.fs50{ font-size:50px}
.fs26{ font-size:26px}
.fs20{font-size: 18px;}
.fs18{font-size: 17px;}
.fs14{ font-size:14px}
.bold{font-weight: bold;}
.innerBanner{position: relative;}
.innerbanner-con{position: absolute; width: 100%;top:60%;transform: translateY(-55%);z-index:9;color:#fff; text-align:center}
.innerbanner-con h2{font-weight: bold;padding-bottom: 15px;position: relative; color:#0066cc}
.innerbanner-con h2 span{ display:inline-block; color:#fd9009}
.innerbanner-con h3{margin-top:5px;letter-spacing: 6px; display:block; margin-bottom: 20px;}
.innerbanner-con h4{background: #FF8C00; padding:10px; width:27%; margin:0 auto; display:block}
.subcolumn{background: #f3f3f3; text-align:left; font-size: 14px; padding: 18px 0;}
.subcolumn .subcolumn-item{display: inline-block; min-width: 12%; margin:1%;}
.subcolumn a{background: #3e9e0f;display: block; padding: 8px 0; color: #fff; transition: all linear .3s; border-radius:25px; text-align:center}
.subcolumn a.active,
.subcolumn a:hover{background: #3e9e0f; color: #fff;}
.subcolumn h2{ color:#FF8C00; font-size:40px; font-weight: bold; padding:25px 0;}
.nycontent h2{ font-size:30px; line-height:40px; font-weight: 900; color: rgb(62, 158, 15); text-align: center; margin-top:50px; border-bottom:1px solid #e4e4e4; padding-bottom:20px; display:block}
.nycontent p{ line-height:35px; font-size:14px;}
.copyright{ margin-top:60px;background: #3e9e0f;text-align: center;color:#fff;font-size:14px; border-top:1px solid #287a4f;}
.copyright .copyz{background: #3e9e0f;text-align: left;color:#fff;font-size:14px;line-height:45px; padding-left:10%;}
.copyright .copyy{ padding-left:32px; line-height:45px;background: #3ab576;text-align: left;color:#fff;font-size:14px; }

.honour{padding-bottom: 40px; padding-top:3%;}
.honour ul.row{margin-left:-12px;margin-right: -12px;}
 
.x-banner .owl-carousel .banner-item a, .x-product-list li .img, .x-case-item .img, .x-news-img, .page-banner, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img, .x-logo a, .x-layout-logo, .x-layout-ewm img, .page-message-img {
 font-size: 0;
}

.x-banner .owl-carousel .banner-item a img, .x-product-list li .img img, .x-case-item .img img, .x-news-img img, .page-banner img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
 width: 100%;
}

.x-logo a img, .x-layout-logo img, .x-layout-ewm img img, .page-message-img img {
 max-width: 100%;
}

.x-product-list li .img, .x-case-item .img, .x-news-img, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img {
 overflow: hidden;
}

.x-product-list li .img img, .x-case-item .img img, .x-news-img img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
 -webkit-transition: all .5s ease;
 transition: all .5s ease;
}

.x-product-list li .img:hover img, .x-case-item .img:hover img, .x-news-img:hover img, .xypg-product-list li .img:hover img, .xypg-case-list li .img:hover img, .relate-product-slick .owl-item .img:hover img {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
.xypg-pro-description{border: 1px solid #e5e5e5;background: #f9f9f9;line-height: 24px;padding: 10px;margin-bottom: 15px;text-indent: 2em;}
.xypg-product-list{margin: 0 -1.5%;font-size: 0;}
.xypg-product-list li{display: inline-block;vertical-align: bottom;width: 31.333%;margin: 0 1% 40px 1%;padding: 10px 10px 0 10px;border: 1px solid #eeeeee;-webkit-transition: all .5s ease;transition: all .5s ease;}
.xypg-product-list li .img{display: block;}
.xypg-product-list li h3 a{display: block;text-align: center;font-size: 14px;color: #5a5a5a;line-height: 1.6;padding: .8em 0;}
.xypg-product-list li:hover{border-color: #cc421b ;}
.xypg-product-list .no-result{margin: 0 1.5%;font-size: 14px;}
.xypg-case-list{margin: 0 -1%;font-size: 0;}
.xypg-case-list li{display: inline-block;vertical-align: bottom;width: 31.333%;margin: 0 1% 40px 1%;padding: 10px 10px 10px 10px;border: 1px solid #eeeeee;-webkit-transition: all .5s ease;transition: all .5s ease;}
.xypg-case-list li .img{display: block;}
.xypg-case-list li h3 a{display: block;text-align: center;font-size: 14px;color: #5a5a5a;line-height: 1.6;padding: .8em 0;}
.xypg-case-list li:hover{border-color: #cc421b ;}
 

@media (min-width: 1800px){
.product-box{padding:115px 0;}
}
.product-box{padding:70px 0;}
.nproduct-left{float:left;width: 19%;}
.product-content{float:left;width: 81%;}
.category-box{box-shadow: 2.12px 2.12px 10px 0 rgba(6,0,1,.3);}
.category-box .backBtn{position:absolute;width:45px;left:0;top:0;height:100%;vertical-align:top;background:#f5f8fa;display: none;}
.category-box .backBtn i{position:absolute;top:50%;margin-top:-20px;width:100%;height:40px;display:block;text-align:center;line-height:40px;font-size:24px;color:#7b8a96;padding:0;background: url(../images/icon-pro-arrow.png) no-repeat center;transform: rotate(-90deg);}
.category-box .moveBtn{display: none;line-height: 35px;text-align: center;margin:18px auto;width:200px;border-radius:999px;border:2px solid #313131;font-size:16px;}
.category-top{padding:15px 30px;color:#fff;background: #362e2b;}
.category-top i{margin-right: 15px;float:left;width:44px;height: 44px; background-size: auto 100%;}
.category-box .content p{transition: all linear .3s;padding:15px 0;line-height: 24px;border-bottom: 1px solid #e5e5e5;position: relative;}
.category-box .content .item-link{padding-left:20px;border-left:10px solid transparent;}
.category-box .content .ejBox{display: none;color:#7d7d7d;text-align: center;}
.category-box .content li .item-link:hover,.category-box .content li .item-link.on,.category-box .content li .item-link.active{ }
.category-box .content li p:hover,.category-box .content li .item-link.on,.category-box .content li p.active{background: #eff8f8;}
.ejBox-child p{padding-left: 20px;font-size:14px;}
.category-box .content li .hasChild i{position: absolute;right:12%;top:50%;width: 16px;margin-top:-8px;height: 16px;background: url(../images/icon-pro-arrow.png) no-repeat center;background-size: 100% auto;transition: all linear .3s;transform: rotate(90deg);}
.category-box .content li .hasChild.on i{transform: rotate(0);}
.product-content{padding-left: 20px;}
.product-content li{padding:0 0 50px 40px;}
.product-content .proLi{position: relative;}
.product-content .porTbox{position: relative;padding-bottom: 80%;overflow: hidden; border:1px solid #eeeeee;}
.product-content .proImg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;z-index:1;transition: all linear .3s;}
.product-content .proMask{max-width: 60%;z-index:2;}
.product-content .proMask img{max-height: 50px;opacity: 0.2;}
.product-content .showBox{z-index:3;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(49,49,49,.4);transition:all 0.5s ease;color:#fff;}
.product-content .showBoxLink{width: 60%;z-index:4;text-align: center;padding:14px 0;}
.product-content .showBoxLink::before,.product-content .showBoxLink::after{content:'';position:absolute;top:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}
.product-content .showBoxLink::after{top:auto;bottom:0;}
.product-content .porBbox{text-align: center;padding:16px 15px;background: #eeeeee;transition: all linear .3s;}
.product-content .porBbox p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product-content .proLi:hover .porTbox{border:1px solid #3e9e0f;}
.product-content .proLi:hover .proImg{transform: translate( -50% ,-50%) scale(1.1);}
.product-content .proLi:hover .showBox{opacity: 1;}
.product-content .proLi:hover .showBoxLink::before,.product-content .proLi:hover .showBoxLink::after{width:30px;}
.product-content .proLi:hover .porBbox{background: #3e9e0f;color:#fff;}


@media (max-width: 1200px){
 .nproduct-left{width: 22%;}
 .product-content{width: 78%;padding-left: 10px;}
 .product-content li{padding:0 0 25px 30px;}
 .category-top{padding:15px 18px;}
 .category-top i{width:36px;height: 36px;}
 .category-box .content p{padding:13px 0;}
 .category-box .content .item-link{padding:13px 15px;border-left-width:6px;}
}

@media (max-width: 800px){
 .nproduct-left{width: 100%;}
 .product-content{width: 100%;padding:0;}
 .product-box{padding:40px 0;}
 .inner-txt{padding-top: 60px;}
 .inner-txt .title{margin-bottom: 12px;}
 .inner-txt .en-tit{margin-bottom: 15px;}
 .inner-txt .line{height: 3px;margin-bottom: 20px;}
 .category-box{padding-bottom: 1px;margin-bottom: 30px;box-shadow: none;border:1px solid #f0f0f0;}
 .category-top{padding:12px 18px;}
 .category-top i{width: 30px;height: 30px;}
 /*.category-box .content{display: none;}*/
 .category-box .moveBtn,.category-box .backBtn{display: block;}
 .contentBox{position: fixed;top:0;width: 100%;left:100%;background: #fff;z-index:1000;bottom:0;overflow-y: auto;font-size:0;padding-left:45px;}
 .product-content ul{margin-left:-10px;margin-right: -10px;}
 .product-content li{padding:0 10px 20px;}
 .product-content .porBbox{padding:4px; font-size:12px;}
}
 
 .newsList{ margin-top:2%}
.newsList-top .item-news{color:#a9a9a9;border:1px solid #d0d0d0;margin-bottom: 20px;}
.newsList-top .item-news .item-img{padding-bottom: 56%;position: relative;overflow: hidden;}
.newsList-top .item-news .item-img .img{overflow: hidden;position: absolute;left:0;top:0;width: 100%;height: 100%;}
.newsList-top .item-news .item-img .img img{width: 100%;height: 100%;object-fit: cover;}
.newsList-top .item-news .item-con{padding:20px 20px 24px;}
.newsList-top .item-news .item-title{color:#363636;margin-bottom: 6px;}
.newsList-top .item-news:hover .item-title{color:#3e9e0f;}

 

@media (max-width:1200px){
 .newsList-top{margin-left:-10px;margin-right:-10px;}
 .newsList-top li{padding:0 10px;}
 .newsList-list{margin-top:40px;}
 .newsList-list li{margin-bottom: 40px;}
}
@media (max-width:992px){
 .newsList-top .item-news .item-con{padding:16px 16px 18px;}
 

}
@media (max-width:767px){
 
 .newsList-top .item-news .item-con{padding:16px 15px ;}
}

.news-detail{margin:50px 0; overflow: hidden;}
.news-detail h1{text-align: center; letter-spacing: 2px;}
.news-detail .dtinfo{margin: 20px 0; text-align: center;}
.news-detail .dtinfo span{margin: 0 10px;}
.news-detail .caseimg{margin-bottom: 30px;}
.news-detail .caseimg img{display: block; max-width: 100%; margin: auto;}
.news-detail .content{font-size: 15px; line-height: 1.8;}
.news-detail .content img{max-width: 100%;height: auto !important;}
.news-detail .news-epx{margin: 30px auto 0; overflow: hidden;}
.news-detail .news-epx li{width: 49%; float: left; padding: 0 15px; line-height: 40px; background: #ccc; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-detail .news-epx li:first-child{margin-right: 2%;}
@media (max-width: 992px){
 .news-detail .news-epx li{width: 100%; margin: 5px 0;}
 .news-detail .news-epx li:first-child{margin-right: 0;}
}
@media (max-width: 767px){
 .news-detail{margin:30px 0;}
 .news-detail h1{ font-size:20px; font-weight:bold}
 .news-detail .dtinfo{margin: 15px 0;}
 .news-detail .dtinfo span{margin: 0 5px;}
 .news-detail .caseimg{margin-bottom: 20px;}
 .news-detail .news-epx{margin: 20px auto 0;}
 
}

.product-detail{margin:50px 0 80px;overflow: hidden;}
.product-detail-img{padding-right: 40px;}
.product-detail-img .gallery-top{margin-bottom: 30px;}
.product-detail-img .item-img{position: relative;padding-bottom: 60.5%;overflow:hidden;}
.product-detail-img .item-img .mix{max-width: 100%;max-height: 100%;}
.product-detail-img .gallery-thumbs .swiper-slide{border:1px solid #d5d5d5;width:150px;}
.product-detail-img .gallery-thumbs .swiper-slide-thumb-active{border-color:#0240ad;}
.product-detail-img .gallery-thumbs img{width: 100%:height:100%;object-fit: cover;}
.product-detail-img .gallery-thumbs .item-img{position: relative;}
.product-detail-img .gallery-thumbs .item-img::after{position: absolute;content:'';width: 100%;height: 100%;border:2px solid #004a9a;top:0;left:0;opacity: 0;}
.product-detail-img .gallery-thumbs .swiper-slide-thumb-active .item-img::after{opacity: 1;z-index:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.product-detail .product-con{padding:40px 0 0 10px;}
.product-detail .product-con .title0{padding-bottom: 20px;color:#000;border-bottom: 1px solid #e8e8e8;letter-spacing: 4px; font-weight:bold;}
.product-detail .product-con .subtitle{color:#1b1b1b;margin-top:10px;}
.product-detail .product-con .desc-title{margin-top:25px;color:#252525;letter-spacing: 2px;}
.product-detail .product-con .desc{color:#747474;line-height: 1.7;margin-top:20px;padding-bottom: 40px;border-bottom: 1px solid #e2e2e2;}

.product-detail .product-con .info{margin-top:30px;color:#626262;}
.product-detail .product-con .info .tel{padding-left:55px;line-height: 56px;background: url(../images/icon-tel.png) no-repeat left center;background-size: auto;}
.product-detail .product-con .info .tel a{float:left;color:#004a9a;font-weight: bold;letter-spacing: 2px;font-family: auto;white-space: nowrap;}
.product-detail .product-con .info .tel span{position: relative;top:0;margin-right: 15px;float:left;}
.product-detail .product-con .info .share{margin-top:40px;}
.product-detail .product-con .info .share .s-item{font-size:15px;margin-right:40px;display: inline-block;padding-left:40px;line-height: 32px;position: relative;background: url(../images/icon-pro.png) no-repeat left center;background-size: auto 100%;}
 
.product-paras{border-bottom: 1px solid #dfdfdf;}
.product-paras ul{border-bottom: 1px solid #ececec;}
.product-paras li{float:left;line-height: 1;min-width:12%;text-align: center;margin-right: 15px;}
.product-paras li p{display:block;padding:24px 25px;letter-spacing: 2px;cursor: pointer;transition: all .3s;}
.product-paras li.active p,.product-paras li:hover p{background: #004a9a;color:#fff;}
.paras-content .paras-section{padding-right: 28%;display: none;}
.paras-content .paras-section:first-child{display: block;}
.paras-content .paras-section .item{padding:45px 0;}
.paras-content .paras-section .title0{letter-spacing: 4px;color:#4b4b4b;position: relative;margin-bottom: 15px;padding-bottom: 10px;}
.paras-content .paras-section .title0::after{position: absolute;content:'';height: 4px;width:60px;background: #3e9e0f;left:0;bottom:0;}
.paras-content .paras-section .p{line-height: 1.76;color:#282828;}

@media (max-width: 1500px){
 .product-detail .product-con .info .tel a{letter-spacing: 1px;font-size:30px;}
}
@media (max-width: 1200px){
.product-detail-img{padding:0;}
.product-detail .product-con .desc{padding-bottom: 30px;}
.product-detail .product-con .info .tel span{top:0;}
.product-detail .product-con .info .tel{line-height: 50px;background-size: auto 50px;}
}

@media (max-width: 992px){
 .product-detail .product-con{padding:15px 0 0;}
 .product-detail .product-con .title0{letter-spacing: 2px;}
 .product-detail .product-con .desc{font-size:14px;margin-top:20px;}
 .product-detail .product-con .desc-title{margin-top:20px;}
 .product-detail{margin:40px 0 60px;}
 .product-detail-img .gallery-thumbs .item-img::after{border-width: 2px;}
 .product-detail .product-con .info .tel{line-height: 40px;background-size: auto 40px;}
 .product-detail .product-con .info .tel a{font-size:24px;}
 .product-detail .product-con .info .tel span{margin-right: 5px;}
 .product-detail .product-con .info{margin-top:20px;}
 .product-detail .product-con .info .share{margin-top:25px;}
 .product-detail .product-con .info .share .s-item{line-height: 22px;margin-right: 25px;padding-left:30px;}
 .product-paras li p{padding:18px 25px;}
 .paras-content .paras-section .item{padding:35px 0 20px;}
 .paras-content .paras-section .title0::after{width: 50px;}

}
@media (max-width: 767px){
 .product-detail{margin:15px 0 50px;}
 .product-detail-img{padding-right: 0;border:none;margin-bottom: 10px;}
 .product-detail .product-con .title0{font-size:18px;}
 .product-detail .product-con .info .share span{font-size:14px;}
 .product-detail .product-con .info .tel{padding-left: 35px;font-size:15px;background-size: auto 34px;}
 .product-detail .product-con .info .tel a{font-size:20px;letter-spacing: 0;}

 .location{margin-top:30px;line-height: 18px;font-size:14px;}
 .product-detail-img .gallery-top{margin-bottom: 20px;}
 .product-detail-img .gallery-thumbs .swiper-slide{width: 100px;}
 .product-detail-img .gallery-thumbs .item-img::after{border-width: 1px;}
 .product-detail .product-con{margin-top:15px;}
 .product-detail .product-con .title0{padding-bottom: 15px;}
 .product-detail .product-con .info .share .s-item{background-size: auto 16px;padding-left: 25px;font-size:14px;}
 .product-paras li p{padding:13px 22px;}
 .paras-content .paras-section .title0{padding-bottom: 6px;}
 .paras-content .paras-section .title0::after{height: 3px;width: 44px;}
}

.yunu-message{background: url(../images/diann.jpg) no-repeat center right ; padding: 50px 10px;margin-bottom: 30px;}
.form-group{margin-bottom: 15px;}
.form-label{float: left;line-height: 34px;width: 120px;text-align: right;}
.form-label span{color: #e50112;}
.form-content{margin-left: 130px;}
.form-control{line-height: 20px;font-size: 14px;border: 1px solid #ddd;padding: 6px 12px;width: 600px;display: inline-block;vertical-align: top;}
select.form-control{height: 34px;}
.form-submit{padding: 6px 22px;color: #fff;background-color: #3e9e0f;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;width: 55%;}
.form-button{padding: 6px 22px;color: #fff;background-color: #3e9e0f;border: 0;cursor: pointer;font-size: 16px;border-radius: 3px;}

.contactPage{overflow:hidden;}
.contactPage .t{color:#000;padding:0 3% .2rem;font-size:.3rem;}
.contactPage .txtcon{padding:0 3% .3rem;}
.contactPage .txtcon img{max-width:100%;}
.contactPage .mapArea{width:100%;height:3rem;}
.contactPage .messagePage{padding:.4rem 3% .5rem;}
.login{width:90%;margin:0% auto;padding:3%;}
.login li{width:100%;margin-bottom:5%;}
.login li img{float:right;margin-right:10%;width:30%;height:.67rem;}
.login_input{display:block;height:35px;-webkit-appearance:none;border-radius:0;}
.login_textarea{height:80px;margin-bottom:-2%;}
.login li .pin_width{width:50%;}
.login li .login_btn{margin-top: 20px; height:36px!important;width:100%;color:#fff;border:0;text-align:center;font:13px/20px "microsoft yahei";background:#1c4690!important;box-shadow:none;}
.login input,.login textarea{width:100%;border:1px solid #e5e5e5;background:#fff;color:#333;font:13px/35px "microsoft yahei";text-indent:.1rem;box-sizing: border-box;}
#tip{padding:5% 0;min-height:300px;}
#tip b{color:#1c4690;font-weight:bold;}
 @media (max-width: 992px){
	
 .innerBanner img{min-height: 250px;object-fit: cover;}
 .location h2{margin-bottom: 25px;font-size:32px;}
 .location{bottom:20px;font-size:15px;}
 .subcolumn{font-size:12px; padding: 10px; text-align: center;}
 .subcolumn a{padding:6px 25px;}
 
}
@media (max-width: 767px){
	.fs50{ font-size:20px}
.fs26{ font-size:16px}
.fs14{ font-size:14px}
	.banner-txt{ position:absolute; top: -40px; text-align:center; width:100%; left:0}
 .location h2{font-size:26px;margin-bottom: 20px;}
 .location p{padding-left: 20px;background-size:auto 20px;line-height: 20px;font-size:13px;}
 .subcolumn{font-size:12px;}
 .subcolumn .subcolumn-item{width: 31.33%;}
 .subcolumn a{padding:6px 10px; line-height: 20px;}
	.innerbanner-con h2{margin-left:0}
	.innerbanner-con h3{letter-spacing: 2px; margin-top:0; margin-bottom:6px; margin-left:0}
	.innerbanner-con h4{ width:80%;margin-left:0; margin:0 auto;}
	.nycontent h2{ font-size:20px;margin-top:20px;padding-bottom:0}
	.copyright .container{ padding-left:0; padding-right:0;}
 .copyright .copyz{ text-align:center; padding-left:1%;}
	.copyright .copyy{ text-align:center}
	.xypg-product-list {margin: 0 1.5%;}
	.xypg-product-list li{ width:48%; margin: 0 1% 20px 1%;}
	.xypg-case-list li{width:48%; margin: 0 1% 20px 1%; box-sizing: border-box;}
 
.subcolumn h2{ font-size:22px; padding: 15px 0;}
 .wapcname{display: block !important;}
}
