
        i,em{font-style:normal;}
		.content{width:1200px;margin:0 auto;}
        .head{height:164px;background:#FFF;}
        .head .hea-top{width: 75.3%; height:104px;margin:0 auto;}
        .head .hea-top .logo{width:50%; height:104px; float:left;padding-top:26px; box-sizing: border-box;}
        .head .hea-top .logo .t_logo{width:235px; height:56px; float:left; line-height: 0; overflow: hidden;margin-right: 25px;}
        .head .hea-top .logo .t_logo img{width:100%;}
        .head .hea-top .logo h2{float:left; padding-left:34px; background:url(../images/hea-xt.png) no-repeat left;}
        .head .hea-top .logo h2 span{display: block; height:29px; line-height: 29px;font-size: 20px; color:#231815; font-weight: normal;}
        .head .hea-top .logo h2 em{display: block;height:29px; line-height: 29px;font-size: 19px;color:#231815;font-weight: bold;}
        .head .hea-top .hea-tel{float:right;padding-top:26px;}
        .head .hea-top .hea-tel span{display: inline-block;height:55px; line-height: 55px; padding-left:37px;font-size: 27px; color:#333333; font-family: "Arial"; font-weight: bold;}
        .head .hea-top .hea-tel span.tel1{background:url(../images/hea-tel1.png) no-repeat left; margin-right: 70px;}
        .head .hea-top .hea-tel span.tel2{background:url(../images/hea-tel2.png) no-repeat left;}
        .head .menu{height:60px; background: url(../images/hea-navbj.jpg) no-repeat center;}
        .head .menu .nav{width: 75.3%; height:60px;margin:0 auto;}
        .head .menu .nav li{width:11.7%;height:60px; float:left; text-align: center; position: relative; line-height: 0;}
        .head .menu .nav li:first-child{width:6%;}
        .head .menu .nav li a{display: block;height:60px;line-height: 60px;font-size: 16px; color:#333333; position: relative;padding: 0}
        .head .menu .nav li a:before{width:1px; height:10px; background:#dedede; content:""; position: absolute; right:0;top:27px;}
        .head .menu .nav li:last-child a:before{display: none;}
        .head .menu .nav li i{display: inline-block; width:0; height:1px;background: #E60012;margin:-1px auto 0; transition: .5s; vertical-align: bottom;}
        .head .menu .nav li:hover a,.head .menu .nav li.cur a{font-size: 16px; color:#e60012; font-weight: bold;font-family: "思源黑体 CN";background: none}
        .head .menu .nav li:hover i,.head .menu .nav li.cur i{width:36px;}
        @media screen and  (min-width:760px) and (max-width:1680px){
            .head .hea-top,.head .menu .nav{width:93.3%;}
        }
    

 .banner{position:relative;overflow:hidden;}
        .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 {display: none !important;outline: none;position: absolute; top:50%; width: 52px; height: 52px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_prev.png) no-repeat;left: 5%; opacity: 0;cursor: pointer;}
        .banner .slick-next {display: none !important;outline: none;position: absolute; top:50%; width: 52px; height: 52px; z-index: 9; text-align: center; margin-top: -40px;transition:.8s;background:url(../images/c_next.png) no-repeat;right: 5%; opacity: 0;cursor: pointer;}
        .banner:hover .slick-prev { left: 10%; opacity: 1; }
        .banner:hover .slick-next { right: 10%; opacity: 1; }
        .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;display: none !important}
        .slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
        .slick-dots li button {display: block;border: 0 none;width: 41px;height: 4px;background:url(../images/ban-dd.png) no-repeat center; transition: .5s;}
        .slick-dots .slick-active button {background:url(../images/ban-dd_h.png) no-repeat center;}



        .footer{height:496px; background:#232324;border-top:8px solid #003171;}
        .ft-top{padding-top:48px;height:407px;border-bottom:1px solid rgba(255,255,255,0.04); box-sizing: border-box;}
        .ft-top .ft-left{width:278px; height:314px;border-right:1px solid rgba(255,255,255,0.04);}
        .ft-top .ft-left h2{width:184px; height:44px;margin-top: 20px; line-height: 0; overflow: hidden; margin-bottom: 30px;}
        .ft-top .ft-left h2 img{width:100%;}
        .ft-top .ft-left .ft-code span{display: block; height:88px; margin-bottom:26px; }
        .ft-top .ft-left .ft-code span i{display: block; width:88px;height:88px; float:left; line-height: 0; overflow: hidden;}
        .ft-top .ft-left .ft-code span i img{width: 100%;}
        .ft-top .ft-left .ft-code span em{display: block; width:36px; padding:6px 10px 0; box-sizing: border-box;float:left; font-size: 14px; color:rgba(255,255,255,0.53); line-height:14px;}
        .ft-top .ft-cen{width:364px;height:314px;border-right:1px solid rgba(255,255,255,0.04);padding:25px 63px 0 75px; box-sizing: border-box;}
        .ft-top .ft-cen h4{height:54px; line-height: 54px;display: inline-block; border-bottom:1px solid rgba(255,255,255,0.05); font-size: 18px; color:#cfcfcf; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 16px;}
        .ft-top .ft-cen ul{width:100%;}
        .ft-top .ft-cen ul li{margin-bottom:8px; }
        .ft-top .ft-cen ul li span{display: block; height:24px; line-height: 24px;font-size: 14px; color:rgba(255,255,255,0.2);}
        .ft-top .ft-cen ul li p{height:23px; line-height: 23px;font-size: 14px; color:rgba(255,255,255,0.39);}
        .ft-top .ft-nav{width:556px;padding:25px 0 0 75px; box-sizing: border-box;}
        .ft-top .ft-nav h4{height:54px; line-height: 54px;display: inline-block; border-bottom:1px solid rgba(255,255,255,0.05); font-size: 18px; color:#cfcfcf; font-weight: bold; font-family: "思源黑体 CN"; margin-bottom: 6px;}
        .ft-top .ft-nav ul li{float:left;width:215px;height:47px; line-height: 47px;}
        .ft-top .ft-nav ul li a{font-size: 16px; color:rgba(255,255,255,0.3);display: block;background:url(../images/ft-jt.png) no-repeat right;}
        .ft-top .ft-nav ul li:nth-child(2n){float:right;}
        .ft-bot{height:88px;}
        .ft-bot span{display: block; height:88px; float:left;}
        .ft-bot span em{display: inline-block; height:88px; line-height: 88px;font-size: 14px; color:rgba(255,255,255,0.39); margin-right: 10px;}
        .ft-bot span em a{font-size: 14px; color:rgba(255,255,255,0.39);}
        .ft-bot span em.ba a{padding-left:25px; background:url(../images/7751ef9a-c6f9-4795-a037-d6173a158f0a.png) no-repeat 0 center;}
        .ft-bot strong{float:right; height:88px;}
        .ft-bot strong i{display: block; height:88px; line-height: 88px; float:left;font-size: 14px; color:rgba(255,255,255,0.39); font-weight: normal; }
        .ft-bot strong a{display: block; height:88px;line-height: 88px;float:left;font-size: 14px; color:rgba(255,255,255,0.39);  margin-right: 15px; font-weight: normal;}
        .ft-bot strong a:last-child{margin-right: 0;}
    

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

        .main-view {
  width: 96%;
  max-width: 1400px;
  display: block;
  margin: 0 auto;
}
.main-view.w1400 {
  width: 100%;
/*  padding: 0 2%;*/
}

.flex {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
}


        header {
  position: absolute;
  z-index: 95;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  /* background-color: #ffffff; */
  transition: 0.5s all;
}

header .main-view {
  align-items: center;
  position: relative;
  z-index: 20;
}

.logo {
  display: block;
  width: 16.8%;
  position: relative;
}
.logo a {
  display: block;
  position: relative;
}
.logo a:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  visibility: hidden;
}
.logo img {
  display: block;
  max-width: 100%;
  max-height: 85px;
  object-fit: contain;
  transition: 0.5s all;
}
header.scroll .logo img {
  max-height: 72px;
}
.logo a:nth-child(2) {
  visibility: hidden;
  z-index: -1;
}
.scroll .logo a:first-child {
  visibility: hidden;
  z-index: -1;
}
.scroll .logo a:nth-child(2) {
  z-index: 1;
  visibility: visible;
}
.show .logo a:first-child {
  z-index: 1;
  visibility: visible;
}
.show .logo a:nth-child(2) {
  visibility: hidden;
  z-index: -1;
}


nav {
  width: 83.2%;
  margin-left: auto;
}
.x-menu {
  justify-content: flex-end;
  align-items: center;
}
.x-menu>li {
  margin-right: 5.5%;
  position: relative;
}
.x-menu>li.produtnav {
  position: static;
}
.x-menu>li:last-child {
  margin-right: 0;
}
.x-menu>li>a {
  font-size: 17px;
    font-weight: bold;
    line-height: 100px;
    letter-spacing: 0px;
    /* color: #333333; */
    color: #ffffff;
  transition: 0.5s all;
}
header .x-menu>li:hover>a{
  color: #c00000;
}
header.scroll .x-menu>li>a {
  line-height: 80px;
  color: #c00000;
}
header.show .x-menu>li>a {
  color: #ffffff;
}
header.show .main-view:hover .x-menu>li>a {
    color: #fff;
}

.x-menu > li:hover > a {
    color: #c00000;
}
.x-menu > li.active > a {
}

.x-sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  background-color: #ffffff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  width: 150px;
  transform: translateX(-50%);
  display: none;
  padding: 5px 0;
}
.x-sub-menu>li {}
.x-sub-menu>li>a {
  display: block;
  font-size: 15px;
  line-height: 2.4;
  font-weight: normal;
  color: #333333;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.2em 1em;
}
.x-sub-menu>li:hover>a {
  color: #c00000;
}

.x-menu > li .x-sub-menux {
  display: none;
}

.product_nav_ul {
  position: fixed;
  left: 0;
  top: 94px;
  width: 100%;
  z-index: 10;
  pointer-events: none;
  transition: 0.5s all;
}
header.scroll .product_nav_ul {
  top: 80px;
}

.main-cont {
    max-width: 1920px;
    margin: 0 auto;
}
}
    
