.header{background-color: #fff;}
#menu,#sea{display: none;}
.lauguage{margin: 17px 0;text-align: right;font-size: 0}
.lauguage a{display: inline-block;padding: 0 8px;font-size: 16px;line-height: 16px;line-height: 16px;}
.lauguage a.ch{border-left: 1px solid #175d53;padding-right: 0;}
.lauguage a.on{color: #175d53;}
.seaBox{border: 1px solid #ccc;width: 200px;height: 26px;}
.seaBox input{display: block;box-sizing: border-box;}
.seaBox input.text{width: 170px;padding: 0 5px;height: 26px;}
.seaBox input.btn{width: 30px;background-position: center;background-repeat: no-repeat;
background-size: 15px;border-left: 1px solid #ccc;background-color: transparent;cursor: pointer;
height: 22px;margin: 2px 0;}
.logo{width: 420px;height: 90px;}
.logo *{display: block;width: 100%;height: 100%;}
.banner img{display: block;width: 100%;}
.banner img.h{display: none;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background-color: #fff;opacity: 1;
margin: 0 10px !important;}
.banner .swiper-pagination-bullet-active{background-color: #175d52;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 40px;}
.title *{text-align: center;}
.title h3{background-color: #fff;}
.title h3 span{color: #fff;display: block;line-height: 50px;height: 50px;width: 145px;
font-size: 20px;background-color: #175d52;position: relative;}
.triangle{
    width:0;
    height:0;
    border-width:10px 6px 0;
    border-style:solid;
    border-color:#175d52 transparent transparent;/*灰 透明 透明 */
    position:absolute;
    bottom: -7px;left: 50%;
    margin-left: -5px;
}
.index01 .video{position: relative;width: 50%;    margin-top: 3px;}
.play{display: block;width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px;
left: 50%;margin-left: -30px;cursor: pointer;}
.index01 .text{width: 46.6%;}
.index01 .text h3{font-weight: bold;font-size: 24px;color: #175d53;line-height: 25px;
margin-bottom:10px;}
.index01 .text p{color: #666;line-height: 1.8em;margin-bottom: 40px;}
.index01 .text a{font-size: 18px;text-align: center;color: #666;width: 165px;line-height: 40px;
height: 40px;border: 1px solid #666666;display: block;border-radius: 20px;}
.indexNews{width: 56%;box-sizing: border-box;border: 1px solid #fff;}
.indexNews .section2{padding: 20px 10px;}
.in01 .imgBox{width: 27.5%;}
.in01 .imgBox img{display: block;width: 100%;}
.in01 .text{width: 70%;}
.in01 .text h3{font-size: 18px;margin-bottom: 10px;color: #175d52}
.in01 .text h3 p{display: inline-block;width: 70%;white-space: nowrap;text-overflow: ellipsis;
	overflow: hidden;line-height: 30px;}
.in01 .text h3 a{display: block;float: right;font-size: 14px;line-height: 30px;}
.in01 .text p{font-size: 14px;color: #666;line-height: 1.6em;text-overflow: ellipsis;
	overflow: hidden;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.indexNews-ul li{border-bottom: 1px dashed #ccc;}
.indexNews-ul li a{font-size: 0;}
.indexNews-ul li a *{font-size: 18px;color: #666;line-height: 2.5em;display: inline-block;
vertical-align: top;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;
box-sizing: border-box;}
.indexNews-ul li a p{text-align: left;width: 60%;}
.indexNews-ul li a p::before{content: "";display: inline-block;width: 9px;height: 9px;
background-color: #175d53;margin-right: 10px;}
.indexNews-ul li a span{text-align: right;width: 40%;}
.index02 .formBox{width: 40%;}
.til-f{text-align: center;}
.til-f *{text-align: center;}
.til-f h3{font-size: 24px;font-weight: bold;color: #175d53;padding-bottom: 23px;
background: url(../images/bgp.png) no-repeat center bottom;}
.til-f p{font-size: 14px;padding-left: 30px;line-height:4em;display: inline-block;
	background: url(../images/deng.png) no-repeat left center;}
.index02 form *{display: block;width: 100%;box-sizing: border-box;border: 1px solid #e5e5e4;
resize: none;font-size: 16px;padding:0 10px 0 50px;background-position: 15px 9px;
background-repeat: no-repeat;line-height: 44px;margin-bottom: 10px;height: 44px;}
.index02 form textarea{line-height: 1.5em;padding:8px 10px 10px 50px;height: 85px;}
.index02 form input.btn{width: 330px;margin: 20px auto 0;padding: 0;color: #fff;
background-color: #175d52;font-size: 20px;border-radius: 8px;cursor: pointer;}

.product-ul{font-size: 0;}
.product-ul li{display: inline-block;width: 23%;margin: 0 2.66% 2.66% 0;
background-color: #fff;transition: 0.3s all;}

.product-ul li:nth-child(4n){margin-right: 0;}
.product-ul li a{display: block;padding: 10px 10px 0;}
.product-ul li p{font-size: 18px;line-height: 50px;white-space: nowrap;
text-overflow: ellipsis;overflow: hidden; text-align:center;}
.xian{overflow: hidden;}
.product-ul li img{display: block;width: 100%;cursor: pointer;  transition: all 0.6s;}
.product-ul li img:hover{transform: scale(1.3); }
.product-ul li:hover{background-color: #175d53}
.product-ul li:hover p{color: #fff}
.title2{border-bottom: 1px solid #175d53;margin-bottom: 40px;}
.title2 h3{background-position: left center;background-repeat: no-repeat;
	padding-left: 50px;font-size: 30px;color: #175d53;background-color: #f2f2f2;
	margin-bottom: -1px;display: inline-block;padding-right: 10px;
	line-height: 35px;}
.address{float: right;font-size: 14px;color: #999;}
.address a{font-size: 14px;color: #999;line-height: 25px;display: inline-block;}
.company .section h3{font-size: 28px;color: #175d53;text-align: center;text-indent: 0;}
.newsD .section{border-bottom: 1px dashed #cccccc;padding-bottom: 60px;}
.newsD .section .til{padding-bottom: 10px;}
.newsD .section .til *{text-align: center;}
.newsD .section .til h3{font-size: 18px;}
.newsD .aBox{padding: 30px 0;}
.newsD .aBox a{font-size: 14px;color: #666;}
.case .content *{font-size: 14px;line-height: 2em;}
.case-ul{font-size: 0;text-align: center; padding-top: 10px; overflow: hidden;}
.case-ul li{float:left; vertical-align: top;width: 23%;
	margin: 0 2.66% 1% 0;}
.case-ul li:nth-child(4n){margin-right: 0}
.case-ul li p{font-size: 20px;line-height: 60px;text-align: center;}
.case2-ul{text-align: left;}
.case2-ul li{width: 23% !important;margin-right: 2% !important;}
/*.case2-ul li:nth-child(3n){margin-right: 0 !important;}*/
.case2-ul li:nth-child(4n){margin-right: 0 !important;}
.news-ul li{margin-bottom: 20px;}
.news-ul li a{display: block;background-color: #fff;padding: 10px;}
.news-ul li .imgBox{width: 170px;}
.news-ul li .imgBox img{display: block;width: 100%;}
.news-ul li .text{width: 1000px;}
.news-ul li .text h3{font-size: 18px;border-bottom: 1px dashed #cfcfcf;
	line-height: 40px;margin-bottom: 15px;}
.news-ul li .text h3 span{float: right;font-size: 14px;color: #666;
line-height: 40px;display: block;}
.news-ul li .text p{font-size: 14px;color: #666;line-height: 1.8em;
text-overflow: ellipsis;overflow: hidden;display: -webkit-box;
-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.hidden{ display: none;}
.jq22 .more{overflow: hidden;padding:10px;text-align: center;}
.jq22 .more a{display: block;width: 180px;color:#333;margin:0 auto;line-height: 40px;
	text-align:center;border-radius:3px;font-size: 16px;padding-right: 20px;
	box-sizing: border-box;
	background: url(../images/m.png) no-repeat 130px center #fff;}
.jq22 .more p{font-size: 16px;}
.contact .con1{width: 47.5%;}
.contact .con1 p{font-size: 20px;line-height: 1.8em;padding-left: 10px;}
.contact .map{margin: 20px 0;line-height: 340px;float: right;width: 50%;}
.contact .map img{display: block;width: 100%;line-height: 100%;}
.picture,.introduce{width: 48.33%;}
.bigBox{width: 100%;margin-bottom: 5px;}
.bigBox img{display: block;width: 100%;}
.picBox{font-size: 0;}
.picBox a{display: inline-block;width: 24%;margin-right:1.33%;margin-bottom:1.33%; }
.picBox a:last-child{margin-right: 0;}
.introduce h3,.picture h3{font-size: 24px;color: #333}
.picture h3{display: none;}
.introduce *{font-size: 16px;color: #666;line-height: 2em;}
.introduce strong{font-size: 18px;width: 135px;display: inline-block;color: #333;}