/* 通用样式 start */
body { font-family: "Microsoft YaHei", serif; } 
.xjContainer { width: 1200px; height:auto; margin: 0 auto; } 
.xjclearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

.clearPadding::after { content: ""; display: table; clear: both; } /* 清除外边距 */
html { min-width: 1200px; } 
/* 通用样式 end */

/* 页面自定义css样式 */
.xjFlagshipStore { width: 100%; height: auto; } 

/* 第一部分 */
.fsrstBox { width: 100%; height: auto; } 

/* 特色专区 */
.fsrstBox .feature { width: 570px; float: left; } 
.featureCon { width: 100%; height: 320px; } 
.featureA { width: 100%; height: 100%; display: block; } 
.featureA .featureConTxt { position: absolute; left: 0; bottom: 17px; width: 100%; height: 30px; line-height: 30px; font-size: 22px; color: #fff; padding-left: 20px; } 
.featureA img { width: 570px; height: 320px; border-radius: 8px; } 
.featureCon .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 5px; background: #fff; opacity: 1; } 
.featureCon .swiper-pagination-bullet-active { background: #ffab2c; } 
.featureCon .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 7px; } 
.featureCon .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { text-align: right; padding-right: 20px; } 
.featureCon .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 17px; } 
/* 新闻资讯 */
.fsrstBox .news { width: 565px; float: right; } 
.newsCon { width: 100%; height: 320px; border-radius: 8px; background: #f3f8fd; padding: 20px; } 
.newsCon ul li { line-height: 45px; line-height: 45px; } 
.newsCon ul li a { display: block; float: left; width: 80%; color: #333; font-size: 18px; overflow: hidden; } 
.newsCon ul li a:hover { color: #4493F5; } 
.newsCon ul li span { float: right; color: #999; font-size: 18px; } 

/* 热门应用 */
.xjHotApp { margin-top: 60px; } 
.xjHotAppCon ul li { float: left; width: 277px; height: 96px; border-radius: 8px; background: #f3f8fd; margin: 0 30px 30px 0; } 
.xjHotAppCon ul li:nth-child(4n+4) { margin-right: 0; } 
.xjHotAppCon ul li a { display: block; line-height: 96px; } 
.xjHotAppCon ul li img { float: left; width: 68px; height: 68px; margin: 14px 0 0 20px; } 
.xjHotAppCon ul li span { float: left; margin-left: 16px; display: block;font-size: 18px; } 
.xjHotAppCon ul li a:hover span { color: #4493F5; } 

/* 专题专栏 */
.xjzhuTi{margin-top: 60px;}
.xjzhuTi .xjzhuTiConA { border-radius: 8px; position: relative; display: block; width: 278px; height: 160px; } 
.xjzhuTi .xjzhuTiConA img {border-radius: 8px; width: 100%; height: 100%; } 
.xjzhuTi .xjzhuTiConA span { position: absolute; left: 20px; top: 24px; font-size: 24px; color: #fff; } 
.xjzhuTi .bt-hover-img:hover {border-radius: 8px; transform: scale(1.1); transition: all 0.5s; } 
.xjTitle { width: 100%; height: 42px; font-size: 16px; margin-bottom: 34px; } 
.xjTitle h5 { float: left; font-size: 32px; font-weight: 400; color: #333; } 
.xjMore { margin-top: 12px; width: 88px; height: 20px; float: right; background: url(xjMore.png) 70px center no-repeat; background-size: 12px; } 
.xjMore:hover { background: url(xjMoreHover.png) 70px center no-repeat; background-size: 12px; color: #4493F5; }
.xjTitle h5 span {
    font-size: 22px;
}