@charset "utf-8";

.c-1{padding: 10% 0}
.c-1 li{float: left;width: 33.33%}
.c-1 li .pic{float: left;width: 33.33%}
.c-1 li .pic img{width: 100%;height: auto}
.c-1 li .text{float: right;width: 50.2%;margin-right: 8%;margin-top: 2%}
.c-1 li .text i{display: block;font-size: 28px;color: #333}
.c-1 li .text s{display: block;font-size: 14px}

@media screen and (max-width: 1110px){
	.c-1 li .pic{float: none;margin: 0 auto}
	.c-1 li .text{float: none;margin: 0 auto;text-align: center;}
}

.c-2{background: #2551a7;height: 560px}
.c-2 .text{float: left;width: 50%;position: relative;}
.c-2 .text .insidetext{position: absolute;right: 250px;width: 390px;top: 0;color: #fff}
.c-2 .text .insidetext i{display: block;font-size: 28px;color: #fff;margin-top: 45%}
.c-2 .text .insidetext s{display: block;font-size: 14px;color: #fff;margin-top: 8%}
.c-2 .text .insidetext a.m{margin-top: 8%;display: block;width: 55%;height: 45px;border: 1px solid #fff;line-height: 45px;text-align: center;color: #fff}
.c-2 .text .insidetext a.m:hover{background: #fff;color: #2551a7}
.c-2 .pic{float: right;width: 50%;height: 560px}
.c-2 .pic img{display: none}
@media screen and (max-width: 1280px){
	.c-2 .text .insidetext{width: 96%;position: relative;right: 0;margin: 0 2%}
}

@media screen and (max-width: 750px){
	.c-1 li{width: 100%;float: none;margin-bottom: 10%}
	.c-1 li .text{width: 90%}

	.c-2 {height: auto}
	.c-2 .text{width: 100%;padding-bottom: 25%;float: none;padding-top: 25%}
	.c-2 .text .insidetext i{margin-top: 0}
	.c-2 .text .insidetext s{margin-top: 8%}
	.c-2 .text .insidetext a.m{margin-top: 8%}
	.c-2 .pic{float: none;width: 100%;height: 500px;}
}

@media screen and (max-width:450px){
	.c-2 .text .insidetext a.m{height: 30px;line-height: 30px}
}

.c-3{background: #f3f3f3;text-align: center;padding: 5% 0 3% 0}
.c-3 h4{font-weight: normal;font-size: 28px;color: #333}
.c-3 .text{font-size: 14px;margin-top: 1%;line-height: 26px;}
.c-3 .map{margin-top: 4%}

@media screen and (max-width: 750px){
	.c-3{padding: 15% 0}
	.c-3 h4{font-size: 22px}
	.c-3 .text{margin: 0 2%;margin-top: 4%}
}

.c-4{height: 417px;overflow: hidden;}
.c-4-1{height: 417px;float: left;width: 50%;background: url(index_pic_c_4_1.jpg) no-repeat center center;position: relative;text-align: center;}
.c-4-2{height: 417px;float: left;width: 50%;background: url(index_pic_c_4_2.jpg) no-repeat center center;position: relative;text-align: center;}
.c-4-1 .insidetext,.c-4-2 .insidetext{width: 320px;display: inline-block;text-align: center;position: relative;z-index: 8}
.c-4 i{display: block;color: #fff;font-size: 28px;margin-top: 35%}
.c-4 s{display: block;color: #fff;font-size: 14px;margin-top: 8%}
.c-4 a.m{display: inline-block;margin-top: 8%;width: 55%;height: 45px;border: 1px solid #fff;line-height: 45px;text-align: center;color: #fff}
.c-4 a.m:hover{background: #fff;color: #333;border-color: #fff}
.c-4 .shadow{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.6);z-index: 4;opacity: 0;}

.c-4 .c-4-1 .shadow.on{animation: rotateInDownLeft 0.4s;opacity: 1;}
.c-4 .c-4-1 .shadow.off{animation: rotateOutUpLeft 0.4s;opacity: 0;}
.c-4 .c-4-2 .shadow.on{animation: rotateInDownRight 0.4s;opacity: 1;}
.c-4 .c-4-2 .shadow.off{animation: rotateOutUpRight 0.4s;opacity: 0;}


@media screen and (max-width: 750px){
	.c-4{height: auto}
	.c-4-1,.c-4-2{float: none;width: 100%;height: 320px}
	.c-4 i{margin-top: 20%}
	.c-4 a.m{width: 40%;height: 30px;line-height: 30px}
}

/*创新页面*/

.cx-1{text-align: center;padding: 5% 0}
.cx-1 .h2{font-size: 28px;color: #333;font-weight: normal;padding: 1% 0;}
.cx-1 .text{font-size: 14px}
.cx-1 .pic{margin-top: 6%}
.cx-1 .pic li{float: left;width: 25%;box-sizing: border-box;padding: 0 .5%}
.cx-1 .pic li span{display: block;font-size: 16px;padding: 8% 0}

.cx-2{height: 600px;background: url(cx_pic_1.jpg) no-repeat center center;background-attachment: fixed;text-align: center;box-sizing: border-box;padding-top: 15%}
.cx-2.sm{background-attachment: scroll;background-size:cover;}
.cx-2 .h2{font-size: 28px;color: #333;font-weight: normal;padding: 1% 0;color: #fff}
.cx-2 .text{font-size: 14px;color: #fff}
.cx-2 .text p{color: #fff}

.cx-3{text-align: center;padding: 5% 0}
.cx-3 .h2{font-size: 28px;color: #333;font-weight: normal;padding: 1% 0;}
.cx-3 .text{font-size: 14px}
.cx-3 .pic{margin-top: 6%}
.cx-3 .pic li{float: left;width: 25%;box-sizing: border-box;padding: 0 .5%}
.cx-3 .pic li img{width: 100%;height: auto}
.cx-3 .pic li span{display: block;font-size: 16px;padding: 8% 0}

@media screen and (max-width: 750px){
	.cx-1 .text,.cx-2 .text,.cx-3 .text{margin: 0 4%}
	.cx-1 .pic li{float: none;width: 46%;margin: 2% auto}

	.cx-2{padding-top: 45%}
	.cx-3 .pic li{float: none;width: 100%}
}

.ab-1{text-align: center;padding: 2% 0 6% 0}
.about h4{text-align: center;font-size: 28px;color: #333;font-weight: normal;padding: 2% 0}
.ab-1 .text{font-size: 14px;color: #333;line-height: 28px;margin: 0 12.5%}
.ab-1 .num{margin-top: 6%}
.ab-1 .num li{float: left;width: 33.33%;}
.ab-1 .num li:nth-child(1){text-align: left;}
.ab-1 .num li:nth-child(3){text-align: right;}
.ab-1 .num li i{font-size: 60px;color: #1e4dae;font-weight: bold;margin-right: 2%}
.ab-1 .num li s{font-size: 18px;font-weight: bold;color: #333;}

.ab-2{background: #2551a7;color: #fff;text-align: center;padding: 5% 0 10% 0}
.ab-2 h4{color: #fff}
.ab-2 p.t{color: #fff;font-size: 14px}
.ab-2 ul{margin-top: 6%}
.ab-2 li{float: left;width: 33.33%}
.ab-2 li:nth-child(1){text-align: left;}
.ab-2 li:nth-child(3){text-align: right;}

.ab-2 li .pic{display: inline-block;width: 35.25%;border-radius: 50%;overflow: hidden;}
.ab-2 li .pic img{transition: all 0.3s ease 0s;display: block;width: 100%;height: auto}
.ab-2 li .pic:hover img{transform: scale(1.2);}

.ab-2 li .text{display: inline-block;width: 52.5%;color: #fff;vertical-align: top;margin-left: 2%;text-align: left;}
.ab-2 li .text i{display:block;font-size: 28px;color: #fff;margin-top: 4%}
.ab-2 li .text s{display: block;font-size: 14px;color: #fff;margin-top: 3%}

.ab-3{background: url(ab_bg_1.jpg) no-repeat center center;height: 557px;background-attachment: fixed;text-align: center;box-sizing: border-box;padding-top: 8%}
.ab-3.sm{background-attachment: scroll;background-size:cover;}
.ab-3 h4{color: #fff}
.ab-3 p.t{color: #fff;font-size: 14px;text-align: center;line-height: 3em}
.ab-3 a.m{display: inline-block;font-size: 14px;width: 200px;height: 45px;border: 1px solid #fff;color: #fff;line-height: 45px;margin-top: 2%}

@media screen and (max-width: 750px){
	.about h4{padding: 4% 0}
	.ab-1 .text,.ab-2 p.t,.ab-3 p.t{margin: 0 5%}
	.ab-1 .num li{width: 100%;float: none;text-align: center !important;margin-bottom: 10%}
	.ab-1 .num li i{display: block;line-height: 68px}
	.ab-1 .num li s{font-size: 14px}

	.ab-2{padding: 10% 0 20% 0}
	.ab-2 li{width: 100%;float: none;text-align: center;margin-top: 15%}
	.ab-2 li .pic{display: block;margin: 0 auto}
	.ab-2 li .text{display: block;margin: 0 auto;text-align: center;}
	.ab-2 li .text i{font-size: 22px;margin-top: 10%}
	.ab-2 li .text s{margin-top: 8%}

	.ab-3{padding-top: 25%}
	.ab-3 a.m{width: 170px;margin-top: 6%}
}

.adv-1{background: #f6f6f6;text-align: center;padding: 10% 0}
.adv-1 .pic{display: inline-block;width: 16.66%;margin-right: 8%}
.adv-1 .pic img{width: 100%;height: auto}
.adv-1 .text{display: inline-block;width: 57.66%;text-align: left;vertical-align: top;}
.adv-1 .text h4{font-size: 26px;color: #454c51;font-weight: normal;margin-top: 2%}
.adv-1 .text h4 i{color: #454c51}
.adv-1 .text p{font-size: 14px;margin-top: 3%}
.adv-1 .text a.m{display: inline-block;;margin-top: 3%;width: 160px;height: 35px;border: 1px solid #666;line-height: 35px;text-align: center;color: #666}
.adv-1 .text a.m:hover{background: #666;color: #fff;border-color: #666}

.adv-2{height: 520px;background: url(adv_pic_1.jpg) no-repeat center center;text-align: center;box-sizing: border-box;padding-top: 120px}
.adv-2 h4{font-size: 26px;color: #fff;font-weight: normal;margin-top: 2%}
.adv-2 .text{font-size: 15px;color: #fff;margin-top: 30px}
.adv-2 .text p{color: #fff}
.adv-2 a.m{display: inline-block;;margin-top: 30px;width: 160px;height: 35px;border: 1px solid #fff;line-height: 35px;text-align: center;color: #fff}
.adv-2 a.m:hover{background: #fff;color: #999;border-color: #fff}


@media screen and (max-width: 1100px){
	.adv-1 .pic{width: 18%;}
}

@media screen and (max-width: 750px){
	.adv-1 .pic{width: 40%;display: block;margin: 0 auto}
	.adv-1 .text{width: 80%;display: block;margin: 0 auto;text-align: center;margin-top: 5%}
	.adv-1 .text a.m{margin-top: 6%}
	.adv-2{width: 100%;padding: 0 5%;padding-top: 120px} 


}

@media screen and (max-width: 450px){
	.adv-1 .text h4{font-size: 24px}

}

.shadow2{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);z-index: 990;display: none}
.advantage2{position: fixed;left: 0;right: 0;top: -100%;padding-top: 10%;box-sizing: border-box;bottom: 0;z-index: 999;display: none; overflow-y:scroll;  overflow-x:hidden;  }
.advantage2 .adv{position: relative;width: 90%;margin: 0 auto}
.advantage2 li{float: left;width: 33.33%;padding: 5% 0 8% 0}
.advantage2 li:nth-child(1){background: #2551a7}
.advantage2 li:nth-child(2){background: #2ab24a}
.advantage2 li:nth-child(3){background: #f65e23}
.advantage2 li span{display: block;width: 42%;border-radius: 50%;text-align: center;border: 2px solid #fff;color: #fff;font-size: 18px;margin: 0 auto}
.advantage2 li p{width: 79%;color: #fff;margin: 0 auto;margin-top: 10%;font-size: 14px;height: 105px}
.advantage2 .colse{width: 48px;height: 48px;background: url(close.png) no-repeat;background-size: cover;position: absolute;right: -24px;top: -24px;cursor: pointer;}

@media screen and (max-width: 900px){
	.advantage2 li{float: none;width: 100%;padding: 18% 0 25%}
}