/**
	**JQ**
**/
/*内页*/
.border-top {
  border-top: 1px dotted #d1d1d1;
}
.border-right {
  border-right: 1px dotted #d1d1d1;
}
.border-bottom {
  border-bottom: 1px dotted #d1d1d1;
}
.border-left {
  border-left: 1px dotted #d1d1d1;
}
/*头部*/
#header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  z-index: 1030;
  /*20160322*/
}
#header .header-top {
  height: 37px;
  background: #fbfbfb;
  border-bottom: 1px solid #f3f3f3;
}
#header .header-top h5 {
  color: #999;
}
#header .header-top-left {
  float: left;
}
#header .header-top-right {
  float: right;
  margin-top: 20px;
}
#header .header-top-li {
  height: 37px;
  line-height: 37px;
  /*padding-left: 10px;*/
  float: left;
}
#header .header-top-li ~ :before {
  content: "|";
  padding-left: 5px;
  padding-right: 5px;
  color: #999;
}
#header .header-top-li > a {
  color: #999;
}
#header .header-top-li .header-consult-line {
  color: inherit;
}
#header .header-bottom {
  background: #fff;
  height: 80px;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
}
#header .header-bottom-left {
  float: left;
  width: 400px;
}
#header .header-bottom-center {
  width: 700px;
  margin: 0 auto;
}
#header .header-bottom-right {
  position: absolute;
  right: 10px;
  top: 0px;
}
#header .header-bottom-right .header-bottom-li {
  float: left;
  height: 79px;
  line-height: 79px;
}
#header .header-bottom-right .header-bottom-li > a {
  font-size: 12px;
  background: #a9a9a9;
  color: #fff;
  padding: 4px 10px;
  margin: 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#header .header-bottom-right .header-bottom-li.active > a,
#header .header-bottom-right .header-bottom-li:hover > a {
  background: #2b4c9c;
}
#header .nav-li {
  position: relative;
  float: left;
  text-align: center;
  height: 80px;
  line-height: 80px;
  padding-left: 5px;
}
#header .nav-li ~ :before {
  content: "|";
  padding-right: 5px;
  color: #666;
}
#header .nav-li > a {
  font-size: 16px;
  color: #000;
  display: inline-block;
  height: 80px;
  line-height: 80px;
  padding: 0 20px;
  border-radius: 5px 5px 0 0;
}
#header .nav-li.active > a,
#header .nav-li:hover > a {
  border-bottom: 3px solid #2b4c9c;
}
#header .header-tab {
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#header .tab-content > .active {
  display: inline-block;
}
#header .nav-sub-ul {
  display: inline-block;
  margin-top: 7px;
}
#header .nav-sub-li {
  float: left;
  margin: 0 10px;
}
#header .nav-sub-li > a {
  color: #666;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  padding: 0 13px;
}
#header .nav-sub-li.active > a,
#header .nav-sub-li:hover > a {
  background: #2b4c9c;
  color: #fff;
}
/*头部结束*/
/*main*/
.main {
  margin-top: 80px;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
/*焦点图*/
#carousel-ad .carousel-caption {
  position: absolute;
  background: #2b4c9c;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  padding: 0;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#carousel-ad .caption-text {
  position: absolute;
  width: 1140px;
  left: 50%;
  top: 50%;
  margin-left: -570px;
  margin-top: -70px;
  color: #fff;
  font-size: 50px;
  overflow: hidden;
}
#carousel-ad .carousel-indicators {
  text-align: right;
}
#carousel-ad .carousel-indicators li {
  margin: 0 5px;
  width: 40px;
  height: 4px;
  padding: 10px 0;
  background: transparent;
  border-color: transparent;
  border-radius: 0;
}
#carousel-ad .carousel-indicators li a {
  display: inline-block;
  float: right;
  background: #9b93c2;
  border-color: #9b93c2;
  width: 40px;
  height: 4px;
}
#carousel-ad .carousel-indicators li.active {
  width: 40px;
  height: 5px;
  background: transparent;
  border-color: transparent;
}
#carousel-ad .carousel-indicators li.active a {
  background: #fff;
}
/*营销网站*/
#marketing-web {
  /*营销网站服务案例*/
  /*营销网站底部链接信息*/
}
#marketing-web .caption-text-top {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  -webkit-transition: 1.5s;
  transition: 1.5s;
}
#marketing-web .caption-text-bottom {
  -webkit-transform: translate(100%, 0);
  -moz-transform: translate(100%, 0);
  -o-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 2s ease-in-out 0.3s;
  -o-transition: 2s ease-in-out 0.3s;
  -webkit-transition: 2s ease-in-out 0.3s;
  transition: 2s ease-in-out 0.3s;
}
#marketing-web .carousel-inner > .active .caption-text-top {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#marketing-web .carousel-inner > .active .caption-text-bottom {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#marketing-web .marketing-list-left {
  background: #f6f6f6;
}
#marketing-web .marketing-list-left .media-body {
  padding-left: 60px;
}
#marketing-web .marketing-list-right {
  background: #fff;
}
#marketing-web .marketing-list {
  height: 500px;
  /*我们如何建设营销型网站*/
}
#marketing-web .marketing-list img {
  max-width: 550px;
  max-height: 400px;
}
#marketing-web .marketing-list .marketing-show .media-heading {
  font-size: 36px;
  color: #000;
  margin-bottom: 35px;
}
#marketing-web .marketing-list .marketing-show .media-content {
  font-size: 20px;
  color: #666;
}
#marketing-web .marketing-list .marketing-show .media-content span{font-size:20px;color:#2ac143;}
#marketing-web .marketing-list .marketing-show .media-body,
#marketing-web .marketing-list .marketing-show .media-left,
#marketing-web .marketing-list .marketing-show .media-right {
  vertical-align: middle;
  height: 500px;
}
#marketing-web .marketing-list .marketing-title {
  font-size: 24px;
  color: #000;
  text-align: center;
  margin-top: 55px;
}
#marketing-web .marketing-list .marketing-title-en {
  text-transform: uppercase;
  color: #c7c7c7;
  text-align: center;
  line-height: 40px;
}
#marketing-web .marketing-list .marketing-description {
  font-size: 16px;
  color: #888;
  text-align: center;
  width: 700px;
  margin: 0 auto 60px;
  height: 70px;
  line-height: 35px;
}
#marketing-web .marketing-list .marketing-content {
  position: relative;
  margin-bottom: 70px;
}
#marketing-web .marketing-list .marketing-box {
  position: relative;
  left: 40px;
  width: 1060px;
  height: 135px;
  overflow: hidden;
}
#marketing-web .marketing-list .marketing-content-ul {
  display: inline-block;
  width: 200%;
  position: absolute;
}
#marketing-web .marketing-list .marketing-content-li {
  float: left;
  margin: 0 25px;
  text-align: center;
  cursor: pointer;
}
#marketing-web .marketing-list .marketing-sign-list {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 20px;
  border: 1px solid #ddd;
  background: #fff;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#marketing-web .marketing-list .mariketing-sign-name {
  font-weight: 700;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#marketing-web .marketing-list .marketing-content-sign {
  width: 66px;
  height: 66px;
  display: inline-block;
  margin: 12px 0;
  background: url(../images/bg/marketing-ico.png) no-repeat center center;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#marketing-web .marketing-list .marketing-content-left {
  background: url(../images/bg/ico-left.png) no-repeat center center;
  position: absolute;
  left: 0;
  height: 45px;
  width: 40px;
  margin-top: 25px;
  cursor: pointer;
}
#marketing-web .marketing-list .marketing-content-right {
  background: url(../images/bg/ico-right.png) no-repeat center center;
  position: absolute;
  right: 0;
  height: 45px;
  width: 40px;
  margin-top: 25px;
  cursor: pointer;
}
#marketing-web .marketing-list .marketing-sign-1 {
  background-position: 0px 0px;
}
#marketing-web .marketing-list .marketing-sign-2 {
  background-position: 0px -152px;
}
#marketing-web .marketing-list .marketing-sign-3 {
  background-position: 0px -304px;
}
#marketing-web .marketing-list .marketing-sign-4 {
  background-position: 0px -456px;
}
#marketing-web .marketing-list .marketing-sign-5 {
  background-position: 0px -608px;
}
#marketing-web .marketing-list .marketing-sign-6 {
  background-position: 0px -760px;
}
#marketing-web .marketing-list .marketing-sign-7 {
  background-position: 0px -912px;
}
#marketing-web .marketing-list .marketing-content-li:hover .marketing-sign-list {
  background: #2b4c9c;
  border: 1px solid #2b4c9c;
}
#marketing-web .marketing-list .marketing-content-li:hover .marketing-sign-1 {
  background-position: 0px -76px;
}
#marketing-web .marketing-list .marketing-content-li:hover .marketing-sign-2 {
  background-position: 0px -228px;
}
#marketing-web .marketing-list .marketing-content-li:hover .marketing-sign-3 {
  background-position: 0px -380px;
}
#marketing-web .marketing-list .marketing-content-li:hover .marketing-sign-4 {
  background-position: 0px -532px;
}
#marketing-web .marketing-list .marketing-content-li:hover .marketing-sign-5 {
  background-position: 0px -684px;
}
#marketing-web .marketing-list .marketing-content-li:hover .marketing-sign-6 {
  background-position: 0px -836px;
}
#marketing-web .marketing-list .marketing-content-li:hover .marketing-sign-7 {
  background-position: 0px -988px;
}
#marketing-web .marketing-list .marketing-content-li:hover .mariketing-sign-name {
  color: #2b4c9c;
}
#marketing-web .marketing-case {
  margin-top: 60px;
  cursor: pointer;
}
#marketing-web .marketing-case .marketing-case-heading {
  font-size: 18px;
}
#marketing-web .marketing-case .media-left {
  padding-right: 0;
  width: 230px;
  overflow: hidden;
  position: relative;
}
#marketing-web .marketing-case .media-object {
  width: 220px;
  height: 189px;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
#marketing-web .marketing-case .media-body {
  background: #f6f6f6;
  padding: 20px;
}
#marketing-web .marketing-case .marketing-case-content {
  margin-top: 15px;
  line-height: 25px;
}
#marketing-web .marketing-case .marketing-triangle {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 50%;
  right: 0;
  border-width: 10px 20px;
  border-right-color: #f6f6f6;
  margin-top: -5px;
}
#marketing-web .marketing-case:hover .media-object {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#marketing-web .marketing-case:hover .marketing-case-heading {
  color: #2b4c9c;
  /*这个border好像有问题*/
  border: 700;
}
#marketing-web .marketing-info {
  margin-top: 50px;
  padding: 0 50px;
}
#marketing-web .marketing-info a {
  color: #666;
}
#marketing-web .marketing-info .marketing-info-top {
  margin-bottom: 20px;
}
#marketing-web .marketing-info .marketing-info-title {
  color: #000;
  font-size: 24px;
}
#marketing-web .marketing-info .marketing-info-more {
  font-size: 14px;
  float: right;
  text-transform: uppercase;
  margin-top: 15px;
}
#marketing-web .marketing-info .marketing-info-li {
  list-style: disc;
  font-size: 12px;
}
#marketing-web .marketing-info .marketing-info-li > a {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 14px;
}
#marketing-web .marketing-info .market-info-text {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#marketing-web .marketing-info .market-info-text:hover {
  text-decoration: underline;
  color: #2b4c9c;
}
#marketing-web .marketing-info .marketing-info-time {
  float: right;
  height: 40px;
  line-height: 40px;
}
/*营销网站 结束*/
/*网站推广*/
#promotion {
  /*promotion-list*/
  /*promotion-list-problems*/
  /*promotion-list-two*/
  /*项目3大优势 左右板式*/
  /*promotion-list-right*/
  /*promotion-case案例直接复制首页*/
  /*promotion干货*/
  /*营销联系申请*/
}
#promotion .caption-text-top {
  font-size: 42px;
}
#promotion .caption-bottom-span {
  background: url(../images/bg/ico-mark.png) center left no-repeat;
  color: #fff;
  font-size: 26px;
  padding-left: 35px;
  margin-right: 20px;
}
#promotion .caption-text-top {
  color: #fff;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
#promotion .caption-text-bottom {
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 1.5s ease-in-out 0.3s;
  -o-transition: 1.5s ease-in-out 0.3s;
  -webkit-transition: 1.5s ease-in-out 0.3s;
  transition: 1.5s ease-in-out 0.3s;
}
#promotion .carousel-inner > .active .caption-text-top {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#promotion .carousel-inner > .active .caption-text-bottom {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#promotion .promotion-list .promotion-title {
  font-size: 24px;
  color: #000;
  text-align: center;
  margin-top: 55px;
}
#promotion .promotion-list .promotion-title-en {
  text-transform: uppercase;
  color: #c7c7c7;
  text-align: center;
  line-height: 40px;
}
#promotion .promotion-list .media-heading {
  font-size: 36px;
  color: #000;
  margin-bottom: 35px;
}
#promotion .promotion-list .media-content {
  font-size: 20px;
  color: #666;
}
#promotion .promotion-list .media-body,
#promotion .promotion-list .media-left,
#promotion .promotion-list .media-right {
  vertical-align: middle;
  height: 500px;
}
#promotion .promotion-list .media-object {
  max-width: 500px;
}
#promotion .promotion-list .heading-sign {
  font-size: 36px;
  color: #2b4c9c;
  background: url(../images/bg/promotion-03.png) no-repeat;
  display: inline-block;
  width: 62px;
  height: 60px;
  text-align: right;
  padding-top: 12px;
  margin-right: 15px;
}
#promotion .promotion-list .media-content {
  font-size: 18px;
  background: url(../images/bg/ico-mark01.png) center left no-repeat;
  padding-left: 40px;
}
#promotion .promotion-list .media-content > span {
  font-size: inherit;
}
#promotion .promotion-list-problems {
  height: 650px;
}
#promotion .promotion-list-problems .save-problems {
  text-align: center;
  margin-top: 65px;
}
#promotion .promotion-list-problems .save-problems-title {
  color: #2b4c9c;
  font-size: 22px;
}
#promotion .promotion-list-problems .save-problems-qq {
  color: #fff;
  background: #2b4c9c;
  display: inline-block;
  width: 150px;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  margin-top: 20px;
}
#promotion .promotion-list-problems .problems-detail {
  color: #666;
  font-size: 16px;
  line-height: 35px;
  margin: 10px 0;
  padding-right: 50px;
}
#promotion .promotion-list-problems .problems-detail span {
  font-size: 16px;
}
#promotion .promotion-list-problems .problems-sign {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #999;
  border-radius: 50%;
  text-align: center;
  color: #999;
  margin-right: 10px;
}
#promotion .promotion-list-top {
  position: relative;
  background: url(../images/bg/promotion-pic10.jpg) center center no-repeat;
  background-size: 100% 100%;
  height: 200px;
  text-align: center;
}
#promotion .promotion-list-top .top-content {
  position: absolute;
  width: 1140px;
  left: 50%;
  margin-left: -570px;
  margin-top: 40px;
}
#promotion .promotion-list-top .top-text {
  color: #fff;
  font-size: 30px;
}
#promotion .promotion-list-top1 {
  background: url(../images/bg/promotion-pic11.jpg) center center no-repeat;
  background-size: 100% 100%;
}
#promotion .promotion-list-top1 .top-content {
  margin-top: 20px;
}
#promotion .promotion-list-top1 .top-text {
  font-size: 26px;
  height: 35px;
}
#promotion .promotion-list-top1 .top-text span {
  font-size: 26px;
  color:#fff;
}
#promotion .promotion-list-top1 .content-qq {
  display: inline-block;
  width: 150px;
  height: 50px;
  color: #fff;
  font-size: 18px;
  border: 1px solid #fff;
  line-height: 50px;
  margin-top: 20px;
}
#promotion .promotion-top-mask {
  position: absolute;
  top: 0;
  left: 0;
  background: red;
  height: 200px;
  width: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#promotion .promotion-top-mask1 {
  background: #5f57b0;
  opacity: 0.89;
  filter: alpha(opacity=89);
}
#promotion .promotion-list-center .promotion-description {
  height: 300px;
  padding-top: 60px;
  text-align: center;
}
#promotion .promotion-list-center .promotion-description-left {
  background: #616161;
}
#promotion .promotion-list-center .promotion-description-right {
  background: #5a5a5a;
}
#promotion .promotion-list-bottom .promotion-description {
  height: 500px;
  padding-top: 80px;
  text-align: center;
}
#promotion .promotion-list-bottom .promotion-description-left {
  background: #e8e8e8;
}
#promotion .promotion-list-bottom .promotion-description-right {
  background: #e0e0e0;
}
#promotion .promotion-list-bottom .content-title {
  font-size: 30px;
  color: #000;
}
#promotion .promotion-list-bottom .content-list {
  text-align: left;
  width: 500px;
  left: 50%;
  margin-left: -180px;
  position: absolute;
  margin-top: 40px;
}
#promotion .promotion-list-bottom .content-list-div {
  font-size: 18px;
  line-height: 40px;
}
#promotion .promotion-list-bottom .content-list-a {
  margin-top: 80px;
  margin-left: 103px;
}
#promotion .promotion-list-bottom .content-list-a > a {
  text-align: center;
  display: inline-block;
  font-size: 18px;
  width: 150px;
  height: 50px;
  border: 2px solid #999;
  color: #333;
  line-height: 48px;
}
#promotion .promotion-list-bottom .content-list-a a ~ a {
  margin-left: 50px;
}
#promotion .promotion-list-bottom .problems-sign {
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #999;
  border-radius: 50%;
  text-align: center;
  color: #999;
  margin-right: 10px;
}
#promotion .promotion-description-type {
  color: #fff;
  font-size: 30px;
}
#promotion .promotion-description-type > .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  margin: 5px 10px;
}
#promotion .promotion-list-right {
  background: #f6f6f6;
}
#promotion .promotion-list-right .media-heading {
  width: 510px;
  line-height: 50px;
}
#promotion .promotion-list-right .media-footer {
  font-size: 24px;
  color: red;
  margin-top: 30px;
}
#promotion .promotion-case {
  width: 100%;
  margin-bottom: 70px;
}
#promotion .promotion-case .col-md-3 {
  padding: 0;
}
#promotion .promotion-case .col-lg-3 {
  padding: 0;
}
#promotion .case-caption {
  overflow: hidden;
  cursor: pointer;
}
#promotion .case-caption .thumbnail {
  position: relative;
}
#promotion .case-caption .thumbnail > img {
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transform: scale(1.01, 1.01);
  -moz-transform: scale(1.01, 1.01);
  -o-transform: scale(1.01, 1.01);
  -ms-transform: scale(1.01, 1.01);
  transform: scale(1.01, 1.01);
  /*为什么放上去hover原始尺寸会出现白边呢？？？待解决 20160303*/
  width: 100%;
}
#promotion .case-caption .img-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #3957a2;
  background-image: linear-gradient(45deg, #203f92 25%, transparent 25%, transparent 75%, #203f92 75%, #203f92), linear-gradient(45deg, #203f92 25%, transparent 25%, transparent 75%, #203f92 75%, #203f92);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#promotion .case-caption .img-mask img {
  width: 20%;
  margin-left: 40%;
  margin-top: 20%;
  -webkit-transform: translate(300%, 0);
  -moz-transform: translate(300%, 0);
  -o-transform: translate(300%, 0);
  -ms-transform: translate(300%, 0);
  transform: translate(300%, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 0.5s ease-out 0.3s;
  -o-transition: 0.5s ease-out 0.3s;
  -webkit-transition: 0.5s ease-out 0.3s;
  transition: 0.5s ease-out 0.3s;
}
#promotion .case-caption .com-h5 {
  text-align: center;
  color: #333;
  font-size: 16px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
#promotion .case-caption .buttom-line {
  height: 3px;
  background-color: #2b4c9c;
  width: 0.01%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#promotion .case-caption:hover .img-mask {
  opacity: 0.8;
  filter: alpha(opacity=80);
  left: 0;
}
#promotion .case-caption:hover .img-mask img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#promotion .case-caption:hover .thumbnail > img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
#promotion .case-caption:hover .com-h5 {
  color: #2b4c9c;
  font-weight: 700;
  -webkit-transform: translate(5%, 0);
  -moz-transform: translate(5%, 0);
  -o-transform: translate(5%, 0);
  -ms-transform: translate(5%, 0);
  transform: translate(5%, 0);
}
#promotion .case-caption:hover .buttom-line {
  width: 100%;
}
#promotion .promotion-knowledge {
  height: 530px;
  background: #f6f6f6;
  padding: 35px 0 35px 0;
}
#promotion .promotion-knowledge .nav-tabs {
  border-bottom: 0;
  margin-bottom: 35px;
}
#promotion .promotion-knowledge .nav-tabs > li.active > a,
#promotion .promotion-knowledge .nav-tabs > li.active > a:focus,
#promotion .promotion-knowledge .nav-tabs > li.active > a:hover {
  background: #000;
  color: #fff!important;
}
#promotion .promotion-knowledge .nav-tabs > li > a {
  color: #666;
  background: #fff;
  display: inline-block;
  width: 150px;
  height: 50px;
  line-height: 30px;
  text-align: center;
  margin: 0 15px;
  border-radius: 0;
}
#promotion .knowledge-promotion-list {
  background: #fff;
  overflow: hidden;
}
#promotion .knowledge-promotion-list .knowledge-promotion-img > img {
  width: 100%;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
