@charset "utf-8";
img {
    width: 100%
}

.common-title {
    text-align: center;
    font-size: 32px;
    color: #ff6215;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.common-title .line {
    width: 25%;
    height: 1px;
    margin: 0 20px;
    background-color: #c0c4cc
}

.common-txt{
	margin-top: 20px;
	margin-bottom: 60px;
	font-size: 18px;
	display: block;
	text-align: center;
	color: #666;
}
.selected {
    border-bottom: 5px solid #3541a7
}

[v-cloak] {
    display: none
}

/* banner */
.home-banner{
	position: relative;
}
.home-banner .swiper-slide img{
	width: 100%;
	height: 580px;
	object-fit: cover;
	display: block;
}
.home-banner .button .swiper-pagination-bullet {
    width: 12px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: .5;
    margin: 0 4px;
}
.home-banner .button .swiper-pagination-bullet-active {
	width: 16px;
	opacity: 1;
	border-radius: 5px;
	background: #ff6214;
}
.home-banner .swiper-pagination{
	position: absolute;
	width: 100%;
}
.home-banner .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: 70px;
    left: 0;
    width: 100%;
}
.home-banner .swiper-pagination {
	position: absolute;
	bottom: 6px;
	z-index: 2;
	height: 50px;
	line-height: 50px;
}

.home-banner .button .swiper-button-prev, .home-banner .button .swiper-button-next{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid #fff;
	top: 50%;
	transition: all .35s;
}
.home-banner .button .swiper-button-prev{
	left: 50px;
}
.home-banner .button .swiper-button-next{
	right: 50px;
}
.home-banner .button .swiper-button-prev:hover, .home-banner .button .swiper-button-next:hover{
	border: 1px solid #ff6214;
	background: #ff6214;
}

.home-banner .button .swiper-button-prev:after{
	font-size: 16px;
	color: #ffffff;
}
.home-banner .button .swiper-button-next:after{
	font-size: 16px;
	color: #ffffff;
}
.home-banner img{
	display: block;
}

@media (max-width: 992px){
	.home-banner .button .swiper-button-prev, .home-banner .button .swiper-button-next{
		display: none;
	}
}
.introduce-advantage {
    /* position: absolute; */
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 98, 20,0.1);
    z-index: 2;
    border-bottom: 1px solid rgba(255, 98, 20,0.1);
}

.introduce-advantage ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
    max-width: 1300px;
    margin: 0 auto
}

.introduce-advantage ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000
}

.introduce-advantage ul li .icon {
    width: 40px;
    margin: 0 auto;
}

.introduce-advantage ul li .icon img {
    width: 40px;
}

.introduce-advantage ul li .text {
    font-size: 18px;
    margin-top: 6px;
    line-height: 36px;
}

.introduce-advantage ul li:nth-child(2) {
    border-left: 1px solid rgba(255, 98, 20,0.6);
    border-right: 1px solid rgba(255, 98, 20,0.6);
}

	/* serch */
	.package-search {
	    display: flex;
	    justify-content: center;
	    padding: 20px 0;
	    background-color: #ff6214;
	    color: #000!important
	}
	
	.package-search .search-input {
	    display: flex;
	    align-items: center;
	    width: 880px;
	    height: 50px;
	    background-color: #fff;
	    border-radius: 30px;
	    margin: 0 10px;
	    padding: 0 5px
	}
	
	.package-search .search-input .package-search-text {
	    flex: auto;
	    padding: 10px 0;
	    border-right: 1px solid #ece8f1;
	    text-align: center;
	    font-size: 14px;
	    color: #807996
	}
	
	.package-search .search-input .order-number {
	    flex: 12;
	    margin: 0 10px;
	    border: none;
	    outline: none;
	font-size: 14px;}
