body,html{background:#000; font:14px/1.5 Helvetica,Tahoma,Arial,'Hiragino Sans GB',"Microsoft YaHei",SimSun,Heiti,sans-serif}

#header{background-color:transparent;  position:absolute; top:0; left:0; right:0; z-index:2; width:100%; height:128px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#header.act{height:88px; background-color:#000;}


#banner{height:700px; min-width:1200px; background:#000; border-bottom:1px solid #323231; position:relative;}
#banner-main{position:relative; height:100%; overflow:hidden;}
#banner-main li{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center;}
#indicator{position:absolute; bottom:52px; left:0; width:100%; text-align:center;}
#indicator li{width:6px; height:6px; margin:0 15px; cursor:pointer; position:relative; display:inline-block; *display:inline; *zoom:1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#indicator li i{position:absolute; left:0; top:0; width:6px; height:6px; border-radius:50%; background:#fff; display:block; z-index:1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#indicator li:after{content:''; position:absolute; top:50%; left:10px; border-bottom:1px dotted #fff; width:20px;}
#indicator li b{position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; border-radius:50%; width:30px; height:30px; background:rgba(255,255,255,.3); *background:#fff; -webkit-transform:scale(0); -moz-transform:scale(0); transform:scale(0); -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }

#indicator li.act i{background:#cf0032;}
#indicator li.act b{-webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#indicator li.after-no:after{display:none;}


#banner-main li.banner-con div{width:1100px; margin:284px auto 0; color:#fff;}
#banner-main li.banner-con div h2{font-size:38px;width:650px; -webkit-animation:TopIn 1s 0.5s both; -moz-animation:TopIn 1s 0.5s both; animation:TopIn 1s 0.5s both; font-family:'Source Han Sans',Helvetica,Tahoma,Arial,'Hiragino Sans GB',"Microsoft YaHei",SimSun,Heiti,sans-serif;}
#banner-main li.banner-con div p{font-size:24px; -webkit-animation:TopIn 1s 0.8s both; -moz-animation:TopIn 1s 0.8s both; animation:TopIn 1s 0.8s both; font-family:'Source Han Sans',Helvetica,Tahoma,Arial,'Hiragino Sans GB',"Microsoft YaHei",SimSun,Heiti,sans-serif;}
#banner-main li.banner-con div a{color:#333; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF');background-color:rgba(255,255,255,0.6); display:inline-block; *display:inline; *zoom:1; padding:5px 12px; margin-top:30px; -webkit-animation:TopIn 1s 1.1s both; -moz-animation:TopIn 1s 1.1s both; animation:TopIn 1s 1.1s both; font-family:'Source Han Sans',Helvetica,Tahoma,Arial,'Hiragino Sans GB',"Microsoft YaHei",SimSun,Heiti,sans-serif;}

:root #banner-main li.banner-con div a{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');}
:root#banner-main li.banner-con div a{filter:none;}

#banner-main li.banner-con div a i{width:20px; height:11px; background:url(../img/btn-arrow.png) no-repeat; display:inline-block; *display:inline; *zoom:1; margin-left:5px;}


#banner-main li.banner-con02 div{width:550px; position:absolute; left:50%; top:284px; color:#fff;}
#banner-main li.banner-con02 div h2{font-size:40px; -webkit-animation:TopIn 1s 0.5s both; -moz-animation:TopIn 1s 0.5s both; animation:TopIn 1s 0.5s both; font-family:'Source Han Sans',Helvetica,Tahoma,Arial,'Hiragino Sans GB',"Microsoft YaHei",SimSun,Heiti,sans-serif;}
#banner-main li.banner-con02 div p{font-size:24px; -webkit-animation:TopIn 1s 0.8s both; -moz-animation:TopIn 1s 0.8s both; animation:TopIn 1s 0.8s both; font-family:'Source Han Sans',Helvetica,Tahoma,Arial,'Hiragino Sans GB',"Microsoft YaHei",SimSun,Heiti,sans-serif;}
#banner-main li.banner-con02 div a{color:#333; background-color:#fff; display:inline-block; *display:inline; *zoom:1; padding:5px 12px; margin-top:30px; -webkit-animation:TopIn 1s 1.1s both; -moz-animation:TopIn 1s 1.1s both; animation:TopIn 1s 1.1s both; font-family:'Source Han Sans',Helvetica,Tahoma,Arial,'Hiragino Sans GB',"Microsoft YaHei",SimSun,Heiti,sans-serif;}
#banner-main li.banner-con02 div a i{width:20px; height:11px; background:url(../img/btn-arrow.png) no-repeat; display:inline-block; *display:inline; *zoom:1; margin-left:5px;}


.pro-box{background:#0e0e0e; min-width:1200px;}
.pro-box section{max-width:1600px; min-width:1200px; height:540px; margin:auto; overflow:hidden;}
.pro-title{float:left; color:#fff; text-align:center; width:400px;}
.pro-title h3{font-size:24px; margin-top:210px; letter-spacing:5px;}
.pro-title p{font-size:16px; color:#999; margin:20px 0 30px	; letter-spacing:3px;}
.pro-title a{color:#fff; display:inline-block; *display:inline; *zoom:1; border:1px solid #fff; padding:8px 14px;}
.pro-title a i{display:inline-block; *display:inline; *zoom:1; width:20px; height:11px; margin-left:12px; background:url(../img/btn-arrow02.png) no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pro-title a:hover i{margin-left:18px;}


.pro-list{float:right; width:66%; height:540px;}
.pro-list li{height:100%; float:left; width:33.33%; text-align:center;}
.pro-list li picture{background:url(../img/pro01.png) no-repeat center bottom; height:335px; margin-top:60px;}
.pro-list li picture img{width:250px; height:258px; display:block; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; margin:auto;}
.pro-list li h3{font-size:16px; color:#ccc; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-top:20px; margin-bottom:10px; position:relative;}
.pro-list li h3:after{content:''; border-bottom:1px solid #999; width:30px; position:absolute; left:50%; margin-left:-15px; top:0;}
.pro-list li p{color:#858585;}

.pro-list li:hover picture img{-webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); transform:translateY(-20px);}


.index-news{background:url(../img/index_news.jpg) no-repeat center; height:600px; min-width:1200px; overflow:hidden;}
.index-news ul{max-width:1600px; min-width:1200px; margin:8% auto 0; text-align:center;}
.index-news ul li{width:380px; display:inline-block; *display:inline; *zoom:1; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
.index-news ul li.top40{margin:0 6%; -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); transform:translateY(-40px);}
.index-news ul li h3{font-size:16px; color:#fff;}
.index-news ul li p{font-size:18px; color:#999;}
.index-news ul li picture{-webkit-transition:.5s; -moz-transition:.5s; transition:.5s; overflow:hidden; height:280px; margin-top:24px; -webkit-filter: grayscale(70%); -moz-filter: grayscale(70%); -ms-filter: grayscale(70%); -o-filter: grayscale(70%); filter: grayscale(70%); filter: gray;}

.index-news ul li picture img{width:100%; display:block;}
.index-news ul li:hover picture{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter:;}

.index-news.act ul li:nth-of-type(1){-webkit-animation:lateFlIn 1s .4s both; -moz-animation:lateFlIn 1s .4s both; animation:lateFlIn 1s .4s both;}
.index-news.act ul li:nth-of-type(3){-webkit-animation:lateFrIn 1s .4s both; -moz-animation:lateFrIn 1s .4s both; animation:lateFrIn 1s .4s both;}


@media(max-width:1320px){
.index-news ul li.top40{margin:0 2%;}
}


.index-world{height:450px; background:url(../img/world01.jpg) no-repeat center; overflow:hidden; min-width:1200px;}
.index-world section{width:1200px; margin:144px auto 0;}
.index-world section article{float:right;width: 500px;}
.index-world section article h3{font-size:24px; color:#8e8d8d; letter-spacing:8px;}
.index-world section article p{color:#5e5c5c; font-size:16px; padding-bottom:10px; border-bottom:1px solid #221f1f; margin-top:10px; letter-spacing: 5px;}
.index-world section article a{width:89px; height:20px; background:url(../img/world02.png) no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; display:block; margin-top:36px;}
.index-world section article a:hover{background-image:url(../img/world02_pre.png);}

.index-world.act section article h3{-webkit-animation:TopIn 1s .4s both; -moz-animation:TopIn 1s .4s both; animation:TopIn 1s .4s both;}
.index-world.act section article p{-webkit-animation:TopIn 1s .6s both; -moz-animation:TopIn 1s .6s both; animation:TopIn 1s .6s both;}
.index-world.act section article a{-webkit-animation:TopIn 1s .8s both; -moz-animation:TopIn 1s .8s both; animation:TopIn 1s .8s both;}

.index-two{overflow:hidden; min-width:1200px;}
.index-two .index-two-fl{width:50%; background:url(../img/index_hl.jpg) no-repeat right center; height:562px; float:left; position:relative;}
.index-two .index-two-fl:after{content:''; position:absolute; right:0; top:0; border-right:1px solid #262626; height:100%;}

.index-two .index-two-fl article{float:right; width:350px; text-align:center; margin-top:230px;}
.index-two .index-two-fl article h3{color:#fff; font-size:24px; letter-spacing:10px;}
.index-two .index-two-fl article p{font-size:18px; color:#a4a4a4; letter-spacing:10px; margin-top:20px;}

.index-two .index-two-fr{width:50%; background:url(../img/index_ls.jpg) no-repeat right center; height:562px; float:left;}
.index-two .index-two-fr article{width:378px; height:180px; margin:192px auto 0; background: url(../img/index_ls_h.png); text-align:center; overflow:hidden;}
.index-two .index-two-fr article h3{font-size:24px; color:#fff; letter-spacing:10px; margin-top:44px;}
.index-two .index-two-fr article  a{color:#fff; display:inline-block; *display:inline; *zoom:1; border:1px solid #fff; padding:8px 18px; margin-top:26px;}
.index-two .index-two-fr article  a i{display:inline-block; *display:inline; *zoom:1; width:20px; height:11px; margin-left:12px; background:url(../img/btn-arrow02.png) no-repeat; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.index-two .index-two-fr article  a:hover i{margin-left:18px;}

.index-two.act section:nth-of-type(1){-webkit-animation:lateFlIn 1s .4s both; -moz-animation:lateFlIn 1s .4s both; animation:lateFlIn 1s .4s both;}
.index-two.act section:nth-of-type(2){-webkit-animation:lateFrIn 1s .4s both; -moz-animation:lateFrIn 1s .4s both; animation:lateFrIn 1s .4s both;}

.subscribe{background:#101010; padding:50px 0; text-align:center; min-width:1200px;}
.subscribe h2{font-size:24px; color:#fff;}
.subscribe summary{color:#999; width:400px; margin:14px auto 20px;}
.subscribe a{color:#101010; font-size:16px; background:#fff; width:230px; height:50px; display:block; margin:auto; line-height:50px; position:relative;}
.subscribe a picture{position:absolute; left:50%; bottom:60px; width:140px; margin-left:-70px; display:none;}
.subscribe a picture img{width:100%; display:block;}
.subscribe a:hover picture{display:block; -webkit-animation:TopIn 1s both; -moz-animation:TopIn 1s both; animation:TopIn 1s both;}


@-webkit-keyframes lateFlIn{
	0%{opacity:0; -webkit-transform:translateX(-80px);}
}
@-moz-keyframes lateFlIn{
	0%{opacity:0; -moz-transform:translateX(-80px);}
}
@keyframes lateFlIn{
	0%{opacity:0; transform:translateX(-80px);}
}

@-webkit-keyframes lateFrIn{
	0%{opacity:0; -webkit-transform:translateX(80px);}
}
@-moz-keyframes lateFrIn{
	0%{opacity:0; -moz-transform:translateX(80px);}
}
@keyframes lateFrIn{
	0%{opacity:0; transform:translateX(80px);}
}