/************** banner栏 **************/
#bannerBar{padding-top: 40px; padding-bottom: 20px;}
/* banner */
#bannerBar .bannerBox{margin-bottom: 30px;}
#bannerBar .bannerBox,#bannerBar .bannerBox .bannerMain{width:860px; height: 400px; overflow: hidden; position: relative;}
#bannerBar .bannerBox .bannerList{width: 860px; height: 400px; position: relative;background-size: 80% auto;}
#bannerBar .bannerBox .bannerList a{display: block;}
#bannerBar .bannerBox .bannerList .bannerImg img{display: block; width:860px; height: 400px;}
#bannerBar .bannerBox .bannerList .bannerFont{position: absolute; left:0; bottom: 0; padding: 0 130px 0 30px; width:700px; height: 60px; padding-top: 50px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, top, bottom, color-stop(0%,rgba(0, 0, 0, 0)), color-stop(100%,rgba(0, 0, 0, 0.55) )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.55)  100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.55)  100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#00000000",endColorstr = "#55000000");
	
}
#bannerBar .bannerBox .bannerList .bannerFont p{font-size: 28px; line-height: 42px; max-height:42px; color: #ffffff;}
#bannerBar .bannerBox .pagination{position: absolute; right: 25px; text-align: center; bottom: 20px; z-index: 1;}
#bannerBar .bannerBox .pagination span{display: inline-block; zoom: 1; *display: inline; width: 8px; height: 8px; background: #ffffff; opacity: 0.8; filter:alpha(opacity=80); -moz-opacity:0.8; border-radius: 8px; cursor: pointer; margin: 0 5px; transition: all .2s;}
#bannerBar .bannerBox .pagination span.swiper-active-switch{width:24px; opacity: 1; filter:alpha(opacity=100); -moz-opacity:1;}
#bannerBar .bannerBox .bannerBtn{display: none; background: url(../images/spirit.png) no-repeat; width: 48px; height: 48px; z-index: 2;}
#bannerBar .bannerBox .bannerBtnLeft {background-position: 0 -94px; position: absolute; left: 10px; top: 50%; margin-top: -24px;}
#bannerBar .bannerBox .bannerBtnReft {background-position: -48px -94px; position: absolute; right: 10px; top: 50%; margin-top: -24px;}
#bannerBar .bannerBox .bannerBtnLeft:hover {background-position: 0 -142px;}
#bannerBar .bannerBox .bannerBtnReft:hover {background-position: -48px -142px;}
#bannerBar .bannerBox:hover .bannerBtn{display: block;}

/* 快讯 */
#bannerBar .bannerBarRight{padding-bottom: 20px;}
#bannerBar .bannerBarRight .title{margin-bottom: 23px;}
#bannerBar .newsFlash {position: relative; padding-left: 20px;}
#bannerBar .newsFlash li {position: relative; padding-bottom: 10px; height: 61px;}
#bannerBar .newsFlash li .newFont{max-height: 44px; overflow: hidden;}
#bannerBar .newsFlash li .newFont a{font-size: 16px; line-height: 22px; color: #27282d;}
#bannerBar .newsFlash li .newFont a:hover{color:#e22c29;}
#bannerBar .newsFlash li .time{font-size: 12px; color: #999999; line-height: 18px; padding-top: 3px;}
#bannerBar .newsFlash li  i{position: absolute; top:5px; left:-19px; display: block; width:5px; height: 5px; background: #ffffff; border-radius: 100%; border:2px solid #f09594;}
#bannerBar .newsFlash .newsFlashLine{position: absolute; height: 100%; width:1px; background: #f0f0f0; top: 0; left: 5px;}
#bannerBar .newsFlash .newsFlashBtn a{display: block; width:278px; height: 34px; line-height: 34px; text-align: center; color: #e1151f; font-size: 14px; border:1px solid #f09594; background: #ffffff;}
#bannerBar .newsFlash .newsFlashBtn a:hover{background: #f09594; color: #ffffff;}
/************** /banner栏 **************/

/************** as主要内容 **************/
/* as主要内容左侧 */
#asMain .asImgFont{padding-bottom: 15px;}
#asMain .asImgFont a{display: block; width:300px; height: 220px;}
#asMain .asImgFont .asImg {width:300px; height: 180px; overflow: hidden;background-size: 80% auto;}
#asMain .asImgFont .asImg img{display: block; width:300px; height: 180px; transition: all .5s;}
#asMain .asImgFont .asFont{line-height: 40px; max-height:40px; padding: 0 15px; font-size: 16px; color: #27282d; background: #f6f6f6;}
#asMain .asImgFont:hover .asImg img{transform: scale(1.1);}
#asMain .asImgFont:hover .asFont{color: #e22c29;}

