@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.w1300{ max-width:1300px; margin:0 auto;}
.w1400{ max-width:1400px; margin:0 auto;}
.w1600{ max-width:1600px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}


.header{ padding:25px 0; position:fixed; top:0; background:rgba(0,0,0,.1); left:0; width:100%; z-index:100; transition:all .3s;}
.index .header{ background:none;}
.header img{ height:45px;}

.nav li>a{ color:#fff; font-size:18px; }
.nav li{ position:relative;margin-right:40px;}
.nav li .subnavs{ position:absolute; top:110%; opacity:0; transition:all .3s; width:auto; min-width:100%; left:50%; transform:translateX(-50%); 
-webkit-transform:translateX(-50%); padding:15px 20px; visibility:hidden; background:rgba(0,0,0,.5);}
.nav li .subnavs a{ font-size:16px; display:block; color:#fff; text-align:center; line-height:2; white-space: nowrap;}
.nav li:hover .subnavs{ top:100%; opacity:1; visibility:visible;}
.tels{ color:#fff; font-size:22px; background-image:url(../images/index001_06.png); background-repeat:no-repeat; background-position:left center; padding-left:20px;}

.header.open{  background:rgba(0,0,0,.45);}

.pro_index .header,.pro_index .header.open{ background:#fff;}
.pro_index .header .nav li>a{ color:#333;}
.pro_index .header .tels{ color:#333; background-image:url(../images/pro_06.jpg); background-size:20px auto;}

.banner{ position:relative;}
.imgbac { position:absolute; z-index:5; bottom:-1px; left:0; width:100%; height:auto;}
.imgbac img{ width:100%; display:block;}
.banner .swiper-slide img{ width:100%; height:100%; object-fit:cover;}

.banner .swiper-container{ z-index:4}
.banner .swiper-slide{ height:830px;}
.banner .txt{ position:absolute; text-align:center; max-width:90%; color:#fff; width:90%;  left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.banner .txt b{ font-size:70px; font-weight:normal; line-height:1.2;}
.banner .txt span{ font-size:48px; display:block; margin-bottom:60px;line-height:1.2; margin-top:20px;}
.banner .txt p{ font-size:34px;}
.banner .txt a{ margin-top:50px; padding:8px 13px; display:inline-block; background:#fd7600; color:#fff; font-size:16px; border-radius:100px; padding-left:30px;}
.banner .txt a i{ display:inline-block; width:35px; height:35px; text-align:center; line-height:35px; color:#e6af5d; background:#fff; border-radius:100%; margin-left:30px;}


.pd75{ padding:75px 0;}
.index01{}
.index01 .img{ width:90px; height:90px; border:1px solid #e9e9e9; border-radius:100%; position:relative;}
.index01 .img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:60%; max-height:60%;}
.index01  li b{ font-size:20px; line-height:1.3; margin-top:10px; display:block;}
.index01  li span{ font-size:12px; color:#676767;}
.index01  li{ text-align:center;}

.banner .yuan{ width:840px; height:840px; position:absolute; border:150px solid rgba(193,152,109,.1); border-radius:100%; bottom:-30%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:3}

.index02{ position:relative; padding-top:40px; padding-bottom:20px;}
.index02 .img{ position:absolute; width:50%; border-top-left-radius:50px; height:100%; right:0; top:0; border-bottom-left-radius:10px; overflow:hidden;}
.index02 .img img{ width:100%; height:100%; object-fit:cover;}
.index02le{ width:45%; max-width:620px;}
.index02le b{ font-size:44px; display:block; line-height:1; margin-bottom:30px;}
.index02le p{ font-size:17px; color:#666666;}
.fentiao span{ font-size:18px; display:block; background-image:url(../images/index001_51.png); padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.fentiao{  margin-top:50px; margin-bottom:35px;}
.mokuaihua{font-size:20px; font-weight:bold; max-width:560px; box-shadow:0 0 15px rgba(0,0,0,.1); padding:25px; border-radius:10px; border-left:3px solid #fd7600;}

.index03{ padding-top:100px;}
.indextitle{ margin-bottom:65px; text-align:center;}
.indextitle b{ font-size:56px; display:block; font-family:"宋体"; line-height:1.4;}
.indextitle span{ font-size:20px; text-transform:uppercase; color:#646464; letter-spacing:2px;}


.index03 li{ width:24.5%; padding:25px; text-align:center; background:#e8e9e9; border-radius:10px; position:relative; transition:all .3s !important;}
.index03 li:hover{ transform:translateY(-5px) !important; -webkit-transform:translateY(-5px) !important;}
.pro_chan {font-size:24px; color:#000}
.pro_chan span{ display:inline-block; position:absolute; left:50px; top:35px; font-size:12px; color:#ff7900; background:#fff; border-radius:10px; display:inline-block; padding:0 15px; font-weight:bold;}
.pro_chan em{ color:#646464; font-style:normal;}
.index03 li b{ font-weight:normal; font-size:24px; color:#646464;}
.index03 li .img{ height:305px; position:relative; width:100%;}
.index03 li .img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.index03 li a> em{ font-style:normal; display:inline-block; line-height:25px; padding:0 30px; background:#ff7900; color:#fff; font-size:13px; border-radius:100px;}

.index04 ul{ background:#fd7600; border-radius:10px; transform:translateY(50%); -webkit-transform:translateY(50%);}
.index04 li{ width:25%;}
.index04 li .libox{ padding:80px 50px; border-right:1px solid #fe9f4d; position:relative;}
.index04 li .libox:after{ content:""; display:block; background:#fff; width:3px; right:-2px; top:50%; height:25px; margin-top:-13px; position:absolute;}
.index04 li .libox img{ height:45px;}
.index04 li .libox span{ font-size:18px; color:#fff; display:block;}

.index04 li:last-child .libox{ border:none;}
.index04 li:last-child .libox:after{ display:none;}

.index05{ background-size:cover; background-position:center; background-repeat:no-repeat; padding-top:270px; padding-bottom:95px;}

.index05le{ width:27.5%; padding:20px 0;}
.index05mi{ width:45%;  position:relative;}
.index05mi img{ max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}

.index05le li{ margin-bottom:30px; cursor:pointer; border:1px solid rgba(255,255,255,.4); border-radius:10px; padding:15px; color:#fff; font-size:22px;justify-content: flex-start; position:relative;}
.index05le li .tcimgs{ position:absolute; left:102%; top:50%; margin-top:-85px; width:170px; opacity:0; visibility:hidden; transition:all .3s;transform:scale(0); z-index:100;}
.index05le li .tcimgs img{ width:100%;}

.index05ri li .tcimgs{right:105%; left:auto; }
.index05le li:hover .tcimgs{ opacity:1; visibility:visible; transform:scale(1);}

.index05le li b{ font-weight:normal;}
.index05le li:last-child{ margin-bottom:0}
.index05le li .icon{ display:inline-block; margin-right:20px; width:52px; height:60px; background-size:100% 100%; background-repeat:no-repeat;}
.index05le li .icon.icon01{ background-image:url(../images/index001_90.png);}
.index05le li .icon.icon02{ background-image:url(../images/index002_07.png);}
.index05le li .icon.icon03{ background-image:url(../images/index002_12.png);}
.index05le li .icon.icon04{ background-image:url(../images/index002_18.png);}
.index05le li .icon.icon05{ background-image:url(../images/index001_93.png);}
.index05le li .icon.icon06{ background-image:url(../images/index002_09.png);}
.index05le li .icon.icon07{ background-image:url(../images/index002_13.png);}
.index05le li .icon.icon08{ background-image:url(../images/index002_16.png);}


.index05le li.cur .icon.icon01{ background-image:url(../images/index001_901.png);}
.index05le li.cur .icon.icon02{ background-image:url(../images/index002_0701.png);}
.index05le li.cur .icon.icon03{ background-image:url(../images/index002_1201.png);}
.index05le li.cur .icon.icon04{ background-image:url(../images/index002_1801.png);}
.index05le li.cur .icon.icon05{ background-image:url(../images/index001_9301.png);}
.index05le li.cur .icon.icon06{ background-image:url(../images/index002_0901.png);}
.index05le li.cur .icon.icon07{ background-image:url(../images/index002_1301.png);}
.index05le li.cur .icon.icon08{ background-image:url(../images/index002_1601.png);}


.index07box{ height:510px;}
.index07box .swiper-container{ height:100%}


.index06{ padding-top:60px; padding-bottom:130px; background:#f7f7f7;}
.btn_swiper{ position:relative; height:50px; margin-bottom:40px;}
.btn_swiper .swiper-button-next{ border-radius:100%; width:50px; height:50px; text-align:center; line-height:50px; background:#fd7600; color:#fff; font-size:14px; right:0}
.btn_swiper .swiper-button-prev{ left:auto; right:70px; border-radius:100%; width:50px; height:50px; text-align:center; line-height:50px;background:#eae8dc;color:#fd7600; font-size:14px;}
.btn_swiper .swiper-button-next:after,.btn_swiper .swiper-button-prev:after{ font-size:20px;}
.index06 .swiper-slide img{ transition:all 1s; width:100%; height:100%; object-fit:cover;}
.index06 .swiper-slide{ overflow:hidden; border-radius:10px;}
.index06 .swiper-slide:hover img{ transform:scale(1.05,1.05)}


.index07 { padding-top:85px; position:relative;}

.index07box2{ margin-top:90px; padding-top:50px; padding-bottom:55px; position:relative; z-index:2;}
.index07bac{ background:#fd7600; height:150px; width:80%; border-top-left-radius:50px; right:0; bottom:0; z-index:1; position:absolute;}
.pre_nextbt{width:80%; float:right; color:#fff;}
.index07box2 a{ border:1px solid #fff; color:#fff; border-radius:100px; padding:8px; padding-left:25px; font-size:14px;}
.index07box2 a i{ width:35px; height:35px; background:#fff; color:#e6af5d; font-size:20px; margin-left:15px; text-align:center; line-height:35px; display:inline-block; border-radius:100%;}
.index07box2 .swiper-pagination{ position:static;}
.pre_nextbt { position:relative;}

.swiperpage{ padding:0 50px;position:relative;}
.swiperpage .swiper-button-next{ background:none; border-radius:100%; width:35px; height:35px; text-align:center; right:0; border:1px solid #fff; line-height:35px; color:#fff; font-size:14px; }
.swiperpage .swiper-button-prev{ left:0;  border-radius:100%; width:35px; height:35px; text-align:center; border:1px solid #fff;line-height:35px;color:#fff; font-size:14px;}
.swiperpage .swiper-button-next:after,.swiperpage .swiper-button-prev:after{ font-size:14px;}
.swiperpage .swiper-button-next:hover{ background:#fff;}
.swiperpage .swiper-button-prev:hover{ background:#fff;}
.swiperpage .swiper-button-prev:hover:after{ color:#eabc78;}
.swiperpage .swiper-button-next:hover:after{ color:#eabc78;}

.index07box2 .swiper-pagination { height:35px; margin-bottom:4px;}
.index07box2 .swiper-pagination span{ margin:0 5px; background:none; border:1px solid #fff; opacity:1;}
.index07box2 .swiper-pagination span.swiper-pagination-bullet-active{ background:#fff;}


.index07box .swiper-slide{ border-radius:8px; overflow:hidden;}
.index07box .swiper-slide img{ width:100%; height:100%; object-fit:cover; transition:all 1s;}
.index07box .swiper-slide .twoimg{ height:100%;}
.index07box .swiper-slide .twoimg .img{ height:calc(50% - 5px); overflow:hidden;}
.index07box .swiper-slide .twoimg .img img{ border-radius:8px;}
.index07box .swiper-slide .twoimg .img:nth-child(2n){ margin-top:10px;}
.index07box .swiper-slide:hover> img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05)}

.index07box .swiper-slide .twoimg .img:hover img{ transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05)}

.index08{ padding-top:65px; padding-bottom:185px; background:#f7f7f7;}

.index08 li{ text-align:center; position:relative;}
.index08 li span{ display:block; font-size:18px; font-weight:bold; margin-top:5px; color:#656766;}
.index08 li img{ width:110px;}
.index08 li:after{ width:50px; height:36px; position:absolute; content:""; display:block; background-image:url(../images/index002_68.jpg); background-repeat:no-repeat; background-position:center; background-size:100% 100%; right:-80px; top:45px;}
.index08 li:last-child:after{ display:none;}


.index09{ position:relative;}
.index09 .bac{ position:absolute; top:0; left:0; z-index:1; width:100%; height:80%; background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden;}
.index09 .bac img{ width:100%; height:100%; object-fit:cover;}
.index09 .w1600{ position:relative; z-index:2;}

.index91le{ width:calc(45% - 105px); padding-top:100px;}
.index91ri{ width:55%;}
.index91ri .video-js{ width:100%; height:450px; object-fit:cover; margin-top:-105px;}
.index91le p{ font-size:26px; color:#fff;}
.index91ri .video-js .vjs-big-play-button{ width:105px; height:105px; left:-105px; top:0; background-color:#fd7600; background-image:url(../images/index002_80.jpg); background-position:center; background-repeat:no-repeat; border-radius:0;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before{ display:none;}
.index91ri .vjs-has-started .vjs-big-play-button{ display:block;}
.vjs-poster{    background-size: cover;}
.video-js .vjs-tech{ object-fit:cover;}

.index0902{ padding:40px 0;}
.index0902 i{ font-style:normal;}
.index0902 li{ justify-content: flex-start;}
.index0902 li img{ margin-right:40px;} 
.index0902 li .txt b{ font-size:52px; padding-right:5px; color:#fd7600; position:relative; display:inline-block; line-height:1;}
.index0902 li .txt b em{ font-style:normal; left:102%; position:absolute; font-size:16px; color:#adbfd5}
.index0902 li .txt b em.bot{ bottom:5px;}
.index0902 li .txt b em.top{ font-size:20px}
.index0902 li .txt span{ display:block; color:#adbfd5; font-size:18px;}
.index0903{ text-align:center;}
.index0903 b{ font-size:54px; color:#fff; display:block; margin-bottom:20px; font-weight:normal;}
.index0903 img{ max-width:100%; display:block; margin:0 auto;}


.indexhjezuo{ overflow:hidden; padding-bottom:50px;}
.dowebok{ margin-bottom:20px}
.gd01{}
.dowebok .img{ position:relative; display:inline-block; margin-right:20px; width:250px; height:240px; background:#f2f2f2;}
.dowebok .img img{ max-width:80%; max-height:80%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}


.footer{ position:relative; background-size:cover; padding-top:145px; background-position:center; background-repeat:no-repeat; padding-bottom:135px;}
.footer > img{ position:absolute; top:0; left:0; width:100%;}
.fotlogo img{ height:40px;}
.fotlogo b{ display:block; color:#fff; font-size:20px; display:block; line-height:1; margin-top:30px;}
.fotlogo span{ font-size:13px;color:#fff;}

.fotri{ width:calc(100% - 380px);}
.fotrili>b{ font-weight:normal; display:block; border-bottom:2px solid #9e9e9e; padding-left:20px; display:block; line-height:1; padding-bottom:15px; color:#fff; font-size:17px; margin-bottom:25px;}
.fotrili{ width:calc(33.33% - 26px);}

.fotrili .tel{ font-size:28px; color:#fd7600; position:relative; line-height:40px; padding-left:60px; margin-bottom:20px;}
.fotrili i{ position:absolute; left:0; top:0; display:block; border-radius:100%;  width:40px; height:40px; background-color:#fd7600; background-position:center; background-repeat:no-repeat;}
.fotrili .tel i{background-image:url(../images/index002_146.jpg); }
.fotrili .mail i{background-image:url(../images/index002_156.jpg); }
.fotrili .add i{background-image:url(../images/index002_159.jpg); }

.fotrili .mail{ font-size:16px; color:#bfbfbf; position:relative; line-height:40px; padding-left:60px; margin-bottom:20px;}
.fotrili .add{ font-size:16px; color:#ffffff; position:relative; line-height:40px; padding-left:60px; margin-bottom:20px;}

.fotrili2 a{ background-image:url(../images/index002_152.png); line-height:40px; display:block; font-size:16px; color:#fff; margin-bottom:5px; padding-left:15px; background-position:left center; background-repeat:no-repeat;}
.fotrili2 a:hover{ color:#fd7600}

.ewm{ width:108px; padding-left:20px; margin-bottom:30px;}
.ewm img{ width:100%;}

.fotrili3 b{ margin-bottom:40px;}
.fotrili3 ul{ padding-left:20px;justify-content: flex-start;}
.fotrili3 ul li{ position:relative; margin-right:15px;}
.fotrili3 ul li .tc{ position:absolute; bottom:120%; padding:5px; transition:all .3s; background:#fff; opacity:0; transition:all .3s; visibility:hidden;}
.fotrili3 ul li:hover .tc{ bottom:100%; opacity:1; visibility:visible;}

.footer .w1400{ padding-bottom:100px; border-bottom:1px solid #676767;}

.bannerny{ position:relative;}
.bannerny > img{ width:100%; height:100%; object-fit:cover; position:relative; z-index:1}
.dibu{ position:absolute; bottom:0; left:0; width:100%; z-index:2}
.dibu img{ width:100%; display:block;}
.bannerny .yuan{ width:840px; height:840px; position:absolute; border:150px solid rgba(193,152,109,.1); border-radius:100%; bottom:-280px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); z-index:0}
.caselists,.casebox{ padding-top:75px; padding-bottom:80px;}

.case_pre{ text-align:center; margin-bottom:40px;}
.case_pre a{ display:inline-block; line-height:30px; padding:0 15px; background:#ff7900; font-size:14px; color:#fff; border-radius:100px;}
.casebox .indextitle{ margin-bottom:25px;}

.caselists ul{justify-content: flex-start;}
.caselists li{ transition:all .3s; width:31.33%; margin:1%; border-radius:10px; position:relative; overflow:hidden;}
.caselists li img{ width:100%; height:100%; object-fit:cover;}
.caselists li b{ font-weight:normal; position:absolute; bottom:0; left:0; width:100%; text-align:center; background:rgba(0,0,0,.2); color:#fff; padding:10px; font-size:23px;}
.caselists li:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px);}
 
.wall {
  display: block;
  position: relative;
}
.wall .article{ margin-bottom:20px;  overflow:hidden;}
.wall img{ width:100%;}
.wall-column {
  display: block;
  position: relative;
  /*width: 33.333333%;*/
  width: 31.33%;
  float: left;
  margin:1%;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .wall-column {
    width: 48%;
	margin-bottom:1%;
  }
}





.pro-box { padding: 60px 0px 100px;  background: #f7f7f7;}
.pro-box .pro-in{width:1300px; margin:auto;}
.pro-box .pro-img{  width:660px; padding:0px 20px; height:600px; text-align: center;   box-sizing: border-box;    display: -webkit-inline-box;}
.pro-box .pro-img img{ max-height:560px;}
.pro-box .pro-text{ width:320px;   margin-top:60px;}
.pro-box .pro-in:nth-child(1) .pro-text{ float:left;}


.pro-box .pro-text dl.dec{ margin-bottom: 40px;position: relative;}
.pro-box .pro-text .dec span{ font-size:16px; font-weight: normal; margin-bottom: 5px; }
.pro-box .pro-text .dec dt{ cursor: pointer;border-bottom: 1px solid #999; display:flex; align-items: center;overflow:hidden; padding: 0px 10px 0px 10px; line-height:40px;height:40px; font-weight:normal; }
.pro-box .pro-text .dec dt:before{ content: "\f0d7"; color: #ffa400; position: absolute; right: 10px;     font-family: FontAwesome; font-size: 16px;}
.pro-box .pro-text .dec dt i{ width:20px; height:20px; margin-right:10px; border:1px solid #666; border-radius:20px;}
.pro-box .pro-text .dec dt i.white{ background:#fff;}
.pro-box .pro-text .dec dt i.black{ background:#000;}
.pro-box .pro-text .dec dt i.gray{ background:#4a4c4e;}
.pro-box .pro-text .dec dt i.blue{ background:#78d6ef;}
.pro-box .pro-text .dec dt i.red{ background:#ffa400;}
.pro-box .pro-text .dec dt i.green{ background:#58b139;}
.pro-box .pro-text .dec dt i.wood{background:url(../images/wood.jpg); border: transparent;}
.pro-box .pro-text .dec dt i.greysilver{background:#868a89;}
.pro-box .pro-text .dec dt i.diy{background:url(../images/diy.png);}

.pro-box .pro-text .dec dd{  display: none; background: #fff; width: 100%; z-index: 9; padding: 0px;box-shadow: 0px 3px 5px #ddd; position: absolute; } 
.pro-box .pro-text .dec dd a{ line-height: 40px; display: block; cursor: pointer; padding:0px 10px; color:#666; display:flex; align-items: center;} 
.pro-box .pro-text .dec dd a i{ width:20px; height:20px; margin-right:10px; border:1px solid #666; border-radius:20px;}
.pro-box .pro-text .dec dd a:nth-child(1) i{ background:#fff;}
.pro-box .pro-text .dec dd a:nth-child(2) i{ background:#000;}
.pro-box .pro-text .dec dd a:nth-child(3) i{ background:#4a4c4e;}
.pro-box .pro-text .dec dd a:nth-child(4) i{ background:#78d6ef;}
.pro-box .pro-text .dec dd a:nth-child(5) i{ background:#ffa400;}
.pro-box .pro-text .dec dd a:nth-child(6) i{ background:#58b139;}
.pro-box .pro-text .dec dd a:nth-child(7) i{background:url(../images/wood.jpg); border: transparent;}
.pro-box .pro-text .dec dd a:nth-child(8) i{background:#868a89;}
.pro-box .pro-text .dec dd a:nth-child(9) i{background:url(../images/diy.png);}
.pro-box .pro-text .dec dd a:hover,.pro-box .pro-text .dec dd a.cur{ background:#ffe8bf;}

.pro-box .pro-text .dec p:first-child{ color:#080808; font-size:18px; line-height:26px;}
.pro-box .pro-text .dec p{ font-size:14px;color:#080808; line-height:26px;}


.xh-list { margin-top: 30px;}
.xh-list ul{ justify-content: center; display: flex;}
.xh-list ul li{ width: 40px; height: 40px; margin: 0px 10px; border-radius: 100%; background:transparent ; text-align: center; line-height: 40px;}
.xh-list ul li:hover,.xh-list ul li.active{ background:#ffa400 ; }
.xh-list ul li a{color: #ccc; font-size: 20px;}
.xh-list ul li:hover a,.xh-list ul li.active a{color: #fff; }


.contact{ padding-top:75px;}
.litop span{ font-size:24px;}
.litop{ border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:10px;}
.litop img{ max-width:30px;}
.contact li{ width:30%;}
.contact li p{ font-size:17px; color:#666666;}

 .map{ padding:30px 0;}
.map iframe{ height:456px; width:100%; border:none;}

.contact02{ padding-top:60px; background:#f7f7f7}
.contact02 b{ font-size:36px; color:#222222; font-weight:normal; display:block; text-align:center; margin-bottom:40px;}

.contact02 input{ width:49%; background:#fff; padding:0 30px; height:60px; margin-bottom:25px;}
.contact02 textarea{background:#fff; padding:20px 30px; height:220px; margin-bottom:25px; width:100%; border:none;}
.btns { text-align:center; padding-bottom:50px;}
.btns button{ display:inline-block; padding:0 70px; line-height:60px; height:60px; background:#fd7600; color:#fff; font-size:16px; border-radius:5px;}


.pro-l{ width:100%;}
.pro-l img{ display:block; margin:0 auto;}

.guigecanshu{ padding:80px 0}

.canshule{ width:58%;}
.canshuri{ width:37%;}
.canshuri img{ max-width:90%; display:block; margin:0 auto;}
.canshule li{ border-bottom:1px solid #8a8a8b; padding:30px 20px;}
.canshule li:first-child{ background:#f7f7f7; padding:17px 20px;border-top:2px solid #8a8a8b;}
.canshule li b{ width:165px; font-size:30px; color:#fc7600; line-height:1; font-weight:normal;}
.canshule li .xxbox{ width:calc(100% - 165px);}
.canshule li .xxbox p{ color:#888; font-size:18px;}
.canshule li .xxbox h1{color:#888;  font-size:24px; font-weight:normal;}

@media screen and (max-width:1680px){
.w1600{ padding-left:40px; padding-right:40px;}
	}
@media screen and (max-width:1480px){
.w1400{ padding-left:40px; padding-right:40px;}
.pro_chan span{ left:20px;}
.banner .txt b{ font-size:40px;}
.banner .txt span{ font-size:30px;}
.banner .txt p{ font-size:20px;}
	}
	
@media screen and (max-width:1380px){
.w1300{ padding-left:40px; padding-right:40px;}
.pro-box .pro-in{ width:100%; padding-left:40px; padding-right:40px;}
.pro-box .pro-text{ width:33%;}
.pro-box .pro-img{ width:33%;}
	}

@media screen and (max-width:1280px){
.w1200{ padding-left:40px; padding-right:40px;}
.index08 li:after{     right: -60px;}
.pro_chan span{ position:static; display:block; text-align:center; width:80px; margin:0 auto; margin-bottom:10px;}
.index02le b{ font-size:34px;}
.indextitle b{ font-size:40px;}
.indextitle span{ font-size:16px;}
.index03 li b{ font-size:16px;}
.index04 li .libox{ padding:40px;}
.index05{ padding-top:160px;}
.index05le li b{ font-size:20px;}
.index91le p{ font-size:20px;}
.dowebok .img{ width:200px; height:130px;}
.footer{ padding-top:100px; padding-bottom:80px;}
.footer .w1400{ padding-bottom:50px;}
.banner .swiper-slide{ height:580px;}
.banner .txt span{ margin-bottom:30px;}
.header img{ height:35px;}
.index04 li .libox img{ height:35px; margin-bottom:10px;}
.fotrili{ width:auto; min-width:23%; max-width:48%;}
.fotri{ width:calc(100% - 330px);}
.fotlogo img{ height:35px;}
.index0903 b{ font-size:30px;}
.index91le{ padding-top:50px;}
.index91ri .video-js{ height:6.5rem;}
	}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
.w1600{ padding-left:20px; padding-right:20px;}
.w1400{ padding-left:20px; padding-right:20px;}
.w1300{ padding-left:20px; padding-right:20px;}
.w1200{ padding-left:20px; padding-right:20px;}
.pro-box .pro-in{ padding-left:20px; padding-right:20px;}
.pro-box .pro-text .dec dt{ font-size:14px; padding-left:0}
.pd75{ padding:35px 0}
.index05mi{ width:40%;}
.index05le li b{ font-size:18px;}
.index05le li .icon{ width:40px; height:45px; margin-right:10px;}
.index05le li b{ width:calc(100% - 50px);}
.fotlogo{ width:100%; text-align:center; margin-bottom:30px;}
.fotri{ width:100%;}
	 
	 .index01 li{ width:19%; transition:all .3s;}
	 .index01 li:hover{ transform:translateY(-5px); -webkit-transform:translateY(-5px);}
	 .index01 .img{ margin:0 auto;}
	 .banner .yuan{ width:500px; height:500px;border:100px solid rgba(193, 152, 109, .1);}
	 .index01 li b{ font-size:16px;}
	 .index01 li span{ display:block;}
	 .index01 .img{ width:60px; height:60px;}
	 .index01 ul{justify-content: flex-start;}
	 
	 .pro-box{ padding:0px; padding-top:35px;}
.pro-box .pro-img{ width:100%; height:15rem; position:relative;}
.pro-box .pro-text{ width:50%; padding:0px 10px; margin-top:20px; }
.pro-box .pro-img img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); width:auto; height:auto;}
.xh-list{ padding-bottom:40px;}
.xh-list p{ text-align:center !important; width:auto !important; display:block; margin-top:10px !important;}
.canshule li b{ font-size:20px; width:100px;}
.canshule li .xxbox{ width:calc(100% - 100px)}
	}
.banner .swiper-pagination-bullet-active{ background:#fff;}
@media screen and (max-width:768px){
	.index01 li{ width:23%; margin:1%;}
	.index91le{ width:100%;}
	.index91ri{ width:100%;}
	.index91ri .video-js .vjs-big-play-button{ width:60px; height:60px; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:5px;}
	
	.index91ri .video-js{ height:10rem; margin-top:20px}
	.index91le p{ font-size:16px;}
	.index02le{ width:100%;}
	.index02 .img{ position:static; width:calc(100% - 40px); margin-left:20px; margin-top:20px;}
	.index02{ padding-top:10px}
	.index02le b{ font-size:20px; margin-bottom:10px;}
	.index02le p{ font-size:14px;}
	.banner .txt b{ font-size:30px;}
	.banner .txt span{ font-size:20px;}
	.banner .txt p{ font-size:16px;}
	.fentiao{ margin:20px 0;}
	.fentiao span{ font-size:16px;}
	.mokuaihua{ font-size:18px;}
	.index03{ padding-top:35px;}
	.indextitle b{ font-size:24px;}
	.indextitle span{ font-size:12px;}
	.indextitle{ margin-bottom:25px;}
	.index03 li{ width:100%; margin-bottom:20px;}
	.index04 li .libox{ padding:30px 10px;}
	.index04 li .libox img{ height:25px;}
	.index04 li .libox span{ font-size:14px;}
	.index04 ul{ transform:none; margin-bottom:40px;}
	.index05{ padding:35px 0}
	.index05le{ width:100%;}
	.index05mi{ height:10rem; width:100%;}
	.index05le li{ margin-bottom:10px; padding:5px 10px;}
	.index06{ padding-top:30px; padding-bottom:30px;}
	.index07{ padding-top:35px;}
	.index07box2{ margin-top:25px;}
	.index07bac{ height:80px; width:100%;}
	.index07box2{ padding-top:20px; padding-bottom:13px;}
	.pre_nextbt{ width:100%;}
	.index07box2 .swiper-pagination span{ margin:0 2px;}
	.swiperpage{ padding:0 40px;}
	.index07box2 a i{ margin-left:5px;}
	.index07box2 a { padding-left:15px;}
	.index08{ padding-top:35px; padding-bottom:35px}
	.index08 ul{justify-content: flex-start;}
	.index08 li { padding:0 15px; width:31.33%; margin:1%;}
	.index08 li img{ width:70px;}
	.index08 li span{ font-size:16px;}
	.index08 li:after{ width:20px; height:10px; right:-12px; top:35px;}
	.index08 .w1400 .w1200{ padding:0 !important}
	.index08 li:nth-child(3n){ padding:0}
	.index08 li:nth-child(3n):after{ display:none;}
	.index0902 li img{ margin-right:20px;}
	.index0902 li{ width:48%; margin:1%;}
	.index0902 li img{ width:35px; height:auto;}
	.index0902 li .txt b{ font-size:36px;}
	.index0902 li .txt span{ font-size:16px;}
	.index09 .bac{ height:95%;}
	.index0903 b{ font-size:24px;}
	.dowebok .img{ width:100px; height:70px; margin-right:10px;}
	.dowebok{ margin-bottom:10px;}
	.fotrili>b{ padding-left:0}
	.fotrili{ width:100%; max-width:none; margin-top:20px;}
	.fotrili2,.fotrili3{ width:48%;}
	.ewm{ padding-left:0}
	.fotrili3 ul{ padding-left:0}
	.yuan{ display:none;}
	.index91ri .vjs-has-started .vjs-big-play-button{ display:none;}
	.footer{ padding-top:45px; padding-bottom:40px;}
	.fotlogo img{ height:30px;}
	.caselists, .casebox{ padding-top:35px; padding-bottom:35px;}
	.case_pre a{ font-size:12px;}
	.wall .article{ margin-bottom:10px;}
	.caselists li{ width:48%;}
	.caselists li b{ font-size:14px;}
	.contact{ padding-top:35px;}
	.contact li{ width:100%; margin-bottom:25px;}
	.litop span{ font-size:18px;}
	.litop{ padding-bottom:5px; margin-bottom:5px;}
	.contact li p{ font-size:16px;}
	.map iframe{ height:15rem;}
	.contact02 b{ font-size:24px;}
	.contact02{ padding-top:35px;}
	.contact02 input{ width:100%; margin-bottom:15px;}
	.xh-list{ margin-top:0}
	.guigecanshu{ padding:40px 0;}
	.canshule { width:100%}
.canshuri{ width:100%; margin-top:25px;}
.canshule li .xxbox h1{ font-size:20px;}
.canshule li .xxbox p{ font-size:14px;}
.canshule li{ padding:15px;}
.canshule li:first-child{ padding:15px;}
.index07box{ height:12rem;}


.index05le li .tcimgs{  left:50%; bottom:100%; margin-left:-75px; margin-top:0; top:auto;}

.index05ri li .tcimgs{left:50%;}

	
	}