@charset "utf-8";

/* CSS Document */
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*font-family: "Microsoft YaHei" */
}

body {
	font-size: 12px;
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}

img {
	border: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	outline: none;
}

.clear {
	clear: both;
}

body a {
	outline: none;
	blr: expression(this.onFocus=this.blur());
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

input:focus,
button {
	outline: none;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
	border: none;
}

textarea {
	-webkit-appearance: none;
}

header {
	background: #ffffff;
	position: relative;
	z-index: 1000;
}

.logo {
	float: left;
	width: 310px;
	/* height: 54px; */
	/*background: url(../images/logo.png) no-repeat 0 0;
	text-indent: -10000px;*/
	overflow: hidden;
	font-size: 12px;
	/* margin-top: 37px; */
}
.container .logo img{
	width:310px;
}
.navbar-inverse {
	background-color: #fff;
}

.navbar-inverse .navbar-nav>li>a {
	color: #000;
	font-size: 18px;
}
.navbar .navbar-nav li>a:hover {
	color: #000;
}
.navbar .navbar-nav {
	float: right;
}
@media (max-width: 768px) {
	.navbar .navbar-header {
		padding: 0 20px;
		box-sizing: border-box;
	}
	
	.navbar .navbar-nav {
		float: left;
		margin:0;
		padding:0 20px;
	}
	.navbar .navbar-nav li{
		text-align:left;
	}
	.navbar-inverse .navbar-nav>li>a {
		font-size:14px;
	}
	.navbar .logo {
		width:190px;
		margin:0;
		text-indent:0 ;
	}
	
	.navbar .logo img {
		width: 190px;
	}
}
.slogan {
	float: left;
	width: 430px;
	overflow: hidden;
	margin-top: 40px;
}

.slogan dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #222222;
	font-size: 16px;
	font-weight: normal;
}

.slogan dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #212121;
	font-size: 16px;
	font-weight: bold;
}

.tel {
	float: right;
	padding: 39px 31px;
	margin-bottom: 0;
	width: 256px;
}

.tel dt {
	float: left;
	width: 100%;
	color: #676767;
	font-size: 14px;
	letter-spacing: 10px;
	font-weight: normal;
}

.tel dd {
	float: left;
	width: 100%;
	padding-left: 23px;
	background: url(../images/icon1.png) no-repeat 0 0;
	line-height: 20px;
	color: #278edd;
	font-size: 24px;
	margin-top: 5px;
}

.header_r {
	float: right;
	overflow: hidden;
	width: 270px;
	margin-top: 12px;
}

.header_r span {
	float: left;
	width: 268px;
	text-align: center;
	border: 1px solid #d3e8f9;
	height: 35px;
	line-height: 35px;
	color: #248bdb;
	font-size: 14px;
	letter-spacing: 3px;
}

.header_r ul {
	float: left;
	width: 100%;
	display: inline;
	overflow: hidden;
}

.header_r ul li {
	float: left;
	width: 33.33%;
	overflow: hidden;
	background: url(../images/g.png) no-repeat right 37px;
}

.header_r ul li a {
	float: left;
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top: 32px;
	color: #666666;
	font-size: 14px;
	text-align: center;
}

.header_r ul li a.gfwx {
	background: url(../images/icon2.png) no-repeat center 0
}

.header_r ul li a.sjwz {
	background: url(../images/icon3.png) no-repeat center 0
}

.header_r ul li a.jrsc {
	background: url(../images/icon4.png) no-repeat center 0
}


.navbar-inverse .navbar-nav>li>a.cur {
	background-color: #248bda !important;
	color: #ffffff !important;
}


/*footer*/
.footer_bottom {
	width: 100%;
	overflow: hidden;
	background: #111111;
	padding-top: 17px;
	padding-bottom: 17px;
}

.copright {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #e0e0e1;
}

.footer_top {
	width: 100%;
	overflow: hidden;
	background: #222222;
	padding-top: 40px;
	padding-bottom: 40px;
}

