.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 2.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:56.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; 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: #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{background: #1b62c3}
        .header_mid .right2{display: none}
    .menu-toggler .line{display: block}
    .header_logo{left: 10%; width:45%}
}
/******手机端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;}
#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:62px; 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 .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-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:1440px){
    #banner .swiper-slide .pic { height:90vh;}
}

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


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


/* ------------------------ */
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;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%;}
#banner:hover aside span{opacity:1;}
#banner 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)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner 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)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:15px;height:15px;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}
#banner  #bannerBtnS em.act{background:#144895}

@media (max-width:750px){
    #banner{margin-top: 70px}
    #banner  #bannerBtnS em{width: 10px; height: 10px;}
}



/**首页about**/
.sy-about{background: url(../images/aboutbg.jpg) center top no-repeat; padding: 4% 0;background-size: cover;}
.sy-about .dw-arrow-icon img {width: 51px;height: auto;margin-bottom: 30px;/*! transform: translateX(-50%); *//*! -webkit-transform: translateX(-50%); *//*! -moz-transform: translateX(-50%); */-ms-transform: translateX(-50%); animation: mymove0 1.2s infinite;-webkit-animation: mymove0 1.2s infinite;}
.sy-about .pub_title h3 {color: #969696;font-weight: bold;font-size: 59px;}
@keyframes mymove0 {
    from {bottom: 15px;
    }
    to {bottom: 10px;}
}
.sy-about .pub_title{text-align: center;}
.sy-about .pub_title .pub_title_en {margin-bottom: 25px;margin-top: 25px;; color: #969696; font-weight: 200;display: block}
.sy-about .digi {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 3% 8%;}
.sy-about .digi .box {;margin-top:0.35rem;position: relative;}
.sy-about .digi .box .counter {font-size: 80px;font-family: "Axis";color: #221815;margin-right: 20px;letter-spacing: -5px;}
.sy-about .digi .box span.jb {background-color: #939393;border-radius: 50%;position: absolute; right: 0; width: 20px;height: 20px;top: 10%;font-size: 12px;color: #fff;line-height: 20px; text-align: center;}
.sy-about .digi .box .jieshao {color: #666;margin-top: -8px;}
.pub_info {text-align: center;padding-top:4%;color: #221815;line-height:45px; width: 65%; margin: 0 auto;}

.sy-about .index-about-total{ width: 80%; margin: 3% auto 0 auto;}
.sy-about .index-about-total>*{display: block; border: none; text-align: center}
.sy-about .index-about-total span{background-color: #007fdb;border-radius: 50%;position: absolute;width: 25px;height: 25px;top: 15px;font-size: 14px;color: #fff;line-height: 25px;text-align: center;margin-left: 10px}
.sy-about h3{display: block}
.sy-about h3 b{font-size: 80px}
.sy-about .name{display: block}

@media screen and (max-width:1440px){
    section > .pub_black, .pub_black{padding-top: 1rem;}
}
@media screen and (max-width:1023px){
    .sy-about .dw-arrow-icon img{width: 25px; margin-bottom: 0}
    .sy-about .index-about-total{display: none}
    .pub_info{width: 100%; line-height: 31px}

}

.index-title:before{content: ""; width: 80px; height: 1px; background: #007fdb; display: block; margin: 0 auto 15px auto;}
/*fc*/
.index_product{width:85%; margin: 4% auto 2% auto;}
.index_product .box{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.index_product .box .item {width: 49%;box-sizing: border-box;padding: 6.5rem 3.75rem 8.25rem;box-shadow: 0px 0px 1rem #f2f2f2;transition: 0.4s;position: relative; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);}
.index_product .box .item .a .content1 img {height: 5.25rem;}
.index_product .box .item .a .content2 {font-size: 1.875rem;color: #000;margin-top: 3.5rem;transition: 0.4s;}
.index_product .box .item .a .content3 {margin: 1.375rem 0;}
.index_product .box .item .a .content3 span {display: inline-block;width: 30px;height: 3px;background: #eeeeee;}
.index_product .box .item .a .content4 {font-size: 1rem;color: #555;line-height: 2.125rem;height: 6.375rem;}
.index_product .box .item .a .content5 {margin-top: 3.75rem;font-size: 1rem;color: #007fdb;font-family: 'gilroy_bold';line-height: 1.25rem;}
.index_product .box .item .a .content5 i {font-weight: bold;position: relative;top: 1px;}
.index_product .box .item .posi {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 0.4s;}
.index_product .box .item .posi .img img {width: 100%;height: 100%;object-fit: cover;}
.index_product .box .item .posi .posi_main {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;box-sizing: border-box;padding: 0 3.75rem;background: rgba(0, 0, 0, 0.65);}
.index_product .box .item .posi .posi_main .content2 {font-size: 1.875rem;color: #fff;margin-top: 4.5rem;transition: 0.4s;}
.index_product .box .item .posi .posi_main .content3 {margin: 1.375rem 0;}
.index_product .box .item .posi .posi_main .content3 span {display: inline-block;width: 30px;height: 3px;background: #3d9f3c;}
.index_product .box .item .posi .posi_main .content4 {font-size: 1rem;color: #fff;line-height: 2.125rem;height: 6.375rem;}
.index_product .box .item .posi .posi_main .content5 {margin-top: 2.5rem;font-size: 1rem;color: #fff;font-family: 'gilroy_bold';line-height: 1.25rem;}
.index_product .box .item .posi .posi_main .content5 a{color: #fff;}
.index_product .box .item .posi .posi_main .content6 {margin-top: 3.625rem;padding-top: 2.8125rem;border-top: 1px solid rgba(255, 255, 255, 0.2);}
.index_product .box .item .posi .posi_main .content6 .item_ {width: 50%;font-size: 1rem;margin-bottom: 1.75rem;color: #fff;}
.index_product .box .item .posi .posi_main .content6 .item_ a{color: #fff;}
.index_product .box .item .posi .posi_main .content6 .item_ img {margin-right: 0.625rem;vertical-align: middle;}
.index_product .box .item:hover {box-shadow: 0px 0px 1rem #ddd;}
.index_product .box .item:hover .posi {opacity: 1;}

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

@media screen and (max-width:1280px){
    .index_product{width:100%;}
}

@media screen and (max-width:1024px){
    .index_product{display: none}
    .index_product .box{flex-wrap: wrap;}
    .index_product .box .item {width: 100%;}
}

.homePro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:5% 0 1% 0; background: #edf5fe}

.prolist{width:90%; margin:0 auto 3% auto; padding-top: 3%;}
.prolist ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap:wrap; position: relative;}
.prolist li{ width: 30%; padding: 5px 0; line-height: 7vh; border: 1px solid #f2f2f2; text-align: center; margin: 1% 0.5%;transition: .5s; background: #007fdb;color: #fff; cursor:pointer}
.prolist li a{color: #fff; padding:0 3%; }
.prolist li:hover{ background: #3d9f3c;}
.prolist li:hover a{ color: #fff;}

.prolist li div {display:none;width:248px;text-align:center;color:#fff;position:absolute;top:90px;background: linear-gradient(to bottom, #007fdb,#05c07b); z-index:9999 ;  box-sizing:border-box;}
.prolist li div a {display:block;COLOR: #fff; LINE-HEIGHT:31px!important;padding: 10px 0 ;FONT-SIZE: 17px!important;font-weight:200!important; margin-top:0; border-bottom:1px solid rgba(255, 255, 255, 0.2); padding-left: 0; }
.prolist li div a:hover {background:#007fdb!important; border-top:0; border-right:0; border-left:0; font-weight:normal;transition:all 0.9s ease 0s; -webkit-transition:all 0.9s ease 0s; }

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:100%; margin:3% auto 4% auto ; padding-bottom: 3%; }
#top_scroll ul li{position: relative; float: left;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%;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;}
#top_scroll ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}
#top_scroll .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;}
#top_scroll .protel .protel_a{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
#top_scroll .protel .protel_a:hover{background: #0daa3f; color: #fff;}
#top_scroll .protel .protel_b{width: 50%; text-align: center; border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
#top_scroll .protel .protel_b:hover{background: #04bdeb; color: #fff;}

#top_scroll ul li:hover .protel_a{background: #0daa3f; color: #fff;}
#top_scroll ul li:hover .protel_b{background: #04bdeb; color: #fff;}

#top_scroll2 {overflow: hidden;width:100%; margin:3% auto 4% auto ; padding-bottom: 3%; height:650px;}
#top_scroll2 ul li{position: relative; float: left;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_scroll2 ul li .img{width: 100%;height: 100%;object-fit: cover; object-position: center; overflow: hidden;  }
#top_scroll2 ul li .img img{ width: 100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;}
#top_scroll2 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_scroll2 ul li .proText{ padding: 25px 0; transition: .4s;-webkit-transition: .4s;}
#top_scroll2 ul li strong{display: block; color: #333333;   text-align: center;font-weight: 700;font-size: 20px}



.homecf{background: url(../images/bg.jpg) repeat;; padding: 4% 0}
#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,#top_scroll2{display: none;}
    .prolist ul{width: 95%; 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:32%;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:10px 0; transition: .4s;-webkit-transition: .4s; line-height: 30px}
    #tel_pro ul li strong{display: block; color: #333333;   text-align: center;font-weight:normal;font-size: 16px;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}
}




/*行业案例*/
.sec13 {background-color: #000; width: 100%; height:800px; position: relative; }
.cvbanner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.sw02out {position: relative;width: 100%;height: 100%;}
.sw02 {height: 100%;}
.sw02 .swiper-slide {overflow: hidden;}
.sw02 .swiper-slide .swiper-inner {display: block;position: relative;width: 100%;height: 100%;}
.sw02 img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 75% 50%;object-position: 75% 50%;}
.fhangye .swiper-pagination02 {font-size: 24px;color: #fff;line-height: 52px;text-align: center;width: 140px;height: 52px;margin-right: 52px;margin-top: 36px;pointer-events: none;position: absolute;left: auto;bottom: auto;right: 8%;top: 50%;z-index: 10;}
.swiper-pagination02 .swiper-pagination-current {font-size: 36px;margin-right: 10px;}
.swiper-pagination02 .swiper-pagination-total {font-size: 24px;}
.sw-next02,.sw-prev02 {position: absolute;right: 8%;top: 50%;z-index: 11;width: 50px;height: 50px;margin-top: 36px;font-size: 0;border-radius: 50%;text-align: center;
    cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.3);}
.sw-prev02 {background: url('../images/lt1.png') center no-repeat;margin-right: 192px;}
.sw-next02 {background: url('../images/gt1.png') center no-repeat;}
.sw-prev02:hover,.sw-next02:hover {background-color:#c9182d;}

@media screen and (max-width: 1440px) {
    .sec13{height: 700px}

}
@media screen and (max-width: 1023px) {
    .fhangye .swiper-pagination02,.sw-next02 {right: 5%;top: auto;bottom: 220px;margin-top: 0;}
    .sw-prev02 {left: 5%;right: auto;top: auto;bottom: 220px;margin-top: 0;margin-right: 0;}
    .fhangye .swiper-pagination02 {right: 50%;margin-right: -70px;}
    .swiper-pagination02 .swiper-pagination-current {font-size: 24px;}
}
.cvbanner .pagination {position: absolute;left: 6.25%;top: 50%;margin-top: 100px;z-index: 20;height: 2px;font-size: 0;}
.cvbanner .pagination .btn {display: inline-block;position: relative;cursor: pointer;width: 30px;height: 2px;margin-right: 10px;background-color: rgba(255, 255, 255, 0.4);}
.cvbanner .pagination .btn:before {content: " ";position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 2px;background-color: #fff;}
.cvbanner .pagination .btn.on:before {-webkit-transition: linear 4s;transition: linear 4s;width: 100%;}
.ctrbox {position: absolute;right: 6.25%;bottom: 148px;z-index: 20;margin-left: 380px;font-size: 0;}
.ctrbox .ctr {display: block;width: 42px;height: 42px;z-index: 11;font-size: 0;border-radius: 5px;text-align: center;cursor: pointer;}
.ctrbox .ctr.prev {background: url('../images/lt2.png') center no-repeat;}
.ctrbox .ctr.next {background: url('../images/gt2.png') center no-repeat;margin-top: 24px;}
.ctrbox .ctr.prev:hover,.ctrbox .ctr.next:hover {background-color: rgba(241, 131, 0, 0.6);-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);}
@media screen and (max-width: 750px) {
    .ctrbox {right: 4%;bottom: 84px;}
}
.swiper-container-vertical > .swiper-pagination-bullets {right: auto!important;left: 50px;}
.swiper-pagination000 .swiper-pagination-bullet {position: relative;width: 17px;height: 17px;opacity: 1;margin: 11px 0!important;border: 1px solid transparent;outline: 0 none;
    -webkit-transition: all 0.3s;transition: all 0.3s;background-color: transparent;}
.swiper-pagination000 .swiper-pagination-bullet:before {content: '';position: absolute;left: 7px;top: 7px;z-index: 0;width: 3px;height: 3px;background-color: #999;border-radius: 2px;}
.swiper-pagination000 .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #999;}
.swiper-pagination000.white .swiper-pagination-bullet:before {background-color: #fff;}
.swiper-pagination000.white .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #fff;}

.peijianlist {text-align: center;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.peijianlist li {display: inline-block;width:19%;vertical-align: top; position: relative}
.peijianlist li a {display: block;position: relative;width: 100%;padding-top: 42px;padding-bottom: 42px;}
.peijianlist li .lin a:after {content: '';position: absolute;top: 67px;left:225px;width:250px;height: 1px;background: #fff;opacity: 0.3;}
.peijianlist li:nth-child(5) .lin a:after{display: none}

.peijianlist li:first-child a:before {display: none;}
.peijianlist .pic {width: 50%;overflow: hidden;line-height: 58px;height: 58px;margin: 0 auto }
.peijianlist img {max-width: 100%;max-height: 100%;margin: 0 auto; display: block}
.peijianlist li h3 {color: #fff;line-height: 36px;width: 100%;height: 36px;overflow: hidden;-webkit-transition: .3s;transition: .3s; font-size: 23px; font-weight: normal}

.peijianlist2 {position: absolute;left: 8%;top: 20%;z-index: 2;width: 45%;max-width: 80%;;pointer-events: none;}
.peijianlist2 .index-title>.name{color: #fff; font-weight: bold}
.peijianlist2 .index-title hr{content: ""; width: 50px; height: 2px; background: #fff; display: block; margin: 4% 0 3% 0;}
.peijianlist2 .index-title>.nname{font-weight: normal; line-height: 36px}
.peijianlist2 li {position: absolute;z-index: 0;width: 100%;opacity: 0;-webkit-transform: translateX(60px);transform: translateX(60px);}
.peijianlist2 li h3 {color: #fff;height: 70px;overflow: hidden;}
.peijianlist2 li h3 span{font-size: 36px;}
.peijianlist2 li h4 {color: #fff;overflow: hidden;}
.peijianlist2 li .hx {width: 100%;height: 1px;position: relative;margin: 21px 0 31px;background-color: rgba(255, 255, 255, 0.2);}
.peijianlist2 li .hx:before {content: '';position: absolute;left: 0;top: -1px;z-index: 0;width: 30px;height: 3px;background-color: #fff;}
.peijianlist2 li .txt {font-size:18px;color: #fff;line-height: 32px;overflow: hidden;margin-bottom: 10%; padding-top: 20px}
.peijianlist2 li .hymore {display: block;width: 150px;height:55px;background-color: #c9182d;position: relative;font-size: 16px;color: #fff;line-height:55px;text-align: center;    overflow: hidden;pointer-events: auto;}
.peijianlist2 li.on {z-index: 2;opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);-webkit-transition: .5s;transition: .5s;}

@media screen and (max-width: 1440px) {
    .peijianlist li .lin a:after {left:250px;width: 200px;}
}

@media screen and (max-width: 1280px) {
    .sec13 { height:600px;}
    .peijianlist li .lin a:after {left:200px;width: 200px;}
    .peijianlist li h3{font-size:16px}
    .peijianlist2 li h3 span{font-size: 26px;}
    .peijianlist2 li .txt {font-size: 16px;}
    .peijianlist li a{padding: 20px 0;}
}
@media screen and (max-width: 1023px) {
    .peijianlist2 li .hymore{display: none}
    .peijianlist {left: 0;right: 0;}
    .peijianlist li {width: 31%;}
    .peijianlist li .lin a:after{display: none}
    .peijianlist li a {padding-top: 12px;padding-bottom: 0;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .peijianlist li h3 {font-size: 16px;}
    .peijianlist2 {width: 90%;max-width: 90%;}
    .peijianlist2 {position: relative;left: 5%;top: 0;margin-top:0px;}
}
@media screen and (max-width: 750px) {
    .peijianlist2 li h3 {font-size: 28px;line-height: 40px;height: 40px;}
    .peijianlist2 li .txt {font-size: 16px; line-height: 28px}
}
.fcate4 {position: absolute;left: 8%;top: 40%;margin-top: -260px;z-index: 20;padding-top: 10px;pointer-events: none;}
.fcate4 .cn {font-size: 48px;color: #fff;line-height: 60px;position: relative;z-index: 1;}
.fcate4 .enp {font-size: 0;position: absolute;left: 0;top: 0;z-index: 0;}
.fcate4 .enp img {vertical-align: top;}
@media screen and (max-width: 1023px) {
    .fhangye {padding-top: 80px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .fcate4 {width: 100%;text-align: center;position: relative;left: 0;top: 0;margin-top: 0; display: none}
    .fcate4 .cn {font-size: 32px;line-height: 50px;}
    .fcate4 .enp {width: 100%;}
    .peijianlist .pic{height: 30px; line-height: 30px}
}


.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/news.jpg) no-repeat;background-size: cover;background-attachment: fixed;}
.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 li pre{line-height: 31px}
.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 p{color:var(--color-dominant);}
.index-news-item>* .time b{color: #999; font-weight: normal}
.index-news-item>* .name{ 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{padding-bottom: 100px}
    .homenews .index-news-item>*{width: 100%;}
    .index-news-cont{width: 98%}
}

/*内页公司简介*/
.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}
    .about-res{padding-bottom:100px}
    .about-advantage{display: none;}
}


.caselist{ height:673px; background:url(../images/bg1.jpg) no-repeat center top;background-size: cover; position: relative; width:100%; margin-top: 3%;}
.caselist li{ width:25%; float:left; position:relative; height:100%; z-index:2; border-right:1px solid rgba(255,255,255,0.2); box-sizing:border-box; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer;}

.caselist li .caselist_con{ width:100%; height:400px; position:absolute; top:50%; margin-top:-200px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.caselist li .caselist_con .caselist_pic{ position:absolute; width:100px; height:100px; left:50%; margin-left:-50px; }
.caselist li .caselist_con h2{position:absolute; width:100%; top:130px; font-size:36px; color:#ffffff; }
.caselist li .caselist_con span{ position:absolute; display:block; width:60px; left:50%; margin-left:-30px; top:200px;  height:1px; background:rgba(255,255,255,0.3)}
.caselist li .caselist_con p{ position:absolute; width:80%; top:220px; left: 50%; margin-left: -40%; font-size:15px; color:#fff; line-height:28px; }
.caselist li .caselist_con .caselist_more{ position:absolute; width:130px; left:50%; margin-left:-65px; bottom:0; height:35px; line-height:35px; border:1px solid rgba(255,255,255,0.3); border-radius:50px; }
.caselist li .caselist_con .caselist_more a{ font-size:16px; color:#fff;text-decoration:none}
.caselist li .caselist_con .caselist_more:hover{ background:#16ae57; border:0;}

.caselist li:hover .caselist_more{ background:#16ae57; border:0;}
.caselist li:hover .caselist_con{ top:45%;}

@media screen and (max-width: 750px) {
    .abthree {  padding: 4% 0 4% ; }
    .abcate3 .en {font-size: 33px;}
    .caselist {display: none;}
    .telcaselist{display: block;background:url(../images/bg1.jpg) no-repeat center top;background-attachment: fixed; background-size: cover; margin-bottom: 150px;}
    .telcaselist ul{width: 95%; margin: 0 auto; padding: 4% 0; color: #fff;}
    .telcaselist li{width: 100%; line-height: 31px; font-size: 16px;border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.3); padding-bottom: 25px;}
    .telcaselist li h2{font-size: 21px; text-align: center; font-weight: bold; padding-top: 15px;}
}



/*内页联系我们*/
.lianxi-out {padding: 100px 0 100px;background: url('../images/lxbg.jpg') bottom no-repeat; }
@media screen and (max-width: 1440px) {
    .contact-wrapper1{background-size: 100%;height: 320px}
    .contact-wrapper1 .wrap{width: 80%; margin-top: 0;}
    .contact-wrapper1 .wrap h2 {font-size: 39px;}
    .contact-wrapper1 .wrap .address-phone {margin-top: 40px;}
    .lianxi-out {  padding: 120px 0 240px;}
}
@media screen and (max-width: 1023px) {
    .lianxi-out {  padding: 100px 0 180px;}
}
@media screen and (max-width: 750px) {
    .lianxi-out {  padding: 0px 0 120px;}
    .contact-wrapper1{height:160px; padding: 0;}
    .contact-wrapper1 .wrap{display: none;}
}
.lianxi {width: 100%;height: 500px;margin-top: 50px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.lxleft {width: 100%; }
.lxright {width: 100%;}

#map {width: 100%;height: 100%;}
.lxlist {width: 100%;}
.table{width: 85%;}
.lianxi .name{border-bottom: 4px solid #000;padding-bottom:20px;}
.lianxi .name h4{font-size: 20px;color: #007fdb;margin: 0;text-transform: uppercase;}
.lianxi .name h2{font-size: 40px;color: #1a1a1a;margin: 0;text-transform: uppercase;}
.content-way{}
.content-way .item {border-bottom: 1px solid #dcdcde;overflow: hidden;padding:30px 0;}
.content-way .item.item2 li{float: left;width: 45%;margin-right: 5%;}
.content-way .item.item2 li::after{content: '';display: block;width: 1px;height: 100%;background:#dedfe4;position: absolute;right:10%;top: 0;}
.content-way .item.item2 li:last-child::after {display: none;}
.content-way .item.item2 li:last-child {width: 45%;margin-right:0;}
.content-way .item.item2 li:first-child {width: 50%;}
.content-way li{list-style: none;position: relative;}
.content-way li i{width: 38px;height: 38px;border: 2px solid #1a1a1a;border-radius: 100%;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;}
.content-way li i.c1 {background: url("../images/c4.png") center no-repeat;}
.content-way li i.c2 {background: url("../images/c1.png") center no-repeat;}
.content-way li i.c3 {background: url("../images/c2.png") center no-repeat;}
.content-way li i.c4 {background: url("../images/c3.png") center no-repeat;}
.content-way li span{display: inline-block;vertical-align: middle;}
.content-way li h6{font-size: 16px;color: #999999;font-weight: normal;margin: 0;}
.content-way li h5{font-size:16px;color: #1a1a1a;margin: 5px 0 0 0;}

.rongyuone {margin-top: 4%;}
.rongyuone .cn{text-align: center;font-size: 36px;font-weight: bold;}
.rongyuone .en{text-align: center;font-size: 25px;}
.message{  padding:70px}
.message .tit{ margin-bottom:50px; text-align:center;color: #111;}
.message .tit h3{font-weight:600; font-size:48px; margin-bottom:0;}
.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:93%; border:0; color:#666; font-size:15px;height: 42px;line-height: 42px;  border:#e0e0e0 1px solid;text-indent: 35px;*text-indent:0px;}
.message .layui-input:nth-child(1){ background:rgba(255,255,255,1)url(../images/icon-text-user.png) no-repeat 10px center;}
.message .layui-input:nth-child(2){ background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 12px center; }
.message .layui-textarea {background:rgba(255,255,255,1)url(../images/icon-text-tel.png) no-repeat 10px 17px;;  border:0; width:93%;  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:#00aa4b;}
.message  .layui-btn:hover{background:#07863f;}


@media screen and (max-width: 1400px) {
    .lxleft {  width: 50%;}
    .lxright {width: 50%;}
    .lianxi {height: 600px;}
    .lxlist li {  padding: 0 30px;}
    .lxlist .lin {  padding-left: 54px;}
    .lxlist li .num {  font-size: 30px;}
}
@media screen and (max-width: 1024px) {
    .lianxi {  -ms-flex-wrap: wrap;      flex-wrap: wrap;  height: auto;}
.lianxi .name h4{font-size: 16px;color: #007fdb;margin: 0;text-transform: uppercase;}
.lianxi .name h2{font-size: 24px;margin-top: 10px;}
    .lxleft {  width: 100%;}
    .lxright {  width: 100%;  height: 400px;}
    .lxlist {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;      flex-wrap: wrap;}
    .lxlist li {  height: 120px;  -webkit-box-flex: 1;      -ms-flex: auto;          flex: auto; width: 100%;}
    .lxlist li .num {  font-size: 16px;  line-height: 28px;}
    .name h4{font-size: 17px; line-height: 21px;}
    .name h2{font-size: 21px; line-height: 25px;}
    .table{width: 95%; margin: 0 auto;}
    .content-way .item.item2 li:first-child{width: 100%;margin-bottom: 25px;}
    .content-way .item.item2 li::after{display: none;}


    .content-way li i.c1 {background: url("../images/c4.png") center no-repeat;display: block;}
    .content-way li i.c2 {background: url("../images/c1.png") center no-repeat;display: block;}
    .content-way li i.c3 {background: url("../images/c2.png") center no-repeat;display: block;}
    .content-way li i.c4 {background: url("../images/c3.png") center no-repeat;display: block;}
    .message{  padding:0px; margin-top: 4%;}
    .message form{width: 90%;}
    .message .layui-input{text-indent: 0px;font-size: 12px;}
    .message .layui-form-item {margin-bottom: 0;}
    .message .layui-btn{margin-bottom: 100px;font-size: 18px;}
}