@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;
    height:2400px;
    width:100%;
    overflow: hidden;
}
a{
    cursor:pointer;
}
.main{
    width:1200px;
    margin:0 auto;
}
.banner{
    position:relative;
    width:100%;
    height:1016px;
    background:url(../images/banner.png) no-repeat center;
    cursor:pointer;
}
.banner img.xuanzhuan{
    animation:xuanzhuan 10s linear infinite;
}

@keyframes xuanzhuan {
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform: rotate(360deg);
    }
}
.banner img{
    position:absolute;
}
.banner img.title_m{
    display:none;
}
.banner img.xuanzhuan{
    top:34px;
    left:50%;
    margin-left:-292px;
    width:auto;
}
.banner img.title{
    top:72px;
    left:50%;
    margin-left:-437.5px;
}
.banner img.yun1{
    top:100px;
    left:50%;
    margin-left:-659px;
    animation:yun1 20s  linear infinite;
}
.banner img.yun2{
    top:100px;
    left:50%;
    margin-left:507px;
    animation:yun2 20s  linear infinite;
}
.banner img.yun3{
    top:350px;
    left:50%;
    margin-left:607px;
    animation:yun3 20s  linear infinite;
}
@keyframes yun1 {
    0%{
        margin-left:-659px;
    }
    50%{
        margin-left:-459px;
    }
    100%{
        margin-left:-659px;
    }
}
@keyframes yun2 {
    0%{
        margin-left:507px;
    }
    50%{
        margin-left:400px;
    }
    100%{
        margin-left:507px;
    }
}
@keyframes yun3 {
    0%{
        margin-left:607px;
    }
    50%{
        margin-left:700px;
    }
    100%{
        margin-left:607px;
    }
}





.ztn1{
    background-color: #ff5939;
    overflow: hidden;
    top:-334px;
    position:relative;
}
.ztn1 .title img{
    margin:0 auto;
}
.ztn1 .content{
    width:1200px;
    margin:56px auto 0 auto;
}
.ztn1 .content .box{
    width:347px;
    float:left;
    margin-right:79px;
}
.ztn1 .content .box4{
    display:none;
}
.ztn1 .content .box .img{
    background: url(../images/ztn1_box_bj.png) no-repeat top center;
    width:347px;
    height:248px;
    position:relative;
    overflow: hidden;
}
.ztn1 .content .box .img img{
    position:absolute;
}
.ztn1 .content .box .img img.shang{
    width:238px;
    height:106px;
    left:50%;
    margin-left:-119px;
    bottom:0;
    z-index:10;
}
.ztn1 .content .box .img img.zhong{
    width:220px;
    height:200px;
    left:50%;
    margin-left:-110px;
    bottom:-45px;
    z-index:9;
    transition:0.5s;
}
.ztn1 .content .box:hover .img img.zhong{
    bottom:0;
    transition:0.5s;
}
.ztn1 .content .box .img img.xia{
    width:238px;
    height:184px;
    left:50%;
    margin-left:-119px;
    bottom:0;
    z-index:8;
}
.ztn1 .content .box span{
    width:200px;
    height:46px;
    background: url(../images/input.png) no-repeat center;
    font-size:28px;
    color:#ff5939;
    line-height:46px;
    text-align: center;
    display:block;
    margin:66px auto;
}
.ztn1 .content .box3{
    margin-right:0;
}



.ztn2{
    background: url(../images/ztn2_bj.png) no-repeat bottom center;
    background-color: #ff5939;
    height:712px;
    position:relative;
    top:-334px;
    padding-top:100px;
}
.ztn2 .title img{
    margin:0 auto;
}
.ztn2 .content{
    margin:73px auto 0 auto;
}
.ztn2 .content img{
    margin:0 auto;
}
.ztn2 .content p{
    font-size:30px;
    color:#ffea39;
    font-weight:bold;
    width:100%;
    text-align: center;
    margin-top:40px;
    text-shadow:5px 5px rgba(0,0,0,0.2);
}
footer{
    background-color: #303030;
    overflow: hidden;
    position:relative;
    top:-334px;
}
footer .container{
    width:1200px;
    margin:0 auto;
}
footer .container .top{
    margin:35px 0;
    overflow: hidden;
}
footer .container .top .left{
    float:left;
    overflow: hidden;
    border-right:solid 1px #3a3a3a;
}
footer .container .top .left .box{
    float:left;
    margin-right:80px;
}
footer .container .top .left .box h4{
    font-size:18px;
    color:#ffffff;
    text-align: left;
    padding-bottom:15px;
}
footer .container .top .left .box p{
    font-size:14px;
    line-height:29px;

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

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

}
footer .container .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 .container .top .right p{
    font-size:14px;
    color:#7c7c7c;
    text-align: center;
}
footer .container .top .right hr{
    width:100%;
    height:1px;
    background-color:#434444;
    margin:18px auto;
}
footer .container .top .right .kf{
    font-size:16px;
    color:#ffffff;
    text-align: center;
    margin-bottom:10px;
}
footer .container .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 .container .top .right span:hover{
    color:#2faaff;
}
footer .container .bottom{
    border-top:solid 1px #3a3a3a;
    border-bottom:solid 1px #3a3a3a;
    font-size:12px;
    color:#7c7c7c;
    text-align: center;
    padding:18px 0;
}
footer .container .bottom a{
    font-size:12px;
    color:#2faaff;
}
footer .container .friendlink{

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

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