.box1280{position: relative;}
body{background: #F5F6FA;}
/* 公共标题 */
.commontitle{padding-top: 56px;padding-bottom: 41px;text-align: center;}
.commontitle .title{font-size: 42px;color: #222;font-weight: bold;}
.commontitle .subtitle{font-size: 16px;color: #999;margin-top: 6px;}
.commontitle.white .title,
.commontitle.white .title span{color: #fff;}
.commontitle.white .subtitle{color: #999;}
/* banner */
.banner{position: relative;width: 100%;height: 660px;}
.banner .box1280{padding: 326px 643px 0 0;}
.banner .title{font-size: 56px; color: #FFFFFF; line-height: 78px; margin-bottom: 70px; position: relative;}
.banner .subtitle:after{content: '';position: absolute;left: 0;width: 16px;height: 4px;background: #FFFFFF;top: -27px;}
.banner .subtitle{font-size: 20px;color: #fff;line-height: 26px;position: relative;}
.banner_a{margin-top: 67px;line-height: 46px;border-radius: 10px;color:#fff;font-size: 16px;color: #FFFFFF;}
.banner_a:nth-child(1){width: 227px; background: #E62129;}
.banner_a:nth-child(2){width: 182px; background: #FF9900; margin-left:16px;}
.common_btn{position:relative;display: inline-block;z-index: 2;font-size: 16px;color: #fff;font-weight: bold;text-align: center;line-height: 57px;height: 59px;}
.banner_a:hover{opacity:.9;}
.common_btn::after{display: inline-block;vertical-align: top;content: "";width: 18px;height: 18px;background: url(../image/css_sprites9.png) no-repeat -3px -258px;margin-left: 7px;margin-top: 21px;}
.strategy{background: #EFF2FA;padding-bottom: 70px;}
.strategy .strategli{position: relative;margin: 0 0 0 auto;}
.strategy .strategli ul{font-size: 0;}
.strategy .strategli li{display: inline-block;position: relative;margin-bottom: 7px;transition: all .3s;overflow: hidden;width: 422px;height: 270px;background: #FFFFFF;padding: 60px 34px 0 40px;}
.strategy .strategli li:hover{background: #E6232B;}
.strategy .strategli li:not(:nth-child(3n)){margin-right: 7px;}
.strategy .strategli li>.isprites{position: absolute;right: 0;top: 0;width:182px;height: 170px; background-position: right top;background-repeat: no-repeat;}
.strategy .strategli li:nth-child(1)>.isprites{background-image: url('../image/jjfa_icon1bg.png');}
.strategy .strategli li:nth-child(2)>.isprites{background-image: url('../image/jjfa_icon2bg.png');}
.strategy .strategli li:nth-child(3)>.isprites{background-image: url('../image/jjfa_icon3bg.png');}
.strategy .strategli li:nth-child(4)>.isprites{background-image: url('../image/jjfa_icon4bg.png');}
.strategy .strategli li:nth-child(5)>.isprites{background-image: url('../image/jjfa_icon5bg.png');}
.strategy .strategli li:nth-child(6)>.isprites{background-image: url('../image/jjfa_icon6bg.png');}
.strategy .strategli li:nth-child(1):hover>.isprites{background-image: url('../image/jjfa_icon1.png');}
.strategy .strategli li:nth-child(2):hover>.isprites{background-image: url('../image/jjfa_icon2.png');}
.strategy .strategli li:nth-child(3):hover>.isprites{background-image: url('../image/jjfa_icon3.png');}
.strategy .strategli li:nth-child(4):hover>.isprites{background-image: url('../image/jjfa_icon4.png');}
.strategy .strategli li:nth-child(5):hover>.isprites{background-image: url('../image/jjfa_icon5.png');}
.strategy .strategli li:nth-child(6):hover>.isprites{background-image: url('../image/jjfa_icon6.png');}
.strategy .strategli li .title{position: relative;font-size: 28px;font-weight: bold;}
.strategy .strategli li .title:after{position: absolute;left: 0;bottom: -60px;content: '';width: 36px;height: 2px;background: #F1F1F1;transition: all .3s;}
.strategy .strategli li .subtitle{margin-top: 48px;position: relative;padding-left: 89px;font-size: 12px;color: #666;line-height: 22px;transition: all .3s;text-align: justify;height: 66px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.strategy .strategli li:hover .title:after{background: #fff;bottom: -32px;}
.strategy .strategli li:hover .subtitle{margin-top: 20px;}
.strategy .strategli li:hover .title,.strategy .strategli li:hover .subtitle{color: #fff;}
.strategy .strategli li .btna{position: relative; width: 157px; height: 36px; padding-left: 16px; font-size: 12px; color: #fff; line-height: 36px; background: #FF9900; border-radius: 6px; display: inline-block; left: 88px; margin-top: 14px; opacity: 0;}
.strategy .strategli li:hover .btna{opacity:1;}
.strategy .strategli li .btna span{position: absolute; display: inline-block; width: 36px; height: 36px; background: rgba(255,255,255,.3); border-radius: 0 6px 6px 0; right: 0; text-align: center;}
.why{height: 816px;background: url('../image/why_bg.png') no-repeat center;}
.why .whyli{position: relative;margin: -61px 0 0 auto;width: 100%;height: 627px;background: url(../image/why_mainbg.png) no-repeat top;}
.why .whyli ul{font-size: 0;width: 848px;position: absolute;right: 0;padding-top: 142px;}
.why .whyli li{display: inline-block;position: relative;margin-bottom: 7px;transition: all .3s;overflow: hidden;width: 281px;height: 148px;padding: 0 55px 0 0;}
.why .whyli li:not(:nth-child(3n)){/* margin-right: 7px; */}
.why .whyli li>.isprites{position: absolute;left: 0;top: 4px;}
.why .whyli li .title{position: relative;font-size: 20px;font-weight: bold;padding-left: 34px;}
.why .whyli li .title:after{position: absolute;left: 36px;bottom: -17px;content: '';width: 36px;height: 1px;background: #DEDEDE;transition: all .3s;}
.why .whyli li .subtitle{margin-top: 34px;position: relative;font-size: 13px;color: #666;line-height: 22px;transition: all .3s;padding-left: 36px;}
.why .whyli .btna{position: absolute; width: 250px; height: 54px; padding-left: 32px; font-size: 16px; color: #fff; line-height: 54px; background: #E6232B; border-radius: 6px; display: inline-block; left: 432px; margin-top: 14px; bottom: 66px;}
.why .whyli .btna span{position: absolute; display: inline-block; width: 54px; height: 54px; background: rgba(255,255,255,.3); border-radius: 0 6px 6px 0; right: 0; text-align: center;}
.why .whyli .btna:hover{opacity:.9;}
.advantage{height: 780px;background: url('../image/wmdys_bg.png') no-repeat center;}
.advantage .advantageli{position: relative;margin-top: 42px;width: 100%;height: 372px;}
.advantage .advantageli ul{font-size: 0;}
.advantage .advantageli li{display: inline-block;position: relative;margin-bottom: 7px;transition: all .3s;overflow: hidden;width: 426px !important;height: 372px !important;padding: 6px 53px 0 39px;box-sizing: border-box !important;}
.advantage .advantageli li:not(:first-child){border-left:1px solid #E7ECF8;}
.advantage .advantageli li.slide1:hover .isprites1{background-position: -183px -228px;}
.advantage .advantageli li.slide2:hover .isprites1{background-position: -153px -228px;}
.advantage .advantageli li.slide3:hover .isprites1{background-position: -275px -93px;}
.advantage .advantageli li.slide4:hover .isprites1{background-position: -213px -228px;}
.advantage .advantageli li.slide5:hover .isprites1{background-position: -275px -3px;}
.advantage .advantageli li.slide6:hover .isprites1{background-position: -243px -228px;}
.advantage .advantageli li:hover .isprites2{background-position: -177px -170px;}
.advantage .advantageli li .title{position: relative;font-size: 24px;font-weight: bold;margin: 12px 0 16px;color: #222;}
.advantage .advantageli li:hover .title{color: #E6232B;}
.advantage .advantageli li .subtitle{margin-bottom: 44px;position: relative;font-size: 14px;color: #7B7B7B;line-height: 26px;height: 78px;text-align: justify;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.advantage .advantageli li img{display:block;margin-bottom: 76px;}
.advantage .advantageli .btna{position: absolute; width: 183px; height: 54px; padding-left: 32px; font-size: 16px; color: #fff; line-height: 54px; background: #E6232B; border-radius: 6px; display: inline-block; left: 322px; margin-top: 14px; bottom: 66px;}
.advantage .advantageli .btna span{position: absolute; display: inline-block; width: 54px; height: 54px; background: rgba(255,255,255,.3); border-radius: 0 6px 6px 0; right: 0; text-align: center;}
.advantage .advantageli .btna:hover{opacity:.9;}
.advantage .arrow_a{position: absolute;bottom: -27%;margin-top: -15px;width: 52px;height: 52px;background: url('../image/css_sprites9.png') no-repeat;cursor: pointer;z-index: 2;}
.advantage .arrow-left{background-position: -3px -132px; left: 38%;}
.advantage .arrow-right{background-position: -61px -132px; right: 38%;}
.advantage .arrow-left:hover{background-position: -217px -3px;}
.advantage .arrow-right:hover{background-position: -119px -132px;}
.advantage .swiper-container{height: 100%; width: 1280px;}
.advantage .pagination{position: absolute; left: 0; text-align: center; bottom: -84px; width: 100%;}
.advantage .swiper-pagination-switch{display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #D1D7E7; margin: 0 8px; cursor: pointer;}
.advantage .swiper-active-switch{background: #fff; border: 2px solid #E6232B;}
.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: 0px 0px 0px 0px;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;}
.fwlc{height: 810px;background: url('../image/rzyq_bg.png') no-repeat center;overflow-x: hidden;min-width: 1280px;}
.fwlc .part5adiv_list:not(:nth-child(3n)){margin-right: 0;}
.fwlc .part5a_r{height: 582px;background: url('../image/rzyq_mainbg.png') no-repeat;padding: 0;position: relative;}
.fwlc .part5a_r::after{content: "";display: block;width: 430px;height: 477px;background: url(../image/rzyq_mainbg_1.png);position: absolute;bottom: 0;right: -192px;}
.fwlc .part5adiv{padding-top: 61px;}
.fwlc .part5adiv_list{width: 350px;height: 234px;padding: 40px 0 0 70px;overflow: hidden;float: left;position: relative;margin-bottom: 41px;}
.fwlc .part5adiv_list .title{font-size: 22px;color: #222;position: relative;font-weight: bold;}
.fwlc .part5adiv_list .kefu{width: 98px; height: 32px; background: #E31E39; font-size: 14px; color: #FFFFFF; line-height: 32px; display: inline-block; text-align: center; margin-top: 76px; margin-left: -8px;}
.fwlc .part5adiv_list .kefu:hover{opacity:.5;}
.fwlc .part5adiv_list .title:after{content: '';position: absolute;bottom: -10px;left: 0;width: 14px;height: 2px;background: #E6232B;}
.fwlc .part5adiv_list .subtitle{font-size: 14px;margin-top: 20px;color: #8B8B8B;line-height: 22px;}
.fwlc .part5adiv_list .isprites{position: absolute;top: 0;left: 70px;}
.process{width: 100%; position: relative; height: 510px;}
.process-box .list-box{width: 1280px; height: 267px;}
.process-box .list{position: relative; float: left; height: 267px; text-align: center; padding-top: 21px; padding-right: 28px; background: url("../image/flow_bg.png") no-repeat center;}
.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: 18px; font-weight: bold; color: #222; margin: 22px 0 7px;}
.process-box .list .p2{font-size: 12px; color: #7B7B7B; margin-top: 6px;}
.process-box .list .p3{font-size: 36px; color: #333; line-height: 36px; font-weight: bold;}
.process-box .list .isprites1{}
.process-box .list .isprites2{position: absolute; right: 4px; top: 105px;}
.partner{height: 580px; background: #EFF2FA;}
.partner .partner-box{font-size: 0;}
.partner .partner-box li{background-position: center;background-repeat: no-repeat;width: 200px;height: 120px;float: left;border-bottom: 1px solid #f5f5f5;}
.partner .partner-box li:nth-child(13),
.partner .partner-box li:nth-child(14),
.partner .partner-box li:nth-child(15),
.partner .partner-box li:nth-child(16),
.partner .partner-box li:nth-child(17),
.partner .partner-box li:nth-child(18){border-bottom: none;}
.partner .partner-box li:nth-child(1){background-image: url("../image/lonhtg1.png")}
.partner .partner-box li:nth-child(1):hover{background-image: url("../image/lonhtgs1.png")}
.partner .partner-box li:nth-child(2){background-image: url("../image/lonhtg2.png")}
.partner .partner-box li:nth-child(2):hover{background-image: url("../image/lonhtgs2.png")}
.partner .partner-box li:nth-child(3){background-image: url("../image/lonhtg3.png")}
.partner .partner-box li:nth-child(3):hover{background-image: url("../image/lonhtgs3.png")}
.partner .partner-box li:nth-child(4){background-image: url("../image/lonhtg4.png")}
.partner .partner-box li:nth-child(4):hover{background-image: url("../image/lonhtgs4.png")}
.partner .partner-box li:nth-child(5){background-image: url("../image/lonhtg5.png")}
.partner .partner-box li:nth-child(5):hover{background-image: url("../image/lonhtgs5.png")}
.partner .partner-box li:nth-child(6){background-image: url("../image/lonhtg6.png")}
.partner .partner-box li:nth-child(6):hover{background-image: url("../image/lonhtgs6.png")}
.partner .partner-box li:nth-child(7){background-image: url("../image/lonhtg7.png")}
.partner .partner-box li:nth-child(7):hover{background-image: url("../image/lonhtgs7.png")}
.partner .partner-box li:nth-child(8){background-image: url("../image/lonhtg8.png")}
.partner .partner-box li:nth-child(8):hover{background-image: url("../image/lonhtgs8.png")}
.partner .partner-box li:nth-child(9){background-image: url("../image/lonhtg9.png")}
.partner .partner-box li:nth-child(9):hover{background-image: url("../image/lonhtgs9.png")}
.partner .partner-box li:nth-child(10){background-image: url("../image/lonhtg10.png")}
.partner .partner-box li:nth-child(10):hover{background-image: url("../image/lonhtgs10.png")}
.partner .partner-box li:nth-child(11){background-image: url("../image/lonhtg11.png")}
.partner .partner-box li:nth-child(11):hover{background-image: url("../image/lonhtgs11.png")}
.partner .partner-box li:nth-child(12){background-image: url("../image/lonhtg12.png")}
.partner .partner-box li:nth-child(12):hover{background-image: url("../image/lonhtgs12.png")}
.partner .partner-box li:nth-child(13){background-image: url("../image/lonhtg13.png")}
.partner .partner-box li:nth-child(13):hover{background-image: url("../image/lonhtgs13.png")}
.partner .partner-box li:nth-child(14){background-image: url("../image/lonhtg14.png")}
.partner .partner-box li:nth-child(14):hover{background-image: url("../image/lonhtgs14.png")}
.partner .partner-box li:nth-child(15){background-image: url("../image/lonhtg15.png")}
.partner .partner-box li:nth-child(15):hover{background-image: url("../image/lonhtgs15.png")}
.partner .partner-box li:nth-child(16){background-image: url("../image/lonhtg16.png")}
.partner .partner-box li:nth-child(16):hover{background-image: url("../image/lonhtgs16.png")}
.partner .partner-box li:nth-child(17){background-image: url("../image/lonhtg17.png")}
.partner .partner-box li:nth-child(17):hover{background-image: url("../image/lonhtgs17.png")}
.partner .partner-box li:nth-child(18){background-image: url("../image/lonhtg18.png")}
.partner .partner-box li:nth-child(18):hover{background-image: url("../image/lonhtgs18.png")}
/* 精灵图 */
.bg-case_rht1{width: 13px; height: 10px; background: url('../image/css_sprites9.png') -256px -105px; margin-left: 12px; vertical-align: -1px;}
.bg-case_rjt{width: 38px; height: 38px; background: url('../image/css_sprites9.png') -217px -61px;}
.bg-flow_icon1{width: 33px; height: 34px; background: url('../image/css_sprites9.png') -217px -105px;}
.bg-flow_icon2{width: 33px; height: 32px; background: url('../image/css_sprites9.png') -217px -145px;}
.bg-flow_icon3{width: 33px; height: 32px; background: url('../image/css_sprites9.png') -177px -132px;}
.bg-flow_icon4{width: 33px; height: 32px; background: url('../image/css_sprites9.png') -3px -190px;}
.bg-flow_icon5{width: 33px; height: 32px; background: url('../image/css_sprites9.png') -42px -190px;}
.bg-Frame{width: 20px; height: 24px; background: url('../image/css_sprites9.png') -275px -183px; vertical-align: -7px; margin-left: 1px;}
.bg-icon_yjt{width: 18px; height: 18px; background: url('../image/css_sprites9.png') -3px -258px;}
.bg-jjfa_rjt{width: 14px; height: 14px; background: url('../image/css_sprites9.png') -27px -258px;vertical-align: -2px;}
.bg-rzyq_05{width: 64px; height: 58px; background: url('../image/css_sprites9.png') -76px -67px;}
.bg-why_icon8{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -116px -190px;}
.bg-why_iconjt{width: 20px; height: 20px; background: url('../image/css_sprites9.png') -275px -213px;}
.bg-wmdys_icon_rjt{width: 17px; height: 13px; background: url('../image/css_sprites9.png') -275px -239px;}
.bg-wmdys_icon_rjth{width: 17px; height: 13px; background: url('../image/css_sprites9.png') -177px -170px;}
.bg-wmdys_pagel{width: 52px; height: 52px; background: url('../image/css_sprites9.png') -3px -132px;}
.bg-wmdys_pager{width: 52px; height: 52px; background: url('../image/css_sprites9.png') -61px -132px;}
.bg-flow_rjt{width: 29px; height: 27px; background: url('../image/css_sprites9.png') -81px -190px;}
.bg-rzyq_04{width: 67px; height: 58px; background: url('../image/css_sprites9.png') -3px -3px;}
.bg-rzyq_01{width: 56px; height: 58px; background: url('../image/css_sprites9.png') -147px -67px;}
.bg-rzyq_02{width: 64px; height: 58px; background: url('../image/css_sprites9.png') -147px -3px;}
.bg-why_icon7{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -146px -190px;}
.bg-why_icon5{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -176px -190px;}
.bg-why_icon4{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -206px -190px;}
.bg-wmdys_icon_qdys{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -236px -190px;}
.bg-rzyq_06{width: 65px; height: 58px; background: url('../image/css_sprites9.png') -76px -3px;}
.bg-why_icon6{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -3px -228px;}
.bg-wmdys_icon_tdys{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -33px -228px;}
.bg-wmdys_icon_wzys{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -63px -228px;}
.bg-rzyq_03{width: 65px; height: 59px; background: url('../image/css_sprites9.png') -3px -67px;}
.bg-why_icon3{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -93px -228px;}
.bg-why_icon2{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -123px -228px;}
.bg-wmdys_icon_wzysh{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -153px -228px;}
.bg-wmdys_icon_tdysh{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -183px -228px;}
.bg-wmdys_icon_yxysh{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -213px -228px;}
.bg-wmdys_icon_fwysh{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -243px -228px;}
.bg-wmdys_icon_yyslh{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -275px -3px;}
.bg-wmdys_icon_yysl{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -275px -33px;}
.bg-wmdys_icon_fwys{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -275px -63px;}
.bg-wmdys_icon_qdysh{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -275px -93px;}
.bg-wmdys_icon_yxys{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -275px -123px;}
.bg-wmdys_pagerh{width: 52px; height: 52px; background: url('../image/css_sprites9.png') -119px -132px;}
.bg-wmdys_pagelh{width: 52px; height: 52px; background: url('../image/css_sprites9.png') -217px -3px;}
.bg-why_icon1{width: 24px; height: 24px; background: url('../image/css_sprites9.png') -275px -153px;}