@charset "utf-8";
/* CSS 鼠标效果 */

@font-face {
    font-family: 'Anton';
    src: url('../font/Anton-Regular.eot');
    src: url('../font/Anton-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Anton-Regular.woff2') format('woff2'),
        url('../font/Anton-Regular.woff') format('woff'),
        url('../font/Anton-Regular.ttf') format('truetype'),
        url('../font/Anton-Regular.svg#Anton-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 18px; color: #333; overflow-x: hidden; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; padding-top: 80px;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select,button{ font-size: 16px; outline:none; font-family:"Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif; }
svg{ border: none;}
::-webkit-input-placeholder {color: #666;}
::-moz-placeholder {color: #666;}
:-ms-input-placeholder {color: #666;}

a { text-decoration: none; color:#333; transition: color 0.56s ease;}
a:hover{ color: #007aff;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1720px; margin: 0 auto;}
.w1400{ width: 1400px; margin: 0 auto;}
.ovh{overflow: hidden;}
.bg{ background: #f3f3f3;}

::-webkit-scrollbar { width: 8px;  height: 8px; background-color: rgba(24, 24, 24, .07); }
::-webkit-scrollbar-thumb {background: rgba(24, 24, 24, .3); border-radius: 8px; transition: background 0.4s ease;}
::-webkit-scrollbar-thumb:hover {background: #34495e;}

/*顶部*/
.header{ width: 100%; background: #fff; position: fixed; left: 0; top: 0; z-index: 9999;box-shadow: 0 0 15px rgba(0, 0, 0, .1); }
.header .logo{ padding: 10px 0; }
.header .nav>ul>li{ margin-right: 40px; position: relative;}
.header .nav>ul>li>a{ color: #000; text-transform: uppercase; line-height: 80px; display: block; transition: color .4s;}
.header .nav>ul>li a:hover{ color: #007aff;}
.header .nav>ul>li.on>a,.header .nav>ul>li:hover>a{ color: #007aff;}
.header .subnav{ width: 180px; padding:10px;  position: absolute; top: 65px; left: 50%; z-index: 111; margin-left: -90px; display: none;}
.header .nav>ul>li:nth-child(3) .subnav{ width: 260px; margin-left: -130px;}
.header .subnav ol{ padding:15px 0;  background:#fff;  border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.2); position: relative; }
.header .subnav ol:after{ content: ""; width: 16px; height: 6px; background:url(../images/icon04.png) no-repeat center; position: absolute; left: 50%; top: -6px; margin-left: -8px; }
.header .subnav a{ font-size: 16px; color: #000; font-weight: normal; line-height:2; text-align: center; white-space:nowrap;display: block;}
.header .subnav a:hover{color: #002878;}
.header .searchBtn{ width: 30px; height: 30px; background: url(../images/icon01.png) no-repeat center; cursor: pointer; }
.header .lang{  position: relative; margin-left:25px;}
.header .lang dl{ width: 30px; height: 30px; background: url(../images/icon02.png) no-repeat center; cursor: pointer;}
.header .lang:hover .subnav{ display: block; top: 30px;}

.menu-toggle{display: none;}

/*首页bannner*/
.banner { position: relative;}
.banner .swiper{ width:100%; overflow:hidden;}
.banner .swiper .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.banner .swiper .swiper-slide img{width:100%;}
.banner .pagination { width: 100% !important; position: absolute; left:0; bottom:30px!important;  z-index:111; text-align: center;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet { display: inline-block; width: 12px;height: 12px; background:#007aff; margin: 0 10px; opacity: 1; cursor: pointer;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff;}
.banner .swiper-slide-active{opacity:1;}

.neiBanner{ height:550px; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; align-items: center; justify-content: center; position: relative; }
.neiBanner .textBanner{ font-size: 65px; color: #1e2b58; line-height: 1; font-weight: bold;}
.neiBanner .textBanner.white{  color: #fff;}
.neiBanner.caseBaner{ height: 150px;}

.title{ margin-bottom: 30px; display: flex; align-items: flex-end;}
.title h2{ font-size: 40px; line-height: 1;}
.title p{ font-size: 16px; color: #999; line-height: 1; margin-left: 15px;}

.indexOne{ padding-top: 90px;}
.indexOne .box{ padding: 80px 0; position: relative;}
.indexOne .box::after{ content: ""; width: 200%; height: 100%; background: #fff; position: absolute; right: 0; top: 0;}
.indexOne .con{width: 50%; position: relative; z-index: 11;}
.indexOne .con .text{ color: #666; line-height: 1.8; margin-bottom: 70px;}
.indexOne .con a{ width: 170px; height: 50px; line-height: 50px; background: #007aff; border-radius: 5px; color:#fff; text-align: center; display: block; transition: background 0.4s ease;}
.indexOne .con a:hover{ background: #006ee4;}
.indexOne .pic{width: 50%; position: relative; z-index: 11; padding:0 80px 0 111px;}

.indexTwo{ padding-top: 112px;}
.indexTwo .picList{ width: 50%; background: url(../images/indexTwoBg.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.indexTwo .picList ul{width: 100%; }
.indexTwo .picList ul li{ width: 33.33%; height: 50%; display: flex; border-top: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3);}
.indexTwo .picList ul li a{ width: 100%; height: 100%; line-height: 100%; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center;}
.indexTwo .picList ul li a:hover{ background: rgba(0,122,255,0.47);}
.indexTwo .picList ul li span{ width: 100%; height: 100%; line-height: 100%; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.indexTwo .picList ul li span:hover{ background: rgba(0,122,255,0.47); cursor: pointer;}
.indexTwo .con{ width: 50%; background: #fff; padding:80px 95px;}
.indexTwo .con .text{ color: #666;}
.aboutFour.indexTwo{ padding: 90px 0;}
.aboutFour.indexTwo .con{ padding: 100px 0 100px 80px;}
.aboutFour.indexTwo .con .text{ font-size: 16px; line-height: 25px;}

.indexThree{ padding-top: 80px;}
.indexThree .box ul{ margin: 0 -13px;}
.indexThree .box ul li{ width: 25%; padding: 0 13px;}
.indexThree .box ul li .item{ height: 100%; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .08); padding: 26px 40px 35px; text-align: right;}
.indexThree .box ul li .item i{ height: 60px; display: block; overflow: hidden;}
.indexThree .box ul li .item i img{ filter: drop-shadow(#007aff 0 80px); transform: translateY(-80px);}
.indexThree .box ul li .item ol{ text-align: left;}
.indexThree .box ul li .item ol h3{ color: #333; font-size: 22px; line-height: 1; margin: 20px 0;}
.indexThree .box ul li .item ol { font-size: 16px; color: #007aff; line-height: 1.5; display: block;}

.indexFour{ padding: 70px 0 115px;}
.indexFour .inews{ width: 66.66%;}
.indexFour .inews .box ul{ margin: 0 -18px;}
.indexFour .inews .box ul li{ width: 50%; padding: 0 18px;}
.indexFour .inews .box ul li a{ background: #fff; display: block; padding: 40px;}
.indexFour .inews .box ul li dl{ padding-bottom: 52.76%;}
.indexFour .inews .box ul li dd{ font-size: 15px; color: #999; margin: 20px 0;}
.indexFour .inews .box ul li h3{ font-size: 18px; line-height: 1; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px;}
.indexFour .inews .box ul li dt{ height: 54px; line-height: 18px; font-size: 15px; color: #999; overflow: hidden; margin-bottom: 58px;}
.indexFour .inews .box ul li span{ font-size: 16px; color: #007aff; background: url(../images/icon09.png) no-repeat right center; padding-right: 30px;}
.indexFour .ischool{ width: 33.33%; padding-left: 36px;}
.indexFour .ischool .box{ height: calc(100% - 70px); display: flex; flex-direction: column; justify-content: space-between;}
.indexFour .ischool .box .item{ height: 49%; }
.indexFour .ischool .box .item .con{ height: 100%; background: #8d9da9; padding: 28px 40px; color:#fff; display: block; transition: background 0.4s ease;}
.indexFour .ischool .box .item .con:hover{ background: #007aff;}
.indexFour .ischool .box .item .t{ font-size: 22px; font-weight: bold; margin-bottom: 20px;}
.indexFour .ischool .box .item .c{ height: 125px; font-size: 16px; line-height: 25px; overflow: hidden;}
.indexFour .ischool .box .item .c a{ color: #fff; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.indexFour .ischool .box .item .c a:hover{ color: #a4d0ff; }
.indexFour .ischool .box .item dd a{ font-size: 16px; color: #fff;  background: url(../images/icon10.png) no-repeat right center; padding-right: 30px; display: inline-block; margin-top: 15px;}
.indexFour .ischool .box .item dd a:hover{ color: #a4d0ff; }

.aboutOne{ padding: 90px 0;}
.aboutOne .con{width: 50%; position: relative; z-index: 11;}
.aboutOne .con .text{ color: #666; line-height: 1.8; padding-right: 25px;}
.aboutOne .pic{width: 50%; position: relative; z-index: 11; padding-left: 35px;}

.aboutTwo{ padding: 75px 0; background: #efefef;}
.aboutTwo .box{ position: relative;}
.aboutTwo .date{ font-size: 384px; font-family: 'Anton', Arial, sans-serif; color: #e5e5e5; text-align: center; line-height: 1; padding: 50px 0;}
.aboutTwo .date .con{ display: none;}
.aboutTwo .swiperBox{ width: 100%; position: absolute; left: 0; top: 0;  z-index: 111;}
.aboutTwo .swiperBox .text{ width: 100%; height: 165px; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 15px;}
.aboutTwo .swiperBox .swiper-slide dl{ width: 105px; height: 105px; background-image: linear-gradient(to right,#dbdbdb , #f5f5f5); border: #ababab solid 1px; border-radius: 105px; margin:0 auto; display: flex; align-items: center; justify-content: center; font-weight: bold; cursor: pointer;}
.aboutTwo .swiperBox .swiper-slide.swiper-slide-thumb-active dl{  background: #1e2965; border: #1e2965 solid 1px; color: #fff;}
.thumbsBox ,.thumbsBox .w1400{ position: relative; z-index: 1;}
.thumbsBox::before{ content: ""; width: 100%; height: 2px; background: #cdcdcd; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.thumbsBox .swiper-button-next, .thumbsBox .swiper-button-prev{ width: 46px; height: 46px; border-radius: 46px; background: #007aff; }
.thumbsBox .swiper-button-next:after,.thumbsBox .swiper-button-prev:after{ color: #fff; font-size: 25px;}
.thumbsBox .swiper-button-next.swiper-button-disabled, .thumbsBox .swiper-button-prev.swiper-button-disabled{ background: #9cc7f5; opacity: 1;}
.thumbsBox .swiper-button-prev{ left: -50px;}
.thumbsBox .swiper-button-next{ right: -50px;}

.aboutThree{ padding: 120px 0; background: url(../images/aboutThreeBg.jpg) no-repeat center; background-size: cover;}
.aboutThree .con{ width: 50%; background: #fff; padding: 75px 80px; border-radius: 10px;}
.aboutThree .con:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
.aboutThree .con .title h2{ color: #1e2965;}
.aboutThree .con .text{ font-size: 16px; line-height: 28px;}
.aboutThree .list{ width: 50%; padding-left: 28px;}
.aboutThree .list .item{ width: 49.2%; background: #fff; border-radius: 10px; padding: 30px 35px;}
.aboutThree .list .item:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .3);}
.aboutThree .list .item .t{ font-size: 22px; line-height: 1; font-weight: bold; margin-bottom: 15px;}
.aboutThree .list .item .c{ font-size: 16px; line-height: 25px;}
.aboutThree .list .item:nth-child(1),.aboutThree .list .item:nth-child(2){ margin-bottom: 10px;}
.aboutThree .list .item:nth-child(1),.aboutThree .list .item:nth-child(4){ background: #007aff; color: #fff;}

.aboutFive{ padding: 70px 0 140px; background: url(../images/aboutFiveBg.jpg) no-repeat center; background-size:cover; color: #fff;}
.aboutFive .text{ font-size: 16px; text-align: left; text-indent: 2em; line-height: 1.6; padding: 0 120px; margin-bottom: 120px;}
.aboutFive .list .item{ width: 23.4%; background: #fff; color: #333; padding: 0 45px 30px;}
.aboutFive .list .item:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .5);}
.aboutFive .list .item i{ width: 104px; height: 104px; line-height: 96px; text-align: center; background: #007aff; border-radius: 100px; display: block; margin: -58px auto 25px;}
.aboutFive .list .item h3{ color: #007aff; font-size: 20px; margin-bottom: 10px;}
.aboutFive .list .item dt{ font-size: 16px; line-height: 1.6;}

.breadNav{ margin:24px 0 50px; font-size: 16px; position: relative;}
.breadNav::after{ content: ""; width: 100%; height: 1px; background: #d4d4d4; position: absolute; left: 0; top: 50%;}
.breadNav .bread{ padding: 0 10px; background: #fff; position: relative; z-index: 11; margin-left: -10px;}
.bg .breadNav .bread{ background: #f3f3f3;}
.breadNav .neiNav{ position: relative; z-index: 11;}
.breadNav .neiNav ul li{ margin-left: 5px;}
.breadNav .neiNav ul li a{ padding: 0 30px; line-height: 40px; border-radius: 40px; background: #cdcdcd; display: block; transition: all 0.4s ease;}
.breadNav .neiNav ul li a:hover,.breadNav .neiNav ul li.on a{ background: #007aff; color: #fff;}

.content{ padding-bottom: 110px;}

.danye .text{ padding-top: 20px; line-height: 1.8;}

.team .box{ padding-bottom: 30px;}
.team .box ul{ margin: 0 -15px;}
.team .box ul li{ width: 25%; padding: 0 15px; margin-top: 30px;}
.team .box ul li .item{ background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .3);}
.team .box ul li .item dl{ padding-bottom: 100%;}
.team .box ul li .item .con{ padding: 26px;}
.team .box ul li .item .con .t{ margin-bottom: 20px; font-size: 15px; color: #666; display: flex; align-items: flex-end;}
.team .box ul li .item .con .t h3{ font-size: 22px; color: #007aff; margin-right: 5px;}
.team .box ul li .item .con .c{ height: 110px; line-height: 22px; font-size: 15px; color: #666; overflow: hidden;}

.honor .box ul{ margin: 0 -16px;}
.honor .box ul li{ width: 25%; padding: 0 16px; margin-bottom: 20px;}
.honor .box ul li ol{ cursor: pointer;}
.honor .box ul li dl{ padding-bottom: 73%;}
.honor .box ul li .v-Pic dl{ padding-bottom: 140%;}

.anchorPoint{padding-top:79px; margin-top:-79px;}
.pingtai .text{ font-size: 16px; line-height: 1.66; margin-bottom: 45px;}
.pingtai .tit{ font-size: 20px; color: #007aff; font-weight: bold; font-style: italic; padding-bottom: 10px;}
.pingtai .box .item{ display: flex; background: #fff; margin-top: 25px;}
.pingtai .box .item .pic{ width: 50%; display: flex; justify-content: center; align-items: center; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
.pingtai .box .item .pic .tit2{ background: rgba(0, 122, 255, 0.6); font-size: 28px; color: #fff; padding: 38px 40px;}
.pingtai .box .item .con{ width: 50%; font-size: 16px; line-height: 1.4; padding: 50px 60px;}
.pingtai .box .item .con h3{ color: #000; font-size: 16px;}
.pingtai .box .anchorPoint:nth-child(even) .item{ flex-direction: row-reverse;}

.xueyuan .box{ padding: 20px 0;}
.xueyuan .box ul li{ border-bottom: #dddddd solid 1px; line-height: 44px; font-size: 16px;}
.xueyuan .box ul li a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: block;}
.xueyuan .box ul li span{ color: #007aff;}

.case ul li{ margin-bottom: 16px;}
.case ul li a{ display: flex; background: #fff; transition: all 0.4s ease;}
.case ul li a:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .2);}
.case ul li .pic{ width: 35%;}
.case ul li .pic dl{ padding-bottom: 65.3%;}
.case ul li .con{ width: 65%; padding: 40px 50px; display: flex; flex-direction: column;}
.case ul li .con h3{ font-size: 18px;  color: #333; margin-bottom: 20px;}
.case ul li .con dt{ max-height: 154px; font-size: 16px; color: #666; line-height: 22px; overflow: hidden;}
.case ul li .con dd{ color: #007aff; font-size: 16px; background: url(../images/icon09.png) no-repeat 70px center; padding-right: 30px; margin-top: auto;}

.breadCase{ height: 50px; margin-top: -50px; position: relative; z-index: 11; color: #fff; text-align: right;}
.breadCase a{ font-size: 16px; color: #fff;}
.breadCase a:hover{color: #007aff; }

.caseView{ padding: 60px 0 100px;}
.caseView .leftBox{ width: calc(100% - 480px);}
.caseView .leftBox .tit{ margin-bottom: 20px;}
.caseView .leftBox .tit h1{ font-size: 50px; line-height: 1;}
.caseView .leftBox .text{ line-height: 1.8;}
.caseView .viewPage{ border-top: #dbdbdb solid 1px; padding: 30px 0; overflow: hidden; position: relative; margin-top: 60px;}
.caseView .viewPage .box{ padding-right: 200px;}
.caseView .viewPage .box a{ font-size: 16px; color: #333; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-bottom: 10px; }
.caseView .viewPage .box b{ color: #000;}
.caseView .viewPage .box a:hover{color: #007aff;}
.caseView .viewPage .back{ width: 160px; height: 42px; line-height: 42px;  text-align: center;  position:absolute; right: 0; top: 35px;}
.caseView .viewPage .back a{color: #fff; font-size: 16px; background: #007aff; border-radius: 42px; display: block;}
.caseView .viewPage .back a:hover{ background: #0264cc;}

.caseView .rightBox{ width: 380px;}
.caseView .rightBox .t{ font-size: 30px; color: #007aff; font-weight: bold; margin-bottom: 27px;}
.caseView .rightBox .caseBox ul li{ margin-bottom: 20px;}
.caseView .rightBox .caseBox ul li dl{ padding-bottom: 65%;}
.caseView .rightBox .newsViewBox ul li dl{ padding-bottom: 52.76%;}
.caseView .rightBox .caseBox ul li h3{ font-size: 15px; margin-top: 5px;}
.caseView .rightBox .caseBox ul li p{ font-size: 15px; color: #007aff;}
.caseView .rightBox .newsRecommendBox ul li{ margin-bottom: 16px;}
.caseView .rightBox .newsRecommendBox ul li:last-child{ margin-bottom: 0;}
.caseView .rightBox .newsRecommendCard{ display: block; position: relative; background: linear-gradient(180deg,#fff 0%,#fbfcfe 100%); border: none; border-radius: 4px; padding: 0; overflow: hidden; box-shadow: none; transition: box-shadow .3s ease, transform .3s ease;}
.caseView .rightBox .newsRecommendCard:hover{ color: inherit; box-shadow: 0 14px 28px rgba(18,36,64,.1); transform: translateY(-2px);}
.caseView .rightBox .newsRecommendCard .pic{ border-radius: 0; overflow: hidden; position: relative; background: #f2f5f8;}
.caseView .rightBox .newsRecommendCard .pic::after{ content: ""; width: 100%; height: 32%; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(8,21,40,.12) 100%); position: absolute; left: 0; bottom: 0; pointer-events: none;}
.caseView .rightBox .newsRecommendCard .pic dl{ padding-bottom: 56%;}
.caseView .rightBox .newsRecommendCard .pic img{ transition: transform .5s ease, filter .5s ease;}
.caseView .rightBox .newsRecommendCard:hover .pic img{ transform: scale(1.035); filter: saturate(1.02);}
.caseView .rightBox .newsRecommendCard .info{ padding: 12px 10px 10px;}
.caseView .rightBox .newsRecommendCard h3{ font-size: 16px; line-height: 1.75; color: #1f2a37; font-weight: 700; letter-spacing: .2px; margin: 0; min-height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.caseView .rightBox .newsRecommendCard .meta{ margin-top: 12px; padding-top: 12px; border-top: 1px solid #ebeff4; display: flex; align-items: center; justify-content: space-between;}
.caseView .rightBox .newsRecommendCard .meta p{ margin: 0; font-size: 13px; color: #6f7d8c; letter-spacing: .2px; display: flex; align-items: center;}
.caseView .rightBox .newsRecommendCard .meta span{ margin-left: auto; height: 30px; line-height: 30px; font-size: 12px; color: #26415f; font-weight: 700; padding: 0 16px; border: 1px solid #d7e0ea; border-radius: 4px; background: #f8fafc; position: relative; transition: border-color .3s ease, background .3s ease, color .3s ease;}
.caseView .rightBox .newsRecommendCard .meta span::after{ content: none; }
.caseView .rightBox .newsRecommendCard:hover .meta span{ background: #f1f5f9; border-color: #becbd9;}
.newsView .rightBox .newsRecommendCard .meta span{ color: #007aff; transition: none;}
.newsView .rightBox .newsRecommendCard:hover .meta span{ background: #f8fafc; border-color: #d7e0ea; color: #007aff;}
.caseView:not(.newsView) .rightBox .newsRecommendCard .meta span{ color: #007aff; transition: none;}
.caseView:not(.newsView) .rightBox .newsRecommendCard:hover .meta span{ background: #f8fafc; border-color: #d7e0ea; color: #007aff;}

.newsView .leftBox .tit{ margin-bottom: 20px;}
.newsView .leftBox .tit h1{ font-size: 40px; line-height: 1;}
.newsView .leftBox .tit p{ font-size: 16px; color:#666; line-height: 1; padding:20px 0 20px;}
.newsView .leftBox .tit p span{color: #007aff;}

.news{ padding: 0 0 77px; background: #F3F3F3;}
.news .box { padding-bottom: 10px;}
.news .box ul{ margin: 0 -18px;}
.news .box ul li{ width: 33.333%; padding: 0 18px; margin-bottom: 36px;}
.news .box ul li a{ display: block;}
.news .box ul li dl{ padding-bottom:52.765%; position: relative; overflow: hidden;}
.news .box ul li dl img{position:absolute;top:0;bottom:0;left:0;right:0;width: 100%; height: 100%; margin:auto;}
.news .box ul li ol{ padding-top: 12px;}
.news .box ul li ol h3{ height:44px; line-height:22px; font-size: 18px; color: #007aff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; margin-bottom: 10px;  transition: color .4s;}
.news .box ul li ol dt{ height: 60px; font-size: 14px; color: #666; line-height: 20px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.news .box ul li ol dd{ padding-top: 15px; margin-top: 12px; border-top: 1px solid #dddddd; font-size: 14px; color: #666; background: url(../images/icon16.png) no-repeat right 18px;}
.news .newsCardList ul{ margin: 0 -14px;}
.news .newsCardList ul li{ padding: 0 14px; margin-bottom: 28px;}
.news .newsListCard{ height: 100%; background: #fff; border: none; border-radius: 4px; padding: 0; box-shadow: none; transition: box-shadow .3s ease, transform .3s ease;}
.news .newsListCard:hover{ box-shadow: 0 14px 28px rgba(18,36,64,.08); transform: translateY(-2px); color: inherit;}
.news .newsListCard .pic{ border-radius: 4px 4px 0 0; overflow: hidden; background: #f4f6f8;}
.news .newsListCard .pic dl{ padding-bottom: 56%;}
.news .newsListCard ol{ padding: 14px 10px 10px; display: flex; flex-direction: column;}
.news .newsListCard ol h3{ height: 54px; line-height: 27px; font-size: 18px; color: #1f2a37; font-weight: 700; margin-bottom: 10px; letter-spacing: .2px;}
.news .newsListCard ol dt{ height: 66px; font-size: 14px; line-height: 22px; color: #687585; margin-bottom: 16px;}
.news .newsListCard ol dd{ margin-top: auto; padding-top: 12px; border-top: 1px solid #ebeff4; background: none !important; background-image: none !important; display: flex; justify-content: flex-end;}
.news .newsListCard ol dd::after{ content: none !important; }
.news .newsListCard ol dd span{ height: 30px; line-height: 30px; padding: 0 16px; border: 1px solid #d5dde7; border-radius: 4px; background: #fafbfd; color: #007aff; font-size: 12px; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; transition: border-color .3s ease, background .3s ease, color .3s ease;}
.news .newsListCard ol dd span::after{ content: none !important; }
.news .newsListCard:hover ol dd span{ background: #f3f6f9; border-color: #bdc9d6;}

.join{ padding: 0;}

.joinText { padding-bottom: 70px;}
.joinText .con{ width: 54.2%;}
.joinText .con .text{ font-size: 16px; line-height: 2;}
.joinText .con .text h3{ margin-bottom: 15px;}
.joinText .pic{ width: 36.1%; }

.joinList{ padding: 60px 0; background: #f5f5f5;}
.joinList .box{ padding-top: 10px;}
.joinList ul{ margin: 0 -8px; align-items: stretch;}
.joinList ul li{ width: 33.33%; padding: 0 8px; margin-bottom: 20px; display: flex;}
.joinList ul li .item{ width: 100%; height: 100%; background: #fff; padding: 28px; display: flex; flex-direction: column;}
.joinList ul li .item:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.joinList ul li .item .t{font-size: 18px; color: #007aff; font-weight: bold; margin-bottom: 18px;}
.joinList ul li .item .c{font-size: 15px; flex: 1;}

.contact{ margin-bottom: 90px; border-bottom: #dddddd solid 1px;}
.contact .box{ padding: 80px 0;}
.contact .box ul{ border-left: #ddd solid 1px;}
.contact .box ul li{ width: 25%; font-size: 16px; text-align: center; border-right: #ddd solid 1px;}
.contact .box ul li i{ height: 51px; display: block;}
.contact .box ul li dl{ margin: 12px 0;}
.contact .box ul li ol{color: #007aff; }

#contact-map{ position: relative; height: 530px; background: #f5f5f5; overflow: hidden;}
#map-static{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; object-position: center;}
#map{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none;}

.message .box ul{ margin: 0 -10px; overflow: hidden;}
.message .box ul li{ width: 50%; padding: 0 10px; margin-top: 15px; float: left;}
.message .box ul ol{ width: 100%; padding: 0 10px; margin-top: 15px;}
.message .box ul input{ width: 100%; height: 54px; border:none; background: #f5f5f5; font-size: 16px; padding-left: 15px;}
.message .box ul select{ width: 100%; height: 54px; border:none; font-size: 16px; color: #666; padding-left: 22px; background:#f5f5f5;  appearance:none; -moz-appearance:none; -webkit-appearance:none; transition: all .4s;}
.message .box ul select:focus{ background: #ddeaf8;}
.message .box ul input:focus{ background: #ddeaf8; }
.message .box ul textarea{ width: 100%; height: 180px; background: #f5f5f5; padding: 10px 15px; border:none; font-size: 16px; }
.message .box ul textarea:focus{background: #ddeaf8; }
.message .box ul button{ width: 320px; line-height: 60px; background: #007aff; border: none; color: #fff; font-size: 16px; margin-top: 30px; cursor: pointer; display: block;}
.message .box ul button:hover{ background: #0562c5;}

.footer{ padding: 65px 0 50px; background: #2c3137; color: #6e757e; font-size: 16px;}
.footer a{ color: #6e757e;}
.footer a:hover{ color: #007aff;}
.footer .fmain{ padding-bottom: 60px;}
.footer .fcontact .t{ font-size: 30px; color: #007aff; background: url(../images/icon11.png) no-repeat left center; padding-left: 50px; margin-bottom: 8px;}
.footer .fcontact .c{ line-height: 30px;}
.footer .fnav ul li{ margin-left: 60px;}
.footer .fnav ul li>a{ color: #fff; font-size: 18px; margin-bottom: 10px; display: block;}
.footer .fnav ul li .subnav a{ display: block; line-height: 1.6;}
.footer .copyright{ border-top: 1px solid #454a51; padding-top: 25px;}
.footer .copyright dl a{ margin-left: 25px;}

/*===/分页=============================*/
.fenye { padding-top: 25px;}
.fenye ul{display:flex;}
.fenye li {display:inline-block!important; margin: 0 3px; line-height: 38px;}
.fenye a { font-size: 16px; color:#333;padding:0 15px; background: #e2e2e2; display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.fenye .disabled a:link,.fenye .disabled a:visited,.fenye .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.fenye .active {pointer-events:none}
.fenye .active,.fenye a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.blank-large{height:38px;clear:both;font-size:0}
.fenye li.active a,.fenye li a:hover{background: #007aff; color: #fff; }

/*搜索框*/
.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999999;}
.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}
.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}
.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}

/* 弹出框 */
.tccBox{display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.tccBox .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.tccBox .BoxCon{padding: 20px;position: absolute;left:50%;top:50%;box-sizing:border-box;transform: translate(-50%,-50%); color: #999;}
.tccBox .BoxCon .off{ width: 29px; height: 29px; background:url(../images/off.png) no-repeat center; position: absolute; top: -15px; right: -15px; cursor: pointer;}
.tccBox .BoxCon ul video{ max-width: 1000px;}
.tccBox .BoxCon .tit{ font-size: 25px; color: #fff; text-align: center; margin-top: -30px; margin-bottom: 10px;}
.tccBox .BoxCon .box{ width: 650px; position: relative;}
.tccBox .BoxCon .box .Bpic img{ width: 100%;}
.tccBox .BoxCon .box .Spic{ width: 76px; position: absolute; right: 30px; top: 30px; z-index: 11;}
.tccBox .BoxCon .box .Spic ul li{ margin-bottom: 6px;}
.tccBox .BoxCon .box .Spic ul li dl{ padding-bottom: 100%;cursor: pointer;}
.tccBox .BoxCon .box .Spic ul li dl::before{ content: ""; width:calc(100% - 2px); height:calc(100% - 2px); border: #cecece solid 1px; position: absolute; left: 0; top: 0; z-index: 1;}
.tccBox .BoxCon .box .Spic ul li.on dl::before{ width:calc(100% - 4px); height:calc(100% - 4px); border: #e60012 solid 2px;}


@media (max-width: 1780px) {
    .wrap{ width: 100%; padding: 0 30px;}
}

@media (max-width: 1560px) {
    body{ font-size: 16px;}

    .neiBanner { height: 500px;}
    .neiBanner .textBanner { font-size: 50px;}

    .title h2 { font-size: 32px;}

    .indexThree .box ul li .item i { height: 30px;}
    .indexThree .box ul li .item ol h3 { font-size: 20px;}

    .indexFour .ischool .box { height: calc(100% - 62px);}
    .indexFour .ischool .box .item .c { height: 100px;}

    .thumbsBox, .thumbsBox .w1400{ width: 100%; padding: 0 60px;}

    .caseView .leftBox .tit h1 { font-size: 32px;}
    .caseView .rightBox .t { font-size: 25px; margin-bottom: 20px; }
}

@media (max-width: 1440px) {
    .wrap{ width: 100%; padding: 0 20px;}
    .w1400{ width: 100%; padding: 0 20px;}

    .footer .fnav ul li>a{ font-size: 16px;}
    .footer .fnav ul li .subnav a{ font-size: 15px;}
}

@media (max-width: 1366px) {

    .indexTwo .con{ padding: 60px;}

    .indexThree .box ul li .item{padding: 26px 30px 30px;}
    .indexThree .box ul li .item ol h3 { font-size: 18px; }
    .indexThree .box ul li .item ol { font-size: 15px;}

    .indexFour .inews .box ul li a{ padding: 30px;}
    .indexFour .ischool .box .item .con{padding: 26px 30px;}
    .indexFour .ischool .box .item .t { font-size: 20px; margin-bottom: 12px; }
    .indexFour .ischool .box .item .c a{ font-size: 15px;}
    .indexFour .ischool .box .item dd a{ font-size: 15px;}

    .aboutOne .con .text{ padding-right: 0;}

    .aboutThree .list .item{ padding: 30px;}
    .aboutThree .list .item .t { font-size: 20px;}
    .aboutThree .list .item .c{ font-size: 15px;}

    .aboutFour.indexTwo .con { padding: 70px 0 70px 50px; }

    .aboutFive .list .item{ padding: 0 30px 30px;}

    .pingtai .box .item .con{ font-size: 15px;}

    .caseView .leftBox { width: calc(100% - 450px); }

    .footer .fcontact .t { font-size: 28px;}
    .footer .fcontact .c{ font-size: 15px;}
    .footer .fnav ul li { margin-left: 40px; }
    .footer .copyright{ font-size: 15px;}
}

@media (max-width: 1300px) {
}

@media (max-width: 1200px) {
    .header .nav>ul>li {  margin-right: 25px;}
    .header .subnav a{ font-size: 15px;}
    .header .lang{ margin-left: 15px;}

    .neiBanner { height: 400px; }
    .neiBanner .textBanner { font-size: 40px; }
 
    .title h2 { font-size: 28px; }
    .title p { font-size: 15px;}

    .indexOne .pic{ padding: 0 60px;}
    .indexThree .box ul li .item { padding: 20px 20px 25px; }
    .indexThree .box ul li .item ol h3 { font-size: 17px; }

    .aboutFive .text{ font-size: 15px;}
    .aboutFive .list .item { padding: 0 20px 30px; }
    .aboutFive .list .item i { width: 80px; height: 80px; line-height: 76px; margin: -40px auto 18px; }
    .aboutFive .list .item i img{ height: 30px;}
    .aboutFive .list .item h3{ font-size: 18px;}
    .aboutFive .list .item dt{ font-size: 15px;}

    .news .box ul li ol h3{ font-size: 16px;}
    .caseView .leftBox .tit h1 { font-size: 30px; }
}

@media (max-width: 1030px) {
    body{ font-size: 15px;}

    .indexOne { padding-top: 50px; }
    .indexOne .box { padding: 60px 0; }    
    .indexOne .con .text{ margin-bottom: 30px;}
    .indexOne .pic { padding: 0 35px; }
    .indexOne .con a { width: 120px; height: 40px; line-height: 38px;}

    .indexTwo { padding-top: 50px; }
    .indexTwo .con { padding: 40px; }

    .indexThree { padding-top: 50px; }
    .indexThree .box ul{ margin: 0 -10px;}
    .indexThree .box ul li { padding: 0 10px; }
    .indexThree .box ul li .item { padding: 20px 15px 25px; }
    .indexThree .box ul li .item ol h3{ font-size: 16px;}

    .indexFour { padding: 50px 0 80px; }
    .indexFour .inews .box ul li a { padding: 20px; }
    .indexFour .inews .box ul li h3 { font-size: 16px;}
    .indexFour .ischool .box{ height: calc(100% - 58px);}
    .indexFour .ischool .box .item .t{ font-size: 18px;}
    .indexFour .ischool .box .item .con{ padding: 20px;}
    .indexFour .ischool .box .item .c{ height: 80px; line-height: 20px;}

    .breadNav .neiNav ul li a { font-size: 15px; padding: 0 20px;}

    .aboutOne { padding: 60px 0; }
    .thumbsBox, .thumbsBox .w1400 { padding: 0 30px; }
    .thumbsBox .swiper-button-prev { left: -25px; }
    .thumbsBox .swiper-button-next { right: -25px; }

    .aboutThree { padding: 90px 0;}
    .aboutThree .con{ width: 35%; padding: 50px;}
    .aboutThree .list { width: 65%; padding-left: 20px; }

    .aboutFour.indexTwo .con { padding: 50px 0 50px 50px; }

    .pingtai .text{ font-size: 15px;}
    .pingtai .box .item .con{ padding: 30px; font-size: 14px;}
    .pingtai .box .item .pic .tit2 { font-size: 18px; padding: 28px 30px; }

    .xueyuan .box ul li{ font-size: 15px;}

    .content { padding-bottom: 80px; }
    .case ul li .con{ padding: 25px;}
    .case ul li .con h3 { font-size: 16px; margin-bottom: 10px; }
    .case ul li .con dt{ font-size: 15px; max-height: 100px; line-height: 20px;}
    .case ul li .con dd{ font-size: 15px;}

    .caseView .leftBox { width: calc(100% - 350px); }
    .caseView .viewPage .box a{ font-size: 15px;}
    .caseView .rightBox { width: 300px; }

    .join { padding: 0; }
    .joinText .con { width: 60%; }
    .joinText .con .text{ font-size: 15px;}

    .joinList ul{ margin: 0 -6px; align-items: stretch;}
    .joinList ul li{ padding: 0 6px; display: flex;}
    .joinList ul li .item{ width: 100%; height: 100%; padding: 20px;}
    .joinList ul li .item .c { font-size: 14px; flex: 1; }

    .contact .box ul li{ font-size: 15px; padding: 0 15px;}

    .footer {padding: 50px 0 30px;}
    .footer .fmain { padding-bottom: 40px; }
    .footer .fcontact .c{ font-size: 14px; line-height: 26px;}
    .footer .fnav ul li { margin-left: 20px; }
    .footer .fnav ul li>a { font-size: 15px; }
    .footer .fnav ul li .subnav a { font-size: 14px; }
    .footer .copyright { font-size: 14px; }
}

@media screen and (max-width:750px){
    body{ font-size: 13px; padding-top: 60px;}
    .wrap,.w1400{ width: 100%; padding: 0 15px;}

    .header{ width: 100%; height:60px; background:#fff;  position: fixed; top: 0; left: 0; z-index: 99999999; }
    .header .logo{ height: 60px; padding: 10px 0; }
    .header .headRight{ float: none; position: fixed; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px);  background: #fff; display: none;}
    .header .nav{margin-right:0;}
    .header .nav>ul{ display: block;  position: relative; z-index: 111;}
    .header .nav>ul>li{ margin-right: 0; border-top: #eee solid 1px; float: none;}
    .header .nav>ul>li>a{ padding: 0 15px; font-size: 15px; line-height: 46px; display: block;}
    .header .nav>ul>li .subnav{ width: 100%; position: relative; top: 0; left: 0; margin-left: 0; padding: 15px 0; background: #f2f2f2;}
    .header .nav>ul>li .subnav>ol{ background: none; box-shadow: inherit; padding: 0;}
    .header .subnav ol:after{ display: none;}
    .header .nav>ul>li .subnav>ol>a{ font-size: 14px; padding: 0 15px; display: block; text-align: left;}
    .header .nav>ul>li:nth-child(4) .subnav { width: 100%; margin-left: 0; }
    .header .search{ margin: 15px;}

    .header .menu-toggle{ width:60px; height:60px; position:absolute; right:0; top:0; z-index:99999; display:block;}
    .header .menu-toggle span{ width:35px; height:2px; background:#000;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
    .header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#000;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
    .header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#000;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
    .header .menu-toggle.cur span{background-color:transparent;}
    .header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
    .header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

    .banner { position: relative;}
    .banner .swiper-container{ width:100%; overflow:hidden;}
    .banner .swiper-container .swiper-slide{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;}
    .banner .swiper-container .swiper-slide a{  display: block; width:100%;}
    .banner .swiper-container .swiper-slide img{width:100%;}
    .banner .pagination { width: 100% !important; position: absolute; left:0; bottom:8px!important;  z-index:111; text-align: center;}
    .banner .swiper-pagination-clickable .swiper-pagination-bullet{ display: inline-block; width: 8px;height: 8px; margin: 0 3px; border-radius:12px !important; opacity: 1; cursor: pointer;}
    .banner .swiper-slide-active{opacity:1;}

    .neiBanner { height: 150px; }
    .neiBanner .textBanner { font-size: 26px; }

    .title { margin-bottom: 20px;}
    .title h2 { font-size: 20px; }
    .title p { font-size: 13px; }

    .indexOne { padding-top: 0; background: #fff; }
    .indexOne .box{  display: block; padding: 45px 0;}
    .indexOne .con{ width: 100%; margin-bottom: 20px;}
    .indexOne .con a{ margin: 0 auto;}
    .indexOne .pic{ width: 100%; padding: 0;}

    .indexTwo { padding-top: 45px; }
    .indexTwo .wrap{ display: block;}
    .indexTwo .picList{ width: 100%; height: 150px;}
    .indexTwo .con{ width: 100%; padding: 25px;}

    .indexThree { padding-top: 45px; }
    .indexThree .box ul{ flex-wrap: wrap; margin: 0;}
    .indexThree .box ul li{ width: 100%; padding: 0; margin-bottom: 10px;}
    .indexThree .box ul li .item{ position: relative;}
    .indexThree .box ul li .item i { height: 22px; position: absolute; right: 15px; top: 15px;}
    .indexThree .box ul li .item ol h3{ font-size: 15px; margin: 10px 0;}
    .indexThree .box ul li .item ol { font-size: 14px; }

    .indexFour { padding: 45px 0 60px; }
    .indexFour .inews{ width: 100%; margin-bottom: 20px;}
    .indexFour .inews .box ul { margin: 0; display: block;}
    .indexFour .inews .box ul li { width: 100%; padding: 0; margin-bottom: 10px; }
    .indexFour .inews .box ul li a { padding: 10px 10px 15px; }
    .indexFour .inews .box ul li h3 { font-size: 15px; }
    .indexFour .inews .box ul li dd { font-size: 14px; margin: 10px 0; }
    .indexFour .inews .box ul li dt{ font-size: 13px; margin-bottom: 20px;}
    .indexFour .inews .box ul li span{ font-size: 14px;} 
    .indexFour .ischool{ width: 100%; padding-left: 0;}
    .indexFour .ischool .box { height: inherit; }
    .indexFour .ischool .box .item{ width: 100%; margin-bottom: 10px;}
    .indexFour .ischool .box .item .c a { font-size: 13px; }

    .aboutOne { padding: 45px 0; }
    .aboutOne .box{ display: block;}
    .aboutOne .con{ width: 100%; margin-bottom: 20px;}
    .aboutOne .pic{ width: 100%; padding: 0;}

    .aboutTwo { padding: 50px 0 60px;}
    .aboutTwo .swiperBox .swiper-slide dl { width: 80px; height: 80px;}
    .thumbsBox .swiper-button-next, .thumbsBox .swiper-button-prev { width: 32px; height: 32px;}
    .thumbsBox .swiper-button-next:after, .thumbsBox .swiper-button-prev:after { font-size: 14px; }
    .aboutTwo .swiperBox .text{ height: auto; min-height: 130px;}
    .aboutTwo .date { font-size: 115px;}

    .aboutThree { padding: 50px 0; }
    .aboutThree .w1400{ display: block;}
    .aboutThree .con{ width: 100%; padding: 30px; margin-bottom: 10px;}
    .aboutThree .con .text { font-size: 14px; line-height: 22px; }
    .aboutThree .list{ width: 100%; padding-left: 0;}
    .aboutThree .list .item { padding: 20px; }
    .aboutThree .list .item .t { font-size: 16px; }
    .aboutThree .list .item .c { font-size: 13px; line-height: 22px;}

    .aboutFour.indexTwo  { padding: 50px 0;}
    .aboutFour.indexTwo .con { padding: 30px 0 0px 0; }
    .aboutFour.indexTwo .w1400{ display: block;}
    .aboutFour.indexTwo .con .text { font-size: 14px; line-height: 22px; }

    .aboutFive { padding: 50px 0 30px;}
    .aboutFive .text { font-size: 14px; padding: 0; margin-bottom: 70px;}
    .aboutFive .list{ flex-wrap: wrap;}
    .aboutFive .list .item{ width: 100%; margin-bottom:40px;}
    .aboutFive .list .item i { width: 60px; height: 60px; line-height: 56px; margin: -30px auto 18px; }
    .aboutFive .list .item h3 { font-size: 17px; }
    .aboutFive .list .item dt { font-size: 14px; }

    .anchorPoint { padding-top: 59px; margin-top: -59px; }

    .content { padding-bottom: 60px; }

    .breadNav::after{ display: none;}
    .breadNav .w1400{ display: block;}
    .breadNav .bread{ font-size: 14px; margin-bottom: 15px;}
    .breadNav .neiNav { overflow-x: auto;}
    .breadNav .neiNav::-webkit-scrollbar{ width: 0; height: 0;}
    .breadNav .neiNav ul li a{ white-space: nowrap; font-size: 13px; padding: 0 18px; }

    .pingtai .tit { font-size: 16px;}
    .pingtai .box .item{ display: block; margin-top: 15px;}
    .pingtai .box .item .pic{ width: 100%; height: 200px;}
    .pingtai .box .item .pic .tit2 { font-size: 16px; padding: 25px;}
    .pingtai .box .item .con{ width: 100%;}
    .pingtai .box .item .con h3 { font-size: 14px; }

    .xueyuan .box { padding: 0; }
    .xueyuan .box ul li { font-size: 14px; }

    .case ul li a{ display: block;}
    .case ul li .pic{ width: 100%;}
    .case ul li .con{ width: 100%;}
    .case ul li .con dt { font-size: 14px; margin-bottom: 10px;}

    .breadCase { margin-top: -35px;}
    .breadCase a { font-size: 14px;}

    .caseView { padding: 20px 0 50px; }
    .caseView .w1400{ display: block; }
    .caseView .leftBox{ width: 100%;}
    .caseView .leftBox .tit h1 { font-size: 20px; }
    .newsView .leftBox .tit p {font-size: 13px; padding: 15px 0 8px; }
    .caseView .viewPage{ margin-top: 35px;}
    .caseView .viewPage .box { padding-right: 120px; }
    .caseView .viewPage .box a { font-size: 14px; }
    .caseView .viewPage .back { width: 100px; height: 36px; line-height: 36px;}
    .caseView .viewPage .back a{ font-size: 13px;}
    .caseView .rightBox{ width: 100%;}
    .caseView .rightBox .t { font-size: 20px; margin-bottom: 16px; }
    .caseView .rightBox .caseBox ul li h3 { font-size: 14px;}
    .caseView .rightBox .newsRecommendCard{ padding: 0; border-radius: 3px;}
    .caseView .rightBox .newsRecommendCard .pic{ border-radius: 0;}
    .caseView .rightBox .newsRecommendCard .info{ padding: 10px 9px 9px;}
    .caseView .rightBox .newsRecommendCard h3{ font-size: 14px; min-height: auto; line-height: 1.65;}
    .caseView .rightBox .newsRecommendCard .meta{ margin-top: 8px; padding-top: 8px;}
    .caseView .rightBox .newsRecommendCard .meta p::before{ width: 6px; height: 6px; margin-right: 6px;}
    .caseView .rightBox .newsRecommendCard .meta span{ height: 26px; line-height: 26px; padding: 0 14px; border-radius: 3px;}
    .caseView .rightBox .newsRecommendCard .meta p,
    .caseView .rightBox .newsRecommendCard .meta span{ font-size: 12px;}

    .news .box ul{ margin: 0 ;}
    .news .box ul li{ width: 100%; padding: 0; margin-bottom: 25px;}
    .news .box ul li ol h3 { font-size: 15px; }
    .news .newsCardList ul li{ width: 100%; margin-bottom: 20px;}
    .news .newsListCard{ padding: 0; border-radius: 4px;}
    .news .newsListCard .pic{ border-radius: 4px 4px 0 0;}
    .news .newsListCard ol{ padding: 12px 9px 9px;}
    .news .newsListCard ol h3{ height: auto; font-size: 15px; line-height: 24px; margin-bottom: 8px;}
    .news .newsListCard ol dt{ height: auto; font-size: 13px; line-height: 21px; margin-bottom: 12px;}
    .news .newsListCard ol dd{ padding-top: 10px; background: none !important; background-image: none !important;}
    .news .newsListCard ol dd span{ height: 28px; line-height: 28px; font-size: 12px; padding: 0 14px; border-radius: 3px;}
    .news .newsListCard ol dd span::after{ content: none !important; }

    .join { padding: 0; }
    .joinText{padding-bottom: 50px;}
    .joinText .w1400{ display: block;}
    .joinText .con{ width: 100%; margin-bottom: 20px;}
    .joinText .con .text { font-size: 14px; line-height: 1.7;}
    .joinText .con .text img{ margin-bottom: 10px;}
    .joinText .pic{ width: 100%;}

    .joinList { padding: 50px 0;}
    .joinList ul li{ width: 100%; margin-bottom: 10px;}
    .joinList ul li .item .t { font-size: 16px; margin-bottom: 13px; }
    .joinList ul li .item .c { font-size: 13px; }

    .contact{ margin-bottom: 40px;}
    .contact .box { padding: 25px 0; }
    .contact .box ul{ flex-wrap: wrap; border-left: none;}
    .contact .box ul li{ width: 50%; margin: 10px 0; font-size: 14px;}
    .contact .box ul li i { height: 35px;}
    .contact .box ul li:nth-child(2),.contact .box ul li:nth-child(4){ border-right: none;}
    .contact .box ul li dl { margin: 4px 0; }

    #contact-map, #map { height: 330px; }

    .message .box ul li{ width: 100%;}
    .message .box ul input { height: 40px; font-size: 14px;}
    .message .box ul select { height: 40px; font-size: 14px; padding-left: 15px;}
    .message .box ul textarea { height: 130px; font-size: 14px; }
    .message .box ul button { width: 100%; line-height: 46px; font-size: 15px; margin-top: 20px;}

    .footer { padding: 30px 0 20px; }
    .footer .fmain { padding-bottom: 25px; }
    .footer .fcontact .t { background-size: 25px auto; font-size: 24px;padding-left: 35px; }
    .footer .fcontact .c { font-size: 13px; line-height: 20px; }
    .footer .fnav{ display: none;}
    .footer .copyright{ font-size: 12px; display: block;}
    .footer .copyright ol{ margin-bottom: 5px;}
    .footer .copyright dl a { margin-left: 0; margin-right: 10px; }

    /*===/分页=============================*/
    .fenye li {display:inline-block!important; line-height: 22px;}
    .fenye a { min-width: 30px; font-size: 13px; color:#333;padding:4px 8px; border:solid 1px #cccccc;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
    .fenye .disabled a:link,.fenye .disabled a:visited,.fenye .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
    .fenye .active {pointer-events:none}
    .blank-large{height:80px;line-height:80px;clear:both;font-size:0}

    .tccBox .BoxCon{ width: 90%;}
    .tccBox .BoxCon .off { width: 16px; height: 16px; right: 4px;}
    .tccBox .BoxCon .tit { font-size: 18px;}
    .tccBox .BoxCon ul video{ width: 100%;}
    .tccBox .BoxCon .box{ width: 100%;}
    .tccBox .BoxCon .box .Spic{ width: 50px; right: 15px; top: 15px;}
    .search-dialog{ width: 95%;}
}

/* 子公司详情页 */
.sc-banner { display:flex; align-items:center; justify-content:center; text-align:center; position:relative; overflow:hidden; background:linear-gradient(135deg, #1e2965 0%, #007aff 100%); height:400px; }
.sc-banner::before { content:""; position:absolute; width:600px; height:600px; border-radius:50%; background:rgba(255,255,255,0.04); top:-200px; right:-100px; }
.sc-banner::after { content:""; position:absolute; width:400px; height:400px; border-radius:50%; background:rgba(255,255,255,0.03); bottom:-150px; left:-50px; }
.sc-banner-inner { position:relative; z-index:1; width:100%; padding:0 20px; }
.sc-banner h1 { color:#fff; font-size:48px; font-weight:bold; letter-spacing:6px; margin-bottom:16px; }
.sc-banner p { font-size:18px; color:rgba(255,255,255,0.75); letter-spacing:4px; line-height:1.8; }
.sc-section { padding:90px 0; }
.sc-about,.sc-scope { background:#fff; }
.sc-achievement,.sc-cert { background:#f5f7fa; }
.sc-section-tag { font-size:14px; color:#007aff; letter-spacing:3px; font-family:'Anton', Arial, sans-serif; margin-bottom:8px; }
.sc-section-title { font-size:36px; font-weight:bold; color:#1e2965; line-height:1.2; }
.sc-divider { width:50px; height:3px; background:#007aff; margin:20px 0 35px; border-radius:2px; }
.sc-content-text,.sc-qualification-html { color:#555; font-size:16px; line-height:2; word-break:break-word; overflow-wrap:anywhere; }
.sc-content-text > *:last-child,.sc-qualification-html > *:last-child { margin-bottom:0 !important; }
.sc-content-text p,.sc-content-text li,.sc-qualification-html p,.sc-qualification-html li { font-size:16px; color:#555; line-height:2; }
.sc-content-text p,.sc-qualification-html p,.sc-content-text ul,.sc-content-text ol,.sc-qualification-html ul,.sc-qualification-html ol,.sc-content-text table,.sc-qualification-html table,.sc-content-text blockquote,.sc-qualification-html blockquote { margin-bottom:14px; }
.sc-content-text ul,.sc-content-text ol,.sc-qualification-html ul,.sc-qualification-html ol { padding-left:22px; }
.sc-content-text h1,.sc-content-text h2,.sc-content-text h3,.sc-content-text h4,.sc-content-text h5,.sc-content-text h6,.sc-qualification-html h1,.sc-qualification-html h2,.sc-qualification-html h3,.sc-qualification-html h4,.sc-qualification-html h5,.sc-qualification-html h6 { color:#1e2965; line-height:1.4; margin-bottom:16px; font-weight:bold; }
.sc-content-text h1,.sc-qualification-html h1 { font-size:30px; }
.sc-content-text h2,.sc-qualification-html h2 { font-size:26px; }
.sc-content-text h3,.sc-qualification-html h3 { font-size:22px; }
.sc-content-text h4,.sc-content-text h5,.sc-content-text h6,.sc-qualification-html h4,.sc-qualification-html h5,.sc-qualification-html h6 { font-size:18px; }
.sc-content-text a,.sc-qualification-html a { color:#007aff; text-decoration:underline; word-break:break-all; }
.sc-content-text img,.sc-qualification-html img,.sc-content-text svg,.sc-qualification-html svg,.sc-content-text canvas,.sc-qualification-html canvas { max-width:100% !important; height:auto !important; }
.sc-content-text iframe,.sc-qualification-html iframe { width:100% !important; max-width:100% !important; border:0; }
.sc-content-text video,.sc-content-text embed,.sc-content-text object,.sc-qualification-html video,.sc-qualification-html embed,.sc-qualification-html object { max-width:100% !important; height:auto !important; }
.sc-content-text table,.sc-qualification-html table { display:block; width:max-content; min-width:100%; max-width:100% !important; overflow-x:auto; -webkit-overflow-scrolling:touch; border-collapse:collapse; }
.sc-content-text th,.sc-content-text td,.sc-qualification-html th,.sc-qualification-html td { padding:8px 12px; vertical-align:top; word-break:break-word; }
.sc-row { display:flex; align-items:center; gap:60px; }
.sc-row-reverse { flex-direction:row-reverse; }
.sc-about .sc-row,.sc-scope .sc-row { min-height:500px; align-items:stretch; }
.sc-col-text { flex:1 1 0; min-width:0; }
.sc-about .sc-col-text,.sc-scope .sc-col-text { display:flex; flex-direction:column; justify-content:center; }
.sc-col-img { flex:0 0 42%; width:100%; max-width:520px; min-height:320px; border-radius:10px; overflow:hidden; box-shadow:0 15px 40px rgba(0,0,0,0.12); background:#fff; }
.sc-col-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.6s ease; }
.sc-col-img:hover img { transform:scale(1.05); }
.sc-about .sc-col-img,.sc-scope .sc-col-img { min-height:500px; }
.sc-about .sc-col-img img,.sc-scope .sc-col-img img { min-height:500px; }
.sc-gallery,.sc-gallery-six,.sc-gallery-seven { display:grid; gap:24px; }
.sc-gallery,.sc-gallery-six { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.sc-gallery-seven.sc-gallery-landscape-seven { grid-template-columns:repeat(4, minmax(0, 1fr)); }
.sc-gallery-seven.sc-gallery-portrait-seven { grid-template-columns:repeat(3, minmax(0, 1fr)); }
.sc-gallery-item,.sc-gallery-item-six,.sc-gallery-item-seven { position:relative; border-radius:10px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.08); cursor:pointer; display:flex; align-items:center; justify-content:center; background:#fff; }
.sc-gallery-item img,.sc-gallery-item-six img,.sc-gallery-item-seven img { width:100%; height:260px; object-fit:cover; display:block; transition:transform 0.6s ease; }
.sc-gallery-item:last-child { grid-column:3; grid-row:1 / span 2; }
.sc-gallery-item:last-child img { height:100%; min-height:544px; }
.sc-gallery-landscape-six img { height:300px; }
.sc-gallery-portrait-six img { height:600px; }
.sc-gallery-overlay,.sc-gallery-overlay-six,.sc-gallery-overlay-seven { position:absolute; inset:0; padding:24px; background:rgba(0,122,255,0.7); display:flex; align-items:center; justify-content:center; text-align:center; opacity:0; transition:opacity 0.4s ease; }
.sc-gallery-overlay-text { color:#fff; font-size:20px; font-weight:bold; letter-spacing:2px; line-height:1.6; transform:translateY(15px); transition:transform 0.4s ease; }
.sc-gallery-item:hover img,.sc-gallery-item-six:hover img,.sc-gallery-item-seven:hover img { transform:scale(1.1); }
.sc-gallery-item:hover .sc-gallery-overlay,.sc-gallery-item-six:hover .sc-gallery-overlay-six,.sc-gallery-item-seven:hover .sc-gallery-overlay-seven { opacity:1; }
.sc-gallery-item:hover .sc-gallery-overlay-text,.sc-gallery-item-six:hover .sc-gallery-overlay-text,.sc-gallery-item-seven:hover .sc-gallery-overlay-text { transform:translateY(0); }
.sc-qualification-html img { max-width:100%; height:auto; }
.cert-rows { display:flex; flex-direction:column; gap:20px; }
.cert-swiper-wrap { width:100%; overflow:hidden; }
.sc-cert-item { width:100%; border-radius:8px; overflow:hidden; box-shadow:0 4px 15px rgba(0,0,0,0.08); background:#fff; }
.sc-cert-item img { width:100%; height:240px; object-fit:cover; object-position:center center; display:block; }
.cert-swiper .swiper-slide { width:clamp(220px, 23vw, 300px); height:auto; display:flex; align-items:center; justify-content:center; }
.cert-swiper .swiper-wrapper { transition-timing-function:linear !important; }
@media (max-width: 1440px) {
.sc-banner { height:340px; }
.sc-banner h1 { font-size:40px; }
.sc-section { padding:70px 0; }
}
@media (max-width: 1000px) {
.sc-banner { height:280px; }
.sc-banner h1 { font-size:32px; letter-spacing:3px; }
.sc-banner p { font-size:15px; letter-spacing:2px; }
.sc-section { padding:56px 0; }
.sc-section-tag { font-size:13px; letter-spacing:2px; }
.sc-section-title { font-size:28px; }
.sc-divider { margin:16px 0 28px; }
.sc-achievement .sc-divider,.sc-cert .sc-divider { margin:0 auto 38px !important; }
.sc-row,.sc-row-reverse { flex-direction:column; align-items:stretch; gap:28px; }
.sc-about .sc-row,.sc-scope .sc-row { min-height:0; }
.sc-about .sc-col-img,.sc-scope .sc-col-img,.sc-about .sc-col-img img,.sc-scope .sc-col-img img { min-height:260px; }
.sc-col-img { max-width:360px; min-height:260px; margin:0 auto; }
.sc-content-text,.sc-qualification-html,.sc-content-text p,.sc-content-text li,.sc-qualification-html p,.sc-qualification-html li { font-size:15px; line-height:1.9; }
.sc-gallery,.sc-gallery-six { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.sc-gallery-seven.sc-gallery-landscape-seven,.sc-gallery-seven.sc-gallery-portrait-seven { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:16px; }
.sc-gallery-item img,.sc-gallery-item-six img,.sc-gallery-item-seven img,.sc-gallery-landscape-six img,.sc-gallery-portrait-six img { height:220px; }
.sc-gallery-item:last-child { grid-column:auto; grid-row:auto; }
.sc-gallery-item:last-child img { min-height:220px; }
.sc-gallery-overlay-text { font-size:18px; letter-spacing:1px; }
.cert-swiper .swiper-slide { width:220px; }
.sc-cert-item img { height:160px; }
}
@media screen and (max-width: 750px) {
.sc-banner { height:220px; }
.sc-banner-inner { padding:0 15px; }
.sc-banner h1 { font-size:26px; letter-spacing:2px; margin-bottom:10px; }
.sc-banner p { font-size:13px; letter-spacing:1px; line-height:1.7; }
.sc-section { padding:42px 0; }
.sc-section-tag { font-size:12px; }
.sc-section-title { font-size:24px; }
.sc-divider { width:42px; height:2px; margin:14px 0 22px; }
.sc-achievement .sc-divider,.sc-cert .sc-divider { margin:0 auto 28px !important; }
.sc-col-img { max-width:320px; min-height:220px; }
.sc-about .sc-col-img,.sc-scope .sc-col-img,.sc-about .sc-col-img img,.sc-scope .sc-col-img img { min-height:220px; }
.sc-content-text,.sc-qualification-html,.sc-content-text p,.sc-content-text li,.sc-qualification-html p,.sc-qualification-html li { font-size:14px; line-height:1.85; }
.sc-content-text h1,.sc-qualification-html h1 { font-size:24px; }
.sc-content-text h2,.sc-qualification-html h2 { font-size:22px; }
.sc-content-text h3,.sc-qualification-html h3 { font-size:18px; }
.sc-content-text h4,.sc-content-text h5,.sc-content-text h6,.sc-qualification-html h4,.sc-qualification-html h5,.sc-qualification-html h6 { font-size:16px; }
.sc-content-text table,.sc-qualification-html table { font-size:13px; }
.sc-content-text iframe,.sc-content-text video,.sc-content-text embed,.sc-content-text object,.sc-qualification-html iframe,.sc-qualification-html video,.sc-qualification-html embed,.sc-qualification-html object { min-height:180px; }
.sc-gallery,.sc-gallery-six,.sc-gallery-seven.sc-gallery-landscape-seven,.sc-gallery-seven.sc-gallery-portrait-seven { grid-template-columns:1fr; gap:14px; }
.sc-gallery-item img,.sc-gallery-item-six img,.sc-gallery-item-seven img,.sc-gallery-landscape-six img,.sc-gallery-portrait-six img { height:200px; }
.sc-gallery-overlay,.sc-gallery-overlay-six,.sc-gallery-overlay-seven { opacity:1; padding:16px; background:linear-gradient(180deg, rgba(0,0,0,0) 25%, rgba(0,0,0,0.58) 100%); align-items:flex-end; justify-content:flex-start; text-align:left; }
.sc-gallery-overlay-text { font-size:16px; letter-spacing:0; transform:none; }
.sc-gallery-item:hover img,.sc-gallery-item-six:hover img,.sc-gallery-item-seven:hover img,.sc-gallery-item:hover .sc-gallery-overlay-text,.sc-gallery-item-six:hover .sc-gallery-overlay-text,.sc-gallery-item-seven:hover .sc-gallery-overlay-text { transform:none; }
.sc-gallery-item:hover .sc-gallery-overlay,.sc-gallery-item-six:hover .sc-gallery-overlay-six,.sc-gallery-item-seven:hover .sc-gallery-overlay-seven { opacity:1; }
.cert-rows { gap:12px; }
.cert-swiper .swiper-slide { width:180px; }
.sc-cert-item img { height:136px; }
}
@media (max-width: 480px) {
.sc-banner { height:190px; }
.sc-banner::before { width:380px; height:380px; top:-140px; right:-120px; }
.sc-banner::after { width:260px; height:260px; bottom:-110px; left:-60px; }
.sc-banner h1 { font-size:22px; }
.sc-banner p { font-size:12px; }
.sc-section { padding:36px 0; }
.sc-section-title { font-size:22px; }
.sc-row,.sc-row-reverse { gap:22px; }
.sc-col-img { max-width:280px; min-height:200px; }
.sc-about .sc-col-img,.sc-scope .sc-col-img,.sc-about .sc-col-img img,.sc-scope .sc-col-img img { min-height:200px; }
.sc-gallery-item img,.sc-gallery-item-six img,.sc-gallery-item-seven img,.sc-gallery-landscape-six img,.sc-gallery-portrait-six img { height:180px; }
.sc-gallery-overlay-text { font-size:15px; }
.cert-swiper .swiper-slide { width:148px; }
.sc-cert-item img { height:110px; }
}

/* 子公司列表页 */
.sc-list-banner { display:flex; align-items:center; justify-content:center; text-align:center; position:relative; overflow:hidden; background:linear-gradient(135deg, #1e2965 0%, #007aff 100%); height:350px; }
.sc-list-banner::before { content:""; position:absolute; width:600px; height:600px; border-radius:50%; background:rgba(255,255,255,0.04); top:-200px; right:-100px; }
.sc-list-banner::after { content:""; position:absolute; width:400px; height:400px; border-radius:50%; background:rgba(255,255,255,0.03); bottom:-150px; left:-50px; }
.sc-list-banner-inner { position:relative; z-index:1; width:100%; padding:0 20px; }
.sc-list-banner h1 { color:#fff; font-size:42px; font-weight:bold; letter-spacing:6px; margin-bottom:12px; }
.sc-list-banner p { font-size:18px; color:rgba(255,255,255,0.75); letter-spacing:4px; line-height:1.8; }

.sc-list-section { padding:80px 0; background:#f5f7fa; }
.sc-list-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); gap:30px; }
.sc-list-card { display:flex; flex-direction:column; height:100%; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,0.08); transition:transform 0.3s ease, box-shadow 0.3s ease; text-decoration:none; }
.sc-list-card:hover { transform:translateY(-6px); box-shadow:0 12px 30px rgba(0,0,0,0.15); }
.sc-list-card-img { height:220px; overflow:hidden; }
.sc-list-card-img img { width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease; }
.sc-list-card:hover .sc-list-card-img img { transform:scale(1.08); }
.sc-list-card-info { min-height:96px; padding:22px 24px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.sc-list-card-info h3 { flex:1; min-width:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:20px; font-weight:bold; color:#1e2965; line-height:1.4; min-height:2.8em; }
.sc-list-card-arrow { flex-shrink:0; width:42px; height:42px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(0,122,255,0.08); font-size:20px; color:#007aff; transition:transform 0.3s ease, background 0.3s ease; }
.sc-list-card:hover .sc-list-card-arrow { transform:translateX(5px); background:rgba(0,122,255,0.16); }

@media (max-width: 1440px) {
.sc-list-banner { height:320px; }
.sc-list-banner h1 { font-size:38px; }
}
@media (max-width: 1000px) {
.sc-list-banner { height:260px; }
.sc-list-banner h1 { font-size:32px; letter-spacing:3px; }
.sc-list-banner p { font-size:15px; letter-spacing:2px; }
.sc-list-section { padding:56px 0; }
.sc-list-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px; }
.sc-list-card-img { height:200px; }
.sc-list-card-info { min-height:90px; padding:18px 20px; }
.sc-list-card-info h3 { font-size:18px; }
}
@media screen and (max-width: 750px) {
.sc-list-banner { height:220px; }
.sc-list-banner-inner { padding:0 15px; }
.sc-list-banner h1 { font-size:26px; letter-spacing:2px; margin-bottom:10px; }
.sc-list-banner p { font-size:13px; letter-spacing:1px; line-height:1.7; }
.sc-list-section { padding:42px 0; }
.sc-list-grid { grid-template-columns:1fr; gap:16px; }
.sc-list-card:hover { transform:none; box-shadow:0 4px 20px rgba(0,0,0,0.08); }
.sc-list-card-img { height:190px; }
.sc-list-card:hover .sc-list-card-img img,.sc-list-card:hover .sc-list-card-arrow { transform:none; }
.sc-list-card-info { min-height:78px; padding:16px 18px; gap:16px; }
.sc-list-card-info h3 { font-size:17px; }
.sc-list-card-arrow { width:36px; height:36px; font-size:18px; }
}
@media (max-width: 480px) {
.sc-list-banner { height:190px; }
.sc-list-banner::before { width:380px; height:380px; top:-140px; right:-120px; }
.sc-list-banner::after { width:260px; height:260px; bottom:-110px; left:-60px; }
.sc-list-banner h1 { font-size:22px; }
.sc-list-banner p { font-size:12px; }
.sc-list-card-img { height:170px; }
.sc-list-card-info h3 { font-size:16px; }
}

/* 合作伙伴 */
.partnerPage{ padding: 0 0 90px; background: #f5f7fa;}
.partnerHead{ padding: 70px 0 40px; text-align: center;}
.partnerHead .title{ margin-bottom: 0;}
.partnerIntro{ max-width: 980px; margin: 28px auto 0; font-size: 16px; line-height: 1.9; color: #666;}
.partnerSingleGrid{ display: grid; grid-template-columns: 1fr; gap: 0; max-width: 1120px; margin: 0 auto; background: #fff; border-radius: 12px; overflow: hidden;}
.partnerSingleItem{ background: #fff; padding: 0; box-shadow: none; border-radius: 0;}
.partnerSingleLogo{ display: flex; align-items: center; justify-content: center; background: #fff; padding: 0 12px;}
.partnerSingleLogo img{ width: 100%; height: auto; display: block; margin: 0 auto;}
.partnerDetailLogo{ background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); padding: 24px; min-height: 220px; display: flex; align-items: center; justify-content: center;}
.partnerDetailLogo img{ max-width: 100%; max-height: 100%; object-fit: contain; object-position: center center; display: block; margin: 0 auto;}
.partnerDetailPage{ padding: 0 0 90px; background: #f5f7fa;}
.partnerDetailHead{ padding: 70px 0 30px; text-align: center;}
.partnerDetailHead .title{ margin-bottom: 0;}
.partnerDetailWrap{ background: #fff; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); padding: 42px 48px 50px;}
.partnerDetailRichText{ color: #666; font-size: 16px; line-height: 1.9;}
.partnerDetailRichText > *:first-child{ margin-top: 0;}
.partnerDetailRichText > *:last-child{ margin-bottom: 0;}
.partnerDetailGrid{ margin-top: 34px; display: grid; grid-template-columns: 1fr; gap: 24px; max-width: 980px; margin-left: auto; margin-right: auto;}
.partnerDetailNav{ margin-top: 38px; padding-top: 26px; border-top: 1px solid #eef2f6; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.partnerDetailPrevNext{ display: flex; flex-direction: column; gap: 12px; min-width: 0;}
.partnerDetailPrevNext a,.partnerDetailPrevNext span{ font-size: 14px; line-height: 1.8; color: #666;}
.partnerDetailPrevNext a:hover,.partnerDetailBack a:hover{ color: #007aff;}
.partnerDetailBack a{ color: #1e2965; font-size: 14px;}

@media (max-width: 1000px) {
    .partnerPage,.partnerDetailPage{ padding-bottom: 60px;}
    .partnerHead,.partnerDetailHead{ padding: 55px 0 30px;}
    .partnerIntro{ margin-top: 22px; font-size: 15px; line-height: 1.8;}
    .partnerSingleLogo{ padding: 0 10px;}
    .partnerDetailLogo{ padding: 20px; min-height: 180px;}
    .partnerDetailWrap{ padding: 32px 28px 36px;}
    .partnerDetailNav{ align-items: flex-start; flex-direction: column;}
}

@media screen and (max-width: 750px) {
    .partnerPage,.partnerDetailPage{ padding-bottom: 45px;}
    .partnerHead,.partnerDetailHead{ padding: 45px 0 25px;}
    .partnerIntro{ margin-top: 18px; font-size: 14px; line-height: 1.8;}
    .partnerDetailGrid{ gap: 15px;}
    .partnerSingleLogo{ padding: 0 8px;}
    .partnerDetailLogo{ padding: 16px; min-height: 120px;}
    .partnerDetailWrap{ padding: 24px 18px 28px;}
    .partnerDetailRichText{ font-size: 14px; line-height: 1.8;}
    .partnerDetailGrid{ margin-top: 24px;}
    .partnerDetailNav{ margin-top: 28px; padding-top: 22px;}
}