@charset "utf-8";
/*公共样式部分 */
* { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-size: 12px; font-family: "微软雅黑"; color: #333333; }
div, form, ul, ol, li, span, p, dl, dd, dt { margin: 0; padding: 0; border: 0; }
li { list-style-type: none; }
img, a img { border: 0; margin: 0; padding: 0; }
img { vertical-align: top; }
section{overflow: hidden;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }
i,em{ font-style:normal;}
/*链接样式*/
a { outline-style: none; color: #999; text-decoration: none }
a:link { color: #021A23; text-decoration: none; }
a:visited { color: #032029; text-decoration: none; }
a:hover { color: #9A7D07; text-decoration: none; }
a:active { color: #ea6311; text-decoration: none; }
/*去除超链接虚框*/
/*清除浮动*/
.fl { float: left }
.fr { float: right }
.main { width: 1200px; margin: 0px auto; margin-top: 12px; }
.w {width: 1400px;margin: 0 auto;display: block;}
.cl { clear: both }
.mt20 { margin-top: 20px }
.mb20 { margin-bottom: 20px }
.pt20 { padding-top: 20px }
.pic{}
.pic img{width: 100%;}
/*头部*/
header { min-width: 1300px; }
/*  */
.top_bj{width: 100%;height: 38px;/* background: #8c8c91; */}
header .top{height: 100%;}
.top_right{width: 180px;color: #322d2d;margin-top: 8px;}
.top_right li{float: left;margin-right: 10px;font-size: 14px;}
.top_right li a{color: #373c3a;display: inline-block;margin-right: 6px;font-size: 14px;}
.top_h{width: 334px;height: 100%;background: #d00012;color: #fff;text-align: center;line-height: 38px;font-size: 14px;}
.topbg {
    background: #fcb026;
    width: 100%;
    overflow: hidden;
    height: 150px;
    }
/*  */
.logo {width: 820px;margin-top: 28px;}
.logo a{color: #190909;}
.logo img {float: left;margin-top: 30px;}
.logo section{
    float: left;
    width: 540px;
    margin-left: 15px;
    margin-top: 14px;
}
.logo section p{
    font-size: 36px;
    font-weight: bold;
    color: #ffffff;
}
.logo section p span{
    color: #151413;
}
.logo section font{
    font-size: 19.4px;
}

header .tell {width: 338px;margin-top: 40px;}
header .tell section{
    float: left;
}
header .tell  img{
    float: left;
    margin-right: 7px;
    margin-top: 6px;
}
header .tell p{
    font-size: 14px;
    color: #250404;
    }
.tell span {float: left;margin-top: -6px;margin-left: 0px;font: 46px/38px "impact";font-size: 45px;font-family: impact;color: #ffffff;}
/*  */
.nav{height: 64px;background: #eee;width: 100%;position: relative;}
.nav li em{position: absolute;top: 0;left: 0;background: #e7980a;display: block;width: 0%;height: 100%;transition: all .2s;}
.nav li{float: left;width: calc(100%/8);position: relative;height: 64px;font-size: 16px;}
.nav li a{display: block;width: 100%;height: 100%;text-align: center;line-height: 64px;position: absolute;top: 0;left: 0;transition: all .2s;}
.nav li:hover em{width: 100%;}
.nav li:hover a{color: #fff;}


/*下拉*/
.pro_lest{position: absolute;left: 0;top: 65px;width: 100%;background: rgba(0,0,0,.8);border-radius: 4px;box-shadow: 0 0 10px #333;display: block;z-index: 9999;padding-top: 20px;padding-bottom: 20px;
    display: none;
    }
    #hi_li:hover .pro_lest{}
    .ttt{width: calc(100%/6);float: left;padding: 20px;box-sizing: border-box;text-align: center;}
    .pro_lest .ttt i{color: #fff;line-height: 30px;text-align: center;display: inline-block;font-size: 16px;}
    .ttt:hover{background: #fcb026;border-radius: 6px;}
    .tttpro_typeIMG img{width: 100%;border-radius: 6px;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
    .pro_lest .ttt a1{line-height: 30px!important;display: block;text-align: center;}
    .ttt:hover img{transform:scale(1.1);}
    .ttt:hover i{opacity: 0;}
/*  */
.ac img{    transition: all 0.6s ease-in-out;}
.ac:hover img{transform: scale(1.2) }
 
/*  */
.pro_lest2{position: absolute;left: 0;top: 65px;width: 100%;background: rgba(0,0,0,.8);border-radius: 4px;box-shadow: 0 0 10px #333;display: block;z-index: 9999;padding-top: 20px;padding-bottom: 20px;
    display: none;
    }
    #hi_li:hover .pro_lest2{}
    .ttt{width: calc(100%/6);float: left;padding: 20px;box-sizing: border-box;text-align: center;}
    .pro_lest2 .ttt i{color: #fff;line-height: 30px;text-align: center;display: inline-block;font-size: 16px;}
    .ttt:hover{background: #fcb026;border-radius: 6px;}
    .tttpro_typeIMG img{width: 100%;border-radius: 6px;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
    .pro_lest2 .ttt a1{line-height: 30px!important;display: block;text-align: center;}
    .ttt:hover img{transform:scale(1.1);}
    .ttt:hover i{opacity: 0;}

/*  */
.pro_lest3{position: absolute;left: 0;top: 65px;width: 100%;background: rgba(0,0,0,.8);border-radius: 4px;box-shadow: 0 0 10px #333;display: block;z-index: 9999;padding-top: 20px;padding-bottom: 20px;
    display: none;
    }
    #hi_li:hover .pro_lest3{}
    .ttt{width: calc(100%/6);float: left;padding: 20px;box-sizing: border-box;text-align: center;}
    .pro_lest3 .ttt i{color: #fff;line-height: 30px;text-align: center;display: inline-block;font-size: 16px;}
    .ttt:hover{background: #fcb026;border-radius: 6px;}
    .tttpro_typeIMG img{width: 100%;border-radius: 6px;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
    .pro_lest3 .ttt a1{line-height: 30px!important;display: block;text-align: center;}
    .ttt:hover img{transform:scale(1.1);}
    .ttt:hover i{opacity: 0;}

/*  */
.pro_lest0{position: absolute;left: 0;top: 65px;width: 100%;background: rgba(0,0,0,.8);border-radius: 4px;box-shadow: 0 0 10px #333;display: block;z-index: 9999;padding-top: 20px;padding-bottom: 20px;
    display: none;
    }
    #hi_li:hover .pro_lest0{}
    .ttt{width: calc(100%/6);float: left;padding: 20px;box-sizing: border-box;text-align: center;}
    .pro_lest0 .ttt i{color: #fff;line-height: 30px;text-align: center;display: inline-block;font-size: 16px;}
    .ttt:hover{background: #fcb026;border-radius: 6px;}
    .tttpro_typeIMG img{width: 100%;border-radius: 6px;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
    .pro_lest0 .ttt a1{line-height: 30px!important;display: block;text-align: center;}
    .ttt:hover img{transform:scale(1.1);}
    .ttt:hover i{opacity: 0;}

    .pro_lest4{position: absolute;left: 0;top: 65px;width: 100%;background: rgba(0,0,0,.8);border-radius: 4px;box-shadow: 0 0 10px #333;display: block;z-index: 9999;padding-top: 20px;padding-bottom: 20px;
        display: none;
        }
        #hi_li:hover .pro_lest4{}
        .ttt{width: calc(100%/6);float: left;padding: 20px;box-sizing: border-box;text-align: center;}
        .pro_lest4 .ttt i{color: #fff;line-height: 30px;text-align: center;display: inline-block;font-size: 16px;}
        .ttt:hover{background: #fcb026;border-radius: 6px;}
        .tttpro_typeIMG img{width: 100%;border-radius: 6px;border: 4px solid #fff;box-sizing: border-box;transition: all .5s;}
        .pro_lest4 .ttt a1{line-height: 30px!important;display: block;text-align: center;}
        .ttt:hover img{transform:scale(1.1);}
        .ttt:hover i{opacity: 0;}
 

.f_bj{color:#666;clear:both;font-family:"Microsoft Yahei";overflow: hidden; position:relative; background: url(../images/f_bg.jpg) no-repeat center  0;height:303px;box-sizing: border-box; padding-top: 67px; overflow: hidden;}
.f_con{ width: 1200px; margin: 0 auto;}
.f_logo{ float: left;}
.f_rt{ float: right; width: 978px;}
.f_menu{ height: 66px;}
.f_menu ul li{ float: left;background: url(../images/f_nav.png) no-repeat right 5px; padding: 0 23px;}
.f_menu ul li:first-of-type{ padding-left: 0;}
.f_menu ul li:last-of-type{ background: none; padding-right: 0;}
.f_menu ul li a{ display: inline-block; line-height: 100%; font-size: 16px; color: #fff; opacity: 0.9;}
.f_lx{ overflow: hidden; float: left; width: 830px;}
.f_lx ul li{line-height: 100%;  margin-bottom: 14px;;color: #fff; opacity: 0.9; font-size: 15px; line-height: 100%;}
.f_lx ul li i{ display: inline-block; width: 420px;} .f_lx ul li span{ padding: 0 11px;}
.f_lx ul li a{color: #fff; opacity: 0.9;}
.f_er{ float: right; width:86px; margin-right:41px; margin-top: 22px; text-align: center; font-size: 14px; font-weight: normal;color: #fff; opacity: 0.9;}
.f_er img{ display: inline-block; width: 88px; height: 88px; margin-bottom: 7px;}


    .client-2 {
        position: fixed;
        right: -170px;
        top: 50%;
        z-index: 900;
    }
    
    .client-2 li a {
        text-decoration: none;
    }
    .client-2 li {
        margin-top: 1px;
        clear: both;
        height: 62px;
        position: relative;
    }
    
    .client-2 li i {
        background: url(../images/fx.png) no-repeat;
        display: block;
        width: 30px;
        height: 27px;
        margin: 0px auto;
        text-align: center;
    }
    
    .client-2 li p {
        height: 20px;
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        text-align: center;
        color: #fff;
    }
    
    .client-2 .my-kefu-qq i {
        background-position: 4px 5px;
    }
    
    .client-2 .my-kefu-tel i {
        background-position: 0 -21px;
    }
    
    .client-2 .my-kefu-liuyan i {
        background-position: 4px -53px;
    }
    
    .client-2 .my-kefu-weixin i {
        background-position: -34px 4px;
    }
    
    .client-2 .my-kefu-weibo i {
        background-position: -30px -22px;
    }
    
    .client-2 .my-kefu-ftop {
        display: none;
    }
    
    .client-2 .my-kefu-ftop i {
           width: 33px;
height: 31px;
background-position: -23px -47px;
background-size: 52px 82px;
    }
    .client-2 .my-kefu-ftop .my-kefu-main{
        padding-top: 6px;
    }
    
    .client-2 .my-kefu-left {
        float: left;
        width: 62px;
        height: 47px;
        position: relative;
    }
    
    .client-2 .my-kefu-tel-right {
        font-size: 16px;
        color: #fff;
        float: left;
        height: 24px;
        line-height: 22px;
        padding: 0 15px;
        border-left: 1px solid #fff;
        margin-top: 14px;
    }
    
    .client-2 .my-kefu-right {
        width: 20px;
    }
    
    .client-2 .my-kefu-tel-main {
        background: #ff8f11;
        color: #fff;
        height: 53px;
        width: 230px;
        padding:9px 0 0;
        float: left;
    }
    
    .client-2 .my-kefu-main {
        background: #ff8f11;
        width: 97px;
        height: 53px;
        position: relative;
        padding:9px 0 0;
        float: left;
    }
    
    .client-2 .my-kefu-weixin-pic {
        position: absolute;
        left: -130px;
        top: -24px;
        display: none;
        z-index: 333;
    }
    
    .my-kefu-weixin-pic img {
        width: 115px;
        height: 115px;
    }

    /*  */