﻿body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}
html body{height: 100%;font-size: 100px;width:100%;}
a{text-decoration:none;outline: none;color: #333;}
a:hover{text-decoration:none;} 
em,i{font-style:normal;}
li{list-style:none;}
img{border:0;vertical-align:middle;display:block;} 
h1,h2,h3,h4,h5,h6{font-weight:normal;}

body{font-family:"微软雅黑","Arial Narrow",HELVETICA;background:#fff;color: #333;}

@media (max-width:511px) {
	.container{width:96%;}
	.fontbig{font-size:14px;}
	.fontsmall{font-size:12px;}
	.top .search{width:100%;margin-top: 6px;}
	.top .language{display: none;}
	.header{display: none;}
	.mobile-header{height:50px;}
	.mobile-header .mobile-logo{padding:8px 0;}
	.mobile-header h2{display: none;}
	.mobile-header .menu{font-size:25px;top:13px;}
	.mobile-menu .nav-slide{margin-top:20px;}
	.mobile-menu .menu-logo{height:60px;padding:16px 0;}
	.mobile-menu .menu-close img{width:14px;}
	.mobile-menu .nav-slide>li>a{font-size:13px;}
	.mobile-menu .nav-slide>li ul li{font-size:12px;}
	.mobile-menu .mobile-lang{font-size: 13px;}
	.footer .nav-di>li>a{font-size:14px;}
	.footer .nav-di>li ul a{font-size:12px;}
	.search-share .search-di input,.search-share .search-di button,.foot{font-size: 12px;}
	.footer .nav-di>li{width:50%;}
	.share a{height:16px;float:left;}
}
@media (min-width:512px) and (max-width: 767px) {
	.container{width:94%;}
	.fontbig{font-size:15px;}
	.fontsmall{font-size:13px;}
	.top .search{width:175px;}
	.top .language{display: none;}
	.header{display: none;}
	.mobile-header{height:54px;}
	.mobile-header .mobile-logo{padding:10px 0;}
	.mobile-header h2{display: none;}
	.mobile-header .menu{font-size:25px;top:16px;}
	.mobile-menu .nav-slide{margin-top:20px;}
	.mobile-menu .menu-logo{height:60px;padding:16px 0;}
	.mobile-menu .menu-close img{width:16px;}
	.mobile-menu .nav-slide>li>a{font-size:14px;}
	.mobile-menu .nav-slide>li ul li{font-size:13px;}
	.mobile-menu .mobile-lang{font-size: 13px;}
	.footer .nav-di>li>a{font-size:15px;}
	.footer .nav-di>li ul a{font-size:13px;}
	.search-share .search-di input,.search-share .search-di button,.foot{font-size: 13px;}
	.footer .nav-di>li{width:33.3%;}
	.share a{height:18px;float:left;}
}
@media (min-width:768px) and (max-width: 991px) {
	.container{width:750px;}
	.fontbig{font-size:15px;}
	.fontsmall{font-size:13px;}
	.top .search{width:175px;}
	.header{display: none;}
	.mobile-header{height:60px;}
	.mobile-header .mobile-logo{padding:10px 0;}
	.mobile-header h2{display: none;}
	.mobile-header .menu{font-size:25px;top:20px;}
	.mobile-menu .nav-slide{margin-top:20px;}	
	.mobile-menu .menu-close img{width:20px;}
	.mobile-menu .nav-slide>li>a{font-size:15px;}
	.mobile-menu .nav-slide>li ul li{font-size:14px;}
	.mobile-menu .mobile-lang{font-size: 14px;}
	.footer .nav-di>li>a{font-size:15px;}
	.footer .nav-di>li ul a{font-size:13px;}
	.search-share .search-di input,.search-share .search-di button,.foot{font-size: 14px;}
	.footer .nav-di>li{width: 25%;}
	.share a{height:18px;float:left;}
}
@media (min-width:992px) and (max-width: 1199px) {
	.container{width:970px;}
	.fontbig{font-size:16px;}
	.fontsmall{font-size:14px;}
	.top .search{width:175px;}
	.mobile-header{display: none;}
	.header{height: 70px;padding-top:8px;padding-bottom: 8px;}
	.header .h-nav>li>a{font-size:15px;}
	.header .h-nav{margin-top:18px;}
	.footer .nav-di>li>a{font-size:15px;}
	.footer .nav-di>li ul a{font-size:13px;}
	.search-share .search-di input,.search-share .search-di button,.foot{font-size: 14px;}
	.footer .nav-di>li{width: 14.2%;}
	.share a{height:20px;float:right;}
}
@media (min-width:1200px) {
	.container{width:1100px;}
	.fontbig{font-size:16px;}
	.fontsmall{font-size:14px;}
	.top .search{width:175px;}
	.mobile-header{display: none;}
	.header{height: 84px;padding-top:12px;padding-bottom: 12px;}
	.header .h-nav{margin-top:22px;}
	.header .h-nav>li>a{font-size:16px;}
	.footer .nav-di>li>a{font-size:16px;}
	.footer .nav-di>li ul a{font-size:14px;}	
	.search-share .search-di input,.search-share .search-di button,.foot{font-size: 14px;}
	.footer .nav-di>li{width: 14.2%;}
	.share a{height:22px;float:right;}
}
.container{margin: 0 auto;}
/*顶部*/
.top{width: 100%;background:#f3f5f6;font-size: 0;padding:10px 0;overflow: hidden;}
.top .address{float: left;line-height:23px;font-size: 14px;}
.top .search,.top .language{float: right;}
.top .language a,.top .language i{float: left;font-size: 14px;line-height:23px;color: #666;}
.top .language i{margin: 0 5px;}
.top .language a:last-child{font-size: 12px;}
.top .language a:hover{color: #012b94;}
.top .search{height:23px;font-size:14px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;
padding:0 12px;background: #fff;margin-left: 25px;line-height: 23px;}
.top .search input{width:120px;float: left;height: 23px;}
.top .search button{width:23px;height: 23px;background:url(../img/images/search.png) no-repeat center;cursor: pointer;float: right;}
.top .search input,.top .search button{border: 0;outline: none;}
/*头部*/
.header .logo{height:100%;float: left;}
.header .logo img{height: 100%;}
.header .h-nav{float: right;font-size: 0;}
.header .h-nav>li{margin-right: 0.26rem;position: relative;display:inline-block;padding-bottom:8px;}
.header .h-nav>li>a{padding-right:18px;}
.h-nav>.li-bg>a{background:url(../img/images/nav-down.png) no-repeat right center;}
.header .h-nav>li>a:hover{color:#012b94;}
.header .h-nav>li ul{position:absolute;left:0;top:30px;z-index:111;white-space: nowrap;margin-left: -13px;display: none;}
.header .h-nav>li:hover ul{display:block;}
.header .h-nav>li ul li{height:32px;line-height:32px;background:#f4f4f4;}
.header .h-nav>li ul li a{font-size:14px;padding:0 26px;display: block;}
.header .h-nav>li ul li a:hover{background: #012b94;color: #fff;}


/*手机头部*/
.mobile-header{position: relative;}
.mobile-header .mobile-logo{float: left;height:100%;}
.mobile-header .mobile-logo img{height: 100%;}
.mobile-header .menu{color:#333;cursor: pointer;position: absolute;right:15px;}

/*手机菜单*/
.mobile-menu{position: fixed;height:100%;right:0;z-index: 112;font-size:0;overflow-y: scroll;width:50%;overflow-y: scroll;display: none;top: 0;
background-color: rgba(245,245,245,0.8);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .mobile-menu{
    background-color:#f5f5f5;
    filter:Alpha(opacity=80);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
  .mobile-menu .container{
    position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
  }
}

.mobile-menu .menu-close{cursor: pointer;display: block;padding:15px;margin-right: 15px;}
.mobile-menu .nav-slide>li{width: 100%;line-height: 2.4;margin: 5px 0;}
.mobile-menu .nav-slide>li>a{display: block;color: #333;width:100%;font-weight: 600;padding-left:2em;}
.mobile-menu .nav-slide>li ul{width:100%;}
.mobile-menu .nav-slide>li ul li{display: inline-block;}
.nav-slide>li ul li a{text-decoration: none;color: #012b94;margin-left:3em;}
.mobile-menu .nav-slide>li>a:hover{background-color:#012b94;color: #fff;text-decoration: none;}
.mobile-menu .mobile-lang{padding-left:1em;}
.mobile-menu .mobile-lang a{padding:5px 10px;background:#595959;color:#eee;display: inline-block;margin-top:10px;}
.mobile-menu .mobile-lang a:hover{background: #012b94;}

/*底部*/
.footer-wrap{width: 100%;border-top:1px solid #e5e5e5;font-size: 0;}
.footer{border-bottom:1px solid #e5e5e5;padding:0.17rem 0;text-align: center;}
.footer .nav-di,.footer .nav-di>li,.footer .search-share{display:inline-block;vertical-align: top;}
.footer .nav-di{width: 100%;text-align: left;}
.footer .search-share{width: 80%;}
.footer .nav-di>li{padding:0.28rem 0;text-align:center;}
.footer .nav-di>li>a{color: #333;}
.footer .nav-di>li ul{margin-top:0.18rem;display:none;}
.footer .nav-di>li:hover ul{display: block;}
.footer .nav-di>li ul a{color: #666;line-height: 1.8;}
.search-share .search-di{width:100%;padding:8px 0;margin:0.16rem 0 0.45rem;border-bottom:1px solid #e5e5e5;text-align: left;}
.search-share .search-di input,.search-share .search-di button{line-height:2.7;border:0;outline: none;}
.search-share .search-di input{width:65%;float: left;}
.search-share .search-di button{color: #fff;background:#012B94;float: right;display: inline-block;padding:0 2em;border-radius: 1.5em;
-webkit-border-radius: 1.5em;}
.share{width: 100%;}
.share a{margin-left:0.2rem;}
.share a img{height: 100%;}
.foot{color: #999;padding: 0.38rem 0 0.52rem;line-height: 1.7;text-align: center;}
