@charset "UTF-8";
@font-face {
	font-family: AlibabaPuHuiTi-2-45-Light;
	src:url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.eot) format('embedded-opentype'),
url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.otf) format('opentype'),
url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.ttf) format('TrueType'),
url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.woff) format('woff'),
url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-2/AlibabaPuHuiTi-2-45-Light/AlibabaPuHuiTi-2-45-Light.woff2) format('woff2');
} 
body{font-family: AlibabaPuHuiTi-2-45-Light;}
.default-color {
  color: #3e3a39 !important; }

@media screen and (min-width: 1250px) {
  .container,
  .navbar-static-bottom .container,
  .navbar-fixed-bottom .container,
  .navbar-fixed-bottom .container {
    width: 1200px !important; } }

@media screen and (max-width: 767px) {
  body {
    padding-right: 0;
    padding-left: 0; } }
  @media screen and (max-width: 767px) and (max-width: 400px) {
    body {
      overflow-x: hidden; } }

@media screen and (max-width: 767px) {
  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-right: 0;
    margin-left: 0; } }

/*顶部导航栏*/
.head .navbar {
  margin-bottom: 0; }
  .head .navbar .navbar-inner {
    background: #fff;
    border-radius: 0px; }
  .head .navbar .btn-navbar {
    margin-top: 20px; }
.head .nav-collapse {
  float: right; }
