@charset "utf-8";
*{  padding:0;margin:0;border:none;text-decoration:none;  list-style-type:none;  font-family:'Microsoft YaHei',sans-serif;  color:#000;  }
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; color:#333333;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}  img{border:0;}
.clear{  clear:both; }
img{display:block;}
.browserupgrade{  margin:0;  z-index:9999;  width:100%;  height:42px;  color:#e50b71;  text-indent:20px;  line-height:42px;  overflow:hidden;  background:#222222;  border-bottom:4px solid #000000;  }
.browserupgrade a{  font-size:16px;  color:#fdc12d;  cursor:pointer; }
.browserupgrade a.brow-close{  font-size:14px;  margin-right:20px;  float:right; }
.clear{clear:both;}
.body{
    background-color:#ffffff;
    width:100%;
    overflow:hidden;
}
a{
    cursor:pointer;
}
.main{
    width: 1200px;
    margin:0 auto;
    overflow: hidden;
}

.banner{
    max-width:1920px;
    width:100%;
    height:731px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.banner img.bj{
    position:absolute;
    left:50%;
    margin-left:-960px;
}
.banner img.title{
    position:absolute;
    left:50%;
    top:24px;
    margin-left:-742.5px;
}
.banner a{
    width:220px;
    height:50px;
    border-radius:25px;
    background-color: #2554ff;
    color:#ffffff;
    line-height:50px;
    text-align: center;
    position:absolute;
    left:50%;
    margin-left:-110px;
    bottom:118px;
    font-size:20px;
    transition:0.5s;
}
.banner a:hover{
    background-color:#ffffff;
    color:#2554ff;
    transition:0.5s;
}
.ztn .tit{
    width:100%;
    margin-top:74px;
    display:inline-block;
    text-align: center;
}
.ztn .tit h3{
    font-size:36px;
    color:#000000;
    text-align: center;
    display:inline-block;
    padding:0 27px;
}
.ztn .tit img{
    display:inline-block;
    text-align: center;
}
.ztn .tit img.r{
    transform:rotate(180deg);
}
.ztn1 .main{
    position:relative;
    overflow:inherit;
}
.ztn1 .container{
    margin-top:56px;
    
}
.ztn1 .container .main::before{
    content:'';
    width:737px;
    height:569px;
    background:url(../images/ztn1_bj.png) no-repeat center;
    position:absolute;
    left:-360px;
    bottom:33px;
    z-index:9;
}
.ztn1 .container .con{
    height:615px;
    position:relative;
    z-index:99;
    box-shadow:15px 0 80px rgba(0,0,0,0.08);
    margin-bottom:78px;
}
.ztn1 .container .con img.bj{
    position:absolute;
    z-index:99;
}
.ztn1 .container .con .fk{
    position:absolute;
    
}
.ztn1 .container .con .fk1{
    width:100px;
    top:130px;
    left:-52px;
    z-index:999;
}
.ztn1 .container .con .fk2{
    width:186px;
    bottom:0;
    left:-89px;
    z-index:999;
    animation: moveLinear 2s linear infinite;
}
@keyframes moveLinear {
    0% {
        bottom:0;
    }
    50% {
        bottom:40px;
    }
    100% {
        bottom:0;
    }
}
.ztn1 .container .con .fk3{
    width:130px;
    bottom:32px;
    right:-62px;
    z-index:9;
}
.ztn1 .container .con ul{
    position:absolute;
    z-index:999;
    overflow:hidden;
    width:100%;
    height:615px;
}
.ztn1 .container .con ul li{
    float:left;

}
.ztn1 .container .con ul li span{
    color:#3662ea;
}
.ztn1 .container .con ul li.l1{
    width:320px;
    font-size:22px;
    line-height:36px;
    color:#666666;
    padding:0 30px;
    box-sizing: border-box;
    margin-top:194px;
    margin-left:90px;
}
.ztn1 .container .con ul li.l2{
    width:378px;
    margin-top:129px;
}
.ztn1 .container .con ul li.l2 img{
    margin:0 auto;

}
.ztn a.zx{
    width:380px;
    height:60px;

    display: block;
    border-radius: 30px;
    font-size: 24px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    background: linear-gradient(to right, #fa541d, #fd9a6d);
}
.ztn1 .container .con ul li.l2 a{
    margin-top:50px;
}
.ztn1 .container .con ul li.l3{
    width:320px;
    font-size:22px;
    line-height:36px;
    color:#666666;
    padding:0 3px;
    box-sizing: border-box;
    margin-top:194px;
}

.ztn2{
    background: url(../images/ztn2_bj.jpg) no-repeat center;
    height:660px;
}
.ztn2 .tit h3{
    color:#fff;
}
.ztn2 .con{
    position:relative;
    min-height:540px;
}
.ztn2 .con .des{
    width:100%;
}
.ztn2 .con .des ul{
    position:relative;
}
.ztn2 .con .des li{
    width:336px;
    overflow:hidden;
    position:absolute;
}
.ztn2 .con .des li.l1{
    top:100px;
    left:0;
}
.ztn2 .con .des li.l2{
    top:274px;
    left:0;
}
.ztn2 .con .des li.l3{
    top:100px;
    right:0;
}
.ztn2 .con .des li.l4{
    top:274px;
    right:0;
}
.ztn2 .con .des li .t{
    width:254px;
    float:left;
}
.ztn2 .con .des li h4{
    font-size:24px;
    font-weight:bold;
    color:#fff;
    margin-bottom:6px;
}
.ztn2 .con .des li p{
    font-size:16px;
    line-height:30px;
    color:#fff;
}
.ztn2 .con .des li .num{
    font-size:55px;
    line-height:55px;
    font-weight:bold;
    color:#ffffff;
    width:67px;
    float:left;
}
.ztn2 .con .des li.l3 .num,.ztn2 .con .des li.l4 .num{
    margin-right:10px;
}
.ztn2 .con .des li.l1 .t,.ztn2 .con .des li.l2 .t{
    margin-right:10px;
}
.ztn2 .con .des li.l1 h4,.ztn2 .con .des li.l1 p,.ztn2 .con .des li.l2 h4,.ztn2 .con .des li.l2 p{
    text-align: right;
}
.ztn2 .con .des li.l3 h4,.ztn2 .con .des li.l3 p,.ztn2 .con .des li.l4 h4,.ztn2 .con .des li.l4 p{
    text-align: left;
}
.rotate {
    transition: transform 1s ease-in-out; /* CSS transition for smooth rotation */
  }
.ztn2 .con .center{
    width:464px;
    height:299px;
    background: url(../images/ztn2_center_bj.png) no-repeat center;
    position:absolute;
    left:50%;
    margin-left:-232px;
    top:74px;
}
.ztn2 .con .center img{
    position:absolute;
}
.ztn2 .con .center img.i1{
    left:-10px;
    top:10px;
}
.ztn2 .con .center img.i2{
    left:-10px;
    top:189px;
}
.ztn2 .con .center img.i3{
    right:-10px;
    top:10px;
}
.ztn2 .con .center img.i4{
    right:-10px;
    top:189px;
}
.ztn2 .con .center ul{
    width:200px;
    height:200px;
    position:absolute;
    left:50%;
    margin-left:-100px;
    top:50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ztn2 .con .center ul li{
    position:absolute;
    width:150px;
    height:150px;
    border-radius:50%;
}
.ztn2 .con .center ul li.l1{
    background-color:rgba(255,255,255,0.5);
    animation: ripple 1.5s ease-out infinite;
    animation-delay: 0.5s;
}
.ztn2 .con .center ul li.l2{
    background-color:rgba(255,255,255,0.7);
    animation: ripple 1.5s ease-out infinite;
    animation-delay: 1s;
}
.ztn2 .con .center ul li.l3{
    background-color:rgba(255,255,255,1);
    font-size:22px;
    font-weight:bold;
    color:#3d66e9;
    text-align: center;
    display: grid;
      place-items: center;
}

.ztn2 .con a{
    left:50%;
    margin-left:-190px;
    position:absolute;
    bottom:57px;
}
@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        opacity: 0.3;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.ztn3 .main{
    width:1266px;
    overflow:inherit;
    
}
.ztn3 .container{
    margin-top:48px;
}
.ztn3 .container .con{
    width:100%;
    height:528px;
    border-radius:10px;
    box-shadow: 3px 0 20px rgba(4,0,0,0.2);
}
.ztn3 .container .con ul{
    margin-top:70px;
    margin-left:60px;
    width:490px;
    float:left;
}
.ztn3 .container .con ul li{
    font-size:22px;
    line-height:45px;
    color:#000000;
    transition:0.5s;
}
.ztn3 .container .con ul li:hover{
    transform:scale(1.1);
    transition:0.5s;
    text-decoration: underline;
    color:#fa5721;
}


.ztn3 .container .con ul li:hover span{
    color:#fa5721;
}
.ztn3 .container .con ul li span{
    color:#4468e6;
    margin-right:5px;
}
.ztn3 .container .con .img{
    float:left;
    margin-left:66px;
    margin-top:73px;
    position:relative;
    width:519px;
    height:392px;
}
.ztn3 .container .con .img::before{
    content:'';
    width:170px;
    height:114px;
    position:absolute;
    background: linear-gradient(to right, #2c51e4, #547def);
    z-index:9;
    top:-30px;
    right:-30px;
}
.ztn3 .container .con .img .c{
	width:519px;
    height:392px;
	overflow:hidden;
	position:absolute;
	z-index:999;
}
.ztn3 .container .con .img img{
    position:absolute;
    z-index:99;
    transition:0.5s;
}
.ztn3 .container .con .img:hover img{
    transform:scale(1.1);
    transition:0.5s;
}
.ztn3 a.zx{
    margin:34px auto 46px auto;
}
.ztn4{
    background-color: #eeeeee;
}
.ztn4 p.tab{
    width:474px;
    height:50px;
    background-color: #dce0ee;
    font-size:24px;
    color:#000000;
    line-height:50px;
    text-align: center;
    margin:29px auto 0 auto;
}
.ztn4 p.tab span{
    color:#4468e6;
}
.ztn4 ul{
    position:relative;
    width:100%;
    height:188px;
    margin-top:80px;
}
.ztn4 ul li{
    height:65px;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.1));
    border-radius:25px;
    font-size:24px;
    line-height:65px;
    color:#666666;
    position:absolute;
}
.ztn4 ul li.l1{
    width:568px;
    top:0;
    left:23px;
}
.ztn4 ul li.l2{
    width:559px;
    top:0;
    right:23px;
}
.ztn4 ul li.l3{
    width:610px;
    bottom:0;
    left:50%;
    margin-left:-305px;
}
.ztn4 ul li p{
    width:65px;
    height:65px;
    border-radius:25px;
    float:left;
    margin-right:20px;
}
.ztn4 ul li.l1 p{
    background-color: #66cccc;
}
.ztn4 ul li.l2 p{
    background-color: #567ff6;
}
.ztn4 ul li.l3 p{
    background-color: #2a7cff;
}
.ztn4 ul li p img{
    margin:18.5px auto;
}
.ztn4 a.zx{
    margin:48px auto 61px auto;
}
.ztn5 .main{
    width:1200px;
}
.ztn5 .tit p{
    font-size:18px;
    color:#000000;
    line-height:18px;
    text-align: center;
    margin-top:20px;
}
.ztn5 .con{
    width:1248px;
    margin-top:48px;
}
.ztn5 .con ul{
    overflow:hidden;
}
.ztn5 .con ul li{
    width:576px;
    height:149px;
    float:left;
    margin-right:48px;
    background: url(../images/ztn5_1.png) no-repeat center;
    background-size:100%;
    margin-bottom:21px;

}

.ztn5 .con ul li.lang{
    width:1200px;
    background: url(../images/ztn5_2.png) no-repeat center;
}
.ztn5 .con ul li h4{
    width:106px;
    height:149px;
    text-align: center;
    display: grid;
    place-items: center;
    font-size:30px;
    line-height:36px;
    color:#f6f6ff;
    font-weight:bold;
    float:left;
}
.ztn5 .con ul li p{
    width:340px;
    height:149px;
    font-size:16px;
    color:#00001e;
    line-height:26px;
    margin-left:174px;
    display: grid;
    place-items: center;
}
.ztn5 .con ul li.lang p{
    width:745px;
}
.ztn5 .con ul li p b{
    display:inline-block;
    color:#fb7341;
}
.ztn5 a{
    margin:27px auto 66px auto;
}
.ztn6{
    height:766px;
    background: url(../images/ztn6_bj.jpg) no-repeat center;
}
.ztn6 .main{
    overflow:inherit
}
.ztn6 .tit h3{
    color:#fff;
}
.ztn6 .con{
    margin-top:48px;
}
.ztn6 ul{
    width:1228px;
    overflow:inherit;
    height:430px;
}
.ztn6 ul li{
    width:280px;
    margin-right:27px;
    height:420px;
    background-color: #fff;
    border-radius:9px;
    float:left;
    overflow:hidden;
    position:relative;
    top:10px;
    transition:0.5s;
}
.ztn6 ul li:hover{
    top:0;
    transition:0.5s;
    box-shadow:10px 10px 40px rgba(0,0,0,0.5);
}
.ztn6 ul li .img{
    width:100%;
    height:189px;
    overflow:hidden;
}

.ztn6 ul li .img img{
    width:100%;
    transition:0.5s;
}
.ztn6 ul li:hover .img img{
    transform:scale(1.1);
    transition:0.5s;
}
.ztn6 ul li .info::before{
    content:'';
    display:block;
    width:102px;
    height:102px;
    position:relative;
    top:0;
    left:50%;
    margin-left:-61px;
    
}
.ztn6 ul li .info{
    margin-top:-61px;
}
.ztn6 ul li.l1 .info::before{
    background: url(../images/ztn6_img1.png) no-repeat center;
}
.ztn6 ul li.l2 .info::before{
    background: url(../images/ztn6_img2.png) no-repeat center;
}
.ztn6 ul li.l3 .info::before{
    background: url(../images/ztn6_img3.png) no-repeat center;
}
.ztn6 ul li.l4 .info::before{
    background: url(../images/ztn6_img4.png) no-repeat center;
}
.ztn6 ul li .info h4{
    font-size:26px;
    line-height:28px;
    color:#4468e6;
    text-align: center;
    margin-top:24px;
    margin-bottom:16px;
    font-weight:bold;
}
.ztn6 ul li .info p{
    font-size:18px;
    line-height:32px;
    color:#646464;
    text-align: center;
    width:100%;
    padding:0 30px;
    box-sizing: border-box;
}
.ztn6 a.zx{
    margin:48px auto 0 auto;
}
.ztn7 .con{
    width:1200px;
    height:246px;
    position:relative;
    margin-top:70px;

}
.ztn7 .con ul li{
    position:absolute;
    width:160px;
    
}
.ztn7 .con ul li.l2{
    left:212px;
}
.ztn7 .con ul li.l3{
    left:424px;
}
.ztn7 .con ul li.l4{
    left:630px;
}
.ztn7 .con ul li.l5{
    left:842px;
}
.ztn7 .con ul li.l6{
    left:1055px;
}
.ztn7 .con ul li .img{
    width:132px;
    height:132px;
    border-radius:50%;
    border:solid 3px #b4c3f5;
}
.ztn7 .con ul li .img img{
    margin:27.5px auto;
}
.ztn7 .con ul li .info h4{
    font-size:20px;
    line-height:20px;
    color:#000000;
    font-weight:bold;
    
    margin-bottom:6px;
}
.ztn7 .con ul li .info p{
    font-size:18px;
    line-height:24px;
    color:#000000;
}

.ztn7 .con ul li.l2 .img,.ztn7 .con ul li.l4 .img,.ztn7 .con ul li.l6 .img{
    margin-top:25px;
}
.ztn7 .con ul li.l1 .info,.ztn7 .con ul li.l3 .info,.ztn7 .con ul li.l5 .info{
    margin-top:24px;
}
.ztn7 a.zx{
    margin:70px auto 64px auto;
}
.ztn8{
    height:756px;
    background-color: #293448;
}
.ztn8 .tit h3{
    color:#fff;
}
.ztn8 .con{
    height:460px;
    background: url(../images/ztn8_bj.jpg) no-repeat center;
    margin-top:54px;
    overflow: hidden;
    position:relative;
}
.ztn8 .con .swiper2{
    margin-top:30px;
    margin-left:148px;
    float:left;
    overflow:hidden;
}
.ztn8 .con .swiper2 .swiper-wrapper{
    width:320px;
}
.ztn8 .con .swiper2 .swiper-slide{
    width: 320px !important;
    height:390px;
    overflow: hidden;

}
.ztn8 .con .right{
    float:left;
    margin-left:55px;
    width:587px;
}
.ztn8 .con .right .swiper{
    overflow:hidden;
}
.ztn8 .con .right h4{
    font-size:30px;
    line-height:30px;
    color:#000000;
    font-weight:bold;
    margin-top:80px;
}
.ztn8 .con .right h4 span{
    font-weight:normal;
    font-size:18px;
    color:#000000;

}
.ztn8 .con .right ul{
    margin-top:36px;
}
.ztn8 .con .right ul li h5{
    font-size:18px;
    font-weight:bold;
    color:#000000;
    line-height:18px;
}
.ztn8 .con .right ul li p{
    font-size:18px;
    line-height:30px;
    color:#000000;
    width:587px;
}
.ztn8 .con .right ul li:last-child{
    margin-top:28px;
}
.ztn8 a.zx{
    width:256px;
    margin-top:30px;
}
.ztn8 .swiper-pagination{
    position:absolute;
    left:63px;
    top:155px;
    width:3px;
    height:152px;
}
.ztn8 .swiper-pagination::before{
    content:'01';
    display:block;
    position:absolute;
    font-size:18px;
    color:#ffffff;
    top:-34px;
    left:-8px;
}
.ztn8 .swiper-pagination::after{
    content:'03';
    display:block;
    position:absolute;
    font-size:18px;
    color:#ffffff;
    bottom:-34px;
    left:-8px;
}
.ztn8 .swiper-pagination span{
    height:50.6px;
    width: 1px;
    border-radius:0;
    background-color:#ffffff;
    display:block;
    margin:0 auto;

}
.ztn8 .swiper-pagination span.swiper-pagination-bullet-active{
    width:3px;
}
.ztn8 .swiper-pagination .swiper-pagination-bullet{
    opacity:1;
}
.ztn8 .con .swiper2{
    box-shadow:10px 10px 0 rgba(180,195,245,1);
}

.ztn9 .container{
    width:1200px;
    margin:50px auto 50px auto;
    height:220px;
    position:relative;
}
.ztn9 .container ul{
    overflow: hidden;
    display:inline-block;
    text-align: center;

}
.ztn9 .container ul:first-child{
    position:absolute;
    top:0;
    left:0;
}
.ztn9 .container ul:last-child{
    position:absolute;
    top:120px;
    left:0;
}
.ztn9 .container ul li{
    float:left;
    border:solid 1px #eeeeee;
    display:inline-block;
    text-align: center;
    margin:0 9px;
    width:182px;
    box-sizing: border-box;
    border-radius: 3px;
    transition:0.1s;
}
.ztn9 .container ul li:hover{
    border:solid 2px #2faaff;
    transition:0.1s;
}









.fw{
    width:100%;
    height:160px;
    background-color: #f3f3f3;
}
.fw .container{
    width:1260px;
}
.fw .container ul{
    overflow: hidden;
}
.fw .container ul li{
    width:260px;
    float:left;
    margin-right:55px;
    position:relative;
}
.fw .container ul li::after{
    content:'';
    width:1px;
    height:82px;
    background-color: #dadada;
    position:absolute;
    top:40px;
    right:20px;
}
.fw .container ul li:last-child::after{
    display:none;
}
.fw .container ul li img{
    width:44px;
    margin-top:24px;
    margin-left:69px;
}
.fw .container .bottom{
    width:185px;
    margin-top:10px;
    box-sizing: border-box;
}
.fw .container .bottom p{
    font-size:22px;
    line-height:22px;
    color:#000105;
    font-weight:bold;
    text-align: center;
}
.fw .container .bottom span{
    font-size:12px;
    line-height:12px;
    color:#333333;
    display:block;
    margin-top:4px;
    text-align: center;
    margin-top:13px;
}
.fw .container ul li.last .bottom{
    border-right:none;
}

.footer{
    background-color: #303030;
    overflow: hidden;
}
.footer .content{
    width:1200px;
    margin:0 auto;
}
.footer .content .top{
    margin:35px 0;
    overflow: hidden;
}
.footer .content .top .left{
    float:left;
    overflow: hidden;
    border-right:solid 1px #3a3a3a;
}
.footer .content .top .left .box{
    float:left;
    margin-right:80px;
}
.footer .content .top .left .box h4{
    font-size:18px;
    color:#ffffff;
    text-align: left;
    padding-bottom:15px;
}
.footer .content .top .left .box p{
    font-size:14px;
    line-height:29px;

}
.footer .content .top .left .box p a{
    color:#7c7c7c;
}
.footer .content .top .left .box p:hover a{
    color:#2faaff;
    text-decoration:underline;
}
.footer .content .top .center{
    width:226px;
    float:left;
    border-right:solid 1px #3a3a3a;
}
.footer .content .top .center h4{
    font-size:18px;
    color:#ffffff;
    text-align: center;
    margin-bottom:10px;

}
.footer .content .top .center p{
    font-size:14px;
    color:#7c7c7c;
    text-align: center;
    margin-bottom:20px;
}
.footer .content .top .center img{
    width:124px;
    height:124px;
    margin:0 auto;
}
.footer .content .top .right{
    float:right;
    width:335px;
}
.footer .content .top .right .con{
    width:220px;
    margin:0 auto;

}
.footer .content .top .right .phone{
    font-size:18px;
    color:#ffffff;
    text-align: center;
    background: url(../images/footer_phone.png) no-repeat left 30px center;
    margin-bottom:12px;
    padding-left:15px;
    box-sizing: border-box;
}
.footer .content .top .right p{
    font-size:14px;
    color:#7c7c7c;
    text-align: center;
}
.footer .content .top .right hr{
    width:100%;
    height:1px;
    background-color:#434444;
    margin:13px auto;
}
.footer .content .top .right .kf{
    font-size:16px;
    color:#ffffff;
    text-align: center;
    margin-bottom:10px;
}
.footer .content .top .right .dh{
	border-bottom:solid 1px #434444;
	margin-bottom:10px;
	padding-bottom:10px;
}
.footer .content .top .right span{
    display:block;
    width:200px;
    height:30px;
    border-radius: 5px;
    background-color: #656d7b;
    line-height:30px;
    text-align: center;
    font-size:14px;
    color:#ffffff;
    margin:15px auto 0 auto;
    cursor:pointer;
}
.footer .content .top .right span:hover{
    color:#2faaff;
}
.footer .content .bottom{
    border-bottom:solid 1px #3a3a3a;
    font-size:12px;
    color:#7c7c7c;
    text-align: center;
    padding:18px 0;
}
.footer .content .bottom a{
	font-size:12px;
	color:#2faaff;
}
.footer .content .friendlink{

}
.footer .content .friendlink p{
    font-size:12px;
    color:#7c7c7c;
    margin-top:25px;
}
.footer .content .friendlink p span{
    font-size:14px;
    font-weight:bold;
    color:#7c7c7c;

}
.footer .content .friendlink ul{
    overflow: hidden;
    margin-bottom:30px;
}
.footer .content .friendlink ul li{
    float:left;
    margin-top:12px;
    margin-right:20px;
}
.footer .content .friendlink ul li a{
    font-size:12px;
    color:#7c7c7c;
}