@charset "utf-8";
body { background: #999;}
/*轮播广告位图*/
section.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: .8rem;}
.swiper-pagination .swiper-pagination-bullet { box-sizing: border-box; background: rgba(255,255,255,.7); opacity: 1; border-radius: 4px; transition: all .2s;}
.swiper-pagination .swiper-pagination-bullet-active { width: 13px; background: rgba(255,255,255,.9);}
.swiper-banner .swiper-wrapper .swiper-slide { width: 100% !important;}
.swiper-banner .swiper-wrapper .swiper-slide a img { width: 100% !important;}

/*内容*/
.container { margin-top: .5rem; background: #fff;}
.container .btn { background: #f90; background: #f90 linear-gradient(to right, #f90, #fd6b20);}
.container .swiper-pagination .swiper-pagination-bullet { background: #e5e5e5;}
.container .swiper-pagination .swiper-pagination-bullet-active { background: #ccc;}

/*产品列表*/
.product { padding: 1rem 0;}
.product .desc { padding: .5rem; color: #333; background: #fff6f6; border-radius: 4px;}
.product .desc .color { color: #f90;}
.product .product-title { position: relative; z-index: 1; padding: 1rem 0 1rem; font-size: .8rem; font-weight: normal; line-height: 1.6rem; color: #333;}
.product .product-title:after { content: ''; position: absolute; left: 50%; display: block; width: 2rem; height: 2px; margin-left: -1rem; background: #f90;}
.product .product-list1 { padding-bottom: 2rem;}
.product .product-list .swiper-slide { display: -webkit-box; display: box; width: 100%; padding: 0 .8rem; box-sizing: border-box;}
.product .product-list .swiper-slide a { position: relative; z-index: 1; -webkit-box-flex: 1; box-flex: 1; width: 50%; height: 100%; padding: 1rem .3rem 4rem; border-radius: .2rem; box-sizing: border-box;}
.product .product-list .swiper-slide a:first-child { margin-right: .4rem;}
.product .product-list .swiper-slide a:last-child { margin-left: .4rem;}
.product .product-list .swiper-slide .product-b2c { background: url(../images/product-bg1.jpg) no-repeat center bottom; background-size: cover;}
.product .product-list .swiper-slide .product-b2b2c { background: url(../images/product-bg2.jpg) no-repeat center bottom; background-size: cover;}
.product .product-list .swiper-slide .product-zsjm { background: url(../images/product-bg5.jpg) no-repeat center bottom; background-size: cover;}
.product .product-list .swiper-slide .product-b2b { background: url(../images/product-bg6.jpg) no-repeat center bottom; background-size: cover;}
.product .product-list .swiper-slide .product-erp { background: url(../images/product-bg3.jpg) no-repeat center bottom; background-size: cover;}
.product .product-list .swiper-slide .product-wuliu { background: url(../images/product-bg4.jpg) no-repeat center bottom; background-size: cover;}
.product .product-list .swiper-slide h3 { font-size: .65rem; font-weight: 300; color: #fff;}
.product .product-list .swiper-slide p { font-size: .55rem; color: #fff; color: rgba(255,255,255,.85);}
.product .product-list .swiper-slide img { position: absolute; bottom: .5rem; left: 50%; width: auto; height: 3rem; -webkit-transform: translate(-50%,-0); transform: translate(-50%,0);}

.product ul { display: -webkit-box; display: box;}
.product ul li { -webkit-box-flex: 1; box-flex: 1; width: 50%; padding: 1.4rem 0 1.2rem; margin-top: .5rem; text-align: center; background: #fff; border-radius: 4px;}
.product ul li:first-child { margin-right: .5rem;}
.product ul li .iconfont { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto 1rem; font-size: 2rem; line-height: 3.5rem; color: #fff; text-align: center; background: #5eaaf8 linear-gradient(to bottom, #5eaaf8, #80bbf8); border-radius: 50%;}
.product ul li h3 { margin-bottom: .2rem; font-size: .8rem; font-weight: 300; color: #2f2f2f;}
.product ul li p { font-size: .6rem; color: #6f6f6f;}

/*解决方案*/
.solution-list ul { display: -webkit-box; display: box;}
.solution-list ul li { position: relative; z-index: 1; -webkit-box-flex: 1; box-flex: 1; width: 50%; margin-top: .8rem; overflow: hidden; border-radius: .2rem;}
.solution-list ul li:first-child { margin-right: .8rem;}
.solution-list ul li img { width: 100%;}
.solution-list ul li h3 { position: absolute; bottom: 0; width: 100%; font-size: .6rem; font-weight: 300; line-height: 2.2; color: #fff; overflow: hidden; background: rgba(0,0,0,.6);}

/*客户案例*/
.case { padding: 1rem 0;}
.case-list { padding: 1rem .8rem 0;}
.case-list .swiper-wrapper { padding-bottom: .5rem;}
.case-list .swiper-slide { width: 45%; text-align: center; background: #fff; box-sizing: border-box;}
.case-list .swiper-slide a { display: block; overflow: hidden; border: 1px solid #eee; border-radius: 4px;}
.case-list .swiper-slide img { width: 100%;}
.case-list .swiper-slide div { padding: .4rem;}
.case-list .swiper-slide h3 { float: left; width: 55%; font-size: 12px; font-weight: 300; line-height: 16px; color: #333; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case-list .swiper-slide span { float: right; height: 16px; max-width: 38%; padding: 0 .2rem; font-size: 10px; line-height: 15px; color: #aaa; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #eee; border-radius: 4px;}

/*客户声音*/
.comment-wrap { padding-bottom: 0; background: url(../images/index/comment-bg.png) repeat-y; background-size: 100% auto;}
.customer-comment { width: 90%; padding: .5rem 0 2rem; margin: 0 auto;}
.customer-comment .swiper-slide { padding: .5rem; background: #fff; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 0 15px rgba(0,0,0,.05); box-sizing: border-box;}
.customer-comment .swiper-slide img { width: 40%; margin: 0 auto;}
.customer-comment .swiper-slide .text { width: 100%; padding: 0 .5rem .5rem; box-sizing: border-box;}
.customer-comment .swiper-slide .text p { font-size: .6rem; color: #333; text-align: left;}
.customer-comment .comment-other { text-align: center;}
.customer-comment .comment-other img { display: inline-block; width: 2.3rem; margin: 0; vertical-align: middle; border-radius: 50%;}
.customer-comment .comment-other .comment-other-line { display: inline-block; width: 1px; height: 1.6rem; margin: 0 .8rem; vertical-align: middle; background: #ddd; overflow: hidden;}
.customer-comment .comment-other .comment-other-text { display: inline-block; font-size: .55rem; line-height: 1.6; color: #999; text-align: left; vertical-align: middle;}
.customer-comment .comment-other .comment-other-text h3 { font-size: .55rem; font-weight: normal; color: #333;}
.customer-comment.swiper-container-horizontal>.swiper-pagination-bullets, .customer-comment .swiper-pagination-custom, .customer-comment .swiper-pagination-fraction { bottom: 1rem;}

/*新闻动态*/
.news-wrap { padding-bottom: 0;}
.news { padding: .5rem 0 2rem;}
.news .swiper-slide a { position: relative; z-index: 1; height: 100%; overflow: hidden; border-radius: .3rem;}
.news .swiper-slide img { width: 100%; height: 100%;}
.news .swiper-slide p { position: absolute; right: 0; bottom: 0; left: 0; padding: 1.5rem .5rem .4rem; color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));}
.news.swiper-container-horizontal>.swiper-pagination-bullets, .news .swiper-pagination-custom, .news .swiper-pagination-fraction { bottom: 1rem;}