@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;
}
a{
    cursor:pointer;
}
.main{
    width:1200px;
    margin:0 auto;
}
.header{
    width:100%;
    height:60px;
    background-color: rgba(40,40,40,0.7);
    position:relative;
    top:0;
    z-index:99;
}
.header h1{
    float:left;
    overflow: hidden;
}
.header h1 img{
    height:34px;
    margin-top:13px;
}
.header ul{
    float:right;
}
.header ul li{
    float:left;
    margin-right:52px;
    font-size:18px;
    color:rgba(255,255,255,0.9);
    line-height:20px;
    margin-top:20px;
    cursor:pointer;
}
.header ul li:last-child{
    margin-right:0;
}
.header ul li a{
    font-size:20px;
    color:rgba(255,255,255,0.9);
}
.banner{
    position:relative;
    top:-60px;
    z-index:9;
    height:583px;
    width: 100%;
    overflow: hidden;
}
.banner img.ba{
    position:absolute;
    left:50%;
    margin-left:-960px;
}
.banner img.ys1{
    position:absolute;
    left:50%;
    margin-left: -570px;
    top: 135px;
}
.banner img.ys2{
    position:absolute;
    left:50%;
    margin-left: -66px;
    top: 415px;
}
.ztn{
    overflow: hidden;
}
.ztn .title{
    width:100%;
    overflow: hidden;
}
.ztn .m_title{
    display:none;
}
.ztn .title h2{
    font-size:36px;
    font-weight:bold;
    color:#333333;
    line-height:36px;
    margin-top:64px;
    text-align: center;
    margin-bottom:12px;
}
.ztn .title h2 span{
    color:#ff8624;
}
.ztn .title p{
    font-size:18px;
    color:#666666;
    line-height:18px;
    text-align: center;
}
.ztn1{
    margin-top:-60px;
    background-color: #edf2f5;
}
.ztn1 .container{
    margin-top:44px;
    margin-bottom:38px;
    height:480px;
}
.ztn1 .container .box{
    width:234px;
    margin-right:7.5px;
    float:left;
    height:480px;
    background-color: #ffffff;
    border-radius:8px;
    position:relative;
    top:0;
    transition:0.5s;
}
.ztn1 .container .box5{
    margin-right:0;
}
.ztn1 .container .box6{
    display:none;
}
.ztn1 .container .box:hover{
    top:-10px;
}
.ztn1 .container .box:last-child{
    margin-right:0;
}
.ztn1 .container .box .quan{
    width:104px;
    height:104px;
    border-radius: 50%;
    overflow: hidden;
    margin:54px auto 62px auto;
}
.ztn1 .container .box4 .quan,.ztn1 .container .box5 .quan{
    margin:54px auto 26px auto;
}

.ztn1 .container .box .quan img{
    width:46px;
    margin:29px;
}
.ztn1 .container .box h3{
    font-size:22px;
    color:#282828;
    text-align: center;
    line-height:24px;
    margin-bottom:17px;
    font-weight:bold;
}
.ztn1 .container .box4 h3,.ztn1 .container .box5 h3{
    padding:0 40px;
    line-height:30px;
    margin-bottom:14px;
}

.ztn1 .container .box hr{
    width:30px;
    height:3px;
    background-color: #ebebeb;
    margin:0 auto;
}
.ztn1 .container .box p{
    font-size:14px;
    color:#282828;
    margin-top:18px;
    padding:0 26px;
    line-height:22px;
}