.links {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

.links dt {
	float: left;
	width: 100%;
	overflow: hidden;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

.links dd {
	float: left;
	width: 100%;
	overflow: hidden;
	line-height: 24px;
	margin-top: 5px;
}

.links dd a {
	color: #92959a;
	margin-right: 16px;
}

.links dd a:hover {
	text-decoration: underline;
}

.company-title {
	width: 100%;
	color: #ffffff;
	font-size: 24px;
	font-weight: normal;
}

.address_l {
	float: left;
	width: 40%;
	overflow: hidden;
	display: inline;
	color: #868b91;
	line-height: 28px;
	font-size: 14px;
	margin-top: 5px;
}

.address_r {
	float: right;
	width: 60%;
	overflow: hidden;
	display: inline;
	color: #868b91;
	line-height: 28px;
	font-size: 14px;
	margin-top: 5px;
}

.app_ewm {
	float: left;
	width: 45%;
	padding: 8px;
	margin-right: 5%;
	margin-top: 25px;
}

.app_ewm dt {
	float: left;
	width: 100px;
	height: 100px;
	overflow: hidden;
}

.app_ewm dd {
	float: left;
	width: 50%;
	overflow: hidden;
	margin-left: 13px;
}

.app_ewm dd p {
	float: left;
	width: 100%;
	overflow: hidden;
	color: #989ba2;
	font-size: 17px;
	margin-top: 12px;
	height: 20px;
}

.app_ewm dd span {
	float: left;
	width: 100%;
	overflow: hidden;
	color: #7b818d;
}

.app_ewm dd img {
	float: left;
	margin-top: 4px;
}

.demand_box {
	width: 100%;
	background: url(../images/bg.png) repeat 0 0;
	padding-top: 33px;
	padding-bottom: 33px;
	overflow: hidden;
}

.demand_title {
	float: left;
	width: 100%;
	overflow: hidden;
}

.demand_title dt {
	float: left;
	color: #333333;
	font-size: 24px;
	font-weight: normal;
}

.demand_title dd {
	float: right;
	color: #666666;
	font-size: 12px;
	margin-top: 8px;
}

.demand_list {
	float: left;
	width: 100%;
	overflow: hidden;
	display: inline;
}

.demand_list li {
	float: left;
	display: block;
	overflow: hidden;
	margin-right: 1%;
}

.demand_list li input {
	width: 100%;
	border: 1px solid #eeeeee;
	border-radius: 0;
	height: 42px;
	padding: 10px 12px;
}

.demand_list li.input_1 {
	width: 14%;
}

.demand_list li.input_2 {
	width: 30%;
}

.demand_list li.input_3 {
	width: 8%;
}

.tjxmxq {
	background: #111111;
	border: none;
	border-radius: 0;
	padding: 11px 30px;
	color: #ffffff;
}

.tjxmxq:hover {
	background: #363d4d;
	color: #ffffff;
}

/*main*/

.main-cont1 {
	width: 100%;
	overflow: hidden;
	background: url(../images/index_cont1_bg.jpg) no-repeat center 0;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 50px;
}

.hxyw-title {
	width: 100%;
}

.hxyw-title dt {
	width: 100%;
	text-align: center;
	color: #666666;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: normal;
}

.hxyw-title dd {
	width: 100%;
	text-align: center;
}

.hxyw-title dd.hxyw {
	font-size: 36px;
	color: #222222;
}

.hxyw-title dd.line i {
	background: #248adc;
	width: 57px;
	height: 3px;
	display: inline-block;
}

.hxyw-title dd.hx_slogan {
	color: #676767;
	font-size: 17px;
	letter-spacing: 3px;
	margin-top: 3px;
}

.core-list {
	float: left;
	width: 100%;
	display: inline;
	overflow: hidden;
}

.core-list li {
	float: left;
	width: 18%;
	display: block;
	overflow: hidden;
	margin-right: 2%;
	position: relative;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-ms-transition: .4s all;
	transition: .4s all;
}

.core-list li:last-child {
	margin-right: 0
}

.core-list-t {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -60px;
	width: 120px;
	border: 5px solid #ffffff;
	background: #eaeaea;
	text-align: center;
	line-height: 120px;
	height: 120px;
	border-radius: 50%;
	font-size: 60px;
	color: #248adc;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	-ms-transition: .4s all;
	transition: .4s all;
}


.core-ist-b {
	width: 100%;
	overflow: hidden;
	background: #ffffff;
	padding-top: 66px;
	padding-bottom: 5px;
	margin-top: 50px;
}

.core-ist-b h3 {
	float: left;
	width: 100%;
	text-align: center;
	color: #232323;
	font-size: 16px;
	margin-bottom: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.core-ist-b p {
	float: left;
	width: 100%;
	text-align: center;
	color: #a1a1a1;
	font-size: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.more {
	float: left;
	width: 100%;
	display: block;
	overflow: hidden;
	text-align: center;
	color: #a0a0a0;
	font-size: 40px;
}

.core-list li:hover .core-list-t {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	background: #248bda;
	color: #ffffff;
}

.core-list li:hover .core-ist-b {
	background: #248bda;
}

.core-list li:hover .core-ist-b h3 {
	color: #ffffff;
}

.core-list li:hover p {
	color: #ffffff;
}

.core-list li:hover .more {
	color: #ffffff;
}


.small-program {
	padding-top: 30px;
	padding-bottom: 0;
	overflow: hidden;
}

.small-program-title {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #222222;
	font-size: 48px;
}

.small-program-slogan {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #222222;
	font-size: 24px;
}

.small-program-slogan2 {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #999999;
	font-size: 14px;
}

.button_box {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 25px;
	padding-bottom: 35px;
}

.button_box a {
	display: inline-block;
	padding: 10px 35px;
	-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
	-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
	border-radius: 24px;
	color: #ffffff;
	font-size: 18px;
	margin-left: 6px;
	margin-right: 6px;
}

.button_box a.ckxq {
	background: #248bdb;
	border: 1px solid #227dc4;
}

.button_box a.ljzx {
	background: #76c5f4;
	border: 1px solid #5faddc;
}

.small_list {
	float: left;
	width: 100%;
	overflow: hidden;
	padding-left: 20%;
	margin-top: 70px;
}

.small_list dl {
	float: left;
	width: 80%;
	overflow: hidden;
	margin-bottom: 12px;
}

.small_list dl dt {
	float: left;
	font-size: 46px;
	color: #666666;
}

.small_list dl dd {
	float: left;
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 4px;
}

.small_list p {
	float: left;
	width: 80%;
	overflow: hidden;
	color: #666666;
	font-size: 16px;
	line-height: 24px;
}

.app_kf_box {
	width: 100%;
	overflow: hidden;
	background-color: #76c5f4;
	padding-top: 30px;
	padding-bottom: 40px;
}

.t_alin_l {
	text-align: left;
}

.app_title {
	float: left;
	width: 100%;
	overflow: hidden;
	color: #ffffff;
	font-size: 48px;
	font-weight: normal;
	margin-bottom: 40px;
	margin-top: 50px;
}

.app_list {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 5px;
}

.app_list dt {
	float: left;
	width: 100%;
	overflow: hidden;
	color: #ffffff;
	font-size: 30px;
}

.app_list dd {
	float: left;
	width: 100%;
	overflow: hidden;
	color: #ffffff;
	font-size: 16px;
	margin-top: 6px;
}

.tengyun_box {
	padding-top: 55px;
	padding-bottom: 55px;
}

.tengyun_l {
	padding-right: 0
}

.tengyun {
	padding-left: 0;
	padding-right: 0
}

.tengyun p {
	width: 100%;
}

.ty_title {
	font-size: 40px;
	color: #222222;
	margin-top: 54px;
}

.ty_slogan {
	font-size: 26px;
	font-weight: bold;
}

.ty_nr {
	color: #999999;
	font-size: 14px;
	margin-top: 13px;
	margin-bottom: 20px;
}

.ty_pho img {
	width: 100%;
}

.case_box {
	width: 100%;
	overflow: hidden;
	background: url(../images/pc1.jpg) no-repeat center 0;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 40px;
}

.case-title {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 36px;
	font-weight: normal;
	margin-top: 5px;
}


.case-frfed {
	border-top: 1px solid #484e5c;
	background: url(../images/lines2.jpg) repeat-x 0 bottom;
	border-bottom: 0;
	float: left;
	width: 100%;
	margin-top: 20px;
	padding-left: 20%;
}

.case-frfed li {
	background: none;
	padding-right: 0;
	margin-left: 40px;
	margin-right: 40px;
}

.case-frfed li a {
	color: #ffffff;
	font-size: 18px;
	border: none;
}

.case-frfed li a:hover {
	background: none;
}

.tab-content {
	float: left;
}

.da-thumbs {
	list-style: none;
	position: relative;
	padding: 0;
	margin-top: 15px;
}

.da-thumbs li {
	float: left;
	position: relative;
	margin-top: 25px;
}

.da-thumbs li a,
.da-thumbs li a img {
	display: block;
	position: relative;
	width: 100%;
}

.da-thumbs li i {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	background: #ffffff;
	line-height: 60px;
	color: #363636;
	font-size: 18px;
	font-style: normal;
}

.da-thumbs li a {
	overflow: hidden;
}

.da-thumbs li a div {
	position: absolute;
	background: #000000;
	background: rgba(60, 152, 240, 0.9);
	width: 100%;
	height: 100%;
	bottom: -100%;
}

.da-thumbs li a div span {
	display: block;
	padding: 80px 0 0 0;
	margin-top: 96px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 2em;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
	background: url(../images/ss.png) no-repeat center 0;
}

.process_box {
	width: 100%;
	overflow: hidden;
	background: url(../images/pc2.jpg) no-repeat center 0;
	background-size: cover;
	padding-top: 47px;
	padding-bottom: 30px;
}

.process_box_title {
	float: left;
	width: 100%;
	overflow: hidden;
	background: url(../images/lines3.png) no-repeat center 55px;
	padding-bottom: 20px;
}

.process_box_title dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 34px;
	color: #ffffff;
	font-weight: normal;
}

.process_box_title dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

.lc_list {
	float: left;
	width: 50%;
	overflow: hidden;
	background: url(../images/bg2.png) no-repeat 0 0;
	min-height: 155px;
	padding-top: 43px;
}

.lc_list dt {
	float: left;
	width: 100%;
	padding-left: 40px;
	color: #ffffff;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.lc_list dt i {
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	color: #248bda;
	margin-right: 28px;
}

.lc_list dd {
	float: left;
	width: 70%;
	overflow: hidden;
	color: #ffffff;
	line-height: 20px;
	font-size: 12px;
	margin-top: 62px;
	height: 40px;
}

.news_box {
	float: left;
	width: 100%;
	border: 1px solid #e5e5e5;
	padding: 20px 20px 10px 20px;
}

.qykh_title {
	float: left;
	width: 100%;
	color: #222222;
	font-size: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.qykh_title i {
	font-style: normal;
	color: #999999;
}

.tj_pho {
	float: left;
	width: 100%;
	overflow: hidden;
}

.tj_pho img {
	width: 100%;
}

.news_list {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

.news_list li {
	float: left;
	display: block;
	width: 100%;
	overflow: hidden;
}

.news_list li a {
	float: left;
	display: block;
	width: 66%;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666666;
	font-size: 12px;
	padding-left: 15px;
	background: url(../images/list01.jpg) no-repeat 0 center;
}

.news_list li span {
	float: right;
	line-height: 30px;
	color: #999999;
	font-size: 12px;
}

.news_list li a:hover {
	color: #38a2ec;
}

.list_lh {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 13px;
	margin-bottom: 7px;
}



.news_box_cont {
	padding-top: 50px;
	padding-bottom: 50px;
	overflow: hidden;
}

.dsj_box {
	width: 100%;
	overflow: hidden;
	background: url(../images/pc3.jpg) no-repeat center 0;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.customer {
	float: left;
	width: 100%;
	overflow: hidden;
}

.customer dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #666666;
	letter-spacing: 24px;
	font-size: 16px;
}

.customer dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #258bdb;
	font-weight: bold;
	font-size: 26px;
	margin-top: 10px;
}

.customer_list {
	float: left;
	display: inline;
	overflow: hidden;
	margin-top: 20px;
	padding-top: 3px;
	padding-left: 1px;
}

.customer_list li {
	float: left;
	display: block;
	width: 14.2%;
	overflow: hidden;
	border: 1px solid #ececec;
	margin-left: -1px;
	margin-top: -1px;
}

.customer_list li img {
	width: 170px;
	height: 126px;
}

.col_fourth {
	float: left;
	width: 20%;
	overflow: hidden;
	position: relative;
}

.timer {
	width: 100%;
	text-align: center;
}

.jia {
	float: left;
	width: 80%;
	text-align: right;
	float: left;
	font-size: 30px;
	color: #ffffff;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -56px;
}

.count-title {
	color: #ffffff;
	font-size: 80px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif
}

.count-text {
	float: left;
	width: 100%;
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
}

.jia2 {
	float: left;
	width: 90%;
	text-align: right;
	float: left;
	font-size: 30px;
	color: #ffffff;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: -56px;
}

/*在线考试系统*/
.nybanner {
	width: 100%;
	overflow: hidden;
}

.thumb_ba img {
	width: 100%;
}

.kyycj_box {
	padding-top: 35px;
	padding-bottom: 35px;
}

.zxksxt_title {
	width: 100%;
	overflow: hidden;
	display: block;
}

.zxksxt_title dt {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 36px;
}

.zxksxt_title dd {
	width: 100%;
	text-align: center;
	color: #666666;
	font-size: 18px;
	margin-top: 10px;
	line-height: 30px;
}

.kyycj_list {
	float: left;
	width: 20%;
	overflow: hidden;
	padding-left: 2%;
	padding-right: 2%;
}

.kyycj_list dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.kyycj_list dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
	line-height: ;
	color: #333333;
	font-size: 12px;
	line-height: 18px;
}

.features-box {
	width: 100%;
	background: #f4f4f4;
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 30px;
}

.cpts_list {
	float: left;
	width: 80%;
	overflow: hidden;
	margin-left: 10%;
}

.cpts_list dt {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.cpts_list dd {
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 18px;
	margin-top: 0;
}

.cpts_list dd.cpts_list_nr {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	margin-top: 30px;
}

.xtgn_box {
	padding-top: 42px;
	padding-bottom: 42px;
}

.xtgn_list {
	float: left;
	width: 16%;
	overflow: hidden;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 30px;
}

.xtgn_list dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	border-radius: 5px;
	background: #f7774a;
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.xtgn_list dd {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 5px;
	background: #aaaaaa;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	min-height: 96px;
}

.xtgn_list dd h3 {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
}

.xtgn_list dd p {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	margin-top: 5px;
	line-height: 18px;
}

.service_box {
	width: 100%;
	overflow: hidden;
	background: url(../images/ksxt_27.jpg) no-repeat center 0;
	background-size: cover;
	padding-top: 25px;
	padding-bottom: 25px;
}

.service_box_title {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 30px;
	font-weight: normal;
}

.service_list {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}

.service_list dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.service_list dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 24px;
	margin-top: 15px;
}


/*直播*/
.live_what {
	padding-top: 41px;
	padding-bottom: 0;
}

.live_what_title {
	width: 100%;
	overflow: hidden;
	display: block;
}

.live_what_title dt {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 36px;
	font-weight: normal;
}

.live_what_title dt i {
	color: #248bdb;
	font-style: normal;
}

.live_what_title dd {
	width: 100%;
	text-align: center;
	color: #666666;
	font-size: 14px;
	margin-top: 10px;
	line-height: 24px;
}

.live_what_nr {
	width: 100%;
	overflow: hidden;
}

.live_what_nr img {
	width: 100%;
}

.live_fanwei {
	width: 100%;
	background: #f4f4f4;
	padding-top: 40px;
	padding-bottom: 30px;
}

.fwfw_list {
	float: left;
	width: 100%;
	overflow: hidden;
	padding-left: 10%;
	padding-right: 10%;
}

.fwfw_list dt {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.fwfw_list dd {
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 14px;
	margin-top: 0;
}

.fwfw_list dd.fwfw_list_nr {
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin-top: 15px;
}

.line_r {
	border-right: 1px solid #e6e6e6;
}

.p_b_20 {
	padding-bottom: 20px;
}

.tsgn_box {
	padding-top: 40px;
	padding-bottom: 20px;
}

.tsgn_list {
	float: left;
	width: 100%;
	border: 1px solid #efefef;
	padding: 11px;
}

.tsgn_list dt {
	width: 100%;
	overflow: hidden;
}

.tsgn_list dt img {
	width: 100%;
}

.tsgn_list dd {
	float: left;
	width: 100%;
	font-size: 24px;
	color: #333333;
	margin-top: 15px;
}

.tsgn_list dd.tsgn_list_nr {
	float: left;
	width: 100%;
	color: #333333;
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
}

/*健身*/
.kyycj_list2 {
	width: 100%;
	overflow: hidden;
	padding-left: 8%;
	padding-right: 8%;
	margin-top: 15px;
}

.kyycj_list2 dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.kyycj_list2 dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 20px;
	line-height: ;
	color: #333333;
	font-size: 18px;
}

.kyycj_list2 dd.kyycj_list2_nr {
	font-size: 12px;
	line-height: 21px;
}

.kyycj_list2 img {
	width: 40%;
}

.jsxt_vs {
	width: 100%;
	background: #f2f6fa;
	padding-top: 28px;
	padding-bottom: 50px;
}

.jsxt_vs_box {
	background: url(../images/js_14.jpg) no-repeat center 0;
	padding-top: 0;
	padding-bottom: 0;
}

.znjsxt_title {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #20a3fe;
	font-size: 30px;
	margin-top: 82px;
	padding-right: 25%;
}

.ctjsxt_title {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #20a3fe;
	font-size: 30px;
	margin-top: 82px;
	padding-left: 29%;
}

.znjsxt_nr {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 107px;
}

.znjsxt_nr li {
	float: left;
	display: block;
	width: 80%;
	overflow: hidden;
	margin-top: 27px;
}

.znjsxt_nr li h3 {
	width: 100%;
	color: #20a3fe;
	font-size: 21px;
	font-weight: normal;
	margin-top: 0
}

.znjsxt_nr li p {
	width: 100%;
	overflow: hidden;
	color: #333333;
	font-size: 14px;
}

.ctjsxt_nr {
	float: right;
	width: 50%;
	overflow: hidden;
	margin-top: 107px;
}

.ctjsxt_nr li {
	float: left;
	display: block;
	width: 100%;
	overflow: hidden;
	margin-top: 27px;
}

.ctjsxt_nr li h3 {
	width: 100%;
	color: #666666;
	font-size: 21px;
	font-weight: normal;
	margin-top: 0
}

.ctjsxt_nr li p {
	width: 100%;
	overflow: hidden;
	color: #333333;
	font-size: 14px;
}

.module_box {
	width: 100%;
	overflow: hidden;
	background: url(../images/js_17.jpg) no-repeat center 0;
	padding-top: 30px;
	padding-bottom: 26px;
}

.module_title {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 36px;
}

.grea_bg {
	width: 100%;
	background: #f2f6fa;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
}

.jsxt_list {
	width: 84%;
	overflow: hidden;
	margin-top: 100px;
}

.jsxt_list dt {
	width: 100%;
	color: #333333;
	font-size: 30px;
	font-weight: normal;
}

.jsxt_list dd {
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	margin-top: 30px;
}

.jsxt_pho {
	width: 100%;
	float: left;
	text-align: center;
}

.zmks-list {
	padding-top: 25px;
	padding-bottom: 25px;
	overflow: hidden;
}

.sdjs_box {
	padding-top: 30px;
	padding-bottom: 30px;
}

.sdjs-box-title {
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 36px;
	font-weight: normal;
}

.sdjs-list {
	width: 100%;
	overflow: hidden;
	margin-top: 35px;
	float: left;
}

.sdjs-list dt,
.sdjs-list dd {
	width: 100%;
	text-align: center;
}

.sdjs-list dd p {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 24px;
	margin-top: 15px;
}

.sdjs-list dd span {
	width: 100%;
	text-align: center;
	color: #666666;
	font-size: 14px;
}


.module_box-frfed {
	width: 100%;
	border: none;
	margin-top: 35px;
	float: left;
	white-space: nowrap;
	overflow: hidden;
}

.module_box-frfed li {
	float: left;
	display: block;
	width: 136px;
	margin: 0;
	padding: 0;
	margin-right: 26px;
	margin-left: 26px;
	background: none;
	height: 246px;
	overflow: hidden
}

.module_box-frfed li a {
	float: left;
	display: block;
	width: 136px;
	height: 152px;
	text-align: center;
	color: #ffffff;
	border: none;
	border-radius: 0;
	padding-top: 30px;
	background: url(../images/js_4.png) no-repeat 0 0;
}

.module_box-frfed li a span {
	font-size: 50px;
}

.module_box-frfed li a i {
	float: left;
	width: 100%;
	font-style: normal;
	font-size: 18px;
	margin-top: 10px;
}

.module_box-frfed li:hover {
	border: none;
}

.module_box-frfed li:hover a {
	background: url(../images/js_3.png) no-repeat 0 0;
	border: none;
	color: #333333;
}

.module_box-frfed>li.active {
	background: url(../images/jt.png) no-repeat center bottom;
}

.module_box-frfed>li.active>a,
.module_box-frfed>li.active>a:hover,
.module_box-frfed>li.active>a:focus {
	color: #333;
	border-bottom: 0;
	background: url(../images/js_3.png) no-repeat 0 0;
}

.hjgl_box {
	margin-top: 17px;
}

.hjgl-title {
	width: 100%;
	color: #333333;
	font-weight: normal;
	font-size: 24px;
	margin-top: 85px;
}

.hjgl_list {
	float: left;
	width: 100%;
	background: url(../images/js_24.jpg) repeat-y 4px 10px;
	margin-top: 15px;
}

.hjgl_list li {
	float: left;
	display: block;
	overflow: hidden;
	width: 100%;
	padding-left: 30px;
	background: url(../images/js_20.jpg) no-repeat 0 8px;
	margin-bottom: 29px;
}

.hjgl_list li p {
	width: 100%;
	color: #333333;
	font-size: 18px;
	float: left;
	margin: 0
}

.hjgl_list li span {
	width: 100%;
	color: #999999;
	font-size: 14px;
	margin-top: 6px;
	float: left;
}

.arr {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -10px;
	margin-left: 0px;
	border-color: transparent transparent transparent #fff;
	border-style: dashed dashed dashed solid;
}

.mobile-game-cont1 {
	padding-top: 25px;
	padding-bottom: 38px;
}

.mobile-game-cont1-left {
	float: left;
	width: 40%;
	overflow: hidden;
}

.mobile-game-cont1-left img {
	width: 100%;
}

.mobile-game-cont1-right {
	float: right;
	width: 55%;
	overflow: hidden;
}

.mobile-game-cont1-right h3 {
	width: 100%;
	overflow: hidden;
	color: #333333;
	font-weight: normal;
	font-size: 36px;
	margin-top: 40px;
}

.mobile-game-cont1-right p {
	width: 100%;
	line-height: 24px;
	color: #666666;
	font-size: 14px;
	margin-top: 30px;
}

.game_youshi {
	background: #f6f6f6;
	width: 100%;
	overflow: hidden;
	padding-top: 50px;
	padding-bottom: 50px;
}

.advantage_title {
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 36px;
}

.advantage-list {
	float: left;
	display: block;
	width: 12%;
	overflow: hidden;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 20px;
}

.advantage-list dt {
	width: 100%
}

.advantage-list dt img {
	width: 100%;
}

.advantage-list dd {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 18px;
	margin-top: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.game_products {
	padding-top: 30px;
	padding-bottom: 30px;
}

.game_lmdh {
	width: 657px;
	margin: 0 auto;
	padding-top: 25px;
}

.game_lmdh ul {
	float: left;
	display: inline;
	border: 1px solid #cccccc;
	border-radius: 17px;
	line-height: 34px;
}

.game_lmdh ul li {
	float: left;
	display: block
}

.game_lmdh ul li a {
	float: left;
	display: inline-block;
	width: 127px;
	text-align: center;
	color: #333333;
	font-size: 16px;
	border-radius: 17px;
}

.game_lmdh ul li a:hover {
	color: #ffffff;
	background: #464646;
}

.game_lmdh ul>li.active>a,
.game_lmdh ul>li.active>a:hover,
.game_lmdh ul>li.active>a:focus {
	color: #333;
	border-bottom: 0;
	background-color: #464646;
	color: #ffffff;
}



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

.game_content_list {
	float: left;
	width: 100%;
	overflow: hidden;
	display: inline;
}

.game_content_list li {
	float: left;
	width: 14%;
	padding-left: 1%;
	padding-right: 1%;
	display: block;
}

.game_content_list li img {
	width: 100%;
	margin-top: 18px;
}

.nd_slogan {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	background: url(../images/lines4.png) no-repeat center center;
	color: #333333;
	font-size: 14px;
	margin-top: 8px
}

.plan-list {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: 53px;
}

.plan-list dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.plan-list dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 18px;
	margin-top: 20px;
}

.m_t_20 {
	margin-top: 30px;
	float: left;
}

.bg_line {
	background: url(../images/lines5.jpg) no-repeat right 80px;
}

.jylc_box {
	width: 100%;
	display: inline;
	overflow: hidden;
	margin-top: 28px;
	float: left;
	margin-bottom: 0
}

.jylc_box li {
	float: left;
	display: block;
	width: 20%;
}

.jylc-list {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 0
}

.jylc-list dt {
	float: left;
	width: 100%;
	text-align: center;
}

.jylc-list dd {
	float: left;
	width: 100%;
}

.jylc-list dd p {
	float: left;
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 20px;
}

.jylc-list dd span {
	float: left;
	width: 100%;
	text-align: center;
	color: #999999;
	font-size: 12px;
	margin-top: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.zlvsqt {
	padding-top: 35px;
	padding-bottom: 50px;
	overflow: hidden;
}

.zlvsqt_bg {
	background: url(../images/sy_33.jpg) no-repeat center 0;
}

.vs_pho {
	width: 100%;
	overflow: hidden;
}

.vs_pho dt {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.vs_pho dd {
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 24px;
	margin-top: 2px;
}

.vs-list {
	width: 100%;
}

.vs-list li {
	width: 100%;
	float: left;
	display: block;
	margin-top: 4px;
	margin-bottom: 20px;
	border-radius: 4px;
	padding: 15px 37px 15px 100px;
	background: url(../images/z.png) no-repeat 32px center;
	color: #ffffff;
	font-size: 18px;
	line-height: 24px;
	min-height: 82px;
}

.vs-list li.vs1 {
	background-color: #f98b29;
}

.vs-list li.vs2 {
	background-color: #3282dc;
}

.vs-list li.vs3 {
	background-color: #6eb543;
}

.vs-list li.vs4 {
	background-color: #48b7c1;
}

.vs-list li.dz {
	background: url(../images/dz.png) no-repeat 32px center;
	background-color: #dddddd;
	color: #333333;
}

.p_l_n {
	padding-left: 4%;
	padding-right: 4%;
}

.small_program {
	padding-top: 40px;
	overflow: hidden;
	padding-bottom: 0
}

.wxxcx_title {
	float: left;
	width: 100%;
	margin-top: 0;
}

.wxxcx_title dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 36px;
}

.wxxcx_title dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 36px;
}

.sdnt_pho {
	float: left;
	text-align: right;
	width: 100%;
}

.sdnt_list {
	float: left;
	margin-top: 45px;
	width: 100%;
	padding-right: 30%;
}

.sdnt_list li {
	float: left;
	width: 310px;
	display: block;
	overflow: hidden;
	background: #666666;
	border-radius: 12px;
	text-align: center;
	line-height: 65px;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
}

.small_program2 {
	width: 100%;
	background: url(../images/xcx_07.jpg) no-repeat center 0;
	padding-top: 20px;
	padding-bottom: 40px;
	background-size: cover
}

.wxxcx_title2 {
	float: left;
	width: 100%;
	margin-top: 0;
}

.wxxcx_title2 dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 36px;
}

.wxxcx_title2 dt i {
	font-size: 60px;
	font-style: normal;
}

.wxxcx_title2 dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 36px;
	color: #ffffff;
}

.liuliang {
	float: left;
	width: 100%;
	overflow: hidden;
	border: 1px solid #f3f3f3;
	padding: 22px 20px;
	margin-top: 15px;
	min-height: 168px;
}

.liuliang dt {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 30px;
	font-weight: normal;
}

.liuliang dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	line-height: 30px;
	margin-top: 18px;
}

