/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

#header{background:url(../images/head_bj.jpg) top center no-repeat;width:100%;height:237px;}
/*top*/
.top{height:50px;line-height:50px;color:#333;}
.top .top-right{color:#333;}
.top .top-right a{padding:0 10px;transition:all .3s;color:#333;}
.top .top-right a:hover{color:#b72b2c;}

/*logobox*/
.logobox{position:relative;padding:.15rem 0;}
.logo img{padding-right:10px;}
.media, .media .media{margin-top:0;}
.logobox .logoright{margin-top:10px!important;}
.logobox .logoright img{padding-right:5px;margin-top:10px;}
.logobox .logoright strong{color:#413d3a;font-size:30px;line-height:1;font-family:impact;}
.logobox .logoright p{font-size:14px;color:#333;margin-top:7px;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}

/*nav*/
#nav{background:url(../images/nav_bj.png) no-repeat;height:46px;margin-top:13px;/*padding:0 84px;box-sizing: border-box;*/}
#nav ul{width:1000px;margin:0 auto;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:52px;}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li.active>a{color:#b72b2c;line-height:52px;}
#nav ul .submenu{position:absolute;width:100%;top:46px;z-index:99;background:rgba(0,0,0,.7);display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#FFF;}
#nav ul .submenu li a:hover{color:#b72b2c;}

/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:500px;}	
.banner .hd{position:absolute;bottom:5px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:10px;height:10px;background:#9a9895;display:inline-block;margin-left:5px;border-radius:50%;}
.banner .hd li.on{background:#b72b2c;}

/*search*/
.search-box{background:url(../images/search_bj.jpg) no-repeat;height:60px;line-height:60px;}
.search-box .link span{padding-right:10px;color:#b72b2c;font-size:14px;display:inline-block;font-weight:bold;}
.search-box .link a{padding:0 10px;font-size:14px;color:#666;}
.search{margin-top:15px;}
.search .sousu{width:210px;line-height:30px;background:#d4d4d4;padding-left:10px;font-size:12px;color:#666!important;font-family:"宋体";border:none;}
.search .sou-zi{width:74px;height:32px;background:url(../images/btn.png) no-repeat;border:none;cursor:pointer;margin-left:10px;}

/*product*/
.indexProduct-tit{background:url(../images/tit1.png) no-repeat;width:100%;height:123px;}
.indexProduct-tit span{display:inline-block;margin:50px 0 0 255px;}
.indexProduct-tit span a{font-size:16px;color:#333;}
.indexProduct-tit .layui-breadcrumb span[lay-separator]{margin:0 18px!important;color:#333!important;}
.indexProduct-tit span a:hover{color:#b72b2c!important;}
.indexProduct-body ul li div.indexProduct-item a{display:block;text-align: center;}
.indexProduct-body ul li div.indexProduct-item span{display:block;height:1.98rem;overflow: hidden;border:1px solid #ddd;}
.indexProduct-body ul li div.indexProduct-item span>img{width:100%;height:100%;}
.indexProduct-body ul li div.indexProduct-item a p{font-size:14px;color:#333;line-height: 40px;}
.indexProduct-body ul li:hover div.indexProduct-item span{border:1px solid #b72b2c;}
.indexProduct-body ul li:hover div.indexProduct-item a p{color:#b72b2c;}

/*关于我们*/
.indexAbout{background:url(../images/about_bj.jpg) top center no-repeat;width:100%;}
.indexAbout-txt{width:860px;padding-top:70px;}
.indexAbout-txt p{font-size:14px;color:#333;line-height: 35px;text-indent:2em;text-align: justify;}
.indexAbout-txt a{display:block;background:url(../images/more.png) no-repeat;font-size:14px;color:#fff;text-align: center;width:110px;height:37px;line-height:37px;margin-top:20px;}
.indexAbout-img{width:237px;}

/*公共标题*/
.indextit{background:url(../images/tit2.png) no-repeat;width:100%;height:123px;}
.indextit1{background:url(../images/tit3.png) no-repeat;width:100%;height:123px;}
.indextit a{display:block;width:65px;height:30px;line-height: 30px;font-size;14px;color:#fff;border-radius:8px;background:#b72b2c;text-align: center;float: right;margin:65px 85px 0 0;}
.indexAnli-box{margin-top:25px;}
.indexAnli-item{position: relative;margin-top:15px;}
.indexAnli-item a{display:block;}
.indexAnli-item div.indexAnli-img a{display:block;height:200px;overflow: hidden;}
.indexAnli-item div.indexAnli-img a>img{width:100%;height:100%;}
.indexAnli-item a span{display:block;width: 258px;height: 188px;background: rgba(183,43,44,0.8) url(../images/kuang.png) no-repeat center;position: absolute;top: 6px;left: 6px;display:none;}
.indexAnli-item a span p{font-size:16px;color:#fff;text-align: center;line-height: 200px;}
.indexAnli-item:hover a span{display:block;}
.indexAnli-item2 div.indexAnli-img a{display:block;height:415px;overflow: hidden;}
.indexAnli-item2 div.indexAnli-img a>img{width:100%;height:100%;}
.indexAnli-item2 a span{display:block;width: 548px;height: 403px;background: rgba(183,43,44,0.8) url(../images/kuang2.png) no-repeat center;position: absolute;top: 6px;left: 6px;display:none;}
.indexAnli-item2 a span p{font-size:16px;color:#fff;text-align: center;line-height: 415px;}

/*ban*/
.ban{background:url(../images/ban_bj.jpg) top center no-repeat;width:100%;height:140px;}

/*新闻中心*/
.indexNews{background:url(../images/news_bj.png) top center no-repeat;width:100%;padding:40px 0 30px 0;box-sizing: border-box;}
.indexNews-item .index-item-cont{margin-top:20px;}
.indexNews-item a{display:block;}
.indexNews-item a span{display:block;height:2.12rem;overflow: hidden;}
.indexNews-item a span>img{width:100%;height:100%;}
.index-item-time{/*width:30%;*/overflow:hidden;}
.index-item-time b{font-size:40px;line-height: 42px;color:#000;padding-left:12px;}
.index-item-time p{font-size:18px;line-height: 20px;color:#000;text-align: center;margin-top:10px;}
.index-item-txt{width:75%;overflow:hidden;}
.index-item-txt p{font-size:14px;color:#666;line-height: 25px;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.index-item-txt a{display:block;width:29px;height:29px;margin-top:5px;}
.index-item-txt a>img{width:100%;height:100%;}
.index-item-txt:hover p{color:#b72b2c;}

.flink{padding-top:30px;padding-bottom: 30px;}
.flink span b{font-size:14px;color:#b72b2c;}
.flink span a{font-size:14px;color:#333;padding-right:15px;}

/*footer*/
.footer{background:#413d3a url(../images/footer_top.png) top center no-repeat;padding-bottom: 30px;}
.footer-nav{display:block;border-bottom: 1px solid #615f5e;padding-bottom: 15px;width:100%;text-align: center;padding-top:30px;}
.footer-nav a{font-size:14px;color:#fff;padding-left:20px;}
.footer-txt{width:800px;}
.footer-txt p{font-size:14px;color:#fff;line-height: 30px;}
.zhuying{font-size:14px;color:#fff;margin-top:20px;}
.zhuying a{color:#fff;padding-right:10px;}
.footer-erweima{width:236px;}
.footer-erweima .wx span{display:block;width:103px;height:103px;overflow:hidden;}
.footer-erweima .wx span>img{width:100%;height:100%;}
.footer-erweima .wx p{font-size:12px;color:#fff;text-align: center;margin-top:5px;}
.footer-erweima .gw span{display:block;width:103px;height:103px;overflow:hidden;}
.footer-erweima .gw span>img{width:100%;height:100%;}
.footer-erweima .gw p{font-size:12px;color:#fff;text-align: center;margin-top:5px;}

.bohao{width:60px;height:60px;position:fixed;bottom:20px;right:20px;z-index:10000;}
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.banner .pic li{height:140px;}
	.logobox{text-align:center;height:.9rem;}	
	.logobox .logo,.aboutus-cont .abtTxt{margin:0;}
	.logobox .logo img{width:4.5rem;margin-top:5px;float:left;margin-left:15px;}
	.logobox{padding:0;}
	.logobox button{display:block;margin-top:5px;}
	
	.logobox .head-icon{width:.9rem;height:.9rem;float:right;display:block;position:relative;}
	.logobox .head-icon span{display:block;position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: .5rem;
    height: .37rem;
    transition: all 0.5s ease-in-out;
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../images/icon1.jpg);}
	.head-icon.active span{width: 0.37rem;height: 0.37rem;background-image: url(../images/icon2.jpg);}
	/*主导航样式*/
	#nav{background-color: rgba(0, 0, 0, 0.7);height:auto;}
	#nav ul>li{width:100%;background:none;}
	#nav ul>li a{color:#666;font-size:14px;}
	#nav ul>li.active>a{line-height:.8rem;color:#666;background:none;}
	#nav ul>li:hover a{color:#333;font-weight:bold;}
	.navbar{position: fixed;display:none;top: .6rem;left: 0;width: 100%;bottom: 0;z-index: 9999;}
	.navbar-nav{width: 100%;background-color: #fff;z-index: 1200;border-top: .01rem solid #e5e5e5;padding-bottom: .8rem;}
	.navbar-nav ul{width:100%;height:auto;overflow:hidden;}
	.navbar-nav li{width:100%;height:auto;overflow:hidden;border-bottom:.01rem solid #e5e5e5;float:none}
	.navbar-nav li a{display: block;width: 100%;text-align: center;line-height: .8rem;height: .8rem;font-size: .24rem;color: #666;}
	.navbar-nav li a:hover{color:#149350;}
	
	#header{background:none;height:auto;}
	#nav ul{width:100%;}
	
	.indexProduct{margin-top:30px!important;}
	.indexProduct-tit-sj .sj-tit{background: url(../images/tit11.png) center center no-repeat;height: 46px;}
	.indexProduct-tit-sj span{}
	.indexProduct-tit-sj span a{font-size:.12rem;padding:0 2px;}
	.indexProduct-tit-sj .layui-breadcrumb span[lay-separator]{margin:0 5px!important;}
	.indexProduct-body{margin-top:20px;}
	
	.indexAbout{margin-top:30px!important;padding-bottom: 20px;}
	.indexAbout-txt{width:100%;float:none!important;padding-top:20px;background:#e4ddcb;}
	.indexAbout-txt p{line-height: 25px;}
	.indexAbout-txt a{margin-top:10px;}
	
	.indexAnli{margin-top:30px!important;}
	.indextit{background: url(../images/tit22.png) center center no-repeat;height: 46px;}
	.indexAnli-item div.indexAnli-img a{height:5rem;}
	.indexAnli-box a.sj-more{display:block;background:url(../images/more.png) no-repeat;font-size:14px;color:#fff;text-align: center;width:110px;height:37px;line-height:37px;margin:20px auto 0;}
	.indexAnli-box{margin-top:20px;}
	.indexAnli-item a span{width:100%;height:100%;}
	
	.indexNews{margin-top:30px;padding:20px 0;}
	.indexNews ul{margin-top:20px!important;}
	.index-item-time b{font-size:24px;line-height: 26px;}
	.indexNews a.sj-more{display:block;background:url(../images/more.png) no-repeat;font-size:14px;color:#fff;text-align: center;width:110px;height:37px;line-height:37px;margin:20px auto 0;}
	
	.footer-txt{width:100%;float:none!important;}
	.footer{background-size:100%;padding:20px 0;}
	.footer-body{margin-top:0px!important;}
	.footer-txt p{line-height: 25px;}
	.page-pic-list >a{height:99px!important;}
}