#promotion .knowledge-promotion-list:hover .knowledge-promotion-img > img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#promotion .knowledge-promotion-list:hover .knowledge-promotion-title,
#promotion .knowledge-promotion-list:hover .knowledge-content-title,
#promotion .knowledge-promotion-list:hover .knowledge-content-more {
  color: #2b4c9c;
  text-decoration: underline;
}
#promotion .knowledge-promotion-img {
  width: 100%;
  height: 210px;
  overflow: hidden;
}
#promotion .knowledge-promotion-title {
  font-size: 16px;
  color: #000;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#promotion .knowledge-promotion-desc {
  color: #999;
  font-size: 12px;
  height: 40px;
  line-height: 20px;
  padding: 0 20px;
  overflow: hidden;
}
#promotion .knowledge-promotion-time {
  color: #999;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 15px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 20px;
}
#promotion .knowledge-content-list {
  display: inline-block;
  width: 100%;
  padding: 0 20px;
}
#promotion .knowledge-content-title {
  width: 230px;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#promotion .knowledge-time {
  float: right;
  height: 35px;
  line-height: 35px;
  color: #999;
}
#promotion .knowledge-content-more {
  display: inline-block;
  width: 100%;
  text-transform: uppercase;
  padding: 0 20px;
  height: 25px;
  color: #999;
}
#promotion .knowledge-content-list:first-child {
  margin-top: 10px;
}
#promotion .promotion-contact {
  height: 500px;
}
#promotion .promotion-contact .thumbnail {
  margin-top: 50px;
}
#promotion .promotion-contact .contact-title {
  font-size: 28px;
  color: #000;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 25px;
}
#promotion .promotion-contact .form-group {
  margin: 10px 0;
}
#promotion .promotion-contact .form-group textarea {
  height: 120px;
}
#promotion .promotion-contact textarea,
#promotion .promotion-contact input {
  width: 100%;
  border-radius: 0;
}
#promotion .promotion-contact .deal-contact > input {
  background: #2b4c9c;
  color: #fff;
  border: 0;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
#promotion .promotion-contact .deal-contact .deal-info {
  float: right;
  color: #000;
  line-height: 40px;
}
#promotion .promotion-contact .deal-contact .deal-info > span {
  color: #2b4c9c;
}
/*网站推广 结束*/
/*app*/
#app #carousel-ad .carousel-caption {
  background: none;
}
#app .carousel-indicators li a {
  background: #ccc;
}
#app #carousel-ad .caption-text {
  top: 25%;
}
#app .caption-text-left {
  display: inline-block;
  width: 35%;
  text-align: right;
  color: #fff;
  padding-right: 30px;
  border-right: 1px solid #5b5441;
}
#app .caption-text-left .text-list {
  font-size: 24px;
}
#app .caption-text-left .text-list:nth-child(1) {
  -webkit-transform: translate(-40%, 0);
  -moz-transform: translate(-40%, 0);
  -o-transform: translate(-40%, 0);
  -ms-transform: translate(-40%, 0);
  transform: translate(-40%, 0);
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
#app .caption-text-left .text-list:nth-child(2) {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  -moz-transition: 1s ease 0.2s;
  -o-transition: 1s ease 0.2s;
  -webkit-transition: 1s ease 0.2s;
  transition: 1s ease 0.2s;
}
#app .caption-text-left .text-list:nth-child(3) {
  -webkit-transform: translate(-60%, 0);
  -moz-transform: translate(-60%, 0);
  -o-transform: translate(-60%, 0);
  -ms-transform: translate(-60%, 0);
  transform: translate(-60%, 0);
  -moz-transition: 1s ease 0.4s;
  -o-transition: 1s ease 0.4s;
  -webkit-transition: 1s ease 0.4s;
  transition: 1s ease 0.4s;
}
#app .caption-text-right {
  width: 62%;
  display: inline-block;
  text-align: left;
  padding-left: 10px;
  color: #fff;
}
#app .caption-text-right .text-list {
  font-size: 42px;
}
#app .caption-text-right .text-list:nth-child(1) {
  -webkit-transform: translate(50%, 0);
  -moz-transform: translate(50%, 0);
  -o-transform: translate(50%, 0);
  -ms-transform: translate(50%, 0);
  transform: translate(50%, 0);
  -moz-transition: 1s ease;
  -o-transition: 1s ease;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
#app .caption-text-right .text-list:nth-child(2) {
  -webkit-transform: translate(60%, 0);
  -moz-transform: translate(60%, 0);
  -o-transform: translate(60%, 0);
  -ms-transform: translate(60%, 0);
  transform: translate(60%, 0);
  -moz-transition: 1s ease 0.2s;
  -o-transition: 1s ease 0.2s;
  -webkit-transition: 1s ease 0.2s;
  transition: 1s ease 0.2s;
}
#app .carousel-inner > .active .text-list {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#app .app-list {
  padding: 40px 0;
}
#app .app-list .app-title {
  font-size: 24px;
  color: #000;
  text-align: center;
}
#app .app-list .app-title-en {
  font-size: 18px;
  color: #c7c7c7;
  text-align: center;
  text-transform: uppercase;
}
#app .app-list .media-body,
#app .app-list .media-left,
#app .app-list .media-right {
  vertical-align: middle;
}
#app .app-list .media-content {
  color: #333;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
}
#app .app-list .list-sign {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  margin-right: 10px;
  line-height: 25px;
}
#app .app-list .list-sign.list-sign-1 {
  background: #67d6ff;
}
#app .app-list .list-sign.list-sign-2 {
  background: #a3b4ff;
}
#app .app-list .list-sign.list-sign-3 {
  background: #c9b5d4;
}
#app .app-list .list-sign.list-sign-4 {
  background: #abc6a6;
}
#app .app-list .list-sign.list-sign-5 {
  background: #e1be6c;
}
#app .app-list .list-sign.list-sign-6 {
  background: #acb1d9;
}
#app .app-list .list-sign.list-sign-7 {
  background: #d4a1b8;
}
#app .app-list .list-sign.list-sign-8 {
  background: #a6cbcb;
}
#app .app-advantage {
  background: url(../images/bg/app-pic11.jpg) no-repeat;
  background-size: 100% 100%;
}
#app .app-advantage .app-title {
  color: #fff;
}
#app .app-advantage .advantage-content {
  margin-top: 60px;
  margin-bottom: 40px;
}
#app .app-advantage .advantage-content-top {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 200px;
  text-align: center;
}
#app .app-advantage .content-outside {
  position: absolute;
  display: inline-block;
  width: 200px;
  height: 200px;
  left: 50%;
  margin-left: -100px;
  top: 50%;
  margin-top: -100px;
  background: #ccc;
  opacity: 0.1;
  filter: alpha(opacity=10);
  border-radius: 50%;
  z-index: 1;
}
#app .app-advantage .content-inside {
  position: absolute;
  display: inline-block;
  width: 150px;
  height: 150px;
  left: 50%;
  margin-left: -75px;
  top: 50%;
  margin-top: -75px;
  background: #f2f2f2;
  opacity: 0.2;
  filter: alpha(opacity=20);
  border-radius: 50%;
  z-index: 2;
}
#app .app-advantage .content-word {
  font-size: 34px;
  color: #fff;
  line-height: 200px;
}
#app .app-advantage .advantage-content-buttom {
  margin-top: 30px;
}
#app .app-advantage .content-list {
  font-size: 14px;
  color: #f1f1ef;
  text-align: center;
  margin-bottom:5px;
}
#app .app-process {
  background: url(../images/bg/app-pic12.jpg) no-repeat;
  background-size: 100% 100%;
}
#app .app-case .case-content {
  position: relative;
  margin-top: 50px;
}
#app .app-case .case-content-row {
  width: 100%;
  overflow: hidden;
  height: 415px;
}
#app .app-case .case-content-list {
  float: left;
  width: 370px;
  margin: 0 10px;
}
#app .app-case .caption {
  position: relative;
  padding-left: 0;
  margin-top: 40px;
}
#app .app-case .caption .caption-line {
  position: absolute;
  width: 250px;
  height: 3px;
  background: #2b4c9c;
}
#app .app-case .caption > h5 {
  font-size: 20px;
  margin: 20px 0;
}
#app .app-case .caption > p {
  color: #666;
  line-height: 25px;
}
#app .app-case .case-prev {
  position: absolute;
  background: url(../images/bg/ico-left.png) no-repeat;
  display: inline-block;
  width: 25px;
  height: 45px;
  left: -30px;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
  cursor: pointer;
}
#app .app-case .case-next {
  position: absolute;
  background: url(../images/bg/ico-right.png) no-repeat;
  display: inline-block;
  width: 25px;
  height: 45px;
  right: -30px;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
  cursor: pointer;
}
/*app 结束*/
/* 电商策划 */
#eco #carousel-ad .carousel-caption {
  background: #31526b;
}
#eco #carousel-ad .caption-text {
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
#eco #carousel-ad .carousel-inner > .active .caption-text {
  top: 60%;
}
#eco .eco-sys {
  text-align: center;
  margin: 50px 0;
}
#eco .eco-sys .sys-pic {
  display: inline-block;
  width: 159px;
  height: 159px;
  background: url(../images/bg/eco-icon1.png) no-repeat;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#eco .eco-sys .sys-pic-1 {
  background-position: 0px 0px;
}
#eco .eco-sys .sys-pic-2 {
  background-position: 0px -169px;
}
#eco .eco-sys .sys-pic-3 {
  background-position: 0px -338px;
}
#eco .eco-sys .sys-pic-4 {
  background-position: 0px -507px;
}
#eco .eco-sys figcaption {
  color: #333;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
}
#eco .eco-sys .sys-pic:hover {
  /*-webkit-transform: rotate(180deg);*/
  /*-moz-transform: rotate(180deg);*/
  /*-o-transform: rotate(180deg);*/
  /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/
  /*transform: rotate(180deg);*/
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}
#eco .eco-us {
  text-align: center;
  position: relative;
}
#eco .eco-us .eco-us-content {
  padding: 60px 0;
  height: 320px;
}
#eco .eco-us .eco-us-content:nth-child(2n+1) {
  background: #252525;
}
#eco .eco-us .eco-us-content:nth-child(2n) {
  background: #1a1a1a;
}
#eco .eco-us .content-p {
  font-size: 18px;
}
#eco .eco-us .content-bgpic {
  display: inline-block;
  width: 121px;
  height: 121px;
  background: url(../images/bg/eco-icon2.png) no-repeat;
}
#eco .eco-us .content-bgpic-1 {
  background-position: 0px 0px;
}
#eco .eco-us .content-bgpic-2 {
  background-position: 0px -131px;
}
#eco .eco-us .content-bgpic-3 {
  background-position: 0px -262px;
}
#eco .eco-us .content-bgpic-4 {
  background-position: 0px -393px;
}
#eco .eco-us .content-bgpic-5 {
  background-position: 0px -524px;
}
#eco .eco-us .content-bgpic-6 {
  background-position: 0px -655px;
}
#eco .eco-us .why-choose {
  position: absolute;
  background: #2f2f2f;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 130px;
  margin-left: -20%;
  margin-top: -65px;
}
#eco .eco-us .choose-title {
  font-size: 42px;
  color: #eee;
}
#eco .eco-us .choose-en {
  font-size: 18px;
  color: #c7c7c7;
  text-transform: uppercase;
  font-family: Arial;
}
#eco .eco-us .know-qbt {
  color: #ff6700;
  font-size: 18px;
}
#eco .eco-us .know-qbt > .glyphicon {
  color: inherit;
}
#eco .eco-case {
  padding: 40px 0;
}
#eco .eco-case .eco-title {
  font-size: 24px;
  color: #000;
  text-align: center;
}
#eco .eco-case .eco-title-en {
  font-size: 18px;
  color: #c7c7c7;
  text-align: center;
  text-transform: uppercase;
}
#eco .eco-case .case-content {
  position: relative;
  margin-top: 50px;
}
#eco .eco-case .case-content-row {
  width: 100%;
  overflow: hidden;
  height: 415px;
}
#eco .eco-case .case-content-list {
  float: left;
  width: 370px;
  margin: 0 10px;
}
#eco .eco-case .caption {
  position: relative;
  padding-left: 0;
  margin-top: 40px;
}
#eco .eco-case .caption .caption-line {
  position: absolute;
  width: 250px;
  height: 3px;
  background: #2b4c9c;
}
#eco .eco-case .caption > h5 {
  font-size: 20px;
  margin: 20px 0;
}
#eco .eco-case .caption > p {
  color: #666;
  line-height: 25px;
}
#eco .eco-case .case-prev {
  position: absolute;
  background: url(../images/bg/ico-left.png) no-repeat;
  display: inline-block;
  width: 25px;
  height: 45px;
  left: -30px;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
  cursor: pointer;
}
#eco .eco-case .case-next {
  position: absolute;
  background: url(../images/bg/ico-right.png) no-repeat;
  display: inline-block;
  width: 25px;
  height: 45px;
  right: -30px;
  top: 50%;
  margin-top: -20px;
  z-index: 2;
  cursor: pointer;
}
/* 电商策划 结束*/
/*案例案例 */
#case {
  background: #e5e5e5;
  padding: 30px 0;
  /*案例详情*/
  /*案例详情 结束*/
}
#case .case-title {
  font-size: 50px;
  color: #7a7a7a;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  font-family: 'Arial';
}
#case .case-title > .case-title-prev {
  background: url(../images/bg/font-qbtech.png) no-repeat;
  width: 210px;
  height: 37px;
  display: inline-block;
}
#case .case-title-ch {
  font-size: 24px;
  color: #999;
  text-align: center;
}
#case .case-desc {
  font-size: 20px;
  color: #333;
  text-align: center;
  line-height: 45px;
}
#case .case-list {
  text-align: center;
}
#case .nav-tabs {
  border-bottom: none;
  margin: 20px 0;
  display: inline-block;
}
#case .nav-tabs > li {
  margin: 5px;
}
#case .nav-tabs > li.active > a,
#case .nav-tabs > li.active > a:focus,
#case .nav-tabs > li.active > a:hover {
  border-radius: 0;
  color: #fff!important;
  background: #000;
}
#case .nav > li > a:focus,
#case .nav > li > a:hover {
  color: #fff;
  background: #000;
  border-radius: 0;
}
#case .nav-tabs > li > a {
  background: #fff;
  color: #666;
  border-radius: 0;
  width: 148px;
  height: 50px;
  line-height: 30px;
  text-align: center;
}
#case .case-detail {
  margin-bottom: 20px;
}
#case .case-detail .case-img-box {
  position: relative;
}
#case .case-detail .img {
  width: 100%;
}
#case .case-detail .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #3957a2;
  background-image: linear-gradient(45deg, #203f92 25%, transparent 25%, transparent 75%, #203f92 75%, #203f92), linear-gradient(45deg, #203f92 25%, transparent 25%, transparent 75%, #203f92 75%, #203f92);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#case .case-detail .iout {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -34px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#case .case-detail .iin {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -17px;
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#case .case-detail-titile {
  color: #666;
  text-align: left;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#case .case-detail-time {
  color: #999;
  margin-bottom: 10px;
}
#case .detail-bottom-line {
  height: 5px;
  width: 0;
  background: #2b4c9c;
  -moz-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