.xcx_slogan {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	margin-top: 20px;
}

.small-program-title2 {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #222222;
	font-size: 36px;
	font-weight: bold;
}

.small-program-slogans1 {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #222222;
	font-size: 36px;
}

.small-program-slogans2 {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #666666;
	font-size: 18px;
}

.small-program-slogans1 i {
	font-style: normal;
	color: #248bdb;
}

.small_program3 {
	width: 100%;
	overflow: hidden;
	background: url(../images/xcx_09.jpg) no-repeat center 0;
	padding-top: 40px;
	padding-bottom: 20px;
	background-size: cover
}

.small_program3 dl {
	width: 100%;
}

.small_program3 dl dt {
	width: 100%;
	text-align: center;
	color: #ffffff;
	font-size: 36px;
}

.small_program3 dl dt i {
	font-style: normal;
	font-weight: normal;
}

.small_program3 dl dd {
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #ffffff;
	font-size: 36px;
}

.small_program3 dl dd i {
	color: #28bf62;
	font-style: normal;
}

.small_program4 {
	padding-top: 55px;
	padding-bottom: 25px;
}

.program_list {
	float: left;
	width: 25%;
	overflow: hidden;
}

.program_list dt {
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.program_list dd {
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 14px;
	margin-top: 5px;
}

.p_n {
	padding: 0;
	margin: 0;
}

.yxxgj-title {
	width: 100%;
	overflow: hidden;
	float: left;
	margin-top: 25px;
}

.yxxgj-title dt {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 36px;
	color: #333333;
}

.yxxgj-title dt i {
	font-style: normal;
	font-weight: normal;
}

.yxxgj-title dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 36px;
}

