blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;outline:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1}
.dn{display:none}
input,select,textarea{font-size:14px;color:#999;font-family:"Microsoft Yahei",sans-serif;outline:0;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
body{color:#333;font-size:16px;line-height:1.7;font-family:"Microsoft Yahei",sans-serif;min-width:1024px}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a,img{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
img,video{width:auto;height:auto;max-width:100%;vertical-align:middle}
img{object-fit:cover}
video{outline:0;border:none}
a{color:#999;text-decoration:none;border:none;outline:0}
textarea{resize:none}
.dn{display:none}
.wp{max-width:1520px;margin:0 auto;width:94%}

.fixed-right{width:150px;height:314px;position:fixed;right:10px;bottom:30%;background:#7ba6ed;background:-moz-linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);background:-webkit-linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);background:-o-linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);background:-ms-linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);background:linear-gradient(-63deg,#347aff 0,#7ba6ed 100%);border-radius:10px 10px 75px 75px;padding:6px 6px 0;z-index:999}
.fixed-right .fixed{background-color:#fff;border-radius:10px 10px 24px 24px;text-align:center;padding-top:33px;position:relative}
.fixed-right .fixed a{display:inline-block;width:124px;height:38px;line-height:38px;background-color:#b3cdff;font-size:20px;color:#0e2655;border-radius:19px;margin-bottom:30px}
.fixed-right .fixed a:hover{background-color:#ffa11b}
.fixed-right .fixed .fix-get{position:relative;z-index:1}
.fixed-right .fixed:after{content:'';width:125px;height:123px;background:url(../images/swt-kf.png) no-repeat;position:absolute;top:-70px;left:6px}
.return-top{display:block;width:100%;height:62px;border-radius:0 0 75px 75px;cursor:pointer;background:url(../images/top.png) no-repeat center}
.b-box{position:relative;z-index:1}
.b-box .box{width:182px;position:absolute;right:-150%;top:-36px;background-color:#fff;padding:10px 10px 5px 12px;border:1px solid #f6f6f6;-webkit-box-shadow:2px 0 4px #f6f6f6;-moz-box-shadow:2px 0 4px #f6f6f6;-ms-box-shadow:2px 0 4px #f6f6f6;-o-box-shadow:2px 0 4px #f6f6f6;box-shadow:2px 0 4px #f6f6f6;z-index:-1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.b-box:hover .box{right:111%;z-index:9}
.b-box .box .top{overflow:hidden}
.b-box .box .top img{float:left}
.b-box .box .top .txt{float:left;margin-left:5px;margin-top:6px}
.b-box .box .top .txt p{font-size:14px;color:#4a4a4a;line-height:24px}
.b-box .box .top .txt span{display:block;font-size:14px;color:#7f7f7f;line-height:24px;font-style:italic}
.b-box strong{display:block;font-size:20px;color:#1559d6;line-height:30px}
.b-box .box:after{content:'';width:9px;height:19px;background:url(../images/swt-arr.png) no-repeat;position:absolute;right:-9px;top:45px}

.fixed-right.zt-right{background:#51b9bc;background:-moz-linear-gradient(-63deg,#0285b3 0,#51b9bc 100%);background:-webkit-linear-gradient(-63deg,#0285b3 0,#51b9bc 100%);background:-o-linear-gradient(-63deg,#0285b3 0,#51b9bc 100%);background:-ms-linear-gradient(-63deg,#0285b3 0,#51b9bc 100%);background:linear-gradient(-63deg,#0285b3 0,#51b9bc 100%);}
.fixed-right.zt-right .fixed a{background-color: #9bd7d8;color: #0f5c76;}
.zt-right .b-box strong{color:#0285b3;}


/* ======================= header ======================= */

.header {background:#51b9bc;background: -moz-linear-gradient(left, #0285b3 0%, #51b9bc 100%);background: -webkit-linear-gradient(left, #0285b3 0%,#51b9bc 100%);background: -o-linear-gradient(left, #0285b3 0%,#51b9bc 100%);background: -ms-linear-gradient(left, #0285b3 0%,#51b9bc 100%);background: linear-gradient(to right, #0285b3 0%,#51b9bc 100%);padding: 29px 0 22px;}
.header .logo{float:left;margin-right:20px}
.header .nav{float:left;width:58%;margin-left:64px}
.header .nav ul{overflow:hidden}
.header .nav ul li{float:left;width:12.5%;text-align:center;line-height: 56px;}
.header .nav ul li a{display:block;color:#fff;font-size:18px}
.header .nav ul li.on a,.header .nav ul li:hover a{color:#f4c223}
.header .head-tel{float:right;line-height: 56px;}
.header .head-tel p{background:url(../images/head-tel.png) no-repeat left center;padding-left:56px;font-size:16px;color:#fff}
.header .head-tel p strong{font-size:24px;}

.header .nav ul{overflow: visible;}
.header .nav .nav-one{position: relative;}
.header .nav .nav-one:hover .nav-two{display: block;}
.header .nav .nav-one:hover .nav-two a{color: #FFF;}
.header .nav .nav-two{background-color: #1982a2;position: absolute;top: 100%;left: 0;width: 170px;display: none;z-index: 99999;}
.header .nav .nav-two.nav-zhai{width: 120px;}
.header .nav .nav-two li{float: none;width: 100%;display: block;text-align: left;}
.header .nav .nav-two li a{display: block;font-size: 16px;line-height: 44px;padding:0 20px;}
.header .nav .nav-two li:hover a{background-color: #0d6e8b;}
.header .nav .nav-three{display: none;}
.header .nav .nav-two li:hover .nav-three{display: block;}
.header .nav .nav-two li:hover .nav-three li a{background-color: #0a5c75;padding-left: 30px;}
.header .nav .nav-two li .nav-three li:hover a{background-color: #23738c;}
.header .nav .nav-arr{background: url(../images/nav-arr.png) no-repeat right 10px center;}
@media screen and (max-width: 1440px){
  .header .nav .nav-two{left:-8px}
}
@media screen and (max-width: 1260px){
  .header .nav .nav-two{left:-10px}
}

/* ======================= 首屏 ======================= */

.zt-top{background: url(../images/zt-bg.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding: 115px 0 112px;}
.zt-top .wp{position: relative;}
.zt-top h1 {padding-left: 150px;margin-bottom: 35px;}
.zt-top h1 strong{display: block;font-size: 112px;line-height: 122px;color: #92f2ff;background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#92f2ff));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;position:relative;margin-bottom: 36px;}
.zt-top h1 span{display: inline-block;padding-left: 144px;font-size: 90px;line-height: 100px;color: #f3d138;background-image: -webkit-gradient(linear, 0 0, right 0, from(#f8e58e), to(#f3d138));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.zt-top p{margin-left: 154px;color: #073c4c;font-size: 38px;line-height: 76px;background: url(../images/zt-bg1.png) no-repeat left center;padding-left: 46px;}
.zt-top p img{margin-left: 16px;}
.zt-top a{display: block;width: 320px;line-height: 76px;line-height: 76px;text-align: center;font-size: 32px;color: #073c4c;position: absolute;right: 180px;bottom: 0;background-color: #f4c223; background:-moz-linear-gradient(#f4c223,#eae796 50%,#ceb03e);background:-webkit-gradient(linear,center top,center bottom,from(#f4c223),color-stop(.5,#eae796),to(#ceb03e));background:-webkit-linear-gradient(#f4c223,#eae796 50%,#ceb03e);background:-o-linear-gradient(#f4c223,#eae796 50%,#ceb03e);background:-ms-linear-gradient(#f4c223,#eae796 50%,#ceb03e);background:linear-gradient(#f4c223,#eae796 50%,#ceb03e);border-radius: 38px;}
.zt-top a:hover{border-radius: 0;}

/* ======================= 第二屏 ======================= */

.zt-one{background: url(../images/zt-bg2.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 56px;padding-bottom: 92px;}

.zt-tit{text-align: center;position: relative;}
.zt-tit h2{font-size: 48px;color: #0285b3;background-image: -webkit-gradient(linear, 0 0, right 0, from(#51b9bc), to(#0285b3));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;line-height: 58px;position: relative;z-index: 1;padding-top: 30px;margin-bottom: 16px;display: inline-block;}
.zt-tit span{display: block;font-size: 110px;font-weight: bold;font-family: "Arial";line-height: 1.1em;text-transform: uppercase;position: absolute;width: 100%;text-align: center;left: 0;top: -14px;color:rgba(0, 0, 0, 0.07);display: none \9;}
:root .zt-tit span{display: block;} 
    
.zt-tit p{font-size: 26px;color: #4c4c4c;line-height: 38px;}
.zt-tit p:before,.zt-tit p:after{content: '';display: inline-block;width: 40px;height: 3px;background-color: #666666;vertical-align: middle;margin-top: -2px;}
.zt-tit p:before{margin-right: 20px;}
.zt-tit p:after{margin-left: 20px;}

.zt-one .content{margin-top: 84px;}
.zt-one .col-text{float: left;width: 47%;padding-right: 110px;margin-top: 46px;}
.zt-one .col-text h3{font-size: 40px;color: #4c4c4c;line-height: 50px;padding-bottom: 30px;position: relative;margin-bottom: 26px;}
.zt-one .col-text h3:after{content:'';width: 80px;height: 4px;background:#febd25;background: -moz-linear-gradient(left, #e58433 0%, #febd25 100%);background: -webkit-linear-gradient(left, #e58433 0%,#febd25 100%);background: -o-linear-gradient(left, #e58433 0%,#febd25 100%);background: -ms-linear-gradient(left, #e58433 0%,#febd25 100%);background: linear-gradient(to right, #e58433 0%,#febd25 100%);position: absolute;left: 0;bottom: 0;}
.zt-one .col-text p{font-size: 18px;color: #4c4c4c;line-height: 2.4em;}
.zt-one .col-img{float: right;width: 53%;}

/* ======================= 第三屏 ======================= */

.zt-two{padding:80px 0 136px;}
.zt-two h3{text-align: center;font-size: 40px;color: #333333;line-height: 50px;margin-bottom: 123px;}

.zt-box .left{float: left;width: 32%;}
.zt-box .center{float: left;width: 36%;text-align: center;position: relative;}
.zt-box .right{float: right;width: 32%;}
.zt-box ul{margin-top: 30px;}
.zt-box .left li{padding-left: 24px;}
.zt-box li {margin-bottom: 26px;position: relative;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.zt-box li p{font-size: 22px;color: #666666;line-height: 90px;}
.zt-box li.a1{background: url(../images/zt-bj.png) no-repeat left center;}
.zt-box li.a2{background: url(../images/zt-bj1.png) no-repeat left center;}
.zt-box li.a3{background: url(../images/zt-bj2.png) no-repeat left center;}
.zt-box li.a4{background: url(../images/zt-bj3.png) no-repeat left center;}
.zt-box li.b1{background: url(../images/zt-bj4.png) no-repeat right center;padding-left: 86px;}
.zt-box li.b2{background: url(../images/zt-bj5.png) no-repeat right center;padding-left: 126px;}
.zt-box li.b3{background: url(../images/zt-bj6.png) no-repeat right center;padding-left: 126px;}
.zt-box li.b4{background: url(../images/zt-bj7.png) no-repeat right center;padding-left: 86px;}
.zt-box .left li:after{content:'';width: 24px;height: 24px;background: url(../images/zt-icon.png) no-repeat;position: absolute;top: 34px;}
.zt-box li.a1:after{right: 50px;}
.zt-box li.a2:after{right: 88px;}
.zt-box li.a3:after{right: 88px;}
.zt-box li.a4:after{right: 50px;}
.zt-box .right li:after{content:'';width: 29px;height: 26px;background: url(../images/zt-icon1.png) no-repeat;position: absolute;top: 32px;}
.zt-box li.b1:after{left: 50px;}
.zt-box li.b2:after{left: 88px;}
.zt-box li.b3:after{left: 88px;}
.zt-box li.b4:after{left: 50px;}

.zt-box .center:after{content:'';width: 589px;height: 591px;background: url(../images/zt-dot.png) no-repeat center;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;position: absolute;left:-22px;top: -46px;z-index: -1;-webkit-animation: animal 20s infinite linear ;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;animation: animal 20s infinite linear ;}
@-webkit-keyframes animal {
    0%{
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
    }
    100%{
      transform: rotate(-360deg);
      -ms-transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
    }
}
@keyframes animal {
    0%{
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
    }
    100%{
      transform: rotate(-360deg);
      -ms-transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
    }
}

/* ======================= 第四屏 ======================= */

.zt-three{background: url(../images/zt-bg4.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 54px;padding-bottom: 86px;}
.zt-three .zt-tit h2{color: #fff;background-image: -webkit-gradient(linear, 0 0, right 0, from(#fff), to(#fff));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: #fff;}
.zt-three .zt-tit p{color: #e8e8e8;}
.zt-three .zt-tit p:before,.zt-three .zt-tit p:after{background-color: #e8e8e8;}

.zt-three .img{margin-top: 75px;}
.zt-three .img img{display: block;width: 100%;}

/* ======================= 第五屏 ======================= */

.zt-four{background-color: #f3f7fa;padding-top: 54px;padding-bottom: 14px;}
.zt-four .zt-tit{margin-bottom: 100px;}

.zt-area{background: url(../images/zt-img2.jpg) no-repeat left top;padding:64px 0 36px 27.5%;position: relative;z-index: 1;margin-bottom: 72px;}
.zt-area .area{background: url(../images/zt-bg5.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-box-shadow:0 2px 20px rgba(45,93,168,0.2);-moz-box-shadow:0 2px 20px rgba(45,93,168,0.2);-ms-box-shadow:0 2px 20px rgba(45,93,168,0.2);-o-box-shadow:0 2px 20px rgba(45,93,168,0.2);box-shadow:0 2px 20px rgba(45,93,168,0.2);}
.zt-area ul{float: left;width: 50%;}
.zt-area .left-ul {padding:62px 60px 30px 56px;position: relative;}
.zt-area .left-ul li{margin-bottom: 22px;}
.zt-area .left-ul:after{content:'';width: 1px;background: url(../images/zt-line.png) no-repeat;position: absolute;right: 0;top: 20px;bottom: 20px;}
.zt-area li strong{display: inline-block;font-size: 24px;line-height: 34px;font-weight: normal;color: #e58433;background-image: -webkit-gradient(linear, 0 0, right 0, from(#e58433), to(#febd25));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 6px;}
.zt-area li p{font-size: 18px;color: #666666;line-height: 36px;}
.zt-area li p em{font-style: normal;color: #ff4800;}
.zt-area .right-ul{padding:62px 40px 30px 60px;}
.zt-area .right-ul li{margin-bottom: 24px;}
.zt-area .area:before{content:'';width: 1150px;height: 500px;background: url(../images/zt-bg6.png) no-repeat;position: absolute;right: 0;top: -28px;z-index: -1;}

.zt-news>span{font-size: 40px;color: #333333;text-align: center;line-height: 50px;margin-bottom: 52px;display: block;}

.news-list{margin-left: -2%;}
.news-list li{float: left;width: 48%;margin-left: 2%;position: relative;padding-bottom: 36px;margin-bottom: 34px;border-bottom:1px dashed #cfd2d5}
.news-list li .pic{display: block;float: left;width: 195px;height: 150px;object-fit: cover;border-radius: 10px;position: relative;z-index: 1;}
.news-list li .pic img{display: block;width: 100%;border-radius: 10px;}
.news-list li .text{background-color: #fff;padding:14px 50px 14px 34px;margin-top: 10px;border-radius:0 10px 10px 0;margin-left: 20px;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);box-shadow: 0 0 10px rgba(0, 0, 0, .2);overflow: hidden;position: relative;left: -5px;}
.news-list li .text .tit{display: block;font-size: 22px;color: #333333;line-height: 34px;height:68px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 14px;}
.news-list li .text span{display: inline-block;font-size: 20px;color: #666666;line-height: 30px;}
.news-list li .text .tit:hover{color: #ff4800;}
.news-list li.last{border-bottom:0;}

/* ======================= 第六屏 ======================= */

.zt-five{overflow: hidden;background: #09607a;}
.zt-five .col-text{float: left;width: 50%;background:#0285b3;background: -moz-linear-gradient(left, #51b9bc 0%, #0285b3 100%);background: -webkit-linear-gradient(left, #51b9bc 0%,#0285b3 100%);background: -o-linear-gradient(left, #51b9bc 0%,#0285b3 100%);background: -ms-linear-gradient(left, #51b9bc 0%,#0285b3 100%);background: linear-gradient(to right, #51b9bc 0%,#0285b3 100%);padding:50px 0 0 10%;}
.zt-five .col-text h2{font-size: 48px;color: #ffffff;line-height: 58px;margin-bottom: 45px;}
.item-ul li{margin-bottom: 22px;}
.item-ul li strong{display: inline-block;width: 160px;height: 42px;line-height: 42px;background: url(../images/zt-icon2.png) no-repeat center;text-align: center;font-size: 22px;color: #fff;font-weight: normal;position: relative;margin-bottom: 20px;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.item-ul li strong i{font-style: normal;display: block;font-size: 30px;position: absolute;left: 8px;bottom: -8px;line-height: 1.1em;width: 20px;text-align: center;}
.item-ul li p{font-size: 18px;color: #f7f7f7;line-height: 36px;}
.click-btn{padding-left: 172px;position: relative;margin-right: -172px;margin-top: 52px;}
.click-btn a{display: inline-block;font-size: 36px;color: #fff;line-height: 72px;padding:12px 20px 12px 172px;letter-spacing: 2px;text-shadow: 0 4px 4px rgba(0,0,0,0.25);background:#e98d31;background: -moz-linear-gradient(left, #33a5b9 20%,#febd25 50%, #e98d31);background: -webkit-linear-gradient(left, #33a5b9 20%,#febd25 50%, #e98d31);background: -o-linear-gradient(left, #33a5b9 20,#febd25 50%,#e98d31);background: -ms-linear-gradient(left, #33a5b9 20%,#febd25 50%,#e98d31);background: linear-gradient(to right, #33a5b9 20%,#febd25 50%,#e98d31);border-radius: 50px;}
.click-btn a i{display: inline-block;width: 72px;height: 72px;border-radius: 50%;background: url(../images/zt-btn.png) no-repeat center #fff;vertical-align: middle;}

.zt-five .col-right{float: right;width: 50%;background-color: #09607a;padding-bottom: 50px;}
.zt-five .col-right .video{position: relative;z-index: 1;}
.zt-five .col-right video{display: block;width: 100%;}
.zt-five .col-right .play{cursor: pointer;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: 1;}
.col-qt{padding-left:146px;position: relative;}
.col-qt span{display: block;width: 28px;font-size: 28px;color: #fff;line-height: 1.2em;position: absolute;left: 98px;top: 12px;}
.col-qt span:before{content:'';width: 16px;height: 49px;background: url(../images/zt-line1.png) no-repeat;position: absolute;top: -58px;left: 5px;}
.col-qt ul{overflow: hidden;margin-top: 36px;}
.col-qt ul li{float: left;padding:0 8px;}

/* ======================= 第七屏 ======================= */

.zt-six{background: url(../images/zt-bg7.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 84px;padding-bottom: 82px;}
.zt-six .text{text-align: center;}
.zt-six .text strong{display: block;font-size: 40px;line-height: 50px;color: #333333;font-weight: normal;margin-bottom: 20px;}
.zt-six .text p{font-size: 26px;color: #333333;line-height: 36px;}
.zt-six .text p em{font-style: normal;color: #e58433;}
.zt-six .text p span{display: inline;margin:0 18px;}
.zt-six .img{text-align: center;margin-top: 30px;position: relative;padding-bottom: 46px;}
.zt-six .img img{display: block;width: 100%;}
.zt-six .img p{width: 210px;height: 50px;position: absolute;left: 50%;bottom: 0;font-size: 22px;}
.zt-six .img a{display: block;position: relative;z-index: 1;border-radius: 10px;background-color: #fff;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);box-shadow: 0 0 10px rgba(0, 0, 0, .2);line-height: 50px;color: #09607a;}
.zt-six .img .on1{margin-left: -672px;}
.zt-six .img .on2{margin-left: -164px;}
.zt-six .img .on3{margin-left: 366px;}
.zt-six .img p:after{content:'';position: absolute;top: 5px; left: 0;width: 100%; height: 100%;background-color: #84afbc;border-radius: 10px;}
.zt-six p{font-size: 22px;color: #666666;line-height: 32px;text-align: center;margin-top: 78px;}
.zt-six .img a:hover{color: #e58433;}

/* ======================= 第八屏 ======================= */

.zt-seven{background: url(../images/zt-bg8.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 58px;padding-bottom: 60px;}

.seven-box .text{float: left;width: 26%;margin-top: 46px;}
.seven-box .text strong{display: block;font-size: 40px;line-height: 56px;color: #333333;font-weight: normal;margin-bottom: 18px;}
.seven-box .text p{font-size: 24px;color: #333333;line-height: 36px;margin-bottom: 10px;}
.seven-box .text p span{color: #e58433;}
.seven-box .col-img{float: right;width: 74%;position: relative;}
.seven-box .col-img img{display: block;width: 100%;}
.zt-seven .wp>p{text-align: center;font-size: 22px;color: #666666;line-height: 32px;margin-top: 42px;}
.col-img .box span{display: block;width: 46px;height: 46px;border-radius: 50%;background-color: #4cc4cf;text-align: center;font-size: 20px;color: #ffffff;    font-weight: bold;cursor: pointer;position: relative;}
.col-img .box span:before,.col-img .box span:after{content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.col-img .box span:before{width: 2px;height: 10px;background-color: #fff;}
.col-img .box span:after{width: 10px;height: 2px;background-color: #fff;}
.col-img .box{position: absolute;left: 50%;}
.col-img .box1{top: 156px;margin-left: -416px;}
.col-img .box2{top: 356px;margin-left: -200px;}
.col-img .box3{top: 270px;margin-left: 140px;}
.col-img .box .text{width: 276px;background-color: #fff;padding:16px 15px 6px;position: absolute;-webkit-box-shadow: 0 0 10px #f3f4f6;-moz-box-shadow: 0 0 10px #f3f4f6;-ms-box-shadow: 0 0 10px #f3f4f6;-o-box-shadow: 0 0 10px #f3f4f6;box-shadow: 0 0 10px #f3f4f6;top: 12px;left: -118px;z-index: 1;display: none;}
.col-img .box span.active:before{opacity: 0;filter:alpha(opacity=0);}
.col-img .box .text strong{display: block;font-size: 18px;color: #333333;font-weight: bold;line-height: 28px;}
.col-img .box .text p{line-height: 2em;color: #666666;font-size: 16px;}

/* ======================= 第九屏 ======================= */

.zt-case{background: url(../images/zt-bg9.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 75px;padding-bottom: 78px;overflow: hidden;}
.zt-case .wp>span{text-align: center;font-size: 40px;color: #ffffff;line-height: 50px;margin-bottom: 55px;display: block;}
.slick-case .slick-item{overflow: hidden;}
.slick-case .vodie{float: left;width: 52%;border-radius: 8px;border:1px solid #fff;position: relative;}
.slick-case .vodie video{display: block;width: 100%;border-radius: 8px;}
.slick-case .vodie .mark{position: absolute;background-image: url(../images/play1.png);background-repeat: no-repeat;background-position: center;cursor: pointer;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 44px;height: 44px;}
.slick-case .text{float: right;width: 48%;padding:0 20px;}
.slick-case .text .tit{font-size: 28px;color: #ebfaff;line-height: 38px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 30px;}
.slick-case .text p{font-size: 18px;color: #ffffff;line-height: 30px;padding-left: 30px;background: url(../images/zt-icon3.png) no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 10px;}
.slick-case .slick-arrow{outline: none;font-size: 0;width: 60px;height: 60px;border:1px solid #fff;background-color: transparent;position: absolute;top: 78px;cursor: pointer;}
.slick-case .slick-prev{background-image: url(../images/zt-arr.png);background-repeat: no-repeat;background-position: center;left: -120px;}
.slick-case .slick-next{background-image: url(../images/zt-arr1.png);background-repeat: no-repeat;background-position: center;right: -120px;}

/* ======================= 第十屏 ======================= */

.zt-eight{background: url(../images/zt-bg10.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 44px;padding-bottom: 82px;}
.zt-eight .zt-tit{margin-bottom: 60px;}
.zt-eight .wp>p{font-size: 18px;line-height: 2em;color: #4c4c4c;margin-bottom: 40px;}

/* ======================= 第十一屏 ======================= */

.zt-nine{background: url(../images/zt-bg11.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 76px;padding-bottom: 72px;}
.zt-nine h3{font-size: 40px;color: #fff;text-align: center;line-height: 50px;font-weight: normal;margin-bottom: 74px;}
.zt-nine ul{overflow: hidden;margin-left: -1.7%;}
.zt-nine ul li{float: left;width: 12.5%;margin-left: 1.7%;text-align: center;margin-bottom: 56px;}
.zt-nine ul li .pic{border-radius: 50%;}
.zt-nine ul li .pic img{display: block;width: 100%;border-radius: 50%;border:5px solid #fff;}
.zt-nine ul li  p{font-size: 24px;line-height: 34px;color: #fff;margin-top: 25px;}
.zt-nine .wp>p{font-size: 18px;color: #fff;line-height: 36px;text-align: center;}

/* ======================= 第十二屏 ======================= */
.zt-ten{background-color: #f4f9fd;padding-top: 54px;}
.zt-ten .content{margin-top: 75px;overflow: hidden;padding-bottom: 146px;}
.zt-ten .col-l{float: left;width: 49%;}
.zt-ten .col-r{float: right;width: 49%;}
.zt-ten .base-tit{text-align: center;padding: 40px 0 82px;}
.zt-ten .base-tit strong{display: block;font-size: 40px;color: #ffffff;position: relative;line-height: 50px;}
.zt-ten .base-tit strong:after{content: '';width: 100px;height: 10px;background-color: #ffb831;position: absolute;bottom: -30px;left: 50%;margin-left: -50px;}
.zt-ten .col-l .base-tit{background: url(../images/zt-bg12.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.zt-ten .col-r .base-tit{background: url(../images/zt-bg12.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.zt-ten .con{padding:0 30px;position: relative;margin-top: -52px;}
.zt-ten ul{background: url(../images/zt-bg14.jpg) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-ms-box-shadow: 0 0 10px rgba(0, 0, 0, .2);-o-box-shadow: 0 0 10px rgba(0, 0, 0, .2);box-shadow: 0 0 10px rgba(0, 0, 0, .2);padding:68px 40px 0;height: 420px;}
.zt-ten li{font-size: 20px;color: #5c5c5c;line-height: 36px;padding-left: 30px;background: url(../images/zt-icon4.png) no-repeat left 10px;}
.zt-ten li em{font-style: normal;color: #fb9f2e;}
.zt-ten .col-l li{margin-bottom: 12px;}
.zt-ten .col-r li{margin-bottom: 26px;}

/* ======================= 第十三屏 ======================= */
.zt-strength{background: url(../images/zt-bg15.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-bottom: 126px;}

.zt-strength .col-l{float: left;width: 55%;margin-top: 74px;}
.zt-strength .col-l h2{font-size: 48px;color: #ffffff;line-height: 58px;margin-bottom: 50px;}
.zt-strength .col-l p{font-size: 18px;line-height: 36px;color: #fff;margin-bottom: 22px;}
.zt-strength .col-r{float: right;width: 41%;padding:0 12px;position: relative;margin-top: -56px;}
.zt-strength .box{background-color: #fff;-webkit-box-shadow:0 2px 20px rgba(45,93,168,0.2);-moz-box-shadow:0 2px 20px rgba(45,93,168,0.2);-ms-box-shadow:0 2px 20px rgba(45,93,168,0.2);-o-box-shadow:0 2px 20px rgba(45,93,168,0.2);box-shadow:0 2px 20px rgba(45,93,168,0.2);padding-top: 45px;text-align: center;position: relative;padding-bottom: 73px;z-index: 1;}
.zt-strength .box>strong{display: inline-block;font-size: 48px;line-height: 58px;color: #0285b3;background-image: -webkit-gradient(linear, 0 0, right 0, from(#51b9bc), to(#0285b3));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 10px;}
.zt-strength .box>span{display: block;font-size: 24px;color: #ff7600;line-height: 34px;}
.zt-strength ul{padding:0 30px;position: relative;}
.zt-strength ul li{float: left;width: 50%;padding:36px 0;}
.zt-strength ul li strong{display: block;font-size: 40px;color: #0c84a8;line-height: 50px;}
.zt-strength ul li strong em{font-style: normal;font-size: 18px;}
.zt-strength ul li p{font-size: 20px;color: #0c84a8;line-height: 30px;}
.zt-strength ul:before{content:'';width: 300px;height: 300px;background: url(../images/zt-line2.png) no-repeat;position: absolute;left: 50%;top: 50%;margin-left: -150px;margin-top: -150px;}
.zt-strength .col-r .btn{text-align: center;width: 100%;position: absolute;bottom: -33px;}
.zt-strength .col-r .btn a{display: inline-block;font-size: 22px;color: #ffffff;font-weight: bold;line-height: 66px;border-radius: 33px;padding:0 32px;background:#e58433;background: -moz-linear-gradient(top, #febd25 0%, #e58433 100%);background: -webkit-linear-gradient(top, #febd25 0%,#e58433 100%);background: -o-linear-gradient(top, #febd25 0%,#e58433 100%);background: -ms-linear-gradient(top, #febd25 0%,#e58433 100%);background: linear-gradient(to bottom, #febd25 0%,#e58433 100%);-webkit-box-shadow: 0 0 20px #aa9853;-moz-box-shadow: 0 0 20px #aa9853;-ms-box-shadow: 0 0 20px #aa9853;-o-box-shadow: 0 0 20px #aa9853;box-shadow: 0 0 20px #aa9853;}
.zt-strength .col-r .btn a:hover{color: #0285b3;}
.zt-strength .box:before,.zt-strength .box:after{content:'';width: 22px;height: 56px;position: absolute;top: 0;z-index: -1;}
.zt-strength .box:before{background: url(../images/zt-arr2.png) no-repeat;left: -20px;}
.zt-strength .box:after{background: url(../images/zt-arr3.png) no-repeat;right: -22px;}

/* ======================= 第十四屏 ======================= */

.zt-serve{margin-bottom: 124px;}
.serve-top{background: url(../images/zt-bg16.jpg) no-repeat top center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 78px;padding-bottom: 100px;}
.serve-top .wp{position: relative;}
.serve-top h3{text-align: center;font-size: 40px;color: #333333;line-height: 50px;font-weight: normal;margin-bottom: 94px;}
.serve-top .img{padding: 34px 0 36px;}
.serve-top .img img{display: block;width: 100%;}
.serve-ul{position: absolute;top: 0;width: 100%;padding:0 64px;}
.serve-ul li{float: left;text-align: center;width: 20%;}
.serve-ul li span{display: block;font-size: 22px;color: #4c4c4c;line-height: 32px;}
.serve-ul li:nth-child(odd) img{margin-bottom: 12px;}
.serve-ul li.on1,.serve-ul li.on3{margin-top: 16px;}
.serve-ul li.on1 img,.serve-ul li.on3 img{margin-top: 12px;}
.zt-serve .img img{display: block;width: 100%;}
/* ======================= 第十五屏 ======================= */

.message-box{background:url(../images/msg-bg.jpg) no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:relative}
.message-box:after{content:'';width:684px;height:369px;background:url(../images/msg-img.png) no-repeat;position:absolute;right:0;top:0}
.message-box::before{content:'';width:404px;height:118px;background:url(../images/msg-dot.png) no-repeat;position:absolute;left:8px;top:40px}
.show-msg .msg-fl{float:left;width:50%;margin-top:60px}
.show-msg .msg-fl strong{display:block;font-size:50px;line-height:60px;color:#fff;font-weight:normal;margin-bottom:28px;position:relative;z-index:1}
.show-msg .msg-fl p{font-size:18px;color:#fff;line-height:28px}
.show-msg .msg-fl ul{margin-top:75px;overflow:hidden;margin-left:-2%}
.show-msg .msg-fl li{float:left;position:relative;width:46.3%;margin-left:2%;margin-right:1.7%;margin-bottom:18px;background:url(../images/msg-bg.png) no-repeat}
.show-msg .msg-fl li img{position:absolute;left:20px;top:20px;width:18px;height:auto}
.show-msg ul li input,.show-msg ul li textarea{color:#dfdede;width:100%;line-height:32px;padding:14px 15px 14px 45px;font-size:16px;background-color:transparent;outline:0}
.show-msg input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #267EA4 inset!important;box-shadow:0 0 0 1000px #267EA4 inset!important;-webkit-text-fill-color:#dfdede!important}
.show-msg ul li.msg-area{width:98%;height:236px;margin-right:0;background:url(../images/msg-bg1.png) no-repeat;}
.show-msg ul li.msg-area textarea{height:93%}
.show-msg ul li.msg-area img{top:22px}
.foot-btn{position:relative;width:210px;margin-top:28px;margin-bottom:58px;}
.foot-btn input{width:100%;height:60px;line-height:60px;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;cursor:pointer;color:#fff;font-size:22px;padding-right:30px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;background:#e58433;background: -moz-linear-gradient(left, #febd25 0%, #e58433 100%);background: -webkit-linear-gradient(left, #febd25 0%,#e58433 100%);background: -o-linear-gradient(left, #febd25 0%,#e58433 100%);background: -ms-linear-gradient(left, #febd25 0%,#e58433 100%);background: linear-gradient(to right, #febd25 0%,#e58433 100%);}
.foot-btn img{position:absolute;left:60%;top:19px;width:24px;height:auto}
.foot-btn:hover input{padding-right:0}
.foot-btn:hover img{-webkit-animation:fadeio .3s forwards;-moz-animation:fadeio .3s forwards;-ms-animation:fadeio .3s forwards;-o-animation:fadeio .3s forwards;animation:fadeio .3s forwards}
@-webkit-keyframes fadeio{
  0%{top:19px}
  33%{top:2px;left:65%}
  66%{top:-22px;left:70%;opacity:1}
  100%{top:-44px;left:80%;opacity:0}
}
@keyframes fadeio{
  0%{top:19px}
  33%{top:2px;left:65%}
  66%{top:-22px;left:70%;opacity:1}
  100%{top:-44px;left:80%;opacity:0}
}
.show-msg .msg-fr{float:right;width:50%;padding:0 30px;position:relative;margin-top:-80px}
.show-msg .msg-fr .con{background-color:rgba(71,178,187,0.3);border-radius:4px 79px 4px 4px;-webkit-border-radius:4px 79px 4px 4px;-moz-border-radius:4px 79px 4px 4px;-ms-border-radius:4px 79px 4px 4px;-o-border-radius:4px 79px 4px 4px;padding-bottom:65px;-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.6);-moz-box-shadow: 0 8px 8px rgba(0,0,0,0.6);-ms-box-shadow: 0 8px 8px rgba(0,0,0,0.6);-o-box-shadow: 0 8px 8px rgba(0,0,0,0.6);box-shadow: 0 8px 8px rgba(0,0,0,0.6);}
.show-msg .msg-fr strong{display:block;font-size:24px;color:#354056;line-height:34px;padding:28px 0 20px;text-align:center}
.msg-caption{margin-top:105px;padding:45px 0 45px 60px;position:relative;z-index:1}
.msg-caption p{font-size:18px;line-height:28px;color:#fefefe;margin-bottom:32px;padding-left:48px;position:relative}
.msg-caption p span{color:#eda831}
.msg-caption p:before{content:'';width:16px;height:16px;border:3px solid #c4d4f6;position:absolute;left:0;top:3px;box-shadow:0 0 10px #8a9ec0}
.msg-caption p.one:before{border-color:#eda831;box-shadow:0 0 10px #eda831}
.msg-caption:after{content:'';position:absolute;top:0;left:70px;bottom:0;width:1px;background:url(../images/msg-line.png) no-repeat;z-index:-1}.foot-online{position:absolute;right:0;bottom:-43px}
.foot-online .grid{position:relative}
.foot-online p{font-size:18px;color:#1c2a46;background-color:#abd7e5;line-height:66px;padding:0 170px 0 35px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-box-shadow:0 2px 8px rgba(41,67,124,0.45);-moz-box-shadow:0 2px 8px rgba(41,67,124,0.45);-ms-box-shadow:0 2px 8px rgba(41,67,124,0.45);-o-box-shadow:0 2px 8px rgba(41,67,124,0.45);box-shadow:0 2px 8px rgba(41,67,124,0.45)}
.foot-online p span{color:#263452}
.foot-online p em{font-style:normal;font-size:26px;color:#e78932;font-weight:bold}
.foot-online .foot-tel{display:block;width:150px;border-radius:0 24px 0 24px;-webkit-border-radius:0 24px 0 24px;-moz-border-radius:0 24px 0 24px;-ms-border-radius:0 24px 0 24px;-o-border-radius:0 24px 0 24px;background-color:#0f90b8;font-size:24px;line-height:60px;text-align:center;color:#fff;position:absolute;right:-8px;top:-18px;-webkit-box-shadow:0 4px 4px #6a889a;-moz-box-shadow:0 4px 4px #6a889a;-ms-box-shadow:0 4px 4px #6a889a;-o-box-shadow:0 4px 4px #6a889a;box-shadow:0 4px 4px #6a889a}
.foot-online .grid:after{content:'';width:165px;height:148px;background:url(../images/msg-kf.png) no-repeat;position:absolute;right:34px;top:-166px}.foot-online .foot-tel:hover{background-color:#FBB626}

/* ======================= footer ======================= */

.footer{background: #064c61;text-align: center;padding: 25px 0;}
.footer p{font-size: 20px;color: #ffffff;line-height: 50px;}
.footer p span{display: inline-block;margin:0 20px;}
.footer p a{color: #ffb300;}
.footer p a strong{font-size: 28px;}

/* ======================= 左边浮动 ======================= */

.fix-area{width: 146px;border-radius: 83px;position: fixed;left: 16px;top:120px;background:#0285b3;background: -moz-linear-gradient(left, #51b9bc 0%, #0285b3 100%);background: -webkit-linear-gradient(left, #51b9bc 0%,#0285b3 100%);background: -o-linear-gradient(left, #51b9bc 0%,#0285b3 100%);background: -ms-linear-gradient(left, #51b9bc 0%,#0285b3 100%);background: linear-gradient(to right, #51b9bc 0%,#0285b3 100%);z-index: 9999;padding:64px 12px 50px;text-align: center;display: none;}
.fix-area li{background-color: #e2f2ff;line-height: 34px;border-radius: 17px;margin-bottom: 12px;font-size: 18px;position: relative;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.fix-area li:after{content:'';width: 13px;height: 2px;background-color: #ffa11b;position: absolute;right: -13px;top: 17px;display: none;}
.fix-area li a{color: #0e2655;display: block;}
.fix-area li.current,.fix-area li:hover {background-color: #ffa11b;}
.fix-area li.current a,.fix-area li:hover a{color: #fff;}
.fix-area li.current:after,.fix-area li:hover:after{display: block;}



@media screen and (max-width:4000px) and (min-width:2000px){
  .zt-top{padding: 195px 0 112px;}
  .zt-top h1{margin-bottom: 90px;}
  .serve-ul{padding:0;}
  .serve-ul li.on1, .serve-ul li.on3{margin-top: 38px;}
  .zt-five{background: #0285b3;background: -moz-linear-gradient(left, #51b9bc 0%, #0285b3 50%);background: -webkit-linear-gradient(left, #51b9bc 0%,#0285b3 50%);background: -o-linear-gradient(left, #51b9bc 0%,#0285b3 50%);background: -ms-linear-gradient(left, #51b9bc 0%,#0285b3 50%);background: linear-gradient(to right, #51b9bc 0%,#0285b3 50%);}
}

@media screen and (max-width:1800px){
  .zt-five .col-text{padding: 50px 0 0 4%;}
  .zt-five{background: #09607a;}
  .slick-case .item{padding:0 50px;}
  .slick-case .slick-next{right: -20px;}
  .slick-case .slick-prev{left: -20px;}
  .serve-ul{padding: 0 200px;}
  .serve-ul li.on1, .serve-ul li.on3{margin-top: 0;}
}

@media screen and (max-width:1599px){
  .zt-top h1{padding-left: 50px;}
  .zt-top p{margin-left: 60px;}
  .zt-box .center:after{display: none;}
  .zt-box li p{font-size: 18px;}
  .zt-box li.a1,.zt-box li.a2,.zt-box li.a3,.zt-box li.a4,.zt-box li.b1,.zt-box li.b2,.zt-box li.b3,.zt-box li.b4{background: none;}
  .click-btn a{padding: 12px 20px 12px 40px;}
  .col-qt ul li img{width: 118px;}
  .slick-case .text .tit{font-size: 22px;line-height: 32px;margin-bottom: 20px;}
  .slick-case .slick-arrow{top: 38px;width: 50px;height: 50px;}
  .serve-ul li span{font-size: 18px;}
  .show-msg ul li.msg-area{-webkit-background-size: 98% auto;-moz-background-size: 98% auto;-ms-background-size: 98% auto;-o-background-size: 98% auto;background-size: 98% auto;}
  .item-ul li strong i{font-size: 26px;}
  .item-ul li strong{font-size: 20px;}
}
@media screen and (max-width:1439px){
  .col-qt{padding-left: 130px;}
  .col-qt span{left: 54px;}
  .click-btn a{font-size: 30px;}
  .seven-box .text strong{font-size: 34px;}
  .col-img .box3{top: 226px;margin-left: 126px;}
  .col-img .box2{top: 300px;margin-left: -172px;}
  .col-img .box1{top: 148px;margin-left: -360px;}
  .slick-case .text{padding:0 0 0 20px;}
  .fix-area{display: none!important;}
  .zt-top h1 strong{font-size: 100px;}
  .zt-top h1 span{font-size: 80px;padding-left: 200px;}
  
}
@media screen and (max-width:1359px){
  .zt-six .img .on1{margin-left: -560px;}
  .zt-six .img .on3{margin-left: 260px;}
  .zt-eight .wp>p{font-size: 20px;}
  .col-qt{padding-left: 98px;}
  .zt-area .area:before{display: none;}
  .zt-box .center:after{display: none;}
  .zt-box li.a1:after{right: 30px;}
  .zt-box li.a2:after{right: 50px;}
  .zt-box li.a3:after{right: 50px;}
  .zt-box li.a4:after{right: 30px;}
  .zt-box li{margin-bottom: 0;}
  .zt-area .left-ul{padding: 62px 30px 30px 26px;}
  .zt-area .right-ul{padding: 62px 25px 30px 30px}
  .zt-nine .wp>p br{display: none;}
  .zt-ten ul{padding: 40px 25px 0;}
  .zt-top p{font-size: 32px;}
  .header .nav{margin-left: 40px;}
}
@media screen and (max-width:1279px){
  .serve-ul{padding: 0 90px;top: -8px;}
  .serve-ul li.on1 img, .serve-ul li.on3 img{margin-top: 0;}
  .message-box:after{display: none;}
  .show-msg .msg-fr {padding: 0px 10px;}
  .foot-online .grid:after {right: 14px;}
  .foot-online .foot-tel {width: 130px;}
  .foot-online p {padding: 0 130px 0 15px;}
  .foot-online p em {font-size: 22px;}
  .col-qt ul li img{width: 86px;}
  .zt-box .center{display: none;}
  .zt-box .left{width: 50%;}
  .zt-box .right{width: 50%;}
  .header .nav{margin-left: 0;}
  .header .nav ul li a{font-size: 16px;}
  .header .logo{margin-right: 0;}
  .header .head-tel p strong{font-size: 20px;}
  .header .head-tel p{padding-left: 42px;}
}


/* 1212 message */
.str_wrap{position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}
.str_ul li{border:1px solid #6c717f;border-radius:4px;margin-bottom:10px;padding:0 18px;box-sizing:border-box}
.str_ul li a{color:#1e2a43;font-size:18px;line-height:48px;padding-left:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.vodie-show{margin-bottom:180px}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move}
.str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0}
.str_vertical .str_move_clone{left:0;top:100%}
.str_down .str_move_clone{left:0;bottom:100%}
.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}
.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}
.str_wrap img{max-width:none!important}
.str_ul{height:205px}
.str_ul:before{content:'';width:100%;height:50px;position:absolute;top:0;z-index:1;background:rgba(228,235,255,0);background:-moz-linear-gradient(top,rgba(228,235,255,1) 0,rgba(228,235,255,0) 100%);background:-webkit-linear-gradient(top,rgba(228,235,255,1) 0,rgba(228,235,255,0) 100%);background:-o-linear-gradient(top,rgba(228,235,255,1) 0,rgba(228,235,255,0) 100%);background:-ms-linear-gradient(top,rgba(228,235,255,1) 0,rgba(228,235,255,0) 100%);background:linear-gradient(to bottom,rgba(228,235,255,1) 0,rgba(228,235,255,0) 100%)}

.mesg-show{padding-top: 50px; background: url(../images/mesg-bg.jpg) no-repeat center;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;position: relative;z-index:0;}
.mesg-show:before{content: "";position: absolute;left: 50%;right:0;top: 50px;bottom:0;margin-left: 98px; background:#064255;background: -webkit-linear-gradient(top, rgba(12,93,117,.5) 0%,rgba(1,56,76,.5) 100%);background: -moz-linear-gradient(top, rgba(12,93,117,.5) 0%, rgba(1,56,76,.5) 100%);background: -ms-linear-gradient(top, rgba(12,93,117,.5) 0%,rgba(1,56,76,.5) 100%);background: -o-linear-gradient(top, rgba(12,93,117,.5) 0%,rgba(1,56,76,.5) 100%);background: linear-gradient(to bottom, rgba(12,93,117,.5) 0%,rgba(1,56,76,.5) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#314e76, endColorstr=#182f4c, GradientType=0 );-webkit-border-top-left-radius: 60px;-moz-border-top-left-radius: 60px;-ms-border-top-left-radius: 60px;-o-border-top-left-radius: 60px;border-top-left-radius: 60px;z-index: -1;}
.mesg-show .wrap{max-width:1400px;margin:0 auto;width:94%}
.mesg-fl{float: left;width: 57%;position: relative;padding-top: 20px;}
.mesg-txt{color: #ffeacc;font-size: 24px;line-height: 1.2;}
.mesg-txt strong{color: #FFF;font-size: 42px;margin-right: 14px;}
.mesg-fl p{color: #cfcfcf;font-size: 18px;line-height: 2;margin-top: 6px;}
.mesg-fl ul{padding-left: 38%;margin-top:60px;}
.mesg-fl ul li{background: url(../images/mesg-line.png) no-repeat left center;color: #fce7ca;font-size: 18px;line-height: 2;width: 320px;height:78px;padding-left: 40px;padding-top: 5px;margin-bottom: 44px;}
.mesg-fl ul li+li{margin-left: 50px;}
.mesg-fl ul li+li+li{margin-left: 100px;}
.mesg-pic{position: absolute;left: 0;bottom: 0;width: 430px;}
.mesg-pic img{width: 100%;}
.mesg-tel{background: url(../images/mesg-telBg.png) no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;width: 460px;height: 150px;margin: 84px 0 0 auto;padding-left: 106px;padding-top: 44px;}
.tel-ico{float: left;width: 35px;margin-right: 26px;margin-top: 12px;}
.tel-txt{display: block;overflow: hidden;color: #cfcfcf;font-size: 20px;line-height: 1.2;}
.tel-txt strong{display: block;font-size: 32px;margin-top: 12px;}

.mesg-fr{float: right;width: 43%;padding-left: 60px;padding-top: 50px;}
.mesg-fr p{line-height: 1.2;margin-bottom: 18px;color: #fce7ca;font-size: 22px;background: url(../images/mesg-icon.png) no-repeat left center;padding-left: 38px;}
.mesg-fr p span{color: #fca700;}

.mesg-text li{background-color: #fcfcfc;line-height: 60px;width: 100%;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;margin-bottom: 15px;position: relative;}
.mesg-text li img{position: absolute;left: 16px;top: 16px;}
.mesg-text li input{width: 100%;height: 60px;line-height: 60px;padding:0 10px 0 60px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;background-color: #fcfcfc;color: #333;font-size: 18px;}
.mesg-text li input:-webkit-autofill{-webkit-text-fill-color: #666;-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset !important;box-shadow: 0 0 0px 1000px #FFFFFF inset !important;}
.mesg-text li.mesg-area{height: 160px;}
.mesg-text li textarea{width: 100%;height: 160px;line-height: 32px;padding:15px 10px 15px 60px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;background-color: #fcfcfc;color: #333;font-size: 18px;}
.mesg-text li ::-webkit-input-placeholder{color:#808080}
.mesg-text li ::-moz-placeholder{color:#808080}
.mesg-text li ::-ms-input-placeholder{color:#808080}
.mesg-btn{margin-top: 30px;}
.mesg-btn input{color: #FFF;font-size: 24px;font-weight: bold; width: 100%;height: 68px;line-height: 68px;background: -webkit-linear-gradient(top, #febd25 0%,#e58433 100%);background: -moz-linear-gradient(top, #febd25 0%, #e58433 100%);background: -ms-linear-gradient(top, #febd25 0%,#e58433 100%);background: -o-linear-gradient(top, #febd25 0%,#e58433 100%);background: linear-gradient(to bottom, #febd25 0%,#e58433 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#febd25, endColorstr=#e58433, GradientType=0 ); -webkit-box-shadow: 0 0 13px rgba(255,118,0,.25);-moz-box-shadow: 0 0 13px rgba(255,118,0,.25);-ms-box-shadow: 0 0 13px rgba(255,118,0,.25);-o-box-shadow: 0 0 13px rgba(255,118,0,.25);box-shadow: 0 0 13px rgba(255,118,0,.25); -webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease; -ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.mesg-btn input:hover{-webkit-border-radius: 68px;-moz-border-radius: 68px;-ms-border-radius: 68px;-o-border-radius: 68px;border-radius: 68px;background-color: #fca700;}


.mesg-str{height: 130px;overflow: hidden;margin: 36px 0;}
.mesg-QA li{color:#cfcfcf;font-size:16px;line-height: 30px;position: relative;padding-left: 30px;margin-bottom: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mesg-QA li:before{content: "";position: absolute;left: 6px;top: 11px;width: 8px;height: 8px;background-color: #fce7ca;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;border-radius: 8px;}

.mesg-QA span{display: inline-block;width:72px;margin-right: 20px;}


@media screen and (max-width: 1490px){
    .mesg-show:before{margin-left: 6.6%;}
    .mesg-pic{width: 380px;}
}
@media screen and (max-width: 1300px){
    .mesg-fr{padding-left: 40px;}
    .mesg-fr p{font-size: 20px;}
}
@media screen and (max-width: 1260px){
    .mesg-pic{width: 300px;}
    .mesg-fl ul{padding-left: 26%;}
    .mesg-fl p{font-size: 16px;}
}
@media screen and (max-width: 1166px){
    .mesg-show{padding-top: 60px;}
    .mesg-txt strong{font-size: 36px;}
    .tel-txt strong{font-size: 30px;}
    .mesg-tel{width: 440px;padding-left: 132px;}
    .tel-ico{margin-right: 16px;}
    .mesg-pic{width: 270px;}
    .mesg-fl ul{padding-left: 20%;}
}


/* 1216商务通 */
.fixed-link{position: fixed;right: 10px; bottom: 32%;z-index: 9999;width: 162px;background: url(../images/fixed-linkd.png) no-repeat;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;}
.fixed-link ul li{line-height: 56px;text-align: center;color: #FFF;font-size: 20px;margin-bottom: 16px;cursor: pointer;}
.fixed-link li.lineOne{font-weight: bold;}
.fixed-link li.lineOne:before{content: "";position: absolute;left: 0;top: -140px;width: 162px;height: 140px;background: url(../images/fixed-kf.png) no-repeat;}
.fixed-link li.lineOne:hover a{color: #FFF;}
.fixed-link li a{color: #FFF;}
.fixed-link li span .fixed-active{display: none;}
.fixed-link li span img{display: inline-block;vertical-align: middle;margin-right: 2px;margin-top: -6px;}
.fixed-link li:hover,.fixed-link li:hover a{color: #FFD18C;}
.fixed-link li:hover span .fixed-active{display: inline-block;}
.fixed-link li:hover span .fixed-white{display: none;}

.fixed-tel{position: relative;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;}
.fixed-more{width:180px;position:absolute;right:112%;top:-28px;background-color:#fff;padding:10px;border:1px solid #ECECEC;z-index:-1;display: none;}
.fixed-tel:hover .fixed-more{display: block;}
.fixed-more .fixed-top{overflow:hidden}
.fixed-more .fixed-top img{float:left;width: 61px;}
.fixed-more .fixed-top .fixed-txt{display: block;overflow: hidden;color: #4a4a4a;font-size: 14px;line-height: 1.7;margin-top: 5px;}
.fixed-more .fixed-top .fixed-txt i{color: #7f7f7f;display: block;}
.fixed-more strong{display:block;font-size:20px;color:#0d8cb4;line-height:30px;font-style: italic;}
.fixed-more:after{content:'';width:11px;height:21px;background:url(../images/fixed-icon.png) no-repeat;position:absolute;right:-11px;top:46px}
.fixed-totop{position: fixed;right: 17px; bottom: 34%; margin-bottom: -62px; width: 148px;z-index: 999; background: url(../images/fixed-topbg.png);line-height: 46px;text-align: center;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;color: #0c8cb4;font-size: 18px;cursor: pointer;-webkit-box-shadow: 0 0 10px rgba(50,73,118,.24);-moz-box-shadow: 0 0 10px rgba(50,73,118,.24);-ms-box-shadow: 0 0 10px rgba(50,73,118,.24);-o-box-shadow: 0 0 10px rgba(50,73,118,.24);box-shadow: 0 0 10px rgba(50,73,118,.24);display: none;}
.fixed-totop img{display: inline-block;margin-left: 8px;}
.fixed-totop:hover{font-weight: bold;}