/* @font-face{
	font-family:"xmlt";
	src: url("../font/xmlt.woff") format("woff"),
       url("../font/xmlt.ttf") format("truetype"),
       url("../font/xmlt.eot") format("embedded-opentype"),
       url("../font/xmlt.otf") format("opentype");     
} */
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:"微软雅黑"; line-height:1;font-weight: normal;letter-spacing: 0;}
body,html{height:100%;position:relative;width: 100%;background-color: #ffffff;}
img{display: block;}
a{ color:#333; text-decoration:none; font-size: 16px;}
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: microsoft yahei;   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;}
/*<------------------------------------->*/	

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

/* headerwrap */
.headerwrap{width: 100%;box-sizing: border-box;padding: 0 5%;position: fixed;top: 0;left: 0;z-index: 100;transition: all .3s;}
.header{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.header .logo{display: block;}
.header .logo{display: block;}
.header .logo img{display: block;width: auto;height: 54px;filter: grayscale(1) brightness(30);transition: all .3s;}
/* .h-r */
.header .h-r{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.header .h-r .nav{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;margin-right: 60px;}
.header .h-r .nav li{position: relative;}
.header .h-r .nav a{display: block;font-size: 17px;color: #ffffff;padding: 0 30px;position: relative;line-height: 110px;transition: all .3s;}
.header .h-r .nav a:after{content: '';display: block;width: 1px;height: 16px;background-color: #FFFFFF;position: absolute;left: 0;top: 50%;margin-top: -8px;}
.header .h-r .nav a:before{content: '';display: block;width: 0%;height: 2px;background-color: #0b5fea;position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all .3s;}
.header .h-r .nav a:hover:before{width: 100%;}
.header .h-r .h-language{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 16px;color: #FFFFFF;margin-right: 30px;}
.header .h-r .h-language a,.header .h-r .h-language i{font-size: inherit;color: inherit;}
.header .h-r .h-language i{margin-right: 10px;}
/* closenav */
.closenav{background:#0b5fea;border:none;display:block;position:relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;width: 70px;height: 64px;padding:10px;cursor: pointer;outline: none;flex-direction:column;-webkit-flex-direction: column;}
.closenav:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all 0.35s ease-in-out;color:#ffffff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:40px;display: none;}
.closenav:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all 0.35s ease-in-out;display:block;opacity:1;}
.closenav .hamb-top{-webkit-transition:all 0.35s ease-in-out;background-color:#ffffff;}
.closenav .hamb-middle{background-color:#ffffff;}
.closenav .hamb-bottom{-webkit-transition:all 0.35s ease-in-out;background-color:#ffffff;}
.closenav .hamb-top,.closenav .hamb-middle,.closenav .hamb-bottom,.hamburger.is-open .hamb-top,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-bottom{height:2px;left:23px;position:absolute;width:24px;display: block;}
.closenav .hamb-top{top:21px;}
.closenav .hamb-middle{top: 31px;}
.closenav .hamb-bottom{top: 41px;}

/* navopen */
.closenav.navisopen .hamb-top{-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);background-color: #fff;top: 31px;}
.closenav.navisopen .hamb-middle {background-color: #fff;display: none;}
.closenav.navisopen .hamb-bottom {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);top: 31px;}



/* hover */
.div2_1 .headerwrap .header .h-r .nav a{line-height: 90px;}
.div2_1 .headerwrap .header .logo img{height: 56px;}
.headerwrap:hover,.div2_1 .headerwrap{background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.headerwrap:hover .header .logo img,.div2_1 .headerwrap .header .logo img{filter: none;}
.headerwrap:hover .header .h-r .nav a,.div2_1 .headerwrap .header .h-r .nav a{color: #333333;}
.headerwrap:hover .header .h-r .nav a:hover,.div2_1 .headerwrap .header .h-r .nav a:hover{color: #0b5fea;}
.headerwrap:hover .header .h-r .nav a:after,.div2_1 .headerwrap .header .h-r .nav a:after{background-color: #DDDDDD;}
.headerwrap:hover .header .h-r .h-language,.div2_1 .headerwrap .header .h-r .h-language{color: #333;}

/* div4 */
.div4 .h-r .nav{opacity: 0;visibility: hidden;}
.div4 .headerwrap{background-color: transparent;box-shadow: none;}
.div4 .h-r .h-language{color: #ffffff;}
.div4 .headerwrap:hover .header .logo img,.div4.div2_1 .headerwrap .header .logo img{filter: grayscale(1) brightness(30);}
.div4 .headerwrap:hover .header .h-r .h-language,.div4.div2_1 .headerwrap .header .h-r .h-language{color: #ffffff;}


.screen-reader-text{display: none;}




/* head_menu */
/* .head_menu{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 80; background: rgba(24,24,27,0.9); display: none;} */
.head_menu{width: 100%;height: 100%;position: fixed;top: -100%;left: 0;z-index: 99;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;transition: all .6s;background: rgba(24,24,27,0.9);}
.head_menu ul{ width: 100%; height: 100%; display: inline-block;}

.head_menu ul li{ width: 16.66%; height: 100%; float: left; text-align: center; color: #fff; display: table; position: relative;}
.head_menu ul li .box1{ font-size: 24px;}

.head_menu ul li .box1 a{ display: inline-block; color: #fff;font-size:22px;}
.head_menu ul li .box2{ padding: 45px 0 0;}
.head_menu ul li .box2 i{ display: inline-block; width: 25px; height: 25px; background: url(../img/ico_3.png) no-repeat center; position: relative; border:1px solid transparent; border-radius: 100%; font-size: 18px; transition: all .8s;}
.head_menu ul li .box3{ margin-top: 0; transition: all .8s;}
.head_menu ul li .box3 a{ width: 100%; float: left; color: #898993; font-size: 16px; margin-top: 0; height: 0; overflow: hidden;transition: all .6s;}
.head_menu ul li .box3 a:hover{ color: #fff;}
.head_menu ul li:hover .box2 i{ border:1px solid #fff;}
.head_menu ul li:hover .box3 a{ height: 22px; margin-top: 20px;}
.head_menu ul li:hover .box3 a:first-child{ margin-top: 45px;}
.head_menu ul li::after{ content: ''; width: 100%; height: 0; position: absolute; left: 0; top: 50%; z-index: -1; background: #2c2c36; transition: all .6s;}
.head_menu ul li:hover::after{ top: 0; height: 100%;}
.head_menu.navopenwrap02{top: 0;}
.fp-tableCell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}



.bannerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;height: 100%;}
.bannerwrap .bannerswiper{width: 100%;height: 100%;}
.bannerwrap .box{position: relative;overflow: hidden;width: 100%;height: 100%;z-index: 0;}
.bannerwrap .box:before{content: '';display: none;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 1;}
.bannerwrap .box img{display: block;width: 100%;height: 100%;object-fit: cover;}
.centerBig .box img{-webkit-animation-name:centerBig;animation-name:centerBig;}
@-webkit-keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
@keyframes centerBig{
100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}}
.swiper-slide .box img{animation-duration:5s;animation-timing-function:linear;animation-fill-mode: forwards;-webkit-animation-duration:5s;-webkit-animation-timing-function:linear;-webkit-animation-fill-mode: forwards;
}
.i-cont{width: 1400px;}
.bannerwrap .bannertext{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 1;}
.bannerwrap .bannertext strong{display: block;width: 430px;height: 1px;background-color: rgba(255,255,255,0.8);margin: 20px 0;}
.bannerwrap .bannertext p{font-size: 18px;color: #ffffff;margin-bottom: 40px;letter-spacing: 4px;text-transform: uppercase;}
.bannerwrap .bannertext h3{font-size: 60px;color: #ffffff;font-weight: bold;margin-bottom: 40px;}
.bannerwrap .bannertext h4{font-size: 24px;color: #ffffff;letter-spacing: 4px;}
.more{display: block;width: 180px;height: 54px;border-radius: 0;text-align: center;line-height: 54px;font-size: 15px;color: #ffffff;background-color: #0b5fea;position: relative;margin-top: 40px;z-index: 0;overflow: hidden;}
.more:after{content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-color: #FFFFFF;z-index: -1;transition: all .3s;}
.more:hover:after{width: 100%;}
.more:hover{color: #0b5fea;}
.more02{border: 1px solid #0b5fea;background-color: transparent;color: #0b5fea;}
.more02:after{background-color: #0b5fea;}

/* page */
.bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{filter: grayscale(1) brightness(20);}
.bannerwrap .swiper-button-next{right: 5%;}
.bannerwrap .swiper-button-prev{left: 5%;}
.bannerpagination{width: 100%;bottom: 50px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.bannerpagination .swiper-pagination-bullet{width: 8px;height: 8px;background-color: transparent;opacity: 1;margin-right: 12px;border: 1px solid #FFFFFF;}
.bannerpagination .swiper-pagination-bullet-active{background-color: #FFFFFF;}
.bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{-webkit-border-end-width: 25px;height: 28px;}

/* i-cont */
.i-cont{width: 1400px;}
/* .innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}

/* index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;position: relative;}
.index01wrap .swiperitem{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;}
.index01wrap .swiperitem .bg{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;object-fit: cover;}
.index01wrap .swiperitem:before{content: '';display: block;width: 50%;height: 100%;position: absolute;right: 0;top: 0;background-image: linear-gradient(to bottom, #5f8cf0, #0752ce);z-index: 1;opacity: 0.9;}
.index01wrap .swiperitem .textbox{width: 50%;padding: 140px calc((100% - 1400px)/2) 200px 150px;position: relative;box-sizing: border-box;z-index: 2;}
.index01wrap .swiperitem .textbox font{display: block;font-size: 14px;color: #FFFFFF;opacity: 0.5;letter-spacing: 6px;margin-bottom: 70px;}
.index01wrap .swiperitem .textbox h3{font-size: 188px;color: rgba(255,255,255,0.22);font-weight: bold;position: relative;}
.index01wrap .swiperitem .textbox h3 p{font-size: 42px;color: #ffffff;font-weight: bold;letter-spacing: 5px;position: absolute;bottom: 20px;left: 0;}
.index01wrap .swiperitem .textbox h3 p:before{content: '';display: block;width: 120px;height: 2px;background-color: #FFFFFF;position: absolute;left: -180px;top: 50%;}
.index01wrap .swiperitem .textbox h4{font-size: 15px;line-height: 30px;color: #FFFFFF;text-align: justify;margin-top: 30px;min-height:120px;}
.index01wrap .swiperitem .textbox h4 b{font-size: 16px;line-height: 30px;color: #FFFFFF;text-align: justify;margin-top: 30px;font-weight:bold;}
.index01wrap .swiperitem .textbox .more{border-color: #FFFFFF;color: #FFFFFF;margin-top: 60px;}
.index01wrap .swiperitem .textbox .more:after{background-color: #FFFFFF;}
.index01wrap .swiperitem .textbox .more:hover{color: #0b5fea;}
/* i01bot */
.i01bot{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;bottom: 90px;z-index: 1;}
.i01bot .i01prev,.i01bot .i01next{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 40px;height: 40px;font-size: 16px;color: #FFFFFF;background-image: none;border-radius: 50%;background-color: #0d4fbe;position: relative;top: 0;left: 0;right: 0;bottom: 0;margin: 0;}
.i01bot .i01next{margin-left: 20px;}
/* i01thumb */
.i01thumb{display: flex;display: -webkit-flex;width: auto;margin: 0;margin-left: 40px;}
.i01thumb .swiper-slide{border-color: #FFFFFF;color: #FFFFFF;border-radius: 2rem;width: 140px;height: 40px;line-height: 40px;margin: 0;margin-right: 20px;cursor: pointer;}
.i01thumb .swiper-slide:last-child{margin: 0;}
.i01thumb .swiper-slide:after{background-color: #FFFFFF;}
.i01thumb .swiper-slide:hover,.i01thumb .swiper-slide.swiper-slide-thumb-active{color: #0d4fbe;}
.i01thumb .swiper-slide.swiper-slide-thumb-active:after{width: 100%;}
/* .swiper-slide-active{} */
/* .index01wrap .swiperitem .textbox h3,.index01wrap .swiperitem .textbox h4,.index01wrap .swiperitem .textbox .morefade{transform: translateX(100%);transition: all .3s;transition-delay: .5s;opacity:0;}
.index01wrap .swiperitem.animaimg .textbox h3,.index01wrap .swiperitem.animaimg .textbox h4,.index01wrap .swiperitem.animaimg .textbox .morefade{transform: none;opacity: 1;} */



/* index02 */
.index02wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background: url(../img/index_03.jpg)no-repeat fixed;background-size: cover;}
.index02{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index02text{width: 50%;box-sizing: border-box;margin-top: 30px;}
.index02text .info h3{font-size: 42px;color: #ffffff;font-weight: bold;margin-bottom: 10px;}
.index02text .info p{font-size: 20px;color: #ffffff;font-weight: bold;opacity: 0.5;margin-bottom: 20px;}
.index02text .info font{display: block;font-size: ;color: #ffffff;margin-bottom: 40px;}
.index02text .info font img{display: block;width: auto;height: 10px;filter: grayscale(1) brightness(10);}
.index02text .info h4{font-size: 26px;color: #ffffff;font-weight: bold;margin-bottom: 20px;}
.index02text .info h5{font-size: 16px;line-height: 36px;color: #ffffff;}
/* index02num */
.index02num{margin-top: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding-right: 80px;}
.index02num li img{display: block;width: auto;}
.index02num li h2{font-size: 50px;font-weight: bold;color: #FFFFFF;margin: 20px 0;}
.index02num li span{display: block;font-size: 14px;color: #ffffff;}
/* index02imgbox */
.index02imgbox{width: 30%;}
.index02imgbox .item{display: block;width: 100%;overflow: hidden;position: relative;margin-bottom: 20px;}
.index02imgbox .item:before{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);z-index: 1;position: absolute;top: 0;left: 0;transition: all .3s;}
.index02imgbox .item:last-child{margin-bottom: 0;}
.index02imgbox .item img{display: block;width: 100%;transition: all .6s;position: relative;z-index: 0;}
.index02imgbox .item:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index02imgbox .item p{position: absolute;top: 30px;width: 100%;box-sizing: border-box;padding: 0 30px;left: 0;font-size: 24px;color: #ffffff;font-weight: bold;z-index: 2;}
.index02imgbox .item:hover:before{opacity: 0;}

/* index03 */
.index03wrap{width: 100%;margin: 100px 0;}
.i-tl01{margin: auto;}
.i-tl01 p{font-size: 20px;color: #85a9f3;font-weight: bold;margin-bottom: 20px;}
.i-tl01 .h3{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.i-tl01 .h3 h3{font-size: 42px;color: #353c47;font-weight: bold;}
.i-tl01 .h3 font{font-size: 16px;font-weight: bold;color: #85a9f3;letter-spacing: 4px;margin-left: 30px;display: block;}
.i-tl01 .h3 font img{display: block;width: auto;height: 10px;}

/* index03 */
.index03{width: 100%;box-sizing: border-box;margin: 0;padding: 0 10px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 50px;}
.index03 .item{width: calc((100% - 10px)/2);}
.index03 .item .box{overflow: hidden;position: relative;display: block;}
.index03 .item .box:before{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(45,46,64,0.5);transition: all .3s;z-index: 1;}
.index03 .item .box img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .6s;z-index: 0;}
.index03 .item .box:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index03 .item .box p{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding: 10px 0;border-top: 1px solid rgba(255,255,255,0.3);border-bottom: 1px solid rgba(255,255,255,0.3);font-size: 24px;color: #ffffff;font-weight: bold;z-index: 2;}
.index03 .item .box p:before,.index03 .item .box p:after{content: '';display: block;width: 0%;height: 1px;background-color: #FFFFFF;position: absolute;transition: all .3s;}
.index03 .item .box p:before{top: 0;left: 0;}
.index03 .item .box p:after{right: 0;bottom: 0;}
.index03 .item .box:hover p:before,.index03 .item .box:hover p:after{width: 100%;}
.index03 .item .box-top{width: 100%;}
.index03 .item .box-bot{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-top: 10px;}
.index03 .item .box-bot .box{width: calc((100% - 10px)/2);}
.index03 .item02{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.index03 .item02 .box-item{width: calc((100% - 10px)/2);}
.index03 .item02 .box-right .box{width: 100%;height: calc((100% - 10px)/2);}
.index03 .item02 .box-right .box:last-child{margin-top: 10px;}
.index03 .item .box:hover:before{background-color: rgba(55,62,186,0.7);}

/* index04wrap */
.index04wrap{width: 100%;position: relative;margin: 100px auto 100px;}
.index04top{margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;margin-bottom: 50px;}
.index04top .i-tl01{margin: 0;}
.index04top .more{border: 1px solid #0b5fea;}
.morenews{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;font-size: 17px;color: #0b5fea;transition: all .3s;}
.morenews i{display: block;width: 50px;height: 50px;border-radius: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;color: #FFFFFF;background-color: #0b5fea;margin-right: 20px;}
.morenews:hover{filter: saturate(0.5);}
/* index04 */
.index04{width: 100%;box-sizing: border-box;padding-left: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
/* index04item */
.index04item{width: calc((100% - 60px)/4);box-sizing: border-box;position: relative;overflow: hidden;border: 1px solid #DDDDDD;}
.index04item .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .6s;z-index: 0;object-fit: cover;}
.index04item:hover .bg{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index04item .min{width: 100%;position: relative;box-sizing: border-box;background-color: rgba(255,255,255,1);transition: all .3s;}
.index04item:hover .min{background-color: rgb(0 85 171 / 96%);}
.index04item .min .data{width: 100%;height: 100px;border-bottom: 1px solid #DDDDDD;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.index04item .min .data h3{padding: 0 20px;border-right: 1px solid #DDDDDD;font-size: 38px;color: #217cff;font-weight: bold;margin-right: 20px;}
.index04item .min .data p{font-size: 15px;line-height: 20px;}
.index04item .min .info{width: 100%;box-sizing: border-box;padding: 30px 20px;}
.index04item .min .info h3{font-size: 18px;line-height: 28px;color: #0b5fea;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 20px;min-height: 56px;}
.index04item .min .info h4{font-size: 14px;line-height: 26px;color: #888888;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 80px;min-height:78px;}
.index04item .min .info .more{width: 150px;height: 42px;line-height: 42px;}
.index04item:hover .min .info .more:after{width: 100%;    background-color: transparent;}
.index04item:hover .min .info .more{color: #ffffff;}
.index04item:hover .min .info h4,.index04item:hover .min .info h3,.index04item:hover .min .data p,.index04item:hover .min .data h3{color: #ffffff;}
.index04item:hover .min .info .more{border: 1px solid #fff;}







/* .index04 .item{width: calc((100% - 100px)/2);margin-right: 60px;box-sizing: border-box;position: relative;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: 60px;}
.index04 .item:before{content: '';display: block;width: 62%;height: 1px;background-color: #DDDDDD;position: absolute;right: 0;top: 0;}
.index04 .item:nth-of-type(2n){margin-right: 0;}
.index04 .item .imgbox{width: 32%;overflow: hidden;position: relative;}
.index04 .item .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all .6s;}
.index04 .item:hover .imgbox img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index04 .item .text{width: 62%;box-sizing: border-box;padding-top: 30px;}
.index04 .item .text p{font-size: 14px;color: #85a9f3;margin-bottom: 20px;}
.index04 .item .text h3{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.index04 .item .text h4{font-size: 15px;line-height: 30px;color: #666666;text-align: justify;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.index04 .item .text .more{width: 160px;height: 46px;line-height: 46px;font-size:15px;}
.more02:hover{color: #FFFFFF;} */

/* index05wrap */
.index05wrap{width: 100%;box-sizing: border-box;padding: 100px 0;background-color: #f1f2f3;}
.index05{margin: auto;}
.index05listwrap{width: 100%;box-sizing: border-box;border: 1px solid #DDDDDD;margin-top: 50px;}
.index05list{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;}
.index05list li{width: calc(100% / 6);box-sizing: border-box;display: flex;display: -we -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;height: 146px;}
.index05list li img{display: block;width: auto;height: auto;max-width: 80%;max-height: 80%;transition: all .6s;}
.index05list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.index05list:nth-of-type(1) li:nth-of-type(odd){background-color: #FFFFFF;}
.index05list:nth-of-type(2) li:nth-of-type(even){background-color: #FFFFFF;}









/* footer */
.footerwrap{width: 100%;box-sizing: border-box;padding: 60px 0 40px;background: url(../img/footer-bg.png)no-repeat #0c3c5a;background-size: cover;}
.footer{margin: auto;}
/* .f-top */
.f-top{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content:space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 40px;}
.f-top .f-topl{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
/* f-logo */
.f-logo{display: block;}
.f-logo img{display: block;filter: grayscale(1) brightness(30);width: auto;height: 62px;}
/* f-topllx */
.f-topllx{padding-left: 40px;padding-top: 5px;margin-left: 40px;border-left: 1px solid #ffffff;font-size: 14px;line-height: 30px;color: #ffffff;opacity: 0.66;}
/* f-share */
.footer .f-share{display: flex;display: -webkit-flex;}
.footer .f-share a{display: flex;display: -webkit-flex;border:1px solid rgba(255,255,255,0.3);border-radius: 50%;width: 34px;height: 34px;font-size: 14px;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;color: #FFFFFF;padding: 0;margin: 0;margin-right: 10px;background-image: none;opacity: 1;}
.footer .f-share a:last-child{margin-right: 0;}
.footer .f-share a:hover{opacity: 0.8;}
.footer .f-share a:hover:before{color: #FFFFFF;}
/* f-nav */
.footerwrap .f-nav{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;box-sizing: border-box;padding-bottom: 80px;}
.footerwrap .f-nav li h3 a{font-size: 16px;color: #FFFFFF;font-weight: bold;}
.footerwrap .f-nav li .min{width: 100%;box-sizing: border-box;margin-top: 30px;}
.footerwrap .f-nav li .min p{margin-bottom: 15px;}
.footerwrap .f-nav li .min p a{font-size: 14px;position: relative;color: rgba(255,255,255,0.66);padding-bottom: 4px;}
.footerwrap .f-nav li .min p a::after{content: '';display: block;width: 0%;height: 1px;background-color: #FFFFFF;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.footerwrap .f-nav li .min p a:hover::after{width: 100%;}
.footerwrap .f-nav li .min p a:hover{color: #FFFFFF;}
/* copyright */
.footerwrap .copyright{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.footerwrap .copyright h3,.footerwrap .copyright a{font-size: 14px;color: rgba(255,255,255,0.33);}
.footerwrap .copyright h3 a{margin-left: 40px;}
.footerwrap .copyright a:hover{color: #FFFFFF;}





 

.pageaboutvide{width: 1400px;margin: 100px auto;display: block;overflow: hidden;position: relative;}
.pageaboutvide #box{display: block; width:100%;overflow: hidden;position: relative;}
.pageaboutvide #box video{display: block;width: 100%;}
.pageaboutvide #box dt{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;     padding: 0;   transition: 0.8s;}
.pageaboutvide #box .cover{cursor:pointer; position: absolute;width: 100%;height: 100%;top: 0;left: 0; background-color: rgba(0, 0, 0, 0.22); z-index: 2;}
.pageaboutvide #box .cover #imgbg{opacity: 1; position: absolute;width: 100%;height: 100%;left: 0;top: 0; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.pageaboutvide #box .fa{ z-index: 2;position: absolute;top: 50%;left: 50%;color: #fff;font-size: 36px;font-weight: normal; text-align: center;  margin: -40px 0 0 -40px;}
.pageaboutvide #box .fa img{    display: block;width: 120px;}
.pageaboutvide #box .fa span{display: block;text-align: center;font-size: 18px;margin: 12px 0 0 0;}
.pageaboutvide #box dt:hover #imgbg{-webkit-transform:scale(1.04); -moz-transform:scale(1.04); transform:scale(1.04);}


.about04min{ width: 100%; padding: 100px 0;display: block; position: relative; background: #eee; }
.about04min .about04top .swiper-slide{width: 1200px; box-sizing: border-box;padding: 10px;}
.about04min .about04top .swiper-slide .item{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;background-color: #FFFFFF;position: relative;height: 100%;position: relative;}
.about04min .about04top .swiper-slide .item:after{content: '';display: block;width: 0%;height:4px;background-color: #0b5fea;position: absolute;left: 0;bottom: 0;transition: all .6s;}
.about04min .about04top .swiper-slide.swiper-slide-active .item:after{width: 100%;}
.about04min .about04top .swiper-slide .item .imgbox{width: 60%;}
.about04min .about04top .swiper-slide .item .imgbox img{display: block;width: 100%;height: 100%;object-fit: cover;}
.about04min .about04top .swiper-slide .item .text{width: 40%;box-sizing: border-box;padding: 50px 30px;}
.about04min .about04top .swiper-slide .item .text02{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.about04min .about04top .swiper-slide .item .text p{display: block;box-sizing: border-box;position: relative;padding-left: 15px;font-size: 16px;line-height: 24px;color: #4b4d4f;margin-bottom: 20px;}
.about04min .about04top .swiper-slide .item .text p:last-child{margin-bottom: 0;}
.about04min .about04top .swiper-slide .item .text p i{font-size: inherit;color: inherit;position: absolute;left: 0;top: 5px; }
.about04min .about04top .swiper-slide .item .text h5{ font-size: 24px;font-weight: bold;color: #333;border-bottom: 1px solid #ddd;padding: 0 0 10px 0;margin: 0 0 20px 0;}
.about04min .about04top .swiper-slide.swiper-slide-active .item{box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.about04min .about04top .swiper-slide.swiper-slide-active{opacity: 1!important;}

.about04min .about04bot{width: 100%;position: relative;margin-top: 20px;}
.about04min .about04bot .swiper-wrapper{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;}
.about04min .about04bot .data{width: 100%;position: relative;height: 180px;}
.about04min .about04bot .data i{font-size: 30px;color: #0b5fea;display: block;text-align: center;opacity: 0;transition: all .3s;margin-bottom: 20px;}
.about04min .about04bot .data .num{width: 130px;height: 130px;background-color: #b0b0b0;border-radius: 50%;font-size: 30px;color: #ffffff;margin: auto;transition: all .3s;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transform: scale(0.8);-webkit-transform: scale(0.8);cursor: pointer;}
.about04min .about04bot:before{content: '';display: block;width: 100%;height: 3px;background-color: #b0b0b0;position: absolute;left: 0;bottom: 62px;}
.about04min .about04bot .swiper-slide-thumb-active .data .num{background-color: #0b5fea;transform: scale(1);-webkit-transform: scale(1);}
.about04min .about04bot .swiper-slide-thumb-active .data i{opacity: 1;}

.about04min .service02wrap{width: 100%;padding: 100px 0;background: url(../img/about_03.jpg)no-repeat;background-size: cover;}
.about04min .service02{margin: auto;}
.about04min .service02bot:before{display: none;}
.about04min .service02bot{ border-bottom: 1px solid #DDDDDD;  margin: 50px auto;width: calc(100% - 60px);box-sizing: border-box;padding: 0;position: relative;}
.about04min .service02bot .swiper-button-next,.about04min .service02bot .swiper-button-prev{background-image: none;width: auto;height: auto;font-size: 20px;color: #666666;margin-top: -10px;}
.about04min .service02bot .swiper-button-next{right: -30px;}
.about04min .service02bot .swiper-button-prev{left: -30px;}
.about04min .service02bot:before{content: '';display: block;width: 1px;height: 20px;position: absolute;top: 50%;margin-top: -10px;left: 0;background-color: #DDDDDD;}
.about04min .service02bot .swiper-wrapper p{font-size: 18px;color: #666666;text-align: center;height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: relative;cursor: default;cursor: pointer;box-sizing: border-box;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;line-height: 60px;}
.about04min .service02bot .swiper-wrapper p:after{content: '';display: block;width: 1px;height: 20px;position: absolute;top: 50%;margin-top: -10px;right: 0;background-color: #DDDDDD;}
.about04min .service02bot .swiper-container{margin-bottom: -1px;}
.about04min .service02bot .swiper-wrapper p:before{content: '';display: block;width: 0%;height: 4px;background-color: #0b5fea;position: absolute;left: 0;bottom: 0;}
 
.about04min .service02bot .swiper-wrapper .swiper-slide-thumb-active p{color: #0b5fea;font-weight:bold;}
.service02bot .swiper-wrapper .swiper-slide-thumb-active p:before{width: 100%;}
 
.about04min .service02top .swiper-slide .item .text{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.about04min .service02top .swiper-slide .item .text h3{font-size: 20px;color: #4b4d4f;font-weight: bold;margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;line-height: 26px;}
.about04min .service02top .swiper-slide .item .text h4{ font-size: 14px;line-height: 24px;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}


.about04min .silelist{ display: block;width: 1400px;margin: 0 auto;}
.about04min h6{ display: block;text-align: center;font-size: 30px;font-weight: bold;color: #333;}
div:focus{outline:none;}


.page-bottom{display: block;width: 1400px;margin: 80px auto;overflow: hidden; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.page-bottom a{    position: relative;display: block;width: 32%;overflow: hidden; }
.page-bottom a img{transition: all .3s;display: block;width: 100%;}
.page-bottom a span{    transform: translate(0%, -50%);position: absolute;top: 50%;left: 10%;width: 80%;text-align: center;font-size: 20px;color: #fff;z-index: 3;}
.page-bottom a:before{ transition: all .3s; content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;background:rgb(12 60 90 / 0.5);}
.page-bottom a:hover:before{background: rgb(11 95 234 / 0.8);}
.page-bottom a:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }

.pageabout-2{ display: block;overflow: hidden;background: url(/style/img/about_04.jpg); background-size: cover; position: relative;}
.pageabout-2 dl{transition: all .3s;padding: 200px 0; border-right: 1px solid #eee; float: left;width:calc(33.33% - 1px);position: relative;overflow: hidden;}
.pageabout-2 dl:nth-last-child(1){border-right: none;}
.pageabout-2 dl dd{}
.pageabout-2 dl dd span{ display: block;text-align: center;font-weight: bold;color: #fff;font-size: 50px;font-family: Arial;opacity: 0.5;line-height: 1em;}
.pageabout-2 dl dd strong{ display: block;text-align: center;text-transform: uppercase;font-size: 20px;color: #fff;opacity: 0.5;font-weight: normal;font-family: Arial;margin: 80px 0 40px;}
.pageabout-2 dl dd font{display: block;color: #fff;font-size: 30px;text-align: center;font-weight: bold;line-height: 1em;margin: 0 0 20px 0;}
.pageabout-2 dl dd p{ display: block;width: 70%;text-align: justify;color: #fff;line-height: 26px;font-size: 16px;text-align-last: center;margin: 0 auto;min-height: 78px;}
.pageabout-2 dl dd h3{display: block;width: 50px;height: 2px;margin: 30px auto;background: #fff;}
.pageabout-2 dl:hover{ background-image: linear-gradient(to bottom, rgb(95 140 240 / 75%), rgb(7 82 206 / 75%));}

 
.pageabout-1{ display: block;  margin: 120px auto 180px;}
.pageabout-1 dl{ padding:50px 0 100px 0;display: block;width: 1400px;margin: 0 auto 100px;    position: relative; }
.pageabout-1 dl dd{ position: relative;z-index: 2;float: left;display: block;width: 40%;overflow: hidden;}
.pageabout-1 dl dd p{display: block;font-size: 26px;font-weight: bold;color: #333;}
.pageabout-1 dl dd img{display: block;height: 70px;margin: 30px 0 0 0;}
.pageabout-1 dl dt{ position: relative;z-index: 2; display: block;overflow: hidden;float: right;width: 60%;font-size: 20px;color: #333;line-height: 36px;}
.pageabout-1 dl h6{ position: absolute;color: #f2f2f2;top: 0;left: 0;font-size: 140px;line-height: 1em;font-weight: bold;}
.pageabout-1 .imglist{ position: relative;z-index: 2;width:1400px;display: block;  margin: 0px auto 50px;display: -webkit-flex;display: flex;    -webkit-justify-content: flex-start;justify-content: flex-start;}
.pageabout-1 .imglist img{ display: block; width: 32%;margin-right:3%;}
.pageabout-1 .imglist img:nth-child(1){width:40%; padding-top:30px;}
.pageabout-1 .imglist img:nth-child(2){ width: 29%;}
.pageabout-1 .imglist img:nth-child(3){ position: relative; top: 80px;width:26%;margin-right:0;} 

 
.pagebanner{display: block;overflow: hidden;width: 100%;position: relative;}
.pagebanner img{ display: block; width: 100%;}
.pagebanner .tt{ position: absolute;top: 50%;width: 1400px;transform: translate(0%, -50%);left: 50%;margin-left: -700px;}
.pagebanner .tt h3{display: block;float: left;width: 260px;overflow: hidden;}
.pagebanner .tt h3 span{display: block;font-weight: bold;color: #fff;font-size: 50px;}
.pagebanner .tt h3 font{ display: block;color: #fff;font-size: 24px;margin:20px 0 0 0;}
.pagebanner .tt h4{display: block;float: right;width: calc(100% - 260px);height: 1px;background: #fff;margin: 25px 0 0 0;opacity: 0.5;}

 
 

.fy{ display: block;width: 1400px;overflow: hidden;margin: 50px auto 100px;}
.fy a,.nav-links a,.nav-links span{ font-size: 13px;border: 1px solid #ddd;padding: 10px 15px;display: block;float: left;margin: 0 10px 0 0;border-radius: 4px;color: #333;}
.fy a:hover,.fy .active,.nav-links span{    border: 1px solid #0b5fea;background: #0b5fea;color: #fff;}





.pagettlist{ display: block;overflow: hidden;padding:50px 0 0;text-align: center;}
.pagettlist a{ display: inline-block;border: 2px solid #ddd;padding: 15px 30px;border-radius: 2em;font-size: 18px;color: #333;font-weight: bold;margin: 0 10px;}
.pagettlist a:hover{ border: 2px solid #0b5fea; color: #0b5fea; }
.pagettlist .active,.pagettlist .active:hover{ background: #0b5fea; color: #fff; border: 2px solid #0b5fea; c}

.pagebottom{ background: url(/style/img/probg2.jpg);display: block;overflow: hidden;background-size: cover;padding: 100px 0;}
.pagebottom dl{ position: relative; display: block;width: 1400px;margin: 0 auto; }
.pagebottom dl:before{ content: "";background:rgb(12 60 90 / 0.9);position: absolute; width:420px; height: 100%; bottom: -15px;left: 15px;;z-index: 1;}

.pagebottom dl dd{ z-index: 2; position: relative; display: inline-block;background: rgb(12 60 90 / 0.8);padding: 50px;width: 320px;}
.pagebottom dl dd h3{ color: #586771;font-size: 40px;}
.pagebottom dl dd h4{ color: #fff;font-size: 26px;font-weight: bold;margin: 20px 0;}
.pagebottom dl dd h5{display: block;color: #ddd;font-size: 16px;line-height: 26px;}
.pagebottom dl dd .more{ border: 1px solid #fff;color: #fff;width: 150px;height: 40px;line-height: 40px;}

.back_top{ background: #0b5fea; color:#fff; text-align: center; font-size: 20px;padding: 20px 0;display: block !important;overflow: hidden;cursor: pointer;opacity: 0.8;}
.back_top:hover{opacity: 1;}
.back_top .fa{ color: #fff;font-size: 18px;margin: 0 0 0 10px;}

.pageprolist{}
.pageprolist dl{display: block;overflow: hidden;padding:30px 0; background: #f9f9f9;}
.pageprolist dl:nth-child(2n){background: #e6eff2; }
.pageprolist dl a{ display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;width: 1400px;margin: 0 auto;}
.pageprolist dl a p{ display: block;overflow: hidden;width: 40%;}
.pageprolist dl a p img{ transition: all .3s;display: block;width: 100%;}
.pageprolist dl a .txt{ display: block;overflow: hidden;width: 55%;}
.pageprolist dl a .txt dd{    display: block;float: left;width: calc(100% - 250px);}
.pageprolist dl a .txt dd h3{font-weight: bold;font-size: 30px;color: #333;}
.pageprolist dl a .txt dd span{ display: block;width: 50px;height: 2px;background: #0b5fea;margin: 20px 0;}
.pageprolist dl a .txt dd h4{display: block;font-size: 16px;color: #666;line-height: 26px;}
.pageprolist dl a .txt dd h5{ display: block;overflow: hidden;margin:20px 0 0 0;color: #999;font-size: 16px;line-height: 26px;}
.pageprolist dl a .txt dt{    opacity: 0.3;display: block;overflow: hidden;width: 190px;height: auto;background: #0b5fea;position: relative;float: right;margin: 50px 0 0 0;}
.pageprolist dl a .txt dt strong{ display: block;border: 1px solid #0b5fea;padding: 40px 0;margin: 10px;}
.pageprolist dl a .txt dt strong span{ display: block;text-align: center;color: #fff;font-size: 18px;}
.pageprolist dl a .txt dt strong font{ display: block;text-align: center;color: #fff;font-size: 30px;font-weight: normal;}

.pageprolist dl a:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1); }
.pageprolist dl a:hover .txt dd h3{ color: #0b5fea;}
.pageprolist dl a:hover .txt dt strong{border: 1px solid #fff;}
.pageprolist dl a:hover .txt dt{opacity:1;}
 
 

.solutionscase{ display: block; overflow: hidden; padding:100px 0;background-color: #e0e0e0; }
.solutionscase h6{display: block;font-size: 30px;font-weight: bold;color: #333; text-align: center;}
.solutionscase .swiper-container3{display: block;width: 1100px;overflow: hidden;margin: 0 auto;border-bottom: 1px solid #ddd;padding:50px 0 100px 0; position: relative; }
.solutionscase .swiper-container3 .swiper-slide{}
.solutionscase .swiper-container3 .swiper-slide p{display: block; overflow: hidden; width: 80%; margin: 0 0 0 20%;}
.solutionscase .swiper-container3 .swiper-slide p img{ display: block;width: 100%; }
.solutionscase .swiper-container3 .swiper-slide .inbannertxt{ position: absolute;top: 50%;left: 0;width: calc(45% - 160px);background: #0854cc;padding: 70px 80px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.solutionscase .swiper-container3 .swiper-slide .inbannertxt h3{ display: block;color: #fff;font-size: 26px;font-weight: bold;}
.solutionscase .swiper-container3 .swiper-slide .inbannertxt h4{ display: block;color: #ddd;font-size: 16px;line-height: 26px;margin: 30px 0;}
.solutionscase .swiper-container3 .swiper-slide .inbannertxt .more{ color: #fff;border: 1px solid #fff;}

.solutionscase .swiper-pagination{ bottom: 40px;}
.solutionscase .swiper-pagination span{}
.solutionscase .swiper-pagination .swiper-pagination-bullet-active{}

.solutionscase .swiper-button-next,.solutionscase .swiper-button-prev{ top: auto;bottom: 25px;background: none;font-size: 30px;right: auto;opacity: 1;width: 40px;height: 40px;line-height: 40px;text-align: center;transform: translateY(-50%);-webkit-transform: translateY(0%);left: auto;}
.solutionscase .swiper-button-next{ right: 40%;}
.solutionscase .swiper-button-prev{ left: 40%;}


.pagesolutablelist .p-yjy{ background: #eee;border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;display: block;text-align: center;overflow: hidden;position: relative;}
.pagesolutablelist .p-yjy a{display: inline-block;  position:relative;  width: 280px;height: 72px;line-height: 72px;font-size: 18px;color: #333;border-right: 1px solid #ddd;font-weight: bold;}
.pagesolutablelist .p-yjy a:before { content: '';display: none;width: 10px;height: 10px;position: absolute; bottom: -8px;left: 50%;background-color: #0b5fea;z-index: 1;border:3px solid #fff;transform: translateX(-50%);-webkit-transform: translateX(-50%);border-radius: 50%; } 
.pagesolutablelist .p-yjy .active,.pagesolutablelist .p-yjy a:hover{background: #0b5fea;color: #fff;}
/*.pagesolutablelist .p-yjy a:hover:before{display:block;}*/
/*.pagesolutablelist .p-yjy .active:before{display:block;}*/

.pagesolutablelist .p-yjy-center{ background: #f5fafe;overflow: hidden;display: block;}
.pagesolutablelist .p-yjy-center .p-kn{overflow: hidden;display: block;    padding: 50px 0;}
.pagesolutablelist .p-yjy-center .p-kn a{ display: block;width: calc(1400px - 70px);overflow: hidden;margin: 30px auto;padding: 35px;     box-shadow: 0 0 10px 0 rgba(0,0,0,.1);background: #fff; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.pagesolutablelist .p-yjy-center .p-kn a p{ border: 1px solid #ddd;display: block;overflow: hidden;width: 40%;background-color: #fff;padding: 45px 0;}
.pagesolutablelist .p-yjy-center .p-kn a p img{transition: all .3s;display: block; width: 100%;}
.pagesolutablelist .p-yjy-center .p-kn a .txt{ display: block;width: 50%;    margin: 0 5% 0 0;}
.pagesolutablelist .p-yjy-center .p-kn a .txt h3{ display: block;font-size: 26px;font-weight: bold;color: #333;}
.pagesolutablelist .p-yjy-center .p-kn a .txt dd{ display: block;color: #666;font-size: 15px;line-height: 26px;margin: 30px 0 0 0;}
.pagesolutablelist .p-yjy-center .p-kn a:hover{background: #417fe5;}
.pagesolutablelist .p-yjy-center .p-kn a:hover p{border: 1px solid #fff;}
.pagesolutablelist .p-yjy-center .p-kn a:hover .txt h3,.pagesolutablelist .p-yjy-center .p-kn a:hover .txt dd{color:#fff; }
.pagesolutablelist .p-yjy-center .p-kn a:hover p img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.pagesolushow{position: relative;display: block;overflow: hidden;}
.pagesolushow dl{ display: block;width: 1400px;margin: 100px auto -100px;position: relative;}
.pagesolushow p{position: relative;display: block;overflow: hidden; width: 100%; margin: 0 auto 0;}
.pagesolushow p img{display: block; width: 100%;}
.pagesolushow dd{ display: block;width: calc(70% - 160px);position: relative;    z-index:2;margin: 0 0 0 30%;top: -200px;background: #fff;padding: 80px 80px 0px 80px;}
.pagesolushow dd h3{display: block;color: #999;font-weight: normal;font-size: 16px;text-transform: uppercase;}
.pagesolushow dd h4{ display: block;color: #000;font-size: 30px;font-weight: bold;margin: 20px 0 30px;}
.pagesolushow dd h5{display: block;background: #0b5fea;width: 50px;height: 2px;margin: 0 0 30px 0;}
.pagesolushow dd h6{ display: block;color: #666;text-align: justify;line-height: 26px;font-size: 16px;}
.pagesolushow .tt{ position: absolute;    z-index: 1;width: 100%;bottom: 150px;font-size: 150px;color: #d8d8d8;font-weight: bold;text-align: center;opacity:0.2;z-index:2;}
 
 

.pagecoantct{ display: block;width: 1400px;overflow: hidden;margin: 0px auto;padding: 100px 0;}
.pagecoantct .left{display: block;overflow: hidden;float: left;width: 46%;position: relative;    margin: 20px 0 0 0;}
.pagecoantct .left .txt{display: block;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 0 0 30px 0;padding: 30px 0 0 0;}
.pagecoantct .left .txt h3{font-weight: bold;color: #0b5fea;font-size: 20px;}
.pagecoantct .left .txt dl{display: block;overflow: hidden;margin: 30px 0;}
.pagecoantct .left .txt dl dd{display: block;overflow: hidden; padding: 0 0 20px 0; float: left; width: calc(100% - 150px); border-right: 1px solid #ddd; font-size: 16px;line-height: 26px; color: #666;}
.pagecoantct .left .txt dl p{ display: block;float: right;overflow: hidden;}
.pagecoantct .left .txt dl p img{display: block;border: 1px solid #ddd;padding: 5px;}
.pagecoantct .left .txt dl p span{ display: block;text-align: center;font-size: 12px;margin: 5px 0 0 0;}
.pagecoantct .left #dituContent01{ display: block;width: 100%;height: 350px;}
.pagecoantct .left #dituContent01 .BMap_bubble_title{font-weight: bold;color: #0b5fea;font-size: 14px;}
.pagecoantct .left #dituContent01 .BMap_bubble_content{ color: #666;font-size: 14px;margin:5px 0 0 0;}
.pagecoantct .right{display: block;overflow: hidden;float: right;width: calc(45% - 120px);box-shadow: 0 0 20px 0 rgba(0,0,0,.1);padding: 50px 60px;margin: 20px 20px 20px 0;background-color: #fff;}
.pagecoantct .right h6{font-weight: bold;color: #0b5fea;font-size: 20px;}
.pagecoantct .right .wpcf7-form{margin: 30px 0; overflow: hidden;}
.pagecoantct .right .wpcf7-form input{height: 40px;width: calc(100% - 2px);display: block;border: 1px solid #ddd;text-indent: 1em;font-size: 14px;line-height: 40px;margin: 0 0 20px 0;    background-color: #f1f2f3;}
.pagecoantct .right .wpcf7-form textarea{ width: calc(100% - 2px);display: block;border: 1px solid #ddd;text-indent: 1em;font-size: 14px;line-height: 40px;margin: 0 0 20px 0;height: 100px;    background-color: #f1f2f3;}
.pagecoantct .right .wpcf7-form .more{ cursor: pointer; border: 1px solid #0b5fea;}
 
.screen-reader-response,.pagecoantct .right .wpcf7-form p br{display: none;}
.pagecoantct .right .wpcf7-form p span{ display: block;overflow: hidden;position: relative;}
.pagecoantct .right .wpcf7-form p span span{ position: absolute;width: auto;top: 0;right: 10px;color: #0b5fea;line-height: 42px;font-size: 12px;}
.wpcf7-response-output,.wpcf7-validation-errors{ color: #0b5fea;font-size: 14px;margin: 20px 0 0 0;}


  

.pagenewslist{display: block; overflow: hidden;}
.pagenewslist dd{ display: block;overflow: hidden;border-bottom: 1px solid #eee;padding: 50px 0;}
.pagenewslist dd a{ display: block;overflow: hidden;width: 1400px;margin: 0 auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.pagenewslist dd a p{display: block;width: 26%;overflow: hidden;}
.pagenewslist dd a p img{display: block;width: 100%;transition: all .3s;}
.pagenewslist dd .dl{display: block;width: 70%;overflow: hidden;}
.pagenewslist dd .dl span{color: #999;font-size: 14px;}
.pagenewslist dd .dl h3{ display: block;font-size: 20px;color: #333;font-weight: bold;margin: 20px 0;}
.pagenewslist dd .dl h4{display: block;font-size: 16px;line-height: 26px;color: #666;}
.pagenewslist dd a:hover p img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.pagenewslist dd a:hover .dl h3{ color:#0b5fea; }
.pagenewslist dd:nth-child(2n-1){background: #e0e0e0; }

.pagenewstop{display: block; overflow: hidden; border-bottom: 1px solid #ddd;padding:50px 40px 50px;position: relative;width: calc(100% - 100px);margin:0 auto;}
.pagenewstop .swiper-container3{display: block;overflow: hidden;width:1400px;margin: 0 auto;padding: 0 0 50px 0;}
.pagenewstop .swiper-container3 .swiper-slide{ margin:0 auto;border: 1px solid #ddd;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.pagenewstop .swiper-container3 .swiper-slide p{display: block;width: 50%;overflow: hidden;}
.pagenewstop .swiper-container3 .swiper-slide p img{display: block;width: 100%;}
.pagenewstop .swiper-container3 .swiper-slide .inbannertxt{display: block;width: 40%;overflow: hidden;margin:0 5% 0 0;}
.pagenewstop .swiper-container3 .swiper-slide .inbannertxt h3{display: block;font-size: 20px;color: #333;font-weight: bold;margin: 20px 0;}
.pagenewstop .swiper-container3 .swiper-slide .inbannertxt h4{display: block;font-size: 16px;line-height: 26px;color: #666;}
.pagenewstop .swiper-container3 .swiper-slide .inbannertxt span{color: #999;font-size: 14px;}
.pagenewstop .swiper-container3 .swiper-slide .inbannertxt .more{border:1px solid #0b5fea;color:#0b5fea;    background: #fff;}
.pagenewstop .swiper-container3 .swiper-slide .inbannertxt .more:after{background-color: #0b5fea;}
.pagenewstop .swiper-container3 .swiper-slide .inbannertxt .more:hover{color:#fff;}

.pagenewstop .swiper-container3 .swiper-pagination{ top: auto; bottom: 0;}
.pagenewstop .swiper-button-next, .pagenewstop .swiper-button-prev{ background:none;width:40px;height: 40px;text-align:center;line-height:40px;font-size: 30px;border: 1px solid #eee;border-radius: 50%;}
.pagenewstop .swiper-button-next{ right: 20px;}
.pagenewstop .swiper-button-prev{ left: 20px;}

  
.dowlist{display: block;overflow: hidden;margin: 100px auto;width: 1400px;}
.dowlist h6{ display: block;color: #0b5fea;font-weight: bold;font-size: 30px;margin: 0 0 30px 0;}
.dowlist dl{display: block;overflow: hidden;}
.dowlist dl ul{}
.dowlist dl ul li{display: block;overflow: hidden;float: left;width: 48%; border-bottom: 1px solid #ddd; padding: 0 0 20px 0; margin: 0 0 20px 0;}
.dowlist dl ul li:nth-child(2n){float: right;}
.dowlist dl ul li .left{display: block;float: left;width: calc(100% - 200px);overflow: hidden;}
.dowlist dl ul li .left .fa{ line-height: 36px;display: block;float: left;font-size: 20px;width: 20px;}
.dowlist dl ul li .left h3{ line-height: 36px;display: block;float: left;font-size: 16px;color: #666;width: calc(100% - 20px);}
.dowlist dl ul li a{display: block;float: right;margin: 0;height: 36px; line-height: 36px; width: 150px;text-align: center;    background: #eee;}
.dowlist dl ul li a .fa{display: inline-block;color: #333;}
.dowlist dl ul li a h4{ display: inline-block;color: #333;font-size: 14px;margin: 0 0 0 5px;}
.dowlist dl ul li a:after{background: #0b5fea;}
.dowlist dl ul li a:hover .fa,.dowlist dl ul li a:hover h4{ color:#fff; }
.dowlist dl ul li:hover .left h3{color:#0b5fea; }


 

.pagecfz{ padding:50px 0 100px; display: block;overflow: hidden;background: url(/style/img/culture_04.jpg);background-size: cover;}
.pagecfz h6{display: block;text-align: center;font-size: 30px;font-weight: bold;color: #fff;margin: 50px 0;}
.pagecfz dl{ display: block;width: 1400px;overflow: hidden;margin: 0 auto; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;align-items: center;-webkit-align-items: center;}
.pagecfz dl dd{}
.pagecfz dl dd p{transition: all .2s; background: rgb(255 255 255 / 0.2);border-radius: 50%;padding: 15px;border: 1px solid #fff;}
.pagecfz dl dd p span{transition: all .2s; display: block;width: 100px;height: 100px;background: #fff;border-radius: 50%;overflow: hidden;}
.pagecfz dl dd p span img{transition: all .2s; display: block;width: auto;height: 50px;margin:25px;}
.pagecfz dl dd p span .img1{}
.pagecfz dl dd p span .img2{display: none;}
.pagecfz dl dd h3{display: block;color: #fff;text-align: center;font-size: 20px;margin: 20px 0 0 0;}
.pagecfz dl dd .solid{ transition: all .2s; border-radius: 50%;display: block;overflow: hidden;padding: 20px;background: rgb(255 255 255 / 0);}
.pagecfz dl dd:hover p{background:#fff;}
.pagecfz dl dd:hover .solid{ background: rgb(255 255 255 / 0.2);}
.pagecfz dl dd:hover p span{ background: #0b5fea;}
.pagecfz dl dd:hover p span .img1{display: none;}
.pagecfz dl dd:hover p span .img2{display: block;}
.pagecfz dl strong{ display: block;width: 1px;height: 100px;background: #fff;opacity: 0.4;}
 


.pagecbottom{display: block;overflow: hidden;margin: 50px 0;}
.pagecbottom h6{ display: block;text-align: center;font-size: 30px;font-weight: bold;color: #333;margin: 50px 0;}
.pagecbottom dl{ display: block;width: 1400px;overflow: hidden;margin: 0 auto;}
.pagecbottom dl dd{ display: block;overflow: hidden;float: left;width: 32%;position: relative;margin: 0 2% 0 0;}
.pagecbottom dl dd:nth-child(3n){ margin-right:0;}
.pagecbottom dl dd p{display: block;width: 100%;overflow: hidden;}
.pagecbottom dl dd p img{display: block;width: 100%;}
.pagecbottom dl dd .txt{ padding:30px 0; position: absolute;background: rgb(12 60 90 / 75%);;width: calc(100% - 60px);left: 30px;bottom: 30px;transition: all .4s;}
.pagecbottom dl dd:hover .txt{background: #0c3c5a;}

.pagecbottom dl dd .txt h3{color: #fff;font-size: 40px; text-align: center; font-weight: bold;}
.pagecbottom dl dd .txt h4{  display: block;color: #fff;font-size: 20px;text-align: center;margin: 20px auto;border-bottom: 1px solid #5c7c90;width: 80%;padding: 0 0 20px 0;}
.pagecbottom dl dd .txt img{ display: block;margin: 0 auto;}

  

.aboutmis{ display: block;overflow: hidden;padding: 100px 0;}
 
.aboutmis .center{display: block;overflow: hidden;width: 1400px;margin: 0 auto 0;position: relative;}
.aboutmis .center .left{display: block;width: calc(50% - 40px);overflow: hidden;position: relative;margin: 0 0 0 50%;}
.aboutmis .center .left dd{ padding:0 40px 0 0; position: relative; margin:0 0 40px 40px; display: block;overflow: hidden;}
.aboutmis .center .left dd p{display: block;overflow: hidden;}
.aboutmis .center .left dd p img{display: block; width:100%;}
.aboutmis .center .left dd .txt{  padding: 0 0 0 40px;  position: absolute;bottom: 0;left:auto; right:0; z-index: 3;}
.aboutmis .center .left dd .txt h3{color: #88b3fa;background: #e9e9e9;font-size: 16px;padding: 10px 0;position: absolute;writing-mode: tb;height: 100%;line-height: 40px; right: 0;bottom: 0;text-align: center;-webkit-writing-mode: vertical-lr;    box-sizing: border-box;}
.aboutmis .center .left dd .txt h4{ background: rgba(0, 0, 0, 0.5);padding:30px 60px 30px 40px;display: block;overflow: hidden;box-sizing: border-box;width: 300px;}
.aboutmis .center .left dd .txt h4 span{     font-weight: bold;display: block;color: #fff;font-size:26px;line-height: 1em;}
.aboutmis .center .left dd .txt h4 font{display: block;color: #eee;font-size: 16px;margin: 20px 0 0 0; line-height: 26px;}
.aboutmis .center .left dd:nth-child(2n){margin-bottom:0; }
.aboutmis .center .left dd:nth-child(2n) .txt{ bottom: auto;top: 0;}

.aboutmis .center .right{ position: absolute;width: 50%;top: 0;left: 0;height: 100%;margin: 0;}
.aboutmis .center .right dd{ margin: 0;position: initial;}
.aboutmis .center .right dd .txt{ position: initial;}
.aboutmis .center .right dd .txt h3{bottom: auto;top: 0;height: 120px; right: auto; left: 0;padding: 30px 0; }
.aboutmis .center .right dd .txt h4{ position: absolute;height: auto;z-index: 3;right: 0;top: 50%;width: 80%;background: none;white-space: nowrap;left: 10%;transform: translate(0%, -50%);margin: 0 0 0 40px;}
.aboutmis .center .right dd p{} 
.aboutmis .center .right dd p img{position: absolute;width: calc(100% - 40px);height: 100%;bottom: 0;left: 40px;}
.aboutmis .center .right dd .txt h4 font{text-align: center;font-size: 20px;margin: 20px 0; }
.aboutmis .center .right dd .txt h4 span{ display: block;text-align: center;font-weight: bold;font-size: 30px;}
.aboutmis .center .right dd .txt h4 strong{ display: inline-block;color: #fff;text-align: center;font-size: 16px;font-weight: normal;width: 100%;overflow: hidden;white-space: break-spaces;line-height: 26px;}
.aboutmis .center .right dd .txt h4 img{filter: grayscale(1) brightness(30);display: block;width: 150px;margin: 150px auto 0;}
 


 
 
.culture02wrap{width: 100%;box-sizing: border-box;overflow: hidden;}
.culture02wrap li{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.culture02wrap li .imgbox{width: 50%;overflow: hidden;}
.culture02wrap li .imgbox img{display: block;width: 100%;}
.culture02wrap li .text{width:40%;box-sizing: border-box;     margin: 0 5% 0 0;}
.culture02wrap li .text strong{display: block;width: 50px;height: 2px;background-color: #0550cd;margin-bottom: 30px;}
.culture02wrap li .text h3{font-size: 40px;color: #cccccc;font-weight: bold;margin-bottom: 28px;text-transform: uppercase;}
.culture02wrap li .text h4{font-size: 30px;color: #0b5fea;font-weight: bold;margin-bottom: 30px;}
.culture02wrap li .text h5{font-size: 16px;color: #666;line-height: 26px;}
.culture02wrap li .text p{font-size: 15px;color: #666;line-height: 34px;}
.culture02wrap li:nth-of-type(odd){background-color: #f1f2f3;}
.culture02wrap li:nth-of-type(even){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.culture02wrap li:nth-of-type(even) .text{ margin: 0 0 0 5%; }

.culture02wrap .swiper-button-next,.culture02wrap .swiper-button-prev{display: block;width: 40px;height: 40px;text-align: center;line-height: 40px;background: #eee;border-radius: 50%;color: #0b5fea;font-size: 20px;opacity: 0.8;}




/* pro02 */
.pagettlist02{padding-bottom: 50px;border-bottom: 1px solid #ccc;}
.pageprolist2{width: 100%;}
.pageprolist2 ul{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pageprolist2 ul li{width: 33.33%;border-right: 1px solid #ccc;box-sizing: border-box;border-bottom: 1px solid #ccc;}
.pageprolist2 ul li:nth-child(3n){width: 33.33%;border-right: none;}
.pageprolist2 ul li .item{position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between; -webkit-align-items: center; align-items: center;-webkit-flex-direction: column;flex-direction: column;padding: 50px 10px 0;z-index: 1;overflow: hidden;}
.pageprolist2 ul li .item::before{    content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background-image:url(../img/probg.jpg);background-position: 0 0;background-repeat: no-repeat;box-shadow: 0 5px 30px 10px rgba(0,0,0,0.15);opacity: 0;-webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);background-size: cover;transition: all .4s;}

.pageprolist2 ul li .item .txt{text-align: center;max-width:75%;}
.pageprolist2 ul li .item .txt h3{font-size: 20px;font-weight: bold;color: #0b5fea;margin-bottom: 20px;transition: all .4s;}
.pageprolist2 ul li .item .txt p{font-size: 14px;color: #666;margin-bottom: 30px;transition: all .4s;line-height:24px;min-height:48px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.pageprolist2 ul li .item .txt font{display: block;margin: auto;width: 40px;height: 40px;border: 1px solid #8fb5f6;font-size: 14px;border-radius: 50%;color: #8fb5f6;line-height: 40px;}
.pageprolist2 ul li .item .imgbox{width:100%;}
.pageprolist2 ul li .item .imgbox img{width:100%;}

.pageprolist2 ul li .item:hover::before {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.pageprolist2 ul li .item:hover .txt h3{color: #fff;}
.pageprolist2 ul li .item:hover .txt p{color: #fff;}




/* proinfo */
.proinfo01wrap{background: url(../img/info_bg.jpg)no-repeat;width: 100%; background-size: cover; }
.proinfo01wrap .proinfo01{width: 1000px;padding: 200px 0 100px;margin: auto;}
.proinfo01wrap .proinfo01 h3{display: flex; display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;margin-bottom: 30px;}
.proinfo01wrap .proinfo01 h3 font{font-size: 36px; font-weight: bold;margin: 0 40px;color: #0b5fea;}
.proinfo01wrap .proinfo01 h3::before{content: '';display: block;width: 24%;height: 1px;background-color: #79beeb;}
.proinfo01wrap .proinfo01 h3::after{content: '';display: block;width: 24%;height: 1px;background-color: #79beeb;}
.proinfo01wrap .proinfo01 img{width: 100%;}
.proinfo01wrap .proinfo01 .gs{margin-top: 50px;}
.proinfo01wrap .proinfo01 .gs h4{font-size: 24px;font-weight: bold;text-align: center;color: #fff;background-color: #2f6ed5;line-height: 60px;margin-bottom: 40px;}
.proinfo01wrap .proinfo01 .gs strong{margin: 30px auto;display: none;width: 100%;height: 1px;background-color: #ccc;position: relative;}
.proinfo01wrap .proinfo01 .gs strong::before{content: '';display: none;width: 50px;height: 3px;position: absolute; top: -1px;left: 50%;background-color: #0062c6;z-index: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.proinfo01wrap .proinfo01 .gs p{font-size: 16px;line-height: 32px;color: #666;text-align: center;}

.proinfo02wrap{width: 100%;}
.proinfo02wrap .proinfo02{width: 1400px;margin:100px auto;position: relative;}
.proinfo02wrap .proinfo02 h3{font-size: 36px;font-weight: bold;color: #0b5fea;text-align: center;margin-bottom: 40px;}

.proinfo02wrap .item{position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between; -webkit-align-items: center; align-items: center;-webkit-flex-direction: column;flex-direction: column;padding: 50px 10px;z-index: 1;border: 1px solid #ddd;border-right: none;}
.proinfo02wrap .item:nth-last-child(1){border-right: 1px solid #ddd;}
.proinfo02wrap .item::before{    content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;background-image:url(../img/probg.jpg);background-position: 0 0;background-repeat: no-repeat;box-shadow: 0 5px 30px 10px rgba(0,0,0,0.15);opacity: 0;-webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95);background-size: cover;transition: all .4s;}
.proinfo02wrap .item .txt{text-align: center;}
.proinfo02wrap .item .txt h3{font-size: 20px;font-weight: bold;color: #222;margin-bottom: 20px;transition: all .4s;}
.proinfo02wrap .item .txt p{font-size: 14px;color: #666;margin-bottom: 30px;transition: all .4s;}
.proinfo02wrap .item .txt font{display: block;margin: auto;width: 40px;height: 40px;border: 1px solid #8fb5f6;font-size: 14px;border-radius: 50%;color: #8fb5f6;line-height: 40px;}
.proinfo02wrap .item .imgbox{width: 100%;}
.proinfo02wrap .item img{width: 100%;}
.proinfo02wrap .item:hover::before {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
.proinfo02wrap .item:hover .txt h3{color: #fff;}
.proinfo02wrap .item:hover .txt p{color: #fff;}

/* 切换按钮 */
.proinfo02wrap .swiper-button-next, .proinfo02wrap .swiper-button-prev {background-image: none;font-size: 30px;color: #222222;line-height: 60px;text-align: center;margin-top: -30px;}
.swiper-button-next-pinfo{right: -40px;padding-top: 40px;}
.swiper-button-prev-pinfo{left: -40px;padding-top: 40px;}





.div3 .headerwrap {background-color: #FFFFFF;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.div3 .headerwrap .header .logo img {filter: none;}
.div3 .headerwrap .header .logo img {height: 54px;}
.div3 .headerwrap .header .h-r .nav a{color: #333;}
.div3 .headerwrap .header .h-r .nav a:after {background-color: #DDDDDD;}
.div3 .headerwrap .header .h-r .h-language {color: #333;}




 /* join */
.join01{overflow: hidden;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;width: 1400px;margin:0 auto;padding:100px 0;}
.join01 .left{width: 50%;position: relative;}
.join01 .left::after{content: '';display: block;width: 100%;height: 100%;position: absolute; top: 10px;left: 10px;background-color: #eef2f9;z-index: 0;}
.join01 .left img{width: 100%;position: relative;z-index: 1;}

.join01 .right{width: 50%;box-sizing: border-box;padding-left: 50px;}
.join01 .right h3{font-size: 22px;line-height: 36px;color: #222;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ccc;}
.join01 .right ul{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.join01 .right ul li{width: 50%;box-sizing: border-box;margin-bottom: 40px;}
.join01 .right ul li .icon{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;width: 60px;height: 60px;background-color: #2470ee;border-radius: 50%;}
.join01 .right ul li .icon img{margin: auto;}
.join01 .right ul li h4{font-size: 20px;color: #222;font-weight: bold;margin: 20px 0;}
.join01 .right ul li p{padding-right: 50px;font-size: 15px;color: #444;line-height: 26px;}
.join01 .right ul li:nth-child(3){margin-bottom: 0;}
.join01 .right ul li:nth-child(4){margin-bottom: 0;}


/* join02 */
.join02{width: 100%;background-color: #f1f2f3;box-sizing: border-box;padding: 100px 0;}
.join02 .cont{width: 1400px;margin: auto;box-sizing: border-box;}
.join02 .cont .toh3{font-size: 36px;color: #fff;text-align: left;font-weight:bold;    background-color: #2470ee;line-height: 80px;padding-left: 60px;}
.join02 .cont .min{width: 100%;box-sizing: border-box;position: relative;padding: 0 60px;}
.join02 .cont .min .item{width: 100%;border-bottom: 1px solid #DDDDDD;}
.join02 .cont .min .item:first-child{border-top: 1px solid #DDDDDD;}
.join02 .cont .min li a{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;height: 64px;}
.join02 .cont .min li a p{font-size: 18px;color: #222222;font-weight: bold;}
.join02 .cont .min li a i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;width: 20px;height: 20px;border: 1px solid #0550cd;border-radius: 50%;font-size: 12px;color: #fff;background-color: #0550cd;}
.join02 .cont .min .item .info{width: 100%;box-sizing: border-box;position: relative;margin: 0 0 40px;border-top: 1px solid #DDDDDD;padding-top: 30px;display: none;}
.join02 .cont .min .item .info::before{content: '';display: block;width: 1px;height: calc(100% - 30px);position: absolute;left: 15%;top: 25px;background-color: #DDDDDD;z-index: 0;}
.join02 .cont .min .item .info li{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;padding-bottom: 40px;position: relative;z-index: 1;}
.join02 .cont .min .item .info li p{width: 15%;font-size: 16px;color: #0550cd;border-right: 2px solid #0550cd;margin-top: 5px;font-weight:bold;}
.join02 .cont .min .item .info li h4{width: 85%;font-size: 15px;color: #666666;line-height: 30px;box-sizing: border-box;padding-left: 50px;}
.join02 .cont .min .item:first-child .info{display: block;}
.join02 .cont .min .item.active a .fa{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.join02 .cont .way{font-size: 18px;line-height: 36px;color: #0550cd;margin-top: 50px;}


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



/* honor */
.honorlist{display: flex; display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin:50px auto 0;}
.honorlist .item{width: calc((100% - 75px) / 4);margin-right: 25px;margin-bottom: 70px;}
.honorlist .item:nth-child(4n){margin-right: 0;}
.honorlist .item .imgbox{width: 100%; background-color: #eee;padding: 30px;box-sizing: border-box;display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center;-webkit-align-items: center; align-items: center;}
.honorlist .item .imgbox img{display: block;width: auto;height: auto;max-width: 90%;max-height: 100%;transition: all .4s;}
.honorlist .item .text{}
.honorlist .item .text h3{font-size: 16px;color: #222;    min-height: 48px;line-height: 24px;text-align: center;width: 100%;position: relative;border-bottom: 1px solid #ddd;padding: 12px 0;}
.honorlist .item .text h3:before{content: '';display: block;width: 0%;height: 1px;position: absolute; bottom: 0;left: 0;background-color: #0062c6;z-index: 0;transition: all .4s;}
.honorlist .item:hover .text h3:before{width: 100%;}
.honorlist .item:hover .text h3{color: #0062c6;}
.honorlist .item:hover .imgbox img{transform: scale(1.07);}
.honorlist .item:hover .imgbox{background-color: #1675d6;}
.honor-fy{margin-top:0;}



/* 新闻详情 */
/*.ninfobanner{margin-top: 75px;}*/
.nannern-info{width: 1400px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding-top: 110px;}
.nannern-info p{font-size: 20px;color: #ffffff;margin-bottom: 20px;text-transform: uppercase;}
.nannern-info h3{font-size: 30px;color: #ffffff;margin-bottom: 20px;line-height: 36px;}
.nannern-info font{font-size: 14px;color: #ffffff;}


.n-infotwo01wrap{margin: 70px auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.n-infotwo01{width:62%;box-sizing: border-box;}
.n-infotwo01min{width: 100%;}
.n-infotwo01min .tl{font-size: 24px;color: #222222;line-height: 36px;margin-bottom: 40px; }
.n-infotwo01min .info{width: 100%;}
.n-infotwo01min .info p{font-size: 16px;line-height: 28px;margin-bottom: 20px; color: #444;}
.n-infotwo01min .info p:last-child{margin-bottom: 0;}
.n-infotwo01min .info img{display: block;width: 100%;height: auto;}

.n-infotwo01 .page{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;padding-top: 30px;margin-top: 50px;border-top: 1px solid #DDDDDD;}
.n-infotwo01 .page a{font-size: 14px;color: #666666;}
.n-infotwo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.n-infotwo01 .page a:last-child i{margin-right: 0;margin-left: 10px;}
.n-infotwo01 .page a:hover{color: #fc8e44;}


/* n-infotwo01list */
.n-infotwo01list{width: 30%;box-sizing: border-box;}
.n-infotwo01list .imgbox{margin-bottom: 100px;}
.n-infotwo01list .imgbox img{width: auto;height: 140px;margin: auto;}
.n-infotwo01list .tl{font-size: 24px;color: #222222;font-weight: bold;padding-bottom: 20px;border-bottom: 2px solid #222222;}
.n-infotwo01list .list{width: 100%;}
.n-infotwo01list .list .item{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-around;-webkit-align-items: flex-start;align-items: flex-start;padding: 20px 0;border-bottom: 1px solid #DDDDDD;}
.n-infotwo01list .list .item .imgbox{width: 40%;overflow: hidden;margin-bottom: 0;}
.n-infotwo01list .list .item .imgbox img{display: block;width: 100%;transition: all .6s;object-fit: cover;height: auto;}
.n-infotwo01list .list .item:hover .imgbox img{transform: scale(1.1);}
.n-infotwo01list .list .item .text{width: 70%;box-sizing: border-box;padding-left: 20px;}
.n-infotwo01list .list .item .text h3{font-size: 17px;line-height: 24px;color: #222222;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 20px;}
.n-infotwo01list .list .item .text font{font-size: 14px;color: #aaaaaa;}

.ninfobanner{position:relative;}



/* industry01 */
.industry01{margin: 100px auto;width:1400px;}
.industry01 h3{font-size: 36px;font-weight: bold;color: #222;margin-bottom: 30px;}
.industry01 strong{width: 100%;height: 1px;background-color: #ddd;display: block;margin-bottom: 30px;position: relative;}
.industry01 strong::after{content: '';display: block;width: 30px;height: 3px;position: absolute; top: -1px;left: 0;background-color: #0062c6;z-index: 0;}
.industry01 p{font-size: 16px;line-height: 30px;color: #666;}

/* industry02 */
.industry02{width: 100%;box-sizing: border-box;display: flex;display: -webkit-inline-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.industry02 a{display: block;width: 33.33%;position: relative;overflow: hidden;}
.industry02 a img{display: block;width: 100%;}
.industry02 a .first{width: 100%;font-size: 24px;color: #ffffff;position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: center;opacity: 1;transition: all .5s;}
.industry02 a .text{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;background-color: rgba(11,95,234,0.82);box-sizing: border-box;padding: 30px;opacity: 0;transition: all .3s;}
.industry02 a .text h3{font-size: 24px;color: #FFFFFF;}
.industry02 a .text h4{font-size: 15px;color: #FFFFFF;opacity: 0.8;margin: 20px 0;    width: 80%;text-align: center;line-height: 24px;}
.industry02 a .text i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;font-size: 18px;color: #eb6100;width: 36px;height: 36px;border-radius: 50%;background-color: #FFFFFF;}
/* .industry02 a .text::after{content: '';display: block;width: calc(100% - 60px);height: calc(100% - 60px);border: 1px solid rgba(255,255,255,0.7);position: absolute;top: 30px;left: 30px;transform: scale(1.15);opacity: 0;transition: all .5s;}
.industry02 a:hover .text::after{opacity: 1;transform: scale(1);} */
.industry02 a:hover .text{opacity: 1;}
.industry02 a:hover .first{opacity: 0;}

.industry02 a .text::after,.industry02 a .text::before{position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;content: '';opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.industry02 a .text::before{border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
.industry02 a .text::after{border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
.industry02 a:hover .text::after,.industry02 a:hover .text::before{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}


/* caseinfo */
.casebanner{width: 100%;background-color: #0c3c5a;padding: 100px 0;text-align: left;margin-top:110px;}
.casebanner .t-case{width:1400px;margin:auto;}
.casebanner .t-case h3{font-size: 36px;font-weight: bold;margin-bottom: 15px;color: #fff;}
.casebanner .t-case h4{font-size: 18px;color: #fff;text-transform: uppercase;}

.caseinfowrap{margin: 100px auto 100px;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;width: 1400px;}
.caseinfowrap .left{width: 60%;box-sizing: border-box;}
.caseinfowrap .left h3{font-size:26px;font-weight:bold;color: #222;margin-bottom: 25px;}
.caseinfowrap .left strong{width: 100%;height: 1px;background-color: #666;margin-bottom: 25px;display:block;}
.caseinfowrap .left .swiper-container-case{}
.caseinfowrap .left .swiper-container-case .swiper-wrapper{}
.caseinfowrap .left .swiper-container-case .swiper-wrapper .swiper-slide{}
.caseinfowrap .left .swiper-container-case .swiper-wrapper .swiper-slide .imgbox{width:100%;}
.caseinfowrap .left .swiper-container-case .swiper-wrapper .swiper-slide .imgbox img{width:100%;}

.caseinfowrap .right{width: 30%;box-sizing: border-box;}
.caseinfowrap .right h3{font-size:26px;font-weight:bold;color: #222;margin-bottom: 25px;}
.caseinfowrap .right strong{width: 100%;height: 1px;background-color: #666;margin-bottom: 25px;display:block;}
.caseinfowrap .right .showvideo video{width: 100%;}

.infopage{position:relative;width: 100%;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;margin-top: 30px;}

.infopage .swiper-button-next-pinfo,.infopage .swiper-button-prev-pinfo{background-image: none;font-size: 20px;color: #00a0e9;position: relative;top: 0;left: 0;right: 0;bottom: 0;margin: 0;height: auto;width: auto;padding-top: 0;}

.infopage .swiper-pagination{position: relative;margin: 0;bottom: 0;left: 0;top: 0;right: 0;margin: 0 40px;display: flex;display: -webkit-flex;}
.infopage .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 50%;background-color: #c3c3c3;opacity: 1;margin-right: 10px;}
.infopage .swiper-pagination-bullet-active{ background-color:#1c81d9}
.infopage .swiper-pagination-bullet:nth-last-child(1){margin-right:0;}

.prev-caseinfo{}
.next-caseinfo{}

.caseinfowrap .left p{font-size:16px;line-height:36px;margin:50px 0;}
.caseinfowrap .left .more{background-color: transparent;color: #0b5fea;border: 1px solid #0b5fea;}
.caseinfowrap .left .more:after{background-color: #0b5fea;}
.caseinfowrap .left .more:hover{color:#fff;}

.contactbg{background-color: #eee;}





@media only screen and (max-width: 1600px){

.pagebanner .tt{width: 1100px;margin-left: -550px;}

.pagesolutablelist .p-yjy-center .p-kn a{ width: calc(1100px - 70px);}
.pagesolutablelist .p-yjy a{font-size:18px;}
.pagesolushow dl,.pagecoantct,.dowlist,.pagenewslist dd a,.pagenewstop .swiper-container3,.aboutmis .center,.pagecfz dl,.pagecbottom dl{ width:1100px; }
.pagesolushow .tt{ font-size: 120px;}
.pagesolushow dd{ top: -150px;    width: calc(70% - 120px);  padding: 40px 60px;}
.pagesolushow dd h3{ font-size: 12px;}
.pagesolushow dd h6,.pagenewslist dd .dl h4,.aboutmis .center .right dd .txt h4 strong,.aboutmis .center .left dd .txt h4 font{ line-height: 24px; font-size: 14px;}
.solutionscase .swiper-container3 .swiper-slide .inbannertxt h3{font-size:22px;}
.solutionscase .swiper-container3 .swiper-slide .inbannertxt{ width: calc(45% - 120px);  padding: 60px 60px;}

.aboutmis .center .right dd .txt h4 img{    width: 100px; margin: 100px auto 0;}
.aboutmis .center .right dd .txt h4 span{    font-size: 26px;}
.aboutmis .center .right dd .txt h3{font-size:14px;}
.pagecfz dl dd h3{ font-size: 16px; margin: 10px 0 0 0;}
.pagecfz dl dd p span img{ height:40px; margin:20px; }
.pagecfz dl dd p span{width:80px; height:80px;}
.pagecfz dl strong{ height:80px; }
.pagecbottom dl dd .txt{padding: 20px 0;}
.pagecbottom dl dd .txt h3{ font-size:30px; }
.pagecbottom dl dd .txt h4{ padding: 0 0 10px 0;font-size: 16px;  margin: 10px auto;}

.pagebanner .tt h3 font{font-size: 18px;}
.pagebanner .tt h3 span{ font-size: 40px;}

.headerwrap{padding: 0 3%;}
.header .logo img{height: 50px;}
.header .h-r .nav a{line-height: 90px;font-size: 16px;}
.header .h-r .h-language{font-size: 14px;margin-right: 20px;}
.header .h-r .nav{margin-right: 50px;}

.div2_1 .headerwrap .header .logo img{height: 50px;}
.div2_1 .headerwrap .header .h-r .nav a{line-height: 80px;}


.bannerwrap .bannertext p{margin-bottom: 30px;font-size: 16px;}
.bannerwrap .bannertext h3{font-size: 50px;}
.bannerwrap .bannertext h4{font-size: 20px;}
.bannerwrap .swiper-button-next{right: 3%;}
.bannerwrap .swiper-button-prev{left: 3%;}
.bannerwrap .swiper-button-next,.bannerwrap .swiper-button-prev{-webkit-border-end-width: 25px;height: 24px;}
.more{width: 160px;height: 46px;line-height: 46px;}

.index01wrap .swiperitem .textbox{padding: 100px calc((100% - 1100px)/2) 140px 100px;}
.index01wrap .swiperitem .textbox font{margin-bottom: 40px;}
.index01wrap .swiperitem .textbox h3{font-size: 160px;}
.index01wrap .swiperitem .textbox h3 p{font-size: 36px;}
.index01wrap .swiperitem .textbox h3 p:before{width: 90px;left: -120px;}

.index02text .info h3{font-size: 36px;}
.index02text .info p{font-size: 16px;}
.index02text .info h4{font-size: 24px;}
.index02text .info h5{font-size: 15px;line-height: 30px;}
.index02num{margin-top: 40px;}
.index02num li h2{font-size: 40px;}
.index02text{margin-top: 20px;width:54%;}
.index02imgbox .item p{font-size: 20px;}
.index02wrap{padding: 90px 0;}

.index03wrap{margin: 90px 0;}
.i-tl01 p{font-size: 16px;margin-bottom: 15px;}
.i-tl01 .h3 h3{font-size: 36px;}
.i-tl01 .h3 font{font-size: 14px;}

.index04wrap{margin: 90px auto 90px;}
.index04{padding: 0 3%;}
.index04 .item{width: calc((100% - 50px)/2);margin-right: 50px;margin-bottom: 50px;}
.index04 .item .text{padding-top: 20px;}
.index04 .item .text p{font-size: 14px;margin-bottom: 15px;}
.index04 .item .text h3{font-size: 22px;margin-bottom: 20px;}
.index04 .item .text h4{font-size: 14px;line-height: 26px;}
.index04 .item .text .more{width: 140px;height: 40px;line-height: 40px;margin-top: 30px;font-size:14px;}

.index05wrap{padding: 90px 0;}
.index05list li{height: 110px;}

.f-logo img{height: 52px;}
.footerwrap .f-nav{padding-bottom: 70px;}
.index02text .info font img,.i-tl01 .h3 font img{height: 10px;}


.i-cont,.page-bottom,.about04min .silelist,.pageaboutvide{width: 1100px;}
.about04min .about04top .swiper-slide{ width:900px;}
.about04min .about04top .swiper-slide .item .imgbox{}
.about04min .about04top .swiper-slide .item .text{ padding: 20px 30px;}
.about04min .about04top .swiper-slide .item .text p{ font-size: 14px; margin-bottom: 10px;}

.pageabout-2 dl dd span{font-size: 40px;}
.pageabout-2 dl dd strong{margin: 60px 0 30px;}
.about04min .about04top .swiper-slide .item .text h5{    margin: 0 0 30px 0;}
.pageabout-2 dl dd p{font-size: 14px;margin-bottom: 10px;}


.pageabout-1 dl,.pageabout-1 .imglist{width:1100px;}

.fy{width: 1100px;}
.pagebottom dl{width: 1100px;}

.proinfo02wrap .proinfo02{width: 1100px;}
.join02 .cont{width:1100px;}
.join01 .right h3{font-size:18px;line-height: 30px;}
.join01 .right ul li .icon img {width: 32px;}
.join01 .right ul li .icon{width: 50px;height: 50px;}
.join01 .right h3{padding-bottom: 25px;margin-bottom: 25px;}
.join01 .right ul li h4{font-size:18px;}
.join01 .right ul li{    margin-bottom: 32px}
.join02 .cont .toh3{font-size:32px;}

.casebanner .t-case{width:1100px;margin:auto;}

.caseinfowrap{width:1100px;}






}