﻿@media screen and (min-width: 681px){
    body{
        background: white!important;
        padding: 0;
        margin: 0;
    }
    .titles{
        text-align: center;
        background: url(../images/zwxmtbg.png) no-repeat;background-size: 100% 100%;height: 336px;max-height: 100%;background-position: center;
        border-bottom: 5px solid #fd9526;
        position: relative;
    }
    .lhfontimg{
        margin-top: 66px;
    }
    .logo{
        width: 1100px!important;
        text-align: center;
        margin: 0 auto;
    }
    .logo>a{
        display: block;
    }
    .logo>a>img{
        float: left;
    }
    .tititleerwei{
        width: 730px;
        margin: 0 auto;
        margin-top: 30px;
        overflow: hidden;
    }
    .tititleerwei>div{
        float: left;
        width: 118px;
        height: 184px;

    }
    .saa{
        margin-top: 10px;
        font-size: 18px;
        color: white;
    }
    .tititleerwei>div:nth-child(n+2):nth-child(-n+4){
        margin-left: 85px;
    }
    .tititleerwei>div img{
        width: 118px;
        height: 118px;
    }
    .wbwxtab{
        width: 920px;
        margin: 0 auto;
        overflow: hidden;
        margin-top:66px;
    }
    .wbwxtab>span{
        display: block;
        float: left;
        width: 300px;
        height: 70px;
        text-align: center;
        border-radius: 10px 10px 0 0;
        background-color: rgba(255, 255, 255, 0.55);
        color: white;
        font-size: 24px;
        font-weight: 700;
        line-height: 70px;
        cursor: pointer;
    }
    .wbwxtab>span:nth-child(2),.wbwxtab>span:nth-child(3){
        margin-left: 10px;
    }
    .contnets{
        width: 1100px;
        margin: 0 auto;
		padding:30px 0;

    }
   /* .tititleerweiimgs{
        background: url(../images/xmtjztitlebg.png) no-repeat;
        background-size: 100% 100%;
        height: 31px;
        text-align: center;
        font-size: 20px;
        font-family: "Heiti SC";
        font-weight: 700;
        line-height: 30px;
        margin-top: 55px;
        margin-bottom: 12px;
    }*/
    .contnets ul{
        padding: 0;
        margin: 0 auto;
        width: 1100px;
        overflow: hidden;
    }
    .contnets ul li{
        list-style: none;
        float: left;
        width: 205px;
        height: 228px;
        border: 1px solid #ccc;
        border-radius: 10px;
        margin-top: 10px;
        margin-left: 10px;
        text-align: center;
    }
    .contnets ul li img{
        width: 140px!important;
        height: 140px!important;
        margin-top: 10px;
    }
    .contnets ul li div:nth-child(1){
        margin-top: 12px;
    }
    .contnets ul li div:nth-child(2){
        margin-top: 10px;
        font-size: 20px;
        font-weight: 700;
    }
    .sqerwm{
        margin-bottom: 20px;
    }
    .bits{
        background-color: white!important;
        color: black!important;
    }
}
@media screen and (max-width: 680px){
    body{
        background: white!important;
    }
    .titles{
        text-align: center;
        background: url(../images/zwxmtbg.png) no-repeat;background-position: center;
        /*border-bottom: 5px solid #fd9526;*/
        position: relative;
    }
    .lhfontimg img{
		margin-top:35px;
        width:80%
    }
    .logo{
        width:100%!important;
        text-align: center;
        margin: 0 auto;
    }
    .logo>a{
        display: block;
    }
    .logo>a>img{
        float: left;
        width: 40%;
    }
    .tititleerwei{
        width: 100%;
        margin: 0 auto;
        margin-top: 43px;
        overflow: hidden;
    }
    .tititleerwei>div{
        float: left;
        width: 70px;
        height: 121px;
        margin-left: 10px;
    }
    .saa{
        font-size: 12px;
        margin-top: 10px;
        color: white;
    }
    .tititleerwei>div:nth-child(n+2):nth-child(-n+4){
        margin-left: 10px;
    }
    .tititleerwei>div img{
        width: 70px;
        height: 70px;
    }
    .wbwxtab{
        width: 98%;
        margin: 0 auto;
        overflow: hidden;
        margin-top:35px;
    }
    .wbwxtab>span{
        display: block;
        float: left;
        width: 32%;
        height: 50px;
        text-align: center;
        border-radius: 10px 10px 0 0;
        background-color: rgba(255, 255, 255, 0.55);
        color: white;
        font-size: 16px;
        font-weight: 700;
        line-height: 50px;
        cursor: pointer;
        
    }
    .wbwxtab>span:nth-child(2),.wbwxtab>span:nth-child(3){
        /*margin-left: 10px;*/margin-left: 2%;
    }
    .contnets{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;
    }
   /* .tititleerweiimgs{
        background: url(../images/phonexmttitles.png) no-repeat;
        background-size: 100% 100%;
        height: 31px;
        text-align: center;
        font-size: 12px;
        font-family: "Heiti SC";
        font-weight: 700;
        line-height: 30px;
        margin-top: 21px;
    }*/
    .contnets ul{
        padding: 0;
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
    }
    .contnets ul li{
        list-style: none;
        float: left;
        width: 30%;
        height: 150px;
        border: 1px solid #ccc;
        border-radius: 10px;
        margin-top: 10px;
        margin-left: 10px;
        text-align: center;
    }
    .contnets ul li>div:nth-child(2){
        margin-top: 10px;
    }
    .contnets ul li img{
        width:80px!important;
        height: 80px!important;
        margin-top: 10px;
    }
    .bits{
        background-color: white!important;
        color: black!important;
    }
}