/*
Theme Name: 音响租赁模板
Theme URI: http://www.juntwo.cn
Description: 一个音响设备租赁的网站模板
Author: IMJ2 & JUNTWO
Author URI: http://www.juntwo.cn
Version: 1.0.0
*/

/* 重置 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body{background:#edeef0;line-height: 150%;font: 14px arial,"Microsoft Yahei","Hiragino Sans GB",sans-serif;}
/*a{color: #333;}*/
/*a:hover{color:#888;}*/
/* --------------------- 默认 ---------------------*/
strong,em{font-style:normal;font-weight:bold;}
img.scale, img.responsive {max-width: none;width: 100%; }

/* --------------------- 布局 --------------------- */
.g-sd{float:left;width:300px;}

/* --------------------- 模块 --------------------- */
/*head*/
.m-hd{ position:relative; margin:0 auto;width:100%; background:url(images/header.jpg) 0 0 repeat;}
.m-hd .logo-bd{color: #fff;}
.m-hd .logo-bd h1 {float:left; margin:13px 0 0 0;}
.m-hd .logo-bd h1 a{color: #fff;}
.m-hd .logo-bd .slogan { float:left; margin:5px 0 0 28px; padding: 20px 0 15px 10px;}
.m-hd .logo-bd .tel {margin:22px 0 0 0; text-align: right;font-size: 20px;}
.m-hd .nav-shadow { position:relative; z-index:100; padding-top: 10px;background:url(images/nav-shadow.png) 50% 0 no-repeat;}
.m-hd .nav-shadow>div { padding-bottom:4px; border-radius: 7px;background:#e57c00; box-shadow:0 3px 2px #201a1a; }
.m-hd .nav-shadow .nav {  min-height:74px;  border-radius: 7px; background:url(images/nav.jpg) 0 0 repeat-x;}
.m-hd .menu {overflow:hidden;}
.m-hd .menu li {float:left; margin:10px 0 11px 0; padding: 13px 47px 12px 47px; background:url(images/menu-li.jpg) 0 0 no-repeat; line-height:24px; }
.m-hd .menu li:first-child {background:transparent;}
/*.m-hd .menu li a { display:inline-block; color:#0f0c0c;font-size:18px; line-height:24px; }
.m-hd .menu li a:hover, .m-hd .menu li.current a {color:#844c01;}*/
.m-hd .menu li a { display:inline-block; color:#FFF;font-size:18px; line-height:24px; }
.m-hd .menu li a:hover, .m-hd .menu li.current a {color:#c3d9e4;}

.m-navpsa{ position: absolute; top: 0; left: 0; right: 0; z-index: 10; margin-bottom: -90px; background: url(images/dot.png)  0 0 repeat-x; }
.m-crm{ margin: 30px 0 20px 0;color: #888;}
.m-crm a{color: #888;}
.m-crm .crm{ float: right;}
/* 图片切换 */
.m-slide-bd{width:100%; background:#330000 url(images/header-content.jpg) center bottom repeat; margin:0 auto; padding-bottom:20px;margin-bottom: 30px;}
.m-slide-bg{width:100%; background:#330000 url(images/header-content.jpg) center bottom repeat;}

.m-slide{ overflow:hidden; position:relative;}
.m-slide .prev,.m-slide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.m-slide .next{ left:auto; right:3%; background-position:8px 5px; }
.m-slide .prev:hover,
.m-slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.m-slide .prevStop{ display:none;  }
.m-slide .nextStop{ display:none;  }

/* 主导航 */
.m-nav{width:100%;z-index:1;background-color:#FFF;margin:30px 10px;}/*导航条背景*/
.m-nav,.m-nav li,.m-nav li a{ height:35px;line-height:35px}/*导航条高度*/
.m-nav li{float:left;display:inline;color:#333;font-size:14px;}/*设置字体*/
.m-nav li a{display:block;padding:0 30px;color:#333;}/*链接颜色*/
.m-nav li a:hover,.m-nav li.current a{color:#000;text-decoration:none;font-weight: bold;}/*交互颜色*/
.m-nav .home a{padding-left: 0;font-size: 30px;}
.m-nav .nLi{ float:left; position:relative; display:inline;}
/*下啦菜单*/
.m-nav .sub{ display:none; left:0; top:35px; position:absolute;line-height:26px; padding:5px 0;background: #fff;}
.m-nav .sub li{ zoom:1;}
.m-nav .sub a{ display:block;}
.m-nav .sub a:hover{background: #fff;color:#000;}


.m-bd{background: #edeef0;}
.m-bd .tt {margin:20px 0; }
.m-bd .tt h2{float: left;}
.m-bd .tt .more{float: right;}
/* 上图下文图文列表 */
.m-img-list{zoom:1;}

.m-img-list ul.subcat {margin: 0;}
.m-img-list .subcat li{margin-right: 5px;font-size: 14px;}
.m-img-list .subcat li a{color: #888;}
.m-img-list .subcat li a:hover{color: #333;}
.m-img-list .hd{width: 1180px; overflow: hidden;}
.m-img-list ul{margin:0 -10px 0 -10px;}
.m-img-list li{display:inline;float:left;}
.m-img-list .u-img img{width: 180px; height: 125px; overflow: hidden;}
.m-img-list h3,.m-img-list p {width:100%;height:22px;overflow:hidden;margin:10px 0;line-height:22px;}
.m-img-list h3 a,.m-img-list h3 a:hover{color:#333;}
/*链接列表*/
.m-info-list .list li{border-bottom: 1px dashed #999; padding-bottom: 20px;margin-bottom: 20px;}
.m-info-list .list li a{color: #333; font-size: 20px;}
.m-info-list .list h3{border-left: 3px solid #999;padding-left: 5px; margin-bottom: 15px;}
.m-info-list .desc,.m-info-list time{font-size: 14px;color: #888;}
/*边栏*/
.m-sd header{padding: 20px 20px 0 20px;}
.m-sd .tt h2{padding:0 0 10px 0; border-bottom: 1px dashed #eee;}
.m-sd ul.sd-list {padding: 0 20px 20px 20px;}
.m-sd .sd-list li{color: #888;padding-left: 10px; border-bottom: 1px dashed #eee;padding: 10px 0;}
.m-sd .mn{padding:10px 20px 20px; font-size: 12px;}
/*图片*/
.m-cat-img .m-img-list ul{margin-top: 0;line-height: 0}
.m-cat-img .m-img-list h3{background: #fff;margin-top: 0; text-align: center;padding: 10px 0;}
/*合作流程*/
.m-hz li{float: left; width: 50%;}
/*关于我们*/
.m-we{margin-bottom: 30px;}
.m-we .about p{text-indent: 2em;font-size: 12px;line-height: 24px;}
.m-we .news h3{margin-bottom: 10px;}
.m-we .news .desc,.m-we .news time,.m-hz .desc{font-size: 12px;color: #888;line-height: 22px;}
.m-we .m-mn img{margin-left: 0;}
/*brand*/
.m-brand .row .g-2{width: 173px;}
.m-brand .row li{margin-bottom: 15px;text-align: center;}
/*详细内容*/
.m-pagebd {padding: 30px 20px 20px 20px}
.m-pagebd h1{margin-bottom: 30px;}
.m-pagebd .m-mn{line-height: 180%}
.m-pagebd .m-mn p{margin-bottom: 20px;}
.m-pagebd p img, .pagebd embed, .pagebd object { display: block; margin: 1.5em auto; max-width: 100%; text-indent: 0em; }
/*footer*/
.m-ft{background: #000; color: #888;line-height: 24px;}
.m-ft .bd{padding: 30px 0;}

/* 表头固定内容滚动的表格  */
.m-table{margin:0 0 20px;line-height:18px;}
.m-table .scroll{max-height:116px;_height:116px;border:1px solid #ddd;border-top:0;overflow:hidden;overflow-y:auto;}
.m-table table{width:100%;_width:auto;table-layout:fixed;}
.m-table th,.m-table td{width:100px;padding:10px;border:1px solid #ddd;}
.m-table th{font-weight:bold;background:#eee;}
.m-table th.last,.m-table td.last{width:auto;}
.m-table tbody tr.first td{border-top:0;}
.m-table tbody tr.last td{border-bottom:0;}
.m-table tbody tr td.first{border-left:0;}
.m-table tbody tr td.last{border-right:0;}


/* 普通翻页器-默认居中 */
.m-page{margin:10px 0 0;text-align:center;line-height:32px;font-size:0;letter-spacing:-0.307em;*letter-spacing:normal;*word-spacing:-1px;word-wrap:normal;white-space:nowrap;color:#888;}
.m-page a,.m-page i{display:inline-block;*display:inline;*zoom:1;vertical-align:top;padding:0 12px;margin-left:-1px;border:1px solid #ddd;font-size:12px;letter-spacing:normal;word-spacing:normal;background:#f5f5f5;}
.m-page a,.m-page a:hover{text-decoration:none;color:#888;}
.m-page a.first{margin-left:0;}
.m-page a.last{margin-right:0;}
.m-page a .pagearr{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;*vertical-align:middle;}
.m-page a.pageprv .pagearr{margin-right:3px;}
.m-page a.pagenxt .pagearr{margin-left:3px;}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt,.m-page a.z-crt:hover,.m-page a.z-crt:active{cursor:default;color:#FF9933;background:#fff;}
.m-page a.z-dis,.m-page a.z-dis:hover,.m-page a.z-dis:active{cursor:default;color:#ccc;background:#f5f5f5;}

/* --------------------- 元件 --------------------- */

/* 下拉式菜单-默认左对齐 */
.u-menu{display:none;position:absolute;z-index:100;top:100%;left:0;*zoom:1;*width:100px;margin:1px 0 0;overflow:hidden;border:1px solid #d0d0d0;border-width:1px 0;line-height:1.5;font-size:12px;background:#fff;}
.u-menu li{border:1px solid #d0d0d0;border-width:0 1px;*vertical-align:top;}
.u-menu li a{display:block;*zoom:1;padding:7px 12px 6px;margin:-1px 0;border-top:1px solid #e8e8e8;overflow:hidden;*vertical-align:top;word-wrap:normal;white-space:nowrap;_white-space:normal;text-overflow:ellipsis;color:#333;}
.u-menu li a:hover{color:#333;background:#f7f7f7;}
.u-menu li a:active{background:#f0f0f0;}
/* 显示 */
.u-menu-show{display:block;}

/* --------------------- 功能 --------------------- */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-tal{text-align: left;}
.f-tac{text-align: center;}
.f-tar{text-align: right;}
.f-pd20{padding: 20px;}
.f-mt30{margin-top: 30px;}
.f-mb30{margin-bottom: 30px;}
/* --------------------- 皮肤 --------------------- */
.s-box{background: #fff;}
.s-fc1{color: #f37171;}
.s-fc,a.s-fc:hover{color:#fff;}


/* --------------------- 2.  960px --------------------- */

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.m-hd .menu li {margin:10px 0 11px 0; padding: 13px 65px 12px 65px; }
.m-bd .m-img-list .hd{width: 940px; overflow: hidden;}
.m-img-list .u-img img{width: 140px;}
}
	

/*--------------------- 3.  720px ---------------------*/

@media only screen and (min-width: 720px) and (max-width: 959px) {
.m-hd .logo-bd .slogan { display: none;}
.m-hd .menu li {margin:10px 0 11px 0; padding: 13px 15px 12px 18px; font-size: 12px;}
.m-bd .m-img-list .hd{width: 700px; overflow: hidden;}



}
 
 

/*--------------------- 4.  lt 720px --------------------- */ 

@media only screen and (max-width: 719px) {

}