.banner-design{background-image:url(../images/201706051123410892.jpg);}
.banner-design i{display:block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/201803010417150867.png);}
.banner-design .i-1 {width:224px; height:113px; background-position: -2px -2px;margin-left:30px;float:left;margin-right:15px;margin-bottom:15px;}
.banner-design .i-2 {width:333px; height:23px; background-position: -1203px -14px; float: left;}
.banner-design .i-3 {width:556px; height:64px; background-position: -228px -2px;margin-top:15px;}
.banner-design .i-4 {width:973px; height:17px; background-position: -228px -99px;}
.banner-design .i-5 {width:774px; height:29px; background-position: -228px -68px;margin-left:162px;margin-top:14px;}
.banner-design .i-6 {width:734px; height:10px; background-position: -786px -2px;margin-left:203px;margin-top:9px;}
.banner-design .i-7 {width:151px; height:3px; background-position: -786px -39px;margin-left:785px;margin-top:15px;}
.banner-design .banner-box{width: 973px;height:205px;position:relative;}
.banner-design .banner-wrap{position: absolute;top: 50%;left: 50%;margin-left: -486.5px;margin-top: -112.5px;}
.banner-design .box1{padding-top:6px;}
@media( max-width:1170px) and (min-width:992px) {
	.banner-design .banner-box{transform: scale(0.8);-ms-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);}
	.transform-not-support .banner-design .banner-box{zoom: 0.8;}
	.transform-not-support .banner-design .banner-wrap{margin-left: -389.2px;margin-top: -90px;}
}
@media( max-width:991px) and (min-width:768px)  {
	.banner-design .banner-box{transform: scale(0.6);-ms-transform: scale(0.6);-moz-transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);}
	.transform-not-support .banner-design .banner-box{zoom: 0.6;}
	.transform-not-support .banner-design .banner-wrap{margin-left: -291.9px;margin-top: -67.5px;}
}
@media( max-width:767px) {
	.banner-design .i-1,.banner-design .i-2,.banner-design .i-3 {margin-left: auto;margin-right: auto;float: none;}
	.banner-design .i-4,.banner-design .i-5,.banner-design .i-6,.banner-design .i-7{display:none;}
	.banner-design .banner-box{width: 556px;height:236px;}
	.banner-design .banner-wrap{margin-left: -278px;margin-top: -118px;}
	.banner-design .banner-box{transform: scale(0.8);-ms-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);}
	.transform-not-support .banner-design .banner-box{zoom: 0.8;}
	.transform-not-support .banner-design .banner-wrap{margin-left: -222.4px;margin-top: -94.4px;}
}
@media( max-width:600px) {
	.banner-design .banner-box{transform: scale(0.6);-ms-transform: scale(0.6);-moz-transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);}
	.transform-not-support .banner-design .banner-box{zoom: 0.6;}
	.transform-not-support .banner-design .banner-wrap{margin-left: -166.8px;margin-top: -70.8px;}
}
@media( max-width:500px) {
	.banner-design .banner-box{transform: scale(0.4);-ms-transform: scale(0.4);-moz-transform: scale(0.4);-webkit-transform: scale(0.4);-o-transform: scale(0.4);}
	.transform-not-support .banner-design .banner-box{zoom: 0.4;}
	.transform-not-support .banner-design .banner-wrap{margin-left: -111.2px;margin-top: -47.2px;}
}





.banner-1{background-image:url(../images/banner1.jpg);}
.banner-1 i{display:block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/banner1.png);}
.banner-1 .i-1 {width:178px; height:70px; margin-left: 135px;  background-position: -135px -2px;float:left;margin-right:15px;}
.banner-1 .i-2 {width:470px; height:70px; background-position: -310px -2px; float: left;}
.banner-1 .i-3 {width:110px; height:4px; margin-top: 43px; margin-left: 412px; background-position: -412px -100px;}
.banner-1 .i-4 {width:936px; height:85px; margin-top: 40px; background-position: left -150px;}
.banner-1 .i-5 {width:720px; height:27px; background-position: -100px -286px;margin-left:100px;margin-top:40px;}

