body{}
/*#header{position:absolute; top:0; left:0; z-index:10; background:transparent;}*/

.banner{position:relative; width:100%; min-width:1200px; height:800px;}
#banner_main{position:relative; width:100%; height:800px;}
#banner_main li{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center 0; background-repeat:no-repeat;}
#banner_main li a{ display:block; height:100%;}
#indicator{position:absolute; bottom:42px; left:0; width:100%; height:12px; text-align:center;}
#indicator li{display:inline-block; *display:inline; *zoom:1; width:74px; height:10px; margin:0 10px; border-bottom:2px solid #5a5655; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer;}
#indicator li.act, #indicator li:hover{border-color:#03a0ae;}


/*#pro_type{width:100%; min-width:1200px; height:230px; background:url(../img/protype_bg.jpg) no-repeat; background-size:100% 100%; border-top:1px solid #333335;}
#pro_type li{float:left; width:33.33%; height:230px; text-align:center;}
#pro_type li a{position:relative; display:block; height:100%; border-right:1px solid #333335;}
#pro_type li h2{display:none; padding-top:20px; color:#0098a5; font-size:20px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#pro_type li aside{font-size:16px; color:#666;}
#pro_type li i{position:absolute; bottom:0; left:0; width:100%; height:150px; opacity:0.5; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#pro_type .pro_type_01 i{background:url(../img/pro_type_01.png) no-repeat center bottom;}
#pro_type .pro_type_02 i{background:url(../img/pro_type_02.png) no-repeat center bottom;}
#pro_type .pro_type_03 i{background:url(../img/pro_type_03.png) no-repeat center bottom; border-right:none;}

#pro_type li a:hover i{opacity:1;}
#pro_type li a:hover h2{color:#00c1d1;}*/

#pro_type{width:100%; min-width:1200px; height:235px; background:url("../img/protype_bg.jpg")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/protype_bg.jpg*/ no-repeat center 0; border-top:1px solid #333335;}
#pro_type li{float:left; width:33.33%; height:235px; text-align:center; overflow:hidden;}
#pro_type li a{position:relative; display:block; height:100%; border-right:1px solid #333335;}
#pro_type li h2{display:none; padding-top:20px; color:#0098a5; font-size:20px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#pro_type li aside{font-size:16px; color:#666; margin-top: 15px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; display:none;}
/*#pro_type li i{display:block; width:100%; height:150px; padding-top:18px; opacity:0.5; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}*/

#pro_type li i{display:block; width:100%; height:218px; padding-top:18px; opacity:0.9; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}

#pro_type .pro_type_01 i{background:url("../img/pro_type_01.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/pro_type_01.png*/ no-repeat center bottom;}
#pro_type .pro_type_02 i{background:url("../img/pro_type_02.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/pro_type_02.png*/ no-repeat center bottom;}
#pro_type .pro_type_03 i{background:url("../img/pro_type_03.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/pro_type_03.png*/ no-repeat center bottom; border-right:none;}

#pro_type li a:hover i{opacity:1;}
#pro_type li a:hover h2{color:#00c1d1;}
#pro_type li a:hover aside{color:#fff;}



#guide{position:fixed; left:0; top:0; z-index:999; width:100%; height:100%; background:#000 url("../img/guide.jpg")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/guide.jpg*/ no-repeat center;}
#guide div{width:800px; margin:10% auto 0; text-align:center;}
#guide div img{margin-bottom:35px;}
#guide .guide1{-webkit-animation:guideIn 1s both; -moz-animation:guideIn 1s both; animation:guideIn 1s both;}
#guide .guide2{-webkit-animation:guideIn 1s 0.3s both; -moz-animation:guideIn 1s 0.3s both; animation:guideIn 1s 0.3s both;}
#guide div p{width:120px; height:35px; margin:auto; line-height:35px; border:1px solid #54504e; color:#787775; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-animation:guideFade 1s 0.5s both; -moz-animation:guideFade 1s 0.5s both; animation:guideFade 1s 0.5s both;}
#guide div p:hover{color:#fff; border-color:#fff;}



@-webkit-keyframes guideIn{
	0%{opacity:0; -webkit-transform:translateY(50px);}
	100%{opacity:1; -webkit-transform:translateY(0);}
}
@-moz-keyframes guideIn{
	0%{opacity:0; -moz-transform:translateY(50px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}
@keyframes guideIn{
	0%{opacity:0; transform:translateY(50px);}
	100%{opacity:1; transform:translateY(0);}
}

@-webkit-keyframes guideFade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes guideFade{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes guideFade{
	0%{opacity:0;}
	100%{opacity:1;}
}