.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:55.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:-4.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:#05c16a;}
.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:#05c16a; 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:1%; top:50%;transform:translate(-20%, -50%);width:9.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: 12%; 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;}
#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:90px; 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: 85vh}
}

@media (max-width:1280px){
    #banner .txt strong{font-size:52px;}

}


@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; }
.homeAbout .boxLeft {width:calc(100% - 540px);; padding:10% 8% 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: 540px;background: url(../images/abotu_r.jpg) no-repeat right top; }
.homeAbout .boxRight ul {pdisplay: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;}
.homeAbout .boxRight ul li {width: 100%;height:33%;position: relative; padding: 15% 0; display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column;-ms-flex-flow: column;flex-flow: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center; color: #fff; border-bottom:1px solid transparent; border-color: rgba(255, 255, 255, 0.3);
}
.homeAbout .boxRight ul li:nth-child(3){ border-bottom:none}
.homeAbout .boxRight ul li .shang {position: relative;z-index: 1;font-size: 0.46rem;line-height: 1;font-family: 'gilroy_regular';}
.homeAbout .boxRight ul li .shang sup {vertical-align: top; font-size: 20px}
.homeAbout .boxRight ul li .shang span {font-size:72px;}
.homeAbout .boxRight ul li .bot {position: relative;z-index: 1;font-size: 16px;margin-top: 0.05rem;}

.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);}

