body,hr,p,blockquote,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {
    border: medium none;
    margin: 0;
    padding: 0;
    list-style-type: none;
	font-family：'Microsoft Yahei';
}

em {
    font-style: normal;
}

.clearfix:after,.clear:before {
    display: table;
    content: '';
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

.blank {
    padding-bottom: 1.375rem;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.content img {
    width: 100%;
    display: block;
}

.content-sg {
    margin-bottom: 0.0rem;
    padding: 0.75rem 0.625rem 0 0.625rem;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background: #fff;
}

.content-menu {
    padding: 0.75rem 0.625rem;
}

.content-sg-nopa {
    margin-bottom: 0.5rem;
    padding: 0.75rem 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
}

.content-sg-nopa .content-title {
    padding: 0 .625rem .75rem;
}

.content-title {
    padding-bottom: .75rem;
}

.content-title h2 {
    float: left;
    font-size: .75rem;
    line-height: .75rem;
    font-weight: bold;
}

.content-title h3 {
    float: left;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
}

.content-title span {
    float: right;
    font-size: .6rem;
    line-height: .75rem;
    color: #8f8e8e;
}

.content-title .more {
    font-size: 14px;
    color: #8f8e8e;
}

.content-title .icon-refresh:before {
    padding-right: 0.2rem;
    font-size: .75rem;
    color: #b6b7ba;
}

.content-title .icon-more:before {
    padding-left: 0.2rem;
    font-size: .75rem;
    color: #b6b7ba;
}

nav.bar-tab {
    background: #fff;
    padding: 0.3rem 0;
}

.bar-tab.nav:before {
    height: 0;
}

.bar-nav {
    background: #fff;
}

.bar-nav.zfxm {
    background: #161c1b;
}

.bar-nav.zfxm:after {
    height: 0;
}

.bar-tab .zfxm {
    background: #e8e8e8;
}

.bar-tab .zfxm .icon {
    float: none;
    left: .1rem;
    top: 0;
    font-size: 1rem;
    color: #a0000f;
    height: 1rem;
    line-height: 1rem;
}

.bar-tab.nav {
    background: #fff;
}

.bar-tab.nav.nav2 {
    background: #fff;
}

.bar-tab a.icon {
    font-size: 1rem;
    color: #666;
    border: 1px solid #e9e9e9;
    margin-left: 1%;
    border-radius: .2rem;
    padding: .5rem .1rem .3rem;
    line-height: 1rem;
    background: #f9f9f9;
}

.bar.bar-tab a {
    float: left;
    display: block;
    text-align: center;
}

.bar-nav .icon {
    color: #999;
}

.bar-tab span {
    font-size: .75rem;
    position: relative;
    left: 0.1rem;
    bottom: .1rem;
    font-family: sans-serif;
}

.bar-tab .icon-phone {
    width: 37%;
}

.bar-tab a.icon-me {
    width: 36%;
    margin-right: 1%;
    background: #a0000f;
    color: #fff;
    border: 1px solid #a0000f;
}

.bar-tab .icon-home {
    width: 23%;
}

.bar-tab .badge {
    position: absolute;
    top: .1rem;
    left: 50%;
    z-index: 100;
    height: .6rem;
    min-width: .6rem;
    padding: 0 .1rem;
    font-size: .5rem;
    line-height: .6rem;
    color: #a0000f;
    vertical-align: top;
    background: #fff;
    border-radius: 50%;
    margin-left: -1.3rem;
}

.logo {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -5.1625rem;
}

.logo img {
    height: 1.175rem;
}

.banner {
    overflow: hidden;
}

.banner img {
    width: 100%;
    display: block;
}

.banner .banner-nav {
    position: absolute;
    bottom: .3rem;
    padding: 0;
    width: 100%;
    text-align: center;
    line-height: .4rem;
    z-index: 10;
}

.banner .banner-nav span {
    display: inline-block;
    margin: 0 .2rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #fff;
}

.banner .banner-nav .swiper-pagination-bullet-active {
    background: #a0000f;
}

.index-banner {
    overflow: hidden;
}

.index-banner img {
    width: 100%;
    display: block;
}

.index-banner .banner-nav {
    position: absolute;
    bottom: .3rem;
    padding: 0;
    width: 100%;
    text-align: center;
    line-height: .4rem;
    z-index: 10;
}

.index-banner .banner-nav span {
    display: inline-block;
    margin: 0 .2rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #fff;
}

.index-banner .banner-nav .swiper-pagination-bullet-active {
    background: #a0000f;
}

.gradient {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: .65rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: center;
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0.8),rgba(0,0,0,0));
    background: -webkit-gradient(linear,0 0,0 bottom,from( rgba(0,0,0,0)),to(rgba(0,0,0,0.8)));
}

