@charset "utf-8";
.Header .Logo .show{display: inline-block;}
.Header .Logo .hide{display: none;}
.Header{ background: rgba(0,0,0,0.1);}
.Header .MainNav span a{color: #fff;}
.MainNav span a:after{background:rgba(255,255,255,0.5);}
.Header .Searchico{color: #fff;background:rgba(255,255,255,0.1);}
.openbtn i{background: #fff;}

/*第一屏 s*/
.HomeBan{overflow:hidden;background:url(../images/loading.gif) center center no-repeat;position: relative;}
.HomeBan .info{text-align: center;left: 50%;top: 30%;transform: translateX(-50%);color: #fff;z-index: 10;position: absolute;}
.HomeBan .info h2{font-size: 0.56rem;line-height: 1.6;position: relative;}
.HomeBan .info h2:After{width: 0.8rem;height: 0.8rem;top: 0;left: 39%;background: url(../images/quan.png);background-size: contain;content: "";position: absolute;}
.HomeBan .info .weather{font-size: 0.24rem;padding-top: 0.36rem;line-height:20px;margin-top: 0.15rem;border-top: 2px solid rgba(255,255,255,0.5);}
.HomeBan .info .weather li.date{margin-right: 0.3rem;}
.HomeBan .info .weather iframe{display: inline-block;vertical-align: middle;margin-top: 5px;}

.HomeBan .item{ position:relative;padding-top:6rem;transition: all 0.3s;}
.HomeBan .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.HomeBan .slick-arrow{border:0;background-color: transparent !important;background-size: contain;}
.HomeBan .slick-arrow i,.HomeBan .slick-arrow:after{display: none;}
.HomeBan .slick-prev{left: -100px;background-image: url(../images/ico/arrleft.svg) !important;}
.HomeBan .slick-next{right: -100px;background-image: url(../images/ico/arrright.svg) !important;}
.HomeBan .item:nth-child(1) .w1440{top: 55%;}
.HomeBan .item:nth-child(1) .w1440 .subdesc{padding: 0;}
.HomeBan .item:nth-child(1) .w1440 img{height: 2.89rem;}
.HomeBan:hover .slick-prev{left: 2%;border: 0;}
.HomeBan:hover .slick-next{right: 2%;border: 0;}
.HomeBan .item.slick-current .imgbox{-webkit-animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;animation:scale-bg 6s ease-in-out 0s 1 alternate forwards;}

.HomeBan .slick-dots{max-width: 14.44rem;width: 90%;text-align: right;left: 50%;transform: translateX(-50%);bottom: 0.82rem;}
.HomeBan .slick-dots li:not(:last-child).slick-active:after{animation-name: width100; animation-duration: 6500ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms}

@media(max-width:1366px){
	.HomeBan .info{width: 60%;}
}
@media(max-width:1024px){
	.HomeBan .item{padding-top: 55vw;}
	.HomeBan .slick-arrow{display: none !important;}
	.HomeBan .info {width: 90%;}
	.HomeBan .info h2{font-size: 0.36rem;}
	.HomeBan .slick-dots{bottom: 0.4rem;}
}
@media(max-width:768px){
	.HomeBan .info .weather li:nth-child(2){display: none;}
	.HomeBan .info .weather{padding-top: 0.2rem;}
	.HomeBan .info h2{line-height: 1.6;}
}
@media(max-width:580px){
	.HomeBan .info .weather{font-size: 14px;}
	.HomeBan .info h2:After{top: -0.1rem;width: 0.6rem;height: 0.6rem;}
}

.HomeTit{text-align: center;padding-bottom: 0.42rem;}
.HomeTit h2{font-weight: normal;font-size: 0.48rem;color: #101010;line-height: 0.78rem;}
.HomeTit h2:before{content: "";display: block;width: 0.56rem;height: 0.56rem;border-radius: 50%;border: 2px solid #ececf0;background: url(../images/logo2.png) center center no-repeat;background-size: contain;margin: 0px auto;}

.TravelBox{background: #f9fbff;position: relative;}
.TravelBox .w1440:before{width: 2px;content: "";left: 0;top: 0;position: absolute;background: #ececf0;height: calc(100% - 1.38rem);}
.TravelBox .w1440:after{content: "";left: 0;position: absolute;width: 111px;height: 218px;background: url(../images/line1.png);bottom: -80px	;}
.TravelSearch{max-width: 10.6rem;margin: 0 auto 0.32rem;border-radius: 0.6rem;background: #fff;box-shadow: 0 0 20px rgba(0,130,202,0.08);min-height: 1.2rem;position: relative;z-index: 2;padding: 0.12rem 0.12rem 0.12rem 0.6rem;top: -0.57rem;}
.TravelSearch .ti{font-size: 0.3rem;font-weight: normal;}
.TravelSearch .label{margin: 0 0.11rem;}
.TravelSearch .ipt{width: 100%;height: 0.56rem;border-radius: 0.32rem;background: #f8f8f9;padding: 0 0.3rem;}
.TravelSearch .change,.TravelSearch .change2{width: 30px;height: 19px;margin: 0 0.2rem;background: url(../images/change.png);cursor: pointer;}
.TravelSearch .change2{background: url(../images/changeon.png);}
.TravelSearch .btn{width: 0.96rem;height: 0.96rem;border-radius: 50%;font-size: 0.2rem;color: #fff;background-image: linear-gradient(to right, #009ef5 , #008ad5);cursor: pointer;}
.TravelSearch .btn:hover{background-image: linear-gradient(to left, #009ef5 , #008ad5);}

.TravelSearch .searchList{position: absolute;top: 105%;left:0.5rem;width: 130px;text-align: left;border-radius: 5px;padding: 15px;background: #d0e7f7;box-shadow: 0 10px 10px rgba(0,0,0,0.1);visibility: hidden;opacity: 0;z-index: -1;transition: all 0.3s;}
.TravelSearch .searchList.on{top:100%;visibility: visible;opacity: 1;z-index: 10;}
.TravelSearch .searchList dl dt{position: relative;cursor: pointer;padding: 0.1rem;background: rgba(255,255,255,0.5);border-radius: 5px;margin-bottom: 5px;}
.TravelSearch .searchList dl:last-child dt{margin-bottom:0;}
.TravelSearch .searchList dl dt i{vertical-align: middle;}
.TravelSearch .searchList dl dt:hover,.TravelSearch .searchList dl dt.on{background-image: linear-gradient(to left, #009ef5 , #008ad5);color: #fff;}
.TravelSearch .searchList dl dd{position: absolute;left: 100%;top: 30px;width: 130px;background: #fff;padding: 15px;border-radius: 5px;box-shadow: 0 10px 10px rgba(0,0,0,0.1);max-height: 250px;overflow-y: auto;transition: all 0.3s;opacity: 0;z-index: -1;visibility: hidden;}
.TravelSearch .searchList dl dd p{cursor: pointer;margin-bottom: 5px;border-bottom: 1px solid #eee;padding-left: 10px;position: relative;}
.TravelSearch .searchList dl dd p:before{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;background: #008ad5;content: "";border-radius: 50%;opacity: 0.2;}
.TravelSearch .searchList dl dd p:hover{color: #0ba8ff;}
.TravelSearch .searchList dl dd.on{visibility: visible;opacity: 1;z-index: 10;top: 0;}

.TravelSearch .end .searchList{background-image: linear-gradient(to right, #fffbf6 , #fff7f0);}
.TravelSearch .end .searchList dl dt{background: #fff;}
.TravelSearch .end .searchList dl dt:hover,.TravelSearch .end .searchList dl dt.on{background-image: linear-gradient(to right, #f0380a , #f00a11);}
.TravelSearch .end .searchList dl dd p:before{background: #f00a11;}
.TravelSearch .end .searchList dl dd p:hover{color: #f00a11;}

.TravelBox .TabNav{text-align: center;margin-bottom: 0.3rem;}
.TravelBox .TabNav li{cursor: pointer;margin: 0 0.35rem;line-height: 0.72rem;font-size: 0.28rem;width: 2.28rem;position: relative;}
.TravelBox .TabNav li:after{content: "";position: absolute;width: 2.56rem;height: 0.96rem;left: -0.14rem;top: -0.14rem;background: #e8f3fc;border-radius: 0.5rem;}
.TravelBox .TabNav li span{position: relative;z-index: 1;display: block;background: #d0e7f7;border-radius:0.35rem;}
.TravelBox .TabNav li.on:After{background: #ebf2fa;}
.TravelBox .TabNav li.on span{background-image: linear-gradient(to right, #0ba8ff , #0082ca);color: #fff;}
.TravelBox .TabNav li:nth-child(1).on span{background-image: linear-gradient(to right, #f0380a , #f00a11);color: #fff;}

.routeLine{position: relative;}
.routeLine:before{position: absolute;top: 118px;width: 100%;height: 2px;content: "";background: #ececf0;z-index: -1;}
.routeLine ul{padding-top: 150px;height: 300px;text-align: center;}
.routeLine li{position: relative;line-height: 18px;color: #666666;font-size: 0.18rem;width: 22px;text-align: center;margin: 0 0.15rem;}
.routeLine li span{position: absolute;left: 50%;transform: translateX(-50%);top: -43px;border: 3px solid #0082ca;width: 24px;height: 24px;border-radius: 50%;background: #fff;}
.routeLine li span em{position: absolute;height: 80px;top: -80px;left: 0;}
.routeLine li em{display:block;}
.routeLine li:hover{font-weight: normal;}
.routeLine li:hover span{border: 3px solid #ff6f00;}
.routeLine li:hover span:before{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #ff6f00;border-radius: 50%;width: 8px;height: 8px;}
.routeLine li:hover span:after{content: "";position: absolute;left: 50%;bottom: -12px;height: 12px;width: 1px;background: #ff6e00;}
.routeLine li:hover a{color: #ff6e00;}
.routeLine .change span{border: 3px solid #ff6f00;background: #fff url(../images/change2.png) center center no-repeat;}
.routeLine .change:after{position: absolute;content: "";width: 18px;height: 25px;border-radius: 8px 8px 0 0;top: -58px;background-image: linear-gradient(to bottom, #ff7106 , #ff9400);left: 0;z-index: -1;left: 50%;transform: translateX(-50%);}

.SelectPop{width: 120px;padding: 15px;background: #fff;border-radius: 10px;box-shadow: 0 6px 30px rgba(0,0,0,0.15);position: absolute;z-index: 100;left: 50%;top: -150px;transform: translateX(-50%);display: none;}
.SelectPop:before{width: 14px;height: 23px;left: 40%;bottom: -15px;content: "";position: absolute;background: url(../images/point.png) 0px bottom no-repeat;}
.SelectPop .btn{text-align: center;}
.SelectPop .btn a{display: block;margin: 0 0 10px;border-radius: 5px;border: 1px solid #ff0000;color: #ff0000 !important;line-height: 24px;font-size: 14px;font-weight: normal !important;}
.SelectPop .btn a:last-child{margin-bottom: 0;}
.SelectPop .btn a:hover{color: #fff !important;background: #ff0000;}

.HomeNotice{padding: 0.8rem 0;position: relative;}
.HomeNotice:before{position: absolute;left: 0;top: 0;width: 2.4rem;height: 2.83rem;content: "";background: url(../images/logobg.png) 0px top no-repeat;background-size: contain;}
.HomeNotice:after{content: "";left: 50%;position: absolute;width: 384px;height: 162px;background: url(../images/line2.png);bottom: 0	;transform: translateX(-50%);margin-left: -181px;}
.HomeNotice .Notice{width: 46.52%;float: left;padding: 0.49rem 0.3rem 0 0.6rem;border-radius: 0.16rem;background: #f7faff url(../images/noticebg.jpg) right top no-repeat;background-size: cover;}
.HomeNotice .Notice h2{font-weight: normal;display: inline-block;vertical-align: top;padding: 0 0.26rem;color: #fff;font-size: 0.24rem;line-height: 0.56rem;border-radius: 0 0.25rem 0.25rem 0;background-image: linear-gradient(to right, #00a4ff , #0082ca);font-weight: normal;}
.HomeNotice .Notice ul{border-left: 2px solid #e2e3eb;padding: 0.31rem 0;min-height: 3.27rem;}
.HomeNotice .Notice li{padding: 0 0 0.24rem 0.25rem;position: relative;}
.HomeNotice .Notice li:before{position: absolute;left: -7px;top: 11px;width: 12px;height: 12px;background: #f7faff;border: 2px solid #e2e2eb;border-radius: 50%;content: "";}
.HomeNotice .Notice li:hover:before{border: 2px solid #0068b7;}
.HomeNotice .Notice .date{color: #0082ca;margin-bottom: 1px;}

.HomeNotice .Nav{width: 49.93%;float: right;}
.HomeNotice .Nav .item{position: relative;width: 46.73%;margin-bottom: 0.33rem;}
.HomeNotice .Nav .item a{border-radius: 0.6rem;background-image: linear-gradient(to right, #f5f9fb , #ecf7ff);padding: 11px;}
.HomeNotice .Nav .ico{width: 1rem;height: 1rem;margin:0 0.3rem 0 0;}
.HomeNotice .Nav .info{font-size: 0.24rem;}
.HomeNotice .Nav .info em{display: block;font-size: 14px;color: #999999;line-height: 23px;}
.HomeNotice .Nav .item:hover a{background-image: linear-gradient(to right, #fffbf6 , #fff7f0);}
.HomeNotice .Nav .item:hover .info{color: #ff6e00;}

.HomeNews{padding: 0.4rem 0;position: relative;overflow: hidden;background: linear-gradient(45deg, #f7fafc 0%, #eff8ff 83%, #eff8ff 100%);}
.HomeNews:before{position: absolute;left: 50%;top: 0;width: 2px;height: 0.4rem;content: "";background: #ececf0;transform: translateX(-50%);}
.HomeNews:after{position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: calc(100% - 1.74rem);content: "";width: 2px;background: #ececf0;}
.HomeNews .slider{margin-left: -0.49rem;margin-right: -0.5rem;}
.HomeNews .item{padding-left: 0.49rem;padding-right: 0.5rem;}
.HomeNews .item a{display: flex;flex-direction: column;}
.HomeNews .imgbox{padding-top: 4rem;border-radius: 0.2rem;}
.HomeNews .info{position: relative;padding-left: 1.35rem;margin-bottom: 0.5rem;}
.HomeNews .info:After{position: absolute;left: 0;top: 0;height: 100%;left: 0.94rem;content: "";width: 1px;background: #e2e2eb;}
.HomeNews .info .date{position: absolute;left: 0;top: -0.03rem;color: #666666;font-size: 14px;line-height: 17px;}
.HomeNews .info .date span{display: block;line-height: 0.4rem;margin-bottom: 0.14rem;color: #0082ca;font-size: 0.48rem;}
.HomeNews .tit{margin-bottom: 0.08rem;font-size: 0.24rem;}
.HomeNews .tag{position: absolute;z-index: 10;top: 0.4rem;color: #fff;padding: 0 0.19rem 0 0.16rem;line-height: 0.36rem;background-image: linear-gradient(to right, #00a4ff , #0082ca);border-radius: 0 0.2rem 0.2rem 0;}
.HomeNews .item:hover .tag{background-image: linear-gradient(to right, #ff9c00 , #ff6e00);}
.HomeNews .slick-dots{text-align: right;padding-right: 0.5rem;bottom: -24px;}
.HomeNews .slick-dots li button{background-color: #e2e2eb;}
.HomeNews .mores{display: block;margin: 0.41rem auto 0;width: 32px;height: 32px;line-height: 28px;text-align: center;border: 2px solid #0082ca;color: #0082ca;border-radius: 50%;transition: all 0.3s;background: #f6f9fc;}
.HomeNews .mores:hover{color: #fff;background: #0082ca;transform: rotate(90deg);}

.HomeJob{padding: 0.4rem 0 1.26rem;position: relative;z-index: 1;}
.HomeJob .line{width: 162px;height: 126px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background: url(../images/line3.png);margin-left: 80px;}
.HomeJob .line:after{width: 12px;height: 12px;border-radius: 50%;background: #fff;border: 2px solid #0478b9;content: "";position: absolute;bottom: -8px;right: 0;}
.HomeJob:before{position: absolute;left: 50%;top: 0;width: 2px;height: 0.4rem;content: "";background: #ececf0;transform: translateX(-50%);}
.HomeJob:after{position: absolute;left: 50%;transform: translateX(-50%);top: 1.74rem;height: calc(100% - 3rem);content: "";width: 2px;background: #ececf0;}
.HomeJob .TabNav{width: 3.01rem;float: left;height: 6.04rem;background-image: linear-gradient(to right, #f0f8ff , #fff);border-radius: 0.2rem 0 0 0.2rem;position: relative;z-index: 2;}
.HomeJob .TabNav li{position: relative;line-height: 1rem;margin-bottom: 0.2rem;text-align: center;}
.HomeJob .TabNav li:last-child{margin-bottom: 0;}
.HomeJob .TabNav li:after{position: absolute;left: 0;top: 0;width: 0;content: "";height: 100%;background-image: linear-gradient(to right, #00a4ff , #0082ca);transition: all 0.5s;border-radius: 0 0.5rem 0.5rem 0;}
.HomeJob .TabNav li a{display: block;position: relative;z-index: 2;font-size: 0.28rem;color: #666666;}
.HomeJob .TabNav li.on a{color: #fff;}
.HomeJob .TabNav li.on:After{width: 108%;}

.HomeJob .TabCon{width: calc(100% - 3.01rem);float: left;}
.HomeJob .TabCon .inner{border-radius: 0 0.2rem 0.2rem 0;position: relative;min-height: 6.04rem;padding: 0.69rem 0 0 0.59rem;}
.HomeJob .TabCon .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.HomeJob .TabCon .titHead{line-height: 0.9rem;}
.HomeJob .TabCon .titHead h2{display: inline-block;vertical-align: middle;font-size: 0.36rem;font-weight: normal;position: relative;line-height: normal;}
.HomeJob .TabCon .titHead h2:after{content: "";position: absolute;bottom: 4px;width: 96%;height: 6px;background-image: linear-gradient(to right, #f29045 , #c9caca);left: 0;z-index: -1;}
.HomeJob .TabCon ul{margin-bottom: 0.2rem;}
.HomeJob .TabCon .item{position: relative;padding-left: 14px;line-height: 0.42rem;width: 50%;}
.HomeJob .TabCon .item:after{position: absolute;left: 0;top: 50%;margin-top: -2px;width: 4px;height: 4px;content: "";border-radius: 50%;background: #0082ca;transition: all 0.3s;}
.HomeJob .TabCon .item:hover:after{transform: scale(1.5);}
.HomeJob .TabCon .mores:After{display: inline-block;content: "";vertical-align: middle;width: 20px;height: 5px;background: url(../images/ico/arr_blue.svg);background-size: contain;margin-left: 11px;transition: all 0.3s;}
.HomeJob .TabCon .mores:hover:after{margin-left: 18px;}

@media(min-width:769px){
.HomeNews .item.slick-current{padding-top: 0.61rem;}
.HomeNews .item:nth-child(even) a{flex-direction: column-reverse;}
.HomeNews .item:nth-child(even) .info{margin: 0.5rem 0 0 0;}
.HomeNotice .Nav .item:nth-last-child(1),.HomeNotice .Nav .item:nth-last-child(2){margin-bottom: 0;}
}
@media(max-width:1600px){
.TravelSearch{padding-left:0.12rem;}
.TravelSearch .ti{font-size:0.28rem;}
.TravelSearch .btn{width:0.85rem;height:0.85rem;}
}
@media(max-width:1500px){
.TravelSearch{max-width: 11.6rem;padding-left:0.2rem;padding-right:0.2rem;}
}
@media(max-width:1024px){
	.TravelSearch{max-width: none;padding: 10px;}
	.TravelSearch .ti{font-size: 0.24rem;}
	.routeLine ul{overflow-x: auto;display: block;white-space: nowrap;}
	.routeLine li{display: inline-block;vertical-align: top;white-space:normal;}
	.routeLine li span em{top: -44px;width: 150px;transform: translateX(-50%);}
	.HomeNotice .Notice{width: auto;float: none;margin-bottom: 0.35rem;}
	.HomeNotice .Nav{width: auto;float: none;}

	.SelectPop{width: 134px;top: -88px;left: 0;transform: translateX(0);padding: 5px;}
	.SelectPop .btn a{padding: 0 4px;margin: 0 1px;font-size: 12px;display: inline-block;}
	.SelectPop:before{height: 11px;bottom: -9px;left: 0;}
}
@media(max-width:768px){
.routeLine li{width:18px;}
	.TravelBox .w1440:after {bottom: -113px;}
	.TravelBox .w1440{padding-top: 0.5rem;}
	.TravelSearch {display: block;text-align: center;top: 0;margin-bottom: 0.5rem;}
	.TravelSearch .btn{font-size: 14px;margin-top: 10px;}
	.TravelSearch .ti{margin-bottom: 10px;}
	.TravelSearch .change, .TravelSearch .change2{margin: 5px auto;}

	.HomeJob .TabNav{width: auto;float: none;flex-direction: inherit;height: auto;}
	.HomeJob .TabNav li{flex: 1;}
	.HomeJob .TabCon{width: auto;float: none;}
}
@media(max-width:580px){
	.SelectPop {top: -68px;}

	.TravelSearch .ti{font-size: 16px;}
	.TravelBox .TabNav li{font-size: 16px;}
	.HomeJob .TabNav li a{font-size: 15px;}
	.HomeTit h2{font-size: 20px;}
	.HomeNews .tit{font-size: 15px;}
	.HomeNews .tag{line-height: 24px;}
	.HomeNews .info:After{left: 1.2rem;}

	.HomeNotice .Notice h2{font-size: 18px;line-height: 40px;}
	.HomeNotice .Nav .item{width: 100%;}
	.HomeNotice .Nav .info{font-size: 16px;}

	.routeLine li span{width: 18px;height: 18px;top: -26px;}
	.routeLine li{font-size: 14px;margin: 0 0.06rem;}
	.routeLine ul {height: 180px;padding-top: 70px;}
	.routeLine .change:after {top: -44px;}
	.routeLine:before {top: 53px;}

	.HomeJob{padding-bottom: 0.8rem;}
	.HomeJob .TabCon .item{line-height: 35px;width: 80%;}
}