#case .case-detail:hover .bg {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#case .case-detail:hover .case-detail-titile {
  -webkit-transform: translate(10px, 0);
  -moz-transform: translate(10px, 0);
  -o-transform: translate(10px, 0);
  -ms-transform: translate(10px, 0);
  transform: translate(10px, 0);
}
#case .case-detail:hover .iout {
  left: 50%;
  margin-left: -34px;
  opacity: 1;
  filter: alpha(opacity=100);
}
#case .case-detail:hover .iin {
  right: 50%;
  margin-right: -17px;
  opacity: 1;
  filter: alpha(opacity=100);
}
#case .case-detail:hover .case-detail-titile {
  color: #2b4c9c;
}
#case .case-detail:hover .detail-bottom-line {
  width: 100%;
}
#case .c-detail-title {
  font-size: 24px;
  color: #000;
  text-align: center;
}
#case .c-detail-desc {
  padding: 20px 0;
}
#case .c-detail-desc > * {
  font-size: 18px;
  color: #666;
  line-height: 50px;
}
#case .c-detail-desc a {
  text-decoration: underline;
  color: #2b4c9c;
}
/*案例案例 结束*/
/*新闻中心*/
#news {
  background: #e5e5e5;
  padding: 30px 0;
  /* 商品详情部分*/
  /* 商品详情部分 结束*/
}
#news .news-title {
  font-size: 50px;
  color: #7a7a7a;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  font-family: 'Arial';
}
#news .news-title > .news-title-prev {
  background: url(../images/bg/font-qbtech.png) no-repeat;
  width: 210px;
  height: 37px;
  display: inline-block;
}
#news .news-title-ch {
  font-size: 24px;
  color: #999;
  text-align: center;
}
#news .news-desc {
  font-size: 20px;
  color: #333;
  text-align: center;
  line-height: 45px;
}
#news .nav-tabs {
  border-bottom: none;
  margin: 20px 0;
  display: inline-block;
}
#news .nav-tabs > li {
  margin: 5px;
}
#news .nav-tabs > li.active > a,
#news .nav-tabs > li.active > a:focus,
#news .nav-tabs > li.active > a:hover {
  border-radius: 0;
  color: #fff!important;
  background: #000;
}
#news .nav > li > a:focus,
#news .nav > li > a:hover {
  color: #fff;
  background: #000;
  border-radius: 0;
}
#news .nav-tabs > li > a {
  background: #fff;
  color: #666;
  border-radius: 0;
  width: 150px;
  height: 50px;
  line-height: 30px;
  text-align: center;
}
#news .news-detail {
  background: #fff;
  overflow: hidden;
  padding: 15px;
}
#news .news-detail .news-img > img {
  width: 100%;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
#news .news-detail:hover .news-img > img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#news .news-detail:hover .news-detail-title,
#news .news-detail:hover .news-detail-title,
#news .news-detail:hover .news-detail-more {
  color: #2b4c9c;
  text-decoration: underline;
}
#news .news-img {
  width: 100%;
  height: 190px;
  overflow: hidden;
}
#news .news-detail-title {
  font-size: 16px;
  color: #000;
  height: 30px;
  line-height: 30px;
  /*padding: 0 20px;*/
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#news .news-detail-desc {
  color: #999;
  font-size: 12px;
  height: 40px;
  line-height: 20px;
  /*padding: 0 20px;*/
  overflow: hidden;
}
#news .news-detail-time {
  color: #999;
  font-size: 14px;
  margin-bottom:5px;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  /*padding: 0 20px;*/
  float: right;
}
#news .col-md-4 {
  padding: 10px 6px;
}
#news .n-detail-title {
  color: #000;
  font-size: 24px;
  text-align: center;
  line-height:34px;
}
#news .n-detail-time {
  text-align: center;
  color: #999;
  margin: 10px 0;
}
#news .n-detail-content {
  padding: 20px;
  background: #fff;
  border-radius: 6px;
}
#news .n-detail-content > p {
  font-size: 16px;
  line-height: 30px;
}
#news .n-detail-content > p img{text-indent:-2em;max-width:100%;margin-left:-2em;}
#news .pager li > a,
#news .pager li > span {
  height: 40px;
  line-height: 28px;
  color: #333;
}
/*新闻中心 结束*/
/*关于我们*/
#about {
  background: #e5e5e5;
  /*地图*/
}
#about .about-entry {
  padding: 30px 0 50px 0;
}
#about .about-title {
  font-size: 50px;
  color: #7a7a7a;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  font-family: 'Arial';
}
#about .about-title > .about-title-prev {
  background: url(../images/bg/font-qbtech.png) no-repeat;
  width: 210px;
  height: 37px;
  display: inline-block;
}
#about .about-title-ch {
  font-size: 24px;
  color: #999;
  text-align: center;
  margin-bottom: 30px;
}
#about .about-desc {
  background: #fff;
  padding: 70px 0;
}
#about .nav-tabs {
  display: inline-block;
  border-bottom: 0;
}
#about .nav-tabs > li {
  margin: 5px;
}
#about .nav-tabs > li.active > a,
#about .nav-tabs > li.active > a:focus,
#about .nav-tabs > li.active > a:hover {
  border-radius: 0;
  color: #fff!important;
  background: #000;
}
#about .nav > li > a:focus,
#about .nav > li > a:hover {
  color: #fff;
  background: #000;
  border-radius: 0;
}
#about .nav-tabs > li > a {
  background: #fff;
  color: #666;
  border-radius: 0;
  height: 50px;
  line-height: 30px;
  text-align: center;
  padding:10px 17px;
}
#about .about-desc-content {
  text-align: center;
}
#about .about-desc-content .title {
  color: #2b4c9c;
  font-size: 30px;
}
#about .about-desc-content .title-desc {
  font-size: 22px;
  color: #7a7a7a;
  margin: 30px 0 20px 0;
}
#about .about-desc-content .content-detail {
  margin-top: 20px;
  color: #7a7a7a;
}
#about .about-desc-content .content-detail .detail-p {
  margin-bottom: 0;
  line-height: 25px;
}
#about .about-team {
  background: url(../images/bg/about-office.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
}
#about .about-team .team-title {
  text-align: center;
  font-size: 42px;
  color: #cdcdcd;
}
#about .about-team .content-desc {
  text-align: center;
  color: #b8b8b8;
  margin-top: 20px;
}
#about .about-team .content-desc .detail-p {
  margin-bottom: 0;
}
#about .about-team > .container {
  position: relative;
  padding: 50px 0;
}
#about .about-team .team-content {
  margin: 20px 65px 0 65px;
  overflow: hidden;
}
#about .about-team #team-box {
  position: relative;
  height: 384px;
  overflow: hidden;
}
#about .about-team #team-left {
  position: absolute;
  display: inline-block;
  width: 54px;
  height: 56px;
  background: url(../images/bg/about-team-ico.png) no-repeat;
  background-position: 0px 0px;
  cursor: pointer;
  left: 0;
  top: 50%;
}
#about .about-team #team-right {
  position: absolute;
  display: inline-block;
  width: 54px;
  height: 56px;
  background: url(../images/bg/about-team-ico.png) no-repeat;
  background-position: 0px -66px;
  cursor: pointer;
  right: 0;
  top: 50%;
}
#about .about-team .team-member {
  display: inline-block;
}
#about .about-team .team-li {
  float: left;
  margin: 30px 30px 0 30px ;
  width:200px;
}
#about .about-team .obj-img {
  display: inline-block;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}
#about .about-team .obj-img > img {
  width: 100%;
  border-radius: 50%;
}
#about .about-team .caption {
  text-align: center;
}
#about .about-team .caption,
#about .about-team .caption-detail {
  margin-top: 20px;
}
#about .about-team .caption-job {
  font-size: 18px;
  color: #f2f2f2;
}
#about .about-team .caption-name {
  color: #919191;
}
#about .about-team .caption-desc {
  color: #a8a8a8;
}
#about .about-team .caption-p {
  color: #909090;
  font-size: 12px;
  margin-bottom: 0;
  line-height: 22px;
}
#about .about-team-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.85;
  filter: alpha(opacity=85);
}
#about .about-history {
  background: url(../images/bg/about-history.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 60px;
  overflow: hidden;
}
#about .about-history .history-title {
  font-size: 24px;
  text-align: center;
  color: #000;
}
#about .about-history .history-p {
  font-size: 16px;
  text-align: center;
  color: #c2c2c2;
}
#about .about-history #timeline {
  position: relative;
  margin-top: 50px;
}
#about .about-history .timeline-sign-left {
  position: absolute;
  display: inline-block;
  width: 62px;
  background: url(../images/bg/about-timeleft.png) no-repeat;
  left: 55px;
  height: 29px;
  top: 54px;
}
#about .about-history .timeline-sign-right {
  position: absolute;
  display: inline-block;
  width: 62px;
  background: url(../images/bg/about-timeright.png) no-repeat;
  right: 55px;
  height: 29px;
  top: 54px;
}
#about .about-history #dates {
  width: 990px;
  background: url(../images/bg/about-timestep.png) left 60px repeat-x;
  margin: 0 auto;
}
#about .about-history #dates > li {
  float: left;
  font-size: 24px;
  text-align: center;
}
#about .about-history #dates > li > a {
  width: 110px;
  height: 75px;
  display: inline-block;
  color: #a1a1a1;
  background: url(../images/bg/about-pointer.png) center bottom no-repeat;
}
#about .about-history #dates > li > a > .year {
  font-size: 18px;
  color: inherit;
}
#about .about-history #dates > li > .curent {
  color: #2b4c9c;
  background: url(../images/bg/about-pointered.png) center bottom no-repeat;
}
#about .about-history #dates > li > .curent > .year {
  color: inherit;
}
#about .about-history #issues {
  position: relative;
  width: 100%;
  height: 150px;
}
#about .about-history #issues .issues-li {
  position: absolute;
  width: 100%;
  top: 35px;
  text-align: center;
  display: none;
}
#about .about-history #issues .issues-li > h5 {
  color: #2b4c9c;
  font-size: 20px;
}
#about .about-history #issues .issues-li > p {
  color: #2b4c9c;
  font-size: 16px;
}
#about .about-history #issues .issues-li > p span {
  color: #2b4c9c;
  font-size: 20px;
}
#about .about-history #issues .issues-li.active {
  display: block;
}
#about .about-customer {
  background: #fff;
  padding: 60px 0;
}
#about .about-customer .customer-title {
  font-size: 24px;
  text-align: center;
  color: #000;
}
#about .about-customer .customer-p {
  font-size: 16px;
  text-align: center;
  color: #c2c2c2;
}
#about .about-customer .cus-list {
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}
#about .about-customer .cus-list > a {
  float: left;
  box-sizing: border-box;
  width: 20%;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  margin-top: 1px;
}
#about .about-customer .cus-list > a img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
#about .about-customer .cus-list > a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}
#about .about-list {
  text-align: center;
}
#about .about-list .nav-tabs {
  display: inline-block;
}
#about .about-list .col-md-4 {
  padding: 0;
  width: 46%;
  margin: 2%;
  float:left;
}
#about .about-info {
  padding: 50px 0;
}
#about .about-info .info-top {
  font-size: 24px;
  color: #000;
}
#about .about-info .info-desc {
  color: #333;
  line-height: 25px;
  font-size: 14px;
  margin-bottom: 30px;
}
#about .about-info .info-list {
  background: url(../images/bg/qbt-infobg.png) left center no-repeat;
  height: 40px;
  line-height: 40px;
  padding-left: 50px;
  margin: 10px 0;
  color: #666;
  overflow: hidden;
}
#about .about-info .tell-num {
  margin-right: 10px;
}
#about .about-info .info-route {
  margin-top: 20px;
}
#about .about-info .form-get {
  margin-bottom: 25px;
}
#about .about-info .form-get > * {
  border-radius: 20px;
  text-indent: 10px;
}
#about .about-info .form-get > input {
  height: 40px;
}
#about .about-info .form-get > textarea {
  padding-top: 15px;
}
#about .about-info .form-set > button {
  width: 150px;
  height: 45px;
  border-radius: 20px;
  background: #2b4c9c;
}
#about .about-info .info-tell {
  background-position: 0px 0px;
}
#about .about-info .info-fax {
  background-position: 0px -44px;
}
#about .about-info .info-web {
  background-position: 0px -88px;
}
#about .about-info .info-email {
  background-position: 0px -132px;
}
#about .about-info .info-address {
  background-position: 0px -176px;
}
#about #accordion {
  position: absolute;
  z-index: 9;
  width: 320px;
}
#about #accordion .panel {
  border-radius: 0;
  margin-top: 10px;
}
#about #accordion .panel-body {
  color: #fff;
}
#about #accordion .panel-body * {
  color: inherit;
}
#about #accordion .panel-primary > .panel-heading {
  background: #273c6f;
  background-image: linear-gradient(45deg, #2e4682 25%, transparent 25%, transparent 75%, #2e4682 75%, #2e4682), linear-gradient(45deg, #2e4682 25%, transparent 25%, transparent 75%, #2e4682 75%, #2e4682);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  border-color: #3957a2;
  border-radius: 0;
  padding: 0 15px;
}
#about #accordion .panel-primary > .panel-heading .glyphicon {
  top: 15px;
  color: #ccc;
}
#about #accordion .panel-click {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
#about #accordion .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  background: #3957a2;
  border-top-color: #3957a2;
}
#about #accordion .panel-primary > .panel-heading + .panel-collapse > .panel-body > * {
  height: auto;/*170308 yj 原“26px”导致地址超过一行时与邮箱重叠，改为不限制高度*/
  line-height: 26px;
}
/*关于我们 结束*/
/*微信开发*/
#weixin .weixin-list .media-left,
#weixin .weixin-list .media-right {
  width: 650px;
  max-height: 400px;
  vertical-align: middle;
  height: 500px;
}
#weixin .weixin-list .media-left > a,
#weixin .weixin-list .media-right > a {
  display: inline-block;
}
#weixin .weixin-list .media-right {
  text-align: right;
}
#weixin .weixin-list .media-body {
  width: 480px;
  vertical-align: middle;
  height: 500px;
}
#weixin .weixin-list .media-heading {
  font-size: 36px;
  color: #fff;
  text-shadow: 1px 1px 1px #000000;
}
#weixin .weixin-list .media-content {
  font-size: 20px;
  color: #fff;
  margin: 40px 0;
  text-shadow: 1px 1px 1px #000000;
}
#weixin .weixin-list .media-contact > a {
  display: inline-block;
  width: 150px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border: 2px solid #fff;
  margin: 10px;
}
#weixin .weixin-list-show1 {
  background: #4bcae1;
}
#weixin .weixin-list-show1 .media-body {
  padding-left: 80px;
}
#weixin .weixin-list-show2 {
  background: #69b7de;
}
#weixin .weixin-list-show3 {
  background: #69c644;
}
#weixin .weixin-list-show3 .media-body {
  padding-left: 80px;
}
#weixin .weixin-list-show4 {
  background: #e4e4e4;
}
#weixin .weixin-list-show4 .media-heading {
  color: #000;
  text-shadow: 0 0 0 #000000;
}
#weixin .weixin-list-show4 .media-content {
  color: #666;
  text-shadow: 0 0 0 #000000;
}
#weixin .weixin-list-show4 .media-contact > a {
  color: #333;
  border: 2px solid #666;
}
/*微信开发 结束*/
/*首页*/
#main {
  margin-top: 80px;
  background: #f1f1f1;
  /*焦点图*/
  /*服务*/
  /*案例*/
  /*操作案例*/
  /*新闻*/
  /*客户*/
  /*地图*/
}
#main #carousel-ad1 .carousel-caption {
  top: 30%;
}
#main #carousel-ad1 .ad-top {
  position: absolute;
  width: 50%;
  margin: 0 25%;
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  -o-transform: translate(0, -100%);
  -ms-transform: translate(0, -100%);
  transform: translate(0, -100%);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 2s;
  -o-transition: 2s;
  -webkit-transition: 2s;
  transition: 2s;
}
#main #carousel-ad1 .ad-top img {
  width: 100%;
}
#main #carousel-ad1 .carousel-indicators {
  text-align: right;
}
#main #carousel-ad1 .carousel-indicators li {
  float: none;
  margin: 0 5px;
  width: 40px;
  height: 4px;
  padding: 10px 0;
  background: transparent;
  border-color: transparent;
  border-radius: 0;
}
#main #carousel-ad1 .carousel-indicators li a {
  display: inline-block;
  float: right;
  background: #696969;
  border-color: #696969;
  width: 40px;
  height: 4px;
}
#main #carousel-ad1 .carousel-indicators li.active {
  width: 40px;
  height: 5px;
  background: transparent;
  border-color: transparent;
}
#main #carousel-ad1 .carousel-indicators li.active a {
  background: #fff;
}
#main #carousel-ad1 .carousel-inner .active .ad-top {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}
#main #carousel-ad1 .ad-bottom {
  position: absolute;
  line-height: 30px;
  top: 35%;
  width: 50%;
  margin: 0 25%;
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -o-transform: translate(0, 100%);
  -ms-transform: translate(0, 100%);
  transform: translate(0, 100%);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 2s ease 0.5s;
  -o-transition: 2s ease 0.5s;
  -webkit-transition: 2s ease 0.5s;
  transition: 2s ease 0.5s;
  color: #ccc;
}
#main #carousel-ad1 .ad-bottom p {
  font-size: 20px;
  text-align: left;
}
#main #carousel-ad1 .carousel-inner .active .ad-bottom {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
  color: #fff;
}
#main .server {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 2%;
}
#main .server .com-h2 {
  font-size: 24px;
  text-align: center;
}
#main .server .com-p {
  font-size: 16px;
  text-align: center;
  color: #c2c2c2;
}
#main .server .com-h5 {
  font-size: 20px;
  text-align: center;
}
#main .server .server-list {
  text-align: center;
  padding: 20px;
  overflow: hidden;
  background: #fff;
}
#main .server .server-list img {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  top: 0;
  width: 100%;
  max-width: 169px;
}
#main .server .server-list .server-h5 {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  color: #333;
  top: 0;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
#main .server .server-list .server-h5 a{color:#333;}
#main .server .server-list .server-h5 a:hover{color:#337ab7;}
#main .server .server-list:hover img {
  top: -10px;
}
#main .server .server-list:hover .server-h5 {
  top: -10px;
}
#main .case {
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 2%;
  background: #fff;
  padding-bottom: 0;
  border-bottom: 0;
}
#main .case .com-h2 {
  font-size: 24px;
  text-align: center;
}
#main .case .com-p {
  font-size: 16px;
  text-align: center;
  color: #c2c2c2;
}
#main .case .com-h5 {
  font-size: 20px;
  text-align: center;
}
#main .case .server-list {
  text-align: center;
  padding: 20px;
  overflow: hidden;
  background: #fff;
}
#main .case .server-list img {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  top: 0;
  width: 100%;
  max-width: 169px;
}
#main .case .server-list .server-h5 {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  color: #333;
  top: 0;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
