@charset"utf-8";
*{ margin:0; padding:0; }
body{ font-family: "微软雅黑"; font-size: 14px; }
h1,h2,h3,h4,h5,h6{ font-weight: initial; }
li{ list-style: none; }
img{ display: inline-block; vertical-align: middle; }
span{ display: inline-block; vertical-align: middle; }
a{ text-decoration: none; cursor: pointer; color: #666666; }
a:hover{ text-decoration: none; color: #666666;}
input,select,textarea{ -webkit-appearance:none; border:0; outline: none; }
/*--------------------------------------------------------------------------*/
body{ margin: auto;}
.header_tel{ height: 50px; background-color: #fff;}
.cn_en{ position: absolute; top: 0; left: 12px; height: 50px;}
.cn_en em{ height: 50px; display: inline-block; vertical-align: middle;}
.cn_en span{ display: inline-block; vertical-align: middle; overflow: hidden; background-color: #ababab; width: 60px; height: 20px; line-height: 20px; border-radius: 3px;  font-size: 12px;}
.cn_en span a{ text-align: center; color: #fff; width: 40%;}
.cn_en span a:first-child{float: left;}.cn_en span a:last-child{float: right;}
.cn_en span a.active{ width: 60%; background-color: #115fad; border-radius: 3px;}
.logo{ text-align: center;}
.logo a{ display: inline-block; height: 50px; line-height: 50px;}
.logo a img,.nav_but img,.foot_tel img{ transform:scale(0.5);}
.nav{ position: absolute; z-index: 2; top: 50px; width: 100%; background-color: rgba(0,0,0,0.9); color: #fff; display: none;}
.nav li{ border-bottom: 1px solid #2d2d2d;}
.nav a{ height: 55px; line-height: 55px; color: #fff; display: inline-block; width: 100%; text-align: center;}
.banner img{ width: 100%;}
.nav_but{ position: absolute; top: 0; right: 12px; height: 50px; line-height: 50px;}
.tel_nav{ text-align: center; font-size: 0; margin-bottom: 100px;}
.tel_nav li{ display: inline-block; vertical-align: middle; font-size: 12px; width: 33.1%; height: 145px; border-right:1px solid #dfdfdf; border-bottom: solid 1px #dfdfdf;}
.tel_nav li:nth-child(3),.tel_nav li:nth-child(6){ border-right:none;}
.tel_nav li em{ display: inline-block; vertical-align: middle; height: 100%;}
.tel_nav li span{ padding-bottom: 10px; background: url(../images/abo_xi.jpg) no-repeat bottom center;}
.foot_tel{ height: 63px; background-color: #262626; text-align: center; font-size: 0; position: fixed; left: 0; bottom: 0; width: 100%;}
.foot_tel li{ width: 33%; height: 63px; font-size: 12px; display: inline-block; vertical-align: middle; border-right:solid 1px #484848;}
.foot_tel span{ color: #d6d6d6; display: block;}
.fl_fd{ position: fixed; z-index: 4; right: 20px; top: 30%;}
.fl_fd li{ height: 21px; text-align: right; margin-bottom: 10px;}
.fl_fd a{ color: #fff;}
.fl_fd a>span:first-child{ margin-right: 5px; width: 0px; overflow: hidden; transition:all 0.4s linear 0.2s;}
.fl_fd a span span{ width: 100px; display: block; font-size: 12px;}
.fl_fd li:hover a>span:first-child{ width: 100px; text-align: right;}
.containers{ width: 1200px; }
.fl_fd a>span:nth-child(2){ width: 21px; height: 21px; }
.fl_fd a>span:nth-child(2) img{ width: 100%; }
@media screen and (max-width: 1200px) and (min-width: 767px){
.header_tel{ height: 70px;}
.cn_en em{ height: 70px;}
.logo a,.nav_but{ height: 70px; line-height: 70px; }
}