@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;}
.none{display:none;}
.logo{float:left; width:121px; height:32px;  background:url(../images/logo.png) no-repeat 0 0; text-indent:-10000px; overflow:hidden; font-size:12px;margin:24px 0;position:relative;}
.logo a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.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:18px; font-weight:normal;}
.slogan dd{ float:left; width:100%; overflow:hidden; text-align:center; color:#212121; font-size:18px; font-weight:bold;}

.tel{ float:left; padding:39px 31px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; 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:#2d394d;padding-top:17px;padding-bottom:17px;z-index:9;position: relative;}
.copright{width:100%; overflow:hidden; text-align:center; color:#fff;font-size:14px;opacity:0.4;}
.copright a{color:#fff;}
.footer_top{width:100%;background:#2d394d;padding:3% 0 1%;border-bottom:1px solid #232d3c;}

.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%; -webkit-box-shadow: 1px 1px 3px #252a36;  -moz-box-shadow: 1px 1px 3px #252a36; box-shadow: 1px 1px 3px #252a36; padding:8px; border:1px solid #474e60; 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:#363d4d; 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/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:#333333;-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:90%; 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:100%; 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,.mb_tel{
	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%;}
.mb_tel{display:block;position:fixed;bottom:138px;right:2%;z-index:100;}

}
@media (max-width: 767px){
	
/*header*/	
.nav > li{padding:0;background:none;text-align:center;margin:0 3%;}
.slogan,.header_r,.tel{ display:none;}	
.logo{margin-top:0;margin-bottom:0;position:absolute;left:5;top:7px;background:url(../images/logo.png) no-repeat 0 0; background-size:auto 32px;}
.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%;}	
.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%);
	}
}


