@charset "utf-8";
@media(max-width:768px) {
    html,
    body {
        min-width: 320px;
    }
    img{max-width:100%;}
    .w1200{ width: 100%;
    	max-width: 768px;
    }
    .fl{float:left;}
	.fr{float:right;}
	.pctop{display:none;}
	.m-logo{width:calc(100% - 80px); }
/*
#page{display:none}
#mpage{display:block;}
#page .index-sec1, #page .index-sec2, #page .index-sec3, #page .index-sec4, #page .index-sec5, #page .index-sec6, #page .index-sec7{display:none;}
#mpage .index-sec1, #mpage .index-sec2, #mpage .index-sec3, #mpage .index-sec4, #mpage .index-sec5, #mpage .index-sec6, #mpage .index-sec7{display:block;}
 */
/*banner图*/
.banner { position:relative; overflow:hidden;display:none}
.mbanner {display:block}
.mbanner .bimg{width:100%;height100%;}
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:30px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:8px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0; background:#e60012;}
.banner .text1{ position: absolute; top: 55%; right: 0; left: 0; bottom: 0; z-index: 33;
transform: translateY(-50%); -ms-transform: translateY(-50%);  -moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.banner .text1 .p1{ text-align: center; color: #fff; font-size: 32px; animation: none;}
.banner .text1 .p2{ text-align: center; color: #fff; font-size: 52px; font-weight: bold; padding: 0 0 15px 0;  animation: none;}
.banner .text1 a{ text-align: center; color: #fff; font-size: 28px; display: block; margin: 0 auto; width: 350px; height: 54px;
background: #ffcc00; border-radius: 50px; line-height: 54px; font-family: 宋体;  animation: none;}
.banner .text1 a i{ display: inline-block; font-size: 40px; vertical-align: middle;}

/*侧边导航*/
#fp-nav{display:none;}

/*关于我们*/
.index-sec2{width: 100%;height:100%; background: url(../images/mbg2.jpg) no-repeat; background-size: auto; background-size:cover; }
.sec2-cont{ background: rgba(255,255,255,0.6); width: calc(100% - 40px); padding:20px; margin-top: 30px;}

.sec2-cont ul{ display: block; justify-content: space-around; padding: 20px 0;
align-items: center;  }
.sec2-cont li{ transition: all ease-in-out 0.3s; width:calc(50% - 20px);float:left; margin:0px 10px 10px; height:100px;}
.sec2-cont li b{ display: block; height: auto; width: 1px; background: #E0E0E0; }
.sec2-cont li:last-child{ border-right: none;}
.sec2-cont strong{ color: #000; font-family: "times new roman"; font-size:30px;}

.sec2-cont .more{ display: block; background: #E60012; width: 200px; height: 50px; text-align: center; color: #fff; font-size: 16px;
line-height: 50px; border-radius: 50px; margin: 0 auto; opacity: 1; filter:blur(0px);  animation-duration:2s; transition-duration: 2s;}

.ab-1{width: calc( 100% - 0px); margin-right:0px;}
.ab-2{width: 100%;}
.ab-1 img,.ab-2 img{max-width:100%;}
.mb30{margin-bottom:20px;}
.mb50{margin-bottom:20px;}
.disno{display:none}
/*产品中心*/
.index-sec3{ width: 100%; height: 100%; background: url(../images/mbg3.jpg) no-repeat ;
	background-size: auto; background-size: cover; }
.sec3-contc{width: calc(100% - 20px); padding:10px 20px; margin:0px 10px; }
.sec3-conta{width: calc(100% - 20px); padding:10px 20px;margin:0 10px;}
.sec3-conta h1{font-size:24px; color:#fff; font-weight:bold; margin-bottom:10px}
.sec3-contb{ background: rgba(255,255,255,0.5); width: calc(100% - 20px); padding:20px; margin:0 10px;line-height:30px;font-size:16px;}
.sec3-contc h3{ color: #000; font-weight: bold; font-size: 20px; text-align: center;line-height:60px;
	background: url(../images/line-1.jpg) no-repeat center bottom;
}
.lin50{height:0px;}


.sec3-cont .more{ display: block; width: 175px; border:1px solid #ccc; text-align: center; line-height: 32px; background: #fff;
margin-left: 35%;margin-top:10px; position: relative; overflow: hidden; color:#000;}

/*店面形象*/
.index-sec4{ width: 100%; height:100%; background: url(../images/mbg4.jpg) no-repeat; background-size: auto; background-size: cover;  position: relative;}

#swiper2{ padding:30px 0;}
.index-sec4 .swiper-button-next,.index-sec4 .swiper-button-prev{ display: block; width: 35px; height: 35px; border-radius: 100%;
background: #fff; color: #E60012; font-family: '宋体'; font-size: 34px; display: flex; justify-content: center; align-items: center;
 position: absolute;  bottom: 0px; top: auto; transition: all 0.6s; z-index: 133; cursor: pointer;}
.index-sec4 .swiper-button-prev{ right: 20%; left: auto;}
.index-sec4 .swiper-button-next{ right: 10%; left: auto;}
.index-sec4 .swiper-button-next:hover,.index-sec4 .swiper-button-prev:hover{ background: #E60012; color: #fff;}
.index-sec4 .swiper-button-next.swiper-button-disabled, .index-sec4 .swiper-button-prev.swiper-button-disabled{ opacity: 1 !important;}
.index-sec4 .line{ position: absolute; height: 1px;  right:20%; left: 24%; bottom:30px; background: rgba(255,255,255,0.3);}
.index-sec4 figure .mask{ position: absolute; top: 50%; left:0; right: 0; bottom: 50%; background: rgba(0,0,0,0.5); transition: all 0.36s;
 transition: all 0.6s cubic-bezier(.4,0,.2,1); transform-origin: bottom; transform: scale(1,0);}
.index-sec4 figure span{ display: block; position: absolute; top: 50%; left: 50%;  transition: all 0.6s;
transition-delay: 0.36s; opacity: 0; transform: translateY(10px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-60%);
-ms-transform: translate(-50%,-60%); -moz-transform: translate(-50%,-60%); -webkit-transform: translate(-50%,-60%);}
.index-sec4 a:hover .mask{ transform: none; top: 0; bottom: 0;}
.index-sec4 a:hover span{ opacity: 1;  transform: translate(-50%,-50%);}
.index-sec4 a:hover figure>img{ transform: scale(1.1);}
.index-sec4.active #swiper2{ animation-name: zoomIn;}
.sec3-cont .swiper-slide { width: calc(100% -1px) !important; border-right: 1px solid #afafaf; align-items: center; align-content: center; display: flex; display: -webkit-flex;
flex-wrap: wrap; position: relative; transition: all 0.6s; }
.sec3-cont .swiper-slide:hover{ background: rgba(0,0,0,0.4);}

/*新闻中心*/
.index-sec5{ width: 100%;height:100%; margin-top:60px;}
.sec5-cont{ width:calc(100% - 40px);margin:0 auto; padding:0px 20px;}
.sec5-cont li{ width: calc(100% - 20px ); }
.sec5-cont ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  display: -webkit-flex;
  padding-top: 0px;
}



/*联系我们*/
.index-sec6{ width: 100%;height:100%;
	/* background:#000; */
	background: url(../images/mbg6.jpg) no-repeat;
	background-size: auto; background-size: cover; }
.sec6-cont{ padding: 10px 20px 10px;}
.sec6-cont h2{ font-size: 24px; }
.sec6-cont h3{ font-size: 18px; }
.sec6-cont .tit p{ font-size:14px;}
.sec6-cont ul{ display: block; display: -ms-flexbox;  justify-content: space-around; width: 100%;
margin: 20px auto;  height: auto;}
.sec6-cont li{text-align:center;}
.sec6-cont li:last-child{width:calc(100% - 0px);margin-left:0px;}
.sec6-cont li:first-child{width:100%; }
.sec6-cont .copyright span {
  margin: 0px 0px;
  display:block;
}
/*内页banner*/
.pbanner {
  position: relative;
  overflow: hidden;
  padding-top:70px;
}
.pbanner .text {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/*公司简介*/
.jgbox {  padding:20px 20px 20px;}
.jgbox .jl{float: left;margin-right: 0px}
.jgbox .jr{float: right;}
.jgbox .jl-img{ width: 100%; }
.jgbox .jl-img img{max-width:100%;}
.jgbox .jl-wen{ width:calc(100% - 40px); padding-top:10px 20px 10px; }
.jgbox .jl-wen p{text-indent:2em; line-height:50px;font-size:24px}


/*新闻中心*/
.newsList{  margin-left: 0px; padding: 20px 20px 20px;}
.newsList li { width: 100%; margin-left: 0px;}
.newsList .bodr { border: 1px solid #dfdfdf; height: 375px; position: relative; overflow: hidden;}
.newsList .txts { display: block; position: absolute; left: 0; right: 0; top: 0; height: 100%; padding: 0 45px; transition: 400ms;
-webkit-transition: 400ms; } .newsList .txts .sy { margin-bottom: 15px; padding-top: 50px; font-size: 14px; }
.newsList .txts .nowti { font-size: 20px; color: #464646; line-height: 1.5; overflow: hidden; }
.newsList .txts .tx { line-height: 30px; overflow: hidden; font-size: 14px; margin-top: 10px; }
.newsList .txts .date { position: absolute; left: 45px; bottom: 40px; font-size: 14px; }

/*内页标题*/


/*案例中心*/
.anlilist{padding:0px 20px;}
.anlilist ul{ display: flex;  flex-wrap: wrap; justify-content: space-around; margin-bottom: 25px; animation-name: fadeInUp;}
.anlilist li{ margin-bottom: 25px; width: 100%;}
.anlilist li figure{ width: 100%; display: block; align-items: center; height: auto; }
.anlilist li img {display: block;  max-height: 270px; margin: 0 auto; transition: all 0.36s; width:100%}

/*底部*/
.footer{ margin-top: 30px; text-align:center;}
.footer .foot{ padding:20px 20px 20px;}
.footer .foot .ndao .ljie{ overflow:hidden;display:none;padding-bottom: 0px;}
.footer .foot .ndao .ljie a{ padding-right:15px; }
.footer .foot .taile{ padding-top:10px;}
.footer .foot .taile .jj{ overflow:hidden; width:100%; line-height:32px; }
.footer .foot .taile .sdha{ overflow:hidden; width:calc(100% - 0px); line-height:32px;margin:0px 0px;}
.footer .foot .taile .sdha em{ width:100%;}
.footer .foot .taile .sdha p{ width:100%;}
.footer .foot .taile .ewma{display:block;overflow: hidden; margin:0 auto;
text-align: center; width:100%;}
.footer .inner{padding:0px 20px;}
.footer .inner span{margin-right:0px; display:block; text-align:center;}


/*详情页*/
.detailpage{ padding: 20px 0;}
.detailpage .w1200{padding: 10px 20px; }
.detailpage .det-tit .div1{ display: flex; justify-content: center; padding: 20px 0; border-bottom: 1px solid #F5F5F5;
margin-bottom: 20px;}

.hot-tui li{ width: 100%;}

/*联系我们*/
.contactpage{ padding: 20px 0;}
.contactpage .w1200{ padding: 10px 20px; }
.contactpage .ul1{margin: 20px auto;}
.contactpage .ul1 li{width:calc(100% - 20px); margin:0px 10px; float:left; }
.contactpage .ul1 figure img{ margin:20px auto 0 auto;}
.contactpage .biao{ padding: 20px 0 0 0;  margin: 20px auto 0 auto; }
.contactpage .in{ display: block; height: 50px; width: calc(100% - 2px); background: #fff; border:1px solid #E0E0E0; padding-left: 0px;}
.contactpage .area{ border:none; border:1px solid #E0E0E0; display: block; background: #fff; width:1100px; height: 200px; margin-top: 25px;
text-indent: 1em; padding-top: 10px; resize: none;}
.contactpage .div1{padding-top: 50px; display: flex; display: -webkit-flex; display: -ms-flexbox; justify-content: space-between; width:1100px;}
.contactpage .btn-div1{ text-align: center;}
.contactpage .sub{ display: inline-block; width: 260px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #fff;
 background: #E60012; margin: 35px auto 0 auto; cursor: pointer;}
.contactpage .res{ background: #222; margin-left: 10px;}
.lxbox{border:1px solid #d5d5d5}
.lx-l{float:left; width:40%;background-color:#7fbda8;}
.lx-l .lxbg{background: url(../images/lx_03.jpg) repeat-y center right ; padding:50px 30px;}
.lx-l h1{font-size:30px; line-height:50px; color:#fff;}
.lx-l h2{font-size:20px; line-height:30px; color:#fff; text-align:right;}
.lx-r{float:left; width: calc(60% - 20px);padding:20px 10px; line-height:30px; font-size:16px;}
.lxt{ text-align:center; font-size:36px; line-height:50px;background: url(../images/lx_07.jpg) no-repeat bottom center; margin:20px auto 20px; padding-bottom:20px;}

.fenpian{ display: block; }
.fenpian i {
  display: inline;
  color: #000;
  font-size: 14px;
  margin-bottom: 10px;
}
	.jgbox .jl{float: none;margin-right: 0px}
	.jgbox .jr{float: none;}
	.jgbox .jl-img{ width: 100%; }
	.jgbox .jl-wen{ width: 100%; font-size:16px}
	#m-hd{
		display: block;
	}
}