/* AB模板网 整站模板下载 */
/* 模板：Www.AdminBuy.Cn */
/* 仿站：Fang.AdminBuy.Cn */
/* 素材：Sc.AdminBuy.Cn */
/* js特效：js.AdminBuy.Cn */
/* QQ：9490489 */
@charset "UTF-8";

/* CSS Document */
body,
html {
  overflow-x: hidden;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
p,
form,
img,
select {
  margin: 0;
  padding: 0;
}

body {
  color: #333;
  font-size: 14px;
  font-family: "微软雅黑", "Microsoft YaHei";
  background: #fff;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  color: #de0029;
}

ul,
li {
  list-style: none;
}

.clear {
  clear: both;
}

img {
  border: 0;
}

.blank10 {
  height: 10px;
}

.blank15 {
  height: 15px;
}

.blank20 {
  height: 20px;
}

.blank30 {
  height: 30px;
}

.blank40 {
  height: 40px;
}

.blank50 {
  height: 50px;
}

.blank60 {
  height: 60px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

/*滚动条美化*/
body::-webkit-scrollbar {
  width: 10px !important;
}

body::-webkit-scrollbar-track {
  background-color: #f3f3f3;
}

body::-webkit-scrollbar-track-piece {
  background-color: #f3f3f3;
  -webkit-border-radius: 4px;
}

body::-webkit-scrollbar-thumb {
  background-color: #ddd;
  border: solid 1px #C0C0C0;
  border-radius: 4px;
}

body::-webkit-scrollbar-corner {
  background-color: #ddd;
}

body::-webkit-resizer {
  background-repeat: no-repeat;
  background-position: bottom right;
}

body::-webkit-scrollbar-thumb:hover {
  background-color: #F3F3E0;
}

::-webkit-scrollbar {
  width: 15px;
}

/*图片放大*/
.picShow img:hover,
.picShow a:hover img {
  transition: all 500ms ease-out 0s;
  cursor: pointer;
  -webkit-transform: scale(1.15);
  moz-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}

.picShow img {
  transition: all 500ms ease-out 0s;
}

.main100 {
  width: 80%;
  margin: auto;
  max-width: 1280px;
  min-width: 1200px;
}

.fix_width {
  width: 90%;
  margin: auto;
  max-width: 1440px;
  min-width: 1200px;
}

.main {
  width: 1200px;
  margin: auto;
}

.table {
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 100%;
  height: 100%
}

.table_cell {
  display: table-cell;
  vertical-align: middle
}

/*头部*/
.header {
  height: 80px;
  position: fixed;
  z-index: 9999;
  width: 100%;
  transition: 0.3s all;
  background: #fff;
  /*box-shadow: 0 5px 10px rgba(0,0,0,0.2);*/
  border-bottom: solid 1px #ebeef4;
  box-sizing: border-box;
}

/*.header:hover{background:rgba(20,107,187, 0.8);}*/
.header .logo {
  float: left;
  padding-top: 15px;
  transition: 0.3s all;
}

.header .logo img {
  height: 50px;
  transition: 0.3s all;
  background: none;
}

.header .logo2 {
  float: left;
  margin: 15px 0 0 10px;
}

.header .tel {
  color: #fff;
  font-size: 22px;
  line-height: 70px;
  height: 70px;
  background: url(../images/tel_on.png) no-repeat left center;
  padding-left: 25px;
  transition: 0.3s all;
  font-family: Arial, Helvetica, sans-serif;
}

/*所有服务*/
.all_service {
  margin: 25px 0 0 30px;
  color: #fff;
  position: relative;
  float: left;
}

.all_service span {
  cursor: pointer;
  display: block;
  position: relative;
  color: #fff;
  line-height: 34px;
  text-indent: 12px;
  width: 90px;
  height: 34px;
  border-radius: 18px;
  background: #8fb4cd;
}

.all_service span i {
  display: block;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -2px;
  background: #30c8c6;
  background: url(../images/jz_head_top.png) no-repeat center;
  background-size: 100%;
  width: 7px;
  height: 4px;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.all_service span.on {
  background: #2F82FF;
}

.all_service span.on i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.maskbox {
  width: 630px;
  height: 280px;
  background: #fff;
  position: absolute;
  display: none;
  left: 0;
  top: 55px;
  z-index: 999;
  padding: 35px 25px;
  box-sizing: border-box;
}

.maskbox .all_box {}

.maskbox .all_box h3 {
  height: 36px;
  padding-left: 52px;
  font-size: 15px;
  line-height: 36px;
  color: #333;
  float: left;
}

.maskbox .all_box h3.tit1 {
  background: url(../images/head_icon1.png) no-repeat left;
  background-size: 36px 36px;
}

.maskbox .all_box h3.tit2 {
  background: url(../images/head_icon2.png) no-repeat left;
  background-size: 36px 36px;
}

.maskbox .all_box h3.tit3 {
  background: url(../images/head_icon3.png) no-repeat left;
  background-size: 36px 36px;
}

.maskbox .all_box h3.tit4 {
  background: url(../images/head_icon4.png) no-repeat left;
  background-size: 36px 36px;
}


.maskbox .all_box li {
  height: 36px;
  line-height: 36px;
  float: left;
  padding-left: 22px;
  margin-left: 20px;
  position: relative;
}

.maskbox .all_box li:before {
  content: '';
  display: block;
  width: 1px;
  height: 14px;
  background-color: #d3d3d3;
  position: absolute;
  left: 0;
  top: 11px;
}


/*下拉菜单*/
.head-box {
  height: 80px;
  float: right;
}

.head-box .menu {}

.head-box .menu ul li {
  float: left;
  position: relative;
  z-index: 999;
  box-sizing: border-box;
  position: relative;
  margin: 0 12px;
}

.head-box .menu ul li .svb a {
  display: block;
  font-size: 16px;
  color: #333;
  line-height: 80px;
}

.head-box .menu ul li dt a {
  display: block;
  line-height: 46px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border-bottom: #fff 1px solid;
}

.head-box .menu ul li dt:last-child a {
  border-bottom: 0;
}

.head-box .menu ul li dt a:hover {
  background: ;
  color: #de0029;
}

.head-box .menu ul li .svb {
  transition: 0.5s all;
}

.head-box .menu ul li:hover .svb {
  background: ;
}

.head-box .menu ul li:hover .svb a {
  color: #de0029;
}

.head-box .menu ul li.curr .svb {
  background: ;
}

.head-box .menu ul li.curr .svb a {
  color: #de0029;
}

.head-box .menu ul li .svb-box {
  display: none;
  background: rgba(20, 107, 187, 0.8);
  z-index: 999;
  width: 160px;
  position: absolute;
  left: -50px;
  top: 70px;
  border-radius: 0px;
  overflow: hidden;
}

.head-box .menu ul li:nth-child(2),
.head-box .menu ul li:nth-child(3) {
  background: url(../images/jz_hot.png) no-repeat right 18px;
}

/*.head-box .menu ul li:hover:nth-child(2),.head-box .menu ul li:hover:nth-child(3),.head-box .menu ul li.curr {background:none;}*/

.head-box .menu ul li .svb a:before {
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 10;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: #de0029;
  content: "";
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.head-box .menu ul li:hover .svb a:before {
  width: 100%;
}



/*焦点图*/
#banner {
  max-width: 1920px;
  margin: auto;
  position: relative;
  z-index: 9;
  min-width: 1200px;
}

#banner .swiper-slide {
  overflow: hidden;
  position: relative;
  height: 520px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media only screen and (max-width: 1440px) {
  #banner .swiper-slide {
    height: 520px;
  }
}

@media only screen and (max-width: 1360px) {
  #banner .swiper-slide {
    height: 520px;
  }
}

/*按钮切换*/
#banner .swiper-button-prev,
#banner .swiper-button-next {
  display: none;
  width: 72px;
  height: 72px;
  background: url(../images/ico_sliding.png) no-repeat;
  margin-top: -36px;
  background-image:
}

#banner .swiper-button-prev {
  background-position: 0 0;
}

#banner .swiper-button-prev:hover {
  background-position: 0 -144px;
}

#banner .swiper-button-next {
  background-position: 0 -72px;
}

#banner .swiper-button-next:hover {
  background-position: 0 -216px;
}

/*分页器*/
#banner .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.36);
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  opacity: 1.0;
}

#banner .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.8);
  color: #fff;
  width: 33px;
  border-radius: 30px;
  opacity: 1.0;
}

#banner .swiper-pagination {
  bottom: 25px;
}

/*立即预约*/


/*报价下滚动信息*/
/*.txtScroll-top{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
		.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
		.txtScroll-top .hd .prev,.txtScroll-top .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/icoup.gif") no-repeat;}
		.txtScroll-top .hd .next{ background:url("../images/icodown.gif") no-repeat;  }
		.txtScroll-top .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
		.txtScroll-top .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icocircle.gif") 0 -9px no-repeat; }
		.txtScroll-top .hd ul li.on{ background-position:0 0; }*/
.txtScroll-top {
  padding: 20px 0;
  width: 1200px;
  margin: auto;
  border-bottom: dotted 1px #ccc;
}

.txtScroll-top .infoList li {
  height: 30px;
  line-height: 30px;
}

.sli_item {
  color: #666;
  font-size: 12px;
  overflow: hidden;
}

.sli_item>div {
  width: 50%;
  float: left;
}

.sli_item i {
  font-style: normal;
  margin-left: 15px;
  font-size: 12px;
}

.announ_tit {
  color: #fff;
  float: left;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  background: #2F82FF;
  position: relative;
}



/*页面标题*/
.main_tit {
  text-align: center;
  min-width: 1200px;
  padding: 50px 0 30px;
}

.main_tit_z {
  font-size: 30px;
  margin-bottom: 10px;
  color: #111;
  font-weight: normal;
  text-transform: uppercase;
}

.main_tit_f {
  font-size: 14px;
  color: #666;
}

/*页面标题*/
.main_tit1 {
  min-width: 1200px;
  padding: 50px 0 25px;
}

.main_tit1 h5 {
  font-size: 25px;
  color: #fff;
  text-transform: uppercase
}

.main_tit1 h5 span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: normal;
  margin-left: 10px;
}

/*页面标题*/
.main_tit2 {
  min-width: 1200px;
  padding: 50px 0 25px;
}

.main_tit2 h5 {
  font-size: 25px;
  text-transform: uppercase;
}

.main_tit2 h5 span {
  font-size: 14px;
  color: #888;
  font-weight: normal;
  margin-left: 10px;
}

/*页面标题*/
.title_ny {
  margin: 50px auto 25px auto;
}

.title_ny h5 {
  display: inline-block;
  font-size: 16px;
  color: #222;
  font-weight: bold;
  margin-left: 5px;
}

.title_ny h5 small {
  margin-left: 5px;
}

.title_ny h5 small img {
  height: 28px;
  vertical-align: bottom;
}

.title_ny h6 {
  display: inline-block;
  margin: 0px 0 0 8px;
  font-weight: normal;
  font-size: 12px;
  color: #666;
}



/*更多*/
.more_big a {
  width: 160px;
  line-height: 36px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  border: solid 1px rgba(255, 255, 255, 0.6);
  border-radius: 52px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
  transition: 0.3s all;
  position: relative;
}

.more_big a:hover {
  border: solid 1px #B71745;
  background: #B71745;
  color: #fff;
}


/*热门套餐*/
.tc_list {}

.tc_list li {
  width: 284px;
  float: left;
  height: 174px;
  box-sizing: border-box;
  text-align: center;
  margin-right: 20px;
}

.tc_list li h3 {
  font-size: 18px;
  color: #fff;
  padding: 35px 0 12px;
  font-weight: normal;
}

.tc_list li p {
  font-size: 14px;
  padding-bottom: 26px;
  color: rgba(255, 255, 255, 0.8);
}

.tc_list li a {
  display: block;
  width: 118px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  margin: 0 auto;
  transition: 0.3s all;
}

.tc_list li a:hover {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.25);
}

.tc_list li:nth-child(1) {
  background: url(../images/tc_bg1.png) no-repeat center;
}

.tc_list li:nth-child(2) {
  background: url(../images/tc_bg2.png) no-repeat center;
}

.tc_list li:nth-child(3) {
  background: url(../images/tc_bg4.png) no-repeat center;
}

.tc_list li:nth-child(4) {
  background: url(../images/tc_bg3.png) no-repeat center;
  margin-right: 0;
}


/**/
.bg_box {
  background: rgb(239, 245, 254);
}

.hot_service {}

.hot_service .hd {}

.hot_service .hd ul {
  width: 600px;
  margin: auto;
}

.hot_service .hd ul li {
  float: left;
  width: 22%;
  margin: 0 1.5%;
  text-align: center;
  cursor: pointer;
  line-height: 36px;
  font-size: 16px;
  background: #fff;
  border-radius: 36px;
  transition: 0.3s all;
}

.hot_service .hd ul li.on {
  background: #FF6270;
  color: #fff;
}

.hot_service .bd {
  margin-top: 35px;
}

/*热门服务*/
.service {}

.service .left {
  width: 200px;
  height: 320px;
  float: left;
  box-sizing: border-box;
  padding: 36px 20px 15px 20px;
}

.service .left h3 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  padding-left: 10px;
}

.service .left p {
  margin-top: 5px;
  padding-left: 10px;
  color: #fff;
  opacity: .3;
  font-size: 13px;
}

.service .left a {
  display: block;
  width: 86%;
  height: 30px;
  line-height: 30px;
  margin: 190px auto 0 auto;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  color: #fff;
  transition: 0.3s all;
}

.service .left a:hover {
  background: #fff;
  color: #333;
}

.service .mid {
  width: 700px;
  height: 320px;
  background: #fff;
  float: left;
  overflow: hidden;
}

.service .mid li {
  width: 50%;
  height: 107px;
  padding: 15px 25px;
  float: left;
  border: solid 1px #eee;
  border-left: 0;
  border-top: 0;
  box-sizing: border-box;
  position: relative;
}

.service .mid li h2 {
  font-size: 16px;
  font-weight: bold;
}

.service .mid li p {
  color: #666;
  line-height: 40px;
  font-size: 12px;
}

