/*初始化111*/html, body {
margin: 0;
padding: 0;
}
.pagebox {
position: relative;
}
.js-reset_style p, .js-reset_style div {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 30px;
}
.resetHtmlCssStyle div, .resetHtmlCssStyle p {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 30px;
}
a {
text-decoration: none;
color: #FFF;
font-size: 16px;
}
div,ul,li {
padding: 0;
margin: 0;
}
#nav-div {
width: 1200px;
height: 50px;
background: #1890FF;
margin: auto;
position: relative;
}
ul {
width: 100%;
height: 50px;
list-style: none;
cursor: pointer;
background: url(images/nav_on.png) no-repeat;
}
#nav-div ul li {
width: 120px;
height: 50px;
line-height: 50px;
text-align: center;
margin: auto;
float: left;
color: #FFF;
cursor: pointer;
}
#nav-div ul li:hover a {
background-color: #da251d;
display: block;
color: #fff;
}
#liItemPaner {
width: 100px;
height: 40px;
background: #FC0;
position: absolute;
}
.nav-side {
width: 100%;
margin: auto;
height: 50px;
background: #1890FF;
}
.scoll_nav {
width: 100%;
position: fixed;
top: 10px;
z-index: 10000;
}
#nav .nav-on {
color: #F00;
}
#footnav-div {
width: 1200px;
height: 50px;
background: #1890FF;
margin: auto;
position: relative;
}
ul {
width: 100%;
height: 50px;
list-style: none;
cursor: pointer;
background: url(images/nav_on.png) no-repeat;
}
#footnav-div ul li {
width: 120px;
height: 50px;
line-height: 50px;
text-align: center;
margin: auto;
float: left;
color: #FFF;
cursor: pointer;
}
#footnav-div ul li:hover a {
background-color: #da251d;
display: block;
color: #fff;
}
#liItemPaner {
width: 100px;
height: 40px;
background: #FC0;
position: absolute;
}
.footnav-side {
width: 100%;
margin: auto;
height: 50px;
background: #1890FF;
}
.scoll_nav {
width: 100%;
position: fixed;
top: 10px;
z-index: 10000;
}
#footnav .nav-on {
color: #F00;
}
#full-screen-slider {
width: 100%;
height: 467px;
position: relative
}
#slides {
display: block;
width: 100%;
height: 467px;
list-style: none;
padding: 0;
margin: 0;
position: relative
}
#slides li {
display: block;
width: 100%;
height: 100%;
list-style: none;
padding: 0;
margin: 0;
position: absolute
}
#slides li a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px
}
#pagination {
display: block;
list-style: none;
position: absolute;
left: 0px;
top: 420px;
z-index: 9900;
padding: 5px 15px 5px 0;
margin: 0
}
#pagination li {
display: block;
list-style: none;
width: 10px;
height: 10px;
float: left;
margin-left: 15px;
border-radius: 5px;
background: #FFF
}
#pagination li a {
display: block;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
text-indent: -9999px;
}
#pagination li.current {
background: #0092CE
}
#wrapper {
width: 735px;
height: 220px;
margin: -110px 0 0 -367px;
position: absolute;
left: 50%;
top: 300%;
}
#carousel {
width: 985px;
position: vrelative;
margin: 20px auto;
}
#carousel ul {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
#carousel li {
background: transparent url(../images/carousel_polaroid.png) no-repeat 0 0;
font-size: 40px;
color: #999;
text-align: center;
display: block;
width: 232px;
height: 178px;
padding: 0;
margin: 6px;
float: left;
position: relative;
}
#carousel li img {
width: 201px;
height: 127px;
margin-top: 14px;
}
#carousel li span {
background: transparent url(../images/carousel_shine.png) no-repeat 0 0;
text-indent: -999px;
display: block;
overflow: hidden;
width: 201px;
height: 127px;
position: absolute;
z-index: 2;
top: 14px;
left: 16px;
}
.clearfix {
float: none;
clear: both;
}
#carousel .prev, #carousel .next {
background: transparent url(../images/carousel_control.png) no-repeat 0 0;
text-indent: -999px;
display: block;
overflow: hidden;
width: 15px;
height: 21px;
margin-left: 10px;
position: absolute;
top: 70px;
}
#carousel .prev {
background-position: 0 0;
left: 70px;
margin-top: 8%;
}
#carousel .prev:hover {
left: 70px;
}
#carousel .next {
background-position: -18px 0;
right: 90px;
margin-top: 8%
}
#carousel .next:hover {
right: 90px;
}
#carousel .pager {
text-align: center;
margin: 0 auto;
}
#carousel .pager a {
background: transparent url(../images/carousel_control.png) no-repeat -2px -32px;
text-decoration: none;
text-indent: -999px;
display: inline-block;
overflow: hidden;
width: 8px;
height: 8px;
margin: 0 5px 0 0;
}
#carousel .pager a.selected {
background: transparent url(../images/carousel_control.png) no-repeat -12px -32px;
text-decoration: underline;
}
#source {
text-align: center;
width: 100%;
position: absolute;
bottom: 10px;
left: 0;
}
#source, #source a {
font-size: 12px;
color: #999;
}
#donate-spacer {
height: 100%;
}
#donate {
border-top: 1px solid #999;
width: 750px;
padding: 50px 75px;
margin: 0 auto;
overflow: hidden;
}
#donate p, #donate form {
margin: 0;
float: left;
}
#donate p {
width: 650px;
}
#donate form {
width: 100px;
}
h1 {
text-align: center;
}
.zzsc {
width: 50%;
height: 261px;
/* margin: 100px 350px; */
background: #f0f0f0;
font-family: '微软雅黑';
display: inline-block;
}
.zzsc .tab {
overflow: hidden;
background: #ccc;
height: 50px;
}
.zzsc .tab a {
display: block;
padding: 10px 68px;
float: left;
text-decoration: none;
color: #333;
line-height: 34px;
}
.zzsc .tab a:hover {
background: #1890ff;
color: #fff;
text-decoration: none;
}
.zzsc .tab a.on {
background: #1890ff;
color: #fff;
text-decoration: none;
height: 50px;
}
.zzsc .content {
overflow: hidden;
padding: 10px;
}
.zzsc .content li {
/* display: none;*/
border-bottom: 1px dashed #ccc;
line-height: 50px;
}
h1 {
text-align: center;
}
.zzsc1 {
width: 48%;
height: 100%;
/* margin: 100px 350px; */
background: #f0f0f0;
font-family: '微软雅黑';
display: inline-block;
margin-left: 20px;
}
.zzsc1 .tab1 {
overflow: hidden;
background: #ccc;
height: 50px;
}
.zzsc1 .tab1 a {
display: block;
padding: 10px 64px;
float: left;
text-decoration: none;
color: #333;
line-height: 34px;
}
.zzsc1 .tab1 a:hover {
background: #1890ff;
color: #fff;
text-decoration: none;
}
.zzsc1 .tab1 a.on {
background: #1890ff;
color: #fff;
text-decoration: none;
height: 50px;
}
.zzsc1 .content1 {
overflow: hidden;
padding: 10px;
height: 272px;
}
.zzsc1 .content1 li {
display: none;
border-bottom: 1px dashed #ccc;
line-height: 50px;
}
h1{ font:100 italic 58px Georgia,'Segoe UI',sans-serif; margin:0 0 5px; color:#555 }
h2{ font:26px Ubuntu,'Segoe UI',sans-serif; margin:32px 0; line-height:16px; color:#555 }
h2.closer{ margin-bottom:10px }
hr{ border:0; margin:0; padding:0; color:#f6f6ef; clear:both; border-bottom:1px dashed #999; margin-bottom:50px }
#examples{ left:0; width:300px; overflow:visible }
#etalage{
display: none;
margin-bottom: 50px;
}
/* Large thumbnail: */
#etalage .etalage_thumb{
background: white url(../images/loading.gif) center no-repeat;
border: 1px solid #ddd;
padding: 6px;
-webkit-box-shadow: 0 0 10px #ddd;
-moz-box-shadow: 0 0 10px #ddd;
box-shadow: 0 0 10px #ddd;
}
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#etalage .etalage_thumb_image{ }
/* Small thumbnails: */
#etalage .etalage_small_thumbs li{
background: white;
border: 1px solid #ddd;
margin: 10px;
padding: 3px;
}
/* The one on the left that makes them slide */
#etalage ul li.etalage_smallthumb_first{ }
/* The one on the right that makes them slide */
#etalage ul li.etalage_smallthumb_last{ }
/* The currently active one */
#etalage ul li.etalage_smallthumb_active{
-webkit-box-shadow: 0 0 10px #ddd;
-moz-box-shadow: 0 0 10px #ddd;
box-shadow: 0 0 10px #ddd;
}
/* Zoomed image area: */
#etalage .etalage_zoom_area,
.etalage_zoom_area{
background: white url(../images/loading.gif) center no-repeat;
border: 1px solid #ddd;
padding: 6px;
-webkit-box-shadow: 0 0 10px #ddd;
-moz-box-shadow: 0 0 10px #ddd;
box-shadow: 0 0 10px #ddd;
}
/* Magnifier area (thumbnail hovering rectangle): */
#etalage .etalage_magnifier{
background: white;
border: 1px solid #bbb;
}
/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#etalage .etalage_icon{
background: url(../images/zoom.png) no-repeat;
width: 14px;
height: 14px;
}
/* Hint that will apear at the top right of the large thumbnail (optional): */
#etalage .etalage_hint{
background: url(../images/hint.gif) no-repeat;
width: 130px;
height: 57px;
}
/* Description area (optional) */
#etalage .etalage_description{
background: white;
font-style: italic;
margin: 10px;
padding: 6px 10px;
}
/*
* ------------------------------------ FUNCTIONALITY --------------------------------------
* The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
* -----------------------------------------------------------------------------------------
*/
.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }