*{
    padding: 0;
    margin: 0;
    border:0;
}
input{
    background: none;
}
a{
    text-decoration: none;
    color:#333333;
}
li{
    list-style-type: none;
}
img{
    display: block;
    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: 5rem;
    text-align: center;
    line-height:5rem;
    background: url("../images/logo.jpg") no-repeat left 3rem center;
    background-size: 7.5rem 2.9rem;
}
header h2{
    width: 18rem;
    margin: 0 auto;
    font-size: 1rem;
    text-indent: 2rem;
}
nav{
    width: 32rem;
    height: 4rem;
    background-color: #0e6dea;
}
nav a{
    display: block;
    width: 7.95rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    float: left;
    color:#ffffff;
    border-right:0.05rem solid #fff;
}
nav a:nth-child(1),nav a:nth-child(2),nav a:nth-child(3),nav a:nth-child(4){
    border-bottom:0.05rem solid #fff;
    height: 1.95rem;
}
#swiper-container1{
    width: 100%;
    height: 10rem;
}
.product{
    width: 32rem;
    height: auto;
    margin: 0.5rem auto;
}
.product .dh{
    text-align: center;
}
.product .dh h2{
    font-size: 1.2rem;
    line-height: 2.5rem;
}
.product .dh p{
    font-size: 0.8rem;
    color:#999999;
}
.product .list{
    width: 32rem;
    height: auto;
}
.product .list ul{
    padding: 1rem 0;
}
.product .list ul li{
    width: 15rem;
    height: 17rem;
    float: left;
    margin: 0.5rem 0.5rem;
}
.product .list ul li .thumb{
    width: 15rem;
    height: 15rem;
}
.product .list ul li p{
    text-align: center;
    line-height: 2rem;
}
.about{
    width: 31rem;
    height: auto;
    margin: 0 auto;
    background: url("../images/index_01.jpg") no-repeat bottom center;
    background-size: 32rem 3.15rem;
    padding-bottom: 3rem;
}
.about .dh h2{
    text-align: center;
    font-size: 1.2rem;
    color:#1f1f1f;
    line-height: 2rem;
}
.about .content{
    font-size: 1rem;
    margin-top: 0.5rem;
    color:#666;
    line-height: 1.6rem;
}
.about .zx{
    width: 18rem;
    height: auto;
    margin: 0.75rem auto;
}
.about .zx .btn{
    width: 12rem;
    margin: 0 auto;
}
.about .zx .btn a{
    display: block;
    width: 5rem;
    height: 2rem;
    float: left;
    margin: 0 0.5rem;
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    text-align: center;
    line-height: 2rem;
    font-size: 0.9rem;
}
.about .zx h3{
    line-height: 2.5rem;
    font-size: 1rem;
    background: url("../images/index_08.jpg") no-repeat left center;
    background-size: 1rem 1rem;
    text-indent: 1.3rem;
    color:#666666;
}
.about .zx h3 span{
    color:#0e6dea;
}

.youshi{padding:10px 0;}
.youshi .index_tit dt{color:#323232; font-size:1rem;text-align: center;
    line-height:3.5rem;}
