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;
        }
    

        .ty-banner-1 {
            overflow: hidden;
            line-height: 0;
            text-align:center;
        }
        .ty-banner-1 img{
            visibility: hidden;
        }
        .ty-banner-1 img.show{
            visibility: visible;
        }
    

        .p1-search-1 {
            background: #f2f2f2;
            height: 82px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            font-size: 14px;
        }
        
        .p1-search-1 p {
            color: #444;
            line-height: 82px;
        }
        
        .p1-search-1 a {
            color: #444;
            display: inline-block;
            margin-right: 15px;
        }
        
        .p1-search-1-inp {
            width: 270px;
            height: 30px;
            border-radius: 20px;
            background: #fff;
            padding-left: 10px;
            margin-top: 28px;
        }
        
        .p1-search-1-inp input {
            border: 0;
        }
        
        .p1-search-1-inp1 {
            width: 224px;
            height: 30px;
            line-height: 30px;
            color: #a9a9a9;
            float: left;
        }
        
        .p1-search-1-inp2 {
            width: 30px;
            height: 30px;
            background: url(images/VISkins-p1.png) no-repeat -258px -936px;
            float: right;
            cursor: pointer;
        }
    

        .p12-curmbs-1 {
            font-size: 14px;
            border-bottom: 1px dashed #dcdcdc; line-height: 65px;
        }
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #000000;
            font-weight: normal;
            padding-left: 8px;
        } 
        .p12-curmbs-1 i {
            font-style: normal;
        }
        
        .p12-curmbs-1 span {
            font-family: '宋体';
            padding: 0 5px;
            height: 46px;
            line-height: 46px;
        }
    

        .p16-left-nav-1 {
            height: 55px;
            background: #eee;
            margin-bottom: 20px;
            overflow: hidden;
        }
        
        .p16-left-nav-1 li {
            width: 20%;
            height: 55px;
            font-size: 18px;
            line-height: 55px;
            text-align: center;
            float: left;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow:hidden;
            white-space: nowrap;
        }
        .p16-left-nav-1 .noborder{border:0;}
        
        .p16-left-nav-1 li a{color: #595757;}
        
        .p16-left-nav-1 li.sidenavcur,
        .p16-left-nav-1 li:hover {
            background: url(images/p16-icon6.png) no-repeat bottom center #18889d;
            border-color: #18889d;
        }
        
        .p16-left-nav-1 li.sidenavcur a,
        .p16-left-nav-1 li:hover a {
            color: #fff;
        }
    

        .p14-infocontent-1 {
            background: #fff;
            padding: 18px 0;
        }
        
        .p14-infocontent-1-tit {
            height: 38px;
            font-size: 24px;
            font-weight: normal;
            line-height: 38px;
            color: #4b4a4a;
            text-align: center;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-infocontent-1-sour {
            height: 24px;
            font-size: 12px;
            line-height: 24px;
            text-align: center;
            color: #aaa;
            margin-bottom: 20px;
        }
        
        .p14-infocontent-1-sour a {
            color: #aaa;
        }
        
        .p14-infocontent-1-sour span {
            margin: 0 9px;
        }
        
        .p14-infocontent-1-text {
            padding: 16px 18px;
            font-size: 14px;
            line-height: 24px;
            border: 1px solid #d6d6d6;
            margin-bottom: 22px;
        }
        
        .p14-infocontent-1-text-t1 {
            width: 78px;
            float: left;
            color: #342f2e;
            margin-right: -78px;
        }
        
        .p14-infocontent-1-text-t2 {
            padding-left: 80px;
        }
    

 .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;}
 

.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;}
}
 

        .p14-info-3 {
            background: #f5f5f5;
            padding: 8px 20px;
        }
        
        .p14-info-3-tit {
            height: 55px;
            font-size: 24px;
            font-weight: normal;
            line-height: 55px;
            color: #4b4a4a;
        }
        
        .p14-info-3-list li h4{
            height: 46px;
            font-size: 14px;
            font-weight: normal;
            line-height: 46px;
            color:#4b4a4a;
            border-top: 1px dashed #dbdbdb;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .p14-info-3-list li h4 a{ color:#4b4a4a;}
        .p14-info-3-list li h4 span {
            float: right;
        }
    

        .p14-pagination-1 dl {
            margin-bottom: 24px;
            padding-right: 40px;
        }
        
        .p14-pagination-1 dd {
            height: 32px;
            font-size: 14px;
            line-height: 32px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .p14-pagination-1 dd b{float: right;font-weight:normal;}
        
        .p14-pagination-1 dd span {
            width: 60px;
            height: 32px;
            background: #a2a2a2;
            color: #fff;
            text-align: center;
            display: inline-block;
            margin-right: 10px;
        }
        
        .p14-pagination-1 dt {
            height: 1px;
            border-bottom: 1px dashed #b5b5b5;
            margin-left: 60px;
            padding-top: 2px;
            margin-bottom: 2px;
        }
        .p14-pagination-1 dd em{float: right; padding-left: 20px;font-weight: normal;}
        .p14-pagination-1 dl a{color:#4b4a4a;}
        .p14-pagination-1-href {
            float: right;
            font-size: 18px;
            line-height: 32px;
        }
        
        .p14-pagination-1-href span {
            display: inline-block;
            padding: 0 6px;
            margin-left: 4px;
            background: #000000;
        }
        
        .p14-pagination-1-href a {
            display: block;
            color: #fff;
        }
        
        .p14-pagination-1-key {
            min-height: 40px;
            border-top: 1px solid #000000;
            font-size: 14px;
            line-height: 40px;
            color:#575556;
        }
        .p14-pagination-1-key a{ color:#575556;}
        .p14-pagination-1-key span {
            display: inline-block;
            margin: 0 4px;
        }
    
.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:405px; 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;
        }