.ztn1 .container .box span{
    position:absolute;
    left:47px;
    bottom:44px;
    width:140px;
    height:36px;
    font-size:15px;
    line-height:36px;
    text-align: center;
    color:#ffffff;
    border-radius: 6px;
    cursor:pointer;
}
.ztn1 .container .box:hover h3,.ztn1 .container .box:hover hr,.ztn1 .container .box:hover p,.ztn1 .container .box:hover .quan,.ztn1 .container .box:hover p strong{
    color:#ffffff;
}
.ztn1 .container .box:hover .quan,.ztn1 .container .box:hover span{
    background-color: #ffffff;
}
.ztn1 .container .box1:hover,.ztn1 .container .box1 span,.ztn1 .container .box1 .quan{
    background-color: #258dc0;
}
.ztn1 .container .box1:hover span{
    color:#258dc0;
}
.ztn1 .container .box2:hover,.ztn1 .container .box2 span,.ztn1 .container .box2 .quan{
    background-color: #ff9432;
}
.ztn1 .container .box2:hover span{
    color:#ff9432;
}
.ztn1 .container .box3:hover,.ztn1 .container .box3 span,.ztn1 .container .box3 .quan{
    background-color: #f48278;
}
.ztn1 .container .box3:hover span{
    color:#f48278;
}
.ztn1 .container .box4:hover,.ztn1 .container .box4 span,.ztn1 .container .box4 .quan{
    background-color: #88cc7f;
}
.ztn1 .container .box4:hover span{
    color:#88cc7f;
}
.ztn1 .container .box5:hover,.ztn1 .container .box5 span,.ztn1 .container .box5 .quan{
    background-color: #aa80cc;
}
.ztn1 .container .box5:hover span{
    color:#aa80cc;
}
.ztn1 .container .box6:hover,.ztn1 .container .box6 span,.ztn1 .container .box6 .quan{
    background-color: #acbcc5;
}
.ztn1 .container .box6:hover span{
    color:#acbcc5;
}
.ztn .gt{
    width:320px;
    height:60px;
    line-height:60px;
    text-align: center;
    background-color: #ff8624;
    border-radius: 30px;
    margin:0 auto;
    font-size:20px;
    color:#ffffff;
    margin-bottom:55px;
    cursor:pointer;
    transition:0.5s;
}
.ztn .gt:hover{
    transform:scale(1.05);
    transition:0.5s;
}
.znt2{
    background-color: #ffffff;
}
.ztn2 .container{
    width:100%;
    height:340px;
    margin-top:33px;
    position:relative;
}
.ztn2 .container img.bj{
    position:absolute;
    left:50%;
    margin-left:-210px;
    top:0;
    z-index: 99;
}
.ztn2 .container .box{
    position:absolute;
    width:360px;
}
.ztn2 .container .box1{
    top:80px;
}
.ztn2 .container .box2{
    top:168px;
}
.ztn2 .container .box3{
    top:256px;
}
.ztn2 .container .box p{
    font-size:16px;
    color:#333333;
    line-height:22px;
}
.ztn2 .container .box span{
    width:33px;
    height:33px;
    border-radius: 50%;
    font-size:20px;
    color:#ffffff;
    line-height:33px;
    text-align: center;
    display:block;
}
.ztn2 .container .left{
    float:left;
    width:360px;
}
.ztn2 .container .left .box p{
    padding-left:14px;
    float:left;
    width:294px;
}
.ztn2 .container .left .box span{
    background-color: #258dc0;
    float:right;
}

