@charset "utf-8";
body,html{ }
*{ margin:0; padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; }
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
input,button,table,tr,td,textarea{ font-family:Microsoft yahei,Arial;}
.w1200{ width: 1200px; margin: 0 auto;}

/*导航*/
.barwrap{ padding: 0 30px;  height: 100px; position: fixed; top: 0; left: 0; right: 0; z-index: 333; display: flex; display: -ms-flexbox;
 background: rgba(0,0,0,0.2);  border-bottom: 1px solid rgba(255,255,255,0.3); align-items: center; justify-content:center;}
.barwrap .logo{ display: block; -webkit-flex-grow: 0.5; flex-grow: 0.5; -webkit-box-flex-group: 0.5; }
.navbar{ display: flex; display: -ms-flexbox;  display: -ms-flexbox; justify-content: space-around;  flex-grow: 1.8;
-webkit-flex-grow:  1.8; -webkit-box-flex-group: 1.8; padding-right: 45px;}
.navbar li{  line-height: 100px;}
.navbar1 li{  line-height: 16px;}
.navbar li a{ color: #fff; font-size: 16px; transition: all 0.6s;  position: relative; display: block;}
.navbar li a b{ position: absolute; left: 0; right:0; bottom: 0; height: 2px; background: #e60012; display: block; z-index: 33; width: 0;
transition: all 0.6s; width:100%; transform: scale(0);}
.navbar li:hover a b,.navbar li.current-menu-item a b{ transform: scale(1);}
.navbar li:hover a,.navbar li.current-menu-item a{ color:#E60012;border-bottom: 1px solid #E60012;}
.navbar li:hover a,.navbar1 li.current-menu-item a{ color:#E60012;border-bottom:none;}
.barwrap  .div2{ display: flex; display: -ms-flexbox; align-items: center; -webkit-align-items: center; 
 border-left: 1px solid rgba(255,255,255,0.3); flex-grow: 0.1; justify-content: flex-end; }
.barwrap .div2 h3{ font-size: 20px; color: #000;}
.barwrap .div2 h3 img{ display: inline-block; margin-right: 20px; vertical-align: middle;}
.barwrap .div2 strong{ display: block; font-size: 16px; color: #fff;  padding-bottom: 10px; line-height: 1;}
.barwrap .div2 b{ display: block; font-size: 22px; color: #fff; font-family:segeo; line-height: 1;}

/*搜索*/
.barwrap .zoom{ cursor: pointer; display: inline-block; vertical-align: middle; margin-left:60px; }
.search-close{ position: fixed; top: 30px; right: 30px; cursor: pointer;}
.search-box{ background: #fff; position: fixed; top: 0px; left: 0; right: 0; background: rgba(0,0,0,0.8); z-index: 333;
 bottom: 0;  display: flex; display: -ms-flexbox;   align-items: center;
 align-items: center; -webkit-align-items: center;  transform-origin: bottom center;  -ms-transform-origin:bottom center ; -moz-transform-origin: bottom center;
 -webkit-transform-origin: bottom center;  transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); 
 transition: transform .3s .5s;}
.search-box .div{ width: 800px; margin: 0 auto; transition: all .5s .3s; filter:alpha(opacity=0); opacity: 0; transform: translate(0px,20px);}
.search-box .in{ background: #fff; height: 50px; width: 700px; padding-left: 20px; font-size: 16px;}
.search-box .sub{ background: #e60012; height: 50px; width: 100px; font-size: 16px; color: #fff; cursor: pointer;}
.search-box p{ padding: 30px 0 0 0;}
.search-box p a{ display: inline-block; padding: 0 20px; font-size: 14px; color: #fff; opacity: 0.8; filter:alpha(opacity=80); transition: all 0.36s;}
.search-box p strong{ display: inline-block; font-size: 16px; color: #fff;}
.search-box p a:hover{ color: #d7a449;}
.search-box .div.on{ opacity: 1; -webkit-opacity: 1;  transform: translate(0,0); -webkit-transform: translate(0,0);   -ms-transform: translate(0,0); 
-moz-transform: translate(0,0); filter:alpha(opacity=100); }
.search-box.active{transform-origin: top center; transform: scaleY(1); transition: transform .3s;}

/*banner图*/
.banner { position:relative; overflow:hidden;}
.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{z-index: 29; position: fixed; top: 0; left: 0px; bottom: 0; background: rgba(255,255,255,0.3); width: 55px; margin-top: 0 !important;}
#fp-nav ul{ position: absolute; top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 0; width: 50px; }
#fp-nav li span{ background: url("../img/icon.png") no-repeat 0 0; width: 23px; height: 25px; display: block;
margin-left: 10px; position: relative; z-index: 22; transition: all 1s;}
#fp-nav li:nth-child(1) span{background-position: 0px 0;}
#fp-nav li:nth-child(2) span{background-position: 0px -42px;}
#fp-nav li:nth-child(3) span{background-position: 0px -82px;}
#fp-nav li:nth-child(4) span{background-position: 0px -128px;}
#fp-nav li:nth-child(5) span{background-position: 0px -170px;}
#fp-nav li:nth-child(6) span{background-position: -2px -215px;}
#fp-nav li:nth-child(1) .active span{background-position: -30px 0;}
#fp-nav li:nth-child(2) .active span{background-position: -30px -42px;}
#fp-nav li:nth-child(3) .active span{background-position: -30px -82px;}
#fp-nav li:nth-child(4) .active span{background-position: -30px -128px;}
#fp-nav li:nth-child(5) .active span{background-position: -30px -170px;}
#fp-nav li:nth-child(6) .active span{background-position: -30px -215px;}
#fp-nav li{ position: relative;}
#fp-nav li a{ display: block; position: relative; z-index: 999; height: 45px; width: 50px; display: flex; align-items: center;}
.fp-tooltip{ position: absolute; left: -160px; top: 0; bottom: 0;  color: #fff; z-index: 22; padding-left: 60px; transition: all 0.8s;
 width: 150px!important; z-index: -1; line-height: 45px; height: 45px; z-index: 33; background: #E60012; } 
#fp-nav li.on .fp-tooltip{ left: 0;}


/*关于我们*/
.index-sec2{  width: 100%; height: 100%; background: url("../img/bg2.jpg") no-repeat; background-size: auto; background-size: 100% 100%;}
.sec2-cont{ background:rgba(255,255,255,0.8); width: 1200px; margin: 0 auto; padding:50px 130px 50px 130px; margin-top: 100px; border-radius:20px;}
.sec2-cont h3{ color: #E98700; font-weight: bold; font-size:40px; text-align: center;}
.sec2-cont h4{ color: #E60012; font-size: 20px;font-weight: bold;  text-align: center; padding-bottom: 40px; padding-top: 10px;}
.sec2-cont .p1{ font-size:16px; text-align: center; line-height: 40px;}
.sec2-cont ul{ display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-around; padding: 50px 0;
align-items: center;  }
.sec2-cont li{ transition: all ease-in-out 0.3s; }
.sec2-cont li b{ display: block; height: 50px; 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 li p{ font-size: 16px; color: #666; }
.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;}
.sec2-cont .more:hover{ -webkit-animation: bubbles 1s forwards ease-out; animation: bubbles 1s forwards ease-out; background: radial-gradient(circle at bottom, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em; background-color: #E60012; background-repeat: no-repeat; }
.sec2-cont li:hover{ transform: translateY(-10px);}

.index-sec2.active .text ,.index-sec2.active ul,.index-sec2.active .more{ animation-name: fadeInUp;}
.copyright a{
	color:#fff;  
	font-size: 16px;
}
/*产品中心*/
.index-sec3{ width: 100%; height: 100%; background: url("../img/bg3.jpg") no-repeat; background-size: auto; background-size: 100% 100%; }
.index-sec3 #swiper1{ position: static; padding-top: 100px;}
.sec3-cont .swiper-wrapper{ display: flex; display: -webkit-flex; position: absolute; top: 0; right: 0; left: 0;}
.sec3-cont .swiper-slide { width: 20% !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);}
.sec3-cont h3{
	 text-align: center;width: 100%;  
}
.sec3-cont h3 a{ color: #fff; font-size: 18px; font-weight: bold;padding-bottom: 10px;}
.sec3-cont h3 b{ display: block; height: 2px; background: #fff; margin: 20px auto; width: 20px;}
.sec3-cont .p1{  width: 100%}
.sec3-cont .p1 a{ display: block; color: #fff; font-size: 14px; text-align: center; padding: 6px 0; transition: all 0.6s;}
.sec3-cont .p1 a:hover{ transform: translateX(10px); color: #E60012;}
.sec3-cont .cp-text{ transition: all 0.6s; display: flex; align-items: center; flex-wrap: wrap;width:100%;}
.sec3-cont .cp-tu{ position: absolute; bottom: 30px; left: 0; right: 0; min-height:350px; display: flex; display: -webkit-flex;
justify-content: flex-end; align-items: flex-end; align-content: flex-end; padding: 0 20px; opacity: 0; transition: all 1s;}
.sec3-cont .cp-tu img{ display: block; width: 80%; max-width:300px; height:auto; margin: 0 auto;}
.sec3-cont .swiper-slide:hover .cp-tu{ opacity: 1;}
.sec3-cont .swiper-slide:hover .cp-text{ margin-top: -50px;}
.sec3-cont .more{ display: block; width: 175px; border:1px solid #ccc; text-align: center; height: 48px; line-height: 48px; color: #fff;
margin: 10px auto; position: relative; overflow: hidden;}
.sec3-cont .more div{ transition: transform .3s,-webkit-transform .3s; position: absolute; background: #E60012;}
.sec3-cont .more .line{ width: 100%; height: 0; top: 50%; left: 50%; background: #fff; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
 -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); 
 transform: translateX(-50%) translateY(-50%) rotate(45deg);  position: absolute;z-index: -1;transition: all .3s;}
.sec3-cont .more:hover .line{ height: 260%; opacity:0.8;} 
/*.index-sec3.active #swiper1{ animation-name: zoomIn;}
*/
/*店面形象*/
.index-sec4{ width: 100%; height: 100%; background: url("../img/bg4.jpg") no-repeat; background-size: auto; background-size: 100% 100%;  position: relative;}
.index-sec4 a{ background: #fff; display: block;}
.index-sec4 a p{ color: #000; height: 60px; line-height: 60px; text-align: center; font-size: 16px;}
.index-sec4 figure{ position: relative; overflow: hidden;}
.index-sec4 figure,.index-sec4 figure img{ display: block; overflow: hidden; width: 100%; height: 100%; transition: all 2s;}
#swiper2{ padding:100px 0;}
.index-sec4 .swiper-button-next,.index-sec4 .swiper-button-prev{ display: block; width: 65px; height: 65px; 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: 25%; left: auto;}
.index-sec4 .swiper-button-next{ right: 20%; 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:30%; 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;}

/*新闻中心*/
.index-sec5{ width: 100%; height: 100%; background: url("../img/bg5.jpg") no-repeat; background-size: auto; background-size: 100% 100%; }
.index-sec5 ul{ display: flex; justify-content: center; flex-wrap: wrap; display: -webkit-flex; padding-top: 100px;}
.index-sec5 li{ margin: 0 0 50px 0; width: 36%; position: relative; }
.index-sec5 li:nth-child(2n){ margin-left: 100px;}
.index-sec5 .time{ background: #E60012; width: 115px; height: 115px; display: flex; display: -webkit-flex; align-items: center; align-content: center;
flex-wrap: wrap; position: absolute; top: 50%; margin-top: -57px; left: -50px; transition: all 0.36s;}
.index-sec5 strong{ display: block; text-align: center; color: #fff; font-size: 20px; font-family: arial; width: 100%;}
.index-sec5 b{ display: block; text-align: center; color: #fff; font-size: 30px; font-family: arial; width: 100%;}
.index-sec5 figcaption{ background: #fff; padding: 50px 20px 50px 90px; box-sizing: content-box; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; transition: all 0.36s;}
.index-sec5 h3{ color: #000; font-size: 16px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.36s;}
.index-sec5 p{ color: #555; font-size: 14px; height: 40px; line-height: 20px;}
.index-sec5 .more{ display: block; margin: 0 auto; border:3px solid #fff; width: 255px; height: 60px; text-align: center; line-height: 54px;
color: #fff; font-size: 20px; font-family: "times new roman"; text-transform: uppercase; position: relative; overflow: hidden;
z-index: 33;}
.btn-3:before { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent transparent transparent #E60012; position:absolute; bottom:0; left:0; transition: all 0.6s; z-index: -1;} 
.btn-3:after { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent #E60012 transparent transparent; position:absolute; top:0; right:0; transition: all 0.6s; z-index: -1;} 
.btn-3 span:before { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:transparent transparent #E60012 transparent; position:absolute; right:0; bottom:0; transition: all 0.6s;z-index: -1; } 
.btn-3 span:after { content:''; width:0; height:0; -webkit-transform:rotate(360deg); border-style:solid; border-width:0; 
border-color:#E60012 transparent transparent transparent; position:absolute; top:0; left:0; transition: all 0.6s; z-index: -1; } 
.btn-3:hover { color:#fff; } 
.btn-3:hover:before { border-width:180px 0 0 180px } 
.btn-3:hover:after { border-width:0 180px 180px 0 }
.btn-3:hover span:before { border-width:0 0 180px 180px } 
.btn-3:hover span:after { border-width:180px 180px 0 0 }
.index-sec5 li:hover .time{ top: 0; left: 0; margin-top: 0; }
.index-sec5 li:hover figcaption{ padding-left: 150px;}
.index-sec5 li:hover h3{ color: #E60012;}
.index-sec5.active li,.index-sec5.active .more{ animation-name: fadeInUp; }

/*联系我们*/
.index-sec6{ width: 100%; height: 100%; background: url("../img/bg6.jpg") no-repeat; background-size: auto; background-size: 100% 100%; }
.sec6-cont{ padding-top: 100px;}
.sec6-cont h2{ font-size: 55px; color: #fff; font-family: "times new roman"; text-align: center; text-transform: uppercase; position: relative;}
.sec6-cont h3{ text-align: center; color: #fff; font-size: 34px; padding: 20px 0 10px 0;}
.sec6-cont .tit p{ text-align: center; color: #fff; font-size:16px;}
.sec6-cont ul{ display: flex; display: -ms-flexbox;  justify-content: space-around; border:1px solid #e9bea7; width: 1120px;
margin: 70px auto;  height: 140px;}
.sec6-cont li{  display: flex; display: -webkit-flex; align-content: center; align-items: center; position: relative;} 
.sec6-cont li div{ padding-left: 20px;}
.sec6-cont .p1{ color: #fff; font-size: 16px;}
.sec6-cont .p2{ color: #fff; font-size: 22px; font-family: "times new roman";}
.sec6-cont li:last-child .p2{ font-size: 16px; font-family: "微软雅黑"; line-height: 24px;}
.sec6-cont b{ display:block; height:100%; width: 1px; background: #E9BEA7;}
.sec6-cont i{ display:block; height:38px; width: 1px; background: #E60012; position: absolute; top: 50%; left: 0; margin-top: -19px;}
.sec6-cont .p3,.sec6-cont .p3 a{ text-align: center; color: #fff; font-size: 16px; transition: all 0.36s;}
.sec6-cont .p3 a{ display: inline-block; margin-right: 15px;}
.sec6-cont .copyright{ text-align: center; color: #fff; font-size: 16px; padding-top: 10px;}
.sec6-cont .p3 a:hover{ color: #E60012;}
.sec6-cont h2 span{font-size: 55px; color: #fff; line-height:40px; }
.index-sec6.active .tit,.index-sec6.active ul,.index-sec6.active .p3,.index-sec6.active .copyright{animation-name: fadeInUp; }


/*内页banner*/
.pbanner{ position:relative; overflow:hidden;}
.pbanner figure{ display:block; line-height:0; overflow:hidden;}
.pbanner figure img{ display:block; width:100%; height:auto; line-height:0; position:relative;}
.pbanner .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.pbanner h2{ color: #fff; font-size: 25px; text-transform: uppercase; width: 100%; text-align: center;
animation: fadeInUp 1s; animation-delay: 0.3s;}
.pbanner h3{color: #fff; font-family: "Microsoft yahei"; font-size: 34px; text-transform: uppercase; text-align: center; width: 100%;
animation: fadeInUp 1.5s; animation-delay: 0.3s;}
.pbanner b{ display: block; margin: 20px auto; height: 2px; background: #fff; width: 30px;}

.barwrap.on{ background: #fff; animation: down 1s; border-bottom: 1px solid #E0E0E0;}
.barwrap.on li a,.barwrap.on .div2 strong,.barwrap.on .div2 b{ color: #000;}
.barwrap.on .div2{ border-color: #E0E0E0;}




/*新闻中心*/
.newsList{  margin-left: -40px; padding: 50px 0 50px 0;}
.newsList li { float: left; height: auto; overflow: hidden; width: 390px; margin-left: 20px; vertical-align: top; position: relative; 
margin-bottom: 20px;  } 
.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; height:60px; } 
.newsList .txts .tx { line-height: 30px; height: 30px; overflow: hidden; font-size: 14px; margin-top: 10px; } 
.newsList .txts .date { position: absolute; left: 45px; bottom: 40px; font-size: 14px; } 
.newsList .pic { height: 100%; transform: scale(1.2); -webkit-transform: scale(1.2); opacity: 0; display: none\9; transition: 600ms; 
-webkit-transition: 600ms; background-repeat: no-repeat; background-size: cover; background-position: center center; 
background-color: rgba(101, 190, 186, 1); position: relative; } 
.newsList .pic img { height:100%; display:block; background-repeat: no-repeat; background-size: cover; background-position: center center; 
left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); 
position: absolute; } 
.newsList .pic .cover { background: rgba(0,0,0,.3); opacity: 0; display: none\9; } 
.newsList li:hover .pic { transform: scale(1); -webkit-transform: scale(1); opacity: 1; display: block\9; } 
.newsList li:hover .pic .cover { opacity: 1; display: block\9; } 
.newsList li:hover .bg { background: #ff0000; } 
.newsList li:hover a, .newsList li:hover .txts .nowti { color: #fff; } 
.newsList li:hover p{
	color: #fff; 
}
.newsList li:hover .txts { top: 38%; background:rgba(0,0,0,0.5); } 
.ixmore { display: block; width: 34px; height: 34px; border: 2px solid #fff; position: absolute; right: 45px; top: 40px;
 transform: translateX(-30px); -webkit-transform: translateX(-30px); opacity: 0; display: none\9; transition: 400ms 100ms; 
 -webkit-transition: 400ms 100ms; } 
.ixmore .ico { background-image: url("../img/arrow.png"); } 
.newsList li:hover .ixmore { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; display: block\9; }
.bodr .ico { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; transition: 300ms;
 -webkit-transition: 300ms; position: relative; }
.newsList li:hover .tx,.newsList li:hover .sy{ color: #fff;}


.fenye{ display: flex; display: -ms-flexbox; display: -moz-flex;  justify-content: center; align-items: center; animation-name: fadeInUp;}
.fenye a{ display: block; height: 40px; text-align: center; line-height: 40px;
margin: 0 20px; transition: all 0.6s;}
.fenye a.on,.fenye a:hover{ color: #e60012;}
.fenye span{ display: block; font-size: 16px; color: #666; margin: 0 20px; cursor: pointer;}
.fenye .current{
	color: #e60012;
}

.detailpage .de-text{
	    line-height: 35px;
    text-indent: 2em;

}

/*内页标题*/
.nei-tit{ padding: 50px 0 0 0; animation-name: fadeInUp;}
.nei-tit p{ display: flex; display: -webkit-flex;  justify-content: center;}
.nei-tit p span{ display: block; background: #F5F5F5; color: #333; font-size: 14px; border-radius: 5px;   height: 50px; line-height: 50px;
padding: 0 40px; margin:0 15px; transition: all 0.36s; cursor: pointer;}
.nei-tit h3{ font-weight: bold; font-size: 28px; padding-bottom: 30px; text-align: center;}
.nei-tit p span.on,.nei-tit p span:hover{ background: #E60012; color: #fff;}
.nei-tit ul{
	 display: flex; display: -webkit-flex;  justify-content: center;
}
.nei-tit ul li{
	display: block; background: #F5F5F5; color: #333; font-size: 14px; border-radius: 5px;   height: 50px; line-height: 50px;
padding: 0 40px; margin:0 15px; transition: all 0.36s; cursor: pointer;
}
.nei-tit ul .current-cat,.nei-tit ul li:hover{ background: #E60012; color: #fff;}
.nei-tit ul .current-cat a{
	color:#fff;
}
.cp-tit li{ font-weight: bold; font-size: 18px;  width: 20%; border-right: 3px solid #E0E0E0; padding-left: 20px;
text-align: center; transition: all 0.6s; cursor: pointer;}
.cp-tit li:nth-child(5n){ border-right: none;}
.cp-tit li.on,.cp-tit li:hover{ color: #E60012; border-color: #E60012 !important;}
.cp-tit .menu{
	display: flex; flex-wrap: wrap; padding: 20px 0 20px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: 30px; margin-bottom:30px;
animation-name: fadeInUp;
}

.cp-tit .current-menu-item{
	 color: #E60012; border-color: #E60012;
}
.cp-tit .current-menu-item:last-child{
	 color: #E60012; border-color: none!important;
}
.cp-tit .current-cat{
	 color: #E60012; border-color: #E60012 ;
}
.cp-tit .current-cat a{
	color: #E60012;
}
.cp-tit li:last-child{
	border-right:none;
}
.cp-tit .current-cat:last-child{
	 color: #E60012; border-color: none!important;
}
.cp-tit .current-menu-item a{
	 color: #E60012; 
}
/*案例中心*/
.casepage ul{ display: flex;  flex-wrap: wrap;  margin-bottom: 25px; animation-name: fadeInUp;}
.casepage li{ margin-bottom: 40px; width: 30%;    box-shadow: 0 0 5px rgba(0,0,0,0.1);    margin: 20px;}
.casepage li figure{ width: 100%; display: flex; align-items: center; height: auto;overflow:hidden;padding:10px 0px;}
.casepage li img {display: block;  max-width:300px;  max-height: auto; margin: 0 auto; transition: all 0.36s;}
.casepage li p{ color: #000; font-size: 16px; text-align: center; height: 60px; line-height: 60px; }
.casepage li:hover img{ transform: scale(1.1);}
.casepage{
	margin:2em 0;
}

/*底部*/
.footer{ width:100%; position:relative; background:#1a1a1a;}
.footer .foot{ width:100%; overflow:hidden; position:relative; padding:50px 0 60px;}
.footer .foot .ndao{ width:100%; position:relative; padding-bottom:36px; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer .foot .ndao .ljie{ overflow:hidden;}
.footer .foot .ndao .ljie a{ display:block; float:left; color:#aaa; font-size:16px; padding-right:40px; transition: all 0.36s;}
.footer .ndao .ljie a:hover{ color: #E60012;}
.footer .foot .ndao .lian{ position:relative; z-index:10;}
.footer .foot .ndao .lian em{ display:block; float:left; color:#aaa; font-size:16px;}
.footer .foot .ndao .lian strong{ float:left; display:block; position:relative; margin-left:20px;}
.footer .foot .ndao .lian strong i{ display:block; width:25px; height:30px; background:url("../img/icon1.png") -16px -70px no-repeat; overflow:hidden; cursor:pointer;}
.footer .foot .ndao .lian strong img{ position:absolute; top:30px; right:0; display:none; width:120px; height:120px;}
.footer .foot .ndao .lian strong:hover img{ display:block;}
.footer .foot .ndao .lian figure{ float:right; overflow:hidden;}
.footer .foot .ndao .lian figure a{ display:block; width:25px; height:30px; float:left; margin-left:24px; background:url("../img/icon1.png") no-repeat;}
.footer .foot .ndao .lian figure a.qq{ background-position:-62px -70px;}
.footer .foot .ndao .lian figure a.wb{ background-position:-107px -70px;}

.footer .foot .taile{ width:100%; overflow:hidden; padding-top:50px;}
.footer .foot .taile .sdha{ overflow:hidden; width:65%; line-height:44px;}
.footer .foot .taile .sdha em{ display:block; float:left; color:#aaa; font-size:16px; width:50%;}
.footer .foot .taile .sdha em span,.footer .foot .taile .sdha p span{ color:#666;}
.footer .foot .taile .sdha p{ overflow:hidden; color:#aaa; font-size:16px; width:100%;}
.footer .foot .taile .ewma{ overflow:hidden;}
.footer .foot .taile .ewma strong{ display:block; overflow:hidden; padding-left:30px; float:left;}
.footer .foot .taile .ewma strong img{ display:block; width:120px;}
.footer .foot .taile .ewma strong span{ display:block; text-align:center; color:#666; padding-top:10px;}
.footer .weibu{ width:100%; overflow:hidden; text-align:center; padding:20px 0; background:#000; font-size:15px; color:#666;}
.footer1{ margin-top: 0;}


/*详情页*/
.detailpage{ background: #F5F5F5; padding: 50px 0;}
.detailpage .w1200{ background: #fff; padding: 50px 30px; animation-name: fadeInUp; }
.detailpage .det-tit h3{ font-weight: bold; color: #000; font-size: 24px; text-align: center;}
.detailpage .det-tit .div1{ display: flex; justify-content: center; padding: 20px 0; border-bottom: 1px solid #F5F5F5;
margin-bottom: 20px;}
.detailpage .det-tit span{ color: #666; font-size: 14px; display: block; padding: 0 15px;}
.detailpage .de-tu img{ display: block; width: 100%; margin: 10px auto;}
.detailpage .de-text p{ line-height: 46px; font-size: 15px; color: #000;}
.detailpage img{
	max-width:100%;
	height:auto!important;
	margin: 0px auto;
	display: block;
}

.fenpian{ display: flex; display: -webkit-flex; border:1px solid #F5F5F5; padding: 20px 0; border-left: none; border-right: none; margin: 50px 0;
justify-content: space-between;}
.fenpian i{ display: block; color: #000; font-size: 14px; margin-bottom: 10px;}
.fenpian a{  color: #555; font-size: 14px;}


.hot-tui h2{ color: #E60012; font-weight: bold; font-size: 18px; margin-bottom: 20px;}
.hot-tui ul{ display: flex; justify-content: space-between; flex-wrap: wrap; display: -webkit-flex;}
.hot-tui li{ width: 48%;}
.hot-tui li a{ font-size: 14px; color: #555; display: block; margin: 10px 0;  transition: all 0.36s; overflow: hidden; text-overflow: ellipsis;
white-space: nowrap;}
.hot-tui li:hover a{ color: #E60012;}


/*联系我们*/
.contactpage{ background: #F5F5F5; padding: 50px 0;}
.contactpage .w1200{ background: #fff; padding: 50px 50px; }
.contactpage .ul1{margin: 0 auto; display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between;
animation-name: fadeInUp;}
.contactpage .ul1 .p1{ font-size: 16px; text-align: center; padding: 20px 0 10px 0;}
.contactpage .ul1 figure img{ display: block; width: 40px; margin:40px auto 0 auto;}
.contactpage .ul1 .p2{ font-size: 14px; text-align: center;}
.contactpage .biao{ padding: 50px 0 0 0;  margin: 50px auto 0 auto; border-top: 5px solid #F5F5F5; animation-name: fadeInUp;}
.contactpage h3{ color: #000; font-weight: bold; font-size: 24px; text-align: center; padding: 20px 0 10px 0;}
.contactpage .p5{ color: #666;  font-size: 14px; text-align: center;}
.contactpage .in{ display: block; height: 50px; width: 350px; background: #fff; border:1px solid #E0E0E0; padding-left: 10px;}
.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;}


/*销售网络*/
.salepage{ background: #F5F5F5; padding: 50px 0;}
.salepage .w1200{ padding: 50px 30px; background: #fff;}
.gsdds{ padding:20px; border:1px solid #E0E0E0; overflow:hidden; margin-bottom:40px; margin: 0 auto;}
.gsdds form{ display:block; float:left; overflow:hidden; line-height:34px;}
.gsdds form input.sjs{ width:300px; height:50px; padding-left:12px; color:#666; float:left; background: #f5f5f5;}
.gsdds form input.sub{ width:80px; background:#e60012; border:none; height:50px; line-height:50px; color:#fff; float:left; cursor:pointer;}
.gsdds strong{ display:block; float:right; overflow:hidden; color:#666; line-height:50px; height:50px;}
.gsdds strong i{ color:#e60012; font-size:28px; font-family:Arial, Helvetica, sans-serif;}
.salelist{ padding:20px 0px 20px 0px;}
.salelist{ display: flex; display: -webkit-flex; justify-content: space-around; flex-wrap: wrap; display: -ms-flexbox;}
.salelist li{ width: 28%; box-shadow: 0 0 5px rgba(0,0,0,0.1);   padding:20px 25px;}
.salelist li img{ display: blocsk; margin: 20px auto 0 auto; max-width: 100%; height: auto;}
/*.salelist li h3{ color: #000; font-weight: bold; font-size: 18px; text-align: center; padding: 20px 0;}*/
.salelist li p{ font-size: 14px; color: #000; border-top: 1px solid #F5F5F5; line-height: 30px; padding-top: 15px; margin-top: 20px;}


@keyframes down{
 	from{transform: translateY(-100%); opacity: 0;}
 	to{transform: none; opacity: 1;}
 }


@-webkit-keyframes breatheBg {
    0% { opacity: .8; -webkit-transform: scale(1);transform: scale(1);}
    100% { opacity: 1; -webkit-transform: scale(1.3);transform: scale(1.3);}
}
@keyframes breatheBg {
    0% { opacity: .8; -webkit-transform: scale(1);transform: scale(1);}
    100% { opacity: 1; -webkit-transform: scale(1.3);transform: scale(1.3);}
}


@keyframes blurup {
 0% {
  opacity:0;
  -webkit-filter: blur(30px);
  transform:scale(1) translateY(65px);
 }
 100% {
  opacity:1;
  -webkit-filter: blur(0px) transform:scale(1) translateY(0px);
 }
}


/*按钮气泡特效*/
@-webkit-keyframes bubbles {
 100% {
  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
  
 }
}
@keyframes bubbles {
 100% {
  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
 
 }
} 




@media screen and (max-width:1820px) {
	.index-sec4 .swiper-button-next{ right:15%}
	.index-sec4 .swiper-button-prev{ right: 22%;}
}




.sub-menu{
	display:none;
}

/******搜索页面****/
.searchInput{
	background: #f8f8f8;
    height: 30px;
    line-height: 30px;
    width: 50%!important;
}
#searchform .btn-default{
	    padding: 5px;
		    border: 1px solid!important;
}
#sousuoneirong2{
	margin-top:2em;
	line-height:50px;
}
#sousuoneirong2 h4{
	font-size:16px;
	color:red;
}


.mobile-side-menu{
	display:none;
}

@media screen and (max-width:1024px) {
	.barwrap{
		display:none;
	}

	.mobile-header-space {
		display: none
	}


	.mobile-header {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height:90px;
		background-color: rgba(0,0,0,.12);
		z-index: 999;
		padding: 11px 20px 0 10px;
		*zoom: 1
	}

	.mobile-header:after {
		content: "\200B";
		display: block;
		height: 0;
		clear: both
	}

	.mobile-header.black {
		border-bottom: .5px solid #ddd;
		background-color: #fff
	}

	.mobile-header.black .menu:before {
		background-image: url("../img/mobile-menu-icon_white1.png")
	}

	.mobile-header.black .logo {
		background-image: url("../img/logo.png")
	}

	.mobile-header.black .music .mb {
		display: block
	}

	.mobile-header.black .music .mw {
		display: none
	}

	.mobile-header .music {
		display: none;
		float: right;
		position: absolute;
		right: 60px;
		top: 20px;
		cursor: pointer;
		font-size: 0;
		line-height: 0
	}

	.mobile-header .music img {
		height: 16px;
		vertical-align: top
	}

	.mobile-header .music .mb {
		display: none;
		opacity: .6
	}

	.mobile-header .music .mw {
		display: block
	}

	.mobile-header .logo {
		width: 146px;
		height: 66px;
		background: url("../img/logo.png") no-repeat ;
		background-size: cover;
		float: left
	}

	.mobile-header .menu {
		position: absolute;
		right: 0;
		top: 0;
		width: 50px;
		height: 55px
	}

	.mobile-header .menu:before {
		content: "";
		display: block;
		width: 21px;
		height: 17px;
		background: url("../img/mobile-menu-icon_white.png") no-repeat center center;
		background-size: cover;
		margin-top: 35px;
		margin-left: 8px
	}

	.mobile-side-menu {
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		overflow: hidden;
		visibility: hidden;
		opacity: 0;
		display: none;
		transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		-ms-transition: all 300ms ease
	}

	.mobile-side-menu.show {
		visibility: visible;
		opacity: 1
	}

	.mobile-side-menu.show .inner {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	.mobile-side-menu .left {
		width: 20%;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		background-color: rgba(0,0,0,.7)
	}

	.mobile-side-menu .inner {
		transition: all 300ms ease;
		-webkit-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		width: 80%;
		height: 100%;
		overflow: auto;
		position: absolute;
		right: 0;
		top: 0;
		background:rgba(255,255,255,1);
		padding: 0 20px 25px
	}

	.mobile-side-menu .inner .close__box {
		*zoom: 1
	}

	.mobile-side-menu .inner .close__box:after {
		content: "\200B";
		display: block;
		height: 0;
		clear: both
	}

	.mobile-side-menu .inner .close {
		width: 19px;
		height: 19px;
		background: url("../img/close.png") no-repeat center center;
		background-size: cover;
		margin: 20px 0 15px;
		float: right
	}

	.mobile-side-menu .inner .lang {
		font-size: 15px;
		text-align: center;
		padding: 30px 0
	}

	.mobile-side-menu .inner .lang a {
		display: inline-block;
		width: 55px;
		height: 55px;
		line-height: 53px;
		border: 1px solid #fff
	}

	.mobile-side-menu .inner .lang a:first-child {
		margin: 0 10px 0 0
	}

	.mobile-side-menu .inner .lang a:last-child {
		margin: 0 0 0 10px
	}

	.mobile-side-menu .inner .lang a.active {
		color: #01910E;
		border-color: #01910E
	}

	.mobile-side-menu .inner .qrcode {
		text-align: center;
		font-size: 14px
	}

	.mobile-side-menu .inner .qrcode img {
		width: 155px;
		vertical-align: top;
		margin: 0 0 10px
	}

	.mobile-side-menu .inner .logo {
		text-align: center;
		padding: 0 0 20px
	}

	.mobile-side-menu .inner .logo img {
		height: 33px;
		vertical-align: top
	}

	.mobile-side-menu .inner .nav {
		font-size: 15px;
		color: #666
	}

	.mobile-side-menu .inner .nav li.active>a {
		background-color: #01910E;
		color: #fff
	}

	.mobile-side-menu .inner .nav li:hover>a {
		color: inherit
	}

	.mobile-side-menu .inner .nav li.sub {
		position: relative
	}

	.mobile-side-menu .inner .nav li.sub>i {
		position: absolute;
		right: 0;
		top: 0;
		height: 50px;
		width: 50px
	}

	.mobile-side-menu .inner .nav li.sub>i:before {
		content: "";
		display: block;
		width: 11px;
		height: 6px;
		background: url("/themes/Default/css/images/menu-arrow-down.png") no-repeat center center;
		background-size: cover;
		position: absolute;
		right: 15px;
		top: 22px
	}

	.mobile-side-menu .inner .nav li.active.sub>a {
		background-color: #fff;
		color: #666
	}

	.mobile-side-menu .inner .nav li.expand>a {
		background-color: #fff
	}

	.mobile-side-menu .inner .nav li.expand.sub>i:before {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.mobile-side-menu .inner .nav li.expand>ul {
		display: block
	}

	.mobile-side-menu .inner .nav li.expand>ul>li>ul {
		display: block
	}

	.mobile-side-menu .inner .nav li a {
		padding: 15px 10px 15px 20px;
		display: block
	}

	.mobile-side-menu .inner .nav li>ul {
		display: none
	}

	.mobile-side-menu .inner .nav li>ul li {
		border-bottom: 0
	}

	.mobile-side-menu .inner .nav li>ul li a {
		padding-left: 50px
	}

	.mobile-side-menu .inner .nav>li {
		border-bottom: .5px solid #bfbfbf
	}
	.banner{
		display:none;
	}
	.banner1{
	display:block!important;
	}
	
	.sec2-cont{
		    width: 100%;
			
			padding: 20px;
	}
	.sec2-cont h3{
		
    font-size: 20px;
	}
	.sec2-cont h4{
		font-size: 17px;
	}
	.sec2-cont .p1{
		font-size: 15px;
    text-align: center;
    line-height: 25px;
	}
	#fp-nav{
		display:none;
	}
	.sec2-cont li p{
		    font-size: 10px;
	}
	.sec2-cont strong{
		font-size: 15px;
	}
	.sec2-cont .more{
		width: 130px;
		    height: 30px;
			line-height: 30px;
			    border-radius: 30px;
	}
	.sec3-cont .swiper-slide{
		width: 50% !important;
	}
	.index-sec5 li{
		    width: 95%;
	}
	.index-sec5 .time{
		display:none;
	}
	.index-sec5 li:nth-child(2n){
		    margin-left: 0px;
	}
	.index-sec5 figcaption{
		    padding: 20px;
	}
	.index-sec5 li:last-child{
		display:none;
	}
	.index-sec5 .more{
		    display: block;
    margin: 0 auto;
    border: 3px solid #fff;
    width: 130px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 16px;
    font-family: "times new roman";
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    z-index: 33;
	}
.sec6-cont h2{
	    font-size: 25px;
}
.sec6-cont h3{
	font-size: 22px;
}
.index-lx{
	display:none!important;
}
.index-lx1{
	display:block!important;
}
}
.banner1{
	display:none;
}
.index-lx1{
	display:none!important;
}
@media(max-width:768px){
	.index-lx1{
	display:block!important;
}
.sec6-cont .index-lx1{
	border:0px;
}
.index-sec2{
	    background: url(../img/bg22.jpg) no-repeat;
}
.index-sec3{
	    background: url(../img/bg33.jpg) no-repeat;
}
.index-sec5{
	    background: url(../img/bg55.jpg) no-repeat;
}
}

/*********内页手机端调试********/
@media(max-width:768px){
	.pbanner{
		display:none;
	}
	.pbanner1{
		display:block!important;
	}
	.w1200{
		max-width:100%;
	}
	.cp-tit li{
		    padding-left:0px;
	}
	.footer .foot{
		display:none;
	}
	.salelist li{
		width:100%;
		    padding: 10px 10px;
	}
	.newsList li{
		width:100%;
		padding:20px;
		margin-left:0px;
	}
	.newsList{
		 margin-left: 0px;
	}
	.cp-tit1 li{
		width:25%;
	}
	.casepage li{
		width:100%;
	}
	.contactpage .ul1{
		display:block;
	}
	.index-sec5 li:hover figcaption{ padding-left: 0px;}
}
.pbanner1{
	display:none;
}