@charset "utf-8";
body{min-width: initial;}
.navLinks_mobile {
    display: none;
    background: #dd0;
}

.nav_mobile_open {
    width: 95%;
    position: absolute;
    margin-left: 0;
    background: #fff;
}
.cd-nav-trigger {
    position: absolute;
    top: 3px;
    right:3px;
    width: 30px;
    height: 24px;
    background: rgba(255,255,255,1);
    border: solid 1px #ddd;
    border-radius: 3px;
    text-indent: 100%;
    white-space: nowrap;
    z-index: 9999;
    cursor: pointer;
}
#menu_show_mobile{top:50%;margin-top:-12px;right:10px;}
.cd-nav-trigger span {
    position: absolute;
    display: block;
    width: 14px;
    height: 2px;
    background: #bf001a;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -7px;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s;
}

.cd-nav-trigger span::before, .cd-nav-trigger span::after {
    content: '';
    position: absolute;
    left: 0;
    background: inherit;
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s, background 0s;
    -moz-transition: -moz-transform 0.3s, background 0s;
    transition: transform 0.3s, background 0s;
}

.cd-nav-trigger span::before {
    top: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.cd-nav-trigger span::after {
    bottom: -6px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}

.cd-nav-trigger.menu-is-open {
    box-shadow: none;
}

.cd-nav-trigger.menu-is-open span {
    background: #fff;
}

.cd-nav-trigger.menu-is-open span::before, .cd-nav-trigger.menu-is-open span::after {
    background: #bf001a;
}

.cd-nav-trigger.menu-is-open span::before {
    top: 0;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.cd-nav-trigger.menu-is-open span::after {
    bottom: 0;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
}
.selfmark{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity: .6;filter:alpha(opacity=60);z-index: 500;}


@media screen and (max-width:959px){
	.main-w {width: initial;margin: 0 auto;}
	h1.logo{height: auto;padding-bottom: 20px;padding-top: 20px;}
	h1.logo a{height: auto;}
	h1.logo a img{display: block;width: 80%;}
	.search-box{display: none;}
	.headerBg{position: relative;z-index: 999;}
	.menu .m-nav-list>li{width: 50%;}
	
	.footer{height: auto;padding: 0 10px;background: url(../images/f-dc.png) center bottom repeat-x #fff7e9;}
	
	.list-menu {width: 100%;}
	.list-lists {width: 100%;}
	.zjyd-body ul li{width:50%;box-sizing: border-box;height: auto;margin: 0 0%;}
	.zjyd-body ul li span.pic {height: 220px;width: 200px;margin: 0 auto;}
	.menu-title::after {
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: 43px;
    bottom: 10px;
	}
	
	#menuList { display: none;}
	#menu_show_mobile{display:block;}
	.m-nav{display:none;position:absolute;top:100%;z-index: 999;width:100%;
			    box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	    -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	       -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	        -ms-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	         -o-box-shadow: 0px 5px 5px rgba(0,0,0,0.5);}
			 .h-menu .nav-home { display: none;}
			 .h-menu ul { padding: 0;}
			 .h-menu li { width:49%; border-bottom: 1px dashed #db4c4c; margin-right: 2%;}
			 .h-menu li:nth-child(2n) { margin: 0;}
	
}

@media screen and (max-width:500px){
	.zjyd-body ul li span.pic {height: 170px;width: 130px;}
	
}