
/*------style.css  start------*/
/*less*/
@c:center;
@small:12px;
@mid:14px;
@big:16px;
@b:#000;
@g:#666;
@r:#d41c29;
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
.clearfix{
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.db{
	display:block;
}
.tl{
	text-align: left;
}
.tc{
	text-align: center;
}
.tr{
	text-align: right;
}
.full{
	width:100%;
	height:100%;
}
.box{
	display: inline-block;
}
.none{
	display: none;
}
/*container*/
.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}



/*header*/
#head{width:100%;height:100px;background:#3c3c3c;position:fixed;top:0px;z-index:200;}
.gunav{position:fixed;top:0px;z-index:200;width:100%;background:rgba(0,0,0,0.1);height:100px;}
.nav{width:1200px;height:100%;margin:auto;}
.nav .logo{margin-top:18px;float:left;font-size:0px;}
.navul{float:right;}
.navul li{float:left;padding:0px 20px;line-height:100px;height:100px;position:relative;}
.navul li>a{color:#fff;}
.navul li>a:hover{color:#d6000f;}
.navul li .nav_son{position:absolute;top:100px;left:0px;z-index:100;border-top:3px solid #d6000f;display:none;width:100%;overflow: hidden;background:rgba(90,90,90,0.9);box-shadow: 5px 20px 42px 11px rgba(0,0,0,0.2);}
.navul li .nav_son a{transition:all 0.36s ease;display:block;width:100%;color:#dfdfdf;text-align:center;line-height:36px;border-bottom: 1px solid rgba(170,170,170,.2);}
.navul li .nav_son a:hover{background:#d6000f;color:#fff;}
.navul li.cur>a{color:#d6000f;}





	
	/*banner*/
#indexbanner{overflow: hidden; position: relative;}
.bx-controls .bx-pager{ display:none;}
.bx-controls .bx-controls-direction .bx-prev{width:29px;height:49px;background:url(../images/left.png) no-repeat center;display:block;font-size:0px;position:absolute;top:50%;left:5%;z-index:100;}
.bx-controls .bx-controls-direction .bx-next{width:29px;height:49px;background:url(../images/right.png) no-repeat center;display:block;font-size:0px;position:absolute;top:50%;right:5%;z-index:100;}
.insidebanner{margin-top:100px;}



#indexclass{width:100%;height:100%;position:relative;}
.cla{width:100;height:100%;}
.cla li{float:left;position:relative;width:20%;height:100%;overflow:hidden;transition: all 0.8s ease 0s;}
.cla li .des{position:absolute;left:15%;top:40%;transition:all 1s ease 0s;}
.cla li .des p{font-size:16px;color:#fff;margin-top:36px;}
.cla li .mask{background-color:#fff;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all 1s ease-in-out 0s;width:100%;}
.cla li .con{left:50%;opacity:0;position:absolute;top:40%;transition:all 1s ease-in-out 0s;}
.cla li .con dt{margin-bottom:15px;font-size:20px;color:#000;}
.cla li .con .intro{line-height:200%;color:#000;}
.cla li .con .more{margin-top:40px;}
.cla li .con .more a{color:#000;}
.cla li .con .more .arrow_right{display:inline-block;border-bottom:5px solid transparent;border-left:5px solid #000;border-top:5px solid transparent;margin-right:5px;}






#indexabout{width:100%;background:url(../images/bg1.jpg) no-repeat center;background-size:cover;}
.about .tit{margin-top:23%;text-align:center;text-transform:uppercase;}
.about .tit p{font-size:50px;color:#ff0004;margin-bottom:18px;}
.about .tit span{font-size:26px;color:#fff;}
.about .con{width:940px;height:178px;margin:auto;text-align:center;margin-top:40px;color:#d5d5d5;line-height:34px;}
.about .more{width:145px;height:43px;border:1px solid #707070;color:#a1a1a1;text-align:center;line-height:43px;display:block;margin:auto;position:relative;}
.about .more:hover{border:1px solid #cb4c4f;color:#cb4c4f}
.about .more:hover span{margin-right:10px;}




#indexproducts{width:100%;background:url(../images/bg2.jpg) no-repeat center;background-size:cover;}
.products{width:1302px;margin:auto;}
.products .tit{margin-top:18%;text-align:center;text-transform:uppercase;}
.products .tit p{font-size:50px;color:#ff0004;margin-bottom:18px;}
.products .tit span{font-size:26px;}
.products .con{margin-top:78px;}
.products ul li{width:310px;height:266px;float:left;margin-right:20px;}
.products ul li:nth-child(4n){margin-right:0px;}
.products ul li .pic{width:310px;height:233px;border:4px solid #d2d2d2;display:block;overflow:hidden;text-align:center;background:#fff;position:relative;
	display:flex;
	align-items:center;
	display:-webkit-flex; 
    -webkit-align-items:center;
	display:-ms-flex; 
    -ms-align-items:center;}
.products ul li .pic span{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.3);}
.products ul li .pic span:before{content:"+";position:absolute;top:60px;left:128px;width:45px;height:45px;line-height:45px;color:#fff;border-radius:50%;text-align:center;background:#ff0004;font-size:22px;transition: all 0.6s ease 0s;}
.products ul li .pic:hover{border:4px solid rgba(0,0,0,0.3);box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);}
.products ul li .pic:hover span{opacity:1;}
.products ul li .pic:hover span:before{top:90px;}
.products ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.products ul li .tt{color:#13212a;margin-top:18px;}
.products ul li .tt:hover{color:#ff0004;}
.products ul li .subtt{color:#13212a;font-weight:bold;margin-top:12px;}
.products ul li .subtt:hover{color:#ff0004;}






#indexnews{width:100%;}
.news{width:1200px;height:100%;margin:auto;position:relative;overflow:hidden;}
.news .line{position:absolute;height:100%;border-right:1px solid #d7d7d7;left:729px;}
.news .tit{margin-top:16%;text-align:center;text-transform:uppercase;}
.news .tit p{font-size:50px;color:#ff0004;margin-bottom:18px;}
.news .tit span{font-size:26px;}
.news .con{margin-top:60px;}
.news .con ul li{float:left;width:280px;margin-right:26px;}
.news .con ul li:last-child{margin-right:0;}
.news .con ul li .pic{width:100%;height:210px;overflow:hidden;opacity:0;}
.news .con ul li .pic img{width:100%;height:100%;}
.news .con ul li .des{padding:0 8px;height:220px;border-bottom:1px solid #e9e9e9;overflow:hidden;position:relative;margin-top:-160px;}
.news .con ul li .des:after{content:"";position:absolute;left:0;bottom:0;width:0;border-top:1px solid #ff0004;
transition: all 0.6s ease 0s;
-ms-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;}
.news .con ul li .des p{font-size:18px;margin-top:20px;}
.news .con ul li .des .xx{color:#a1a1a1;font-size:13px;margin-top:20px;line-height:25px;}
.news .con ul li .des .more{float:left;margin-top:40px;font-size:12px;color:#a1a1a1;}
.news .con ul li .des .date{float:right;font-size:16px;color:#a1a1a1;margin-top:40px;}
.news .con ul li:hover .pic{opacity:1;}
.news .con ul li:hover .des{margin-top:0;}
.news .con ul li:hover .des p{color:#ff0004;}
.news .con ul li:hover .des:after{width:100%;}






#indexcontact{width:100%;background:url(../images/bg3.jpg) no-repeat center;background-size:cover;position:relative;}
.contact .tit{margin-top:16%;text-align:center;text-transform:uppercase;}
.contact .tit p{font-size:50px;color:#ff0004;margin-bottom:18px;}
.contact .tit span{font-size:26px;}
.contact .con{font-size:16px;color:#202020;text-align:center;line-height:40px;margin-top:100px;}
.banq{text-align:center;width:100%;font-size:12px;color:#828282;position:absolute;bottom:120px;}






.ne_son{width:100%;height:50px;background:#dcdcdc;border-bottom:1px solid #c8c8c8;}
.ne_son ul{width:1200px;margin:auto;}
.ne_son ul li{height:50px;float:left;border-right:1px solid #c8c8c8;text-align:center;line-height:50px;}
.ne_son ul li:first-child{border-left:1px solid #c8c8c8;}
.ne_son ul li.cur{background:#fff;}
.ne_son ul li a{color:#333;width:100%;height:50px;display:block;}
.ne_son ul li:hover{background:#fff;}
.ne_nav{width:100%;height:50px;background:#f5f5f5;line-height:50px;}
.ne_nav div{width:1200px;margin:auto;}




.col{min-height:450px;line-height:220%;margin-top:30px;margin-bottom:30px;}
.col h2{text-align:center;font-weight:normal;color:#000;margin-top:50px;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.cat .address{margin-top:30px;overflow:hidden;}
.cat .address ul li{width:300px;height:150px;float:left;text-align:center;position:relative;}
.cat .address ul li:after{content:"";height:80px;border-left:1px solid #e2e2e2;position:absolute;top:20px;right:0;}
.cat .address ul li:last-child:after{display:none;}
.cat .address ul li i{width:21px;height:19px;margin:10px auto;display:block;}
.cat .address ul li:nth-child(1) i{background:url(../images/p1.png) no-repeat center;}
.cat .address ul li:nth-child(2) i{background:url(../images/p2.png) no-repeat center;}
.cat .address ul li:nth-child(3) i{background:url(../images/p3.png) no-repeat center;}
.cat .address ul li:nth-child(4) i{background:url(../images/p4.png) no-repeat center;}
.cat .address ul li p{color:#333;font-weight:bold;text-transform:uppercase;margin-bottom:10px;font-size:16px;}
.cat .address ul li span{line-height:24px;}
.cat .con{line-height:220%;min-height:350px;margin-bottom:30px;}




.pxxm{min-height:450px;margin-bottom:50px;margin-top:40px;}
.pxxm ul{width:100%;overflow:hidden;}
.pxxm ul li{width:289px;height:305px;float:left;margin-right:14px;position:relative;overflow:hidden;}
.pxxm ul li:nth-child(4n){margin-right:0px;}
.pxxm ul li a{width:100%;height:100%;display:block;}
.pxxm ul li .tit{width:100%;height:89px;text-align:center;position:absolute;bottom:0px;left:0px;transition:all 0.5s;}
.pxxm ul li:hover .tit{bottom:89px;}
.pxxm ul li .tit p{font-size:16px;margin-top:25px;width:100%;height:18px;}
.pxxm ul li:hover .tit p{color:#fff;} 
.pxxm ul li .tit span{font-size:14px;margin-top:8px;display:block;color:#999;}
.pxxm ul li .bg{width:289px;height:216px;position:absolute;top:0px;left:0px;display:none;background:rgba(0,0,0,0.5);transition:all 0.5s;}
.pxxm ul li:hover .bg{display:block;}
.pxxm ul li .more{width:168px;height:35px;position:absolute;bottom:-40px;left:60px;border:1px solid #d2d2d2;transition:all 0.5s;background:url(../images/jia.png) no-repeat center;}
.pxxm ul li:hover .more{bottom:24px;}




.cpzx{width:100%;min-height:450px;margin-bottom:50px;margin-top:40px;overflow:hidden;}
.cpzx ul{width:100%;overflow:hidden;}
.cpzx ul li{width:287px;height:300px;float:left;margin-right:14px;margin-bottom:22px;border:1px solid rgb(238, 238, 238);}
.cpzx ul li a{width:257px;height:270px;display:block;padding:15px;}
.cpzx ul li:nth-child(4n){margin-right:0px;}
.cpzx ul li .pic{width:257px;height:220px;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.cpzx ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.cpzx ul li p{width:100%;height:20px;text-align:center;line-height:20px;margin-top:5px;color:#000;font-size:16px;}
.cpzx ul li .des{font-size:12px;line-height:18px;margin-top:7px;padding:0 3px;color:#666;text-align:center;}
.cpzx ul li:hover{border:1px solid #ff0004;box-shadow: rgba(238,238,238,1) 0px 0px 2px 2px;}
.cpzx ul li:hover img{opacity:0.9;}
.cpzx ul li:hover p{color:#ff0004;}





.cpzs{width:100%;min-height:450px;margin-bottom:50px;margin-top:40px;overflow:hidden;}
.cpzs ul{width:100%;overflow:hidden;}
.cpzs ul li{width:140px;height:110px;float:left;margin-right:9px;margin-bottom:22px;border:1px solid rgb(238, 238, 238);}
.cpzs ul li a{width:140px;height:110px;display:block;}
.cpzs ul li:nth-child(8n){margin-right:0px;}
.cpzs ul li .pic{width:140px;height:80px;overflow:hidden;display:flex;align-items:center;display:-webkit-flex; /* Safari */-webkit-align-items: center; /* Safari 7.0+ */}
.cpzs ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.cpzs ul li p{width:100%;height:20px;text-align:center;line-height:20px;margin-top:5px;color:#000;font-size:16px;}
.cpzs ul li:hover{border:1px solid #ff0004;box-shadow: rgba(238,238,238,1) 0px 0px 2px 2px;}
.cpzs ul li:hover img{opacity:0.9;}
.cpzs ul li:hover p{color:#ff0004;}










.xwzx{width:100%;min-height:450px;margin-bottom:50px;margin-top:40px;}
.xwzx ul li{width:100%;height:220px;}
.xwzx ul li a{width:100%;height:180px;display:block;padding:20px 0;}
.xwzx ul li img{width:240px;height:180px;float:left;}
.xwzx ul li .con{float:left;width:800px;margin-left:40px;}
.xwzx ul li .date{color:#999;}
.xwzx ul li .tit{font-size:20px;color:#333;margin:15px 0;font-weight:bold;}
.xwzx ul li .des{height:56px;line-height:28px;overflow:hidden;color:#999;}
.xwzx ul li .more{width:30px;height:30px;margin-top:25px;background:url(../images/more.png) no-repeat center;transition: all 2s ease 0s;}
.xwzx ul li:hover{background:#f5f5f5;}
.xwzx ul li:hover .tit{color:#ff0004;}
.xwzx ul li:hover .more{background:url(../images/more_hover.png) no-repeat center;}






.orientation{margin-top:20px;margin-bottom:20px;overflow:hidden;width:100%;}
.orientation .previous{float:left;}
.orientation .next{float:right;}







/*footer*/
.footer_bottom{height:66px;line-height:66px;background:#19191b;}
.footer_bottom .fter{width:1200px;margin:auto;color:#f3f1f1;font-size:13px;}


.mypage{
    text-align: center;
	float:left;
	width:100%;
}	
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}		
.mypage	span.current,.mypage a.current{
	background: #d35b52;
	color: #fff;
}



