*{padding: 0px;margin: 0px;}
:root{
    --arial:"arial";
}
html,body{font-family: 'arial'}
h3,h4,h5,h6,a,span,p{color: #fff;font-family: 'arial';font-weight: normal;display: block;}
img {width: 100%;object-fit: cover;transition: 0.5s;display: block;}
li {list-style: none;}
a {text-decoration: none; display: block;}
.bao {overflow: hidden;position: relative;}


@font-face{
	font-family:"alibb";
	src: url("../font/Alibaba-PuHuiTi-Regular.woff") format("woff"),
	       url("../font/Alibaba-PuHuiTi-Regular.ttf") format("truetype"),
	       /* url("../font/TitilliumWeb-Regular-10.eot") format("embedded-opentype"), */
	       url("../font/Alibaba-PuHuiTi-Regular.otf") format("opentype"),
		   url('../font/Alibaba-PuHuiTi-Regular.svg') format('svg');
}

/* pc */
.pc-1200px{display: none;}
@media only screen and (max-width:1260px){
.pc-1200px{ position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #333;z-index: 99999999999999999;display: block;}
.pc-1200px p{ position: absolute;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 100%;top: 50%;left: 0;}
.pc-1200px p img{ display: block;margin: 0 auto 2em;height: 50px;}
.pc-1200px p strong{ display: block;color: #fff;text-align: center;font-size: 2em;letter-spacing: 1px;line-height: 1em;margin-bottom: 2em;}
.pc-1200px p span{ display: block;text-align: center;color: #eee;letter-spacing: 1px;font-size: 16px;}
}

html{ font-size: 99.1146px; }
body{font-size: 16px;}
/* nav */
.div1  .head_b .right  ul li .nav_list { width: 14rem; opacity: 0; height: 0; overflow: hidden; transition: all .5s ease-in-out; box-sizing: border-box; position: fixed; left: 50%; margin-left: -6rem; top: 90px; min-width: 2rem; background-color:#179d6e; border-radius: .02rem }
.div1  .head_b .right  ul li .nav_list dl dd .l_tit {     font-size: .16rem; line-height: .6rem; color: #fff; width: 4rem; display: block; white-space: nowrap; text-align: center; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.3); background-color: #179d6e; }
.div1  .head_b .right  ul li .nav_list dl dd .l_tit a { display: block; color: #fff }
.div1  .head_b .right  ul li .nav_list dl .childActive .l_tit::before { border: 0; content: ''; position: absolute; top: 0; left: 0; display: block; height: 100%; width: .1rem; background: linear-gradient(to bottom,#33d37a,#03673d); }
.div1 .head_b .right ul li .nav_list dl dd .childActive .l_tit { transition: all .2s ease-in; background: #fff; color: #222; position: relative; }
.div1  .head_b .right  ul li .nav_list dl dd .nav_item_list { display: none; position: absolute; width: 10rem; height: 5rem; right: 0; top: 0; background: #fff; padding: .6rem 0 0 .8rem; overflow: hidden; box-sizing: border-box; transition: all .2s ease-in-out }
.div1  .head_b .right  ul li .nav_list dl dd .nav_item_list .nav_i a {      align-items: center;   float: left; color: #666; font-size: .18rem; line-height: .25rem; cursor: pointer; white-space: nowrap; width: 4rem; margin-bottom: .15rem; display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; white-space: normal;}
.div1  .head_b .right  ul li .nav_list dl dd .nav_item_list .nav_i img { width: .5rem; height: .5rem; margin-right: .2rem }
.div1  .head_b .right  ul li .nav_list dl dd .nav_item_list .nav_i a:hover { color: #20b581; }
.div1  .head_b .right  ul li .nav_list dl .childActive .nav_item_list { display: block }
.div1  .head_b .right  ul li .nav_column { background: #fff; width: 3rem; margin-left: 0; left: 50%; transform: translateX(-50%); position: absolute; background-color:#179d6e; }
.div1  .head_b .right  ul li .nav_column dl dd .l_tit { background: 0; color: #fff; width: auto; padding: 0 .24rem }
.div1  .head_b .right  ul li .nav_list dl .childActive .l_tit { transition: all .2s ease-in; background-color: #fff; position: relative; }
.div1  .head_b .right  ul li .nav_list dl .childActive .l_tit a {  color: #666; }
.div1  .head_b .right  ul li:hover .nav_list { opacity: 1; height: 5rem; overflow: inherit }
.div1  .head_b .right  ul li:hover .nav_column { opacity: 1; height: auto; overflow: inherit }
header nav::after { content: ''; display: block; clear: both }


/* head */
.icenter {width: 1600px;margin: auto;}
.div1 {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 999;background: transparent;}
.div1 .a {height: 90px;display: flex;align-items: center;justify-content: center;}
.div1 .a:hover h3 {color: #20b581;}
.div1 .head {padding: 0 70px 0;box-sizing: border-box; }
.div1 .head_t {transition: 0.5s; height: 22px; padding: 10px 0; display: flex;justify-content: flex-end;border-bottom: 1px solid rgba(255, 255, 255 , 0.3);}
.div1 .head_t span {font-size:16px;}
.div1  .head_b {display: flex;justify-content: space-between;      align-items: center;}
.div1  .head_b .logo img{width: 150px;}

.div1 .head_b .logo_b{display:block;}
.div1 .head_b .logo_c{display: none;}

.div1  .head_b .right {display: flex;justify-content: space-between;align-items: center;}
.div1  .head_b .right  ul{display: flex;}
.div1  .head_b .right  ul li h3 {font-size: 18px;}
.div1  .head_b .right  ul li{margin-right: 49px;position: relative;}
.div1  .head_b .right  ul li:last-child{margin-right: 0px;}
.div1  .head_b .right .rcc {display: flex;    align-items: center;}
.div1  .head_b .right .rcc .qie {margin-left: 38px;padding-left: 38px;margin-right: 38px;position: relative;}
.div1  .head_b .right .rcc .qie::before{    position: absolute; content: ""; left: 0px; height: 16px; background-color: #fff; width: 1px; top: 4px;}
.div1  .head_b .right .rcc .qie a img {margin-right: 2px;    width: 19px; margin-right: 2px;}
.div1  .head_b .right .rcc .qie a {display: flex;align-items: center;}
.div1  .head_b .right .rcc .qie a span {font-size: 18px;}
.div1  .head_b .right .rcc  .search {font-size: 17px;}
.div1 .head_b .right .rcc .qie .diqiu_1{display: block;width: 22px;filter: invert(1);}
.div1 .head_b .right .rcc .qie .diqiu_2{display: none;width: 22px;}
.div2 .head_t span {color: #333;}
.div2 .head_b .right ul li h3 {color: #333;}
.div2 .head_b .right .rcc .qie a span {color: #333;}
.div2 .head_b .right .rcc .search{color: #333;}
.div2 .head_b .logo_b{display:none;}
.div2 .head_b .logo_c{display: block;}
.div2 .head_t { border-color: #b8b7b7; }
.div2{background-color: #f7f8fb;     box-shadow: 0rem 0.1rem 0.2rem 0rem rgba(34,34,34,0.1);}
.div2 .head_b .right .rcc .qie::before{  background-color: #333; }
.div2 .head_b .right .rcc .qie .diqiu_1{display: none;}
.div2 .head_b .right .rcc .qie .diqiu_2{display: block;}
/* .div2 .head_b .right .rcc .qie .diqiu_1{filter: grayscale(0.5) brightness(0.5);} */

.div1:hover .head_t span {color: #333;}

.div1:hover .head_b .right ul li h3 {color: #333;}
/* .div1:hover .head_b .right .rcc .qie a img { filter: grayscale(0.5) brightness(0.5); } */
.div1:hover .head_b .right .rcc .qie a span {color: #333;}
.div1:hover .head_b .right .rcc .search{color: #333;}
/* .div1:hover .head_b .right .rcc .qie .diqiu_1{filter: grayscale(0.5) brightness(0.5);} */
.div1:hover .head_t { border-color: #b8b7b7; }
.div1:hover{background-color: #f7f8fb;    box-shadow: 0px 1px 1px #c5c5c5;}
.div1:hover .head_b .right .rcc .qie::before{ background-color: #333;}
.div1:hover .head_b .right .rcc .qie .diqiu_1{display: none;}
.div1:hover .head_b .right .rcc .qie .diqiu_2{display: block;}

.div1 .head_b .right ul li:hover h3{color: #20b581;}
.div1:hover .head_b .right .rcc .qie:hover a span{color: #20b581;}
.div1 .head_b .right .rcc .search:hover {color: #20b581;}
.div1:hover .head_b .logo_b{display:none;}
.div1:hover .head_b .logo_c{display: block;}

/* banner */
.sy_banner {height: 100vh;width: 100%;position: relative;}
.sy_banner .box  {overflow: hidden;height: 100%;}
.sy_banner .box img{height: 100%;}
.sy_banner .main  {position: absolute;left: 50%;transform: translateX(-50%);bottom: 86px;z-index: 1;}
.sy_banner .main  .icenter {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.sy_banner .main .top h3{    font-size: 40px; font-weight: bold; text-align: center; margin-bottom: 10px;}
.sy_banner .main .top h4{font-size: 24px;    text-align: center;}
.sy_banner .main .top{margin-bottom: 304px;}
.sy_banner .main  .bot {width: 100%;}
.sy_banner .main  .bot ul {display: flex;justify-content: space-between;align-items: center;}
.sy_banner .main  .bot ul li {width: 33.3%;display: flex;align-items: center;justify-content: center;}
.sy_banner .main  .bot ul li h5 span{font-size: 50px;font-family: arial;}
.sy_banner .main  .bot ul li h5 {display: flex;    align-items: center;margin-right: 20px;   font-size: 50px;font-family: arial;}
.sy_banner .main  .bot ul li h5 i {    font-size: 50px; font-style: unset; width: 35px; height: 62px;}    
.sy_banner .main  .bot ul li  h6 {font-size: 18px;color: rgba(255, 255, 255, 0.7);}
.sy_banner .main  .bot ul li:nth-of-type(2){position: relative;}
.sy_banner .main  .bot ul li:nth-of-type(2)::after{content: ""; position: absolute;right: 0px;height: 20px;width: 1px;background-color: rgba(255, 255, 255, 0.5);}
.sy_banner .main  .bot ul li:nth-of-type(2)::before{content: ""; position: absolute;left: 0px;height: 20px;width: 1px;background-color: rgba(255, 255, 255, 0.5);}
.sy_banner .c-mouse { bottom: 70px; }
.sy_banner .c-mouse { position: absolute; bottom: 198px; left: 50%; z-index: 7; margin-left: -15px; width: 30px; height: 46px; background: url(../img/sb.png)no-repeat center / 100%; animation: jump 1.5s linear infinite; -webkit-animation: jump 1.5s linear infinite; cursor: pointer; z-index: 1; }

@-webkit-keyframes jump {
    0% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-10px)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(10px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes jump {
    0% {
        transform: translateY(0)
    }
    25% {
        transform: translateY(-10px)
    }
    50% {
        transform: translateY(0)
    }
    75% {
        transform: translateY(10px)
    }
    to {
        transform: translateY(0)
    }
}

.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
.swiper-slide img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards; }







#output{position: absolute; right: -151px; top: -54px; display: none; border: 1px solid #ddd; padding: 4px; background-color: #fff}
#output1{    position: absolute; right: -44px; top: -148px; display: none; border: 1px solid #ddd; padding: 4px; background-color: #fff;}
.fa-weixin:hover #output{display: block;}
.fa-weixin:hover #output1{display: block;}


/* common */
.amore{width: 183px;height: 45px;font-size: 16px;text-align: center;line-height: 45px;border-radius: 5px;border: 2px solid rgba(255, 255, 255 , 0.5);position: relative;}
.amore::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.amore:hover { border-color: #20b581; background-color: #20b581; }
.amore > span { display: block;color: rgba(255, 255, 255 , 0.8); }
.amore::after, .amore > span {  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.amore:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.amore:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.amore2:hover{ border-color: #20b581!important; background-color: #fff!important;}
.amore2:hover > span{color: #20b581;}
.amore2::after {color: #20b581;;}


/* index01 */
.index01 {padding: 100px 0; background: url("../img/sy_cpbj.jpg");background-size: cover;overflow: hidden;position: relative;     background-attachment: fixed;}
.index01 .top {display: flex;justify-content: space-between;align-items: center;padding-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.index_F .cc h3{font-size: 50px;font-weight: bold;color: #20b581;margin-bottom: 4px;}
.index01 .cc h3{color: #fff;}
.index_F .cc h4{font-size: 20px;}
.index01  .bot {padding-top: 42px;display: flex;    justify-content: space-between;}
.index01  .bot .b_le {width: 66.25%;height: 100%;}
.index01  .bot .b_ri {width: 32.4%;height: 100%;}
.index01  .bot .b_le .top_c {    background-color: #20b581; background-size: cover; padding: 59px 10px 59px 30px; margin-bottom: 21px; border-radius: 10px; height: 263px; box-sizing: border-box; }
.index01  .bot .b_le .top_c a {display: flex;align-items: center;justify-content: space-between;}
.index01  .bot .b_le .top_c a .icon {    margin-right: 16px; position: relative; top: -5px;}
.index01  .bot .b_le .top_c a .icon img{width: 42px;    filter: grayscale(1) brightness(10);}
.index01  .bot .b_le .top_c a .text h3{font-size: 26px;font-weight: bold;filter: grayscale(1) brightness(6);}
.index01  .bot .b_le .top_c a .text .text_top {display: flex;justify-content: space-between;margin-bottom: 19px;align-items: center;}
.index01  .bot .b_le .top_c:hover  .text .text_top .jian {-webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
.index01  .bot .b_le .top_c:hover .bao img{transform: scale(1.05);}
.index01  .bot .b_le .top_c .bao {overflow: unset;}
.index01  .bot .b_le .top_c a .text p{font-size: 16px;color: rgba(255, 255, 255, 0.6);}
.index01  .bot .b_le .top_c a  .box {display: flex;width: 68%;}
.index01  .bot .b_le .top_c a  .bao {width: 24.7%;}
.index01  .bot .b_le .bot_c {display: flex;justify-content: space-between;}
.index01  .bot .b_le .bot_c .ce {width: 49%;}
.index01  .bot .ce .ce_box {display: flex;align-items: center;}
.index01  .bot .ce a {  display: flex; padding: 28.7px; align-items: center; justify-content: space-between; height: 120px; box-sizing: border-box;}
.index01   .ce {background-color: #fff;border-radius: 10px;}
.index01  .bot .ce a  img {width: 42px;margin-right: 16px;transition: 0.1s;}
.index01  .bot .ce a span {    font-size: 24px; color: #20b581; font-weight: bold; height: 60px; display: flex; align-items: center;}
.index01  .bot .b_ri  li{margin-bottom: 17px;width: 100%;margin-bottom: 4.12%;}
.index01  .bot .b_ri ul {display: flex;flex-direction: column;align-items: stretch;}
.index01  .bot .b_ri  li:last-child{margin-bottom: 0px;}
.index01  .bot .ce  a .jian {justify-self: flex-end;}
.index01  .jian { width: 36px; height: 9px; background: url("../img/jian.png")no-repeat center / 100%; -webkit-transform: translateX(-20px); transform: translateX(-20px); opacity: 0; transition: .5s; }
.index01  .bot .ce:hover .jian { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; filter: grayscale(10) brightness(10);}
.index01  .bot .ce:hover {background-color: #20b581;}
.index01  .bot .ce:hover img {filter: grayscale(1) brightness(6);}
.index01  .bot .ce:hover span {color: #fff;}


/* index02 */
.index02 {padding: 100px 0;}
.index02 .top {display: flex;align-items: center;justify-content: space-between;margin-bottom: 31px;}
.index02 .top .cc h4 {color: #666666;}
.index02 .top .ri .amore {background-color: #20b581;color: #fff;border-color: #20b581;}
.index02  ul {display: flex;justify-content: space-between;}
.index02  ul li {width: 30.88%;}
.index02  ul li .bao{border-radius: 10px;}
.index02  ul li .bao img{height: 100%;}
.index02  ul li:hover .bao img{transform: scale(1.1);}
.index02  ul li .xx{padding: 20px 40px 0 0;box-sizing: border-box;}
.index02  ul li .xx h5 {font-size: 16px;font-family: arial;color: #999999;margin-bottom: 28px;}
.index02  ul li .xx h3 {font-size: 24px;font-weight: bold;line-height: 34px;margin-bottom: 42px;color: #333333;}
.index02  ul li .xx h4 {display: flex;align-items: center;}
.index02  ul li .xx h4  span {font-size: 16px; color: #999999; display: block; margin-right: 8px;}
.index02  ul li .xx h4 img {width: 16px; height: 13px;}
.index02  ul li:hover h4 span{color: #20b581;}
.index02  ul li:hover h3 {color:#20b581;}


/* index03 */
.index03{display: flex;position: relative;overflow: hidden;}
.index03 .left{width: 64.7%;}
.index03 .left .bao {height: 100%;}
.index03 .left .bao img{height: 100%;}
.index03 .left .wen {position: absolute;left: 77%;top: 50%;transform: translate(-50%,-50%);    z-index: 1;}
.index03 .left .wen .icon img {width: 42px;}
.index03 .left .wen .icon {margin-bottom: 19px;}
.index03 .left .wen h3 {font-size: 60px;font-weight: bold;margin-bottom: 30px;}
.index03 .left .wen p {position: relative;padding-top: 30px;font-size: 18px;line-height: 30px;margin-bottom: 70px;border-top: 2px solid rgba(255, 255, 255 , 0.5);    width: 514px; padding-right: 77px; box-sizing: border-box;}
.index03 .left .wen p::before{position: absolute;content: "";width: 100px;height: 2px;background-color: #20b581;top: -2px;}
.index03 .left .wen a {width: 158px;height: 40px;line-height: 40px;}
.index03 .right {    z-index: 1; width: 35.3%;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 110px 130px 100px;background-color: #f5f5f5;}
.index03 .right  .cc {margin-bottom: 16px;}
.index03 .right  .cc h4 {color: #666666;text-align: center;}
.index03 .right p {font-size: 16px;color: #666666;margin-bottom: 62px; text-align: center;}
.index03 .right .box{    margin-bottom: 188px; position: relative; }

.index03 .right .num {display: flex;align-items: center;}
.index03 .right .num .sp_1{font-size: 16px;color: #20b581;}
.index03 .right .num .line {width: 20px;height: 1px;margin: 0 15px;background-color:#666666 ;}
.index03 .right .num .sp_2 {font-size: 16px;color: #666666;}
.index03 .right .box .swiper { border-radius: 90px; width: 278px; height: 136px;overflow: hidden;}
.index03 .right .box .in03Swiper_ri-prev,.index03 .right .box .in03Swiper_ri-next {outline: none; font-size: 24px;color: #20b581; border-radius: 50%; border: 1px solid #20b581; top: 225px; background-image: none; background-color: #fff;width: 50px;height: 50px;border: 1px solid #20b581;justify-content: center;align-items: center;display: flex;box-sizing: border-box;}
.index03 .right .box .in03Swiper_ri-prev {left: 28%!important;}
.index03 .right .box .in03Swiper_ri-next {right: 28%!important;}
.swiper-button-next:after, .swiper-button-prev:after {display: none;}
.index03 .right .box .in03Swiper_ri-prev img,.index03 .right .box .in03Swiper_ri-next img {width: 29px;transition: 0.1s;}
.index03 .right .box .in03Swiper_ri-prev:hover,.index03 .right .box .in03Swiper_ri-next:hover {background-color: #20b581;}
.index03 .right .box .in03Swiper_ri-prev:hover img,.index03 .right .box .in03Swiper_ri-next:hover img {filter: grayscale(1) brightness(10);}


.index03 .left .swiper {height: 100%;    overflow: hidden;}
.index03 .left .swiper .bao {height: 100%;}
.index03 .left .swiper .bao::after{content: ""; position: absolute;top: 0;left: 0px;width: 100%;height: 100%;     background: linear-gradient(to right,rgba(0,0,0,0.6),transparent 85%);}
.index03 .left .swiper .bao img{height: 100%;}
.swiper{ width: 100%; height: 100%; }
.slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; color: #fff; }
.index03 .left .swiper .swiper-wrapper {width: 100%;height: 100%;}
.index03 .left .swiper .swiper-wrapper .swiper-slide{ width: 100%; height: 100%; }




/* index04 */
.index04{padding: 150px 0 100px;background: url("../img/sy_gybj.jpg");background-size: cover;position: relative;overflow: hidden;}
.index04 .icenter {display: flex;justify-content:flex-end;padding-left: 383px;box-sizing: border-box;flex-direction: column;position: relative;}
.index04 .icenter .cc {margin-bottom: 38px;}
.index04 .icenter .cc h3 {text-align: end;}
.index04 .icenter .cc h4 {color: #666666;text-align: end;}
.index04  .videobox {position: relative;}
.index04  .videobox .bo {     cursor: pointer; left: 50%;top: 50%;transform: translate(-50%,-50%); background-color: #fff; position: absolute;width: 65px;height: 65px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: #20b581;font-size: 20px;}
.index04  .videobox .bo:hover {background-color: #20b581;color: #fff;}
.index04  .videobox .bo:before { position: relative; left: 2px; }
.index04  .tie {position: absolute;left: 0px;top: -50px;width: 543px;}
.index04  .tie  .top { -webkit-background: linear-gradient(to right,#051ea1,#3450e9); background: linear-gradient(to right,#159f8c,#26a365); border-bottom: 1px solid rgba(255, 255, 255 , 0.5);width: 100%;padding: 82px 80px 60px;box-sizing: border-box;display: flex;flex-direction: column;}
.index04  .tie  .top h3 {    font-size: 26px; font-weight: bold; line-height: 36px; margin-bottom: 32px;}
.index04  .tie  .top h4 {font-size: 18px;color: rgba(255, 255, 255 , 0.6);}
.index04  .tie  .bot {align-items: center; width: 100%;padding: 68px 80px 80px;display: flex;justify-content: space-between;box-sizing: border-box;-webkit-background: linear-gradient(to right,#051ea1,#3450e9); background: linear-gradient(to right,#159f8c,#26a364);}
.index04  .tie  .bot .left h5{font-size: 30px;font-family: arial;line-height: 40px;margin-bottom: 70px;}
.index04  .tie  .bot .left a {width: 120px;height: 40px;line-height: 40px;}
.index04  .tie  .bot .right a {margin-bottom: 19px;}
.index04  .tie  .bot .right a:last-child{margin-bottom: 0px;}
.index04  .tie  .bot .right a  img {width: 32px;}
.index04 .tie .bot .right a:hover img {transform: rotateY(180deg);}


/* vi_show */

.vi_show {   display: flex; display: none; justify-content: center;align-items: center;  position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; font-size: 0; z-index: 99999999999;background: rgba(0, 0, 0, 0.9);}
.vi_show video {width: 60%;height: 65%;object-fit: cover;}
.vi_show .close { transition: 0.5s;   position: absolute; top: calc(52px + 2%); right: 5%; width: 30px; height: 30px; cursor: pointer; background: url("../img/close.svg"); background-repeat: no-repeat;}
.vi_show .close:hover {transform: rotate(180deg);}



/* index05 */
.index05 {  background: url("../img/sy_hzbj.jpg");background-size: cover;position: relative;overflow: hidden;padding: 100px 0 170px;display: flex;justify-content: center;align-items: center;flex-direction: column;    background-attachment: fixed;}
.index05 h3 {font-size: 50px;font-weight: bold;margin-bottom: 20px;text-align: center;}
.index05 h4 {font-size: 20px;text-align: center;}



/* index06 */
.index06 {background-color: #f5f5f5;padding: 90px 0;}
.index06  ul li { width: 19%; margin-right: 16px; margin-bottom: 16px; }
.index06 ul { display: flex; justify-content: center; align-items: center; flex-flow: wrap; position: relative;top: -200px;}
.index06 ul li:nth-of-type(5n) { margin-right: 0px; }



/* footer */
.footer {background-color: #242933;padding: 100px 0 0px;position: relative;      overflow: hidden; }
.footer .top {display: flex;justify-content: space-between;padding-bottom: 38px;}
.footer .top .left {width: 81.7%;}
.footer .top .left ul {display: flex;justify-content: space-between;}
.footer .top .left ul li {margin-right: 105px;}
.footer .top .left ul li:last-child{margin-right: 0px;}
.footer .top .left ul li h3  {margin-bottom: 19px;}
.footer .top .left ul li h3 a {font-size: 18px;    font-weight: bold;}
.footer .top .left ul li .min a {margin-bottom: 10px;font-size: 14px;color: rgba(255, 255, 255 , 0.5);}
.footer .top .left ul li .min a:hover {color: #fff;}


.footer .top .right {width: 7.75%;}
.footer .top .right img {width: 100%;margin-bottom: 10px;}
.footer .top .right span {font-size: 16px;font-weight: bold;    text-align: center;}

.footer .mid {padding: 27px 0;border-top: 1px solid rgba(255, 255, 255 , 0.2);border-bottom: 1px solid rgba(255, 255, 255 , 0.2);}
.footer .mid dl{display: flex;justify-content: space-between;}
.footer .mid dl dd {width: 342px;}
.footer .mid dl dd h3{font-size: 18px;font-weight: bold;    margin-bottom: 5px;}
.footer .mid dl dd .mid_box{display: flex;}
.footer .mid dl dd .mid_box .icon {     color: rgba(255,255,255,0.5); font-size: 18px; position: relative; top: 2px; margin-right: 6px;}


.footer .mid dl dd .mid_box  p {    font-size: 14px; color: rgba(255, 255, 255 , 0.5); line-height: 22px;}
.footer .bot{ padding: 37px 0;display: flex;justify-content: space-between;align-items: center;}
.footer .bot .left {display: flex;}
.footer .bot .left span,.footer .bot .left a {font-size: 14px;color: rgba(255, 255, 255 , 0.5);}
.footer .bot .left span:nth-of-type(2){position: relative; padding: 0 10px;margin: 0 10px;}
.footer .bot .left span:nth-of-type(2)::before{content: "";position: absolute;left: 0px;background-color: rgba(255, 255, 255 , 0.5);    height: 13px; width: 1px; top: 5px;}
.footer .bot .left span:nth-of-type(2)::after{content: "";position: absolute;right: 0px;background-color: rgba(255, 255, 255 , 0.5);    height: 13px; width: 1px; top: 5px;}
.footer .bot .right a{    position: relative; border-radius: 50%; margin-right: 10px; width: 32px; height: 32px; border: 1px solid rgba(255, 255, 255 , 0.5); display: flex; justify-content: center; align-items: center; font-size: 16px; color: rgba(255, 255, 255 , 0.5);}
.footer .bot .right {display: flex;}
.footer .bot .right a:hover {background-color: #20b581;color: #fff;}
.footer .bot .right a:last-child {margin-right: 0px;}
.footer .yue {left: 50%;transform: translateX(-50%); padding: 100px  0; position: absolute;top: -185px;background: url("../img/sy_hzbj2.jpg");background-size: cover;border-radius: 15px;display: flex;align-items: center;flex-direction: column;justify-content: center;display: none; }
.footer .yue h3 {font-size: 50px;margin-bottom: 20px;text-align: center;}
.footer .yue a {margin: auto;}

/* 浮窗 */
.fc{z-index: 999;    display: none; position: fixed; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: auto; z-index: 20; right: 0px; }
.fc ul{}
.fc ul li{width: 85px;height: 85px;background-color: #179d6e;border-radius: 6px;margin-bottom: 1px;    display: flex;flex-direction: column;align-items: center;justify-content: center;}
.fc ul li:hover{background-color: #19a574;}
.fc ul li a{display: flex;flex-direction:column;align-items: center;justify-content: center;}
.fc ul li a img{width: 32px;display: block;margin-bottom: 4px;}
.fc ul li a span{    font-size: 12px; color: #FFFFFF; text-align: center;}






.index_yue .yue {display: block;}
.index_yue{padding: 229px 0 0;overflow: unset;}

.fix {background-color: #fff;overflow: hidden;position: relative;}
/* ab */
.icenter1 {width: 1400px;margin: auto;}
.innerbanner .text h3{display: none;}
.innerbanner {position: fixed; top: 0px; left: 0px; height: fit-content; z-index: 0;    width: 100%;}
.innerbanner .text {position: absolute;left: 50%;top: 56%;transform: translate(-50%,-50%);z-index: 5;}
.innerbanner .text h3 {font-size: 40px;margin-bottom: 8px;text-align: center;}
.innerbanner .text h4 {font-size: 70px;font-weight: bold;    line-height: 73px; white-space: nowrap;    font-family: arial;}
.innerbanner::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }
.com_h3 {font-size: 44px;color: #20b581;margin-bottom: 18px;font-weight: bold;}
.ab01 {position: relative;overflow: hidden;padding: 100px 0;}
.ab01 p {font-size: 18px;color: #666666;line-height: 30px;}
.ab01 .dingwei {position: absolute;top: 0px;left: 0px;}

.ab02 {padding: 100px 0;position: relative;overflow: hidden;background: url(../img/ny_gy_bj1.jpg) 100%;background-size: cover;background-attachment: fixed;}
.ab02 ul {}
.ab02 ul  li {display: flex;margin-bottom: 42px;}
.ab02 ul  li:last-child {margin-bottom: 0px;}
.ab02 ul  li h3 {    font-size: 38px; font-weight: bold; width: 228px;}
.ab02 ul  li p {    padding-left: 20px; margin-left: 20px;    border-left: 1px solid rgba(255,255,255,0.4);font-size: 18px; line-height: 30px; width: 363px;}
.ab03 {padding: 100px 0;position: relative;overflow: hidden;}
.ab03  h3 {text-align: center;    margin-bottom: 30px;}
.ab03 dl {display: flex; flex-flow: wrap;}
.ab03 dd {    width: 32%; margin-right: 2%; overflow: hidden; position: relative; margin-bottom: 2%;}
.ab03 dd::after {position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);content: "";}
.ab03 dd:nth-of-type(3n){margin-right: 0px;}
.ab03 dd:hover img {transform: scale(1.1);}
.ab03 dd .text {       font-size: 20px; line-height: 28px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; color: #fff; width: 80%; display: flex; justify-content: center; align-items: center; text-align: center;}
.ab03 dd .bot {position: absolute; bottom: 0px; width: 100%; text-align: center; padding: 6px 0; background: rgba(0, 0, 0, 0.4); z-index: 1;}
.ab03 dd .bot  span {color: #fff;opacity: 0.7;font-size: 16px;text-align: center;}
.ab03 dd:hover .bot span{opacity: 1;}
.ab03 .dingwei {position: relative; top: -90px; left: 0px; height: 2px;}

.ab04 {position: relative;overflow: hidden;background: url(../img/ny_gy_bj2.jpg) 100%;background-size: cover;background-attachment: fixed;padding: 110px 0;}
.ab04  .top, .ab04 h3 {padding: 0 90px;box-sizing: border-box;}
.ab04  .top {margin-bottom: 22px;    position: relative;}
.ab04 .box {display: flex;justify-content: space-between;align-items: center;}
.ab04 .box  .left {width: 45%;}
.ab04 .box  .left h4 {line-height: 90px; font-size: 90px; font-family: arial; font-weight: bold; color: #20b581; margin-bottom: 0px;}
.ab04 .box  .left h5 {font-size: 26px;font-family: arial;margin-bottom: 34px;text-transform: uppercase;}
.ab04 .box  .left p {opacity: 0.7;line-height: 32px;font-size: 18px;}
.ab04 .box  .right {width: 40%;position: relative;overflow: hidden;}
.ab04 .box .right:hover img{transform: scale(1.1);}
.ab04Swiper_top ,.ab04Swiper_bot{overflow: hidden;}
.ab04Swiper_bot {padding: 38px 0;}
.ab04 .top .fa {opacity: 0.7; outline: none; background: none;width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 28px;color: #fff;border: 1px solid #fff;}
.ab04 .top .fa:hover {opacity: 1;}
.ab04 .swiper-button-prev {left: 0px;}
.ab04 .swiper-button-next {right: 0px;}
.ab04 .bot  .box {position: relative;display: flex;justify-content: center;align-items: center;    cursor: pointer;}
.ab04 .bot  .box .dot {width: 7px;height: 7px;border-radius: 50%;background-color: #fff;position: relative;}
.ab04 .bot  .box .dot::after{  display: none;   content: ""; position: absolute; top: -50%; left: -50%; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #20b581;}
.ab04 .bot  .box .wen {       color: #fff; font-size: 18px; font-family: arial; position: absolute; top: 0px; padding-top: 25px;}
.ab04 .bot  .box:hover .wen{color: #20b581;}
.ab04 .bot  .box:hover .dot {background-color: #20b581;}
.ab04 .bot  .box:hover .dot::after{display: block;}
.ab04 .bot  {position: relative;}
.ab04 .swiper-slide-thumb-active .dot{background-color: #20b581!important;}
.ab04 .swiper-slide-thumb-active .dot::after{display: block!important;}
.ab04 .swiper-slide-thumb-active .wen {color: #20b581!important;}
.ab04 .dingwei {position: relative; top: -90px; left: 0px; height: 2px;}

.ab04 .bot::before{    position: absolute; top: 50%; left: 0px; transform: translateY(-50%); background-color: rgba(255, 255, 255, 0.5); content: ""; width: 100%; height: 1px;}
.ab05 {position: relative;overflow: hidden;padding: 110px 0;}
.ab05 .top {display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 30px;}
.ab05 .top  p {    text-align: center; font-size: 22px; color: #666666; line-height: 36px; width: 990px;}
.ab05 .mid {position: relative;overflow: hidden;padding: 80px 0;padding-left: 80px;margin-bottom: 36px;display: flex;justify-content: space-between;    align-items: center;}
.ab05 .mid .left{width: 48%;z-index: 1;}
.ab05 .mid .right{width: 44%;z-index: 1;overflow: hidden;position: relative;}
.ab05 .mid .right:hover img {transform: scale(1.1);}
.ab05 .mid::after {position: absolute;content: "";left: 0px;top: 0px;width: 74%;height: 100%;background-color: #e7e7e7;}
.ab05 .mid .left h4 {font-size: 34px;font-weight: bold;color: #333333;margin-bottom: 26px;}
.ab05 .mid .left p {     font-size: 14px; color: #666666; line-height: 24px; height: 279px; overflow-y: scroll; padding-right: 20px;}
.ab05 .mid .left p::-webkit-scrollbar { height: 1px; width: 3px; }
.ab05 .mid .left p::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.ab05 .mid .left p::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }

.ab05 ul {display: flex;justify-content: space-between;}
.ab05 ul li {width: 31%;padding-bottom: 24px;border-bottom: 1px solid #e3e3e3;}
.ab05 ul li h5 {font-size: 40px;color: #20b581;margin-bottom: 5px; font-family: "alibb";}
.ab05 ul li strong {font-weight: normal;color: #20b581;font-size: 80px; font-family: "alibb";}
.ab05 ul li h6 {font-size: 16px;color: #666666;}
.ab06 {padding: 100px 0;position: relative;overflow: hidden;background: url(../img/ny_gy_bj3.jpg);background-size: cover;background-attachment: fixed;}
.ab06 .fa { opacity: 0.7;   background: none; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 28px; color: #fff; border: 1px solid #fff; top: 41%;}
.ab06 .fa:hover {opacity: 1;}
.ab06 .com_h3 { font-size: 44px; color: #fff; margin-bottom: 10px; text-align: center; }
.ab06Swiper{overflow: hidden;    padding: 20px 0;}
.ab06 .swiper-button-prev {left: -70px;}
.ab06 .swiper-button-next {right: -70px;}
.ab06  .bot {position: relative;}
.ab06 .dingwei {position: absolute;top: 0px;left: 0px;}
.honormin a{ display: block; cursor: pointer;  transition: all .3s ease;  position: relative;}
.honormin a p{display: block; overflow: hidden; position: relative;    transition: all .3s ease;}
.honormin a:hover p{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);}
.honormin a:hover{transform: translateY(-10px);}
.honormin a p .bg{display: block;position: relative;width: 100%;}
.honormin a p .it{     width: auto;   position: absolute;    top: 50%;    left: 50%; max-height:80%;     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);  transform: translate(-50%, -50%);}
.honormin a span{display: block;    text-align: center;    color: #fff;    font-size: 24px;    margin: 20px 0 0 0;}
.honormin a:hover span{    color: #20b581;}

.imgshowmask{width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);position: fixed;top: 0;left: 0;z-index: 9999999;display: none;}
.imgshow{width: 60%;height: 80%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;top: 10%;left: 20%;background-color: #ffffff;}
.imgshow p img{ display: block; width: auto; max-width: 100%;  min-width: 300px;  margin: 0 auto;}

.ab07 {position: relative;overflow: hidden;padding: 100px 0 150px;background: url(../img/ny_gy_bj4.jpg);background-size: cover;}
.ab07 img {width: auto;margin-bottom: 30px;}
.ab07 p {font-size: 18px;color: #333333;line-height: 30px;margin-bottom: 60px;    width: 900px;text-align: center;}
.ab07 .dingwei {position: absolute;top: 0px;left: 0px;}
.ab07 .icon { width: 80px; height: 80px; position: relative; margin: 0 auto; margin-bottom: 22px;  background-color: #20b581; border-radius: 50%;}
.ab07 .icon a {    display: flex; align-items: center; width: 100%; justify-content: center; height: 100%;}
.ab07 .icon::after{content: "";position: absolute;width: 265px;height: 0.1px;transform: translateY(-50%);top: 50%;background-color: #20b581;left: 130px;}
.ab07 .icon::before{content: "";position: absolute;width: 265px;height: 0.1px;transform: translateY(-50%);top: 50%;background-color: #20b581;right: 130px;}
.ab07 .icon h5 {    font-size: 15px; color: #fff; z-index: 2; text-align: center;}
.ab07 .icon .ring { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.ab07 .icon .ring span { background-color: #20b581; }
.ab07 .icon  .ring span { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; -webkit-animation: ringscale 2s linear infinite; -moz-animation: ringscale 2s linear infinite; -ms-animation: ringscale 2s linear infinite; animation: ringscale 2s linear infinite; opacity: 0; }
.ab07 .icon  .ring span:nth-of-type(2) { animation-delay: .7s; }
.ab07 .icon  .ring span:nth-of-type(3) { animation-delay: 1.4s; }
.ab07 .icenter1{display: flex;justify-content: center;align-items: center;flex-direction: column;}


@keyframes ringscale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    transform: scale(1.6);
  }
}


/* join */
.join {background-color: #f7f8fb;overflow: hidden;position: relative;padding: 100px 0;}
.join .item {margin-bottom: 30px;}
.join .top {     cursor: pointer;box-shadow: 0 0 10px #ddd;padding: 50px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.join .top .left h3 {font-size: 34px;color: #333;font-weight: bold;margin-bottom: 8px;}
.join .top .left span {font-size: 18px;color: #666666;}
.join .top i {font-size: 60px;color: #333;}
.join .top i.two {display: none;}
.join .top:hover h3{color: #20b581;}
.join .top:hover i {color: #20b581;}
.join .active .top .left h3{color: #20b581;}
.join .active .top i {color: #20b581;}
.join .bot {display: none; padding: 50px 60px;}
.join .bot .box {margin-bottom: 24px;}
.join .bot .box h4 {font-weight: bold;color: #333333;font-size: 20px;margin-bottom: 30px;}
.join .bot .box p {font-size: 16px;line-height: 36px;color: #666666;}
.join .bot h6 {font-size: 20px;color: #666;}
.join .bot h6 span {color: #20b581;font-size: 20px;display: inline-block;}

/* product */
.amore3 { background-color: #20b581; color: #fff; border-color: #20b581; }
.pro{position: relative;overflow: hidden;}
.pro .left {    float: left; overflow: hidden; width: 19%; background-color: #f0f0f0; box-sizing: border-box; border-left: 6px solid #20b581;    min-height: 1160px;}
.pro .left .title {    font-size: 36px; padding: 47px;box-sizing: border-box;background-color: #20b581;    color: #fff;}
.pro .left .af a ,.pro .left .amin a {height: 70px;padding: 0 40px;box-sizing: border-box;border-bottom: 1px solid #d6d6d6;    width: 100%;}
.pro .left .af{justify-content: space-between;display: flex;align-items: center;}
.pro .left .af a {      font-size: 18px; height: 75px;color: #333333; display: flex; align-items: center; justify-content: space-between;}
.pro .left .af i {color: #333333;font-size: 26px;}
.pro .left li.on .af a {color: #20b581;}
.pro .left li.on .af a i{color: #20b581;}
.pro .left .af .two {display: none;}
.pro .left .af a:hover i {color: #20b581;}
.pro .left .amin {display: none;}
.pro .left .amin  a{    font-size: 14px; color: #666666; display: flex; align-items: center; justify-content: space-between; height: 55px; padding: 0 60px;}
.pro .left .af a:hover,.pro .left .amin a:hover{color: #20b581;}

.pro .right {float: right;overflow: hidden;width: 81%;padding: 110px;box-sizing: border-box;background-color: #f7f8fb;     min-height: 1160px;}
.pro .right .title {    font-size: 34px; font-weight: bold; color: #333333; position: relative; padding-left: 26px; margin-bottom: 60px;}
.pro .right .title::before{    content: ""; position: absolute; height: 35px; width: 3px; background-color: #20b581; left: 0px; top: 6px;}
.pro .right dl {display: flex;margin-bottom: 60px;    flex-flow: wrap;}
.pro_cc {    width: 31%; margin-right: 3.333%; background-color: #ffffff; box-shadow: 0 0 2px #ddd; margin-bottom: 3.333%; padding: 43px; box-sizing: border-box;}
.pro .right dl dd:nth-of-type(3n){margin-right: 0px;}
.pro_cc:hover  .bao img {transform: scale(1.1);}
.pro_cc .bao img {width: 310px;}
.pro_cc .bao  {margin-bottom: 20px;}
.pro_cc h4 {    font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #333333; height: 64px;}
.pro_cc:hover h4{color: #20b581;}
.pro_cc h5 {font-size: 18px;color: #666666;margin-bottom: 28px;}
.pro_cc p {font-size: 16px;color: #666666;line-height: 26px;margin-bottom: 40px;    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; overflow: hidden;}
.pro_cc .bot {display: flex;justify-content: space-between;align-items: center;}
.pro_cc .bot .amore {      width: 108px; height: 36px; line-height: 36px; font-size: 15px; background-color: #fff;}
.pro_cc .bot .amore span { color: #20b581;}
.pro_cc .bot .amore:hover { border-color: #20b581!important; background-color: #20b581!important; color: #fff!important; }
.pro_cc .bot .icon img {width: 30px;}
.pro_cc .bot .amore::after { color: #fff; }

.page {display: flex;justify-content: center;align-items: center;}
.page a {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}
.page a:last-child{margin-right: 0px;}
.page a.active {color: #fff;background-color: #20b581;border-color: #20b581;}
.page a:hover {color: #fff;background-color: #20b581;border-color: #20b581;}



/* proinfo */
.proF {background-color: #f7f8fb;}
.proinfo_banner .text h3 {font-size: 36px;}
.proinfo_banner .text h4 {font-size: 44px;}
.proinfo {padding: 100px 0 ;overflow: hidden;position: relative;    background-color: #f7f8fb;}
.icenter3 {width: 1200px;margin: auto;}
.proinfo_h3 {font-size: 40px;color: #20b581;margin-bottom: 32px;font-weight: bold;}
.proinfo01{background-color: #fff;}
.proinfo01 h4{font-size: 22px;font-weight: bold;margin-bottom: 18px;font-weight: bold;position: relative;    color: #333;}
.proinfo01 h4::after{     content: ""; position: absolute; transform: translateY(-50%); width: 64%; right: 0%; background-color: #dddddd; height: 1px; top: 50%;}
.proinfo01 .left {width: 53%;}
.proinfo01 .left p {font-size: 16px;line-height: 26px;color: #333333;margin-bottom: 40px;}
.proinfo01 .left .bot {display: flex;}
.proinfo01 .right {width: 36%; border: 1px solid #ddd; position: relative; overflow: hidden; padding: 70px 20px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.proinfo01 .right img {width: 370px;}
.proinfo01 .right:hover img{transform: scale(1.1);} 
.proinfo01 .icenter3 {display: flex;justify-content: space-between;align-items: center;}
.proinfo01 .left .amore { width: 160px; height: 40px; line-height: 40px; font-size: 16px; background-color: #fff; border: 2px solid #20b581; display: flex; align-items: center; justify-content: center;}
.proinfo01 .left .amore:nth-of-type(1){    margin-right: 20px; background-color: #20b581;}
.proinfo01 .left .amore:nth-of-type(1) span{color: #fff;}
.proinfo01 .left .amore:nth-of-type(1):hover span { opacity: 1;transform: translate3d(0,0,0); color: #20b581!important;}
.proinfo01 .left .amore:nth-of-type(1) img{transition: 0s; filter: grayscale(5) brightness(10);}
.proinfo01 .left .amore:nth-of-type(1):hover img{filter:none;}
.proinfo01 .left .amore:nth-of-type(1):hover{    background-color: #fff!important;}
.proinfo01 .left .amore:nth-of-type(2):hover span { opacity: 1;transform: translate3d(0,0,0); color: #20b581!important;}
.proinfo01 .left .amore:nth-of-type(2) span{color: #20b581;}
.proinfo01 .left .amore:nth-of-type(2) img{transition: 0s; filter:none;}
.proinfo01 .left .amore:nth-of-type(2):hover img{filter:grayscale(5) brightness(10);}
.proinfo01 .left .amore:nth-of-type(2):hover{    background-color: #20b581!important;}
.proinfo01 .left .amore:nth-of-type(2):hover span { opacity: 1;transform: translate3d(0,0,0); color: #fff!important;}
.proinfo01 .left .amore span { color: #20b581;margin-right: 10px;}
.proinfo01 .left .amore:hover { border-color: #20b581!important; background-color: #20b581!important; color: #fff!important; }
.proinfo01 .left::after { color: #fff; }
.proinfo01 .left .amore img {width: 20px;}
.proinfo01 .left .amore::after{display: none;}
.proinfo01 .left .amore video {display: none;}

.vi_box {     top: 0px; left: 0px; display: none; position: fixed;width: 100%;height: 100%;z-index: 999;background-color: rgba(0,0,0,0.8);}
.vi_box .box {height: 100%;width: 100%; display: flex;justify-content: center;align-items: center;}
.vi_box .box  video{  width: 100%;height: 100%;   position: relative;  object-fit: cover; display: block;}
.vi_box .box  .video {position: relative;width: 70%; height: 68%;}
/* .vi_box .box  .video .close {position: absolute; font-size: 50px; right: -34px; top: -51px; color: #0068b6; transition: 0.3s; cursor: pointer;} */
.vi_box .box  .video img.close{    cursor: pointer;width: auto;position: absolute;right: -40px;top: -40px;transition: all .3s;pointer-events: painted;}
.vi_box .box  .video .close:hover {transform: rotate(135deg);}


.proinfo02 li{    padding: 0px 0 10px;color: #666;}
.proinfo03{background-color: #fff;}
.proinfo03 ul {border-bottom: 0px; display: flex;justify-content: space-between;    border: 1px solid #ddd;}
.proinfo03 ul li{background-color: #f7f8fb}
.proinfo03 ul li:nth-of-type(1)  {width: 20%;}
.proinfo03 ul li:nth-of-type(2)  {width: 80%;background-color: #fff;}
.proinfo03 ul li:nth-of-type(1) p { border-bottom: 1px solid #fff; padding-left: 40px; box-sizing: border-box; font-size: 15px; color: #333333; font-weight: bold; height: 60px; display: flex; align-items: center;}
.proinfo03 ul li:nth-of-type(2) p {  border-bottom: 1px solid #fff; padding-left: 40px;box-sizing: border-box;font-size: 15px;color: #666666; height: 60px; display: flex; align-items: center;}
.proinfo03 ul li:nth-of-type(1) p{background-color:#f7f8fc;}
.proinfo03 ul li:nth-of-type(2) p:last-child{border: 0px;}
.proinfo03 ul li:nth-of-type(1) p:last-child{border: 0px;}
.proinfo04 .bot{position: relative;}
.proinfo04 .proinfo04Swiper {overflow: hidden;}
.proinfo04 .fa {    background: none; width: 46px; height: 46px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 32px; color: #a1a1a1; border: 1px solid #a1a1a1;}
.proinfo04 .swiper-button-prev {left: -100px;}
.proinfo04 .swiper-button-next {right: -100px;}
.proinfo04 .fa:hover {color: #20b581;}
.proinfo04 .box {width: 100%;margin-right: 0px;    margin-bottom: 0px;} 

.fan{padding: 50px 0; background-color: #fff;}
.fan .icenter3{display: flex;justify-content: space-between;position: relative;}
.fan .icenter3::after {    position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 30px; width: 1px; background-color: #b2b2b2;}
.fan .icenter3 a {font-size: 20px;color: #20b581;display: flex;align-items: center;    font-weight: bold;}
.fan .icenter3 a img {    transition: 0.3s; position: relative; left: 0px;top: 0px; font-size: 25px; display: block; margin-left: 10px;}
.fan .icenter3 a:nth-of-type(2) img{margin-right: 10px; margin-left: 0px;}
.fan .icenter3 a:hover {color: #20b581;}
.fan .icenter3 a:nth-of-type(1):hover img{left: 15px;}
.fan .icenter3 a:nth-of-type(2):hover {top: -10px;}
.fan .icenter3 a img {width: 28px;position: relative;}
.fan .icenter3 a:nth-of-type(2) img {width: 20px;}
.fan .icenter3 a:nth-of-type(2):hover img{animation:yao 0.5s; -webkit-animation:yao 0.5s; /* Safari 和 Chrome */}
@keyframes yao{
    from {
        transform: rotate(20deg);
    }
    to {
        transform: rotate(-10deg);
    }
}
@-webkit-keyframes yao{
    from {
        transform: rotate(20deg);
    }
    to {
        transform: rotate(-10deg);
    }
}

/* news */
.icenter4 {width: 1400px;margin: auto;}
.news {position: relative;overflow: hidden;padding: 100px 0;}
.news ul {display: flex;    flex-flow: wrap;}
.news ul li {    width: 31.5%; margin-right: 2.75%; margin-bottom: 2.75%;}
.news ul li:nth-of-type(3n){margin-right: 0px;}
.news ul li .bot {padding: 50px 0;}
.news ul li .bot h4 {display: flex; font-size: 18px; color: #666666; font-family: var(--arial); margin-bottom: 24px; align-items: flex-end;}
.news ul li .bot h4 strong{font-size: 50px; font-family: var(--arial); margin-right: 10px; line-height: 39px;}
.news ul li .bot h4 span {color: #666666;}
.news ul li .bot p {font-size: 22px;line-height: 36px;color: #333333;    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}
.news ul li {position: relative;}
.news ul li:hover .cc{opacity: 1;}
.news ul li .cc {    box-sizing: border-box; position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;opacity: 0;transition: .5s;    padding: 36px 32px;background: url("../img/news_bg.png");background-size: cover;}
.news ul li .cc h4 {    display: flex; margin-bottom: 16px; align-items: flex-end;}
.news ul li .cc h4 strong {font-size: 50px;font-family: var(--arial);margin-right: 10px;line-height: 39px;}
.news ul li .cc h4 span {font-size: 18px;font-family: var(--arial);}
.news ul li .cc h5 {    font-size: 20px; line-height: 26px; margin-bottom: 24px;    height: 130px;}
.news ul li .cc p {       font-size: 14px; line-height: 24px; margin-bottom: 28px;    height: 168px;}
.news ul li .cc .amore {width: 160px;height: 42px;line-height: 42px;}
.news ul li .cc .amore {background-color: #fff;}
.news ul li .cc .amore:hover {background-color: transparent;border-color: #fff;}
.news ul li .cc .amore::after{color: #fff;}
.news ul li .cc .amore span {color: #20b581;}

/* newsinfo */
.icenter5 {width: 1000px;margin: auto;}
.newsinfo_banner .text h5 {font-size: 40px;font-weight: bold;margin-bottom: 20px;}
.newsinfo_banner .text h6 {display: flex;}
.newsinfo_banner .text h6 span {font-size: 18px;margin-right: 20px;}
.newshowtxt{ display: block; overflow: hidden;padding: 100px 0;}
.newshowtxt p{ display: block; color: #333; font-size: 18px; line-height: 30px;    margin-bottom: 20px;}
.newshowtxt p b{color: #20b581;}
.newshowtxt img{ display: block; width: auto; max-width: 100%; margin: auto;    height: auto;}
.sxy{display: block; overflow: hidden; margin-top: 20px; border-top: 1px solid #ddd; }
.sxy a{ display: block; color: #666; border-bottom: 1px solid #ddd; padding: 16px 0; font-size: 18px;}
.sxy a:hover {color: #20b581;}
.bottomfx{display: block;margin-top: 30px;}
.bottomfx dt a{ display: block; width: 120px;    height: 40px;    border: 1px solid #20b581;    text-align: center;    line-height: 40px;    color: #20b581;    float: right;    font-size: 16px;}
.bottomfx dt a:hover{ color: #fff; background: #20b581;}
.bottomfx dd span{ color: #666; display: block;    float: left;    font-size: 18px;    line-height: 40px;    margin-right: 20px;}
.bottomfx dd .fx{    display: block;float: left;}
.bottomfx dd .fx a{position: relative;  display: block;    width: 40px;    height: 40px;    text-align: center;    line-height: 40px;    background: #eee;    border-radius: 50%;    color: #333;    float: left;    margin-right: 10px;}
.bottomfx dd .fx a:hover{color: #fff; background: #20b581;}
.bottomfx dt .amore span {color: #20b581;}


/* solu */
.solu_h3{font-size: 44px;font-weight: bold;color: #20b581;}
.solu01{padding: 200px 0;position: relative;overflow: hidden;}
.solu01 .left::before{position: absolute;content: "";left: 0px;top: 50%;height: 150%;width: 160%;background-color: #f7f8fb;transform: translateY(-50%);}
.solu01 .icenter1 {display: flex;justify-content: space-between;align-items: center;}
.solu01 .left {width: 44%;padding-left: 92px;box-sizing: border-box;position: relative;}
.solu01 .left  h3 {margin-bottom: 20px;}
.solu01 .left  p {    font-size: 18px; line-height: 30px; color: #666666; margin-bottom: 40px; overflow-y: scroll; height: 200px;}
.solu01 .left p::-webkit-scrollbar { height: 1px; width: 3px; }
.solu01 .left p::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.solu01 .left p::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }
.solu01 .right {width: 48%;position: relative;overflow:hidden;}
.solu01 .right:hover img {transform: scale(1.1);}
.solu01 .left a {    border-color: #20b581; background-color: #20b581;}
.solu01 .left a span {color: #fff;}
.solu01 .left a:hover { background-color: #fff; border-color: #20b581; }
.solu01 .left a::after{color: #20b581;}

.solu02 {margin-bottom: 100px;}
.solu02 h3 {margin-bottom: 35px;}
.solu02 ul {border: 1px solid #d3d4d5;border-bottom: 0px;    display: flex;justify-content: space-between;border-bottom: 1px solid #d3d4d5;}
.solu02 ul li{background-color: #f7f8fb}
.solu02 ul li  p{background-color: #fff;}
.solu02 ul li:nth-of-type(1)  {border-right: 1px solid #d3d4d5;width: 30%;}
.solu02 ul li:nth-of-type(2)  {width: 70%;}
.solu02 ul li:nth-of-type(1) p {    padding-left: 60px; box-sizing: border-box; font-size: 16px; color: #333333; font-weight: bold; height: 60px; display: flex; align-items: center;}
.solu02 ul li:nth-of-type(2) p {padding-left: 60px;box-sizing: border-box;font-size: 16px;color: #666666; height: 60px; display: flex; align-items: center;}
.solu02 li:nth-of-type(1) p:nth-of-type(2n),.solu02 ul li:nth-of-type(2) p:nth-of-type(2n){background-color: #f7f8fc;}
.solu03 {margin-bottom: 110px;position: relative;overflow: hidden;}
.solu03  .top { display: flex; justify-content: space-between; align-items: center;margin-bottom: 40px; } 
.solu03 .top .right { position: relative; display: flex; align-items: center; } 
.solu03 .top .right .fa { background-image: none; position: unset; font-size: 30px; height: auto; width: 28px; margin-top: 0px; outline: none; } 
.solu03 .top .right .fa img { filter: grayscale(5); } 
.solu03 .top .right .fa:hover img { filter: none; }
.solu03 .solu03Swiper-button-next img { transform: rotateY(180deg); filter: none !important; } 
.solu03 .top .right .line { margin: 0 20px; height: 19px; width: 2px; background-color: #20b581; }
.solu03 .bot {overflow: hidden;padding: 0 0px;box-sizing: border-box;}

.solu03  .box{background-color: #f7f8fb;padding: 70px 44px;box-sizing: border-box;    height: 547px;}
.solu03 .box .b {}

.solu03  .box .icon {width: 96px;height: 96px;border: 2px solid #333333;border-radius: 10px;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;}
.solu03  .box .icon img {width: 56px;}
.solu03  .box .b h4 {    font-size: 30px; color: #333333; margin-bottom: 20px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
.solu03  .box .b p {   color: #666666; line-height: 30px; font-size: 16px; height: 200px; overflow: hidden; overflow-y: auto; box-sizing: border-box;}

.solu03  .box .b p::-webkit-scrollbar { height: 1px; width: 3px; }
.solu03  .box .b p::-webkit-scrollbar-thumb { border-radius: 2px; -webkit-box-shadow: inset 0 0 5px rgba(127,127,127,0.3);     background: #ded8d8; }
.solu03  .box .b p::-webkit-scrollbar-track { /* -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); */ border-radius: 2px; background: rgba(164,164,164,0.1); }

.solu04 {background: url(/style/img/solu04.jpg) 100%;background-attachment: fixed;position: relative;overflow: hidden;padding: 115px 0;}
.solu04 h3 {color: #fff;margin-bottom: 12px;text-align: center;}
.solu04::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 1; }
.solu04 .icenter1 {z-index: 2;position: relative;}

.solu04 p {font-size: 18px;color: #ffffff;margin-bottom: 45px;text-align: center;}
.solu04 ul {display: flex;flex-flow: wrap;}
.solu04 .content .itemF{display: none;}
.solu04 .content .hide_item{display: flex;flex-flow: wrap;}
.solu04 .content .hide_item .item {margin-bottom: 67px; background-color: #fff; width: 220px;height: 220px;border: 3px solid #20b581;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;    margin-right: 67px;}
.solu04 .content .hide_item .item:nth-of-type(5n){margin-right: 0px;}
.solu04 .content .hide_item .item img {width: 54px;margin-bottom: 15px;}
.solu04 .content .hide_item .item:hover img{transform: rotateY(180deg);}
.solu04 .content .hide_item .item span{font-size: 20px; color: #666666; text-align: center;}
.solu04 .content .hide_item .item:hover span{color: #20b581;}
.solu04 ul li {margin-bottom: 67px; background-color: #fff; width: 220px;height: 220px;border: 3px solid #20b581;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;    margin-right: 67px;}
.solu04 ul li:nth-of-type(5n){margin-right: 0px;}
.solu04 ul li img {width: 54px;margin-bottom: 15px;}
.solu04 ul li:hover img{transform: rotateY(180deg);}
.solu04 ul li span{font-size: 20px; color: #666666; text-align: center;}
.solu04 ul li:hover span{color: #20b581;}
.solu04 a {      margin: auto; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.solu04 a span {color: #fff;}

/* ser */
.ser01 {padding: 100px 0;position: relative;overflow: hidden;}
.ser01 .top {margin-bottom: 60px;}
.ser01 .top h3 {text-align: center; margin-bottom: 16px;}
.ser01 .top h4 {font-size: 22px;color: #666666;    text-align: center;}
.ser01 ul {display: flex;justify-content: space-between;}
.ser01 ul li {width: 256px;display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;}
.ser01 ul li:hover h4{color: #20b581;}
.ser01 ul li:hover img {transform: rotateY(180deg);}
.ser01 ul li::after {    position: absolute; content: ""; width: 145px; top: 35%; transform: translateY(-50%); border: 1px dashed #ddd; left: 263px;}
.ser01 ul li:last-child::after{display: none;}
.ser01 ul li img {    width: 54px; margin-bottom: 32px;}
.ser01 ul li h4 {    font-size: 26px; color: #333333; margin-bottom: 20px;}
.ser01 ul li p{    font-size: 16px; color: #666666; line-height: 28px; margin-bottom: 26px; text-align: center;height: 112px;}
.ser01 ul li p br {display: none;}
.ser01 ul li span {font-family: arial;font-size: 18px;color: #c6c6c6;}
.ser02 {background: url(/style/img/ny_fw_bj1.jpg) 100%;background-attachment: fixed;padding: 136px 0;position: relative;overflow: hidden;}
.ser02::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; }
.ser02 .icenter1 {z-index: 2;position: relative;}
.ser02 h3 {    margin-bottom: 14px; color: #fff; text-align: center;}
.ser02 p {font-size: 18px;line-height: 30px;color: #fff;margin-bottom: 70px;    text-align: center;}
.ser02 ul{display: flex;justify-content: space-between;align-items: center;}
.ser02 ul li {display: flex;align-items: center;    width: 363px;position: relative;}
.ser02 ul li::after{    position: absolute; content: ''; left: 414px; height: 60px; width: 1px; background-color: rgba(255,255,255,0.2);}
.ser02 ul li .icon {width:60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-right: 30px;background-color: #20b581;}
.ser02 ul li .icon img {width: 40px;    filter: grayscale(5) brightness(10);}
.ser02 ul li:hover img {transform: rotateY(180deg);}
.ser02 ul li h5 {font-size: 18px;line-height: 26px;color: #fff;}


.about2-bj { position: relative; background: #fafafa;     padding: 120px 0;}
.about2-bj .icenter1 {position: relative;}
.ab2map { position: relative; }
.am2bg { width: 75%; margin-left: 22%; }
.am2bg img { display: block; width: 100%; }
.ab2cv { position: absolute; left: 0px; bottom: 50px; }
.ac2bt { color: #333; font-size: 44px; font-weight: bold; }
.ac2ms { display: block; color: #666; font-size: 18px; margin-top: 10px;    width: 509px; }
.ac2sz {    position: relative; color: #666666; font-size: 18px; margin-top: 44px; line-height: 1; padding-bottom: 30px; display: flex; align-items: flex-end; }
.ac2sz strong { font-family: alibb; color: #333333; font-size: 100px; font-weight: bold; line-height: 77px; }
.ac2sz:before {    content: ""; position: absolute; left: 0; bottom: 0; width: 365px; height: 2px; background: #20b581; }
.ac2sz span {font-size: 100px;color: #333333;    line-height: 69px;    margin-right: 20px;}
.am2dd { position: absolute; width: 58%; bottom: 11%; left: 32%; }
.am2dd img { width: 100%; transition: 0.45s; }
.am2dd .mbdt{display: none;}
.am2dw { position: absolute; border-radius: 50%; background: rgba(118, 210, 177, .5); animation: scals 4s linear infinite; }
.ad1 { width: 145px; height: 145px; top: 24%; left: 31%; }
.ad2 { width: 86px; height: 86px; left: 37%; top: 53%; }
.ad3 { width: 141px; height: 141px; left: 58%; top: 20%; }
.ad4 { width: 141px; height: 141px; left: 57%; top: 41%; }
.ad5 { width: 83px; height: 83px; left: 69%; top: 30%; }
.ad6 { width: 86px; height: 86px; right: 22%; bottom: 39%; }
.ad7 { width: 86px; height: 86px; right: 12%; bottom: 37%; background: rgba(118, 210, 177, .8); }
.ad8 { width: 52px; height: 52px; right: 12%; bottom: 17%; background: rgba(118, 210, 177, .8); }
.ad9 { width: 50px; height: 50px; right: 10%; bottom: 55%; background: rgba(118, 210, 177, .8); }

@keyframes scals {
	0% {
		opacity: 1;
		transform: scale(1);
		transform-origin: center;
	}

	50% {
		opacity: 0.6;
		transform: scale(0.8);
		transform-origin: center;
	}

	100% {
		opacity: 1;
		transform: scale(1);
		transform-origin: center;
	}
}



/* download */
.download {padding: 110px 0;position: relative;overflow: hidden;}
.download dl {border: 1px solid #ddd;border-bottom: 0px;}
.download dl dd {border-bottom: 1px solid #ddd;}
.download dl dd:hover {background-color: #20b581;}
.download dl dd a {padding: 50px 60px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
.download dl dd a .left{display: flex;align-items: center;}
.download dl dd a .left .icon img{    width: 46px; transition: 0s;}    
.download dl dd:hover a .left .icon img,.download dl dd:hover a .right .icon img{filter: grayscale(5) brightness(10);}  
.download dl dd a .left .text {padding-left: 20px;margin-left: 20px;border-left: 1px solid #ddd;}
.download dl dd:hover a .left .text{border-color: rgba(255, 255, 255 , 0.5)}
.download dl dd a .left .text h4 {font-size: 22px;color: #333333;font-weight: bold;margin-bottom: 12px;} 
.download dl dd a .left .text h5 {font-size: 16px;color: #666666;} 
.download dl dd:hover a .left .text h5,.download dl dd:hover a .right span,.download dl dd:hover a .left .text h4{color: #fff;} 
.download dl dd a .right{display: flex;align-items: center;}
.download dl dd a .right span {font-size: 20px;margin-right: 20px;color: #666666;}
.download dl dd a .right .icon {width: 47px;height: 47px;border-radius: 50%;border: 1px solid #949494;display: flex;justify-content: center;align-items: center;}
.download dl dd:hover a .right .icon{border-color: #fff;}
.download dl dd a .right .icon img {width: 26px;transition: 0s;}

/* questions */
.sup05{position: relative;overflow: hidden;padding: 100px 0;background-color: #f7f8fb;}
.sup05 .amore {cursor: pointer; color: #20b581;background-color: #fff;border: 1px solid #20b581;}
.sup05 .amore::after { background-color: #20b581;}
.sup05 .amore:hover {color: #fff;}
.sup05 h3 {margin-bottom: 30px;}
.sup05 .itemF{display: none;}
.sup05 .bot {display: none;}
.sup05 .item { margin-bottom: 20px;background-color: #fff;box-shadow: 0 0 10px #ddd;}
.sup05 .item .top{display: flex;justify-content: space-between;align-items: center;padding: 26px 50px;cursor: pointer;}
.sup05 .item .top .left{display: flex;    align-items: center;width: 93%;}
.sup05 .item .top .left img {    width: 42px; margin-right: 16px;    transition: 0s;}
.sup05 .item .top:hover {background-color: #20b581;}
.sup05 .item:hover  .top .left img{filter: brightness(5);}
.sup05 .item:hover  .top .right{border-color: #fff;}
.sup05 .item:hover  .top .right span {color: #Fff;}
.sup05 .item:hover .top .left h4 {color: #fff;}
.sup05 .item:hover .top .left::after {background-color: rgba(255,255,255,.5);}
.sup05 .item .top .left h4 {font-size: 18px;font-weight: bold;color: #333;    white-space: nowrap;}
.sup05 .item .top .right {position: absolute; width: 48px;height: 48px;border: 1px solid #bfbfbf;display: flex;justify-content: center;align-items: center;right: 50px;}
.sup05 .item .top .left::after{    position: relative; content: ""; height: 1px; width: 90%; background-color: #e3e3e3; margin-left: 12px; left: 42px; }
.sup05 .item .top .right span {font-size: 33px;color: #333;}
.sup05 .item .top .right .two {display: none;}      
.sup05 .item .bot {padding: 50px;}
.sup05 .item .bot p {font-size: 16px; line-height: 28px; color: #666;}
.sup05 .active .top {background-color: #20b581;}
.sup05 .active  .top .left img{filter: brightness(5);}
.sup05 .active  .top .right{border-color: #fff;}
.sup05 .active  .top .right span {color: #Fff;}
.sup05 .active .top .left h4 {color: #fff;}
.sup05 .active  .top .left::after{background-color: rgba(255,255,255,.5);}
.sup05 .item .bot p img {width: auto;max-width: 100%;height: auto;}

/* contact */
.con01 {padding: 100px 0;position: relative;overflow: hidden;}
.con01 .icenter1 {display: flex;justify-content: space-between;align-items: center;}
.con01 .icenter1 .left {width: 45%;}
.con01 .icenter1 .left h3 {font-size: 30px;}
.con01 .icenter1 .left .amore {     width: 147px; height: 42px; line-height: 42px; border: 2px solid #20b581;}
.con01 .icenter1 .left .amore span {color: #20b581;}
.con01 .icenter1 .left h3 {    margin-bottom: 36px; color: #333;}
.con01 .icenter1 .left ul {margin-bottom: 40px;}
.con01 .icenter1 .left ul li {display: flex;align-items: center;font-size: 16px;color: #666666;    margin-bottom: 16px;}
.con01 .icenter1 .left ul li:last-child {margin-bottom: 0px;}
.con01 .icenter1 .left ul li a{display: flex;align-items: center;font-size: 16px;color: #666666;}
.con01 .icenter1 .left ul li img {width: 30px;margin-right: 16px;}
.con01 .icenter1 .right {width: 48%;overflow: hidden;position: relative;}
.con01 .icenter1 .right:hover img{transform: scale(1.1);}
.con02 {padding-bottom:110px;position: relative;overflow: hidden;}
.con02 h3 {    margin-bottom: 36px; color: #333;}
.con02 .bot {position: relative;}
.con02 .bot .con02Swiper{overflow: hidden;}
.con02 .box {border: 1px solid #ddd;padding: 80px 40px;}
.con02 .box .imgbox {overflow: hidden;position: relative;}
.con02 .box h4{    position: relative; font-size: 18px; color: #20b581; padding-left: 20px; margin-bottom: 12px;}
.con02 .box h4::before {position: absolute; content: ""; width: 11px; height: 2px; background-color: #20b581; left: 0px; top: 50%; transform: translateY(-50%);}
.con02 .box p{       font-size: 16px; color: #333333; line-height: 24px; margin-bottom: 27px; height: 70px;}
.con02 .box a{font-size: 24px;color: #20b581;font-weight: bold;font-family: arial;display: flex;align-items: center;margin-bottom: 50px;}
.con02 .box a i {margin-right: 14px;}
.con02 .box a img {width: 30px;margin-right: 14px;}
.con02 .box:hover .imgbox img {transform: scale(1.1);}
.con02 .fa1 {    background: none; width: 46px; height: 46px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 32px; color: #a1a1a1; border: 1px solid #a1a1a1;}
.con02 .swiper-button-prev {left: -100px;}
.con02 .swiper-button-next {right: -100px;}
.con02 .fa1:hover {color: #20b581;}
.con03 {padding: 100px 0;position: relative;overflow: hidden;background-color: #f7f8fb;}
.con03 .top {    margin-bottom: 26px;}
.con03 .dingwei {position: absolute;top: 0px;left: 0px;}
.con02 .dingwei {    position: relative; top: -90px; left: 0px; height: 2px;}
.con01 .dingwei {position: absolute;top: 0px;left: 0px;}
.con03 .top h3 {margin-bottom: 10px;    color: #333;}
.con03 .top p {font-size: 18px;color: #666666;}
.con03 .bot form{margin-bottom: 50px;}
.con03 .bot input {font-size: 18px;color: #666666;padding: 15px 20px;outline: none;    width: 100%;border: 1px solid #ddd;    box-sizing: border-box;}
.con03 .bot input::-webkit-input-placeholder {  color: #666; font-size: 14px; font-family: "arial"; }
.con03 .bot textarea::-webkit-input-placeholder {  color: #666; font-size: 14px; font-family: "arial"; }


.con03 .bot .f3 {display: flex;justify-content: space-between;margin-bottom: 20px;}
.con03 .bot .f3  label {width: 32.5%;}
.con03 .bot .f2{display: flex;justify-content: space-between;margin-bottom: 20px;}
.con03 .bot .f2  label {width: 49.5%;}
.con03 .bot textarea {width: 100%;height: 200px;padding: 15px 20px;outline: none;font-size: 18px;color: #666666;border: 1px solid #ddd;    box-sizing: border-box;}

.con03 .bot .b {display: flex;justify-content: space-between;align-items: center;}
.con03 .bot .b span {font-size: 14px;color: #666666;}
.con03 .bot .b a {width: 147px; height: 42px; line-height: 42px; background-color: #20b581; border: 2px solid #20b581;}
.con03 .bot .b a  span {color: #fff;    font-size: 16px;}
.con03 .bot .b a:hover {background-color: transparent;}
.con03 .bot .b a:hover:after {color: #20b581;}


.con03 .bot .f3 span {width: 32.5%;    position: relative;}
.con03 .bot .f2 span {width: 49.5%;position: relative;}
.con03 .bot  .cc {display: flex;justify-content: space-between;align-items: center; margin: 18px 0; }
.con03 .bot  .cc span {color: #666;font-size: 16px;}
.con03 .bot  .cc input{    width: 160px; cursor: pointer; padding: 0px;float: right;}
.con03 .bot .cc input:hover {color: #fff;}
.screen-reader-response{display: none;}
.con03 .bot form span span { position: absolute!important; top: 0; right: 20px; line-height: 53px; color: #e42313; letter-spacing: 0; font-size: 14px; width: fit-content!important;}
.wpcf7-response-output, .wpcf7-validation-errors { display: block; color: #e42313; font-weight: bold; font-size: 18px;}



/* technical */
.page {display: flex;justify-content: center;align-items: center;}
.page h2{display: none;}
.page .pagination .nav-links {display: flex;justify-content: center;align-items: center;}
.page a {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}
.page a:last-child{margin-right: 0px;}
.page span {width: 46px;height: 46px;border: 1px solid #cbcbcb;display: flex;align-items: center;justify-content: center;font-size: 20px;color: #464647;margin-right: 18px;}
.page span:hover {color: #fff;background-color: #20b581;border-color: #20b581;}
.page span {color: #fff;background-color: #20b581;border-color: #20b581;}
.page a:hover {color: #fff;background-color: #20b581;border-color: #20b581;}

.tech {background-color: #f6f6f6;padding: 100px 0;position: relative;overflow: hidden;}
.tech ul {display: flex;border: 1px solid #dcdcdc;border-right:0px;flex-flow: wrap;border-bottom: 0px;margin-bottom: 60px;}
.tech ul li {box-sizing: border-box;  background-color: #f6f6f6; width: 33.3%;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.tech ul li a {    box-sizing: border-box; padding: 70px 50px;}
.tech ul li:hover {     background-color: #fff; box-shadow: 0 0 30px #ddd; z-index: 5; border-right: 1px solid transparent; border-bottom: 1px solid transparent;}
.tech ul li span {position: relative;padding-left: 15px;font-size: 18px;color: #666666;margin-bottom: 10px;}
.tech ul li span::after{position: absolute;content: "";width: 6px;height: 6px;border-radius: 50%;background-color: #666666;left: 0px;top: 10px;}
.tech ul li h3 {position: relative;font-size: 24px;color: #333333;font-weight: bold;margin-bottom: 8px;     display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.tech ul li:hover h3{color: #20b581;}
.tech ul li h4 {position: relative;font-size: 18px;font-family: arial;color: #666666;margin-bottom: 30px;}
.tech ul li p {position: relative;font-size: 18px;color: #666666;line-height: 30px;margin-bottom: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.tech ul li .imgbox {position: relative;overflow: hidden;margin-bottom: 24px;}
.tech ul li:hover .imgbox img{transform: scale(1.1);}
.tech ul li h5 {    position: relative; color: #666666; font-size: 18px; display: flex; align-items: center; }
.tech ul li:hover h5 {color: #20b581;}
.tech ul li h5 span{      transition: 0.3s; position: relative; left: 0px; color: #666666; padding-left: 0px; margin-bottom: 0px; font-size: 16px; margin-left: 8px;}
.tech ul li:hover h5 span{color: #20b581;left: 15px;}
.tech ul li h5 span::after{display: none;}





@media screen and (max-width:1600px){
    .div1 .a { height: 80px;}
    .icenter,.icenter1 { width: 1160px;}
    .div1 .head_b { padding: 0px 0; }
    .div1 .head_b .right ul li h3 { font-size: 16px; }
    .div1 .head_t span { font-size: 14px; }
    .div1 .head_b .right ul li { margin-right: 38px; }
    .div1 .head_b .right .rcc .qie { margin-left: 28px; padding-left: 28px; margin-right: 28px; }    
    .div1 .head_b .right .rcc .qie a span { font-size: 16px; }
    .div1 .head_b .right .rcc .qie a img { width: 16px;}
    .div1 .head_b .right .rcc .qie a img { width: 16px; }
    .div1 .head_b .right ul li .nav_list { width: 10.5rem; margin-left: -5rem;}
    .div1 .head_b .right ul li .nav_list{top: 80px;   }
    .div1 .head_b .right ul li:hover .nav_list{ height: 3.5rem;}
    .div1 .head_b .right ul li:hover .nav_column { height: auto; }
    .div1 .head_b .right ul li .nav_list dl dd .nav_item_list { width: 7rem; height: 3.5rem; padding: .5rem 0 0 .5rem;}
	
    .div1 .head_b .right ul li .nav_list dl dd .l_tit { font-size: .14rem; line-height: .46rem; width: 3.5rem;}
    .div1 .head_b .right ul li .nav_column {     width: 2.4rem;  margin-left: 0;}
    .div1 .head_b .right ul li .nav_list dl dd .nav_item_list .nav_i img { width: .4rem; height: .4rem; margin-right: .1rem; }
    .div1 .head_b .right ul li .nav_list dl dd .nav_item_list .nav_i a { font-size: .14rem; line-height: .2rem; width: 3rem; margin-bottom: .14rem;}
    .div1 .head_b .right ul li .nav_column dl dd .l_tit {width: auto;}
    .sy_banner .main .top h3 {    font-size: 34px; margin-bottom: 6px; line-height: 39px;}
    .sy_banner .main .top h4 { font-size: 20px; }
    .sy_banner .main .bot ul li h5 span { font-size: 38px; }
    .sy_banner .main .bot ul li h5 i { font-size: 38px; width: 22px; height: 44px; }
    .sy_banner .main .bot ul li h5 { margin-right: 10px; font-size: 38px;}
    .sy_banner .main .bot ul li h6 { font-size: 16px;}
    .sy_banner .main .top { margin-bottom: 34vh; }
    .sy_banner .main { bottom: 22px; }
    .sy_banner .c-mouse { position: absolute; bottom: 97px;}
    .index01 { padding: 80px 0;}
    .index_F .cc h3 { font-size: 38px; margin-bottom: 2px; }
    .index_F .cc h4 { font-size: 16px; }
    .amore { width: 130px; height: 34px; font-size: 14px; line-height: 34px; border-radius: 5px; }
    .index01 .top { padding-bottom: 14px;}
    .index01 .bot { padding-top: 30px;}
    .index01 .bot .ce a img { width: 34px; margin-right: 12px; }
    .index01 .bot .ce a span {     font-size: 17px; height: 53px;}
    .index01 .bot .b_le .top_c a .text h3 { font-size: 20px;}
    .index01 .bot .b_le .top_c a .icon img { width: 34px;}
    .index01 .bot .b_le .top_c a .icon { margin-right: 12px;}
    .index01 .bot .b_le .top_c a .text .text_top { margin-bottom: 12px; }
    .index01 .bot .b_le .top_c a .text p { font-size: 14px; }
    .index01 .jian { width: 29px; height: 6px;}
    .index01 .bot .b_le .top_c {     padding: 30px 10px 39px 27px; margin-bottom: 12px; border-radius: 10px; height: 232px; box-sizing: border-box; }
    .index01 .bot .ce a {padding: 28.8px;}
    .index01 .bot .b_ri { width: 32.6%; }
    .index01 .bot .b_ri li { margin-bottom: 4.4%; }
    .index01 .ce { border-radius: 10px; height: 105px; }
    .index02 { padding: 80px 0; }
    .index02 .top { margin-bottom: 22px; }
    .index02 ul li .xx h5 { font-size: 14px; margin-bottom: 20px; }
    .index02 ul li .xx h3 { font-size: 20px; line-height: 27px; margin-bottom: 33px; }
    .index02 ul li .xx h4 span { font-size: 14px; margin-right: 6px; }
    .index02 ul li .xx h4 img { width: 14px; height: 11px; }
    
    .index03 .left .wen h3 { font-size: 46px; margin-bottom: 20px; }
    .index03 .left .wen .icon { margin-bottom: 10px; }
    .index03 .left .wen .icon img { width: 34px; }
    .index03 .left .wen p { padding-top: 20px; font-size: 16px; line-height: 25px; margin-bottom: 50px; width: 403px; padding-right: 40px; }
    .index03 .left .wen a { width: 128px; height: 32px; line-height: 32px; font-size: 14px; }
    .index_F .cc h3 { font-size: 32px; margin-bottom: 2px; }
    .index03 .right p { font-size: 14px; margin-bottom: 48px; }
    .index03 .right .box .swiper { border-radius: 90px; width: 214px; height: 109px; }
    .index03 .right .box .in03Swiper_ri-prev img, .index03 .right .box .in03Swiper_ri-next img { width: 18px; }    
    .index03 .right .box .in03Swiper_ri-prev, .index03 .right .box .in03Swiper_ri-next { font-size: 15px; top: 185px; width: 36px; height: 36px; }
    .index03 .right .box .in03Swiper_ri-next { right: 30%!important; }
    .index03 .right .box .in03Swiper_ri-prev { left: 30%!important; }
    .index03 .right .num .sp_1 { font-size: 14px; }
    .index03 .right .num .sp_1 { font-size: 14px; }
    .index03 .right .num .line { width: 16px; margin: 0 10px; }
    .index03 .right { width: 35.3%; padding: 64px 88px 72px; }
    .index03 .left .wen {left: 77%;}
    .index04 .tie { width: 383px; }       
    .index04 .tie .top h3 { font-size: 20px; line-height: 24px; margin-bottom: 22px; }
    .index04 .tie .top h4 { font-size: 16px; }
    .index04 .tie .bot .left h5 { font-size: 22px; line-height: 29px; margin-bottom: 47px; }
    .index04 .tie .bot .left a { width: 94px; height: 32px; line-height: 32px; font-size: 12px; }
    .index04 .tie .bot .right a img { width: 25px; }
    .index04 .tie .bot { padding: 40px 58px 50px;}
    .index04 { padding: 130px 0 80px; }
    .index04 .icenter { padding-left: 292px; }
    .index04 .videobox .bo { width: 55px; height: 55px; font-size: 16px;}
    .index04 .icenter .cc { margin-bottom: 32px; }    
    .index04 .tie .top { padding: 40px 58px 50px;}
    .index05 h3 { font-size: 38px; margin-bottom: 8px; }
    .index05 h4 { font-size: 16px; }
    .index05 { padding: 80px 0 120px;}
    .index06 ul {top: -162px;}
    .index06 ul li { width: 19%; margin-right: 14px; margin-bottom: 14px; }
    .footer .yue h3 { font-size: 38px; margin-bottom: 12px; }
    .footer .yue { padding: 80px 0;top: -163px;}
    .footer .mid dl dd { width: 270px; }
    .index06 { padding: 71px 0; }
    .footer .top .left ul li h3 a { font-size: 14px;}
    .footer .top .left ul li .min a { font-size: 12px;margin-bottom: 8px;}
    .footer .top .left ul li { margin-right: 36px; }
    .footer .top .right span { font-size: 12px; }
    .footer .top .right img { margin-bottom: 7px; }
    .footer .top .left ul li h3 { margin-bottom: 14px; }
    .footer .mid dl dd h3 { font-size: 14px; margin-bottom: 3px; }
    .footer .mid dl dd .mid_box p {     font-size: 12px; line-height: 20px; }
    .footer .mid dl dd .mid_box img { width: 16px; top: 5px; margin-right: 6px; }
    .footer .mid { padding: 20px 0;}
    .footer .bot .left span, .footer .bot .left a { font-size: 12px; }
    .footer .bot .left span:nth-of-type(2)::before { height: 9px; top: 3px; }
    .footer .bot .left span:nth-of-type(2)::after { height: 9px; top: 3px; }
    .footer .bot { padding: 24px 0;}
    .footer .bot .right a {     border-radius: 50%; margin-right: 8px; width: 26px; height: 26px; font-size: 13px;}
    .footer {padding: 90px 0 0px;}
    .index_yue{padding: 159px 0 0;}
    
    /* ab */
    .honormin a p .it{max-height: 80%;}
    .honormin a span{ font-size: 18px; margin: 10px 0 0 0;}

    .innerbanner .text h4 { font-size: 46px; font-weight: bold; line-height: 50px; }
    .innerbanner .text h3 { font-size: 28px; margin-bottom: 8px; text-align: center; }
    .ab01 { padding: 90px 0; }
    .com_h3 { font-size: 32px; margin-bottom: 16px; }
    .ab01 p { font-size: 16px; line-height: 28px; }
    .ab02 { padding: 90px 0;}   
    .ab02 ul li h3 { font-size: 36px; }
    .ab02 ul li p { padding-left: 18px; margin-left: 18px; font-size: 16px; line-height: 28px; width: 350px; }
    .ab02 ul li { margin-bottom: 38px; }
    .ab03 { padding: 90px 0;}
    .ab03 h3 { margin-bottom: 28px; }
    .ab03 dd .text { font-size: 17px; line-height: 24px;}
    .ab03 dd .bot span { font-size: 14px;}
    .ab04{padding: 100px 0;}
    .ab04 .box .left h4 {     line-height: 51px; font-size: 47px; margin-bottom: 6px;}
    .ab04 .box .left h5 {  font-size: 16px; margin-bottom: 15px;}
    .ab04 .box .left p {line-height: 24px; font-size: 14px;}
    .ab04 .top .fa { width: 34px; height: 34px; font-size: 26px;  }
    .ab04 .top, .ab04 h3 { padding: 0 80px;}
    .ab04 h3 {margin-bottom: 13px;}
    .ab05 { padding: 100px 0; }
    .ab05 .top p { font-size: 16px; line-height: 26px; width: 940px;}
    .ab05 .mid { padding: 70px 0; padding-left: 70px; margin-bottom: 30px; }
    .ab05 .mid .left h4 { font-size: 30px; margin-bottom: 20px; }
    .ab05 .mid .left p { font-size: 14px; line-height: 24px;     height: 240px;}
    .ab05 ul li strong { font-size: 50px; }
    .ab05 ul li h5 { font-size: 34px;}
    .ab05 ul li h6 { font-size: 14px; }
    .ab06 { padding: 90px 0;}
    .ab06 .com_h3 { font-size: 32px;}
    .honormin a span { font-size: 17px; margin: 8px 0 0 0; }
    .ab06 .fa { width: 34px; height: 34px; border-radius: 50%; font-size: 26px; top: 47%; }
    .ab06 .swiper-button-prev { left: -51px; }
    .ab06 .swiper-button-next { right: -51px; }
    .ab07 { padding: 90px 0 135px;}
    .ab07 img { width: 450px;    margin-bottom: 26px;}
    .ab07 p { font-size: 16px; line-height: 28px; margin-bottom: 50px; width: 850px;}
    .ab07 .icon::before { width: 229px;}
    .ab07 .icon h5 { font-size: 16px;}
    /* join */
    .join { padding: 90px 0; }
    .join .top { padding: 40px;}
    .join .top .left h3 { font-size: 27px; margin-bottom: 6px; }
    .join .top .left span { font-size: 16px; }
    .join .top i { font-size: 50px;}
    .join .bot .box h4 { font-size: 18px; margin-bottom: 22px; }
    .join .bot .box p { font-size: 14px; line-height: 32px;}
    .join .bot h6 { font-size: 18px;}

    /* pro */
    .pro .left { width: 23%;}
    .pro .right {width: 77%;padding: 65px;}
    .pro .left .af a { font-size: 16px; height: 65px; padding: 0px 30px; }
    .pro .left .af i { font-size: 22px; }
    .pro .left .amin a { font-size: 14px; height: 65px; padding: 0 30px;}
    .pro .right .title { font-size: 30px; padding-left: 22px; margin-bottom: 50px; }
    .pro .right .title::before {    height: 24px; width: 3px; left: 0px; top: 5px;}
    .pro .right dl dd{padding: 22px;}
    .pro .right dl dd .bao img { width: 223px; }
    .pro .right dl dd h4 { font-size: 18px; margin-bottom: 8px; height: 23px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; overflow: hidden;}
    .pro .right dl dd h5 { font-size: 16px; margin-bottom: 22px; }
    .pro .right dl dd p { font-size: 14px; line-height: 24px; margin-bottom: 35px; }
    .pro .right dl dd .bot .icon img { width: 22px; }
    .pro .right dl dd .bot .amore { width: 92px; height: 32px; line-height: 32px; font-size: 13px; }
    .page a { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }
    .pro .left .title { font-size: 32px; padding: 33px;}
    .pro_cc h4 { font-size: 18px; font-weight: bold; margin-bottom: 8px;}
    .pro_cc h5 { font-size: 16px; margin-bottom: 15px; }
    .pro_cc p { font-size: 14px; line-height: 24px; margin-bottom: 28px;}
    .pro_cc {padding: 36px;}
    .pro_cc .bao img { width: 270px; margin: auto; }


   /* proinfo */
   .fan { padding: 40px 0;}
   .fan .icenter1 a { font-size: 18px;}

    .proinfo_banner .text h4 { font-size: 26px; line-height: 36px; }
    .icenter3 {width: 1160px;}
    .proinfo_h3 { font-size: 36px; margin-bottom: 26px; }
    .proinfo01 h4 { font-size: 20px; margin-bottom: 16px;}
    .proinfo01 .left p { font-size: 14px; line-height: 24px; margin-bottom: 34px; }
    .proinfo01 .left .amore span { margin-right: 8px; }
    .proinfo01 .left .amore { width: 146px; height: 36px; line-height: 36px; font-size: 14px;}
    .proinfo01 .left .amore img { width: 16px; }
    .proinfo { padding: 90px 0;}
    .proinfo02 li { padding: 10px 0; font-size: 15px; }
    .proinfo04 .fa { width: 40px; height: 40px; font-size: 28px;}
    .proinfo04 .swiper-button-prev { left: -51px; }
    .proinfo04 .swiper-button-next { right: -51px; }
    /* news */
    .icenter4 {width: 1160px;}
    .newshowtt{ width: calc(100% - 100px); padding: 50px 0; margin: 100px auto 50px;}
    .newshowtxt p{font-size:14px; line-height:24px; }
    .news { padding: 90px 0; }   
    .news ul li .bot { padding: 40px 0; }
    .news ul li .bot h4 { font-size: 16px; margin-bottom: 20px; }
    .news ul li .bot h4 strong,.news ul li .cc h4 strong { font-size: 42px; margin-right: 8px; line-height: 33px; }
    .news ul li .bot p { font-size: 18px; line-height: 30px;}
    .news ul li .cc h4 { margin-bottom: 16px;}
    .news ul li .cc h4 span{font-size: 16px; }
    .news ul li .cc h5 {     font-size: 14px; line-height: 24px; margin-bottom: 14px; height: 98px; }
    .news ul li .cc{   padding: 22px 19px;}
    .news ul li .cc p {     font-size: 13px; line-height: 22px; margin-bottom: 18px; height: 174px;}
    .news ul li .cc .amore { width: 126px; height: 34px; line-height: 34px; font-size: 13px; }
    .newsinfo_banner .text h5 { font-size: 28px; margin-bottom: 14px; }
    .newsinfo_banner .text h6 span { font-size: 16px; margin-right: 16px; }
    .newshowtxt { padding: 90px 0; }
    .sxy a { padding: 14px 0; font-size: 16px; }
    .bottomfx dd span { font-size: 16px; line-height: 34px; margin-right: 16px; }
    .bottomfx dd .fx a { width: 34px; height: 34px; line-height: 34px; border-radius: 50%; margin-right: 10px; }
    .bottomfx dt a { width: 110px; height: 34px; line-height: 34px; font-size: 14px; }
    .download dl dd a { padding: 42px 52px;}
    .download dl dd a .left .icon img { width: 42px;}
    .download dl dd a .left .text h4 { font-size: 20px; margin-bottom: 10px; }
    .download dl dd a .left .text h5 { font-size: 14px; }
    .download dl dd a .left .text { padding-left: 18px; margin-left: 18px;}
    .download dl dd a .right span { font-size: 18px; margin-right: 18px;}
    .download dl dd a .right .icon { width: 42px; height: 42px;}
    .download dl dd a .right .icon img { width: 24px;}
    .download { padding: 100px 0;}
    .solu01 { padding: 160px 0; position: relative;}
    .solu_h3 { font-size: 36px;}
    .solu01 .left h3 { margin-bottom: 17px; }
    .solu01 .left p {     font-size: 14px; line-height: 22px; margin-bottom: 36px; height: 172px;}    
    .solu01 .left::before { height: 135%}
    .solu02 { margin-bottom: 90px; }
    .solu03 .top { margin-bottom: 34px; }
    .solu03 .box .icon {     width: 70px; height: 70px; margin-bottom: 24px;}
    .solu03 .box .icon img { width: 40px; }
    .solu03 .box .b h4 {    font-size: 20px; margin-bottom: 18px;}
    .solu03 .box .b p { font-size: 16px; line-height: 28px;   height: 169px; }
    .solu03 { margin-bottom: 100px;}
    .solu04 { padding: 100px 0; }
    .solu04 p { font-size: 16px; margin-bottom: 40px; }
    .solu04 ul li {    width: 180px; height: 180px; margin-right: 52px;margin-bottom: 52px;}
    .solu04 .content .hide_item .item { width: 180px; height: 180px; margin-right: 52px; margin-bottom: 52px;}
    .solu04 ul li img { width: 48px; margin-bottom: 10px; }
    .solu04 ul li span { font-size: 16px; height: 38px;}
    .solu04 .content .hide_item .item span { font-size: 16px; height: 38px; }
    .solu04 ul { margin-bottom: 0px; }
    .ser01 { padding: 90px 0;}
    .ser01 .top h3 { margin-bottom: 14px; }
    .ser01 .top h4 { font-size: 20px;}
    .ser01 .top { margin-bottom: 50px; }
    .ser01 ul li img {     width: 46px; margin-bottom: 28px; }
    .ser01 ul li h4 { font-size: 24px; margin-bottom: 18px; }
    .ser01 ul li p { font-size: 16px; line-height: 28px; margin-bottom: 22px;}
    .ser01 ul li {    width: 226px;}
    .ser01 ul li::after {    width: 101px; top: 32%; left: 229px; }
    .ser02 { padding: 122px 0;}
    .ser02 p { font-size: 16px; line-height: 28px; margin-bottom: 60px; }
    .ser02 ul li h5 { font-size: 16px; line-height: 24px;}
    .ser02 ul li .icon { width: 56px; height: 56px; margin-right: 25px;}
    .ser02 ul li .icon img { width: 34px;}
    .ser02 ul li {     width: 312px;}
    .ser02 ul li::after { left: 354px; height: 52px;}
    .about2-bj { padding: 110px 0; }
    .ac2bt { font-size: 30px;}
    .ac2ms { font-size: 16px; margin-top: 8px;     width: 407px;}
    .ac2sz { font-size: 16px; margin-top: 40px; line-height: 1; padding-bottom: 26px;}
    .ac2sz strong { font-size: 60px; line-height: 67px;}
    .ac2sz span {font-size: 60px; line-height: 52px; margin-right: 18px; }
    
    .sup05 { padding: 90px 0;}
    .sup05 .item .top { padding: 19px 36px; }
    .sup05 .item .top .left img { width: 37px; margin-right: 12px; }
    .sup05 .item .top .left h4 { font-size: 16px;}
    .sup05 .item .top .right { width: 40px; height: 40px;}
    .sup05 .item .top .right span { font-size: 28px;}
    .sup05 .item .bot { padding: 36px; }
    .sup05 .item .bot p { font-size: 14px; line-height: 26px;}
    .sup05 .item .top .left::after { left: 19px; }
    .con01 .icenter1 .left h3 { margin-bottom: 28px;}
    .con01 .icenter1 .left { width: 47%; }
    .con01 .icenter1 .left ul li { font-size: 14px; margin-bottom: 13px; }
    .con01 .icenter1 .left ul li a {font-size: 14px;}
    .con01 .icenter1 .left ul li img { width: 26px; margin-right: 14px; }
    .con01 .icenter1 .right { width: 47%;}
    .con01 { padding: 90px 0;}
    .con01 .icenter1 .left .amore { width: 130px; height: 38px; line-height: 38px; }
    .con02 .box { padding: 66px 34px; }
    .con02 .box h4 { font-size: 16px; padding-left: 18px; margin-bottom: 10px; }
    .con02 .box p {        font-size: 14px; line-height: 22px; margin-bottom: 20px; height: 63px;}
    .con02 .box a {     font-size: 20px; margin-bottom: 40px;}
    .con02 .box a i { margin-right: 12px; }
    .con02 { padding-bottom: 100px;}
    .con03 { padding: 90px 0;}
    .con03 .top p { font-size: 16px; }
    .con03 .bot input { font-size: 16px; padding: 13px 18px;}
    .con03 .bot input::-webkit-input-placeholder {  font-size: 16px;}
    .con03 .bot textarea::-webkit-input-placeholder {  font-size: 16px;}

    .con03 .bot form { margin-bottom: 43px; }
    .con03 .bot .b a { width: 130px; height: 38px; line-height: 38px; }
    .page a { width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }
    .page span{width: 40px; height: 40px; font-size: 16px; margin-right: 16px; }
    .tech ul li a { padding: 50px 28px; }
    .tech ul li span { padding-left: 13px; font-size: 16px; margin-bottom: 8px; }
    .tech ul li span::after { top: 8px;}
    .tech ul li h3 { font-size: 20px; margin-bottom: 8px; }
    .tech ul li h4 { font-size: 16px; margin-bottom: 20px; }
    .tech ul li p { font-size: 16px; line-height: 26px; margin-bottom: 12px; }
    .tech ul li h5 { font-size: 16px; }
    .tech ul li h5 span { margin-left: 10px; top: 2px; }
    .tech { padding: 90px 0;}
    .solu03 .box { padding: 50px 40px;    height: 443px; }
	.innerbanner .text{ top: 59%;}
	.proinfo_banner .text h3{font-size: 22px;}
	
	
	
	
	.fc ul li a img{width: 30px;}
	.fc ul li a span{font-size: 12px;}
	.fc ul li{width: 82px; height: 78px;}
	.fc{top: 56%;}
    .solu02 ul li:nth-of-type(2) p, .solu02 ul li:nth-of-type(1) p { padding-left: 40px; font-size: 15px;}
    .index01 .bot .ce a { height: auto;}
    .con01 .icenter1 .left h3 { font-size: 28px; }

    .con03 .bot input::-webkit-input-placeholder {  color: #666; font-size: 12px; font-family: "arial"; }
    .con03 .bot textarea::-webkit-input-placeholder {  color: #666; font-size: 12px; font-family: "arial"; }
    

}