@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:208px; height:54px;  background:url(../images/logo.png) no-repeat 0 0; text-indent:-10000px; overflow:hidden; font-size:12px; margin-top:37px;}
.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%);
	}
}