.content{background: url(images/bg.jpg) no-repeat center top;background-size: 100%;}
.route{position: relative;color: #fff;padding: 3%;background-color: #313133;margin-bottom: 40px;}
.route1,.route5{margin-top: 10%;}
.route:before{position: absolute;top: -40px;left: 50%;margin-left: -65px;content: '';width: 129px;height: 40px;}
.route1:before,.route5:before{position: absolute;top: -59px;left: 50%;margin-left: -65px;content: '';width: 129px;height: 59px;}
.route1:before,.route6:before,.route9:before{background: url(images/a.png) no-repeat center;background-size: cover;}
.route2:before,.route5:before{background: url(images/b.png) no-repeat center;background-size: cover;}
.route3:before,.route8:before{background: url(images/c.png) no-repeat center;background-size: cover;}
.route4:before,.route7:before{background: url(images/d.png) no-repeat center;background-size: cover;}
.routeLeft{display: inline-block;width: 50%;padding: 2% 3%;background-color: #3d3d40;vertical-align: middle;}
.route h4{font-size: 20px;}
.route p{font-size: 14px;}
.routeLeft .tu{display: inline-block;width: 40%;vertical-align: middle;}
.routeLeft .info{display: inline-block;width: 55%;vertical-align: middle;margin-left: 5%;}
.routeLeft .info .text{margin-top: 8%;margin-bottom: 8%;border: 1px dashed #fff;padding: 0 5% 3% 12%;}
.route h5{position: relative;font-size: 16px;margin-top: 6%;margin-bottom: 2%;}
@media only screen and (max-width: 1600px) {
	.route h4{font-size: 17px;}
	.route h5{font-size: 15px;}
	.route p{font-size: 13px;}
}
.route h5:before{position: absolute;content: '';top: 6px;left: -20px;width: 10px;height: 10px;background-color: #ff3aaa;}
.route a{display: inline-block;width: 200px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background-color: #ff3aaa;text-align: center;margin-left: 5px;}
.route a:nth-of-type(2){margin-left: 10px;}
.routeRight{display: inline-block;width: 44%;text-align: center;vertical-align: middle;}
.routeRight ul{margin-top: 3%;margin-bottom: 5%;}
.routeRight li{width: 27%;padding: 3% 5%;font-size: 12px;line-height: 18px;vertical-align: top;position: relative;}
.routeRight li:nth-child(odd){text-align: right;padding-right: 18%;border-right: 1px solid #fff;}
.routeRight li:nth-child(odd):before{position: absolute;content: '';top: 50%;right: 5px;width: 15%;height: 1px;background-color: #fff;}
.routeRight li:nth-child(odd):after{position: absolute;content: '';width: 10px;height: 10px;top: calc(50% - 6px);right: -6px;border-radius: 50%;border: 1px solid #fff;background-color: #313133;}
.routeRight li:nth-child(even){text-align: left;padding-left: 16%;border-left: 1px solid #fff;margin-left: 50%;}
.routeRight li:nth-child(even):before{position: absolute;content: '';top: 50%;left: 5px;width: 15%;height: 1px;background-color: #fff;}
.routeRight li:nth-child(even):after{position: absolute;content: '';width: 10px;height: 10px;top: calc(50% - 6px);left: -6px;border-radius: 50%;border: 1px solid #fff;background-color: #313133;}
.route1 .routeRight li:nth-child(odd),.route6 .routeRight li:nth-child(odd){background: url(images/01.png) no-repeat 80% center;background-size: 10%;}
.route1 .routeRight li:nth-child(even),.route6 .routeRight li:nth-child(even){background: url(images/01.png) no-repeat 18% center;background-size: 10%;}
.route2 .routeRight li:nth-child(odd),.route5 .routeRight li:nth-child(odd),.route8 .routeRight li:nth-child(odd){background: url(images/02.png) no-repeat 80% center;background-size: 10%;}
.route2 .routeRight li:nth-child(even),.route5 .routeRight li:nth-child(even),.route8 .routeRight li:nth-child(even){background: url(images/02.png) no-repeat 18% center;background-size: 10%;}
.route3 .routeRight li:nth-child(odd){background: url(images/03.png) no-repeat 80% center;background-size: 10%;}
.route3 .routeRight li:nth-child(even){background: url(images/03.png) no-repeat 18% center;background-size: 10%;}
.route4 .routeRight li:nth-child(odd),.route7 .routeRight li:nth-child(odd){background: url(images/04.png) no-repeat 80% center;background-size: 10%;}
.route4 .routeRight li:nth-child(even),.route7 .routeRight li:nth-child(even){background: url(images/04.png) no-repeat 20% center;background-size: 10%;}
.routeLine{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;text-align: center;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;background-color: rgba(0,0,0,.3);}
.routeLine img{display: none;margin: 0 auto;position: fixed;top: 50px;left: 50%;max-width: 580px;max-height: calc(100% - 100px);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.routeLine.active{display: block;}
.routeLine p.close{position: absolute;top: 60px;right: calc(50% - 290px);content: '';width: 30px;height: 30px;background: url(images/close.png) no-repeat center;background-size: cover;cursor: pointer;}
.route9 .routeRight img{width: 36%}

/*报名*/
.register{background: url(images/zhuce.jpg) no-repeat center;background-size: cover;color: #fff;text-align: center;margin-top: 3%;margin-bottom: 4%;padding-bottom: 2%;}
.register h3{padding-top: 3%;padding-bottom: 1%;}
.register h3 p{font-size: 14px;color: #fff;}
.register h3 span{font-weight: bold;color: #ff3aaa;}
.register form>p{font-size: 16px;display: inline-block;width: 20%;margin-right: 5%;}
.register form p input{width: 70%;height: 40px;line-height: 40px;background-color: #fff;font-size: 16px;text-indent: 15px;}
.register form p.tj input{text-indent: 0;text-align: center;background-color: #ff3aaa;color: #fff;}

.hideForm{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
.hideForm form{width: 640px;height: 550px;position: fixed;top: calc(50% - 275px);left: calc(50% - 320px);background: url(images/formHide.jpg) no-repeat center;background-size: cover;}
.hideForm h3{color: #fff;padding: 10% 0 8%;}
.hideForm form p{font-size: 16px;width: 400px;margin: 0 auto 20px;text-indent: 20px;background-color: #fff;height: 55px;line-height: 55px;}
.hideForm form p input{width: 300px;text-indent: 10px;font-size: 16px;}
.hideForm form p.tj{text-indent: 0;background-color: #ff3aaa;}
.hideForm form p.tj input{width: 100%;text-indent: 0;font-size: 18px;color: #fff;}
.hideForm .tip{font-size: 14px;color: #fff;width: 100%;text-align: center;background-color: transparent;}
.hideForm .tip span{font-weight: bold;color: #ff3aaa;}
.hideForm p.close{position: absolute;top: 10px;right: calc(50% - 310px);content: '';width: 30px;height: 30px;background: url(images/close.png) no-repeat center;background-size: cover;cursor: pointer;}