@media screen and (max-width:411px) {
	.v{ display: none}
	.pcbanenr{ display: none}
	#slider-wrapper{ display: block}
	.yx-title{ font-size: 30px !important; padding-bottom: 10px !important; }
	.res-adv-list li{ width: 100% !important;}
	.res-title{ font-size: 28px !important;}
	.product-banner>.container>p:nth-child(3) {	width: 100% !important;}
	.system-list li{ width: 33.33%}
	.build-l{ width: 100% !important;}
	.build-box-bref{ padding-left: 0px !important;}
	.vr>.container{ display: block !important;}
	.vr-l{ width: 100% !important;}
	.vr-r{ width: 100% !important;}
	.date-sys-r{ width: 100% !important;}
	.date-sys-l{ width: 100%  !important;}
	.date-sys>.container{ display: block !important;}
	.advantage-list{ display: block !important;}
	.ad-icon{ display: none !important;}
	.advantage-list li{ width: 100% !important;}
	.ad-txt{ width: 100% !important; margin-left: 0px !important;}
	.tit_3 h3 {	font-size: 20px;line-height: 26px;}
	.tit_3 h4 {	font-size: 16px;line-height: 30px;}
	.tit_4 {width: 100%;text-align: center;	margin-top: 0;	padding: 0;	background: none;}
	.c_0100_1 .container {	padding: 10px 10px 10px 10px;}
	.c_0100_1_b{ padding: 10px 0}
	.tit_4 h2 {	font-size: 30px;line-height: 36px;}
	.tit_4 h4 {	font-size: 16px;line-height: 26px;}
	.tit_4 h4:before {background: #fff;}
	.tit_4 h3 {	font-size: 16px;line-height: 24px;margin-top: 10px;padding-bottom: 6px;background-size: auto 1px;text-align: center;	background-position: center bottom;	}
	.tit_4 .p {	font-size: 12px;line-height: 20px;	margin-top: 10px;	text-align: center;	}
	.tit_4 .more {margin-top: 8px;text-align: center;	}
	.tit_4 .more a {height: 24px;line-height: 24px;	font-size: 12px;float: none;display: inline-block;}
	.c_0100_1 .slide_pic_14 {width: 100%;margin-top: 20px;text-align: center;}
	.c_0100_1 .slide_pic_14 li{ width:100px; padding:10px 5px 0 5px; margin:0; display:inline-block; float:none; background-size:contain; height:220px;}
	.c_0100_1 .slide_pic_14 li .number{ font-size:14px; line-height:16px;}
	.c_0100_1 .slide_pic_14 li .ico{ margin-top:10px; width:80px; height:80px;}
	.c_0100_1 .slide_pic_14 li h4{ margin-top:14px; font-size:14px; line-height:22px;}
	.c_0100_1 .slide_pic_14 li h5{ line-height:20px; padding-bottom:6px;}
	.c_0100_1 .slide_pic_14 li .p{ margin-top:9px; line-height:20px; height:38px; display:none;}
	.c_0100_1 .slide_pic_14 li .btn{ display:none;}
	.c_0100_1 .slide_pic_14 .slick-prev{left: -5px;}
	.c_0100_1 .slide_pic_14 .slick-next { right:-5px;}
	.c_0100_1 .slide_pic_14 .slick-prev,.c_0100_1 .slide_pic_14 .slick-next{ background-image:url(../images/index5_h.png); width:20px; height:20px; margin-top:-10px; background-size:auto 100%;}
	.c_0100_1 .slide_pic_14 li .ico img {width: 80px;height: 80px;text-align: center;}
	.ind_case li {	width: 100%;}
	.ind_case li h3{ text-align: center}
	.lr_l{ display: none}
	.lr_r{ width: 90%}
	.c_0100_13 .newsTxtBox .bd ul {	width: 430px;}

	.pz_top{ display: none}
	.sjlonav {display: block;}
	.navbar{ position: absolute; z-index: 9999; top: 0;left: 0; width: 100%}
	/*导航*/
	.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none;}
	.menu_icon { float: right; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding-right: 2rem;}
	.wrap_menu { width: 300px; position: fixed; top: 0px; left: -300px; height: 100%; text-align: left; z-index: 10000001; background: #000;}
	.wrap_menu li:nth-child(2) a { font-size: 18px; font-weight: bold; background: rgba(255, 255, 255, 0.3); }
	.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
	.wrap_menu li.menu_close { font-size: 20px; position: absolute; top: 10px; right: 15px; color: #fff; border-bottom: none; z-index: 1000;}
	.wrap_menu li {	margin-bottom: 2px;	font-size: 14px; position: relative;}
	.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; background: #000; padding: 10px 15px; border-bottom: 1px solid #343434;}
	.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255, 255, 255, 0.8); overflow: hidden; line-height: 30px; font-size: 14px;
		border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
	.wrap_menu_2 { display: none;}
	.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
	.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
	.wrap_menu_2 a span { float: left; width: 250px;}
	.wap_footer { width: 100%; position: fixed; left: 0; bottom: 0; padding: 10px 0; z-index: 1000; background: #252525; margin-top: 20px;}
	.wap_footer dl { width: 25%; float: left; text-align: center; margin-bottom: 0px}
	.wap_footer dt { height: 33px;}
	.wap_footer dd { color: #fff;}
	.fnav{ width: 100%;  line-height: 35px; color: #636363;}
	.fnav li{ float: left;}
	.fnav li a{ padding: 0px 15px; color: #636363; font-size: 12px;}
	.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
	.flx a{ color: #636363;}
	.h_fumin_lei_tu {width: 40px ;height: 40px ;}
	.h_fumin_lei p {font-size: 16px; padding-left: 0px; padding-top: 10px;}
	.h_fumin_lei { width: 49%;float: left; margin-top: 10px;}
	.h_fumin_lei span{ font-size: 13px;}
	.footnav{ padding: 0px}
	.product-banner>.container>p:first-child {
		font-size: 22px;
		font-weight: 800;
	}
	.product-banner>.container>p:nth-child(3) {
		width: 100%;
		font-size: 18px;
		font-weight: 400;
		line-height: 36px;
	}
}
@media(min-width:412px)and (max-width:767px) {
	.v{ display: none}
	.pcbanenr{ display: none}
	#slider-wrapper{ display: block}
	.yx-title{ font-size: 30px !important; padding-bottom: 10px !important; }
	.res-adv-list li{ width: 100% !important;}
	.res-title{ font-size: 28px !important;}
	.product-banner>.container>p:nth-child(3) {	width: 100% !important;}
	.system-list li{ width: 33.33%}
	.build-l{ width: 100% !important;}
	.build-box-bref{ padding-left: 0px !important;}
	.vr>.container{ display: block !important;}
	.vr-l{ width: 100% !important;}
	.vr-r{ width: 100% !important;}
	.date-sys-r{ width: 100% !important;}
	.date-sys-l{ width: 100%  !important;}
	.date-sys>.container{ display: block !important;}
	.advantage-list{ display: block !important;}
	.ad-icon{ display: none !important;}
	.advantage-list li{ width: 100% !important;}
	.ad-txt{ width: 100% !important; margin-left: 0px !important;}
	.tit_3 h3 {	font-size: 20px;line-height: 26px;}
	.tit_3 h4 {	font-size: 16px;line-height: 30px;}
	.tit_4 {width: 100%;text-align: center;	margin-top: 0;	padding: 0;	background: none;}
	.c_0100_1 .container {	padding: 10px 10px 10px 10px;}
	.c_0100_1_b{ padding: 10px 0}
	.tit_4 h2 {	font-size: 30px;line-height: 36px;}
	.tit_4 h4 {	font-size: 16px;line-height: 26px;}
	.tit_4 h4:before {background: #fff;}
	.tit_4 h3 {	font-size: 16px;line-height: 24px;margin-top: 10px;padding-bottom: 6px;background-size: auto 1px;text-align: center;	background-position: center bottom;	}
	.tit_4 .p {	font-size: 12px;line-height: 20px;	margin-top: 10px;	text-align: center;	}
	.tit_4 .more {margin-top: 8px;text-align: center;	}
	.tit_4 .more a {height: 24px;line-height: 24px;	font-size: 12px;float: none;display: inline-block;}
	.c_0100_1 .slide_pic_14 {width: 100%;margin-top: 20px;text-align: center;}
	.c_0100_1 .slide_pic_14 li{ width:120px; padding:10px 5px 0 5px; margin:0; display:inline-block; float:none; background-size:contain; height:220px;}
	.c_0100_1 .slide_pic_14 li .number{ font-size:14px; line-height:16px;}
	.c_0100_1 .slide_pic_14 li .ico{ margin-top:10px; width:80px; height:80px;}
	.c_0100_1 .slide_pic_14 li h4{ margin-top:14px; font-size:14px; line-height:22px;}
	.c_0100_1 .slide_pic_14 li h5{ line-height:20px; padding-bottom:6px;}
	.c_0100_1 .slide_pic_14 li .p{ margin-top:9px; line-height:20px; height:38px; display:none;}
	.c_0100_1 .slide_pic_14 li .btn{ display:none;}
	.c_0100_1 .slide_pic_14 .slick-prev{left: -5px;}
	.c_0100_1 .slide_pic_14 .slick-next { right:-5px;}
	.c_0100_1 .slide_pic_14 .slick-prev,.c_0100_1 .slide_pic_14 .slick-next{ background-image:url(../images/index5_h.png); width:20px; height:20px; margin-top:-10px; background-size:auto 100%;}
	.c_0100_1 .slide_pic_14 li .ico img {width: 80px;height: 80px;text-align: center;}
	.ind_case li {	width: 100%;}
	.ind_case li h3{ text-align: center}
	.lr_l{ display: none}
	.lr_r{ width: 90%}
	.c_0100_13 .newsTxtBox .bd ul {	width: 450px;}

	.pz_top{ display: none}
	.sjlonav {display: block;}
	.navbar{ position: absolute; z-index: 9999; top: 0;left: 0; width: 100%}
	/*导航*/
	.black_cloth { position: fixed; z-index: 10000000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none;}
	.menu_icon { float: right; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; padding-right: 2rem;}
	.wrap_menu { width: 300px; position: fixed; top: 0px; left: -300px; height: 100%; text-align: left; z-index: 10000001; background: #000;}
	.wrap_menu li:nth-child(2) a { font-size: 18px; font-weight: bold; background: rgba(255, 255, 255, 0.3); }
	.wrap_menu p { color: #fff; cursor: pointer; position: absolute; top: 15px; right: 15px; }
	.wrap_menu li.menu_close { font-size: 20px; position: absolute; top: 10px; right: 15px; color: #fff; border-bottom: none; z-index: 1000;}
	.wrap_menu li {	margin-bottom: 2px;	font-size: 14px; position: relative;}
	.wrap_menu li a { display: block; line-height: 30px; font-size: 16px; text-transform: Uppercase; color: #fff; background: #000; padding: 10px 15px; border-bottom: 1px solid #343434;}
	.wrap_menu li .wrap_menu_2 a { display: block; background: none; color: rgba(255, 255, 255, 0.8); overflow: hidden; line-height: 30px; font-size: 14px;
		border-bottom: rgba(255, 255, 255, 0.1) solid 1px;}
	.wrap_menu_2 { display: none;}
	.wrap_menu_2 a { display: block; color: #fff; overflow: hidden; line-height: 24px; font-size: 12px; }
	.wrap_menu_2 a i { float: left; width: 4px; height: 4px; background-color: #fff; margin: 13px 10px 0 5px; }
	.wrap_menu_2 a span { float: left; width: 250px;}
	.wap_footer { width: 100%; position: fixed; left: 0; bottom: 0; padding: 10px 0; z-index: 1000; background: #252525; margin-top: 20px;}
	.wap_footer dl { width: 25%; float: left; text-align: center; margin-bottom: 0px}
	.wap_footer dt { height: 33px;}
	.wap_footer dd { color: #fff;}
	.fnav{ width: 100%;  line-height: 35px; color: #636363;}
	.fnav li{ float: left;}
	.fnav li a{ padding: 0px 15px; color: #636363; font-size: 12px;}
	.flx{ color: #636363; line-height: 45px; padding-left: 22px;}
	.flx a{ color: #636363;}
	.h_fumin_lei_tu {width: 40px ;height: 40px ;}
	.h_fumin_lei p {font-size: 16px; padding-left: 0px; padding-top: 10px;}
	.h_fumin_lei { width: 49%;float: left; margin-top: 10px;}
	.h_fumin_lei span{ font-size: 13px;}
	.footnav{ padding: 0px}

}
@media (min-width:768px)and (max-width:1023px) {
	.v{ display: none}
	.pcbanenr{ display: none}
	#slider-wrapper{ display: block}
	.c_0100_1 ul li .zbox:hover{ background:url(images/bg_4_h.png);}
	.c_0100_1 ul li .zbox:hover .img{ transform:rotateY(180deg);}
	.v{
		height: auto
		background: #fff ;
	}
	.f{
		position: relative;
	}
	.topnav_r {	width: 565px;}
	.menu1 ul .nli {margin-left: 10px }
	.menu1 ul .nli span a{ padding: 0px; font-size: 14px}
	.tit_3 h3{ font-size:30px ; line-height:46px ;}
	.tit_3 h4{ font-size:26px ; line-height:50px;}
	.tit_4{ width:200px; margin-top:25px ; padding:5px 0 0 20px;  background-size:60px 60px }
	.tit_4 h2{ font-size:50px ; line-height:56px  }
	.tit_4 h4{ font-size:20px;  line-height:36px  }
	.tit_4 h4:before{ bottom:-8px  }
	.tit_4 h3{ font-size:20px;  line-height:34px;  margin-top:17px;  padding-bottom:12px }
	.tit_4 .p{ font-size:13px;  line-height:24px ; margin-top:20px  }
	.tit_4 .more{ margin-top:12px }
	.tit_4 .more a{ width:91px }
	.c_0100_1 .slide_pic_14 {width: 520px}
	.c_0100_1 .slide_pic_14 li {width: 160px }
	.c_0100_12 ul li h2{ font-size:36px; line-height:50px;}
	.index_lr{ height: 350px }
	.lr_l {	margin-left: 0px;  width: 30%}
	.lr_r {	width: 70% ;}
	.taocan_titleI{ font-size: 30px ;}
	.taocan_titleI-1 {font-size: 22px}
	.taocan_titleI-2 {font-size: 16px ;}
	.c_0100_13 .newsTxtBox {width: 550px ;}
	.c_0100_13 .newsTxtBox .bd ul li .title .time {font-size: 12px ; position: relative ;}
	.h_fumin_lei{ margin: 0px 0px ;}
	.h_fumin_lei p {font-size: 18px ; padding-top: 10px ;}
	.ind_case{width:100%;}
	.ind_case li{width:48%;box-shadow:2px 2px 7px rgba(70,70,70,.2);margin-right:1%; margin-left:1%;margin-bottom:3%}
	.ind_case li .num{margin-top:0}
	.c_0100_13 .newsTxtBox .bd{ float: left}
	.c_0100_13 .newsTxtBox .bd ul li {	width: 48%;	margin-left: 2%;}
	.c_0100_13 .newsTxtBox .bd ul li { padding-right:0px; font-size: 20px;}
	.c_0100_13 .newsTxtBox .bd ul li .p{ padding-right:0px; font-size: 16px; background: none}
	.c_0100_13 .newsTxtBox .hd ul li{ margin-left:5px;}
	.c_0100_13 .newsTxtBox .bd ul{ width: 550px}
	.build-r img{ width: 50%}

}
@media(min-width:1024px)and (max-width:1199px) {
	.v{ display: none}
	.pcbanenr{ display: none}
	#slider-wrapper{ display: block}
	.menu1 ul .nli{ margin-left: 20px;}
	.sjlonav{ display: none;}
	.tit_3 h3{ font-size:30px ; line-height:46px ;}
	.tit_3 h4{ font-size:26px ; line-height:50px;}
	.c_0100_12 .p{ font-size:13px; line-height:26px; margin-top:12px;}
	.c_0100_12 ul{ margin-top:30px;}
	.c_0100_12 ul li h2{ font-size:43px; line-height:52px;}
	.c_0100_12 ul li h5{ font-size:14px; line-height:22px; margin-top:8px;}
	.tit_4{ width:226px ; margin-top:25px ; padding:5px 0 0 20px ; background-size:60px 60px ; }
	.tit_4 h2{ font-size:50px ; line-height:56px ; }
	.tit_4 h4{ font-size:20px ; line-height:36px ; }
	.tit_4 h4:before{ bottom:-8px ; }
	.tit_4 h3{ font-size:20px ; line-height:34px ; margin-top:17px ; padding-bottom:12px ; }
	.tit_4 .p{ font-size:13px ; line-height:24px ; margin-top:20px ; }
	.tit_4 .more{ margin-top:12px ;}
	.tit_4 .more a{ width:91px ;}
	.taocan_titleI{ font-size: 26px ;}
	.taocan_titleI-1 {font-size: 16px }
	.taocan_titleI-2 {font-size: 14px ;}
	.lr_r{ width: 540px;}
	.c_0100_13{ padding:60px 0;}
	.c_0100_13 .newsTxtBox .hd ul,.c_0100_13 .newsTxtBox .hd{ width:100%; margin-top:0; margin-bottom:5px;}
	.c_0100_13 .newsTxtBox .hd ul li{ margin-top:0; width:50px; height:59px; padding:12px 5px 0 5px; margin-right:0px; margin-left:10px; font-size:14px; line-height:18px;}
	.c_0100_13 .newsTxtBox .bd ul{ width:100%;}
	.c_0100_13 .newsTxtBox{ width:700px;}
	.c_0100_13 .newsTxtBox .bd ul li{ width:47%; margin-left:2%; padding:16px 0 13px 0px;}
	.c_0100_13 .newsTxtBox .bd ul li .title{ padding-left:16px; padding-right:60px; font-size:14px; line-height:22px;}
	.c_0100_13 .newsTxtBox .bd ul li .title .time{ font-size:16px;}
	.c_0100_13 .newsTxtBox .bd ul li .p{ padding-left:16px; padding-right:60px; margin-top:10px; font-size:12px; line-height:24px; height:48px;}
	.h_fumin_lei_tu {width: 80px ;height: 80px ;}
	.h_fumin_lei p {font-size: 20px;}
	.build-r img{ width: 50%}
}
@media(min-width:1200px)and (max-width:1399px) {
	#slider-wrapper{ display: none}
	.sjlonav{ display: none;}
}
@media(min-width:1400px) {
	#slider-wrapper{ display: none}
	.sjbanner{ display: none}
	.sjlonav{ display: none;}
}
.wmkc{ padding: 54px 0px; background:url("../images/header-bg.jpg")no-repeat top; margin: 60px 0px; height: 500px; color: #fff}
.f_l{ float: left;}
.f_r{ float: right;}
.kcl{ margin-left: 150px; width: 660px; text-align: left}
.kcr{ width: 580px; text-align: left}
.kcr img{ margin-top: 150px;}
.kcl_t{ line-height: 123px; font-size: 50px; font-weight: bold}
.kcl_t span{ padding-top: 10px; line-height: 113px; font-size: 35px}
.kcl_c{ line-height: 32px; font-size: 18px; margin-bottom: 20px;}
.kcl_b{ width: 156px; height: 44px; border-radius: 25px; background: #f67524; text-align: center; line-height: 44px;}
.kcl_b a{ font-size: 14px; color: #fff}
.wmkcgn{ padding: 60px 0px;}
.gnt{ font-size: 45px;font-weight: 700;text-align: center;line-height: 1.6;text-transform: capitalize; color: #333333}
.five-sys-ul{position:relative;height:680px; margin: 30px 15%}
.five-sys-ul li{background:#0082D2;width:330px;height:330px;position:absolute;top:0;left:0;text-align:center;transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out;    border-radius: 165px;}
.five-sys-ul li:nth-child(2){background:#2DCA8B;top:0;left:392px}
.five-sys-ul li:nth-child(3){background:#00AAE1;top:0;left:787px}
.five-sys-ul li:nth-child(4){background:#02CDD6;top:319px;left:203px}
.five-sys-ul li:nth-child(5){background:#EE7E38;top:319px;left:583px}
.five-sys-ul li:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);transition:transform .3s ease-in-out;-webkit-transition:transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out}
.five-sys-ul li h3{font-size:30px;color:#fff;font-weight:700;margin-bottom:20px}
.five-sys-ul li p{font-size:16px;color:#fff;line-height:25px}
.five-sys-ul li i{display:flex;display:-webkit-flex;height:140px;align-items:center;justify-content:center;padding-top:20px}
.five-sys-ul li img{display:block}
.product-banner{background:url(../images/product-banner.jpg) no-repeat;background-size:cover;padding:200px 0 0;color:#fff}
.container2{ width: 1200px; margin: 0px auto; text-align: left; text-align: left}
.product-banner>.container>p:first-child{font-size:30px;font-weight:800}
.product-banner>.container>h1{font-size:55px;font-family:Microsoft YaHei;font-weight:700;margin:15px 0 42px}
.product-banner>.container>p:nth-child(3){width:53%;font-size:18px;font-weight:400;line-height:36px}
.system{text-align:center;background:rgba(255,255,255,1);box-shadow:0 3px 12px 0 rgba(18,24,58,.08);border-radius:5px;padding:56px 0 87px}
.system-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.system-line{width:80px;height:6px;background:rgba(17,122,198,1);border-radius:3px;margin:28px auto}
.system-b{font-size:17px;font-weight:500;color:rgba(65,80,118,1)}
.system-list{display:flex;justify-content:space-evenly; flex-wrap: wrap}
.system-list li p{width:90px;height:100px;line-height:92px;margin:59px auto 13px}
.system-list li h4{font-size:18px;font-weight:500;color:rgba(18,24,58,1)}
.system-list li:nth-child(1) p{background:url(../images/system-bg1.png) no-repeat;background-size:cover}
.system-list li:nth-child(2) p{background:url(../images/system-bg2.png) no-repeat;background-size:cover}
.system-list li:nth-child(3) p{background:url(../images/system-bg3.png) no-repeat;background-size:cover}
.system-list li:nth-child(4) p{background:url(../images/system-bg4.png) no-repeat;background-size:cover}
.system-list li:nth-child(5) p{background:url(../images/system-bg5.png) no-repeat;background-size:cover}
.build{padding:109px 0 50px}
.build>.container2{display:flex;justify-content:space-between;align-items:center}
.build-l{width:45%; float: left}
.build-l-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.build-b{font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:24px;margin:17px 0 30px}
.build-r img{max-width:100%}
.build-box-t i,.date-sys-box-t i,.monitor-box-t i,.net-box-t i,.vr-box-t i{font-size:25px;color:#16a3fe;margin-right:16px;font-weight:900}
.build-box-t span,.date-sys-box-t span,.monitor-box-t span,.net-box-t span,.vr-box-t span{font-size:22px;font-weight:800;color:rgba(25,64,176,1)}
.build-box-bref,.date-sys-box-bref,.monitor-box-bref,.net-box-bref,.vr-box-bref{font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:24px;padding-left:41px;margin:12px 0 28px}
.vr{background:#f6fafd;padding:66px 0 50px}
.vr>.container{display:flex;justify-content:space-between;align-items:center}
.vr-l{width:56%}
.vr-l img{max-width:100%}
.vr-r{width:41%}
.vr-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.vr-b{font-size:16px;font-weight:400;color:rgba(43,53,78,1);margin:17px 0 63px;line-height:24px}
.date-sys>.container{display:flex;justify-content:space-between;align-items:center}
.date-sys-l{width:45%}
.date-sys-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1)}
.date-sys-b{font-size:16px;font-weight:400;color:rgba(43,53,78,1);margin:17px 0 63px;line-height:24px}
.date-sys-r{width:46%}
.date-sys-r img{max-width:100%}
.net{background:#f6fafd}
.net-cont{display:flex;flex-wrap:wrap;flex-direction:column;height:1070px}
.net-box img{max-width:100%}
.net-cont>p:first-child{width:55%}
.net-cont>p:first-child img{max-width:100%}
.net-box{width:46%}
.net-tit{width:45%;font-size:36px;font-weight:800;color:rgba(25,64,176,1);margin:162px 0 17px}
.net-b{width:45%;font-size:16px;font-weight:400;color:rgba(43,53,78,1);line-height:24px;margin:0 0 50px 0}
.net-box2{width:46%}
.breach{background:#122272;padding:69px 0 116px;text-align:center}
.breach-tit{font-size:36px;font-weight:800;color:rgba(255,255,255,1); text-align:center }
.breach-b{font-size:25px;font-weight:500;color:rgba(140,162,229,1);margin:33px 0 58px; text-align: center}
.breach-box img{max-width:100%}
.advantage{background:#f6fafd;padding:67px 0 38px}
.advantage-tit{font-size:36px;font-weight:800;color:rgba(25,64,176,1);text-align:center}
.advantage-line{width:80px;height:6px;background:rgba(17,122,198,1);border-radius:3px;margin:30px auto 71px}
.advantage-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.advantage-list li{width:calc(50% - 28px);margin:0 54px 27px 0;background:rgba(255,255,255,1);box-shadow:0 4px 8px 0 rgba(229,255,244,.35);border-radius:5px;padding:25px 33px 25px 27px}
.advantage-list li:nth-child(2n){margin-right:0}
.ad-icon{width:57px;height:57px;background:rgba(25,64,176,0);border:2px solid rgba(209,217,239,.94);border-radius:8px;float:left;text-align:center;line-height:50px;transform:rotate(45deg)}
.ad-icon img{max-width:100%;transform:rotate(-45deg)}
.ad-txt{width:calc(100% - 82px);float:right;margin-left:17px}
.ad-txt h4{font-size:22px;font-weight:800;color:rgba(25,64,176,1);margin-bottom:14px}
.ad-txt p{font-size:14px;font-weight:400;color:rgba(43,53,78,1);line-height:26px}

/*响应式*/
.res-zhongduan {padding-top: 80px;padding-bottom: 70px;background: #f5f5f5; text-align: center}
.res-title {font-size: 48px;line-height: 48px;color: #333;padding-bottom: 23px;background: url('../images/line-02.jpg') center bottom no-repeat; text-align: center}
.res-title span {color: #DB161D; padding-left: 10px}
.res-title.gray {color: #ccc;}
.res-title-txt {max-width: 100%;font-size: 16px;line-height: 30px;color: #666;margin-top: 23px; text-align: center}
.res-title-txt.gray {color: #ccc;}
.res-zhongduan .mg-pic {margin-top: 52px ;}
.res-adv {padding-top: 80px;padding-bottom: 95px;background-size: cover;background-repeat: no-repeat;background-position: center bottom;background-attachment: fixed;}
.res-adv-list li {float: left;width: 50%;padding-left: 143px;font-size: 0;margin-top: 44px;}
.res-adv-list li .span-des {float: left;padding-top: 30px;}
.res-adv-list li .span-img {float: left;width: 93px;margin-left: -113px;background: url('../images/res-bg3.png') center center no-repeat;	background-size: cover;	-webkit-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}
.res-adv-list li .bdo-title {font-size: 20px;color: #fff;line-height: 24px;	-webkit-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.res-adv-list li .bdo-txt {	font-size: 14px;color: #999;line-height: 20px;margin-top: 4px;	-webkit-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.res-adv-list li:nth-child(odd) {padding-left: 0;padding-right: 143px;text-align: right;}
.res-adv-list li:nth-child(odd) .span-img {float: right;margin-left: 0;	margin-right: -113px;}
.res-adv-list li:nth-child(odd) .span-des {	float: right;}
.res-adv-list li:hover .span-img {	background: url('../images/res-bg3h.png') center center no-repeat;}
.res-adv-list li:hover .bdo-title {	color: #DB161D;}
.res-adv-list li:hover .bdo-txt {	color: #DB161D;}
.db {	display: block;}
.auto {
	margin-left: auto;
	margin-right: auto;
}
.service-radar {
	padding-top: 80px;
	padding-bottom: 80px;
}
.res-title-txtb {
	font-size: 22px;
	color: #666;
	line-height: 32px;
	margin-top: 25px;
}
.res-title-txts {
	width: 70%;
	font-size: 14px;
	line-height: 24px;
	color: #666;
	margin-top: 20px;
}
.tc {
	text-align: center;
}
.service-path-owl .owl-nav button.owl-prev,
.service-path-owl .owl-nav button.owl-next {
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: rgba(51, 51, 51, .2);
	width: 30px;
	color: #fff;
	font-size: 30px;
}

.service-path-owl .owl-nav button.owl-prev {
	left: 0;
}

.service-path-owl .owl-nav button.owl-next {
	right: 0;
}

.service-path-01>img {
	width: 100%;
}

.service-path-01 .div-mc {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(51, 51, 51, .9);
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.service-path-01 .div-mc table,
.service-path-01 .div-mc table td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
}

.service-path-01 .div-cont {
	padding-left: 9%;
	padding-right: 9%;
	color: #fff;
}

.service-path-01 .div-cont .mg-icon {
	-webkit-transition: all .5s linear 0s;
	-moz-transition: all .5s linear 0s;
	-o-transition: all .5s linear 0s;
	transition: all .5s linear 0s;
}

.service-path-01 .div-cont .span-name {
	position: relative;
	font-size: 24px;
	line-height: 24px;
	margin-top: 40px;
	padding-top: 52px;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.service-path-01 .div-cont .span-name::before {
	content: " ";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: 30px;
	height: 2px;
	background-color: #fff;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.service-path-01 .div-cont .div-des {
	padding-top: 1px;
	height: 0;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.service-path-01 .div-cont .span-des {
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	text-align-last: center;
	visibility: hidden;
	padding-top: 42px;
}
@media (min-width:992px) {	.service-path-owl .item { float: left; width: 25%; padding-left: 0px; padding-right: 0px;}
	.service-path-01:hover .div-mc { background-color: rgba(219, 22, 29, .9); }
.service-path-01:hover .div-cont .mg-icon { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
.service-path-01:hover .div-cont .div-des { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }	.service-path-01:hover .div-cont .span-name { margin-top: 0; }
.service-path-01:hover .div-cont .span-name::before { width: 0; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.service-path-01:hover .div-cont .div-des .span-des { visibility: visible; }}

.service-four {
	background-color: #f7f7f7;
	padding-top: 80px;
	padding-bottom: 80px;
}
.service-four-main {
	padding-top: 12px;
}
.service-four-01 {
	background-color: #fff;
	border-radius: 15px;
	padding: 62px 7.26% 52px 8.43%;
	margin-top: 30px;
}
.service-four-01 .span-icon {
	position: relative;
	float: left;
	width: 14%;
}
.service-four-01 .span-icon .mg1 {
	display: block;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.service-four-01 .span-icon .mg2 {
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.service-four-01 .b-title {
	font-size: 20px;
	color: #333;
	line-height: 20px;
	padding-bottom: 26px;
	background: url('../images/line-08.png') left bottom no-repeat;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.service-four-01 .div-des {
	float: right;
	width: 75.65%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.service-four-01 .div-des .div-details {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin-top: 22px;
	height: 90px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.service-four-01:hover {
	background-color: #DB161D;
}
.service-four-01:hover .span-icon .mg1 {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.service-four-01:hover .span-icon .mg2 {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.service-four-01:hover .b-title {
	color: #fff;
	background: url('../images/line-08h.png') left bottom no-repeat;
}
.service-four-01:hover .div-des .div-details {
	color: #fff;
}
.service-process {
	padding-top: 80px;
	padding-bottom: 80px;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}
.service-process-01 {
	margin-top: 30px;
}
.ds-system {
	padding-top: 80px;
	padding-bottom: 80px;
}

.ds-system-cont {
	margin-top: 62px;
	font-size: 16px;
	line-height: 24px;
	color: #666;
	height: 344px;
}

.ds-system-01 {
	float: left;
	width: 20%;
	height: 324px;
	overflow: hidden;
	padding: 68px 20px 0;
	background-color: #f7f7f7;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.ds-system-01 .div-title {
	font-size: 48px;
	color: #222;
	line-height: 48px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.ds-system-01 .div-des {
	border-top: 1px solid #dfdfdf;
	margin-top: 38px;
	padding: 25px 0 0;
	position: relative;
	z-index: 3;
}

.ds-system-01 .div-num {
	font-family: "Arial";
	font-weight: bold;
	font-size: 150px;
	line-height: 150px;
	color: #e7e7e7;
	position: absolute;
	left: 50%;
	bottom: -73px;
	transform: translateX(-50%);
}

.ds-system-01:nth-child(even) {
	background-color: #f0f0f0;
}

.ds-system-01:nth-child(even) .div-num {
	color: #e7e7e7;
}

.ds-system-01:nth-child(2) {
	padding-top: 57px;
}

.ds-system-01:nth-child(2) .div-title {
	font-size: 30px;
	line-height: 36px;
}

.ds-system-01:nth-child(2) .div-des {
	margin-top: 25px;
}

.ds-feilei {
	padding-top: 80px;
	padding-bottom: 80px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}

.ds-feilei-title {
	float: left;
	width: 390px;
	background-color: #fff;
	margin-left: 5px;
}

.ds-feilei-title .span-01 {
	font-size: 16px;
	color: #666;
	line-height: 84px;
	border-top: 1px solid #eee;
	padding-left: 80px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.ds-feilei-title .span-01:first-child {
	border-top: none;
}

.ds-feilei-title .span-01 .bdo-icon {
	margin-right: 10px;
}

.ds-feilei-title .span-01 .bdo-icon .mg1 {
	display: inline-block;
}

.ds-feilei-title .span-01 .bdo-icon .mg2 {
	display: none;
}

.ds-feilei-title .span-01.on {
	padding-left: 85px;
	margin-left: -5px;
	background-color: #DB161D;
	color: #fff;
}

.ds-feilei-title .span-01.on .bdo-icon .mg1 {
	display: none;
}

.ds-feilei-title .span-01.on .bdo-icon .mg2 {
	display: inline-block;
}

.ds-feilei-nr {
	float: left;
	margin-left: 82px;
	font-size: 22px;
	color: #ccc;
	line-height: 36px;
	width: 795px;
}

.ds-feilei-nr-01 {
	display: none;
}

.ds-feilei-nr-01:first-child {
	display: block;
}

.ds-feilei-nr .div-title {
	font-size: 48px;
	line-height: 48px;
	padding-bottom: 22px;
	background: url('../images/line-11.jpg') left bottom no-repeat;
	opacity: 0;
}

.ds-feilei-nr .div-des {
	margin-top: 22px;
	opacity: 0;
}

.ds-feilei-nr .div-title2 {
	font-size: 36px;
	line-height: 36px;
	margin-top: 86px;
	opacity: 0;
}

.ds-feilei-nr .div-des2 {
	margin-top: 24px;
	opacity: 0;
}

.ds-feilei-nr-01.on .div-title {
	animation: fadeInUp .5s 1 linear both;
	-moz-animation: fadeInUp .5s 1 linear both; /* Firefox */
	-webkit-animation: fadeInUp .5s 1 linear both; /* Safari and Chrome */
	-o-animation: fadeInUp .5s 1 linear both; /* Opera */
}

.ds-feilei-nr-01.on .div-des {
	animation: fadeInUp .5s 1 linear both;
	-moz-animation: fadeInUp .5s 1 linear both; /* Firefox */
	-webkit-animation: fadeInUp .5s 1 linear both; /* Safari and Chrome */
	-o-animation: fadeInUp .5s 1 linear both; /* Opera */
}

.ds-feilei-nr-01.on .div-title2 {
	animation: fadeInUp .5s 1 linear both;
	-moz-animation: fadeInUp .5s 1 linear both; /* Firefox */
	-webkit-animation: fadeInUp .5s 1 linear both; /* Safari and Chrome */
	-o-animation: fadeInUp .5s 1 linear both; /* Opera */
}

.ds-feilei-nr-01.on .div-des2 {
	animation: fadeInUp .5s 1 linear both;
	-moz-animation: fadeInUp .5s 1 linear both; /* Firefox */
	-webkit-animation: fadeInUp .5s 1 linear both; /* Safari and Chrome */
	-o-animation: fadeInUp .5s 1 linear both; /* Opera */
}

.ds-model {
	padding-top: 80px;
	padding-bottom: 80px;
}

.ds-model::before,
.ds-model::after {
	content: " ";
	position: absolute;
	top: 216px;
	left: 0;
	right: 0;
	bottom: 0;
}

.ds-model::before {
	background: url('../images/ds-bg2.png') center top repeat;
	animation: wifi 5s infinite linear;
	-moz-animation: wifi 5s infinite linear; /* Firefox */
	-webkit-animation: wifi 5s infinite linear; /* Safari and Chrome */
	-o-animation: wifi 5s infinite linear; /* Opera */
}

.ds-model::after {
	background: url('../images/ds-bg3.png') center top repeat;
	animation: wifi 5s 2.5s infinite linear;
	-moz-animation: wifi 5s 2.5s infinite linear; /* Firefox */
	-webkit-animation: wifi 5s 2.5s infinite linear; /* Safari and Chrome */
	-o-animation: wifi 5s 2.5s infinite linear; /* Opera */
}

.ds-model>div {
	position: relative;
	z-index: 10;
}

.ds-model-cont {
	padding-top: 12px;
	margin-left: -14px;
	margin-right: -14px;
}

.ds-model-01 {
	float: left;
	width: 20%;
	padding-left: 14px;
	padding-right: 14px;
	margin-top: 30px;
}

.ds-model-div1 {
	position: relative;
	top: 0;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 14px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 14px rgba(0, 0, 0, .1);
	box-shadow: 0 0 14px rgba(0, 0, 0, .1);
	border-radius: 10px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.ds-model-div1 .span-img {
	width: 58px;
}

.ds-model-div1 .span-img img {
	display: block;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.ds-model-div1 .span-img .mg2 {
	position: absolute;
	left: 0;
	top: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.ds-model-div1 .span-txt {
	margin-top: 30px;
	font-size: 18px;
	line-height: 18px;
	text-align-last: center;
	margin-left: 10px;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.ds-tool {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #272829;
	margin-top: -27px;
}

.ds-tool-01 {
	float: left;
	width: 20%;
	text-align: center;
	margin-top: 80px;
}

.ds-tool-div1 {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.ds-tool-div1 .span-txt {
	font-size: 16px;
	color: #fff;
	margin-top: 30px;
}
.yx-title {
	font-size: 48px;
	color: #333;
	line-height: 48px;
	background-image: url('../images/line-09.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 23px;
	margin-bottom: 30px;
}

.yx-title.gray {
	color: #ccc;
}

.yx-title.white {
	color: #fff;
}

.yx-title span {
	color: #DB161D;
}

.yx-title-txt {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin-top: 23px;
	width: 1100px;
	max-width: 96%;
	margin-left: auto;
	margin-right: auto;
}

.yx-title-txt-en {
	text-transform: uppercase;
}

.yx-title-txt.gray {
	color: #ccc;
}

.yx-why-word .yx-title {
	background-position: left bottom;
}

.yx-why-word .yx-title-txt {
	width: 100%;
	max-width: 100%;
}

/* .join dl{border-bottom: 1px solid #d71518;line-height: 50px;margin: 50px auto;background: #fffdf7;padding: 40px 0px 20px 0px;}
.join dl dt{font-size: 18px;font-weight: bold;text-align: center;}
.join dl dd{display: flex;justify-content: center;flex-wrap: wrap;}
.join dl dd a{display: block;width: 15%;margin: 20px 10px;font-size: 16px;}
.join dl dd a:hover{color: #d71518;}
@media screen and (max-width:767px) {
    .join dl dd a{width: 30% !important;}
}
@media screen and (max-width:420px) {
    .join dl dd a{width: 45% !important;}
} */
ol {
    display: block;
    list-style-type: decimal;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
.message{ width: 800px; margin: 0px auto;}
.message dt{margin: 15px;}
.message dt span{display: inline-block;width: 100px;text-align: left; font-size: 16px; font-weight: normal;}
.zpys{ width: 100%; line-height: 50px; border: none; background: #F3F3F3; border-radius: 10px; padding-left: 20px;}
.zpnr{ width: 100%; height: 150px; border: 0px; background: #F3F3F3; border-radius: 10px; padding-left: 20px;}
.zpsub{ width: 100%; background: #E70012; text-align: center; font-size: 16px; color: #fff; border: none; line-height: 45px;  border-radius: 10px;  }
input::placeholder{ font-size: 15px; font-weight: normal; font-family: "微软雅黑"; }
textarea::placeholder{  font-size: 15px; font-weight: normal; font-family: "微软雅黑"; line-height: 50px;}
/*人才招聘*/
.rczp{ margin-top: 40px;}
.rczp ol {height:80px;line-height:80px;overflow:hidden;zoom:1;text-align: center;}
.rczp ol .n_ame {color:#fff;font-size:20px;font-weight: bold;width:24%;background-color: #404040;display: inline-block;text-align: center;}
.rczp ol .curr {color:#fff;background-color: #E70012;}
.datalist {width:100%; border-collapse:collapse; border-spacing:0; border:1px solid #ccc;font-size: 16px;}
.datalist caption { padding-bottom:5px;}
.datalist th {font-weight:700; padding:5px 15px; border:1px solid #ccc; background:#eee;float: left;font-size: 16px;}
.datalist td {padding:5px 15px; border:1px solid #ccc;font-size: 16px;}
.datalist tr.altrow { background:#ccc;}

.job_list01 .li_top{position:relative;border: 1px solid #bababe;margin: 25px 25px 0px 25px;}
.job_list01 .li_top .top_l{padding-right:200px;}
.job_list01 .li_top .box1{padding:15px 30px;}
.job_list01 .li_top .top_h{margin-bottom:15px;}
.job_list01 .li_top .tit{font-size:25px; padding-right:8%; color:#333f47;}
.job_list01 .li_top .time1{position:relative; padding:0 3%;font-size: 14px;}
.job_list01 .li_top .time1,
.job_list01 .li_top .time2{color:#999; line-height:40px;}
.job_list01 .li_top .time1:after,
.job_list01 .li_top .time1:before{content:""; position:absolute; top:0; width:1px; height:100%; background-color:#999; display:block;}
.job_list01 .li_top .time1:before{left:0;}
.job_list01 .li_top .time1:after{right:0;}
.job_list01 .li_top .time2{padding-left:3%;}
.job_list01 .li_top .top_d_item{display:inline-block; margin-right:30px; line-height:30px; font-size:16px;}
.job_list01 .li_top .top_d_item dd{font-size:16px;}
.job_list01 .li_top .top_r{position:absolute; top:0; right:0; height:100%; width:150px; border-left:1px solid #bababe; line-height:106px; text-align:center; cursor:pointer;}
.job_list01 .li_top .top_r .see{font-size:20px;}
.job_list01 .li_top .top_r .see_close{position:absolute; top:50%; left:50%; margin-top:-18px; margin-left:-18px; display:none;}
.job_list01 .li_bottom{display:none;border: 1px solid #bababe;border-top: none; margin: 0px 25px 25px 25px;}
.job_list01 .li_bottom .box1{padding:30px; position:relative;}
.job_list01 .li_bottom .box1 .con{font-size: 14px;line-height: 32px;}
.job_list01 .li_bottom .send{position:static; padding:15px 35px; background-color:#E70012; color:#fff; font-size:15px; display:inline-block; margin-top:20px;}
.send1{ background-color:#333f47; color:#fff; width:130px;text-align: center;height:42px;line-height: 42px;}
.send1 a{color: #fff;font-size:15px;}
@media only screen and (max-width: 992px) {
    /* 招聘列表 非手机端定制 */
    .job_list01 .li_top .time1, 
    .job_list01 .li_top .time2{display:inline-block; padding:0}
    .job_list01 .li_top .time1:before,
    .job_list01 .li_top .time1:after{display:none!important;}
}
@media only screen and (max-width: 760px)  {
.job_list {padding-bottom:110px;}
    .job_list01 .li_top .top_h{margin-bottom:5px;}
    .job_list01 .li_top .top_l{padding-right:100px;}
    .job_list01 .li_top .top_r{width:100px; line-height:110px;}
    .job_list01 .li_top .top_r .see{font-size:18px;}
    .job_list01 .li_top .top_d{font-size:13px; margin-right:0; line-height:20px;}
    .job_list01 .li_top .tit{font-size:16px; padding-right:0; display:block}
    .job_list01 .li_bottom .box{padding:20px}
    .job_list01 .li_bottom .box .con{font-size:13px;}
    .job_list01 .li_top .time1, 
    .job_list01 .li_top .time2{font-size:13px; line-height:20px;}
    .job_list01 .li_bottom .send{margin-top:20px; padding:10px 20px; font-size:14px}
}