@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:145px auto;
}
.div-header p{
    display: none;
}
.a-logo2 {
    width: 150px;
    height: 70px;
    background-size:128px auto;
}
/*header e*/
/*************div-menu b************/
.section-menu{
    display: none;
}
/*div-menu e*/
/*focus b*/
.section-focus {
    min-width: 360px;
}
.div-focus {
    min-width: 360px;
}
.div-focus img{
    width: 120%;
    display: block;
    margin-left: -10%;
}
/*focus e*/
/*middle b*/
.section-middle {
    width: 100%;
    min-width: 360px;
    min-height: 200px;
}
.div-middle{
    width: 95%;
}
/*middle e*/
/*content b*/
.div-middle-top{
    display: none;
}
.ul-channel-menu{
    padding: 20px 0 0 0;
}
.ul-channel-menu li{
    margin: 5px 5px 0 5px;
}
.ul-channel-menu li a{
    line-height: 22px;
}
.div-title
{
    width:calc( 100% - 20px );
    margin-top: 20px;
}
.div-title .s-title
{
    font-size:22px;
    line-height:36px;
    width: calc( 100% - 20px );
    padding:12px 10px 10px 10px;
}
.div-line-1{
    display: none;
}
.div-content{
    width:100%;
    padding:10px 0 10px 0 ;
    font-size:18px;
    line-height:32px;
    min-height: 200px;
}
.div-content p, .div-content div
{
    margin:20px 0 20px 0;
}
.div-content img
{
    width: 100%;
    max-width:100%;
}
.div-line-2{
    width:95%;
}
.div-next-content
{
    width:100%;
}
.div-next-content .div-next-1 ,.div-next-content .div-next-2
{
    width:calc( 100% - 42px );
}
.div-next-content .div-next-2
{
    float:left;
    margin:20px 0 0 0;
}
/*content e*/
/*news b*/
/*ul-news-1 b*/
.ul-news-1{
    width: 100%;
    margin-top: 20px;
    min-height: 200px;
}
.ul-news-1 li{
    margin: 0 0 20px 0 ;
    width: 100%;
}
.ul-news-1 li:nth-child(2n){
    margin: 0 0 20px 0 ;
}
.ul-news-1 li a{
    width: 100%;
}
.ul-news-1 li a .s-title{
    width: calc(100% - 158px);
    margin: 0 auto auto 8px;
}
.ul-news-1 li a p{
    width: calc(100% - 158px);
    margin: 6px auto auto 8px;
}
/*ul-news-1 e*/
/*ul-next-page b*/
.ul-next-page{
    width: 100%;
}
.ul-next-page li span, .ul-next-page li a{
    font-weight: normal;
}
/*ul-next-page e*/
/*news e*/
/*img b*/
/*ul-case-2 b*/
.ul-case{
    width: 100%;
    margin: 20px 0 5px 0;
}
.ul-case li{
    width: calc( 50% - 10px );
    margin: 0 5px 20px 5px;
    height: auto;
}
.ul-case li:nth-child(4n+4){
    margin: 0 5px 20px 5px;
}
.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*/
/*ul-case-2 e*/
.p-nocontent{
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #999;
}
/*img e*/
/*************div-baidu ditu b************/
#ditu
{
    width:calc( 100% - 2px);
    height:600px;
}
#ditu div
{
    margin:auto;
}
/*************div-baidu ditu e************/
/*product b*/
.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(4n+0){
    margin: 0 5px 35px 5px;
}
.ul-product div{
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.ul-product img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.ul-product .s-title{
    width: 100%;
    margin-top: 0;
    height: 20px;
    line-height: 20px;
}
.ul-product a:hover img{
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
}
/*product e*/
/*p-content b*/
.div-img{
    padding:0 0 0 0;
}
.div-content .s-title{
    width: 100%;
    height: auto;
    max-height: 56px;
    line-height: 28px;
    font-size: 24px;
}
.s-model{
    width: 100%;
    height: auto;
    max-height: 48px;
    line-height: 24px;
    font-size: 22px;
    margin: 10px 0 20px 0;
}
.div-jump{
    text-align: center;
    border-top: 1px #e0e0e0 solid;
    border-bottom: 1px #e0e0e0 solid;
}
.div-jump a{
    width: 128px;
    height: 38px;
    line-height: 38px;
    margin: 20px 10px 10px 10px;
}
/*p-content 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;
    background-color: #318a86;
    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:#53b1b9;
    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-a-about #a-about-m, #body-qysl #a-qysl-m, #body-product #a-product-m, #body-hexin #a-hexin-m, #body-fangan #a-fangan-m, #body-hangye #a-hangye-m, #body-news #a-news-m, #body-contact #a-contact-m{
    background-color: #53b1b9;
    color: #fff;
}
/*current m menu e*/
/*main menu e*/
/*m-menu e*/