/*banner*/
.ind-banner{width: 100%; height:100vh; overflow: hidden; z-index: 1; position:relative;} 
.ind-banner .swiper-slide {position: relative; height: 100vh; overflow:hidden;}
.ind-banner .swiper-slide .bg{ height: 100vh; position: absolute; left: 0; top: 0; width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .onebox{ position: absolute; width: 100%; text-align: center; left: 0; top: 50%; color: #fff; transform: translateY(-50%); z-index: 2;} 
.ind-banner .onebox .txt{ font-size: 36px; line-height: 36px; padding-bottom: 10px;}
.ind-banner .onebox .msg{ font-size: 15px; line-height: 36px; margin-top:10px; }
.ind-banner .onebox .msg em{ padding:0 20px;}
.ind-banner .onebox .msg span { display: inline-block; width: 74px; height: 1px; background-color: #fff; margin-bottom: 6px;}


.ind-banner .twobox{ position: absolute; left: 0; width: 100%; top: 50%; color: #fff; transform: translateY(-50%); z-index: 2;} 
.ind-banner .twobox .txtImg img{ width: 410px; }
.ind-banner .twobox .txt{ font-size: 54px; line-height: 54px; font-weight: bold; padding-top: 10px;}

.ind-banner .swiper-pagination{ bottom: 0.5rem!important; }
.ind-banner .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 10px!important; opacity: 1; background: #cdced0; border-radius: 50%;}
.ind-banner .swiper-pagination-bullet-active{ background: #fff; }

.ind-banner .bg img{ width:100%;}
.ind-banner .video video{ position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;}

/*banner结束*/
.indexTxt{ text-align: center; }
.indexTxt .cn{ font-weight: bold; color: #333; font-size: 48px; line-height: 48px; }
.indexTxt .en{ padding-top: 15px; color: #e02027; font-size: 18px; line-height: 18px; font-family: regular; text-transform: uppercase;}

.indexP1{ padding: 120px 0; position: relative; overflow: hidden; }
.indexP1 .zimu{ display:none; position: absolute; left: 0; top: 388px; z-index: 0; width: 100%; }
.indexP1 .wen{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #222; padding: 50px 0 20px; }
.indexP1 .content{ font-size: 16px; line-height: 30px; text-align:justify; padding: 0 1.2rem; }
.indexP1 .list{ padding: 0.75rem 0 0.9rem; }
.indexP1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexP1 .list li{ align-items: flex-start; -webkit-align-items: flex-start; }
.indexP1 .list li .ico{ padding-right: 28px; }
.indexP1 .list li .num{ font-size: 18px; color: #888; display: inline-block; position: relative; padding-right: 28px;}
.indexP1 .list li .num img{ position: absolute; right: 0; top: 0; }
.indexP1 .list li .num em{ font-size: 0.9rem; line-height: 0.7rem; color: #222; font-family: mont; }
.indexP1 .list li .num span{ position: absolute; right: 0; bottom: 2px; }
.indexP1 .list li .txt{ font-size: 16px; line-height: 16px; color: #888; padding-top: 30px; }
.indexP1 .moreBtn{ width: 160px; margin: 0 auto; }
.indexP1 .moreBtn a{ display: block; position: relative; width: 160px; height: 50px; line-height: 50px; font-size: 14px; color: #fff; text-indent: 40px; background: #e02027; border-radius: 24px;}
.indexP1 .moreBtn a:after{ content: ''; position: absolute; right: 38px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}
.indexP1 .moreBtn a:hover:after{ animation: iconAni 1.5s ease infinite;}

.indexP1 .imgDiv{ padding-top:0.6rem;}
.indexP1 .imgDiv img{ width:100%;}

.str2{ height:236px!important;}
.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap;}
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move;}
.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0;}
.str_vertical .str_move_clone { left: 0; top: 100%;}
.str_down .str_move_clone { left: 0; bottom: 100%;}
.str_vertical .str_move,.str_down .str_move { white-space: normal; width: 100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move { cursor: inherit;}

.indexP2{ position: relative; }
.indexP2 .list{ overflow: hidden; }
.indexP2 .swiper-slide a{ display: block; position: relative; width: 100%; height: 100%; }
.indexP2 .bg{ position: relative; overflow: hidden; }
.indexP2 .bg:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(4,13,30,0.5); }
.indexP2 .bg img{ width: 100%; }
.indexP2 .layer{ position: absolute; left: 0.9rem; top: 20%; z-index: 1; }
.indexP2 .limg{ height: 1.5rem; }
.indexP2 .cn{ color: #fff; font-size: 32px; line-height: 32px; }
.indexP2 .en{ padding-top: 15px; text-transform: uppercase; font-family: regular; font-size: 14px; line-height: 18px; color: #fff;}
.indexP2 .ico{ position: absolute; left: 0.9rem; bottom: 14.5%; z-index: 1; width: 50px; height: 50px; border: #fff solid 2px; box-sizing: border-box; background: url(../images/nimg12_1.png) center no-repeat; border-radius: 50%;}
.indexP2 .swiper-slide:hover .bg:after{ background: rgba(224,32,39,0.8); }
.indexP2 .swiper-slide:hover .bg img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.indexP2 .swiper-button-prev{ position: absolute; z-index: 3; left: 10px; top: 50%; width: 48px; height: 48px; border-radius: 50%; background: #fff url(../images/nimg7_left.png) center no-repeat;}
.indexP2 .swiper-button-next{ position: absolute; z-index: 3; right: 10px; top: 50%; width: 48px; height: 48px; border-radius: 50%; background: #fff url(../images/nimg7_right.png) center no-repeat;}
.indexP2 .swiper-button-prev:hover{ background: #e02027 url(../images/nimg7_lefton.png) center no-repeat;}
.indexP2 .swiper-button-next:hover{ background: #e02027 url(../images/nimg7_righton.png) center no-repeat;}

.indexP3{ padding: 120px 0 145px; }
.indexP3 .toptop{ margin-bottom: 60px; position: relative; }
.indexP3 .indexTxt{ text-align: left; }
.indexP3 .moreBtn{ position: absolute; right: 0; bottom: 0; }
.indexP3 .moreBtn a{ display: block; position: relative; width: 160px; height: 50px; line-height: 50px; font-size: 14px; color: #fff; text-indent: 40px; background: #e02027; border-radius: 24px;}
.indexP3 .moreBtn a:after{ content: ''; position: absolute; right: 38px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}
.indexP3 .moreBtn a:hover:after{ animation: iconAni 1.5s ease infinite;}

.casePic{ position: relative; }
.indexP3 .list{overflow: hidden; position: relative; padding-bottom: 130px; }
.indexP3 li .box{  position: relative; overflow: hidden; cursor: pointer;}
.indexP3 li .imgDiv{ overflow: hidden; }
.indexP3 li .imgDiv img{ width: 100%; }
.indexP3 li .name{ z-index: 2; padding: 0 90px 0 50px; height: 90px; line-height: 90px; font-size: 24px; color: #222; box-sizing: border-box; background: rgba(255,255,255,0.8); position: absolute; left: 0; bottom: 0;}
.indexP3 .swiper-container-horizontal>.swiper-scrollbar { height: 2px; background: #e1e1e1; left: 0; width: 13.4rem; top: auto; bottom: 0;}
.indexP3 .swiper-scrollbar-drag { background: #e02027;}
.indexP3 .botLayer{ width: 13.4rem; bottom: 0; left: 0; position: absolute; height: 48px; z-index: 1;}
.indexP3 .botLayer .zi{ position: absolute; right: 0; top: 0; line-height: 48px; font-size: 16px; text-transform: uppercase; color: #999; }
.indexP3 .swiper-pagination{ position: absolute; left: 0; width: auto; text-align: left; font-size: 16px; line-height: 48px; color: #999; bottom: auto;}
.indexP3 .btn{ position: absolute; width: 48px; height: 48px; border: #e1e1e1 solid 2px; border-radius: 50%; box-sizing: border-box; bottom: 0; }
.indexP3 .prev{ right: 70px; background: url(../images/limg12_left.png) center no-repeat; }
.indexP3 .next{ right: 0; background: url(../images/limg12_right.png) center no-repeat; }
.indexP3 .btn:hover{ border: #e02027 solid 2px;}
.indexP3 .prev:hover{ background: #e02027 url(../images/limg12_lefton.png) center no-repeat; }
.indexP3 .next:hover{ background: #e02027 url(../images/limg12_righton.png) center no-repeat; }
.indexP3 li .box:hover .name{ background: #e02027; color: #fff; }

.indexP4{ background: #f9f9fa; padding: 110px 0 120px;}
.indexP4 .toptop{ margin-bottom: 50px; position: relative; }
.indexP4 .indexTxt{ text-align: left; }
.indexP4 .moreBtn{ position: absolute; right: 0; bottom: 0; }
.indexP4 .moreBtn a{ display: block; position: relative; width: 160px; height: 50px; line-height: 50px; font-size: 14px; color: #fff; text-indent: 40px; background: #e02027; border-radius: 24px;}
.indexP4 .moreBtn a:after{ content: ''; position: absolute; right: 38px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}
.indexP4 .moreBtn a:hover:after{ animation: iconAni 1.5s ease infinite;}
.indexP4 .list{ overflow: hidden; }
/*.indexP4 .list ul{ margin-right: -1.35rem; }
.indexP4 .list li{ float: left; width: 33.33%; }
.indexP4 .list li .box{ margin-right: 1.35rem; position: relative; height: 5.26rem; }
.indexP4 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #e9e9e9; }
.indexP4 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e02027; }
.indexP4 .list li .conDiv{ padding: 1.2rem 0.3rem 0; }
.indexP4 .list li .time{ font-size: 16px; color: #aaa; line-height: 16px; }
.indexP4 .list li .name{ padding-top: 20px; line-height: 40px; height: 80px; overflow: hidden; font-size: 24px; color: #333; font-weight: bold; }
.indexP4 .list li .content{ padding-top: 0.65rem; font-size: 16px; color: #969697; line-height: 26px; height: 104px; overflow: hidden; }
.indexP4 .list li .hideDiv{ z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
.indexP4 .list li .botDiv{ padding: 0 0.5rem; width: 100%; bottom: -2.4rem; box-sizing: border-box; position: absolute; left: 0; }
.indexP4 .list li .botDiv .name{ color: #fff; line-height: 34px; height: 68px; font-weight: 100; }
.indexP4 .list li .botDiv .time{ font-size: 18px; padding-top: 0.25rem; color: rgba(255,255,255,0.6); }
.indexP4 .list li .box:hover .hideDiv{ opacity: 1; }
.indexP4 .list li .box:hover .botDiv{ bottom: 0.45rem; }*/
.indexP4 .list ul{ margin-right: -0.66rem;  }
.indexP4 .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem; }
.indexP4 .list li .box{ margin-right: 0.66rem; overflow: hidden; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);}
.indexP4 .list li .imgDiv{ height: 2.95rem; overflow: hidden; }
.indexP4 .list li .imgDiv img{ max-width: 4.68rem; max-height: 2.95rem; }

.indexP4 .list li .botDiv{ position: relative; padding: 0.3rem 0.4rem 0; box-sizing: border-box; height: 240px; background: #fff; overflow:hidden;}
.indexP4 .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e02027; }
.indexP4 .list li .name{ height: 72px; line-height: 36px; font-size: 20px; color: #333; font-weight: bold; overflow: hidden; }
.indexP4 .list li .content{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #5c5c5c; padding-top: 15px; }
.indexP4 .list li .time{ padding-top: 20px; font-size: 20px; color: #d6d6d6; }
.indexP4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP4 .list li .box:hover .botDiv:after{ width: 100%; }
.indexP4 .list li .box:hover .name{ color: #e02027; }


.recruitP1{ padding: 120px 0; }
.recruitP1 .indexTxt{ text-align: left; }
.recruitP1 .bigBox{ position: relative; }
.recruitP1 .bg{ position: absolute; left: -40px; top: -40px; width: 104px; height: 534px; background: url(../images/nimg104Bg.png) no-repeat; z-index: 0; }
.recruitP1 .leftImg{ width: 7.68rem; position: relative; z-index: 1; }
.recruitP1 .leftImg img{ width: 100%; }
.recruitP1 .rightCon{ width: 6.48rem; }
.recruitP1 .content{ font-size: 15px; line-height: 30px; padding-top: 30px; text-align: justify; }

.recruitP2 .indexTxt{ padding-bottom: 60px; }
.recruitP2 .list li{ float: left; width: 25%; text-align: center; }
.recruitP2 .list li .box{ overflow: hidden; height: 6.4rem; position: relative; cursor: pointer; }
.recruitP2 .list li .bg{ height: 6.4rem; background: center no-repeat; background-size: cover; }
.recruitP2 .list li .bg:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(224,32,39,0.85); }
.recruitP2 .list li .txt{ color: #fff; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.recruitP2 .list li .ico{ position: relative; width: 47px; height: 80px; margin: 0 auto; }
.recruitP2 .list li .ico img{ width: 47px; }
.recruitP2 .list li .name{ font-size: 30px; line-height: 44px; height: 88px; color: #fff; padding: 0 0.5rem; }
.recruitP2 .list li .cha{ opacity: 0; overflow: hidden; height: 0; padding: 0 0.65rem; }
.recruitP2 .list li .msg{ font-size: 16px; color: rgba(255,255,255,0.9); line-height: 30px; text-align:justify; }
.recruitP2 .list li .box:hover .cha{ opacity: 1; padding-top: 0.3rem; height: 2.45rem; }
.recruitP2 .list li .box:hover .bg:after{ opacity: 1; }

.recruitP3{ padding: 120px 0; }
.recruitP3 .indexTxt{ padding-bottom: 45px; }
.recruitP3 .mxfDiv{ position: relative; }
.recruitP3 .round{ width: 642px; height: 642px; margin: 0 auto; position: relative; z-index: -1;}
.recruitP3 .round .bg{ position: absolute; left: 50%; top: 50%; width: 492px; height: 492px; margin-left: -246px; margin-top: -246px; z-index: 2; }
.recruitP3 .round .haha{ width: 332px; height: 332px; z-index: 3; position: absolute; left: 50%; top: 50%; margin-left: -166px; margin-top: -166px; border-radius: 50%; overflow: hidden; }
.recruitP3 .round .haha img{ width: 332px; }
.recruitP3 .icoList li{ position: absolute; box-sizing: border-box;}
.recruitP3 .icoList li .ico{ width: 1.14rem; height: 1.14rem; border-radius: 50%; border: #e6e6e6 solid 2px; background: #fff; }
.recruitP3 .icoList li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -26px; margin-top: -26px; }
.recruitP3 .icoList li .name{ font-size: 0.2rem; line-height: 0.2rem; color: #222; font-weight: bold; }
.recruitP3 .icoList li .name em{ color: #e02027; font-weight: 400; }
.recruitP3 .icoList li .content{ padding-top: 0.15rem; font-size: 15px; line-height: 28px; }
.recruitP3 .icoList .li01{ left: 0; top: 15px; padding-right: 1.6rem; width: 6.6rem; background: url(../images/nimg528Bg.png) 0.84rem 0.48rem no-repeat; background-size: 5.28rem; }
.recruitP3 .icoList .li01 .ico{ position: absolute; left: 0; top: 0; }
.recruitP3 .icoList .li01 .conDiv{ padding: 1.0rem 0 0 1.35rem; }

.recruitP3 .icoList .li02{ left: 0; bottom: 52px; padding-right: 1.6rem; width: 6.6rem; height: 2.74rem; background: url(../images/nimg574Bg.png) 0.48rem bottom no-repeat; background-size: 5.74rem; }
.recruitP3 .icoList .li02 .ico{ position: absolute; left: 0; top: 0; }
.recruitP3 .icoList .li02 .conDiv{ padding: 1.25rem 0 0 1.1rem; }

.recruitP3 .icoList .li03{ right: 0; top: 15px; padding-left: 1.6rem; width: 6.54rem; background: url(../images/nimg523Bg.png) 0.18rem 0.48rem no-repeat; background-size: 5.23rem; }
.recruitP3 .icoList .li03 .ico{ position: absolute; right: 0; top: 0; }
.recruitP3 .icoList .li03 .conDiv{ padding: 1.0rem 1.25rem 0 0; text-align: right;}

.recruitP3 .icoList .li04{ right: 0; bottom: 52px; padding-left: 1.6rem; width: 6.54rem; height: 2.74rem; background: url(../images/nimg576Bg.png) 0.04rem bottom no-repeat; background-size: 5.76rem; }
.recruitP3 .icoList .li04 .ico{ position: absolute; right: 0; top: 0; }
.recruitP3 .icoList .li04 .conDiv{ padding: 1.25rem 1.25rem 0 0; text-align: right;}

.advantage{ position:relative;}
.advantage .list{ overflow:hidden; padding:15px;}
.advantage .julao{ cursor:pointer; height:540px; border-radius:16px; box-sizing:border-box; padding:85px 65px 0; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);}
.advantage .ico{ width:80px; height:80px; margin:0 auto; box-sizing:border-box; border:#ebebeb solid 1px; position:relative; border-radius:50%;}
.advantage .ico img{ position:absolute; left:50%; top:50%; margin-top:-18px; margin-left:-18px; width:35px;}
.advantage .ico .img1{ opacity:0;}
.advantage .name{ text-align:center; line-height:40px; color:#333; font-weight:bold; padding:40px 0 25px; font-size:24px; position:relative;}
.advantage .name:after{ content:''; position:absolute; left: 50%; margin-left:-25px; width:50px; bottom:0; height:3px; background:#e3e3e3;}
.advantage .msg{ font-size:16px; line-height:30px; text-align:justify; padding-top:22px;}
.advantage .arrow{ position: absolute; display: block; width: 50px; height: 50px; top: 50%; margin-top: -25px; border-radius: 50%; z-index: 2; }
.advantage .prev{ background: #ddd url(../images/limg12_lefton.png) center no-repeat; left: -90px; }
.advantage .next{ background: #ddd url(../images/limg12_righton.png) center no-repeat; right: -90px; }
.advantage .prev:hover{ background: #e02027 url(../images/limg12_lefton.png) center no-repeat; }
.advantage .next:hover{ background: #e02027 url(../images/limg12_righton.png) center no-repeat;}
.advantage .swiper-pagination{ display:none; position:relative; padding-top:0.45rem;}
.advantage .swiper-pagination .swiper-pagination-bullet-active{ background:#e02027;}
.advantage .julao:hover .ico{ border:#e02027 solid 1px; background:#e02027;}
.advantage .julao:hover .ico img{ opacity:0;}
.advantage .julao:hover .ico .img1{ opacity:1;}

.driverP1{ padding: 120px 0; background: #f7f7f7; }
.driverP1 .indexTxt{ padding-bottom: 60px; }
.driverP1 .imgDiv img{ width: 15.36rem; }

.driverP2{ padding-top: 120px; }
.driverP2 .indexTxt{ padding-bottom: 60px; }
.driverP2 .list li{ float: left; width: 25%; text-align: center; }
.driverP2 .list li .box{ overflow: hidden; height: 6.4rem; position: relative; cursor: pointer; }
.driverP2 .list li .bg{ height: 6.4rem; background: center no-repeat; background-size: cover; }
.driverP2 .list li .bg:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(224,32,39,0.85); }
.driverP2 .list li .txt{ color: #fff; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.driverP2 .list li .ico{ position: relative; width: 47px; height: 80px; margin: 0 auto; }
.driverP2 .list li .ico img{ width: 47px; }
.driverP2 .list li .name{ font-size: 30px; line-height: 44px; color: #fff; padding: 0 0.5rem; }
.driverP2 .list li .cha{ opacity: 0; overflow: hidden; height: 0; padding: 0 0.8rem; }
.driverP2 .list li .msg{ font-size: 16px; color: rgba(255,255,255,0.9); line-height: 30px; text-align:justify;}
.driverP2 .list li .box:hover .cha{ opacity: 1; padding-top: 0.3rem; height: 90px; }
.driverP2 .list li .box:hover .bg:after{ opacity: 1; }

.driverP3{ padding: 120px 0; }
.driverP3 .indexTxt{ text-align: center; padding-bottom: 60px; }
.driverP3 .tab2{ position: relative;}
.driverP3 .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebeb; }
.driverP3 .tab2 li{ float: left; width: 33.33%; z-index: 1; position: relative;}
.driverP3 .tab2 li .lbox{ position: relative; height: 166px; }
.driverP3 .tab2 li .lbox:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; background: #e02027; height: 2px; }
.driverP3 .tab2 li .ico{ margin: 0 auto; width: 80px; height: 80px; border-radius: 50%; position: relative; background: #fff; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);}
.driverP3 .tab2 li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; }
.driverP3 .tab2 li .ico .img1{ display: none; }
.driverP3 .tab2 li .name{ text-align: center; color: #929293; font-size: 18px; padding-top: 30px; line-height: 18px; }
.driverP3 .tab2 .liNow .ico{ background: #e02027; }
.driverP3 .tab2 .liNow .ico img{ display: none; }
.driverP3 .tab2 .liNow .ico .img1{ display: inline-block; }
.driverP3 .tab2 .liNow .name{ color: #e02027; font-weight: bold;}
.driverP3 .tab2 .liNow .lbox:after{ width: 100%; left: 0; }
.driverP3 .tabContentDiv2{ padding-top: 80px; }
.driverP3 .bigBox{ height: 5.5rem; padding: 0 8.6rem 0 1.0rem; box-shadow: 0px 5px 35px 0px rgba(14, 41, 86, 0.1); position: relative; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.driverP3 .bigBox .imgDiv{ position: absolute; right: 0; top: 0; overflow: hidden; }
.driverP3 .bigBox .imgDiv img{ width: 7.68rem; }
.driverP3 .bigBox .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.driverP3 .bigBox .conDiv{ height: 5.5rem; }
.driverP3 .bigBox .txt{ font-weight: bold; font-size: 36px; line-height: 36px; color: #222; padding-bottom: 0.3rem; position: relative; }
.driverP3 .bigBox .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #e4e4e4; }
.driverP3 .bigBox .content{ font-size: 16px; line-height: 30px; margin-top: 0.3rem; height: 150px; overflow: auto; padding-right: 10px; }
.driverP3 .bigBox .content::-webkit-scrollbar { width: 3px;}
.driverP3 .bigBox .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.driverP3 .bigBox .content::-webkit-scrollbar-thumb { background-color: #e02027;} 
.driverP3 .bigBox .list{ padding-top: 0.4rem; }
.driverP3 .bigBox .list li{ float: left; width: 16.66%; text-align: center; padding-bottom: 20px; }
.driverP3 .bigBox .list li .ico{ margin: 0 auto; border: #f6bcbe solid 1px; border-radius: 50%; width: 60px; height: 60px; margin: 0 auto; text-align: center; line-height: 60px; }
.driverP3 .bigBox .list li p{ font-size: 14px; line-height: 24px; padding-top: 15px; }

.case{ padding-top: 60px; }
.case .list ul{ margin-right: -80px; }
.case .list li{ float: left; width: 50%; padding-bottom: 100px; }
.case .list li .box{ margin-right: 80px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.08);}
.case .list li .imgDiv{ height: 4.65rem; overflow: hidden; }
.case .list li .imgDiv img{ max-width: 7.28rem; max-height: 4.65rem; }
.case .list li .botDiv{ height: 295px; padding: 0.4rem 0.5rem 0; box-sizing: border-box; }
.case .list li .cn{ font-size: 24px; color: #222; height: 42px; line-height: 42px; font-weight: bold; overflow: hidden; }
.case .list li .en{ font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; color: #ccc; text-transform: uppercase; }
.case .list li .content{ margin: 10px 0 30px; line-height: 26px; font-size: 14px; color: #707070; height: 52px; overflow: hidden; }
.case .list li .ico{ width: 48px; height: 48px; border: #e02027 solid 2px; box-sizing: border-box; border-radius: 50%; background: url(../images/nimg12_2.png) center no-repeat; }
.case .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.case .list li .box:hover .cn{ color: #e02027; }
.case .list li .box:hover .ico{ background: #e02027 url(../images/nimg12_1.png) center no-repeat;}

.caseP1{ padding: 120px 0; }
.caseP1 .bigBox{ position: relative; }
.caseP1 .bg{ position: absolute; left: -40px; top: -40px; width: 104px; height: 534px; background: url(../images/nimg104Bg.png) no-repeat; z-index: 0; }
.caseP1 .leftImg{ width: 7.68rem; position: relative; z-index: 1; }
.caseP1 .leftImg img{ width: 100%; }
.caseP1 .rightCon{ width: 6.48rem; }
.caseP1 .cn{ font-size: 48px; line-height: 48px; color: #222; font-weight: bold; }
.caseP1 .en{ font-size: 18px; line-height: 24px; color: #e02027; position: relative; padding: 15px 0 20px; text-transform: uppercase; }
.caseP1 .en:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background: #e3e3e3; }
.caseP1 .title{ padding-top: 45px; font-size: 30px; line-height: 30px; color: #222; font-weight: bold; }
.caseP1 .content{ font-size: 15px; line-height: 30px; padding-top: 20px; text-align: justify; }

.caseP2{ padding: 120px 0; background: #f9f9f9; }
.caseP2 .indexTxt{ padding-bottom: 60px; }
.contentPic{ position: relative; }
.contentPic .list{ overflow: hidden; }
.contentPic .box{ background: #fff; border-radius: 12px; height: 5.4rem; padding: 0.9rem 0.85rem 0; box-sizing: border-box; }
.contentPic .ico{ margin: 0 auto; width: 80px; height: 80px; border-radius: 50%; background: #e02027; position: relative; }
.contentPic .ico img{ position: absolute; left: 50%; top: 50%; margin-top: -21px; margin-left: -21px; }
.contentPic .name{ line-height: 40px; text-align: center; font-size: 24px; color: #333; font-weight: bold; position: relative; padding: 40px 0 24px;}
.contentPic .name:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 50px; height: 3px; background: #e3e3e3; margin-left: -25px; }
.contentPic .content{ font-size: 16px; line-height: 30px; padding-top: 20px; text-align:justify; }
.contentPic .arrowDiv a{ display: block; position: absolute; top: 50%; width: 48px; height: 48px; border-radius: 50%; z-index: 2;}
.contentPic .prev{ left: -0.9rem; background: #ddd url(../images/nimg12_3.png) center no-repeat;} 
.contentPic .next{ right: -0.9rem; background: #ddd url(../images/nimg12_1.png) center no-repeat;} 
.contentPic .prev:hover{ background: #e02027 url(../images/nimg12_3.png) center no-repeat;}
.contentPic .next:hover{ background: #e02027 url(../images/nimg12_1.png) center no-repeat;}
.contentPic .swiper-pagination{ display: none; bottom: 0!important; position: relative; padding-top: 0.5rem; }
.contentPic .swiper-pagination-bullet{ width: 12px; height: 12px; margin: 0 6px!important; opacity: 1; background: #cdced0; border-radius: 50%;}
.contentPic .swiper-pagination-bullet-active{ background: #e02027; }

.news{ padding-top: 60px; }
.news .detail a{ display: block; height: 4.84rem; overflow: hidden; position: relative; padding: 0 1.1rem 0 8.5rem; background: #fff; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);}
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.news .detail .imgDiv img{ width: 7.68rem; }
.news .detail .conDiv{ height: 4.8rem; }
.news .detail .time{ font-size: 30px; line-height: 30px; color: #bfbfbf; }
.news .detail .name{ font-size: 28px; line-height: 45px; color: #222; font-weight: bold; padding-top: 35px; height: 45px; overflow: hidden; }
.news .detail .content{ padding-top: 10px; line-height: 32px; height: 64px; font-size: 16px; color: #666; overflow: hidden; }
.news .detail .more{ margin-top: 0.55rem; position: relative; width: 160px; height: 50px; line-height: 50px; font-size: 14px; color: #fff; text-indent: 40px; background: #e02027; border-radius: 24px; }
.news .detail .more:after{ content: ''; position: absolute; right: 40px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}
.news .detail:hover .name{ color: #e02027; }
.news .detail:hover .more:after{ animation: iconAni 1.5s ease infinite;}

.news .list{ padding-top: 100px; }
.news .list ul{ margin-right: -0.66rem;  }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem; }
.news .list li .box{ margin-right: 0.66rem; overflow: hidden; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);}
.news .list li .imgDiv{ height: 2.95rem; overflow: hidden; }
.news .list li .imgDiv img{ max-width: 4.68rem; max-height: 2.95rem; }

.news .list li .botDiv{ position: relative; padding: 0.3rem 0.4rem 0; box-sizing: border-box; height: 240px; background: #fff; overflow:hidden;}
.news .list li .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e02027; }
.news .list li .name{ height: 72px; line-height: 36px; font-size: 20px; color: #333; font-weight: bold; overflow: hidden; }
.news .list li .content{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #5c5c5c; padding-top: 15px; }
.news .list li .time{ padding-top: 20px; font-size: 20px; color: #d6d6d6; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .botDiv:after{ width: 100%; }
.news .list li .box:hover .name{ color: #e02027; }

.newsBox{ padding: 120px 0; }
.newShow .name{ font-size: 36px; line-height: 48px; color: #e02027; font-weight: bold; padding-bottom: 25px; }
.newShow .time{ overflow: hidden; margin-bottom: 30px; }
.newShow .time li{ float: left; position: relative; line-height: 30px; font-size: 14px; padding-left: 27px; font-family: mont; color: #ccc; margin-right: 18px;}
.newShow .time li img{ position: absolute; left: 0; top: 50%; margin-top: -7px; }
.newShow .content{ font-size: 16px; line-height: 30px; }
.newShow .imgDiv{ padding: 50px 0 30px; text-align: center; }
.newShow .content img{ max-width: 10.42rem!important; height:auto!important; }
.newShow .content p{ /* text-align: center; */}

.sideNews .titleDiv .cn{ font-size: 22px; line-height: 22px; color: #333; font-weight: bold;  padding-bottom: 15px;}
.sideNews .titleDiv .en{ font-size: 14px; color: #999; }
.sideNews .list li a{ display: block; padding: 0.4rem 0; border-bottom: #e1e0de solid 1px;}
.sideNews .list li .name{ font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; color: #222; }
.sideNews .list li .content{ font-size: 15px; color: #666; height: 52px; line-height: 26px; overflow: hidden; padding-top: 10px; }
.sideNews .list li .time{ font-size: 14px; color: #e02027; font-family: regular; padding-top: 0.24rem; }
.sideNews .list li:hover .name{ color: #e02027;}

.pageDown{ padding-top: 35px; }
.pageDown li{ font-size: 16px; }
.pageDown li a{ display: block; height: 46px; line-height: 46px; color: #333; overflow: hidden; }
.pageDown li a:hover{ color: #e02027; }

.sideNews .share{ padding-top: 35px; overflow: hidden;}
.sideNews .share li{ float: left; margin-right: 15px; }
.sideNews .share li a{ display: block; width: 34px; height: 34px; border-radius: 50%; position: relative; border: #ededed solid 1px; }
.sideNews .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -7px; }
.sideNews .share li .img1{ opacity: 0; }
.sideNews .share li a:hover{ background: #e02027; border: #e02027 solid 1px;}
.sideNews .share li a:hover img{ opacity: 0; }
.sideNews .share li a:hover .img1{ opacity: 1; }

.backBtn{ padding-top: 50px; }
.backBtn a{ display: block; height: 50px; line-height: 50px; color: #fff; font-size: 16px; border-radius: 24px; background: #e02027; text-align: center; }
.backBtn img{ padding-left: 10px; position: relative; top: -1px; }

.aboutP1{ padding: 120px 0; }
.aboutP1 .leftCon{ width: 6.78rem; padding-top: 0.45rem; }
.aboutP1 .indexTxt{ text-align: left; }
.aboutP1 .content{ margin-top: 0.5rem; font-size: 16px; line-height: 30px;}
.aboutP1 .rightImg{ width: 7.68rem; }
.aboutP1 .rightImg img{ width: 100%; }
.aboutP1 .list{ padding-top: 120px; }
.aboutP1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.aboutP1 .list li{ align-items: flex-start; -webkit-align-items: flex-start; }
.aboutP1 .list li .ico{ padding-right: 28px; }
.aboutP1 .list li .num{ font-size: 18px; color: #888; display: inline-block; position: relative; padding-right: 28px;}
.aboutP1 .list li .num img{ position: absolute; right: 0; top: 0; }
.aboutP1 .list li .num em{ font-size: 0.9rem; line-height: 0.7rem; color: #222; font-family: mont; }
.aboutP1 .list li .num span{ position: absolute; right: 0; bottom: 2px; }
.aboutP1 .list li .txt{ font-size: 16px; line-height: 16px; color: #888; padding-top: 30px; }

.aboutP2{ padding: 120px 0; background: #f7f7f7; }
.aboutP2 .indexTxt{ padding-bottom: 60px; }
.aboutP2 .list { overflow: hidden; }
.honorPic{ position: relative; }
.honorPic:before{ content: ''; position: absolute; left: 0; width: 100%; top: 62px; height: 2px; background: #e5e5e5; }
.honorPic .wal{ position: relative; }
.honorPic .swiper-slide{ padding-bottom: 20px }
.honorPic .swiper-slide .mxfDiv{ padding: 0 25px; cursor:pointer;}
.honorPic .swiper-slide .year{ text-align: center; font-weight: bold; font-size: 40px; color: #959595; height: 70px; position: relative; line-height: 40px; font-family:mont;}
.honorPic .swiper-slide .year:after{ content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: 0; width: 16px; height: 16px; background: url(../images/nimg16_2.png) center no-repeat; }
.honorPic .swiper-slide:hover .year, .honorPic .liNow .year{ color: #e02027; }
.honorPic .swiper-slide:hover .year:after, .honorPic .liNow .year:after{ background: url(../images/nimg16_2on.png) center no-repeat;}
.honorPic .arrowDiv a { z-index: 3; display: block; position: absolute; top: 38px; width: 48px; height: 48px; border-radius: 50%;}
.honorPic .arrowDiv a.prev { left: 0; background: #fff url(../images/nimg7_left.png) center no-repeat; }
.honorPic .arrowDiv a.prev:hover { background: #e02027 url(../images/nimg7_lefton.png) center no-repeat; }
.honorPic .arrowDiv a.next { right: 0; background: #fff url(../images/nimg7_right.png) center no-repeat; }
.honorPic .arrowDiv a.next:hover { background: #e02027 url(../images/nimg7_righton.png) center no-repeat; }

.honorPic .lie ul{ margin-right:-60px;}
.honorPic .lie li{ float:left; width:33.33%; padding-top:60px;}
.honorPic .lie li .contentBox{ margin-right:60px; border-radius: 4px; box-sizing: border-box; background: #fff; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; height: 4.5rem; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);}
.honorPic .lie li .imgDiv{ height: 2.6rem; overflow: hidden;}
.honorPic .lie li .imgDiv img{ max-width: 3.72rem; max-height: 2.6rem;}
.honorPic .lie li .name{ padding-top: 35px; text-align: center; height: 32px; line-height: 32px; font-size: 20px; color: #333; font-weight: bold; overflow: hidden; }
.honorPic .lie li .time{ text-align: center; padding-top: 10px; text-align: center; font-size: 16px; }

.aboutP3{ padding: 120px 0; }
.aboutP3 .list{ padding-top: 60px; }
.aboutP3 .list ul{ margin-right: -20px; }
.aboutP3 .list li{ float: left; width: 20%; }
.aboutP3 .list li .box{ cursor: pointer; overflow: hidden; margin-right: 20px; position: relative; padding: 0.6rem 0.4rem 0; height: 4.5rem; background: #fff; border-radius: 4px; box-shadow: 0px 6px 32px 0px rgba(0, 21, 38, 0.1); }
.aboutP3 .list li .ico{ width: 54px; height: 54px; margin: 0 auto; position: relative; z-index: 1; }
.aboutP3 .list li .ico .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.aboutP3 .list li .name{ padding: 45px 0 32px; position: relative; z-index: 1; text-align: center; font-size: 24px; line-height: 24px; color: #141414; }
.aboutP3 .list li .name:after{ content: ''; position: absolute; left: 50%; margin-left: -18px; bottom: 0; width: 36px; height: 2px; background: #cbcbcb; }
.aboutP3 .list li .msg{ margin-top: 20px; font-size: 14px; color: #8f8f8f; height: 150px; overflow: auto; line-height: 30px; text-align:center; position: relative; z-index: 1;}
.aboutP3 .list li .msg::-webkit-scrollbar { width: 2px;}
.aboutP3 .list li .msg::-webkit-scrollbar-track { background-color: #ebebeb;}
.aboutP3 .list li .msg::-webkit-scrollbar-thumb { background-color: #e02027;} 
.aboutP3 .list li .bg{ opacity: 0; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover;}

.aboutP3 .list li .box:hover .ico img{ opacity: 0; }
.aboutP3 .list li .box:hover .ico .img1{ opacity: 1; }
.aboutP3 .list li .box:hover .name{ color: #fff; }
.aboutP3 .list li .box:hover .name:after{ background: rgba(255,255,255,0.4); }
.aboutP3 .list li .box:hover .msg{ color: rgba(255,255,255,0.75); }
.aboutP3 .list li .box:hover .bg{ opacity: 1; }

.aboutP4{ background: #f7f7f7; padding: 120px 0; }
.aboutP4 .indexTxt{ padding-bottom: 75px; }
.historyPic{ position: relative; }
.historyPic:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; height: 1px; background: #dcdcdc; }
.historyPic .swiper-slide{ height: 384px; width: 100%; position: relative; cursor: pointer; }
.historyPic .swiper-slide .dot{ position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; width: 16px; height: 16px; background: #d2d2d2; border-radius: 50%; z-index: 1; }
.historyPic .swiper-slide .conDiv{ position: absolute; left: 0; top: 245px; width: 100%; text-align: center;}
.historyPic .swiper-slide .year{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 10px;}
.historyPic .swiper-slide .msg{ font-size: 18px; line-height: 32px; height:96px; overflow:auto; padding-right:5px; text-align:justify; }
.historyPic .swiper-slide .msg::-webkit-scrollbar { width: 3px;}
.historyPic .swiper-slide .msg::-webkit-scrollbar-track { background-color: #e5e5e5;}
.historyPic .swiper-slide .msg::-webkit-scrollbar-thumb { background-color: #e02027;} 
.historyPic .swiper-slide .ico{ position: absolute; left: 50%; top: 0; margin-left: -80px; width: 159px; height: 192px; background: url(../images/nimg159Bg2.png) no-repeat; }
.historyPic .swiper-slide .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px; }
.historyPic .swiper-slide .ico .img1{ display: none; }
.historyPic .swiper-slide:nth-child(2n) .conDiv{ top: 0;}
.historyPic .swiper-slide:nth-child(2n) .ico{ top: auto; bottom: 0; background: url(../images/nimg159Bg.png) no-repeat;  }
.historyPic .swiper-slide:hover .ico{ background: url(../images/nimg159Bg2on.png) no-repeat; }
.historyPic .swiper-slide:nth-child(2n):hover .ico{ background: url(../images/nimg159Bgon.png) no-repeat; }
.historyPic .swiper-slide:hover .ico img{ display: none; }
.historyPic .swiper-slide:hover .ico .img1{ display: inline-block; }
.historyPic .btn{ z-index: 2; position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; border-radius: 50%;}
.historyPic .prev{ left: 50%; margin-left: -8.28rem; background: #fff url(../images/nimg7_left.png) center no-repeat; }
.historyPic .next{ right: 50%; margin-right: -8.28rem; background: #fff url(../images/nimg7_right.png) center no-repeat; }
.historyPic .prev:hover{ background: #e02027 url(../images/nimg7_lefton.png) center no-repeat; }
.historyPic .next:hover{ background: #e02027 url(../images/nimg7_righton.png) center no-repeat; }

.aboutP4 .list{ position: relative; padding-top: 1.0rem; }
.aboutP4 .list:before{ z-index: 1; content: ''; position: absolute; left: 0; top: 0; width: 0.68rem; height: 0.68rem; background: url(../images/nimg40_4.png) no-repeat; background-size: 0.68rem; }
.aboutP4 .list:after{ content: ''; position: absolute; left: 14px; top: 0; width: 2px; height: 100%; background: #ccc; }
.aboutP4 .list li{ position: relative; padding-left: 0.8rem; z-index: 2; padding-bottom: 0.5rem;}
.aboutP4 .list li .year{ position: absolute; left: 0; color: #e02027; padding-left: 0.8rem; font-size: 0.36rem; background: url(../images/nimg16_2on.png) 0.2rem 0.06rem no-repeat; background-size: 12px;}
.aboutP4 .list li .content{ padding-top: 0.5rem; font-size: 0.26rem; line-height: 0.52rem;  }
.aboutP4 .list li .imgDiv{ padding-top: 0.3rem; }
.aboutP4 .list li .imgDiv img{ width: 100%;}

.aboutP5{ padding: 120px 0; }
.aboutP5 .indexTxt{ padding-bottom: 75px; }
.aboutP5 .rq{ width: 100%; position: relative; overflow: hidden;}
.aboutP5 .rq2{ width: 8.96rem; margin: 0 auto; position: relative; }
.aboutP5 .rq1{ position: absolute; top: 50%; margin-top: -117px;}
.aboutP5 .rq1 .limg img{ width: 210px; }
.aboutP5 .rq_lef{ left: 0; }
.aboutP5 .rq_rig{ right: 0; }

.rq2 .conDiv{ width: 4.0rem; padding-top: 30px; }
.rq2 .label{ display: inline-block; padding: 0 26px; height: 30px; background: #e02027; border-radius: 24px; line-height: 30px; text-align: center; color: #fff; font-size: 16px; }
.rq2 .name{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold; padding: 18px 0 40px; }
.rq2 .content{ font-size: 16px; line-height: 32px; }
.rq2 .imgDiv{ width: 360px; padding-left:40px;}
.rq2 .imgDiv img{ width: 100%; }

.aboutP5 .arrowDiv{ position: absolute; left: 4.96rem; bottom: 0; z-index: 2; }
.aboutP5 .se{ display: block; float: left; width: 52px; height: 52px; border: #e5e5e5 solid 1px; margin-right: 20px;}
.aboutP5 .prev{ background: url(../images/nimg7_left.png) center no-repeat; }
.aboutP5 .next{ background: url(../images/nimg7_right.png) center no-repeat; }
.aboutP5 .prev:hover{ border: #e02027 solid 1px; background: #e02027 url(../images/nimg7_lefton.png) center no-repeat;}
.aboutP5 .next:hover{ border: #e02027 solid 1px; background: #e02027 url(../images/nimg7_righton.png) center no-repeat;}

.contactP1{ padding: 120px 0; background:#f8f8f8;}
.contactP1 .leftDiv{ padding-top: 0.75rem; width: 6.2rem; }
.contactP1 .indexTxt{ text-align:left; padding-bottom:0.55rem;}
.contactP1 .cn2{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold;}
.contactP1 .en2{ padding-top: 25px; font-size: 22px; line-height: 22px; text-transform: uppercase;}
.contactP1 .msgList{ padding-top: 60px; }
.contactP1 .msgList li{ position: relative; padding-left: 52px; padding-bottom: 28px; line-height: 32px; font-size: 16px; }
.contactP1 .msgList li img{ position: absolute; left: 0; top: 0; }
.contactP1 .rightDiv{ width: 8.5rem; }
.contactP1 .mapDiv{ background-size: cover; height: 5.8rem; }

.contactP2{ padding: 120px 0; background: url(../images/contactBg.jpg) center no-repeat; background-size: cover; }
.contactP2 .indexTxt{ text-align: left;}
.contactP2 .form{ padding-top: 60px;}
.contactP2 .form ul{ margin-right: -20px; }
.contactP2 .form li{ float: left; width: 33.33%; padding-bottom: 20px; }
.contactP2 .form .li01{ width: 100%; }
.contactP2 .form li .box{ margin-right: 20px; border-radius: 4px; background: #fff; border: #ededed solid 1px; position: relative; padding: 0 10px 0 100px; }
.contactP2 .form li .txt{ position: absolute; left: 30px; top: 0; line-height: 53px; font-size: 14px; color: #999; }
.contactP2 .form li .input1{ width: 100%; font-size: 14px; height: 53px; line-height: 53px; }
.contactP2 .form li textarea{ height: 198px; box-sizing: border-box; width: 100%; padding: 15px 0; font-size: 14px; line-height: 24px; }
.contactP2 .btnDiv{ padding-top: 10px; }
.contactP2 .btnDiv a{ display: block; border-radius: 6px; width: 150px; height: 50px; line-height: 50px; background: #e02027; text-align: center; font-size: 14px; font-weight: bold; color: #fff; }
.contactP2 .btnDiv a:hover{ background: #fff; color: #e02027; }

.compute .leftDiv{ width: 6.7rem; }
.compute .indexTxt{ padding-bottom: 50px; text-align: left; }
.counter li{ margin-bottom: 15px; position: relative; padding-left: 108px; height: 50px; }
.counter .li01{ padding-left:138px;}
.counter .li02{ padding-left:138px; padding-right: 230px;}
.counter li .wen{ position: absolute; left: 0; top: 0; font-size: 18px; color: #333; line-height: 50px; }
.counter .select{ width: 100%; position: relative; height: 50px; }
.counter .select2{ width:49%;}
.counter .caption { position: relative; cursor: pointer; height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px; color: #999; box-sizing: border-box; border: #e5e5e5 solid 1px; border-radius: 6px;}
.counter .caption:after { content: ""; display: block; width: 34px; height: 8px; background: url(../images/selectIco.png) no-repeat right center; background-size: contain; position: absolute; right: 0; top: 50%; margin-top: -4px; z-index: 2;}
.counter .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.counter .xlist { width: 100%; position: absolute; left: 0; top: 100%; z-index: 5; background: #fff; max-height: 250px; overflow-y: auto; display: none; border: 1px solid #e5e5e5; box-sizing: border-box;}
.counter .xlist a { display: block; font-size: 16px; color: #999; line-height: 45px; padding: 0 20px; border-bottom: 1px solid #e5e5e5;}
.counter .xlist a:hover,.counter .xlist a.on { color: #e02027;}
.counter .xlist a:last-child { border-bottom: none;}

.counter .box{ height: 48px; border: #e5e5e5 solid 1px; border-radius: 6px; position: relative; }
.counter .box .input1{ width: 100%; box-sizing: border-box; padding-left: 20px; height: 48px; line-height: 48px; font-size: 16px; color:#ccc;}
.counter .box .input1::placeholder { color: #ccc;}
.counter .box .input1:focus::-webkit-input-placeholder{color: #ccc;}
.counter .box .input1:focus:-moz-placeholder{color: #ccc;}
.counter .box .input1:focus::-moz-placeholder{color: #ccc;}
.counter .box .input1:focus:-ms-input-placeholder{color: #ccc;}


.counter .box .btn1{ position: absolute; right: 0; top: 0; width: 110px; text-align: center; height: 48px; line-height: 48px; font-size: 16px; color: #e02027; border-left: #e5e5e5 solid 1px; }
.counter .box .unit{ position: absolute; right: 18px; top: 0; height: 48px; line-height: 48px; font-size: 16px; color: #999; }
.counter .choose{ position:absolute; right:0; top:0;}
.counter .choose dd{ float:left; cursor:pointer; padding-left:36px; margin-left:0.3rem; line-height:50px; font-size:18px; color:#333; background:url(../images/ico1.png) left center no-repeat;}
.counter .choose dd.on{ background: url(../images/ico1on.png) left center no-repeat;}
.counter .choose dd:first-child{ margin-left:0;}
.compute .btnDiv{ padding-top: 20px; }
.compute .btnDiv a{ display: block; width: 100%; height: 50px; border-radius: 6px; background: #e02027; text-align: center; line-height: 50px; color: #fff; font-size: 18px; }
.compute .rightImg{ width: 435px; padding-right: 1.65rem; padding-top: 1.3rem;}
.compute .rightImg2{ padding-top:0.8rem;}
.compute .rightImg img{ width: 100%; }

.compute .rightDiv{ width: 7.68rem; padding-top: 125px; }
.compute .topDiv{ position: relative; height: 60px; background: #e4e4e4; padding: 0 30px; font-weight: bold;}
.compute .topDiv .name, .compute .topDiv .base{ line-height: 60px; font-size: 16px; color: #333; position: relative; z-index: 2; }
.compute .topDiv .grade{ line-height: 60px; position: absolute; left: 0; width: 100%; top: 0; font-size: 16px; color: #333; text-align: center; z-index: 1;}
.compute .table{ padding-bottom: 60px; }
.compute .table:last-child{ padding-bottom: 0; }
.compute .table table{ border-left: #e0e0e0 solid 1px; }
.compute .table table th{ font-size: 16px; font-weight: 400; width: 26%; text-align: left; box-sizing: border-box; padding-left: 35px; background: #f5f5f5; height: 60px; border-bottom: #e0e0e0 solid 1px; border-right: #e0e0e0 solid 1px;}
.compute .table table th:first-child{ width: 22%; }
.compute .table table td{ font-size: 16px; height: 60px; border-bottom: #e0e0e0 solid 1px; border-right: #e0e0e0 solid 1px; padding-left: 35px; }
.compute .table table .num{ color: #e02027; }
.compute .table .total{ text-align: center; color: #e02027; }

.tuwen{ padding:100px 0; background: #f7f7f7; }
.tuwen .content{ font-size:15px; line-height:30px;}
.tuwen .imgDiv{ text-align:center; padding:35px 0;}
.tuwen .imgDiv img{ max-width:1000px;}



.contactP3{ padding:120px 0;}
.contactP3 .indexTxt{ text-align:left;}
.contactP3 .list{ padding:55px 0 30px;}
.contactP3 .list li{ margin-bottom: 20px; background: #f8f8f8; position: relative; cursor: pointer;}
.contactP3 .list li .topDiv{ padding: 30px 0; border-top: #ececec solid 3px;}
.contactP3 .list li .name{ padding-left: 35px; line-height: 22px; }
.contactP3 .list li .name .dj{ display: inline-block; width: 215px; }
.contactP3 .list li .name b{ font-size: 22px; color: #252525; display: inline-block;}
.contactP3 .list li .name em{ font-size: 14px; color: #b1b1b2; padding-right: 35px; font-weight: 400; }
.contactP3 .list li .msgList{ padding: 15px 0 0 35px; }
.contactP3 .list li .msgList dd{ line-height: 26px; font-size: 14px; color: #929293; }
.contactP3 .list li .hideBox{ display: none; padding: 10px 35px 60px; }
.contactP3 .list li .ico{ position: absolute; right: 48px; bottom: 40px; z-index: 1; width: 59px; height: 59px; background: url(../images/nimg59_1.png) center no-repeat;}
.contactP3 .list li .txt{ font-weight: bold; font-size: 14px; color: #17171d; line-height: 26px; }
.contactP3 .list li .msg{ font-size: 14px; line-height: 26px; color: #888; padding-bottom: 25px; }
.contactP3 .list li .liNow{ border-top: #f3cdce solid 3px; }
.contactP3 .list li .liNow .name b{ color:#e02027; }
.contactP3 .list li .liNow .ico{ bottom: 60px; background: url(../images/nimg59_1on.png) center no-repeat;}
.contactP3 .list .btnGroup dd{ float: left; margin-right: 20px; }
.contactP3 .list .btnGroup dd a{ display: block; /*background:#dedede; width: 150px;*/ height: 50px; border-radius: 24px; text-align: center; line-height: 50px; color: #e02027; font-size: 16px; }
/*.contactP3 .list .btnGroup dd a:hover{ background:#e02027;}*/