*{
    padding: 0;
    margin: 0;
    border:0;
}
input{
    background: none;
}
a{
    text-decoration: none;
    color:#333333;
}
li{
    list-style-type: none;
}
img{
    width:100%;
    height:100%;
}
.clear{
    clear: both;
}
.hide{
    display: none;
}
body{font-family:"Microsoft Yahei",Helvetica,STHeiTi,sans-serif;min-width:320px;max-width:640px;margin:0 auto;position:relative;}
header{
    width:32rem;
    height:7rem;
    margin: 0 auto;
}
header .nav-btn{
    width:1.5rem;
    height:1.25rem;
    position: absolute;
    top:3rem;
    right:0.75rem;
}
nav{
    width: 32rem;
    height: 8rem;
    background: url("../images/nav.jpg") no-repeat left center;
    background-size: 32rem 8rem;
}
nav a{
    display: block;
    width: 8rem;
    height: 4rem;
    float: left;
    text-align: center;
    line-height: 4rem;
    color:#ffffff;
    font-size: 1.2rem;
}
.banner{
    width:32rem;
    height:12.25rem;
}
#banner{
    width: 32rem;
    height: 12.25rem;
}
#banner .swiper-slide{
    width: 32rem;
    height: 12.25rem;
}
#banner .swiper-pagination-bullet{
    width: 2.25rem;
    height: 0.25rem;
    background-color: #ff9900;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.search{
    width: 31rem;
    height: 2.5rem;
    background-color: #eeeeee;
    padding: 0.75rem 0.5rem;
}
.search #keyword{
    width: 26rem;
    height: 2.5rem;
    background-color: #ffffff;
    float: left;
}
#btn{
    width: 5rem;
    height: 2.5rem;
    float: left;
    background-color: #13495b;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.2rem;
    color:#ffffff;
}
.product{
    width: 32rem;
    height: auto;
    margin: 1rem auto;
}
.product .dh{
    width: 9.5rem;
    height: 5rem;
    margin: 0 auto;
}
.product .tabs{
    width: 31rem;
    height: auto;
    margin: 0.5rem auto;
}

.product ul{
    width: 32rem;
    height: auto;
    margin: 0.5rem auto;
}
.product ul li{
    width: 15rem;
    height: 14.5rem;
    float: left;
    margin: 0.5rem 0.5rem;
}
.product ul li .thumb{
    width: 15rem;
    height: 11.25rem;
}
.product ul li p{
    width: 15rem;
    height: 2.5rem;
    margin-top: 0.75rem;
    background-color: #eeeeee;
    text-align: center;
    line-height: 2.5rem;
}
.product .more{
    width: 8rem;
    height: 2.5rem;
    margin: 1rem auto;
    background-color: #13495b;
    text-align: center;
    line-height: 2.5rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
}
.product .more a{
    color:#ffffff;
}
.about{
    width: 32rem;
    height: auto;
    margin: 2rem auto;
}
.about img{
    display: block;
    width: 32rem;
    height: 17.5rem;
}
.about .dh{
    width: 31rem;
    height: 3rem;
    background: url("../images/line.jpg") no-repeat left bottom;
    background-size: 31rem 1px;
    line-height: 3rem;
}
.about .dh h2{
    font-size: 1rem;
    color:#cccccc;
}
.about .dh h2 span{
    color:#13495b
}
.about p{
    line-height: 1.75rem;
    color:#666666;
}
.about a{
    display: block;
    width: 8rem;
    height: 2.5rem;
    border:1px solid #cccccc;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    text-align: center;
    line-height: 2.5rem;
    margin-top: 0.75rem;
    color:#666666;
}

