*{margin:0;padding:0}

html{color:#fff;background:#fff}

body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";line-height:1.7;color:#242424}

li,ol,ul{list-style:none}

table{border-collapse:collapse;border-spacing:0}

h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei"}

img{border:0 none;-ms-interpolation-mode:bicubic}

a{text-decoration:none;cursor:pointer}

.fixed{position:fixed;top:0;z-index:999999;}

.navhigh{ width: 100%; display: none;}

.article h2{font-size:38px;color:#000;text-align: center;}

.article i{font-style: normal;}

body{overflow-x:hidden}

.transtion{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear}

.btn{display:block;width:300px;height:64px;border-radius:35px;background:#ffea00;font-size:20px;line-height:64px;text-align:center;margin:30px auto;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear}

.btn a{color:#000;font-size: 24px;}

.btn:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}

.article{max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px;}

.over{overflow: hidden;}

.wp{width: 1180px;margin:0 auto;}

.none{margin-right: 0;}

/*======*/

.banner{display:block;width: 100%;height: 600px;background: url(../images/banner.jpg) no-repeat center center;position: relative;}

.banner a{display:block;width: 150px; height: 150px;background: url(../images/btn1.png) no-repeat;position: absolute;z-index:111;bottom:40px;left:31%;}

.banner div.d1,.banner div.d2,.banner div.d3{

	display: block;

	width: 75px;

	height: 75px;

	border-radius: 50%;

	background-color:#206cd5;

	position: absolute;

	bottom:83px;

	left:32.8%;

}

.banner div.d1{

	-webkit-animation:kuosan 3s linear infinite;

	-moz-animation:kuosan 3s linear infinite;

	animation:kuosan 3s linear infinite;

}

.banner div.d2{

	-webkit-animation:kuosan 3s linear 0.8s infinite;

	-moz-animation:kuosan 3s linear 0.8s infinite;

	animation:kuosan 3s linear0.8s infinite;

}

.banner div.d3{

	-webkit-animation:kuosan 3s linear 1.6s infinite;

	-moz-animation:kuosan 3s linear 1.6s infinite;

	animation:kuosan 3s linear1.6s infinite;

}

@-webkit-keyframes kuosan {

	from {

	opacity:1;

	-webkit-transform:scale(0) translate3d(0,0,0)

	}

	to {

		opacity:0;

		-webkit-transform:scale(4) translate3d(0,0,0)

	}

}

 @-moz-keyframes kuosan {

	from {

	opacity:1;

	-moz-transform:scale(0) translate3d(0,0,0)

	}

	to {

		opacity:0;

		-moz-transform:scale(4) translate3d(0,0,0)

	}

}

 @-o-keyframes kuosan {

	from {

		opacity:1;

		-o-transform:scale(0) translate3d(0,0,0)

	}

	to {

		opacity:0;

		-o-transform:scale(4) translate3d(0,0,0)

	}

} 

@keyframes kuosan {

	from {

	opacity:1;

		transform:scale(0) translate3d(0,0,0)

	}

	to {

		opacity:0;

		transform:scale(4) translate3d(0,0,0)

	}

}

#subnav{width:100%;background:#122d53}

#subnav ul{width:1230px;margin:0 auto;overflow:hidden}

#subnav ul li{float:left;height:68px;line-height:68px;padding:0 32px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;background:url(../images/nav-bg.png) no-repeat right center; margin-right: 60px;}

#subnav ul li.last{background: none;}

#subnav ul li a{font-size:20px;color:#fff}

#subnav ul li.on{background:#ff8900}

#subnav ul li:hover{background:#ff8900}

#section1{width: 100%;height:670px;background: url(../images/bg1.jpg) no-repeat center center;}

#section1 .wp{position: relative;}

#section1 .wp .btns{position: absolute;left:30px;top:370px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;border-radius: 50%;}

#section1 .wp .btns:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);box-shadow:-5px 0 8px #f6b86f,0 -8px 8px #f6b86f,0 4px 8px #f6b86f,4px 0 8px #f6b86f;}

#section1 .content{width: 480px;background: #fff;padding:32px 30px 30px 36px;box-shadow:-5px 0 8px #c2c1c1,0 -8px 8px #c2c1c1,0 4px 8px #c2c1c1,4px 0 8px #c2c1c1;position: absolute;top:40px;right: 10px; }

#section1 .content h3{font-size: 48px;font-weight: 700;	color: #003d90;line-height: 1.4em;border-bottom: 2px solid #333333;padding-bottom: 12px;}

#section1 .content h4{font-size: 42px;font-weight: 700;color: #333;}

#section1 .content p{font-size: 18px;color: #666;margin-bottom: 20px;}

#section1 .content span{font-size: 24px;font-weight: 700;color: #fff;background: #003d90;padding:4px 8px;}

#section1 .content ul{overflow: hidden;margin-top: 20px;}

#section1 .content ul li{float: left;font-size: 16px;background: #666;color: #fff;width: 200px;height: 33px;line-height: 33px;text-align: center;border-radius: 30px;float: left;margin-right: 20px;margin-bottom: 15px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear}

#section1 .content ul li:hover{background: #ff8900;}

#section2{height:662px;background: url(../images/bg2.jpg) no-repeat center center;margin-top: 100px; position: relative;}

#section2 .btns{position: absolute;right:350px;top:400px;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;border-radius: 50%;}

#section2 .btns:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);box-shadow:-5px 0 8px #f6b86f,0 -8px 8px #f6b86f,0 4px 8px #f6b86f,4px 0 8px #f6b86f;}

#section2 .content{width: 540px;overflow: hidden;padding-top: 40px;}

#section2 .content h3{font-size: 48px;font-weight: 700;	color: #003d90;line-height: 1.4em;border-bottom: 2px solid #333333;padding-bottom: 12px;width: 380px;}



#section2 .content dl{width: 100%;min-height: 50px;overflow: hidden;margin-top: 20px;}

#section2 .content dl dt{float:left; width: 73px; height: 73px; overflow: hidden; border-radius: 50%; background: #666666;text-align: center;line-height: 73px;font-size: 42px;font-weight: bold;color: #ffffff;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear}

#section2 .content dl:hover dt{ background: #ff6e0e}

#section2 .content dl dd{ width: 540px; float: right;font-size: 18px;color: #666666;line-height: 1.3;}

#section2 .content dl dd.title{font-size: 30px;font-weight: bold;color: #000000;line-height: 1;margin-top: 10px;margin-bottom: 5px;}



.middle{background: #1f5592;padding:40px 0;}

.middle3{background: #0099b5;}

.middle h2{line-height: 1.4em;color: #fff;margin-bottom: 30px;}

.middle .left{width: 592px;float: left;}

.middle .right{width: 550px;float: right;}

.middle .right .p1{margin-bottom: 15px;}

.middle .right h3{font-size: 42px;font-weight: 700;color: #ffea00;}

.middle .right span{font-size: 22px;font-weight: 700;color: #1f5592;background: #fff;padding:2px 8px;}

.middle .right span.btn{background: #ffea00;}

.middle .right span.btn a{font-weight: normal;}

.middle .right p{font-size: 16px;color: #fff;margin-top: 10px;}

.middle .right p i{color: #ffea00;font-weight: bold;}

.middle2{background: #1c2a39;}

.middle2 .left{width: 550px;float: left;}

.middle2 .left .p1{margin-bottom: 15px;}

.middle2 .left h3{font-size: 42px;font-weight: 700;color: #ffea00;}

.middle2 .left span{font-size: 22px;font-weight: 700;color: #1f5592;background: #fff;padding:2px 8px;}

.middle2 .left span.btn{background: #ffea00;}

.middle2 .left span.btn a{font-weight: normal;}

.middle2 .left p{font-size: 16px;color: #fff;margin-top: 10px;}

.middle2 .left p i{color: #ffea00;font-weight: bold;}

.middle2 .right{width:592px;float: right; }

.middle3 .right p{font-size: 16px;color: #fff;margin-top: 5px;}

.middle4{height: 820px;background: url(../images/bg3.jpg) no-repeat center center;}

.middle4{padding:0;}

.middle4 .left{width: 650px;padding-top: 20px;}

.middle4 .left img{margin-top: 15px;}

#section4{padding:40px 0;}

#section4 h2{line-height: 1.4em;margin-bottom: 20px;}

#section4 img{margin-bottom: 10px;}

#section5 {background: #d0e5f8;padding:40px 0;}

#section5 h2{line-height: 1.4em;margin-bottom:30px;}

#section5 ul li{width: 245px;background: #3989d1;padding:50px 50px 0 50px;float: left;height: 295px;border-radius: 50%;position: relative;margin-right: 72px;cursor: pointer;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear}

#section5 ul li:hover{background: #f4a12a;transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}

#section5 ul .none{margin-right: 0;}

#section5 ul li .p1{font-size: 26px;color: #fff;}

#section5 ul li .p2{font-size: 18px;color: #fff;line-height: 22px;background: url(../images/con2.png) no-repeat left center;padding-left:50px;position: absolute;bottom:30px;height: 50px;right:80px;margin-top: 10px;line-height: 50px;}


.xsjl{ width:100%; background-color:#d0e5f8; height:890px; padding-top:30px;}
.xsjl .xsjlc{ width:1180px; margin:0 auto;}
.xsjl .title{ width:282px; margin:0 auto;}
.xsjl p{ font-size:20px; text-indent:2em; margin:20px 0;}