.service .mid li .link {
  position: absolute;
  right: 15px;
  bottom: 15px;
}

.service .mid li a {
  width: 80px;
  line-height: 25px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  border-radius: 25px;
  border: solid 1px #ddd;
  margin-right: 10px;
  transition: 0.3s all;
}

.service .mid li a:hover {
  background: #d90024;
  border: solid 1px #d90024;
  color: #fff;
}

.service .mid li:nth-child(1) .link {
  left: 20px;
  bottom: 30px;
}

.service .right {
  width: 300px;
  height: 320px;
  float: right;
  background: #fff;
  padding: 10px 20px;
  box-sizing: border-box;
}

.service .right h5 {
  font-size: 18px;
  line-height: 30px;
  position: relative;
  margin-left: 10px;
}

.service .right h5:before {
  content: "";
  /*不换行空格*/
  width: 4px;
  height: 16px;
  position: absolute;
  left: -10px;
  top: 8px;
  background: #d90024;
}

.service .right li {
  line-height: 34px;
  border-bottom: solid 1px #eee;
  padding: 0 0 10px;
  margin-top: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.service .right li:last-child {
  border-bottom: solid 0px #eee;
}

.service .right li img {
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 0px;
  width: 22px;
}

.service .s1_bg {
  background: url(../images/server_bg_all.png) no-repeat 0px top;
}

.service .s2_bg {
  background: url(../images/server_bg_all.png) no-repeat -800px top;
}

.service .s3_bg {
  background: url(../images/server_bg_all.png) no-repeat -1000px top;
}

.service .s4_bg {
  background: url(../images/server_bg_all.png) no-repeat -200px top;
}

/*电话*/
.dianhua {
  width: 478px;
  height: 48px;
  line-height: 48px;
  border: 1px solid;
  display: block;
  margin: 0 auto;
  position: relative;
  background-color: white;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.dianhua:hover {
  padding: 0 20px;
}

.dianhua label {
  padding-left: 30px;
  padding-top: 8px;
  float: left;
  width: 30px;
  line-height: 16px;
}

.dianhua strong {
  font-size: 32px;
  font-family: "Impact";
  padding-left: 25px;
}

.dianhua a {
  width: 150px;
  height: 48px;
  position: absolute;
  top: 0;
  right: -1px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.dianhua>i {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 4px;
  left: -20px;
  background: url(../images/com_tel.png) no-repeat;
}

.dianhua.green {
  color: #FF6270;
}

.dianhua.green a {
  background: #FF6270;
}


/*服务内容开始*/
.server {
  width: 585px;
}

.server .left {
  width: 200px;
  height: 320px;
  float: left;
  box-sizing: border-box;
  padding: 36px 20px 15px 20px;
}

.server .left h3 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  padding-left: 10px;
}

.server .left p {
  margin-top: 2px;
  padding-left: 10px;
  color: #fff;
  opacity: .2;
  font-size: 12px;
}

.server .left a {
  display: block;
  width: 86%;
  height: 30px;
  line-height: 30px;
  margin: 190px auto 0 auto;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 15px;
  color: #fff;
  transition: 0.3s all;
}

.server .left a:hover {
  background: #fff;
  color: #333;
}

.server .right {
  width: 385px;
  height: 320px;
  float: left;
  box-sizing: border-box;
  border: solid 0px #e8e8e8;
  border-left: 0;
  padding: 25px 0 0 20px;
  background: #fff;
  border-radius: 0 0 18px 0;
}

.server .right h3 {
  font-size: 18px;
  height: 36px;
  border-bottom: solid 0px #eee;
  margin-bottom: 0px;
}

.server .louti_mid_art li {
  line-height: 30px;
  font-size: 14px;
  background: url(../images/dot.jpg) no-repeat left center;
  text-indent: 15px;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.s_a a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border-radius: 28px;
  margin: 0 4px 12px 0;
  font-size: 13px;
  transition: 0.3s all;
}

.s_a1 a {
  border: solid 1px #FC995E;
  color: #FC995E;
}

.s_a1 a:hover {
  background: #FC995E;
  color: #fff;
}

.s_a2 a {
  border: solid 1px #985DFC;
  color: #985DFC;
}

.s_a2 a:hover {
  background: #985DFC;
  color: #fff;
}

.s_a3 a {
  border: solid 1px #5D8DFC;
  color: #5D8DFC;
}

.s_a3 a:hover {
  background: #5D8DFC;
  color: #fff;
}

.s_a4 a {
  border: solid 1px #4BC9A3;
  color: #4BC9A3;
}

.s_a4 a:hover {
  background: #4BC9A3;
  color: #fff;
}

.server .s1_bg {
  background: url(../images/server_bg_all.png) no-repeat -1400px top;
}

.server .s2_bg {
  background: url(../images/server_bg_all.png) no-repeat -200px top;
}

.server .s3_bg {
  background: url(../images/server_bg_all.png) no-repeat -600px top;
}

.server .s4_bg {
  background: url(../images/server_bg_all.png) no-repeat -1000px top;
}




/*服务优势*/
.youshi {}

.youshi li {
  text-align: center;
  background: #f1f3ff;
  width: 15.6%;
  margin: 0 0.5%;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  padding: 25px 0;
  box-sizing: border-box;
}

.youshi li .pic {
  padding: 0px 0 15px 0;
}

.youshi li .pic img {
  width: 30%;
}

.youshi li .txt {
  padding-bottom: 10px;
}

.youshi li .txt h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.youshi li .txt p {
  font-size: 14px;
  color: #666;
  line-height: 20px;
}



/*广告图*/
#guanggao {
  width: 1200px;
  margin: auto;
  position: relative;
  z-index: 9;
}

#guanggao .swiper-slide {
  overflow: hidden;
  position: relative;
  height: 120px;
  border-radius: 5px;
}

#guanggao .swiper-slide img {
  width: 100%;
}


/*资讯*/
.news {
  width: 380px;
}

.news .tit {
  height: 148px;
  background: #ece3ee;
  text-align: center;
}

.news .tit img {
  display: block;
  width: 54px;
  height: 54px;
  margin: 0 auto;
  padding: 25px 0 14px;
}

.news .tit a {
  font-size: 18px;
}

.news .tit1 {
  background: #EAE2C9
}

.news .tit2 {
  background: #d7e3f4
}

.news .tit3 {
  background: #ece3ee
}

.news ul {
  padding: 20px;
  background: #fff;
  border: solid 1px #eee;
  border-top: 0;
}

.news li {
  line-height: 32px;
  font-size: 14px;
  background: url(../images/dot.jpg) no-repeat left center;
  text-indent: 15px;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}






/* 底部 */
.f_nbg {
  width: 100%;
  min-width: 1200px;
  background: #181818;
  padding: 60px 0 56px 0;
}

.fot_line {
  border-right: rgba(255, 255, 255, 0.05) 1px solid;
  min-height: 180px;
  box-sizing: border-box;
}

.fot_logo {
  width: 290px;
}

.fot_logo img {
  width: 224px;
}

.f_nav {
  width: 360px;
  padding: 0 50px;
  padding-top: 20px;
}

.f_nav h4 {
  font-size: 16px;
  color: #fff;
  margin-bottom: 40px;
}

.f_nav li p {
  width: 50%;
  line-height: 28px;
  float: left;
}

.f_nav li p a {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.46);
}

.f_nav li p a:hover {
  color: #146bbb;
}

.b_weixin {
  width: 260px;
  text-align: center;
  padding-top: 20px;
}

.b_weixin h4 {
  padding: 0 0 0 30px;
  font-size: 16px;
  color: #fff;
  background: url(../images/icon_ewm.png) 75px center no-repeat;
  margin-bottom: 40px;
}

.b_weixin li {}

.b_weixin li img {
  width: 108px;
  height: 108px;
  margin-bottom: 10px;
}

.b_weixin li p {
  font-size: 14px;
  text-align: center;
  color: rgba(255, 255, 255, 0.46);
}

.b_contact {
  width: 280px;
  box-sizing: border-box;
  padding-top: 20px;
}

.b_contact h4 {
  padding: 0 0 0 30px;
  font-size: 16px;
  color: #fff;
  background: url(../images/icon_ren.png) left center no-repeat;
  margin-bottom: 20px;
}

.b_contact p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.46);
  line-height: 34px;
}

.bq_bg {
  width: 100%;
  min-width: 1200px;
  margin: 0px auto;
  padding: 18px 0;
  background: #111;
  color: rgba(255, 255, 255, 0.46);
  text-transform: uppercase;
  font-size: 12px;
}

.bq_bg a {
  color: rgba(255, 255, 255, 0.36);
}

.bq_bg span,
.bq_bg a {
  color: rgba(255, 255, 255, 0.46);
  margin: 0 5px;
}

.bq_bg span {
  float: right;
  color: rgba(255, 255, 255, 0.46);
  font-size: 12px;
}



/*--------------------*/

/*二级页面*/
.page_ban {
  height: 420px;
  overflow: hidden;
  background: #000;
}



/*公司注册*/

/*公司优势*/
.gszc_youshi {
  height: 100px;
  margin: 0 auto;
}

.gszc_youshi li {
  float: left;
  width: 25%;
  height: 100px;
}

.gszc_youshi li img {
  float: left;
  margin-left: 30px;
  margin-top: 25px;
  width: 48px;
  height: 48px;
}

.youshi_wz {
  display: block;
  width: 200px;
  height: 48px;
  float: right;
  margin-top: 25px;
}

.youshi_wz b {
  font-size: 18px;
  font-weight: normal;
}

.youshi_wz p {
  font-size: 14px;
  color: #666;
  padding-top: 5px;
}



/*公司注册表单*/
.gszc_title {
  font-weight: normal;
  font-size: 28px;
  color: #333;
  text-align: center;
  padding-top: 60px;
}

.hengxian {
  display: block;
  width: 50px;
  height: 3px;
  background: #9098ff;
  margin: 0 auto;
  margin-top: 30px;
}

.gszc_table {
  width: 450px;
  height: 490px;
  background: #fff;
  float: left;
  margin-top: 50px;
}

.table_img {
  display: block;
  width: 450px;
  height: 90px;
  background: url(../images/table_img.png) no-repeat center;
}

.table_img h6 {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 90px;
  font-weight: normal;
}

.table_start {
  width: 450px;
  height: 240px;
  margin-top: 30px;
}

.table_start li {
  width: 450px;
  height: 60px;
  margin-top: 25px;
}

.table_start li span {
  display: block;
  margin-left: 35px;
  float: left;
  line-height: 60px;
}

.table_start li input[type=text] {
  height: 42px;
  width: 285px;
  padding-left: 15px;
  border: 1px solid #e2e2e2;
  outline: none;
  font-size: 14px;
  color: #333;
  float: left;
  margin-left: 20px;
  margin-top: 7px;
}

.notice-star {
  position: absolute;
  color: red;
  margin-top: 20px;
  margin-left: 5px;
}

.table_start li input[type=submit] {
  width: 290px;
  height: 48px;
  line-height: 48px;
  background: #ff6c2a;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 0 18px rgba(242, 117, 63, .3);
  border: 0;
  outline: none;
  cursor: pointer;
  font-family: "微软雅黑";
}

.table_start li input[type=submit]:active {
  opacity: 0.8;
}

#type-radio2 dd {
  float: left;
  margin-top: -5px;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-size: 14px;
  color: #666;
  line-height: 14px;
}

#type-radio2 dd b {
  width: 22px;
  height: 23px;
  background: url(../images/radio_gray.png) no-repeat center center;
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
}

#type-radio2 .selected b,
#type-radio2 .selected a:hover b {
  background: url(../images/radio_color.png) no-repeat center center;
}

#type-radio2 a {
  color: #f2753f;
}

#type-dd1 {
  padding-right: 8px;
}

#type-dd2 {
  padding-right: 40px;
}


.slideTxtBox {
  background: #FFFFFF;
  margin-top: 50px;
  width: 730px;
  float: right;
  height: 490px;
}

.slideTxtBox .hd {
  background: #FFFFFF;
}

.slideTxtBox .hd ul {
  margin: auto;
  height: 50px;
  display: table;
  text-align: center;
  width: 730px;
  height: 64px;
  background: #fff;
}

.slideTxtBox .hd ul li {
  float: left;
  cursor: pointer;
  font-size: 16px;
  border-radious: 20px;
  width: 365px;
  height: 63px;
  line-height: 63px;
}

.slideTxtBox .hd ul li.on {
  background: #6d6bff;
  color: #fff;
}

.bd_neirong p {
  display: block;
  width: 630px;
  height: 52px;
  font-size: 14px;
  color: #666;
  line-height: 24px;
  margin-left: 50px;
  padding-top: 20px;
}

.bd_btn a {
  display: block;
  width: 170px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background: #ff6c2a;
  border-radius: 6px;
  box-shadow: 0 0 18px rgba(242, 117, 63, .3);
  cursor: pointer;
  margin-left: 500px;
  margin-top: 20px;
}

.bd_btn a:hover {
  display: block;
  background: #FF9933;
}

.bd_img {
  width: 630px;
  height: 230px;
  margin: 20px auto;
}

.bd_img li {
  width: 200px;
  height: 230px;
  float: left;
  margin-left: 15px;
  text-align: center;
  line-height: 24px;
}

.bd_img li img {
  width: 200px;
  height: 200px;
}


/*工商热门服务*/
.hot-l,
.hot-r {
  width: 550px;
  height: 598px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 50px rgba(187, 186, 207, .3);
}

.hot-l {
  margin: 0 32px 0 34px;
}

