@charset "utf-8";
/* CSS Document */
/* common */
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; font-family:'Microsoft YaHei', sans-serif;color:#000000;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
body{
    width:100%;
    overflow-x:hidden;
}
.wrap{
    margin:0 auto;
    width:100%;
    max-width:480px;
    min-width:320px;
    overflow:hidden;
}
/*.header{*/
    /*padding:20px 3%;*/
    /*width:94%;*/
    /*background:#f2f2f2;*/
/*}*/
/*.header .logo{*/
    /*float:left;*/
    /*width:109px;*/
    /*height:35px;*/
/*}*/
/*.header .logo-text{*/
    /*float:left;*/
    /*margin-left:13px;*/
    /*padding-left:7px;*/
    /*line-height:20px;*/
    /*border-left:2px solid #d8d8d8;*/
/*}*/
/*.header .phone{*/
    /*float:right;*/
    /*line-height:20px;*/
    /*font-size:15px;*/
/*}*/
/*.header .phone span{*/
    /*font-size:17px;*/
    /*color:#dd2726;*/
/*}*/
/*.nav{*/
    /*width:100%;*/
    /*height:40px;*/
/*}*/
/*.nav li{*/
    /*float:left;*/
    /*width:20%;*/
    /*height:40px;*/
    /*text-align:center;*/
    /*background:#000000;*/
/*}*/
/*.nav li.act{*/
    /*background:#ec1c32;*/
/*}*/
/*.nav li a{*/
    /*line-height:40px;*/
    /*font-size:12px;*/
    /*color:#ffffff;*/
    /*display:block;*/
/*}*/

.header{
    width:100%;
    background:#ffffff;
}
.header .top{
    width:100%;
}
.header .top .logo{
    float:left;
    padding:5px 0;
    width:56%;
    height:auto;
    display:block;
}
.header .top .phone{
    margin-top:3%;
    padding-left:24px;
    float:right;
    display:block;
    font-size:14px;
    line-height:20px;
    background:url("../img/phone.png") no-repeat left center;
}
.header .nav{
    width:100%;
    height:40px;
}
.header .nav li{
    float:left;
    width:20%;
    height:40px;
    text-align:center;
    background:#000000;
}
.header .nav li.act{
    background:#ec1c32;
}
.header .nav li a{
    line-height:40px;
    font-size:12px;
    color:#ffffff;
    display:block;
}

.banner{
    width:100%;
}
.swiper-container{
    width:100%;
    height:auto;
}
.swiper-container img{
    width:100%;
    height:auto;
}
.part1{
    padding-bottom:20px;
    background:#f2f2f2;
}
.part1 h2.title{
    padding:60px 0 40px;
    font-size:36px;
    font-weight:bold;
    text-align:center;
}
.part1 .tab-box{
    width:100%;
    height:auto;
}
.part1 .tab-box > div .vedio{
    width:100%;
    height:auto;
    position:relative;
}
.part1 .tab-box > div .vedio img{
    width:100%;
    height:auto;
}
.part1 .tab-box > div .vedio iframe{
    top:1%;
    left:3.5%;
    width:93.5%;
    height:91%;
    position:absolute;
}
.part1 .tab-box > div .vedio div p{
    margin-top:5%;
    font-size:16px;
    color:#4d4d4d;
}
.part1 .tab-box > div p span.p{
    margin-left:3%;
    padding-left:23px;
    background:url("../img/p.png") no-repeat left top;
}
.part1 .tab-box > div p span.t{
    margin-left:23px;
    padding-left:23px;
    background:url("../img/t.png") no-repeat left top;
}
.part1 .tab-box > div .info{
    margin:16px 3% 0;
    padding:28px 0;
    width:94%;
    background:#666666;
    position:relative;
}
.part1 .tab-box > div .info h2{
    font-size:26px;
    color:#ffffff;
    text-align:center;
}
.part1 .tab-box > div .info h3{
    font-size:16px;
    color:#ffffff;
    text-align:center;
}
.part1 .tab-box > div .info img{
    left:50%;
    top:-10px;
    margin-left:-10px;
    position:absolute;
}
.hide{
    display:none;
}
.swiper-container2{
    margin-top:5%;
    margin-left:3%;
    padding-bottom:15px;
    width:94%;
    overflow:hidden;
    position:relative;
}
.swiper-container2 .box{
    background:#ffffff;
    padding-bottom:5px;
    cursor:pointer;
}
.swiper-container2 .box img{
    width:100%;
    height:auto;
}
.swiper-container2 .box h2{
    padding-left:2%;
    font-size:24px;
    font-weight:bold;
}
.swiper-container2 .box p{
    padding-left:2%;
    font-size:20px;
    color:#929292;
}
.swiper-scrollbar{
    bottom:0;
    width:100%;
    max-width:640px;
    position:absolute;
    z-index:9999;
}
a.link{
    margin:20px auto 0;
    width:50%;
    height:57px;
    line-height:57px;
    font-size:20px;
    color:#ffffff;
    text-align:center;
    display:block;
    background:#dc0000;
    border-radius:24px;
}
.part2{
    padding-bottom:20px;
}
.part2 h2.title{
    padding:30px 0;
    font-size:45px;
    line-height:60px;
    text-align:center;
}
.part2 h2.title b{
    font-weight:bold;
}
.part2 h2.title span{
    color:#dc0000;
}
.part2 form{
    margin-left:25%;
}
.part2 form label{
    font-size:20px;
    display:block;
}
.part2 form label input[type='text']{
    margin-bottom:2%;
    margin-left:1%;
    width:50%;
    height:45px;
    line-height:45px;
    text-indent:2%;
    background:#f2f2f2;
    border:1px solid #bababa;
    border-radius:4px;
}
.part2 form a{
    width:30%;
    height:36px;
    line-height:36px;
    color:#ffffff;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    background:#dc0000;
    border-radius:4px;
    border:none;
}
.part2 form input[type='submit']{
    width:30%;
    height:36px;
    line-height:36px;
    color:#ffffff;
    cursor:pointer;
    display:inline-block;
    text-align:center;
    background:#343030;
    border-radius:4px;
    border:none;
}
.footer{
    padding:30px 3%;
    width:94%;
    text-align:center;
    background:#262932;
}
.footer p{
    color:#b7b7b7;
    font-size:18px;
}