.index-bk1 { 
	background:#fff; 
	padding:3em 8em; 
	position:relative; 
	z-index:2;
	overflow: hidden;
}
.index-bk1 .img{
	float: left;
	width: 56%;
}
.index-bk1 .img ul{
	width: 	100%;
}
.index-bk1 .img ul li{
	float: left;
	width: 48%;
	margin: 1%;
	position: relative;
	cursor: pointer;
}
.index-bk1 .img ul li img{
	width: 100%;
}
.index-bk1 .img ul li figcaption{
	position: absolute;
	width: 80%;
	height: 80%;
	top: 10%;
	left: 10%;

}
.index-bk1 .img ul li .top{
	position: absolute;
	z-index:1;
	height: 1px;
	width: 0px;
	top: 0px;
	width: 0px;
}
.index-bk1 .img ul li .bottom{
	position: absolute;
	z-index:1;
	height: 1px;
	width: 0%;
	bottom: 0px;
	right: 0px;
}
.index-bk1 .img ul li .left{
	height: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
}
.index-bk1 .img ul li .right{
	height: 0;
	position: absolute;
	right: 0px;
	width: 1px;
	bottom: 0px;
}
.index-bk1 .img ul li p{
	position: absolute;
	z-index: 2;
	height: 40px;
	line-height: 40px;
	width: 100%;
	text-align: center;
	color: #fff;
	top: 0%;
	opacity: 0;
	filter:alpha(opacity=0);
	left: 0px;
	margin-top: -20px;
	font-size: 1.2em;
}
.index-bk1 .img ul li p a:link,.index-bk1 .img ul li p a:visited{
	color: #fff;
}
.index-bk1 .img ul li .hei{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	filter:alpha(opacity=30);
	display: none;
}
.index-bk1 .txt{
	float: left;
	width: 40%;
	margin-left: 4%;
	padding: 6em 0em;
}
.index-bk1 .txt h2.f-3-4{
	margin-bottom: 0.3em;
}
.index-bk1 .txt h2.f-3-4 em{
    display: block;
    color: #33afc8;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: normal;
    font-family: "微软雅黑";
}
.index-bk1 .txt em{
	font-size: 1.3em;
	
	color: #4e4e4e;
}





