/* 顶部文字 */
.head_main{ width:30.8%; height:auto; margin:2% auto; margin-left:3%; display:block; overflow:hidden; text-align:center; float:left;}
.head_main>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:24px; color:#444444; font-weight:bold;}
.head_main>.title>span{ color:#7f2c14}
.head_main>.text{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:24px; color:#444444}

.head_main>.line{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.head_main>.line>span{ width:40px; height:3px; margin:0 auto; margin-top:6px; display:block; overflow:hidden; text-align:center; float:left; background:#7f2c14;}

.head_right{ width:35%; height:57px; margin:2% auto; display:block; overflow:hidden; text-align:center; float:right;}

.head_right>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right; font-size:16px; line-height:24px; color:#444;}
.head_right>.text{width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right;} 
.head_right>.text>.all{width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right;}
.head_right>.text>.all>img{ width:16px; height:16px; margin:4px; display:block; overflow:hidden; text-align:left; float:right;}
.head_right>.text>.all>a{ margin:0 auto; padding:0 6px; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:24px; color:#7f2c14; font-weight:bold; float:right}
@media (max-width:1199px) and (min-width:768px){
	.head_1148{ width:100%;}
	.head_main{ width:40%; margin:1% auto; margin-left:3%;}
	
	.head_main>.title{ font-size:13px;}
	.head_main>.text{ font-size:13px;}
	
	.head_right{ width:42%; margin:1% auto;}
	.head_right>.title{ font-size:13px;}
	.head_right>.text>.all>a{ font-size:13px}
	
	
	.nav_1148{ width:100%;}
	.search_list{ width:18%;}
	
	
	}
  @media(max-width:991px){
    .head_main{ width:40%; margin:1% auto; margin-left:0%;}
    .head_main>.title{ font-size:12px;}
    .head_main>.text{ font-size:12px;}
  }
  @media(max-width:767px){
    .head_main,.head_right{
      display: none;
    }
  }

  /*首页首栏*/
.index_oos{ position:relative; z-index:2; width:100%; max-width:1980px; height:auto; max-height:72px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/bottom.png) no-repeat center center;}
.oos_1148{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.oos_1148>.all{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.oos_1148>.all>.img{ width:17.07%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;}
.oos_1148>.all>.img>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}

.oos_1148>.all>.cs{ width:80%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right;}
.oos_1148>.all>.cs>.left{ width:20%; height:auto; margin:15px auto; display:block; overflow:hidden; text-align:center; float:left}
.oos_1148>.all>.cs>.left>.left_1{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:21px; color:#444; font-weight:bold;}
.oos_1148>.all>.cs>.left>.left_2{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:21px; color:#444;}

.oos_1148>.all>.cs>.right{ width:40%; height:auto; margin:15px auto; display:block; overflow:hidden; text-align:left; float:left; }
.oos_1148>.all>.cs>.right>.right_1{ font-size:32px; line-height:42px; color:#444; font-weight:bold; float:left}
.oos_1148>.all>.cs>.right>.right_2{ font-size:14px; line-height:42px; color:#444; float:left}



@media (max-width:1199px) and (min-width:768px){
	.index_oos{ display:none}
	}

@media (max-width:767px) {
	.index_oos{ display:none;}
	.nav_1148>.navs{ width:100%;}
	}

  /* swiper button */
  .oos_1148>.all{
    position: relative;
  }
.swiper-button-content{
  width: 128px;
  height: 72px;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}
.swiper-button-group{
  width: 100%;
  height: 100%;
  position: relative;
}

  /* swiper button */

  /*首页优势栏目*/

.index_decorate{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.decorate_1148{ width:100%; height:auto; margin:4% auto; display:block; overflow:hidden; text-align:center;}
.dec_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.dec_top>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:26px; line-height:28px; color:#444}
.dec_top>.title>span{ color:#7f2c14;}

.dec_top>.text{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:20px; line-height:28px; color:#888;}
.dec_top>.cs{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:22px; line-height:28px; color:#ccc; text-transform:uppercase;}

.dec_bot{ width:100%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;}
.dec_bot>ul{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.dec_bot>ul>li{ width:25%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;}
.dec_bot>ul>li>.img1{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.dec_bot>ul>li>.img1>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.dec_bot>ul>li:hover>.img1{ display:none}
.dec_bot>ul>li>.img2{ width:100%; height:auto; margin:0 auto; display:none; overflow:hidden; text-align:center;}
.dec_bot>ul>li>.img2>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.dec_bot>ul>li:hover>.img2{ display:block}

.dec_bot>ul>li>.title{ width:95%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center; font-size:18px; line-height:26px; color:#444; font-weight:bold;}
.dec_bot>ul>li>.text{ width:95%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:14px; line-height:22px; color:#888;}
.dec_bot>ul>li>.line{ width:95%; height:auto; margin:0 auto; margin-top:5%; display:block; overflow:hidden; text-align:center;}
.dec_bot>ul>li>.line>span{ width:30px; height:2px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#7f2c14;}


@media (max-width:1199px) and (min-width:768px){
	.decorate_1148{ width:100%;}
	}

@media (max-width:767px) {
	.decorate_1148{ width:100%;}
	.dec_bot>ul>li{ width:50%; margin-bottom:4%;}
	.dec_top>.title{ font-size:16px;}
	.dec_top>.text{ font-size:14px;}
	.dec_top>.cs{ font-size:14px;}
	.dec_bot>ul>li>.text{ width:90%; font-size:12px;}
	}

  /*首页案例栏目*/
.index_case{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/product_bg.png) no-repeat center center; background-size:100% 100%;}
.case_1148{ width:100%; height:auto; margin:0 auto; padding:4% 0%; display:block; overflow:hidden; text-align:center;}
.case_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.case_top>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:26px; line-height:34px; color:#fff;}

.case_bot{ width:100%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;}
.case_bot>.swiper-container-g{ width:80%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.case_bot>.swiper-container-g>.swiper-wrapper>.swiper-slide>p{ margin:0 auto; cursor:pointer; font-size:16px; line-height:36px; color:#fff;}
.case_bot>.swiper-container-g>.swiper-wrapper>.swiper-slide-thumb-active{ background:#fff;}
.case_bot>.swiper-container-g>.swiper-wrapper>.swiper-slide-thumb-active>p{ color:#7f2c14;}

.case_bot>.swiper-container{ width:100%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;}
.case_bot>.swiper-container .gallery-list{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.case_bot>.swiper-container .gallery-list>.gallery-img{width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.case_bot>.swiper-container .gallery-list>.gallery-img>a{width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.case_bot>.swiper-container .gallery-list>.gallery-img>a>img{width:100%; height:auto; max-width:272px; max-height:204px; margin:0 auto; display:block; overflow:hidden; text-align:center;}



@media (max-width:1199px) and (min-width:768px){
	.case_1148{ width:100%;}
	}

  @media(max-width:991px){
    .case_bot>.swiper-container-g{
      width: 100%;
    }
  }
@media (max-width:767px) {
	.case_1148{ width:100%;}
	.case_top>.title{ font-size:18px;}
	.case_bot>.swiper-container-g>.swiper-wrapper>.swiper-slide>p{ font-size:14px; line-height:24px;}
	}


  /*流程*/
.index_process{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.process_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.process_top>.top{ width:100%; height:auto; margin:0 auto; margin-top:3%; margin-bottom:1%; display:block; overflow:hidden; text-align:center;}
.process_top>.top>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:26px; line-height:28px; color:#444;}
.process_top>.top>.title>span{ color:#7f2c14; font-weight:bold;}

.process_top>.top>.text{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:20px; line-height:28px; color:#888;}
.process_top>.top>.cs{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:20px; line-height:28px; color:#888; text-transform:uppercase;}


.process_bot{ width:100%; height:auto; margin:0 auto; min-height:300px; display:block; overflow:hidden; text-align:center; background:url(../images/liucheng.jpg) no-repeat center center}
.process_bot>.bot{ width:1148px; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.process_bot>.bot>.all{ width:13.5%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; float:left;}
.process_bot>.bot>.all>.title{ width:100%; height:auto; margin:0 auto; margin-top:30%; display:block; overflow:hidden; text-align:left; font-size:26px; line-height:50px; color:#fff;}
.process_bot>.bot>.all>.line{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.process_bot>.bot>.all>.line>span{ width:45px; height:2px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#fff; float:left;}
.process_bot>.bot>.all>.tel{ width:100%; height:auto; margin:0 auto; margin-top:15%; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:26px; color:#fff;}
.process_bot>.bot>.all>.num{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:26px; color:#fff; font-weight:bold;}
.process_bot>.bot>.all>.name{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:26px; color:#fff;}


@media (max-width:1199px) and (min-width:768px){
	.process_top>.top{ width:100%;}
	.process_bot>.bot{ width:100%;}
	.process_bot>.bot>.all{ display:none;}
	.process_bot{ min-height:240px; background:url(../images/obug.jpg) no-repeat center center;  background-size:100% auto;}
	}

@media (max-width:767px) {
	.process_top>.top{ width:100%;}
	.process_bot>.bot{ width:100%;}
	.process_top>.top>.title{ font-size:16px;}
	.process_top>.top>.text{ font-size:14px;}
	.process_top>.top>.cs{ font-size:14px;}
	.process_bot{ min-height:120px; background:url(../images/obug.jpg) no-repeat center center; background-size:100% auto;}
	.process_bot>.bot{ display:none;}
	
	}


  /*首页关于我们*/

.index_about{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.about_1148{float: left; width:100%; height:auto; margin:4% auto; display:block; overflow:hidden; text-align:center; background:url(../images/about_bg.png) no-repeat center center;}
.about_left{ width:51.55%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;}
.about_left>.title{ width:100%; height:auto; margin:0 auto; margin-top:4%; display:block; overflow:hidden; text-align:left; font-size:28px; line-height:32px; color:#7f2c14; font-weight:bold;}
.about_left>.text{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:20px; line-height:24px; color:#7f2c14; text-transform:uppercase;}
.about_left>.line{ width:100%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;}
.about_left>.line>span{ width:55px; height:3px; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left; background:#7f2c14;}
.about_left>.about_cs{ width:100%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;}
.about_left>.about_cs>.cs{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.about_left>.about_cs>.cs>p{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:28px; color:#444; text-indent:28px;}

.about_right{ width:44%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right;}
.about_right>a{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.about_right>a>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}




@media (max-width:1199px) and (min-width:768px){
	.about_1148{ width:100%;}
	}

@media (max-width:767px) {
	
	.about_1148{ width:100%;}
	.about_left{ width:100%;}
	.about_left>.title{ font-size:16px;}
	.about_right{ width:100%;}
	
	}


  /*首页新闻栏目*/

.index_news{ width:100%; height:auto; margin:0 auto; margin-bottom:3%; display:block; overflow:hidden; text-align:center;}
.news_1148{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_left{ width:23.17%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left; background:#7f2c14;}
.news_left>.list{ width:84%; height:auto; margin:16% auto; display:block; overflow:hidden; text-align:center;}
.news_left>.list>li{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_left>.list>li>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.news_left>.list>li>.title>a{ font-size:18px; line-height:24px; color:#fff; font-weight:bold; color:#fff;}
.news_left>.list>li>.img{ width:100%; height:auto; margin:6% auto; display:block; overflow:hidden; text-align:center;}
.news_left>.list>li>.img>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_left>.list>li>.content{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.news_left>.list>li>.content>p{ margin:0 auto; font-size:14px; line-height:24px; color:#fff;}

.news_left>.list>.more{ width:100%; height:auto; margin:0 auto; margin-top:10%; display:block; overflow:hidden; text-align:center;}
.news_left>.list>.more>a{ width:47.75%; height:auto; margin: auto; display:block; overflow:hidden; text-align:center; float:left;}
.news_left>.list>.more>a>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}

.news_right{ width:74.4%; height:auto; margin:0 auto; padding-bottom:3%; display:block; overflow:hidden; text-align:center; float:right; background:#f4f4f4;}
.news_right>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; background:#dedede;}
.news_right>.title>a.no_1{ width:19.5%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left; font-size:22px; line-height:64px; color:#fff; background:#7f2c14;}
.news_right>.title>a.no_2{ width:19.5%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left; font-size:22px; line-height:64px; color:#7f2c14; }

.news_right>.left{ width:19.27%; height:auto; margin:0 auto; margin-top:3.5%; margin-left:3%; display:block; overflow:hidden; text-align:center; float:left;}
.news_right>.left>.img_1{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_right>.left>.img_1>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_right>.left>.img_2{ width:100%; height:auto; margin:0 auto; margin-top:10%; display:block; overflow:hidden; text-align:center;}
.news_right>.left>.img_2>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_right>.main{ width:40.75%; height:auto; margin:0 auto; margin-left:3%; margin-top:3.5%; display:block; overflow:hidden; text-align:center; float:left;}
.news_right>.main>ul{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;}
.news_right>.main>ul>li{ width:100%; height:auto; margin:0 auto; margin-bottom:5%; display:block; overflow:hidden; text-align:center;}

.news_right>.main>ul>li>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.news_right>.main>ul>li>.title>a{ font-size:16px; line-height:34px; color:#444;}
.news_right>.main>ul>li>.time{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:24px; color:#888;}
.news_right>.main>ul>li>.content{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:24px; color:#888;}
.news_right>.main>ul>li>.content>p{ margin:0 auto;}

.news_right>.right{ width:29%; height:auto; margin:0 auto; margin-right:3%; margin-top:3.5%; display:block; overflow:hidden; text-align:center; float:right;}
.news_right>.right>.img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_right>.right>.img>img{width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_right>.right>ul{ width:100%; height:auto; margin:0 auto; margin-top:3%; padding:0px; display:block; overflow:hidden; text-align:center;}
.news_right>.right>ul>li{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;}
.news_right>.right>ul>li>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;}
.news_right>.right>ul>li>.title>a{ font-size:18px; line-height:26px; color:#444;}
.news_right>.right>ul>li>.time{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:26px; color:#888;}
.news_right>.right>ul>li>.content{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:26px; color:#888;}






@media (max-width:1199px) and (min-width:768px){
	.news_1148{ width:100%;}
	
	}


@media (max-width:767px) {
	.index_news{ background:#f4f4f4}
	.news_1148{ width:100%;}
 	.news_left{ width:100%;}
	.news_left>.list>li>.title>a{ font-size:16px;}
	.news_left>.list>.more>a{ width:37.5%;}
	.news_right{ width:100%; margin-top:4%;}
	.news_right>.title>a.no_1{ width:50%; font-size:14px; line-height:28px;}
	.news_right>.title>a.no_2{ width:50%; font-size:14px; line-height:28px;}
	.news_right>.left{ display:none}
	.news_right>.main{ width:100%; margin-left:0%;}
	.news_right>.main>ul>li>.title>a{ font-size:14px;}
	.news_right>.right{ width:100%; margin-right:0%;}
	.news_right>.right>ul>li>.title>a{ font-size:14px;}
	
	}
@media(max-width:767px){
	.index_decorate,.index_case,.index_about,.index_news{
		padding: 0 15px;
	}
}