.hot-l-top {
  width: 100%;
  height: 168px;
  background: -webkit-linear-gradient(left, #00cca8, #61dba3);
  background: -o-linear-gradient(right, #00cca8, #61dba3);
  background: -moz-linear-gradient(right, #00cca8, #61dba3);
  background: linear-gradient(to right, #00cca8, #61dba3);
  border-radius: 6px 6px 0 0;
}

.hot-li {
  width: 100%;
  height: 100%;
  background: url(../images/hot_01.png) no-repeat right center;
}

.hot-li p {
  font-size: 28px;
  color: #fff;
  padding: 25px 0 15px 36px;
}

.hot-li div {
  font-size: 16px;
  color: #fff;
  padding-left: 36px;
  margin-bottom: 12px;
}

.hot-li div span {
  display: inline-block;
  color: #00b192;
  font-size: 14px;
  background: #fff;
  padding: 5px 10px;
  border-radius: 14px;
  margin-right: 6px;
}

.hot-r-top {
  width: 100%;
  height: 168px;
  background: -webkit-linear-gradient(left, #464aff, #9447fa);
  background: -o-linear-gradient(right, #464aff, #9447fa);
  background: -moz-linear-gradient(right, #464aff, #9447fa);
  background: linear-gradient(to right, #464aff, #9447fa);
  border-radius: 6px 6px 0 0;
}

.hot-r-top .hot-li {
  width: 100%;
  height: 100%;
  background: url(../images/hot_02.png) no-repeat right center;
}

.hot-l-bottom {
  padding: 0 42px;
  box-sizing: border-box;
}

.hot-bm-title {
  border-bottom: 1px solid #e2e2e2;
  font-size: 16px;
  padding: 32px 0;
  margin-bottom: 20px;
}

.hot-bm-title .left {
  padding: 0 170px 0 24px;
}

#hot-radio {
  width: 235px;
  font-size: 14px;
  color: #1cd0a6;
}

#hot-radio dd {
  float: left;
  margin: 0 10px 0 25px;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  padding-bottom: 25px;
}

#hot-radio dd b {
  width: 22px;
  height: 22px;
  background: url(../images/hot_icon1.png) no-repeat center center;
  display: block;
  position: absolute;
  left: 0;
  top: 0px;
}

#hot-radio .selected b,
#type-radio .selected a:hover b {
  background: url(../images/hot_icon2.png) no-repeat center center;
}

#hot-radio2 {
  width: 195px;
  color: #1cd0a6;
}

#hot-radio2 dd {
  float: left;
  margin: 0 10px 0 25px;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  padding-bottom: 25px;
}

#hot-radio2 dd b {
  width: 22px;
  height: 22px;
  background: url(../images/hot_icon1.png) no-repeat center center;
  display: block;
  position: absolute;
  left: 0;
  top: 0px;
}

#hot-radio2 .selected b,
#type-radio .selected a:hover b {
  background: url(../images/hot_icon2.png) no-repeat center center;
}

.hot-inner-btn,
.hot-inner-btn2 {
  width: 260px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  background: #00d0a6;
  box-shadow: 0 0 18px rgba(1, 204, 168, .3);
  cursor: pointer;
  margin: 0px 0 0 105px;
}

.hot-inner-btn:hover {
  background: #11c3a3;
}

.hot-r .hot-bmr-title {
  margin: 60px 0 42px;
}

.hot-bm-tl {
  width: 100px;
  margin-left: 142px;
}

.hot-bm-tl img,
.hot-bm-tr img {
  display: block;
  width: 62px;
  height: 62px;
  margin: 0 auto;
}

.hot-bm-tl p,
.hot-bm-tr p {
  font-size: 14px;
  color: #666;
  text-align: center;
  padding-top: 16px;
}

.hot-bm-tr {
  width: 70px;
  margin-left: 120px;
}

.hot-r-bottom ul li {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #6c6eff;
  box-sizing: border-box;
  border: 1px solid #6d6bff;
  border-radius: 48px;
  margin-right: 12px;
  margin-bottom: 16px;
  cursor: pointer;
}

.hot-r-bottom ul li.list1,
.hot-r-bottom ul li.list5 {
  margin-left: 60px;
}

.hot-r-bottom ul li.list5 {
  width: 144px;
}

.hot-r-bottom ul li.list6,
.hot-r-bottom ul li.list7 {
  width: 130px;
}

.hot-inner-btn2 {
  background: #6c6eff;
  margin: 24px auto 0;
  box-shadow: 0 0 18px rgba(108, 110, 255, .3);
}

.hot-inner-btn2:hover {
  background: #5154f4;
}

.hot-bm-tl p:hover,
.hot-bm-tr p:hover {
  color: #6c6eff;
  cursor: pointer;
}

/*----------*/
.vip-wrap {
  width: 100%;
  height: 370px;
  overflow: hidden;
  min-width: 1200px;
  background: url(../images/vip_banner.png) no-repeat center center;
  background-color: #6643ff;
}

.vip {
  padding-left: 70px;
}

.vip-title {
  font-size: 32px;
  color: #fff;
  padding: 82px 0 30px;
}

.vip-title span {
  color: #3fffd2;
}

.vip ul {
  width: 810px;
}

.vip li {
  width: 405px;
  font-size: 16px;
  color: #e7e3ff;
  margin-bottom: 14px;
  padding-left: 36px;
  box-sizing: border-box;
  position: relative;
}

.vip li b {
  color: #3fffd2;
  font-weight: normal;
}

.vip li.list1>span {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/vip01.png) no-repeat;
  position: absolute;
  top: 0px;
  left: 0;
}

.vip li.list2>span {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/vip02.png) no-repeat;
  position: absolute;
  top: 0px;
  left: 0;
}

.vip li.list3>span {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/vip03.png) no-repeat;
  position: absolute;
  top: 0px;
  left: 0;
}

.vip li.list4>span {
  display: block;
  width: 22px;
  height: 22px;
  background: url(../images/vip04.png) no-repeat;
  position: absolute;
  top: 0px;
  left: 0;
}

.vip-btn {
  width: 200px;
  height: 48px;
  line-height: 48px;
  border-radius: 6px;
  background: #00d0a6;
  font-size: 16px;
  color: #fff;
  margin-top: 32px;
  cursor: pointer;
  text-align: center;
}

.vip-btn:hover {
  background: #11c3a3;
}


/**/
.gszc_box4 {
  width: 580px;
}

.gszc_box4 h3 {
  padding-left: 15px;
  font-size: 16px;
}

.gszc_box4 li {
  width: 46%;
  float: left;
  text-align: center;
  margin: 10px 2%;
  background: #f1f3ff;
  padding: 25px 0;
  border-radius: 5px;
}


/*服务优势*/
.gszc_box5 {}

.gszc_box5 li {
  text-align: center;
  background: #f1f3ff;
  width: 18%;
  margin: 0 1%;
  float: left;
  border-radius: 5px;
  overflow: hidden;
  padding: 25px 0;
  box-sizing: border-box;
}

.gszc_box5 li .pic {
  padding: 0px 0 15px 0;
}

.gszc_box5 li .pic img {
  width: 30%;
}

.gszc_box5 li .txt {
  padding-bottom: 10px;
}

.gszc_box5 li .txt h3 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}

.gszc_box5 li .txt p {
  font-size: 12px;
  color: #666;
  line-height: 20px;
}


/*常见问题*/
.wenda {
  background: url(../images/wd_bg.jpg) no-repeat center #6643ff
}

.question li {
  width: 554px;
  height: 160px;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 50px 0 0 36px;
  margin-bottom: 20px;
}

.question li .ques {
  height: 40px;
}

.question li .ques img,
.question li .ans img,
.question li .ques div,
.question li .ans div {
  float: left;
}

.question li .ques img,
.question li .ans img {
  margin-right: 18px;
}

.question li .tit,
.question li .cont {
  max-width: 482px;
}

.question li .tit {
  font-size: 16px;
  line-height: 26px;
  color: #30c8c6;
}

.question li .cont {
  font-size: 14px;
  line-height: 30px;
  color: #333333;
}

.question li.card-r {
  padding-left: 25px;
}


/*相关服务*/
.xgfw {}

.xgfw li {
  width: 14.6%;
  margin: 0 1%;
  float: left;
  padding: 35px 0;
  font-size: 16px;
  text-align: center;
  border: solid 1px #eee;
  box-sizing: border-box;
  border-radius: 5px;
  transition: 0.3s all;
}

.xgfw li img {
  width: 40%;
  margin-bottom: 15px;
}

.xgfw li:hover {
  background: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}



.more2 a {
  width: 160px;
  line-height: 35px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  border: solid 1px rgba(255, 255, 255, 0.6);
  border-radius: 52px;
  text-align: center;
  color: #fff;
  transition: 0.3s all;
  position: relative;
}

.more2 a:hover {
  border: solid 1px #fff;
  background: rgba(255, 255, 255, 0.8);
  color: #333;
}


/*代理记账表单*/
.dljz_table {
  width: 820px;
  float: left;
  background: #fff;
  height: 410px;
  border-radius: 10px;
  padding: 25px 50px;
  box-sizing: border-box;
}

.dljz_table p {
  line-height: 28px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #666;
}

.dljz_table h3 {
  font-size: 16px;
  font-weight: normal;
  line-height: 46px;
}

.dljz_table li input {
  border: none;
  outline: none;
}

.dljz_table li input[type=text] {
  width: 230px;
  font-size: 15px;
  line-height: 50px;
  height: 50px;
  background: #fff;
  border: solid 1px #ddd;
  border-radius: 5px;
  font-family: "微软雅黑";
  margin-right: 15px;
  padding-left: 10px;
}

.dljz_table li input[type=submit] {
  width: 180px;
  height: 52px;
  border-radius: 4px;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c));
  background: linear-gradient(left, #f7cd6e, #ff8f2c);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=bEnabled, startColorstr=#f7cd6e, endColorstr=#ff8f2c);
  font-size: 17px;
  line-height: 52px;
  color: #ffffff;
}

.dljz_table li input[type=submit]:active {
  opacity: 0.8;
}

.dljz_table li input[type="radio"] {}

.dljz_table li label {
  position: relative;
  z-index: 999;
  width: 120px;
  height: 40px;
  display: inline-block;
  margin-right: 10px;
}

.dljz_table li label span {
  position: absolute;
  z-index: 2;
  color: #333;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  cursor: pointer;
}

.dljz_table li input[type="radio"]:checked+label span {
  color: #fff;
}

.dljz_table li input[type="radio"]+label::before {
  content: "";
  /*不换行空格*/
  display: inline-block;
  width: 120px;
  border-radius: 3px;
  height: 40px;
  position: absolute;
  z-index: 0;
  background: #dce3fe;
}

.dljz_table li input[type="radio"]:checked+label::before {
  content: " ";
  /*不换行空格*/
  display: inline-block;
  width: 120px;
  border-radius: 3px;
  height: 40px;
  position: absolute;
  background: #5b79f1;
}

input[type="radio"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

/*右侧会计*/
#dljz_kj {
  width: 340px;
  float: right;
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
  height: 410px;
}

#dljz_kj .pic {
  width: 100%;
}

#dljz_kj .pic img {
  width: 100%;
  display: block;
}

#dljz_kj .txt {
  padding: 15px 30px 35px 30px;
}

#dljz_kj .txt span.name {
  font-size: 18px;
  margin-right: 25px;
}

#dljz_kj .txt span.zy {
  font-size: 15px;
}

#dljz_kj .txt p {
  line-height: 22px;
  color: #888;
  margin-top: 15px;
  text-align: justify;
}



/*放大动画*/
.anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10
}

.anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%
}

.anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%
}

.hoverable {
  overflow: hidden
}

.hoverable .anim {
  -moz-animation: anim-out .75s;
  -webkit-animation: anim-out .75s;
  animation: anim-out .75s
}

.hoverable .anim:after {
  -moz-animation: anim-out-pseudo .75s;
  -webkit-animation: anim-out-pseudo .75s;
  animation: anim-out-pseudo .75s
}

.hoverable .anim,
.hoverable .anim:after {
  animation-iteration-count: infinite;
  animation-duration: 1.3s
}

@-webkit-keyframes anim-in {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@-moz-keyframes anim-in {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@-ms-keyframes anim-in {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@keyframes anim-in {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@-webkit-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25)
  }

  100% {
    background: transparent
  }
}

@-moz-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25)
  }

  100% {
    background: transparent
  }
}

@-ms-keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25)
  }

  100% {
    background: transparent
  }
}

@keyframes anim-in-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25)
  }

  100% {
    background: transparent
  }
}

@-webkit-keyframes anim-out {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@-moz-keyframes anim-out {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@-ms-keyframes anim-out {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@keyframes anim-out {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25)
  }

  100% {
    background: transparent
  }
}

@-moz-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25)
  }

  100% {
    background: transparent
  }
}

@-ms-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25)
  }

  100% {
    background: transparent
  }
}

@keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25)
  }

  100% {
    background: transparent
  }
}


/*代理记账*/
.dljz_box1 {}

.dljz_box1 li {
  width: 390px;
  height: 208px;
  float: left;
  padding-top: 50px;
  overflow: hidden;
  box-sizing: border-box;
  color: #fff;
  margin-right: 15px;
  border-radius: 5px;
  text-align: center;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
}

.dljz_box1 li:hover {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
  translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
  padding-top: 25px;
}

.dljz_box1 li:nth-child(3) {
  margin-right: 0;
}

.dljz_box1 li h4 {
  font-size: 25px;
  margin-bottom: 10px;
  font-weight: normal;
}

.dljz_box1 li p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 15px;
}

.dljz_box1 li .price {
  font-size: 16px;
  margin-bottom: 10px;
}

.dljz_box1 li .price-money {
  font-size: 28px;
}

.dljz_box1 li .more2 {
  /* margin-top: 50px; */
  transition: 0.3s all;
}

.dljz_box1 li:hover .more2 {
  margin-top: 0px;
}

.dljz_box1 li:nth-child(1) {
  background: url(../images/dljz_bg3.jpg) no-repeat;
}

.dljz_box1 li:nth-child(2) {
  background: url(../images/dljz_bg1.jpg) no-repeat;
}

.dljz_box1 li:nth-child(3) {
  background: url(../images/dljz_bg2.jpg) no-repeat;
}

/*服务内容*/
.dljz_box2 {}

.dljz_box2 li {
  width: 380px;
  box-shadow: 0 0 50px rgba(187, 186, 207, .3);
}

.dljz_box2 li .tit {
  background: #5b79f1;
  color: #fff;
  text-align: center;
  padding: 25px 0 20px 0;
}

.dljz_box2 li .tit img {}

