/*------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;
}

a:hover{
	text-decoration:none;
	color: #f88f12;
    transition: color 0.4s;
    -moz-transition: color 0.4s;
    -webkit-transition: color 0.4s;
    -o-transition: color 0.4s;
}
@-webkit-keyframes fromBottomFade { from {
-webkit-transform: translateY(20%);
opacity:0;
}
}
@keyframes fromBottomFade { from {
transform: translateY(20%);
opacity:0;
}
}



a{text-decoration:none;}


/*container*/
.container{
	width:1200px;
	margin:0 auto;
	clear:both;
}

/*header*/
.contain{width:1200px;margin:auto;}
.top{width:100%;height:100px;}
.top .contain .logo{float:left;margin-top:19px;font-size:0px;}
.top .contain .logo img{margin-top: 25px;max-width: 520px;}
.top .contain .line{float:left;margin-left:22px;margin-top:33px;height:40px;border-right:1px solid #dbdbdb;}
.top .contain .subtt{float:left;margin-top:42px;margin-left:20px;color:#2b4968;font-size:21px;font-weight:lighter;}
.top .contain .phone{float:right;    margin-top: 35px; }
.top .contain .phone .tel{float:left;margin-left:9px;}
.top .contain .phone .tel p{    color: #47617c;
	float: left;
	margin: 0 7px;}
.top .contain .phone .tel p img{ height: 22px;
	margin: 0 6px;
	margin-bottom: -4px;}
.top .contain .phone .tel p>a{line-height: 22px;}
.nav{width:100%;height:60px;background:#1f1f1f;}
.nav .navul{width:1200px;margin:auto;}
.navul li{float:left;width:164px;height:60px;position:relative;}
.navul li:first-child{margin-left:25px;}
.navul li>a{width:100%;height:60px;line-height:60px;text-align:center;display:block;color:white;transition:all 0.36s ease;}
.navul li.cur>a{background: gray;}
.navul li a:hover{background:gray;}
.navul .nav_son{position:absolute;z-index:100;display:none;}
.navul .nav_son a{color:#fff;width:164px;height:45px;line-height:45px;text-align:center;display:block;background:#1f1f1f;border-bottom:1px solid #1f1f1f; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.navul .nav_son a:last-child{border:none;}




/*banner*/
#indexbanner{ width:100%;height:570px; overflow: hidden; position: relative;}
#indexbanner .bx-controls{ position: absolute; left: 0; bottom: 20px; z-index: 999; width: 100%; color: rgba(0,0,0,0);display: none}
#indexbanner .bx-controls .bx-pager{ text-align: center;}
#indexbanner .bx-controls .bx-pager div{ display: inline-block; margin: 0 2px;}
#indexbanner .bx-controls .bx-pager div a{ display: block; width: 45px; height: 4px; overflow: hidden; line-height: 50px; background-color: rgba(255,255,255,0.3);}
#indexbanner .bx-controls .bx-pager div a.active{ background-color: rgba(255,255,255,0.8);}
/* #indexbanner .bx-controls .bx-controls-direction{ display: none;} */
#insidebanner{ width:100%; height:100%;overflow: hidden; position: relative;}
#insidebanner .bx-controls .bx-pager{ display: none;}
#insidebanner .bx-controls{display:none;}

.tit .cn{font-size:30px;color:#2e2e2e;font-weight:bold;}
.tit .line{width:247px;border-bottom:1px solid #dbdbdb;margin:auto;margin-top:17px;position:relative;}
.tit .line:after{content:"";position:absolute;width:14px;height:3px;background:#016ef4;top:-1px;left:116.5px;}
.tit .en{color:#999;text-transform:uppercase;margin-top:18px;}



.sms ul li{
	float: left;
	width: 365px;
	height: 215px;
	margin-right: 7px;
	margin-bottom: 8px;
	background: #f5f5f5;
	padding-left: 28px;
}

.sms ul li a .zhao>.con p{
	line-height: 30px;
}

.sms ul li .tt{       margin-top: 40px;
	font-size: 18px;
	color: #333333;
	font-weight: bold;}
.sms ul li .time{
	margin-top: 22px;
}
.sms ul li .des{
	margin-top: 24px;
	width: 340px;
	line-height: 22px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.sms ul li .rights{
	display: none;
}
.sms ul li:hover div ,.sms ul li:hover{
	color: white;background:#4084a9 ;
}
.sms ul li .con .cs{	    float: right;
	margin-right: 40px;
	margin-top: 13px;}
.sms ul li:hover .con .cs{
	margin-right: 20px;transition: all 1s;
}
.sms ul li:hover .rights{
	display: block;
}

.sms ul li:hover .rightb{
	display: none;
}
.sms ul li .rightb
.zhao{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	background: #80808026;
	width: 100%;
	height: 100%;}


#indexproduct{width:100%;height:630px;}
.product{width:1200px;height:100%;margin:auto;overflow:hidden;}
.product .tit{margin-top:70px;}
.product .tab{width:100%;height:36px;margin-top:30px;overflow:hidden;}
.product .tab ul{position:relative;left:50%;float:left;}
.product .tab ul li{float:left;width:142px;height:36px;text-align:center;line-height:36px;margin-right:8px;position:relative;right:50%;}
.product .tab ul li a{width:100%;height:100%;display:block;background:#f5f5f5;}
.product .tab ul li.current a{color:#fff;background:#008b92;}
.product .tab ul li a:hover{color:#fff;background:#008b92;}
.product .tab ul li:last-child{margin-right:0px;}
.product .cpzs{width:100%;margin-top:50px;}
.product .cpzs ul{display:none;}
.product .cpzs ul:first-child{display:block;}
.product .cpzs ul li{width:370px;height:356px;float:left;margin-right:45px;}
.product .cpzs ul li:nth-child(3n){margin-right:0px;}
.product .cpzs ul li .pic{width:370px;height:266px;border:5px solid #eee;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;}
.product .cpzs ul li .pic span{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.3);}
.product .cpzs ul li .pic span:before{content:"+";position:absolute;top:60px;left:155px;width:45px;height:45px;line-height:45px;color:#fff;border-radius:50%;text-align:center;background:#008b92;font-size:22px;transition: all 0.6s ease 0s;}
.product .cpzs ul li .pic:hover{border:5px solid rgba(0,0,0,0.3);box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);}
.product .cpzs ul li .pic:hover span{opacity:1;}
.product .cpzs ul li .pic:hover span:before{top:110px;}
.product .cpzs ul li .pic img{max-width:100%;max-height:100%;margin:auto;}
.product .cpzs ul li .tt{text-align:center;line-height:90px;color:#333;}





.title p{
	float: left;
	margin-top: 10px;
	font-size: 16px;
	margin-left: 10px;
}
.title p:first-child{
	font-size: 24px;
	color: black;
	margin: 0px;
}
.title p:last-child{
	float: right;
}
.title p a{
	border-right: 1px solid #666666;
	display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	padding-right: 20px;
	margin-left: 20px;
	max-width:200px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

.title p a:last-child{border-right: 0px;padding-right: 0px;}
#indexabout{    width: 1200px;
	height: 410px;
	margin: 0 auto;margin-top: 60px;}
#indexabout .title p{
	float: left;
	margin-top: 14px;
	font-size: 16px;
	margin-left: 20px;
}
#indexabout .title p:first-child{
	font-size: 30px;
	color: black;
	margin: 0px;
}

#indexabout .about{
	width: 600px;float: left;margin-top: 22px;
}
#indexabout .more{
	float: left;padding: 15px 38px;
	background: #f88f12;
	color: white;    margin-top: 10px;
}
#indexabout a{
	width: 500px;
	height: 300px;
	float: right;
	padding: 13px;
	background:url(../images/abg.png) no-repeat left center;
}

.about .content{

	margin-top: 20px;
	float: left;
	line-height: 28px;
	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:9;
	overflow:hidden;
	word-wrap:break-word;
	white-space:normal; 
	
	word-break:break-all;


	
}





#indexcase{width:100%;overflow:hidden;}
.case{width:1200px;height:100%;margin:auto;overflow:hidden;}
.case .tit{margin-top:73px;}
.case .tab{width:100%;height:36px;margin-top:30px;overflow:hidden;}
.case .tab ul{position:relative;left:50%;float:left;}
.case .tab ul li{float:left;width:142px;height:36px;text-align:center;line-height:36px;margin-right:5px;position:relative;right:50%;}
.case .tab ul li a{width:100%;height:100%;display:block;background:#f5f5f5;}
.case .tab ul li.current a{color:#fff;background:#008b92;}
.case .tab ul li a:hover{color:#fff;background:#008b92;}
.case .tab ul li:last-child{margin-right:0px;}
.case .cpzs{width:100%;height:266px;margin-top:55px;}
.case .cpzs ul{display:none;}
.case .cpzs ul:first-child{display:block;}
.case .cpzs ul li{width:370px;height:266px;float:left;margin-right:45px;}
.case .cpzs ul li:nth-child(3n){margin-right:0px;}
.case .cpzs ul li .pic{width:370px;height:266px;border:5px solid #eee;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;}
.case .cpzs ul li .pic span{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.3);}
.case .cpzs ul li .pic span:before{content:"+";position:absolute;top:60px;left:155px;width:45px;height:45px;line-height:45px;color:#fff;border-radius:50%;text-align:center;background:#008b92;font-size:22px;transition: all 0.6s ease 0s;}
.case .cpzs ul li .pic:hover{border:5px solid rgba(0,0,0,0.3);box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);}
.case .cpzs ul li .pic:hover span{opacity:1;}
.case .cpzs ul li .pic:hover span:before{top:110px;}
.case .cpzs ul li .pic img{max-width:100%;max-height:100%;margin:auto;}






#indexproducts{     background: #f5f5f5}
#indexproducts .title{
	height: 43px;
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 35px;
	border-bottom: 1px solid #d2d2d2;
	padding-top: 45px;
}
.product{width:1200px;margin:auto;}
.product ul li{
	float: left;
	width: 580px;
	margin-bottom: 20px;
	padding: 5px;
	margin-right: 10px;}
.product ul li:hover a{
	transition: all 1s;
	margin-top: 7px;color: white;
}
.product ul li:hover .con .tt{
	color: white;
}
.product ul li:hover{
	background: #f88f12;
}
.product ul li .imgs img{
	width: 280px;
	height: 200px;
	float: left;
}
.product ul li .con{
	margin: 22px 27px 0 27px;
	float: left;
	width: 246px;margin-bottom: 20px;
}

.product ul li .con .tt{
	font-size: 16px;
	color: #000000;
	margin-bottom: 18px;
	line-height: 22px;
	height: 44px;
}

.product ul li .con .des{
	height:72px;width:100%;
	line-height: 24px;
}

.product ul li .des a{
	line-height: 24px;
	margin-top: -30px;
}
.product ul li .more{

	border: 1px solid #999999;
	padding: 6px 10px;
	margin-left: 27px;
	margin-top: 10px;
}









#indexnews{ width: 1200px;margin: 0 auto ;    margin-bottom: 70px;}
#indexnews .title{
	height: 43px;
	width: 1200px;
	margin: 0 auto;
	margin-bottom: 35px;
	border-bottom: 1px solid #d2d2d2;
	padding-top: 45px;
}

.news ul li{
	float: left;
	width: 260px;

	padding: 5px;
	margin: 32px 30px 0 0;}

.news ul li .imgs img{
	width: 100%;
	float: left;
}
.news ul li .con{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.news ul li .con:hover{
	color: #f88f12;
}
.news ul li .con:hover img{
	transition: all 1.2s;transform: scale(1.2);
}
.news ul li .con .tt{
	font-size: 15px;
	color: #000000;
	margin-bottom: 15px;
	float: left;
	margin-top: 27px;
    line-height: 20px;width: 260px;
	height: 40px;
}
.news ul li .con .time{
	float: left;
	margin-right: 140px;    margin-top: 10px;
}
.news ul li .con .line{
	border-bottom: 1px solid #666666;
	width: 50px;float: left;
}
.news ul li .con .des{
	line-height: 24px;
	font-size: 13px;
	margin-top: 14px;
	float: left;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.news ul li .more{
	float: left;
	/*border: 1px solid #999999;*/
	/*padding: 6px 10px;*/
	/*margin-left: 27px;*/
	/*margin-top: 10px;*/
}
#ne_nav{width:100%;height:40px;background:#f5f5f5;}
#ne_nav p{line-height:40px;padding-left:30px;background:url(../images/home.png) no-repeat left center;}




.col{width: 1200px;overflow:hidden;min-height: 450px;line-height: 220%;margin:auto;}
.col h2{text-align:center;font-weight:normal;color:#000;}
.col h3{text-align:center;font-weight:normal;font-size:12px;}
.col img{max-width:100%;}
.cat{width:100%;line-height:220%;margin-top:30px;margin-bottom:30px;}
.cat img{max-width:100%;}
.mt{height:35px;font-size:24px;color:#333;font-weight:bold;margin-top:30px;}
.ttsi{font-size: 32px; line-height:60px;border-bottom: 1px solid #e4e4e4;  position: relative; margin-bottom: 20px;color:#000000;  }
.col .rcim{width: 50%;  height: 460px;float: left;  display: inline;}
.col .rcon{ width: 50%;  height: 460px;  padding: 15px 2%;  box-sizing: border-box;  border: 1px solid #f0f0f0;    float: right;  display: inline; overflow:hidden;}
.col .rcon p:first-child{font-size: 30px;  line-height: 30px;  margin-bottom: 10px;  color: #333;  font-weight: bold;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.col .enrcon p{font-size: 14px;  line-height: 20px;}
.col .rcon .en{   font-size: 18px;  color: #999;  line-height: 24px;  margin-bottom: 15px;  text-transform: capitalize;}
.col .rcon .line{ width: 25px;  height: 2px;  background: #b2b2b2;  display: block;}
.col .cons{
	width: 750px;
	word-break:break-all;
	margin: 15px auto;
}

.col .enrcon{ width: 50%;  height: 460px;  padding: 15px 2%; overflow:hidden;
	word-wrap:break-word;
	white-space:normal; 
	word-break:break-all;
 box-sizing: border-box;  border: 1px solid #f0f0f0;    float: right;  display: inline; overflow:hidden;}
.col .enrcon p:first-child{font-size: 20px;  line-height: 25px;  margin-bottom: 10px;  color: #333;  font-weight: bold;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.col .enrcon .line{ width: 25px;  height: 2px;  background: #b2b2b2;  display: block;}

.col .enrcon p{font-size: 13px;  line-height: 20px;}

.col .xw_show{width:805px;margin:auto;}





.zpxx{  float: left;  width: 100%;  }
.zpxx .ttsi{  padding-top: 40px;  margin-top: 0;font-size: 32px;    line-height: 45px;  border-bottom: 1px solid #e4e4e4;  position: relative;  z-index: 3; padding-bottom: 9px;  margin: 40px 0 20px;color: black  }
.zpxx div  ul li .zhao{display: none;display: none;     position: fixed;
	left: 0;
	top: 0;
	background: #8080809e;
	width: 100%;
	height: 100%;}

.zpxx div  ul li .tit{  font-size: 20px;
	color: #666;
	line-height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 95%;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;}
.zpgw{  background: #f5f5f5;     }
.zpgw .znav{width: 1200px;margin:  0 auto}
/*.zpgw ul li{*/
	/*padding: 40px 30px;*/
	/*float: left;*/
	/*margin-bottom: 2.6%;*/
	/*background: #fff;*/
	/*width: 23%;*/
	/*cursor: pointer;*/
	/*margin-right: 2%;*/
	/*box-sizing: border-box;*/
/*}*/
/*.zpgw ul li .zhao{*/

	/*position: fixed;*/
	/*left: 0px;*/
	/*top: 0px;*/
	/*background: rgba(128, 128, 128, 0.62);*/
	/*width: 100%;*/
	/*height: 100%; display: none*/
/*}*/
/*.zpgw .znav ul li .time{color: #989898;*/
	/*font-size: 15px;*/
	/*line-height: 20px;*/
	/*margin-bottom: 15px;}*/
/*.zpcon{*/
	/*height: 280px;*/
	/*overflow-y: auto;*/
	/*margin-bottom: 102px;*/
	/*border: 1px solid #80808042;*/
	/*padding: 10px;*/
	/*line-height: 22px;*/
/*}*/
/*.buts ,.but{*/
	/*font-size: 14px;*/
	/*color: #333;*/
	/*width: 110px;*/
	/*height: 35px;*/
	/*line-height: 35px;*/
	/*text-align: center;*/
	/*background: #f7f7f7;*/
	/*-webkit-transition: all .5s;*/
	/*transition: all .5s;*/
/*}*/
/*.buts .asl{*/
	/*display: none;*/
/*}*/


/*.zpgw ul li:hover .buts, .buts:hover{*/
	/*color: white;*/
	/*background: #279dde;*/

/*}*/


.zha{
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	background: rgba(128, 128, 128, 0.62);
	width: 100%;
	height: 100%; display: none
}

.zha .forms{
	z-index: 24;
	width: 650px;
	height: 480px;
	top: 50%;
	left: 50%;
	margin-top: -325px;
	margin-left: -325px;
	position: absolute;
	background: #fcfcfc;
	padding: 50px 40px 30px 40px;
	box-sizing: border-box;
}

.zha .form .focon{
	font-size: 22px;
	line-height: 22px;
	padding-bottom: 15px;
	color: #333;
	border-bottom: 1px solid #D4D4D4;
	margin-bottom: 25px;
	font-weight: bold;
}

.zpcon p{
	font-size: 16px;
	color: #333;
	margin-bottom: 10px;
	line-height: 1.5;
	font-weight: bold;margin-top: 40px;
}

.maintit{text-align:center;}
.maintit p{font-size:40px;color:#333;margin-bottom:12px;}
.maintit span{color:#999;text-transform:uppercase;}
.maintit .line{width:35px;height:4px;background:#808080;margin:auto;margin-top:13px;}
.nett{margin-top:60px;}
.catson{    width: 1200px;
	margin: 0 auto;
	text-align: right; }
.catson a{
	font-size: 15px;
	margin-left: 20px;
	padding-bottom: 3px;
	display: -webkit-inline-box;border-bottom: 1px solid;
}



.company{padding-bottom:50px;overflow:hidden;}
.company .con{overflow:hidden;margin-top:24px;padding:0px 10px;line-height:35px;}
.company .more{width:110px;height:43px;border:1px solid #d2d2d2;position:relative;margin:auto;padding-left:42px;line-height:43px;color:#e40113;cursor:pointer;background:url(../images/down.png) no-repeat 107px center;    margin-top: 30px;}
.company .more:before{content:"";position:absolute;width:0;height:100%;background:#dd551b;top:0px;left:0px;z-index:-1;
	transition:all 0.65s ease 0s;
	-ms-transform:all 0.65s ease 0s; 	/* IE 9 */
	-moz-transform:all 0.65s ease 0s; 	/* Firefox */
	-webkit-transform:all 0.65s ease 0s; /* Safari 和 Chrome */
	-o-transform:all 0.65s ease 0s; 	/* Opera */}
.company .more:hover{border:1px solid #dd551b;color:#fff;background:url(../images/down_hover.png) no-repeat 107px center;}
.company .more:hover:before{width:100%;}
.company .you{margin-top:40px;}
.company .you .detail{width:25%;text-align:center;float:left;}
.company .you .detail p{font-size:80px;color:#e40113;margin-bottom:30px;}
.company .you .detail:hover span{color:#dd551b;}
.company .you .detail:hover p{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}




.honor{width:100%;height:530px;    background: #80808036;overflow:hidden;}
.honor .maintit{margin-top:75px;}
.honor .con{margin-top:45px;position:relative;}
.honor .con .box{width:100%;height:269px;overflow:hidden;}
.honor .con ul{width:99999px;height:269px;}
.honor .con ul li{float:left;width:307px;height:100%;}
.honor .con ul li .pic{width:279px;height:209px;overflow:hidden;display:block;}
.honor .con ul li .pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.honor .con ul li .title{width:279px;height:60px;text-align:center;line-height:60px;}
.honor .con .prev{position:absolute;width:22px;height:37px;background:url(../images/left.png) no-repeat center;left:-36px;top:86px;cursor:pointer;}
.honor .con .next{position:absolute;width:22px;height:37px;background:url(../images/right.png) no-repeat center;right:-36px;top:86px;cursor:pointer;}
.honor .con1{display:none;}






.patent{margin-top:75px;margin-bottom:170px;}
.company-scroll{width: 1042px;height: 250px;margin: 70px auto 0;position: relative;}
.company-scroll .comp-left{width:50px;height:50px;background:url(../images/left1.png) no-repeat center;position:absolute;top:150px;left:0px;cursor:pointer;}
.company-scroll .comp-right{width:50px;height:50px;background:url(../images/right1.png) no-repeat center;position:absolute;top:150px;right:0px;cursor:pointer;}
.company-scroll .company-box{width: 864px;height: 396px;position: relative;margin-left: 105px;overflow: hidden;}
.company-scroll ul li{float: left;width: 282px;height: 388px;position: absolute;}






.son_nav{margin-top:25px;text-align:center;}
.son_nav a{padding:0px 20px;height:45px;line-height:45px;border-radius:2px;border:1px solid #dcdcdc;color:#333;display:inline-block;margin:0px 10px;transition: color 0s;}
.son_nav a.active{background:#008b92;color:#fff;border:1px solid #008b92;}
.son_nav a:hover{background:#008b92;color:#fff;border:1px solid #008b92;}


/*项目展示*/
.project{
	width: 1200px;
	height:100%;
	overflow: hidden;

}
.project p {
	line-height: 50px;
	background-color: #f5f5f5;
	text-align: center;
	font-size: 16px;
	color: #000;
	height: 50px;
	overflow: hidden;
}
.project p:hover{
	background-color: #f88f12;
	color: #fff;
}
.project .pic{
	min-width: 360px;
	overflow:hidden;
	display:flex;
	align-items:center;
	display:-webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	border-bottom: 0px;
}

.project img{
	transition: transform 0.9s ease 0s;
	width:100%;
	max-height: 300px;
    margin: 0 auto;
    object-fit: cover;
}
.project img:hover{transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);   /* IE 9 */
	-moz-transform:scale(1.1,1.1);  /* Firefox */
	-webkit-transform:scale(1.1,1.1); /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1);    /* Opera */}

.project .project1{
	width: 360px;
	height: 320px;
	float: left;
	margin-bottom: 30px;
	margin-right: 40px;
}
.project .project2{
	width: 360px;
	height: 290px;
	margin-left: 50px;
	float: left;
	margin-bottom: 35px;
}

.case_cur{
	display: block;
	width: 1200px;
	height:100%;
	overflow:hidden;
	margin: 0 auto;    margin-top: 40px;    color: #000000;
}
.case_cur .left{
	height: 75px;
	line-height: 75px;
	border-bottom: 1px solid #dedede;
}
.case_cur .left .text {
	font-size: 28px;
	font-weight: 500;
}
.case_cur .case_right {
    position: relative;
	
}
.case_cur .case_right a {
	
	float: left;
	line-height: 50px;
	height: 50px;
	padding: 0 5px;
	margin-left: 30px;
	color: #666666;
	box-sizing: border-box;
	font-size: 16px;
	transition:width 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */

	
}
.case_cur .case_right .son{
	position: absolute;
	top: 5px;
	left:700px;
	z-index:10000;
}

.case_cur .case_right .son a{
	float: left;
	line-height: 40px;
	height: 40px;
	padding: 0 5px;
	margin-left: 40px;
	color: #666666;
	box-sizing: border-box;
	font-size: 14px;
	transition:width 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
	
	
	
	
	
	
}
.case_cur .case_right a.on {
	border-bottom: 2px solid #f88f12;
}
.case_cur .case_right a:hover{
	border-bottom: 2px solid #f88f12;
}



.case_cur .case_righten {
	position: relative;
	
}
.case_cur .case_righten a {
	float: left;
	line-height: 50px;
	height: 50px;
	padding: 0 5px;
	margin-left: 30px;
	color: #666666;
	box-sizing: border-box;
	font-size: 16px;
	transition:width 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
}
.case_cur .case_righten .son{
	position: absolute;
	top: 60px;
	left: 350px;
}


.case_cur .case_righten .son a{
	float: left;
	line-height: 40px;
	height: 40px;
	padding: 0 5px;
	margin-left: 40px;
	color: #666666;
	box-sizing: border-box;
	font-size: 14px;
	transition:width 2s;
	-moz-transition:width 2s; /* Firefox 4 */
	-webkit-transition:width 2s; /* Safari and Chrome */
	-o-transition:width 2s; /* Opera */
}
.case_cur .case_righten a.on {
	border-bottom: 2px solid #f88f12;
}
.case_cur .case_righten a:hover{
	border-bottom: 2px solid #f88f12;
}




.online{width:100%;margin:auto;margin-top:20px;margin-bottom:20px;overflow:hidden;}
.online form{padding-left:150px;}
.online .text{width:381px;height:38px;float:left;margin-bottom:20px;margin-right:25px;}
.online .text input{width:268px;height:36px;border:1px solid #c9c9c9;padding-left:20px;}
.online .text p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .text p span{color:#eb0000;position:relative;top:2px;}
.online .con{width:927px;height:205px;float:left;margin-bottom:20px;}
.online .con textarea{padding:20px;border:1px solid #c9c9c9;height:163px;width:760px;}
.online .con p{float:left;width:81px;padding-right:5px;line-height:38px;padding-left:5px;}
.online .con p span{color:#eb0000;position:relative;top:2px;}
.online .verify{height:38px;margin-bottom:20px;}
.online .verify p{float:left;width:76px;padding-right:10px;line-height:38px;padding-left:5px;}
.online .verify p span{color:#eb0000;position:relative;top:2px;}
.online .verify input{width:154px;height:36px;border:1px solid #c9c9c9;float:left;padding-left:20px;margin-right:10px;}
.online .verify img{cursor:pointer;}
.online .submit{width:107px;height:35px;color:#fff;cursor:pointer;background:#be252e;margin-left:91px;float:left;border:none;margin-right:47px;}
.online .reset{width:107px;height:35px;color:#fff;cursor:pointer;background:#008b92;float:left;border:none;}






.xwzx ul li{
	float: left;
	width: 260px;
	height:380px;
	margin: 0px 50px 20px 0;}
.xwzx ul li:nth-child(4n){margin-right:0px;}
.xwzx ul li .imgs img{
	width: 100%;
	float: left;
}
.xwzx ul li .con{
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.xwzx ul li .con .tt{
	font-size: 15px;
	color: #000000;
	margin-bottom: 19px;
	float: left;
	margin-top: 22px;
	width: 260px;
	line-height: 24px;
	height: 40px;
}
.xwzx ul li .con .time{
	float: left;
	margin-right: 140px;    margin-top: 10px;
}
.xwzx ul li .con .line{
	border-bottom: 1px solid #666666;
	width: 50px;float: left;
}
.xwzx ul li .con .des{
	line-height: 24px;
	font-size: 13px;
	margin-top: 14px;
	float: left;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.xwzx ul li .more{
	float: left;

}

.xwzx ul li .con:hover{
	color: #f88f12;
}
.xwzx ul li .con:hover img{
	transition: all 1.2s;transform: scale(1.2);
}




.inset{min-height:450px; margin:50px auto;overflow:hidden;}


.orientation{       margin-bottom: 20px;
	overflow: hidden;
	width: 75%;
	padding-top: 30px;
	margin: 0 auto;}
.orientation .previous{float:left;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.orientation .next{float:right;width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;}






/*footer*/
#footer{width:100%;background:#272727;}
.footcon{width: 1200px;margin: 0 auto;height: 348px;border-bottom: 1px solid #34374a;}
.footcon>div{
	float: left;
}
.footcon p ,.footcon ul li a{
	color: #999999;
}
.footcon .tits{
	font-size: 19px;
	color: white;margin-bottom: 40px;
}
.footcon .contact{
	width: 650px;
	margin-top: 60px;border-right: 1px solid #34374a;
}
.footcon .contact .conts{
	float: left;   width: 400px;margin-bottom: 20px;color: #ffffff;
}
.footcon .contact .conts .encon{width:300px;}
.footcon .contact .conts img{float:left;}

.footcon .contact .conts p{
	float: left; color:#ffffff;line-height:34px;display:block;
}
.footcon .contact .conts a{
	color: #ffffff;
}
.footcon .contact .conts img{
	margin-bottom: -10px;    margin-right: 10px;
}
.footcon .contact .conts:nth-child(3) ,.footcon .contact .conts:nth-child(5){
	width: 220px; margin-left:20px;
}
.footcon .contact .conts:nth-child(3) .encon{width: 100px;} 
.footcon .contact .conts:nth-child(5) .encon{width: 50px;}
.footcon .qnav{
	width: 310px;	margin-top: 60px;    height: 255px;border-right: 1px solid #34374a;
}

.footcon .qnav .tits{
	margin-left: 40px;
}
.footcon .qnavv{
	width: 310px;	margin-top: 60px;    height: 255px;border-right: 1px solid #34374a;
}

.footcon .qnavv .tits{
	margin-left: 60px;
}
.footcon .qnavv ul{
	float: left;
}
.footcon .qnavv ul li{
	margin-left: 60px;margin-bottom: 24px;
}
.footcon .qnavv ul li a{
	color:#fff;
}
.footcon .qnav ul{
	float: left;
}

.footcon .qnav ul li{
	margin-left: 40px;margin-bottom: 24px;
}
.footcon .qnav ul li a{
	color: #fff;
}
.footcon .qrcode{
	margin-top: 60px;    margin-left: 30px;color: #fff;
}

.footcon .qrcode p{
	line-height:20px;
	margin-top: 15px;
	text-align: center;color: #fff;
}

.foot_bottom{
	height: 30px;
	width: 1200px;
	margin: 0 auto;
	line-height: 30px;
	font-size: 12px;
}
.foot_bottom p{
	color:#606b7b;
}
.foot_bottom p a{
	color: #606b7b;
}
.mypage{
    text-align: center;
	width:100%;
	padding-top:20px;
	overflow:hidden;
}
.mypage	span,.mypage a{
	display: inline-block;
	vertical-align: top;
	color: #d35b52;
	border: 1px solid #d35b52;
	padding: 5px 10px;
	margin: 5px;
}

.mypage	a.page-num-current,
.mypage	span.current,
.mypage a.current{
	background: #d35b52;
	color: #fff;
}

.pro-detail {
	padding: 5rem 0 10rem 0;
}
.pro-detail .pp-top {
	margin-bottom: 5rem;
}
.pro-detail .pp-top .pp-img {
	float: left;
	width: 46%;
	max-width: 32rem;
	height: 30rem;
	line-height: 30rem;
	font-size: 0;
	position: relative;
	text-align: center;
}
.pro-detail .pp-top .pp-img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	border: 1px #eee solid;
}
.pro-detail .pp-top .pp-img img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	vertical-align: middle;
	position: relative;
	z-index: 0;
}
.pro-detail .pp-top .pp-info {
	float: right;
	width: 54%;
	max-width: 64rem;
}
.pro-detail .pp-top .pp-info .pp-title {
	background: #eee;
    color: #f88f12;
    font-size: 2rem;
    line-height: 2;
    padding: 1rem 2rem;
    font-weight: 500;
    text-align: left;
}
.pro-detail .pp-top .pp-info .pp-intro {
	font-size: 1.6rem;
	line-height: 2;
	padding: 1rem 2rem;
}
.pro-detail .pp-top .pp-info .pp-intro strong {
}
.pro-detail .pp-bottom {
	padding: 0 1rem;
}
.pro-detail .pp-bottom .pp-item {
	width: 49%;
	max-width: 58rem;
}
.pro-detail .pp-bottom .pp-item .title {
	background: #f88f12;
    padding: 0 1.5rem;
    font-size: 1.4rem;
    line-height: 3rem;
	color: #fff;
}
.pro-detail .pp-bottom .pp-item .neirong {
	font-size: 1rem;
	line-height: 2;
	padding: 1rem 2.5rem;
}
.neirong ul li {
    list-style: disc;
}
.pro-detail .pp-bottom .pp-item .neirong td:first-child {
}
.pro-detail .pp-bottom .detail {
}
.pro-detail .pp-bottom .detail .pics {
	text-align: center;
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	margin-bottom: 5rem;
}
.pro-detail .pp-bottom .detail .pics .img {
	font-size: 0;
}
.pro-detail .pp-bottom .detail .pics .wenzi {
	font-size: 2rem;
	line-height: 2;
}
.pro-detail .pp-bottom .detail .texts {
	padding: 0 6.5rem;
}
.pro-detail .pp-bottom .detail .texts .text-item {
	width: 50%;
	max-width: 45rem;
	font-size: 1.6rem;
	line-height: 2;
}
.pro-detail .pp-bottom .detail .texts .text-item strong {
	color: #09244F;
	font-size: 1.8rem;
	font-weight: normal;
}
.pro-detail .pp-bottom .detail .texts .text-item > p {
	position: relative;
	padding-left: 30px;
}
.pro-detail .pp-bottom .detail .texts .text-item .red, .pro-detail .pp-bottom .detail .texts .text-item .dark-blue, .pro-detail .pp-bottom .detail .texts .text-item .light-blue, .pro-detail .pp-bottom .detail .texts .text-item .dark-gray {
	/*font-size: 2.6rem;
	padding-right: 2rem;*/
	font-size: 0;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 20px solid red;
	border-bottom: 10px solid transparent;
	vertical-align: 9px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 17px;
}
.pro-detail .pp-bottom .detail .texts .text-item .red {
	border-left-color: #df0010;
}
.pro-detail .pp-bottom .detail .texts .text-item .dark-blue {
	border-left-color: #09244F;
}
.pro-detail .pp-bottom .detail .texts .text-item .light-blue {
	border-left-color: #006E96;
}
.pro-detail .pp-bottom .detail .texts .text-item .dark-gray {
	border-left-color: #464747;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear:after {
    content: "";
    display: block;
    clear: both;
    width: 0;
    height: 0;
    visibility: hidden;
}