.clear{ clear:both}
.clear:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear {zoom:1; }

html, body {font-family: "Montserrat-Medium",  "Arial", "Helvetica", "sans-serif" !important;width: 100%;color: #333;margin: 0 auto;-webkit-overflow-scrolling: touch; overflow-x: hidden;}


#header{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;
    position:absolute; left:0; top:0; width:100%; z-index:999; background: #0eb767;}
#header:after{content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#ededed; opacity:.2}
.header_mid{ position:relative; margin:0 3.64583333333333%;}
.header_mid_mid{text-align:center;}
.header_mid_mid ul{display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between;width:35.4375em; margin: 0 auto}
.header_mid_mid ul li{display:inline-block; z-index:1;  position:relative;}
.header_mid_mid ul li dl{  padding:1em 0; display:none;position:absolute; left:-8.71875em;background-color:rgba(0,0,0,.7); width: 20em}
.header_mid_mid ul li dl a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; font-size:18px;color:#fff; display:block; padding:15px 0; color:#ddd;}
.header_mid_mid ul li dl a:hover{background-color:#0eb767;}
.header_mid_mid ul li a.biga{ position:relative;color:#fff; display:block; height:5.57291666666667vw; line-height:5.57291666666667vw; }
.header_mid_mid ul li a.biga:after{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; z-index:10;
    content:''; bottom:0px; position:absolute; height:3px; background-color:#0eb767; left:50%; width:0;}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{
    width:100%; left:0;}
.header_logo{ text-align:center; z-index:10;position:absolute; left:3%; top:50%;transform:translate(-20%, -50%);width:15.42708333333333vw;}
.header_mid_left{position:absolute; left:0; top:50%;transform:translateY(-50%);}
.header_mid_right{position:absolute; right:0; top:50%;transform:translateY(-50%); color:#fff; font-size: 22px}
.header_mid_right i{ padding-right:0; display:inline-block; font-size: 1.3em}

.header_mid .right2{  height: 40px; z-index: 14; line-height:34px;	font-size: 16px; text-align: center; position:absolute; right:11%; top:50%;transform:translateY(-50%); color:#fff;  }
.header_mid .right2 i{font-size: 22px; display: inline-block; margin-right: 10px}
.header_mid .right2 a{ display: inline-block; 	border-radius:15px; vertical-align: middle; }
.right2 a.glass{ width: 30px; 	background-position: center; background-repeat: no-repeat;}

.right2 a.glass.on{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.right2 a.glass.on{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}

.topsouout{ padding:5px 0 15px 0; position: absolute; display: none;	z-index: 8; width: 100%; right:0; top:100%; font-size: 16px;  height: 80px;}
.topsouout .topsou{ position: absolute; width: 700px;  height:47px;  background-color: #fff;left: 50%;margin-left: -350px; overflow:hidden;}
.topsou .shuru{ width: 100%; height:100%; background-color:#fff; border:none; color:#666; text-indent:20px;outline: none;}

.topsou .anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;  background-color: #0eb767; color: #fff; text-align: center; -webkit-transition: .3s; transition: .3s;}
.topsou .anniu:hover{ background-color: rgba(0,0,0,0.8);}

.menu-toggler{top:50%;right:0px; z-index:10; cursor:pointer;width:20px;height:20px;position:absolute;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}.menu-toggler .line{top:50%;left:50%;width:100%;height:1px;margin-top:-1px;position:absolute;background:#fff;-webkit-transform:translate3d(-50%,0%,0);transform:translate3d(-50%,0%,0);display: none}
.menu-toggler .line-1{width:100%;-webkit-transform:translate3d(-50%,-6px,0);transform:translate3d(-50%,-6px,0);-webkit-animation:toggler-open-line-1 1500ms 1 normal forwards;animation:toggler-open-line-1 1500ms 1 normal forwards;}
.menu-toggler .line-2{-webkit-transition:all 300ms linear;transition:all 300ms linear; }
.menu-toggler .line-3{width:100%;-webkit-transform:translate3d(-50%,6px,0);transform:translate3d(-50%,6px,0);-webkit-animation:toggler-open-line-3 1500ms 1 normal forwards;animation:toggler-open-line-3 1500ms 1 normal forwards;}
.menu-toggler.close .line-1{-webkit-animation:toggler-close-line-1 1500ms 1 normal forwards;animation:toggler-close-line-1 1500ms 1 normal forwards;}
.menu-toggler.close .line-2{width:0;}
.menu-toggler.close .line-3{-webkit-animation:toggler-close-line-3 1500ms 1 normal forwards;animation:toggler-close-line-3 1500ms 1 normal forwards;}
@-webkit-keyframes toggler-open-line-1{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@keyframes toggler-open-line-1{0%{transform:translate3d(-50%,0px,0) rotate(45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,-6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-open-line-3{0%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}}
@keyframes toggler-open-line-3{0%{transform:translate3d(-50%,0px,0) rotate(-45deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,6px,0) rotate(0deg);}}
@-webkit-keyframes toggler-close-line-1{0%{-webkit-transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(45deg);}}@keyframes toggler-close-line-1{0%{transform:translate3d(-50%,-6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(45deg);}}
@-webkit-keyframes toggler-close-line-3{0%{-webkit-transform:translate3d(-50%,6px,0) rotate(0deg);}50%{-webkit-transform:translate3d(-50%,0px,0) rotate(0deg);}100%{-webkit-transform:translate3d(-50%,0px,0) rotate(-45deg);}}
@keyframes toggler-close-line-3{0%{transform:translate3d(-50%,6px,0) rotate(0deg);}50%{transform:translate3d(-50%,0px,0) rotate(0deg);}100%{transform:translate3d(-50%,0px,0) rotate(-45deg);}}
.header_logo img:nth-child(2){display:none}


.bodyon .header_logo img:nth-child(2){display:block}
.bodyon .header_logo img:nth-child(1){display:none}
.bodyon #header{ position:fixed;background-color:#fff;}
.bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right a,.bodyon .header_mid .right2{color:#000;}
.bodyon .menu-toggler .line{background-color:#000}
.bodyon2 #header{transform:translateY(-100%);-webkit-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; transition-duration: 0s;}

.bodyon #header .header_mid_right{  color: #000}
.bodyon #header .header_mid_right i{color: #000}

/*********index**************/
.indexpro_act_mid{position:relative}
.indexpro_act_mid:after{ display: block; width: 100%; height: 100%; background: url(../images/index/img27.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; content:''; position:absolute; left:0; top:-10px; background-position:center }

@keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@media screen and (max-width:1440px) {
    .header_logo{left: 5%}
    .header_mid .right2{font-size: 14px; height: 32px ; line-height:28px; right: 12%}
    .right2 a.glass{width: 80px; }
}

@media screen and (max-width:1280px){
    .header_mid_right{display: none}
}

@media screen and (max-width:1023px){
    #header { position: fixed}
        .header_mid .right2{display: none}
    .menu-toggler .line{display: block}
    .header_logo{left: 10%; width: 65%}
}
/******手机端menu************/
.navwrap {position: fixed;top: 80px;right: -80%;width: 80%;height:calc(100vh - 80px);z-index: 888;background-color: #fff; opacity: 0; display:none;}
@media screen and (max-width:1200px) {
    .navwrap{display:block}
}
@media screen and (max-width:640px) {
    .css_animation{width:80px; height:80px;}
    .navwrap {	top: 60px;height:calc(100vh - 60px);}
}
.navwrap .nav {
    padding: 10px 5% 0px 5%; border-top:1px #dedede solid;
}
.navwrap .nav li {line-height: 42px;border-bottom: 1px solid #dedede;padding: 0px;}
.navwrap .nav li a {display: block;color: #000;font-size: 16px;}
.navbg {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 555;display: none;}
.navbg .closeSJ {position: absolute;right: 24px;top: 18px;}
.navwrap .nav .SJbod {display: none;}
.navwrap .nav .SJbod dd a {height: auto;line-height:18px;padding: 15px 0; font-size: 14px;}
.navwrap .nav .plus a {background: url(../images/plus.png) right center no-repeat;}
.navwrap .nav .minus a {background: url(../images/minus.jpg) right center no-repeat;}

/*********展开导航************/
#sitemapContent{	position:fixed; top:0; left:0; right:0; bottom:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;   z-index:-1;-webkit-transition:all 0.3s  0.5s;transition:all 0.3s  0.5s;}
#sitemapInnerCon{position:absolute; top:0; left:0; bottom:0; left:75px; right:75px; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1); }
#sitemapContent .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#sitemapContent .visual-intro-item{float:left; position:relative; height:100%;}
#sitemapContent .visual-intro-item:before{position:absolute;  left:0; top:0px; width:1px; height:0; content:""; background-color:rgba(255,255,255,0.1); z-index:1; }
#sitemapContent .visual-intro-item:first-child:before{display:none}
#sitemapContent .visual-intro-item:after{	content:""; position:absolute; right:0; top:0px; width:100%; height:100%; background: #505050; -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
    transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s ;}
#sitemapContent .sitemap-close-btn{position:absolute; top:0; left:0; width:75px; height:75px; border:none; background:none; cursor:pointer; background-color:#505050;}
#sitemapContent .sitemap-close-btn i{ position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover; height:48.88888888888889%; width:48.88888888888889%; background-image:url(../images/close.png);transform:translate(-50%, -50%); left:50%; top:50%}


.sitemap-wrapper-style02{height:100%; }
.sitemap-wrapper-style02 > ul{overflow:hidden; position:relative; z-index:1; top:50%; transform:translateY(-50%); margin-top:-2%}
.sitemap-wrapper-style02 > ul > li{overflow:hidden; float:left; width:16.666666%;height:100%;}
.sitemap-wrapper-style02 > ul > li > h2{overflow:hidden; color:#fff; font-weight:normal; font-size:30px; letter-spacing:-0.5px; margin:0% 15% 0 19%;   line-height:1.2; display:table; height:70px}
.sitemap-wrapper-style02 > ul > li > h2 span{display:table-cell; vertical-align:top}
.sitemap-wrapper-style02 > ul > li > h2.hide{opacity:0}
.sitemap-wrapper-style02 > ul > li > h2 a{color: #fff;}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a{overflow:hidden; position:relative; display:inline-block;  margin:12px 15% 12px 19%; color:#c3c3c3; font-size:16.5px; letter-spacing:-0.5px;   line-height:1.6;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span{position:relative; display:inline-block; z-index:1; padding-left:9px;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span:before{position:absolute; content:"-"; left:0; top:0;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a .gnb-icon{display:none;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover{color:#fff; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover:after{width:100%; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3{margin:0 15% 0 19%; padding:19px 0; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#5e5e5e; overflow:hidden }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{display:block; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep .gnb-3dep{padding-bottom:15px}

.sitemap-wrapper-style02 ul li span,.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{opacity:0;filter:Alpha(opacity=50);-webkit-transform:translateX(-5%);transform:translateX(-50%);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; }

#sitemapContent.open{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; background: url('../images/navbg.jpg') no-repeat center top;;-webkit-transition:all 0.3s  0s; transition:all 0.3s 0s;}
#sitemapContent.open .visual-intro-item:before{height:100%;}
#sitemapContent.open .visual-intro-item:after {width:0;}
#sitemapContent.open .visual-intro-item {-webkit-transform: scaleX(1);transform: scaleX(1); transform-origin:right top; transition-property: transform; width:16.666666666666668%}
#sitemapContent.open .sitemap-wrapper-style02 ul li span,#sitemapContent.open .sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateX(0);
    transform:translateX(0);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); }

@media (max-width:1023px){
    .header_mid_mid ul{	display:none;}
    .header_mid_mid{	height:5em;}
}


/* #banner */
.block{display: block;}
.none{display: none;}
#banner {width:100%; position:relative; z-index:0; overflow:hidden;}
#banner .txt .main{width:90%;margin:0 auto}
#banner .txt .main2{width:100%; padding:0 10% 0 55%}
#banner .txt{position:absolute;z-index: 999;left:0;top:0; width:100%; height:100%; display: flex; flex-direction:column; justify-content:center;  }
#banner .txt div.yea{  transform:translateY(200px);opacity:0;transition:all 0.3s; width:25px;height: 4px;background: #fff; margin:  0 auto 35px auto;  }
#banner .txt p{font-size:22px; transform:translateY(200px);opacity:0;transition:all 0.6s;  color: #fff;   text-align: center;}
#banner .txt em{font-size:0.7rem; transform:translateY(400px);opacity:0;transition:all 0.6s;  color: #fff;   text-align: center; display: block; font-weight: bold; font-style:normal;     font-family: 'Poppins';}
#banner .txt strong{font-size:62px; color:#fff;  transform:translateY(200px);opacity:0;transition:all 0.9s; line-height: 1.8;display: block;  text-align: center; letter-spacing:2px;text-transform:capitalize}
#banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; margin:2% 0 0 0  }
#banner .swiper-slide-active .txt .yea,#banner .swiper-slide-active .txt em,#banner .swiper-slide-active .txt p,#banner .swiper-slide-active .txt strong,#banner .swiper-slide-active .txt .viewmore{transform:translateY(0px);opacity:1; transition-delay:0.5s;}
#banner .swiper-slide .pic {position:relative; z-index:1; height:90vh; margin-top: 70px;}
#banner .swiper-slide .pic img{width:100%;height:100%; object-fit: cover; transition: all 4s; }
.viewmore {position: relative;}
.viewmore a{pointer-events: all; display: block;width: 190px; font-size:18px;line-height:58px;   color:#fff;background-image: -webkit-linear-gradient(left,#0eb767, #07a6a4);
; border-radius: 50px;  position: relative;transition:all 0.3s; text-align: center;margin:2% auto 0 auto }
.viewmore a i{width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px;  }
.viewmore a:after { position:absolute; right:0; top:0; content: ""; width:0; height:100%; transition:0.6s all;}
.viewmore a:hover:after{width:100%; left:0;}
#banner .swiper-pagination-bullet{width: 10px;height: 10px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;opacity: 1.0; font-size:0;}
#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px; }
#banner .swiper-pagination{bottom:20px;}

@media (max-width:1280px){
    #banner .txt strong{font-size:52px;}
    #banner .swiper-slide .pic{height: 85vh}
}


@media (max-width:1023px){
    #banner .txt strong{font-size:26px;}
    #banner .txt p{font-size: 18px; padding-top: 0}
    #banner .swiper-slide .pic{height: 65vh}
    .viewmore a{width: 150px; height: 50px; line-height: 50px; font-size: 16px}
}



/*公司简介*/
.homeAbout {background: url(../images/aboutbg.jpg) no-repeat center bottom; }
.homeAbout .flexBetween{display: -webkit-flex;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;
    -ms-flex-pack: justify;justify-content: space-between;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding: 4% 0;}
.homeAbout .boxLeft {width:55%;; padding:3% 4% 10% 4%}
.index-circle{    align-items: center;margin-left: -4px;margin-top: var(--size-10);}
.index-circle>i {content: '';display: block;width: 8px;height: 8px;border-radius: 50%;background-color: var(--color-dominant);margin-left: 4px;}
.homeAbout h3{margin-top: 4%}
.homeAbout h3 em{-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-image: -webkit-linear-gradient(left,#0eb767, #07a6a4);display: block}
.homeAbout p{margin-top: 4%; line-height: 31px}
.homeTitle .desc {padding:3% 0 4% 0;}
.homeAbout .boxLeft .content1 {font-size: 18px;color: #666;line-height:36px;}
.homeAbout .boxLeft .content2 {margin-top:80px;}
.homeAbout .boxRight {position: relative; width: 45%;}


.index_link .a {font-size: 16px;color: #fff;line-height: 48px;border-radius: 25px;border: 1px solid #fff;display: inline-block;padding: 0 25px;-webkit-transition: 0.4s;
    -o-transition: 0.4s;transition: 0.4s;}
.index_link .a i {font-size: 26px;margin-left: 22px;display: inline-block;-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff}
.index_link .a:hover {border-color: transparent;-webkit-box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.4);box-shadow: 0px 0px 12px rgba(255, 255, 255, 0.4);}
.index_link .a:hover i {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
.index_link1 .a {background: #cb272a;border-color: #cb272a;}
.index_link1 .a:hover {-webkit-box-shadow: 0px 0px 12px rgba(15, 64, 127, 0.4);box-shadow: 0px 0px 12px rgba(15, 64, 127, 0.4);}



.about_two{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.about_two .about_img{background:url(../images/about_b.jpg) no-repeat center top; width: 50%}
.about_two .about_cont{width: 50%; padding:5% 5% 5% 5%; background: #0eb767; color: #fff;}
.about_two .about_cont p{ line-height: 30px;;}
.about_two .about_cont .comMore{background: #333}


@media screen and (max-width: 1023px) {
    .about_two{display: block}
    .about_two .about_img{width: 100%; height: 290px;background-size: 100%}
    .about_two .about_cont{width: 100%;}
}


@media screen and (max-width: 1280px) {
    .homeTitle .desc{font-size: 35px; font-weight: bold}
    .homeAbout .boxLeft .content1{font-size: 16px; line-height: 31px}
    .homeAbout .boxRight ul li{width: 300px; height: 200px}
    .homeAbout .boxRight ul li .shang span{font-size: 65px}
}

@media (max-width:750px){
    .homeAbout .flexBetween{display: block}
    .homeAbout .boxLeft {width: 100%;}
    .homeAbout .boxLeft .content2{margin: 20px 0}
    .homeAbout .boxRight {width: 100%;}
    .homeAbout .boxRight ul{left: 0}
    .homeAbout .boxRight ul li {width: 190px;height: 135px;}
    .homeAbout .boxRight ul li .shang span{font-size: 46px}
}



/*fc*/
.homePro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0 4% 0; background: #ecf9f3}
.prolist{margin: 0 auto}
.prolist ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:left;flex-wrap: wrap;width: 100%; margin: 3% auto 0 auto;}
.prolist li{width:32%; height: 60px; margin: 0 0.5% 1% 0.5%;  text-align: center;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;transition: .5s;background-image: -webkit-linear-gradient(left,#0db471, #08a99a);border-radius: 50px;transition: .5s; }
.prolist li a{color: #fff;}
.prolist li:hover{background: #37a356;}
.prolist li:hover a{color: #fff;}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:100%; margin:3% auto 0 auto ;  }
#top_scroll ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
#top_scroll ul li{position: relative;width:32%;margin:0 .5% 1%;overflow: hidden;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#top_scroll ul li .img{width: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#top_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-transform:capitalize}
#top_scroll ul li em{text-align: center; display: block; margin: 15px auto 0 auto; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);border-radius: 30px; width: 150px; padding: 10px 0; font-size: 16px}

.protel{width: 500px; margin: 0 auto; background: #07a6a4;border-radius: 40px}
.protel ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;}
.protel li{width: 50%;border-radius: 40px;height: 60px;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;flex-direction: row;}
.protel li:nth-child(1){background: #0db967}

.homecf{background: url(../images/bg.jpg) repeat;; padding: 4% 0}
#cf_scroll {overflow: hidden;width:90%; margin:3% auto 0 auto ; padding-bottom: 3%; height: 800px;}
#cf_scroll ul li{position: relative; float: left;width:24%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
#cf_scroll ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#cf_scroll ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#cf_scroll ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
#cf_scroll ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#cf_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}

@media screen and (max-width: 1280px) {
    #top_scroll ul li strong{font-size: 18px}
}


@media (max-width:750px){
    #top_scroll,#cf_scroll{display: none;}
    .prolist ul{width: 100%; margin-top: 20px}
    .prolist li{width:100%; font-size: 18px; height: auto; line-height: 18px; padding:15px 10px;}
    #tel_pro {overflow: hidden;width:100%; margin:5vh auto 0 auto; padding-bottom: 3%; display: block;}
    #tel_pro ul li{position: relative; float: left;width:49%;margin:0 .5% 1%;overflow: hidden; border-bottom: #e1dfdf 1px solid; box-sizing: border-box;background-color:#f8f8f8;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
    #tel_pro ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
    #tel_pro ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
    #tel_pro ul li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
    #tel_pro ul li .proText{ padding:15px 0; transition: .4s;-webkit-transition: .4s; line-height: 30px}
    #tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 17px;word-break: break-all;  text-overflow: ellipsis; overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
    #tel_pro .protel{width: 70%; margin: 0 auto; line-height: 35px; padding:0 0 15px 0;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; font-size: 14px;}
    .protel{width: 80%}
    .protel li{height: 50px}
}





.fenye{width: 80%; margin: 0 auto 5% auto;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content: center; align-items: center;-webkit-align-items: center; height: 45px;}
.fenye_zong{ font-size: 14px; padding: 0 20px; background: #f2f2f2; text-align: center;  line-height: 35px;}

@media screen and (max-width: 1023px) {
    .fenye{width: 90%; }
}

.homenews{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0 4% 0; background: #ecf9f3}
.index-news-cont{width: 90%; margin:3% auto 0 auto}
.index-news-item{margin: var(--size-20-) 0 0 var(--size-20-);}
.index-news-item>*{padding-left: var(--size-20); margin-top: var(--size-20);}
.index-news-item>*>*{display: block; background-color: #fff; border-radius: var(--size-20); position: relative; padding:var(--size-50) var(--size-20);}
.index-news-item>* .time{color:var(--color-dominant);}
.index-news-item>* .name{height: var(--size-75); transition: var(--transition);}
.index-news-item>* .img{margin-top: var(--size-35); border-radius:5px; overflow: hidden; transition: var(--transition);}
.index-news-item>* .img img{width: 100%; height: 100%; transition: var(--transition);}
.index-news-item>*>*:hover img{transform: scale(1.1);}
.index-news-item>*>*:hover .name{transform: translateY(var(--size-10));}
.index-news-item>*>*:hover .img{transform: translateY(var(--size-10-));}

@media screen and (max-width: 1023px) {
  .homenews .index-news-item>*{width: 100%!important}  
}

/*内页公司简介*/
.wp2 {width: 94%;max-width: 1320px;margin: 0 auto;}
.about-service { background-color: #f0f3fa; padding-top: 66px; overflow: hidden; }
.about-service .wp2>p { font-size: 18px; color: #555555; line-height: 28px; text-align: center; margin-bottom: 70px; }
.fw-ul { position: relative; z-index: 1; margin-top: 4%}
.fw-ul li { float: right; width: 190px; margin-right: 13.5%; text-align: center; background-color: #ffffff; height: 180px; padding-top: 26px; border-radius: 10px; margin-bottom: 108px; -webkit-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -moz-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -ms-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -o-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); position: relative; }
.fw-ul li.l1 { margin-right: 0 }
.fw-ul li p { font-size: 16px; color: #1d2532; line-height: 26px; }
.fw-ul li .img { margin-bottom: 25px; }
.fw-ul li:after { content: ''; width: 90%; height: 30px; background-color: #fff; position: absolute; left: 10px; bottom: -10px; border-radius: 10px; z-index: -1; -webkit-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -moz-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -ms-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); -o-box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); box-shadow: 0 8px 18px rgba(196, 205, 228, 0.75); }
.fw-ul:before { content: ''; max-width: 1121px; height: 353px; background: url(../images/about-pic.png) no-repeat; position: absolute; top: 50px; right: 68px; z-index: -1; width: 100%; }
.fw-img { display: none; }

@media screen and (max-width: 1023px) {
    .about-service{display: none}
}

/*内页联系我们*/
.lianxi_map{position: relative; width:100%;padding:68px 0 0 0}
.lixi_contact{ margin-bottom:55px}
.lixi_contact .s_width{  }
.se_contact_t{display: flex;justify-content:space-between;align-items: center; margin-bottom:55px}
.se_contact_l{width: 60%;}
.se_contact_l div{display: block;font-size:  3.1rem; line-height: 4rem; color: #0eb767; font-weight: bold; margin-bottom: 25px;}
.se_contact_l strong{ display: block;font-size: 2rem; line-height: 4rem; color: #333;font-weight: normal;}
.se_contact_l p{font-size: 1.18rem;color:#333; line-height: 2rem; z-index: 2;position:relative; font-weight: lighter;}
.se_contact_r{display: flex;justify-content:flex-end; text-align: center; align-items: center; }
.se_contact_r div b{display: block;font-size: 1rem; color:#333;line-height:2.5rem;font-weight: normal;}
.se_contact_r div{width:137px;border: 1px dashed rgba(0, 0, 0, .1); margin-left: 15px;}
.se_contact_r div img{display: block;width:105px;margin: 10px auto 0 auto;}
.lixi_contact ul{display: flex;justify-content:space-between; align-items: center; padding:45px 0;border-top: 1px dashed rgba(0, 0, 0, .2);}
.lixi_contact ul li{ }
.lixi_contact ul li p{line-height:2rem;}
.lixi_contact ul li:nth-child(1) p{ text-align: left;}
.lixi_contact ul li span{font-size: 2.5rem;line-height:2.5rem; color:#333;text-align: left; font-family:neutra_text_tf ;}
.lixi_contact ul li strong{font-size:1.5rem;line-height:2.5rem; color:#111;   font-weight: normal;}
.lixi_contact ul div{width:1px; height:100%;background: rgba(255,255,255,0.2);}

@media screen and (max-width: 1023px) {
	.se_contact_t{flex-wrap: wrap;}
	.se_contact_l {width:100%}
	.se_contact_r  {width:100%;justify-content:flex-start;padding:30px 0 0 0}
	.se_contact_r div{margin-right: 15px;margin-left: 0;}
	.se_contact_l div{font-size:2rem;}
	.se_contact_l strong{font-size: 20px;line-height: 26px;}
	.se_contact_l p{font-size: 16px; margin-top: 20px;}
	.lianxi_map{padding: 28px 0 0 0;}
	.lixi_contact ul{flex-wrap: wrap;    padding: 25px 0 0 0;}
	.lixi_contact ul li{width:100%; margin:0 0 25px 0}
	.lixi_contact ul li strong{font-size: 1.2rem;}
	.lixi_contact ul li p{font-size: 1rem;}

}

.message{ background:/*rgb(230,238,244,.95)*/#f2f3f5; padding:70px}
.message .tit{ margin-bottom:50px; text-align:center;color: #111;}
.message .tit h3{font-weight:600; font-size:48px; margin-bottom:30px;}
.message .tit p{ font-size:18px}
.message .s_width{background: #fff;width: 80%; margin: 0 auto; padding-top: 4%;}
.message form{ width:80%; margin:0 auto;overflow:hidden}

.message .layui-form-item {margin-bottom: 5px; overflow: hidden; width:48%; float:left}
.message .layui-form-item:nth-child(6){width: 96%!important;}
.message .layui-form-item:nth-child(7){width: 100%!important;}
.message ul li.wenb {position: relative;width:100%; }
.message ul li.wenb .fl{ width:95%;}
.btnclick{ width:30%; margin-top:20px;}
.message .layui-form-label {width: 100%; display:block; overflow:hidden;text-align:left; font-size: 18px; line-height:50px; color:#333e46}
.message .layui-input { width:97%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px;  border:#e0e0e0 1px solid;text-indent:15px;*text-indent:0px;}
.message .layui-input:nth-child(1){ background:rgba(255,255,255,1);}
.message .layui-input:nth-child(2){ background:rgba(255,255,255,1); }
.message .layui-textarea {background:rgba(255,255,255,1);  border:0;  border:#e0e0e0 1px solid;  height: 150px; line-height: 20px; font-size:15px;margin: 6px 0 30px; padding:3%; color: #666; resize: none;}
.message  .layui-btn{ padding:13px 70px;margin:30px auto;display: block;cursor:pointer;font-size:20px; color:#fff; border-radius:50px;text-align:center;border: 0px;background-color:#0eb767;}
.message  .layui-btn:hover{background:#0eb767;}

@media screen and (max-width: 790px) {
    .pro_navigation ul{  width: 98%; flex-wrap: wrap;}
    .pro_navigation li{width: 50%; line-height: 40px;}
    .pro_navigation li a.act{height: 40px;border-bottom: #0eb767 3px solid;}
    .pro_navigation li a {font-size: 18px;}
    .s_width{width: 95%; margin: 0 auto;}
    .pro_model_1 p, .pro_model_3 p{font-size: 15px; line-height: 27px;}

    .message .s_width{width: 100%;}
    .message{padding: 0 2%;;}
    .message form{width: 100%;}
    .message .layui-form-item{margin-bottom: 0px;}
    .message .tit{margin-bottom: 0 ; margin-top: 10px;} 
    .message .tit h3{font-size: 36px; margin-bottom: 10px}
    .message .tit p{font-size: 16px; display: none;}
    .message  .layui-btn{ padding:10px 50px;font-size: 16px}
}



#wmkc {position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#wmkc * {box-sizing:border-box;font-size:14px;line-height:1.1}
.wmkc-list {padding:0;border:1px solid #EEE;background-color:#FFF;max-width:85px;border-radius:4px;margin:0}
.wmkc-icon {display:inline-block;background:url(../images/wmkc-ico23.png)no-repeat;width:28px;height:28px;transform:scale(.8)}
.wmkc-list>li {width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}
.wmkc-list>li>a>p {margin:0;transform:scale(.9);text-transform:capitalize}
.wmkc-list>li a {color:#555;text-decoration:none;display:block;padding:0 2px}
.wmkc-wechat-img {position:absolute;right:calc(100% - 1px);bottom:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
.wmkc-wechat-img img {display:block;max-width:100%;max-height:100%}
.wmkc-wechat-img p {margin:4px 0 0;transform:scale(.9);word-break:break-all}
.wmkc-wechat-img em {display:inline-block;width:16px;height:16px;background:url(../images/wmkc-ico23.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}
.wmkc-list>li:hover .wmkc-wechat-img {transition:transform .4s;transform:scale(1)}
.wmkc-list>li:hover,.wmkc-list>li:hover+li {border-color:transparent}
.wmkc-email .wmkc-icon {background-position:-8px -6px}
.wmkc-whatsapp .wmkc-icon {background-position:-52px -50px}
.wmkc-facebook .wmkc-icon {background-position:-150px -90px}
.wmkc-facebook:hover .wmkc-icon {background-position:-100px -90px}
.wmkc-facebook:hover {background-color:#2f4074}

.wmkc-youtube .wmkc-icon {background-position:-6px -45px}
.wmkc-youtube:hover .wmkc-icon {background-position:-8px -90px}
.wmkc-youtube:hover {background-color:#2f4074}

.wmkc-skype .wmkc-icon {background-position:-52px -6px}
.wmkc-wechat .wmkc-icon {background-position:-144px -10px}
.wmkc-list li:hover a {color:#FFF}
.wmkc-email:hover {background-color:#f90}
.wmkc-whatsapp:hover {background-color:#25D366}
.wmkc-skype:hover {background-color:#0091df}
.wmkc-wechat:hover {background-color:#07C160}
.wmkc-email:hover .wmkc-icon {background-position:-96px -6px}
.wmkc-whatsapp:hover .wmkc-icon {background-position:-52px -94px}
.wmkc-skype:hover .wmkc-icon {background-position:-96px -50px}
.wmkc-wechat:hover .wmkc-icon {background-position:-144px -62px}
.wmkc-list>li:first-child {border-radius:4px 4px 0 0;border:0}
.wmkc-list>li:last-child {border-radius:0 0 4px 4px}
@media (max-width:768px) {
    #wmkc {display:none}
}