.ztn2 .container .right{
    float:right;
    width:360px;
}
.ztn2 .container .right .box p{
    padding-right:14px;
    float:right;
    width:294px;
}
.ztn2 .container .right .box span{
    background-color: #ff8624;
    float:left;
}
.ztn2 .container hr{
    background-color: #dbdbdb;
    height:1px;
    position:absolute;
    width:480px;
    left:50%;
    margin-left:-240px;
    z-index:9;
}
.ztn2 .container hr.c1{
    top:94px;
}
.ztn2 .container hr.c2{
    top:184px;
}
.ztn2 .container hr.c3{
    top:269px;
}
.ztn2 .tit{
    width:310px;
    margin:20px auto 26px auto;
}
.ztn2 .tit span{
    font-size:30px;
    font-weight:bold;
    line-height:30px;
}
.ztn2 .tit span.l{
    color:#258dc0;
}
.ztn2 .tit span.r{
    color:#ff8624;
}
.ztn3{
    background: url(../images/ztn3_bj.jpg) no-repeat center;
    height:570px;
}
.ztn3 .title h2{
    color:#ffffff;
}
.ztn3 .container{
    margin-top:48px;
    height:180px;
    margin-bottom:66px;
}
.ztn3 .container .box{
    width:124px;
    float:left;
    margin-left:33.83px;
    margin-right:33.83px;
}
.ztn3 .container .box .yuan{
    width:124px;
    height:124px;
    border-radius: 50%;
    background-color: #ffffff;
    overflow: hidden;
}
.ztn3 .container .box .yuan img{
    width:60px;
    margin:32px;
}
.ztn3 .container .box p{
    font-size:20px;
    color:#ffffff;
    line-height:20px;
    margin-top:30px;
    text-align: center;
}
.ztn3 .container img.jt{
    float:left;
    margin-top:52px;
}
.ztn4{
    background-color: #ffffff;
}
.ztn4 .container{
    width:1030px;
    height:275px;
    margin:38px auto 15px auto;
}
.ztn4 .container .box{
    width:220px;
    height:250px;
    border-radius: 8px;
    border:solid 1px #ececec;
    box-shadow:0 0 16px rgba(0,0,0,0.2);
    float:left;
    overflow: hidden;
    margin-right:50px;
    box-sizing: border-box;
}
.ztn4 .container .box:last-child{
    margin-right:0;
}
.ztn4 .container .box span{
    font-size:24px;
    color:#258dc0;
    line-height:24px;
    margin-top:16px;
    margin-bottom:7px;
    display:block;
    text-align: center;
    font-weight:bold;
}
.ztn4 .container .box p{
    font-size:20px;
    color:#666666;
    text-align: center;
    line-height:25px;
    padding:0 18px;
}
.ztn5{
    background-color: #edf2f5;
}
.ztn5 .container{
    width:100%;
    height:475px;
    margin-top:58px;
    margin-bottom:43px;
    background: url(../images/ztn5_bj.png) no-repeat center;
    position:relative;
}

.ztn5 .container .left{
    float:left;
    width:410px;
    margin-left:84px;
}
.ztn5 .container .kuang h3{
    font-size:26px;
    width:230px;
    height:54px;
    line-height:50px;
    text-align: center;
    box-sizing: border-box;
    margin-top:52px;
    margin-bottom:38px;
}

.ztn5 .container .left h3{
    border:solid 2px #bbbaba;
    color:#bbbaba;
    margin-left:60px;
}

.ztn5 .container .kuang ul li{
    font-size:18px;
    line-height:24px;
    margin-bottom:23px;

}
.ztn5 .container .left ul li{
    padding-left:44px;
    background: url(../images/ztn5_li.png) no-repeat left top;
    color:#bbbaba;
}

