@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;}
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;}
a{cursor:pointer;}
.body{
    background-color: #ffffff;
}
.main{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
}
.head{
    width:100%;
    height:84px;
    background-color: rgba(255,255,255,0.9);
    position:fixed;
    z-index:999;
}
.head img.logo{
    float:left;
    margin-top:30px;
}
.head ul{
    height:16px;
    margin-left:230px;
    float:left;
    margin-top:34px;
    border-right:solid 1px #b6b6b6;
}
.head ul li{
    float:left;
    height:100%;
    line-height:16px;

    margin-right:25px;
}
.head ul li:last-child{
    margin-right:40px;
}
.head ul li a{
    font-size:14px;
    color:#373737;

}
.head ul li:hover a{
    color:#6364a1;
}
.head .phone{
    float:right;
}
.head .phone img{
    float:left;
    margin-top:34px;
}
.head .phone p{
    float:left;
    font-size:16px;
    color:#005ac0;
    height:84px;
    line-height:84px;
    margin-left:10px;
}
.banner_rel{
    position:relative;
    height: 500px;
    top:84px;
    cursor:pointer;
}
#canvas_div {
    position: fixed;
    z-index: 16;
    width: 1920px;
    height: 640px;
    overflow: hidden;
}

#canvas_div canvas {
    width: 1920px;
    height: 640px;
    position: absolute;
    top: 0;
    left: 0;
}

.banner{
    width:100%;
    height:500px;
    position:fixed;
    overflow: hidden;
    z-index:15;
}
.banner img{
    position:absolute;
    left:50%;
    margin-left:-960px;
}
.relat{
    position:relative;
    top:84px;
    z-index:20;
    background-color: #ffffff;
}
.ztn{
    overflow: hidden;
}
.ztn .title{
    width:100%;
    overflow: hidden;
}
.ztn .title h3{
    font-size:36px;
    color:#353535;
    font-weight:bold;
    text-align: center;
    margin:50px auto 5px auto;
}
.ztn .title p{
    font-size:18px;
    color:#757575;
    text-align: center;
}
.ztn .title img{
    margin:15px auto 0 auto;
}
.ztn .continer{
    width:1200px;
    overflow: hidden;
}
.ztn1 .continer{
    margin:45px auto 60px auto;
}
.ztn1 .continer .img{
    margin-left:90px;
    width:480px;
    height:400px;
    overflow: hidden;
    float:left;
}
.ztn1 .continer .img img{
    width:100%;
    transition:0.5s;
}
.ztn1 .continer .img:hover img{
    transform:scale(1.1);
    transition:0.5s;
}
.ztn1 .continer .right{
    float:left;
    margin-left:40px;
    width:590px;
    height:400px;
    background: url(../images/ztn1_bj.jpg) no-repeat left 21.5px center;
}
.ztn1 .continer .right ul{
    width:590px;
    margin-top:47px;
}
.ztn1 .continer .right ul li{
    width:100%;
    overflow: hidden;
    margin-bottom:30px;
    font-size:18px;
    color:#676767;
    line-height:43px;
}
.ztn1 .continer .right ul li:hover,.ztn1 .continer .right ul li.xz{
    color:#005ac0;
}
.ztn1 .continer .right ul li span{
    width: 45px;
    height:45px;
    border-radius: 50%;
    background-color: #d3d3d3;
    display:block;
    float:left;
    margin-right:20px;
}
.ztn1 .continer .right ul li:hover span,.ztn1 .continer .right ul li.xz span{
    background-color: #005ac0;
}
.ztn1 .continer .right ul li span img{
    width:35px;
    height:35px;
    margin:5px auto;
}
.ztn .continer  p.zx{
    width:250px;
    height:45px;
    background-color: #e55917;
    border-radius: 22.5px;
    font-size:22px;
    color:#f8f8f8;
    line-height:45px;
    text-align: center;
    margin-left:100px;
    cursor:pointer;
}
.ztn2{
    background: url(../images/ztn2_bj.jpg) no-repeat center;
    height:649px;
}
.ztn2 .title h3{
    color:#ffffff;
}
.ztn2 .title p{
    color:#fefeff;
}
.ztn2 .continer{
    width:1018px;
    margin:60px auto 0 auto;
}
.ztn2 .continer .or{
    width:1018px;
    height:300px;
    margin:0 auto;
    background: url(../images/or.png) no-repeat center;
    overflow: hidden;
}
.ztn2 .continer .or .left{
    width:509px;
    float:left;
}
.ztn2 .continer .or .right{
    float:left;
    width:509px;
}
.ztn2 .continer .or h4{
    height:45px;
    line-height:45px;
    text-align: center;
    font-size:24px;
    color:#ffffff;
}
.ztn2 .continer .or ul{
    margin-top:40px;
}
.ztn2 .continer .or ul li{
    font-size:18px;
    line-height:30px;
    padding:0 28px;
    box-sizing: border-box;
    color:#525252;
}
.ztn2 .continer .or .left ul li{
    text-align: center;
    color:#005ac0;
}
.ztn2 .continer p.zx{
    margin:33px auto 0 auto;
}
.ztn3 .continer{
    width:1200px;
    height:590px;
    background: url(../images/ztn3_bj.png) no-repeat center;
    margin:60px auto;
}
.ztn3 .continer .left{
    width:300px;
    float:left;
}
.ztn3 .continer ul{
    width:50%;
    float:left;
    margin-top: 43px;
}
.ztn3 .continer ul.right{
    width:300px;
    float:right;
}
.ztn3 .continer ul li{
    width:100%;
    overflow: hidden;
    margin-bottom:30px;
}
.ztn3 .continer ul.left li .img{
    float:right;
}
.ztn3 .continer ul.right li .img{
    float:left;
}
.ztn3 .continer ul.right .img{
    margin-right:15px;
}
.ztn3 .continer ul li .des{
    width:215px;
    float:left;
    margin-top:17px;
}
.ztn3 .continer ul.right{
    width:304px;
}
.ztn3 .continer ul.right li .des{
    width:210px;
}
.ztn3 .continer ul li .des h4{
    font-size:19px;
    color:#5c5c5c;
}
.ztn3 .continer ul li:hover .des h4{
    color:#005ac0;
}
.ztn3 .continer ul li .des p{
    font-size:12px;
    color:#5c5c5c;
    opacity:0.3;
    margin-top:3px;
}
.ztn3 .continer ul li:hover .des p{
    color:#005ac0;
}
.l_ztn6{
    width:1200px;
    margin:0 auto;
    position:relative;
}
.l_ztn6 .container{
    width:1056px;
    height:475px;
    margin:50px auto 93px auto;
    background: url(../images/gszc_nz_ztn6_bj2.jpg) no-repeat center;
    position:relative;
}
.l_ztn6 .container .vs{
    position:absolute;
    top:-35px;
    left:400px;

}
.l_ztn6 .container>div{
    width:50%;
    float:left;
}
.l_ztn6 .container p{
    width:225px;
    height:50px;
    font-size:26px;
    text-align: center;
    line-height:50px;
    margin-top:52px;
}
.l_ztn6 .container .self p{
    border:solid 2px #595959;
    color:#595959;
    margin-left:135px;
}
.l_ztn6 .container .my p{
    border:solid 2px #ffffff;
    color:#ffffff;
    margin-left:165px;

}
.l_ztn6 .container ul{
    margin-top:38px;
}
.l_ztn6 .container .self ul{
    margin-left:115px;
}
.l_ztn6 .container .my ul{
    margin-left:147px;
}

