ul,li{ list-style: none; margin: 0; padding: 0;}
.epd-title-1{color: #2D2F88;font-size: 30px;font-weight: bold;line-height: 1.6;}
.epd-title-2{color: #2D2F88;font-size: 40px;font-weight: bold;line-height: 2;}
.epd-title-3{color: #2D2F88;font-size: 36px;font-weight: 800;line-height: 2;}
.epd-title-4{color: #0D9C92;font-size: 25px;font-weight: bold;line-height: 1.6;}
.epd-title-5{color: #2D2F88;font-size: 50px;font-weight: bold;line-height: 2;}
.epd-title-6{color: #000;font-size: 30px;font-weight: bold;line-height: 1.6;}

.epd-text-18{font-size: 18px;}
.epd-bgf{background: #fff;}
.epd-bgg{background: #;0D9C92}
.epd-bgsb{background: #2D2F88;}
.epd-bgb{background: #2D2F88;}
.epd-bge{background: #eff3f7;}
.epd-clf{color: #fff;}

.text-shadow{text-shadow: 5px 5px 15px rgba(0,0,0,.2);}
.epd-page-title-20{font-size: 20px;color: #fff;text-align: center;text-transform: uppercase;}
.epd-page-title-25{font-size: 25px;color: #fff;text-align: center;text-transform: uppercase;}
.epd-page-title-40{font-size: 40px;color: #fff;text-align: center;text-transform: uppercase;}
.epd-page-title-50{font-size: 50px;color: #fff;text-align: center;text-transform: uppercase;}
.epd-page-title-60{font-size: 60px;color: #fff;text-align: center;text-transform: uppercase;}
.epd-page-title-70{font-size: 70px;color: #fff;text-align: center;text-transform: uppercase;}
.epd-page-title-90{font-size: 90px;color: #fff;text-align: center;text-transform: uppercase;}
.page-banner-title{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}
.table thead{font-weight: 800}
.table tr.bg4 td{padding: 1.4rem 0;color: #2D2F88;font-weight: 800;}


.clear{clear: both;}
.epd-header .stuck_container{padding: 0rem 2rem;}
.epd-header.headerfix .stuck_container{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;background: #fff;
box-shadow: 0 5px 15px rgba(0,0,0,.1);padding: 0rem 2rem;
}


.head-select{position: absolute;top: 50%; transform: translateY(-58.3%); right: 55px;z-index: 5555;}
.head-select a{margin-left: 10px;display: inline-block;cursor: pointer;color: #555}
@media(min-width: 1500px){
    .head-select a{font-size: 18px;}
}
.head-select .iconfont{display: inline-block;transform: translateY(3px);}
.icon-duoyuyan:before{font-size: 25px;margin-right: .5rem}
.head-select a.cur{display: none;}
.rd-mobilepanel .head-select{transform: translateY(-58%);}

.pcdown-menu{position: absolute;right:-2.5rem;top: 100%;width: calc(100vw );background-color: rgba(255,255,255,.85);display: none;text-align: center;box-shadow: 0 10px 15px rgba(0,0,0,.1);z-index: 990;
}
.pcdown-menu>li>a {display: block;}
.pcdown-menu ul{display: flex;justify-content: center;padding: 2rem 0}
.pcdown-menu li{padding: 0 2rem;}
.pcdown-menu li span{width: 100%;display: block;}
.pro-submenu ul{max-width: 95%;margin-left: auto;margin-right: auto;flex-wrap: wrap;}
.pro-submenu ul li{width: 14.25%;padding: .5rem}
.pro-submenu ul li a{display: block;border-radius: .5rem;overflow: hidden;position: relative;}
.pro-submenu ul li a p{position: absolute;bottom: 0;left: 0;right: 0;width: 100%;text-align: center;color: #fff;background-color: rgba(48,160,150,.7);}

.bodyen .pro-submenu ul li a p{padding: .7rem 0}
.menutext{position: relative;}
.menutext .pcdown-menu{width: auto;right: auto;left:50%; transform: translateX(-50%); min-width: 150px; white-space: nowrap;}
.menutext .pcdown-menu ul{display: block;text-align: center;padding:0;}
.menutext .pcdown-menu li{padding: 0;border-bottom: 1px solid rgba(0,0,0,.1)}
.menutext .pcdown-menu li a{display: block;padding: .5rem 1.5rem;}
.menutext .pcdown-menu li a:hover{color: #fff;background-color: #2D2F88}
@media (min-width: 768px){
	
    .navbar-nav > li {
    position: none;
    padding: 2.8rem 0;
    }

    .epd-header.headerfix .navbar-nav > li {
    position: none;
    padding: 1.8rem 0;
    }

body.bodyen .navbar-nav > li{
    padding: 2.8rem 0;
}
body.bodyen .epd-header.headerfix .navbar-nav > li {
    padding: 1.8rem 0;
    }

}

@media(max-width: 760px){
    .stuck_container,.epd-header,.swiper-button-prev,.swiper-button-next{display: none;}
}
.index-pro-top{background-image: url(../images/bigbg.jpg);background-size: 100%; background-repeat: no-repeat; background-position: top center;background-color: #eff3f7;padding-bottom: 140px;}
.index-pro-top .ipro-bg{position: relative;}
.index-pro-top img{mix-blend-mode: darken;}

.tit h2{color:#2D2F88}
.tit .light{color: #fff !important;}
.tit h3{color: #0D9C92;font-size: 25px;margin-top: 5px;}
.tit p{margin-top: 5px}
.tit p.en{color: #0D9C92;margin-top: 0;text-transform: capitalize;}

@media(min-width: 900px){
.tit p{font-size: 18px;}
}

@media(max-width: 600px){
    .tit p{font-size: 88%}
    .tit p.en{margin-top:.2rem;}
}



.index-pro-top .ipro-bg h3{padding-bottom: 42px;padding-left: 5px;font-size: 26px;color: #464646}
.index-pro-top .ipro-bg ul li{float: left;clear: both;padding: 0 50px;line-height: 44px;height: 44px;background: #0D9C92;position: relative;margin-bottom: 22px;color: #fff;border-radius: 22px;display: block;}
.index-pro-top .ipro-bg ul li i{width: 14px;height: 14px;background: #fff;border-radius: 50%;position: absolute;top: 15px;left: 16px;}

.index-menu{position: relative;}

.swiper-button-prev {color: #555;left: -50px;top: 50%;height: 40px;width: 40px;border: 1px solid #555;border-radius: 40px;}
.swiper-button-next {color: #555;right: -50px;top: 50%;height: 40px;width: 40px;border: 1px solid #555;border-radius: 40px;}
.swiper-button-prev:after{color: #555;font-weight: bold;font-size: 16px}
.swiper-button-next:after{color: #555;font-weight: bold;font-size: 16px}


.index-box3{height: 24vh;text-align: center;background: url(../images/indexbg3.jpg) no-repeat 30% center; background-size: cover;}
@media(min-width: 1200px){
   .index-box3{height: 30vh;background: url(../images/indexbg3.jpg) no-repeat top center; } 
}
.index-box3 .bntxt{transform: translate(-50%,-50%);}


.index-box3 .bntxt h3{font-size: 20px;}


@media(min-width: 768px){
.index-box3 .bntxt h3{font-size: 36px;}
.index-box3 .bntxt h4{font-size: 18px;}

}

.about-box6{display: flex;flex-wrap: wrap;}
.about-box6 > div:nth-child(1){width: 100%;background-color: #0D9C92;color: #fff;padding: 2rem}
.about-box6 > div:nth-child(2){width: 100%;}



@media(min-width: 1200px){
.about-box6 > div:nth-child(1){width: 40%;padding: 2rem}
.about-box6 > div:nth-child(2){width: 60%;}
}

@media(min-width: 1400px){
.about-box6 > div:nth-child(1){width: 40%;padding: 2rem}
.about-box6 > div:nth-child(2){width: 60%;}
}
@media(min-width: 1800px){
.about-box6 > div:nth-child(1){width: 40%;padding:4rem 4rem 4rem 10%}

.about-box6 > div:nth-child(2){width: 60%;}
}


@media(min-width: 1950px){
.about-box6 > div:nth-child(1){width: 38%;padding: 4rem 4rem 4rem 15%}
.about-box6 > div:nth-child(2){width: 62%;}
.index-box3{background-size: cover;}
}


.about-box6 ::-webkit-scrollbar {
width: 4px; 
height: 1px;
}

.about-box6 ::-webkit-scrollbar-thumb {
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(97, 184, 179, 8.1);
background: #78b4b4;
}

.about-box6 ::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(87, 175， 187, 0.1);
border-radius: 10px;
background: #ededed ;}



.about-box6 > div:nth-child(2){position: relative;}

.index-news .container{position: relative;overflow: hidden;}
.index-news h3{font-size: 36px;color: #2D2F88;text-align: center;}
.index-news h3 p{font-size: 18px;color: #0D9C92;font-weight: normal;line-height: 40px;}
.index-news li .inews-text{padding: 15px 20px;background: #fff;}
.index-news li .pic{height: 278px;}
.index-news li .pic img{width: 100%;height: 100%;object-fit: cover;}
.index-news li p{color: #404041;padding-bottom: 15px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.index-news li em{display: block;color: #c4c4c4;font-size: 14px;}
.index-news li .iconfont{position: absolute;right: 20px;bottom: 8px;font-size: 25px;color: #c00;}
.index-about{background-color: #fff;}
.index-news li a{display: block;position: relative;height: 100%;background-color: #fff}

.index-news .pagelist li a:hover{box-shadow: 0 7px 23px rgba(0,0,0,.1);transform: translateY(-10px);}

.index-news .pagelist ul{display: flex; flex-wrap: wrap;}
.index-news .pagelist li{width: 100%}
@media(min-width: 768px){
.index-news .pagelist li{width: 50%;padding: 15px}
}

@media(min-width: 1200px){
.index-news .pagelist li{width: 33.33333%;padding: 15px}
}

@media(max-width: 600px){
    .index-news .mt-1{margin-top: 0}
    .index-news li .pic{height: 24vh}
    .index-news li{padding: 15px 30px 25px;}
    .index-news li a{box-shadow: 0 8px 15px rgba(0,0,0,.1);border-radius: .5rem;overflow: hidden;}
    .bodyen .index-box3 .bntxt h3+h3{font-size: 16px}

}

@media(min-width: 768px){
.index-about{background: url(../images/indexabout.jpg) no-repeat;background-size: cover;
background-position: center right;

}
}
.index-about .container{position: relative;}
.index-about-title h3{color: #0D9C92;font-size: 26px;font-weight: 400;}
.index-about-title h4{font-size: 20px;color: #0D9C92;font-weight: 400;margin: 1rem 0 1.7rem}
.aboutbgm{background-image:url(../images/aboutmbg.jpg) ;background-size: 100%;background-repeat: no-repeat;background-position: center 3vh;}
body.bodyen .index-about-title span{display: block;opacity: 0;line-height: .5;}

.aboutbgm .con{background-color: #fff;margin: 0 15px;padding: 2.3rem 1.5rem 2.3rem;box-shadow: 0 8px 15px rgba(0,0,0,.1);border-radius: .5rem;line-height: 2;}
.index-about-title.mtit{height: 45vh;padding: 8vh 25px 0 25px}
.index-about-title.mtit span{display: block;opacity: 0;line-height: .7rem;}
.index-about-title h4 b{color: #2D2F88;}
.index-about-title.mtit h4 b{margin-left: 0.5rem}


.bodyen .index-about-title.mtit{padding-top: 5vh}
.index-about img{width: 100%}
.bodyen .aboutbgm .con{font-size: 95%;
}


@media(max-width: 650px){
.index-about .container{padding: 3rem;}
.bodyen .index-about-title h4 b{display:block;margin-left: 0;}

}

@media(min-width: 768px){
    .index-about .index-about-title h3{font-size: 30px;}
    .index-about .index-about-title h4{font-size: 21px;}
}

@media(min-width: 1340px){
    .index-about .index-about-title h3{font-size: 35px;}
    .index-about .index-about-title h4{font-size: 24.5px;}
}

@media(min-width: 1600px){
    .index-about .index-about-title h3{font-size: 50px;}
    .index-about .index-about-title h4{font-size: 35.555px;}
}

.index-about .index-about-con p{color: #686868;
  
}
.index-about-list{transform: translateY(0)}
.index-about .index-about-con{padding: 105px 0;width: 53%}
.index-about-list p{line-height: 1.25;margin-top: .7rem}

.index-about .index-about-con p{margin-right: 0rem}
.index-about .index-about-con .more{margin-right:.8rem}



.index-about-list li:after{position: absolute;right: 0;bottom: -10px;content: 'honors';text-transform: uppercase;color: #fff;font-size: 40px;opacity: .1;line-height: 1;font-family: arial}
.index-about-list li:nth-child(2):after{content: 'Patens'}
.index-about-list li:nth-child(3):after{content: 'APPROVALS';color: #2D2F88}
.index-about-list li:nth-child(3) .iconfont{opacity: .5;}
.index-about-list li .iconfont{position: absolute;left: 2rem;top:50%;transform: translateY(-50%);  font-size: 60px;width: 60px;height: 60px;display: block;line-height: 60px;}
.index-about-list li:nth-child(2){background-color:#0D9C92 ;}
.index-about-list li:nth-child(3){background-color:#fff ;color: #2D2F88}

.index-about-list li h3{color: #fff;font-weight: normal;font-size: 20px}
.index-about-list li:nth-child(3) h3{color: #2D2F88;}


@media(min-width: 1800px){
   .index-about-list{width: 82%} 
}
.index-about-list li{color: #fff;background-color: #2D2F88;padding: 3.4rem .5rem 3.4rem calc(2rem + 80px);position: relative;}
@media(min-width: 1200px){
.index-about-list{width: 95%;margin: auto;max-width: 1560px;transform: translateY(-50%)}
.index-about .index-about-con{padding: 165px 0;}
.index-about-list li h3{font-size: 30px}


}
@media(min-width: 768px){
.index-about-list ul{display: flex}
.index-about-list li{width: 33.33333%;overflow: hidden;}
}


.about-box2 img,.about-box3 img{width: 100%}
.about-box3,.about-box2{position: relative;}

.about2con,.about3con{padding: 2rem}
.about2con p.pt-1,.about3con p.pt-1{}

@media(min-width: 1200px){
.about2con,.about3con{position: absolute;left: 50%;transform: translateY(-50%); top: 50%;width: 42%;}
.about3con{left: auto;right: 50%;}

}

@media(min-width: 1950px){
    .about2con,.about3con{width: 30%;left: 60%}
    .about3con{left: auto;right: 60%;}


}

.about4title{height: 280px;}
.about4title h3{padding-top: 100px;font-size: 40px;color: #2D2F88;}
.about4title p{font-size: 18px;color: #0D9C92;}
.about-box4 ul{display: flex;flex-wrap: wrap;}
.about-box4 .iconfont{font-size: 40px;}
.about-box4 li{width: 100%;text-align: center;}
.about-box4 em{color: #0D9C92;}
.about-box4{background: url(../images/aboutbg3.jpg) no-repeat center center;}
@media(min-width: 768px){
.about-box4 li{padding: 0 1rem;}
.about-box4 li{width: 33.33333%;}
.about-box4 .iconfont{font-size: 70px;line-height: 100px;}
.about-box4 em{font-size: 18px;}
.about-box4{padding: 3rem 0}

}

@media(max-width: 600px){
    .about-box4 li:nth-child(2){margin: .7rem 0;}
    .about-box4 .epd-title-1{font-size: 18px;}
    .about-box4 li{position: relative;}
    .about-box4 li p{border-top: 1px solid #eee;margin-top: .7rem;padding-top: .7rem}
    .about-box4 .iconfont{position: absolute;left: 1.5rem;top: 1rem;}
.bodyen .about-box4 .epd-title-1{padding-bottom: .7rem}
.bodyen .about-box4 .iconfont{top: .5rem}
}


.about-box4 ul li > div{border: 1px solid #eee;border-radius: .5rem;padding: 1.5rem;height: 100%;}
.about-box4 li em{display: block;}
.about-box4 li p{color: #555;}



.about-box5{background-image: url(../images/about.jpg);background-repeat: no-repeat; background-color: #eff3f7;background-position:center center;}
.about-box5 .container{position: relative;}


.about-box5 li{position: relative;float: left;bottom: 0;width: 20%;height: 500px;}
.about-box5 li .qicon{padding: 75px 0 65px 40px;background: url(../images/qibottom.png) no-repeat left bottom;height: 100%;overflow: hidden;position: relative;line-height: 1.5;}
.about-box5 li:nth-child(4){padding-top: 50px;}
.about-box5 li:nth-child(3){padding-top: 100px;}
.about-box5 li:nth-child(2){padding-top: 150px;}
.about-box5 li:nth-child(1){padding-top: 200px;}
.about-box5 li .qicon span{z-index: 1;position: absolute;top: 0;left: 18px;width: 127px;line-height: 48px;background: url(../images/qitop.png) no-repeat left top; color: #fff;font-weight:800;text-align: center;}
.about-box5 li .qicon i{position: absolute;bottom: 8px;left: 18px;width: 4px;height: 100%;background: #ccd3dc;}
.about-box5 li h4{font-size: 20px;color: #2D2F88;line-height: 1.75rem;margin-bottom: 1rem}
.about-box5 li p{margin: 0;font-size: 14px;}
@media(max-width: 900px){
    .about-box5 ul{min-width: 1500px;}
    .about-box5 .container{overflow-x: scroll;}
}

@media(max-width: 600px){
        .about-box5 .container{overflow-x: hidden;}

    .about-box5 ul{min-width: auto;}
    .about-box5 li{float: none;width: 100%;height: auto;margin-bottom: 40px}
    .about-box5 li h4{font-size: 16px;}
.about-box5 li:nth-child(1),.about-box5 li:nth-child(2),.about-box5 li:nth-child(3),.about-box5 li:nth-child(4){padding-top: 0;}
    .about-box5 li .qicon{padding: 45px 0 30px 40px}
.about-box5 li .qicon span{width: 80px;font-size: 18px;background-size: 100%}


}
.about-content{background: #eff3f7;}
.about-content .container{position: relative;height: 100%;}
.about-main{position: relative;padding: 2rem}
@media(min-width: 1200px){
.about-main{padding: 6rem 2rem 2rem;}

}

.about-main li{text-align: center;}
.about-main li .pic{height: 36vh;position: relative;}
@media(min-width: 1950px){
.about-main li .pic{height: 32vh;position: relative;}
}
.about-main li .pic img{transform: translate(-50%,-50%);top: 50%;left: 50%;display: block;position: absolute;max-width: 80%;max-height: 100%;

}
.about-main li p{padding-top: 2rem;font-weight: bold;color: #2D2F88;}
.about-main .swiper-button-prev{top: 4rem;right: calc(5% + 60px);left: auto;}
.about-main .swiper-button-next{top: 4rem;right: 5%;}



.zhuanlilist{position: relative;}
.zhuanlilist li a{display: block;max-width: 255px;margin: 0 auto;}
.zhuanlilist li .pic{height: 326px;}
.renzhenlist{background: #eff3f7;}
.renzhenlist li a.rzbtn{line-height: 50px;display: block;border-bottom: 1px solid #d7dade;background: #eff3f7; cursor: pointer;}



.renzhenlist li.cur a.rzbtn,.renzhenlist li:hover a{background: #2D2F88;color: #fff;}
.zlicon{ background-position: center center;background-repeat: no-repeat;  display: inline-block;opacity: .5;width: 50px;height: 50px;
float: left;
background-size: cover;
}
.renzheng{display: flex;flex-wrap: wrap;}
.renzheng li{width: 33.3333%;padding: 1rem;}
.renzheng li a{display: block;height: 100%;position:relative;border-radius: .5rem;border: 1px solid #eee;}
.renzheng li a p{position: absolute;left: 140px;top: 50%;transform: translateY(-50%);width: calc(90% - 140px)}
.zlicon1{background-image: url(../images/zl1.png);}
.zlicon2{background-image: url(../images/zl2.png);}
.zlicon3{background-image: url(../images/zl3.png);}
.zlicon4{background-image: url(../images/zl4.png);}
.zlicon5{background-image: url(../images/zl5.png);}
.renzheng li:hover .zlicon1{background-image: url(../images/zl1a.png);}
.renzheng li:hover .zlicon2{background-image: url(../images/zl2a.png);}
.renzheng li:hover .zlicon3{background-image: url(../images/zl3a.png);}
.renzheng li:hover .zlicon4{background-image: url(../images/zl4a.png);}
.renzheng li:hover .zlicon5{background-image: url(../images/zl5a.png);}
.renzheng li:hover a{background-color: #2D2F88;color: #fff;}


@media(min-width: 1200px){
    .renzhenlist li a.rzbtn{line-height: 120px;font-size: 25px;}
    .zlicon{width:120px;height:120px;}
}

.dicon{float: right;margin-right: 20px}
.dicon:after{content: '\e772';font-size: 20px;}
.cur .dicon:after{content: '\e76e';}



.renzhenlist li .rzlist{display: none;
background-color: #fff;
text-align: center;padding: 3rem;

} 
.rzlist li .pic{height: 220px;}
.rzlist li .pic img{height: 100%;}

.pro-main{position: relative;}
.pro-main .swiper-button-prev{top:3rem;left: 93%;}
.pro-main .swiper-button-next{top:3rem;right: 0;}
.prolist li a{display: inline-block;background: #0D9C92;color: #fff;text-align: center;line-height: 3rem;padding: 0 2rem;border-radius: 5px;}
.pro-lingyu{position: relative;text-align: center;}
.pro-lingyu .tit{transform: translateY(50%);}
.pro-size ul{display: flex;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;margin-bottom: 2rem}


.pro-size ul li{width: 25%;padding:0 15px;text-align: center;}
.pro-size ul li > div{background-color: #fff;border-radius: 1rem;padding: 2rem;height: 100%;}
.pro-size ul li .pic{padding: 1rem}
.pro-size ul.col3 li{width: 33.33333%}
.pro-size ul.col2 li{width: 50%}

@media(max-width: 600px){
    .pro-size ul li,.pro-size ul.col2 li,.pro-size ul.col3 li{width: 100%;padding: .5rem 0;}
    .pro-size ul li > div{padding: 1rem;position: relative;text-align: left;}
    .pro-size ul li p{position: absolute;width: calc(100% - 30vw);left:22vw;top: 50%;transform: translateY(-50%);line-height: 1.25}
    .pro-size ul{margin-left: 0;margin-right: 0;}
    .pro-size ul li .pic{width:15vw;padding: 0;float: left;}
    .pro-size ul li > div:after{clear: both;display: table;content: ''}

    .bodyen .pro-size ul li p{position: relative;left: auto;top: auto;transform: translateY(0);width: 100%;padding: 1rem 0}
    .bodyen .pro-size ul li .pic{float: none;position: absolute;left: 5%;top: 50%;transform: translateY(-50%);}

    .bodyen .pro-size ul li > div{padding-left: 22vw}
}



.pro-size .table{border: 1px solid #ddd;border-left: 0;border-right: 0;background-color: rgba(0,0,0,.05);border-radius: 1rem;overflow: hidden;}
.pro-size .table td{vertical-align: middle;border-left: 1px solid #ddd;padding-left: 25px}
.pro-size .table td:nth-child(1){border-left: 0;}

.pro-size .table thead{color: #fff;background-color: #0D9C92}
.pro-size .table b,.pro-size .table span{color: #e60012;}
.bodyen .pro-size .table b{display: block}
.pro-size .table td br{margin-bottom: 1rem;content: '';display: block;}

@media(min-width: 1200px){
.bodyen .pro-size .table tr:nth-child(1) td:nth-child(3){width: 35%}
}
.patent-box2{position: relative;}
.patent-box2 .container{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.patent-box2  img{width: 100%;}


.patent-tab{padding: 55px 0;}
.patent-tab li{height: 47px;line-height: 47px;color: #fff;display: inline-block;padding: 0 45px;font-size: 20px;font-weight: bold;border-radius: 47px;cursor: pointer;transition-duration: 350ms;}
.patent-tab li.cur,.patent-tab li:hover{background: #0D9C92;}

.advertise{background: #eff3f7;}

.bd{border-bottom: 2rem solid #eff3f7}

.advmid{position: relative;}
.advmid .container{position: relative;clear: both;}
.advmid img{height: 100%;position: absolute;top: 0;right: 0;}

.openoffer{cursor: pointer;}
.offer-form{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;transform: translateY(-100%);transition-duration: 350ms;}
.offer-form.offershow{transform: translateY(0);}
.offer-form .offerbg{width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.offer-form .layui-row{width: 50%;position: absolute;top: 50%;padding: 2rem;left: 50%;transform: translate(-50%,-50%);background: #fff;}
.layui-form-label{width: 100px;}


.light{color: #fff;}
.pros h3{font-size: 16px;color: #2D2F88;text-align: center;padding:1.2rem .7rem}
.pros ul{display: flex;justify-content: center;margin-left: -.5rem;margin-right: -.5rem;}



.pros ul li{padding: 0 .5rem;}
.pros ul li a{overflow: hidden;border-radius: .5rem;border: 1px solid #ddd;display: block;height: 100%;}
.pros ul li a:hover{box-shadow: 3px 10px 23px rgba(45,47,136,.3); transform: translate(0,-5px);background-color: #2D2F88;}
.pros ul li a:hover h3{color: #fff;}


@media(min-width: 1200px){
   .bodyen .aboutlist p{max-width: 75%;margin-left: auto;margin-right: auto;}
 .about-box6con ul{overflow-y: scroll;height: 42vh;padding: 0 2rem 0 1.5rem}
 .bodyen .about-box6con ul li{list-style: disc; list-style-position:outside;margin-bottom: .5rem}

}

@media(max-width: 600px){
    .pros ul{flex-wrap: wrap;margin-left: 0;margin-right: 0;}
    .pros ul li{padding:0;margin-bottom:2rem;width: 100%}
    .pros ul li a{border: none;box-shadow: 3px 10px 23px rgba(0,0,0,.1);}
    .about-box6con ul{padding-left: 1rem}
    .bodyen .about-box6con ul{height: 38vh;overflow-y: scroll;padding-left: 1.5rem}
    .aboutlist p{padding-top: 1.5rem;}
    .bodyen .aboutlist p{line-height: 1.25}


}

.ipro-right-con h3{font-size: 25px;color: #464646}
.ipro-right-con ul li{color: #fff;border-radius: 5rem;padding: .35rem 2rem .35rem 45px;position:relative ;margin-top: 1rem;background-color: #0D9C92;display: inline-block;}
@media(min-width: 1200px){
body.bodyen .ipro-right-con ul li{font-size: 20px;min-width: 72%}

}
.ipro-right-con ul li i{background-color: #fff;border-radius: 5rem;display: inline-block;
width: 14px;height: 14px;overflow: hidden;position:absolute;left:1rem ;top: 50%;transform: translateY(-50%);
}


@media(max-width: 600px){
    .ipro-right-con ul{margin-left: auto;margin-right: auto;padding-left: 30px;padding-right: 30px}
    .ipro-right-con ul li{width: 100%;padding-top: .7rem;padding-bottom: .7rem;padding-left:38px ;padding-right: 0;font-size: 14px;}

    
    .ipro-right-con ul li i{width: 11px;height: 11px;}
}


.index-pro-top .ipro-bg ul{display: flex;flex-wrap: wrap;}

    .ipro-bg {background-color: #fff;overflow: hidden;}
    .ipro-bg img{width: 450%;max-width: auto;}
}
.index-menu{padding-top: 10px;}


.index-menu a{position: relative;display: block;}
.index-menu a .imenutext{background-color: #0D9C92;color: #fff; display: inline-block;
position: absolute;bottom: 0;right: 0;line-height: 1.5; text-transform: capitalize;padding: .5rem 1.5rem .5rem .5rem;min-width: 50%;

}

.imenutext .iconfont{position: absolute;right:10%;top: 50%;transform: translate(0,-50%);}
.bodyen .imenutext .iconfont{right: 7%}



.index-menu ul li:nth-child(odd) .imenutext{background-color: #2D2F88;}
.index-menu a:hover .imenutext{background-color: #fff;color: #0D9C92}
.index-menu ul li:nth-child(odd) a:hover .imenutext{background-color: #fff;color: #2D2F88}


.layui-btn{padding: 0 35px}
.advlist .con{display: flex;flex-wrap: wrap;}
.advlist .con > div{width: 100%;padding:.5rem 0}



.advlist ul{background-color: #fff;padding:1.2rem;height: 100%;border-radius: .5rem;}
.advlist ul li{width: 100%}
.advlist ul li:nth-child(2){padding: 1.5rem 0;border-top: 1px solid #eee;}
.advlist ul li h4{margin-bottom: 0;}

@media(min-width: 900px){
.advlist ul li h4{font-size: 20px;margin-bottom: 1.8rem;}
.advlist .con > div{width: 33.33333%;padding: .5rem}
.advlist ul{padding: 2rem;}
}

@media(max-width: 600px){
    .advlist ul li{position: relative;}
    .advlist ul li .more{position: absolute;right: 0;top: 50%;transform: translate(.6rem,-50%);}
    .advlist ul li .more a{padding:0 .7rem}
}

.layui-form-item{margin-bottom: 0;}
.layui-form-label{float: none;text-align: left;padding: 10px 0;color: #555;}

.layui-input-right{margin-left:0 !important;}


.newscon{background-color: #fff;padding: 4rem;}
.location a:after{content: '\e772';font-family: iconfont;transform: rotate(-90deg);display: inline-block;padding: 0 .5rem}
.location a:last-child:after{content: ''}
.sbtb{background-color: rgba(29,58,141,.1)}
.sbtb img{min-width: 100px;mix-blend-mode: darken;}
.sbtb td{vertical-align: middle !important;padding-left:25px !important; }
.sbtb tr td:first-child{text-align: center;}


.sbtb thead{background-color: #0D9C92;color: #fff;}

.yficon{border-radius: 50%;background-color: #0D9C92;color: #fff;font-size: 40px !important;width: 2.5em;line-height: 2.5em;display: inline-block;}

#map{width: 100%;height: 30vh;border-radius: 1rem;overflow: hidden;box-shadow: 0 5px 15px rgba(0,0,0,.1);}
#map a{display: block;width: 100%;height: 100%;}


#map a img{height: 100%;width: 100%;object-fit: cover;}
#map a:hover img{transform: scale(1.09);}

@media(min-width: 768px){
    #map{height: 65vh;}
}
@media(min-width: 1950px){
    #map{height: 49vh;}
}

.cms-btn{background-color: #2D2F88 !important;border-radius: .2rem;padding: .5rem 4rem;}
.layui-btn{height: auto;line-height: 1.8;font-size: 16px;}
.layui-input, .layui-select, .layui-textarea{height: 3rem;line-height: 3rem;border-radius: .2rem}
.layui-tab-content{padding: 0 !important}
.cms-btn:hover{background-color: #0D9C92 !important;transform: translateY(-10px);}
html{background-color: #fff !important;}
@media(min-width:768px){
    .contact-form{padding-right: 1rem;}
}

.zplist span{min-width: 130px;display: inline-block;

text-align: justify;
text-justify:distribute-all-ines;
text-align-last: justify;margin-right: 10px;
}
.procon{padding-left: 2rem;}
.aboutcon{padding-right:4rem;}
.tit.probtn a{display: block;background-color: #2D2F88;padding: 3rem 0}
.tit.probtn a h3{color: #fff ;}

.tit.probtn a:hover{background-color: #0D9C92}
.tit.probtn a:hover p.en{color: #fff;}
.downlist ul{display: flex;flex-wrap: wrap;margin-top: 2rem}
.downlist ul li{width: 25%;padding:.5rem ;}
.downlist ul li a{display: block;background-color: #eff3f7;border-radius: .5rem;padding: 1rem 1.5rem;position: relative;}
.downlist ul li a h5{line-height: 2;margin-bottom: 1rem;}
.downlist ul li a span{color: #fff;background-color: #0D9C92;border-radius: .5rem;padding: 0 2rem;display: inline-block;}
.downlist ul li a:hover{background-color: #2D2F88;color: #fff;transform: translateY(-5px);}
.downlist ul li a:hover h5{color: #fff;}
body.bodyen .downlist ul li a span{padding: .5rem;font-size: 80%}


@media(max-width: 600px){
    .downlist ul{margin-top: 1rem}
    .downlist ul li{width: 100%;padding: .5rem 0}
    .downlist ul li a{padding-left: 1rem;padding-right: 1rem;}
    .downlist .tit + hr{display: none;}
    .downlist .tit{background-color: #0d9c92;margin: -3rem -30px 40px -30px;padding: 2rem 0}
    .downlist .tit h2,.downlist .tit p{color: #fff}
    .downlist ul li a h5{margin-bottom: 0;
        webkit-line-clamp: 1;
        width: 65%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;

    }
    .pro-main .pic{border-radius: .5rem; overflow: hidden;}
    .pro-main .pic+div{margin-top: 1rem}
    .downlist ul li a span{position: absolute; right: 1rem;top: 50%;transform: translateY(-50%);padding: 0 .5rem;}
}

.ulcenter{justify-content: center;}

.contact_a{display: flex;flex-wrap: wrap;}
.contact_a li{ background-color: #eff3f7;width: 100%;}
.contact_a.col2s li h3 img,.ccn img{display: inline-block;max-width: 2.8rem;margin-right: 1rem;}
.ccn{position: relative;padding-left: 3.8rem;}
.ccn img{position: absolute; left: 0;top: .2rem;max-width: 2.8rem}

@media(min-width: 900px){
    .contact_a{margin-left: -15px;margin-right: -15px;}
    .contact_a li{
       width: 33.33333%;background-color: #fff;padding: 0 15px;
    }
    .contact_a.col2s li{width: 50%;margin-bottom: 3rem;}
    .contact_a.col4s li{width: 25%;}


.contact_a li h3{font-weight: 400;font-size:22px;}



.contact_a li p{font-size: 18px;margin-top: 1rem;color: #444;}
.contact_a li b{color: #231916;margin-right: 8px;}
.contact_a li h3+p{margin-top: 2rem;}

.contact_a.col2s li h3+p{margin-top: 1rem;}

}

@media(max-width: 600px){
    .contact_a li{padding: 1.2rem;margin: .5rem 0;border-radius: .5rem;}
    .contact_a li h3{margin-bottom: .8rem;}
    .contact_a.col2s li h3,.ccn{position: relative;padding-left: 3rem;}

    .contact_a.col2s li h3 img,.ccn img{position: absolute; left: 0;top: 50%;transform: translateY(-50%);max-width: 2rem}
    .contact_a li p{padding: .2rem 0}
    .contact_a .iconfont{opacity: .5;}
    .index-menu a .imenutext p{font-size: 120%;line-height: 1;}
    .index-menu a .imenutext em{font-size: 75%}


}





.contact-a li .iconfont{font-size: 18px;}



/*手机适配增加内容*/
@media(min-width: 900px){
.index-menu a .imenutext p{font-size: 25px}
.bodyen .index-menu a .imenutext p{margin-right: 2rem}
.imenutext .iconfont{font-size: 25px;}
.index-menu a .imenutext{padding-bottom: 50px;padding: 1rem 2rem;min-width: 45%;}
.index-news{background: #eff3f7;}
}

.index-news.li2 li{padding: 0;margin-bottom: 2rem;}
.index-news.li2 li a{border-radius: .5rem;overflow: hidden;}
@media(max-width: 600px){
    .index-menu ul li{ margin-bottom:1rem;}
    .table td{font-size: 14px;white-space:nowrap;}
.about-box6con >div:nth-child(1) ul{padding-left: 1rem}
    .about-box6con >div:nth-child(1) ul li{list-style-type: disc; }
.index-menu a .imenutext{padding: .8rem;border-radius: .5rem 0 0 0;}
.index-menu a{overflow: hidden;border-radius: .5rem;}
.imenutext .iconfont{display: none;}
}

.mbg{background-color: #2D2F88}
.mfooter .nav-menu{padding: 2rem 0 1rem}
.mfooter .nav-menu > ul > li{border-bottom: 1px solid rgba(0,0,0,.06);font-size: 90%;padding-left: 30px;padding-right: 30px;}
.mfooter ul li a{display: block;color: #fff;}
.mfooter .menu-son{background-color: #0D9C92}
.mfooter ul li>a{padding: .5rem .7rem}
.mfooter ul li i{font-style: normal;float: right;}

.his ul{position: relative;padding-top: 1.2rem}
.his ul:before{content: '';display:block;height: 100%;width: 5px;border-radius: 2rem;position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.05)}
.his li:before{background-color: #0d9c92;border-radius: 50%;width: .85rem;height: .85rem;content: '';position: absolute;left: -4px;top: 1.7rem;}
.his h4+p,.his h4{margin-top: 10px;}
.his h4{color: #2d2f88;font-size: 18px}
.his li {padding-left: 1.7rem;padding-bottom: 1.2rem;padding-top: 1.2rem;position:relative;}
.his li span{color: #0d9c92;}

.qrs{display: flex;padding: 0 15px}
.qrs li{border-bottom: 0;text-align: center;color: #fff;padding: 2rem .5rem 0;width: 50%}
.qrs li img{max-width: 75%;margin-bottom: 1rem;}
.mlogo{width: 50vw;padding: 1rem 1.5rem}
.layui-tab-title{visibility: hidden;display: none;}