.floor{
    width:32rem;
    height:auto;
    margin:1rem auto;
    background-color: #eeeeee;
    padding: 1rem 0;
}
.floor .dh{
    width: 9rem;
    height: 5rem;
    margin: 0 auto;
}
.floor .wrap{
    width: 31rem;
    height: 14rem;
    margin: 20px auto;
    position: relative;
}
.wrap .swiper-container {
    width:31rem;
    height:14rem;
}
.wrap .swiper-slide{
    width:15rem;
    height:14rem;
}
.wrap .swiper-slide .thumb{
    width:15rem;
    height:11.25rem;
}
.wrap .swiper-slide h2{
    width: 15rem;
    height: 2.25rem;
    text-align: center;
    line-height: 2.25rem;
    background-color: #ffffff;
    margin-top: 0.5rem;
}
.wrap .swiper-slide h2 a{
    font-size: 1rem;
    font-weight: 500;
}

.news{
    width: 31rem;
    height: auto;
    margin: 0 auto;
}
.news .dh{
    width: 9rem;
    height: 5rem;
    margin: 0 auto;
}
.news .tab{
    width: 25.5rem;
    height: 2rem;
    margin: 1rem auto;
}
.news .tab a{
    display: block;
    width: 7.5rem;
    height: 2rem;
    background-color: #cccccc;
    float: left;
    text-align: center;
    line-height: 2rem;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    margin: 0 0.5rem;
}
.news .tab a.on{
    background-color: #ff9900;
    color:#ffffff;
}
.news ul{
    width: 31rem;
    height: auto;
    margin-top: 1.5rem;
}
.news ul li{
    width: 31rem;
    height: 2.25rem;
    border-bottom:1px dashed #e8e8e8;
    line-height: 2.25rem;
    background: url("../images/li_img.jpg") no-repeat left center;
    background-size: 0.45rem 0.45rem;
    text-indent: 1.5rem;
}
.news ul li span{
    float: right;
}
.gsxx{
    width: 32rem;
    height: auto;
    padding: 1.5rem 0 2.5rem 0;
    text-align: center;
    margin-bottom: 5rem;
    background-color: #eeeeee;
    line-height: 2.5rem;
}
.footer{
    width:32rem;
    height:5rem;
    position: fixed;
    bottom:0;
    z-index: 9999;
}
.footer a{
    display: block;
    width:8rem;
    height:5rem;
    float: left;
}
/****
产品列表
 */
.main-nav{
    width:30rem;
    height:2.5rem;
    background-color:#13495b;
    padding: 0 1rem;
}
.main-nav .go{
    width:1rem;
    height:1rem;
    float: left;
    margin-top: 0.75rem;
}
.main-nav .home{
    width:1rem;
    height:1rem;
    float: right;
    margin-top: 0.75rem;
}
.pos{
    width:30rem;
    height:2rem;
    margin-top:0.5rem;
    padding: 0 1rem;
    line-height:2rem;
    border-bottom:1px solid #999999;
}
.main{
    width:32rem;
    height:auto;
    margin: 1rem auto;
}
.main .li{
    width:15rem;
    height:13.75rem;
    float: left;
    margin: 0 0.5rem;
}
.main .li .thumb{
    width:14.8rem;
    height:11.05rem;
    border:0.2rem solid #cccccc;
}
.main .li h2{
    line-height:2rem;
    text-align: center;
}
.main .li h2 a{
    font-weight: 500;
    font-size: 0.8rem;
}
.main .pages{
    width:30rem;
    height:2rem;
    margin: 1rem auto;
    padding: 0.5rem 1rem;
}
.main .pages li{
    padding: 0.25rem 0.5rem;
    border:1px solid #cccccc;
    float: left;
    margin: 0 0.5rem;
}
.main .pages li:hover{
    background-color: #007aff;
    color:#ffffff;
}

.main .list ul{
    width:31rem;
    height:auto;
    margin: 0 auto;
}
.main .list ul li{
    width:31rem;
    height:2.5rem;
    border-bottom:1px dashed #b1b1b1;color:#999999;
    line-height:2.5rem;
}
.main .list ul li a{
    color:#999999;
}
.main .list ul li span{
    float: right;
}
.main .title{
    width:32rem;
    height:auto;
    text-align: center;
}
.main .title h1{
    line-height:3.5rem;
}
.main .title p{
    line-height:2rem;
    font-size: 0.9rem;
    color:#999999;
}
.main .title p span{
    padding: 0 0.75rem;
}
.main .body{
    padding: 1rem 1rem;
}