.dljz_box2 li .tit h3 {
  font-size: 18px;
  margin: 10px 0;
  font-weight: normal;
}

.dljz_box2 li .txt {
  height: 225px;
  border: solid 1px #eee;
  padding: 20px;
  border-top: 0;
}

.dljz_box2 li .txt span {
  display: block;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 20px;
  position: relative;
}

.dljz_box2 li .txt span::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #ccc;
  position: absolute;
  top: 50%;
  left: 6px;
  border-radius: 50%;
  margin-top: -3px;
}



/*记账报税流程*/
.fwlc_box {
  position: relative
}

.fwlc_box:before {
  content: "";
  position: absolute;
  top: 72px;
  width: 100%;
  height: 1px;
  border-bottom: #c1c1c1 1px dashed;
}

.fwlc_box ul {
  font-size: 0;
  overflow: hidden;
  text-align: center;
  width: 1304px;
  margin-left: -52px;
  margin-bottom: 20px;
}

.fwlc_box ul li {
  width: 326px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  position: relative
}

.fwlc_box ul li .img {
  width: 145px;
  height: 145px;
  line-height: 143px;
  display: inline-block;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  z-index: 10;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
  transform: rotate(90deg) translateZ(0);
  -webkit-transform: rotate(90deg) translateZ(0);
  -moz-transform: rotate(90deg) translateZ(0);
  background: #ffffff;
  margin-bottom: 20px;
}

.fwlc_box ul li .img a {
  display: flex;
  align-items: center;
  transform: rotate(-90deg) translateZ(0);
  -webkit-transform: rotate(-90deg) translateZ(0);
  -moz-transform: rotate(-90deg) translateZ(0);
}

.fwlc_box ul li .img a img {
  align-items: center;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65
}

.fwlc_box ul li:hover .img a img {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-animation: jello 1s;
  -moz-animation: jello 1s;
  animation: jello 1s;
}

@keyframes jello {

  from,
  11.1%,
  to {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg)
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg)
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg)
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg)
  }

  66.6% {
    -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
    -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
    transform: skewX(-.78125deg) skewY(-.78125deg)
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8% {
    -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
    transform: skewX(-.1953125deg) skewY(-.1953125deg)
  }

}

.circleProgress_wrapper {
  position: relative;
}

.wrapper {
  width: 72.5px;
  height: 145px;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.circleProgress_wrapper .left {
  width: 72.5px;
  height: 146px;
  position: absolute;
  left: 0;
  top: 0;
}

.circleProgress_wrapper .right {
  width: 72.5px;
  height: 146px;
  position: absolute;
  right: 0;
  top: 0;
}

.fwlc_box ul li .img .circleProgress {
  width: 146px;
  height: 145px;
  border: 2px solid #eb3e4c;
  border-radius: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(45deg);
  box-sizing: border-box;
}

.fwlc_box ul li .img .rightcircle {
  border-top: 2px solid #d0d0d1;
  border-right: 2px solid #d0d0d1;
  right: 0;
}

.fwlc_box ul li .img:hover .rightcircle {
  -webkit-animation: circleProgressLoad_right 2s linear;
}

.fwlc_box ul li .img .leftcircle {
  border-bottom: 2px solid #d0d0d1;
  border-left: 2px solid #d0d0d1;
  left: 0;
}

.fwlc_box ul li .img:hover .leftcircle {
  -webkit-animation: circleProgressLoad_left 2s linear;
}

.fwlc_box ul li .img:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 141px;
  height: 141px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.fwlc_box ul li .img:hover:after {
  transition-delay: 2s;
  border: 2px solid #eb3e4c;
}

@-webkit-keyframes circleProgressLoad_right {

  0% {

    -webkit-transform: rotate(45deg);

  }

  50% {

    -webkit-transform: rotate(225deg);

  }

  100% {

    -webkit-transform: rotate(225deg);

  }

}

@-webkit-keyframes circleProgressLoad_left {

  0% {

    -webkit-transform: rotate(45deg);

  }

  50% {

    -webkit-transform: rotate(45deg);

  }

  100% {

    -webkit-transform: rotate(225deg);

  }

}


.fwlc_box ul li span {
  position: absolute;
  left: 206px;
  top: 55px;
  display: inline-block;
  width: 60px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #5c5c5c;
  background: #ffffff;
  z-index: 100;
  text-align: left;
  text-transform: uppercase;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.fwlc_box ul li:hover span {
  color: #ed4237;
}

.fwlc_box ul li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: 229px;
  top: 52px;
  background: #d0d0d1;
  -moz-border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  border-radius: 2.5px;
  z-index: 1000;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.fwlc_box ul li:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  left: 230px;
  top: 87px;
  background: #d0d0d1;
  -moz-border-radius: 2.5px;
  -webkit-border-radius: 2.5px;
  border-radius: 2.5px;
  z-index: 1000;
  -moz-transition: all 0.36s ease-in-out;
  -webkit-transition: all 0.36s ease-in-out;
  -o-transition: all 0.36s ease-in-out;
  -ms-transition: all 0.36s ease-in-out;
  transition: all 0.36s ease-in-out;
}

.fwlc_box ul li:hover:after {
  background: #eb3e4c
}

.fwlc_box ul li:hover:before {
  background: #eb3e4c;
  transition-delay: 2s
}

.fwlc_box ul li h4 {
  font-size: 16px;
  color: #3d3d3d;
  margin-bottom: 10px;
}

.fwlc_box ul li h5 {
  font-size: 12px;
  color: #999;
  line-height: 22px;
  font-weight: normal;
  text-transform: uppercase;
}

.s_more {
  display: block;
  margin: 30px auto 0 auto;
  color: #fff;
  font-size: 16px;
  text-align: center;
  border-radius: 44px;
  width: 255px;
  height: 44px;
  line-height: 44px;
  background: #2F82FF;
  transition: 0.3s all;
}

.s_more:hover {
  color: #fff;
  background: #D92129;
}



/*专业规范账目清晰*/
.youshi_bg {
  padding: 5px 0 84px;
  background: #f4f9fc;
  overflow: hidden;
  border-top: #eaedf0 1px solid;
  min-width: 1200px;
}

.zmqx {}

.zmqx li {
  width: 285px;
  border: solid 1px #ddd;
  box-sizing: border-box;
  height: 355px;
  background: #fff;
  position: relative;
  margin-right: 20px;
  float: left;
  transition: 0.3s all;
}

.zmqx li:nth-child(4) {
  margin-right: 0;
}

.zmqx li .pic {
  overflow: hidden;
}

.zmqx li .pic img {
  width: 100%;
}

.zmqx li h5 {
  width: 100%;
  height: 95px;
  background: url(../images/dljz-bg-wj.png) center no-repeat;
  position: absolute;
  font-size: 20px;
  text-align: center;
  line-height: 80px;
  left: 0;
  bottom: 60px;
  color: #00418a;
}

.zmqx li p {
  color: #666;
  margin-top: 70px;
  text-align: center;
  line-height: 2;
}

.zmqx li:hover {
  background: #f8f8f8;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}


/*税收筹划*/
/*页面表单*/
.page_form {
  width: 1200px;
  margin: auto;
  height: 62px;
}

.page_form .form_item .input {
  position: relative;
  float: left;
}

.page_form .form_item .input i {
  width: 1px;
  height: 20px;
  background: #ccc;
  position: absolute;
  right: 0px;
  top: 22px;
}

.page_form .form_item input {
  display: block;
  height: 60px;
  width: 340px;
  padding-left: 50px;
  border: 2px solid #2F82FF;
  border-right: none;
  box-sizing: border-box;
  outline: none;
}

.page_form .form_item .input_msg {
  background: url(../images/dljz-icon-msg.png) 15px 50% no-repeat;
}

.page_form .form_item .input_name {
  background: url(../images/dljz-icon-name.png) 15px 50% no-repeat;
  border-left: none;
}

.page_form .form_item .input_phone {
  background: url(../images/dljz-icon-phone.png) 15px 50% no-repeat;
  border-left: none;
}

.page_form .form_item .input_submit {
  width: 180px;
  background: #2F82FF;
  font-size: 18px;
  border-color: #2F82FF;
  height: 60px;
  color: #fff;
  cursor: pointer;
  padding-left: 0px;
}

.page_form .form_item .input_submit:active {
  opacity: 0.8;
}

/*纳税筹划*/
.nsch_box1 {}

.nsch_box1 li {
  float: left;
  width: 18%;
  margin: 0 1%;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  border-radius: 10px 10px 0 0;
  background: #fff;
  overflow: hidden;
  text-align: center;
  position: relative;
  transition: 0.3s all;
}

.nsch_box1 li .pic {
  overflow: hidden;
}

.nsch_box1 li .pic img {
  width: 100%;
  display: block;
}

.nsch_box1 li .txt {
  border-top: 0;
  padding-top: 28px;
  padding-bottom: 25px;
}

.nsch_box1 li .txt h3 {
  font-size: 20px;
  padding-bottom: 36px;
  background: url(../images/nsch_box1_bg.png) center 40px no-repeat;
  font-weight: normal;
}

.nsch_box1 li .txt p {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
  color: #888;
  margin-bottom: 25px;
}

.nsch_box1 li .txt a {
  display: inline-block;
  width: 140px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #78787b;
  background: #edf1f5;
  border-radius: 36px;
  margin: 0 auto;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.nsch_box1 li .txt a:hover {
  background: #5b77f1;
  color: #fff;
}

.nsch_box1 li:hover {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}


.nsch_box2 {
  position: relative;
  height: 620px;
}

.nsch_box2 .about_bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.08);
  text-align: center;
  color: #fff;
}

.nsch_box2 .about_img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(../images/page_about03.jpg) no-repeat center center fixed;
  background-size: cover;
  z-index: -1;
}


