.top_bg{ height:6rem; width:100%;position: absolute;top: 0;left: 0;z-index: 99;border-bottom: 1px solid rgba(0,0,0,0.1);}
            .header{width: 92%;margin:0 auto;}
            .logo{width: 10%;height: 6rem;line-height: 0;display: flex;align-items: center;}
            .logo img,.logo a{display: block;width: 100%;}
            .h_dw{line-height: 1.4rem;font-size: 1rem;color: #04683a;padding: 1.8rem 0 0 0.8rem;margin-left: 0.8rem;position: relative;}
            .h_dw:before{
            content: '';
            position: absolute;
            top: 2.3rem;
            left: 0;
            width: 1px;
            height: 1.8rem;
            background: rgba(0,0,0,0.2);
            }
            .h_dw span{display: block;font-size: 0.9rem;color: #282828;font-weight: normal;}
            .h_nav{width: 42%; height:6rem;}
            .h_nav ul{ width: 100%; height:6rem;display: flex;justify-content: space-between;}
            .h_nav li{position: relative;}
            .h_nav li>a{ font-size:0.9rem; color:#282828;display:block;position: relative;z-index: 4; text-decoration:none;height: 6rem;line-height: 6rem;}
            .h_nav li>a:after {
            position: absolute;
            bottom: -1px;
            left: 0;
            width: 100%;
            height: 0.1rem;
            background: #04683a;
            content: '';
            opacity: 0;
            -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
            -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
            transition: height 0.3s, opacity 0.3s, transform 0.3s;
            -webkit-transform: translateY(-10px);
            -moz-transform: translateY(-10px);
            transform: translateY(-10px);
            }
            .h_nav li>a:hover:after,
            .h_nav li.cur>a:after{
            height: 0.1rem;
            opacity: 1;
            -webkit-transform: translateY(0px);
            -moz-transform: translateY(0px);
            transform: translateY(0px);
            }
            .h_nav li>a:hover,
            .h_nav li.cur>a{font-weight: bold;color: #04683a;}
            
            .submenu {
            position: absolute;
            left: 50%;
            top: 96%;
            transform: translateX(-50%);
            z-index: 99;
            max-height: 0;
            transition: max-height 0.4s linear;
            -ms-transition: max-height 0.4s linear;
            -moz-transition: max-height 0.4s linear;
            overflow: hidden;
            z-index: 999;
            border-radius: 0.5rem;
        }
        
        .submenu p {
            background: rgba(242, 242, 242, 1);
            padding: 0.3rem 1rem;
            border-radius: 0.5rem;
            position: relative;
            margin-top: 1rem;
        }
        
        .submenu p:before {
            position: absolute;
            content: "";
            border-width: 0.5rem 0.5rem;
            border-style: solid;
            border-color: transparent transparent rgba(242, 242, 242, 1);
            top: -1rem;
            left: 50%;
            margin-left: -0.5rem;
            transition: all 0.4s linear;
            -ms-transition: all 0.4s linear;
            -moz-transition: all 0.4s linear;
            opacity: 0;
        }
        
        .submenu a {
            transition: all .4s ease;
            display: block;
            font-weight: 500;
            padding: 0 0.9rem 0 1.6rem;
            font-size: 0.8rem;
            color: #333333;
            line-height: 2.5rem;
            white-space: nowrap;
            position: relative;
            border-bottom: 1px dotted #333333;
            text-align: left;
        }
        
        .submenu a:last-child {
            border-bottom: 0
        }
        
        .submenu a:before {
            position: absolute;
            content: "";
            width: 0.2rem;
            height: 0.2rem;
            border: 0.1rem solid #333333;
            border-radius: 50%;
            top: 1.2rem;
            left: 0.6rem;
            transition: ease .4s;
            -o-transition: ease .4s;
        }
        
        .submenu a:hover {
            font-weight: bold;
        }
        
        .submenu a:hover:before {
            border-color: #333;
        }
        .header .h_nav li:hover .submenu{max-height: 800px;}
        .header .h_nav li:hover .submenu p:before{opacity: 1;}
        
.h_tel{display: flex;align-items: center;height: 6rem;line-height: 0;margin-left: 2rem;font-size: 1.2rem;color: #04683a;font-weight: bold;}
.h_tel em{width: 1.5rem;height: 1.5rem;line-height: 0;overflow: hidden;margin-right: 0.3rem;}
.h_tel em img{width: 1.5rem;height: 1.5rem;}

            em,i{font-style: normal;}
            
            html{font-size:12px;-webkit-text-size-adjust:none}
            @media screen and (min-width:1200px){html{font-size:12.5px}
            }
            @media screen and (min-width:1280px){html{font-size:13.33333px}
            }
            @media screen and (min-width:1366px){html{font-size:14.22916px}
            }
            @media screen and (min-width:1440px){html{font-size:15px}
            }
            @media screen and (min-width:1600px){html{font-size:16.66666px}
            }
            @media screen and (min-width:1800px){html{font-size:18.75px}
            }
            @media screen and (min-width:1920px){html{font-size:20px}
            }
            @media screen and (min-width:2144px){html{font-size:22.33333px}
            }
            @media screen and (min-width:2400px){html{font-size:25px}
            }
            @media screen and (min-width:2752px){html{font-size:28.66666px}
            }
            @media screen and (min-width:3200px){html{font-size:33.33333px}
            }
            @media screen and (min-width:3840px){html{font-size:40px}
            }
            
 
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 4rem; height: 4rem; margin-top: -2.5rem;border: 0; outline: none;cursor: pointer;transition:.8s;}
.banner .slick-prev {left: 1.5%; background:url(images/lefts.png) no-repeat center center/4rem 4rem;opacity: 0;}
.banner .slick-next {right: 1.5%;background:url(images/rights.png) no-repeat center center/4rem 4rem;opacity: 0;}
.banner:hover .slick-prev { left: 3.5%; opacity: 1; }
.banner:hover .slick-next { right: 3.5%; opacity: 1; }
.slick-dots {position: absolute;left:5%; font-size:0;bottom:2rem;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 4px;height: 0.15rem; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 5rem;height: 0.15rem;border-radius: 3px; display: inline-block;outline: none;background: rgba(255,255,255,0.7); transition: .5s;}
.slick-dots .slick-active button {background: #04683a;}
.ban_video{width: 2.6rem;height: 2.6rem;display: block;position: absolute;right: 8.3%;bottom: 3.5rem;z-index: 5;}
.ban_video img{width: 2.6rem;height: 2.6rem;}


.search{width: 100%;height: 4rem;background: linear-gradient(to right, #f4f4f4 0%, #fff 100%);overflow: hidden;}
.search p{width: 62.5%; float:left;font-size: 0.8rem;color:#282828; height:4rem; line-height:4rem; overflow:hidden;}
.search p a{ color:#666; padding:0 0.5rem 0 0;}
.search p a:hover{color: #333;}
.search .ser_inp{width:18%; height:2.5rem;padding-left: 1rem;background: none; float:right; font-family:"Microsoft YaHei";font-size: 0.8rem; color:#757575; line-height:2.5rem; outline:none;margin-top: 0.7rem;border: #e8e8e8 0.05rem solid;border-right: none;box-sizing: border-box;border-radius:3rem 0 0 3rem;}
.search .ser_so{cursor: pointer; float:right; background:#04683a url(images/s_so.gif) no-repeat center center/1rem 1rem; border:none; width:3rem; height:2.5rem;margin-top: 0.7rem;border-radius:0 3rem 3rem 0;}
input::-webkit-input-placeholder {color: #757575;}


.f_bg{ background:url(images/f_bg.jpg) no-repeat center 0/100% 34.9rem; height:34.9rem;overflow: hidden;position: relative;z-index: 1;}
.f_bg:before{content: "";width: 100%;height: 1px;position: absolute;top: 7.1rem;left: 0;background: rgba(255,255,255,0.1);}
.f_bg:after{content: "";width: 83.33%;height: 0.1rem;position: absolute;bottom: 4.5rem;left: 8.3%;background: rgba(255,255,255,0.1);}
.footer{width: 83.33%; margin:0 auto;}
.foot_top{width: 100%;height: 7.1rem;display: flex;align-items: center;justify-content: space-between;}
.foot_top h3{width: 13%;line-height: 0;}
.foot_top h3 img{display: block;width: 100%;}
.foot_top p{line-height: 2rem;font-size: 0.8rem;color: #fff;text-align: right;}
.foot_top p b{display: block;font-size: 1.5rem;}
.f_nav{height: 20.8rem;padding-top: 2.5rem;width: 75%;}
.f_ul01 li{height: 20.8rem;float: left;width: 19%;}
.f_ul01 li a,.f_top{font-size: 0.9rem;color: #fff;font-weight: bold;display: block;height: 2.8rem;line-height: 2.8rem;width: 100%;margin-bottom: 1rem;}
.f_ul01 .f_ul02 li{width: 100%;height: 1.6rem;line-height: 1.6rem;}
.f_ul01 .f_ul02 li a{height: 1.6rem;line-height: 1.6rem;font-size: 0.8rem;color: rgba(255,255,255,0.8);margin-bottom: 0;font-weight: normal;}
.f_nav ul .f_li01{width: 24%;}
.f_ul01 .f_ul02 li a:hover{color: #fff;}
.f_nav ul li a:hover{text-decoration: underline;}
.f_right{width: 24%;height: 20.8rem;padding-top: 2.5rem;}
.f_ban{width: 100%;text-align: right;padding-bottom: 1rem;}
.f_ban p{font-size: 0.8rem;color: rgba(255,255,255,0.8);line-height: 1.6rem;}
.f_ban a{color: rgba(255,255,255,0.8);}
.f_code{margin-left: 17%;width: 83%;display: flex;justify-content: space-between;}
.f_code p{line-height: 0;position: relative;}
.f_code p i{width: 2.3rem;height: 2.3rem;display: block;cursor: pointer;line-height: 0;overflow: hidden;border-radius: 50%;}
.f_code p i img{width: 2.3rem;height: 2.3rem;}
.f_code p em{width: 5rem;height: 5rem;display: none;position: absolute;top: 3rem;left: calc(50% - 2.7rem);border-radius: 0.3rem;background: #fff;border: #fff 0.2rem solid;}
.f_code p em:before{content: "";width: 0;height: 0;position: absolute;top: -0.6rem;left: calc(50% - 0.6rem);border-bottom:0.6rem solid #fff; 
border-left:0.6rem solid transparent;
border-right:0.6rem solid transparent;
}
.f_code p em img{width: 5rem;height: 5rem;}
.f_code p.cur em{display: block;animation: flipInY 1s;}
.f_bot{width: 100%;height: 4.5rem;line-height: 4.5rem;font-size: 0.8rem;color: rgba(255,255,255,0.8);}
.f_bot span{padding: 0 0.5rem;}
.f_bot a{color: rgba(255,255,255,0.8);}
  

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