@charset "utf-8";
/*Global b*/
body {
    font-size: 16px;
    line-height: 28px;
}
/*Global e*/
/*header b*/
header {
    width: 100%;
    min-width: 360px;
    height: 70px;
}
.div-header {
    width: 100%;
    height: 70px;
}
.a-logo {
    width: 210px;
    height: 70px;
    background-size:160px auto;
}
/*************div-menu b************/
.nav-menu{
    display: none;
}
/*div-menu e*/
.a-logo2 {
    width: 150px;
    height: 70px;
    background-size:100px auto;
}
/*header e*/
/*focus b*/
.section-focus {
    width: 100%;
    min-width: 360px;
}
.div-focus {
    width: 100%;
    min-width: 360px;
}
/*swiper b*/
.div-focus .swiper-slide img {
    width: 100%;
    display: block;
}
.div-focus .swiper-pagination {
    width: 100%;
    margin-top: -40px;
    min-width: 360px;
}
/*swiper e*/
/*focus e*/
/*product b*/
.section-product {
    width: 100%;
    min-width: 360px;
    padding: 48px 0 48px 0;
}
.div-product{
    width: 98%;
}
.s-title-home{
    width: 100%;
    background: url('../img/product-title-bg.png') center top no-repeat;
    background-size:auto 20px;
    height: 30px;
}
.ul-product{
    width: 100%;
    margin: 25px 0 5px 0;
}
.ul-product li{
    width: calc( 50% - 10px );
    margin: 0 5px 35px 5px;
    height: auto;
}
.ul-product li:nth-child(3){
    margin: 0 5px 15px 5px;
}
.ul-product li:nth-child(4){
    display: block;
}
.ul-product div{
    width: 100%;
    padding-bottom: 58%;
    position: relative;
    overflow: hidden;
}
.ul-product img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.ul-product .s-title{
    width: 100%;
    margin-top: 12px;
}
.ul-product .p-desc{
    width: 100%;
}
.ul-product a:hover img{
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}
.a-more{
    width: 95%;
    margin: 2px auto 0 2.3%;
}
.span-red{
    margin: -3px 8px auto auto;
}
/*product e*/
/*case b*/
.section-case {
    width: 100%;
    min-width: 360px;
    padding: 48px 0 48px 0;
}
.div-case{
    width: 98%;
}
.s-title-home-case{
    width: 100%;
    background: url('../img/case-title-bg.png') center top no-repeat;
    background-size:auto 20px;
    height: 30px;
}
.ul-case{
    width: 100%;
    margin: 25px 0 2px 0;
}
.ul-case li{
    width: calc( 50% - 10px );
    margin: 0 5px 20px 5px;
    height: auto;
}
.ul-case li:nth-child(5){
    margin: 0 5px 35px 5px;
}
.ul-case li:nth-child(6){
    display: block;
}
.ul-case div{
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.ul-case img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.ul-case .s-title{
    width: 100%;
    margin-top: 8px;
}
.ul-case a:hover img{
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}
/*case e*/
/*news b*/
.section-news {
    width: 100%;
    min-width: 360px;
    padding: 48px 0 48px 0;
}
.div-news{
    width: 98%;
}
.s-title-home-news{
    width: 100%;
    background: url('../img/news-title-bg.png') center top no-repeat;
    background-size:auto 20px;
    height: 30px;
}
/*ul-news-1 b*/
.ul-news-1{
    width: 100%;
    height: auto;
    margin-top: 25px;
    border-bottom: 1px #e9e9e9 dotted;
}
.ul-news-1 li{
    width: calc( 50% - 10px );
    margin: 0 5px 20px 5px;
    height: auto;
}
.ul-news-1 li:nth-child(2n){
    margin: 0 5px 20px 5px;
}
.ul-news-1 li a{
    width: 100%;
    height: auto;
}
.ul-news-1 li a div{
    width: 100%;
    padding-bottom: 56%;
    position: relative;
    overflow: hidden;
}
.ul-news-1 li a img{
    float: none;
    width: 100%;
    height: 100%;
    position: absolute;
}
.ul-news-1 li a .s-title{
    width: 100%;
    height: 48px;
    line-height: 23px;
    display: -webkit-box;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.ul-news-1 li a .s-date{
    width: 100%;
}
.ul-news-1 li a:hover img{
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}
/*ul-news-1 e*/
/*ul-news-2 b*/
.ul-news-2{
    width: 100%;
    height: auto;
    margin-top: 15px;
    margin-left: 0;
    margin-bottom: 28px;
}
.ul-news-2 li{
    width: calc( 100% - 10px );
    margin: 4px 5px 4px 5px;
}
.ul-news-2 li a{
    float: left;
    width: 100%;
    height: 30px;
    overflow: hidden;
}
.ul-news-2 li a .s-date{
    width: 95px;
}
.ul-news-2 li a .s-title{
    width: calc( 100% - 95px );
}
/*ul-news-2 e*/
/*news e*/
/*partner b*/
.section-partner {
    width: 100%;
    min-width: 360px;
    padding: 48px 0 48px 0;
}
.div-partner{
    width: 98%;
}
.s-title-home-partner{
    background: url('../img/partner-title-bg.png') center top no-repeat;
    width: 100%;
    background-size:auto 20px;
    height: 30px;
}
.ul-partner{
    width: 100%;
    margin: 25px 0 5px 0;
}
.ul-partner li{
    width: calc( 50% - 10px );
    margin: 0 5px 15px 5px;
    height: auto;
    box-shadow: 3px 3px 2px #e7e7e7;
}
.ul-partner li:nth-child(6n+6){
    margin: 0 5px 15px 5px;
}
.ul-partner div{
    width: 100%;
    padding-bottom: 50%;
    position: relative;
    overflow: hidden;
}
.ul-partner img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.ul-partner .s-title{
    display: none;
}
.ul-partner a:hover img{
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}
/*partner e*/
/*footer b*/
.footer {
    width: 100%;
    min-width: 360px;
}
.div-footer{
    width: 96%;
}
.div-contact{
    width: 100%;
    height: auto;
}
.div-address{
    width: 100%;
}
.nav-footer{
    font-size: 16px;
    line-height: 48px;
    margin: 15px auto 0px auto;
}
.div-vline{
    display: none;
}
.div-qrc-footer{
    width: 100%;
    border-top: 1px #484d66 dotted;
    margin: 15px auto 15px auto;
}
.div-qrc-footer li{
    width: calc( 50% - 10px );
    margin: 10px 5px 15px 5px;
    height: auto;
}
.div-qrc-footer li:nth-child(3){
    display: none;
}
.div-qrc-footer li span{
    width: 100%;
}
.div-qrc-footer li img{
    margin:0 auto;
}
.div-link{
    width: calc( 100% - 40px );
}
.div-support{
    width: 100%;
}
/*footer e*/
/*float qq b*/
.div-float
{
    display: none;
}
/*float qq e*/
/*m totop b*/
.totop{
    display:none;
    width: 38px;
    height: 38px;
    position: fixed;
    bottom: 86px;
    right: 10px;
    z-index:9995;
    text-align: center;
    border-radius: 4px;
    overflow: hidden;
    background: url('../img/totop-bg.png') 0 0 no-repeat;
    background-size: 38px auto;
    line-height: 38px;
}
/*m totop e*/
/*m-menu b*/
.div-open-m-menu{
    display:block;
    position:fixed;
    top: 15px;
    right:9px;
    z-index:9996;
    width: 40px;
    height: 42px;
    color: #fff;
    text-align: right;
    line-height: 42px;
    background: url('../img/m-menu-bg11.png') 0 0 no-repeat;
    background-size: auto 42px;
}
/*main menu b*/
.div-m-mask{
    width: 100%;
    height: 100%;
    background-color: #0c375f;
    opacity: .75;
    position:fixed;
    display: none;
    z-index: 9997;
    bottom: 0;
}
.div-m-menu{
    width: 80%;
    max-width:298px;
    height:100%;
    top:0;
    right:-328px;
    position: fixed;
    background-color:#fff;
    border:0;
    border-left:12px #e8e8e8 solid;
    overflow-x:hidden;
    overflow-y:scroll;
    z-index: 9997;
    display: block;
}
.div-close-btn-right{
    width: 100%;
    height: 70px;
    display: block;
    background: url('../img/m-menu-bg2.png') right 15px no-repeat;
    background-size: auto 42px;
}
.ulm{
    width:92%;
    margin-left:auto;
    margin-right:auto;
}
.lim{
    border-bottom:1px #e8e8e8 solid;
    float:left;
    width:100%;
    padding:0.4em 0 0.4em 0;
}
.lim:last-child{
    border:0;
}
.am1{
    max-width:100%;
    height:2em;
    line-height:2.2em;
    color:#176fc0;
    float:left;
    margin-left:10px;
    font-size:1.05em;
    white-space:nowrap;
    padding: 0 12px 0 12px;
    border-radius: 4px;
}
.am2{
    width:100%;
    height:2em;
    line-height:2.2em;
    color:#666;
    float:left;
    margin-left:28px;
    font-size:0.85em;
    white-space:nowrap;
}
/*current m menu b*/
#body-home #a-home-m, #body-xfjjfa #a-xfjjfa-m, #body-jyxfcp #a-jyxfcp-m, #body-case #a-case-m, #body-about #a-about-m, #body-news #a-news-m, #body-contact #a-contact-m{
    background-color: #176fc0;
    color: #fff;
}
/*current m menu e*/
/*main menu e*/
/*m-menu e*/