/*税收筹划开始*/
.ssch li {
  width: 46%;
  height: 400px;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.ssch_bg {
  width: 100%;
  height: 150px;
  background: url(../images/ssch_case1.png) no-repeat center;
}

.ssch_bg1 {
  width: 100%;
  height: 150px;
  background: url(../images/ssch_case2.png) no-repeat center;
}

.ssch_bg h5 {
  padding-top: 15px;
  font-size: 20px;
  line-height: 58px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.ssch_bg p {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  padding: 0 60px;
  text-align: center;
}

.ssch_bg1 h5 {
  padding-top: 15px;
  font-size: 20px;
  line-height: 58px;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.ssch_bg1 p {
  font-size: 14px;
  line-height: 26px;
  color: #ffffff;
  padding: 0 60px;
  text-align: center;
}

.ssch_case {
  height: 222px;
  padding: 35px 25px;
}

.ssch_case li {
  width: 30.3%;
  margin: 8px 1.5%;
  height: 40px;
  float: left;
  border-radius: 3px;
  background: #fef2f1;
  text-align: center;
}

.ssch_case li a {
  color: #ff5a4d;
  line-height: 40px;
  text-align: center;
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 2px;
}

.ssch_case li a:hover {
  background: #ff5a4d;
  color: #fff;
}

.ssch_case1 {
  height: 222px;
  padding: 35px 25px;
}

.ssch_case1 li {
  width: 30.3%;
  margin: 8px 1.5%;
  height: 40px;
  float: left;
  border-radius: 3px;
  background: #ecf7ff;
  text-align: center;
}

.ssch_case1 li a {
  color: #2faaff;
  line-height: 40px;
  text-align: center;
  display: block;
  width: 100%;
  height: 40px;
  border-radius: 2px;
}

.ssch_case1 li a:hover {
  background: #2faaff;
  color: #fff;
}


/*税收筹划服务案例*/
.fw_case li {
  width: 40%;
  height: 230px;
  background: #f7f7f9;
  float: left;
  border-radius: 116px 116px 116px 0;
  margin-left: 80px;
  margin-bottom: 25px;
}

.fw_case .case_title {
  font-size: 20px;
  line-height: 50px;
  padding-top: 18px;
  text-align: center;
  font-weight: normal;
  display: block;
}

.fw_case .cont {
  font-size: 15px;
  line-height: 28px;
  color: #333;
  padding-left: 40px;
  padding-right: 28px;
}

.fw_case .ck {
  display: block;
  float: left;
  margin-left: 800px;
  color: #FF3366;
}

/*专属定制解决方案*/
.nsch_box4 {}

.nsch_box4 ul {
  overflow: hidden;
}

.nsch_box4 ul li {
  float: left;
  width: 20%;
  padding: 0 8px;
  box-sizing: border-box;
  position: relative;
  text-align: center
}

.nsch_box4 ul li:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 20%;
  width: 1px;
  height: 54px;
  background: rgba(255, 255, 255, 0.7)
}

.nsch_box4 ul li .img,
.nsch_box4 ul li .img img {
  width: 100%;
  display: block;
}

.nsch_box4 ul li .con {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 0;
  height: 100%;
  padding: 60% 0 0
}

.nsch_box4 ul li .con h3 {
  font-size: 26px;
  color: #ffffff;
  margin-bottom: 20px;
  font-weight: normal;
}

.nsch_box4 ul li .con p {
  line-height: 24px;
  color: rgba(255, 255, 255, 0.7);
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  height: 48px;
}

.nsch_box4 ul li .con a {
  display: inline-block;
  width: 123px;
  height: 40px;
  line-height: 40px;
  background: #fff;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  color: #3b8cde;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  height: 0;
  overflow: hidden
}

.nsch_box4 ul li:hover .con p {
  filter: alpha(opacity=0);
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  height: 0;
  overflow: hidden
}

.nsch_box4 ul li:hover .con a {
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  height: 40px;
}

.nsch_box4 ul li:hover .img {
  background: #3b8cde
}

.nsch_box4 ul li:hover .img img {
  filter: alpha(opacity=10);
  opacity: 0.1;
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
}

.nsch_box4_more {
  margin: auto;
  width: 537px;
  height: 65px;
  line-height: 61px;
  border-radius: 32px;
  border: #dcdcdc 2px solid;
  box-sizing: border-box;
  position: relative;
}

.nsch_box4_more .tel {
  font-size: 28px;
  color: #3b8cde;
  float: left;
  width: 344px;
  text-align: center;
}

.nsch_box4_more a {
  display: inline-block;
  float: right;
  width: 178px;
  height: 63px;
  line-height: 63px;
  font-size: 18px;
  color: #fff;
  background: #3b8cde;
  border-radius: 0;
  z-index: 100;
  margin: -2px -2px 0 0;
  border-top-right-radius: 32px;
  border-bottom-right-radius: 32px;
}



.nsch_box6 li {
  float: left;
  width: 360px;
  height: 150px;
  background: #fff;
  margin: 0 60px 25px 0;
  border-radius: 5px;
  transition: 0.3s all;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
}

.nsch_box6 li:hover {
  background: #f8f8f8;
  color: #fff;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}

.nsch_box6 li:nth-child(3n) {
  margin-right: 0;
}

.nsch_box6 li i {
  width: 100%;
  height: 76px;
  display: block;
}

.nsch_box6 li h2 {
  font-size: 20px;
  color: #333;
  text-align: center;
}

.nsch_box6 li p {
  font-size: 12px;
  color: #333;
  text-align: center;
  padding-top: 10px;
}

/*审计服务*/
/*所需要的资料模块*/
.bule {
  width: 280px;
  height: 110px;
  background: linear-gradient(135deg, #5396ff 0%, #66ceff 98%);
  float: left;
  margin: 10px 10px;
  border-radius: 5px;
}

.purple {
  width: 280px;
  height: 110px;
  background: linear-gradient(109deg, #8e65ff 0%, #c377ff 100%);
  float: left;
  margin: 10px 10px;
  border-radius: 5px;
}

.white {
  width: 580px;
  height: 110px;
  background: #fff;
  float: left;
  margin: 10px 10px;
  border-radius: 5px;
}

.point {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  float: left;
  margin: 40px 10px 20px 20px;
}

.text_bt1 {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  margin-top: 30px;
}

.text_bt2 {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  line-height: 32px;
}


/*财税专家模块*/
.cszj li {
  width: 30.3%;
  margin: 0 1.5%;
  height: 430px;
  float: left;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 50px rgba(187, 186, 207, .3);
}

.cszj li img {
  width: 100%;
  height: 210px;
  overflow: hidden;
}

.cszj li .name {
  font-size: 18px;
  margin-left: 45px;
  font-weight: normal;
  line-height: 70px;
  color: #333;
}

.cszj li .position {
  font-size: 15px;
  margin-left: 10px;
  font-weight: normal;
  color: #333;
}

.cszj li .grjj {
  width: 280px;
  background: 130px;
  margin: 0 auto;
  font-weight: normal;
  font-size: 14px;
  line-height: 26px;
  color: #999;
  margin-top: -10px;
}



/*高新认定开始*/
.page_ban .pcont {
  width: 620px;
  height: 52px;
  margin: 200px auto 50px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  font-size: 18px;
  line-height: 52px;
  color: #fff;
  text-align: center;
}

.page_ban .pcont span {
  display: inline-block;
  vertical-align: middle;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #04d298;
  margin: 0 12px;
}

.gxrd_table {
  width: 760px;
  height: 60px;
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
}

.gxrd_table li {
  float: left;
}

.gxrd_table li input {
  height: 59px;
  background: #FFFFFF;
  border: none;
  color: #333;
  text-indent: 24px;
  font-size: 15px;
  font-family: "微软雅黑";
  outline: none;
}

.gxrd_table .gxrd_dj {
  background: -webkit-gradient(linear, left top, right top, from(#4facfe), to(#00f1fe));
  color: #fff;
  font-size: 16px;
  cursor: pointer
}

.gxrd_table .gxrd_dj:active {
  opacity: 0.8;
}

.gxrd_table .gxrd_hx {
  display: block;
  width: 1px;
  height: 20px;
  background: #ccc;
  position: absolute;
  top: 20px;
  left: 270px;
}

.gxrd_dy {
  width: 90%;
  height: 90px;
  background: #f4f7fb;
  border-radius: 5px;
  margin: auto;
}

.gxrd_dy p {
  ont-size: 13px;
  line-height: 24px;
  color: #3e444f;
  padding: 20px 38px;
  text-align: center;
}

/*高新认定的好处*/
.gxrd_youshi li {
  width: 31.3%;
  margin: 0 1% 20px 1%;
  height: 180px;
  float: left;
  padding: 25px;
  box-sizing: border-box;
  border-radius: 5px;
}

.gxrd_youshi li img {
  width: 94px;
  height: 94px;
  float: left;
  overflow: hidden;
}

.advantage {
  display: block;
  height: 94px;
  width: 70%;
  float: right;
}

.gxrd_youshi .advantage b {
  font-size: 18px;
  line-height: 38px;
  color: #fff;
  margin-bottom: 4px;
  font-weight: normal;
  padding-left: 20px;
}

.gxrd_youshi .advantage p {
  line-height: 26px;
  color: rgba(255, 255, 255, 0.8);
  padding-left: 20px;
}

.gxrd_youshi li:nth-child(1) {
  background: #e45957;
}

.gxrd_youshi li:nth-child(2) {
  background: #ea8f25;
}

.gxrd_youshi li:nth-child(3) {
  background: #844ef3;
}

.gxrd_youshi li:nth-child(4) {
  background: #6f6ef7;
}

.gxrd_youshi li:nth-child(5) {
  background: #2fb9c9;
}

.gxrd_youshi li:nth-child(6) {
  background: #2fc675;
}

/*国家高新技术企业认定条件*/
.gxrd_left {
  width: 40%;
  height: 300px;
  float: left;
}

.gxrd_left .left_term li {
  float: left;
  margin-left: 21px;
  margin-top: 20px;
  border-radius: 8px;
}

.gxrd_left .left_term li p {
  padding: 40px 25px 0;
  font-size: 17px;
  line-height: 30px;
  color: #fff;
  text-align: center;
}

.gxrd_right {
  width: 55%;
  float: right;
}

.gxrd_right .right_term li {
  width: 20%;
  height: 143px;
  float: left;
  margin-left: 27px;
}

.gxrd_right .right_term li img {
  width: 62%;
  height: 58%;
  overflow: hidden;
  float: left;
  margin-left: 25px;
}

.gxrd_right .right_term li span {
  width: 100%;
  display: block;
  float: left;
  font-size: 14px;
  line-height: 20px;
  color: #3e444f;
  font-weight: normal;
  text-align: center;
  margin-top: 20px;
}

/*青藤智企服务优势*/
.gxrd_service li {
  float: left;
  width: 23%;
  height: 286px;
  box-shadow: 0 0 10px rgba(204, 204, 204, 0.5);
  background: #fff;
  margin-left: 20px;
}

.gxrd_service li img {
  width: 66px;
  height: 66px;
  margin: 30px 100px;
}

.gxrd_service li b {
  display: block;
  font-size: 17px;
  line-height: 20px;
  color: #333;
  margin-bottom: 18px;
  font-weight: normal;
  text-align: center;
}

.gxrd_service li p {
  font-size: 13px;
  line-height: 24px;
  color: #666;
  padding: 0 34px;
  text-align: center;
}






/*新闻资讯*/
/*焦点图*/
.newbg_left {
  width: 830px;
  height: 360px;
  float: left;
  overflow: hidden;
}

#newbanner {
  width: 830px;
  position: relative;
  z-index: 9;
}

#newbanner .swiper-slide {
  overflow: hidden;
  position: relative;
  height: 360px;
}

/*分页器*/
#newbanner .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.36);
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  opacity: 1.0;
}

#newbanner .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.8);
  color: #fff;
  width: 33px;
  border-radius: 30px;
  opacity: 1.0;
}

#newbanner .swiper-pagination {
  bottom: 25px;
}

/*banner右侧开始表单*/
.newbg_right {
  width: 350px;
  height: 360px;
  background: url(../images/im_bg_jsfwtd.png) no-repeat center;
  float: right;
}

.new_table {
  display: block;
  width: 350px;
  height: 80px;
  margin-top: 20px;
}

.new_table h6 {
  font-size: 23px;
  line-height: 80px;
  color: #ffffff;
  text-align: center;
  font-weight: normal;
}

.new_table1 {
  width: 350px;
  height: 150px;
}

.new_table1 li {
  width: 350px;
  height: 49px;
}

.new_table1 li input {
  border: none;
  line-height: 46px;
  width: 85%;
  height: 46px;
  border-radius: 3px;
  background: #ffffff;
  margin-left: 26px;
  outline: none;
  padding-left: 20px;
  box-sizing: border-box;
}

.new_table1 #btn {
  border: none;
  line-height: 46px;
  width: 85%;
  height: 46px;
  cursor: pointer;
  border-radius: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#f7cd6e), to(#ff8f2c));
  padding-left: 0px;
  color: #fff;
  margin-left: 26px;
  font-size: 18px;
}

.new_table1 #btn:active {
  opacity: 0.8;
}

/*新闻内容左边开始*/
.new_list {
  width: 830px;
  float: left;
}

.new_title {
  display: block;
  font-size: 22px;
  font-weight: bold;
  margin-top: 35px;
}

.new_title span {
  margin-right: 25px;
}

.new_title a {
  font-size: 16px;
  font-weight: normal;
  border-radius: 20px;
  padding: 5px 15px;
}

.new_title a.currclass {
  background: #2faaff;
  color: #fff;
}

.new_list li {
  height: 160px;
  margin: 40px 0;
}

.news_img {
  width: 260px;
  height: 160px;
  float: left;
  overflow: hidden;
  background: #000;
}

.news_img img {
  max-height: 100%;
  min-width: 100%;
  opacity: 0.9;
  object-fit: cover;
}

.new_content {
  width: 540px;
  float: right;
}

#new_biaoti {
  display: block;
  font-size: 18px;
  margin-top: 15px;
  font-weight: bold;
}

.new_content p {
  height: 56px;
  font-size: 13px;
  line-height: 28px;
  color: #666666;
  margin: 10px 0;
  display: block;
  overflow: hidden;
}

.new_time {
  display: block;
  height: 28px;
}

.new_time b {
  font-size: 13px;
  line-height: 28px;
  color: #666666;
  font-weight: normal;
}

.new_content b em {
  float: right;
  font-style: normal;
}


/*新闻内容右边开始*/
.new_list2 {
  width: 350px;
  float: right;
  margin-top: 20px;
}

.new_rmfw {
  height: 30px;
  margin-top: 30px;
}

.new_rmfw span {
  display: block;
  width: 4px;
  height: 30px;
  background: #30c8c6;
  float: left;
}

.new_rmfw b {
  font-size: 23px;
  line-height: 30px;
  color: #333333;
  font-weight: bold;
  padding-left: 20px;
}

.rmfw_img {
  position: relative;
  width: 100%;
  height: 238px;
  border-radius: 3px;
  background-color: #000;
  top: 20px;
}

.rmfw_img img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wbox {
  width: 100%;
  height: auto;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  left: 0;
}

.wbox p {
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  padding: 16px 24px;
}

.wbox p a {
  color: #ffffff;
}

.wbox p :hover {
  color: #30c8c6;
}


/*时间线*/

.timeline {
  position: relative;
  width: 350px;
  top: 20px;
}

.timeline li {
  position: relative;
  z-index: 1;
  height: 70px;
  padding-left: 45px;
  margin-top: 15px;
}

.timeline li .tit {
  font-size: 13px;
  line-height: 22px;
  color: #333333;
  margin-bottom: 8px;
}

.sel {
  color: #30c8c6;
  text-decoration: underline;
}

.timeline li p {
  font-size: 13px;
  line-height: 22px;
  color: #666666;
}

.timeline li:before {
  content: '';
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 3px solid #b4ebea;
  position: absolute;
  left: 12px;
  top: 2px;
}

.timeline .line {
  width: 0;
  height: 76%;
  border-radius: 0;
  background-color: #ffffff;
  border: 1px dashed #b4ebea;
  position: absolute;
  left: 19px;
  top: 10px;
}

/*正方形广告*/
.ad {
  width: 350px;
  height: 200px;
  margin-top: 60px;
  border-radius: 4px;
  background: #CC6699;
}

.ad img {
  width: 350px;
  height: 200px;
  border-radius: 4px;
}

.tjwz li {
  height: 88px;
  margin-top: 20px;
}

.tjwz_img {
  width: 130px;
  height: 88px;
  border-radius: 0px;
  overflow: hidden;
  float: left;
  background: #000;
}

.tjwz_img img {
  max-height: 100%;
  min-width: 100%;
  opacity: 0.9;
  display: block;
  object-fit: cover;
}

.tjwz b {
  display: block;
  width: 198px;
  height: 44px;
  float: right;
  font-size: 14px;
  line-height: 22px;
  color: #333333;
  font-weight: normal;
  margin-bottom: 5px;
  margin-top: 10px;
}

.tjwz em {
  font-style: normal;
  font-size: 13px;
  padding-left: 20px;
  color: #666666;
}


/*分页2*/
.mypage_2 {
  font-size: 0;
  text-align: center;
  overflow: hidden;
}

.mypage_2>* {
  box-sizing: border-box;
  color: #666;
  width: 42px;
  height: 42px;
  line-height: 40px;
  background: #fff;
  border: solid 1px #e8e8e8;
  border-left: 0;
}

.mypage_2 a,
.mypage_2 .curr {
  font-family: arial;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
}

.mypage_2 .curr,
.mypage_2 a:hover {
  background-color: #eee;
  color: #666;
}

.mypage_2 .pre,
.mypage_2 .nex {
  font-size: 12px;
  font-family: "microsoft yahei";
  width: 64px;
  text-align: center;
}

.mypage_2>*:first-child,
.mypage_2>*:last-child {
  font-size: 12px;
  width: 74px;
  text-align: left;
  background-repeat: no-repeat;
}

.mypage_2>*:first-child {
  padding-left: 26px;
  border-left: solid 1px #e8e8e8;
  background-position: 12px center;
  background-image: url(../images/pre_pic.png);
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
}

.mypage_2>*:last-child {
  padding-left: 12px;
  background-position: 47px center;
  background-image: url(../images/nex_pic.png);
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}



/*新闻内容页开始*/
.weizhi {
  min-width: 1200px;
  line-height: 60px;
  background: #f5f5f5;
}