.con1-nav {
    width: 100%;
    padding: 0.75rem 0;
    background: #fff;
}

.con1-nav .tab-item {
    position: relative;
    display: table-cell;
    height: 4.5rem;
    color: #2d2d2d;
    font-size: .75rem;
    text-align: center;
    vertical-align: middle;
    width: 1%;
}

.con1-nav .tab-item .xnqf {
    height: 2.8rem;
    width: 2.975rem;
    display: block;
    margin: 0 auto;
}

.con1-nav .tab-item .xnqf img {
}

.con1-nav .tab-item .icon {
    top: 0;
    height: 3rem;
    width: 3rem;
    font-size: 2rem;
    color: #a0000f;
    line-height: 3rem;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 50%;
    border: 1px solid #a0000f;
}

.con1-nav .tab-item .icon ~ .tab-label {
    display: block;
    font-size: .75rem;
    line-height: 0.75rem;
    padding-top: 0.75rem;
    position: relative;
    top: 0;
}

.con1-nav .tab-item .icon-sd {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    text-align: center;
    border: 0;
}

.sg-news {
    margin-bottom: 0.5rem;
    overflow: hidden;
    background: #fff
}

.sg-title {
    float: left;
    margin-right: 0.5rem;
    padding-right: 0.5rem;
    width: 2.65rem;
    height: 1.55rem;
    border-right: 1px solid #e9e9e9;
}

.sg-title img {
    width: 2.15rem;
}

.sg-title-list .item-media img {
    width: 2.65rem;
    padding-right: 0.5rem;
    border-right: 1px solid #e9e9e9;
}

.list-block .sg-title-list  .item-link .item-inner {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM0QzFDNzMyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM0QzFDNzQyREM0MTFFNUJDNTI4OTMzMEE0RjBENzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzRDMUM3MTJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzRDMUM3MjJEQzQxMUU1QkM1Mjg5MzMwQTRGMEQ3MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjs2Bb4AAAItSURBVHjazJhbK0RRGIb3DIOU/AG5kUTOgxmHceFGKf6BO+Vf+E8KKYcYg3FuMpNIDhFJXJAcp/GtvKumrzVs+zBrvfU2u689q6d3rb33+lYgl8tZvymZ3JOX7eQp8gT50fJA0Wj4z3tKbY5VR14hV5ObyWLkZ6sICtq4p4V8CjihevIWucoUQJFUmtUayTvkShMAL5DiGqs3IMlK3YBSgwrIZkBWmAAoIRMKyG2/IIMO/hMjbygepCS53ARAoQHyOqu1YbrLTADMAXJbASmSDOkGlOpTQHaQN72CdAuYBeQuq4cBWaIbUEJGC0Am3UIGPVoqMsk9Vu/CwxTQDSj0iSQPWD2C6Q7oBhT6AmRKAZkwAVDoowBkn+LdqQVQ6A2QhwrIuAmAEjKi2KrF/jPdfgIKveI7Pcfq/eSMCYBSD4pakymA0+RxVrsn15oAOEMeY7Vbcif5ys4ApT7CzZJHWO2G3I1fSyfgPHmY1a7x6bvT/ZpZUMBdOoHzI8El8pCiK+wq8CQXNcFlBdw51tyD00G9SnAVHV++zgDn6hzHiwTjCrgTTKvrQya3Ca5jA5CvY3IP+UlnTxJEb8zhjpDck1cL20mCAcBFWD2D2ovOvjiERojDpTGtnsL9N8EQegt+LJrC5vRN59lMORp0DrePNH2BswvYivXVzuoHSO7dz+2QHcAa6+eMOl87WHOffm8m7QCK7foog+tFi2mZACg3npPkRUxrtkitgvUtwAA5A3LWdzPizwAAAABJRU5ErkJggg==");
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 0.7rem auto;
    padding-right: 1rem;
}

.sgnews {
    height: 3.1rem;
    width: 100%;
    padding-left: .625rem;
}

.list-block .sg-title-list  .item-link .item-inner .swiper-slide {
    height: 1.6rem;
}

.sg-title-list {
    font-size: .75rem;
    line-height: 0.75rem;
    font-family: sans-serif;
}

.sg-title-list li {
    padding: 0 .625rem;
}

