﻿.gg { width: 100%; height: 360px; position: relative; z-index: 1; overflow: hidden; margin: 80px auto 0px; clear: both;}
.gg img:hover{opacity: 1}
.ggLoading { position: absolute; left: 40%; top: 200px; width: 325px; text-align: center; height: 56px; background-position: 0 -274px; background-repeat: no-repeat; line-height: 56px; color: #9c9c9c; }
.ggLoading2 { width: 330px; height: 56px; background-position: 213px -330px; background-repeat: no-repeat; }
.ggLoading em { font-weight: bold; }
.ggs { width: 200%; height: 360px; left: -50%; top: 0; position: absolute; }
.ggBox { width: 1920px; height: 360px; margin: 0 auto; }
.ggBox a { display: block; width: 1920px; height: 360px; position: absolute; z-index: 1; opacity: 0.1; }
.ggBox img { display: block; width: 1920px; height: 360px; }
.ggb { position: absolute; width: 100%; left: 0; bottom: 0; height:20px; z-index: 4;  }
.ggBtns { width:160px; height: 80px; margin: 0 auto;padding-left: 90px;}
.ggBtns a { float: left; display: block;background: url(../Images/bottomnavoff.png);margin-right:5px; width: 13px; height: 13px; text-indent: -9999px; position: relative; top: -10px; outline: none; background-repeat: no-repeat; cursor: pointer; }
.ggBtns a em { display: block; width: 30px;height: 30px; margin: 0 auto; overflow: hidden;font-style: normal; }
.ggBtns a:hover {background: url(../Images/bottomnavon.png); }
.ggBtns a:focus { outline: none; }
.ggBtns a.ggOn { background: url(../Images/bottomnavon.png); }
.ggb, .ggBtns a { border-radius:20px;}
a.ggOn { background: #fff;opacity:1 }

.i_about{ width:100%; height:130px; margin:0px auto; position:relative; background:#f8f8f8;text-shadow:none;}
.i_about .i_bg{ width:700px; height:130px; background:#F35027; position:absolute; top:0px; z-index:1;}
.i_about .i_am{ width:1000px; height:130px; margin:0px auto; background:#f8f8f8;}
.i_am .i_aml{ width:270px; float:left; background:#F35027; position:relative; z-index:3; height:130px; text-align:left;}
.i_am .i_aml .line{ width:50px; height:3px; background:#FFF; margin-top:25px; margin-bottom:3px;}
.i_am .i_aml h3{ width:100%; height:30px; line-height:30px; font-size:20px; overflow:hidden; margin-bottom:5px; color:#FFF; font-family:"微软雅黑"; font-weight:bold;}
.i_am .i_aml .yw{font-size:12px; color:#FFF; line-height:150%; width:200px; border-bottom:1px solid #FDA34D; padding-bottom:3px; letter-spacing:1px;}
.i_am .i_aml .ico{ width:8px; height:14px; background:url(../images/icon3.png) no-repeat; position:absolute; right:-8px; top:65px;}
.i_am .i_amr{ width:685px; height:130px; float:right; position:relative; text-align:left;}
.i_am .i_amr .i_amr_m{ width:600px; height:75px; overflow:hidden; margin-top:30px;}
.i_amr_m h2{ width:100%; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#575656;}
.i_amr_m p{ width:100%; height:45px; line-height:150%; font-size:14px; color:#898989; overflow:hidden; margin-top:5px;}
.i_am .i_amr .more{ width:50px; height:70px; border:1px solid #ddd; background:url(../images/icon1.png) no-repeat center center; position:absolute; right:0px; top:35px;}
.scrol-page{margin:0 auto; padding:99px 0 0 0;}
.title{
	font-size:35px;
	color:#000;
	text-align:center;
	padding:50px 0 50px 0;
 	}
.title b{
 	font-size:12px;
	color:#666;
	line-height:16px;
	display:inline-block;
	padding:10px 0 0 0;
	margin-bottom:-10px;
	}
.title span{
	display: inline-block;
	line-height:40px;
 	position:relative;
	padding:0 6%;
	font-weight:normal;
    }
.title span:before{
	width:100%;
	height:1px;
	background:#333;
	position: absolute;
	left:0;
	right:0;
	content:'';
	bottom:-20px;
	 
	}
.title span:after{
	display:block;
	overflow:hidden;
	content:'';
	background:#333;
	border:10px solid #fff;
	position:absolute;
	left:50%;
	width:4px;
	bottom:-32px;
	height:4px;
	border-radius:100%;
	margin-left:-12px;
	}
.infoText{
	text-align:center;
	color:#999;
	font-size:16px;
	padding:0 10px;
}
.contactBox{
	  position:relative;
	  background:#1f2636;
	  overflow:hidden;
	  margin:50px 0 0px 0;
	  text-shadow:none;
 	  }
/* .contactBox:hover #dituContent{
	opacity:1;
	} */
#dituContent{
	-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
	opacity:1;
	height:550px;
 	}
/* .contactBox:after{
	display:block;
	content:'';
	position:absolute;
	width:100%;
	left:0;
	top:0;
	bottom:0;
 	z-index:99;
	
	} */
/* .contactBox:hover:after{
	display:none;
	} */
.mapBox{
	position:relative;
	overflow:hidden;
	}
/* .mapBox:before{
	display:block;
	content:'';
	position:absolute;
	width:123px;
	height:248px;
	background:url(../images/mapicon.png) no-repeat;
	left:50%;
	top:0;
	margin-left:-61px;
 	z-index:100;
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
	} */
/* .contactBox:hover .mapBox:before{
	margin-top:-248px;} */
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contactFoot{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	z-index:101;
	padding:20px 10px;
	color:#fff;
	background:rgba(0,0,0,0.5);
	-webkit-transition:  0.2s ease-in 0s;
	-moz-transition:  0.2s ease-in 0s;
	-ms-transition:  0.1s ease-in 0s;
	-o-transition:  0.2s ease-in 0s;
	}
/* .contactBox:hover .contactFoot{
	background:rgba(0,0,0,0.5);	
	} */
.k1120{
	max-width:1200px;
	margin:0 auto;
	}
.contactFoot dl{
	width:33.33333333%;
	float:left;
	}
.contactFoot dt{
	font-size:18px;
	padding-bottom:5px;}
.contactFoot dd{
	font-size:14px;
	padding:5px 0 0 0;
	}
.contactFoot dd p{padding:5px 0px;}
.contactFoot dd a{
	color:#fff;
	}
.qqBtn,.telBtn{
	display:inline-block;
	padding-top:5px;
	}
.qqBtn:before,.telBtn:before{
	display:inline-block;
	width:26px;
	height:25px;
	content:'';
	vertical-align:middle;
	margin-right:5px;
	background:url(../images/cicon.png) no-repeat;
	background-size:25px 50px;
	}
.telBtn:before{
	background:url(../images/cicon.png) no-repeat 0 bottom;
	background-size:25px 50px;
	}

.p-box{
	width: 100%;
	margin: 0px auto;
	padding: 56px 0;
	text-shadow:none;
}
.bg-grey{
	display: inline-block;
	min-height: 220px;
	background: #f5f5f5;
}
.bg-color1{
	display: inline-block;
	min-height: 220px;
	background: #82cdb6;
	color:#FFF;6bb017
}
.bg-color2{
	display: inline-block;
	min-height: 220px;
	background: #7ec3ff;
	color:#FFF;
}
.grey{
	background: #f5f5f5;
}
.p-box h1{
	font-size: 30px;
	margin-bottom: 16px;
}
.p-box h3{
	color: #000;
}
.p-box ul li{
	float: left;
	width: 33.3%;
	text-align: center;
}
.p-box ul li.trangle img{
	width: 50%;
	height: 50%;
}
.p-box ul li.trangle span,.platform ul li.pf span{
	display: block;
	padding: 0 40px;
	color: #222;
	line-height: 22px;
}
.p-box ul li.trangle span h2,.platform ul li.pf h2{
	margin-bottom: 8px;
	font-size: 18px;/*18px;*/
	color: #333;
}
.p-box ul li.scen{
	height: 130px;
	padding-bottom:20px;
}
.p-box ul li.scen img{
	width: 68px;
	height: 68px;
	float: left;
}
.p-box ul li.scen span{
	margin-left: 40px;
	text-align: left;
}
.cont{
	width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
	text-align: center;
}

/*---------- 首页文字内容 ---------*/
.indexTextWrap{float: left;width: 100%;margin-top: 30px;text-shadow:1px 1px 0 #fff;}
.indexText{width: 1200px;margin: 0 auto;}
.indexTextLeft{width: 700px;float: left;}
.indexTextLeft span{width: 100%;float: left;height: 40px;line-height: 40px;border-bottom: 1px dotted #ddd;}
.indexTextLeft span strong{float: left;height: 39px;border-bottom: 2px solid #aaa;font-size: 20px;color: #222;font-weight: normal;}
.indexTextLeft .ul{width: 100%;float: left;margin-top: 20px;}
.indexTextLeft .ul li{width: 100%;float: left;margin-bottom: 20px;}
.indexTextLeft .ul li .img{width:150px;height:90px;float: left;border: 1px solid #ddd;padding: 9px;margin-right: 20px;}
.indexTextLeft .ul li .img img{width:150px;height:90px;float: left;}
.indexTextLeft .ul li h4{width:500px;line-height:30px;color:#333;font-size:16px;float: left;padding-bottom: 2px;}
.indexTextLeft .ul li p{width:500px;line-height:24px;color:#333;float: left;}
.indexTextLeft .ul li a{color:#428bca;}
.indexTextRight{width:450px;float: right;}
.indexTextRight span{width: 100%;float: left;height: 40px;line-height: 40px;border-bottom: 1px dotted #ddd;}
.indexTextRight span strong{float: left;height: 39px;border-bottom: 2px solid #aaa;font-size: 16px;color: #222;font-weight: bold;}
.indexTextRight ul{width: 410px;float: left;margin-top: 20px;border: 1px solid #ddd;padding: 24px;background: #f1f1f1;}
.indexTextRight ul li{width: 390px;float: left;list-style: disc;color: #C1C1C3;position: relative;margin-left: 20px;}
.indexTextRight ul li a{line-height:32px;color:#333;text-indent: 20px;width: 400px;font-size: 14px;}


/*-- tab1 --*/
.indexTab {width:100%;float: left;text-shadow:1px 1px 0 #fff;}
.indexTab ul{width:100%;height:42px;float: left;line-height: 42px;color:#333;border-bottom: 1px dotted #ddd}
.indexTab li{height: 42px;float:left;cursor:pointer;margin: 0 30px 0 0 ;font-size: 16px;}
.indexTab li a{color: #222;}
.indexTab li.hover{color:#222;text-shadow:1px 1px 0 #fff;border-bottom: 2px solid #aaa;height: 41px;font-weight: bold;}
