@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 { max-width: 415px; width: 100%; margin: 0px auto;}


/*轮播图*/
.slide_container {
	margin-top: 40px;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 180px;
  text-align: center;
  }
.slide .s_1 { background: url(../images/ban-1.jpg) center center no-repeat;}
.slide .s_1 label {
	display: inline-block;
	padding: 0px 15px 0px 2px;
	line-height: 28px;
	background: #ffaf0e;
	border-radius: 30px;
	margin-top: 20px;
	}
.slide .s_1 label span {
	display: inline-block;
	background: #fff;
	height:26px;
	border-radius: 30px;
	margin-top: 2px;
	color: #32676e;
	margin-right: 5px;
	padding: 0px 10px;
	}
.slide .s_1 h2 {
	font-size: 22px;
	line-height: 50px;
	color: #182455;
	}
.slide .s_1 .s_1_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.slide .s_1 .s_1_box p {
	width: 20%;
	color: #093392;
	}
	
.slide .s_2 { background: url(../images/ban-2.jpg) center center no-repeat;}
.slide .s_2 label {
	display: inline-block;
	padding: 0px 5px 0px 0px;
	line-height: 30px;
	background: #ffaf0e;
	border-radius: 5px;
	margin-top: 50px;
	box-shadow: 0px 3px 5px rgba(0,0,0,.3);
	}
.slide .s_2 label span {
	display: inline-block;
	background: #fff;
	border-radius: 5px 0px 0px 5px;
	color: #32676e;
	margin-right: 5px;
	padding: 0px 5px;
	}
.slide .s_2 label font { color: #f00;}
.slide .s_2 p {
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	text-shadow: 0px 3px 3px rgba(0,0,0,.3);
	padding-top: 10px;
	}
/* .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: 180px;
  width: 100%;
  border: 0;
  }*/

.slide .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 14px;
  text-shadow: none;
  color: #fff;
  background: rgba(0,0,0, .3);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 0px;
  margin: 0;
  max-width: none;
  text-align:center;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 55%;
  left: 0;
  opacity: 0.1;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }


	
/**/
.ban_fw {
	background-color: #fff;
	height: 110px;
	margin-top: -60px;
	box-shadow: 0px 0px 8px rgba(0,0,0,.25);
	overflow: hidden;
	}
.ban_fw ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-bottom: 0px;
	}
.ban_fw ul li {
	margin: 0px 2px;
	width: calc(25% - 4px);
	padding: 5px 5px;
	border-right: 1px solid #ccc;
	transition:transform 0.3s ease;
	text-align: center;
	height: 90px;
	margin-top: 10px;
	}
.ban_fw ul li img { vertical-align: middle; height: 25%;}
/*.ban_fw ul li div {
	display: inline-block;
	vertical-align: middle;
	}*/
.ban_fw ul li div p{
	font-size: 12px;
	color: #666666;
	margin: 5px 0px;
	}
.ban_fw ul li div strong{
	font-size: 12px;
	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: 24px;
	display: block;
	margin-bottom: 10px;
	position: relative;
	line-height: 90px;
	}
.title label:before{
      content: '';
      width: 80%;
      margin-left: -40%;
      height: 1px;
      position: absolute;
      bottom: 13px;
      left: 50%;
      background-color: #dfe9ec;
    }
