/* icon */
.arrow,.cb,.rb{background-image:url(icon.png);}
/* select box */
.sb{
	border:solid 1px #f0f0f0;cursor:pointer;position:relative;float:left;margin:0 10px 0 0;display:inline-block;

	 background:#f9f9f9 url(../img/xiala.png) no-repeat 220px center
}
.sb *{color:#666;cursor:pointer;background-color:#f9f9f9;}
.sb .opts{border: solid 1px #f0f0f0;cursor:pointer;display:none;height:auto;left:0;max-height:500px;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:250px !important;z-index:99;

-moz-box-shadow:0px 1px 1px #666; -webkit-box-shadow:0px 1px 1px #666; box-shadow:0px 1px 1px #666;
}
.sb > .selected{
	padding:0 8%;overflow:hidden;position:absolute;cursor:pointer;left:0;
	 font-size:18px;
}
.sb .opts a,.nav_sx ul li,.zhuangtai .select_option li{width:auto;height:45px;line-height:45px; border-bottom:solid 1px #f0f0f0; text-indent:32px; font-size:16px; cursor:default;outline:none;text-decoration:none;display:block;cursor:pointer; }

.sb .opts a:hover,.nav_sx ul li:hover,.zhuangtai .select_option li:hover{background:#e5e5e5;cursor:pointer;}

.sb .sb_icon{width:7px;height:4px;overflow:hidden;position:absolute;cursor:pointer;right:4px;}
.sb .arrow{background-position:-27px -18px;}
.sb_active .arrow{background-position:-27px -4px;	}
/* checkbox box */
.cb{width:13px;height:13px;display:inline-block;*display:inline;zoom:1;background-position:0 0;cursor:pointer;}
.cb_active{background-position:0 -13px;}
/* radio box */
.rb{width:13px;height:13px;margin:0 auto;padding:0;display:inline-block;*display:inline;zoom:1;vertical-align:middle;background-position:-13px 0;cursor:pointer;}
.rb_active{background-position:-13px -13px;}

.nav_sx{width:250px;height:48px;margin:0 auto; float:left}
.nav_sx p{display:block; height:auto;color: #666; padding:0 8%; background-color: #f9f9f9; line-height:48px;border:1px solid #f0f0f0;}
.set{background:url(../img/xiala.png) no-repeat 220px center}

.new{width:250px; background:#f9f9f9; -moz-box-shadow: 0px 1px 1px #666; z-index:999; 
    -webkit-box-shadow: 0px 1px 1px #666;
    box-shadow: 0px 1px 1px #666;position:absolute;border:1px solid #f0f0f0;display:none;}

.nav_sx ul li{ position:relative}

.nav_sx ul li dl{ display:none}

.nav_sx li:hover dl{ display:block; position:absolute; top:0; left:250px; width:250px; background:#f9f9f9; border:1px solid #f0f0f0;}
.nav_sx li dd{ width:100%; padding:4% 0 4% 30px; overflow:hidden; border-bottom: solid 1px #f0f0f0; text-indent:0; line-height:28px;}
.nav_sx li dd strong{ width:85%; font-weight:normal; float:left; display:block;}

.nav_sx ul li span,.nav_sx li dl em{ background:url(../img/x1.png) no-repeat right center; width:16px; height:16px; display:block; float:right; margin:15px 10px 0 0}
.nav_sx li dl em{ margin:8px 10px 0 0}
.nav_sx ul li:hover span,.nav_sx li dd:hover em{ background:url(../img/x11.png) no-repeat right center;}



.nav_sx_div{width:250px;height:48px;margin:0 auto; float:left}
.nav_sx_div p{display:block; height:auto;color: #666; padding:0 8%; background-color: #f9f9f9; line-height:48px;border:1px solid #f0f0f0;}
.set_div{background:url(../img/xiala.png) no-repeat 220px center}

.new_div{width:250px; background:#f9f9f9; -moz-box-shadow: 0px 1px 1px #666;
    -webkit-box-shadow: 0px 1px 1px #666;
    box-shadow: 0px 1px 1px #666;position:absolute;border:1px solid #f0f0f0;display:none;}

.nav_sx_div ul li{ position:relative}

.nav_sx_div ul li dl{ display:none}

.nav_sx_div li:hover dl{ display:block; position:absolute; top:0; left:250px; width:250px; background:#f9f9f9; border:1px solid #f0f0f0;}
.nav_sx_div li dd{ width:100%; padding:4% 0 4% 30px; overflow:hidden; border-bottom: solid 1px #f0f0f0; text-indent:0; line-height:28px;}
.nav_sx_div li dd strong{ width:85%; font-weight:normal; float:left; display:block;}

.nav_sx_div ul li span,.nav_sx_div li dl em{ background:url(../img/x1.png) no-repeat right center; width:16px; height:16px; display:block; float:right; margin:15px 10px 0 0}
.nav_sx_div li dl em{ margin:8px 10px 0 0}
.nav_sx_div ul li:hover span,.nav_sx_div li dd:hover em{ background:url(../img/x11.png) no-repeat right center;}


@media(max-width:1680px){
	 .sb{ width:220px !important; background: #f9f9f9 url(../img/xiala.png) no-repeat 180px center !important;}
	 .sb > .selected,.nav_sx p{ font-size:0.93em !important}
	 .nav_sx{ width:220px;}
	 .set{background:url(../img/xiala.png) no-repeat 190px center}
	  #test1{ font-size:0.95em}
	 #test1 input{ width:220px;}
	 
	 
}

@media(max-width:1680px){
	 .sb{ width:200px !important; background: #f9f9f9 !important}
	 .sb > .selected,.nav_sx p{ font-size:0.93em !important}
	 .sb .opts{ width:200px !important;}
	 .nav_sx{ width:200px;}
	 .set{background:none}
	  #test1{ font-size:0.95em}
	 #test1 input{ width:200px;}
	 .new,.nav_sx li:hover dl{ width:220px}
	 .nav_sx ul li dl{width:220px; left:220px !important}
	 
	 
	 
	 
}

@media(max-width:1024px){
	 .sb{ width:45% !important; margin:0 auto; background: #f9f9f9 url(../img/xiala.png) no-repeat 300px center !important;}
	 .sb > .selected,.nav_sx p{ font-size:0.93em !important}
	 .sb .opts{ width:100% !important;}
	 .nav_sx{ width:70%;}
	 .set{background:url(../img/xiala.png) no-repeat 260px center}
	  #test1{ font-size:0.95em}
	 #test1 input{ width:280px;}
	 .new,.nav_sx li:hover dl{ width:320px}
	 .nav_sx ul li dl{width:320px; left:320px !important}
	 
	 
	 
	 
}

@media(max-width:768px){
	 .sb{ width:40% !important; height:2.5em !important; margin:0 auto; background: #f9f9f9 !important;}
	 .sb > .selected{ font-size:0.9em !important; height:2.5em !important; line-height:2.5em !important}
	 .sb .opts{ width:100% !important;}
	 
	 .nav_sx{ width:70%;}
	 .set{background:none}
	  #test1{ font-size:0.95em}
	 #test1 input{ width:50%; height:2.5em; padding:0 10px}
	 .new,.nav_sx li:hover dl{ width:230px}
	 .nav_sx ul li dl{width:230px; left:230px !important}
	 #test1{ margin:0 auto 1.5%}
	 
	 .sb .opts a, .zhuangtai .select_option li{ height:2.5em; line-height:2.5em; font-size:0.9em}
	 .nav_sx,.nav_sx p{ height:3em; line-height:3em; font-size:0.9em}
	 
	 .nav_sx li dd,.nav_sx ul li{ height:3em; line-height:3em; font-size:1em;}
	 .nav_sx li dd{padding:0 0 0 5%}
	 
	 
	 
}
@media(max-width:640px){
	.sb .opts{max-height:350px}
	 .sb .opts,.sb .opts a{ width:100% !important;}
	 .sb .opts a, .nav_sx ul li, .zhuangtai .select_option li{ text-indent:0; text-align:center}
	 .new,.nav_sx li:hover dl{ width:150px}
	 .nav_sx ul li dl{width:150px; left:150px !important}
	 .nav_sx li dd,.nav_sx ul li{ height:3em; line-height:em; font-size:0.9em;}
	 .nav_sx li dd{ font-size:0.95em; height:auto}
	 .nav_sx ul li span, .nav_sx li dl em{ display:none}
	 .zhuangtai .select_option li{ font-size:0.86em}
	 
	 
	 
	 
	 
	 
	 
	 
}