/*新闻内容页左边*/
.page_main {
  width: 820px;
  float: left;
}

/*==============新闻详情=====================*/
.n_article {
  min-height: 730px;
  padding-top: 50px;
}

.n_article .ar_title {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #eee;
}

.n_article .ar_title h1 {
  font-size: 25px;
  padding-bottom: 25px;
}

.items_time {
  color: #999;
  font-size: 13px;
  font-weight: normal;
}

.items_time span {
  color: #ddd;
  margin-left: 10px;
}

.items_time em {
  font-style: normal;
  padding-left: 10px;
}

.n_article .info {
  font-size: 13px;
  color: #888;
  line-height: 30px;
  margin-bottom: 25px;
}

.n_article .ar_article {
  font-size: 15px;
  line-height: 30px;
  min-height: 160px;
  margin-top: 25px;
  color: #555;
}

.n_article .ar_article p {
  font-size: 15px;
  padding-bottom: 15px;
  text-indent: 2em;
}

.n_article .ar_article img {
  max-width: 90%;
}


.xg_news {
  margin-top: 50px;
}

.xg_news li {
  width: 260px;
  float: left;
  margin-right: 20px;
}

.xg_news li:nth-child(3n) {
  margin-right: 0;
}

.xg_news li .pic {
  width: 100%;
  height: 160px;
  overflow: hidden;
  background: #000;
  margin-bottom: 10px;
}

.xg_news li .pic img {
  max-height: 100%;
  min-width: 100%;
  opacity: 0.9;
  display: block;
}

.xg_news li p {
  line-height: 22px;
}





/* 企业核名 */
.qyhm_title {
  line-height: 120px;
  color: #fff;
  font-size: 46px;
  padding-top: 50px;
}

.qyhm_intro {
  line-height: 40px;
  text-align: center;
  color: #fff;
  font-size: 24px;
}

.qyhm_intro strong {
  color: #fe9f2a;
  font-weight: normal;
}

.qyhm_hint {
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.form-wrapper {
  width: 988px;
  height: 50px;
  margin: 50px auto 30px;
  padding: 10px;
  background-color: rgba(36, 40, 55, .3);
  border-radius: 10px;
}

.form-wrapper input,
.form-wrapper select {
  outline: none;
}

.citySelector {
  font: 12px/1.5 tahoma, arial, \5b8b\4f53;
  background: #fff;
  border-radius: 5px;
  text-align: left;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}

#xiala {
  font-family: '微软雅黑';
  background: #fff;
  border-radius: 5px;
  text-align: left;
  -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  height: 50px;
  width: 160px;
  color: #888;
  text-indent: 12px;
}

.city-input,
.firm-name {
  margin-right: 6px;
}

.city-input .cityinput {
  width: 160px;
  height: 50px;
  background: url(../images/banner-icons.png) no-repeat 20px -2px #fff;
  border-radius: 5px;
  border: none;
  padding: 0;
  text-indent: 46px;
}

.firm-name {
  width: 180px;
  height: 50px;
  padding: 0 14px 0 46px;
  background: url(../images/banner-icons.png) no-repeat 20px -64px #fff;
  border-radius: 5px;
}

.firm-name input {
  width: 180px;
  height: 50px;
  border: none;
  padding: 0;
}

.industry-name {
  background: url(../images/banner-icons.png) no-repeat 20px -125px #fff;
}

.form-wrapper .input-btn {
  width: 160px;
  height: 50px;
  line-height: 50px;
  background-color: #fe9f2a;
  border-radius: 5px;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  :
}

/*注意事项*/
.gxrd_service li {
  float: left;
  width: 23%;
  height: 286px;
  box-shadow: 2px 2px 10px rgba(40, 85, 166, 0.3);
  background: #fff;
  margin-left: 20px;
  margin-bottom: 30px;
}

.gxrd_service li img {
  width: 66px;
  height: 66px;
  margin: 30px 100px;
}

.gxrd_service li b {
  display: block;
  font-size: 17px;
  line-height: 20px;
  color: #333;
  margin-bottom: 18px;
  font-weight: normal;
  text-align: center;
}

.gxrd_service li p {
  font-size: 13px;
  line-height: 24px;
  color: #666;
  padding: 0 34px;
  text-align: center;
}














/*知产商标*/
/*查询*/
.chaxun {
  width: 720px;
  height: 380px;
  position: absolute;
  top: 125px;
  left: 50%;
  margin-left: -260px;
}

.chaxun h5 {
  font-size: 48px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}

.chaxun h6 {
  font-size: 24px;
  text-align: center;
  color: #fff;
  font-weight: normal;
  margin-bottom: 25px;
}

.banner-search-box {
  padding: 1px;
  width: 572px;
  box-sizing: border-box;
  margin: 0 auto;
}

.banner-search-box input {
  padding-left: 12px;
  width: 400px;
  font-size: 16px;
  color: #999;
  float: left;
  height: 52px;
  line-height: 52px;
  border: 0 none;
  box-sizing: border-box;
  outline: none;
}

.banner-search-box a {
  display: inline-block;
  height: 52px;
  font-size: 16px;
  line-height: 52px;
  background-color: #df1344;
  width: 170px;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
}

/*弹出表单*/
.popup_box {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
}

.popup {
  width: 400px;
  height: 440px;
  background: #fff;
  border-top: 4px solid #df1344;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -220px;
  margin-left: -200px;
  padding: 0 20px;
  box-sizing: border-box;
}

.popup h1 {
  text-align: center;
  font-size: 25px;
  margin: 20px 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2e2;
  line-height: 24px;
}

.d_tips {
  text-align: center;
  margin: 10px 0 30px;
}

.popup_hang1 {
  margin-left: 30px;
  margin-bottom: 20px;
}

.popup_hang1 span {
  font-size: 12px;
  color: #333;
}

.popup_hang1 span.hang_r {
  margin-left: 10px;
}

.popup_hang1 input,
.popup_hang1 select {
  margin-left: 10px;
  box-sizing: border-box;
  line-height: 30px;
  width: 200px;
  text-indent: 10px;
  padding: 0;
  height: 30px;
  vertical-align: middle;
}

.popup_hang1 select {
  margin-left: 6px;
}

.popup_hang1 input.check {
  width: 16px;
  height: 16px;
  margin-left: 70px;
}

.sure {
  display: block;
  background-color: #df1344;
  font-size: 16px;
  color: #fff;
  text-align: center;
  width: 220px;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  border-radius: 2px;
  border: none;
}

.close {
  width: 25px;
  height: 25px;
  display: block;
  background: url("../images/close.png") no-repeat center;
  position: absolute;
  top: 10px;
  right: 10px;
}

.sure:active {
  opacity: 0.8;
}

/*商标注册*/
.sbzc_box1 {}

.sbzc_box1 li {
  float: left;
  text-align: center;
  width: 27.3%;
  margin: 0 3%;
  transition: 0.3s all;
  box-sizing: border-box;
  border: solid 1px #e9e9e9;
  border-radius: 10px;
  box-shadow: 0 0 2px rgba(187, 186, 207, .3);
}

.sbzc_box1 li .pic {
  margin: 25px 0 15px 0;
  transition: 0.3s all;
}

.sbzc_box1 li .pic img {
  height: 66px;
}

.sbzc_box1 li h3 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: normal;
}

.sbzc_box1 li h5 {
  font-size: 25px;
  margin-bottom: 15px;
  font-weight: normal;
  color: #f30;
}

.sbzc_box1 li p {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 30px;
}

.sbzc_box2 {}

.sbzc_box2 li {
  width: 15.6%;
  margin: 0 0.5%;
  float: left;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  padding: 25px 0;
}

.sbzc_box2 li img {
  height: 50px;
  margin-bottom: 15px;
}

.sbzc_box2 li h3 {
  font-size: 20px;
  font-weight: normal;
  line-height: 46px;
}

.sbzc_box2 li p {
  color: #666;
  font-size: 12px;
}

.sbzc_box2 li .price {
  color: #666;
  margin-top: 25px;
}

.sbzc_box2 li .price span {
  font-size: 14px;
  color: #df1344;
}



/*知识产权*/
.zl_box1 {}

.zl_box1 .side {
  float: left;
  background: url(../images/zl_bg1.jpg) no-repeat;
  width: 272px;
  height: 346px;
  overflow: hidden;
  padding: 39px 20px 0 25px;
  box-sizing: border-box;
}

.zl_box1 .side h3 {
  font-size: 32px;
  margin-bottom: 18px;
  letter-spacing: 2px;
  color: #04b398
}

.zl_box1 .side p {
  line-height: 1.6;
  color: #04b398
}

.zl_box1 .main_con {
  width: 928px;
  float: right;
}

.zl_box1 .main_con li {
  width: 294px;
  height: 346px;
  overflow: hidden;
  margin-left: 15px;
  position: relative;
  float: left;
  text-align: center;
}

.zl_box1 .main_con li section {
  display: block;
  width: 100%;
  height: 100%;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  padding: 35px 20px 0 20px;
}

.zl_box1 .main_con li .pic {
  height: 80px;
  text-align: center;
  margin-bottom: 25px;
}

.zl_box1 .main_con li .pic img {
  height: 100%;
}

.zl_box1 .main_con li h3 {
  font-size: 20px;
  transition: 0.3s all;
  margin-bottom: 15px;
}

.zl_box1 .main_con li p {
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 30px;
  color: #999;
  height: 66px;
}

.zl_box1 .main_con li a {
  min-width: 130px;
  line-height: 32px;
  overflow: hidden;
  background: #f8f8f8;
  border: solid 1px #ccc;
  display: inline-block;
  border-radius: 52px;
  text-align: center;
  color: #666;
  transition: 0.3s all;
  position: relative;
}

.zl_box1 .main_con li a:hover {
  border: solid 1px #04b398;
  background: #04b398;
  color: #fff;
}


.animate-line i {
  position: absolute;
  display: inline-block;
  background: linear-gradient(to left, #4abf9f, #4abf9f);
  transition: all .5s linear
}

.animate-line .top {
  width: 0;
  height: 2px;
  top: 0;
  left: 0
}

.animate-line .bottom {
  width: 0;
  height: 2px;
  bottom: 0px;
  left: 0
}

.animate-line .left {
  width: 2px;
  height: 0;
  top: 0;
  left: 0
}

.animate-line .right {
  width: 2px;
  height: 0;
  top: 0;
  right: 0
}

.zl_box1 li:hover .top {
  width: 300px
}

.zl_box1 li:hover .left {
  height: 346px
}

.zl_box1 li:hover .bottom {
  width: 300px
}

.zl_box1 li:hover .right {
  height: 346px
}


.zl_box2 {}

.zl_box2 .side {
  float: left;
  background: url(../images/zl_bg2.jpg) no-repeat;
  width: 272px;
  height: 346px;
  overflow: hidden;
  padding: 39px 20px 0 25px;
  box-sizing: border-box;
}

.zl_box2 .side h3 {
  font-size: 32px;
  margin-bottom: 18px;
  color: #f69000
}

.zl_box2 .side p {
  line-height: 1.6;
  color: #f69000
}

.zl_box2 .main_con {
  width: 928px;
  float: right;
}

.zl_box2 .main_con li {
  width: 294px;
  height: 165.5px;
  padding: 30px 18px 0 30px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 0 15px 15px;
  position: relative;
  float: left;
  background: #fff;
  transition: 0.3s all;
}

.zl_box2 .main_con li h3 {
  font-size: 20px;
  transition: 0.3s all;
  margin-bottom: 15px;
}

.zl_box2 .main_con li p {
  font-size: 14px;
  line-height: 22px;
  color: #666;
}

.zl_box2 .main_con li .price {
  font-size: 14px;
  color: #f60;
  position: absolute;
  left: 30px;
  bottom: 20px;
}

.zl_box2 .main_con li span {
  font-size: 14px;
}

.zl_box2 .main_con li:hover {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}



/*资质代办*/
.zz_form {
  width: 310px;
  height: 330px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 45px;
  padding: 25px 20px;
  box-sizing: border-box;
  border-radius: 5px;
}

.zz_form h5 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 15px;
}

.zz_form span {
  margin-top: 15px;
  display: block;
}

.zz_form input {
  outline: none;
  height: 45px;
  line-height: 45px;
  font-size: 15px;
  border: 0;
  box-sizing: border-box;
  border-radius: 5px;
  background: #f3f3f3;
  padding-left: 20px;
  width: 100%;
}