.title label:after{
      content: '';
      width: 60px;
      height: 7px;
      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;
  width: 155px;
  height: 40px;
  line-height: 40px;
  color: white;
  border-radius: 35px;
  margin: 25px 5px;
  font-size: 16px;
}
.more a.fabiao {background: linear-gradient(90deg, #ff9147 0%, #ff976e 100%);}
.more a.zhidao {background: linear-gradient(90deg, #5590f3 0%, #686cff 100%);}

/**/
.main_cont { margin: 10px 10px 0px;}
.main_cont div {
	box-shadow: 0 0 10px #c4c4c4;
    border-radius: 10px;
    position: relative;
	overflow: hidden;
	}
.main_cont div:before{ content:""; position: absolute;width: 100%;height: 8px;background: #55a4fd; left: 0px; top:0px;}
.main_cont div h2{font-size: 18px; color: #55a4fd; margin:22px 0 8px 15px;}
.main_cont div h2 span{display: inline-block;width: 70px;height: 40px;background: #58a6fe;text-align: center;line-height: 40px;color: #fff;margin: 0 16px 0 0;border-radius: 3px;}
.main_cont div p{
	font-size: 14px;
	line-height: 20px;
	margin:20px 15px 15px;
}
/****服务明细***/
.u3-2 {
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	padding-bottom: 30px;
	}
.u3-2 li{
	width: 25%;
	display: flex;
	}
.u3-2 li div {
	position: relative;
	border-radius: 10px;
	padding-bottom: 20px;
	margin: 15px 5px;
	padding: 25px 4px 10px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	}
.u3-2 li div label {
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 20px;
	padding-top: 5px;
	border-radius: 20px;
	color: #fff;
	top: -15px;
	left: -10px;
	font-size: 13px;
	text-align: center;
	box-shadow: 3px 3px 5px rgba(0,0,0,.3);
	}
.u3-2 li div label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #fff;
	border-radius: 50%;
	margin-left: 5px;
	margin-right: 5px;
	}
.u3-2 .dd1 div{ background: #d23700;}
.u3-2 .dd1 div label {background: #ff4900;}
.u3-2 .dd1 div label span { color: #d23700;}
.u3-2 .dd2 div{ background: #4a7daf;}
.u3-2 .dd2 div label {background: #85bdf4;}
.u3-2 .dd2 div label span { color: #4a7daf;}
.u3-2 .dd3 div{ background: #30a2a2;}
.u3-2 .dd3 div label {background: #3dbbb8;}
.u3-2 .dd3 div label span { color: #30a2a2;}
.u3-2 .dd4 div{ background: #9cba60;}
.u3-2 .dd4 div label {background: #b1d470;}
.u3-2 .dd4 div label span { color: #9cba60;}
.u3-2 .dd5 div{ background: #bfa656;}
.u3-2 .dd5 div label {background: #d8bd64;}
.u3-2 .dd5 div label span { color: #bfa656;}
.u3-2 .dd6 div{ background: #ce7f30;}
.u3-2 .dd6 div label {background: #e88f35;}
.u3-2 .dd6 div label span { color: #ce7f30;}
.u3-2 .dd7 div{ background: #25215c;}
.u3-2 .dd7 div label {background: #393194;}
.u3-2 .dd7 div label span { color: #25215c;}
.u3-2 .dd8 div{ background: #1d4060;}
.u3-2 .dd8 div label {background: #25507a;}
.u3-2 .dd8 div label span { color: #1d4060;}
.u3-2 li p {
    line-height: 18px;
    color: #fff;
    font-size: 12px;
    text-align: center;
	min-height: 90px;
}

.u3-2 li .a3-1 {
  display: block;
  width: 75px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 12px;
  margin: 0 auto;
  margin-top: 10px;
    border-radius: 20px;
	background: #fff;
}

.u3-2 .dd1 .a3-1 { color: #d23700;}
.u3-2 .dd2 .a3-1 { color: #4a7daf;}
.u3-2 .dd3 .a3-1 { color: #30a2a2;}
.u3-2 .dd4 .a3-1 { color: #9cba60;}
.u3-2 .dd5 .a3-1 { color: #bfa656;}
.u3-2 .dd6 .a3-1 { color: #ce7f30;}
.u3-2 .dd7 .a3-1 { color: #25215c;}
.u3-2 .dd8 .a3-1 { color: #1d4060;}
	
/**/
.fbcg_bg {
	width: 100%;
	background-color: #f8fbff;
	padding-bottom: 20px;
	}
.qk_list ul{
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
	}
.qk_list ul	li {
	margin: 5px 5px;
    width: calc(50% - 10px);
	border: 1px solid #D6D6D6;
	padding: 5px 5px;
	background: #fff;
	}
.qk_list ul li .img13{ width:60px; height:90px; overflow:hidden; float: left;}
.qk_list ul li .img13 img{width:60px; height:90px;transform:scale(1);transition:all 0.3s; }
.qk_list ul li .img13_text{ float: right; width:64%; overflow:hidden}
.qk_list ul li .img13_text h3{
	text-align: left; 
	font-size:14px; 
	color:#333333;
	white-space: nowrap; 
	text-overflow: ellipsis;
	overflow:hidden; 
	line-height:24px; 
	}
.qk_list ul li .img13_text p{    
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	font-size:12px; 
	color:#333333; 
	line-height:18px; 
	}
.qk_list ul li .img13_text p span{ font-size:18px; color:#e37310; font-weight:bold}
.qk_list ul li:hover .img13 img{transform:scale(1.1);transition:all 0.3s;}
.qk_list ul li:hover .img13_text h3{color:#e37310;}
.dl-list-right{
	width: 100px;
    height: 24px;
    line-height: 24px;
	font-size: 12px;
    border: 1px solid #5989f5;
    border-radius: 20px;
    display: block;
    text-align: center;
	}
.qk_list ul li:hover .dl-list-right{
	background: linear-gradient(90deg, #5590f3 0%, #686cff 100%);
	color: #fff;
}

.miaoshu{
	font-size: 12px;
	margin-top: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*广告位*/
.advertisement {
	width: 100%;
    height: 160px;
	padding-top: 20px;
    background-image: url(../images/simple.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.advertisement p {
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 15px;
}
.msyyBtn{
	display: block;
    margin: 0 auto;
    font-size: 20px;
    color: #ff6c00;
    font-weight: bold;
    width: 235px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    border: none;
    cursor: pointer;
	}

.xk_bg {
	width: 100%;
	background: url(../images/a01banner.png) center center no-repeat;
	color: #fff;
	padding: 20px 10px;
	}
.xk_bg h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	}
.xk_bg p {
	line-height: 20px;
	font-size: 12px;
	}
.xk_bg a {
	float: right;
	line-height: 34px;
	padding: 0px 45px 0px 10px;
	background: #fff url(../images/weixin_icon.png) 130px center no-repeat;
	font-size: 14px;
	border-radius: 5px;
	}
	
/****/
.m2Cont{
	padding: 10px 15px;
	background: #686cff;
	border-radius: 10px; 
	box-shadow: 0px 0px 10px rgba(0,0,0,.3);
	}

.m2Cont p{color: #fff;line-height: 20px; font-size: 12px;}
.f22 { font-size: 14px;}
.m2Cont p span{display: inline-block;color: #ffff00;font-size: 14px;margin-right: 8px;}
	

/***/
.sl_bg {
	width: 100%;
	background: #f8fbff;
	}
.sl_box .up_ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
.sl_box .up_ul li {
	margin: 0px 3px;
    padding: 10px 3px;
    text-align: center;
    width: calc(20% - 6px);
	border-radius: 10px;
	box-shadow: 0px 0px 5px rgba(0,0,0,.2);
	}
.sl_box .up_ul li{-webkit-transition:transform 0.3s ease; -moz-transition:transform 0.3s ease; -ms-transition:transform 0.3s ease; transition:transform 0.3s ease;}
.sl_box .up_ul li:hover{-webkit-transform:translateY(-15px); -moz-transform:translateY(-15px); -ms-transform:translateY(-15px); transform:translateY(-15px); box-shadow:0 0 20px rgba(0,0,0,0.15);}
.sl_box .up_ul li strong { font-size: 13px; display: block; min-height: 34px; margin-bottom: 10px;}
.sl_box .up_ul li h4 { font-size: 12px; margin: 0px 0px; font-weight: 700;}
.sl_box .up_ul li img { margin: 10px 0px; max-width: 100%;}
.sl_box .up_ul li p { font-size: 12px;}
.sl_box .up_ul .m_01 { background: #9dced2;}
.sl_box .up_ul .m_02 { background: #87bbd7;}
.sl_box .up_ul .m_03 { background: #e3d69f;}
.sl_box .up_ul .m_04 { background: #b2abd5;}
.sl_box .up_ul .m_05 { background: #d6bac2;}


/****优势***/
.ys_box {
	height: 380px;
	background: url(../images/ys.png) center center no-repeat;
	background-size: contain;
	}
.ys_box .ys_u1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.ys_box .ys_u1 li {
	width: calc(25% - 6px);
	margin: 0px 3px;
	word-break:break-all;
	font-size: 12px;
	}
.ys_box .ys_u2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 180px;
	}
.ys_box .ys_u2 li {
	width: calc(25% - 6px);
	margin: 15px 3px;
	word-break:break-all;
	font-size: 12px;
	}


/***服务流程***/
.lc_box {
	width: 100%;
	padding-top: 75px;
	margin-bottom: 50px;
	background: url(../images/lc.png) top center no-repeat;
	background-size: contain;
	display: flex;
	}
.lc_box:after { content:""; clear: both; display: block; overflow: hidden;}
.lc_box p{
	font-size: 12px;
	line-height: 18px;
	width: calc(16.6667% - 6px);
	margin: 0px 3px;
	text-align: center;
	}
.lc_box p strong {
	display: block; 
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	}

/**我们还可以服务**/
.ser_bg {
	width: 100%;
	background-color: #f8fbff;
	padding: 0px 0px 20px;
	}
.ser_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
.ser_box li {
	width: calc(25% - 6px);
	margin: 0px 3px 10px;
	text-align: center;
	border: 1px solid #d6d6d6; 
	background-color: #fff;
	}

.ser_box li a { display: block;padding: 10px 4px;}
.ser_box li a img{ max-width: 100%; height: 60px;}
.ser_box li a h4 {
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
	color: #333;
	}
.ser_box li a p {
	font-size: 12px;
	line-height: 16px;
	color: #666;
	margin: 5px 0px 10px;
	min-height: 80px;
	}
.ser_box li a span {
	display: inline-block;
    color: white;
    border-radius: 35px;
    font-size: 14px;
	padding: 5px 10px;
	background: linear-gradient(90deg, #5590f3 0%, #686cff 100%);
	}
.ser_box li a:hover { text-decoration: none;}
.ser_box li a:hover h4 { color: #ff9147;}
.ser_box li a:hover span {background: linear-gradient(90deg, #ff9147 0%, #ff976e 100%);}

/***数字增加***/
.foot_ys { width: 100%; background: url(../images/foot_bg.jpg) top center no-repeat;}
.tcell-data{padding: 20px 0;overflow: hidden;}
.data-list{overflow: hidden;padding: 0 5px;}
.data-list:after { content:""; clear: both; overflow: hidden; display: block; height: 0px;}
.data-list li{float: left; width: 25%; text-align: center;}
.data-list li img { max-width: 100%; height: 60px;}
.dd-hd{font-size: 12px;color: #fff;}
.dd-hd .n{font-size: 18px;color: #2567c8;}
.dd-hd .n.n1{color: #dd3316;}
.dd-hd .n.n2{color: #f37d15;}
.dd-hd .n.n3{color: #09abf3;}
.dd-hd .n.n4{color: #09d69c;}
.dd-txt{color: #fff;font-size: 12px}
.dd-right{padding:10px 50px 50px; text-align: center;}
.dd-right .t-button{width: 160px;height: 46px;line-height: 46px;border-radius: 46px;display: inline-block;text-align: center;font-size: 20px;color:#fff;background: linear-gradient(90deg, #ff9147 0%, #ff976e 100%);}
.dd-right .t-button:hover {background: linear-gradient(90deg, #5590f3 0%, #686cff 100%); text-decoration: none;}

	
/**/
.footer {
	width: 100%;
	background: #333;
	}
.footer .f_tit {
	padding: 30px 0px;
	}
.footer .f_tit .f_tit_l {
	text-align: center;
	color: #a8a8a8;
	padding-bottom: 20px;
	border-bottom: 1px solid #555;
	}
.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: 15px;}
.footer .f_tit .f_tit_r {
	display: block;
	padding: 15px 15px 0px;
	}
.foot_inner {
	line-height: 22px;
	color: #a8a8a8;
	font-size: 14px;
	}

@media screen and (max-width:375px) {
	.u3-2 li div label { left: -5px;}
	.qk_list ul li .img13_text { width: 61%;}
	/*.slide img {width: auto; margin-left: -25px;}*/
	.dl-list-right { width: 85px;}
	.more a { font-size: 14px; width: 140px;}
	.sl_box .up_ul li strong { font-size: 12px; margin-bottom: 0px;}
	.sl_box .up_ul li h4 { margin: 0px 5px;}
	.ser_box li a span { padding: 5px 5px;}
	.xk_bg a { font-size: 12px; padding: 0px 35px 0px 10px; background-position: 110px center; line-height: 30px;}
	.ser_box li a h4 { font-size: 12px;}
	}
@media screen and (max-width:320px) {
	.u3-2 li div { margin: 15px 0px;}
	.qk_list ul li {margin: 5px 2px; width: calc(50% - 4px);}
	.qk_list ul li .img13 { width: 50px;}
	.qk_list ul li .img13 img { width: 50px;}
	.xk_bg h4 { font-size: 16px;}
	.ys_box .ys_u2 { margin-top: 125px;}
	.lc_box { padding-top: 55px; margin-bottom: 30px;}
	.lc_box p {width: calc(16.6667% - 2px); margin: 0px 1px;}
	.lc_box p strong { font-size: 12px;}
	.ser_box li a span { font-size: 12px; padding: 5px 5px;}
	.foot_inner { font-size: 12px; line-height: 20px;}
	}

	
/*表单*/ 
.biaodan{
	background: url(../images/bd1.png) no-repeat top center;
    position: relative;
    margin: 20px 10px 20px 10px;
    background-size: 100% 100%;
    overflow: hidden;
}
.biaodan .bdform{
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    margin-top: 5px;
	position: relative;
}
.biaodan .bdform label {
	display: block;
	position: absolute;
	bottom: 95px;
	left: 20px;
	}
.biaodan .bdform label input {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	}
.biaodan .bdform label a { color: #fff;}
.biaodan form:after {
	content:"";
	clear: both;
	display: block;
	overflow: hidden;
	}
.biaodan .bdform h2{
	color: #fff;
}
.biaodan .bdform .tianx{
	margin-top: 10px;
}
.biaodan form .in{
	height: 39px;
    width: 100%;
    border-radius: 5px;
    padding-left: 20px;
    float: left;
    border: none;
}
.biaodan form .tijiao{
    width: 100%;
    height: 39px;
    background: none;
    /* box-shadow: 0px 2px 20px 0px rgba(253, 101, 62, 0.2); */
    /* border: none; */
    float: left;
    border-radius: 5px;
    color: #fff;
    border: none;
    font-size: 0;
    /* font-weight: bold; */
    margin-top: 50px;
    margin-bottom: 20px;
}
.biaodan form .tianx span{
        float: left;
    color: #fff;
    line-height: 30px;
    padding-right: 10px;
    font-size: 14px;
}
.chooseus{
	margin-top: 0;
}


@media only screen and (min-width: 430px){
	.biaodan {
    background: linear-gradient(135deg, rgb(0 131 212), rgb(2 45 124));
    border-radius: 10px;
    }
    .biaodan form .tijiao{
    	background: linear-gradient(135deg, rgb(250 220 158), rgb(244 118 41));
    	font-size: 16px;
    }
}