body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td {margin:0;padding:0; color:#fff; word-break:break-all; word-wrap:break-word;}
body,button,input,select,textarea {font:12px/1.125 Helvetica Microsoft Yahei,΢ÈíÑźÚ,STHeiti,Arial,Hiragino Sans GB,sans-serif;}
ul,ol,li{list-style:none;}
img{ border:0;vertical-align:top;}
em,i{font-style:normal;}
a{ color:#fff; text-decoration:none;}
a:hover{text-decoration:none;color:#fff;}
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.clearfix{*zoom:1;}
body{  background:#002246; overflow-x:hidden; min-width:1200px;}

.nav {color: #fff; height:32px;line-height:32px;width: 100%; text-align: center;font-size: 12px;font-family: SimSun;font-weight: normal; background:#000;}
.nav a {color: #fff;}
#footer {width: 100%;line-height: 25px;font-size: 12px;color: #fff;text-align: center; background:#000; padding:25px 0; margin-top:25px;}
#footer a {color: #fff;}
#footer p {color: #fff;}
#footer span { display:none;}

.banner{ background:url(../images/banner_bg.jpg) center top no-repeat; height:558px; position:relative;}
.banner .img{ display:none;}
.banner .img2{ position:absolute; left:50%; bottom:20px; margin:0 0 0 -250px;}


.box{ width:1066px;margin:0 auto 60px; border:2px solid #048cb6; font-size:18px; padding:35px 65px;}
.box p{ color:#fff; line-height:32px; padding:5px 0;}
.box p a{ color:#00baff;}

.bg{ background:#002e5a; padding:50px 0 60px;}
.w1200{ margin:0 auto; width:1200px; overflow:hidden;}
.tit{ width:100%; padding:0 0 40px;}
.tit img{ display:block; margin:0 auto;}
.list{ width:1240px; clear:both; overflow:hidden;}
.list li{ float:left; width:580px; margin-right:40px;}
.list li a{ width:100%; display:block; clear:both; overflow:hidden;}
.list li img{ float:left; margin-right:15px;}
.list li div{ display:block; overflow:hidden;}
.list li div span{ display:block; font-size:22px; line-height:35px;}
.list li div p{ font-size:15px; line-height:30px; margin-top:18px;}
.list li div p i{ color:#00baff;}

.wan{ margin:0 auto; width:1200px; overflow:hidden; position:relative;}
.wan .img{ display: block;}
.wan .img2{display:none;}
.wan a{ display:block; position:absolute; width:200px; height:130px;}
.wan a.n1{ left:85px; top:150px;}
.wan a.n2{ left:935px; top:190px;}
.wan a.n3{ left:85px; top:370px;}
.wan a.n4{ left:935px; top:475px;}
.wan a.n5{ left:265px; top:590px;}



@media screen and (max-width:768px) {
body{ min-width:320px;}
.nav{ display:none;}
.banner{ background:none; height:auto;}
.banner .img{ display: block; width:100%}
.banner .img2{ position: static; left:0; bottom:0; margin:0 auto; width:100%;}


#footer {width: 100%;line-height: 25px;font-size: 12px;color: #fff;text-align: center; background:#000; padding:5px 0; margin-top:25px;}
#footer p {display:none;}
#footer span { display: block;}



.box{ width:88%;margin:20px auto 30px; border:2px solid #048cb6; font-size:14px; padding:10px;}
.box p{ color:#fff; line-height:18px; padding:5px 0;}
.box p a{ color:#00baff;}
.bg{ background:#002e5a; padding:20px 0 25px;}

.w1200{ margin:0 auto; width:100%; overflow:hidden; clear:both; padding-top:10px;}
.tit{ padding:0 0 20px;}
.tit img{ width:100%}
.list{ width:95%; margin:0 auto;}
.list li{ float:left; width:50%; margin:10px 0 0 0;}
.list li img{ float:none; margin-right:0; width:90%; margin:0 auto; display:block;}
.list li div{ display:block; overflow:hidden; width:100%;}
.list li div span{ display:block; font-size:13px; line-height:24px; padding-top:10px; text-align:center;width:90%; margin:0 auto;}
.list li div p{ display:none;}


.wan{ margin:0 auto; width:100%;}
.wan .img{ display:none;}
.wan .img2{display:block; width:100%;}
.wan a{ display:block; position:absolute; width:45%; height:100px;}
.wan a.n1{ left:0; top:20px;}
.wan a.n2{ left:auto; right:0; top:30px;}
.wan a.n3{ left:0; top:50%;}
.wan a.n4{ left:auto; right:0; top:58%;}
.wan a.n5{ left:27%; top:auto; bottom:2%}


}