
i,em{ font-style:normal;}
.hea{ height:200px; width:100%;z-index:99; position:relative;}
.hea .header{ width:1400px; margin:0 auto;}
.hea .logo{ width:241px; height:68px; margin:39px 0 0 0; float:left;}
.hea .logo img{ display:block; width:241px;}
.hea h3{ width:372px; float:left; margin:55px 0 0 25px; font:18px "Microsoft YaHei UI"; color:#000; line-height:24px;}
.hea h3 em{ display:block; font:12px "Microsoft YaHei UI"; color:#b7bcc3; text-transform:uppercase; margin-top:6px;}
.menu{ width:690px; float:right; height:138px;}
.menu p{ text-align:right; font:26px Arial, Helvetica, sans-serif; font-weight:bold; line-height:36px; height:36px; margin-top:30px; color:#333333; background:url(../images/lx.png) no-repeat left center; width:200px; float:right;}
.menu li{ float:left; font:18px "Microsoft YaHei UI";line-height:72px; position:relative; margin:0 26px;}
.menu li a{ display:block; color:#000; z-index:1; }
.menu li:before{content: "";position: absolute;width:0;height:2px;bottom:0;left:0;z-index:0;background:#005ad0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.menu li:last-child{float:right; margin:0;}
.menu li.cur a,.menu li a:hover{ font-weight:bold; color:#005ad0;}
.menu li.cur:before,.menu li:hover:before{width: 100%;}

.hea .erji{ display:none; position:absolute; top:72px; left:0; padding:12px 0; background:#fff; font:14px "Microsoft YaHei"; line-height:30px; width:180px; margin-left:-60%; text-align:center; border-radius:5px; box-shadow:0 0 1rem #ccc;}
.hea .erji a,.hea .cur .erji a{ display:block; color:#666; line-height:40px; height:40px; width:180px;font-weight:normal;}
.hea .erji a:hover{background:#005ad0;color:#fff; line-height:40px; height:40px; border-bottom:0;}

@media (min-width: 1200px) and (max-width: 1680px) {
.hea .header{ width:1280px; margin:0 auto;}
.menu{ width:630px;}
.menu li{ margin:0 22px;}
}


        .online{ width:380px; height:360px; position:absolute; top:23%; left:50%; margin-left:400px; border-radius:0 0 1rem 1rem; z-index:5; background:rgba(255,255,255,0.8);}
        .online h2{ height:60px; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#fff; background:#07479b; text-align:center; line-height:60px; margin-bottom:30px;}
        .online li{ width:280px; height:50px; border:1px solid #bebebe; border-radius:5px; margin:0 auto 18px; background:#fff;}
        .online li b{ display:block; float:left; margin:12px 0 0 11px;}
        .online li b img{ display:block;}
        .online li em{ display:block; float:left; height:50px; width:65px; margin-left:10px; font:16px "Microsoft YaHei UI"; line-height:50px; color:#282828;}
        .online li input{ width:150px; height:50px; background:none; border:0; font:16px "Microsoft YaHei UI"; line-height:50px; color:#282828; overflow:; outline:none;}
		.online .btt{ background:#1250a2; border:1px solid #1250a2; clear:both;}
		.online .btt input{ width:280px; text-align:center; font-size:18px; color:#fff;}
		.online p{ font:16px "Microsoft YaHei UI"; text-align:center; color:#282828; width:100%; position:absolute; bottom:25px; left:0;}
		@media (min-width: 1200px) and (max-width: 1680px) {
			.online{margin-left:250px;top:13%;}
		}
        

     .online .code{display: none;}
     .online .submit{display:none;}
     /*表单弹框*/
.nsw-modal {
    width: 100%;
    height: 100%;
    background: rgba(225, 225, 225, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999999999; 
}
.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: 152px;
    background: #ffffff; 
}
.modal-dialog .css-icon {
    background-image: url(../images/modal-icons.png);}
.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: 16px; 
}
.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: 24px; 
}
 

.foot{ height:610px;background:#005ad0;overflow:hidden; border-top:8px solid #003379;}
.foot .footer{ width:1200px; margin:0 auto;}
.flogo{ height:145px; border-bottom:1px solid rgba(255,255,255,0.3);}
.flogo h2{ width:350px; float:left; margin-top:41px;}
.flogo h2 img{ display:block; width:250px; height:71px;}
.flogo h5{ height:145px; float:right;}
.flogo h5 em{ display:inline-block; width:45px; margin:53px 0 0 25px; position:relative;}
.flogo h5 em img{ display:block; width:45px; height:45px;}
.flogo h5 em i{ display:none; width:93px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; position:absolute; top:48px; right:0;}
.flogo h5 em i img{ display:block; width:87px; height:87px; border:3px solid #fff;}
.flogo h5 em:hover i{ display:block;}
.fnav{ width:263px; height:267px; margin-top:55px;}
.tit2{ height:48px; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#fff;}
.fnav p{ font:14px "Microsoft YaHei UI"; line-height:30px;}
.fnav p a{ display:block; width:50%; height:30px; color:rgba(255,255,255,0.8); float:left; overflow:hidden;}
.fnav p a:hover{ font-weight:bold;color:rgba(255,255,255,1); text-decoration:underline;}
.fnav:nth-child(2){ width:160px;}
.fnav:nth-child(2) a{ width:100%;}
.fwz{ width:350px;margin-top:55px;}
.fwz p{ font:14px "Microsoft YaHei UI"; line-height:30px;color:rgba(255,255,255,0.8); background:url(../images/f01.png) no-repeat left 2px; padding-left:35px; margin-bottom:8px;}
.fwz p:nth-child(3){background:url(../images/f02.png) no-repeat left 4px;}
.fwz p:nth-child(4){background:url(../images/f03.png) no-repeat left 5px;}
.fwz p:nth-child(5){background:url(../images/f04.png) no-repeat left 2px;}
.fcode{ width:370px; margin-top:55px;}
.fcode span{ display:block; height:48px; margin-bottom:12px; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#fff; text-align:right; background:url(../images/flx.png) no-repeat left center; line-height:48px;}
.fcode p{ width:103px; float:left;}
.fcode p img{ display:block; width:87px; height:87px; border:8px solid #fff;}
.fcode p em{ display:block; height:48px; font:14px "Microsoft YaHei UI"; line-height:48px;color:rgba(255,255,255,0.8); overflow:hidden; text-align:center;}
.fcode p:nth-child(3){ margin-left:28px;}
.fcode p:nth-child(4){ float:right;}
.foot1{ border-top:1px solid rgba(255,255,255,0.3);font:14px "Microsoft YaHei UI"; line-height:85px;color:rgba(255,255,255,0.8); }
.foot1 span{ float:right;}
.foot1 em{ padding:0 12px;}
.foot1 a{color:rgba(255,255,255,0.8);}


        .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:#005ad0 url(../images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#005ad0 url(../images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#005ad0 url(../images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#005ad0 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:#005ad0 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:#005ad0 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:#005ad0 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;
        }
    
  /* i i s 7 . c o m */