
.crumbs {padding:18px 0;border-bottom:1px solid #ddd;font-size:15px;}
.crumbs a,.crumbs i,.crumbs span {color:#666}
.crumbs i {margin:0 8px;font-style:normal}

.application-detailcon {margin-top:60px;padding-bottom:70px;border-bottom:1px solid #eee;display: flex;justify-content: space-between;align-items:flex-start;}
.application-detailfl{width:46%;}
.application-detailfl h1{font-size:30px;color:#212121;font-weight:700;line-height:1.2;}
.application-detailfl p {font-size:18px;margin-top:20px;color:#666;line-height:30px;}
.application-detailfl .main-href {margin-top:50px}
.application-detailfl .main-href a {display:inline-block;padding:17px 60px;background:var(--color-noticeboard-backgroud);color:#fff;font-size:16px;font-weight:600;cursor:pointer;border-radius:50px}
.application-detailfl .main-href a:first-child {margin-right:20px}
.application-detailfl .main-href i{margin-right:15px;font-size:26px;color:#fff;vertical-align:middle;}

.application-detailfl .main-href a:hover {background:#163785;text-decoration:none}

.application-detailfr {width:48.5%;padding:0 30px 30px 0;background:url(../images/bg10.webp) no-repeat right bottom;background-size:78% 93%;overflow:hidden;}
.application-detailfr img {width:100%}


.details{margin-top:30px;font-size:16px;color:#666;line-height:30px;}
.details h3{margin-top:50px;font-size:20px;font-weight:600;color:#000009}
.details p{margin-top:30px;}


.study-fenye{width:100%;overflow:hidden;margin-top:70px;padding-bottom:70px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;}

.fenye-center{text-align:center}
.fenye-center a {font-size:16px;color:#666}
.fenye-center a:hover {color:#212121}

.fenye-prev,.fenye-next {width:40%;display:flex;align-items:center;}
.fenye-prev span,.fenye-next span{width:60px;text-align:center;}
.fenye-prev span a,.fenye-next span a{display:block;color:#666;font-size:16px;}
.fenye-prev span em,.fenye-next span em{display:block;}
.fenye-prev span i,.fenye-next span i{font-size:14px;color:#999;}
.fenye-prev h3,.fenye-next h3{flex:1;}
.fenye-prev h3 a,.fenye-next h3 a {font-size:18px;color:#212121;}

.fenye-prev h3 {margin-left:20px}

.fenye-next{flex-direction:row-reverse;}
.fenye-next h3 {margin-right:20px}

.fenye-prev span a:hover,.fenye-prev span a:hover i,.fenye-next span a:hover,.fenye-next span a:hover i {color:#212121;text-decoration:none}
.fenye-prev h3 a:hover,.fenye-next h3 a:hover{text-decoration:underline;color:var(--color-noticeboard-backgroud)}


/*------------------------------------------*/


.other-scenarios{padding:100px 0;}
.other-scenarios .title{text-align:center}
.other-scenarios .title h2{font-size:36px;color:#212121;font-weight:700;line-height:1;}
.other-scenarios .list{position:relative;margin-top:45px;}
.other-scenarios .list .swiper-slide .pic{display:block;overflow:hidden}
.other-scenarios .list .swiper-slide .pic img {width:100%}
.other-scenarios .list .swiper-slide .pic img:hover{transform:scale(1.03)}
.other-scenarios .list .swiper-slide h5{margin-top:20px;text-align:center;font-size:18px;color: #212121;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.other-scenarios .swiper-pagination{margin:25px 0 0;font-size:0;position:static;width:100%;}
.other-scenarios .swiper-pagination-bullet {height:14px;width:14px;border-radius:50%;margin:0 7px;background:#E2E2E2;opacity:1;}
.other-scenarios .swiper-pagination-bullet-active{background:#163785;}


/*------------------------------------------*/


@media screen and (max-width:1550px) {
.application-detailfl h1{font-size:29px;}
.application-detailfl .main-href {margin-top:45px;}
.application-detailfl .main-href i{font-size:23px;}

.other-scenarios{padding:90px 0;}
.other-scenarios .title h2{font-size:35px;}
}

@media screen and (max-width:1441px) {
.application-detailfl h1{font-size:28px;}
.application-detailfl .main-href {margin-top:40px;}
.application-detailfl .main-href a{padding:15px 50px;}
.application-detailfl .main-href i{font-size:22px;}
.details p{margin-top:25px;}

.other-scenarios{padding:80px 0;}
.other-scenarios .title h2{font-size:34px;}
}

@media screen and (max-width:1367px) {
.application-detailfl h1{font-size:27px;}
.application-detailfl .main-href {margin-top:35px;}
.application-detailfl .main-href a{padding:13px 45px;}
.application-detailfl .main-href i{font-size:21px;}

.details p{margin-top:20px;}

.other-scenarios{padding:70px 0;}
.other-scenarios .title h2{font-size:33px;}
}

@media screen and (max-width:1280px) {
.application-detailcon{padding-bottom:60px;}
.application-detailfl h1{font-size:26px;}
.application-detailfl p{font-size:17px;line-height:24px;}
.application-detailfl .main-href {margin-top:30px;}
.application-detailfl .main-href a{padding:11px 40px;}
.application-detailfl .main-href i{font-size:20px;}

.details{line-height:26px;}
.details p{margin-top:15px;}

.study-fenye{margin-top:50px;padding-bottom:50px;}
.fenye-prev h3 a,.fenye-next h3 a{font-size:17px;}

.other-scenarios{padding:60px 0;}
.other-scenarios .title h2{font-size:32px;}
.other-scenarios .list .swiper-slide h5{font-size:17px;}
}

@media screen and (max-width:1171px) {
.application-detailfl h1{font-size:25px;}
.application-detailfl .main-href a{padding:11px 35px;}
}

@media screen and (max-width:992px) {

.application-detailcon{margin-top:40px;padding-bottom:40px;display:block;}
.application-detailfl{width:100%;}
.application-detailfl h1{font-size:24px;}
.application-detailfl .main-href{margin-top:25px;text-align:center;}
.application-detailfr{width:80%;padding:0;background:none;margin:25px auto 0;}

.other-scenarios .title h2{font-size:30px;}
}


@media screen and (max-width:768px) {

.crumbs{padding:15px 0;}

.application-detailcon{margin-top:30px;padding-bottom:30px;}
.application-detailfl h1{font-size:22px;}

.application-detailfl .main-href a{padding:10px 30px;font-size:15px;}
.application-detailfl .main-href i{font-size:17px;}

.study-fenye{margin-top:30px;padding-bottom:30px;}
.fenye-prev h3,.fenye-next h3{display:none;}
.fenye-prev span,.fenye-next span{width:auto;}
.fenye-prev span a,.fenye-next span a{display: flex;align-items:center;}
.fenye-prev span a{flex-direction:row-reverse;}
.fenye-next span i{margin-left:8px;}
.fenye-prev span i{margin-right:8px;}

.other-scenarios{padding:30px 0;}
.other-scenarios .title h2{font-size:28px;}
.other-scenarios .list{margin-top:30px;}
.other-scenarios .list .swiper-slide h5{margin-top:15px;font-size:16px;}
.other-scenarios .swiper-pagination-bullet {height:12px;width:12px;}

}

@media screen and (max-width:576px) {

.application-detailfl h1{font-size:20px;}

.other-scenarios .title h2{font-size:26px;}

.application-detailfr{width:100%;}

}

@media screen and (max-width:480px) {

.application-detailfl h1{font-size:18px;}
.application-detailfl .main-href a{padding:9px 20px;}
.application-detailfl .main-href i{font-size:15px;}

.other-scenarios .title h2{font-size:24px;}

.crumbs{padding:12px 0;font-size:14px;}

}