/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
table{border-collapse:collapse; border-spacing:0;}
caption,th{text-align:left; font-weight:normal;}
html,body,img,iframe,abbr{border:0;}
i,em{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
sup,sub{font-size:12px;}
textarea{overflow:auto; resize:none;}
label{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,b{font-weight:normal; display:block;}
a,a:hover{text-decoration:none;}
a{color:#848484; -webkit-transition:color 0.3s; -moz-transition:color 0.3s; transition:color 0.3s;}
a:hover{color:#fff;}
body,textarea,input,button,select,keygen,legend{font:14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53; color:#ccc; outline:0;}
html{width:100%; height:100%; font-size:10px;}
body{background:#000; -webkit-transition:none !important; -moz-transition:none !important; -ms-transition:none !important; -o-transition:none !important;}
input[type=submit]{cursor:pointer;}

.fl{float:left;}
.fr{float:right;}
.clear{zoom:1;}
.clear:after{content:''; width:0; height:0; display:block; clear:both;}



.top_info{float:right; height:24px; margin-top:10px; font-size:12px;}
.top_info a{display:inline-block; height:24px; line-height:24px;}
.top_info span{margin:0 10px; color:#555;}
.top_info span.welcome{color: #ccc;}
.top_info .shop{margin-left:15px; padding-left:25px; background:url("../img/icon_shop.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/icon_shop.png*/ no-repeat;}
.top_info .shop i{display:inline-block; width:12px; height:24px; margin-left:3px; background:url("../img/icon_shop_arr.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/icon_shop_arr.png*/ no-repeat 0 center; vertical-align:middle;}

#nav{height:50px; margin-top:50px;}
#nav li{float:left; width:75px; height:50px; margin-right:36px;}
#nav li > a{display:block; width:100%; height:100%; color:#fff; text-align:center; line-height:50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav li:hover > a{color:#0098a5;}
#nav .search{margin-right:0; position:relative;}
#nav .search a{ background:url("../img/icon_search.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/icon_search.png*/ no-repeat center center;}
#nav .search article{display:none; width:200px; position:absolute;right:0; top:50px; border:1px solid #323232; border-top:0; background:#181818; width:;}
#nav .search article input{border:0; width:150px; padding:8px 6px; font-size:12px; color:#cbcbcb; background:#181818; float:left;}
#nav .search article button{ border:0; background:#181818; background:url("../img/search.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/search.png*/ no-repeat; width:34px; height:34px; float:left;}

#nav li div{display:none; position:absolute; top:66px; left:0; width:100%; height:295px; background:#000; text-align:center; opacity:0;}
#nav li div a{display:inline-block; width:240px; height:295px; margin:0 22px;}
#nav li div a img{display:block; margin:40px auto 15px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav li div a aside{margin-bottom:15px; border-bottom:1px solid #3f3f3f; line-height:46px; font-size:18px; color:#0098a5; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#nav li div a summary{color:#848484; text-align:left;}
#nav li div a:hover img{-webkit-transform:translate3d(0,-10px,0); -moz-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0);}
#nav li div a:hover aside{color:#00c1d1; border-color:#fff;}

#nav_line{position:absolute; bottom:-1px; left:0; z-index:5; width:75px; height:1px; background:#0098a5; opacity:0;}



#footer{width:100%; min-width:1200px; padding-bottom:20px; background:#191919; border-top:1px solid #262626; overflow:hidden;}
#footer .contact{width:1200px; margin:auto; padding:35px 0; border-bottom:1px solid #262626; overflow:hidden;}
#footer .contact dl{float:left; width:185px;}
#footer .contact dl dt{color:#9c9c9c; line-height:28px;}
#footer .contact dl dd a{color:#474747; line-height:20px; font-size:12px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#footer .contact dl dd a:hover{color:#fff;}
#footer .tel{float:right;}
#footer .tel div{padding-bottom:10px; text-align:center; overflow:hidden;/* border-bottom:1px solid #555;*/}
#footer .tel h3{padding-left:16px; color:#555; font-size:14px; background:url("../img/icon_tel.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/icon_tel.png*/ no-repeat 0 3px;}
#footer .tel h3 span{color:#0098a5;}
#footer .tel a{display:block; width:98px; height:38px; line-height:38px; text-indent:25px; margin:auto; padding-left:16px; color:#9c9c9c; background:url("../img/ico_lt.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/ico_lt.png*/ no-repeat 15px center; border:1px solid #9c9c9c; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; opacity:0.5; filter:alpha(opacity=50);}
#footer .tel a:hover{color:#fff; border-color:#fff; opacity:1;filter:alpha(opacity=100);}
#footer .tel summary{padding-top:10px; color:#555; font-size:12px; text-align:center;}


#footer .ft_info{width:1200px; margin:auto; padding-top:20px; font-size:12px; line-height:25px; overflow:hidden;}
#footer .ft_info p{float:left; margin-left: 30px; color:#474747; line-height:25px;}
#footer .ft_info .ft_detail{float:left;}
#footer .ft_info .ft_detail i{margin:0 20px; color:#474747;}
#footer #language{display:inline-block; +display:inline; vertical-align:middle;}
#footer .follow{float:right;}
#footer .follow i{margin:0 8px; color: #555;}
#footer .follow a{display:inline-block; height:20px; line-height:20px; opacity:0.7; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; background:url("../img/language_china.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/language_china.png*/ no-repeat 7px center; padding-left:30px;}
#footer .follow a:hover{opacity:1;}
#footer .follow a.en{ background:url("../img/language_english.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/language_english.png*/ no-repeat 7px center;}


#footer .snwb{background:url("../img/follow_snwb.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/follow_snwb.png*/ no-repeat;}
#footer .txwb{background:url("../img/follow_txwb.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/follow_txwb.png*/ no-repeat;}
#footer .qq{background:url("../img/follow_qq.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/follow_qq.png*/ no-repeat;}
#footer .wx{background:url("../img/follow_wx.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/follow_wx.png*/ no-repeat;}

#footer.bt{position:absolute; bottom:0; left:0;}

#footer .an{width:1200px; margin:auto; padding-top:30px; text-align:center; overflow:hidden;}
#footer .an a{ display:inline-block;height:32px; opacity:0.2; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;
	-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;  }
#footer .an a:hover{opacity:1;
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0); 
-ms-filter: grayscale(0); 
-o-filter: grayscale(0); 
filter: grayscale(0); 
filter:; 

}
#footer .an a img{ height:100%;}


#wechat_box{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:url("../img/wechat.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/wechat.png*/; z-index:998;}
#wechat_con{position:absolute; left:50%; top:50%; margin-left:-170px;  margin-top:-233px; width:340px; padding:20px; background:#fff; z-index:999;}
#wechat_con a{position:absolute; right:-15px; top:-15px; width:30px; height:30px;}
#wechat_con article{padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d4d4d4; color:#666; text-align:center;}
#wechat_con article h2{ font-size:18px;}

#feedback{position:fixed; right:0; bottom:120px; z-index:999;}
#feedback a{height:35px; line-height:35px; border-radius:3px 0 0 3px; background:#535353; display:block; overflow:hidden;}
#feedback a i{width:35px; height:35px; background:url("../img/feedback.png")/*tpa=http://new.angelgroup.com.cn/template/zh-cn/img/feedback.png*/ no-repeat center; display:block; float:right;}
#feedback a em{padding:0 6px;height:35px; float:left; display:none;}
#feedback a:hover em{display:block;}
#feedback a:hover{background:#c81623;}