@charset "utf-8";

/* CSS Document */



@media (min-width: 320px) and (max-width:767px) {

#tab_main_nav_mobile_container{width:100% !important;}

#container.mobile-menu-open{left:-100% !important;}

#tab_main_nav_mobile_container.mobile-menu-open, #tab_main_nav_mobile_next_container.mobile-menu-open{right:0 !important;}

#tab_main_nav_mobile_container ul .search div{text-align:right !important; padding-top:7px;}



}

@media (min-width: 768px) and (max-width: 991px) {

	#tab_main_nav_mobile_container{

		width:54% !important;}



    #container.mobile-menu-open {

        left: -54% !important;

    }

	#tab_main_nav_mobile_container.mobile-menu-open , #tab_main_nav_mobile_next_container.mobile-menu-open{

	right: 0 !important;

	box-shadow: -5px 0px 10px rgba(0,0,0,.2);

	}



	.

	#tab_main_nav_mobile {

	display: table-cell !important;

	vertical-align: middle;

	text-align: center;

	}

	

					

	

	#footer.mobile-menu-open, .share_nullbox.mobile-menu-open {

	left: -150% !important;

	position: fixed;

	}	

	

	#tab_main_nav_mobile_container ul .search div{text-align:right !important; padding-top:7px;}

	

	.mylogo{margin-right:0px !important;}	

	

}



@media (min-width: 992px) and (max-width: 1024px) {

	.mylogo{margin-right:30px !important; width:15%;}	

	.nav-cont-wrap ul li h4{font-size:16px;}

}

@media (min-width: 1024px) and (max-width: 1199px) {

	.mylogo{margin-right:20px !important; width:17%;}	

	.nav-cont-wrap ul li h4{font-size:16px;}

}





#nav-want-cont-wrap{display:none !important;}

#tab_main_nav_mobile img{cursor:pointer;}	







/* NAV MAIN MOBILE /

/********************/

#tab_main_nav_mobile {

    display: none;

}

#tab_main_nav_mobile_next_container a,

#tab_main_nav_mobile_container a {

    color: #373737;

}

#tab_main_nav_mobile_next_container,

#tab_main_nav_mobile_container {

    position: fixed;

    z-index: 888;

    top: 0;

    right: -100%;

    width: 100%;

    height: 100%;

    background: #fff;

    overflow: auto;

}

#tab_main_nav_mobile_container ul>li>ul>li{

	border-bottom: 1px solid #aac2e2;

	margin-left: -25px;

	margin-right: -20px;

	padding-left: 25px;

	padding-right: 20px;

}

#tab_main_nav_mobile_container ul li ul li:last-child{border-bottom-color:#d3e9ff}

#tab_main_nav_mobile_container ul li ul li.active{

	color: #cc0000;

	}

#tab_main_nav_mobile_container ul li ul li.title {

    color: #cc0000;

	margin-left: -25px;

	margin-right: -20px;

	padding-left: 25px;

	padding-right: 20px;

}

#tab_main_nav_mobile_next_container {

    z-index: 889;

    background: #f1f1f1;

}

#tab_main_nav_mobile_next_container ul {

    display: none;

}

#tab_main_nav_mobile_next_container h3 {

    background: url(../images/icon_back.png) 20px center no-repeat #fff;

    border-bottom: 1px solid #ededed;

    font-size: 16px;

    color: #373737;

    height: 48px;

    margin: 0px;

    line-height: 48px;

    text-align: center;

}

#tab_main_nav_mobile_next_container ul li,

#tab_main_nav_mobile_container ul li {

    border-bottom: 1px solid #ededed;

    padding: 10px 20px 10px 25px;

    font-size: 16px;

    color: #373737;

}

#tab_main_nav_mobile_container ul li ul{

	display:none;

	margin-left: -25px;

	margin-right: -20px;

	margin-top: 10px;

	margin-bottom: -10px;

	padding-left: 25px;

	padding-right: 20px;

	border-top: 2px solid #999;

	border-bottom: 2px solid #999;

	background-color: #d3e9ff;}

#tab_main_nav_mobile_container ul li ul li ul{

	border-bottom: none;

	border-top: 1px solid #aac2e2;

	}	

#tab_main_nav_mobile_container ul li ul li ul li{

	border-bottom-color: #aac2e2;

	margin-left: -25px;

	margin-right: -20px;

	padding-left: 25px;

	padding-right: 20px;

	background-color: #d3e9ff;}	

#tab_main_nav_mobile_container ul li ul li ul li:last-child{border:none;}

#tab_main_nav_mobile_container ul li ul li:hover,#tab_main_nav_mobile_container ul li ul li ul li:hover{background-color:#99ccff;}