.sg-title-list .tab-label {
    display: block;
    position: relative;
    top: 0;
}

.sg-title-list .icon.icon-hot {
    position: relative;
    top: -0.3rem;
    float: right;
    padding: 0;
}

.icon.icon-right {
    float: right;
    padding-top: .55rem;
    font-size: .5rem;
    line-height: .75rem;
    color: #8f8e8e;
}

.icon.icon-right:before {
    padding-right: 0;
}

.sg-title-list .icon,.item-content .icon {
    float: left;
    display: block;
    padding: 0.2rem 0.2rem 0 0;
    font-size: .65rem;
    line-height: .65rem;
    color: #8f8e8e;
    font-weight: lighter;
}

.sg-title-list .icon:before,.item-content .icon:before {
    padding-right: 0.2rem;
}

.xm-list {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #e9e9e9;
}

.xm-list .xm-icon {
    display: block;
    margin: .75rem auto 0;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    text-align: center;
}

.xm-list .xm-icon img {
    border-radius: 50%;
}

.xm-list .button {
    padding: .75rem 0;
    font-size: .75rem;
    line-height: .75rem;
    background: #fff;
}

.xm-list .xm-list-content:nth-child(2) {
    display: none;
}

.all {
    display: block;
    padding-top: .75rem;
    font-size: .65rem;
    line-height: .65rem;
    text-align: center;
}

.all .icon-down {
    margin-right: .35rem;
    color: #8f8e8e;
    transform: rotate(0deg);
    transition: transform 0.3s ease 0s;
}

.all:after {
    content: "展示全部";
}

.hide .icon-down {
    transform: rotate(180deg);
}

.hide:after {
    content: "收起部分";
}

.info {
    display: block;
    padding-bottom: .75rem;
    font-size: .65rem;
    line-height: .65rem;
    text-align: center;
    color: #a0000f;
}

.info .icon-right1 {
    padding-left: .75rem;
    font-size: .5rem;
    line-height: .75rem;
    color: #a0000f;
}

.doc img {
    border: 1px solid #e9e9e9;
}

.doc-news {
    margin-bottom: .75rem;
    overflow: hidden;
    background: #fff
}

.doc-news li {
    padding: 0;
}

.doc-news .list-block ul:before {
    height: 0;
}

.doc-list ul {
    overflow: hidden;
}

.doc-list a {
	display:block;
    float: left;
    margin-left: 1%;
    width: 49.5%;
    background: #eeeff0;
}

.doc-list a:first-child {
    margin-left: 0;
}



.item-media img {
    width: 4rem;
}

.item-media .item-media-first {
    border-radius: 50%;
}

.item-content .tab-label {
    float: left;
    padding: 0.2rem .5rem 0 0;
    font-size: .65rem;
    line-height: .75rem;
    color: #a0000f;
}

.anli-list {
    padding-bottom: .75rem;
}

.anli-list img {
    float: left;
    margin-left: 2%;
    width: 32%;
    background: #eeeff0;
}

.anli-list img:first-child {
    margin-left: 0;
}

.show-list li:nth-child(4),.show-list li:nth-child(5) {
    display: none;
}

.pinpai-title {
    padding-top: .75rem;
}

.pinpai-title h2 a {
    margin-right: .75rem;
    color: #8f8e8e;
}

.pinpai-title h2 .active {
    color: #2d2d2d;
}

.pinpai-title .icon {
    padding: 0 0 0 .2rem;
}

.safe-btn {
    padding-top: .75rem;
}

.nav2 {
    margin-bottom: 0.5rem;
    padding-top: .75rem;
    border-bottom: 1px solid #e9e9e9;
    background: #fff;
}

.nav2 li {
    float: left;
    width: 25%;
    font-size: .75rem;
    line-height: .75rem;
    padding-bottom: .75rem;
    text-align: center;
}

.nav2 a.active {
    color: #a0000f;
}

.content-list {
    padding-top: 0;
}

.content-list ul:before {
    height: 0;
}

.anli-tab {
    border-bottom: 1px solid #e9e9e9;
}

.anli-tab a {
    float: left;
    margin-bottom: .75rem;
    width: 50%;
    font-size: .75rem;
    line-height: .75rem;
    text-align: center;
    display: block;
}

.anli-tab a.active {
    color: #a0000f;
}

.anli-tab a:first-child {
    border-right: 1px solid #e9e9e9;
}

.hot-tag {
    font-size: .65rem;
    height: 1.9rem;
    line-height: .65rem;
    overflow: hidden;
}

