/*public start*/
html,body,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,dd,dt,li,a,abbr,b,em,i,img,samp,span,strong,sub,sup,tt,var,input,select{margin:0;padding:0}
ul,ol{list-style:none;}
img{max-width: 100%;}
body{height:auto;font-family:'Microsoft Yahei';min-width:1020px;width: 100%;background-color: #f5f3f0;overflow-x: hidden}
p{color: #323232;}
a{color:#989595; text-decoration:none;transition:background-color 0.1s ease-in 0s, color 0.2s ease-in 0s;-webkit-transition:background-color 0.1s ease-in 0s, color 0.2s ease-in 0s;outline:none}
a:hover{color:#ff8a00;}
/*public end*/

/*cp start*/
.footer{width:100%;text-align:left;padding-bottom:0px;margin:5px auto;line-height:25px;position: relative;border-top:2px solid #dddddd;}
.footer p{font-size:10px;}
/*cp end*/

/*bg start*/
#bg{position: relative;margin:0 auto;height: 2530px;min-height:1400px;background:url(../images/bg.jpg) top center/100% 100% no-repeat;}
/*bg end*/

/*banner*/
#banner{position: absolute;width: 1000px;height: 52px;margin-left: -500px;left: 50%;top: 25px;}
#banner_logo{position: absolute;width: 86px;height: 52px;top: 0;left: 10px;}
#banner .navTop{ position:absolute; left:131px; top:20px; color:#fff;}
#banner .navTop a{ color:#fff; font-size:16px; margin:0 8px;}
.navBot{ clear:both; position:absolute; left:0; top:300px; width:100%; height:57px; line-height:57px; background:url(http://www.xinhuanet.com/newsdata/sgqm/img/nav.jpg) 0 100% repeat-x;}
.navBot a{ color:#fff;font-size:18px; float:left; width:80px; text-align:center;}
.navBot a.on{ background:url(http://www.xinhuanet.com/newsdata/sgqm/img/nav_on.png) no-repeat;}

/*bt*/
#bt{position: relative;margin: 0 auto;top: 57px;background: url("../images/bt.png") no-repeat;width: 1207px;height: 378px;}

/*mh*/
#mh{position: relative;width: 1000px;height: auto;margin: 0 auto;top: 71px;}
#mh ul{width: 1000px;position: relative;height: auto;top: 0;left: 0;}
#mh ul li{width: 234px;height: 365px;float: left;position: relative;border: 2px solid #606e69;border-radius: 5px;margin-right: 16px;margin-bottom: 18px;}
#mh ul li:nth-child(4n){margin-right: 0;}
#mh ul li a img{position: relative;left: 3px;top: 1.5px;}
#mh ul li a .mh_js{position: absolute;width: 228px;bottom: 1.5px;left:3px;height: 28px;background-color: #f3f3f3;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;clear: both;}
#mh ul li a .mh_js span:nth-child(1){font-size: 15px;color: #4a4a4a;line-height: 28px;float: left;margin-left: 2px;}
#mh ul li a .mh_js span:nth-child(2){font-size: 14px;color: #909090;line-height: 28px;float: right;margin-right: 10px;}

/*cp*/
#cp{position: relative;width: 494px;height: 66px;top: 139px;margin: 0 auto;}

/*iphone6s*/
@media screen and (max-width:600px){
    body{background-size:100% 100%;min-width: 320px;width: 100%;height: 100%;}
    #bg{width: 100%;height: 100%;min-height: 0;background: url('../images/mob_bg.jpg') top center/100% 100% no-repeat;}
    #banner{width: 18%;position: absolute;height: auto;margin-left: 0;left: 2%;top: 2%;z-index: 2;}
    #banner_logo{width: 100%;position: relative;}
    #banner .navTop{display: none;}
    #bt{width: 100%;background: url("../images/mob_bt.png") top center/100% 100% no-repeat;top: 35px;height: 167px;}
    #mh{width: 100%;top: 50px;}
    #mh ul{width: 100%;}
    #mh ul li{width: 40%;height: auto;margin-left: 5%;margin-right: 2.5%;margin-bottom: 5%;}
    #mh ul li a img{left: 1%;top: 2.5px;width: 98%;}
    #mh ul li a .mh_js{width: 98%;height: auto;bottom: 1%;left: 1%;}
    #mh ul li a .mh_js span:nth-child(1){font-size: 14px;}
    #mh ul li a .mh_js span:nth-child(2){font-size: 13px;}
    #cp{top: 50px;width: 94%;height: 100%;}
}
/*iphone6s qq*/
@media screen and (max-width:414px) and (max-height: 636px){

}
/*iphone6*/
@media screen and (max-width:375px){
    #bt{height: 152px;}
    #mh ul li a .mh_js span:nth-child(1){font-size: 13px;}
    #mh ul li a .mh_js span:nth-child(2){font-size: 12px;}
}
/*iphone6 qq*/
@media screen and (max-width:375px) and (max-height: 567px){

}
/*android*/
@media screen and (max-width:360px){
    #bt{height: 145.2px;}
    #mh ul li a .mh_js span:nth-child(1){font-size: 13px;margin-left:0;}
    #mh ul li a .mh_js span:nth-child(2){font-size: 12px;margin-right: 5px;}
}
/*android qq*/
@media screen and (max-width:360px) and (max-height: 540px){

}

/*iphone5*/
@media screen and (max-width:320px){
    #bt{height: 129px;}
    #mh ul li a .mh_js span:nth-child(1){font-size: 12px;margin-left:-4px;}
    #mh ul li a .mh_js span:nth-child(2){font-size: 12px;margin-right: 2px;}
}
/*iphone5 qq*/
@media screen and (max-width:320px  ) and (max-height: 468px){

}