@charset "utf-8";
*,*::after,*::before{box-sizing:border-box;}
*:focus { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button,figure{margin: 0;padding: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:14px;position:relative;*overflow-x:hidden; background-color: #fff;color: #000;font-family:"Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif;line-height: 1.5;outline:none;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
img{vertical-align:middle;border:0}
em,i{font-style: normal;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
a{text-decoration:none;color:#000;}
a:hover{color:#f61721;text-decoration:none;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; }
::selection { background:#f61721; color:#fff; }
::-moz-selection { background:#f61721; color:#fff; }
::-webkit-selection { background:#f61721; color:#fff; }
input, textarea, button{ border: 0; }
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
::-webkit-scrollbar { height:11px; width:11px }
::-webkit-scrollbar-button { height:0; width:0 }
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display:block }
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement { display:none }
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal { border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{ background-clip:padding-box; background-color:#fff;}
::-webkit-scrollbar-thumb { -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); background-clip:padding-box; background-color:rgba(0,0,0,.2); min-height:28px; padding-top:100}
::-webkit-scrollbar-thumb:hover { -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25); background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active { -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35); background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal { border-width:0;}
::-webkit-scrollbar-track:hover { -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1); background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active { -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07); background-color:rgba(0,0,0,.05)}
.g-in { position: relative; width: 1200px; margin: 0 auto; }
.g-in:after { content: '\20'; display: block; height: 0; clear: both; }
.header {position:relative;height:88px; background-color: #fff; }
.logo { float: left; margin-right:17px;}
.header-position { position: relative; float: left; height:30px; border-radius:15px;border:1px solid #999; margin-top: 29px; margin-right:26px; line-height: 28px; }
.header-position .current-city { display: block; padding: 0 17px 0 13px; }
.header-position .current-city span { display: inline-block; width: 20px; height: 28px; background: url(gps.png) no-repeat 0 50%; vertical-align: top; }

.header-position-con { display: none; position: absolute; left: -25px; top: 29px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); border-radius: 5px; width: 124px; padding: 5px 10px; z-index: 9; }
.header-position-con a { display: block; padding: 4px 0; border-bottom: 1px solid #eee; text-align: center; }
.header-position-con a:last-child { border-bottom: 0; }

.header-position:hover .header-position-con { display: block; }


.nav { float: right; margin-top: 23px; margin-right: 5px; }
.nav ul li { position:relative; float: left; padding: 0 10px; line-height:38px; }
.nav ul li a { position:relative; display:block; padding: 0 20px; color:#0f2c54; }
.nav ul li a::after { width: 0; height: 2px; position:absolute; left:50%; transform: translateX(-50%); bottom:0; transition: all .3s ease; content:"";}
.nav ul li:hover a,
.nav ul .on > a { color:#f61721; }
.nav ul li:hover  > a::after,
.nav ul .on > a::after { width: 18px; background-color: #f61721; }
.nav ul li .shownav { position:absolute; left:-15%; top:38px; width:130%; padding: 15px 0 0; visibility:hidden; font-size:14px; z-index:1; }
.nav ul li .shownav a { display: block; margin:0; padding:10px 10px; background: rgba(255,255,255,.9); color:#000; line-height:20px; text-align:center; }
.nav ul li .shownav { transform:scale(0); }
.nav ul li .shownav a { opacity: 0; transform: rotateY(90deg); transition: all .4s ease; }
.nav ul li .shownav a:hover { background: #f61721; color:#fff; }
.nav li:hover .shownav { visibility:visible; }
.nav li:hover .shownav{z-index:10; transform:scale(1);} 
.nav li:hover .shownav a{opacity:1; transform:none}
.nav li:hover .shownav a:nth-child(1){ transition-delay:0s}
.nav li:hover .shownav a:nth-child(2){ transition-delay:50ms}
.nav li:hover .shownav a:nth-child(3){ transition-delay:.1s}
.nav li:hover .shownav a:nth-child(4){ transition-delay:150ms}
.nav li:hover .shownav a:nth-child(5){ transition-delay:.2s}
.nav li:hover .shownav a:nth-child(6){ transition-delay:250ms}
.nav li:hover .shownav a:nth-child(7){ transition-delay:.3s}
.nav li:hover .shownav a:nth-child(8){ transition-delay:350ms}
.nav li:hover .shownav a:nth-child(9){ transition-delay:.4s}
.nav li:hover .shownav a:nth-child(10){ transition-delay:450ms}
.nav li:hover .shownav a:nth-child(11){ transition-delay:.5s}
.nav li:hover .shownav a:nth-child(12){ transition-delay:550ms}
.nav li:hover .shownav a:nth-child(13){ transition-delay:600ms}
.nav li:hover .shownav a:nth-child(14){ transition-delay:650ms}
.nav li:hover .shownav a:nth-child(15){ transition-delay:700ms}
.nav li:hover .shownav a:nth-child(16){ transition-delay:750ms}
.nav li:hover .shownav a:nth-child(17){ transition-delay:800ms}
.nav li:hover .shownav a:nth-child(18){ transition-delay:850ms}
.nav li:hover .shownav a:nth-child(19){ transition-delay:900ms}
.nav li:hover .shownav a:nth-child(20){ transition-delay:950ms}
.header-search { position: relative; float: right; margin-top: 23px; }
.header-search a { display: block; width: 21px; height: 38px; background:url(search.png) no-repeat center; font-size: 0; }
.search-form {position:absolute;top:34px;right:0; width: 300px;display:none;border: 1px solid #f61721;background-color: #fff; z-index: 99; }
.search-form input[type="text"]{width: 228px;height: 45px;line-height:38px;background:#fff;float:left;border:0; padding: 0 12px;font-size:14px;}
.search-form input[type="submit"]{width: 70px;height: 45px;background:#f61721;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;border: 0;}
.header-search:hover .search-form { display: block; }
.foot { margin-top: 8px; padding: 40px 0 30px; background-color:#0f2c54; color: #fff; }
.foot a { color: #fff; }
.foot a:hover { color: #ff0; }
.footer .s1 { float: left; padding-top: 5px; }
.footer .s2 { float: right; line-height:30px; text-align:right; }
.ft-tel {background:url(tel.png) no-repeat left center; padding-left:35px; font-size:22px; line-height:40px; }
.copyright {font-size:12px;line-height:22px;}
.ft-link { margin-bottom: 10px; margin-right: -6px; }
.ft-link a { margin: 0 6px; }
.ft-share { margin-top: 8px; }
.ft-share a { display: inline-block; width: 33px; height: 33px; margin-left: 13px; vertical-align: top; }
.ft-share .qq { background: url(qq_1.png) no-repeat; }
.ft-share .weibo { background: url(wb_1.png) no-repeat; }
.ft-share .weixin { background: url(wx_1.png) no-repeat; }
.ft-share .qq:hover { background: url(qq.png) no-repeat; }
.ft-share .weibo:hover { background: url(wb.png) no-repeat; }
.ft-share .weixin:hover { background: url(wx.png) no-repeat; }
.ly { position: relative; margin-top:30px; line-height:36px; text-align: left; }
.ly .btn { float: left; width:167px; padding-left: 70px; background:url(talk.png) no-repeat 45px center; border:1px solid #a0a0a0; font-size:12px; line-height: 34px; margin-right:3px; }
.ly .txtr { float: left; width:227px; height:36px; padding:0 12px; background:none; border:1px solid #a0a0a0; border-right:0; color:white; font-size:12px; line-height:34px; }
.ly .sbt { float: left; width:51px; height:36px; background:none; border:1px solid #a0a0a0; border-left:0; color:white; font-size:12px; line-height:34px; cursor:pointer; }
.ly::after { position: absolute; top: 0; right: 51px; content: '|'; }
.ly input::-webkit-input-placeholder {/* WebKit browsers 閫傞厤璋锋瓕 */  color:white;}
.ly input:-moz-placeholder {/* Mozilla Firefox 4 to 18 閫傞厤鐏嫄 */  color:white;}
.ly input::-moz-placeholder {/* Mozilla Firefox 19+ 閫傞厤鐏嫄 */  color:white;}
.ly input:-ms-input-placeholder {/* Internet Explorer 10+  閫傞厤ie*/  color:white;}