/* Write your styles */

@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1464939166_224645.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1464939166_224645.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1464939166_224645.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1464939166_224645.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1464939166_224645.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
.am-container{padding-left: 0;padding-right: 0;max-width: 1200px;}
.am-margin-vertical-xl{margin-top: 5rem;margin-bottom: 5rem;}

.am-topbar{background: #f1f1f1;}
.am-topbar img{height: 80%;margin-top: 2%;}
.am-topbar small{display: none;}

.am-table{border-bottom: 1px solid #ccc;}

h2{font-size: 3rem;}

@media screen and (min-width:1026px){
	.am-g{width: 1200px;}
}

@media screen and (min-width:1026px){
	.am-with-topbar-fixed-top{padding-top: 150px;}
	.am-topbar img{height: 60px;}
	.am-topbar{background: #f1f1f1;height: 90px;padding-top: 15px;}
	.am-topbar .am-topbar-btn{border-radius: 50%;height: 50px;width: 50px; margin-left: 20px;border:1px solid #ce2f0f;
	 color:#ce2f0f;background: #fff;}
	.am-nav{margin-top: 10px;}	
	.sub-footer dl{margin: 0;}	
	.am-topbar img{margin-top: 0;}
	.am-topbar small{display: inline-block;font-size: 12px;line-height: 80px;font-weight: normal;float: left;}

}



#slogan{text-align: center;font-size: 3rem;}

@media screen and (max-width:1026px){
	#slogan{font-size: 2rem;margin-top: 2rem;}

}

#product dl,#product dd{margin: 0;}
#product a{background: #454545;display: block;}
#product a span{color:#fff;line-height: 5rem;display: block;padding-left: 2rem;font-size: 2.4rem;font-weight: bold;}
#product a:hover{background: #6d609e;}


@media screen and (min-width:1026px){
	#product dt a{display: block;height: 35rem;overflow: hidden;text-align: right;}
	#product dt a img{height: 100%; width: auto}
	#product{margin-top: 3rem;}
	#product a span{line-height: 7rem;}
}

@media screen and (max-width:1023px){
	#product dl{margin-bottom: 2rem;}
	#product dt a img{width: 100%;}
}

footer{padding-top: 2rem 0;}
footer ul,footer li{margin: 0;padding: 0;list-style: none;}
footer li{line-height: 3rem;}
footer i{margin-right: 0.5rem;}
footer .tel{font-size: 2rem;font-weight: bold;color:#6d609e;}
footer a{ color:#000;}

@media screen and (min-width:1026px){
	footer li{display: inline-block;}	
	footer li:after{content:"/"; padding:0 1rem;}	
	footer{text-align: center;margin-top: 5rem;}
}

@media screen and (max-width:1023px){
	footer ul{padding-left:1rem;padding-right: 1rem;}
	footer li{line-height: 3rem;background: #f0f0f0;padding: 1rem; border-bottom: 1px solid #fff;}
}

#news{opacity: 0.7}
#news ul,#news li{margin: 0;padding: 0;list-style: none;}
#news a{color:#444;}
#news a:hover{color: #6d609e;}
#news .iconfont{display: none;}
#news li a{overflow: hidden;white-space:nowrap; text-overflow:ellipsis; width:100%;display: block;}

@media screen and (min-width:1026px){
#news{margin-top: 3rem;}
#news .iconfont{display: inline-block;}
#news ul,#news .iconfont{float: left;}
#news .iconfont{width: 3%;text-align: center;}
#news ul{width: 97%;}
#news li{display: inline-block;padding: 0 0.5rem;width: 23%;overflow: hidden;white-space:nowrap; text-overflow:ellipsis; margin-right:1%;}
}

@media screen and (max-width:1023px){
#news {padding: 0 15px 15px;}
#news li{line-height: 30px;width:100%;}
}

/*内页*/
#sort-header{background: rgba(0,0,0,0.6); color:#fff;border-bottom: none;}
#sort-header a{color:#fff;}
#sort-header a:hover,#sort-header a:focus{color:#333;}
#sort-header li ul li a{color:#333;}
#sort-header .am-topbar-nav > li.am-active > a, 
#sort-header .am-topbar-nav > li.am-active > a:focus, 
#sort-header .am-topbar-nav > li.am-active > a:hover{
	color:#fff;
}

#slider{position: relative;top:-150px; width: 100%;margin-bottom: -100px;overflow-x: hidden;}
#slider h1{margin: 0;text-align: center;position: absolute;top:50%;font-size:5rem;color:#fff;text-shadow: 0 0 5px #333;width: 100%;}

.icon{width: 12.5%;float: left;text-align: center;}
.icon .iconfont{width: 80%;border-radius: 50%;display: block;background: #6d609e;color:#fff;font-size: 8rem;margin: 1rem  auto;}
@media screen and (max-width:1023px){
	.icon .iconfont{font-size: 6rem;}
}

@media screen and (max-width:640px){
	.icon{width: 25%;font-size: 1.4rem;}
	.icon .iconfont{font-size: 4.5rem;}
	#slider{ width: 100%;top:-60px;margin-bottom: -50px;}
	#slider img{width: 250%;margin-left:-50%;}


}

.sub-footer{background: #7f7f7f;padding: 2rem 0; color:#fff;}
.sub-footer .tel{color:#fff;}
.sub-footer li{background: none;}
.sub-footer a{ color:#FFF;}

@media screen and (max-width:1023px){
 .sub-footer li{border-bottom: 1px solid rgba(255,255,255,0.2)}
}


.aem-icon{background: #f8f8f8;position: relative;padding:0 1rem;padding-top: 40px;padding-bottom: 10px;margin-top: 40px; height:190px;}
.aem-icon b{display: block;color:#6d609e;}
.aem-icon span{display: block;width: 40px;height: 40px;background: #6d609e;color:#fff;
	text-align: center;line-height: 40px;font-size: 2.5rem;position: absolute;top:-20px;left:50%;margin-left: -20px;

/* Rotate div */
transform:rotate(45deg);
-ms-transform:rotate(45deg); /* Internet Explorer */
-moz-transform:rotate(45deg); /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); /* Opera */

}

.aem-icon i{font-size: 2.5rem;color:#fff;display: block;width: 40px;height: 40px;background: #6d609e;
/* Rotate div */
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); /* Internet Explorer */
-moz-transform:rotate(-45deg); /* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); /* Opera */
}

@media screen and (max-width:640px){}
.aem-pic img{margin-bottom: 2rem;}
}

/* 翻页导航 */
.pager{ width:96%; color:#333; line-height:40px; padding:25px 2px; text-align:center; text-align:center}
.pager li{ display:inline; }
.pager a{ border:#cccccc 1px solid; padding:0px 8px; color:#000000; text-decoration:none; margin-right:4px; height:26px; line-height:26px; display:inline-block; }
.pager a:hover{ border:#ccc 1px solid; color:#fff; background-color:#0099E0; text-decoration:none; }
.pager a:active{ color:#fff; border:#ccc 1px solid; background-color:#0099E0; text-decoration:none; }
.pager .current a{ font-weight:bold; color:#fff; background-color:#0099E0; }
.pager span.disabled{ border-right:#eee 1px solid; padding-right:5px; border-top:#eee 1px solid; padding-left:5px; padding-bottom:2px; margin:2px; border-left:#eee 1px solid; color:#ddd; padding-top:2px; border-bottom:#eee 1px solid } 



.am-u-sm-12 li {
	line-height:30px; height:35px;
}