@charset "gb2312";
/* CSS Document */
*{ -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {font-size: 14px; font-family: "Helvetica Neue", Helvetica, 微软雅黑, 新細明體, Arial, "Lucida Grande", sans-serif; margin: 0px; padding: 0px; color: #333;}
div,form,img,ul,ol,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6,label { margin:0; padding:0; border:0;}
ul,ol,li { list-style:none;}
input,select,option,textarea{outline: none;}
i,em { font-style: normal;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.pr { position: relative;}
.fl { float: left;} .fr { float: right;}
a { color:#333; text-decoration:none;}
a:hover { color:#f00;}
.container { width: 1200px; margin: 0px auto;}
.p60 { padding: 60px 0px 20px;}

	
/**/
.title {text-align: center;}
.title label {
	font-size: 36px;
	display: block;
	margin-bottom: 10px;
	position: relative;
	line-height: 120px;
	}
.title label font { color: #145fbc;}
.title label span { color: #fff;}

.more { text-align: center;}
.more a {
	display: inline-block;
	font-size: 20px;
	color: #fff;
	background: #0864c1;
	border-radius: 30px;
	padding: 0px 50px;
	line-height: 60px;
	margin: 50px 20px;
	}
.more a:hover { box-shadow: 0px 0px 20px rgba(0,0,0,.3); color: #fff; text-decoration: none;}
.more a:nth-child(2) { background: #ff5807;}
/** banner **/

.head_top {
	height: 110px;
	background: #2d323c;
	}
.head_top .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.head_top .logo {
	width: 220px;
	height: 110px;
	line-height: 110px;
	background: url(http://www.ybchuban.com/img/logo.png) center center no-repeat;
	background-size: contain;
	}
.head_top .logo a {
	display: block;
	height: 110px;
	text-indent: -9999px;
	}
.head_top .top_tit {
	font-size: 20px;
	color: #fff;
	}
.head_top .top_tit h1{
	font-size: 20px;
	color: #fff;
	}
.head_top .head_mag {
	display: flex;
	}
.head_top .head_mag p {
	background: url(../images/ico5.png) center left no-repeat;
	background-size:20px 20px;
	padding-left: 25px;
	font-size: 18px;
	color: #fff;
	margin-left: 20px;
	}
.head_top .head_mag p a { display: block; color: #fff;}
.head_top .head_mag p a:hover { color: #f60;}
.head_top .head_mag p:nth-child(2) { background-image: url(../images/hd-44.png);}

.ban_top {
	width: 100%;
	height: 80px;
	line-height: 80px;
	z-index: 1000;
	}
.ban_top .ban_top_nav {
    display: flex;
    justify-content: space-between;
	}
.ban_top_bg {position: fixed; top: 0; box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}

.ban_nav {
	display: flex;
	width: 100%;
	}

.ban_nav li {
	width: 12.5%;
	background-color: #28aadc;
	transform: translate3d(0, 0, 0);
	transition: background 0.3s;
	}

.ban_nav a{
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	padding: 16px 20px;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: background 0.3s, transform 0.3s;
	background-color: #28aadc;
	}
.ban_nav a:hover {transform: translateY(20px);}
.ban_nav li p {
	font-size:16px;
	color:#ddd;
	font-family:Arial, Helvetica, sans-serif;
	}
.ban_nav li:nth-child(1):hover, .ban_nav li:nth-child(1) a:hover {background-color: #166888;}
.ban_nav li:nth-child(2), .ban_nav li:nth-child(2) a {background-color: #0a8cbe;}
.ban_nav li:nth-child(2):hover, .ban_nav li:nth-child(2) a:hover {background-color: #05455d;}
.ban_nav li:nth-child(3), .ban_nav li:nth-child(3) a {background-color: #006ea0;}
.ban_nav li:nth-child(3):hover, .ban_nav li:nth-child(3) a:hover {background-color: #00283a;}
.ban_nav li:nth-child(4), .ban_nav li:nth-child(4) a {background-color: #006478;}
.ban_nav li:nth-child(4):hover, .ban_nav li:nth-child(4) a:hover {background-color: #000f12;}
.ban_nav li:nth-child(5), .ban_nav li:nth-child(5) a {background-color: #005a5a;}
.ban_nav li:nth-child(5):hover, .ban_nav li:nth-child(5) a:hover {background-color: #000;}
.ban_nav li:nth-child(6), .ban_nav li:nth-child(6) a {background-color: #007864;}
.ban_nav li:nth-child(6):hover, .ban_nav li:nth-child(6) a:hover {background-color: #00120f;}
.ban_nav li:nth-child(7), .ban_nav li:nth-child(7) a {background-color: #0aa06e;}
.ban_nav li:nth-child(7):hover, .ban_nav li:nth-child(7) a:hover {background-color: #04402c;}
.ban_nav li:nth-child(8), .ban_nav li:nth-child(8) a {background-color: #0abe8c;}
.ban_nav li:nth-child(8):hover, .ban_nav li:nth-child(8) a:hover {background-color: #055d45;}
.ban_nav li:nth-child(9), .ban_nav li:nth-child(9) a {background-color: #15dca5;}
.ban_nav li:nth-child(9):hover, .ban_nav li:nth-child(9) a:hover {background-color: #007864;}


/**/
.banner {height:390px;}
#full-screen-slider {
	width:100%; 
	height:390px; 
	position:relative;
	}
#slides {
	display:block; 
	width:100%; 
	height:390px; 
	position:relative;
	}
#slides li {
	display:block; 
	width:100%;
	height:100%; 
	position:absolute;
	}
#slides li a {
	display:block; 
	width:100%; 
	height:100%; 
	text-indent:-9999px;
	}
#pagination {
	display:block; 
	list-style:none; 
	position:absolute; 
	left:50%; 
	top:340px; 
	z-index:900;
	padding:5px 15px 5px 0; 
	margin:0;
	}
#pagination li {
	display:block; 
	list-style:none; 
	width:10px; 
	height:10px; 
	float:left; 
	margin-left:15px; 
	border-radius:5px;
	background:#fff;
	}
#pagination li a {
	display:block; 
	width:100%; 
	height:100%; 
	padding:0; 
	margin:0; 
	text-indent:-9999px;
	}
#pagination li.current { background:#0092CE}


/**/
.main_01{ margin:50px 0px;}
.main_01 ul{
	text-align:center;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	}
.main_01 ul li{
	display:inline-block; 
	width:23%;
	text-align:center;
	margin: 15px 0px;
	padding: 25px 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	}
.main_01 ul li:hover { box-shadow: 0px 0px 25px rgb(0,0,0,.08);}
.main_01 ul li a {
	display: block;
	height: 100%;
	}
.main_01 ul li .box{
	display:inline-block; 
	width:130px; 
	height:130px; 
	position:relative;
	}
.main_01 ul li .box span.y1{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:130px;
	height:130px;
	border: #dbdbdb 1px solid; 
	border-radius:100%; 
	transition: all 0.5s ease-in-out;
	}
.main_01 ul li .box span.y2{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	width:130px;
	height:130px;
	border: #dbdbdb 1px solid;
	background:#ffffff; 
	border-radius:100%; 
	transition: all 0.5s ease-in-out;
	opacity: 0;
	transform: scale(0.7); 
	visibility: hidden;
	}
.main_01 ul li strong{
	display: block;
	font-size:20px; 
	margin-bottom:10px;
	}
.main_01 ul li p{
	color:#757575; 
	font-size: 16px;
	}
.main_01 ul li .icon{
	display:inline-block; 
	width:130px; 
	height:130px; 
	line-height:130px; 
	border-radius:100%; 
	margin-bottom:10px; 
	position:relative; 
	overflow:hidden; 
	transition: all 0.5s ease-in-out;
	}
.main_01 ul li .icon .con01{
	content:""; 
	position:absolute; 
	left:0; 
	top:0; 
	width:100%; 
	height:100%; 
	transition: all 0.5s ease-in-out;
	}
.main_01 ul li .icon .con02{
	content:""; 
	position:absolute; 
	left:-100%; 
	top:0; 
	width:100%; 
	height:100%; 
	transition: all 0.5s ease-in-out;
	}
.main_01 ul li a:hover .box span.y1 {
	opacity: 0; 
	transform: scale(1.3);
	}
.main_01 ul li a:hover .box span.y2 {
	opacity: 1; 
	transform: scale(1); 
	visibility: visible; 
	}
.main_01 ul li:hover .icon .con01{ left:100%;}
.main_01 ul li:hover .icon .con02{ left:0;}
.main_01 ul li .icon img { vertical-align: middle; max-width: 90px;}

/*********/
.bg_f7 {background: #f7f7f7;}
.bd_bg {
	width: 100%;
	background: url(../images/biaodan.jpg) 0 0 no-repeat;
	background-size: cover;
	}
.single_gdbd {padding: 50px 0;}
.single_gdbd .single_gd_box {
	display: flex;
    justify-content: space-around;
	background: #fff;
	box-shadow: 0px 0px 15px rgb(0,0,0,.08);
	margin-left: 10%;
	padding: 50px 50px;
	position: relative;
	}
.single_gd_box:after {
	content:"";
	position: absolute;
	width: 305px;
	height: 463px;
	background: url(../images/a1.png) 0 0 no-repeat;
	left: -150px;
	bottom: 0px;
	z-index: 10;
	}
.single_gd_box:before {
	content:"";
	position: absolute;
	width: 194px;
	height: 370px;
	background: url(../images/a1-icon.png) 0 0 no-repeat;
	top: 90px;
	right: 30px;
	}
.single_gd_box .new_xt { width: 45%; margin-top: 0px; height: 430px}
.single_gd_box .new_xt h3 {
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	background: #e9edfa;
	padding-left: 10px;
	}
.single_gd_box .new_xt h3 i {
	display: inline-block;
	width: 26px;
	height: 24px;
	background: url(../images/12.png) 0 0 no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-right: 10px;
	}

.marquee {
	height:340px;
	overflow:hidden;
	margin: 20px 0px 0px 50px;
	}
.marquee li {
	padding:0 15px;
	}
.marquee li a {
	display: block;
	font-size: 15px;
	line-height:34px;
	}

.single_gd_box .sp_bd_form {
	width: 40%;
	background: #f2f5fc;
	padding: 30px;
	box-shadow: 5px 5px 15px rgb(0,0,0,.08);
	}
.sp_bd_tit h3 {
	font-size: 26px;
	display: block;
	margin-bottom: 10px;
	}
.sp_bd_tit h5 {
	font-size: 18px;
	font-weight: normal;
	display: block;
	}
.sp_bd_tit em{
	display: inline-block;
	width: 50px;
	height: 4px;
	background: #5e7ce0;
	margin: 15px 0 15px 0;
	}
.sp_bd_form form input {
	line-height: 50px;
	height: 50px;
	width: 100%;
	padding: 0px 15px;
	background: rgb(255,255,255,1);
	border: 1px solid #ccc;
	font-size: 16px;
	color: #999;
	outline: none;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 20px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
input::-webkit-input-placeholder {color: #999;}

.sp_bd_form select{
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
    color: #999;
    padding:0px 10px;
	margin-bottom: 20px;
	outline: none;
	vertical-align: top;
	}
.sp_bd_form button {
	line-height: 50px;
	background: #006ea0;
	color: #fff;
	font-size: 18px;
	padding: 0px 60px;
	display: inline-block;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	vertical-align: top;
	}
	
/*****/
.cblc_bg {
	width: 100%;
	background: url(../images/cblc.jpg) center right no-repeat;
	background-size: auto 100%;
	padding-bottom: 30px;
	}
.lc_box {
	margin: 30px 0px 0;
	display: flex;
	}
.lc_box li {
	width: 12.5%;
	text-align: center;
	cursor: pointer;
	}
.lc_box li b {
	display: inline-block;
	line-height: 28px;
	border: 2px solid #957bd2;
	border-radius: 5px;
	padding: 0px 15px;
	color: #957bd2;
	position: relative;
	font-size: 16px;
	}
.lc_box li b:after {
	content:"▼";
	position: absolute;
	font-size: 16px;
	color: #957bd2;
	bottom: -30px;
	left: 50%;
	margin-left: -8px;
	}
.lc_box li strong {
	width: 100%;
	display: block;
	margin: 30px 0px 30px;
	position: relative;
	font-size: 30px;
	}
.lc_box li strong:before {
	content:"";
	position: absolute;
	width: 100%;
	height: 26px;
	background: #957bd2;
	left: 0px;
	top: 50%;
	margin-top: -13px;
	}
.lc_box li strong font {
	position: relative;
	z-index: 2;
	width: 50px;
	height: 50px;
	line-height: 36px;
	border-radius: 50%;
	background: #957bd2;
	border: 6px solid #fff;
	padding: 2px;
	display: inline-block;
	color: #fff;
	transition:all 0.7s;
	}
.lc_box li p {
	background: #957bd2;
	height: 120px;
	margin: 20px 10px;
	font-size: 16px;
	padding: 15px 10px;
	color: #fff;
	border-radius: 5px;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
	}
.lc_box li p:after {
	content:"";
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -20px;
	width:0;
	height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color: transparent transparent #957bd2 transparent;
	}
.lc_box li:nth-child(2) b{ color: #64b2ff; border-color: #64b2ff;}
.lc_box li:nth-child(2) b:after { color: #64b2ff;}
.lc_box li:nth-child(2) strong:before, .lc_box li:nth-child(2) strong font { background-color: #64b2ff;}
.lc_box li:nth-child(2) p { background: #64b2ff;}
.lc_box li:nth-child(2) p:after { border-color: transparent transparent #64b2ff transparent;}

.lc_box li:nth-child(3) b{ color: #01bdeb; border-color: #01bdeb;}
.lc_box li:nth-child(3) b:after { color: #01bdeb;}
.lc_box li:nth-child(3) strong:before, .lc_box li:nth-child(3) strong font { background-color: #01bdeb;}
.lc_box li:nth-child(3) p { background: #01bdeb;}
.lc_box li:nth-child(3) p:after { border-color: transparent transparent #01bdeb transparent;}

.lc_box li:nth-child(4) b{ color: #009594; border-color: #009594;}
.lc_box li:nth-child(4) b:after { color: #009594;}
.lc_box li:nth-child(4) strong:before, .lc_box li:nth-child(4) strong font { background-color: #009594;}
.lc_box li:nth-child(4) p { background: #009594;}
.lc_box li:nth-child(4) p:after { border-color: transparent transparent #009594 transparent;}

.lc_box li:nth-child(5) b{ color: #feb401; border-color: #feb401;}
.lc_box li:nth-child(5) b:after { color: #feb401;}
.lc_box li:nth-child(5) strong:before, .lc_box li:nth-child(5) strong font { background-color: #feb401;}
.lc_box li:nth-child(5) p { background: #feb401;}
.lc_box li:nth-child(5) p:after { border-color: transparent transparent #feb401 transparent;}

.lc_box li:nth-child(6) b{ color: #fe8b21; border-color: #fe8b21;}
.lc_box li:nth-child(6) b:after { color: #fe8b21;}
.lc_box li:nth-child(6) strong:before, .lc_box li:nth-child(6) strong font { background-color: #fe8b21;}
.lc_box li:nth-child(6) p { background: #fe8b21;}
.lc_box li:nth-child(6) p:after { border-color: transparent transparent #fe8b21 transparent;}

.lc_box li:nth-child(7) b{ color: #fc679e; border-color: #fc679e;}
.lc_box li:nth-child(7) b:after { color: #fc679e;}
.lc_box li:nth-child(7) strong:before, .lc_box li:nth-child(7) strong font { background-color: #fc679e;}
.lc_box li:nth-child(7) p { background: #fc679e;}
.lc_box li:nth-child(7) p:after { border-color: transparent transparent #fc679e transparent;}

.lc_box li:nth-child(8) b{ color: #cc0001; border-color: #cc0001;}
.lc_box li:nth-child(8) b:after { color: #cc0001;}
.lc_box li:nth-child(8) strong:before, .lc_box li:nth-child(8) strong font { background-color: #cc0001;}
.lc_box li:nth-child(8) p { background: #cc0001;}
.lc_box li:nth-child(8) p:after { border-color: transparent transparent #cc0001 transparent;}	
	
.lc_box li:hover font {transform: rotateY(360deg);}
.lc_box li:hover p { background: #000;}
.lc_box li:hover p:after {border-color: transparent transparent #000 transparent;}

/*al*/
.case_bg {
	width: 100%;
	background: url(../images/al_bg.jpg) 0 0 no-repeat;
	background-size: cover;
	margin-top: 50px;
	}
.case_bg .title label { color: #fff;}
.case {
	display: flex;
	padding: 20px 0px 60px;
	overflow: hidden;
	margin-left: 25px;
	}
.case li {
	width: 16.667%;
	}
.case li a {
	display: block;
	height: 100%;
	}
.case li img { max-width: 90%; transition: all 0.5s ease-in-out;}
.case li:hover img {transform: scale(1.1);}

/*ys*/
.ys_bg {
	width: 100%;
	background: url(../images/ys_bg.jpg) center bottom no-repeat;
	}
.ys_box {
	background: url(../images/ys.png) center bottom no-repeat;
	padding-top: 550px;
	position: relative;
	}
.ys_box p {
	position: absolute;
	border: 1px solid #fff;
    text-align: center;
	font-size: 20px;
	line-height: 46px;
	display: flex;
    padding: 5px 30px 5px 5px;
	box-shadow: 2px 3px 20px rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	background: linear-gradient(to bottom, rgba(248, 251, 253, 0.8), 60%, rgba(231, 243, 254, 0.8), rgba(248, 251, 253, 0.8));
	}
.ys_box p i {
	display: block;
	width: 46px;
	height: 46px;
	background: url(../images/ys-1.png) 0 0 no-repeat;
	background-size: contain;
	margin-right: 15px;
	}
.ys_box p:nth-child(1) { top: 0px; left: 15%;}
.ys_box p:nth-child(2) { top: 10%; left: 38%;}
.ys_box p:nth-child(3) { top: 0px; right: 0px;}
.ys_box p:nth-child(4) { top: 15%; left: 0px;}
.ys_box p:nth-child(5) { top: 18%; right: 10%;}
.ys_box p:nth-child(6) { top: 33%; left: 10%;}
.ys_box p:nth-child(7) { top: 38%; right: 0px;}
.ys_box p:nth-child(8) { top: 50%; left: 5%;}
.ys_box p:nth-child(9) { top: 55%; right: 10%;}

.ys_box p:nth-child(2) i{ background-image: url(../images/ys-2.png);}
.ys_box p:nth-child(3) i{ background-image: url(../images/ys-3.png);}
.ys_box p:nth-child(4) i{ background-image: url(../images/ys-4.png);}
.ys_box p:nth-child(5) i{ background-image: url(../images/ys-5.png);}
.ys_box p:nth-child(6) i{ background-image: url(../images/ys-6.png);}
.ys_box p:nth-child(7) i{ background-image: url(../images/ys-7.png);}
.ys_box p:nth-child(8) i{ background-image: url(../images/ys-8.png);}
.ys_box p:nth-child(9) i{ background-image: url(../images/ys-9.png);}


/****************/
.cs_bg {
	width: 100%;
	background: url(../images/cs_bg.jpg) 0 0 no-repeat;
	background-size: cover;
	}
.csgl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 50px 0px;
	}
.csgl li{
	width: 32%;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.06);
    border-radius: 2px;
	padding: 30px;
	margin: 15px 0px;
	}
.csgl li h4 {
	font-size: 18px;
	line-height: 26px;
	position: relative;
	margin-bottom: 20px;
	}
.csgl li h4:after {
	content:"";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #8a8e99;
	left: 0px;
	top: 36px;
	}
.csgl li p {
	color: #999;
	line-height: 34px;
    border-bottom: 1px dotted #ccc;
	}
.csgl li p a {
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 15px;
	}
.csgl li p em {
	float: right;
	color: #999;
	margin-left: 10px;
	}
.csgl li span a {
	display: block;
	color: #5e7ce0;
	margin-top: 15px;
	}
.csgl li span a:hover { color: #f00;}

/*******/
.foot_bg {
	background: url(../images/foot_bg.jpg) center top no-repeat;
	}
.foot_mag {
	display: flex;
	justify-content: space-between;
	padding: 50px 0px;
	}
.foot_mag .foot_logo {
	width: 32%;
	color: #80868d;
	text-align: center;
	}
.foot_mag .foot_logo p { margin-top: 10px;}
.foot_mag .mag_1 {
	width: 25%;
	display: flex;
	flex-wrap: wrap;
	}
.foot_mag .mag_1 li {
	width: 33.334%;
	}
.foot_mag .mag_1 li a {
	color: #fff;
	line-height: 34px;
	}
.foot_mag .mag_1 li a:hover { color: #0083c9;}
.foot_mag dl {
	width: 48%;
	}
.foot_mag dl dt {
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	color: #fff;
	}
.foot_mag dl dd {
	color: #80868d;
	line-height: 26px;
	}
	
/**/
.footer {
	width: 100%;
	padding: 20px 0px;
	color: #a8a8a8;
	font-size: 12px;
	background: #151d27;
	text-align: center;
	}
.footer a {
	color: #a8a8a8;
	}
.footer a:hover { color: #757575;}


/**************  zhuzuo *****************/
.zz_ban {
	width: 100%;
	height: 600px;
	background: url(../images/zz_01.jpg) center center no-repeat;
	}
.zz_ban .container {
	height: 100%;
	background: url(../images/icon_zz.png) center center no-repeat;
	position: relative;
	}
.zz_ban .container h4 {
	font-size: 26px;
	color: #fff;
	position: absolute;
	top: 90px;
	left: 50%;
	transform: translateX(-50%);
	}
.zz_ban .z_t1 {
	position: absolute;
	width: 53%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	color: #fff;
	top: 190px;
	}
.zz_ban .z_t1:after {
	content:"";
	position: absolute;
	width: 220px;
	height: 0px;
	border-top: 1px solid #fff;
	bottom: 0px;
	right: 0px;
	}
.zz_ban .z_t1:before {
	content:"";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 1px solid #fff;
	bottom: 0px;
	right: 215px;
	}
.zz_ban .z_t1 img {
	max-width: 100%; 
	height: 30px;
	display: inline-block;
	vertical-align:top;
	margin-right: 20px;
	}
.zz_ban .z_t1 p { padding: 0px 20px; font-size: 22px;}

.zz_ban .z_t2 {
	position: absolute;
	width: 53%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	color: #fff;
	top: 260px;
	right: 0;
	}
.zz_ban .z_t2:after {
	content:"";
	position: absolute;
	width: 320px;
	height: 0px;
	border-top: 1px solid #fff;
	bottom: 0px;
	left: 0px;
	}
.zz_ban .z_t2:before {
	content:"";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 1px solid #fff;
	bottom: 0px;
	left: 315px;
	}
.zz_ban .z_t2 img {
	max-width: 100%; 
	height: 30px;
	display: inline-block;
	vertical-align:top;
	margin-left: 20px;
	}
.zz_ban .z_t2 p { padding: 0px 20px; font-size: 22px;}

.zz_ban .z_t3 {
	position: absolute;
	width: 53%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	color: #fff;
	top: 340px;
	}
.zz_ban .z_t3:after {
	content:"";
	position: absolute;
	width: 280px;
	height: 0px;
	border-top: 1px solid #fff;
	bottom: 0px;
	right: 0px;
	}
.zz_ban .z_t3:before {
	content:"";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 1px solid #fff;
	bottom: 0px;
	right: 275px;
	}
.zz_ban .z_t3 img {
	max-width: 100%; 
	height: 30px;
	display: inline-block;
	vertical-align:top;
	margin-right: 20px;
	}
.zz_ban .z_t3 p { padding: 0px 20px 0px 50px; font-size: 22px;}

.zz_ban .z_t4 {
	position: absolute;
	width: 53%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	color: #fff;
	top: 420px;
	right: 0;
	}
.zz_ban .z_t4:after {
	content:"";
	position: absolute;
	width: 280px;
	height: 0px;
	border-top: 1px solid #fff;
	bottom: 0px;
	left: 0px;
	}
.zz_ban .z_t4:before {
	content:"";
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 1px solid #fff;
	bottom: 0px;
	left: 275px;
	}
.zz_ban .z_t4 img {
	max-width: 100%; 
	height: 30px;
	display: inline-block;
	vertical-align:top;
	margin-left: 20px;
	}
.zz_ban .z_t4 p { padding: 0px 50px 0px 0px; font-size: 22px;}
.zz_ban .z_t1 b, .zz_ban .z_t2 b, .zz_ban .z_t3 b, .zz_ban .z_t4 b { color: #000;}

.single_btu_box {
	display: flex;
    justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 50px;
	}
.single_btu_box li {
	width: 45%;
	background: #f4fffe;
	padding: 60px 60px;
	margin-bottom: 50px;
	box-shadow: 15px 15px 0px rgb(0,40,40,.8);
	border: 1px solid #002b2b;
	}
.single_btu_box li img {
	max-width: 100%;
	}
.single_btu_box li h4 {
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 26px;
    margin: 26px 0px;
    border-bottom: 1px solid #dddddd;
	}
.single_btu_box li h4 em {
	display: inline-block;
	width: 42px;
	height: 42px;
	background: url(../images/icon_z2.png) 0px 0px no-repeat;
	background-size: contain;
	margin-right: 20px;
	vertical-align: top;
	}
.single_btu_box li h4 span {
	display: inline-block;
	margin-top: 5px;
	}
.single_btu_box li h4 span i {
	display: block;
	font-size: 14px;
	color: #ccc;
	margin-top: 3px;
	}
.single_btu_box li b {
	font-size: 20px;
	color: #f30;
	margin-bottom: 15px;
	display: block;
	}
.single_btu_box li p {
	font-size: 16px;
	padding-bottom: 30px;
	}
.single_btu_box li a {
	padding: 0px 30px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    color: #006ea0;
	border-radius: 4px;
	border: 1px solid #006ea0;
	font-size: 18px;
	}
.single_btu_box li a:hover {
	background: #006ea0;
	color: #fff;
	transition: all 0.5s;
	}

.lc_bg {
	width: 100%;
	background: url(../images/lc_img.png) center bottom no-repeat;
	height: 540px;
	margin-bottom: 60px;
	}
.lc_zz {
	display: flex;
	flex-wrap: wrap;
	margin-left: 260px;
	padding-top: 10px;
	}
.lc_zz li {
	width: 25%;
	text-align: center;
	margin-bottom: 20px;
	padding: 0px 20px;
	}
.lc_zz li span {
	width: 90px;
	height: 90px;
	display: inline-block;
	background: #f65f5e;
	border: 10px solid #ffd2d3;
	border-radius: 50%;
	text-align: center;
	font-size: 34px;
	color: #fff;
	font-weight: bold;
	padding-top: 10px;
	}
.lc_zz li span i {
	font-size: 14px;
	display: block;
	font-weight: normal;
	}
.lc_zz li h4 {
	font-size: 20px;
	color: #000;
	display: block;
	padding: 15px 0px;
	}
	
.zz_news_bg {
	width: 100%;
	background: url(../images/zz_news.png) center center no-repeat;
	background-size: cover;
	}
.zz_news_bg .container { display: flex; justify-content: space-between;}
.zz_news_hot {
	width: 30%;
	padding: 50px 0px;
	}
.zz_news_hot h4 {
	font-size: 18px;
	line-height: 26px;
	position: relative;
	margin-bottom: 20px;
	}
.zz_news_hot h4:after {
	content:"";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #8a8e99;
	left: 0px;
	top: 36px;
	}
.zz_news_hot h5 a {
	display: block;
	height: 100%;
	}
.zz_news_hot h5 p {
	display: block;
	font-size: 16px;
	line-height: 40px;
	font-weight: normal;
	}
.zz_news_hot h5 img {
	width: 100%;
	height: 260px;
	}
.zz_news_cont {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 65%;
	}
.zz_news_cont li{
	width: 48%;
	padding: 30px;
	margin: 15px 0px;
	}
.zz_news_cont li h4 {
	font-size: 18px;
	line-height: 26px;
	position: relative;
	margin-bottom: 20px;
	}
.zz_news_cont li h4:after {
	content:"";
	position: absolute;
	width: 30px;
	height: 2px;
	background: #8a8e99;
	left: 0px;
	top: 36px;
	}
.zz_news_cont li p {
	color: #999;
	line-height: 34px;
    border-bottom: 1px dotted #ccc;
	}
.zz_news_cont li p a {
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 15px;
	}
.zz_news_cont li p em {
	float: right;
	color: #999;
	margin-left: 10px;
	}
.zz_news_cont li span a {
	display: block;
	color: #5e7ce0;
	margin-top: 15px;
	}
.zz_news_cont li span a:hover { color: #f00;}


/**************  jiaocai *****************/
.jc_body {
	width: 100%;
	height: 1150px;
	background: url(../images/jc_bg.jpg) center top no-repeat;
	}
.jc_ban {
	height: 650px;
	text-align: center;
	padding-top: 80px;
	}
.jc_ban h4 {
	font-size: 50px;
	line-height: 50px;
	}
.jc_ban h3 {
	font-size: 120px;
	background-image: -webkit-linear-gradient(left, #28169a 0%, #f32d6f 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding: 30px 0px;
	}
.jc_ban h5 {
	display: inline-block;
	line-height: 50px;
	background: #471bd3;
	padding: 0px 30px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	position: relative;
	}
.jc_ban h5:before {
	content:"";
	position: absolute;
	display: block;
	width: 40px;
	height: 46px;
	background: url(../images/jc-icon1.png) 0 0 no-repeat;
	top: 15px;
	left: -40px;
	}
.jc_ban h5:after {
	content:"";
	position: absolute;
	display: block;
	width: 40px;
	height: 46px;
	background: url(../images/jc-icon1.png) 0 0 no-repeat;
	top: 15px;
	right: -40px;
	transform:rotate(180deg);
	}
.jc_ban a {
	display: inline-block;
	line-height: 60px;
	padding: 0px 50px;
	font-size: 28px;
	color: #fff;
	background: linear-gradient(90deg, #f32d6f, #28169a);
	border-radius: 4px;
	margin-top: 50px;
	transition: all .3s linear;
	}
.jc_ban a:hover {
	transform:translateY(-5px);
	transition: all .3s linear;
	}

.mt_up { margin-top: -550px;}
.mt_up label { color: #fff;}
.mt_up label:before {
	content:"";
	position: absolute;
	width: 400px;
	height: 0px;
	border-top: 1px solid #ccc;
	top: 60px;
	left: 0px;
	}
.mt_up label:after {
	content:"";
	position: absolute;
	width: 400px;
	height: 0px;
	border-top: 1px solid #ccc;
	top: 60px;
	right: 0px;
	}
.mt_up label font { color: #ff0;}
.intro {
	background: url(../images/bg_intd.jpg) 0 0 no-repeat;
    height: 140px;
    padding: 10px 20px 0px 130px;
    margin:-460px 0px 20px;
	}
.intro p {
    line-height: 24px;
    color: #ffddcb;
    text-indent: 2em;
	}
	
.main_box { margin-top: 30px;}
.main_box:after { content:""; clear: both; overflow: hidden; display: block; height: 0px;}
.main_box_l {
	float: left;
	width:56%;
	height: 420px;
	position: relative;
	overflow: hidden;
	}
.main_box_l img {
	width: 100%;
	height: 420px;
	}
.main_box_l dl {
	width: 100%;
	padding: 15px 30px;
	background: rgba(0,0,0,.7);
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #fff;
	}
.main_box_l dl dt {
	font-size: 18px;
	display: block;
	text-align: center;
	margin-bottom: 10px;
	}
.main_box_l a:hover dt { color: #FF0;}
.main_box_l dl dd{
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	}

.main_box_r {
	float: right;
	width: 44%;
	}
.main_box_r li{
	float: left;
	width: 50%;
	height: 210px;
	position: relative;
	}
.main_box_r img {
	width: 100%;
	height: 210px;
	}
.main_box_r h4 {
	width: 100%;
	padding: 25px 15px;
	background: rgba(0,0,0,.7);
	position: absolute;
	left: 0px;
	top: 50%;
	transform:translateY(-50%);
	color: #fff;
	font-size: 16px;
	text-align: center;
	}
.main_box_r a:hover h4 { color: #FF0;}

.ser_tit { padding-top: 30px;}
.ser_tit .title label font { color: #008eb7;}
.pure-g {
	display: -webkit-flex; 
	-webkit-flex-flow: row wrap;
	}
.pure-w {
    width: 50%;
    *width: 49.9690%;
	}
.blue {
	background:url(../images/woman_blue.png) #008eb7 right center no-repeat; 
	height:399px;
	}
.gray {
	background:url(../images/woman_gray.png) #f0f0f0 left center no-repeat; 
	height:399px
	}
	
.pure-g dl.leftT{
	color:#fff; 
	margin:104px 280px; 
	text-align:right;
	float:right; 
	width:340px;
	}

.pure-g dl.rightT{
	color:#232323; 
	margin:104px 280px; 
	text-align:left;
	float:left; 
	width:340px;
	}
.pure-g dl dt{
	font-size:36px; 
	font-weight:bold; 
	margin-bottom:36px
	}
.pure-g dl dd p{
	font-size:18px; 
	margin-bottom:12px
	}
.server table{
	width:100%; 
	margin-top:52px; 
	margin-bottom: 60px;
	}
.server table tr td, .server table th{border:none;}
.server table tr{height:96px;}
.server table td.td1{
	width:41%; 
	font-size:18px; 
	text-align:right
	}
.server table td.td3{
	width:41%; 
	font-size:18px; 
	text-align:left
	}
.server table td img.l{
	margin-bottom:4px;
	margin-left:22px;
	margin-right:40px;
	vertical-align:middle
	}
.server table td img.r{
	margin-bottom:4px;
	margin-left:40px;
	margin-right:22px;
	vertical-align:middle
	}
.server table td.td2{width:8%; }
.server table td.td2 .c_m{
	width: 74px;
	height: 74px;
	line-height: 74px;
	background: #fff;
	border: 1px solid #858585;
	border-radius: 50%;
	color:#2e2e2e; 
	font-size:22px; 
	font-weight:bold; 
	text-align:center; 
	margin:0px auto
	}
.server table tr:hover .c_m{
	background:#008eb7;
	border-color: #008eb7; 
	color:#fff; 
	cursor: pointer;
	}
	
.jc_new {
	width: 100%;
	background: url(../images/jc_wz.jpg) center center no-repeat;
	background-size: cover;
	}
.lw_cont_list {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.lw_cont_list li {
	width: 48%;
    background: #fff;
    margin-bottom: 20px;
    padding: 15px 20px;
	border: 1px solid #eee;
    transition: all .3s;
	}
.lw_cont_list li:hover {
	border-color: #1869c5; 
	box-shadow: 0 0 20px 0px rgba(30,159,255,0.15);
	}
.lw_cont_list li h3 a:hover { color: #fe5a35;}
.lw_cont_list h4 a{
	font-size: 16px;
	font-weight: bold;
	color: #1869c5;
	}
.lw_cont_list .lw_tit{
    margin-bottom: 10px;
	margin-top: 10px;
	color: #666;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	}
.lw_cont_list .lw_gjc {color: #666; font-size: 12px;}
.lw_cont_list .lw_gjc span{ margin-right: 15px;}
.lw_cont_list .lw_gjc span font { color: #fe5a35;}

.advantage {
	width: 100%;
	background: url(../images/adv_bg.png) center bottom no-repeat;
	}
.adv_ul {
	display: flex;
	padding: 30px 0px 0px;
	}
.adv_ul li {
	width: 20%;
	text-align: center;
	padding: 0px 15px;
	}
.adv_ul li i {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 172px;
	height: 191px;
	background: url(../images/ico0.png) 0 0 no-repeat;
	margin: 30px auto;
	}

.adv_ul li h3 {
	font-size: 20px;
	color: #4b62b5;
	font-weight: 700;
	margin-bottom: 15px;
	}
	
.ask_new {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	padding: 30px 0px 50px;
	}
.ask_new li {
	width: 49%;
	position: relative;
    padding: 30px 38px 30px 56px;
    margin-bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0px 2px 3px 4px rgb(232,232,232,.5);
    border-radius: 5px;
	}
.ask_new li h4 { position: relative;}
.ask_new li h4:after {
	content:"Q:";
	position: absolute;
	font-size: 24px;
	color: #1869c5;
	left: -40px;
	top: 0px;
	font-weight: bold;
	}
.ask_new li h4 a{
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px dashed #e5e5e5;
	padding-bottom: 15px;
	margin-bottom: 10px;
	display: block;
	color: #1869c5;
	}
.ask_new li h4 a:hover { color: #f00;}
.ask_new li p {
	font-size: 16px;
	line-height: 30px;
	color: #757575;
	position: relative;
	}	
.ask_new li p:after {
	content:"A:";
	position: absolute;
	font-size: 20px;
	left: -40px;
	top: 0px;
	font-weight: bold;
	}
	
.jc_foot_tc {
	width: 100%;
	background: url(../images/jc_foot.jpg) center center no-repeat;
	padding: 80px 0px;
	text-align: center;
	color: #fff;
	}
.jc_foot_tc strong {
	font-size: 50px;
	}
.jc_foot_tc p {
	font-size: 20px;
	padding: 20px 0px 50px;
	}
.jc_foot_tc a {
	display: inline-block;
	line-height: 50px;
	background: #ff0;
	color: #000;
	padding: 0px 80px;
	font-size: 22px;
	border-radius: 30px;
	}

/*********** zlsb **************/
.zl_ban {
	width: 100%;
	background: url(../images/zl-ban.jpg) center top no-repeat;
	height: 894px;
	}
.gd_tit { padding: 80px 0px 0px 0px; text-align: center;}
.gd_tit h2 {
	font-size: 100px;
	color: #191970;
	text-shadow: 5px 5px 5px #121652;
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #ff0;
	padding-right: 200px;
	margin-bottom: 35px;
	}
.gd_tit h3 {
	font-size: 50px;
	color: #fff;
	padding-bottom: 20px;
	padding-left: 180px;
	font-weight: bold;
	text-shadow: 5px 5px 0px #c8782c;
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #121652;
	}
.gd_tit h4 {
	font-size: 24px;
	padding-top: 20px;
	line-height: 50px;
	color: #fff;
	padding-right: 130px;
	}
.gd_tit dl {
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 40px 0px;
	}
.gd_tit dl dd {
	width: 200px;
	margin: 0px 15px;
	padding: 0px 10px;
	}
.gd_tit dl dd strong {
	display: block;
	font-size: 24px;
	color: #343b85;
	padding: 5px 0px;
	}

.gd_tit a {
	font-size: 24px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    padding: 0 50px;
    display: inline-block;
    border-radius: 56px;
    background: linear-gradient(90deg, #ff8803 0%, #ffad01 100%);
	box-shadow: 0px 0px 20px rgb(0,0,0,.3);
	transition: all .3s linear;
	}
.gd_tit a:hover {
	transform:translateY(-5px);
	}
	
.search{
	padding: 20px 50px;
	background: linear-gradient(180deg, #0197f0, #0077ed);
	border-radius: 15px;
	margin: 50px 0px 30px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	}
.search:after {
	content:"";
	position: absolute;
	width: 80%;
	height: 100%;
	background: #f6f6f6;
	border-radius: 15px;
	left: 0px;
	top: 0;
	z-index: -1;
	}
.search:before {
	content:"";
	position: absolute;
	width: 50px;
	height: 100%;
	background: #f6f6f6;
	border-radius: 100%;
	top: 0px;
	right: 19%;
	z-index: -1;
	}
.search span { font-size: 20px; margin-bottom: 15px; display: block; color: #0076ed;}
.search form {
	display: flex;
	}
.search .skey{
	width: 480px; 
	height: 50px; 
	line-height: 48px; 
	padding-left: 40px;
	font-size: 16px;
	color: #999;
	border: 1px solid #cdcbbc;
	background: #f5f5f5 url(../images/ico7.png) 10px center no-repeat;
	border-radius: 10px 10px;
	}
.search .skey2{
	width: 350px; 
	height: 50px; 
	line-height: 48px; 
	padding-left: 36px;
	margin-left: 50px;
	font-size: 16px;
	color: #999;
	border: 1px solid #cdcbbc;
	background: #f5f5f5 url(../images/ico8.png) 10px center no-repeat;
	border-radius: 10px 10px;
	}
input::-webkit-input-placeholder {color: #999;}
.search .sbtn{
	height: 50px; 
	line-height: 50px; 
	width: 170px; 
	cursor: pointer; 
	overflow: hidden; 
	background: url(../images/search_btu.png) 20px center no-repeat; 
	margin-left: 50px;
	padding-left: 60px;
	font-size: 20px;
	color: #fff;
	}
	
.ban_2 {
	height: 1539px;
	background: url(../images/zl-ban-2.jpg) center top no-repeat;
	padding-top: 80px;
	}
.ban_2_tit {
	height: 171px;
	line-height: 171px;
	background: url(../images/tit_bg.png) center center no-repeat;
	text-align: center;
	}
.ban_2_tit label {
	font-size: 40px;
	color: #7d3c00;
	font-weight: bold;
	}
.main_1 {
	padding: 0px 10px;
	background: url(../images/bg_1.png) center center no-repeat;
	height: 425px;
	margin-top: 50px;
	}
.main_1_t {
	padding: 35px 35px;
	text-align: center;
	}
.main_1_t ul {
	display: flex;
	justify-content: space-between;
	}
.main_1_t li {
	width: 16.66666666666667%;
	text-align: center;
	padding: 30px 0px;
	}
.main_1_t li:hover {
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,.08);
	background-color: #fff;
	}
.main_1_t li h4 { font-size: 18px; line-height: 60px;}
.main_1_t li a {
	display: inline-block; 
	line-height: 30px;
	background-color: #9c44b3;
	padding: 0px 20px;
	border-radius: 20px 20px;
	color: #fff;
	}
.main_1_t p a{
    margin-top: 20px;
    display: inline-block;
    background: linear-gradient(90deg, #ff8904, #ffb204);
	border: 1px solid #131753;
    color: #fff;
    line-height: 60px;
    padding: 0 50px;
    border-radius: 10px;
    font-size: 24px;
	}
.main_1_t p a:hover { background: #040a53;}

.ban_3 {
	background: url(../images/zl-ban-3.jpg) center top no-repeat;
	height: 660px;
	}
.main_two {
	height: 1350px;
	background: url(../images/bg_2.png) center top no-repeat;
	}
.main_two .title { padding-top: 0px;}
.main_two .title label {
    text-align: center;
    font-size: 40px;
    color: #7d4000;
    font-weight: bold;
    padding-top: 10px;
	line-height: 60px;
	}
.main_fwzy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 60px 35px;
	margin-bottom: 30px;
	}
.main_fwzy ul {
	width: 60%;
	display: flex;
	}
.main_fwzy ul li {
	width: 25%;
	transition: all .3s linear;
	}
.main_fwzy ul li img {
	max-width: 100%;
	}
.main_fwzy dl {
	width: 40%;
	height: 372px;
	background: url(../images/zz-ask.png) center center no-repeat;
	position: relative;
	}
.main_fwzy dl dd {
	position: absolute;
	color: #fff;
	}
.main_fwzy dl dd b {
	display: block;
	font-size: 18px;
	}
.main_fwzy .dd1 {
	width: 105px;
	top: 30px;
	left: 190px;
	}
.main_fwzy .dd2 {
	width: 105px;
	top: 90px;
	left: 70px;
	}
.main_fwzy .dd3 {
	width: 105px;
	top: 115px;
	right: 45px;
	}
.main_fwzy .dd4 {
	width: 85px;
	top: 200px;
	left: 70px;
	}
.main_fwzy .dd5 {
	width: 105px;
	bottom: 30px;
	left: 165px;
	}
.main_fwzy .dd6 {
	width: 85px;
	top: 225px;
	right: 70px;
	}

.tit_2 {
	height: 86px;
	background: url(../images/tit_bg2.png) center center no-repeat;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	line-height: 70px;
	text-align: center;
	}
.main_why {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	padding: 0px 20px 20px;
	}
.main_why li {
	width: 16.6667%;
	transition: all .3s linear;
	}
.main_why li a {
	padding: 15px 15px;
	text-align: center;
	display: block;
	border-radius: 4px;
	color: #fff;
	}
.main_why li a:hover {
	background: rgb(255,255,255,.5);
	box-shadow: 0px 0px 10px rgb(0,0,0,.08);
	}
.main_why li h4 {
	font-size: 20px; 
	color: #394084;
	font-weight: bold;
	}
.main_why li p {
	font-size: 14px;
	line-height: 24px;
	display: block;
	margin: 10px 0px;
	color: #394084;
	}
.main_why li span {
	line-height: 36px;
	padding: 0px 20px;
	border: 1px solid #131753;
	color: #394084;
	display: inline-block;
	font-size: 16px;
	border-radius: 30px;
	}
.main_why li a:hover span { background: #131753; color: #fff;}

/*article*/
.breadcrumb {
	height:60px;
	line-height:60px;
	font-size:15px;
	color:#999;
	}
.article_box {
	padding:50px;
	background:#fcfcfc;
	width:1100px;
	margin:0 auto;
	-webkit-box-shadow: #ddd 0px 3px 3px;
	-moz-box-shadow: #ddd 0px 3px 3px;
	box-shadow: #ddd 0px 3px 3px;
	}
.article_box .articlp {
	font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    color: #656565;
    font-weight: 400;
	}
.article_box .ms {
	font-size: 12px;
    margin-bottom: 50px;
    color: #b8b8b8;
    font-weight: 400;
	}
.article_box p {
	font-size: 16px;
    color: #656565;
    line-height: 28px;
    margin-bottom: 15px;
	}
.article_box p a { color:#f30;}

.ysml {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 10px 80px 0px;
	}
.ysml li {
	margin: 10px 10px;
	width: calc(33.3334% - 20px);
	background: #fff;
	box-shadow: 0px 0px 15px rgb(0,0,0,.1);
	transition:all 500ms ease 0s;
	border-radius: 4px;
	text-align: center;
	}
.ysml li:hover {transform:translate(0, -10px); box-shadow: 0px 0px 25px rgb(0,0,0,.2);}
.ysml li a {
	display: block;
	height: 100%;
	padding: 15px 15px;
	}
.ysml li h4 {
    font-size: 18px;
	margin: 12px 0px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.ysml li p {
    color: #777;
	font-size: 13px;
	padding-top: 5px;
	}
.zl_more { text-align: center;}
.zl_more a{
    margin-top: 50px;
    display: inline-block;
    background: linear-gradient(90deg, #ff8904, #ffb204);
	border: 1px solid #131753;
    color: #fff;
    line-height: 60px;
    padding: 0 50px;
    border-radius: 10px;
    font-size: 24px;
	}
.zl_more a:hover { background: #040a53;}

.ban_4 {
	height: 830px;
	background: url(../images/zl-ban-4.jpg) center top no-repeat;
	}
.main_three {
	height: 742px;
	background: url(../images/bg_3.png) center top no-repeat;
	}
.main_three .title { padding-top: 40px;}
.main_three .title label {
    text-align: center;
    font-size: 40px;
    color: #7d4000;
    font-weight: bold;
    padding-top: 10px;
	line-height: 60px;
	}

.main_zr {
	display: flex;
	justify-content: space-between;
	padding: 30px 60px;
	margin-top: 20px;
	}
.main_2 {
	width: 48%;
	position: relative;
	background: #fff;
	border-radius: 5px;
	overflow: hidden;
	}
.main_2 h3 {
	display: block;
	font-size: 24px;
	color: #fff;
	height: 90px;
	line-height: 90px;
	text-align: center;
	background: #bfb9ff url(../images/zl-zx.jpg) center right no-repeat;
	}
.main_3 h3 {
	color: #000;
	background: #ffe71d url(../images/zl-zr.jpg) center right no-repeat;
	}
.main_2 .marquee { height: 296px; overflow: hidden; margin: 20px 30px;}
.main_2 .marquee li {
	padding-left: 35px;
	background: url(../images/z-icon.png) left center no-repeat;
	}
.main_2 .marquee li a {
	line-height: 34px;
	overflow:hidden;
	display:inline-block;
	font-size: 16px;
	}
.main_2 .marquee li .dd1 { margin-right: 30px;}
.main_2 .marquee li .dd2 { color: #ff0000;}
	
.main_2_u1 {
	width: 100%;
	height: 200px;
    background: #fff;
	border: 1px solid #c7caf1;
	border-left: none;
	display: flex;
	padding: 25px 15px;
	}
.main_2_u1 li {
    margin: 0px 9px;
	width: calc(33.3334% - 18px);
    overflow: hidden;
    cursor: pointer;
	text-align: center;
	border-right: 1px dashed #ccc;
	}
.main_2_u1 li:last-child { border-right: none;}
.main_2_u1 li a {
	height: 100%;
	display: block;
	}
.main_2_u1 li img {
	max-width: 100%;
	height: 60px;
	}
.main_2_u1 li strong {
	font-size: 20px;
	display: block;
	margin: 10px 0px;
	}
.main_2_u1 li p {
    line-height: 30px;
    padding: 0px 30px;
    border: 1px solid #131753;
    color: #394084;
    display: inline-block;
    font-size: 16px;
    border-radius: 30px;
	}
.main_2_u1 li a:hover p { background: #131753; color: #fff;}

.main_3_more { text-align: center;}
.main_3_more a {
	display: inline-block;
	line-height: 58px;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	background: linear-gradient(90deg, #ff8904, #ffb204);
	border: 1px solid #131753;
	border-radius: 10px;
	padding: 0px 80px;
	margin-top: 20px;
	}
.main_3_more a:hover {background: #040a53;}

.ban_5 {
	height: 652px;
	background: url(../images/zl-ban-5.jpg) center top no-repeat;
	}
.ban_3_tit {
	height: 110px;
	line-height: 110px;
	background: url(../images/tit_bg3.png) center center no-repeat;
	text-align: center;
	}
.ban_3_tit label {
	font-size: 40px;
	color: #7d3c00;
	font-weight: bold;
	}
.box-gundong {
    padding-top:20px;
    position:relative;
	display: inline-block;
    }
.ashow2 {
    margin-left:85px;
    float:left;
    }
.list_02 li {
    float: left;
    overflow: hidden;
    text-align:center;
    margin:5px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 10px rgb(0,0,0,.15);
    }
.list_02 li a {
	display: block;
	height: 100%;
	}

.list_02 li img {
    width:160px;
    height:210px;
    }
 
.list_02 li p {
	width:160px;
	height:40px;
	line-height:40px;
	font-size:14px;
	overflow:hidden;
	}
.al {
    background:url(../images/al-left.jpg) no-repeat;
    left:20px;
    top:50%;
	transform: translateY(-50%);
    position:absolute;
    overflow:hidden;
    width:40px;
	cursor: pointer;
    height:68px;
    }
.ar {
    background: url(../images/al-right.jpg) top right no-repeat;
    right:-60px;
    top:50%;
	transform: translateY(-50%);
    position:absolute;
    overflow:hidden;
    width: 40px;
    cursor:pointer;
    height: 68px
    }
	
/************** gjcb **************/
.gjcb_ban {
	width: 100%;
	background: url(../images/gjcb-ban.jpg) center top no-repeat;
	height: 748px;
	}
.gj_tit { padding: 80px 0px 0px 0px;}
.gj_tit h2 {
	font-size: 100px;
	color: #fff;
	margin-bottom: 35px;
	}
.gj_tit h2 font { color: #ff0;}
.gj_tit h3 {
	font-size: 20px;
	color: #fff;
	padding-bottom: 20px;
	font-weight: normal;
	}
.gj_tit h4 {
	font-size: 34px;
	line-height: 50px;
	color: #fff;
	font-weight: normal;
	}
.gj_tit a {
	font-size: 24px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    padding: 0 50px;
    display: inline-block;
    border-radius: 56px;
    background: #2d97b2;
	box-shadow: 0px 0px 20px rgb(0,0,0,.3);
	transition: all .3s linear;
	margin-top: 50px;
	}
.gj_tit a:hover {
	transform:translateY(-5px);
	}
	
.main {
	background: url(../images/gj_img.png) bottom right no-repeat;
	background-size: auto 80%;
	margin: 80px 0px;
	}
.main h3 {
	font-size: 34px;
	color: #15ace4;
	font-weight: bold;
	}
.main h5 {
	font-size: 16px;
	line-height: 30px;
	font-weight: normal;
	margin: 15px 0px;
	}
.main dl {
	width: 58%;
	background: #fff;
	box-shadow: 0px 0px 15px rgb(0,0,0,.08);
	border-radius: 10px;
	padding: 20px 20px 20px 0px;
	}
.main dl dt {
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	background: #15ace4;
	border-radius: 0px 30px 30px 0px;
	display: inline-block;
	padding: 0px 20px;
	}
.main dl dt font {color: #3d6afe;}
.main dl dd {
	padding: 20px 0 0 20px;
	color: #777;
	}
.main dl dd b {
	display: block;
	font-size: 18px;
	padding-bottom: 10px;
	color: #333;
	}
.main dl dd p {
	font-size: 14px;
	line-height: 30px;
	display: block;
	}
.main dl dd a {
	display: inline-block;
	width: 180px;
    height: 52px;
    line-height: 52px;
    color: #fbfbfb;
    background: url(../images/bd_jt.png) no-repeat 147px center #3d6afe;
    border-radius: 26px;
    text-indent: 22px;
	text-align: left;
    margin: 20px 0 0;
    box-shadow: 0px 12px 80px -12px #376efe;
	}
	
.gj_bd_spc {
	width: 100%;
	background: url(../images/gjbd_bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 50px 0px;
	}
.gj_bd_spc .container {
	display: flex;
	justify-content: space-between;
	}
.gj_bd_spc dl {
	width: 40%;
	color: #fff;
	}
.gj_bd_spc dl dt {
	line-height: 40px;
	font-size: 28px;
	margin-bottom: 20px;
	}
.gj_bd_spc dl dd {
	font-size: 18px;
	line-height: 40px;
	}

.bd_8_bg {
	width: 55%;
	background: #fff;
	border-radius: 10px;
	padding: 35px 60px;
	}

.bd_8_bg form {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.bd_8_bg form input {
	height: 40px;
	line-height: 40px;
	width: 100%;
	padding: 0px 15px;
	background: rgb(255,255,255,1);
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	outline: none;
	box-sizing: border-box;
	margin: 2% 0px 0px 0px;
	border-radius: 4px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
input::-webkit-input-placeholder {color: #999;}

.bd_8_bg button {
	line-height: 40px;
	background: #e60012;
	box-shadow: 0px 0px 10px rgb(200,32,62,.2);
	color: #fff;
	font-size: 18px;
	width: 100%;
	display: block;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin: 2% 0px 0px 0px;
	}
	
.server_box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.server_box ul li {
	margin: 10px 10px;
	width: calc(25% - 20px);
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,.08);
	border-radius: 10px;
	transition:transform 0.3s ease;
	padding: 20px 30px;
	}
.server_box ul li:hover{ transform:translateY(-6px); cursor: pointer;}
.server_box ul li a strong {
	display: block;
	font-size: 26px;
	line-height:60px;
	color: #fff;
	border-radius: 15px 15px 0px 0px;
	border-bottom: 1px solid #e5e5e5;
	}
.server_box ul li a p {
	font-size: 16px;
	line-height: 30px;
	color: #333;
	padding-top: 10px;
	}
.server_box ul li a:hover { text-decoration: none;}
.server_box ul li:nth-child(1) strong{ color: #00ccc9;}
.server_box ul li:nth-child(2) strong{ color: #0c8efe;}
.server_box ul li:nth-child(3) strong{ color: #8174f7;}
.server_box ul li:nth-child(4) strong{ color: #2dd4e7;}
.server_box ul li:nth-child(5) strong{ color: #8174f7;}
.server_box ul li:nth-child(6) strong{ color: #2dd4e7;}
.server_box ul li:nth-child(7) strong{ color: #00ccc9;}
.server_box ul li:nth-child(8) strong{ color: #0c8efe;}

.server_box ul li:nth-child(1){ background: url(../images/gj_fw_1.png) 120% 145% no-repeat; background-size: auto 60%;}
.server_box ul li:nth-child(2){ background: url(../images/gj_fw_2.png) 120% 145% no-repeat; background-size: auto 60%;}
.server_box ul li:nth-child(3){ background: url(../images/gj_fw_3.png) 120% 145% no-repeat; background-size: auto 60%;}
.server_box ul li:nth-child(4){ background: url(../images/gj_fw_4.png) 120% 145% no-repeat; background-size: auto 60%;}
.server_box ul li:nth-child(5){ background: url(../images/gj_fw_5.png) 120% 145% no-repeat; background-size: auto 60%;}
.server_box ul li:nth-child(6){ background: url(../images/gj_fw_6.png) 120% 145% no-repeat; background-size: auto 60%;}
.server_box ul li:nth-child(7){ background: url(../images/gj_fw_7.png) 120% 145% no-repeat; background-size: auto 60%;}
.server_box ul li:nth-child(8){ background: url(../images/gj_fw_8.png) 120% 145% no-repeat; background-size: auto 60%;}

.gj_why {
	width: 100%;
	background: url(../images/gj_bgbg.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 50px;
	}
.why_p ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.why_p ul li {
	margin: 10px 10px;
	width: calc(33.3334% - 20px);
	background: #fff;
	box-shadow: #ccc 0px 0px 10px;
	border-radius: 15px 15px;
	text-align: center;
	padding: 30px;
	}
.why_p ul li h3 {
	font-size: 22px;
	line-height: 30px;
	color: #fff;
	font-weight: normal;
	}
.why_p ul li p {
	font-size: 16px;
	padding:10px 15px;
	line-height: 22px;
	margin: 15px 0px;
	min-height: 110px;
	text-align: left;
	background: rgb(255,255,255,.6);
	border-radius: 10px 10px;
	}
.why_p ul li a {
	line-height: 40px;
	padding: 10px 20px;
	background: #fff;
	border-radius: 10px 10px;
	color: #33a6ff;
	font-size: 20px;
	cursor: pointer;
	}
.why_p ul li a:hover { color: #000;}
.why_p ul li:nth-child(2) a{color:#984cfe;}
.why_p ul li:nth-child(3) a{color:#ff33a7;}
.why_p ul li:nth-child(4) a{color:#f56a00;}

.why_p ul li:nth-child(1) {background:#33a6ff;}
.why_p ul li:nth-child(2) {background:#984cfe;}
.why_p ul li:nth-child(3) {background:#ff33a7;}
.why_p ul li:nth-child(4) {background:#f56a00; width: calc(50% - 20px);}
.why_p ul li:nth-child(5) {background:#33a6ff; width: calc(50% - 20px);}

.qkshow ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.qkshow li {
	margin: 0px 5px;
	width: calc(16.66667% - 10px);
	}
.qkshow li img { width: 100%;}

.gj_fwrq {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin-bottom: 50px;
	}
.gj_fwrq li {
	width: 25%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 30px 50px;
	position: relative;
	}
.gj_fwrq li:before{
	content:"";
	position: absolute;
	top: 50%;
	right: -40px;
	width:0;height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color:transparent transparent transparent #ddd;
	transform:translateY(-50%);
	}
.gj_fwrq li:after{
	content:"";
	position: absolute;
	top: 50%;
	right: -39px;
	width:0;height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color:transparent transparent transparent #fff; 
	transform:translateY(-50%);
	}
.gj_fwrq li:nth-child(4n):before, .gj_fwrq li:nth-child(4n):after{ display: none;}
.gj_fwrq li em {
	font-size: 40px;
	color: #f00;
	font-weight: bold;
	display: inline-block;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
.gj_fwrq li p {
	font-size: 18px;
	line-height: 30px;
	display: block;
	}
.gj_fwrq li:last-child p { text-align: center; padding-top: 28px;}
.gj_fwrq li p a {
	display: inline-block;
	background: #0864c1;
	color: #fff;
	border-radius: 10px;
	padding: 20px 30px;
	font-size: 24px;
	}
	
.gj_ask { margin-bottom: 50px;}
.gj_ask h4 {
	line-height: 60px;
	font-size: 20px;
	}
.gj_ask h4 font {
	color: #0864c1;
	margin-right: 15px;
	font-size: 28px;
	}
.gj_ask p {
	background: #dde4ef;
	padding: 20px 50px;
	color: #000;
	border-radius: 10px;
	font-size: 18px;
	line-height: 30px;
	position: relative;
	margin: 20px 0px;
	}
.gj_ask p:before{
	content:"";
	position: absolute;
	top: -40px;
	left: 40px;
	width:0;height:0;  
    line-height:0;  
    border-width:20px;  
    border-style:solid;  
    border-color: transparent transparent #dde4ef transparent ;
	}
	
/************* shuhao ************/
.sh_ban {
	width: 100%;
	height: 1024px;
	background: url(../images/sh_ban.jpg) center top no-repeat;
	}
.sh_ban2 {
	width: 100%;
	height: 720px;
	background: url(../images/sh_ban2.jpg) center top no-repeat;
	}
.sh_ban3 {
	width: 100%;
	height: 720px;
	background: url(../images/sh_ban3.jpg) center top no-repeat;
	}
.sh_tit { padding: 50px 0px 0px 0px; text-align: center;}
.sh_tit h2 {
	font-size: 90px;
	color: #fff;
	margin-bottom: 15px;
	font-style: italic;
    text-shadow: 4px 3px 0px #040448;
	}
.sh_tit h2 font { color: #ff0;}
.sh_tit h4 {
	font-size: 30px;
	color: #fff;
	font-weight: normal;
	display: inline-block;
	padding: 15px 30px;
	border-radius: 5px;
	background: linear-gradient(90deg, #3ca0fe, #9800f3);
	box-shadow: 5px 5px 10px rgb(0,0,0,.15);
	}
.sh_tit h3 {
	font-size: 44px;
	line-height: 50px;
	color: #fff;
	font-style: italic;
    text-shadow: 4px 3px 0px #040448;
	text-align: center;
	}
.sh_tit a {
	font-size: 24px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    padding: 0 50px;
    display: inline-block;
    border-radius: 56px;
    background: #2d97b2;
	box-shadow: 0px 0px 20px rgb(0,0,0,.3);
	transition: all .3s linear;
	margin-top: 50px;
	}
.sh_tit a:hover {
	transform:translateY(-5px);
	}
.sh_ban_cont {
	border: 2px solid #ffcb92;
    border-radius: 12px;
    margin-top: 55px;
	background: linear-gradient(#fffefc,#fffae8);
	}
.sh_ban_cont strong a{
	background: linear-gradient(90deg, #ffdbc0, #fdeadc);
	border-radius: 12px 12px 0px 0px;
	font-size: 24px;
    color: #763e2b;
	line-height: 75px;
	padding: 0px 30px;
	margin-top: -14px;
	display: inline-block;
	margin-left: -2px;
	box-shadow: 5px 5px 20px rgb(0,0,0,.1);
	}
.sh_ban_cont ul {
	padding: 30px 15px;
	display: flex;
	justify-content: space-between;
	}
.sh_ban_cont ul li {
	margin: 0px 10px;
	width: calc(33.3334% - 20px);
	display: flex;
	}
.sh_ban_cont ul li img {
	max-width: 100%;
	height: 80px;
	margin-right: 15px;
	}
.sh_ban_cont ul li p b {
	display: block;
	font-size: 22px;
	}
	
.sh_main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 50px 0px;
	}
.sh_main_l {
	width: 40%;
	padding: 50px 30px;
    background: #fff;
    box-shadow: 0 0 20px #eee;
    text-align: center;
	}
.sh_main_l h3 {
	position: relative;
    display: inline-block;
    padding: 25px 30px;
    border: 1px solid #3b95ff;
    text-align: left;
    margin-bottom: 40px;
	font-size: 34px;
    color: #3b95ff;
    line-height: 34px;
	}
.sh_main_l h3 span {
    position: absolute;
    left: -16px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    background: #3b95ff;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
	bottom: 40px;
	font-size: 12px;
	}
.sh_main_l h3 span:last-child{ bottom: 10px;}
.sh_main_l p {
    display: block;
    font-size: 16px;
    color: #7b7b7b;
    text-align: left;
    line-height: 30px;
	}
.sh_main_l a {
    display: inline-block;
    margin-top: 40px;
    line-height: 48px;
    font-size: 16px;
    background: #3b95ff;
    color: #fff;
    padding: 0 36px;
    border-radius: 4px;
	}
	
.sh_main_r { width: 55%; position: relative;}
.sh_main_r img {
	position: absolute;
	left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    height: auto;
    margin: auto 0;
    z-index: 10;
	max-width: 100%;
	}
.sh_main_r dl{
	padding: 30px 30px 30px 160px;
    background: #fff;
    box-shadow: 0 0 20px #eee;
	margin-left: 30%;
	}
.sh_main_r dl dt {
	font-size: 18px;
	line-height: 20px;
	background: url(../images/sh_ico.png) center left no-repeat;
	background-size: contain;
	padding-left: 50px;
	margin-bottom: 10px;
	color: #e46826;
	}
.sh_main_r dl dd {
	color: #757575;
	margin-bottom: 20px;
	}

.sh_main_bg {
	width: 100%;
	background: url(../images/sh_bg.png) center center no-repeat;
	background-size: cover;
	padding: 10px 0px;
	}
.sh_main_bg .sh_main_r img { right: 0; left: auto;}
.sh_main_bg .sh_main_r dl { margin-left: auto; margin-right: 30%; padding: 30px 160px 20px 30px;}
.sh_main_bg .sh_main_r dl dt { padding-right: 50px;}


.sh_bd_spc {
	display: flex;
	justify-content: space-between;
	margin: 80px 0px;
	}
.sh_bd_cont {
	padding-left: 150px;
	}
.sh_bd_cont h4 {
	line-height: 40px;
	font-size: 38px;
	margin-bottom: 20px;
	font-weight: normal;
	}
.sh_bd_cont h5 {
	font-size: 18px;
	line-height: 40px;
	font-weight: normal;
	}

.bd_sh {
	background: #fff;
	border-radius: 10px;
	padding: 35px 0px;
	}

.bd_sh form {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.bd_sh form input {
	height: 50px;
	line-height: 50px;
	width: 100%;
	padding: 0px 15px;
	background: rgb(255,255,255,1);
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	outline: none;
	box-sizing: border-box;
	margin: 5% 0px 0px 0px;
	border-radius: 4px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
input::-webkit-input-placeholder {color: #999;}

.bd_sh button {
	line-height: 50px;
	background: #e60012;
	box-shadow: 0px 0px 10px rgb(200,32,62,.2);
	color: #fff;
	font-size: 18px;
	width: 100%;
	display: block;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	margin: 5% 0px 0px 0px;
	}
	
.sh_ask_bg {
	width: 100%;
	background: url(../images/sh_ask_bg.jpg) center center no-repeat;
	background-size: cover;
	padding-bottom: 80px;
	}
.cs_box{
	height: 620px; 
	overflow: hidden;
	background: #fff;
	box-shadow: 0px 0px 20px rgb(0,0,0,.05);
	padding: 35px 15px;
	}
.sub_cs {
	display: flex;
	margin-bottom: 35px;
	}
.sub_cs span{
	width: 25%;
	background: #f5f8fd;
	border-radius: 5px;  
	text-align:center; 
	cursor:pointer;
	padding: 0px 20px;
	color: #146097;
	line-height:80px;
	display: block;
	font-size: 24px;
	}
.sub_cs .act{ background: #ff7777; color: #fff; box-shadow: 0px 8px 25px rgb(250,115,57,.6);}

.sh_list{
	display: flex;
	justify-content: space-between;
	}
.sh_list dl { width: 35%;}
.sh_list dl img {
	width: 100%;
	height: 260px;
	}
.sh_list dl dt {
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	}
.sh_list dl dd {
	color: #757575;
	line-height: 20px;
	}
.sh_list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 63%;
	}
.sh_list ul li{
	margin: 0px 10px 20px;
	width: calc(50% - 20px);
	background: #f7f7f8;
	padding: 20px 25px;
	}
.sh_list ul li h4 {
	font-size: 18px;
	}
.sh_list ul li h4 font {
	color: #0864c1;
	margin-right: 15px;
	font-size: 28px;
	}
.sh_list ul li p {
	color: #757575;
	font-size: 14px;
	line-height: 20px;
	margin: 15px 0px;
	}



.sh_fwxm {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-bottom: 50px;
	}

.sh_fwxm li {
	margin: 0px 10px 30px;
	width: calc(25% - 30px);
	font-size: 20px;
	color: #666;
	text-align: center;
	padding: 18px 20px 20px;
    border: 2px solid #fff;
    background: #fff;
    box-shadow: 0 0 84px hsla(0,0%,95.7%,.75);
	transition: all .5s ease-out 0s;
	}
.sh_fwxm li:hover { border-color: #3b95ff;}

.sh_fwxm li i {
	width: 115px;
	height: 115px;
	display: inline-block;
	border: 1px solid #e7e7e7;
	border-radius: 100px;
	}

.sh_fwxm li:nth-child(1) i {background: url(../images/sh_xm1.png) center center no-repeat;}
.sh_fwxm li:nth-child(2) i {background: url(../images/sh_xm2.png) center center no-repeat;}
.sh_fwxm li:nth-child(3) i {background: url(../images/sh_xm3.png) center center no-repeat;}
.sh_fwxm li:nth-child(4) i {background: url(../images/sh_xm4.png) center center no-repeat;}
.sh_fwxm li:nth-child(5) i {background: url(../images/sh_xm5.png) center center no-repeat;}
.sh_fwxm li:nth-child(6) i {background: url(../images/sh_xm6.png) center center no-repeat;}
.sh_fwxm li:nth-child(7) i {background: url(../images/sh_xm7.png) center center no-repeat;}
.sh_fwxm li:nth-child(8) i {background: url(../images/sh_xm8.png) center center no-repeat;}

.sh_fwxm li span {
	display: block;
	line-height: 50px;
	font-weight: 700;
	color: #333;
	font-size: 24px;
}

.sh_fwxm li p {
	font-size: 16px;
	line-height: 26px;
}

.sh_fwxm li a {
	display: inline-block;
	line-height: 38px;
	padding: 0px 35px;
	border-radius: 30px;
	color: #fff;
	transition: all ease .3s;
	font-size: 16px;
	margin-top: 15px;
	background: linear-gradient(90deg, #3ca0fe, #9800f3);
	}

.sh_fwxm li a:hover {
	color: #fff;
	background: linear-gradient(to right, #9800f3, #3ca0fe);
	}

/************ about ***********/
.topbar {
	height: 40px;
	line-height: 40px;
	background: #fff;
	border-bottom: 1px solid #e5e9ea;
	box-shadow: rgba(0,0,0,0.05) 1px 1px 3px;
	}
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.header .logo {
	width: 220px;
	height: 100px;
	line-height: 100px;
	background: url(../images/logo.png) center center no-repeat;
	background-size: contain;
	}
.header .logo a {
	display: block;
	height: 100px;
	text-indent: -9999px;
	}
.header .head_nav { display: flex; }
.header .head_nav li a {
    display: block;
	height: 100px;
    font-size: 18px;
    color: #333;
    padding: 30px 15px;
	text-align: center;
	}
.header .head_nav li p {
    font-size: 14px;
    color: #ddd;
    font-family: Arial, Helvetica, sans-serif;
	}
.header .head_nav li a:hover {
	background: #e50012;
	color: #fff;
	}
	
.ac-banner {
    width: 100%;
    height: 600px;
    text-align: center;
    background: url(../images/about.jpg) no-repeat center;
    background-size: cover;
	padding-top: 150px;
	}

.ac-banner .con {
    display: block;
	width: 685px;
	margin: 0px auto;
	}

.ac-banner h2 {
    font-size: 60px;
    color: #fff;
    line-height: inherit;
    margin-bottom: 10px;
    margin-top: 0;
	}
.ac-banner h3 {
    font-size: 26px;
    color: #fff;
    font-weight: inherit;
	margin: 35px 0px;
	}
.ac-banner p {
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    margin-top: 10px
	}
.ac-banner a {
    display: inline-block;
    width: 30%;
    margin: 35px 3.6% 0;
    height: 50px;
    line-height: 50px;
    background: #e50012;
    color: #fff;
    border-radius: 25px;
    font-size: 16px
	}
.ac-banner a img {
    position: relative;
    top: 3px;
    height: 17px;
	}
.ac-banner a:hover {background: #f08300;}

.ac-number {
    width: 100%;
    
	}
.f-cb {
	margin: 30px 0px;
    background: #fff;
    box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, .1);
    border-radius: 8px;
    overflow: hidden;
	display: flex;
	align-items: center;
	}
.f-cb li {
    width: 20%;
    text-align: center;
    padding: 20px 0;
	}
.f-cb li h3 {
    font-size: 42px;
    color: #dc231f;
    font-weight: bold;
	}
.f-cb li p {
    font-size: 16px;
    color: #666;
    line-height: 24px;
	}
	
.company-top {
    padding: 50px 0 103px;
    background: #fff;
    width: 100%;
    overflow: hidden;
	}
.company-top .container { display: flex; justify-content: space-between;}
.company-top .right {
    width: 50%;
	}

.company-top .right img {
    width: 100%
	}
.company-top .left {width: 44%;	}
.company-top .left h3 {
    font-size: 48px;
    color: #010101;
	}
.company-top .left p {
    font-size: 16px;
    color: #333;
    line-height: 40px;
	margin-top: 20px;
	}
	
.qywh_bg {
    background: url(../images/ab_bg04.jpg) no-repeat;
    background-position: center center;
    background-size: 100% 100%;
	}
.page_title_2 {
    padding-top: 40px;
    text-align: center;
    padding-bottom: 20px;
	}
.page_title_2 p {
    font-size: 42px;
    color: #333;
    margin-bottom: 0;
	}
.qywh_ul {
	margin-top: 35px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.qywh_ul li {
    width: 31%;
	background: #fff;
    box-shadow: 0px 5px 50px rgba(0,0,0,0.1);
	}
.qywh_ul li img {width: 100%;}
.qywh_ul li:hover {
    transform: translateY(-15px);
    transition: all .8s;
	}
.qywh_ul li:last-child {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 70px;
	}
.qywh_p {
    font-size: 14px;
    color: #555;
    padding: 15px 20px 25px;
	}
.qywh_span {
    font-size: 23px;
    font-weight: 200;
    padding: 0px 20px 0;
    display: block;
    color: #333;
    border-left: 3px solid #e50012;
    height: 23px;
    line-height: 23px;
    margin-top: 20px;
	}

.shzz_bg {
    background: url(../images/ab_bg05.jpg) center bottom no-repeat;
    margin-bottom: 0px;
    background-size: cover;
    padding-bottom: 30px;
	}

.shzz_width {
    font-size: 18px;
    color: #fff;
    text-indent: 36px;
	line-height: 40px;
	}
.gwzixun {
    display: block;
    width: 250px;
    height: 50px;
    line-height: 50px;
    background: #e50012;
    color: #fff;
    border-radius: 25px;
    font-size: 16px;
    margin: 30px auto;
    text-align: center;
	}
.gwzixun:hover {
    color: #fff;
    background: #f08300;
	}

.case-list {margin-top: 30px;}
.case-list ul {
	display: flex;
	flex-wrap: wrap;
	}
.case-list ul li {
	width: 50%;
	padding: 20px 20px 0px;
	}
.case-list ul li:last-child{ width: 100%;}
.case-list ul li h3 {
    color: #ca281e;
    font-size: 72px;
	}
.case-list ul li h3 span {
    color: #333333;
    font-size: 26px;
    font-weight: bold;
	}

.case-list ul li h4 {
    color: #333333;
    font-size: 20px;
	}

.case-list ul li p {
    color: #828282;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0px;
	}

.case-list ul li:hover {background: #ededed;}

.youshi {
    background: url(../images/ab_youshi.jpg) center center no-repeat;
    padding-bottom: 80px;
    margin-top: 80px;
	}
.youshi .page_title_2 p {color: #fff;}
.about_card {
	display: flex;
	justify-content: space-between;
	}
.about_card li{
    width: 48%;
    margin-top: 30px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    text-align: center;
    padding: 35px 40px 35px 40px;
	}
.about_card strong {
    font-size: 20px;
    display: block;
	}
.about_card p {
    height: 120px;
    color: #797979;
    font-size: 16px;
    line-height: 24px;
	margin: 20px 0px;
	}
.about_card a {
    background-color: #e50012;
    color: #fff;
    padding: 10px 60px;
    border-radius: 25px;
	display: inline-block;
	}
.about_card a:hover {
    background-color: #f08300;
    color: #fff
	}
.about_card img {
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
	}
	
.home-case-box {
    margin-top: 50px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.home-case-box li {
    width: 31%;
    display: block;
    margin-bottom: 30px;
	}

.home-case-box li img {
    display: block;
    max-width: 100%;
	}

.home-case-box li dl {
    font-size: 14px;
    text-align: center;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.1);
	}

.home-case-box li dl dt {
    color: #333;
    line-height: 20px;
    font-weight: bold;
    font-size: 22px;
    padding: 30px 0;
	}

.home-case-box li dl dd {
    color: #797979;
    line-height: 24px;
    border-bottom: 2px solid #e50012;
    font-size: 14px;
    padding: 0 20px 20px 20px;
    min-height: 215px;
	}


.breadcrumb {
	height:60px;
	line-height:60px;
	font-size:15px;
	color:#999;
	}
	
/************* cbcs **************/
.cbcs_ban {
	width: 100%;
	height: 390px;
	background: url(../images/cbcs_ban.png) center center no-repeat;
	text-align: center;
	color: #fff;
	padding-top:130px;
	}
.cbcs_ban h3 {
	font-size: 48px;
	color: #fff;
	font-weight: 700;
	}
.cbcs_ban p {
	text-transform: uppercase;
    font-weight: 700;
    font-size: 26px;
    font-family: Cambria;
	color: #ddd;
	}
	
.cbcs_list {
	background: #fff;
	box-shadow: 0px 0px 20px rgb(0,0,0,.05);
	padding: 60px 60px;
	margin-bottom: 50px;
	}
.cbcs_list_box li a{
	margin-bottom: 40px;
	display: flex;
	height: 170px;
	}
.cbcs_list_box li a .cb_img {
	flex: 0 0 170px;
	height: 170px;
	overflow: hidden;
	}
.cbcs_list_box li a .cb_img img {
	max-width: 100%;
	height: 170px;
	transition: all 1s linear;
	}
.cbcs_list_box li dl {
	background: #f7f7f8;
	padding: 25px 30px;
	}
.cbcs_list_box li dl dt {
	display: block;
    color: #222;
    font-size: 22px;
    line-height: 24px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
.cbcs_list_box li dl dd {
	margin-top: 15px;
    color: #666;
    font-size: 14px;
    line-height: 24px;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.cbcs_list_box li dl .d1 {
	font-size: 12px;
	color: #888;
	}
.cbcs_list_box li a:hover .cb_img img {transform: scale(1.09);}
.cbcs_list_box li a:hover dl { background: #2188b7;}
.cbcs_list_box li a:hover dl dt { color: #fff;}
.cbcs_list_box li a:hover dl dd { color: #fff; opacity: .8;}

/******分页******/
.plist {
    overflow: hidden;
	}
.plist ul.pagelist {
    overflow: hidden;
    text-align: center;
	float: right;
	}
.plist ul.pagelist li {
    float: left;
    margin-right: 10px;
	line-height: 30px;
	}
.plist ul.pagelist li a {
    background-color: #f0f0f0;
    border: 1px solid #e0e0e0;
    color: #666666;
    display: block;
    float: left;
    padding: 0 10px;
	}
.plist ul.pagelist li a:hover {
    background-color: #ffffff;
    border-color: #1869c5;
    color: #1869c5;
    text-decoration: none;
	}
.thisclass { color: #1869c5; padding: 0px 10px;}
.plist ul.pagelist li > select { height: 32px; line-height: 32px;}

.news_cont_box {
	background: #fff;
	padding: 30px 50px;
	box-shadow: 0px 0px 20px rgb(0,0,0,.05);
	margin-bottom: 50px;
	}
.news_cont_box h1 {
    line-height: 30px;
    display: block;
	}
.news_cont_box .psign a { color: #ff5807;}
.news_cont_box .psign {
    display: block;
    line-height: 30px;
    border-bottom: 1px dashed #e0e0e0;
    margin-top: 10px;
	margin-bottom: 25px;
	padding-bottom: 10px;
	}
.news_cont_box .psign span{ color:#666666; margin-right:10px;}

.news_cont_main {
	display: flex;
	justify-content: space-between;
	}
.news_cont_main .news_cont_left { width: 70%;}
.news_cont_main .news_cont_left p {
	font-size: 16px;
	line-height: 34px;
	}
.news_cont_main .news_cont_left p a {color: #ff5807;}

.cont_bot {
	padding-top: 20px;
	line-height: 40px;
	color: #666;
	}
.cont_bot span { display: block;}
	
.news_cont_xg {margin-top: 20px;}
.news_cont_xg h4 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px;
	height: 40px;
    line-height: 39px;
    border-bottom: 1px solid #eee;
    display: block;
	}
.news_cont_xg h4 span {
	display: inline-block;
	background: #7aa6d4;
	font-weight: normal;
	padding: 0px 20px;
	}
.news_cont_xg ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	}
.news_cont_xg ul li {
    width: 48%;
	line-height: 40px;
	}
.news_cont_xg ul li a {
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 16px;
	}
.news_cont_xg ul li span {
	float: right;
	color: #999;
	margin-left: 15px;
	}

	
.news_cont_main .news_cont_right {
	width: 28%; 
	background: #f7f7f8;
	padding: 0px 20px;
	}
	
.news_r_hot {margin-top: 20px;}
.news_r_hot h4 {
	font-size: 20px;
	color: #2188b7;
	margin-bottom: 20px;
	height: 40px;
    line-height: 39px;
    border-bottom: 1px solid #eee;
    display: block;
	}
.news_r_hot h4 span {
	display: inline-block;
	border-bottom: 1px solid #2188b7;
	}
.news_r_hot ul li {line-height: 30px;}
.news_r_hot ul li a {
	display: block;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	font-size: 14px;
	}
.news_r_hot ul li span {
	float: right;
	color: #999;
	margin-left: 15px;
	}

 /*广告图*/
.focus {
    width: 780px;
    position: relative;
    overflow: hidden;
	text-align: center;
	margin:5px auto;
	height:120px;
	}
	
/*广告图*/
/********** xin biaodan ********/
.new_form_bg {
	width: 100%;
	background: url(/images/bd_cont_01.jpg) center center no-repeat;
	height: 280px;
	box-shadow: 0px 0px 15px rgb(0,0,0,.18);
	border-radius: 8px;
	padding: 30px 380px 30px 60px;
	box-sizing: border-box;
	position: relative;
	margin: 50px 0px;
	}
.new_form_bg h3 {
	font-size: 30px;
	color: #eee8aa;
	line-height: 44px;
	}
.new_form_bg em {
	width: 50px;
	height: 2px;
	background: #fff;
	display: inline-block;
	margin: 15px 0px 20px;
	}
.new_form_bg label {
	font-size: 16px;
	color: #fff;
	padding: 10px 30px;
	border: 1px solid #fff;
	display: inline-block;
	margin-top:30px;
	}
.new_form{
	width: 340px;
	height: 330px;
	background: #fff;
	box-shadow: 0px 0px 15px rgb(0,0,0,.08);
	position: absolute;
	top: -25px;
	right: 25px;
	text-align: center;
	padding: 30px 35px;
	box-sizing: border-box;
	border-radius: 8px;
	}
.new_form_tit { 
	text-align: center;
	color: #fff;
	}
.new_form_tit strong {
	font-size: 24px;
	margin: 0px 0px 15px;
	color:#3e83e9;
	display: block;
	}
.new_form form input {
	line-height: 40px;
	height: 40px;
	width: 100%;
	padding: 0px 15px;
	background: rgb(255,255,255,1);
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	outline: none;
	box-sizing: border-box;
	margin: 10px 0px;
	border-radius: 8px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
input::-webkit-input-placeholder {color: #999;}

.new_form button {
	height: 40px;
	line-height: 40px;
	background: #3e83e9;
	box-shadow: 0px 10px 20px rgb(62,131,233,.2);
	color: #fff;
	font-size: 18px;
	width: 100%;
	display: inline-block;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	margin-top: 10px;
	}

/***************/

/**底部表单***/
 .foot_bd_bg {
	width: 100%;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	background: #9a9a9a;
	padding: 5px 0px;
	}
.foot_bd_form{
	width: 70%;
	margin: 0px auto;
	margin-left:120px;
	display: block;
	}
.foot_bd_form h3 {
	font-size: 20px;
	color: #333;
	display: inline-block;
	font-weight: normal;
	float: left;
	height: 80px;
	position: relative;
	}
.foot_bd_form h3:after {
	content:"";
	position: absolute;
	display: inline-block;
	width: 70px;
	height: 70px;
	background: url(../images/sp_bd_zx.png) 0px 0px no-repeat;
	background-size: contain;
	border-radius: 50%;
	border: 5px solid #7b89f2;
	left: 0px;
	top: 0px;
	}
.foot_bd_form h3 span {
	display: block;
	font-size: 18px;
	background: #7b89f2;
	color: #00008b;
	border-radius: 50px;
	margin-top: 11px;
	padding: 8px 25px 8px 90px;
	}
.foot_bd_form h3 span font {
	display: block;
	font-size:14px;
	color: #ff0;
}
.foot_bd_form form { padding-top: 20px;}
.foot_bd_form form input {
	line-height: 40px;
	width: 15%;
	padding: 0px 15px;
	background: rgb(255,255,255,1);
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	outline: none;
	box-sizing: border-box;
	margin: 0px 10px;
	border-radius: 4px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
input::-webkit-input-placeholder {color: #999;}

.foot_bd_form select{
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
	width: 18%;
	height: 42px;
	line-height: 42px;
	font-size: 14px;
    color: #999;
    padding:0px 10px;
	outline: none;
	box-sizing: border-box;
	}
.foot_bd_form button {
	height: 42px;
	line-height: 42px;
	background: #c8203e;
	box-shadow: 0px 0px 20px rgb(200,32,62,.2);
	color: #fff;
	font-size: 20px;
	padding: 0px 30px;
	display: inline-block;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	vertical-align: bottom;
	} 
/**底部表单end ***/

/**7.31**/
.info_button {
	display: flex;
	justify-content: center;
	text-align: center;
	padding: 15px 0px;
	}
.info_button a {
	display: flex;
	align-items: center;
	background: linear-gradient(90deg, #2cc5ee, #1e91ee);
	padding: 5px 30px 5px 20px;
	color: #fff;
	border-radius: 40px;
	box-shadow: 0px 3px 15px rgb(30,145,238,.5);
	margin: 0px 20px;
	}
.info_button a i {
	display: block;
	width: 50px;
	height: 50px;
	background: url(/images/img78_1.png) 0 0 no-repeat;
	background-size: contain;
	margin-right: 15px;
	}
.info_button a h4 {
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
	}
.info_button a h4 span {
	display:block;
	font-size: 14px;
	padding-top: 5px;
	}
.info_button a:nth-child(2) {background: linear-gradient(90deg, #f59982, #ed6350); box-shadow: 0px 3px 15px rgb(237,99,80,.5);}
.info_button a:nth-child(2) i { background-image: url(/images/img78_7.png);}
	
.info_r_sever {
	margin-top: 20px;
	background: url(/images/sever-bgimg.jpg) center center no-repeat;
	padding: 20px 20px;
	border-radius: 4px;
	}
.info_r_sever h4 {
	font-size: 34px;
	color: #2188b7;
	background-image:-webkit-linear-gradient(0deg,#0559d7,#07abb5); 
	-webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
	margin-bottom: 10px;
    line-height: 39px;
    display: block;
	text-align: center;
	}
.info_r_sever ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.info_r_sever ul li {
	width: 48%;
	}
.info_r_sever ul li a {
	display: block;
	background: url(/images/box2_check.png) left center no-repeat;
	background-size: auto 24px;
	font-size: 18px;
	color: #2789f6;
	padding: 10px 0px 10px 30px;
	font-weight: 700;
	}

.info_r_fw {margin-top: 20px;}
.info_r_fw h4 {
	font-size: 20px;
	color: #2188b7;
	margin-bottom: 20px;
	height: 40px;
    line-height: 39px;
    border-bottom: 1px solid #eee;
    display: block;
	}
.info_r_fw h4 span {
	display: inline-block;
	border-bottom: 1px solid #2188b7;
	}
.info_r_fw h3 {
	font-size: 34px;
	background-image:-webkit-linear-gradient(0deg,#0559d7,#07abb5); 
	-webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
	text-align: center;
	display: block;
	}
.info_r_fw i {
	display: table;
	width: 50px;
	height: 3px;
	background: #2789f6;
	margin: 10px auto 20px;
	}
.info_r_fw ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.info_r_fw ul li {width: 48%;}
.info_r_fw ul li a {
	display: block;
	background: #1576d1;
	border-radius: 4px;
	line-height: 40px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	}
.info_r_fw h5 {
	display: block;
	text-align: center;
	}
.info_r_fw h5 a {
	display: inline-block;
	line-height: 40px;
	background: linear-gradient(180deg, #f59982, #ed6350);
	box-shadow: 0px 3px 15px rgb(237,99,80,.5);
	padding: 0px 50px;
	font-size: 16px;
	color: #fff;
	border-radius: 40px;
	margin-top: 10px;
	}

.info_r_lc {margin-top: 20px;}
.info_r_lc h4 {
	font-size: 20px;
	color: #2188b7;
	margin-bottom: 20px;
	height: 40px;
    line-height: 39px;
    border-bottom: 1px solid #eee;
    display: block;
	}
.info_r_lc h4 span {
	display: inline-block;
	border-bottom: 1px solid #2188b7;
	}
.info_r_lc ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.info_r_lc ul li {
	width: 40%;
	background: #f4f0ed;
	box-shadow: 0px 0px 10px rgb(0,0,0,.1);
	margin-bottom: 20px;
	position: relative;
	}
.info_r_lc ul li:after {
	content:"";
	display: block;
	position: absolute;
	width: 24px;
	height: 44px;
	background: url(/images/icon-right.png) 0 0 no-repeat;
	top: 50%;
	transform: translateY(-50%);
	right: -40px;
	}
.info_r_lc ul li strong {
	display: block;
	background: #fff;
	font-size: 16px;
	line-height: 50px;
	color: #004D82;
	text-align: center;
	}
.info_r_lc ul li p {
	padding: 10px 10px;
	color: #1b1b1b;
	}
.info_r_lc ul li:nth-child(even):after { display: none;}
.info_r_lc ul li:nth-child(3):after, .info_r_lc ul li:nth-child(7):after { background-image: url(/images/icon-left.png);}
/**7.31**/
/*0801indexfuwuanniu*/
.main_01 ul li b{
	display: inline-block;
	line-height: 30px;
	background: #1576d1;
	border-radius: 30px;
	padding: 0px 30px;
	color: #fff;
	margin-top: 10px
}
.main_01 ul li a:hover b{ background: #ed6350;}
/*0801*/

/*8.6*/
.news_zl_ban {
	width: 100%;
	height: 600px;
	background: url(../images/zl_ban.jpg) center top no-repeat;
	}
.news_zl_ban .container { padding: 115px 0px 0px 55px;}
.news_zl_ban h4 {
	height: 50px;
	line-height: 50px;
	border: 1px solid #186cdc;
	border-radius: 10px;
	padding: 0px 20px;
	font-size: 20px;
	color: #3ffffd;
	display: inline-block;
	font-weight: normal;
	}
.news_zl_ban h3 {
	font-size: 60px;
	background-image:-webkit-linear-gradient(top,#d4fcfc,#b4f3ff); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;
	display: block;
	margin: 30px 0px;
	}
.news_zl_ban p {
	font-size: 30px;
	color: #fff;
	}
.news_zl_ban a {
	display: inline-block;
	line-height: 60px;
	background: linear-gradient(180deg, #fffee5, #fee491);
	padding: 0px 50px;
	font-size: 30px;
	color: #fe7234;
	border-radius: 60px;
	margin-top: 80px;
	}
	
.news_xm {
	background: url(../images/zl_bg_1.png) center bottom no-repeat;
	padding-bottom: 50px;
	}
.news_zl_xm {
	height: 528px;
	background: url(../images/zl_xmbg.jpg) 0 0 no-repeat;
	}
.news_zl_xm ul {
	display: flex;
	justify-content: space-between;
	}
.news_zl_xm ul li {
	width: 30%;
	text-align: center;
	padding: 110px 30px 30px;
	}
.news_zl_xm ul li p {
	font-size: 18px;
	line-height: 34px;
	min-height: 136px;
	}
.news_zl_xm ul li h4 {
	font-size: 30px;
	color: #ff4e00;
	padding: 10px 0px;
	}
.news_zl_more {
	display: block;
	text-align: center;
	}
.news_zl_more a {
	display: inline-block;
	line-height: 60px;
	background: linear-gradient(180deg, #fffee5, #fee491);
	padding: 0px 50px;
	font-size: 30px;
	color: #fe7234;
	border-radius: 60px;
	margin: 20px 0px 80px;
	}
	
.news_ask_bg {
	width: 100%;
	background: linear-gradient(180deg, #0077fd, #007dfd);
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 30px;
	z-index: 1;
	}
.news_ask_bg:after {
	content:"";
	display: block;
	position: absolute;
	width: 100%;
	height: 125px;
	background: url(../images/zl_bg_3.jpg) center top no-repeat;
	left: 0px;
	bottom: 0px;
	z-index: -1;
	}
.news_ask_box {
	width: 100%;
	background: url(../images/zl_bg_2.jpg) center top no-repeat;
	padding-top: 70px;
	}
.news_ask_box .title label { color: #fff;}
.news_ask_list {
	background: #0c8bfd;
	border-radius: 10px;
	padding: 15px 15px;
	margin: 30px 0px;
	}
.news_ask_list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border: 1px solid #10a2ff;
	border-radius: 10px;
	padding: 30px 30px;
	position: relative;
	}
.news_ask_list ul:after {
	content:"";
	position: absolute;
	display: block;
	width: 1px;
	height: 70%;
	background: #0a7ae3;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	}
.news_ask_list ul li {
	width: 45%;
	line-height: 40px;
	background: url(../images/zl_ask.png) left center no-repeat;
	padding-left: 40px;
	margin: 15px 0px;
	}
.news_ask_list ul li a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	}
.news_ask_list ul li a h4 {
	font-size: 20px;
	color: #fff;
	font-weight: normal;
	}
.news_ask_list ul li a span {
	display: inline-block;
	background: #186cdc;
	padding: 0px 30px;
	border-radius: 40px;
	font-size: 16px;
	color: #fffc00;
	}
.news_ask_list ul li a:hover h4 { color: #ff0;}
.news_ask_list ul li a:hover span { background: #dc7d18;}

.news_zl_server { padding: 20px 0px 30px;}
.news_zl_server ul {
	display: flex;
	justify-content: space-between;
	}
.news_zl_server li {
	width: 15%;
	text-align: center;
	padding: 30px 0px;
	background: #fff;
	border-radius: 5px;
	}
.news_zl_server li:hover {
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,.08);
	}
.news_zl_server li img { transition:all 0.7s;}
.news_zl_server li:hover img {transform: rotateY(360deg);}
.news_zl_server li h4 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 10px;
	}
	
.news_zl_why {
	display: flex;
	justify-content: space-between;
    flex-wrap: wrap;
	padding: 0px 20px 20px;
	}
.news_zl_why li {
	width: 16%;
	transition: all .3s linear;
	}
.news_zl_why li a {
	text-align: center;
	display: block;
	padding-bottom: 25px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0px 0px 15px rgb(0,0,0,.08);
	overflow: hidden;
	}
.news_zl_why li a:hover {
	background: rgb(255,255,255,.5);
	box-shadow: 0px 0px 10px rgb(0,0,0,.08);
	}
.news_zl_why li h4 {
	height: 100px;
	font-size: 24px;
	color: #394084;
	font-weight: bold;
	background: url(../images/zl_bg_4.png) 0 0 no-repeat;
	background-size: contain;
	text-align: left;
	padding: 25px 0px 0px 20px;
	}
.news_zl_why li p {
	font-size: 14px;
	line-height: 24px;
	display: block;
	margin: 10px 15px;
	color: #666;
	}
.news_zl_why li span {
	line-height: 36px;
	padding: 0px 20px;
	border: 1px solid #fe7234;
	color: #fe7234;
	display: inline-block;
	font-size: 16px;
	border-radius: 30px;
	}
.news_zl_why li a:hover span { background: #fe7234; color: #fff;}

.news_zl_ys {
	height: 470px;
	background: url(../images/zl_bg_5.png) center center no-repeat;
	display: flex;
	justify-content: space-between;
	margin: 20px 0px 30px;
	}
.news_zl_left {
	width: 34%;
	text-align: right;
	}
.news_zl_left div {
	background: #fff;
	box-shadow: 0px 0px 20px rgb(0,0,0,.08);
	border-radius: 10px;
	padding: 15px 25px;
	display: inline-block;
	width: 320px;
	}
.news_zl_left div h4 {
	font-size: 20px;
	line-height: 30px;
	}
.news_zl_left div:nth-child(2) { margin: 105px 70px 105px 0;}

.news_zl_right {
	width: 34%;
	text-align: left;
	}
.news_zl_right div {
	background: #fff;
	box-shadow: 0px 0px 20px rgb(0,0,0,.08);
	border-radius: 10px;
	padding: 15px 25px;
	display: inline-block;
	width: 320px;
	}
.news_zl_right div h4 {
	font-size: 20px;
	line-height: 30px;
	}
.news_zl_right div:nth-child(2) { margin: 105px 0px 105px 70px;}

.news_zl_zrtit {
	width: 100%;
	height: 275px;
	background: url(../images/zl_bg_6.jpg) 0 0 no-repeat;
	padding-top: 130px;
	}
.news_zl_zrtit .title label { color: #fff;}
.news_zl_zrcont {
	width: 100%;
	height: 690px;
	background: url(../images/zl_bg_7.jpg) 0 0 no-repeat;
	}

.news_zl_zrbox {
	padding: 40px 60px 0px;
	background: #f8fbff;
	border-radius: 10px;
	}
.news_zl_zrbox .news_zl_more a { margin: 50px 0px;}
.news_main_zr {
	display: flex;
	justify-content: space-between;
	}

.news_zl_al {
	width: 100%;
	background: url(/images/zl_bg_8.jpg) center top no-repeat;
	padding-top: 100px;
	}

/*8.6*/
/*0819*/
.info_fgx{
	display: block;
	height: 30px;
	background: url(/images/fgx.png) center center no-repeat;
	background-size:contain;
	margin: 15px 0px;
}

.xt_bd_r {
	width: 100%;
	margin: 20px auto;
	background: url(/images/xt_bdbg2.jpg) center center no-repeat;
	background-size: cover;
	}
.xt_bd_r .xt_tit{ width: 100%;}
.xt_bd_r .xt_box { padding: 15px 15px;}
.xt_tit {
	width: 40%;
	background: rgb(33,136,183,.3);
	padding: 20px 20px;
	text-align: center;
	}
.xt_tit h3 {
	display: inline-block;
	padding: 8px 30px;
	border-radius: 30px;
	background: linear-gradient(90deg, #0ce0f6, #06e1ff);
	margin-top:30px;
	font-size:22px;
	}
.xt_tit h5 {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 34px;
	margin: 15px 0px;
	}
.xt_tit h6 {
	color: #fff;
	display: block;
	font-size: 15px;
	line-height: 30px;
	}
.xt_box {
	background: linear-gradient(320deg, #cff6ff, #addcef);
	flex: 1;
	display: block;
	padding: 20px 30px;
	}
.xt_box strong {
	font-size: 22px;
	display: block;
	}
.xt_box h4 {
	display: block;
	line-height: 20px;
	padding:5px 10px;
	border-left: 3px solid #2188b7;
	margin-top: 10px;
	background: rgb(240,255,255,.5);
	font-size:16px;
	}
.xt_box h5 {
	display: block;
	font-size: 14px;
	margin-top: 5px;
	font-weight: normal;
	}
.xt_box h5 span {
	display: inline-block;
	padding: 3px 12px;
	border-radius: 5px;
	background: linear-gradient(320deg, #fcffcf, #efdbad);
	box-shadow: 3px 3px 10px rgb(33,136,183,.1);
	margin-right: 10px;
	margin-top: 5px;
	}
.xt_box form {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 10px rgb(33,136,183,.1);
	padding: 15px 20px;
	margin-top: 15px;
	}
.xt_box form input {
	height: 34px;
	line-height: 34px;
	width: 100%;
	padding: 0px 15px;
	background: rgb(255,255,255,1);
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	outline: none;
	box-sizing: border-box;
	margin-top: 5px;
	border-radius: 4px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
.xt_box button {
	height: 34px;
	line-height: 34px;
	background: #2188b7;
	color: #fff;
	font-size: 16px;
	padding: 0px 30px;
	margin-top: 5px;
	width: 100%;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	}