/*移动端css*/
@media only all and (max-width:1080px){
html{ font-size:12px; }
body { font: 0.7rem/1.2rem "Hiragino Sans GB","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; width: 100%; margin: 0 auto; overflow-x: hidden; }
html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
 
 /* 隐藏元素 */
.top{ display:none}
#foot{display:none; }
.qq_info1{display:none; }
.banner{display:none;}

.bottom{ display:none; }
.partF{ display:none; }
.zg_box{ display:none; }
.footer{ display:none; }
 /* 显示元素 */
.end{ display: block}
.foot1{ display:block}
.message-css{ display:block}
.banner-yd{display:block}
.bottom_yd{display:block }

/*top*/
.top_yd{ width:100%; background:#FFF; height:4rem; margin:0 auto; padding:0.5rem 0 0 0; display: block;}
.top_yd li{ float:left; list-style:none ;}
.top_yd li img{ width:60%;display: block; padding-left: 1rem; float: left; }
.top_yd a{ float: right; font-size:1.2rem; color:#2A2A2A ; padding-right:1rem ; }

/*移动banner*/
.banner { width:100%;margin:0 auto;background-size:100% 100%;height:25rem;}
  
.banner-yd img{ width:100%;}
.banner-yd-box{ width: 90%; height:12rem; margin: 0 auto; float: none;  padding-top: 1rem;float: none}

.banner-yd-box ul{ width: 90%; height:auto; margin: 0 auto; border-radius: 3px; position: absolute;  box-shadow: 5px 5px 5px 0px #efefef; float: left; }

.banner-yd-box ul li{width: 26%;   margin:  0.3rem; height: auto; float: left;  font-size: 1.2rem;  line-height: 2.6rem; padding:0 0.6rem; text-align:center;  border: 1px solid #808080; }
.banner-yd-box ul li a{  color: #333 }

/*第一部分*/
.box1{ width: 100%; height: auto; margin: 0 auto ;  }

.bt{ width: 90%; height:3rem; margin: 0 auto; border-bottom: 2px solid  #f2f2f2; }
.bt img{ float: left; width: 1% }
.bt h2{  float: left; font-size: 1.2rem; line-height: 26px;  font-weight: normal; padding-left:30px;}
.main1{ width:100%; height:auto;  margin: 0 auto;  }

.main1 ul{ width:90%;  height: 84px;  background: #FFF;  margin: 0 auto; border-radius: 3px; padding-left: 20px; padding-top: 1rem; }

.main1 ul li{width: 20%;  margin:  0.3rem; height: auto; float: left;  font-size:1.2rem;  line-height:2.0rem; padding:0 10px; text-align:center; border: 1px solid #999999; border-radius: 5px; }

.main1 ul li a{color: #333 }

.main1 ul li:hover{background: #b70213; border: 1px solid #999999; border-radius: 5px; color: #FFF}


.main1 ul li a:hover{color: #FFF }




/*foot*/
.end{font-size: 24px; color:#eeeeee ; text-align: center; padding-top: 30px;}
.foot1 {background: #d40014;color: #FFF;text-align: center;padding: 10px 0px; margin-top:30px;}
.foot1 p{ width:92%; margin:0 auto; font-size: 14px;}

a{text-decoration: none; color:#FFF}
.message-css{ z-index:1; color: #ffffff; font-family:Microsoft Yahei,Arial; font-size:14px; margin: 0 auto; padding:10px 0; width: 100%; background: #d40014; position: fixed; left: 0; bottom: 0; z-index: 10;}
.message-css .message-css-online,.message-css .message-css-phone{ text-align: center; width: 49%; margin: 0; padding:0;}
.message-css .message-css-online img,.message-css .message-css-phone img{ height: 100%; vertical-align: middle; margin: 0 10px 0 0;}
.message-css .message-css-online{ float: none;}
.message-css .message-css-phone{ float:none;}
}
