/*
    author:PengJin;
    date:2021-04-02;
*/
body{background:#f1f1f1;}
@media(max-width:1200px){
body{padding-bottom:60px;}
}


/*--banner--*/
.banner{position:relative;z-index:1;width:100%;overflow:hidden;clear:both;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;position:relative; width: 100%;}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:60px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 7px !important;width:9px;height:9px;background:#fff;opacity:1; border-radius: 0;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background:#ff7e00;}
.banner .prev,.banner .next{position:absolute;z-index:9;top:50%;width:60px;height:60px;line-height:58px;color:#fff;text-align:center;cursor:pointer;outline:none;border:#d8d9de solid 1px;transform:translateY(-50%);opacity:0.3;}
.banner .prev{left:5%;}
.banner .next{right:5%;}
.banner .prev:hover,.banner .next:hover{color:#fff;background:#ff7e00;border-color:#ff7e00;opacity:1;}
@media(max-width:1200px){
.banner{margin-top:0;}
.banner .prev,.banner .next{display:none;}
.banner .swiper-slide img{position:static;width:100%;transform:translate(0);}
.banner .swiper-pager{left:0;width:100%;bottom:30px;text-align:center;width:100%;transform:translateX(0);}
.banner .swiper-pager span{margin:0 2px;width:7px;height:7px;border-radius:50%;}
}
/*--end banner--*/


/* indexInfo */
.indexInfo { display: block; padding: 100px 0 80px; overflow: hidden; background: #f3f3f3;}
.indexInfo .indexData { margin-top: 90px; overflow: hidden;}
.indexInfo .indexData ul { display: flex; flex-wrap: wrap;}
.indexInfo .indexData ul li { position: relative; flex: auto; width: calc(100%/4); text-align: center; border-right: 1px solid #e3e3e3;}
.indexInfo .indexData ul li:last-child { border: none;}
.indexInfo .indexData ul li:last-child::after { display: none;}
.indexInfo .indexData ul li::after { content: ''; display: block; position: absolute; right: -1px; top: 0px; width: 1px; height: 100%; background: #ff7e00;}
.indexInfo .indexData ul li p { font-size: 36px; color: #ff7e00; font-weight: bold; font-family: "DIN Medium";}
.indexInfo .indexData ul li span { margin-top: 10px;  display: block; text-align: center; font-size: 18px; color: #666;}
@media (max-width:992px) {
    .indexInfo { padding: 25px 15px;}
    .indexInfo .indexData { margin-top: 40px;}
    .indexInfo .indexData ul li { width: 50%;} 
    .indexInfo .indexData ul li:nth-child(2) { border: none;}
    .indexInfo .indexData ul li:nth-child(2)::after { display: none;}
    .indexInfo .indexData ul li { margin:15px 0;}
    .indexInfo .indexData ul li p { font-size: 24px;}
    .indexInfo .indexData ul li span { font-size: 14px;}
}
/* indexInfo end */

/* programme */
.programme {position: relative;padding: 75px 0 0;display: block;width: 100%;background: #fff;}
.programme .programme-bf { position: absolute;left: 0; top: -60px;  width: 440px;animation:fadeinL 1s;}
.programme .programme-bf img { display: block; width: 100%;}
.programme .programme-con { margin-top: 70px; overflow: hidden;}
.programme .programme-menu { display: block; width: 100%; text-align: center;}
.programme .programme-menu li { display: inline-block; text-align: center; width: 325px; height: 80px; line-height: 80px;}
.programme .programme-menu li a {display: block; font-size: 18px; color: #666; background: #f3f3f3; }
.programme .programme-menu li.cur a {background: #ff7e00; color: #fff;}
.programme .programme-slide {padding-bottom: 265px;position: relative;display: block;width: 100%;overflow: hidden;}
.programme .programme-slide .pic { display: block; width: 100%;}
.programme .programme-slide .pic img { display: block; width: 100%;}
.programme .programme-slide .text { position: absolute; left: 50%; top: 50px; transform: translateX(-50%); text-align: center;}
.programme .programme-slide .text h3 a { font-size: 22px; color: #000;}
.programme .programme-slide .text p { margin-top: 15px; font-size: 16px; color: #000; line-height: 1.5;}
.programme .programme-slide .text .btn { display: block; margin-top: 30px;}
.programme .programme-slide .text .btn a {display: inline-block; margin: 0 15px; width: 130px; height: 45px; line-height: 45px; background: #ff7e00; font-size: 16px; color: #fff;}
.programme .programme-slide .text .btn a i { margin-left: 10px; font-size: 16px;}
.programme .programme-slide .programme-list {box-shadow: -17px 0px 101px 19px rgba(0, 0, 0, 0.15); position: absolute; left: 50%; bottom: 0; transform: translate(-50%,50%); width: 1470px; background: #fff; padding: 25px; box-sizing: border-box;}
.programme .programme-slide .programme-list .item { float: left; margin: 0 12px; width: calc(100%/4 - 24px);}
.programme .programme-slide .programme-list .item .pic { display: block; width: 100%; overflow: hidden;}
.programme .programme-slide .programme-list .item .pic img { display: block; width: 100%; transition: all 1s;}
.programme .programme-slide .programme-list .item p { padding: 0 10px;  white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; background: #fff;display: block; width: 100%; height: 55px; line-height: 55px; text-align: center; font-size: 16px; color: #666;box-shadow: -3px 0px 51px 0px rgba(0, 0, 0, 0.15);}
.programme .programme-slide .programme-list .item:hover p { background: #ff7e00; color: #fff;}
.programme .swiper-pager { display: none; margin-top: 20px; text-align: center;}
.programme .swiper-pager span.swiper-pagination-bullet-active { background: #ff7e00;}

@media (max-width:1500px) {
    .programme .programme-slide .programme-list { width: 1200px;}
    .programme .programme-bf { width: 300px;}
}
@media (max-width:1200px) {
    .programme .programme-bf { display: none;}
    .programme { padding: 40px 15px 0;}
    .programme .programme-con { margin-top: 30px;}
    .programme .programme-menu ul { display: none; width: 100%;}
    .programme .programme-menu li { flex:auto; display: block;  height: 40px; line-height: 40px;}
    .programme .programme-menu li a { font-size: 14px;}
    .programme .programme-slide .text { position: relative; margin-top: 20px; top: auto; left: auto; transform: none; width: 100%;}
    .programme .programme-slide .text h3 a { font-size: 16px;}
    .programme .programme-slide .text p { font-size: 14px;}
    .programme .programme-slide {padding-bottom: 30px;}
    .programme .programme-slide .programme-list { padding: 0; transform: none; overflow: hidden;  width: 100%; position: relative;left: auto; bottom: auto; margin-top: 10px; box-shadow: none;}
    .programme .programme-slide .programme-list .item { margin: 6px; width: calc(100%/2 - 12px);}
    .programme .programme-slide .programme-list .item p {box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.15); height: 45px; line-height: 45px; font-size: 14px;}
    .programme .swiper-pager { display: block;}
}
/* programme end */

/* super */
.super { display: block; position: relative; overflow: hidden; background: #fff;}
.super .super-fl { animation:fadeinL 1s; margin: 135px 0; float: left; width: 835px; position: relative; z-index: 2;}
.super .super-fl img {display: block; width: 100%;}
.super .super-fr { position: absolute; right: 0; top: 0; width: 1178px;}
.super .super-fr img { display: block; width: 100%;}
.super .super-fr .text {animation:fadeinR 2s; position: absolute; right: 250px; top: 25%;  width: 500px; z-index: 3;}
.super .super-fr .text h3 { font-size: 48px; color: #ff7e00;}
.super .super-fr .text p { font-size: 36px; color: #fff;}
.super .super-fr .text span { display: block; margin-top: 60px; font-size: 16px; color: #fff; line-height: 1.5;}
.super .super-fr .text a { display: block; margin-top: 75px; overflow: hidden; width: 165px; height: 60px; line-height: 60px; text-align: center; background: #ff7e00; color: #fff;}
@media (max-width:1440px) {
    .super .super-fl { margin: 132px 0; width: 665px;}
    .super .super-fr { width: 1000px;}
    .super .super-fr .text {right: 80px;width: 450px;top: 18%;}
}
@media (max-width:1200px) {
    .super .super-fl {  display: none; margin: 0; float: none; width: 100%;}
    .super .super-fr { position: relative; top: auto; left: auto; float: none; width: 100%;}
    .super .super-fr .text {right: 2.5%;top: 3%;width: 95%;}
    .super .super-fr .text h3 { font-size: 24px;}
    .super .super-fr .text p { font-size: 18px;}
    .super .super-fr .text span { margin-top: 20px; font-size: 14px;}
    .super .super-fr .text a { margin-top: 20px; width: 110px; height: 35px; line-height: 35px;}
}
/* super end */

/* indexHonor */
.indexHonor { position: relative; display: block; padding: 0px 0 75px; background: #f3f3f3;overflow: hidden;}
.indexHonor .honor-slide { margin-top: 50px; overflow: hidden;}
.indexHonor .honor-slide .pic { display: block; width: 100%; overflow: hidden; border: 1px solid #e4e4e4; box-sizing: border-box;}
.indexHonor .honor-slide .pic img { display: block; width: 100%;}
.indexHonor .honor-slide p { padding-top: 15px; text-align: center; font-size: 16px; color: #666;}
.indexHonor .next{position:absolute;z-index:9;border-radius: 50%;top: 61%;width:36px;height:36px;line-height:36px;color:#fff;text-align:center;cursor:pointer;outline:none;background: #ff7e00;}
.indexHonor .prev{ transform: rotate(180deg); position:absolute;z-index:9;border-radius: 50%;top: 61%;width:36px;height:36px;line-height:36px;color:#fff;text-align:center;cursor:pointer;outline:none;background: #ff7e00;}
.indexHonor .prev i,.indexHonor .next i { font-size: 24px;}
.indexHonor .prev{left: 9%;}
.indexHonor .next{right: 9%;}
.indexHonor .prev:hover,.indexHonor .next:hover{ background: #000;}
@media (max-width:1440px) {
    .indexHonor .prev{left: 3%;}
    .indexHonor .next{right: 3%;}
}
@media (max-width:992px) {
    .indexHonor { padding: 40px 15px;}
}
/* indexHonor end */

/* case */
.case { position: relative; display: block; padding-top: 90px; background: #fff; overflow: hidden;}
.case .case-slide { margin-top: 60px;width: 100%;}
.case .case-slide .swiper-slide { margin-left: 585px; width:1172px;} 
.case .case-slide .text {position: absolute;left: -450px;top: 50%;transform: translateY(-50%);padding: 80px 45px;box-sizing: border-box;z-index: 2;width: 600px;height: 415px;background: #ff7e00;}
.case .case-slide .text h3 { padding-bottom: 35px; border-bottom: 1px solid #fff;}
.case .case-slide .text h3 a { font-size: 33px; color: #fff;}
.case .case-slide .text p { margin-bottom: 50px; margin-top: 35px; font-size: 16px; color: #fff;}
.case .case-slide .pic { transform: translateX(73px); float: right; display: block;width:100%;}
.case .case-slide .pic img { display: block; width: 100%;}
.case .prev{ transform: rotate(180deg); float: left; margin-right:22px; width:40px;height:40px;line-height:40px;color:#fff;text-align:center;cursor:pointer;outline:none;border-radius:50%; border:1px solid #fff;}
.case .next{ float: left;  width:40px;height:40px;line-height:40px;color:#fff;text-align:center;cursor:pointer;outline:none;border-radius:50%; border:1px solid #fff;}
.case .prev i,.case .next i { font-size: 20px;}
.case .prev:hover,.case .next:hover { background: #000; border-color: #000;}
@media (max-width:1440px) {
    .case .case-slide .swiper-slide {margin-left: 485px;  width: 900px;}
    .case .case-slide .text {left: -340px;width: 480px;padding: 40px 25px;height: 350px;}
}
@media (max-width:1200px) {
    .case { padding: 40px 15px 0; box-sizing: border-box;}
    .case .case-slide { margin-top: 30px; overflow: hidden;}
    .case .case-slide .swiper-slide { margin: 0; width: 100%; ;}
    .case .case-slide .text { padding: 20px; transform: none; position:relative;left: auto; top: auto;width: 100%; height: auto;}
    .case .case-slide .text h3 { padding-bottom: 20px;}
    .case .case-slide .text h3 a { font-size: 16px;}
    .case .case-slide .text p { margin-bottom: 30px; margin-top: 20px; font-size: 14px;}
    .case .case-slide .pic { transform: none; float: none; }
    .case .case-slide .btn { overflow: hidden;}
}
/* case end */


/* indexPartner */
.indexPartner { padding: 70px 0; overflow: hidden; background: #fff;}
.indexPartner .partner-slide {overflow: hidden;display: block;background: url(../img/partner-bg.jpg) no-repeat center;width: 100%;height: 233px;background-size: 100%;}
.indexPartner .partner-slide .item {float: left;width: calc(100%/5);padding: 6px 36px;box-sizing: border-box;}
.indexPartner .partner-slide img { display: block; width: 100%;}
.indexPartner .swiper-pager { margin-top: 30px; text-align: center;}
.indexPartner .swiper-pager span { margin: 0 5px;}
.indexPartner .swiper-pager span.swiper-pagination-bullet-active { background: #ff7e00;}
@media (max-width:1440px) {
    .indexPartner .partner-slide .item {padding: 8px 20px;}
}
@media (max-width:1200px){
    .indexPartner { padding: 20px 15px 40px;}
    .indexPartner .partner-slide { background:none; height: auto; background: #f4f4f4;}
    .indexPartner .partner-slide .item {  padding: 1px; width: calc(100%/3);}
    .indexPartner .partner-slide .item:last-child { display: none;}
}
/* indexPartner end */


/* xztd */
.xztd { padding: 60px 0 70px; overflow: hidden; background: #f3f3f3;}
.xztd .xztd-con { margin-top: 70px; overflow: hidden;}
.xztd .xztd-con .xztd-fl { float: left; width: 686px;}
.xztd .xztd-con .xztd-fl .item { position: relative; display: block; width: 100%; margin-bottom: 42px;}
.xztd .xztd-con .xztd-fl .item:nth-child(1) {animation:fadeinL 1s;}
.xztd .xztd-con .xztd-fl .item:nth-child(2) {animation:fadeinB 1s;}
.xztd .xztd-con .xztd-fr .item:nth-child(1) {animation:fadeinT 1s;}
.xztd .xztd-con .xztd-fr .item:nth-child(2) {animation:fadeinR 1s;}
.xztd .xztd-con .xztd-fl .pic { display: block; width: 100%; overflow: hidden;}
.xztd .xztd-con .xztd-fl .pic img { display: block; width: 100%; transition: all 1s;}
.xztd .xztd-con .xztd-fl p { position: absolute; left: 0; bottom: 20px; padding-left: 20px; font-size: 18px; color: #fff; box-sizing: border-box;}
.xztd .xztd-con .xztd-fr { float: right; width: 686px;}
.xztd .xztd-con .xztd-fr .item { position: relative; display: block; width: 100%; margin-bottom: 42px;}
.xztd .xztd-con .xztd-fr .pic { display: block; width: 100%; overflow: hidden;}
.xztd .xztd-con .xztd-fr .pic img { display: block; width: 100%; transition: all 1s;}
.xztd .xztd-con .xztd-fr p { position: absolute; left: 0; bottom: 20px; padding-left: 20px; font-size: 18px; color: #fff; box-sizing: border-box;}
.xztd .xztd-con .item:hover img { transform: scale(1.1);}
@media (max-width:1440px) {
    .xztd .xztd-con .xztd-fl { width: 586px;}
    .xztd .xztd-con .xztd-fr {  width: 586px;}
}
@media (max-width:1200px) {
    .xztd { padding: 40px 15px;}
    .xztd .xztd-con { margin-top: 30px;}
    .xztd .xztd-con .xztd-fl { float: none; width: 100%;}
    .xztd .xztd-con .xztd-fr { float: none; width: 100%;}
    .xztd .xztd-con .xztd-fl .item { margin-bottom: 20px;}
    .xztd .xztd-con .xztd-fr .item { margin-bottom: 20px;}
    .xztd .xztd-con .xztd-fl p { font-size: 14px;}
    .xztd .xztd-con .xztd-fr p { font-size: 14px;}
}
/* xztd end */

/* news */
.news { padding: 50px 0 60px; overflow: hidden;}
.news .wrap-title { width: 130px; height: 50px;}
.news .wrap-title a { display: block; width: 100%; height: 50px; line-height: 50px; background: #ff7e00; font-size: 18px; color: #fff;} 
.news .news-con {  margin-left: -40px; margin-top: 50px; overflow: hidden;}
.news .news-con li { animation:fadeinB 1s; position: relative; float: left; width: calc(100%/2); padding-left:40px; border-right:1px solid #ff7e00;}
/*.news .news-con li:nth-child(3n) { border: none;}*/
.news .news-con li a { display: block; margin: 10px 0;}
.news .news-con li:nth-child(1)::after,.news .news-con li:nth-child(2)::after  { content: ''; display: block; position: absolute; right: -1px;top: 7px; width: 1px; height: 100%; background: #ff7e00;}
.news .news-con li span { font-size: 17px; color: #ff7e00; float: left; width: 80%; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.news .news-con li em { font-size: 14px; color: #ff7e00;}
.news .news-con li a:hover span  { color:#ff7e00!important;}
@media (max-width:992px) {
    .news { padding: 40px 15px;}
    .news .news-con li { padding-left: 0; float: none; width: 100%;}
    .news .news-con { margin-left: 0; margin-top: 30px;}
    .news .news-con li { margin-bottom: 10px; border: none; overflow: hidden;}
    .news .news-con li::after { display: none;}
    .news .news-con li span { width: 70%; font-size: 14px;}
    .news .news-con li em { float: right;}

}
/* news end */

/* ad */
.ad { overflow: hidden; display: block; 
/*background: url(../img/ad-bg.jpg) no-repeat center; */
background: #ff7e00;
width: 100%; 
/*height: 350px;*/
height: 220px;
background-size: cover; text-align: center;}
.ad .inner { position: relative; top: 50%; transform: translateY(-50%);}
.ad .pic {animation:fadeinT 1s; display: block; margin:0 auto; width: 260px;}
.ad .pic img { display: block; width: 100%;}
.ad  p {animation:fadeinB 1s; font-size: 28px; color: #fff;}
.ad span { animation:fadeinB 1s; display: block; margin-top: 20px; font-size: 18px; color: #fff;}
.ad a { display: block; margin: 45px auto 0; width:150px; height: 50px; line-height: 50px; text-align: center; background: #fff; font-size: 18px; color: #ff7e00;}
.ad a i { margin-left: 5px; font-size: 16px;}
@media (max-width:992px) {
    .ad {height: 130px;}
    .ad .pic { width: 200px;}
    .ad  p { font-size: 21px;}
    .ad span { padding: 0 20px; font-size: 14px;} 
    .ad a { margin:5px auto 0;width: 120px; height: 40px; line-height: 40px; font-size: 14px;}
}
/* ad end */