.package-search .search-input .order-number+input{
		  background: url(../picture/qk_01.png) center center no-repeat;
		  background-size: 27px;
		  height: 50px;
		  width: 60px;
		  border-radius: 10px;
		  border: none;
		  margin-top: 0;
		  margin-right: 0;
		  cursor: pointer;
		  color: #fff;
		  font-size: 16px;
	}	
	.package-search .search-input button {
	    background-color: #fff;
	    border: none
	}
	
	.package-search .search-input .icon-search-01 {
	    flex: 1;
	    cursor: pointer;
	    margin-right: 10px;
	    font-size: 25px;
	    font-weight: 700;
	    text-align: center;
	    color: #ff6214
	}
	/* serch end */

@media (max-width: 768px) {

    .introduce-advantage ul {
        grid-template-columns: 1fr;
        grid-gap: 20px;
        padding: 10px 0
    }

    .introduce-advantage ul .icon-zhinengludeng {
        margin-left: 9px
    }

    .package-search .search-input {
        width: 90%
    }
}
/* banner end */

/*serv*/
.serv_box #serv-demo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.serv_box #serv-demo .serv_item {
    display: block;
    margin: 0 8px;
}
.serv_box #serv-demo img {
    display: block;
    width: 100%;
    height:100%;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

.serv_box .owl-pagination{ display: none; }
.serv_box .owl-theme .owl-controls .owl-buttons .owl-prev{padding: 0;position: absolute;left: -10px;top: calc(50% - 46px);background: url(../images/serv_prev.png) no-repeat #f9f9f9 center;width: 60px;height: 60px;z-index: 2;opacity: 1;box-shadow: 0 0 10px 0 hsla(0,0%,72.9%,.1);}
.serv_box .owl-theme .owl-controls .owl-buttons .owl-next{padding: 0;position: absolute;right: -10px;top: calc(50% - 46px);background: url(../images/serv_next.png) no-repeat #f9f9f9 center;width: 60px;height: 60px;opacity: 1;box-shadow: 0 0 10px 0 hsla(0,0%,72.9%,.1);}
.serv_bg{display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 110px;}
.serv_bg .serv_main{width: 80%;margin: 0 auto;}
.serv_bg .serv_box .serv_co{background-color: #fafafa;margin: 0px 20px 30px 20px;position: relative;border-radius: 20px;}
.serv_bg .serv_box .serv_co .serv_txt{width: 100%;padding: 20px 0;}
.serv_bg .serv_box .serv_co .serv_txt span{font-size: 22px;color: #333; transition: .3s;}
.serv_bg .serv_box .serv_co:hover .serv_txt span{font-size: 22px;color: #ff6214;}
.serv_bg .serv_box .serv_co .serv_txt .serv_tit{ text-align: center;}
.serv_bg .serv_box .serv_co .serv_txt p{font-size: 16px;line-height: 24px;color: #777;margin-top: 10px;margin-bottom: 0;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 48px;overflow: hidden;padding: 0 24px;}
.serv_bg .serv_box .serv_co .serv_img{width: 100%;/* height: 240px; */border-radius: 50px;}

.serv_bg .serv_more{
 text-align: center;
 color: #fff;
 font-size: 18px;
 margin-top: 50px;
 background-color: #ff6214;
 border-radius: 30px;
 display: block;
 width: 317px;
 margin: 0 auto;
 margin-top: 20px;
 line-height: 60px;
 }
.serv_bg .serv_more:hover{ opacity: .9;}

/*serv end*/

section .notice {
    padding: 0
}

section .notice .el-dialog {
    width: 50%
}

section .notice .el-dialog__body,section .notice .el-dialog__header {
    padding: 0
}

section .notice .el-dialog__headerbtn .el-dialog__close {
    color: #fff
}

section .notice .el-dialog__footer {
    padding: 60px 20px 20px
}

section .notice .notice-title {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px;
    align-items: center;
    padding: 20px 30px;
    color: #fff;
    background-color: #ff6214;
    color: #000
}

section .notice .notice-title i {
    font-size: 50px
}

section .notice .notice-title .notice-text {
    line-height: 29px
}

section .notice .notice-content {
    padding: 25px 40px;
    height: 200px;
    overflow-y: auto;
    line-height: 35px
}

section .notice .notice-content h2 {
    margin: 0
}

section .notice .notice-content img {
    width: auto
}

section .notice .notice-content .notice-time {
    text-align: right
}

section .notice .notice-content::-webkit-scrollbar {
    width: 10px;
    height: 1px
}

section .notice .notice-content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    background: #ebebeb
}

section .notice .notice-content::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #fff
}

section .notice .notice-footer {
    display: flex;
    justify-content: center
}

section .notice .notice-footer .notice-button {
    cursor: pointer;
    width: 16%;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    background-color: #ff6214;
    color: #000!important
}

section .business-introduction {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 100px 0;
}

section .business-introduction .content {
    width: 70%;
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
}

section .business-introduction .introduction-detailed {
    width: 50%;
    padding: 25px 0 95px;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color: #555
}

section .business-introduction .function {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 80%;
}

section .business-introduction .function .function-item {
    display: flex;
    align-items: center;
    width: 45%;
    margin-bottom: 40px
}

section .business-introduction .function .function-item .function-icon {
    margin-right: 20px
}

section .business-introduction .function .function-item .function-icon img {
    width: 86px;
}

section .business-introduction .function .function-item .function-icon i {
    font-size: 70px
}

section .business-introduction .function .function-item .function-text {
    line-height: 30px
}

section .business-introduction .function .function-item .title {
    font-size: 22px;
    font-weight: 700;
    color: #333;
	transition: .3s;
}

section .business-introduction .function .function-item:hover .title {
    color: #ff6214;
}
section .business-introduction .function .function-item .text {
    font-size: 16px;
    color: #555;
    line-height: 24px;
    margin-top: 10px;
}

/*流程*/
.lc_bg{position: relative;height: 356px;padding-top: 140px;padding-bottom: 60px;background: url(../images/lc_bg.jpg) no-repeat;margin-bottom: 280px;}
.lc_commom_txt{display: block;width: 230px;text-align: center;margin: 0 auto;padding: 16px 0;margin-top: 46px;font-size: 20px;font-weight: bold;color: #fff;background-color: #ff6214;border-radius: 50px;border: 2px solid #ff6214;transition: .3s;}
.lc_commom_txt:hover{background-color: transparent;}
.lc-content{position: relative;width: 80%;margin: 0 auto;margin-top: 50px;background-color: #fafafa;border-radius: 50px;}
.lc_bg .lc_img{ width: 340px;float: left;margin-top: 40px;}
.lc_bg .lc_img img{ width: 100%;}
.lc_bg .lc_main{/* float: right; */width: 100%;display: flex;justify-content: space-between;}
.lc_bg .lc_main .lc_co{ width: 20%; position: relative;text-align: center;cursor:pointer;}
.lc_bg .lc_main .lc_co .lc_shu{ border-bottom:2px solid #f0f0f0;height: 38px;overflow: hidden;position: relative;}
.lc_bg .lc_main .lc_co .lc_shu span{font-size: 40px;color: #f3f3f3;font-weight: bold;position: absolute;left: 50%;transform: translateX(-50%);top: 18px;}
.lc_bg .lc_main .lc_co:before{content: "";position: absolute;width: 46px;height: 46px;right: -24px;top: 50%;background-size: 46px;}

.lc_bg .lc_main .lc_co:last-child:before{display:none;}
.lc_bg .lc_main .lc_co i{display: inline-block;width: 52px;height: 52px;text-align: center;background: url(../picture/index_ico.png) no-repeat -22px -213px;transition: all 0.3s;}
.lc_bg .lc_main .lc_co i.lc_ico02{background-position: -98px -213px; }
.lc_bg .lc_main .lc_co i.lc_ico03{background-position: -186px -213px; }
.lc_bg .lc_main .lc_co i.lc_ico04{background-position: -271px -213px; }
.lc_bg .lc_main .lc_co i.lc_ico05{background-position: -350px -213px; }
.lc_bg .lc_main .lc_co i img{margin-top:20px }
.lc_bg .lc_main .lc_co .lc_co_txt{padding-top: 50px;padding-bottom: 36px;}
.lc_bg .lc_main .lc_co .lc_co_txt .lc_co_txt_span{display: block;font-size: 24px;font-weight: bold;color: #333;margin: 36px 0 15px 0;transition: .3s;}
.lc_bg .lc_main .lc_co:hover .lc_co_txt .lc_co_txt_span{color: #ff6214;}
.lc_bg .lc_main .lc_co p{font-size: 18px;color: #666;line-height: 28px;}

.lc_bg .lc_main .lc_co .lc_ico_hui{position: relative;/* background-color: #f5f5f5; */width: 80%;/* height: 130px; */margin: 0 auto;border-radius: 65px;/* box-shadow: 0 3px 10px rgba(0,0,0,.15); */display: flex;align-items: center;justify-content: center;}
.lc_bg .lc_main .lc_co .lc_ico_white{/* background-color: #fff; *//* width: 100px; *//* height: 100px; *//* border-radius: 50px; *//* box-shadow: 0 3px 10px rgba(0,0,0,.05); *//* display: flex; *//* align-items: center; *//* justify-content: center; */}
.lc_bg .lc_main .lc_co .lc_ico_num{position: absolute;font-size: 14px;font-weight: bold;background-color: #fff;border: 2px solid #ff6214;color: #ff6214;width: 20px;height: 20px;line-height: 20px;text-align: center;border-radius: 50px;align-self: flex-end;bottom: -12px;}
.lc_bg .lc_main .lc_co:hover i{background-position: -22px -289px; }
.lc_bg .lc_main .lc_co:hover i.lc_ico02{background-position: -98px -289px; }
.lc_bg .lc_main .lc_co:hover i.lc_ico03{background-position: -186px -289px; }
.lc_bg .lc_main .lc_co:hover i.lc_ico04{background-position: -271px -289px; }
.lc_bg .lc_main .lc_co:hover i.lc_ico05{background-position: -350px -289px; }



section .process {
    display: flex;
    justify-content: center
}

section .process .pc {
    width: 80%
}

section .process .mobile {
    display: none
}

section .service {
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    padding: 60px 0 110px;
}

section .service .service-content {
    display: flex;
    justify-content: space-around;
    width: 80%;
    margin: 0 auto;
}

section .route,section .service .service-content .service-item {
    display: flex;
    flex-direction: column;
    align-items: center
}
section .route,section .service .service-content .service-item .service-text{
	margin-top: 20px;
	font-size: 18px;
	transition: .3s;
}
section .route,section .service .service-content .service-item .service-img img{
	transition: .3s;
}
section .route,section .service .service-content .service-item:hover .service-img img{
	transform: scale(1.1);
}
/*section .route,section .service .service-content .service-item:hover .service-text{
	color:#ff6214;
	transform: scale(1.1);
}*/
section .route {
    padding: 66px 0;
    background-color: #e7eaff
}

section .route .country {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    row-gap: 10px;
    justify-content: space-around;
    width: 50%;
    padding: 10px 0;
    margin-top: 30px;
    border-radius: 12px;
    background-color: #fff
}

section .route .country .country-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    position: relative
}

section .route .country .country-item .country-icon img {
    width: 50px;
    height: 50px
}

section .route .country .country-item .country-name {
    padding: 7px 0
}

section .route .country .country-item .iconfont {
    font-size: 22px
}

section .route .country .country-item:not(:last-of-type):after {
    content: "";
    position: absolute;
    right: 0;
    top: 12px;
    width: 1px;
    height: 22px;
    background-color: #f3f3f3
}

section .route .package {
    max-width: 1420px;
    padding: 60px 10px
}

section .route .package .el-carousel__container {
    height: 300px
}

section .route .package .line-scroll {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-gap: 20px
}

section .route .package .no-line {
    text-align: center
}

section .route .package .package-item {
    cursor: pointer;
    padding: 19px 10px;
    background-color: #fff
}

section .route .package .package-item .package-item-top {
    display: flex;
    align-items: center;
    padding-bottom: 10px
}

section .route .package .package-item .package-item-top .package-img {
    flex: 1
}

section .route .package .package-item .package-item-top .package-img img {
    max-width: 90px;
    max-height: 90px
}

section .route .package .package-item .package-item-top .package-parameter {
    flex: 4;
    padding-left: 10px
}

section .route .package .package-item .package-item-top .package-parameter .package-parameter-top {
    display: flex;
    align-items: center
}

section .route .package .package-item .package-item-top .package-parameter .package-parameter-top .package-country {
    margin-right: 5px;
    font-size: 18px;
    font-weight: 700
}

section .route .package .package-item .package-item-top .package-parameter .package-parameter-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 10px
}

section .route .package .package-item .package-item-top .package-parameter .package-parameter-bottom .package-parameter-item {
    margin-right: 10px
}

section .route .package .package-item .package-item-top .package-parameter .package-parameter-bottom .package-parameter-item .time {
    font-size: 14px;
    font-weight: 700
}

section .route .package .package-item .package-item-top .package-parameter .package-parameter-bottom .package-parameter-item .price {
    color: #b05528;
    font-weight: 700
}

section .route .package .package-item .package-attribute {
    display: flex;
    flex-wrap: wrap
}

section .route .package .package-item .package-attribute .package-attribute-item {
    padding: 7px 20px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    background-color: #e7eaff;
    border-radius: 3px
}

section .route .package .package-item .package-item-bottom {
    padding: 10px
}

section .route .package .package-item .package-item-bottom .characteristic {
    font-size: 18px;
    color: #010101
}

section .route .package .package-item .package-item-bottom .describe {
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-top: 10px;
    overflow: hidden;
    font-size: 14px;
    color: #7f7f7f;
    line-height: 20px
}

section .appraise {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    background-color: #f7f7f7
}


/* news */
.news-box{margin: 12px 0;padding: 0 6px;/* background: #fff; */border-radius: 10px;/* display: flex; */flex-direction: column;align-items: center;padding: 60px 0 130px;}
.news-box .news-content{
    width: 80%;
    /* padding-top: 90px; */
    overflow: hidden;
    margin: 0 auto;
}
.news-box .news_left {
    width: calc(72% - 50px);
    float: left;
    margin-right: 50px;
}
.news-box .news_right {
    width: 28%;
    float: left;
}
.news_left .news_list li{
  padding: 11px 21px;
  overflow: hidden;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  position: relative;
  transition: all .3s;
}
.news_left .news_list .news_img{
  width: 240px;
  height: 170px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
}
.news_left .news_list .news_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_left .news_list .news_txt{
  float: right;
  width: 100%;
}
.news_left .news_list li:first-child .news_txt{
  float: right;
  width: calc(100% - 280px);
}
.news_left .news_list .news_txt h2{
  font: 500 18px "microsoft yahei";
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.7;
  transition: .3s;
}
.news_left .news_list li:first-child .news_txt h2{
  font: 500 22px "microsoft yahei";
  line-height: 1.7;
}
.news_left .news_list li:hover h2{
  color: #ff6214;
}
.news_left .news_list .news_txt span{
  position: absolute;
  top: 29px;
  right: 34px;
  display: inline-block;
  color: #c0c0c0;
}
.news_left .news_list li:first-child span{
  position: initial;
}
.news_left .news_list .news_txt p{
  margin-top: 5px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666666;
  line-height: 1.76;
  padding-top: 5px;
}
.news_left .news_list .news_txt button{
  font-size: 14px;
  margin: 12px 0 0 0;
  color: #fff;
  background-color: #3184c4;
  border: none;
  padding: 4px 16px;
}


.news_right .news_list li{
  padding: 21px 21px;
  overflow: hidden;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  position: relative;
  transition: all .3s;
}
.news_right .news_list .news_img{
  width: 240px;
  height: 170px;
  overflow: hidden;
  float: left;
  margin-right: 30px;
}
.news_right .news_list .news_img img{
  width: 100%;
  height: 100%;
}
.news_right .news_list .news_txt{
  width: 100%;
}
.news_right .news_list .news_txt h2{
  font: 500 18px "microsoft yahei";
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.7;
  transition: .3s;
  width: calc(100% - 113px);
}
.news_right .news_list li:hover h2{
  color: #ff6214;
}
.news_right .news_list .news_txt span{
  position: absolute;
  top: 29px;
  right: 34px;
  /* margin: 0 20px 0 0; */
  display: inline-block;
  color: #c0c0c0;
}
.news_right .news_list .news_txt p{
  margin-top: 5px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #666666;
  line-height: 1.76;
  padding-top: 5px;
  margin-bottom: 0;
}
.news_right .news_list .news_txt button{
  font-size: 14px;
  margin: 12px 0 0 0;
  color: #fff;
  background-color: #3184c4;
  border: none;
  padding: 4px 16px;
}
/* news end*/


section .news {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    background-color: #f7f7f7
}

section .news .news-content {
    max-width: 1550px;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    justify-content: space-between;
    grid-gap: 20px;
    margin: 0 auto;
    padding: 60px 10px
}

section .news .news-content .news-item {
    max-width: 270px;
    margin: 0 auto 30px;
    cursor: pointer
}

section .news .news-content .news-item .news-title {
    padding: 20px 0;
    font-size: 18px;
    color: #150c31
}

section .news .news-content .news-item .news-details {
    font-size: 14px;
    line-height: 24px;
    color: #555;
    overflow: hidden
}

@media (max-width: 1280px) {
    .appraise-carousel .appraise-item {
        padding:30px 15px
    }

    .appraise-carousel .appraise-item .appraise-item-top .start img {
        width: 24px
    }
}

@media (max-width: 1024px) {
    section .notice {
        font-size:14px
    }

    section .notice .el-dialog {
        width: 90%
    }

    section .notice .el-dialog__footer {
        padding: 40px 20px 20px
    }

    section .notice .notice-content {
        height: 270px
    }

    section .notice .notice-footer .notice-button {
        width: 20%
    }

    section .route .package .el-carousel__container {
        height: 660px
    }

    section .route .package .line-scroll {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: 1fr 1fr
    }

    .appraise-carousel .el-carousel__container {
        height: 700px
    }

    .appraise-carousel .appraise-scroll {
        grid-template-columns: repeat(2,minmax(0,1fr));
        grid-template-rows: 1fr 1fr
    }

    section .news .news-content {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (max-width: 768px) {
    section .notice .notice-button {
        width:30%
    }

    section .business-introduction {
        padding: 30px 0
    }

    section .business-introduction .introduction-detailed {
        width: 90%;
        padding: 40px 0
    }

    section .business-introduction .function {
        width: 90%;
        flex-direction: column
    }

    section .business-introduction .function .function-item {
        width: 100%
    }

    section .process .pc {
        display: none
    }

    section .process .mobile {
        display: block
    }

    section .service {
        padding: 40px 0
    }

    section .service .service-content {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 20px;
        width: 100%;
        padding-top: 40px
    }

    section .route .country {
        grid-template-columns: repeat(4,minmax(0,1fr));
        width: 90%
    }

    .appraise-carousel {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }
}

@media (max-width: 640px) {
    section .notice {
        font-size:12px
    }

    section .notice .notice-footer .notice-button {
        width: 35%
    }

    section .route .package .el-carousel__container {
        height: 1017px
    }

    section .route .package .line-scroll {
        grid-template-columns: 1fr!important;
        grid-template-rows: repeat(3,1fr)
    }

    .appraise-carousel .el-carousel__container {
        height: 1054px
    }

    .appraise-carousel .appraise-scroll {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr 1fr
    }
}

.mini-mp {
    display: none
}

@media (max-width: 1200px) {
    .mini-mp {
        display:block
    }

    .large-mp {
        display: none
    }
}