.yxxgj-title dd i {
	color: #248bdb;
	font-size: 36px;
	font-style: normal;
}

.xcx_vs {
	float: left;
	width: 100%;
	text-align: center;
}

.xcx_vs img {
	width: 90%;
}

.small_program5 {
	background: url(../images/xcx_36.jpg) no-repeat center 0;
	background-size: cover;
	padding-top: 10px;
	padding-bottom: 325px;
}

.yxxgj-title2 {
	width: 100%;
	overflow: hidden;
	float: left;
	margin-top: 25px;
}

.yxxgj-title2 dt {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 36px;
	color: #333333;
}

.yxxgj-title2 dt i {
	font-style: normal;
	font-weight: normal;
}

.yxxgj-title2 dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 24px;
	margin-top: 10px;
}

.small_program6 {
	padding-top: 38px;
	padding-bottom: 40px;
}

.yxxgj-title3 {
	width: 100%;
	overflow: hidden;
	float: left;
}

.yxxgj-title3 dt {
	float: left;
	width: 100%;
	text-align: center;
	font-size: 36px;
	color: #333333;
}

.yxxgj-title3 dd {
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	color: #333333;
	font-size: 24px;
	margin-top: 5px;
}

.xcx-case {
	list-style: none;
	position: relative;
	padding: 0;
	margin-top: 15px;
}

