html{width:100%; height:100%; background:url(shy_bj.jpg) fixed; background-size:100%;}



.shy_top{ width:1200px; height:141px; margin:0 auto;}
.shy_logo{ float:left; width:543px;}
.shy_dh{ width:590px; float:right;height:82px; margin-top:78px;}
.shy_dh ul li{ float:left; width:180px; text-align:center; height:62px; }
.shy_dh ul li a{ font-size:36px; font-family:"方正行楷简体"; line-height:30px; color:#000;}
.shy_dh ul li:hover{ background:url(shy_dh_bj.png) center bottom no-repeat;}

.shy_bj2{ width:1167px; height:auto; margin:18px auto; background:url(shy_bj2.png) no-repeat; padding:44px 0;}
.shy_shzs{ width:1080px; height:auto; margin:0 auto; background:#fff; padding:20px 0;}

.shy_bottom{ width:1200px; height:40px; margin:0 auto; text-align:center;}
.shy_bottom a{ line-height:40px; font-family:"微软雅黑"; font-size:16px;}

.hddt{ width:1000px; margin:0 auto; height:280px; padding:20px;}
.hddt ul li{ height:36px;}
.hddt ul li a{ float:left; font-size:14px;line-height:36px; color:#333;}
.hddt ul li a:hover{ color:#999;}
.hddt ul li span{ float:right; line-height:36px;}
.yema{ width:300px;margin:0 auto;}
.yema dl{ margin:0 auto;}
.yema dl dd{ padding:10px; border:1px solid #999; float:left; margin-right:3px;}
.yema dl dd:hover{ background:#CCC;}
.yema dl dd a{ color:#333; font-size:14px;}
@media screen and (max-width: 980px) {

    .shy_top{width:100%;}
    .shy_logo{width:100%;float:none;}
    .shy_logo img{width:100%;}
    .shy_dh{width:100%;float:none;height:auto;margin-top: 20px;}
    .shy_dh ul li{width:32%;margin-right: 1%;}
    .shy_dh ul li a{font-size: 18px;}
    .shy_bj2{width:100%;background-size: 100% 100%;}
    .shy_shzs{width:100%;}
    .shy_bottom{width:100%;}
    .hddt{width:92%;height:auto;padding:4%;}
    .hddt ul li a{width:66%;text-align: left;overflow:hidden;text-overflow:ellipsis; white-space:nowrap; }
    .hddt ul li span{width:34%;text-align: right;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
    .yema{width:100%;}
}