.ztn5 .container .right{
    float:right;
    width:410px;
    margin-right:84px;
}
.ztn5 .container .right h3{
    border:solid 2px #ffffff;
    color:#ffffff;
    margin-left:60px;
}
.ztn5 .container .right ul{
    margin-left:35px;
}
.ztn5 .container .right ul li{
    padding-left:44px;
    background: url(../images/ztn5_ll.png) no-repeat left top;
    color:#ffffff;
}
.ztn5 .container img.vs{
    position:absolute;
    left:50%;
    margin-left:-96px;
    top:-35px;
}
.ztn5 .container ul.db li{
    width:64px;
    height:64px;
    border-radius: 50%;
    overflow: hidden;
    border:solid 5px #ffffff;
    font-size:16px;
    color:#ffffff;
    text-align: center;
    box-sizing: border-box;
    position:absolute;
    padding:8px;
    line-height:18px;
    background: url(../images/ztn5_db1.png) no-repeat center;
    background-size:55px 55px;
    left:50%;

}
.ztn5 .container ul.db li.l1{
    background: url(../images/ztn5_db1.png) no-repeat center;
    background-size:55px 55px;
    top:128px;
    margin-left:-32px;
}
.ztn5 .container ul.db li.l2{
    top:210px;
    margin-left:-20px;
}
.ztn5 .container ul.db li.l3{
    top:292px;
    margin-left:-6px;
}
.ztn5 .container ul.db li.l4{
    top:374px;
    margin-left:8px;
}
.ztn6{
    background-color: #ffffff;
}
.ztn6 .container{
    width:1192px;
    margin:43px auto 47px auto;
    overflow: hidden;
}
.ztn6 .container .box{
    width:280px;
    margin-right:24px;
    float:left;
}
.ztn6 .container .box:last-child{
    margin-right:0;
}
.ztn6 .container .box .img{
    width:100%;
    height:160px;
    overflow: hidden;
}
.ztn6 .container .box .img img{
    transition:0.5s;
}
.ztn6 .container .box .img:hover img{
    transform:scale(1.1);
    transition:0.5s;
}
.ztn6 .container .box p{
    font-size:18px;
    color:#333;
    font-weight:bold;
    text-align: center;
    line-height:18px;
    margin-top:22px;
}

.footer{
    width:100%;
    background-color: #282828;
    overflow: hidden;
}
.footer .container{
    width:100%;
    margin-top:80px;
    overflow: hidden;
}
.footer .container .left{
    width:290px;
    float:left;
    border-right:solid 1px #3b3b3b;
    box-sizing:border-box;
}
.footer .container .left .con{
    width:220px;
}
.footer .container .left .con span{
    font-size:14px;
    color:#888888;
    display:block;
    text-align: center;
    line-height:40px;
}
.footer .container .right{
    float:left;
    margin-left:55px;
}
.footer .container .right ul.yw{
    overflow: hidden;
    width:100%;
}
.footer .container .right ul.yw li{
    width:84px;
    float:left;
    border-right:solid 1px #888888;
    height:18px;
}.footer .container .right ul.yw li:hover a{
     color:#ff6637;
 }

.footer .container .right ul.yw li.last{
    border-right:none;
}
.footer .container .right ul.yw li a{
    display:block;
    width:100%;
    text-align: center;
    font-size:16px;
    color:#888888;
    line-height:18px;
}
.footer .container .right .lx{
    height:40px;
    border-radius:20px;
    background-color: #3d3d3d;
    float:left;
    margin:25px 17px 0 10px;
    padding-right:25px;
}
.footer .container .right .lx span{
    font-size:20px;
    color:#ffffff;
    float:left;
    line-height:40px;
    margin-left:10px;
}
.footer .container .right .lx img{
    margin:7px 0 0 20px;
    float:left;
}
.footer .container .right .address{
    font-size:16px;
    color:#888888;
    margin: 26px 0 0 10px;
}
.footer .container .right .address span{
    display: block;
    width: 190px;
    font-size: 16px;
    color: #888888;
    float: left;
}
.footer .container .right .friendlinks{
    width:839px;
    overflow: hidden;
    margin:25px 0 0 10px;
}
.footer .container .right .friendlinks li{
    float:left;
    font-size:18px;
    color:#888888;
    margin-right:10px;
    height:30px;
}
.footer .container .right .friendlinks li span{
    font-size:14px;
    color:#888888;
}
.footer .container .right .friendlinks li a{
    font-size:16px;
    color:#888888;
    line-height:30px;
}
.footer .icp{
    font-size: 14px;
    color: #888888;
    line-height: 30px;
    text-align: center;
    border-top:dashed 1px #888888;
    margin:20px 0 ;
    padding-top:10px;
}
.footer .icp a{
    font-size: 14px;
    color: #ff6637;
}
.footer .zx{
    display:none;
}
/*y移动演示*/
.m_header{
    display:none;
}
.m_daohang{
    display:none;
}
.m_banner{
    display:none;
}
.form1{
    display:none;
}
.m_ftbd{
    display:none;
}