@charset "utf-8";



/*



*	****************************************



*	*           index style               



*	****************************************



*/





/*head*/



#head {

    height: 60px;

    background: #fff;

    position: relative;

    text-align: center;

    margin-bottom: 10px;

}



#head .logo {

    display: inline-block;

    height: 60px;

}



#head .logo img {

    display: block;

    height: 60px;

}



#head a.lng {

    display: block;

    height: 60px;

    position: absolute;

    left: 11px;

    top: 0;

    overflow: hidden;

    font-size: 0;

}



#head a.lng img {

    width: 16px;

    height: 16px;

    vertical-align: middle;

    font-size: 16px;

    font-family: Arial;

}



#head a.lng span {

    display: inline-block;

    font-size: 16px;

    color: #333;

    vertical-align: middle;

    padding-left: 5px;

    line-height: 60px;

}





/* banner */



#banner {

    width: 100%;

    margin-bottom: 3.125%;



}



#banner img {

    width: 100%;

    display: block;

}





/* public title */



.title {

    height: 46px;

    padding: 0 3.125%;

    border-bottom: 1px solid #cccccc;

    overflow: hidden;

    line-height: 46px;

    text-transform: uppercase;

}



.title strong {

    font-size: 20px;

    color: #1c1c1c;

}





/*products*/



.products {
   padding:0 3.125% ;

}



.products ul {

    padding: 0 3.125%;

}



.products li {

    width: 48%;

    margin-top: 3.125%;

    float: left;

}



.products li a {

    display: block;

}



.products li img {

    width: 100%;

    display: block;

}



.products li p {

    font-size: 14px;

    color: #fff;

    text-align: center;

    line-height: 28px;

    padding: 0 5px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: #065aba;

}
em{
    font-style: normal;
}
.baojian{
    float: left;
}
.tianjia{
    float: right;
}
.baojian,.tianjia{
    display: inline-block;
     overflow: hidden;
     font-size: 14px;
     color: #4b4b4b;
     width:48%;
     text-align: center;
     padding-top:3.125%;
     line-height:28px;
}

.baojian img,.tianjia img{
    max-width: 100%;
     margin:0 auto;
     overflow: hidden;
}

/*news*/



.news {

    padding-bottom: 5%

}



.news ul {

    padding: 0 3.125%;

}



.news li {

    border-bottom: #ccc 1px dashed;

    background: url('../images/public/news.png') right 15px no-repeat;

}



.news li a {

    display: block;

    padding: 20px 0 10px 0;

}



.news li h6 {

    width: 85%;

    font-size: 18px;

    line-height: 18px;

    color: #333;

}



.news li p {

    width: 85%;

    padding-top: 10px;

    font-size: 14px;

    color: #999;

    line-height: 24px;

}



.news li span {

    width: 85%;

    display: block;

    font-size: 12px;

    color: #ccc;

    padding-top: 15px;

}



.news li a:active h6 {

    color: #065aba;

}





/*about*/



.about {

    margin-bottom: 3.125%;

    padding: 1% 0 5% 0;

    /*background: #f2edee;*/

}



.about .box {

    padding: 3.125% 3.125% 0 3.125%;

}



.about img {

    max-width: 100%;

    display: inline-block;

    /*float: left;*/

    padding-bottom: 3.125%;

}



.about p {

    font-size: 14px;

    line-height: 28px;

    text-align: left;

}





/*swiper*/



.swiper-pagination-bullet {

    width:12px;

    height:12px;

    border-radius: 6px;

    display: inline-block;

    border: 1px solid #cccccc;

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer

}



.swiper-pagination-bullet-active {

    background: #fff;

}



.swiper-container-horizontal>.swiper-pagination {

    bottom:10%;

    left: 0;

    width: 100%;

    height: 4px;

    font-size: 0;

}



.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {

    margin: 0 5px

}