.main{ line-height: 30px; padding: 4% 0;}

@media screen and (max-width:768px){
    .row{ margin: 0;}
}
.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
/*.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/shuiyin.png") repeat center top; width: 100%; height: 100%; background-size: 100%;}*/

.my-button-disabled{opacity: 1!important;pointer-events:visible!important; cursor: pointer!important;}


#dituContent label {
  max-width: unset!important;
  text-align: center;
}

@media screen and (max-width:991px){
    .layui-layer{ width: 94% !important; left: 3% !important;}
}




/*头部*/
#top_index{ height: auto; margin: 0 auto; position: fixed; z-index: 20; transition: 0.3s;}
#top_index_zy{ height: auto; margin: 0 auto; position: relative; transition: 0.3s;}
#logo{ text-align: center; padding: 0.5% 0; transition: 0.3s;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s;}
#logo .show{ display: inline-block;}
#logo .hidden{ display: none;}

.top_icon{ width: 27px; height: 27px; line-height: 27px; text-align: center; border-radius: 100%; border:1px solid #fff; position: relative;}
.top_icon span{ display: block; background: #fff; position: absolute; left: -145%; top: 100%; opacity: 0; z-index: 25; width: 400%; padding: 5px; border-radius: 5px; transition: 0.3s;}
.top_icon span img{ max-width: 100%;}
.top_icon i{ color: #fff;}
.top_icon:nth-of-type(1){ margin: 0 10% !important;}
.top_icon:hover span{ opacity: 1; top: 125%;}

#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ display: inline-block; padding: 0; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; transition:0.5s;}
#nav li .big{ display: block; color: #fff; position: relative; z-index: 1; }
#nav li .big:before{ position: absolute; left: 0; bottom: 28%; background: #00584e; content: ''; height: 4px; width: 0; transition: 0.3s;}
#nav li:hover .big{ color: #fff;}
#nav li:hover .big:before{ width: 100%;}
#nav .navli_hover a:before{ width: 100%;}
#nav .navli_hover a{ }

#nav li .navson{display: none; position: absolute; left: 0; overflow: hidden; border-top: 1px solid #ededed; background: url("../images/navlb_bj.jpg") no-repeat right bottom #fff; background-size: 60% 100%; box-shadow: 0 10px 10px rgba(0,0,0,0.05); color: #333; top: 100%; z-index: 20; width: 100vw;}
#nav li .navson .main{ padding: 30px 0;}
#nav li .navson .nav_font{ float: left; width: 40%; padding-right: 5%; text-align: left; line-height: 30px;}
#nav li .navson .nav_font dl{ margin: 0;}
#nav li .navson .nav_font dl dd{ float: left; width: 45%; text-align: left; margin: 0; transition: 0.3s;}
#nav li .navson .nav_font dl dd:nth-of-type(2n){ float: right;}
#nav li .navson .nav_font dl dd a{ color: #333333;}
#nav li .navson .nav_font dl dd .tit{ height: 60px; line-height: 60px; font-size: 16px; border-bottom: 1px solid #ebebeb; position: relative; transition: 0.3s;}
#nav li .navson .nav_font dl dd .tit:before{ position: absolute; right: 0; top: 0; content: '>'; width: 10%; height: 100%; color: #999; font-size: 14px;}
#nav li .navson .nav_font dl dd:hover .tit{ border-bottom: 1px solid #00584e;}
#nav li .navson .nav_font dl dd:hover .tit a{ color: #00584e !important; font-weight: bold;}
#nav li .navson .nav_pic{ float: right; width: 60%; padding: 3%; text-align: left;}
#nav li .navson .nav_pic i{ color: rgba(0,88,78,0.08); font-size: 72px; font-weight: bold; text-transform: uppercase;}
#nav li .navson .nav_pic h4{ color: #00584e; font-size: 28px; font-weight: bold !important; margin: -30px 0 10px !important; position: relative;}
#nav li .navson .nav_pic .content{ color: #666666; font-size: 16px; padding: 2% 0 3%;}
#nav li .navson .nav_pic .more{ height: 35px; line-height: 35px; background: #0d8e85; width: 20%; text-align: center; color: #fff; font-size: 14px; border-radius: 25px;}

.top_index_active{ background: #fff !important; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.top_index_active #logo .show{ display: none;}
.top_index_active #logo .hidden{ display: inline-block;}
.top_index_active #nav li{ font-size: 16px;}
.top_index_active #nav li .big{ color: #333;}
.top_index_active .top_icon{ border: 1px solid #333;}
.top_index_active .top_icon i{ color: #333;}
.top_index_active #c-header .c-switch i{ background: #333;}

.top_bj_active{ width: 100%; z-index: 20; background: #fff !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: fixed !important;}
.top_bj_active #logo{ padding: 0;}
.top_bj_active #logo img{ transform: scale(0.8);}
.top_bj_active #logo .show{ display: none;}
.top_bj_active #logo .hidden{ display: inline-block;}
.top_bj_active #nav li{ font-size: 16px;}
.top_bj_active #nav li .big{ color: #333;}
.top_bj_active .top_icon{ border: 1px solid #333;}
.top_bj_active .top_icon i{ color: #333;}
.top_bj_active #c-header .c-switch i{ background: #333;}


@media screen and (max-width:1440px){
    #logo a img{ max-width: 80%;}
}
@media screen and (max-width:1200px){
    #nav li{ font-size: 14px;}
    .top_bj_active #nav li,.top_index_active #nav li{ font-size: 14px;}
    #nav li .navson .nav_pic i{ font-size: 50px;}
}
@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #logo{ text-align: left;}
}
@media screen and (max-width:768px){
    #logo{ padding: 2%;}
}


#banner{ position: relative;}
#banner .swiper-slide img{ width: 100%;}
#banner .swiper-container {width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#banner .swiper-slide { background-size: cover; background-position: center;}
#banner .gallery-top { height: auto; width: 100%;}
#banner .line{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; border-top: 1px solid rgba(255,255,255,0.2);}
#banner .gallery-thumbs { height: auto; box-sizing: border-box; overflow: inherit;}
#banner .gallery-thumbs .swiper-slide { padding: 30px 0; height: 100%; text-align: center; position: relative; color: rgba(255,255,255,0.5); transition: 0.3s; cursor: pointer; font-size: 18px;}
#banner .gallery-thumbs .swiper-slide:before{ position: absolute; left: 50%; top: -1px; content: ''; width: 0; height: 2px; background: #fff; transition: 0.3s;}
#banner .gallery-thumbs .swiper-slide-thumb-active{ color: #fff; font-weight: bold;}
#banner .gallery-thumbs .swiper-slide-thumb-active:before{ left: 20%; width: 60%;}
#banner .swiper-button-next:after,#banner .swiper-button-prev:after{ display: none;}
#banner .swiper-button-next i,#banner .swiper-button-prev i{ color: rgba(255,255,255,0.7); font-size: 20px;transition: 0.3s;}
#banner .swiper-button-next,#banner .swiper-button-prev{ border: 1px solid rgba(255,255,255,0.2); width: 40px; height: 40px; line-height: 40px;transition: 0.3s;}
#banner .swiper-button-next{ right: 10%; bottom: 25px; top: auto;}
#banner .swiper-button-prev{ left: auto; right: 13%; bottom: 25px; top: auto; }
#banner .swiper-button-next:hover,#banner .swiper-button-prev:hover{ border: 1px solid #fff;}
#banner .swiper-button-next:hover i,#banner .swiper-button-prev:hover i{ color: #fff;}

#mobile_banner img{ width: 100%;}
#mobile_banner .swiper-pagination-bullet-active{ background: #178648;}

@media screen and (max-width:1440px){
    #banner .gallery-thumbs .swiper-slide p{ width: 100%;}
    #banner .swiper-button-prev{ right: 15%;}
}




/*底部*/
#end_bj{ background: url("../images/end_bj.png") no-repeat center #112926; background-size: auto 95%; width: 100%; text-align: left; position: relative;}
#end_nr_bj{ width: 100%; height: auto; overflow: hidden; color: #909091; position: relative;}
#end_nr_bj a{ color: #909091; transition: 0.3s; position: relative;}
#end_nr_bj a:hover{ color: #fff;}
#end_nr_bj a:after{z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:5px; background-color: rgba(255, 255, 255, .3);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}
#end_nr_bj a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}

#end_line .main,#end_logo .main{ padding: 20px 0;}

#end_nr_bj .main{ padding: 2% 0;}
#end_nr_bj .tit{ font-size: 18px; color: #fff; margin-bottom: 10px; position: relative;}
#end_nr_bj .tit:before{ position: absolute; left: -15px; top: 40%; width: 7px; height: 7px; background: #4aa34e; border-radius: 100%; content: '';}
#end_nr_bj ul li{ height: 35px; line-height: 35px;}
#end_lx .content{ color: #7c7c7c; padding-top: 10px;}

#end_logo{ border-bottom: 1px solid rgba(255,255,255,0.1);}
#end_logo .float-end{ color: #fff;}
#end_logo .float-end i{ font-size: 40px; margin-right: 10px;}
#end_logo .float-end p{ font-size: 18px; line-height: 25px;}
#end_line{ height: auto; color: #777777; border-top: 1px solid rgba(255,255,255,0.1); }
#end_line a{ color: #777777;}
#end_line a:hover{ color: #fff;}
#end_line .lx_anniu{ background: #45b035; height: 35px; line-height: 35px; text-align: center; color: #fff; width: 20%; margin-right: 10px; float: left;}
#end_line .lx_anniu i{ display: inline-block; margin-left: 10px;}
#end_line .lx_anniu:nth-of-type(2){ background: #0d8e85;}
#end_line .lx_anniu a{ color: #fff;}
#end_line .banquan{ clear: left; padding-top: 10px;}
#end_line .ewm{ padding: 0 10px; float: right; width: 50%; display: inline-block;}
#end_line .ewm img{ max-width: 100%;}

@media screen and (max-width:1400px){
    #end_lx .lx_tel{ font-size: 24px;}
}
@media screen and (max-width:1200px){
    #end_lx .lx_tel{ font-size: 20px;}
}
@media screen and (max-width:991px){
    #end_line .ewm{ width: 30%;}
    #end_line .lx_anniu{ width: 30%;}
}
@media screen and (max-width:768px){
    #end_line .ewm{ float: none; width: 45%;}
}


.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#151a2b;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#151a2b;}
.footer_zx a:last-of-type{ background: #00584e;}
.footer_zx i{ font-size: 28px; padding: 2% 0 1%; font-weight: normal;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    .footer_zx i{ padding: 4% 0 1%;}
}
@media screen and (max-width:765px){
    .footer_zx i{ padding: 2% 0 1%;}
}


/*首页*/
#gsjj_bj{ background: url("../images/jj_icon.png") no-repeat center #f5f8fa; background-size: auto auto;}
#gsjj_bj .pic img{ max-width: 100%;}
#gsjj_bj .nr{ color: #666666; line-height: 35px; font-size: 16px;}
#gsjj_bj .nr .bt{ padding-bottom: 2%; position: relative; line-height: 45px;}
#gsjj_bj .nr .bt:before{ position: absolute; left: 0; top: 0; content: "about us"; color: #0f653c; font-size: 72px; text-transform: uppercase; font-weight: bold; opacity: 0.08;}
#gsjj_bj .nr .bt p{ color: #00584e; font-size: 40px; font-weight: bold; position: relative; z-index: 1;}
#gsjj_bj .nr .bt span{ display: block; color: #282828; font-size: 30px; font-weight: bold; position: relative; z-index: 1;}
#gsjj_bj .nr .content_zy{ margin: 3% 0 5%; color: #666666; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
#gsjj_bj .nr ul li{ text-align: center; margin-right: 5%; font-size: 14px;}
#gsjj_bj .nr ul li i{ display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #00584e; border-radius: 100%; font-size: 30px; margin-bottom: 10px; transition: 0.3s;}
#gsjj_bj .nr ul li:nth-of-type(2) i{ background: #45b035;}
#gsjj_bj .nr ul li:nth-of-type(3) i{ background: #0d8e85;}
#gsjj_bj .nr ul li:hover i{ background: #333; transform: rotate(45deg);}
#gsjj_bj .jjlb{ padding-top: 5% !important;}
#gsjj_bj .jjlb li{ line-height: 20px; cursor: default;}
#gsjj_bj .jjlb h2{ position: relative; display: inline-block; color: #282828; font-size: 90px; height: 80px; line-height: 80px; font-family: cursive; font-weight: bold !important; transition: 0.3s;}
#gsjj_bj .jjlb h2 sub{ position: absolute; right: -25px; bottom: 15px; color: #282828; font-weight: bold; font-size: 24px;}
#gsjj_bj .jjlb h2 sup{ position: absolute; right: -130px; top: 15px; width: 120px; text-align: left; color: #666666; font-size: 14px; text-transform: uppercase; font-weight: normal;}
#gsjj_bj .jjlb p{ color: #666666; font-size: 16px; padding-top: 10px;}
#gsjj_bj .jjlb span{ font-size: 12px; color: #c6c6c6;}
#gsjj_bj .jjlb li:hover h2{ background-image: linear-gradient(to bottom, #6fb02d, #0d8e85);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
@media screen and (max-width:1440px){
    #gsjj_bj .jjlb h2{ font-size: 60px;}
    #gsjj_bj .jjlb p{ font-size: 14px;}
    #gsjj_bj .nr .bt p{ font-size: 36px;}
    #gsjj_bj .nr .bt span{ font-size: 24px;}
    #gsjj_bj .nr .bt:before{ font-size: 60px;}
}
@media screen and (max-width:1200px){
    #gsjj_bj .jjlb h2{ font-size: 50px;}
    #gsjj_bj .jjlb h2 sup{ font-size: 12px;}
}
@media screen and (max-width:991px){
    #gsjj_bj .jjlb li{ float: left; width: 50%; margin-bottom: 3%;}
    #gsjj_bj .nr .bt p{ font-size: 26px;}
    #gsjj_bj .nr .bt span{ font-size: 18px;}
    #gsjj_bj .nr .bt:before{ font-size: 50px;}
    #gsjj_bj .nr .bt{ line-height: 35px;}
    #gsjj_bj .nr .content_zy{ font-size: 14px;}
}
@media screen and (max-width:768px){
    #gsjj_bj .jjlb{ padding: 15px !important;}
    #gsjj_bj .jjlb li{ width: 60%;}
    #gsjj_bj .jjlb li:nth-of-type(2n){ width: 40%;}
    #gsjj_bj .jjlb span{ display: block; height: 40px; width: 90%;}
    #gsjj_bj .jjlb p{ font-size: 12px;}
    #gsjj_bj .jjlb h2{ font-size: 30px; height: 40px; line-height: 40px;}
    #gsjj_bj .jjlb h2 sub{ bottom: 5px; font-size: 14px;}
    #gsjj_bj .jjlb h2 sup{ display: none;}
}



#cpys{ position: relative;}
#cpys .swiper { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#cpys .mySwiper2 { height: auto; width: 100%;}
#cpys .mySwiper2 .swiper-slide{ position: relative;}
#cpys .mySwiper2 .swiper-slide .font{ position: absolute; left: 0; top: 0; width: 100%; height: auto; z-index: 1; color: #fff; padding-top: 4%;}
#cpys .mySwiper2 .swiper-slide .font .container{ padding-right: 20%;}
#cpys .mySwiper2 .swiper-slide .lytit{ position: relative; margin-bottom: 5%;}
#cpys .mySwiper2 .swiper-slide .lytit p{ position: absolute; left: 0; top: 0; color: rgba(255,255,255,0.1); font-size: 70px; text-transform: uppercase;}
#cpys .mySwiper2 .swiper-slide .lytit h2{ color: #fff; font-size: 40px; font-weight: bold !important;}
#cpys .mySwiper2 .swiper-slide .lytit h2 span{ font-size: 24px;}
#cpys .mySwiper2 .swiper-slide .font .tit{ font-size: 30px; height: 60px; font-weight: bold;}
#cpys .mySwiper2 .swiper-slide .font .nr{ font-size: 16px; line-height: 35px; margin-bottom: 5%;}
#cpys .mySwiper2 .swiper-slide .font dl dd{ height: 35px; line-height: 35px; background: #45b035; width: 14%; text-align: center; border-radius: 20px; transition: 0.3s;}
#cpys .mySwiper2 .swiper-slide .font dl dd a{ color: #fff;}
#cpys .mySwiper2 .swiper-slide .font dl dd:nth-of-type(2){ background: #0d8e85; margin-left: 20px;}
#cpys .mySwiper2 .swiper-slide .font dl dd:hover{ background: #333;}
#cpys .mySwiper2 .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 42%; position: relative; overflow: hidden; background: #000;}
#cpys .mySwiper2 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; opacity: 0.7;}
#cpys .cpys_hover{ position: absolute; bottom: 5%; width: 100%;}
#cpys .mySwiper { box-sizing: border-box; overflow: inherit; overflow: hidden; }
#cpys .mySwiper .swiper-slide {color: #fff; text-align: center; padding: 0; position: relative; overflow: hidden; border: 5px solid rgba(0,99,88,0.4); border-radius: 5px;}
#cpys .mySwiper .swiper-slide .pic{width: 100%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden;}
#cpys .mySwiper .swiper-slide .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 1s linear 2s; transform: scale(1, 1);}
#cpys .mySwiper .swiper-slide .font{ position: absolute; right: 0; top: 0; z-index: 1; width: 30%; height: 100%; text-align: center; padding-top: 10%;}
#cpys .mySwiper .swiper-slide .font:before{ position: absolute; content: ''; width: 250px; height: 250px; background: #006358; border-radius: 100%; left: 0; top: -3%;}
#cpys .mySwiper .swiper-slide .font:after{ position: absolute; content: ''; width: 250px; height: 250px; background: #006358; border-radius: 100%; left: -5%; top: -4%; opacity: 0.3;}
#cpys .mySwiper .swiper-slide .font img,#cpys .mySwiper .swiper-slide .font .tit{ position: relative; z-index: 1;}
#cpys .mySwiper .swiper-slide .font .tit{ font-size: 20px; font-weight: bold; padding-top: 5%; color: #fff;}
#cpys .mySwiper .swiper-slide .font .tit a{ color: #fff;}
#cpys .mySwiper .swiper-slide-thumb-active .pic img { transition: 6s linear; transform: scale(1.5, 1.5);}
@media screen and (max-width:1650px){
    #cpys .mySwiper2 .swiper-slide .font .nr{ margin-bottom: 3%;}
    #cpys .mySwiper .swiper-slide .font img{ max-width: 50%;}
    #cpys .mySwiper2 .swiper-slide .lytit h2{ font-size: 36px;}
}
@media screen and (max-width:1440px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 50%;}
}
@media screen and (max-width:1200px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 58%;}
    #cpys .mySwiper2 .swiper-slide .font .container{ padding-right: 0;}
    #cpys .mySwiper2 .swiper-slide .lytit{ margin-bottom: 3%;}
}
@media screen and (max-width:991px){
    #cpys .mySwiper{ overflow: hidden;}
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 50%;}
    #cpys .cpys_hover{ position: relative; margin-top: 3%;}
    #cpys .mySwiper2 .swiper-slide .lytit h2{ font-size: 30px;}
    #cpys .mySwiper2 .swiper-slide .font .tit{ font-size: 24px;}
    #cpys .mySwiper2 .swiper-slide .font .nr{ font-size: 14px; line-height: 30px;}
    #cpys .mySwiper .swiper-slide .font .tit{ font-size: 14px;}
}
@media screen and (max-width:768px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 55%;}
    #cpys .mySwiper2 .swiper-slide .lytit{ display: none;}
    #cpys .mySwiper2 .swiper-slide .font dl dd{ width: 25%;}
    #cpys .mySwiper2 .swiper-slide .font .nr{ font-size: 12px; line-height: 22px;}
}
@media screen and (max-width:450px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 70%;}
}


.tit_in{ position: relative; line-height: 50px;}
.tit_in i{ position: absolute; left: 0; top: 0; color: #0f653c; font-size: 70px; text-transform: uppercase; opacity: 0.07; font-weight: bold;}
.tit_in h2{ color: #00584e; font-size: 40px; font-weight: bold !important; position: relative;}
.tit_in p{ color: #282828; font-size: 30px; font-weight: bold; position: relative;}
@media screen and (max-width:1440px){
    .tit_in i{ font-size: 50px;}
    .tit_in h2{ font-size: 30px;}
    .tit_in p{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .tit_in i{ font-size: 40px;}
    .tit_in h2{ font-size: 24px;}
    .tit_in p{ font-size: 16px;}
}
@media screen and (max-width:768px){
    .tit_in i{ font-size: 25px;}
    .tit_in{ padding: 0 15px;}
    .tit_in i{ left: 15px;}
}



#anli{ position: relative; background: #f5f8fa; padding: 3% 0;}
#anli:before{ position: absolute; left: 0; top: 0; content: ''; background: url("../images/al_bj.jpg") repeat-y left top; width: 30%; height: 100%;}
#anli .container{ position: relative; padding-bottom: 5%;}
#anli .swiper-container { width: 100%; height: auto;}
#anli .swiper-slide { background-size: cover; background-position: center; position: relative; overflow: hidden;}
#anli .gallery-top { height: auto; width: 100%; padding: 0; overflow: hidden;}
#anli .gallery-top .swiper-slide ul{ padding: 10px 0 !important;}
#anli .gallery-top .swiper-slide li{ background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#anli .gallery-top .swiper-slide .pic{ height: 0; padding-bottom: 65%; position: relative; transition: 0.3s; overflow: hidden;}
#anli .gallery-top .swiper-slide .pic img{  width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#anli .gallery-top .swiper-slide .font{ padding: 5%;}
#anli .gallery-top .swiper-slide .font .tit{ color: #282828; font-size: 18px; font-weight: bold; transition: 0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; height: 40px;}
#anli .gallery-top .swiper-slide .font .content{ margin: 2% 0; font-size: 14px; color: #666666; line-height: 35px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#anli .gallery-top .swiper-slide .font .more{ position: relative; border-top: 1px solid #eaeaea; padding-top: 10px; text-transform: uppercase; color: #c6c6c6;}
#anli .gallery-top .swiper-slide .font .more:after{ position: absolute; left: 0; top: -2px; content: ''; width: 0; height: 5px; background-image: linear-gradient(to right, #0d8e85, #6fb02d); transition: 0.3s;}
#anli .gallery-top .swiper-slide .font .more:before{ position: absolute; left: 2%; top: 42%; content: ''; width: 22px; height: 22px; background-image: linear-gradient(to bottom, #6fb02d, #0d8e85); border-radius: 100%; opacity: 0; transition: 0.3s;}
#anli .gallery-top .swiper-slide .font .more p{ position: relative; transition: 0.3s;}
#anli .gallery-top .swiper-slide li:hover .font .more:before{ opacity: 1; left: 0; top: 42%;}
#anli .gallery-top .swiper-slide li:hover .font .more p{ color: #00584e; padding-left: 10px;}
#anli .gallery-top .swiper-slide li:hover .font .more:after{ width: 100%;}
#anli .gallery-top .swiper-slide li:hover .font .tit{ color: #00584e; font-weight: bold;}
#anli .gallery-top .swiper-slide li:hover .pic img{transform: scale(1.1);}
#anli .gallery-thumbs { height: auto; text-align: center; width: 25%; padding: 0; z-index: 10; box-sizing: border-box; position: absolute; right: 0; top: -33%;}
#anli .gallery-thumbs .swiper-slide { padding-top: 10px; font-size: 16px; cursor: pointer; text-align: center; color: #333333; line-height: 50px; position: relative; transition: 0.3s;}
#anli .gallery-thumbs .swiper-slide .pic{ margin: 0 auto; width: 63px; height: 63px; line-height: 63px; background: #45b035; border-radius: 10px; transition: 0.3s;}
#anli .gallery-thumbs .swiper-slide .pic img{ vertical-align: middle;}
#anli .gallery-thumbs .swiper-slide:nth-of-type(2) .pic{ background: #0d8e85;}
#anli .gallery-thumbs .swiper-slide:nth-of-type(3) .pic{ background: #00584e;}
#anli .gallery-thumbs .swiper-slide:hover .pic{ background-image: linear-gradient(to bottom, #6fb02d, #0d8e85) !important;  transform: scale(1.05);}
#anli .gallery-thumbs .swiper-slide-thumb-active{ color: #00584e; transform: scale(1.05);}
#anli .gallery-thumbs .swiper-slide-thumb-active .pic{ background-image: linear-gradient(to bottom, #6fb02d, #0d8e85) !important; }
#anli .swiper-button-next,#anli .swiper-button-prev{ background: none; border: 1px solid #fff; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; bottom: 5%; top: auto;}
#anli .swiper-button-next:after,#anli .swiper-button-prev:after{ display: none;}
#anli .swiper-button-next i,#anli .swiper-button-prev i{ font-size: 16px; transition:0.3s; color: #fff;}
#anli .swiper-button-next{ right: auto; left: 5%; opacity: 1;}
#anli .swiper-button-prev{ left: 2%; opacity: 1;}
#anli .swiper-button-next:hover,#anli .swiper-button-prev:hover{ background: #fff; }
#anli .swiper-button-next:hover i,#anli .swiper-button-prev:hover i{ color: #0b5f56; }
@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1400px){
    #anli .gallery-top .swiper-slide .font .content{ font-size: 12px; line-height: 30px;}
    #anli .gallery-thumbs .swiper-slide{ font-size: 14px;}
    #anli .gallery-thumbs{ top: -35%;}
}
@media screen and (max-width:1200px){
    #anli .gallery-thumbs{ top: -40%;}
    #anli .gallery-top .swiper-slide .font .content{ min-height: 80px; line-height: 25px;}
}
@media screen and (max-width:991px){
    #anli .gallery-thumbs{ top: -10%; width: 30%;}
    #anli .gallery-thumbs .swiper-slide-thumb-active .pic{ filter: none;}
    #anli .gallery-top .swiper-slide .font{ padding: 3%;}
    #anli .gallery-top .swiper-slide .font .content{ min-height: auto;}
    #anli .gallery-top .swiper-slide .font .more{ font-size: 12px; padding-top: 5px;}
    #anli .gallery-top .swiper-slide li{ margin-bottom: 3%;}
    #anli .gallery-top .swiper-slide .pic{ padding-bottom: 50%;}
}
@media screen and (max-width:768px){
    #anli .gallery-thumbs{ position: relative; width: 100%;}
    #anli:before{ width: 20%;}
}
@media screen and (max-width:450px){
    #anli:before{ width: 10%;}
}



.xwtit{ color: #282828; font-size: 24px; font-weight: bold; margin-top: 10%;}
.xwcon{ color: #282828; font-size: 16px; line-height: 30px; padding: 3% 0;}
.xwmore{ height: 35px; background: #0d8e85; line-height: 35px; color: #fff; width: 18%; text-align: center; border-radius: 20px; transition: 0.3s;}
.xwmore:hover{ background: #45b035;}

#xwzx{ margin-top: 5%;}
#xwzx .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#xwzx .swiper-slide {
    text-align: left;
    transition:0.5s;
    position: relative;
    background: #f5f8fa;
    padding: 3%;
    overflow: hidden;

    /* Center slide text vertically */
    flex-direction: column;
    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;
}
#xwzx .swiper-slide:before{ position: absolute; z-index: 2; left: -55%; top: -50%; content: ''; width: 1000px; height: 1000px; background: #00584e; border-radius: 100%; transition: 0.5s; opacity: 0;}
#xwzx .swiper-slide:after{ position: absolute; z-index: 1; left: -40%; top: -50%; content: ''; width: 1000px; height: 1000px; background: #006358; border-radius: 100%; transition: 0.5s; opacity: 0;}
#xwzx .swiper-slide .con{ width: 100%;}
#xwzx .swiper-slide .time{ color: #00584e; font-size: 16px; font-weight: bold; position: relative; z-index: 3;}
#xwzx .swiper-slide .time i{ display: inline-block; font-size: 18px; margin-right: 10px; background-image: linear-gradient(to right, #6fb02d, #0d8e85); background-clip: text; -webkit-background-clip: text; color: transparent;}
#xwzx .swiper-slide h2{ color: #282828; font-size: 18px; font-weight: bold !important; padding: 3% 0 1%; position: relative; z-index: 3; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#xwzx .swiper-slide .nr{ color: #666666; width: 100%; height: auto; transition: 0.5s; position: relative; z-index: 3; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#xwzx .swiper-slide .more{ color: #c6c6c6; margin-top: 2%; text-transform: uppercase; position: relative; z-index: 3;}
#xwzx .swiper-slide:hover:before{ left: -35%; top: -30%; opacity: 1;}
#xwzx .swiper-slide:hover:after{ left: -20%; top: -25%; opacity: 1;}
#xwzx .swiper-slide:hover{background: #00685c;}
#xwzx .swiper-slide:hover .time,#xwzx .swiper-slide:hover h2,#xwzx .swiper-slide:hover .nr{ color: #fff;}
#xwzx .swiper-slide:hover .more{ color: #c6c6c6;}
#xwzx .swiper-slide-next{ transform: scale(1.1); z-index: 1;background: #00685c;}
#xwzx .swiper-slide-next:before{ left: -35%; top: -30%; opacity: 1;}
#xwzx .swiper-slide-next:after{ left: -20%; top: -25%; opacity: 1;}
#xwzx .swiper-slide-next .time,#xwzx .swiper-slide-next h2,#xwzx .swiper-slide-next .nr{ color: #fff;}
#xwzx .swiper-slide-next .more{ color: #c6c6c6;}

#xwzx .swiper-button-next:after,#xwzx .swiper-button-prev:after{ display: none;}
#xwzx .swiper-button-next i,#xwzx .swiper-button-prev i{ color: #fff; font-size: 16px;}
#xwzx .swiper-button-next,#xwzx .swiper-button-prev{ background: #00584e; width: 40px; height: 40px; line-height: 40px; border-radius: 100%;}
#xwzx .swiper-button-next{ right: -45px;}
#xwzx .swiper-button-prev{ left: -20px; }

@media screen and (max-width:1400px){
    .xwpic img{ width: 100%;}
}
@media screen and (max-width:1200px){
    .xwtit{ margin-top: 5%; font-size: 22px;}
    .xwcon{ font-size: 12px;}
    .xwmore{ width: 30%;}
    #xwzx .swiper-slide h2{ font-size: 16px;}
    #xwzx .swiper-slide .nr{ font-size: 12px; line-height: 25px; padding-top: 3%;}
    #xwzx .swiper-slide .more{ font-size: 12px;}
}
@media screen and (max-width:991px){
    #xwzx .swiper-container{ overflow: hidden;}
    #xwzx .swiper-button-next,#xwzx .swiper-button-prev{ display: none;}
}
@media screen and (max-width:768px){
    .xwpic{ margin-top: 3%;}
    #xwzx .swiper-slide .num{ display: none;}
    #xwzx .swiper-slide-next{transform: scale(1);}
}


.xw_more{ font-size: 16px; height: 40px; line-height: 40px; transition: 0.3s; background: #45b035; color: #fff; border-radius: 20px; width: 150px;}
.xw_more a{ color: #fff;}
.xw_more i{ font-size: 22px; color: #fff; margin-right: 10px;}
.xw_more:hover{ background: #0d8e85;}
@media screen and (max-width:768px){
    .xw_more{ display: none;}
}



/*公共*/
#zi_banner{ width: 100%; height: auto; position: relative;}
#zi_banner .pic{ text-align: center; overflow: hidden;}
#zi_banner .pic img{ width: 100%;}
#zi_banner .main{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1; padding-top: 15%; line-height: 40px;}
#zi_banner .main .tit{ position: relative; z-index: 1; color: #fff !important; line-height: 65px;}
#zi_banner .main .tit h2{ font-size: 40px; font-weight: bold !important;}
#zi_banner .main .tit p{ font-size: 30px; font-weight: normal;}
#zi_banner .main .news-detail-title .h3{ text-align: center; color: #fff !important; border-bottom: none; font-size: 46px; line-height: 65px;}
#zi_banner .main .news-detail-title .b{ text-align: center !important; color: #efefef !important; font-size: 18px;}

#home_bj{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; border-top: 1px solid rgba(255,255,255,0.2); background: rgba(0,0,0,0.1)}
#home_bj .container li{ float: left; width: 16%; color: #fff; font-size: 16px; transition: 0.3s; padding: 2% 0; position: relative; text-align: center; }
#home_bj .container li a{ color: #fff;}
#home_bj .container li:before{ position: absolute; left: 50%; top: 0; content: ''; width: 0; height: 4px; background: #fff; transition: 0.3s;}
#home_bj .container li:hover:before{ left: 35%; width: 30%;}
#home_bj .home{ height: 25px; line-height: 25px; text-align: right; color: #fff;}
#home_bj .home i{ display: inline-block; color: #fff;}
#home_bj .home a{ padding: 0 10px; color: #fff;}
@media screen and (max-width:1600px){
    #zi_banner .main .news-detail-title .h3{ font-size: 40px;}
}
@media screen and (max-width:1200px){
    #home_bj .container li{ font-size: 14px;}
    #zi_banner .main .tit h2{ font-size: 30px;}
    #zi_banner .main .tit p{ font-size: 20px;}
}
@media screen and (max-width:991px){
    #zi_banner .pic img{ width: 150%; margin-left: -15%;}
    #home_bj .container li{ width: 20%; padding: 0.5% 0;}
    #zi_banner .main{ padding-top: 23%;}
    #zi_banner .main .news-detail-title .h3{ font-size: 36px;}
    #zi_banner .main .news-detail-title .b{ font-size: 16px;}
}
@media screen and (max-width:768px) {
    #zi_banner .pic img { width: 200%; margin-left: -25%;}
    #home_bj .container li{ width: 33%;}
    #zi_banner .main{ padding-top: 26%;}
    #zi_banner .main .news-detail-title .h3{ font-size: 24px;}
    #zi_banner .main .news-detail-title .b{ font-size: 14px;}
}
@media screen and (max-width:450px) {
    #zi_banner .main{ padding-top: 35%;}
    #zi_banner .pic img { width: 250%; margin-left: -25%;}
    #home_bj .container li{ width: 33%; padding: 0; height: 35px; line-height: 35px;}
    #zi_banner .main .news-detail-title .h3{ font-size: 16px;}
    #zi_banner .main .news-detail-title .b{ font-size: 12px;}
}


.hui{ background: #f7f8fa;}
.bai{ background: #fff;}
#lxbj{ background: #f1f1f1; position: relative;}
#lxbj:before{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: ''; background: #00584e;}
#lybj{ background: url("../images/lybj.jpg") no-repeat center;}

#lxwm_in li{ text-align: center; padding: 10% 3%; position: relative;}
#lxwm_in li i{ display: inline-block; color: #fff; font-size: 50px; border: 1px solid #fff; border-radius: 5px; width: 100px; height: 100px; line-height: 100px;}
#lxwm_in li .pic{ padding: 8% 0;}
#lxwm_in li .con{ color: #fff;}
#lxwm_in .col-12:last-of-type li:before{ display: none; }
@media screen and (max-width:991px){
    #lxwm_in li{ margin-bottom: 2%;}
}
@media screen and (max-width:768px){
    #lxwm_in li{ padding: 0;}
    #lxbj:before{ position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; content: ''; background: #00584e;}
}


.news01 {padding: 3% 0 0;}
.news01 li{ margin-bottom: 7%;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.news01 .imgbox p img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox p span{ display: block; position: absolute; left: 0; bottom: 0; z-index: 1; background: rgba(0,0,0,0.5); color: #fff; height: 40px; line-height: 40px; padding: 0 10px;}
.news01 .imgbj{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; background: rgba(0,88,78,0.9); z-index: 1; opacity: 0;
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
    -webkit-clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
    clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
}
.news01 .imgbj .pic{ padding-top: 25%; opacity: 0; transition: 0.5s; transform: none !important;}
.news01 .imgbj .tit{ font-size: 20px; padding: 5% 0 3%; opacity: 0; transition: 0.5s;}
.news01 .imgbj i{ font-size: 30px; opacity: 0; transform: scale(0.5); transition: 0.5s;}
.news01 .content { width: 90%; height: 90%; text-align: center; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%,-50%);  transition:0.3s; opacity: 0;}
.news01 .content .bl { width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s;}
.news01 .content .bl.l1 { top: 0;}
.news01 .content .bl.l2 { left: auto; right: 0;}
.news01 li:hover .bl.l1 { width: 100%;}
.news01 li:hover .bl.l2 { width: 100%; right: 0;}
.news01 li:hover .imgbj{ opacity: 1;
    -webkit-clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
    clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
}
.news01 li:hover .imgbj .pic{ padding-top: 17%; opacity: 1;}
.news01 li:hover .imgbj .tit,.news01 li:hover .imgbj i{ opacity: 1;}
.news01 li:hover .imgbj i{ transform: scale(1);}
.news01 li:hover .content { opacity: 1;}
.news01 li:hover .content::before { height: 95%;}
.news01 li:hover .content::after { height: 95%;}
.news01 .content::after,.news01 .content::before { width: 2px; display: block; height: 0; position: absolute; left: 0; top: 0; -webkit-transition: all .5s; content: ''; background: #fff;}
.news01 .content::after { left: auto; right: 0; top: auto; bottom: 0;}

/*.news01 .shuiyin{position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}*/
.news01 .imgbox1 {width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.news01 .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox1 p img{ max-width: 100%; max-height: 100%; transition:0.3s;}
.news01 .slide:hover .imgbox img {transform: scale(1.1);}

.news01 .txtbox { height: 50px; line-height: 50px; text-align: center; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; background: #fff; border-bottom: 1px solid #e2e2e2;}
.news01 .txtbox span{ display: block; z-index: 1; position: relative; transition:0.3s;}
.news01 .txtbox:after {  position: absolute;content: ""; background: #c30008; height: 100%; width:100%;  left: 0;bottom: 0;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.news01 .slide:hover .txtbox::after { -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
    -o-transform: scaleX(1); transform: scaleX(1);
}
.news01 .slide:hover .txtbox span{ color: #fff;}



.inner_contact_02{ margin: 3% 0 0;}
.inner_contact_02 .td1{ line-height: 40px; border-right: 1px solid #dbdbdb;}
.inner_contact_02 .td1 p{ color: #333333; font-size: 22px;}
.inner_contact_02 .td1 span{ color: #666666; font-size: 16px;}
.inner_contact_02 .td2{ line-height: 40px; padding-left: 5%;}
.inner_contact_02 .td2 p{ color: #666666; font-size: 16px;}
.inner_contact_02 .td2 p span{ color: #c3002f; font-size: 24px;}
.inner_contact_02 .td5{ text-align: center; padding-top: 2%;}
.inner_contact_02 .td5 a{ display: block; height: 45px; line-height: 45px; float: right; padding: 0 10%; background: #c3002f; border-radius: 5px; color: #fff;font-size: 14px;}
@media screen and (max-width:768px){
    .inner_contact_02 .td4{ width: 30%;}
    .inner_contact_02 .td2 p{ font-size: 14px;}
    .inner_contact_02 .td2 p span{ font-size: 16px;}
    .inner_contact_02 .td1 span{ font-size: 12px;}
    .inner_contact_02 .td1 p{ font-size: 14px;}
}

#jobs_ul{padding:0;width: 100%;}
#jobs_ul li{width: 100%; margin-bottom: 1% !important;}
#jobs_ul li .jobs_title{font-size: 14px; width: 100%; line-height: 30px; background: #f4f4f4; color: #666666; padding: 2%; margin: 0;}
#jobs_ul li .jobs_box{ padding:20px 3.5% 36px; background: #fff; position: relative;display: none;}
#jobs_ul li .jobs_box .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}
#jobs_ul li .jobs_box .info1 p {
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    margin: 5px 0px !important;
}
#jobs_ul li .jobs_box .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0 22px;
}
#jobs_ul li .jobs_box .info2 h3 {
    font-size: 18px;
    color: #333333;
    line-height: 3;
    font-weight: normal;
}
#jobs_ul li .jobs_box .info2 p {
    font-size: 14px;
    color: #777777;
    line-height: 2.5;
}
#jobs_ul li .jobs_box .info2 .float-left {
    float: left;
}
#jobs_ul li .jobs_box .info2 .float-right {
    float: right;
}
#jobs_ul li .jobs_box .info2 .float-left .info-box {
    border-right: 1px solid #e5e5e5;padding-right: 10%;
}
#jobs_ul li .jobs_box .info3 {
    margin-top: 31px;
}
#jobs_ul li .jobs_box .info3 .apply_btn {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #1976a0;
    font-size: 16px;
    color: #ffffff;
    float: right;
    transition: 0.3s;
    text-align: center;
}
#jobs_ul li .jobs_box .info3 .apply_btn:hover {
    background: #333;
}
#jobs_ul li .jobs_box .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 41px;
    line-height: 41px;
    padding-left: 30px;
}
#jobs_ul li .jobs_box i {
    position: absolute;
    left: 18px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5;
}
@media screen and (max-width:991px){
    #jobs_ul li .jobs_box .info2 .float-left .info-box{ border-right: none;}
}





/*公司简介*/
.jj_con{ font-size: 16px; color: #666666; padding-top: 3%; line-height: 35px;}
.hui{ background: #f5f8fa;}
.jj_pic img{ max-width: 100%;}
@media screen and (max-width:1440px){
    .jj_con{ font-size: 14px; line-height: 30px;}
}
@media screen and (max-width:1200px){
    .jj_con{ font-size: 12px; line-height: 25px;}
}


.tech-platform-s2 .zgs {
    width: 600px;
    height: 600px;
    margin: 120px auto;
    position: relative;
}
.tech-platform-s2 .ring {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.tech-platform-s2 .ring span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 88, 78, 0.05);
    border-radius: 50%;
    -webkit-animation: ringscale2 2s linear infinite;
    -moz-animation: ringscale2 2s linear infinite;
    -ms-animation: ringscale2 2s linear infinite;
    animation: ringscale2 2s linear infinite;
    opacity: 0;
}
.tech-platform-s2 .ring span:nth-of-type(2) {
    animation-delay: .7s;
}
.tech-platform-s2 .ring span:nth-of-type(3) {
    animation-delay: 1.4s;
}
.tech-platform-s2 .circle {
    position: absolute;
    top: -67px;
    left: -67px;
    right: -67px;
    bottom: -67px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/img-8.png");
    z-index: 2;
    animation: rotate 30s linear infinite;
}
.tech-platform-s2 .hover-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    border-radius: 50%;
    background-color: #f0f6ec;
    z-index: 3;
}
.tech-platform-s2 .hover-box .item {
    width: 50%;
    height: 50%;
    position: relative;
    cursor: pointer;
}
.tech-platform-s2 .hover-box .item img {
    width: 100%;
    height: 100%;
    transition: all .3s ease;
}
.tech-platform-s2 .hover-box .item img.hide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}
.tech-platform-s2 .hover-box .item.active img.hide {
    opacity: 1;
}
.tech-platform-s2 .center-txt {
    position: absolute;
    top: 120px;
    left: 120px;
    right: 120px;
    bottom: 120px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    z-index: 4;
}
.tech-platform-s2 .center-txt .item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0;
}
.tech-platform-s2 .center-txt .item img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
}
.tech-platform-s2 .center-txt .item h3 {
    font-size: 36px;
    color: #00584e;
    margin-top: -75px;
}
.tech-platform-s2 .center-txt .item h4 {
    font-size: 14px;
    color: #00584e;
    margin-top: 5px;
}
.tech-platform-s2 .center-txt .item.active {
    opacity: 1;
    transition: all .3s ease;
}
.tech-platform-s2 .info-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.tech-platform-s2 .info-box .item {
    position: absolute;
}
.tech-platform-s2 .info-box .item:before {
    content: '';
    width: 550px;
    height: 95px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/img-9-1.png");
    transition: all .3s ease;
}
.tech-platform-s2 .info-box .item .box {
    position: absolute;
    width: 300px;
}
.tech-platform-s2 .info-box .item span {
    position: absolute;
    width: 100%;
    display: block;
    font-size: 24px;
    line-height: 1;
    color: #007a59;
    font-family: 'EuclidCircularA-Regular';
    opacity: 0;
    transition: all .3s ease;
}
.tech-platform-s2 .info-box .item h3 {
    font-size: 24px;
    color: #000000;
    transition: all .3s ease;
    font-weight: bold !important;
}
.tech-platform-s2 .info-box .item h4 {
    font-size: 14px;
    color: #cccccc;
    text-transform: uppercase;
    margin-top: 10px;
    transition: all .3s ease;
}
.tech-platform-s2 .info-box .item p {
    position: absolute;
    left: 0;
    width: 100%;
    font-size: 14px;
    line-height: 30px;
    color: #808080;
    opacity: 0;
    transition: all .3s ease;
}
.cell-box{font-size: 0;}
.cell-box:before{content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.cell-box .cell{width: 100%; display: inline-block; vertical-align: middle;}
@keyframes ringscale2 {
    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.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media screen and (min-width: 1025px) {
    .tech-platform-s2 .info-box .item:nth-of-type(1), .tech-platform-s2 .info-box .item:nth-of-type(3) {
        text-align: right;
        right: 78%;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(1) .box, .tech-platform-s2 .info-box .item:nth-of-type(3) .box {
        left: 0;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(1) span, .tech-platform-s2 .info-box .item:nth-of-type(3) span {
        right: 0;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(2), .tech-platform-s2 .info-box .item:nth-of-type(4) {
        left: 78%;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(2) .box, .tech-platform-s2 .info-box .item:nth-of-type(4) .box {
        right: 0;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(2) span, .tech-platform-s2 .info-box .item:nth-of-type(4) span {
        left: 0;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(1), .tech-platform-s2 .info-box .item:nth-of-type(2) {
        top: 30px;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(1) .box, .tech-platform-s2 .info-box .item:nth-of-type(2) .box {
        top: 30px;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(1) span, .tech-platform-s2 .info-box .item:nth-of-type(2) span {
        top: -80px;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(1) p, .tech-platform-s2 .info-box .item:nth-of-type(2) p {
        top: 0;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(3), .tech-platform-s2 .info-box .item:nth-of-type(4) {
        bottom: 30px;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(3) .box, .tech-platform-s2 .info-box .item:nth-of-type(4) .box {
        bottom: 30px;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(3) span, .tech-platform-s2 .info-box .item:nth-of-type(4) span {
        bottom: -80px;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(3) p, .tech-platform-s2 .info-box .item:nth-of-type(4) p {
        bottom: 0;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(1):before {
        transform: rotateX(180deg);
    }
    .tech-platform-s2 .info-box .item:nth-of-type(2):before {
        transform: rotate(180deg);
    }
    .tech-platform-s2 .info-box .item:nth-of-type(4):before {
        transform: rotateY(180deg);
    }
    .tech-platform-s2 .info-box .item.active span, .tech-platform-s2 .info-box .item.active p {
        opacity: 1;
    }
    .tech-platform-s2 .info-box .item.active h3, .tech-platform-s2 .info-box .item.active h4 {
        opacity: 0;
    }
}
@media screen and (max-width: 1600px) {
    .tech-platform-s2 .center-txt .item h3 {
        font-size: 30px;
    }
    .tech-platform-s2 .info-box .item span,
    .tech-platform-s2 .info-box .item h3{
        font-size: 20px;
    }
    .tech-platform-s2 .para {
        font-size: 16px;
    }
    .tech-platform-s2 .zgs {
        width: 500px;
        height: 500px;
    }
    .tech-platform-s2 .info-box .item:before {
        width: 450px;
        height: 78px;
    }
    .tech-platform-s2 .info-box .item .box {
        width: 240px;
    }
    .tech-platform-s2 .center-txt {
        top: 100px;
        left: 100px;
        right: 100px;
        bottom: 100px;
    }
    .tech-platform-s2 .center-txt .item img {
        width: 120px;
        height: 120px;
    }
    .tech-platform-s2 .center-txt .item h3 {
        margin-top: -60px;
    }
}
@media screen and (max-width: 1366px) {
    .tech-platform-s2 .center-txt .item h3 {
        font-size: 26px;
    }
    .tech-platform-s2 .info-box .item span,
    .tech-platform-s2 .info-box .item h3 {
        font-size: 18px;
    }
    .tech-platform-s2 .para {
        font-size: 15px;
    }
    .tech-platform-s2 .zgs {
        width: 420px;
        height: 420px;
    }
    .tech-platform-s2 .center-txt {
        top: 80px;
        left: 80px;
        right: 80px;
        bottom: 80px;
    }
    .tech-platform-s2 .center-txt .item img {
        width: 100px;
        height: 100px;
    }
    .tech-platform-s2 .center-txt .item h3 {
        margin-top: -50px;
    }
    .tech-platform-s2 .info-box .item:before {
        width: 390px;
        height: 67px;
    }
    .tech-platform-s2 .circle {
        top: -40px;
        left: -40px;
        right: -40px;
        bottom: -40px;
    }
}
@media screen and (max-width: 1024px) {
    .tech-platform-s2 .ring,
    .tech-platform-s2 .circle,
    .tech-platform-s2 .hover-box,
    .tech-platform-s2 .center-txt {
        display: none;
    }
    .tech-platform-s2 .zgs {
        margin: 3.125vw 0 0;
        width: 100%;
        height: auto;
    }
    .tech-platform-s2 .info-box {
        position: static;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .tech-platform-s2 .info-box .item {
        position: static;
        width: 45%;
        margin-top: 3.125vw;
    }
    .tech-platform-s2 .info-box .item:before {
        display: none;
    }
    .tech-platform-s2 .info-box .item .box {
        position: static;
        width: 100%;
    }
    .tech-platform-s2 .info-box .item span,
    .tech-platform-s2 .info-box .item p {
        position: static;
        opacity: 1;
        margin-bottom: 10px;
    }
    .tech-platform-s2 .info-box .item h3 {
        margin: 10px 0;
    }
    .tech-platform-s2 .info-box .item p {
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px) {
    .tech-platform-s2 .center-txt .item h3 {
        font-size: 20px;
    }
    .tech-platform-s2 .info-box .item span,
    .tech-platform-s2 .info-box .item h3 {
        font-size: 16px;
    }
    .tech-platform-s2 .para {
        font-size: 14px;
    }
    .tech-platform-s2 {
        padding: 40px 15px;
    }
    .tech-platform-s2 .para {
        line-height: 24px;
        margin-top: 15px;
    }
    .tech-platform-s2 .zgs {
        margin-top: 20px;
    }
    .tech-platform-s2 .info-box .item {
        width: 100%;
        margin-top: 30px;
    }
    .tech-platform-s2 .info-box .item:nth-of-type(1) {
        margin-top: 0;
    }
    .tech-platform-s2 .info-box .item h4 {
        font-size: 12px;
    }
}

#whbj{ background: url("../images/wh_icon.png") no-repeat center; background-size: auto auto;}
#whbj .tit_in{ text-align: center;}
#whbj .tit_in i{ width: 100%;}
#whbj .content{ text-align: center; font-size: 18px; padding: 3% 0; color: #666666; line-height: 35px;}
#whbj ul{ margin-bottom: 3% !important;}
#whbj ul li{ position: relative;}
#whbj ul li .pic img{ width: 100%;}
#whbj ul li .font{ position: absolute; left: 0; bottom: 8%; width: 100%; height: auto; color: #fff; z-index: 1; text-align: center; font-size: 18px; font-weight: bold;}
#whbj dl{ position: relative;}
#whbj dl:before{ position: absolute; left: -50%; top: 16px; width: 200%; height: 1px; background: #eaeaea; content: '';}
#whbj dl dd{ text-align: center; position: relative;}
#whbj dl dd i{ display: inline-block; background: url("../images/wh_icon2.png") no-repeat center; width: 32px; height: 32px; transition: 0.3s;}
#whbj dl dd:hover i{ background: url("../images/wh_icon1.png") no-repeat center;}
#whbj dl dd p{ color: #282828; font-weight: bold; font-size: 18px;}
#whbj dl dd span{ color: #c8c8c8; font-size: 14px; text-transform: uppercase;}
@media screen and (max-width: 1600px) {
    #whbj ul li{ width: 24%;}
}
@media screen and (max-width: 1400px) {
    #whbj .content{ font-size: 16px; padding: 1% 0 3%;}
    #whbj ul li .font{ font-size: 16px;}
}
@media screen and (max-width: 1200px) {
    #whbj .content{ font-size: 14px; line-height: 30px; padding: 0 0 3%;}
    #whbj ul li .font{ font-size: 14px; line-height: 22px;}
    #whbj dl dd span{ font-size: 12px;}
}
@media screen and (max-width: 991px) {
    #whbj ul li .font{ font-size: 12px;}
    #whbj dl dd span{ display: none;}
    #whbj dl dd p{ font-size: 16px;}
    #whbj dl dd{ line-height: 20px;}
}
@media screen and (max-width: 768px) {
    #whbj ul li{ float: left; width: 46%; margin: 2%;}
    #whbj dl dd p{ font-size: 14px;}
    #whbj .content{ font-size: 12px;}
}


#rybj{ background: url("../images/rybj.jpg") no-repeat center;}
#rybj .tit_in i{ color: #fff;}
#rybj .tit_in p,#rybj .tit_in h2{ color: #fff;}


.comc {height: auto;overflow: hidden; background: #fff; padding: 6% 0; position: relative;}
.comc .swiper-slide {
    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;
    transition: 300ms;
    transform: scale(0.6) !important;
}
.comc img{width: 100%;}
.comc .swiper-slide-active{transform: scale(1) !important;}
.comc .swiper-button-next:after,.comc .swiper-button-prev:after{ display: none;}
.comc .swiper-button-next i,.comc .swiper-button-prev i{ color: #fff; font-size: 16px;}
.comc .swiper-button-next,.comc .swiper-button-prev{ background: #00584e; width: 40px; height: 40px; line-height: 40px; border-radius: 100%;}
.comc .swiper-button-next{ right: 2%;}
.comc .swiper-button-prev{ left: 2%; }


#cqsl{ margin: 3% auto 0; overflow: hidden; position: relative;}
#cqsl .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0 1%;
    overflow: hidden;
}
#cqsl .swiper-slide {
    text-align: left;
    transition:0.3s;
    border: 1px solid #efefef;

    /* Center slide text vertically */
    flex-direction: column;
    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;
}
#cqsl .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; text-align: center;}
#cqsl .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#cqsl .swiper-slide p{ width: 100%; text-align: left; height: 60px; transition: 0.3s; background: #fff; line-height: 60px; color: #333333; font-size: 16px; padding: 0 10px;}
#cqsl .swiper-slide p i{ float: right; color: #00584e; transition: 0.3s; font-size: 30px;}
#cqsl .swiper-slide:hover p{ background: #00584e; color: #fff;}
#cqsl .swiper-slide:hover p i{ color: #fff;}
#cqsl .swiper-button-next:after,#cqsl .swiper-button-prev:after{ display: none;}
#cqsl .swiper-button-next i,#cqsl .swiper-button-prev i{ color: #fff; font-size: 16px;}
#cqsl .swiper-button-next,#cqsl .swiper-button-prev{ background: #00584e; width: 40px; height: 40px; line-height: 40px; border-radius: 100%;}
#cqsl .swiper-button-next{ right: 0;}
#cqsl .swiper-button-prev{ left: 0; }
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    #cqsl .swiper-container{ padding-bottom: 7%;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:765px){
    #cqsl .swiper-container{ padding-bottom: 15%;}
}


#jj_end{ background: url("../images/jj_end.jpg") no-repeat center fixed; text-align: center; color: #fff; padding: 10% 0;}
#jj_end p{ font-size: 40px; letter-spacing: 12px; padding: 2% 0;}
#jj_end span{ font-size: 20px;}
@media screen and (max-width:768px){
    #jj_end p{ font-size: 20px;}
    #jj_end span{ font-size: 14px;}
}


/*核心业务*/
.imgbg{ width: 100%; height: 100%; transition: ease 1s; background-position: center; background-repeat: no-repeat; background-size: cover;}
.imgbg{ width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease 1s;}

.z_school_swiper{ width: 100%; position: relative; margin-top: 20px; }
.z_index_school{ height: auto; padding: 20px 10px; padding-bottom: 70px;}
.z_school_swiper .z_school_logo img{ height: 40px;}
.z_school_swiper li{ padding: 10%;}
.z_school_swiper li .desc{ line-height: 24px; margin: 15px 0;}
.z_school_btnbox{ height: 40px; line-height: 40px;}
.z_school_tab{ width: 100%;}
.z_school_tab li{ height: 50px; line-height: 50px; font-size: 12px; font-weight: bold;}
.z_school_tab li a{ color: #fff;}
.z_school_hd span{ margin: 0 20px !important; background: none !important;}
.z_school_hd span:nth-child(2)::after{ width: 40px; left: -40px;}
.z_school_hd .swiper-pagination-bullet{ opacity: 0.7;}

.z_school_tab{ transform: translate(0) scale(1,1)!important; opacity: 1;}
.z_school_swiper{transform: perspective(600px) rotate(0); left: 0;}
.z_school_page{ padding: 8.333vw; box-sizing: border-box;}
.z_school_page{ padding: 50px 0;}
.z_school_page img{ transition: ease 1s; }
.z_school_page img:hover{ margin-left: 10px;}

.z_index_tit{ color: #fff; z-index: 1; position: relative;}
.z_page_swiper .z_index_tit{ transform: translateY(100%); opacity: 0; transition: ease 2s;}
.z_page_swiper .z_index_tit{ transform: translateY(0); opacity: 1;}
.z_index_tit h3{font-size:2.70833vw; line-height: 2.7vw; font-family: Humanist777BT;font-weight:bold; text-transform: uppercase;}
.z_index_tit h4{font-size: 1.875vw; font-weighdt: bold;}
.z_index_tit .desc{ margin-top: 15px;}

.z_index_school{ height: 100vh; overflow: hidden; position: relative;padding: 6.25vw 8.33333vw; box-sizing: border-box;}
.z_school_bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.z_school_bg li{width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: ease 1s; transform: scale(1.1); opacity: 0;}
.z_school_bg li.on{ transform: scale(1,1); opacity: 1;}
.z_school_swiper{ width: 37.5%; overflow: hidden; background: rgba(0,0,0,0.4); background-size: cover; position: absolute; left: 0; bottom: 0;transition: cubic-bezier(0.215,.61,.355,1) 2s;  }
/* .z_index_school.swiper-slide-active .z_school_swiper{transform: perspective(600px) rotate(0);} */
.z_index_school.swiper-slide-active .z_school_swiper{left: 0;}
.z_school_swiper .z_school_logo img{ display: inline-block; margin: 0 20px 0 0; height: 3.64583vw; width: auto;}
.z_school_swiper .z_school_logo{ color: #fff; font-size: 36px; font-weight: bold;}
.z_school_swiper li .desc{ margin: 1.5vw 0;color: #fff;line-height: 30px; margin-bottom: 1.2vw;}
.z_school_swiper li dl dd{ height: 35px; line-height: 35px; background: #45b035; width: 25%; text-align: center; border-radius: 20px;}
.z_school_swiper li dl dd a{ color: #fff;}
.z_school_swiper li dl dd:nth-of-type(2){ background: #0d8e85; margin-left: 20px;}
.z_school_btnbox{ width: 100%; height: 6.25vw; background: #2f3035; display: flex; align-items: center; justify-content: center;}
.z_school_hd{ margin: 0 4vw !important; height: 20px; display: flex; align-items: center; width: auto !important;}
.z_school_hd span{ display: inline-block; width: 30px; text-align: center; height: 20px; line-height: 20px; position: relative;  margin: 0 2vw !important; }
.z_school_hd span::before{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #777777; z-index: 1;font-family: Gotham;}
.z_school_hd span:nth-child(1)::before{ content: "01";}
.z_school_hd span:nth-child(2)::before{ content: "02";}
.z_school_hd span:nth-child(3)::before{ content: "03";}
.z_school_hd span:nth-child(2)::after,.z_school_hd span:nth-child(3)::after{ content: ""; z-index: 1; display: block;width: 4vw;height: 1px;background: #FFFFFF; position: absolute; left: -4vw; top: 50%; transform: translateY(-50%); }
.z_school_swiper .btn{ color: #fff; cursor: pointer; outline: none; margin-top: -2px; box-shadow: none !important;}
.z_school_swiper .btn:hover{ color: #D60011;}
.z_school_hd span.swiper-pagination-bullet-active::before{ color: #fff;}
.z_school_tab{ width: 62.5%; position: absolute; right: 0;bottom: 0; z-index: 1; border-top: 1px solid #fff; transform: translateX(100%); opacity: 0; transition: ease 2s;}
.z_school_tab li{ width: 33.3%;  overflow: hidden; float: left; z-index: 1; cursor: pointer; transition: ease 1s; position: relative; height: 6.25vw; line-height: 6.25vw; text-align: center; color: #fff; font-size: 18px;}
.z_school_tab li::before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;background: #006358; transition: ease 1s; transform: translateX(-100%); opacity: 0; z-index: -1;}
.z_school_tab li em{font-family: Gotham;}
.z_school_tab li.active::before{ transform: translateX(0); opacity: 1;}
.z_index_school  .z_school_tab{ transform: translateX(0); opacity: 1;}
@media screen and (max-width:1440px){
    .z_school_swiper .z_school_logo{ font-size: 30px;}
    .z_school_swiper li .desc{ font-size: 12px;}
    .z_school_swiper li dl dd{ width: 35%;}
}
@media screen and (max-width:1200px){
    .z_school_tab li{ font-size: 16px;}
    .z_school_swiper .z_school_logo{ font-size: 24px;}
}
@media screen and (max-width:991px){
    .z_school_swiper .z_school_logo img{ height: 8vw;}
    .z_school_swiper{ width: 90%; bottom: 10%; left: 5%;}
    .z_school_tab{ width: 100%;}
    .z_school_swiper li{ padding: 5%;}
    .z_school_btnbox{ height: 10vw;}
    .z_school_tab li{ height: 8vw; line-height: 8vw; font-size: 14px;}
}
@media screen and (max-width:768px){
    .z_school_swiper .z_school_logo img{ height: 10vw;}
    .z_school_tab li{ height: 13vw; line-height: 13vw;}
}

/*新闻中心*/
#indexNews{ width: 95%; float: right;}
#indexNews li{ background: #fff; border-radius: 20px; padding: 4%; transition: 0.3s; cursor: pointer; position: relative; overflow: hidden; margin-bottom: 5%;}
#indexNews li .news_title{ text-align: left; color: #282828; font-size: 22px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s; border-bottom: 1px solid #f5f5f5; height: 50px;}
#indexNews li .news_info{ color: #999; font-size: 18px; padding: 1% 0 0; }
#indexNews li:hover .news_title{ color: #00584e;}
#indexNews li:hover{ box-shadow:0 10px 32px rgba(29,29,31,0.12);}
#indexNews li .float-end{ width: 70%; padding-left: 3%;}
#indexNews li .float-end .news_title{ font-size: 18px; font-weight: bold;}
#indexNews li .float-end .news_info{ font-size: 16px;}
#indexNews li .float-start{ width: 30%; height: 0; padding-bottom: 20%; position: relative; overflow: hidden;}
#indexNews li .float-start img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}

#xw_pic{ overflow: hidden;}
#xw_pic .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#xw_pic .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 30px;

    /* Center slide text vertically */
    flex-direction: column;
    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;
}
#xw_pic .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 66%; position: relative; overflow: hidden;}
#xw_pic .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#xw_pic .swiper-slide .font{ height: auto;  transition:0.4s; padding: 5%; background: #fff; line-height: 50px; width: 100%;}
#xw_pic .swiper-slide .font p{ color: #5a5858; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
#xw_pic .swiper-slide .font h2{ color: #282828; font-size: 20px; font-weight: bold !important; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative;}
#xw_pic .swiper-slide:hover img{ transform: scale(1.1);}
#xw_pic .swiper-slide:hover .font h2{ color: #00584e;}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    #indexNews li .news_title{ font-size: 18px; height: 40px;}
    #indexNews li .news_info{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #indexNews li{ padding: 3%;}
}
@media screen and (max-width:991px){
    #indexNews{ float: none; width: 100%; margin-top: 3% !important;}
    #xw_pic .swiper-slide .font h2{ font-size: 16px;}
    #xw_pic .swiper-slide .font p{ font-size: 14px;}
    #indexNews li .news_title{ font-size: 16px;}
    #indexNews li .news_info{ font-size: 12px;}
}
@media screen and (max-width:768px){
}


#hydt{ overflow: hidden; margin-top: 3%; padding: 0 30px 30px;}
#hydt .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#hydt .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    overflow: hidden;
    background: #fafafa;
    border-radius: 30px;

    /* Center slide text vertically */
    flex-direction: column;
    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;
}
#hydt .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 66%; position: relative; overflow: hidden;}
#hydt .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#hydt .swiper-slide .font{ height: auto;  transition:0.4s; padding: 5%; line-height: 50px; width: 100%;}
#hydt .swiper-slide .font p{ color: #5a5858; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
#hydt .swiper-slide .font h2{ color: #282828; font-size: 20px; font-weight: bold !important; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative;}
#hydt .swiper-slide:hover img{ transform: scale(1.1);}
#hydt .swiper-slide:hover{ box-shadow:0 10px 32px rgba(29,29,31,0.12);}
#hydt .swiper-slide:hover .font h2{ color: #00584e;}


.xwinfo{ padding: 5% 10%; font-size: 16px; line-height: 40px; border-radius: 20px; margin-top: 3%;}
.xwinfo img{ display: block; margin: 0 auto 3%; max-width: 80%;}
@media screen and (max-width:1200px){
    #hydt .swiper-slide .font h2{ font-size: 16px;}
    #hydt .swiper-slide .font p{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .xwinfo{ padding: 5%; font-size: 14px; line-height: 30px;}
    #hydt .swiper-slide .font h2{ font-size: 15px;}
    #hydt .swiper-slide .font p{ font-size: 12px;}
}

/*产品中心*/
.cpclass{ padding-top: 0; position: relative;}
.cpclass .cpclass_bj{ width: 100%;}
.cpclass .cpclass_bj img{ width: 100%;}

.cpclass .cpclass_font{ text-align: center; padding: 5% 0 2%; position: relative;}
.cpclass .cpclass_font .tit{ color: #00584e; font-size: 40px; font-weight: bold; position: relative; z-index: 1;}
.cpclass .cpclass_font .content{ color: #666666; font-size: 18px; height: 70px; line-height: 70px; position: relative; z-index: 1;}
.cpclass .cpclass_font i{ position: absolute; left: 0; top: 40%; color: #e9efef; font-size: 72px; width: 100%; text-transform: uppercase;}

@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    .cpclass .cpclass_font .tit{ font-size: 24px;}
    .cpclass .cpclass_font .content{ font-size: 14px;}
    .cpclass .cpclass_font i{ font-size: 40px;}
}
@media screen and (max-width:991px){
    .cpclass .cpclass_bj img{ width: 150%;}
    .cpclass .cpclass_font{ width: 100%;}
    .cpclass .cpclass_font .content{ height: 50px; line-height: 40px;}
    .cpclass .cpclass_font i{ font-size: 30px;}
}
@media screen and (max-width:768px){
    #cpclass_lb{ width: 92%;}
    .cpclass .cpclass_font .content{ font-size: 12px; line-height: 20px; padding-top: 10px;}
    .cpclass .cpclass_font i{ top: 25%;}
}


#cpclass_lb{ overflow: hidden; background: #fff; padding: 2% 2% 6%; margin-top: -8%; position: relative; z-index: 1;}
#cpclass_lb:before{ position: absolute; left: 0; bottom: 10%; width: 100%; height: 1px; content: ''; background: #eaeaea;}
#cpclass_lb:after{ position: absolute; left: 45%; bottom: 9.5%; width: 10%; height: 7px; content: ''; background-image: linear-gradient(to right, #6fb02d, #0d8e85);}
#cpclass_lb .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#cpclass_lb .swiper-slide {
    text-align: center;
    transition:0.3s;
    background: #f6f6f6;

    /* Center slide text vertically */
    flex-direction: column;
    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;
}
#cpclass_lb .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #fff; }
#cpclass_lb .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
/*#cpclass_lb .swiper-slide .pic p img{ max-width: 100%; height: 100%;}*/
#cpclass_lb .swiper-slide .con{ position: absolute; left: 5%; bottom: 3%; width: 90%; z-index: 1; background: rgba(255,255,255,0.9); border-radius: 10px; padding: 3%;}
#cpclass_lb .swiper-slide .tit{ color: #333333; text-align: left; font-size: 16px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s; width: 65%;}
#cpclass_lb .swiper-slide .tit p{ color: #00584e; font-weight: bold; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#cpclass_lb .swiper-slide .tit span{ font-size: 14px; color: #666666;}
#cpclass_lb .swiper-slide .more{ position: relative; text-transform: uppercase; color: #c6c6c6; font-size: 12px;}
#cpclass_lb .swiper-slide .more:before{ position: absolute; left: 2%; top: 25%; content: ''; width: 22px; height: 22px; background-image: linear-gradient(to bottom, #6fb02d, #0d8e85); border-radius: 100%; opacity: 0; transition: 0.3s;}
#cpclass_lb .swiper-slide .more p{ position: relative; transition: 0.3s;}
#cpclass_lb .swiper-slide:hover .more:before{ opacity: 1; left: 0; top: 25%;}
#cpclass_lb .swiper-slide:hover .more p{ color: #00584e; padding-left: 10px;}
#cpclass_lb .swiper-slide:hover .pic img{ transform: scale(1.1); }
#cpclass_lb .swiper-button-next:after,#cpclass_lb .swiper-button-prev:after{ display: none;}
#cpclass_lb .swiper-button-next i,#cpclass_lb .swiper-button-prev i{ color: #fff; font-size: 30px;}
#cpclass_lb .swiper-button-next,#cpclass_lb .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 80px; line-height: 80px; top: 40%;}
#cpclass_lb .swiper-button-next{ right: 2%;}
#cpclass_lb .swiper-button-prev{ left:2%; }
@media screen and (max-width:1440px){
    #cpclass_lb .swiper-slide .more{ display: none;}
    #cpclass_lb .swiper-slide .tit{ width: 100%;}
}


#home_nav{ margin-top: 96px; height: 85px;}
#cpclass_tit .swiper {
    width: 100%;
    height: 100%;
}

#cpclass_tit .swiper-slide {
    text-align: center;
    height: 85px; line-height: 85px;
    position: relative; font-size: 16px;
    /* Center slide text vertically */
    flex-direction: column;
    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;
}
#cpclass_tit .swiper-slide:before{ position: absolute; left: 50%; top: 0; content: ''; height: 3px; width: 0; background: #00584e; transition: 0.3s;}
#cpclass_tit .swiper-slide:hover:before{ width: 60%; left: 20%;}

#cplb li{ position: relative; margin-bottom: 8%;}
#cplb li .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #fff; }
#cplb li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#cplb li .con{ position: absolute; left: 5%; bottom: 3%; width: 90%; z-index: 1; background: rgba(255,255,255,0.9); border-radius: 10px; padding: 3%;}
#cplb li .tit{ color: #333333; text-align: left; font-size: 16px; width: 65%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s;}
#cplb li .tit p{ color: #00584e; font-weight: bold; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#cplb li .tit span{ font-size: 14px; color: #666666;}
#cplb li .more{ position: relative; text-transform: uppercase; color: #c6c6c6; font-size: 12px;}
#cplb li .more:before{ position: absolute; left: 2%; top: 25%; content: ''; width: 22px; height: 22px; background-image: linear-gradient(to bottom, #6fb02d, #0d8e85); border-radius: 100%; opacity: 0; transition: 0.3s;}
#cplb li .more p{ position: relative; transition: 0.3s;}
#cplb li:hover .more:before{ opacity: 1; left: 0; top: 25%;}
#cplb li:hover .more p{ color: #00584e; padding-left: 10px;}
#cplb li:hover .pic img{ transform: scale(1.1); }
@media screen and (max-width:1440px){
    #home_nav{ margin-top: 75px; height: 70px;}
    #cpclass_tit .swiper-slide{ height: 70px; line-height: 70px;}
    #cplb li .more{ display: none;}
    #cplb li .tit{ width: 100%;}
}
@media screen and (max-width:1200px){
    #home_nav{ margin-top: 60px;}
}
@media screen and (max-width:991px){
    #home_nav{ margin-top: 86px;}
}
.pro_con{ background: url("../images/info_bj.png") no-repeat right bottom #f5f8fa; padding: 3%;}
.cp_left{ padding: 0; position: relative; overflow: hidden;}
.cp_left .swiper-container {
    width: 100%;
    height: 100%;
}

.cp_left .swiper-slide {
    text-align: center;
    background: #fff;

    /* Center slide text vertically */
    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;
}
.cp_left .swiper-slide p{ display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden;}
.cp_left .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.cp_left .swiper-button-next:after,.cp_left .swiper-button-prev:after{ display: none;}
.cp_left .swiper-button-disabled{ opacity: 1 !important;}
.cp_left .swiper-button-next,.cp_left .swiper-button-prev{ width: 42px; height: 42px; background: rgb(0,88,78,0.5); border-radius: 5px; line-height: 42px; right: 0; transition: 0.3s;}
.cp_left .swiper-button-prev{ left: 0;}
.cp_left .swiper-button-prev i,.cp_left .swiper-button-next i{ color: #fff; font-size: 20px;}
.cp_left .swiper-button-next:hover,.cp_left .swiper-button-prev:hover{ background: #00584e;}

.cp_right{ padding-left: 2%;}
.cp_right h2{ color: #0b1312; font-size: 30px; font-weight: bold !important;}
.cp_right .content{ border-bottom: 1px dashed #cccccc; border-top: 1px dashed #cccccc; padding: 3% 0; margin: 3% 0;}
.cp_right .content p{ color: #999999; font-size: 16px; line-height: 35px;}
.cp_right .content p span{ color: #282828; font-weight: bold;}
.cp_right ul{ background: #fff; padding: 5% 0 !important; margin: 5% auto !important;}
.cp_right ul li .pic img{ max-width: 100%;}
.cp_right ul li .font{ padding-left: 10px; line-height: 40px;}
.cp_right ul li .font i{ font-size: 35px; color: #00584e;}
.cp_right ul li .font p{ font-size: 16px;}
.cp_right .zixun-btn{ height: 35px; line-height: 35px; transition: 0.3s; background: #45b035; color: #fff; border-radius: 20px; text-align: center;}
.cp_right .zixun-btn:nth-of-type(2){ background: #0d8e85;}
.cp_right .zixun-btn a{ color: #fff;}
@media screen and (max-width:1200px){
    .cp_right h2{ font-size: 22px;}
    .cp_right ul li .pic{ width: 40%;}
    .cp_right ul li .font{ line-height: 30px;}
    .cp_right ul li .font i{ font-size: 26px;}
    .cp_right ul li .font p{ font-size: 12px;}
    .cp_right .content p{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .cp_right ul li{ margin-bottom: 2%;}
    .cp_right{ margin-top: 3%;}
}

#cpbtqh{ width: 100% !important; transition:0.3s; text-align: center; border-top: 1px solid #efefef;}
.cpbt{ margin: 0 auto !important; height: 60px; line-height: 60px; width: 100%; transition:0.3s;}
.cpbt li{ float: left; color: #666666; font-size: 15px; width: 10%; text-align: center; position: relative; transition:0.3s;}
.cpbt li a{ color: #666666;}
.cpbt li:after{ position: absolute; left: 50%; top: -2px; width: 0; height: 5px; content: ''; background: #fff; transition: 0.3s;}
.cpbt li:hover:after{ position: absolute; left: 40%; bottom: 0; width: 20%; height: 3px; content: ''; background: #0c9344;}
.cpbt li.current:hover:after{ left: 25%; width: 50%; background: #0c9344;}
.cpbt li.current:after{ left: 40%; width: 20%; background: #0c9344;}
.cpbtqh_active{ top: 77px; position: fixed; left: 0; z-index: 10;}
@media screen and (max-width:1440px){
    .cpbtqh_active{ top: 73px;}
}
@media screen and (max-width:1400px){
    .cpbtqh_active{ top:7%;}
}
@media screen and (max-width:1200px){
    .cpbtqh_active{ top:8%;}
    .cpbt li{ width: 20%;}
}
@media screen and (max-width:768px){
    .cpbtqh_active{ top:5%;}
    .cpbt li{ width: 20%;}
}
@media screen and (max-width:765px){
    .cpbt li{ width: 20%; font-size: 13px;}
}


.cp_tit{ padding: 0 0 2%; line-height: 35px;}
.cp_tit p{ font-size: 30px; font-weight: bold; color: #00584e;}
.cp_tit span{ font-size: 18px; color: #666666;}
@media screen and (max-width:1440px){
    .cp_tit p{ font-size: 22px;}
    .cp_tit span{ font-size: 16px; width: 100% !important; font-size: 15px;}
}
@media screen and (max-width:768px){
    .cp_tit{ padding: 0 15px 2%;}
}

.cp_con{ background: #f5f8fa; padding: 3%; color: #666666; font-size: 15px; line-height: 35px;}
.cp_con table{ width: 100% !important; margin: 3% 0;}
.cp_con table td{ border: 1px solid #ccc; text-align: center;}
.cp_con img{ max-width: 100%;}
.ipart02{ height:760px; background:url('../images/info_wh_bj.jpg') no-repeat center; position:relative; color: #ffffff;}
.ipart02 .left,
.ipart02 .right{position:absolute; top:0px; height:100%; width:260px; background:#fff;}
.ipart02 .left{left:0;}
.ipart02 .right{right:0;}
.ipart02 .main{ padding: 5% 0;}
.ipart02 ul{ margin: 0 auto !important;}
.ipart02 ul li{ width: 31%; float: left; margin: 1%; background: #fff; padding: 4%;}
.ipart02 ul li{ line-height: 20px; transition: 0.3s;}
.ipart02 ul li h2{ position: relative; display: inline-block; color: #282828; font-size: 90px; height: 80px; line-height: 80px; font-family: cursive; font-weight: bold !important;}
.ipart02 ul li h2 sub{ position: absolute; right: -25px; bottom: 15px; color: #282828; font-weight: bold; font-size: 24px;}
.ipart02 ul li h2 sup{ position: absolute; right: -130px; top: 15px; width: 120px; text-align: left; color: #666666; font-size: 14px; text-transform: uppercase; font-weight: normal;}
.ipart02 ul li p{ color: #666666; font-size: 16px; padding-top: 10px;}
.ipart02 ul li span{ font-size: 12px; color: #c6c6c6;}
.ipart02 ul li:hover{ background: #00584e;}
.ipart02 ul li:hover h2,.ipart02 ul li:hover h2 sub,.ipart02 ul li:hover h2 sup,.ipart02 ul li:hover p,.ipart02 ul li:hover span{ color: #fff;}
@media screen and (max-width:1600px){
    .ipart02 ul li h2{ font-size: 60px; height: 60px; line-height: 60px;}
}
@media screen and (max-width:1440px){
    .ipart02 ul li p,.ipart02 ul li h2 sup{ font-size: 14px;}
    .ipart02 ul li span{ display: block; height: 40px;}
    .ipart02{ height: 620px;}
}
@media screen and (max-width:1200px){
    .ipart02 ul li h2{ font-size: 40px; height: 40px; line-height: 40px;}
    .ipart02 ul li h2 sub{ bottom: 5px;}
    .ipart02 ul li p,.ipart02 ul li h2 sup{ font-size: 12px;}
    .ipart02{ height: 525px;}
}
@media screen and (max-width:991px){
    .ipart02 ul li{ width: 48%;}
    .ipart02{ height: 640px;}
}
@media screen and (max-width:768px){
    .ipart02 ul li{ width: 98%;}
    .ipart02{ height: 990px;}
}




#info_anli{ background: url("../images/info_kh_bj.jpg") no-repeat center fixed;}
.fw_lb{ padding-top: 1% !important;}
.fw_lb li{ float: left; width: 17%; text-align: center; cursor: default;}
.fw_lb li i{ color: #00584e; font-size: 45px; margin-bottom: 10px; transition: 0.3s;}
.fw_lb li p{ color: #282828; font-size: 22px; font-weight: bold; padding-top: 3%;}
.fw_lb li span{ display: block; color: #666666; font-size: 15px; padding: 3% 15%; line-height: 25px;}
.fw_lb li .more{ font-size: 15px; color: #d51e07; font-weight: bold; transition: 0.3s; width: 50%; margin: 0 auto;}
.fw_lb li:hover i,.fw_lb li:hover p{ color: #00584e;}
.fw_lb li:hover .more{ background: #d51e07; color: #fff;}
@media screen and (max-width:1600px){
    .fw_lb li p{ font-size: 20px;}
    .fw_lb li span{ font-size: 14px;}
}
@media screen and (max-width:1440px){
    .fw_lb li{ padding: 0 2%;}
    .fw_lb li span{ padding: 0;}
    .fw_lb li .more{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    .fw_lb li{ padding: 0;}
    .fw_lb li span{ font-size: 12px;}
    .fw_lb li p{ font-size: 16px;}
    .fw_lb li p{ font-size: 16px;}
}
@media screen and (max-width:991px){
    .fw_lb li{ width: 33%; margin-top: 5%;}
}
@media screen and (max-width:768px){
    .fw_lb li{ width: 48%;}
    #info_anli{ padding: 15px;}
}


#info_anli .tit{ text-align: center; color: #fff;}
#info_anli .tit h2{ font-size: 30px; font-weight: bold !important;}
#info_anli .tit h2 span{ display: inline-block; font-size: 78px; margin-right: 20px;}
#info_anli .tit h2 i{ display: inline-block; height: 80px; line-height: 80px;}
#info_anli .tit p{ font-size: 18px; width: 60%; margin: 0 auto !important; opacity: 0.8;}
@media screen and (max-width:1200px){
    #info_anli .tit h2{ font-size: 26px;}
    #info_anli .tit h2 span{ font-size: 60px;}
    #info_anli .tit p{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #info_anli .tit p{ width: 100%;}
}


/*经典案例*/
.customer_box {
    width: 60%;
    position: absolute;
    left: 20%;
    bottom: 0;
    z-index: 3;
    background-color: #fff;
    padding: 100px 0;
    background-image: linear-gradient(270deg, #f6f8f9 0%, #fff 100%);
    box-shadow: 0px -10px 51px 0px rgba(10, 10, 10, 0.35)
}

.customer_box .customer_tit {
    text-align: center;
    padding-bottom: 43px;
    position: relative;
    z-index: 4
}

.customer_box .customer_tit:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 1px;
    left: 50%;
    height: 43px;
    background-image: linear-gradient(180deg, rgba(255, 10, 10, 0), #ff0a0a)
}

.customer_box .customer_tit:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 6px;
    left: 50%;
    height: 6px;
    margin-left: -3px;
    bottom: 0;
    border-radius: 50%;
    background: #ff0a0a
}

.customer_box .customer_tit .customer_h {
    color: #282828;
    font-size: 30px;
    line-height: 52px;
    font-weight: bold !important;
}

.customer_box .customer_intro {
    color: #666666;
    font-size: 18px;
    line-height: 35px;
    margin: 16px auto 5%;
    text-align: center;
    position: relative;
    width: 80%;
    z-index: 4
}
.customer_box ul{ position: relative; z-index: 4;}
.customer_box ul li{ margin: 0 1%; width: 27%; background: #45b035; padding: 1% 2%; transition: 0.3s;}
.customer_box ul li:nth-of-type(2){ background: #0d8e85;}
.customer_box ul li:nth-of-type(3){ background: #00584e;}
.customer_box ul li .font{ color: #fff;}
.customer_box ul li p{ font-size: 20px; font-weight: bold;}
.customer_box ul li span{ text-transform: uppercase;}
.customer_box ul li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5); transform:translateY(-10px);}
@media screen and (max-width:1440px){
    .customer_box ul li{ width: 30%;}
}
@media screen and (max-width:1200px){
    .customer_box ul li{ width: 32%;}
    .customer_box ul li p{ font-size: 18px;}
    .customer_box ul li span{ font-size: 12px;}
}
@media screen and (max-width:768px){
    .customer_box ul li{ width: 70%; margin: 0 auto 2%;}
}

.customer_box:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/inx_map.png");
    background-position: center center;
    background-size: 76% auto;
    background-repeat: no-repeat
}

@media screen and (max-width: 1920px) {
    .customer_box .customer_tit .customer_p {
        font-size: 17px
    }

    .customer_box .customer_intro {
        font-size: 17px
    }
}

.home_trans {
    width: 100%;
    height: 100vh;
    position: relative;
    margin-top: 3%;
}

.home_trans:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: url("../images/cover_bg.png") center center no-repeat;
    background-size: cover
}

.home_customer {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.home_customer {
    -moz-animation: bg 120s linear infinite;
    -webkit-animation: bg 120s linear infinite;
    -o-animation: bg 120s linear infinite;
    -ms-animation: bg 120s linear infinite;
    animation: bg 120s linear infinite;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-image: url("../images/customers_album.jpg");
    background-position: bottom left;
    background-repeat: repeat-x;
    background-size: auto 100%
}

@-moz-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-webkit-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-o-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

.home_customer {
    width: 12800px
}

@media (max-width: 1920px) {
    @-moz-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        100% {
            -moz-transform: translate3d(-2405px, 0, 0);
            -webkit-transform: translate3d(-2405px, 0, 0);
            -o-transform: translate3d(-2405px, 0, 0);
            -ms-transform: translate3d(-2405px, 0, 0);
            transform: translate3d(-2405px, 0, 0)
        }
    }@-webkit-keyframes bg {
         0% {
             -moz-transform: translate3d(0, 0, 0);
             -webkit-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
             -ms-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
         100% {
             -moz-transform: translate3d(-2405px, 0, 0);
             -webkit-transform: translate3d(-2405px, 0, 0);
             -o-transform: translate3d(-2405px, 0, 0);
             -ms-transform: translate3d(-2405px, 0, 0);
             transform: translate3d(-2405px, 0, 0)
         }
     }@-o-keyframes bg {
          0% {
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -o-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0)
          }
          100% {
              -moz-transform: translate3d(-2405px, 0, 0);
              -webkit-transform: translate3d(-2405px, 0, 0);
              -o-transform: translate3d(-2405px, 0, 0);
              -ms-transform: translate3d(-2405px, 0, 0);
              transform: translate3d(-2405px, 0, 0)
          }
      }@-ms-keyframes bg {
           0% {
               -moz-transform: translate3d(0, 0, 0);
               -webkit-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
               -ms-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0)
           }
           100% {
               -moz-transform: translate3d(-2405px, 0, 0);
               -webkit-transform: translate3d(-2405px, 0, 0);
               -o-transform: translate3d(-2405px, 0, 0);
               -ms-transform: translate3d(-2405px, 0, 0);
               transform: translate3d(-2405px, 0, 0)
           }
       }@keyframes bg {
            0% {
                -moz-transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            100% {
                -moz-transform: translate3d(-2405px, 0, 0);
                -webkit-transform: translate3d(-2405px, 0, 0);
                -o-transform: translate3d(-2405px, 0, 0);
                -ms-transform: translate3d(-2405px, 0, 0);
                transform: translate3d(-2405px, 0, 0)
            }
        }.home_customer {
             width: 9620px
         }
}

@media (max-width: 1600px) {
    .customer_box .customer_tit .customer_h {
        font-size: 30px;
        line-height: 52px
    }

    .customer_box .customer_intro {
        font-size: 18px
    }

    @-moz-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        100% {
            -moz-transform: translate3d(-1808px, 0, 0);
            -webkit-transform: translate3d(-1808px, 0, 0);
            -o-transform: translate3d(-1808px, 0, 0);
            -ms-transform: translate3d(-1808px, 0, 0);
            transform: translate3d(-1808px, 0, 0)
        }
    }@-webkit-keyframes bg {
         0% {
             -moz-transform: translate3d(0, 0, 0);
             -webkit-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
             -ms-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
         100% {
             -moz-transform: translate3d(-1808px, 0, 0);
             -webkit-transform: translate3d(-1808px, 0, 0);
             -o-transform: translate3d(-1808px, 0, 0);
             -ms-transform: translate3d(-1808px, 0, 0);
             transform: translate3d(-1808px, 0, 0)
         }
     }@-o-keyframes bg {
          0% {
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -o-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0)
          }
          100% {
              -moz-transform: translate3d(-1808px, 0, 0);
              -webkit-transform: translate3d(-1808px, 0, 0);
              -o-transform: translate3d(-1808px, 0, 0);
              -ms-transform: translate3d(-1808px, 0, 0);
              transform: translate3d(-1808px, 0, 0)
          }
      }@-ms-keyframes bg {
           0% {
               -moz-transform: translate3d(0, 0, 0);
               -webkit-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
               -ms-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0)
           }
           100% {
               -moz-transform: translate3d(-1808px, 0, 0);
               -webkit-transform: translate3d(-1808px, 0, 0);
               -o-transform: translate3d(-1808px, 0, 0);
               -ms-transform: translate3d(-1808px, 0, 0);
               transform: translate3d(-1808px, 0, 0)
           }
       }@keyframes bg {
            0% {
                -moz-transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            100% {
                -moz-transform: translate3d(-1808px, 0, 0);
                -webkit-transform: translate3d(-1808px, 0, 0);
                -o-transform: translate3d(-1808px, 0, 0);
                -ms-transform: translate3d(-1808px, 0, 0);
                transform: translate3d(-1808px, 0, 0)
            }
        }.home_customer {
             width: 7232px
         }
}

@media (max-width: 1440px) {
    .customer_box {
        padding: 80px 0
    }

    .customer_box .customer_tit .customer_h {
        font-size: 30px;
        line-height: 50px
    }

    .customer_box .customer_tit .customer_p {
        font-size: 16px;
        margin-top: 20px
    }

    .customer_box .customer_intro {
        font-size: 16px
    }
}

@media (max-width: 1280px) {
    .customer_box {
        width: 80%;
        left: 10%;
    }

    .customer_box .customer_tit .customer_h {
        font-size: 28px;
        line-height: 46px
    }

    .customer_box .customer_tit .customer_p {
        font-size: 15px;
        line-height: 24px
    }

    .customer_box .customer_intro {
        font-size: 14px
    }

    @-moz-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        100% {
            -moz-transform: translate3d(-1390px, 0, 0);
            -webkit-transform: translate3d(-1390px, 0, 0);
            -o-transform: translate3d(-1390px, 0, 0);
            -ms-transform: translate3d(-1390px, 0, 0);
            transform: translate3d(-1390px, 0, 0)
        }
    }@-webkit-keyframes bg {
         0% {
             -moz-transform: translate3d(0, 0, 0);
             -webkit-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
             -ms-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
         100% {
             -moz-transform: translate3d(-1390px, 0, 0);
             -webkit-transform: translate3d(-1390px, 0, 0);
             -o-transform: translate3d(-1390px, 0, 0);
             -ms-transform: translate3d(-1390px, 0, 0);
             transform: translate3d(-1390px, 0, 0)
         }
     }@-o-keyframes bg {
          0% {
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -o-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0)
          }
          100% {
              -moz-transform: translate3d(-1390px, 0, 0);
              -webkit-transform: translate3d(-1390px, 0, 0);
              -o-transform: translate3d(-1390px, 0, 0);
              -ms-transform: translate3d(-1390px, 0, 0);
              transform: translate3d(-1390px, 0, 0)
          }
      }@-ms-keyframes bg {
           0% {
               -moz-transform: translate3d(0, 0, 0);
               -webkit-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
               -ms-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0)
           }
           100% {
               -moz-transform: translate3d(-1390px, 0, 0);
               -webkit-transform: translate3d(-1390px, 0, 0);
               -o-transform: translate3d(-1390px, 0, 0);
               -ms-transform: translate3d(-1390px, 0, 0);
               transform: translate3d(-1390px, 0, 0)
           }
       }@keyframes bg {
            0% {
                -moz-transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            100% {
                -moz-transform: translate3d(-1390px, 0, 0);
                -webkit-transform: translate3d(-1390px, 0, 0);
                -o-transform: translate3d(-1390px, 0, 0);
                -ms-transform: translate3d(-1390px, 0, 0);
                transform: translate3d(-1390px, 0, 0)
            }
        }.home_customer {
             width: 5560px
         }
}
@media (min-width: 2400px) {
    .customer_box {
        width: 1120px;
        margin-left: -560px;
        padding: 150px 0
    }

    .customer_box .customer_intro {
        margin-top: 24px
    }
}

.home_customer_pic{ width: 100%; height: 100vh; background: url("../images/customers_album.jpg") repeat-y top center; background-size: 255%; }
.home_customer_pic img{}

@media (max-width: 768px) {
    .customer_box{ width: 96%; left: 2%;}
    .customer_box .customer_tit .customer_h{ font-size: 22px;}
    .customer_box .customer_intro{ font-size: 12px; line-height: 30px;}
    .customer_box{ padding: 45px 0;}
    .customer_box .customer_intro{ width: 90%;}
    .home_trans,.home_customer_pic{ height: 70vh;}
}
@media (max-width: 450px) {
    .customer_box .customer_tit .customer_h{ font-size: 18px;}
}



#link{ background: #fff; border: 1px solid #e6e6e6; border-right: none; border-bottom: none; margin-top: 3% !important;}
#link li{ width: 20%; float: left; height: 145px; text-align: center; line-height: 145px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; transition: 0.3s; cursor: default;}
#link li img{ max-width: 70%; max-height: 90%; vertical-align: middle;}
#link li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.link_content{ text-align: center; color: #666666; font-size: 16px; padding: 3% 25% 0;}
@media screen and (max-width:1200px){
    #link li{ width: 25%;}
    #link li:nth-of-type(13),#link li:nth-of-type(14),#link li:nth-of-type(15){ display: none;}
    .link_content{ padding: 3% 5% 0;}
}
@media screen and (max-width:768px){
    #link li{ height: 100px; line-height: 100px;}
    .link_content{ font-size: 14px;}
}



.alpic{ text-align: center;}
.alpic p{ float: left; width: 31%; height: 0; padding-bottom: 25%; margin: 1% !important; position: relative; overflow: hidden;}
.alpic p img{ max-width: 100%; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.alpic .newsPage{ text-align: left;}
.alpic_nr{ padding-bottom: 3%;}





/*翻页*/
.page {
 font-size: 0;
 text-align: center;
}
.page .center {
 display: inline-block;
 overflow: hidden;
}
.page .center .page-span {
 float: left;
 font-size: 14px;
 color: #c3c3c3;
 line-height: 32px;
 margin-right: 30px;
}
.page .center .page-list {
 float: left;
 overflow: hidden;
}
.page .center .page-list ul li {
 float: left;
 width: auto;
 min-width: 30px;
 height: 32px;
 text-align: center;
 line-height: 30px;
 font-size: 14px;
 margin: 0 4px;
 padding: 0;
 border: none;
 background: transparent;
}
.page .center .page-list ul li a {
 min-width: 20px;
 padding: 0 5px;
 border: 1px solid #eee;
 display: block;
 color: #333;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 overflow: hidden;
 background: #fff;
}
.page .center .page-list ul li:hover a {
 color: #f3c04b;
}
.page .center .page-list ul li.active a {
 background: #f3c04b;
 color: #fff;
}