@charset "utf-8";

.banner.max1200 { position:relative;  text-align:center; z-index:3;overflow: hidden;width: 1920px;height: 720px;left: 50%;margin-left: -960px;overflow: hidden; }
.banner.max1200 .shadow{width: 100%;position: absolute;bottom: 0;z-index: 5;background: url(bg-b.png)  center bottom;height: 135px}
.banner.max1200 a{display: block;}
.banner.min1200{position:relative;  text-align:center; z-index:3;overflow: hidden;width: 100%;height: auto;display: none}
.banner.min1200 a{display: block;}
.banner-pagination{bottom: 45px !important;z-index: 999;position: absolute;}

.container { position:relative; z-index:4; }
.container .title{text-align: center;margin: 60px 0 30px 0}
.container .title h2{color:#026885;font-size: 36px}
.container .title p{font-size: 16px;text-transform: uppercase;}
.container .title span{display: block;width: 50px;height: 8px;border-radius: 5px;background: #026885;margin: 8px auto;}

.c-1{width: 1200px;margin: 0 auto}
.c-1-b ul{width: 1207.5px}
.c-1-b li{float: left;width: 395px;height: auto;margin-right: 7.5px;}
.c-1-b li .pic{width: 100%;height: 267px;position: relative;}
.c-1-b li .pic img.img{width: 100%;height: 100%;position: relative;z-index: 2}
.c-1-b li .pic img.ico{width: 100%;height: 100%;position: absolute;z-index: 4;left: 0;top: 0;transition:all 0.3s ease 0s;opacity: 0 }
.c-1-b li .pic:hover img.ico{opacity: 1}
.c-1-b li .text a.t{display: block;font-size: 15px;color: #000;line-height: 35px;text-align: center;}
.c-1-b li .text .intro{text-align: center;font-size: 14px;color: #333;}

.c-2{width: 1200px;margin: 0 auto}
.c-2-b li{width: 400px;text-align: center;float: left;}
.c-2-b li a{display: block;width: 180px;text-align: center;line-height: 160px;color: #fff;background: #03b4ba url(ico-c-2.png) no-repeat center 140px;font-size: 28px;border-radius: 50%;margin: 0 auto;border: 4px solid #7fe8ed;transition: all 0.8s ease 0s}
.c-2-b li:hover a{transform: rotate(360deg);}
.c-2-b li:nth-child(2) a{background: #fed92e url(ico-c-2.png) no-repeat center 140px;border-color: #feec9d}
.c-2-b li:nth-child(3) a{background: #eb585c url(ico-c-2.png) no-repeat center 140px;border-color: #fcc3c5}
.c-2-b li:nth-child(4) a{background: #ff8e3d url(ico-c-2.png) no-repeat center 140px;border-color: #ffc69d}

.c-3{background: #f5f5f5;margin-top: 45px}
.c-3-b{width: 1200px;height: 530px;margin: 0 auto}
.c-3-b .text{padding: 70px 0 0 80px;color: #000;width: 730px;float: left;}
.c-3-b .text h2{font-size: 28px}
.c-3-b .text span{display: block;font-size: 20px;text-transform: uppercase;font-weight: 100}
.c-3-b .text .intro{margin-top: 30px;height: 250px;overflow: hidden;}
.c-3-b .text a.m{display: block;width: 150px;height: 40px;text-align: center;line-height: 40px;font-size: 15px;color: #fff;background: #0a6c89;border-radius: 5px;margin-top: 20px}
.c-3-b .pic{float: right;}

.c-4-b{width: 1200px;background: #026885;border-radius: 10px;margin: 0 auto;overflow: hidden;}
.c-4-b .pic{width: 600px;height: 450px;float: left;}
.c-4-b .pic img{width: 100%;height: 100%}
.c-4-b .newsList{width: 600px;float: right;color: #fff}
.c-4-b .newsList ul{margin: 0 33px}
.c-4-b .newsList li{padding:32px 0 42px 0;border-bottom: 1px dashed #fff}
.c-4-b .newsList li:last-child{border: 0}
.c-4-b .newsList a.t{display: block;font-size: 16px;color: #fff;height: 30px}
.c-4-b .newsList a.t span{float: right;font-size: 12px}
.c-4-b .newsList p{font-size: 14px;color: #eee;height: 42px;overflow: hidden;}

.c-5{position: relative;}
.c-5-b{width: 1200px;margin: 0 auto;overflow: hidden;}
.swiper-button-next, .swiper-button-prev{top: 63%;display: none}
.c-5-b .swiper-slide{}
.c-5-b .swiper-slide a{display: block;}
.c-5-b .swiper-slide img{width: 100%;height: 100%;transition: all 0.3s ease 0s}

.c-6{background: #f5f5f5;margin-top: 45px;padding-top: 50px;padding-bottom: 60px}
.c-6 .c-6-b{text-align: center;width: 750px;margin: 0 auto}
.c-6 .c-6-b .text{display: inline-block;width: 46%;padding-left: 1%;margin: 0 1%;height: 40px;line-height: 40px;border:1px solid #c0c0c0;border-radius: 5px;font-size: 14px;margin-bottom: 20px }
.c-6 .c-6-b p{text-align: left;color: #000;font-size: 14px;padding-left: 8px}
.c-6 .c-6-b textarea{width: 95%;display: inline-block;padding: 1%;border:1px solid #c0c0c0;border-radius: 5px;font-size: 14px;}
.c-6 .c-6-b li{display: block;float: left;font-size: 14px;margin: 15px 0 15px 30px}
.c-6 .c-6-b li .radio{margin-right: 5px}
.c-6 .c-6-b .submit{width: 48.5%;border:1px solid #c0c0c0;background: #fff;height:40px;cursor: pointer;border-radius: 5px;margin-top: 10px }
.c-6 .c-6-b .submit:hover{background: #026885;color: #fff}
@media screen and (max-width: 1200px){
	.banner.max1200{display: none}
	.banner.min1200{display: block;}
	.container .title{margin: 20px 0 10px 0}
	.container .title h2{font-size: 28px;}
	.container .title p{font-size: 13px;width: 90%;margin: 0 auto}
	.c-1,.c-2{width: 100%}
	.c-1{padding-bottom: 20px}
	.c-1-b ul{width: auto}
	.c-1-b li{width: 32%;margin: 0;margin-left:1%;height: auto; }
	.c-1-b li .pic{height: auto}
	.c-1-b li .text a.t{line-height: 22px}
	.c-2-b li{width: 25%}
	.c-2-b li a{width: 90%;font-size: 18px}
	.c-3-b{width: 100%;height: auto}
	.c-3-b .text{width: 90%;margin: 0 auto;padding: 0;float: none;padding: 20px 0}
	.c-3-b .text .intro{height: auto;margin-top: 15px}
	.c-3-b .pic{width: 100%;text-align: center;float: none}
	.c-4-b{width: 96%;}
	.c-4-b .pic{width: 100%;height: auto}
	.c-4-b .newsList{width: 100%}
	.c-4-b .newsList ul{margin: 0 10px}
	.c-4-b .newsList li{padding: 5% 0}
	.c-4-b .newsList a.t{height: auto}
	.c-5-b{width: 86%;margin: 0 auto}
	.swiper-button-next, .swiper-button-prev{display: block}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0}
	.c-6{padding: 20px 0}
	.c-6 .c-6-b{width: 98%}
	.c-6 .c-6-b .text{width: 45%;margin: 0;margin-bottom: 1%;}
	.c-6 .c-6-b li{width: 23%;padding-left: 2%;margin: 15px 0}
}

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

	.c-1-b{width: 96%;margin: 0 auto}
	.c-1-b li{width: 100%;float: none;margin: 0;margin-bottom: 2%}
	.c-2-b li{width: 50%;margin-bottom: 2%}
	.c-2-b li a{font-size: 30px;width: 80%;background: #03b4ba url(ico-c-2.png) no-repeat center 120px}
	.c-2-b li:nth-child(2) a{background: #fed92e url(ico-c-2.png) no-repeat center 120px}
	.c-2-b li:nth-child(3) a{background: #eb585c url(ico-c-2.png) no-repeat center 120px}
	.c-2-b li:nth-child(4) a{background: #ff8e3d url(ico-c-2.png) no-repeat center 120px}
}