@charset "utf-8";
/* CSS Document */

body, ul,li, dt,h1, h2, h3, h4, h5, h6, p,div,img{
	padding:0;
	margin:0;
    font-size:12px;
	font:"黑体";
	font-family:"黑体";
	font:#3D2523;
}

body{ width:100%; height:auto; background:#ece0cd;}
div{ line-height:180%; }
a{outline: none;}
input,button{ border:0px; }
ul{ list-style:none;}
img{ border:0px;}
a:link {color:#000000;text-decoration:none;}     /* 未访问的链接 */
a:visited {color:#000000;text-decoration:none;}  /* 已访问的链接 */
a:hover {color:#000;text-decoration:none;}    /* 当有鼠标悬停在链接上 */
a:active {color: #000000;text-decoration:none;}   /* 被选择的链接 */
.clearfloat{ clear:both; height:0; font-size: 1px; line-height:0px;}
.left{ float:left;}
.right{ float:right;}/*global.css结束*/

.center{ width:980px; height:607px; margin:0 auto; background:url(../images/bg.jpg) no-repeat; padding-top:177px;}
.tab{ width:734px; height:477px; margin:0 auto; background:url(../images/tab.jpg) no-repeat;}
#tabbox{ width:100%;  margin:0 auto;}
.tab_conbox{border-top: none; padding-top:30px; width:100%;}
.tab_con{ display:none;}

.tabs{height: 35px;width:80%; margin:0 auto;}
.tabs li{height:37px;line-height:37px;float:left;margin-bottom: -1px;overflow: hidden;position: relative; width:164px;text-align:center; margin-left:10px;}
.tabs li a {display: block;outline: none; background:url(../images/tabbg.png); font-size:20px; font-family:"微软雅黑";color:#848581;}
.tabs li a:hover { background:url(../images/tabbg.png); background-position:0px 37px; }	
.tabs .thistab,.tabs .thistab a:hover{ background:url(../images/tabbg.png); background-position:0px 37px;}
.thistab a{ background:url(../images/tabbg.png) !important;background-position:0px 37px !important;color:#000 !important;}

.tab_con {padding:12px;font-size: 14px; line-height:175%;}
.tabsa{
	 float:left;font-size:20px; font-family:"微软雅黑"; display:inline-block; width:164px; height:37px; line-height:37px; 
	 text-align:center;background:url(../images/tabbg.png); color:#848581 !important; margin-left:40px;}
	 

.sou{ width:225px; height:28px; float:right; clear:both; background:url(../images/sou.jpg) no-repeat; margin-right:123px; display:inline; margin-top:14px;}
.input1{ width:165px; height:17px; float:left; margin:4px; line-height:17px; background:none; color:#fff; padding-left:15px;}
.input2{ float:left; height:17px; width:30px; margin-left:5px; cursor:pointer; background:none; margin-top:5px;}
.copy{ width:100%; height:35px; line-height:35px; text-align:center; color:#fff; padding-top:40px;}
.flash{ width:470px; height:470px; margin:0 auto; margin-bottom:50px;position:relative;overflow:hidden;}
.flash .link{display:block;width:173px;height:176px;position:absolute;top:147px;left:148px;z-index:1000;background:url(../images/enter.png);}
.flash .xz{position:absolute;left:0;top:0;z-index:900;-webkit-animation: xz 2s linear infinite;-moz-animation: xz 2s linear infinite;
  -moz-animation: xz  2s linear infinite;-ms-animation: xz  2s linear infinite;animation: xz  2s linear infinite;}
@-webkit-keyframes xz {
	0% {
		-webkit-transform: rotate(0deg);
	}
	24% {
		-webkit-transform: rotate(0deg);
	}
	25% {
		-webkit-transform: rotate(90deg);
	}
	49% {
		-webkit-transform: rotate(90deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
	}
	74% {
		-webkit-transform: rotate(180deg);
	}
	75% {
		-webkit-transform: rotate(270deg);
	}
	99% {
		-webkit-transform: rotate(270deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}  
}

@keyframes xz {
	0% {
		-webkit-transform: rotate(0deg);
	}

	24% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
	}

	49% {
		-webkit-transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	74% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
	}

	99% {
		-webkit-transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}
/*弹出 css*/
.rollBox {
	width: 686px;
	height: 385px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.rollBox .Cont{width:680px; height:360px;float:left;}

.rollBox .Cont .pic{ margin:0 auto;width:620px; height:360px; position:relative; z-index:1;}
.rollBox .Cont .pic div{ display:none;}
.rollBox .Cont .pic div span{ float:left; display:block;}
.rollBox .Cont .pic div img{width:131px; height:98px; float:left; margin:10px 5px;}
.rollBox .Cont .pic span:hover div{ display:block; position:absolute; z-index:100; width:433px; height:310px; background:url(../images/1.png);margin-left:25px; margin-top:20px;}
.rollBox .Cont .pic li{ float:left; display:block !important;width:131px; height:118px; float:left; margin:0px 12px;}

.rollBox .Cont .pic span img{ width:131px; height:98px; float:left;}
.rollBox .Cont .pic span p{ width:131px; height:22px; text-align:center; float:left;}
.rollBox .Cont .pic span a b{ width:131px; height:30px; text-align:center; float:left; font-weight:normal;}
.rollBox .Cont .pic span a{ float:left; display:block; width:131px; height:118px; margin:5px;}