body{min-width:1280px;width:100%;overflow-x:hidden;}
            i,em{ font-style:normal;}
            .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
            .header{height:123px;background:url(images/t_bg.jpg) repeat-x;position: relative;    z-index: 555;}
            .h_con{ float: left;}
            .h_con .logo{float: left;margin:13px 28px 0 -51px;}
            .h_con h3{float:left; padding-top:45px; line-height: 100%; font-size:29.2px; color: #272727;}
            .h_con h3 em{ font-size:16px;}
            .h_nav p{float: right;line-height:100%;color: #333333; font-size:14px;background:url(images/t_tel.png) no-repeat; padding-left: 32px; height: 43px;}
            .h_nav p i{ display: inline-block; color: #333333; font-size: 24px; line-height: 95%; font-family: Arial;}
            .h_nav p span{ display: inline-block; float: left; margin-top:4px;}
            .h_nav{float: right;  margin-top: 28px; margin-right: -52px;}
            .h_nav ul{ clear: both;}
            .h_nav ul li{float: left;font-size: 16px;position: relative; box-sizing: border-box; margin-left: 23px;height: 52px;}
            .h_nav ul li:last-of-type{ margin-right:0;}
            .h_nav ul li a{color: #333333;display: block; position: relative;z-index: 5;  line-height:100%;  text-align: center; padding: 0 0 12px;}
            .h_nav li.cur a,.h_nav li a:hover{font-weight:bold;}
            .h_nav li:before,.h_nav li:before{display: inline-block;width:0;height: 3px;background: #eab638;content: "";position: absolute;bottom:0;transform: translateX(-50%);transition: all 0.6s cubic-bezier(.075, .82, .165, 1); left: 49.65%;opacity: 1; border-radius:4px;}
            .h_nav li:hover:before,.h_nav li.cur:before{width:100%;opacity: 1;}
            
             .menu ul li em{display: none;
    position: absolute;
    left: -81px;
    top: 52px;
    background: #fff;
    width: 260px;
    /* height: 210px; */
    padding: 0 5px 0;
    box-sizing: border-box;
    transition: all 0.2s;
    z-index: 75;
    left: -61px;
    top: 50px;}
            .menu ul li em a{ display: block; height: 32px; line-height: 32px; border-bottom: 1px solid #e6e6e6; font-size: 16px; color: #333333;}
            .menu ul li em a:last-of-type{ border-bottom: none;}
            .menu ul li:hover em{ display: block;animation-duration: 0.225s;animation-name: fadeInUp1;}
            .menu li:hover em a{color:#333;}
            .menu li.cur em a:hover, .menu li:hover em a:hover{color:#255ecb;}
        

                .al_nr{position: relative;}
                .al_nr .al_b ul{margin-left:-595px!important;;}
                .al_nr .al_b li{height:500px;width:580px!important;float:left;margin-right:20px;position: relative;}
                .al_nr .al_b li i{font-size:0;line-height: 0;display: block;overflow: hidden;}
                .al_nr .al_b li i img{width:100%;transition: all 0.5s}
                .al_nr .al_b li .al_w{width:540px;position: absolute;height: 120px;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.2);bottom:0;left:20px;box-sizing: border-box;padding-left:30px;z-index: 10;margin-bottom:20px;}
                .al_nr .al_b li .al_w h4 a{display: block;height:35px;margin-top:26px;line-height: 35px;font-size:24px;color: #333333;font-weight: normal;width:390px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
                .al_nr .al_b li .al_w p{font-size:16px;color: #666666;line-height: 24px;padding-top:6px;}
                .al_nr .al_b li .al_w em a{background:#424242 url(images/c_more.png) no-repeat center;display:block;width:110px;height: 120px;position: absolute;right:0;top:0;}
                .al_nr .al_b li:hover .al_w h4 a{color: #d6ae6b;}
                .al_nr .al_b li:hover .al_w em a{background:#d6ae6b url(images/c_more2.png) no-repeat center;}
                .al_nr .al_b li.active img{}
                .al_nr .al_b li.active{margin:57px 80px 0 0;height: 465px}
                .al_nr .al_b li.active .al_w{display: block;}
                .al_nr .tempWrap{overflow:visible!important;}
                .al_qh{text-align: center;margin-top:50px;}
                .al_qh li{display: inline-block;width:14px;height: 14px;border:2px solid #464646;box-sizing: border-box;border-radius: 50%;margin:0 6px;font-size:0;}
                .al_qh li.on{background: #464646;}
                .al_j1,.al_j2{position: absolute;top:330px;}
                .al_j1{left:56px;}
                .al_j2{right:56px;}
                .al_nr li:hover i img{transform: scale(1.1);}
                .al_tt{text-align: center;height: 93px;}
                .al_tt li{display: inline-block;line-height: 88px;font-size:22px;color: #333333;padding:0 20px;}
                .al_tt li.on a,.al_tt li:hover a{color:#b88349;font-weight: bold;}
            

    .zx{ text-align:center;}


                .f_bj{color:#4c4c4c;clear:both;font-family:"Microsoft Yahei";height:349px;font-size: 16px;background:  url("images/f_bg.jpg") no-repeat center 0;box-sizing: border-box; overflow: hidden; height: 502px;}
                .footer{ margin: 0 auto;width: 1200px;}
                .fnav{ overflow: hidden; height: 55px; padding-top: 44px;text-align: center;}
                .fnav a{ display: inline-block; line-height: 100%; font-size: 18px; color: #fff; margin: 0 30px;}
                .fnav a:hover{text-decoration: underline;}
                .f_on1{ height: 309px;}
                .f_on2{ overflow: hidden; line-height: 90px; color: #656565; font-size: 12px;}
                .f_on2 i{ display: inline-block; float: right;}
                .f_on2 i span{ margin-left: 14px;}
                .f_on2 a{ margin-left: 30px;}
                .f_on2 a:hover{ color: #eee;}
                .f_on1 h3{ float: left; width: 315px; margin-right: 50px; margin-top: 39px;font-weight: normal; line-height: 100%; font-size: 14px; color: #939394;}
                .f_on1 h3 i{ display: block; padding-top: 25px; padding-bottom: 12px;} .f_on1 h3 a{ color: #939394;}
                .f_on1 h3 i span{ padding-left: 15px;}
                .f_on1 ul{ float: left; width: 490px; margin-top: 93px;}
                .f_on1 ul li{ line-height: 100%; font-size: 14px; color: #f7db9e; height: 34px; padding-left: 36px;}
                .f_on1 ul li i{ color: #fff; padding-left: 11px;}
                .f_on1 ul li:nth-of-type(1){ height: 37px;background:url(images/f_ico1.png) no-repeat;}
                .f_on1 ul li:nth-of-type(2){background:url(images/f_ico2.png) no-repeat;}
                .f_on1 ul li:nth-of-type(3){background:url(images/f_ico3.png) no-repeat;}
                .f_on1 ul li:nth-of-type(1) i{ font-size: 25px; display: inline-block;}
                .f_on1 p{ float: right; margin-top: 83px; width: 260px;}
                .f_on1 p em{ display: inline-block; float: left; width: 115px; text-align: center; line-height: 100%;    position: relative;}
                .f_on1 p em:nth-of-type(2){ margin-left: 26px;}
                .f_on1 p em img{ width: 115px;}
                .f_on1 p em span{ display: block; padding-top: 11px; font-size: 14px; color: #949495;}
               .f_on1 p .item-1:after {
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 35px;
            content: "";
            animation: light 5s infinite;
            -webkit-animation: light 5s infinite;
        }
                  .f_on1 p .item-1:after {
            background: url(images/code_shadow1.png) no-repeat 0 0;
        }
        
        @keyframes light {
            0% {
                top: 0;
            }
            50% {
                top: 100%;
            }
            100% {
                top: -0px;
            }
        }
        
            

            .dw { height: 210px; position: fixed; left: 0; bottom: 0; z-index: 9;}
            .dw .dw1 { position: fixed; left: 0; bottom: 8%; width:0; height: 122px; background: url("images/dwb1.png") no-repeat; font-size: 0; cursor: pointer;}
            .dw .dw1 p { font-size: 18px; color: #ffffff;padding: 70px 0 0 25px; line-height:23px;}
            .dw .dw1 p span { display:block; font-weight: bold;}
            .dw .dw2 { display:block; position: fixed; left: 0; bottom: 0; width: 100%; height: 200px; background: url("images/dwb21.png") no-repeat center 0; overflow:hidden; color: #fff; box-sizing: border-box; padding-top: 116px;}
            .dw .dw2 h3{ float: left; padding:11px 0 0 182px; color: #fff; font-size: 19px;font-weight: bold;}
            .dw .dw2 h3 span{ display: block; padding-bottom: 8px;}
            .dw .dw2 ul{ float: left; margin-right: -50px;}
            .dw .dw2 ul li{ float: left; margin-top: 8px;}
            .dw .dw2 ul li.tex{ width:283px; height: 46px; background: #fff; border-radius: 3px;}
            .dw .dw2 ul li.tex i{ display: inline-block; float: left; padding-left: 24px; width:46px; line-height: 46px; font-size: 16px; color: #4c4c4c;position: relative;}
            .dw .dw2 ul li.tex i:before{ position:absolute; content: ""; right: 0;top: 10px; height: 26px; background: #bfbfbf; width: 1px;}
            .dw .dw2 ul li.tex input{ display: inline-block; float: left; height: 46px; background: none; border: none; outline: none; width: 169px; padding-left: 10px;}
            .dw .dw2 ul li.phone i{ display: none;}
            .dw .dw2 ul li.phone input{ display: inline-block; margin-left: 61px; padding-left: 10px; width: 249px; height: 46px; line-height: 46px; background: none; border: none; font-size: 15px; color: #666666;}
            .dw .dw2 ul li span{ color: #fff;    float:left; display:none;}
            .dw .dw2 ul li button{cursor: pointer; font-size: 0;}
            .dw .dw2 ul li button:first-of-type{background: none; width: 168px; height: 46px; line-height: 46px; border: none; font-size: 18px; color: #fff; font-weight: bold; float: right; font-size: 0;outline: none;}
            .dw .dw2 .dwx { position: absolute;    right:-80px;  top:-49px;cursor: pointer; padding: 10px;}
            .content{ width: 1200px; margin: 0 auto;}

            .dw2 .code{display:none;}
            .dw2 .submit{display:none;}
            .dw2 ul{ position:relative;}
        

        .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: #333333;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #333333;
            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;
        }