body{ font-family: "Noto Sans SC"!important;}/*网站字体颜色*/
.mub02MainContent{ width:1200px; margin: 0 auto}

i,em{ font-style:normal;}
.hea{ height:180px; 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:284px; height:180px; box-shadow:0 0 0.5rem #333; background:#202020; float:left;}
.hea .logo img{ display:block; width:284px; margin:0 auto;}
.hea1{ /*width:79.7%;*/width:100%; }
.hea span{ float:left;padding-top:15px; height:96px;}
.hea h2{ font-size:28px; color:#000;  padding-left:12px; display:block; line-height:40px;}
.hea h2 em{ font-size:28px;color:#ef7a00;}
.hea p{ width:21%; float:right; margin-top:26px; background:url(../images/lx.png) no-repeat 59% 5px; padding-left:38px; font-size:1.5rem; font-weight:bold; color:#ef7a00; text-align:right;    line-height: 32px;}
.hea p em{ display:block;color:#ef7a00;}
.menu{ height:69px;}
.menu li{ float:left; font-size:18px ;line-height:69px; position:relative;}
.menu li a{ display:block; color:#FFF; position:relative; z-index:1; padding:0 49px; }
.menu li a:before{ content:""; position:absolute; top:25px; right:0; width:1px; height:14px; background:rgba(255,255,255,0.2);}
.menu li:before{content: "";position: absolute;width:0;height:69px;bottom:0;left:0;z-index:0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bf8c21+1,fbef9d+100 */
background: #151513;

}
.###menu li:before{content: "";position: absolute;width:0;height:69px;bottom:0;left:0;z-index:0;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bf8c21+1,fbef9d+100 */
background: rgb(191,140,33); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(191,140,33,1) 1%, rgba(251,239,157,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(191,140,33,1) 1%,rgba(251,239,157,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(191,140,33,1) 1%,rgba(251,239,157,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf8c21', endColorstr='#fbef9d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.menu li:last-child a:before{ background:none;}
.menu li.cur a,.menu li a:hover{ /*font-weight:bold;*/ color:#FFF;}
.menu li.cur:before,.menu li:hover:before{width: 100%;}
@media (min-width: 1200px) and (max-width: 1680px) {
	.hea .header{ width:1200px;}
	.hea p{ width:25%;font: size 1.2rem;}
	.menu li a{padding:0 35px;}
}

.wrap-header {height: 35px;position: relative;z-index: 3;background: #f3f3f3;}
.wrap-header p {float: left;height: 35px;line-height:35px;font-size: 14px;color: #666;}
.wrap-header ul {float: right;height: 14px;margin-top: 10px;}
.wrap-header ul li{float: left;height: 14px;font-size:13px;color: #333333;padding: 0 15px; line-height: 14px;border-left: 1px dotted #999;position: relative;}
.wrap-header ul li a{color: #666;}
.wrap-header ul li:first-child {border-left: none;}
.wrap-header ul li:hover span {display: block;}
.wrap-header ul li span {display: none;width: 103px;height: 103px;position: absolute;left: -18px;top: 16px;padding:12px 5px 5px 5px;}
.wrap-header ul li span img {display: block;width: 103px;height: 103px;}
.container{width: 1400px;margin:0 auto;}

.foot{background:url(../images/footer_bg.jpg) no-repeat center top; height:500px;}
.foot .footer{ width:1400px; margin:0 auto;}
.flogo{ width:11.962%; float:left; position:relative;}
.flogo h2{ height:150px; position:relative; margin-top:85px;}
.flogo h2 em{ display:block; margin-top:13px; font-size:16px ; text-align:center; color:#ffffff; width:250px;}
.flogo h5{ font-size:14px ; text-align:center; color:#ffffff;}
.flogo h5 em{ display:block; height:32px; text-align:center;}
.flogo h5 img{ vertical-align:middle; margin:0 6%;}
.fwz{ width:20%; float:left; padding:100px 6% 0 8%; font-size:14px ; line-height:26px;color:#ffffff; height:308px;}
.fwz span{ display:block; font-size:36px; font-weight:bold; color:#ef7a00; background:url(../images/flx.png) no-repeat left top; padding:50px 0 20px;}
.fwz p{ margin-bottom:8px;}
.fnav{ width:31.71%; float:left; margin-top:100px; font-size:14px ; line-height:50px;color:#ffffff;}
.fnav a{ display:block; width:50%; float:left; font-size:16px ; line-height:52px;color:#ffffff; height:52px; overflow:hidden; background:url(../images/farr2.png) no-repeat left center; padding-left:6%; box-sizing:border-box;}
.fnav a:hover{background:url(../images/farr.png) no-repeat left center; color:#ef7a00; font-weight:bold;}
.fcode{ width:21.7857%; margin-top:110px;}
.fcode p{ width:47.77%; font-size:16px ; line-height:44px; text-align:center;color:#ffffff;}
.fcode p span{ display:block; width:100%; overflow:hidden; position:relative;}
.fcode p img{ display:block; width:100%; border:2px solid #fff; box-sizing:border-box;}
.fcode p span:after{display:block;position:absolute;left:0;top:0;width:100%;height:40px;content:"";animation:light 5s infinite;-webkit-animation:light 5s infinite;background:url(../images/code_shadow1.png) no-repeat 0 0;}
.fcode p .fcode2:after{ background:url(../images/code_shadow2.png) no-repeat 0 0;}
.foot1{ font-size:14px ; line-height:90px;color:#ffffff; line-height:90px; border-top:1px solid rgba(255,255,255,0.1);}
.foot1 em{ padding:0 8px;}
.foot1 a{color:#ffffff;}





.link{background:#1c1c1c;border-top:1px solid rgba(255,255,255,0.1);font:14px "Noto Sans SC"; line-height:30px; padding:20px 0;}
.link .content{ width:1400px;margin:0 auto;}
.link a{ display: inline-block;padding:0 17px; font:14px "Microsoft YaHei"; color:#ffffff;line-height:30px;}
.link a:hover{font-weight:bold; text-decoration:underline; color:#fff;}
.link a:last-child{ padding-right:0;}



@media (min-width: 1200px) and (max-width: 1680px) {
	.foot .footer{ width:1200px;}
}




@media (min-width: 1200px) and (max-width: 1680px) {
	.foot .footer{ width:1200px; margin:0 auto;}
	.flogo h2 em{ font-size:12px;}
	.fwz span{ font-size:30px;}
}
@keyframes light {
	0%{top:0;}
	50%{top:100%;}
	100%{top:-40px;}
}


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


