.box1280{position: relative;}
body{background: #F5F6FA;}
/* 公共标题 */
.commontitle{padding-top: 75px; padding-bottom: 41px; text-align: center;}
.commontitle .title{font-size: 50px; color: #333;}
.commontitle .title span{color: #E62028;}
.commontitle .subtitle{font-size: 16px; color: #666; margin-top: 3px;}
/* banner */
.banner{position: relative; width: 100%; height: 645px;}
.banner_a{display: inline-block; width: 180px; height: 46px; margin-top: 397px; background: #FFF; border-radius: 6px; z-index: 2; font-size: 14px; color: #333; text-align: center; line-height: 46px; font-weight: bold;}
.banner_a:hover{opacity:.95;}
.banner_bottom{position: relative; top: -65px; left: 0; right: 0; margin: auto; width: 1280px; height: 156px; background: #FFFFFF; box-shadow: 0px 5px 10px 0px rgba(215, 218, 230, 0.2);}
.banner_bottom .left{background: #fff; height: 154px;}
.banner_bottom ul{padding: 0 30px; font-size: 0;}
.banner_bottom li{position: relative; display: inline-block; width: 305px; padding: 38px 25px 0 121px;}
.banner_bottom li .p1{line-height: 20px; font-size: 12px; color: #777;}
.banner_bottom li .p2{line-height: 30px; margin-bottom: 7px; font-size: 18px; color: #333; font-weight: bold;}
.banner_bottom li i{position: absolute; left: 21px; top: 44px;}
.strategy{height: 816px;}
.strategy .strategywrap{position: relative;}
.strategy .strategtab{display: inline-block; position: absolute; z-index: 5; background: #F5F6FA; right: 101px; top: 60px;}
.strategy .strategtab .li{display: inline-block; float: left; width: 137px; height: 44px; text-align: center; font-size: 16px; color: #333; line-height: 44px; }
.strategy .strategtab .li.on{color: #fff; background: #F21730;}
.strategy .strategli{position: relative; display: none; width: 1070px; height: 535px; background: #fff; padding: 136px 50px 0 420px; margin: 0 0 0 auto;}
.strategy .strategli.on{display: block;}
.strategy .strategli .strategli_img{position: absolute; left: -250px; top: -18px;}
.strategy .strategli .title{font-size: 26px; color: #333; width: 89%;}
.strategy .strategli .subtitle{font-size: 16px; color: #333; margin-top: 30px; position: relative;}
.strategy .strategli .subtitle::after{display: block; content: ""; width: 95px; height: 9px; background: #FDB0B0; background: linear-gradient(270deg, rgba(253,187,187,0) 0%, rgba(253,176,176,0.1900) 21%, rgba(255,57,57,0.3000) 100%); position: absolute; left: 0; bottom: 0; z-index: 1;}
.strategy .strategli ul{margin-top: 5px;}
.strategy .strategli ul li{font-size: 14px; color: #555; line-height: 31px;}
.strategy .strategli .btn_a{display: inline-block; width: 200px; height: 42px; margin-top: 35px; font-size: 12px; font-weight: bold; color: #E62129; text-align: center; line-height: 42px; background: #FFEAEB;}
.strategy .strategli .btn_a:hover{background: #F21730;color: #fff;}
.strategy .strategli .btn_a:hover .bg-icon_rjt{background: url(../image/css_sprites4.png) -410px -79px;}
.partpk{height: 842px; background: url(../image/pk_bg.png) no-repeat top;}
.partpk .pkwrap{font-size: 0;}
.partpk .pkli{display: inline-block; height: 553px; float: left; position: relative;}
.partpk .pkli .jiao{position: absolute; left: 0; bottom: 82px;}
.partpk .pkli.left{width: 637px; margin-right: 11px;}
.partpk .pkli.left .ul{background: #fff;}
.partpk .pkli.right{width: 632px;}
.partpk .pkli.right .ul{background: #EBF0FF;}
.partpk .pkli .title{font-size: 34px; color: #fff; width: 636px; height: 124px; text-align: center; line-height: 120px;}
.partpk .pkli.left .title{background: #DE0F18;}
.partpk .pkli.right .title{background: #5F6C8A;}
.partpk .pkli .ul{margin-top: 0; padding: 36px 53px; height: 320px;}
.partpk .pkli .first{margin-bottom: 13px;}
.partpk .pkli.left .first{font-size: 20px; color: #fff; background: url('../image/pk_icon0.png') no-repeat left; padding-left: 13px; line-height: 35px; height: 42px;}
.partpk .pkli.left .first span{font-size: 24px;}
.partpk .pkli.right .first{font-size: 20px;}
.partpk .pkli.right .first span{font-size: 24px; font-weight: bold; margin-left: 2px;}
.partpk .pkli .li{color: #333; font-size: 18px; line-height: 48px; margin-bottom: 10px; border-bottom: 1px dashed #dcdcdc;}
.partpk .pkli.left .li i{vertical-align: -5px;}
.partpk .pkli .li i{margin-right: 13px;}
.partpk .pkli .li span{color: #FF7417; font-weight: bold;}
.partpk .pkli .pkli_bottom{margin-top: 27px; padding-left: 92px; position: relative; left: 26px;}
.partpk .pkli .pkli_bottom .isprites{position: absolute; left: 0;}
.partpk .pkli .pkli_bottom .p1{font-size: 22px; color: #333; padding-top: 6px;}
.partpk .pkli .pkli_bottom .p2{font-size: 16px; font-weight: bold; color: rgba(191, 194, 203, 0.79);}
.services{height: 726px; background: #fff;}
.serviceswrap{font-size: 0;}
.services .servicesli{position: relative; display: inline-block; float: left; width: 421px; height: 196px; margin-bottom: 12px; padding: 40px 41px 0 139px; background: url("../image/services_bg.png") no-repeat center; transition: all .3s;}
.services .servicesli:not(:nth-child(3n)){margin-right: 8px;}
.services .servicesli > .isprites{position: absolute; top: 45px; left: 34px; transition: all .3s;}
.services .servicesli:hover > .isprites{top: 35px;}
.services .servicesli .title{font-size: 24px; color: #252C4A;}
.services .servicesli .subtitle{font-size: 14px; color: #747886; line-height: 20px; margin-top: 5px;}
.services .servicesli:hover{padding-top:30px;}
.services .servicesli .btn_a{position: relative; display: inline-block; width: 160px; height: 36px; font-size: 12px; color: #E62129; font-weight: bold; line-height: 36px; background: #fff; margin-top: 7px; opacity: 0; transition: all .3s;}
.services .servicesli:hover .btn_a{opacity: 1;}
.services .servicesli .btn_a:hover{background: #F21730;color: #fff;}
.services .servicesli .btn_a:hover .bg-icon_rjt{background: url(../image/css_sprites4.png) -410px -79px;}
.services .servicesli:nth-child(1) .btn_a{margin-top: 18px;}
.experience{height: 730px;}
.experience .experiencewrap{font-size: 0;}
.experience .experienceli{position: relative; display: inline-block; width: 221px; height: 420px; float: left; padding: 258px 29px; text-align: center; transition: width 1s;}
.experience .experienceli .experienceicon{position: absolute; top: 207px; left: 90px; transition: all 1s;}
.experience .experienceli .title{font-size: 16px; color: #fff;}
.experience .experienceli.on .title{font-size: 24px; font-weight: bold; color: #fff;}
.experience .experienceli .subtitle{font-size: 12px; color: rgba(255, 255, 255, 0.53); margin-top: 6px; line-height: 19px;}
.experience .experienceli.on .subtitle{font-size: 14px; color: rgba(255, 255, 255, 0.8); margin-top: 2px;}
.experience .experienceli .ul{display:none;}
.experience .experienceli .btn_a{margin-top: 32px; font-size:0;display: block;}
.experience .experienceli.on .ul{display: block; margin-top: 25px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.22); width: 351px; margin-bottom: 13px; transition: all .5s;}
.experience .experienceli.on .subtitle span{color: #fff;}
.experience .experienceli li{font-size: 13px; color: rgba(255,255,255,.85); line-height: 35px;}
.experience .experienceli.on .btn_a{display: inline-block; width: 200px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; background: rgba(255,255,255,.26); }
.experience .experienceli.on .btn_a:hover{background: #fff;color: #DE0F18;font-weight: bold;}
.experience .experienceli.on .btn_a:hover .bg-icon_rjtty{background: url(../image/css_sprites4.png) -410px -102px;vertical-align: 0;}
.experience .experienceli img{position: absolute; right: 0; top: 0; z-index: -1; opacity: 1;}
.experience .experienceli .img1{opacity: 1; width: 398px; height: 420px;}
.experience .experienceli:not(:last-child){margin-right: 9px;}
.experience .experienceli.on{width: 820px; background: #DE0F18; text-align: left; padding: 34px 36px;}
.experience .experienceli.on .img1{display: block; z-index: initial;}
.experience .experienceli.on .img2{display: none !important;}
.experience .experienceli.on .experienceicon{top: 34px; left: 349px; opacity: .54;}
.team{height: 824px; position: relative; background: url("../image/team_bg.png") no-repeat center top;}
.team .teamwrap{font-size: 0;width: calc(50% + 640px);height: 480px;position: relative;margin-right: 0;overflow: hidden;}
.team .teamli{position: relative;display: inline-block;width: 356px;height: 469px;float: left;background-color: #fff;margin-bottom: 20px;transition: all .3s;overflow: hidden;}
.team .teamli:hover .div{height: 254px;}
.team .teamli .div{width:100%; height: 202px; padding: 0 32px 0; background: #fff; position: absolute; bottom: 0; transition: all .3s;}
.team .teamli .spriteslogo{z-index: 1; position: relative; top: -24px;}
.team .teamli .title{font-size: 22px; font-weight: bold; color: #333; margin-bottom: 37px; position: relative; margin-top: -7px;}
.team .teamli .title:after{content: '---'; position: absolute; left: 0; top: 41px; font-size: 23px; font-weight: normal; color: #DFDEE2;}
.team .teamli .title i{vertical-align: 1px; margin-left: 3px;}
.team .teamli .subtitle{font-size: 15px; color: #666; line-height: 21px;}
.team .teamli .btn_a{display: inline-block; width: 100%; height: 40px; text-align: center; line-height: 40px; font-size: 12px; color: #fff; background: #FF0000; opacity: 0; transition: all .3s; margin-top: 27px;}
.team .teamli:hover .btn_a{opacity: 1;}
.team .teamli .img1{position: absolute; right: 0; top: 0; transition: all .3s; border: 1px solid white;}
.team .teamli:hover .img1{top: -33px;}
.team .teamli:not(:last-child){margin-right: 6px;}
.team .teamli.on{width: 820px; background: #DE0F18;}
.team .teamli.on .img1{display: block;}
.team .teamli.on .spriteslogo{top: 34px; left: 349px; opacity: .6;}
.partner{height: 584px;background: #F5F6F9;}
.partner .sd_title{padding-top: 70px;}
.partner .logobox{position: relative;}
.partner .logobox::after{content: "";display: block;width: 164px;height: 299px;background: url(../image/partner_r.png) no-repeat;position: absolute;top: 0;right: 0;}
.partner ul{height: 300px;overflow: hidden;position: relative;font-size: 0;}
.partner ul::after{content: "";display: block;width: 164px;height: 299px;background: url('../image/partner_l.png') no-repeat;position: absolute;top: 0;left: 0;}
.partner li{margin-bottom: 20px;height: 80px;width: 2544px;}
.partner li.odd{animation: scrollToRight 36s linear infinite;-webkit-animation: scrollToRight 36s linear infinite;}
.partner li.even{animation: scrollLeft 36s linear infinite;-webkit-animation: scrollLeft 36s linear infinite;}
.partner li img{display: inline-block;vertical-align: top;margin-right: 22px;}
@keyframes scrollToRight{from{transform: translate3d(-50%, 0, 0);}to{transform: translate3d(0%, 0, 0);}}
@-webkit-keyframes scrollToRight{from{-webkit-transform: translate3d(-50%, 0, 0);}to{-webkit-transform: translate3d(0%, 0, 0);}}
@keyframes scrollLeft{from{transform: translate3d(0, 0, 0);}to{transform: translate3d(-50%, 0, 0);}}
@-webkit-keyframes scrollLeft{from{-webkit-transform: translate3d(0, 0, 0);}to{-webkit-transform: translate3d(-50%, 0, 0);}}
/* 精灵图 */
.bg-banner_icon1{width: 80px; height: 61px; background: url('../image/css_sprites4.png') -345px -110px;}
.bg-banner_icon2{width: 80px; height: 61px; background: url('../image/css_sprites4.png') -2px -239px;}
.bg-banner_icon3{width: 81px; height: 61px; background: url('../image/css_sprites4.png') -260px -110px;}
.bg-banner_icon4{width: 80px; height: 61px; background: url('../image/css_sprites4.png') -86px -239px;}
.bg-experience_icon1{width: 32px; height: 32px; background: url('../image/css_sprites4.png') -302px -239px;}
.bg-experience_icon2{width: 36px; height: 36px; background: url('../image/css_sprites4.png') -224px -239px;}
.bg-experience_icon3{width: 34px; height: 34px; background: url('../image/css_sprites4.png') -264px -239px;}
.bg-icon_gou{width: 17px; height: 17px; background: url('../image/css_sprites4.png') -410px -56px; vertical-align: -3px; margin-right: 10px;}
.bg-icon_goucl{width: 12px; height: 10px; background: url('../image/css_sprites4.png') -410px -88px; vertical-align: -1px; margin-right: 14px;}
.bg-icon_rjt{width: 17px; height: 4px; background: url('../image/css_sprites4.png') -410px -102px; vertical-align: 3px; margin-left: 8px;}
.bg-icon_rjtb{width: 16px; height: 4px; background: url('../image/css_sprites4.png') -199px -206px;}
.bg-icon_rjtty{width: 18px; height: 7px; background: url('../image/css_sprites4.png') -410px -77px; margin-left: 7px; vertical-align: 2px;}
.bg-pk_icon1{width: 20px; height: 19px; background: url('../image/css_sprites4.png') -175px -206px; margin-left: 5px;}
.bg-pk_icon2{width: 21px; height: 23px; background: url('../image/css_sprites4.png') -181px -174px;}
.bg-pk_icon3{width: 21px; height: 23px; background: url('../image/css_sprites4.png') -206px -174px;}
.bg-pk_icon4{width: 21px; height: 23px; background: url('../image/css_sprites4.png') -231px -174px;}
.bg-pk_icon5{width: 71px; height: 71px; background: url('../image/css_sprites4.png') -260px -35px;}
.bg-pk_icon6{width: 71px; height: 71px; background: url('../image/css_sprites4.png') -335px -35px;}
.bg-pk_icon7{width: 18px; height: 17px; background: url('../image/css_sprites4.png') -410px -35px;}
.bg-pk_lj{width: 77px; height: 27px; background: url('../image/css_sprites4.png') -260px -206px;}
.bg-pk_rj{width: 77px; height: 27px; background: url('../image/css_sprites4.png') -341px -206px; opacity: .4;}
.bg-services_icon1{width: 82px; height: 82px; background: url('../image/css_sprites4.png') -2px -2px;}
.bg-services_icon2{width: 82px; height: 82px; background: url('../image/css_sprites4.png') -88px -2px;}
.bg-services_icon3{width: 82px; height: 82px; background: url('../image/css_sprites4.png') -2px -88px;}
.bg-services_icon4{width: 82px; height: 82px; background: url('../image/css_sprites4.png') -88px -88px;}
.bg-services_icon5{width: 82px; height: 82px; background: url('../image/css_sprites4.png') -174px -2px;}
.bg-services_icon6{width: 82px; height: 82px; background: url('../image/css_sprites4.png') -174px -88px;}
.bg-team_jy4{width: 169px; height: 29px; background: url('../image/css_sprites4.png') -2px -206px;}
.bg-team_jy5{width: 169px; height: 29px; background: url('../image/css_sprites4.png') -260px -2px;}
.bg-team_jy6{width: 169px; height: 27px; background: url('../image/css_sprites4.png') -260px -175px;}
.bg-team_jy10{width: 175px; height: 28px; background: url('../image/css_sprites4.png') -2px -174px;}
.bg-team_logo{width: 50px; height: 50px; background: url('../image/css_sprites4.png') -170px -239px;}
.bg-title_bg{width: 95px; height: 9px; background: url('../image/css_sprites4.png') -224px -279px;}