.hot-tag a {
    margin: .75rem .2rem 0 0;
    padding: .2rem .5rem;
    background: #eeeff0;
    border: 1px solid #e3e3e3;
    border-radius: .6rem;
    display: inline-block;
}

.hot-tag a:active,.hot-tag a.active {
    background: #a0000f;
    color: #fff;
    border: 1px solid #a0000f;
}

.hot-tag .icon {
    position: absolute;
    top: 1rem;
    right: .35rem;
    color: #ccc;
    transform: rotate(0deg);
    transition: transform 0.3s ease 0s;
}

.open  .icon {
    transform: rotate(180deg);
}

.hot-tag.open {
    height: auto;
}

.content-anli-list p {
    font-size: .75rem;
    padding: .75rem 0;
    text-align: center;
}

.page-list {
    padding-top: .75rem;
    text-align: center;
}

.page-list a {
    display: inline-block;
    width: 1.45rem;
    padding: .35rem 0;
    font-size: .75rem;
    line-height: .75rem;
    border: 1px solid #e3e3e3;
    color: #8f8e8e;
}

.page-list a span {
    display: block;
}

.page-list a.active {
    border: 1px solid #a0000f;
    color: #a0000f;
}

.content-doc-list img {
    width: 3.375rem;
    height: 4.5rem;
}

.content-doc-list li {
    position: relative;
}

.content-doc-list .doc-yy-btn {
    position: absolute;
    bottom: 2.375rem;
    right: .2rem;
    width: 3rem;
}

.content-doc-list h2 {
    padding-left: .5rem;
    border-left: .2rem solid #a0000f;
}

.content-doc-list .list-block .item-text {
    margin-top: .3rem;
    width: 72%;
    height: 3rem;
    line-height: 1rem;
}

.content-arc {
    font-size: .75rem;
    border-top: 0;
}

.content-arc h1 {
    margin: 0;
    font-size: 1rem;
    line-height: 1.2rem;
}

.content-arc h2 {
    margin-top: 1.375rem;
    font-size: .875rem;
}

.content-arc h2:first-child {
    margin-top: 0;
}

.content-arc h2 .icon {
    margin-right: .5rem;
    color: #a0000f;
}

.content-arc h2 a {
    float: right;
    font-size: 0.65rem;
    font-family: sans-serif;
    font-weight: normal;
    color: #999;
    line-height: 1.3125rem;
}

.content-arc h2 a span.icon {
    color: #999;
    margin-right: .2rem;
}

.content-arc h3 {
    margin-top: 1.375rem;
    padding-left: .5rem;
    font-size: .875rem;
    line-height: 1.2rem;
    border-left: .2rem solid #a0000f;
}

.content-arc p {
    padding-top: 1rem;
}

.content-arc img {
    border-color: #e9e9e9;
    max-width: 100%;
    height: auto !important;
}

.content-arc ul {
    padding-top: 1rem;
}

.content-arc .hot-tag {
    height: auto;
}

.content-arc .item-content img {
    margin-top: 0;
}

.content-arc .item-content .item-title {
    white-space: normal;
    line-height: 1rem;
}

.content-arc .item-content .item-text {
    height: 1rem;
}

.content-arc .media-list {
    margin-top: 1.375rem;
}

.content-arc .media-list ul {
    padding-top: 0;
}

.content-arc .next-pre {
    margin-top: .75rem;
    display: inline-block;
    padding-left: .5rem;
    font-size: .875rem;
    height: .875rem;
    line-height: .875rem;
    border-left: .2rem solid #a0000f;
}

.content-arc a {
    display: block;
    line-height: 1.5rem;
    color: #a0000f;
}

.content-arc .arc-info {
    padding-right: .5rem;
    color: #8f8e8e;
    font-size: .65rem;
}

.content-arc .arc-info a {
    display: inline;
}

.content-arc .xm-content {
    padding-top: .5rem;
}

.content-arc .xm-content li {
    padding: .5rem 0;
    line-height: 1.2rem;
    border-bottom: 1px solid #e9e9e9;
}

.content-arc .xm-content li .icon {
    margin-right: .5rem;
    color: #d0d0d0;
    font-weight: lighter;
}

.content-arc .r-doc-list {
    padding-top: 1.375rem;
    overflow: hidden;
}

.content-arc .r-doc-list .swiper-slide {
    clear: both;
    display: table;
    width: 100%;
    background: #eeeff0;
}

.content-arc .r-doc-list .swiper-slide img {
    float: left;
    margin: 0;
    width: 50%;
}