.index-bk3 { 
	background:#f7f7f7;   
	position:relative; 
	z-index:4; 
	overflow:hidden; 
	padding: 3em 8em;
}
.bk3-1 { position:relative; z-index:2;}
.bk3-1 .img { 
	position:relative;
	float:left; 
	width:58%; 
}
.bk3-1 .img .t { position:absolute; left:0; top:50%; right:0; margin-top:-0.5em; text-align:center;}
.bk3-1 .img .t span {   position:relative;font-size: 1.2em;padding:0 30px 10px; color: #303030;}
.bk3-1 .img .t span i { background: #303030; position:absolute; top:100%; left:0%; right:0%; height:3px;}
.bk3-1 .txt{ 
	float: left;
	overflow:hidden; 
	padding:5em 0em; 
	color:#565656;
    width: 42%;
}
.bk3-1 .txt .t-main{
	padding: 0 5em;
}
.bk3-1 .txt h2 {
	text-align: center;
}
.bk3-1 .txt h2.f-3-4 em { 
	display:block; 
	font-weight: normal;
	color: #797979;
    font-size: 0.8em;
    line-height: 1.4em;
    font-family: "微软雅黑";
}
.bk3-1 .txt .p { 
	margin-top:1em;
	font-size: 1.2em;
	line-height: 1.6;
	color: #797979;
}

.bk3-2 { position:relative; }
.bk3-2 .txt { float:left; width:50%; }
.bk3-2 .txt .w { padding:3em 7em 3em;}
.bk3-2 .txt .w h2 { }
.bk3-2 .txt .w h2 span{font-weight: normal;}
.bk3-2 .txt .w .p { margin:2em 0;font-size: 1em;line-height: 1.6;}
.bk3-2 .txt .w h3 {  color:#0078f3;line-height:1.1;font-size: 2em;}
.bk3-2 .right { position:absolute; left:50%; top:0; bottom:0; right:0; background:#d70d19;}
.bk3-2 .right .nr { position:absolute; background:#fff; width:100%; top:50%; left:-10%; margin-top:-220px;}
.bk3-2 .right .nr .l { float:left; width:50%; position:absolute; min-height:100%; z-index:2; background:#fff;  }
.bk3-2 .right .nr .l h2 { color:#d70d19;font-weight: normal;}
.bk3-2 .right .nr .l h3 { margin-top:0.5em;font-weight: normal;}
.bk3-2 .right .nr .l .p {line-height: 1.5; margin:0.8em 0 0.5em; opacity:0.5; filter:alpha(opacity=50); height:9em; overflow:hidden;}
.bk3-2 .right .nr .l .w > a { border:1px solid #333; border-radius:5px; display:inline-block; padding:0 5px 0; }
.bk3-2 .right .nr .l .w > a:hover { background:#333; color:#fff;}
.bk3-2 .right .nr .l .w { padding:1em 2em;}
.bk3-2 .right .nr .r { float:right; width:50%; box-shadow:-20px 10px 20px -3px rgba(0,0,0,0.5); z-index:1;}

.index-bk4 { padding:0em 0;	position:relative;background:#fff;z-index: 9;overflow: hidden;}
.index-bk4 .bk4-txt { width:60%; margin-left:7em; position:relative; z-index:2;}
.index-bk4 .bk4-txt h2 { }
.index-bk4 .bk4-txt h3 {  margin-top:1em;font-size: 1em;font-weight: normal;line-height: 1.6;}
.index-bk4 .bk4-map { margin:0 7em; position:relative;}
.index-bk4 .bk4-map img { width:100%; height:auto;}
.index-bk4 .bk4-map > div { position:absolute;  width:20px; height:25px; left:0; top:0; z-index:1;}
.index-bk4 .bk4-map > div.open { z-index:100; transition-delay:0 !important; -webkit-transition-delay:0 !important;}
.index-bk4 .bk4-map > div i { width:20px; height:25px; display:block; cursor:pointer; position:relative;}
.index-bk4 .bk4-map > div i img { transition:0s all; -webkit-transition:0s all;}
.index-bk4 .bk4-map > div i img:first-child { position:absolute; left:0; top:0; width:100%; visibility:hidden; opacity:0; z-index:2;}


@media only screen and (min-width: 1024px) {
.index-bk4 .bk4-map > div.open i img,
.index-bk4 .bk4-map > div:hover i img { transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3); transform-origin:center bottom; -webkit-transform-origin:center bottom; transition:0.2s all; -webkit-transition:0.2s all; }
}
.index-bk4 .bk4-map > div.open i img:first-child,
.index-bk4 .bk4-map > div:hover i img:first-child { opacity:1; visibility:visible;}
.index-bk4 .bk4-map > div.open i img:first-child+img,
.index-bk4 .bk4-map > div:hover i img:first-child + img { opacity:0; visibility:hidden;}

.index-bk4.animate .bk4-map .i5 > i { animation:i5name 1s infinite; }
@keyframes i5name {
	0% { transform:translateY(0) scale(1,1); }
	60% { transform:translateY(-10px) scale(1.1,1.1);}
	100% {transform:translateY(0px) scale(1,1); }
}

.index-bk4 .bk4-map .box { 
	background: #fff;
    width: auto;
    padding: 0 10px;
    height: 30px;
    border: 1px solid #dc1919;
    position: absolute;
    margin-top: -3.3em;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
    display: none;
    left: -170%;
}
.lt9 .index-bk4 .bk4-map .box{ background:#fff;}

.index-bk4 .bk4-map .open .box { display:block;}
.index-bk4 .bk4-map .box em { background:url(../images/r1.png) no-repeat; width:12px; height:23px; position:absolute; right:-12px; top:50%; margin-top:-12px; opacity:0.95;}
.index-bk4 .bk4-map .box .c{ position:absolute; right:0; top:0; width:1.5em; height:1.3em; line-height:1; text-align:center; background:#d70d19;}
.index-bk4 .bk4-map .box .c i { background:url(../images/x.png) center no-repeat ; width:11px; height:10px; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; }
.index-bk4 .bk4-map .box .c:hover i { transform:rotate(180deg); transition:0.5s; }
.index-bk4 .bk4-map .box h2{ display: block;
    white-space: nowrap;
    margin-bottom: 0 !important;
    color: #dc1919;
    line-height: 30px;
    font-size: 1.1em;} 
.index-bk4 .bk4-map .box dl{  margin-bottom:0.5em; } 
.index-bk4 .bk4-map .box dl dt{ float:left; min-width:3em; }
.index-bk4 .bk4-map .box dl dd { overflow:hidden; display:block; } 
.index-bk4 .bk4-map .box.left { right:auto; }
.index-bk4 .bk4-map .box.left em { background:url(../images/r2.png) no-repeat; right:auto; left:-12px; }
.lt9 .index-bk4 .bk4-map > .box { background:#fff; }

.index-bk4 .bk4-map .i1 { 
	left: 27.41%;
    top: 26.12%;
}
.index-bk4 .bk4-map .i2 { 
	left: 30.5%;
    top: 60.07%;
}
.index-bk4 .bk4-map .i3 { 
	left: 45.9%;
    top: 45.4%;
}
.index-bk4 .bk4-map .i4 {
	left: 51.6%;
    top: 48.6%;
}
.index-bk4 .bk4-map .i5 { 
	left: 77.0%;
    top: 47.8%;
    z-index:99;
}
.index-bk4 .bk4-map .i6 { 
	left: 50%;
    top: 60.2%;
}
.index-bk4 .bk4-map .i7 { 
	left: 50.6%;
    top: 74.5%;
}
.index-bk4 .bk4-map .i8 { 
	left: 57.1%;
    top: 39.9%;
}
.index-bk4 .bk4-map .i9 {
	left: 57.6%;
    top: 51.7%;
}
.index-bk4 .bk4-map .i10 { 
	left: 60.0%;
    top: 59.3%;
}
.index-bk4 .bk4-map .i11 { 
	left: 58.3%;
    top: 70.8%;
}
.index-bk4 .bk4-map .i12 { 
	left: 61.2%;
    top: 80.1%;
}
.index-bk4 .bk4-map .i13 { 
    left: 60.9%;
    top: 34.18%;
}
.index-bk4 .bk4-map .i14 { 
	left: 65.9%;
    top: 42.8%;
}
.index-bk4 .bk4-map .i15 { 
	left: 67.9%;
    top: 50.9%;
}
.index-bk4 .bk4-map .i16 { 
    left: 68.6%;
    top: 59.64%;
}
.index-bk4 .bk4-map .i17 { 
    left: 66%;
    top: 66.04%;
}
.index-bk4 .bk4-map .i18 { 
    left: 71%;
    top: 40.14%;
}
.index-bk4 .bk4-map .i19 { 
    left: 74.6%;
    top: 38.24%;
}
.index-bk4 .bk4-map .i20 { 
	left: 75.3%;
    top: 43.64%;
}
.index-bk4 .bk4-map .i21 { 
    left: 75.2%;
    top: 56.8%;
}
.index-bk4 .bk4-map .i22 { 
	left: 74.9%;
    top: 64.34%;
}
.index-bk4 .bk4-map .i23 { 
    left: 71.2%;
    top: 78.24%;
}
.index-bk4 .bk4-map .i24 { 
	left: 78.2%;
    top: 69.6%;
}
.index-bk4 .bk4-map .i25 { 
	left: 80.2%;
    top: 60.5%;
}
.index-bk4 .bk4-map .i26 { 
    left: 82.2%;
    top: 58.3%;
}
.index-bk4 .bk4-map .i27 { 
    left: 79.8%;
    top: 55.4%;
}
.index-bk4 .bk4-map .i28 { 
	left: 82.2%;
    top: 30.24%;
}
.index-bk4 .bk4-map .i29 { 
	left: 85.6%;
    top: 23.44%;
}
.index-bk4 .bk4-map .i30 { 
	left: 87.0%;
    top: 18.84%;
}


.bk4-data { text-align:center;float: left;width: 40%;margin-left: 4%;margin-top: 1em}
.bk4-data ul li{
	float: left;
	width: 30%;
	margin-left: 3.333333333%;
	margin-bottom: 1em;
	position: relative;
	cursor: pointer;
	overflow: hidden;

}
.bk4-data ul li img{
	width: 100%;
}
.bk4-data ul li .poa{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 80%;
	height: 80%;
	padding: 10%;
	text-align: center;
}
.bk4-data ul li .poa img{
	width: 40%;
	margin-bottom: 5%;
	margin-top: 8%;
}
.bk4-data ul li .poa p{
	color: #fff;
	font-size: 1em;
	line-height: 1.4em
}
.bk4-data ul li .poa p.number{
	font-size: 1.2em
}
.bk4-data ul li .bottom{
	position: absolute;
	left: 0px;
	top: 100%;
	width: 80%;
	height: 40%;
	padding: 30% 10%;
	text-align: center;
	background: #727a83;
}
.bk4-data ul li .bottom p{
	color: #fff;
	font-size: 1em;
	line-height: 1.4em
}
.bk4-data ul li .bottom p.number{
	font-size: 1.2em
}

.bk4-data ul li .bottom {
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
			transform:translateY(0%)
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
  			transition: all 0.35s ease;
}


.bk4-data ul li:hover .bottom{
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
			transform:translateY(-100%)

	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
  			transition: all 0.35s ease;

}


.bk4-data ul li .top{
	-webkit-transform:translateY(0%);
	-moz-transform:translateY(0%);
	-ms-transform:translateY(0%);
			transform:translateY(0%)
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
  			transition: all 0.35s ease;
}

.bk4-data ul li:hover .top{
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
			transform:translateY(-100%)

	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
  			transition: all 0.35s ease;

}


.bk4-data ul li.li1{
	background: #727a83;
}
.bk4-data ul li.li2{
	background: #8f3d8c;
}
.bk4-data ul li.li3{
	background: #727a83;
}
.bk4-data ul li.li4{
	background: #00b98c;
}
.bk4-data ul li.li5{
	background: #31559a;
}
.bk4-data ul li.li6{
	background: #00b98c;
}

.bk4-data ul li.li1 .bottom{
	background: #727a83;
}
.bk4-data ul li.li2 .bottom{
	background: #8f3d8c;
}
.bk4-data ul li.li3 .bottom{
	background: #727a83;
}
.bk4-data ul li.li4 .bottom{
	background: #00b98c;
}
.bk4-data ul li.li5 .bottom{
	background: #31559a;
}
.bk4-data ul li.li6 .bottom{
	background: #00b98c;
}


.index-bk2 { 
	background:#f7f7f7;   
	position:relative; 
	z-index:4; 
	overflow:hidden; 
	padding: 3em 8em;
}
.index-bk2 .txt{
	float: left;
	padding: 4em 0em 0em;
    color: #565656;
    width: 48%;
    overflow: hidden;
}
.index-bk2 .right{
	position: relative;
    float: left;
    width: 52%;
}
.index-bk2 .right img{
	width: 100%;
}
.index-bk2 .txt .w{
	padding: 0 2em
}
.index-bk2 .txt .w h2{
	display: block;
    color: #797979;
    font-size: 1.8em;
    line-height: 1.4em;
    font-weight: normal;
    font-family: "微软雅黑";
    padding-left: 4em;
}
.index-bk2 .txt .w h2 span{
	display: block;
	color: #33afc8;
	margin-top: 1em;
}
.index-bk2 .txt .w .p{
	margin-top: 1em;
    font-size: 1.2em;
    line-height: 1.6;
    color: #797979;
    padding: 0 2em;
}
.index-bk5 { 
	background:#fff;   
	position:relative; 
	z-index:4; 
	overflow:hidden; 
	padding: 3em 8em;
	height: 23.6em;
}
.index-bk5 .tab{
	background: #7a828b;
	overflow: hidden;
	height: 100%;
}
.index-bk5 .bd{
	float: left;
	width: 68%;
	height: 100%;
	background: #f4f8f9 -webkit-linear-gradient(top, #f4f8f9 , #dfe3e4);  
	background: #f4f8f9 -moz-linear-gradient(top, #f4f8f9 , #dfe3e4);  
	background: #f4f8f9 -ms-linear-gradient(top, #f4f8f9 , #dfe3e4);  
	background: #f4f8f9 linear-gradient(top, #f4f8f9 , #dfe3e4);  
}
.index-bk5 .bd ul{
	height: 100%;
}
.index-bk5 .bd ul li{
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.index-bk5 .bd ul li .img{
	float: left;
    width: 56%;
    text-align: right;
    overflow: hidden;
    background: #ffffff;
    height: 100%;
}
.index-bk5 .bd ul li .img img{
	height: 100%;
}

.index-bk5 .bd ul li .text{
	float: left;
	width: 36%;
	padding: 4% 4%;
	overflow: hidden;
}
.index-bk5 .bd ul li .text h3{
    font-size: 1.2em;
    line-height: 1.4em;
    font-weight: normal;
    font-family: "微软雅黑";
    margin-bottom: 1em;
    padding-right: 10%;
}
.index-bk5 .bd ul li .text h3 a:link,.index-bk5 .bd ul li .text h3 a:visited{
	color: #717171;
}
.index-bk5 .bd ul li .text p{
	font-size: 0.9em;
    line-height: 1.6em;
    font-weight: normal;
    font-family: "微软雅黑";
}

.index-bk4{
	
}
.index-bk4 .bk5-map { position:relative;float: left; width: 56%;}
.index-bk4 .bk5-map img { width:100%; height:auto;}
.index-bk4 .bk5-map > div { position:absolute;  width:20px; height:25px; left:0; top:0; z-index:1;}
.index-bk4 .bk5-map > div.open { z-index:100; transition-delay:0 !important; -webkit-transition-delay:0 !important;}
.index-bk4 .bk5-map > div i { width:13px; height:13px; display:block; cursor:pointer; position:relative;}
.index-bk4 .bk5-map > div i img { transition:0s all; -webkit-transition:0s all;}
.index-bk4 .bk5-map > div i img:first-child { position:absolute; left:0; top:0; width:100%; visibility:hidden; opacity:0; z-index:2;}
.index-bk5 .bd ul li .text p a:link,.index-bk5 .bd ul li .text p a:visited{
    color: #6c6c6c;
}
.index-bk5 .bd ul li .data{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 12%;
}
.index-bk5 .bd ul li .data img{
	width: 100%;
}
.index-bk5 .bd ul li .data span{
	position: absolute;
    top: 22%;
    left: 47%;
    color: #fff;
    font-size: 0.8em;
}
.index-bk5 .hd{
	float: right;
	width: 30%;
	height: 100%;
	background: #e4e8e9;  
}
.index-bk5 .hd ul{
	height: 100%;
}
.index-bk5 .hd ul li{
	width: 100%;
	height: 50%;
	position: relative;

}
.index-bk5 .hd ul li .title{
	height: 75%;
	padding: 7%;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: #e4e8e9;
}
.index-bk5 .hd ul li .title h3{
	padding-right: 10%;
    height: 90%;
    overflow: hidden;
}
.index-bk5 .hd ul li .con{
	position: absolute;
	top: 0;
	left: 0px;
	height: 75%;
	padding: 7%;
	background: #32569d;
	color: #fff;
	overflow: hidden;
	z-index: -1;
}
.index-bk5 .hd ul li .title h3 a:link,.index-bk5 .hd ul li .title h3 a:visited{
	font-size: 1.2em;
    line-height: 1.4em;
    font-weight: normal;
    font-family: "微软雅黑";
    padding-right: 10%;
	color: #717171;
}
.index-bk5 .hd ul li .con p{
	height: 100%;
    overflow: hidden;
    padding-left: 6%;
    border-left: 3px solid #0096ff;
    margin: 0 10%;
}
.index-bk5 .hd ul li .con p a:link,.index-bk5 .hd ul li .con p a:visited{
	font-size: 0.8em;
    line-height: 1.4em;
    font-weight: normal;
    font-family: "微软雅黑";
    padding-right: 10%;
	color: #fff;
}
.index-bk5 .hd ul li .title .data{
	position: absolute;
	top: 0px;
	right: 0px;
	width: 25%;
}
.index-bk5 .hd ul li .title .data img{
	width: 100%;
}
.index-bk5 .hd ul li .title .data span{
	position: absolute;
    top: 22%;
    left: 47%;
    color: #fff;
    font-size: 0.8em;
}
.index-bk5 .hd ul li .con .sd{
	width: 14px;
	height: 24px;
    position: absolute;
    top: 13%;
    left: 10%;
}
.index-bk5 .hd ul li .con .sd img{
	width: 100%;
}

.index-bk5 .hd ul li.cur .title{
	display: block;
}

.index-bk5 .hd ul li.cur .con{
	display: none;
	z-index: 1;
}

.index-bk5 .hd ul li.cur .title{
	display: none;
}

.index-bk5 .hd ul li.cur .con{
	display: block;
}






.footer { background:#f7f7f7; padding: 3em 8em; position:relative; z-index:8;color: #333;}
.footer .wrap { position:relative;}
.footer .wrap .footer-logo img{
	padding-left: 5%
}
.footer .wrap .footer-logo { position:absolute; left:0; bottom:0;width: 75%;}
.footer .left { float:left; width:75%;}
.footer .left ul { margin-bottom:4em;}
.footer .left li { width:15%; float:left; *margin-left:-1px;padding: 0 5%;}
.footer .left li h2 { font-size:22px;font-weight: normal; margin-bottom:1em;}
.footer .left li h2.last { margin-top:1.5em;}
.footer .left li span { display:block;font-size:18px; margin-bottom:5px;}
.footer .right { overflow:hidden;}
.footer .right h3 { font-size:22px; color:#717171; font-weight: normal;}
.footer .right .p { margin:1em 0;}
.footer .right li {  margin-bottom:10px;color:#717171;}
.footer .right li span { float:left; color:#717171;}
.footer .right li p { overflow:hidden; word-break:break-all;}
.footer a:link,.footer a:visited{
	color: #717171;
}
.footer a:hover { color: #33afc8;}
.footer .right h4{ font-size:22px; color:#717171; margin:2em 0 0.5em;}
.footer .right .p2 { font-size:15px; line-height:2em;color: #717171;}
/*****/
.index-box { position:fixed; top:0; left:0; right:0; }
.lt9 .index-box { position:relative;}
.lt9 	.index-none { display:none;}
/*****/
.scroll .other-box .header { border-bottom:0;  transition:0.6s all; -webkit-transition:0.6s all;}
.about-banner{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}
.main-box{
	background: #fff;
	overflow: hidden;
}

.main_title{ border-top:1px solid #ddd;  color:#595959; text-align:center; background:#F7F7F7; padding:2% 0 3%; border-bottom:1px solid #EFEFEF;}
.main_content{}
.hr_box01 .txt{ float:left; width:50%; *margin-left:-1px;}
.hr_box01 .img{ float:right; width:50%; *margin-left:-1px;}
.hr_box01 .txt .inner{ padding:12% 16.6% 6% 13.5%}
.hr_box01 .txt h2{  color:#00FF00;}
.hr_box01 .txt h3{  margin:0 0 5%; color:#1F1F1F;}
.hr_box01 .txt h3 span{ display:block;}
.hr_box01 .txt .c{  color:#1F1F1F; height:10.5em; overflow:hidden;}

.hr_box01 .txt h2 a,.hr_box02 li .txt h2 a{color:#00FF00;}

.hr_box02 li{ float:left; width:50%; background:#F7F7F7; *margin-left:-1px; transition:0.3s all; -webkit-transition:0.3s all; position:relative;}
.hr_box02 li:first-child,
.hr_box02 li:first-child + li { margin-right:50%;}
.hr_box02 li:first-child .txt { float:left;}
.hr_box02 li:first-child .img { float:right;}
.hr_box02 li .txt{ float:right;width:50%; *margin-left:-1px;}
.hr_box02 li .img{ float:left;width:50%; *margin-left:-1px;}
.hr_box02 li .txt .inner{padding:5% }
.hr_box02 li .txt h2{ color:#00FF00;}
.hr_box02 li .txt h3{  margin:0 0 5%; color:#2D2D2D;}
.hr_box02 li .txt h3 span{ display:block;}
.hr_box02 li .txt .c{ color:#9D9D9D;height:5.1em; overflow:hidden; }
.hr_box02 li .img img{filter:alpha(opacity=60);  opacity:0.6; transition:0.5s all; -webkit-transition:0.5s all; }
.hr_box02 li:hover { background:#fff;  z-index:100;}
.hr_box02 li:hover .img img{filter:alpha(opacity=100);  opacity:1;}

.hr_box02 li.odd .txt{ float:left;}
.hr_box02 li.odd .img{ float:right;}

.hr_box02 { position:relative;}
.hr_box02 .text-box{ background:#00FF00;color:#fff; position:absolute; width:50%; right:0; top:0;}
.hr_box02 .text-box dl{ }
.hr_box02 .text-box dt{  color:#fff; border-bottom:1px solid #00E800; padding:5.625% 5.625% 5%;}
.hr_box02 .text-box dd{  border-bottom:1px solid #00E800;padding:2.5% 5%; overflow:hidden; position:relative;}
.hr_box02 .text-box dd span{ transition:0.5s all; -webkit-transition:0.5s all; display:block; margin-right:10em;}
.hr_box02 .text-box dd span,.hr_box02 li.text-box dd span a{ color:#4B4B4B;}
.hr_box02 .text-box dd a:hover,.hr_box02 li.text-box dd span:hover{ color:#fff;}
.hr_box02 .text-box dd em{ position:absolute; right:5%; top:50%; margin-top:-0.65em; display:block;   color:#4B4B4B;}

.hr_box03_box{ background:#FAFAFA; }
.hr_box03{ position:relative;}
.hr_box03 .img img{ width:100%; height:auto;}
.hr_box03 .inner{ position:absolute; left:10%; bottom:10%; width:42%;  z-index:2; }
.hr_box03 .inner h2{ color:#d70d19;   line-height:1.2; margin-bottom:0.5em;}

/*.hr_box03 .inner h2 + a{ display:block; width:3.636em; height:3.636em; margin-left:49%; background:url(../images/hr_ico02.jpg) no-repeat;}*/

.join-title { text-align:center; padding:1em 0;}
.join-top-1 { }
.join-top-1 .index-bk2 { padding-bottom:0;margin-top:35px;}
.join-top-1 .index-bk2 li .txt h2 { height:1.3em;}
.join-top-1 .index-bk2 li:hover .txt h2 a { color:#00ff00;}
.join-top-1 .index-bk2 li .txt { border-bottom:0 !important;}

.join-top-2 { background:#f7f7f7;}
.join-top-2 .map { position:relative;}
.join-top-2 .map .bg { width:100%; height:auto;}
.join-top-2 .map dl { position:absolute;  background:rgba(255,255,255,0.9); border-radius:10px; padding:20px; width:23%; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.lt9 .join-top-2 .map dl { background:#fff;	}
.join-top-2 .map dl.d1 { left:7%; top:48%;}
.join-top-2 .map dl.d2 { right:61%; bottom:54%;}
.join-top-2 .map dl.d3 { left:40%; top:6%;}
.join-top-2 .map dl.d4 { right:7%; bottom:60%;}
.join-top-2 .map dl.d5 { right:29%; top:41%;}
.join-top-2 .map dl.d6 { right:2%; top:45%;}
.join-top-2 .map dl dt { float:left; margin-right:20px; width:24%; border-radius:100%; overflow:hidden;}
.join-top-2 .map dl dd { display:block; overflow:hidden;}
.join-top-2 .map dl dd h2 { font-size:16px; color:#666; }
.join-top-2 .map dl dd .p { font-size:14px;}
.join-top-2 .map dl:hover { background:#fff; box-shadow:0 0 10px rgba(0,255,0,0.6);}
@media only screen and (min-width: 1024px) {
.join-top-2 .map dl:hover dt { transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05);  transition:0.5s all; -webkit-transition:0.5s all; }
.hr_box03 .inner .p{ line-height:2em;}
}

.join-top-3 { background:url(../images/s_03.jpg) top left repeat-x;}
.join3-wrap { margin:0.2em 3em 0; padding:2em 0 5em;}
.join3-wrap .left { float:left; width:45%; position:relative; z-index:2;}
.join3-wrap .left img { width:100%; height:auto; position:relative; left:3em; top:3em; }
.join3-wrap .right { background:#fff; overflow:hidden; box-shadow:0 0 1em rgba(0,0,0,0.2); }
.join3-wrap .right .w { padding:2em 2em 2em 5em;}
.join3-wrap .right .w h2 { margin-bottom:1em;}
.join3-wrap .right .w ul { width:70%; margin-bottom:1em;}
.join3-wrap .right .w li { border:2px solid #595959; padding:5px; margin-bottom:0.5em;}
.join3-wrap .right .w .p { }

.hr_box03_txt{ width:41.6%; margin-top:-180px; background:#fff; padding:3% 15% 3% 15%; z-index:3; position:relative;}
.hr_box03_txt .c{ padding-left:34%; line-height:1.8; color:#1F1F1F;}
.hr_box03_txt a{ float:left; width:2.5em; height:2.5em; margin-top:15%; margin-left:10%; background:url(../images/hr_ico01.png) center no-repeat; background-size:100% 100%;}
.lt9 .hr_box01 .txt,.lt9 .hr_box01 .img,.lt9 .hr_box02 li{width:49.9%;}

.more1 { font-size:1.2em; text-align:center; padding:2em 0;}
.more1 a { display:inline-block; background:#00ff00; color:#000; width:10em; padding:0.1em 0 0.3em;}

.ir-box-1 { background:#fff; padding:3em 1em 2em;}
.ir-box-1 .item { float:left; width:33.33%; *margin-left:-1px;}
.ir-box-1 .item .w { margin:0 1em; background:#f7f7f7; }
.ir-box-1 .item .txt { padding:2em 1em;}
.ir-box-1 .item h2 { font-weight: normal; }
.ir-box-1 .item ul { height:12em; overflow:hidden; margin:1.5em 0 2em;}
.ir-box-1 .item li { height:2em; line-height:2em; position:relative; padding-right:40px;}
.ir-box-1 .item li .down { background:url(../images/ir1_13.jpg) no-repeat; width:26px; height:23px; position:absolute; right:0; top:50%; margin-top:-11px;}
.ir-box-1 .item li a:hover { color:#00ff00;}
.ir-box-1 .item li .down { }
.ir-box-1 .item .more {  background:#00ff00; min-width:8em; text-align:center;  display:inline-block; padding:0.2em 0 0.3em; }
.ir-box-1 .item .more:hover { }

.ir-box-2 { padding:6em 0; background-size: auto 100%; background-position:left bottom; background-repeat:no-repeat; background-color:#f7f7f7; }
.ir-box-2 dl{ margin-left:50%; }
.ir-box-2 dl dt { margin-bottom:1em; }
.ir-box-2 dl dd { }
.ir-box-2 dd li { margin-bottom:1em;}
.ir-box-2 dd li span{ width:7em; padding:0.2em 0.5em; background:#00ff00; float:left; margin-right:2em;}
.ir-box-2 dd li p{ overflow:hidden;  }
.ir-box-2 dd li p i { display:inline-block; padding:0.2em 0; margin-right:2em;}

.ir-box-3 { padding:5em 0;}
.ir-box-3 .w { max-width:1240px; margin:0 auto;}
.ir-box-3 .left{ float:left; width:30%; padding-left:10%;}
.ir-box-3 .left h2 {  margin:1.5em 0 1em;}
.ir-box-3 .left li { margin-bottom:1em;}
.ir-box-3 .left li a:hover{color: #00ff00}
.ir-box-3 .right{ float:right; width:49%;}
.ir-box-3 .right img { left:-10%; position:relative; box-shadow:1em 1em 2em rgba(0,0,0,0.3);}

.topup { position:fixed;  right:20px; bottom:20px; width:40px; z-index:100; visibility:hidden; opacity:0;}
.topup img { width:100%; height:auto;}
.scroll .topup{ visibility:visible; opacity:1;}
/*修改字号*/
.join-top-1 .index-bk2 li .txt h2.f-2{font-size: 1.4em;}
.join-top-1 .index-bk2 .join_other li .txt h2{height:auto;white-space:inherit;text-overflow:initial;}
/*关于我们*/
.about_2 .ow p{line-height: 2;}
.bk4-map{font-family: "微软雅黑";}
.hr_box03 .inner .p,.pro-banner li .txt .h4,.news_con .n_con01 a{font-size: 1.1em!important;}




/*动画*/
@media only screen and (min-width: 1024px) {
	/*公共动画*/
	
	.main_title span{ transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); opacity: 0;  display:block;}
	.staranimate .main_title span{transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;  transition: 1s all; -webkit-transition: 1s all;}
	
	/*.about_2 .fr { transform: translateX(10em); -webkit-transform: translateX(10em);-ms-transform: translateX(10em); opacity: 0; transition: 1.5s all; -webkit-transition: 1.5s all; -ms-transition: 1.5s all;}
	.staranimate .about_2 .fr { transform: translateX(0); -webkit-transform: translateX(0);-ms-transform: translateX(0); opacity: 1;}
    .about_2 .ow { transform: translateX(-10em); -webkit-transform: translateX(-10em); -ms-transform: translateX(-10em);opacity: 0; transition: 1.5s all; -webkit-transition: 1.5s all;-ms-transition: 1.5s all;}
	.staranimate .about_2 .ow { transform: translateX(0); -webkit-transform: translateX(0);-ms-transform: translateX(0); opacity: 1;}*/
	
	.about_2 .fr { position:relative; transform:translateX(10em); -webkit-transform:translateX(10em);  opacity: 0; }
	.staranimate .about_2 .fr {transform:translateX(0em); -webkit-transform:translateX(0em); opacity: 1;  transition: 1.5s all; -webkit-transition: 1.5s all;}
    .about_2 .ow { position:relative; transform:translateX(-10em); -webkit-transform:translateX(-10em); opacity: 0; }
	.staranimate .about_2 .ow {transform:translateX(0em);  -webkit-transform:translateX(0em);  opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all;}



	.news_con h3 { transform: translateX(5em); -webkit-transform: translateX(5em); opacity: 0;position: relative;
    bottom: 1.8em; }
	.staranimate .news_con h3 {  transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all;}
	.news_con .n_con01{ transform: translateX(-20em); -webkit-transform: translateX(-20em); opacity: 0; }
	.staranimate .news_con .n_con01 {transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 2s all; -webkit-transition: 2s all;}

		.hr_box03 .inner h2 { transform: translateX(5em); -webkit-transform: translateX(5em); opacity: 0; }
	.staranimate .hr_box03 .inner h2 {  transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all;}
	.inner .p{ transform: translateX(-20em); -webkit-transform: translateX(-20em); opacity: 0; }
	.staranimate .inner .p {transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 2s all; -webkit-transition: 2s all;}


	.join-top-2 .map dl.animatebox { transform: translateX(-5em); -webkit-transform: translateX(-5em); opacity: 0;}
		.join-top-2 .map dl.animatebox.d2,
		.join-top-2 .map dl.animatebox.d4,
		.join-top-2 .map dl.animatebox.d6 { transform: translateX(5em); -webkit-transform: translateX(5em); opacity: 0;}
	.join-top-2 .map dl.animatebox.animate { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1 ; transition: 2s all; -webkit-transition: 2s all;}

		.join3-wrap .left.animatebox { transform: translateX(-10em); -webkit-transform: translateX(-10em); opacity: 0; }
	.join3-wrap .left.animatebox.animate {  transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all;}
	.join3-wrap .right.animatebox{ transform: translateX(10em); -webkit-transform: translateX(10em); opacity: 0; }
	.join3-wrap .right.animatebox.animate {transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 2s all; -webkit-transition: 2s all;}

	.product .animatebox.odd:first-child .pro_img .C{transform: translateX(-15em); -webkit-transform: translateX(-15em); opacity: 0; }
	.product .animatebox.odd:first-child .pro_tit .C{transform: translateX(15em); -webkit-transform: translateX(15em); opacity: 0;  }
	.staranimate .product .animatebox.odd:first-child .pro_img .C{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all; }
	.staranimate .product .animatebox.odd:first-child .pro_tit .C{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all; }

	.product .animatebox.odd .pro_img .C{transform: translateX(-15em); -webkit-transform: translateX(-15em); opacity: 0;  }
	.product .animatebox.odd .pro_tit .C{transform: translateX(15em); -webkit-transform: translateX(15em); opacity: 0; }
	.product .animatebox.odd.animate .pro_img .C{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all; }
	.product .animatebox.odd.animate .pro_tit .C{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all; }
	
	.product .animatebox.even  .pro_img .C{transform: translateX(15em); -webkit-transform: translateX(15em); opacity: 0; }
	.product .animatebox.even  .pro_tit .C{transform: translateX(-15em); -webkit-transform: translateX(-15em); opacity: 0;  }
	.product .animatebox.even.animate .pro_img .C{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all; }
	.product .animatebox.even.animate .pro_tit .C{transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all; }



	.index-bk2 .animatebox .img a{ display:block; transform:scale(0.5,0.5) rotate(3deg); -webkit-transform:scale(0.5,0.5) rotate(3deg); opacity: 0; transition: 1.5s all; -webkit-transition: 1.5s all;}
	.index-bk2 .animatebox.animate .img a{ transform:scale(1,1) rotate(0deg); -webkit-transform:scale(1,1) rotate(0deg); opacity: 1;}

	.about_04 .fl li.animatebox a{display:block; transform:scale(0.5,0.5) translateY(5em) translateX(-5em); -webkit-transform:scale(0.5,0.5)  translateY(5em)  translateX(-5em); opacity: 0; transition: 1.5s all; -webkit-transition: 1.5s all; }
	.about_04 .fl li.animatebox.animate a { transform:scale(1,1) translateY(0)  translateX(0); -webkit-transform:scale(1,1) translateY(0)   translateX(0); opacity: 1;}

	.hr_box02 .animatebox.img a{ display:block; transform:scale(0.5,0.5) rotate(-3deg); -webkit-transform:scale(0.5,0.5) rotate(-3deg); opacity: 0; transition: 1.5s all; -webkit-transition: 1.5s all;}
	.hr_box02 .animatebox.animate.img a{ transform:scale(1,1) rotate(0deg); -webkit-transform:scale(1,1) rotate(0deg); opacity: 1;}



	/*世界地图*/
	.index-bk4 .bk4-txt h2 { transform: translateX(-100px); -webkit-transform: translateX(-100px); opacity: 0; transition: 1s all; -webkit-transition: 1s all; }
	.index-bk4 .bk4-txt h3 { transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; transition: 1.2s all; -webkit-transition: 1.2s all; }
	/*.index-bk4 .bk4-map img { transform: translateY(200px); -webkit-transform: translateY(200px); opacity: 0; transition: 2.5s all; -webkit-transition: 2.5s all; }*/
	.index-bk4 .bk4-map > div i{ transform: translateY(-70px) scale(1.2,1.2); -webkit-transform: translateY(-70px) scale(1.2,1.2); opacity: 0; transition: 1s all; -webkit-transition: 1s all; }
	.index-bk4.animate .bk4-map .i1 i{ transition-delay: 0.5s; transition-delay: 0.5s; }
	.index-bk4.animate .bk4-map .i2 i{ transition-delay: 0.8s; transition-delay: 0.8s; }
	.index-bk4.animate .bk4-map .i3 i{ transition-delay: 1.2s; transition-delay: 1.2s; }
	.index-bk4.animate .bk4-map .i4 i{ transition-delay: 1.6s; transition-delay: 1.6s; }
	.index-bk4.animate .bk4-map .i14 i{ transition-delay: 2s; transition-delay: 2s; }
	.index-bk4.animate .bk4-map .i6 i{ transition-delay: 2.4s; transition-delay: 2.4s; }
	.index-bk4.animate .bk4-map .i7 i{ transition-delay: 2.8s; transition-delay: 2.8s; }
	.index-bk4.animate .bk4-map .i8 i{ transition-delay: 3.2s; transition-delay: 3.2s; }
	.index-bk4.animate .bk4-map .i9 i{ transition-delay: 3.5s; transition-delay: 3.5s; }
	.index-bk4.animate .bk4-map .i10 i{ transition-delay: 3.6s; transition-delay: 3.6s; }
	.index-bk4.animate .bk4-map .i11 i{ transition-delay: 3.7s; transition-delay: 3.7s; }
	.index-bk4.animate .bk4-map .i12 i{ transition-delay: 3.8s; transition-delay: 3.8s; }
	.index-bk4.animate .bk4-map .i13 i{ transition-delay: 3.9s; transition-delay: 3.9s; }
	.index-bk4.animate .bk4-map > div.open { z-index:100; transition-delay:0s !important; -webkit-transition-delay:0s  !important;}
	.index-bk4.animate .bk4-txt h2 { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; font-size: 52px;font-weight: normal;}
	.index-bk4.animate .bk4-txt h3 { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
	/*.index-bk4.animate .bk4-map img { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }*/
	.index-bk4.animate .bk4-map > div i{ transform: translateY(0px) scale(1,1); -webkit-transform: translateY(0px) scale(1,1); opacity: 1; }
	.bk4-data span { transform: scale(0.5,0.5); -webkit-transform: scale(0.5,0.5); opacity: 0; transition: 0s all; -webkit-transition: 0s all;  transition-delay: 0.5s; -webkit-transition-delay: 0.5s;}
	.bk4-data.animate span:first-child { transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }
	.bk4-data.animate span:first-child + span { transition-delay: 0.8s; -webkit-transition-delay: 0.8s; }
	.bk4-data.animate span:first-child + span + br + span { transition-delay: 1.1s; -webkit-transition-delay: 0.8s; }
	.bk4-data.animate span:first-child + span + br + span + span { transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
	.bk4-data.animate span:first-child + span + br + span + span + span { transition-delay: 1.7s; -webkit-transition-delay: 1.7s; }
	.bk4-data.animate span:first-child + span + br + span + span + span + span { transition-delay: 2s; -webkit-transition-delay: 2s; }
	.bk4-data.animate span { transform: scale(1,1); -webkit-transform: scale(1,1); opacity: 1; transition: 1.5s all; -webkit-transition: 1.5s all; }


}
/*end*/

@media only screen and (max-width: 1700px) {
	body, input, select, button, textarea { font-size:20px;}

}
@media only screen and (max-width: 1600px) {
		body, input, select, button, textarea { font-size:18px;}
}
@media only screen and (max-width: 1500px) {
			body, input, select, button, textarea { font-size:16px;}

			.index-bk4 .bk4-map > div,
	.index-bk4 .bk4-map > div i { width:13px; height:13px;}
	.index-bk4 .bk5-map > div i { width:13px; height:13px;}
	.bk3-1 .txt h2.f-3-4 em{font-size: 0.6em;}
	.index-bk1 .txt h2.f-3-4 em{font-size: 0.6em;}
}
@media only screen and (max-width: 1400px) {
	body, input, select, button, textarea { font-size:15px;}
	.footer .left li span{ font-size:13px;}
	.footer .left li h2{ font-size:18px;}
	.footer .right li{
		font-size: 13px;
	}
	.footer .right .p2{
		font-size: 13px;
	}
	 
}
@media only screen and (max-width: 1300px) {
	body, input, select, button, textarea { font-size:14px;}
	.ir-box-3 .w { margin:0 3em}
	.f-0-8 { font-size:0.86em;}
	.f-0-9 { font-size:0.95em;}
	.index-bk1 .txt h2.f-3-4 em{font-size: 0.6em;}
	.bk3-1 .txt h2.f-3-4 em{font-size: 0.6em}

	.header nav li { margin-right:1.5em;}
	.header nav .lang { padding:0 1em;}

	.footer .left li { width:18%; margin-right:2%;}
}
@media only screen and (max-width: 1200px) {

.f-2 {font-size:1.8em; }
.f-2-6 {font-size:1.85em; }
.f-2-8 {font-size:1.9em; }
.f-3 { font-size:2em;}
.f-3-2 {font-size:2.2em; }
.f-3-4 {font-size:2.4em; }
.f-3-8 {font-size:2.8em; }
.f-4 { font-size:3em;}
.f-4-8 { font-size:4em;}
.f-5-18 { font-size:4.8em;}
.f-5-5 { font-size:5em;}

/*修改字号*/
.join-top-1 .index-bk2 li .txt h2.f-2{font-size: 1.3em;}

	.index-box { position:relative; top:0 !important;}
	.index-none { display:none;}

	.ir-box-1 .item h2 { }
	.ir-box-1 .item li { margin-bottom:1em;}
	.ir-box-1 .item ul { height:18em;}
@media only screen and (min-width: 1024px) {
	.index-bk2 li:hover,
	.index-bk5 li:hover { transform:scale(1,1); -webkit-transform:scale(1,1); box-shadow:none; }
}
	.index-bk2 li:hover .txt .bg { background:#fff; }
	.index-bk2 li:hover .txt {  }
.index-bk2 li:hover .txt h2 a { color:#414141;}
.index-bk2 li:hover .txt .p a { color:#414141; opacity:1; filter:alpha(opacity=100);}
.index-bk2 li:hover .txt .bg { background:#fff;}
@media only screen and (min-width: 1024px) {
.index-bk5 li:hover { transform:scale(1,1); -webkit-transform:scale(1,1) ; z-index:5; box-shadow:none;}
}
/*.index-bk5 li:hover .txt { border:none;}*/
.index-bk5 li:hover .txt h2 a { color:#414141;}
.index-bk5 li:hover .txt span { color:#414141; opacity:1; filter:alpha(opacity=100);}
.index-bk5 li:hover .txt .p a { color:#414141; }
.index-bk5 li:hover .txt .bg { background:#fff;}



	.index-bk4 .bk4-map .box .c { width:2em; height:2em; }
	.index-bk4 .bk4-map .box h2 { padding-right:1em;}
	.index-bk4 .bk4-map .box { width:320px;}

	.header nav li { margin-right:1em;}
	.header nav .lang { padding:0 1em;}

	.join-top-2 .map dl { border:0; border-radius:0; background:none; box-shadow:none; width:auto;}
	.join-top-2 .map dl { }
	.join-top-2 .map dl dt { box-shadow:0 0 10px rgba(0,0,0,0.2); cursor:pointer;}
	.join-top-2 .map .bg {  width:120%; margin-left:-10%;}
	.join-top-2 .map { }
	.join-top-2 .map dl { padding:0;}
	.join-top-2 .map dl dd { display:none;}
	.join-top-2 .map dl dt { float:none; width:100px; margin-right:0;}
	.join-top-2 .map dl.d1 { left:14%; }
	.join-top-2 .map dl.d2 { }
	.join-top-2 .map dl.d3 { }
	.join-top-2 .map dl.d4 { right:17%; bottom:55%; }
	.join-top-2 .map dl.d5 { }
	.join-top-2 .map dl.d6 { right:10%; }
	.join-top-2 .map dl.on { z-index:100;}
	.join-top-2 .map dl.on dt { }
	.join-top-2 .map dl.on dd { position:absolute; overflow:visible; background:#fff; border:1px solid #ddd; border-radius:5px; display:block; left:110%; top:0; padding:10px; width:300px; }
	.join-top-2 .map dl.on dd > i { position:absolute; width:12px; height:23px; background:url(../images/r2.png);  background-size:100% 100%;  left:-13px; top:40px;}
	.join-top-2 .map dl.on dd h2 { margin-bottom:0.5em;}

	.join-top-2 .map dl.d4.on dd > i,
	.join-top-2 .map dl.d5.on dd > i,
	.join-top-2 .map dl.d6.on dd > i { right:-13px; left:auto; background:url(../images/r1.png); }
	.join-top-2 .map dl.d4.on dd,
	.join-top-2 .map dl.d5.on dd,
	.join-top-2 .map dl.d6.on dd { left:auto; right:110%; }

.join-top-2 .map dl:hover { background:none; box-shadow:0 0 0px rgba(0,0,0,0);}
@media only screen and (min-width: 1024px) {
.join-top-2 .map dl:hover dt { transform:scale(1,1); -webkit-transform:scale(1,1);  transition:0.5s all; -webkit-transition:0.5s all; }
}
/*首页修改文字字号*/
.index-bk2 li .txt h3{font-size: 1.2em;}
.index-bk2 li .txt .p{font-size: 1em;}
.index-bk2 .txt{
	padding:0em;
	padding-top: 0.8em;
}
.index-bk1 .txt{
	padding: 4em 0em;
}
.index-bk5 .bd ul li .text{
	height: 86%;
}
.index-bk5 .bd ul li .data{
	width: 15%;
}
.index-bk5 .hd ul li .title .data{
	width: 34%;
}
.index-bk5 .hd ul li .title,.index-bk5 .hd ul li .con{
	height: 10em;
}
.index-bk5 .hd ul li .con p{
	height: 92%;
}
.index-bk5 .hd ul li .con .sd{
	left: 8%;
}
.bk3-1 .txt h2.f-3-4 em{font-size: 0.6em;}
.bk3-1 .txt .p{font-size: 1em;}
.bk3-1 .img .t span{font-size: 1.6em;}
.bk3-2 .txt .w .p{font-size: 1.1em;}
.bk3-2 .txt .w h3{font-size: 2.2em;}
.bk3-2 .right .nr .l h2{font-size: 1.2em;}
.bk3-2 .right .nr .l h3{font-size: 1.2em;}
.bk3-2 .right .nr .l .p{font-size: 1em;}
.index-bk5 li .txt .p{font-size: 1em;}
.footer .left li h2{font-size: 1.3em;}
.main_title {font-size: 3em; }

}

@media only screen and (max-width: 1100px) {


.f-5-18 { font-size:3.8em;}
.f-5-5 { font-size:4em;}
.f-0-9 { font-size:1em;}


	.index-banner li .txt { top:30%;}
	.bk3-2 .txt .w { padding:5em 3em 2em;}
	.bk3-2 .right .nr { left:-5%;}
	.index-bk4 .bk4-txt { margin-left:3em;}
	.index-bk4 .bk4-map { margin:0 3em;}

	.footer { padding:4em 0;}
	.footer .right {width: 22%;float: left;}


}
@media screen and (min-width: 1200px) and (max-width: 1400px){
	.join-top-2 .map dl.d5{top:52%;}
}
@media screen and (min-width: 1001px) and (max-width: 1199px){
	.bk3-2 .right .nr {margin-top:-115px!important;}
	.bk3-2 .right .nr .r{width: 67.5%;}
	.bk3-2 .right .nr .r img{margin-left: 82px;}
}



@media only screen and (max-width: 1000px) {
.f-5-5 { font-size:3em;}

	.header nav .lang i { display:none;}
	.header nav ul { display:none;}

	.bk3-1 .img { float:none; width:auto;}
	.bk3-1 .txt { padding:3em;}
	.bk3-2 .right { position:relative; left:0; padding:3em;}
	.bk3-2 .right .nr { position:relative; left:0; top:0 !important; margin:0;}
	.bk3-2 .txt { float:none; width:auto;}

	.index-bk2 li { width:50%;}
	.index-bk5 li { width:50%;}
/*	.index-bk5 li:hover .txt{box-sizing: border-box;border-bottom: 1px solid #ddd;}
*/
	.footer .left { float:none; width:auto; margin-bottom:3em;}
	.footer .left li span { font-size:14px;}

	.ir-box-2 dl { margin-left:0; margin:0 5em 0 20%;}
	.ir-box-2 { padding:3em 0 15em; background-size:100% auto;}
	.footer .wrap .footer-logo { left:auto; right:0;}
	
	.hr_box03 .inner{  width:45%; left:3%; bottom:8%;}

	.join3-wrap .left { width:auto; float:none;}
	.join3-wrap .left img { left:0; top:0;}


	.index-banner li .txt h2{font-size: 4em;}
	.bk3-2 .txt .w h3 br{display: none;}
	.header nav .menu_h {display: block;margin-top: 14px;}
	.header{background: #fff;}
	.header nav.in span{background: #fff;}
	.header nav.in span {height: 30px;background: none;}
	.index-bk1{padding: 3em 2em;}
	.index-bk1 .img{float: none;width: 100%;overflow: hidden;}
	.index-bk1 .txt{float: none;width: 100%;}
	.index-bk1 .txt h2.f-3-4{font-size: 3.4em}
	.index-bk1 .txt em{font-size: 2em;}
	.index-bk3{padding: 3em 2em;}
	.bk3-1 .txt{width: 100%;float: none;padding: 2em 0;}
	.bk3-1 .img{width: 100%;}
	.index-bk4{padding: 3em 2em;}
	.index-bk4 .bk5-map{float: none;width: 100%;}
	.bk4-data{float: none;width: 100%;margin: 0;}
	.bk4-data ul li{margin:1.66666666666%;}
	.index-bk2{padding: 3em 2em;}
	.index-bk2 .txt{width: 100%;float: none;}
	.index-bk2 .right{width: 100%;float: none;margin-top: 2em}
	.index-bk2 .txt .w h2{padding-left: 8em;}
	.index-bk5{padding: 3em 2em;}
	.footer .right{float: none;width: 90%;padding: 0 5%;}
	.footer .wrap .footer-logo{display: block;position: static;margin-top: 3em;float: none;}
	.footer .wrap .footer-logo img{padding-left: 6%;}
}





.index_news .index-bk5 li:first-child .txt .p{font-size: 1.1em!important;}
@media only screen and (max-width: 800px) {
        .index-bk5 li .txt .p { margin-bottom: 2em; height: auto; overflow: hidden; text-overflow: ellipsis;  }
}
@media only screen and (max-width: 767px) {
body, input, select, button, textarea { font-size:15px;}
.news_con h3 a{font-size: inherit!important;}

.f-2 {font-size:1.6em; }
.f-2-6 {font-size:1.65em; }
.f-2-8 {font-size:1.68em; }
.f-3 { font-size:1.7em;}
.f-3-2 {font-size:1.75em; }
.f-3-4 {font-size:1.8em; }
.f-3-8 {font-size:1.9em; }
.f-4 { font-size:2em;}
.f-4-8 { font-size:2.3em;}
.f-5-18 { font-size:2.5em;}
.f-5-5 { font-size:1.4em;}

	.menu.f-2 { font-size:1.8em;}
	.menu li { padding:0.3em 0; }
	.menu ul { margin-top:-6em;top:45%;}
	.join-top-2 .map dl { width:auto; float:none; padding:1em; box-shadow:none;  }
	.join-top-2 .map dl dt { width:50px; }
	@media only screen and (min-width: 1024px) {
	.join-top-2 .map dl:hover dt { transform:scale(1,1); -webkit-transform:scale(1,1);  transition:0s all; -webkit-transition:0s all; }
	}
	.join-top-2 .map dl:hover { background:none; box-shadow:none; }
	.join-top-2 .map dl dd h2 { min-height:initial; }
	.join-top-2 .map dl dd .p { min-height:initial;}
	.join-top-2 .map dl.on dd {bottom:100%; left:-5%; top:auto  !important; right:auto !important; width:280px; margin-bottom:-0.5em;}
	.join-top-2 .map dl.on dd i { display:none;}
	.join-top-2 .map dl.on dt { border:3px solid #00ff00; }
	.join-top-2 .map dl.on.d1 dd { }
	.join-top-2 .map dl.on.d2 dd { }
	.join-top-2 .map dl.on.d3 dd { left:-120px; }
	.join-top-2 .map dl.on.d4 dd {left:-220px; }
	.join-top-2 .map dl.on.d5 dd {left:-150px; }
		.join-top-2 .map dl.on.d6 dd {left:-230px; }


	.join3-wrap { margin:0; padding:1em;}
	.join3-wrap .right .w { padding:1em;}
	.join3-wrap .right .w ul { width:auto;}


	.header .logo img{ width:120px; height:auto;}
	.other-box { padding-top:70px}
	.other-box .header { height:70px;}
	.index-bk1 .txt i{ width:2em; height:2em; }
	.header .wrap { margin:0px;padding: 0 1em;}
	.menu { width:100%;}
	.menu-open .menu { left:0%;}
	.header .logo { margin-top:20px;}
	.header nav { margin-top:17px;}
	.header{
		background: #fff;
	}
	.header nav.in span{
		height: 30px;
		background: none;


	}
	.menu_h span {
	    display: block;
	    position: absolute;
	    width: 100%;
	    height: 3px;
	    left: 0;
	    top: 50%;
	    margin-top: 0;
	    overflow: hidden;
	    text-indent: 200%;
	    -webkit-transition: opacity .25s;
	    transition: opacity .25s;
	}
	.bk3-1 .img { top:0 !important;}

	.index-banner li .txt h2 {font-size: 3.4em; }
	.index-banner li .txt h2 br{display: none;}
	.index-banner li .txt{ bottom:10%; }

	.index-banner li .txt h3 { display:none;}
	.index-banner li .txt {  top:auto; right:30%; }
	.index-bk1 .txt { padding:0;}
	.index-bk1 .txt i { position:relative; display:block; margin-bottom:1em;}

	.bk3-1 .img .t span i { }
	.bk3-1 .img .t span { display:inline-block;}
	.bk3-2 .right .nr .l { position:relative; width:auto; float:none;}
	.bk3-2 .right .nr .r { width:auto; float:none;}

	.index-bk1 .txt h2.f-3 { font-size:1.4em;}

	.hr_box02 li { margin-bottom:20px;}
	.hr_box03 .inner { left:0; width:auto; right:0; bottom:0; position:relative; padding:1em;}
	.hr_box02 li .txt .c { height:auto; }
		.bk3-2 .txt .w { padding:5em 2em 2em;}

	.index-bk4 .bk4-txt { margin: 0 2em; width:auto;}
	.index-bk4 .bk4-map { margin:0 2em;}
	.bk3-2 .right .nr .r,
.bk3-1 .img{ box-shadow:none;}
		.footer .wrap .footer-logo { position:relative; margin-top:2em; display:block;} 
	.footer .left li { float:none; width:auto; margin-bottom:2em;}
	.footer .left li span { display:inline-block; margin-right:1em;}
	
	.bk3-1 .txt{ padding:1em;}
	.index-bk2{ padding-bottom:0;}
	.bk3-2 .txt .w{ padding:3em 1em;}
	

	.bk3-2 .right{ padding:1em;}

.index-bk5 li .txt{min-height: auto!important;}
	
	.index-bk2 li .txt .w { padding:1em 1em;}
	.index-bk5 li .txt .w { padding:1em;}
	.index-bk2 li .txt{min-height: auto!important;}

		.index-bk2 li { width:100%;}
	.index-bk5 li { width:100%;}
		.index-bk5 li .txt h2 { height:auto;}
	.index-bk5 li .txt .p { margin-bottom:2em; height:auto;}
			.index-bk2 li .txt h2 { height:auto;}
			.index-bk2 li .txt h2 br{display: none;}

	/*.index-box	.index-bk2 li .txt .p { display:none;}*/

	.index-bk2 li .txt h3 { font-size:1em; color:#999;}

	.main_title {font-size: 2.5em; }
	.item{background-color: #f7f7f7;}
	.ir-box-1 .item .w{margin:0;}
	.ir-box-1 .item { width:auto; margin-bottom:1em; float:none;}
	.ir-box-1 { padding:1em 0;}
	.ir-box-1 .item ul { height:auto; margin-bottom:1em;}
	.ir-box-2 { padding:2em 1em 5em; overflow:hidden;background-image:url(../images/ir1_16_05.jpg) !important; }
	.ir-box-2 dl { margin:0;}
	.ir-box-2 dd li span { float:none; display:inline-block; margin-bottom:0.5em; width:auto;}
	.ir-box-3 { padding:0 0 2em;}
	.ir-box-3 .w { margin:0 1em;}
	.ir-box-3 .left { float:none; width:auto;padding-left: 0;}
	.ir-box-3 .right { float:none; width:auto;}
	.ir-box-3 .right img { left:0; box-shadow:none;}

	.hr_box03 .inner h2 { width:auto; }



	.index-bk4 .bk4-map .box { position:fixed; left:20px !important; right:20px  !important; width:auto; top:50%; margin-top:-4em; box-shadow:0 0 10px #333; z-index:1000;}
	.index-bk4 .bk4-map .box em { display:none;}

	.index-bk4 .bk4-map > div, .index-bk4 .bk4-map > div i { width:8px; height:10px;}

	.index-bk1 { padding:2em 0 2em;}
	.index-bk1 .img{
		float: none;
		width: 100%;
	}
	.index-bk1 .txt{
		float: none;
		width: 100%;
	}
	.index-bk3{
		padding:2em;
	}
	.bk3-1 .txt{
		width: auto;
		float: none;
	}
	.bk3-1 .txt .t-main{
		padding: 0;
	}
	.bk3-1 .img{
		float: none;
		width: 100%;
	}
	.index-bk4{
		padding:2em;
	}
	.index-bk4 .bk5-map{
		float: none;
		width: 100%;
		margin: 0px;
	}
	.bk4-data{
		width: 100%;
		float: none;
		margin: 0px;
		margin-top: 1em;
	}
	.index-bk2{
		padding:2em;
	}
	.index-bk2 .txt{
		width: 100%;
		float: none;
		padding-top: 0;
	}
	.index-bk2 .txt .w{
		padding: 0;
	}
	.index-bk2 .txt .w .p{
		padding: 0;
	}
	.index-bk2 .txt .w h2{
		padding-left: 3em
	}
	.index-bk2 .right{
		float: none;
		margin-top: 1em;
		width: 100%;
	}
	.index-bk5{
		padding: 2em;
		height: auto;
	}
	.index-bk5 .bd{
		float: none;
		width: 100%;
	}
	.index-bk5 .hd{
		display: none;
	}
	.index-bk5 .bd ul li{
		display: block;
		height: 16em;
	}
	.index-bk5 .bd ul li .data{
		display: none;
	}
	.footer .right{
		padding: 0 2em;
	}
	.footer .wrap .footer-logo img{
		padding-left: 0;
	}
	.footer { padding:1em 0;}
	.footer .left,
	.footer .left li { margin-bottom:0.8em;}
	.footer .left li h2 { margin-bottom:0.5em;font-size: 1em;}
	.footer .left li h2.last{margin-top:0.5em;}
	.footer .right li:first-child{margin-top:20px!important;}
	.footer .left{margin-bottom: 0;}

	.footer .wrap .footer-logo { text-align:center;}
	.footer .wrap .footer-logo img { width:40%; height:auto;}

        .bk4-data span { margin:0 0 2em; width:50%; float:left; }

.footer .right h3,.footer .right h4{font-size: 1.2em;}

        /*2016-5-18*/
        .index-bk2 li {  width:100%;}
        .index-bk2 .join_other li .txt .p{padding-bottom: 2em;height: auto;}
        .index-bk2 .join_other li .txt .w{height: auto;}
        .ir-box-2 dd li p i { display:inline-block; width:50%; margin:0; text-align:left; float:left; }
        .index-bk2 li .txt .p { overflow: hidden; font-size: 0.8em;}
		.bk3-1 .txt .p,.index-bk4 .bk4-txt h3,.index-bk5 li .txt .p{font-size: 0.8em;}
		.index-bk5 li .txt span{font-size: 0.6em;}
        .index-bk1 .txt h3{font-size: 0.8em;}
        .join3-wrap .right .w h2{font-size: 1.2em;}
        .footer .right ul,.footer .right .p2,.footer .left li span{font-size: 0.8em !important;}

.index-bk1 .txt h3 br,.index-bk4 .bk4-txt h3 br{display: none;}
.index-banner li .txt h2 {font-size: 2em;color: #fff; }
/*.index-banner li:nth-child(2) .txt h2{color: #444;}*/
.index-banner li .txt h2.future{color: #444;}

.bk3-2 .txt .w .p{font-size: 0.8em;}

body { line-height: 1.336; }
        * { cursor:pointer; }
		.menu li a:active,.menu li a:hover{ color:#fff;}

/*文字改为12号*/
.about_2 .ow p,.about_04 .ow p,.index_news .index-bk5 li .txt .p,.news_con .n_con01 a,.pro-banner li .txt .h4,.hr_box03 .p p{font-size: 0.8em!important;}
.about_2 .ow h2,.about_04 .ow h3,.index-bk4 .bk4-txt h2,.bk3-2 .txt .w h2{font-weight: 700!important;font-size: 1.6em!important;}
.bk3-2 .txt .w h3,.news_con h3,.index_news .index-bk5 li:first-child .txt h2{font-size: 1.6em!important;}
.news_con .n_con01{padding:1em 0 2em !important;}
.index_news .index-bk5 li:first-child .txt .p{height: auto!important;}

.pro_tit{margin-left: 5%;}
}
@media only screen and (max-width: 500px) {
	.hr_box03 .inner .p br{display: none;}
	.index-bk1 .txt h2 span{display: block;}
	.index-bk1 .txt h2 br{display: none;}
}
@media only screen and (max-width: 375px) {
	.join-top-2 .map dl.on dd{left: -30%;}
	.join-top-2 .map dl.on.d4 dd{left: -190px;}
	.bk3-2 .right .nr .l .p{height: 11em;font-size: 0.8em;}
	
}
@media only screen and (max-width: 355px) {
	.index-bk2 li .txt .w { padding:0.5em;}
}
@media only screen and (max-width: 325px) {
	.join-top-2 .map dl.on.d4 dd{left: -198%;}
	.join-top-2 .map dl.on dd{left: -42%;}
	.join-top-2 .map dl.on.d5 dd{left: -133px;}
	.join-top-2 .map dl.on.d6 dd{left: -225%;}
}


@media only screen and (max-width: 736px) {
    .menu ul { line-height:1.1em; margin-top:-5.5em; }
    .header nav { margin-top:0px;}
    .index-bk1 .txt h2.f-3-4 em{font-size: 0.6em;}
    .index-bk1 .txt em{font-size: 1.2em;}
    .index-bk3{padding: 1em;}
    .index-bk1{padding: 2em 0.4em;}
    .index-bk4{padding: 1em;}
    .index-bk2{padding: 1em;}
    .index-bk5{padding: 1em;}
    .footer .right{padding: 0 1em;}
    .footer .left ul{margin-bottom: 2em;}
}


/*统一字号*/
@media only screen and (min-width: 1024px) {
	.bk3-2 .txt .w h2,.pro_tit,.join-title,.hr_box03 .inner h2,
	.pro_b02 h3, .pro_b03 h3,.about_2 .ow h2,
	.about_04 .ow h3,.index-bk4 .bk4-txt h2{font-size: 52px;font-weight: normal !important;}
	.index-bk4 .bk4-txt h2,.about_04 .ow h3,.about_2 .ow h2,.join-title{font-size: 52px !important;font-weight: normal!important;}
	.index_news .index-bk5 li:first-child .txt h2,.news_con h3{font-size: 3em !important;}
	.join-top-1 .index-bk2 li .txt h2.f-2,.ir-box-2 dl dt,.ir-box-1 .item h2{font-size: 2em !important;font-weight: 700 !important;}
	.hr_box03 .inner .p,.news_con .n_con01 a,.pro-banner li .txt .h4,.index_news .index-bk5 li:first-child .txt .p{font-size: 1.2em !important;}
	.index-bk2 li .txt .p,.about_2 .ow p,.about_04 .ow p{font-size: 1.2em !important;}
	.index-banner li .txt h2{color:#fff}
}
/* banner1 canvas效果 */
.codrops-demos {
	font-size: 0.8em;
	text-align:center;
	position:absolute;
	z-index:99;
	width:96%;
}
canvas{
	vertical-align: top;
	position: absolute;
	top: 0;
	left: 0;
}
.codrops-demos a {
	display: inline-block;
	margin: 0.35em 0.1em;
	padding: 0.5em 1.2em;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	border-radius: 2px;
	font-size: 110%;
	border: 2px solid transparent;
	color:#fff;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo {
	border-color: #383a3c;
}

/* 新添新闻二级分类 */
.header nav li.news{
	position: relative;
}
.header nav li.news ul.news_menu{
	position: absolute;
	top: 62px;
	left: 0;
	width: 100%;
	background: #fff;
	padding-bottom: 10px;
	display: none;
	
}
.header nav li.news ul.news_menu li{
	float: none;
	width: 100%;
	text-align: center;
	height: auto;
	padding: 0px;
}
.header nav li.news:hover ul.news_menu{
	display: block;
}


.index-bk3 .bk3-2.cf .right a img{
	width: 100%;
}
.header nav li.news ul.news_menu li a:link,.header nav li.news ul.news_menu li a:visited{
	margin-top: 0px;
	padding: 5px 0px;
	color:#333;
}
.header nav li.news ul.news_menu li a:hover{
	background: #eaeaea;

}


@media only screen and (min-width: 1024px) {
.index-bk4 .bk5-map > div.open i img,
.index-bk4 .bk5-map > div:hover i img { transform:scale(1.3,1.3); -webkit-transform:scale(1.3,1.3); transform-origin:center bottom; -webkit-transform-origin:center bottom; transition:0.2s all; -webkit-transition:0.2s all; }
}
.index-bk4 .bk5-map > div.open i img:first-child,
.index-bk4 .bk5-map > div:hover i img:first-child { opacity:1; visibility:visible;}
.index-bk4 .bk5-map > div.open i img:first-child+img,
.index-bk4 .bk5-map > div:hover i img:first-child + img { opacity:0; visibility:hidden;}

.index-bk4.animate .bk5-map .i5 > i { animation:i5name 1s infinite; }
@keyframes i5name {
	0% { transform:translateY(0) scale(1,1); }
	60% { transform:translateY(-10px) scale(1.1,1.1);}
	100% {transform:translateY(0px) scale(1,1); }
}

.index-bk4 .bk5-map .box { background: #fff;width: auto;padding: 0 10px; height:30px;border: 1px solid #dc1919;position:absolute; margin-top:-3.3em; box-shadow:2px 2px 1px rgba(0,0,0,0.2); display:none;left: -100%;}
.lt9 .index-bk4 .bk5-map .box{ background:#fff;}
.index-bk4 .bk5-map .box h2{
	display: block;white-space:nowrap;
	margin-bottom: 0 !important;
	color: #dc1919;
	line-height: 30px;
	font-size: 1.1em;
}
.index-bk4 .bk5-map .open .box { display:block;}
.index-bk4 .bk5-map .box em { background:url(../images/r1.png) no-repeat; width:12px; height:23px; position:absolute; right:-12px; top:50%; margin-top:-12px; opacity:0.95;}
.index-bk4 .bk5-map .box .c{ position:absolute; right:0; top:0; width:1.5em; height:1.3em; line-height:1; text-align:center; background:#d70d19;}
.index-bk4 .bk5-map .box .c i { background:url(../images/x.png) center no-repeat ; width:11px; height:10px; position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; }
.index-bk4 .bk5-map .box .c:hover i { transform:rotate(180deg); transition:0.5s; }
.index-bk4 .bk5-map .box dl{  margin-bottom:0.5em; } 
.index-bk4 .bk5-map .box dl dt{ float:left; min-width:3em; }
.index-bk4 .bk5-map .box dl dd { overflow:hidden; display:block; } 

.index-bk4 .bk5-map .box.left { right:auto;}
.index-bk4 .bk5-map .box.left em { background:url(../images/r2.png) no-repeat; right:auto; left:-12px; }
.lt9 .index-bk5 .bk4-map > .box { background:#fff; }

.index-bk4 .bk5-map .i1 { left: 16.41%; top: 30.12%; }

.index-bk4 .bk5-map .i2 { left: 45.1%;top: 24.07%; }
.index-bk4 .bk5-map .i3 { left: 44.6%;top: 20.4%; }
.index-bk4 .bk5-map .i4 { left: 47.3%;top: 22%;}

.index-bk4 .bk5-map .i5 { left: 77.3%;top: 30.8%; z-index:99;}

.index-bk4 .bk5-map .i6 { left: 83.7%;top: 73.2%; }
.index-bk4 .bk5-map .i7 { left: 83.1%;top: 29.5%; }
.index-bk4 .bk5-map .i8 { left: 16.6%;top: 17.9%;}


.index-bk4 .bk5-map .i9 { left: 81.2%;top: 30.0%;}
.index-bk4 .bk5-map .i10{ left: 48.3%;top: 25.5%;}
.index-bk4 .bk5-map .i11{ left: 70.6%;top: 15.9%;}
.index-bk4 .bk5-map .i12{ left: 48.6%;top: 14.9%;}



/*世界地图*/
/*.index-bk4 .bk4-map img { transform: translateY(200px); -webkit-transform: translateY(200px); opacity: 0; transition: 2.5s all; -webkit-transition: 2.5s all; }*/
.index-bk4 .bk5-map > div i{ transform: translateY(-70px) scale(1.2,1.2); -webkit-transform: translateY(-70px) scale(1.2,1.2); opacity: 0; transition: 1s all; -webkit-transition: 1s all; }
.index-bk4.animate .bk5-map .i1 i{ transition-delay: 0.5s; transition-delay: 0.5s; }
.index-bk4.animate .bk5-map .i2 i{ transition-delay: 0.8s; transition-delay: 0.8s; }
.index-bk4.animate .bk5-map .i3 i{ transition-delay: 1.2s; transition-delay: 1.2s; }
.index-bk4.animate .bk5-map .i4 i{ transition-delay: 1.6s; transition-delay: 1.6s; }
.index-bk4.animate .bk5-map .i14 i{ transition-delay: 2s; transition-delay: 2s; }
.index-bk4.animate .bk5-map .i6 i{ transition-delay: 2.4s; transition-delay: 2.4s; }
.index-bk4.animate .bk5-map .i7 i{ transition-delay: 2.8s; transition-delay: 2.8s; }
.index-bk4.animate .bk5-map .i8 i{ transition-delay: 3.2s; transition-delay: 3.2s; }
.index-bk4.animate .bk5-map .i9 i{ transition-delay: 3.5s; transition-delay: 3.5s; }
.index-bk4.animate .bk5-map .i10 i{ transition-delay: 3.6s; transition-delay: 3.6s; }
.index-bk4.animate .bk5-map .i11 i{ transition-delay: 3.7s; transition-delay: 3.7s; }
.index-bk4.animate .bk5-map .i12 i{ transition-delay: 3.8s; transition-delay: 3.8s; }
.index-bk4.animate .bk5-map .i13 i{ transition-delay: 3.9s; transition-delay: 3.9s; }
.index-bk4.animate .bk5-map > div.open { z-index:100; transition-delay:0s !important; -webkit-transition-delay:0s  !important;}
.index-bk4.animate .bk5-txt h2 { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; font-size: 52px;font-weight: normal;}
.index-bk4.animate .bk5-txt h3 { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
/*.index-bk4.animate .bk4-map img { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }*/
.index-bk4.animate .bk5-map > div i{ transform: translateY(0px) scale(1,1); -webkit-transform: translateY(0px) scale(1,1); opacity: 1; }

#tooltip{
	border:1px solid red; 
	background:#FFf;
	position:absolute;
	padding:1px;
	color:#dc1919;
	display:none;
	height: 30px;
	line-height: 30px;
	border: 1px solid #dc1919;
	line-height: 30px;
	font-size: 1.1em;
	padding: 0 10px;
	opacity: 1;
	font-weight: bold;
	z-index: 9999;
}



/* 移动 */
@media only screen and (min-width: 1024px) {
	.index-bk1 .img{

	    -webkit-transform: translateX(0px);
				transform: translateX(0px);

	    -webkit-transition: 3s all;
	    		transition: 3s all;

	    -webkit-transition: 1s all;
	    		transition: 1s all;

	}
}



.pro_b02 li img{

	transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;
}
.pro_b02 li img:hover{
	-webkit-transform:rotate(360deg) scale(1.2); 
	-moz-transform:rotate(360deg) scale(1.2);
	-ms-transform:rotate(360deg) scale(1.2);
	-o-transform:rotate(360deg) scale(1.2);
}