body,div,img,dl,dt,dt,ul,li,p,h1,h2,h3,h4,h5,h6,input{ margin:0; padding:0;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
input,button,textarea{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
ul,li{ list-style:none}
body{ font-size:12px;font-family:"Microsoft YaHei","΢ÈíÑźÚ"; background:#f3f3f3;}
a{text-decoration:none; color:#333333;}
a:hover,a:active{ text-decoration:none; color:#004d9c;}
img{border:0;}
.clearbox{ clear:both;height:0px;line-height:0px;font-size:0px;}
.blank5{clear:both;height:5px;overflow:hidden;display:block;}
.blank10{clear:both;height:10px;overflow:hidden;display:block;}
.blank15{clear:both;height:15px;overflow:hidden;display:block;}
.blank20{clear:both;height:20px;overflow:hidden;display:block;}
.blank30{clear:both;height:30px;overflow:hidden;display:block;}


.user-btn{display:none;}

.top{width:100%; height:35px; background:#004d9c;position:relative; z-index:99;}
.top_logo{width: 195px;height:127px; background:url(../images/top_logo.png) no-repeat center top;display: block;position: absolute;top: -2px;left: 50%;margin-left:-97px;-webkit-background-size:100% auto;background-size:100% auto;z-index:999;}
.top_ch{width: 1200px;height: 100%;margin: 0 auto;position: relative;}

.top_fl{float: left;}
.top_fl li{float: left;margin-left: 30px;}
.top_fl li:first-child{margin-left: 0;}
.top_fl li a{display: block;float: left;cursor: pointer;color: #fff;line-height: 35px;position: relative;}
.top_fl li a span{float: left; display:block; height:35px;}
.top_fl li a span.icon-weixin{ width:30px; background:url(../images/top_wx.png) no-repeat left center;-webkit-background-size:28px auto;background-size:28px auto;}
.top_fl li a span.icon-weibo{ width:30px; background:url(../images/top_wb.png) no-repeat left center;-webkit-background-size:28px auto;background-size:28px auto;}
.top_fl li a div{float: left;margin-left: 4px;}
.top_ewm{transition: 0.3s;opacity: 0;z-index: -1;position: absolute;width: 96px;height: 96px;top: 35px;}
.top_ewm img{width: 96px;height: 96px;}
.top_fl li:hover .top_ewm{opacity: 1;z-index: 1;}

.top_fr{float: right;}
.top_ss{float: left;margin-top: 4.5px;}
.top_ss .search_input{width: 180px;height: 26px; background:#FFFFFF;float:left;border:0;padding:0;padding-left:10px;border-radius: 4px;}
.top_ss .search_botton{width:45px;height: 26px;float:left;margin-left: -45px;padding:0;border:0;cursor: pointer;background: #ea5504;font-size: 13px;color: #fff;border-radius: 0px 4px 4px 0px;}


.logo_bg{width:100%;background:#ffffff;position:relative;}
.logo{width: 1200px;margin: 0 auto;position: relative;}
.logo img{ width:100%; display:block; border:0px;}


.wap_logo{display:none;}


.menu{width:100%; height:60px; background:#004d9c;position:relative; z-index:10;}
.menua{ width:1240px;height:60px;  margin:0px auto;}
.menua li{ float:left; height:60px; line-height:60px;padding-left:16px; padding-right:16px;position:relative;z-index:1000;}
.menua li a{font-size:16px;color:#ffffff;}


.menua ul li ul{display:none;width:100%; padding-bottom:10px;position:absolute;top:60px;left:0; background:#f7fbff; border:1px solid #999999; border-top:none;}
.menua ul li ul li{ width:100%;height:40px;line-height:40px; padding-left:20px; padding-right:20px; float:left;}
.menua ul li ul a{font-size:16px;color:#333333}
.menua ul li:hover ul{display:block;}
.menua ul li:hover ul a:hover{ color:#004d9c; }
.menua ul li:hover ul.wa{ width:200px;}
.menua ul li:hover ul.wb{ width:200px;}
.menua ul li:hover ul.wc{ width:240px;}
.menua ul li:hover ul.wd{ width:120px;}


.foot{width:100%; background:#313c4a; padding-bottom:20px; margin:0 auto; margin-top:20px;}
.foota{width:1200px; margin:0 auto;}
.foota_L{float:left; padding-top:30px;}
.foota_L img{ height:100px; border:0px;}

.foota_R{float:right; width:1030px; padding-top:35px;}
.foota_R p{  line-height:30px; font-size: 14px; color: #ffffff}
.foota_R p a{ color: #ffffff}
.foota_R p img{display:inline-block; vertical-align:middle; margin-right:5px;}
.foota_R p span{ padding-right:20px;}



@media screen and (max-width:768px) {
.m_none{display:none;}

.user-btn{display: block;margin-top:10px; margin-left:20px; position:relative; float:left; z-index:999;}
.user-btn img{ height:30px; border:0px;}

.mobile-btn{display: block; width:30px;margin-top:10px; margin-right:20px; position:relative; float:right; z-index:999;}
.mobile-btn span.icon-menu{ width:30px; height:30px; background: url(../images/menu.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;display: block; outline:none;}
.mobile-btn span.icon-close{ width:30px; height:30px; background: url(../images/close.png) no-repeat center;-webkit-background-size:100% 100%;background-size:100% 100%;display: block;outline:none;}


.top{width:100%; height:50px; background:#004d9c;position:relative; z-index:99;}
.top_logo{width: 158px;height:104px; background:url(../images/top_logo.png) no-repeat center top;display: block;position: absolute;top:20px;left: 50%;margin-left:-79px;-webkit-background-size:100% auto;background-size:100% auto;}

.top_ch{width: 100%;height: 100%;margin: 0 auto;position: relative;}

.top_fl{display:none;}
.top_fr{display:none;}


.logo{display:none;}
.wap_logo{width:100%; display:block;margin: 0 auto;position: relative;}
.wap_logo img{ width:100%; display:block; border:0px;}


.menu{width:100%; margin-left:0px; height:calc(100% - 50px); display:none; position:absolute;bottom:0px;left:0px; background:rgba(0,0,0,0.6); float:left; z-index:9999;}
.menua{width:100%; height:100vh; padding-top:20px; background:#f7fbff;position:relative; float:right;}
.menua li{ float:left;width:100%; height:auto; line-height:30px;padding-left:20px; padding-right:0px;position:relative;z-index:1000;}
.menua li a{font-size:16px;color:#004d9c; font-weight:bold;}

.menua ul li ul{display:block;width:100%; padding-bottom:10px;position: relative;top:0px;left:0; background:#f7fbff; border:none; border-top:none;}
.menua ul li ul li{ width:50%;height:30px;line-height:30px; background:url(../images/sa.png) no-repeat left center;-webkit-background-size:5px 5px;background-size:5px 5px; padding-left:12px; padding-right:0px; float:left; overflow:hidden;}
.menua ul li ul a{font-size:14px;color:#333333; font-weight:normal;}
.menua ul li:hover ul{display:block;}
.menua ul li:hover ul a:hover{ color:#004d9c; }
.menua ul li:hover ul.wa{ width:100%;}
.menua ul li:hover ul.wb{ width:100%;}
.menua ul li:hover ul.wc{ width:100%;}
.menua ul li:hover ul.wd{ width:100%;}

.head{width:100%; margin:0 auto;}
.head .logo{ float:left;width:100%; text-align:center;}
.head .logo img{ width:100%; border:0px;}


.foot{width:100%; background:#313c4a; padding-bottom:10px; margin:0 auto; margin-top:10px;}
.foota{width:100%; margin:0 auto;}
.foota_L{float:left;width:100%; text-align:center; padding-top:20px;}
.foota_L img{ height:80px; border:0px;}

.foota_R{float:right; width:100%; padding-top:20px;}
.foota_R p{ line-height:30px; text-align:center;}
.foota_R p span{ display:block; width:100%; text-align: center; padding-left:10px; padding-right:10px;}
}