@charset "utf-8";
html{ overflow-x: hidden !important;}
body,html{ max-width: 1920px; margin: auto;}
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }
body{background: #F5F5F5;}
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;}
.w1280{ width: 1280px; margin: 0 auto; }
.f5{ background: #F5F5F5; }
.mt30{ margin-top: 30px;}
.pt30{ padding-top: 30px;}
.p30{ padding:30px 0;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}
.pt50{ padding-top: 50px;}

.top{background: rgba(255,255,255,0.8); position: fixed; top: 0; width: 100%; z-index: 99999;  height: 130px; 
; transition: all 1.5s ease; }
.top .logo{ display: block; margin-top: 30px;}
.navbar{ margin-right: -28px;  }
.navbar li{ float: left;  margin-top:20px;  }
.navbar li a{ font-size: 16px; color: #000; margin: 0 28px; display: block; position: relative; transition: all 0.7s; }
.navbar li a b{ content: ''; display: block; position: absolute; transition: all 0.7s;   height: 4px; bottom: -25px; 
  width:56px; transform: scale(0,1);  left: 50%; margin-left: -28px; }
.navbar li:hover a b{ background: #00a862;  transform: scale(1);} 
.navbar li:hover a{ color: #00a862;}
.top .tel{ margin-top: 35px;}
.top .tel img{ display: inline-block; vertical-align: middle; margin-left: 5px;}
.top.on{ animation-name:down; animation-duration: 1s; animation-fill-mode: both;}

.banner { position: relative; overflow: hidden; height: 830px; margin-top: 80px;  }
.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:59px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative;   margin: 0 10px;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:14px; height:14px;
 background:#c8c8c8; transition:1s;  border-radius: 100%; }
.banner .flex-control-nav li a.flex-active span{ width: 70px; border-radius: 10px;}
.banner .text-tit{ position: absolute; z-index: 999; top: 50%; left: 50%; transform: translate(-50%,-150%); transition: all 2s; 
opacity: 0;  visibility: hidden; filter: alpha(opacity=0);  margin-left: -400px \9; top: 30% \9;}
.banner .text-tit img{ display: block; max-width: 100%;}
.banner .bannerfix >li.imgIn .text-tit{  visibility: visible; opacity: 1; filter:alpha(opacity=100);  transform: translate(-50%,-50%);
 transition: all 2s;}
 
 
 .section1{ background: url(../img/bg1.png) no-repeat top center; width: 100%; overflow: hidden; height: 380px;
 padding: 60px 0;}
 .section1 .left p{  color: #000000; font-size: 18px; width: 290px; line-height: 36px; }
 .section1 .left{ height: 376px; padding-left: 86px; border-left:2px solid #000;}
 .section1 .left b{ display: block; width: 66px;	height: 2px;	background-color: #000000; margin: 40px 0 30px 0;} 
 .section1 .left h2{ color: #000000; font-size: 48px; font-weight: bold; margin-top: 36px;}
 
 .section2 { margin-top: 60px;}
 .section2 .txtMarquee-top{ width: 1079px;	height: 72px; background:#e5e5e5 url(../img/laba.png) no-repeat 30px center;
  padding-left: 90px; margin: auto;}
 .section2 li a{ display: block; line-height: 72px; font-size: 20px; color: #000;}
 
 .section3 ul{ width: 1057px; margin:73px auto 0 auto;}
 .section3 ul li{ float: left; width: 33.33%; text-align: center; transition: all 0.6s;}
 .section3 ul li p{ color: #4b4b4b; font-size: 20px; margin-top: 20px;}
 .section3 ul li:hover{ transform: translateY(5px);}
 
 .section4{ background: #fff; padding: 23px; margin-top: 66px;}
 .section4 div{ float: left;  overflow: hidden;}
 .section4 .div1{ width: 590px;}
 .section4 .div2{ width: 283px;  margin:  0 25px; padding: 15px; background: #F5F5F5;}
 .section4 .div3{ width: 281px;}
 .section4 .div1 img, .section4 .div1 figure{ width: 590px;	height: 215px; transition: all 0.6s; overflow: hidden;}
 .section4 .div2 img, .section4 .div2 figure{ width: 283px;	height: 231px; transition: all 0.6s; overflow: hidden;}
 .section4 .div3 img, .section4 .div3 figure{ width: 281px;	height: 245px; transition: all 0.6s; overflow: hidden;} 
 .section4 div:hover img{ transform: scale(1.1);}
 .section4 div p{ color: #323232; font-size: 15px;} 
 .section4 h2{  color: #000000;font-size: 22px; padding: 20px 0 15px 0; font-weight: bold;} 
 .section4 h3{  color: #323232;font-size: 24px; padding: 0px 0 15px 0;} 
 .section4 h3 b{ display: block;  height: 4px; background: #00A862; width: 113px; margin-top: 10px;}
 .section4 p{  color: #323232; font-size: 15px; line-height: 29px;}
 .section4 .more{ width: 83px;	height: 30px;	background-color: #b4b4b4;	border-radius: 4px; display: block; color: #ffffff;
 font-size: 21px; text-align: center; float: right; margin-top: 20px;}
 .section4  .div2 h3 b, .section4  .div3 h3 b{margin-top: 0; }  
 .section4  .div2 figure{ margin-top: 50px;}  
 .section5{ background: url(../img/bg2.png) no-repeat top center; margin-top: 45px; height: 650px; width: 100%; overflow: hidden;}
 .section5 .w1280{ position: relative;} 
 .section5 .s5-text{ position: absolute;  width: 507px; right: 25px;}
 .section5 .white-bg{width: 552px;	height: 650px;	opacity: 0.8; background: rgba(255,255,255,0.9); position: absolute; top: 0; right: 0; bottom: 0;}
 .section5 .s5-text h2{ margin-top: 65px;}  
 .section5 .s5-text p{ color: #000000; font-size: 16px; line-height: 30px; text-indent: 2em;}  
 .section5 .s5-text b{ font-weight: bold; font-size: 18px;}  
 .section5 .s5-text .p2{ padding-top: 35px;} 

 .section6{ padding: 70px 0; width: 100%; overflow: hidden;}
.title-main h3 img{ display: block; margin: auto;}
.title-main h2{ color: #000000; font-size: 31px; text-align: center; padding: 18px 0;}
.title-main h4 img{ display: block; margin: auto;}
	

.s6-cont{ padding-top: 70px;}
.s6-cont h1 { font-size:36px; text-align:center; font-weight:normal; }
.s6-cont h2 { font-size:18px; color:#535353; text-align:center; font-weight:normal; margin:20px 0 60px; } 
.s6-cont .swiper { width:1200px; margin:0 auto; position:relative; } 
.s6-cont .current-swiper { width: 500px;	height: 673px;  margin:0 auto; position:relative; z-index:99;
box-shadow: 0 0 30px 10px rgba(0,0,0,0.3); } 
.left-swiper { position:absolute; left:-50px; top:52px; z-index:1; } 
.right-swiper { position:absolute; right:-50px; left:auto; top:52px; z-index:1; } 
.nocurrent-swiper {width: 345px;	height: 463px; border-radius:8px;  } 
.nocurrent-swiper:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(237,240,240,0.8); z-index:99; } 

 .s6-cont .text{ position: absolute; top: 0; left: 0; right: 0;}
 .s6-cont .swiper-slide  .title { font-size:35px; color:#fff; text-align: center; font-weight: bold; padding-top: 83px; } 
 .s6-cont .name {color: #ebebeb; text-align: center; font-size: 18px; width: 100%; padding-top: 15px; line-height: 32px; }  
 .s6-cont .nocurrent-swiper .title { font-size: 22px; } 
 .s6-cont .nocurrent-swiper .name { line-height:30px; font-size:14px; } 
 .s6-cont .swiper-button-prev { background: none; width:47px; height:47px; left:330px; z-index: 333;} 
 .s6-cont .swiper-button-next { background: none;  width:47px; height:47px;  right:330px; z-index: 333;}   
 .s6-fen ul{ text-align: center; margin-top: 60px;}
 .s6-fen ul li{ display: inline-block; width: 113px;	height: 39px;	background-color: #c8c8c8; text-align: center; line-height: 39px;
  border-radius: 20px; margin:  0 20px; transition: all 0.6s;}
 .s6-fen li a{ color: #fffefe; font-size: 20px; display: block; }
 .s6-fen ul li:hover,.s6-fen ul li.on{ background: #00A862; } 
	
	
	
	
.section7{ background: #fff; padding:70px 0;}
.case{ margin-top: 65px; position: relative !important;}
.case .swiper-wrapper{ z-index: 333; }
.case figure img,.case figure{ width: 700px; height: 426px; overflow: hidden; display: block; vertical-align: top; transition: all 0.6s;}
.case figure:hover img{ transform: scale(1.1);} 	
.section7 .swiper-slide {	width: 700px !important;}
.section7 .swiper-button-prev { height:47px;  width:47px; left: 27%; 
background: url(../img/prev1.png) no-repeat center center;  z-index: 99999; position: absolute;}  
.section7 .swiper-button-next { width: 47px; height: 47px; display: block; right: 27%;
background: url(../img/next1.png) no-repeat center center;  border-radius: 5px; z-index: 99999; }  
.case .white-bg{ position: absolute; left: 0; background: rgba(255,255,255,0.8); height: 426px; width: 28.5%; z-index: 100;}
.case .white-bg2{ position: absolute; right: 0; background: rgba(255,255,255,0.8); height: 426px; width:28.5%; z-index: 100;}

.menlian{ display: block; width: 247px;	height: 43px;	background-color: #ffffff;	border: solid 1px #070002;
font-size: 20px; text-align: center; color: #000; line-height: 43px; margin:60px auto 0 auto; transition: all 0.6s;}
.menlian:hover{ transform: translateX(15px); box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}

.section8{ background: url(../img/bg5.jpg) no-repeat top center;  height: 510px; width: 100%; overflow: hidden; padding-top: 70px;}
.section8 .title-main h2{ text-align: center; color: #fff; }

.section8 .div{ float: left; width: 420px;	height: 205px; background: #fff; margin-top: 60px; transition: all 0.6s; cursor: pointer; }
.section8 .div2{ margin:60px 10px 0 10px ;}
.section8 .div h1{width: 150px; text-align: center; font-weight: bold; color: #000;font-size: 35px; height: 205px;
line-height: 205px;}
.section8 ul{ margin-top: 45px; padding-left: 10px;}
.section8 .div2 ul{ margin-top: 20px;  padding-left: 15px;}
.section8 .div li{ color: #000000; font-size: 20px; margin: 0 0 18px 0;}
.section8 .div li span{ width: 22px;	height: 22px;	background-color: #c99850;  color: #000000;font-size: 18px; border-radius: 100%;
display: inline-block; font-family: MyriadPro-Cond; text-align: center; vertical-align: middle; margin-right: 10px;}
.section8 .div1{ background: url(../img/tu7.png) no-repeat top center;}
.section8 .div2{ background: url(../img/tu8.png) no-repeat top center;}
.section8 .div3{ background: url(../img/tu9.png) no-repeat top center;}
.section8 .div:hover{ transform: translateY(15px);}


.section9{ padding:70px 0;}
.section9 ul{ margin-right: -28px; margin-top: 60px;}
.section9 ul li{ width: 299px; background: #fff; float: left; margin-right: 28px; transition: all 0.6s; 
box-shadow: 0 0 10px 5px rgba(0,0,0,0);}
.section9 ul li figure,.section9 ul li figure img{ width: 299px;	height: 213px; overflow: hidden; transition: all 0.6s;}
.section9 li figcaption{  height:133px; padding: 40px 35px;}
.section9 li h2{  color: #000000; font-size: 18px; line-height: 28px; text-align: center; font-weight: bold;}
.section9 li h2 b{  display: block;  width: 116px;	height: 3px;	background-color: #00a862; margin: 37px auto 12px auto;}
.section9 .more{ display: block;  color: #4b4b4b; margin: auto; text-align: center; font-size: 15px;}
.section9 li:hover figure img{ transform: scale(1.1);}
.section9 li:hover{ box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);}
.section9 .more-btn{ display: block;  width: 152px;	height: 40px;	background-color: #323232; border-radius: 20px;
text-align: center; line-height: 40px; margin: auto; font-size: 20px; color: #fefefe; margin-top: 53px; transition: all 0.6s;}
.section9 .more-btn:hover{transform: translateX(15px); box-shadow: 0 0 10px 5px rgba(0,0,0,0.1); }


.section10{ background: url(../img/bg6.jpg) no-repeat top center; width: 100%; height: 640px; overflow: hidden; padding: 85px 0;}
.section10 .left h1{ color: #000; font-size: 25px; text-align: center;}
.search-box{ background: #fff; width: 517px; height: 52px;}
.search-box .input{ background: #fff; height: 52px; width:440px; float: left; padding-left: 10px; color: #c8c8c8; font-size: 18px;}
.search-box .sub{ background:#000 url(../img/zoom.png) no-repeat center; height: 52px; width: 65px; float: right; cursor: pointer;}

.xiaologo img{ width: 60px; height: auto;}
.section10 .scroll_main {width: 517px;	height: 480px; display: block;  background-color:#fff;}  
.section10 .scroll_wrap { width: 100%; height: 480px; position: relative; }  
.section10 .scroll_wrap .scroll_cont { height: 100%; overflow: hidden; } 
.section10 .scroll_wrap .scroll_cont p { padding:15px 30px; font-size: 16px; }  
.section10 .scroll_wrap .scroll_bar { position: absolute; top:0; right:0; width: 4px; height: 100%; background-color: #c8c8c8; }  
.section10 .scroll_wrap .scroll_slider { position: absolute; top: 0; left: 0px; width: 4px; height:60px; background-color: #000;
 border-radius:5px; } 
.section10 .scroll_wrap h2{ color: #d00f31; font-size: 18px; padding: 30px;}
.section10  .right h1{  color: #d00f31;font-weight: bold; font-size: 20px; padding: 30px 0;}
.section10 .right h1 span{ display: inline-block;width: 22px;	height: 22px;	background-color: #ebebeb;	border: solid 1px #d00f31;
border-radius: 100%; text-align: center;line-height: 20px; margin-right: 10px;}
.section10 .right h1 i{ display: inline-block;  	width: 14px;	height: 14px;	background-color: #d00f31; border-radius: 100%;}


.section11{ background: url(../img/bg5.jpg) no-repeat top center; height: 520px; padding: 65px 0; width: 100%; overflow: hidden;}
.section11 .title h2{ text-align: center; color: #fff ; font-size: 60px; padding-bottom: 30px;}
.section11 .title p{ text-align: center; color: #ffffff; font-size: 18px; line-height: 35px; margin-bottom: 30px; }
.section11 .div2{ width: 1000px; padding-left: 60px;}
.section11 .div1{ width: 200px;}
.section11 .div2 div{  padding: 10px 0;}
.section11 .div2 span{ display: block; float: left; width: 60px; font-size: 18px; color: #fff;}
.section11 .div2 .input{  	width: 361px;	height: 46px;	background-color: #ffffff; border-radius: 5px;
line-height: 46px; padding-left: 10px; font-size: 18px; color: #C8C8C8;}
.section11 .div2 .sub{  width: 180px;	height: 49px;	background-color: #d00a41;	box-shadow: 3px 4px 1px 0px	rgba(7, 0, 2, 0.25); display: block;
color: #fff; border-radius: 50px; font-size: 26px; margin-left: 70px; margin-top: 40px; cursor: pointer; transition: all 0.6s;} 
.section11 .div2 .fl1{ width: 450px;}
.section11 .div2 .fr1{ width: 500px;}
.section11 .div2 span{ display: block; float: left;}
.section11 .div2 div{ padding-top: 0;}
.section11 .div2  textarea{  width: 430px;	height: 176px;	background-color: #ffffff; border-radius: 5px;  text-indent: 1em;
padding-top: 10px; }
.section11 .div2 p{  color: #ffffff; 	font-size: 15px; padding:10px 0}
.section11 .sub:hover{ transform: translateX(10px);}
.footer{ background: #323232; padding: 50px 0; width: 100%; overflow: hidden;}
.footer .div1 { margin-right: 30px; width: 200px;}
.footer .div1 div{ 	width: 124px; height: 100px; background-color: #323232; border: solid 1px #4b4b4b; color: #ffffff;
 opacity: 0.5; font-size: 20px; line-height: 35px; text-align: center; padding-top: 25px;  margin: auto; margin-top: 54px;} 
.footer p a{  color: #ffffff; font-size: 20px; margin-right:50px; margin-top: 35px; display: inline-block;}
.footer .info{ margin-top: 45px;}
.footer .info h3{ color: #ffffff; font-size: 20px; padding: 10px 0 15px 0;}
.footer .info p{  color: #969696; line-height: 36px; font-size: 21px;}
.footer .w1280{ position: relative !important;}
.footer .code1{ position: absolute; right: 300px; margin-top:200px; }
.footer .code2{ position: absolute; right: 0; margin-top:200px;  }
.footer .code img{  position: absolute; bottom:40px; right:30px; transition: all 0.6s; transform: translateY(-10px); opacity: 0; filter:alpha(opacity=0);
; visibility: hidden;}
.footer .code i{ display: inline-block; background: url(../img/wx.png) no-repeat top center; width: 24px; height: 24px; vertical-align: middle;
margin-left: 10px;}
.footer .code a{ display: block; width: 220px;	height: 40px;	background-color: #646464; border-radius: 30px; line-height: 40px; text-align: center;
font-size: 18px; color: #e1e1e1; transition: all 0.6s; border:1px solid transparent}
.footer .code a:hover { border:1px solid #fff; background: transparent;}
.footer .code a:hover img{ display: block; transform: translateY(0);opacity: 1; filter:alpha(opacity=100); visibility: visible;}


/*关于我们*/
.neibanner{ background: url(../img/about-banner.png) no-repeat center; width: 100%; overflow: hidden; height: 830px;}
.neibanner .w1280{ position: relative;}
.neibanner-text{ position: absolute; left: 0; top: 130px; background: rgba(255,255,255,1); bottom: 0; height: 570px; width: 420px;
padding: 65px;}
.neibanner-text h1 strong{  display: block; color: #000000; font-size: 26px;}
.neibanner-text h1 b{  display: block; color: #000000; font-size: 22px; padding: 10px 0;}
.neibanner-text h1 img{  display: block; }
.neibanner-text p{  color: #000000; line-height: 32px; font-size: 16px; margin-top: 52px;}

.about-jieshao { background: #fff; padding: 60px 0;}
.about-jieshao .left{ float: left; width: 670px;}
.about-jieshao .right{ width: 545px; float: right;}
.about-jieshao h2 strong{ display: block;  width: 113px;	height: 4px;	background-color: #00a862; margin-top: 10px;}
.about-jieshao h2 b{ font-weight: bold; color: #000; font-size: 32px; margin-bottom: 10px; display: block;}
.about-jieshao h2{  color: #323232; font-size: 24px;}
.about-jieshao p{ text-indent: 1em;  color: #323232; font-size: 16px; line-height: 33px; margin-top:20px;}
.about-jieshao .js-btn{width: 177px;	height: 35px;	background-color: #b4b4b4;	border-radius: 4px; color: #ffffff; font-size: 21px; display: block;
text-align: center; line-height: 35px; margin-top: 20px; transition: all 0.6s;}  
.about-jieshao .js-btn:hover{ transform: translateX(10px);}

.about-sec5text{ background: #fff;}
.about-sec5text .w1280{ position: relative; padding: 60px 0; height: 240px;}
.about-sec5text .s5-text{ position: absolute;  width: 750px; right: 50px; top: ;}
.about-sec5text .s5-text h2{ margin-top: 65px;}  
.about-sec5text .s5-text p{ color: #000000; font-size: 16px; line-height: 30px; text-indent: 0em;}  
.about-sec5text .s5-text b{ font-weight: bold; font-size: 18px;}  
.about-sec5text .s5-text .p2{ padding-top: 35px;} 


.about-sec6{ padding: 60px 0;}
.about-sec6 .div{ float: left;}
.about-sec6 .div1{ width:300px;}
.about-sec6 .div2{width: 601px;	height: 360px; margin: 0 30px;}
.about-sec6 .div3{width: 300px;}
.about-sec6 .div h2{ font-weight: bold;  color: #000000; font-size: 24px; padding-top: 60px; padding-bottom: 20px;}
.about-sec6 .div p{ color: #000000; font-size: 15px; line-height: 28px; height: 155px;}
.about-sec6 .div b{  width: 66px; display: block;	height: 2px;	background-color: #000000; margin-top: 30px;}

.about-sce7 div{ float: left; width: 33.33%; overflow: hidden;}
.about-sce7 div img{ display: block; max-width: 100%; max-height: 100%; overflow: hidden; transition: all 2s;}
.about-sce7 div:hover img{ transform: scale(1.1);}


/*产品展示*/
.chanpin-banner h1{ color: #000000; font-size: 46px; }
.chanpin-banner{ background: url(../img/chanpin-bg.jpg) no-repeat center;   }
.chanpin-banner p{  color: #323232; font-size: 15px; margin-top: 20px;}
.chanpin-banner p img{ display: block; margin-top: 20px;}
.chanpin-banner .p1{ font-size: 16px; margin-top: 90px;}
.chanpin-banner .p1 b{  color: #000000; font-size: 25px; display: block; font-weight: bold; padding-top: 5px;}

.chanpin-sec6{ background: #fff;}
.chanpin-list ul{ margin-right: -18px; margin-top: 76px;}
.chanpin-list li{ display: block; overflow: hidden; float: left; width: 415px; height: 380px;  margin-right: 15px; position: relative;
margin-bottom: 18px; border-radius: 5px;}
.chanpin-list li figure, .chanpin-list li figure img{ width: 415px;	height: 380px; display: block; overflow: hidden; transition: all 1.8s;}
.chanpin-list li:hover img{ transform: scale(1.1);}
.chanpin-list figcaption{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8);
transition: all 1.5s; padding-top: 125px; transform: scale(0); opacity: 0; filter: alpha(opacity=0);} 
.chanpin-list figcaption h5{ font-family: arial; text-transform: uppercase; text-align: center; color: #fff; font-size: 20px;}
.chanpin-list figcaption h2{ font-size: 30px; color: #ffffff; text-align: center;  padding: 10px 0 30px 0;} 
.chanpin-list figcaption h1{ text-align: center; color: #fdd000; font-size: 22px;}
.chanpin-list li:hover figcaption{ transform: scale(1); opacity: 1; filter:alpha(opacity=100)}



/*图片弹出*/
#lcl_window{ width: 1280px !important; height: 600px !important; margin-top: 0 !important;}
.lcl_minimal #lcl_subj{ background: none;}
#lcl_contents_wrap{ width: 1280px; margin: auto; background: rgba(255,255,255,0.9); height: 600px; position: relative !important; 
left: 50%; margin-left: -640px;}
#lcl_elem_wrap{ width: 500px; height: 500px; position: absolute; top: 50px; left: 50px; overflow: hidden;}
#lcl_nav_cmd{ background: none;}
.lcl_minimal.lcl_txt_over #lcl_txt{  width: 332px; position: absolute; left: 600px; top: 144px; background: none;}
.lcl_minimal #lcl_author{  color: #000000; font-size: 35px; border-bottom: none !important; padding-bottom: 15px !important;}
.lcl_minimal #lcl_descr{  color: #000000; font-size: 20px; 	line-height: 35px; border-top: 4px solid #000;
padding-top: 30px !important;}

/*新闻中心*/
.xinwen-banner{ background: url(../img/xinwen-banner.png) no-repeat top center;}
.xinwen-sec1{padding: 80px 0; background: #fff;}
.xinwen-sec1 figure,.xinwen-sec1 figure img{ display: block; width: 100%; height: auto;}
.xinwen-tit { padding-bottom: 36px;}
.xinwen-tit h2{ color: #000000; font-size: 26px; padding-bottom: 5px;}
.xinwen-tit h3{ color: #000000; font-size: 22px;}
.xinwen-tit h3 img{ display: block; margin-top: 13px;}
.xinwen-sec1 figcaption{ margin-top: 48px;  padding-left: 65px;}
.xinwen-sec1 figcaption h3 span{  color: #000000; font-size: 20px; display: block; padding-bottom: 30px;}
.xinwen-sec1 figcaption h3{  color: #0b0205; font-size: 30px; line-height: 45px;}
.xinwen-sec1 figcaption p{  color: #000000; font-size: 20px; line-height: 30px; margin-top: 30px; width: 792px;}
.xinwen-sec1 figcaption .morebtn{ width: 83px;	height: 30px;	background-color: #b4b4b4;	border-radius: 4px;
display: block; text-align: center; color: #fff; font-size: 21px; margin-top: 35px; transition: all 0.6s;}
.xinwen-sec1 .morebtn:hover{ transform: translateX(10px);}

.xinwen-sec2{ padding: 80px 0;}
.xinwen-list{ margin-right: -77px;}
.xinwen-sec2 li { float: left;  width: 601px;	height: 499px; overflow: hidden; border-radius: 10px;
box-shadow: 1px 1px 10px 0px	rgba(8, 1, 3, 0.35); transition: all 1s; margin-right: 77px; margin-bottom: 77px;}
.xinwen-sec2 li figure{ position: relative;}
.xinwen-sec2 li figure,.xinwen-sec2 li figure img{ display: block;  width: 601px;
	height: 403px; overflow: hidden; transition: all 1.2s; }
.xinwen-sec2 li .xinwen-text{ position: absolute; bottom:0; left: 0; right: 0; width: 100%; transition: all 0.6s; 
height: 65px; overflow: hidden; background: rgba(0,0,0,0.6);}
.xinwen-text h1{  color: #ffffff; font-size: 30px; text-align: center;  height: 65px; line-height: 65px;}
.xinwen-sec2 li p{ font-size: 16px; padding:0 37px; color: #fff; line-height: 30px;}
.xinwen-sec2 li h2{  height: 96px; background: #fff; font-size: 26px; color: #4b4b4b; line-height: 96px; padding-left: 37px;}
.xinwen-sec2 li:hover figure img{ transform: scale(1.1);}
.xinwen-sec2 li:hover .xinwen-text{ height: 200px;}

.fenye{ text-align: center; height: 80px;}
.fenye span{ display:  inline-block; width: 80px; height: 80px;
line-height: 80px; overflow: hidden; text-align: center; color: #4b4b4b; font-size: 22px; transition: all 0.65s; cursor: pointer;}
.fenye span.on,.fenye span:hover{ color: #00a862; font-size: 32px;}


.breadcrumb{ padding: 50px 0; margin-top: 130px;}
.breadcrumb span{ display: inline-block; padding: 0 10px; font-size: 16px; color: #000; cursor: pointer;}
.breadcrumb span.on{ color: #00A862;}
.details-page{ background: #fff; padding: 50px 100px 100px 100px; margin-bottom: 100px;}
.de-tit { padding: 0 0 30px 0;}
.de-tit h1{ font-size: 26px; color: #000; text-align: center; padding:15px 0;  font-weight: bold;}
.de-tit p{ text-align: center; border-bottom:1px solid #f5f5f5; padding:0 0 20px 0; } 
.de-tit p span{ display: inline-block; margin:0 15px; font-size: 14px; color: #888;  }
.de-cont p{ line-height: 38px; font-size: 16px; color: #000; text-indent: 2em; }

.fenpian{ padding:50px 0;  border-top: 1px solid #f6f6f6; margin-top: 40px;}
.fenpian>div{ padding:15x 0; }
.fenpian span{ display: block; font-size: 16px; color: #222; float: left;  vertical-align: middle; line-height: 30px; }
.fenpian p a{ font-size: 14px; color: #555; float: left; display: block; line-height: 30px; }
.fenpian a:hover{ color: #d00a41; }
.de-img{ text-align: center; padding:20px 0; }
.de-img img{ display: inline-block; max-width: 100%; }

.fenpian .fanhui{ display: block; float: right; width: 150px; height: 40px; line-height: 40px; text-align: center; background: #d00a41; border-radius: 10px;
 color: #fff; cursor: pointer;} 


/*门店展示*/
.mendian-sec7 .swiper-button-prev{  left: 25%;}
.mendian-sec7 .swiper-button-next{ right: 25%;}  
.mendian-banner{ background: url(../img/mendian-banner.png) no-repeat top center;}
.mendian-banner p{ font-size: 18px; line-height: 36px; margin-top: 45px;}
.mendian-banner .p1{ margin-top: 260px;}
.mendian-banner .neibanner-text{ background: rgba(255,255,255,0.8);}

/*联系我们*/
.lian-banner{ background: url(../img/lianxi-banner.png) no-repeat top center;}
.lian-banner .neibanner-text{ background: rgba(255,255,255,0.8);}
.lian-banner .neibanner-text p{ margin-top:40px;}
.lian-righttext{  margin-left: 62px; width: 560px; margin-top: 100px;}
.lian-sec1 .right{ width: 50%; background: #00A862; overflow: hidden; float: right; height: 790px;}
.lian-sec1 .left{ width: 50%; float: left; overflow: hidden;  height: 790px;}
.lian-sec1 .right p{ background: url(../img/map-icon.png) no-repeat left top; padding-left: 70px; font-size: 24px; color: #fff;
border-bottom: 1px solid #fff; padding-bottom: 40px; margin-top: 50px;}
.lian-sec1 .right p span { display: block; font-size: 22px; }
.lian-sec1 .right p img{ display: block; margin-top: 10px;}
.lian-sec1 .right a{ display: block; width: 225px; height: 45px; line-height: 45px; background: #fff; border-radius: 30px;
text-align: center; margin-top:115px;  }
.lian-sec1 .right a img{ display: inline-block; vertical-align: middle; margin-left: 5px; }
.lian-sec1 .right .code-img{ margin-top: 40px; display: block; margin-left: 15px;}
.lian-sec1 .code{ border-bottom: 1px solid #fff; padding-bottom: 50px;}

/*招商加盟*/
.zs-banner{ margin-top: 0;}
.zs-sec1{ width: 100%; overflow: hidden; background: #fff;}
.zs-sec1 img{ display: block; max-width: 100%; height: auto;}
.zs-sec2 { background: #fff; padding:120px 0;}
.zs-sec2 .right{ width: 560px; padding-left: 65px;}
.zs-sec2 h1{ color: #323232; font-size: 40px; font-weight: bold; padding: 35px 0 30px 0;}
.zs-sec2 h3{  color: #323232;font-size: 24px;}
.zs-sec2 h3 b{ display: block;  width: 113px;	height: 4px;	background-color: #00a862; margin-top: 12px;}
.zs-sec2 p{  color: #323232; font-size: 18px; padding-top: 30px; line-height: 36px;} 
.zs-sec5{ margin-top: 0;}
.zs-sec5 h3{  color: #98c7e8; font-size: 20px; text-align: right; padding-top: 16px;}
.zs-sec5 .s5-text h2{ margin-top: 30px;}


.zs-sec3{ background: url(../img/zs-tu5.png) no-repeat top center; height: 600px; width: 100%; overflow: hidden;}
.zs-sec3 .left{ width: 260px; border-left: 3px solid #000;  padding-left: 65px; height: 426px; margin-top: 87px; text-align: center;}
.zs-sec3 .left h2{  color: #f8c499; font-size: 25px; width: 183px;	height: 52px;	background-color: #000000; border-radius: 50px; text-align: center;
line-height: 52px; margin: auto;}
.zs-sec3 .left p{ color: #191919; font-size: 20px; line-height: 32px; text-align: center; width: 260px; margin-top: 30px;}
.zs-sec3 .left p b{ font-weight: bold;}
.zs-sec3 .left h1{ color: #000000; font-size: 48px; font-weight: bold; margin-top: 59px;}
.zs-sec3 .w1280{ position: relative;}
.zs-sec3 .right li h3{ color: #000000; font-size: 28px; font-weight: bold; text-align: center;}
.zs-sec3 .right li p{  color: #000000;	opacity: 0.8; 	font-size: 18px; text-align: center;}
.zs-sec3 .right .l2 p,.zs-sec3 .right .l2 h3,.zs-sec3 .right .l3 p,.zs-sec3 .right .l3 h3{ text-align: left;}
.zs-sec3 .right .l4 p,.zs-sec3 .right .l4 h3{ text-align: right;}
.zs-sec3 .right li{ position: absolute;}
.zs-sec3 .right figure .tu4{ position: absolute; top: 130px; right: 200px;height: 381px; width: 383px;
animation: infinite 2s zhuan linear;}
.zs-sec3 .right figure .tu3{ position: absolute; top: 150px; right: 220px;height: 340px; width: 340px;}
.zs-sec3 .right .l1{ top: 50px; left: 800px;}
.zs-sec3 .right .l2{ top: 200px; left: 1100px;}
.zs-sec3 .right .l3{ top: 430px; left: 1050px;}
.zs-sec3 .right .l4{ top: 420px; left: 560px;}
.zs-sec3 .right .l5{ top: 200px; left: 560px;}


.zs-sec4 .zs-title{ margin-bottom: 65px;}
.zs-title h3 img{ display: block; margin: 0 auto}
.zs-title h2{ color: #000000; font-size: 45px; font-weight: bold; text-align: center; margin-top: -80px;}


.zs-sec8{ background:#000; width: 100%; overflow: hidden; }
.zs-sec8 .left{  border-left: 3px solid #fff;  padding-left: 5%; height: 426px; margin-top: 87px; text-align: center;
margin-bottom: 85px; margin-left: 10%; width: 15%;}
.zs-sec8 .left h2{  color: #fff; font-size: 25px; width: 183px;	height: 52px;	background-color: #00a862; border-radius: 50px; text-align: center;
line-height: 52px; margin: auto;}
.zs-sec8 .left p{ color: #fff; font-size: 20px; line-height: 32px; text-align: center; ; margin-top: 30px;}
.zs-sec8 .left p b{ font-weight: bold;}
.zs-sec8 .left h1{ color: #fff; font-size: 48px; font-weight: bold; margin-top: 59px;}
.zs-sec8 .left h1 img{ display: block; margin:35px auto}
.zs-sec8 .right{ position: relative; width: 60%; overflow: hidden;}
.zs-sec8 .right .bd img{ display: block; }
.zs-sec8 .right li a{ display: block;}
.zs-sec8 .prev{ display: block; position: absolute; left: 3%; top: 50%; margin-top:-24px; cursor: pointer;}
.zs-sec8 .next{ display: block; position: absolute; right: 3%; top: 50%; margin-top:-24px; cursor: pointer;}

.zs-sec9 { background: #fff; padding: 60px 0;}
.zs-sec9 .zs-tit9 h3 img{ display: block; margin:0 auto; max-width: 100%;}
.zs-sec9 .zs-tit9 h2 {color: #d70146; font-size: 45px; text-align: center; margin-top: -120px; }
.zs-sec9 .zs-tit9 h2 b {font-size:80px; font-size: arial; font-weight: bold; display: inline-block;}
.zs-sec9 .zs-tit9  h1 { width: 780px;	height: 59px;	background-color: #facd93;  color: #ffffff; font-size: 45px;
font-weight: bold; text-align: center; border-radius: 30px; margin:50px auto; line-height: 59px;}
.zs-sec9 .zs-tit9 h4{  color: #000000; 	font-size: 30px; text-align: center; font-weight: bold;}
.zs-sec9 .zs-tit9 .zx-btn{  width: 195px;	height: 45px;	background-color: #d70146; font-size: 26px;
display: block; margin: auto; text-align: center; line-height: 45px; color: #fff; border-radius: 30px; margin-top: 50px;}

.zs9-cont{ padding: 0 9.5%; margin-top: 76px;}
.zs9-cont .left{ position: relative; width: 49%;}
.zs9-cont .left img{ display: block; max-width: 100%; height: auto;}
.zs9-cont h2{ width: 195px;	height: 140px;	background-color: #00a862; color: #ffffff; font-size: 30px; font-weight: bold;
border-radius: 100%; position: absolute; top: 50%; left: 50%; margin-top: -87px; margin-left: -87px; text-align: center;
padding-top: 55px; transition: all 0.6s;}
.zs9-cont h2:hover{ background: #facd93;}
.zs9-cont .right{ position: relative; width:49%;}
.zs9-cont .right img{ display: block; max-width: 100%; height: auto;}
.zs9-cont .prev{ display: block; position: absolute; left: 3%; top: 50%; margin-top:-24px; cursor: pointer;}
.zs9-cont .next{ display: block; position: absolute; right: 3%; top: 50%; margin-top:-24px; cursor: pointer;}


.zs-sec10{ background: #e0e8d4; padding: 60px 0; }
.zs-sec10 .zs-tit h3 img{ display: block; margin:0 auto; max-width: 100%;}
.zs-sec10 .zs-tit h2 {color: #000000; font-size: 45px; text-align: center; margin-top: -80px; font-weight: bold; }
.zs-sec10 .zs-tit h1{ color: #000000; font-size: 22px; font-weight: bold; text-align: center; padding: 60px 0 15px 0;}
.zs-sec10 .zs-tit p{ color: #000000; font-size: 20px; text-align: center;}
.zs-sec10 .left,.zs-sec10 .right{ width: 50%; margin-top: 100px;}
.zs-sec10 figure{ float: left;width: 245px;	height: 245px; border-radius: 100%; transition: all 0.6s; margin-right: 30px;}
.zs-sec10 figcaption h2{  color: #000000; font-size: 30px; font-weight: bold; padding: 50px 0 26px 0;}
.zs-sec10 figcaption p{  color: #000000; 	font-size: 20px;}
.zs-sec10 .left:hover figure,.zs-sec10 .right:hover figure{ transform: translateY(10px);}


.zs-sec11 { background: url(../img/bg7.jpg) no-repeat top center; height: 710px;}
.zs-sec11 .left{ width: 260px; border-left: 3px solid #000;  padding-left: 65px; height: 426px; margin-top:137px; text-align: center;}
.zs-sec11 .left h2{  color: #000; font-size: 25px; width: 183px;	height: 52px;	background-color: #fff; border-radius: 50px; text-align: center;
line-height: 52px; margin: auto; margin-top: 40px;}
.zs-sec11 .left p{ color: #191919; font-size: 20px; line-height: 32px; text-align: center; width: 260px; margin-top: 30px;}
.zs-sec11 .left p b{ font-weight: bold;}
.zs-sec11 .left h1{ color: #000000; font-size: 48px; font-weight: bold; margin-top: 59px;}
.zs-sec11 .right{ width:905px; } 
.zs-sec11 .right li{ float: left; border-bottom: 4px solid #000; 	width: 200px; margin-left: 100px; margin-top: 100px; padding-bottom: 15px;}
.zs-sec11 .right li h3{  color: #000000; font-weight: bold; font-size: 28px; padding-bottom: 10px;}
.zs-sec11 .right li h3 b{ color: #ffb171; display: block; font-weight: bold;}
.zs-sec11 .right li p{  color: #000000; font-size: 20px;} 

.zs-sec12{ background: url(../img/zs-tu12.png) no-repeat top center; height: 740px; width: 100%; overflow: hidden;}
.zs-sec12 .zs-tit { margin-top: 60px;}
.zs-sec12 .zs-tit h3 img{ display: block; margin:0 auto; max-width: 100%; opacity: 0.3;}
.zs-sec12 .zs-tit h2 {color: #fff; font-size: 45px; text-align: center; margin-top: -80px; font-weight: bold; }
.zs-sec12 .zs-tit h2  b{ font-size: 55px;}
.zs-sec12 ul{ margin-top: 72px;}
.zs-sec12 ul li{ float: left; position: relative; transition: all 0.6s; 
width: 235px;	height: 150px;	box-shadow: 0px 0px 8px 0px	rgba(100, 100, 100, 0.35);background: rgba(255,255,255,0.9);
padding: 25px 20px; overflow: hidden; margin: 0 32px 32px 0;}
.zs-sec12 ul li h1{ color: #000000; font-size: 26px; font-weight: bold; padding-bottom: 15px;}
.zs-sec12 ul li p{  color: #323232; font-size: 18px;}
.zs-sec12 li strong{ position: absolute; color: #64c0ab; opacity: 0.5;font-size: 120px; font-family: impact; bottom: -65px; right: 0;}
.zs-sec12 li:hover{ transform: translateY(10px);}


.zs-sec13 { background: url(../img/bg8.jpg) no-repeat top center; height: 710px;}
.zs-sec13 .left{ width: 300px; border-left: 3px solid #fff;  padding-left: 65px; height: 426px; margin-top:137px; text-align: center;}
.zs-sec13 .left h2{  color: #fff; font-size: 25px; width: 183px;	height: 52px;	background-color: #000; border-radius: 50px; text-align: center;
line-height: 52px; margin: auto; margin-top: 40px;}
.zs-sec13 .left p{ color: #191919; font-size: 20px; line-height: 32px; text-align: center; width: 300px; margin-top: 30px;}
.zs-sec13 .left p b{ font-weight: bold;}
.zs-sec13 .left h1{ color: #000000; font-size: 48px; font-weight: bold; margin-top: 59px;}
.zs-sec13 .right li{ width: 170px;	height: 170px;	background-color: #ebebeb;		border: solid 1px #77c4a1; border-radius: 100%;
float: left; margin:0 32px 32px 0; transition: all 0.6s;}
.zs-sec13 .right{ width:820px; margin-top: 170px; } 
.zs-sec13 .right ul{ margin-right: -20px;}
.zs-sec13 .right li span{  width: 52px;	height: 52px;font-size: 29px;	background-color: #77c4a1; display: block; text-align: center; color: #fff;
border-radius: 100%; margin:20px auto 15px auto;}
.zs-sec13 .right li strong{  color: #000000; font-size: 25px; text-align: center; display: block;}
.zs-sec13 .right li:hover{ transform: translateY(15px);}

.zs14-cont{ padding: 0 10%;}
.zs-sec14 .zs-tit h3 img{ display: block; margin:0 auto; max-width: 100%; opacity: 0.3;}
.zs-sec14 .zs-tit h2 {color: #fff; font-size: 36px; text-align: center; margin: 0 auto;  font-weight: bold;
width: 238px;	height: 56px;	background-color: #d47852; margin-top: -80px; border-radius: 50px; position: relative; z-index: 2;}
.zs-sec7 .swiper-slide h5{  color: #000000; font-size: 20px; text-align: center; padding: 15px 0; opacity: 0; transition: all 0.6s;}
.zs-sec7 .swiper-slide:hover h5{ opacity: 1;}

.zs-jiebao{ margin-top: 80px;}
.zs-jiebao ul{ width:360px;  }
.zs-jiebao .ul2{ padding:0 30px; border: 1px solid #c8c8c8; border-top: none; border-bottom: none; margin: 0 40px;}
.zs-jiebao ul li a{  padding: 10px 0; background: url(../img/zs-icon.png) no-repeat left center; padding-left:30px; display: block;
color: #000000; font-size: 18px; transition: all 0.6s;}
.zs-jiebao ul li:hover a{ color: #00A862;}


/*新改样式*/ 
.sec7-rewrite{ width:100%; min-width:700px; height:425px; position:relative; overflow:hidden; background:#fff; text-align:center;
margin-top: 60px; } 
.sec7-rewrite .bd { width:700px; position:absolute; left:50%; margin-left:-350px } 
.sec7-rewrite .bd li { width:700px; overflow:hidden; margin: 0 13px; } 
.sec7-rewrite .bd li img { display:block; width:700px; height:425px; } 
.sec7-rewrite .tempWrap { overflow:visible !important } 
.sec7-rewrite .tempWrap ul { margin-left:-700px !important; } 
.sec7-rewrite .hd { position:absolute; width:100%; left:0; z-index:1; height:8px; bottom:20px; text-align:center; }  
.sec7-rewrite .pnBtn { position:absolute; z-index:1; top:0; width:100%; height:425px; cursor:pointer; } 
.sec7-rewrite .prev { left:-50%; margin-left:-325px; } 
.sec7-rewrite .next { left:50%; margin-left:410px; } 
.sec7-rewrite .pnBtn .blackBg { display:block; position:absolute; left:0; top:0; width:100%; height:425px; background:#fff;
 filter:alpha(opacity=50); opacity:0.5; } 
 .sec7-rewrite .pnBtn .arrow { position:absolute; top:0; z-index:1; width:60px; height:425px; } 
 .sec7-rewrite .pnBtn .arrow:hover { filter:alpha(opacity=60); opacity:0.6; } 
 .sec7-rewrite .prev .arrow { right:-70px; top: 50%; margin-top: -25px;   } 
 .sec7-rewrite .next .arrow { left:-75px; top: 50%; margin-top: -25px;  }

#slider,#slider2 { width: 1280px; height: 670px; overflow: hidden; padding: 20px 15px; position: relative; margin: 0 auto; margin-top: 80px; }  
.scroll { width: 1280px; height: 670px; margin: 0 auto; overflow: hidden; position: relative }  
.scrollContainer { position: relative; width: 1815px; left: 0 } 
.panel .inside a{ display: block; height: 100% !important; width: 100% !important;}  
.scrollContainer .current { margin-top: 0 !important; opacity: 1 !important;} 
.scrollContainer .current .inside { width: 500px !important; height: 670px !important;  }  
.scrollContainer .panel { float: left; margin-right: 30px; display: inline; margin-top: 100px; opacity: 0.3;  }  
.panel .inside { display: block; position: relative; height: 465px !important; width: 345px !important;  }  
.panel .inside img { height: 465px !important; width: 345px !important; }     
.scroll li.current .inside img{ height: 670px !important; width:500px !important; }  
.btnMode a.btn { width: 47px; height: 47px; position: absolute; top: 350px; z-index: 33; }  
.btnMode a.prev { left: 370px; background-position: 0 -61px }  
.btnMode a.next { right: 400px; }     
.sec6-recont .panel .title { font-size: 22px !important;   color:#fff; text-align: center !important; font-weight: bold; padding-top: 43px;}
.sec6-recont .panel .name { line-height:30px !important; font-size:14px !important;  width: 100%; padding-top: 15px; line-height: 32px; 
 color: #ebebeb; text-align: center; }  
.sec6-recont .panel .text{ position: absolute; top: 0; left: 0; right: 0;}
.sec6-recont .current .title { font-sie:35px !important; padding-top: 83px; } 
.sec6-recont .current .name {font-size: 18px !important; }



.mendian-sec7 .sec7-rewrite .next .arrow{ left: 20px;}
.mendian-sec7 .sec7-rewrite .prev .arrow{ right:20px;}
.mendian-sec7  .sec7-rewrite .bd li{ margin: 0 13px;}
.zs14-cont .sec7-rewrite{ height: 480px;}
.zs14-cont .sec7-rewrite h5{ text-align: center; padding: 20px 0 0 0; color: #000; font-size: 18px; transition: all 0.6s;
opacity: 0; filter:alpha(opacity=0);}
.zs14-cont .sec7-rewrite .bd li:hover h5{ opacity: 1; filter:alpha(opacity=100)}
.sec6-recont .tab-pal.on{ display: block;}
.sec6-recont .tab-pal{ display: none;}



.mapTipText{width: 50px;}
.mapTipText .mapTipImg{width: 50px; text-align: center}
.mapTipText .mapTipImg img{width: 100%; margin-top: 20px; margin-left: 5px;}





 @keyframes down{
 	from{transform: translate(0,-100%);}
 	to{transform: translate(0,0);}
 }
 @keyframes weizhi{
	from{ left: -50%;}
	to{ left: 100%; }
}

@keyframes zhuan{
 	from{transform:rotate(0)}
 	to{transform: rotate(360deg)}
 }
@media screen and (max-width:1900px) {

}

@media screen and (max-width:1366px) {
	.section7 .swiper-button-next{ right: 18%;}
	.section7 .swiper-button-prev{ left: 18%;}
	.case .white-bg2{ width:24%}
	.case .white-bg{ width:24%}
	.zs9-cont{ padding: 0 3%;}
	.zs14-cont{ padding: 0 6%;}
}