@charset "utf-8";
.banner { position:relative; left:50%; width:1920px; margin-left:-960px; background:#fff; text-align:center; z-index:3; }
.banner .bd li { height:547px; }
.banner .hd { position:absolute; bottom:5%; width:100%; height:14px; z-index:1; }
.banner .hd ul { width:1002px; margin:0 auto; text-align:right; }
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:0 4px; border-radius:50%; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; }
.banner .hd ul .on { background:#00b0ec; }
.container { position:relative;z-index:4; }

.con-01{padding:60px 0 80px;}
.hd.u-tt{text-align: center;margin-bottom:50px;}
.u-tt h1{font-size: 40px;color: #00b0ec;font-weight: normal;line-height: 1.2;}
.u-tt p{font-size: 20px;color: #000;}

.con-01 .bd{overflow: hidden;}
.con-01 .bd ul{width:1300px; }
.con-01 .bd li{width: 140px;margin-right: 36px;border:1px solid #d8d8d8;padding:32px 34px 0;text-align: center;transition:all 0.5s;overflow: hidden;float: left;}
.icon{margin-bottom: 40px;position: relative;}
.icon .img1{transition:all 0.3s;}
.icon .img2{position:absolute;margin-left:-48px;left:50%;opacity:0;transition:opacity 0.2s ease-in 0.1s;}
.intro{position: relative;height: 130px;}
.intro .heading::before{content: "";position: absolute;width: 1px;height: 12px;background: #ccc;top:-50px;left: 50%;}
.intro .heading::after{content: "";position: absolute;width: 1px;height: 12px;background: #ccc;bottom:-18px;left: 50%;}
.intro .no{color: #ccc;font-size: 25px;}
.intro .heading {position: relative;transition:all 0.3s linear;top: 0;}
.intro .heading h1{font-size: 22px;color: #000;font-weight: normal;}

.intro .heading .en{color: #ccc;font-size:14px;}
.intro .info{transform:translateY(100%);
			-moz-transform:-moz-translateY(100%);
			-webkit-transform:-webkit-translateY(100%);
			-ms-transform:-ms-translateY(100%);
			-webkit-transition:all 0.4s linear;
			-moz-transition:all 0.4s linear;
			-ms-transition:all 0.4s linear;
			transition:all 0.4s linear;font-size: 12px;line-height: 1.7;text-align: left;}
.con-01 .bd li:hover{border-color: #00b0ec;background: #00b0ec;color: #fff;}
.con-01 .bd li:hover .intro .heading::before,.con-01 .bd li:hover .intro .heading::after{display: none;}
.con-01 .bd li:hover .intro .no{opacity: 0;}
.con-01 .bd li:hover .heading{top: -80px;}
.con-01 .bd li:hover .heading h1,
.con-01 .bd li:hover .heading .en{color: #fff;}
.con-01 .bd li:hover .heading h1 a{color: #fff;}
.con-01 .bd li:hover .icon .img1{animation:toSmall 0.6s ease-in forwards;-webkit-animation:toSmall 0.6s ease-in forwards;-moz-animation:toSmall 0.6s ease-in forwards;-ms-animation:toSmall 0.6s ease-in forwards;}
.con-01 .bd li:hover .icon .img2{opacity: 1;}
.con-01 .bd li:hover .intro .info{transform:translateY(-90%);}
@keyframes toSmall{
	0%{
		transform:scale(1);
		opacity: 1;
	}
	60%{
		transform:scale(1.8);
	}
	100%{
		transform:scale(0);
		opacity: 0;
	}
}
-webkit-@keyframes toSmall{
	0%{
		transform:scale(1);
		opacity: 1;
	}
	60%{
		transform:scale(1.8);
	}
	100%{
		transform:scale(0);
		opacity: 0;
	}
}
-moz-@keyframes toSmall{
	0%{
		transform:scale(1);
		opacity: 1;
	}
	60%{
		transform:scale(1.8);
	}
	100%{
		transform:scale(0);
		opacity: 0;
	}
}
-ms-@keyframes toSmall{
	0%{
		transform:scale(1);
		opacity: 1;
	}
	60%{
		transform:scale(1.8);
	}
	100%{
		transform:scale(0);
		opacity: 0;
	}
}
.more{text-align:center;margin-top: 60px;}
.more a{display: inline-block;font-size: 16px;color: #fff;background: #00b0ec;padding:5px 20px;border-radius:8px;}

.con-02{background: #f4f5f7;padding: 60px 0 34px;}
.bd-intro{padding-bottom: 50px;border-bottom: 1px solid #e1e1e1;margin-bottom: 16px;padding-top: 20px;}
.aboutUs{float: left;width: 520px;padding-top: 20px;}
.aboutUs dt{font-size: 18px;color: #000;padding-bottom: 18px;background: url(bg-02.jpg) no-repeat left bottom;margin-bottom: 20px;}
.aboutUs dd{font-size: 12px;line-height: 1.7;color: #111;}
.aboutUs .m{margin-top: 45px;}
.aboutUs .m a{color: #fff;background: #00b0ec;display: inline-block;font-size: 16px;padding:5px 40px;}
.aboutPic{float: right;margin-right: 82px;}
.bd-coper{position: relative;}
.bd-coper .prev,.bd-coper .next{position: absolute;top: 46px;}
.bd-coper .prev{left:-30px;}
.bd-coper .next{right: -30px;}
.bd-coper .slide{padding:0 0 0 5px;}
.bd-coper .slide li{float: left;border:1px solid #e1e1e1;margin: 0 12px;}

.con-03{padding:60px 0 90px;}
.c3-lt{float: left;width: 580px;margin-right: 36px;}
.hotPic{position: relative;margin-bottom: 26px;}
.hotPic .date{position: absolute;left: 0;top: 0;background: #00b0ec;color: #fff;padding: 10px 5px 5px;}
.hotPic .date span{font-size: 40px;text-align: center;line-height:0.6;}
.hotPic .date p{font-size: 13px;text-align: center;}
.dl-info dt a{font-size: 16px;color: #000;padding-bottom: 12px;display: block;font-weight: bold;}
.dl-info dd{font-size: 12px;color: #666;}
.dl-info .m{margin-top: 32px;}
.dl-info .m a{font-size: 16px;color: #fff;padding: 5px 34px;background: #00b0ec;}
.c3-rt{float: left;width: 580px;}
.c3-rt .d{float: left;margin-right: 16px;}
.c3-rt .d span{font-size: 50px;color: #ccc;text-align: center;display: block;line-height: 1;}
.c3-rt .d p{text-align: center;font-size: 17px;text-align: center;color: #ccc;line-height: 1.1;}
.c3-rt li{padding-bottom:18px;border-bottom:1px solid #ccc;margin-bottom: 22px;}
.newsInfo{float: left;width: 488px;}
.newsInfo dt a{display: block;font-size: 14px;font-weight: bold;color: #000;padding-bottom: 10px;}

.con-04{background: url(bg.jpg) no-repeat center top;height:685px;background-size:cover;padding:80px 0 90px;}
.follow.u-tt{margin-bottom:75px;}
.follow.u-tt h1{color: #fff;line-height: 1.7;}
.follow.u-tt p{color: #fff;}
.weChat{float: left;background: #fff;width:300px;padding:70px 0 10px 80px;margin-left: 138px;margin-right: 30px; }
.weChat .dl{margin-bottom:30px;padding-bottom: 28px;}
.weChat .dl dt{font-size: 18px;color: #00b0ec;padding-bottom: 15px;font-weight: bold;position: relative;}
.weChat .dl01 dt:before{content: "";width:29px;height: 29px;position: absolute;left:-38px;background:url(icon-05.jpg) no-repeat left center;}
.weChat .dl02 dt:before{content: "";width:29px;height: 29px;position: absolute;left:-38px;background:url(t.png) no-repeat left center;}
.weChat .dl03 dt:before{content: "";width:29px;height: 29px;position: absolute;left:-38px;background:url(w.png) no-repeat left center;}
.weChat .dl dd{font-size: 16px;color: #000;padding-bottom:18px;}
.addForm{float: left;background: #fff;padding:45px 65px 14px 78px;width:366px; }
.addForm li{border-bottom:1px solid #ccc;height:52px;line-height:50px;}
.addForm li label{font-size:16px;color: #999;}
.addForm li input{width: 260px;height:30px;padding-left:10px;}
.addForm .last{height: 140px;}
.addForm .last label{vertical-align: top;}
textarea{width:320px;height: 112px;padding-top:18px; }
.submit{width: 122px;height: 32px;line-height: 32px;text-align: center;font-size: 16px;background: #00b0ec;color: #fff;margin-top: 18px;cursor:pointer;}