
        i,em{font-style: normal;}
        .topWrap {background:#fff;font-family: "Microsoft Yahei"; position: relative;height: 187px;}
        .topWrap::before{content: ""; width:22.55%;height:100%;background: #214f81;position: absolute; top:0;left:0px;z-index: 1;}
        .header{ width: 1400px; margin:0 auto;position: relative;}
        .hd-con { height:124px;box-sizing: border-box;width: 82.5%;float: right;padding-top: 25px;}
        .hd-logo { width: 128px;max-height:128px;  overflow: hidden; box-sizing: border-box; float: left;position: absolute;left:0;top:25px; z-index: 2;}
        .hd-logo img { width: 100%; display: block; }
        .hd-txt {font-size: 24px;position: relative; color: #333333;text-align: left; line-height:34px;font-weight: normal;float: left;}
        .hd-txt b{color: #333333;display: block;font-size: 28px; font-weight: bold;}
        .hd-tel{margin-top:5px; padding-left:60px; background: url(images/tel.png) no-repeat left center; float: right; box-sizing:border-box;overflow: hidden; color: #333333;font:30px "Arial";  font-weight: normal; line-height: 30px;}
        .hd-tel i{ display: block;color: #333333; font-size: 16px;}
        .menu{ height: 62px;border-top: 1px solid #eaeaea;position: relative;clear: both;}
        .menu ul{width:  82.5%;float: right;;}
        .menu li { float: left;font-size: 16px;font-weight: normal; position: relative;margin-right: 56px;}
        .menu li a { text-decoration: none; height: 62px;line-height: 62px;display: block; position: relative;z-index: 2; color: #666666;box-sizing: border-box; }
        .menu li a::before{content: ""; width:0px;height:14px;background: #214f81;position: absolute; top:25px;right:0px;}
        .menu li a::after{content: ""; width: 0%;height:3px;background: #214f81;position: absolute; bottom:0;left:50%;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: -1;}
        .menu li:hover a:after,.menu li.cur a:after{width:100%;color: #214f81;}
        .menu li:hover a:before,.menu li.cur a:before{width:0;}
        .menu li a:hover, .menu .cur a { text-decoration: none;  color: #214f81;font-weight: bold; }
        .menu li:last-child{margin-right: 0;}
        
       .menu li .submenu { position: absolute; left: 50%; top: 100%; transform: translateX(-50%);  display: none; z-index: 99 ;padding-top: 12px !important;}
.menu li .submenu p{
    background: rgba(255, 255, 255, .95); padding:6px 21px;border-radius:10px; position: relative;
}
.menu li .submenu p:before { position: absolute; content: ""; border-width: 9px 8px; border-style: solid; border-color: transparent transparent rgba(255,255,255,.95); top: -18px; left: 50%; margin-left: -8px }
.menu li .submenu a { transition: all .4s ease; display: block; font-weight: 500; padding: 0 17px 0 32px; font-size: 16px; line-height: 48px; color: #333; line-height: 54px; white-space: nowrap; position: relative;border-bottom:1px dotted #B5B5B5; text-align:left;}
.menu li .submenu a:last-child { border-bottom: 0 }
.menu li .submenu a:before { position: absolute; content: ""; width:4px;
height:4px;
border:2px solid rgba(125,125,125,1);
border-radius:50%; top: 23px; left: 13px; transition: ease .4s; -o-transition: ease .4s; }
.menu li .submenu a:hover { color: #1c4499;font-weight:bold; }
.menu li .submenu a:hover:before { border-color: #1c4499;}

        @media screen and (max-width:1680px) {
             .topWrap::before{width:18%;}
            .header{width: 1200px;}
            .menu li{ margin-right: 36px;}
            
          }  
    

        .search{height:67px;background:#fff;overflow: hidden;font-size: 14px;font-family:"Microsoft Yahei";padding-top: 8px;box-sizing: border-box;border-bottom: 1px solid #f7f7f7;}
        .keywords{ font-weight: normal;line-height: 48px; overflow: hidden; float: left;}
        .keywords b{height:48px; display: inline-block; color: #666666; font-weight: bold; font-size:14px;padding-left: 25px;background:url(images/hot.jpg) no-repeat left center; }
        .keywords a{color: #666666;line-height:48px;padding:0 10px; font-size: 15px;}
        .sea{overflow: hidden; float: right;margin-top:0px; background: url(images/ss.png) no-repeat;height:46px;width:409px; }
        .inp01{border-style: none;  float:left;color: #939393; width:360px; height: 46px;font-family:"Microsoft Yahei"; font-size: 14px; background:none;  line-height: 46px;box-sizing: border-box;padding-left: 10px;}
        .inp02{border-style: none;cursor: pointer;height:46px;width:46px; display: inline-block; color: #fff;background: none;}
    

            .footWrap{background:url(images/ftbg.jpg) no-repeat center top;height:574px;font-family:"Microsoft Yahei";padding-top:65px;box-sizing: border-box;color:rgba(255, 255, 255, 0.7); line-height:36px;}
            .footWrap h3{color: #ffffff;height: 52px; font-size: 18px;font-weight: normal;}
            .footWrap h3 a{color:#fff;}
            .footer{width:1400px;margin: 0 auto; }
            .footer em{padding:0 10px; }
            .ft-nav{width:277px; float: left;position: relative;height: 410px;}
            .ft-nav p a{display: block;width: 100%; font-size:14px;color:rgba(255, 255, 255, 0.7); line-height:36px; height: 36px; text-decoration: none;}
            .ft-nav p a:hover{font-weight: bold;color: #fbd7a3;}
            .ft-nav3,.ft-nav4{width:270px;}
            .ft-contact{width: 296px; float: right;height: 380px;}
            .ftcontact p{font-size: 14px;color:rgba(255, 255, 255, 0.7);  line-height: 32px;clear: both;overflow: hidden;}
            .fttel{margin-bottom: 15px;}
            .ftcontact p b{font-size:36px;color: #fbd7a3;font-weight: normal;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
            .ftcontact p span{display: block;}
            .ftcontact p .i1{display: block;float: left;width: 50px;}
            .ftcontact p .i2{display: block;float: left;width: 80%;}
            .ftcontact p a{color:rgba(255, 255, 255, 0.7);}
            .fbeian{line-height: 30px;color: rgba(255, 255, 255, 0.6);font-size: 14px;text-align: center;border-top:1px solid rgba(255, 255, 255, 0.13);padding-top:20px;}
            .fbeian a{color: rgba(255, 255, 255, 0.6);}
            @media screen and (max-width:1680px) {
              .footer{width:1200px; }
              .ft-nav{width:225px;}
            }
    
      

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 60%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#214f81 url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#214f81 url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#214f81 url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#214f81 url(images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#214f81 url(images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#214f81 url(images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#214f81 url(images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }
    
