/*commom 开始*/
html {font-family:微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; border: 0px;}
body, div, th, td { margin: 0px; padding: 0px; border: 0px; font-family: 微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif; font-size: 12px;}
input, select, textarea { margin: 0px; padding: 0px; font-family: 微软雅黑,Microsoft yahei,Arial,Verdana,Tahoma,sans-serif; font-size: 12px; }
form, img, dl, dt, dd, iframe { margin: 0px; padding: 0px; border: 0px; }
ul, li { margin: 0px; padding: 0px; border: 0px; list-style-type: none; list-style-position: outside; }
a { color: #08f; text-decoration: none; cursor: pointer; }
a, input { outline: none; }
a{text-decoration:none;cursor:pointer;outline:none;color: #666;}
a:hover{text-decoration:none;cursor:pointer;outline:none;color: #1777C6;}
.fl{float: left; }
.fr{float: right; }
.clearfix:after{content:"";display:block;clear: both;}/*伪元素ie8不兼容不兼容*/
.clear{clear: both;}
/*commom 结束*/

body{overflow-x:hidden;}
/*头部  开始*/
.header{position:fixed;height: 75px;z-index: 1000;background:url(../images/header_bg.png) repeat;width:100%;}
.header .logo{margin-top: 20px;}
.header .logo img{height: 36px;}
.header .navbar .nav{position: relative;}
.header .navbar .nav a{display: block;}
.header .navbar .nav .menu{float:left;font-size:16px;margin-left:20px;padding:0 10px;text-align: center;}
.header .navbar .nav .menu a{color: #333;line-height: 75px;}
.header .navbar .nav .menu:hover{border-bottom:2px solid #4cbbb1;box-sizing: border-box;}
.header .navbar .nav .menu.curr{border-bottom:2px solid #4cbbb1;box-sizing: border-box;}
.header .navbar .nav .menu .submenu-box{position: absolute;background:url(../images/header_bg.png) repeat;top:75px;height:auto;left: 0;width:710px;display:none;padding-bottom:15px;}
.header .navbar .nav .menu .submenu-box .submenu{float:left;margin: 5px 15px 0;width:112px;}
.header .navbar .nav .menu .submenu-box .submenu a{font-size:14px;color:#666;line-height: 20px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header .navbar .nav .menu .submenu-box .submenu a img{display: block;width: 54px;margin: 15px auto 10px;}
.header .navbar .nav .menu:hover .submenu-box{display: block;}

.header .userbar{margin-top: 10px;}
.header .userbar a{float:left;font-size: 16px;width: 75px;height: 30px;text-align: center;line-height:30px;display: block;margin: 10px;border-radius: 3px;}
.header .userbar a.login{color:#4cbbb1;border: 1px solid #4cbbb1;}
.header .userbar a.regin{color:#fff;background:#4cbbb1;border: 1px solid #4cbbb1;}
.header.active{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transition: all .10s ease-in-out 0s;-moz-transition: all .10s ease-in-out 0s;-ms-transition: all .10s ease-in-out 0s;-o-transition: all .10s ease-in-out 0s;transition: all .10s ease-in-out 0s;}
.header.active .navbar .nav a{color: #333;}
.header.active .navbar .nav a:hover{border-color:#4cbbb1;}
.header.active .navbar .nav .menu .submenu-box{background: #fff;box-shadow:0 10px 10px rgba(0,0,0,0.1);}

.header .nav-box{display: none;margin-right: 20px;}
.header .nav-box .icon{margin-top:25px;}
.header .nav-box .icon a{display: block;width: 60px;height: 45px;}
.header .nav-box .icon a img{width: 60px;height: 45px;}
.header .nav-box .logo img{height: 36px;}
.header .nav-box .menu-box{position: fixed;display: none;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);}
.header .nav-box .menu-box .mask{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background:#fff;z-index: 998;}
.header .nav-box .menu-box .close-box{position: fixed;top:0;left:0;right: 0px;z-index: 1000;cursor: pointer;height: 75px;}
.header .nav-box .menu-box .close-box .close{margin:30px 20px 0 0;}
.header .nav-box .menu-box .menu{position: fixed;top:75px;bottom: 0;right: 0;left:0;z-index: 999;overflow-y: auto;}
.header .nav-box .menu-box .menu .menu-li{border-bottom:1px solid #ddd;}
.header .nav-box .menu-box .menu .menu-li .name{width:calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);margin:0 20px;}
.header .nav-box .menu-box .menu .menu-li .name.arrow-on a{background:url(../images/icons/menu_arrow.png) no-repeat right 24px;height: 60px;}
.header .nav-box .menu-box .menu .menu-li .name.arrow-off a{background:url(../images/icons/menu_arrow_off.png) no-repeat right 24px;height: 60px;}
.header .nav-box .menu-box .menu li a{display: block;font-size: 16px;color: #333;line-height:60px;}
.header .nav-box .menu-box .menu .menu-li .sub-menu{display:block;background:#fff;border-top:1px solid #ddd;padding: 10px;}
.header .nav-box .menu-box .menu .menu-li .sub-menu li{float: left;margin:0 auto;}
.header .nav-box .menu-box .menu .menu-li .sub-menu li a{display: block;font-size: 14px;color: #666;line-height: 20px;text-align: center;}
.header .nav-box .menu-box .menu .menu-li .sub-menu li a img{display: block;width: 54px;margin: 15px auto 10px;}
/*头部  结束*/

/*底部  开始*/
.footer{background: #4cbbb1;padding-bottom:30px}
.footer .info{padding-top:50px;margin-left: 10px;}
.footer .info .logo-box{margin-bottom: 20px;}
.footer .info .logo-box .logo{background: url(../images/footer_logo.png) no-repeat center;width: 115px;height: 38px;}
.footer .info .logo-box .logo img{width: 115px;height: 38px;}
.footer .info .logo-box .name{margin-left: 10px;background: url(../images/footer_logo_name.png) no-repeat center;width: 360px;height: 41px;}
.footer .info .data{font-size:14px;line-height: 26px;color: #fff;}
.footer .code{padding-top: 50px;text-align: center;color: #fff;font-size: 14px;margin-right: 10px;}
.footer .code img{display: block;margin-bottom: 5px;}
.footer.bg-gray{background: #fafafa;}
.footer.bg-gray .info .logo-box .logo{background: url(../images/logo.png) no-repeat center;}
.footer.bg-gray .info .logo-box .name{background: url(../images/footer_logo_name2.png) no-repeat center;}
.footer.bg-gray .info .data{color: #333;}
.footer.bg-gray .code{color: #333;}
.footer .info .data a{color:#fff;margin-right:14px;}
/*底部  结束*/

.container{width:1200px;margin:0 auto;}
.cnas-tit{text-align:center;padding-top: 60px;}
.cnas-tit .tit{font-size: 34px;}
.cnas-tit .info{font-size: 16px;color: #999;padding: 20px 10px;line-height:30px;}

@media only screen and (max-width:1199px){
	.container{width:100%;}
	.header .logo{margin-left:10px;}
	.header .navbar{display: block;margin-right:0;}
	.header .navbar .top{margin-right:20px;}
	.header .nav-box{display: none;}
	.header.active .navbar .top{margin-right: 20px;}
}
@media only screen and (max-width: 991px){
	.container{width: 100%;}
	.header .logo{margin-left:20px;}
	.header .nav-box .icon{margin-top: 15px;}
	.header .navbar{display: none;}
	.header .userbar{display: none;}
	.header .nav-box{display: block;}
	.header .nav-box .menu-box .menu .menu-li .sub-menu li{width:20%;}
	
}
@media only screen and (max-width: 767px){
	.container{width: 100%;}
	.header{height: 54px;}
	.header .logo{display: block;margin-top: 8px;}
	.header .navbar{display: none;}
	.header .nav-box{display: block;}
	.header .userbar{display: none;}
	.header .nav-box .icon{margin-top: 8px;width:50px;}
	.header .nav-box .icon a{width:50px;}
	.header .nav-box .icon a img{width:50px;height:auto;}
	.header .nav-box .menu-box .close-box{height: 54px;}
	.header .nav-box .menu-box .close-box .close{margin: 20px 20px 0 0;}
	.header .nav-box .menu-box .menu{top: 54px;}
	.header .nav-box .menu-box .menu .menu-li .sub-menu li{width:50%;}
	
	.footer .info{width:90%;text-align: center;padding: 50px 0 0;margin-left: 5%;}
	.footer .info .logo-box .logo{width: 100%;}
	.footer .info .logo-box .name{display: none;}
	.footer .code{display: none;}
	.footer.bg-gray .info{text-align: center;padding: 50px 0 0;}
	.footer.bg-gray .info .logo-box .name{display: none;}
	.footer.bg-gray .code{display: none;}
	
	.cnas-tit{text-align:center;padding-top: 40px;}
	.cnas-tit .tit{font-size: 26px;}
	.cnas-tit .info{font-size: 12px;color: #999;padding: 10px 0;}
}