*{ margin: 0; padding: 0; }
body{ margin: 0 auto 0 auto; font: 12px/1.5 "Arial"; background-color: #fff; }
a{ text-decoration: none;  outline: 0;color: #000}
ul{ list-style: none;}
table{ border-collapse: collapse;} 
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }   
a{ -webkit-tap-highlight-color:rgba(255,0,0,0);}

.top{min-width: 1200px;height: 140px;background: url(../images/top_1.png) center;position: relative;z-index: 666}
.top .top_container{width: 1164px;margin: 0 auto;height: 140px;position: relative;}
.top .top_container .left{width: 186px;height: 74px;position: absolute;left: 0;top: 33px}
.top .top_container .left img{display: inline-block;width: 100%;height: 100%}
.top .top_container .right{width: 643px;height: 102px;position: absolute;right: 0;top: 38px;}
.top .top_container .right li{float: left;margin-left: 30px;height: 79px;line-height: 79px;}
.top .top_container .right li a{height: 100%;display: block;padding: 0 7px}
.top .top_container .right .first{margin-left: 0}
.top .phone{text-align: right;padding-right: 11px;/*background: url(../images/phone.png) no-repeat 376px;*/}
.top .phone i{font-style: normal;margin-right: 20px}
.top .phone span{margin-right: 32px}
.top .phone span a{color: #fff}
.top .top_container .right li a.active{border-bottom: 2px solid #fff}
.top .top_container .right li a:hover{border-bottom: 2px solid #fff}
.top .top_container .right li a,.phone{color: #fff;font-weight: bold;font-size: 16px;}




.footer{width:100%;height: 541px;background: url(../images/footer.jpg);position: relative;overflow: hidden;min-width: 1200px}
.footer .container{max-width: 1200px;height: 541px;margin: 0 auto;overflow: hidden;}
.footer .contact{display: flex;align-items: center;justify-content: center; font-size: 16px;color: #fff} 
.footer ul{overflow: hidden;}
.footer .contact li{text-align:left;/*background: url(../images/icon_address.png) no-repeat center top;*/height:400px;margin-top:83px; width: 500px;}
.footer .contact li>img{display: block;margin: 20px auto}
.footer .contact li .address2{position: relative;padding-left: 64px}
.footer .contact .email a{color: #fff}
.footer .contact li .address2 a{position: absolute;left: 0;color: #fff}
.footer .wfEditorMode{position: relative;z-index: 100000;top: 20px}
.footer .phone{font-weight: normal;}
.footer .phone{font-size: 16px}
.footer .phone  li{font-size: 15px}
.footer .contact p{line-height: 30px}
.footer .contact a {
    color: #fff;
}
.footer .contact  li.li2{margin-left: 240px;width: 270px}
.footer li.li3{float: right;width: 183px;}
.footer li.li3 img{width: 100%}
.footer .line{width: 100%;height: 2px;background: #fff;position: absolute;top: 80%}
.footer .copyright{height: 53px;width:1200px;position: absolute;bottom:4%;margin: 0 auto }
.footer .copyright a{display: block;/* line-height: 53px; */font-size: 12px;color: #fff;float: left;}
.footer .copyright a.visit{margin-left: 40px}
.footer .iconbox{float: right;}
.footer .iconbox li{width:53px;height: 53px;float: left;margin-left: 20px;/*background:url(../images/icon01.png);*/;cursor: pointer;}
.footer .iconbox li.li1{background:url(../images/icon01.png); }
/*.footer .iconbox li.li1:hover{background:url(../images/icon04.png); }*/
.footer .iconbox li.li2{background:url(../images/icon02.png); }
.footer .iconbox li.li3{background:url(../images/T.png); }
.footer .iconbox li.li4{background:url(../images/F.png); }
/*.footer .iconbox li.li2:hover{background:url(../images/icon03.png); }*/
.footer .iconbox li a{display: inline-block;width: 100%;height: 100%}
/*.footer .iconbox li img{position: absolute;left: 0px;top: 0px}*/
.footer .iconbox li .weixin{width: 200px;height: 200px;background: red;position: absolute;right:264px;top: -195px;display: none;z-index: 10}
.footer .iconbox li.li1:hover .weixin{display: block}




 #pages {width: 320px;margin: 0 auto;height: 50px}
 #pages li{float: left;font-size: 16px;color: #333333;text-align: center;line-height: 33px;cursor: pointer;}
 #pages .first{margin-right: 24px}
 #pages .last{margin-left: 6px}
 #pages .previous, #pages .next{width:60px;height: 33px;margin-right: 6px;}
 #pages .page{width: 33px;margin-right: 6px;height:33px}
 #pages .page a{display: inline-block;width: 33px;height: 33px}
 #pages .page.selected a.active{background:red;color: #fff}

.map{position: relative;overflow: auto;min-width: 1200px}
.map ul li{float: left;}
.map .wfEditorMode{position: relative;z-index: 1000;top: 20px;left: -100px}

#mapcontact{width: 100%;height: 300px;background:url(../images/map01.jpg);min-width: 1200px}