
        i,
        em {
            font-style: normal;
        }
        
        .topWrap {
            height: 217px;
            background: url(images/h_top-bg.gif) repeat-x center bottom;
            position: relative;
            z-index: 11;
        }
        
        .topWrap .header {
            width: 1200px;
            height: 217px;
            margin: 0 auto;
            font-family: "Microsoft YaHei";
            position: relative;
        }
        
        .topWrap h5 {
            font: 14px "Microsoft YaHei";
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            padding-top: 12px;
        }
        
        .topWrap .tb_logo {
            width: 201px;
            height: 86px;
            margin-top: 23px;
            float: left;
            background: url(images/logo_h.png) no-repeat right top;
        }
        
        .topWrap .tb_logo img {
            display: block;
            width: 176px;
            height: 60px;
        }
        
        .topWrap h3 {
            width: 400px;
            height: 84px;
            font: 22px "Microsoft Yahei";
            color: #0054a6;
            letter-spacing: 6px;
            float: left;
            padding: 20px 0 0 30px;
        }
        
        .topWrap h3 em {
            display: block;
            font: 22px "Microsoft YaHei";
            color: #333;
            padding-top: 5px;
            font-weight: bold;
            letter-spacing: 0;
        }
        
        .topWrap p {
            width: 180px;
            overflow: hidden;
            margin-top: 23px;
            float: right;
            background: url(images/lx.png) no-repeat left center;
            padding-left: 60px;
        }
        
        .topWrap p em {
            display: block;
            font: 26px Arial;
            color: #0054a6;
            padding-top: 5px;
            font-weight: bold;
        }
        
        .nav {
            height: 56px;
        }
        
        .nav li {
            font-size: 16px;
            height: 56px;
            float: left;
            position: relative;
        }
        
        .nav li a {
            display: inline-block;
            padding: 0 31px;
            color: #fff;
            height: 56px;
            line-height: 56px;
            text-align: center;
            position: relative;
            z-index: 1;
        }
        
        .nav li:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 0;
            background-color: #257cd1;
            bottom: 0;
            left: 0;
            -webkit-transition: height .3s;
            transition: height .3s;
        }
        
        .nav li:hover:after,
        .nav li.cur:after {
            height: 100%;
        }
        
        .nav li a:hover,
        .nav .cur a {
            color: #fff;
        }
        
        .nav .erji {
            display: none;
            position: absolute;
            top: 56px;
            left: 0;
            padding: 12px 0;
            box-shadow: 0.1rem 0.1rem 0.3rem 0.1rem #0171de;
            background: #257cd1;
            font: 14px "Microsoft YaHei";
            line-height: 30px;
            width: 100%;
            text-align: center;
        }
        
        .nav .erji a,
        .nav .cur .erji a {
            display: block;
            color: #fff;
            line-height: 40px;
            height: 40px;
            box-shadow: none;
            padding: 0;
            width: 100%;
            background: #257cd1;
        }
        
        .nav .erji a:hover {
            box-shadow: none;
            background: #0054a5;
        }
        
    

        /*banner*/
        .fullSlide{ min-width:1200px; position:relative; }
        .fullSlide .bd{ position:relative; z-index:0;}
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; }
		.fullSlide .bd li img {display:block; width:100%;}
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:20px; position:absolute; z-index:1;}
        .fullSlide .hd ul{margin-left:500px; }
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #fff; text-indent: -999px;}
        .fullSlide .hd ul .on{background:#0054a6;}
      

        .search{ height:64px;overflow: hidden;}
        .search p{line-height:64px;height:64px;overflow: hidden; font-size: 15px; color:#000; background:url(images/sou_icon.png) no-repeat left center; padding-left:45px;font-family:"Microsoft Yahei"; float: left; font-weight:bold;}
        .search p a{display: inline-block;padding:0 10px;color:#666; font-weight:normal;}
        .sea_in{ margin-top:18px; overflow: hidden; float: right;}
        .inp01{width:235px;height:30px;line-height:30px;border:none; color:#ccc;font-size:14px;padding-left:20px; float: left;font-family:"Microsoft Yahei"; float: left;background:url(images/sou1.gif) no-repeat; outline:none;}
        .inp02{background:#073b9f;width:45px;height:30px; font:14px "Microsoft Yahei"; text-align:center; line-height:30px; color:#fff;border:0; float: left;outline:none; cursor:pointer;}
    

        i,em{font-style: normal;}
        .footWrap{height:277px; padding-top:80px;overflow:hidden; background:#2e3139;font-family:"Microsoft Yahei"; position: relative; z-index: 2; }
        .footer{width:1200px;margin: 0 auto;}
		.flogo{ width:200px; height:155px; margin-bottom:30px; border-right:1px solid #444956;}
		.flogo h2{ width:144px; height:49px; overflow:hidden; margin-bottom:10px;}
		.flogo h2 img{ display:block;width:144px; height:49px;}
		.flogo span{ display:block; width:144px;font:14px "Microsoft YaHei"; line-height:28px; text-align:center; color:#fff;}
		.flogo span em{ display:block; width:74px; height:74px; margin:0 auto; border:2px solid #fff;}
		.flogo span em img{ display:block; width:74px; height:74px;}
        .fnav{ width:190px; padding-left:36px;border-right:1px solid #444956;}
		.fnav h3,.fwz h3{ font:16px "Microsoft YaHei"; font-weight:bold; color:#fff; position:relative; padding-left:14px;}
		.fnav h3:before,.fwz h3:before{ content:""; position:absolute; top:8px; left:0; width:6px; height:6px; border-radius:6px; background:#cf000d;}
		.fnav p{ padding-left:14px; margin-top:15px;}
		.fnav p a{ display:block; font:14px "Microsoft YaHei"; line-height:30px; height:30px; overflow:hidden; color:#d5d5d5;}
		.fnav p a:hover{ font-weight:bold; color:#fff;text-decoration:underline;}

		.fwz{ width:270px;}
		.fwz li{ margin-top:10px;}
		.fwz li b{ font:28px Arial; font-weight:bold; color:#fff; line-height:28px;}
		.fwz li em{ display:block; width:25px; height:25px;float:left; margin-right:8px;}
		.fwz li em img{display:block; width:25px; height:25px;}
		.fwz li span{ display:block; width:234px; font:14px "Microsoft YaHei"; font-weight:bold; color:#d5d5d5; float:left;}
		.fwz li span i{ display:block; font:14px "Microsoft YaHei"; color:#d5d5d5;}
		.fwz li:hover em img{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
		
		.foot{ height:52px; font:14px "Microsoft YaHei"; line-height:52px; color:#bebfc0;}
		.foot .footer{ border-top:1px solid #444956;}
		.foot em{ padding:0 8px;}
		.foot a{ color:#bebfc0;}
		.foot a:hover{ color:#fff;text-decoration:underline;}
		.foot span{ float:right;}
		/*animation*/
@-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);
  }
}
    

    .link{ height:80px;overflow:hidden;font:18px "Microsoft YaHei"; font-weight:bold; line-height:80px; color:#6d6d6d;}
    .link em{  font:20px Arial; color:#cecfcf;}
    .link a{ font:14px "Microsoft YaHei"; color:#7e7e7e; display:inline-block; padding:0 20px;}
    .link a:hover{text-decoration:underline; color:#0054a5;}


		.yangp{ z-index:10; width:100%; position:relative;}
		.yangp_t{ display:none;background:url(images/online_bg.jpg) no-repeat center top; height:283px;overflow:hidden; width:100%; z-index:10; position:fixed; bottom:0; left:0;}
		.yangp_t .content{ position:relative;}
		.yangp h2{ width:20px; height:88px;overflow:hidden; position:fixed; bottom:15%; z-index:11;}
		.yangp h2 img{ display:block;width:20px; height:88px; border-radius:0 5px 5px 0;}
		.yangp h3{ font:30px "Microsoft YaHei"; color:#fff; padding:54px 0 0 253px;}
		.yangp h3 em{ display:block; font:18px "Microsoft YaHei";}
		.yangp ul{ padding:40px 0 0 253px;}
		.yangp li{ width:224px; height:40px; background:rgba(255,255,255,0.7); float:left; margin:0 15px 0 0; border-radius:5px;}
		.yangp li em{ display:block; float:left; width:50px; font:14px "Microsoft YaHei"; line-height:40px; text-align:right; overflow:hidden; color:#000;}
		.yangp li input{width:165px; height:40px;outline:none;background:none; border:0; font:14px "Microsoft YaHei"; line-height:40px; color:#333; overflow:hidden;}
		.yangp .btt2{ width:140px; background:#0054a7 url(images/online_arr.gif) no-repeat 102px center;overflow:hidden;margin-right:0; font-size:16px;}
		.yangp .btt2 input{ width:130px; color:#fff; padding:0; line-height:40px;}
		.yangp_icon{ display:block; width:28px; height:28px; position:absolute; top:12px; right:0;}
    

     .yangp .code{display: none;}
     .yangp .submit{display:none;}
     /*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999; 
}
.modal-dialog {
    position: fixed;
    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 {
}
.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; 
}
 

        .client-2 {
            position: fixed;
            right: -170px;
            top: 65%;
            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: #0054a5;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0054a5;
            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;
        }
    
