@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;
}
.banner{
    position:relative;
    width:100%;
    height:717px;
}
.banner img.banner{
    position:absolute;
    top:0;
    left:50%;
    margin-left:-960px;
    width:auto;
}
.banner .header{
    width:100%;
    height:110px;
    background-color: rgba(40,40,40,0.3);
    z-index:99;
    position:absolute;
}
.banner .header h1{
    float:left;
    margin-top:30px;
}
.banner .header img.sologn{
    float:left;
    margin-left:30px;
    margin-top:45px;
}
.banner .header ul{
    float:left;
    overflow: hidden;
    margin-top:37px;
    margin-left:100px;
}
.banner .header ul li{
    width:95px;
    height:36px;
    float:left;
    font-size:16px;
    color:#ffffff;
    text-align: center;
    line-height:36px;
    cursor:pointer;
    transition:0.5s;
    position:relative;
    margin-right:5px;
}
.banner .header ul li.xz{
    transition:0.5s;
    background: url(../images/header_bj.png) no-repeat center;
}
.banner .header .phone{
    float:right;
    width:150px;
    height:50px;
    margin-top:30px;
    background: url(../images/header_phone.png) no-repeat left 10px center;
}

.banner .header .phone p{
    font-size:15px;
    color:#ffffff;
    line-height:20px;
    float:right;
    margin-top:4px;
}
.ztn .title{
    font-size:45px;
    color:#1a1a1a;
    text-align: center;
    margin-top:60px;
    font-weight:bold;

}
.ztn1 .container{
    width:1100px;
    height:483px;
    margin:70px auto 85px auto;
    position:relative;
    box-shadow:0 0 20px rgba(0,0,0,0.1);
}
.ztn1 .container .tab{
    position:absolute;
    left:-10px;
}
.ztn1 .container .tab ul li{
    width:252px;
    height:69px;
    font-size:18px;
    line-height:69px;
    text-align: center;
    padding-left:10px;
    position:relative;
}
.ztn1 .container .tab ul li.l1.xz{
    background-color:#ffffff;
}
.ztn1 .container .tab ul li.xz{
    border-left:solid 10px #db9b0f;
    background-color:#ffffff;
    padding-left:0;
}
.ztn1 .container .tab ul li img{
    float:left;
    margin-top:22.5px;
    margin-left:35px;
    position:absolute;
    z-index:99;
}




.ztn1 .container .tab ul li span{
    color:#ffffff;
    display:block;
    background:url(../images/ztn1_1.png) no-repeat bottom center;
    background-color:#686568;
    width:252px;
    position:absolute;
    box-sizing:border-box;
    padding-left:15px;

}
.ztn1 .container .tab ul li.xz span{
    color:#686568;
    background:none;

}
.ztn1 .container .right{
    position:absolute;
    right:30px;
    width:780px;
}
.ztn1 .container .right .c{
    display:none;
}
.ztn1 .container .right .c.xz{
    display:block;
}
.ztn1 .container .right .img{
    margin-top:28px;
    float:left;
}
.ztn1 .container .right .info{
    width:305px;
    float:left;
    margin-left:35px;
}