.content-arc .r-doc-list .doc-title {
    float: left;
    width: 50%;
    padding: 1.8rem 0 0 .5rem;
    font-size: .75rem;
}

.content-arc .r-doc-list .doc-title p {
    padding: 0;
    font-size: .65rem;
    color: #8f8e8e;
    text-indent: 0;
}

.content-arc .r-doc-list .doc-title p:first-child {
    padding-top: .5rem;
}

.content-arc .r-doc-list .doc-title p.doc-yy-btn {
    padding-top: .5rem;
    width: 4.5rem;
}

.content-arc .r-doc-list .doc-title p.doc-yy-btn .button {
    border-radius: 0;
}

.content-arc .r-anli-list {
    padding-top: 1.375rem;
    overflow: hidden;
}

.nav-list {
    text-align: center;
    padding-top: .75rem;
    line-height: .4rem;
}

.nav-list span {
    display: inline-block;
    margin: 0 .2rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: #b6b6b6;
}

.nav-list span.active {
    background: #a0000f;
}

.content-arc .zx-tel-btn {
    text-indent: 0;
}

.content-arc .zx-tel-btn a {
    float: left;
    width: 48.5%;
}

.content-arc .zx-tel-btn a:first-child {
    margin-right: 3%;
}

.content-arc .zx-tel-btn a:first-child:active {
    background: #a0000f;
}

.content-arc .zx-tel-btn a:nth-child(2) {
    color: #8f8e8e;
    border-color: #ccc;
}

.content-arc .zx-tel-btn a:nth-child(2):active {
    background: #ccc;
    color: #fff;
}

.content-arc .zx-tel-btn .icon {
    margin-left: .5rem;
    font-size: .85rem;
}

.content-arc .hot-tag a {
    display: inline-block;
    font-size: .75rem;
    color: #2d2d2d;
    line-height: .75rem;
    border-radius: .2rem;
}

.content-arc .hot-tag a:active,.content-arc .hot-tag a.active {
    color: #fff;
}

.content-arc .qa-txt {
    display: block;
    text-align: center;
    font-size: .9rem;
    color: #1bac31;
}

.content-arc .zx-txt {
    padding: 0;
    text-align: center;
    font-size: .65rem;
    color: #8f8e8e;
}

.pinpai-arc {
    font-size: .75rem;
}

.pinpai-arc h1 {
    margin: 0;
    font-size: 1rem;
    line-height: 1rem;
}

.pinpai-arc h2 {
    margin-top: 1.375rem;
    font-size: .875rem;
}

.pinpai-arc h2 span {
    color: #a0000f;
}

.pinpai-arc h2:first-child {
    margin-top: 0;
}

.pinpai-arc h2 .icon {
    margin-right: .5rem;
    color: #a0000f;
}

.pinpai-arc h3 {
    display: inline-block;
    margin-bottom: 1rem;
    padding: 0 1.5rem;
    color: #fff;
    font-size: .75rem;
    line-height: 2.3;
    text-align: center;
    background: #020d2f;
    font-weight: normal;
    -moz-box-shadow: 5px 5px 0px #d1d1d1;
    -webkit-box-shadow: 5px 5px 0px #d1d1d1;
    box-shadow: 5px 5px 0px #d1d1d1;
}

.pinpai-arc p {
    padding-top: .75rem;
    text-indent: 2em;
}

.pinpai-arc img {
    border-color: #e9e9e9;
    max-width: 100%;
    height: auto !important;
}

.pinpai-arc ul {
    padding-top: .75rem;
}

.pinpai-arc-content {
    margin-left: .6rem;
    font-size: .65rem;
    border-left: 1px solid #a0000f;
}

.pinpai-arc-ico {
    float: left;
    margin-top: .8rem;
    width: .5rem;
    height: .5rem;
    margin-left: -.25rem;
    background: #fff;
    border: 1px solid #a0000f;
    border-radius: 50%;
}

.pinpai-arc-list {
    padding: .6rem 0 .6rem .75rem;
    line-height: 1rem;
}

.pinpai-arc-list:after {
    clear: both;
    overflow: hidden;
}

.pinpai-arc-list span {
    float: left;
    color: #a0000f;
    margin-right: .75rem;
}

.pinpai-arc-list p {
    display: table;
    padding: 0;
    text-indent: 0;
}

.safe-arc {
    font-size: .75rem;
}

.safe-arc .safe-title {
    padding-bottom: .75rem;
}

.safe-arc .safe-title-content {
    margin: 0 auto;
    width: 9.2rem;
}

