a{color:#666;}
a:hover{color: #38b25d;}
.pathbg {background: #f7f7f7;}
.hls-page-path { color: #666;font-size: 12px;padding: 13px 0;overflow: hidden; text-align: right; }
.hls-page-path a{ color: #000;}
.hls-page-path a.cur {color: #38b25d;}
.hls-page-path a:hover {color: #38b25d;} 

.hls-page-about {overflow: hidden;padding:1% 0 5% 0;}
.hls-page-about .ptitle {position:relative;}
.hls-page-about .ptitle h2{display: block;font-size: 300px;line-height: 300px; color:#e4f1e8;font-family: 'Conv_Montserrat-Bold';width:200%;text-transform: uppercase;}
.hls-page-about .ptitle h3{display: block;text-align: center; position: absolute;width:800px;left: 50%;margin-left: -400px;bottom:10%;z-index: 3;font-size:80px;color:#1a1a1a;}
.aboutnav {width:75%;margin: auto; overflow: hidden;padding:2% 0;text-align: center;}
.aboutnav * {display: block;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.aboutnav li{width:15%;text-align: left;display:inline-block;vertical-align: top;margin: 2.5%;}
.aboutnav li a {position: relative;padding: 20px 0;}
.aboutnav li a::before,.aboutnav li a::after {content: '';background: #1a1a1a;left: 0;bottom: 0;position: absolute;z-index: 2;}
.aboutnav li a::before {width:0;height: 2px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.aboutnav li a::after{width: 100%;height: 1px;z-index: 1;}
.aboutnav li a h6{font-size: 12px;font-family: 'Conv_Montserrat-Light';text-transform: uppercase;font-weight: normal;}
.aboutnav li a h5{font-size: 14px;padding:5px 0;}
.aboutnav li a i{background: url("../images/down.svg") no-repeat;background-size: 100%; width: 9px;height: 15px;position: absolute;right: 0;top: 50%;margin-top: -6.5px;}
.aboutnav li a:hover i{right: 5%;}
.aboutnav li a:hover h6,.aboutnav li a:hover h5{padding-left: 5%;}
.aboutnav li a:hover::before {width: 100%;}



.title {}
.title h2{font-size: 44px;font-family: 'Conv_Montserrat-Bold';text-transform: uppercase; height: 50px; margin-top: 5%; }
.title h3{font-size: 30px;font-weight: normal;}
.title h3 line{width: 40px;height: 2px;background: #38b25d;margin: 0 15px;display: inline-block;vertical-align: middle;}
.title h3 line.m0 {margin: 0;}
.title h6 {font-size: 14px;line-height: 28px; color: #999999;font-weight: normal;padding:30px 0;overflow: hidden;width: 60%;}

.hls-brand {margin:5% auto;overflow: hidden;background-size: 100%;background-repeat: no-repeat;background-position: center top;}
.hls-brand .brand {padding:15% 0 0 0; overflow: hidden;position: relative;width: 90%;margin: auto;}
.hls-brand .brand.pt10n {padding:10% 0 0 0;}
.hls-brand .brand .btitle{text-align: center;}
.hls-brand .brand .btitle h4{font-size: 30px;color: #fff; height: 80px;}
.hls-brand .brand .btitle h2{font-size: 60px;color: #fff;}
.hls-brand .brand .btitle h2 * {color: #fff;}
.hls-brand .brand .txt {text-align: right;font-size: 12px;line-height: 19px; color: rgba(255,255,255,0.6);position: absolute;right: 0;top:0px;font-family: 'Conv_Montserrat-Regular';} 
.hls-brand .concept {position: relative;clear: both;margin-top: 15%;overflow: hidden;}
.hls-brand .concept .pic{width: 43%;float: left;}
.hls-brand .concept .main {width: 50%;padding:20% 0 0 7%;overflow: hidden;float: left;}
.hls-brand .concept .main .text {width:80%;padding:5% 0;overflow: hidden; font-size: 16px;line-height: 36px;color: #666;text-align: justify;}
.hls-brand .advantage {padding:5% 0;overflow: hidden;}
.hls-brand .advantage .pic{width: 50%;float: right;}
.hls-brand .advantage .main {width: 45%;padding:7% 0 0 5%;overflow: hidden;float: right;}
.hls-brand .advantage .main .text {width:80%;padding:5% 0;overflow: hidden;font-size: 16px;line-height:40px;color: #666; text-align: left;}
.hls-brand .advantage .main .text li {position: relative;color: #666;}
.hls-brand .advantage .main .text li::before{content: '';width: 5px;height: 5px;border-radius: 100%;background: #666;display:inline-block;vertical-align: middle;margin-right: 10px;}
.hls-brand .advantage .main .text strong {font-weight: bold;color: #666;}
.hls-brand .advantage .main .text span {color: #ccc;}

.certificationlist {padding:1% 0 10% 0;overflow:hidden; max-width: 1400px; margin:0 auto;}
.certification {padding-bottom:3%; width:100%;position: relative;overflow:hidden;}
.certification {cursor: url("../images/hmous.svg"),default!important;}
.certification li{ background: #f7f7f7;text-align: center;padding:20% 5% 10% 5%;overflow: hidden;}
.certification li .dtable{height: 260px;}
.certification li .dtable-cell{height: 260px;}
.certification li img {max-height: 260px;width: auto;max-width: 100%;display: inline-block;}
.certification li h5{color:#1a1a1a;font-size: 14px;padding-top:20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-family: 'Conv_Montserrat-Bold',Arial,"微软雅黑","黑体",'宋体';}
.swiper-button-nextC, .swiper-button-prevC {left:auto;right:0;top:auto;bottom:30px;margin: 0;width: 80px;height:45px;position: absolute;outline: none;cursor: pointer;}
.swiper-button-nextC {background: url("../images/right-h.svg") center no-repeat #f7f7f7;background-size:20%; opacity: 0.4;}
.swiper-button-prevC {background: url("../images/left-h.svg") center no-repeat #f7f7f7;background-size:20%;right: 80px;opacity: 0.3;}
.swiper-button-nextC:hover,.swiper-button-prevC:hover {opacity: 1.0;}
.swiper-button-nextC::after {content: '';width: 1px;height: 45px;right: 80px;top: 0; position: absolute;background: #ccc;}
.certification .swiper-pagination.swiper-pagination-progressbar {bottom: 0;top: auto;background: #ededed;height: 2px;}
.certification span.swiper-pagination-progressbar-fill {background: #1a1a1a;}

.gallery:after{content:'';display:block;height:2px;margin:.5em 0 1.4em}
.gallery img{width:100%;text-align:center}
.gallery a{width:23.5%;display:inline-block;overflow:hidden;margin:14px 2% 14px 0;text-align:center;float:left;box-shadow:0 0 1px rgba(0,0,0,.3);height:auto}
.gallery a:nth-child(4n+4){margin-right: 0px;}
.gallery a:hover{box-shadow:0 0 1px #000;}
.gallery span{height:50px;line-height:50px;width:100%;float: left;overflow: hidden;text-align:center;font-size:16px;color:#000}


.gallery2:after{content:'';display:block;height:2px;margin:.5em 0 1.4em}
.gallery2 img{width:100%;text-align:center}
.gallery2 a{width:23.5%;display:inline-block;overflow:hidden;margin:14px 2% 14px 0;text-align:center;float:left;box-shadow:0 0 1px rgba(0,0,0,.3);height:auto}
.gallery2 a:nth-child(4n+4){margin-right: 0px;}
.gallery2 a:hover{box-shadow:0 0 1px #000;}
.gallery2 span{height:50px;line-height:50px;width:100%;float: left;overflow: hidden;text-align:center;font-size:16px;color:#000}

.gallery3:after{content:'';display:block;height:2px;margin:.5em 0 1.4em}
.gallery3 img{width:100%;text-align:center; height: 420px;}
.gallery3 a{width:23.5%;display:inline-block;overflow:hidden;margin:14px 2% 14px 0;text-align:center;float:left;box-shadow:0 0 1px rgba(0,0,0,.3);height:460px;}
.gallery3 a:nth-child(4n+4){margin-right: 0px;}
.gallery3 a:hover{box-shadow:0 0 1px #000;}
.gallery3 span{height:40px;line-height:40px;width:100%;float: left;overflow: hidden;text-align:center;font-size:16px;color:#000}
.baguetteBoxOne{width:100%;margin:0 auto; display:table;}


.hls-page-case {overflow: hidden;padding:4% 0 5% 0;}
.hls-page-case .ptitle {position:relative;}
.hls-page-case .ptitle h2{display: block;font-size: 300px;line-height: 300px; color:#e4f1e8;font-family: 'Conv_Montserrat-Bold';    width: 100%;  text-align: center;text-transform: uppercase;}
.hls-page-case .ptitle h3{display: block;position: absolute;width:100%; text-align: center; bottom:10%;z-index: 3;font-size:80px;color:#1a1a1a;}
.hls-page-case .ptitle h4{display: block;position: absolute;width:45%;right:5%;bottom:7%;z-index: 3;font-size: 16px;color: #999;line-height: 34px;font-weight: normal;}

.nnav {position: absolute;right:5%;bottom:15%;width:100%; text-align: center;z-index: 11;}
.nnav a{font-size: 20px;color: #999;position: relative;padding:15px 10px;overflow: hidden;font-weight: bold;display: block;}
.nnav a.cur{color: #1a1a1a;}
.nnav a::after {content: '';width:100%;height: 2px;background: #38b25d;position: absolute;left:0;bottom:0px;display: none;}
.nnav a.cur::after {display: block;}
.nnav a:hover {color: #1a1a1a;}
.swiper-nnav {position: relative;text-align: right;}
.swiper-nnav .swiper-wrapper {display: block;}
.swiper-nnav .swiper-wrapper .swiper-slide {display: inline-block;vertical-align: top;width: auto;padding-left: 30px;}
.swiper-nnav .swiper-wrapper .swiper-slide a{display: inline-block;vertical-align: top;}


/* -- 翻页效果2 -- */
.m-page{margin-left:auto;margin-right:auto;clear:both;display:table;overflow:hidden;padding:40px 0}
.m-page a{float:left;background:#777; font-size: 14px;padding-left:10px;padding-right:10px;height:30px;line-height:30px;text-align:center;font-family:Arial;display:block;margin-right:4px;color:#fff;text-decoration:none;font-weight:700}
.m-page span{float:left;width:50px;height:30px;line-height:30px;text-align:center;font-family:"Lucida Console";display:block;margin-right:4px;color:#777}
.m-page a:hover,.m-page .Ahover{background:#38b25d;color:#fff}
.m-page a.nextPage,.m-page a.prePage{font-family:Tahoma}
.m-page .pagenum{float:left;display:table}
.m-page .hidden{display:none}

.yy-section { padding: 100px 0; overflow: hidden;}
.yy-section-img{width:50%; float:left;}
.yy-section-text{width:40%; margin:5%; float:right;}
.yy-section:nth-child(2n+2) .yy-section-img{float:right;}
.yy-section:nth-child(2n+2) .yy-section-text{float:left;}
.yy-section-text h3{font-size: 30px;}
.yy-section-text .text{margin:30px 0; line-height: 30px; text-align: left;padding: 0;}
.yy-section-text .tmore{position: relative;left: auto;top: auto;     width: 115px;}
.yy-section-text .tmore a {display: block;position: relative;font-size: 14px; font-weight: bold; padding-bottom: 20px; font-family: 'Conv_Montserrat-Bold';text-transform: uppercase;}
.yy-section-text .tmore a i{display: block;width: 16px;height: 10px;position: absolute;right: 0;top: 4px;background: url("../images/right1.png") center no-repeat;background-size: 100%;}
.yy-section-text .tmore a::after {content: '';width: 100%;height: 2px;background: #000;position: absolute;left: 0;bottom:0px;}
.yy-section-text .tmore a:hover {color: #000;letter-spacing: 1px;}
.yy-section-text .tmore a:hover i{right: 10%;}
.yy-section-text .tmore a:hover::after {background: #000;}

.casedesc{width:100%;display: table; margin-bottom: 50px;}
.casedesc p{width:20.5%; float:left; background: #f7f7f7; border:1px solid #e8e8e8; margin-bottom: 30px; font-size: 16px; margin-right:2%; height: 60px; line-height: 30px;  padding: 10px 1%;}
.casedesc p:nth-child(4n+4){margin-right: 0px;}

.hls-interpretation {padding:0 0 8%;overflow: hidden;}
.interpretationlist {padding:5% 0 0;overflow: hidden;}
.interpretation {overflow: hidden;position: relative;}
.interpretation .pic{width:67%;float: left;}
.interpretation .txt {position: absolute;width:33%;height: 100%;left:67%;top: 0;padding:5% 3% 5% 3%;overflow: hidden;}
.interpretation .txt h2{font-size: 60px; height: 60px;}
.interpretation .txt h4{font-size: 20px;}
.interpretation .txt h5{font-size: 14px;color: #666;line-height: 30px;font-weight: normal;padding: 30px 0;overflow: hidden;text-align: justify;}
.interpretation.int2 .pic{width:33%;float: left;}
.interpretation.int2 .txt {width: 26%;left: 33%;padding: 3% 4% 0 4%;}
.interpretation.int2 .pic:last-child{width:33%;float: right;}
.lang-en .interpretation.int2 .txt {padding: 5% 4% 0 4%;}

.feedback {overflow: hidden;padding-bottom: 130px;width: 1100px;margin:auto;text-align: center;}
.feedback li {width:32%;display: inline-block;margin:0.5%;text-align: left;overflow: hidden;}
.feedback li h5{font-size: 14px;padding: 10px 0;}
.feedback li .input3 {border: 2px solid #ccc;height: 50px;line-height: 50px;display: block;padding: 0 2%;width:94%;outline: none;}
.feedback li .input3:focus {border: 2px solid #000;}
.fbmain {display: inline-block;width:98%;padding:2% 0;text-align: left;overflow: hidden;}
.fbmain h5{font-size: 14px;padding: 10px 0;}
.textarea3 {border: 2px solid #ccc;height:150px;line-height: 24px;display: block;padding:1% 2%;width:calc(96% - 4px);outline: none;}
.textarea3:focus {border: 2px solid #000;}
.submit3 {height: 50px;line-height: 50px;background: #666666;color:#fff;font-size: 14px;text-align: center;width:30%;font-weight: bold;margin:20px auto;display: inline-block;cursor: pointer;outline: none;}
.submit3:hover {background: #38b25d;}

.searchs{ display: table; width: 100%;margin:0px auto;}
.searchb{}
.search_body {margin:0 auto 50px; width: 80%;}
.searchb form{font-size: 0;border: 1px solid lightgray;box-sizing: border-box; margin: 65px auto;width: 80%;}
.searchb form select{outline:none;border:none;display: inline-block;width: 140px;height: 47px;color: #2e4ba3;text-align: center;box-sizing: border-box;padding-left:50px;background: #f2f4f8;}
.searchb form input {display: inline-block;border: none;height: 47px;box-sizing: border-box;font-size: 13px;}
.searchb form input[type=text]{width: 72%;padding-left: 3%;}
.searchb form input[type=submit]{width: 28%;font-size: 18px;color: white;background: url(../images/ss.svg) no-repeat center center #38b25d; background-position-x: 80px;    background-size: 18px;cursor: pointer;}
.searchb input, .searchb button {vertical-align: middle;}

.hyzxbox ul {width: 80%;margin: 0 auto; padding: 0;}
.hyzxbox li{ border-bottom: 1px solid #eee; padding: 18px 0; cursor: pointer; list-style: none; display: table;}
.hyzxpic{float: left;width: 240px;height: 145px; overflow: hidden; margin-right: 20px;}
.hyzxpic a{display: inline-block;width: 100%; height: 100%;}
.hyzxpic img {width: 240px;height: 145px;object-fit: cover;}
.hyzxpicr{float: right;width: 520px;}
.hyzxpicr h2{position: relative;color: #000; margin: 0; font-size: 16px; line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hyzxpicr h2:after{content: '';width: 0; height: 1px; position: absolute;display: inline-block;left: 0; bottom:0; background: #38b25d; transition: all 0.2s;}
.hyzxpicr p{color: #999; font-size: 14px; line-height: 24px;height: 72px;overflow: hidden;margin:7px 0 9px}
.hyzxbox li:hover .misaicon6{ margin-right: 0;  }
.hyzxbox li:hover .misaicon6 b{ opacity: 1;color: #38b25d!important;}
.hyzxbox li:hover .misaicon6 i{  color:#38b25d !important;}
.hyzxbox li:hover .hyzxpicr h2 a,.hyzxbox li:hover .hyzxpicr h2{color: #38b25d !important;}
.hyzxbox li:hover .hyzxpicr h2:after{width: 100%;}



@media screen and (max-width: 1680px) {
   .hls-brand .concept {margin-top: 10%;}
}
/* 1440 */
@media screen and (max-width: 1440px) {
	.hls-brand .concept .main .text {width: 100%;font-size: 14px;line-height: 30px;}
	.hls-brand .advantage .main {width: 50%;padding: 5% 0 0 5%;}

}
/* 1366 */
@media screen and (max-width: 1366px) {
	.hls-brand .concept .main .text {width: 100%;font-size: 14px;line-height: 30px;}
	.hls-brand .advantage .main {width: 50%;padding: 5% 0 0 0;}
}
/* 1280 */
@media screen and (max-width: 1280px) {
  
}


/*产品列表页*/
.pro_main{width: 94%;box-sizing: border-box;overflow: hidden;     margin: 50px auto; /*max-width: 1400px;*/}
/*产品栏目*/
.pro_main .pro_nav_box{float: left;width: 387px;border-right: 1px solid #ebebeb;border-top: 1px solid #e8e8e8; border-bottom: 0px;box-sizing: border-box;}
.pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;}
.pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 72px;position: relative;transition: all .3s linear;background: #38b25d;}
.pro_main .pro_nav_box .nav_item .top_item a{width: 80%;height: 100%;font-size:18px; display: block;padding: 0px 10%;  color: #fff;}
/*鼠标经过*/
.pro_main .pro_nav_box .nav_item:hover .top_item{background: #38b25d;}
.pro_main .pro_nav_box .nav_item:hover .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*点击展开*/
.pro_main .pro_nav_box .nav_item.on .top_item{background: #38b25d;}
.pro_main .pro_nav_box .nav_item.on .top_item a{width: 80%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}

/*子栏目定位*/
.pro_main .pro_nav_box .nav_item.active .top_item{background: #38b25d;}
.pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}


.pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;}


/*.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}*/
.pro_main .pro_nav_box .nav_item .top_item .plus .pbox{position:relative;}
.pro_main .pro_nav_box .nav_item .top_item .plus .pbox::after{content:"+";font-size:36px;color:#cbcbcb; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;}
.pro_main .pro_nav_box .nav_item .top_item:hover .plus .pbox::after{color:#fff;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus .pbox::after{color:#38b25d;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus .pbox::after{content:"";width:18px;height:2px;background:#fff;top:35px;left:28px;}


.pro_main .pro_nav_box .nav_item .sub{padding:18px 0px;display: none;background:#f7f7f7;}
.pro_main .pro_nav_box .nav_item .sub li{padding: 0px 30px;line-height: 45px;}
.pro_main .pro_nav_box .nav_item .sub li a{box-sizing:border-box; display:block; font-size:16px; transition: all .3s linear; width: 100%;padding-right: 30px;box-sizing: border-box; height: 100%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #000; font-weight: bold; border-bottom: 1px solid #ddd;}
.pro_main .pro_nav_box .nav_item .sub li .sub2a{font-size: 14px !important; font-weight: 500 !important; border-bottom: 0px !important; padding-left: 20px;}
.pro_main .pro_nav_box .nav_item .sub li a:hover{border-bottom:1px solid #cccccc; text-indent: 10px;font-weight: bold;color: #38b25d;}
.pro_main .pro_nav_box .nav_item .sub li.on a{border-bottom:1px solid #cccccc;text-indent: 10px;font-weight: bold;color: #38b25d;}

/*产品列表*/
.pro_main .pro_list_box{float: right;width: calc( 100% - 387px );margin-bottom: 50px;     border-top: 1px solid #e8e8e8;}
.pro_main .pro_list_box ul{overflow: hidden;}
.pro_main .pro_list_box ul li{float: left; width: 25%;}
.pro_main .pro_list_box ul li .item_box{position: relative;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
.pro_main .pro_list_box ul li .item_box .img_box img{width: 100%;height: auto;display: block;transition:all 220ms linear;}

.pro_main .pro_list_box ul li .item_box .img_box{overflow:hidden;}
.pro_main .pro_list_box ul li .item_box:hover .img_box img{transform:scale(1.1);}
.pro_main .pro_list_box ul li .item_box .con_box{width: 100%;text-align: center; bottom: 0px;left: 0px;}
.pro_main .pro_list_box ul li .item_box .con_box .line{width: 22px;height: 2px;background: #38b25d;margin: 0px auto;margin-bottom: 15px;}
.pro_main .pro_list_box ul li .item_box .con_box .title{text-align: center; font-size: 16px; line-height: 30px; color: #111111; padding: 10px 20px 20px !important; height: 80px;}

.pro_main .pro_list_box ul li .item_box:hover .con_box .title{color:#38b25d;}
.pro_main .pro_list_box ul li .item_box .tools{visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.91);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear; }
/*.pro_main .pro_list_box ul li .item_box:hover .tools{visibility: visible;opacity: 1;filter: alpha(opacity=100); }*/
.pro_main .pro_list_box ul li .item_box .tools .item{box-sizing: border-box; width: 50%;height: 50%;float: left;display: table;transition: all .3s linear;}
.pro_main .pro_list_box ul li .item_box .tools .item:hover{background: rgba(18,58,109,0.95);}
.pro_main .pro_list_box ul li .item_box .tools .item a{display: table-cell;vertical-align: middle;text-align: center;}
.pro_main .pro_list_box ul li .item_box .tools .item .title{font-size: 14px;color: #FFFFFF;}

.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(1){border-right: 1px solid #FFFFFF;}
.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(3){border-right: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;}
.pro_main .pro_list_box ul li .item_box .tools .item:nth-child(4){border-top: 1px solid #FFFFFF;}

.hls-page-news {overflow: hidden;padding: 0}
.hls-page-news .inewslist {padding:3% 0 3% 0;}
.hls-page-newsdetail {width:1000px;margin: auto;overflow: hidden;padding:5% 0;}
.hls-page-newsdetail .title {text-align: center;border-bottom: 1px solid #e7e9ef;padding: 10px 0;overflow: hidden;}
.hls-page-newsdetail .title h2{font-size: 30px; line-height: 40px; font-family: 'Conv_Montserrat-Bold',"微软雅黑","黑体",'宋体',Arial;}
.hls-page-newsdetail .title h5{font-size: 14px;color: #999;font-weight: normal;padding: 20px 0;display: block;overflow: hidden;}
.newsdetail {padding:5% 0;overflow: hidden;font-size: 14px;color: #666;line-height: 26px;}
.newsdetail img,.newsdetail video {max-width: 100%;display: inline-block;width: auto;}
.news-detail-page {width:100%;margin:50px auto;padding:30px 0; position: relative;border-top: 1px solid #1a1a1a;border-bottom: 1px solid #1a1a1a;overflow: hidden;}
.news-detail-page a {display: block;position: absolute;top:50%;margin-top: -10px; font-size: 14px;color: #1a1a1a;font-weight: bold;}
.news-detail-page a:hover {color: #38b25d;}
.news-detail-page a.prev {left: 0; background: url("../images/left-h.svg") left center no-repeat;background-size:13px;padding-left: 50px;}
.news-detail-page a.next {right: 0;background: url("../images/right-h.svg") right center no-repeat;background-size:13px;padding-right: 50px;}
.news-detail-page a.return {position: relative;top:auto;margin: auto;width: 90px;text-align: center;}
.news-detail-page a.prev::before {content: '';width: 1px; height: 100%;background: #e8e8e8;position: absolute;top: 0;left:30px;}
.news-detail-page a.next::after {content: '';width: 1px; height: 100%;background: #e8e8e8;position: absolute;top: 0;right:30px;}


@media only screen and (max-width:1440px ) {
	
	.pro_main .pro_nav_box{width: 300px;}
	.pro_main .pro_list_box{width: calc( 100% - 300px );}
	.pro_main .pro_list_box ul li{width: 33.333333%;}
	.pro_main .pro_nav_box .nav_item .top_item a{font-size: 14px;}
	.gpCl-text .gt-p p{font-size: 14px;}
	
}
@media only screen and (max-width:1200px ) {
	
	.pro_main .pro_nav_box{width: 280px;}
	.pro_main .pro_list_box{width: calc( 100% - 280px );}
}
@media only screen and (max-width:1024px ) {
	
	.pro_main .pro_list_box ul li{width: 50%;}
}

@media only screen and (max-width:900px ) {
	
	.pro_main .pro_nav_box{width: 260px;}
	.pro_main .pro_list_box{width: calc( 100% - 260px );}
}

@media only screen and (max-width:768px ) {
	.pro_main{margin-top: 0px;}
	.pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;}
	.pro_main .pro_list_box{width: 100%;}
	.pro_main .pro_nav_box .nav_item .top_item{line-height: 50px;}
	.pro_main .pro_nav_box .nav_item .sub li{line-height: 30px;    padding: 0 5%;width: 40%;float: left;}
	.pro_main .pro_nav_box .nav_item .top_item .plus{width: 50px;height: 50px;line-height: 50px;font-size: 26px;}
	.pro_main .pro_nav_box .nav_item .top_item .plus .pbox::after{width:50px; height: 50px; line-height: 50px;}
	.pro_main .pro_nav_box .nav_item.on .top_item .plus .pbox::after{top:24px; left:22px;}
	.pro_main .pro_nav_box .nav_item{float:left;}
	.pro_main .pro_nav_box .nav_item .sub{float:left;}
	.pro_main .pro_list_box ul li .item_box{ border: 1px solid #e8e8e8;}
}

@media only screen and (max-width:480px ) {
	.pro_main .pro_list_box ul{padding: 0px 10px;}
	.pro_main .pro_list_box ul li{width:100%;margin-bottom: 20px;}
	
}

@media only screen and (max-width:375px ) {
	.pro_main .pro_list_box ul li{width:100%;margin-bottom: 12px;}
}

.product_box {
    margin: 0 auto;
    width: calc(100% - 387px);
    float: left;
}
.box_top {
    display: table;
    width: 100%;
}
.prode{padding: 0px 0 50px 3%; width: 100%;display: table; }
.proleft{width:50%;float:left;}
.proright{width:45%; float:right;}
.text { margin-top: 16px; text-align: center; padding: 0px 0 50px 3%; width: 97%;}
.text img{max-width: 100%;}
.box_top .text{text-align: left !important; line-height: 30px; }
.text h2{ border-bottom:2px solid #38b25d; color:#38b25d; width: 100%; text-align: left; margin-top:20px; padding: 5px 0; margin-bottom: 10px;}
.title2 {
    text-align: center;
    margin-top: 50px;
}
.title2 .en {
    font-size: 28px;
    line-height: 32px;
    color: #38b25d;
    font-weight: 700;
}
.position2{width:100%; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px;}
.position2 a{color:#666;}
.sellbox{margin-top: 50px;}
.zx{display: block;width: 172px;height: 53px;float: left;font-size: 20px;color: #fff;line-height: 53px;background: #183883;text-align: center;text-decoration: none;}
.zx img{position: relative;margin-left: 12px;}
.zx a:hover{color:#5d92fe;}
.phone{float: left;margin-top: 6px; background: #f7f7f7; padding: 10px 20px;}
.phone span{display: block;font-size: 13px;color: #666666;}
.phone em{display: block;font-size: 24px;color: #38b25d;font-family: arial;line-height: 20px;}

.pageurl{padding:50px 0px; margin:0 auto; text-align:right}
.pageurl>a{display:inline-block;margin-left:10px;border:1px solid #ddd; color:#38b25d; border-radius:3px;font-size:14px;padding:15px 30px;transition:all .35s}
.pageurl>a.back{background:#38b25d!important;border:1px solid #38b25d;color:#fff!important}
.pageurl>a.no{color:#ddd!important}

@media (max-width: 1440px){
.main.product .wrap .container .product_box {
    width: calc(100% - 300px);
}
}

.pageAbout {
	position: relative;background: #38b25d;
    margin-top: 100px;
}

.pageAbout .video {
	margin: 20px 0 0
}

.ptop80 {
	padding-top: 60px
}

.pbot80 {
	padding-bottom: 80px
}

.mtop60 {
	margin-top: 60px
}

.mbot60 {
	margin-bottom: 60px
}

.group-profile {
	margin-bottom: 45px
}

.gp-title {
	width: 100%;
	padding-top: 45px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	position: relative;
}

.gp-title::after {
	content: '';
	width: 60px;
	height: 1px;
	background: #38b25d;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: .7
}

.gp-title h3 {
	padding-bottom: 5px;
	font-weight: 400;
	font-size: 40px;
	color: #fff
}

.gp-title p {
	color: #fff;
	font-size: 40px;
	height: 50px;
	font-weight: 600;
	text-transform: uppercase
}

.gp-cont {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	flex-wrap: wrap;
	padding-bottom: 50px;
}

.gpC-left {
	width: 54%
}


.gpCl-text {
	width: 100%
}

#_ScrollPlate.home-page {
	position: absolute;
	width: 100vw;
	left: 0;
	top: 0
}

.gt-h3 {
	color: #38b25d;
	padding-bottom: 10px
}

.gt-h3 h3 {
	font-weight: 400;
	font-size: 24px
}

.gt-h3 h3 span {
	font-size: 16px;
	text-transform: uppercase;
	margin-left: 15px
}

.gpCl-text .gt-p {
	line-height: 1.7;
	margin-bottom: 30px;
	font-size: 14px
}

.gpCl-text .gt-p p {
	padding-bottom: 15px;
	color: #fff;
	font-size: 16px
}

.gt-span {
	opacity: .5;
	margin-bottom: 40px
}

.gt-ul {
	width: 100%
}

.gt-ul ul {
	width: 100%;
	display: flex;
	justify-content: space-between
}

.gt-ul ul li {
	width: 25%;
	text-align: center;
	position: relative;
	background-size: 32px 32px;
	background-position: top center;
	background-repeat: no-repeat
}

.gt-ul ul li p {
	padding-top: 50px;
	color: #38b25d;
	font-size: 44px;
	font-weight: 700;
}

.gt-ul ul li span {
	opacity: .5
}

.gt-ul ul li::after {
	content: '';
	width: 1px;
	height: 80px;
	background: #000;
	position: absolute;
	right: 0;
	top: 20px;
	opacity: .2
}

.gt-ul ul li:nth-child(4)::after {
	opacity: 0
}

.gpC-right {
	width: 42%;margin-top: -350px;
}
._w1200,._w1300,._w1400,._w1500,._w1600{width:1400px;height:auto;position:relative;margin:auto;}
/*._w1200 img,._w1300 img,._w1400 img,._w1500 img,._w1600 img{width:100%;}*/
@media screen and (max-width:1600px){
._w1300,._w1400,._w1500,._w1600{width:1400px;}
}
@media screen and (max-width:1444px){
._w1200,._w1300,._w1400,._w1500,._w1600{width:1200px}
}


.tac-title {
	color: #fff;
	padding-bottom: 25px;
	background: url(../images/jrtl-title.png) no-repeat left top;
}

.tac-title h3 {
	font-size: 20px;
	font-weight: 400;
	padding-bottom: 5px
}

.tac-title p {
	opacity: .7;
	font-weight: 700;
	text-transform: uppercase
}


.recruitment {
	width: 100%
}

.recruitment ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.recruitment ul li {
	width: 49%;
	display: flex
}

.recruitment.hrPageList ul li:nth-child(3),
.recruitment.hrPageList ul li:nth-child(4) {
	margin-top: 20px
}

.recruitment.hrPageList {
	margin-bottom: 50px;
	margin-top: 45px
}


.rL-left {
	width: 40%;
	background: #38b25d;
	padding: 5%;
	height: 78%;
	position: relative;
	float:left;
}

.rL-left a {
	display: block;
	height: 100%;
	width: 100%;
	position: relative
}

.rLl-p {
	width: 100%;
	height: auto;
	color: #fff;
	padding-right: 10px;
	overflow: hidden;
	margin-bottom: 10px;
	line-height: 2;
	opacity: .7
}

.rL-right {
	width: 48%; float:right;
}

.joinus {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 60px;
}

.joinusBox {
	display: flex;
	justify-content: space-between
}

.joinus .L {
	width: 68%;
	position: relative;
	background: #f7f7f7;
}

.joinus .R {
	width: 30%;
}
.joinRight {
	width: 100%;
	height: auto;
	background: #f7f7f7;
	padding-bottom: 40px
}

.jR-title {
	color: #38b25d;
	padding: 25px 25px 15px;
	font-size: 20px;
	border-bottom: 1px solid rgba(196, 37, 42, .2)
}

.jR-title h3 {
	font-weight: 400
}

.jR-cont {
	padding: 35px 30px 25px;
	color: #38b25d;
	line-height: 1.7
}

.jR-cont .summary {
	margin-top: 25px
}

.jR-cont .summary .infor {
	opacity: .7;
	display: flex;
	font-size: 14px;
	flex-wrap: wrap
}

.jR-cont .summary .infor+.infor {
	margin-top: 10px
}

.jR-cont .summary .laber {
	width: 70px;
	text-align-last: justify
}
._join.join2,
._join_nav {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow: inherit
}

._join.join2 .hrList {
	width: 100%
}

._join.join2 ul {
	width: 100%
}

._join.join2 ul li {
	margin-bottom: 0
}

._join.join2 ul li+li {
	border-top: 1px solid #f5f5f5
}

._join.join2 ul li .title {
	padding: 30px 0;
	display: flex;
	cursor: inherit
}

._join.join2 ul li .title b,
._join.join2 ul li .title i {
	top: 27px
}

._join.join2 ul li .title h3 {
	color: #38b25d;
	font-weight: 400;
	width: 100%
}

._join.join2 ul li .title a {
	width: 104px;
	height: 34px;
	font-size: 12px;
	border: 1px solid #38b25d;
	text-align: center;
	line-height: 34px;
	color: #38b25d;
	position: absolute;
	right: 10px;
	transition: ease .5s
}

._join.join2 ul li .title a span {
	height: 20px;
	width: 20px;
	color: #38b25d;
	font-size: 18px;
	vertical-align: sub;
	margin-right: 5px;
	transition: ease .5s
}

._join.join2 ul .title h3 span {
	width: calc(100% / 3);
	display: inline-block;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	padding: 0 10px;
	color: #3e3e3e;
	display: inline-block
}

._join.join2 ul li .title .join2-cont {
	width: auto
}

._join.join2 ul li .title .join2-cont p {
	padding: 0 15px;
	opacity: .7;
	line-height: 28px;
	position: relative
}

._join.join2 ul li .title .join2-cont p::after {
	content: '';
	width: 1px;
	height: 15px;
	background: rgba(0, 0, 0, .1);
	position: absolute;
	right: 0;
	top: 5px
}

.JobTitle {
	display: block;
	width: 100%;
	overflow: hidden;
	background: #38b25d
}

.JobTitle span {
	width: calc(100% / 3);
	display: inline-block;
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	line-height: 66px;
	float: left
}

.newsList {
	margin-bottom: 45px
}

.newsList ._news {
	padding-top: 0;
	margin-top: 20px
}

._news.news2 ul{display:flex;justify-content:space-between;flex-wrap:wrap}
._news.news2 ul li{width:32.5%;height:auto;margin-bottom:20px}
._news.news2 ul li:nth-child(3n) {margin-right: 0}
._news.news2 ul li:hover{background: #38b25d;}
._news.news2 ul li .news_thum{position:relative;height:auto;overflow:hidden;width:100%}
._news.news2 ul li .img{display:block;width:calc(100% - 2px);height:250px;background:center center no-repeat;background-size:cover;border: 1px solid #f7f7f7; border-bottom: 0;}
._news.news2 ul li .news_time{width:auto;height:auto;line-height:35px;position:absolute;padding:0 10px;font-size:12px;left:0;bottom:0;color:#fff;background:rgba(0,0,0,.1);font-family:helveticaneuethn;transition:all .36s ease 0s}
._news.news2 ul li .news2_des{width:100%;height:auto;padding:20px;background: #f7f7f7;box-sizing:border-box;transition:all .36s ease 0s}
._news.news2 ul li .news2_des b{display:block;font-weight:400;font-size:18px;line-height:35px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:10px;color:#3e3e3e;padding-bottom:5px;position:relative}
._news.news2 ul li .news2_des b:after{width:0;height:1px;position:absolute;left:0;bottom:0;background:#fff;transition:all .36s ease 0s}
._news.news2 ul li .news2_des .text{display:block;line-height:24px;height:48px;font-size:12px;overflow:hidden;padding-bottom: 0;}

.cu-cont {
	width: 100%;
	margin-bottom: 35px;
	box-shadow: 0 1px 3px rgba(34, 25, 25, .2)
}

.cu-cont ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap
}

.cu-cont ul li {
	width: calc(33% - 50px);
	padding: 50px 0 50px 50px;
	position: relative
}

.cu-cont ul li h3 {
	font-size: 22px;
	color: #38b25d;
	font-weight: 400;
	padding-bottom: 15px
}

.cu-cont ul li p {
	font-size: 16px;
	opacity: .7;
	padding-bottom: 28px
}

.cu-cont ul li span {
	display: block;
	padding-left: 55px;
	color: #38b25d;
	font-size: 19px;
	line-height: 40px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-image: url(../images/jtjj-dianhua2.png);
	background-size: 37px 31px
}

.cu-cont ul li span:nth-child(4) {
	background-image: url(../images/jtjj-youxiang.png)
}

.cu-cont ul li::after {
	content: '';
	height: 215px;
	width: 1px;
	background: rgba(0, 0, 0, .1);
	position: absolute;
	top: 50px;
	right: 0
}



.cu-cont ul li:nth-child(3)::after {
	background: rgba(0, 0, 0, 0)
}

.cu-cont ul li:nth-child(3) .cc-img {
	width: 100%;
	padding: 80px 130px 15px
}

.cu-cont ul li:nth-child(3) .cc-p {
	text-align: center
}