@charset "utf-8";
.banner{position: relative; width: 100%; height: 617px;overflow: hidden;}
.banner .bd{overflow: hidden;}
.banner .bd ul li{height: 617px;}
.banner .hd{position: absolute; bottom: 20px; left: 50%;}
.banner .hd ul li{float: left; width: 50px; height: 4px; margin: 0 3px; font-size: 0; background: #ccc; cursor: pointer;}
.banner .hd ul li.on{background: #fff;}
.head{background: url(../images/topbg3.png) center;}

.hometit{text-align: center;}
.hometit h1{font-size: 30px;}
.hometit h2{text-transform: uppercase;}
.about{width: 1100px; margin: 60px auto 0; background: url(../images/bg1.jpg) no-repeat bottom center; padding-bottom: 145px;}
.about .sm{ font-size: 16px; padding: 30px 0;}
.about a{display: block; width: 110px; height: 26px; margin: 0 auto; line-height: 26px; text-align: center; border: 1px solid #85877c;}

.product{width: 1100px; margin: 60px auto 0;}
.product .hometit h2{color: #afafaf;}


.Interactive{background: url(../images/bg2.jpg) no-repeat center; height: 562px; margin-top: 60px; padding-top: 70px; overflow: hidden;}
.Interactive .hometit{color: #fff;}

.Interactive_{width: 1100px; margin: 0 auto;}
.Interactive_ dl{padding-top: 60px;}
.Interactive_ dl dt{float: left; width: 541px; height: 371px;}
.Interactive_ dl dt a{display: block; position: relative; width: 541px; height: 371px; color: #4c4c4c;}
.Interactive_ dl dt a img{display: block;}
.Interactive_ dl dt a .text{position: absolute; bottom: 0; left: 0; width: 501; background: url(../images/bg4.png); padding: 10px 20px;}
.Interactive_ dl dt a .text h1{font-size: 16px; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: bold;}
.Interactive_ dl dt a:hover{/*color: #b92428;*/}
.Interactive_ dl dt a .text span{display: block; font-size: 12px;}
.Interactive_ dl dt a .text p{padding-top: 5px;}

.Interactive_ dl dd{float: right; width: 541px; padding-bottom: 13px;}
.Interactive_ dl dd a{display: block; padding: 0 40px; position: relative; background:url(../images/bg4.png); color: #4c4c4c;}
.Interactive_ dl dd a span{position: absolute; left: 0; top: 0; width: 41px; height: 41px; line-height: 41px; font-size: 36px; text-align: center; background: #fff;}
.Interactive_ dl dd.in a span{color: #fff; background: #565656;}
.Interactive_ dl dd h1{font-size: 16px; padding-left: 20px; line-height: 41px; width: 420px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: bold;}
.Interactive_ dl dd p{padding: 15px 0 0; display: none; height: 98px;}

.new{margin: 60px auto 0; width: 1100px; background: url(../images/bg3.jpg) no-repeat bottom center; padding-bottom: 100px;}
.new .hometit{line-height: 30px;}
.new .hometit h1{float: left;}
.new .hometit h1 span{font-size: 14px; color: #939393; font-family: arial;text-transform: uppercase;}
.new .hometit a{float: right;}
.new .img{margin: 20px 0; overflow: hidden;}
.new .img img{display: block;transition: 0.9s;-ms-transition: 0.9s;-webkit-transition: 0.9s;-o-transition: 0.9s;-moz-transition: 0.9s;}
.new .img img:hover{-webkit-transform: scale(1.1,1.1);
	-moz-transform:  scale(1.1,1.1);
	-o-transform:  scale(1.1,1.1);
	transform:  scale(1.1,1.1);}}
.new ul{margin-top: 20px;}
.new ul li{font-size: 16px; overflow: hidden; line-height: 36px;}
.new ul li a{float: left; width: 800px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new ul li span{float: right; color: #878787;}




.contact{margin: 60px auto 60px; width: 1100px;}
.contact .hometit h2{color: #939393;}
.contact .dz{float: left; margin-top: 20px;}
.contact .dz ul li{font-size: 14px; color: #a4a4a4; line-height: 30px; padding-left: 25px; background: url(../images/lxwm1.jpg) no-repeat left center;}
.contact .dz ul li.cl2{background: url(../images/lxwm2.jpg) no-repeat left center;}
.contact .dz ul li.cl3{background: url(../images/lxwm3.jpg) no-repeat left center;}
.bdshare-button-style2-32{margin-top: 10px;}
.bdshare-button-style2-32 .bds_sqq{background: url(../images/fxqq.jpg) no-repeat center;background-position:0 !important;}
.bdshare-button-style2-32 .bds_weixin{background: url(../images/fxwx.png) no-repeat center;background-position:0 !important;}
.bdshare-button-style2-32 .bds_tsina{background: url(../images/fxwb.jpg) no-repeat center;background-position:0 !important;}
.bdshare-button-style2-32 .bds_tqf{background: url(../images/fxpy.jpg) no-repeat center;background-position:0 !important;}
.bdshare-button-style2-32 .bds_tqq{background: url(../images/fxxwb.jpg) no-repeat center;background-position:0 !important;}

.bdshare-button-style2-32 .bds_sqq:hover{background: url(../images/fxqq_.png) no-repeat center;background-position:0 !important;}
.bdshare-button-style2-32 .bds_weixin:hover{background: url(../images/fxwx_.jpg) no-repeat center;background-position:0 !important;}
.bdshare-button-style2-32 .bds_tsina:hover{background: url(../images/fxwb_.png) no-repeat center;background-position:0 !important;}

.contact .bd{float: right; margin-top: 20px; width: 660px;}
.contact .bd .dd{float: left; width: 286px;}
.contact .bd .dd input{float: left; width: 264px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #a3a3a3; margin-bottom: 18px;}
.contact .bd .dt{float: right;/* margin-left: 14px;*/margin-bottom: 18px;}
.contact .bd .dt textarea{float: left;width: 337px; height: 115px; border: 1px solid #a3a3a3; padding: 5px 10px;}
.contact .bd .tij{float: right;}
.contact .bd .tij a{display: block; width: 126px; height: 32px; background: url(../images/lxwm4.jpg) no-repeat center #565656;}





.poster-main {
  width: 1100px;
  /*overflow: hidden;*/
  position: relative;
  margin: 0 auto;
}

.poster-main a, .poster-main img { display: block; }

.poster-main .poster-list {
  width: 1100px; margin-top: 20px;
 overflow: hidden; position: relative;
}

.poster-main .poster-list .poster-item {
  position: absolute;
  left: 0;
  top: 0;
}
.poster-main .poster-list .poster-item a{display: block; height: 100%;}
.poster-main .poster-list .poster-item .img{border: 1px solid #62973b; background: #fff; width: 100%; height: 96%;}
.poster-main .poster-list .poster-item img{display: block; margin: 40px auto 0; width: 30%;}
.poster-main .poster-list .poster-item .text{position: absolute; background: url(../images/cpbg.jpg) no-repeat; height: 44px; width: 213px; bottom: 0; left: 50%; margin-left: -106px; text-align: center; line-height: 44px;}
.poster-main .poster-list .poster-item a:hover .text{background: url(../images/cpbg_.jpg) no-repeat; color: #fff;}
.poster-main .poster-btn {
  position: absolute;
  top: 50%; margin-top: -20px;
  z-index: 10;
  cursor: pointer; font-size: 40px; font-family: simsun; font-weight: bold; line-height: 40px;
}

.poster-main .poster-prev-btn {
  left: -40px;
 
}

.poster-main .poster-next-btn {
  right: -40px;
  
}

.InterH .Interactive_ dl dt{
	animation: donhua3 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua3 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua3 1.5s normal; 
	/* Opera: */
	-o-animation: donhua3 1.5s normal;
	
}
.InterH .Interactive_ dl dd{
	animation: donhua4 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua4 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua4 1.5s normal; 
	/* Opera: */
	-o-animation: donhua4 1.5s normal;
	
}
.InterH .hometit h1,.aboutH .hometit h1,.productH .hometit h1,.contactH .hometit h1{
	animation: donhua1 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua1 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua1 1.5s normal; 
	/* Opera: */
	-o-animation: donhua1 1.5s normal;
	
}
.InterH .hometit h2,.aboutH .hometit h2,.productH .hometit h2,.contactH .hometit h2{
	animation: donhua2 1.5s normal;
	/* Firefox: */
	-moz-animation: donhua2 1.5s normal;
	/* Safari 和 Chrome: */
	-webkit-animation: donhua2 1.5s normal; 
	/* Opera: */
	-o-animation: donhua2 1.5s normal;
	
}


@keyframes donhua1
{
from {transform: translate(0,-100px);opacity:0;}
to {transform: translate(0,0px);opacity:1;}
}

@-moz-keyframes donhua1 
{
from {-moz-transform: translate(0,-100px);opacity:0;}
to {-moz-transform: translate(0,0);opacity:1;}
}

@-webkit-keyframes donhua1 
{
from {-webkit-transform: translate(0,-100px);opacity:0;}
to {-webkit-transform: translate(0,0px);opacity:1;}
}

@-o-keyframes donhua1
{
from {-o-transform: translate(0,-100px);opacity:0;}
to {-o-transform: translate(0,0px);opacity:1;}
}
@keyframes donhua2
{
from {transform: translate(0,100px);opacity:0;}
to {transform: translate(0,0px);opacity:1;}
}

@-moz-keyframes donhua2 
{
from {-moz-transform: translate(0,100px);opacity:0;}
to {-moz-transform: translate(0,0);opacity:1;}
}

@-webkit-keyframes donhua2 
{
from {-webkit-transform: translate(0,100px);opacity:0;}
to {-webkit-transform: translate(0,0px);opacity:1;}
}

@-o-keyframes donhua2
{
from {-o-transform: translate(0,100px);opacity:0;}
to {-o-transform: translate(0,0px);opacity:1;}
}


@keyframes donhua3
{
from {transform: translate(-400px,0px);opacity:0;}
to {transform: translate(0,0px);opacity:1;}
}

@-moz-keyframes donhua3 
{
from {-moz-transform: translate(-400px,0px);opacity:0;}
to {-moz-transform: translate(0,0);opacity:1;}
}

@-webkit-keyframes donhua3 
{
from {-webkit-transform: translate(-400px,0px);opacity:0;}
to {-webkit-transform: translate(0,0px);opacity:1;}
}

@-o-keyframes donhua3
{
from {-o-transform: translate(-400px,0px);opacity:0;}
to {-o-transform: translate(0,0px);opacity:1;}
}


@keyframes donhua4
{
from {transform: translate(400px,0px);opacity:0;}
to {transform: translate(0,0px);opacity:1;}
}

@-moz-keyframes donhua4 
{
from {-moz-transform: translate(400px,0px);opacity:0;}
to {-moz-transform: translate(0,0);opacity:1;}
}

@-webkit-keyframes donhua4 
{
from {-webkit-transform: translate(400px,0px);opacity:0;}
to {-webkit-transform: translate(0,0px);opacity:1;}
}

@-o-keyframes donhua4
{
from {-o-transform: translate(400px,0px);opacity:0;}
to {-o-transform: translate(0,0px);opacity:1;}
}