#tab_main_nav_mobile_container ul li.active{

	color: #cc0000;}

#tab_main_nav_mobile_container ul li.active>a{

	color: #cc0000 !important;}			

#tab_main_nav_mobile_container ul li.hasmore em.jiantou {

    background: url(../images/mobile_all_icons.png) -396px -192px no-repeat;

    padding-left: 15px;

    float: right;

}

#tab_main_nav_mobile_container ul li.hasmore em.jiantou.active {

    background: url(../images/mobile_all_icons.png) -396px -146px no-repeat;

    padding-left: 15px;

    float: right;

}

#tab_main_nav_mobile_next_container ul li {

    border-bottom: 1px solid #e8e8e8;

}

#tab_main_nav_mobile_container ul li em.jiantou {

    padding-left: 15px !important;

    height: 20px;

    float: right !important;

	position: inherit !important;

}

.line-gray{

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d7d7d7,endColorstr=#fff,grandientType=1);

	background:gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );

	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );

	background:-moz-gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );

	background:-o-gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );

	background:-ms-gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );

	position:absolute;

	z-index:-1;

	width:2px;

	height:80%;

	top:10%;

	right:0;}

#tab_main_nav_mobile_container ul li.link-list {

    border-bottom: 0px;

    padding: 0px;

    background: #f7f7f7;

    display: none;

}

#tab_main_nav_mobile_container ul li.link-list a {

    border-bottom: 1px solid #ededed;

    padding: 10px 20px;

    font-size: 16px;

    color: #373737;

}

#tab_main_nav_mobile_next_container,

#tab_main_nav_mobile_container ul li a {

 /*   display: block;  */

    color: #373737

}



#tab_main_nav_mobile_container ul li span.nav_ch{

	cursor: pointer;

}

#tab_main_nav_mobile_container ul li em {

    padding-left: 20px;

    background: url(../images/mobile_all_icons.png) -12px -136px no-repeat;

	position: absolute;

	left: 5px;

}

.ul-block{

	display:block !important;}

#tab_main_nav_mobile_container ul li.home {

    color: #d32855;

}

#tab_main_nav_mobile_container ul li.home i {

    background: url(../images/icon_slide_down_m.png) left center no-repeat;

}

#tab_main_nav_mobile_container ul li.home.active i {

    background: url(../images/icon_slide_up_m.png) left center no-repeat;

}

#tab_main_nav_mobile_container ul li.search {

    height: 40px;

    border-left: 1px solid #ededed;

    padding: 0px 20px;

}

#tab_main_nav_mobile_container ul li.search a {

    display: inline-block;

}

#tab_main_nav_mobile_container ul .search div {

    border-radius: 5px;

    text-align: left;

    padding-right: 10px;

}

#tab_main_nav_mobile_container ul .search div input {

    width: 85%;

    outline: none;

    resize: none;

    border: 0px solid #ededed;

    height: 30px;

}

#container{position:relative;}

#container.mobile-menu-open {

left: -100%;

}

#tab_main_nav_mobile_container.mobile-menu-open , #tab_main_nav_mobile_next_container.mobile-menu-open{

right: 0 ;

box-shadow: -5px 0px 10px rgba(0,0,0,.2);

}

#container, #tab_main_nav_mobile_container, #tab_main_nav_mobile_next_container {

-webkit-transition: all 300ms ease-in;

-moz-transition: all 300ms ease-in;

-ms-transition: all 300ms ease-in;

-o-transition: all 300ms ease-in;

transition: all 300ms ease-in;

}





#tab_main_nav_container{padding:10px 0;}

#tab_main_nav_container .logo{margin-top:0;}

#tab_main_nav_container .search-btn{float:right; margin-top:25px; margin-left:15px;}

#tab_main_nav_mobile{float:right; margin-top:28px; margin-left:15px;}

.mobile-menu-open ul{padding-left:0;}



/*search*/

.search-header{display:none; background-color:#eee; padding:5px 10px;}

.search-header div{margin:10px auto; border-radius:5px; background-color:#fff;}

.search-header input{width:90%; float:left; height:35px; border-radius:3px; border:1px solid #fff;}

.search-header a{width:8%; float:right; margin-top:5px;}

.show-table-cell img{cursor:pointer;}

.mylogo{position:absolute;}

.nav-list > ul{position:relative;}





/*submenu*/

.nav-cont-wrap ul li span{display:block; margin-bottom:5px;}

.gaikuang{margin:0 -15px;}

.gai-list{float:left; width:14.28%; padding:0 15px;}

.sub-imgs{margin-top:15px; border-top:1px solid #e6e6e6; padding-top:15px;}

.sub-imgs img{margin:0 auto;}

.she-list{float:left; width:20%; padding:0 15px;}