
.f_pr{position:relative;}
.f_pa{position:absolute;}
.header , .content , .footer { width:1200px; margin:0 auto;  }
em{font-style:normal;}
.g_top{ height:211px; background:url(images/topbg.jpg) repeat-x center top;}
.g_top .m_top{height: 155px;}
.g_top .tlogo{position: absolute;top: -3px;;left: -33px}
.top_c h2{ float:left; height:60px; margin:42px 0 0 200px; color: #000000; font-size: 32px; font-weight: bold;}
.top_c h2 em{ display:block; color:#000000; font-weight:normal; font-size: 22px; padding-top: 3px; }
.top_c h2 b{color: #335ecd;}
.top_c h2 i{font-style: normal;padding: 0 9px;color: #335ecd;font-size: 20px;position: relative;top:-5px;}

.top_c p{ float:right; margin:50px 0 0 0 ; padding: 0 0 0 72px; background:url(images/tel.jpg) no-repeat left 2px;}
.top_c p b{display: block; color:#282828; font-size:18px;font-weight: normal;}
.top_c p span{ display:block; font-size:42px; color:#335ecd;}

.g_nav{height:56px; line-height: 56px; margin-left: 167px; }
.g_nav li{position: relative; float:left; font-size:16px;  background:url(images/line.jpg) no-repeat right center;}
.g_nav li a{ display:block;float: left; padding: 0 45px; color:#fff; line-height:56px; text-decoration: none;}
.g_nav li a:hover,.g_nav .cur a{color: #fff;background:#c40e23;}
.g_nav .lastli{background: none;}








.banner .slick-arrow {
    position: absolute;font-size: 0;
    top: 50%; 
    z-index:12;
    width: 100px;
    height: 100px;
    margin-top: -42px;
    border: 0;
}
.banner .slick-prev {
    left: 5%; display: none; background:none; position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
    background:url(images/probt1.png) no-repeat;width:30px;height: 84px;
}
.banner .slick-next {
    right: 5%; display: none;background:none;position: absolute;top:50%;margin-top:-42px; font-size:0;border: none; z-index:12;
    background:url(images/probt2.png) no-repeat;width:30px;height: 84px;
}   

.banner img {
    display: block;
    width: 100%;
    margin:0 auto;
}

.slick-dots {
    position: absolute;
    left: 0; font-size:0;
    bottom: 5%;
    width: 100%;
    text-align: center;
    outline: none;
}
.slick-dots li {
    display: inline-block;
    margin: 0 15px; outline: none;
}
.slick-dots li button {
    display: block;
    border: 0 none;width: 15px;height: 15px;
    color: #fff; border-radius: 50%;
    background-color: #fff;
    outline: none; outline: none;
}
.slick-dots .slick-active button {
    background-color: #c40e23;
}



.layui-layer-page .layui-layer-content{overflow:hidden;}


.g_pro .m_fl .lastli .fl2j{top:-220px;}


.f_fw{ font-family:"SourceHanSansCN-Normal" }


.g_ft{ height:276px;padding-top: 64px; background: url(images/ftbg.jpg) no-repeat center top;}
.g_ft .m_fnav{float: left;width: 277px;}
.g_ft .m_fnav a{display: inline-block;font-size: 14px;color: #9a9a9a;width: 110px;line-height: 34px;}
.g_ft .m_fnav a:hover{color: #335ecd;}
.g_ft .f_ftcon{float: left;width: 610px; padding-left: 20px;   }
.g_ft .f_ftcon li{float: left;width: 300px;border: none;font-size: 16px;color: #bcbcbc;height: 65px; line-height: 22px; font-family: SourceHanSansCN-Normal;}
.g_ft .f_ftcon li em{display: block;color: #9d9d9d;font-size: 14px;}
.g_ft .f_ftcon .lastli{font-size: 14px;color: #9d9d9d;}
.g_ft h2{position: relative; height: 46px;padding-left: 22px;line-height: 46px; font-weight: normal;font-size: 18px;color: #fff;margin-bottom: 12px;}
.g_ft h2:before{content: "";position: absolute;width: 3px;height: 24px;background: #335ecd;left:0;top:12px;}
.g_ft .m_code{float: left;width: 292px;padding: 13px 0 0 0;}
.g_ft .codelst{height: 155px;}
.g_ft .codelst li{float: left;width: 102px;height: 102px;margin-right: 46px;}
.g_ft .codelst li img{width: 102px;height: 102px;display: block;margin: 0 auto;}
.g_ft .codelst .code2{margin-right: 0;}
.g_ft .codelst li em{display: block;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #fff;}
.g_ft .m_code p{font-size: 14px;line-height: 24px;color: #fff;}
.g_ft .m_code p a{color: #fff;}








.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: #345ece;
    color: #fff;
    height: 53px;
    width: 230px;
    padding:9px 0 0;
    float: left;
}

.client-2 .my-kefu-main {
    background: #345ece;
    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;
}

