@import "font-awesome.min.css";
@import "animate.css";
/*========================================================
                      Main Styles
=========================================================*/
body {
  color: #000;
  font: 500 13px/25px "Microsoft Yahei", Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: none;
}
.badge {
  background: none;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media (max-width: 991px) {
  .clearboth {
    clear: both;
  }
}
.fz17 {
  font-size: 17px;
}
.fa {
  line-height: inherit;
}
[class*='fa-']:before {
  font-weight: 400;
  font-family: 'FontAwesome';
  color: inherit;
  font-size: 20px;
}
.clr-primary {
  color: #e62129;
}
.clr-secondary {
  color: #1c1c1c;
}
.ttu {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .ins767 {
    padding-left: 8%;
    padding-right: 8%;
  }
}
/*=======================================================
                       Main Layout
=========================================================*/
* + .row {
  margin-top: 35px;
}
.row + * {
  margin-top: 40px;
}
.row + .row {
  margin-top: 30px;
}
* + .offs {
  margin-top: 59px;
}
h3 + img {
  margin-top: 60px;
}
h3 + img + h4 {
  margin-top: 28px;
}
h4 + p {
  margin-top: 5px;
}
h3 + h4 {
  margin-top: 48px;
}
.list-2 + p {
  margin-top: 16px;
}
h3 + blockquote {
  margin-top: 58px;
}
* + .btn-wr {
  margin-top: 45px;
}
* + .btn-wr__mod {
  margin-top: 40px;
}
* + table {
  margin-top: 19px;
}
* + .offs2 {
  margin-top: 50px;
}
.row + .offs2 {
  margin-top: 45px;
}
h3 + p {
  margin-top: 50px;
}
/*=======================================================
                        Components
=========================================================*/
/*==================   Block-icon     ===================*/
.block-icon .block_caption {
  display: inline-block;
  width: 270px;
  margin-top: -5px;
}
.block-icon .block_caption span {
  font-size: 17px;
  display: inline-block;
}
.block-icon .block_caption * + p {
  margin-top: 8px;
}
@media (max-width: 1199px) {
  .block-icon .block_caption {
    margin-top: 30px;
  }
}
.block-icon .icon {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 270px;
  height: 270px;
  line-height: 270px;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-align: center;
  position: relative;
}
.block-icon .icon span {
  position: absolute;
  top: 161px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  font-size: 29px;
  line-height: 33px;
  font-weight: 800;
  text-transform: uppercase;
  width: 100%;
}
.block-icon .icon .fa {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 28px;
}
.block-icon .icon .fa:before {
  display: inline-block;
  font: 400 130px/139px 'FontAwesome';
  color: #fff;
}
.block-icon .icon1 {
  background: #4884f2;
}
.block-icon .icon2 {
  background: #d24f4f;
}
.block-icon__skin {
  position: relative;
  padding-left: 103px;
}
.block-icon__skin .icon {
  position: absolute;
  display: inline-block;
  width: 84px;
  height: 84px;
  line-height: 84px;
  left: 0px;
  top: 12px;
  text-align: center;
  -moz-transition: 0.5s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.block-icon__skin .icon .fa:before {
  font: 400 36px/84px 'FontAwesome';
  color: #fff;
}
.block-icon__skin .bg1 {
  background: #43d2e3;
}
.block-icon__skin .bg2 {
  background: #47cd3d;
}
.block-icon__skin .bg3 {
  background: #e31836;
}
.block-icon__skin + .block-icon__skin {
  margin-top: 20px;
}
h3 + .block-icon__skin {
  margin-top: 51px;
}
/*==================     Table       ====================*/
table {
  background: #1c1c1c;
  color: #fff;
  width: 100%;
}
@media (max-width: 991px) {
  table {
    margin: 20px auto;
  }
}
table th + th {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
table th {
  font-size: 14px;
  font-weight: 400;
  padding: 15px 0px 7px;
}
table td,
table th {
  width: 15.7894%;
  text-align: center;
}
table .lg {
  width: 51%;
  text-align: left;
  padding-left: 8px;
  padding-right: 38px;
}
table td {
  font-size: 13px;
  line-height: 30px;
}
table td a.fa {
  color: #fff;
}
table td a.fa:before {
  font-size: 13px;
}
table td a.fa:hover {
  color: #e31836;
}
table td a.fa + a.fa {
  margin-left: -3px;
}
table td a.act {
  color: #e31836;
}
table .pd-add {
  padding: 23px 0px 5px;
}
table .bg1 {
  background: #e31836;
}
table .bg2 {
  background: #745d93;
}
table .bg3 {
  background: #37bcb4;
}
table .bg4 {
  background: #e76f00;
}
table .bg5 {
  background: #43d2e3;
}
@media only screen and (max-width: 767px) {
  table {
    display: none;
  }
}
.stacktable.small-only {
  display: none;
}
@media only screen and (max-width: 767px) {
  .stacktable.small-only {
    display: block;
  }
  .stacktable.small-only tbody {
    width: 100%;
  }
  .stacktable.small-only td,
  .stacktable.small-only th {
    width: 25%;
    text-align: center;
  }
}
/*==================     Panels      ====================*/
.panels {
  background: #f3f3f3;
}
.panels .inline-list {
  float: left;
  margin-bottom: 16px;
}
.panels .btn-wr-header {
  float: right;
  margin-top: -43px;
}
.panels .btn-wr-header a + a {
  margin-left: 6px;
}
@media (max-width: 767px) {
  .panels {
    text-align: center;
  }
  .panels .inline-list,
  .panels .btn-wr-header {
    float: none;
  }
  .panels .inline-list {
    margin-top: 20px;
  }
  .panels .btn-wr-header {
    margin-bottom: 20px;
  }
}
/*==================  Banner  ====================*/
.cont-wr {
  position: relative;
}
.banner {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  z-index: 1;
}
.banner .cnt {
  color: #fff;
}
.banner .cnt p {
  font-size: 60px;
  line-height: 139px;
}
.banner .cnt * + h2 {
  margin-top: 9px;
}
@media (max-width: 479px) {
  .banner .cnt p {
    font-size: 24px;
    line-height: 100px;
  }
}
.banner__mod {
  top: 12%;
}
/*==================      Box      ======================*/
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.box:before,
.box:after {
  content: " ";
  display: table;
}
.box:after {
  clear: both;
}
.box_aside {
  float: left;
  margin-right: 30px;
}
.box_cnt {
  text-align: left;
  margin-top: 17px;
}
.box_cnt a {
  font-size: 30px;
	line-height:36px;
  color: #fff;
  font-weight: 700;
}
.box_cnt a:hover {
  color: #e62129;
}
.box_cnt .badge {
  display: block;
  color: #888888;
  font-weight: 500;
  font-size: 18px;
  padding-left: 0px;
  margin-top: 2px;
}
.box_cnt__no-flow {
  overflow: hidden;
}
@media (max-width: 767px) {
  .box_aside {
    float: none;
    text-align: center;
    margin-right: 0;
  }
  .box_cnt {
    text-align: center;
  }
}
.box__mod .box_aside {
  width: 270px;
}
@media (max-width: 767px) {
  .box__mod .box_aside {
    margin: 0 auto;
  }
}
.thumbnail dl{padding:15px 0; border-bottom: 2px dashed #e7e7e7;}.thumbnail dl:hover{border-bottom: 2px solid #ccc;}.thumbnail img{width:120px;height:80px;}.thumbnail dt{position:absolute;}.thumbnail dd{margin-left:132px;}.thumbnail .tn-caption{color:#555;height:21px;overflow:hidden;font-size:14px;}.thumbnail .tn-content{color:#999999; padding-right:12px;line-height:18px;height:36px;overflow:hidden;}.thumbnail .tn-meta{margin-top:5px;padding-left:20px;background:url("../images/article_ico.gif") 1px -81px no-repeat;}.thumbnail .tn-meta a{margin-right:10px;}

.respond_menu{width: 1165px; height:150px; font-size: 18px; margin: 10px 0 30px 35px;}
.respond_menu a{padding: 3px 10px; width:120px; text-align:center; font-size:14px; margin:5px; line-height: 28px; float: left; color: #555; background:#fff; border:1px solid #999;}
.respond_menu a:hover{background-color: #d90000; color: #fff; text-decoration: none;}
#pagelist,#espcms_bbs_pagelist{color:#818181}
.espcms_page_botton { text-align:center}
.pagination {font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:12px;margin: 0px;}
/*按钮色彩样式*/
.pagination a {border: #ececec 1px solid;color: #000;text-decoration: none;overflow: hidden;;padding:8px 15px; display: inline-block;margin: 0px 0px 0px 5px;}
.pagination a:visited {text-decoration: none;overflow: hidden;}
.pagination a:active {text-decoration: none;overflow: hidden;}
.pagination a:hover {color: #fff; background-color: #c7000a;overflow: hidden;}
.pagination span.current {border: #777 1px solid;color: #fff;overflow: hidden;padding:8px 15px; display: inline-block;   margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #777; border: #777 1px solid; line-height:22px; padding:8px 15px; display: inline-block;}
/*==================  404    ======================*/
.p404 h2 {
  font-size: 215px;
  font-weight: 800;
  line-height: 160px;
}
.p404 h2 small {
  font-size: 160px;
  font-weight: 800;
  margin-top: 70px;
}
.p404 h3 {
  font-size: 54px;
  line-height: 54px;
  color: #d73f0f;
}
.p404 .mg-add {
  margin-top: 40px;
}
.p404 * + p {
  margin-top: 26px;
}
@media (max-width: 991px) {
  .p404 h2 {
    font-size: 100px;
    line-height: 120px;
  }
  .p404 h2 small {
    font-size: 80px;
    margin-top: 20px;
  }
}
/*==================  Stuck menu  ======================*/
.stuck_container {
  padding: 10px 0 25px;
}
.isStuck {
  padding: 0;
  background: #ffffff;
  z-index: 999;
  box-shadow: 0 1px 2px #bbb;
  background: rgba(0, 0, 0, 0.9);
}
.isStuck .navbar-brand {
  font-size: 44px;
}
.isStuck .navbar-brand:before {
  top: 0px;
}
.isStuck .navbar-nav {
  margin-top: 10px;
}
@media only screen and (max-width: 992px) {
  .isStuck {
    display: none !important;
  }
}
.isStuck .sf-menu ul {
  top: 27px;
}
.isStuck .sf-menu ul ul {
  top: 0;
}
/*==================     ToTop     ======================*/
.toTop {
  width: 47px;
  height: 47px;
  font-size: 24px;
  line-height: 47px!important;
  font-weight: 700;
  color: #fff!important;
  background: #2b8379;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: fixed;
  right: 66px;
  bottom: 180px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 20;
}
.toTop:hover {
  color: #fff;
  background: #1c1c1c;
  text-decoration: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: scale(1.2);
}
@media only screen and (max-width: 1399px) {
  .toTop {
    display: none !important;
  }
}
/*==================   Tumbnail    ======================*/
.thumb {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
.thumb img {
  width: 100%;
  height: auto;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
  background: transparent;
}
.thumb_overlay:before {
  content: '\f065';
  position: absolute;
  font-family: 'FontAwesome';
  font-size: 20px;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.lt-ie9 .thumb_overlay:before {
  display: none;
}
.thumb:hover .thumb_overlay {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.lt-ie9 .thumb:hover .thumb_overlay {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000');
  zoom: 1;
}
.thumb:hover .thumb_overlay:before {
  opacity: 1;
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
  display: block;
}
.thumb:hover img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*==================  RD Parallax    ======================*/
.parallax {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.parallax_image,
.parallax_pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center center;
  will-change: transform;
  z-index: 0;
}
.parallax_image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.parallax_pattern {
  background-repeat: repeat;
}
.parallax_cnt {
  position: relative;
  color: #ffffff;
  padding-top: 90px;
  padding-bottom: 119px;
}
.parallax_cnt * + h2 {
  margin-top: 9px;
}
.parallax_cnt * + h4 {
  margin-top: 23px;
}
.parallax_cnt * + .btn {
  margin-top: 31px;
}
.parallax a.link {
  text-decoration: underline;
}
.parallax2 .parallax_cnt {
  padding-top: 147px;
  padding-bottom: 150px;
}
@media (max-width: 767px) {
  .parallax2 .parallax_cnt {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.parallax3 .parallax_cnt {
  padding-top: 75px;
  padding-bottom: 64px;
}
.parallax3 .parallax_cnt .search-form {
  margin-top: 0;
}
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.rd-mobilemenu.active {
  right: 0;
}
.rd-mobilemenu_ul {
  position: fixed;
  top: -56px;
  left: 0;
  bottom: -56px;
  width: 240px;
  padding: 132px 0 76px;
  color: #fff;
  background: rgba(43, 54, 67, 0.97);
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.lt-ie9 .rd-mobilemenu_ul {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b3643', endColorstr='#ff2b3643');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2b3643', endColorstr='#ff2b3643');
  zoom: 1;
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.rd-mobilemenu_ul a {
  display: block;
  padding: 14px 25px 16px;
}
.rd-mobilemenu_ul a.active {
  background: #313e4e;
  color: #ffffff;
}
.rd-mobilemenu_ul a:hover {
  background: #e62129;
  color: #ffffff;
}
.rd-mobilemenu_ul a .rd-submenu-toggle {
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -17.5px;
  width: 32px;
  height: 32px;
  font: 400 10px 'FontAwesome';
  line-height: 32px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #ffffff;
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
  z-index: 1;
  background: rgba(0, 0, 0, 0.1);
}
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
  content: '\f078';
}
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
  background: #2b3643;
  color: #fff;
}
.rd-mobilemenu_ul a .rd-submenu-toggle:visited {
  color: #fff;
}
.rd-mobilemenu_ul a.rd-with-ul {
  position: relative;
}
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.rd-mobilemenu_ul ul a {
  padding-left: 40px;
  border: none;
  padding-top: 14px;
  padding-bottom: 16px;
}
.rd-mobilemenu_ul ul a:visited {
	color:#fff
}
.rd-mobilemenu_ul ul ul {
  border: none;
  box-shadow: none;
  background: transparent;
}
.rd-mobilemenu_ul ul ul li {
  border: none;
  box-shadow: none;
}
.rd-mobilemenu_ul ul ul a {
  padding-left: 60px;
  color: inherit;
  padding-top: 14px;
  padding-bottom: 16px;
  border: none;
  box-shadow: none;
}
.rd-mobilemenu_ul ul ul a.active {
  background: #313e4e;
  color: #ffffff;
}
.rd-mobilemenu_ul ul ul a:hover {
  background: #e62129;
  color: #ffffff;
}
.rd-mobilemenu_ul:after {
  content: '';
  display: block;
  height: 20px;
}
.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  background: #2b3643;
  color: #ffffff;
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991;
}
.rd-mobilepanel_title {
  position: fixed;
  padding-left: 10px;
  top: 4px;
  left: 56px;
  right: 56px;
  color: #ffffff;
  font-size: 16px;
	width:80%;
	overflow:hidden;
  line-height: 48px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rd-mobilepanel_toggle {
  position: fixed;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
  background-color: #252e3a;
  border-color: transparent;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
  top: 8px;
}
.rd-mobilepanel_toggle span:after,
.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: #ffffff;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rd-mobilepanel_toggle span:before,
.rd-mobilepanel_toggle span:after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.rd-mobilepanel_toggle.active span {
  transition: background .3s 0s ease;
  background: transparent;
}
.rd-mobilepanel_toggle.active span:before,
.rd-mobilepanel_toggle.active span:after {
  top: 0;
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  body {
    padding-top: 56px;
  }
  .rd-mobilemenu,
  .rd-mobilepanel {
    display: block;
  }
}
@media (max-width: 359px) {
  .rd-mobilepanel_title {
    font-size: 15px;
    font-weight: 100;
  }
}
/*=================       Tabs     ======================*/
.resp-tabs-list {
  text-align: center;
}
.resp-tabs-list li {
  display: inline-block;
  cursor: pointer;
  font-size: 17px;
  padding-bottom: 4px;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.resp-tabs-list li:hover {
  border-bottom: 4px solid #1c1c1c;
}
.resp-tabs-list li + li {
  margin-left: 23px;
}
.resp-tabs-list .resp-tab-active {
  border-bottom: 4px solid #1c1c1c;
}
* + .resp-tabs-container {
  margin-top: 27px;
}
.resp-accordion {
  display: none;
}
.resp-tab-content {
  display: none;
}
.resp-tab-content-active {
  display: block;
}
@media (max-width: 767px) {
  .resp-tabs-container {
    text-align: center;
  }
  .resp-accordion {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 5px 0px 5px;
    background: #e62129;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
    width: 80%;
    margin: 15px auto;
  }
  .resp-accordion:hover {
    background: #d73f0f;
  }
  .resp-tabs-list {
    display: none;
  }
}
/*========================================================
                     HEADER  Section
=========================================================*/
header {
  background: #ffffff;
}
@media (max-width: 991px) {
  header {
    text-align: center;
  }
  header .navbar-header,
  header .navbar-nav {
    float: none;
  }
	.navbar-brand {    padding-left: 0;padding-top: 80px;}
	.navbar-brand:before {
    left: -30px;
}
}
main {
  background: #ffffff;
}
footer {
  padding-top: 38px;
  padding-bottom: 20px;
  background: #1c1c1c;
}
footer .navbar-brand {
  padding-bottom: 23px;
  color: #fff;
  font-size: 50px;
}
footer .navbar-brand:before {
  top: -6px;
}
footer .navbar-brand .brand-slogan {
  margin-top: 0;
}
footer hr {
  border: none;
  height: 1px;
  width: 100%;
  background: #333333;
}
footer * + ul {
  margin-top: 10px;
}
footer ul li {
  line-height: 35px;
}
footer .fb-plug-wr {
  min-height: 244px;
}
footer .copyright {
  padding-top: 10px;
  font-size: 11px;
}
@media (max-width: 767px) {
  footer {
    text-align: center;
  }
}
/*========================================================
                     MEDIA QUERIES
=========================================================*/
@media (min-width: 1220px) {
  .container {
    padding: 0;
  }
}
@media (max-width: 560px) {
  .row .col-xs-6 {
    clear: both;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .row .col-xs-12 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .row .col-sm-12 {
    margin-top: 30px;
  }
}
@media (max-width: 991px) {
  .row .col-sm-6 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .row .col-xs-4 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

.case_main .c_pic{width: 1200px; height: 610px; padding-top: 20px; _padding-top:0px; margin: 0 auto;}
.c_pic dl{float: left; width: 380px; height: 282px; padding-right: 27px;}
.c_pic dl.last{padding-right: 0;}
.c_pic dt{width: 382px; height: 242px; border: 0; overflow: hidden;}
.c_pic dd{width: 382px; height: 40px; }
.c_pic dd a{font-size: 16px; float: left; line-height:30px; color: #555}
.c_pic dd a:hover{color: #d90000; text-decoration: underline;}
.c_pic dd span{ font-size:12px; color: #999; line-height: 30px; float: right;}
.c_pic dt img{ border:1px solid #CCC}

.index_link{min-width: 1200px; width: 100%; margin: 0; color: #999; border-top:1px solid #e7e7e7;}
.index_link .link_list{width: 1200px; margin: 0 auto; padding: 8px 0; }
.index_link span{ font-weight: bold; float: left;}
.index_link a{ float: left; padding: 0 8px; color: #999;}
.copyright{min-width: 1200px; width: 100%; margin: 0;  background: #f3f3f3; padding-top: 20px; clear: both;}
.copyright .copy_about{width: 1200px; height: 220px; margin: 0 auto; clear: both;}
.copyright .copy_beian{ clear: both; width:100%; margin: 0 auto; height: 40px; line-height: 40px; text-align: center; color: #aaa; background: #e7e7e7; min-width: 1200px;}
.copyright .copy_beian #qiao-wrap{display:inline-block;}
.copy_about dl{ float: left;}
.copy_about dt{font-size: 16px; color: #555; padding-bottom: 10px;}
.copy_about dt a{ color:#555;}
.copy_about dd{color: #999; line-height: 24px;}
.copy_about dd a{color: #999; line-height: 24px;}
.copy_about dl.t1{width: 300px;}
.copy_about dl.t2{width: 240px;}
.copy_about dl.logo{width: 280px; margin-top: 10px; height:127px; background:url("../images/flogo.png") no-repeat;}
.copy_about dl.t3{width: 190px;}
.copy_about dl.t4{width: 180px;}
.copy_about dl.t4 dd{width: 180px; clear: both;}
.copy_about a.gt{color: #e62129;}
.copy_about i.qq{ width:18px; height:18px; background:url("../images/copyright_ico.gif") 0 0 no-repeat; float:left;margin:3px 3px 0 0;}
.copy_about a.qqmsn{ width: 78px; height: 21px;background:url("../images/copyright_ico.gif") 0 -72px no-repeat; float: left; margin-top: 1px;}
.copy_about .qqtext{float:left;}
.copy_about i.weixin{ width:18px; height:18px; background:url("../images/copyright_ico.gif") 0 -18px no-repeat; float:left;margin:3px 3px 0 0;}
.copy_about i.tel{ width:18px; height:18px; background:url("../images/copyright_ico.gif") 0 -36px no-repeat; float:left;margin:3px 3px 0 0;}
.copy_about i.mail{ width:18px; height:18px; background:url("../images/copyright_ico.gif") 0 -54px no-repeat; float:left;margin:3px 3px 0 0;}


/*解决方案*/
.index_solution {background: none; height: auto;}
.solution {height: 266px; margin-bottom: 20px;}
.solution li {height: 266px; border-left: 1px dotted #DADADA; float: left; width: 240px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;box-sizing: border-box;}
.solution li:first-child {border-left: none;}
.solution li a {height: 262px;  padding: 0 22px; padding-top: 4px; float: left; text-decoration: none; cursor: default;}
/*.solution li a:hover {color: #E60011; }*/
.solution li a:hover i {
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: .8;
}
.solution li i {display: block; width: 120px; height: 120px; border-radius: 50%; -ms-transition: all .8s;-webkit-transition: all .8s;transition: all .8s;}
.solution li h3 {font-size: 16px; text-align: center; margin-top: 8px; margin-bottom: 5px;}
.solution li p.s_bg { text-align: center; margin-bottom: 8px;}
.solution li p.s_bg span {display: inline-block; background-color: #E7E7E7; line-height: 20px; padding: 0 15px; border-radius: 20px}
.solution li p {line-height: 20px;}
.solution li.s1 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") 0 0 no-repeat;}
.solution li.s2 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") -242px 0 no-repeat;}
.solution li.s3 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") -483px 0 no-repeat;}
.solution li.s4 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") -724px 0 no-repeat;}
.solution li.s5 i {display: block; width: 120px; height: 120px; margin: 0 auto; background: url("../images/solution_bg.jpg") -966px 0 no-repeat;}


/*服务*/
.service *{-webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;}
.service_top_bg {min-width: 1200px; height: 230px; min-height:230px; margin: 0 auto; background: url("../images/index_bg_blue.jpg") center no-repeat; }
.s_menu{width: 1200px; height: 110px; margin: 0 auto; font-size:18px; color:#fff; line-height:110px;}
.s_menu a.m_01{ width: 140px; height: 110px; float: left; color:#fff; margin:0 50px 0 18px;}
.s_menu a.m_02, a.m_03{ width: 180px; height: 110px; float: left; color:#fff; margin-right:50px;}
.s_menu a.m_04{ width: 220px; height: 110px; float: left; color:#fff; margin-right:50px;}
.s_menu a.m_05{ width: 245px; height: 110px; float: left; color:#fff;}
.s_menu i{width: 50px; height: 110px; margin-right:10px; background:url("../images/service_menu_ico.png") no-repeat; float:left;}
.s_menu a.m_01 i{ background-position:0 0;}
.s_menu a.m_02 i{ background-position:-50px 0;}
.s_menu a.m_03 i{ background-position:-100px 0;}
.s_menu a.m_04 i{ background-position:-150px 0;}
.s_menu a.m_05 i{ background-position:-200px 0;}
.s_menu a:hover.hover01{background-position: -320px 0;}
.s_menu a:hover.hover02{background-position: -300px 0;}
.s_menu a:hover.hover03{background-position: -295px 0;}
.s_menu a:hover.hover04{background-position: -270px 0;}
.s_menu a:hover.hover05{background-position: -260px 0;}
.s_menu a:hover{ text-decoration:none;background: url("../images/service_menu_ico.png") no-repeat;}
.s_menu a.h01{background: url("../images/service_menu_ico.png") -320px 0 no-repeat;}
.s_menu a.h02{background: url("../images/service_menu_ico.png") -300px 0 no-repeat;}
.s_menu a.h03{background: url("../images/service_menu_ico.png") -295px 0 no-repeat;}
.s_menu a.h04{background: url("../images/service_menu_ico.png") -270px 0 no-repeat;}
.s_menu a.h05{background: url("../images/service_menu_ico.png") -260px 0 no-repeat;}


.s_banner01{ width:1200px; height:310px; margin:0 auto; margin-top:20px; padding-top:60px; color:#fff; background:url("../images/service_banner_01.jpg") no-repeat;}
.s_banner01 .black_bg{ width:570px; height:250px; background:url("../images/service_blackbg.png"); margin:0 auto;}
.s_banner01 .black_bg h1{ font-size:48px; width:570px; text-align:center; padding:8px 0;}
.s_banner01 .black_bg p{ font-size:14px; padding:0 25px; line-height:24px;}
.s1_main, .s3_main{ width:1200px; padding:20px 0 40px 0; margin:0 auto;}
.s1_main .s1_menu{ float:left; width:220px; padding-right:35px;}
.s1_main .s1_menu a{ width:165px; height:50px; padding-left:55px; background:url("../images/s1_menu.gif") no-repeat; margin-bottom:10px; float:left; line-height:50px; font-size:18px; color:#555; text-decoration:none;}
.s1_main .s1_menu a.ico01{ background-position:0 0;}
.s1_main .s1_menu a.ico02{ background-position:0 -50px;}
.s1_main .s1_menu a.ico03{ background-position:0 -100px;}
.s1_main .s1_menu a.ico04{ background-position:0 -150px;}
.s1_main .s1_menu a.ico01:hover{ background-position:-220px 0; color:#fff;}
.s1_main .s1_menu a.ico02:hover{ background-position:-220px -50px; color:#fff;}
.s1_main .s1_menu a.ico03:hover{ background-position:-220px -100px; color:#fff;}
.s1_main .s1_menu a.ico04:hover{ background-position:-220px -150px; color:#fff;}
.s1_menu  a.hover01{background:url("../images/s1_menu.gif") -220px 0 no-repeat; color:#fff;}
.s1_menu  a.hover02{background:url("../images/s1_menu.gif") -220px -50px no-repeat; color:#fff;}
.s1_menu  a.hover03{background:url("../images/s1_menu.gif") -220px -100px no-repeat; color:#fff;}
.s1_menu  a.hover04{background:url("../images/s1_menu.gif") -220px -150px no-repeat; color:#fff;}
.s1_main .s1_text{ float:left; width:883px; border:1px solid #e6e6e6; padding:30px; color:#555;}
.s1_main .s1_text h2{ font-size:30px; text-align:center;width:883px;}
.s1_main .s1_text span{ float:left; padding:3px 10px; background:#0698ec; color:#fff; font-size:18px; margin:20px 0;}
.s1_main .s1_text p{ float:left; font-size:14px; line-height:24px; padding-left:10px; width:873px; }
.s1_main .s1_text ul{ float:left; width:853px; padding-left:20px;}
.s1_main .s1_text li{ list-style:disc; color:#0698ec; font-size:14px; line-height:24px;}
.s1_main .s1_text li p{ color:#555; float:none; padding:0; width:auto;}

/*咨询*/
.s_banner02{ width:1200px; height:560px; margin:20px auto 40px auto; padding-top:60px; color:#fff; background:url("../images/service_banner_02.jpg") no-repeat;}

.s_banner02 .black_bg, .s_banner03 .black_bg{ width:570px; height:320px; background:url("../images/service_blackbg.png"); margin:0 auto;}
.s_banner02 .black_bg h1{ font-size:48px; width:570px; text-align:center; padding:15px 0;}
.s_banner03 .black_bg h1{ font-size:48px; width:570px; text-align:center; padding:10px 0;}
.s_banner02 .black_bg p, .s_banner03 .black_bg p{ font-size:14px; padding:0 25px; line-height:30px;}
.s_banner02 a{ width:180px; height:50px; background:url("../images/service_message.png") 0 0 no-repeat; float:left; margin:30px 0 0 510px;}
.s_banner02 a:hover{ background-position:0 -50px;}
.s_banner03 a{ width:180px; height:50px; background:url("../images/service_message.png") -180px 0 no-repeat; float:left; margin:30px 0 0 510px;}
.s_banner03 a:hover{ background-position:-180px -50px;}

/*顾问*/
.s_banner03{ width:1200px; height:500px; margin:20px auto 0 auto; padding-top:60px; color:#fff; background:url("../images/service_banner_03.jpg") no-repeat;}
.s3_main dt{width: 1200px; font-size: 36px; text-align: center; color: #555; padding: 80px 0 50px 0;}
.yj_Main{width:1200px;overflow:hidden;}
.yj_bg{background:url("../images/pro_01.png") no-repeat;height:105px;}
.yj_Main .list-h{margin-left:60px;width:1890px;}
.yj_Main .list-h li{height:100%;overflow:hidden;color:#999;width:189px;height:162px;font-size:14px; float: left;}
.yj_Main .list-h li .s1{width:29px;font-size:18px; word-break: normal; float: left;}
.yj_Main .list-h li .s2{color:#b6b6b6; font-size: 12px;width:150px; float: left;}
.yj_Main .list-h li .s2 span{display:block;line-height:18px;padding-left:10px;}
.s3_main .kflc{width: 1200px; height:1230px; background:url("../images/pro_02.png") no-repeat; }
.s3_main .cpyy{width: 1200px; height:492px; background:url("../images/pro_03.png") no-repeat;}
.s3_main .zysc{width: 1200px; height:840px; background:url("../images/pro_04.png") no-repeat;}

/*网站建设*/
.s4_main_01{ width:1200px; padding-top:20px; margin:0 auto;}
.s4_main_01 h2, .s4_main_02 h2{ font-size: 48px; color: #555; width: 1200px; text-align: center; font-weight:100; line-height:1.6}
.s4_main_01 h3, .s4_main_02 h3{ font-size: 30px; color: #999; width: 1200px; text-align: center; font-weight:100; line-height:1.6}
.s4_main_01 ul, .s4_main_02 ul{ float: left; color: #999; padding-top: 20px;}
.s4_main_01 ul.leftfont, .s4_main_02 ul.leftfont{padding-left: 315px;}
.s4_main_01 ul.rightfont,.s4_main_02 ul.rightfont{padding-left: 60px;}
.s4_main_01 li, .s4_main_02 li{ line-height: 30px; font-size: 16px;}
.s4_main_01 .s4_webapp_01{ width: 1200px; height: 460px; background: url("../images/webapp_01.jpg") no-repeat;}
.s4_main_btn{width: 380px; height: 45px; margin: 0 auto; padding: 30px;}
.s4_main_btn a.dingzhi{ width: 140px; height: 45px; background: url("../images/webapp_btn.png") 0 0 no-repeat; float: left;}
.s4_main_btn a.dingzhi:hover{ background-position: -140px 0;}
.s4_main_btn a.case{ width: 140px; height: 45px; background: url("../images/webapp_btn.png") 0 -45px no-repeat; float: left; margin-left: 30px;}
.s4_main_btn a.case:hover{background-position: -140px -45px;}

.s4_main_02{border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; padding:20px 0 40px 0; margin:0 auto; background: #f7f7f7; min-width: 1200px;}
.s4_main_02 .width1200{width: 1200px; margin: 0 auto;}
.s4_main_02 ul.rightfont{width: 340px;}
.s4_main_02 .s4_webapp_02{ width: 1200px; height: 620px; background: url("../images/webapp_02.jpg") no-repeat;}

/*全景*/
.s5_720_text{width: 1200px; text-align: center; font-size:16px; color: #999; margin: 0 auto; padding-top: 10px;}
.s5_720bg_01{width: 1200px;height: 530px; background: url("../images/720bg_01.jpg") no-repeat; padding-bottom: 40px; }
.s5_720bg_02{width: 1200px;height: 635px; background: url("../images/720bg_02.jpg") no-repeat; }
.s5_720bg_03{width: 1200px;height: 110px; background: url("../images/720bg_03.jpg") no-repeat; padding-bottom: 60px; }
.s4_main_btn a.jianzhan{ width: 140px; height: 45px; background: url("../images/webapp_btn.png") 0 -90px no-repeat; float: left;}
.s4_main_btn a.jianzhan:hover{background-position: -140px -90px;}
.padding_02{padding-bottom: 0; margin-bottom: 0;}

/*案例*/
.case_banner{width: 1200px; margin:0 auto; text-align: center; font-size: 24px; color: #fff; line-height: 130px;}
.case_body{margin: 0 auto; width: 1200px; padding: 20px 0 50px 0;}
.case_menu{width: 1165px; height: 55px;  font-size: 18px; padding: 10px 0 10px 35px;}
.case_menu a{padding: 3px 10px 3px 40px; line-height: 28px; float: left; color: #555; background: url("../images/case_menu_ico.png") no-repeat; margin-left: 20px;}
.case_menu a:hover{background-color: #d90000; color: #fff; text-decoration: none;}
.case_menu a.ico1{background-position:9px -417px;}
.case_menu a.ico1:hover{background-position:9px -450px;}
.case_menu a.ico2{background-position: 6px -70px;}
.case_menu a.ico2:hover{background-position: 6px -105px;}
.case_menu a.ico3{background-position: 9px 0px;}
.case_menu a.ico3:hover{background-position: 9px -35px;}
.case_menu a.ico4{background-position: 12px -140px;}
.case_menu a.ico4:hover{background-position: 12px -175px;}
.case_menu a.ico5{background-position: 7px -210px;}
.case_menu a.ico5:hover{background-position: 7px -245px;}
.case_menu a.ico6{background-position: 5px -280px;}
.case_menu a.ico6:hover{background-position: 5px -315px;}
.case_menu a.ico7{background-position: 5px -350px;}
.case_menu a.ico7:hover{background-position: 5px -385px;}

.case_menu a.hover1{background:url("../images/case_menu_ico.png") 9px -450px no-repeat #d90000; color: #fff;}
.case_menu a.hover2{background:url("../images/case_menu_ico.png") 6px -105px no-repeat #d90000; color: #fff;}
.case_menu a.hover3{background:url("../images/case_menu_ico.png") 9px -35px no-repeat #d90000; color: #fff;}
.case_menu a.hover4{background:url("../images/case_menu_ico.png") 12px -175px no-repeat #d90000; color: #fff;}
.case_menu a.hover5{background:url("../images/case_menu_ico.png") 7px -245px no-repeat #d90000; color: #fff;}
.case_menu a.hover6{background:url("../images/case_menu_ico.png") 5px -315px no-repeat #d90000; color: #fff;}
.case_menu a.hover7{background:url("../images/case_menu_ico.png") 5px -385px no-repeat #d90000; color: #fff;}

.respond_menu{width: 1165px; height:150px; font-size: 18px; margin: 10px 0 30px 35px;}
.respond_menu a{padding: 3px 10px; width:120px; text-align:center; font-size:14px; margin:5px; line-height: 28px; float: left; color: #555; background:#fff; border:1px solid #999;}
.respond_menu a:hover{background-color: #d90000; color: #fff; text-decoration: none;}


.case_xx_body{ background: #f4f4f4; border-bottom: 1px solid #f0f0f0; margin:0 auto; font-size: 16px; text-align: center; padding-bottom: 50px; clear: both;}
.case_xx_body img{border: 0; margin: 0 auto; text-align: center;}
.case_xx_body p{ width: 1200px; margin: 0 auto;}
.case_xx_body .topbg{ margin: 0; height: 950px; clear: both;}
.case_xx_body .topbg dl{width: 640px; margin: 0 auto; padding-top: 150px; color: #fff;}
.case_xx_body .topbg dt{font-size: 48px; text-align: center;}
.case_xx_body .topbg dd{font-size: 14px; line-height: 24px; text-align: left;}
#float_banner{position:absolute; top:0; width:100%; height:80px; line-height:30px;  background: url("../images/menu_bg.png") repeat-x; color:#fff; font-size:14px; z-index:2;}
.case_xx_menu{ width: 1200px; margin: 0 auto; padding-top: 5px;}
.case_xx_menu a{ color: #fff; float: left; background: url("../images/case_menu2_ico.png") no-repeat; text-align: center; padding: 40px 10px 0 10px; height: 20px; }
.case_xx_menu a.xx_btn1{ background-position: 19px 7px;}
.case_xx_menu a.xx_btn1:hover{ background-position: 19px -83px; color: #f6ff00; text-decoration: none;}
.case_xx_menu a.xx_btn2{ background-position: 19px -173px;}
.case_xx_menu a.xx_btn2:hover{ background-position: 19px -263px; color: #f6ff00; text-decoration: none;}
.case_xx_menu a.xx_btn3{ background-position: 12px -353px;}
.case_xx_menu a.xx_btn3:hover{ background-position: 12px -443px; color: #f6ff00; text-decoration: none;}
.case_xx_menu a.xx_btn4{ background-position: 12px -533px;}
.case_xx_menu a.xx_btn4:hover{ background-position: 12px -623px; color: #f6ff00; text-decoration: none;}

.case_center { text-align:center}


.thumbnail-wrap {
   margin-left: -55px; 
   padding-bottom: 80px;
   zoom: 1;
}
.thumbnail-wrap:after {
    display: table;
    clear: both;
    content: ""
}
.thumbnail dl {

}
.thumbnail dl:hover {
    background-color: #fafafa;
}
.thumbnail img {
    width: 120px;
    height: 80px;
}
.thumbnail dt {
    position: absolute;
}
.thumbnail dd {
    margin-left: 132px;
}
.thumbnail .tn-caption {
    color: #555;
    height: 21px;
    overflow: hidden;
    font-size: 14px;
}
.thumbnail .tn-content {
    color: #999999;
    line-height: 18px;
    height: 36px;
    overflow: hidden;
}
.thumbnail .tn-meta {
    margin-top: 5px;
    padding-left: 20px;
  background: url("../images/article_ico.gif") 1px -81px no-repeat;
}
.thumbnail .tn-meta a {
    margin-right: 10px;
}

.article_left .xx_main a.taglink { color:#555}

/*运营*/
.article_top_bg{min-width: 1200px; height: 260px; margin: 0 auto; background: url("../images/article_bg.jpg") bottom center no-repeat;}
.article_bg{margin: 0;background: #f3f3f3; border-bottom: 1px solid #e8e8e8; min-width: 1200px;}
.article_body{ width:1200px; padding: 30px 0 50px 0; margin: 0 auto;}
.article_left{width:878px; border: 1px solid #e7e7e7; background: #fff; float: left;}
.article_left .a_menu{ height: 43px; background: #f8f8f8; border-left:2px solid #d90000; border-bottom: 1px solid #e7e7e7;  float: left; width: 876px; padding-top: 12px;}
.article_left .a_menu a{ float: left; color: #555; font-size: 16px; padding: 3px 6px; text-decoration: none; margin-left: 20px;}
.article_left .a_menu a:hover{ background: #d90000; color: #fff;}
.article_left .a_menu .hover{ background: #d90000; color: #fff;}
.article_left .a_main{padding: 20px 0 20px 20px; width: 858px; float: left;}
.a_main .main_box{width: 400px; float: left; overflow: hidden; padding:0 20px 40px 0; position: relative;}
.a_main .main_box .box_top{width: 400px; margin-bottom: 5px;}
.a_main .main_box .box_top .datatime{ width: 60px; line-height: 20px; float: left; color: #fff; padding: 8px 0; font-size: 14px;text-align: center; background: #555;}
.a_main .main_box .box_top .top_title{ margin-left: 60px; padding-left: 6px;}
.a_main .main_box .box_top .top_title h2{border-bottom: 1px solid #e7e7e7; padding-bottom: 5px; font-size:16px; font-weight:100; height: 24px; line-height: 28px; overflow: hidden;}
.a_main .main_box .box_top .top_title a{color: #d90000; font-size: 18px;}
.a_main .main_box .box_top .top_title .title_copy{height: 16px; line-height: 16px; font-size: 12px; margin-top: 8px;
overflow: hidden;}
.a_main .main_box .box_top .top_title span{margin-right: 20px; color: #999; height: 16px; padding-left: 18px;}
.article_left .ico_user{background: url("../images/article_ico.gif") 4px -3px no-repeat;}
.article_left .ico_fenlei{background: url("../images/article_ico.gif") 0 -27px no-repeat;}
.a_main .main_box .box_top .top_title .ico_fenlei a{ color: #999; height: 16px; line-height: 16px; font-size: 12px;}
.article_left .ico_biaoqian{background: url("../images/article_ico.gif") 1px -81px no-repeat;}
.article_left .ico_data{background: url("../images/article_ico.gif") 2px -53px no-repeat;}
.a_main .main_box .box_middle{ border-bottom: 1px dotted #e7e7e7; padding: 5px 0; width: 400px; overflow: hidden; height: 140px;}
.a_main .main_box .box_middle a{ height: 140px; overflow: hidden; color: #555; font-size: 14px; line-height: 24px;}
.a_main .main_box .box_middle img{float: left; margin-right: 10px; width: 190px; height: 140px;}
.a_main .main_box .box_bot{margin-top: 5px; height: 16px;  line-height: 18px; color: #999; width: 360px; overflow: hidden; padding-left: 18px;}
.a_main .main_box .box_bot a{color: #999;}
.fanye{text-align: center; font-size: 14px; margin: 0 auto;}
.article_right{width: 300px; float: right;}
.article_right .search{ width: 300px; height: 45px; margin-bottom: 20px;}
.article_right .search input.shuru{ width: 193px; height: 43px; line-height: 43px; background: url("../images/article_ico.gif") 7px -107px no-repeat #fff; padding-left: 35px; border: 1px solid #e7e7e7; float: left; font-size: 14px; color: #333;}
.article_right .search input.so{width: 70px; height: 45px; text-align: center; color: #fff; background: #d90000; float: left; border: 0; font-weight: bold; font-size: 14px;}

.article_right .right_box{width: 300px; margin-bottom: 20px;}
.article_right .right_box .right_title{ width: 300px; height: 37px; border-bottom: 2px solid #d90000; margin-bottom: 15px; }
.article_right .right_box .right_title span{height: 37px; line-height: 37px; padding: 0 20px; text-align: center; color: #fff; background: #d90000; font-size: 16px; float: left;}
.article_right .right_box .weixin_left{ width: 120px; height: 20px; padding-top: 125px; background: url("../images/weixin_pic.gif") no-repeat; text-align:center;}
.article_right .right_box .article_list{ width: 300px; color: #555; }
.article_right .right_box .article_list li{width:285px; height: 26px; padding-left: 15px; font-size: 14px; line-height: 26px; background: url("../images/article_list.gif") 5px 13px no-repeat; overflow: hidden;}
.article_right .right_box .article_link{width: 300px;}
.article_right .right_box .article_link a{ float: left; width:140px; padding-right: 10px; height: 26px; line-height: 26px; overflow: hidden; font-size: 14px; }
.article_right .right_box .article_biaoqian{width: 300px;}
.article_right .right_box .article_biaoqian a{ font-size: 14px; float: left; padding: 4px 6px; color: #fff; margin:0 5px 5px 0;}
#tags .tags0{background-color:#00aba9;}
#tags .tags1{background-color:#d8b303; }
#tags .tags2{background-color:#4a4a4a; }
#tags .tags3{background-color:#5cb85c;}
#tags .tags4{background-color:#428bca;}
#tags .tags5{background-color:#d9534f;}
#tags .tags6{background-color:#d8b303; }
#tags .tags7{background-color:#b433ff; }
#tags .tags8{background-color:#b37333; }
#tags .tags9{background-color:#ca6842; }
#tags .tags10{background-color:#bb30c8; }
#tags .tags11{background-color:#c83042;}
#tags .tags12{background-color:#1fc4b2;}
#tags a:hover{ background-color:#d90000; text-decoration:none;}

/*文章详细*/
.article_left .a_gps {width: 868px; border-bottom: 1px solid #f0f0f0; padding-left: 10px; line-height: 40px; color: #555; float: left;}
.article_left .xx_top{width: 863px; border-bottom: 1px solid #e7e7e7; padding: 15px 0 15px 15px; float: left;}
.article_left .xx_top .datatime{width: 60px; line-height: 20px; float: left; color: #fff; padding: 8px 0; font-size: 14px;text-align: center; background: #555;}
.article_left .xx_top .a_title{margin-left: 60px; padding:3px 0 0 6px; width: 783px}
.article_left .xx_top .a_title h1{ padding-bottom: 5px; height: 24px; line-height: 28px;  color: #d90000; font-size: 24px; overflow: hidden;}
.article_left .xx_top .a_copy{height: 16px;line-height: 16px;font-size: 12px;margin-top: 8px; overflow: hidden;}
.article_left .xx_top .a_copy span{margin-right: 20px; color: #999; height: 16px; padding-left: 18px;}
.bdshare-button-style0-16{float: right;}
.article_left .xx_main{ width: 818px; padding: 30px; margin: 0 auto; overflow: hidden; font-size: 16px; line-height: 30px; color: #555;}
.article_left .xx_main a{ color: #d90000;}
.article_left .xx_main p{ text-indent:2em}
.article_left .xx_main a:hover{ color: #d90000;  text-decoration: underline;}
.article_left .xx_main img{ margin-bottom: 20px; border: 0; max-width: 818px; width:expression(document.body.clientWidth>818?"818px":"auto");}
.article_left .xx_main h2{border-left: 5px solid #d90000;padding: 5px;padding-left: 10px;margin: 20px 0;background: #fff;font-size: 20px;}
.article_left .xx_share{width: 840px; margin: 0 auto; height: 30px; border-bottom: 1px solid #e7e7e7; clear: both;}
.article_left .xx_share span{margin:6px 20px 0 0; color: #999; height: 16px; padding-left: 18px; float: left;}
.article_left .article_more{ width: 840px; clear:both; margin: 0 auto; color: #555; padding-bottom: 30px; }
.article_left .article_more .more_title{ width: 825px; font-size: 16px; padding:10px 0 10px 5px;}
.article_left .article_more li{ width: 390px; height: 30px; padding-left: 23px; line-height: 30px; float: left; font-size: 14px; background: url("../images/article_list.gif") 11px 13px no-repeat; overflow: hidden;}

/*联系我们*/
.about_bg{ margin: 0; background: #f3f3f3; border-bottom: 1px solid #e8e8e8; min-width: 1200px; padding: 30px 0;}
.about_body{ width: 960px; background: #fff; border: 1px solid #e7e7e7; margin: 0 auto; color: #555;}
.about_gps{ width: 950px; border-bottom: 1px solid #f0f0f0;padding-left: 10px;line-height: 40px;color: #555;}
.about_main{padding: 30px; width: 890px;}
.about_main h1{ width: 890px; text-align: center; font-size: 24px; padding: 10px 0;}
.about_main span{font-size: 16px; line-height: 28px; }
.about_main p{font-size: 14px; padding-top: 30px; line-height: 28px;}
.contact_top_bg{min-width: 1200px; margin: 0 auto; height: 650px; background: url("../images/contact_top_bg.jpg") center bottom no-repeat;}
.contact_top_bg .cmain{ width: 470px; height: 240px; margin: 0 auto; padding-top: 265px;  }
.cmain a{float:left; color: #fff; text-decoration: none; font-size: 18px; text-align: center;}
.cmain a.qqmes {width: 125px; height: 30px; margin-left: 30px; background: url("../images/contact_top_ico.png") 13px 0 no-repeat; float: left; padding-top: 110px;}
.cmain a.qqmes:hover{background-position: -131px 0;color: #f6ff00; text-decoration: none;}
.cmain a.weixinmes{width: 125px; height: 30px; margin-left: 145px; background: url("../images/contact_top_ico.png") -282px 0 no-repeat; float: left; padding-top: 110px; position: relative;}
.cmain a.weixinmes img{border: 0; width: 125px; height: 140px; position: absolute; top:0; cursor:default;}
.cmain a.weixinmes:hover{background-position: -432px 0;color: #f6ff00; text-decoration: none;}
#enlarge_images{position:absolute;display:none;background: url("../images/weixin_shao.gif") no-repeat #fff; width: 180px; height: 210px; }
.cmain .tel{ width: 465px; height: 60px; margin-top: 40px; float: left; background: url("../images/contact_top_ico.png") 4px -242px no-repeat;}

.book{ width:1200px; height: 400px; margin:0 auto; clear:both; padding:42px 0 73px 0;}
.book h2{ text-align: center; font-size: 30px; color: #555; display:block; padding-bottom: 30px;}
.book .booktitle{width: 1200px; margin: 0 auto;  color: #555; font-size: 18px;}
.book .booktitle p{float: left; padding: 0 117px 10px 127px; width: 50px; }
.book01{ width:254px; height:222px; display:block; background:url("../images/bg45.gif") no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;}
.book01.no{ background-image:url("../images/bg47.gif");}
.book01.ok{ background-image:url("../images/bg46.gif");}
.book01 p{ height:40px; display:block; clear:both; line-height:26px; padding-top:10px;}
.book01 i{ display:block; width:74px; float:left; font-size:14px;}
.book01 b{ display:block; float:left; width:140px; padding-right:5px;}
.book01 b input{ width:130px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book01 b input:hover{ border:1px solid #339dff;}
.book01 b input:ok{ border:1px solid #51d91c;}
.book01 b input.no{ border:1px solid #51d91c;}
.book01 cite{ float:left; color:#F00; display:block; line-height:26px; font-size:13px;}
.book01 big{ padding-left:83px; line-height:26px; clear:both; background:url("../images/bg48.gif") no-repeat 64px center; height:26px; display:none;}
.book01 big.no{ display:block;}

.book02{ width:254px; height:222px; display:block; background:url("../images/bg45.gif") no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;}
.book02.no{ background-image:url("../images/bg47.gif");}
.book02.ok{ background-image:url("../images/bg46.gif");}
.book02 p{ height:28px; display:block; clear:both; line-height:26px;}
.book02 i{ display:block; width:74px; float:left; font-size:14px;}
.book02 b{ display:block; float:left; width:140px; padding-right:5px;}
.book02 b input{ width:130px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book02 b input:hover{ border:1px solid #339dff;}
.book02 b input:ok{ border:1px solid #51d91c;}
.book02 b input.no{ border:1px solid #51d91c;}
.book02 cite{ float:left; color:#F00; display:block; line-height:26px; font-size:13px;}
.book02 big{ padding-left:83px; line-height:26px; clear:both; background:url("../images/bg48.gif") no-repeat 64px center; height:26px; display:none;}
.book02 big.no{ display:block;}
.Drop_downMenu{ clear:both;}
.Drop_downMenu input{ display:block; width:100%; height:26px; border:1px solid #ccc; border-radius:3px; background:#fff;}
.Drop_downMenu dl{ display:block; width:214px; height:26px; position:relative;}
.Drop_downMenu dt b{ width:172px; display:block; float:left; line-height:26px; font-size:14px; text-indent:12px; overflow:hidden;}
.Drop_downMenu dt a{ float:right; padding-right:3px; width:24px; height:26px; background:url("../images/bg39.png") no-repeat left bottom;}
.Drop_downMenu dt a:hover{ background-image:url("../images/bg40.png");}
.Drop_downMenu dt a.open{ background-image:url("../images/bg42.png");}
.Drop_downMenu dt a.open:hover{ background-image:url("../images/bg43.png");}
.Drop_downMenu dd{  width:100%; border:1px solid #ccc; position:absolute; left:0; top:27px; z-index:500; background:#fff; font-size:14px; border-radius:3px; display:none;}
.Drop_downMenu dd i{ display:block; cursor:pointer; background:#fff; font-size:14px; text-indent:12px; height:26px; line-height:26px; overflow:hidden; width:100%;}
.Drop_downMenu dd i:hover{ background:#3CF; color:#000;}

.book03{ width:254px; height:222px; display:block; background:url("../images/bg45.gif") no-repeat center center; padding-top:62px; padding-left:30px; font-size:14px; color:#2f2f2f; line-height:26px; float:left; padding-right:10px;}
.book03.no{ background-image:url("../images/bg47.gif");}
.book03.ok{ background-image:url("../images/bg46.gif");}
.book03 p{ height:28px; display:block; clear:both; line-height:26px; width:220px;}
.book03 i{ display:block; width:74px; float:left; font-size:14px;}
.book03 b{ display:block;width:140px; padding-right:5px;}
.book03 input{ float:left; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book03 input:hover{ border:1px solid #339dff;}
.book03 input:ok{ border:1px solid #51d91c;}
.book03 input.no{ border:1px solid #51d91c;}
.book03 cite{ float:right; color:#F00; display:block; line-height:26px; font-size:13px;}
.book03 big{ padding-left:83px; line-height:26px; clear:both; background:url("../images/bg48.gif") no-repeat 64px center; height:26px; display:none;}
.book03 big.no{ display:block;}
.book03 ul{ clear:both; display:block;}
.book03 ul li{ width:110px; height:28px; display:block; float:left; line-height:28px;cursor:default;}
.book03 ul li ins{ float:left; width:20px; height:28px; display:block; background:url("../images/bg44.gif") no-repeat left center; cursor:pointer;}
.book03 ul li ins.hover{ background-image:url("../images/bg43.gif");}
.book03 ul li small{ float:left; line-height:28px; font-size:14px;}
.book03 ul li:hover small{ color:#ff3333; }
.book03 em{ height:30px; display:block; clear:both; line-height:26px; width:220px;}
.book03 em input{ width:214px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book03 em input:hover{ border:1px solid #339dff;}
.book03 em input:ok{ border:1px solid #51d91c;}
.book03 em input.no{ border:1px solid #51d91c;}

.book04{ width:254px; height:222px; display:block; background:url("../images/bg45.gif") no-repeat center center; padding-top:62px; padding-left:35px; font-size:14px; color:#2f2f2f; line-height:26px; float:left;}
.book04.no{ background-image:url("../images/bg47.gif");}
.book04.ok{ background-image:url("../images/bg46.gif");}
.book04 p{ height:25px; display:block; clear:both; line-height:26px; padding-top:10px;}
.book04 b{ display:block; float:left; width:120px; padding-right:5px;}
.book04 b input{ width:110px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:14px; padding:0 5px;}
.book04 b input:hover{ border:1px solid #339dff;}
.book04 b input:ok{ border:1px solid #51d91c;}
.book04 b input.no{ border:1px solid #51d91c;}
.book04 cite{ float:left; color:#F00; display:block; line-height:26px; font-size:13px;}
.book04 big{ padding-left:83px; line-height:26px; clear:both; background:url("../images/bg48.gif") no-repeat 64px center; height:26px; display:none;}
.book04 big.no{ display:block;}
.book04 textarea{ width:214px; height:60px; line-height:18px; border:1px solid #ccc; border-radius:3px; color:#000; font-size:12px; padding:5px 0 5px 5px;}
.book04 ins{ float:left; padding-right:5px;}
.book04 a{ float:left; display:block; width:20px; height:28px; background:url("../images/bg50.gif") no-repeat left center;}
.book04 a:hover{ background-image:url("../images/bg51.gif");}
.book04 .bot01{ width:100px; height:28px; display:block; background:#bdbdbd; color:#fff; border-radius:3px; text-align:center; cursor:pointer; margin-left:5px; float:left;}
.book04 .bot01:hover{ background:#868686;}
.book04 .bot02{ width:100px; height:28px; display:block; background:#f57300; color:#fff; border-radius:3px; text-align:center; cursor:pointer; float:left; margin-left:5px;}
.book04 .bot02:hover{ background:#ff2400;}

.basecontent { display:none}

@media (max-width: 767px) {
	.stuck_container {
    padding: 10px 0 0px;
}
	.case_main .c_pic,.index_link .link_list,.copyright .copy_about,.s_menu,.s3_main dt,.s3_main .kflc,.s3_main .cpyy,.s3_main .zysc,.s4_main_01,.s4_main_01 h2, .s4_main_02 h2,.s4_main_01 h3, .s4_main_02 h3,.s4_main_01 .s4_webapp_01,.s4_main_02 .width1200,.s4_main_02 .s4_webapp_02,.s5_720_text,.s5_720bg_01,.s5_720bg_02,.s5_720bg_03,.case_banner,.case_body,.case_xx_body p, .case_xx_menu,.book .booktitle,.article_body{ width:100%}
	.index_link,.copyright,.copyright .copy_beian,.service_top_bg,.s4_main_02,.article_top_bg,.article_bg,.about_bg, .contact_top_bg{min-width:100%;}
  .service_top_bg,.case_banner, header { display:none}
	.article_top_bg { background:none; height:auto}
	.homepage header { display:block}
	.s_banner01,.s_banner02,.s_banner03 { width: 100%; padding: 20px 0; height: auto; margin: 0 auto}
	.s_banner01 .black_bg,.s_banner02 .black_bg, .s_banner03 .black_bg { width: 95%; height: auto; margin-top:0 }
	.s_banner01 .black_bg h1,.s_banner02 .black_bg h1 { width:auto; font-size:2em}
	.s_banner03 a, .s_banner02 a, .s_banner01 a { float:none; display: block;margin: 20px auto}
	
	.s4_main_01 h2, .s4_main_02 h2 { font-size:32px; padding:0 2%}
	.s4_main_01 h3, .s4_main_02 h3 { font-size:24px; padding:0 2%}
	.s_banner03 .black_bg h1 { width:100%}
	.s4_main_01 ul.leftfont, .s4_main_02 ul.leftfont,.s4_main_01 ul.rightfont, .s4_main_02 ul.rightfont{ padding-left:5%; width:95%}
	.s5_720bg_01,.s5_720bg_02,.s4_webapp_01,.s4_webapp_02,.s3_main { display:none}
	
	.s4_main_btn { width:100%; height:auto; padding:0 }
	.s4_main_btn a.jianzhan,.s4_main_btn a.dingzhi,.s4_main_btn a.case { float:none; display:block; margin: 0 auto;}
	.s4_main_btn a.case { margin-top:12px}
	
	.s1_main .s1_menu { float:none; padding-right: 0 ; margin:0 auto}
	.s1_main .s1_text{ width:96%; padding:2%}
	.s1_main .s1_text h2,.s1_main .s1_text p,.s1_main .s1_text ul { width:90%} 
	
	.row .col-xs-4{  margin-top: 0; margin-bottom: 0px; padding-top: 0;}
	.respond_menu { width:auto}
	.article_body { padding:0}
	.article_left { width:100%; float:none}
	.article_right { display:none}
	.article_left .a_menu { width:100%; height:auto; margin-bottom:12px;}
	.article_left .a_main { width:96%; padding:2%; background:#fff }
	.a_main .main_box {     width: 90%;
    margin: 0 auto;
    padding: 15px 0;
    float: none;
    position: inherit;}
	.article_left .a_menu a{
    float: left;
    width: 33%;
    text-align: center;
    color: #555;
    font-size: 16px;
    padding: 0;
    text-decoration: none;
    margin-left: 0;
}
  .a_main .main_box .box_middle img { display:none}
	.a_main .main_box .box_middle { height:auto}
	
	.article_left .xx_top,.article_left .xx_top .a_title{ width:auto}
	.article_left .xx_top .a_title h1 { height:auto}
	.xx_top .a_copy{ display:none}
	.article_left .xx_main,.article_left .article_more{ width:96%; padding:2%}
	.article_left .xx_main img { max-width:85%}
	.article_left .article_more .more_title,.article_left .xx_share,.article_left .a_gps { width:auto}
	.article_left .article_more li { width:95%; overflow:hidden}
	
	.contact_top_bg { background:#fff;    height: auto; padding: 30px 0;}
	.cmain { display:none}
	.basecontent { display:block; padding:36px 3%; font-size:14px}
	
	.well6,.link_list{ display:none; padding:0 }
	.copy_beian a { display:block; width:100%; text-align:center}
	footer{ padding:5px 0}
}
// alter
.weightbold{
  font-weight: bold;
}


/*W_Applet*/
.Let_1 img{width: 100%;}
.Let_2{ padding: 50px 0;}
.Let_2 .let_tit h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.Let_2 .let_tit h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_2 .let_tit p{ padding: 30px 0; font-size: 15px;color: #55595d; text-align: center; line-height: 1;}
.Let_2 .let_tit p span{ color: #fa570f;}
.Let_2 .let_mian{ text-align: center;}
.Let_2 .let_mian ul{ display: inline-block; padding: 24px 0;}
.Let_2 .let_mian ul li{position: relative; float: left;width: 120px; margin: 0 36px; padding: 30px 0 0;}
.Let_2 .let_mian ul li i{ display: block; width: 120px;height: 120px; border: 1px solid #ccc; border-radius: 50%; background: #f5f5f6 no-repeat center; box-sizing: border-box;}
.Let_2 .let_mian ul li span{ display: block;width: 100%; font-size: 16px; color: #333;text-align: center; line-height: 60px;}
.Let_2 .let_mian ul li em{ display: none; position: absolute;top: 50%;left: 50%;margin-left: -100px;margin-top: -116px;width: 180px;height: 220px; background: no-repeat center;}
.Let_2 .let_mian ul li.L_a1 i{ background-image: url("../images/Applet_1.png");}
.Let_2 .let_mian ul li.L_a2 i{ background-image: url("../images/Applet_2.png");}
.Let_2 .let_mian ul li.L_a3 i{ background-image: url("../images/Applet_3.png");}
.Let_2 .let_mian ul li.L_a4 i{ background-image: url("../images/Applet_4.png");}
.Let_2 .let_mian ul li.L_a5 i{ background-image: url("../images/Applet_8.png");}
.Let_2 .let_mian ul li.L_a1 em{ background-image: url("../images/Applet_5.png");}
.Let_2 .let_mian ul li.L_a2 em{ background-image: url("../images/Applet_5.png");}
.Let_2 .let_mian ul li.L_a3 em{ background-image: url("../images/Applet_5.png");}
.Let_2 .let_mian ul li.L_a4 em{ background-image: url("../images/Applet_5.png");}
.Let_2 .let_mian ul li.L_a5 em{ background-image: url("../images/Applet_5.png");}
.Let_2 .let_mian ul li:hover em{ display: block;}
.Let_2 .let_mian ul li:hover span{visibility: hidden;}
.Let_3{ width: 100%; height: 833px; background: url("../images/Applet_bg.jpg") no-repeat center; -webkit-transition: all .5s;transition: all .5s;}
.Let_3.last{ background-image: url("../images/Applet_bg4.jpg");}
.Let_3 .hd{ position: relative; width: 100%;height: 324px;}
.Let_3 .hd>span{position: absolute;top: 0;z-index: 1; width: 50%; height: 104px;-webkit-transition: height .5s ease;transition: height .5s ease;}
.Let_3 .hd .fl_bg{left: 0; background: #3bb6ec;}
.Let_3 .hd .fr_bg{right: 0; background: #fcd72e;}
.Let_3 .hd .wrap{ position: relative;z-index: 2;height: 100%;}
.Let_3 .hd .wrap>div{position: relative; width: 50%; height: 104px;overflow: hidden; padding-top: 24px; padding-right: 112px; box-sizing: border-box;cursor: pointer;-webkit-transition: all .5s ease;transition: all .5s ease;}
.Let_3 .hd .wrap>div h4{ padding-bottom: 10px; font-size: 30px; color: #fff; line-height: 1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.Let_3 .hd .wrap>div h4 span{ color: #fcd72e;}
.Let_3 .hd .wrap>div p{height: 78px; font-size: 14px; color: #fff; line-height: 26px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all .5s ease;transition: all .5s ease;}
.Let_3 .hd .wrap>div ul{padding-top: 24px;-webkit-transition: all .6s ease;transition: all .6s ease;-webkit-transform: scaleY(0);transform: scaleY(0);opacity: 0;-webkit-transform-origin: top center;transform-origin: top center;}
.Let_3 .hd .wrap>div ul{width: 503px;margin-left: -15px;}
.Let_3 .hd .wrap>div ul li{ float: left;width: 84px;height: 40px;margin-left: 16px;margin-bottom: 15px; border-radius: 20px; background: #fff; font-size: 12px; color: #3bb6eb; text-align: center; line-height: 40px;}
.Let_3 .hd .wrap>div>i{position: absolute;bottom: 40px; right: 35px;width: 34px;height: 19px; background: url("../images/Applet_6.png") no-repeat center;-webkit-transition: all .5s ease;transition: all .5s ease;}
.Let_3 .hd .wrap>div.fr{padding-left: 42px;padding-right: 70px;}
.Let_3 .hd .wrap>div.fr ul li{ color: #fcd72e;}
.Let_3 .hd .wrap>div.fr>i{right: 0;}
.Let_3 .hd .fl_bg.on{height: 324px;}
.Let_3 .hd .fr_bg.on{height: 324px;}
.Let_3 .hd .wrap>div.on{height: 324px;padding-top: 50px;}
.Let_3 .hd .wrap>div.on h4{padding-bottom: 20px;}
.Let_3 .hd .wrap>div.on p{overflow: initial;text-overflow:clip;white-space: normal;}
.Let_3 .hd .wrap>div.on ul{-webkit-transform: scaleY(1);transform: scaleY(1);opacity: 1;}
.Let_3 .hd .wrap>div.on>i{ background-image: url("../images/Applet_7.png");}
.Let_3 .bd .bd_box{ display: none;padding-top: 116px; text-align: center;}
.Let_3 .bd .bd_box ul{ display: inline-block;}
.Let_3 .bd .bd_box ul li{ float: left;width: 215px; height: 300px;margin-left: 31px; padding: 20px 14px; background: #fff; box-sizing: border-box;}
.Let_3 .bd .bd_box ul li:first-child{ margin-left: 0;}
.Let_3 .bd .bd_box ul li .ai_img{ width: 100%;height: 139px;margin-bottom: 8px;overflow: hidden;}
.Let_3 .bd .bd_box ul li .ai_h{ font-size: 16px; color: #333; line-height: 36px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.Let_3 .bd .bd_box ul li .ai_p{ font-size: 14px; color: #999; line-height: 22px;}
.Let_3 .bd .bd_box:first-child{ display: block;}
.Let_4{ padding: 85px 0;}
.Let_4 .let_tit{position: relative;padding-bottom: 36px;}
.Let_4 .let_tit:before{position: absolute;left: 50%; bottom: 0;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_4 .let_tit h3{ font-size: 46px;font-weight: bold; color: #60646a; text-align: center; line-height: 62px;cursor: default;}
.Let_4 .let_tit p{ font-size: 36px;color: #55595d; text-align: center; line-height: 50px;}
.Let_4 .let_tit h3 span,.Let_4 .let_tit p span{ color: #fa570f;}
.Let_4 .let_mian{ padding: 35px 0; text-align: center;}
.Let_4 .let_mian ul{ display: inline-block;}
.Let_4 .let_mian ul li{ float: left; width: 157px;height: 157px; margin: 0 16px;}
.Let_5{ width: 100%; height: 787px; overflow: hidden; padding-top: 92px; background: url("../images/Applet_bg2.jpg") no-repeat center; box-sizing: border-box;}
.Let_5 div.fl{ width: 45%; padding-left: 64px; box-sizing: border-box;}
.Let_5 div.fl .tit{position: relative;padding-bottom: 36px;}
.Let_5 div.fl .tit:before{position: absolute;left: 0; bottom: 0;width: 50px;height: 6px;content: ' '; background: #fcd72d;}
.Let_5 div.fl .tit h4{ font-size: 40px;font-weight: 100; color: #fff; line-height: 54px;}
.Let_5 div.fl .tit h5{ font-size: 46px;font-weight: bold; color: #fff; line-height: 54px;}
.Let_5 div.fl .tit h5 span{ color: #3fdd84;}
.Let_5 div.fl .mian_1{ padding: 40px 0; font-size: 18px; color: #fff; line-height: 1;}
.Let_5 div.fl .mian_2{position: relative;width: 363px;height: 485px;margin-left: -88px; background: url("../images/Applet_20.png") no-repeat left bottom;}
.Let_5 div.fl .mian_2 .s_tc{ position: absolute;top: 94px;left: 220px;width: 320px;height: 180px; padding: 24px 34px; border-radius:20px; background: #fff; box-shadow: 5px 5px 30px 0 rgba(0,0,0,.3) ; box-sizing: border-box;animation: scale .8s ease-in-out;}
.Let_5 div.fl .mian_2 .s_tc span{display: block; font-size: 24px; color: #434343; line-height: 30px;}
.Let_5 div.fl .mian_2 .s_tc font{display: block; font-size: 38px;font-weight: bold; color: #3ad180; line-height: 45px;}
.Let_5 div.fl .mian_2 .s_tc i{ position: absolute;top: 20px;right: 20px; width: 16px;height: 16px; background: url("../images/Applet_21.png") no-repeat center;cursor: pointer;}
.Let_5 div.fr{width: 50%;}
.Let_5 div.fr ul li{ float: left;width: 46%;height: 216px;margin-left: 4%;}
.Let_5 div.fr ul li i{ display: block;width: 64px;height: 64px;}
.Let_5 div.fr ul li h6{ padding: 20px 0; font-size: 26px; color: #fff; line-height: 1;}
.Let_5 div.fr ul li p{ font-size: 14px; color: #ddd; line-height: 20px;}
.Let_6{ padding: 50px 0;}
.Let_6 .let_tit h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.Let_6 .let_tit h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_6 .let_tit p{ padding: 30px 0; font-size: 15px;color: #55595d; text-align: center; line-height: 1;}
.Let_6 .let_tit p span{ color: #fa570f;}
.Let_6 .let_mian{margin-top: 20px;}
.Let_6 .let_mian ul li{ float: left;width: 584px;height: 175px; padding: 28px 50px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 10px; background: #fff; box-sizing: border-box;cursor: default;-webkit-transition: all .5s;transition: all .5s;}
.Let_6 .let_mian ul li.L_a2,.Let_6 .let_mian ul li.L_a4{ float: right;}
.Let_6 .let_mian ul li div.fl{width: 118px;}
.Let_6 .let_mian ul li div.fl i{ display: block; width: 118px;height: 118px; background: no-repeat center;}
.Let_6 .let_mian ul li div.fr{width: 344px;}
.Let_6 .let_mian ul li span{ display: block; padding: 20px 0 12px; font-size: 22px;font-weight: bold; color: #000; line-height: 1;}
.Let_6 .let_mian ul li font{ display: block;font-size: 15px; color: #666; line-height: 24px}
.Let_6 .let_mian ul li.L_a1 div.fl i{ background-image: url("../images/Applet_22.png");}
.Let_6 .let_mian ul li.L_a2 div.fl i{ background-image: url("../images/Applet_23.png");}
.Let_6 .let_mian ul li.L_a3 div.fl i{ background-image: url("../images/Applet_24.png");}
.Let_6 .let_mian ul li.L_a4 div.fl i{ background-image: url("../images/Applet_25.png");}
.Let_6 .let_mian ul li:hover{ border: none; background: url("../images/Applet_26.png") no-repeat center;-webkit-transform: scale(1.01);transform: scale(1.01);}
.Let_6 .let_mian ul li:hover span{ color: #fff}
.Let_6 .let_mian ul li:hover font{ color: #fff}
.Let_6 .let_mian ul li.L_a1:hover div.fl i{ background-image: url("../images/Applet_22_1.png");}
.Let_6 .let_mian ul li.L_a2:hover div.fl i{ background-image: url("../images/Applet_23_1.png");}
.Let_6 .let_mian ul li.L_a3:hover div.fl i{ background-image: url("../images/Applet_24_1.png");}
.Let_6 .let_mian ul li.L_a4:hover div.fl i{ background-image: url("../images/Applet_25_1.png");}
.Let_7{ width: 100%; height: 779px; overflow: hidden; padding-top: 54px; background: url("../images/Applet_bg3.jpg") no-repeat center; box-sizing: border-box;}
.Let_7 .let_tit h3{ position: relative; height: 36px; padding: 20px 0; font-size: 36px;font-weight: bold; color: #fff; text-align: center; line-height: 36px;cursor: default;}
.Let_7 .let_tit h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_7 .let_mian{ position: relative; padding-top: 60px;}
.Let_7 .let_mian ul li{ position: relative; float: left; width: 268px;margin-right: 42px;}
.Let_7 .let_mian ul li a{ display: block;}
.Let_7 .let_mian ul li a:hover:before{position: absolute;top: 0;right: 0;width: 100%; height: 100%;content: ''; border: 10px solid #fcd72e; background: url("../images/icon_88.png") repeat; box-sizing: border-box;}
.Let_7 .let_mian ul li a em{ display: none;animation:scale .8s ease-in-out;}
.Let_7 .let_mian ul li a:hover em{ display: block; position: absolute;top: 50%;left: 50%;z-index: 2;width: 140px;height: 140px;margin-left: -70px;margin-top: -70px;}
.Let_7 .let_mian>a{cursor: pointer;}
.Let_7 .let_mian .prev{position: absolute;top: 50%;left: -100px;width: 19px;height: 42px;margin-top: ;: -21px;background: url("../images/Applet_27.png") no-repeat center;}
.Let_7 .let_mian .next{position: absolute;top: 50%;right: -100px;width: 19px;height: 42px;margin-top: ;: -21px;background: url("../images/Applet_28.png") no-repeat center;}
.Let_8{ padding: 64px 0; background: #fff;}
.Let_8 h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.Let_8 h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_8{ text-align: center;}
.Let_8 ul{ display: inline-block; padding: 236px 0;}
.Let_8 ul li{ position: relative; float: left;width: 124px;height: 124px; margin-left: 61.7px;cursor: pointer;-webkit-transition: margin-left .5s;transition: margin-left .5s;}
.Let_8 ul li:before{position: absolute;top: 50%;left: -32px;width: 9px;height: 14px;content: '';margin-top: -7px; background: url("../images/D-pment-p19.png") no-repeat center;-webkit-transition: left .5s;transition: left .5s;}
.Let_8 ul li:first-child{ margin-left: 0;}
.Let_8 ul li:first-child:before{ display: none;}
.Let_8 ul li .gb{width: 100%;height: 100%;}
.Let_8 ul li .gb i{display: block;width: 100%;height: 100%;overflow: hidden; border: 1px solid #c0deef; border-radius: 50%; background: no-repeat center; box-sizing: border-box;}
.Let_8 ul li.a1 .gb i{ background-image:url("../images/D-pment-p20.jpg");}
.Let_8 ul li.a2 .gb i{ background-image:url("../images/D-pment-p21.jpg");}
.Let_8 ul li.a3 .gb i{ background-image:url("../images/D-pment-p22.jpg");}
.Let_8 ul li.a4 .gb i{ background-image:url("../images/D-pment-p23.jpg");}
.Let_8 ul li.a5 .gb i{ background-image:url("../images/D-pment-p24.jpg");}
.Let_8 ul li.a6 .gb i{ background-image:url("../images/D-pment-p25.jpg");}
.Let_8 ul li em{position: absolute;left: 50%;width: 3px;height: 38px;margin-left: -1.5px; background: #c0deef;}
.Let_8 ul li.odd em{bottom: -58px;}
.Let_8 ul li.even em{top: -58px;}
.Let_8 ul li em:before{position: absolute;left: 50%;width: 11px;height: 11px;content: '';overflow: hidden;margin-left: -5.5px; border-radius: 50%; background: #c0deef;}
.Let_8 ul li.odd em:before{top: -10px;}
.Let_8 ul li.even em:before{bottom: -10px;}
.Let_8 ul li em:after{position: absolute;left: 50%;width: 11px;height: 11px;content: '';overflow: hidden;margin-left: -5.5px; border: 2px solid #c0deef; border-radius: 50%; background: #fff; box-sizing: border-box;-webkit-transition: background .3s;transition: background .3s;}
.Let_8 ul li.odd em:after{bottom: -10px;}
.Let_8 ul li.even em:after{top: -10px;}
.Let_8 ul li .gh{position: absolute;left: 50%;width: 248px; margin-left: -124px; padding: 12px 25px;border-radius: 50px; border: 1px solid #fff; box-sizing: border-box; -webkit-transition: border .5s;transition: border .5s;}
.Let_8 ul li.odd .gh{top: 180px;}
.Let_8 ul li.even .gh{bottom: 180px;}
.Let_8 ul li .gh p{padding: 10px 0 0; font-size: 14px; color: #60646a; line-height: 22px;}
.Let_8 ul li .gh h5{ font-size: 15px;font-weight: bold; color: #373d41; line-height: 36px;}
.Let_8 ul li .gh h5 span{ display: inline-block;width: 45px;margin-right: 5px; background:  no-repeat left center; color: #999;font-weight: 100; text-align: right;vertical-align: top;-webkit-transition: background .5s;transition: background .5s;}
.Let_8 ul li.a1 .gh h5 span{ background-image: url("../images/D-s-01.png");}
.Let_8 ul li.a2 .gh h5 span{ background-image: url("../images/D-s-02.png");}
.Let_8 ul li.a3 .gh h5 span{ background-image: url("../images/D-s-03.png");}
.Let_8 ul li.a4 .gh h5 span{ background-image: url("../images/D-s-04.png");}
.Let_8 ul li.a5 .gh h5 span{ background-image: url("../images/D-s-05.png");}
.Let_8 ul li.a6 .gh h5 span{ background-image: url("../images/D-s-06.png");}
.Let_8 ul li .gh{border: 1px solid #c0deef;}
.Let_8 ul li:hover em:after{ background: #ffed52;}
.Let_8 ul li.a1:hover .gh h5 span{ background-image: url("../images/D-sh-01.png");}
.Let_8 ul li.a2:hover .gh h5 span{ background-image: url("../images/D-sh-02.png");}
.Let_8 ul li.a3:hover .gh h5 span{ background-image: url("../images/D-sh-03.png");}
.Let_8 ul li.a4:hover .gh h5 span{ background-image: url("../images/D-sh-04.png");}
.Let_8 ul li.a5:hover .gh h5 span{ background-image: url("../images/D-sh-05.png");}
.Let_8 ul li.a6:hover .gh h5 span{ background-image: url("../images/D-sh-06.png");}