@charset "utf-8";
/* 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,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6,label { margin:0; padding:0; border:0;}
ul,li { list-style:none;}
i,em { font-style: normal;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.pr { position: relative;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
body { min-width: 1170px;}
.container { width: 1170px; margin: 0px auto;}

.top_nav {
	position: fixed;
	width: 100%;
	height: 80px;
	background: rgba(255,255,255,.9);
	box-shadow: 5px 0px 10px rgba(0,0,0,.3);
	left: 0px;
	top: 0px;
	z-index: 999;
	}
.top_nav .logo {
	float: left;
	font-size: 0;
	height: 80px;
	line-height: 80px;
	text-align: left;
	padding: 10px 0;
}
.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.top_nav .nav {
	float: right;
}

.top_nav .nav li {
	margin-left: 10px;
	float: left;
	position: relative;
}

.top_nav .nav li>a {
	display: block;
	font-size: 18px;
	position: relative;
	color: #333;
	padding: 0px 30px;
	line-height: 80px;
}

.zixundh {
    border-radius: 20px;
    background: #2862de;
    margin-top: 18px;
}
.zixundh a {
    color: #fff!important;
    padding: 0px 20px!important;
	line-height: 40px!important;
}
.top_nav .nav li>a:hover {
	background: #0362FF;
	color: #fff;
}
	
.banner {
	width: 100%;
	height: 565px;
	background: url(../images/banner.jpg) top center no-repeat;
	background-size:cover;
	}
.ban_title {
	color: #fff;
	text-align: center;
	padding-top: 120px;
	}
.ban_title h3 {
	font-size: 100px;
	font-weight: 700;
	text-shadow: 0px 0px 8px rgba(255,255,255,.8);
	}
.ban_title h4 {
	font-size: 36px;
	color: #ffae00;
	padding: 10px 0px;
	font-weight: 700;
	}
.ban_title p { font-size: 18px;}
.ban_title label { font-weight: normal;}
.ban_title label span {
	background: url(../images/dg.png) left center no-repeat;
	padding-left: 35px;
	line-height: 30px;
	font-size: 20px;
	display: inline-table;
	margin: 20px 40px;
	}

.ban_a { text-align: center;}
.ban_a a{
	display: inline-block;
	background-color: #fc7d3a;
	color: #000;
	border-radius: 10px;
	padding: 0px 50px;
	font-size: 20px;
	line-height: 44px;
	}
	
/**/
.ban_fw {
	background-color: #fff;
	height: 120px;
	margin-top: -60px;
	box-shadow: 0px 0px 8px rgba(0,0,0,.25);
	padding-top: 25px;
	}
.ban_fw ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-bottom: 0px;
	}
.ban_fw ul li {
	margin: 0px 10px;
	width: calc(25% - 20px);
	padding: 10px 10px;
	border-right: 1px solid #ccc;
	transition:transform 0.3s ease;
	}
.ban_fw ul li img { vertical-align: middle;}
.ban_fw ul li div {
	display: inline-block;
	vertical-align: middle;
	margin-left: 14px;
	}
.ban_fw ul li div p{
	font-size: 14px;
	color: #666666;
	margin-bottom: 0px;
	}
.ban_fw ul li div strong{
	font-size: 18px;
	margin: 0px 0px;
	}
.ban_fw ul li:last-child{border-right: none;}
.ban_fw ul li:hover{ transform:translateY(-6px); cursor: pointer;}

.title {text-align: center;}
.title label {
	font-size: 36px;
	display: block;
	margin-bottom: 10px;
	position: relative;
	line-height: 120px;
	}
.title label:before{
      content: '';
      width: 490px;
      margin-left: -245px;
      height: 1px;
      position: absolute;
      bottom: 15px;
      left: 50%;
      background-color: #dfe9ec;
    }
.title label:after{
      content: '';
      width: 60px;
      height: 11px;
      margin-left: -30px;
      position: absolute;
      left: 50%;
      bottom: 10px;
      background-color: #dfe9ec;
    }
.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: 5px;
	padding: 0px 50px;
	line-height: 60px;
	margin-bottom: 50px;
	}
