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



#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;}
#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:45.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:-3.71875em;background-color:rgba(0,0,0,.7); width: 14em}
.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:#cb272a;}
.header_mid_mid ul li a.biga{ position:relative;color:#fff; display:block; height:5.57291666666667vw; line-height:5.57291666666667vw; font-size: 18px; font-weight: bold}
.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:#cb272a; 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; }
.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: #cb272a; 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: 50%}
}
/******手机端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: 36px;line-height: 36px;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;}
#telbanner{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;padding-top: 20px; 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:78px; color:#fff;  transform:translateY(200px);opacity:0;transition:all 0.9s; line-height: 1.8;display: block;  text-align: center; letter-spacing: 4px;}
#banner .txt .viewmore {transform:translateY(200px);opacity:0;transition:all 0.9s; margin:2% 0 0 0  }
.banner_pro{display: block; margin: 0 auto; text-align: center}
#banner .swiper-slide .pcpic{display: block}
#banner .swiper-slide .telpic{display: none}
.banner_pro img{display: block; margin: 0 auto; width: 60%}
#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:100vh;}
#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: #d70b0b;
; 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: 75vh}
}


@media (max-width:1023px){
    #banner{display: none}
    #banner .swiper-slide .pcpic{display: none}
    #banner .swiper-slide .telpic{display: block}
    #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}
    /* ------------------------ */
    #telbanner{position:relative;overflow:hidden;width:100%;display: block}
    #telbanner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
    #telbanner ul li{width:33.333%;float:left}
    #telbanner ul li img{width:100%;display:block;}
    #telbanner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
    #telbanner aside span{display:block;width:15px;height:15px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
    #telbanner:hover aside span{opacity:1;}
    #telbanner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
    #telbanner aside span.prev{float:left;}
    #telbanner aside span.next{float:right;}
    #telbanner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
    #telbanner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
    #telbanner  #bannerBtnS em{display:block;float:left;width:8px;height:8px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
    #telbanner  #bannerBtnS em.act{background:#0e3ba8}

}

