i,em{ font-style:normal;}
.hea{ height:170px; width:100%; background:url(images/h_top_bg.gif) repeat-x center top; overflow:hidden; z-index:99;}
.hea .header{ width:1400px; margin:0 auto;}
.hea .logo{ width:240px; height:116px;float:left;}
.hea .logo img{ display:block; width:190px; height:59px; padding-top:30px;}
.hea h3{ width:350px; float:left; margin-top:30px; font:20px "Microsoft YaHei UI"; color:#000; line-height:24px; font-weight:bold;}
.hea h3 em{ display:block; font-size:18px; margin-top:10px; font-weight:normal; color:#282828; letter-spacing:2.6px;}
.hea p{ width:175px; float:right; background:url(images/lx.png) no-repeat left center; padding-left:55px; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#080808; line-height:30px; margin-top:30px;}
.hea p em{ display:block;}
.menu{ height:54px;}
.menu li{ float:left; font:16px "Microsoft YaHei UI";line-height:54px; position:relative; text-transform:uppercase;}
.menu li a{ display:block; color:#191a1a; position:relative; z-index:1; padding:0 35px; }
.menu li a:before{ content:""; position:absolute; top:20px; right:0; width:1px; height:16px; background:#f0f0f0;}
.menu li:before{content: "";position: absolute;width:0;height:54px;bottom:0;left:0;z-index:0;background:#518cc5;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.menu li:last-child a:before{ background:none;}
.menu li.cur a,.menu li a:hover{ color:#fff;}
.menu li.cur:before,.menu li:hover:before{width: 100%;}
@media (min-width: 1200px) and (max-width: 1680px) {
	.hea .header{ width:1200px; margin:0 auto;}
	.menu li a{ padding:0 25px;}
}



 .pro1{ position:relative;}
     .pro_l{ width:50px; height:50px; border-radius:50px; background:rgba(0,0,0,0.8); font:24px "宋体"; font-weight:bold; color:#fff; text-align:center; line-height:50px; position:absolute; top:40%; left:2%; cursor:pointer;}
     .pro_r{ width:50px; height:50px; border-radius:50px; background:rgba(0,0,0,0.8); font:24px "宋体"; font-weight:bold; color:#fff; text-align:center; line-height:50px; position:absolute; top:40%; right:2%; cursor:pointer;}
 

.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
.foot{ height:auto;background:#12336c;overflow:hidden;}
.foot .footer{ width:1400px; margin:0 auto;}
.tongd{ background:#f4f4f4; height:310px;}
.tongd1{ width:75.7%;}
.tongd1 dl{ padding:20px 0; border-bottom:1px dashed #dbdbdb;}
.tongd1 dl:last-child{ border:0;}
.tongd1 dt a{ display:block; font:16px "Microsoft YaHei UI"; font-weight:bold; line-height:40px; height:40px; color:#12336c; overflow:hidden;}
.tongd1 dd a{ display:block; font:14px "Microsoft YaHei UI"; line-height:32px; color:#666; margin-right:20px; float:left;}
.tongd1 dd a:hover{ text-decoration:underline; color:#12336c;}
.code{ width:21.857%; margin-top:50px;}
.code p{ width:49%; float:left; font:14px "Microsoft YaHei UI"; line-height:40px; color:#666; text-align:center;}
.code p:last-child{ float:right;}
.code p img{ display:block; width:100%; border:8px solid #fff; box-sizing:border-box;}
.fwz{ height:150px; border-bottom:1px solid rgba(255,255,255,0.1);}
.fwz p{ font:16px "Microsoft YaHei UI"; color:#fff; background:url(images/f1.png) no-repeat left center; padding-left:55px; margin-top:50px; float:left;}
.fwz p em{ display:block; font:24px "Microsoft YaHei UI"; color:#ccc; margin-top:8px;}
.fwz p:nth-child(1) em{ font-size:14px;}
.fwz p:nth-child(2){ background:url(images/f2.png) no-repeat left center; margin-left:10%;}
.fwz p:nth-child(3){ background:url(images/f3.png) no-repeat left center; float:right;}
.fnav{ height:88px; border-bottom:1px solid rgba(255,255,255,0.1); text-align:center; font:14px "Microsoft YaHei UI"; color:#fff; line-height:88px;}
.fnav a{ display:inline-block; color:#fff; padding:0 31px; position:relative;}
.fnav a:hover{ text-decoration:underline;}
.fnav a:before{ content:""; position:absolute; top:42px; right:0; width:4px; height:4px; border-radius:4px; background:#5e6c84;}
.fnav a:last-child:before{ background:none;}
.foot h5{ text-align:center; font:14px "Microsoft YaHei UI"; color:rgba(255,255,255,0.3); line-height:55px; padding:10px 0 70px;}
.foot h5 em{ padding:0 12px;}
.foot h5 a{color:rgba(255,255,255,0.3); }
@media (min-width: 1200px) and (max-width: 1680px) {
	.foot .footer{ width:1200px; margin:0 auto;}
	.fwz p:nth-child(2){ margin-left:5%;}
	.fnav a{ padding:0 22px;}
}


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