.ztn1 .container .right p{
    font-size:17px;
    line-height:30px;
    color:#686568;
    margin-top:40px;
}
.ztn1 .container .right .form{
    width:300px;
    height:250px;
    border-radius:10px;
    border:solid 1px #e1dfe1;
    box-shadow:0 0 15px rgba(0,0,0,0.3);
    margin-top:35px;
    padding-top:50px;
    box-sizing: border-box;
    position:absolute;
    z-index:999;
    right:2.5px;
    bottom:15px;
}
.ztn1 .container .right .form input{
    width:232px;
    height:38px;
    margin:0 auto 25px auto;
    border:solid 1px #e5e4e5;
    border-radius:19px;
    display:block;
    padding-left:30px;
    box-sizing: border-box;
}
.ztn1 .container .right .form p{
    width:245px;
    height:42px;
    border-radius:15px;
    background-color: #db9b0f;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.15);
    margin:0 auto;
    font-size:20px;
    color:#ffffff;
    text-align: center;
    line-height:42px;
    cursor:pointer;
}
.ztn2{
    background-color: #edf2f5;
    overflow: hidden;
}
.ztn2 .container{
    margin-top:65px;
}
.ztn2 .container ul{
    overflow:hidden;
    width:1100px;
    margin:0 auto;
}
.ztn2 .container ul li{
    float:left;
    width:366.66px;
    height:215px;
    border-right:solid 1px #d0d4d6;
    border-bottom:solid 1px #d0d4d6;
    box-sizing: border-box;
    padding-top:15px;
}
.ztn2 .container ul li.l3,.ztn2 .container ul li.l6{
    border-right:none;
}
.ztn2 .container ul li.l4,.ztn2 .container ul li.l5,.ztn2 .container ul li.l6{
    border-bottom:none;
    padding-top:32px;
}
.ztn2 .container ul li img{
    margin:0 auto;
}
.ztn2 .container ul li p{
    font-size:26px;
    color:#282828;
    text-align: center;
    margin-top:10px;
    margin-bottom:10px;
}
.ztn2 .container ul li span{
    display:block;
    width:210px;
    font-size:14px;
    line-height:22px;
    margin:0 auto;
    text-align: center;
}
.ztn2 .container p.zx{
    width:400px;
    height:60px;
    background-color:#282828;
    border-radius:5px;
    margin:70px auto 88px auto;
    font-size:22px;
    color:#ffffff;
    text-align: center;
    line-height:60px;
    cursor:pointer;
}
.ztn3{
    background: url(../images/ztn3_bj.jpg) no-repeat center;
    overflow: hidden;
}
.ztn3 .main{
    width:1199px;
    margin:0 auto;
}
.ztn3 .title{
    color:#ffffff;
}
.ztn3 .container{
    margin-top:110px;
    width:1232px;
    overflow: hidden;
    padding-top:3px;
}
.ztn3 .container .box{
    width:275px;
    height:94px;
    background: url(../images/ztn3_1.png) no-repeat center;
    margin-right:33px;
    margin-bottom:30px;
    float:left;
    position:relative;
    transition:0.3s;
    top:0;
    left:0;
}
.ztn3 .container .box:hover{
    top:-3px;
    left:3px;
    transition:0.3s;
}
.ztn3 .container .box p{
    font-size:24px;
    color:#ffffff;
    font-weight:bold;
    text-align: center;
    margin-top:18px;
    margin-bottom:5px;
}
.ztn3 .container .box span{
    font-size:14px;
    color:#faffff;
    display:block;
    text-align: center;
}
.ztn3 p.zx{
    width:400px;
    height:60px;
    border-radius:10px;
    background-color: #bf860c;
    font-size:22px;
    color:#ffffff;
    line-height:60px;
    text-align: center;
    clear:both;
    margin:50px auto 90px auto;
    cursor:pointer;
}
.ztn4 .container{
    width:1100px;
    margin:65px auto 0 auto;
    height:340px;
}
.ztn4 .container .box{
    width:275px;
    height:170px;
    float:left;

}
.ztn4 .container .box2,.ztn4 .container .box4,.ztn4 .container .box5,.ztn4 .container .box7{
    background-color: #edf2f5;
}
.ztn4 .container .box p{
    font-size:30px;
    color:#d89708;
    font-weight:bold;
    margin-top:40px;
    text-align: center;
    box-sizing:border-box;
    line-height:40px;
}
.ztn4 .container .box span{
    font-size:18px;
    color:#1f1f1f;
    text-align: center;
    display:block;
    margin-top:5px;
}
.ztn4 .container .box1 p:before{
    content:'1';
    font-size:36px;
    color:rgba(0,0,0,0.2);
    margin-right:10px;
    line-height:40px;
    display:inline-block;
}
.ztn4 .container .box2 p:before{
    content:'2';
    font-size:36px;
    color:rgba(0,0,0,0.2);
    margin-right:10px;
    line-height:40px;
    display:inline-block;
}
.ztn4 p.zx{
    width:400px;
    height:60px;
    background-color: #282828;
    clear:both;
    margin:65px auto 75px auto;
    font-size:22px;
    color:#ffffff;
    text-align: center;
    line-height:60px;
    cursor:pointer;
}
.ztn5{
    background: url(../images/ztn5_bj.jpg) no-repeat center;
    overflow: hidden;
}
.ztn5 .container{
    margin-top:65px;
    overflow:hidden;
}
.ztn5 .container .box{
    float:left;
    width:350px;
    margin-right:20px;

    overflow: hidden;
    position:relative;
    background: url(../images/ztn5_box_shadow.png) no-repeat bottom 15px center;
    margin-bottom:25px;

}
.ztn5 .container .box .img{
    width:100%;
    height:285px;
    overflow: hidden;
    border-radius: 10px;
}
.ztn5 .container .box .img .info{
    position:absolute;
    display:block;
    background-color: rgba(0,0,0,0.7);
    width:100%;
    height:285px;
    top:100%;
    transition:0.5s;
    border-radius: 10px;
}
.ztn5 .container .box:hover .info{
    transition:0.5s;
    top:0;
}
.ztn5 .container .box .img .info p{
    font-size:24px;
    line-height:215px;
    width:315px;
    height:215px;
    margin:35px auto;
    border:solid 1px #d89708;
    color:#d89708;
    text-align: center;
}
.ztn5 .container .box p.c{
    font-size:24px;
    color:#282828;
    text-align: center;
    margin-top:25px;
}
.ztn5 p.zx{
    width:400px;
    height:60px;
    border-radius:10px;
    background-color: #bf860c;
    font-size:22px;
    color:#ffffff;
    line-height:60px;
    text-align: center;
    clear:both;
    margin:50px auto 80px auto;
    cursor:pointer;
}
.ztn6 .container{
    width:975px;
    margin:65px auto 80px auto;
    overflow: hidden;
}
.ztn6 .container .box{
    width:325px;
    height:235px;
    float:left;
}
.ztn6 .container .box1{
    background-color: #8bc24a;
}
.ztn6 .container .box2{
    background-color: #ff9700;
}
.ztn6 .container .box3{
    background-color: #5468d9;
}
.ztn6 .container .box4{
    background-color: #a577d1;
}
.ztn6 .container .box5{
    background-color: #dc7dd1;
}
.ztn6 .container .box6{
    background-color: #009788;
}
.ztn6 .container .box img{
    margin:40px auto 20px auto;
}
.ztn6 .container .box p{
    font-size:30px;
    color:#ffffff;
    font-weight:bold;
    text-align: center;
}
.ztn6 .container .box span{
    font-size:17px;
    color:#ffffff;
    text-align: center;
    margin-top:10px;
    display:block;
}
.ztn6 .container .box b{
    display:none;
}
.footer{
    background-color: #303030;
    overflow: hidden;
}
.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 .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;
}
.m_zixun{
    display:none;
}
.m_zixun_biaodan{
    display:none;
}

