@charset "utf-8";

*, *:before, *:after {box-sizing: border-box;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{height:100%;margin:auto;}
body{font-family:微软雅黑,'Heiti SC',黑体,Arial;background:#ddd;overflow:hidden;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit;}
img{border:none;vertical-align:middle;max-width:100%;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;line-height:120%;}
input,textarea,select,button{border:1px solid #CCC;font-family:微软雅黑,'Heiti SC',黑体,Arial;padding:0;margin:0;}

/*--类--*/
.clear{clear:both;height:0;overflow:hidden;}
.left{float:left;}
.right{float:right;}
html{overflow:hidden;width:100%;overflow-y:auto;}
body{position:relative;margin:0 auto;}
.body{ position:relative;}
#body{position:relative; background:#fff;}
.main{box-shadow:0 0 15px rgba(0,0,0,0.5);}

.gotop{position:fixed;right:10px;bottom:100px;opacity:0;background:#3c83ab url(../images/gotop.png) center center no-repeat;height:50px;width:35px;border-radius:5px;background-size:auto 60%;z-index:2;}

.nav_left{width:55%;height:100%;position:absolute;left:0%; z-index:-1;top:0;background:#47A3DA;}
.nav_left .logo{display:block;height:45px;text-align:center; background-color:#0D77B6}
.nav_left .logo img{height:25px;margin-top:10px;width:auto;}
.nav_left li{height:38px;line-height:38px;border-bottom:#258ECD solid 1px;}
.nav_left li a{font-size:16px;color:#fff;padding-left:58px;display:block;height:38px;}
.nav_left li .a1{background:url(../images/nav_ico1.png) 30px center no-repeat; background-size:auto 18px;}
.nav_left li .a2{background:url(../images/nav_ico2.png) 30px center no-repeat; background-size:auto 18px;}
.nav_left li .a3{background:url(../images/nav_ico3.png) 30px center no-repeat; background-size:auto 18px;}
.nav_left li .a4{background:url(../images/nav_ico4.png) 30px center no-repeat; background-size:auto 18px;}
.nav_left li .a5{background:url(../images/nav_ico5.png) 30px center no-repeat; background-size:auto 18px;}

header{height:45px;line-height:45px;position:relative;text-align:center;border-bottom:1px solid #fff;background:#0D77B6;}
header img{height:25px;margin-top:10px;/*margin-right: 54px;*/}
header .menus{background:url(../images/menu.png) center center no-repeat;width:45px;height:45px;background-size:50% auto;float:left;margin-left:5px;}
header .btn{background:url(../images/search.png) center center no-repeat;width:45px;height:45px;background-size:50% auto;float:right;margin-right:5px;}
header .search{position:absolute;left:0;top:46px;width:100%;line-height:40px;height:0;z-index:1;overflow:hidden;background:#22729f;
	-webkit-transition:all 0.3s ease-out 0s;
}
header .lang{float: right;}
header .lang a{color: #ffffff;margin-right: 6px;}
header .search .kw{width:65%;padding:0 8px;height:25px;line-height:25px;border-radius:5px;}
header .search .ok{background:#0d5279;height:25px;width:50px;border:none;color:#fff;border-radius:5px;}

.head{height:45px;line-height:45px;position:relative;text-align:center;background:#0D77B6;}
.head h1{font-size:16px;font-weight:bold;text-align:center;line-height:inherit;color:#fff;}
.head .back{position:absolute;left:0;top:0;background:url(../images/arrow_l.png) center center no-repeat;width:45px;height:45px;background-size:auto 50%;marign-left:5px;}
.head .menus{background:url(../images/menu.png) center center no-repeat;width:45px;height:45px;background-size:50% auto;float:left;margin-left:5px;}


.banner1{max-height:90px;overflow:hidden;margin-top:10px;padding:0 10px;}
.banner1 img{width:100%;height:auto;}

.nav_bottom{width:100%;height:80px;padding:10px;}
.nav_bottom a{width:20%;padding-top:40px;height:100%;float:left;text-align:center;color:#fff;font-size:12px;border-left:1px solid #fff;}
.nav_bottom .a1{background:#24b0dc url(../images/nav_ico1.png) center 10px no-repeat;background-size:auto 40%;border:none;}
.nav_bottom .a2{background:#21a5d0 url(../images/nav_ico2.png) center 10px no-repeat;background-size:auto 40%;}
.nav_bottom .a3{background:#1897c7 url(../images/nav_ico3.png) center 10px no-repeat;background-size:auto 40%;}
.nav_bottom .a4{background:#1d87b6 url(../images/nav_ico4.png) center 10px no-repeat;background-size:auto 40%;}
.nav_bottom .a5{background:#0c77a7 url(../images/nav_ico5.png) center 10px no-repeat;background-size:auto 40%;}

footer{text-align:center;color:#333;padding:0 0px 10px; background-color:#F6F6F6;}
footer h3{font-size:13px;color:#fff;border-bottom:1px solid #afafaf;padding:10px 0;overflow:hidden;}

footer .copy{font-size:12px;line-height:130%;border-top:2px solid #4C9ED9;}
footer .copy p{margin:10px 0;}
footer .copy a{color:#fff;}
footer h3 a{ display:inline-block; height:25px; line-height:25px; text-align:left; }
footer h3 .a1{ background:url(../images/fota1.png) no-repeat left center / auto 100%;color:#fff; height:25px;float: left; margin-left:12px; padding-left:35px; }
footer h3 .a2{ background:url(../images/fota2.png) no-repeat left center / auto 100%;margin:0 auto; padding-left:35px;color:#fff;}
footer h3 a.a3{ float:right; margin-right:12px; }
footer h3 a.a3 span{ display:block; width:25px; height:25px; float:left; margin-left:15px;}
footer h3 a.a3 .sp1{background:url(../images/guanzhu.png) no-repeat left center / 100% auto;}
footer h3 a.a3 .sp2{background:url(../images/guanzhu1.png) no-repeat left center / 100%; auto}
footer .copy p{ margin:5px auto;}
@media screen and (min-width:540px){
	html{width:640px;}
}
@media screen and (max-width:320px){
	html{width:320px;}
}