i,
        em {
            font-style: normal;
        }
        
        .topWrap {
            height: 190px;
            min-width: 1200px;
            max-width: 1920px;
            width: 100%;
            overflow: hidden;
        }
        
        .topWrap .header {
            width: 1200px;
            margin: 0 auto;
        }
        
        .ftop {
            height: 134px;
            overflow: hidden;
        }
        
        .ftop h3 {
            width: 610px;
            float: left;
            margin: 39px 0 0 30px;
            font: 24px "Microsoft YaHei UI";
            color: #252525;
        }
        
        .ftop h3 b {
            color: #18889d;
        }
        
        .ftop h3 em {
            display: block;
            font: 28px "Microsoft YaHei UI";
            font-weight: bold;
            color: #252525;
            margin-top: 6px;
        }
        
        .ftop p {
            width: 270px;
            float: right;
            margin-top: 36px;
            font: 36px Arial, Helvetica, sans-serif;
            font-weight: bold;
            color: #252525;
        }
        
        .ftop p em {
            display: block;
            font: 18px "Microsoft YaHei UI";
            color: #252525;
            line-height: 30px;
            background: url(images/lx.png) no-repeat left center;
            padding-left: 30px;
        }
        
        .topWrap .logo {
            width: 157px;
            height: 84px;
            float: left;
            margin-top: 24px;
        }
        
        .topWrap .logo img {
            display: block;
            width: 157px;
            height: 84px;
        }
        
        .nav {
            height: 56px;
            background: #18889d;
            overflow: hidden;
        }
        
        .nav ul {
            width: 1200px;
            margin: 0 auto;
        }
        
        .nav li {
            font-size: 16px;
            height: 56px;
            text-align: center;
            float: left;
            position: relative;
            overflow: hidden;
        }
        
        .nav li a {
            display: block;
            color: #fff;
            height: 56px;
            text-align: center;
            line-height: 56px;
            position: relative;
            z-index: 1;
            padding: 0 23px;
        }
        
        .nav li:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 0;
            top: 0;
            left: 0;
            -webkit-transition: height .3s;
            transition: height .3s;
            background: #ffce23;
        }
        
        .nav li:nth-child(1) a {
            padding: 0 25px;
        }
        
        .nav li:hover:after,
        .nav li.cur:after {
            height: 100%;
        }
        
        .nav li:hover a,
        .nav .cur a {
            color: #18889d;
        }
    

     .yinz .video{ width:600px; height:480px;  overflow:hidden; position:relative;}
    .yinz .video a.a_video{background:url(images/yinz1.jpg) no-repeat center center;width: 600px; height: 480px;display: block; position:absolute;top:0;left:0;}
 