.zz_form .zz_btn {
  background: #FF6270;
  width: 270px;
  height: 50px;
  font-size: 16px;
  color: #FFF;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, right top, from(#ffcb5b), to(#ff8800));
  background: linear-gradient(left, #ffcb5b, #ff8800);
}

.zz_form .zz_btn:active {
  opacity: 0.8;
}




/*资质办理优势部分*/

.zzbl_youshi li {
  float: left;
  width: 25%;
  height: 125px;
}

.zzbl_youshi li img {
  float: left;
  margin-left: 30px;
  margin-top: 35px;
  width: 48px;
  height: 48px;
}

.youshi_wz {
  display: block;
  width: 200px;
  height: 48px;
  float: right;
  margin-top: 35px;
}

.youshi_wz b {
  font-size: 18px;
  color: #333333;
  font-weight: normal;
}

.youshi_wz p {
  font-size: 14px;
  color: #333333;
  padding-top: 5px;
}

/*资质代办类型介绍*/
.zzdb_bg {
  min-width: 1200px;
  height: 580px;
  background: #eaf2ff;
  margin: 0 auto;
}

/*资质代办类型左边通用*/
.zzdb_left {
  width: 23%;
  height: 366px;
  background: url(../images/zzdb_left1.jpg) no-repeat center;
  float: left;
}

.zzdb_bg .zzdb_left h2 {
  line-height: 30px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  padding-top: 80px;
}

.zzdb_bg .zzdb_left span {
  display: block;
  width: 50px;
  height: 2px;
  background: #fff;
  opacity: 0.7;
  margin: 20px 52px;
}

.zzdb_bg .zzdb_left p {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
  padding-right: 30px;
  padding-left: 50px;
}

.zzdb_bg .zzdb_left a {
  display: block;
  width: 160px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 4px;
  margin: 60px auto;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
}

/*食品行业资质代办类型*/
.zzdb_foods {
  width: 76%;
  height: 366px;
  float: right;
}

.zzdb_foods li {
  width: 32.5%;
  height: 178px;
  background: #fff;
  float: left;
  margin-left: 10px;
}

.zzdb_foods .food1 {
  margin-left: 0px;
  background: url(../images/foods_bg1.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food2 {
  background: url(../images/foods_bg2.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food3 {
  background: url(../images/foods_bg3.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food4 {
  margin-left: 0px;
  margin-top: 10px;
  background: url(../images/foods_bg4.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food5 {
  margin-top: 10px;
  background: url(../images/foods_bg5.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food6 {
  margin-top: 10px;
  background: url(../images/jiantou.png) no-repeat 170px center #fff;
}

.zzdb_foods li h3 {
  line-height: 30px;
  font-size: 16px;
  color: #233767;
  font-weight: normal;
  margin-left: 30px;
  margin-top: 30px;
}

.zzdb_foods li p {
  line-height: 24px;
  color: #888;
  margin-left: 30px;
  margin-top: 5px;
  font-size: 13px;
}

.zzdb_foods li b {
  font-size: 16px;
  color: #F03;
  margin-left: 30px;
  line-height: 50px;
}

.zzdb_foods .food6 .food_more {
  line-height: 30px;
  font-size: 18px;
  color: #233767;
  font-weight: 400;
  margin-left: 60px;
  margin-top: 67px;
}

.zzdb_foods .food6 .food_more1 {
  color: #999;
  line-height: 26px;
  margin-left: 65px;
  font-weight: normal;
  font-size: 14px;
}

/*建筑行业资质代办*/
.zzdb_foods .food7 {
  margin-left: 0px;
  background: url(../images/bulid_bg1.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food8 {
  background: url(../images/bulid_bg2.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food9 {
  background: url(../images/bulid_bg3.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food10 {
  margin-left: 0px;
  margin-top: 10px;
  background: url(../images/bulid_bg4.jpg) no-repeat right bottom #fff;
  width: 66%;
}

/*电商行业资质代办*/
.zzdb_foods .food11 {
  margin-left: 0px;
  background: url(../images/onlie-bag1.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food12 {
  background: url(../images/onlie-bag2.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food13 {
  background: url(../images/onlie-bag3.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food14 {
  margin-left: 0px;
  margin-top: 10px;
  background: url(../images/onlie-bag4.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food15 {
  margin-top: 10px;
  background: url(../images/onlie-bag5.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food16 {
  margin-top: 10px;
  background: url(../images/onlie-bag6.jpg) no-repeat right bottom #fff;
}

/*网络游戏行业资质代办*/
.zzdb_foods .food17 {
  margin-left: 0px;
  background: url(../images/onlie-bag1.jpg) no-repeat right bottom #fff;
  width: 49%;
}

.zzdb_foods .food18 {
  background: url(../images/onlie-bag2.jpg) no-repeat right bottom #fff;
  width: 49%;
}

.zzdb_foods .food19 {
  margin-left: 0px;
  margin-top: 10px;
  background: url(../images/onlie-bag3.jpg) no-repeat right bottom #fff;
  width: 49%;
}

.zzdb_foods .food20 {
  margin-top: 10px;
  background: url(../images/onlie-bag4.jpg) no-repeat right bottom #fff;
  width: 49%;
}


/*文化运营行业资质代办*/
.zzdb_foods .food21 {
  margin-left: 0px;
  background: url(../images/culture_bg1.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food22 {
  background: url(../images/culture_bg2.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food23 {
  background: url(../images/culture_bg3.jpg) no-repeat right bottom #fff;
}

.zzdb_foods .food24 {
  margin-left: 0px;
  margin-top: 10px;
  background: url(../images/culture_bg4.jpg) no-repeat right bottom #fff;
  width: 66%;
}


/*其他行业资质代办*/
/*左边*/
.qthy_left {
  width: 23%;
  height: 230px;
  background: url(../images/zzdb_left6.jpg) no-repeat center;
  float: left;
  margin-top: 50px;
}

.zzdb_bg .qthy_left h2 {
  line-height: 30px;
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: normal;
  padding-top: 30px;
}

.zzdb_bg .qthy_left span {
  display: block;
  width: 50px;
  height: 2px;
  background: #fff;
  opacity: 0.7;
  margin: 20px 52px;
}

.zzdb_bg .qthy_left p {
  font-size: 14px;
  color: #fff;
  line-height: 10px;
  padding-right: 30px;
  padding-left: 50px;
}

.zzdb_bg .qthy_left a {
  display: block;
  width: 160px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 4px;
  margin: 60px auto;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
}

/*右边*/
.zzdb_qthy {
  width: 76%;
  height: 230px;
  float: right;
}

.zzdb_qthy li {
  width: 24%;
  height: 230px;
  background: #fff;
  float: left;
  margin-left: 10px;
  margin-top: 50px;
}

.zzdb_qthy .qt1 {
  margin-left: 0px;
  background: url(../images/qt_bg1.jpg) no-repeat right bottom #fff;
}

.zzdb_qthy .qt2 {
  background: url(../images/qt_bg2.jpg) no-repeat right bottom #fff;
}

.zzdb_qthy .qt3 {
  background: url(../images/qt_bg3.jpg) no-repeat right bottom #fff;
}

.zzdb_qthy .qt4 {
  background: url(../images/qt_bg4.jpg) no-repeat right bottom #fff;
}

.zzdb_qthy li h3 {
  line-height: 30px;
  font-size: 16px;
  color: #233767;
  font-weight: normal;
  margin-left: 30px;
  margin-top: 30px;
}

.zzdb_qthy li p {
  line-height: 24px;
  color: #888;
  margin-left: 30px;
  margin-top: 5px;
  font-size: 13px;
}

.zzdb_qthy li b {
  font-size: 16px;
  color: #F03;
  margin-left: 30px;
  line-height: 50px;
}











/*关于我们*/
.page_ban_about {
  position: relative;
}

.page_ban_about img {
  width: 100%;
  display: block;
}

.page_ban_about .ico_about {
  background: url(../images/ico_about.png) no-repeat center 36px #fff;
  background-size: 46px auto;
}

.page_ban_about .ico_contact {
  background: url(../images/0-0-0-0.jpg) no-repeat center 36px #146bbb;
}

.cname {
  width: 127px;
  height: 127px;
  border-radius: 100%;
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: -63.5px;
  margin-left: -63.5px;
  text-align: center;
  line-height: 160px;
  font-size: 16px;
  color: #fff;
}

.cname:after {
  content: "";
  width: 127px;
  height: 127px;
  background: rgba(20, 107, 187, 0.1);
  animation: fd_sx1 1s linear infinite;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 2;
}

.cname1 {
  width: 127px;
  height: 127px;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: -63.5px;
  margin-left: -63.5px;
}

.cname1:after {
  content: "";
  width: 127px;
  height: 127px;
  background: rgba(20, 107, 187, 0.2);
  animation: fd_sx1 2s linear infinite;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 2;
}

.cname2 {
  width: 127px;
  height: 127px;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
  left: 50%;
  bottom: -63.5px;
  margin-left: -63.5px;
}

.cname2:after {
  content: "";
  width: 127px;
  height: 127px;
  background: rgba(20, 107, 187, 0.3);
  animation: fd_sx1 3s linear infinite;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 2;
}

@-webkit-keyframes fd_sx1 {
  0% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0)
  }

  50% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    background: rgba(20, 107, 187, 0.0);
  }
}



/*公司简介*/
.about2_img {
  width: 460px;
  height: 448px;
  border: solid 1px #ddd;
  position: relative;
  box-sizing: border-box;
}

.about2_img .img {
  position: absolute;
  left: 25px;
  top: 25px;
  width: 100%;
  height: 100%;
}

.about2_img .img img {
  width: 100%;
  height: 100%;
  display: block;
}

.shipin_play {
  width: 72px;
  height: 72px;
  position: absolute;
  left: 50%;
  margin-left: -10px;
  top: 50%;
  margin-top: -10px;
  z-index: 99;
  background: rgba(0, 0, 0, .45);
  border-radius: 50%;
}

.shipin_play img {
  transition: all 0.8s ease 0s;
  width: 100%;
  height: 100%;
}

.shipin_play img:hover {
  cursor: pointer;
  transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  /* IE 9 */
  -moz-transform: rotate(360deg);
  /* Firefox */
  -webkit-transform: rotate(360deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(360deg);
  /* Opera */
}


.about_txt {
  width: 640px;
}

.about_txt h3 {
  font-size: 25px;
  margin-top: 40px;
}

.about_txt h6 {
  font-size: 16px;
  font-weight: normal;
  color: #666;
  margin: 5px 0 25px 0;
}

.about_txt p {
  line-height: 28px;
  text-align: justify;
  margin-top: 15px;
  color: #555;
}


/* 数字变换css */
.product-number-info {
  position: relative;
  background: rgba(255, 255, 255, 0.66);
  height: 120px;
  z-index: 999;
}

.product-number-info .product-number-inner {
  width: 1200px;
  position: absolute;
}

.product-number-info ul {
  padding: 20px 0;
}

.q {
  zoom: 1;
}

.product-number-info li {
  float: left;
  width: 300px;
  padding-left: 120px;
  height: 80px;
  border-left: 1px solid #ddd;
  box-sizing: border-box;
}

.product-number-info li.li-1 {
  background: url(../images/youshi01.png) no-repeat 65px center;
}

.product-number-info li.li-2 {
  background: url(../images/youshi02.png) no-repeat 50px center;
}

.product-number-info li.li-3 {
  background: url(../images/youshi03.png) no-repeat 50px center;
}

.product-number-info li.li-4 {
  background: url(../images/youshi04.png) no-repeat 45px center;
}

.product-number-info li:first-child {
  border: none;
}

.product-number-info li b {
  font-weight: 300;
  font-size: 36px;
  line-height: 1;
  display: inline-block;
  position: relative;
  margin: 10px 0 5px;
}

.product-number-info li p {
  font-size: 14px;
  color: #666;
}

.product-number-info li b i {
  font-style: normal;
  font-family: Impact;
  color: #146bbb;
}

.product-number-info li b sup {
  position: absolute;
  font-size: 20px;
  right: -20px;
  top: -3px;
  color: #146bbb;
}

.product-number-info li b span {
  position: absolute;
  font-weight: normal;
  color: #146bbb;
  font-size: 14px;
  right: -30px;
  top: 18px;
}


/*服务范围*/
.page_fw {}

.page_fw li {
  width: 285px;
  line-height: 108px;
  background: #fff;
  border-radius: 5px;
  margin: 0 20px 20px 0;
  font-size: 20px;
  float: left;
  transition: 0.3s all;
}

.page_fw li:nth-child(4n) {
  margin-right: 0;
}

.page_fw li:hover {
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
  translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
}

.page_fw li>div {
  width: 90px;
  height: 108px;
  margin-left: 25px;
  float: left;
}

.page_fw li:nth-child(1) div {
  background: url(../images/fw_03.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(2) div {
  background: url(../images/icon_mfhm.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(3) div {
  background: url(../images/fw_09.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(4) div {
  background: url(../images/fw_11.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(5) div {
  background: url(../images/gssj_ico1.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(6) div {
  background: url(../images/fw_19.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(7) div {
  background: url(../images/dljz_ico8.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(8) div {
  background: url(../images/gssj_ico4.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(9) div {
  background: url(../images/sbzc_ico1.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(10) div {
  background: url(../images/fw_25.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(11) div {
  background: url(../images/gssj_ico4.png) no-repeat center;
  background-size: 50px auto;
}

.page_fw li:nth-child(12) div {
  background: url(../images/dljz_ico7.png) no-repeat center;
  background-size: 50px auto;
}



/*服务保障*/
.page_bz {}

.page_bz li {
  float: left;
  background: url(../images/bz_icon.png) no-repeat -21px -252px;
  text-align: center;
  width: 240px;
}

.page_bz li:first-child {
  background: none;
}

.page_bz li .icon {
  width: 86px;
  height: 86px;
  display: inline-block;
}

.page_bz li .title {
  font-size: 18px;
  margin-bottom: 5px;
}

.page_bz li .content {
  color: #666;
}

/*企业文化*/
.qywh1 {
  border-bottom: solid 1px #ddd;
  padding-bottom: 60px;
}

.qywh1 li {
  background: #f3f3f5;
  width: 48%;
  float: left;
}

.qywh1 li:nth-child(2) {
  float: right;
}

.qywh1 li .pic {
  float: left;
}

.qywh1 li .pic img {
  display: block;
}

.qywh1 li .txt {
  text-align: center;
}

.qywh1 li .txt h5 {
  font-size: 22px;
  padding: 35px 0 15px 0;
}

.qywh1 li .txt p {
  line-height: 28px;
  font-size: 16px;
  color: #666;
}

.qywh2 {}

.qywh2 li {
  width: 280px;
  float: left;
  margin-right: 20px;
  position: relative;
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
}

.qywh2 li:nth-child(4n) {
  margin-right: 0;
}

.qywh2 li .pic {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.qywh2 li .pic img {
  width: 100%;
  display: block;
}

.qywh2 li .txt {
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  padding-top: 40%;
  transition: 0.3s all;
}

.qywh2 li .txt h5 {
  font-size: 24px;
  margin-bottom: 20px;
}

.qywh2 li .txt h5:after {
  content: "";
  display: block;
  width: 20px;
  background: rgba(255, 255, 255, 0.5);
  height: 2px;
  margin: 25px auto;
}

.qywh2 li .txt h6 {
  font-size: 16px;
  margin-bottom: 20px;
}

.qywh2 li .txt p {
  font-size: 14px;
  line-height: 24px;
  padding: 0 15px;
  color: rgba(255, 255, 255, 0.8);
  transition: 0.3s all;
  opacity: 0;
  filter: alpha(opacity=0);
}

.qywh2 li:hover .txt {
  background: rgba(0, 0, 0, 0.6);
  padding-top: 25%;
}

.qywh2 li:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
}







/*右侧浮动*/
.circle {
  width: 80px;
  height: 80px;
  position: fixed;
  bottom: 120px;
  right: 0;
  z-index: 999;
  text-align: center;
  line-height: 80px;
  color: #3f897c;
  font-size: 30px;
}

.circle span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-color: rgb(194, 14, 47);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: circleScale 3s linear infinite;
  -moz-animation: circleScale 3s linear infinite;
  -ms-animation: circleScale 3s linear infinite;
  animation: circleScale 3s linear infinite;
}

.circle span:nth-of-type(2) {
  animation-delay: 1s;
}

.circle span:nth-of-type(3) {
  animation-delay: 2s;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes circleScale1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  60% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}

.circle a {
  cursor: pointer;
  position: relative;
  background: #d90024;
  width: 50px;
  height: 50px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: 15px;
  line-height: 47px;
}

.anniu .circle a {
  background: #f08200
}

.anniu .circle span {
  background: rgba(240, 130, 0)
}

.anniu .circle {
  bottom: 40px;
}

.circle a .kuang {
  display: none;
  position: absolute;
  right: 75px;
  top: 0;
  width: 150px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333;
  background: #fff;
  border-radius: 10px;
  box-shadow: 3px 1px 5px rgba(0, 0, 0, 0.15)
}

.circle a .kuang:before {
  content: "";
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -10px;
  border-top: transparent 10px solid;
  border-bottom: transparent 10px solid;
  border-left: #fff 10px solid
}




/*网站建设*/

/*焦点图*/

/*焦点图*/
#web {
  max-width: 1920px;
  margin: auto;
  position: relative;
  z-index: 9;
  min-width: 1200px;
}

#web .swiper-slide {
  overflow: hidden;
  height: 500px;
  position: relative;
}

#web .swiper-slide a {
  display: block;
  height: 100%;
}

#web .swiper-slide img {
  width: 100%;
}

/*按钮切换*/
#web .swiper-button-prev,
#web .swiper-button-next {
  display: none;
  width: 72px;
  height: 72px;
  background: url(../images/ico_sliding.png) no-repeat;
}

#web .swiper-button-prev {
  background-position: 0 0;
}

#web .swiper-button-prev:hover {
  background-position: 0 -144px;
}

#web .swiper-button-next {
  background-position: 0 -72px;
}

#web .swiper-button-next:hover {
  background-position: 0 -216px;
}

/*分页器*/
#web .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.36);
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  opacity: 1.0;
}

#web .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.8);
  color: #fff;
  width: 33px;
  border-radius: 30px;
  opacity: 1.0;
}

#web .swiper-pagination {
  bottom: 25px;
}

#web .swiper-slide h3 {
  font-size: 46px;
  font-weight: normal;
  color: #fff;
  padding-top: 125px;
  margin-bottom: 35px;
}

#web .swiper-slide p {
  font-size: 16px;
  color: #fff;
  width: 580px;
  line-height: 36px;
}

#web .swiper-slide ul {
  width: 560px;
}

#web .swiper-slide ul li {
  width: 33.3%;
  float: left;
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 10px;
}

#web .swiper-slide ul li i {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 12px;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.6);
}

#web .swiper-slide a {
  width: 160px;
  line-height: 36px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.1);
  display: inline-block;
  border: solid 1px rgba(255, 255, 255, 0.6);
  border-radius: 52px;
  text-align: center;
  color: #fff;
  margin-top: 30px;
  transition: 0.3s all;
  position: relative;
}

#web .swiper-slide a:hover {
  border: solid 1px #06c;
  background: #06c;
  color: #fff;
}







.yewu .service {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.yewu .service .ul {
  width: 100%;
}

.yewu .service .ul li {
  float: left;
  position: relative;
  padding: 42px 21px 0 45px;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-top: none;
  width: 266px;
  height: 217px;
}

.yewu .service .ul li.a_service1 {
  border: 1px solid #dadada;
  border-right: none;
  width: 532px;
}

.yewu .service .ul li.a_service2 {
  border-top: 1px solid #dadada;
  border-right: 1px solid #dadada;
  width: 533px;
}

.yewu .service .ul li.a_service3 {
  width: 233px;
}

.yewu .service .ul li.a_service4 {
  border-left: 1px solid #dadada;
  width: 232px;
}

.yewu .service .ul li.a_service5 {
  border-right: 1px solid #dadada;
  border-right: none;
  width: 233px;
}

.yewu .service .ul li.a_service6 {
  border-right: 1px solid #dadada;
  width: 233px;
}

.yewu .service .ul li .span {
  position: absolute;
  right: 25px;
  top: 36px;
}

.yewu .service .ul li .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: none;
}

.yewu .service .ul li a {
  display: inline-block;
  color: #555;
  line-height: 20px;
  text-decoration: none;
}

.yewu .service .ul li a .icon {
  height: 120px;
}

.yewu .service .ul li a span {
  display: block;
  font-size: 14px;
}

.yewu .service .ul li a .title {
  font-size: 22px;
  padding-bottom: 10px;
}

.yewu .service .ul li a .brief {
  color: #999;
}

.yewu .service .ul li a:hover .icon img {
  transform: rotateY(360deg);
  transition: all 0.5s ease-out;
}

.yewu .service .ul li.a_service1 a {
  padding: 120px 0 0;
  background: url(../images/bg31.jpg) no-repeat left top;
}

.yewu .service .ul li.a_service2 a {
  padding: 120px 0 0;
  background: url(../images/bg30.jpg) no-repeat left 12px;
}


.web_box2 {
  text-align: center;
}

.web_box2 ul {
  width: 540px;
  margin: auto;
}

.web_box2 li {
  text-align: center;
  float: left;
  margin: 0 5px;
}

.web_box2 li img {
  border: #dbdbdb 1px solid;
  border-radius: 100%;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65
}

.web_box2 li:hover .pic img {
  border: #999 1px solid;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  /*filter:none;*/
  filter: alpha(opacity=100);
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
}

.web_box2 li .txt {
  filter: alpha(opacity=0);
  opacity: 0;
  transition: 0.3s all;
  margin-top: 5px;
}

.web_box2 li:hover .txt {
  filter: alpha(opacity=65);
  opacity: 0.65;
}




/*表单*/
.biaodan {
  width: 1000px;
  margin: auto;
}

.biaodan li {
  float: left;
  margin-left: 15px;
}

.biaodan li input {
  border: solid 1px #ddd;
  height: 55px;
  line-height: 55px;
  font-size: 15px;
  color: #666;
  padding: 0 20px;
  width: 210px;
  box-sizing: border-box;
}

.biaodan li input[type="submit"] {
  width: 128px;
  background: #035CAC;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}


.index_zx {
  background: url(../images/home_bg2.jpg) no-repeat 50% 50%;
  height: 240px;
}

.index_zx .main {
  position: relative
}

.index_zx .main .text-wrap {
  position: absolute;
  top: 80px;
  left: 180px;
  color: #fff;
  text-align: center;
}

.index_zx .main .btn {
  position: absolute;
  top: 100px;
  right: 180px;
  width: 190px;
  height: 50px;
  background: #fff;
  border-radius: 50px;
  color: #666;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
  overflow: hidden;
}

.index_zx .main .btn:hover {
  background: #035CAC;
  color: #fff;
}

.index_zx .main .text-wrap .title {
  font-size: 26px;
}

.index_zx .main .text-wrap .desc {
  margin-top: 15px;
  font-size: 20px;
}


/*服务保障*/
.bz_box {}

.bz_box li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  text-align: center;
  border-right: solid 1px #eee;
  margin: 30px 0;
}

.bz_box li:nth-child(4n) {
  border-right: 0;
}

.bz_box li img {
  margin-bottom: 15px;
}

.bz_box li p {
  line-height: 26px;
  color: #666;
  font-size: 13px;
}

.bz_box li p span {
  display: block;
  font-weight: bold;
  color: #222;
  font-size: 15px;
}




/*小程序*/
/*小程序唯一性 */
.weiyi {
  background: url(../images/duang.png) no-repeat right top;
  height: 110px;
  padding: 40px 0;
}

.weiyi .weiyi_wen {
  float: left;
}

.weiyi .weiyi_txt {
  float: left;
  margin: 0 0px 0 30px;
}

.weiyi .weiyi_txt h5 {
  color: #fff;
  font-size: 30px;
  font-weight: normal;
  margin-bottom: 10px;
}

.weiyi .weiyi_txt h5 strong {
  font-size: 46px;
  margin-right: 20px;
}

.weiyi .weiyi_txt p {
  color: #fff;
  font-size: 20px;
}

.weiyi_kf {
  float: right;
  margin: 35px 100px 0 0px;
}

.weiyi_kf a {
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  transition: 0.3s all;
  font-size: 18px;
  color: #fff;
  box-sizing: border-box;
  border: solid 1px rgba(255, 255, 255, 0.8);
  display: block;
}

.weiyi_kf a:hover {
  background: #fff;
  border: solid 1px #fff;
  color: #06c;
}




/*小程序方案*/
.xcx_yy li {
  width: 23%;
  margin: 10px 1%;
  height: 260px;
  border: solid 1px #e8e8e8;
  background: #FFF;
  box-sizing: border-box;
  text-align: center;
  float: left;
  cursor: pointer;
  transition: 0.3s all;
}

.xcx_yy li:hover {
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
  translate3d(0, -5px, 0);
  -webkit-transform: translate3d(0, -5px, 0);
  transition: 0.3s all;
}

.xcx_yy .xcx_yy_ico {
  height: 140px;
  line-height: 140px;
}

.xcx_yy .xcx_yy_ico img {
  display: inline-block;
  vertical-align: middle;
}

.xcx_yy li h3 {
  font-size: 20px;
  height: 36px;
  color: #000;
  font-weight: normal;
}

.xcx_yy li p {
  font-size: 14px;
  color: #666;
  line-height: 22px;
  width: 80%;
  margin: auto;
}

/*小程序模板展示*/
#certify {
  position: relative;
}

#certify .swiper-container {
  padding-bottom: 20px;
}

#certify .swiper-slide {
  width: 302px;
  height: 559px;
  padding-top: 70px;
  box-sizing: border-box;
  background: url(../images/iphone.png) no-repeat;
  text-align: center;
}

#certify .swiper-slide img {
  display: inline-block;
  width: 229px;
  height: 407px;
}

#certify .swiper-button-prev {
  left: 0px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 0;
  background-size: 100%;
}

#certify .swiper-button-prev:hover {
  background-position: 0 -46px;
  background-size: 100%
}

#certify .swiper-button-next {
  right: 0px;
  width: 45px;
  height: 45px;
  background: url(../images/wm_button_icon.png) no-repeat;
  background-position: 0 -93px;
  background-size: 100%;
}

#certify .swiper-button-next:hover {
  background-position: 0 -139px;
  background-size: 100%
}



/*服务流程*/
.xcx_fwlc .steps {
  width: 1200px;
  margin: auto;
}

.xcx_fwlc .steps ul li {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  float: left;
  margin: 0 30px;
  box-sizing: border-box;
  padding: 0 30px;
  font-size: 14px;
  line-height: 1.4;
}

.xcx_fwlc .steps ul li h4 {
  font-size: 22px;
  font-weight: bold;
  padding-top: 50px;
  padding-bottom: 10px;
}

.xcx_fwlc .steps ul li.step1 {
  background: -webkit-linear-gradient(-40deg, #5ae6db, #64b4ef);
  background: -o-linear-gradient(-40deg, #5ae6db, #64b4ef);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-40deg, #5ae6db, #64b4ef);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-40deg, #5ae6db, #64b4ef);
  /* 标准的语法 */
}

.xcx_fwlc .steps ul li.step2 {
  background: -webkit-linear-gradient(-40deg, #ffb97d, #ff7985);
  background: -o-linear-gradient(-40deg, #ffb97d, #ff7985);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-40deg, #ffb97d, #ff7985);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-40deg, #ffb97d, #ff7985);
  /* 标准的语法 */
}

.xcx_fwlc .steps ul li.step3 {
  background: -webkit-linear-gradient(-40deg, #81eab2, #14c5ce);
  background: -o-linear-gradient(-40deg, #81eab2, #14c5ce);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-40deg, #81eab2, #14c5ce);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-40deg, #81eab2, #14c5ce);
  /* 标准的语法 */
}

.xcx_fwlc .steps ul li.step4 {
  background: -webkit-linear-gradient(-40deg, #82c3fe, #9182f8);
  background: -o-linear-gradient(-40deg, #82c3fe, #9182f8);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-40deg, #82c3fe, #9182f8);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-40deg, #82c3fe, #9182f8);
  /* 标准的语法 */
}

.xcx_fwlc .steps ul li.step5 {
  background: -webkit-linear-gradient(-40deg, #64b6ee, #5fcbe5);
  background: -o-linear-gradient(-40deg, #64b6ee, #5fcbe5);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(-40deg, #64b6ee, #5fcbe5);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(-40deg, #64b6ee, #5fcbe5);
  /* 标准的语法 */
}




/*小程序常见问题*/
.xcx_wt {}

.xcx_wt li {
  width: 25%;
  float: left;
  font-size: 16px;
  line-height: 60px;
}

.xcx_wt li a {}

.xcx_wt li a:hover {
  text-decoration: underline;
}

.xcx_wt_kf {
  text-align: center;
}

.xcx_wt_kf a {
  width: 230px;
  height: 50px;
  line-height: 50px;
  border: solid 1px rgba(255, 255, 255, 0.5);
  display: inline-block;
  color: #f3f3f3;
  font-size: 18px;
}

.xcx_wt_kf a:hover {
  background: rgba(255, 255, 255, 0.3);
}



.pagebar {
  padding: 20px;
  overflow: hidden
}

.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 7px 10px;
  margin: 0 2px;
  border-radius: 3px;
}

.pagination span {
  color: #333;
  font-size: 12px;
  padding: 7px 2px;
  margin: 0 2px;
  border-radius: 3px;
}

.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}

.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}

.pagination .st {
  font-family: 宋体
}

.text-secondary {
  text-align: center;
  padding: 20px 0
}

#MyContent img {
  max-width: 100%;
  height: auto !important
}