* { margin:0; padding:0;box-sizing: border-box}
.left{
    float: left;}
.right{
    float: right;}
body { font-size: 14px; }
html, body, .wrap { height:100%; }
.wrap {
    height:auto;
    min-height:100%;
    _height:100%;
}
.header{
    height: 80px;
    line-height: 80px;
    background: white;
}
.header .title{
    float: left;
}
.header .logo{margin-top: 20px;
    width: 90px;}
nav{margin-left: 200px}
.nav-item{
    float: left;}
.nav-item a{text-decoration: none;
    color: #000;
    padding:20px;
    }
.nav-hover{border-bottom:2px solid #0a7bff;}
.search-box{
    float: right;
    background: #f0f0f2;
    line-height: normal;
    margin:25px 0;
    border-radius: 5px;
    padding:10px;
}
.search{
    border:none;
    background: #f0f0f2;

}
input:focus{outline: none}
.search-icon{
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background: url(/h5/ja/images/search.png) no-repeat;
    background-size: 100% 100%;
    }
/*杞挱*/
.swiper-container {
    width: 100%;
    min-width: 1024px;
    height: 400px;
}
.swipe-bg1{
    background: url(/h5/ja/images/bg1.png) no-repeat;
    background-size:cover}
 .swipe-bg2{
    background: url(/h5/ja/images/bg2.png) no-repeat; background-size:cover}
.swipe-bg3{
    background: url(/h5/ja/images/bg3.png) no-repeat; background-size:cover}
.swiper-slide{padding-top: 100px;
    color: #ffffff;}
.swiper-slide h1{font-size: 22px;letter-spacing: 2px;
    margin-bottom: 100px;}
.swiper-slide a{
    padding:10px 20px;
    color: #ffffff;
    border:1px solid #ffffff;
    border-radius: 10px;
    text-decoration: none;
}
header , .news , .introduction-box , .credit-box , .application , .community-box{
    width: 100%;
    min-width: 1024px}
/*鏂伴椈*/
.news {
    height: 80px;
    line-height: 80px;
    background: #46484f;
    color: #ffffff;
    /*background: linear-gradient(to right,*/
            /*#393b41 0%,*/
            /*#393b41 400px,*/
            /*#46484f 400px,*/
            /*#46484f 100%*/
    /*);*/

}
.news .title{font-size: 20px;

    float: left;
    padding-right: 30px; }
.news-title{
    float: left;
    margin:0 30px;}
.news-date{
    color: grey;
    font-size: 12px;
margin-left: 20px}
.news .more{
    float: right;
    padding: 10px 20px;
background: #595b61;
    line-height:normal;
    margin-top: 20px;border-radius: 10px}
.introduction , .credit{text-align: center;
    padding:40px 0;}
.introduction .content , .credit .content{
    float: left;
    width: 320px;
    margin:0 5px;
text-align: left}
.introduction .content h2 , .credit .content h2{
    color: #000;
    font-size: 16px;
    margin:20px 0;}
.introduction .content section , .credit .content section{
    color: gray;font-size: 12px;
    line-height:2;}

/*淇＄敤鍩虹煶*/
.credit-box{
    height: 200px;
    background: url(/h5/ja/images/bg2.jpg) no-repeat;
    background-size: cover;text-align: center;
    color: rgba(255,255,255,0.5);
    position: relative;
    margin-bottom: 300px}
.credit-box .title , .community-box .title{
    padding-top: 30px;
    font-size: 22px;font-weight: normal;
    color: #ffffff; text-align: center}
.credit{
    position: absolute;
    left: 50%-200px;
z-index: 100}
.credit .content{
    position: relative;
    background: white;
    padding: 10px;
    height: 350px;}

/*娴烽噺搴旂敤*/
.application{
    height: 400px;
    color: #ffffff;
    position: relative;}
.application .title-box{margin-top: 100px;}
.application .title-box section{
    width: 500px;
    line-height:2;
    margin:20px 0 50px;}
.application .title-box a{
    color: #ffffff;
    text-decoration: none;
    padding:10px 20px;
    border:1px solid #ffffff;
    border-radius: 10px;
}
.application{
    background: url(../images/bg3.jpg) no-repeat;
    background-size: 100% 100%}
.application .container{
    position: relative;}
.application img{
    position: absolute;
    right: 20px;
    }
/*绛涢��*/
.classify-item{
    padding:10px 0;}
.classify-item .title{
    width: 15%;
    color: gray;
    float: left;}
.filter-list{float: left;width: 85%;border-bottom: 1px dashed gray;
    padding-bottom: 10px}
.filter-list .active{
    color: #0a7bff;

}
.filter-list-item{
    display: inline-block;
    width: 80px;
    margin-bottom: 10px;font-size: 12px;}
/*琛ㄦ牸*/
table{margin-top: 50px}
table tr{
    height: 50px;background: white;}
table .title-list{text-align: left;font-size: 16px}
table tr th{
    font-weight:normal;}
table tr th , table tr td{padding: 20px}
.company-title{font-size: 16px;margin-left: 20px;font-weight: bold}
.company-date{
    color: #777777;}
.company-detail-btn{
    padding:10px 30px;
    border:1px solid #0a7bff;
    color: #0a7bff;}
footer {
    position:relative;
    /*margin-top:-100px;*/
    font-size:14px;

}
.footer-top{
    height: 250px;
    width: 100%;
    min-width: 1024px;
    background:#46484f;
    color: #ffffff;
    padding:50px 0;}
.footer-bottom{
    height: 50px;
    color: gray;
    padding-top: 10px;
    text-align: center;
    background:#46484f;
    width:100%;
    min-width: 1024px;
    border-top:1px solid gray;
}
.footer-bottom-item{
    display: inline-block;
    padding:0 10px;}
.footer-bottom-item + .footer-bottom-item{border-left: 1px solid gray}
.footer-list-item{
    float: left;
    width: 200px;}
.footer-list-item-title{font-weight: bold;
    margin:10px 0;}
.footer-list-item-content{
    color: rgba(255,255,255,0.6);
    line-height: 2;}
.footer-bottom select{width: 150px;
    background: transparent;
    border: 1px solid gray;
    padding: 5px 10px;
    color: rgba(255,255,255,0.6)}
.container{
    width: 1024px;
    margin:auto;
    padding:0 10px;}
li{list-style: none}