body{background-color:#f8f8f8;}
#banner{height:500px;min-width:1200px;}
#banner .swiper-slide{background-position:top center;background-repeat:no-repeat;background-size:auto 100%;}
.swiper-pagination-bullet{width:20px;height:3px;background-color:#fff;border:0!important;border-radius:0;margin:0 3px!important;}
.content-bg-white{background-color:#fff;}
.wx-title{text-align:center;}
.wx-title>p{font-size:24px;color:#444;margin:0 0 12px 0;}
.wx-title>span{font-size:14px;color:#888;margin:0 0 12px 0;display:inline-block;}
.wx-title>div{font-size:0;}
.wx-title>div>span,.wx-title>div>i{display:inline-block;vertical-align:middle;}
.wx-title>div>span{height:1px;width:157px;background-color:#e6e6e6;}
.wx-title>div>i{width:9px;height:9px;margin:0 4px;}

.product-content{padding:45px 0 30px 0;}
.product-list{display:-webkit-flex;display:flex;justify-content:space-between;margin:50px 0 0 0;}
.product-list .list{width:285px;cursor:pointer;}
.product-list .list:hover .box{top:-10px;}
.product-list .list .title{text-align:center;font-size:26px;color:#333;margin:18px 0 0 0;}
.product-list .list .box{transition:all .2s linear;height:245px;background-color:#fff;width:100%;box-sizing:border-box;top:0;left:0;padding:15px 14px;box-shadow:0 0 8px 2px #eee;position:relative;}
.product-list .list .box:after{content:'';display:block;position:absolute;bottom:-18px;left:50%;margin:0 0 0 -18px;width:36px;height:18px;background:url(../images/icon/icon-after.png);}
.product-list .list .box a{padding:0 5px;margin:5px 5px 5px 0;color:#fff;display:block;background-image:url(../images/icon/icon-right.png);background-repeat:no-repeat;background-position:right center;background-size:9px 16px;}
.product-list .list .box a img{margin:0 10px 0 0;width:30px;height:30px;}
.product-list .list .box a:hover p{text-decoration:underline;}
.product-list .list .box a>div{display:inline-block;vertical-align:middle;}
.product-list .list .box a p{font-size:16px;color:#333;}
.product-list .list .box a span{font-size:12px;color:#666;}

.solution-content{padding:30px 0;}
.solution-title{font-size:16px;color:#666;height:20px;line-height:20px;border-left:solid 6px #3ab9f0;padding:0 0 0 10px;}
.solution-box{display:-webkit-flex;display:flex;justify-content:space-between;margin:50px 0 0 0;}
.solution-box>div{width:50%;box-sizing:border-box;}
.solution-box .solution-box-left{border-right:solid 1px #eaeaea;}
.solution-left-list{font-size:0;}
.solution-left-list li{text-align:center;width:70px;display:inline-block;vertical-align:top;box-sizing:border-box;margin:30px 70px 30px 5px;}
.solution-left-list li a{display:block;color:#333;}

.solution-left-list li a:hover span{background-position:0 -50px;}
.solution-left-list li a span{display:inline-block;width:50px;height:50px;margin:0 0 15px 0;}
.solution-left-list li a p{font-size:14px;padding:0 7px;}
.solution-box .solution-box-right{padding:0 0 0 65px;}
.solution-right-list{font-size:0;display:-webkit-flex;display:flex;flex-wrap:wrap;}
.solution-right-list li{width:120px;height:110px;text-align:center;margin:25px 0;position:relative;}
.solution-right-list li a{display:block;box-sizing:border-box;width:120px;height:150px;position:absolute;top:0;left:0;}
.solution-right-list li a .qr{display:none;}
.solution-right-list li a:hover{border:solid 1px #6b6b6b;box-shadow:0 0 8px 1px #999;}
.solution-right-list li a:hover .name{background-color:#6b6b6b;color:#fff;}
.solution-right-list li a:hover .img{border-radius:0;width:100%;height:120px;}
.solution-right-list li a:hover .lg{display:none;}
.solution-right-list li a:hover .qr{display:inline;}
.solution-right-list li a .img{width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto;box-sizing:border-box;background-color:#eaeaea;}
.solution-right-list li a .img img{width:100%;height:100%;}
.solution-right-list li a .name{font-size:14px;color:#333;line-height:30px;}

.advantage-content{padding:30px 0 70px 0;}
.advantage-list{display:-webkit-flex;display:flex;justify-content:space-between;margin:50px 0 0 0;}
.advantage-content .list{display:block;width:288px;background-color:#fff;box-sizing:border-box;padding:20px;border:solid 1px #f1f1f1;}
.advantage-content .list .img{text-align:center;height:160px;}
.advantage-content .list .name{text-align:center;font-size:20px;color:#333;margin:0 0 20px 0;}
.advantage-content .list .small{font-size:14px;color:#888;line-height:20px;height:70px;}

.news-content{display:-webkit-flex;display:flex;justify-content:space-between;padding:80px 0 65px 0;}
.news-content-left{width:575px;height:381px;overflow:hidden;}
.news-content-right{width:583px;}
.news-content-tab{font-size:0;padding:0 0 20px 0;}
.news-content-tab a{display:inline-block;vertical-align:top;padding:10px 20px;font-size:18px;color:#707070;margin:0 10px;background-color:#fff;}
.news-content-tab a.active{color:#fff;}
.news-content-list .list{display:none;}
.news-content-list .list.active{display:block;}
.news-content-list .list a{display:block;border-bottom:dashed 1px #b7b7b7;padding:5px 0;box-sizing:border-box;}
.news-content-list .list a:last-child{border:0;}
.news-content-list .list .title{font-size:18px;color:#2a2a2a;line-height:35px;}
.news-content-list .list .box{display:none;}
.news-content-list .list .small{font-size:14px;color:#707070;line-height:20px;height:40px;}
.news-content-list .list .remarks{font-size:12px;color:#b9b9b9;display:-webkit-flex;display:flex;justify-content:space-between;align-items:center;line-height:25px;margin:0 0 10px 0;}
.news-content-list .list .remarks img{margin:-2px 5px 0 0;}
.news-content-list .list a.title{line-height:40px;}
.news-content-list .list a:hover .title{color:#3ab9f0;}
.news-content-list .list a:hover{color:#3ab9f0;}
.news-content-list .list a.active .box{display:block;}