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:arial,"微软雅黑"; line-height:1;font-weight: normal;letter-spacing: 0.8px;}
body,html{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: 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;}
/*<------------------------------------->*/	

/* headerwrap */
.headerwrap{width: 100%;box-sizing: border-box;padding-left: 5%;left: 0;position: fixed;top: 0;background-color: #FFFFFF;z-index: 10;border-bottom: 1px solid #ddd;}
.header{width: 100%;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 80px;}
.header .logo img{display: block;width: auto;height: 42px;}
.header .right,.header .right .nav,.header .right .language{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: flex-start;justify-content: flex-start;}
.header .right .nav li>a{font-size: 16px;color: #222222;padding: 0 30px;line-height: 80px;height: 80px;position: relative;display: block;}
.header .right .nav{margin-right:0px;}
.header .right .language{height: 80px;padding: 0 30px;}
.header .right .language .fa,.header .right .language a{font-size: 16px;color: #bfbfbf;padding: 0 20px;}
.header .right .language i:last-child{border-left: 1px solid #bfbfbf;}
.header .right .language i{font-size: 16px;padding-right: 0;}
.header .right .language a:last-child{border-left: 1px solid #bfbfbf;font-size: 14px;}
.header .right .nav li a::after{content: '';display: block;width: 0%;height: 3px;background-color: #009fe2;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.header .right .language a:hover{color: #009fe2;}
.header .right .nav li:hover>a::after{width: 100%;}
.header .right .nav li:hover>a{color: #009fe2;}

.header .right .nav li{position: relative;}


.header .right .nav li .nav02{position: absolute;box-sizing: border-box;padding: 0;z-index: 5;width: 610px;left: 0;margin-left: 0px;text-align: center;top: 51.5px;display: none;justify-content: center;flex-flow: row;white-space: nowrap;transition: all .3s;top: 80px;}
.header .right .nav li .nav02 a{display: inline-block;width: auto;font-size: 15px;color: #666;line-height: 40px;margin: 0;float: none;margin-right: 0;position: relative;text-align: left;padding-left: 30px;padding-right: 10px;}
.header .right .nav li .nav02 a:last-child{margin-right: 0;}
.header .right .nav li .nav02 a:hover{color: #009fe2;background-color: #fff;}
.header .right .nav li .nav02 a:before{content: '';display: inline-block;width: 3px;height: 14px;background-color: #009fe2;position: absolute;top: 14px;left: 5px;opacity: 0;}
.header .right .nav li .nav02 a:hover:before{opacity: 1}
.header .right .nav li .nav02 a i{opacity: 0;transition: all .6s;}
.header .right .nav li .nav02 a:hover i{opacity: 1;}
.header .right .nav li .nav02{background-color: rgba(255,255,255,0.9);padding: 0;width: 180px;box-shadow: 0px 2px 2px rgba(34,34,34,0.3)}
.header .right .nav li .nav02 a{display: block;display: flex;justify-content: space-between;align-items: center;}

.header .right .nav li:hover .nav02{display: block;}





/* banner */
.bannerwrap{width: 100%;height: 100%;position: relative;overflow: hidden;margin-top: 0;}
.bannerwrap::after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0,0,0,0.3);z-index: 0;}
/* videobanner */
.bannerwrap video{display: block;width: 100%;object-fit: fill;}
.bannerwrap .vide0text{padding-top:80px;position: absolute;top: 50%;left: 0;width: 100%;display: flex;display: -webkit-flex;-webkit-flex-flow: column;flex-flow: column;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 1;}
.bannerwrap .vide0text p{font-size: 20px;color: #FFFFFF;margin-bottom: 40px;text-transform: uppercase;letter-spacing: 5px;}
.bannerwrap .vide0text h3{font-size: 50px;font-weight: bold;color: #FFFFFF;margin-bottom: 30px;letter-spacing: 10px;}
.more{display: block;width: 180px;height: 42px;text-align: center;line-height: 42px;background-color: #009fe2;color: #FFFFFF;font-size: 14px;overflow: hidden;position: relative;z-index: 0;border-radius: 2px;}
.more::after{content: '';width: 0;height: 100%;background-color: #FFFFFF;position: absolute;top: 0;left: 0;transition: all .3s;z-index: -1;}
.more:hover::after{width: 100%;}
.more:hover{color: #009fe2;}
.sjbanner{display: none;}

.kalo-hero__down{position: absolute;left: 50%;bottom: 30px;z-index: 2;display: flex;display: -webkit-flex;-webkit-align-items: flex-start;align-items: flex-start;cursor: pointer;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.kalo-hero__icon{-webkit-animation:scroll-down 1.25s ease-in-out infinite;animation:scroll-down 1.25s ease-in-out infinite;position:relative;width:.625rem;height:.5rem;}
.kalo-hero__label{margin-left:.625rem;font-size:.875rem;line-height:1.5rem;text-transform:lowercase;color: #FFFFFF;}
.kalo-hero__return{-webkit-transition:opacity .3s ease-in;-o-transition:opacity .3s ease-in;transition:opacity .3s ease-in;-webkit-transition-delay:1.8s;-o-transition-delay:1.8s;transition-delay:1.8s;margin-top:4vh;line-height:1.2}
.page-template-sub-services .kalo-hero__return{margin-top:0}
.centerBig img{-webkit-animation-name:centerBig;animation-name:centerBig;}
.kalo-hero__down02{bottom: 50px;}
@keyframes scroll-down {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0
	}
}

@-webkit-keyframes scroll-back {
	0% {
		-webkit-transform: translateX(100%) rotate(90deg);
		transform: translateX(100%) rotate(90deg);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-100%) rotate(90deg);
		transform: translateX(-100%) rotate(90deg);
		opacity: 0
	}
}

@keyframes scroll-back {
	0% {
		-webkit-transform: translateX(100%) rotate(90deg);
		transform: translateX(100%) rotate(90deg);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-100%) rotate(90deg);
		transform: translateX(-100%) rotate(90deg);
		opacity: 0
	}
}

@-webkit-keyframes scroll-backward {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0
	}
}

@keyframes scroll-backward {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0
	}
}

@-webkit-keyframes scroll-forward {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0
	}
}

@keyframes scroll-forward {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 0
	}

	50% {
		opacity: 1
	}

	to {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0
	}
}


@-webkit-keyframes scroll {
    0%   {height: 20px; }
	50%{height: 60px;}
    100% {height: 100px; }
}
@keyframes scroll {
    0%   {height: 20px; }
	50%{height: 60px;}
    100% {height: 100px; }
}

.absolite{height: 80px;}

/* indexwrap */
.indexwrap{width: 100%;box-sizing: border-box;overflow: hidden;}
/* .index01wrap */
.index01wrap{width: 100%;box-sizing: border-box;}
.i-tl{width: 570px;text-align: center;margin: auto;}
.i-tl h3{font-size: 36px;color: #222222;font-weight: bold;}
.i-tl strong{display: block;margin: 20px auto;text-align: center;color: #aaa;font-weight: normal;font-size: 14px;}
.index02wrap .i-tl strong{color: #fff;}

.i-tl h4{font-size: 16px;color: #666666;line-height: 30px;}
.index01wrap .i-tl{margin: 90px auto 40px;}

.index01{width: 100%;box-sizing: border-box;position: relative;overflow: hidden;}
.index01 .bg{display: block;width: 100%;position: relative;opacity: 0;}
.index01 .imgbox{width: 100%;box-sizing: border-box;position: relative;z-index: 0;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.index01 .imgbox img{display: block;width: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.index01 .imgbox img.active{opacity: 1;}
.index01 .text{width: 100%;box-sizing: border-box;position: absolute;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;z-index: 2;top: 0;left: 0;}
.index01 .text .item{width: 25%;box-sizing: border-box;border-right: 1px solid #FFFFFF;height: 100%;position: relative;}
.index01 .text .item .font{width: 100%;box-sizing: border-box;position: absolute;left: 0;bottom: 60px;padding: 0 20%;text-align: center;z-index: 2;}
.index01 .text .item .font h3{font-size: 24px;color: #ffffff;}
.index01 .text .item .font strong{display: block;width: 40px;height: 1px;background-color: #FFFFFF;margin: 30px auto;}
.index01 .text .item .font .hover{width: 100%;transform: translateY(100%);-webkit-transform: translateY(100%);opacity: 0;transition: all .3s;}
.index01 .text .item .font .hover h4{font-size: 16px;color: #ffffff;line-height: 26px;margin-bottom: 40px;min-height: 52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index01 .text .item .font .hover .more{background-color: #FFFFFF;color: #009fe2;margin: auto;}
.index01 .text .item .font .hover .more:hover{color: #FFFFFF;}
.index01 .text .item .font .hover .more::after{background-color: #009fe2;}
.index01 .text .item .hoverimg{width: 100%;height: 100%;position: absolute;bottom: -100%;left: 0;transition: all .6s;opacity: 0;}
.index01 .text .item:hover .hoverimg{bottom: 0;opacity: 0.9;}
.index01 .text .item:hover .font .hover{transform: none;-webkit-transform: none;opacity: 1;}

/* index02wrap */
.index02wrap{width: 100%;box-sizing: border-box;background-color: #31a869;box-sizing: border-box;padding: 90px 0 130px;}
.index02wrap .i-tl h3{color: #FFFFFF;}
.index02wrap .i-tl{margin-bottom: 50px;}
.index02{width: 1200px;margin: auto;box-sizing: border-box;position: relative;}
.index02 .swiper-slide .imgbox{width: 100%;box-sizing: border-box;position: relative;}
.index02 .swiper-slide .imgbox .bg{display: block;width: 100%;}
.index02 .swiper-slide .imgbox .abimg{display: flex;position: absolute;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.index02 .swiper-slide .imgbox .ab01{width: 47%;top: 19%;left:0;}
.index02 .swiper-slide .imgbox .ab02{width:45%;top:19%;right:0%;}
.index02 .swiper-slide .imgbox .ab03{width:36%;top:27%;left:0%;}
.index02 .swiper-slide .imgbox .ab04{width:20.5%;bottom:10.5%;right:0%;}

.index02 .swiper-slide .imgbox .abimg p{font-size: 20px;color: #fff;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;white-space: nowrap;position: relative;z-index: 1;text-shadow: 2px 2px 6px rgba(0,0,0,0.8);}
.index02 .swiper-slide .imgbox .abimg p::before,.index02 .swiper-slide .imgbox .abimg p i::before{content: '';display: block;width: 8px;height: 8px;background-color: #fff;border-radius: 50%;position: absolute;right: 0;top: 50%;margin-top: -4px;}
.index02 .swiper-slide .imgbox .abimg p::after,.index02 .swiper-slide .imgbox .abimg p i::after{content: '';display: block;width: 100%;height: 2px;background-color: #fff;margin-left: 20px;}
.index02 .swiper-slide .imgbox .abimg p i::after{width: 180px;}
.index02 .swiper-slide .imgbox .text{width: auto;height: 100px;background-color: rgba(255,255,255,0.5);font-size: 18px;color: #333;box-sizing: border-box;padding: 0 30px;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: absolute;left: 0;bottom: 0;}
.index02 .swiper-slide .imgbox .abimg p i{transform: translate(36px,-76px) rotate(-76deg);-webkit-transform: transform: translate(36px,-76px) rotate(-76deg);position: absolute;left: 0;}
/* .index02 .swiper-slide .imgbox .ab05 p::after{width: 83px;} */

.index02 .swiper-slide .imgbox .abimg{display: flex;position: absolute;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.index02 .swiper-slide .imgbox .ab01{width: 25%;top: 15%;left:4%;}
.index02 .swiper-slide .imgbox .ab02{width:28%;top:26%;right:13%;}
.index02 .swiper-slide .imgbox .ab03{width:28%;top:17.5%;left:66.5%;}
.index02 .swiper-slide .imgbox .ab04{width:28%;bottom:42%;right:49%;}
.index02 .swiper-slide .imgbox .ab05{width: 25%;top: 32%;left:10%;}
.index02 .swiper-slide .imgbox .ab06{width:28%;top:6%;right:24%;}
.index02 .swiper-slide .imgbox .ab07{width:28%;top:62.5%;left:70.5%;}
.index02 .swiper-slide .imgbox .ab08{width:20%;bottom:47.5%;right:29%;}

.index02 .swiper-slide .imgbox .ab01 h3{width: 45%;}
.index02 .swiper-slide .imgbox .ab01 p{width: 80%;margin-right: -10%;}
.index02 .swiper-slide .imgbox .ab03 h3,.index02 .swiper-slide .imgbox .ab07 h3,.index02 .swiper-slide .imgbox .ab08 h3{width:30%;}
.index02 .swiper-slide .imgbox .ab08 h3{width: 54%;}
.index02 .swiper-slide .imgbox .ab03 p{width: 58%;margin-right: -10%;}
.index02 .swiper-slide .imgbox .ab02 h3{width:30%;}
.index02 .swiper-slide .imgbox .ab02 p,.index02 .swiper-slide .imgbox .ab05 p{width: 80%;margin-left: -10%;flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.index02 .swiper-slide .imgbox .ab02 p::before,.index02 .swiper-slide .imgbox .ab04 p::before,.index02 .swiper-slide .imgbox .ab05 p::before{left: 0;right: initial;}
.index02 .swiper-slide .imgbox .ab02 p::after,.index02 .swiper-slide .imgbox .ab04 p::after,.index02 .swiper-slide .imgbox .ab05 p::after{margin-left: initial;margin-right: 20px;}
.index02 .swiper-slide .imgbox .ab04 h3{width:34%;}
.index02 .swiper-slide .imgbox .ab04 p{width: 86%;margin-left: -10%;flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}

.index02 .swiper-slide .imgbox .ab06 p{width: 80%;}
.index02 .swiper-slide .imgbox .ab07 p{width: 50%;}
.index02 .swiper-slide .imgbox .ab08 p{width: 45%;/* transform: translate(-33px,-70px) rotate(45deg);-webkit-transform: translate(33px,-70px) rotate(45deg); */}
.index02 .swiper-slide .imgbox .ab05 p{transform: translateY(-100px) rotate(-45deg);-webkit-transform: transform: translateY(-100px) rotate(-45deg);;}
.index02 .swiper-slide .imgbox .ab08 p::after{margin-left: 10px;}


.index02 .swiper-slide .imgbox .abimg img{display: block;width: 100%;transition: all .3s ease-out 0s;opacity: 0;}
.index02 .swiper-slide .imgbox .abimg:hover img{-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 1;}
.index02 .swiper-button-prev,.index02 .swiper-button-next{outline: none;}
.index02 .swiper-button-prev i,.index02 .swiper-button-next i{display: none;}
.index02 .swiper-button-prev{left: -40px;}
.index02 .swiper-button-next{right: -40px;}
.index02 .swiper-pagination{width: 100%;bottom: -40px;}
.index02 .swiper-pagination-bullet{width: 50px;height: 4px;background-color: #FFFFFF;opacity: 0.5;border-radius: 0;margin-right: 10px;outline: none;}
.index02 .swiper-pagination-bullet:last-child{margin-right: 0;}
.index02 .swiper-pagination-bullet-active{opacity: 1;}

.index02 .sjimg{display: none;}



/* index04wrap */
.index03wrap{width: 100%;box-sizing: border-box;padding: 0 2%;}
.index03wrap .i-tl{margin: 90px auto 40px;}

.index03wrap .index03{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.index03wrap .index03 a{display: block;position: relative;width: 32.5%;overflow: hidden;margin-bottom: 1.3%;}
.index03wrap .index03 a img{display: block;width: 100%;transition: all .6s;}
.index03wrap .index03 a:hover img{transform: scale(1.1);}
.index03wrap .index03 a:first-child{width: 66.2%;}
.index03wrap .index03 a::before{content: '';display: block;width: 100%;height: 100%;background: url(../img/case_mask.png)no-repeat;background-size: cover;position: absolute;top: 0;left: 0;z-index: 1;display:none}
.index03wrap .index03 a:nth-last-of-type(1):before{display: none;}

.index03wrap .index03 a .text01{display: block;width: 100%;height: auto;box-sizing: border-box;padding: 0;position: absolute;left: 40px;bottom: 40px;transform: translateY(127px);-webkit-transform: translateY(127px);transition: all .3s;z-index: 2;}
.index03wrap .index03 a .text01 .hover{opacity: 0;transition: all .3s;}
.index03wrap .index03 a:hover .text01 .hover{opacity: 1;}
.index03wrap .index03 a:hover .text01{transform: none;-webkit-transform: none;}
.index03wrap .index03 a .text01 p{font-size: 18px;color: #ffffff;text-transform: uppercase;margin-bottom: 20px;}
.index03wrap .index03 a .text01 h3{font-size: 26px;color: #FFFFFF;}
.index03wrap .index03 a .text01 strong{display: block;width: 260px;height: 1px;background-color: #FFFFFF;margin: 20px 0;}
.index03wrap .index03 a .text01 .more02{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;background-color: #009fe2;width: 50px;height: 38px;}
.index03wrap .index03 a .text01 .more02 i{font-size: 18px;color: #FFFFFF;}
.index03wrap .index03 a .text02{display: flex;display: -webkit-flex;width: 100%;position: absolute;left: 0;top: 0;height: 100%;box-sizing: border-box;padding: 20px 30px;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;-webkit-flex-flow: column;flex-flow: column;background-color: #eeeeee;transition: all .6s;}
.index03wrap .index03 a .text02 p{font-size: 26px;color: #009fe2;position: relative;z-index: 1;}
.index03wrap .index03 a .text02 font{display: block;width: 42px;height: 42px;background-color: #FFFFFF;color: #35abca;line-height: 42px;text-align: center;font-size: 30px;border-radius: 50%;font-weight: lighter;margin-bottom: 20px;position: relative;z-index: 1;}
.index03wrap .index03 a .text02::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(to bottom, #27e6a3, #34acca);opacity: 0;transition: all .3s;z-index: 0;}
.index03wrap .index03 a:hover .text02::after{opacity: 1;}
.index03wrap .index03 a:hover .text02 p{color: #FFFFFF;}






/* index04wrap */
.index04wrap{width: 1200px;margin: 90px auto;box-sizing: border-box;}
.index04wrap .i-tl{margin-bottom: 40px;}
.index04{width: 100%;box-sizing: border-box;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: flex-end;justify-content: flex-end;position: relative;}
.index04 .left{width: 50%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-flow: column;flex-flow: column;height: 100%;position: absolute;top: 0;left: 0;}
.index04 .left a{display: block;width: 100%;height: 33.33%;display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;border-bottom: 1px solid #ddd;position: relative;}
.index04 .left a:first-child{border-top: 5px solid #008b41;}
.index04 .left a .cont .top{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 20px;}
.index04 .left a .cont .top h3{white-space: nowrap;overflow: hidden;margin-right: 20px;font-size: 18px;color: #222222;}
.index04 .left a:hover .cont .top h3{color: #008b41;}
.index04 .left a .cont .top font{font-size: 13px;color: #888888;}
.index04 .left a .cont h4{font-size: 14px;color: #666666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.index04 .right{width: 50%;box-sizing: border-box;padding-left: 80px;position: relative;}
.index04 .right .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.index04 .right .imgbox img{display: block;width: 100%;transition: all .6s;}
.index04 .right:hover .imgbox img{transform: scale(1.1);}
.index04 .right .text{width: 100%;box-sizing: border-box;padding-top: 40px;}
.index04 .right .text h3{font-size: 22px;color: #222222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index04 .right:hover .text h3{color: #009fe2;}
.index04 .right .text font{font-size: 12px;color: #888888;margin: 20px 0;display: block;}
.index04 .right .text h4{font-size: 15px;color: #666666;line-height: 24px;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index04 .right .text .more{border: 1px solid #009fe2;}
.index04 .right .swiper-slide{position: relative;}
.index04 .right .swiper-pagination{display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;-webkit-justify-content: flex-start;-webkit-align-items: center;align-items: center;bottom: 236px;height: 20px;background-color: rgba(255,255,255,0.8);box-sizing: border-box;padding: 0 20px;position: absolute;width: auto;}
.index04 .right .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #009fe2;opacity: 1;background-color: transparent;position: relative;padding: 0;margin: 0;margin-right: 10px;left: 0;bottom: 0;top: 0;right: 0;}
.index04 .right .swiper-pagination-bullet:last-child{margin-right: 0;}
.index04 .right .swiper-pagination-bullet-active{background-color: #009fe2;}

/* .footerwrap */
.footerwrap{width: 100%;box-sizing: border-box;background-color: #2f3234;border-top: 5px solid #008b41;padding-top: 74px;position: relative;z-index: 1;}
.footerwrap .f-nav{width: 1200px;margin: auto;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;}
.footerwrap .copyright{width: 100%;box-sizing: border-box;padding: 20px calc((100% - 1200px)/2);background-color: #161616;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.5);}
.footerwrap .copyright h3 a{margin-left: 40px;}

/* 发展历程 */
.innerbanner{width: 100%;box-sizing: border-box;position: relative;margin-top: 80px;}
.innerbanner img{display: block;width: 100%;}
.innerbanner .text{width: 100%;box-sizing: border-box;text-align: center;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.innerbanner .text h3{font-size: 36px;color: #fff;margin-bottom:10px;}
.innerbanner .text p{font-size: 14px;color: #ffffff;text-transform: uppercase;}

/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}
/* history01wrap */
.history01wrap{width: 100%;box-sizing: border-box;position: relative;padding: 90px 0;background: url(../img/histirybg.jpg)no-repeat;background-size: cover;}
.history01{width: 1100px;margin: auto;box-sizing: border-box;}
.history01 .t-img{display: block;width: auto;margin: auto;}
.history01 .cont{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;position: relative;padding-top: 30px;}
.history01 .cont::before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;background-color: #009fe3;top: 0;z-index: 0;}
.history01 .cont li{width: 50%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 50px;position: relative;z-index: 1;}
.history01 .cont li .box{width: 80%;border-radius: 10px;border:4px solid #009fe3;overflow: hidden;position: relative;}
.history01 .cont li .box .bigimg{display: block;width: 100%;}
.history01 .cont li .box .text{width: 100%;height: 100%;box-sizing: border-box;position: absolute;top: 0;left: 0;background: url(../img/history_mask.png)no-repeat;background-size: cover;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;text-align: center;padding: 0 40px;}
.history01 .cont li .box .text img{display: block;width: auto;}
.history01 .cont li .box .text strong{display: block;width: 120px;height: 1px;background-color: #FFFFFF;margin: 10px 0;}
.history01 .cont li .box .text p{font-size: 20px;color: #FFFFFF;margin-bottom: 20px;}
.history01 .cont li .box .text h4{font-size: 14px;color: #FFFFFF;line-height: 22px;}
.history01 .cont li .line{width: 20%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;white-space: nowrap;}
.history01 .cont li .line::before{content: '';display: block;width: calc(100% - 6px);height: 1px;background-color: #009fe3;}
.history01 .cont li .line::after{content: '';display: block;width: 11px;height: 11px;border: 1px solid #009fe3;background-color: #FFFFFF;border-radius: 50%;margin-right: -6px;margin-left: -6px;}
.history01 .cont li:nth-of-type(2n){margin-top: 50px;margin-bottom: 0;-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.history01 .cont li:nth-of-type(2n) .line{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}

/* history02 */
.history02{width: 1200px;margin: 80px auto;display: flex;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.history02 a{display: block;width: 23.5%;overflow: hidden;position: relative;}
.history02 a img{display: block;width: 100%;transition: all .6s;}
.history02 a:hover img{transform: scale(1.1);}
.history02 a .text{width: 100%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;position: absolute;top: 0;left: 0;background-color: rgba(39,42,47,0.66);transition: all .6s;}
.history02 a .text h3{font-size: 18px;color: #fff;}
.history02 a .text i{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;border: 1px solid #fff;font-size: 15px;width: 20px;height: 20px;border-radius: 50%;position: absolute;bottom: 20px;left: 50%;margin-left: -10px;color: #fff;opacity: 0;transition: all .6s;}
.history02 a .text i::before{content: '';display: block;width: 5px;height: 5px;border-top: 1px solid #fff;border-right: 1px solid #fff;transform: rotate(45deg);-webkit-transform: rotate(45deg);margin-left: -2PX;}
.history02 a:hover .text{background-color: rgba(39,42,47,0.82);}
.history02 a:hover .text i{opacity: 1;}

/* 关于 */
.aboutbanner{width: 100%;box-sizing: border-box;position: relative;margin-top: 80px;overflow: hidden;}
.aboutbanner img{display: block;width: 100%;}
.aboutbanner .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;}
.aboutbanner .text .cont{width: 700px;}
.aboutbanner .text .cont .top{text-align: center;padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.5);margin-bottom: 40px;}
.aboutbanner .text .cont .top h3{font-size: 30px;color: #ffffff;font-weight: bold;}
.aboutbanner .text .cont .top strong{display: block;width: 60px;height: 2px;background-color: #FFFFFF;margin: 30px auto;}
.aboutbanner .text .cont .top h4{font-size: 15px;color: #ffffff;line-height: 30px;}
.aboutbanner .text .cont .info{box-sizing: border-box;width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.aboutbanner .text .cont .info .min p{font-size: 15px;color: #ffffff;line-height: 32px;position: relative;padding-left: 20px;box-sizing: border-box;}
.aboutbanner .text .cont .info .min p::before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #FFFFFF;position: absolute;top: 12px;left: 0;}

/* about01 */
.about01{width: 1200px;margin: 80px auto;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;}
.about01 .imgbox{width: 50%;box-sizing: border-box;overflow: hidden;}
.about01 .imgbox img{display: block;width: 100%;}
.about01 .text{width: 50%;box-sizing: border-box;padding-left: 60px;}
.about01 .text h4{font-size: 15px;color: #666666;line-height: 30px;margin-bottom: 30px;}
.about01 .text h4:last-child{margin-bottom: 0;}

/* about02wrap */
.about02wrap{width: 100%;box-sizing: border-box;padding: 130px 0;background: url(../img/aboutbg2.jpg)no-repeat fixed;background-size: cover;}
.about02{width: 1200px;margin: auto;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;} 
.about02 li{width: 25%;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.5);text-align: center;padding: 40px;}
.about02 li img{display: block;width: auto;margin: auto;margin-bottom: 20px;}
.about02 li p{font-size: 15px;line-height: 24px;color: #FFFFFF;}
.about02 li:last-child{border-right: 1px solid rgba(255,255,255,0.5);}

/* about03 */
.about03{width: 1200px;margin: 80px auto;box-sizing: border-box;padding-top: 80px;border-top: 1px solid #DDDDDD;text-align: center;}
.about03 p{font-size: 13px;color: #aaaaaa;margin-bottom: 10px;}
.about03 h3{font-size: 30px;color: #222222;font-weight: bold;}
.about03 strong{display: block;width: 40px;height: 1px;background-color: #009fe3;margin: 20px auto;}
.about03 h4{font-size: 15px;color: #666666;line-height: 30px;width: 50%;margin: auto;margin-bottom: 40px;}
.about03 .more{display: block;width: 180px;height: 42px;line-height: 42px;text-align: center;margin: auto;border: 1px solid #009fe3;background-color: transparent;color: #009fe3;}
.about03 .more::after{background-color: #009fe3;}
.about03 .more:hover{color: #FFFFFF;}

/* 核心成员 */
.team01{width: 1200px;margin: 100px auto;}
.team01 .min{width: 100%;box-sizing: border-box;}
.team01 .min li{width: 100%;padding: 20px;background-color: #f6f6f6;margin-bottom: 30px;}
.team01 .min li .first{width: 100%;display: flex;display: -webkit-flex;align-items: flex-start;-webkit-align-items:flex-start;justify-content: space-between;-webkit-justify-content: space-between;cursor: pointer;}
.team01 .min li .first .left{display: flex;display: -webkit-flex;align-items: center;-webkit-align-items:center;align-items: center;-webkit-justify-content:flex-start;justify-content: flex-start;width: 90%;}
.team01 .min li .first .left .imgbox{width: 170px;border-radius: 50%;}
.team01 .min li .first .left .imgbox img{display: block;width: 100%;}
.team01 .min li .first .left .text h3{font-size: 26px;color: #222222;font-weight: bold;margin-bottom: 12px;}
.team01 .min li .first .left .text p{font-size: 14px;}
.team01 .min li .first .left .text{box-sizing: border-box;padding-left: 40px;}
.team01 .min li .down{width: 80%;box-sizing: border-box;padding-left: 210px;display: none;margin-bottom:50px;}
.team01 .min li .down p{font-size: 15px;color: #444444;line-height: 30px;text-align: justify;}
.team01 .min li .first .icon{margin-top: 15PX;}
.team01 .min li .first .icon:after{content: '+';display: block;font-size: 32px;color: #0c6ff6;}
.team01 .min .open .first .icon:after{content: '-';}
.team01 .min li:first-child .down{display: block;}

/* 联系 */
/* contact01 */
.contact01{width: 100%;box-sizing: border-box;padding: 0 ;overflow: hidden;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.contact01 .left{width: 30%;background-color: #f1f2f3;padding: 100px 50px 100px calc((100% - 1200px)/2);}
.contact01 .left .cont{width: 100%;box-sizing: border-box;}
.contact01 .left .cont li{width: 100%;margin-bottom: 50px;}
.contact01 .left .cont li .top{font-size: 28px;color: #222222;font-weight: bold;margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.contact01 .left .cont li .info{width: 100%;}
.contact01 .left .cont li .info .item{width: 100%;box-sizing: border-box;margin-bottom: 30px;}
.contact01 .left .cont li .info .item h3{font-size: 15px;color: #222222;font-weight: bold;margin-bottom: 10px;}
.contact01 .left .cont li .info .item p{font-size: 15px;color: #666666;line-height: 24px;}
.contact01 .left .cont li .info .item:last-child{margin-bottom: 0;}
.contact01 .left .cont li:last-child{margin-bottom: 0;}
.contact01 .right{width: 70%;box-sizing: border-box;padding: 100px calc((100% - 1200px)/2) 100px 50px;}
.contact01 .right form{width: 100%;box-sizing: border-box;}
.contact01 .right form p{font-size: 15px;color: #222222;margin-bottom: 10px;}
.contact01 .right form input{display: block;width: 100%;height: 42px;border: 1px solid #ddd;box-sizing: border-box;padding: 0 20px;font-size: 14px;color: #888888;margin-bottom: 30px;outline: none;}
.contact01 .right form textarea{display: block;width: 100%;height: 200px;box-sizing: border-box;padding: 20px;outline: none;border: 1px solid #ddd;resize: none;}
.contact01 .right form .more{width: 136px;height: 36px;line-height: 34px;border-radius: 4px;border: 1px solid #009fe3;margin-top: 30px;}

/* 荣誉 */
.honor01wrap{width: 1200px;margin: 80px auto 60px;box-sizing: border-box;}
.honor01wrap .top{width: 100%;text-align: center;font-size: 28px;color: #222222;font-weight: bold;margin-bottom: 40px;}
.honor01{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.honor01>a{display: block;width: 32%;float: left;margin-right:2%;margin-bottom: 2%;text-align: center;padding: 78px 0 84px;background-color: #eeeeee;transition: all .3s;position: relative;z-index: 0;}
.honor01>a:nth-child(3n){margin-right: 0;}
.honor01>a>span{display: block;z-index: 3;opacity: 0;position: relative;font-size: 12px;color: #bbbbbb;transition: all .3s;}
.honor01>a>p{font-size: 20px;z-index: 3;opacity: 0;position: relative;width: 70%;margin: 29px auto 19px;color: #2087bf;transition: all .3s;line-height: 28px;min-height: 56px;}
.honor01>a>i{display: block;z-index: 3;opacity: 0;position: relative;width: 40px;height: 2px;background-color: #2087bf;margin: 0 auto;transition: all .3s;}
.honor01>a>font{display: block;z-index: 3;opacity: 0;width: 127px;height: 36px;line-height: 36px;text-align: center;background-color: #fff;font-size:12px;color: #333333;opacity: 0;transition: all .5s;position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);display: none;}
.honor01>a:after{content: "";display: block;position: absolute;background-color:rgba(33, 136, 192, 0.8);top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;transition: all .5s;}
.honor01>a:hover span{transform: translateY(-20px);color: #fff;opacity: 1;}
.honor01>a:hover p{transform: translateY(-20px);color: #fff;opacity: 1;}
.honor01>a:hover i{transform: translateY(-20px);background-color: #fff;opacity: 1;}
.honor01>a:hover font{opacity:1;}
.honor01>a:hover:after{opacity: 1;}
.honor01>a>img{position: absolute;max-width: 80%;max-height: 80%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: -1;}

.zs_big{width: 100%;background-color: #f1f1f1;position: relative;overflow: hidden;}
.zs_big>.zs_l{width: 36%;float: left;position: relative;box-sizing: border-box;padding: 150px 0;padding-left: calc((100% - 1200px)/2);background: url(../img/ry.jpg)no-repeat;background-size: cover;}
.zs_big>.zs_l>img{width: 100%;position: absolute;top: 0;left: 0;z-index: 0;}
.zs_big>.zs_l>.zs_txt{position: relative;z-index: 1;padding-right: 90px;}
.zs_big>.zs_l>.zs_txt>span{font-size: 30px;color: #ffffff;}
.zs_big>.zs_l>.zs_txt>p{font-size: 14px;margin: 17px 0 24px;color: #fff;}
.zs_big>.zs_l>.zs_txt>h4{font-size: 14px;color: #ffffff;line-height: 26px;margin-top: 40px;opacity: 0.8;padding-bottom: 70px;position: relative;}
.zs_big>.zs_l>.zs_txt>h4::after{content: '';display: block;width: calc(100% + 180px);height: 1px;background-color: rgba(255,255,255,0.5);position: absolute;right: -90px;bottom: 0;margin-bottom: 30px;}
.zs_r{width: 64%;position: absolute;right: 0;height: 100%;}
.zs_r .swiper-container{height: 100%;}
.zs_r .swiper-container .zs_main:after{content: "";display: block;width: 1px;background-color: #fff;height: 100%;position: absolute;right: 0;top: 0;}
.zs_r .swiper-container .swiper-wrapper .swiper-slide:last-of-type .zs_main:after{display: none;}
.zs_r .swiper-container .zs_main{width: auto;max-width: 80%;}
.zs_r .swiper-container .zs_main>h3>img{max-width: 100%;}
.zs_r .swiper-container .zs_main>p{font-size:20px;color: #222222;margin: 18px auto;text-align: center;}
.zs_r .swiper-container .zs_main>a{display: block;width: 140px;height: 38px;text-align: center;line-height: 38px;font-size: 12px;color: #2087bf;border: 1px solid #2087bf;margin: 0 auto;transition: all .3s;display: none;}
.zs_r .swiper-container .zs_main>a:hover{background-color: #2087bf;color: #fff;}
.zs_r .swiper-container .swiper-wrapper .swiper-slide{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}


.zs_big>.zs_l>.zs_txt .swiper-button-prev{left: 80px;top: 116%;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #fff;outline: none;background-image:url(../img/ht.png);background-size: 15px;margin-top: 0;position: relative;top: 0;left: 0;}
.zs_big>.zs_l>.zs_txt .swiper-button-next{left: 160px;top: 116%;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #fff;outline: none;background-image:url(../img/qj.png);background-size: 15px;margin-top: 0;position: relative;left: 0;top: 0;margin-left: 30px;}
.zs_big>.zs_l>.zs_txt .page{width: 100%;position: relative;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;}

/* 产品列表 */
.protab{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;background-color: #fff;}
.protab ul{width: 1200px;margin: auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;box-sizing: border-box;}
.protab ul li{margin-right: 80px;}
.protab ul li a{font-size: 18px;color: #222222;font-weight: bold;line-height: 90px;background-color: #FFFFFF;position: relative;display: block;}
.protab ul li:last-child{margin-right: 0;}
.protab a::after{content: '';display: block;width: 0%;height: 2px;position: absolute;left: 0;bottom: 0;transition: all .3s;background-color: #009fe3;}
.protab ul li:hover a::after,.protab ul li.current a::after{width: 100%;}
.protab ul li.current a,.protab ul li:hover a{color: #009fe3;}
.fixedSubNav{position:fixed;top:81px;left:0;z-index:9;}

/* productwrap */
.productwrap{width: 100%;background-color: #f1f1f1;padding: 0 calc((100% - 1200px)/2) 100px;box-sizing: border-box;}
.productcont{width: 100%;box-sizing: border-box;padding-top: 60px;}
.productcont .p-tl{font-size: 24px;color: #009fe3;padding-left: 20px;border-left: 3px solid #009fe3;font-weight: bold;margin-bottom: 30px;}
.productcont .info{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.productcont .info a{display: block;background-color: #fff;width: 23.5%;margin-right: 2%;position: relative;box-shadow: 0px 0px 5px rgba(0,0,0,0.3);}
.productcont .info a::after{content: '';display: block;width: 0%;height: 1px;background-color: #009fe3;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.productcont .info a:hover::after{width: 100%;}
.productcont .info a:nth-of-type(4n){margin-right: 0;}
.productcont .info a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.productcont .info a .imgbox img{display: block;width: 100%;transition: all .6s;}
.productcont .info a:hover .imgbox img{transform: scale(1.1);}
.productcont .info a .text{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;padding: 20px;border-top: 1px solid #ddd;}
.productcont .info a .text h3{font-size: 15px;color: #222222;line-height: 22px;}
.productcont .info a:hover .text h3{color: #009fe3;}
.productcont .info a .text i{font-size: 15px;color: #009fe3;opacity: 0;transition: all .3s;}
.productcont .info a:hover .text i{opacity: 1;}

/* 产品详情 */
.innerbanner .text02 h3{display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.innerbanner .text02 h3::before,.innerbanner .text02 h3::after{content: '';display: block;width: 120px;height: 1px;background-color: rgba(255,255,255,0.5);margin: 30px 0;}
.innerbanner .text02 h3::before{margin-right: 30px;}
.innerbanner .text02 h3::after{margin-left: 30px;}
.innerbanner .text02 font{font-size: 24px;color: #fff;}
.innerbanner .text02 p{opacity: 0.5;}

/* proinfo01wrap */
.proinfo01wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;}
.proinfo01wrap li{width: 1200px;margin: auto;box-sizing: border-box;position: relative;}
.proinfo01wrap li::before,.proinfo01wrap li::after{content: '';display: block;width: 30%;height: 70%;position: absolute;z-index: 0;}
.proinfo01wrap li::before{background-color: #009ee2;position: absolute;top: -20px;left: -20px;}
.proinfo01wrap li::after{background-color: #008b41;position: absolute;bottom: -20px;right: -20px;}
.proinfo01wrap li .cont{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;background-color: #fff;position: relative;z-index: 1;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.proinfo01wrap li .cont .imgbox{width: 40%;border-right: 1px solid #ddd;box-sizing: border-box;overflow: hidden;}
.proinfo01wrap li .cont .imgbox img{display: block;width: 100%;transition: all .6s;}
.proinfo01wrap li:hover .cont .imgbox img{transform: scale(1.1);}
.proinfo01wrap li .cont .text{width: 60%;box-sizing: border-box;padding: 0 60px;}
.proinfo01wrap li .cont .text h3{font-size: 30px;color: #222222;font-weight: bold;}
.proinfo01wrap li .cont .text strong{display: block;width: 60px;height: 1px;background-color: #008b41;margin: 30px 0;}
.proinfo01wrap li .cont .text h4{font-size: 16px;color: #222222;line-height: 36px;text-align: justify;}
.proinfo01wrap .line{display: block;width: 1240px;height: 1px;background-color: #ddd;margin: 100px auto;}
.proinfo01wrap li.two .cont{-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.proinfo01wrap li.two .cont .imgbox{border-left: 1px solid #ddd;border-right: none;}
.proinfo01wrap li.two:before {background-color: #008b41;}
.proinfo01wrap li.two:after {background-color: #009ee2;}

/* zldown */
.zldown{width: 100%;text-align: center;}
.zldown h3{font-size: 30px;color: #222;margin-bottom: 30px;font-weight: bold;}
.zldown p{font-size: 15px;color: #666666;margin-bottom: 30px;}
.zldown strong{display: block;width: 40px;height: 2px;background-color: #009ee2;margin: auto;margin-bottom: 30px;}
.zldown .more{margin: auto;border: 1px solid #009ee2;}

/* proinfo02 */
.proinfo02{width: 1000px;margin: 100px auto;box-sizing: border-box;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.proinfo02 .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;border-bottom: 1px solid #ddd;}
.proinfo02 .imgbox img{display: block;width: 100%;}
.proinfo02 .text{width: 100%;box-sizing: border-box;padding: 0 60px 60px;position: relative;z-index: 1;}
.proinfo02 .text .btn{display: block;width: 216px;height: 74px;border-radius: 4px;border: 5px solid #eeeeee;background-color: #009ee2;font-size: 24px;color: #fff;text-align: center;box-sizing: border-box;line-height: 64px;margin: auto;margin-top: -37px;margin-bottom: 60px;}
.proinfo02 .text h4{font-size: 18px;color: #666666;line-height: 36px;}


/* proinfo03wrap */
.proinfo03wrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 100px 0;}
.proinfo03wrap .tl{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 40px;text-align: center;}
.proinfo03{width: 1000px;margin: auto;box-sizing: border-box;position: relative;}
.proinfo03 a{display: block;width: 100%;}
.proinfo03 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.proinfo03 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.proinfo03 a:hover .imgbox img{transform: scale(1.1);}
.proinfo03 a .text{width: 60%;box-sizing: border-box;background-color: #009ee2;text-align: center;padding: 40px 20px;margin: auto;margin-top: -63px;position: relative;z-index: 1;}
.proinfo03 a .text h3{font-size: 20px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.proinfo03 a .text h4{font-size: 16px;color: #fff;}
.proinfo03 .swiper-button-next,.proinfo03 .swiper-button-prev{background-image: none;font-size: 36px;color: #333;width: auto;height: auto;margin-top: -50px;outline: none;}
.proinfo03 .swiper-button-next{right: -40px;}
.proinfo03 .swiper-button-prev{left: -40px;}

/* proinfo04 */
.proinfo04{width: 100%;box-sizing: border-box;background-color: #fff;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.proinfo04 .toback{display: flex;display: -webkit-flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;font-size: 20px;color: #222222;width: 100%;height: 100px;transition: all .3s;}
.proinfo04 .toback i{margin-right: 10px;font-size: inherit;color: inherit;}
.proinfo04:hover .toback{background-color: #009ee2;}
.proinfo04:hover .toback{color: #fff;}

/* proinfo05 */
.proinfo05{background-color: #f3f4f6;padding: 100px 0; border-top: 1px solid #ccc;}
.proinfo05 .title{text-align: center;margin-bottom: 40px;}
.proinfo05 h3{font-size: 30px;color: #222;font-weight: bold;}
.proinfo05  .reproduct{width: 1200px;margin: auto; margin-bottom: 0px;position: relative;}
.proinfo05  .reproduct a{    display: block;width: 100%;box-sizing: border-box;position: relative;background-color: #fff;border: 1px solid #ddd;}
.proinfo05  .reproduct a::after{content: '';display: block;width: 0%;height: 1px;background-color: #009fe3;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.proinfo05  .reproduct a:hover::after{width: 100%;}
.proinfo05  .reproduct a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.proinfo05  .reproduct a .imgbox img{display: block;width: 100%;transition: all .6s;}
.proinfo05  .reproduct a:hover .imgbox img{transform: scale(1.1);}
.proinfo05  .reproduct a .text{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;padding: 20px;border-top: 1px solid #ddd;}
.proinfo05  .reproduct a .text h3{font-size: 15px;color: #222222;line-height: 22px;}
.proinfo05  .reproduct a:hover .text h3{color: #009fe3;}
.proinfo05  .reproduct a .text i{font-size: 15px;color: #009fe3;opacity: 0;transition: all .3s;}
.proinfo05  .reproduct a:hover .text i{opacity: 1;}

.proinfo05 .reproduct .swiper-button-next, .proinfo05 .swiper-button-prev{    background-image: none;font-size: 30px;color: #b2b3b3;width: auto;height: auto;margin-top: -15px;}
.proinfo05 .reproduct .swiper-button-prev{ left: -60px;}
.proinfo05 .reproduct  .swiper-button-next { right: -60px;}




/* 解决方案 */
/* solutiion01 */
.solutiion01wrap{width: 1200px;margin: 100px auto;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.solutiion01{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;}
.solutiion01 .gallery-top{width: 80%;overflow: hidden;}
.solutiion01 .gallery-top .imgbox{width: 100%;overflow: hidden;}
.solutiion01 .gallery-top .imgbox img{display: block;width: 100%;}
.solutiion01 .thumbswrap{width: 30%;margin-left: -10%;background-color: #008b41;position: relative;box-sizing: border-box;box-shadow: 0px 0px 10px rgba(0,0,0,0.3);padding: 100px 30px;position: relative;z-index: 1;min-height: 50%;}
.solutiion01 .thumbswrap .swiper-slide h3{display: block;width: 100%;font-size: 20px;color: #fff;font-weight: bold;}
.solutiion01 .thumbswrap .swiper-slide strong{display: block;width: 50px;height: 1px;background-color: #fff;margin: 20px 0;}
.solutiion01 .thumbswrap .swiper-slide h4{font-size: 15px;color: #fff;line-height: 24px;text-align: justify;}

.solutiion01wrap .page{width: 100%;position: relative;margin-top: 30px;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.solutiion01wrap .page .swiper-button-next,.solutiion01wrap .page .swiper-button-prev{background-image: none;font-size: 26px;color: #008b41;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;width: auto;height: auto;outline: none;}
.solutiion01wrap .page .swiper-pagination{position: relative;margin: 0 30px;bottom: 0;width: auto;}
.solutiion01wrap .page .swiper-pagination .swiper-pagination-bullet{background-color: #dddddd;margin-right: 20px;opacity: 1;}
.solutiion01wrap .page .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.solutiion01wrap .page .swiper-pagination .swiper-pagination-bullet-active{background-color: #008b41;}

/* solutiion02wrap */
.solutiion02wrap{width: 90%;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;margin: 100px auto;}
.solutiion02wrap a{display: block;width: calc((100% - 3px)/4);position: relative;}
.solutiion02wrap a .imgbox{width: 100%;overflow: hidden;position: relative;}
.solutiion02wrap a .imgbox img{display: block;width: 100%;transition: all .6s;}
.solutiion02wrap a:hover .imgbox img{transform: scale(1.1);}
.solutiion02wrap a .imgbox .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;background-color: rgba(13,124,170,0.6);position: absolute;opacity: 0;transition: all .3s;}
.solutiion02wrap a .imgbox .text h3{font-size: 18px;color: #fff;transform: translateY(100px);transition: all .3s;transition-delay: .1s;}
.solutiion02wrap a:hover .imgbox .text{opacity: 1;}
.solutiion02wrap a:hover .imgbox .text h3{transform: none;}
.solutiion02wrap a .font{background-color: #eeeeee;padding: 40px;transition: all .3s;}
.solutiion02wrap a .font h3{font-size: 24px;color: #222222;margin-bottom: 10px;}
.solutiion02wrap a .font p{font-size: 12px;color: #222222;text-transform: uppercase;}
.solutiion02wrap a:hover .font{background-color: #009fe2;}
.solutiion02wrap a:hover .font h3,.solutiion02wrap a:hover .font p{color: #fff;}

/* 解决方案详情 */
.solutioninfo01{width: 1200px;margin: 100px auto 70px;text-align: center;box-sizing: border-box;padding: 0 140px;}
.solutioninfo01 h3{font-size: 24px;color: #222222;font-weight: bold;}
.solutioninfo01 strong{display: block;width: 60px;height: 1px;background-color: #009fe2;margin: 30px auto;}
.solutioninfo01 h4{font-size: 16px;color: #666666;line-height: 24px;}
.solutioninfo01 h4 p{font-size: 16px;color: #666666;line-height: 24px;}

/* solutioninfo02wrap */
.solutioninfo02wrap{width: 100%;box-sizing: border-box;margin-bottom: 100px;}
.solutioninfo02wrap li{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;}
.solutioninfo02wrap li .imgbox{width: 50%;overflow: hidden;}
.solutioninfo02wrap li .imgbox img{display: block;width: 100%;transition: all .6s;}
.solutioninfo02wrap li:hover .imgbox img{transform: scale(1.1);}
.solutioninfo02wrap li .text{width: 50%;box-sizing: border-box;padding: 0 calc((100% - 1200px)/2) 0 80px;}
.solutioninfo02wrap li .text h3{font-size: 22px;color: #222222;font-weight: bold;margin-bottom: 30px;}
.solutioninfo02wrap li .text h4{font-size: 16px;color: #666666;line-height: 30px;text-align: justify;}
.solutioninfo02wrap li:nth-of-type(2n){-webkit-flex-flow: row-reverse;flex-flow: row-reverse;}
.solutioninfo02wrap li:nth-of-type(2n) .text{padding: 0 80px 0 calc((100% - 1200px)/2);}

/* solutioninfo03 */
.solutioninfo03{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;}
.solutioninfo03 a{display: block;width: calc((100% - 3px)/4);position: relative;overflow: hidden;}
.solutioninfo03 a img{display: block;width: 100%;transition: all .6s;}
.solutioninfo03 a .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;transition: all .3s;background-color:rgba(0,0,0,0.6)}
.solutioninfo03 a .text h3{font-size: 18px;color: #FFFFFF;}
.solutioninfo03 a:hover .text{background-color: rgba(13,124,170,0.6);}
.solutioninfo03 a:hover img{transform: scale(1.1);}

/* 新闻 */
.news-tab{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;}
.news-tab a{display: block;font-size: 18px;color: #222222;line-height: 90px;position: relative;margin-right: 90px;}
.news-tab a:last-child{margin-right: 0;}
.news-tab a::after{content: '';display: block;width: 0;height: 2px;background-color: #009fe2;position: absolute;left: 0;bottom: 0;transition: all .3s;}
.news-tab a:hover::after,.news-tab a.active::after{width: 100%;}
.news-tab a:hover,.news-tab a.active{color: #009fe2;}

/* news01wrap */
.news01wrap{width: 1200px;margin: 80px auto 0;}
.news01{width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;border-bottom: 1px solid #ddd;}
.news01 a{display: block;width: 45%;margin-right: 10%;margin-bottom: 70px;}
.news01 a:nth-of-type(2n){margin-right: 0;}
.news01 a .imgbox{width: 100%;box-sizing: border-box;overflow: hidden;}
.news01 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.news01 a:hover .imgbox img{transform: scale(1.1);}
.news01 a .text{width: 100%;box-sizing: border-box;padding-top: 40px;}
.news01 a .text h3{font-size: 22px;color: #222222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news01 a:hover .text h3{color: #009fe2;}
.news01 a .text font{font-size: 12px;color: #888888;margin: 20px 0;display: block;}
.news01 a .text h4{font-size: 15px;color: #666666;line-height: 24px;margin-bottom: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news01 a .text .more{border: 1px solid #009fe2;opacity: 0;transition: all .3s;}
.news01 a:hover .text .more{opacity: 1;}

.fy,.nav-links{width: 100%;box-sizing: border-box;padding: 60px 0 60px;justify-content: center;-webkit-justify-content: center;display: flex;margin: auto;display: -webkit-flex;}

.fy a,.nav-links a,.nav-links span{display: block;width: auto;min-width: 32px;height: 34px;line-height: 34px;font-size: 14px;
color: #b8b8b8;border: 1px solid #b8b8b8;border-radius: 5px;background-color: #FFFFFF;transition: all .3s;margin: 0 7px;text-align: center;box-sizing: border-box;padding: 0 10px;}

.fy a:hover{background-color: #009fe2;border-color: #009fe2;color: #FFFFFF;}
.fy .active,.nav-links span{background-color: #009fe2;border-color: #009fe2;color: #FFFFFF;}

.fy a:nth-of-type(1){margin-left: 0;}

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


/* 视频中心 */
.video01wrap{width: 1000px;margin: 80px auto 0;box-sizing: border-box;}
.video01{width: 100%;}
.video01 li{width: 100%;box-sizing: border-box;padding-bottom: 30px;margin-bottom: 50px;border-bottom: 1px solid #ddd;}
.video01 li:last-child{margin-bottom: 0;}
.video01 li video{display: block;width: 100%;object-fit: fill;}
.video01 li .text{width: 100%;text-align: justify;padding-top: 30px;}
.video01 li .text h3{font-size: 20px;color: #222222;font-weight: bold;margin-bottom: 20px;}
.video01 li .text h4{font-size: 16px;color: #666666;line-height: 30px;}

/* 下载中心 */
.download01wrap{width: 1000px;margin: 100px auto 50px;box-sizing: border-box;}
.download01{width: 100%;border-top: 2px solid #009fe2;}
.download01 a{display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;height: 70px;border-bottom: 1px solid #ddd;box-sizing: border-box;padding: 0 30px;transition: all .3s;}
.download01 a h3{font-size: 15px;color: #222222;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.download01 a h3 i{font-size: 16px;color: #009fe2;margin-right: 10px;}
.download01 a font{font-size: 13px;color: #009fe3;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.download01 a font i{font-size: inherit;color: inherit;margin-left: 10px;}
.download01 a:hover{background-color: #f1f2f3;}








/* 金典案例 */
.case01wrap{width: 1200px;margin: auto;box-sizing: border-box;}
.case01{margin-top: 60px;width: 100%;display: flex;display: -webkit-flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.case01 a{display: block;width: 32%;margin-right: 2%;margin-bottom: 60px;}
.case01 a:nth-of-type(3n){margin-right: 0;}
.case01 a .imgbox{width: 100%;overflow: hidden;}
.case01 a .imgbox img{display: block;width: 100%;transition: all .6s;}
.case01 a:hover .imgbox img{transform: scale(1.1);}
.case01 a .text{width: 100%;height: 64px;background-color: #eeeeee;line-height: 64px;font-size: 18px;color: #222222;text-align: center;}
.case01wrap .fy{padding-top: 0;}

/* 案例详情 */
.caseinfowrap{width: 100%;margin: auto;box-sizing: border-box;margin-top: 200px;}
.caseinfo01{width: 900px;margin: auto;box-sizing: border-box;margin-bottom: 100px;}
.caseinfo01 h3{font-size: 34px;color: #222222;font-weight: bold;text-align: center;}
.caseinfo01 strong{display: block;width: 100%;height: 1px;background-color: #dddddd;margin: 40px 0;position: relative;}
.caseinfo01 strong::before{content: '';display: block;width: 60px;height: 2px;background-color: #222222;position: absolute;left: 50%;bottom: -1px;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.caseinfo01 h4{font-size: 16px;line-height: 32px;text-indent: 2rem;text-align: justify;text-align-last: center;}
/* caseinfo02wrap */
.caseinfo02wrap{width: 100%;box-sizing: border-box;padding: 0 10% 80px;position: relative;}
.caseinfo02wrap::after{content: '';display: block;width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;background-color: #f3f4f6;z-index: 0;}
.caseinfo02{width: 100%;box-sizing: border-box;position: relative;z-index: 1;}
.caseinfo02 a{display: block;width: 100%;}
.caseinfo02 a img{display: block;width: 100%;transition: all .6s;}
.caseinfo02 a:hover img{transform: scale(1.1);}
.caseinfo02 .page{width: auto;position: absolute;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;right: 0;bottom: 0;height: 50px;padding: 0 30px;background-color: #fff;z-index: 1;}
.caseinfo02 .page .swiper-button-next,.caseinfo02 .page .swiper-button-prev{background-image: none;font-size: 26px;color: #009fe2;position: relative;padding: 0;margin: 0;top: 0;left: 0;right: 0;width: auto;height: auto;outline: none;}
.caseinfo02 .page .swiper-pagination{position: relative;margin: 0 30px;}
.caseinfo02 .page .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #cccccc;opacity: 1;margin-right: 10px;outline: none;}
.caseinfo02 .page .swiper-pagination-bullet:last-child{margin-right: 0;}
.caseinfo02 .page .swiper-pagination-bullet-active{background-color: #009fe2;}

.caseinfo02 .bot{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;box-sizing: border-box;padding: 0 100px;margin-top: 50px;}
.caseinfo02 .bot li{width: 25%;text-align: center;}
.caseinfo02 .bot li h3{font-size: 20px;color: #000000;margin-bottom: 30px;font-weight: bold;}
.caseinfo02 .bot li p{font-size: 15px;color: #666666;}

/* 新闻详情 */
.newsinfowrap{width: 100%;box-sizing: border-box;margin-top: 80px;}
.newsinfowrap .n-tlwrap{width: 100%;box-sizing: border-box;background-color: #f1f2f3;padding: 80px 0;}
.newsinfowrap .n-tlwrap .n-tl{width: 1200px;margin: auto;}
.newsinfowrap .n-tlwrap .n-tl h3{font-size: 30px;color: #222222;font-weight: bold;margin-bottom: 20px;line-height: 36px;}
.newsinfowrap .n-tlwrap .n-tl p{font-size: 14px;color: #888888;}
.newsinfo01{width: 1200px;margin: auto;box-sizing: border-box;padding-right: 280px;margin-bottom: 100px;}
.newsinfo01 .cont{width: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 50px 0;}
.newsinfo01 .cont h4{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}
.newsinfo01 .cont h4:last-child{margin-bottom: 0;}

.newsinfo01 .cont h4 img{ display: block;width: auto;height: auto;max-width: 100%;margin: 0 auto;}

.newsinfo01 .cont h4 p{font-size: 15px;color: #666666;line-height: 32px;margin-bottom: 30px;}

.newsinfo01 .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;}
.newsinfo01 .page a{font-size: 14px;color: #666666;}
.newsinfo01 .page a i{font-size: inherit;color: inherit;margin-right: 10px;}
.newsinfo01 .page a:last-child i{margin-right: 0;margin-left: 10px;}
.newsinfo01 .page a:hover{color: #009fe2;}















 @media only screen and (max-width:1600px ) {
 .header .right .nav li>a{font-size: 15px;padding: 0 20px;}
 .zs_big>.zs_l{padding: 120px 0;padding-left: calc((100% - 1200px)/2);}
 
 .solutiion02wrap{width: 95%;}
 }