.safe-arc .safe-title-content.long {
    width: 11.8rem;
}

.safe-arc .safe-title img {
    float: left;
    width: 1.9rem;
    margin-right: .3rem;
}

.safe-arc .safe-title h2 {
    font-size: .85rem;
    font-weight: lighter;
    line-height: .95rem;
}

.safe-arc h1 {
    margin: 0;
    font-size: 1rem;
    line-height: 1rem;
}

.safe-arc h3 {
    margin-top: .75rem;
    padding-left: .5rem;
    font-size: .875rem;
    line-height: 1.2rem;
    border-left: .2rem solid #a0000f;
}

.safe-arc p {
    padding-top: .75rem;
}

.safe-arc p.imgtxt {
    padding-top: .35rem;
    text-indent: 0;
    text-align: center;
}

.safe-arc p span {
    color: #a0000f;
}

.safe-arc img {
    border-color: #e9e9e9;
    max-width: 100%;
    height: auto !important;
}

.safe-arc ul {
    padding-top: .75rem;
}

.zixun {
    padding-top: .75rem;
    text-align: center;
}

a.zxbtn {
    display: inline-block;
    padding: 0 1.5rem;
    color: #fff;
    font-size: .75rem;
    line-height: 2.3;
    text-align: center;
    background: #a0000f;
    border-radius: .86rem;
    font-weight: normal;
}

.r-project li {
    float: left;
    width: 48.5%;
}

.r-project li:first-child {
    margin-right: 3%;
}

.popup-menu h2 {
    font-size: 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    background: #9e0517;
    color: #ededed;
    position: relative;
}

.popup-menu .content-menu {
    padding: 0;
}

.popup-menu .content-menu ul {
}

.popup-menu .content-menu ul li {
    float: left;
    width: 33%;
    border-right: 1px solid #a9a9a9;
    border-bottom: 1px solid #a9a9a9;
}

.popup-menu .content-menu ul.first-ul li {
    border-top: 1px solid #a9a9a9;
}

.popup-menu .content-menu ul li a {
    display: block;
    font-size: .75rem;
    color: #3e3e3e;
    line-height: 1.75rem;
    text-align: center;
    background: #dedfdf;
    font-weight: 400;
}

.popup-menu .content-menu ul li a.active {
    color: #ededed;
    background: #9e0517;
}

.popup-menu .content-menu ul li:last-child {
    width: 34%;
}

.popup-menu .tabs {
    padding: .75rem .625rem;
}

.popup-menu .tabs .xm-tablerow {
    width: 100%;
}

.popup-menu .tabs .tab a {
    display: table-cell;
    width: 22.3%;
    float: left;
    margin: 0 3.6% .5rem 0;
}

.popup-menu .tabs .tab a:nth-child(4n+0) {
    margin-right: 0;
}

.popup-menu .tabs .tab a span {
    display: block;
    text-align: center;
    width: 100%;
}

.popup-menu .tabs .tab span.xm-text {
    font-size: .65rem;
    padding-top: .5rem;
    line-height: 110%;
}

.popup-menu .tab-link {
    font-weight: bold;
}

.popup-menu .zixun {
    padding: 1.5rem 0  3rem;
}

.popup-menu .zixun a.zxbtn {
    color: #9e0517;
    background: none;
    border: 1px solid #9e0517;
}

.popup-menu .close-popup {
    width: 1.35rem;
    height: 1.35rem;
    position: absolute;
    right: .125rem;
    top: .125rem;
    background: url("/images/popup/close.png") no-repeat center center;
    background-size: 100% 100%;
    cursor: pointer;
    text-indent: -999999px;
}

.xmtab .none {
    display: none;
}

.content .swiper-pagination-bullet {
    background: #b6b6b6;
    opacity: 1;
}

.content .swiper-pagination-bullet-active {
    background: #a0000f;
}

.swiper-container.swiper-container-horizontal .swiper-pagination {
    bottom: 0;
}

footer.content-sg {
    margin-bottom: 0;
    border-bottom: 0;
}

footer small {
    float: left;
    padding-top: .75rem;
    width: 100%;
}

footer small a {
    color: #8f8e8e;
}

.page footer small p {
    padding: 0;
    font-size: .55rem;
    color: #8f8e8e;
    text-align: center;
}

footer .footer-content {
    width: 100%;
}

footer .big-hotline .icon:before {
    color: #a0000f;
    padding-right: .3rem;
}

footer .button:active .icon:before {
    color: #fff;
}

footer .big-hotline .phone-title {
    font-size: 1rem;
}

