.top_bg{ height:6.2rem; background:rgba(0,0,0,0.9); position: relative;z-index: 30;width: 100%;}
.h_tel{font-size: 1rem;color: #fff; background:url(../images/tel.png) no-repeat 0 50%;padding: 0 0 0 0rem;height: 6.2rem;line-height:6.2rem;overflow: hidden;width: 15.5%;margin-left: 6%;font-weight: bold;}
.h_con{width: 55.5%;}
.logo{width: 48.3%; padding: 1rem 0 0;line-height: 0;margin: 0 auto;height: 2.2rem;}
.logo img{display: block;width: 100%;}
.h_nav{width: 68%;margin: 0 auto;}
.h_nav li{ float:left;height: 2.5rem;line-height: 2.5rem;}
.h_nav li a{ font-size:0.7rem; color:#fff;display:block; float:left; padding:0 0.8rem;height: 2.5rem;}
.h_nav li a:hover,.h_nav li.cur a{ background:url(../images/nav_line.gif) no-repeat center bottom;}

.content{width:1200px;margin:0 auto;}
.pro_nav{display: none;position: absolute;width: 100%;left: 0;top: 7.2rem;background: #fff;z-index: 10;height: 16rem;overflow: hidden;}
.n_pic{width: 259px;height: 321px;float: left;}
.n01{width: 200px;float: left;padding: 1.7rem 0 0 50px;border-right: #e8e8e8 1px solid;height: 14.3rem;}
.top_bg .h_nav .n01 a{width: 180px;}
.top_bg .h_nav .n01 a,.top_bg .h_nav .n02 a{height: 32px;line-height: 32px;overflow: hidden;font-size: 14px;color: #202428;padding: 0;font-weight: normal;}
.n02{width: 200px;float: left;padding: 1.7rem 0 0 50px;border-right: #e8e8e8 1px solid;height: 14.3rem;}
.h_nav .n02 a{width: 110px;}
.n03{width: 400px;float: left;padding: 2rem 0 0 40px;border-right: #e8e8e8 1px solid;height: 14rem;}
.n03 span{width: 132px;float: left;line-height: 50px;overflow: hidden;height: 90px;display: block;}
.n03 span em{width: 50px;height: 50px;display: block;float: left;line-height: 0;padding-right: 10px;}
.n03 span em img{width: 50px;height: 50px;}
.n03 span a{font-size: 14px;color: #202428;padding: 0;height: 90px;}
.h_nav li.cur .n01 a,.h_nav li.cur .n02 a,.h_nav li.cur .n03 span a{color: #202428; background:none;}
.top_bg .h_nav .n01 a:hover,.top_bg .h_nav .n02 a:hover,.top_bg .n03 span a:hover{color: #d5c098;background: none;}

.h_so{width: 0%;display: none;}
.h_lx{width: 20px;height: 20px;display: block;padding: 2rem 0 0 2rem;}
.h_lx img{display:none;width: 20px;height: 20px;}
.h_so .isear{ left:0;position: absolute;top: 2rem;width:21px;height:21px;z-index: 20;}
.h_so .isear .icon{display:block;width:21px;height:21px;cursor:pointer;}
.h_so .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.h_so .isearch{position:absolute;right:-28px;top: 65px;padding:5px;background-color:#f3f3f3;width:295px;height:30px;border-radius:5px;opacity:0;visibility:hidden;z-index:5;transform-origin:100% 0;-webkit-transform-origin:100% 0;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all .5s;transition:all .5s;}
.h_so .isearch .ser_inp{font-size:14px;display:block;float:left;width:204px;height:16px;line-height:16px;padding:7px 10px;border-top-left-radius:4px;border-bottom-left-radius:4px;position:relative; border:none;}
.h_so .isearch .ser_so{cursor:pointer;display:block;float:left;width:70px;height:30px;line-height:30px;text-align:center;font-size:12px;background-color:#333;border-top-right-radius:4px;border-bottom-right-radius:4px;position:relative;color:#fff; border:none;}
.h_so .isearch:before{content:'';position:absolute;display:block;border:5px solid transparent;border-right:7px solid #333;z-index:3;right:75px;top:16px;}
.h_so .isear.open .isearch{opacity:1;visibility:visible;-webkit-transform:scale(1,1);transform:scale(1,1);}
.h_so .isear .icon:hover{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
input::-webkit-input-placeholder {color: #666;}

.btm{ height:3rem; background:rgba(0,0,0,0.7);}
.btm .h_tel{height: 3rem;line-height: 3rem;}
.btm .logo{padding: 0.9rem 0 0;margin: 0 2rem 0 0; float: left; width: 20.8%;}
.btm .h_nav{margin: 0;float: left;}
.btm .h_nav li{height: 3rem;line-height: 3rem;}
.btm .h_nav li a{height: 3rem;}
.btm .h_nav li .erji{ top:3rem;}
.btm .h_lx{padding: 1rem 0 0 2rem;}
.btm .h_so .isear{top: 1rem;}
.btm .h_so .isearch{top: 40px;}
.btm .pro_nav{top: 3rem;}

em,i{ font-style:normal;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}

@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}


        /*banner*/
        .fullSlide{ min-width:1200px; position:relative;  height:760px;margin-top: -144px;}
        .fullSlide .bd{ position:relative; z-index:0; }
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:760px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:760px; }
.fullSlide .bd li img {width: 1920px;height: 760px;display: block;position: absolute;top: 0;left: 50%;margin-left: -960px;}
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:35px; position:absolute; z-index:1;overflow:hidden;}
        .fullSlide .hd ul{margin-left:400px;}
        .fullSlide .hd ul li{ float:left;width: 134px; cursor:pointer;position: relative;height: 80px;}
		.fullSlide .hd ul li em{display: none; background:url(../images/ban_k.png) no-repeat;width: 100px;height: 60px;padding: 2px;position: absolute;top: 0;left: 0;}
		.fullSlide .hd ul li img{width: 100px;height: 50px;}
        .fullSlide .hd ul li b{display: none;width: 104px;height: 52px;text-align: center;line-height: 52px;font-size: 26px;color: #fff;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.3);}
		.fullSlide .hd ul li span{width: 132px;height: 2px;background: #e2eaf4;display: block;position: absolute;bottom: 0;left: 0;}
		.fullSlide .hd ul li.on em,.fullSlide .hd ul li.on b{display: block;}
		.fullSlide .hd ul li.on span{background: #d5c098;}
      

.f_bg{ background:url(../images/f_bg.gif) repeat-x; height:460px;}
.footer{width: 1200px; margin:0 auto;}
.f_tel{height: 73px;line-height: 73px;overflow: hidden;width: 95%; margin: 0 auto;}
.f_tel p{float: left;overflow: hidden;font-size: 14px;color: #333;height: 73px;position: relative;}
.f_tel p:before{content: "";width: 3px;height: 44px;background: #1d1d1f;position: absolute;top: 15px;right: 0;}
.f_tel .f_p01{ background:url(../images/f_ico01.png) no-repeat 0 26px;width: 390px;padding-left: 30px;}
.f_tel .f_p02{ background: url(../images/f_ico02.png) no-repeat 80px 22px;width: 265px;padding-left: 115px;}
.f_tel .f_p03{ background:url(../images/f_ico03.png) no-repeat 85px 22px;width: 185px;padding-left: 120px;}
.f_tel p.f_p03:before{background: none;}
.f_nav{height: 220px;width: 766px;padding: 40px 0 0;margin-left: 4%;}
.f_ul01 li{width: 140px;float: left;height: 220px;}

.f_ul01 li a,.f_top{font-size: 16px;color: #fff;display: block;height: 50px;line-height: 50px;width: 190px;font-weight: bold;}
.f_ul01 .f_ul02 li{height: 40px;}
.f_ul01 .f_ul02 li a{font-size: 14px;height: 30px;line-height: 50px;color: #666;font-weight: normal;}
.f_ul01 li a:hover{color: #fff;}
.f_er{width: 120px;padding: 60px 0 0;height: 190px;}
.er_p01{width: 120px;height: 140px;}
.er_p01 em{display: block;float: left;width: 25px;padding-right: 20px;}
.er_p01 em img{width: 120px;height: 120px;}
.er_p01 span{display: block;float: left;width: 40px;}
.er_p01 span img{width: 40px;height: 30px;}
.er_p02{font-size: 12px;color: #666; text-align: center;}
.er_p02 a{font-size: 12px;color: #666;padding-right: 10px;}
.er_p02 span{padding-left: 10px;}
.f_logo{height: 70px; background:url(../images/f_line03.gif) no-repeat 0 22px;padding: 10px 0 0;}
.f_logo h5{width: 220px;height: 22px;margin: 0 auto 20px;}
.f_logo h5 img{width: 220px;height: 22px;}
.f_logo p{font-size: 12px;color: #cecece;text-align: center;}
.f_logo span{padding: 0 20px;}
.f_logo a{color: #cecece;}
  

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