@charset "utf-8";
html {overflow-y:scroll;}
body {margin:0; padding:0; font:14px \5FAE\8F6F\96C5\9ED1,Arial,sans-serif; color:#383735; min-width: 320px; overflow: hidden;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:14px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clearfix,.nav,.list,.list-img{*zoom:1;}
.clearfix:after,.nav:after,.list:after,.list-img:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}

input,button,textarea,select{font:14px \5FAE\8F6F\96C5\9ED1,Arial,sans-serif; }

/*Links*/
a {color:#333; text-decoration:none;}
a:visited {text-decoration:none;color:#333;}
a:hover,
a:active {color:#3b83a4;}

a.blue_d ,
.blue_d a ,
.blue_d a:visited{color: #4b5973;}
.blue_d a:hover,
.blue_d a:active {color:#3b83a4;}

.blue a ,
.blue a:visited{color: #3366cc;}
.blue a:hover,
.blue a:active {color:#3b83a4;}


.org ,
.org a ,
.org a:visited{color: #cc9933;}
.org a:hover,
.org a:active {color:#3b83a4;}

.gay,
.gay a ,
.gay a:visited{color: #666;}
.gay a:hover,
.gay a:active {color:#3b83a4;}

.wi,
.wi a ,
.wi a:visited,
.wi a:hover,
.wi a:active {color:#fff;}


/*Public*/
.main{width:1210px; margin:0 auto;}
.mains:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.left{ float:left;}
.right{ float:right;}

.min_nav{ width: 25px; height: 16px; display: none; position: absolute;z-index: 200;  right:20px; top:20px; background: url(../images/min_nav.png) no-repeat 0 0; cursor: pointer; }

.min_navs{width: 80%; display: none; position: absolute; right:0; top:0; bottom: 0; z-index: 201; background: #fff;filter: Alpha(Opacity=95, Style=0);opacity: 0.95; font-size: 18px; line-height: 60px;}
.min_navs dt{ height: 60px; background:#000 url(../images/min_nav_close.png) no-repeat right center; }
.min_navs dd{ padding: 0 30px;  border-bottom: solid 1px #dedede;}


/*Tab*/
.tabs li{  float:left;cursor:pointer;}
.tabbox{ display:none;}

/*Classify*/
.classify{ width:220px;}
.classify dt{ line-height:35px; }
.classify dt.cur{ background:#ccc;}
.classify dd{ padding:0 10px 0 10px;}
.classify dd a{display:block;}

/*Slide*/
.slide{ position:relative; z-index:3; overflow:hidden;}
.slide-body{ position:relative; z-index:0;}
.slide-left .slide-body{ width:100000px;}
.slide-left .slide-body li{ float:left;}
.slide-num{ position:relative; z-index:2;}
.testnume{ text-align:center;}
.testnume li{ display:inline-table; cursor:pointer;}
.slide-previous,
.slide-next{position:relative; cursor:pointer; z-index:2;}
.slide-left .slide-previous{ float:left;}
.slide-left .slide-next{ float:right;}


.footer{ padding-top:60px; padding-bottom:50px;  background:#02050f; color:#2d3141; line-height: 18px;}
.footer:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.footer a{ padding-left:13px; display:inline-table;}
.footer a:after{margin-left:13px;content:" ";}
.footer div a{white-space: nowrap;}
.footer div a:after{margin-left:13px;content:"|";color:#2d3141; }
.footer div a:last-child:after{margin-left:0;content:" ";}
.footer dl dt{ padding:10px 0 0 0; margin:0; width: 500px;}
.footer dl dd p{ padding:20px 0 15px 0; margin:0; width: 710px;}
.footer dl dd p.bq{padding: 0 0 0 130px; width: auto;}

.footers{ text-align: center; background: #000; padding: 25px 0;  border-top:solid 1px #1b1b1b;}


#backtop{  position: fixed;  bottom: 15px; right:15px; z-index:100; text-align: center;}
#backtop dt{line-height: 35px;  color:#fff; border-radius: 15px; background: #020202;filter: Alpha(Opacity=80, Style=0);opacity: 0.80; padding:10px 10px 15px 10px;  border: solid 1px #198ead;}
#backtop dt strong{ display: block; width: 57px; height: 51px; background: url(../images/811237195.png); margin:-30px auto 0 auto;}
#backtop dt span{ display: block; font-size: 18px; }
#backtop dt img{ display: block; width: 100px; border: solid 10px #fff;border-radius: 15px; }
#backtop dd{ margin:20px auto 0 auto; display: none;background: url(../images/811194527.png) no-repeat 0 0; width:50px; height:50px; cursor: pointer;}

.share{ padding:0 10px; width:75px;margin-right:15px; position: absolute; top:130px; right:0; z-index:100; text-align:center;}
 
@media only screen and (max-width: 1210px) { 
.main{ width: 1000px; }
.footer{ height: auto;}
.footer dl dt,
.footer dl dd {width: 100%;text-align: center;}
.footer dl dd{ margin-top:35px; }
.footer dl dd p{ padding:30px 5%; width: 90%;  }
.footer dl dd p.bq{padding: 0 ; }
}   

@media only screen and (max-width: 1080px) { 
.main{ width: 90%; }
.min_nav{display: block;}
}   


@media only screen and (max-width: 725px) { 
.main{ width: 100%; }
.footer dl dd p{ padding:30px 2.5%; width: 90%;  }
.footer a{display: block; }
.footer a:after{ margin-left:0;}
.footer div a{ display: block; padding:0; margin:5px auto; width: 80%; background: #333; border-radius: 3px; line-height: 45px; height: 45px;color:#fff;}
.footer div  a:after{content:"";  margin-left:0;}
.footer div  a:visited,
.footer div  a:hover,
.footer div  a:active{color:#fff;}
}   

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

.footer dl dt img{ width: 90%; }
}