.index-title{width: 85%; margin: 0 auto}
.index-title:before{content: ""; width: 50px;height: 2px; background: #0e3ba8; display: block; margin: 0 auto 20px auto;}
/*公司简介*/
.homeAbout {background: url(../images/aboutbg.jpg) no-repeat center bottom; padding: 5% 0; }
.homeAbout_cont{width: 70%; margin: 4% auto;}
.homeAbout_cont p{line-height: 42px}
.homeAbout_cont .view-more{margin: 4% auto;background-color: rgba(255, 255, 255, 0);;color: #333;}
.boxBottom{width: 85%; margin: 0 auto}
.boxBottom ul{display: flex; display:-webkit-flex;   -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
.boxBottom li .counter{font-size: 65px; color: #d70b0b}

@media (max-width:1440px){
    .boxBottom li .counter{font-size: 58px;}
}
@media (max-width:1280px){
    .boxBottom li .counter{font-size: 50px;}
}
@media (max-width:1023px){
    .homeAbout_cont{width:98%;}
    .homeAbout_cont p{line-height: 30px}
    .boxBottom li{width: 50%; padding-bottom: 20px;}
    .boxBottom li .counter{font-size: 36px}
}

    /*fc*/
.homePro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0 0% 0; background: #ddecfc}
.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:11.5%; height:70px; margin: 0 0.5% 1% 0.5%;  text-align: center;display: flex; align-items: center;-webkit-align-items: center;justify-content:center;transition: .5s;transition: .5s; border: 1px dashed #333}
.prolist li a{color: #333;}
.prolist li:hover{background: #d70b0b; border:none}
.prolist li:hover a{color: #fff;}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:100%; margin:3% auto 4% auto ; padding-bottom: 3%; height: 1000px;}
#top_scroll ul li{position: relative; float: left;width:32.3%;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%;height: 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;background-image: -webkit-linear-gradient(left,#f3f4f5, #f2f2f3);}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px;}
#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:50%; width: 50px;height: 50px; line-height: 50px;  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/honor.jpg) no-repeat;; padding: 4% 0}
.sw22out {position: relative;margin-top:4%;}
#sw22 {overflow: hidden;}
#sw22 .swiper-slide {width: 390px;}
#sw22 .swiper-slide a {display: block;width: 100%;}
#sw22 .swiper-slide .pic {width: 100%;font-size: 0;text-align: center;}
#sw22 .swiper-slide img {width: 100%;-webkit-transform: scale(0.8);        transform: scale(0.8);-webkit-transition: 0.4s;transition: 0.4s;}
#sw22 .swiper-slide-active img {-webkit-transform: scale(1);        transform: scale(1);}

@media screen and (max-width:1440px) {
    #sw22 .swiper-slide {width: 250px;}
}
@media screen and (max-width:1023px) {
    .homePro .index-title{width: 100%}
    #sw22 .swiper-slide {width: 300px;}
}

@media screen and (max-width: 750px) {
    .sw22out {  padding: 0 30px;  margin-top: 26px;}
}


#cf_scroll {overflow: hidden;width:90%; margin:0 auto ; padding-bottom: 3%; height: 600px;}
#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:32%; font-size: 18px; height: 45px; line-height: 45px}
    #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}
}

.homeadv{background: url(../images/adv.jpg) no-repeat center top;; padding: 4% 0}
.homeadv .index-title:before{background: #fff;}
.homeadv .inner {display: flex;justify-content: space-between; width: 85% ;margin:3% auto 0 auto;}
.homeadv .tabul {width: 37.9%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: -10px;}
.homeadv .tabul li {width: 48.9%;margin-top: 10px;background: rgba(255, 255, 255, 0.84);;text-align: center;padding: 25px 0;cursor: pointer;-webkit-transition: all .5s;transition: all .5s;}
.homeadv .tabul .icon {width: 60px;margin: 0 auto 20px;position: relative;-webkit-transition: all .5s;transition: all .5s;}
.homeadv .tabul .icon i{-webkit-transition: all .5s;transition: all .5s; font-size: 63px;color: #0d8aff}
.homeadv .tabul .txt {font-size: 20px;margin-bottom: 5px;color: #333}
.homeadv .tabul .en {font-size: 12px;color: #333;text-transform: uppercase;}
.homeadv .tabul li:hover,.homeadv .tabul .on {background: linear-gradient(90deg, rgba(1, 94, 234, 1) 0%, rgba(0, 192, 250, 1) 100%);box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);}
.homeadv .tabul li:hover .txt,.homeadv .tabul li:hover .en,.homeadv .tabul .on .txt,.homeadv .tabul .on .en {color: #fff;}
.homeadv .tabul li:hover .icon i,.homeadv .tabul .on .icon {transform: translateY(5px); color: #fff;-webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-image: -webkit-linear-gradient(left,#fff, #fff);}
.homeadv .tabPanel {width: 59.6%;}
.homeadv .tabbox {height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;position: relative;}
.homeadv .tabbox p {position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(51, 51, 51, 0.71);font-size: 20px;color: #fff;box-sizing: border-box;padding: 15px;}


@media screen and (max-width: 1023px) {
    .homeadv .inner{width: 95%; display: block}
    .homeadv .tabul{width: 100%}
    .homeadv .tabPanel{width: 100%}
}


.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; width: 130px; background: #f2f2f2; text-align: center;  line-height: 35px;}

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

.homenews{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0 4% 0;background: url(../images/wenhua.jpg) no-repeat center top}
.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-));}

/*内页公司简介*/
.biaoge{overflow-x: auto;}
.biaoge td{padding:0.5% 1%;white-space: nowrap;font-size: 16px;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding:5px 10px;line-height: 31px; }
.biaoge p{font-size: 16px; line-height: 31px;}
.pro-hot{overflow-x: scroll;overflow-y: hidden;}
.lh-table {width: 100%;border-collapse: collapse;background-color: #fff;}
.lh-table th,.lh-table td {border: 1px solid #949494;text-align: center;}
.lh-table th {background-color: var(--color-dominant);color: #fff;}
.lh-detail::before {content: '';display: block;width: 50%;background-color: #edf9f0;position: absolute;right: 0;top: 0;bottom: 0;}
.detail-hd {width: var(--size-120);/* padding-bottom: var(--size-75); */position: absolute;left: 0;top: 0;height: 100%;}
.detail-bd {width: calc(100% - var(--size-120));padding-left: var(--size-20);margin-left: auto;}

.seshebeibox{width: 100%; background: #ddecfc; padding: 4% 0}
.seshebei {overflow: hidden; margin:3% auto 0 auto ;}
.seshebei li{position: relative; float: left;width:24%;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;}
.seshebei li .img{width: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
.seshebei li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
.seshebei li .img:hover img{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.seshebei li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
.seshebei li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px;}
.seshebei 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:50%; width: 50px;height: 50px; line-height: 50px;  font-size: 16px}


.seadv{padding: 4% 0;}
.seadv ul{width: 90%; margin: 3% auto 0 auto;display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
.seadv li{width: 49%; padding:50px 20px;  border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); line-height: 36px; }
.seadv li img{margin-top: 4%; display: block}
.seadv li strong{display: block; margin-bottom: 20px}

@media screen and (max-width: 1023px) {
    .seadv ul{width: 98%;}
    .seadv li{width: 100%;}
}

/*内页联系我们*/
.contact .flex{width: 100%; margin: 0 auto;display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;}
.contact ._list{flex-wrap: wrap; margin-top: 4%}
.contact ._list ._item{width: 25%;}
.contact ._list ._item>div{padding:30px;border: 1px solid #ddd;margin: 0 -1px -1px 0;height: 100%;}
.contact ._list ._item ._title{font-size: 20px;font-weight: bold;line-height: 1;}
.contact ._list ._item ._icon{margin: 30px 0;height: 140px;}
.contact ._list ._item ._icon img{height: 100%;}
.contact ._list ._item ._tel ._n{color: #666;line-height: 1;margin-bottom: 5px;}
.contact ._list ._item ._tel ._t{font-size: 20px;font-weight: bold;line-height: 28px;min-height:56px;}
.contact ._list ._item ._tel ._t._zh{font-size: 18px;}
.contact ._list ._item ._tps{color: #666;line-height: 1.625;margin-top: 10px;}


@media screen and (max-width: 790px) {
    .contact{padding:2em 0; width: 95%}
    .contact .flex{display: block;}
    .contact ._list ._item{width: 100%}
}

.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 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:#d10e0c;}
.message  .layui-btn:hover{background:#d10e0c;}

@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: #d10e0c 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{padding: 0 2%; padding-bottom: 140px;}
    .message form{width: 100%;}
    .message .layui-form-item{margin-bottom: 0px;}
    .message .tit h3{font-size: 36px; margin-bottom: 10px}
    .message .tit p{font-size: 16px}
    .message  .layui-btn{ padding:10px 50px;font-size: 16px}
}