.navbar-inverse .brand{margin-left: 0px;padding-top: 20px;}  
.navbar-inverse .brand, .navbar-inverse .nav > li > a{text-shadow: none;}
.video-content{width:100%;height:675px;padding-bottom:20px;}
.video-content iframe , .video-content iframe video{width:100%;height:100%;}
  @media screen and (min-width: 980px) {
    .head .nav-collapse {
      height: 80px !important; } }
  @media screen and (max-width: 979px) {
    .head .nav-collapse {
      float: none; } }
  @media screen and (min-width: 980px) {
    .head .nav-collapse > .nav {
      float: none;
      display: inline-block; } }
  .head .nav-collapse > .nav > li {
    margin-bottom: -1px;
    font-size: 14px;
    line-height: 80px;}
    @media screen and (max-width: 979px) {
      .head .nav-collapse > .nav > li {
        line-height: 60px; } }
    .head .nav-collapse > .nav > li > a {
      font-size: 15px;
      color: #222222;
	  font-weight:600;
      text-transform: uppercase;
      padding: 0 30px !important; }
    .head .nav-collapse > .nav > li > a:hover{color: #2651ab}  
    .head .nav-collapse > .nav > li.active > a{color:#2651ab;
background-color:unset !important;box-shadow:unset;/* border-bottom: 2px solid #2651ab;*/}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    color: #2651ab;
    background-color: #fff;
}
.navbar-inverse .nav li.dropdown.active a{color:#2651ab !important;}
.navbar-inverse .nav li.dropdown.active ul li a{color:#222222 !important;;}
.navbar-inverse .nav li.dropdown.active ul li a:hover{color:#2651ab  !important;}
.dropdown-menu > li > a:hover{background: unset;color:#2651ab;}
.nav-collapse .nav li.lang_nav a{display:inline-block;padding:0px !important;}
    /* .head .nav-collapse > .nav > li.active > a {
      background-color: #dc1e32 !important; } */

@media screen and (max-width: 979px) {
  .head .navbar-fixed-top {
    margin-bottom: 0; } }

.head .fgx {
  margin: 24px 20px 0 0;
  vertical-align: top; }
  @media screen and (max-width: 979px) {
    .head .fgx {
      display: none; } }

.head .bdsharebuttonbox {
  margin: 18px 0 0 0;
  display: inline-block; }
  @media screen and (max-width: 979px) {
    .head .bdsharebuttonbox {
      margin: 8px 0 0 18px; } }
  .head .bdsharebuttonbox a {
    background-image: url("../images/share.png") !important;
    height: 32px !important;
    width: 32px !important;
    padding-left: 0 !important;
    border-radius: 50%;
    border: #ddd solid 1px; }
    .head .bdsharebuttonbox a.bds_tsina {
      background-position: 0 0 !important; }
    .head .bdsharebuttonbox a.bds_weixin {
      background-position: -32px 0 !important; }
    .head .bdsharebuttonbox a.bds_qzone {
      background-position: -64px 0 !important; }

@media (max-width: 500px) {
  .head .brand {
    width: 130px;
    padding: 19px 20px 19px 0; }
	body{
padding-top:65px!important;
}
	 }

/*顶部导航栏*/
@font-face {
    font-family:'iconfont';
    src:url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal
}
/*侧边三个小按钮*/
.side {
  position: fixed;
  bottom: 0px;
  right: 38px;
  width: 46px;
  height: 180px;
  z-index: 100;
  display: none; }
  @media screen and (max-width: 979px) {
    .side {
      width: 36px;
      right: 16px; } }
  .side .icon {
    margin-bottom: 14px;
    cursor: pointer; }
    @media screen and (max-width: 979px) {
      .side .icon {
        margin-bottom: 8px; } }
    .side .icon img {
      width: 100%; }
/*search*/
.searchmian{margin-top:20px;}
 .searchico {
   /* margin-top: 5px;
    width: 39px;
    height: 39px;
    float: right;
    display: inline;   
    background: url(../images/so.png) no-repeat center !important;*/
	padding-left:20px;
	cursor: pointer;
	color:#333 !important;
}
.searchico img{width:22px;}
/*.searchbox {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    background: #E9EAED;
    position: relative;
}*/
.searchbox {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    background: #E9EAED;
    position: fixed;
	top:80px;
	z-index: 999;
}
.searchbox form{margin:0px;}
.search {
    width: 50%;
    margin: 20px auto;
    background: #222;
    border-radius: 0 5px 5px 0;
    position: relative;
    border:0px;
    display: none;
}
.search input.input_submit {
    border: 0;
    background: 0;
    color: #fff;
    outline: none;
    position: absolute;
    top: 10px;
    right: 5%
}
.search input.input_text {
    border: 0;
    line-height: 36px;
    height: 36px;
    width: 85%;
	margin-bottom:0px;
    padding-left: 10px;
    outline: none;
	border-radius:0px;
}
.open {
    display: block !important
}
.searchclose {
    background: url(../images/close.png) no-repeat;
    display: block;
    position: absolute;
    width: 28px;
    height: 30px;
    right:45px;
    top: 5px
}
/*侧边三个小按钮*/
.foot .foot-content {
  background-color: #1c54a4;
  overflow: hidden; }
  @media screen and (max-width: 979px) {
    .foot .foot-content .container {
      padding: 0 20px; }
      .foot .foot-content .container .row {
        margin-left: 0; } }
  @media screen and (min-width: 1200px) {
    .foot .foot-content .span2 {width: 22.5%; }
  }
  .foot .foot-content .line {
    height: 6px;
    background-color: #2651ab; }
  .foot .foot-content .row {
    padding-bottom: 30px;
    /*border-bottom: #303030 solid 1px;*/ }
  .foot .foot-content .links-item {
    margin-top: 32px; }
    @media screen and (max-width: 979px) {
      .foot .foot-content .links-item {
        width: 100%;
        margin: 20px 0 0 0; }
        .foot .foot-content .links-item dd {
          float: left;
          margin-right: 15px !important; } }
    .foot .foot-content .links-item dt {
      font-size: 16px;
      line-height: 50px;
      color: #fff; }
    .foot .foot-content .links-item dd {
      font-size: 12px;
      line-height: 22px;
      color: #3e3a39; }
      .foot .foot-content .links-item dd a {
        color: #fff; }
        .foot .foot-content .links-item dd a:hover {
          text-decoration: none;
          color: #ddd; }
  .foot .foot-content .consult {
    text-align: right; }
    @media screen and (max-width: 979px) {
      .foot .foot-content .consult {
        width: 100%;
        text-align: left; }
        .foot .foot-content .consult .phone, .foot .foot-content .consult .email {
          float: left; }
        .foot .foot-content .consult .phone {
          margin-right: 40px; } }
    .foot .foot-content .consult .title {
      font-size: 22px;
      line-height: 22px;
      color: #fff;
      margin: 40px 0 18px 0; }
    .foot .foot-content .consult .phone {
      position: relative;
      font-size: 21px;
      line-height: 43px;
      color: #fff;
      height: 58px; }
      @media (max-width: 500px) {
        .foot .foot-content .consult .phone {
          font-size: 15px; }
          .foot .foot-content .consult .phone img {
            width: 30px;
            margin-right: 8px !important; }
          .foot .foot-content .consult .phone .detail {
            left: 54px !important; }
          .foot .foot-content .consult .phone span {
            width: 174px !important; } }
      .foot .foot-content .consult .phone span {
        display: inline-block;
        width: 240px;
        text-align: left; }
      .foot .foot-content .consult .phone img {
        margin-right: 20px; }
      .foot .foot-content .consult .phone .detail {
        position: absolute;
        right: 4px;
        top: 28px;
        font-size: 12px; }
        @media (max-width: 979px) {
          .foot .foot-content .consult .phone .detail {
            left: 143px;
            right: auto; } }
    .foot .foot-content .consult .email {
      font-size: 15px;
      line-height: 43px;
      color: #fff; }
      @media (max-width: 500px) {
        .foot .foot-content .consult .email img {
          width: 30px;
          margin-right: 8px !important; }
        .foot .foot-content .consult .email span {
          width: 174px !important; } }
      .foot .foot-content .consult .email span {
        display: inline-block;
        width: 240px;
        text-align: left; }
      .foot .foot-content .consult .email img {
        margin-right: 20px; }

.foot .gray-line {
  height: 1px;
  background-color: #303030;
  margin: 0 -1000px; }

.foot .resource {
  padding-bottom: 0 !important; }
  @media (max-width: 979px) {
    .foot .resource > div {
      width: 33%;
      margin: 0;
      float: left; }
      .foot .resource > div.erweima {
        display: none; } }
  .foot .resource .icon {
    width: 60px;
    height: 60px;
    background-color: #dc1e32;
    border-radius: 3px;
    float: left;
    margin: 36px 26px -20px 0; }
    .foot .resource .icon img {
      margin: 12px 0 0 12px; }
    @media (max-width: 500px) {
      .foot .resource .icon {
        width: 40px;
        height: 40px;
        margin: 16px 5px 16px 0; }
        .foot .resource .icon img {
          width: 26px;
          margin: 7px 0 0 7px; } }
  .foot .resource .text {
    font-size: 26px;
    line-height: 126px;
    color: #fff; }
    @media (max-width: 500px) {
      .foot .resource .text {
        font-size: 16px;
        line-height: 72px; } }
  .foot .resource .erweima div {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    float: right;
    width: 64px;
    margin: 41px 22px 0 0; }
  .foot .resource .erweima img {
    float: right;
    margin-top: 18px; }

.foot .copyright {
  font-size: 14px;
  line-height: 92px;
  color: #fff;
  float: left; }
  @media (max-width: 680px) {
    .foot .copyright {
      line-height: 46px;
      width: 100%; } }

.foot .links {
  font-size: 14px;
  line-height: 92px;
  float: right; }
  @media (max-width: 680px) {
    .foot .links {
      line-height: 46px;
      float: left; } }
  .foot .links a {
	color: #fff;
	margin-left: 20px;
}
    .foot .links a:hover {
      text-decoration: none;
      color: #ddd; }

/*翻页条*/
.ui-paging-container {
  color: #666;
  font-size: 12px; }

.ui-paging-container ul {
  overflow: hidden;
  text-align: center; }

.ui-paging-container ul, .ui-paging-container li {
  list-style: none; }

.ui-paging-container li {
  display: inline-block;
  padding: 8px 12px;
  margin-left: 5px;
  color: #666; }

.ui-paging-container li.ui-pager {
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 2px; }

.ui-paging-container li.ui-pager:hover, .ui-paging-container li.focus {
  background-color: #288df0;
  color: #FFFFFF; }

.ui-paging-container li.ui-paging-ellipse {
  border: none; }

.ui-paging-container li.ui-paging-toolbar {
  padding: 0; }

.ui-paging-container li.ui-paging-toolbar select {
  height: 38px;
  border: 1px solid #ddd;
  color: #666;
  width: 85px;
  vertical-align: baseline; }

.ui-paging-container li.ui-paging-toolbar input {
  line-height: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #ddd;
  text-align: center;
  width: 30px;
  margin: 0px 0 0 5px;
  vertical-align: top; }

.ui-paging-container li.ui-paging-toolbar a {
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  height: 36px;
  border: 1px solid #ddd;
  vertical-align: top;
  border-radius: 2px;
  line-height: 36px;
  padding: 0 8px;
  cursor: pointer;
  margin-left: 5px;
  color: #666;
  border-radius: 6px; }

.ui-paging-container li.ui-pager-disabled, .ui-paging-container li.ui-pager-disabled:hover {
  background-color: #f6f6f6;
  cursor: default;
  border: none;
  color: #ddd; }

/*翻页条*/
.navbar-inner {
  border: none !important; }

/*首页*/
.index-banner .container.text {position: absolute;top: 30%;left: 19%;}
h2.h2_title{font-family: "黑体";font-size: 45px;}
h3.h3_ftitle{padding-top: 16px;font-size: 30px;font-weight: 400;}
p.p_ms{padding-top: 45px;font-size: 24px;}
.home_btn{background:#e52020;margin-top:13px;padding:10px 30px;border: 1px solid #e52020;}
.home_btn a{color:#fff;font-weight: 400;}
.home_btn:hover{background:#e52020;}
.news-home{position:relative;}
.n-h-left{float:left;margin:0 auto;}
.n-h-left-con{}
.con-p{padding-top:15px;}
.con-p b{color:#3478cc;}
.n-h-left-con ul{margin:0px;}
.n-h-left-con ul li::before{content: "\e6a6";margin: 0 5px 0 0;font-size: 12px;color: #333;font-family: iconfont;display: inline-block;vertical-align: top;}
.n-h-left-con ul li{border-bottom: 1px dotted #d3d3d3;padding:10px 0px;}
.n-h-right{background: #e5e8ed;float: right;position: absolute; width: 60%; right: 0;z-index: 2;top: -35px;height: 240px;}
.right-mian{padding-top:35px;padding-left:20px;}
.mian-conn{width:28%;float:left;}
.mian-conn span{display: block;padding-top: 8px;line-height: 28px;}
.activity_mian{position: relative;}
.activity_mian .activity{margin-left: 0px;}
.activity_mian .activity a:after{position: absolute;background: url(../images/fw1200.png)}
.span3-right{vertical-align: middle;padding-top: 152px;margin-left: 36px;width: 30px;}
.about-zz-home{padding-top: 20px;padding-bottom: 30px;}
.about-zz-home .swiper-slide {text-align: center;}
.about-zz-home .swiper-slide img {height: 420px;}
/*banner*/
.index-banner {
  height: auto !important;margin-top:80px; }
.index-banner img{min-width:100%;}  
  @media (max-width: 979px) {
    .index-banner {
      margin-top: 0; } }
  .index-banner .swiper-wrapper,
  .index-banner .swiper-slide {
    height: auto !important; }
  .index-banner .pagination {
    position: absolute;
    z-index: 20;
    bottom: 55px;
    width: 100%;
    text-align: center;
    margin: 0; }
  .index-banner .swiper-pagination-switch {
    display: inline-block;
    width: 3.4%;
    height: 5px;
    background: #fff;
    margin: 0 5px;
    cursor: pointer; }
  .index-banner .swiper-active-switch {
    background: #dc1e32; }

/*banner*/
.service1 > .links {background:url(../images/xuehua.png) no-repeat center;height:560px;}

.service .nav-tabs {
  width: 100%;
  border-bottom: none;
  margin-bottom: 0; }
  .service .nav-tabs li {
   /*  width: 25%; */
    width: 285px;
    background: url(../images/s-l-1.png);
    border: none;
    margin-right:15px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden; }
    .service .nav-tabs li:last-child{margin-right: 0px;}
    .service .nav-tabs li:nth-child(2n){
      background: url(../images/s-l-2.png);
    }
    .service .nav-tabs li > img {
      position: absolute;
      right: 0;
      top: 0; }
    .service .nav-tabs li a {
      background-color: none;
      border: none;
      border-radius: 0px;
      padding: 27px 15px 27px;
      width: 165px;
      margin:0 auto;
	  cursor: pointer; }
      .service .nav-tabs li a span {
        /*float: left;*/
        color: #3e3a39; }
        .service .nav-tabs li a span.icon {
          width: 46px;
          height: 46px;
          border-radius: 50%;
          display: inline-block;
          margin-right: 14px;
          /*border: 1px solid #fff;*/
          float: left; }
          .service .nav-tabs li a span.icon img {
            width: 100%; }
        .service .nav-tabs li a span.name {
          font-size: 18px;
          line-height: 24px;
          margin-top: 10px;
          display: inline-block;
          width: auto;
          text-align: left;
          color: #fff; }
          @media (max-width: 870px) {
            .service .nav-tabs li a span.name {
              font-size: 14px !important; } }
          @media (max-width: 400px) {
            .service .nav-tabs li a span.name {
              font-size: 12px !important;
              overflow: hidden;
              /*超出部分隐藏*/
              white-space: nowrap;
              /*不换行*/
              text-overflow: ellipsis;
              /*超出部分文字以...显示*/ } }
        .service .nav-tabs li a span.English {
          font-size: 12px;
          display: inline-block;
          text-align: left;
          color: #fff; }
          @media (max-width: 870px) {
            .service .nav-tabs li a span.English {
              overflow: hidden;
              /*超出部分隐藏*/
              white-space: nowrap;
              /*不换行*/
              text-overflow: ellipsis;
              /*超出部分文字以...显示*/ } }
      .service .nav-tabs li a:hover, .service .nav-tabs li a:focus {
        background-color: transparent;
        border: none; }
      @media (max-width: 1249px) {
        .service .nav-tabs li a {
          padding: 8px 0; }
          .service .nav-tabs li a span {
            float: none; }
            .service .nav-tabs li a span.icon {
              width: 36px;
              height: 36px;
              margin: 0 auto;
              display: block;
              float: none; }
            .service .nav-tabs li a span.name {
              display: block;
              font-size: 16px;
              width: auto;
              text-align: center; }
            .service .nav-tabs li a span.English {
              display: block;
              text-align: center; }
          .service .nav-tabs li a .space {
            display: none; } }

.service > h2 {
  font-size: 42px;
  line-height: 42px;
  color: #595757;
  margin: 44px 0 20px 0;
  text-align: center;
  font-weight: normal; }
  @media (max-width: 750px) {
    .service > h2 {
      font-size: 28px;
      line-height: 36px;
      color: #595757;
      margin: 32px 0 10px 0; } }

.service > h3 {
  font-size: 22px;
  line-height: 22px;
  color: #595757;
  margin: 0 0 38px 0;
  text-align: center;
  font-weight: lighter; }
  @media (max-width: 750px) {
    .service > h3 {
      font-size: 16px;
      line-height: 20px;
      color: #595757;
      margin: 0 0 22px 0; } }

.service .carouselTab {
  border: #c9caca solid 1px;
  margin-bottom: 20px;
  box-sizing:border-box;
   }
  .service .carouselTab li a:hover, .service .carouselTab li a:active {
    background-color: #efefef !important;
    cursor: pointer;
    margin-right: 0; }
  .service .carouselTab li.active a {
    background-color: #efefef !important;
    margin-right: 0; }
  .service .carouselTab li.active .name {
    color: #dc1e32 !important; }
.carousel-inner > .item ul li{    
    width: 215px;
    border: 1px solid #d3d3d3;
    float: left;
    padding: 20px 10px;
    height: 67px;
    text-align: center;
    line-height: 67px;}
.service .carousel .carousel-caption {
  background-color: #f1f1f1;
  padding: 20px 42px; }
  @media (max-width: 750px) {
    .service .carousel .carousel-caption {
      padding: 8px 16px; } }
  .service .carousel .carousel-caption p {
    font-size: 14px;
    line-height: 22px;
    color: #3e3a39; }
    @media (max-width: 750px) {
      .service .carousel .carousel-caption p {
        font-size: 14px;
        line-height: 18px;
        color: #3e3a39; } }
    .service .carousel .carousel-caption p a {
      color: #dc1e32; }
      .service .carousel .carousel-caption p a:hover {
        text-decoration: none; }
.service .carousel .carousel-control{color:#333;top: 50%;font-size: 40px;}
.service .carousel .carousel-control.left {
  width: 70px;
  height: 124px;
  background:none;
  background-size: cover;
  left: -70px;
  border: none; }
  @media (max-width: 1600px) {
    .service .carousel .carousel-control.left {
	width: 28px;
    height: 25px;
    left: -40px;
    top: 52%;
      background-position: 0 -62px; } }

.service .carousel .carousel-control.right {
  width: 70px;
  height: 124px;
  background: none;
  background-size: cover;
  right: -55px;
  border: none; }
  @media (max-width: 1600px) {
    .service .carousel .carousel-control.right {
      width: 15px;
      height: 31px;
      right: -23px;
      top: 52%; } }
  .module .title a {
    position: absolute;
    top: 21px;
    right: 2px;
    font-size: 14px;
    line-height: 56px;
    color: #3e3a39; }

@media screen and (max-width: 767px) {
  .module {
    padding: 0 20px; } 
}

.market-activity {
  background: #fff;
  background-size: cover;
  color: #333; }
  .market-activity .title a {
    color: #fff; }
  .market-activity .activity {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 16px; }
    @media screen and (max-width: 1199px) and (min-width: 768px) {
      .market-activity .activity + .activity {
        margin-left: 20px; } }
    .market-activity .activity img {
      height: 280px;
      margin-top: 2%; }
      @media (max-width: 1200px) {
        .market-activity .activity img {
          height: 88px; } }
      @media (max-width: 980px) {
        .market-activity .activity img {
          height: 66px; } }
      @media (max-width: 768px) {
        .market-activity .activity img {
          height: auto;
          max-height: 282px; } }
    .market-activity .activity h2 {
      font-size: 16px;
      line-height: 40px;
      margin: 10px 4% 0;
      text-align: center;
      font-weight: normal;
      overflow: hidden;
      /*超出部分隐藏*/
      white-space: nowrap;
      /*不换行*/
      text-overflow: ellipsis;
      /*超出部分文字以...显示*/ }
    .market-activity .activity > a {
      /*color: $default-color;*/ }
      .market-activity .activity > a:hover {
        text-decoration: none; }
      .market-activity .activity > a h3 {
        overflow: hidden;
        /*超出部分隐藏*/
        white-space: nowrap;
        /*不换行*/
        text-overflow: ellipsis;
        /*超出部分文字以...显示*/ }
  .market-activity .more-ma{text-align: center;padding-bottom:50px;}      
  .more-ma .btn{background: #dc1e32;
    color: #fff;
    border: 1px solid #dc1e32;
    font-weight: 300;}
  .title .topTitle{
    text-align: center;
    font-size: 30px;
	font-weight:600;
    text-transform: uppercase;
    line-height: 56px;
    color: #0d61bf;
    margin-top: 45px;}  
  .title .subTitle {
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 28px;
    color: #a7adba;
    margin-bottom: 30px;
} 
.s-l-m{padding-top:25px;}
.s-l-m-l{float: left;width: 68%}
.s-l-m-r{float: right;width: 48%;padding-top:10px;
    margin-right: 20px;}
.s-l-m-l li{margin-bottom:20px;text-align: right;color:#fff;}
.s-l-m-l-left{float: left;width: 82%}
.s-l-m-l-left h4{font-size: 15px;
    color: #fff;
    font-weight: bold;text-align: right;}
.s-l-m-l-left p{line-height: 26px;}
.s-l-m-r-img{float: left;padding-top: 20px;}
.s-l-m-r-img img{width:60%;}

.s-l-m-r .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* 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;
      }

  .s-l-m-r .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
.s-l-rukou{padding-top: 30px;}      
.s-l-rukou .yy{display:inline-block;width: 10px;height: 10px;border: 2px solid #dc1e32;border-radius: 50%}      
.s-l-rukou b{font-size: 26px;padding-left:15px;}
    .market-activity .activity h3, .market-activity .activity p {
      font-size: 14px;
      line-height: 22px;
      margin: 0 4%;
      text-align: left;
      font-weight: normal; }
      .market-activity .activity h3 a, .market-activity .activity p a {
        color: #dc1e32; }
    .market-activity .activity:hover {
      background-color: #f8fafb; }
      .market-activity .activity:hover h2, .market-activity .activity:hover h3, .market-activity .activity:hover p, .market-activity .activity:hover p a {
        color: #333; }
  @media screen and (min-width: 1367px) {
    .market-activity .span3 {
      width: 22%; }
	  }
.market-activity .span3:first-child{background:none;}
.service{/*padding-bottom: 50px;*/}
.about-home{padding-top: 80px;} 
.about-home p{font-size: 24px;padding: 0px;margin:0px;}   
.about-home .about-h-l{width: 78%;float: left;padding-right: 10px;}
.about-home .about-h-l .about-text{padding:0px 20px 50px 0px;color: #333;line-height: 26px;}
.about-home .about-h-l img{width: 85%;padding: 5px 20px 50px 50px;}
.about-home .about-h-r{width: 20%;float: right;}
.about-h-r span{display: block;font-size: 24px;}
.about-h-r span:nth-child(2){padding-top: 200px;}
.about-h-r span b{color:#ae0315}
.about-h-r span:nth-child(3){font-size: 14px;padding: 20px 0px 45px 0px;    border-bottom: 1px solid #d3d3d3;}
.about-h-r span:nth-child(4){padding-top: 40px}
.about-h-r span:nth-child(5){font-size: 14px;padding: 20px 0px 45px 0px}
.about-h-r .btn{background:#dc1e32;color: #fff;border: 1px solid #dc1e32;font-weight: 300}
.links #myCarousel .ul-ul{margin: 0px;}
.zg-1{padding: 20px 0px;}
.zg-1 h2{color: #494949;font-size: 18px;}
.zg-1 .text{color: #777777;font-size: 15px;}
.zg-1 .text p{padding:5px 0px;line-height:28px;}
.about-h-2{background: url(../images/about-h-2.png) no-repeat; height: 540px; background-size: 100%;position:relative;}
.about-h-2-m{width: 57%;float: left}
.about-h-2-mian{width:510px;float: left;padding-top:120px;}
.about-h-2-mian p{line-height:28px;color:#fff;text-transform:capitalize;}
.about-h-2-mian p:first-child{text-transform: uppercase;font-size: 18px;}
/*gun dong*/
.product-number-info {
  background: url(../images/about-zhuanli.png) repeat-x;
  background-size: cover;
  position:relative;
}
.product-number-inner {padding-top: 180px;}
.product-number-info ul {
  height: 315px;
  line-height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-number-inner sub{font-size: 32%;text-transform: capitalize;}
.product-number-info li {
  float: left;
  width: 239px;
  height: 90px;
  border-right: 1px solid #0a73bb;
  color: #fff;
  padding-top: 1px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.product-number-info li:first-child ,.product-number-info li:nth-child(4) ,.product-number-info li:last-child  {
  border: none;
}

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

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

.product-number-info li b i {
  font-style: normal;
}

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

.product-number-info li.li-2 b, .product-number-info li.li-2 p {
  padding-left: 70px;
}

.product-number-info li b em {
  font-style: normal;
  font-size: 28px;
  font-weight: 100;
  padding-left: 2px;
  position: relative;
  top: -4px;
}

.product-number-info li.li-3 b, .product-number-info li.li-3 p {
  padding-left: 70px;
}

.product-number-info li.li-4 b, .product-number-info li.li-4 p {
  padding-left: 78px;
}

.product-number-info li.li-5 {
  text-align: right;
}
/*end*/
.news {
  background: #f8fafb;
  margin-bottom: 20px;
  padding-bottom: 40px; }
  .news .topTitle{padding-bottom: 35px;}
  .news .news-item {
    padding: 10px;
    /* border: solid 1px #e8e8e8; */
    box-sizing: border-box;
    color: #3e3a39;
    margin-bottom: 15px;
    /*@media (max-width: 500px){
      a.pull-left{
        margin-right: 0 !important;
      }
    }*/ }
.mbx{padding-top:40px;text-align: right;}
.mbx a:nth-child(2){padding-left: 10px;}
.mbx a:last-child{color: #dc1e32}    
    @media (max-width: 979px) and (min-width: 768px) {
      .news .news-item {
        display: block;
        float: none;
        width: 100%; } }
    @media screen and (max-width: 1199px) and (min-width: 768px) {
      .news .news-item + .news-item {
        margin-left: 20px; } }
	.ztpic {
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 3px;
    background: #CCC;
    display: block;
}	
    .news .news-item .media-object {
        display: inline-block;
		width: 100%;
		min-height: 100%;
		height: auto;
		vertical-align: middle;
		transition: all .5s ease-out .1s;}
.news .news-item:hover { background: #fff; box-shadow: #ccc 1px 1px 8px; }		
.news a img:hover { transform: scale(1.05) }	
      .news .news-item .media-object a.pull-left {
        margin-right: 0 !important; }
      @media (max-width: 500px) {
        .news .news-item .media-object {
          width: 100%;
          height: 76.2%; } }
    .news .news-item .media-body {
      margin: 8px 0 0 0; }
      .news .news-item .media-body a {
        color: #3e3a39; }
      @media (max-width: 979px) and (min-width: 768px) {
        .news .news-item .media-body {
          margin: 22px 0 0 0; } }
      .news .news-item .media-body .media-heading {
        font-size: 16px;
        line-height: 32px; }
      .news .news-item .media-body .media-content, .news .news-item .media-body .time {
        font-size: 14px;
        line-height: 24px; }
        .news .news-item .media-body .media-content a, .news .news-item .media-body .time a {
          color: #dc1e32; }
      .news .news-item .media-body .time {
        color: #898989; }
      @media (max-width: 600px) {
        .news .news-item .media-body {
          margin-top: 0; }
          .news .news-item .media-body .media-heading {
            line-height: 24px; }
          .news .news-item .media-body .media-content, .news .news-item .media-body .time {
            line-height: 20px; } }
    .news .news-item:hover {
      background: #f8fafb;
      border:1px solid #d3d3d3; }
      .news .news-item:hover h4, .news .news-item:hover p, .news .news-item:hover .time, .news .news-item:hover p a {
        }
  @media screen and (min-width: 1367px) {
    .news .span6 {
      width:30.33%; } }

/*产品中心*/
.stickUp {
  margin-top: 0;
  height: 166px;
  background-color: #fff;
  position: relative; }
  .stickUp .navbar.navbar-inverse.navbar-static-top {
    background-color: #dc1e32;
    height: 102px;
    border-radius: 0; }
  .stickUp .nav-tabs {
    width: 100%;
    border-bottom: none; }
    .stickUp .nav-tabs li {
      width: 25%;
      border: none;
      margin-bottom: 0;
      position: relative;
      overflow: hidden; }
      .stickUp .nav-tabs li > img {
        position: absolute;
        right: 0;
        top: 0; }
      .stickUp .nav-tabs li a {
        background-color: none;
        border: none;
        border-radius: 0px;
        padding: 27px 15px 27px; }
        .stickUp .nav-tabs li a span {
          /*float: left;*/
          color: #3e3a39; }
          .stickUp .nav-tabs li a span.icon {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            display: inline-block;
            margin-right: 14px;
            border: 1px solid #fff;
            float: left; }
            .stickUp .nav-tabs li a span.icon img {
              width: 100%; }
          .stickUp .nav-tabs li a span.name {
            font-size: 18px;
            line-height: 24px;
            margin-top: 4px;
            display: inline-block;
            width: 200px;
            text-align: left;
            color: #fff; }
            @media (max-width: 870px) {
              .stickUp .nav-tabs li a span.name {
                font-size: 14px !important; } }
            @media (max-width: 400px) {
              .stickUp .nav-tabs li a span.name {
                font-size: 12px !important;
                overflow: hidden;
                /*超出部分隐藏*/
                white-space: nowrap;
                /*不换行*/
                text-overflow: ellipsis;
                /*超出部分文字以...显示*/ } }
          .stickUp .nav-tabs li a span.English {
            font-size: 12px;
            display: inline-block;
            text-align: left;
            color: #fff; }
            @media (max-width: 870px) {
              .stickUp .nav-tabs li a span.English {
                overflow: hidden;
                /*超出部分隐藏*/
                white-space: nowrap;
                /*不换行*/
                text-overflow: ellipsis;
                /*超出部分文字以...显示*/ } }
        @media (max-width: 1249px) {
          .stickUp .nav-tabs li a {
            padding: 8px 0; }
            .stickUp .nav-tabs li a span {
              float: none; }
              .stickUp .nav-tabs li a span.icon {
                width: 36px;
                height: 36px;
                margin: 0 auto;
                display: block;
                float: none; }
              .stickUp .nav-tabs li a span.name {
                display: block;
                font-size: 16px;
                width: auto;
                text-align: center; }
              .stickUp .nav-tabs li a span.English {
                display: block;
                text-align: center; }
            .stickUp .nav-tabs li a .space {
              display: none; } }
      .stickUp .nav-tabs li.active > img {
        display: none; }
      .stickUp .nav-tabs li.active a {
        background-color: #ededed; }
        .stickUp .nav-tabs li.active a .icon {
          border: 1px solid #484544 !important; }
        .stickUp .nav-tabs li.active a .name {
          color: #3e3a39; }
        .stickUp .nav-tabs li.active a .English {
          color: #3e3a39; }
  .stickUp .collapse {
    height: auto; }
  .stickUp .tab-pane.swiper-container {
    width: 100%; }
    @media (max-width: 768px) {
      .stickUp .tab-pane.swiper-container {
        width: 500px; } }
    @media (max-width: 540px) {
      .stickUp .tab-pane.swiper-container {
        width: 300px; } }
  .stickUp .floor {
    float: none;
    text-align: center;
    height: auto !important;
    position: static !important;
    margin: 0 auto; }
    .stickUp .floor > li.menuItem {
      /*float: none;*/
      display: inline-block;
      cursor: pointer;
      max-width: 190px;
      overflow: hidden;
      /*超出部分隐藏*/
      white-space: nowrap;
      /*不换行*/
      text-overflow: ellipsis;
      /*超出部分文字以...显示*/ }
      .stickUp .floor > li.menuItem.active {
        font-weight: bold; }
      .stickUp .floor > li.menuItem + li.menuItem a {
        position: relative; }
        .stickUp .floor > li.menuItem + li.menuItem a:before {
          content: '';
          position: absolute;
          left: 0;
          top: 22px;
          width: 1px;
          height: 18px;
          background-color: #6d6a69; }
      .stickUp .floor > li.menuItem a {
        font-size: 14px;
        color: #3e3a39;
        padding: 20px 15px;
        -webkit-text-shadow: none;
        -moz-text-shadow: none;
        text-shadow: none;
        box-shadow: none;
        /*@media (max-width: 500px){
          padding: 22px 2px 22px 6px;
          font-size: 13px;
          &:before{
            left: -1px;
          }
        }*/ }
        .stickUp .floor > li.menuItem a:hover {
          color: #3e3a39; }
  .stickUp .navbar-inverse .nav .active > a,
  .stickUp .navbar-inverse .nav .active > a:hover,
  .stickUp .navbar-inverse .nav .active > a:focus {
    background-color: #ededed;
    border: none;
    box-shadow: none; }
/*product*/	
.product .banner .content {
    position: absolute;
    top: 21%;
    left: 50%;
    width: 1200px;
    height: 79%;
    margin-left: -600px;
}
.product .banner{position:relative;height:490px;overflow:hidden;}
.product .banner .pd-banner{
	animation: enlarge linear 8s infinite alternate;
    width: 100%;
	height: 490px;
	}
.product .products{padding-top:30px;padding-bottom:40px;}	
.uploadCase {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin-bottom:10px;
	display: flex;
	justify-content: center;
}
.uploadCase .uploadBnt {
    height: 30px;
    background-color: #dc1e32;
    color: #fff;
    text-align: center;
    line-height: 30px;
	padding:35px 60px;
    cursor: pointer;
	border-right:1px solid #FF7180;
    float: left;
}
.uploadCase .uploadBnt a{font-size:16px;}
.uploadCase .uploadBnt:last-child{border-right:none;}
.uploadCase .uploadBnt.active{background-color: #ededed;border-top:2px solid #dc1e32}
.uploadCase .uploadBnt.active span a{color:#333 !important;}
.ul-two{    
	width: 100%;
    height: auto;
    font-size: 14px;
    color: #999999;
    text-align: center;
    margin-bottom:50px;
	display: flex;
	justify-content: center;}
.ul-two li{    
	text-align: center;
	padding:0px 20px;
    cursor: pointer;
	margin-top:25px;
	border-right:1px solid #d3d3d3;}	
.ul-two li a{font-size:16px;}
.ul-two li.active a{font-weight:600}	
.ul-two li:last-child{border-right:none;}	
.product .banner .content .target {
    font-size: 40px;
    line-height: 1;
    color: #fff;
    margin: 90px 0 20px 0;
}
.product .banner .content h4 {
    font-size: 22px;
    line-height: 1;
    color: #fff;
    margin: 0;
    font-weight: normal;
}
.products .product-list {
  display: none; }

.products .product-module {
  padding-bottom: 25px; }
.nav-tabs > li > a{font-size:15px;font-weight:bold;}  
  .products .product-module .module-title {
    margin: 0 0 25px 0;
    font-size: 22px;
    line-height: 1;
    color: #3e3a39; }
  .products .product-module .item {
    border: #d1d1d1 solid 1px;
    margin-bottom: 30px; }
    .products .product-module .item:hover {
      border: #dc1e32 solid 1px; }
    .products .product-module .item .img {
      text-align: center;
	  background-color: #ffffff;
	  
	  border-bottom: #8f8f8f 1px solid;
      margin-bottom: 18px; }
      .products .product-module .item .img img {
        /*width: 100%;*/
        height: auto; }
        @media (max-width: 1250px) {
          .products .product-module .item .img img {
            height: 164px; } }
        @media (max-width: 980px) {
          .products .product-module .item .img img {
            height: 169px; } }
        @media (max-width: 768px) {
          .products .product-module .item .img img {
            height: auto;
            max-height: 282px; } }
    .products .product-module .item .product-type {
      font-size: 14px;
      line-height: 14px;
      color: #3e3a39;
      margin-bottom: 12px;
      margin-left: 26px; }
    .products .product-module .item .product-name {
      font-size: 14px;
      line-height: 14px;
      color: #898989;
      margin-bottom: 24px;
      margin-left: 26px; }
    .products .product-module .item .detail-btns {
      margin-bottom: 8px;
      margin-left: 16px; }
      .products .product-module .item .detail-btns .detail-btn {
        display: inline-block;
        background-color: #dc1e32;
        font-size: 12px;
        line-height: 12px;
        color: #fff;
        padding: 7px 10px; }
        .products .product-module .item .detail-btns .detail-btn:hover {
          text-decoration: none; }

@media (min-width: 300px) and (max-width: 499px) {
  .products .container {
    width: 90%;
    margin: 0 auto; } }

@media (min-width: 500px) and (max-width: 767px) {
  .products .container {
    width: 450px;
    margin: 0 auto; }
    .products .container .row {
      margin-left: -10px; }
      .products .container .row .span3 {
        width: 216px;
        display: inline-block;
        margin: 0 0 0 10px; } }

@media (min-width: 768px) {
  .products .span3 {
    width: 226px; } }

@media (min-width: 980px) {
  .products .span3 {
    width: 218px; } }

@media (min-width: 1250px) {
  .products .span3 {
    width: 275.5px; } }

/*产品详情页*/
.product-detail .box {
  height: 620px;
  position: relative;
  left: 0;
  top: 0;
  /*background: url("../images/product-bg.jpg") no-repeat center top;*/ }
  .product-detail .box .img {
    margin: 102px 0 0 82px;
    width: 420px;
    height: 420px; }
  .product-detail .box .info {
    width: 532px;
    margin: 60px 0px 0 0; }
    .product-detail .box .info h2 {
      font-size: 30px;
      line-height: 75px;
      color: #dc1e32;
      margin: 0; }
    .product-detail .box .info h3 {
      font-size: 24px;
      line-height: 36px;
      color: #3e3a39;
      margin: 0 0 35px 0;
      font-weight: lighter; }
    .product-detail .box .info p {
      font-size: 14px;
      line-height: 34px;
      color: #595757;
      /*text-indent: 28px;*/
      margin-bottom: 60px; }
    .product-detail .box .info .relative {
      font-size: 22px;
      line-height: 22px;
      color: #595757;
      margin-bottom: 22px; }
    .product-detail .box .info .media {
      border: #c9caca solid 1px;
      background-color: #f0f0f0;
      padding: 12px 18px;
      margin: 0 15px 0 0; }
      .product-detail .box .info .media a {
        margin-right: 18px; }
      .product-detail .box .info .media .media-body h4 {
        font-size: 15px;
        color: #595757;
        margin-top: 4px; }
      .product-detail .box .info .media .media-body span {
        font-size: 14px;
        color: #595757; }
#oth .media{margin-top:0px; padding-right: 20px;margin-left:20px;}		
#oth .media-body{}		
  @media (max-width: 1200px) {
    .product-detail .box {
      height: 500px; }
      .product-detail .box .img {
        width: 300px;
        height: 300px;
        margin: 52px 0 0 52px; }
      .product-detail .box .info {
        width: 490px;
        margin: 52px 52px 0 0; }
        .product-detail .box .info h2 {
          font-size: 40px;
          line-height: 60px;
          color: #dc1e32; }
        .product-detail .box .info h3 {
          font-size: 26px;
          line-height: 28px;
          color: #3e3a39;
          margin: 0 0 15px 0; }
        .product-detail .box .info p {
          font-size: 14px;
          line-height: 26px;
          color: #595757;
          margin-bottom: 30px; }
        .product-detail .box .info .media {
          padding: 12px 12px;
          margin: 0 10px 0 0; }
          .product-detail .box .info .media a {
            /*margin-right: 12px;*/ } }
  @media (max-width: 980px) and (min-width: 768px) {
    .product-detail .box {
      height: 400px; }
      .product-detail .box .container {
        position: relative; }
      .product-detail .box .img {
        width: 240px;
        height: 240px;
        margin: 22px 0 0 0px; }
      .product-detail .box .info {
        width: 450px;
        margin: 22px 0 0 0; }
        .product-detail .box .info .relative {
          position: absolute;
          bottom: -100px;
          left: 30px; }
        .product-detail .box .info .medias {
          position: absolute;
          bottom: -100px;
          left: 150px; }
        .product-detail .box .info .media {
          padding: 12px 18px; }
          .product-detail .box .info .media a {
            /*margin-right: 18px;*/ } }
  @media (max-width: 767px) {
    .product-detail .box {
      height: 820px;
      background-position: -300px -100px;
      background-repeat: repeat-y; }
      .product-detail .box .img {
        width: 360px;
        height: 360px;
        float: none;
        margin: 15px auto 0;
        display: block; }
      .product-detail .box .info {
        width: 450px;
        margin: 22px 0 0 0; }
        .product-detail .box .info .media {
          padding: 12px 8px;
          margin: 0 5px 0 0; }
          .product-detail .box .info .media a {
            /*margin-right: 10px;*/ } }
  @media (max-width: 550px) {
    .product-detail .box .container {
      width: 300px !important; }
    .product-detail .box .img {
      width: 300px;
      height: 300px; }
    .product-detail .box .info {
      width: 300px; }
      .product-detail .box .info .media {
        padding: 12px 34px;
        margin: 0 0 10px 0;
        width: 80%; }
        .product-detail .box .info .media a {
          margin-right: 32px;
          float: left;
          display: inline-block; } }

.product-detail .detail-title {
  font-size: 22px;
  line-height: 22px;
  color: #3e3a39;
  margin: 34px 0 0 -15px;
  float: left;
  background-color: #fff;
  padding: 0 15px; }

.product-detail .lists {
  width: 85%;
  margin: 0 auto 85px; }
  .product-detail .lists .list {
    margin-bottom: 10px;
    border: #c9caca solid 1px;
    border-radius: 27px; }
    .product-detail .lists .list .list-name {
      width: 16%;
      font-size: 16px;
      line-height: 52px;
      color: #fff;
      padding: 0 1% 0 0;
      text-align: right;
      float: left;
      background-color: #dc1e32;
      -moz-border-top-left-radius: 27px;
      border-top-left-radius: 27px;
      -moz-border-bottom-left-radius: 27px;
      border-bottom-left-radius: 27px; }
    .product-detail .lists .list .list-info {
      width: 79%;
      font-size: 16px;
      line-height: 52px;
      color: #3e3a39;
      padding: 0 0 0 3%;
      text-align: left;
      float: left;
      -moz-border-top-right-radius: 27px;
      border-top-right-radius: 27px;
      -moz-border-bottom-right-radius: 27px;
      border-bottom-right-radius: 27px; }
  @media (max-width: 980px) {
    .product-detail .lists {
      width: 100%;
      margin-top: 75px; } }

.product-detail .line {
  width: 100%; }

.product-detail .title-has-line {
  position: relative;
  top: -52px;
  left: 0; }

.product-detail .feature li {
  font-size: 14px;
  line-height: 1;
  color: #3e3a39;
  padding: 18px;
  position: relative; }
  .product-detail .feature li:before {
    width: 5px;
    height: 5px;
    background-color: #dc1e32;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 22px; }

@media (max-width: 980px) {
  .product-detail .feature.span3 {
    margin-left: 0 !important;
    margin-top: 15px; }
  .product-detail .feature.offset1 {
    margin-left: 50px !important; } }

@media (max-width: 767px) {
  .product-detail .feature.span3 {
    clear: both;
    width: 100% !important;
    margin-left: 35px !important; }
    .product-detail .feature.span3 li {
      float: left; } }

@media (max-width: 767px) and (min-width: 500px) {
  .product-detail .container {
    width: 400px !important; }
    .product-detail .container .list {
      position: relative; }
      .product-detail .container .list .list-name {
        width: 25% !important;
        position: absolute;
        top: 0;
        bottom: 0;
        line-height: 40px; }
        .product-detail .container .list .list-name span {
          position: absolute;
          top: 50%;
          right: 0;
          margin-top: -20px; }
      .product-detail .container .list .list-info {
        width: 70% !important;
        margin-left: 25%;
        line-height: 40px; } }

@media (max-width: 500px) {
  .product-detail .container {
    width: 300px !important; }
    .product-detail .container .lists {
      margin-top: 112px; }
      .product-detail .container .lists .list {
        position: relative; }
        .product-detail .container .lists .list .list-name {
          width: 30% !important;
          position: absolute;
          top: 0;
          bottom: 0;
          line-height: 40px; }
          .product-detail .container .lists .list .list-name span {
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -20px; }
        .product-detail .container .lists .list .list-info {
          width: 65% !important;
          margin-left: 30%;
          line-height: 40px; } }

/*产品详情页*/
.news-box .banner{margin-top: 80px;}
.news-box .banner .text h2{font-size: 30px;color: #27539c;padding-top: 105px;}
.news-box .banner .text h2:last-child{padding-top: 10px;color: #fff;}
.news-box .news-banner {
  width: 100%;
  height: auto;
  margin-bottom: 6px; }

@media (max-width: 768px) {
  .news-box .container {
    padding: 0 15px; } }

.news-box .container .nav-tabs {
  border-bottom: none;
  margin: 10px 0; }
  .news-box .container .nav-tabs li a {
    background-color: #fff !important;
    cursor: cursor !important;
    border: none !important;
    padding: 0 30px 0 0;
    font-size: 22px;
    line-height: 25px;
    color: #3e3a39; }
    @media (max-width: 550px) {
      .news-box .container .nav-tabs li a {
        padding: 0 16px 0 0;
        font-size: 18px;
        line-height: 22px;
        color: #3e3a39; } }
  .news-box .container .nav-tabs li + li a {
    background: url("../images/fgx3.png") no-repeat top left;
    padding-left: 30px; }
  @media (max-width: 560px) {
    .news-box .container .nav-tabs {
      margin: 20px 0; } }

.news-box .container .nav-tabs > .active > a, .news-box .container .nav-tabs > .active > a:hover, .news-box .container .nav-tabs > .active > a:focus {
  color: #dc1e32; }

.news-box .container .tab-content .activities {
  margin: 0 auto 44px; }
  .news-box .container .tab-content .activities .activity {
    border-top: #ddd solid 1px;position: relative;/*background:#f7f7f7;*/ padding-bottom: 15px; }
  .news-box .container .tab-content .activities .activity:last-child{border-bottom: #ddd solid 1px;}
    .news-box .container .tab-content .activities .activity .media {
      width: 86%;
    }
      @media (max-width: 1024px) {
        .news-box .container .tab-content .activities .activity .media {
          padding: 12px 16px; } }
      .news-box .container .tab-content .activities .activity .media .media-body a {
        color: #3e3a39; }
		.news-box .container .tab-content .activities .activity .media .media-body{
          width: 75%;float: left;}
      .news-box .container .tab-content .activities .activity .media .pull-left {
      margin-right: 22px;width: 20%;float: right }
        .news-box .container .tab-content .activities .activity .media .media-body a h4 {
          overflow: hidden;
          /*超出部分隐藏*/
          white-space: nowrap;
          /*不换行*/
          text-overflow: ellipsis;
          /*超出部分文字以...显示*/ }
      .news-box .container .tab-content .activities .activity .media .media-heading {
        font-size: 16px;
        line-height: 24px;
        color: #3e3a39;
        margin: 12px 0 8px 0; }
        @media (max-width: 1024px) {
          .news-box .container .tab-content .activities .activity .media .media-heading {
            margin: 0 0 4px 0; } }
      .news-box .container .tab-content .activities .activity .media p {
        font-size: 14px;
        line-height: 25px;
		padding-top:15px;
        color: #3e3a39; }
        .news-box .container .tab-content .activities .activity .media p .news-detail {
          color: #dc1e32;
          cursor: pointer; }
          .news-box .container .tab-content .activities .activity .media p .news-detail:hover {
            text-decoration: none; }
    .news-box .container .tab-content .activities .activity .time {
      float: left;width: 14%;
    }
      .news-box .container .tab-content .activities .activity:hover{border: 1px solid #d3d3d3}
      .news-box .container .tab-content .activities .activity .time p {
        padding-top: 5px;padding-left: 15px;color: #828282;font-size: 20px;
        }
      .news-box .container .tab-content .activities .activity .time p:nth-child(1){
        padding-top:30px;
    }
    .news-box .container .tab-content .activities .activity .more-ma a.btn {background:#f7f7f7;
      border: 1px solid #bcbcbc;color: #bcbcbc;}
    .news-box .container .tab-content .activities .activity:hover{border: 1px solid #d3d3d3}
    .news-box .container .tab-content .activities .activity:hover .more-ma a.btn{background: #dc1e32;
    color: #fff;
    border: 1px solid #dc1e32;}
	.pager{text-align:center;margin: 60px 0;}
	.pager li > a{border-radius:0px;background-color:#f2f2f2;color:#000;padding: 5px 10px;border: none;}
	.pager li.active a{background-color:#2651ab;color:#fff;}
	.pager .disabled > a{background-color:#c8c8c8;color:#fff;}
	.pager select{padding: 5px 25px;    margin-bottom: 2px;margin-left: 40px; border-radius: 0;}
    @media (max-width: 700px) {
      .news-box .container .tab-content .activities .activity .media {
        margin: 0;
        padding: 12px 10px; }
      .news-box .container .tab-content .activities .activity .time {
        }
    }
    .news-box .container .tab-content .activities .activity .media a.pull-left .media-object {
      width: 270px;
      height: 140px; }
    @media (max-width: 550px) {
      .news-box .container .tab-content .activities .activity {
        padding-bottom: 24px; }
        .news-box .container .tab-content .activities .activity .media {
          width: 100%;
          padding: 12px 0 !important;
          margin-top: -2px; }
          .news-box .container .tab-content .activities .activity .media a.pull-left {
            float: none;
            display: block;
            margin: 0 10px; }
            .news-box .container .tab-content .activities .activity .media a.pull-left .media-object {
              width: 100%;
              height: 56.2%; }
          .news-box .container .tab-content .activities .activity .media .media-body {
            margin: 0 10px; }
            .news-box .container .tab-content .activities .activity .media .media-body .media-heading {
              margin-top: 8px; }
        .news-box .container .tab-content .activities .activity .time {
          bottom: 4px;
          margin: 0 10px; } }
    .news-box .container .tab-content .activities .activity + .activity {}
  @media (max-width: 1024px) {
    .news-box .container .tab-content .activities {
      width: 100%; } }

.news-box .container .tab-content .pager ul {
  margin-left: 0; }

@media (max-width: 700px) {
  .news-box .container .tab-content .pager .ui-pager {
    padding: 4px 6px; }
  .news-box .container .tab-content .pager .ui-paging-container li.ui-paging-toolbar select {
    height: 32px; }
  .news-box .container .tab-content .pager .ui-paging-container li.ui-paging-toolbar input {
    line-height: 30px;
    height: 30px; }
  .news-box .container .tab-content .pager .ui-paging-container li.ui-paging-toolbar a {
    height: 30px;
    line-height: 30px; } }

.news-box .detail-container .type-name {
  font-size: 22px;
  line-height: 25px;
  color: #3e3a39;
  margin: 45px 0 16px 0; }
  .news-box .detail-container .type-name .type {
    float: left;
    padding-right: 28px; }
    .news-box .detail-container .type-name .type + .type {
      padding-left: 28px;
      background: url("../images/fgx3.png") no-repeat left center; }
    .news-box .detail-container .type-name .type.active {
      color: #dc1e32; }
  @media (max-width: 768px) {
    .news-box .detail-container .type-name {
      margin: 25px 0 10px 0; } }

.news-box .detail-container .title {
  font-size: 36px;
  line-height: 36px;
  text-align:center;
  color: #3e3a39;
  font-weight: normal;
  margin: 32px 0 32px 16px; }
  @media (max-width: 1024px) {
    .news-box .detail-container .title {
      font-size: 30px; } }
  @media (max-width: 768px) {
    .news-box .detail-container .title {
      font-size: 24px;
      margin: 24px 0 24px 16px; } }
  @media (max-width: 500px) {
    .news-box .detail-container .title {
      font-size: 20px;
      margin: 16px 0 16px 0; } }

.news-box .detail-container .share {
  padding-bottom: 36px;
  border-bottom: #3e3a39 solid 1px; }
  .news-box .detail-container .share .bdsharebuttonbox {
    margin-left: 16px; }
    @media (max-width: 500px) {
      .news-box .detail-container .share .bdsharebuttonbox {
        margin-left: 0; } }
    .news-box .detail-container .share .bdsharebuttonbox .icon {
      display: inline-block;
      width: 32px;
      height: 32px;
      background-image: url("../images/share.png");
      background-repeat: no-repeat;
      vertical-align: middle;
      margin-right: 4px; }
    .news-box .detail-container .share .bdsharebuttonbox a {
      color: #fff;
      background-color: #dc1e32;
      display: inline-block;
      padding: 5px 12px 5px 8px;
      font-size: 14px;
      line-height: 32px;
      border-radius: 5px; }
      .news-box .detail-container .share .bdsharebuttonbox a.bds_tsina .icon {
        background-position: 0 0; }
      .news-box .detail-container .share .bdsharebuttonbox a.bds_weixin .icon {
        background-position: -32px 0; }
      .news-box .detail-container .share .bdsharebuttonbox a.bds_qzone .icon {
        background-position: -64px 0; }
      .news-box .detail-container .share .bdsharebuttonbox a + a {
        margin-left: 10px; }
      @media (max-width: 768px) {
        .news-box .detail-container .share .bdsharebuttonbox a {
          padding: 5px 8px 5px 4px; } }
      @media (max-width: 500px) {
        .news-box .detail-container .share .bdsharebuttonbox a .icon {
          margin-right: 0 !important; }
        .news-box .detail-container .share .bdsharebuttonbox a + a {
          margin-left: 4px; } }
  .news-box .detail-container .share .time {
    margin-right: 16px;
    font-size: 16px;
    line-height: 43px;
    color: #3e3a39; }
    @media (max-width: 500px) {
      .news-box .detail-container .share .time {
        float: left;
        clear: both; } }
  @media (max-width: 768px) {
    .news-box .detail-container .share {
      padding-bottom: 16px; } }

.news-box .detail-container .main {
  border-top:1px solid #d3d3d3;
  padding-top:20px;  
  margin: 50px auto;}
  .news-box .detail-container .main p, .news-box .detail-container .main ul, .news-box .detail-container .main li {
    font-size: 16px;
    line-height: 30px;
    color: #3e3a39;
    margin: 0;
    padding: 0;
	margin-bottom: 16px;
    text-align: left; }
.bloginfo{text-align:center;}	
.bloginfo span{padding-right:20px;}	
.main img {
    margin: 0px 0 35px;
}
.nextinfo p {
    margin: 15px 0 !important;
	line-height:26px !important;
}	
  .news-box .detail-container .main img {
    margin: 15px 0 35px; }
  @media (max-width: 768px) {
    .news-box .detail-container .main {
      margin: 20px auto; } }

/*行业应用*/
@media (min-width:768px) {
 
  li>.dropdown-menu {opacity: 1; display: none; margin: 0;}
  .navbar .nav > li > .dropdown-menu:after {border-bottom:none;}
  .dropdown-menu > li > a{font-weight:500;font-size:15px;}
 .dropdown-menu{border-radius:unset;top:97%;} 
 li .dropdown-menu{width:280px;left:-76px;}
 li .dropdown-menu li{width:50%;margin:0 auto;padding:8px 0px;border-bottom:1px solid #d3d3d3;}
 li:nth-child(3) .dropdown-menu{width:280px;left:-76px;}
 li:nth-child(3) .dropdown-menu li{width:50%;margin:0 auto;padding:8px 0px;border-bottom:1px solid #d3d3d3;}
 li .dropdown-menu li:last-child{border-bottom:none;}
 li.open .dropdown-menu {display: block;border-top: 3px solid #2651ab;}
  
 
}
.application ul.dropdown-menu{width: 250px;}
.application ul.dropdown-menu li{width: 48%;float: left;border-bottom: 1px solid #d3d3d3;padding: 10px 0px;}
.application ul.dropdown-menu li:nth-child(2n){padding-right: 10px;}
.application ul.dropdown-menu li:nth-child(7) ,.application ul.dropdown-menu li:nth-child(8){border: none;}
.application .banner {position: relative; margin-top: 80px;}
.application .app-zd-sh{background: #f9fafc}
.app-zd-sh .app-conn{width: 48.5%;float: left;height: 280px;margin: 50px 0px;}
.app-zd-sh .app-dz{background: url(../images/application-dz.png) no-repeat;}
.app-zd-sh .app-sh{background: url(../images/application-sh.png) no-repeat;float: right;}
.app-zd-sh .app-conn p{color: #fff;padding-left: 40px;font-size: 16px;}
.app-zd-sh .app-conn p:first-child{padding-top: 60px;font-size: 20px;margin-bottom: 30px;}
.app-zd-sh .app-conn p:last-child{font-size: 14px;}

/* 行业应用 */
.cloud-product {padding: 0px 0px 60px 0px;}
.cloud-product ul{margin:0px;}
.cloud-product-title {
    height: 44px;
    text-align: center;
    line-height: 44px;
    font-size: 28px;
    color: #fff;
}
.cloud-product-title span {
    border-bottom: 2px solid #fff;
    display: inline-block;
}
.cloud-product-explain {
    margin-top: 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.cloud-service-list {
    margin-top: 16px;
}
.cloud-service-list li {
    position: relative;
    float: left;
    width: 31%;
    height: 435px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 34px;
    margin-top: 30px;
    cursor: pointer;
    border: 1px solid #d3d3d3;
    background: #e9eaee;
}
.cloud-service-sligen-back .cloud-service-name{
    position:absolute;
    margin:0 auto;
    left:0px;
    right:0px;
    top:60px;
    bottom:0px;
    height:20px;line-height:20px;
}
.c-img{height:370px;}
.c-img img{width:100%;height:100%;}
.cloud-service-sligen-back .cloud-service-name span{padding:0px;margin:0;height:30px;display:block;line-height:26px;padding:0px 30px;width:auto;font-size:24px;}
.cloud-service-sligen-back .cloud-service-name span:last-child{margin-top:10px;font-size:16px;}
.cloud-service-list li:hover{background: #e9eaee;}
.cloud-service-list li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.cloud-service-list li .cloud-service-sligen-from {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 380px;
    background: #fff;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: transform 500ms ease-in-out;
    -ms-transition: transform 500ms ease-in-out;
    -webkit-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
.cloud-service-list li .cloud-service-sligen-back {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 240px;
    background: #fff;
    -o-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -ms-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -moz-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -webkit-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
/*.cloud-service-list li:nth-child(3n+1) {
    margin-right: 8px;
}*/
.cloud-service-list li:nth-child(3n) {
  margin-right: 0px;
}
.cloud-service-sligen span {
    margin-top: 25px;
    display: inline-block;
    height: 40px;
    width: 100%;
}
.cloud-service-bg1 {
    background: url("../images/quanqiu.png") no-repeat center;
}
.cloud-service-bg2 {
    background: url("../images/zizhu.png") no-repeat center;
}
.cloud-service-bg3 {
    background: url("../images/tuikuan.png") no-repeat center;
}
.cloud-service-bg4 {
    background: url("../images/xingjiabi.png") no-repeat center;
}
.cloud-service-bg5 {
    background: url("../images/jiaji.png") no-repeat center;
}
.cloud-service-bg6 {
    background: url("../images/fuwu.png") no-repeat center;
}
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg1 {
    background: url("../images/cloud_hover_service1.png") no-repeat center;
    display: none;
}
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg2 {
    background: url("../images/cloud_hover_service2.png") no-repeat center;
    display: none;
}
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg3 {
    background: url("../images/cloud_hover_service3.png") no-repeat center;
    display: none;
}
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg4 {
    background: url("../images/cloud_hover_service4.png") no-repeat center;
    display: none;
}
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg5 {
    background: url("../images/cloud_hover_service5.png") no-repeat center;
    display: none;
}
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-bg6 {
    background: url("../images/cloud_hover_service6.png") no-repeat center;
    display: none;
}
.cloud-service-sligen-from .cloud-service-name {
    height: 42px;
    line-height: 72px;
    font-size: 20px;
    color: #000;
    text-align: center;
	padding:0px 10px;
     word-break: break-word;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
.cloud-service-sligen-from .cloud-service-info {
    margin: 0px 30px;
    font-size: 16px;
    color: #4c4c4c;
    text-align: center;
    line-height: 20px;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
.cloud-service-infos{
  text-align: center;
  background: #3275c4;
  width: 25%;
  color: #fff;
  padding: 10px 5px;
  border-radius: 9px;
  margin: 0 auto;
}
.cloud-service-sligen-back .cloud-service-name {
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    color: #000;
    text-align: center;
    -o-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -ms-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -moz-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -webkit-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
.cloud-service-sligen-back .cloud-service-info {
    margin: 0px 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 20px;
    -o-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -ms-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -moz-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -webkit-transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    transition: all 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
.cloud-service-list li:hover .cloud-service-sligen-from {
    -o-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}
.cloud-service-list li:hover .cloud-service-sligen-back {
    -o-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    opacity: 1;
    filter: alpha(opacity=100);
}
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-info {
    margin: 0px 20px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    line-height: 30px;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
.cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-name {
    height: 58px;
    line-height: 58px;
    font-size: 16px;
    padding-top: 10px;
    color: #000;
    text-align: center;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .cloud-service-list li {
        width: 32%;
    }
    .cloud-service-list li:nth-child(3n+1) {
        margin-right: 0px;
    }
    .cloud-service-sligen-from .cloud-service-info {
        margin: 0 5px;
    }
    .cloud-service-sligen span {
        margin-top: 10px;
    }
    .cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-info {
        margin: 0 5px;
        line-height: 20px;
    }
    .cloud-service-sligen-back .cloud-service-name {
        height: 30px;
        line-height: 30px;
    }
    .index-item.why .why-center {
        margin-top: 0px;
        text-align: center
    }
    .index-item.why .why-center img {
        width: auto;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .cloud-service-list li {
        width: 32%;
    }
    .cloud-service-list li:nth-child(3n+1) {
        margin-right: 0px;
    }
    .cloud-service-sligen-from .cloud-service-info {
        margin: 0 5px;
    }
    .cloud-service-sligen span {
        margin-top: 10px;
    }
    .cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-info {
        margin: 0 5px;
        line-height: 20px;
    }
    .cloud-service-sligen-back .cloud-service-name {
        height: 30px;
        line-height: 30px;
    }
    .index-item.why .why-center {
        margin-top: 0px;
        text-align: center
    }
    .index-item.why .why-center img {
        width: auto;
    }
}
@media only screen and (max-width: 479px) {
    .cloud-product {
        padding:10px 0px;
    }
    .cloud-product-title {
        font-size: 20px;
    }
    .cloud-service-list li {
        width: 49%;
    }
    .cloud-service-list li:nth-child(3n+1) {
        margin-right: 0px;
    }
    .cloud-service-sligen-from .cloud-service-info {
        margin: 0 5px;
    }
    .cloud-service-sligen span {
        margin-top: 10px;
    }
    .cloud-service-list li:hover .cloud-service-sligen-back .cloud-service-info {
        margin: 0 5px;
        line-height: 20px;
    }
    .cloud-service-sligen-back .cloud-service-name {
        height: 30px;
        line-height: 30px;
    }
    .index-item.why .why-center {
        margin-top: 0px;
    }
    .index-item.why .why-center img {
        width: 100%;
    }
    .index-item .cert-stats {
        padding: 0px;
    }
}
/* end */
  .application .banner .content {
    position: absolute;
    top: 21%;
    left: 50%;
    width: 1200px;
    height: 79%;
    margin-left: -600px; }
    @media (max-width: 1600px) {
      .application .banner .content {
        top: 12%;
        height: 80%; } }
    @media (max-width: 1200px) {
      .application .banner .content {
        left: 0;
        width: 100%;
        margin-left: 0px; } }
    @media (max-width: 1100px) {
      .application .banner .content {
        top: 8%;
        height: 91%; } }
    @media (max-width: 840px) {
      .application .banner .content {
        top: 6%;
        height: 88%; } }
    .application .banner .content h2 {
      font-size: 60px;
      line-height: 1;
      color: #1f2229;
      margin: 0 0 16px 0;
      width: 100%; }
      @media (max-width: 1100px) {
        .application .banner .content h2 {
          margin: 0 0 8px 0; } }
      @media (max-width: 900px) {
        .application .banner .content h2 {
          font-size: 50px;
          line-height: 1;
          color: #1f2229; } }
      @media (max-width: 768px) {
        .application .banner .content h2 {
          font-size: 40px;
          line-height: 1;
          color: #1f2229; } }
      @media (max-width: 560px) {
        .application .banner .content h2 {
          font-size: 30px;
          line-height: 1;
          color: #1f2229;
          margin-bottom: 6px; } }
    .application .banner .content .target {
      font-size: 30px;
      line-height: 1;
      color: #708ecd;
      margin: 45px 0 20px 0; }
      @media (max-width: 1400px) {
        .application .banner .content .target {
          margin: 16px 0 12px 0; } }
      @media (max-width: 768px) {
        .application .banner .content .target {
          font-size: 24px;
          line-height: 1;
          color: #ca192b;
          margin: 12px 0 8px 0; } }
      @media (max-width: 560px) {
        .application .banner .content .target {
          font-size: 20px;
          line-height: 1;
          color: #ca192b;
          margin: 8px 0 4px 0; } }
      @media (max-width: 360px) {
        .application .banner .content .target {
          display: none; } }
    .application .banner .content h4 {
      font-size: 22px;
      line-height: 1;
      color: #fff;
      margin: 0;
      font-weight: normal; }
      @media (max-width: 560px) {
        .application .banner .content h4.info {
          display: none; } }
    .application .banner .content .types.row {
      position: absolute;
      left: 10%;
      bottom: 10%;
      width: 80%;
      margin-left: 0; }
      @media (max-width: 1600px) {
        .application .banner .content .types.row {
          bottom: 4%; } }
      @media (max-width: 1400px) {
        .application .banner .content .types.row {
          bottom: 0; } }
      @media (max-width: 1100px) {
        .application .banner .content .types.row {
          bottom: 6%; } }
      @media (max-width: 768px) {
        .application .banner .content .types.row {
          bottom: 4%; } }
      @media (max-width: 560px) {
        .application .banner .content .types.row {
          bottom: 2%; } }
      .application .banner .content .types.row .span2 {
        margin: 0;
        width: 16.6% ;
        float: none !important; }
		.swiper-wrapper{
		}
      .application .banner .content .types.row .icon {
        width: 102px;
        height: 102px;
        background: url("../images/applications.png") no-repeat 0 0;
        margin: 0 auto; }
        .application .banner .content .types.row .icon.icon1 {
          background-position: 0px 0; }
        .application .banner .content .types.row .icon.icon2 {
          background-position: -102px 0; }
        .application .banner .content .types.row .icon.icon3 {
          background-position: -204px 0; }
        .application .banner .content .types.row .icon.icon4 {
          background-position: -306px 0; }
        .application .banner .content .types.row .icon.icon5 {
          background-position: -408px 0; }
        .application .banner .content .types.row .icon.icon6 {
          background-position: -510px 0; }
		  .application .banner .content .types.row .icon.icon6 {
          background-position: -612px 0; }
        @media (max-width: 1200px) {
          .application .banner .content .types.row .icon {
            width: 80px;
            height: 80px;
            background-size: cover; }
            .application .banner .content .types.row .icon.icon1 {
              background-position: 0px 0; }
            .application .banner .content .types.row .icon.icon2 {
              background-position: -80px 0; }
            .application .banner .content .types.row .icon.icon3 {
              background-position: -160px 0; }
            .application .banner .content .types.row .icon.icon4 {
              background-position: -240px 0; }
            .application .banner .content .types.row .icon.icon5 {
              background-position: -320px 0; }
            .application .banner .content .types.row .icon.icon6 {
              background-position: -400px 0; }
			  .application .banner .content .types.row .icon.icon6 {
              background-position: -480px 0; } }
        @media (max-width: 768px) {
          .application .banner .content .types.row .icon {
            width: 50px;
            height: 50px;
            background-size: cover; }
            .application .banner .content .types.row .icon.icon1 {
              background-position: 0px 0; }
            .application .banner .content .types.row .icon.icon2 {
              background-position: -50px 0; }
            .application .banner .content .types.row .icon.icon3 {
              background-position: -100px 0; }
            .application .banner .content .types.row .icon.icon4 {
              background-position: -150px 0; }
            .application .banner .content .types.row .icon.icon5 {
              background-position: -200px 0; }
            .application .banner .content .types.row .icon.icon6 {
              background-position: -250px 0; }
			  .application .banner .content .types.row .icon.icon6 {
              background-position: -300px 0; } }
        @media (max-width: 560px) {
          .application .banner .content .types.row .icon {
            width: 40px;
            height: 40px; }
            .application .banner .content .types.row .icon.icon1 {
              background-position: 0px 0; }
            .application .banner .content .types.row .icon.icon2 {
              background-position: -40px 0; }
            .application .banner .content .types.row .icon.icon3 {
              background-position: -80px 0; }
            .application .banner .content .types.row .icon.icon4 {
              background-position: -120px 0; }
            .application .banner .content .types.row .icon.icon5 {
              background-position: -160px 0; }
            .application .banner .content .types.row .icon.icon6 {
              background-position: -200px 0; }
			  .application .banner .content .types.row .icon.icon6 {
              background-position: -240px 0; } }
      .application .banner .content .types.row .title {
        margin: 12px 0 0 0;
        font-size: 24px;
        line-height: 1;
        color: #333; }
        @media (max-width: 768px) {
          .application .banner .content .types.row .title {
            font-size: 18px;
            line-height: 1;
            color: #333; } }
        @media (max-width: 560px) {
          .application .banner .content .types.row .title {
            font-size: 14px;
            line-height: 1;
            color: #333;
            margin-top: 10px; }
        }

.application .lists {
  width: 86%;
  margin: 12px auto 90px; }
  @media (max-width: 768px) {
    .application .lists {
      margin: 12px auto 30px; } }
  @media (max-width: 1199px) {
    .application .lists {
      width: 100%; } }
  .application .lists .list {
    background-color: #efefef;
    position: relative; }
    .application .lists .list + .list {
      margin-top: 35px; }
    .application .lists .list img {
      height: 320px;
      width: 550px; }
      .application .lists .list img.pull-left {
        margin: 8px 0 8px 16px; }
      .application .lists .list img.pull-right {
        margin: 8px 16px 8px 0; }
    .application .lists .list .text {
      width: 510px; }
      .application .lists .list .text.pull-left {
        margin: 71px 16px 8px 0; }
      .application .lists .list .text.pull-right {
        margin: 71px 0 8px 16px; }
      .application .lists .list .text .title {
        font-size: 24px;
        line-height: 1;
        color: #db1e32;
        margin-bottom: 30px;
		text-align:left;
		}
      .application .lists .list .text .cnt {
        font-size: 14px;
        line-height: 1;
        color: #3e3a39; }
	.application .lists .list .text .cnt p{text-align:left;line-height:26px;}	
    @media (max-width: 1199px) {
      .application .lists .list img {
        height: 182px;
        width: 454px; }
      .application .lists .list .text {
        width: 454px; }
        .application .lists .list .text.pull-left {
          margin: 62px 16px 8px 0; }
        .application .lists .list .text.pull-right {
          margin: 62px 0 8px 16px; } }
    @media (max-width: 979px) {
      .application .lists .list img {
        height: 138px;
        width: 346px; }
      .application .lists .list .text {
        width: 346px; }
        .application .lists .list .text.pull-left {
          margin: 40px 16px 8px 0; }
        .application .lists .list .text.pull-right {
          margin: 40px 0 8px 16px; } }
   
   
   .list:nth-child(odd) .pull-left{
float:left!important;
}
.list:nth-child(odd) .pull-right{
float:right!important;
}
.list:nth-child(even) .pull-left{
float:right!important;
margin-right:16px!important;
margin-left:0!important
}
.list:nth-child(even) .pull-right{
float:left!important;
margin-right:0!important;
margin-left:16px!important;
left:0;
right:auto;
}

    @media (max-width: 768px) {
      .application .lists .list img {
        height: auto;
        width: 48%; }
        .application .lists .list img.pull-left {
          margin: 8px 0 8px 1%; }
        .application .lists .list img.pull-right {
          margin: 8px 1% 8px 0; }
      .application .lists .list .text {
        width: 48%;
        position: absolute;
        top: 50%;
        text-align: center; }
        .application .lists .list .text.pull-left {
          left: 0;
          margin-top: -30px;
          margin-bottom: 8px;
          margin-left: 1%;
          margin-right: 0; }
        .application .lists .list .text.pull-right {
          right: 0;
          margin-top: -30px;
          margin-bottom: 8px;
          margin-right: 1%;
          margin-left: 0; }
        .application .lists .list .text .title {
          margin-bottom: 16px; } 
		  
		  
		  
		  
		  
		     .list:nth-child(odd) .pull-left{
float:left!important;
  margin: 8px 0 8px 1%!important;
}
.list:nth-child(odd) .pull-right{
float:right!important;
 margin: -20.5px 1% 8px 0!important;
}
.list:nth-child(even) .pull-left{
float:right!important;
margin-right:16px!important;
margin-left:0!important;
 margin:8px 1% 8px 0!important;
}
.list:nth-child(even) .pull-right{
float:left!important;
margin-right:0!important;
margin-left:16px!important;
left:0;
right:auto;
  margin:  -20.5px 0 8px 1%!important;
}
		  }
  @media (max-width: 768px) and (max-width: 640px) {
    .application .lists .list .text.pull-left {
      margin-top: -20.5px; }
    .application .lists .list .text.pull-right {
      margin-top: -20.5px; }
    .application .lists .list .text .title {
      font-size: 16px;
      margin-bottom: 5px; }
    .application .lists .list .text .cnt {
      font-size: 12px; } }

@media (min-width: 1200px) {
  .application .container, .application .navbar-static-top .container, .application .navbar-fixed-top .container, .application .navbar-fixed-bottom .container {
    width: 1200px; } }

.contact {
  position: relative; }
  .contact:before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.2);
    z-index: 1000; }
.contact .mbx {
   /* padding:30px 0px;
	margin-bottom:100px;*/
}	
.contact .banner {
    position: relative; background-color:#000;margin-top: 80px;}
.contact .content .span4{width: 45%;margin-left:0px;}
.contact .content .span4 p{font-size:30px;color:#000;text-align:left;line-height: 36px;}
.contact .content .span4 p:first-child{padding-top: 70px;}
.contact .content .span4 .text{    
	color: #474747;
    font-size: 16px;
    text-align: left;
    padding-top: 40px;}
.contact .content .span3 {
    width: 45%;
    float: right;
    border: 1px solid #f8f8f8;
    background: #f8f8f8;
}
.contact .content .span3 .title .topTitle{margin-top:0px;font-size: 26px;}
.contact .content .span3 .box{padding:60px;}
.contact .content .span3 .box .input-group{padding-top:30px;}
.contact .content .span3 .box .input-group span{font-weight:600;}
.contact .content .span3 .box input , .contact .content .span3 .box textarea{width:70%;}
.contact .content .span3 .box .more-ma .btn{margin-top: 40px; padding: 5px 25px;}
.contact .contact-two{padding:20px 0px;}
/*input[type="text"] {
  background-image: url("../images/tel.png");
  background-repeat: no-repeat;
  background-position: left center;
}*/
.zg-1 .form-control{width: 32.33%;float: left;padding: 15px 0px;font-size:16px;text-indent: 52px;height: 30px;background-repeat: no-repeat;
  background-position: 12px center;background-size: 5%;}
.zg-1 #dr_title {
  background-image: url("../images/name.png");
  margin-right: 15px;
}
.zg-1 #dr_email {
  background-image: url("../images/email.png");
  background-size: 7%;
  margin-right: 15px;
}
.zg-1 #dr_phone{background-image: url("../images/tel1.png");float: right;}
.zg-1 #dr_content{width: 100%;margin-top: 20px;background-image: url("../images/msg.png");background-repeat: no-repeat;background-size:3%;padding: 15px 0px;font-size:16px;
  text-indent: 52px;background-position:10px 10px;}
.zg-1 .btn{width: 100%;background: #3275c4;padding: 15px 0px;margin-top: 15px;color: #fff;font-size:16px;}
.zg-1 #dr_code{margin-top: 20px;padding: 5px;width: 10%;}
.zg-1 .fc-code img{margin-top: 22px;}
/* 案例 */
.cloud-case .topTitle{padding-top: 30px;padding-bottom: 50px;}
.cloud-case .case-mian-comm{width: 380px;float: left;margin-right: 30px;display: block;}
.cloud-case .case-m{background-color: #e9eaee;height: 333px;width: 380px;display: block;overflow: hidden;}
.cloud-case .case-m p{line-height:72px;font-size: 20px;color: #000;text-align: center;}
.cloud-case .case-bottom{margin-top: 30px;}
.cloud-case .case-mian-c{position: relative;overflow: hidden;}
.cloud-case .case-mian-c-1{position: absolute;z-index: 2;z-index: 2;padding-top: 110px;text-align: center;margin: 0 auto;right: 0;left: 0;}
.cloud-case .case-mian-c-1 p{color: #000;}
.cloud-case .case-mian-c-1 p:nth-child(2){font-size: 20px;}
.cloud-case .case-mian-c-1 p:nth-child(3){padding-top: 15px;padding-bottom: 30px;}
.cloud-case .case-btn{width: 26%;background: #3275c4;padding: 20px 20px;text-align: center;margin: 0 auto;}
.cloud-case .case-btn a{color: #fff;}
.case-btn a:hover ,.cloud-case a:hover{font-weight: 550;}
.cloud-case a:hover p{color: #0A5EC2;}
.cloud-case .case-mian-c img{overflow: hidden;width: 380px;}
.cloud-case .case-mian-r{float: right;margin-right:0px;}
    @media (max-width: 768px) {
      .contact .banner > img {
        display: none; } }
    .contact .banner .content {
      position: absolute;
      left: 50%;
      top: 20%;
      height: 80%;
      margin-left: -600px; }
      .contact .banner .content .row {
        height: 100%; }
        .contact .banner .content .row .span4, .contact .banner .content .row .span3, .contact .banner .content .row .span5 {
          position: relative;
          height: 100%; }
          .contact .banner .content .row .span4:before, .contact .banner .content .row .span3:before, .contact .banner .content .row .span5:before {
            content: '';
            position: absolute;
            right: 0;
            top: 26px;
            height: 260px;
            width: 1px;
            background-color: rgba(255, 255, 255, 0.3); }
          .contact .banner .content .row .span4.last:before, .contact .banner .content .row .span3.last:before, .contact .banner .content .row .span5.last:before {
            width: 0; }
          .contact .banner .content .row .span4 div.text, .contact .banner .content .row .span3 div.text, .contact .banner .content .row .span5 div.text {
            width: 90%;
            margin: 34px auto 0;
            font-size: 16px;
            line-height: 32px;
            color: #fff;
            text-align: left; }
          .contact .banner .content .row .span4 .box, .contact .banner .content .row .span3 .box, .contact .banner .content .row .span5 .box {
            width: 235px;
            text-align: left; }
            .contact .banner .content .row .span4 .box .title, .contact .banner .content .row .span3 .box .title, .contact .banner .content .row .span5 .box .title {
              font-size: 26px;
              line-height: 26px;
              color: #fff;
              margin-bottom: 40px; }
            .contact .banner .content .row .span4 .box form input, .contact .banner .content .row .span4 .box form textarea, .contact .banner .content .row .span4 .box form button, .contact .banner .content .row .span3 .box form input, .contact .banner .content .row .span3 .box form textarea, .contact .banner .content .row .span3 .box form button, .contact .banner .content .row .span5 .box form input, .contact .banner .content .row .span5 .box form textarea, .contact .banner .content .row .span5 .box form button {
              background: none !important;
              color: #fff;
              border-color: #fff !important;
              border-radius: 8px; }
            .contact .banner .content .row .span4 .box form input, .contact .banner .content .row .span3 .box form input, .contact .banner .content .row .span5 .box form input {
              width: 267px; }
            .contact .banner .content .row .span4 .box form textarea, .contact .banner .content .row .span3 .box form textarea, .contact .banner .content .row .span5 .box form textarea {
              width: 100%; }
            .contact .banner .content .row .span4 .box form button.btn, .contact .banner .content .row .span3 .box form button.btn, .contact .banner .content .row .span5 .box form button.btn {
              padding: 4px 30px; }
            .contact .banner .content .row .span4 .box ul, .contact .banner .content .row .span3 .box ul, .contact .banner .content .row .span5 .box ul {
              margin-left: 0; }
              .contact .banner .content .row .span4 .box ul li, .contact .banner .content .row .span3 .box ul li, .contact .banner .content .row .span5 .box ul li {
                margin-bottom: 4px; }
                .contact .banner .content .row .span4 .box ul li .icon, .contact .banner .content .row .span3 .box ul li .icon, .contact .banner .content .row .span5 .box ul li .icon {
                  display: inline-block;
                  width: 21px;
                  height: 24px;
                  background: url("../images/contact-icons.png") no-repeat 0 0;
                  vertical-align: middle;
                  margin-right: 6px; }
                  .contact .banner .content .row .span4 .box ul li .icon.icon2, .contact .banner .content .row .span3 .box ul li .icon.icon2, .contact .banner .content .row .span5 .box ul li .icon.icon2 {
                    background-position: 0 -33px; }
                  .contact .banner .content .row .span4 .box ul li .icon.icon3, .contact .banner .content .row .span3 .box ul li .icon.icon3, .contact .banner .content .row .span5 .box ul li .icon.icon3 {
                    background-position: 0 -67px; }
                  .contact .banner .content .row .span4 .box ul li .icon.icon4, .contact .banner .content .row .span3 .box ul li .icon.icon4, .contact .banner .content .row .span5 .box ul li .icon.icon4 {
                    background-position: 0 -96px; }
                  .contact .banner .content .row .span4 .box ul li .icon.icon5, .contact .banner .content .row .span3 .box ul li .icon.icon5, .contact .banner .content .row .span5 .box ul li .icon.icon5 {
                    background-position: 0 -131px; }
                .contact .banner .content .row .span4 .box ul li span, .contact .banner .content .row .span3 .box ul li span, .contact .banner .content .row .span5 .box ul li span {
                  font-size: 16px;
                  line-height: 24px;
                  color: #fff; }
        .contact .banner .content .row .span5 .box {
          width: 400px; }
        @media (max-width: 1200px) {
          .contact .banner .content .row .span3 {
            width: 190px; } }
        @media (max-width: 1040px) {
          .contact .banner .content .row .span3 {
            width: 240px; } }
        @media (max-width: 768px) {
          .contact .banner .content .row .span3:before {
            width: 0; } }
        @media (max-width: 1200px) {
          .contact .banner .content .row .span3 .box {
            width: 190px; } }
        .contact .banner .content .row .span3 .box form input, .contact .banner .content .row .span3 .box form textarea, .contact .banner .content .row .span3 .box form button {
          background: none !important;
          color: #fff;
          border-color: #fff !important;
          border-radius: 8px; }
        .contact .banner .content .row .span3 .box form input, .contact .banner .content .row .span3 .box form textarea {
          width: 100%; }
          @media (max-width: 1200px) {
            .contact .banner .content .row .span3 .box form input, .contact .banner .content .row .span3 .box form textarea {
              width: 160px; } }
          @media (max-width: 1050px) {
            .contact .banner .content .row .span3 .box form input, .contact .banner .content .row .span3 .box form textarea {
              width: 200px; } }
      @media (max-width: 1200px) {
        .contact .banner .content {
          position: absolute;
          left: 0;
          top: 10%;
          height: 80%;
          width: 100%;
          margin-left: 0; } }
      @media (max-width: 1040px) {
        .contact .banner .content {
          position: absolute;
          left: 0;
          top: 2%;
          height: 80%;
          width: 100%;
          margin-left: 0; }
          .contact .banner .content .span4.first {
            margin-top: 0;
            width: 100%; }
            .contact .banner .content .span4.first img {
              width: 44px; }
            .contact .banner .content .span4.first .text {
              margin: 10px 0 0 0 !important; }
            .contact .banner .content .span4.first:before {
              background-color: transparent !important; }
          .contact .banner .content .span4, .contact .banner .content .span3, .contact .banner .content .span5 {
            margin-top: 15px; } }
      @media (max-width: 900px) {
        .contact .banner .content .span4:before {
          height: 200px !important; }
        .contact .banner .content .title {
          margin-bottom: 15px !important; } }
      @media (max-width: 768px) {
        .contact .banner .content {
          position: static;
          background: url("../images/contact-banner-small.png") no-repeat 0 0;
          background-size: cover;
          padding: 0 15px; }
          .contact .banner .content .span4.first {
            margin-top: 15px; } }
  @media (min-width: 1200px) {
    .contact .container, .contact .navbar-static-top .container, .contact .navbar-fixed-top .container, .contact .navbar-fixed-bottom .container {
      width: 1200px; } }
  .contact .address {margin: 35px 0; }
    @media (max-width: 1200px) {
      .contact .address {
        margin: 35px 0; } }
    .contact .address .addItem {
      width: 22.5%;
      height: 120px;
      display: inline-block;
      margin-right: 36px;
	  margin-bottom: 22px;
	  text-align: center;
	  background:#fff;
      border-radius: 6px;
	  position: relative;
	  overflow: hidden; }
	  .contact .address .addItem:nth-child(4n){margin-right:0px;}
      
      @media (max-width: 1200px) {
        .contact .address .addItem {
          width: 280px;
          height: 191px; } }
      @media (max-width: 1000px) {
        .contact .address .addItem {
          width: auto;
          display: block;
          margin-bottom: 1px; } }
      .contact .address .addItem > .box1 {
        position: absolute;
        width: 100%;
        height: 200%;
        left: 0;
        top: 0; }
        .contact .address .addItem > .box1 .up {
          position: absolute;
          top: 0;
          left: 0;
          height: 50%;
          width: 100%;
          /*background: url("../images/contact-items1.png") no-repeat center;*/
          background-size: cover; }
          .contact .address .addItem > .box1 .up h3 {
            font-size: 20px;
            line-height: 1;
            color: #dc1e32;
            margin: 0 0 12px 0;
            font-weight: 600;
            margin-top: 25px; }
            @media (max-width: 980px) {
              .contact .address .addItem > .box1 .up h3 {
                margin-top: 26px; } }
          .contact .address .addItem > .box1 .up h4 {
            font-size: 14px;
            color: #777;
			padding:0px 15px;
            margin: 0;
            font-weight: normal; }
          .contact .address .addItem > .box1 .up .moveUp {
            width: 44px;
            height: 44px;
            position: absolute;
            bottom: 18px;
            left: 50%;
            margin-left: -22px;
            /*background: url("../images/moveUp.png") no-repeat 0 0;*/ }
        .contact .address .addItem > .box1 .down {
          position: absolute;
          top: 60%;
          left: 25px;
          height: 50%;
          width: 100%;
          z-index: 10; }
          .contact .address .addItem > .box1 .down dl {
            margin: 25px !important;
            text-align: left;
            font-size: 16px;
            line-height: 40px;
            color: #595757; 
			
			}
			.contact .address .addItem > .box1 .down dl dd{background: url("../images/tel.png") no-repeat;text-indent:40px;line-height:30px;}
			.contact-add-more p{color:#fff;font-size:16px;line-height: 30px;}
			.contact-add-more p:first-child{font-size:22px;}
			.contact-ban{padding-bottom:100px;}
			.contact-ban ul{margin:0px;padding-top: 40px;}
			.contact-ban ul li{float:left;width:18%;margin-right:15px;margin-bottom:15px;border:1px solid #d3d3d3;height:80px;line-height:80px;text-align:center;padding: 5px 4px;}
			.contact-ban ul li:nth-child(5n){margin-right:0px;}
			.contact-ban ul li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
            @media (max-width: 1200px) {
              .contact .address .addItem > .box1 .down dl {
                margin: 18px !important; } }
      .contact .address .addItem.addItem2 .up {
       /* background: url("../images/contact-items2.png") no-repeat center;*/
        background-size: cover; }
      .contact .address .addItem.addItem3 .up {
       /* background: url("../images/contact-items3.png") no-repeat center;*/
        background-size: cover; }
		.contact .address .addItem.addItem4 .up {
       /* background: url("../images/contact-items4.png") no-repeat center;*/
        background-size: cover; }
		.contact .address .addItem.addItem5 .up {
       /* background: url("../images/contact-items5.png") no-repeat center;*/
        background-size: cover; }
		.contact .address .addItem.addItem6 .up {
       /* background: url("../images/contact-items6.png") no-repeat center;*/
        background-size: cover; }

.data {
  margin-bottom: 150px; }
  .data .cntItem {
    width: 33.33333%;
    height: 102px;
    position: relative;
    text-align: center;
    cursor: pointer; }
    .data .cntItem + .cntItem:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 1px;
      background: url("../images/fgx1.png") no-repeat 0 0;
      z-index: 1000; }
    .data .cntItem .icon {
      display: inline-block;
      width: 38px;
      height: 38px;
      background: url("../images/answer.png") no-repeat 0 0;
      vertical-align: middle;
      margin: 33px 20px 0 0; }
      .data .cntItem .icon.icon2 {
        background-image: url("../images/files.png"); }
      .data .cntItem .icon.icon3 {
        background-image: url("../images/video.png"); }
    .data .cntItem span {
      font-size: 26px;
      line-height: 36px;
      color: #fff;
      vertical-align: middle;
      margin-top: 33px;
      display: inline-block; }
    .data .cntItem.active {
      background-color: #ededed; }
      .data .cntItem.active .icon.icon1 {
        background-image: url("../images/answer-gray.png") !important; }
      .data .cntItem.active .icon.icon2 {
        background-image: url("../images/files-gray.png") !important; }
      .data .cntItem.active .icon.icon3 {
        background-image: url("../images/video-gray.png") !important; }
      .data .cntItem.active span {
        color: #3e3a39; }
  .data .module {
    display: none;
    position: relative; }
    .data .module.active {
      display: block; }
    .data .module h2 {
      font-size: 50px;
      line-height: 1;
      color: #dc1e32;
      font-weight: normal;
      margin-top: 45px; }
    .data .module h3 {
      font-size: 22px;
      line-height: 1;
      color: #3e3a39;
      margin: 42px 0 22px 0;
      font-weight: normal; }
    .data .module .span4 {
      cursor: pointer; }
    .data .module .media {
      border: #c9caca solid 1px;
      padding: 6px;
      margin-bottom: 16px;
      background-color: #f2f2f2; }
      .data .module .media .media-body {
        font-size: 14px;
        line-height: 1;
        color: #595757; }
        .data .module .media .media-body h4 {
          font-size: 14px;
          line-height: 1;
          color: #595757;
          margin: 16px 0 12px 0; }
          @media (max-width: 1200px) {
            .data .module .media .media-body h4 {
              margin: 12px 0 12px 0; } }
      .data .module .media.file {
        padding: 10px 16px; }
        .data .module .media.file h4 {
          margin: 4px 0 0 6px; }
        .data .module .media.file button {
          background-color: #dc1e32;
          border: none;
          color: #fff;
          line-height: 22px;
          width: 70px;
          margin: 6px 0 0 6px; }
    .data .module .qaBox {
      margin-top: 42px; }
      .data .module .qaBox .qa {
        border: #c9caca solid 1px;
        padding: 0 18px 0 50px;
        margin-bottom: 4px; }
        @media (max-width: 720px) {
          .data .module .qaBox .qa {
            padding: 0 12px; } }
        .data .module .qaBox .qa .ques {
          padding: 18px 60px 18px 16px;
          position: relative; }
          .data .module .qaBox .qa .ques img {
            margin-right: 20px;
            vertical-align: middle; }
            @media (max-width: 720px) {
              .data .module .qaBox .qa .ques img {
                margin-right: 10px; } }
          .data .module .qaBox .qa .ques span {
            font-size: 16px;
            line-height: 36px;
            color: #595757;
            font-weight: 500; }
          .data .module .qaBox .qa .ques .switch {
            border: solid 1px #3e3a39;
            width: 40px;
            height: 40px;
            position: absolute;
            right: 20px;
            top: 15px;
            text-align: center;
            line-height: 34px;
            font-size: 32px;
            cursor: pointer; }
            .data .module .qaBox .qa .ques .switch:before {
              content: "+"; }
            @media (max-width: 720px) {
              .data .module .qaBox .qa .ques .switch {
                top: 8px; } }
        .data .module .qaBox .qa .ans {
          padding: 24px 85px;
          font-size: 14px;
          line-height: 20px;
          color: #595757;
          display: none; }
          @media (max-width: 1200px) {
            .data .module .qaBox .qa .ans {
              padding: 14px 55px; } }
          @media (max-width: 1024px) {
            .data .module .qaBox .qa .ans {
              padding: 14px 25px; } }
          @media (max-width: 720px) {
            .data .module .qaBox .qa .ans {
              padding: 8px 12px; } }
        .data .module .qaBox .qa.active {
          background-color: #ededed;
          margin-bottom: 10px; }
          .data .module .qaBox .qa.active .ques {
            border-bottom: solid 1px #dc1e32; }
            .data .module .qaBox .qa.active .ques .switch:before {
              content: "-"; }
          .data .module .qaBox .qa.active .ans {
            display: block; }

.about > .container {
  margin: 0 auto 50px; }
  .about > .container h3 {
    text-align: center;
    font-size: 30px;
    line-height: 1;
    color: #3e3a39;
    font-weight: normal;
    margin-bottom: 32px;
    margin-top: 58px; }
.about-two .container{width:1000px !important;}
.about-fzlz .container{width:1100px !important;margin:0 auto;}
.about .about-two{padding-top:60px;padding-bottom:60px}	
.about .about-two ul li{width:50%;float:left;}	
.about .about-two ul li:last-child{float:right;width:50%;}
.about .about-two  ul li .s-l-m-l-left{width:70%;padding-top:26px;}
.about .about-two  ul li .s-l-m-l-left h4{font-size:16px;}
.about .about-two ul li:last-child .s-l-m-r-img{padding-left:145px;}
.about .about-two ul li:last-child .s-l-m-l-left{width:40%;}
.about .culture{margin-top:10px;padding-top: 50px;}
.culture .text p{line-height:26px;padding-top:10px;}
.culture .text p:first-child{font-size: 18px}
.culture .text p:nth-child(2){color: #0A5EC2;padding-bottom: 20px;}
.culture .text p:last-child{padding-top: 20px;}
.about-two-mian{}
.about-two-mian .about-two-mian-left{background: #fff;width: 22%;float: left;padding: 27px;}
.about-two-mian-right{width: 70%;float: right;}
.about-two-mian-right ul{margin: 0px;}
.about-two-mian-right ul li{width: 47%;height:140px;float: left;background: #fff;margin-right: 45px;text-align: center;padding: 35px 0;margin-bottom: 30px;display: block;}
.about-two-mian-right ul li:nth-child(2n){margin-right: 0px;}
.about-two-mian-right ul li .li-mian{padding-bottom: 20px;}
.about-two-mian-conn .dl-one{padding-bottom: 25px;}
.about-two-mian-conn .dl-one img{width: 10%;}
.about-two-mian-conn .dl-two{color: #0d61bf;font-size: 18px;font-weight:500;padding-bottom: 20px;text-transform: capitalize;}
.about-two-mian-conn .dl-three{color:#898989;font-size:16px;}
.about-two-mian-left .dl-one {padding-top: 80px;padding-bottom: 15px;}
.about-two-mian-left .dl-three{line-height: 25px;}
.time_line_box{ position: relative;height: 230px;}
.time_line{position: absolute;z-index: 1;left: 0;top: 49px;height: 2px;background: #e2edff;-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;transition: transform 0.4s; }
.order_item{position: absolute;bottom: 0;z-index: 2;text-align: center;font-size: 16px;padding-bottom: 25px;color: #3275c4;}
.order_item:after{
	content: '';
	position: absolute;
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	bottom: -8px;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	border: 5px solid #dde9ff;
	background-color: #3275c4;
}
.time_line_ul2 li a{
	position: absolute;
	height: 50px;
	border-left: 1px solid #3275c4;
	padding-top: 20px;
	padding-left: 10px;
	color: #919191;
}
.time_line_ul2 li a:after {
	content: '';
	position: absolute;
	left: 0;
	right: auto;
	transform: translateX(-50%);
	bottom: -6px;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	border: 1px solid #3275c4;
}
.about-hezuo .carousel .carousel-control{top:53% !important;}
.about-hezuo .carousel-inner > .item ul li{display: block;margin-bottom: 10px;margin-right: 10px;padding: 20px 6px;}
.about-hezuo .carousel-inner > .item ul li:nth-child(5n){padding-right: 0px;}
.address ul li{color: #333;display: block;width: 25%;float: left;}
.address ul li div{color: #898989;line-height: 25px;}
.address ul li .li-mian{width: 78%;padding-bottom: 80px;}
.about-hezuo .carousel-inner > .item ul li{height: 120px;background: #fff;}
.about-hezuo .carousel-inner > .item ul li img{height: 100%;}
.dl-one{padding-bottom: 30px;}
.address ul li .dl-two{border-bottom: #0A5EC2 solid 1px;color: #000;font-weight: bold;padding-bottom:15px;margin-bottom:5px;display: inline-block;text-transform: capitalize;}
.address .dl-one img{width: 75px;height: 95px;}
.contact-map {z-index: 9999999;width: 100%;margin-top:50px;background: #f9fafc;}
.contact-map iframe{width: 100%;height: 280px; border: 0;}
.white-text{padding-bottom:50px;}
.contact-con{float:left;padding-right:55px;text-align:left;margin-top:50px;font-size:14px;width:30%;font-size:15px;height: 100px;overflow: hidden;}
.contact-con:nth-child(3n){padding-right:0px;}
.contact-con b{font-size:18px;}
    @media (max-width: 1200px) {
      .about > .container h3 {
        margin-bottom: 20px;
        margin-top: 38px; } }
    @media (max-width: 600px) {
      .about > .container h3 {
        margin-bottom: 14px;
        margin-top: 28px;
        font-size: 22px;
        line-height: 1;
        color: #3e3a39; } }
  .about > .container p {}
    @media (max-width: 1200px) {
      .about > .container p {
        margin: 0 50px; } }

.about .customers {
  background-color: #dc1e32;
  text-align: center; }
  .about .customers h3 {
    font-size: 30px;
    line-height: 1;
    color: #fff;
    margin: 42px 0 56px 0;
    font-weight: normal;
    text-align: center; }
    @media (max-width: 1024px) {
      .about .customers h3 {
        margin: 22px 0 36px 0; } }
  .about .customers .customersImg {
    margin-bottom: 100px; }
  .about .customers .customersImg1 {
    display: none; }
  @media (max-width: 768px) {
    .about .customers .customersImg {
      display: none; }
    .about .customers .customersImg1 {
      width: 90%;
      display: inline-block;
      margin-bottom: 50px; } }

.about .culture {margin-bottom: 60px; }
  .about .culture h3 {
    font-size: 30px;
    line-height: 1;
    color: #3e3a39;
    margin: 90px 0 56px 0;
    font-weight: normal;
    text-align: center; }
.about .culture .span6{margin-left:0px;margin-right:40px;}	
.about .culture .span6:last-child{margin-right:0px;width:500px;float:right;}
    @media (max-width: 1024px) {
      .about .culture h3 {
        margin: 22px 0 36px 0; } }
  .about .culture .span6 .text {
    margin-top: 96px; }
    @media (max-width: 1200px) {
      .about .culture .span6 .text {
        margin-top: 46px;
        margin-left: 20px; } }
    @media (max-width: 1000px) {
      .about .culture .span6 .text {
        margin-top: 16px;
        margin-left: 20px; } }
    .about .culture .span6 .text dl {
      font-size: 30px;
      line-height: 1;
      color: #000; }
      .about .culture .span6 .text dl dt {
        font-size: 30px;
        line-height: 1;
        color: #000;
        font-weight: lighter;
        margin-bottom: 22px !important; }
        @media (max-width: 1000px) {
          .about .culture .span6 .text dl dt {
            font-size: 24px;
            line-height: 1;
            color: #000;
            margin-bottom: 16px !important; } }
      .about .culture .span6 .text dl dd {
        font-size: 16px;
        line-height: 28px;
        color: #000; }
  @media (max-width: 768px) {
    .about .culture .span6 img {
      width: 100%; } }

.service > .container {
  margin: 0 auto 44px; }
  .service > .container h3 {
    text-align: center;
    font-size: 30px;
    line-height: 1;
    color: #3e3a39;
    font-weight: normal;
    margin-bottom: 50px;
    margin-top: 40px; }
    @media (max-width: 1200px) {
      .service > .container h3 {
        margin-bottom: 38px;
        margin-top: 20px; } }
    @media (max-width: 600px) {
      .service > .container h3 {
        margin-bottom: 28px;
        margin-top: 14px;
        font-size: 22px;
        line-height: 1;
        color: #3e3a39; } }
  .service > .container .span3 {
    /*margin-left: 7px;
      width: 232px;*/ }
    @media (min-width: 1251px) {
      .service > .container .span3 {
        margin-left: 7px;
        width: 300px; } }
    @media (max-width: 1250px) {
      .service > .container .span3 {
        margin-left: 6px;
        width: 294px; } }
    @media (max-width: 1200px) {
      .service > .container .span3 {
        width: 234px; } }
    @media (max-width: 980px) {
      .service > .container .span3 {
        width: 180px; } }
    @media (max-width: 768px) {
      .service > .container .span3 {
        width: 100%;
        margin-bottom: 25px; } }
    .service > .container .span3 > img {
      width: 100%; }
    .service > .container .span3 .cnt {
      background-color: #dc1e32;
      overflow: hidden;
      padding: 0 16px;
      font-size: 14px;
      line-height: 25px;
      color: #fff;
      font-weight: lighter;
      height: 410px; }
      @media (max-width: 1200px) {
        .service > .container .span3 .cnt {
          height: 520px; } }
      @media (max-width: 1000px) {
        .service > .container .span3 .cnt {
          font-size: 12px;
          line-height: 18px;
          color: #fff;
          height: 480px; } }
      @media (max-width: 768px) {
        .service > .container .span3 .cnt {
          font-size: 18px;
          line-height: 28px;
          color: #fff;
          height: auto;
          padding-bottom: 35px; } }
      @media (max-width: 500px) {
        .service > .container .span3 .cnt {
          font-size: 16px;
          line-height: 24px;
          color: #fff; } }
      .service > .container .span3 .cnt h4 {
        font-size: 22px;
        line-height: 1;
        color: #fff;
        font-weight: normal;
        margin: 25px 0;
        text-align: center; }
        @media (max-width: 1000px) {
          .service > .container .span3 .cnt h4 {
            font-size: 19px;
            line-height: 1;
            color: #fff;
            margin: 15px 0; } }
        @media (max-width: 768px) {
          .service > .container .span3 .cnt h4 {
            font-size: 24px;
            line-height: 1;
            color: #fff;
            margin: 25px 0; } }
        @media (max-width: 500px) {
          .service > .container .span3 .cnt h4 {
            font-size: 20px;
            line-height: 1;
            color: #fff;
            margin: 15px 0; } }
      .service > .container .span3 .cnt dl dt {
        font-weight: lighter; }
    .service > .container .span3:hover .cnt {
      background-color: #e33547; }

.bf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none; }
  .bf .shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1; }
  .bf .video {
    width: 960px;
    height: 550px;
    border: solid 5px #797979;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -280px 0 0 -515px; }
    .bf .video embed {
      display: block;
      height: 550px; }
    .bf .video .clsbtn {
      position: absolute;
      top: -5px;
      right: -65px;
      width: 60px;
      height: 60px;
      background: url("../images/closeVideo.png") no-repeat 0 0;
      z-index: 9999;
      cursor: pointer; }

.banner {
  position: relative; }
  .banner .container.text {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px; }
    .banner .container.text h3 {
      font-size: 50px;
      line-height: 50px;
      color: #dc1e32;
      margin: 42px 0 0 25px;
      font-weight: normal; }
    .banner .container.text p {
      font-size: 14px;
      line-height: 24px;
      color: #3e3a39;
      margin: 25px 0 0 25px;
      width: 456px; }
      .banner .container.text p.phone {
        width: auto;
        margin-top: 45px;
        font-size: 36px;
        line-height: 1;
        color: #000; }
        .banner .container.text p.phone img {
          vertical-align: middle;
          margin-right: 14px; }
    .banner .container.text .news_icon {
      margin: 56px 0 0 172px; }
      @media (max-width: 1200px) {
        .banner .container.text .news_icon {
          width: 210px;
          margin-left: 130px; } }
      @media (max-width: 980px) {
        .banner .container.text .news_icon {
          width: 210px;
          margin: 66px 0 0 90px; } }
      @media (max-width: 768px) {
        .banner .container.text .news_icon {
          width: 180px;
          margin: 56px 0 0 70px; } }
      @media (max-width: 640px) {
        .banner .container.text .news_icon {
          width: 150px;
          margin: 56px 0 0 40px; } }
      @media (max-width: 550px) {
        .banner .container.text .news_icon {
          width: 110px;
          margin: 36px 0 0 30px; } }
      @media (max-width: 400px) {
        .banner .container.text .news_icon {
          width: 80px;
          margin: 20px 0 0 20px; } }
    @media (max-width: 1250px) {
      .banner .container.text {
        margin-left: -585px; } }
    @media (max-width: 1200px) {
      .banner .container.text {
        margin-left: -470px; } }
    @media (max-width: 980px) {
      .banner .container.text {
        margin-left: -362px; } }
    @media (max-width: 768px) {
      .banner .container.text {
        left: 0;
        margin-left: 0; }
        .banner .container.text h3 {
          font-size: 30px;
          line-height: 30px;
          color: #dc1e32;
          margin: 28px 0 0 25px;
          font-weight: normal; }
        .banner .container.text p {
          font-size: 14px;
          line-height: 20px;
          color: #3e3a39;
          margin: 15px 0 0 25px; }
          .banner .container.text p.phone {
            margin-top: 20px;
            font-size: 24px;
            line-height: 1;
            color: #000; }
            .banner .container.text p.phone img {
              width: 60px; } }
    @media (max-width: 640px) {
      .banner .container.text h3 {
        font-size: 30px;
        line-height: 30px;
        color: #dc1e32;
        margin: 28px 0 0 25px;
        font-weight: normal; }
      .banner .container.text p {
        font-size: 14px;
        line-height: 20px;
        color: #3e3a39;
        width: 340px;
        margin: 15px 0 0 25px; }
        .banner .container.text p.phone {
          font-size: 22px;
          line-height: 1;
          color: #000; }
          .banner .container.text p.phone img {
            width: 40px; } }
    @media (max-width: 640px) {
      .banner .container.text h3 {
        font-size: 22px;
        line-height: 22px;
        color: #dc1e32;
        margin: 18px 0 0 25px; }
      .banner .container.text p {
        font-size: 12px;
        line-height: 18px;
        color: #3e3a39;
        width: auto;
        margin-right: 25px; }
        .banner .container.text p.phone {
          font-size: 16px;
          line-height: 1;
          color: #000; }
          .banner .container.text p.phone img {
            width: 32px; } }
	.contact .banner .text h2{}
.contact .banner .text p{padding-top:20px;color:#fff;font-size:26px;margin:0px;}			
    @media (max-width: 500px) {
      .banner .container.text h3 {
        margin: 18px 0 0 25px; }
      .banner .container.text p {
        font-size: 12px;
        line-height: 18px;
        color: #3e3a39;
        margin-top: 10px; }
        .banner .container.text p.phone {
          font-size: 14px;
          line-height: 1;
          color: #000;
          margin-top: 12px; }
          .banner .container.text p.phone img {
            width: 24px; } }

.modal ul li {
  font-size: 16px;
  line-height: 28px;
  color: #3e3a39; }

.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
  background-image: none !important; }

.news-box .detail-container .share .bdsharebuttonbox a {
  padding: 5px 12px 21px 8px;
  line-height: 28px; }

.news-box .detail-container .share .bdsharebuttonbox .icon {
  vertical-align: bottom; }

.news-box .detail-container .share {
  padding-bottom: 28px; }
  .pageLink_lt{
	text-align: left;
	width: 100%;
	background-image: url(../images/lt.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	line-height: 50px;
	height: 50px;
	text-indent: 60px;
	margin-top: 50px;
}
.pageLink_rt{
	text-align: left;
	width: 100%;
	background-image: url(../images/rt.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	line-height: 50px;
	height: 50px;
	text-indent: 60px;
	margin-top: 10px;
}

ul li img , .activity a img , .about-zz-home .swiper-slide img{

	transition: all 0.3s ease-out 0s;
}
ul li img:hover ,.activity a img:hover , .about-zz-home .swiper-slide img:hover{
	transform: scale(1.1, 1.1);
}

/*视频 附件下载*/
.sp_bg {

	position: relative;
	left: 0;
	top: 0;
	background: url(../images/sp_bg.jpg) no-repeat center top;

}
.sp_top {
	padding-top: 3%;
	padding-bottom: 1%;
	display:inline-block;
	transform: translate(-50%);
    left: 50%;
	color:#fff;
	position: relative;
}

.sp_top embed {
	width:1110px; height:624px;
}
.wd{
width:60%;
padding:3% 0;

}
.wd_xz {width:100%;background: url(../images/xz_bg.jpg) no-repeat center top;
background-size:100% 100%;
display: flex;
	padding:10% 0;
    justify-content: center;
    align-items: center;
}
.gallery-container .tz-gallery{padding: 25px 40px;margin-top: 40px;border: 1px solid #d3d3d3;}
 @media (max-width: 1600px) {
 
 .sp_bg {
   
    position: relative;
    left: 0;
    top: 0;
    background: url(../images/sp_bg.jpg) no-repeat center top;
}
.sp_top embed {
	width:1110px; height:624px;
}
     }
 @media (max-width: 1200px) {
 
 .sp_bg {
  
    position: relative;
    left: 0;
    top: 0;
    background: url(../images/sp_bg.jpg) no-repeat center top;
}
     }
	 
 @media (max-width: 1100px) {
 .sp_bg {
    position: relative;
    left: 0;
    top: 0;
    background: url(../images/sp_bg.jpg) no-repeat center top;
}
.head .nav-collapse > .nav > li > a{
padding:0 7px!important;
}
.sp_top embed{
width:850px; height:482px;
     }
	 	 }
 @media (max-width: 848px) {
 
 .sp_bg {
    position: relative;
    left: 0;
    top: 0;
    background: url(../images/sp_bg.jpg) no-repeat center top;
}
.sp_top embed{
width:450px; height:255px;
     }
     }
 @media (max-width: 500px) {
 
 .sp_bg {
   
    position: relative;
    left: 0;
    top: 0;
    background: url(../images/sp_bg.jpg) no-repeat center top;
}
.sp_top embed{
width:320px; height:182px;
     }
     }
	 
/*20171215*/
.head{
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 10;
}

.side .icon {
    margin-bottom: 14px;
    cursor: pointer;
    position: relative;
}
.side .r_popop1{
       position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 0px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    height: 96%;
    /* line-height: 44px; */
    z-index: -1;
    border-radius: 6px;
    background-color: #fff;
    transition: all 0.05s;
    overflow: hidden;
    border: 1px solid red;
    display: flex;
    align-items: center;
}
.side .r_popop-w{
    padding-right: 36px;
    padding-left: 10px;
    width: 120px;
    transition: all 0.05s;
}

.r_popop2{
    width: 90px;
    height: 90px;
    border: 1px solid red;
    position: absolute;
    right:55px;
    bottom: 0;
    display: none;
}
.service .nav-tabs li:nth-last-child(1)>img{
	display:none;
}


.news-box .detail-container .title_01 {
  font-size: 14px;
  line-height: 36px;
  color: #3e3a39;
  font-weight: normal;
  margin: 32px 0 32px 16px; }
  @media (max-width: 1024px) {
    .news-box .detail-container .title_01 {
      font-size: 14px; } }
  @media (max-width: 768px) {
    .news-box .detail-container .title_01 {
      font-size: 12px;
      margin: 24px 0 24px 16px; } }
  @media (max-width: 500px) {
    .news-box .detail-container .title_01 {
      font-size: 12px;
      margin: 16px 0 16px 0; } }

@media screen and (max-width: 839px) {
	.index-banner{width:100%;}
	.about-home .about-h-l{width:100%;padding-right:0px;}
	.about-home p{text-align:center;}
	.about-home .about-h-l .about-text{padding:10px;}
	.about-home .about-h-l img{width:100%;padding:10px;}
	.about-home .about-h-r{width:100%;text-align:center;}
	.about-h-r span:nth-child(2){padding-top:20px;}
	.module .title .topTitle{font-size:24px}
	.module .title .subTitle{font-size:14px;}
	.market-activity .more-ma{padding-bottom:10px;}
	.market-activity .activity{margin-bottom: 0px;}
	.activity_mian{padding-top:0px !important;}
	.activity_mian .span3:nth-child(2){display:none;}
	.title .topTitle{font-size:24px;padding-bottom:20px !important;}
	.s-l-m-l{width:100%;}
	.s-l-m-r{display:none;}
	.service{padding-bottom:10px;}
	.s-l-rukou .yy{margin-left: 15px;margin-top: 40px;}
	.s-l-rukou b{font-size:24px;}
	.service .nav-tabs li{width:50%;float:left;margin-right:0px;}
	.carousel-inner > .item ul li{width:42%;}
	.service .carousel .carousel-control.right, .service .carousel .carousel-control.left{display:none;}
	.zg-1 h2 ,.zg-1 .text p{padding:0px 10px;}
	.side{display:none !important;}
	/**news***/
	.news-box .banner{height:150px;}
	.news-box .banner img{height:100%;display:block;}
	.news-box .banner .text h2{padding-top:40px;font-size:24px;}
	.mbx{padding-top:20px;}
	.news-box .container .tab-content .activities .activity .time{display:none;}
	/**product**/
	.uploadCase{display:table;}
	.uploadCase .uploadBnt{padding:35px 8px;}
	.ul-two{display:block;}
	.ul-two li{float:left;padding:0px 5px;}
	.ul-two li:first-child{padding-left:0px;}
	
	.product-detail .box{height:auto;padding-bottom:25px;}
	.tz-gallery{padding:0px;width:100%;}
	.product-detail .box .info{width:100%;}
	.product-detail .container{width:95% !important;}
	.product-detail .container .lists{margin-top:0px;}
	/**application**/
	.application .app-zd-sh{padding-bottom:20px;}
	.application .banner {height: 150px;}
	.application .banner  img{height:100%;}
	.application .mbx{margin-right:20px;}
	.cloud-service-sligen-from .cloud-service-name{font-size:18px}
	.cloud-service-sligen-from .cloud-service-info{font-size:15px;}
	.cloud-service-list li:nth-child(2n){margin-right:0px;}
	.app_p_one{font-size:18px !important;padding-bottom:0px !important;line-height: 26px;margin:0px 10px;}
	.app-zd-sh .app-conn{width:100%;margin:0px;}
	.app-zd-sh .app-conn p{padding-left:15px;}
	.application .title .topTitle{margin-top:15px;}
	.application .banner .content .target{margin-top:50px;}
	.bloginfo span:nth-child(2){display:none;}
	
}
@media screen and (max-width: 768px) {
}
 @media screen and (max-width: 700px) {
}
@media screen and (max-width: 480px) {
	
}