body{min-width: 1200px;}
#header .inner{ width:1000px; margin:0 auto; overflow:hidden;}
/*导航顶部*/
.top_nav{ background:#e1e1e1; height:24px; line-height:24px;}
.top_nav .p1{ float:left; font-size: 12px;}
.top_nav .freetel{ width:150px; background:url(../images/topnav.png) no-repeat center; float:right; padding-left:66px;}
.top_nav .freetel p{ color:#fff; font-weight:bold; font-size:13px;}
/*导航顶部*/
.sub_nav{ background:#0567a2; padding:20px 0;}
.sub_nav .logo{ display:block; width:326px; height:70px;}
.sub_nav .logo img{ display:block;}

.ban{width:100%; height:1050px; position: relative; overflow: hidden; background: #f5f5f5;}
.ban .banbg{position: absolute; left:0; top:0; width:100%; height: 841px; background: url(../images/ban.jpg) no-repeat center top; background-size: cover; border-bottom: 2px solid #6E7289;} 	
.ban .ban_con{position: absolute; width:1008px; left:50%; margin-left: -504px; top:74px;}
.ban .ban_con .hd_p{background: url(../images/mx_icon.png) no-repeat right center; width:708px; font-size: 34px; line-height: 48px; color: #0DABAD;}
.ban .hd{width:100%; height: 234px; background: url(../images/ban_bg.png) no-repeat center top; position: absolute; left: 0; top:213px;}
.ban .hd .ban_con{top:0;}
.ban .hd h2{font-size: 75px; line-height: 90px; color: #fff; font-weight: bold; padding-top: 15px;}
.ban .hd p{color: #fff; font-size: 28px;}
.ban .earth{position: absolute; right:-110px; top:-100px;} 
.ban .ban_txt{ background: #fff; border: 1px solid #ccc; opacity: .95; padding:30px 0 45px; position: relative; margin: 0 auto; left: 0; top:0; margin-top: 620px;}
.ban .ban_txt p{padding:0 80px; font-size: 20px; line-height: 40px; text-indent: 2em; color: #00918a;}
.ban .ban_txt p span{color: #764242;}
.ban .ban_txt .left_n{position: absolute; left:80px; top:35px;}
.ban .ban_txt .right_n{position: absolute; right:137px; bottom:56px;}

.box1{background:#f5f5f5 url(../images/line_l.jpg) no-repeat center center; padding-bottom: 190px; overflow: hidden;}
.tophd{text-align: center; font-size: 56px; text-align: center; background: url(../images/line.jpg) no-repeat center bottom; padding-bottom: 20px;}
.box1 .box_in{width:1000px; margin: 110px auto 0;}
.box1 .abox{position: relative;}
.box1 .abox{width:184px; height: 184px; background:#E5F3FF; padding:65px; border:2px solid #00968F; margin: 0 auto; border-radius: 50%;}
.box1 .abox:hover{background: #fff;}
.box1 .abox a{width:179px; height: 124px; background: #00C2B9; border:5px solid #04B2AA; text-align: center; display: block; line-height: 38px; color: #fff; padding-top: 55px; font-size: 34px; border-radius: 50%;}
.box1 .abox a:hover{background: #00968F;}
.box1 li{position: absolute; left: -150px; background: #fff; width:210px; height: 210px; border: 2px dotted #00C2B9; border-radius: 50%; text-align: center;}
.box1 li p{padding-top: 60px; font-size: 18px; line-height: 28px;}
.box1 li p span{color: #01A099; font-weight: bold; font-size: 20px;}
.box1 li img{position: absolute; left:0; top:-5px;}
.box1 li.li1{top:-70px;}
.box1 li.li2{left: inherit; right:-191px; top:-85px; width:240px; height: 240px;}
.box1 li.li2 p{font-size: 17px;}
.box1 li .img_b{bottom:-10px; left:-15px; top: inherit;}
.box1 li .img_r{right:0; left: inherit;}
.box1 li.li3{bottom:-110px; width:220px; height: 220px;}
.box1 li.li4{left: inherit; right:-122px; bottom:-83px; width:200px; height: 200px;}
.box1 li.li4 p{padding-top: 70px;}
.box1 li.li4 img{bottom:10px;}

.box2 {background: #CAE6E6; padding-bottom: 40px;}
.box2 .tophd{color: #fff; padding: 30px 0 60px; background: #07AAAC url(../images/line2.jpg) no-repeat center 125px;}
.box2 .box_in{width:1010px; margin: 70px auto 0; overflow: hidden;}
.box2 ul{width:1100px;}
.box2 ul li{float: left; border:3px solid #fff; margin:0 17px 17px 0; overflow: hidden;}
.box2 ul li img{display: block;}
.box2 ul li img:hover{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.1);}

.box3{padding-bottom: 100px;}
.box3 .tophd{background-image: url(../images/line3.jpg); margin-top: 50px;}
.box3 .box_in{width:940px; margin: 30px auto 0;}
.box3 .box_in ul,.box3 .box_in img{float: left;}
.box3 .box_in .img_wx{display: none;}
.box3 .box_in ul{width:299px; margin-top: 50px;}
.box3 .box_in ul li{background: #7DB9EF; height: 100px; line-height: 100px; font-size: 26px; padding-left: 30px; margin-bottom: 30px; position: relative;}
.box3 .box_in ul li span{ display:block; width:0; height:0; border-width:50px 30px 50px 0; border-style:solid; border-color:transparent #7DB9EF transparent transparent; position:absolute; top:0px; left:-30px;}
.box3 .box_in ul .li_r span{border-width:50px 0 50px 30px; border-color:transparent transparent transparent #7DB9EF; right: -30px; left: inherit;}
.box3 .box_in ul .li2{background: #F48E40;}
.box3 .box_in ul .li2 span{border-color:transparent #F48E40 transparent transparent;}
.box3 .box_in ul .li3{background: #A6B4C0;}
.box3 .box_in ul .li3 span{border-color:transparent #A6B4C0 transparent transparent;}
.box3 .box_in ul .li4{background: #F8BF39;}
.box3 .box_in ul .li4 span{border-color:transparent transparent transparent #F8BF39;}
.box3 .box_in ul .li5{background: #5BCFFF; line-height: 34px; padding-top: 18px; height: 82px;}
.box3 .box_in ul .li5 span{border-color:transparent transparent transparent #5BCFFF;}
.box3 .box_in ul .li6{background: #11C7CA;}
.box3 .box_in ul .li6 span{border-color:transparent transparent transparent #11C7CA;}
.abtn{display: block; width:342px; height: 63px; line-height: 63px; margin: 0 auto; border:1px solid #07a3a8; text-align: center; border-radius: 5px; clear: both; font-size: 34px; position: relative; top:45px;}
.abtn:hover{background: #07a3a8; color: #fff;}

.box4{background: #10B8BB; padding-top: 50px;}
.box4 .box_in{width:960px; margin: 0 auto; overflow: hidden;}
.box4 .box_l{float:left;}
.box4 .box_r{width:436px; float: right;}
.box4 h3{font-size: 40px; color: #fff; text-align: center; margin: 45px 0 30px;}
.box4 p{background: url(../images/icon.jpg) no-repeat 0 0; height: 52px; padding-left: 62px; margin-bottom: 10px;}
.box4 p.p2{background-position: 0 -62px;}
.box4 p.p3{background-position: 0 -124px;}
.box4 p input{height: 52px; line-height: 52px; text-indent: 20px; width:370px; font-size: 18px; border-top-right-radius:10px; border-bottom-right-radius:10px;}
.box4 a{display:block; text-align:center; width:370px; background: #069A9D; color: #fff; border:0; height: 42px; margin-left: 62px; border-radius: 5px; margin-top: 20px; font-size: 28px; cursor: pointer;}
.box4 .p_txt{background: #005B5D; color: #fff; text-align: center; font-size: 30px; line-height: 68px; height: 68px; padding-left: 0; position: relative; margin-bottom: 0;}
.box4 .p_txt span{display:block; width:0; height:0; border-width:0 28px 28px; border-style:solid; border-color:transparent transparent #005B5D;    position:absolute; top:-20px; left:50%; margin-left: -20px;}

.box5{width:100%; height: 400px; background: url(../images/bottom.jpg) no-repeat center top;}
.box5 .box_in{width:1000px; margin: 0 auto; padding-top: 100px; padding-left: 70px;}
.box5 .box_in .img_1{padding-left: 50px;}
.box5 .box_in .img_2{display: block; margin: 45px auto 0;}

.footer{ padding:30px 0; border-bottom:1px solid #fff; background:#333;}
.footer .inner{ width:1200px; margin:0 auto; color:#fff;}
.footer .foot_t{ padding-bottom:25px; border-bottom:1px solid #555; margin-bottom:30px; width:1150px; overflow:hidden; margin:0 auto;}
.footer .foot_t ul{width:1160px;}
.footer .foot_t li{ float:left; width:380px; text-align: center; border-right:1px solid #555; font-size: 16px;}
.footer .foot_t li.li3{border: none;}
.footer .foot_b{padding-top:20px;}
.footer .foot_b p{  line-height:24px; text-align:center;}

.zx{position: fixed; right:0; bottom:30%; overflow: hidden;}

/* 动画 */
.topmove{animation: topmove 2s infinite; -moz-animation: topmove 2s infinite; -webkit-animation: topmove 2s infinite; -o-animation: topmove 2s infinite; }
@keyframes topmove
{
0 {transform: translateY(0);}
50% {transform: translateY(3px);}
100% {transform: translateY(0);}
}
@-moz-keyframes topmove 
{
0 {-moz-transform: translateY(0);}
50% {-moz-transform: translateY(3px);}
100% {-moz-transform: translateY(0);}
}

@-webkit-keyframes topmove
{
0 {-webkit-transform: translateY(0);}
50% {-webkit-transform: translateY(3px);}
100% {-webkit-transform: translateY(0);}
}

@-o-keyframes topmove
{
0 {-o-transform: translateY(0);}
50% {-o-transform: translateY(3px);}
100% {-o-transform: translateY(0);}
}
@keyframes bgchange{
	0% {
		width:100%
	}
	50% {
		width: 102%;
	}
	100% {
		width: 100%;
	}
}
@-webkit-keyframes bgchange{
	0% {
		width:100%
	}
	50% {
		width: 102%;
	}
	100% {
		width: 100%;
	}
}
@-moz-keyframes bgchange{
	0% {
		width:100%
	}
	50% {
		width: 102%;
	}
	100% {
		width: 100%;
	}
}
@-ms-keyframes bgchange{
	0% {
		width:100%
	}
	50% {
		width: 102%;
	}
	100% {
		width: 100%;
	}
}
@-o-keyframes bgchange{
	0% {
		width:100%
	}
	50% {
		width: 102%;
	}
	100% {
		width: 100%;
	}
}