@font-face{
	font-family:"Source";
	src:url("../css/font/SourceHanSansCN-Normal.otf") format("opentype");     
}
@font-face{
	font-family:"Source";
	src:url("../css/font/SourceHanSansCN-Light.otf") format("opentype");
	font-weight: 300;
}
@font-face{
	font-family:"Source";
	src:url("../css/font/SourceHanSansCN-Bold.otf") format("opentype");
	font-weight: 600;
}
@font-face{
	font-family:"Oswald";
	src:url("../css/font/OSWALD-REGULAR.TTF") format("truetype");
}

body,input,h1,h2,h3,h4,h5,h6,b,c,e,i,g,p,div,dl,dt,dd,select,textarea,font,right,left{ margin:0; padding:0;color:#555; font-size:12px;font-family:Source; line-height:1;font-weight: normal;letter-spacing: 0;}
html,body{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none;}
ul, ol, li, dl, dd {margin: 0;padding: 0; list-style:none;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6,span,dd,dt,b,c,e,a,font,right,left{ -webkit-text-size-adjust:100%;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: '';clear: both;}
.bg_big{width: 100%;height: auto;background-color: #f8f8f8;font-family: arial;}

/*IE*/
.web-ie2018{ font-family: sans-serif;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999999;background: #666;zoom:1;}
.web-ie2018 dl{    position: absolute;width: 700px;height: auto;top: 50%;margin-top: -200px;left: 50%;margin-left: -350px;background: #fff;}
.web-ie2018 dl #img{    display: block;margin: 50px auto;}
.web-ie2018 dl h3{    display: block;text-align: center;font-size: 28px;font-weight: normal;letter-spacing: 2px;margin: 0 auto 30px;}
.web-ie2018 dl h4{ display: block;text-align: center;font-size: 18px;font-weight: normal;letter-spacing: 2px;margin: 50px auto 50px;}
.web-ie2018 dl dd{ margin: 0 auto 50px;  display: block;text-align: center; margin-bottom:50px;}
.web-ie2018 dl dd a{ display: inline-block;margin: 0 20px;}
.web-ie2018 dl dd a img{display: block;margin: 0 auto;text-align: center;width: 50%;}
.web-ie2018 dl dd a span{display: block;font-size: 16px; color:#666;}
.hamburger{display: none;}
.swiper-button-next, .swiper-button-prev{z-index: 1;}

/* headerwrap */
.headerwrap{width: 100%;position: fixed;top: 0;left: 0;z-index: 12;}
.center{width: 1600px;}
.header{margin: auto;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;border-bottom: 1px solid rgba(255,255,255,0.2);}

.h-logo{display: block;}
.h-logo img.logo02{display: none;}

/* .h-nav */
.h-nav{display: flex;display: -webkit-flex;margin-left: 240px;}
.h-nav>li>a{display: block;position: relative;line-height: 140px;font-size: 18px;color: #FFFFFF;transition: all .3s;}
.h-nav>li{margin-right: 60px;position: static;}
.h-nav>li:last-child{margin-right: 0;}
.h-nav>li>a::before{content: '';display: block;width: 100%;height: 2px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 20%;opacity: 0;transition: all .3s;}
.h-nav>li.active a::before,.h-nav>li:hover a::before{opacity: 1;}


/* hr-list */
.hr-list{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-left: 80px;}

.hr-list .item{width: 40px;height: 40px;border-radius: 50%;;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-color: rgba(255,255,255,0.1);}
.hr-list .h-search img{filter: brightness(0) invert(1);height: 18px;}
.hr-list .h-search{margin-right: 10px;}

/* languge */
.languge{position: relative;}
.languge .text{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.languge .text p{font-size: 16px;color: #FFFFFF;}
.languge .text p i{font-size: inherit;color: inherit;margin-left: 4px;}
.languge-down{width: 100%;position: absolute;left: 0;padding-top: 6px;opacity: 0;visibility: hidden;filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.2) );top: 100%;}
.languge-down::before{content: '';display: block;border: 6px solid transparent;border-bottom-color: #fff;position: absolute;left: 50%;top: -6px;margin-left: -6px;}
.languge-down a{display: block;text-align: center;width: 100%;background-color: #fff;line-height: 30px;font-size: 14px;color: #666666;}
.languge-down a:hover{background-color: #0324EB;color: #fff;}
.languge:hover .languge-down{opacity: 1;visibility: visible;}

.div4 .h-logo img.logo02,.div2_1 .h-logo img.logo02{display: block;}
.div4 .h-logo img.logo01,.div2_1 .h-logo img.logo01{display: none;}
.div4 .h-nav>li>a,.div2_1 .h-nav>li>a{color: #222222;}
.div4 .hr-list .item,.div2_1 .hr-list .item{background-color: rgba(0,0,0,0.06);}
.div4 .hr-list .item img,.div2_1 .hr-list .item img{filter: brightness(0)opacity(0.9);}
.div4 .hr-list .languge .text p,.div2_1 .hr-list .languge .text p{color: #444444;}
.div4 .headerwrap,.div2_1 .headerwrap{background-color: #fff;box-shadow: 0px 3px 15px 0px rgba(13,71,83,0.15);}
.div4 .h-nav>li.active>a,.div2_1 .h-nav>li.active>a{color: #047EBD;}
.div4 .h-nav>li>a:before,.div2_1 .h-nav>li>a:before{background: linear-gradient(90deg, #42A82B, #047EBD);}

.div2_1 .h-nav>li>a{line-height: 80px;}
.div2_1 .h-logo img{height: 60px;}


/* index01wrap */
.index01wrap{width: 100%;overflow: hidden;position: relative;height: 100%;}
.index01wrap .swiper-container{height: 100%;}
.index01wrap .bg{width: 100%;height:100%;object-fit: cover;transition: all 9s cubic-bezier(0.04, 0.79, 1, 1); transform: scale3d(1, 1, 1);}
.index01wrap .swiper-slide-active img{transform: scale3d(1.35, 1.35, 1);transition: all 9s cubic-bezier(0.04, 0.79, 1, 1);}
.index01wrap .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.index01wrap .text strong{display: block;width: 55px;height: 8px;background: #FFFFFF;margin-bottom: 40px;}
.index01wrap .text h3{font-size: 60px;color: #FFFFFF;font-weight: 600;margin-bottom: 40px;}
.index01wrap .text p{font-size: 20px;color: #FFFFFF;line-height: 28px;margin-bottom: 100px;}
.i-more{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;} 
.i-more span{font-size: 16px;color: #FFFFFF;margin-left: -30px;}
.i-more span i{font-size: 14px;color: inherit;margin-left: 4px;}

/* sbtn-list */
.sbtn-list{display: flex;display: -webkit-flex;}
.banner-btnlist{position: absolute;right: calc((100% - 1600px)/2);bottom: 60px;}
.sbtn-list .button{width: 42px;height: 42px;background-color: rgba(255,255,255,0.1);display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: relative;top: 0;left: 0;bottom: 0;right: 0;border-radius: 50%;background-image: none;}
.sbtn-list .button i{font-size: 24px;color: #fff;}
.sbtn-list .button.banner-prev{margin-right: 10px;}

/* i_ri */
.i_ri{position: absolute;left: calc((100% - 1600px)/2);bottom: 60px;z-index: 1;display: flex;display: -webkit-flex;}
.i_ri .line{width: 120px;height: 1px;background-color: rgba(255,255,255,0.3);margin-right: 10px;position: relative;}
.i_ri .line:last-child{margin-right: 0;}
.i_ri .line span{content: '';display: block;width: 0%;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: flex-end;-webkit-justify-content: flex-end;}
.i_ri .line span::after{content: '';display: block;width: 5px;height: 5px;background-color: #fff;border-radius: 50%;}
.i_ri .line.active span{ -webkit-animation-duration: 10s;-webkit-animation-name: spin;}
@keyframes spin { 0% {width: 0;} 100% {width:100%; } }


/*Foor1*/
.Foor1{position: relative;width: 100%;padding: 90px 0;min-height: 540px;overflow: hidden;}
.w1600{margin: auto;position: relative;}
.Foor1 .Leftbox{width: 46%;padding:.8rem 0 0;}
.Foor1 .Leftbox .table-nav{border-top: 2px solid #E4ECEE;}
.Foor1 .Leftbox .table-nav ul{display: inline-block;position: relative;display: flex;display: -webkit-flex;}
.Foor1 .Leftbox .table-nav ul .load{display: block;height: 2px;background: linear-gradient(90deg, #36A92E 0%, #0F8CBC 100%);position: absolute;top: -2px;left: .1rem;width: 0;transition:1.5s;}
.Foor1 .Leftbox .table-nav li{display: inline-block;vertical-align: middle;padding-top:20px;position: relative;font-size:16px;color:#888888;transition:.3s;width: calc(100% / 4);}
.Foor1 .Leftbox .table-nav li:before{width: 17px;height: 29px;content: '';background:url(../images/i-i02.png) no-repeat;background-size: contain;position: absolute;left: 0;transform: translateY(-50%);top: -6px;transition:.3s;z-index: 8;}
.Foor1 .Leftbox .table-nav li.loaded:before{background:url(../images/i-i01.png) no-repeat;background-size: contain;}
.Foor1 .Leftbox .table-nav li.loaded{color:#0676CA;}
.Foor1 .Leftbox .table-box{padding: 90px 0;}
.Foor1 .Leftbox .table-box h5{font-size:46px;color:#222222;font-weight: bold;margin-bottom: 20px;}
.Foor1 .Leftbox .table-box .des{font-size:.18rem;line-height:.32rem;min-height: 1.8rem;}
.Foor1 .Leftbox .table-box .des p{font-size: 16px;color: #333333;line-height: 28px;}
.Foor1 .imgBox{position: absolute;bottom: 0;right: 0;width: 42.565%;height: 100%;}
.Foor1 .imgBox>img{height: 100%;position: absolute;right: 0;}
.Foor1 .imgBox .moreBtn{position: absolute;top: 20%;left: 10%;}
.idxcount-box{background:#f3f4f8;overflow:hidden;}
.idxcount-box .item{width: 20%;float: left;border-left: 1px solid #e3e4eb;padding:50px 30px;position: relative;box-sizing: border-box;}
.idxcount-box .item:first-child{border-left:none;}
.idxcount-box .item .numBox{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;}
.idxcount-box .item .numBox .text{display: flex;display: -webkit-flex;align-items: flex-end;-webkit-align-items: flex-end;}
.idxcount-box .item .numBox span{font-size: 46px;color: #0676CA;line-height: 46px;background: linear-gradient(45deg, #60AF31 0.3662109375%, #0674BD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.idxcount-box .item .numBox sub{font-size:22px;background: linear-gradient(45deg, #60AF31 0.3662109375%, #0674BD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 6px;margin-left: 4px;}
.idxcount-box .item .numBox sup{font-size:30px;background: linear-gradient(45deg, #60AF31 0.3662109375%, #0674BD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.idxcount-box .item p{font-size:14px;color:#666666;margin-top:20px;}
/* i-more02 */
.i-more02{width: 150px;height: 40px;border-radius: 20px;border: 1px solid #A3B1BB;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 16px;color: #4F6D83;margin-top: 50px;}
.i-more02 i{font-size: inherit;color: inherit;margin-left: 10px;}
.i-more02:hover{background-color: #4F6D83;color: #fff;}

/* index03wrap */
.index03wrap{margin:90px auto;position: relative;overflow: hidden;}
.index03-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-end;-webkit-align-items: flex-end;}
/* i-tl */
.i-tl h3{font-size: 46px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.i-tl p{font-size: 14px;color: #333333;line-height: 28px;}
/* index03-tr */
.index03-tr{display: flex;display: -webkit-flex;}
.index03-tr li img{margin: auto;height: 48px;}
.index03-tr li p{text-align: center;font-size: 16px;color: #333333;margin-top: 14px;}
.index03-tr li{margin-right: 60px;}
.index03-tr li:last-child{margin-right: 0;}

/* index03-bot */
.index03-bot{width: 100%;margin-top: 50px;}
.index03-bot>li{display: none;}
.index03-bot>li:first-child{display: block;}
.index03-bot .item{display: block;}
.index03-bot .item .imgbox{width: 100%;height: 278px;overflow: hidden;border-radius: 20px;}
.index03-bot .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.index03-bot .item:hover .imgbox img{transform: scale(1.1);}
.index03-bot .item .text{width: 100%;margin-top: 20px;}
.index03-bot .item .text h3{font-size: 24px;color: #333333;}
.index03-bot .item .text strong{display: block;width: 50px;height: 2px;background: linear-gradient(90deg, #60AF31 0%, #147DA7 100%);margin: 15px 0;}
.index03-bot .item .text h4{font-size: 16px;color: #333333;line-height: 28px;}
.index03-bot .swiper-pagination{position: relative;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;margin-top: 50px;}
.index03-bot .swiper-pagination .swiper-pagination-bullet{width: 18px;height: 18px;background: #D2D2D2;border-radius: 9px;transition: all .3s;opacity: 1;margin-right: 16px;}
.index03-bot .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.index03-bot .swiper-pagination .swiper-pagination-bullet-active{width: 55px;background: linear-gradient(90deg, #60AF31 0%, #147DA7 100%);}

/* index04wrap */
.index04wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;background-color: #F8F8F8;padding-bottom: 50px;}
.index04-top{width: 100%;position: relative;}
.index04-top .bg{width: 100%;}
.index04-top .text{position: absolute;right: 0;box-sizing: border-box;padding-right: calc((100% - 1600px)/2);height: 100%;width: 70%;top: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.index04-top .text>img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;right: 0;}
.index04-top .text .min{box-sizing: border-box;position: relative;width: 100%;padding-left: 20%;padding-bottom:8%;}
.index04-top .text .min h3{display: flex;display: -webkit-flex;font-size: 46px;color: #FFFFFF;font-weight: bold;align-items: flex-end;-webkit-align-items: flex-end;padding-bottom: 24px;border-bottom: 1px solid rgba(255,255,255,0.3);position: relative;margin-bottom: 40px;}
.index04-top .text .min h3 img{width: auto;margin-right: 10px;}
.index04-top .text .min h3::before{content: '';display: block;width: 290px;height: 3px;background: #FFFFFF;position: absolute;left: 0;bottom: 0;}
.index04-top .text .min .textlist h4{display: none;}
.index04-top .text .min .textlist h4:first-child{display: block;}
.index04-top .text .min h4{font-size: 16px;color: #FFFFFF;line-height: 26px;margin-bottom: 40px;}
/* index04-btnlist */
.index04-btnlist{width: 100%;display: flex;display: -webkit-flex;}
.index04-btnlist li{margin-right: 80px;text-align: center;}
.index04-btnlist li:last-child{margin-right: 0;}
.index04-btnlist li .imgbox{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #FFFFFF;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin: auto;}
.index04-btnlist li .imgbox img{max-width: 60%;max-height: 60%;filter: brightness(0) invert(1);}
.index04-btnlist li.active .imgbox img{filter: none;}
.index04-btnlist li.active .imgbox{background-color: #fff;}
.index04-btnlist li p{margin-top: 20px;font-size: 16px;color: #FFFFFF;}

/* index04-bot */
.index04-bot{margin: auto;background: #F8F8F8;box-shadow: 0px 3px 30px 0px rgba(58,151,147,0.15);border-radius: 30px;position: relative;box-sizing: border-box;padding: 40px 90px;margin-top: -100px;}
.index04-bot li{display: none;}
.index04-bot li:first-child{display: block;}
.index04-bot .item{display: block;overflow: hidden;height: 300px;display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;justify-content:center;-webkit-justify-content:center;}
.index04-bot .item img{max-width: 100%;max-height: 100%;transition: all .3s;}
.index04-bot .item:hover img{transform: scale(1.1);}
.index04-bot .button{width: 42px;height: 42px;display: flex;display: -webkit-flex;align-items: center;-webkkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-color: rgba(0,0,0,0.1);border-radius: 50%;background-image: none;}
.index04-bot .button i{font-size: 24px;color: #FFFFFF;}
.index04-bot .button.index0401-prev{left: 20px;}
.index04-bot .button.index0401-next{right: 20px;}

/* index05wrap */
.index05wrap{width: 100%;background-color: #F8F8F8;padding: 50px 0;}
.index05{margin: auto;}
.index05-tl{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-end;-webkit-align-items: flex-end;margin-bottom: 40px;}
.index05-btnlist .button{width: 80px;height: 80px;border-radius: 50%;border: 1px solid #D2D2D2;}
.index05-btnlist .button i{color: #BFBFBF;font-size: 20px;}
.index05-btnlist .button.index05-next{border-color: #0D79B2;margin-left: 10px;}
.index05-btnlist .button.index05-next i{background: linear-gradient(45deg, #60AF31 0.3662109375%, #0674BD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.index05 .item{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.index05 .item .imgbox{width: 60%;border-radius: 30px;overflow: hidden;position: relative;z-index: 0;height: 600px;}
.index05 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.index05 .item .text{width: 50%;margin-left: -10%;background-color: #F0F6FB;border-radius: 20px;position: relative;z-index: 1;box-sizing: border-box;padding: 60px;}
.index05 .item .text .min{position: relative;z-index: 1;}
.index05 .item .text h3{font-size: 48px;color: #333333;font-family: Oswald;}
.index05 .item .text strong{display: block;width: 81px;height: 5px;background: linear-gradient(90deg, #60AF31 0%, #147DA7 100%);margin: 30px 0;}
.index05 .item .text h4{font-size: 16px;color: #333333;line-height: 28px;}
.index05 .item .text .bg{position: absolute;right: 0;bottom: 0;z-index: 0;}

/* index06wrap */
.index06wrap{position: relative;margin: 90px auto;}
.index06-top{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-bottom: 40px;justify-content: space-between;-webkit-justify-content: space-between;}
/* index06 */
.index06{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.index06 .item{display: block;width: 50%;position: relative;height: 280px;box-sizing: border-box;padding: 50px 30px;}
.index06 .item .imgbox{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;transition: all .3s;}
.index06 .item .img{position: absolute;right: 0;height: 100%;top: 0;z-index: 0;transition: all .3s;}
.index06 .item .mc{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.index06 .item .text{position: relative;z-index: 2;box-sizing: border-box;height: 100%;}
.index06 .item .text h3{font-size: 22px;color: #FFFFFF;line-height: 28px;}
.index06 .item .text .bot{width: 100%;box-sizing: border-box;position: absolute;bottom: 0;left: 0;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.index06 .item .text .bot .data{display: flex;display: -webkit-flex;}
.index06 .item .text .bot .data p{font-size: 16px;color: #FFFFFF;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-right: 60px;}
.index06 .item .text .bot .data p img{width: auto;margin-right: 4px;}
.index06 .item .text .bot .data p:last-child{margin-right: 0;}
.index06 .item .text .bot>p{font-size: 16px;color: #FFFFFF;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;}
.index06 .item .text .bot>p i{font-size: inherit;color: inherit;margin-left: 5px;}
.index06 .item::before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;transition: all .3s;}
.index06 .item:nth-of-type(3n)::before{background-color: #3BB056;opacity: 0.7;}
.index06 .item:hover::before{opacity: 0;}
.index06 .item:hover .img{transform: scale(1.1);}
.index06 .item:hover .imgbox{transform: scale(1.1);z-index: 2;}

/* footerwrap */
.footerwrap{width: 100%;}
.footer-twrap{width: 100%;position: relative;overflow: hidden;background-color: #F0F4F6;}
.footer-t{margin: auto;position: relative;z-index: 1;}
.f-links{width: 100%;display: flex;display: -webkit-flex;border-bottom: 1px solid #DCDCDC;height: 120px;align-items: center;-webkit-align-items: center;}
.f-links p{font-size: 16px;color: #666666;}
.f-links a{font-size: 16px;color: #333333;line-height: 16px;padding-right: 10px;margin-right: 10px;border-right: 1px solid #333;}
.f-links a:last-child{border: none;padding: 0;margin: 0;}
/* footer-nav */
.footer-nav{margin: 70px auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;position: relative;z-index: 1;}
.footer-nav li h3 a{font-size: 18px;color: #333333;display: block;font-weight: bold;}
.footer-nav li h3::after{content: '';display: block;width: 20px;height: 2px;background: #0676CA;margin-top: 20px;}
.footer-nav li .list,.footer-nav li .info{margin-top: 30px;}
.footer-nav li .list a,.footer-nav li .list p{display: block;font-size: 16px;color: #333333;line-height: 30px;}
.footer-nav li{max-width: 25%;}
.footer-nav li .list p{display: flex;display: -webkit-flex;}
.footer-nav li .list p span{white-space: nowrap;}

.bdsharebuttonbox{display: flex;display: -webkit-flex;}
.bdsharebuttonbox a{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;width: 40px!important;height: 40px!important;border-radius: 50%;border: 1px solid #333;margin-right: 16px!important;max-width: initial;max-height: initial;background-image: none!important;padding: 0!important;}
.bdsharebuttonbox a:last-child{margin-right: 0;}
.bdsharebuttonbox a img{max-width: 70%;max-height: 70%;pointer-events: none;}
.footer-nav li .ewm{margin-top: 58px;text-align: center;}
.footer-nav li .ewm p{font-size: 14px;color: #888888;margin-top: 12px;}

.footer-twrap .bg{position: absolute;z-index: 0;}
.footer-twrap .bg01{left: 0;bottom: 0;}
.footer-twrap .bg02{right: 0;bottom: 0;}

/* bawrap */
.bawrap{width: 100%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;height: 80px;background-color: #E1E8EB;}
.bawrap a{font-size: 16px;color: #333333;line-height: 30px;margin-right: 10px;}
.bawrap a:last-child{margin-right: 0;}

/* a-bannerwrap */
.a-bannerwrap{width: 100%;position: relative;overflow: hidden;}
.a-bannerwrap .bg{width: 100%;}
.a-bannerwrap .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.a-bannerwrap .text strong{display: block;width: 35px;height: 4px;background-color: #FFFFFF;margin-bottom: 20px;}
.a-bannerwrap .text h3{font-size: 44px;color: #FFFFFF;margin-bottom: 20px;font-weight: bold;}
.a-bannerwrap .text p{font-size: 20px;color: #FFFFFF;}
/* a-navlinkwrap */
.a-navlinkwrap{width: 100%;background-color: #F2F5F9;}
.a-navlink{margin: auto;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.a-navlink .link{;display: flex;display: -webkit-flex;}
.a-navlink .link a{font-size: 16px;color: #222222;line-height: 120px;margin-right: 60px;position: relative;display: block;transition: all .3s;}
.a-navlink .link a::before{content: '';display: block;width: 100%;height: 3px;background: linear-gradient(90deg, #60AF31 0%, #096E87 99%);position: absolute;left: 0;bottom: 0;opacity: 0;}
.a-navlink .link a.active,.a-navlink .link a:hover{background: linear-gradient(45deg, #60AF31 0.3662109375%, #0674BD 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.a-navlink .link a.active::before{opacity: 1;}
.mbx{display: flex;display: -webkit-flex;}
.mbx a,.mbx span{font-size: 16px;color: #999999;}
.mbx a i{font-size: inherit;color: inherit;margin-right: 4px;}
.mbx span{margin: 0 6px;}
.mbx a.active{color: #0A6F85;}
.a-navlinkwrap.fixedSubNav{position: fixed;top: 80px;left: 0;z-index: 10;}
.a-navlinkwrap.fixedSubNav .a-navlink .link a{line-height: 60px;}





/* about01wrap */
.about01wrap{margin: 60px auto;background-color: #F2F5F9;box-sizing: border-box;padding: 70px 70px 140px;position: relative;overflow: hidden;border-radius: 20px;}
.about01wrap .bg{position: absolute;right: 0;top: 0;height: 100%;}
.about01{position: relative;width: 100%;}
.about01 .text{box-sizing: border-box;width: 50%;}
.about01 .text h3{font-size: 36px;color: #0676CA;font-weight: bold;margin-bottom: 40px;}
.about01 .text h4{font-size: 16px;color: #333333;line-height: 28px;margin-bottom: 100px;}
.about01 .text h4 p{font-size: 16px;color: #333333;line-height: 28px;}
.about01bot{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding-right: 200px;background-color: transparent;}
.about01bot .item{padding: 0;border: none;}
.idxcount-box .item .numBox sub{white-space: nowrap;}

/* about02wrap */
.about02wrap{margin: auto;position: relative;overflow: hidden;}
.about02-link{width: 100%;display: flex;display: -webkit-flex;margin-bottom: 30px;}
.about02-link a{font-size: 32px;color: #0676CA;opacity: 0.5;font-weight: bold;margin-right: 80px;}
.about02-link a:last-child{margin-right: 0;}
.about02-link a.active{opacity: 1;}
/* about02bot */
.about02bot{width: 100%;position: relative;min-height: 260px;overflow: hidden;border-radius: 20px;background-color: #F2F5F9;}
.about02bot .bg{position: absolute;right: 0;top: 0;height: 100%;z-index: 0;}
.about02-list{width: 80%;position: relative;box-sizing: border-box;padding: 40px 70px;}
.about02-list li{width: 100%;display: none;}
.about02-list li:first-child{display: block;}
.about02-list li p{font-size: 16px;color: #333333;line-height: 28px;}


/* history01wrap */
.history01wrap{margin: auto;margin-top: 60px;}
.i-tl02{text-align: center;}
.history01wrap .i-tl{transform: translateY(50px);-webkit-transform: translateY(50px);}
.history01wrap .i-tl h3{color: #0676CA;}
.history-bot{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;box-sizing: border-box;padding: 0 50px;}
.history-bot .button{top: 0;left: 0;right: 0;bottom: 0;background-image: none;transform: none;width: 50px;height: 50px;background: #fff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-wekit-justify-content: center;margin:0;border-radius: 50%;box-shadow: 0px 0px 10px 0px rgba(1,3,15,0.1);margin-top: -11px;}
.history-bot .button.history-next{right:0;background-color: #0676CA;left: initial;}
.history-bot .button.history-prev{left:0;}
.history-bot .button i{font-size: 20px;color: #0676CA;}
.history-bot .button.history-next i{color: #fff;}
/*history-gallery-thumbs*/
.history-gallery-thumbs{width: 100%;text-align:center;padding-top:4px;}
.history-bot:before{content:'';display: block;width: 100%;height: 1px;background-color: rgba(191, 191, 191, 0.6);position: absolute;top:14px;left:0;}
.history-gallery-thumbs .swiper-slide{cursor: pointer;}
.history-gallery-thumbs strong{display: block;width: 20px;height: 20px;box-sizing: border-box;margin:auto;border-radius:50%;margin-bottom:26px;position:relative;z-index:0;}
.history-gallery-thumbs strong:after{content:'';display: block;width: 20px;height: 20px;border-radius: 50%;background-color: #0676CA;border: 6px solid #D3E6F4;position: relative;z-index: 1;box-sizing:border-box;}
.history-gallery-thumbs strong:before{content:'';display: block;width: 100%;height: 100%;border-radius: 50%;position: absolute;left: 0;top: 0;transition: all .3s;z-index:-1;}
.history-gallery-thumbs p{font-size: 24px;color: #888888;}
.history-info li p{font-size: 16px;color: #222222;line-height:30px;}
.history-gallery-thumbs .swiper-slide-thumb-active strong:after{border-color: #0676CA;background-color: #fff;}
.history-gallery-thumbs .swiper-slide-thumb-active strong:before{transform:scale(1.2);background-color:#0676CA;}
.history-gallery-thumbs .swiper-slide-thumb-active p{color: #222222;}
/* history-bot */
.history-bot{position: relative;}
.history-bot .swiper-button-next.swiper-button-disabled,.history-bot .swiper-button-prev.swiper-button-disabled{opacity: 1;}

/* about04wrap */
.a-tl01>div{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-bottom: 30px;}
.a-tl01>div p{font-size: 36px;color: #0676CA;font-weight: bold;margin: 0 40px;}
.a-tl01 strong{display: block;width: 40px;height: 6px;background-color: #0676CA;margin: auto;}
.about04wrap{width: 100%;box-sizing: border-box;padding: 120px 0;background: url(../images/ab-b01.jpg)no-repeat;background-size: cover;position: relative;}
.about04{margin: auto;background-color: #FFFFFF;margin-top: 60px;box-shadow: 0px 0px 30px 0px rgba(1,3,15,0.1);}
.about04 .tab{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.about04 .tab a{width: calc(100% / 4);box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: center;-webikt-justify-content: center;align-items: center;-webkit-align-items: center;font-size: 18px;color: #222222;height: 60px;background-color: #FAFAFA;border-top: 1px solid transparent;}
.about04 .tab a img{margin-right: 10px;}
.about04 .tab a.active{background-color: #fff;border-color: #2977BD;}
.about04-list{width: 100%;padding: 100px;box-sizing: border-box;}
.about04-list li{position: relative;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;display: none;}
.about04-list li .button{width: 45px;height: 45px;background-color: #EEEEEE;border-radius: 50%;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;background-size: 10px;background-blend-mode: luminosity;}
.about04-list li .button.swiper-button-next{right: -50px;}
.about04-list li .button.swiper-button-prev{left: -50px;}
.about04-list .swiper-container{width: calc(100% - 120px);}
.about04-list .swiper-container>img{width: 100%;}
.about04-list li.active{display: flex;display: -webkit-flex;}
.about04-list li .swiper-slide{display: flex;display: -webkit-flex;align-items: center;-wekit-align-items: center;justify-content: center;-webkit-justify-content: center;height:300px;}
.about04-list li .swiper-slide img{max-width: 100%;max-height: 100%;}
.about04-list li .textmin{font-size: 16px;line-height: 24px;color: #333333;}

/* about05wrap */
.about05wrap{margin: 100px auto;position:relative;}
/* a-tl02 */
.a-tl02{text-align: center;}
.a-tl02 h3{font-size: 36px;color: #0676CA;font-weight: bold;margin-bottom: 30px;}
.a-tl02 h4{font-size: 16px;color: #333333;line-height: 28px;}
.about05wrap .a-tl02{box-sizing: border-box;padding: 0 100px;}
.about05wrap .imgbox{width: 100%;margin-top: 60px;}
.about05wrap .imgbox img{max-width: 100%;margin: auto;}

/* prowrap */
.prowrap{margin: 80px auto;}
.pro01-top{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;margin: 60px 0;align-items: center;-webkit-align-items: center;}
.pro-link{display: flex;display: -webkit-flex;}
.pro-link a{display: block;text-align: center;margin-right: 60px;}
.pro-link a img{height: 48px;margin: auto;}
.pro-link a p{font-size: 16px;color: #333333;margin-top: 14px;}
.pro-link a:last-child{margin-right: 0;}
/* pro-form */
.pro-form{width: 501px;height: 60px;background: #F5F5F5;border-radius: 30px;display: flex;display: -webkit-flex;}
.pro-form input{width: calc(100% - 60px);background-color: transparent;border: none;outline: none;box-sizing: border-box;padding: 0 30px;font-size: 16px;color: #888888;height: 100%;}
.pro-form button{width: 60px;height: 60px;background-color: transparent;outline: none;border: none;}
/* pro01 */
.pro01{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.pro01 .item{display: block;width: calc((100% - 90px)/3);margin-right: 45px;margin-bottom: 50px;}
.pro01 .item:nth-of-type(3n){margin-right: 0;}
.pro01 .item .imgbox{width: 100%;overflow: hidden;height: 350px;border-radius: 20px;}
.pro01 .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.pro01 .item:hover .imgbox img{transform: scale(1.1);}
.pro01 .item .text{margin-top: 30px;}
.pro01 .item .text h3{font-size: 24px;color: #333333;font-weight: bold;}
.pro01 .item .text strong{display: block;width: 50px;height: 2px;background: linear-gradient(90deg, #60AF31 0%, #147DA7 100%);margin: 15px 0;}
.pro01 .item .text h4{font-size: 16px;color: #333333;line-height: 28px;}


/* n-page */
.n-page{margin: 80px auto;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.el-pagination .btn-next, .el-pagination .btn-prev{width: 48px;height: 48px;padding: 0;background-color: #EEEEEE!important;}
.el-pagination .btn-next i, .el-pagination .btn-prev i{font-size: 20px!important;}
.el-pagination .btn-next{margin-left: 120px;}
.part .el-pagination__jump {display: none !important;}
.el-pager li{background-color: transparent;}
.el-pagination{padding: 0;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.el-pagination button:disabled{background-color: '';}
.el-pager{margin: 0 30px;display: none;}
.part{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.part .tiptext{position: absolute;font-size: 24px;color: #B3B3B3;}
.part .tiptext span{color: #147DA7;}

/* service01 */
.service01{width: 100%;overflow: hidden;}
.service01 li{width: 100%;position: relative;display: flex;display: -webkit-flex;background-color: #F0F6FB;border-radius: 20px;overflow: hidden;margin-bottom: 30px;}
.service01 li .imgbox{width: 50%;position: relative;height: 600px;overflow: hidden;}
.service01 li .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.service01 li:hover .imgbox img{transform: scale(1.1);}
.service01 li .text{width: 50%;box-sizing: border-box;padding: 90px;position: relative;}
.service01 li .text .bg{position: absolute;right: 0;bottom: 0;z-index: 0;}
.service01 li .text .textmin{width: 100%;position: relative;z-index: 1;}
.service01 li .text .textmin h3{font-size: 48px;color: #333333;font-weight: bold;font-family: Oswald;}
.service01 li .text .textmin strong{display: block;width: 80px;height: 5px;background: linear-gradient(90deg, #60AF31 0%, #147DA7 100%);margin: 20px 0;}
.service01 li .text .textmin h4{font-size: 16px;color: #333333;line-height: 28px;margin-top: 30px;}
.service01 li .text .textmin .i-more02{margin-top: 100px;}
.service01 li:nth-of-type(2n){flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.service01 li:nth-of-type(2n) .text .bg{right: initial;left: 0;}

/* proinfowrap */
.proinfowrap{margin: 140px auto 120px;}
.prombxwrap{width: 100%;height: 94px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: flex-end;-webkit-justify-content: flex-end;}
/* proinfo01 */
.proinfo01{width: 100%;background: #FFFFFF;box-shadow: 0px 9px 20px 0px rgba(3,23,27,0.1);border-radius: 20px;overflow: hidden;display: flex;display: -webkit-flex;}
.proinfo01 .imgbox{width: 50%;overflow: hidden;}
.proinfo01 .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.proinfo01 .text{width: 50%;box-sizing: border-box;padding: 20px 80px;}
.proinfo01 .text .tl{width: 100%;padding-bottom: 30px;border-bottom: 1px solid #E5E5E5;margin-bottom: 30px;}
.proinfo01 .text .tl h3{font-size: 36px;color: #0676CA;font-weight: bold;margin-bottom: 30px;}
.proinfo01 .text .tl h4{font-size: 14px;line-height: 24px;color: #333333;}
.proinfo01 .text .info{width: 100%;}
.proinfo01 .text .info .tag{display: inline-block;box-sizing: border-box;background-color: #E5E5E5;line-height: 38px;padding: 0 15px;font-size: 18px;color: #0676CA;border-radius: 6px;margin-bottom: 20px;font-weight: bold;}
.proinfo01 .text .list,.pro01 .item .text,.index03-bot .item .text{width: 100%;}
.proinfo01 .text .list li,.pro01 .item .text li,.index03-bot .item .text li{position: relative;box-sizing: border-box;padding-left: 12px;font-size: 14px;color: #333333;line-height: 28px;}
.proinfo01 .text .list li::before,.pro01 .item .text li:before,.index03-bot .item .text li:before{content: '';display: block;width: 5px;height: 5px;background-color: #0676CA;border-radius: 50%;position: absolute;left: 0;top: 11px;}

/* proinfo02wrap */
.proinfo02wrap{width: 100%;margin: 90px 0;}
.proinfo02-tab{width: 100%;border-bottom: 1px solid #E5E5E5;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;}
.proinfo02-tab a{width: 250px;height: 50px;background: #EEEEEE;line-height: 50px;font-size: 18px;color: #222222;border-top-left-radius: 8px;border-top-right-radius: 8px;text-align: center;display: block;}
.proinfo02-tab a.active{background: linear-gradient(90deg, #42A82B 0%, #0D74AA 100%);color: #fff;}
/* proinfo02 */
.proinfo02{width: 100%;margin-top: 60px;}
.proinfo02 .proinfo02li{display: none;}
.proinfo02 .proinfo02li img{max-width: 100%;margin: auto;margin-top: 30px;}
.proinfo02 .proinfo02li:first-child{display: block;}
.proinfo02 .tl{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;margin-bottom: 40px;}
.proinfo02 .tl::before,.proinfo02 .tl::after{content: '';width: 100px;height: 1px;background-color: #0676CA;}
.proinfo02 .tl h3{font-size: 28px;color: #0676CA;font-weight: bold;margin: 0 6px;}
/* proinfo02li01min */
.proinfo02li01min{width: 100%;box-shadow: 0px 3px 30px 0px rgba(41,74,116,0.15);border-radius: 20px;box-sizing: border-box;padding: 0 100px;}
.proinfo02li01min li{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;padding:50px 0;border-bottom: 1px solid #F5F5F5;}
.proinfo02li01min li .item{width: 46%;}
.proinfo02li01min li .item p{font-size: 16px;color: #222222;line-height: 36px;}
.proinfo02li01min li .item h4{font-size: 18px;color: #222222;line-height: 36px;}
/* proinfo02li02min */
.proinfo02li02min{width: 100%;background: #FFFFFF;box-shadow: 0px 3px 30px 0px rgba(41,74,116,0.15);border-radius: 20px;overflow: hidden;}
.proinfo02li02min table{width: 100%;border-collapse: collapse;}
.proinfo02li02min table thead{background: linear-gradient(90deg, #41A82B 0%, #0E75A9 98%);}
.proinfo02li02min table td{height: 56px;box-sizing: border-box;padding: 0 100px;}
.proinfo02li02min table thead tr{font-size: 18px;color: #FFFFFF;font-weight: bold;}
.proinfo02li02min table tbody tr{font-size: 16px;color: #222222;}
.proinfo02li02min table tbody tr:nth-of-type(2n){background-color: #F8F8F8;}
/* pinfo-page */
.pinfo-page{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.pinfo-page .i-more02{width: 200px;height: 60px;border-radius: 30px;border: 1px solid #40A72C;font-size: 18px;color: #222222;}
.pinfo-page .i-more02.goback,.pinfo-page .i-more02:hover{background: linear-gradient(90deg, #40A72C, #0F76A5);color: #fff;}

/* newswrap */
.newswrap{margin: 80px auto;}
/* news */
.news{width: 100%;margin-top: 60px;}
.news .item{width: 100%;display: flex;display: -webkit-flex;background-color: #fff;box-sizing: border-box;padding: 20px;transition: all .3s;margin-bottom: 50px;position:relative;}
.news .item:before{content:'';display: block;width: 80%;height: 100%;position: absolute;background-color: #fff;box-shadow: 0px 0px 20px 0px rgba(3,23,27,0.1);border-radius: 20px;z-index:0;right:0;top:0;transition:all .3s;}
.news .item .imgbox{width: 30%;border-radius: 20px;overflow: hidden;position:relative;z-index:1;}
.news .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.news .item:hover .imgbox img{transform: scale(1.1);}
.news .item .text{width: 70%;box-sizing: border-box;position: relative;padding: 0 30px 0 50px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: space-between;-webkit-justify-content: space-between;position:relative;z-index:1;}
.news .item .text .data{width: 100px;text-align: center;}
.news .item .text .data h3{font-size: 52px;color: #222222;margin-bottom: 12px;}
.news .item .text .data p{font-size: 18px;color: #AAAAAA;}
.news .item .text .font{width: calc(100% - 200px);}
.news .item .text .font h3{font-size: 24px;color: #333333;line-height: 30px;height: 60px;margin-bottom: 50px;}
.news .item .text .font .tips{width: 100%;display: flex;display: -webkit-flex;}
.news .item .text .font .tips p{font-size: 18px;color: #AAAAAA;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;margin-right: 60px;}
.news .item .text .font .tips p img{filter: brightness(0.7);margin-right: 4px;}
.news .item .text .font .tips p:last-child{margin-right: 0;}
.news .item:hover:before{box-shadow: 0px 0px 20px 0px rgba(2,92,150,0.4);width:100%;}
.news .item:hover .text .data h3,.news .item:hover .text .data p,.news .item:hover .text .font h3{color: #006CA1;}

/* ninfombxwrap */
.ninfombx .mbx a,.ninfombx .mbx span{line-height: 100px;}
/* ninfowrap */
.ninfowrap{margin: 50px auto 150px;}
/* ninfotl */
.ninfotl{width: 100%;text-align: center;margin-bottom: 50px;}
.ninfotl h3{font-size: 36px;color: #222222;font-weight: bold;line-height: 48px;margin-bottom: 30px;}
.ninfotl .data{display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-wekit-align-items: center;}
.ninfotl .data p{font-size: 18px;color: #AAAAAA;margin-right: 40px;}
.ninfotl .data p:last-child{margin-right: 0;}
.ninfotl .data p i{font-size: inherit;color: inherit;margin-right: 6px;}
/* ninfomin */
.ninfomin{width: 100%;}
.ninfomin p{font-size: 16px;color: #222222;line-height: 30px;margin-bottom: 50px;}
.ninfomin img{max-width: 100%;margin: auto;margin-bottom: 50px;}
/* ninfo-page */
.ninfo-page{border-top: 1px solid #DCDCDC;margin-top: 100px;}

/* joinwrap */
.joinwrap{margin: 100px auto;}
.join-tl{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;box-sizing: border-box;padding: 0 40px;background: linear-gradient(90deg, #40A72C, #0F76A5);border-radius: 10px;height: 70px;align-items: center;-webkit-align-items: center;margin-bottom: 30px;}
.join-tl p{font-size: 18px;color: #FFFFFF;width: calc((76% / 5));}
.join-tl p:first-child{width: 24%;}
/* joinmin */
.joinmin{width: 100%;}
.joinmin li{background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0,26,42,0.1);border-radius: 10px;margin-bottom: 30px;}
.joinmin li .tl{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;padding: 0 40px;position: relative;height: 70px;border-radius: 10px;cursor: pointer;}
.joinmin li .tl p{font-size: 18px;color: #222222;width: calc((76% / 5));}
.joinmin li .tl p:first-child{width: 24%;}
.joinmin li .tl i{font-size: 18px;color: #AAAAAA;position: absolute;right: 40px;}
.joinmin li .info{width: 100%;box-sizing: border-box;padding: 50px 40px;display: none;}
.joinmin li .info h3{font-size: 24px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.joinmin li .info h4{font-size: 18px;color: #222222;line-height: 36px;margin-bottom: 40px;}
.joinmin li .info h4 p{font-size: 18px;color: #222222;line-height: 36px;}
.joinmin li .info .bot{width: 100%;box-sizing: border-box;border-top: 1px solid #EAEAEA;padding-top: 40px;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.joinmin li .info .bot p{font-size: 24px;color: #222222;}
.joinmin li .info .bot p span{color: #0F2E78;}
.joinmin li .info .bot .i-more02{width: 150px;height: 54px;border: 1px solid #222222;border-radius: 0;font-size: 18px;color: #222222;}
.joinmin li .info .bot .i-more02:hover{background-color: #222;color: #fff;}
.joinmin li.active .tl,.joinmin li:hover .tl{background-color: #F1F4F8;}
.joinmin li.active .info{display: block;}
.joinmin li.active .tl i{transform: rotate(-180deg);}

/* contactwrap */
.contactwrap{margin: auto;}
.contact01wrap{position: relative;box-sizing: border-box;padding: 80px 0;}
.contact01{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkkit-justify-content: space-between;margin-top: 60px;}
.contact01 .item{width: calc((100% - 60px)/3);background-color: #F2F5F9;box-sizing: border-box;padding: 30px 40px 60px;border-radius: 20px;overflow: hidden;}
.contact01 .item .tl{width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;border-bottom: 1px solid #C7D0E1;padding-bottom: 20px;margin-bottom: 20px;}
.contact01 .item .tl h3{font-size: 24px;color: #333333;background: linear-gradient(0deg, #40A72C 0.3662109375%, #0F76A5 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.contact01 .item .info{width: 100%;}
.contact01 .item .info p{font-size: 18px;color: #333333;line-height: 28px;}

/* contact02wrap */
.contact02wrap{width: 100%;box-sizing: border-box;box-shadow: 0px 0px 20px 0px rgba(0,26,42,0.1);border-radius: 30px;padding: 130px 160px 110px;margin-bottom: 70px;position:relative;}
/* contact02-form */
.contact02-form{width: 100%;margin-top: 60px;}
.contact02-form .formmin{width: 100%;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: space-between;-webkkit-justify-content: space-between;}
.contact02-form .formmin .item{width: calc((100% - 100px)/2);display: flex;display: -webkit-flex;margin-bottom: 40px;}
.contact02-form .formmin .item p{font-size: 18px;color: #222222;line-height: 70px;width: 100px;}
.contact02-form .formmin .item input,.contact02-form .formmin .item textarea{width: calc(100% - 100px);height: 70px;border: none;outline: none;border-radius: 8px;background-color: #F2F5F9;box-sizing: border-box;padding: 0 20px;}
.contact02-form .formmin .item:last-child{width: 100%;}
.contact02-form .formmin .item textarea{height: 200px;padding: 20px;resize: none;}
.contact02-form .i-more02{width: 500px;height: 70px;background: linear-gradient(90deg, #40A72C, #0F76A5);border-radius: 35px;margin: auto;color: #fff;font-size: 18px;}

/* advantage01wrap */
.advantage01wrap{margin: 80px auto 110px;position:relative;}
.advantage01wrap .i-tl02{box-sizing:border-box;padding:0 5%;}
.advantage01{width: 100%;margin-top: 50px;position: relative;padding-top: 100px;z-index:0;}
.advantage01 .swiper-advantage01{width: 100%;box-sizing: border-box;}
.advantage01 .swiper-wrapper{-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: flex-end;-webkit-align-items: flex-end;}
/*height: 450px!important;*/
/*width: 16%;height: 260px;*/
.advantage01 .swiper-slide{display: block;position: relative;transition: all .3s;width:20%;opacity:0.5;}
.advantage01 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.advantage01 .swiper-slide p{font-size: 18px;color: #FFFFFF;text-align: center;width: 100%;position: absolute;left: 0;bottom: 40px;opacity: 0;}
.advantage01 .swiper-slide.swiper-slide-active p{opacity: 1;}
/*width: 52%;height: 450px;*/
.advantage01 .swiper-slide.swiper-slide-active{transform:scale(1);width:50%;opacity:1;}
/* advantage01-btnlist */
.advantage01-btnlist{position: absolute;top: 0;right: calc((100% - 1600px)/2);}
.advantage01-btnlist .button{border:1px solid #58A94F;width: 80px;height: 80px;}
.advantage01-btnlist .button i{color: #58A94F;}
.advantage01-btnlist .button.advantage01-next{margin-left: 10px;}

/* advantage02wrap */
.advantage02wrap{width: 100%;position: relative;overflow: hidden;box-sizing: border-box;padding: 120px 0;background: url(../images/ys-b01.jpg)no-repeat fixed;background-size: cover;}
/* advantage02 */
.advantage02{margin: auto;}
.advantage02 .i-tl h3,.advantage02 .i-tl p{color: #fff;}
/* advantage02min */
.advantage02min{margin-top: 40px;width: 100%;display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.advantage02min .item{width: calc((100% - 40px)/2);overflow: hidden;border-radius: 20px;background-color: #fff;}
.advantage02min .item .imgbox{width: 100%;overflow: hidden;height: 400px;}
.advantage02min .item .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.advantage02min .item:hover .imgbox img{transform: scale(1.1);}
.advantage02min .item .text{width: 100%;box-sizing: border-box;padding: 30px 20px;}
.advantage02min .item .text h3{font-size: 24px;color: #222222;font-weight: bold;line-height: 28px;}
.advantage02min .item .text .line{display: block;width: 42px;height: 3px;background: linear-gradient(90deg, #60AF31 0%, #147DA7 100%);margin: 20px 0;}
.advantage02min .item .text h4{font-size: 14px;color: #333333;line-height: 24px;}
.advantage02min .item .text h4 p{font-size: 14px;color: #333333;line-height: 24px;}

/* advantage03wrap */
.advantage03wrap{padding: 100px 0;position: relative;margin: auto;}
/* advantage03-top */
.advantage03-top{margin-top: 80px;border-bottom: 2px solid #E5E5E5;padding-bottom: 40px;}
.advantage03-top .imgbox img{width: auto;height: 46px;margin: auto;filter: brightness(0) invert(0.5);}
.advantage03-top p{font-size: 16px;color: #333333;line-height: 28px;text-align: center;font-weight: bold;margin-top: 30px;}
.advantage03-top p span{display: block;font-size: 14px;color: #333333;font-weight: normal;line-height: 24px;}
.advantage03-top .swiper-slide-thumb-active .imgbox img{filter: none;}
.advantage03-top .swiper-slide-thumb-active p{background: linear-gradient(0deg, #40A72C 0.3662109375%, #0F76A5 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.advantage03-top .swiper-slide::before{content: '';display: block;width: 100%;height: 2px;background: linear-gradient(90deg, #40A72C, #0F76A5);position: absolute;left: 0;bottom: -42px;opacity: 0;}
.advantage03-top .swiper-slide{height: auto;}
.advantage03-top .swiper-slide-thumb-active::before{opacity: 1;}

/* advantage03-bot */
.advantage03-bot{width: 100%;margin-top: 80px;overflow: hidden;}
.advantage03-bot .swiper-slide{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;}
.advantage03-bot .swiper-slide .text{box-sizing: border-box;width: 50%;padding-right: 90px;}
.advantage03-bot .swiper-slide .text h3{font-size: 30px;color: #333333;font-weight: bold;background: linear-gradient(0deg, #40A72C 0.3662109375%, #0F76A5 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 40px;}
.advantage03-bot .swiper-slide .text h4{font-size: 16px;color: #333333;line-height: 28px;}
.advantage03-bot .swiper-slide .imgbox{width: 50%;overflow: hidden;border-radius: 20px;}
.advantage03-bot .swiper-slide .imgbox img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}
.advantage03-bot .swiper-slide:hover .imgbox img{transform: scale(1.1);}
.advantage03-bot .swiper-slide .text img{max-width: 100%;}

/* advantage04wrap */
.advantage04wrap{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;background: url(../images/ys-002.jpg)no-repeat fixed;background-size: cover;padding: 100px 0 0;}
/* advantage04 */
.advantage04{margin: auto;}
.advantage04 .botimg{width: 100%;}
.advantage04min{width: 1300px;margin:auto;margin-top: 100px;overflow: hidden;}
.advantage04min .swiper-slide{width: 340px;}
.advantage04min .swiper-slide img{width: 100%;}


/* nbar */
.nbar{position: fixed;right: 0;bottom: 30%;z-index: 10;}
.nbar a{display: block;margin-bottom: 4px;position: relative;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.nbar a .imgbox{width: 60px;height: 60px;background-color: #ffffff;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;border-radius: 50%;border: 1px solid #D8D9DA;}
.nbar a i{font-size: 20px;color: #4b453d;}
.nbar a .imgbox img{max-width: 20px;max-height: 22px;}
.nbar a:hover .imgbox,.nbar a.totop .imgbox{background: linear-gradient(50deg, #49AF1B 0%, #076EB9 100%);border-color: transparent;}
.nbar a:hover .imgbox img{filter: brightness(0) invert(1);}
.nbar a .show{position: absolute;background-color: #fff;box-sizing: border-box;padding: 10px;right: calc(100% + 5px);filter: drop-shadow(0px 2px 3px rgba(18, 12, 244, 0.08));opacity: 0;visibility: hidden;}
.nbar a .show::after{content: '';display: block;border: 5px solid transparent;border-left-color: #fff;position: absolute;right: -10px;top: 50%;margin-top: -5px;}
.nbar a .show p{font-size: 16px;color: #333;white-space: nowrap;}
.nbar a:hover .show{opacity: 1;visibility: visible;}


/*ab*/
.ab{position: absolute;z-index: -1;width: 100%;top: -150px;}

.about03wrap{position: relative;background-color: transparent!important;z-index:0;}

/* seadershow */
.seadershow{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 12;background-color: rgba(0,0,0,0.9);display: none;}
.seaderbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;}
.seader{position: relative;}
.seader form{width: 1000px;height: 80px;border: 5px solid #8C8C8C;border-radius: 8px;overflow: hidden;background-color: #fff;display: flex;display: -webkit-flex;}
.seader form input{display: block;width: 80%;height: 100%;border: none;outline: none;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #666666;}
.seader form button{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;width: 20%;border: none;outline: none;background-color: #222;font-size: 18px;color: #FFFFFF;cursor: pointer;}
.seader form button img{display: block;width: auto;filter:brightness(11);margin-right: 20px;}
.seader .close{display: block;position: absolute;right: -60px;top: -80px;width:50px;height:50px;background-color:#fff;border-radius:50%;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;}
.seader .close img{display: block;}
.seader form button i{font-size: 24px;color: #fff;margin-right: 20px;}
.seader .close i{font-size: 30px;color: #222;}


/* imageFlow */
.advantage01flow{width: 100%;position: relative;height: 540px;overflow: hidden;margin-top:70px;}
#imageFlow{position:absolute;width:100%;height:70%;left:0;bottom:0;}
#imageFlow .diapo{position:absolute;left:-1000px;cursor:pointer;-ms-interpolation-mode:nearest-neighbor}
#imageFlow .link{border:dotted #fff 1px;margin-left:-1px;margin-bottom:-1px}
#imageFlow .bank{visibility:hidden}
#imageFlow .top{position:absolute;width:100%;height:40%;}
#imageFlow .text{position:absolute;left:0;width:100%;bottom:10%;text-align:center;color:#fff;font-family:verdana,arial,Helvetica,sans-serif;z-index:1000}
#imageFlow .title{font-size: 18px;color: #FFFFFF;text-align: center;}
#imageFlow .legend{font-size:.8em}
#imageFlow .scrollbar{position:absolute;left:10%;bottom:10%;width:80%;height:16px;z-index:1000}
#imageFlow .track{position:absolute;left:1%;width:98%;height:16px;opacity:.3}
/* #imageFlow .arrow-left{position:absolute}
#imageFlow .arrow-right{position:absolute;right:0} */
#imageFlow .bar{position:absolute;height:16px;left:25px}
.advantage01-btnlist{position: absolute;top: 0;right: calc((100% - 1600px)/2);}
.advantage01-btnlist a{border:1px solid #D2D2D2;width: 80px;height: 80px;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;position: relative;border-radius: 50%;}
.advantage01-btnlist a i{color: #D2D2D2;}
.advantage01-btnlist a.arrow-right{margin-left: 10px;border-color: #58A94F;}
.advantage01-btnlist a.arrow-right i{color: #58A94F;}
.advantage01-btnlist a:hover{background: linear-gradient(45deg, #58A94F, #0D79B2);}
.advantage01-btnlist a:hover i{color:#fff;}
.index04-top .bg{height: 580px;object-fit: cover;}

/* maskweap */
.maskweap{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,0.8);display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;display: none;z-index: 12;}
.maskweap .imgshow{width: 100%;box-sizing: border-box;height: 100%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.maskweap .imgshow img{display: block;width:auto;max-width: 70%;box-sizing: border-box;padding: 10px;background-color: #000;max-height:70%;}
.maskweap .imgshow .bigvideo{display: block;width:70%;max-width: 70%;box-sizing: border-box;padding: 10px;background-color: #000;max-height:80%;}




@media (max-width: 1660px) {
	.center{width: 1400px;}
	.h-nav{margin-left: 140px;}
	.h-nav>li>a{line-height: 120px;}
	.hr-list{margin-left: 40px;}
	.index01wrap .text p{margin-bottom: 60px;}
	.index01wrap .text h3{font-size: 52px;}
	.index01wrap .text strong{height: 6px;}
	.i-more img{width: 64px;}
	.i_ri{left: calc((100% - 1400px)/2);}
	.banner-btnlist,.advantage01-btnlist{right: calc((100% - 1400px)/2);}
	.nbar a .imgbox{width: 50px;height: 50px;}
	
	.index04-top .text{padding-right: calc((100% - 1400px)/2);}
	.index04-bot{margin-top: -80px;}
	.index04-bot .item{height: 260px;}
	
	.index05-btnlist .button{width: 60px;height: 60px;}
	.index05 .item .imgbox{height: 540px;}
	.a-navlink{overflow: auto;}
	.a-navlink .link a{line-height: 100px;white-space:nowrap;}
	.a-navlink .link a:last-child{margin-right:0;}
	.about02-link a{font-size: 28px;}
	
	.service01 li .imgbox{height: 540px;}
	.service01 li .text .textmin h3{font-size: 42px;}
	.service01 li .text{padding: 70px;}
	.service01 li .text .textmin .i-more02{margin-top: 80px;}
	/*.proinfo01 .imgbox{height: 560px;}*/
	
	.contact02wrap{padding: 100px 80px;}
	.contact02-form .formmin .item input, .contact02-form .formmin .item textarea{height: 60px;}
	.contact02-form .formmin .item{margin-bottom: 30px;}
	.contact02-form .formmin .item p{line-height: 60px;}
	.contact02-form .formmin .item textarea{height: 160px;}
	.contact02-form .i-more02{width: 400px;}
	
	.advantage01-btnlist .button{width: 60px;height: 60px;}
	
	.idxcount-box .item .numBox sub{font-size: 18px;}
	
}

@media (max-width: 1460px) {
	.center{width: 1200px;}
	.h-nav{margin-left: 100px;}
	.h-logo img{height: 60px;}
	.h-nav>li{margin-right: 40px;}
	.h-nav>li>a{font-size: 16px;line-height: 100px;}
	.a-bannerwrap .text h3{font-size: 36px;}
	.a-bannerwrap .text p{font-size: 18px;}
	.a-navlink .link a{line-height: 80px;margin-right: 50px;}
	.about01wrap{padding: 60px 50px;}
	.about01 .text h4{margin-bottom: 60px;}
	.about01 .text{width: 60%;}
	.about01 .text h3{font-size: 32px;margin-bottom: 30px;}
	.box.gradient-blue{padding-bottom: 80px;}
	.i-tl h3{font-size: 36px;}
	.a-tl01 strong{height: 4px;}
	.about04-list{padding: 60px;}
	.about04-list .swiper-container{width: calc(100% - 60px);}
	
	.index01wrap .text h3{font-size: 46px;margin-bottom: 30px;}
	.index01wrap .text strong{height: 4px;margin-bottom: 30px;}
	.index01wrap .text p{font-size: 18px;}
	.i_ri{left: calc((100% - 1200px)/2);}
	.banner-btnlist,.advantage01-btnlist{right: calc((100% - 1200px)/2);}
	.index04-top .text{padding-right: calc((100% - 1200px)/2);}
	.Foor1 .Leftbox .table-box{padding-bottom: 0;}
	.idxcount-box .item .numBox span{font-size: 34px;}
	.idxcount-box .item .numBox sub{font-size: 18px;margin-bottom: 10px;}
	.idxcount-box .item{padding: 40px 20px;}
	.idxcount-box .item p{margin-top: 10px;}
	
	.index04-top .text .min h3{font-size: 36px;}
	.index04-top .text .min h3 img{height: 40px;}
	.index04-bot{margin-top: -40px;}
	.index04-bot{padding: 40px 60px;}
	.index04-bot .button.index0401-next{right: 10px;}
	.index04-bot .button.index0401-prev{left: 10px;}
	.index04-bot .item{height: 240px;}
	.index04-top .text .min{padding-bottom: 4%;}
	.index05 .item .text{padding: 40px;}
	.index05 .item .imgbox{height: 460px;}
	.pro01 .item .imgbox{height: 300px;}
	
	.service01 li .text{padding: 50px;}
	.service01 li .text .textmin .i-more02{margin-top: 60px;}
	.service01 li .imgbox{height: 500px;}
	.service01 li .text .textmin h3{font-size: 36px;}
	
	.proinfo01 .text{padding: 20px 40px;}
	.advantage02min .item .imgbox{height: 320px;}
	.advantage03-top p span{font-size: 12px;}
	.advantage03-top p{font-size: 14px;line-height: 24px;margin-top: 14px;}
	.advantage03-bot .swiper-slide .text{padding-right: 80px;}
	.advantage03-bot{margin-top: 60px;}
	
	.ninfombx .mbx a, .ninfombx .mbx span{line-height: 80px;}
	.contact02wrap{padding: 80px;}
	.contact02-form .i-more02{width: 340px;height: 60px;}
	.contact02-form .formmin .item{width: calc((100% - 50px)/2);}
	
	.advantage04min{width:1200px;}
	
	
	
	
	
}