/*------公共css属性-------------*
 *******@author jjhu*************
*-------@since 2015-12-21-------*/
body {
    font-family: Microsoft Yahei,"Helvetica Neue",Helvetica, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    margin: 0;
}

*{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.wrapper{
    width: 100%;
    min-width: 1020px;
    overflow: hidden;
}
.wrapper .inner{
    width: 1100px;
    margin: 0 auto;
}
.cf{
    clear: both;
}
.cf:after{
    content: "";
    clear: both;
    display: table;
}
a{
    text-decoration: none;
    color: #333;
}
a:hover{
    text-decoration: underline;
}
img{
    border: none;
}
ul,li{
    list-style: none;
}
p, ul, ol,li{
    margin: 0;
    padding: 0;
}
/******------------header 页头------------*******/
.header{
    margin: 0;
}
.header .header-top{
    height: 25px;
    line-height: 25px;
    color: #fff;
    background: #080808;
    font-size: 12px;
}
.header .top-left {
    /*float: left;*/
    text-align: center;
    color: #fff;
    letter-spacing: 1px;
}
.header .top-right {
    float: right;
}
.header .top-right  a {
    padding: 0 6px;
    color: #fff;
}
.header .top-right  s {
    width: 1px;
    height: 10px;
    background:#DDD;
    display: inline-block;
    overflow: hidden;
}

.header .header-content{
    background:#fff ;
    background-position: center center;
    height: 145px;
    position: relative;
}
.header .header-content .inner{
    height: 100%;
}
.header .header-content .left-side{
    float: left;
    margin-top: 42px;
}
.header .left-side li{
    float: left;
}
.header .left-side .logo-area{
    padding:4px 20px 4px 0;
    border-right: 1px solid #DDDDDD;
}
.header .left-side .logo-area a{
    display:block;
}
.header .left-side .logo-area img{
    height: 66px;
}
.header .left-side .desc-info{
    padding-left: 20px;
}
.header .left-side .desc-info img{
    display: block;
    height: 36px;
}
.header .left-side .desc-info .text-info{
    font-size: 16px;
    font-weight: bold;
    color: #2c2223;
    margin: 5px 0 10px 0;
}

.header .header-content .right-side{
    float: left;
    margin-left: 100px;
    margin-top: 42px;
    position: relative;
}
.header .header-content .tel-wrap{
    position: absolute;
    left: 54px;
    top: 25px;
    font-size: 24px;
    color: #b3000e;
    font-weight: 600;
    white-space: nowrap;
}

/**--主导航--**/
.header .header-nav{
    margin: 0;
    padding: 0;
    background: #000 url("../image/nav_bj.png") repeat-x left center;
    color: #ffffff;
    position: relative;
    z-index: 100;
    height: 66px;
}
.header .level-1{
    float: left;
    position: relative;
}
.header .level-1 .item,.header .line{
    float: left;
}
.header .line{
    background: url("../image/nav_bj.png") no-repeat;
    width: 0px;
    height: 66px;
}
.header .level-1 .item a{
    display: block;
    width: 125px;
    text-align: center;
    height: 66px;
    line-height: 66px;
    font-family: "黑体";
    color: #FFFFFF;
    text-decoration: none;
}
.header ul.level-1 .item-a{
    font-size: 20px;
}
.header-nav ul.level-1 li.hover,
.header-nav ul.level-1 li.cur {

}
.header-nav ul.level-1 li.hover a.item-a,
.header-nav ul.level-1 li.cur a.item-a {
    background: #b3000e;
}
.header-nav ul ul {
    width: 180px;
    position: absolute;
    z-index: 100;
    top:40px;
    left: 62px;
}
.header .header-nav ul.level-2 a{
    font-size: 22px;
    color: #1c1c1c;
    width: 100%;
}

.header-nav ul.level-1 ul.level-2 li a {
    color:#1c1c1c;
    height: 50px;
    line-height: 50px;
}
.header-nav ul.level-1 ul.level-2 li:hover a {
    color: #b3000e;
}
.header .header-nav ul .nav-hover-content-wrap{
    position: absolute;
    display: none;
    z-index: 99;
    left:0;
    top: 100%;
    background-color: rgba(255,255,255,0.9);
    *background-color: #ffffff;
    filter: alpha(opacity = 90);
    height: 260px;
    padding: 10px;
    *height: 240px;
    width: 100%;
    min-width: 900px;
}
.header .nav-hover-content-wrap .left-side,
.header .nav-hover-content-wrap .right-side
{
    height: 100%;
}
.header .nav-hover-content-wrap .left-side{
    border-right: 2px solid #DDDDDD;
    width: 60%;
    padding-left: 300px;
}
.header .nav-hover-content-wrap .left-side p{
    padding: 40px 40px 0 0;
    font: 16px/25px "黑体" ;
    color: #666666;
    text-indent: 2em;
}
.header .nav-hover-content-wrap .right-side{
    text-align: center;
    width: 40%;
    padding-top: 20px;
}
.header .nav-hover-content-wrap .right-side img{
    max-width: 100%;
    max-height: 100%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.must-tag{
    color: #FF2F2F;
    display: inline-block;
    width: 9px;
}
/*****------主页幻灯片-----*******/
.slideShow{
    margin: 0;
    padding: 0 ;
}
.swiper-pagination {
    position: absolute;
    z-index: 20;
    left: 0px;
    text-align: center;
    width: 100%;
    bottom: 10px;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #222;
    margin-right: 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-visible-switch {
    background: #aaa;
}
.swiper-active-switch {
    background: #fff;
}
.slideShow .swiper-slide a{
    height: 500px;
    display: block;
    background-position: center center;
}
.inner-slidesShow .swiper-slide a{
    height: 300px;
    display: block;
    background-position: center;
}
/*********------------内页 幻灯片------------*********/
.inner-slideShow .swiper-wrapper{
    width: 100%;
}
.inner-slideShow .swiper-slide{
    width: 100%;
}
.inner-slideShow  .swiper-slide a{
    height: 300px;
    width: 100%;
    display: block;
    background-position: center center;
}
/******------------container 主容器------------*******/
.container{
    min-height: 550px;
    background: #ffffff;
    padding-top: 40px;
}

/******------------link 友情链接------------*******/
.flink {
    background: #fff;
    color: #333;
    padding: 20px 0;
    text-align: left;
}
.flink .link{
    background: url("../image/link.png") left top no-repeat;
    padding-left: 140px;
}
.link strong {
    color: #333;
    font-weight: bold;
    height: 20px;
    width: 140px;
    display: inline-block;
}
.link a {
    color: #444;
    display: inline-block;
    padding: 2px 0;
    margin-right: 10px;
}

/******------------footer 页脚------------*******/
.footer{
    background-color: #191919;
    /*height: 292px;*/
    color: #f7f7f7;
    padding-top: 23px;
    padding-bottom: 20px;
}
.footer .block-1 .left-side,
.footer .block-1 .right-side,
.footer .block-1 .center-side{
    float: left;
    text-align: center;
    height: 245px;
    padding-top: 40px;
}
.footer .block-1 .left-side{
    width: 260px;
    background: url("../image/6-footer_line.png") right center no-repeat;
}
.footer .block-1 .left-side .footer-logo img{
    height: 60px;
}
.footer .block-1 .center-side{
    width: 600px;

}
.footer .slogo{
    margin: 0 17px;
    text-align: left;
    font-size: 23px;
}
.footer .block-1 .right-side{
    width: 240px;
    background: url("../image/6-footer_line.png") left center no-repeat;
}
.footer .block-1 .left-side .text-1{
    font: 16px "microsoft yahei";
    margin:22px auto;
}
.footer a{
    color: #f7f7f7;
}
.footer ul,.footer li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer .level-1 li.item {
    list-style: none;
    float: left;
    margin: 0 17px;
    margin-bottom: 10px;
}
.footer .level-1 li.item > a {
    margin-bottom: 26px;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
}
.footer .level-2 li{
    margin-bottom: 8px;
}
.footer .level-2 a{
    font-size: 13px;
}
.footer .company-info{
    margin-top: 0px;
}
.footer .company-info span,.footer .copyRight span{
    margin-right:10px;
    font-size: 12px;
}
.footer .contact-info{
    font-size: 12px;
    margin: 5px 0;
}
.footer .other-info{
    font-size: 12px;
    margin: 5px 0;
    line-height: 32px;
}
.footer .other-info span{
    float: left;
    margin-right: 10px;
}
.footer .other-info img{
    max-height: 32px;
    float: left;
    display: block;
    margin-right: 10px;
}
.footer .copyRight a{
    color: #f7f7f7;
    margin-right: 10px;
}
.footer .inner{
    position: relative;
}
.hotline-area{
    position: absolute;
    bottom:-20px;
    right: -50px;
    background: url("../image/hotline.png") no-repeat left center;
    font-size: 16px;
    padding-left: 45px;
    height: 45px;
    line-height: 45px;
    color: #ffffff;
}
.hotline-area .hotline-info{
    border: 1px solid #CCCCCC;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
/****---在线客服服务---****/
.service-bar{
    position: fixed;
    right: 0px;
    bottom: 100px;
    width: 183px;
    min-height: 360px;
    z-index: 999;
    font-size: 12px;
}
.service-bar .left-bar{
    background: url("../image/online_service.png") no-repeat left top;
    position: absolute;
    cursor: pointer;
    top: 80px;
    left: 0px;
    width: 40px;
    height: 260px;
    padding: 30px 10px;
    *width: 20px;
    *height: 200px;
    margin: 0 auto;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
}
.service-bar .scale-service-bar{
    text-decoration: none;
    color: rgba(255,255,255,0.5);/*IE不支持些属性*/
    color: #f7f7f7\9;/*IE8下使用*/
    *color: #f7f7f7;/*IE7下使用*/
    padding: 5px 0;
}
.service-bar .service-info{
    margin-left: 40px;
    background-color: #ffffff;
    border-left:2px solid #DDDDDD;
    border-right:2px solid #DDDDDD;
    border-bottom:2px solid #DDDDDD;
}
.service-bar  .service-text{
    background-color: #444;
    border-bottom:5px solid #b3000e ;
    margin-left: 40px;
    margin-top: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    height: 50px;
    line-height: 50px;
}
.service-bar .service-info .phone-text{
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.service-bar .service-info .phone-text span{
    background: url("../image/service_tel.png") no-repeat left center;
    display: inline-block;
    width: 90px;
    margin: 0 auto;
    padding-left: 25px;
    font-weight: 600;
    letter-spacing: 2px;
}
.service-bar .service-info .phone-info{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #b3000e;
}
.service-bar .service-info .qq-text{
    text-align: center;
    margin-top: 10px;
}
.service-bar .qqservice{
    margin: 0 6px;
    display: block;
    border-bottom: 1px solid #DDDDDD;
    height: 40px;
    *height: 38px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}
.service-bar .qq-first{
    margin-top: 10px;
    border-top: 1px solid #DDDDDD;
}
.service-bar .qqservice span{
    display: inline-block;
    width: 100px;
    *height: 38px;
    margin: 0 auto;
    background: url("../image/service_qq.gif") no-repeat left center;
    text-align: left;
    padding-left: 40px;
    *width: 50px;
}
.service-bar .weixin-text{
    text-align: center;
    margin-top: 20px;
}
.service-bar .weixin{
    text-align: center;
    position: relative;
    height: 119px;
    margin: 10px 0;
    background: url("../image/small_code.png") center no-repeat;
}
.service-bar .weixin i{
    background: url("../image/big_code.png") center center no-repeat;
    background-size:230px ;
    width: 240px;
    height: 220px;
    position: absolute;
    left: -250px;
    top: 50%;
    margin-top: -100px;
    display: none;
}
.service-bar .weixin:hover i{
    display: block;
}
.service-bar .backTop{
    display: block;
    margin-left: 40px;
    background: #b3000e;
    border: 1px solid #fff;
    border-top: none;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
}
.service-bar .backTop span{
    width: 80px;
    display: block;
    margin: 0 auto;
    padding-right: 20px;
    background:url("../image/backTop.png") no-repeat right center;
}
.service-bar .backTop:hover s{
    background-color:  #057DBF;
}
/*隐藏百度统计的图上链接*/
.wrapper > a[href^="http://tongji.baidu.com"]{
	display:none;
}

/*引导用户操作弹出框*/
.act-main{
    position: fixed;
    width: 550px;
    height: 300px;
    margin: 0 auto;
    top: 50%;
    margin-top: -150px;
    left: 50%;
    margin-left: -275px;
    bottom: 0;
    z-index: 40001;
    display: none;
}
.act-main .bg{
    background:#F1EDEC url('../image/dialog_bg.jpg') center center no-repeat;
    width: 100%;
    height: 100%;
}
.act-main .close{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    height: 20px;
    text-indent: -9999px;
    cursor: pointer;
}
.act-main .oper-wrap{
    margin: 0 auto;
    padding-left:250px;
    padding-top: 107px;
}
.act-main .oper-wrap .block-1 a{
    display: inline-block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    background-color: #29c4fe;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 16px;
    margin-right: 15px;
    text-align: center;
}
.act-main .oper-wrap .block-1 a:hover{
    background-color: #990a03;
}
.act-main .block-2{
    margin-top: 50px;
    padding-left: 20px;
}
.act-main .block-2 a{
    display: inline-block;
    width: 100px;
    height: 32px;
    line-height: 32px;
    color: #FFFFFF;
    text-align: center;
}
.act-main .block-2 a.ask{
    background-color: #a61e12;
    margin-right: 24px;
}
.act-main .block-2 .close-dialog{
    background-color: #a0a0a0;
}