@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; padding-top: 60px;}

header{ position: fixed !important; z-index: 2; top: 0; width: 100%; }

.header_tel{ height: 50px; background-color: rgba(225,225,225,.8); height: 60px; line-height: 60px;}

.foot_tel img{ transform:scale(0.5);}

.nav{ position: absolute; z-index: 2; top: 60px; width: 100%; background-color: rgba(255,255,255,0.9); color: #fff; display: none;}

.nav li{ border-bottom: 1px solid #dbdada;}

.nav a{ height: 55px; line-height: 55px; color: #333; display: inline-block; width: 100%; text-align: center;}

.banner img{ width: 100%;}

.banner{position: relative;}

.banner>div:nth-child(2){ position: absolute; top: 30%; left: 5%; }

.banner h2 span,.banner h2 small{ display: block; }

.banner h2 span{ font-size: 24px;  }

.banner h2 small{ font-size: 12px; line-height: 16px; color: #666; margin: 15px 0 26px; }

.banner>div:nth-child(2) a{ display: inline-block; vertical-align: bottom;}

.banner>div:nth-child(2) a:first-child{ border-bottom: solid 2px #52c584; padding: 8px 0; margin-right: 30px; }

.banner>div:nth-child(2) a:last-child{ width: 100px; height: 32px; line-height:32px; border-radius: 32px; text-align: center; color: #fff; background-color: #52c584; }

.nav_but{ position: absolute; top: 0; right: 12px; height: 60px; line-height: 60px;}

.nav_but img{ transform: scale(0.7); }

.tel_nav{ text-align: center; font-size: 0; margin-bottom: 63px;}

.tel_nav li{ display: inline-block; vertical-align: middle; font-size: 12px; width: 33.1%; height: 150px; border-right:1px solid #dfdfdf; border-bottom: solid 1px #dfdfdf;}

.tel_nav li a{ display: block; height: 100%; }

.tel_nav li:nth-child(3n){ border-right:none;}

.tel_nav li em{ display: inline-block; vertical-align: middle; height: 100%;}

.tel_nav li p{ padding-bottom: 10px; border:; display: inline-block; vertical-align: middle;}

.tel_nav li p small{ display: inline-block; padding-bottom: 15px; margin-bottom: 15px;  background-size: 18px 1px; width: 45px; height: 45px; position: relative; }

.tel_nav li p img{ width: 45px; height: 45px; position: absolute; top: 0; left: 0; }

.tel_nav li p img:nth-child(2){ opacity: 0; }

.tel_nav li:active p img:nth-child(2){ opacity: 1; }

.tel_nav li:active p img:nth-child(1){ opacity: 0; }

.tel_nav li p span{ display: block; }

.foot_tel{ height: 63px; background-color: #262626; text-align: center; font-size: 0; position: fixed; bottom: 0; left: 0; width: 100%;}

.foot_tel li{ width: 50%; 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%; }

footer.foot_tel{ padding-bottom: 0; }

/*------------------------------------------------------------------*/
.nav>div,.nav ul,.nav ul li{ width: 100%; }
.logo img{ margin-left: 5px; height: 30px; }
/*.header_tel,.nav{ background-color: rgba(0,0,0,.85); }*/
/*.nav a{ color: #999; }*/
/*.nav li{ border-color: #333;  }*/
.foot_tel{ z-index: 9; }
.nav{ left: 0; }
.new_conRig dd p { font-size: 12px !important; margin: 10px 0 10px !important; }
.pc{ display: none !important; }
.iphone{ display: block !important; }