.l_ztn6 .container ul li{
    height:32px;
    line-height:32px;
    font-size:18px;
    cursor:pointer;
    margin-bottom:24px;
    padding-left:50px;
}
.l_ztn6 .container .self ul li{
    color:#595959;
    background: url(../images/l_ztn6_self_1.png) no-repeat left center;

}
.l_ztn6 .container .my ul li{
    color:#ffffff;
    background: url(../images/l_ztn6_my_1.png) no-repeat left center;
}
.l_ztn8{
    background: url(../images/l_ztn8_bj.jpg) no-repeat center;
    background-size:100%;
}
.l_ztn8 .main{
    overflow: hidden;
}
.l_ztn8 .container{
    margin:55px 0 105px 70px;
    overflow: hidden;
}
.l_ztn8 .container .box{
    width:332px;
    height:336px;
    background-color: #ffffff;
    float:left;
    margin-right:30px;
}
.l_ztn8 .container .box img{
    margin:40px auto 10px auto
}
.l_ztn8 .container .box p{
    font-size:30px;
    color:#303030;
    text-align: center;
}
.l_ztn8 .container .box:hover p{
    color:#0078d7;
}
.l_ztn8 .container .box span{
    display:block;
    width:280px;
    margin:20px auto 0 auto;
    font-size:16px;
    color:#898989;
    line-height:26px;
}

.footer{
    background-color: #3a3a3c;
    overflow: hidden;
}
.footer .continer{
    width:1200px;
    margin:0 auto 30px auto;
    overflow: hidden;
}
.footer .left{
    float:left;
    width:740px;
}
.footer .left ul{
    width:100%;
    overflow: hidden;
    margin:30px 0;
}
.footer .left ul li{
    float:left;
    border-right:solid 1px #6e6e70;
    width:90px;
    box-sizing: border-box;
    text-align: center;
    height:18px;
    line-height:18px;
}
.footer .left ul li:last-child{
    border-right:none;
}
.footer .left ul li a{
    display:block;
    text-align: center;
    font-size:16px;
    color:#ffffff;
}
.footer .left ul li:hover a{
    color:#6364a1;
}
.footer .left hr{
    width:100%;
    height:1px;
    background-color:#6e6e70;
    margin-bottom:40px;
}
.footer .left img.logo{
    float:left;
    margin-top:10px;
}
.footer .left .des{
    float:left;
    margin-left:70px;
}
.footer .left .des p span{
    font-size:14px;
    color:#dcdcde;

}
.footer .left .des p span:first-child{
    margin-right:50px;
}
.footer .left .des p span b{
    color:#ffffff;
}
.footer .left .des p.icp{
    text-align: center;
    font-size:14px;
    color:#6c6c6c;
    margin-top:10px;
}
.footer .right{
    float:left;
    margin:30px 0 0 158px;
}