body{font-family:"Microsoft Yahei";padding:0;overflow-x:hidden;font-size:15px;}
.container{max-width:1170px;margin:0 auto;overflow: hidden;}
img,a,p,ul,li,div,input,h1,h2,h3,h4,h5,h6,span,textarea,table,tr,td{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
input,textarea,select{font-family:"Microsoft Yahei";padding: 10px;border:none;}
a{text-decoration:none;color:#666;display:block;}
select,textarea,input,a:hover,a:focus,button{outline:none}
.img_fit{max-width:100%;margin:0 auto;display:block;}
ul{padding-left:0;list-style-type:none;}
body,p,ul{margin:0;}
.mask{-webkit-transition:transform 0.2s;webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;-webkit-transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s;-webkit-transform:scale(1);transform:scale(1);}
.mask:hover,.a6 a:hover .a7,.a2:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.clr{clear:both}
.scroll_fix{overflow-y: hidden} 
/*---------------------------------------------------------*/
header{padding:10px 0;background-color: #000}
footer{padding: 20px 0;margin-top:30px;background-color:#91918f}
.a2{width:11.11%;padding:1.5% 0;font-size: 18px}
.a2 img{margin-bottom: 10px}
.a3{color:#666 !important}
.share a.bds_tsina{background: url(../image/3.png);}
.share a.bds_tqq{background: url(../image/4.png);}
.share a.bds_weixin{background: url(../image/2.png);}
.share>.bdsharebuttonbox>a{padding-left:46px;height:44px;background-repeat: no-repeat;background-size:100% !important;margin:45px 0 0 10px}
.a4{padding: 10px;margin-top:30px;}
.a5{border-bottom: 1px solid #ccc;font-size: 20px;padding-bottom: 10px}
.a6 a{margin:10px 1% 0 0;width:24.25%;padding:10px}
.a6 a:nth-child(4n){margin-right: 0}
.a7{width:20%;margin-top:8px;}
.a8{width:70%;padding:0 5px}
.a9{font-size: 16px;color: #000;margin-bottom: 5px}
.a10{height: 40px;line-height: 20px;font-size: 13px}
.a11{width:25px;height:25px;border:1px solid #bbb;border-radius: 50%;color: #bbb;line-height: 25px;margin-top:23px;}
.a6 a:hover .a11{border:1px solid #e53e2b;}
.a12{margin-top:30px;}
.a13 a{width:16.66%;margin-top:10px;padding: 10px}
/*---------------------------------------------------------*/
.a1,.a2,.a6 a,.a7,.a8,.a13 a{float:left;}
.share,.a11{float: right;}
footer,.a2{color: #fff}
.a6 a:hover .a9,.a6 a:hover .a11,.a13 a:hover{color:#e53e2b}
.a3,.a4{background-color:#fff}
body{background-color: #f7f7f7 }
.a6 a,.a13 a{background-color: #f7f6f2}
.a4,.a6 a,.a10{overflow: hidden;}
footer,.a2,.a11{text-align: center;} 
{display:inline-block;}
{display: none}
.a5 img{vertical-align: middle}
{position: relative;}
{position: absolute;}
.a2,.a13 a,.a9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
{background-position:top center;background-size: cover;}
/*---------------------------------------------------------*/
@media screen and (min-width:900px) and (max-width:1200px){ 
.container{width:850px;}
.a2 img{height:60px;}
}
@media screen and (min-width:700px) and (max-width:899px){  
.container{width:660px;}
.a2 img{height:40px;}
.a6 a{margin:10px 1.5% 0 0;width:32.33%}
.a6 a:nth-child(4n){margin-right:1.5%}
.a6 a:nth-child(3n){margin-right: 0}
}
@media screen and (min-width:441px) and (max-width:699px){
.container{width:400px;}
.a6 a{margin:10px 2% 0 0;width:49%}
.a6 a:nth-child(2n){margin-right: 0}
.a8{width:67%}
}
@media screen and (min-width:320px) and (max-width:440px){
.container{width:300px;}
.a6 a{margin:10px 0 0 0;width:100%}
.a4,.a12{margin-top:10px;}
}
/*---------------------------------------------------------*/
@media screen and (max-width:1200px){
body,.a2{font-size: 14px}
.a2 img{margin-bottom:5px}
.a11{width:20px;height:20px;line-height:20px}
}
@media screen and (min-width:700px) and (max-width:1200px){
.a2{padding:1% 0}
.a8{width:68%}
}
@media screen and (min-width:441px) and (max-width:1200px){
.a7{margin-top:17px;}
}
@media screen and (max-width:899px){
.a1{width:150px;}
.share>.bdsharebuttonbox>a{padding-left:25px;height:24px;margin:16px 0 0 5px}
.a5 img{height:25px;}
.a5{font-size:17px}
.a9{font-size:15px}
}
@media screen and (min-width:441px) and (max-width:899px){
.a4,.a12{margin-top:20px;}
}
@media screen and (max-width:699px){
{width:100%;}
{display: none}
{display: block}
.a2{width:33.33%;padding:1.5% 0}
.a2 img{height:60px;}
.a13 a{width:33.33%;padding:5px}
}

