@charset "utf-8";
/* CSS Document */
html{height:100%;overflow-x: hidden;}
.body_1{ overflow:hidden; height:100%;}
.G_logo_a{ float:left;}
.G_contact_ul li span{color:#fff;}
.G_contact_ul li a{color:#fff;}
/*价值*/
.G_value{ width:100%;}
.G_value ul{ width:100%; display:block;}
.G_value ul li{ margin-top:74px; width:100%; display:block; float:left;}
.G_value ul li h4{ color:#000; font-size:30px; font-family:'微软雅黑'; font-weight:500;}
.G_value ul li .G_value_div1{ margin-top:32px;}
.G_value ul li .G_value_div1 img{ width:331px; float:left;}
.G_value ul li .G_value_div1 .G_value_div1_div{ font-family:'微软雅黑'; width:700px; margin-left:40px; float:left;}
.G_value ul li .G_value_div1 .G_value_div1_div h5{ color:#000; font-size:20px; font-weight:600;}
.G_value ul li .G_value_div1 .G_value_div1_div span{ color:#000; font-size:18px; font-weight:500; line-height:28px; display:block; margin-top:30px;}
/*架构*/
.G_architecture_list_li{ width:100%;  margin-bottom:20px; position:relative; }
.G_architecture_list_li .G_architecture_middle{ display:block;background-size:cover; background-position:center; width:100%;height:1048px;}
.G_architecture_wide{ width:1200px; margin:auto;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{ font-size:60px; font-family:'微软雅黑'; font-weight:500; color:#fff; text-align:center; line-height:850px;}
.G_architecture_list_li .G_architecture_list_wide{ position:absolute; z-index:10; top:50%; left:50%; width:1200px; margin-left: -600px; margin-top:-70px; }
.G_architecture_list_li .G_architecture_list_wide .G_architecture_list_down{ margin-top:100px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li{ width:33.33333%; float:left; margin-bottom:14px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li_2{ width:50%;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div{ width:216px; margin:auto;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div_2{ width:366px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div i{ width:10px; height:10px; display:block; background:#fff; 
border-radius:200px; float:left; margin-top:16px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div a{ font-size:30px; 
font-family:'微软雅黑'; color:#fff; float:left; margin-left:26px;}
/*time*/
.H_DivBox {width: 100%;height: auto;position: relative}
.H_ListBox {float: left;width:900px;height: auto;position: absolute;top: 100px;left: 0;z-index: 2}
.H_ListBox ul{display: none;height: 440px;overflow:hidden}
.H_ListBox li {float: left;width: 32%;height: auto;margin-right: 1%;margin-bottom: 1%;box-shadow: 6px 6px 6px rgba(0,0,0,.36)}
.H_ListBox a {display: block;cursor: pointer;position: relative;overflow: hidden;}
.H_ListBox a div{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: rgba(0,0,0,0.5);line-height: 130px;text-align: center;font-size: 50px;color: #fff;display: none;}
.H_ListBox img {display: block;width: 100%;height: auto}
.H_NavBox {position: absolute;top: 43px;right: 48px;height: auto;background: #fff;z-index: 1}
.H_Circular { background:url(../Images/G_time_1.png); width:250px; height:629px; background-size:cover;}
.H_Dot {position: absolute;top: 0;right: 0}
.H_Dot i {display: block;width: 20px;height: 20px;border-radius: 100%}
.H_Dot i:nth-child(1) {background: #999;position: absolute;top: -8px;right: 85px;border: 3px solid rgba(255,255,255,.9);box-shadow: 0 0 0 4px rgba(241,241,241,.25);cursor: pointer;}
.H_Dot i:nth-child(2) {background: #ed1b23;position: absolute;top: 204px;right:-5px;border: 3px solid rgba(255,255,255,.9);box-shadow: 0 0 0 4px rgba(241,241,241,.6);cursor: pointer;}
.H_Dot i:nth-child(3) {background: #999;position: absolute;top: 437px;right: 33px;border: 3px solid rgba(255,255,255,.9);box-shadow: 0 0 0 4px rgba(241,241,241,.25);cursor: pointer;}
.H_Dot i:nth-child(4) {background: #999;position: absolute;top: 570px;right: 144px;}
.H_Dot i:nth-child(5) {position: absolute;top: 617px;right: 239px;}
.H_Date {font-family: "微软雅黑";font-size:18px;color: #999;position: absolute;top: 0;right: 0;cursor: pointer;}
.H_Date_text{ font-size:35px;}
.H_Date span:nth-child(1) {position: absolute;top: -12px;right: 118px}
.H_Date span:nth-child(2) {position: absolute;top: 194px;right: 30px;color: #ed1b23;}
.H_Date span:nth-child(3) {position: absolute;top: 433px;right: 68px;}
.H_Arrow{display: block;text-align: center;font-size: 50px;line-height: 60px;cursor: pointer;color: #69839a;}
.H_Arrow:hover{	color: #09f;font-size: 60px;}
.G_up{ display:none;}
.Hcss_FixedWidth{width: 1200px; height: auto; margin: auto;}
/*能力*/
.G_aboutSEPA_main_1{ height:100%; float:left; padding-top:130px; padding-bottom:73px; box-sizing:border-box; margin-top:-130px; margin-bottom:-73px;}
.G_ability{ width:100%; height:100%; position:relative; z-index:20;}
.G_ability ul{ width:100%; height:100%;}
.G_ability ul li{ width:33.33333%; height:100%; float:left; cursor:pointer;}
.G_ability ul li .G_ability_div{ background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;}
.G_ability ul li .G_ability_div .G_ability_div_text{ font-family:'微软雅黑'; font-size:40px; color:#fff; display:block; float:right; width:40px; margin-right:16px; margin-top:20px; }
.G_ability ul li .G_ability_div_1{ background-image:url(../Images/G_dc.jpg); height:100%;}
.G_ability ul li .G_ability_div_2{ background-image:url(../Images/G_xx.jpg); height:100%;}
.G_ability ul li .G_ability_div_3{ background-image:url(../Images/G_zh.jpg); height:100%;}
.G_ability_div_box{ position:absolute;bottom:0px; padding:20px 20px; background:rgba(0,0,0,0.5); width:100%; display:none;}
.G_ability_div_box span{ font-size:18px; font-family:'微软雅黑'; margin:5px 0px; color:#fff; display:block;}

@media(max-width:1600px){
.G_architecture_list_li .G_architecture_middle{ width:100%; height:900px;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{line-height:700px;}
	}
@media(max-width:1400px){
.G_architecture_list_li .G_architecture_middle{ width:100%; height:800px;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{line-height:630px;}
	}
@media(max-width:1290px){
.G_value ul li .G_value_div1 img{ width:300px; float:left;}
/*架构*/
.G_architecture_list_li .G_architecture_middle{ width:100%; height:700px;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{line-height:560px;}
/*time*/
.H_DivBox {width: 100%;}
.H_ListBox {top:60px;}
.H_ListBox ul{height: 415px; margin-left:40px;}
.H_ListBox a div{line-height: 100px;}
.H_NavBox {right:30px;}
.H_Circular {width:215px; height:540px;}
.H_Dot {position: absolute;top: 0;right: 0}
.H_Dot i {display: block;width: 20px;height: 20px;border-radius: 100%}
.H_Dot i:nth-child(1) {top: -8px;right: 68px;}
.H_Dot i:nth-child(2) {top: 140px;right:-2px;}
.H_Dot i:nth-child(3) {top: 350px;right: 16px;}
.H_Dot i:nth-child(4) {top: 464px;right: 92px;}
.H_Dot i:nth-child(5) {top: 528px;right: 204px;}
.H_Date span:nth-child(1) {top: -15px;right:96px}
.H_Date span:nth-child(2) {top: 134px;right: 30px;}
.H_Date span:nth-child(3) {top: 340px;right: 46px;}
.H_Arrow{display: block;text-align: center;font-size: 50px;line-height: 60px;cursor: pointer;color: #69839a;}
.H_Arrow:hover{	color: #09f;font-size: 60px;}
.G_up{ display:none;}
.Hcss_FixedWidth{width: 100% !important; height: auto; margin: auto;}

	}
@media(max-width:1200px){
/*架构*/
.G_architecture_list_li .G_architecture_list_wide{ position:absolute; z-index:10; top:50%; left:0%; width:100%; margin-left: 0px; margin-top:-80px;}
.G_architecture_wide{ width:100%; margin:auto;}

.H_ListBox {float: left;width:80%;height: auto;position: absolute;top: 100px;left: 0;z-index: 2}
.G_aboutSEPA_main_1{ height:100%; float:left; padding-top:92px; padding-bottom:73px; box-sizing:border-box; margin-top:-92px; margin-bottom:-73px;}

	}
@media(max-width:1124px){
.G_value ul li .G_value_div1 img{ width:300px; float:left;}
.G_value ul li .G_value_div1 .G_value_div1_div{ font-family:'微软雅黑'; width:60%; margin-left:40px; float:left;}
/*架构*/
.G_architecture_list_li .G_architecture_middle{ width:100%; height:600px;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{line-height:450px;}
	}
@media(max-width:930px){
.G_value ul li .G_value_div1 img{ width:250px; float:left;}
.G_value ul li .G_value_div1 .G_value_div1_div{ font-family:'微软雅黑'; width:58%; margin-left:40px; float:left;}
	}
@media(max-height:900px){
/*time*/
.H_DivBox {width: 100%;}
.H_ListBox {top:60px;}
.H_ListBox ul{height: 388px; margin-left:40px;}
.H_ListBox a div{line-height: 100px;}
.H_NavBox {right:30px;}
.H_Circular {width:215px; height:540px;}
.H_Dot {position: absolute;top: 0;right: 0}
.H_Dot i {display: block;width: 20px;height: 20px;border-radius: 100%}
.H_Dot i:nth-child(1) {top: -8px;right: 68px;}
.H_Dot i:nth-child(2) {top: 140px;right:-2px;}
.H_Dot i:nth-child(3) {top: 350px;right: 16px;}
.H_Dot i:nth-child(4) {top: 464px;right: 92px;}
.H_Dot i:nth-child(5) {top: 528px;right: 204px;}
.H_Date span:nth-child(1) {top: -8px;right:96px}
.H_Date span:nth-child(2) {top: 138px;right: 30px;}
.H_Date span:nth-child(3) {top: 348px;right: 46px;}
.H_Arrow{display: block;text-align: center;font-size: 50px;line-height: 60px;cursor: pointer;color: #69839a;}
.H_Arrow:hover{	color: #09f;font-size: 60px;}
.G_up{ display:none;}
.Hcss_FixedWidth{ max-width:1200px; height: auto; margin: auto;}
.H_Date{ font-size:20px;}
.H_Date .H_Date_text{ font-size:26px;}

	}
@media(max-width:870px){
/*架构*/
.G_architecture_list_li .G_architecture_middle{ width:100%; height:500px;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{line-height:380px;}
	
	}
@media(max-width:800px){
/*架构*/
.G_architecture_list_li .G_architecture_middle{ width:100%; height:400px;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{line-height:280px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li{ width:33.33333%; float:left; margin-bottom:14px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li_2{ width:50%;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div{ width:152px; margin:auto;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div_2{ width:252px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div i{ width:8px; height:8px; display:block; background:#fff; margin-top:12px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div a{ font-size:20px;  margin-left:22px;}

	
	}
@media(max-height:800px){
/*time*/
.H_DivBox {width: 100%;}
.H_ListBox {width:70%;top:30px;}
.H_ListBox ul{height:418px; margin-left:40px;}
.H_ListBox a div{line-height: 100px;}
.H_NavBox {right:30px;}
.H_Circular {width:175px; height:440px;}
.H_Dot {position: absolute;top: 0;right: 0}
.H_Dot i {display: block;width: 20px;height: 20px;border-radius: 100%}
.H_Dot i:nth-child(1) {top: -8px;right: 52px;}
.H_Dot i:nth-child(2) {top: 118px;right:-6px;}
.H_Dot i:nth-child(3) {top: 268px;right: 6px;}
.H_Dot i:nth-child(4) {top: 374px;right: 72px;}
.H_Dot i:nth-child(5) {top: 428px;right: 162px;}
.H_Date span:nth-child(1) {top: -8px;right: 84px}
.H_Date span:nth-child(2) {top: 115px;right: 30px;}
.H_Date span:nth-child(3) {top: 268px;right: 40px;}
.H_Date{ font-size:20px;}
.H_Date .H_Date_text{ font-size:26px;}
.H_Arrow{display: block;text-align: center;font-size: 50px;line-height: 60px;cursor: pointer;color: #69839a;}
.H_Arrow:hover{	color: #09f;font-size: 60px;}
.G_up{ display:none;}
.Hcss_FixedWidth{ max-width:1200px; !important; height: auto; margin: auto;}
	}
@media(max-width:768px){
.G_value ul li .G_value_div1 img{ width:230px; float:left;}
.G_value ul li .G_value_div1 .G_value_div1_div{ font-family:'微软雅黑'; width:58%; margin-left:30px; float:left;}
.G_value ul li .G_value_div1 .G_value_div1_div span{ color:#000; font-size:16px; font-weight:500; line-height:28px; display:block; margin-top:30px;}

	}
@media(max-width:700px){
.wide_2{ padding-bottom:0px;}
.G_value ul{ margin-top:40px;}
.G_value ul li{margin-top:0px;margin-bottom: 74px;}
.G_value ul li h4{ text-align:center;}
.G_value ul li .G_value_div1{ text-align:center;}
.G_value ul li .G_value_div1 img{ width:98%; float:none; margin:auto;}
.G_value ul li .G_value_div1 .G_value_div1_div{ width:98%; margin:auto; margin-left:0px; margin-top:30px;}
.G_value ul li .G_value_div1 .G_value_div1_div h5{}
/*能力*/
.G_ability ul li{ width:100%; height:33.3333%; float:left; cursor:pointer;}
.G_ability ul li .G_ability_div{ background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;}
.G_ability ul li .G_ability_div .G_ability_div_text{ font-family:'微软雅黑'; font-size:30px; color:#fff; display:block; float:right; width:30px; margin-right:30px; margin-top:20px; }
.G_ability ul li .G_ability_div_1{ background-image:url(../Images/G_dc.jpg); height:100%;}
.G_ability ul li .G_ability_div_2{ background-image:url(../Images/G_xx.jpg); height:100%;}
.G_ability ul li .G_ability_div_3{ background-image:url(../Images/G_zh.jpg); height:100%;}
.G_ability_div_box{ position:absolute;bottom:0px; padding:20px 20px; background:rgba(0,0,0,0.5); width:100%; display:none; box-sizing:border-box;}
.G_ability_div_box span{ font-size:14px; font-family:'微软雅黑'; color:#fff; display:block;}

	}
@media(max-height:700px){
/*time*/
	.H_ListBox{width: 70%; top:20px;}
	.Hcss_FixedWidth{width:100%;}
	.H_NavBox{ top:0px;}
	.H_Circular{ width:146px; height:368px;}
	.H_ListBox ul{height:436px;}
	.H_Date{ font-size:20px;}
	.H_Date .H_Date_text{ font-size:26px;}
	.H_Dot i:nth-child(1){right: 44px;}
	.H_Date span:nth-child(1){right: 76px; top:-8px;}
	.H_Dot i:nth-child(2){top: 96px; right: -6px;}
	.H_Date span:nth-child(2){top: 95px; right:28px;}
	.H_Dot i:nth-child(3){top: 228px;right: 4px;;}
	.H_Date span:nth-child(3){top: 225px;right: 38px;}
	.H_Dot i:nth-child(4){top: 322px;right:70px;}
	.H_Dot i:nth-child(5){top: 356px;right: 130px;}
	}



@media(max-width:600px){
/*架构*/
.G_architecture_list_li .G_architecture_middle{ width:100%; height:300px; float:left;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{line-height:300px; font-size:40px;}
.G_architecture_list_li .G_architecture_list_wide{ position:static; float:left; width:100%; z-index:10; top:0%; left:0%; width:100%; margin-left: 0px; margin-top:0px; background:#fff;}
.G_architecture_list_li .G_architecture_list_wide .G_architecture_list_down{ margin-top:40px; padding-bottom:40px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li{ width:50%; float:left; margin-bottom:14px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li_2{ width:100%;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div{ width:152px; margin:auto;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div_2{ width:252px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div i{ width:8px; height:8px; display:block; background:#000; margin-top:12px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li .G_architecture_list_down_div a{ font-size:20px;  margin-left:22px; color:#000;}
.G_bottom_2{ float:left;}
	}
@media(max-height:600px){
/*time*/
	.H_ListBox{width: 65%; top:20px;}
	.Hcss_FixedWidth{width:100%;}
	.H_NavBox{ top:0px;}
	.H_Circular{ width:146px; height:368px;}
	.H_ListBox ul{height: 280px;}
	.H_Date{ font-size:20px;}
	.H_Date .H_Date_text{ font-size:26px;}
	.H_Dot i:nth-child(1){right: 44px;}
	.H_Date span:nth-child(1){right: 76px; top:-10px;}
	.H_Dot i:nth-child(2){top: 96px; right: -6px;}
	.H_Date span:nth-child(2){top: 95px; right:28px;}
	.H_Dot i:nth-child(3){top: 228px;right: 4px;;}
	.H_Date span:nth-child(3){top: 225px;right: 38px;}
	.H_Dot i:nth-child(4){top: 322px;right:70px;}
	.H_Dot i:nth-child(5){top: 356px;right: 130px;}
	}
@media(max-width:580px){
.G_aboutSEPA_main_1{ height:100%; float:left; padding-top:92px; padding-bottom:95px; box-sizing:border-box; margin-top:-92px; margin-bottom:-95px;}
}
@media(max-width:550px){
/*time*/
.H_DivBox {width: 100%;}
.H_ListBox {width:73%;top:60px;}
.H_ListBox ul{height: 280px; margin-left:20px;}
.H_ListBox li {width: 48%;margin-bottom: 4%;margin-right:2%;}
.H_ListBox a div{line-height: 60px;}
.H_NavBox {right:15px; top:10px;}
.H_Circular {width:176px; height:400px;}
.H_Dot {position: absolute;top: 0;right: 0}
.H_Dot i {display: block;width: 20px;height: 20px;border-radius: 100%}
.H_Dot i:nth-child(1) {top: -6px;right: 60px;}
.H_Dot i:nth-child(2) {top: 168px;right:-8px;}
.H_Dot i:nth-child(3) {top: 310px;right: 25px;}
.H_Dot i:nth-child(4) {top: 385px;right: 84px;}
.H_Dot i:nth-child(5) {top: 428px;right: 160px;}
.H_Date span:nth-child(1) {top: -6px;right:88px}
.H_Date span:nth-child(2) {top: 168px;right:19px;}
.H_Date span:nth-child(3) {top: 310px;right: 52px;}
.H_Arrow{display: block;text-align: center;font-size: 40px;line-height: 60px;cursor: pointer;color: #69839a;}
.H_Arrow:hover{	color: #09f;font-size: 60px;}
.G_up{ display:none;}
.Hcss_FixedWidth{width: 100% !important; height: auto; margin: auto;}
.H_Date{ font-size:18px;}
.H_Date .H_Date_text{ font-size:22px;}

	}
@media(max-width:500px){
.G_aboutSEPA_main_1{ height:100%; float:left; padding-top:92px; padding-bottom:116px; box-sizing:border-box; margin-top:-92px; margin-bottom:-116px;}
}

@media(max-width:465px){
/*架构*/
.G_architecture_list_li .G_architecture_middle{ width:100%; height:200px; float:left;}
.G_architecture_list_li .G_architecture_middle .G_architecture_wide h4{line-height:200px; font-size:30px;}
.G_architecture_list_li .G_architecture_list_down .G_architecture_list_down_li{ width:100%; float:left; margin-bottom:14px;}
/*time*/
.H_DivBox {width: 100%;}
.H_ListBox {width:73%;top:60px;}
.H_ListBox ul{height: 280px; margin-left:20px;}
.H_ListBox li {width: 48%;margin-bottom: 4%;margin-right:2%;}
.H_ListBox a div{line-height: 60px;}
.H_NavBox {right:15px; top:10px;}
.H_Circular {width:156px; height:390px;}
.H_Dot {position: absolute;top: 0;right: 0}
.H_Dot i {display: block;width: 20px;height: 20px;border-radius: 100%}
.H_Dot i:nth-child(1) {top: -6px;right: 46px;}
.H_Dot i:nth-child(2) {top: 140px;right:-9px;}
.H_Dot i:nth-child(3) {top: 260px;right: 13px;}
.H_Dot i:nth-child(4) {top: 340px;right: 74px;}
.H_Dot i:nth-child(5) {top: 378px;right: 140px;}
.H_Date span:nth-child(1) {top: -6px;right:76px}
.H_Date span:nth-child(2) {top: 138px;right:22px;}
.H_Date span:nth-child(3) {top: 260px;right: 42px;}
.H_Arrow{display: block;text-align: center;font-size: 40px;line-height: 60px;cursor: pointer;color: #69839a;}
.H_Arrow:hover{	color: #09f;font-size: 60px;}
.G_up{ display:none;}
.Hcss_FixedWidth{width: 100% !important; height: auto; margin: auto;}
.H_Date{ font-size:18px;}
.H_Date .H_Date_text{ font-size:22px;}
/*能力*/
.G_ability ul li{ width:100%; height:33.3333%; float:left; cursor:pointer;}
.G_ability ul li .G_ability_div{ background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;}
.G_ability ul li .G_ability_div .G_ability_div_text{ font-family:'微软雅黑'; font-size:25px; color:#fff; display:block; float:right; width:30px; margin-right:30px; margin-top:20px; }
.G_ability ul li .G_ability_div_1{ background-image:url(../Images/G_dc.jpg); height:100%;}
.G_ability ul li .G_ability_div_2{ background-image:url(../Images/G_xx.jpg); height:100%;}
.G_ability ul li .G_ability_div_3{ background-image:url(../Images/G_zh.jpg); height:100%;}
.G_ability_div_box{ position:absolute;bottom:0px; padding:10px 10px; background:rgba(0,0,0,0.5); width:100%; display:none; box-sizing:border-box;}
.G_ability_div_box span{ font-size:14px; font-family:'微软雅黑'; color:#fff; display:block;}

	}
@media(max-width:412px){
/*time*/
.H_ListBox {width:75%;top:22px;}
.H_ListBox li {width: 48%;margin-bottom: 4%;margin-right:1%;}
.H_Circular {width:128px; height:320px;}
.H_Dot {position: absolute;top: 0;right: 0}
.H_Dot i {display: block;width: 20px;height: 20px;border-radius: 100%}
.H_Dot i:nth-child(1) {top: -6px;right: 40px;}
.H_Dot i:nth-child(2) {top: 120px;right:-10px;}
.H_Dot i:nth-child(3) {top: 220px;right: 13px;}
.H_Dot i:nth-child(4) {top: 280px;right: 60px;}
.H_Dot i:nth-child(5) {top: 310px;right: 118px;}
.H_Date span:nth-child(1) {top: -6px;right:82px}
.H_Date span:nth-child(2) {top: 120px;right:18px;}
.H_Date span:nth-child(3) {top: 224px;right: 40px;}
.H_Date{ font-size:16px;}
.H_Date .H_Date_text{ font-size:20px;}
.H_Arrow:hover{	color: #09f;font-size: 40px;}
.H_NavBox{ top:10px;}
/*能力*/
.G_ability ul li{ width:100%; height:33.3333%; float:left; cursor:pointer;}
.G_ability ul li .G_ability_div{ background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;}
.G_ability ul li .G_ability_div .G_ability_div_text{ font-family:'微软雅黑'; font-size:20px; color:#fff; display:block; float:right; width:30px; margin-right:30px; margin-top:20px; }
.G_ability ul li .G_ability_div_1{ background-image:url(../Images/G_dc.jpg); height:100%;}
.G_ability ul li .G_ability_div_2{ background-image:url(../Images/G_xx.jpg); height:100%;}
.G_ability ul li .G_ability_div_3{ background-image:url(../Images/G_zh.jpg); height:100%;}
.G_ability_div_box{ position:absolute;bottom:0px; padding:10px 10px; background:rgba(0,0,0,0.5); width:100%; display:none; box-sizing:border-box;}
.G_ability_div_box span{ font-size:14px; font-family:'微软雅黑'; color:#fff; display:block;}

	}
@media(max-width:374px){
/*time*/
.H_DivBox {width: 100%;}
.H_ListBox {width:71%;top:40px;}
.H_ListBox ul{height: 230px; margin-left:4px;}
.H_ListBox li {width: 48%;margin-bottom: 4%;margin-right:2%;}
.H_ListBox a div{line-height: 48px;}
.H_NavBox {right:10px; top:10px;}
.H_Circular {width:127px; height:320px;}
.H_Dot {position: absolute;top: 0;right: 0}
.H_Dot i {display: block;width: 20px;height: 20px;border-radius: 100%}
.H_Dot i:nth-child(1) {top: -10px;right: 36px;}
.H_Dot i:nth-child(2) {top: 86px;right:-8px;}
.H_Dot i:nth-child(3) {top: 202px;right: 4px;}
.H_Dot i:nth-child(4) {top: 278px;right:60px;}
.H_Dot i:nth-child(5) {top: 308px;right: 116px;}
.H_Date span:nth-child(1) {top: -9px;right:65px;}
.H_Date span:nth-child(2) {top: 88px;right:20px;}
.H_Date span:nth-child(3) {top: 202px;right: 32px;}
.H_Arrow{display: block;text-align: center;font-size: 40px;line-height: 60px;cursor: pointer;color: #69839a;}
.H_Arrow:hover{	color: #09f;font-size: 60px;}
.G_up{ display:none;}
.Hcss_FixedWidth{width: 100% !important; height: auto; margin: auto;}
.H_Date{ font-size:16px;}
.H_Date .H_Date_text{ font-size:20px;}
	}