#main .case .server-list:hover img {
  top: -10px;
}
#main .case .server-list:hover .server-h5 {
  top: -10px;
}
#main .case .container {
  width: auto!important;
}
#main .case .container-fulid {
  margin-top: 30px;
}
#main .case .case-list .col-md-3 {
  padding: 0;
}
#main .case .case-list .col-lg-3 {
  padding: 0;
}
#main .case .case-list .nav-tabs {
  border-bottom: none;
  width: 600px;
  margin: 0 auto;
  border-top: 1px solid #e8e8e8;
}
#main .case .case-list .nav-tabs li {
  width: 120px;
  text-align: center;
}
#main .case .case-list .nav-tabs li a {
  color: #999;
  font-size: 16px;
  display: inline-block;
  height: 70px;
  line-height: 50px;
}
#main .case .case-list .tab-pane {
  overflow: hidden;
}
#main .case .case-caption {
  overflow: hidden;
  cursor: pointer;
}
#main .case .case-caption .thumbnail {
  position: relative;
}
#main .case .case-caption .thumbnail > img {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scale(1.01, 1.01);
  -moz-transform: scale(1.01, 1.01);
  -o-transform: scale(1.01, 1.01);
  -ms-transform: scale(1.01, 1.01);
  transform: scale(1.01, 1.01);
  /*为什么放上去hover原始尺寸会出现白边呢？？？待解决 20160303*/
  width: 100%;
}
#main .case .case-caption .img-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #3957a2;
  background-image: linear-gradient(45deg, #203f92 25%, transparent 25%, transparent 75%, #203f92 75%, #203f92), linear-gradient(45deg, #203f92 25%, transparent 25%, transparent 75%, #203f92 75%, #203f92);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#main .case .case-caption .img-mask img {
  width: 20%;
  margin-left: 40%;
  margin-top: 20%;
  -webkit-transform: translate(300%, 0);
  -moz-transform: translate(300%, 0);
  -o-transform: translate(300%, 0);
  -ms-transform: translate(300%, 0);
  transform: translate(300%, 0);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: 0.3s ease-out 0.1s;
  -o-transition: 0.3s ease-out 0.1s;
  -webkit-transition: 0.3s ease-out 0.1s;
  transition: 0.3s ease-out 0.1s;
}
#main .case .case-caption .com-h5 {
  color: #333;
  font-size: 16px;
  -moz-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
#main .case .case-caption .buttom-line {
  height: 3px;
  background-color: #2b4c9c;
  width: 0.01%;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#main .case .case-caption:hover .img-mask {
  opacity: 0.8;
  filter: alpha(opacity=80);
  left: 0;
}
#main .case .case-caption:hover .img-mask img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#main .case .case-caption:hover .thumbnail > img {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
#main .case .case-caption:hover .com-h5 {
  color: #2b4c9c;
  font-weight: 700;
  -webkit-transform: translate(5%, 0);
  -moz-transform: translate(5%, 0);
  -o-transform: translate(5%, 0);
  -ms-transform: translate(5%, 0);
  transform: translate(5%, 0);
}
#main .case .case-caption:hover .buttom-line {
  width: 100%;
}
#main .deal-case .case-button {
  text-align: center;
  margin-top: 1%;
  margin-bottom: 1%;
}
#main .deal-case .case-button > a {
  padding-top:20px;
  display: inline-block;
  width: 80px;
  background: #fff;
  height:50px;
  -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
    -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#main .deal-case .case-to {
  width: 50px!important;
}
#main .deal-case .case-button > a > img {
  vertical-align:top;
}

#main .deal-case .case-toright:hover{
  background:#d0d0d0;
}
#main .deal-case .case-toleft:hover{
  background:#d0d0d0;
}
#main .deal-case .case-tomore:hover{
  background:#d0d0d0;
}

#main .news {
  background: #fff;
  padding-top: 3%;
  padding-bottom: 3%;
  border-bottom: 1px solid #e8e8e8;
}
#main .news .qbt-line {
  width: 0.01%;
  height: 3px;
  background: #2b4c9c;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
#main .news .cnews:hover .qbt-line,
#main .news .inews:hover .qbt-line {
  width: 100%;
}
#main .news .company-news {
  background: #f8f8f8;
}
#main .news .company-news .cnews {
  margin: 12px 0;
  padding: 1px 0;
  display: block;
  height: 85px;
}
#main .news .company-news .cnews:hover .cnews-right h5 {
  color: #2b4c9c;
  -webkit-transform: translate(5px, 0);
  -moz-transform: translate(5px, 0);
  -o-transform: translate(5px, 0);
  -ms-transform: translate(5px, 0);
  transform: translate(5px, 0);
  text-decoration: underline;
}
#main .news .company-news .cnews-left {
  position: relative;
  width: 70px;
  float: left;
  margin-top: 12px;
}
#main .news .company-news .cnews-time {
  display: block;
  background: #999999;
  background-image: linear-gradient(45deg, #898989 25%, transparent 25%, transparent 75%, #898989 75%, #898989), linear-gradient(45deg, #898989 25%, transparent 25%, transparent 75%, #898989 75%, #898989);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  color: #fff;
  text-align: center;
  font-weight: 600;
}
#main .news .company-news .cnews-timeday {
  font-size: 20px;
  border-bottom: 1px solid #fff;
}
#main .news .company-news .cnews-sign {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  bottom: -9px;
  left: 50%;
  margin-left: -9px;
  border-width: 9px 9px 0;
  border-top-color: #999999;
}
#main .news .company-news .cnews-right {
  margin-left: 70px;
  padding-left: 5%;
}
#main .news .company-news .cnews-right h5 {
  font-size: 16px;
  color: #000;
  -moz-transition: transform 0.7s;
  -o-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  transition: transform 0.7s;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;
}
#main .news .company-news .cnews-right p {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#main .news .company-news .first-cnews .cnews-time {
  background: #3957a2;
  background-image: linear-gradient(45deg, #203f92 25%, transparent 25%, transparent 75%, #203f92 75%, #203f92), linear-gradient(45deg, #203f92 25%, transparent 25%, transparent 75%, #203f92 75%, #203f92);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
}
#main .news .company-news .first-cnews .cnews-sign {
  border-top-color: #3957a2;
}
#main .news .info-news {
  display: block;
}
#main .news .info-news .inews .inews-content {
  padding-top: 5%;
  background: #f8f8f8;
}
#main .news .info-news .inews .inews-content img {
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
#main .news .info-news .inews .inews-content:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#main .news .info-news .inews h4 {
  font-size: 20px;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  height: 45px;
}
#main .news .info-news .inews .inews-time {
  color: #999;
  padding-left: 240px;
  padding-right: 10px;
}
#main .news .info-news .inews .inews-p {
  color: #999;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 9%;
  margin-bottom: 5.3%;
  font-size: 14px;
  height: 60px;
  line-height: 20px;
  overflow: hidden;
}
#main .news .info-news .inews .thumbnail {
  position: relative;
}
#main .news .info-news .inews .inews-sign {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: 0;
  left: 10%;
  margin-left: -15px;
  border-width: 15px 15px 0;
  border-top-color: #fff;
  z-index: 2;
}
#main .news .info-news .inews:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
#main .news .info-news .inews:hover h4 {
  color: #2b4c9c;
  text-decoration: underline;
}
#main .customer {
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 2%;
}
#main .customer .com-h2 {
  font-size: 24px;
  text-align: center;
}
#main .customer .com-p {
  font-size: 16px;
  text-align: center;
  color: #c2c2c2;
}
#main .customer .com-h5 {
  font-size: 20px;
  text-align: center;
}
#main .customer .server-list {
  text-align: center;
  padding: 20px;
  overflow: hidden;
  background: #fff;
}
#main .customer .server-list img {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  top: 0;
  width: 100%;
  max-width: 169px;
}
#main .customer .server-list .server-h5 {
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  color: #333;
  top: 0;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
#main .customer .server-list:hover img {
  top: -10px;
}
#main .customer .server-list:hover .server-h5 {
  top: -10px;
}
#main .customer .cus-list {
  border-left: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
}
#main .customer .cus-list > a {
  float: left;
  box-sizing: border-box;
  width: 20%;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
