﻿@charset "utf-8";
@import url("style.css");
@font-face {
	font-family:Impact;
	src: url(../font/IMPACT.TTF);
}
/*body{
  -webkit-user-select: none;
  user-select: none;
}*/
html * {
	outline: none;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	 min-height: 100%;
	font-family: "Helvetica Neue", Helvetica, STHeiTi,'微软雅黑', sans-serif; line-height:1.5;
}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
input, select, textarea {
	font-size: 100%;
}
/* 去掉各 Table  cell 的边距并让其边重合 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 去除默认边框 */
fieldset, img {
	border: 0;
}
/* 去掉 firefox 下此元素的边框 */
abbr, acronym {
	border: 0;
	font-variant: normal;
}
/* 一致的 del 样式 */
del {
	text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var,i {
	font-size:100%;
	font-style: normal;
	font-weight: normal;
}
/* 去掉列表前的标识, li 会继承 */
ol, ul {
	list-style: none;
}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption, th {
	text-align: left;
}
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;font-weight: normal;
}
q:before, q:after {
	content: '';
}
/* 统一上标和下标 */
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
/* 正常链接 未访问 */
/* 鼠标悬停 */
a:hover {
	text-decoration:none;
}
/* 默认不显示下划线，保持页面简洁 */
ins, a {
	text-decoration: none;
}
ul,ol,menu,li{list-style:none}
.clearfix:after {
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.clearfix {
    *zoom: 1;
}
/* 告诉苹果不用内置苹果ui */
input[type="submit"],input[type="button"],button,select {border: none;-webkit-appearance : none ;}


.dropload-up,.dropload-down{
    position: relative;
    height: 0;
    overflow: hidden;
    font-size: 0.3125rem;
    /* 开启硬件加速 */
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
}
.dropload-down{
    height: 0.9375rem;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
    height: 0.9375rem;
    line-height: 0.9375rem;
    text-align: center;
}
.dropload-load .loading{
    display: inline-block;
    height: 0.3125rem;
    width: 0.3125rem;
    border-radius: 100%;
    margin: 6px;
    border: 2px solid #666;
    border-bottom-color: transparent;
    vertical-align: middle;
    -webkit-animation: rotate 0.75s linear infinite;
    animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.clear{clear:both;display:block;}
.fl{float:left;}
.fr{float:right;}
.center{width:9.2rem;margin:0 auto;}
.allpage{ -webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;width:10rem;margin:0 auto;position:relative;z-index:1;right:0;left:0;top:0;}
.allpage.clicked{left:-65%;right:65%;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
[data-dpr="1"] .allpage{padding-top:87px;}
[data-dpr="2"] .allpage{padding-top:107px;}
[data-dpr="3"] .allpage{padding-top:161px;}
/*header*/
.header-box{width:100%;background:#fff;position:fixed;top:0;right:0;left:0;z-index:99; box-shadow: 0px 5px 10px 0px rgba(14, 5, 11, 0.1);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.header-box.clicked{left:-65%;right:65%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.header-box a.logo{display:block;width:2.666666rem;}
.header-box a.logo img,.header-box a.logo h1{display:block;width:100%;height:100%;}
/*logo*/
[data-dpr="1"] .header-box a.logo{width:298px;height:40px;}
[data-dpr="2"] .header-box a.logo{width:597px;height:80px;}
[data-dpr="3"] .header-box a.logo{width:895px;height:120px;}
[data-dpr="1"] .header-box{padding:10px;}
[data-dpr="2"] .header-box{padding:20px;}
[data-dpr="3"] .header-box{padding:30px;}
/*btn*/
[data-dpr="1"] .header-box .btn{width:21px;height:17px;margin-top:16px;margin-top:11px;}
[data-dpr="2"] .header-box .btn{width:42px;height:35px;margin-top:16px;margin-top:23px;}
[data-dpr="3"] .header-box .btn{width:84px;height:70px;margin-top:18px;}
.header-box .btn img{width:100%;height:100%;}
/*footer*/
.footer{background:#25292c;width:100%;height:auto;padding-top:1.04rem;overflow:hidden;padding-bottom:1.533333rem;}
.footer ul.list1 li{float:left;text-align:center;margin:0 0.533333rem;}
.footer ul.list1{display:table;margin:0 auto 0.84rem;}
.footer ul.list1 li img{display:block;width:3rem;height:3rem;}
.footer ul.list1 li span{display:block;font-size:0.32rem;margin-top:0.373333rem;line-height:0.32rem;color:#999;}
.footer ul.list2 li{font-size:0.32rem;color:#fff;line-height:0.32rem;text-align:center;margin-bottom:0.346666rem;}
.footer-bottom{background:#111111;margin-top:1.066666rem;padding-top:0.533333rem;padding-bottom:0.733333rem;}
.footer-bottom p{display:block;text-align:center;font-size:0.32rem;color:#444;line-height:0.6rem;}
.footer-bottom i{display:block;text-align:center;font-size:0.32rem;color:#444;line-height:0.32rem;margin-top:0.133333rem;}
.footer-bottom i a{color:#222222;padding-left:0.133333rem;}
/*底部导航*/
.fixed-bottom{position:fixed;bottom:0;left:0;right:0;background:#166faa;z-index:999;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.fixed-bottom.clicked{left:-65%;right:65%;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.fixed-bottom ul {overflow:hidden;padding:0.24rem 0;}
.fixed-bottom ul li{float:left;width:25%;position:relative;}
.fixed-bottom ul li a{display:block;font-size:0.266666rem;line-height:0.266666rem;text-align:center;color:#fff;}
.fixed-bottom ul li a img{display:block;width:0.64rem;height:0.64rem;margin:0 auto 0.16rem;}
.fixed-bottom ul li:after{content:'';display:block;height:0.586666rem;background:#fff;position:absolute;bottom:0;top:0;right:0;margin:auto;}
[data-dpr="1"] .fixed-bottom ul li:after{width:1px;}
[data-dpr="2"] .fixed-bottom ul li:after{width:2px;}
[data-dpr="3"] .fixed-bottom ul li:after{width:3px;}
.fixed-bottom ul li:last-child:after{display:none;}
/*导航*/
.nav-box{position:fixed;width:65%;top:0;right:-65%;bottom:0;background:#262626;z-index:2;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.nav-box.fixed{height:100%;opacity:1; position:fixed;right:0;top:0;bottom:0;z-index:20;overflow-x:hidden;overflow-x: hidden;-webkit-overflow-scrolling: touch; -webkit-transition:all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.black-fixed{position:fixed;z-index:99999;left:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.7);right:0;overflow:hidden;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
.black-fixed.black-clicked{width:35%;-webkit-transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;opacity:1;}

.sliding-menu {overflow: hidden; position: relative;padding-top:0.8rem;}
.sliding-menu ul { float: left; margin: 0;}
.sliding-menu li { list-style: none; margin: 0; }
.sliding-menu a {display: block;color:#fff;font-size:0.346666rem;padding-left:0.4rem;line-height:0.346666rem;}
.sliding-menu li{line-height:0.346666rem;margin-bottom:0.8rem;}
.sliding-menu a.nav:before {content: '\3009'; float: right;display:block;font-size:0.346666rem;line-height:0.346666rem;margin-right:0.4rem;}
.sliding-menu a.back{color:#838383;margin-bottom:0.4rem;}
.sliding-menu a.back:before{content: '\3008'; float: left;font-size:0.346666rem;display:block;margin-right:0.266666rem;}
/*页面加载*/
#loading {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:9;display:table;text-align:center;transition:opacity 0.5s;-webkit-transition: opacity 0.5s;}
#loading.anistop{opacity: 0;}
#loading.anistop.nodisplay{display: none;}
#loading .circle-box{display: table-cell;vertical-align: middle;}
#loading .circle-box .circle{width: 0.5rem;height: 0.5rem;border-radius: 50%;overflow: hidden;display: inline-block;overflow: hidden;animation: 1.1s ease 0s normal none infinite running loading;-webkit-animation: 1.1s ease 0s normal none infinite running loading;}
#loading.anistop .circle-box .circle{animation-play-state: paused;}
#loading .circle-box .gif{width:70%;margin:0 auto;}
#loading .circle-box .redlogo {height:1.6rem;position: absolute;top:24%;left:0;right:0;margin:auto;}
@keyframes loading {
	0%, 100% {
	    box-shadow: 0 -1.3rem 0 0 #ffffff, 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.5), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.7);
	}
	11.25% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.7), 0.9rem -0.9rem 0 0 #ffffff, 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.5);
	}
	25% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.5), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.7), 1.25rem 0 0 0 #ffffff, 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	37.5% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.5), 1.25rem 0 0 0 rgba(215, 77, 126, 0.7), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	50% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.5), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.7), 0 1.25rem 0 0 #ffffff, -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	61.25% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.5), 0 1.25rem 0 0 rgba(215, 77, 126, 0.7), -0.9rem 0.9rem 0 0 #ffffff, -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	75% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.5), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.7), -1.3rem 0 0 0 #ffffff, -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	87.5% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.5), -1.3rem 0 0 0 rgba(215, 77, 126, 0.7), -0.9rem -0.9rem 0 0 #ffffff;
	}
}
@keyframes loading {
	0%, 100% {
	    box-shadow: 0 -1.3rem 0 0 #ffffff, 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.5), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.7);
	}
	11.25% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.7), 0.9rem -0.9rem 0 0 #ffffff, 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.5);
	}
	25% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.5), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.7), 1.25rem 0 0 0 #ffffff, 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	37.5% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.5), 1.25rem 0 0 0 rgba(215, 77, 126, 0.7), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	50% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.5), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.7), 0 1.25rem 0 0 #ffffff, -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	61.25% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.5), 0 1.25rem 0 0 rgba(215, 77, 126, 0.7), -0.9rem 0.9rem 0 0 #ffffff, -1.3rem 0 0 0 rgba(215, 77, 126, 0.2), -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	75% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.5), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.7), -1.3rem 0 0 0 #ffffff, -0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2);
	}
	87.5% {
	    box-shadow: 0 -1.3rem 0 0 rgba(215, 77, 126, 0.2), 0.9rem -0.9rem 0 0 rgba(215, 77, 126, 0.2), 1.25rem 0 0 0 rgba(215, 77, 126, 0.2), 0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.2), 0 1.25rem 0 0 rgba(215, 77, 126, 0.2), -0.9rem 0.9rem 0 0 rgba(215, 77, 126, 0.5), -1.3rem 0 0 0 rgba(215, 77, 126, 0.7), -0.9rem -0.9rem 0 0 #ffffff;
	}
}
/*公共标题*/
.public-title{background:url(../images/beijing01.png) center 0.133333rem no-repeat;background-size:100%;}
.public-title span{display:block;font-size:0.426666rem;font-weight:bold;line-height:0.426666rem;color:#166faa;text-align:center;}
.public-title i{display:block;text-align:center;font-size:0.24rem;color:#999;line-height:0.24rem;margin-top:0.213333rem;text-transform:uppercase;}
/*分页*/
.fenye{display:table;margin:0 auto;}
.fenye span,.fenye a{display:block;float:left;line-height:0.64rem;background:#cccccc;padding:0 0.266666rem;font-size:0.32rem;color:#fff;margin:0 0.12rem;}
.fenye i.xz{display:block;float:left;line-height:0.64rem;background:#166faa;padding:0 0.266666rem;font-size:0.32rem;color:#fff;}













