/* 业务范围新增内容 */
   .section-6 {
      height: 595px;
      width: 100%;
      overflow: hidden;
      background: #1A1A28;
      position: relative;
      color: #fff;
   }

   .section-6 .bd {
      height: 100%;
   }

   .section-6 .bd li {
      height: 595px;
      text-align: center;
   }

   .section-6 .bd li .h2 {
      font-size: 24px;
      font-weight: 700;
      padding-top: 124px;
   }

   .section-6 .bd li .h2:after {
      content: "";
      width: 21px;
      height: 3px;
      display: block;
      background: #ED3C3F;
      margin: 30px auto;
   }

   .section-6 .bd li .text {
      font-size: 14px;
      line-height: 30px;
      width: 884px;
      margin: 0 auto 21px;
   }

   .section-6 .bd .item-1 {
      background: url(../images/06-img1.jpg) no-repeat;
   }

   .section-6 .bd .item-2 {
      background: url(../images/06-img2.jpg) no-repeat;
   }

   .section-6 .bd .item-3 {
      background: url(../images/06-img3.jpg) no-repeat;
   }

   .section-6 .bd .item-4 {
      background: url(../images/06-img4.jpg) no-repeat;
   }

   .section-6 .bd .item-5 {
      background: url(../images/06-img5.jpg) no-repeat;
   }

   .section-6 .bd .item-6 {
      background: url(../images/06-img6.jpg) no-repeat;
   }

   .section-6 .bd .item-7 {
      background: url(../images/06-img7.jpg) no-repeat;
   }

   .section-6 .hd {
      position: absolute;
      height: 161px;
      width: 976px;
      left: 50%;
      margin-left: -477px;
      bottom: 0;
   }

   .section-6 .hd li {
      float: left;
      height: 161px;
      width: 136px;
      cursor: pointer;
      text-align: center;
   }

   .section-6 .hd li.on {
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ed3c3f+100&0+1,0.75+100 */
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(79, 167, 211, 0.75) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(79, 167, 211, 0.75) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(79, 167, 211, 0.75) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bfed3c3f', GradientType=0);
      /* IE6-9 */
   }

   .section-6 .hd li .img {
      background: url(../images/06-icon.png) no-repeat;
      margin: 42px auto 13px;
      width: 35px;
      height: 30px;
   }

   .section-6 .hd li p {
      font-size: 16px;
   }

   .section-6 .hd li.item-1 .img {
      background-position: 0 0;
   }

   .section-6 .hd li.item-2 .img {
      background-position: -39px 0;
   }

   .section-6 .hd li.item-3 .img {
      background-position: -77px 0;
   }

   .section-6 .hd li.item-4 .img {
      background-position: -117px 0;
   }

   .section-6 .hd li.item-5 .img {
      background-position: -158px 0;
   }

   .section-6 .hd li.item-6 .img {
      background-position: -197px 0;
   }

   .section-6 .hd li.item-7 .img {
      background-position: -237px 0;
   }


   /* 网站建设页面 */

   .service_banimg {
      color: #fff;
      text-align: center;
   }

   .service_banimg>p:nth-of-type(1) {
      font-size: 40px;
   }

   .service_banimg .con {
      font-size: 18px;
      line-height: 35px;
      margin: 15px 0;
   }

   .sevice_banner {
      text-align: center;
      padding: 50px 0;
   }




   /*service*/
   .about_banner,
   .about_hisImg {
      position: relative;
      width: 100%;
   }

   .about_banner {
      padding-top: 70px;
   }

   .about_banner {
      height: 650px;
   }

   .servic_pre,
   .servic_next {
      display: block;
      position: absolute;
      top: 320px;
      z-index: 20;
      width: 52px;
      height: 102px;
   }

   /* .servic_pre{ background:url(../images/service_Lac.png) no-repeat; left:4%;}
.servic_next{ background:url(../images/service_Rac.png) no-repeat; right:4%;} */
   .service_list {
      height: auto;
      overflow: hidden;
      padding: 30px 0 136px;
   }

   .about_banimg,
   .about_hisImg img {
      position: absolute;
      left: 50%;
      margin-left: -960px;
      width: 1920px;
   }

   .about_banimg {
      top: 70px;
   }

   .about_banimg {
      height: 650px;
   }

   .service_wel {
      color: #333;
      font-size: 15px;
      padding-top: 28px;
   }

   .service_list li {
      float: left;
      width: 157px; 
   }

   .service_list li span {
      display: block;
      cursor: pointer;
   }

   .service_icon {
      display: block;
      background-image: url(../images/service_tipimg.png);
      width: 100px;
      height: 100px;
      margin-left: 28px;
   }

   .service_icon1 {
      background-position: 0 0;
   }

   .service_icon2 {
      background-position: -159px 0;
   }

   .service_icon3 {
      background-position: -317px 0;
   }

   .service_icon4 {
      background-position: -476px 0;
   }

   .service_icon5 {
      background-position: -635px 0;
   }

   .service_icon6 {
      background-position: -793px 0;
   }

   .service_icon7 {
      background-position: -952px 0;
   }

   .service_list li:hover .service_icon1 {
      background-position: 0 -122px;
   }

   .service_list li:hover .service_icon2 {
      background-position: -156px -122px;
   }

   .service_list li:hover .service_icon3 {
      background-position: -317px -122px;
   }

   .service_list li:hover .service_icon4 {
      background-position: -476px -122px;
   }

   .service_list li:hover .service_icon5 {
      background-position: -635px -122px;
   }

   .service_list li:hover .service_icon6 {
      background-position: -793px -122px;
   }

   .service_list li:hover .service_icon7 {
      background-position: -952px -122px;
   }

   .service_name,
   .service_intro {
      width: 120px;
      padding-left: 18px;
      text-align: center;
   }

   .service_name {
      color: #333;
      font-size: 18px;
      padding: 18px 0 8px 18px;
   }

   .service_intro {
      color: #484848;
	  min-height:72px;
   }

   .service_list li:hover span {
      color: #c70c1f;
   }

   .top_cn span b {
      background: url(../images/top_enline.jpg) no-repeat bottom;
      padding-bottom: 14px
   }

   .top_cn span {
      color: #222;
      font-size: 36px;
      padding-bottom: 12px;
      border-bottom: 1px solid #b6b9bf
   }

   .top_en {
      font-family: 张海山锐线体简;
      color: #bababa;
      font-size: 30px;
      line-height: 100%;
      margin-bottom: 16px
   }

   .top {
      height: auto;
      overflow: hidden;
      padding-bottom: 30px;
      padding-top: 90px;
      text-align: center
   }

   /* 设计 */
   .design {
      background: url(../images/06-img11.jpg) no-repeat;
      background-size: cover;
      /* background-position: 50% 60px; */
      padding: 65px 0;
   }

   .design_size p {
      color: #fff;
      font-size: 18px;
      margin-bottom: 12px;
      text-align: center;
   }

   .design_size {
      padding: 35px 20px;
      line-height: 30px;
      font-size: 16px;
      color: #fff;
   }

   .design_size div {
      /* padding-left: 125px; */
   }

   .design .swiper-slide {
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(79, 167, 211, 0.75) 100%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(79, 167, 211, 0.75) 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 253, 253, 0) 1%, rgba(79, 167, 211, 0.75) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#bfed3c3f', GradientType=0);
   }

   .design .swiper-container {
      margin: 70px 0 50px 0;
   }

   .design_vi p {
      text-align: center;
      font-size: 36px;
      color: #000;
      font-weight: bold;

   }   
   .design .design_vi p{
      color: #fff;
   }

   .design .btn-wrap {
      text-align: center;
   }

   .pr {
      position: relative;
   }

   .design .swiper-pagination {
      top: 50%;
      right: -10%;
      bottom: auto;
   }

   .design .swiper-pagination-bullet {
      background: #fff;
      opacity: 1;
      display: block;
      margin-bottom: 5px;
   }


   .con_dis>div {
      display: none;
   }

   .yw_list>div {
      cursor: pointer;
   }


   /* 增值服务 */
   .mr_zhe {
      width: 100%;
      position: absolute;
      top: 0;
      /* background: rgba(79, 167, 211, 0.75) none repeat scroll 0 0 !important; */
      /*实现FF背景透明，文字不透明*/
      /* filter: Alpha(opacity=80);
      background: #4ea4b5; */
      /*实现IE背景透明*/
      /*height:389px;*/
      left: 0;
      right: 0;
      bottom: 0;
   }
   .increment_lb .swiper-slide>a{
      display: block;
      
   }
   .increment_lb .swiper-slide>a>img {
      /*display:block;*/
      width: 100%;
   }

   .mr_zhe_hover {
      bottom: -596px;
      height: 200px;
      position: absolute;
      width: 100%;
      background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;
      /*实现FF背景透明，文字不透明*/
      filter: Alpha(opacity=80);
      background: #0a0a0a;
      /*实现IE背景透明*/
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      z-index: 50;
      text-align: center;
   }

   .mr_zhe_hover>a {
      text-align: center;
      height: 40px;
      line-height: 40px;
      margin: 22px 0;
      color: #fff;
      display: block;
   }

   .mr_zhe_i>p {
      text-align: center;
      font-size: 182px;
      height: 138px;
      line-height: 138px;
      margin-top: 72px;
      margin-bottom: 64px;
      font-weight: bold;
      color: #fff;
      display: none;
   }

   .mr_zhe_p {
      margin-bottom: 60px;
   }

   .mr_zhe_p p {
      text-align: center;
      font-size: 15px;
      font-weight: bold;
      color: #fff;
      line-height: 30px;
   }

   .mr_zhe_p p span {
      display: block;
      margin: 0 auto;
      width: 80%;
      font-size: 18px;
      border-bottom: 1px solid #f4f4f4;
   }
.mr_zhe_i{
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
}

   .increment_lb .swiper-slide:hover .mr_zhe_i{
      display: none;
   }
   .increment_lb .swiper-slide:hover  .mr_zhe_hover{
      bottom: 0;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      
   }
   .increment_lb .swiper-slide:hover .mr_zhe{
      background: none !important;
   }

   .increment{
      padding: 65px 0;
   }
   .increment_lb .swiper-slide:hover>a{
      display: block;
      position: relative;
      z-index: 10;
   }
   .increment .design_vi{
      margin-bottom: 45px;
   }

   .nei_yewu a.button_more{
      margin: 0;
      margin-top: 15px;
      opacity: 0;
   }
   .yw_list>div.active a.button_more{
      opacity: 1;
   }
   .yw_list>div.active{
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   }
   .yw_list>div{
      padding: 15px;
   }