@charset "utf-8";
/* CSS Document */

/*轮播图、导航菜单*/
.top{ position:relative; width:100%;}
.banner{width:100%;}
.menu{ position:absolute; width:100%; top:0; z-index:12;}
.menu .mL{ float:left; width:390px;}
.menu .mR{ float:right; width:750px;}
.menu .mR .mRm ul li{ float:left; padding:20px 25px;}
.menu .mR .mRm ul li.on{ background:url(../images/titbg.png) center center no-repeat;}
.menu .mR .mRm ul li.on a{ color:#fff;}
.menu .mR .mRm ul li:hover{ background:url(../images/titbg.png) center center no-repeat;}
.menu .mR .mRm ul li:hover a{ color:#fff;}

/*手机端样式*/
@media (max-width:980px){
    .w1200{ width: 100% !important; overflow: hidden;}
    .top{ position:static; }
    .menu{width: 100%; position:static;}
    .menu .mL{ float: none; width:100%; text-align: center;}
    .menu .mR{ float: none; width: 100%;}
    .menu .mR .mRm ul li{ width: 25%; padding: 0; background: #666; text-align: center;}
    .menu .mR .mRm ul li.on{ background:#216FE7;}
    .menu .mR .mRm ul li a{ display:inline-block;width: 100%; line-height: 30px; background: #dfdfdf; margin:1px;}
    .menu .mR .mRm ul li.on a{ background:#216FE7;}
    
    
}