footer .big-hotline .phone {
    font-size: 1rem;
}

footer .footer-content .address {
    position: relative;
    padding-top: .75rem;
    font-size: .65rem;
    line-height: .65rem;
    text-align: center;
}

footer .footer-content .v-map {
    padding-left: .65rem;
    color: #a0000f;
}

footer .footer-content .address .icon.icon-up {
    position: absolute;
    top: .325rem;
    right: 0;
}

footer .footer-content .address .icon.icon-up:before {
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.footer-title {
    font-size: .75rem;
    line-height: .75rem;
}

footer h3 {
    float: left;
    font-size: .75rem;
    line-height: .75rem;
}

footer .icon:before {
    padding-left: .3rem;
    font-size: 1.2rem;
    color: #c6c6c6;
    line-height: .75rem;
}

.footer-right .icon.icon-up {
    width: 100%;
    text-align: center;
}

.footer-right .icon.icon-up:before {
    padding: 0;
    font-size: 2.35rem;
    line-height: 2.35rem;
}

.footer-left {
    float: left;
    padding-right: 4%;
    width: 55%;
    border-right: 1px solid #e9e9e9;
}

footer .footer-left .address {
    padding: .75rem 0;
    font-size: .65rem;
    line-height: .65rem;
    text-align: left;
}

.footer-right {
    float: left;
    padding-left: 4%;
    width: 45%;
}

.footer-right .hotline {
    padding-top: .75rem;
}

.footer-right .time {
    padding: .75rem 0;
    font-size: .65rem;
    line-height: .65rem;
    text-align: center;
}

.footer-right .top-label {
    display: block;
    padding-top: .65rem;
    font-size: .65rem;
    color: #8f8e8e;
    line-height: .65rem;
    text-align: center;
}

.swiper-lazy-preloader {
    animation: 1s steps(12,end) 0s normal none infinite running swiper-preloader-spin;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50% 50% 0;
    width: 42px;
    z-index: 10;
}

.swiper-lazy-preloader::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
}

.swiper-lazy-preloader-white::after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.modal {
    box-shadow: #999 0px 0px 10px;
}

.modal-inner {
    padding: 0;
    background: #fff;
}

.modal-inner img {
    width: 100%;
    display: block;
}

.modal-inner:after {
    height: 0;
}

.modal-text {
    font-size: 0.75rem;
    text-align: left;
    line-height: 1.7rem;
    padding: 0 0.2rem 0 .75rem;
}

.modal-text a {
    float: right;
    font-size: 1.2rem;
    color: #424141;
}

.modal-button {
    background: #424141;
    color: #fff;
}

.modal-button:after {
    width: 0;
}

.modal-button:last-child {
    background: #a0000f;
}

a.modal-button {
    color: #fff;
    line-height: 2.2rem;
}

#qqMsgBar {
    background-color: #121212;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3000;
    width: 100%;
    color: white;
    border-bottom-left-radius: 2% 6%;
    border-bottom-right-radius: 2% 6%;
    transition: all 1s;
    opacity: 0;
    transform: rotateX(0deg) translate(0,-100px);
    font-family: 微软雅黑;
    display: block;
}

#qqMsgBar.show {
    opacity: 1;
    transform: rotateX(0deg) translate(0,0);
}

#qqMsgBar .wraper {
    margin: 4% 6%;
    padding-left: 34px;
    background: url(/images/qqmsg.png) no-repeat;
}

#qqMsgBar p {
    margin: 0;
    padding: 0 0 0 1em;
    font-size: .65rem;
}

#qqMsgBar p:first-child {
    font-style: italic;
}

