@charset "utf-8";
body, html {  width: 100%; overflow-x: hidden; }   
body {overflow-x: hidden;  }
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; 
font-family:"微软雅黑";}  
body, p, h1, h2, h3, h4, h5, table, ul, li, form, input { margin: 0; padding: 0; color: #000;  line-height: 1; }  
body, p { font-size: 14px; border: none; color: #000; }  
a { font-size: 14px; color: #000; text-decoration: none; border: none; padding: 0; margin: 0; }  
table { border-collapse: collapse; }  
img { border: 0; margin: 0; padding: 0; display: block; }  
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; font-size: 14px; }  
input,button,textarea{ border: none; background: none; }  
figcaption { display: block; }  
input:focus,button:focus,label:focus,textarea{ outline: none; }  
::-webkit-input-placeholder { /* WebKit browsers */ font-size: 14px; color: #555; }  
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px; color: #555; }  


.clearfix { *zoom: 1; }  
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }  
.clearfix:after { clear: both; } 
.clear { clear: both; }

.fl{ float: left;}
.fr{ float: right;}
svg:focus{ outline: none; }

 input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
 
.container{  margin: 0 auto; width: 100%;  padding: 0 160px;}



.top{ display: flex; justify-content: space-between; padding: 0px 60px; align-items: center; height: 100px; border-bottom: 1px solid #ddd;}
.zoom{ cursor: pointer;} 
.pcbar{ display: flex; align-items: center; margin: 0 auto; flex-grow: 1; padding: 0 9%; justify-content: space-between;}
.pcbar>li{   position: relative; display: inline-block; vertical-align: middle; ;}
.pcbar>li>a{ font-size:16px; color: #000;  display: inline-block; vertical-align: middle; height: 100px; line-height: 100px;}
.subnav{ position: absolute; top: 115px; border:1px solid #e0e0e0;  padding:20px 10px; background: #fff;  width: 100%; left:50%; right: 0;transform: translate(-50%,-10px); opacity: 0; visibility: hidden; transition: all 0.56s;  z-index: 33333; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1);border-radius: 4px; min-width: 160px;}
.subnav::before{ position: absolute; content: ''; display: block;  width: 0;height: 0;border-color: #fff #fff transparent transparent;
 transform: rotate(-45deg);    border-style: solid;    border-width: 8px; box-shadow: 2px -2px 2px rgba(0,0,0,0.1); top: -8px;
      left: 50%; margin-left: -8px;}
.pcbar>li::before{ display: block; content: ''; position: absolute; left: 0; right: 0; transform-origin: center; background: #2bb7b3; 
height: 3px;  transition: all 0.6s; bottom:20px; transform: scaleX(0); width: 100%;}
.pcbar li:hover .subnav{ visibility: visible; opacity: 1; transform: translate(-50%,0);}
.pcbar>li:hover::before,.pcbar>li.on::before{ transform: scaleX(1);}
.subnav>a{ display: block; text-align: center; font-size: 15px; line-height: 40px; height: 40px;  color: #888; transition: all 0.36s;}
.subnav>a:hover{ color: #2bb7b3;}
.top .tel{ color: #000000; font-size: 16px; margin-right: 20px;}



.mobilebarwrap{ display: none; z-index: 333; position: relative;}
.mobilebar{ position: fixed; top: 0; left: 0; right: 0; width: 100%; display: flex; justify-content: space-between; height: 50px; 
background: #fff; padding: 0 15px; border-bottom: 1px solid #e5e5e5; align-items: center; }
.mobilebar .logo{ display: flex; justify-content: center; align-items: center;}
.mobilebar .logo img{ display: block; height: 30px;}
.mobile-ul { position: fixed; top: 50px; right:0; left:-150%; padding: 30px; visibility: hidden; opacity: 0; 
transition: all 1s; background: #fff; height: 100%;}
.mobile-ul li>a{ font-size: 16px; display: block; text-align: center; line-height:46px; }
.mobile-ul .erji{ display: none;}
.mobile-ul .erji a{ font-size: 14px; display: block; color: #333; text-align: center; line-height: 30px;}
.bar-btnwrap{ display: flex;  align-items: center; height: 100%;}
.bar-btn { display: flex; flex-direction: column; align-content: center; justify-content: space-around; height:20px; width: 30px; align-items: flex-end;}
.bar-btn span{ display: block; height:2px; width: 20px; background: #000; margin: 1px 0; transition: all 0.6s;} 
.bar-btn .span2{ width: 30px;}
.mobilebar .search{ margin-left: auto; margin-right: 20px;}

.bar-btnwrap.on .bar-btn .span1{ width:30px;}
.bar-btnwrap.on .bar-btn .span2{ width:20px;}
.mobile-ul.on{opacity: 1; visibility: visible; left: 0;}
.mobile-tel{ display: flex; justify-content: center; align-items: center; padding: 25px 0; border-top: 1px solid #f5f5f5; margin-top: 25px;}
.mobile-tel img{ display: block; /* margin: 50px auto 20px auto; */ width: 30px; margin-right: 15px; height: auto;}
.mobile-tel h3{ text-align: center; color: #333; font-size: 30px; font-weight: bold;font-family: 'DIN';}


.search-bg{ position: fixed; bottom: 0; right: 0; left: 0; top: 0; background:rgba(0,0,0,0.8); z-index: 333;  visibility: hidden; opacity: 0; transition: all 0.6s; }
.pc-searchwrap{ visibility: hidden; opacity: 0;  z-index: 3333;}
.pc-search{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 3333;  width: 60%; height: 59px;}
.pc-search .input{ color: #232; width: 80%;}
.search-box{ display: flex; justify-content: space-between; height: 59px; align-items: center; border-bottom:2px solid #fff;}
.serch-subbtn{ background: url(../images/whitezoom.png) no-repeat top center; width: 20px; height: 20px; display: block; cursor: pointer;}
.search-box .row{ position: relative;  width: 90%;}
.search-box .in{ height: 59px; color: #fff; z-index: 33; padding-left: 10px; transition: all 0.6s; width: 100%; font-size: 16px}
.search-box label{ position: absolute; left:10px;  top: 0px; height: 59px; transition: all 0.3s; color: #fff; cursor: text;  line-height: 59px; right: 0; font-size: 20px}
.search-box .in:focus+label { left: -100%; opacity: 0;}
.search-box .in:not(:focus):not(:placeholder-shown) + label {color: rgba(0, 0, 0, 0);}
.search-box .in:not(:focus):not(:-ms-input-placeholder) + label {color: rgba(0, 0, 0, 0);}
.pc-searchwrap.on{ visibility: visible; opacity: 1; }
.pc-searchwrap.on .search-bg{ visibility: visible; opacity: 1;}
.pc-searchwrap.on .search-box{ animation: anim-open-2 1s linear;}


.banner {height: calc(100vh - 100px);  position: relative;}
.banner .mouse-tip{ width: 34px;	height: 60px;	border-radius: 17px;	border: solid 3px #ffffff; position: absolute; bottom: 90px; left: 50%; z-index: 333; overflow: hidden;
cursor: pointer; margin-left: -17px;}
.banner .mouse-tip i{ display: block; width:4px; height: 10px; background: #fff; animation: b 1s linear infinite;
 position: absolute; left: 50%; top: 30px; margin-left: -2px; border-radius: 5px;}
.banner .swiper-pagination{   bottom: 30px}
.banner .swiper-pagination-bullet{ background: #fff; border-radius: 0;	height: 14px;	opacity: 0.6; width: 14px; 
margin: 0 10px !important; transition: all 0.6s; border-radius: 100%; transition: all 0.6s; text-align: center;}
.banner .swiper-pagination-bullet-active{ opacity: 1;}
.banner .swiper-slide {overflow: hidden;}
.banner .slide-inner {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;}
.banner .text{ position: absolute; top: 0; left: 0 ; z-index: 333;}


.index-sec1 .tabdiv{ display: flex; justify-content: space-around;}
.index-sec1 #tab{/* border-bottom: 1px solid #eeeeee; */ padding:0 0 0 0;}
.index-sec1 #tab a{ display: flex; flex-direction: column; width: calc(100% / 6);}
.index-sec1 .tabdiv>a:nth-child(1) figure{
	border-left: none;
}
.index-sec1 #tab a figure{     display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 1;
    padding: 0px 0px;
    transition: all 0.3s;
    text-align: center;
    border-left: 1px solid rgb(220,220,220);}

.w12{
	max-width: 1200px;
	margin: auto;
}
.addTitle{
	text-align: center;
	margin: 30px auto;
	padding-top: 15px;
	margin-bottom: 15px;
}
.addTitle>div:nth-child(1)>p:nth-child(1){
	font-size: 24px;
	color: #000;
	margin-bottom: 0px;
	position: relative;
}
.addTitle>div:nth-child(2)>p:nth-child(1){
	font-size: 30px;
	color: rgb(204,204,204);
	font-weight: bold;
	font-family: 'DIN';
	position: relative;
	top: -10px;
}
.index-sec1 #tab figure p{     font-size: 18px;
    color: #000;
    white-space: nowrap;
	line-height: 110%!important;
    text-overflow: ellipsis;
    letter-spacing: 1px;margin: auto;padding-bottom: 2px;}
.index-sec1 #tab figure span{ font-family: 'DIN , arial'; font-size: 20px; color: #000; opacity: 0.4;}



.index-sec1 #tab img{  margin: 0 auto;  width: 60px; height: 60px;}
.index-sec1 #tab img.icon{display: block;}
.index-sec1 #tab img.h_icon{display:none;}
.index-sec1 #tab a:hover img.icon{display:none !important;}
.index-sec1 #tab a:hover img.h_icon{display:block !important;}


.index-sec1 #tab a:hover figure{ box-shadow: none);}
.index-sec1 #tab a.active figure{ color: #2bb7b3; box-shadow:none;background: transparent;}
.index-sec1 #tab a.active p,.index-sec1 #tab a.active span{ color: #2bb7b3;
    border-bottom: 1px solid #2bb7b3;}

/* .index-sec1 #tab a::before{ position: absolute; content: ''; display: block; transition: all 1s; height: 4px; background: #2bb7b3;
width: 100%; transform-origin: center; bottom: 0; transform: scale(0,1);}
.index-sec1 #tab a.active::before{ transform: scale(1);} */
/* .index-sec1 #tab a:hover,.index-sec1 #tab a.active{ animation: jello 1s;} */
.index-sec1 ul{ display: flex; margin-left: -25px; margin-right: -25px; flex-wrap: wrap; margin-top: 40px;}
.index-sec1 li{ width: calc(100%/3.05 - 50px); margin-right: 25px; margin-left: 25px; margin-bottom: 50px;}
.index-sec1 li a{ position: relative; display: block; overflow: hidden; }
.index-sec1 li a::before{ content: ''; display: block; position: absolute; transition: all 1s; transform: scale(0.4);
background: rgba(47,133,125,0.6); height: 100%; width: 100%; opacity: 0; z-index: 33; border-radius: 100%; }
.index-sec1 .item-text{ position: absolute; z-index: 322; width: 100%; padding:120px 0 150px 0; display: flex; flex-direction: column;
justify-content: space-between; height: 100%;}
.index-sec1 .item-text h3{ text-align: center; color: #fff; font-size: 26px; opacity: 0; transition: all 0.6s; transform: translateY(-10px);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 25px;}
.index-sec1 .item-text span{ width: 180px; border:1px solid rgba(255,255,255,0.3);	height: 46px;	color: #ffffff; font-size: 14px; display: block;
text-align: center; line-height: 44px; margin: 0 auto; transform: translateY(10px); opacity: 0; transition-delay: 0.5s; transition: all 0.6s;}
.index-sec1 .item-img{ overflow: hidden;}
.index-sec1 .item-img img{ display: block; transition: all 1.6s; overflow: hidden; width: 100%; height: auto;}
.index-sec1 li:hover a::before{ opacity: 1; transform: scale(1); border-radius: 0;}
.index-sec1 li:hover .item-img img{ transform: scale(1.05);}
.index-sec1 li:hover h3{ opacity: 1; transform: none;}
.index-sec1 li:hover span{ opacity: 1; transform: none;}

.index-sec2 { background: url(../images/sec2bg.png) no-repeat center; margin-top: 50px; }
.index-sec2 .container{ position: relative; display: block;}
.index-sec2 .left{  background: #f6f6f6; height: 100%; width: 50%; padding: 70px 90px; display: block;}
.index-sec2 .div1 h3{ color: #000000;	font-size: 28px;}
.index-sec2 .div1 p{ color: #000000;	font-size: 16px; font-family: arial; margin-top: 10px;}
.index-sec2 .div2 p{ color: #666666;	line-height: 40px; margin-top: 30px;}
.index-sec2 .more{ width: 200px;height: 54px;border: solid 2px #000000; display: block; line-height: 52px; text-align: center; 
font-size: 15px; color: #000; margin-top: 80px; transition: all 0.6s; position: relative; z-index: 1; }
.index-sec2 .more::before{top: 0;position: absolute;left: 0;width: 100%; height: 100%; display: block; content: ''; z-index: -1;transform: scaleX(0);
 transform-origin: right 50%; transition-property: transform; transition-duration: 0.6s; background-color: #2bb7b3; padding-bottom: 2px;}
.index-sec2 .more:hover::before {transform: scaleX(1); transform-origin: left 50%;}	
.index-sec2 .more:hover{ color: #fff; border-color: #2bb7b3; box-shadow: 0 0 20px rgba(47,133,125,0.6); transform: translateX(10px);}
.index-sec2 .reveal-holder .reveal-block{ left: 0; z-index: 33;}
.index-sec2 .reveal-holder .right1::before{ background: #fff;}
.reveal-holder .white::before{ background: #fff;}

.index-tit{ padding: 50px 0 40px 0;}
.index-tit h3{ color: #000000; font-size: 30px;}
.index-tit h4{ color: #000000; font-size: 16px; margin-top: 10px;}
.index-sec3 ul{ display: flex;  margin-right: -27px; margin-left: -27px;}
.index-sec3 li{ width: calc(100%/3 - 54px); margin-right: 27px; margin-left: 27px; transition: all 0.6s; position: relative; overflow: hidden;}
.index-sec3 .item-text{ padding: 30px 20px;}
.index-sec3 .item-img{ overflow: hidden;}
.index-sec3 .item-img img{ display: block; width: 100%; height: auto; transition: all 1s;}
.index-sec3 li h3{ font-size: 20px; color: #000; text-align: center; transition: all 0.6s;}
.index-sec3 li p{ text-align: center; color: #666666; font-size: 16px;  font-family: arial; margin-top: 5px; transition: all 0.6s;}
.index-sec3 li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1);/* transform: translateY(5px); */ border-radius: 5px;}
.index-sec3 li:hover h3,.index-sec3 li:hover p{ color: #2bb7b3;}
.index-sec3 li::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.index-sec3 li:hover img{ transform: rotate(3deg) scale(1.1); }
.index-sec3 li:hover::before {animation: shine 0.6s linear;}
.index-sec3 li:last-child{ display: none;}

.index-sec4{ background-color: #f6f6f6; padding:0 0 50px 0; margin-top: 50px;}
.index-sec4 ul{ flex-wrap: wrap; display: flex; margin-left: -25px; margin-right: -25px; margin-bottom: -30px;}
.index-sec4 li{ width: calc(100%/3.05 - 50px); margin-left: 25px; margin-right: 25px; position: relative; transition: all 0.6s; margin-bottom: 50px;
overflow: hidden;}
.index-sec4 li .item-img{ position: absolute; bottom: 0; left: 0; right: 0; top: 0; overflow: hidden; z-index: 1; transition: all 1s;
opacity: 0; filter: blur(30px); overflow: hidden;}
.index-sec4 li .item-img img{ display: block;transition: all 0.6s; object-fit: cover;}
.index-sec4 li h3{ color: #000000; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index-sec4 li .p1{ color: #000000; font-size: 14px; margin-top:25px;}
.index-sec4 li .p2{ color: #666; font-size: 14px; margin:20px 0 20px 0; height: 60px; line-height: 30px; overflow: hidden;}
.index-sec4 li span{ color: #2bb7b3; font-size: 14px;}
.index-sec4 li .item-text{ background: #fff; padding: 40px; transition: all 1s; z-index: 3; position: relative; filter: blur(0px);}
/* .index-sec4 li:hover .item-text{ opacity: 0; filter: blur(0);} */
/* .index-sec4 li:hover .item-img{ opacity: 1; filter: blur(0);} */

.footer{ background: #222; padding: 40px 0 0 0;}
.footer .div1 { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.1);
padding-bottom: 30px;}
.footer .div1  p{ max-width: 940px; width: 100%; display: flex; justify-content: space-between;}
.footer .div1 p a{ color: #aaaaaa; font-size: 16px; transition: all 0.6s;}
.footer .div2 { display: flex; justify-content: space-between; padding: 60px 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.footer .div2 h3{ 	color: #ffffff; font-size: 15px; margin-bottom: 30px;  }
.footer .col1{ max-width: 330px;}
.footer .col1 p{ display: flex; flex-wrap: wrap; }
.footer .col1 a{ color: #aaa; font-size: 14px; display: block; margin-right:20px; margin-bottom: 20px; transition: all 0.6s;}
.footer .col1 a:hover,.footer .div1 p a:hover{ color: #fff;}
.footer .col2{ max-width: 415px; width: 100%; margin: 0 auto;}
.footer .col2 p{ color: #aaaaaa; font-size: 15px; margin-bottom: 20px;}
.footer .col2 .pdiv{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.footer .col3 p{ text-align: center;  color: #fff; font-size: 15px; margin-top: 15px;}
.footer .col3 img{ display: block; margin: 0 auto; width:110px;}
.copyright{ display: flex; justify-content: space-between; padding: 25px 0;}
.copyright p,.copyright p a{ font-size: 14px; color: #aaa;}


/* 右侧浮动 */
.right-pop{ position: fixed; right: 10px; top: 200px; 	 z-index: 6333;}
.right-pop li {	width: 56px;	height: 56px;	background-color: #ffffff;	box-shadow: 0px 0px 5px 0px rgba(0, 105, 98, 0.2); display: flex; flex-direction: column; justify-content: center; align-items: center; 
 position: relative; vertical-align: middle; transition: all 0.6s; border-radius: 100%; margin-bottom: 10px;}
.right-pop li span img{ display: block; margin: 0 auto; transition: all 0.6s; filter: grayscale(100%); transition: all 0.6s; opacity: 0.6;}
.right-pop li p{ font-size: 14px; color: #333333; text-align: center; margin-top: 10px;}
.right-pop .sub-pop{ position: absolute; right: 70px; top: 50%; bottom: 0;  transform: translate(-10px,-50%); opacity: 0; visibility: hidden; transition: all 0.6s;}
.right-pop .tel-pop{ font-weight: bold; color: #fff; font-size: 20px; width: 250px;  text-align: center; display: flex; align-items: center;
justify-content: center; box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #2bb7b3; border-radius: 50px; height: 60px;}
.right-pop li:hover .sub-pop{ opacity: 1; visibility: visible; transform: translate(0,-50%);}
.right-pop .wx-pop img{ height: 100px; width: 100px; }
.right-pop .wx-pop{ top: 35%; }
.right-pop li:hover .wx-pop{ transform: translate(0,-50%);}
.right-pop li:hover span img{ animation: jello 1s; filter: grayscale(0); opacity: 1;}

/* 我们的业务 */
.neitop{ display: flex; justify-content: space-between;}
.neilogo{ width: 30%; background: #967f63; display: flex; align-items: center; justify-content: center; }

.neitop .right{ width: 70%; }
.neitop .div1{ display: flex; background: #5d5959; width: 100%; align-items: center; height: 80px; padding-right: 160px; justify-content: space-between;}
.neitop .alink{ display: flex; height: 100%; align-items: center;} 
.neitop .alink img{ display: inline-block; vertical-align: middle; margin-right: 5px; }
.neitop .alink a{ color: #ffffff; font-size: 18px; width: 200px; display: block; background-color: #967f63; 
align-self: center; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.6s;}
.neitop .alink a:hover{ width: 230px;}
.neitop .alink .a2{ background: #2bb7b3;}
.neitop .div1 .tel{ width: 100%; max-width: 760px; display: flex; align-items: center; justify-content: center; color: #ffe2a9; font-size: 16px;}
.neitop .div1 .tel img{ display: inline-block; vertical-align: -1px; margin: 0 15px;}
.neitop .div1 .tel span{ font-weight: bold;  font-size: 26px; font-family: 'DIN'; color: #FFE2A9;}
.neitop .div2{ padding: 0 160px 0 200px; }
.neitop .pcbar{ padding: 0;}

.mobile-ul .alink{ display: flex; align-items: center; height: 40px; margin: 0px auto; justify-content: center;} 
.mobile-ul .alink img{ display: inline-block; vertical-align: middle; margin-right: 5px; height: 20px;}
.mobile-ul .alink a{ color: #ffffff; font-size: 14px; width: 150px; display: block; background-color: #967f63; margin: 0 10px; 
align-self: center; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.6s;}
.mobile-ul .alink .a2{ background: #2bb7b3;}

.neibanner h1 {text-align: center;}
.neibanner h1 span {letter-spacing: 3px;font-weight: 300;display: inline-block;opacity: 0;text-transform: uppercase;
animation-iteration-count: 1;animation: fadeIn forwards 5s ease-out infinite;}
.neibanner h1 span:nth-child(1) {animation-delay: 0.8s;}
.neibanner h1 span:nth-child(2) {animation-delay: 0.7s;}
.neibanner h1 span:nth-child(3) {animation-delay: 0.6s;}
.neibanner h1 span:nth-child(4) {animation-delay: 0.5s;}
.neibanner h1 span:nth-child(5) {animation-delay: 0.4s;}
.neibanner h1 span:nth-child(6) {animation-delay: 0.4s;}
.neibanner h1 span:nth-child(7) {animation-delay: 0.5s;}
.neibanner h1 span:nth-child(8) {animation-delay: 0.6s;}
.neibanner h1 span:nth-child(9) {animation-delay: 0.7s;}
.neibanner h1 span:nth-child(10) {animation-delay: 0.8s;}
.neibanner h1 span:nth-child(11) {animation-delay: 0.9s;}
.neibanner h1 span:nth-child(12) {animation-delay: 1.0s;}
.neibanner h1 span:nth-child(13) {animation-delay: 1.1s;}
.neibanner h1 span:nth-child(13) {animation-delay: 1.2s;}
.neibanner h1 span:nth-child(14) {animation-delay: 1.3s;}
.neibanner h1 span:nth-child(15) {animation-delay: 1.4s;}
.neibanner h1 span:nth-child(16) {animation-delay: 1.5s;}
.neibanner h1 span:nth-child(17) {animation-delay: 1.6s;}

.neibanner .shutext span {letter-spacing: 3px;font-weight: 300;display: inline-block;opacity: 0;text-transform: uppercase;
animation-iteration-count: 1;animation: fadeIn forwards 0.8s ease-out;}
.neibanner .shutext span:nth-child(1) {animation-delay: 0.8s;}
.neibanner .shutext span:nth-child(2) {animation-delay: 0.7s;}
.neibanner .shutext span:nth-child(3) {animation-delay: 0.6s;}
.neibanner .shutext span:nth-child(4) {animation-delay: 0.5s;}
.neibanner .shutext span:nth-child(5) {animation-delay: 0.4s;}
.neibanner .shutext span:nth-child(6) {animation-delay: 0.4s;}
.neibanner .shutext span:nth-child(7) {animation-delay: 0.5s;}
.neibanner .shutext span:nth-child(8) {animation-delay: 0.6s;}
.neibanner .shutext span:nth-child(9) {animation-delay: 0.7s;}
.neibanner .shutext span:nth-child(10) {animation-delay: 0.8s;}
.neibanner .shutext span:nth-child(11) {animation-delay: 0.9s;}
.neibanner .shutext span:nth-child(12) {animation-delay: 1.0s;}
.neibanner .shutext span:nth-child(13) {animation-delay: 1.1s;}
.neibanner .shutext span:nth-child(13) {animation-delay: 1.2s;}
.neibanner .shutext span:nth-child(14) {animation-delay: 1.3s;}
.neibanner .shutext span:nth-child(15) {animation-delay: 1.4s;}
.neibanner .shutext span:nth-child(16) {animation-delay: 1.5s;}
.neibanner .shutext span:nth-child(17) {animation-delay: 1.6s;}


.neibanner{ position: relative; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.neibanner img {display: block;width: 100%;height: 100%;line-height: 0;position: relative; object-fit: cover;}
.neibanner .text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 33; width: 100%;}
.neibanner .shutext{ color: #ffffff; 	font-weight: bold; display: flex; flex-direction: column;
width: 54px; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);
line-height: 1.3;  }
.neibanner .shutext span{ font-family: '宋体'; font-size: 54px;  font-weight: bold;}
.neibanner .shutext span:nth-child(2){ display: block; height: 120px;}
.neibanner h1 span{ color: #ffffff;font-size: 22px; /* font-family: arial; */font-family: ArialMT; letter-spacing: 30px;}
.neibanner .three span:nth-child(3){ margin-right: 30px;}
.neibanner .four span:nth-child(4){ margin-right: 30px;}
.neibanner .seven span:nth-child(7){ margin-right: 30px;}
/* .neibanner .shutext2{ margin-top:30px;}
 */
.fuwu-sec1 .tabdiv{ display: flex; justify-content: space-around;}
.fuwu-sec1 #tab2{ border-bottom: 1px solid #eeeeee; }
.fuwu-sec1 #tab2 a{ display: block;  position: relative; padding: 37px 0;}
.fuwu-sec1 #tab2 p{ text-align: center; font-size: 16px; color: #000; /*margin-top: 25px;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
line-height: 1;}
.fuwu-sec1 #tab2 img{ display: block; margin: 0 auto;  width: 60px; height: 60px;}
.fuwu-sec1 #tab2 a::before{ position: absolute; content: ''; display: block; transition: all 1s; height: 4px; background: #2bb7b3;
width: 100%; transform-origin: center; bottom: 0; transform: scale(0,1); }
.fuwu-sec1 #tab2 a.active::before,.fuwu-sec1 #tab2 a:hover::before{ transform: scale(1);}
.fuwu-sec1 #tab2 a:hover,.fuwu-sec1 #tab2 a.active{ animation: jello 1s;}
#tab-container2 .cont { background: #ecf0f1; display: flex;}
#tab-container2 .left{ width: 50%; padding-left: 160px; }
#tab-container2 .right{ width: 50%;}
.fuwu-sec1 .div1,.fuwu-sec1 .div2{ max-width: 660px;}
.fuwu-sec1 .div1 h3{ color: #000000; 	font-size: 34px; margin-top: 80px; margin-bottom: 20px; font-weight: bold;}
.fuwu-sec1 .div1 p{ color: #967f63; font-size: 18px; }
.fuwu-sec1 .div2 p{ color: #666666; font-size: 14px; margin-top: 25px; line-height: 34px; text-indent: 2em;}
.fuwu-sec1 .div2 a{ width: 226px;height: 66px;background-color: #ffffff; color: #000000; font-size: 14px; display: flex; justify-content: space-between; align-items: center;  padding: 0 30px;margin-top: 100px;
transition: all 0.6s; margin-bottom: 50px;}
.fuwu-sec1 .div2 a:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1); transform: scale(0.95) translateX(10px); padding: 0 40px;}

.fuwu-sec1 .fuwutu{ height: 100%;}
.fuwu-sec1 .fuwutu img{ display: block; height: auto; width: 100%; object-fit: cover; height: 100%;}
.fuwu-sec1 .fuwutu .swiper-slide{ display: flex; align-items: center; justify-content: center; height: 100%;}


.fuwu-title {text-align: center; padding: 50px 0 35px 0;}
.fuwu-title h3{ color: #000000; font-size: 40px; text-align: center; font-weight: bold;}
.fuwu-title h4{ color: #967f63; font-size: 18px; text-align: center;  font-family: 'DIN'; margin-top: 10px;}

.fuwu-sec2 #tab3{ text-align: center;}
.fuwu-sec2 #tab3 a{  text-align: center; line-height: 46px;height: 46px; margin:0 6px; display: inline-block;
background-color: #f5f5f5;border-radius: 4px; width: 135px; transition: all 0.6s; font-size:16px;}
.fuwu-sec2 #tab3 a.active,.fuwu-sec2 #tab3 a:hover{ background: #2bb7b3; color: #fff;}
.fuwu-sec2 ul{ display: flex; flex-wrap: wrap;  margin-left: -15px; margin-right: -15px; padding: 50px 0 20px 0;}
.fuwu-sec2 li{ width: calc(100%/4 - 30px); margin-left: 15px; margin-right: 15px; margin-bottom: 30px; transition: all 0.6s;}
.fuwu-sec2 li .item-img{ overflow: hidden; position: relative;}
.fuwu-sec2 li .div1{ position: absolute; background: url(../images/good_hover.png) no-repeat center;  transition: all 0.61s; 
transition-delay: 0.2; height: 68px; width: 68px; background-size: cover; 
z-index: 3; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); opacity: 0;  }
 .fuwu-sec2 li .item-img::before{ position: absolute; content: ''; display: block; top: 0; left: 0; bottom: 0; right: 0;
 background: rgba(0,0,0,0.5); transition: all 0.6s; opacity: 0; }
.fuwu-sec2 li img{ display: block; overflow: hidden; transition: all 0.6s; width: 100%; height: auto;	}
.fuwu-sec2 .item-text h3{ text-align: center; font-size: 18px; font-weight: bold; color: #000000; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis; margin-top: 25px;}
.fuwu-sec2 .item-text p{ text-align: center; font-size: 16px; color: #888888; margin-top: 5px; margin-bottom: 15px;}
.fuwu-sec2 li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.fuwu-sec2 li:hover .item-img::before{ transform: scale(1); opacity: 1;}
.fuwu-sec2 li:hover .div1{ opacity: 1; transform: translate(-50%,-50%) scale(1);}

.morewrap a{ color: #000000; font-size: 16px; display: block; text-align: center; border-top: 1px solid #ECF0F1; margin-top: 2px;
padding: 35px 0; margin-bottom: 35px; transition: all 0.6s;}
.morewrap a:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}


/* 业务详情 */
.breadcrumbwrap{ background: #f7f9f9;}
.breadcrumb{display: flex; justify-content: space-around;}
.breadcrumb a{ display: block;  position: relative; padding: 50px 0;}
.breadcrumb p{ text-align: center; font-size: 16px; color: #000; margin-top: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
line-height: 1;}
.breadcrumb img{ display: block; margin: 0 auto;  width: 60px; height: 60px;}
.breadcrumb a::before{ position: absolute; content: ''; display: block; transition: all 1s; height: 4px; background: #2bb7b3;
width: 100%; transform-origin: center; bottom: 0; transform: scale(0,1); }
.breadcrumb a.active::before,.breadcrumb a:hover::before{ transform: scale(1);}
.breadcrumb a:hover,.breadcrumb a.active{ animation: jello 1s;}

.yewude-sec1 { padding: 30px 0;}
.yewude-sec1 .cont{ display: flex; background-color: #ffffff;	box-shadow: 0px 0px 19px 1px rgba(150, 127, 99, 0.3);} 
.yewude-sec1 .left{ position: relative; width: 50%; }
.yewude-sec1 .rightcont{ width: 50%; padding: 50px 40px;}
.yewude-sec1 .condiv{ position: absolute; left: 0; right: 0; display: flex; justify-content: space-between; padding: 0 10px;
z-index: 333; top: 50%; transform: translateY(-50%);}
.yewude-sec1 .prev,.yewude-sec1 .next{ display: block; border-radius: 100%; background: #fff; width: 65px;	height: 65px;
display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.6s;}
.yewude-sec1 .condiv span:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2); transform: scale(0.9);}
.yewude-sec1 .swiper-slide { display: flex; align-items: center; justify-content: center; height: 100%;}
.yewude-sec1 .swiper-slide img{ display: block; width: 100%; height: 100%; object-fit: cover; min-height: 540px;}
.yewude-sec1 .rightcont h3{ font-weight: bold; color: #000; font-size: 24px; margin-bottom: 30px;}
.yewude-sec1 .rightcont p{ color: #333333; font-size: 14px; line-height: 40px; margin-bottom: 35px; max-width: 690px;}
.yewude-sec1 .rightcont p span{ color: #888;}
.reveal-holder .reveal-block{ left: 0;}
.reveal-holder .right2::before{ background: #2bb7b3 !important; width: 100% !important; left: 0 !important;}
.yewude-sec2 .title h3{ color: #2bb7b3; font-size: 26px; font-weight: bold; border-bottom: 1px solid #2bb7b3; padding-bottom: 35px;}
.yewude-sec2 .cont { padding: 50px 0;}
.yewude-sec2 .cont img{ display: block; margin: 0 auto; max-width: 100%; height: auto;}

/* 志佳软装招商 */
.neibanner .text10 span:nth-child(10){ margin-right: 30px;}
.fenleiwrap{box-shadow: 1px 2px 4px 0px rgba(4, 0, 0, 0.1); position: relative; z-index: 33;}
.fenlei{ display: flex; justify-content: space-around; align-items: center; height: 90px;}
.fenlei a{ color: #333333; font-size: 18px; display: block; transition: all 0.63s;}
.fenlei a.on,.fenlei a:hover{ color: #2bb7b3; font-weight: bold; }
.fenlei b{ color: #e5e5e5;}
.fenleierji{ height: 80px;background-color: #fafafa; display: flex; justify-content: center; align-items: center; }
.fenleierji a{ color: #333333; font-size: 16px; margin: 50px; transition: all 0.6s;}
.fenleierji a:hover,.fenleierji a.on{ color: #2bb7b3;}

.zjzs-sec1{ padding-top: 60px;}
.zjzs-tit { text-align: center;}
.zjzs-tit h3{ text-align: center; font-size: 40px; color: #000;}
.zjzs-tit b{ display: block; margin: 0 auto; height: 1px; background: #2bb7b3; width: 80px; margin-top: 30px;}
.zjzs-sec1 .zjzs-tit{ margin-bottom: 40px;}
.zjzs-sec1 ul{ display: flex; justify-content: center; padding:35px 0;}
.zjzs-sec1 li { margin: 0 110px; transition: all 0.6s;}
.zjzs-sec1 li span{ display: block; margin: 0 auto; width: 90px;	height: 90px;	background-color: #2bb7b3; display: flex; align-items: center; justify-content: center;
border-radius: 100%; transition: all 0.6s;}
.zjzs-sec1 li img{ display: block;}
.zjzs-sec1 li p{ text-align: center; font-size: 22px; color: #000; margin-top: 20px; transition: all 0.6s;}
.zjzs-sec1 li:hover span{ animation:jello 1s; background: #2bb7b3;}
.zjzs-sec1 li:hover{ transform: translateY(30px); }
.zjzs-sec1 li:hover p{ color: #2bb7b3;  }

.zjzs-sec2 { margin-top: 30px;}
.zjzs-sec2 .cont{ display: flex;  background: #f5f5f5; }
.zjzs-sec2 h3{ font-size: 40px; color: #000; margin-bottom: 35px;}
.zjzs-sec2 p{ color: #333333; font-size: 16px; line-height: 46px;}
.zjzs-sec2 .leftcont{ width: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.zjzs-sec2 .leftcont img{ display: block; width: 100%; object-fit: cover; min-height: 616px;}
.zjzs-sec2 .rightcont{ width: 50%;}
.zjzs-sec2 .text{ padding: 70px 50px; }
.zjzs-sec2 .text p{ max-width: 565px;}

.zjzs-sec3{ padding-top: 60px;}
.zjzs-sec3 ul{ display: flex; padding: 0 300px; margin-left: -25px; margin-right: -25px; margin-top: 50px;}  
.zjzs-sec3 li{ width: calc(100%/3 - 50px); margin-right: 25px; margin-left: 25px;   box-shadow: 0px 0px 19px 1px rgba(150, 127, 99, 0.2);
background: #fff; transition: all 0.6s;}
.zjzs-sec3 li h3{ text-align: center; 	color: #000000; font-size: 20px; transition: all 0.6s;}
.zjzs-sec3 li strong{ text-align: center; display: block; color: #2bb7b3; transition: all 0.6s; font-size: 30px; font-family: "DIN"; font-weight: bold; padding: 15px 0;}
.zjzs-sec3 li p{ text-align: center;  color: #666666; font-size: 14px; transition: all 0.6s;}
.zjzs-sec3 .item-text{ padding: 40px;}
.zjzs-sec3 .item-img img{ display: block; max-width: 100%; margin: 0 auto; min-height: 150px; object-fit: cover;}
.zjzs-sec3 li:nth-child(3) img{ margin: 25px auto 0 auto;}
.zjzs-sec3 li:nth-child(3) .item-text{ padding-top: 20px;}
.zjzs-sec3 li:nth-child(3)  p{ margin-top: 10px;}
.zjzs-sec3 li:hover{ background: #2bb7b3; transform: translateY(10px); }
.zjzs-sec3 li:hover p,.zjzs-sec3 li:hover strong,.zjzs-sec3 li:hover h3{ color: #fff; }

.zjzs-sec4{ background: url(../images/rzbg.png) no-repeat  center; background-size: cover; padding: 120px; margin-top:70px;}
.zjzs-sec4 .biao{ max-width: 850px; width: 100%; margin: 0 auto; padding: 50px; background: #fff;}
.zjzs-sec4 .biao table{ width: 100%; border-collapse: collapse; background: #fff;}
.zjzs-sec4 th{ height: 90px; font-size: 24px; 	color: #2bb7b3; font-weight: normal; border:1px solid #2bb7b3;}
.zjzs-sec4 td{ border:1px solid #2bb7b3; color: #666666; font-size: 16px; height: 65px; text-align: center;}
.zjzs-sec4 button{ color: #ffffff; font-size: 18px; display: block; width: 100%; height: 100%; background: #2bb7b3; transition: all 0.6s;
cursor: pointer;}
.zjzs-sec4 button:hover{ background: #2bb7b3; }
.zjzs-sec4 input{ width: 100%; height: 100%; padding-left: 15px;}


/* 资讯中心 */
.zxzx-page{ padding-bottom: 200px;}
.zxzx-page ul{ display: flex; flex-wrap: wrap; border-bottom: 1px solid #e5e5e5;}
.zxzx-page ul li{ width: calc(100%/3); padding: 70px 45px; border-right: 1px solid #e5e5e5; transition: all 0.6s; }
/* .zxzx-page ul li:nth-child(4n){ display: none;} */
.zxzx-page li:nth-child(3n){ border-right: none;}
.zxzx-page li .p1{ color: #666666; font-size: 16px; margin-bottom: 15px;}
.zxzx-page li .p2{ color: #000000; font-size: 24px; line-height: 34px; transition: all 0.6s; height: 68px; overflow: hidden;}
.zxzx-page li .img{ display: block; margin: 20px 0 30px 0; overflow: hidden;}
.zxzx-page li .img img{ display: block; width: 100%; height: auto; transition: all 1.2s;}
.zxzx-page li span{ color: #666666; font-size: 16px; display: block;}
.zxzx-page li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1); }
.zxzx-page li:hover .img img{ transform: scale(1.05);}
.zxzx-page li:hover .p2{ color: #2bb7b3;}

/* 资讯中心详情 */
.homediv a{ font-size: 16px; color: #888;}
.homediv{ color: #888888;}
.homediv b{ display: inline-block; margin: 0 5px;}
.zxzxde-page .cont{ display: flex; justify-content: space-between;  position: relative;  padding: 50px 0 150px 0;}
.zxzxde-page .leftcont{ width: 70%; padding-right: 90px; }
.zxzxde-page .leftcont .div1 { padding: 50px 0 30px 0;}
.zxzxde-page .leftcont .div1 h3{ 	color: #000000;	font-size: 30px; margin-bottom: 15px;}
.zxzxde-page .leftcont .div1 span{ display: inline-block; margin: 0 15px 0 0 ; font-size: 14px; color: #888888;}
.zxzxde-page .leftcont .div2 p{ color: #333333; font-size: 14px; line-height: 34px; margin-bottom: 15px;}
.zxzxde-page .leftcont .div2 img{max-width: 100%;margin:0 auto;height:auto;}
.zxzxde-page .rightcont{ width: 30%; padding-left: 90px;}
.zxzxde-page .rightcont .tit{ color: #666666; font-size: 24px; margin-bottom: 15px;}
.zxzxde-page li{ border-bottom: 1px solid #E5E5E5; padding: 40px 0; transition: all 0.6s;}
.zxzxde-page li h3{ color: #333333; font-size: 20px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; transition: all 0.6s;}
.zxzxde-page li p{ color: #666666; font-size: 14px; margin: 30px 0;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.zxzxde-page li b{ color: #666666; font-size: 14px}
.zxzxde-page li:hover h3{ color: #2bb7b3;}
.zxzxde-page li:hover { border-bottom: 1px solid #666;}
.zxzxde-page .line{ display: block; position: absolute; left: 70%; background: #E5E5E5; top: 0; bottom: 0; width: 1px;}

.fenpian{ display: flex; justify-content: space-between; border-top: 1px solid #E5E5E5; padding-top: 40px; margin-top:80px;}
.fenpian .fp-left { flex-grow: 1;}
.fenpian .fp-left a{ display: flex; overflow: hidden; align-items: center; margin-bottom: 10px;}
.fenpian .fp-left b{color: #888888; font-size: 14px; display: block; margin-right: 10px; }
.fenpian .fp-left p{color: #333333; font-size: 14px;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.6s;}
.fenpian .fp-left a:hover p{ color: #000;}
.fenpian .backbtn{ display: block;width: 127px;height: 40px;background-color: #2bb7b3; text-align: center; line-height: 40px;
color: #fff; font-size: 14px; transition: all 0.6s;flex-shrink: 0; }
.fenpian .backbtn:hover{ transform: translateX(10px); box-shadow: 0 0 20px rgba(0,0,0,0.15); letter-spacing: 1px; background: #2bb7b3;}


.w1400{ width: 100%; max-width: 1400px; margin: 0 auto;}
.honorpage ul{ display: flex; margin-right: -20px; margin-left: -20px; flex-wrap: wrap; padding: 70px 0;}
.honorpage li{ width: calc(100%/4 - 40px); margin-right: 20px; margin-left: 20px; box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1);
margin-bottom: 40px; padding-bottom: 30px; transition: all 0.6s; border:1px solid transparent}
.honorpage li .item-img{ width: 100%; padding: 40px 40px 30px 40px;}
.honorpage li .item-img img{ display: block; width: 100%; height: auto;}
.honorpage li p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-size: 16px; color: #333;
transition: all 0.6s; padding: 0 20px;}
.honorpage li:hover{ border-radius: 20px; box-shadow: 0 0 20px rgba(0,105,98,0.4); border:1px solid #2bb7b3}
.honorpage li:hover p{ color: #000; letter-spacing: 1px; font-weight: bold;}


/* 走进工厂 */

.gongchang-sec1 .cont{ display: flex; justify-content: space-between; padding: 105px 0; background: url(../images/maphui.png) no-repeat center;
position: relative;}
.gongchang-sec1 .leftcont{ width: 40%; padding-top: 45px; }
.gongchang-sec1 .rightcont{  width: 55%; position: relative; }
.gongchang-sec1 .item-img img{ display: block; height: auto; width: 100%; 	box-shadow: 0px 0px 30px 0px rgba(4, 0, 0, 0.2);	border-radius: 20px;}
.gongchang-sec1  h3{ color: #2bb7b3; font-size: 50px; margin-bottom: 30px;}
.gongchang-sec1  p{ color: #333; font-size: 28px;}
.gongchang-sec1 .item-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.gongchang-sec1 .item-text img{ display: block; width: ; opacity: 0.69; transition: all 1s;}
.gongchang-sec1 .item-text img:hover{ border-radius: 100%; opacity: 1;}
.gongchang-sec1 h2{ font-size: 260px; 	letter-spacing: 52px; color: #2bb7b3;opacity: 0.06; text-transform: uppercase; font-weight: bold;
position: absolute; margin-left: -100px; bottom: 100px; left: 0;}

.video-popwrap{ position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 36663; display: none;}
.popbg{ position: fixed; bottom: 0; left: 0; right: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 3233; display: none;}
.popclose{ position: absolute; top:-30px; right:-20px;  border-radius: 100%; color: #fff; cursor: pointer;
height: 50px; width: 50px; text-align: center; line-height: 43px; font-size: 40px; z-index: 33333; background: #022;}

.gongchang-sec2{ background: #fafafa; padding:70px 0 105px 0;}
.neitit{ text-align: center;}
.neitit h3{ font-size: 40px; text-align: center; 	color: #000000;}
.neitit b{ width: 80px;	height: 1px; background: #967f63; margin: 40px auto 0;}
.padding200{ padding: 0 200px;}
.gongchang-sec2 ul{ display: flex; flex-wrap: wrap; margin-right: -30px; margin-left: -30px; margin-top: 55px;}
.gongchang-sec2 li{width: calc(100%/3 - 60px); margin-right: 30px; margin-left: 30px; margin-bottom: 30px; transition: all 0.6s;}
.gongchang-sec2 li p{ color: #333333; font-size: 20px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
margin:40px 0 0 0; transition: all 0.6s; padding: 0 10px;}
.gongchang-sec2 .item-img{ position: relative;}
.gongchang-sec2 .item-img img{ display: block; transition: all 0.6s; display: block; width: 100%; height: auto;}
.gongchang-sec2 .item-img::before{ position: absolute; content: ''; display: block; left: 20px; right: 20px; bottom: -15px;
	border-radius: 0px 0px 4px 4px;	opacity: 0.1; background-color: #2bb7b3; z-index: 1;  height: 15px;	 animation: widthbian 1s infinite linear alternate;}
.gongchang-sec2 li:hover img{ border-radius: 15px; transform: scale(1.01);}
.gongchang-sec2 li:hover{ transform: translateY(-10px);}
.gongchang-sec2 li:hover p{ color: #2bb7b3;}
.more.getmorebtn{ width: 260px;height: 65px;background-color: #967f63;border-radius: 10px; transition: all 0.6s; color: #fff;text-align: center; line-height:65px ; font-size: 18px; display: block; margin: 0 auto; margin-top: 15px;margin-bottom: 15px;}
.more.getmorebtn:hover{ background: #2bb7b3; box-shadow: 0 0 20px rgba(0,0,0,0.1); width: 300px; letter-spacing: 2px;}
	
	
/* 6s服务 */

.padding310{ padding: 0 310px;}
.fuwusix{ padding: 70px 0; background: url(../images/fuwu6bg.png) no-repeat top center; background-size: 100% 100%;}
.fuwusix .tit{ text-align: center;}
.fuwusix .tit h3{ text-align: center; color: #2bb7b3; font-size: 40px; font-weight: bold;}
.fuwusix ul{ display: flex; flex-wrap: wrap;  margin-top: 55px;}
.fuwusix li{width: calc(100%/3); transition: all 0.6s; border:10px solid #e8e8e8; margin-bottom: 30px; overflow: hidden; background: #fff;}
.fuwusix li:nth-child(2){ border-right: 5px solid #E8E8E8; border-left-width: 5px;}
.fuwusix li:nth-child(5){ border-right: 5px solid #E8E8E8;  border-left-width: 5px;}
.fuwusix li h3{ color: #333333; text-align: center;  background-color: #f5f5f5; height: 72px; line-height: 72px; white-space: nowrap;
overflow: hidden; text-overflow: ellipsis;	font-size: 26px; transition: all 0.6s; position: relative; z-index: 3;}
.fuwusix li p{ color: #666666; 	font-size: 18px; line-height: 36px; transition: all 0.6s; z-index: 3; position: relative;  }
.fuwusix li .text{ padding: 35px;  position: relative; ;}
/* .fuwusix li .text::before{ content: ''; display: block; position: absolute;bottom: 0; border-radius: 30px;
 background: #000; z-index: 0; transition: all 0.61s; left: 0; right: 0; opacity: 0; transform: scale(0.6); bottom: 36px; top: 0;
 transform-origin: center;  border-radius:0 30px 30px 30px; } */
/* .fuwusix li:hover .text::before{  opacity: 1; transform: scale(1);} */

.fuwusix li:hover .text p{ color: #fff;}
/* .fuwusix li:hover h3{ color: #fff; background: #2bb7b3;} */
.fuwusix li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.3); transform: scale(0.95); border-width: 10px; background: #2bb7b3;}


/* 成为供应商 */
.gongyingpage .cont{ display: flex; justify-content: space-between; }
.gongyingpage .left{ width: 60%;  padding: 50px 50px 50px 260px;}
.gongyingpage .right{ width: 100%; max-width: 670px; display: flex; justify-content: center; align-items: center;}
.gongyingpage .right img{ display: block; height: auto; width: 100%; object-fit: cover; height: 100%;}
.gongyingpage h3{ color: #000000; font-size: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 10px;}
.gongyingpage p{ color: #666666; font-size: 18px; margin-top: 35px;}
.gongyingpage .hotline{ width: 210px;	height: 64px; color: #fff; text-align: center; line-height: 64px;  transition: all 0.6s;
 background: #2bb7b3; display: flex; align-items: center; justify-content: center; font-size: 16px; margin-top: 50px;}
 .gongyingpage .hotline img{ display: inline-block; vertical-align: middle; margin-right: 5px;}
.gongyingpage  .hotline:hover{ transform: translateX(10px); box-shadow: 0 0 20px rgba(0,105,98,0.5);}

/* 成为合伙人 */

.hehuopage{ background: url(../images/hehuotu1.png) no-repeat center; background-size: cover; padding: 95px 235px 95px 95px;}
.hehuopage .text{ 	max-width: 650px; max-height: 494px; background: #2bb7b3; float: right; padding: 50px; width: 100%; height: 100%;}
.hehuopage h3{ text-align: center; font-size: 38px; color: #fff; margin: 30px 0;}
.hehuopage .text .heart{ display: block; transition: all 0.6s; margin: 0 auto;}
.hehuopage .text p{ font-size: 14px; color: #ffffff; line-height: 40px;}
.hehuopage a{ color: #fff; display: flex; font-size: 20px; justify-content: center; align-items: center;  line-height: 1;
transition: all 0.6s; border:1px solid transparent; width: 130px; height: 50px; margin: 40px auto 0 auto;}
.hehuopage a img{ margin-right: 10px;}
.hehuopage a:hover{ border:1px solid #fff; width: 160px;}


/* 工程案例 */
.neibanner .eleven span:nth-child(11){ margin-right: 30px;}

/* 工厂体验馆 */
.tiyanpage{ padding: 50px 0;}
.tiyanpage ul{ display: flex; flex-wrap: wrap; margin-right: -22px; margin-left: -22px;}
.tiyanpage li{ width: calc(100%/3.05 - 44px); margin-left: 22px; margin-right: 22px; transition: all 0.6s; margin-bottom: 44px; position: relative;
overflow: hidden;}
.tiyanpage .item-img{ display: block; width: 100%; overflow: hidden;}
.tiyanpage li img{ display: block; width: 100%; height: auto; transition: all 0.6s;}
.tiyanpage li p{ background: #2bb7b3;  text-align: center; font-size: 24px; text-align: center; padding: 20px 10px; color: #fff;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.6s;}
.tiyanpage li:hover p{ background: #2bb7b3;}
.tiyanpage li:hover{ box-shadow: 0px 0px 14px 1px rgba(150, 127, 99, 0.5); border-radius: 10px;}
.tiyanpage li::before {position: absolute;top: 0;left: -75%;z-index: 2;display: block;content: '';width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}
.tiyanpage li:hover img{ transform:scale(1.1);  }
.tiyanpage li:hover::before {animation: shine 0.6s linear;}


/* 工程项目 */
.xiangmu-sec1{ padding: 60px 0;}
.xiangmu-sec1 .swiper-slide p{ height: 66px; font-size: 24px; color: #fff; background: #2bb7b3; transition: all 0.6s;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; line-height: 66px; padding: 0 10px;}
.xiangmu-sec1 .swiper-slide img{ display: block; width: 100%; height: auto;}
.xiangmu-sec1 .swiper-container{ margin-top: 50px;}
.xiangmu-sec1 a{ display: block; transition: all 0.6s;}
.xiangmu-sec1 a:hover{ border-radius: 10px; transform: translateY(-5px);}
.xiangmu-sec1 a:hover p{background: #2bb7b3;}

.xiangmu-sec2 .left{ padding-left: 160px; max-width: 790px; box-sizing: content-box; padding-right: 30px; width: 60%;}
.xiangmu-sec2 .tu img{ height:auto; width: 100%;}
.xiangmu-sec2 .cont{ display: flex; justify-content: space-between;}
.xiangmu-sec2 .cont h3{ color: #2bb7b3; font-size: 50px; margin-top: 90px;}
.xiangmu-sec2 .cont h4{ color: #000000; font-size: 44px; font-family: 'DIN';  margin-top: 25px;}
.xiangmu-sec2 .cont b{ display: block;width: 320px;height: 2px;background-color: #000000; margin-top: 35px;}
.xiangmu-sec2 .cont .p1{font-size: 36px; color: #000000; margin-top: 60px; margin-bottom: 50px;}
.xiangmu-sec2 .cont .p2{color: #000000; line-height: 50px; font-size: 18px; }
.xiangmu-sec2 .cont .right{ width: 40%;  }
.xiangmu-sec2 .cont .right img{ width: 100%; height: 100%; object-fit: cover;}


.xiangmu-sec3{ padding: 60px 350px; background: #f5f5f5;}
.xiangmu-sec3 ul{ display: flex; flex-wrap: wrap; margin-right: -25px; margin-left: -25px; margin-top: 50px;}
.xiangmu-sec3 li{ width: calc(100%/2 - 50px); margin-left: 25px; margin-right: 25px; margin-bottom: 25px;}
.xiangmu-sec3 li.last{ width: 100%;}
.xiangmu-sec3 input{ height: 60px; display: block;	background-color: #ffffff; width: 100%; padding-left: 10px;}
.xiangmu-sec3 textarea{ width: 100%; height: 160px; background: #fff; padding: 10px; color: #666; font-size: 16px;}
.xiangmu-sec3 .reset,.xiangmu-sec3 button{ width: 100%;  height: 60px; font-size: 16px; color: #fff;}
.xiangmu-sec3 button{ background: #2bb7b3;}
.xiangmu-sec3 .reset{ background: #2bb7b3; }
.xiangmu-sec3 ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 16px; color: #666; }  
.xiangmu-sec3 ::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:16px; color: #666; }  

/* 工作在美尔耐 */
.padding280{ padding: 0 280px;}
.join-sec1{ background: url(../images/jointu1.png) no-repeat top right; background-size:contain;}
.join-sec1 .cont{ display: flex; justify-content: space-between;}
.join-sec1 .leftcont{ width: 55%; max-width: 850px;  padding: 40px 0;}
.join-sec1 .rightcont { padding: 60px;}
.join-sec1 .rightcont h4{ color: #333333; font-size: 18px; 	line-height: 30px;}
.join-sec1 .rightcont b{ width: 1px;height: 330px;background-color: #967f63; display: block; margin-left: 10px; margin-top: 15px;
animation: gr 15s infinite linear alternate;}

.join-sec1 h2{ color: #000000; font-size: 40px; margin-bottom: 45px;}
.join-sec1 li { margin-bottom: 30px;}
.join-sec1 li strong{ color: #000000; font-size: 20px; display: block; margin-bottom: 10px;}
.join-sec1 li p{ font-size: 15px; color: #000;  line-height: 40px;}
.join-sec1 .tu img{ display: block; width: 100%; height: auto;}

.rencai-tit{text-align: center;}
.rencai-tit h3{ color: #333333;  font-size: 34px; text-align: center;}
.rencai-tit p{ color: #666666;  font-size: 22px; text-align: center; padding-top: 1vh;}

.rencai-box2 { padding:50px 0;}
.rencai-box2 li{ margin-bottom: -1px; cursor: pointer;}
.rencai-box2 .div1{ border:1px solid #F5F5F5; display: flex; align-items: center; justify-content: space-between;flex-grow: 1; 
}
.rencai-box2 .rc-name{ color: #666666; font-size: 22px; text-align: center; padding: 0 4vw; width: 25%;}
.rencai-box2 .rc-text{ flex: 1; display: flex; justify-content: space-between; padding:2.5vw 2vw 2.5vw 1.5vw; border-left:1px solid #F5F5F5; width: 75%;}
.rencai-box2 .rc-text .p-div{ flex-grow: 1; display: flex; justify-content: space-around;}
.rencai-box2 .rc-text p{ color: #666666; font-size: 15px; width: 25%;}
.rencai-box2 .more-btn{ background: #f0f0f0; width: 130px; color: #666666; font-size: 15px;	height: 40px; display: block;
text-align: center; line-height: 40px; cursor: pointer;}
.rencai-box2 .more-btn i{ display: inline-block; background: url(../images/arrowdown.png) no-repeat center; width: 18px; height: 8px;
vertical-align: middle;}
.rencai-box2 .div2{ border:1px solid #F5F5F5; border-top: none; padding:0vw 4vw 4vw 4vw; display: none;}
.rencai-box2 .rc-p1{  color: #666666; font-size: 18px; font-weight: bold; padding-top: 2.5vw; padding-bottom: 2vw;} 
.rencai-box2 .rc-ptext p{ color: #666666; 	font-size: 15px; line-height: 50px;}
.rencai-box2 .rc-joinbtn{ width: 160px; font-size: 15px; color: #ffffff; display: block;height: 40px;background-color: #2bb7b3; text-align: center;
 line-height: 40px; margin-top: 2vw; transition: all 0.6s;}
.rencai-box2 .rc-joinbtn:hover{ transform: translateX(10px); box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.rencai-ul2 li.on .more-btn i{ transform: rotate(180deg);}


.join-formwrap{ position: fixed; background: rgba(0,0,0,0.8); top:0; left: 0; right: 0; bottom: 0; z-index: 33333; display: none;}
.join-form{ background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 3vw 2vw;
max-width: 600px; width: 100%;}
.join-form .join-tit{ font-size: 24px; color: #000; font-weight: bold; text-align: center; padding-bottom: 2vw;}
.join-form  input{ background: #F5F5F5; height: 50px; width:100%; padding-left: 1em; line-height: 50px; margin-bottom: 1.5vw;}
.join-form .join-close{ position: absolute; top:-20px; right: -20px; background: #222; color: #fff; height: 40px; width: 40px; border-radius: 100%; align-items: center;
display: flex; justify-content: center; font-size: 24px; cursor: pointer; transition: all 0.36s;}
.join-form .join-close:hover{ background: #2bb7b3;}
.join-form .sub{ display: block; border:none; background: none; background: #2bb7b3; color: #fff; display: block; height: 50px; width: 100%; font-size: 16px;
 cursor: pointer; transition: all 0.6s; }
.join-form .sub:hover{  background: #2bb7b3;}
.join-sec2{ margin-top: 55px;}

/* 品牌历史 */
/*
.pinpaipage{ padding: 60px 0 70px 0; position: relative; background: url(../images/wave.png) no-repeat bottom center;
background-size: 100%; overflow: hidden;}
.pinpaipage .cont { display: flex; padding: 0 310px;}
.pinpaipage .item-tu{ width:48%; overflow: hidden;}
.pinpaipage .item-tu img{ display: block; width: 100%; height: auto; box-shadow: 0px 0px 19px 1px rgba(6, 0, 1, 0.2); height: 100%;
object-fit: cover;}
.pinpaipage .item-text{ width: 52%; padding: 20px 0 0 35px;}
.pinpaipage .gallery-top strong{ color: #2bb7b3; font-size: 50px; font-family: 'DIN'; display: block; margin-bottom: 35px;}
.pinpaipage P{ color: #333333; font-size: 16px; line-height: 40px;}
.wave-wrapper{width: 100%;height: 120px;position: relative;}
.pinpaipage .condiv{  background: url(../images/timeline.png) no-repeat center; margin-top: 150px;
display: flex; justify-content: space-between; width: 100%; padding: 0 160px; z-index: 3333333; align-items: center;  height: 50px;}
.pinpaipage .condiv img{ margin-top: 13px; cursor: pointer;}
.pinpaipage .gallery-thumbs .swiper-slide-thumb-active strong{color: #2bb7b3; font-weight: bold;}
.gallery-thumbs{ padding: 0 180px; box-sizing: border-box; margin-top: 10px; overflow: hidden; margin-left: auto;margin-right: auto;}
.gallery-thumbs .swiper-slide{ cursor: pointer;}
.gallery-thumbs  strong{ display: block; font-size: 24px; color: #000; text-align: center; }
*/
/* 品牌历史 */
.pinpaipage{ padding: 60px 0 70px 0; position: relative; background: url(../images/wave.png) no-repeat bottom center;
background-size: 100%; overflow: hidden;}
.pinpaipage .cont { display: flex; padding: 0 310px;}
.pinpaipage .item-tu{ width:48%; overflow: hidden;}
.pinpaipage .item-tu img{ display: block; width: 100%; height: auto; box-shadow: 0px 0px 19px 1px rgba(6, 0, 1, 0.2); height: 100%;
object-fit: cover;}
.pinpaipage .item-text{ width: 52%; padding: 20px 0 0 35px;}
.pinpaipage .gallery-top strong{ color: #2bb7b3; font-size: 50px; font-family: 'DIN'; display: block; margin-bottom: 35px;}
.pinpaipage P{ color: #333333; font-size: 20px; line-height: 40px;}
.wave-wrapper{width: 100%;height: 120px;position: relative;}
.pinpaipage .condiv{  background: url(../images/timeline.png) no-repeat center; margin-top: 150px;
display: flex; justify-content: space-between; width: 100%; padding: 0 160px; z-index: 3333333; align-items: center;  height: 50px;}
.pinpaipage .condiv img{ margin-top: 13px; cursor: pointer;}
.pinpaipage .gallery-thumbs .swiper-slide-thumb-active strong{color: #2bb7b3; font-weight: bold;}
.gallery-thumbs{ padding: 0 180px; box-sizing: border-box; margin-top: 10px; overflow: hidden; margin-left: auto;margin-right: auto;}
.gallery-thumbs .swiper-slide{ cursor: pointer;}
.gallery-thumbs  strong{ display: block; font-size: 24px; color: #000; text-align: center; }


/* 联系我们 */
.contact-sec1 ul{ display: flex; flex-wrap: wrap; margin-right: -12px; margin-left: -12px; padding: 50px 0; margin-bottom: -24px;}
.contact-sec1 li{ width: calc(100%/3 - 24px); margin-right: 12px; margin-left: 12px; background-color: #f2f2f2; margin-bottom: 24px;
padding: 35px 40px; transition: all 0.6s;}
.contact-sec1 li p{	color: #666666;	font-size: 14px; margin: 0px 0 10px 0; line-height: 34px;  transition: all 0.6s;}
.contact-sec1 li  a{ display: block; width: 132px;	height: 42px;	border-radius: 4px;	border: solid 1px #aaaaaa;
color: #666666; font-size: 14px; text-align: center; line-height: 40px; margin-right: 25px; transition: all 0.6s;}
.contact-sec1 li .cont{ display: flex; justify-content: space-between;}
.contact-sec1 .icon img{ display: block; margin: 0 0 20px 0;}
.contact-sec1 .code { padding-left: 15px;}
.contact-sec1 .code img{ display: block;  width: 100%; height: auto;}
.contact-sec1 h3{ color: #000000; font-size: 26px; font-family: 'DIN';  transition: all 0.6s;}
.contact-sec1 .div1{ display: flex; }
.contact-sec1 li:hover{background: #2bb7b3; border-radius: 30px; box-shadow: 0 0 20px rgba(0,0,0,0.3); transform: translateY(10px);}
.contact-sec1 li:hover p,.contact-sec1 li:hover h3{ color: #fff;}
.contact-sec1 li:hover a{ color: #fff; border-color: #fff;}
.contact-sec1 li a:hover{ background: #000; color: #fff; borer:1px solid #000}
.contact-sec2 img{ display: block; width: 100%; height: auto;}

/* 关于我们 */
.about-sec1{ background: url(../images/about-bg.png) no-repeat bottom center; background-size: 100% 100%; padding: 70px 0 0 0;}
.about-sec1 .p1>p{  color: #666666; font-size: 15px; line-height: 30px; margin-top: 10px;}
.about-sec1 ul{ display: flex; margin-right: -10px; margin-left: -10px; margin-top: 90px; }
.about-sec1 li{ margin-right: 10px; margin-left: 10px; width: calc(100%/4 - 20px); background-color: #fefefe;box-shadow: 0px 0px 10px 0px rgba(6, 0, 1, 0.1); padding: 50px 30px; transition: all 0.6s; height: 100%;}

.about-sec1 li span{ color: #000000; font-size: 100px; display: block; text-align: center; font-family: 'DIN','arial'; transition: all 0.6s;}
.about-sec1 li p{ color: #000000; font-size: 16px; text-align: center; margin-top: 30px; transition: all 0.6s;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.about-sec1 li:hover span,.about-sec1 li:hover p{ color: #fff;}
.about-sec1 li:hover{ background: #2bb7b3;  border-radius: 50px 0 50px 0; transform: translateY(-30px);}


.about-sec2{ background: url(../images/aboutbg2.png) no-repeat bottom center; background-size: 100% 100%; padding-bottom: 120px;}
.about-sec2 .tu1 img{ display: block; width: 100%; height: auto;}
.about-sec2 .cont{ display: flex; margin-top: -15%; position: relative; z-index: 3;}
.about-sec2 .leftcont{ background:#2bb7b3 url(../images/abouttu4.png) no-repeat top center; background-size: 100% auto;
flex-shrink: 0; width: 25%;	height: 620px; padding: 100px 18px;}
.about-sec2 .leftcont .p1{ color: #ffffff;
	opacity: 0.3; font-size: 30px;}
.about-sec2 .leftcont .p2{ color: #ffffff; font-size: 30px; line-height: 44px; margin: 30px 0;}
.about-sec2 .leftcont .p3{ color: #ffffff; font-size: 30px; line-height: 44px; font-family: 'DIN','arial'; font-weight: normal; opacity: 0.3}
.about-sec2 .rightcont{ box-shadow: 0px 0px 5px 0px	rgba(6, 0, 1, 0.1); background: #fff; flex-grow: 1; padding: 50px; width: 75%}
.about-sec2 .rightcont .p1{ color: #000000; font-size: 32px}
.about-sec2 .rightcont .p2{ color: #000000; font-size: 22px; margin: 20px 0 40px 0;}
.about-sec2 .rightcont h4{ color: #000000; font-size: 22px; line-height: 44px;}
.about-sec2 .rightcont b{ display: block; width: 60px; height: 2px; background: #2bb7b3; margin: 50px 0;}
.about-sec2 .rightcont .p3{ color: #333333; font-size: 14px; margin-top: 15px; line-height: 30px;}
.about-sec2 .topdiv{ display: flex; justify-content: space-between; margin-bottom: 45px;} 
.about-sec2 .ldiv{ width: 70%;}
.about-sec2 .rdiv { width: 25%;}
.about-sec2 .rdiv img{ display: block; width: 100%; height: auto;}

.about-sec3 { background: url(../images/aboutbg3.png) no-repeat top center; background-size: 100% 100%; padding: 60px 0;}
.about-sec3 ul{ display: flex; margin-right: -25px; margin-left: -25px; margin-top: 50px;}
.about-sec3 li{ width: calc(100%/4 - 50px); margin-right: 25px; margin-left: 25px; background: #fff;  display: flex; 
flex-direction: column; padding: 30px; /*height: 540px;*/ transition: all 1s !important;}
.about-sec3 li .str{ color: #000000; font-size: 18px; display: block; margin: 35px 0 15px 0;}
.about-sec3 li p{ color: #666666; font-size: 14px; line-height: 40px;}
.about-sec3 li .item-img{ display: block; width: 100%; height: auto; order: 1; margin: 0 auto;}
.about-sec3 li .item-img img{ display: block; width: 100%; height: auto;}
.about-sec3 li .item-text{ order: 1;}
.about-sec3 li:nth-child(2n) .item-img{ order: 3; }
.about-sec3 li:nth-child(2n) strong{ margin-top: 0;}
.about-sec3 li:nth-child(2n) {  justify-content: space-between;}
.about-sec3 li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2); border-radius: 30px 30px 30px 0px;  transform: translateY(-10px) !important;}


/* 自主反馈 */
.fankuipage label { display: flex; font-size: 14px; color: #666; margin-right: 22px;}
.fankuipage label input{appearance:none;-moz-appearance:none;-webkit-appearance:none; display:block;  position: relative;  width: 15px; height: 15px; background-color: transparent; border: solid 1px #aaaaaa; border-radius: 100%; 
margin-right: 10px;}
.fankuipage input[type="checkbox"]::before {content:''; background: url(../images/dui.png) no-repeat center; position: absolute; top:0px; left: 0px;  transition: all 0.6s; border-radius: 100%; right: 0; bottom: 0; color: #fff; text-align: center;  background-size: 85%;}
.fankuipage input[type="checkbox"]:checked::before { background-color: #2bb7b3;   transform: scale(1);}
.fankuipage input[type="checkbox"]:checked{ border-color: #2bb7b3;}

.fankuipage #tab4{ display: flex;}
.fankuipage #tab4 a{ width: calc(100%/3);  font-size: 16px; padding: 30px 0; text-align: center; display: block;
background: #f5f5f5; transition: all 0.6s;}
.fankuipage #tab4 a.active,.fankuipage #tab4 a:hover{ background: #2bb7b3;color: #ffffff;}
.fankuipage .cont{ display: flex; overflow: hidden !important;}
.fankuipage .leftcont{ width: 33.333%;}
.fankuipage .rightcont{ width: 66%; padding: 60px 0 60px 60px;}
.fankuipage .leftcont img{ display: block; width: 100%; object-fit: cover; height: 100%;}
.fankuipage .rightcont i{ color: #f00; display: inline-block; margin-right: 10px;}
.fankuipage ul{ display: flex; flex-wrap: wrap; margin-right: -13px; margin-left: -13px;}
.fankuipage li{ width: calc(100%/2 - 26px); margin-right: 13px; margin-left: 13px; background: #f6f6f6; margin-bottom: 26px;	height: 70px;
display: flex; align-items: center; padding: 0 10px;}
.fankuipage li.kuan{ width: 100%;}
.fankuipage .duoxuan{ display: flex; margin-top: 25px; margin-bottom: 35px;}
.fankuipage li span{ color: #000000; font-size: 16px}
.fankuipage li  input{ flex-grow: 1;}
.fankuipage li.l6{ height: initial; justify-content: flex-start; align-items: flex-start; padding: 10px; height: 210px;}
.fankuipage textarea{ height: 100%; width: 100%; resize: none;}
.fankuipage li.l7{ background: none; display: block;}
.fankuipage li.l7 p{ margin-bottom: 15px; font-size: 16px}
.fankuipage li.last{ padding: 0; margin-top: 25px;}
.fankuipage li button{ width: 100%; background: #222222; color: #fff; height: 100%; font-size: 18px; transition: all 0.6s;
cursor: pointer;}
.fankuipage li button:hover{ background: #2bb7b3;}
.fankuipage p.p2 span{font-size: 16px;}
@keyframes widthbian{
	from{ opacity: 0.2;}
	to{ opacity: 0.1;}
}
@keyframes gr{
	from{  height: 0%; background: #967F63;}
	to{  height: 100%; background: #2bb7b3;}
}

@keyframes moveLeft {
	0% {
		background-position-x: 0;
	}
	100% {
		background-position-x: 1920px;
	}
}
@keyframes moveRight {
	0% {
		background-position-x: 0;
	}
	100% {
		background-position-x: -1920px;
	}
}