.youshi .index_tit dt i{font-size:1.2rem; color:#e94c19;}
.youshi .swiper-slide .bod{text-align:center; padding:0 5px 30px; margin-top:60px;}
.youshi .swiper-slide .bod img{max-width:100%;}
.youshi .swiper-slide .bod dl{text-align:left;}
.youshi .swiper-slide .bod dl dt{font-size:14px; color:#0e6dea; font-weight:bold; margin:10px 0;}
.youshi .swiper-slide .bod dl dd{font-size:12px; color:#666; line-height:200%;}
.youshi .swiper-container-horizontal>.swiper-pagination-bullets{top:-0;}
.youshi .swiper-container-horizontal>.swiper-pagination-bullets span{width:22%; height:40px; line-height:40px; border-radius:0; opacity:1; background:#e3e3e3;}
.youshi .swiper-container-horizontal>.swiper-pagination-bullets span:nth-child(1):after{content:"加工定制"; color:#666;}
.youshi .swiper-container-horizontal>.swiper-pagination-bullets span:nth-child(2):after{content:"货源充足"; color:#666;}
.youshi .swiper-container-horizontal>.swiper-pagination-bullets span:nth-child(3):after{content:"厂家直销"; color:#666;}
.youshi .swiper-container-horizontal>.swiper-pagination-bullets span:nth-child(4):after{content:"现货批发"; color:#666;}
.youshi .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#0e6dea;;}
.youshi .swiper-container-horizontal>.swiper-pagination-bullets span.swiper-pagination-bullet-active:after{color:#fff;}

.ryzz{
    width: 29rem;
    height: auto;
    margin: 1rem auto;
    border:1px solid #333333;
    padding: 1rem 1rem;
}
.ryzz .dh{
    height: 5rem;
    text-align: center;
    background: url("../images/index_09.jpg") no-repeat center center;
    line-height: 2.5rem;
}
#swiper-container3{
    width: 29rem;
    height: auto;
}
#swiper-container3 .swiper-slide{
    width: 4.25rem;
    height: 6rem;
}
.news{
    width: 31rem;
    height: auto;
    margin: 1rem auto;
}
.news .tabs{
    width: 31rem;
    height: 2rem;
    border:1px solid #b5b5b5;
}
.news .tabs a{
    display: block;
    width: 10.28rem;
    height: 2rem;
    float: left;
    text-align: center;
    line-height: 2rem;
    border-right:0.05rem solid #b5b5b5;
}
.news .tabs a:last-child{
    bordr-right:0;
}
.news .tabs a.on{
    background-color: #0e6dea;;
    color:#ffffff;
}
.news ul li{
    width: 31rem;
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom:1px solid #ddd;
    background: url("../images/index_05.jpg") no-repeat left center;
    background-size: 0.75rem 0.4rem;
    text-indent: 1rem;
}
.news ul li span{
    float: right;
    color:#b5b5b5;
}
.footer{
    width: 32rem;
    height: auto;
    text-align: center;
    line-height: 2rem;
    margin-bottom: 5rem;
}
.footer .return{
    width: 7.5rem;
    height: 1.75rem;
    background-color: #0e6dea;;
    -webkit-border-radius: 1.5rem;
    -moz-border-radius: 1.5rem;
    border-radius: 1.5rem;
    text-align: center;
    line-height: 1.75rem;
    margin: 1rem auto;
}
.footer .return a{
    color:#ffffff;
}
.bottom{
    width: 32rem;
    height: 2.75rem;
    position: fixed;
    bottom:0;
    z-index: 999;
}
.bottom ul li{
    width: 7.8rem;
    height: 2.25rem;
    float: left;
    background-color: #0e6dea;
    padding: 0.25rem 0;
}
.bottom ul li img{
    display: block;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0 auto;
}
.bottom ul li p{
    text-align: center;
    color:#ffffff;
    font-size: 0.8rem;
}
/******************************产品列表***************************/
.position{
    width: 30.5rem;
    height:2rem;
    background-color: #e9e9e9;
    position: relative;
    padding: 0 0.75rem;
}
.position .left{
    width: 1rem;
    height: 1rem;
    float: left;
    margin-top: 0.5rem;
}
.position .center{
    width: 26rem;
    height: 2rem;
    float: left;
    text-align: center;
    line-height: 2rem;
}
.position .center h2{
    font-size: 1rem;
}
.position .right{
    width: 3.5rem;
    height: 2rem;
    float: right;
    line-height: 2rem;
    background: url("../images/index_07.jpg") no-repeat left center;
    background-size: 1rem 1rem;
    text-indent: 1.2rem;
}
.nav{
    width: 32rem;
    height: auto;
    background-color: #f4f4f4;
    position: absolute;
    top:2rem;
    left:0;
}
.nav ul li{
    width: 30rem;
    height: 2.5rem;
    border-bottom:1px solid #ccc;
    padding: 0 1rem;
    background: url("../images/index_10.jpg") no-repeat right 1rem center;
    line-height: 2.5rem;
}
.pages{
    width: 20rem;
    height: 2.5rem;
    margin: 0 auto;
    line-height: 2.5rem;
}
.pages ul li{
    float: left;
}

/***************************新闻列表*****************************/
.article{
    width: 31rem;
    height: auto;
    padding: 0 0.5rem;
}

.article .list ul li{
    width: 31rem;
    height: 2.5rem;
    border-bottom: 1px solid #cccccc;
    line-height: 2.5rem;
    background: url("../images/index_29.jpg") no-repeat left center;
    text-indent: 1rem;
}
.article .list ul li span{
    float: right;
    color:#b5b5b5;
}

/****************************内容页***********************/
.article .title{
    height: 5rem;
    border-bottom:1px solid #cccccc;
}
.article .title h1{
    text-align: center;
    line-height: 3rem;
    font-size: 1.2rem;
}
.article .title p{
    text-align: center;
    line-height: 2rem;
}
.article .title p span{
    padding: 0 0.75rem;
    color:#b5b5b5;
    font-size: 0.8rem;
}
.article .body{
    padding: 1rem 0;
    line-height: 1.6rem;
}
.article .body p{
    margin: 1.5rem 0;
}