.more a:hover { box-shadow: 0px 0px 10px rgba(8,100,93,.7); color: #fff; text-decoration: none;}

/**/
.main_cont { display: flex; margin-top: 30px; margin-bottom: 60px;}
.main_cont img { vertical-align: middle;}
.main_cont div {
	display: inline-block;
	vertical-align: middle;
	margin-left: 50px;
	}
.main_cont div p{
	font-size: 16px;
	line-height: 30px;
	text-indent: 2em;
	margin-bottom: 30px;
	}
.main_cont div strong{
	font-size: 20px;
	display: block;
	color: #145fbc;
	line-height: 40px;
	}
	
/**/
.fbcg_bg {
	width: 100%;
	background-color: #f5f7fa;
	padding: 20px 0px 0px;
	}
.fbcg_box { padding: 30px 0px;}
.fbcg_box ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.fbcg_box ul li {
	margin: 0px 20px;
	width: calc(33.33334% - 40px);
	transition:transform 0.3s ease;
	position: relative;
	}
.fbcg_box ul li:hover{ transform:translateY(-6px); cursor: pointer;}
.fbcg_box ul li:before {
	content:"";
	position: absolute;
	width: 100%;
	height: 100px;
	background: url(../images/1-4.png) repeat-x;
	left: 0px;
	top: 50%;
	margin-top: -40px;
	}
.fbcg_box .dd1 {
	background: #fff;
	border: 1px dashed #036dc8;
	border-radius: 15px;
	box-shadow: 5px 5px 0px #ddd;
	display: flex;
	padding: 0px 15px 50px;
	}
.fbcg_box .dd1 img { margin-right: 20px;}
.fbcg_box .dd1 div h3 {
	font-size: 28px;
	color: #145fbc;
	text-align: center;
	display: block;
	font-weight: 700;
	line-height: 50px;
	margin: 20px 0px 5px;
	}
.fbcg_box .dd1 div span {
	font-size: 16px;
	color: #999;
	display: block;
	}
.fbcg_box .dd2 {
	background: #fff;
	border: 1px dashed #666;
	border-radius: 15px;
	box-shadow: 5px 5px 0px #ddd;
	padding: 40px 15px 20px;
	margin-top: 20px;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	color: #666;
	}
	
/****/
.what_fw { padding: 30px 0px;}
.what_fw ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
.what_fw ul li {
	margin: 0px 20px;
	width: calc(33.33334% - 40px);
	transition:transform 0.3s ease;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	text-align: center;
	display: grid;
	}
.what_fw ul li:hover{ transform:translateY(-6px); box-shadow: 0px 0px 10px rgba(0,0,0,.6);}
.what_fw ul li strong {
	font-size: 28px;
	line-height: 80px;
	color: #145fbc;
	}
.what_fw ul li img { margin: 0px auto;}
.what_fw ul li span {
	font-size: 16px; 
	line-height: 28px; 
	padding: 15px 30px;
	}
.what_fw ul li p {
	font-size: 22px;
	color: #2a88d0;
	margin-bottom: 20px;
	padding: 0px 30px;
	}
.what_fw ul li a {
	width: 100%;
	line-height: 65px;
	color: #fff;
	font-size: 20px;
	background: #2a88d0;
	border-radius: 0px 0px 10px 10px;
	}
.what_fw ul li a:hover { text-decoration: none;}
.what_fw ul li:first-child a { background: #ffa100;}
.what_fw ul li:last-child a { background: #0fa2c0;}

/***/
.lc_bg {
	width: 100%;
	background: url(../images/lc_bg.png) center center no-repeat;
	}
.lc_bg .title label { color: #fff;}
.lc_bg .more a { background: #fc7d3a;}
.lc_bg .more a:hover { box-shadow: 0px 0px 10px rgba(252,125,58,.7);}
.lc_box {
	background: url(../images/lc-ico.png) center center no-repeat;
	height: 425px;
	margin-bottom: 20px;
	}
.lc_box .up_ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.lc_box .up_ul li {
	width: 240px;
	margin: 0px 10px;
	text-align: center;
	color: #fff;
	}
.lc_box .up_ul li h3 {
	font-size: 22px;
	line-height: 40px;
	margin: 0px 0px;
	}
.lc_box .up_ul li p { line-height: 20px;}
.lc_box .down_ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 200px;
	}
.lc_box .down_ul li {
	width: 240px;
	margin: 0px 10px;
	text-align: center;
	color: #fff;
	}
.lc_box .down_ul li h3 {
	font-size: 22px;
	line-height: 40px;
	margin: 0px 0px;
	}
.lc_box .down_ul li p { line-height: 20px;}

/*******/
.mk_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 50px 0px;
	}
.mk_box li {
	margin: 0px 5px;
	width: calc(20% - 10px);
	border-radius: 10px;
	transition:transform 0.3s ease;
	}
.mk_box li:hover{ transform:translateY(-6px); box-shadow: 0px 0px 10px rgba(0,0,0,.3);}
.mk_box .mk_tit {
	padding: 25px;
	width: 100%;
	height: 170px;
	border-radius: 10px 10px 0px 0px;
	color: #fff;
	}
.mk_box .mk_tit strong { font-size: 22px;}
.mk_box .mk_tit p { font-size: 18px;}
.mk_box .mk_cont {
	padding: 25px;
	border-radius: 0px 0px 10px 10px;
	background: rgba(255,255,255,.7);
	}
.mk_box .mk_cont p { font-size: 18px; margin-bottom: 0px;}
.mk_box .mk_1 { background: #9b9bd2;}
.mk_box .mk_1 .mk_cont p { color: #9b9bd2;}
.mk_box .mk_1 .mk_tit { background: url(../images/mk_img1.png) 140px 90px no-repeat;}
.mk_box .mk_2 { background: #14b4e6;}
.mk_box .mk_2 .mk_cont p { color: #14b4e6;}
.mk_box .mk_2 .mk_tit { background: url(../images/mk_img2.png) 140px 90px no-repeat;}
.mk_box .mk_3 { background: #96b41e;}
.mk_box .mk_3 .mk_cont p { color: #96b41e;}
.mk_box .mk_3 .mk_tit { background: url(../images/mk_img3.png) 140px 90px no-repeat;}
.mk_box .mk_4 { background: #ffa000;}
.mk_box .mk_4 .mk_cont p { color: #ffa000;}
.mk_box .mk_4 .mk_tit { background: url(../images/mk_img4.png) 140px 90px no-repeat;}
.mk_box .mk_5 { background: #ff4700;}
.mk_box .mk_5 .mk_cont p { color: #ff4700;}
.mk_box .mk_5 .mk_tit { background: url(../images/mk_img5.png) 140px 90px no-repeat;}

/****/
.zstq_bg {
	width: 100%;
	background: #f5f7fa url(../images/road.png) center center no-repeat;
	background-size: contain;
	}
.zs_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 80px 0px;
	}
.zs_box li {
	margin: 0px 23px;
	width: calc(33.3334% - 46px);
	background: url(../images/zs_2.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	height: 344px;
	padding: 22px;
	}
.zs_box li:after {
	content:"02";
	position: absolute;
	width:108px;
	height: 108px;
	line-height: 100px;
	background: #ffbe5f;
	border-radius: 50%;
	border: 3px solid #fff;
	color: #fff;
	font-size: 40px;
	text-align: center;
	left: 0px;
	top: -25px;
	z-index: 10;
	}
.zs_box li div {
	width: 100%;
	height: 100%;
	background: url(../images/zs_21.png) no-repeat;
	text-align: center;
	}
.zs_box li div h3 {
	font-size: 22px;
	line-height: 50px;
	border-bottom: 1px solid #ffbe5f;
	margin: 0px auto;
	width: 60%;
	padding-top: 30px;
	}
.zs_box li div p {
	font-size: 18px;
	line-height: 40px;
	width: 80%;
	margin: 0px auto;
	padding: 20px 0px;
	}
.zs_box li div strong {
	line-height: 90px;
	font-size: 24px;
	}
.zs_box li:first-child { background: url(../images/zs_1.png) no-repeat; background-size: 100% 100%;}
.zs_box li:first-child:after { content:"01"; background: #ff9264;}
.zs_box li:first-child div { background: url(../images/zs_11.png) no-repeat;}
.zs_box li:first-child div h3 { border-color: #ff9264;}
.zs_box li:last-child { background: url(../images/zs_3.png) no-repeat; background-size: 100% 100%;}
.zs_box li:last-child:after { content:"03"; background: #6080ff;}
.zs_box li:last-child div { background: url(../images/zs_31.png) no-repeat;}
.zs_box li:last-child div h3 { border-color: #6080ff;}

/**/
.fw_bg {
	width: 100%;
	background: url(../images/fw_bg.jpg) center center no-repeat;
	}
.fw_bg .title label { color: #fff;}
.card-area{
	margin:82px auto 0;
	height:560px;
	position:relative;
	}
.card-area .bg-e8e8e8{background:#e8e8e8}
.card-area .bg-e1e1e1{background:#e1e1e1}
.card-area .card-item{
	z-index:4;
	transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	position:relative;
	float:left;
	width:17%;
	height:476px;
	background-color:transparent;
	}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{
	transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	width:100%;
	height:100%;
	text-align:center;
	background:#fff;
	}
.card-area .card-item .card .card-content{width:100%;}
.card-area .card-item .card .card-content.content-first{
	transition:all .12s cubic-bezier(.4,0,.2,1) .18s;
	z-index:3;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
	}
.card-area .card-item .card .card-content.content-second{
	transition:all .12s cubic-bezier(.4,0,.2,1) 0s;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	}
.card-area .card-item .card .card-content.content-second li{
	padding:0 17px; 
	margin:29px 0 0 0; 
	color:#777; 
	font-size:14px; 
	position:relative;
	}
.card-area .card-item .card .card-content.content-second li:before{
	content:""; 
	display:inline-block; 
	width:11px; 
	height:11px;
	position:absolute; 
	top:5px; 
	left:0; 
	background: url(../images/ico.png) no-repeat;
	}
.card-area .card-item .card .card-content.content-second li b{
	display:block; 
	margin-bottom:4px; 
	font-size:16px; 
	color:#6761e9;
	}
.card-area .card-item .card .card-content.content-second li b a { display: block; color:#1257a2;}
.card-area .card-item .card .card-content.content-second li b a:hover { color: #ef002c;}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{
	position:absolute;
	left:0;
	right:0;
	z-index:1
	}
.card-area .card-item .card .card-title{
	padding-top:1px;
	transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;
	height:100px;
	line-height:26px;
	font-size:14px;
	top:0;
	background:#1b77b9;
	border-left:1px solid #3285c0;
	}
.card-area .card-item .card .card-title .content{
	position:absolute;
	bottom:-2px;
	width:100%
	}
.card-area .card-item .card .card-title h1{
	font-size:22px;
	font-weight:700;
	color:#d9efff;
	margin-bottom:0
	}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}

.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{
	height:376px;
	position:absolute;
	top:100px
	}
.card-area .card-item .card .card-content.content-first .content-first-list{
	width:100%;
	max-width:250px;
	font-size:16px;
	color:#373d41;
	margin-top:47px;
	margin-bottom:47px
	}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:30px}
.card-area .card-item .card .card-content.content-first .content-first-list button {
	width: 106px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #969696;
    border: 1px solid #969696;
    outline: 0;
    cursor: pointer;
	margin-top: 30px;
	}
.card-area .card-item .card .card-content.content-second{
	width:90%;
	left:25px;
	font-size:14px;
	color:#a9b0b4;
	text-align:left;
	padding-top:26px
	}
.card-area .card-item .card .card-content.content-second .main-btn{
	cursor:pointer;
	width:160px;
	height:38px;
	font-size:16px!important;
	color:#fff;
	margin-top:22px;
	margin-bottom:33px;
	border-radius:19px;
	background:#3db1ea;
	border:none;
	transition:color .3s ease-in-out,background .3s ease-in-out;
	}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item.active{
	z-index:6;
	box-shadow:0 0 30px rgba(0,0,0,.2);
	width:49%;
	height:490px;
	}
.card-area .card-item.active .card .card-title{
	background-color:#3db1ea;
	height:115px;
	top:-15px;
	border:none
	}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff}
.card-area .card-item.active .card .card-content.content-first{
	transition:all .12s cubic-bezier(.4,0,.2,1) 0s;
	z-index:2;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))
	}
.card-area .card-item.active .card .card-content.content-second{
	transition:all .12s cubic-bezier(.4,0,.2,1) .18s;
	z-index:3;
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))
	}

/**/
.problem { padding: 30px 0px;}
.problem h3 {
	font-size: 22px;
	color: #0864c1;
	line-height: 40px;
	font-weight: 700;
	background: url(../images/pr-1.png) left center no-repeat;
	padding-left:60px;
	margin: 20px 0px 10px;
	}
.problem p {
	width: 100%;
	border: 1px solid #9b9bd2;
	border-radius: 0px 100px 100px 50px;
	padding: 24px 60px;
	font-size: 16px;
	line-height: 30px;
	color: #666;
	}
	
/**/
.foot_cn {
	width: 100%;
	background: url(../images/foot_cn.png) center center no-repeat;
	}
.foot_cn .title label { color: #fff;}
.cn_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 50px 0px;
	}
.cn_box li {
	margin: 0px 23px;
	width: calc(33.3334% - 46px);
	text-align: center;
	color: #fff;
	}
.cn_box li .cn_top { position: relative; margin-bottom: 20px;}
.cn_box li .cn_top img { width: 175px; height: 175px;}
.cn_box li .cn_top span {
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 20px;
	}
.cn_box li strong {
	font-size: 22px;
	line-height: 50px;
	}
.cn_box li p {
	font-size: 16px;
	line-height: 30px;
	padding: 0px 15px;
	}
	
/**/
.footer {
	width: 100%;
	background: #333;
	}
.footer .f_tit {
	display: flex;
	padding: 30px 0px;
	}
.footer .f_tit .f_tit_l {
	width: 300px;
	text-align: center;
	color: #a8a8a8;
	}
.footer .f_tit .f_tit_l strong a{ font-size: 40px; color: #fff;}
.footer .f_tit .f_tit_l strong a:hover { text-decoration: none;}
.footer .f_tit .f_tit_l p { font-size: 16px;}
.footer .f_tit .f_tit_r {
	display: block;
	margin-left: 50px;
	width: 100%;
	}
.footer .f_tit .f_tit_r .link-item a {
	margin-right: 2%;
	color: #fff;
	line-height: 24px;
	font-size: 16px;
	}
.footer .f_tit .f_tit_r p {
	line-height: 30px;
	color: #a8a8a8;
	font-size: 15px;
	}