/* Css Reset */
body,ul,ol,p,li,h1,h2,h3,h4,h5,h6 {padding:0;margin:0; font-weight:normal;}
body{text-align:left; font:normal 1.2em/2em "微软雅黑"; background: #f0eddc url(../images/bbg.png) repeat; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; position:relative; color:#333;m}
li{list-style:none}
a,a:visited{text-decoration:none;color:#333}
a{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.fl{float:left}
.fr{float:right}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
.hide{display:none}
.h60{height: 0px;}

/* common */
body{padding-top: 60px;}
.header-xs {	display: block;	z-index: 8;	position: fixed;	width: 100%;	top: 0;}
.header-xs-main {	height: 60px;	background: #397fbb;	position: relative;	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);	z-index: 9;}
.icon-xs-search {	display: block;	width: 20px;	height: 20px;	background: url(../images/2016_480_top_search.png) no-repeat;	position: absolute;	left: 20px;	top: 50%;	margin-top: -10px;	cursor: pointer;}
.header-xs-logo {position: absolute;	top: 0;	left: 50%;	margin-left: -90px;}
.header-xs-logo a {display: block;width: 180px;height: 60px;background: url(../images/logo.png) no-repeat center center;	background-size: 100% auto;}
.icon-xs-mainnav {display: block;	width: 25px;	height: 60px;	background: url(../images/2016_480_top_mainnav.png) no-repeat center	center;	position: absolute;	right: 20px;	top: 0;	cursor: pointer;}
.icon-xs-mainnav.ms {background-image: url(../images/2016_480_close.png);}
.mainnav-xs {display: none;	position: absolute;	top: 60px;	width: 100%;	background: rgba(203, 225, 240, 0.95);	text-align: center;	padding: 8px 0;	z-index: 5;}
.mainnav-xs li {	float: left;	width: 20%;	padding: 6px 0;}
.mainnav-xs li a {	color: #2969a0;	font-weight: bold;	font-size: 15px;}
.header-xs-search {	display: none;	position: absolute;	top: 60px;	width: 100%;	background: rgba(255, 255, 255, 0.95);	text-align: center;	padding: 8px 0;	border-bottom: #bc1010 2px solid;}
.header-xs-search .SearchTxt {	width: 206px;	padding: 7px 12px;	background: #fff;	height: 18px;	line-height: 18px;	border: 0;	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;	border: 1px solid #d8d8d8;	border-right: none;	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s	ease-in-out 0s;	vertical-align: middle;	border-radius: 0;}
.header-xs-search .SearchBtn {	width: 52px;	height: 34px;	border: 0;	cursor: pointer;	background: url(../images/2016_top_search_btn.png) no-repeat center	center #bc1010;	vertical-align: middle;	border-radius: 0;}
.touchOn { background-color: #e8e8e8; }
/* 提示信息弹出 */
.popTip { position: fixed; z-index: 999000; background: rgba(0, 0, 0, .8); box-shadow: #333 0 0 10px; padding: 10px 15px; border-radius: 5px; white-space: nowrap; }
.popTip .icon { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 10px; background: url(../images/icon_notice.png) no-repeat; background-size: 32px 32px; }
.popTip .text { color: #fff; line-height: 32px; }
.popTip .icon.suc { background-image: url(../images/icon_success.png); }
.popTip .icon.err { background-image: url(../images/icon_error.png); }
.popTip .icon.load { background-image: url(../images/tip_loading.gif); background-size: auto; background-position: center; }

/* iphoneTips */
.iphoneTips { width: 240px; height: 80px; background: #252525; position: fixed; left: 50%; bottom: 0; margin-left: -120px; border-radius:  10px; margin-bottom: 10px; z-index:999999;}
.iphoneTips .bd { position: relative; }
.iphoneTips .img { width: 50px; height: 50px; background: url(apple-touch-icon.png) no-repeat; background-size: 50px 50px; float: left; margin: 15px 0 0 15px; }
.iphoneTips .txt { width: 150px; color: #fff; font-size: 14px; line-height: 18px; float: left; margin: 15px 0 0 10px; text-align: left; }
.iphoneTips .txt span  { width: 19px; height: 15px; background: url(../images/iphoneTips.png) 0 -31px no-repeat; background-size: 50px auto; display: inline-block; margin: 0 2px; }
.iphoneTips .close { width: 29px; height: 28px; background: url(../images/iphoneTips.png) 0 1px no-repeat; background-size: 50px auto; position: absolute; right: -9px; top: -9px; }
.iphoneTips i { width: 20px; height: 10px; background: url(../images/iphoneTips.png) -30px 0px no-repeat; background-size: 50px auto; display: block; position: absolute; left: 50%; top: 80px; margin-left: -8px; overflow: hidden; }

/* header */
body>header,
body>footer {color: #333;background:url(../images/bg.png) repeat-x center top;}
body>footer{width:100%; height:60px;line-height: 60px; margin-top:8px; text-align:center; background-position:center bottom;position: fixed;left: 0;bottom: 0;z-index: 9999;}
body>footer a{color:#fff;}
body>header {/* box-shadow: 0 2px 2px 0 #BABABA;*/ position:relative; height:202px; }
.header_T{height: 100px;border-bottom: 1px solid #245998;}
.header_r{float:right; padding-right:2%; overflow:hidden;}
.logoBar{ height: 60px; line-height: 40px; padding-top:16px; float: left; /*border-right: #4b8c12 1px solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;*/ }
.logoBar{height:84px;}
.logo {float: left; margin:13px 0 0 10px; }
.logoImg { height: 60px; width: auto; vertical-align: middle;}
.loginBox,.nav{float:left;  margin:26px 0 0 12px;}
.searchBar{margin: 10px 12px;}
.loginbtn,.searchBarbtn,.navbtn{display:block; height: 75px; width: 60px; background:url(../images/icon.png) no-repeat 0 0; position:relative;}
.searchBarbtn{background-position:-80px 0;}
.navbtn{background-position:0 -78px;}
.header_r i {display:none; position: absolute; right: 20%; top: 67%; border: 16px solid; border-color:  transparent transparent #fff; }
.header_r i.on{display:block;}
.inPage{height:88px;padding-top: 14px; position:relative;}
.backlink{display:block; width:61px; height:58px; background:url(../images/icon.png) no-repeat 0 -173px; position:absolute; left:12px; top:27px; text-indent:-9999px; cursor:pointer;}
.inPage .topText{text-align:center; font:normal 40px/88px "微软雅黑"; color:#fff;}
.inPage .header_r{margin-top:-100px;}
.inPage .Area{top:102px;padding-top: 20px;}
.picBox .inPage .Area{top:88px;}
.loginBox label{width:90px; text-align:right; display:inline-block;}
 
.Area{position:absolute; width:96%; padding:0 2%; top:101px; left:0; z-index:99999; background:#fff;}
.navArea{ padding:25px 2% 10px;position: fixed;left: 0;bottom: 60px;top:auto;}
.navSub{margin-top:-15px;}
    /* login */
	.loginBox .title{height:44px; line-height:44px; padding-left:60px; font-size:26px; color:#1c61b3; background:#ededed url(../images/icon.png) no-repeat -155px -74px;}
	.userLogin{margin-bottom: 10px;}
	.loginBox p{margin:10px 0 0 10%;font-size: 0.92em;}
    .loginBox input { vertical-align: middle;}
    .loginBox input[type="text"],
    .loginBox input[type="password"] {display:inline-block; width: 65%; height: 30px; margin-right: 1%; border: #ccc 1px solid; color: #868686; font-size: 1.3em; padding: 0 2px; outline:none; border-radius: 2px; }
    .loginBox input[type="button"] { background: #1556b2; width: 90px; height: 38px; margin:0 10% 0 32%; vertical-align: middle; border:0; color:#fff; font:normal 22px/24px "微软雅黑";}
    .loginBox .userInfo { display: none; padding:5px 0; overflow:hidden;}
    .loginBox .userInfo span { float: left; }
    .loginBox .userInfo a { float: right; padding: 0 10px; }
	
	/* searchBar */
	.searchBar .text{width:100%; height:40px;padding:2px 0;background: #fff;}
	.searchBar input[type="search"]{width:96%; height:40px; padding-left:46px; color: #868686; font:normal 1em/30px "微软雅黑"; background:url(../images/icon.png) no-repeat -150px 8px; border:0; outline:none;}
	
    /* nav */
    .navSub{text-align:left;}
	.navSub li{padding:8px 15px;line-height: 1.4em; border-bottom:1px solid #d4d4d4; overflow:hidden;}
	.navSub li h4{float:left; /*width:85px;*/ text-align:left;font-size: 0.9em;}
	.navSub li h4 a{color:#1555b2;}
	.navSub li .ul1{float:left; width:75%; overflow:hidden;}
	.navSub li .ul1 li{float:left; width:auto; border-bottom:0; padding:0; }
	.navSub li .ul1 li h4{margin-left:23px;font-size: 0.86em;}
	.navSub li .ul1 li h4 a{color:#666;}
    /* active header */
    /*.active .backlink,
    .active .homelink { box-shadow: 0 0 1px 1px #4b8c12; }*/
	
	/*Nav S*/
	.Nav{border-top: 1px solid #498cdc;}
	.Nav ul{width: 100%;padding-top:10px;overflow:hidden;}
	.Nav li{float:left; width:16.6%;line-height: 2.1em;height: 2.1em; text-align:center; overflow: hidden;}
	.Nav li h4{font-size:0.87em;font-weight: bold;}
	.Nav li a{color: #fff;}

	.navArea .navSub li{float: left;width: 25%;padding:3px 0px; border-bottom: 0;}
	.navArea .navSub li h4{float: none;text-align: center;}
	
/* footer */
.height30{height:30px;}
.backTop{width:57px; height:57px; position:fixed; bottom:82px; right:8px; z-index:999; background:url(../images/icon.png) no-repeat -80px -78px;}
.backTop a{width:57px; height:57px; display:block;}


/*.cateBtn:active,
.cateBtn.touchOn {
    background: -webkit-gradient(linear,0 0,0 100%,from(#E3E3E3),to(#F5F5F5));
    background:    -moz-linear-gradient(top, #E3E3E3, #F5F5F5); }*/


@media all and (max-width: 479px) {
body{font-size:1em;}
body>header{height:154px;}
.header_T{height: 72px;}
.logoBar{height:54px;}
.logo {margin-top:10px; }
.logoImg { height: 36px;vertical-align: middle;}
.loginBox,.nav{width:34px; height:45px; margin:28px 0 0 8px;}
.loginbtn,.navbtn{width:34px; height:44px;}
.loginbtn{background-position:0 -272px;}
.searchBarbtn{background-position:-80px -272px;}
.navbtn{background-position:-161px -272px;}
.searchBar .text{padding: 0;}
.header_r i {right: 31%; top: 73%; border: 6px solid; border-color: transparent transparent #fff;}
.inPage{height:58px;}
.inPage .backlink{width:35px; height:34px; background-position:-150px -173px;}
.inPage .topText{font:normal 26px/58px "微软雅黑";}
.inPage .header_r{margin-top: -72px;}
.inPage .Area{top:71px;}
.picBox .inPage .Area{top:58px;}
.loginBox label{width:75px; }
.Area{top:72px;padding: 20px 2% 0;}
.navArea{bottom: 48px;top:auto;padding: 25px 2% 10px;}
.navSub li{padding: 5px 0 3px;}
.navSub li .ul1{width:75%;}
.navSub li h4{width:auto; margin-left:10px;}
.navArea .navSub li h4{margin-left:0px;}
.Nav ul{padding-top: 6px;}
body>footer{height:48px;line-height: 48px;font-size:0.96em;}
body>footer a{width:88px;}
.backTop{background-position:-154px -555px; bottom:65px;}
.backTop,.backTop a{width:33px; height:33px;}
.height30{height:0px;}
.loginBox input[type="button"] {width: 80px; height: 34px;font:normal 17px/24px "微软雅黑";}
}
@media all and (min-width: 480px) and (max-width: 540px) {
body>header{height:186px;}
.header_T{height: 90px;}
.logoBar{height:72px;}
.logoImg{height: 50px;vertical-align: middle;}
.loginBox,.nav,.loginbtn,.navbtn{width:48px; height:58px;}
.loginBox, .nav{margin-top: 32px;}
.loginbtn{background-position:0 -335px;}
.navbtn{background-position:-161px -335px;}
.searchBar .text{padding: 0;}
.header_r i {right: 26%; top: 69%; border: 10px solid; border-color: transparent transparent #fff;}
.inPage{height:70px;}
.inPage .backlink{width:49px; height:46px; background-position:-81px -173px;}
.inPage .topText{font:normal 32px/70px "微软雅黑";}
.inPage .header_r{margin-top: -90px;}
.inPage .Area{top:84px;}
.picBox .inPage .Area{top: 70px;}
.Area{top:89px;padding: 20px 2% 0;}
.navArea{bottom: 60px;top:auto;padding: 25px 2% 10px;}
.navSub li .ul1{width:75%;}
.navSub li h4{width:auto;}
.Nav ul{padding-top: 6px;}
.backTop{background-position:-81px -555px;}
.backTop,.backTop a{width:45px; height:45px;}
.loginBox p {margin: 7px 0 0 10%;font-size: 0.88em;}
.loginBox input[type="button"] {width: 90px; height: 36px;font:normal 20px/24px "微软雅黑";}
}
@media all and (max-width: 370px) {
.Nav li h4{font-size: 0.78em;}
.infoBox nav li,.piclist .hd h3{font-size: 0.88em;}
}