.ys{ height:1002px; margin:50px 0 98px; overflow:hidden; position:relative;}
.ys .tit1 i{ display:block; height:95px; background:url(images/ys_h.png) no-repeat center top;}
.ys1{ height:832px;max-width:1920px; min-width:1200px; margin:0 auto; width:100%; overflow:hidden;}
.ys1 p{ height:832px; background:url(images/ys1.jpg) no-repeat center top; overflow:hidden; position:relative;}
.ys1 p:before{ content:""; position:absolute; bottom:0; width:100%; height:300px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.69+57,0.94+94 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.69) 57%, rgba(0,0,0,0.94) 94%, rgba(0,0,0,0.94) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.69) 57%,rgba(0,0,0,0.94) 94%,rgba(0,0,0,0.94) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.69) 57%,rgba(0,0,0,0.94) 94%,rgba(0,0,0,0.94) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#f0000000',GradientType=0 ); /* IE6-9 */
}
.ys1 p:nth-child(2){background:url(images/ys2.jpg) no-repeat center top; }
.ys1 p:nth-child(3){background:url(images/ys3.jpg) no-repeat center top; }
.ys1 p:nth-child(4){background:url(images/ys4.jpg) no-repeat center top; }
.yst{max-width:1920px; min-width:1200px; margin:0 auto; width:100%; position:absolute; bottom:0;}
.yst dl{ width:25%; float:left; border-right:2px solid rgba(255,255,255,0.6);border-top:2px solid rgba(255,255,255,0.6); box-sizing:border-box; height:287px;}
.yst dl:last-child{ border-right:0;}
.yst dt{ font:1.5rem "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#fff; position:relative; line-height:5.125rem;}
.yst dt:before{ content:""; position:absolute; bottom:0; left:50%; width:2.875rem; height:2px; background:#fff; margin-left:-1.4375rem;}
.yst dt em{ display:block; width:66px; height:66px; margin:70px auto 0; overflow:hidden;}
.yst dt em img{display:block;}
.yst dd{ display:none;}
.yst dd em{ font:1rem "Microsoft YaHei UI"; background:#ffc923; text-align:center; display:block; margin:0 2%; padding:0.3rem 0; color:#18889d;}
.yst dd p{ margin:0.3rem 2%; text-align:center; font-size:0.93rem; color:#fff; line-height:1.5rem;}
.yst dd a{ display:block; width:30px; height:31px; margin:0 auto; background:url(images/ys_arr.png) no-repeat;}
.yst .cur{ background:rgba(24,136,157,0.8);}
.yst .cur dt:before{ background:none;}
.yst .cur dt{ line-height:2.8rem;}
.yst .cur dt em{ margin:-50px auto 0; background:#18889d; width:83px; height:83px; padding:17px 0 0 17px; border-radius:100px;border:2px solid rgba(255,255,255,0.6);}
.yst .cur dt em img{ margin-top:-86px;}
.yst .cur dd{ display:block;}
@media (min-width: 1200px) and (max-width: 1366px) {
	.yst dd em{ display:none;}
}
@media (min-width: 1366px) and (max-width: 1440px) {
	.yst dd em{ display:none;}
}
 

 .tit1{ height:170px; text-align:center;}
.tit1 i{ display:block; height:95px; background:url(images/pro_h.png) no-repeat center top;}
.tit1 em{ display:block; font:20px "Microsoft YaHei UI"; color:#454545; margin-top:12px;}
.case{ height:940px; overflow:hidden; padding-top:100px; background:#efefee;}
.content{width:1200px; margin:0 auto;}
.case .tit1{ height:163px;}
.case .tit1 i{ display:block; height:95px; background:url(images/case_h.png) no-repeat center top;}
.case .content{ background:url(images/case_bg.jpg) no-repeat right 206px;}
.caset{ height:106px; margin:0 100px; overflow:hidden;}
.caset h3,.caset h5{ width:200px; float:left; text-align:center; font:20px "Microsoft YaHei UI"; line-height:38px;}
.caset h3 a,.caset h5 a{ display:block; color:#020202;}
.caset h3 img,.caset h5 img{ display:block; width:52px; height:48px; margin:0 auto;}
.caset h3 a:hover,.caset .cur a,.caset h5 a:hover{ font-weight:bold; color:#18889d;}
.case3{ height:620px; position:relative;}
.case31{ width:600px; overflow:hidden; float:left;}
.case31 dt{width:600px; height:450px; overflow:hidden;}
.case31 dt img{ display:block;width:600px; height:450px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case31 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case31 dd{ width:435px;}
.case31 dd h4 a{ display:block; font:24px "Microsoft YaHei UI"; font-weight:bold; color:#040404; height:46px; margin-top:15px; line-height:46px; overflow:hidden;}
.case31 dd p{ font:15px "Microsoft YaHei UI"; line-height:20px; height:40px; color:#545454; overflow:hidden;}
.case31 dd span{ display:block; height:36px; margin-top:6px;}
.case31 dd span a{ display:inline-block; width:125px; height:36px; background:#18889d; font:15px "Microsoft YaHei UI"; font-weight:bold; text-align:center; line-height:36px; color:#fff; margin-right:10px;}
.case31 dd span a:last-child{ background:#ffc923; color:#18889d;}
.case32{ width:570px; float:right; margin-top:180px;}
.case32 li,.case32 h5{ width:175px; height:130px; overflow:hidden; float:left; margin:0 7px 9px 0;}
.case32 li img{ display:block; width:100%;}
.case32 .cur2{ border:4px solid #ffc923; box-sizing:border-box;}
.case32 h5 a{ color:#fff; font:16px "Microsoft YaHei UI";}
.case32 h5 em{ display:block; font:30px Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:12px;}
.case32 h5 em i{ display:block;}
.case_l{ width:50px; height:50px; background:url(images/case_l.gif) no-repeat; position:absolute; top:400px; left:550px; overflow:hidden;}
.case_r{ width:50px; height:50px; background:url(images/case_r.gif) no-repeat; position:absolute; top:400px; left:600px; overflow:hidden;}
.case_l:hover,.case_r:hover{ background-position:0 -50px;}
 
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
		.tongd{ height:585px; background:url(images/quick_bg.jpg) no-repeat center top; padding-top:53px; overflow:hidden;}
		.tongd h3{ width:393px; float:left; margin:60px 0 0 0;}
		.tongd h3 span{ display:block; font:36px Arial, Helvetica, sans-serif; background:url(images/quick_h.png) no-repeat left center; padding-left:68px; color:#18889d; margin-left:55px;}
		.tongd h3 span em{ display:block; color:#000;}
		.tongd h3 i{ display:block; width:244px; height:47px; background:#18889d; border-radius:0 2rem 2rem 0; font:26px "Microsoft YaHei UI"; text-align:center; font-weight:bold; line-height:47px; color:#fff; overflow:hidden;margin:7px 0 0 55px;}
		.tongd h3 img{ display:block; margin-left:3px;}
		.tongd2{ width:700px; float:right;}
		.tongd dl{ padding:22px 0; border-bottom:1px dashed #c0c0c0;}
		.tongd dt a{ display:block; font:16px "Microsoft YaHei UI"; font-weight:bold; line-height:30px; height:30px; overflow:hidden; background:url(images/quick_arr.png) no-repeat right center; color:#333333; margin-bottom:19px;}
		.tongd dd a{ display:block; font:14px "Microsoft YaHei UI"; line-height:24px; color:#666; float:left; width:130px; height:24px; overflow:hidden;}
		.tongd a:hover{ font-weight:bold; color:#18889d;}
		
		.footWrap{ height:1074px; background:url(images/footer_bg.jpg) no-repeat center bottom;}
		.footWrap .footer{ width:1200px; margin:0 auto; position:relative;}
		.footWrap h2{ width:324px; height:206px; margin-top:44px; float:left;overflow:hidden; border-right:1px solid rgba(255,255,255,0.2);}
		.footWrap h2 img{ display:block;width:172px; height:92px; margin:24px 0;}
		.footWrap h2 span{ display:block; font:14px "Microsoft YaHei UI"; color:#fff;}
		.footWrap h2 span a{ color:#fff;}
		.footWrap h2 em{ padding:0 8px;}
		
		.fwz{ width:480px; height:206px;border-right:1px solid rgba(255,255,255,0.2); padding-left:63px; margin-top:44px; float:left; font:14px "Microsoft YaHei UI"; color:#fff;}
		.fwz p{ font:16px "Microsoft YaHei UI"; color:#8ac0ca; text-transform:capitalize; margin-bottom:18px;}
		.fwz p em{ display:block; color:#fff; margin-top:12px;text-transform:none;}
		.fwz p:nth-child(2) em{ font:28px Arial, Helvetica, sans-serif;}
		
		.fnav{ height:80px; font:14px "Microsoft YaHei UI"; font-weight:bold; line-height:80px; color:#fff; overflow:hidden; text-align:center; border-bottom:1px solid rgba(255,255,255,0.2);}
		.fnav a{ display:inline-block; color:#fff; padding:0 19px; position:relative;}
		.fnav a:before{ content:""; position:absolute; top:35px; right:0; background:url(images/fline.png) no-repeat; width:8px; height:12px;}
		.fnav a:last-child:before{ background:none;}
		.code{ width:255px; height:249px; margin-top:44px; float:right; overflow:hidden;}
		.code p{ width:113px;font:16px "Microsoft YaHei UI"; line-height:48px; color:#fff; text-align:center; margin-top:40px;}
		.code p em{ display:block; width:103px; height:103px; margin:0 auto; overflow:hidden; position:relative; border:5px solid #fff;}
		.code p em img{display:block; width:103px; height:103px;}
		.code p em:after{content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 40px;
            content: "";
            animation: light 5s infinite;
            -webkit-animation: light 5s infinite;}
		.code p em:hover:after{ background:url(images/code_shadow2.png) no-repeat 0 0;}
		@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: #18889d;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #18889d;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
            border-radius:0.3rem;
        }
        
        .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;
        }