body{padding: 0;margin: 0;}
ul{list-style: none}
.page4{background-color:#1f72aa;color:#81c6ef;}
.page4 .title{position:absolute;float:none;top:0px;left:0px;z-index:10;}
.page4 .change{width:400px;position:absolute;float:none;z-index:11;top:10%;right:8%;bottom:10%;}
.page4 .change .tab{width:100%;font-size:16px;font-weight:bold;}
.page4 .change .tab,.page4 .change .tab a{color:#5899c4;margin: 10px 0;display: block;}
.page4 .change .tab a:hover,.page4 .change .tab a.active{color:#81c6ef;}
.page4 .change .ipt{width:240px;height:22px;line-height:22px;padding:3px 10px;background-color:#2d7eb4;border:1px #2d7eb4 solid;color:#81c6ef;margin-top:10px;display:inline;font-size:14px;}
.page4 .change .ipt.schoolChange{z-index:10;}
.page4 .change div.ipt{cursor:pointer;}
.page4 .change .ipt i{width:19px;height:19px;position:absolute;float:none;top:5px;right:5px;z-index:2;}
.page4 .change .ipt i.i01{background:url(../images/ab.png) no-repeat center center;}
.page4 .change .ipt i.i02{background:url(../images/search.png) no-repeat center center;}
.page4 .change .ipt input{width:90%;height:22px;line-height:22px;background-color:#2d7eb4;border:none;color:#81c6ef;font-size:14px;}
.page4 .change select{position:absolute;float:none;top:0px;left:0px;width:100%;height:30px;z-index:4;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}
.page4 .change .box{width:100%;position:absolute;float:none;top:30px;right:0px;bottom:0px;left:0px;}
.page4 .change .box.first .viewport{top:110px;}
.page4 .change .box.last .viewport{top:160px;}
.page4 .change .viewport .textArea ul,.page4 .change .viewport .textArea li,.page4 .change .viewport .textArea li h3,.page4 .change .viewport .textArea li h4{width:100%;padding:0px;margin:0px;float:left;list-style-type:none;}
.page4 .change .viewport .textArea li{padding:8px 0;line-height:24px;border-bottom:1px #3981b2 solid;position:relative;}
.page4 .change .viewport .textArea li a.absolute{z-index:5;position:absolute;float:none;}
.page4 .change .viewport .textArea li h3{font-size:14px;}
.page4 .change .viewport .textArea img{width:100%;}
.page4 .change .viewport .textArea p{margin:10px 0 0 0;line-height:20px;}
.page4 .change .box.last .viewport .textArea .w-100{position:relative;float:left;padding-bottom:20px;}
.page4 .numBox{width:100%;height:290px;position:absolute;float:none;left:0px;bottom:-350px;z-index:200;background-color:#13558b;background-color:rgba(19,85,139,0.9);}
.page4 .numBox.show{display:block;bottom:0px;}
.page4 .numBox .arrow{width:80px;height:40px;line-height:80px;overflow:hidden;position:absolute;float:none;top:-40px;left:50%;margin-left:-40px;text-align:center;color:#13558b;font-size:80px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.page4 .numBox .cm{max-width:1345px;}
.page4 .numBox .item{width:33%;text-align:center;padding-top:50px;}
.page4 .numBox .item h3,.page4 .numBox .item h4,.page4 .numBox .item h5{width:100%;}
.page4 .numBox .item h3{color:#fff;font-size:16px;}
.page4 .numBox .item h4,.page4 .numBox .item h5{color:#7bd7f5;}
.page4 .numBox .item h4{font-size:100px;letter-spacing:-4px;}
.page4 .numBox .item h4 font{font-family:'ASHBL';}
.page4 .numBox .item h4 em{font-style:normal;font-size:48px;margin-left:20px;position:relative;}
.page4 .numBox .item h4 b{font-size:32px;position:absolute;float:none;top:-40px;left:-10px;font-weight:normal;}
.page4 .numBox .item h5{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}

.page4 .map{position:absolute;float:none;top:10%;bottom:10%;left:220px;}
.page4 .map .item img{width:100%;visibility:hidden;}
.page4 .map .item,.page4 .map .item .area,.page4 .map .info,.page4 .map .round{position:absolute;float:none;}
.page4 .map .item .area{width:100%;height:100%;top:0px;left:0px;z-index:2;background-repeat:no-repeat;background-position:left top;-webkit-background-size:contain;background-size:contain;}
.page4 .map .item:hover .area,.page4 .map .item .area.current{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.page4 .map .item:hover .area.current{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.page4 .map .info{color:#105281;z-index:3;}
.page4 .map .info .box{width:98px;height:35px;padding:0 30px 0 0;border-radius:5px;overflow:hidden;filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;box-shadow:0 0 8px rgba(0,0,0,0.2);z-index:2;}
.page4 .map .info .left{width:90px;padding:3px 10px;}
.page4 .map .info h3,.page4 .map .info h4,.page4 .map .info h5{width:100%;}
.page4 .map .info h3{font-size:14px;line-height:30px;}
.page4 .map .info h4{font-size:40px;height:50px;line-height:50px;font-family:'ASHBL'; letter-spacing:-4px;margin: 0;}
.page4 .map .info h5{line-height:30px;margin: 0;padding: 0;}
.page4 .map .info i{width:30px;height:100%;position:absolute;top:0px;right:0px;background:url(../images/math.png) no-repeat center 10px;}
.page4 .map .item:hover .info .box{height:144px;}
.page4 .map .round{filter:alpha(opacity=85);-moz-opacity:0.75;-khtml-opacity:0.75;opacity:0.75;border-radius:200px;}
.page4 .map .info .box,.page4 .map .item .area,.page4 .map .round{-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-ms-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease;}
.page4 .map .loc{width:130px;height:30px;line-height:30px;bottom:16%;left:50%;padding-left:30px;position:absolute;float:none;background:url(../images/loc.png) no-repeat;color:#66cbff;font-size:16px;text-shadow:rgba(0,0,0,0.8) 0 2px 2px;z-index:2;}

.scaleIn{
	-webkit-animation-name:scaleIn;
	animation-name:scaleIn;
}
.page4 .map .item:hover .round{
	-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);
}
.scaleIn{
	-webkit-animation-duration:0.8s;
	animation-duration:0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes scaleIn{
	0%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	100%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}
keyframes scaleIn{
	0%{-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
	100%{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
}

.page4 .map .item.xb{width:66.1%;top:12%;left:0px;}
.page4 .map .item.xb .area{background-image:url(../images/xb.png);}
.page4 .map .item.xb .area.current{background-image:url(../images/xb_hover.png);}
.page4 .map .item.xb .info{top:40%;left:40%;}
.page4 .map .item.xb .info .left,.page4 .map .item.xb .round{background-color:#ffcc33;}
.page4 .map .item.xb .info i{background-color:#e8ba2e;}
.page4 .map .item.xb .round.r1{width:140px;height:140px;top:0px;left:-30px;}
.page4 .map .item.xb .round.r2{width:95px;height:95px;top:-50px;left:-30px;}
.page4 .map .item.xb .round.r3{width:56px;height:56px;top:60px;right:10px;}

.page4 .map .item.xn{width:60.3%;bottom:7.7%;left:4.5%;}
.page4 .map .item.xn .area{background-image:url(../images/xn.png);}
.page4 .map .item.xn .area.current{background-image:url(../images/xn_hover.png);}
.page4 .map .item.xn .info{top:50%;right:10%;}
.page4 .map .item.xn .info .left,.page4 .map .item.xn .round{background-color:#cfff62;}
.page4 .map .item.xn .info i{background-color:#bce859;}
.page4 .map .item.xn .round.r1{width:140px;height:140px;top:-60px;left:-50px;}
.page4 .map .item.xn .round.r2{width:95px;height:95px;top:-20px;left:20px;}
.page4 .map .item.xn .round.r3{width:56px;height:56px;top:-40px;left:-90px;}

.page4 .map .item.hb{width:43.8%;top:1.1%;right:14.2%;}
.page4 .map .item.hb .area{background-image:url(../images/hb.png);}
.page4 .map .item.hb .area.current{background-image:url(../images/hb_hover.png);}
.page4 .map .item.hb .info{top:65%;right:22%;}
.page4 .map .item.hb .info .left{background-color:#96ea95;}
.page4 .map .item.hb .info i{background-color:#88d588;}
.page4 .map .item.hb .round{background-color:#7be879;}
.page4 .map .item.hb .round.r1{width:140px;height:140px;top:-70px;left:30px;}
.page4 .map .item.hb .round.r2{width:95px;height:95px;top:-110px;right:-60px;}
.page4 .map .item.hb .round.r3{width:56px;height:56px;top:-20px;left:-20px;}

.page4 .map .item.db{width:22.1%;top:0%;right:0%;}
.page4 .map .item.db .area{background-image:url(../images/db.png);}
.page4 .map .item.db .area.current{background-image:url(../images/db_hover.png);}
.page4 .map .item.db .info{top:35%;right:5%;}
.page4 .map .item.db .info .left,.page4 .map .item.db .round{background-color:#66cbff;}
.page4 .map .item.db .info i{background-color:#5db9e8;}
.page4 .map .item.db .round.r1{width:140px;height:140px;top:-60px;left:0px;}
.page4 .map .item.db .round.r2{width:95px;height:95px;top:30px;left:20px;}

.page4 .map .item.hz:hover{z-index:5;}
.page4 .map .item.hz{width:15%;top:49.5%;left:61.8%;}
.page4 .map .item.hz .area{background-image:url(../images/hz.png);}
.page4 .map .item.hz .area.current{background-image:url(../images/hz_hover.png);}
.page4 .map .item.hz .info{top:45%;right:5%;}
.page4 .map .item.hz .info .left,.page4 .map .item.hz .round{background-color:#ff7e7d;}
.page4 .map .item.hz .info i{background-color:#e87372;}
.page4 .map .item.hz .round.r2{width:95px;height:95px;top:-40px;left:40px;}
.page4 .map .item.hz .round.r3{width:56px;height:56px;top:40px;left:50px;}

.page4 .map .item.hn{width:26.7%;bottom:0%;right:19.3%;}
.page4 .map .item.hn .area{background-image:url(../images/hn.png);}
.page4 .map .item.hn .area.current{background-image:url(../images/hn_hover.png);}
.page4 .map .item.hn .info{top:35%;right:5%;}
.page4 .map .item.hn .info .left,.page4 .map .item.hn .round{background-color:#a89bff;}
.page4 .map .item.hn .info i{background-color:#998de8;}
.page4 .map .item.hn .round.r2{width:95px;height:95px;top:-40px;left:0px;}
.page4 .map .item.hn .round.r3{width:56px;height:56px;top:-25px;left:-40px;}

.page4 .map .item.hd{width:17.4%;bottom:12.4%;right:10.1%;}
.page4 .map .item.hd .area{background-image:url(../images/hd.png);}
.page4 .map .item.hd .area.current{background-image:url(../images/hd_hover.png);}
.page4 .map .item.hd .info{top:35%;right:-30%;}
.page4 .map .item.hd .info .left,.page4 .map .item.hd .round{background-color:#7db1ff;}
.page4 .map .item.hd .info i{background-color:#72a1e8;}
.page4 .map .item.hd .round.r1{width:120px;height:120px;top:-20px;left:-10px;}
.page4 .map .item.hd .round.r2{width:65px;height:65px;top:-60px;left:0;}
.page4 .map .item.hd .round.r3{width:46px;height:46px;top:90px;left:0;}
.page4 .fromBox{position:absolute;float:none;top:0px;right:0px;width:150%;}
.page4 .schoolChange .select{left:auto;top:30px;right:0px;border:none;background-color:#2d7eb4;overflow:hidden;}
.page4 .schoolChange .select dt{color:#5899c4;}
.page4 .schoolChange .select dl.line{background-color:#2973a4;}
.page4 .schoolChange .select .up{border-color:#2973a4;}
.page4 .schoolChange .select dd:hover,.page4 .schoolChange .select .up:hover{background-color:#23638d;}
.page4 .schoolChange .select dd.active{background-color:#ffa300;}


.page4 .world{width:233px;height:155px;position:absolute;float:none;left:0px;bottom:0px;border:1px #1c6aa2 solid;background:#2277ae url(../images/world.png) no-repeat center center;}
.page4 .world .dot{width:4px;height:4px;border-radius:10px;background-color:#fff;position:absolute;float:none;bottom:88px;right:63px;z-index:10;-webkit-animation:star 2s infinite linear;animation:star 2s infinite linear;border:6px #fff solid;cursor:pointer;overflow:hidden;}
.page4 .world .dot em{font-style:normal;position:absolute;float:none;left:16px;top:-8px;line-height:16px;white-space:nowrap;padding:2px 10px;background-color:#13558b;color:#81c6ef;border-radius:20px;overflow:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.page4 .world .dot:hover{z-index:10;overflow:inherit;}
.page4 .world .dot:hover em{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
@-webkit-keyframes star{
    0%{
        border-color:#fff;
    }
    50%{
        border-color:#66cbff;
    }
    60%{
        border-color:#66cbff;
    }
    100%{
        border-color:#fff;
    }
}
@keyframes star{
    0%{
        border-color:#fff;
    }
    50%{
        border-color:#66cbff;
    }
    60%{
        border-color:#66cbff;
    }
    100%{
        border-color:#fff;
    }
}