#qqMsgBar p:first-child span {
    margin-left: 1em;
    font-style: normal;
    font-size: .75rem;
    color: #629393;
    font-weight: bold;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,0.75,1);
        transform: scale3d(1.25,0.75,1);
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    30% {
        -webkit-transform: scale3d(1.25,0.75,1);
        transform: scale3d(1.25,0.75,1);
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1);
    }

    50% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1);
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1);
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes flash {
    from,49% to {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

@keyframes flash {
    from,49% to {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

.dd {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.ddd {
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

#page-index .doc {
    padding: 0;
}

.doc {
    padding: 1rem 0;
    overflow: hidden;
}

#zt-doc img {
    border: 0;
}

.doc-list-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.doc-list-content h4 {
    margin-top: 8%;
    padding-right: 2%;
    width: 40%;
    font-size: .6rem;
    line-height: 1.5;
    background: #a0000f;
    text-align: right;
    color: #cccbcb;
}

.doc-list-content h3 {
    padding: 3% 0 1% 8%;
    font-size: .9rem;
    line-height: 1.2;
}

.doc-list-content .zc {
    padding: 0 0 0 8%;
    font-size: .75rem;
    color: #2d2d2d;
    line-height: 1.2;
    font-weight: normal;
}

.doc-list-content ul {
    padding: 5% 0 0 8%;
    font-size: .65rem;
}

.doc-list-content .pro-box {
    margin: 8% 0 0 8%;
    padding: 5%;
    background: rgba(255,255,255,0.8);
}

.doc-list-content .pro-box p {
    padding: 0;
    color: #666;
    font-size: 0.625rem;
    text-align: justify;
}

.doc-list-content .tit {
    color: #252525;
    font-weight: bold;
}

.doc-list-content .tit span {
    color: #a0000f;
}

.doc-list-content p {
    padding: 0;
}

.doc-list-content .docbtn {
    display: block;
    margin: 5% 0 0 8%;
    width: 25%;
    font-size: .65rem;
    line-height: 2;
    color: #a0000f;
    border: 1px solid #a0000f;
    text-align: center;
}

.bt-swt-title {
    font-size: .75rem;
    color: #fff;
    line-height: 2.5;
    text-align: center;
    background: #a0000f;
}

.bt-swt-content {
    background: #fff;
}

.swt-textarea {
    width: 100%;
    border-radius: .3rem;
    box-shadow: 0 0 .3rem rgba(9,2,4,0.3) inset;
    overflow: hidden;
}

.swt-textarea textarea {
    background-color: #fff;
    border: medium none;
    color: #666;
    display: inline;
    float: left;
    font-size: .75rem;
    height: 2.4rem;
    line-height: 1.5;
    margin: .3rem 0 .3rem 2%;
    max-height: 2.4rem;
    max-width: 78%;
    outline: medium none;
    padding-left: .2rem;
    width: 78%;
}

.swt-textarea input {
    box-sizing: border-box;
    float: left;
    background-color: #a0000f;
    color: #fff;
    display: block;
    font-size: .85rem;
    height: 3rem;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    width: 20%;
    transition: all 0.3s linear 0s
}

.top-swt {
    padding: 0 .625rem;
}

.top-swt .zxbtn {
    float: left;
    display: table;
    padding: 0 .5rem;
    font-size: .65rem;
    line-height: 2;
}

.top-swt .row {
    margin-left: 0;
}

@media screen and (max-width:320px) {
    .doc-list li img {
        width: 4rem;
		margin-top:0.15rem;
		float:left;	
    }

    .doc-list .doc-title {
        padding: 0.45rem 0 0.45rem 0;
		font-size:15px;
    }
	.doc-list .doc-title p {
		font-size:12px;
		color: #8f8e8e;
		font-size:13px;
	}
}

@media screen and (min-width:321px) and (max-width:360px) {
    .doc-list li img {
        width: 4.82rem;
		margin-top:0.2rem;
        float:left;		
    }

    .doc-list .doc-title {
        padding: 0.65rem 0 0 0.16rem;
		font-size:15px;
    }
	.doc-list .doc-title p {
		font-size:12px;
		color: #8f8e8e;
		font-size:12px;
	}
}
@media screen and (min-width:361px) and (max-width:375px) {
    .doc-list li img {
        width: 4.9rem;
		padding-top:0.2rem;
         float:left;      		
    }

    .doc-list .doc-title {
        padding: 0.95rem 0 0.5rem 0;
		font-size:15px;
    }
	.doc-list .doc-title p {
		font-size:13px;
		color: #8f8e8e;
		font-size:12px;
	}
}
@media screen and (min-width:376px) and (max-width:400px) {
    .doc-list li img {
        width: 4.8rem;
		margin-top:0.15rem;
        float:left;			
    }

    .doc-list .doc-title {
        padding: 0.65rem 0 0 0.16rem;
		font-size:15px;
    }
	.doc-list .doc-title p {
		font-size:13px;
		color: #8f8e8e;
		font-size:13px;
	}
}
@media screen and (min-width:401px) {
    .doc-list li img {
        width: 5.3rem;
		margin-top:0.15rem;
        float:left;			
    }

    .doc-list .doc-title {
        padding: 0.65rem 0 0 0.16rem;
		font-size:16px;
    }
	.doc-list .doc-title p {
		font-size:13px;
		color: #8f8e8e;
		font-size:14px;
	}
}