.banner-1 .banner-box{width: 936px;height:282px;position:relative;}
.banner-1 .banner-wrap{position: absolute;top: 50%;left: 50%;margin-left: -468px;margin-top: -146px;}
.banner-1 .box1{padding-top:0px;}
@media( max-width:1170px) and (min-width:992px) {
	.banner-1 .banner-box{transform: scale(0.8);-ms-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);}
	.transform-not-support .banner-1 .banner-box{zoom: 0.8;}
	.transform-not-support .banner-1 .banner-wrap{margin-left: -389.2px;margin-top: -90px;}
}
@media( max-width:991px) and (min-width:768px)  {
	.banner-1 .banner-box{transform: scale(0.6);-ms-transform: scale(0.6);-moz-transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);}
	.transform-not-support .banner-1 .banner-box{zoom: 0.6;}
	.transform-not-support .banner-1 .banner-wrap{margin-left: -291.9px;margin-top: -67.5px;}
}
@media( max-width:767px) {
	.banner-1 .i-1,.banner-1 .i-2,.banner-1 .i-3 {margin-left: auto;margin-right: auto;float: none;}
	.banner-1 .banner-box{transform: scale(0.6);-ms-transform: scale(0.6);-moz-transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);}
	.transform-not-support .banner-1 .banner-box{zoom: 0.6;}
}
@media( max-width:600px) {
	.banner-1 .banner-box{transform: scale(0.6);-ms-transform: scale(0.6);-moz-transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);}
	.transform-not-support .banner-1 .banner-box{zoom: 0.6;}
	.transform-not-support .banner-1 .banner-wrap{margin-left: -166.8px;margin-top: -70.8px;}
}
@media( max-width:500px) {
	.banner-1 .banner-box{transform: scale(0.4);-ms-transform: scale(0.4);-moz-transform: scale(0.4);-webkit-transform: scale(0.4);-o-transform: scale(0.4);}
	.transform-not-support .banner-1 .banner-box{zoom: 0.4;}
	.transform-not-support .banner-1 .banner-wrap{margin-left: -111.2px;margin-top: -47.2px;}
}


.banner-2{background-image:url(../images/banner2.jpg);}
.banner-2 i{display:block; overflow:hidden; background-repeat: no-repeat;background-image:url(../images/banner2.png);}
.banner-2 .i-1 {width:450px; height:136px; margin: auto;  background-position: -15px -10px;}
.banner-2 .i-2 {width:757px; height:285px; background-position: -470px -15px; position: absolute; top: 70px; left: 0px;}
.banner-2 .i-3 {width:330px; height:32px; position: absolute; top: 80px; left: 213px; background-position: -1270px -60px;}
.banner-2 .i-4 {width:715px; height:60px; margin: auto; margin-top: 50px; background-position: -5px -360px;}
.banner-2 .i-5 {width:285px; height:48px;  background-position: -20px -560px;margin: auto; margin-top: 30px;}
.banner-2 .i-6 {width:665px; height:30px; background-position: -20px -480px; margin: auto;margin-top:90px;}


.banner-2 .banner-box{width: 760px;height:420px;position:relative;}
.banner-2 .banner-wrap{position: absolute;top: 50%;left: 50%;margin-left: -380px;margin-top: -210px;}
.banner-2 .box1{padding-top:0px;}
@media( max-width:1170px) and (min-width:992px) {
	.banner-2 .banner-box{transform: scale(0.8);-ms-transform: scale(0.8);-moz-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);}
	.transform-not-support .banner-2 .banner-box{zoom: 0.8;}
}
@media( max-width:991px) and (min-width:768px)  {
	.banner-2 .banner-box{transform: scale(0.6);-ms-transform: scale(0.6);-moz-transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);}
	.transform-not-support .banner-2 .banner-box{zoom: 0.6;}
}
@media( max-width:767px) {
	.banner-2 .banner-box{transform: scale(0.4);-ms-transform: scale(0.4);-moz-transform: scale(0.4);-webkit-transform: scale(0.4);-o-transform: scale(0.4);}
	.transform-not-support .banner-2 .banner-box{zoom: 0.4;}
}