


.headerr{height: 55vw;}

.headerr video{display: none;}
.headerr .bgTopAnimation{animation:paused;}

.headerr .bgTop{background-size: 130%;}
.headerr .bgTop2{background-size: 130%;}

.headerr h1{background-size: 136%;}

.headerr .cloud{
    margin-top: -26%;
}




@media screen and (max-width:1240px){
	.areaAbout .content {
	    width: 90%;
	    max-width: inherit;
	    margin: -69px 0 0 -45%;
	    background-image: none; padding-bottom: 0px;
	}
	.areaAbout .content iframe {
    position: relative;
    margin: 85px 5% 0;
    width: 90%;
        height: 40vw;
}
.areaAbout .content p {
       padding: 10px 5% 0;
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden;
}
.areaAbout .content p b{display: block;
    width: max-content;}
}/*media*/




.areaReason{background-size: 150%; 
   }
.areaReason .box .bottom .icon img {
    height: 10vw;
}
.areaReason .box .bottom .icon:before , .areaReason .box .icon:after{border-bottom: 3px solid #fff;}

@media screen and (max-width:960px){
 .areaReason{background-position: bottom;}
 }/*media*/





 .areaIntroduce{    background-size: 130%;
    background-position: center;}

.areaIntroduce .d4{    width: 44%;
    left: -32%;
    top: 56%;}



.areaRoute{    background-size: 168%; background-position: center bottom;}
.areaRoute .dd {
    width: 26%;
}
.areaRoute .d8 {
    left: 2%;
    top: 2%;
}
.areaRoute .d9 {
    left: 2%;
    bottom: 25%;
}
.areaRoute .d10 {
    right: 2%;
    top: 24%;
}
.areaRoute .d11 {
    right: 2%;
    bottom: 2%;
}



.areaInterview{background-size: 100%;}
.areaInterview li {
    width: 31%;
    margin: 0 1%;
}
.areaInterview li > i{    margin-right: -4%;}



.atreApply{background-size: 130%;}



.mow{left: 10px; }
.mow a {
    font-size: 12px;
    margin: 5px 0;
    width: 50px;
    height: 50px;
    padding: 11px 0 0 0;
}


@media screen and (max-width:1380px){
	.mow{ bottom: 40px; }
	.mow a {
    display: inline-block; margin: 0 2px ; float: left;
	}
	.mow a:last-child{margin: 0 5px;}
	.mow a:last-child img{
		margin: -20% 0 0 0;
	}
}/*media*/



.areaSettour{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #00409d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#00409d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#00409d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00409d',GradientType=0 ); /* IE6-9 */
}
.areaSettour h5 , .areaSettour h5:first-child {margin: 3% 0.5% 7%;
    width: 23%;}
.areaSettour h5 i{color: #fff;}
