﻿@charset "utf-8";


/*--默认--*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;}
html{_background-image:url(about:blank);_background-attachment:fixed;}
body{-webkit-text-size-adjust:none;line-height:120%;font-family:微软雅黑,'Heiti SC',黑体,Arial;font-size:12px; margin:auto;}
ol,ul,li{list-style:none outside none;padding:0;}
a{text-decoration:none;color:#707070;outline:none;}
a:hover{color:#666;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#474747;}
i,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select,button{font-family:微软雅黑,'Heiti SC',黑体,Arial;padding:0;outline:none;background:none;border:none;}

/*--滚动条插件--*/
.jspContainer{overflow:hidden;position:relative;width:100%;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}

.jspVerticalBar{width:6px;}
.jspDrag{background:#666;}
.jspTrack{background:#ddd;}


/*--类--*/
.block{width:1204px;margin:0 auto;}
.clear{clear:both;height:0;overflow:hidden;}
.left{float:left;}
.right{float:right;}
.footb{position:fixed;_position:absolute;bottom:0;width:100%;}
.center{text-align:center;}


/*--通用--*/
body{
	max-width: 1920px;
	min-width: 1204px;
	font-size: 14px;
	color: #707070;
	margin: auto;
}

.nav_float{position:fixed;left:50%;top:50%;width:83px;margin-left:680px;margin-top:-200px;z-index:10;}
.nav_float.r{right:10px;left:auto;margin-left:auto;}
.nav_float li{height:83px;}
.nav_float li a{display:block;height:25px;text-align:center;padding-top:58px;font-size:12px;color:#fff;}
.nav_float li a:hover{opacity:0.9;filter:alpha(opacity='90');}
.nav_float li .a1{background:#2f2f2f url(../images/icon4.png) center 15px no-repeat;}
.nav_float li .a2{background:#232323 url(../images/icon4.png) center -60px no-repeat;}
.nav_float li .a3{background:#2f2f2f url(../images/icon4.png) center -140px no-repeat;}
.nav_float li .a4{background:#232323 url(../images/icon4.png) center -215px no-repeat;}
.nav_float li .a5{background:#2f2f2f url(../images/icon4.png) center -295px no-repeat;}
.nav_float li .a6{background:#232323 url(../images/icon4.png) center -370px no-repeat;}
.nav_float li .close{height:1px;background:#2f2f2f url(../images/arrow6.png) center center no-repeat;}

.nav_float2{position:fixed;left:0;bottom:0;height:82px;line-height:82px;width:100%;background:url(../images/black85.png);color:#fff;z-index:10;}
.nav_float2 h3{float:left;font-size:16px;color:#fff;}
.nav_float2 h4{float:left;font-size:12px;color:#fff;margin-left:25px;}
.nav_float2 h4 strong{font-size:24px;font-family:Arial, Helvetica, sans-serif;vertical-align:middle;}
.nav_float2 .right a{float:left;width:92px;height:52px;margin-top:15px;color:#fff;text-align:center;line-height:120%;}
.nav_float2 .right a i{width:40px;height:36px;margin:auto;display:block;background:url(../images/icon6.png) 0 0 no-repeat;}
.nav_float2 .right .a1 i{background-position:6px 0;}
.nav_float2 .right .a2 i{background-position:-87px 0;}
.nav_float2 .right .a3 i{background-position:-180px 0;}
.nav_float2 .right .a4 i{background-position:-271px 0;}
.nav_float2 .right .a5 i{background-position:-366px 0;}

.nav_float3 .l{display: none;}
.nav_float3{position:fixed;left:0;bottom:0;height:82px;line-height:82px;width:100%;background:url(../images/black85.png);color:#fff;z-index:10;text-align:center;}
.nav_float3 a{color:#fff;font-size:16px;margin:0 25px;}
.nav_float3 a:hover{color:#e00;}

#header{height:130px; background:url(../images/logo2.gif) center right no-repeat;}
#header .block{position:relative;}
#header .logo img{ width:380px;height:130px;}
#header .search{position: absolute;right:340px;top:70px;}
#header .search .tabr span{display:inline-block;height:22px;line-height:23px;font-size:14px;color: #720003;padding:0 15px;cursor: pointer;}
#header .search .tabr span.now{background:#9b0004;color: #fff;}
#header .search .form{background:url(../images/sc_bg.png) center center no-repeat;width:350px;height:29px;}
#header .search .kw{float:left;height:23px;margin:3px 0 0 38px;line-height:23px;background:none;border:none;color:#fff;font-size:12px;width:198px;color: #000;}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #666;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #666;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #666;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #666;
}
#header .search .ok{float:right;height:29px;border:none;cursor:pointer;background:none;width:114px;}
#header .links{float:left;height:28px;line-height:28px;padding-right:20px;}
#header .links a{color:#fff;margin-left:20px;}

.menu{ height:45px;background:#be0604;z-index:15;position: relative;}
.navigation{width:1225px;margin:0 auto;padding:0;list-style: none;}
.navigation li{width:121px;line-height:45px;height:45px;float:left;border-right :1px solid #cccccc;}
.navigation li a{color: #fff;display: block;font-size: 14px;text-align: center;text-decoration: none;text-transform: capitalize;transition: background-color 0.5s ease-in-out;}
.navigation li a:hover{color: #F1E88B;}
.menuli li{opacity: 0;transform-origin: top center;line-height:30px;height:30px; border-bottom:1px solid #A20000;}
.menuli li a {background-color: rgba(190, 6, 4, 0.9); font-size:12px;}
.navigation li:hover .menuli li:first-of-type {
  animation: menuli 0.15s ease-in-out forwards;
  animation-delay: 0.15s;
}

.navigation li:hover .menuli li:nth-of-type(2) {
  animation: menuli 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.navigation li:hover .menuli li:nth-of-type(3) {
  animation: menuli 0.45s ease-in-out forwards;
  animation-delay: 0.45s;
}
.navigation li:hover .menuli li:nth-of-type(4) {
  animation: menuli 0.6s ease-in-out forwards;
  animation-delay: 0.6s;
}
.navigation li:hover .menuli li:nth-of-type(5) {
  animation: menuli 0.75s ease-in-out forwards;
  animation-delay: 0.75s;
}

/*.navigation li:hover .menuli li:last-of-type {
  animation: menuli 0.9s ease-in-out forwards;
  animation-delay: 0.9s;
}*/

@keyframes menuli {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#header .car{position:absolute;right:0;top:95px;height:52px;line-height:52px;z-index:11;}
#header .car a{display:block;}
#header .car h3{float:left;color:#fff;font-size:14px;}
#header .car .btn{background:url(../images/icon1.png) 9px 10px no-repeat;width:52px;height:52px;position:relative;float:left;margin-left:5px;}
#header .car .btn i{position:absolute;left:0;top:2px;background:url(../images/icon1.png) -48px -5px no-repeat;width:24px;height:24px;line-height:24px;text-align:center;color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#header .btn_m{display:none;}
.nav_m{display:none;}

.helps{background:#e9e9e9; clear:both;height: 250px;}
.helps .block{padding:35px 0 15px;height:200px;}
.helps .l{float:left;width:760px;}
.helps .l .text{}
.helps .l h2{font-size:30px;color:#474747;line-height:100%;}
.helps .l h3{font-size:16px;color:#474747;line-height:100%;font-family:Arial, Helvetica, sans-serif;margin-top:10px;text-transform:uppercase;}
.helps .l p{font-size:14px;color:707070;margin-top:10px;}
.helps .l .btns{margin-top:25px;}
.helps .l a{float:left;width:33%;height:68px;background:url(../images/black1.png);font-size:14px;color:#fff;}
.helps .l a i{float:left;width:90px;height:100%;}
.helps .l a strong{padding:14px 0 0;display:block;line-height:150%;}
.helps .l a span{font-family:Arial, Helvetica, sans-serif;font-size:12px;text-transform:uppercase;}
.helps .l a:hover{background:url(../images/black2.png);}
.helps .l .a1 i{background:url(../images/icon3.png) -165px center no-repeat;margin-left:10px;}
.helps .l .a2 i{background:url(../images/icon3.png) -254px center no-repeat;margin-left:6px;}
.helps .l .a3 i{background:url(../images/icon3.png) -356px center no-repeat;}
.helps .r{float: right;width: 400px;}
.helps .r .ewm{width: 160px; margin:0 10px; text-align:center; float:left;}
.helps .r .ewm img{width: 160px;}
.helps .r .ewm span{width: 160px;height:30px; display:inline-block; color:#333;background: #fff;}
.helps .r .d1{background:url(../images/black3.png);height:105px;position:relative;padding:0 80px 0 20px;}
.helps .r .d1 .ico{height:100%;width:80px;background:url(../images/icon3.png) 10px center no-repeat;position:absolute;right:0;top:0;}
.helps .r .d2{background:#961318;height:105px;position:relative;padding:0 80px 0 20px;}
.helps .r .d2 .ico{height:100%;width:80px; background:url(../images/icon3.png) -75px center no-repeat;position:absolute;right:0;top:0;}
.helps .r h3{padding-top:20px;font-size:14px;color:#fff;}
.helps .r .form{margin-top:10px;}
.select1{height:28px;line-height:28px;border:2px solid #aaa;border:2px solid rgba(255,255,255,0.2);border-radius:5px;float:left;position:relative;cursor:pointer;}
.select1 i{position:absolute;right:0;top:0;width:20px;height:100%;background:url(../images/arrow1.png) center center no-repeat;}
.select1 input{background:none;border:none;display:block;height:100%;line-height:inherit;color:#fff;padding:0 7px;cursor:pointer;}
.select1 ul{position:absolute;left:-1px;top:30px;background:#292929;width:100%;padding:2px 0 2px;border:1px solid #555;border-top:none;/*display:none;*/z-index:1;height:200px;overflow:auto;}
.select1 ul li{padding:3px 7px;color:#fff;line-height:150%;font-size:12px;}
.select1 ul li:hover{color:#b61f24;}
.helps .r .s1{width:100px;}
.helps .r .s1 input{width:75px;}
.helps .r .s2{width:140px;margin-left:5px;}
.helps .r .s2 input{width:112px;}

.foot{/*background:#212121;*/background:url(../images/black4.png);height:60px;line-height:60px;color:#ccc;}
.foot .copy{text-align: center;}
.foot a{color:#ccc;}

#header2{height:93px;background:#b61f24;}
#header2 .block{position:relative;}
#header2 .logo{position:absolute;left:0;top:0;width:370px;height:93px;border-left:2px solid #fff;border-right:2px solid #fff;background:url(../images/logo.png) center center no-repeat;}
#header2 .ul{position:absolute;left:440px;top:10px;line-height:83px;}
#header2 .ul li{float:left;margin-right:30px;}
#header2 .ul li a{color:#fff;font-size:14px;}
#header2 .gw{background:url(../images/arrow1.png) left center no-repeat;position:absolute;top:0px;line-height:32px;display:block;right:15px;padding-left:0px;font-size:16px;color:#fff;}
#header2 .btn_m{display:none;}

.new-alert{ position:fixed; width:100%; height:100%; background:url(../images/pic18.png); z-index:100;}
.alert{ background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.2); left:50%; margin:-100px 0 0  -175px; padding:50px 30px 30px 130px; position:absolute; width:170px; top:50%; z-index:2;}
.alert .close{ background:url(../images/close.png) no-repeat center center; height:40px; position:absolute; right:0; top:0; width:40px;}
.alert .ico{ position:absolute; left:40px; top:40px; width:52px; height:56px; background:url(../images/ico8.png) no-repeat left top;}
.alert .ico2{position:absolute;left:40px;top:40px;background:url(../images/ico88.png) left top no-repeat;width:52px;height:56px;}
.alert .text{ min-height:80px;}
.alert .btn{ background:#971a1e; color:#fff; font-size:14px; padding:3px 30px;}

.new-goback {display:none;}
/* online */
.online {position:fixed;width:54px;height:275px;right:0;top:170px;z-index:100; font-size:14px;}
.online li { width:54px; height:54px; position: relative; border-bottom:1px solid #444; }
.online li a { display: block; position: absolute; right: 0; top: 0; width:54px; height:54px;transition:all 0.3s;background:rgba(0, 0, 0, 0.8);color:#fff;font-size:14px;line-height: 54px; overflow: hidden; }
.online li.bg:hover a {background:#be0604;opacity:1; cursor: pointer;}
.online li img{float:left;}
.online li .wechat { opacity: 0; position: absolute;  top: 0; right: 54px; padding: 5px; background:#be0604; text-align:center;}
.online li .wechat img{ width: 140px;height: 140px;}
.online li .wechat span{width: 140px;height: 35px; background:#fff; text-align:center; color:#333; display:inline-block; }
.online li .wechat.on { opacity: 1; transition:all 0.3s; }
.online li.scrollTop { display: none; }
/*.scrollTop { display: none; position: fixed; right: 20px; bottom: 20px; z-index: 9; cursor: pointer; transition: all 0s; }*/