/*common star*/
body,html {height:auto;}
body{margin:0 auto; padding:0; font-size:14px; font-family:"新宋体", tahoma, serif, sans-serif, arial, "ms serif"; line-height:20px; background:url(/uploads/image/wtzyimages/bg_img.jpg) center top no-repeat;}
div,p,span,a,table,tr,td,input,img,form,h1,h2,h3,h4,h5,h6,iframe,a{margin:0; padding:0;}
ul,li,ol,img{margin:0; padding:0; list-style-type:none;}
img{border:none;}
h1,h2,h3,h4,h5,h6,input {font-family:microsoft yahei; font-weight:normal;}

a:link,a:visited {color:#333; text-decoration:none;}
a:hover {color:#d01616; text-decoration:none;}


@media screen and (min-width: 801px) { 

.banner_sj {display:none;}

.box{position: relative;width: 100%;height: 633px;overflow: hidden;margin:0 auto;}
.pic1{width: 100%;height: 603px;position: absolute; z-index: 114; overflow:hidden; text-align:center;}
.pic1 img {width:1920px; height:603px;}
.pic2{width: 100%;height: 473px;position: absolute;right: 439px;top: 109px;z-index: 116;}
.pic3{width: 100%;height: 271px;position: absolute;left: 0px;top: 0px;z-index: 115;}
img{vertical-align: top;}
.pic4{width: 25%;height: 300px;position: absolute;left: 0;top: 0px;z-index: 118;}
.pic4 img {width:100%;}
.pic5{width: 105%; height: 300px;position: absolute;left: 000px;top: 182px;z-index: 999; text-align:right;}
.main{width: 100%;margin: 0 auto;position: relative;}

.d2 {width:100%; height:603px; position:absolute; top:0; left:0; background:url(/uploads/image/wtzyimages/zz.png) no-repeat center top; z-index:115;}
.d3 {width:756px; height:271px; margin:137px auto 0; position:relative;}

.banner {width:100%; position:absolute; top:0; left:0; z-index:200;  background-color:#fff;/* ie6和部分ie7内核的浏览器(如qq浏览器)下颜色被覆盖 */ background-color:rgba(255,255,255,0.6); /* ie6和部分ie7内核的浏览器(如qq浏览器)会读懂，但解析为透明 */ padding-bottom:20px;}
.banner ul {width:1200px; margin:0 auto; padding-top:20px;}
.banner ul li {float:left; line-height:20px; margin:0 5px; padding-right:10px; border-right:1px solid #ccc;}

.hidden{ display: none;}
.moreload{width:1200px; height:auto; margin:0 auto;overflow: hidden;text-align: left; padding:5px; position:relative;}
.moreload ul.list{overflow: hidden;}
.moreload ul.list li{width: 356px; height: 278px; margin:44px 22px 0;float: left;}
.list li {position:relative;}
.list li a { height:100%; position:absolute; top:0; left:0; display:block;}
.list li h3 {position:absolute;bottom: 10px;padding: 10px;padding-right: 10%;height: 20px;left:0;color: #fff;width: 82%; /*background: url(/uploads/image/wtzyimages/img3.png) right top no-repeat;*/}
.list li h3 p a {line-height:20px;/* margin:10px; *//* padding-right: 160px; */padding-left: 20px; padding-right:30px; color:#fff;display:block;}
.list li h3 span {width:34px; height:33px; position:absolute; top:0; right:0; display:block;}
.footer {text-align:center; padding:50px 0 0px; font-family:microsoft yahei; padding-bottom:30px;}
ul li {line-height:30px;}

.moreload .more{overflow: hidden ;padding:50px 0 0;text-align: center;}
.moreload .more a{display:block;width: 154px; height:20px; line-height:20px; padding:8px 0;color:#fff; margin:0 auto; background:#fff; text-align:center; border-radius:30px; border:1px solid #999; color:#000;}
.moreload .more a:hover{ background:#b0d094; color:#fff;}

.moreload {
	position:relative;
	left:0px;
	top:0px;
	animation:moreload 3.5s;
	-moz-animation:moreload 3.5s; /* firefox */
	-webkit-animation:moreload 3.5s; /* safari and chrome */
	-o-animation:moreload 3.5	s; /* opera */}
@-moz-keyframes moreload /* firefox */
{
  from {left:0px; top:380px;opacity:0;}
  to {left:0px; top:0px;opacity:1;}
}
@-webkit-keyframes moreload /* safari and chrome */
{
  from {left:0px; top:380px;opacity:0;}
  to {left:0px; top:0px;opacity:1;}
}
@-o-keyframes moreload /* opera */
{
  from {left:0px; top:380px;opacity:0;}
  to {left:0px; top:0px;opacity:1;}
}

.pic1 {
	position:relative;
	left:0px;
	top:0px;
	animation:pic1 2s;
	-moz-animation:pic1 2s; /* firefox */
	-webkit-animation:pic1 2s; /* safari and chrome */
	-o-animation:pic1 2s; /* opera */}
@-moz-keyframes pic1 /* firefox */
{
  from {left:0px; top:-80px; opacity:0;}
  to {left:0px; top:0px; opacity:1;}
}
@-webkit-keyframes pic1 /* safari and chrome */
{
  from {left:0px; top:-80px; opacity:0;}
  to {left:0px; top:0px; opacity:1;}
}
@-o-keyframes pic1 /* opera */
{
  from {left:0px; top:-80px; opacity:0;}
  to {left:0px; top:0px; opacity:1;}
}

.d3 {width:1px; position:absolute; top:0; left:50%;}
.pic3 {
	position:absolute; 
	left:-350px;
	top:0px;
	animation:pic3 3s;
	-moz-animation:pic3 3s; /* firefox */
	-webkit-animation:pic3 3s; /* safari and chrome */
	-o-animation:pic3 3s; /* opera */}
@-moz-keyframes pic3 /* firefox */
{
  from {left:-550px; top:0px; opacity:0;}
  to {left:-350px; top:0px; opacity:1;}
}
@-webkit-keyframes pic3 /* safari and chrome */
{	
  from {left:-550px; top:0px; opacity:0;}
  to {left:-350px; top:0px; opacity:1;}
}
@-o-keyframes pic3 /* opera */
{
  from {left:-550px; top:0px; opacity:0;}
  to {left:-350px; top:0px; opacity:1;}
}


.pic5 {
	position:absolute; 
	left:0px;
	top:200px;
	animation:pic5 3s;
	-moz-animation:pic5 3s; /* firefox */
	-webkit-animation:pic5 3s; /* safari and chrome */
	-o-animation:pic5 3s; /* opera */}
@-moz-keyframes pic5 /* firefox */
{
  from {left:100px; top:0px; opacity:0;}
  to {left:0px; top:200px; opacity:1;}
}
@-webkit-keyframes pic5 /* safari and chrome */
{	
  from {left:100px; top:0px; opacity:0;}
  to {left:0px; top:200px; opacity:1;}
}
@-o-keyframes pic5 /* opera */
{
  from {left:100px; top:0px; opacity:0;}
  to {left:0px; top:200px; opacity:1;}
}


.p8{width:2728px; z-index:555;
	height:350px;
	position:absolute;
	font-size:30px;
	font-weight:bold;
	font-family:microsoft yahei;
	text-align:center;
	left:0;
	top:300px;
	animation:p8 55s linear infinite alternate;
	-moz-animation:p8 55s linear infinite alternate; /* firefox */
	-webkit-animation:p8 55s linear infinite alternate; /* safari and chrome */
	-o-animation:p8 55s linear infinite alternate; /* opera */}
	
@-moz-keyframes p8 /* firefox */
{
  from {left:0; top:300px;}
  to {left:100%; top:300px;}
}

@-webkit-keyframes p8 /* safari and chrome */
{
  from {left:0; top:300px;}
  to {left:100%; top:300px;}
}

@-o-keyframes p8 /* opera */
{
  from {left:0; top:300px;}
  to {left:100%; top:300px;}
}



.main1 {width:1200px; margin:-80px auto 0px; position:relative;}

.moreload ul.list p {width:80%; padding-right: 40px;}
}

@media screen and (max-width: 800px) { 
body { background:url(/uploads/image/wtzyimages/bg_img.jpg) left bottom no-repeat;}
.banner { display:none;}
.banner_sj img {width:100%;}
.hidden{ display: none;}

.main {display:none;}
.moreload{width:100%; height: auto;margin:0 auto;overflow: hidden;text-align: left;}
.moreload ul.list{overflow: hidden;}
.moreload ul.list li{width: 45%; margin:15px 2.5% 0;float: left;}

.list li {position:relative; }
.list li a {width:100%; height:100%; position:absolute; top:0; left:0; display:block;}
.list li h3 {width: 90%;position:absolute;font-size:14px;line-height:20px;margin:10px;bottom: 30px;left:0;color:#fff;}
.list li h3 a {position:absolute;font-size:14px;line-height: 16px;margin: 0px;bottom: 10px;left:0;color:#fff;}
.footer {text-align:center; padding:0px 0 20px; font-size:12px;}
ul li {line-height:20px;}

.moreload .more{overflow: hidden;padding:20px 0 40px 0;text-align: center;}
.moreload .more a{display:block;width: 40%; height:20px; padding:8px 0;color:#fff;margin:0 auto;background:#06c;text-align:center;border-radius:3px; border:1px solid #999; color:#fff;}
.moreload .more a:hover{ background:#06c; color:#fff;}
.moreload ul.list li img{width: 100%;height: 100%;margin-top: -5px;}
}

.moreload ul.list li img{width: 100%;height: 100%;}