@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	font-family: "微软雅黑";
	color: #00000099
}
ul,li{
	
	padding: 0px;
	list-style-type: none;
}

a{
	text-decoration: none;
}
.clear{
	clear: both;
}
.goMenu{
	width: 100%;
	/*position: absolute;*/
	top: 0px;
	left: 0px;
	display: block;
	position: fixed;
    z-index: 200;
}

.head-v3{position:relative; z-index:100; min-width:1000px; border-bottom: 0px solid ##0b3556;}
.head-v3 .navigation-inner{margin:0 auto;width: 1200px;position:relative;/* margin-top: 40px; */}
.navigation-up{height: 90px;}
.navigation-up .navigation-v3{float:right; _margin-left:10px; margin-top: 0px; }
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{}
.navigation-up .navigation-v3 .nav-up-selected a{ font-weight: bold; color: ##0b3556; }
.navigation-up .navigation-v3 .nav-up-selected-inpage{}
.navigation-up .navigation-v3 .nav-up-selected-inpage a{color: ##0b3556;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; font-size: 16px;}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color: #0b3556;display:inline-block;height:60px;font-family:"microsoft yahei"}


.logo{
	width: 200px;
	float: left;
	margin-top: 20px;
}
.moblogo{
	display: none;
}
.logo img{
	height: 50px;
}


.mobLe{
	position: fixed;
	top: 0px;
	width: 100%;
	height: 60px;
	background: #cfcfcf;
	z-index: 999999;
	display: none
}



.navigation-down{position:absolute;top:90px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#06233be8;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:1200px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:10px 0px 15px 0}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dd{ float: left;}
.navigation-down .menu-1 dd a{color:#fff;font:normal 14px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#d9ebf9e8;}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 14px "microsoft yahei"}


/* 轮播容器 - 确保按钮可定位 */
.focus {
    position: relative;
    overflow: hidden;
}

/* 按钮基础样式 */
.focus .bd .prev,
.focus .bd .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    width: 48px;
    height: 48px;
    background: rgba(0,0,0,0.4);
    color: white;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
    text-decoration: none;
    transition: all 0.3s;
    opacity: 0;
}

/* 位置设置 */
.focus .bd .prev { left: 15px; }
.focus .bd .next { right: 15px; }

/* 箭头符号 */
.focus .bd .prev::before { content: "←"; }
.focus .bd .next::before { content: "→"; }

/* 悬停显示与效果 */
.focus:hover .prev,
.focus:hover .next { opacity: 1; }

.focus .prev:hover,
.focus .next:hover {
    background: rgba(0,0,0,0.7);
    transform: translateY(-50%) scale(1.1);
}

/* 禁用状态 */
.prev.prevStop, .next.nextStop {
    opacity: 0.3 !important;
    cursor: not-allowed;
    transform: translateY(-50%) !important;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .focus .bd .prev,
    .focus .bd .next {
        width: 36px;
        height: 36px;
        font-size: 16px;
        line-height: 36px;
    }
}




/* 本例子css -------------------------------------- */
.focus{width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden;}
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ 
	overflow:hidden;
	display:-moz-box; 
	display:-webkit-box; 
	display:box; 
	height:5px; 
	background-color:rgba(51,51,51,0.5);   
}
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; }
.focus .hd ul .on{ background:#0b3556;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%; padding-top: 90px !important; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.mp-menu ul li{
	cursor: pointer;
}

.makeRed{
	width: 100%;
	height: 100%;
	background: #0b3556;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 9;
}

.bg_f6{
	width: 100%;
	background: #f6f6f6;
	overflow: hidden;
	padding: 30px 0px;
}

.proClass{
    max-width: 1200px;
	width: 100%;
	margin: 0px auto;
}
.proClass h2{
	width: 100%;
	font-size: 28px;
	text-align: center;
	color: #0b3556;
	margin: 35px 0px;
	font-weight: 300
}
.proClass h2 span{
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 100;
}


.proClass ul {
  display: flex;
  justify-content: center;
  margin: 0; 
  padding: 0;
  list-style: none;
}

.proClass ul li {
  	width: 115px;
	float: left;
	margin-right: 40px;
	cursor: pointer;
	margin-bottom: 30px;

}

.proClass ul li:last-child{
	margin-right: 0px;
}
.proClass ul li a{
	color: #0b3556;
}
.proClass ul li .clPro{
	width: 115px;
	height: 115px;
	padding: 12px;
	float: left;
	background: #fff;
	border-radius: 15px;
	display: block;
	transition: all 0.5s ease;
}
.proClass ul li .clPro img{
	width: 100%;
}
.proClass ul li .proTitle{
	font-size: 11px;
	font-weight: bold;
	float: left;
	text-align: center;
	width: 100%;
	line-height: 140%;
	padding: 10px 0px;
	transition: all 0.5s ease;
}
.proClass ul li .proTitle span{
	display: block;
	font-size: 12px;
	font-weight: 100;
	text-transform: uppercase;
	color: #9e9e9e;
}
.proClass ul li:hover .clPro{
	background: #0b3556;
}
.proClass ul li:hover .proTitle{
	color: #0b3556;
}
.proClass ul li:hover .proTitle span{
	color: #9e9e9e;
}


.system{
	width: 100%;
	/*background: url(../images/sys_bg.jpg);*/
	background: linear-gradient(45deg, #0b3556, #0f172a);
	overflow: hidden;
	height: 1140px;
}
.system .dvs{
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
}
.system .dvs h2{
	width: 100%;
	font-size: 28px;
	text-align: center;
	color: #fff;
	margin: 87px 0px;
	font-weight: 300
}
.system .dvs h2 span{
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 100;
	color: rgba(255,255,255,.5);
}

/* 本例子css -------------------------------------- */
.sysOut{width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden;}
.sysOut .hd{ width:100px; height:5px;  position:absolute; z-index:1; bottom:90px; left: 47%; text-align:center;  }
.sysOut .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#8d8d8d; cursor:pointer; text-indent: 999px; overflow: hidden; border-radius: 10px;}
.sysOut .hd ul li.on{ background:#fff; color:#fff; }






.sysOut .bd{ position:relative; z-index:0; }
.sysOut .bd li{
	width: 100%;
	height: 830px;
}
.sysOut .bd li img{/* width:100%; */}
.sysOut .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.sysOut .bd ul li .sysGx{
	width: 660px;
	height: 456px;
	margin: 0px auto;
	margin-top: 120px;
}
.sysOut .bd ul li .sysBg{
	width: 100%;
	height: 100%;
	position: relative;
}
.sysOut .bd ul li .circular{
	width: 839px;
	height: 718px;
	position: absolute;
	top: -140px;
	left: 175px;
	background: url(../images/sys_circular.png) center center no-repeat;
}

.sysOut .bd ul li .sysBg .s_ico{
	width: 280px;
	position: absolute;
}
.sysOut .bd ul li .sysBg .s_ico .txtvg{
	width: 215px;
	font-size: 15px;
	color: #fff;
}
.sysOut .bd ul li .sysBg .s_ico .txtvg span{
	font-size: 12px;
	color: rgba(255,255,255,.6);
	display: block;
}
.sysOut .bd ul li .sysBg .s_ico .icoTu{
	width: 60px;
	height: 60px;
}
.fl{ float: left; }
.fr{ float: right; }
.txtleft{ text-align: left; }
.txtright{ text-align: right; margin-right: 5px;}

.sysOut .bd ul li .sysBg .s01{
	top: -70px;
	left: 0px;
}
.sysOut .bd ul li .sysBg .s02{
	top: 180px;
	left: 0px;
}
.sysOut .bd ul li .sysBg .s03{
	top: 480px;
	left: 20px;
}
.sysOut .bd ul li .sysBg .s04{
	top: -70px;
	right: 10px;
}
.sysOut .bd ul li .sysBg .s05{
	top: 180px;
	right: 15px;
}
.sysOut .bd ul li .sysBg .s06{
	top: 480px;
	right: 30px;
}

.sysOut .bd ul li .sysBg .four_s01 {
    top: 0px;
    left: 0px;
}
.sysOut .bd ul li .sysBg .four_s02 {
    top: 370px;
    left: 0px;
}

.sysOut .bd ul li .sysBg .four_s03 {
    top: 0px;
    right: 0px;
}
.sysOut .bd ul li .sysBg .four_s04 {
    top: 370px;
    right: 0px;
}
.sysOut .bd ul li .sysBg .four_s05 {
    top: 155px;
    right: -60px;
}

.sysOut .bd ul li .sysBg .four_s06 {
    top: 180px;
    right: -50px;;
}



.sysOut .bd ul li .sysBg h4{
	text-align: center;
	font-size: 28px;
	color: #fff;
	line-height: 140%;
	margin-top: 80px;
}
.sysOut .bd ul li .sysBg h4 span{
	display: block;
	text-transform: uppercase;
	font-size: 9px;
	color: #fff;
	line-height: 18px;
}

.sysOut .bd ul li .sysBg a.viewMore{
	width: 198px;
	height: 40px;
	background: #0b3556;
	margin: 0px auto;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	display: block;
	color: #fff;
}


.ser_bg{
	width: 100%;
	background: #fff;
	padding: 100px 0px;
	overflow: hidden;
}
.ser_bg .asClt{
	width: 1200px;
	margin: 0px auto;
}
.ser_bg .asClt ul li{
	width: 33.33%;
	float: left;
	border-bottom: 2px solid rgba(0,0,0,0);
    margin-bottom:10px;
    padding:30px;
}
.ser_bg .asClt ul li a{
	color: #000;
    display:block;
    width:80%;
    margin:0px auto;
}
.ser_bg .asClt ul li:hover{
	background: #fff;
}
.ser_bg .asClt ul li .vIco{
	width: 80px;
	height: 80px;
	margin: 0px auto;
}
.ser_bg .asClt ul li h3{
	width: 100%;
	height: 40px;
	margin: 0px auto;
	text-align: center;
	margin-top: 20px;
	color: #0b3556
}
.ser_bg .asClt ul li .ser_line{
	width: 30px;
	height: 2px;
	background: #0b3556;
	margin: 0px auto;
}
.ser_bg .asClt ul li p{
	color: rgba(0,0,0,.6);
	text-align: center;
	font-size: 12px;
	line-height: 200%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.abv_kt{
	width: 100%;
	overflow: hidden;
}
.abv_kt .let_About{
	width: 50%;
	float: left;
}
.abv_kt .let_About .let_ab_ffe{
	width: 550px;
	float: right;
	margin-right: 50px;
	padding: 147px 0px;
	background: url(../images/slogn.png) center center no-repeat;
}
.abv_kt .let_About .let_ab_ffe h2 span{
	display: block;
	font-size: 18px;
}
.abv_kt .let_About .let_ab_ffe h2{
	font-size: 28px;
	color: #0b3556;
	margin-bottom: 30px;
	font-weight: 300
}
.abv_kt .let_About .let_ab_ffe .ab_line{
	background: #0b3556;
	width: 40%;
	height: 1px;
	margin-bottom: 30px;
}
.abv_kt .let_About .let_ab_ffe p{
	font-size: 14px;
	line-height: 200%;
	color: rgba(0,0,0,.6);
}

.abv_kt .let_About .let_ab_ffe .readMore{
	width: 100%;
	border-top: 1px solid #ececec;
	padding-top: 10px; 

}
.abv_kt .let_About .let_ab_ffe .readMore .redmo{
	float: left;
	font-size: 12px;
	color: #6a6a6a;
}
.abv_kt .let_About .let_ab_ffe .readMore .biao{
	float: right;
}
.abv_kt .video_x{
	width: 50%;
	float: left;
	position: relative;
}
.abv_kt .video_x .left_img{
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
	overflow:  hidden;
	min-height: 563px;
}
.abv_kt .video_x .left_img .imgLogo{
	width: 261px;
	position: absolute;
	top: 50px;
	left: 342px;
	height: auto;
	z-index: 0;
}
.abv_kt .video_x .left_img .imgLogo img{
	width: 100%;
}
.abv_kt .video_x .left_img .copyLogo{
	width: 385px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: auto;
	z-index: 1;
}

.abv_kt .video_x img{
	width: 100%;
}
	.left_img video{
	
		width:497px; 
		height:373px;
	}



.new_gm{
	width: 1200px;
	margin: 0px auto;
	padding: 30px 0px;
	overflow:  hidden;
	margin-bottom:  30px;
}
.new_gm .jnq_t{
	width: 100%;
	float: left;
}
.new_gm .jnq_t .title_m{
	width: 500px;
	float: left;
}
.new_gm .jnq_t .title_m h2{
	color: #0b3556;
	font-size: 28px;
    font-weight: 300;
}
.new_gm .jnq_t .title_m .t_line{
	width: 10px;
	height: 1px;
	background: #000;
}
.new_gm .jnq_t .title_m p{
	color: #666666;
	font-size: 12px;
}

.new_gm .jnq_t .rview{
	float: right;
	font-size: 14px;
	margin-top: 60px;
}
.new_gm .jnq_t .rview a{
	color: #0b3556;
}
.new_gm .jnq_t .rview .gmqw{
	width: 13px;
	float: left;
	margin-right: 10px;
}



.news_List{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.news_List ul li{
	width: 345px;
	border: 1px solid #ececec;
	float: left;
	margin-right: 75px;
	transition: all 0.5s ease;
}
.news_List ul li:last-child{
	margin-right: 0px;
}
.news_List ul li .news_qd{
	width: 100%;
	float: left;
    max-height:248px;
    overflow:hidden;
}
.news_List ul li .news_qd img{
	width: 100%;
    display:block;
}
.news_Cent{
	width: 100%;
	padding:16px 21px;
	color: #1c1c1c;
	float: left;
	transition: all 0.5s ease;
}

.news_List ul li:hover .news_Cent{
	background: #0b3556;

}
.news_List ul li:hover .news_Cent h2{
	color: #fff;
}
.news_List ul li:hover .news_Cent p{
	color: #eee;
}
.news_List ul li:hover .news_Cent .readMore .redmo{
	color: #fff;
}
.news_Cent h2{
	font-size: 18px;
	font-weight: 100;
	margin-top: 0px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.news_Cent p{
	font-size: 14px;
	line-height: 150%;
	color: #6a6a6a;
}

.news_Cent .readMore{
	width: 100%;
	border-top: 1px solid #ececec;
	padding-top: 10px; 

}
.news_Cent .readMore .redmo{
	float: left;
	font-size: 12px;
	color: #6a6a6a;
}
.news_Cent .readMore .biao{
	float: right;
}



.footer{
	width: 100%;
	background: #efefef;
	overflow: hidden;
	padding-bottom: 25px;
}
.footer .taior{
	width: 1200px;
	margin: 0px auto;
	padding-top: 50px;
}
.footer .taior .rightMenu{
	width: 730px;
	float: right;
	position: relative;
}
.footer .taior .rightMenu .fotline{
	position: absolute;
	height: 2px;
	width: 105%;
	top: 60px;
	left: -20px;
	background: #d4d4d4;
	border-bottom: 1px solid #ffffff;
	/* overflow:  hidden; */
}

.footer .taior .rightMenu dl{
	float: left;
	margin-right: 30px;
}
.footer .taior .rightMenu dl dt{
	font-size: 16px;
	color: #383838;
	margin-bottom: 50px;
}
.footer .taior .rightMenu dl dt a{
	color: #383838;
}
.footer .taior .rightMenu dl dd{
	max-width: 160px;
	margin: 0px;
	font-size: 14px;
	color: #9b9b9b;
	padding: 1px 0px;
}
.footer .taior .rightMenu dl dd a{
	color: #9b9b9b;
}
.footer .taior .rightMenu a:hover{
	color: #0b3556;
}



.footer .taior .leftOhter{
	width: 250px;
	float: left;
}
.footer .taior .leftOhter .FotLogo{
	width: 175px;
	float: left;
}
.footer .taior .leftOhter .FotLogo img{
	width: 100%;
}

.footer .taior .leftOhter .mation{
	width: 100%;
	float: left;
	font-size: 14px;
	color: #2b2b2b;
	margin-top: 40px;
}

.footer .taior .leftOhter .mation h3{
	margin: 5px 0px;
	font-size: 20px;
	color: #0b3556;
}

.jiathis_style_32x32{
	float: left;
	margin-top: 30px;
}
#taior .jiathis_style_32x32 a{
	
}
#taior .jiathis_style_32x32 .jtico_tsina{
	background: url(../images/weibo.png) no-repeat;
	margin-right: 10px;
}
#taior .jiathis_style_32x32 .jtico_weixin{
	background: url(../images/wechat.png) no-repeat;
	margin-right: 10px;
}
#taior .jiathis_style_32x32 .jtico_fb{
	background: url(../images/face.png) no-repeat;
	margin-right: 10px;
}


.erweim{
	float: left;
	width: 120px;
	padding-top: 30px;
	padding-left: 10px;
}

.foot_bottom{
	width: 100%;
	height: 60px;
	line-height: 60px;
	background: #0b3556;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

#goTopBtn {
	position: fixed;
	line-height:36px;
	width:36px;
	bottom: 55px;
	right: 10px;
	height:36px;
	cursor:pointer;
	display:none;
	z-index: 666;
	background:url(../images/back_to_top_white.png);
}

.nx_bg{
	width: 100%;
	height: auto;
	padding-top: 90px;
}
.nx_bg img{
	width: 100%;
	display: block;
}

.gd_la{
	text-align: center;
	height: 60px;
	/*border-bottom: 1px solid #ededed;*/
}
.gd_la .de{
    width: 400px;
	width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
	margin: 0px auto;
}
.gd_la a{
	font-size: 14px;
	line-height: 60px;
	display: block;
	float: left;
	padding: 0px 20px;
	color: #828282;
}
.gd_la a:hover{
	background: #0b3556;
	color: #fff;
}
.gd_la a.cur{
	background: #0b3556;
	color: #fff;
}


.about_com{
	width: 100%;
	margin: 0px auto;
	padding: 70px 0px;
	overflow: hidden;
	padding-bottom: 0px;
}
.about_ctx{
	width: 1200px;
	margin: 0px auto;
	/*overflow: hidden;*/
}

.about_com .left_txt{
	width:100%;
	float: left;
	    padding-bottom: 50px;
}

.about_com .left_txt .topgd{
	background: #0b3556;
	width: 30%;
	font-size: 14px;
	color: #fff;
	
	padding: 5px;
	padding-left: 30px;
}

.about_com .left_txt h3{
	font-size: 30px;
	font-weight: 100;
	margin: 0px;
	margin-top: 20px;
}
.about_com .left_txt p{
	font-size: 14px;
	line-height: 180%;
}
.about_com .left_img{
	width: 497px;
	float: right;
	position: relative;
	height: 100%;
    margin-left:40px;
}
.gqw_me{
    position: absolute;
    right: -15px;
    background: #0b3556;
    width: 100%;
    height: 285px;
    z-index: -1;
}
.gqw_me img{
	opacity: 0.0;
}
.about_com .left_img video{

}
.about_com .left_img .imgLogo{
	width: 261px;
	position: absolute;
	top: 0px;
	right: 0px;
	height: auto;
	z-index: 0;
}
.about_com .left_img .imgLogo img{
	width: 100%;
}
.about_com .left_img .copyLogo{
	width: 385px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: auto;
	z-index: 1;
}



.about_leqt{
	width: 100%;
	background: #fff;
}
.about_leqt .contx{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;

}
.about_leqt .contx ul li{
	float: left;
	margin-right: 60px;
	    padding: 30px 15px 30px 15px;
	background: url(../images/contul.png) right no-repeat;

}
.about_leqt .contx ul li strong{
	font-size: 40px;
	color: #0b3556;
	display: block;
	    font-family: 'BEBAS';
}
.about_leqt .contx ul li{
	font-size: 14px;
	color: #00000099;
    text-align: center;
}
.about_leqt .contx ul li:first-child{
	margin-left: 60px;
}
.about_leqt .contx ul li:last-child{
	margin-right: 0px;
}


.histoy{
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 150px;
}
.histoy ul{
	width:100%;
}
.histoy ul li{
	width:196px;
    height:196px;
    float:left;
    cursor: pointer;
    position: relative;
    margin-right: 89px;
}
.histoy ul li .kuang{    
    position: absolute;
    width: 196px;
    height: 196px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #ddd;
    margin-top: 42px;
    margin-left: 42px;
}
.histoy ul li .kuang1{ top:0px; left:0px; z-index:1;}
.histoy ul li .kuang2{ top:0px; left:5px; z-index:2;}
.histoy ul li .text1{ width: 276px; height: 276px; text-align:center;z-index: 3; position: absolute; left: 7px; top:2px;}
.histoy ul li .text1 .bg{width: 276px; height: 276px; }
.histoy ul li .text1 .num{font-size: 40px; color:#0b3556; font-weight: 700; padding-top: 70px;  font-family: 'BEBAS'; }
.histoy ul li .text1 .title{ font-size: 15px; color: #00000099; }
.histoy ul li .text1 .eng{ font-size: 12px; color: #b4a078; }
.histoy ul li .text2{ width: 276px; height: 276px; z-index: 4; position: absolute; left: 5px; top:0px;display: none; }
.histoy ul li .text2 .mengban{ border:1px solid #0b3556;
  position: absolute;
  z-index: 1;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  background: #0b3556;
  margin-top: 42px;
  margin-left: 42px;
}
.histoy ul li .text2 .desc{ position: absolute; z-index: 2; width: 140px; height: 110px; top:98px; left:70px; font-size: 16px; color: #fff; text-align: center; line-height: 24px;}
.histoy ul li{ margin-right: 89px; }
.histoy ul.two li{ margin-top: -40px;}
.histoy ul li:hover .text2{display: block;}
.histoy ul.w1 li:nth-child(2){margin-left:-144.5px;}
.histoy ul.w1 li:last-child{margin-left:-144.5px;}
.histoy ul li .text1 .bg1{ background: url(../images/process-img1.png) no-repeat;}
.histoy ul li .text1 .bg2{ background: url(../images/process-img2.png) no-repeat;}
.histoy ul li .text1 .bg3{ background: url(../images/process-img3.png) no-repeat;}
.histoy ul li .text1 .bg4{ background: url(../images/process-img4.png) no-repeat;}
.histoy ul li .text1 .bg5{ background: url(../images/process-img5.png) no-repeat;}
.histoy ul li .text1 .bg6{ background: url(../images/process-img6.png) no-repeat;}
.histoy ul li .text1 .bg7{ background: url(../images/process-img7.png) no-repeat;}
.histoy ul.w1 li:nth-child(4) .text2 .desc{top: 90px;}
.histoy ul.w2 li:nth-child(2) .text2 .desc{top: 70px;}
.histoy ul.w2 li:nth-child(4) .text2 .desc{top: 70px;}


.fishBone .top ul li:nth-child(3){
	display: none
}

.histoy h2{
    width: 100%;
    font-size: 28px;
    text-align: center;
    color: #0b3556;
    margin: 47px 0px;
	font-weight: 300
}
.histoy h2 span{
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}
.timeline-item{
	/*background: #f7f7f7;*/
}

.timeline-visual{
	background: #000;
	float: left;
	/*width: 820px;*/
    height: 512px;
}
.timeline-visual img{
	width: 100%;
	height: 512px;
	display: block;
	float: left;
}
.timeline-detail{
	float: left;
	width: 325px;
	/*margin-right: 5%;*/
	line-height: 180%;
	margin-top: 150px;
}
    /*base*/
    @font-face {
        font-family: 'BEBAS';
        src: url('..../fonts/bebas.eot');
        src: url('/fonts/BEBAS.eot') format('embedded-opentype'),
             url('..../fonts/bebas.woff2') format('woff2'),
             url('/fonts/BEBAS.woff') format('woff'),
             url('../fonts/bebas.ttf') format('truetype'),
             url('../fonts/bebas.svg#bebas') format('svg');
    }

.timeline-detail h2{
	font-size: 40px;
    font-family: 'BEBAS';
    text-align: left;
    font-weight: 100;
    margin: 0px;
    margin-top: 32px;
}
.timeline-detail-list li{
	text-align: left;
}

.section-list-box{
	position: relative;
}

.timeline-detail-list li {
	margin-top: 20px;
}

h2.gtopMe{
	position: absolute;
	left: 0px;
	width: 225px;
	font-size: 35px;
	text-align: left;
	margin: 0px;
	border-bottom: 3px solid #0b3556;
    padding-bottom: 32px;
    font-weight: 100;
    z-index: 666;
}
h2.gtopMe span{
	font-size: 42px;
    font-weight: bold;
    font-family: 'BEBAS';
}

h2.gtopMe_ast{
	position: absolute;
	left: 0px;
	bottom: -120px;
	width: 325px;
	font-size: 20px;
	text-align: left;
	margin: 0px;
    padding-bottom: 32px;
    font-weight: 100;
    z-index: 666;
    color: #868686;
    background: #fff;
}
h2.gtopMe_ast span{
	font-size: 35px;
    font-weight: 100;
    margin-bottom: 5px;
    font-family: 'BEBAS';
    color: #424242;
}




.Future{
	width: 100%;
	background: url(../images/future.jpg) center no-repeat;
	height: 567px;
}

.Future .neil{
	width: 800px;
	margin: 0px auto;
	padding: 80px 0px 0px 0px;
}

.Future .neil h2{
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin: 47px 0px;
}
.Future .neil h2 span{
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}

.Future .neil p{
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 200%;
}



.xwm{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
}
.ptb180{
	padding: 180px 0px;
}
.ptb100{
	padding: 60px 0px;
}
.contantView{
	width: 100%;
	background: #f5f5f5;
}

.contantView .leftTel{
	width: 350px;
	float: left;
}
.leftTel h3{
	font-size: 35px;
	color: #313131;
	font-weight: 100;
}
.leftTel h3 span{
	display: block;
	font-size: 18px;
}

.leftTel li{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px;
	color: #444444;
}
.leftTel li a{display:block;color: #444444;}
.leftTel li label{
	text-transform: uppercase;
	margin:0px 10px;
	width: 65px;
	display: block;
	float: left;
	color: #a4a4a4;
	font-weight: 100;
}
.leftTel li a:before{
	content: "";
	background: url(../images/contant_ico.png) center no-repeat;
	width: 21px;
	height: 25px;
	display: block;
	float: left;
}

.leftTel li a.add:before{
	background-position: 0 0;
}
.leftTel li a.phone:before{
	background-position: 0px -40px;
}
.leftTel li a.fax:before{
	background-position: 0px -77px;
}
.leftTel li a.eamil:before{
	background-position: 0px -115px;
}
.leftTel li a.web:before{
	background-position: 0px -155px;
}

.my-map { width: 800px; height: 400px; float: left; }
.my-map .icon { background: url(../images/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}




h3.meag{
	font-size: 35px;
	color: #313131;
	font-weight: 100;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 80px;
}



.mesageLeft{
	width: 313px;
	float: left;
	
}
.mesageLeft img{
	width: 100%;
	display: block;
}
.mesageRight{
	width: 800px;
	float: right;
}
.mesageRight li{
	width: 48%;
	float: left;
	margin-right: 4%;
    margin-bottom:10px;
}
.mesageRight li:nth-child(2n){
	margin-right: 0px;
}
.mesageRight li input{
	width: 100%;
	height: 40px;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	padding-left: 30px;
}
.mesageRight li input.name{
	background: url(../images/message_ico.jpg) left center no-repeat;
	background-position: 5px 8px;
}
.mesageRight li input.Phone{
	background: url(../images/message_ico.jpg) left center no-repeat;
	background-position: 5px -43px;
}
.mesageRight li input.email{
	background: url(../images/message_ico.jpg) left center no-repeat;
	background-position: 5px -88px;
}
.mesageRight li select{
	width: 100%;
	height: 40px;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	padding-left: 30px;
	background: url(../images/message_ico.jpg) left center no-repeat;
	background-position: 5px -138px;
	color: #757575;
}


.mesageRight li:nth-child(5){
	width: 100%;
	height: 248px;
}
.mesageRight li:nth-child(6){
	width: 100%;
	height: 50px;
	margin-top: 20px;
}
.mesageRight li textarea{
	width: 100%;
	border: 1px solid #d9d9d9;
	font-size: 14px;
	height: 248px;
	background: url(../images/textarea.jpg) 8px 17px no-repeat;
	padding: 15px 30px 0px 30px;
}

.mesageRight li .submit{
	width: 175px;
	border-radius: 50px;
	background: #ebebeb;
	padding-left: 0px;
	border: 0px;
	margin-right: 20px;
	float:  left;
}


.neglist{
	width: 1230px;
	margin: 0px auto;
	padding: 70px 0px;
	overflow: hidden;
}


.neglist li{
	width: 378px;
	float: left;
	overflow: hidden;
	transition: all 0.5s ease; 
	margin-right: 30px;
	margin-bottom: 40px;
}
.neglist li:nth-child(3n){
	margin-right: 0px;
}

.neglist li .pic{
	width: 100%;
	max-height: 211px;
	float: left;
    overflow:hidden;
}
.neglist li .pic img{
	display: block;
	width: 100%;
}
.neglist li .tqMd{
	width: 100%;
	
	border: 1px solid #f1f1f1;
	padding: 20px 10px 0px 10px;
	float: left;

	transition: all 0.5s ease; 
}
.neglist li .tqMd .time{
	width: 69px;
	border-right: 1px solid #f1f1f1;
	float: left;
}
.neglist li .tqMd .time h4{
	font-size: 25px;
	color: #313131;
	margin: 0px;
	text-align: center;
}
.neglist li .tqMd .time h4 span{
	font-size: 12px;
	display: block;
	font-weight: 100;
}
.neglist li .tqMd .tmqw{
	float: left;
	width: calc(100% - 80px);
	margin-left: 10px;
}
.neglist li .tqMd .tmqw h3{
	color: #656565;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.neglist li .tqMd .tmqw p{
	color: #979797;
	font-size: 12px;
}

.detalis{
	width: 100%;
	float: left;
	padding-top: 3px;
	border-top: 1px solid #ebebeb; 
}

.detalis .ico_hover{
	display: block;
	float: right;
	width: 24px;
	height: 8px;
	margin-top: 3px;
	background: url(../images/nehover.png) no-repeat;
}
.neglist li:hover .detalis .ico_hover{
	background: url(../images/nehover_01.png) no-repeat;
}
.detalis .gmu{
	display: block;
	float: left;
	font-size: 12px;
	color: #656565;
}

.neglist li:hover{
	background: #0b3556;
}
.neglist li:hover .tqMd .time h4{
	color: #fff;
}
.neglist li:hover .tqMd .tmqw h3{
	color: #fff;
}
.neglist li:hover .tqMd .tmqw p{
	color: #fff;
}
.neglist li:hover .detalis .gmu{
	color: #fff;
}


.newSinfo{
	width: 1000px;
	margin: 0px auto;
	overflow: hidden;
	padding: 100px 0px;
}
.newSinfo .info_line{
	width: 100%;
	background: #dddddd;
	height: 2px;
	border-bottom: 1px solid #fff;
}
.newSinfo h2{
	font-size: 24px;
	text-align: center;
}
.newSinfo h4{
	font-size: 14px;
	text-align: center;
	color: #7d7d7d;
}
.newSinfo p{
	font-size: 14px;
	line-height: 180%;
}


.system_kode{
	width: 1000px;
	margin: 0px auto;
	padding: 30px 0px;
}
.system_kode h2 {
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #0b3556;
    margin: 47px 0px;
}
.system_kode h2 span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}

.system_kode p{
	font-size: 14px;
	line-height: 180%;
	color: #333333;
}

.system_list{
	width: 1200px;
	margin:0px auto;
	overflow: hidden;
	margin-top: 60px;
}
.system_list ul li{
	width: 100%;
	max-height: 400px;
	margin-bottom: 40px;
	float: left;
}
.system_list ul li .fl{
	float: left;
}
.system_list ul li .fr{
	float: right;
}
.system_list ul li .txmq{
	width: 500px;
	padding:52px 60px;
	background: #f6f6f6;
}
.system_list ul li .dv_line{
	width: 60px;
	height: 2px;
	background: #0b3556;
	float: left;
	margin-bottom: 10px;
}
.system_list ul li p{
	float: left;
	font-size: 14px;
	line-height: 180%;
	max-height: 175px;
    width:100%;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
}
.system_list ul li a{
	width: 100%;
	float: left;
	text-transform: uppercase;
	font-size: 14px;
	color: #0b3556;
	font-weight: bold;
}

.system_list ul li .systImg{
	width: 699px;
	background: #f6f6f6;
}
.system_list ul li .systImg img{
	width: 100%;
	display: block;
}



.serv_md{
	width: 100%;
	/*background: #fbfbfb;*/
	padding: 0px 0px;
	overflow:  hidden;
}

.serv_ls{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
}
.serv_ls h2 {
    width: 100%;
    font-size: 28px;
    text-align: center;
    color: #0b3556;
    margin: 47px 0px;
    margin-top: 0px;
	font-weight: 300
}
.serv_ls h2 span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}



.serv_ls h4{
	width: 100%;
	border-bottom: 1px solid #ededed;
	font-size: 18px;
	color: #0b3556;
	padding: 10px 0px;
	margin-top: 0px;
}

.serv_ls .jian_mt{
	width: 640px;
	float: left;
}
.serv_ls .jian_mt p{
	line-height: 180%;
	font-size: 14px;
}
.serv_ls .jian_mt ul{
	width: 45%;
}
.serv_ls .jian_mt li{
	width: 20%;
	float: left;
	margin-right: 5%;
}
.serv_ls .jian_mt li:last-child{
	margin-right: 0px;
}
.serv_ls .jian_mt li .pvqe{
	width: 100%;
	float: left;
}
.serv_ls .jian_mt li .pvqe img{
	width: 100%;
}
.serv_ls .jian_mt li .title{
	width: 100%;
	text-align: center;
	font-size: 14px;
}

.serv_ls .dqmt{
	width: 500px;
	float: right;
}
.serv_ls .dqmt img{
	width: 100%;
}



.ser_fqa{
	width: 1200px;
	margin: 0px auto;
	overflow: hidden;
	margin: 80px auto;
}
.ser_fqa h2 {
    width: 100%;
    font-size: 28px;
    text-align: center;
    color: #0b3556;
    margin: 47px 0px;
    margin-top: 0px;
	font-weight: 300
}
.ser_fqa h2 span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}

/* 本例子css */
.sideMenu{  }
.sideMenu h3{
	height:75px;
	line-height:75px;
	padding-left:50px;
	border-top:1px solid #e3e3e3;

	cursor:pointer;
	margin: 0px;
	font-size: 15px;
	font-weight: 100;
	background: url(../images/faq_ico_01.jpg) 20px 25px no-repeat #f4f4f4;
}

.sideMenu h3 em{float:right;display:block;margin-top:  20px;width:40px;height:32px;background:url(../images/icoadd.png) 16px 12px no-repeat;cursor:pointer;}
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ 
color:#999; 
display:none; 
background: #f4f4f4;
/* 默认都隐藏 */
 }

.sideMenu ul li{
	padding:17px 50px; 
	background: url(../images/faq_ico_02.jpg) 20px 33px no-repeat #f4f4f4;
	line-height: 180%;
	font-size: 14px;
	color: #666666;
}
.sideMenu ul:nth-last-child(2n){
	background: #fff;
}
.sideMenu ul li a{
	color: #666666;
}


.download{

}
.download li{
	
	float: left;
	background: #fff;
	padding: 30px 20px;
	position: relative;
	margin-right: 2.75%;
}
.download li:nth-child(3n){
	margin-right: 0px;
}
.download li .leftile{
	width: 50%;
	float: left;
	font-size: 15px;
	
}

.leftile .dqw{
	display: block;
	width: 145px;
	height: 44px;
	border-radius: 50px;
	line-height: 44px;
	text-align: center;
	padding-left: 15px;
	color: #3f3f3f;
	background: url(../images/down_ico_01.png) #fff 25px 12px no-repeat;
	border: 1px solid #e0e0e0;
	transition: all 0.3s ease 0s;
	position: absolute;
	bottom: 40px;

}
.leftile .dqw:hover{
	color: #fff;
	background: url(../images/down_ico_02.png) #0b3556 25px 12px no-repeat;
	border: 1px solid #0b3556;
}


.downBook{
	float: right;
	width: 45%;
}
.downBook img{
	width: 100%;
}







<!---->
.pro_le{
	width: 100%;
	background: #fff;
	overflow: hidden;
	padding: 0px 0px 100px 0px;
}


/* 左侧菜单容器样式 */
.pro_le .leftMenu{
	width: 15%;
	float: left;
	margin-left: 15%
}

/* 标题样式 */
.pro_le .leftMenu h3{
	width: 100%;
	height: 75px;
	line-height: 125px;
	font-size: 18px;
	text-align: center;
}

/* 分隔线样式 */
.pro_le .leftMenu .pro_line{
	width: 95%;
	height: 1px;
	background: #e6e6e6;
}


/* 主菜单列表 */
.pro_le .leftMenu .category-list {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 一级菜单项基础样式 */
.pro_le .leftMenu .first-level {
  width: 100%;
  position: relative;
}

/* 一级菜单链接样式 */
.pro_le .leftMenu .first-level > .category-title {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  transition: all 0.3s ease;
  position: relative;
  background: #fff;
}

/* 有子菜单的一级菜单项 */
.pro_le .leftMenu .has-children > .category-title {
  padding-right: 40px; /* 为箭头预留空间 */
}

/* 箭头图标样式 */
.pro_le .leftMenu .arrow {
  position: absolute;
  right: 15px;
  top: 40%;
  width: 20px;
  height: 20px;
  margin-top: -5px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23333" d="M7 10l5 5 5-5z"/></svg>') no-repeat center;
  background-size: contain;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}

/* 一级菜单交互状态（悬停/点击/展开） */
.pro_le .leftMenu .first-level:hover > .category-title,
.pro_le .leftMenu .first-level.active > .category-title {
  color: #fff;
  background: #0b3556;
  border-bottom-color: #0b3556;
}

/* 交互状态箭头变白 */
.pro_le .leftMenu .first-level:hover .arrow,
.pro_le .leftMenu .first-level.active .arrow {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M7 10l5 5 5-5z"/></svg>');
}

/* 展开状态箭头朝下 */
.pro_le .leftMenu .first-level.active .arrow {
  transform: rotate(0deg);
}

/* 二级菜单容器 */
.pro_le .leftMenu .second-level {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
}

/* 展开时显示二级菜单 */
.pro_le .leftMenu .first-level.active .second-level {
  display: block;
}

/* 二级菜单项样式 */
.pro_le .leftMenu .second-level li a {
  display: block;
  padding: 12px 20px 12px 30px;
  color: #666;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.2s ease;
  background: #fff;
  border-bottom: 1px solid #f5f5f5;
}

/* 二级菜单交互状态 */
.pro_le .leftMenu .second-level li a:hover,
.pro_le .leftMenu .second-level li a:focus,
.pro_le .leftMenu .second-level li.active a {
  color: #0b3556;
  font-weight: bold;
  background: #fff;
}

/* 无子菜单的一级菜单项交互 */
.pro_le .leftMenu .first-level:not(.has-children) > .category-title:hover {
  color: #fff;
  background: #0b3556;
  cursor: pointer;
}


/* right_Pro  */

.pro_le .right_Pro{
	width: 55.2%;
	float: left;
	margin-left: 10px;
	border-left: 1px solid #dddddd;
	padding-left: 20px;
}

.pro_le .right_Pro h3{
	width: 100%;
	height: 75px;
	line-height: 125px;
	font-size: 18px;
}
.pro_le .right_Pro h3 span{
	text-transform: uppercase;
	font-size: 12px;
}






.right_Pro ul {
  margin: 0; 
  padding: 0; 
  display: flex; 
  flex-wrap: wrap; 
  justify-content: flex-start;
  list-style: none;
}

.right_Pro ul li {
  float: none; 
  width: 33%; 
  background: #fff;
  cursor: pointer;
  transition: all 0.5s ease 0s; 
  margin-bottom: 10px;
  display: flex; 
  align-items: center; 
  box-sizing: border-box; 
  padding: 8px; 
}


.right_Pro ul li .proIgame {
   max-width: 100%; 
    overflow: hidden; /* 超出固定高度的内容将被隐藏 */
    float: inherit;
    margin: 0px auto;
    border-right: 0px solid #ececec;
    /* 可选：添加 object-fit 控制图片显示方式（如果是图片元素） */
    object-fit: cover; /* 保持比例并裁剪图片以填满容器 */
}



.right_Pro ul li .proIgame img{
  max-width: 100%; 
  height: auto; 
  display: block; 
}

.right_Pro ul li:nth-child(3n) .proIgame {border-right: none;}
.right_Pro ul li .nameGt{margin-left: 10px;  max-width: 100%; height: auto;}
.right_Pro ul li .nameGt h4{color: #0b3556;margin-bottom: 0px;/*margin-top: 21%;*/}
.right_Pro ul li .nameGt h4 span{
	color: #222222;
	font-size: 14px;

}
.right_Pro ul li .nameGt p{
	color: rgba(160,160,160);
	font-size: 15px;
    display:block;
    padding:0px;
    margin:5px 0 0 0;
    line-height:25px;

}
.right_Pro ul li dl dd{
	width: 29px;
	height: 50px;
	float: left;
	cursor: pointer;
	margin-left: 60px;
}
.right_Pro dl{
	overflow: hidden;
	float: right;
	margin-right: 10px;
}
.right_Pro dl dd.a1c{
	background: url(../images/pro_as_01.png) center no-repeat;
}
.right_Pro dl dd.a1c:hover{
	background: url(../images/pro_as_01_b.png) center no-repeat;
}
.right_Pro dl dd.a2c{
	background: url(../images/pro_as_02.png) center no-repeat;
}
.right_Pro dl dd.a2c:hover{
	background: url(../images/pro_as_02_b.png) center no-repeat;
}
.right_Pro dl dd.a3c{
	background: url(../images/pro_as_03.png) center no-repeat;
}
.right_Pro dl dd.a3c:hover{/*
	background: url(../images/pro_as_03_b.png) center no-repeat;
*/}


.right_Pro ul li:hover {
	background: linear-gradient(45deg, #0b3556, #0f172a);
}
.right_Pro li:hover dd.a3c {
  background: url(../images/pro_as_03_b.png) center no-repeat;
}

.right_Pro ul li:hover .nameGt h4{
	color: #fff;
}
.right_Pro ul li:hover .nameGt h4 span {
    color: #ffffff;
}


.page_one{
	overflow: hidden;
	margin-top: 50px; float:right;
}
.page_one span{
	display: block;
	float: left;
	padding: 5px 10px;
	text-align: center;
	line-height: 20px;
	
	border-radius: 5px;
	color: #222222;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
	transition: all 0.5s ease 0s;
}
.page_one a{
	display: block;
	float: left;
	padding: 5px 10px;
	text-align: center;
	line-height: 20px;
	background: #fff;
	border-radius: 5px;
	color: #222222;
	font-weight: bold;
	font-size: 12px;
	margin-right: 10px;
	transition: all 0.5s ease 0s;
}
.page_one .current{
	background: #0b3556;
	color: #fff;
}
.page_one a:hover{
	background: #0b3556;
	color: #fff;
}

.right_Pro .pro_line {
    width: 100%;
    height: 1px;
    background: #e6e6e6;
}

ul.dtqgg{
	float: right;
	width: auto;
}
ul.dtqgg li{
	font-size: 12px;
	float: left;
	background: none;
	width: 55px;
	color: #b8b8b8;
	margin-left: 60px;
}
ul.dtqgg li:hover{
	background: none;
}



.proIx{
	width: 100%;
	border: 0px solid #f00;
	overflow: hidden;
}

.proIx .topGame{
	width: 830px;
	float: inherit;
	padding: 20px 0px;
	margin:  0px auto;
	overflow:  hidden;
}
.proIx .topGame .leftImg{
	width: 550px;
	overflow: hidden;
	float: left;
	padding: 5px;
    background: #fff;
}
.proIx .topGame .leftImg img{
	width: 100%;
	display: block;
}

.proIx .topGame .right_txt{
	width: 250px;
	float: left;
	margin-left: 30px; margin-top:50px;
}
.proIx .topGame .right_txt h1{
	font-size: 28px;
}
.proIx .topGame .right_txt h2{
	font-size: 20px;
	color: #0b3556;
	margin: 0px;
}
.proIx .topGame .right_txt h3.cse2{
	font-size: 14px;
	color: rgba(34,34,34,.6);
	padding: 0px;
	margin: 0px;
	line-height: 30px;
}
.proIx .topGame .right_txt p{
	color: rgba(34,34,34,.6);
	font-size: 14px;
	line-height: 180%;
    padding:0px;
    margin:0px;
}


.proIx .xGameOc{
	width: 100%;
	float: left;
}
.proIx .xGameOc .cfgood{
	width: 100%;
	height: 43px;
	line-height: 43px;
	padding: 0px 10%;
	text-align: center;
	border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
}
.proIx .xGameOc .cfgood a{
	width: 33%;
	height: 43px;
	line-height: 43px;
	padding: 0px 50px;
	font-size: 15px;
	color: rgba(34,34,34,.6);
	transition: all 0.3s ease 0s;
}
.proIx .xGameOc .cfgood a:hover{
	color: #0b3556;
	font-weight: bold;
}

.proIx .xGameOc .viewALL{
	width: 830px;
	/* float: inherit; */
	margin:  0px auto;
	margin-top: 50px;
	text-align: center;
}

.proIx .xGameOc .slideTxtBox{ width:100%;}
.proIx .xGameOc .slideTxtBox .hd{width: 100%;height: 43px;line-height: 43px; padding: 0px 0px;border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; position:relative; }
.proIx .xGameOc .slideTxtBox li:hover{background:none;}
.proIx .xGameOc .slideTxtBox .hd ul li{ float:left; padding:0 50px; cursor:pointer; width:25%; text-align:center;height: 41px;line-height: 41px;font-size: 15px;color: rgba(34,34,34,.6); transition: all 0.3s ease 0s; margin-bottom:0px;}
.proIx .xGameOc .slideTxtBox .hd ul li.on{background:#0b3556; color:#fff;}
.proIx .xGameOc .slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
.proIx .xGameOc .slideTxtBox .bd li{line-height:24px;   }

.wrap_wh{
    padding: 0 6%;
    width: 68%;
    margin: 0px auto;
    overflow:  hidden;
}
.wrap_wh ul {
    width: 101%;
    border-left: 1px solid #e5e5e5;
    overflow:  hidden;
}
.wrap_wh ul li {
    width: 25%;
    border-right: 1px solid #e5e5e5;
    height: 300px;
    padding: 35px 6px 0;
    float: left;
}
.wrap_wh li .wh_ico{
    display: block;
    width: 100%;
    height: 47px;

}
.wrap_wh li .f18 {
    font-size: 16px;
    color: #333;
    line-height: 30px;
    margin-top: 11px;
    text-align: center;
}
.wrap_wh li .word{
    display: block;
    text-align: center;
    color: #666;
    margin-top: 10px;
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px;
}

.wrap_wh .Culture{width:100%;border-bottom: 1px solid #ededed; padding:50px 0px 50px 0px;}
.wrap_wh .Culture .txt{width:calc(50% - 50px); float:left;}
.wrap_wh .Culture .txt:nth-child(2n){float:right;}
.wrap_wh .Culture .txt h3{width: 100%; font-size: 18px; color: #0b3556; padding: 10px 0px;margin-top: 0px;}
.wrap_wh .Culture .txt p{line-height: 180%;font-size: 14px;}
.wrap_wh .Culture .clear{width:100%;}

.groupt{
	width: 100%;
	overflow: hidden;
	background: #f7f7f7;
}
.groupt h2 {
    width: 100%;
    font-size: 28px;
    text-align: center;
    color: #0b3556;
    margin: 47px 0px;
	font-weight: 300
}
.groupt h2 span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}

.take_action{
	width: 1200px;
	margin: 0px auto;
}

.take_action h2 {
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #0b3556;
    margin: 47px 0px;
}
.take_action h2 span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}

.take_action li {
    width: 25%;
    float: left;
    height: 50px;
    font-size: 16px;
    color: #666;
    line-height: 30px;
    padding: 10px 0 10px 1.5%;
    cursor: pointer;
    transition: background .3s;
}
.take_action li span {
    color: #ea0012;
    margin-right: 4%;
}
.take_action li:hover{
	background: #f5f5f5;
}


.pd100{
	padding: 60px 0px 100px 0px;
	overflow: hidden;
}


.honnor_bg{
	width: 100%;
	background: #f7f7f7;
	overflow: hidden;
}

.honnor{
	width: 1200px;
	margin: 0px auto;
}
.honnor .dePm{
	width: 100%;
	float: left;
	background: #fff;
	margin: 40px 0px;
	overflow: hidden;
}
.honnor .dePm .leimg{
	width: 380px;
	float: left;
}
.honnor .dePm .leimg img{
	width: 100%;
	display: block;
}
.honnor .right {
    width: 60%;
    padding-top: 2%;
    margin-left: 3.5%;
    margin-right: 1%;
}
.honnor .right .tit {
    width: 100%;
    line-height: 54px;
    height: 56px;
}
.honnor .right .tit .f30 {
    color: #0b3556;
    display: inline-block;
    margin-right: 19px;
    font-size: 26px;
    line-height: 50px;
}
.honnor .right .tit .f36 {
    text-transform: uppercase;
    color: #eee;
    font-size: 30px;
}
.honnor .right .list {
    width: 100%;
    overflow: hidden;
}
.honnor .right .list p {
    display: block;
    float: left;
    line-height: 32px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    width: 27%;
    padding-left: 0%;
    margin-right: 4%;
    margin-top: 0px;
}



.honGame_Ikod{
	width: 100%;
	float: left;
}

.honGame_Ikod li{
	width: 22%;
	float: left;
	margin-right: 4%;
	margin-bottom: 20px;
}
.honGame_Ikod li:nth-child(4n){
	margin-right: 0%;
}
.honGame_Ikod li img{
	width: 100%;
	display: block;
}

.sebist{
	width: 100%;
}
.sebist ul li{
	width: 22%;
	border-radius: 5px;
	overflow: hidden;
	margin-right: 4%;
}
.sebist ul li:nth-child(4n){
	margin-right: 0%;
}
.sebist ul li .jqpic{
	width: 100%;
	float: left;
}
.sebist ul li .jqpic img{
	width: 100%;
	display: block;
}
.sebist ul li .namepX{
	width: 100%;
	float: left;
}

.sebist ul li .namepX h3{
	font-size: 16px;
	text-align: center;
	height: 45px;
    line-height: 25px;
}
.sebist ul li .namepX h3 span{
	display: block;
	font-size: 14px;
}
.sebist ul li:hover .namepX h3{
	color: #fff;
}

.sebist h2 {
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #0b3556;
    margin: 47px 0px;
}
.sebist h2 span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}


.sy_info_d{
	width: 1200px;
	margin: 0px auto;
}
.agameImg{
	width: 100%;
	background: #f7f7f7;
	text-align: center;
	padding: 30px 0px;
	margin: 10px 0px;
}
.agameImg img{
	display: block;
	width: 100%;
	max-width: 700px;
	margin: 0px auto;
}



.sy_info_d{
	width: 1200px;
	margin: 0px auto;
	overflow:  hidden;
	padding: 30px 0px;
}
.sy_info_d li{
	width: 281.25px;
	float: left;
	border: 1px solid #cccccc;
	position: relative;
	margin-right: 15px;
	margin-bottom: 20px;
}
.sy_info_d li:nth-child(4n){
	margin-right: 0px;
}
.sy_info_d li .gvaqq{
	width: 100%;
}
.sy_info_d li .number{
	width: 25px;
    height: 25px;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #0b3556;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.sy_info_d li .gvaqq img{
	width: 100%;
	display: block;
}
.sy_info_d li .xaqw{
	width: 100%;
	height: 54px;
	float: left;
	background: #efefef;
	text-align: center;
	line-height: 54px;
	color: #00000099;
	transition: all 0.3s ease 0s;
	font-size: 14px;
}
.sy_info_d li:hover .xaqw{
	background: #0b3556;
	color: #fff;
}
.sy_info_d li:hover .number{
	background: #0b3556;
}

.sy_info_d h2 {
    width: 100%;
    font-size: 24px;
    text-align: center;
    color: #0b3556;
    margin: 47px 0px;
}
.sy_info_d h2 span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 100;
}


.system_kode .tusGame{
    width: 100%;
    position: relative;
} 
.system_kode .tusGame img{
    width: 100%;
    display: block;
}
.system_kode .tusGame .stvie {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #0b3556;
    position: absolute;
    text-align: center;
    line-height: 18px;
    padding-left: 1px;
    transition: all 0.3s ease 0s;
}
.system_kode .tusGame .stvie a{
    color: #fff;
    padding-left: 1px;
}
.system_kode .tusGame .bs01 {
    left: 46%;
    top: 59%;
}
.system_kode .tusGame .bs02 {
    left: 44%;
    top: 56%;
}
.system_kode .tusGame .bs03 {
    left: 16%;
    top: 35%;
}
.system_kode .tusGame .bs04 {
    left: 16%;
    top: 55%;
}
.system_kode .tusGame .bs05 {
    left: 40%;
    top: 77%;
}
.system_kode .tusGame .bs06 {
    left: 10%;
    top: 68%;
}
.system_kode .tusGame .bs07 {
    left: 80%;
    top: 72%;
}
.system_kode .tusGame .bs08 {
    left: 42%;
    top: 59%;
}
.system_kode .tusGame .bs09 {
    left: 60%;
    top: 31%;
}

.system_kode .tusGame .bgl01 {
    left: 80%;
    top: 43%;
}
.system_kode .tusGame .bgl02 {
    left: 81%;
    top: 47%;
}
.system_kode .tusGame .bgl03 {
    left: 83%;
    top: 45%;
}
.system_kode .tusGame .bgl04 {
    left: 28%;
    top: 54%;
}
.system_kode .tusGame .bgl05 {
    left: 56%;
    top: 38%;
}
.system_kode .tusGame .bgl06 {
    left: 76%;
    top: 59%;
}
.system_kode .tusGame .jz01 {
    left: 79%;
    top: 28%;
}
.system_kode .tusGame .jz02 {
    left: 80%;
    top: 32%;
}
.system_kode .tusGame .jz03 {
    left: 82%;
    top: 29%;
}
.system_kode .tusGame .jz04 {
    left: 31%;
    top: 50%;
}
.system_kode .tusGame .jz05 {
    left: 56%;
    top: 28%;
}
.system_kode .tusGame .jz06 {
        left: 82%;
    top: 42%;
}
.system_kode .tusGame .jz07 {
        left: 77.5%;
    top: 32%;
}
.system_kode .tusGame .jz08 {
        left: 92%;
    top: 37%;
}

.system_kode .tusGame .stvie em{
    position: absolute;
    width: 90px;
    display: none;
    top: 0px;
    left: 23px;
    text-align: left;
    font-size: 14px;
    font-style: normal;
    color: #000;
    font-weight: bold;
    transition: all 0.3s ease 0s;
}
.system_kode .tusGame .stvie:hover em{
    display: block;
}





.sys_la{
	width: 1200px;
	margin: 0px auto;
	/* border: 1px solid #f0f; */
	padding: 60px 0px;
	overflow:  hidden;
}

.sys_la .topfagx{
	width: 100%;
	float: left;
	overflow: hidden;
}
.sys_la .topfagx .leftKd{
	width: 400px;
	float: left;
	margin-left: 0px;
}
.sys_la .topfagx .leftKd img{
	width: 100%;
}
.sys_la .topfagx .ridq_lg{
	width: 500px;
	float: left;
	margin-left: 50px;
}

.sys_la .topfagx .ridq_lg h2{
	font-size: 25px;
	font-weight: 100;
	margin-bottom: 10px;
	margin-top: 60px;
}
.sys_la .topfagx .ridq_lg h3{
	font-size: 14px;
	font-weight: 100;
	margin: 0px;
	padding: 0px;
}
.sys_la .topfagx .ridq_lg p{
	font-size: 14px;
	color: #a0a0a0;
	margin-top: 30px;
	line-height: 180%;
}



#proIA .dlf{
	float: left;
	line-height: 28px;
	font-weight: bold;
}
#proIA .jiathis_style_32x32 .jtico_tsina {
    background: url(../images/weibo.png) no-repeat;
    margin-right: 20px;
}
#proIA .jiathis_style_32x32 .jtico_weixin {
    background: url(../images/wechat.png) no-repeat;
    margin-right: 20px;
}
#proIA .jiathis_style_32x32 .jtico_fb {
    background: url(../images/face.png) no-repeat;
    margin-right: 20px;
}



.psm_lqt{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.psm_lqt dl{
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.psm_lqt dl dd{
	width: 100%;
	float: left;
	background: #0b3556;
	margin: 0px;
	padding: 0px;
	margin-right: 2px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
}

.psm_lqt dl dd.cpbm_01{
	width: calc(25% - 2px);
}
.psm_lqt dl dd.cpmc_ms{
	width: calc(33% - 2px);
}
.psm_lqt dl dd.leibie{
	width: calc(8.5% - 2px);
	text-align: center;
}


.psm_lqt ul li{
	width: 100%;
	height: 105px;
	float: left;
	padding: 5px 0px;
	transition: all 0.3s ease 0s;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 5px;
}
.psm_lqt ul li:hover{
	background: #f4f4f4;
}
.psm_lqt ul li:hover .vd_s span{
	color: #0b3556;
}
.psm_lqt ul li:hover .vd_s{
	color: #0b3556;
}

.psm_lqt ul li .vd_s{
	float: left;
	font-size: 14px;
	line-height: 105px;
	padding-left: 20px;
	font-weight: bold;
	color: #000;
	transition: all 0.3s ease 0s;
}


.psm_lqt ul li .vd_s span{
	display: block;
	float: left;
	margin-left: 10px;
}
.psm_lqt ul li .vd_s img{
	height: 95px;
	float: left;
}

.psm_lqt ul li .gwt2{
	width: calc(25% - 2px);
}
.psm_lqt ul li .gwt32{
	width: calc(33% - 2px);
}
.psm_lqt ul li .gwt8{
	width: calc(8.5% - 2px);
	text-align: center;
}
.psm_lqt ul li .gwt8 img{
	width: 50%;
	height: auto;
	margin-top: 30px;
	margin-left: 20px;
}


.xt_Serch{
	width: 17px;
	float: left;
	border-left: 1px solid #0b3556;
	padding-left: 15px;
	line-height: 20px;
	margin-top: 35px;
	padding-top: 2px;
}

.at_jion{
	width: 315px;
	float: left;
	position: absolute;
	top: 42px;
	right: 30px;
	display: none; 
}

.at_jion .seqqt{
	width: 315px;
	border-radius: 3px;
	border: 0px;
	padding: 6px 10px;
	font-size: 12px;
}
.at_jion .geqm{
	width: 17px;
	height: 17px;
	padding: 5px;
	position: absolute;
	top: 5px; 
	right: 10px;
	background: url(../images/serch_2a.png) no-repeat;
	border: 0px;
}
#closeSerch{
	display: none;
}
.xt_Serch img{
	cursor: pointer;
}


.MobSerch{
	width: 90%;
	margin: 0px auto;
	position: relative;
	margin-top: 30px;
}

.MobSerch .agt{
	width: 100%;
	border: 0px;
	border-radius: 3px;
	padding: 10px;
	font-size: 12px;
	background: #0a2d48;
	color: #fff;
}

.MobSerch .agt_sub{
	width: 17px;
	height: 17px;
	background: url(../images/serch_0a.png) no-repeat;
	border: 0px;
	position: absolute;
	top: 10px;
	right: 10px;
}


.strength{
    width: 100%;
    background: #fff;
    overflow: hidden;
    padding: 10px 0px 60px 0;
}
.strength p.fx750{
    width: 750px;
    margin: 0px auto;
    text-align: center;
    line-height: 28px;
}
.strength p.fx750 img{
    width: 70%;
    display: block;
    margin: 0px auto;
    margin-top: 20px;
     margin-bottom: 20px;
}

.strength .vGAME{
    width: 100%;
}


.strength .vGAME .allW100{
    width: 100%;
    float: left;
    margin-bottom: 1%;

}
.strength .vGAME .allW50{
    width: 49.5%;
    float: left;
    margin-bottom: 1%;
}
.strength .vGAME .mr3{
    margin-right: 1%;
}

.strength .vGAME img{
    width: 100%;
    display: block;
}


	.w375b{
		display: none;
	}



.Sanjiao {
  border: 10px solid rgba(0,0,0,.0);
  border-left-color: #0b3556;
  width: 0;
  height: 0;
  position: absolute;
}
.poion{
	top: -11px;
	left: 120px;
}
.poion2{
	top: -11px;
	left: 60%;
}


.Sanjiao2 {
  border: 10px solid rgba(0,0,0,.0);
  border-top-color: #0b3556;
  width: 0;
  height: 0;
  position: absolute;
}
.poion3{
	top: 70px;
    right: -53px;
}

.Sanjiao3 {
  border: 10px solid rgba(0,0,0,.0);
  border-right-color: #0b3556;
  width: 0;
  height: 0;
  position: absolute;
}

.poion4{
	top: -11px;
	right: 120px;
}
.poion5{
	top: -11px;
	right: 60%;
}
.poion6{
	top: 70px;
    left: -53px;
}

.poion7{
	top: -11px;
	left: 25%;
}
.poion8{
	top: -11px;
	left: 60%;
}
.poion9{
	top: 70px;
    right: -53px;
}



.historyYear {
        width: 95%;
        font-family: "Microsoft Yahei";
        float: left;
        border-top: 3px solid #e4e4e4;
        border-bottom: 3px solid #e4e4e4;
        padding-top: 20px;
        position: relative;
        padding-bottom: 20px;
        margin-left: 2.5%;
        margin-top: -3px;
    }
    .historyYear .tpw_dw{
        width: 50px;
        height: calc(100% + 6px);
        position: absolute;
        top: -3px;
        right: -45px;

        border-top: 3px solid #e4e4e4;
        border-bottom: 3px solid #e4e4e4;
        border-right: 3px solid #e4e4e4;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .historyYear .tpw_dw_le{
        width: 50px;
        height: calc(100% + 6px);
        position: absolute;
        top: -3px;
        left: -45px;

        border-top: 3px solid #e4e4e4;
        border-bottom: 3px solid #e4e4e4;
        border-left: 3px solid #e4e4e4;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .ri_bor_rad{
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
    }

    .le_bor_rad{
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
    }

    .historyYear dl {
        float: left;
        width: 22%;
        font-size: 14px;
        margin-left: 3%;
    }
    .historyYear dl dt {
        float: left;
        width: 100%;
        font-size: 25px;
        color: #0b3556;
        font-weight: bold;
        font-family: 'BEBAS';
        margin-bottom: 10px;
    }
    .historyYear dl dd {
        float: left;
        width: 80%;
        font-size: 14px;
        color: #5F5D5D;
        min-height: 50px;
        margin: 0px;
    }
    .r_p_ga{
        border-right: 3px solid #e4e4e4;
    }
    .l_p_ga{
        border-left: 3px solid #e4e4e4;
    }

@media screen and (max-width:1366px){
	.pro_le .right_Pro{
		width: 80%;
	}
}

@media screen and (max-width:1200px){
	.right_Pro ul li dl dd {
	    margin-left: 30px;
	}
	ul.dtqgg li{
		margin-left: 30px;
	}
	
	
	.right_Pro ul li:hover {
	background: #FFFFFF;
}
.right_Pro li:hover dd.a3c {
  background: url(../images/pro_as_03_b.png) center no-repeat;
}

.right_Pro ul li:hover .nameGt h4{
	color: #0b3556;
}
.right_Pro ul li:hover .nameGt h4 span {
    color: #0b3556;
}

}



@media screen and (max-width:1024px){
	.menu-trigger{
		display: block;
	}
	.focus {
		height: auto;
	}
	ul.dtqgg li{
		display: none;
	}
	.goMenu{
		display: none;
	}
	.focus{
		height: auto;
	}
	.menu-trigger{
		display: block;
	}
	.moblogo{
		display: block;
		position: absolute;
		top: 12px;
		left: 20px;
		z-index: 9999999;
		mix-blend-mode: plus-lighter;
		/*position: fixed;
        z-index: 200;*/
	}
	.moblogo img{
		height: 50px;
	}
	.proClass{
		width: 90%;
		max-width: 600px;
	}
	.proClass ul li:nth-child(4n){
		
	}
	.mobLe{
		display: block;
	}


	.mobLe{
		display: block;
	}
	.moblogo img {
	    height: 35px;
	}

	.proClass {
	    width: 90%;
	    /*max-width: auto;*/
	}
	.proClass ul li{
		width: 22%;
		float: left;
		margin-right: 3%;
		cursor: pointer;
		margin-bottom: 30px;
	}
	.proClass ul li .clPro{
		width: 100%;
		height: auto;
		padding: 12px;
		float: left;
		background: #fff;
		border-radius: 15px;
		display: block;
		transition: all 0.5s ease;
	}
	.proClass ul li .proTitle span{
		display: none;
	}
	.proClass ul li .proTitle {
	    font-weight: 100;
	}



	.ser_bg .asClt{
		width: 90%;
	}
	.ser_bg {
	    padding: 40px 0px;
	}
	.ser_bg .asClt ul li {
	    width: 45%;
	    padding: 5px;
	    padding-top: 20px;
	    margin-right: 5%;
	    margin-bottom: 10px;
	    border-bottom: 2px solid rgba(0,0,0,.0);
	}

	.ser_bg .asClt ul li:nth-child(2n){
		margin-right: 0px;
	}
	.ser_bg .asClt ul li .vIco{
	    width: 40%;
	    margin: 0px auto;
	    height: auto;
	}
	.ser_bg .asClt ul li .vIco img{
	    width: 100%;
	    height: auto;
	    margin: 0px auto;
	}
	.ser_bg .asClt ul li h3 {
	    width: 100%;
	    height: auto;
	    margin: 0px auto;
	    text-align: center;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	.abv_kt .let_About {
	    width: 90%;
	    float: inherit;
	    margin: 0px auto;
	    overflow:  hidden;
	}
	.abv_kt .let_About .let_ab_ffe {
	    width: 100%;
	    float: inherit;
	    margin-right: 0px;
	    padding: 10px 0px;
	    background: url(../images/slogn2.png) center center no-repeat;
	}
	.abv_kt .let_About .let_ab_ffe h2{
		text-align: center;
		margin-bottom: 10px;
	}
	.abv_kt .let_About .let_ab_ffe .ab_line{
		margin: 0px auto;
		width: 50px
	}
	.abv_kt .video_x {
	    width: 100%;
	    float: inherit;
	    position: relative;
	}
	.abv_kt .video_x video{
		width: 100%;
		height: 100%;
	}
.abv_kt .video_x .left_img {min-height:initial;padding-bottom: 50px;}
.abv_kt .video_x .left_img .imgLogo{display:none;}
.abv_kt .video_x .left_img .copyLogo{display:none;}
	.new_gm {
	    width: 90%;
	    margin: 0px auto;
	    padding: 0px 0px;
	    margin-bottom: 30px;
	}
	.new_gm .jnq_t .title_m {
	    width: 50%;
	    float: left;
	}

	.news_List ul li {
	   width: calc(48% - 2px);
	    border: 1px solid #ececec;
	    float: left;
	    margin-right: 2%;
	    margin-bottom: 30px;
	}
	
	
	.pro_le .right_Pro h3{ 
		height:auto; 
		line-height:30px; 
		font-size:18px;
		text-align: left; /* 水平靠左对齐 */

	}
	
	
	.right_Pro ul li { 
		width:100%;
		padding: 4px; 
        box-sizing: border-box;
	    background: #fff;
	    cursor: pointer;
	    transition: all 0.5s ease 0s;
	    margin-bottom: 10px;
	}
	
	
	
	.news_Cent {
	    width: 100%;
	    padding: 16px 15px;
	    color: #1c1c1c;
	    float: left;
	}
	.footer .taior {
	    width: 90%;
	    margin: 0px auto;
	    padding-top: 50px;
	    overflow:  hidden;
	    padding-bottom: 30px;
	}
	.footer .taior .leftOhter {
	    width: 100%;
	    float: left;
	}
	.footer .taior .leftOhter .FotLogo {
	    width: 175px;
	    float: none;
	    margin: 0px auto;
	}
	.footer .taior .leftOhter .mation{
		text-align: center;
	}
	.jiathis_style_32x32 {
	    float: none;
	    margin: 0px auto;
	    width: 140px;
	    margin-top: 20px;
	    overflow:  hidden;
	}

	.erweim{
		display: none;
	}
	.footer .taior .rightMenu{
		display: none;
	}
	.bottom{
		font-size: 12px;
	}

	.sysOut .bd ul li .circular {
	    display: none;
	}
	.sysOut .bd ul li .sysGx {
	    width: 70%;
	    height: auto;
	    margin: 0px auto;
	    margin-top: 0px;
	}
	.sysOut .bd li img{
		width: 100%;
	}
	.system .dvs h2 {
	    width: 100%;
	    font-size: 24px;
	    text-align: center;
	    color: #fff;
	    margin: 87px 0px 30px 0px;
	}
	.sysOut .bd ul li .sysBg .s_ico{
		position: static;
		float: left;
		width: 40px;
		margin-right: 10px;
	}
	.sysOut .bd ul li .sysBg .tyd{
		width: 250px;
		margin: 0px auto;
		margin-top: 10px;

	}
	.sysOut .bd ul li .sysBg .dtthr{
		width: 150px;
	}
	.sysOut .bd ul li .sysBg .s_ico .icoTu {
	    width: 40px;
	    height: 40px;
	}
	.sysOut .bd ul li .sysBg .s_ico .txtvg{
		display: none;
	}
	.sysOut .bd ul li .sysBg h4 {
	    text-align: center;
	    font-size: 20px;
	    color: #fff;
	    line-height: 140%;
	    margin: 0px auto;
	    margin-top: 80px;
	    width: 80%;
	}
	.sysOut .bd ul li .sysBg h4 span {
	    display: block;
	    text-transform: uppercase;
	    font-size: 12px;
	    color: #fff;
	    line-height: 140%;
	}
	.sysOut .bd li {
    	width: 100%;
	    height: auto;
	}
	.system{
		height: auto;
	}
	.sysOut {
	    margin-bottom: 60px;

	}

	.sysOut .hd {
	    width: 100px;
	    height: 5px;
	    position: absolute;
	    z-index: 1;
	    bottom: 60px;
	    left: 40%;
	    text-align: center;
	}
	.sysOut .bd ul li .sysBg a.viewMore {
	    width: 198px;
	    height: 40px;
	    background: #0b3556;
	    margin: 0px auto;
	    border-radius: 20px;
	    line-height: 40px;
	    text-align: center;
	    display: block;
	    color: #fff;
	    margin-top: 40px;
	}

	.about_com {
	    width: 90%;
	    margin: 0px auto;
	    padding: 70px 0px;
	    overflow: hidden;
	}
	.gd_la .de {
	    width: 100%;
	}

	.gd_la a {
		width: 25%;
	    padding: 0px 0px;
	}


	.about_com .left_img {
	    width: 100%;
	    position: relative;
	    min-height:100%;
	}
    	.about_com .left_img video{
            margin-top:10px;
            width:100%;
            height:auto;
    	}
	.about_com .left_img .imgLogo{
		display: none;
	}
	.about_com .left_img .copyLogo {
	    width: 100%;
	    position: relative;
	    left: 0px;
	    top: 0px;
	    height: auto;
	    z-index: 1;
	}
	.about_com .left_img .copyLogo img{
	    width: 100%;
	}
	.about_leqt .contx {
	    width: 100%;
	    margin: 0px auto;
	    overflow: hidden;
	    padding: 40px 0px;
	}
	.about_leqt .contx ul li {
	    float: left;
	    margin-right: 0px;
	    padding: 0px;
	    width: 50%;
	    text-align: center;
	    background: url(../images/contul.png) right no-repeat;
	    margin-bottom: 10px;
	}
	.about_leqt .contx ul li span {
	    font-size: 30px;
	    font-weight: bold;
	    color: #0b3556;
	    display: block;
	}
	.about_leqt .contx ul li:nth-child(5){
		width: 100%;
	}

.histoy {
	    width: 90%;
	    margin: 0px auto;
	    padding-bottom: 120px;
	    overflow: hidden;
	}
.histoy ul li{ margin-right: 89px; width:186px; height:186px;}
.histoy ul li .kuang{width:186px; height:186px;}
.histoy ul li .text1{display:none;}
.histoy ul li .text2{display:block; width:256px; height:256px;}
.histoy ul li .text2 .mengban{width:186px; height:186px;}
.histoy ul li .text2 .desc{left:65px;}
.histoy ul.w1{margin-left:0px;}
.histoy ul.w1 li:first-child{display:none;}
.histoy ul.w1 li:last-child{display:none;}
.histoy ul.w1 li:nth-child(2){margin-left:0px;}
.histoy ul.w1 li:nth-child(4){margin-left: 140px;}
.histoy ul li:nth-child(4){margin-left: 140px;}
.histoy ul.w2 li:nth-child(4){margin-left: 0px;}



	.timeline-visual {
	    width: 100%;
	    background: #000;
	}
	.timeline-detail{
		width: 100%;
		margin-right: 0px;
	}
	.Future .neil{
		width: 90%;
		padding: 30px 0px 0px 0px;
	}

	.gd_la .tel a{
		width: 50%;
	}
	.xwm {
	    width: 90%;
	    margin: 0px auto;
	    overflow: hidden;
	}
	.ptb180 {
	    padding: 50px 0px;
	}
	.leftTel h3 {
	    text-align: center;
	}
	.my-map {
	    width: 100%;
	    height: 400px;
	    float: right;
	    margin-top: 30px;
	}
	.mesageLeft{
		display: none;
	}
	.mesageRight{
		width: 100%;
		/* overflow:  hidden; */
	}
	h3.meag {
	    font-size: 35px;
	    color: #313131;
	    font-weight: 100;
	    text-transform: uppercase;
	    text-align: center;
	    margin-bottom: 40px;
	}
	.mesageRight li {
	    width: 100%;
	    float: left;
	    margin-right: 0%;
        margin-bottom:10px;
	}
	.mesageRight li textarea {
	    width: 100%;
	    border: 1px solid #d9d9d9;
	    font-size: 14px;
	    height: 248px;
	    background: url(../images/textarea.jpg) 8px 17px no-repeat;
	    padding: 15px 30px 0px 30px;
	}
	.mesageRight li:nth-child(5){
		height: 248px;
	}
	.mesageRight li .submit {
	    width: 100px;
	    float: left;
	}

	.gd_la .news a {
	    width: 33%;
	    padding: 0px 0px;
	}
	.about_com .left_txt .topgd{
		width: 60%;
	}
	.gd_la .four a {
	    width: 25%;
	    padding: 0px 0px;
	}
	.neglist {
	    width: 90%;
	    margin: 0px auto;
	    padding: 70px 0px;
	    overflow: hidden;
	}
	.neglist li {
	    width: 100%;
	}
	.neglist li .tqMd .tmqw p{
		display: none;
	}
	.detalis {
	    width: 100%;
	    float: left;
	    padding: 10px 0px;
	    margin-top: 20px;
	}
	.detalis .gmu{
		margin-left: 5px;
	}

	.newSinfo {
	    width: 90%;
	    margin: 0px auto;
	    overflow: hidden;
	    padding: 100px 0px;
	}
	.newSinfo h2 {
	    font-size: 20px;
	    text-align: center;
	}

	.system_kode {
	    width: 90%;
	    margin: 0px auto;
	}
	.system_list {
    	width: 90%;
	}
	.system_list ul li .txmq {
	    width: 100%;
	    padding: 32px 10px;
	    background: #f6f6f6;
	}
	.system_list ul li p {
	    max-height: 1000px;
	}
	.system_list ul li .systImg {
	    width: 100%;
	}
	.system_list ul li {
	    width: 100%;
	    max-height: 3000px;
	    margin-bottom: 40px;
	    float: left;
	}
	
	.serv_md {
	    padding: 40px 0px;
	}
	.serv_ls {
	    width: 90%;
	}
	.serv_ls .jian_mt ul {
	        width: 40%;
	    margin: 0px auto;
	}
	.serv_ls .jian_mt {
	    width: 100%;
	    float: left;
	}
	.serv_ls .dqmt{
		display: none;
	}
	.ser_fqa {
	    width: 90%;
	}
	.download li {
	    width: 100%;
	    padding: 30px 20px;
		margin-bottom: 20px;
	    margin-right: 0%;
	}



	.pro_le .leftMenu{
		/*display: none;*/
		margin-left: 1% !important;
	}
	
	.pro_le .right_Pro {
	    width: 90%;
	    margin-left: auto;
	    border-left: 0px solid #dddddd;
	    padding-left: inherit;
	    margin: 0px auto;
	    float: inherit;
	}
	
	




	.right_Pro ul li .nameGt {
	    width: 100%; 
	    float: left;
	    text-align: center;
	    margin-left: 0px;
	}
	.right_Pro ul li .nameGt h4 {
	    font-size: 20px;
	    color: #0b3556;
	    margin-bottom: 0px;
	    margin-top: 10px;
	}
	.right_Pro ul li .nameGt h4 span {
	    display: block;
	}
	.right_Pro dl{
		display: none;
	}

	.proIx .topGame {
	    width: 100%;
	}
	.proIx .topGame .leftImg {
	    width: 100%;
	    border-radius: 10px;

	}
	.proIx .topGame .right_txt {
	    width: 100%;
	    float: left;
	    margin-left: 0px; 
	}
	.proIx .xGameOc .cfgood {
	    padding: 0px 0%;
	}
	.proIx .xGameOc .cfgood a {
	    width: 25%;
	    height: 43px;
	    line-height: 43px;
	    padding: 0px 10px;
	    font-size: 15px;
	    color: rgba(34,34,34,.6);
	    transition: all 0.3s ease 0s;
	}
    .proIx .xGameOc .slideTxtBox .hd ul li{
	    width: 25%;
	    height: 41px;
	    line-height: 41px;
	    padding: 0px 10px;
	    font-size: 15px;
	    color: rgba(34,34,34,.6);
	    transition: all 0.3s ease 0s;
	}
	.proIx .xGameOc .viewALL{
		width: 100%;
	}
	.proIx .xGameOc .viewALL img{
		width: 100%;
	}


	.honnor {
	    width: 90%;
	    margin: 0px auto;
	}
	.honnor .dePm .leimg{
		display: none;
	}

	.honnor .right {
	    width: 100%;
	    padding-top: 2%;
	    margin-left: 0%;
	    margin-right: 0%;
	}
	.honnor .right .tit .f36 {
	    text-transform: uppercase;
	    color: #eee;
	    font-size: 20px;
	}
	.honnor .right .tit .f30 {
	    margin-left: 10px;
	}
	.honnor .right .list{
		width: 95%;
		margin: 0px auto;
	}
	.honnor .right .list p {
	    font-size: 12px;
	    width: 45%;
	    padding-left: 5%;
	    margin-right: 5%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
	}

	.honGame_Ikod li {
	    width: 46%;
	    float: left;
	    margin-right: 4%;
	    margin-bottom: 20px;
	}
	.take_action {
	    width: 90%;
	    margin: 0px auto;
	}
	.take_action li {
	    width: 100%;
		text-align: center;
	}
	.take_action li span{
		display: none;
	}
	.wrap_wh ul li {
	    width: 100%;
	    height: auto;
	    padding: 35px 6px 35px;
	    float: left;
	    border: 1px solid #e5e5e5;
	    border-left: 0px solid #e5e5e5;
	     border-bottom: 0px solid #e5e5e5;
	}
	.wrap_wh{
		margin-top: 20px;
	}
    .groupt p img{width:100%;}

	.sebist ul li {
	    width: 48%;
	    border-radius: 5px;
	    overflow: hidden;
	    margin-right: 4%;
	}
	.sebist ul li:nth-child(2n){
		margin-right: 0%;
	}

	.sy_info_d {
	    width: 90%;
	    margin: 0px auto;
	    overflow: hidden;
	    padding: 30px 0px;
	}
	.sy_info_d li {
	    width: 48%;
	    float: left;
	    border: 1px solid #cccccc;
	    position: relative;
	    margin-right: 4%;
	    margin-bottom: 20px;
	}
	.sy_info_d li:nth-child(2n){
		margin-right: 0px;
	}
	.sy_info_d li:nth-child(5n) {
	    margin-right: 4%;
	}

	.sys_la {
	    width: 90%;
	    margin: 0px auto;
	    /* border: 1px solid #f0f; */
	    padding: 60px 0px;
	    overflow: hidden;
	}
	.sys_la .topfagx .leftKd{
		width: 100%;
	}
	.sys_la .topfagx .ridq_lg {
	    width: 100%;
	    float: left;
	    margin-left: 0px;
	}
	#proIA .jiathis_style_32x32{
		width: 100%;
	}
	#proIA .dlf{
		margin-right: 20px;
	}
	.psm_lqt dl dd.cpmc_ms{
		display: none
	}
	.psm_lqt dl dd.cpbm_01 {
	    width: calc(50% - 2px);
	    padding: 10px 5px;
	    text-align: center;
	}
	.psm_lqt dl dd.gqw5{
		width: calc(25% - 2px);

	}
	.psm_lqt dl dd.leibie {
	    width: calc(25% - 2px);
	    text-align: center;
	    padding: 10px 5px;
	}
	.psm_lqt dl dd.gq243{
		display: none
	}

	.psm_lqt ul li .gwt32{
		display: none
	}
	
	.psm_lqt ul li .gwt2 {
	    width: calc(50% - 2px);
	}
	.psm_lqt ul li .dmname{
		width: calc(25% - 2px);
		text-align: center;
	}
	.psm_lqt ul li .gwt8 {
	    width: calc(25% - 2px);
		text-align: center;
	}
	.psm_lqt ul li div:last-child{
		display: none;
	}

	.psm_lqt ul li {
	    width: 100%;
	    height: 135px;
	    line-height: 25px;
	}
	.psm_lqt ul li .vd_s{
	    position: relative;
	    padding-left: 0px;
	}
	.psm_lqt ul li .vd_s img {
	    height: 95px;
	    float: none;
	    display: block;
	    margin: 0px auto;
	}
	.psm_lqt ul li .vd_s span{
		margin-left: 0px;
		display: block;
		width: 100%;
		position: absolute;
		bottom: -20px;
		text-align: center;
		line-height: 10px;
	}

	.left_img video{
		width: 100%;
	}

	.about_ctx {
	    width: 100%;
	    margin: 0px auto;
	    /* overflow: hidden; */
	}
	.gqw_me{
		display: none;
	}
	.about_leqt .contx ul li:first-child{
		margin-left: 0px;
	}
	h2.gtopMe {
	    position: absolute;
	    left: 50%;
	    margin-left: -100px;
	    width: 200px;
	    font-size: 35px;
	    text-align: center;
	    margin: 0px;
	    border-bottom: 3px solid #0b3556;
	    padding-bottom: 32px;
	    font-weight: 100;
	    z-index: 666;
	    margin-left: -100px;
	}

	h2.gtopMe_ast{
		display: none;
	}



	.timeline-detail h2{
		text-align: center;
	}
	.timeline-detail-list li{
		text-align: center;
	}
	.timeline-visual {
	    background: none;
	    float: left;
	    width: 100%;
	    height: auto;
	}

	.strength p.fx750{
	    width: 100%;
	}
	.historyYear .tpw_dw{
        width: 50px;
        height: calc(100% + 6px);
        position: absolute;
        top: -3px;
        right: -15px;

        border-top: 3px solid #e4e4e4;
        border-bottom: 3px solid #e4e4e4;
        border-right: 3px solid #e4e4e4;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .historyYear .tpw_dw_le{
        width: 50px;
        height: calc(100% + 6px);
        position: absolute;
        top: -3px;
        left: -15px;

        border-top: 3px solid #e4e4e4;
        border-bottom: 3px solid #e4e4e4;
        border-left: 3px solid #e4e4e4;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }
}

@media screen and (max-width:768px){
.focus {
		height: auto;
	}
	
.focus .bd li img{ width:100%; padding-top: 60px !important; }
	.mobLe{
		display: block;
	}
	.moblogo img {
	    height: 35px;
	}

	.proClass {
	    width: 90%;
	    /*max-width: auto;*/
	}
	.proClass ul li{
		width: 22%;
		float: left;
		margin-right: 3%;
		cursor: pointer;
		margin-bottom: 30px;
	}
	.proClass ul li .clPro{
		width: 100%;
		height: auto;
		padding: 12px;
		float: left;
		background: #fff;
		border-radius: 15px;
		display: block;
		transition: all 0.5s ease;
	}
	.proClass ul li .proTitle span{
		display: none;
	}
	.proClass ul li .proTitle {
	    font-weight: 100;
	}



	.ser_bg .asClt{
		width: 90%;
	}
	.ser_bg {
	    padding: 40px 0px;
	}
	.ser_bg .asClt ul li {
	    width: 45%;
	    padding: 5px;
	    padding-top: 20px;
	    margin-right: 5%;
	    margin-bottom: 10px;
	    border-bottom: 2px solid rgba(0,0,0,.0);
	}

	.ser_bg .asClt ul li:nth-child(2n){
		margin-right: 0px;
	}
	.ser_bg .asClt ul li .vIco{
	    width: 40%;
	    margin: 0px auto;
	    height: auto;
	}
	.ser_bg .asClt ul li .vIco img{
	    width: 100%;
	    height: auto;
	    margin: 0px auto;
	}
	.ser_bg .asClt ul li h3 {
	    width: 100%;
	    height: auto;
	    margin: 0px auto;
	    text-align: center;
	    margin-top: 10px;
	    margin-bottom: 10px;
	}

	.abv_kt .let_About {
	    width: 90%;
	    float: inherit;
	    margin: 0px auto;
	    overflow:  hidden;
	}
	.abv_kt .let_About .let_ab_ffe {
	    width: 100%;
	    float: inherit;
	    margin-right: 0px;
	    padding: 10px 0px;
	    background: url(../images/slogn2.png) center center no-repeat;
	}
	.abv_kt .let_About .let_ab_ffe h2{
		text-align: center;
		margin-bottom: 10px;
	}
	.abv_kt .let_About .let_ab_ffe .ab_line{
		margin: 0px auto;
		width: 50px
	}
	.abv_kt .video_x {
	    width: 100%;
	    float: inherit;
	    position: relative;
	}
	.abv_kt .video_x video{
		width: 100%;
		height: 100%;
	}
.abv_kt .video_x .left_img {min-height:initial;padding-bottom: 50px;}
.abv_kt .video_x .left_img .imgLogo{display:none;}
.abv_kt .video_x .left_img .copyLogo{display:none;}
	.new_gm {
	    width: 90%;
	    margin: 0px auto;
	    padding: 0px 0px;
	    margin-bottom: 30px;
	}
	.new_gm .jnq_t .title_m {
	    width: 50%;
	    float: left;
	}

	.news_List ul li {
	   width: calc(100% - 2px);
	    border: 1px solid #ececec;
	    float: left;
	    margin-right: 0px;
	    margin-bottom: 30px;
	}
	.news_Cent {
	    width: 100%;
	    padding: 16px 15px;
	    color: #1c1c1c;
	    float: left;
	}
	.footer .taior {
	    width: 90%;
	    margin: 0px auto;
	    padding-top: 50px;
	    overflow:  hidden;
	    padding-bottom: 30px;
	}
	.footer .taior .leftOhter {
	    width: 100%;
	    float: left;
	}
	.footer .taior .leftOhter .FotLogo {
	    width: 175px;
	    float: none;
	    margin: 0px auto;
	}
	.footer .taior .leftOhter .mation{
		text-align: center;
	}
	.jiathis_style_32x32 {
	    float: none;
	    margin: 0px auto;
	    width: 140px;
	    margin-top: 20px;
	    overflow:  hidden;
	}

	.erweim{
		display: none;
	}
	.footer .taior .rightMenu{
		display: none;
	}
	.bottom{
		font-size: 12px;
	}

	.sysOut .bd ul li .circular {
	    display: none;
	}
	.sysOut .bd ul li .sysGx {
	    width: 70%;
	    height: auto;
	    margin: 0px auto;
	    margin-top: 0px;
	}
	.sysOut .bd li img{
		width: 100%;
	}
	.system .dvs h2 {
	    width: 100%;
	    font-size: 24px;
	    text-align: center;
	    color: #fff;
	    margin: 87px 0px 30px 0px;
	}
	.sysOut .bd ul li .sysBg .s_ico{
		position: static;
		float: left;
		width: 40px;
		margin-right: 10px;
	}
	.sysOut .bd ul li .sysBg .tyd{
		width: 250px;
		margin: 0px auto;
		margin-top: 10px;

	}
	.sysOut .bd ul li .sysBg .dtthr{
		width: 150px;
	}
	.sysOut .bd ul li .sysBg .s_ico .icoTu {
	    width: 40px;
	    height: 40px;
	}
	.sysOut .bd ul li .sysBg .s_ico .txtvg{
		display: none;
	}
	.sysOut .bd ul li .sysBg h4 {
	    text-align: center;
	    font-size: 20px;
	    color: #fff;
	    line-height: 140%;
	    margin: 0px auto;
	    margin-top: 80px;
	    width: 80%;
	}
	.sysOut .bd ul li .sysBg h4 span {
	    display: block;
	    text-transform: uppercase;
	    font-size: 12px;
	    color: #fff;
	    line-height: 140%;
	}
	.sysOut .bd li {
    	width: 100%;
	    height: auto;
	}
	.system{
		height: auto;
	}
	.sysOut {
	    margin-bottom: 60px;

	}

	.sysOut .hd {
	    width: 100px;
	    height: 5px;
	    position: absolute;
	    z-index: 1;
	    bottom: 60px;
	    left: 40%;
	    text-align: center;
	}
	.sysOut .bd ul li .sysBg a.viewMore {
	    width: 198px;
	    height: 40px;
	    background: #003f69;
	    margin: 0px auto;
	    border-radius: 20px;
	    line-height: 40px;
	    text-align: center;
	    display: block;
	    color: #fff;
	    margin-top: 40px;
	}

	.about_com {
	    width: 90%;
	    margin: 0px auto;
	    padding: 70px 0px;
	    overflow: hidden;
	    padding-bottom: 0px;
	}
	.gd_la .de {
	    width: 100%;
	}

	.gd_la a {
		width: 25%;
	    padding: 0px 0px;
	}


	.about_com .left_img {
	    width: 100%;
	    position: relative;
	    min-height:100%;
	}
    	.about_com .left_img video{
            margin-top:10px;
            width:100%;
            height:auto;
    	}
	.about_com .left_img .imgLogo{
		display: none;
	}
	.about_com .left_img .copyLogo {
	    width: 100%;
	    position: relative;
	    left: 0px;
	    top: 0px;
	    height: auto;
	    z-index: 1;
	}
	.about_com .left_img .copyLogo img{
	    width: 100%;
	}
	.about_leqt .contx {
	    width: 100%;
	    margin: 0px auto;
	    overflow: hidden;
	    padding: 40px 0px;
	}
	.about_leqt .contx ul li {
	    float: left;
	    margin-right: 0px;
	    padding: 0px;
	    width: 50%;
	    text-align: center;
	    background: url(../images/contul.png) right no-repeat;
	    margin-bottom: 10px;
	}
	.about_leqt .contx ul li span {
	    font-size: 30px;
	    font-weight: bold;
	    color: #0b3556;
	    display: block;
	}
	.about_leqt .contx ul li:nth-child(5){
		width: 100%;
	}

.histoy {
	    width: 90%;
	    margin: 0px auto;
	    padding-bottom: 120px;
	    overflow: visible;
	}
.histoy ul li{ margin-right: 89px; width:186px; height:186px;}
.histoy ul li .kuang{width:186px; height:186px;}
.histoy ul li .text1{display:none;}
.histoy ul li .text2{display:block; width:256px; height:256px;}
.histoy ul li .text2 .mengban{width:186px; height:186px;}
.histoy ul li .text2 .desc{left:65px;}
.histoy ul.w1{margin-left:0px;}
.histoy ul.w1 li:first-child{display:none;}
.histoy ul.w1 li:last-child{display:none;}
.histoy ul.w1 li:nth-child(2){margin-left:0px;}
.histoy ul.w1 li:nth-child(4){margin-left: 140px;}
.histoy ul li:nth-child(4){margin-left: 140px;}
.histoy ul.w2 li:nth-child(4){margin-left: 0px;}



	.timeline-visual {
	    width: 100%;
	    background: #000;
	}
	.timeline-detail{
		width: 100%;
		margin-right: 0px;
	}
	.Future .neil{
		width: 90%;
		padding: 30px 0px 0px 0px;
	}

	.gd_la .tel a{
		width: 50%;
	}
	.xwm {
	    width: 90%;
	    margin: 0px auto;
	    overflow: hidden;
	}
	.ptb180 {
	    padding: 50px 0px;
	}
	.leftTel h3 {
	    text-align: center;
	}
	.my-map {
	    width: 100%;
	    height: 400px;
	    float: right;
	    margin-top: 30px;
	}
	.mesageLeft{
		display: none;
	}
	.mesageRight{
		width: 100%;
		/* overflow:  hidden; */
	}
	h3.meag {
	    font-size: 35px;
	    color: #313131;
	    font-weight: 100;
	    text-transform: uppercase;
	    text-align: center;
	    margin-bottom: 40px;
	}
	.mesageRight li {
	    width: 100%;
	    float: left;
	    margin-right: 0%;
        margin-bottom:10px;
	}
	.mesageRight li textarea {
	    width: 100%;
	    border: 1px solid #d9d9d9;
	    font-size: 14px;
	    height: 248px;
	    background: url(../images/textarea.jpg) 8px 17px no-repeat;
	    padding: 15px 30px 0px 30px;
	}
	.mesageRight li:nth-child(5){
		height: 248px;
	}
	.mesageRight li .submit {
	    width: 100px;
	    float: left;
	}

	.gd_la .news a {
	    width: 33%;
	    padding: 0px 0px;
	}
	.about_com .left_txt .topgd{
		width: 60%;
	}
	.gd_la .four a {
	    width: 25%;
	    padding: 0px 0px;
	}
	.neglist {
	    width: 90%;
	    margin: 0px auto;
	    padding: 70px 0px;
	    overflow: hidden;
	}
	.neglist li {
	    width: 100%;
	}
	.neglist li .tqMd .tmqw p{
		display: none;
	}
	.detalis {
	    width: 100%;
	    float: left;
	    padding: 10px 0px;
	    margin-top: 20px;
	}
	.detalis .gmu{
		margin-left: 5px;
	}

	.newSinfo {
	    width: 90%;
	    margin: 0px auto;
	    overflow: hidden;
	    padding: 100px 0px;
	}
	.newSinfo h2 {
	    font-size: 20px;
	    text-align: center;
	}

	.system_kode {
	    width: 90%;
	    margin: 0px auto;
	}
	.system_list {
    	width: 90%;
	}
	.system_list ul li .txmq {
	    width: 100%;
	    padding: 32px 10px;
	    background: #f6f6f6;
	}
	.system_list ul li p {
	    max-height: 1000px;
	}
	.system_list ul li .systImg {
	    width: 100%;
	}
	.system_list ul li {
	    width: 100%;
	    max-height: 3000px;
	    margin-bottom: 40px;
	    float: left;
	}
	
	.serv_md {
	    padding: 40px 0px;
	}
	.serv_ls {
	    width: 90%;
	}
	.serv_ls .jian_mt ul {
	    width: 90%;
	    margin: 0px auto;
	}
	.serv_ls .jian_mt {
	    width: 100%;
	    float: left;
	}
	.serv_ls .dqmt{
		display: none;
	}
	.ser_fqa {
	    width: 90%;
	}
	.download li {
	    width: 50%;
	    padding: 30px 20px;
		margin-bottom: 20px;
	    margin-right: 0%;
	}

	.nx_bg img {
    width: 100%;
    display: block;
}
    .nx_bg{
	width: 100%;
	height: auto;
	padding-top: 60px !important;
}







/**/



	.pro_le .leftMenu{
		/*display: none;*/
		margin-left: 1% !important;
	}
	
	
	
	
	
	
	/* 移动端样式 (max-width: 768px) */
@media screen and (max-width: 768px) {
  .pro_le .leftMenu {
    width: 100%;
    margin-left: 0;
    position: relative;
    overflow: hidden;
  }

  .pro_le .leftMenu h3 {
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    cursor: pointer; /* 表示可点击 */
  }

  .pro_le .leftMenu .category-list {
    width: 100%;
    max-height: 0;
    overflow-y: auto;
    transition: max-height 0.3s ease;
    -webkit-overflow-scrolling: touch; /* iOS平滑滚动 */
  }

  /* 展开状态 */
  .pro_le .leftMenu.active .category-list {
    max-height: 70vh; /* 限制最大高度 */
  }

  /* 一级菜单项 */
  .pro_le .leftMenu .first-level > .category-title {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
  }

  /* 二级菜单项 */
  .pro_le .leftMenu .second-level li a {
    padding: 10px 15px 10px 25px;
    font-size: 12px;
  }

  /* 滑动提示样式 */
  .scroll-hint {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #1e3c72;
    opacity: 0.7;
    font-size: 14px;
    animation: pulse 2s infinite;
    pointer-events: none;
    white-space: nowrap;
  }

  @keyframes pulse {
    0%, 100% { opacity: 0.3; transform: translateY(-50%) translateX(0); }
    50% { opacity: 0.8; transform: translateY(-50%) translateX(-5px); }
  }
}
	
	
	
	
	
	<!--
-->
	
	.pro_le .right_Pro {
	    width: 90%;
	    margin-left: auto;
	    border-left: 0px solid #dddddd;
	    padding-left: inherit;
	    margin: 0px auto;
	    float: inherit;
	}
	.right_Pro ul li .proIgame {
	    width:100%;
	    height: auto;
	    float: inherit;
	    margin: 0px auto;
	    border-right: 0px solid #ececec;
	}
	.right_Pro ul li .nameGt {
	    width: 100%; 
	    float: left;
	    text-align: center;
	    margin-left: 0px;
	}
	.right_Pro ul li .nameGt h4 {
	    font-size: 20px;
	    color: #0b3556;
	    margin-bottom: 0px;
	    margin-top: 10px;
	}
	 .nameGt p { text-align:center;
	}
	 .nameGt h4 span {
	    display: block;
	}
	.right_Pro dl{
		display: none;
	}

	.proIx .topGame {
	    width: 100%;
	}
	.proIx .topGame .leftImg {
	    width: 100%; border:none;

	}
	.proIx .topGame .right_txt {
	    width: 100%;
	    float: left;
	    margin-left: 0px; margin-top:20px;
	}
	.proIx .xGameOc .cfgood {
	    padding: 0px 0%;
	}
	.proIx .xGameOc .cfgood a {
	    width: 25%;
	    height: 43px;
	    line-height: 43px;
	    padding: 0px 10px;
	    font-size: 15px;
	    color: rgba(34,34,34,.6);
	    transition: all 0.3s ease 0s;
	}
    .proIx .xGameOc .slideTxtBox .hd ul li{
	    width: 25%;
	    height: 41px;
	    line-height: 41px;
	    padding: 0px 10px;
	    font-size: 15px;
	    color: rgba(34,34,34,.6);
	    transition: all 0.3s ease 0s;
	}
	.proIx .xGameOc .viewALL{
		width: 100%;
	}
	.proIx .xGameOc .viewALL img{
		width: 100%;
	}


	.honnor {
	    width: 90%;
	    margin: 0px auto;
	}
	.honnor .dePm .leimg{
		display: none;
	}

	.honnor .right {
	    width: 100%;
	    padding-top: 2%;
	    margin-left: 0%;
	    margin-right: 0%;
	}
	.honnor .right .tit .f36 {
	    text-transform: uppercase;
	    color: #eee;
	    font-size: 20px;
	}
	.honnor .right .tit .f30 {
	    margin-left: 10px;
	}
	.honnor .right .list{
		width: 95%;
		margin: 0px auto;
	}
	.honnor .right .list p {
	    font-size: 12px;
	    width: 45%;
	    padding-left: 5%;
	    margin-right: 5%;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
	}

	.honGame_Ikod li {
	    width: 46%;
	    float: left;
	    margin-right: 4%;
	    margin-bottom: 20px;
	}
	.take_action {
	    width: 90%;
	    margin: 0px auto;
	}
	.take_action li {
	    width: 100%;
		text-align: center;
	}
	.take_action li span{
		display: none;
	}
	.wrap_wh ul li {
	    width: 100%;
	    height: auto;
	    padding: 35px 6px 35px;
	    float: left;
	    border: 1px solid #e5e5e5;
	    border-left: 0px solid #e5e5e5;
	     border-bottom: 0px solid #e5e5e5;
	}
	
	
	.wrap_wh .Culture .txt{width:100%; float:left;}
	
	.wrap_wh{
		margin-top: 20px;
	}
    .groupt p img{width:100%;}

	.sebist ul li {
	    width: 48%;
	    border-radius: 5px;
	    overflow: hidden;
	    margin-right: 4%;
	}
	.sebist ul li:nth-child(2n){
		margin-right: 0%;
	}

	.sy_info_d {
	    width: 90%;
	    margin: 0px auto;
	    overflow: hidden;
	    padding: 30px 0px;
	}
	.sy_info_d li {
	    width: 48%;
	    float: left;
	    border: 1px solid #cccccc;
	    position: relative;
	    margin-right: 4%;
	    margin-bottom: 20px;
	}
	.sy_info_d li:nth-child(2n){
		margin-right: 0px;
	}
	.sy_info_d li:nth-child(5n) {
	    margin-right: 4%;
	}

	.sys_la {
	    width: 90%;
	    margin: 0px auto;
	    /* border: 1px solid #f0f; */
	    padding: 60px 0px;
	    overflow: hidden;
	}
	.sys_la .topfagx .leftKd{
		width: 100%;
	}
	.sys_la .topfagx .ridq_lg {
	    width: 100%;
	    float: left;
	    margin-left: 0px;
	}
	#proIA .jiathis_style_32x32{
		width: 100%;
	}
	#proIA .dlf{
		margin-right: 20px;
	}
	.psm_lqt dl dd.cpmc_ms{
		display: none
	}
	.psm_lqt dl dd.cpbm_01 {
	    width: calc(50% - 2px);
	    padding: 10px 5px;
	    text-align: center;
	}
	.psm_lqt dl dd.gqw5{
		width: calc(25% - 2px);

	}
	.psm_lqt dl dd.leibie {
	    width: calc(25% - 2px);
	    text-align: center;
	    padding: 10px 5px;
	}
	.psm_lqt dl dd.gq243{
		display: none
	}

	.psm_lqt ul li .gwt32{
		display: none
	}
	
	.psm_lqt ul li .gwt2 {
	    width: calc(50% - 2px);
	}
	.psm_lqt ul li .dmname{
		width: calc(25% - 2px);
		text-align: center;
	}
	.psm_lqt ul li .gwt8 {
	    width: calc(25% - 2px);
		text-align: center;
	}
	.psm_lqt ul li div:last-child{
		display: none;
	}

	.psm_lqt ul li {
	    width: 100%;
	    height: 135px;
	    line-height: 25px;
	}
	.psm_lqt ul li .vd_s{
	    position: relative;
	    padding-left: 0px;
	}
	.psm_lqt ul li .vd_s img {
	    height: 95px;
	    float: none;
	    display: block;
	    margin: 0px auto;
	}
	.psm_lqt ul li .vd_s span{
		margin-left: 0px;
		display: block;
		width: 100%;
		position: absolute;
		bottom: -20px;
		text-align: center;
		line-height: 10px;
	}

	.left_img video{
		width: 100%;
	}

	.about_ctx {
	    width: 100%;
	    margin: 0px auto;
	    /* overflow: hidden; */
	}
	.gqw_me{
		display: none;
	}
	.about_leqt .contx ul li:first-child{
		margin-left: 0px;
	}
	h2.gtopMe {
	    position: absolute;
	    left: 50%;
	    margin-left: -100px;
	    width: 200px;
	    font-size: 35px;
	    text-align: center;
	    margin: 0px;
	    border-bottom: 3px solid #0b3556;
	    padding-bottom: 32px;
	    font-weight: 100;
	    z-index: 666;
	    margin-left: -100px;
	}

	h2.gtopMe_ast{
		display: none;
	}



	.timeline-detail h2{
		text-align: center;
	}
	.timeline-detail-list li{
		text-align: center;
	}
	.timeline-visual {
	    background: none;
	    float: left;
	    width: 100%;
	    height: auto;
	}

	.strength p.fx750{
	    width: 100%;
	}

}

@media screen and (max-width: 375px){
.histoy ul li{ margin-right: 0px; width:146px; height:146px;}
.histoy ul li .kuang{width:146px; height:146px;}
.histoy ul li .text1{display:none;}
.histoy ul li .text2{display:block; width:206px; height:206px;}
.histoy ul li .text2 .mengban{width:146px; height:146px;}
.histoy ul li .text2 .desc{left:60px; top:58px; width:115px;}
.histoy ul li:nth-child(2n){margin-left: 110px;}
.histoy ul.w1 li:nth-child(2n){margin-left: 110px;}
.histoy ul.w1 li:nth-child(4) .text2 .desc{top: 45px;}
.histoy ul.w2 li:nth-child(2n){margin-left: 0px;}
.histoy ul.w2 li:nth-child(3n){margin-left: 110px;}
.histoy ul.w2 li:nth-child(2) .text2 .desc{top:40px;}
.histoy ul.w2 li:nth-child(4) .text2 .desc{    top: 45px; width: 70%;left: 40px;}
.wrap_wh .Culture .txt{width:100%;}

.historyYear dl {
    float: right;
    width: 47%;
    font-size: 14px;
    margin-left: 3%;
}

.historyYear .tpw_dw{
        width: 50px;
        height: calc(100% + 6px);
        position: absolute;
        top: -3px;
        right: -8px;
        border-top: 3px solid #e4e4e4;
        border-bottom: 3px solid #e4e4e4;
        border-right: 3px solid #e4e4e4;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .historyYear .tpw_dw_le{
        width: 50px;
        height: calc(100% + 6px);
        position: absolute;
        top: -3px;
        left: -8px;

        border-top: 3px solid #e4e4e4;
        border-bottom: 3px solid #e4e4e4;
        border-left: 3px solid #e4e4e4;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

	.dh80 dl{
		height: 140px;
	}
	.w375h{
		display: none;
	}
	.w375b{
		display: block;
	}

	.poion{
		top: -11px;
		left: 10%;
	}
	.poion2{
		top: -11px;
		left: 60%;
	}


	.poion3{
		top: 70px;
		right: -16px;
	}

	.poion4{
		top: -11px;
		right: 120px;
	}
	.poion5{
		top: -11px;
		right: 60%;
	}
	.poion6{
		top: 70px;
	    left: -53px;
	}

	.poion7{
		top: -11px;
		left: 25%;
	}
	.poion8{
		top: -11px;
		left: 80%;
	}
	.poion9{
		top: 140px;
    	left: -17px;
	}

	

}