.proList1_2{ float:right; transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 1s ease-in; opacity:0;}
.demoIn .proList1_2{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1}
.proList2_2{ float:left;  transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 1s ease-in; opacity:0;}
.demoIn .proList2_2{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1}

.proList3_2{float:right; transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 1s ease-in; opacity:0;}
.demoIn .proList3_2{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1}
.proList4_2{ float:left;  transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 1s ease-in; opacity:0;}
.demoIn .proList4_2{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1}

.proList5_2{ float:right; transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 1s ease-in; opacity:0;}
.demoIn .proList5_2{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1}
.proList6_2{ float:left;  transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 1s ease-in; opacity:0;}
.demoIn .proList6_2{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1}

.proList7_2{ float:right; transform:translateX(100%); -webkit-transform:translateX(100%); transition:all 1s ease-in; opacity:0;}
.demoIn .proList7_2{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1}
.proList8_2{ float:left;  transform:translateX(-100%); -webkit-transform:translateX(-100%); transition:all 1s ease-in; opacity:0;}
.demoIn .proList8_2{ transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1}


a.btn{ border:1px solid #ff3600; background-color:#ff3600; color:#fff; padding:5px 20px; margin-top:20px; display: inline-block}
a.btn:hover{ color:#fff}
a.btn_1{ border:1px solid #fff; background-color:#fff; color:#4ecdc4; padding:5px 20px; margin-top:20px; display: inline-block}
a.btn_2{ border:1px solid #fff; background-color:#fff; color:#66c5fb; padding:5px 20px; margin-top:20px; display: inline-block}
a.btn_3{ border:1px solid #fff; background-color:#fff; color:#ffa247; padding:5px 20px; margin-top:20px; display: inline-block}
.advSection1 .left .desc,.advSection2 .desc,.advSection3 .left .desc,.advSection4 .right .desc,.advSection5 .left .desc,.advSection6 .right .desc,.advSection7 .left .desc{
	font-size: 16px;
	color: #666;
	line-height: 28px;
}
.advSection1 .left .title,.advSection3 .left .title,.advSection5 .left .title,.advSection7 .left .title{ margin-top:130px; padding-left:50px}
.advSection2 .right .title,.advSection4 .right .title,.advSection6 .right .title{ margin-top:130px; padding-left:50px}
.advSection1,.advSection2,.advSection3,.advSection14,.advSection5,.advSection7{
	height: auto; overflow:hidden
}
.title em{ position:absolute;left:0px; top:134px;display:inline-block; text-align:center; font-style:normal; font-weight:normal}
.advSection2{ background-color:#f6f6f6;height: 560px; position:relative
}
/* Section3 */
.advSection1 .right,.advSection3 .right,.advSection5 .right,.advSection7 .right{ text-align:center;
}
/*Section4*/
.advSection4 { background-color:#f6f6f6;height: 560px; position:relative
}
.advSection2 .right .title,.advSection2 .right .desc,.advSection4 .right .title,.advSection4 .right .desc,.advSection6 .right .desc{
	color: #666;
}
.advSection6 { background-color:#f6f6f6;height: 560px; position:relative
}
.bannerbg{ background:url(../images/bg1.jpg) no-repeat center top; height:640px; margin-bottom:40px; position:relative}
.swiper-container{ width:1200px; margin-left:auto; margin-right:auto; height:640px}
@keyframes iRotate {
0% {
transform:translateX(-80px);
opacity:0
}
50% {
transform:translateX(-30px)
}
100% {
transform:translateX(0px);
opacity:1
}
}
@-moz-keyframes iRotate {
0% {
-moz-transform:translateX(-80px);
opacity:0
}
50% {
-moz-transform:translateX(-30px)
}
100% {
-moz-transform:translateX(0px);
opacity:1
}
}
@-webkit-keyframes iRotate {
0% {
-webkit-transform:translateX(-80px);
opacity:0
}
50% {
-webkit-transform:translateX(-30px)
}
100% {
-webkit-transform:translateX(0px);
opacity:1
}
}
@-o-keyframes iRotate {
0% {
-o-transform:translateX(-80px);
opacity:0
}
50% {
-o-transform:translateX(-30px)
}
100% {
-o-transform:translateX(0px);
opacity:1
}
}
.banner{ position:absolute; left:-70px;}
.banner_1{ position:absolute; right:80px; top:140px}
.banner_2{ position:absolute; right:80px; bottom:180px}
.banner_1_1{ position:absolute; right:80px; bottom:300px}
.swiper-container.active .banner {
	-webkit-animation: iRotate 0.5s ease-out 0.3s forwards;
	-moz-animation: iRotate 0.5s ease-out 0.3s forwards;
	-o-animation: iRotate 0.5s ease-out 0.3s forwards;
	animation: iRotate 0.5s ease-out 0.3s forwards
}

@keyframes iTranslate {
0% {
transform:translateY(-40px);
opacity:0
}
50% {
transform:translateY(10px)
}
100% {
transform:translateY(0px);
opacity:1
}
}
@-moz-keyframes iTranslate {
0% {
-moz-transform:translateY(-40px);
opacity:0
}
50% {
-moz-transform:translateY(10px)
}
100% {
-moz-transform:translateY(0px);
opacity:1
}
}
@-webkit-keyframes iTranslate {
0% {
-webkit-transform:translateY(-40px);
opacity:0
}
50% {
-webkit-transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0px);
opacity:1
}
}
@-o-keyframes iTranslate {
0% {
-o-transform:translateY(-40px);
opacity:0
}
50% {
-o-transform:translateY(10px)
}
100% {
-o-transform:translateY(0px);
opacity:1
}
}
.swiper-container.active .banner_1 {
	-webkit-animation: iTranslate 0.5s ease-out 0.3s forwards;
	-moz-animation: iTranslate 0.5s ease-out 0.3s forwards;
	-o-animation: iTranslate 0.5s ease-out 0.3s forwards;
	animation: iTranslate 0.5s ease-out 0.3s forwards
}
@keyframes ijmsq {
0% {
transform:translateX(-80px);
opacity:0
}
50% {
transform:translateX(-30px)
}
100% {
transform:translateX(0px);
opacity:1
}
}
@-moz-keyframes ijmsq {
0% {
-moz-transform:translateX(-80px);
opacity:0
}
50% {
-moz-transform:translateX(-30px)
}
100% {
-moz-transform:translateX(0px);
opacity:1
}
}
@-webkit-keyframes ijmsq {
0% {
-webkit-transform:translateX(-80px);
opacity:0
}
50% {
-webkit-transform:translateX(-30px)
}
100% {
-webkit-transform:translateX(0px);
opacity:1
}
}
@-o-keyframes ijmsq {
0% {
-o-transform:translateX(-80px);
opacity:0
}
50% {
-o-transform:translateX(-30px)
}
100% {
-o-transform:translateX(0px);
opacity:1
}
}
@keyframes ibane {
0% {
transform:translateX(80px);
opacity:0
}
50% {
transform:translateX(10px)
}
100% {
transform:translateX(0px);
opacity:1
}
}
@-moz-keyframes ibane {
0% {
-moz-transform:translateX(80px);
opacity:0
}
50% {
-moz-transform:translateX(10px)
}
100% {
-moz-transform:translateX(0px);
opacity:1
}
}
@-webkit-keyframes ibane {
0% {
-webkit-transform:translateX(80px);
opacity:0
}
50% {
-webkit-transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0px);
opacity:1
}
}
@-o-keyframes ibane {
0% {
-o-transform:translateX(80px);
opacity:0
}
50% {
-o-transform:translateX(10px)
}
100% {
-o-transform:translateX(0px);
opacity:1
}
}
.swiper-container.active .banner_2 {
	-webkit-animation: iTranslate 0.5s ease-out 0.3s forwards;
	-moz-animation: iTranslate 0.5s ease-out 0.3s forwards;
	-o-animation: iTranslate 0.5s ease-out 0.3s forwards;
	animation: iTranslate 0.5s ease-out 0.3s forwards
}
.swiper-container.active .banner_1_1 {
	-webkit-animation: ibane 0.5s ease-out 0.3s forwards;
	-moz-animation: ibane 0.5s ease-out 0.3s forwards;
	-o-animation: ibane 0.5s ease-out 0.3s forwards;
	animation: ibane 0.5s ease-out 0.3s forwards
}
.w{width: 1345px; margin-left:auto; margin-right:auto}
.modular_Sixteen{ background-color:#1398fd; padding-top:30px; padding-bottom:30px}
.modular_Sixteen .tit{ margin-top:20px;}
.Sixteen_con{ width:100%; height:200px;position:relative; left:0; right:0; margin:0 auto; margin-top:60px;}
.tit{ text-align:center; font-size:28px; color:#fff; margin-top:45px;}
.tit1{ text-align:center; font-size:18px; color:#fff; margin-top:10px;}
.con1{ width:100%; height:104px; position:absolute; left:0; top:0;}
.con1 img{ width:100%;}
.con2 ,.con3 ,.con4 ,.con5 ,.con6 ,.con7{position:absolute; z-index:1;}
.con2 img ,.con3 img ,.con4 img ,.con5 img ,.con6 img ,.con7 img{ width:100%}
.con2 p ,.con3 p ,.con4 p ,.con5 p ,.con6 p ,.con7 p{display:block; width:120px; height:30px; line-height:30px; text-align:center; margin:0 auto; margin-top:20px; font-size:18px; color:#fff; }
.modular_Sixteen .con2 ,.modular_Sixteen .con3 ,.modular_Sixteen .con4 ,.modular_Sixteen .con5 ,.modular_Sixteen .con6 ,.modular_Sixteen .con7{ width:120px; height:140px; position:absolute; z-index:1;}
.modular_Sixteen .con2 ,.modular_Sixteen .con3 ,.modular_Sixteen .con4 ,.modular_Sixteen .con5 ,.modular_Sixteen .con6 ,.modular_Sixteen .con7{top:10px;}
.modular_Sixteen .con2 span,.modular_Sixteen .con3 span,.modular_Sixteen .con4 span,.modular_Sixteen .con5 span,.modular_Sixteen .con6 span,.modular_Sixteen .con7 span{display:block;width:120px; height:120px; }
.modular_Sixteen .con2{left:80px;}
.modular_Sixteen .con3{left:285px;}
.modular_Sixteen .con4{left:490px;}
.modular_Sixteen .con5{right:540px;}
.modular_Sixteen .con6{right:325px;}
.modular_Sixteen .con7{right:80px;}
.imgcontainer{ margin-bottom:20px; height:auto; overflow:hidden}
.imgcontainer h4{ font-size:28px; text-align:center; display:block; padding:30px 0px 0px; margin-top:15px}
.imgcontainer ul{
	list-style-type:none;
	margin-left:15px;
	
}
.imgcontainer li{
	display:block;
	width:150px;
	height:85px;
	margin-right:2px;
	margin-bottom:2px;
	float:left;
	font-size:14px;
	color:#333;
	background-color:#E9E9E9; line-height:85px
}
.imgcontainer li img{
	margin-left:30px;
	margin-right:6px; float:left
}