.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left;width: 10px;height: 10px;background: #fff;border-radius: 50%; position:relative;  color:#fff; }
.indexbanner .banner_img{position:relative; width:100%; height:940px;}
.indexbanner .banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);}
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_jj_mid_1{font-size:40px; text-align:left; text-transform: uppercase;font-weight: bold; line-height:70px;}
.banner_img_jj_mid_2{ font-size:18px; text-align: left; line-height: 38px; font-family: "Roboto-Light"; text-transform: uppercase;}
.banner_img_jj_mid_3{ font-size:24px; text-align: left;line-height: 58px; }
.indexbanner .tc{ text-align: center!important;}
.banner_img_jj_mid_3.tc:after{left: 45%;}
.indexbanner .swiper-pagination-container {position: relative;}
.indexbanner .swiper-other .container{ position: relative;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left; height:24px; line-height:24px;background:none; position:relative; width:80px; color:#fff; font-size: 18px; font-family:Calibri;}
/*.indexbanner .swiper-pagination-bullet:before{content:''; position:absolute; left:0px; top:50%; opacity:.98; background-color:#fff; height:5px;  width:80px; border-radius: 3px; transform:translateY(-50%);}
*/
.indexbanner .swiper-pagination-bullet:after{content:''; position:absolute; width:0px; position:absolute; left:0px; background-color:#ff8212; z-index:100; height:6px; top:50%; border-radius: 3px; transform:translateY(-50%);}
.indexbanner .swiper-pagination-bullet-active:after{width:80px; transition: width 7.3s ease-out 0s; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{width:auto; text-align:right; right:43%; bottom:50px;}
.indexbanner .swiper-pagination{ right: 0px;}
.indexbanner .swiper-other {position: absolute;right: 0;bottom: 50px;z-index: 2;width: 100%; }
.indexbanner .mourse-box {height: 42px; --fill: #ffffff;position: relative;cursor: pointer; }
.indexbanner .mourse-box::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/icon_1_1.png) no-repeat center / contain;animation: ani-rotate 6s linear infinite; }
.indexbanner .mourse-box .self-svg {height: 42px;width: 42px; }
.indexbanner .swiper-point-num {height: 32px;color: #ffffff; float: right; }
.indexbanner .swiper-pagination-bullet {margin: 0 4px;position: relative;border-radius: 0;width: 42px;height: 42px;text-align: center; line-height:42px;color: #fff;cursor: pointer; } 
.indexbanner .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left: 0;  border-radius: 50%;border: 2px solid #fff;height: 100%;width: 100%;background: transparent;opacity: 0.2; }
.indexbanner .swiper-point-num .cycle-box {border-color: #fff; border-width: 2px; font-size: 42px; position: absolute;left: 0;top: 0; }
.indexbanner .swiper-point-num .swiper-pagination-bullet-active {opacity: 1; }
.indexbanner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{opacity: 0.9;}
@media (max-width:1600px){
.indexbanner { height: 767px;}
.indexbanner .banner_img{ height:767px;}
}
@media (max-width:1440px){
.indexbanner { height: 705px;}
.indexbanner .banner_img{ height:705px;}
}
@media (max-width:1366px){
.indexbanner { height: 655px;}
.indexbanner .banner_img{ height:655px;}
.banner_img_jj_mid_1{font-size:38px; line-height: 60px; }
}
@media (max-width:1280px){
.indexbanner { height: 620px;}
.indexbanner .banner_img{ height:620px;}
.banner_img_jj_mid_1{font-size:36px; line-height: 50px;padding-bottom: 5px;}
.banner_img_jj_mid_3{ font-size:22px; line-height: 50px; }
.more-box-a .more-box::before { width:40px; height:40px;}
}
@media (max-width:1200px){
.indexbanner { height: 575px; margin-top: 60px; }
.indexbanner .banner_img{ height:575px;}
.banner_img_jj_mid_1{font-size:32px; line-height: 40px;}
.banner_img_jj_mid_3{ font-size: 20px; line-height: 45px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{right: 36%; bottom: 30px;}
}
@media (max-width:1180px){
.indexbanner { height: 565px;}
.indexbanner .banner_img{ height:565px;}
}
@media (max-width:1024px){
.indexbanner { height:490px;}
.indexbanner .banner_img{ height:490px;}
.banner_img_jj_mid_1{font-size:30px; }
.indexbanner .swiper-pagination {bottom: 25px!important;}
}
@media (max-width:992px){
.indexbanner { height: 475px;}
.indexbanner .banner_img{ height:475px;}
.indexbanner .banner_img_jj{ top:46%;}
.banner_img_jj_mid_1{font-size:28px; line-height: 35px;}
.banner_img_jj_mid_2{ display: none;}
.banner_img_jj_mid_3{ font-size:17px;line-height: 28px; }
.indexbanner .swiper-button-next,.indexbanner .swiper-button-prev { display: none;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{right: 38%; }
}
@media (max-width:768px){
.indexbanner { height: 800px;}
.indexbanner .banner_img{ height:800px;}
.indexbanner .banner_img_pc{ display: none;}
.indexbanner .banner_img_mo{ display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.banner_img_jj_mid_1{font-size:30px; padding-bottom: 0px;}
}
@media (max-width:668px){
.indexbanner { height: 696px;}
.indexbanner .banner_img{ height:696px;}
}
@media (max-width:568px){
.indexbanner { height:592px;}
.indexbanner .banner_img{ height:592px;}
.indexbanner .swiper-pagination-bullet:before{  width:28px; }
.banner_img_jj_mid_1{ font-size:20px; line-height:32px; padding-bottom: 10px;}
.indexbanner .banner_img_jj_mid_3{ font-size:15px;line-height: 26px; padding-bottom: 0px;}
.indexbanner .swiper-pagination .swiper-pagination-bullet { margin: 0 5px!important;}
.indexbanner .swiper-pagination {bottom: 5px!important;}
}
@media (max-width:425px){
.indexbanner { height:443px;}
.indexbanner .banner_img{ height:443px;}
.banner_img_jj_mid_1{font-size:18px; line-height: 30px; padding-bottom: 0px;}
.indexbanner .banner_img_jj_mid_3{  padding-top: 10px;}
.indexbanner .swiper-pagination-bullet{ font-size: 16px; width: 34px;height: 34px; line-height:34px; }
}
@media (max-width:400px){
.indexbanner { height:417px;}
.indexbanner .banner_img{ height:417px;}
}

.indexbanner .more-box-a {margin-top: 2em;}
.more-box-a {font-size: 18px;color: #ffffff; line-height:50px;}
.more-box-a .more-box {position: relative;padding: 0 1.4em;}
.more-box-a .more-box::before {content: '';display: block;position: absolute;left: 0;top: 0;border-radius: 100%;width:50px;height:50px;background-color: #d61419;transition: width 0.3s ease;}
.more-box-a .more-box .more-box-word {position: relative;}
.more-box-a .more-box .more-box-word a:hover{ color: #fff;}
.more-box-a .more-box .more-box-word:hover a{ color: #fff;}
.more-box-a .more-box .self-svg { margin-left: 1.1em;position: relative; transform: translateY(-10%);background: transparent;overflow: hidden;}
.more-box-a .more-box .self-svg svg {position: relative;}
.more-box-a .more-box:hover::before {width: 100%; height: 50px;border-radius: 30px;}
@media (max-width: 1200px) {
.more-box-a {font-size: 16px; }
.more-box-a .more-box {  padding: 0 1em;}
.more-box-a .more-box .self-svg {  margin-left: 0.8em;  transform: translateY(-2%);}
}
@media (max-width: 768px) {
.more-box-a .more-box::before { width:40px;height:40px; }
.more-box-a { line-height:40px;}
}

@media (max-width: 1600px) {
.indexbanner .swiper-other {bottom: 40px;}
.indexbanner .mourse-box {height: 46px;}
 }
@media (max-width: 1400px) {
.indexbanner .swiper-other {bottom: 30px;}
.indexbanner .mourse-box {height: 40px;}
.indexbanner .swiper-pagination-bullet { width: 38px;height: 38px; line-height:38px;}
}


@keyframes ani-rotate {0% {transform: rotate(0);}100% {transform: rotate(360deg);} }
.relative {position: relative;}
.cycle-box {--size: 40px;--time: 4s;--b-c: var(--main-color);--b-w: 3px;position: relative;width: 20px;height: 20px;}
.cycle-box .cycle-son {position: absolute;top: 0;height: 20px;width: calc(20px*0.5);overflow: hidden;}
.cycle-box .cycle-son::before {content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cycle-box .left-c {left: 0;}
.cycle-box .left-c::before {transform-origin: right center;border-radius: calc(20px*0.5) 0 0 calc(20px*0.5);border: var(--b-w) solid var(--b-c);border-right: 0;transform: rotate(-180deg);}
.cycle-box .right-c {right: 0;}
.cycle-box .right-c::before {transform-origin: left center;border-radius: 0 calc(20px*0.5) calc(20px*0.5) 0;border: var(--b-w) solid var(--b-c);border-left: 0;transform: rotate(-180deg);}
.cycle-box.run .left-c::before {animation: cycle-left var(--time) linear;}
.cycle-box.run .right-c {right: 0;}
.cycle-box.run .right-c::before {animation: cycle-right var(--time) linear;}
.run .cycle-box .left-c::before {animation: cycle-left var(--time) linear;}
.run .cycle-box .right-c {right: 0;}
.run .cycle-box .right-c::before {animation: cycle-right var(--time) linear;}
@keyframes cycle-left {0% {transform: rotate(-180deg);}50% {transform: rotate(-180deg);}100% {transform: rotate(0deg);}}
@keyframes cycle-right {0% {transform: rotate(-180deg);}50% {transform: rotate(0deg);}100% {transform: rotate(0deg);}}
.self-svg {display: flex;align-items: center;justify-content: center;}
.self-svg svg.icon {width: 20px;height: 20px; color: #fff;}

/*index 通用*/
.page_title { line-height: 1; margin-bottom:30px;position: relative; }
.page_title h3 {font-family: "Inter Medium"; color: #333; text-transform: uppercase; font-size: 56px; }
.page_title span{ color: #ff8212;}
.page_title .desc{ font-size: 18px; font-family: "Roboto-Regular"; line-height: 32px; width: 50%; margin-top: 30px;}
.pc{ display: block;}
.mob{ display: none;}
@media (max-width:1440px) {
.page_title h3 {font-size: 42px; }
}
@media (max-width:1366px) {
.page_title h3 { font-size: 46px; }
}
@media (max-width:1024px) {
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 40px;}
.pc{ display: none;}
.mob{ display: block;}
}
@media (max-width:768px) {
.page_title h3 { font-size: 30px; }
}
@media (max-width:600px) {
.page_title h3 { font-size: 26px;}
}
@media (max-width:425px) {
.page_title h3 { font-size: 22px;}
}
.page-tit { text-align: center; margin-bottom: 30px;}
.page-tit h3{ font-size: 56px; margin-bottom: 20px;color: #333; font-family: "Inter Medium"; font-weight: lighter; text-transform: uppercase;}
.page-tit p{ font-size: 18px; line-height: 30px; color: #666; font-family: "Roboto-Regular";}
@media (max-width:1366px) {
.page-tit h3{ font-size: 46px; }
}
@media (max-width:1280px) {
.page-tit h3{ font-size: 40px; }
}
@media (max-width:1024px) {
.page-tit h3{ font-size: 36px; margin-bottom: 10px;}
}
@media (max-width:992px) {
.page-tit h3{ font-size: 32px; }
}
@media (max-width:768px) {
.page-tit h3{ font-size: 28px; margin-bottom: 15px;}
.page-tit p{ width: 100%; line-height: 26px; font-size: 16px;}
}
@media (max-width:468px) {
.page-tit h3{ font-size: 24px; }
}    

.index-title-box { text-align: center; }
.index-title-box.phone { display: none;}
.index-title-box h2 { font-size: 60px; color: #333; line-height: 60px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px;}
.index-title-box.left { text-align: left;}
.index-title-box .title { font-size: 48px; line-height: 56px; margin-bottom: 20px;}
.index-title-box .brief { font-size: 16px; line-height: 32px; width: 55%; margin: 0 auto;}
.index-more { display: block; width: 165px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff; background-color: #e00006; border-radius: 29px; margin: 64px auto 0; transition: box-shadow 0.3s ease; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease; -o-transition: box-shadow 0.3s ease;}
.index-more:hover { background-color: #d61419; box-shadow: 0 2px 30px rgba(214, 20, 25, 0.3); color: #fff;}
.more { display: inline-block; font-size: 16px; font-family: "bold"; text-transform: uppercase; line-height: 24px;}
.more:hover,
.more.on { color: #d61419;}
.swiper-box { position: relative;}
.swiper-btn { display: inline-block; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; margin-top: -15px; z-index: 10;}
.swiper-btn.prev { left: -80px; background-image: url(../images/prev.png);}
.swiper-btn.prev:hover { background-image: url(../images/prev2.png);}
.swiper-btn.next { right: -80px; background-image: url(../images/next.png);}
.swiper-btn.next:hover { background-image: url(../images/next2.png);}
.index-box-1 .swiper-box{ margin-top: 40px;}
.index-box-1 .swiper-slide:hover .name { color: #d61419;}
.index-box-1 .swiper-slide a { display: block;}
.index-box-1 .pic img { width: 100%; object-fit: cover;}
.index-box-1 .info { text-align: center; margin-top: 20px;}
.index-box-1 .name { font-size: 20px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.index-box-1 .name { font-weight: 700; margin: 5px auto 10px;}
.index-box-1 .index-more { margin-top: 48px;}

.index-box-2 {padding: 170px 0 164px;background: url(../images/index2bg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
.index-box-2 .index-title-box {padding-top: 0;}
.index-box-2 .index-title-box .title,
.index-box-2 .index-title-box .brief {color: #fff;}
.index-box-2 .index-title-box .brief { line-height: 36px;}
.index-box-2 .data {margin-top: 80px;}
.index-box-2 .data ul {display: flex;display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */display: -moz-box;/* Firefox 17- */display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */display: -moz-flex;/* Firefox 18+ */display: -ms-flexbox;/* IE 10 */justify-content: center;}
.index-box-2 .data ul li {margin-right: 148px;}
.index-box-2 .data ul li:last-child {margin-right: 0;}
.index-box-2 .data span,
.index-box-2 .data em,
.index-box-2 .data p {color: #fff;}
.index-box-2 .data .num {font-size: 60px;line-height: 60px;color: #fff;font-family: "cn_light";}
.index-box-2 .data .num span,
.index-box-2 .data .num em {display: inline-block;}
.index-box-2 .data .num em {font-style: normal;}
.index-box-2 .data p {line-height: 24px;margin-top: 10px;}
.index-box-2 .index-more {margin-top: 34px;}

 
.index-box-3 .main { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: center;}
.index-box-3 .index-title-box { padding-top: 0;}
.index-box-3 .item { position: absolute; opacity: 0; visibility: hidden;}
.index-box-3 .item.on { position: relative; opacity: 1; visibility: visible;}
.index-box-3 .item.on .name,
.index-box-3 .item.on .desc,
.index-box-3 .item.on .more { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0);}
.index-box-3 .pix img { height: 533px; object-fit: cover;}
.index-box-3 .info { width: 38%; padding-left: calc((100% - 1440px) / 2);}
.index-box-3 .name,
.index-box-3 .desc,
.index-box-3 .more { opacity: 0; visibility: hidden; transform: translateY(60px); -webkit-transform: translateY(60px); -moz-transform: translateY(60px); -ms-transform: translateY(60px); -o-transform: translateY(60px); transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease;}
.index-box-3 .name { transition-delay: 0.15s; width: 89%;}
.index-box-3 .desc { transition-delay: 0.3s;}
.index-box-3 .more { transition-delay: 0.5s;}
.index-box-3 .name { font-size: 22px; line-height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: 700;}
.index-box-3 .desc { font-size: 16px; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 24px auto 30px;}
.index-box-3 .btn-box { margin-top: 85px; font-size: 0;}
.index-box-3 .btn-box a { position: static; margin-top: 0;}
.index-box-3 .btn-box a,
.index-box-3 .btn-box img { vertical-align: middle;}
.index-box-3 .btn-box img { display: inline-block;}
.index-box-3 .swiper-box { width: 52%;}
.index-box-3 .swiper-slide a { display: block;}
.index-box-3 .swiper-slide .name { font-weight: 500; color: #fff; position: absolute; left: 0; bottom: 27px; z-index: 10; height: 36px; -webkit-line-clamp: 1; width: 100%; text-align: center; padding: 0 30px; opacity: 1; visibility: visible; transform: none;}
.index-box-3 .swiper-box .swiper-btn { display: none;}

.pic { font-size: 0; overflow: hidden; display: block; width: 100%;}
.pic img { display: block; width: 100%; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -ms-transition: transform 0.8s ease; -o-transition: transform 0.8s ease;}

.index-box-4 { background: url(../images/index4bg.jpg) no-repeat center top;background-size: cover;}
.index-box-4 .index-title-box { margin-bottom: 40px;}
.index-box-4 .index-title-box h2 { color: #fff;}
.index-box-4 .index-title-box .title {color: #fff;}
.index-box-4 .item:hover .pic img {transform: scale(1.05);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);}
.index-box-4 .item:hover .name {color: #d61419;}
.index-box-4 .pic {margin-bottom: 25px;}
.index-box-4 .pic img { object-fit: cover;}
.index-box-4 .name {font-size: 20px;font-weight: 700;line-height: 28px;margin: 6px auto 15px; text-transform: uppercase;}
.index-box-4 .desc { color: #666; line-height: 28px; margin-bottom: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; text-transform: uppercase;}
.index-box-4 .more{color: #d61419;} 
@media screen and (max-width: 1600px) {
.index-box-3 .info {padding-left: calc((100% - 1366px) / 2);}
.index-title-box h2,
.index-box-2 .data .num {font-size: 54px;}
.index-title-box .title {font-size: 34px;}
.index-box-1 .cat,
.index-box-1 .name,
.index-box-3 .name {font-size: 22px;}
.index-box-2 {padding: 150px 0 140px;}
.index-title-box {margin-bottom: 40px;}
.swiper-btn.prev {left: -70px;}
.swiper-btn.next {right: -70px;}
.index-box-3 .desc {margin: 18px auto 20px;line-height: 28px;}
.index-box-3 .btn-box {margin-top: 36px;}
}
@media screen and (max-width: 1440px) {
.index-box-3 .info{padding-left: calc((100% - 1200px) / 2);}
.index-title-box h2,
.index-box-2 .data .num{font-size: 50px;}
.index-title-box h2 {line-height: 56px;}
.index-title-box .title {font-size: 30px;}
.index-title-box .brief {width: 68%;line-height: 30px;}
.index-box-1 .cat,
.index-box-1 .name,
.index-box-3 .name {font-size: 20px;}
.index-box-2 {padding: 120px 0 110px;}
.swiper-btn.prev {left: -76px;}
.swiper-btn.next {right: -76px;}
.index-box-3 .desc {margin: 8px auto 16px;line-height: 24px; }
.index-box-3 .btn-box {margin-top: 40px;}
.index-more {width: 170px;height: 50px;line-height: 50px;}
.index-box-3 .swiper-slide .name {bottom: 18px;}
.index-box-2 .data ul li {margin-right: 120px;}
.index-box-3 .index-title-box {margin-bottom: 20px;}
.index-box-3 .info {width: 37%;}
.index-box-4 .desc {line-height: 24px; }
.index-box-4 .name {margin-bottom: 16px;}
.index-box-4 .pic {margin-bottom: 34px;}
.index-box-4 .name {font-size: 17px;}
.index-box-2 .index-title-box .brief {line-height: 32px;}

}
@media screen and (max-width: 1366px) {
.index-title-box h2,
.index-box-2 .data .num{font-size: 44px;}
.index-title-box h2 {line-height: 52px;}
.swiper-btn.prev {left: -54px;}
.swiper-btn.next {right: -54px;}
.index-box-1 .cat,
.index-box-1 .name {font-size: 18px;}
.index-box-1 .name {margin-bottom: 14px;}
.index-box-2 {padding: 100px 0 90px;}
.index-box-2 .data .num {line-height: 52px;}
.index-box-3 .name {line-height: 30px; }
}
@media screen and (max-width: 1280px) {
.index-title-box {margin-bottom: 30px;}
.index-title-box h2{font-size: 40px; margin-bottom: 0px;}
.index-title-box .title {font-size: 28px; margin-bottom: 20px;}
.index-box-1 .swiper-box{ margin-top: 20px;}
.index-box-4 .index-title-box { margin-bottom: 20px;}
.swiper-btn.prev {left: -34px;}
.swiper-btn.next {right: -34px;}
}
@media screen and (max-width: 1004px) {
.p_h {width: 100%;height: 60px;}
.index-title-box { margin-bottom: 20px;}
.index-title-box.phone {display: block;}
.index-title-box.pc {display: none;}
.index-title-box h2 {font-size: 36px;line-height: 40px;margin-bottom: 8px;}
.index-title-box .title {font-size: 24px;line-height: 30px; }
.index-title-box .brief { line-height: 24px;width: 100%;}
.index-more {width: 130px;height: 40px;line-height: 40px; margin-top: 40px;}
.more {font-size: 16px;line-height: 18px;}
.swiper-btn {width: 36px;height: 36px;margin-top: -18px;}
.swiper-btn.prev {left: -15px;background-image: url(../images/prev3.png);}
.swiper-btn.prev:hover {background-image: url(../images/prev4.png);}
.swiper-btn.next {right: -15px;background-image: url(../images/next3.png);}
.swiper-btn.next:hover {background-image: url(../images/next4.png);}
.index-box-1 .info {margin-top: 14px;}
.index-box-1 .cat,
.index-box-1 .name {font-size: 17px;line-height: 24px;}
.index-box-1 .name {margin: 2px auto 10px;}
.index-box-1 .index-more {margin-top: 36px;}
.index-box-1 .swiper-btn {margin-top: 0; }
.index-box-2 {padding: 50px 0;background: url(../images/p_index2bg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;}
.index-box-2 .index-title-box .brief {width: 100%;line-height: 28px;}
.index-box-2 .data {margin-top: 50px;}
.index-box-2 .data ul {-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
.index-box-2 .data ul li {margin-right: 0;}
.index-box-2 .data .num {font-size: 24px;line-height: 32px;}
.index-box-2 .data .num span {font-size: 30px;}
.index-box-2 .data .num em {vertical-align: top;}
.index-box-2 .data p {line-height: 20px;margin-top: 0;}
.index-box-2 .index-more {margin-top: 30px;}
.index-box-3 .main {flex-flow: wrap;flex-direction: column-reverse;}
.index-box-3 .info {width: 100%;padding-left: 15px; padding-right: 15px; margin-top: 24px;}
.index-box-3 .name,
.index-box-3 .desc,
.index-box-3 .more {transform: translateY(20px);-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);}
.index-box-3 .name {width: 100%;}
.index-box-3 .name {font-size: 18px; line-height: 30px; }
.index-box-3 .desc {line-height: 28px; margin: 15px auto 16px;}
.index-box-3 .btn-box {display: none;}
.index-box-3 .swiper-box {width: 100%;}
.index-box-3 .swiper-slide .name {bottom: 5px;height: 30px;width: 100%;padding: 0 15px;}
.index-box-3 .swiper-box .swiper-btn {display: block;}
.index-box-4 { background: url(../images/p_index4bg.jpg) no-repeat center top; background-size: cover;}
.index-box-4 .main {display: block;}
.index-box-4 .pic {margin-bottom: 20px;}
.index-box-4 .pic img {height: auto;}
.index-box-4 .name { line-height: 28px;margin: 2px auto 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.index-box-4 .desc {line-height: 28px; }
.index-box-4 .index-title-box .title {margin-bottom: 0;}
.index-box-4 .index-more {margin-top: 30px;}
}
    
@media screen and (max-width: 767px) {
.swiper-btn.prev {left: 0px;}
.swiper-btn.next {right:0px;}
.index-box-2 .data ul { display: block;}
.index-box-2 .data ul li{ width: 50%; float: left; margin-bottom: 10px;}
.index-title-box .title {font-size: 22px;  }
.index-box-1 .index-more {margin-top: 30px;}
.index-title-box h2 {font-size: 32px; margin-bottom: 5px;}
.index-box-4 .more {margin-bottom: 12px;}

}