.banner-box{width:100%;overflow:hidden}
.banner{width:100%}
.swiper-container-banner{width:100%;position:relative}
.banner-img{width:100%}
.banner-words-box{position:absolute;width:100%;left:0;bottom:0;background-color:rgba(0,0,0,.8)}
.banner-words{width:1280px;margin:0 auto;position:relative}
.banner-words-left{float:left;overflow:hidden;color:#fff;margin:15px 0}
.banner-words-left h6{font-size:36px}
.banner-words-left p{font-size:18px;margin:4px 0 0 0}
.banner-words-right{position:absolute;right:0;top:0}
.banner-words-right h6{width:156px;height:84px;text-align:center;line-height:84px;font-size:16px;color:#fff;background-color:#007aff;font-weight:400}
.banner-words-right h6 i{width:22px;height:9px;background-repeat:no-repeat;display:inline-block;background-image:url(../images/banner_arrow.png);vertical-align:middle;margin:-2px 0 0 10px}
.banner-words-right h6:hover{background-color:#2b41a4}
.swiper-container-banner .swiper-slide{overflow:hidden;position:relative}
.swiper-container-banner .swiper-slide img{width:100%;object-fit:cover;transform:matrix(1.1,0,0,1.1,0,0);-webkit-transition:all .4s ease 1.2s;-moz-transition:all .4s ease 1.2s;-ms-transition:all .4s ease 1.2s;-o-transition:all .4s ease 1.2s;transition:all .4s ease 1.2s}
.swiper-container-banner .swiper-slide-active img{transition-delay:.4s!important;transform:matrix(1,0,0,1,0,0);-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-ms-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease}
.banner-focus-box{width:100%;overflow:hidden;background-color:#fff;padding:22px 0;border-bottom:1px solid #e5e5e5}
.banner-focus{width:1280px;margin:0 auto;position:relative}
.banner-focus .swiper-pagination{position:absolute;left:0;top:-9px}
.banner-focus .swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;margin:0 14px 0 0;background:#c9caca;opacity:1}
.banner-focus .swiper-pagination-bullet-active{opacity:1;background:#2b41a4}
.advantage-box{width:100%;overflow:hidden;padding:0 0 80px 0}
.advantage{width:1280px;margin:0 auto}
.black-title{width:100%;overflow:hidden;padding:100px 0 50px 0;text-align:center}
.black-title p{font-size:22px;color:#333;position:relative;display:inline-block}
.black-title p:before{content:"";position:absolute;left:0;bottom:50%;width:44px;height:1px;background:#333;margin-left:-60px}
.black-title p:after{content:"";position:absolute;right:0;bottom:50%;width:44px;height:1px;background:#333;margin-right:-60px}
.black-title h6{font-size:36px;color:#000;margin-top:4px}
.advantage-words{width:100%;overflow:hidden}
.advantage-words ul li{width:25%;float:left;text-align:center;height:280px;overflow:hidden;padding:10px 0 0 0}
.advantage-words ul li img{width:138px;height:138px;display:inline-block;overflow:hidden;transition:all .6s}
.advantage-words ul li h6{font-size:18px;color:#333;margin-top:28px}
.advantage-words ul li p{width:80%;margin-left:10%;font-size:14px;line-height:24px;color:#666;margin-top:20px;height:48px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.advantage-words ul li:hover img{transform:translateY(-10px)}
.advantage-words ul li:hover h6{color:#2b41a4}
.advantage-words ul li:hover p{color:#2b41a4}
.classics-box{width:100%;height:349px;background-repeat:no-repeat;background:url(../images/classics_bg.jpg) no-repeat top center;position:relative;padding:0 0 1280px 0}
.classics{width:100%;overflow:hidden}
.white-title{width:100%;overflow:hidden;padding:100px 0 50px 0;text-align:center}
.white-title p{font-size:22px;color:#fff;display:inline-block;position:relative}
.white-title p:before{content:"";position:absolute;left:0;bottom:50%;width:44px;height:1px;background:#fff;margin-left:-60px}
.white-title p:after{content:"";position:absolute;right:0;bottom:50%;width:44px;height:1px;background:#fff;margin-right:-60px}
.white-title h6{font-size:36px;color:#fff;margin-top:4px}
.classics-piclist{width:94%;overflow:hidden;position:absolute;left:3%;top:20%}
.classics-piclist-top{width:100%;overflow:hidden}
.classics-piclist-top li{height:480px;overflow:hidden;float:left;position:relative;z-index:1;cursor:pointer}
.classics-piclist-top li:nth-child(1){width:49.4%}
.classics-piclist-top li:nth-child(2){width:24.2%;margin-left:1.1%}
.classics-piclist-top li:nth-child(3){width:24.2%;margin-left:1.1%}
.classics-piclist-pic{width:100%;height:100%;overflow:hidden;background:#f1f1f1}
.classics-piclist-pic img{width:100%;object-fit:cover;height:100%}
.classics-piclist-top li:nth-child(1) img{object-fit:cover;height:100%;margin:0}
.classics-piclist-title{position:absolute;bottom:24px;left:24px;z-index:2}
.classics-piclist-title h6{display:inline-block;color:#2b41a4;font-size:18px;padding:10px 0;border-bottom:1px solid #2b41a4}
.classics-piclist-shade{position:absolute;width:100%;height:0%;left:0;bottom:0;z-index:3;background-color:#f1f1f1;opacity:0;transition:all .6s ease-in-out}
.classics-piclist-top li:hover .classics-piclist-shade{height:100%;opacity:1}
.classics-piclist-st{width:100%;height:68px;line-height:68px;background-color:#2b41a4;color:#fff;font-size:20px;font-weight:700;text-align:center}
.classics-piclist-sp{width:100%;padding:30px;overflow:hidden;height:320px;text-align:center}
.classics-piclist-sp img{max-width:100%;max-height:100%;object-fit:cover}
.classics-piclist-sl{width:100%;text-align:center;font-size:0;margin-top:32px}
.classics-piclist-sl a{display:inline-block;width:154px;text-align:center;font-size:14px;color:#333}
.classics-piclist-sl a:hover{color:#2b41a4}
.classics-piclist-sl a:nth-child(1){border-right:1px solid #bababa}
.classics-piclist-sl a:nth-child(1) i{display:inline-block;width:14px;height:14px;background-repeat:no-repeat;background-image:url(../images/classics_search.png);vertical-align:middle;margin:-2px 6px 0 0}
.classics-piclist-sl a:nth-child(2) i{display:inline-block;width:14px;height:15px;background-repeat:no-repeat;background-image:url(../images/classics_link.png);vertical-align:middle;margin:-2px 6px 0 0}
.classics-piclist-bottom{width:100%;overflow:hidden;margin-top:1.1%}
.classics-piclist-bottom li{height:480px;overflow:hidden;float:left;position:relative;z-index:1;cursor:pointer;width:24.2%}
.classics-piclist-bottom li:nth-child(n+2){margin-left:1.06%}
.classics-piclist-bottom li:hover .classics-piclist-shade{height:100%;opacity:1}
.serve-box{width:100%;overflow:hidden;background-color:#f2f2f2}
.serve{width:100%}
.serve-piclist{width:100%;height:500px;background-repeat:no-repeat;background-image:url(../images/serve_bg.jpg)}
.serve-piclist-words{width:1280px;margin:0 auto}
.serve-piclist-words ul li{width:20%;height:500px;overflow:hidden;float:left;background-color:rgba(0,0,0,.3);position:relative;text-align:center;padding:0 28px;box-sizing:border-box;border:1px solid #52505c}
.serve-piclist-words ul li:hover{background-color:rgba(0,0,0,.5)}
.serve-piclist-seeay{width:100%;height:164px;overflow:hidden;transition:all .6s ease-in 0s;position:absolute;text-align:center;top:50%;left:0;margin-top:-82px}
.serve-piclist-seeay h6{width:102px;height:102px;display:inline-block;border-radius:100%;border:1px solid #fff;text-align:center;overflow:hidden}
.serve-piclist-seeay h6 i{background-repeat:no-repeat;display:inline-block}
.serve-piclist-seeay hr{height:40px;width:1px;border:none;background-color:#fff;display:block;margin:0 auto;margin-top:-26px;transition:all .4s}
.serve-piclist-seeay h5{font-size:18px;color:#fff;margin-top:10px}
.serve-piclist-seeay p{font-size:14px;color:#fff;line-height:22px;width:80%;margin-left:10%;margin-top:14px;height:64px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.serve-piclist-words ul li:nth-child(1) h6 i{width:51px;height:60px;margin-top:22px;background-image:url(../images/serve_ic1.png)}
.serve-piclist-words ul li:nth-child(2) h6 i{width:48px;height:54px;margin-top:24px;background-image:url(../images/serve_ic2.png)}
.serve-piclist-words ul li:nth-child(3) h6 i{width:56px;height:47px;margin-top:27.5px;background-image:url(../images/serve_ic3.png)}
.serve-piclist-words ul li:nth-child(4) h6 i{width:45px;height:46px;margin-top:28px;background-image:url(../images/serve_ic4.png)}
.serve-piclist-words ul li:nth-child(5) h6 i{width:42px;height:53px;margin-top:24.5px;background-image:url(../images/serve_ic5.png)}
.serve-piclist-words ul li:hover .serve-piclist-seeay{top:46%;height:252px}
.serve-piclist-words ul li:hover .serve-piclist-seeay h6{border:1px solid #2b41a4;background-color:#2b41a4}
.serve-piclist-words ul li:hover .serve-piclist-seeay hr{margin-top:-10px;transform:rotate(90deg)}
.product-box{width:100%;overflow:hidden;position:relative;background-color:#f2f2f2}
.product{width:100%}
.product-num-box{position:absolute;top:12%;left:0;width:100%}
.product-num{width:1280px;margin:0 auto}
.product-num ul{width:100%}
.product-num ul li{width:25%;float:left;height:254px;background-color:#2b41a4;text-align:center;color:#fff;overflow:hidden}
.product-num ul li:nth-child(-n+3){border-right:1px solid rgba(255,255,255,.1)}
.product-num ul li h6{font-size:18px;margin-top:72px}
.product-num ul li h6 span{font-size:76px;font-weight:700;font-family:dincond}
.product-num ul li p{font-size:16px}
.product-words-box{width:100%;height:660px;margin-top:262px;background-image:url(../images/product_bg.jpg);background-repeat:no-repeat;background-attachment:fixed}
.product-words{width:100%;position:relative;overflow:hidden}
.product-words-essay{width:100%;margin-top:12%;text-align:center}
.product-words-essay h4{font-size:36px;color:#fff}
.product-words-essay p{font-size:16px;color:#fff;width:50%;margin-left:25%;line-height:26px;margin-top:28px}
.product-words-essay h6{font-size:16px;color:#fff;display:inline-block;margin-top:60px}
.product-words-essay h6 i{width:28px;height:9px;background-image:url(../images/product_arrow.png);background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:-3px 0 0 10px}
.product-words-essay h6:hover{color:#2b41a4}
.product-words-essay h6:hover i{background-image:url(../images/product_arrowh.png)}
.message-box{width:100%;overflow:hidden;padding:0 0 110px 0}
.message{width:94%;margin-left:3%}
.message-wordslist{width:100%;margin-top:30px}
.message-wordslist ul{width:100%;margin-left:-.66666666%}
.message-wordslist ul li{width:32%;height:330px;float:left;margin-left:1.33333333%;padding:140px 54px 0 54px;position:relative;background-color:#f3f3f3}
.message-wordslist ul li h6{width:auto;height:110px;background-color:#333;position:absolute;top:-20px;left:54px;color:#fff;padding:0 18px}
.message-wordslist ul li h6 p{font-size:28px;text-align:right;margin-top:20px}
.message-wordslist ul li h6 span{display:block;text-align:right;font-size:16px}
.message-wordslist ul li h4{font-size:18px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.message-wordslist ul li h4:hover{color:#2b41a4}
.message-wordslist ul li h5{font-size:14px;color:#666;line-height:24px;margin-top:30px;height:96px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical}
@media all and (max-width:1600px){.classics-piclist-top li{height:380px}
.classics-piclist-bottom li{height:380px}
.classics-piclist-sp{height:236px}
.classics-box{padding:0 0 1080px 0}
.classics-piclist{top:22%}
.product-words-box{height:560px}
.product-num-box{top:13%}
.black-title{padding:70px 0 50px 0}
.white-title{padding:70px 0 50px 0}
}
@media all and (max-width:1460px){.banner-words-left h6{font-size:30px}
.banner-words-box{padding:0 0 30px 0}
.black-title{padding:44px 0 40px 0}
.black-title h6{font-size:30px}
.white-title{padding:44px 0 40px 0}
.white-title h6{font-size:30px}
.classics-piclist-top li{height:340px}
.classics-piclist-bottom li{height:340px}
.classics-piclist-sp{height:200px}
.classics-piclist{top:20%}
.classics-box{padding:0 0 940px 0}
.product-num ul li h6 span{font-size:60px}
.product-num ul li{height:220px}
.product-words-box{margin-top:230px}
.message-box{padding:0 0 80px 0}
}
@media all and (max-width:1380px){.banner-words{width:94%;margin-left:3%}
.banner-words-left h6{font-size:26px}
.banner-words-box{padding:0 0 26px 0}
.advantage{width:94%;margin-left:3%}
.classics-piclist-top li{height:320px}
.classics-piclist-bottom li{height:320px}
.classics-piclist-sp{padding:20px;height:170px}
.classics-piclist-sl a{width:130px}
.classics-box{padding:0 0 880px 0}
.serve-piclist-words{width:94%;margin-left:3%}
.product-num{width:94%;margin-left:3%}
.product-num-box{top:10%}
.product-num ul li h6 span{font-size:48px}
.product-num ul li{height:180px}
.product-num ul li h6{margin-top:34px}
.product-words-box{margin-top:160px;height:460px}
.product-words-essay h4{font-size:30px}
.product-words-essay p{width:66%;margin-left:17%;margin-top:18px}
.product-words-essay h6{margin-top:50px}
.message-box{padding:0 0 60px 0}
.message-wordslist ul li h6{height:90px}
.message-wordslist ul li h6 p{font-size:24px;margin-top:15px}
.message-wordslist ul li{height:300px;padding:100px 30px 0 30px}
.banner-focus{width:94%;margin-left:3%}
.swiper-container-banner .swiper-slide-active img{height:584px}
}
@media all and (max-width:1300px){.banner-words-left h6{font-size:22px}
.banner-words-left p{font-size:16px;margin:0}
.banner-words-box{padding:0 0 20px 0}
.black-title h6{font-size:26px}
.white-title h6{font-size:26px}
.classics-piclist-top li{height:290px}
.classics-piclist-bottom li{height:290px}
.classics-piclist-sp{padding:10px;height:150px}
.classics-box{padding:0 0 800px 0}
.banner-words-left{margin-top:20px}
}
@media all and (max-width:1200px){.classics-piclist-sl a{width:100px}
}
@media all and (max-width:1000px){.banner-words-box{padding:0}
.banner-img{height:280px;background-color:rgba(0,0,0,.8)}
.swiper-container-banner .swiper-slide-active img{height:280px}
.banner-words-left h6{font-size:16px}
.banner-words-left p{font-size:12px}
.banner-words-left{margin-top:16px}
.banner-words-right{top:auto}
.banner-words-right h6{width:120px;height:40px;line-height:40px;font-size:13px}
.banner-words-right h6 i{margin:-2px 0 0 6px}
.banner-focus-box{padding:14px 0}
.black-title p{font-size:16px}
.black-title h6{font-size:18px}
.black-title{padding:28px 0 24px 0}
.product-num ul li:nth-child(-n+3){border-right:none}
.product-num ul li:nth-child(2n+1){border-right:1px solid rgba(255,255,255,.1)}
.white-title p{font-size:16px}
.white-title h6{font-size:18px}
.white-title{padding:28px 0 24px 0}
.advantage-words ul li{width:50%;height:216px}
.advantage-words ul li img{width:100px;height:100px}
.advantage-words ul li h6{font-size:16px;margin-top:14px}
.advantage-words ul li p{width:90%;margin-left:5%;margin-top:10px}
.advantage-box{padding:0 0 24px 0}
.white-title{width:94%;margin-left:3%}
.classics-piclist-top li{height:200px}
.classics-piclist-top li:nth-child(1){width:100%}
.classics-piclist-top li:nth-child(2){width:49%;margin-left:0;margin-top:2%}
.classics-piclist-top li:nth-child(3){width:49%;margin-left:2%;margin-top:2%}
.classics-piclist-title{bottom:16px;left:16px}
.classics-piclist-title h6{font-size:14px;padding:6px 0}
.classics-piclist-bottom li{height:200px}
.classics-piclist-bottom li:nth-child(1){width:49%;margin-left:0;margin-top:1%}
.classics-piclist-bottom li:nth-child(2){width:49%;margin-left:2%;margin-top:1%}
.classics-piclist-bottom li:nth-child(3){width:49%;margin-left:0;margin-top:1%}
.classics-piclist-bottom li:nth-child(4){width:49%;margin-left:2%;margin-top:1%}
.classics-box{background-repeat:no-repeat;padding:0 0 990px 0}
.classics-piclist{top:14%}
.classics-piclist-st{height:40px;line-height:40px;font-size:16px}
.classics-piclist-sp{padding:6px;height:90px}
.classics-piclist-sl a{width:100%;text-align:center;font-size:16px}
.classics-piclist-sl a:nth-child(1){border-right:none}
.classics-piclist-sl{margin-top:10px}
.serve-piclist{width:100%;height:auto;padding:10px 0 24px 0;background-image:none;background-color:#2f3e51;overflow:hidden}
.serve-piclist-words ul li{width:100%;height:254px;padding:0 28px}
.serve-piclist-words ul li:hover .serve-piclist-seeay{top:37%}
.serve-piclist-seeay p{margin-top:8px}
.product-num ul li{width:50%;height:90px}
.product-num ul li h6 span{font-size:30px}
.product-num ul li h6{font-size:14px;margin-top:16px}
.product-num ul li p{font-size:12px}
.product-words-essay h4{width:94%;margin-left:3%;font-size:20px}
.product-num-box{top:4%}
.product-words-essay p{width:94%;margin-left:3%;margin-top:18px;font-size:14px;height:72px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.product-words-box{margin-top:220px;height:270px;background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}
.product-words-essay h6{margin-top:42px}
.message-wordslist ul{margin-left:0;margin-top:-20px}
.message-wordslist ul li{width:100%;margin-left:0;height:244px;padding:80px 16px 0 16px;margin-top:20px}
.message-wordslist ul li h5{margin-top:12px}
.message-wordslist ul li h6 p{font-size:20px;margin-top:10px}
.message-wordslist ul li h6 span{font-size:12px}
.message-wordslist ul li h6{height:72px;top:-12px;left:16px}
.message-wordslist ul li h4{font-size:16px}
.message-box{padding:0 0 24px 0}
}
@media screen and (max-width:768px){.process_bg{display:none}
}
.adv_center *,.container *{box-sizing:border-box}
.title_en{width:100%;margin:0 auto;text-align:center;font-family:"DIN Medium";font-size:76px;line-height:76px;text-transform:uppercase;color:#eeecec;font-weight:700}
.title_m{width:1300px;margin:0 auto;text-align:center;font-size:40px;font-weight:700;line-height:40px;position:relative;margin-top:-54px;color:#333}
.title_m a{color:#2b41a4;font-size:40px}
.title_m span{color:#2b41a4;font-size:40px}
.title_x{text-align:center;width:520px;margin:0 auto;font-size:18px;line-height:40px;color:#666;margin-top:20px;margin-bottom:20px;letter-spacing:1px;border:1px solid #dad5d5}
.icon-goutongxinxi:before{font-size:50px}
.process_bg{width:100%;background:#fff url(../images/20201026210035_931238004.jpg) bottom center no-repeat;padding:70px 0 0 0;overflow:hidden}
.index-solution{padding:30px 0 0 0;overflow:hidden;width:1300px;margin:0 auto}
.lc_t li{position:relative;float:left;width:16.6%;text-align:center;padding:54px 20px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.iconfont{padding-top:30px;font-family:iconfont!important;font-size:36px!important;font-style:normal;color:#999}
.lc_t li:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#2b41a4;opacity:0;visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.lc_t li:hover:before{opacity:1;visibility:visible;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.lc_t li .pic{position:relative;display:inline-block;width:110px;height:110px;background:#fff;border:1px solid #e8e8e8;font-size:0;line-height:110px;border-radius:50%;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.lc_t li:hover .pic{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.lc_t li .tit{position:relative;font-size:24px;color:#333;margin-bottom:15px;margin-top:15px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;font-weight:500}
.lc_t li.on .des,.lc_t li.on .tit,.lc_t li:hover .des,.lc_t li:hover .des a,.lc_t li:hover .tit{color:#fff}
.lc_t li .des{position:relative;margin-bottom:30px;font-size:16px;font-weight:100;color:#999;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.lc_t li .more{position:relative;border-radius:40px;border:1px solid #e8e8e8;width:100px;line-height:34px;height:36px;margin:0 auto;display:block;font-size:13px}
.lc_t li.on .more,.lc_t li:hover .more{color:#fff;border-color:#fff}
.lc_t li.on .more:hover,.lc_t li:hover .more:hover{background:#fff;color:#2b41a4}
.hzcust_bg{height:180px;background:url(../images/20201023215902_598124848.png) no-repeat bottom center}
.casebtn a{display:block;margin:20px auto 20px auto;width:400px;height:52px;border:1px solid #ddd;text-align:center;line-height:50px;font-size:18px;color:#888;font-weight:lighter;transition:all .3s ease}
.casebtn a:hover{background:#2b41a4;border-color:#2b41a4;color:#fff}
.caseconcat{text-align:center;font-size:18px;font-weight:lighter;color:#222}
.caseconcat strong{font-size:30px;color:#2b41a4;font-weight:700}
.caseconcat span{padding-left:42px;background:url(../images/20201023220308_661090311.png) no-repeat left center}