@charset "utf-8";
body {
  color: #797979;
  /*font-family: 'Open Sans', sans-serif;*/
  /*font-family: "Microsoft YaHei", Arial, "lucida Grande",Verdana;*/
  font: 16px/40px "Microsoft YaHei", "微软雅黑", SimHei, "黑体", sans-serif;
  font-family: 'Microsoft Yahei', "Lucida Grande", "Tahoma", "Arial", "Helvetica", "sans-serif";
  padding: 0px !important;
  margin: 0px !important;
  font-size: 14px;
  /*font: 12px Arial, "微软雅黑";*/
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
button {
  border: none;
  background-color: transparent;
  outline: none;
  margin: 0;
  padding: 0;
}
button:hover {
  border: none;
}
button:active {
  border: none;
}
button:focus {
  border: none;
}
button:hover {
  border: none;
}
.clear {
  clear: both;
}
.float_right {
  float: right
}
li {
  display: initial
}
li::marker {
  display: none;
}
a, a:hover, a:focus {
  text-decoration: none;
  outline: none;
}
::selection {
  background: #F77B6F;
  color: #fff;
}
::-moz-selection {
  background: #F77B6F;
  color: #fff;
}
h1, h2, h3, h4, h5, h6 {
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: "Microsoft YaHei", "微软雅黑", SimHei, "黑体", sans-serif;
}
a {
  color: #444e67;
}
a:hover {
  /*color: #f77b6f;*/
  color: #428fef;
}
p {
  line-height: 22px;
}
/*header*/
.header-frontend {
  position: fixed;
  width: 100%;
  top: 0;
  background: #fff;
  z-index: 2;
}
.header-frontend .navbar {
  margin-bottom: 0;
}
.navbar-default {
  border: none;
}
.navbar-brand {
  color: #bcc0cd;
  font-size: 30px;
  font-weight: 100;
  line-height: 30px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0 0 0 15px;
}
.navbar-brand span {
  color: #f25f5b;
}
.header-frontend .navbar-collapse ul.navbar-nav {
  /*float: right;
    margin-right: 0;*/
  display: flex;
  width: 100%;
}
.header-frontend .navbar-default {
  /*background-color: rgba(256,256,256,.98); 428fef*/
  background: #346fc9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.header-frontend .nav li a {
  color: #fff;
  font-size: 14px;
  /*font-weight: 300;*/
  background: none;
}
.header-frontend .nav li.active ul.dropdown-menu li a {
  color: #333;
  font-size: 14px;
  /*font-weight: 300;*/
  background: none;
}
.header-frontend .nav li a:hover, .header-frontend .nav li a:focus, .header-frontend .nav li.active a, .header-frontend .nav li.active a:hover {
  color: #fff;
  background-color: #428fef;
  border-radius: 4px;
}
.header-frontend .nav li a.dropdown-toggle:hover, .header-frontend .nav li a.dropdown-toggle:focus, .header-frontend .nav li.active ul.dropdown-menu li a:hover, .header-frontend .nav li.active ul.dropdown-menu li.active a {
  color: #237aeb;
  background-color: transparent;
  /*border-bottom: 2px solid #237aeb;*/
}
.header-frontend .navbar-default .navbar-nav > .open > a, .header-frontend .navbar-default .navbar-nav > .open > a:hover, .header-frontend .navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  /*background-color: #f77b6f;*/
  background-color: #428fef;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.header-frontend .navbar {
  /*min-height: 80px;*/
  /*position: fixed;*/
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.header-frontend .navbar .container {
  padding-left: 0;
  padding-right: 0;
}
.header-frontend .navbar-nav > li {
  padding-bottom: 10px;
  padding-top: 10px;
  flex: 1;
  margin: 0 10px;
  text-align: center;
}
.header-frontend .navbar-nav > li > a {
  padding-bottom: 2px;
  padding-top: 2px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  margin-left: 3px;
  /*font-weight:700;*/
  margin-right: 3px;
  line-height: 30px;
  padding-left: 5px;
  padding-right: 5px;
  /*-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;*/
}
.dropdown-menu li a:hover {
  color: #fff !important;
}
.header-frontend .nav .caret {
  border-bottom-color: #999;
  border-top-color: #999;
}
.dropdown-menu {
  box-shadow: none;
  border-radius: 0;
}
.header-frontend .nav li .dropdown-menu {
  padding: 0;
  border: none;
}
.header-frontend .nav li .dropdown-menu li a {
  color: #333;
  line-height: 28px;
  padding: 3px 12px;
}
.header-frontend .nav li .dropdown-menu li a:hover {
  color: #fff;
  background: #237aeb;
  border-radius: 0;
}
.logo_wrap {
  float: right;
  margin-top: 20px;
  display: flex;
  align-items: center;
}
.logo_wrap a.infobtn {
  color: #cccccc;
  border-bottom: none;
  line-height: 24px;
  padding-top: 6px;
  background: #efefef;
  border-radius: 100%;
  width: 27px;
  height: 27px;
  overflow: hidden;
  /*margin-top: 8px;*/
  margin-right: 4px;
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 6px;
}
.logo_wrap a.infobtn i {
  font-size: 19px;
  margin-left: -1px;
}
.logo_wrap a.infobtn:hover {
  line-height: 24px;
  border-bottom: none;
  background: #237aeb;
}
.logo_wrap a.infobtn:hover i {
  color: #fff;
}
.logo_wrap .btn.navbar_btn {
  /*float: right*/
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
  /*border: 1px solid red;*/
  border: none;
  border-radius: 18px;
  padding: 0px 10px;
  line-height: 27px;
  background: #428FEF;
  color: #fff;
}
.logo_wrap .btn.navbar_btn:hover {
  background: #237aeb;
}
.logo_wrap .btn.navbar_btn.register {
  background: #0dc316;
  color: #fff;
}
.logo_wrap .btn.navbar_btn.membercenter {
  background: #EF8B42;
  color: #fff;
}
.logo_wrap .btn.navbar_btn.register:hover {
  border: none;
  background: #0cb515;
}
/*search*/
.search {
  margin-top: 6px;
  width: 20px;
  margin-right: 3px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  border: 1px solid #fff;
  box-shadow: none;
  background: url("../img/sechat_black.png") no-repeat 11px 7px #efefef;
  padding: 0 5px 0 35px;
  height: 30px;
  color: #fff;
  border-radius: 18px;
  border: none;
}
.search:focus {
  margin-top: 6px;
  width: 120px;
  border: 1px solid #eaeaea;
  box-shadow: none;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  color: #c8c8c8;
  font-weight: 300;
  margin-left: 10px;
  border: none;
}
/*homepage features*/
.f-box {
  /*background: #f4f4f4;*/
  display: block;
  border-radius: 3px;
  padding: 10px 20px 20px;
  text-align: left;
  min-height: 190px;
  margin-bottom: 20px;
  transition-duration: 500ms;
  transition-property: width, background;
  transition-timing-function: ease;
  -webkit-transition-duration: 500ms;
  -webkit-transition-property: width, background;
  -webkit-transition-timing-function: ease;
}
.f-box i {
  /*font-size: 50px;*/
  line-height: normal;
  position: absolute;
  margin-top: 10px;
  margin-left: 25px;
  display: block;
  color: #f77b6f;
  width: 76px;
  height: 76px;
}
.f-box:hover, .f-box.active {
  background: #fff;
  border-radius: 3px;
  padding: 10px 20px 20px;
  text-align: left;
  min-height: 190px;
  margin-bottom: 20px;
  transition-duration: 500ms;
  transition-property: width, background;
  transition-timing-function: ease;
  -webkit-transition-duration: 500ms;
  -webkit-transition-property: width, background;
  -webkit-transition-timing-function: ease;
  box-shadow: 2px 1px 17px #c8c8c8;
}
.f-box i.icon-xhzc {
  background: url("../img/xhzc.png") no-repeat center center transparent;
}
.f-box i.icon-zzjg {
  background: url("../img/zzjg.png") no-repeat center center transparent;
}
.f-box i.icon-rhzn {
  background: url("../img/rhzn.png") no-repeat center center transparent;
}
.f-box:hover i, .f-box.active i {
  font-size: 50px;
  line-height: normal;
  margin-top: 10px;
  display: block;
  color: #fff;
}
.f-box:hover i.icon-xhzc, .f-box.active i.icon-xhzc {
  background: url("../img/xhzc_h.png") no-repeat center center transparent;
}
.f-box:hover i.icon-zzjg, .f-box.active i.icon-zzjg {
  background: url("../img/zzjg_h.png") no-repeat center center transparent;
}
.f-box:hover i.icon-rhzn, .f-box.active i.icon-rhzn {
  background: url("../img/rhzn_h.png") no-repeat center center transparent;
}
.f-box:hover h2, .f-box.active h2 {
  color: #237aeb;
}
.f-box:hover h5, .f-box.active h5 {
  color: #819ed0;
}
.f-box h2, .f-box h5 {
  padding-left: 120px;
}
.f-box h2 {
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 0px;
  color: #333;
  text-transform: uppercase;
  font-weight: 400;
  /*font-family: 'Fjalla One', sans-serif;*/
}
.f-box h5 {
  font-size: 12px;
  padding-bottom: 20px;
  padding-top: 0px;
  color: #999999;
}
.f-text {
  font-size: 13px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
  color: #848484;
}
/*tabs*/
.tab {
  background: #fff;
}
.tab .nav > li > a {
  padding: 7px 20px;
  margin: 0px 13px;
}
.tab-bg-dark-navy-blue {
  background: #fff;
  border-bottom: none;
  border-radius: 0px 0px 0 0;
  -webkit-border-radius: 0px 0px 0 0;
  padding: 0;
  text-align: center;
}
.tab-bg-dark-navy-blue .nav > li > a:hover, .tab-bg-dark-navy-blue .nav > li > a:focus {
  background-color: #f4f4f4;
  text-decoration: none;
}
.panel-heading .nav > li > a, .panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus {
  /*border-width: 0;*/
  border-radius: 0;
}
.panel-heading .nav > li > a {
  color: #333;
  border: 1px solid #d7d7d7;
}
.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover {
  color: #fff;
  background: #1675df;
  border: 1px solid #195eb8;
}
.panel-heading .nav > li:first-child.active > a, .panel-heading .nav > li:first-child > a:hover {
  border-radius: 0px 0 0 0;
  -webkit-border-radius: 0px 0 0 0;
}
.tab .nav-tabs.nav-justified {
  width: auto;
}
.tab .nav-tabs.nav-justified > li {
  border-right: 0px solid #f4f4f4;
  display: inline-block;
  padding: 0px 0px;
  width: inherit;
}
.tab .nav-tabs.nav-justified > li:last-child {
  border-right: none;
}
.p-head {
  color: #F77B6F;
  font-size: 14px;
  font-weight: 400;
}
.cmt-head {
  font-size: 14px;
  font-weight: 400;
}
.p-thumb img {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 50px;
  width: 50px;
}
/*testimonial*/
.about-testimonial ul li {
  list-style: none;
}
.about-testimonial {
  margin: 10px 0 0 0;
  position: relative;
}
ul.about-flex-slides {
  margin-left: 0;
}
.flex-direction-nav {
  position: absolute;
  right: 10px;
  top: 30px;
  width: 70px;
}
.flexslider .flex-direction-nav {
  top: 0px;
}
.flex-direction-nav li {
  display: inline-block;
  width: 12px;
}
.flex-direction-nav li a {
  outline: none;
}
.flex-direction-nav li a i {
  color: #cccccc;
}
.flex-control-paging {
  display: none;
}
.about-testimonial .about-testimonial-image {
  float: left;
  margin: 0 15px;
  position: relative;
  visibility: visible;
}
.about-testimonial .about-testimonial-image img {
  border-radius: 50px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  height: 100px !important;
  width: 100px !important;
}
.about-flexslider .about-flex-slides img {
  display: block;
  width: 100%;
}
.about-testimonial a.about-testimonial-author {
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 21px;
  margin: 30px 0 8px 0;
  color: #fff;
  font-weight: 300;
}
.about-testimonial a.about-testimonial-author.about-testimonial-author_title {
  /*display: inherit;*/
  display: -webkit-box;
  visibility: visible;
  line-height: 27px;
  width: -moz-calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
  width: calc(100%-150px);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about-testimonial .about-testimonial-company {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
}
.about-testimonial.boxed-style .about-testimonial-content {
  background-color: #d8ecff;
  border: 1px solid #d8ecff;
  border-radius: 5px;
  -moz-border-radius: 5px;
}
.about-testimonial .about-testimonial-content {
  margin-top: 55px;
  padding: 20px;
  position: relative;
}
.about-testimonial .about-testimonial-content.about-testimonial-content-text {
  margin-top: 25px;
  padding: 20px;
  position: relative;
  min-height: 100px;
}
.about-testimonial .about-testimonial-content p {
  line-height: 20px;
  margin: 0;
  color: #333
}
.about-testimonial .about-testimonial-content.about-testimonial-content-text p {
  line-height: 20px;
  margin: 0;
  color: #333;
  display: -webkit-box;
  visibility: visible;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about-testimonial.boxed-style .about-testimonial-content:before {
  background-color: #d8ecff;
  border-right: 1px solid #d8ecff;
  border-color: #f5f5f5;
  border-image: none;
  border-style: none;
  top: -7px;
  content: "";
  display: block;
  height: 14px;
  left: 60px;
  position: absolute;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 15px;
  display: none\0/;
  _display: none;
}
/*----image hove----*/
.view {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #fff;
}
.view .mask, .view .content {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.view img {
  display: block;
  position: relative;
}
.view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 16px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  margin: 5px 0 0 0;
}
.view p {
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 20px;
  text-align: center;
  margin-bottom: 10px;
}
.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  -webkit-box-shadow: 0 0 1px #000;
  -moz-box-shadow: 0 0 1px #000;
}
.view a.info:hover {
  -webkit-box-shadow: 0 0 5px #000;
  -moz-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000;
}
.view-tenth img {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.view-tenth .mask {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.view-tenth h2 {
  background: transparent;
  margin: 0px 10px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  color: #333;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
.view-tenth p {
  color: #333;
  line-height: normal;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.view-tenth a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.view-tenth:hover img {
  /*-webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    -ms-transform: scale(5);
    transform: scale(5);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=.5);
    opacity: .5;*/
}
.view-tenth:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.view-tenth:hover h2, .view-tenth:hover p, .view-tenth:hover a.info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/*imageview icon hover*/
[data-zlname] {
  position: relative;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*IMGS IN CONTAINER*/
[data-zlname] > img {
  display: block;
  max-width: 100%;
}
/*POP UP ELEMENTS*/
[data-zlname] [data-zl-popup] {
  position: absolute;
  display: block;
  padding: 1px;
  height: 40px;
  width: 40px;
  background: #323231;
  color: #fff;
  overflow: hidden;
  display: none;
  text-align: center;
}
/*OVERLAY*/
/*classic*/
[data-zl-overlay] {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  padding: inherit;
}
/*four*/
[data-zl-ovzoom0], [data-zl-ovzoom1], [data-zl-ovzoom2], [data-zl-ovzoom3] {
  position: absolute;
  width: 25%;
  height: 100%;
}
/*rolling*/
[data-zl-ovrolling] {
  position: absolute;
  display: none;
  width: 100%;
  height: 100%;
}
/*double*/
[data-zl-ovdouble0], [data-zl-ovdouble1] {
  position: absolute;
  display: none;
}
/*-------*/
[data-zlname=reverse-effect] [data-zl-popup=link] {
  background: rgba(256, 256, 256, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
}
[data-zlname=reverse-effect] [data-zl-popup=link2] {
  background: rgba(256, 256, 256, 1);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
}
[data-zlname=reverse-effect] [data-zl-popup=link]:hover, [data-zlname=reverse-effect] [data-zl-popup=link2]:hover {
  opacity: .5;
}
.mask a i {
  color: #242424 !important;
  font-size: 16px;
  line-height: 40px;
}
.r-work {
  color: #475168;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 20px;
  font-family: 'Fjalla One', sans-serif;
}
/*.bx-wrapper {
    margin-bottom: 120px;
}*/
/*pricing table*/
.pricing-table {
  background: #eeeeee;
  text-align: center;
  padding: 0 0 25px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.pricing-table.most-popular {
  top: -20px;
  position: relative;
}
.most-popular {
  background: #f77b6f;
  color: #fff;
}
.most-popular h1 {
  font-size: 25px !important;
  padding-bottom: 10px;
  padding-top: 17px !important;
}
.most-popular h2 {
  background: #d76b61 !important;
  margin-top: 20px !important;
}
.most-popular ul li {
  border-bottom: 1px dotted #d76b61 !important;
}
.most-popular .price-actions .btn {
  background: #d76b61 !important;
  margin: 10px 0;
  cursor: pointer;
}
.pricing-table .price-actions .btn {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #acacac;
  color: #fff;
  border: none;
  box-shadow: none;
  text-shadow: none;
  padding: 10px 20px;
  cursor: pointer;
}
.pricing-head h1 {
  font-size: 18px;
  font-weight: 300;
  padding-top: 15px;
}
.pricing-head h2 {
  padding: 30px 0;
  background: #777777;
  color: #fff;
  font-size: 50px;
  font-weight: 100;
}
.pricing-table ul {
  margin: 15px 0;
  padding: 0;
}
.pricing-table ul li {
  border-bottom: 1px dotted #CCCCCC;
  margin: 0 2em;
  padding: 1em 0;
  text-align: center;
  font-weight: 300;
}
.pricing-head span.note {
  display: inline;
  font-size: 25px;
  line-height: 0.8em;
  position: relative;
  top: -18px;
}
.pricing-quotation, .team-info {
  background: #EEEEEE;
  padding: 20px 20px 35px 20px;
  margin-bottom: 100px;
  display: inline-block;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.pricing-quotation h3, .team-info h3 {
  font-weight: 300;
}
.pricing-quotation p, .team-info p {
  margin-bottom: 0px;
}
.pricing-plan, .team-info-wrap {
  position: relative;
}
.pricing-quotation:before, .team-info:before {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  border-image: none;
  border-right: 1px solid #EEEEEE;
  border-style: none;
  top: -7px;
  content: "";
  display: block;
  height: 14px;
  left: 48%;
  position: absolute;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 15px;
}
.breadcrumbs {
	background: url(../img/page_about.jpg) center center no-repeat #475268;
	color: #fff;
	height: 250px;
	/* margin-bottom: 40px; */
	background-size: 100% 100%  !important;
	margin-top: 114px;
}
.breadcrumbs_party {
  background: url(../img/page_party.jpg) center center no-repeat #475268;
}
.breadcrumbs_law {
  background: url(../img/page_law.jpg) center center no-repeat #475268;
}
.breadcrumbs_news {
  background: url(../img/page_news.jpg) center center no-repeat #475268;
}
.breadcrumbs_business {
  background: url(../img/page_business.jpg) center center no-repeat #475268;
}
.breadcrumbs_down {
  background: url(../img/page_down.jpg) center center no-repeat #475268;
}
.breadcrumbs_message {
  background: url(../img/page_message.jpg) center center no-repeat #475268;
}
.banner_party {
  background: url(../img/page_party.jpg) center center no-repeat #475268;
}
.banner_contact {
  background: url(../img/z_contact.jpg) center center no-repeat #475268;
}
.breadcrumb {
  margin-bottom: 0;
  background: none;
}
.breadcrumb li a {
  color: #f77b6f;
}
.breadcrumb li.active {
  color: #fff;
}
.breadcrumbs h1 {
  font-size: 24px;
  font-weight: 600;
  margin: 3px 0 0;
  text-transform: uppercase;
  font-family: 'Fjalla One', sans-serif;
}
/*contact*/
.contact-map {
  margin-top: -40px;
  margin-bottom: 40px;
}
.contact-form {
  margin-bottom: 20px;
}
.address h4 {
  color: #475168;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: 'Fjalla One', sans-serif;
}
/*about us*/
.about-us img {
  width: 100%;
}
.carousel-control.left, .carousel-control.right {
  background: none;
}
.carousel-control {
  background: #000000 !important;
  bottom: 40%;
  color: #FFFFFF;
  font-size: 20px;
  left: 0;
  line-height: 48px;
  opacity: 0.5;
  position: absolute;
  text-align: center;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  top: 40%;
  width: 10%;
}
.carousel-control:hover {
  background: rgba(212, 108, 94, .8) !important;
  color: #FFFFFF;
  /*opacity: 0.6;*/
  text-decoration: none;
}
.carousel-control:hover, .carousel-control:focus {
  opacity: 0.6;
}
.carousel-caption {
  background: rgba(0, 0, 0, 0.6);
  padding-bottom: 0px;
  bottom: 0;
  color: #FFFFFF;
  left: 0 !important;
  padding-bottom: 5px;
  padding-top: 10px;
  position: absolute;
  right: 0 !important;
  text-align: center;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
  z-index: 10;
}
.about h3 {
  /*text-transform: uppercase;*/
  color: #475168;
  /*font-family: 'Fjalla One', sans-serif;*/
  margin-top: 0;
}
.icon-wrap {
  font-size: 2em;
  height: 60px;
  width: 60px;
  float: left;
  line-height: 60px;
  text-align: center;
  color: #fff;
  margin-right: 30px;
}
.ico-bg {
  background: #f37d6c;
}
.round {
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.content h3, .media h3 {
  margin-top: 0;
  color: #475168;
  font-size: 20px;
  font-family: 'Fjalla One', sans-serif;
}
.media h3 {
  margin-top: 20px;
}
.media-body h4 {
  font-size: 16px;
  color: #475168;
}
.hiring, .services {
  margin-bottom: 40px;
  display: inline-block;
  width: 100%;
}
.hiring {
  margin-top: 60px;
}
.gray-box {
  background: #f2f2f2;
  padding: 60px 0;
}
.progress {
  background-color: #E1E1E1;
}
.flexslider {
  background: none;
  border: none;
}
.about-skill-meter .sr-only {
  position: static !important;
}
.about-skill-meter .progress-bar {
  text-align: left;
  padding-left: 10px;
}
.about-skill-meter .progress {
  height: 30px;
  box-shadow: none;
  line-height: 30px;
}
.about-skill-meter .progress-bar-danger {
  background-color: #f37d6c;
  box-shadow: none;
}
.skills {
  margin-bottom: 25px;
  color: #47506a;
  font-size: 20px;
  font-family: 'Fjalla One', sans-serif;
}
/*team*/
.person {
  margin-bottom: 10px;
}
.person img {
  width: 210px;
  height: 210px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}
.team-social-link {
  display: block;
  margin: 10px 0 20px 0;
}
.team-social-link a {
  display: inline-block !important;
  color: #cac8c7;
  font-size: 20px;
  margin: 0 8px;
}
.team-social-link a:hover {
  color: #f37c6b;
}
.person-info h4, .person-info h4 a {
  color: #f37c6b;
  font-weight: 300;
  margin-bottom: 5px;
}
.mtop30 {
  margin-top: 30px;
}
/*typography*/
.highlight-1 {
  background: #9CCE44;
  color: #FFFFFF;
}
.highlight-2 {
  background: #242424;
  color: #FFFFFF;
}
.highlight-3 {
  background: #F2C600;
  color: #242424;
}
.dropcap {
  background-color: #666666;
  color: #FFFFFF;
  float: left;
  font-size: 30px;
  line-height: 30px;
  margin: 4px 8px 0 0;
  padding: 5px 10px;
  text-align: center;
}
.dropcap2 {
  background-color: #666666;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  color: #FFFFFF;
  float: left;
  font-size: 35px;
  height: 41px;
  line-height: 25px;
  margin: 3px 8px 0 0;
  padding: 10px;
  text-align: center;
}
/*buttons*/
.btn-row {
  margin-bottom: 30px;
}
/*blog*/
.blog-item {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px dashed #ddd;
}
.date-wrap, .comnt-wrap {
  margin-bottom: 20px;
}
.date-wrap span, .comnt-wrap span {
  display: block;
  padding: 10px 0;
  text-align: center;
}
.date-wrap .date {
  font-size: 30px;
  font-weight: 300;
  background: #F77B6F;
  color: #fff;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
}
.date-wrap .month {
  font-size: 16px;
  font-weight: 300;
  background: #f6f5f0;
  color: #a19fa2;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
}
.comnt-wrap .comnt-ico {
  background: #efeee9;
  color: #a0a0a0;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  font-size: 20px;
}
.comnt-wrap .value {
  background: #f6f5f0;
  color: #a0a0a0;
  border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
}
.blog-img img {
  width: 100%;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.blog-item h1, .blog-item h1 a {
  font-size: 25px;
  color: #F77B6F;
  font-weight: 300;
  font-family: 'Fjalla One', sans-serif;
}
.blog-item h1 {
  margin-bottom: 20px;
  line-height: 35px;
}
.blog-item h1 a:hover {
  text-decoration: underline;
}
.author {
  margin: 25px 0 30px 0;
  font-size: 16px;
}
.author a, .shate-view a {
  color: #F77B6F;
}
.shate-view {
  margin-top: 20px;
}
.shate-view ul li {
  margin-bottom: 5px;
}
.blog-side-item h3 {
  margin-top: 30px;
  color: #475268;
  font-size: 18px;
  font-family: 'Fjalla One', sans-serif;
}
.blog-side-item ul li {
  margin-bottom: 5px;
  border-bottom: 1px solid #efefef;
  line-height: 35px;
}
.blog-side-item ul li a {
  display: inline-block;
  width: 100%;
}
.media p {
  line-height: normal;
}
ul.tag {
  display: inline-block;
  width: 100%;
}
ul.tag li {
  float: left;
  margin: 10px 10px 0 0;
  border-bottom: none;
}
ul.tag li a {
  border: 1px solid #e8e8e8;
  padding: 0 10px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
.media img.media-object {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  height: 80px;
  width: 80px;
}
/*footer*/
.footer {
  background: #414141;
  color: #fff;
  padding: 20px 0;
  margin-top: 30px;
  /*display: inline-block;*/
  width: 100%;
  font-weight: 300;
}
.footer .address img {
  position: absolute;
  left: 30px;
  top: -7px;
}
.footer .address p {
  padding-left: 0px;
  margin: 10px;
  line-height: 21px;
}
.footer .address p i {
  font-size: 16px;
  padding-right: 10px;
}
.footer .copyright {
  text-align: right
}
.footer .copyright p {
  /*padding-left: 80px;
        text-align: right;*/
  margin: 0;
  line-height: 21px;
  margin: 10px;
  padding: 0;
}
.footer .copyright a {
  /*padding-left: 80px;
        text-align: right;*/
  margin: 0;
  padding: 0;
  line-height: 21px;
  color: #fff
}
/*slider css*/
.main-slider {
  background: #475168;
  color: #fff;
  z-index: 1;
  position: relative;
  overflow: hidden;
}
@media(min-width: 1921px) {
  .main-slider {
    min-height: 900px
  }
}
.slider-colored {
  z-index: 1;
  position: relative;
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.slide_title {
  font-weight: 300;
  color: #F77B6F;
  text-transform: uppercase;
  font-size: 35px;
  font-family: 'Fjalla One', sans-serif;
}
.slide_subtitle {
  font-family: 'Open Sans';
  font-weight: 400;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
}
.slide_list_item {
  font-family: 'Open Sans';
  font-weight: 400;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}
.slide_desc {
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: lighter;
}
.slide_desc_bordered {
  border-left: 3px solid #ddd !important;
  padding-left: 5px;
}
.slide_btn {
  font-family: 'Open Sans';
  font-weight: 300;
  background: #F77B6F;
  padding: 15px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
.slide_btn:hover, .slide_btn:focus {
  font-family: 'Open Sans';
  font-weight: 300;
  background: #e77368;
  padding: 15px 20px;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
}
.dark-text {
  color: #797d87;
}
.yellow-txt {
  color: #ffe582;
}
/*recent work*/
.bx-controls-direction a {
  /*background-color: #eee !important;*/
  padding: 15px 15px;
  border-radius: 10px !important;
  margin-left: 0px !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.bx-controls-direction a:hover {
  background-color: #F77B6F !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-prev:hover {
  left: -35px;
  background-position: 5px 4px;
}
.bx-wrapper .bx-next, .bx-wrapper .bx-next:hover {
  background-position: 5px 4px;
}
.bx-wrapper .bx-prev {
  left: -35px;
}
.bx-wrapper .bx-next {
  left: 101%;
}
/*关于我们*/
.property {
  padding: 50px 0 15px;
  margin-bottom: 50px;
  margin-top: 30px;
  position: relative;
}
.gray-bg {
  background: url(../img/party.png) center bottom #f7f7f7;
  text-align: center;
}
.about-bg {
  background: url(../img/home_about_bj.jpg) center bottom #428fef;
  text-align: center;
}
.about-bg2 {
  /*background: url(../img/home_about_bj.jpg) center bottom #428fef;*/
  text-align: center;
  padding-top: 0px;
}
.process-bg {
  background: url(../img/page_process.jpg) center center #f7f7f7;
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 30px;
}
.Party-bg {
  background: url(../img/home_party_bj.jpg) center bottom #428fef;
  padding: 50px 0 40px;
  margin-bottom: 0px;
}
.Party-bg .panel-title {
  color: #bbd7ff;
  margin-bottom: 30px;
}
.Party-bg .panel-title .news_more {
  text-align: right;
  float: right;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5)
}
.Party-bg .panel-title .news_more:hover {
  color: rgba(255, 255, 255, 0.85)
}
.advantage-bg {
  background: url(../img/about_ys_bg.jpg) center top #2f66c2;
  text-align: center;
  padding: 50px 0 50px;
}
.property h1 {
  color: #475168;
  font-size: 24px;
  text-transform: uppercase;
  /*font-family: 'Fjalla One',sans-serif;*/
  font-weight: 400;
  margin-bottom: 30px;
}
.container .row .home_about_pic img {
  width: 100%;
}
.container .row .home_party {
  margin-top: 10px;
}
.container .row .home_about p.about_text, .container .row .home_party p.about_text {
  line-height: 30px;
  font-size: 14px;
  margin-top: -7px;
  color: #fff;
  text-align: left;
}
.about-bg2 .container .row .home_about p.about_text {
  line-height: 30px;
  font-size: 16px;
  margin-top: -7px;
  text-align: left;
  color: #333;
}
.container .row .page_about p.about_tit {
  color: #555;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}
.container .row .page_about p.about_tit span {
  color: #777;
  font-weight: normal;
}
.container .row .page_about p.about_text {
  line-height: 25px;
  font-size: 13px;
  margin-top: -7px;
  color: #666;
  text-align: left;
  padding-bottom: 10px;
}
.container .row .page_about .about_text.page_about_text {
  border-bottom: 1px dotted #d3d3d3;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 40px;
}
.container .row .page_about p.about_text.page_about_img {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
/*联系我们*/
.container .row .page_contact p.contact_tit {
  color: #383838;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 20px;
  color: #333;
}
.container .row .page_contact p.contact_tit span {
  color: #777;
  font-weight: normal;
  font-size: 12px;
}
.container .row .page_contact p.contact_tit i {
  color: #273b4e;
  font-size: 16px;
  font-weight: normal;
  padding-right: 10px;
}
.container .row .page_contact p.contact_text {
  height: 70px;
  padding-left: 20px;
}
a.btn-purchase {
  text-align: center;
  background: transparent;
  color: #727272;
  text-transform: uppercase;
  padding: 10px 25px;
  border: 1px solid #d7d7d7;
  margin-top: 5px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block;
  display: inline-block;
}
a.btn-purchase i.but_icon_more:after {
  content: '';
  width: 16px;
  height: 16px;
  top: 2px;
  position: relative;
  margin-right: 7px;
  display: inline-block;
  background: url(../img/icon_more_h.png) center center no-repeat transparent;
}
a.btn-purchase:hover, a.btn-purchase:focus {
  /*background: #237aeb;*/
  background: #428FEF;
  color: #fff;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  /*border:1px solid #195eb8;*/
  border: 1px solid #50A4FE;
}
a.btn-purchase:hover i.but_icon_more:after, a.btn-purchase:focus i.but_icon_more:after {
  background: url(../img/icon_more_h.png) center center no-repeat transparent;
}
.home_about a.btn-purchase, .home_party a.btn-purchase {
  margin-top: 30px;
  margin-right: 10px;
  color: #fff;
  border: rgba(255, 255, 255, 0.3) 1px solid;
  padding: 6px 25px;
  border-radius: 0;
  float: right;
}
.home_party a.btn-purchase {
  float: left;
}
.home_about a.btn-purchase i {
  color: rgba(255, 255, 255, 0.7)
}
.about-bg2 .home_about a.btn-purchase {
  margin-top: 30px;
  margin-right: 10px;
  color: #333;
  border: rgba(0, 0, 0, 0.13) 1px solid;
  padding: 6px 25px;
  border-radius: 0;
  float: right;
}
.about-bg2 .home_about a.btn-purchase i {
  color: rgba(0, 0, 0, 0.17)
}
.notice_wrap {
  display: block;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.05);
  background: #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  /*height: 30px;*/
  margin-right: 5px;
  margin-left: 5px;
  margin-top: 30px;
  border: 1px solid #e8e8e8;
  margin-bottom: 20px;
}
.notice_wrap .notice-title {
  /*background: #237aeb;*/
  border-right: 1px solid #e8e8e8;
  display: block;
  text-align: center;
  color: #333;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 16px;
  cursor: pointer;
}
.notice_wrap .notice-title span {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(51, 51, 51, .8);
}
.notice_wrap .notice-title:after {
  content: '';
  position: absolute;
  /*border: 5px solid #d8d8d8;*/
  border-style: solid;
  border-width: 5px 4px 5px 4px;
  border-color: transparent transparent transparent #e8e8e8;
  width: 0;
  height: 0;
  top: 50%;
  right: -8px;
  margin-top: -5px;
}
.notice_wrap .notice_list {
  margin-top: 5px;
}
.notice_wrap .notice_list li {
  list-style: none;
}
.notice_wrap .notice_list .notice_list_title {
  display: flex;
}
.notice_wrap .notice_list .notice_list_title:hover {
  color: #f77b6f
}
.notice_wrap .notice_list .notice_list_title h4 {
  font-size: 14px;
  flex: 1;
}
.notice_wrap .notice_list .notice_list_title .new_time {
  width: 110px;
  text-align: right;
  color: #ccc;
  padding-right: 20px;
  line-height: 1.1;
  margin-top: 12px;
  margin-bottom: 10px;
}
.advantage {
  display: block;
  box-shadow: 2px 1px 17px #cdcdcd;
  background: #fff;
  min-height: 100px;
  position: relative;
  bottom: -60px;
  margin-right: 5px;
  margin-left: 5px;
}
.about-bg2 .advantage {
  bottom: -25px;
}
.advantage .advantage_area {
  /*background:red;*/
  text-align: left;
  padding: 0 20px;
  border-right: 1px solid #dcdcdc;
  margin: 20px 0px;
  display: inline-block;
}
.advantage .col-lg-4:last-child .advantage_area {
  border-right: 1px solid #fff;
}
.advantage .advantage_area i {
  line-height: normal;
  position: absolute;
  margin-top: 6px;
  margin-left: 0px;
  display: block;
  color: #808080;
  width: 76px;
  height: 76px;
}
.advantage .advantage_area i.icon-xhzc {
  background: url("../img/xhzc.png") no-repeat center center transparent;
}
.advantage .advantage_area i.icon-zzjg {
  background: url("../img/zzjg.png") no-repeat center center transparent;
}
.advantage .advantage_area i.icon-rhzn {
  background: url("../img/rhzn.png") no-repeat center center transparent;
}
.advantage .advantage_area i.icon-xzzx {
  background: url("../img/xzzx.png") no-repeat center center transparent;
}
.advantage .advantage_area:hover i, .advantage .advantage_area.active i {
  font-size: 50px;
  line-height: normal;
  margin-top: 6px;
  display: block;
  color: #fff;
}
.advantage .advantage_area:hover i.icon-xhzc, .advantage .advantage_area.active i.icon-xhzc {
  background: url("../img/xhzc_h.png") no-repeat center center transparent;
}
.advantage .advantage_area:hover i.icon-zzjg, .advantage .advantage_area.active i.icon-zzjg {
  background: url("../img/zzjg_h.png") no-repeat center center transparent;
}
.advantage .advantage_area:hover i.icon-rhzn, .advantage .advantage_area.active i.icon-rhzn {
  background: url("../img/rhzn_h.png") no-repeat center center transparent;
}
.advantage .advantage_area:hover i.icon-xzzx, .advantage .advantage_area.active i.icon-xzzx {
  background: url("../img/xzzx_h.png") no-repeat center center transparent;
}
.advantage .advantage_area:hover h4, .advantage .advantage_area.active h4, .advantage .advantage_area:hover p, .advantage .advantage_area.active p {
  color: #237aeb
}
.advantage .col-lg-3.col-sm-3 {
  padding-right: 0;
}
.advantage .col-lg-3.col-sm-3:last-child .advantage_area {
  border-right: 0px solid #dcdcdc;
}
.advantage .advantage_area h4 {
  color: #363636;
  padding-left: 90px;
}
.advantage .advantage_area p {
  color: #999;
  padding-left: 90px;
}
/*clients*/
.clients {
  margin-top: 30px;
}
.clients ul li {
  display: inline-block;
  /*margin: 0 30px;*/
  margin: 15px 30px;
  padding: 2px;
  border: 1px solid #efefef;
}
/*portfolio*/
/*Photo Gallery*/
#gallery {
  margin: auto;
  position: relative;
  width: 100%;
}
#gallery h2 {
  color: #fff;
  padding-top: 30px;
}
.gallery-container {
  margin: 0 auto 40px auto;
  position: relative;
  width: 100%;
}
.col-4 .item {
  width: 23%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.col-4 .item img {
  height: 230px;
}
ul#filters {
  display: inline-block;
  width: 100%;
  margin: 5px 0 30px 0;
}
ul#filters li {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
ul#filters li a {
  background: #E2E0E1;
  padding: 10px 15px;
  display: inline-block;
  color: #7D797A;
  outline: none;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  transition-duration: 500ms;
  transition-property: width, background;
  transition-timing-function: ease;
  -moz-transition-duration: 500ms;
  -moz-transition-property: width, background;
  -moz-transition-timing-function: ease;
  -webkit-transition-duration: 500ms;
  -webkit-transition-property: width, background;
  -webkit-transition-timing-function: ease;
}
ul#filters > li > a:hover, ul#filters > li > a:focus, ul#filters > .active > a, ul#filters > .active > span {
  background: #f77b6f;
  padding: 10px 15px;
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  transition-duration: 500ms;
  transition-property: width, background;
  transition-timing-function: ease;
  -moz-transition-duration: 500ms;
  -moz-transition-property: width, background;
  -moz-transition-timing-function: ease;
  -webkit-transition-duration: 500ms;
  -webkit-transition-property: width, background;
  -webkit-transition-timing-function: ease;
}
.item img {
  width: 100%;
  height: 100%;
}
.text-grid a {
  color: #fff;
}
.text-grid div {
  padding: 0 10px;
}
.text-grid p {
  margin-bottom: 10px;
}
/* Start: Recommended Isotope styles */
/* Isotope Filtering */
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/*Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/*disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/*parallax*/
.parallax1 {
  background: url("../img/flat_parallax.jpg") no-repeat fixed 0 0 #f77b6f;
  background-size: cover;
  width: 100%;
  min-height: 400px;
  font-style: italic;
}
.parallax1 h1 {
  text-align: center;
  color: #fff;
  font-size: 25px;
  font-weight: 300;
  line-height: 40px;
  margin-top: 160px;
}
/*标头*/
.feature-head {
  padding: 50px 0 30px;
}
.property .feature-head {
  padding: 0px 0 30px;
}
.property.Party-bg .feature-head {
  padding: 0px 0 10px;
}
.feature-head h1 {
  color: #237aeb;
  font-size: 24px;
  /*font-weight: 300;*/
  text-transform: uppercase;
  margin-top: 0;
  padding-right: 105px;
  margin-bottom: 0;
}
.feature-head h1 span {
  color: #333;
  padding-left: 5px;
  position: absolute;
}
.about-bg .feature-head h1, .Party-bg .feature-head h1 {
  color: #fff;
}
.about-bg .feature-head h1 span {
  color: #bbd7ff;
}
.Party-bg .feature-head h1 span {
  color: #bbd7ff;
}
.feature-head .tit_fg {
  /*width:140px;*/
  height: 40px;
  background: url("../img/tie_fg.png") no-repeat center -5px transparent;
}
.about-bg .feature-head .tit_fg, .Party-bg .feature-head .tit_fg {
  background: url("../img/tie_fg_w.png") no-repeat center -5px transparent;
}
.feature-head p {
  color: #727272;
  font-size: 14px;
  /*font-weight: 300;*/
}
/*----*/
.mbot50 {
  margin-bottom: 50px;
}
/*pic*/
.tab_panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-body {
  padding-left: 0;
  padding-right: 0px;
}
.case_area {
  overflow: hidden;
  position: relative;
  text-align: center;
  /*height: 260px;*/
}
.case_list {
  position: relative;
  transition-duration: 0s;
  transform: translate3d(0px, 0px, 0px);
  padding: 0px;
  margin: 0px;
}
.case_list li {
  margin-bottom: 20px;
  margin-top: 20px;
  list-style: none;
}
.case_list li a.pic_box {
  cursor: inherit
}
.case_list li a.pic_box .pic_wrapper {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #fff;
  display: block;
  width: 100%;
}
.case_list li a.pic_box .pic_wrapper .pic_img {
  display: block;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  height: 180px;
  cursor: pointer;
}
.case_list li a.pic_box .pic_wrapper .pic_img img {
  display: block;
  max-width: 100%;
  position: relative;
  min-width: 263px;
}
.case_list li a.pic_box:hover .pic_wrapper .pic_img img {
  transform: scale(1.1, 1.1);
  float: none;
  width: 100%;
  height: auto;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.case_list li a.pic_box:hover .pic_wrapper .pic_img .mask {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=.4)";
  filter: alpha(opacity=.4);
  opacity: 1;
}
.case_list li a.pic_box:hover .pic_wrapper .pic_img .mask i.icon-link {
  display: inline;
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  bottom: 80px;
  cursor: pointer;
  /*background: rgba(256,256,256,1);
        border-radius: 40px;
    -webkit-border-radius: 40px;*/
  opacity: 1;
  margin-left: -20px;
  left: 50%;
  padding: 5px;
  -webkit-perspective: 150;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.case_list li a.pic_box:hover .pic_wrapper .pic_img .mask i.icon-link:after {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
  content: '';
  background: url(../img/show.png) no-repeat center center;
  background-size: 30px;
  width: 30px;
  height: 30px;
}
.case_list li a.pic_box .pic_wrapper .pic_title {
  text-align: left;
  line-height: 18px;
  padding: 15px 10px;
  border-bottom: 1px solid #eaeaea;
}
.case_list li a.pic_box:hover .pic_wrapper .pic_title {
  /*background: #237aeb;*/
  background: #428FEF;
  color: #fff;
}
/*首页新闻*/
.new-bg {
  /* background: #f8f8f8;*/
  /*padding: 20px 0 35px;
    margin-bottom: 10px;
    margin-top: 0px;
    position: relative;*/
  text-align: center;
  min-height: 558px;
}
.new-bg .news-head, .message-bg .news-head {
  margin-top: 30px;
}
.new-bg .news-head .news-head_title, .message-bg .news-head .news-head_title {
  text-align: left;
  float: left;
  width: 100%;
  visibility: visible;
  margin-left: 25px;
}
.message-bg .news-head .news-head_title select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.message-bg .news-head .news-head_title select:hover {
  border: 1px solid #66AFE9;
  background-color: #fff;
}
.select:hover {
  border-radius: 4px;
  box-shadow: 0px 0px 8px 1px #B0D4F1;
}
select:focus {
  outline: none;
  border: 1px solid #346fc9;
}
.new-bg .news-head .news-head_title .title, .message-bg .news-head .news-head_title .title {
  padding: 0;
  margin: 0;
  font-size: 24px;
  color: #333;
}
.new-bg .news-head .news-head_title .subtitle, .message-bg .news-head .news-head_title .subtitle {
  color: #999;
  font-size: 12px;
  text-transform: uppercase;
}
.new-bg .news-head .news-head_list {
  float: right;
  visibility: visible;
  margin-right: 25px;
  background-color: #fff;
  border: 1px solid #ccc;
  height: 40px;
  padding: 2px;
}
.new-bg .news-head .news-head_list .news_nav {
  height: 34px;
  line-height: 20px;
  float: left;
  padding: 8px 20px;
  background-color: #f9f9f9;
}
.new-bg .news-head .news-head_list .news_nav.news_more {
  color: #999;
}
.new-bg .news-head .news-head_list .news_nav.active {
  background: #428FEF;
  color: #fff;
}
.new-bg .new_area {
  padding: 10px 0 10px;
  text-align: left;
}
.new-bg .new_area .new_box {
  position: relative;
  color: #999;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}
.new-bg .new_area .new_box .new_time {
  position: absolute;
  border: 1px solid #d7d7d7;
  left: 10px;
  top: 13px;
  padding: 15px 20px;
  text-align: left;
}
.new-bg .new_area .new_box .new_time p {
  line-height: 20px;
  margin: 0px;
  padding: 0px;
}
.new-bg .new_area .new_box .new_time p.date {
  font-size: 16px;
  color: #727272;
  font-weight: 700;
}
.new-bg .new_area .new_box .new_time span {
  line-height: 16px;
  margin: 0px;
  padding: 0px;
}
.new-bg .new_area .new_box .new_info {
  padding-left: 120px;
  overflow: hidden;
  height: 90px;
  padding-right: 20px;
}
.new-bg .new_area .new_box .new_info h4 {
  color: #333;
  font-size: 16px;
}
.new-bg .new_area .new_box .new_info p {
  line-height: 18px;
  height: 36px;
  overflow: hidden;
}
.new-bg .new_area .new_box:hover, .new-bg .new_area .new_box:focus {
  transform-origin: bottom;
  transform: scaleY(1);
  /*background-color: #428FEF;*/
  box-shadow: 0 0 4px 0 rgba(3, 0, 42, .12), 0 2px 8px 0 rgba(3, 0, 42, .08)
}
.new-bg .new_area .new_box:hover .new_time, .new-bg .new_area .new_box:focus .new_time {
  /*border: 1px solid #fff;*/
  border: 1px solid rgba(215, 215, 215, .5)
}
.new-bg .new_area .new_box:hover .new_time p, .new-bg .new_area .new_box:focus .new_time p {
  /*color: rgba(255, 255, 255, 0.4);*/
}
.new-bg .new_area .new_box:hover .new_time p.date, .new-bg .new_area .new_box:focus .new_time p.date {
  /*color: rgba(255, 255, 255, 1);*/
}
.new-bg .new_area .new_box:hover .new_info p, .new-bg .new_area .new_box:focus .new_info p {
  /*color: rgba(255, 255, 255, 0.4);*/
}
.new-bg .new_area .new_box:hover .new_info h4, .new-bg .new_area .new_box:focus .new_info h4 {
  /*color: rgba(255, 255, 255, 1);*/
  color: #428FEF
}
/*下载*/
.new-bg .new_area .new_box.down_box {
  border: 1px solid #e8e8e8;
  padding: 0;
  text-align: center;
  min-width: 210px;
}
.new-bg .new_area .new_box.down_box .new_info {
  padding-left: 20px;
  overflow: hidden;
  height: 40px;
  padding-right: 20px;
}
.new-bg .new_area .new_box.down_box .down_icon {
  background: url(../img/sphere.png) center center #e9f4ff;
  height: 100px;
  overflow: hidden;
}
.new-bg .new_area .new_box.down_box .down_icon img {
  padding-top: 30px;
}
.new-bg .new_area .new_box.down_box .down_foot {
  border-top: 1px solid #e8e8e8;
  text-align: left;
  padding: 0 20px;
}
.new-bg .new_area .new_box.down_box .down_foot a.down_link {
  float: right;
}
.new-bg .new_area .new_box.down_box .down_foot a.down_link i {
  font-size: 18px;
  text-align: right;
}
.new-bg .new_area .new_box.down_box .down_foot a.down_link:hover i {
  color: #0cb515
}
.list-quality li img {
  min-height: 183px;
}
/*二级导航*/
.panel.tab_panel.page_pic {
  padding-top: 15px;
}
.page_pic .panel-heading .container_target {
  float: left;
  display: block;
  text-align: left;
  padding-left: 15px;
  color: #666;
}
.page_pic .panel-heading .container_target a:last-child {
  color: #3488ea;
}
.page_pic .panel-heading .container_target .icon-angle-right {
  background: url(../img/page_icon_right.png) no-repeat center 3px;
  line-height: inherit;
  width: 10px;
  height: 12px;
  display: inline-block;
  padding: 0px 10px;
}
.page_pic.tab .nav {
  text-align: right;
  padding-right: 15px;
}
.page_pic.tab .nav > li > a {
  padding: 5px 13px;
  margin: 0px 3px;
}
/*合作伙伴二级*/
.clients_list {
  position: relative;
  transition-duration: 0s;
  transform: translate3d(0px, 0px, 0px);
  padding: 0px;
  margin: 0px;
}
.clients_list li {
  margin-bottom: 20px;
  margin-top: 20px;
  list-style: none;
}
.clients_list li a {}
.clients_list li a .item_box {
  padding: 10px 20px;
  border: 1px solid #f2f2f2;
  text-align: center;
}
.clients_list li a .item_box img {
  -webkit-filter: grayscale(80%)); /* Webkit */
  filter: grayscale(80%); /* IE6-9 */
  filter: grayscale(80%); /* W3C */
}
.clients_list li a:hover .item_box {
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.clients_list li a:hover .item_box img {
  -webkit-filter: grayscale(0%)); /* Webkit */
  filter: grayscale(0%); /* IE6-9 */
  filter: grayscale(0%); /* W3C */
}
.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}
.ellipsis_two {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
/*分页*/
.page-box {
  margin-top: 15px;
  color: #999;
}
.page-box .digg {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center
}
.page-box .digg a {
  padding: 5px 12px;
  margin: 0 0 0 8px;
  border: 1px solid #e1e2e3;
  line-height: 20px;
  height: 20px;
  color: #333;
  background: #fff;
  text-decoration: none;
}
.page-box .digg a:hover {
  background: #428FEF;
  color: #fff;
}
.page-box .digg span {
  padding: 5px 0;
  line-height: 20px;
  height: 20px;
}
.page-box .digg span.current {
  padding: 5px 12px;
  margin: 0 0 0 8px;
  color: #555;
  font-weight: bold;
}
.page-box .digg span.disabled {
  border: 1px solid #eee;
  padding: 5px 12px;
  margin: 0 0 0 8px;
  color: #ddd;
}
/*党员风采*/
.party_area {
  overflow: hidden;
  position: relative;
  text-align: center;
  /*height: 260px;*/
}
.party_list {
  position: relative;
  transition-duration: 0s;
  transform: translate3d(0px, 0px, 0px);
  padding: 0px;
  margin: 0px;
}
.party_list li {
  margin-bottom: 20px;
  margin-top: 20px;
}
.party_list li a.pic_box {
  cursor: inherit
}
.party_list li a.pic_box .pic_wrapper {
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #fff;
  display: inline-grid;
}
.party_list li a.pic_box .pic_wrapper .pic_img {
  display: inline-block;
  max-width: 100%;
  position: relative;
  overflow: hidden;
  height: 200px;
}
.party_list li a.pic_box .pic_wrapper .pic_img img {
  display: block;
  max-width: 100%;
  position: relative;
}
.party_list li a.pic_box:hover .pic_wrapper .pic_img img {
  transform: scale(1.1, 1.1);
  float: none;
  width: 100%;
  height: auto;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.party_list li a.pic_box .pic_wrapper .party_title {
  text-align: left;
  line-height: 18px;
  padding: 15px 10px 0;
  font-size: 16px;
}
.party_list li a.pic_box .pic_wrapper .party_title span {
  color: #999;
  font-size: 12px;
}
.party_list li a.pic_box .pic_wrapper .pic_title {
  text-align: left;
  line-height: 18px;
  padding: 15px 10px;
}
.party_list li a.pic_box .pic_wrapper .pic_title p {
  margin-bottom: 0;
  color: #999;
}
.party_list li a.pic_box:hover .pic_wrapper .party_title, .party_list li a.pic_box:hover .pic_wrapper .pic_title, .party_list li a.pic_box:hover .pic_wrapper .pic_title p, .party_list li a.pic_box:hover .pic_wrapper .party_title span {
  /*background: #237aeb;*/
  background: #428FEF;
  color: #fff;
}
/*价格*/
.price_area {
  text-align: left;
  padding: 20px;
  border: 1px solid #e8e8e8;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.05);
}
.price_area .price_name {
  text-align: center;
  background: #428fef;
  padding: 10px;
}
.price_area .price_name span {
  font-size: 14px;
  color: hsl(0, 0%, 60%);
  color: #fff;
}
.price_area .price_amount {
  text-align: center;
}
.price_area .price_amount .price_amount_text {
  line-height: 1.25;
}
.price_area .price_amount .price_amount_text .text-40 {
  font-size: 40px;
  color: hsl(0, 0%, 0%);
  font-weight: 500
}
.price_area .price_amount .price_amount_text .text-16 {
  font-size: 16px;
  color: hsl(0, 0%, 0%);
  font-family: GOTHAMRND-BOOK;
}
.price_area .price_cooment {
  background: #f8f8f8;
  padding: 10px;
}
/*流程*/
.process_wrap {
  display: flex;
  padding-left: 30px;
  padding-right: 30px;
}
.process_wrap .process_arrow {
  width: 40px
}
.process_wrap .process_arrow i {
  padding-top: 100px;
  font-size: 20px;
  color: #4a5768
}
.process_wrap .process_list {
  /*width: 17.5%;*/
  flex: 1;
}
.process_wrap .process_list:hover {
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.5);
}
.process_wrap .process_list i {
  line-height: normal;
  margin: 10px auto;
  display: block;
  color: #f77b6f;
  width: 76px;
  height: 76px;
  font-size: 56px;
  color: #4a5768;
}
.process_wrap .process_list .process_title {
  font-size: 16px;
  color: #333;
}
.process_wrap .process_list .process_sub {
  line-height: 18px;
  padding-left: 10px;
  padding-right: 10px;
}
/*详细页*/
.show_header {
  padding-bottom: 26px;
  padding-top: 40px;
}
.show_header p.title {
  font-size: 24px;
  color: #444;
  margin-bottom: 10px;
  text-align: center;
}
.show_header p.subtitle {
  font-size: 13px;
  color: #c1c1c1;
  text-align: center;
}
.postbody {
  color: #6a6a6a;
  font-size: 14px;
}
.postbody p {
  line-height: 2;
}
.postbody p img {
  margin: auto;
  /*width:1000px;*/
}
.postbody div img, .postbody p img {
  max-width: 800px;
  padding: 1em;
}
.party_wrap {
  margin-top: 30px;
}
.party_wrap .party_name_wrap h4 {
  color: #333;
  margin-bottom: 0px;
  padding-bottom: 0;
}
.party_wrap .party_name_wrap span {}
.party_wrap .party_name_wrap .partyshow_img {
  margin-top: 20px;
  display: inline-block;
  text-align: center;
  margin-right: 20px;
}
.party_wrap .partyshow_img img {
  width: 100%
}
.next-prev-single {
  border-top: 1px solid #f0f0f0;
  margin-top: 20px;
  padding-top: 20px;
}
/*注册*/
.register_wrap {
  background-image: linear-gradient(25deg, #796eff 0%, #20b1dc 100%);
  background-repeat: repeat-x;
  padding-top: 150px;
  padding-bottom: 30px;
}
.register_wrap.login_wrap {
  height: calc(100vh - 198px);
}
.register_wrap .register_bj {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../img/bg2.png);
}
.register_wrap .register_bj.login_bj {
  margin-top: 4%;
}
.register_box {
  width: 900px;
  background: #fff;
  border-radius: 6px;
}
.register_box.login_box {
  width: 500px;
}
.register_box .row {
  margin-right: 45px;
  margin-left: 45px;
}
.register_box .row .form-group {
	display: flex;
	justify-content: left;
	align-items: top;
	font-size: 14px;
	margin-bottom: 10px;
}
.register_box .row .shu {
  flex-direction: column;
}
.register_box .row .form-group .form-label {
  width: 80px;
  margin-bottom: 0;
  margin-top:5px;
}
.register_box .row .form-group .form-label-rpw {
	width: 184px;
	margin-top: 5px;
	margin-bottom: 0;
}
.register_box .row .form-group .form-label-reg {
  color: #666;
  width: 100px;
  margin-bottom: 0;
}
.register_box .row .form-group .form-label-reg i{
	width: 12px;
	color: #cd2222;
	margin-right: 6px;
	font-family:Microsoft Yahei,PingFangSC-Regular;
}
.register_box .row .hy-file .form-label-hy{
   width: 82px;
}
.register_box .row .hy-file span{
	font-size: 14px;
	line-height: 24px;
	color: #666;
}
.register_box .row .hy-file b{
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #cd2222;
}
.register_box .row .hy-file a{
	color: #346FC9
}
.register_box .row .hy-file a img{
	width: 12px;
	height: auto;
	margin: 0 4px 0 16px;
}
.register_box .row .form-group .checkboxes {
  display: block;
  width: 100%;
}
/*.register_box .row .form-group img {
  width: 21%;
  margin-left: 2%;
}*/
.register_box .row .form-group .checkboxes .label_check {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  margin-bottom: 0;
}
.register_box .row .form-group .checkboxes .label_check input[type="checkbox"] {
  margin: 0 6px 0 2px
}
.register_box .row .form-group .VCode-wrap {
  display: inline-flex;
  width: 100%;
}
.register_box .row .form-group .VCode-wrap .VCode-input {
  flex: 1;
  margin-right: 8px;
}
.register_box .row .form-group .VCode-wrap .VCode-img {
  flex: 1;
}
.register_box .row .form-group .VCode-wrap .form-control {}
.reg-mem {
  height: 40px;
  width: 28%;
  background-color: #346fc9;
  color: #fff;
  border-radius: 4px;
  margin-top: 32px;
}
.register_box .row .register_alert {
  display: block;
  text-align: center;
}
.register_box .row .register_alert .alert {
  width: 100%;
  overflow: hidden;
  line-height: 40px;
  background-color: #f3f7fb;
}
.register_box .row .register_alert .alert p i {
  margin-right: 10px;
}
/*上传*/
.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
  direction: ltr;
}
.fileinput {
  display: flex;
  width: 100%;
	padding-left: 86px;
}
.fileinput .form-control {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
	width: 140px;
	height: 140px;
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.fileinput .hy-thumbnail{
	width: 208px;
} 
.fileinput .thumbnail > img {
  width: 100%;
	height: 100%;
}
	.fileinput .btn {
		vertical-align: middle;
		background-color: #FFF5DC;
		border: 1px solid #fab200;
		color: #FAB200;
		margin-left: 16px;
		padding: 8px 18px;
	}
.fileinput .btn-primary.btn-file {
	padding: 8px 18px;
	background-color: #F6F6F6;
	border: 1px solid #D5DBE4;
	color: #346FC9;
	border-radius: 4px;
}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput-filename {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.form-control .fileinput-filename {
  vertical-align: bottom;
}
.fileinput.input-group {
  display: table;
}
.fileinput.input-group > * {
  position: relative;
  z-index: 2;
}
.fileinput.input-group > .btn-file {
  z-index: 1;
}
.fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0;
}
.fileinput-new.input-group .btn-file.btn-lg, .fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc;
}
.form-group.has-error .fileinput .fileinput-preview {
  color: #a94442;
}
.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #3c763d;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6;
}
.input-group-addon:not(:first-child) {
  border-left: 0;
}
/*留言板*/
.message_wrap {
  margin-left: 15px;
}
.message_wrap .form-group {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin-bottom: 20px;
}
.message_wrap .form-group .form-label {
  width: 80px;
  margin-bottom: 0;
}
.message_wrap .form-group .checkboxes {
  display: block;
  width: 100%;
}
/*记录*/
.comment-box {
  position: relative;
  margin: 20px 20px 15px 30px
}
.comment-box .base-tit {
  border-bottom: 1px solid #f0f0f0;
  color: #3b8dd1;
  line-height: 1em;
  font-size: 18px;
  /* font-weight: normal; */
}
.comment-box .base-tit span {
  position: relative;
  top: 1px;
  display: inline-block;
  padding: 10px 0;
  border-bottom: 1px solid #3b8dd1;
}
.comment-box .comment-list {
  padding-left: 5px;
  max-height: 900px;
  overflow: auto;
  padding-bottom: 160px;
}
.comment-box .comment-list::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}
.comment-box ol::-webkit-scrollbar-thumb {
  background-color: #DFE1E5;
  border-radius: 3px;
}
.comment-list li {
  padding: 15px 0px 25px 0;
  border-top: 1px solid #f7f7f7;
  display: block;
}
.comment-list li:first-child {
  border-top: none;
}
.comment-list li .avatar {
  display: block;
  float: left;
  margin-top: 6px;
  background: #fff;
  border-radius: 2px;
  width: 42px;
  height: 42px;
  overflow: hidden;
}
.comment-list li .avatar img {
  width: 42px;
  height: 42px;
}
.comment-list li .inner {
  margin-left: 52px;
}
.comment-list li .inner p {
  color: #666;
  font-size: 14px;
  line-height: 1.8em;
  margin-bottom: 0;
  color: #666;
}
.comment-list li .inner p:first-child {
  color: #666;
  font-size: 14px;
  line-height: 1.7em;
  margin-bottom: 0;
  margin-top: 4px;
}
.comment-list li .inner .meta {
  margin: 2px 0 10px;
  padding: 0px;
  color: #999;
  border: none;
  text-align: left;
  line-height: 1.5;
}
.comment-list li .answer .meta .user_name {
  color: #666;
  float: left;
}
.comment-list li .inner .meta h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.8;
  color: #222;
}
.comment-list li .inner .meta span {
  font-size: 14px;
  line-height: 1.6;
  color: #666;
}
.comment-list li .answer .meta .right {
  color: #666;
  float: right;
}
.comment-list li .inner .meta .fbtime {
  margin-left: 5px;
  padding-left: 20px;
  color: #777;
}
.comment-list li .answer {
  padding: 10px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
}
.comment-list li .answer .meta {
  margin: 0;
  padding: 0;
  color: #666;
  margin-bottom: 5px;
  border: none;
  text-align: left;
}
.comment-list li .answer p {
  color: #555;
  font-size: 16px;
  line-height: 1.7em;
  color: #222;
  margin-bottom: 0;
}
.hy-but-btn{
	align-items: center;
    display: flex;
	padding-left: 16px;
}
.hy-but-btn i{
	font-style: normal;
	font-size: 14px;
	margin-left: 8px;
}
@charset "utf-8";
/* icon图标 */
@font-face {
  font-family: "iconfont";
  font-family: 'iconfont';
  src: url('fonts/iconfont.eot?eifl1h');
  src: url('fonts/iconfont.eot?eifl1h#iefix') format('embedded-opentype'), url('fonts/iconfont.ttf?eifl1h') format('truetype'), url('fonts/iconfont.woff?eifl1h') format('woff'), url('fonts/iconfont.svg?eifl1h#iconfont') format('svg');
}
.icon {
  font-family: "iconfont";
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-ldc-weixin:before {
  content: "\e602";
}
.icon-ldc-back-top:before {
  content: "\e603";
}
.icon-ldc-tip-top:before {
  content: "\e605";
}
.icon-ldc-tip-left:before {
  content: "\e606";
}
.icon-ldc-question-language:before {
  content: "\e607";
}
.icon-ldc-question-type:before {
  content: "\e608";
}
.icon-ldc-question-custom:before {
  content: "\e609";
}
.icon-ldc-question-support:before {
  content: "\e60a";
}
.icon-ldc-advertisement:before {
  content: "\e60b";
}
.icon-ldc-activity:before {
  content: "\e60c";
}
.icon-ldc-resources:before {
  content: "\e60d";
}
.icon-ldc-education:before {
  content: "\e60e";
}
.icon-ldc-phone:before {
  content: "\e60f";
}
.icon-ldc-app:before {
  content: "\e610";
}
.icon-ldc-person:before {
  content: "\e611";
}
.icon-ldc-qq:before {
  content: "\e612";
}
.icon-ldc-boy:before {
  content: "\e613";
}
.icon-ldc-triangle:before {
  content: "\e614";
}
.icon-ldc-apple:before {
  content: "\e615";
}
.icon-ldc-girl:before {
  content: "\e616";
}
.icon-ldc-market:before {
  content: "\e617";
}
.icon-ldc-staff:before {
  content: "\e618";
}
.icon-ldc-tip-right:before {
  content: "\e702";
}
.icon-ldc-wechat:before {
  content: "\e61a";
}
.icon-ldc-tip-bottom:before {
  content: "\e61b";
}
.icon-ldc-train:before {
  content: "\e61c";
}
.icon-ldc-sign-up:before {
  content: "\e61d";
}
.icon-ldc-advice:before {
  content: "\e61e";
}
.icon-ldc-case:before {
  content: "\e61f";
}
.icon-ldc-cooperation:before {
  content: "\e620";
}
.icon-ldc-interaction:before {
  content: "\e621";
}
.icon-ldc-article:before {
  content: "\e622";
}
.icon-ldc-template:before {
  content: "\e623";
}
.icon-ldc-wechat-red:before {
  content: "\e624";
}
.icon-ldc-record:before {
  content: "\e625";
}
.icon-ldc-share:before {
  content: "\e626";
}
.icon-ldc-once:before {
  content: "\e627";
}
.icon-ldc-mobile:before {
  content: "\e628";
}
.icon-ldc-release:before {
  content: "\e629";
}
.icon-ldc-only-wechat:before {
  content: "\e62a";
}
.icon-ldc-lamp:before {
  content: "\e62b";
}
.icon-ldc-score:before {
  content: "\e62c";
}
.icon-ldc-count-down:before {
  content: "\e62d";
}
.icon-ldc-video:before {
  content: "\e62e";
}
.icon-ldc-crowd:before {
  content: "\e62f";
}
.icon-ldc-selling:before {
  content: "\e630";
}
.icon-ldc-investment:before {
  content: "\e631";
}
.icon-ldc-qrcode:before {
  content: "\e632";
}
.icon-ldc-handel:before {
  content: "\e633";
}
.icon-ldc-answer-mobile:before {
  content: "\e634";
}
.icon-ldc-vote-report:before {
  content: "\e635";
}
.icon-ldc-meeting-info:before {
  content: "\e636";
}
.icon-ldc-invite:before {
  content: "\e637";
}
.icon-ldc-screenshot:before {
  content: "\e638";
}
.icon-ldc-app-used:before {
  content: "\e639";
}
.icon-ldc-identification:before {
  content: "\e63a";
}
.icon-panel-mobile:before {
  content: "\e63b";
}
.icon-ldc-demand:before {
  content: "\e63c";
}
.icon-ldc-train-test:before {
  content: "\e63d";
}
.icon-ldc-design:before {
  content: "\e63e";
}
.icon-ldc-satisfied:before {
  content: "\e63f";
}
.icon-ldc-job:before {
  content: "\e640";
}
.icon-ldc-parent:before {
  content: "\e641";
}
.icon-ldc-college:before {
  content: "\e642";
}
.icon-ldc-hardware:before {
  content: "\e643";
}
.icon-ldc-survey:before {
  content: "\e644";
}
.icon-ldc-free:before {
  content: "\e645";
}
.icon-ldc-area:before {
  content: "\e646";
}
.icon-ldc-gender:before {
  content: "\e647";
}
.icon-ldc-browser:before {
  content: "\e648";
}
.icon-ldc-calendar:before {
  content: "\e649";
}
.icon-ldc-city:before {
  content: "\e64a";
}
.icon-ldc-data:before {
  content: "\e64b";
}
.icon-ldc-love:before {
  content: "\e64c";
}
.icon-ldc-report-demonstrate:before {
  content: "\e64d";
}
.icon-ldc-staff-satisfied:before {
  content: "\e64e";
}
.icon-ldc-demonstrate:before {
  content: "\e64f";
}
.icon-ldc-enterprise:before {
  content: "\e650";
}
.icon-ldc-find-answer:before {
  content: "\e651";
}
.icon-ldc-restaurant:before {
  content: "\e652";
}
.icon-ldc-panel:before {
  content: "\e653";
}
.icon-ldc-skill-share:before {
  content: "\e654";
}
.icon-ldc-report-library:before {
  content: "\e655";
}
.icon-ldc-new-user:before {
  content: "\e656";
}
.icon-ldc-logic-bold:before {
  content: "\e657";
}
.icon-ldc-send-bold:before {
  content: "\e658";
}
.icon-ldc-write:before {
  content: "\e659";
}
.icon-ldc-report-view:before {
  content: "\e65a";
}
.icon-ldc-wechat-icon:before {
  content: "\e65b";
}
.icon-ldc-wechat-msg:before {
  content: "\e65c";
}
.icon-ldc-share-bold:before {
  content: "\e65d";
}
.icon-ldc-search:before {
  content: "\e65e";
}
.icon-ldc-mouse:before {
  content: "\e65f";
}
.icon-ldc-flow:before {
  content: "\e660";
}
.icon-ldc-expect:before {
  content: "\e661";
}
.icon-ldc-write-msg:before {
  content: "\e662";
}
.icon-ldc-store:before {
  content: "\e663";
}
.icon-ldc-coupon:before {
  content: "\e664";
}
.icon-ldc-gift:before {
  content: "\e665";
}
.icon-ldc-waiter:before {
  content: "\e666";
}
.icon-panel-pc:before {
  content: "\e667";
}
.icon-panel-receive:before {
  content: "\e668";
}
.icon-ldc-password:before {
  content: "\e669";
}
.icon-ldc-account:before {
  content: "\e66a";
}
.icon-ldc-weibo:before {
  content: "\e66b";
}
.icon-ldc-checkbox-fill:before {
  content: "\e66c";
}
.icon-ldc-checkbox:before {
  content: "\e66d";
}
.icon-ldc-now:before {
  content: "\e66e";
}
.icon-ldc-new-data:before {
  content: "\e66f";
}
.icon-ldc-position:before {
  content: "\e670";
}
.icon-ldc-location:before {
  content: "\e671";
}
.icon-ldc-360:before {
  content: "\e672";
}
.icon-ldc-welfare:before {
  content: "\e673";
}
.icon-ldc-hr:before {
  content: "\e674";
}
.icon-ldc-panel-android:before {
  content: "\e675";
}
.icon-ldc-panel-telecom:before {
  content: "\e676";
}
.icon-ldc-panel-pdf:before {
  content: "\e677";
}
.icon-ldc-panel-handle:before {
  content: "\e678";
}
.icon-ldc-panel-baidu:before {
  content: "\e679";
}
.icon-ldc-panel-alpay:before {
  content: "\e67a";
}
.icon-ldc-panel-qq:before {
  content: "\e67b";
}
.icon-ldc-panel-consult:before {
  content: "\e67c";
}
.icon-ldc-panel-write:before {
  content: "\e67d";
}
.icon-ldc-success:before {
  content: "\e67e";
}
.icon-ldc-star:before {
  content: "\e67f";
}
.icon-ldc-panel-action:before {
  content: "\e680";
}
.icon-ldc-clear:before {
  content: "\e681";
}
.icon-ldc-seetings:before {
  content: "\e682";
}
.icon-ldc-panel-image:before {
  content: "\e683";
}
.icon-ldc-survey-report:before {
  content: "\e704";
}
.icon-ldc-survey-edit:before {
  content: "\e705";
}
.icon-ldc-survey-logic:before {
  content: "\e706";
}
.icon-ldc-survey-launch:before {
  content: "\e707";
}
.icon-ldc-survey-more:before {
  content: "\e708";
}
.icon-ldc-survey-gift:before {
  content: "\e709";
}
.icon-ldc-survey-clear:before {
  content: "\e719";
}
.icon-ldc-survey-share:before {
  content: "\e70b";
}
.icon-ldc-survey-delete:before {
  content: "\e70c";
}
.icon-ldc-survey-copy:before {
  content: "\e71c";
}
.icon-ldc-survey-loading:before {
  content: "\e71d";
}
.icon-ldc-report-senior:before {
  content: "\e70f";
}
.icon-ldc-close:before {
  content: "\e710";
}
.icon-ldc-message-box:before {
  content: "\e720";
}
.icon-ldc-download:before {
  content: "\e712";
}
.icon-ldc-upload:before {
  content: "\e713";
}
.icon-ldc-survey-senior:before {
  content: "\e715";
}
.icon-ldc-survey-list:before {
  content: "\e716";
}
.icon-ldc-launch-yes:before {
  content: "\e72c";
}
.icon-ldc-launch-left:before {
  content: "\e72d";
}
.icon-ldc-launch-right:before {
  content: "\e72e";
}
.icon-ldc-pay-price:before {
  content: "\e72f";
}
.icon-ldc-launch-edit:before {
  content: "\e730";
}
.icon-ldc-personal:before {
  content: "\e73d";
}
.icon-ldc-message:before {
  content: "\e732";
}
.icon-ldc-radio:before {
  content: "\e733";
}
.icon-ldc-quit:before {
  content: "\e734";
}
.icon-ldc-radio-checked:before {
  content: "\e735";
}
.icon-ldc-tip-info:before {
  content: "\e736";
}
.icon-ldc-launch-copy:before {
  content: "\e737";
}
.icon-ldc-launch-bottom:before {
  content: "\e738";
}
.icon-ldc-survey-block:before {
  content: "\e744";
}
.icon-ldc-email:before {
  content: "\e72a";
}
.icon-ldc-survey-back:before {
  content: "\e748";
}
.icon-ldc-custom-line:before {
  content: "\e749";
}
.icon-ldc-code:before {
  content: "\e74c";
}
.icon-ldc-research-team:before {
  content: "\e74d";
}
.icon-ldc-research:before {
  content: "\e750";
}
.icon-ldc-research-solution:before {
  content: "\e751";
}
.icon-ldc-survey-create:before {
  content: "\e728";
}
.icon-ldc-automatic:before {
  content: "\e684";
}
.icon-ldc-exclusive:before {
  content: "\e685";
}
.icon-ldc-custompanel:before {
  content: "\e686";
}
.icon-ldc-comprehensive:before {
  content: "\e687";
}
.icon-ldc-security:before {
  content: "\e688";
}
.icon-ldc-integrate:before {
  content: "\e689";
}
.icon-ldc-custom-template:before {
  content: "\e68a";
}
.icon-ldc-office:before {
  content: "\e68b";
}
.icon-ldc-intelligence:before {
  content: "\e68c";
}
.icon-ldc-platform-launch:before {
  content: "\e68d";
}
.icon-ldc-power:before {
  content: "\e68e";
}
.icon-ldc-eye:before {
  content: "\e900";
}
.icon-ldc-eye-close:before {
  content: "\e901";
}
.up-menu {
  color: #224bec;
  font-size: 14px;
  line-height: 24px;
  margin-top: 28px;
}
.up-menu img {
  width: 12px;
  margin-right: 8px;
}