/* 物联网 */
.wlw_banner{background:url(../images/wlw_banner.jpg) no-repeat center;background-size:100% 100%;padding:4% 0;width:100%;overflow:hidden;}
.wlw_banner .text{text-align:center;margin-top:16%;}
.wlw_banner .text h1{font-size:48px;color:#fff;}
.wlw_banner .text p{font-size:36px;color:#fff;padding-top:5%;}
.wlw_banner .pic img{max-width:100%;}

.wlw_tit{padding:5% 0;}
.wlw_tit h1{font-size:36px;color:#5f616d;}
.wlw_tit h1 em{color:#2d91de;font-style:normal;}
.wlw_tit p{font-size:18px;color:#333;margin-top:1%;}

.features{background:#f8f8f8;padding-bottom:5%;overflow:hidden;}
.features ul li .main{background:#fff;margin:0 -6px;overflow:hidden;padding:70px 0 50px;}
.features ul li .main:hover{box-shadow:0 0 20px rgba(36,139,218,.2);}
.features ul li .main img{height:88px;margin-bottom:15px;}
.features ul li .main h1{font-size:18px;color:#2d91de;}
.features ul li .main p{font-size:14px;color:#999;line-height:30px;margin:0;}

.safe_box{background:url(../images/safe_banner.jpg) no-repeat center;background-size:100% 100%;overflow:hidden;}
.safe_box .wlw_tit h1{color:#fff;}
.safe_box ul{overflow:hidden;padding:2% 0 15%;}
.safe_box ul li .bord{border:1px solid #fff;border-radius:20px;overflow:hidden;padding:40px 19% 0;margin:0 9%;height:350px;}
.safe_box ul li .bord h1{font-size:26px;color:#fff;margin:15px 0;}
.safe_box ul li .bord p{font-size:14px;color:#d4def4;line-height:25px;}
.safe_box ul li .bord:hover{background:linear-gradient(to bottom,#38afec,#225df6);border:1px solid transparent;}
.safe_box ul li .bord:hover p{color:#fff;}

.solution{background:#f8f8f8;padding-bottom:3%;}
.solution ul li{position:relative;padding:0 3px;overflow:hidden;margin-bottom:3%;}
.solution ul li img{display:block;width:100%;}
.solution ul li p{text-align:center;background:rgba(0,0,0,.5);line-height:36px;color:#fff;position:absolute;left:3px;right:3px;bottom:0;font-size:18px;margin:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.foot_solgn{background:url(../images/beatiful.jpg) no-repeat center;background-size:100% 100%;overflow:hidden;text-align:center;padding:2% 0;}
.foot_solgn h1{font-size:30px;color:#fff;margin:0;}
.foot_solgn p{font-size:18px;color:#fff;padding:1% 0;}
.foot_solgn a{font-size:14px;color:#fff;border:1px solid #fff;display:block;width:170px;line-height:39px;margin:1% auto;}

/* 首页 */
.pull_left{float:left;}
.pull_right{float:right;}

.topbar{background:#232526;height:40px;line-height:40px;z-index:10;position:relative;width:100%;}
.topbar p{margin-bottom:0;}
.topbar .fiften{font-size:14px;color:#fff;opacity:0.6;}
.topbar .tpr{overflow:hidden;}
.topbar .tpr p{float:left;font-size:14px;}
.topbar .tpr p i{font-style:normal;color:#fff;opacity:0.6;}
.topbar .tpr p em{font-style:normal;color:#0e9cda;}
.topbar .tpr .wx{background:url(../images/twx.png) no-repeat left;padding-left:26px;}
.topbar .tpr .dh{background:url(../images/ttel.png) no-repeat left;padding-left:30px;margin-left:30px;}

.navbar-fixed-top{box-shadow:0 5px 12px rgba(0,0,0,.07);}

.index_tit{text-align:center;padding:4% 0 3%;max-width:820px;margin-left:auto;margin-right:auto;}
.index_tit img{max-width:100%;margin-top:3%;}
.index_tit h2{font-size:40px;color:#333;margin:20px 0;}
.index_tit h3{font-size:50px;color:#1a1a1a;}
.index_tit h4{font-size:36px;color:#323232;padding:20px 0;}
.index_tit h4.p10{margin:10px 0;padding:8px 0;}
.index_tit h5{font-size:28px;color:#323232;line-height:44px;}
.index_tit h5 em{font-size:36px;color:#0e9cda;padding:0 5px;}
.index_tit h5 i{font-size:30px;color:#1a1a1a;padding:0 5px;}
.index_tit h6{font-size:22px;color:#323232;padding:0;margin:0;}
.index_tit .p1{font-size:16px;color:#666;line-height:26px;}
.index_tit .p2{font-size:18px;color:#666;line-height:30px;margin-top:20px;}
.index_tit .year{margin-top:0;position:relative;padding-bottom:30px;}
.index_tit .year:after{content:"";width:54px;height:3px;display:inline-block;background:#0e9cda;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
.index_tit .year i{width:46px;height:35px;display:inline-block;background:url(../images/15years.png) no-repeat left;padding-left:26px;}
.about_zl{font-size:14px;color:#666;line-height:30px;text-align:left;margin:30px 0 0;}
.index_tit .line{font-size:30px;color:#333;margin:0;padding:30px 0;position:relative;}
.index_tit .line:after{content:"";width:54px;height:3px;display:inline-block;background:#0e9cda;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
.index_tit .rep{font-size:14px;color:#747474;line-height:48px;}

.core_busin{padding-bottom:10%;overflow:hidden;}
.core_busin .box{width:20%;height:380px;float:left;position:relative;text-align:center;cursor:pointer;}
.core_busin .box .box-img{transform:rotateY(0);transition:all 0.50s ease-in-out 0s;width:100%;height:380px;background:rgba(0,0,0,.4);}
.core_busin .box:hover .box-img{transform: rotateY(-90deg);}
.core_busin .box .box-img img{height:57px;margin-top:138px;}
.core_busin .box .box-img h3{font-size:18px;color:#fff;margin:60px 0 15px;}
.core_busin .box .box-img p{font-size:12px;color:#fff;text-transform:uppercase;}
.core_busin .box .box-content{width:100%;height:100%;position:absolute;top: 0;left: 0;padding:0 20px;text-align: center;background:rgba(14,156,218,.4);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;}
.core_busin .box:hover .box-content{transform: rotateY(0);}
.core_busin .box .title{font-size: 20px;color: #fff;text-transform:uppercase;}
.core_busin .box .description{font-size:16px;line-height:30px;color:#fff;margin-top:160px;}
.core_busin .box .line{width:32px;height:4px;display:block;background:#fff;margin:0 auto;border-radius:3px;position:absolute;bottom:60px;left:0;right:0;}

.btns{line-height:60px;display:inline-block;text-align:center;font-size:20px;border-radius:50px;margin:3% 20px;padding:0 85px;}
.btn_see{border:1px solid #fff;color:#fff;background:url(../images/jt1.png) no-repeat 160px center;}
.btn_ask{border:1px solid #25bdff;color:#25bdff;background:url(../images/jt2.png) no-repeat 160px center;}
.btn_sbl{border:1px solid #666;color:#666;background:url(../images/jt3.png) no-repeat 160px center;}
.btn_more{border:1px solid #25bdff;color:#25bdff;}
.btn_type{background:#5fccff;font-size:22px;color:#fff;margin-bottom:5%;}
.btn_app{border:1px solid #25bdff;color:#25bdff;font-size:14px;margin:0;line-height:34px;width:118px;padding:0;}
.btn_sbl:hover{color:#666;}
.btn_see:hover,.btn_type:hover{color:#fff;}
.btn_ask:hover,.btn_more:hover,.btn_app:hover{color:#25bdff;}

.case_contair{overflow:hidden;padding-bottom:3%;}
.case_contair ul{overflow:hidden;}
.case_contair ul li{overflow:hidden;padding:0;position:relative;}
.case_contair ul li img{width:100%;display:block;transition:all 0.6s;}
.case_contair ul li .clist{background:rgba(0,0,0,0);width:100%;height:100%;position:absolute;z-index:1;text-align:center;transition:all 0.6s;opacity:0;}
.case_contair ul li .clist h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:22px;color:#fff;line-height:30px;position:absolute;top:50%;left:0;right:0;margin:-15px auto 0;}
.case_contair ul li:hover img{transform:scale(1.09);}
.case_contair ul li:hover .clist{background:rgba(0,0,0,0.6);opacity:1;}
.case_contair ul li .h3{font-size:20px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:25px 0 18px;}
.case_contair ul li .p{font-size:14px;color:#989898;line-height:22px;max-height:44px;overflow:hidden;}

.indservice{overflow:hidden;}
.indservice ul{overflow:hidden;padding-bottom:5%;}
.indservice li{text-align:center;padding:3% 4%;background:#dcdcdc;transition:all 0.6s;}
.indservice li:nth-child(2n){background:#e5e5e5;}
.indservice li i{display:block;width:40px;height:40px;margin:0 auto}
.indservice li i.icon1{ background:url(../images/s1.png) no-repeat center top;}
.indservice li i.icon2{ background:url(../images/s2.png) no-repeat center top;}
.indservice li i.icon3{ background:url(../images/s3.png) no-repeat center top;}
.indservice li i.icon4{ background:url(../images/s4.png) no-repeat center top;}
.indservice li i.icon5{ background:url(../images/s5.png) no-repeat center top;}
.indservice li i.icon6{ background:url(../images/s6.png) no-repeat center top;}
.indservice li .title{color:#1a1a1a;font-size:26px;margin:30px 0 15px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.indservice li .line{background:#0e9cda;height:1px;width:40px;margin:0 auto}
.indservice li .cons{height:78px;line-height:26px;overflow:hidden;font-size:16px;color:#333;margin:20px 0 30px 0;text-transform:uppercase;}
.indservice li .more{font-size:16px;float:none;}
.indservice li .more a{display:inline-block;color:#333;border:1px solid #a8a8a8;padding:10px 42px;font-size:16px;}
.indservice li:hover{background:#0e9cda;color:#fff}
.indservice li:hover i{background-position:0 -40px}
.indservice li:hover .title{color:#fff;}
.indservice li:hover .line{ background:#fff;}
.indservice li:hover .cons{color:#fff}
.indservice li:hover .more a{border-color:#fff;color:#fff}

.comline{width:100%;height:1px;clear:both;background:#e6e6e6;}

.data_box{padding:2% 0;overflow:hidden;}
.data_box ul{overflow:hidden;}
.data_box ul li{text-align:center;}
.data_box ul li h3{font-size:66px;color:#333;margin:0 0 15px;font-family:Arial;}
.data_box ul li p{font-size:16px;color:#666;line-height:26px;margin:0;}

.partner_box{overflow:hidden;padding-bottom:3%;}
.partner_box ul{overflow:hidden;}
.partner_box ul li{overflow:hidden;display:flex;justify-content:center;align-items:center;height:90px;width:16.66%;float:left;}
.partner_box ul li img{max-width:100%;max-height:100%;}

.demand_contair{background:#f7f7f7;padding-bottom:2%;overflow:hidden;}
.demand_contair h3{font-size:22px;color:#353535;margin:43px 0;}
.demand_contair .demand_list li input{box-shadow:none;border:none;border-radius:5px;}
.demand_contair .tjxmxq{border-radius:5px;}

.branch_office{overflow:hidden;}
.branch_office ul{overflow:hidden;}
.branch_office ul.fl li{list-style:none;padding-right:10%;overflow:hidden;margin-bottom:20px;}
.branch_office ul.fl li img{width:25%;display:block;float:left;margin-right:3%;}
.branch_office ul.fl li .info{width:72%;float:left;}
.branch_office ul.fl li h3{font-size:18px;color:#fff;font-weight:normal;line-height:40px;margin:0 0 0;}
.branch_office ul.fl li p{font-size:14px;color:#fff;opacity:0.5;line-height:22px;}
.branch_office .tel{padding:20px 0 0;border:none;}
.branch_office .tel p{font-size:18px;color:#fff;margin:0;}
.branch_office .tel h3{font-size:30px;color:#0e9cda;padding:20px 0;margin:0;line-height:50px;}
.branch_office .tel ul{overflow:inherit;width:auto;}
.branch_office .tel ul li{float:left;width:45px;margin-right:14px;position:relative;cursor:pointer;}
.branch_office .tel img{width:45px;height:45px;max-width:100px;}
.branch_office .tel ul li .t2{display:none;width:90px;height:90px;position:absolute;top:100%;left:-20px;}
.branch_office .tel ul li:hover .t2{display:block;}

/* 政务督办系统 */
.navbar-inverse .navbar-nav > li.navs7 > a{ background-color:#248bda!important; color:#ffffff!important;}
.jdpttitle{width: 100%;height: 90px;margin-top: 30px;text-align: center;line-height: 90px;font-size: 30px}
.jdpttitlejs{width: 100%;margin-bottom: 35px;font-size: 14px;text-align: center;line-height: 1.8}
.jdpttitle-con{width: 100%;}
.jdpttitle-content{width: 20%;float: left;text-align: center;padding: 0 20px;box-sizing: border-box;padding-bottom: 30px;}
.jdpttitle-content img{width: 80px;height: 80px;border-radius: 50%;}
.jdpttitle-content:hover img {transform: rotate(360deg);transition: all 0.4s;}
.zwxxksxt{background-color: #0090ff;-webkit-background-size: cover;background-size: cover;color: #ffffff;}
.zwxxtop{width: 100%;margin-top: 60px;height: 10px;text-align:center;}
.zwxxtop div{width: 40px;height: 10px;border-radius: 5px;background-color: #fff;margin: 0 auto;}
.zwxxtop2{width: 100%;margin-top: 60px;height: 10px;text-align:center;}
.zwxxtop2 div{width: 40px;height: 10px;border-radius: 5px;background-color: #0090ff;margin: 0 auto;}
.zwxxtitle{width: 100%;height: 100px;line-height: 100px;text-align: center;font-size: 48px;}
.zwxxtitlejj{width: 100%;text-align: center;font-size: 16px}
.zwxxzj{background: url(../images/01.png) no-repeat;background-size: 100% auto;margin-top: 80px;height: 460px;padding:0;}
.zwxxleft{width: 100%;height: 85px;margin-top: 80px;}

.imgdiv{width: 100px;height: 85px;float: left;}
.contentdiv{float: left;width:calc(100% - 100px);}
.zwxxleft img{width: 78px;height: 78px;}
.contentdiv-t{width: calc(100%-100px);font-size: 18px;padding: 3px 0;}
.contentdiv-b{font-size: 14px;padding: 1px 0;}
.dwc{font-size: 14px;color: #0090ff;padding-top: 20px;}
.zhdjpic{width: 100%;height: 100%;text-align: center;padding-top: 70px;margin:0;}
.zhdjpic img{max-width:100%;}
.sdjz{background-color: #f1f2f4;padding-bottom: 50px;}
.zhdj{padding-bottom: 50px;}
.sdjzleft{width: 360;margin: 0 auto;}
.sdjzleftout{width: 360px;padding-top: 40px;}
.sdjzleftout2{width: 360px;padding-top: 40px;margin: 0 auto;}
.sdjzleftout3{width: 360px;padding-top: 40px;float: right}
.sdjzleft-t{
width: 100px;height: 100px;line-height: 100px;margin: 0 auto;background-color: #363636;border-radius: 50%;z-index: 9999;opacity:1;position: relative;text-align: center}
.sdjzleft-b{width:360px;height: 320px;border-radius: 25px;box-shadow: 0px 0px 2px 0px #ccc;margin-top: -50px;z-index: 1;background-color: #fff;}
.sdjzleft-b-t{width: 220px;margin-left: 95px;font-size: 18px;padding-top: 60px;padding-bottom: 20px;}
.sdjzleft-b-t2{width: 220px;font-size: 14px;color: #666;margin-left: 95px;}
.xhx{width: 100%;}
.xhxcontent{width: 100px;height: 10px;margin: 0 auto;background-color: #333;border-radius: 5px;margin-top: -10px;}
.sdjzleftout:hover .sdjzleft-t{background-color: #0090ff}
.sdjzleftout:hover .xhxcontent{background-color: #0090ff}
.sdjzleftout2:hover .sdjzleft-t{background-color: #0090ff}
.sdjzleftout2:hover .xhxcontent{background-color: #0090ff}
.sdjzleftout3:hover .sdjzleft-t{background-color: #0090ff}
.sdjzleftout3:hover .xhxcontent{background-color: #0090ff}
.sdjzleftout1:hover .sdjzleft-b-t{color: #0090ff}
.sdjzleftout2:hover .sdjzleft-b-t{color: #0090ff}
.sdjzleftout3:hover .sdjzleft-b-t{color: #0090ff}

/* app开发 */
.undis{display:none;}

.app_nav ul{overflow:hidden;text-align:center;}
.app_nav ul li{overflow:hidden;display:inline-block;font-size:16px;line-height:42px;border-radius:30px;padding:0 20px;border:1px solid #fff;cursor:pointer;margin:0 25px;}
.app_nav ul li.hovertab{border:1px solid #0e9cda;background:#f3fafe;color:#0e9cda;}
.app_nav ul li i{display:block;width:27px;height:32px;background:url(../images/ico10.png) no-repeat;float:left;margin-right:9px;margin-top:5px;}
.app_nav ul li i.yl-ico01{background-position: 0 0;}
.app_nav ul li i.yl-ico02{background-position: -27px 0;}
.app_nav ul li i.yl-ico03{background-position: -54px 0;}
.app_nav ul li i.yl-ico04{background-position: -81px 0;}
.app_nav ul li.hovertab i.yl-ico01{background-position: 0 -32px;}
.app_nav ul li.hovertab i.yl-ico02{background-position: -27px -32px;}
.app_nav ul li.hovertab i.yl-ico03{background-position: -54px -32px;}
.app_nav ul li.hovertab i.yl-ico04{background-position: -81px -32px;}

.ctt{overflow:hidden;}
.screen_app{overflow:hidden;padding:5% 0 3%;}
.scrCon{min-height:160px;}
.scrCon h3{font-size:22px;color:#343434;}
.scrCon h3 em{font-style:normal;color:#2eafeb;}
.scrCon p{font-size:14px;color:#646464;line-height:20px;min-height:40px;margin:20px 0 10px;}
.scrCon a{cursor:default;}
.screen_r{text-align:right;}
.screen_m{text-align:center;}
.screen_m img{max-width:100%;}

.yl-mdwt{width:100%;background:#f7f7f7;padding:3% 0;}
.yl-mdwt .w1200{overflow:hidden;}
.yl-mdwt .pic{text-align:center;}
.yl-mdwt img{max-width:100%;}
.yl-mdwt .floatR p{font-size: 26px;line-height: 46px;}
.yl-mdwt .floatR p.orange{color: #FF9B00;}
.yl-mdwt .floatR p em{background: #FF9C00;color: #fff;line-height: 46px;display: inline-block;padding:0 10px;font-style:normal;}
.yl-zx.h40{display:inline-block;height: 38px;line-height: 38px;padding: 0 44px;border-radius:30px;}
.yl-mdwt .yl-zx{margin-top: 30px;background: #45B3FF;color: #fff;}
.yl-mdwt .yl-zx:hover{background: #1AA4FF;border-color:#1AA4FF;}
.yl-mdwt .floatR{margin-top:120px;}
.yl-indtit{text-align: center;font-size: 36px;color: #212121;padding-top: 50px;}
.yl-indtitBot{font-size: 20px;text-align: center;margin-top: 5px;}
.yl-FwCon{color: #fff;text-align: center;margin-top: 50px;}
.yl-FwCondt{width: 60px;height: 370px;background: #7373EB;font-size: 20px;font-weight: bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;float: left;margin-right:10px;cursor: pointer;}
.yl-FwCondt p{width: 22px;line-height: 40px;margin: 0 auto;padding-top: 140px;}
.yl-FwCondd{float: left;}
.yl-FwCondd ul{float: left;}
.yl-FwCondd ul li{width:100%;height: 180px;padding: 1px; background: #7373EB;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;}
.yl-FwCondd ul li div{width: 28px;height: 28px;background: #fff;color:#7373EB;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;line-height: 28px;margin:20px auto 0;font-size:16px;}
.yl-FwCondd ul li h3{font-size: 16px;font-weight: bold;margin-top: 12px;}
.yl-FwCondd ul li p{margin: 10px auto 0;}
.yl-Wid01 .yl-FwCondd ul li.mt10 div{margin-top:20px;}
.yl-FwConMK{float: left;}
.yl-Wid01{width:25%;}
.yl-Wid02{width:50%;}
.yl-Wid03{width:25%;}
.yl-Wid01 .yl-FwCondd ul,.yl-Wid03 .yl-FwCondd ul{width:100%;}
.yl-Wid02 .yl-FwCondd{width:calc(100% - 70px);}
.yl-Wid01 .yl-FwCondd,.yl-Wid03 .yl-FwCondd{width:calc(100% - 75px);}
.yl-Wid02 .yl-FwCondt{background: #FF6464;}
.yl-Wid02 .yl-FwCondd ul{width:33.33%;}
.yl-Wid02 .yl-FwCondd ul li{width:95%;height:180px;background: #FF6464;}
.yl-Wid02 .yl-FwCondd ul li.mt10,.yl-FwCondd ul li.mt10{margin-top:10px;}
.yl-Wid02 .yl-FwCondd ul li div{color:#FF6464;}
.yl-Wid03 .yl-FwCondt{background: #00B3A1;width: 55px;}
.yl-Wid03 .yl-FwCondd ul{margin-right: 0;}
.yl-Wid03 .yl-FwCondd ul li{height: 180px;background: #00B3A1;width:100%;}
.yl-Wid03 .yl-FwCondd ul li p{}
.yl-Wid03 .yl-FwCondd ul li div{color:#00B3A1;}
.yl-Wid01 .yl-FwCondt:hover{background: #6565E9;}
.yl-Wid01 .yl-FwCondd ul li:hover{background: #6565E9;}
.yl-Wid02 .yl-FwCondt:hover{background: #FF4F4F;}
.yl-Wid02 .yl-FwCondd ul li:hover{background: #FF4F4F;}
.yl-Wid03 .yl-FwCondt:hover{background:#00A897;}
.yl-Wid03 .yl-FwCondd ul li:hover{background:#00A897;}
.yl-FwConZx .yl-zx{background:#FF9B00;color:#fff;background:#45B3FF;border:1px solid #45B3FF;}
.yl-FwConZx .yl-zx:hover{opacity: .9;}
.yl-dwmfx{padding-top: 10px;overflow:hidden;}
.yl-dwmfx li{margin-top:3%;}
.yl-dwmfx li .main{height:258px;background:#fff;-webkit-box-shadow: 0px 3px 21px 1px #E4E4E4;-moz-box-shadow: 0px 3px 21px 1px #E4E4E4;-ms-box-shadow: 0px 3px 21px 1px #E4E4E4;-o-box-shadow: 0px 3px 21px 1px #E4E4E4;box-shadow: 0px 3px 21px 1px #E4E4E4;}
.yl-dwmfx li img{display: block;height: 200px;max-width: 100%;margin:0 auto;}
.yl-dwmfx li .fon16{line-height: 58px;text-transform : uppercase;}
.yl-indtit.pt60{padding-top: 50px;}
.yl-wmdfw{margin-top: 35px;position: relative;}
.yl-wmdfw .arrow a{display: block;width: 58px;height: 100px;background: url(../images/row13.png) no-repeat;position: absolute;top: 50%;margin-top: -50px;cursor: pointer;z-index: 3;}
.yl-wmdfw .arrow a.next{background-position: -58px 0;right: -58px;}
.yl-wmdfw .arrow a.prev{background-position: 0 0;left: -58px;}
.yl-wmdfw .hd{text-align: center;font-size: 16px;color: #656565;}
.yl-wmdfw .hd li{display: inline-block;line-height: 32px;margin: 0 40px;padding-bottom: 8px;cursor: pointer;}
.yl-wmdfw .hd li i{display: block;width: 27px;height: 32px;background: url(../images/ico10.png) no-repeat;float: left;margin-right: 7px;}
.yl-wmdfw .hd li i.yl-ico01{background-position: 0 0;}
.yl-wmdfw .hd li i.yl-ico02{background-position: -27px 0;}
.yl-wmdfw .hd li i.yl-ico03{background-position: -54px 0;}
.yl-wmdfw .hd li i.yl-ico04{background-position: -81px 0;}
.yl-wmdfw .hd li.on{color: #FF9B00;border-bottom: 2px solid #FF9B00;}
.yl-wmdfw .hd li.on i.yl-ico01{background-position: 0 -32px;}
.yl-wmdfw .hd li.on i.yl-ico02{background-position: -27px -32px;}
.yl-wmdfw .hd li.on i.yl-ico03{background-position: -54px -32px;}
.yl-wmdfw .hd li.on i.yl-ico04{background-position: -81px -32px;}
.peoples{padding:3% 0 2%;}
.peoples img{display:block;max-width:100%;margin:0 auto;}

.team_pic{overflow:hidden;padding-bottom:8%;}
.team_pic img{width:100%;}

.plann_principles{background:url(../images/cehua_banner.png) no-repeat center;background-size:cover;min-height:560px;}
.plann_principles .index_tit .wl{color:#fff;margin-top:0;position:relative;padding-bottom:30px;}
.plann_principles .index_tit .wl:after{content:"";width:150px;height:2px;display:inline-block;background:#0e9cda;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
.plann_principles .index_tit .p2{color:#fff;opacity:0.6;}
.plann_principles ul{overflow:hidden;text-align:center;}
.plann_principles ul li{padding:0 4.5%;}
.plann_principles ul li h3{font-size:22px;color:#44c6ff;position:relative;padding-bottom:20px;}
.plann_principles ul li h3:after{content:"";width:44px;height:2px;display:inline-block;background:#44c6ff;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
.plann_principles ul li .p1{font-size:14px;color:#fff;line-height:26px;min-height:52px;margin:30px 0;}
.plann_principles ul li .p2{font-size:14px;color:#44c6ff;line-height:30px;border:1px solid #3b80e5;}

.cando_tent{background:#f8f8f8;}
.cando_box{width:100%;overflow:hidden;background:url(../images/overthink.png) no-repeat center;background-size:cover;}
.cando_box .index_tit h4{color:#fff;}
.cando_box .can{width:100%;display:block;}
.cando_box li{height:460px;text-align:center;overflow:hidden;position:relative;padding:0;}
.cando_box li a{display:block;height:100%;}
.cando_box li img{width:auto;height:auto;}
.cando_box p{color:#fff;font-size:18px;margin-top:60px;}
.cando_box li .yl-ccxxNrPos{width:100%;position: absolute;left:0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);z-index: 3;}
.cando_box li .yl-ccxxNrMc{position:absolute;top:0;left:0;width:100%;height:0;z-index:2;background:rgba(59,169,243,.8);transition:all linear .5s;-webkit-transition:all linear .5s;-moz-transition:all linear .5s;-ms-transition:all linear .5s;-o-transition:all linear .5s;}
.cando_box li:hover .yl-ccxxNrMc{height: 100%;}
.cando_box li:hover .yl-ccxxNrPos{animation:ylccxxNrPos .5s linear 1;-webkit-animation:ylccxxNrPos .5s linear 1;}
@keyframes ylccxxNrPos{
	0%{top:0px;}
	100%{top:50%;}
}
@-webkit-keyframes ylccxxNrPos{
	0%{top:0px;}
	100%{top:50%;}
}

.indadv{padding:0 0 3%;}
.indadv dt{background:#4c4c4c;font-size:26px;color:#fff;height:50px;line-height:50px;padding-left:20px;font-weight:normal;}
.indadv dd{color:#666;font-size:14px;padding-left:20px; line-height:25px}
.indadv dd h3{font-size:20px;color:#323232;padding:20px 0 20px 0;margin:0;}
.indadv dd p{font-size:14px;color:#666;line-height:26px;margin:0;}
.indadv dl:hover dt{background:#0e9cda;color:#fff}

.index_news{background:url(../images/news_bg.png) no-repeat center;background-size:cover;overflow:hidden;max-height:750px;padding-bottom:4%;}
.news_tit{font-size:28px;color:#fff;padding:70px 0;margin:0;line-height:30px;overflow:hidden;clear:both;}
.news_tit span{color:#0e9cda;text-transform:uppercase;}
.index_news ul{overflow:hidden;}
.index_news ul.rtnw{width:86%;}
.index_news ul.rtnw li{padding:25px 0 57px;}
.index_news ul li{overflow:hidden;}
.index_news ul li .time{font-size:18px;color:#37c2ff;border:1px solid #37c2ff;float:left;width:18%;text-align:center;padding:10px 0;margin:0;}
.index_news ul li .time span{font-size:44px;display:block;}
.index_news ul li .news_r{float:left;margin-left:3%;width:79%;}
.index_news ul li .news_r h3{margin:0 0 12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:22px;color:#fff;line-height:22px;}
.index_news ul li .news_r p{margin:0;font-size:16px;color:#fff;line-height:26px;height:72px;overflow:hidden;opacity:0.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.index_news ul.ltnw{border:1px solid #37c2ff;padding:38px 5% 0;}
.index_news ul.ltnw li .wen{background:rgba(14,156,218,0.25);height:36px;line-height:36px;border-radius:50px;}
.index_news ul.ltnw li .wen h3{margin:0;background:url(../images/wen.png) no-repeat left;line-height:36px;padding-left:55px;font-size:18px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.index_news ul.ltnw li .da{font-size:16px;color:#fff;line-height:26px;height:52px;opacity:0.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:10px 28px 28px 55px;overflow:hidden;}
.index_news .more{display:block;background:#0d82b7;font-size:18px;color:#fff;width:220px;line-height:52px;text-align:center;float:none;}
.index_news ul.ltnw .more{width:100%;margin-bottom:40px;}

.yl-bdbx{overflow:hidden;padding-top:3%;}
.yl-bdbx li{height: 250px;float: left;}
.yl-bdbx li .float-shadow{width:100%;margin:0 auto;height: 250px;background: #31A3F0;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-align: center;color: #fff;-webkit-box-shadow: 0px 0px 3px #CCCCCC;-moz-box-shadow: 0px 0px 3px #CCCCCC;-ms-box-shadow: 0px 0px 3px #CCCCCC;-o-box-shadow: 0px 0px 3px #CCCCCC;box-shadow: 0px 0px 3px #CCCCCC;}
.yl-bdbx li i{display: inline-block;width: 66px;height: 66px;background: url(../images/ico5.png) no-repeat;margin-top: 50px;}
.yl-bdbx li .fon16{width: 120px;margin: 29px auto 0;}
.yl-bdbx li .yl-bj01{background: #31A3F0;}
.yl-bdbx li .yl-bj02{background: #7374EB;}
.yl-bdbx li .yl-bj03{background: #FF4058;}
.yl-bdbx li .yl-bj04{background: #F5A01C;}
.yl-bdbx li .yl-bj05{background: #00B4A1;}
.yl-bdbx li .yl-bj06{background: #3270D0;}
.yl-bdbx li .yl-bj01 i{background-position: 0 0;}
.yl-bdbx li .yl-bj02 i{background-position: -66px 0;}
.yl-bdbx li .yl-bj03 i{background-position: -132px 0;}
.yl-bdbx li .yl-bj04 i{background-position: -198px 0;}
.yl-bdbx li .yl-bj05 i{background-position: -264px 0;}
.yl-bdbx li .yl-bj06 i{background-position: -330px 0;}
.yl-zx.fon14{font-size: 14px;}
.yl-qyfz{padding-top: 10px;}
.yl-qyfz li{width: 373px;float: left;margin: 40px 40.5px 0 0;}
.yl-qyfz li:nth-child(3n){margin-right:0;}
.yl-qyfz01{overflow: hidden;}
.yl-qyfz01 img{display: block;width: 100%;height: 249px;transition:all linear .3s;
-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;}
.yl-qyfz li:hover .yl-qyfz01 img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}
.yl-qyfz li .oneLine{line-height: 53px;margin-top: 10px;}
.yl-qyfz li .threeLine{color: #999999;line-height: 20px;height: 60px;}
.yl-qyfz li .oneLine a:hover{color: #43B3FF;}
.yl-zx{text-align: center;display: inline-block;padding: 0 59px; height: 50px;background: none;font-size: 16px;border:1px solid #FF9B00;color: #FF9B00;line-height: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;margin-top: 45px;transition:all linear .3s;
-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;}
.yl-zx:hover{background: #FF9C00;color: #fff;}

.worry_box{background:#f1f1f1;overflow:hidden;padding-bottom:4%;}

/* 关于真略 */
.about_banner{height:500px;background:url(../images/about_bg.jpg) no-repeat center;text-align:center;justify-content:center;display:flex;align-items:center;}
.about_banner h3{font-size:48px;color:#fff;line-height:90px;margin:0;}

.yl-alkfsh{padding:0 0 5%;overflow:hidden;}
.yl-alkfsh li{height: 240px;text-align: center;color: #fff;padding:0 7px;}
.yl-alkfsh li:nth-child(3n){margin-right: 0;}
.fon24{font-size: 24px;}
.yl-alkfsh .yl-bj01{background: url(../images/img01.png) no-repeat;}
.yl-alkfsh .yl-bj02{background: url(../images/img02.png) no-repeat;}
.yl-alkfsh .yl-bj03{background: url(../images/img03.png) no-repeat;}
.yl-alkfsh li .fon18{line-height: 100%;padding-top: 64px;font-size:18px;}
.yl-alkfsh li .fon12{text-transform : uppercase;font-size: 10px;line-height: 100%;margin-top: 8px;font-size:14px;}
.yl-alkfsh li .yl-alkfshHr{display: inline-block;width:17px;height:2px;background: #fff;}
.yl-alkfsh li .fon24{margin-top: 18px;}
.yl-alkfsh .av-container{float: left;width: 390px;height: 240px;margin-right: 15px;}
.yl-alkfsh .av-container:nth-child(3n){margin-right: 0;}
.yl-alkfshCon{width:100%;height: 240px;}
.yl-zx{text-align: center;display: inline-block;padding: 0 59px; height: 50px;background: none;border: 1px solid #FF9C00;font-size: 16px;color: #FF9B00;line-height: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;margin-top: 45px;transition:all linear .3s;
-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;}
.yl-zx:hover{background: #FF9C00;color: #fff;}

.qywh_banner{height:440px;background:url(../images/qywh_banner.jpg) no-repeat center;text-align:center;justify-content:center;display:flex;align-items:center;flex-direction:column;}
.qywh_banner h3{font-size:34px;color:#fff;line-height:50px;margin:0;position:relative;padding-bottom:20px;margin-bottom:15px;}
.qywh_banner h3:after{content:"";width:54px;height:3px;display:inline-block;background:#fff;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
.qywh_banner h4{font-size:36px;color:#fff;line-height:80px;margin:0;}

.focus_devlp{background:#f5f5f5;padding-bottom:4%;}
.contact-map{margin:-4% 0 4%;}

/* 微信小程序开发 */
.xcx_banner{height:630px;background:url(../images/xcx_banner.png) no-repeat center;}
.xcx_text img{margin-top:145px;max-width:100%;}
.xcx_text p{font-size:20px;line-height:40px;color:#fff;margin:55px 0;}
.made{font-size:26px;color:#0e9cda;width:240px;line-height:62px;display:inline-block;border-radius:40px;background:#fff;text-align:center;opacity:0.8;box-shadow:4px 4px 4px rgba(46,175,235,0.8);}

.big_market{padding-bottom:3%;overflow:hidden;}
.big_market ul li{text-align:center;border:1px solid #e3e2e5;margin:0 -1px 0 0;height:418px;}
.big_market ul li img{width:auto;height:46px;margin-top:65px;}
.big_market ul li h3{font-size:20px;position:relative;padding-bottom:31px;margin-bottom:18px;}
.big_market ul li h3:after{content:"";width:60px;height:1px;display:inline-block;background:#e3e2e5;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
.big_market ul li p{font-size:16px;line-height:40px;color:#999;}

.exclusive{overflow:hidden;}
.exclusive li{overflow:hidden;margin-bottom:3%;}
.exclusive li .img{position:relative;overflow:hidden;}
.exclusive li .img .bg{width:100%;display:block;}
.exclusive li .font{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;overflow:hidden;background:rgba(0,0,0,.4);}
.exclusive li .font img{width:40px;height:40px;display:block;margin:50px auto 12px;}
.exclusive li .font p{font-size:20px;color:#fff;}
.exclusive li .txt{border:1px solid #eaeaea;border-radius:0 0 12px 12px;padding:0 5%;}
.exclusive li .line{width:40px;height:1px;display:inline-block;background:#2eafeb;margin:20px 0 8px;}
.exclusive li .txt p{font-size:16px;line-height:30px;min-height:120px;color:#343434;}
.exclusive li .txt .btns{line-height:28px;width:130px;background: url(../images/jt2.png) no-repeat 95px center;margin:0 0 20px;padding:0 20px 0 0;font-size:16px;}

.xcx_hexin{height:auto;background:url(../images/xcx_banner.jpg) no-repeat center;text-align:center;}
.xcx_hexin img{max-width:96%;}

.why_choice{height:760px;background:url(../images/choice.png) no-repeat center;text-align:center;margin-top:5%;padding-top:2%;}
.why_choice .index_tit h2,.why_choice .index_tit .p1{color:#fff;}
.why_choice ul{overflow:hidden;padding-top:3%;}
.why_choice ul li .main{background:url(../images/choose_list_bg.png) no-repeat;background-size:100% 100%;}
.why_choice ul li img{margin-top:50px;}
.why_choice ul li h3{font-size:22px;margin:30px 0;}
.why_choice ul li p{font-size:16px;color:#666;line-height:26px;height:90px;}
.why_choice ul li .btns{line-height:28px;width:130px;background: url(../images/jt2.png) no-repeat 95px center;padding:0 20px 0 0;margin:0 0 40px;font-size:16px;}

.serv_case ul{overflow:hidden;padding-bottom:3%;}
.serv_case ul li .case{background:#fafafa;text-align:center;padding:5px 0;}
.serv_case ul li .case img{width:100%;}
.serv_case ul li .case .line{width:36px;height:2px;display:block;background:#2eafeb;margin:30px auto 20px;}
.serv_case ul li .case p{font-size:22px;line-height:30px;color:#323232;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.newsout{background-color:#f1f1f1;width:100%;padding-bottom:4%;}
.news_location{font-size:14px;color:#999;margin:15px 0 20px;}
.news_location a{font-size:14px;color:#999;}
.newalscon{background-color:#fff;padding:0;}
.newsout .phoneyr{float:right;}
.newalscontime{font-size:18px;color:#999;font-family:Arial;text-align:center;}
.newsoutjl{padding-top: 10px;}
.newalscontime span{width:100%;font-size:39px;text-align: center;color:#999;line-height:40px;}
.newsjianjie{padding-bottom:32px;width:85%;}
.newsname{width: 96%;padding:40px 0 10px;display: flex;align-items: center;justify-content: space-between}
.newsname-l{font-size:24px;color: #333;float:left;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsname a{display:block;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsname-r{font-size:14px;color: #999;float:right;}
.newscontent{width:96%;line-height:30px;color:#666;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newscblm{background-color: #fff;padding:20px 6%;box-sizing: border-box;margin-bottom:12px;}
.newscblm-t{width:100%;height:40px;display:flex;align-items:center;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom:10px;}
.lantiao{width:4px;height:15px;background-color:#0090ff;margin-right:7px;}
.newscblm-b{line-height:36px;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/news11.png) no-repeat left;padding-left:15px;}
.newscblm-b a{color:#666;}
.newscblm-b a:hover,.newsname-l:hover{color:#0e9cda;}
.newscblm-b.nobg{background:none;padding-left:0;}
.newscblm-b span{color: #000000;margin-right: 7px;font-size:12px;}
.newscblm-b img{width: 8px;height: 15px;margin-right: 7px;}
.newscblpic{width:calc(100% -10px);background:url(../images/news_tel.png) no-repeat center;background-size:cover;height:132px;}
.newslist{width: 100%;border-bottom: 1px dashed #ddd;display: flex;}
.newstimecon{display:flex;justify-content: center;align-items: center;padding:0;width:15%;}
.phonetime{display: none}
.newsxqtitle{width: 100%;text-align: center;padding:40px 0 10px;font-size: 24px;color: #333;}
.newsxqxtitle{width:100%;height:40px;display:flex;align-items:center;justify-content:center;border-bottom:1px dashed #ddd;}
.newsxqxtitle span{margin:0 25px;font-size:14px;color:#999;}
.newsxqcon{width: 100%;padding: 20px 0;}
.newsxqbottom{border-top:1px dashed  #ddd;padding:3% 20px;font-size:14px;color:#666;overflow:hidden;}
.newsxqbottom a{color:#666;}
.newsxqbottom-l{float:left;}
.newsxqbottom-r{float:right;}
.news_show_content{padding:30px 30px;line-height:2em;font-size:14px;color:#666;}
.news_show_content p{line-height:2em;font-size:14px;color:#666;}
.news_show_content img{display:block;margin:0 auto;max-width:100%;}

/*分页修改*/
.my_pagination{margin: 50px 0 20px 0;}
.my_pagination span{display: inline-block;padding: 5px 10px;background-color: #ffffff;margin-right: 6px;border: 1px solid #7F7F7F;color: #7F7F7F;}
.my_pagination span.current{color: #ffffff;background-color: #7F7F7F;}
.my_pagination a{display: inline-block;padding: 5px 10px;background-color: #ffffff;margin-right: 6px;color: #7F7F7F;border: 1px solid #7F7F7F;transition: all 0.6s;margin-bottom: 6px;}
.my_pagination a:hover{background-color: #7F7F7F;color: #ffffff;transition: all 0.6s;}

/* 案例展示 */
.case_bgbox{background:#f4f4f4;}
.case_bgbox .case_contair{padding-bottom:0;}
.case_bgbox .case_contair ul{margin-bottom:0;}
.case_nav ul{overflow:hidden;text-align:center;padding-bottom:2%;}
.case_nav ul li{overflow:hidden;display:inline-block;font-size:16px;line-height:36px;border-radius:15px;padding:0 50px;border:1px solid #c0c0c0;cursor:pointer;margin:0 10px;color:#666;white-space:nowrap;}
.case_nav ul li.hovertab{border:1px solid #2eafeb;background:#2eafeb;color:#fff;}
.case_contair ul.lshow li{padding:0;background:#ebebeb;margin:0;overflow:hidden;}
.case_contair ul.lshow li:nth-child(2n){background:#f2f2f2;}
.case_contair ul.lshow li .info{padding:20px 5%;}
.case_contair ul.lshow li .info p{height:auto;margin:0;font-size:16px;color:#999;white-space:nowrap;text-overflow:ellipsis;}
.case_contair ul.lshow li .info h3{font-size:16px;color:#656565;margin:12px 0;}

.case_detail_l{width:60%;}
.case_detail_l img{display:block;width:100%;height:auto;}
.case_detail_r{width:37.5%;position:fixed;right:0;top:0;bottom:0;z-index:9;background:#f7f7f7;overflow-x:hidden;overflow-y:auto;padding-bottom:120px;}
body.bakf1{background:#f1f1f1;}
.navbar-default{z-index:10;}

.project_box{padding:150px 8% 0;}
.xm_name{font-size:24px;color:#666;font-weight:bold;border-left:4px solid #0e9cda;line-height:22px;padding-left:10px;margin-bottom:20px;}
.xm_type{font-size:14px;color:#666;}
.middle_js{font-size:14px;color:#666;line-height:24px;margin:50px 0;}
.middle_js p{font-size:14px;color:#666;line-height:24px;}
.l_pagecon{overflow:hidden;}
.l_pagefh{float:left;}
.l_pagefh .butt{display:block;width:146px;line-height:37px;font-size:14px;color:#fff;text-align:center;}
.l_pagefh .bt1{background:#0e9cda;margin-bottom:16px;}
.l_pagefh .bt2{background:#bbb;}
.l_pagesxy{float:right;overflow:hidden;margin-top:56px;}
.l_pagesxy .pre,.l_pagesxy .next{display:block;width:34px;height:34px;float:left;font-size:0;}
.l_pagesxy .pre{background:url(../images/arrowl.png) no-repeat center #0e9cda;}
.l_pagesxy .next{background:url(../images/arrowr.png) no-repeat center #0e9cda;margin-left:5px;}
.l_pagesxy .pre.disabled{background:url(../images/arrowl.png) no-repeat center #bbb;cursor:default;}
.l_pagesxy .next.disabled{background:url(../images/arrowr.png) no-repeat center #bbb;cursor:default;}

.slider_nav{position:fixed;top:30%;right:0;z-index:20;}
.slider_nav ul li{margin-bottom:5px;position:relative;width:70px;height:70px;cursor:pointer;}
.slider_nav ul li .ht1{transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;width:70px;height:70px;float:left;position:absolute;top:0;left:0;white-space:nowrap;}
.slider_nav ul li .ht2{font-size:16px;line-height:70px;height:70px;width:120px;background:#6e8eea;position:absolute;top:0;left:70px;text-align:left;color:#fff;text-align:center;}
.slider_nav ul li.ht:hover .ht1{width:190px;left:-120px;}
.slider_nav ul li.wx:hover .code{display:block;}
.slider_nav ul li.wx .code{position:absolute;background:#8284e8;padding:12px;border-radius:8px;top:-46%;right:85px;display:none}
.slider_nav ul li.wx .code img{width:110px;height:110px;}
.slider_nav ul li.wx .code::before{content:'';width:8px;height:14px;display:block;border-color:transparent transparent transparent #8284e8;border-style:dashed dashed dashed solid;border-width:8px;position:absolute;top:50%;left:100%;margin-top: -7px;}

.zl_viewpoint{background:#f2f2f2;overflow:hidden;padding-bottom:3%;}
.zl_viewpoint .index_tit h4{position:relative;margin-bottom:30px;}
.zl_viewpoint .index_tit h4:after{content:"";width:100px;height:2px;display:inline-block;background:#44c6ff;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
.zl_viewpoint ul{overflow:hidden;background:#fff;}
.zl_viewpoint ul li{border-right:1px solid #efefef;padding:15px 4% 3%;}
.zl_viewpoint ul li:last-child{border-right:none;}
.zl_viewpoint ul li h3{font-size:26px;color:#0e9cda;}
.zl_viewpoint ul li em{display:block;width:60px;height:1px;background:#c6c6c6;margin:20px auto 30px;}
.zl_viewpoint ul li p{font-size:14px;color:#666;line-height:26px;height:72px;}

.zl_advant{overflow:hidden;padding:4% 0;}
.zl_advant li{overflow:hidden;}
.zl_advant li img{float:left;}
.zl_advant li .txt{float:left;margin-left:5%;width:60%;}
.zl_advant li .txt h3{font-size:26px;color:#191919;margin:0 0 15px;}
.zl_advant li .txt p{font-size:14px;color:#676767;line-height:26px;}

.contact_zl{overflow:hidden;padding:5% 0;}
.contact_zl .shzl{font-size:22px;color:#0e9cda;padding-bottom:12px;border-bottom:2px solid #0e9cda;}
.contact_zl h2{font-size:36px;color:#4e4e4e;line-height:50px;}
.contact_zl p{margin-bottom:0;}
.contact_zl .add1{font-size:18px;color:#4e4e4e;margin-top:20px;}
.contact_zl .pd{margin-left:55px;}
.contact_zl .en{font-size:14px;color:#4e4e4e;line-height:30px;}
.contact_zl .zjzx{font-size:18px;color:#4e4e4e;margin-top:30px;margin-bottom:15px;line-height:30px;}
.contact_zl .ewm{text-align:center;width:172px;}
.contact_zl .ewm img{width:172px;height:172px;}
.contact_zl .ewm span{display:block;font-size:16px;color:#4e4e4e;margin-top:18px;}
.contact_zl .zxtel{font-size:18px;color:#4e4e4e;padding-top:25px;}
.contact_zl .zxtel strong{font-size:36px;color:#0e9cda;}
.contact_zl .need{font-size:16px;color:#666;line-height:28px;padding:6px 0;}
.contact_zl .text{font-size:16px;line-height:42px;display:block;width:100%;padding:0 3%;border:1px solid #e0e0e0;margin-top:20px;}
.contact_zl textarea.text{height:158px;resize:none;outline:none;}
.contact_zl .submit{font-size:18px;color:#0e9cda;cursor:pointer;line-height:42px;height:44px;display:block;width:100%;padding:0 3%;border:2px solid #0e9cda;margin-top:30px;background:#fff;}
::-webkit-input-placeholder{color:#b8b8b8;}
:-moz-placeholder{color:#b8b8b8;}
::-moz-placeholder{color:#b8b8b8;}
:-ms-input-placeholder{color:#b8b8b8;}
.contact_zl .yzm{position:relative;}
.contact_zl .yzm .code{position:absolute;right:5px;top:4px;}

.contacts{padding:5% 0;margin:0;overflow:hidden;}
.contacts li{padding:0 10px;}
.contacts li .main{height:235px;border:1px solid #ddd;text-align:center;}
.contacts li.download{margin-right:0;}
.contacts li .main:hover{border-color:#0e9cda;}
.contacts li img{width:115px; height:115px;margin:0 auto;}
.contacts li .pic{margin-top:30px}
.contacts li .line{background:#0e9cda; height:2px;width:70px;margin:30px  auto 12px auto;}
.contacts li .title{font-size:16px;color:#333;}

/*垃圾分类*/
.refuse_box1{overflow:hidden;padding:5% 0;}
.refbox1_l{padding:0;line-height:30px;font-size:14px;text-align:justify;margin-bottom:5%;}
.refbox1_l>div{padding:0;}
.refbox1_l .btn_more{border:2px solid #5cbbf1;margin:8% 0 0;font-size:18px;line-height:47px;padding:0 52px;}
.refbox1_r img{max-width:100%;display:block;margin:0 auto;}

.col-md2{width:20%;float:left;}

.refuse_box2{background:#f2f2f2;color:#333;}
.refuse_box2 ul{overflow:hidden;padding:4% 0;}
.refuse_box2 ul li img{height:50px;}
.refuse_box2 ul li h1{font-size:24px;font-weight:600;position:relative;padding:20px 0;}
.refuse_box2 ul li h1:after{content:"";width:20px;height:2px;display:inline-block;background:#919191;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
.refuse_box2 ul li p{font-size:14px;line-height:30px;height:90px;}

.refuse_box3 ul{overflow:hidden;padding:4% 0 7%;}
.refuse_box3 ul li{overflow:hidden;position:relative;padding:0 8px;margin-bottom:15px;}
.refuse_box3 ul li img{width:100%;display:block;}
.refuse_box3 ul li .txt{overflow:hidden;background:rgba(0,0,0,.5);position:absolute;top:0;left:8px;right:8px;height:100%;padding:0 7%;}
.refuse_box3 ul li .txt h1{font-size:16px;color:#fff;text-transform:uppercase;margin:35px 0 20px;}
.refuse_box3 ul li .txt p{font-size:14px;color:#fff;line-height:24px;}

.refuse_box4{background:#f2f2f2;color:#333;}
.refuse_box4 ul{overflow:hidden;padding-top:1%;}
.refuse_box4 ul li{overflow:hidden;padding-left:10%;margin-bottom:3%;}
.refuse_box4 ul li img{float:left;width:79px;}
.refuse_box4 ul li .txt{float:left;width:calc(100% - 160px);margin-left:30px;}
.refuse_box4 ul li .txt h1{font-size:14px;margin:0 0 12px;}
.refuse_box4 ul li .txt p{font-size:14px;color:#666;line-height:30px;height:90px;}

@media (min-width: 768px){
	.navbar-nav{width:calc(100% - 170px);}
}
@media (max-width: 1200px){
	.safe_box ul li .bord{padding:40px 12% 0;}
}
@media (max-width: 992px){
	.branch_office .tel{display:block;}
}
@media (min-width: 992px){
	.newsxqbottom2{display:none}
}
@media (max-width: 991px){
	.features ul li .main{margin-bottom:15px;}
	.safe_box ul li .bord{margin-bottom:15px;}
	.safe_box ul li .bord{height:auto;padding-bottom:3%;}
	.core_busin .box{width:33.33%;margin-bottom:2%;}
	.partner_box ul li{width:33.33%;}
	.branch_office ul{width:100%;}
	.branch_office .tel{display:none;}
	.zwxxtitle{font-size:2rem;line-height:5rem;height:5rem;}
	.zwxxtitlejj{font-size:1.3rem;}
	.jdpttitle-content{width:30.33%;height:220px;margin:0 1.5%;padding:0;}
	.jdpttitle{height:auto;line-height:3rem;font-size:2rem;}
	.center-block{width:100%;}
	.gov_introduct_con{padding:0 2%;}
	.gov_introduct_con p{min-height:auto!important;}
	.zwxxzj,.screen_m{display:none;}
	.zwxxleft{margin:3% 0;}
	.sdjzleftout,.sdjzleft-b,.sdjzleftout3,.sdjzleftout2{width:100%;}
	.sdjzleft-b-t2,.sdjzleft-b-t{width:90%;margin:0 auto;text-align:center;}
	.sdjzleft-b{height:auto;padding-bottom:10%;}
	.app_nav ul li{width:170px;margin:0 5px;white-space:nowrap;padding:0 10px;}
	.screen_r{text-align:left;}
	.yl-Wid01,.yl-Wid02,.yl-Wid03{width:100%;}
	.yl-Wid02{margin:12px 0;}
	.yl-bdbx li{width:50%;margin-top:3%;}
	.big_market ul li{margin:0 0 15px;}
	.exclusive li .txt p{min-height:auto;}
	.why_choice{height:auto;background-size:auto 100%;}
	.why_choice ul li .main{margin-bottom:3%;}
	.newslist .phoneyc{display:none}
	.phoneyc{padding:0;}
	.phonetime{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:14px;padding-top:15px;color:#999;}
	.newsname{padding:20px 0 5px;}
	.newsname-l{font-size:2rem;}
	.newsjianjie{width:94%;margin:0 auto;padding-bottom:5%;}
	.newsname a,.newsname,.newscontent{width:100%;}
	.newsxqbottom{margin-bottom:3%;}
	.newsxqbottom2{width: 100%;border-top: 1px dashed  #ddd;}
	.newsxqbottom-l{width: 100%;line-height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.newsxqbottom-r{width: 100%;line-height:30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.about_banner{height:220px;background-size:auto 100%!important;}
	.about_banner h3{font-size:3rem;line-height:4.6rem;}
	.yl-alkfsh li{margin-bottom:3%;padding:0;}
	.yl-alkfshCon{background-size:100%!important;}
	.qywh_banner{height:300px;background-size:100% 100%!important;}
	.qywh_banner h3{font-size:2rem;line-height:3rem;}
	.qywh_banner h4{font-size:2.1rem;line-height:4rem;}
	.case_nav ul li{padding:0 28px;margin:0 6px;}
	.navbar-default{position:relative!important;}
	.case_detail_l{width:100%;}
	.case_detail_r{position:relative;width:100%;padding-bottom:3%;}
	.project_box{padding:3%;}
	.cando_box{height:auto;background-size:auto 100%!important;padding-bottom:3%;}
	.cando_box li{background-size:cover!important;margin-bottom:3%;height:400px;}
	.newscblpic{height:300px;}
	.newsout .phoneyr,.slider_nav{display:none;}
	.newsxqtitle{padding:10px 1% 10px;font-size:2rem;}
	.newsxqxtitle div{text-align:center;}
	.newsxqxtitle span{font-size:12px;margin:0 10px;display:inline-block;white-space:nowrap;}
	h1.newsxqxtitle{margin:0;}
	.demand_list li.input_3{width:28%;}
	.index_news{max-height:none;}
	.index_tit h2{font-size:2.2rem;}
	.index_tit h3{font-size:2.5rem;}
	.index_tit h4{font-size:1.9rem;padding:10px 0;}
	.index_tit h5{font-size:1.5rem;padding:10px 0;margin:0;padding:0;line-height:3rem;}
	.index_tit h5 em{font-size:2rem;}
	.index_tit h5 i{font-size:1.8rem;}
	.index_tit h6{font-size:1.5rem;}
	.index_tit .p1{font-size:1.1rem;}
	.index_tit .p2{font-size:1.3rem;}
	.plann_principles ul li{margin-bottom:30px;overflow:hidden;}
	.plann_principles ul li .p1{min-height:auto;margin:20px 0;}
	.plann_principles ul li h3{font-size:1.8rem;}
	.index_tit img{height:36px;}
	.data_box ul li{margin-bottom:5%;}
	.data_box ul li h3{font-size:3.6rem;margin:0 0 6px;}
	.indservice li{padding:8% 4%;}
	.indservice li .title{font-size:1.8rem;}
	.indservice li .cons{font-size:1.3rem;height:auto;}
	.indservice li .more a{font-size:1.3rem;}
	.indadv dt{font-size:2rem;}
	.indadv dd h3{font-size:1.7rem;}
	.index_news ul.rtnw{width:100%;}
	.news_tit{font-size:2rem;padding:5% 0 3%;}
	.index_news ul.rtnw li{padding:0 0 5%;}
	.index_news ul li .time{width:90px;}
	.index_news ul li .news_r{width:calc(100% - 120px);}
	.index_news ul li .news_r h3{font-size:1.8rem;}
	.index_news ul li .news_r p{font-size:1.4rem;}
	.index_news .more{font-size:1.5rem;}
	.zl_viewpoint ul li p{height:auto;}
	.zl_advant li{margin:3% 0;padding:0;}
	.zl_advant li .txt{width:76%;}
	.zl_advant li .txt h3{font-size:2rem;}
	.contacts li{margin-bottom:3%;}
	.col-md2{width:50%;}
	.refbox1_l .btn_more{margin:4% 0 8%;}
}
@media (max-width: 768px){
	.wlw_banner .text{margin-top:10%;}
	.wlw_banner .text h1{font-size:2.6rem;}
	.wlw_banner .text p{font-size:1.8rem;padding:2% 0;}
	.wlw_tit h1{font-size:2.4rem;}
	.wlw_tit p{font-size:1.3rem;}
	.index_tit img{height:25px;}
	.safe_box ul li .bord h1{font-size:2.3rem;}
	.foot_solgn{padding:5% 0;}
	.foot_solgn h1{font-size:2rem;}
	.foot_solgn p{font-size:1.4rem;}
	.topbar{display:none!important;}
	.core_busin .box{width:50%;margin-bottom:2%;background-size:cover!important;}
	.core_busin .box,.core_busin .box .box-img{height:250px;}
	.core_busin .box .box-img img{margin-top:50px;}
	.core_busin .box .box-img h3{margin:50px 0 15px;}
	.core_busin .box .description{margin-top:50px;}
	.core_busin .box .box-content{padding:0 3%;}
	.core_busin .box .line{bottom:40px;}
	.btns{margin-bottom:3%;}
	.btn_more{padding:0 50px;line-height:45px;font-size:16px;}
	.footer_top{display:none;}
	.yl-indtit{font-size:2.2rem;}
	.yl-mdwt .floatR p{font-size:1.5rem;line-height:2rem;}
	.yl-mdwt .floatR{margin-top:20px;}
	.yl-FwCon{margin-top:20px;}
	.yl-indtitBot{font-size:1.2rem;}
	.xcx_banner{height:320px;background-size:auto 100%;}
	.xcx_text img {margin-top:60px;}
	.xcx_text p{font-size:1.5rem;margin:25px 0;}
	.made{width:160px;line-height:40px;font-size:20px;}
	.exclusive li{padding:0;}
	.case_nav ul li{padding:0 20px;margin:3px;font-size:14px;line-height:26px;}
	.middle_js{margin:8% 0;}
	.l_pagefh{float:none;}
	.l_pagefh .butt{width:100%;}
	.l_pagesxy{float:none;width:100%;margin-top:8%;}
	.l_pagesxy .pre,.l_pagesxy .next{font-size:14px;background:none;border:1px solid #0e9cda;width:40%;color:#0e9cda;line-height:34px;text-align:center;border-radius:20px;}
	.l_pagesxy .pre.disabled,.l_pagesxy .next.disabled{border:1px solid #bbb;color:#bbb;}
	.l_pagesxy .next{float:right;}
	.contact_zl{margin:0 -15px;}
	.contact_zl h2{font-size:2.2rem;line-height:3rem;}
	.contact_zl .add1{font-size:1.6rem;}
	.contact_zl .pd{margin-left:4rem;}
	.contact_zl .zxtel strong{font-size:2.3rem;}
	.contact_zl .need{padding:0;}
	.index_tit .line{font-size:2.1rem;}
	.refuse_box2 ul li h1{font-size:1.8rem;}
	.refuse_box4 ul li{padding-left:3%;}
	.refuse_box4 ul li .txt{width:calc(100% - 110px);}
	.refuse_box2 ul li p{margin-bottom:0;}
}
@media (max-width: 480px){
	.newscblpic{height:200px;}
}