.xcx-case li {
	float: left;
	position: relative;
	margin-top: 25px;
}

.xcx-case li a {
	border: 1px solid #dddbdc;
}

.xcx-case li a,
.xcx-case li a .case_p {
	display: block;
	position: relative;
	width: 100%;
}

.xcx-case li i {
	float: left;
	width: 94%;
	overflow: hidden;
	line-height: 34px;
	margin-top: 3px;
	color: #333333;
	font-size: 16px;
	font-style: normal;
	margin-left: 3%;
	border-bottom: 1px solid #eeeeee;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.xcx-case li p {
	float: left;
	width: 94%;
	overflow: hidden;
	color: #333333;
	font-size: 12px;
	font-style: normal;
	margin-left: 3%;
	margin-top: 8px;
}

.xcx-case li a {
	overflow: hidden;
}

.xcx-case li a div {
	position: absolute;
	background: #000000;
	background: rgba(36, 139, 219, 0.9);
	width: 100%;
	height: 100%;
	bottom: -100%;
}

.xcx-case li a div span {
	display: block;
	padding: 45px 0 0 0;
	margin-top: 61px;
	text-transform: uppercase;
	font-weight: normal;
	line-height: 2em;
	font-size: 18px;
	text-align: center;
	color: #ffffff;
}

.xcxewm {
	display: inline-block;
	border-radius: 10px;
	background: #edeef0;
	overflow: hidden;
	padding: 6px;
}