#asMain .asInfo .asInfoTabHead{border-bottom: 1px solid #f0f0f0; line-height: 28px; margin-bottom: 25px;}
#asMain .asInfo .asInfoTabHead li{float: left; padding-right: 30px; }
#asMain .asInfo .asInfoTabHead li a{position: relative; bottom:-1px; display: inline-block; zoom: 1; *display: inline; font-size: 18px; color: #27282d; padding-bottom: 10px; border-bottom: 2px solid transparent; _border-color:tomato; _filter:chroma(color=tomato); cursor: pointer;}
#asMain .asInfo .asInfoTabHead li.fwb a{font-size: 20px;}
#asMain .asInfo .asInfoTabHead li.on a{border-bottom: 2px solid #e22c29;}
#asMain .asInfo .asInfoTabHead li.on a:hover{color: #e22c29;}
#asMain .asInfo .asfontList{display: none;  transition: all .2s;}
#asMain .asInfo .asfontList.on{display: block;}

#asMain .asInfo .asfontList li{max-height: 36px;}
#asMain .asInfo .asfontList a{font-size: 18px; line-height: 36px;}
#asMain .asImgFontTwo .asImgFontLi a{display: block; width:140px; height: 134px;}
#asMain .asImgFontTwo .asImgFontLi .asImg {position: relative; width:140px; height: 84px; overflow: hidden; background-size: 80% auto;}
#asMain .asImgFontTwo .asImgFontLi .asImg img{display: block; width:140px; height: 84px; transition: all .5s;}
#asMain .asImgFontTwo .asImgFontLi .asFont{margin: 5px 0; line-height: 22px; font-size: 16px; color: #27282d; max-height: 44px;}
#asMain .asImgFontTwo .asImgFontLi:hover .asImg img{transform: scale(1.1);}
#asMain .asImgFontTwo .asImgFontLi:hover .asFont{color: #e22c29;}
#asMain .asEncyclop .asEncyclopTabHead{border-bottom: 1px solid #f0f0f0; line-height: 28px; margin-bottom: 25px;}
#asMain .asEncyclop .asEncyclopTabHead li{float: left; padding-right: 30px; }
#asMain .asEncyclop .asEncyclopTabHead li a{position: relative; bottom:-1px; display: inline-block; zoom: 1; *display: inline; font-size: 18px; color: #27282d; padding-bottom: 10px; border-bottom: 2px solid transparent; _border-color:tomato; _filter:chroma(color=tomato); cursor: pointer;}
#asMain .asEncyclop .asEncyclopTabHead li.fwb a{font-size: 20px;}
#asMain .asEncyclop .asEncyclopTabHead li.on a{border-bottom: 2px solid #e22c29;}
#asMain .asEncyclop .asEncyclopTabHead li.on a:hover{color: #e22c29;}
#asMain .asEncyclop .asfontList{display: none;  transition: all .2s;}
#asMain .asEncyclop .asfontList.on{display: block;}
#asMain .asEncyclop .asfontList li{max-height: 36px;}
#asMain .asEncyclop .asfontList a{font-size: 18px; line-height: 36px;}
#asMain .asBrands .asBrandsList{border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0;}
#asMain .asBrands .asBrandsList li{float: left; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; width:171px; width:170px\0; height: 68px;}
#asMain .asBrands .asBrandsList li a{display: block; line-height:68px; text-align: center; width:171px; width:170px\0; height: 68px;}
#asMain .asBrands .asBrandsList li a span{width:170px; height: 68px; overflow: hidden; display: table-cell; vertical-align: middle;}
#asMain .asBrands .asBrandsList li a span img{margin:0 auto; max-width: 111px; max-height: 38px; vertical-align: middle; border:none; transition: all .5s;}
#asMain .asBrands .asBrandsList li:hover a span img{transform: scale(1.1);}
#asMain .asBrands .asBrandsList li:nth-child(5){width:170px;}
#asMain .asBrands .asBrandsList li:nth-child(5) a{width:170px;}
#asMain .asBrands .asBrandsList li:nth-child(10){width:170px;}
#asMain .asBrands .asBrandsList li:nth-child(10) a{width:170px;}

/*友情链接*/
#asMain .asLinks .asLinksList li{float: left; width: 140px; padding-right: 10px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
#asMain .asLinks .asLinksList li a{font-size: 16px; line-height: 32px; color: #27282d;}
#asMain .asLinks .asLinksList li a:hover{color: #e22c29;}

/************** /as主要内容 **************/