.pop-form{
    width: 348px;
    background-color: #fff;
    border: solid 1px #2faaff;
    padding: 10px 25px 30px 25px;
    z-index: 99; position: fixed;
    top: 50%; left: 50%;
    margin-top: -230px;
    margin-left: -200px;
    text-align: center;

}
.pp-title{ font-size: 24px; color: #2faaff; font-weight: bold; line-height: 46px; padding: 13px 0; border-bottom:dashed 1px #2faaff;}
.pp-close{width: 29px; height: 29px;  position: absolute; right: 0; top: 0;}
.pop-form p{ margin-top: 20px;}
.pop-form p img{ display:inline;}
.pop-form input{ width: 336px; height: 38px; line-height: 38px; border: solid 1px #aaa; padding-left: 10px; }
.pop-form select{width: 348px; height: 40px; line-height: 40px; border: solid 1px #aaa; padding-left: 6px; }
.pop-form  .pf-tel{position: relative;  padding-top: 22px;}
.pop-form  .ppt-con .phone{ width: 336px;}
.pp-hint{position: absolute; left:0; top: 0; height: 20px; line-height: 20px; background-color: #58b850; color: #fff; font-size: 12px; border-radius: 2px; padding: 0 10px;}
.pp-hint img{ vertical-align: top; margin: 5px 5px 0 0;}
.error{position: absolute; left: 0; top:63px; font-size: 12px; color: #2faaff; display: none;  }
.error img{ vertical-align: top; margin: 2px 2px 0 0;}
.pop-form .pp-btn{ margin-top: 30px;border: none; width: 348px; height: 42px; line-height: 42px; background-color: #2faaff; text-align: center; font-size: 16px; color: #fff; cursor: pointer;}