@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*/
.homeProlist{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:4% 0 4% 0; }
.homePro{width:100%; margin:0px auto; position: relative; overflow: hidden; padding:0 0 0 0; }
.prolist{margin: 0 auto}
.prolist ul{display: flex; display:-webkit-flex;-webkit-justify-content: center;   justify-content:center;flex-wrap: wrap;width: 90%; margin: 3% auto 0 auto;}
.prolist li{width:11%; 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,#05c16a, #04bdeb);border-radius: 50px;transition: .5s; }
.prolist li a{color: #fff;}
.prolist li:hover{background: #05c16a;}
.prolist li:hover a{color: #fff;}

#tel_pro{display: none;}
#top_scroll {overflow: hidden;width:100%; margin:0% auto 4% auto ; padding-bottom: 3%; height: 850px;}
#top_scroll ul li{position: relative; float: left;width:25%;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;border: 1px solid #EAEAEA;margin: -1px 0 0 -1px; padding-top: 20px}
#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}
#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: 15px}

.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{ padding: 4% 0; width: 90%; margin: 0 auto;}
.homecf .l-container{width: 100%}
#cf_scroll {overflow: hidden;width:100%; margin:4% auto 0 auto ; padding-bottom: 3%; height: 600px;}
#cf_scroll 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;}
#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:1023px){
    .homecf{width: 100%}
    #top_scroll,#cf_scroll{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:95%; 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}
}


/*产品优势*/
.index-application{padding-top: 4%}
.index-application::before{content: ''; display: block; width: 100%; height: 755px;  background: url(../images/case.jpg) no-repeat center top; position: absolute; left: 0; top: 0;}
.pro-top{width: 100%; margin: 0 auto 4% auto;display: flex; display:-webkit-flex;  -webkit-justify-content: space-between;   justify-content: space-between;}
.pro-top .index-title h4 span{color: #155bc4}
.pro-top .index-pro-r{}
.application-banner .bd>*{width: 33.3%; padding-right: 20px; padding-right: clamp(10px,1.0416666666666665vw,20px);}
.application-banner .bd>*>*{display: block; border-radius: 6px; height: 450px;  overflow: hidden; position: relative;}
.application-banner .bd>*>*::before{content: ''; display: block; width: 100%; height: 50%; background: var(--linear-gradient-shadow); position: absolute; left: 0; bottom: 0;}
.application-banner .bd>* .name{position: absolute; left: 0; bottom: 0; padding: 30px; padding: clamp(15px,1.5625vw,30px); right: 0;}
.index-btn>*:first-child{margin-left: 0;}
.about-honor .index-btn>*.prevs{background-color: var(--color-dominant); color:#fff;}
.index-btn>* {display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;border-radius: 50%;background-color: #fff;width: clamp(32px,3.125vw,60px);height: clamp(32px,3.125vw,60px);color: var(--color-dominant);margin-left: 45px;margin-left: clamp(22px,2.34375vw,45px);position: relative;}
.index-btn>*::after {content: '';display: block;width: calc(100% + 16px);height: calc(100% + 16px);border-radius: 50%;border: 1px solid #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.index-btn>*.nexts {background-color: var(--color-orange);color: #fff;}
.index-btn>*.nexts::after {border-color: var(--color-orange);}

@media screen and (max-width:1440px){
    .application-banner .bd>*>*{ height: 350px;}
}

@media screen and (max-width:1280px){
    .index-pro .l-container {width: 90%;}
    .application-banner .bd>*>*{ height: 300px;}
}

/*首页产品*/
.pagew{margin:0 6.77083333333333%;}
.indexmid_2{ padding:5.45833333333333vw 0 12vw 0;background: #eefef3}
.indexmid_2_mid{position:relative;}
.indexmid_2_mid_left{width:46.74698795180723%; overflow:hidden}
.indexmid_2_mid_left img{width:100%;}
.indexmid_2_mid_right{ top:2.6875vw;position:absolute; width:43.97590361445783%; left:53.02409638554217%; }
.indexmid_2_mid_right_1{overflow:hidden; margin-top:3.46875vw;}
.indexmid_2_mid_right_1 img{width:100%;}
.indexmid_1_right_mid_1{}
.indexmid_1_right_mid_2{line-height:1.7; margin:1em 0 2em 0;}

@media screen and (max-width: 1440px) {
    .indexmid_2{padding-bottom: 15vw}
}

@media screen and (max-width: 1023px) {
    .pagew{margin:0 2.77083333333333%;}
    .indexmid_2_mid_left{width: 100%}
    .indexmid_2_mid_right{width: 100%; position: relative; left: 0}
}


/*行业案例*/
.sec13 {background-color: #000; width: 100%; height:800px; position: relative;margin-top: 4% }
.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:16%;vertical-align: top; position: relative;background:rgba(0,0,0,0.7)}
.peijianlist li:hover,.peijianlist li:active{background-image: -webkit-linear-gradient(left,#0db471, #08a99a);}
.peijianlist li a {display: block;position: relative;width: 100%;padding-top: 42px;padding-bottom: 42px;}
.peijianlist li:first-child a:before {display: none;}
.peijianlist .pic {width: 50%;overflow: hidden;line-height: 82px;height: 82px;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: 30%;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 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: 24%;}
    .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: #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-));}

/*内页公司简介*/
.about-res .found_time{font-weight:bold;font-style:italic;margin-bottom:1vw; text-align: center;color: #05c16a;}
.about-res .found_time span{display:inline-block;}
.about-res .found_time span:nth-child(1){font-size:2.5vw;margin-right:.8vw;}
.about-res .found_time span:nth-child(2){font-size:4.68vw;line-height:4.68vw;}
.about-res .found_assess{font-size:1.25vw;text-align: center;color: #05c16a;}
.about-res .enter_line{font-size:16px;line-height:36px;margin-top:3vw;}
.about-res .enter_line p{margin-bottom:2vw;text-indent:2em;}
.about-culture .index-title.l-white .nname{color:#C7C3C1;}
.culture-cont{background-color: rgba(0,0,0,.15); position: relative;}
.culture-cont::before{content: ''; display: block; width: 1px; height: 100%; background-color: rgba(255,255,255,.15); position: absolute; left: 50%; top: 0;}
.culture-cont::after{content: ''; display: block; width: 100%; height: 1px;background-color: rgba(255,255,255,.15); position: absolute; left: 0; top: 50%;}
.culture-item>*{padding: 66px 0; padding: clamp(33px,3.4375000000000004vw,66px); display: flex; align-items: center;}
.culture-item>* i{width: 84px; width: clamp(42px,4.375vw,84px);}
.culture-item>* .text{width: calc(100% - 84px); width: calc(100% - clamp(42px,4.375vw,84px));}

@media screen and (max-width:1023px){
    .about-culture{padding-bottom: 100px;}

}

/*内页联系我们*/
.ul-contact{overflow:hidden;z-index:1;margin: 80px auto;}
.ul-contact h4{ font-size:30px;color: #333333; font-weight: 300; display:block; overflow:hidden;margin-bottom:100px; text-align:center}
.ul-contact li{float:left;width:17%;text-align: center; margin:0 1.5%;}
.ul-contact li:nth-child(1),.ul-contact li:nth-child(2),.ul-contact li:nth-child(4),.ul-contact li:nth-child(5){ margin-top:75px;}
.ul-contact li strong{position: relative; z-index: 1; display:block; width:60%;padding:12%; font-weight:normal; text-align:center; margin:5px auto 10px;}
.ul-contact li strong img{ width:100%; border-radius:50%; text-align:center; box-shadow: 0px 0.03rem 0.21rem rgba(5,26,85,0.1);}
.ul-contact .txt{margin:20px 0;text-align:center;font-size:16px;color:#666;line-height:26px;padding-bottom:18px;position:relative}
.ul-contact .txt .zx{cursor:pointer;}
.ul-contact .txt .ctel{ font-size:24px;font-weight: 700;color: #d10e0c}
.ul-contact .txt span{display:block;font-size:24px;color:#222;font-weight:700;margin-bottom:5px;line-height:30px}
.ul-contact .txt p a{display:inline-block}


@media screen and (max-width: 790px) {
    .ul-contact{margin: 40px auto;}
    .ul-contact ul{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap;}
    .ul-contact li{width: 100%; }
    .ul-contact li:nth-child(1), .ul-contact li:nth-child(2), .ul-contact li:nth-child(4), .ul-contact li:nth-child(5){margin-top: 0;}
}

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

@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: #09a468 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}
}