﻿
        .topWrap{height:137px;overflow:hidden;font-family:"Microsoft Yahei";}
        .header{width:1200px;margin: 0 auto;height: 100%;display: flex;align-items: center;}
      
        .twz {height:33px; color:#666; line-height: 30px; font-size: 12px;}
        .twz a{ display: inline-block; color:#666;padding:0 10px;}
        .h_nr{height:144px; overflow:hidden;}
        .logo{width:358px;height:68px; overflow:hidden;}
        .logo img{width:358px;height:68px;}
        .h_nr h2{width:250px; float: left;padding:10px 0 0 13px;font-size: 22px; color:#e8ae25; line-height: 28px;}
        .h_nr h2 span{ display: block; font-size: 18px; color:#131313;font-weight: normal;}
        .h_nr p{float: right;width:190px; overflow: hidden;background:url(../images/tel.gif) no-repeat 0 0; color:#301d17;font-size: 16px;margin-top: 8px;padding-left: 68px;}
        .h_nr p b{font:bold 24px/30px "Arial"; color:#e8ae25;display: block;}
        .h_nr i{ display: block;float: right;width:49px; height:49px; margin-top: 10px; overflow: hidden;}
        .h_nr i img{width:49px; height:49px;}
        .nav{overflow:hidden;height:56px;display: flex;margin-left: 90px;margin-top:28px;}
        /*.nav1 li{ display: flex; }
        .nav1 li a{color: #333;font-size:15px;height:56px;padding:0 30px;line-height: 56px}
        .nav1 li a:hover,.nav .cur a{text-decoration:none;background:#e8ae25; color:#cf3230;font-weight: bold;}*/
            
            .productImg{
                text-align: center;
            }
            /*首页选项卡*/
            .tabBox{
                margin-top: 65px;
            }
            .tabBox .tabList{
                display: flex;
                justify-content:center;
            }
            .tabBox .tabList li{
                margin-right: 18px;
                width:200px;
                height: 45px;
                line-height: 45px;
                text-align: center;
                background-color: #797979;
                color: #fff;
                cursor: pointer;
            }
            .tabBox .tabList li:last-child{
                margin-right: 0px;
            }
            .tabBox .tabList li.active{
                background-color: #469de8;
            }

            .productClass{
                height: 281px;
                margin-top: 60px;
                position: relative;
                display: none;
            }
            .productClass.show{
                display: block;
            }

            .productClass .productList{
                display: flex;
                width: 100%;
                height: 100%;
            }
            .order1{
                order: 1;
            }
            .order2{
                order: 2;
            }
            .order3{
                order: 3;
            }
            .productClass .productList li.active{
                opacity: 1;
                
            }
            .productClass .productList li.active img{
                transform: scale(1.2);
            }
            .productClass .productList li{
                opacity: 0.3;
                
                flex:1;
            }
            .productClass .productList li a{
                display: inline-block;
                width: 100%;
                height: 100%;
                text-align: center;
            }
            .productClass .productList li a img{
                max-width: 100%;
                transform: scale(0.8);
            }
            .arrowLeft,.arrowRight{
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                cursor: pointer;
                z-index: 1;
            }
            .arrowLeft{
                left: 330px;
            }
            .arrowRight{
                right: 285px;
            }
            /*banner*/
            
            .fullSlide {
                min-width: 1000px;
                position: relative;
                height: 562px;
                overflow: hidden;
            }
            
            .fullSlide .bd {
                position: relative;
                z-index: 0;
            }
            
            .fullSlide .bd ul {
                width: 100% !important;
            }
            
            .fullSlide .bd li {
                width: 100% !important;
                height: 562px;
                overflow: hidden;
                text-align: center;
            }
            
            .fullSlide .bd li a {
                display: block;
                height: 562px;
            }
            
            .fullSlide .hd {
                width: 1200px;
                left: 50%;
                margin-left: -600px;
                bottom: 15px;
                position: absolute;
                z-index: 1;
                bottom: 15px;
                overflow: hidden;
            }
            
            .fullSlide .hd ul {
                margin-left: 500px;
            }
            
            .fullSlide .hd ul li {
                float: left;
                margin: 0 5px;
                display: inline;
                cursor: pointer;
            }
            
            .fullSlide .hd ul li {
                width: 62px;
                height: 12px;
                background: #e8ae25;
            }
            
            .fullSlide .hd ul .on {
                background: #cf3230;
            }
        

            .s_bj{height: 72px;border-bottom: 1px solid #e5e5e5; overflow:hidden;font-family:"Microsoft Yahei";}
            .search{width:1200px;margin: 0 auto; overflow: hidden;}
            .s_inp01{width:415px;padding-top:18px;}
            .inp01{width:298px;height:36px;line-height:36px;background:url(../images/s.gif) no-repeat;border:0;color:#9b9b9b;font-size:14px;padding-left:10px; float: left;font-family:"Microsoft Yahei";}
            .inp02{background:url(../images/ss.gif) no-repeat;width:105px;height:36px;border:0; float: left;}
            .search p{width:700px;color:#333;line-height:69px;font-size:14px; overflow: hidden;}
            .search p a{color:#333;padding:0 8px;}
        

        /*表单弹框*/
.nsw-modal {
  width: 100vw;
  height: 100vh;
  background: rgba(225, 225, 225, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }

.modal-dialog {
  position: absolute;
  color:#000000;
  top: 150px;
  width: 400px;
  border-radius: 3px;
  min-height: 155px;
  overflow: hidden;
  z-index: 99998;
  margin-left: -200px;
  left: 50%; }
  .modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); }
  .modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; }
    .modal-dialog .modal-head .modal-logo {
      width: 15px;
      height: 15px;
      background-position: 1px 0px;
      margin: 8px 5px 0 0;
      float: left; }
    .modal-dialog .modal-head .close {
      float: right;
      width: 15px;
      height: 15px;
      background-position: -14px 0px;
      margin-top: 8px; }
  .modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; }
    .modal-dialog .modal-body .modal-body-left {
      width: 140px;
      float: left; }
      .modal-dialog .modal-body .modal-body-left .icon {
        width: 64px;
        height: 64px;
        margin: 30px 0 0 48px; }
      .modal-dialog .modal-body .modal-body-left .success-message {
        background-position: 0px -14px; }
      .modal-dialog .modal-body .modal-body-left .warming-message {
        background-position: 0px -78px; }
    .modal-dialog .modal-body .modal-body-right {
      width: 260px;
      float: right;
      padding-top: 20px; }
      .modal-dialog .modal-body .modal-body-right .close-btn {
        color: #000;
        text-align: center;
        width: 90px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #818079; }
      .modal-dialog .modal-body .modal-body-right p {
        line-height: 30px; }
    

            .footWrap{background:#e6e6e6;height:321px;overflow:hidden;font-family:"Microsoft Yahei";}
            .footer{height:280px;width:1200px;margin: 0 auto; overflow:hidden;}
            .footer dl{width:337px; overflow: hidden;padding-top: 65px;}
            .footer dt{width:337px; height: 70px; overflow: hidden;}
            .footer dt img{width:280px; height: 70px; }
            .footer dd{margin-top: 13px; height: 190px; overflow: hidden;}
            .footerText{
                display: flex;
                margin-top: 35px;
            }
            .footerText div{
                margin-right: 80px;
            }
            .footerText p{
                font-size: 14px;
                color: #333;
                line-height: 42px;
            }
            .footerText p i{
                font-size: 18px;

            }
            .footerText div img{
                margin-right: 15px;
            }
            .footer dd p{width:132px; height:132px;background:url(../images/code_bj.jpg) no-repeat center 0;float: left;margin-right: 14px;}
            .footer dd p img{width:88px; height:88px;border:6px solid #fff;margin:15px;}
            .footer dd p span{display: block;text-align: center; color:#fff;padding-top: 10px;}
            .fwz{background-color: #797979;margin: 0 auto; height: 41px; line-height: 41px; color:#fff;overflow: hidden;}
            .fwz div{
                width: 1200px;
                margin: 0 auto;
            }
            .fwz a{ color:#fff;}
            .fwz em{ display: inline-block;padding:0 10px;}
            .contact{width:400px;padding:80px 0 0 60px; overflow:hidden; float: left;}
            .contact h2 ,.fpro h2 , .fnav h2{font-size: 16px; height:45px; overflow: hidden; line-height: 20px;}
            .contact h2 a ,.fpro h2 a, .fnav h2 a{color:#777777;}
            .contact h2 i ,.fpro h2 i, .fnav h2 i{font-weight:normal;font-size: 12px;color:#fff;text-transform: uppercase;font-style: normal;display: block; font-family: "Arial";}
            .contact p{padding-top:20px;font-size:14px;color:#fff;line-height: 30px;}
            .fpro , .fnav {width:195px;padding:80px 0 0 0; overflow:hidden; float: left;}
            .fpro p {padding-top: 15px;}
            .fpro p a,.fnav p a{display: block;font-size:14px;color:#fff;line-height: 30px;}
            .fnav h2{margin-bottom: 12px;}
            .fnav ul li{font-size:14px;color:#fff;line-height: 30px;}
            .fnav li a{ color:#fff;}
        

        .client-2 {
            position: fixed;
            right: 0px;
            top: 50%;
            z-index: 9999;
        } 
.client-2 ul {
            width: 77px;
        } 
.client-2 li a {
            text-decoration: none;
        } 
.client-2 li {
            background: #1e1e1e;
            margin-top: 1px;
            padding: 9px 0;
            height: 56px;
            width: 77px;
        } 
.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;
            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;
            background-color:#1e1e1e;
        } 
.client-2 .my-kefu-ftop i {
            width: 33px;
            height: 35px;
            background-position: -27px -51px;
        } 
.client-2 .my-kefu-left {
            float: left;
            width: 77px;
            height: 47px;
            position: relative;
        } 
.client-2 .my-kefu-tel-right {
            font-size: 20px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding-left: 15px;
            border-left: 1px solid #fff;
            margin-top: 8px;
        } 
.client-2 .my-kefu-right {
            width: 20px;
        } 
.client-2 .my-kefu-tel-main {
            color: #fff;
            margin-top: 9px;
            height: 47px;
            width: 247px;
        } 
.client-2 .my-kefu-main {
            width: 97px;
            position: relative;
        } 
.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;}
    
