.nav li a{padding:0 30px !important;font-size:18px;}
 .nav .erji a, .nav .cur .erji a{font-size:18px;}
        i , em{font-style: normal;}
        .topWrap{ height:226px;background:url(../images/h_top_bg.gif) repeat-x center top; position:relative; z-index:10;}
        .topWrap .header{ width:1200px;height:226px;margin:0 auto; font-family: "Microsoft YaHei"; position:relative;}
		.topWrap .logo{ width:118px; height:140px; margin-top:23px; float:left;overflow:hidden; background:url(../images/logo_line.png) no-repeat right 42px;}
		.topWrap .logo img{ display:block;width:90px; height:115px;}
		.topWrap h3{ width:471px; font:26px "Microsoft YaHei"; font-weight:bold; color:#08513b; padding:60px 0 0 20px;float:left;}
		.topWrap h3 em{ display:block; padding-top:3px; font-weight:normal; font:20px "Microsoft YaHei"; letter-spacing:2px; color:#282828;}
		.topWrap p{width:210px;height:75px; float:right; padding:18px 0 0 55px; background:url(../images/lx.png) no-repeat 0px -40px; font:14px "Microsoft YaHei"; color:#282828;}
		.topWrap p em{ display:block; font:32px Arial; font-weight:bold; color:#333; padding-top:3px;}
        
        .nav{ height:64px;}
        .nav li{ font-size: 16px; height:64px;  float: left; position:relative;}
		.nav li:before{ content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#ebebeb;}
        .nav li a{ display:block; padding:0 34px; color:#000;height:64px; line-height: 64px;  text-align: center; position:relative; z-index:1;}
		.nav li:after{content: '';position: absolute;width: 100%; height: 0;top: 0;left: 0;
    -webkit-transition: height .3s;
    transition: height .3s; background:#08513b;}
		.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:60px; left:0; padding:12px 0;box-shadow:0.1rem 0.1rem 0.3rem 0.1rem #08513b; background:#08513b; font:14px "Microsoft YaHei"; line-height:30px; width:100%; overflow:hidden;}
		.nav li:nth-child(2) .erji,.nav li:nth-child(3) .erji{ width:165%;}
		.nav li:nth-child(4) .erji{ width:135%;}
        .nav .erji a,.nav .cur .erji a{ display:block; color:#fff; line-height:40px; height:40px; text-align:left;padding-left:30px; box-shadow:none; width:85%;background:#08513b;}
        .nav .erji a:hover{box-shadow:none;background:#333;color:#fff;}
    

    .fen h3 a{font-size:18px;}
    .fen li a{font-size:18px;}
    
     

.serve-box { width: 100%; overflow: hidden; padding: 2px 0 90px 0; }
.serve { width: 1400px; margin: 0 auto; }
.black-title { width: 100%; overflow: hidden; padding: 90px 0 60px 0; text-align: center; }
.black-title2 { width: 100%; overflow: hidden; padding: 10px 0 10px 0; hidden;
text-align: center; }
.black-title1 { width: 100%; overflow: hidden; padding: 90px 0 60px 0; text-align: center; }
.black-title h4 { font-size: 38px; color: #333; font-weight: bold; }
.black-title2 h4 { font-size: 38px; color: #333; font-weight: bold; }
.black-title p { font-size: 16px; color: #777; margin-top: 10px; line-height: 44px; }
.black-title1 { width: 100%; overflow: hidden; padding: 90px 0 60px 0; text-align: center; }
.black-title1 h4 { font-size: 38px; color: #fff; font-weight: bold; }
.black-title1 p { font-size: 16px; color: #fff; margin-top: 10px; }
.serve-matter { width: 100%; overflow: hidden; }
.serve-matter-left { width: 35%; float: left; overflow: hidden; position: relative; }
.serve-matter-mediaQQ { max-width: 100%; object-fit: cover; display: none; }
.serve-matter-left-line { position: absolute; top: 50%; left: 50%; margin-top: -194px; margin-left: -183.5px; z-index: 1; animation: serveXZ 40s linear infinite; }
.serve-matter-leftimg { width: 100%; object-fit: cover; position: relative; z-index: 2; }
.serve-matter-leftqq { width: 218px; height: 218px; position: absolute; top: 50%; left: 50%; margin-top: -109px; margin-left: -109px; z-index: 3; animation: serveBD 4s ease infinite; }
@keyframes serveBD { 0% {
transform: scale(1)
}
50% {
transform: scale(.9)
}
100% {
transform: scale(1)
}
}
@keyframes serveXZ { 0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
.serve-matter-right { width: 54%; float: right; }
.serve-matter-right ul { margin-left: -2%; }
.serve-matter-right ul li { width: 31.333333333%; margin-left: 2%; float: left; }
.serve-words { width: 100%; overflow: hidden; }
.serve-words h6 { width: 100%; height: 110px; background-color: #c3cad4; text-align: center; }
.serve-words h6 i { display: inline-block; background-repeat: no-repeat; margin-top: 16px; }
.serve-words h6 p { font-size: 17px; color: #fff; margin-top: 8px; }
.serve-words a { width: 100%; text-align: center; display: block; padding: 24px 0; font-size: 15px; color: #777; transition: all .4s; }
.serve-words:hover a { background-color: #2957a4; color: #fff; }
.serve-matter-right ul li:nth-child(1) .serve-words h6 i { width: 34px; height: 34px; background-image: url('../images/serve_icon1.png'); }
.serve-matter-right ul li:nth-child(2) .serve-words h6 i { width: 24px; height: 33px; background-image: url('../images/serve_icon2.png'); }
.serve-matter-right ul li:nth-child(3) .serve-words h6 i { width: 24px; height: 33px; background-image: url('../images/serve_icon3.png'); }


/* --------------------------infor-box--------------------------------------- */
.infor-box { width: 100%; overflow: hidden; padding: 2px 0 70px 0; background-color: #f5f5f5; }
.infor { width: 1200px; margin: 0 auto; }
.infor-matter { width: 100%; overflow: hidden; }
.infor-matter ul li { width: 16.5%; float: left; overflow: hidden; padding: 14px 0 20px 0; text-align: center; }
.infor-matter ul li img { width: 123px; height: 140px; display: block; margin: 0 auto; transition: all .6s; }
.infor-matter ul li h6 { font-size: 22px; color: #333; margin-top: 20px; }
.infor-matter ul li p { width: 94%; margin-left: 3%; height: 120px; font-size: 17px; color: #777; line-height: 24px; margin-top: 10px; /*overflow: hidden;*/ display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.infor-matter ul li:hover img { transform: translateY(-10px); }
/* ----------------------------intro-box------------------------------------- */
.intro-box { width: 100%; height: 785px; position: relative; background-image: url('../images/intro_bg.jpg'); overflow: hidden; }
.intro { width: 1400px; margin: 0 auto; }
.white-title { width: 100%; overflow: hidden; padding: 90px 0 60px 0; text-align: center; }
.white-title h4 { font-size: 38px; color: #fff; font-weight: bold; }
.white-title p { font-size: 16px; color: #fff; margin-top: 10px; }
.intro-matter { width: 100%; overflow: hidden; padding: 10px 0 0 0; }
.intro-matter-L { width: 48%; float: left; overflow: hidden; position: relative; padding: 0 0 80px 0; }
.intro-matter-Lpic { width: 94%; height: 406px; overflow: hidden; position: relative; }
.intro-matter-Lline { position: absolute; top: 6%; right: 0; border: 4px solid #fff; width: 94%; height: 406px; }
.intro-matter-Lpic img { width: 100%; height: 100%; object-fit: cover; transition: all 1.2s; }
.intro-matter-Lpic:hover img { transform: scale(1.1); }
.Video-Plyr-play { position: absolute; top: 50%; left: 50%; width: 65px; height: 65px; background-repeat: no-repeat; background-image: url('../images/intro_videop.png'); margin-top: -32.5px; margin-left: -32.5px; z-index: 2; cursor: pointer; }
.Video-Plyr-play:hover { background-image: url('../images/intro_videoph.png'); }
.intro-matter-R { width: 50%; float: right; padding: 0 0 0 24px; }
.intro-matter-R h4 { font-size: 32px; color: #fff; margin-top: 66px; }
.intro-matter-R b { display: block; width: 46px; height: 2px; background-color: #fff; margin-top: 20px; }
.intro-matter-R p { font-size: 13px; color: #fff; line-height: 24px; margin-top: 46px; }
.intro-matter-R h6 { width: 240px; height: 54px; border-radius: 30px; border: 1px solid #fff; text-align: center; line-height: 54px; color: #fff; font-size: 14px; margin-top: 60px; display: inline-block; position: relative; overflow: hidden; transition: all .8s; }
.intro-matter-R h6 span { position: relative; z-index: 2; }
.intro-matter-R h6 i { width: 16px; height: 7px; background-repeat: no-repeat; background-image: url('../images/manage_arrr.png'); display: inline-block; vertical-align: middle; margin: -2px 0 0 16px; }
.intro-matter-R h6:before { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #2957a4; transition: all .6s; z-index: 1; }
.intro-matter-R h6:hover { border-color: #2957a4; }
.intro-matter-R h6:hover:before { width: 100%; }

		.footWrap{ height:341px; background:url(../images/footer_bg.gif) repeat-x center top;overflow:hidden;}
		.footWrap .footer{ width:1200px; margin:0 auto; position:relative;}
		.tit{ font:30px "Microsoft YaHei"; text-transform:uppercase; color:#08513b; height:50px; overflow:hidden;}
		.fnav{ width:235px; height:215px; margin-top:55px; overflow:hidden; position:relative; margin-right:50px;}
		.fnav:before,.fwz:before,.code:before{ content:""; position:absolute; top:5px; right:0; width:1px; height:164px; background:#b8b8b8;}
		.fnav p{ font:16px "Microsoft YaHei"; line-height:40px; color:#b9b9b9;}
		.fnav p a{ display:block; width:110px; height:40px; font:16px "Microsoft YaHei"; line-height:40px; color:#333; overflow:hidden; float:left;}
		.fnav p a:hover{ color:#08513b; font-weight:bold;}
		.fwz{ width:380px; margin-top:55px; margin-right:45px; height:215px; overflow:hidden; position:relative;}
		.fwz li{ font:16px "Microsoft YaHei"; line-height:40px; color:#333;}
		.fwz li em{ display:block; float:left; width:16px; height:14px; margin:13px 8px 0 0;}
		.fwz li em img{ display:block;width:16px; height:14px;}
		.code{ width:170px; margin-top:55px; position:relative;}
		.code h5{ width:98px; margin-left:7px;}
		.code h5 img{ display:block; width:96px; height:96px; border:4px solid #fff;}
		.flink{ width:266px; margin-top:52px;}
		.flink h3{ height:85px; font:16px "Microsoft YaHei"; color:#333;display:none; background:url(../images/flx.png) no-repeat left 0 top 32px; padding-left:47px;}
		.flink h3 em{ display:block; font:30px Arial; font-weight:bold; color:#333;}
		.flink h4{ height:29px;margin-top:10px;}
		.flink h4 a{ display:block; width:38px; height:38px; float:left; margin-right:15px;}
		.flink h4 img{ display:block; width:38px; height:38px;}
		.foot{ text-align:center; font:14px "Microsoft YaHei"; line-height:68px; color:#333;}
		.foot em{ padding:0 8px;}
		.foot a{ color:#333;}
		.foot a:hover{ color:#08513b; font-weight:bold;}
    

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