@charset "utf-8";
/* CSS Document */
@font-face { 
  font-family:'ASHBL'; 
  src: url('../font/ASHBL.ttf'); 
}
@font-face { 
  font-family:'AgencyFB'; 
  src: url('../font/AgencyFB.ttf'); 
}
/* 初始化 */
.chinamap div
{
	position:relative;
}
a:hover{ text-decoration:none;}

p{margin-bottom:15px;}
.overflow{overflow:hidden;}
.w-100{width:100%;}
.w-70{width:70%;}
.w-50{width:50%;}
.clearBoth{float:none;position:static;}
.cm{width:100%;max-width:1000px;float:none;margin:0 auto;}
.hide{display:none;}
.h100{height:100px;}
.h50{height:50px;}
.h30{height:30px;}
.yaHei{font-family:"Microsoft YaHei","微软雅黑","微軟雅黑";}
input.no, textarea.no{border:1px red solid;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background-color:transparent;}

body.noScroll{overflow:hidden;}
/*主框架*/
.pageBox{overflow:hidden;background-color:#fff;}
.page1,.page2,.page3,.page4,.page6,.page7{z-index:5;}


/*page*/
.pageBox{width:1050px;height:700px; float:right; margin-right:20px; ba ckground-color:#f1f3f2;}
.pageBox .down{width:100%;position:absolute;left:0;bottom:20px;float:none;z-index:10;text-align:center;cursor:pointer;}
.pageBox .down img{float:none;-webkit-animation: moveIconUp ease 1.5s both infinite;animation: moveIconUp ease 1.5s both infinite;}

/*page4*/
.page4{background-color:#1f72aa;color:#81c6ef;}
.page4 .title{position:absolute;float:none;top:0px;left:0px;z-index:10;}


.page4 .map{position:absolute;float:none;top:150px;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:5;}
.page4 .map .info .box{width:178px;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:999999; transition:0.5s;}
.page4 .map .info .left{width:158px;padding:3px 10px; margin-top: -20px;}
.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;}
.page4 .map .info .left span{ display:block; width:130px; height:160px; font-size:14px; color:#000000; line-height:20px;}

.page4 .map .info h5{line-height:30px;}
.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:160px;}
.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;
}


.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:55%;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:37%;right:25%;}
.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:0%; z-index:99998}
.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%;z-index:99999;}
.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-in dex: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:30%;right:-35%;z-index:99996;}
.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:20%;right:10%;z-index:99995;}
.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:5%;right:-40%;z-index:99997;}
.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%;}


/*动画*/

.fadeIn{
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn;
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.fadeInUp,.fadeInRight,.fadeInLeft,.fadeInDown,.fadeIn{
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.delay100 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.delay200 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.delay300 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.delay400 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.delay500 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.delay600 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}
.delay700 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.delay800 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.delay900 {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}
.delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.delay1100 {
	-webkit-animation-delay: 1.1s;
	animation-delay: 1.1s;
}
.delay1200 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.delay1300 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
.delay1400 {
	-webkit-animation-delay: 1.4s;
	animation-delay: 1.4s;
}