#main .customer .cus-list > a img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
#main .customer .cus-list > a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
}
#main #accordion {
  position: absolute;
  z-index: 9;
  width: 320px;
}
#main #accordion .panel {
  border-radius: 0;
  margin-top: 10px;
}
#main #accordion .panel-body {
  color: #fff;
}
#main #accordion .panel-body * {
  color: inherit;
}
#main #accordion .panel-primary > .panel-heading {
  background: #273c6f;
  background-image: linear-gradient(45deg, #2e4682 25%, transparent 25%, transparent 75%, #2e4682 75%, #2e4682), linear-gradient(45deg, #2e4682 25%, transparent 25%, transparent 75%, #2e4682 75%, #2e4682);
  background-size: 4px 4px;
  background-position: 0 0, 2px 2px;
  border-color: #3957a2;
  border-radius: 0;
  padding: 0 15px;
}
#main #accordion .panel-primary > .panel-heading .glyphicon {
  top: 15px;
  color: #ccc;
}
#main #accordion .panel-click {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
#main #accordion .panel-primary > .panel-heading + .panel-collapse > .panel-body {
  background: #3957a2;
  border-top-color: #3957a2;
}
#main #accordion .panel-primary > .panel-heading + .panel-collapse > .panel-body > * {
  height: 26px;
  line-height: 26px;
}
/*首页结束*/
/*新闻中心服务客户*/
.Clientbox{ margin:0px auto; padding:25px 0px;position:relative;}
.Clientlist{margin:0px auto;overflow:hidden; position:relative;}
.Clientlist ul{width:300%; position:relative;}
.Clientlist ul li{float:left;width:33.33333%;overflow:hidden;padding:0 75px;}
.Clientlist ul li dl{ margin:auto;}
.Clientlist ul li dl dd{ float:left; height:auto; border:1px solid #e6e6e6; display:inline; margin:0px 5px 10px;}
.Clientlist ul li dl dd img{ display:block; height:auto;}

.Clientbox a.ClientPrev,.Clientbox a.Clientnext{display:block; position:absolute;width:37px; height:71px; margin:auto; top:0; bottom:0; text-align:center; line-height:71px;}

.Clientbox a.ClientPrev{background-image:url(../images/bg/icon.png); background-repeat:no-repeat; background-position:0px -267px; left:0px;}

.Clientbox a.Clientnext{background-image:url(../images/bg/icon.png); background-repeat:no-repeat; background-position:-42px -267px; right:0px;}

.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.Clientbox2{ margin:0px auto; padding:5px 0px;position:relative;}
.Clientlist2{margin:0px auto;overflow:hidden; position:relative;}
.Clientlist2 ul{width:3320px; position:relative;}
.Clientlist2 ul li{float:left;width:33.33333%;overflow:hidden;padding:0 75px;}
.Clientlist2 ul li dl{ margin:auto;}
.Clientlist2 ul li dl dd{ float:left; height:auto; border:1px solid #e6e6e6; display:inline; margin:0px 5px 10px;}
.Clientlist2 ul li dl dd img{ display:block; height:auto;}

.Clientbox2 a.ClientPrev2,.Clientbox2 a.Clientnext2{display:block; position:absolute;width:37px; height:71px; top:41%; text-align:center; line-height:71px;}

.Clientbox2 a.ClientPrev2{background-image:url(../images/bg/icon.png); background-repeat:no-repeat; background-position:0px -267px; left:0px;}

.Clientbox2 a.Clientnext2{background-image:url(../images/bg/icon.png); background-repeat:no-repeat; background-position:-42px -267px; right:0px;}

/*about title 导航栏2016-05-16*/
.counsel {margin-left:0px;margin-right:0px;background-color: #2D4C9C;}
.counsel-col-left {padding:40px 0 0 30px;}
.counsel-col-center {position: absolute;width: 100%; margin-top: -18px; text-align: center}
.counsel-col-right {padding:40px 10px 40px 0;}
.counsel-col-left-span {text-align:left; color: #fff; font-size:24px;}
.counsel-col-left-span-big {font-size: 36px; color:#fff;}
.counsel-col-right-span {color: #fff;font-size:20px}
.counsel-col-right-span-big {font-size: 24px; color:#fff;}
.counsel-col-center-img {width: 260px;}
.beijingtitle {font-size: 20px;}

/*关于我们 联系我们2016-05-17*/
.grid {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 0 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  /*max-height: 360px;*/
  width: 48%;
  height: 360px;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}
.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}
.grid figure figcaption {
  padding: 2em;
  color: #fff;
  /*text-transform: uppercase;*/
  /*font-size: 1.25em;*/
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}
.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.grid figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}
.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
  color: #ccc;
  font-size: 0.55em;
}
.grid figure h2,
.grid figure p {
  margin: 0;
}
.grid figure figcaption p {
  letter-spacing: 1px;
  color: #fff;
  font-size: 16px;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
  background: #3498db;
}

figure.effect-apollo img {
  opacity: 0.95;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
  -webkit-transform: scale3d(1,1,1);
   transform: scale3d(1,1,1);
}

figure.effect-apollo figcaption::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
  /*position: absolute;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*margin: 3em;*/
  padding: 0 1em;
  /*max-width: 150px;*/
  text-align: left;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.figdiv {
  height: 100%;
  margin-top: 10px;
  border-left: 4px solid #fff;
}
figure.effect-apollo h2 {
  text-align: left;
}

figure.effect-apollo:hover img {
  opacity: 0.6;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}

figure.effect-apollo:hover figcaption::before {
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

/*figure.effect-apollo:hover p {*/
  /*opacity: 1;*/
  /*-webkit-transition-delay: 0.1s;*/
  /*transition-delay: 0.1s;*/
/*}*/

/* Media queries */
@media screen and (max-width: 50em) {
  .grid figure {
    display: inline-block;
    float: none;
    margin: 10px auto;
    width: 100%;
  }
}


/*** 微信支付 ***/
#marketing-web .marketing-list .rwm{padding-top:50px;}
#marketing-web .marketing-list .vs{margin:190px 0;position:absolute;left:31%;text-align:center;}
#marketing-web .marketing-list .rwm .bt{font-size:32px;color:#333;margin-bottom:10px;}
#marketing-web .marketing-list .rwm .bt1{padding-left:6%}
#marketing-web .marketing-list .rwm p{font-size:18px;}
#marketing-web .marketing-list .rwm .pic{margin-bottom:15px;}


/*** 竞价 ***/
.adv_box{width:100%;margin:20px 0;height:122px;}
.adv01{background:url(../images/bg/adv01.jpg) 50% 50% no-repeat;}
.adv02{background:url(../images/bg/adv001.jpg) 50% 50% no-repeat;background-size:100%;}
.adv03{background:url(../images/bg/adv02.jpg) 50% 50% no-repeat;}
.adv04{background:url(../images/bg/adv002.jpg) 50% 50% no-repeat;background-size:100%;}
.adv05{background:url(../images/bg/adv03.jpg) 50% 50% no-repeat;}
.adv06{background:url(../images/bg/adv003.jpg) 50% 50% no-repeat;background-size:100%;}
.adv07{background:url(../images/bg/adv04.png) 50% 50% no-repeat;height:198px;margin:0;}
/*.adv08{background:url(../images/bg/adv004.jpg) 50% 50% no-repeat;height:67px;background-size:100%;}*/
.adv_box1{display:none;height:50px;margin:0;}
.adv03{margin:0;}
.adv_box a,.adv_box1 a{display:block;width:100%;height:100%}

.carousel-caption{transition:all 0.5s;position:relative;}
.carousel-caption .biaot{top:100px;position: absolute;width:100%;}
.carousel-caption .biaot1 span,.carousel-caption .biaot2 span{font-size:1.3em;color:#fdc01a;font-weight:bold;}
.carousel-caption .biaot2 i{font-style:normal;}
.carousel-caption .biaot1
{
  position:relative;
  animation:biaot1 0.5s;
  -webkit-animation:biaot1 0.5s; /* Safari and Chrome */
  font-size:1.8em;
  color:#fff;
  font-weight:bold;
}
@keyframes biaot1
{
  0%   {left:0px; top:0px;}
  100% {left:50px; top:50px;}
}
@-webkit-keyframes biaot1 /* Safari and Chrome */
{
  0%   {left:50px; top:50px;}
  100% {left:0px; top:0px;}
}
.carousel-caption .biaot2
{
  position:relative;
  animation:biaot1 1.5s;
  -webkit-animation:biaot2 1.5s; /* Safari and Chrome */
  font-size:1.8em;
  color:#fff;
  font-weight:bold;
}
@keyframes biaot2
{
  0%   {right:0px; top:0px;}
  100% {right:50px; top:50px;}
}
@-webkit-keyframes biaot2 /* Safari and Chrome */
{
  0%   {right:50px; top:50px;}
  100% {right:0px; top:0px;}
}

.carousel-caption .js
{
  position:relative;
  animation:js 0.5s;
  -webkit-animation:biaot1 0.5s; /* Safari and Chrome */
  margin-top:50px;
}
.carousel-caption .js span{border:1px solid #fff;font-size:1.4em;color:#fff;padding:5px 10px;background:#425fab;}
.carousel-caption .js1 span{margin:0 10px;color:#fff;font-weight:bold;}
.carousel-caption .js1
{
  position:relative;
  animation:js1 0.5s;
  -webkit-animation:biaot1 0.5s; /* Safari and Chrome */
  font-size:1.15em;
  color:#fff;
  margin-top:10px;
}

.clear{height:0px;line-height:0px;font-size:0px;overflow:hidden;clear:both;}
.bid_tit{font-size:40px;color:#3a58a1;text-align:center;}
.bid_tit2{font-size:40px;color:#f9a917;text-align:center;}
.bid_tit1{font-size:18px;color:#c7c7c7;text-align:center;background:url(../images/bg/line001.png) center no-repeat;}
.bid_tit01{font-size:18px;color:#c7c7c7;text-align:center;background:url(../images/bg/line002.png) center no-repeat;}
.bid_tit02{font-size:18px;color:#666;text-align:center;background:url(../images/bg/line003.png) center no-repeat;}
.bid_tit03{font-size:18px;color:#666;text-align:center;background:url(../images/bg/line002.png) center no-repeat;}
.ndwt_box{position:relative;}
.ndwt{margin:20px 0 0 160px;display:block;}
.ndwt .wt{float:left;width:30.3%;height:115px;line-height:115px;background:#e7e7e7;font-size:18px;text-align:center;margin:0 0 20px 20px;}
.ndwt .wt span{font-size:36px;}
.ndwt_box .wt_pic{position:absolute;left:0;top:0;}

.yous_box{padding:5px 32px 0;}
.yous1{float:left;width:503px;height:479px;margin:0 50px 15px 0;}
.yous3{float:left;width:503px;height:214px;margin:0 50px 15px 0;}
.yous2{margin-right:0;}
.yous_box .ys1{background:url(../images/bg/ys01.jpg) no-repeat;background-size:100%;}
.yous_box .ys2{background:url(../images/bg/ys02.jpg) no-repeat;background-size:100%;}
.yous_box .ys3{background:url(../images/bg/ys03.jpg) no-repeat;background-size:100%;}
.yous_box .ys4{background:url(../images/bg/ys04.jpg) no-repeat;background-size:100%;}
.yous_box .ys5{background:url(../images/bg/ys05.jpg) no-repeat;background-size:100%;}
.yous_box .ys1 .js{width:70%;padding:0 20px;float:right;margin-top:55px;}
.yous_box .ys1 .js p{font-size:20px;font-weight:bold;color:#333;}
.yous_box .ys1 .js span{font-size:16px;color:#333;}
.yous_box .ys2 .js{width:70%;padding:0 12px;margin-top:325px;}
.yous_box .ys2 .js p{font-size:20px;font-weight:bold;color:#333;}
.yous_box .ys2 .js span{font-size:16px;color:#333;}
.yous_box .ys5 .js{width:69%;padding:0 29px;margin-top:65px;float:right;}
.yous_box .ys5 .js p{font-size:20px;font-weight:bold;color:#fe0103;}
.yous_box .ys5 .js span{font-size:16px;color:#555;}

.jjwt_box{padding:0 32px 0;}
.jjwt .bt{font-size:26px;color:#3a58a1;padding:20px 32px;}
.jjwt1{width:33.3%;height:172px;float:left;background:#f0f0f0;text-align:center;}
.jjwt2{background:#f9a917;}
.jjwt1 p{font-size:20px;}
.jjwt2 span{font-size:14px;}
.jjwt2 p{font-size:20px;color:#fff;}
.jjwt2 span{color:#fff;font-size:14px;}
.jjwt1 .box{padding:45px 20px 0;}

.hzlc_box{margin:20px 0 10px;}
.hzlc_box .hz{float:left;width:96px;text-align:center;}
.hzlc_box .jt{float:left;margin:30px 9px;display:inline;}
.hzlc_box .jt1{opacity:0.3;}
.hzlc_box .jt2{opacity:0.4;}
.hzlc_box .jt3{opacity:0.5;}
.hzlc_box .jt4{opacity:0.6;}
.hzlc_box .jt5{opacity:0.7;}
.hzlc_box .jt6{opacity:0.8;}
.hzlc_box .jt7{opacity:0.9;}

.mfzd_box{background:url(../images/bg/zdbg.jpg) no-repeat;background-size:100% 100%;}
.mfzd_box1{background:url(../images/bg/zdbg1.jpg) no-repeat;background-size:100% 100%;}
.mfzd_box .zd_pic{margin:20px 0 0 30px;}
.mfzd:first-child{margin-top:80px;}
.mfzd{background:url(../images/bg/zdbg01.png) repeat;padding:20px;margin:80px 0;}
.mfzd1{padding:40px 50px 50px;}
.zd_pic1{float:left;margin:100px 0 0 30px;}
.zd_pic{width:494px;float:left;}
.zdsr{float:right;margin-right:50px;display:inline;margin-top:0;}
.zdsr .bt{font-size:20px;color:#3a58a1;border-bottom:1px solid #e2e6f3;margin-bottom:20px;padding-bottom:20px;}
.zdsr .bt span{font-size:32px;color:#3a58a1;}
.zdsr .sr{margin-bottom:12px;}
.zdsr .sr span{float:left;font-size:14px;color:#3a58a1;}
.zdsr .sr input{float:left;width:300px;border:none;background:#cad3eb;color:#33519c;padding:3px 5px;}
.zdsr .an{padding-left:70px;}
.zdsr .an input{background:#3a58a1;color:#fff;font-size:15px;border:none;width:100px;height:42px;border-radius:5px;}
.zdsr .bt1{margin:0;position:absolute;top:-120px;right:0;}
.zdsr .sr1 span{float:left;color:#fff;}
.zdsr .an1{text-align:right;}
.zdsr .an1 input{margin-right:200px;}
.zdsr .sr1{width:373px;}
.zdsr1{margin:130px 0 0;position:relative;}
.tjwz1{display:block;}
.tjwz2{display:none;}

.ppxx_box{width:1122px;margin:20px auto 0;padding:0 17px;}
.ppxx{width:18%;float:left;margin-left:18px;}
.ppxx .bt{line-height:64px;text-align:center;font-size:18px;color:#fff;background:#6988d2;}
.ppxx .con{line-height:34px;text-align:center;font-size:14px;background:#e6edff;height:192px;}
.ppxx .con p{padding:20px 5px;height:136px;margin-bottom:0;}
.ppxx .an input{background:#f9a917;color:#fff;font-size:14px;width:80%;height:40px;border:none;}

.xjb{padding:15px 32px 0;}
.xjb td{border:1px solid #ddd;width:25%;text-align:center;line-height:26px;padding:60px 0;}
.xjb .td1{background:#676767;color:#fff;font-size:18px;line-height:80px;padding:0;}
.xjb .td2{line-height:30px;padding:25px 15px;}
.xjb .td3{background:#ebebeb;color:#ed0d0d;}
.xjb .td3 input{width:50%;background:#f9a917;color:#fff;font-size:14px;height:40px;border-radius:5px;border:none;}

.dyy_box{padding:15px 32px 0;}
.dyy{width:30%;margin-right:4.5%;float:left;text-align:center;}
.dyy1{margin-right:0;}
.dyy .pic img{width:100%;}
.dyy .bt{font-size:22px;color:#2f4b9e;margin:20px 0;}
.dyy .line{background:url(../images/bg/line005.jpg) center no-repeat;height:1px;overflow:hidden;width:100%;margin-bottom:15px;}
.dyy .con{text-align:left;padding:0 18px;}

.qs_pc{background:#f1f1f1 url(../images/bg/qs.png) center 60% no-repeat;background-size:100%;height:500px;padding-top:30px;}
.qs_phone{display:none;}

@media (min-width: 768px) and (max-width: 1199px){
  .carousel-caption .biaot{top:50px;}
  .carousel-caption .biaot1,.carousel-caption .biaot2{font-size:20px;}
  .carousel-caption .biaot1 span,.carousel-caption .biaot2 span{font-size:30px;color:#fdc01a;font-weight:bold;}
  .carousel-caption .js{margin-top:20px;}
  .carousel-caption .js span{font-size:16px;}
  .carousel-caption .js1{font-size:12px;margin-top:12px;}
  .carousel-caption .js1 span{margin:0 10px;color:#fff;font-weight:bold;}
  
  .ndwt .wt{font-size:14px;height:85px;line-height:85px;}
  .ndwt .wt span{font-size:24px;}
  .ndwt_box .wt_pic img{width:180px;}

  .yous_box{padding:0;}
  .yous1{float:left;width:455px;height:434px;margin:0 3% 15px 0;}
  .yous_box .ys2 .js{margin-top:295px;}
  .yous3{float:left;width:455px;height:194px;margin:0 3% 15px 0;}
  .yous2{margin-right:0;}

  .jjwt1{width:33.3%;height:132px;float:left;background:#f0f0f0;text-align:center;}
  .jjwt2{background:#f9a917;}
.jjwt1 p{font-size:16px;}
.jjwt2 span{font-size:12px;}
.jjwt2 p{font-size:16px;color:#fff;}
.jjwt2 span{color:#fff;font-size:12px;}
.jjwt1 .box{padding:25px 20px 0;}

.hzlc_box .hz{float:left;width:73px;text-align:center;}
.hzlc_box .jt{float:left;margin:25px 10px;display:inline;}

.zdsr .bt{margin-bottom:10px;padding-bottom:10px;}
.zd_pic{width:45%;}
.zdsr{margin-right:20px;}
.mfzd_box .zd_pic{margin:30px 0 0 30px;}

.ppxx{width:18.4%;}
.ppxx_box1{padding:0;}
.ppxx_box{width:940px;padding:0;}
.ppxx1{margin-left:0;}
.ppxx .con p{font-size:12px;}

.dyy_box{padding:15px 0 0;}
.qs_pc{background:#f1f1f1 url(../images/bg/qs.png) center 65% no-repeat;background-size:135%;height:540px;padding-top:30px;}
}
@media (max-width:767px) {
  .carousel-caption .biaot{top:45px;}
  .carousel-caption .biaot1,.carousel-caption .biaot2{font-size:18px;}
  .carousel-caption .biaot1 span,.carousel-caption .biaot2 span{font-size:16px;color:#fdc01a;font-weight:bold;}
  .carousel-caption .biaot2 i{display:none;}
  .carousel-caption .js{display:none;}
  .carousel-caption .js1{display:none;}

  .ndwt{margin:20px 0 0 0px;}
  .ndwt .wt{width:46%;font-size:12px;height:65px;line-height:65px;margin:0 5px 10px;}
  .ndwt .wt span{font-size:16px;}
  .ndwt_box .wt_pic img{width:180px;}

  .adv_box{display:none;}
  .adv_box1{display:block;}

  .yous_box{padding:0;}
  .yous1{width:100%;height:315px;margin:0 0 15px 0;}
  .yous3{width:100%;height:140px;margin:0 0 15px 0;}
  .yous_box .ys1 .js{padding:0 14px;margin-top:35px;}
  .yous_box .ys2 .js{margin-top:215px;padding:0 8px;}
  .yous_box .ys2 .js p,.yous_box .ys1 .js p,.yous_box .ys5 .js p{font-size:16px;margin-bottom:0;}
  .yous_box .ys2 .js span,.yous_box .ys1 .js span,.yous_box .ys5 .js span{font-size:12px;}
  .yous_box .ys5 .js{padding:0 23px;margin-top:44px;}
  .yous_box .ys5 .js p{margin-bottom:5px;}
  .media-right, .media > .pull-right{padding-left:0;}

.jjwt .bt{font-size:18px;}
  .jjwt1{width:100%;height:auto;float:left;background:#f0f0f0;text-align:center;}
  .jjwt2{background:#f9a917;}
.jjwt1 p{font-size:16px;}
.jjwt2 span{font-size:12px;}
.jjwt2 p{font-size:16px;color:#fff;}
.jjwt2 span{color:#fff;font-size:12px;}
.jjwt1 .box{padding:15px 20px;}

.hzlc_box .hz{float:left;width:73px;height:130px;text-align:center;margin:0 18px;}
.hzlc_box .jt{float:left;margin:25px 10px;display:inline;display:none;}

.zdsr{margin-right:0;float:none;}
.mfzd:first-child{margin-top:20px;}
.mfzd{margin:20px 0;}

.pxx{padding:10px 0;}
.ppxx_tit{font-size:20px;line-height:32px;}
.ppxx_tit02{font-size:16px;background:url(../images/bg/line004.png) center no-repeat;}
.ppxx_box{width:100%;margin-top:0;}
.ppxx{width:100%;margin-left:0;margin-bottom:15px;}
.ppxx .bt{line-height:44px;}
.ppxx .con p{padding:10px 5px;height:102px;}
.ppxx .con{line-height:26px;height:162px;}

.xjb{padding:0;min-width:320px;margin-left:4%;}
.xjb td{padding:15px 0;}
.xjb .td1{line-height:50px;font-size:16px;}
.xjb .td2{padding:15px;}
.xjb .td3 input{width:45%;}
.xjb .td4{display:none;}

.dyy_box{padding:0 5px 0;}
.dyy{width:100%;margin:0 0 20px;float:left;text-align:center;}
.dyy .bt{margin:12px 0;}
.dyy .line{margin-bottom:10px;}
.bid_tit03{font-size:16px;color:#666;text-align:center;background:url(../images/bg/line001.png) center no-repeat;}
.dyy1{margin-bottom:0;}

.qs_pc{display:none;}
.qs_phone{display:block;}

.hzlc_box .hz{width:30%;margin:0 1.5%;}
.hzlc_box .hz img{width:80%;}
.hzlc_box1 .hz{width:86px;margin:0 12px;}
.qs_phone .media-right img{width:59px;}

.tjwz1{display:none;}
.tjwz2{display:block;}
.zdsr .bt1 img{width:100%;}
.zdsr .an1 input{margin-right:0;}
.zdsr1{float:none;margin-top:90px;}
.zdsr .sr1{width:100%;margin-top:90px;}
.zdsr .sr2{margin-top:0px;}
.zdsr .bt1{top:0px;width:320px;left:0;}
.zdsr .sr input{width:100%;}
.zdsr .an1{text-align:left;}
.zdsr .an{text-align:center;padding-left:0;}

.jjwt .bt{padding:0 12px 20px;}
.jjwt_box{padding:0 12px 15px;}
#app .app-list{padding:20px 0 10px;}
.app-list{padding:20px 0 10px;}

.mfzd1{padding:0;}
.adv08{height:auto;}

#main .news .company-news .cnews-timeday{font-size:20px;}
}


@media (min-width: 768px) and (max-width: 1400px){
  .qs_pc{background:#f1f1f1 url(../images/bg/qs1.png) center 70% no-repeat;background-size:100%;height:460px;}
}
.clearfix i.dianhua{ display: inline-block;width: 17px;height: 17px; background: url(../images/bg/dianhua.png)no-repeat center;background-size: 17px; margin-right: 5px; position: relative;top: 3px; }
.clearfix i.qq{ display: inline-block;width: 20px;height: 20px; background: url(../images/bg/iconfont-tengxunqq.png)no-repeat center;background-size: 20px; margin-right: 5px; position: relative;top: 5px; }

.list-group-item{ margin-bottom: 0; border:none; border-bottom: 1px solid #ddd;padding: 10px 0;height: 42px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis; color: #999 !important; }
#news .col-md-3{ border:1px solid #ddd; border-radius:3px; margin-top:50px;  }
#news .col-md-3 h4{ border-bottom: 2px solid #ddd;padding:10px 0; margin-top: 0;}
.list-group{ margin-bottom: 10px; }
#newBridge .nb-invite-wrap-base .nb-invite-text-base .nb-invite-welcome-base, #newBridge .nb-invite-wrap-base .nb-invite-text-base p{ font-size: 12px; }


#main .news .company-news1{padding:13px 0 12px 32px;}

/*** 20117-01-09新增 ***/
.gaox{width:83.33%;padding:0 15px;border-top:1px solid #2b4c9c;margin:20px auto 10px;}
.gaox_wz{font-size:48px;font-weight:bold;color:#2b4c9c;}
#about .about-history #issues{width:85%;margin:30px auto;border-radius:5px;padding:15px;border:1px solid #a1a1a1;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#about .about-history #issues .issues-li{width:97%;}
#about .about-history #dates > li > a{position:relative;}
#about .about-history #dates > li > a i{position:absolute;left:35%;bottom:-53%;z-index:9;display:none;}
#about .about-history #dates > li > .curent i{display:block;}
.yinh{background:url(../images/bg/yinh1.png) left top no-repeat;}
.yinh1{background:url(../images/bg/yinh2.png) right bottom no-repeat;}
#about .about-history #issues .issues-li > p{width:90%;margin:0 auto;}
#about .about-history #issues .issues-li > p span{font-size:20px;}
#about .about-history #issues .issues-li > p span.s1{position:relative;font-size:16px;}
#about .about-history #issues .issues-li > p span.s2{font-size:20px;}
#about .about-history #issues .issues-li > p span .i1{position:absolute;left:-60px;top:-9px;}
#about .about-history #issues .issues-li > p span .i2{position:absolute;right:-56px;bottom:-47px;}
#about .about-history #issues .issues-li > p span i{font-size:50px;font-style:normal;}
@media (max-width: 1199px){
    #about .about-history #dates > li > a i{bottom:-57%;}
}
@media (max-width: 768px){
  .gaox{width:100%;text-align:center;}
  .gaox_wz{font-size:24px;text-align:center;}
  #about .about-history #issues{width:100%;border:1px solid #d5d5d5;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  #about .about-history #issues .issues-li{float:none;}
}
@media (max-width: 400px){
  #about .about-history #issues .issues-li > h5{margin:0;}
  #about .about-history #issues .issues-li > p span i{display:none;}
}


/*微信小程序2017-1-19*/
.xcx_hf {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
	position: relative;
	
	background: #0e6eb8 url(../images/bg/2017_xcx_hf.jpg) repeat-x center top;
	background-size:auto 580px;
}
.xcx_hf dl {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 580px;
	width: 1200px;
	list-style: none;
	overflow: hidden;
	font: 16px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
}
.xcx_hf dt {
	margin: 200px 0px 0px;
	padding: 0px;
	clear: both;
	height: 80px;
	list-style: none;
	overflow: hidden;
	font: 56px/70px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	display: block;
	width: 640px;
}
.xcx_hf dd {
	margin:0px;
	padding: 0px;
	clear: both;
	list-style: none;
	overflow: hidden;
	font: 16px/1.7 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	display: block;
	width: 640px;
}

@media (min-width: 768px) and (max-width: 1200px){
.xcx_hf {
	background-size:auto 300px;
}
.xcx_hf dl {
	height: 300px;
	width: 750px;
	font: 12px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53;
	
}
.xcx_hf dt {
	margin: 100px 0px 0px;
	clear: both;
	height: 50px;
	font: 35px/40px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	width: 400px;
}
.xcx_hf dd {
	font: 12px/1.7 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	width: 400px;
}

}

@media (max-width: 767px){
.xcx_hf {
	background-size:auto 180px;
}
.xcx_hf dl {
	height: 180px;
	width: 90%;
	margin:0 auto;
	font: 12px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif,\5b8b\4f53;
	
}
.xcx_hf dt {
	margin: 20px 0px 0px;
	clear: both;
	height: 30px;
	font: 20px/30px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	width: 60%;
}
.xcx_hf dd {
	font: 10px/1.7 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	width: 50%;
}

}

.xcx_hfbt {
	background: #f3f3f3;
	margin: 0px;
	padding: 100px 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
.xcx_hfbt dl {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	width: 1200px;
	list-style: none;
	overflow: hidden;
}
.xcx_hfbt dt {
	margin: 0px;
	padding: 0px;
	width: 50%;
	list-style: none;
	overflow: hidden;
	float: left;
}
.xcx_hfbt dd {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;
	overflow: hidden;
	text-align: left;
	vertical-align: top;
}
.xcx_hfbt dd  p{
	font: bold normal 56px/70px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #333333;
	text-align: left;
	vertical-align: top;
	display: block;
	margin: 40px 0px 0px;
	padding: 0px;
	clear: both;
	height: 80px;
	overflow: hidden;
	}
.xcx_hfbt dd  span{
	font: lighter normal 50px/70px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #999;
	text-align: left;
	vertical-align: top;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 80px;
	overflow: hidden;
	}
.xcx_hfbt dd  em{
	font: normal 16px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #666666;
	text-align: left;
	vertical-align: top;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	overflow: hidden;
	text-decoration: none;
	}
@media (min-width: 768px) and (max-width: 1200px){
.xcx_hfbt {
	padding: 60px 0px;
}
.xcx_hfbt dl {
	width: 750px;
}

.xcx_hfbt dd {
	padding: 0px;
}
.xcx_hfbt dd  p{
	font: bold normal 30px/40px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	margin: 25px 0px 0px;
	height: 50px;
	}
.xcx_hfbt dd  span{
	font: lighter normal 28px/40px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	height: 45px;
	overflow: hidden;
	}
.xcx_hfbt dd  em{
	font: normal 12px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	
	}

}

@media (max-width: 767px){
.xcx_hfbt {
	padding: 20px 0px;
}
.xcx_hfbt dl {
	width: 90%;
}
.xcx_hfbt dt {
	margin: 0px 10%;
	padding: 0px;
	width: 80%;
	list-style: none;
	overflow: hidden;
	clear: both;
	display:block;
}
.xcx_hfbt dd {
	margin: 0px;
	padding: 0px;
	width: 100%;
	padding: 0px;
	clear: both;
	text-align:center;
}
.xcx_hfbt dd  p{
	font: bold normal 20px/30px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	margin: 0px;
	height:auto;
	text-align:center;
	}
.xcx_hfbt dd  span{
	font: lighter normal 18px/24px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	overflow: hidden;
	text-align:center;
	height:auto;
	}
.xcx_hfbt dd  em{
	font: normal 10px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	text-align:center;
	height:auto;
	
	}

}
.xcx_adv  {
	background: #fff;
	margin: 0px;
	padding: 100px 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
.xcx_adv_tt {
	font: 42px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #333333;
	text-align: center;
	vertical-align: top;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
}
@media (min-width: 768px) and (max-width: 1200px){
.xcx_adv  {
	padding: 60px 0px;
}
.xcx_adv_tt {
	font: 26px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
}
}
@media  (max-width: 767px){
.xcx_adv  {
	padding: 20px 0px;
}
.xcx_adv_tt {
	font: 18px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
}
}
.xcx_adv_con {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	width: 96%;
	max-width: 1220px;
	list-style: none;
	overflow: hidden;
	font-size: 12px;
	color: #666666;
}
.xcx_ap {
	background: #f3f3f3;
	margin: 0px;
	padding: 100px 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
}

.xcx_ap_tt {
	font: 42px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #333333;
	text-align: center;
	vertical-align: top;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
}

.xcx_ap_con {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	width: 1200px;}
.xcx_ap_con dl{
	text-align: center;
	vertical-align: top;
	display: block;
	margin: 0px auto;
	padding: 20px 0px;
	height: 230px;
	width: 150px;
	min-width: 16.66%;
	list-style: none;
	overflow: hidden;
	float: left;
}
@media (min-width: 768px) and (max-width: 1200px){
.xcx_ap {
	padding: 60px 0px;
}
.xcx_ap_tt {
	font: 26px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
}
.xcx_ap_con {
	width:84%}
.xcx_ap_con dl{
	width: 33.33%;
}
}
@media  (max-width: 767px){
.xcx_ap {
	padding: 20px 0px;
}
.xcx_ap_tt {
	font: 18px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
}
.xcx_ap_con {
	width:90%}
	.xcx_ap_con dl{
	width: 50%;
}
}

.xcx_ap_con dl dt{
	  display: block;
	  width: 120px;
	  height: 120px;
	  -moz-transition: 0.6s;
	  -o-transition: 0.6s;
	  -webkit-transition: 0.6s;
	  transition: 0.6s;
	  list-style: none;
	  margin:0 auto;
	  clear:both;
}
.xcx_ap_con dl:hover dt {
  -webkit-transform: rotate3d(0, 1, 0, -180deg);
  -moz-transform: rotate3d(0, 1, 0, -180deg);
  -ms-transform: rotate3d(0, 1, 0, -180deg);
  -o-transform: rotate3d(0, 1, 0, -180deg);
  transform: rotate3d(0, 1, 0, -180deg);
}
.xcx_ap_con dd{
	  display: block;
	  width: 120px;
	  list-style: none;
	  margin:0 auto;
	  clear:both;}
.xcx_ap_con dl p {
	font: bold 16px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #333333;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 120px;
}
.xcx_ap_con dl span {
	font: 12px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #666;
	text-decoration: none;
	text-align: center;
	vertical-align: top;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 120px;
}

.xcx_ap_con dl:hover p {
	color: #0e6cb5;
}
.xcx_ap_con dl:hover span {
	color: #0e6cb5;
}
/**/

.xcx_sul {
	background: #fff;
	margin: 0px;
	padding: 100px 0px 0px 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
}

.xcx_sul_tt {
	
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
	
}
.xcx_sul_tt span {
	font: 54px/70px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #0e6eb8;
	height: 70px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
.xcx_sul_tt i {
	display: block;
	margin: 10px auto 7px;
	padding: 0px;
	height: 53px;
	width: 156px;
	background: url(../images/bg/2017_xcx_2.png) no-repeat 0px 0px;
	background-size: 142px 53px;
	float: left;
}
.xcx_sul_key {
	font: 16px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #333;
	text-align: center;
	vertical-align: top;
	display: block;
	margin: 20px auto 0px;
	padding: 0px;
	clear: both;
	width: 80%;
	overflow: hidden;
	text-decoration: none;
	
}
.xcx_sul_con {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	width: 100%;
	max-width: 1200px;}

@media (min-width: 768px) and (max-width: 1200px){
.xcx_sul {
	padding: 60px 0px 0px 0px;
}
.xcx_sul_tt {
	font: 26px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
}
.xcx_sul_con {
	width:90%}

.xcx_sul_tt span {
	font: 26px/40px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #0e6eb8;
	height: 40px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
.xcx_sul_tt i {
	display: block;
	margin: 10px auto 7px;
	padding: 0px;
	height: 26px;
	width: 78px;
	background: url(../images/bg/2017_xcx_2.png) no-repeat 0px 0px;
	background-size: auto 26px;
	float: left;
}
.xcx_sul_key {
	font: 14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	margin: 15px auto 0px;
	
}

}
@media  (max-width: 767px){
.xcx_sul {
	padding: 20px 0px 0px 0px;
}
.xcx_sul_tt {
	font: 18px/2 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
}
.xcx_sul_con {
	width:90%}
.xcx_sul_tt span {
	font: 16px/24px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #0e6eb8;
	height: 24px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
}
.xcx_sul_tt i {
	display: block;
	margin: 4px auto 4px;
	padding: 0px;
	height: 16px;
	width: 50px;
	background: url(../images/bg/2017_xcx_2.png) no-repeat 0px 0px;
	background-size: auto 16px;
	float: left;
}
.xcx_sul_key {
	font: 10px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	margin: 10px auto 0px;
	
}
}


.xcx_open {
	margin: 0px;
	padding: 100px 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
	background: url(../images/bg/2017_xcx_4.jpg) repeat-y fixed 0px 75%;
	background-size:100% auto;
}
.xcx_open_tt {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	overflow: hidden;
	text-decoration: none;
	font: 54px/70px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #fff;
	height: 70px;
	text-align: center;
	vertical-align: top;
}

.xcx_open_key {
	font: 16px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	color: #fff;
	text-align: center;
	vertical-align: top;
	display: block;
	margin: 30px auto 60px;
	padding: 0px;
	clear: both;
	width: 80%;
	overflow: hidden;
	text-decoration: none;
	
}
 a.xcx_open_btn:link,  a.xcx_open_btn:visited {
	height: 60px;
	width:320px;
	overflow: hidden;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px auto;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	text-align: center;
	vertical-align: top;
	padding: 0px;
	font: 20px/58px "STXiHei","Microsoft YaHei","SimHei","SimSun";
	border: 1px solid #FFFFFF;
	display: block;
}
 a.xcx_open_btn:hover {
	background: #fff;
	border: 1px solid #FFFFFF;
	color: #11619d;
	filter:Alpha(Opacity=80);
	opacity:0.8;
}

@media (min-width: 768px) and (max-width: 1200px){
.xcx_open {
	padding: 60px 0px;
}
.xcx_open_tt {
	font: 26px/40px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	height: 40px;
}

.xcx_open_key {
	font: 14px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;	
	margin: 18px auto 38px;
	
}
a.xcx_open_btn:link,  a.xcx_open_btn:visited {
	height: 40px;
	width:280px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	font: 16px/38px "STXiHei","Microsoft YaHei","SimHei","SimSun";
}


}
@media  (max-width: 767px){
.xcx_open {
	padding: 20px 0px;
}
.xcx_open_tt {
	font: 16px/24px 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	height: 30px;
}

.xcx_open_key {
	font: 10px/1.5 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	margin: 10px auto 15px;
	
}
a.xcx_open_btn:link,  a.xcx_open_btn:visited {
	height: 30px;
	width:240px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	font: 14px/28px "STXiHei","Microsoft YaHei","SimHei","SimSun";
}

}

/*** google ***/
.gg_box{margin:50px auto;}
.gg_bt{text-align:center;margin-bottom:50px;}
.gg_bt h3{font-size:48px;color:#000;font-weight:500;}
.gg_bt p{font-size:20px;color:#666;}

.gg_ck_pic td{position:relative;cursor:pointer;}
.gg_ck_pic p{font-size:18px;margin-top:10px;color:#666;}
.gg_ck_pic .line{position:absolute;top:30%;right:-23.5%;}
.gg_ck_pic .pic1,.gg_ck_pic .pic2,.gg_ck_pic .pic3,.gg_ck_pic .pic4,.gg_ck_pic .pic5{width:106px;height:106px;border:3px solid #028fd4;border-radius:50%;padding:5px;}
.gg_ck_pic span{
  transition:0.2s;
  -moz-transition:0.2s, -moz-transform 0.2s; /* Firefox 4 */
  -webkit-transition:0.2s, -webkit-transform 0.2s; /* Safari and Chrome */
  -o-transition:0.2s, -o-transform 0.2s; /* Opera */
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  transform: scale(.9);
}
.gg_ck_pic span i{
  transition:0.6s;
  -moz-transition:0.6s, -moz-transform 0.6s; /* Firefox 4 */
  -webkit-transition:0.6s, -webkit-transform 0.6s; /* Safari and Chrome */
  -o-transition:0.6s, -o-transform 0.6s; /* Opera */
}
.gg_ck_pic span{width:100%;height:100%;display:block;border-radius:50%;}
.gg_ck_pic .pic1 span i{background:url(../images/bg/gg_ico01.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;}
.gg_ck_pic .pic2 span i{background:url(../images/bg/gg_ico02.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;}
.gg_ck_pic .pic3 span i{background:url(../images/bg/gg_ico03.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;}
.gg_ck_pic .pic4 span i{background:url(../images/bg/gg_ico04.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;}
.gg_ck_pic .pic5 span i{background:url(../images/bg/gg_ico05.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;}
.gg_ck_pic td:hover .pic1,.gg_ck_pic td:hover .pic2,.gg_ck_pic td:hover .pic3,.gg_ck_pic td:hover .pic4,.gg_ck_pic td:hover .pic5{background:#fff;}
.gg_ck_pic td:hover .pic1 span,.gg_ck_pic td:hover .pic2 span,.gg_ck_pic td:hover .pic3 span,.gg_ck_pic td:hover .pic4 span,.gg_ck_pic td:hover .pic5 span{
  background:#028fd4;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.gg_ck_pic td:hover .pic1 span i{background:url(../images/bg/gg_ico001.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;
  transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}
.gg_ck_pic td:hover .pic2 span i{background:url(../images/bg/gg_ico002.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;
  transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}
.gg_ck_pic td:hover .pic3 span i{background:url(../images/bg/gg_ico003.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;
  transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}
.gg_ck_pic td:hover .pic4 span i{background:url(../images/bg/gg_ico004.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;
  transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}
.gg_ck_pic td:hover .pic5 span i{background:url(../images/bg/gg_ico005.png) center no-repeat;background-size:50%;width:100%;height:100%;display:block;border-radius:50%;
  transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}

.gg_yx{background:url(../images/bg/gg_bg01.jpg) center no-repeat;width:100%;height:535px;}
.gg_yx .container{position:relative;height:100%;}
.gg_yx .gg_bt{margin:60px 0 40px;}
.gg_yx .gg_bt h3{color:#fff;}
.gg_yx .gg_bt p{color:#fff;}
.gg_yx .swiper-container{width:90%;}
.gg_yx .yx_box{position:relative;width:100%;height:100%;overflow:hidden;}
.gg_yx .yx_box .yx02{
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.gg_yx .swiper-slide .yx01{background:#fff;text-align:center;padding:20px 0 25px;}
.gg_yx .swiper-slide .yx01 img{width:80%;}
.gg_yx .swiper-slide .yx01 p{font-size:1.6rem;color:#000;margin:15px 0 0;}
.gg_yx .yx_box .yx02{background:#028fd4;position:absolute;top:0;left:0;width:100%;height:46%;padding:10px;}
.gg_yx .yx_box:hover .yx02{
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.gg_yx .swiper-slide .yx02 h3{margin:10px 0 5px 0;color:#fff;font-size:1.8rem;}
.gg_yx .swiper-slide .yx02 span{color:#fff;font-size:1.1rem;height:18px;display:block;}
.gg_yx .swiper-slide .yx02 p{color:#fff;margin-top:6px;font-size:1.4rem;}
.gg_yx .swiper-button-next,.gg_yx .swiper-button-prev{width:40px;height:40px;border-radius:50%;top:auto;bottom:6%;color:#fff;}
.gg_yx .swiper-button-prev{background:url(../images/bg/gg_j01.png) no-repeat;background-size:40px;left:45%;}
.gg_yx .swiper-button-next{background:url(../images/bg/gg_j02.png) no-repeat;background-size:40px;right:45%;}

.gg_fg{margin:60px auto 50px;}
.gg_fg .row{background:url(../images/bg/gg_fg.png) center top no-repeat;height:200px;}
.gg_fg .row .col-md-3{text-align:center;}
.gg_fg .row .col-md-3 .pic{text-align:center;margin:40px 0 10px;}
.gg_fg .row .col-md-3 .wz{font-size:18px;color:#666;}

.gg_xz{background:#f0f0f0;padding:50px 0;}
.gg_xz .row a{display:block;width:160px;height:46px;line-height:46px;font-size:18px;color:#fff;background:#028fd4;border-radius:23px;text-align:center;margin:30px auto 0;}

.gg_vs{background:url(../images/bg/gg_bg02.jpg) center no-repeat;width:100%;height:700px;padding:60px 0;}
.gg_vs .row a{display:block;width:160px;height:46px;line-height:46px;font-size:18px;color:#fff;background:#028fd4;border-radius:23px;text-align:center;margin:30px auto 0;}
.gg_ys{background:url(../images/bg/gg_bg03.jpg) center no-repeat;width:100%;height:540px;padding:50px 0;}
.gg_ys .ys_box{background:#fff;text-align:center;border-bottom:2px solid #028fd4;padding:40px 0 30px;
  transition:0.6s;
  -moz-transition:0.6s, -moz-transform 0.6s; /* Firefox 4 */
  -webkit-transition:0.6s, -webkit-transform 0.6s; /* Safari and Chrome */
  -o-transition:0.6s, -o-transform 0.6s; /* Opera */
}
.gg_ys .ys_box h3{color:#000;}
.gg_ys .ys_box .pic{width:100%;height:80px;margin:10px auto 30px;}
.gg_ys .ys_box .pic1{background:url(../images/bg/gg_ys01.png) center no-repeat;}
.gg_ys .ys_box .pic2{background:url(../images/bg/gg_ys02.png) center no-repeat;}
.gg_ys .ys_box .pic3{background:url(../images/bg/gg_ys03.png) center no-repeat;}
.gg_ys .ys_box:hover{background:#028fd4;}
.gg_ys .ys_box:hover h3{color:#fff;}
.gg_ys .ys_box:hover p{color:#fff;}
.gg_ys .ys_box:hover .pic1{background:url(../images/bg/gg_ys001.png) center no-repeat;}
.gg_ys .ys_box:hover .pic2{background:url(../images/bg/gg_ys002.png) center no-repeat;}
.gg_ys .ys_box:hover .pic3{background:url(../images/bg/gg_ys003.png) center no-repeat;}
.gg_ys .ys_box .pic{
  transition:0.6s;
  -moz-transition:0.6s, -moz-transform 0.6s; /* Firefox 4 */
  -webkit-transition:0.6s, -webkit-transform 0.6s; /* Safari and Chrome */
  -o-transition:0.6s, -o-transform 0.6s; /* Opera */
}
.gg_ys .ys_box:hover .pic1,.gg_ys .ys_box:hover .pic2,.gg_ys .ys_box:hover .pic3{
  transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}

.gg_al{margin:30px auto 40px;}
.gg_al .container{position:relative;}
.gg_al .swiper-container{width:90%;}
.gg_al .swiper-slide a{display:block;background:#fff;
transition:0.3s;
-moz-transition:0.3s; /* Firefox 4 */
-webkit-transition:0.3s; /* Safari and Chrome */
-o-transition:0.3s; /* Opera */
}
.gg_al .swiper-slide a:hover{background:#028fd4;}
.gg_al .swiper-slide .pic img{width:100%;}
.gg_al .swiper-slide a:hover span{background:#fff;width:90%;margin:20px 15px 0;}
.gg_al .swiper-slide span{background:#028fd4;height:2px;display:block;overflow:hidden;margin:20px 15px 0 0;width:40%;
transition:0.3s;
-moz-transition:0.3s; /* Firefox 4 */
-webkit-transition:0.3s; /* Safari and Chrome */
-o-transition:0.3s; /* Opera */
}
.gg_al .swiper-slide .wz{padding:15px 0;
transition:0.3s;
-moz-transition:0.3s; /* Firefox 4 */
-webkit-transition:0.3s; /* Safari and Chrome */
-o-transition:0.3s; /* Opera */
}
.gg_al .swiper-slide a:hover .wz{padding:15px;}
.gg_al .swiper-slide .wz h3{color:#000;margin-top:0px;font-size:18px;}
.gg_al .swiper-slide .wz p{color:#666;height:63px;overflow:hidden;}
.gg_al .swiper-slide a:hover .wz h3{color:#fff;}
.gg_al .swiper-slide a:hover .wz p{color:#fff;}
.gg_al .swiper-button-next,.gg_al .swiper-button-prev{width:40px;height:40px;border-radius:50%;top:70%;color:#fff;}
.gg_al .swiper-button-prev{background-size:40px;}
.gg_al .swiper-button-next{background-size:40px;}

.gg_gw{background:url(../images/bg/gg_bg04.jpg) center no-repeat;width:100%;height:515px;padding:50px 0;}
.gg_gw .gg_bt{margin:0 0 30px;}
.gg_gw .gg_bt h3{color:#fff;}
.gg_gw .gg_bt p{color:#fff;}
.gg_gw .kuang{width:50%;margin:0 auto;}
.gg_gw .kuang input{background:none;border:1px solid #65615d;height:45px;font-size:16px;color:#fff;margin-bottom:15px;}
.gg_gw .kuang input.form-control:focus{border:1px solid #fff;}
.gg_gw .kuang input.an{background:url(../images/bg/gg_tj.png) center no-repeat #028fd4;border:1px solid #028fd4;width:100%;border-radius:5px;
transition:0.3s;
-moz-transition:0.3s; /* Firefox 4 */
-webkit-transition:0.3s; /* Safari and Chrome */
-o-transition:0.3s; /* Opera */
}
.gg_gw .kuang input.an:hover{background:url(../images/bg/gg_tj.png) center no-repeat #3dbfff;}
.gg_gw .kuang .ts{color:#f00;margin-bottom:20px;}

.gg_pf{position:fixed;bottom:20px;left:20px;z-index:999;}
.gg_pf1{display:none;}
.gg_pf .gb{position:absolute;left:0;top:0;cursor:pointer;}
.gg_pf input{background:none;position:absolute;bottom:0;right:24px;width:290px;height:70px;border:none;}

/*** 营销 ***/
.fl{float:left;}
.fr{float:left;}

.yx_bt{margin-bottom:20px;}
.yx_bt span{color:#2b4c9c;}
.yx_bt h3 span{font-size:48px;}
.yx_bt p{font-size:20px;color:#999;}
.yx_bt .wz{font-size:20px;color:#999;}
.yx_bt .wz span{font-size:24px;color:#2b4c9c;}

.yx_ly{background:url(../images/bg/yx_bg01.jpg) center no-repeat;width:100%;height:920px;padding:20px 0;}
.yx_ly .pic_box{position:relative;margin-bottom:30px;}
.yx_ly .pic_box:hover .wz_box{background:rgba(43,76,156,0.9);}
.yx_ly .wz_box{width:100%;height:100%;padding:15px;position:absolute;top:0;left:0;background:rgba(0,0,0,0.8);-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
transition:0.3s;
-moz-transition:0.3s; /* Firefox 4 */
-webkit-transition:0.3s; /* Safari and Chrome */
-o-transition:0.3s; /* Opera */
}
.yx_ly .wz_box .zb{width:16%;}
.yx_ly .pic_box .zb img{
  transition:0.2s;
  -moz-transition:0.2s, -moz-transform 0.2s; /* Firefox 4 */
  -webkit-transition:0.2s, -webkit-transform 0.2s; /* Safari and Chrome */
  -o-transition:0.2s, -o-transform 0.2s; /* Opera */
}
.yx_ly .pic_box:hover .zb img{
  transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg);
  -moz-transform:rotateY(180deg);
}
.yx_ly .wz_box .yb{width:84%;color:#fff;}
.yx_ly .wz_box .yb h5{font-size:22px;margin:5px 0 10px;}
.yx_ly .wz_box .yb p{height:2px;overflow:hidden;width:40px;background:#fff;margin-bottom:0;}
.yx_ly .wz_box .yb span{color:#fff;font-size:8px;}
.yx_ly .wz_box .js{margin-top:10px;}
.yx_ly .wz_box .js a{color:#e8e8e8;font-size:12px;}
.yx_ly .wz_box .js a:hover{text-decoration:underline;opacity:0.9;}
.yx_ly .wz_box .js span{color:#fff;margin:0 5px;}
.yx_ly .wz_box .lj{margin-top:50px;}
.yx_ly .wz_box .lj a{color:#e8e8e8;font-size:12px;line-height:26px;margin-right:16px;white-space:nowrap;}
.yx_ly .wz_box .lj a:hover{text-decoration:underline;opacity:0.9;}
.yx_ly .zx{text-align:center;}
.yx_ly .zx p{font-size:20px;color:#999;}


.zixun{width:145px;height:42px;background:#fff;font-size:20px;color:#333;border-radius:5px;border:1px solid #333;
transition:0.3s;
-moz-transition:0.3s; /* Firefox 4 */
-webkit-transition:0.3s; /* Safari and Chrome */
-o-transition:0.3s; /* Opera */
}
.zixun:hover{background:#2b4c9c;border:1px solid #2b4c9c;color:#fff;}


.yx_al{margin:20px auto 50px;}
#tabs{width:560px;height:36px;overflow:hidden;text-align:center;margin:0 auto 30px;}
#tabs li{display:table-cell;}
#tabs li a{display:block;width:120px;height:36px;line-height:36px;border:1px dashed #333;color:#333;border-radius:36px;margin:0 10px;
transition:0.2s;
-moz-transition:0.2s; /* Firefox 4 */
-webkit-transition:0.2s; /* Safari and Chrome */
-o-transition:0.2s; /* Opera */
}
#tabs li a:hover{border:1px dashed #2b4c9c;background:#2b4c9c;color:#fff;}
#tabs #current{border:1px dashed #2b4c9c;background:#2b4c9c;color:#fff;}
#content{background:#fff;}
#content .col-md-4{padding:0;}
#content .col-md-4 .box{width:100%;position:relative;overflow:hidden;}
#content .col-md-4 .tc{position:absolute;width:100%;height:100%;background:rgba(5,25,47,0.9);top:0;left:0;text-align:center;opacity:0;
transition:0.2s;
-moz-transition:0.2s; /* Firefox 4 */
-webkit-transition:0.2s; /* Safari and Chrome */
-o-transition:0.2s; /* Opera */
}
#content .col-md-4 .tc .wz{font-size:22px;color:#fff;margin-top:15%;
  -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
#content .col-md-4 .tc span{font-size:12px;color:#fff;display:block;
  -webkit-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

#content .col-md-4 .tc .more{margin-top:30px;
   -webkit-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
#content .col-md-4 .box:hover .tc{opacity:1;}
#content .col-md-4 .box:hover span{
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
#content .col-md-4 .box:hover .wz{
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
#content .col-md-4 .box:hover .more{
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}

.yx_al .ts_box{width:440px;height:106px;margin:30px auto 0;border:1px dashed #999;border-radius:10px;background:#eee;position:relative;text-align:center;}
.yx_al .ts_box .zixun{position:absolute;bottom:-20px;left:160px;}
.yx_al .ts_box p{font-size:14px;color:#e23d4d;margin:20px 0 5px;}
.yx_al .ts_box span{font-size:12px;color:#333;}

.yx_k{width:100%;height:450px;background:#efeded;}
.yx_k .zb img{margin-top:60px;}
.yx_k .kuang{width:344px;height:365px;border:2px dashed #bebebe;border-radius:10px;margin-top:50px;}
.yx_k .kuang .pic{width:314px;margin:20px auto;}
.yx_k .srk{width:90%;margin:0 auto 10px;}
.yx_k .an{width:90%;margin:0 auto;text-align:right;}
.yx_k .an input{background:#2b4c9c;border:none;color:#fff;width:130px;height:40px;border-radius:5px;font-size:16px;
transition:0.3s;
-moz-transition:0.3s; /* Firefox 4 */
-webkit-transition:0.3s; /* Safari and Chrome */
-o-transition:0.3s; /* Opera */
}
.yx_k .an input:hover{opacity:0.9;}

/*** 微信朋友圈 ***/
.pyq_xxs .tit{text-align: center;margin:60px 0 40px;}
.pyq_xxs .tit h4{font-size:48px;color:#000;/*font-family:"Source";*/}
.pyq_xxs .tit p{font-size:20px;color:#666;line-height:30px;margin-top:20px;}
.pyq_xxs .list{margin-bottom:60px;}
.pyq_xxs .list ul{margin:0 -7px;}
.pyq_xxs .list ul li{margin:0 7px;border:1px solid #ebebeb;text-align: center;padding:20px;float:left;width:18.78%;
transition: 0.5s;
-moz-transition: 0.5s;  /* Firefox 4 */
-webkit-transition: 0.5s; /* Safari 和 Chrome */
-o-transition: 0.5s;  /* Opera */
}
.pyq_xxs .list li .tb{width:120px;height:120px;line-height:120px;font-size:36px;font-weight:bold;margin:10px auto 20px;border:1px solid #ebebeb;border-radius:50%;color:#2b4c9c;/*font-family:"Source";*/}
.pyq_xxs .list li .tb span{font-family:"Century";font-size:40px;color:#2b4c9c;font-weight:bold;}
.pyq_xxs .list li .bt h4{font-size:22px;color:#2b4c9c;/*font-family:"Source";*/margin-bottom:0;}
.pyq_xxs .list li .bt span{font-size:12px;color:#2b4c9c;/*font-family:"Source";*/}
.pyq_xxs .list li p{font-size:14px;color:#666;}
.pyq_xxs .list li .line{width:40%;height:2px;background:#2b4c9c;overflow: hidden;margin:20px auto;}
.pyq_xxs .list li:hover{background:#2b4c9c;border-color:#2b4c9c;}
.pyq_xxs .list li:hover .tb,.pyq_xxs .list li:hover .tb span,.pyq_xxs .list li:hover .bt h4,.pyq_xxs .list li:hover .bt span,.pyq_xxs .list li:hover p{color:#fff;}
.pyq_xxs .list li:hover .line{background:#fff;}

.pyq_bt{font-size:48px;color:#000;/*font-family:"Source";*/text-align: center;padding:60px 0 0;}
#marketing-web .pyq_list{height:auto;background:url(../images/bg/pyq_bg.png) 90% bottom no-repeat;}
#marketing-web .marketing-list .marketing-show .media-body, #marketing-web .marketing-list .marketing-show .media-left, #marketing-web .marketing-list .marketing-show .media-right{height:500px;}
#marketing-web .pyq_list img{max-height:none;}
.pyq_list .sj_bg{background:url(../images/bg/pyq_sj.png) no-repeat;width:323px;height:521px;padding-top:75px;margin:0 0 0 auto;}
.pyq_list .sj_bg .box{width:285px;height:446px;margin:0 auto;overflow: hidden;}
.pyq_list .marketing-show{margin-top:50px;}

.py_top{margin-top:160px;}
.py_hz{margin-top:50px;}
.py_box .media-heading{font-size:36px;color:#000;margin-bottom:35px;}
.py_box .media-content{font-size:20px;}

#marketing-web .pyq_list1{height:auto;background:url(../images/bg/pyq_bg.png) 30% bottom no-repeat;}
#marketing-web .pyq_list2{height:auto;background:url(../images/bg/pyq_bg.png) 30% bottom no-repeat;}
#marketing-web .pyq_list3{height:auto;background:url(../images/bg/pyq_bg.png) 75% bottom no-repeat;}
.pyq_list1 .scene-pic .scene-paper{width:285px;height:446px;margin:0 auto;position:relative;}
.pyq_list1 .scene-pic{background:url(../images/bg/pyq_sj.png) no-repeat;width:323px;height:521px;padding-top:75px;}
.pyq_list1 .bg-decor{position:absolute;left:53px;top:110px;}
.pyq_list1 .bg-shade{width:134px;height:134px;background:#2b4c9c;position:absolute;}
.pyq_list1 .bg-decor::after,.pyq_list1 .bg-decor::before{color:#2b4c9c;}
.pyq_list1 .scene-pic .bg-decor::after,.pyq_list1 .scene-pic .bg-decor::before{content:"---------------------------------------------------";
position:absolute;
overflow: hidden;
line-height: 1;
-webkit-transition: all .6s .6s;
transition: all .6s .6s;
opacity: 0;
}
.pyq_list1 .bg-decor::before{width:170px;left:-31px;top:-75px;-webkit-transform:rotate(-52deg);transform:rotate(-52deg);}
.pyq_list1 .bg-decor::after{left: -46px;
width: 200px;
bottom: 214px;
-webkit-transform: rotate(59deg);
transform: rotate(59deg);
}
.pyq_list1 .bg-capt{height:260.19px;overflow:hidden;
-webkit-transition: all .8s;
transition: all .8s;
-webkit-transform: scale(.515);
transform: scale(.515);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}

.pyq_list1 .peng1 .bg-capt{height:440px;-webkit-transform: scale(1) translate(105px,-135px);transform: scale(1) translate(105px,-135px);}
.pyq_list1 .peng1 .bg-decor::after,.pyq_list1 .peng1 .bg-decor::before{opacity:1;height:10px;}
.pyq_list1 .peng1  .bg-capt {
    box-shadow: 1px 0 8px rgba(0,0,0,.3);
}

.pyq_list2 .scene-pic {padding-top:75px;margin:0 auto;
    background-image: url(../images/bg/pyq_sj.png);
    width: 323px;
    height: 521px;
}
.pyq_list2 .scene-pic .scene-paper{width: 285px;height: 446px;position: relative;margin:0 auto;}
.pyq_list2 .bg-decor{right:0;top: 120px;position: absolute;}
.pyq_list2 .bg-decor::after,.pyq_list2 .bg-decor::before{right: 0;color: #2b4c9c;width: 100px;
    content: "---------------------------------------------------";
    position: absolute;
    overflow: hidden;
    line-height: 1;
    -webkit-transition: all .6s .6s;
    transition: all .6s .6s;
    opacity: 0;
}
.pyq_list2 .bg-decor::before{top: 6px;
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
}
.pyq_list2 .bg-decor::after{bottom: 8px;
-webkit-transform: rotate(-14deg);
transform: rotate(-14deg);
}
.pyq_list2 .bg-shade {
  width: 100%;
height: 100%;
position: absolute;
    background: #2b4c9c;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.pyq_list2 .bg-capt {
  position: relative;
z-index: 2;
-webkit-transition: all .8s;
transition: all .8s;
    -webkit-transform: translateX(0) scale(.86);
    transform: translateX(0) scale(.86);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.pyq_list2 .peng2 .bg-decor::after,.pyq_list2 .peng2 .bg-decor::before {
    opacity: 1;height:10px;
}
.pyq_list2 .peng2 .bg-capt {
    -webkit-transform: translateX(-100px) scale(1);
    transform: translateX(-100px) scale(1);
}
.pyq_list2 .peng2  .bg-capt {
    box-shadow: 1px 0 8px rgba(0,0,0,.3);
}
.py_box .media-right{display:block;vertical-align:bottom;}
.pyq_list3 .bg-capt {
    -webkit-transform: translateX(0) scale(.86);
    transform: translateX(0) scale(.86);
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
    position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
  transition: all .8s;
}
.pyq_list3 .scene-pic .scene-paper{width:285px;height:446px;margin:0 auto;position:relative;}
.pyq_list3 .scene-pic{background:url(../images/bg/pyq_sj.png) no-repeat;width:323px;height:521px;padding-top:75px;margin:0 auto;}
.pyq_list3 .bg-decor{
    left: 0;
    top: 120px;
    position:absolute;
}
.pyq_list3 .bg-shade {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #2b4c9c;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center;
}
.pyq_list3 .bg-decor::after,.pyq_list3 .bg-decor::before {
    left: 0;
    color: #2b4c9c;
    width: 100px;
}
.pyq_list3 .scene-pic .bg-decor::after,.pyq_list3 .scene-pic .bg-decor::before{content:"---------------------------------------------------";
position:absolute;
overflow: hidden;
line-height: 1;
-webkit-transition: all .6s .6s;
transition: all .6s .6s;
opacity: 0;
}
.pyq_list3 .bg-decor::before {
    top: 6px;
    -webkit-transform: rotate(-14deg);
    transform: rotate(-14deg);
}
.pyq_list3 .bg-decor::after {
    bottom: 8px;
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg);
}
.pyq_list3 .peng3 .bg-capt {
    box-shadow: 1px 0 8px rgba(0,0,0,.3);
    -webkit-transform: translateX(100px) scale(1);
    transform: translateX(100px) scale(1);
}
.pyq_list3 .peng3 .bg-decor::after,.pyq_list3 .peng3 .bg-decor::before{opacity:1;height:10px;}



.pyq_gg{margin-top:40px;margin-bottom:60px;}
.pyq_gg .col-md-3{text-align: center;}
.pyq_gg .pic{width:50%;margin:0 auto;}
.pyq_gg .pic img{width:100%;}
.pyq_gg .bt{font-size:22px;color:#2b4c9c;/*font-family:"Source";*/margin:20px 0;}
.pyq_gg p{color:#666;font-size:14px;padding:0 10px;}

.pyq_qh{padding-top:60px;background:#f6f6f6;}
.swiper01 {
    width: 95%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper01 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background:none;
    border-radius:3px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper01 .swiper-slide img{width:100%;}
.pyq_qh .feny{position:relative;height:40px;margin-top:20px;margin-bottom:50px;}
.pyq_qh .feny .swiper-pagination{position:static;}
.pyq_qh .feny .swiper-pagination-bullet{margin:0 3px;width:15px;height:15px;background:#ccc;opacity:1;}
.pyq_qh .feny .swiper-pagination-bullet-active{background:#949494;}
.swiper-button-prev01{background:url(../images/bg/pyq_jt01.png) no-repeat;width:24px;height:75px;left:0;}
.swiper-button-next01{background:url(../images/bg/pyq_jt02.png) no-repeat;width:24px;height:75px;right:0;}
.pyq_qh .bt{font-size:48px;color:#000;/*font-family:"Source";*/text-align: center;margin-bottom:40px;}

.pyq_tj{padding:60px 0 70px;background:url(../images/bg/pyq_bg1.jpg) center no-repeat;background-size:cover;}
.pyq_tj .bt{font-size:48px;color:#fff;/*font-family:"Source";*/text-align: center;margin-bottom:50px;}
.pyq_tj .kuang{margin:30px 0;}
.pyq_tj .kuang input{background:none;border:1px solid rgba(255,255,255,0.3);margin-bottom:20px;height:50px;color:#fff;}
.pyq_tj .kuang .an{width:100%;border-radius:3px;background:#028fd4;color:#fff;border:none;font-size:16px;}
.pyq_tj .kuang .an:hover{background:#42b6ee;}

.pyq_fw{padding-bottom:60px;}
.pyq_fw .bt{margin-bottom:70px;}
.pyq_fw .col-md-4{background:#fff;padding:0;border-radius:5px;position:relative;}
.pyq_fw .sk{background:#1a8f73;padding:40px 20px;text-align: center;border-radius:0 0 50% 50%;}
.pyq_fw .sk p{color:#fff;font-size:32px;/*font-family:"Source";*/}
.pyq_fw .sk .jg{font-size:58px;color:#fff;}
.pyq_fw .sk .jg span{color:#fff;font-size:28px;/*font-family:"Source";*/}
.pyq_fw .xq{padding:20px;}
.pyq_fw .xq p{border-bottom:1px solid #eee;text-align: center;font-size:15px;color:#333;padding-bottom:12px;margin-bottom:12px;}
.pyq_fw .xq p:last-child{border-bottom:none;}
.pyq_fw .an{text-align: center;margin-bottom:40px;}
.pyq_fw .an input{width:188px;height:50px;border:none;background:#1a8f73;box-shadow:0 0 0 1px red;color:#fff;font-size:20px;/*font-family:"Source";*/border-radius:50px;box-shadow:0px 3px 8px 0px rgba(0,0,0,0.2)}
.pyq_fw .box{height:640px;width:110%;position:absolute;box-shadow:0px 3px 24px 0px rgba(0,0,0,0.2);left:-5%;background:#fff;z-index:9;border-radius:5px;overflow:hidden;}
.pyq_fw .hez{height:640px;margin-top:-20px;}
.pyq_fw .hez1{box-shadow:0px 3px 24px 0px rgba(0,0,0,0.2);overflow:hidden;}
.pyq_fw .hez2 .sk{background:#7570ff;}
.pyq_fw .hez2 .an input{background:#7570ff;}
.pyq_fw .box .sk{background:#2f60d6;padding:50px 20px;}
.pyq_fw .box .an input{background:#2f60d6;}
.pyq_fw .an input:hover{background:#0d6f58;}
.pyq_fw .hez2 .an input:hover{background:#5f59f7;}
.pyq_fw .box .an input:hover{background:#1a49ba;}
.swiper01 .swiper-slide .box{height:320px;border-radius:3px;overflow: hidden;}

.pyq_qh .pic{margin-top:75px;}
.pyq_qh .pic img{width:170px;border-radius:50%;}
.pyq_qh .yb{text-align: left;color:#fff;padding-right:50px;margin-top:75px;}
.pyq_qh .yb h4{font-size:36px;/*font-family:"Source";*/height:40px;overflow: hidden;}
.pyq_qh .yb p{font-size:14px;line-height:26px;height:104px;overflow: hidden;}
.carousel1{height:550px;}
.carousel1 .item a{display:block;width:100%;height:550px;}

/*** 20180626修改 ***/
.news_qh{text-align: center;}
.news_qh .nav-tabs{margin-bottom:20px;}
.news_qh .nav-tabs > li{float:none;display:inline-block;margin-bottom:0;}
.news_qh .nav-tabs > li > a{margin-right:0;}
.news_qh .nav > li > a{color:#666;border:none;}
.news_qh .nav > li > a:hover{background:none;}
.news_qh .nav-tabs > li.active > a,.news_qh .nav-tabs > li.active > a:focus{color:#2b4c9c!important;}
.news_qh .zb{width:90px;height:90px;background:#2b4c9c;border-radius:50%;position: absolute;text-align: center;}
.news_qh .zb p{font-size:40px;margin-bottom:0;color:#fff;margin-top:8px;height:50px;}
.news_qh .zb span{display:block;font-size:12px;color:#fff;}
.news_qh .yb{padding-left:110px;}
.news_qh .col-md-6{margin-top:20px;margin-bottom:20px;min-height:90px;}
.news_qh .yb .bt{font-size:16px;color:#2b4c9c;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.news_qh .yb .wz{height:63px;overflow: hidden;line-height:20px;}
.news_more{text-align: center;margin-top:20px;}
.news_more a{border:1px solid #ddd;padding:0 20px;display:inline-block;height:36px;line-height:36px;}

.qbt-main .qbt-main-news{
    padding-bottom: 63px;
}
.qbt-main .qbt-main-news .title{
    height: 71px;
}

.qbt-main .qbt-main-news .news-box .news_text{
    width: 48%;
    padding:0 2%;
}
.qbt-main .qbt-main-news .inner .news-box .news-con{
    padding:0 3.5%;
}
.qbt-main .qbt-main-news .news-title{
    width:31%;
    height: 44px;
    position: relative;
}
.qbt-main .qbt-main-news .news-title .news-title-text{
    padding-left:2%;
    border-left:4px solid #2d4c9c;
}
.qbt-main .qbt-main-news .news-con-title{
    margin:0 3.5%;
}
.qbt-main .qbt-main-news .news-title h3{
    line-height: 28px;
    font-size: 22px;
    color: #2d4c9c;
}
.qbt-main .qbt-main-news .news-title p{
    line-height: 16px;
    font-family: Arial;
    color: #999;
}
.qbt-main .qbt-main-news .news-title a{
    width: 24px;
    height: 24px;
    display: block;
    background: url("../{{tempdir}}images/bg/news_15.png") no-repeat center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
}
.qbt-main .qbt-main-news .news-pic{
    padding: 20px 0 10px;
}
.qbt-main .qbt-main-news .news-pic .pic{
    width: 35.9%;
    margin-right:3%;
}
.qbt-main .qbt-main-news .news-pic .text{
    padding:10px 0;
}
.qbt-main .qbt-main-news .news-pic .text a{
    font-size: 15px;
    margin-bottom: 5px;
    color: #2d4c9c;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}
.qbt-main .qbt-main-news .news-pic span{
    line-height: 18px;
    font-size: 13px;
    color: #999;
    display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;
}
.qbt-main .qbt-main-news i{
    color: #999;
    display: block;
    font-size: 12px;
    font-style:normal;
}
.qbt-main .qbt-main-news .news-dt{
    line-height: 34px;
    font-size: 14px;
    color: #000;
    padding-top: 9px;
    border-top: 1px dashed #ebebeb;
}
.qbt-main .qbt-main-news .news-dt i{
    line-height:34px;
    float:right;
}
.qbt-main .title{
    width: 100%;
    height: 100px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}
.qbt-main .title span{
    width:115px;
    height: 3px;
    background-color: #2d4c9c;
    position: absolute;
    bottom: -2px;
    left: 50%;
    margin-left: -58px;
}









@media (max-width:991px) {
  .pyq_xxs .list ul li{width:31.42%;margin-bottom:15px;}

  .pyq_fw .sk{padding:20px 10px;}
  .pyq_fw .sk p{font-size:18px;margin-bottom:0;}
  .pyq_fw .sk .jg{font-size:30px;}
  .pyq_fw .sk .jg span{font-size:16px;}
  .pyq_fw .box .sk{padding:30px 20px;}
  .pyq_fw .xq p{font-size:12px;}
  .pyq_fw .box{height:480px;}
  .pyq_fw .hez{height:480px;}
  .pyq_fw .xq{padding:11px;}

  .pyq_bt{font-size:36px;padding-top:40px;}
  .py_hz{margin-top:20px;}
  .py_top{margin-top:120px;}
  .py_box .media-heading{font-size:20px;}
  .py_box .media-content{font-size:16px;}
  .pyq_list1 .scene-pic{margin-left:-40px;
    -moz-transform: scale(0.75,0.75);
    -webkit-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
  }
  .pyq_list2 .scene-pic{margin-right:-40px;
    -moz-transform: scale(0.75,0.75);
    -webkit-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
  }
  .pyq_list3 .scene-pic{margin-left:-40px;
    -moz-transform: scale(0.75,0.75);
    -webkit-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
  }
  .pyq_gg{margin-bottom:40px;}
  .pyq_tj{padding-bottom:20px;}
}


@media (max-width:767px) {
  .pyq_xxs .tit{margin:20px auto;}
  .pyq_xxs .tit h4{font-size:20px;}
  .pyq_xxs .tit p{margin-top:10px;line-height:26px;font-size:14px;}
  .pyq_xxs .list ul li{width:31.42%;margin-bottom:15px;}

  .pyq_xxs .list{margin-bottom:10px;}
  .pyq_xxs .list ul li{width:45.9%;margin-bottom:15px;padding:10px 10px 5px;}
  .pyq_xxs .list ul li:last-child{width:96%;}
  .pyq_xxs .list li .bt h4{font-size:18px;}
  .pyq_xxs .list li .line{margin:10px auto;}

  .pyq_fw{padding-top:20px;padding-bottom:20px;}
  .pyq_qh .bt{font-size:20px;}
  .pyq_fw .bt{margin-bottom:20px;}
  .pyq_fw .container .row{padding:0 15px;}
  .pyq_fw .sk{padding:20px 10px;}
  .pyq_fw .sk p{font-size:16px;margin-bottom:0;}
  .pyq_fw .sk .jg{font-size:30px;}
  .pyq_fw .sk .jg span{font-size:16px;}
  .pyq_fw .xq{padding-bottom:0;}
  .pyq_fw .box .sk{padding:20px 10px;}
  .pyq_fw .box{width:100%;left:0;}
  .pyq_fw .hez1{box-shadow:0px 3px 8px 0px rgba(0,0,0,0.2);}
  .pyq_fw .box{box-shadow:0px 3px 8px 0px rgba(0,0,0,0.2);height:auto;position:static;}
  .pyq_fw .hez{height:410px;margin-top:0;}

  .pyq_bt{font-size:20px;padding-top:20px;}

  .pyq_gg .bt{font-size:16px;margin-bottom:5px;}
  .pyq_gg .col-md-3{margin-bottom:10px;}
  .pyq_gg{margin-top:20px;margin-bottom:10px;}

  .pyq_qh{padding-top:20px;}
  .pyq_qh .bt{margin-bottom:10px;}
  .pyq_qh .feny{margin-bottom:0;margin-top:10px;}
  .swiper-button-next01, .swiper-button-prev01{top:42%;}
  .pyq_qh .feny .swiper-pagination-bullet{height:8px;width:8px;}

  .pyq_tj{padding:20px 0 20px;}
  .pyq_tj .bt{font-size:20px;margin-bottom:30px;}
  .pyq_tj .col-md-8 img{width:75%;margin-bottom:35px;}
  .pyq_tj .col-md-4 img{width:75%;}
  .pyq_tj .kuang{margin-bottom:0;}

  .py_hz{margin-top:0;overflow:hidden;}
  .py_top{margin-top:20px;}
  .py_box .media-heading{font-size:20px;font-size:16px;margin-bottom:10px;}
  .py_box .media-content{font-size:14px;}
  .pyq_list .sj_bg{margin:0 auto;
-moz-transform: scale(0.95,0.95);
-webkit-transform: scale(0.95,0.95);
-o-transform: scale(0.95,0.95);
  margin-bottom:-13px;margin-top:-13px;
  }
  .pyq_list .media-right{padding-left:15px;}
  .pyq_list1 .scene-pic{margin-left:-40px;
    -moz-transform: scale(0.75,0.75);
    -webkit-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
  }
  .pyq_list2 .scene-pic{margin-right:-40px;
    -moz-transform: scale(0.75,0.75);
    -webkit-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
  }
  .pyq_list3 .scene-pic{margin-left:-40px;
    -moz-transform: scale(0.75,0.75);
    -webkit-transform: scale(0.75,0.75);
    -o-transform: scale(0.75,0.75);
  }
  .pyq_list1 .scene-pic{margin-top:-40px;margin-bottom:-60px;}
  .pyq_list2 .scene-pic{margin-top:-40px;margin-bottom:-60px;}
  .pyq_list3 .scene-pic{margin-top:-40px;margin-bottom:-60px;}

  .carousel1{height:200px;}
  .carousel1 .item a{display:block;width:100%;height:200px;}

  .pyq_qh .box{border-radius:3px;overflow: hidden;height:410px;}
  .pyq_qh .pic{margin-top:15px;}
  .pyq_qh .pic img{width:80px;border-radius:50%;}
  .pyq_qh .yb{padding-right:30px;margin-top:15px;}
  .pyq_qh .yb h4{font-size:16px;/*font-family:"Source";*/height:20px;overflow: hidden;margin-bottom:5px;text-align: center;}
  .pyq_qh .yb p{font-size:12px;line-height:20px;height:160px;overflow: hidden;}

  .gg_bt h3{margin-top:0;margin-bottom:0;}
  .gg_bt h3,.yx_bt h3 span{font-size:24px;}
  .yx_bt p{font-size:14px;}
  .yx_bt .wz{font-size:14px;}
  .yx_bt .wz span{font-size:16px;}
  .yx_ly .wz_box .lj{margin-bottom:30px;}
  .yx_ly .pic_box{margin-bottom:15px;}
  .yx_ly .zx p{font-size:14px;}
  .zixun{font-size:16px;width:126px;height:36px;}
  .yx_ly{height:auto;}
}

@media (max-width:420px) {
  #tabs{width:100%;height:84px;margin-bottom:15px;}
  #tabs li{display:block;float:left;width:50%;padding:0 10px;margin-bottom:12px;}
  #tabs li a{width:100%;margin-left:0;}
  .yx_al .ts_box{width:100%;}
  .yx_al .ts_box .zixun{left:30%;}
  .yx_k{height:auto;}
  .yx_k .zb img{width:100%;margin-top:20px;}
  .yx_k .col-md-4{margin-bottom:30px;}
}

/*** 0718 ***/
/*去掉爱疯手机默认样式*/
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;}
textarea{-webkit-appearance: none;resize: none;}   
.button{ border-radius: 0; } 
input:focus,textarea:focus {outline: none;border: 1px solid #ddd;}
input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,input,form,span,img,p,ul,li,div{font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif;}

.c-detail-content p img{width:auto;max-width:100%;}
.carousel-inner .item a{display:block;}

.carousel-inner{height:630px;}
.carousel-inner .item{width:100%;height:100%;}

.yx_wy{height:790px;}
.list-group-item:last-child{border-radius:0;}

@media (min-width: 768px) and (max-width: 1199px){
  .carousel-inner{height:300px;}
}
@media (max-width: 767px){
  .carousel-inner{height:180px;}

  .ship_n h4{font-size:18px;}
  .ship_n .p1{font-size:13px;}
  .ship_n p{font-size:12px;line-height:23px;}

  #marketing-web .marketing-info {padding: 0 10px;margin-top:20px;padding-bottom:10px;}

  .yx_wy{height:240px;}
  #news .n-detail-content{padding:10px 0;}
  #news .col-md-9{padding:0;}
  #news .col-md-3{margin:0px 0 20px;}

  #case .case-detail .bg,#case .case-detail .iout,#case .case-detail .iin,#case .detail-bottom-line{display:none;}
  #news .nav-tabs{margin-bottom:0;}
  #case .case-detail{display:block;padding:0;margin:5px 5px 20px;background:#fff;border-radius:0 0 5px 5px;}
  #news .col-md-4{display:block;}
  #case .case-detail-titile{line-height:40px;height:40px;padding:0 10px;border-radius:0 5px 5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}

  .fanp .col-md-6{padding:0 15px;}
  .xgwz1{margin-bottom:0;}
  .xgwz1 .col-md-6{padding:0 15px;margin-bottom:40px;}
  #marketing-web .marketing-info .marketing-info-title{margin:0;}
  #marketing-web .marketing-info .marketing-info-top{margin-bottom:10px;}
  #marketing-web .marketing-list .marketing-title{margin-top:35px;}
  #marketing-web .marketing-info .marketing-info-li > a{height:35px;}
  #marketing-web .marketing-info .market-info-text{height:35px;line-height:35px;}
  #marketing-web .marketing-news .marketing-info:last-child{border:none;}
  #content .col-md-4{margin-bottom:10px;}

  #promotion .promotion-list .promotion-title-en{line-height:22px;}
  #promotion .promotion-list-problems .problems-detail{padding:0;font-size:15px;line-height:30px;}
  #promotion .promotion-list-problems .save-problems-title{font-size:20px;}
  #promotion .promotion-list-problems .save-problems-qq{height:40px;line-height:40px;width:130px;}
  #promotion .promotion-list-problems .problems-sign{width:22px;height:22px;font-size:14px;line-height:20px;}
  #promotion .promotion-list-bottom .content-list{margin-left:0!important;left:15px;right:15px;width:auto!important;}
  #promotion .promotion-list-bottom .content-list-a{margin-left:0;width:100px;margin:0 auto;}
  #promotion .promotion-list-top .top-text span{font-size:16px;display:block;}
  
  #app #carousel-ad .caption-text{top:8%;}
  #app .caption-text-left{width:37%;padding-right:10px;}
  #app .caption-text-left .text-list{font-size:13px;margin-bottom:5px;}
  #app .caption-text-right{width:58%;}
  #app .caption-text-right .text-list{font-size:14px;}

  #app .app-process .content-li{margin:10px 15px;}

  #app .app-advantage .col-xs-12{margin-bottom:12px;}
  #app .app-advantage .advantage-content{margin-top:10px;margin-bottom:5px;}
  #app .app-advantage .advantage-content-top{height:166px;}
  #app .app-advantage .content-word{line-height:166px;}
  #app .app-advantage .advantage-content-buttom{margin-top:10px;}

  #marketing-web .marketing-list .vs{padding:0;left:42%;}
  #marketing-web .marketing-list .rwm .pic{padding:0 15px;}
  #marketing-web .marketing-list .rwm .col-xs-5 p{padding-left:6px;}
  #marketing-web .marketing-list .marketing-show .media-heading{margin-top:10px!important;}
  #marketing-web .marketing-list-show{padding-bottom:3px;}
}