/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:"Microsoft YaHei","Microsoft JhengHei",STHeiti,MingLiu, Arial, Helvetica, sans-serif; color:#333; margin:0 auto; height:100%; margin:0 auto;background:url(../images/bg_main_1.jpg) 0 center no-repeat;}
table{border-collapse:collapse;border-spacing:0;}
html{ height:100%;}
a{ text-decoration:none;
 -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;}


#bdshare{display:none;}


.html_zhengfangxing #wrap #scroll_box .roll_ul{ margin-top:7%;}

.pr{ position:relative;}
.pa{ position:absolute;}
.none{ display:none;}

#wrap_all{position:relative;z-index:10; }
#wrap{ width:100%; position:relative; }
#scroll_box{ width:100%; position:relative;overflow:hidden;}
.box_163css{ width:100%; height:950px; }
.roll_ul{ position:absolute; left:0; top:0; margin:auto 0px;}
.roll_ul li{float:left;display:block; overflow:hidden;}

.weblist{ width:70%; margin:0 auto; margin-left:16%;}
.weblist a{ display:block; float:left; display:inline; width:23%; height:15%; overflow:hidden;margin:0 0 1% 1%; position:relative; }
.weblist a span{ display:block; position:absolute; bottom:0px; left:0px; width:100%; height:30px; line-height:100px;_line-height:30px; _text-indent:-999px; text-align:center; font-size:14px;  -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out; color:#fff; background:url(../images/bg_a.png) 0px 0px repeat-x;_background:none;}
.weblist img{ width:100%; display:block;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }
.weblist a:hover img{filter:alpha(opacity=76);-moz-opacity:.76;opacity:.76;}
.weblist a:hover span{background:url(../images/bg_a.png) 0 -39px repeat-x; _background:none;color:#fff; text-align:center; line-height:30px; }

.prev,.next{ cursor:pointer; width:8%; height:100%; _height:720px; top:0; z-index:10;}
.prev{ left:0; background:url(../images/arrow_left.png) no-repeat center 44%;}
.prev:hover{background:rgba(0, 0, 0, .06) url(../images/arrow_left_hover.png) no-repeat center 44%;}
.next{ right:0;background:url(../images/arrow_right.png) no-repeat center 44%;}
.next:hover{background:rgba(0, 0, 0, .06) url(../images/arrow_right_hover.png) no-repeat center 44%;}

.scroll_nav{ width:100%; text-align:center; padding-top:15px; height:40px; overflow:hidden; background-color:#ededed; border-top:1px solid #d7d7d7; _position:absolute; position:absolute; left:0; text-align:center; bottom:0; z-index:20; font-size:14px;}
.scroll_nav span{ width:110px; border-top:5px solid #d5d5d5; color:#888; display:inline-block; height:30px; margin-right:12px; padding-left:5px; line-height:30px; cursor:pointer; font-weight:bold; font-family:"Microsoft YaHei","Microsoft JhengHei",STHeiti,MingLiu;}
.scroll_nav span.current{ border-top:5px solid #F27B04; color:#F27B04; background:none; font-size:18px; }


.nav_1{ display:block; background:url(../images/browser_icons.jpg) 5px 4px no-repeat;}
.nav_2{ display:block; background:url(../images/browser_icons.jpg) 5px -38px no-repeat; }
.nav_3{ display:block; background:url(../images/browser_icons.jpg) 5px -80px no-repeat; }
.nav_4{ display:block; background:url(../images/browser_icons.jpg) 5px -114px no-repeat; }
.nav_5{ display:block; background:url(../images/browser_icons.jpg) 5px -154px no-repeat; padding-left:5px;}


#fix_top{ position:relative; width:100%;  height:20%; z-index:9100;filter: alpha(opacity=80); opacity:0.8; }
#fix_top:hover{}

.bg_setup{padding-right: 6px;
text-align: right;
font-size: 12px;line-height:21px;
color: #fff;
background: url(../images/setup.png) no-repeat 0px 0px;/* rgba(240, 240, 240, 0.8)*/
height: 21px;
width: 65px;
padding-left:10px;
position: absolute;
z-index: 130;
top: -10px;
right: 20px;
cursor: pointer;display:inline;float:left;

}
.bg_setup:hover{
background-position: 0 -22px;
border-color: #F5C98A;
}
.bg_change{width:230px;position:absolute;z-index:9000;height:166px;right:20px;top:25px;border: 1px solid #999;
-webkit-box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.5);
background-color: #F9F9F9;
-webkit-border-radius: 5px;
-webkit-box-sizing: border-box;
display:none;
float:left;
}
.bg_close{float:right;width:15px;height:15px;background:url(../images/3dkey.png) -279px -463px no-repeat;margin-top:6px;margin-right:14px;cursor:pointer;}
.up{background-image: url(../images/3dkey.png);
background-repeat: no-repeat;
float: right;
height: 9px;
width: 15px;
margin-top: -8px;
background-position: -20px -439px;
margin-right: 5px;}
.bg_change_title{color: #4B4B4B;font-weight: bold;padding:10px 0px 6px 15px;float:left;display:inline;width:80%;}
.bg_change_list{float:left;display:inline;width:90px;height:50px;margin:0px 0px 10px 15px;border: 1px solid #CCC;overflow:hidden; cursor:pointer;}
.bg_change_list:hover{border:solid 1px #F27B04;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);}