.f_wx {
	display: none;
}


@media(min-width:768px) and (max-width:1024px) {}

@media (max-width: 1024px) {
	.header_r {
		display: none;
	}

	.nav>li {
		padding-right: 0;
	}

	.navbar-inverse .navbar-nav>li>a {
		font-size: 12px;
	}

	.tengyun_l img {
		width: 96%;
	}

	.button_box a {
		padding: 10px 18px;
	}

	.case-frfed {
		padding-left: 10%;
	}

	.tjxmxq {
		padding: 11px 10px
	}

	.app_ewm dt {
		width: 80px;
		height: 80px;
	}

	.app_ewm dt img {
		width: 100%;
	}

	.app_ewm dd img {
		width: 20px;
	}

	.app_ewm dd p {
		font-size: 14px;
	}

	.program_list {
		width: 50%;
	}
}

@media (max-width: 992px) {
	.tel {
		display: none;
	}

	.news_box {
		margin-top: 10px;
	}

	.demand_list li.input_2 {
		width: 30%;
	}

	.xcx_pho {
		display: none;
	}

	.small_list {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-left: 3%;
	}

	.small-program-title {
		font-size: 2.4rem;
	}

	.small-program-slogan {
		font-size: 1.2rem
	}

	.button_box a {
		font-size: 14px;
	}

	.button_box {
		margin-bottom: 15px;
	}

	.app_title {
		margin-top: 0;
		margin-bottom: 10px;
	}

	.app_kf_box {
		margin-bottom: 20px;
	}

	.tengyun_box {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.process_box_title {
		background: none;
	}

	.module_box {
		display: none;
	}

	.case-frfed li {
		margin-left: 10px;
		margin-right: 10px;
	}

	.customer_list {
		margin-top: 10px;
	}

	.customer_list li {
		width: 50%;
	}

	.customer_list li img {
		width: 100%;
		height: auto;
	}

	.lc_list {
		width: 85%;
		margin-left: 15%;
	}

}

@media (max-width: 767px) {

	/*header*/
	.nav>li {
		padding-right: 0;
		background: none;
		text-align: center;
	}

	.slogan,
	.header_r,
	.tel {
		display: none;
	}

	.logo {
		margin-top: 0;
		margin-bottom: 0;
		position: absolute;
		left: 5;
		top: 7px;
		background: url(../images/logo2.png) no-repeat 0 0;
		background-size: auto 35px;
	}

	.navbar-inverse .navbar-nav>li>a {
		font-size: 14px;
	}

	/*footer*/
	.demand_box {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.demand_title dt,
	.demand_title dd {
		width: 100%;
		text-align: center;
	}

	.demand_list li {
		margin-top: 5px;
	}

	.demand_list li.input_1,
	.demand_list li.input_2 {
		width: 100%;
	}

	.demand_list li.input_3 {
		width: 18%;
	}

	.footer_top {
		padding-top: 10px;
		padding-bottom: 0
	}

	.address_l,
	.address_r {
		width: 100%;
		margin-top: 0
	}

	.app_ewm {
		display: none;
	}

	.links {
		display: none;
	}

	.customer_list {
		margin-top: 10px;
	}

	.customer_list li {
		width: 50%;
	}

	.customer_list li img {
		width: 100%;
		height: auto;
	}

	.customer dt {
		letter-spacing: 1px;
	}

	.news_box_cont {
		padding-top: 20px;
		padding-bottom: 5px;
	}

	.col_fourth {
		width: 100%;
	}

	.news_box {
		margin-top: 15px;
	}

	.news_box {
		padding: 10px;
		padding-bottom: 0
	}

	.da-thumbs li i {
		font-size: 14px;
		line-height: 40px;
	}

	.app_title {
		font-size: 2.6rem;
	}

	.app_list dt {
		font-size: 1.5rem
	}

	.app_list dd {
		font-size: 1.3rem;
	}

	.small_list p {
		width: 100%;
		font-size: 1.3rem;
	}

	.small_list dl {
		margin-bottom: 0
	}

	.small_list dl dt {
		font-size: 36px;
	}

	.small_list dl dd {
		font-size: 1.5rem;
	}

	.hxyw-title dt,
	.hxyw-title dd.hxyw {
		font-size: 1.8rem;
	}

	.hxyw-title dd.hx_slogan {
		font-size: 1rem;
		letter-spacing: 1px;
	}

	.process_box_title dt {
		font-size: 1.7rem;
	}

	.qykh_title {
		font-size: 1.4rem;
	}

	.ty_title {
		font-size: 2rem;
		margin-top: 20px;
	}

	.ty_slogan {
		font-size: 1.3rem;
	}

	.case-title {
		font-size: 1.8rem;
	}

	.case_box {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.lc_list {
		width: 46%;
		margin-left: 4%;
	}

	.tengyun {
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.jia2 {
		width: 80%;
	}

	.case-frfed {
		padding-left: 0
	}

	.case-frfed li a {
		font-size: 14px;
	}

	.case-frfed li {
		margin: 0;
		width: 100%;
		text-align: center;
	}

	.case-frfed li>a {
		padding-left: 10px;
		padding-right: 10px;
	}

	.core-list li {
		width: 48%;
		margin-top: 10px;
	}

	.main-cont1 {
		padding-top: 20px;
	}

	.small-program {
		padding-top: 20px;
	}

	.small-program-slogan {
		font-size: 18px;
	}

	.app_left {
		width: 100%;
	}

	.app_right {
		width: 100%;
	}

	.app_right img {
		width: 100%;
	}

	.core-list-t {
		font-size: 3.5rem;
		width: 80px;
		height: 80px;
		line-height: 80px;
		margin-left: -40px;
	}

	.core-ist-b {
		margin-top: 40px;
		padding-top: 30px;
	}

	.company-title {
		font-size: 18px;
	}


	/*微信小程序*/


	.small_program {
		padding-top: 20px;
	}

	.wxxcx_title dt,
	.wxxcx_title2 dt,
	.wxxcx_title dd,
	.wxxcx_title2 dd,
	.small-program-title2,
	.small-program-slogans1,
	.small_program3 dl dt,
	.small_program3 dl dd,
	.yxxgj-title dt,
	.yxxgj-title dd,
	.yxxgj-title dd i,
	.yxxgj-title2 dt,
	.yxxgj-title3 dt,
	.mobile-game-cont1-right h3,
	.advantage_title,
	.zxksxt_title dt,
	.sdjs-box-title,
	.service_box_title,
	.live_what_title dt {
		font-size: 1.9rem;
	}

	.yxxgj-title2 dd,
	.yxxgj-title3 dd,
	.small-program-slogans2,
	.advantage-list dd,
	.plan-list dd,
	.vs-list li,
	.znjsxt_nr li h3,
	.ctjsxt_nr li h3,
	.zxksxt_title dd,
	.sdjs-list dd p,
	.service_list dd,
	.tsgn_list dd {
		font-size: 1.5rem;
	}

	.wxxcx_title2 dt i {
		font-size: 2.8rem;
	}

	.liuliang dt {
		font-size: 1.5rem;
	}

	.liuliang dd {
		font-size: 14px;
		line-height: 1.8rem;
		margin-top: 10px;
	}

	.liuliang {
		padding: 10px;
		min-height: 30px;
		margin-top: 0;
	}

	.sdnt_pho img {
		width: 100%;
	}

	.sdnt_list {
		padding: 0;
		margin-top: 0;
		margin-bottom: 15px;
	}

	.sdnt_list li {
		width: 46%;
		font-size: 1.5rem;
		margin-left: 2%;
		margin-right: 2%;
		line-height: 45px;
		margin-top: 10px;
	}

	.program_list {
		width: 100%;
	}

	.small_program6 {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.xcx-case {
		margin-top: 0
	}

	.xcx-case li {
		margin-top: 15px;
	}

	.small_program5 {
		padding-bottom: 100px;
	}

	.f_wx {
		display: block;
	}

	.f_bwx {
		display: none;
	}

	/*手游开发*/
	.mobile-game-cont1-left,
	.mobile-game-cont1-right {
		width: 100%;
	}

	.mobile-game-cont1-left img {
		width: 97%;
	}

	.advantage-list {
		width: 46%;
		margin-left: 2%;
		margin-right: 2%;
	}

	.game_lmdh {
		width: 100%;
	}

	.game_content_list li {
		width: 50%;
		padding-left: 3%;
		padding-right: 3%;
	}

	.nd_slogan {
		background: none;
	}

	.jylc_box li {
		width: 50%;
		margin-bottom: 15px;
	}

	.zlvsqt_bg {
		background: none;
	}

	.demand_title dt {
		font-size: 18px;
	}

	.plan-list dt img {
		width: 80%;
	}

	.jylc-list dt img {
		width: 80%;
	}

	.vs_pho dd {
		font-size: 18px;
	}


	/*健身*/
	.jsxt_vs_box {
		background: none;
	}

	.znjsxt_title {
		margin-top: 20px;
		text-align: left;
	}

	.znjsxt_nr {
		margin-top: 0;
	}

	.znjsxt_nr li,
	.ctjsxt_nr li {
		margin-top: 10px;
		width: 100%;
	}

	.ctjsxt_title {
		padding-left: 0;
		margin-top: 15px;
		text-align: left;
		margin-bottom: 0
	}

	.ctjsxt_nr {
		float: left;
		width: 100%;
		margin-top: 0;
	}

	.znjsxt_title,
	.ctjsxt_title,
	.jsxt_list dt {
		font-size: 1.8rem;
	}

	.jsxt_vs {
		padding-bottom: 15px;
		padding-top: 10px;
	}

	.module_box {
		display: none;
	}

	.jsxt_list {
		margin-top: 20px;
		width: 100%;
	}

	.jsxt_pho img {
		width: 60%;
	}

	.jsxt_list dd {
		margin-top: 10px;
	}


	/*在线考试系统*/
	.kyycj_list {
		width: 50%;
		height: 300px;
		overflow: hidden;
	}

	.xtgn_list {
		width: 96%;
		margin-top: 0;
	}

	.xtgn_list dt {
		font-size: 16px;
	}

	.xtgn_list dd {
		min-height: auto;
	}

	.xtgn_list dd h3 {
		margin-top: 12px;
	}

}

/*区块链*/


.zn_banner {
	background: url(../images/zn_banner.png) no-repeat center;
	height: 569px;
	background-size: cover;
	width: 100%;
	text-align: center;
	color: #fff;
	position: relative;
}

.zn_start {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.zn_banner_text p,
.zn_banner_text a {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.zn_banner_top {
	font-size: 30px;
	font-weight: bold;
	line-height: 50px;
	margin-top: 190px;
}

.zn_banner_bottom {
	font-size: 30px;
	line-height: 50px;
	margin-top: 250px;
}

.zn_banner_btn {
	display: block;
	height: 60px;
	line-height: 60px;
	width: 250px;
	margin: 32px auto 0;
	background-size: 100% 100%;
	border-radius: 4px;
	font-size: 22px;
	color: #252b48;
	background-color: #F9B91E;
	border-bottom: 5px solid #DD8319;
	border-radius: 5px;
	transition: .4s;
	margin-top: 350px;
}

.zn_banner_btn:hover {
	text-decoration: none;
	background-color: #DD8319;
	border-bottom: 5px solid #F9B91E;
	transition: .4s;
	color: #fff;
}

.zn_yy {
	background: url(../images/dapp_banner.png) no-repeat center;
	background-size: cover;
	position: absolute;
	height: 642px;
	left: 0;
	right: 0;
	bottom: 0;
	top: 430px;
}

.zn_yy_wrapper {
	margin-top: 130px;
}

.zn_yy_name {
	font-size: 26px;
	line-height: 40px;
	color: #555;
}

.zn_yy h3 {
	line-height: 54px;
	font-weight: bold;
	font-size: 40px;
	color: #555;
}

.zn_yy_line {
	margin: 40px 0;
	width: 152px;
	height: 3px;
	background: #f9b91e;
}

.zn_yy_info {
	font-size: 18px;
	line-height: 30px;
	color: #555;
}

.zn_yy_wrapper img {
	width: 460px;
}

.zn_case {
	background: url(../images/dapp_solve.png) no-repeat center;
	background-size: cover;
	margin-top: 500px;
	padding: 60px 0 72px;
}

.zn_case_list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

}

.zn_case_item {
	flex: 0 0 20%;
	padding: 0 6px;
	box-sizing: border-box;
	margin-bottom: 18px;
}

.zn_case h4 {
	color: #fff;
	margin-bottom: 54px;
	text-align: center;
	font-size: 30px;
	line-height: 50px;
}

.zn_case_wrapper {
	background-color: #fff;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 15px 15px 12px;
	box-sizing: border-box;
	border-radius: 5px;
}

.zn_case_wrapper h5 {
	font-size: 18px;
	font-weight: bold;
	line-height: 50px;
}

.zn_case_wrapper p {
	font-size: 14px;
	color: #888;
	line-height: 25px;
	text-align: left;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.zn_hy {
	padding: 88px 0 102px;
}

.zn_hy h3 {
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 90px;
}

.zn_hy p {
	font-size: 18px;
	line-height: 50px;
	margin-top: 52px;
	text-align: center;
}

.zn_kk {
	height: 384px;
	background: #2d2e4c;
	position: relative;
}

.zn_kk_img {
	position: absolute;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
}

.zn_kk h3 {
	font-size: 30px;
	pointer-events: auto;
	line-height: 50px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 130px;
	left: 50%;
	transform: translateX(-50%);
}

.zn_kk p {
	font-size: 20px;
	pointer-events: auto;
	line-height: 40px;
	color: #c1d2e6;
	text-align: center;
	position: absolute;
	top: 200px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.zn_kk a {
	display: block;
	pointer-events: auto;
	margin: 38px auto 0;
	width: 230px;
	height: 50px;
	border: 1px solid #f9b91e;
	line-height: 50px;
	border-radius: 4px;
	font-size: 20px;
	color: #f9b91e;
	transition: .4s;
	text-align: center;
	position: absolute;
	top: 260px;
	left: 50%;
	transform: translateX(-50%);
}

.zn_kk a:hover {
	background: #f9b91e;
	color: #252b48;
	transition: .4s;
	text-decoration: none;
}



/* 游戏开始 */
.qkwenti {
	padding: 60px 0 80px;
}

.qkgame_banner img {
	width: 100%;
}

.qkwenti h4 {
	font-size: 35px;
	color: #333;
	text-align: center;
}

.qkwenti img {
	width: 100%;
}

.qkts {
	background: url(../images/col2.jpg) no-repeat center;
	background-size: cover;
}

.qkts_item {
	/* height: 150px; */
}

.qkts h3 {
	font-size: 35px;
	text-align: center;
	color: #fff;
}

.qkts_name {
	font-size: 22px;
	margin-top: 10px;
	text-align: center;
	color: #fff;
	margin-bottom: 60px;
}

.qkts_wrapper {
	background-color: #fff;
	position: relative;
	padding-top: 50px;
	padding-bottom: 10px;
	border-radius: 5px;
	margin-bottom: 90px;
	box-shadow: 0 5px 12px rgba(0, 0, 0, .1);
}

.qkts_wrapper img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -60px;
}

.qkts_wrapper h5 {
	font-size: 22px;
	color: #5b6173;
	text-align: center;
}

.qkts_wrapper p {
	font-size: 15px;
	color: #999;
	margin-top: 12px;
	padding: 0 30px;
	line-height: 24px;
	display:
		-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.wanfa {
	background-color: #F8FAFD;
}

.wanfa h3 {
	font-size: 35px;
	color: #333;
	margin-bottom: 50px;
}

.wanfa p {
	text-align: center;
	font-size: 22px;
	color: #5b6173;
	margin-top: 15px;
}

.wanfa .text-center {
	margin-bottom: 90px;
}

.cw h1 {
	font-size: 30px;
	color: #2f6cb2;
	font-weight: bold;
	margin-top: 80px;
}

.cw p {
	margin-top: 10px;
	font-size: 20px;
	color: #333;
}

.cw a {
	display: block;
	width: 200px;
	height: 52px;
	line-height: 52px;
	margin-top: 50px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	border-radius: 5px;
	background: #DD6384;
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#DD6384), to(#E26169));
}

.vir_jj_wrapper {
	border-radius: 5px;
	margin-top: -40px;
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 60px 55px;
	box-sizing: border-box;
	box-shadow: 0px 9px 50px 0px rgba(0, 0, 0, 0.13);
}

.vir_jj_wrapper_tit {
	display: flex;
	align-items: center;
	justify-content: center;
}

.vir_jj_wrapper_tit h4 {
	font-size: 30px;
	line-height: 54px;
	height: 54px;
	font-weight: bold;
	color: #5a6b99;
	position: relative;
	text-align: center;
}

.vir_jj_wrapper_line {
	height: 1px;
	background-color: #5A6B99;
	width: 100px;
}

.vir_jj_wrapper p {
	font-size: 18px;
	line-height: 36px;
	margin-top: 40px;
	color: #8089aa;
}

.vir_item {
	display: flex;
	flex-direction: column;
	padding: 60px 0 56px;
}

.vir_item:nth-child(odd) {
	background-color: #FAFAFA;
}

.vir_item_tit {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.vir_item strong {
	width: 195px;
	height: 38px;
	margin: 0 auto;
	background: #ffd951;
	border-radius: 19px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
}

.vir_item span {
	text-align: center;
	font-size: 16px;
	line-height: 46px;
	color: #8089aa;
	margin-bottom: 20px;
	margin-top: 15px;
}

.vir_item_list {
	display: flex;
	align-items: center;
}

.vir_item_list_item {
	flex: 0 0 20%;
	padding: 0 13px;
	box-sizing: border-box;
}

.vir_item_list_item_wrapper {
	display: flex;
	flex-direction: column;
}

.vir_item_list_item_wrapper img {
	width: 100%;
	height: 220px;
}

.vir_item_list_item_wrapper h5,
.vir_item_list_item_wrapper p {
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	color: #5a6b99;
	margin-bottom: 0;
}

.vir_cj {
	margin-top: 50px;
}

.vir_kk {
	position: relative;
	height: 450px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#21A9FD), to(#4E57FE));
}

.vir_kk h2 {
	position: absolute;
	top: 85px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 50px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	line-height: 80px;
}

.vir_kk p {
	position: absolute;
	top: 190px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 48px;
	margin-bottom: 47px;
}

.vir_kk a {
	position: absolute;
	top: 270px;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	margin: 0 auto;
	width: 284px;
	text-align: center;
	height: 70px;
	line-height: 70px;
	color: #fff;
	border-radius: 35px;
	font-size: 20px;
	background: -webkit-linear-gradient(#24c0fd, #11dfdb);
	background: linear-gradient(#24c0fd, #11dfdb);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.4);
}

.vir_kk a {
	text-decoration: none;
}


/* 响应 */
@media (max-width: 768px) {
	.zn_banner {
		height: 200px;
	}

	.zn_banner_top {
		margin-top: 55px;
		font-size: 17px;
	}

	.zn_banner_bottom {
		font-size: 15px;
		line-height: 23px;
		margin-top: 100px;
	}

	.zn_banner_btn {
		display: block;
		margin: 32px auto 0;
		background-size: 100% 100%;
		border-radius: 4px;
		font-size: 14px;
		color: #252b48;
		background-color: #F9B91E;
		border-bottom: 5px solid #DD8319;
		border-radius: 5px;
		transition: .4s;
		margin-top: 135px;
		padding: 5px 10px;
		height: auto;
		width: auto;
		line-height: 20px;
	}

	.zn_yy {
		top: 135px;
	}

	.zn_yy_wrapper {
		margin-top: 70px;
	}

	.zn_yy_name {
		font-size: 20px;
	}

	.zn_yy h3 {
		line-height: 3px;
		font-weight: bold;
		font-size: 25px;
		color: #555;
	}

	.zn_yy_line {
		margin: 26px 0;
		width: 152px;
		height: 3px;
		background: #f9b91e;
	}

	.zn_yy_info {
		font-size: 16px;
		line-height: 30px;
		color: #555;
	}

	.zn_yy_wrapper img {
		width: 180px;
	}

	.zn_case h4 {
		color: #fff;
		margin-bottom: 16px;
		text-align: center;
		font-size: 20px;
		line-height: 44px;
		margin-top: 20px;
	}

	.zn_case_item {
		flex: 0 0 50%;
		padding: 0 5px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}

	.zn_case_wrapper h5 {
		font-size: 16px;
		font-weight: bold;
		line-height: 20px;
	}

	.zn_case_wrapper p {
		font-size: 12px;
		color: #888;
		line-height: 19px;
		text-align: left;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	.zn_hy {
		padding: 18px 0 22px;
	}

	.zn_hy h3 {
		font-size: 20px;
		line-height: 20px;
		margin-bottom: 20px;
	}

	.zn_hy p {
		font-size: 14px;
		line-height: 24px;
		margin-top: 14px;
		text-align: center;
	}

	.zn_kk_img {
		position: absolute;
		top: 15px;
		left: 50%;
		transform: translateX(-50%);
	}

	.zn_kk {
		height: 270px;
	}

	.zn_kk h3 {
		font-size: 18px;
		pointer-events: auto;
		line-height: 30px;
		text-align: center;
		color: #fff;
		position: absolute;
		top: 70px;
		left: 50%;
		transform: translateX(-50%);
	}

	.zn_kk p {
		font-size: 16px;
		pointer-events: auto;
		line-height: 1.5;
		color: #c1d2e6;
		text-align: center;
		position: absolute;
		top: 130px;
		left: 50%;
		transform: translateX(-50%);
		width: 100%;
	}

	.zn_kk a {
		display: block;
		pointer-events: auto;
		margin: 38px auto 0;
		width: 130px;
		height: 30px;
		border: 1px solid #f9b91e;
		line-height: 30px;
		border-radius: 4px;
		font-size: 16px;
		color: #f9b91e;
		transition: .4s;
		text-align: center;
		position: absolute;
		top: 170px;
		left: 50%;
		transform: translateX(-50%);
	}
}
