/*about*/
@charset "utf-8";
/* CSS Document */
/*=焦点图=*/
.bannerBoxInside {background: url(../images/banner.jpg);}

/* 简介 */
.aboutBox {padding-top: 40px;width: 1000px;margin: 0 auto 60px;background: #fff;height: auto;display: block;overflow: hidden;}
.aboutBox .companyIntroduceDiv {width: 940px; height: auto; margin: 0 auto 100px; display: block; overflow: hidden;}
.aboutBox .cICon {width: 100%; height: auto; padding-top: 50px;}
.aboutBox .cICon .cIConWords {float: left; width: 50%; color: #505a70; font-size: 15px; }
.aboutBox .cICon .cIConWords p {margin-bottom: 30px;}
.aboutBox .cICon .cIConWords p:last-child {margin-bottom: 0;}
.aboutBox .cIConLeft {padding-right: 25px; position: relative;}
.aboutBox .cIConLeft .cICW {position: relative; }
.aboutBox .cIConLeft i {width: 2px; height: calc(100% - 60px); border-right: dashed #505a70 2px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.aboutBox .cIConRight {padding-left: 25px;}

/* 短视频 */
.shortVideoBox {width: 100%;display: block;overflow: hidden;height: auto;background: url(../images/lcbbg.jpg) no-repeat center bottom #fff;padding-bottom: 70px;}

.shadeBox {width: 980px;box-shadow: 0 0 15px #e9e9e9;margin: 0 auto;border-radius: 5px;background: url(../images/ywbg.png) no-repeat center bottom #fff;background-size: contain;padding-bottom: 50px}

.shortVideoBox .shadeBox {border-top-right-radius: 50px;}

.shortVideoBox .sVAccItemBox .imgLi {width: 980px;height: 165px;margin: 0 auto 50px;border-top-right-radius: 50px;border-bottom-left-radius: 50px;background: #c1282d;}
.shortVideoBox .sVAccItemBox .imgLi ul {width: 982px; margin-left: -1px; height: 167px;}
.shortVideoBox .sVAccItemBox .imgLi ul li {float: left; width: 33%; text-align: center; background: url(../images/item.png) no-repeat 60px 24px #c1282d; height: 165px; transition: all .5s ease-in-out .1s; cursor: pointer; }
.shortVideoBox .sVAccItemBox .imgLi ul li:nth-child(2) {background-position-x: -267px; width: 34%;}
.shortVideoBox .sVAccItemBox .imgLi ul li:nth-child(3) {background-position-x: -589px;}
.shortVideoBox .sVAccItemBox .imgLi ul li.active {border-top-right-radius: 45px; border-bottom-left-radius: 45px;}
.shortVideoBox .sVAccItemBox .imgLi ul li:nth-child(1).active {background: url(../images/item.png) no-repeat 60px -169px #fff;}
.shortVideoBox .sVAccItemBox .imgLi ul li:nth-child(2).active {background: url(../images/item.png) no-repeat -267px -169px #fff;}
.shortVideoBox .sVAccItemBox .imgLi ul li:nth-child(3).active {background: url(../images/item.png) no-repeat -589px -169px #fff;}

.shortVideoBox .sVAccItemBox .videoAccountBox {width: 980px;margin: 30px auto 0;display: block;overflow: hidden;}

.shortVideoBox .sVAccItemBox .videoAccountDiv {display: none}
.shortVideoBox .sVAccItemBox .videoAccountDiv.active {display: block}
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccountList {width: 385px;}
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccountList ul {padding: 15px 0}

.itemCom {float: left;height: auto;}
.itemCom ul li {width: 245px; height: 80px; box-shadow: 0 0 15px #e5e5e5; border-radius: 15px; margin-bottom: 15px; padding: 15px 0; background: #fff;}
.itemCom ul li:first-child {margin-left: 80px; }
.itemCom ul li:nth-child(2) {margin-left: 30px; }
.itemCom ul li:nth-child(3) {margin-left: 100px; }
.itemCom ul li:nth-child(4) {margin-left: 60px; }
.itemCom ul li i {width: 10px; height: 40px; background: #c1282d; float: left; margin-top: 5px; margin-right: 30px; }
.itemCom ul li img {float: left; margin-right: 15px; }
.itemCom ul li p {float: left; font-size: 18px; color: #999; font-weight: bold; height: 55px; line-height: 55px; }

.firstVA .itemCom ul li, .thirdVA .itemCom ul li {width: 300px;height: 95px;padding: 7px 0 0 0;margin-left: 35px;margin-top: 75px;}

.thirdVA .itemCom ul li {margin-top: 0;padding-top: 22px;}

.firstVA .itemCom ul li i {margin-top: 20px;}

.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccount {float: left;width: 555px;height: auto;position: relative;}
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccount .videoAccountCon {position: relative; margin-bottom: 65px; padding-top: 30px;}
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccount .videoAccountCon h1 {font-size: 24px; color: #c1282d; font-weight: bold; height: 40px; line-height: 40px; }
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccount .videoAccountCon h4 {font-size: 16px; color: #c1282d; height: 20px; line-height: 20px; margin-bottom: 10px; }
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccount .videoAccountCon p {color: #999}
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccount .more {width: 160px; border-radius: 20px; height: 40px; background: #c1282d;}
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccount .more a {color: #fff; font-size: 16px; text-align: center; display: block; line-height: 40px; }
.shortVideoBox .sVAccItemBox .videoAccountDiv .videoAccount .more a i {width: 40px; background: url(../images/ico.png) no-repeat; height: 12px; display: inline-block; background-position: 2px 0px;}

.shortVideoBox .sVAccItemBox .videoAccountDiv.thirdVA .videoAccount .videoAccountCon h1 {height: auto;}
.shortVideoBox .sVAccItemBox .videoAccountDiv.thirdVA .videoAccount .videoAccountCon h1 em {font-weight: normal}
/* 收割 */
.shortVideoBox .harvest {width: 990px;margin: 80px auto 0;display: block;overflow: hidden;}
.shortVideoBox .harvest ul li {float: left; width: 295px; background: url(../images/tl.png) no-repeat 0 15px; padding-top: 40px;}
.shortVideoBox .harvest ul li h4 {background: url(../images/jp02.png) no-repeat 0 0; background: url(../images/jp02.png) no-repeat 0 0; padding-left: 30px; height: 24px; line-height: 20px; color: #c1282d; }
.shortVideoBox .harvest ul li p {padding: 0 30px; color: #999; margin-bottom: 20px; }
.shortVideoBox .harvest ul li:first-child {width: 105px; background: none; padding: 0; }


/* 核心价值观 */
.valueBox {width: 100%;display: block;overflow: hidden;height: auto;background: url(../images/value.jpg) no-repeat center bottom #fff;padding-bottom: 70px;}
.valueBox shadeBox{height:515px}
.valueBox .yearCase {width: 100%; height: auto; text-align: center; margin-bottom: 80px;}
.valueBox .valueListDiv {margin-top: 90px; padding: 80px 0 60px 0; display: block; overflow: hidden;}
/*.valueBox .valueList {width: 650px}*/
.valueBox .valueListDiv .itemCom ul li {float: left; cursor: pointer;}
.valueBox .valueListDiv .itemCom ul li.active {display: block}
.valueBox .valueListDiv .itemCom ul li p {color: #c1282d; }
.valueBox .valueListDiv .itemCom ul li:nth-child(2n+1) {margin-right: 25px; }
.valueBox .valueListDiv .itemCom ul li:nth-child(1) {margin-left: 75px; }
.valueBox .valueListDiv .itemCom ul li:nth-child(3) {margin-left: 30px}
.valueBox .valueListDiv .itemCom ul li:nth-child(5) {margin-left: 100px}
.valueBox .valueListDiv .itemCom ul li:nth-child(7) {margin-left: 60px}
.valueBox .valueListDiv .itemCom ul li.active {background: #c1282d; }
.valueBox .valueListDiv .itemCom ul li.active i {background: #fff;}
.valueBox .valueListDiv .itemCom ul li.active p {color: #fff   }
.valueBox .valueListDiv .valueList ul li .vLImg {float: left; margin-right: 10px; width: 55px; height: 55px; background: url(../images/v.png) no-repeat 0 0;}
.valueBox .valueListDiv .valueList ul li:nth-child(2) .vLImg {background-position-y: -74px}
.valueBox .valueListDiv .valueList ul li:nth-child(3) .vLImg {background-position-y: -147px}
.valueBox .valueListDiv .valueList ul li:nth-child(4) .vLImg {background-position-y: -224px}
.valueBox .valueListDiv .valueList ul li:nth-child(5) .vLImg {background-position-y: -299px}
.valueBox .valueListDiv .valueList ul li:nth-child(6) .vLImg {background-position-y: -370px}
.valueBox .valueListDiv .valueList ul li:nth-child(7) .vLImg {background-position-y: -444px}
.valueBox .valueListDiv .valueList ul li:nth-child(8) .vLImg {background-position-y: -521px}
.valueBox .valueListDiv .valueList ul li.active .vLImg {background-position-x: -93px}


.valueBox .valueConDiv {float: left; width: 285px; height: auto;}
.valueBox .valueConDiv .valueCon {display: none}
.valueBox .valueConDiv .valueCon.active {display: block   }
.valueBox .valueCon h6 {font-size: 16px; color: #c1282d; height: 20px; line-height: 20px;}
.valueBox .valueCon h1 {font-size: 48px; color: #c1282d; height: 60px; line-height: 60px; margin-bottom: 10px;}
.valueBox .valueCon p {color: #999; margin-bottom: 20px}


/* 加入我们 */

.joinUsBox .joinUsDiv {background: url(../images/joinus.jpg) no-repeat;height: 508px;margin-top: 70px;}
.joinUsBox .joinUsDiv .joinUsCon {width: 530px; color: #fff; font-size: 20px; line-height: 42px; margin: 80px auto 0; text-align: center;}
/* 业务合作6项 */
.businesItemBox {background: url(../images/bl.jpg) no-repeat center top #fff;padding-bottom: 125px;min-height: 485px;}
.businesItemBox .businesItem {width: 980px; height: 200px; margin: 95px auto 0;}
.businesItemBox .businesItem ul li {float: left; width: 150px; height: 190px; border: solid 1px #aaa; border-radius: 15px; margin-right: 15px; padding-top: 20px; text-align: center; background: #fff; cursor: pointer; }
.businesItemBox .businesItem ul li .businesItemImg {width: 72px; height: 72px; margin: 0 auto; display: block; overflow: hidden; background: url(../images/ico01.png) no-repeat; margin-bottom: 10px;}
.businesItemBox .businesItem ul li h4 {color: #c1282d; line-height: 25px;}
.businesItemBox .businesItem ul li p {color: #999; text-transform: Uppercase; font-size: 12px; line-height: 20px; margin-bottom: 15px;}
.businesItemBox .businesItem ul li i {width: 20px; height: 20px; margin: 0 auto; display: block; overflow: hidden; background: url(../images/ico.png) no-repeat -930px 0;}
.businesItemBox .businesItem ul li:last-child {margin-right: 0;}
.businesItemBox .businesItem ul li:hover {background: #c1282d; border: none; transition: all .5s ease-in-out .1s;}
.businesItemBox .businesItem ul li:hover .businesItemImg {background-position-y: -132px; transition: all .5s ease-in-out .01s;}
.businesItemBox .businesItem ul li:hover h4, .businesItemBox .businesItem ul li:hover p {color: #fff;}
.businesItemBox .businesItem ul li:hover i {background-position-y: -132px;}
.businesItemBox .businesItem ul li:nth-child(2) .businesItemImg {background-position: -166px 0;}
.businesItemBox .businesItem ul li:nth-child(3) .businesItemImg {background-position: -331px 0;}
.businesItemBox .businesItem ul li:nth-child(4) .businesItemImg {background-position: -497px 0;}
.businesItemBox .businesItem ul li:nth-child(5) .businesItemImg {background-position: -662px 0;}
.businesItemBox .businesItem ul li:nth-child(6) .businesItemImg {background-position: -829px 0;}
.businesItemBox .businesItem ul li:nth-child(2):hover .businesItemImg {background-position-y: -132px;}
.businesItemBox .businesItem ul li:nth-child(3):hover .businesItemImg {background-position-y: -132px;}
.businesItemBox .businesItem ul li:nth-child(4):hover .businesItemImg {background-position-y: -132px;}
.businesItemBox .businesItem ul li:nth-child(5):hover .businesItemImg {background-position-y: -132px;}
.businesItemBox .businesItem ul li:nth-child(6):hover .businesItemImg {background-position-y: -132px;}


/* KA客户经理 */
.accountManagerBox {background: url(../images/ambg.jpg) no-repeat center bottom;padding-bottom: 125px;height: 700px;margin-top: -90px}
.accountManagerBox .shadeBox {margin-top: 15px; padding-bottom: 40px; height: 430px;background: url(../images/ywbg2.png) no-repeat center bottom #fff;}
.accountManagerBox .aMTopLine {width: 300px; height: 15px; margin: 0 auto 65px; display: block; overflow: hidden; background: #c1282d;}
.accountManagerBox .accountManagerCon {width: 815px; height: auto; margin: 0 auto 35px;}
.accountManagerBox .accountManagerCon h5 {font-size: 24px; line-height: 42px; color: #c1282d; font-weight: bold; }
.accountManagerBox .accountManagerCon ul li {float: left; width: calc(50% - 20px)}
.accountManagerBox .accountManagerCon ul li:first-child {margin-right: 40px;}
.accountManagerBox .accountManagerCon p {color: #999; }
.accountManagerBox .aMBtn {width: 350px; height: 50px; margin: 0 auto; border-radius: 30px; background: #c1282d; color: #fff; line-height: 50px; text-align: center; font-size: 16px;}



video{outline: none;}