body{color: #000232;margin: 0;}
.container h4{font-size: 36px;text-align: center;padding: 4% 0 3%;}
.container h4 p{display: inline-block;position: relative;}
.container h4 span{position: absolute;left: -40px;top: calc(50% - 7px);width: 14px;height: 14px;background: #ff0e55;border-radius: 50%;}
img.trans{-webkit-transition: all .8s ease;-moz-transition: all .8s ease;-ms-transition: all .8s ease;-o-transition: all .8s ease;transition: all .8s ease;}
/*四大亮点*/
.spot{background: url(images/bg1.jpg) no-repeat center top;background-size: 100%;padding-bottom: 5%;}
.spot h4{padding: 10% 0 4%;}
.spot li{display: inline-block;font-size: 16px;line-height: 32px;width: 24.1%;box-shadow: 10px 10px 56px rgba(20,13,54,.1);vertical-align: top;margin-right: 1.2%;}
.spot li section{background: url(images/arrow1.png) no-repeat 15% 90% #fff;background-size: 20%;padding: 15% 10% 25%;}
.spot li h5{position: relative;font-size: 22px;padding-bottom: 40px;padding-left: 60px;}
.spot li h5 span{position: absolute;left: 0;top: -5px;font-size: 90px;line-height: 90px;}
.spot li p a,.visit li a{display: block;color: #000232;}
.spot li:hover{background: url(images/bg.jpg) no-repeat;background-size: cover;box-shadow: none;color: #fff;-webkit-transform: scaleY(1.08);-moz-transform: scaleY(1.08);-ms-transform: scaleY(1.08);-o-transform: scaleY(1.08);transform: scaleY(1.08);}
.spot li:hover section{background: url(images/arrow2.png) no-repeat 15% 90%;background-size: 48%;}
.spot li:hover a{color: #fff;}
@media only screen and (max-width: 1620px) {
	.spot li{font-size: 14px;line-height: 28px;}
	.spot li h5{font-size: 20px;}
	.spot li h5 span{font-size: 80px;}
}
/*深度走访美国西部7所知名大学*/
.visit{background: url(images/bg2.jpg) no-repeat center top;background-size: 100%;margin-top: -20%;}
.visit h4{padding-top: 30%;padding-bottom: 6%;}
.visit li{display: inline-block;width: 44.45%;margin-right: 11.1%;margin-bottom: 3%;box-shadow: 10px 10px 56px rgba(20,13,54,.1);vertical-align: middle;}
.visit li .tu{position: relative;overflow: hidden;}
.visit li:hover .tu .yx{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.visit li .tu .logo{position: absolute;left: 0;top: 0;width: 23.4375%;}
.visit li .info{font-size: 14px;padding: 4%;background: #fff;}
.visit li .info h5{font-size: 20px;padding-bottom: 5%;}
.visit li:last-child{background: transparent;}
.visit li:last-child a{display: block;width: calc(50% - 4px);padding: 10% 5% 10% 45%;border: 2px solid #000232;background: url(images/icon.png) no-repeat 10% center;background-size: 32%;text-align: center;}
.visit li:last-child h5{font-size: 20px;}
.visit li:last-child p{display: inline-block;font-size: 20px;color: #fff;height: 60px;line-height: 60px;padding: 0 25% 0 15%;background: url(images/download.png) no-repeat 80% center #000232;border-radius: 30px;margin-top: 10%;background-size: 10%;box-shadow: 10px 10px 34px rgba(20,13,54,.3);}

/*探秘*/
.explore{background: url(images/bg3.jpg) no-repeat center top;background-size: 100%;margin-top: -8%;}
.explore h4{padding-top: 16%;padding-bottom: 5%;}
.explore li{position: relative;display: inline-block;}
.explore li:first-child{width: 37.5%;}
.explore li:nth-child(2){width: 62.5%;}
.explore li:nth-child(3){width: 59.8%;}
.explore li:last-child{width: 40.2%;}
.explore li .info{position: absolute;left: 0;bottom: 0;width: 90%;font-size: 14px;padding: 35px 5% 25px;color: #fff;}
.explore li .info h5{font-size: 20px;}
.explore li .info p{display: none;padding-top: 20px;}
.explore li:hover .info{background: rgba(255,14,85,.8);}

/*游览洛杉矶&旧金山 艺术博物馆之旅*/
.tour h4{background: url(images/bg4.jpg) no-repeat center top;background-size: 100%;padding: 5% 10%;margin-top: 3%;}
.tour li{display: inline-block;width: 44.45%;margin-right: 11.1%;overflow: hidden;padding-bottom: 5%;vertical-align: top;}
.tour li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.tour li .info{position: relative;width: 70%;padding: 5%;margin-top: -10%;background: #fff;margin-left: 10%;font-size: 14px;box-shadow: 10px 10px 56px rgba(20,13,54,.1);}
.tour li .info h5{font-size: 22px;padding-bottom: 30px;font-weight: normal;}
.tour li .info h6{font-size: 14px;padding-bottom: 5px;font-weight: normal;}
.tour li .info .line{position: absolute;width: 0;bottom: 0;left: 0;height: 4px;background: #ff0e55;}
.tour li:hover .info .line{width: 100%;}

.zhuce{background: url(images/bg5.jpg) no-repeat center;background-size: cover;padding: 5% 0 6%;color: #fff;}
.zhuce .left{display: inline-block;width: 50%;vertical-align: middle;font-size: 20px;line-height: 48px;padding: 0 5%;}
.zhuce .left h5{padding-bottom: 5%;}
.zhuce .left span{font-size: 22px;color: #ff0e55;font-weight: bold;}
.zhuce form{display: inline-block;width: 25%;vertical-align: middle;background: rgba(2,4,46,.4);padding: 5%;}
.zhuce form h5{color: #ff0e55;font-size: 36px;}
.zhuce form span{font-size: 14px;}
.zhuce form p{font-size: 16px;color: #fff;line-height: 40px;margin-top: 8%;}
.zhuce form p i{display: inline-block;width: 8px;height: 8px;background: #FF0E55;border-radius: 50%;margin: 16px 10px;}
.zhuce form input,.zhuce form select{font-size: 16px;padding: 10px 0;line-height: 20px;background: #fff;text-indent: 10px;}
.zhuce form select{background: url(/public/static/home/global/images/arrow1.png) no-repeat 95% center #fff;background-size: 20px;}
.zhuce form p.tj{margin-top: 10%;}
.zhuce form p.tj input{width: 100%;color: #fff;background: #FF0E55;text-indent: 0;}