body{overflow-x: hidden!important;background-position: center center!important;background-repeat: no-repeat!important;-webkit-background-size: cover!important;background-size: cover!important;background-attachment: fixed!important;}
.view-wrapper{width: 100%;max-width: 1230px;margin: auto;background: #fff;position: static;}
.brandvideo-padding{margin-top: 80px;padding: 40px;}
.brandvideo-padding{word-wrap: break-word !important;word-wrap: break-word !important;}
.brandvideo-padding img{max-width: 100% !important;height: auto !important;}
.brandvideo-padding table,.brandvideo-padding video{width: 100% !important;height: auto !important;margin-bottom: 10px !important;}
.brandvideo-padding table tbody tr td{padding: 8px 10px !important;border: 1px solid #efefef !important;}
.brandvideo-padding table tbody tr td p{margin-bottom: 0 !important;}
.brandvideo-padding table tbody tr:hover td{background: #f9f9f9;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;line-height: 2;-webkit-line-clamp: 1;height: 2em;}

.brandvideo-bjimg{width: auto;display: inline-block;height: 100px;position: relative;}
.brandvideo-bjimg .brand-bjimg1:before{content: "";width: 326px;height: 56px;background: url(../images/brand_bj.png) no-repeat;background-size: 100% 100%;position: absolute;top: 50%;transform: translateY(-50%);right: -60px;}
.brandvideo-bjimg .brand-bjimg2:before{left: 0;}
.brand-en-title{font-size: 40px;color: #222;font-weight: 700;background: #fff;line-height: 50px;padding-right: 10px;position: relative;z-index: 2;text-transform: uppercase;}
.brand-cn-title{font-size: 24px;font-weight: normal;color: #00697a;background: #fff;padding: 0 10px;text-transform: uppercase;}

.margintop{margin-top: 60px;}
.margintop-top1{margin-top: 30px;}
.brand-video video{width: 100%;height: auto;}
.brandvideo-text{font-size: 14px;color: #666;line-height: 2;}


@media(max-width: 1024px){
	.brandvideo-padding{padding: 30px 15px;margin-top: 60px;}
	.brandvideo-bjimg{height: 54px;}
	.brandvideo-bjimg .brand-bjimg1:before{width: 209px;height: 36px;}
	.brand-en-title{font-size: 22px;line-height: 26px;}
	.brand-cn-title{font-size: 14px;}

	.margintop{margin-top: 40px;}
	.brandvideo-bjimg .brand-bjimg1:before{display: none;}
}

ul.honor,ul.honor1{margin: 0 -0.5%;}
.honor li {width: 15.66%;display: inline-block;vertical-align: top;cursor: pointer;margin: 0 0.5% 35px;position: relative;}
.honor1 li {width: 32.33%;display: inline-block;vertical-align: top;cursor: pointer;margin: 0 0.5%;position: relative;}

.honor li img{border: 1px solid #ddd;}
.honor-title{margin: 15px 0;font-size: 14px;color: #222;}
.honor li:hover img{box-shadow: 0 6px 20px rgba(128,128,128,0.25);}
.honor li::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background-color: #00697a;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition:all .4s;}
.honor li:hover::before {width: 100%;}

html.lb-disable-scrolling{overflow: hidden;position: fixed;height: 100vh;width: 100vw;}
.lightboxOverlay{position: absolute;top: 0;left: 0;z-index: 99999;background-color: black;opacity: 0.8;display: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.lightbox{position: absolute;left: 0;width: 100%;z-index: 100000;text-align: center;line-height: 0;font-weight: normal;}
.lightbox .lb-image{display: block;height: auto;max-width: inherit;max-height: none;border-radius: 3px;border: 4px solid white;}
.lightbox a img{border: none;}
.lb-outerContainer{position: relative;*zoom: 1;width: auto;height: 250px;margin: 0 auto;border-radius: 4px;background-color: white;}
.lb-outerContainer:after{content: "";display: table;clear: both;}
.lb-loader{position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}
.lb-nav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
.lb-prev,.lb-next{height: 100%;cursor: pointer;display: block;}
.lb-nav a.lb-prev{width: 24%;left: 0;float: left;background: url(../images/prev.png) left 48% no-repeat;opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-prev:hover{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-nav a.lb-next{width: 24%;right: 0;float: right;background: url(../images/next.png) right 48% no-repeat;opacity: 0;-webkit-transition: opacity 0.6s;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}
.lb-nav a.lb-next:hover{filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.lb-dataContainer{margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;position: absolute;top: -40px;left: 50%;transform: translateX(-50%);}
.lb-dataContainer:after {content: "";display: table;clear: both;}
.lb-data {padding: 0 4px;color: #ccc;}
.lb-data .lb-details{width: 85%;float: left;text-align: left;line-height: 1.1em;}
.lb-data .lb-caption{font-size: 13px;font-weight: bold;line-height: 1em;}
.lb-data .lb-caption a{color: #4ae;}
.lb-data .lb-number{display: block;clear: left;padding-bottom: 1em;font-size: 12px;color: #999;}
.lb-data .lb-close{display: block;float: right;width: 30px;height: 30px;background: url(../images/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}
.lb-data .lb-close:hover{cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}

@media(max-width: 1230px){
	.honor li,.honor1 li{width: 49%;margin: 0 2% 25px 0}
	.honor li:nth-child(2n),.honor1 li:nth-child(2n){margin-right: 0;}
}
@media(max-width: 540px){
	.honor li,.honor1 li{width: 100%;margin: 0 0 15px 0;}
}


.contact-list li {width: 31.5%;display: inline-block;vertical-align: top;height: 200px;margin-right: 2.65%;background: #f8f8f8;text-align: center;padding: 30px 10px;border: 1px solid #e4e4e4;}
.contact-list li:last-child{margin-right: 0;}
.us-title1{margin-top: 20px;font-size: 18px;color: #666;font-weight: 700;}
.us-title2{margin-top: 30px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap;}
.iw_poi_content{font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word;}
#dituContent{width:100%;height:450px;border:#ccc solid 1px;}

@media(max-width: 1200px){
	.contact-list > li {width: 100%;height: auto;margin: 6px 0;}
	#dituContent{height: 300px;}
}

.rowtop{margin-top: -30px;}
a.productList{margin-top: 30px;display: block;height: 100%;border: 1px solid #efefef;position: relative;}
a.productList .picimg{height: 260px;overflow: hidden;}
a.productList .picimg img{height: 100% !important;}
a.productList .title{padding: 15px 0;font-size: 16px;color: #666;border-top: 1px solid #efefef;}
a.productList::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background: #00697a;transition: all 0.5s;}
a.productList:hover::before{width: 100%;}

.index_service-left{width: 38%;border: 1px solid #ddd;}
.index_service-right{width: 59%;}
.service-title{font-size: 24px;color: #222;line-height: 1;}
.service-text{font-size: 16px;color: #666;line-height: 2;}
.prevnext li a{font-size: 16px;color: #666!important;line-height: 2;}
.prevnext li a:hover{color: #00697a!important;}

@media(max-width: 1230px){
	.service-title{font-size: 20px;color: #222;line-height: 1;}
	.service-text,.prevnext li a{font-size: 14px;}
}
@media(max-width: 768px){
	.index_service-left{width: 100%;}
	.index_service-right{width: 100%;margin-top: 30px;}
	.rowtop{margin-top: -20px;}
	a.productList{margin-top: 20px;}
	a.productList .picimg{height: 240px;}
}

.index-case{border: 1px solid #efefef;margin-bottom: 30px;}
.case-list{padding: 20px;}
.case-list li {width: 31.5%;display: inline-block;vertical-align: top;margin-right: 2.65%;}
.case-list li:last-child{margin-right: 0;}
.case-content{border-top: 1px solid #efefef;}
.cases-titlte{font-size: 18px;color: #222;line-height: 2;}
.cases-address{font-size: 14px;color: #bbb;position: relative;padding-left: 20px;}
.cases-address:before{content: "";width: 15px;height: 22px;background: url(../images/addbj.png);position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.cases-address-left{margin-left: 80px;}
.cases-address-left span{color: #00697a;}
.index-case a{display: block;position: relative;}
.index-case a::before{content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 3px;background-color: #00697a;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition:all .4s;}
.index-case a:hover::before {width: 100%;}
.index-case a:hover{box-shadow: 0 6px 20px rgba(128,128,128,0.25);}

.case-left{width: 76%;}
.case-right{width: 22%;text-align:right;}
.viewdetails{font-size: 20px;color: #00697a;height: 57px;line-height: 57px;}

@media(max-width: 1230px){
	.case-list{padding: 10px;}
	.case-list li {width: 32.65%;margin-right: 1%;}
	.cases-titlte{font-size: 16px;}
	.cases-address{padding-left: 16px;}
	.cases-address:before{content: "";width: 10px;height: 14px;background-size: 100% 100%;}
	.cases-address-left{margin-left: 30px;}
	.viewdetails{font-size: 14px;color: #00697a;height: 53px;line-height: 53px;}
}
@media(max-width: 768px){
	.index-case{margin-bottom: 20px;}
	.case-list{padding: 5px;}
	.cases-titlte{font-size: 14px;}
	.case-left{width: 100%;}
	.case-right{width: 100%;text-align:right;}
	.cases-address{font-size: 12px;padding-left: 12px;}
	.cases-address-left{margin-left: 10px;}
	.viewdetails{display: none;}
}


.download li {width: 23%;display: inline-block;vertical-align: top; cursor: pointer;margin: 0 2.65% 35px 0;position: relative;border-bottom: 3px solid #e9e9e9;}
.download li:nth-child(4n){margin-right: 0;}
.index-download{border: 3px solid #e9e9e9;position: relative;}
.index-download .download-top{position: absolute;top: 0;left: 0;background: rgba(15,162,68,0.6);width: 100%;height: 100%;}
.index-download .download-top span{font-size: 20px;color: #fff;width: 100%;text-align: center; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.download li::before{content: "";position: absolute;left: 0;bottom: -3px;width: 0;height: 3px;background-color: #00697a;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition:all .4s;}
.download li:hover::before {width: 100%;}
.download li a .download-top{display: none;}
.download li a:hover .download-top{display: block;}

.downloaddetials li {width: 16%;text-align: center;background: #f2f2f2;display: inline-block;vertical-align: top;cursor: pointer;margin: 0 4.96% 45px 0;position: relative;border: 1px solid #e9e9e9;}
.downloaddetials li a{display: block;padding: 40px 20px;}
.title-ellipsis{margin-top: 15px;font-size: 16px;color: #222;}
.text-ellipsis{font-size: 14px;color: #9a9a9a;}
.downloaddetials li a .down-anniu{width: 40px;height: 40px;position: absolute;left: 50%;transform: translateX(-50%);bottom: -20px;border-radius: 50%;background: url(../images/down.png) #f8f8f8 center center no-repeat;border: 1px solid #18b25b;}

@media(max-width: 1550px){
	.downloaddetials li {width: 18.35%;margin: 0 2% 45px 0;}
}
@media(min-width: 1231px){
	.downloaddetials li:nth-child(5n){margin-right: 0;}
}
@media(max-width: 1230px){
	.downloaddetials li {width: 23.5%;}
}
@media(min-width: 1021px) and (max-width: 1230px){
	.downloaddetials li:nth-child(4n){margin-right: 0;}
}
@media(max-width: 1020px){
	.downloaddetials li {width: 32%;}
}
@media(min-width: 5421px) and (max-width: 1020px){
	.downloaddetials li:nth-child(3n){margin-right: 0;}
}
@media(max-width: 540px){
	.downloaddetials li {width: 49%;}
	.downloaddetials li:nth-child(2n){margin-right: 0;}
}


ul.news-list li {position: relative;}
.box-title,.box-title a{font-size: 18px;color: #222; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.box-text{margin-top: 10px;font-size: 14px;color: #999;line-height: 2;-webkit-line-clamp: 3;height: 6em;}
ul.news-list li.pri{margin-bottom: 43px;position: relative;}
ul.news-list li.pri:before{content: "";width: 100%;height: 13px;background: url(../images/bj1.png) no-repeat;background-size: 100% 100%; position: absolute;bottom: -43px;left: 0;}
ul.news-list li.pri > .img-box,ul.news-list li.pri > .text-box{display: inline-block;vertical-align: middle;}
ul.news-list li.pri > .img-box{width: 40%;height: 260px;overflow: hidden;}
ul.news-list li.pri > .text-box {width: 60%;padding-left: 30px;}
ul.news-list li.pri .text-box-title{margin-bottom: 20px;font-size: 44px;color: #eee;line-height: 1;}
ul.news-list li.pri > .text-box > .more {display: inline-block; padding: 4px 12px;margin-top: 10px;font-size: 14px;color: #fff!important;border: 1px solid #00697a;background-color: #00697a;}
ul.news-list li.pri > .text-box > .more:hover{color: #00697a!important;background-color: #fff;}
ul.news-list li.sec {border-bottom: 1px dashed #ddd;padding: 30px 0;}

ul.news-list li.sec > .img-box,ul.news-list li.sec > .text-box,ul.news-list li.sec > .date{display: inline-block;vertical-align: middle;}
ul.news-list li.sec > .img-box {width: 20%;height: 160px;overflow: hidden;}
ul.news-list li.sec > .text-box {width: 66%;padding: 0 30px;}
ul.news-list li.sec > .date {width: 14%;text-align: right;opacity: 1;visibility: visible;line-height: 1.2;border-left: 1px solid #ccc;font-size: 44px;color: #eee;}
ul.news-list li.sec:hover .box-title,ul.news-list li.pri:hover .box-title,ul.news-list li.sec:hover .box-title a,ul.news-list li.pri:hover .box-title a{color: #00697a;}
ul.news-list li.sec:hover > .date {opacity: 0;visibility: hidden;}
ul.news-list li.sec > .more {display: inline-block;opacity: 0;visibility: hidden;position: absolute;right: 30px;top: 50%;width: 105px;height: 36px;line-height: 36px;margin-top: -18px;font-size: 14px;color: #fff!important;background-color: #666;}
ul.news-list li.sec:hover > .more {opacity: 1;visibility: visible;}

@media (max-width: 1599px) {
	ul.news-list li.sec > .img-box{height: 120px;}
	ul.news-list li.pri .text-box-title,ul.news-list li.sec > .date{font-size: 30px;}
}
@media (max-width: 1200px) {
	ul.news-list li.pri > .img-box{width: 40%;height: 220px;}
	ul.news-list li.sec > .img-box {width: 20%;height: 120px;}
	ul.news-list li.sec > .text-box {width: 80%;padding: 0 0 0 30px;}
	ul.news-list li.sec > .date,ul.news-list li.sec > .more {display: none;}
}
@media (max-width: 768px) {
	ul.news-list li.pri{margin-bottom: 30px;position: relative;}
	ul.news-list li.pri:before{bottom: -30px;}
	ul.news-list li.pri > .img-box{width: 100%;height: auto;}
	ul.news-list li.pri > .text-box {width: 100%;padding: 0;margin: 20px 0;}
	ul.news-list li.sec > .img-box {display: none;}
	ul.news-list li.sec > .text-box {width: 100%;padding: 0;}
}


.index-img1{font-size: 20px;height: 44px;line-height: 44px;padding-left: 20px;color: #222;background: url(../images/bj2.png) no-repeat;}
.margintop-top2{margin-top: 20px;}
.margin-buttom{margin-bottom: 40px;}


ul.project-list {overflow: hidden;}
ul.project-list li {width: 32%;margin-right: 2%;margin-bottom: 20px;cursor: pointer;}
ul.project-list li.last {margin-right: 0;}
ul.project-list li .img-box {height: 220px;}
ul.project-list li .img-box > .img-masking {opacity: 0;visibility: hidden;left: 0;top: 0;background-color: rgba(0,0,0,.6);}
ul.project-list li .img-box > .img-masking > i {font-size: 30px;}
ul.project-list li .text-box {position: relative;}
ul.project-list li .text-box::before {content: '';display: block;position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background-color: #2a66a8;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition:all .4s;}
ul.project-list li .text-box > p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
ul.project-list li .text-box > p.desc {font-size: 14px;color: #555;}
ul.project-list li:hover {box-shadow: 0 0 20px #aaa;}
ul.project-list li:hover .text-box {background-color: #fff;}
ul.project-list li:hover .text-box::before {width: 100%;}
ul.project-list > .section.fir > .fp-tableCell {vertical-align: top!important;}
ul.project-desc {display: none;top: 0;left: 0;background-color: rgba(0,0,0,.7);z-index: 99999;position: fixed!important;}
ul.project-desc > li {padding: 0;left: 10%;top: 10%;width: 80%;height: 80%;overflow: hidden;}
ul.project-desc > li.area-auto {top: 50%;left: 50%;height: auto;width: auto;transform: translate(-50%,-50%);}
ul.project-desc > li > .close {right: 0px;top: 0px;width: 30px;height: 30px;line-height: 28px;opacity: .6;border-radius: 50%;color: #fff;font-size: 22px;background-color: #DA251D;}
ul.project-desc > li > .detail-box {height: 40%;width: 300px;right: 30px;bottom: 30px;color: #ccc;font-size: 12px;background-color: rgba(0,0,0,.7);}
ul.project-desc > li > .detail-box > .title {font-size: 18px;}
ul.project-desc > li > .detail-box > .desc {line-height: 24px;letter-spacing: 1px;}
ul.project-desc > li > .detail-box > a.iconfont {bottom: 40px;width: 34px;height: 34px;line-height: 34px;border-radius: 50%;border: 1px solid #fff;font-size: 18px;text-align: center;font-size: 24px;color: #fff;font-family: "宋体" !important;}
ul.project-desc > li > .detail-box > a.iconfont::before{display: none;}
ul.project-desc > li > .detail-box > a.iconfont:hover {color: #fff!important;border-color: #fb9e41;background-color: #fb9e41;}
ul.project-desc > li > .detail-box > a.icon-toleft {left: 30%;}
ul.project-desc > li > .detail-box > a.icon-toright {right: 30%;}

@media (max-height: 768px) {
	ul.project-list li .img-box {height: 150px;}
}
@media (min-width: 576px) {
	ul.project-list li:hover .img-box > .img-masking {opacity: 1;visibility: visible;}
}
@media (max-width: 1365px) {
	ul.project-list li .img-box {height: 200px;}
	ul.project-desc > li.area-auto {width: 95%;}
	ul.project-desc > li.area-auto img {max-width: 100%;}
	ul.project-desc > li > .detail-box {height: 86%;top: 7%;}
}
@media (max-width: 1199px) {
	ul.project-list li,ul.project-list li.last {width: 49%;margin-right: 2%;}
	ul.project-list li.last-sm {margin-right: 0;}
}
@media (max-width: 991px) {
	ul.project-desc > li {width: 90%;height: 90%;left: 5%;top: 5%;}
	ul.project-desc > li > .detail-box {right: 20px;height: 90%;width: 400px;top: 5%;}
}
@media (max-width: 767px) {
	ul.project-desc > li > .close {right: auto;top: auto;left: 50%;bottom: 15px;width: 30px;height: 30px;line-height: 28px;margin-left: -15px;z-index: 99999;color: #000;font-size: 24px;background-color: #fff;}
}
@media (max-width: 575px) {
	ul.project-list li {width: 100%!important;margin-right: 0!important;margin-bottom: 15px;}
	ul.project-list li .img-box {height: auto;}
	ul.project-list li .text-box {background-color: #fff;}
	ul.project-list li .text-box::before {width: 100%;}
	ul.project-desc > li > .detail-box {width: 90%;right: 5%;}
}

.case-list li{position: relative;}
.case-list li .dataimg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);display: none;transition: all 0.3s;cursor: pointer;}
.case-list li .dataimg span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.case-list li .dataimg span img{width: 32px;height: auto;}
.case-list li:hover .dataimg{display: block;transition: all 0.3s;}

.contactus{border: 1px solid #e5e5e5;background: #f8f8f8;padding: 30px;}
.code-title{font-size: 24px;color: #000;margin: 10px 0;}
.contact-code{display: inline-block;vertical-align: middle;text-align: center;margin: 0 10px;}
.contact-code img{width: 160px;border: 1px solid #e5e5e5;} 
.code-title1{margin-top: 6px;font-size: 18px;color: #666;}

@media(max-width: 1340px){
	.contactus{padding: 10px;}
	.code-title{font-size: 18px;color: #000;margin: 10px 0;}
	.code-title a img{width: 42px;}
	.contact-code{margin: 0 4px;}
	.contact-code img{width: 120px;} 
	.code-title1{font-size: 14px;}	
}
@media(max-width: 640px){
	.contactus-right{width: 100%;text-align: center;}
}
.service-text table.table .firstRow{text-align: center;color: #222;font-weight: bold;background: #f5f5f5!important;}
.service-text table.table .firstRow td{padding: 12px !important;}
.service-text table.table tr{height: auto !important;}
.service-text table.table tr td{padding: 6px !important;}
.service-text table.table tr:nth-child(2n-1){background: #f8f9fa;}
.specification li{display: inline-block;vertical-align: top;margin-right: 20px;}
.specification li a{font-size: 16px;border-radius: 4px;display: inline-block;padding: 4px 12px;}
.specification li.spec a{border: 1px solid #00697a;color: #00697a !important ;}
.specification li.isefile a{border: 1px solid #00697a;color: #fff !important;background: #00697a;}
.index_service-right{position: relative;}
.index_service-right .specification{position: absolute;right: 0;bottom: 0;}

@media(max-width: 640px){
	.specification li a{font-size: 14px;}
}


.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.p-tb80{padding: 0.8rem 0;}
.mt-80{margin-top: 0.8rem;}
.mt-40{margin-top: 40px;}
.fz-24{font-size: 24px;}
.show-content-width{padding: 0 2rem;}
.show-content-width-left{padding-left: 2rem;}
.content-text{font-size: 16px;line-height: 2;color: #333;}
.content-text p{margin-bottom: 10px;}


.home-width-left{width: 5.8rem;padding-right: 0.6rem;}
a.vide-detail{width: 156px;height: 48px;line-height: 48px;display: inline-block;text-align: center;font-size: 16px;background: #00697a;color: #fff;}
a.vide-detail:hover{background: #DA251D;}
.item-title{font-size: 36px;font-weight: bold;line-height: 1;letter-spacing: 4px;padding-bottom: 30px;color: #333;position: relative;}
.item-title:before{content: '';width: 80px;height: 3px;background: #00697a;position: absolute;left: 0;bottom: 0;}
.home-width-right{width: calc(100% - 5.8rem);}

.box-video-bg{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.box-video-flex{display: flex;justify-content: left;align-items: center;}
.video-play .play{width: 1.14rem;height: 1.14rem;border-radius: 50%;overflow: hidden;cursor: pointer;background: url('../images/play.png') no-repeat top left/100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.videobg{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.9);z-index: 999;}
.videocen{width: 100%;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1000;}
.videocen video{max-width: 100% !important;max-height: 80vh !important;}
.btnclose{width: 64px;height: 64px;background: url('../images/colse.png') no-repeat top left/100%;position: absolute;top: 0;right: 0;z-index: 1001;}

.item-center:before{left: 50%;transform: translateX(-50%);}
a.home-products-list{width: 100%;display: block;position: relative;}
a.home-products-list .title{width: 100%;padding: 15px;color: #fff;position: absolute;bottom: 0;left: 0;}
.home-products-list:hover img{transform: scale(1.08);}
.item-pro-swiper .item-pro-next,.item-pro-swiper .item-pro-prev{width: 32px;height: 48px;background: rgba(0,176,76,0.3);}
.item-pro-swiper .item-pro-next{right: 0;}
.item-pro-swiper .item-pro-prev{left: 0;}
.item-pro-swiper .item-pro-next:after,.item-pro-swiper .item-pro-prev:after{font-size: 20px;color: #fff;}
.item-pro-swiper .item-pro-next:hover,.item-pro-swiper .item-pro-prev:hover{background: #00697a;}

.box-case-top{border-top: 1px solid #e5e5e5;}
.promain ul li{display: inline-block;vertical-align: top;margin: 10px;}
.promain ul li a{display: block;text-align: center;width: 130px;height: 40px;line-height: 40px;font-size: 16px;background: #d7d7d7;color: #fff;border-radius: 50px;}
.promain ul li a:hover{background: #00697a;}
.d-box{width: 100%;overflow: hidden;position: relative;}
.d-box .d-pic img{display: block;}
.d-box .d-pic img.fixed{display: none;}
.d-box .d-list{width: 100%;height: 100%;display: flex;position: absolute;top: 0;left: 0;z-index: 99;}
.d-box .d-list .d-a{flex: 1;width: 25%;height: 100%;text-align: center;background: rgba(0,0,0,0.6);border-right: 1px solid rgba(255,255,255,0.4);border-left: 1px solid rgba(255,255,255,0.4);}
.d-box .d-list .d-a:first-child{border-left: none;}
.d-box .d-list .d-a:last-child{border-right: none;}
.d-box .d-list .d-a.active:hover{background: rgba(0,0,0,0);}
.d-box .d-list .d-a .d-text{width: 100%;height: 100%;padding: 0.5rem;display: flex;align-items: center;justify-content: center;position: relative;}
.d-box .d-list .d-a .d-text .d-line{width: 100%;padding-bottom: 0.5rem;margin-bottom: 0.5rem;position: relative;}
.d-box .d-list .d-a .d-text .d-line:before{content: '';width: 50%;height: 2px;background: rgba(255,255,255,0.4);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.d-box .d-list .d-a .d-text .d-tit{margin-top: 6px;font-size: 20px;font-weight: bold;color: #fff;}
.d-box .d-list .d-a .d-text .view-more{width: 100%;text-align: center;position: absolute;bottom: 0.5rem;left: 0;}
.d-box .d-list .d-a .d-text .view-more span{width: 148px;line-height: 42px;display: inline-block;text-align: center;border-radius: 50px;cursor: pointer;font-size: 16px;color: #fff;border: 1px solid #fff;}
.d-box .d-list .d-a .d-text .view-more span:hover{background: #00697a;border-color: #00697a;}

a.item-pro-list{display: block;box-shadow: 0 1px 6px rgba(0,0,0,.08);}
a.item-pro-list .item-pro-con{padding: 15px;}
a.item-pro-list .item-pro-con .title{font-size: 18px;color: #333;}
a.item-pro-list .item-pro-con .text{margin-top: 10px;color: #888;}

.area-next-prev .swiper-button-next,.area-next-prev .swiper-button-prev{width: 44px;height: 30px;}
.area-next-prev .swiper-button-next{right: -80px;background: url('../images/next01.png') no-repeat center center/100%;}
.area-next-prev .swiper-button-prev{left: -80px;background: url('../images/prev01.png') no-repeat center center/100%;}
.area-next-prev .swiper-button-next:after,.area-next-prev .swiper-button-prev:after{display: none;}
.area-swiper-bottom .area-item{padding: 8px;display: flex;align-items: center;justify-content: left;}
.area-swiper-bottom .area-item-img{width: calc(100% - 580px);height: 540px;overflow: hidden;box-shadow: 0 2px 16px rgba(0,0,0,0.08);border-radius: 1rem 0 0 0;}
.area-swiper-bottom .area-item-con{width: 580px;padding: 80px;box-shadow: 0 2px 16px rgba(0,0,0,0.08);position: relative;border-radius: 0 0 1rem 0;}
.area-swiper-bottom .area-item-con .digit{font-size: calc(200 * 1rem / 100);line-height: 1;color: rgba(0,0,0,0.02);font-weight: bold;position: absolute;bottom: 0.1rem;right: 0.2rem;z-index: -1;}
.area-swiper-bottom .area-item-con .desc{margin: 30px 0 80px;font-size: 16px;color: #666;line-height: 1.75;-webkit-line-clamp: 2;height: 3.5em;}
.area-swiper-bottom a.detail{display: inline-block;width: 160px;line-height: 48px;font-size: 16px;text-align: center;background: #fff;border: 1px solid #b7b7b7;color: #333;}
.area-swiper-bottom a.detail:hover{background: #00697a;border-color: #00697a;color: #fff;}
.area-swiper-bottom .area-item-img a:hover img{transform: scale(1.06);}

.foot-bg{width: 100%;padding: 0.7rem  0;background: url('../images/footbg.jpg') no-repeat top left/cover;}
.foot-bg .foot-flex{display: flex;align-items: flex-start;justify-content: space-between;}
.foot-bg .foot-flex .title{font-size: 20px;font-weight: bold;color: #fff;}
.foot-bg .foot-flex .foot-us{width: 560px;}
.message .input{width: 100%;height: 40px;border: 1px solid rgba(255,255,255,0.2);color: #fff;padding: 0 10px;margin-top: 20px;}
.message .input::-moz-input-placeholder{color: #ddd;}
.message .input::-webkit-input-placeholder{color: #ddd;}
.message .input::-ms-input-placeholder{color: #ddd;}
.message .submit{width: 100px;height: 32px;line-height: 30px;background: #00697a;color: #fff;border-radius: 50px;}
.message .submit:hover{background: #DA251D;}
.foot-bg .foot-flex .foot-link{width: 360px;}
ul.weblink li{width: 50%;float: left;}
.foot-bg .foot-flex .foot-code{width: 100px;}
.foot-bg .foot-flex .foot-code .code-img{margin-top: 20px;}
.foot-bg .foot-flex .foot-code .code-img .msg{font-size: 16px;line-height: 2;color: #fff;}
.foot-flex-bottom{margin-top: 0.7rem;}
.foot-flex-bottom .flex-us{display: flex;align-items: space-between;}
.foot-flex-bottom .flex-us-02{padding: 0 1.5rem;position: relative;}
.foot-flex-bottom .flex-us-02:after,.foot-flex-bottom .flex-us-02:before{width: 2px;height: 60px;background: rgba(255,255,255,0.4);position: absolute;top: 50%;transform: translateY(-50%);}
.foot-flex-bottom .flex-us-02:after{content: '';left: -1px;}
.foot-flex-bottom .flex-us-02:before{content: '';right: -1px;}
.foot-flex-bottom .flex-us .us-img{width: 72px;border-radius: 50%;overflow: hidden;}
.foot-flex-bottom .flex-us .us-text{margin-left: 20px;}
.foot-flex-bottom .flex-us .us-text .name{font-size: 16px;line-height: 2;color: #fff;}
.foot-flex-bottom .flex-us .us-text .desc{font-size: 16px;line-height: 2;color: #fff;opacity: .6;}
.copyright{width: 100%;font-size: 16px;text-align: center;color: #fff;padding: 10px;background: #000;}
.copyright a{margin-left: 6px;color: #fff;}
.return{width: 40px;height: 40px;padding: 8px;border-radius: 50%;cursor: pointer;display: none;background: #00697a;position: fixed;right: 50px;bottom: 50px;z-index: 99;}
.return:hover{background: #DA251D;}

.item-reg-flex{max-width: 900px;margin: 2.4rem auto;background: #fff;display: flex;justify-content: left;align-items: center;}
.item-reg-flex .reg-left{width: 500px;}
.item-reg-flex .reg-right{width: calc(100% - 500px);max-width: 500px;margin: auto;padding: 40px;}
.item-reg-flex .reg-right .reg-logo{max-width: 180px;margin: auto;}
.reg-input{margin-top: 24px;}
.reg-input input{width: 100%;height: 40px;border-radius: 5px;padding: 0 15px;border: 1px solid #dcdcdc;}
.reg-input input:focus{border-color: #12ADA9;}
.reg-input .btn-reg{width: 100%;height: 40px;text-align: center;font-size: 16px;background: #00697a;color: #fff;border-radius: 5px;}
.reg-input .btn-reg:hover{background: #12ADA9;}

.content_bjcolor{background: #fff;padding: 25px;border-radius: 5px;box-shadow: 0 1px 5px rgba(0,0,0,.1);-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.1);}
table.content_table tbody tr td{border: 1px solid #dcdcdc;vertical-align: middle;}
table.content_table tbody tr td:first-child{background: #f7f7f7;}
table.content_table tbody tr:hover td{background: #f7f7f7;}
input.input_text,select,select#countrynew,select#upcountry{width: 100%;height: 32px;background: #fff;padding: 0 10px;box-shadow: 0 1px 5px rgba(0,0,0,.1) inset;border-radius: 5px;}
.choose{display: inline-block;position: relative;padding-left: 20px;}
.choose1{margin-right: 20px;}
.choose input[type="radio"],.choose input[type="checkbox"]{margin: 0;}
.choose input{position: absolute;top: 4px;left: 0;}
button.changes{margin: 30px 15px 0 0;width: 120px;line-height: 32px;font-size: 14px;color: #fff;background: #1E90FF;border-radius: 5px;}
button.quantity{background: #eb6060;}

.layui-form .layui-form-item{margin: 30px 0 0;}
.layui-form .layui-form-item .layui-input-block{margin: 0;}
.btn-submit,.btn-reset{float: left;width: 90px;font-size: 16px;height: 38px;line-height: 36px;text-align: center;}
.btn-submit{background: #5FB878;border: 1px solid #5FB878;color: #fff;margin-right: 30px;}
.btn-reset{border: 1px solid #666;color: #666;}
.btn-submit:hover{background: #00697a;}
.btn-reset:hover{background: #666;color: #fff;}

.item-table .box-table{border: none;}
.item-table .box-table .table{margin-bottom: 0;}
.item-table .box-table .table tbody tr th{line-height: 24px;white-space: nowrap;text-align: center;background: #f8f8f8;border: 1px solid #efefef;}
.item-table .box-table .table tbody tr td{line-height: 24px;vertical-align: middle;word-break: break-word;text-align: center;}
.item-table a.download{width: 24px;height: 24px;display: block;margin: auto;cursor: pointer;background: url('../images/icon104.png') no-repeat top left/100%;}
.item-table a.download:hover{background-image: url('../images/icon104-acitve.png');}

.yc-bg{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 1000;}
.item-yc-con{width: 100%;max-width: 560px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1001;}
.item-yc-con .item-yc-title{padding: 20px 30px;border-bottom: 1px solid #eee;}
.item-yc-con .yc-close{width: 36px;height: 36px;cursor: pointer;position: absolute;top: 0;right: 0;background: url('../images/icon73.png') no-repeat center center;}
.item-yc-con .yc-close:hover{transform: rotate(180deg);}
.yc-list{width: 100%;height: 360px;overflow: auto;}
.yc-item{width: 100%;position: relative;padding-left: 68px;padding-right: 60px;font-size: 0;transform: all .3s;}
.yc-label{position: absolute;left: 0;top: 0;display: inline-block;font-size: 0;vertical-align: top;cursor: pointer;width: 68px;height: 60px;padding-left: 28px;}
.yc-icon{box-sizing: border-box;display: inline-block;vertical-align: top;margin-top: 23px;width: 14px;height: 14px;border: 1px solid #ccc;background-repeat: no-repeat;background-position: center center;}
.yc-label.selected .yc-icon{background-image: url(../images/icon70.png);}
.yc-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;font-weight: bold;}
.yc-text{font-size: 14px;color: #666;width: 100%;height: 60px;line-height: 60px;border: none;background-color: transparent;}
.yc-btns{width: 100%;text-align: right;padding: 20px 30px;background-color: #f5f5f5;}
a.yc-btn{width: 150px;height: 46px;line-height: 46px;display: inline-block;border-radius: 2px;font-weight: bold;background: #e60012;color: #fff !important;text-align: center;cursor: pointer;}
.yc-item:hover{background-color: #f5f5f5;}
.yc-item:hover .yc-edit{display: block;}

.item-table .box-table .table tbody tr td.cursor{cursor: pointer;}
.item-con-bg{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 1000;}
.item-con-text{width: 100%;max-width: 1230px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1001;}
.item-con-list-top{width: 100%;height: 66vh;overflow: auto;}
.item-con-list-top::-webkit-scrollbar{width: 4px;background-color: #fff;}
.item-con-list-top::-webkit-scrollbar-thumb{background-color: #d4d4d4;}
.item-list-tblr{padding: 50px;}
.item-con-lis-bottom{width: 100%;padding: 20px 30px;background-color: #f5f5f5;}
.zc-labels{width: 100%;border-bottom: 1px solid #e1e1e1;}
.zc-label{display: inline-block;font-size: 0;font-weight: normal;position: relative;vertical-align: top;cursor: pointer;margin-right: 4.16vw;line-height: 60px;}
.zc-icon{box-sizing: border-box;display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin-right: 10px;border: 1px solid #ccc;background-repeat: no-repeat;background-position: center center;}
.zc-txt{display: inline-block;vertical-align: middle;font-size: 16px;color: #333;user-select:none;line-height: 1;}
.zc-label.selected .zc-icon{background-image: url(../images/icon70.png);}
.zc-input{position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;filter: alpha(opacity=0);width: 100%;height: 100%;cursor: pointer;font-weight: bold;}
.zc-last{padding: 20px 0 0;overflow: hidden;}
.zc-last .zc-label{font-size: 0;padding: 0;line-height: 46px;margin-right: 0;}
a.zc-btn{width: 150px;height: 46px;line-height: 46px;float: right;display: inline-block;border-radius: 2px;font-weight: bold;background: #e60012;color: #fff !important;text-align: center;cursor: pointer;}

.login-bg{display: none;width: 100%;height: 100%;background: rgba(0,0,0,0.6);position: fixed;top: 0;left: 0;z-index: 1000;}
.item-reg-bg{padding: 60px 40px;}
.item-reg-bg .reg-logo{max-width: 240px;margin: auto;}

@media(max-width: 1440px){
	.show-content-width{padding: 0 1.2rem;}
	.show-content-width-left{padding-left: 1.2rem;}
}
@media(max-width: 1360px){
	.p-tb80{padding: 56px 0;}
	.mt-80{margin-top: 56px;}
	.mt-40{margin-top: 32px;}
	.show-content-width{padding: 0 0.6rem;}
	.show-content-width-left{padding-left: 0.6rem;}

	.home-width-left{width: 5rem;}
	.item-title{font-size: 32px;}
	.fz-24{font-size: 22px;}
	.item-title:before{width: 64px;}
	.home-width-right{width: calc(100% - 5rem);}

	.area-next-prev .swiper-button-next,.area-next-prev .swiper-button-prev{width: 36px;height: 25px;}
	.area-next-prev .swiper-button-next{right: -10px;}
	.area-next-prev .swiper-button-prev{left: -10px;}
	.area-swiper-bottom .area-item-img{width: calc(100% - 500px);height: 420px;}
	.area-swiper-bottom .area-item-con{width: 500px;padding: 60px;}
	.area-swiper-bottom .area-item-con .desc{margin: 20px 0 60px;font-size: 15px;}
	.area-swiper-bottom a.detail{width: 120px;line-height: 40px;font-size: 15px;}
}
@media(max-width: 1230px){
	.p-tb80{padding: 48px 0;}
	.mt-80{margin-top: 48px;}
	.mt-40{margin-top: 24px;}
	.show-content-width{padding: 0 15px;}
	.show-content-width-left{padding: 0 15px;}
	.item-title{font-size: 28px;padding-bottom: 24px;}
	.fz-24{font-size: 20px;}

	.item-title:before{width: 48px;}
	.content-text{font-size: 14px;}
	a.vide-detail{width: 128px;height: 42px;line-height: 42px;font-size: 14px;}
	.item-con-text{max-width: 1000px;}
}
@media(max-width: 1024px){
	.home-width-left{width: 100%;padding: 0;}
	.home-width-right{width: 100%;margin-top: 24px;}
	.item-title{font-size: 24px;}
	.fz-24{font-size: 18px;}

	.box-video-bg .home-width-left{margin-top: 48px;}
	.box-video-bg .home-width-left img{max-width: 75% !important;}
	.box-video-flex{display: block;}
	.video-play .play{width: 48px;height: 48px;}
	.btnclose{width: 48px;height: 48px;}
	
	a.home-products-list .title{padding: 10px;}
	.item-pro-swiper .item-pro-next,.item-pro-swiper .item-pro-prev{width: 24px;height: 36px;}
	.item-pro-swiper .item-pro-next:after,.item-pro-swiper .item-pro-prev:after{font-size: 16px;}

	.promain ul li{margin: 5px;}
	.promain ul li a{width: 90px;height: 30px;line-height: 30px;font-size: 14px;}
	.area-next-prev .swiper-button-next,.area-next-prev .swiper-button-prev{width: 26px;height: 18px;}
	.area-swiper-bottom .area-item{padding: 8px;display: block;}
	.area-swiper-bottom .area-item-img{width: 100%;height: 10rem;}
	.area-swiper-bottom .area-item-con{width: 100%;padding: 15px;}
	.area-swiper-bottom .area-item-con .digit{font-size: calc(360 * 1rem / 100);bottom: 15px;right: 15px;}
	.area-swiper-bottom .area-item-con .desc{margin: 15px 0;font-size: 14px;}
	.area-swiper-bottom a.detail{width: 96px;line-height: 32px;font-size: 14px;}
	.foot-bg{display: none;}
	.copyright{font-size: 14px;}
	.return{width: 36px;height: 36px;padding: 6px;right: 30px;bottom: 30px;}

	.item-reg-flex{display: block;margin: 0;}
	.item-reg-flex .reg-left{width: 100%;}
	.item-reg-flex .reg-right{width: 100%;padding: 40px 20px;}
	
	.yc-list{height: 300px;}
	.layui-form .layui-form-item{margin: 15px 0 0;}
	.item-yc-con .item-yc-title{padding: 15px;}
	.yc-btns{padding: 15px;}

	.box-item-con-list{width: 100%;height: 85vh;overflow: auto;}
	.item-con-list-top{height: auto;overflow: inherit;}
	.box-item-con-list::-webkit-scrollbar{width: 4px;background-color: #fff;}
	.box-item-con-list::-webkit-scrollbar-thumb{background-color: #d4d4d4;}
	.item-list-tblr,.item-con-lis-bottom{padding: 15px;}
	.item-reg-bg{padding: 40px 20px;}
	.item-reg-bg .reg-logo{max-width: 160px;}
}