
.box1280{position: relative;}
body{background: #F2F4F8;}
*{box-sizing: border-box;}
/* 公共标题 */
.commontitle{padding-top: 56px;padding-bottom: 41px;text-align: center;}
.commontitle .title{font-size: 48px;color: #222;font-weight: bold;}
.commontitle .title .span{color: #E62129;}
.commontitle .subtitle{font-size: 16px;color: #999;margin-top: 6px;}
.commontitle.white .title{color: #fff;}
.commontitle.white .subtitle{color: rgba(255,255,255,.4);}
/* banner */
.banner{position: relative;width: 100%;height: 660px;}
.banner >.box1280{padding: 326px 643px 0 0;}
.banner_a{display: inline-block;width: 264px;height: 60px;margin-top: 67px;line-height: 60px;font-size: 16px;color: #fff;text-align: center;border-radius: 30px;border: 1px solid rgba(255,255,255,.4);}
.banner_a:hover{color: #E62129; background: #FFFFFF;}
.banner_a:hover i{background-position: -458px -114px;}
.banner_bottom{left: 0;right: 0;position: absolute;margin: -80px auto 0;}
.banner_bottom .left{background: #fff; height: 160px;}
.banner_bottom .left ul li{position: relative; display: inline-block; text-align: left; width: 310px; padding: 35px 0 0 104px;}
.banner_bottom .left ul li:last-child{width: 250px;}
.banner_bottom .left ul li .p1{line-height: 32px; font-size: 13px; color: #999;}
.banner_bottom .left ul li .p1 i{margin-left: 5px;}
.banner_bottom .left ul li .p2{line-height: 30px; margin-bottom: 7px; font-size: 40px; color: #333; font-weight: bold;}
.banner_bottom .left ul li .p2 i{font-size: 20px;font-weight: normal;color: #333;margin-left: 2px;vertical-align: 21px;}
.banner_bottom .left ul{padding: 0 36px;}
.banner_bottom .left ul li>i{position: absolute; left: 20px; top: 46px;}
.banner_bottom .left ul li img{display: inline-block; vertical-align: middle;}
.part.part4a{padding-bottom: 96px;}
.part.part4a .part4adiv{position: relative; width: 1280px; height: 445px; font-size: 0;}
.part.part4a .part4adiv_list{float: left; position: relative; display: inline-block; width: 308px; height: 368px; margin-bottom: 16px; padding: 163px 32px 0; text-align: center; background: #FFFFFF; font-size: 0; top: 0; transition: all .3s;}
.part.part4a .part4adiv_list:hover{z-index: 1; top: -8px;}
.part.part4a .part4adiv_list:not(:nth-child(4n)){margin-right: 16px;}
.part.part4a .part4adiv_list:hover .sprites1{display: block;}
.part.part4a .part4adiv_list .sprites2{display: none;}
.part.part4a .part4adiv_list:hover .sprites2{display: block;}
.part.part4a .part4adiv_list:nth-child(1):hover>.isprites{background-position: -86px -2px;}
.part.part4a .part4adiv_list:nth-child(2):hover>.isprites{background-position: -86px -86px;}
.part.part4a .part4adiv_list:nth-child(3):hover>.isprites{background-position: -170px -86px;}
.part.part4a .part4adiv_list:nth-child(4):hover>.isprites{background-position: -86px -170px;}
.part.part4a .part4adiv_list:nth-child(5):hover>.isprites{background-position: -254px -2px;}
.part.part4a .part4adiv_list:nth-child(6):hover>.isprites{background-position: -254px -170px;}
.part.part4a .part4adiv_list:nth-child(7):hover>.isprites{background-position: -86px -254px;}
.part.part4a .part4adiv_list:nth-child(8):hover>.isprites{background-position: -254px -254px;}
.part.part4a .part4adiv_list .title{font-size: 24px; color: #333; font-weight: bold; margin-bottom: 11px; line-height: 24px;}
.part.part4a .part4adiv_list .subtitle{margin-bottom: 13px; font-size: 16px; color: #999; line-height: 24px;}
.part.part4a .part4adiv_list>.isprites{position: absolute; top: 48px; left: 0; right: 0; margin: auto;}
.part.part4a .part4adiv_list .btna{position: absolute; left: 55px; bottom: 32px; display: inline-block; width: 200px; height: 40px; font-size: 14px; color: #BBBBBB; line-height: 40px; text-align: center; border-radius: 20px; border: 1px solid #EEEEEE;}
.part.part4a .part4adiv_list:hover .btna{color:#fff;background: #E62129;border: 1px solid #E62129;}
.part.part4a .part4adiv_list:hover .isprites{background-position: -458px -138px;}
.problem{height: 871px; background: url( "../bm/part3_bg1.png") no-repeat center;}
.sixpower{background-color: #fff;padding-bottom: 80px;}
.sixpower .sixpowerwrap{font-size: 0;}
.sixpower .sixpowerwrap li{position: relative;display: inline-block;width: 632px;height: 192px;background: #F6F8FC;padding: 40px 40px 0 132px;}
.sixpower .sixpowerwrap li{position: relative;margin-bottom:16px;}
.sixpower .sixpowerwrap li:not(:nth-child(2n)){margin-right:16px;}
.sixpower .sixpowerwrap li .p1{line-height: 24px;font-size: 16px;color: #999;}
.sixpower .sixpowerwrap li .p1 i{margin-left: 5px;}
.sixpower .sixpowerwrap li .p2{margin-bottom: 15px;font-size: 24px;color: #333;font-weight: bold;line-height: 24px;}
.sixpower .sixpowerwrap li .p2 i{font-size: 20px; font-weight: normal; color: #333; margin-left:10px; vertical-align: 21px;}
.sixpower .sixpowerwrap li>i{position: absolute;left: 40px;top: 48px;}
.sixpower .sixpowerwrap li .p2 span{position: relative; font-size: 14px; font-weight: 500; color: #24FFF7; line-height: 20px; margin-left: 15px;}
.sixpower .sixpowerwrap li .p2 span::before{content: ''; display: inline-block; width: 1px; height: 10px; background: #e3e3ea; position: absolute; left: -8px; top: 5px;}
.sixpower .sixpowerwrap li img{display: inline-block; vertical-align: middle;}
.experience{height: 1070px;background: #fff;}
.experience .experiencewrap{font-size: 0;}
.experience .experienceli{position: relative;display: inline-block;width: 410px;height: 375px;float: left;padding: 278px 29px 0;margin-bottom: 25px;transition: all .3s;background: #EFF2FA;overflow: hidden;}
.experience .experienceli .bg-case_rjt{position: absolute; right: 36px; bottom: 40px;}
.experience .experienceli .num{display:none;color: #fff;position: relative;margin-top: 47px;}
.experience .experienceli .num .span1{font-size: 12px;color: #fff;}
.experience .experienceli .num .p1{font-size: 23px;}
.experience .experienceli .num .p1 span{font-size: 15px;}
.experience .experienceli .num .i{font-size: 32px;color: transparent;border-right: 2px solid rgba(207,207,207,.4);transform: rotate(36deg);display: inline-block;position: relative;left: 4px;top: -9px;}
.experience .experienceli .num .span2{font-size: 12px;margin-left: 2px;}
.experience .experienceli .num li{display: inline-block; width: 124px;}
.experience .experienceli .num li:last-child{width: 95px;}
.experience .experienceli:hover .num{display:block;}
.experience .experienceli .title{font-size: 22px;color: #222;font-weight: bold;}
.experience .experienceli:hover .title{display: none;font-size: 24px; font-weight: bold; color: #fff;}
.experience .experienceli .subtitle{font-size: 12px;color: #666;/* margin-bottom: 49px; */position: relative;}
.experience .experienceli:hover .subtitle{display: none;}
.experience .experienceli .titleh{display:none;font-size: 22px;color: #fff;margin-bottom: 12px;}
.experience .experienceli:hover .titleh{display:block;}
.experience .experienceli .txt{display:none;margin-top: 6px;font-size: 12px;color: rgba(255,255,255,.8);line-height: 22px;}
.experience .experienceli:hover .txt{display:block;}
.experience .experienceli .btn_a{margin-top: 32px; font-size:0;position: relative;}
.experience .experienceli .btn_a{display:none;text-align: center;width: 338px;height: 44px;font-size: 12px;color: #FFFFFF;line-height: 44px;position: absolute;left: 36px;bottom: 36px;background: #EC363E;border-radius: 0 0 0 0;opacity: 1;border: 1px solid rgba(255,255,255,0.2000);transition: display .3s;}
.experience .experienceli:hover .btn_a{display: inline-block;}
.experience .experienceli img{position: absolute;right: 0;top: 0;opacity: 1;width: 100%;/* height: 100%; */}
.experience .experienceli:not(:nth-child(3n)){margin-right: 25px;}
.experience .experienceli:hover{background: #DE0F18;text-align: left;padding: 31px 33px;}
.experience .experienceli:hover .img2{display: none !important;}
.process{width: 100%;position: relative;height: 600px;}
.process-box .list-box{width: 1280px;height: 267px;position: relative;z-index: 1;margin-top: 33px;}
.process-box .line{width: 1264px; height: 1px; background: #E62129; position: absolute; bottom: 135px; z-index: 1;}
.process-box .line:after,.process-box .line:before{content: ''; width: 8px; height: 8px; border: 1px solid #E62129; position: absolute; top: -5px; border-radius: 50%;}
.process-box .line:before{left: -9px;}
.process-box .line:after{right: -9px;}
.process-box .list{position: relative;float: left;height: 267px;text-align: center;padding-top: 21px;padding-right: 28px;}
.process-box .list:nth-child(1),.process-box .list:nth-child(5){width: 20%;}
.process-box .list:nth-child(2),.process-box .list:nth-child(4){width: 20%;}
.process-box .list:nth-child(3){width: 20%;}
.process-box .list .p0{font-size: 19px; font-weight: 500; color: #fff; margin-bottom: 20px;}
.process-box .list .p1{font-size: 24px;font-weight: bold;color: #222;margin: 109px 0 7px;}
.process-box .list .p2{font-size: 16px;color: #7B7B7B;margin-top: 6px;}
.process-box .list .p3{font-size: 36px; color: #333; line-height: 36px; font-weight: bold;}
.process-box .list .isprites2{position: absolute;right: 0;left: -25px;top: 116px;width: 28px;height: 28px;margin: auto;background: #E62129;border-radius: 50%;color: #fff;font-size: 14px;line-height: 28px;}
.process-box .list .isprites1{position:relative;z-index: 2;}
.process-box .list:after{background-color: #fff; border-radius: 50%; width: 96px; height: 96px; content: ''; position: absolute; top: -8px; left: -28px; right: 0; margin: auto;}
.honor{height: 848px; background: url("../image/part5_bg1.png") no-repeat center;}
.honor .honor_body{font-size: 0;height: 595px;overflow: hidden;}
.honor .honor_body .honor_each{position: relative;float: left;width: 252px !important;height: 323px !important;margin: 250px 0 auto;padding: 210px 30px 0;transition: all .3s;background: linear-gradient(180deg, #FFFFFF 0%, #DCE1E6 100%);/* box-shadow: 0 16px 16px 0 rgba(0,0,0,0.5000); */box-sizing: border-box;}
.honor .honor_body .honor_each .img{position: absolute;top: -64px;left: 0;right: 0;width: 192px;height: 240px;margin: auto;transition: all .3s;}
.honor .honor_body .honor_each .img img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.honor .honor_body .honor_each .title{font-size: 18px;font-weight: bold;color: #1C2741;line-height: 26px;margin-bottom: 8px;transition: all .3s;}
.honor .honor_body .honor_each .subtitle{font-size: 12px;color: #999;line-height: 18px;}
.honor .honor_body .honor_each.on .subtitle,.honor .honor_body .swiper-slide.swiper-slide-active .subtitle{font-size: 14px;line-height: 24px;}
.honor .honor_body .honor_each.on,.honor .honor_body .swiper-slide.swiper-slide-active{z-index: 1;width: 336px !important;height: 432px !important;margin-top: 141px;padding: 280px 40px 0;}
.honor .honor_body .honor_each.on .img,.honor .honor_body .swiper-slide.swiper-slide-active .img{width: 256px;height: 320px;top: -80px;}
.honor .honor_body .honor_each.on .title,.honor .honor_body .swiper-slide.swiper-slide-active .title{font-size: 24px;margin-bottom:12px;}
/* 精灵图 */
.bg-icon_kefu{width: 12px; height: 12px; margin-right: 8px; background: url('../image/css_sprites8.png') -458px -94px;}
.bg-icon_kefuh{width: 12px; height: 12px; margin-right: 8px; background: url('../image/css_sprites8.png') -458px -138px;}
.bg-icon_rjt{width: 20px; height: 20px;vertical-align: -5px;margin-left: 6px; background: url('../image/css_sprites8.png') -458px -70px;}
.bg-icon_rjth{width: 20px; height: 20px;vertical-align: -5px;margin-left: 6px; background: url('../image/css_sprites8.png') -458px -114px;}
.bg-part1_icon1{width: 64px; height: 64px; background: url('../image/css_sprites8.png') -154px -338px;}
.bg-part1_icon2{width: 64px; height: 64px; background: url('../image/css_sprites8.png') -222px -338px;}
.bg-part1_icon3{width: 64px; height: 64px; background: url('../image/css_sprites8.png') -290px -338px;}
.bg-part1_icon4{width: 64px; height: 64px; background: url('../image/css_sprites8.png') -414px -2px;}
.bg-part2_icon1{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -2px -2px;}
.bg-part2_icon1a{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -86px -2px;}
.bg-part2_icon2{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -2px -86px;}
.bg-part2_icon2a{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -86px -86px;}
.bg-part2_icon3{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -170px -2px;}
.bg-part2_icon3a{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -170px -86px;}
.bg-part2_icon4{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -2px -170px;}
.bg-part2_icon4a{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -86px -170px;}
.bg-part2_icon5{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -170px -170px;}
.bg-part2_icon5a{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -254px -2px;}
.bg-part2_icon6{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -254px -86px;}
.bg-part2_icon6a{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -254px -170px;}
.bg-part2_icon7{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -2px -254px;}
.bg-part2_icon7a{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -86px -254px;}
.bg-part2_icon8{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -170px -254px;}
.bg-part2_icon8a{width: 80px; height: 80px; background: url('../image/css_sprites8.png') -254px -254px;}
.bg-part4_icon1{width: 72px; height: 72px; background: url('../image/css_sprites8.png') -338px -2px;}
.bg-part4_icon2{width: 72px; height: 72px; background: url('../image/css_sprites8.png') -338px -78px;}
.bg-part4_icon3{width: 72px; height: 72px; background: url('../image/css_sprites8.png') -338px -154px;}
.bg-part4_icon4{width: 72px; height: 72px; background: url('../image/css_sprites8.png') -338px -230px;}
.bg-part4_icon5{width: 72px; height: 72px; background: url('../image/css_sprites8.png') -2px -338px;}
.bg-part4_icon6{width: 72px; height: 72px; background: url('../image/css_sprites8.png') -78px -338px;}
.bg-part7_icon1{width: 40px; height: 40px; background: url('../image/css_sprites8.png') -414px -70px;}
.bg-part7_icon2{width: 40px; height: 40px; background: url('../image/css_sprites8.png') -414px -114px;}
.bg-part7_icon3{width: 40px; height: 40px; background: url('../image/css_sprites8.png') -414px -158px;}
.bg-part7_icon4{width: 40px; height: 40px; background: url('../image/css_sprites8.png') -414px -202px;}
.bg-part7_icon5{width: 40px; height: 40px; background: url('../image/css_sprites8.png') -414px -246px;}
.bg-case_rht1{width: 13px; height: 10px; background: url(../image/css_sprites9.png) -256px -105px; margin-left: 12px; vertical-align: -1px;}
.bg-Frame{width: 20px; height: 24px; background: url(../image/css_sprites9.png) -275px -183px; vertical-align: -7px; margin-left: 1px;}
.bg-case_rjt{position: absolute; right: 36px; bottom: 40px; width: 38px; height: 38px; background: url(../image/css_sprites9.png) -217px -61px;}