/* ÍøÕ¾Í¨ÓÃ¿ªÊ¼ */
body{height:100%;font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;color:#333;overflow:auto;margin: 0;}
html{height:100%;font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;color:#333;overflow:auto;margin: 0;}
div{font-family:Tahoma,Arial,Simsun,helvetica,Simsun,sans-self;color:#000;text-decoration:none;}
p{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;color:#333; }
h1{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;color:#33; }
h2{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;color:#33; }
a{font-family:"HanHei SC","PingHei","PingFang SC","STHeitiSC-Light","Helvetica Neue","Helvetica","Arial",sans-serif;color:#333;text-decoration:none; }
img{border:none}||img{border:0}||img{
disply:block;
}
/* ÐÞÕýIE6Õñ¶¯bug */
html,* html body{background-image:url(about:blank);background-attachment:fixed;}
/* IE6 Í·²¿¹Ì¶¨ */
html .fixed-top{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
/* IE6 ÓÒ²à¹Ì¶¨ */
html .fixed-right{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
/* IE6 µ×²¿¹Ì¶¨ */
html .fixed-bottom{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
/* IE6 ×ó²à¹Ì¶¨ */
* html .fixed-left{position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft));}

@media only screen and (max-width: 2400px) {a{ font-size: 24px; }}
@media only screen and (max-width: 2000px) {a{ font-size: 22px; }}
@media only screen and (max-width: 19000px){a{font-size:  22px; }}
@media only screen and (max-width: 1800px) {a{ font-size: 20px; }}
@media only screen and (max-width: 1700px) {a{ font-size: 18px; }}
@media only screen and (max-width: 1600px) {a{ font-size: 18px; }}
@media only screen and (max-width: 1500px) {a{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {a{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {a{ font-size: 14px; }}
@media only screen and (max-width: 1200px) {a{ font-size: 12px; }}

@media only screen and (max-width: 2400px) {div{ font-size: 26px; }}
@media only screen and (max-width: 2000px) {div{ font-size: 24px; }}
@media only screen and (max-width: 19000px){div{font-size:  22px; }}
@media only screen and (max-width: 1800px) {div{ font-size: 20px; }}
@media only screen and (max-width: 1700px) {div{ font-size: 18px; }}
@media only screen and (max-width: 1600px) {div{ font-size: 18px; }}
@media only screen and (max-width: 1500px) {div{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {div{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {div{ font-size: 14px; }}
@media only screen and (max-width: 1200px) {div{ font-size: 12px; }}

@media only screen and (max-width: 2400px) {h1{ font-size: 30px; }}
@media only screen and (max-width: 2000px) {h1{ font-size: 28px; }}
@media only screen and (max-width: 19000px){h1{font-size:  26px; }}
@media only screen and (max-width: 1800px) {h1{ font-size: 24px; }}
@media only screen and (max-width: 1700px) {h1{ font-size: 22px; }}
@media only screen and (max-width: 1600px) {h1{ font-size: 20px; }}
@media only screen and (max-width: 1500px) {h1{ font-size: 18px; }}
@media only screen and (max-width: 1400px) {h1{ font-size: 16px; }}
@media only screen and (max-width: 1300px) {h1{ font-size: 16px; }}
@media only screen and (max-width: 1200px) {h1{ font-size: 16px; }}
@media only screen and (max-width: 1000px) {h1{ font-size: 14px; }}
@media only screen and (max-width: 800px) {h1{ font-size: 14px; }}

@media only screen and (max-width: 2400px) {h2{ font-size: 28px; }}
@media only screen and (max-width: 2000px) {h2{ font-size: 26px; }}
@media only screen and (max-width: 19000px){h2{font-size:  24px; }}
@media only screen and (max-width: 1800px) {h2{ font-size: 22px; }}
@media only screen and (max-width: 1700px) {h2{ font-size: 20px; }}
@media only screen and (max-width: 1600px) {h2{ font-size: 18px; }}
@media only screen and (max-width: 1500px) {h2{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {h2{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {h2{ font-size: 14px; }}
@media only screen and (max-width: 1200px) {h2{ font-size: 12px; }}
@media only screen and (max-width: 1000px) {h2{ font-size: 12px; }}
@media only screen and (max-width: 800px) {h2{ font-size: 12px; }}


@media only screen and (max-width: 2400px) {p{ font-size: 24px; }}
@media only screen and (max-width: 2000px) {p{ font-size: 22px; }}
@media only screen and (max-width: 19000px){p{font-size:  20px; }}
@media only screen and (max-width: 1800px) {p{ font-size: 18px; }}
@media only screen and (max-width: 1700px) {p{ font-size: 16px; }}
@media only screen and (max-width: 1600px) {p{ font-size: 16px; }}
@media only screen and (max-width: 1500px) {p{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {p{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {p{ font-size: 14px; }}
@media only screen and (max-width: 1200px) {p{ font-size: 12px; }}



@media only screen and (max-width: 2400px) {.titlecn{ font-size: 24px; }}
@media only screen and (max-width: 2000px) {.titlecn{ font-size: 22px; }}
@media only screen and (max-width: 19000px){.titlecn{font-size:  20px; }}
@media only screen and (max-width: 1800px) {.titlecn{ font-size: 18px; }}
@media only screen and (max-width: 1700px) {.titlecn{ font-size: 16px; }}
@media only screen and (max-width: 1600px) {.titlecn{ font-size: 16px; }}
@media only screen and (max-width: 1500px) {.titlecn{ font-size: 16px; }}
@media only screen and (max-width: 1400px) {.titlecn{ font-size: 14px; }}
@media only screen and (max-width: 1300px) {.titlecn{ font-size: 12px; }}
@media only screen and (max-width: 1200px) {.titlecn{ font-size: 12px; }}

@media only screen and (max-width: 2400px) {.right-top a{ font-size: 26px; }}
@media only screen and (max-width: 2000px) {.right-top a{ font-size: 24px; }}
@media only screen and (max-width: 19000px){.right-top a{font-size:  22px; }}
@media only screen and (max-width: 1800px) {.right-top a{ font-size: 22px; }}
@media only screen and (max-width: 1700px) {.right-top a{ font-size: 20px; }}
@media only screen and (max-width: 1600px) {.right-top a{ font-size: 20px; }}
@media only screen and (max-width: 1500px) {.right-top a{ font-size: 18px; }}
@media only screen and (max-width: 1400px) {.right-top a{ font-size: 16px; }}
@media only screen and (max-width: 1300px) {.right-top a{ font-size: 16px; }}
@media only screen and (max-width: 1200px) {.right-top a{ font-size: 14px; }}


/* ÍøÕ¾Í¨ÓÃ½áÊø */

/* ¶¥²¿Í¨ÓÃ¿ªÊ¼ */

.header{ display:block; width:100%; height:100px;background-color:#FFFFFF;}
.container{ display: block;width:96%; margin-left:2%; float:left;}

.left-top{ display:block;float:left; width:24.9%; }
.right-top{display:block;float:right; width:70.9%;}
.right-top a{ display:block; float:left;font-family:"Î¢ÈíÑÅºÚ";width:12.5%; height:90px; line-height:90px; text-align:right; color:#000;}
.right-top a:hover{ color:#999;}

.logo{min-width:120px;width:90%;}

.bgwhite{ background-color:#FFFFFF}


/* banner */
.bannert{height:650px;width:100%;}
.bannert .d1{width:100%;height:650px;display:block;position:absolute;left:0px;top:0px;}
.bannert .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:580px;}
.bannert .d2 ul{float:left;position:absolute;left:50%;top:0;margin:0 0 0 -60px;display:inline;}
.bannert .d2 li{width:36px;height:19px;overflow:hidden;cursor:pointer;background:url(/Skin/images/img1.png) no-repeat center;float:left;margin:0 3px;display:inline;}
.bannert .d2 li.nuw{background:url(/Skin/images/img1_1.png) no-repeat center;}


.main{ position:relative;width:100%; margin-top:40px;float:left; display:block;}
.abouttitle{
   font-family:"Î¢ÈíÑÅºÚ"; 
   font-size: 30px;
	margin-bottom: 20px;
	text-align: center;
	color: #0875C1;
	background: url(/Skin/images/pbg1.png) no-repeat bottom center;
	padding-bottom: 30px;
	}

.left-about{float:left; display: block;width:32%; margin-right:1%; }
.mid-about{float:left;display: block;width:32%; margin-left:1%; margin-right:1%; }
.right-about{float:right;display: block;width:32%; margin-left:1%;  }
.left-news{float:left; display: block;width:48%; margin-left:1%; margin-right:1%;}
.right-news{float:left;display: block;width:48%; margin-left:1%; margin-right:1%;}

.prolist:hover .news_zi{
	background-color: #0093DD;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.prolist:hover p{
	background-color: #0093DD;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.prolist:hover h2{
	background-color: #0093DD;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}


.news_img {
	position: relative;
	z-index: 1;
}
.news_img h4 {
	font-size: 16px;
	width: 80px;
	line-height: 60px;
	position: absolute;
	bottom: -10px;
	text-align: center;
	background: #c30813;
	right: 0;
	display: block;
	color: #fff;
	font-weight: bold;
	letter-spacing: 2px;
}
.news_zi {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #ddd;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#ddd', Direction=135, Strength=2); /*for ie6,7,8*/
	-moz-box-shadow: 1px 1px 2px #ddd; /*firefox*/
	-webkit-box-shadow: 1px 1px 2px #ddd; /*webkit*/
	box-shadow: 1px 1px 2px #ddd; /*opera»òie9*/
}


.news_zi h2 {
	font-size: 18px;
	margin: 0;
	text-align:left;
	color: #333333;
	font-weight:bold;
}
.news_zi p {
	font-size: 14px;
	line-height: 20px;
	height: 40px; margin-top: 5px;
	overflow: hidden; margin-bottom: 0px;
	color: #666666;
	text-align:left;
}
.news_zi h5 {
	padding-top: 10px;
	color: #1a171b;
}
.news_zi:hover p h2{
	background-color: #0093DD;
	color: #fff;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}

.prolist { position: relative; }
.titles { text-align: center; padding: 10px 20px;  }
.titles span { font-size: 26px; }
.titles em { height: 25px; width: 100%; background: url(/Skin/images/icon1-1.png) no-repeat center center; display: block; }
.titles p { display: inline-block; margin: 0 auto; }
.page_list { position: relative; }
.more { text-align: center; padding-top:20px; }
.more a { display: inline-block; line-height: 35px; font-size: 15px; width: 132px; text-align: center; border-radius: 30px; border: 1px solid #d2d2d2; color: #adadad; height:35px; }
.more a:hover { border-color: #e63b3e; color: #e63b3e; }


.newsclass{width:100%; display:block; float:left; }
.newsclass span { height: 35px; border-bottom: 1px solid #dcdcdc; display: block; text-align: center; margin-bottom: 25px; }
.newsclass a{font-family:"Î¢ÈíÑÅºÚ"; line-height:50px; height:50px; text-align: center; color:#000; width:100%; font-size:20px; display:block; padding-top:10px;}

.newsclass a:hover{ color:#999;}

.newslist {width:100%; display:block; float:left; margin-bottom:10px; }
.newstitle ,.newsContent{width:94%; display:block; float:left; margin-left:3%;}
.newstitle  a{font-family:"Î¢ÈíÑÅºÚ"; line-height:180%;  text-align: left; color:#000; width:100%;}
.newstitle a:hover{ color:#999;}

.newsContent  a{font-family:"Î¢ÈíÑÅºÚ"; line-height:22px;  text-align: left; color:#66; width:100%;}
.newsContent a:hover{ color:#999;}

.bottom {width:100%; display:block; float:left; margin-top:40px; background-color:#2f2f2f; position:relative}
.left-bottom{width:15%; display:block; float:left; padding-top:25px; background-color:#000; text-align:center; height:300px;}
.right-bottom{width:82%; display:block; float:left; padding-top:25px; margin-left:1.5%;text-align:center;}
.classlist{width:100%; display:block; float:left;  text-align:center; border-bottom:1px #444444 solid;}
.contactus{width:100%; display:block; float:left; text-align:left; padding-top:15px; color:#FFFFFF; font-size:14px; background:url(/Skin/Images/BLOGO.png) bottom right no-repeat; background-siz:150px 60px;}
.listlink{ padding-bottom:15px;}
.listlink a{font-family:"Î¢ÈíÑÅºÚ"; line-height:100%; text-align:left; color:#000;}
.listlink a:hover{ color:#999;}


.left-nav{  float:left; width:48.6%; margin:-1.8% 0.7% 1.4% 0.7%;}
.right-nav{  float:left; width:48.6%; margin:0 0.7% 1.4% 0.7%;}


.item{width:100%;  position:fixed; right:0px; top:110px;z-index:9999}
.itempark {width:100%; float:left;}
.right-item{ float:right; width:21.6%; margin-right:0.7%; margin-bottom:1.4%}

.itembak{width:100%; float:left; display:none;}
.enclass{display:none;}




.right-link{ display:block; float:left; width:90%;height:100%; text-align:left; padding-top:5px;}
.right-link a{font-family:"Î¢ÈíÑÅºÚ"; padding-right:12%; padding-left:0%;line-height:100%; text-align:left; color:#000;}
.right-link a:hover{ color:#999;}

.right-en{ display:block; float:right;width:10%;height:100%; text-align:right;padding-top:5px;}
.right-en a{display:block;font-family:"Î¢ÈíÑÅºÚ";line-height:100%; text-align:right; color:#000; width:100%; }
.right-en a:hover{ color:#999;}
.white a{ color:#fff;}
.white a:hover{ color:#000;}
/* ¶¥²¿Í¨ÓÃ½áÊø */

/* Í¼ÁÐÍ¨ÓÃ¿ªÊ¼ */


.work{width:100%;position:relative; display:block; margin-top:100px;}

.imgcss{ position:relative;}
.titlebg{ 
height:30px;
position: absolute; 
left:0px; 
bottom:2px;  
background-color:#000;
color:#FFFFFF; 
width:100%; 
filter:alpha(opacity=70);-moz-opacity:0.7; -khtml-opacity: 0.7;opacity: 0.7; visibility:hidden;
z-index:99;
-webkit-animation: bounceInLeft 0.7s 0.45s linear forwards;
        animation: bounceInLeft 0.7s 0.45s linear forwards; 
 }
.worktitle{ overflow:hidden; height:30px; position: absolute;  
left:0px; 
bottom:0px;  
 color:#FFFFFF; 
 width:90%; 
 margin-left:20px;
 visibility:hidden;
 z-index:999; 
 -webkit-animation: bounceInLeft 0.7s 0.45s linear forwards;
animation: bounceInLeft 0.7s 0.45s linear forwards;
 }
 .titleTop{
 display:block;
 margin-top:5px;
  }
 .menu{display:none; width:48.9%; text-align:right; float:left; padding-top:15px; }
 
 .menubg{ 
height:100%;
position:fixed; 
left:0px; 
top;0px; 
background-color:#000;
width:100%; 
filter:alpha(opacity=90);-moz-opacity:0.9; -khtml-opacity:0.9;opacity:0.9; 
z-index:99999;
display:none;
-webkit-animation: 1000ms ease-in-out 2s normal none 1 running fadeIn;
animation: 1000ms ease-in-out 2s normal none 1 running fadeIn; 
 }

 .Channel1
 {  
position: fixed;

left:0px; 
top:0px;
padding-top:30px;
 color:#fff; 
 width:100%; 
 display:none;
 z-index:999999;
 height:100%;
 -webkit-animation: 1000ms ease-in-out 2s normal none 1 running fadeIn;
 animation: 1000ms ease-in-out 2s normal none 1 running fadeIn;
 }
 
.Channel1 a{display:block;width:100%;height:50px;letter-spacing:2px;line-height:50px; color:#ccc;font-family:"Î¢ÈíÑÅºÚ";font-size: 18px; text-align: left;padding-left:5.7%; border-bottom:1px #999999 solid;}
.Channel1 a:hover{color:#eee;}
.changelang a{ padding-top:30px; color:#000;}

 .titleTop{
 display:block;
 margin-top:5px;
  }
.BTfont{font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px; color: #FFFFFF; line-height:200%;}
.BTfont1{font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px;color:#FFFFFF;line-height:200%;}
.BTfont2{font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;color:#1F1A17;line-height:180%;}
a.BTlink:link{font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;color:#FFFFFF;line-height:200%;}
a.BTlink:visited{font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;color:#FFFFFF;line-height:200%;}
a.BTlink:hover{font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;color:#E29A5F;line-height:200%;}
a.BTlink:activ{font-family: "Î¢ÈíÑÅºÚ"; font-size: 14px;color:#FFFFFF;line-height:200%;}  

 .menu a:hover  .menulink{visibility: visible; }

 
 
.cssA1{  float:left; width:23.6%; margin:0 0.69% 1.4% 0.69%; display:inline; }
.cssA2{  float:left; width:48.6%; margin:0 0.69% 1.4% 0.69%;display:inline;}
.cssA3{  float:left; width:23.6%; margin:0 0.69% 1.4% 0.69%;display:inline; }

.cssB1{  float:left; width:23.6%; margin:0 0.69% 1.4% 0.69%;display:inline;} 
.cssB2{  float:left; width:23.6%; margin:0 0.69% 1.4%  0.69%;display:inline;}
.cssB3{  float:left; width:48.6%; margin:0 0.69% 1.4% 0.69%;display:inline;}

.cssC1{  float:left; width:48.6%; margin:0 0.69% 1.4% 0.69%;display:inline;}
.cssC2{  float:left; width:23.6%; margin:0 0.69% 1.4%  0.69%;display:inline; }
.cssC3{  float:left; width:23.6%; margin:0 0.69% 1.4% 0.69%;display:inline;}

.left-work{  float:left; width:73.6%; margin:0 0.7% 1% 0.7%;}
.left-work p{width:100%;line-height:100%; text-align:left;  }
.left-work img{width:100%;}
.right-work{   float:left; width:23.6%; margin:0 0.7% 1% 0.7%;}

.all-w3{  float:left; width:98.6%; margin:0 0.69% 1.4% 0.69%; display:inline;}

.pic3{ width:99.9%;}

/* Í¼ÁÐÍ¨ÓÃ½áÊø */



.about{ width:96%;line-height:220%; text-align:justify; padding-top:-10px;}
.enshow{display:block;}
.cnshow{display:none;}
.workinfo{ width:96%;line-height:100%; text-align:justify; padding-top:-20px;}

.ChannelName{ width:100%; text-align:center;font-family: "Î¢ÈíÑÅºÚ"; font-size: 26px;color:#000; margin:5px auto;} 
.enChannelName{ width:100%; text-align:center;font-family: "Î¢ÈíÑÅºÚ"; font-size:16px;color:#666; letter-spacing:0px; margin:0px auto;} 

.ArtName{ width:100%; text-align:center;font-family: "Î¢ÈíÑÅºÚ"; font-size: 30px;color:#fff; margin:5px auto; word-spacing:2px; padding-top:20px;} 
.enArtName{ width:100%; text-align:center;font-family: "Î¢ÈíÑÅºÚ"; font-size:16px;color:#fff; letter-spacing:1px; margin:0px auto;} 
.service{color:#666; line-height:180%; margin-top:10px; margin-bottom:50px}
.Content{color:#333; line-height:180%; text-align: justify;margin:20px;}

.left-about{  width: calc(33% - 40px); margin:20px; border:#666666 1px solid; padding-top:10px; height:200px; float:left; display:block;}
.mid-about{  width: calc(33% - 40px); margin:20px;border:#666666 1px solid;padding-top:10px;height:200px;float:left; display:block;}
.right-about{  width: calc(33% - 40px); margin:20px;border:#666666 1px solid;padding-top:10px;height:200px ;float:left; display:block;}

.left-art{  width: calc(33% - 40px); margin:20px; border:#ccc 1px solid; background-color:#fff; padding-top:10px; height:300px;float:left; display:block;opacity:0.95;border-radius: 15px;}
.mid-art{  width: calc(33% - 40px); margin:20px;border:#ccc 1px solid; background-color:#fff;padding-top:10px;height:300px;float:left; display:block;opacity:0.95;border-radius: 15px;}
.right-art{  width: calc(33% - 40px); margin:20px;border:#ccc 1px solid; background-color:#fff;padding-top:10px;height:300px;float:left; display:block;opacity:0.95;border-radius: 15px;}
.ArtContent{text-align:center;margin:20px;color:#000; line-height:200%;}

.ArtTitle{width:80px; height:80px; line-height:80px; text-align:center;font-family: "Î¢ÈíÑÅºÚ"; font-size: 20px; margin:10px auto;font-weight:bold; background:url(/Skin/images/yuanbg.jpg) center center no-repeat;border:#007CC2 1px solid;border-radius:40px; } 

.ArticleTitle{width:100%; height:30px; text-align:center;font-family: "Î¢ÈíÑÅºÚ"; font-size: 16px; margin:10px auto;font-weight:bold; background:url(/Skin/images/linebg.jpg) center bottom no-repeat;} 
.ArticleContent{text-align:center;margin:20px;color:#333; line-height:200%;}
.photolist{width:23.79%; margin-left:0.6%; margin-right:0.6;  float:left; display:block; text-align:center; padding-bottom:40px;}


    ul li {
        margin-top: 10px;
    }

    #wrap {
        width: 100%;
        height: 340px;
        position: relative;
        overflow: hidden;
    }

    #list {
        position: absolute;
		animation: 30s move infinite linear;
        -webkit-animation: 50s move infinite linear;
        width: 300%;
    }
	 #list1 {
        position: absolute;
		animation: 30s move infinite linear;
        -webkit-animation: 50s move1 infinite linear;
        width: 300%;
    }
	
    #list li {
	     width:9.6%;
		 margin-left:0.4%;
        list-style: none;
        float: left;
    }
	#list1 li {
	     width:9.6%;
		 margin-left:0.4%;
        list-style: none;
        float: left;
    }
	
    #list li a {
	color:#666666;
	line-height:30px;
	font-size:16px;
	padding-top:10px;

    }
	#list1 li a {
	color:#666666;
	line-height:30px;
	font-size:16px;
	padding-top:10px;
    }
	
	
	#list li a:hover {
	color:#0093DD;

    }
	#list1 li a:hover {
	color:#0093DD;
    }

    @-webkit-keyframes move {
        0% {
            left: 0;
        }
        100% {
            left: -300%;
        }
    }

    @keyframes move1 {
        0% {
            left: 300%;
        }
        100% {
            left: 0;
        }
    }
	    @-webkit-keyframes move1 {
        0% {
            left: 300%;
        }
        100% {
            left: 0;
        }
    }

    @keyframes move {
        0% {
            left: 0;
        }
        100% {
            left: -300%;
        }
    }

    #wrap:hover #list {
        -webkit-animation-play-state: paused; 
    }
	#wrap:hover #list1 {
        -webkit-animation-play-state: paused; 
    }



.slideshow{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    display:block;
}

.slideshow-item{
    width: inherit;
    height: inherit;
    position: absolute;
    opacity: 0;
    animation: slideanim 26s infinite;
}

.slideshow-item:nth-child(1),
.slideshow-item:nth-child(1) img{
    animation-delay: 0s;
}
.slideshow-item:nth-child(2),
.slideshow-item:nth-child(2) img{
    animation-delay: 5s;
}
.slideshow-item:nth-child(3),
.slideshow-item:nth-child(3) img{
    animation-delay: 10s;
}
.slideshow-item:nth-child(4),
.slideshow-item:nth-child(4) img{
    animation-delay: 15s;
}
.slideshow-item:nth-child(5),
.slideshow-item:nth-child(5) img{
    animation-delay: 20s;
}

.slideshow-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;

}



@keyframes slideanim{
    25%{
        opacity: 1;
    }
	40%{
        opacity: 0;
    }

}

@keyframes zoom{
    100%{
        transform: scale(1);
    }
}

.show{ display:none;}