ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;}
address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;}
a{ text-decoration:none; color:#333;}
a:hover{ cursor: pointer;}
img{ border: 0; max-width: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;}
h1{ font-size: 36px;}
h2{ font-size: 24px;}
h3{ font-size: 22px;}
h4{ font-size: 18px;}
h5{ font-size: 14px;}
h6{ font-size: 12px;}
input,table,tr,td{ margin: 0; padding: 0; border: none;}
p{ margin: 0; padding: 0;}
button,table{ border: none; background: none; margin: 0; padding: 0;}
select{ margin: 0; padding: 0; outline: none;}
textarea{ border: 0; background: none; resize: none; outline: 0;}
input{ outline: 0; border: 0; background: none;}
button{ outline: none; border: 0; background: none;} 
._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.w_1694{ max-width:88%; margin-right: auto; margin-left: auto;}
.w_1200{ max-width:1200px; margin-right: auto; margin-left: auto; position:relative; z-index:6; }
body{ overflow-x:hidden; overflow-y:auto;}
.ctext{ float:left; width:100%; padding-left:100px; padding-right:100px;}
@media  screen and (max-width:1600px){
.w_1694{ max-width:88%;}
.w_1200{ max-width:72%;}	
}
@media  screen and (max-width:1400px){
.w_1200{ max-width:72%;}	
}
@media  screen and (max-width:1024px){
.w_1694{ max-width:92%;}	
.w_1200{ max-width:92%;}
.ctext{ padding-left:15px; padding-right:15px;}

}

.head{ width:100%; position:fixed; left:0; top:0; z-index:20; background:#fff; box-shadow:0 8px 10px rgba(183,183,183,0.17); transition:background 0.5s ease 0s; -o-transition:background 0.5s ease 0s; -moz-transition:background 0.5s ease 0s;  -webkit-transition:background 0.5s ease 0s; }
.head .logo{ float:left; line-height:0; position:relative; margin:24px 0; }
.head .logo.pc{ display:block;}
.head .logo.ph{ display:none;}
.head .logo img{ height:54px; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.head .logo .show{ opacity:0;}
.head .logo .hide{ opacity:1; position:absolute; left:0; top:0;}
.head .lang{ float:right; line-height:90px; color:#333333; font-size:18px; padding-bottom:10px;}
.head .lang a.on{ color:#b99a66;}
@media  screen and (max-width:1700px){
.head .logo.pc{ display:none;}
.head .logo.ph{ display:block;}	
}

.menu{ float:right;}
.menu .ul{ float:left;}
.menu .nli{ float:left; position:relative; margin-right:69px;}
.menu .nli span a{ float:left; width:100%; text-align:center; color:#333333; font-size:18px; line-height:90px; padding-bottom:10px;}
.menu .nli.active span a{ color:#b99a66;}
.menu .nli.on span a{ color:#b99a66;}
.menu .sub{ display:none; float:left; position:absolute; left:0; top:100%; padding:32px 0; white-space:nowrap; z-index:10;}
.menu .sub:after{ float:left; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent;border-bottom:10px solid rgba(0,0,0,0.3); content:''; position:absolute; left:24px; bottom:100%; }
.menu .sub li{ display:inline-block; margin-right:40px;}
.menu .sub li a{ float:left; color:#fff; font-size:16px; line-height:36px;}
.menu .sub li a:hover{ color:#b99a66;}
.menuBg{ display:none; float:left; width:100%; height:100px; background:rgba(0,0,0,0.3); position:fixed; left:0; top:100px;z-index:4; }


.head1{ background:none; box-shadow:none;}
.head1 .menuBg{ background:rgba(245,245,245,0.37);}
.head1 .logo .show{ opacity:1;}
.head1 .logo .hide{ opacity:0;}
.head1 .menu .nli span a{ color:#fff;}
.head1 .menu .nli.active span a{ color:#fff;}
.head1 .menu .sub:after{border-bottom:10px solid rgba(245,245,245,0.37);}
.head1 .lang,
.head1 .lang a{ color:#fff;}
.head1 .lang a.on{ color:#fff;}

.head2{ box-shadow:0 8px 10px rgba(183,183,183,0.17);}
.head2 .logo .show{ opacity:0;}
.head2 .logo .hide{ opacity:1;}
.head2 .lang,
.head2 .lang a{ color:#333333;}
.head2 .lang a.on{ color:#b99a66;}


.xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:60px 15px; display: none; z-index:19; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height: 50px;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i{ float:left; width:10px; height:10px; position:absolute; right:12px; top:50%; border-top:1px solid #000; border-right:1px solid #000; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #b99a66; border-right:1px solid #b99a66; opacity:1;}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity:0.1;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #b99a66;}
.xialaph h5:hover a{ color: #b99a66;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000;opacity:0.1;}
.xialaph h5 a{ float: left; width:100%; color: #666; font-size: 14px; line-height: 40px; text-transform: uppercase;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000;opacity:0.1;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.xialaph .ul3{ float:left; width:100%; padding-top: 12px; padding-bottom: 12px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000;opacity:0.1;}
.xialaph li:last-child .ul3::after{ display: none;}
.xialaph .ul3 li{ float:left; width:100%;}
.xialaph .ul3 li a{ float:left; width:100%; color: #666; font-size: 14px; line-height:24px; display: block; position:relative; padding-left:12px;}
.xialaph .ul3 li a:hover{ color:#b99a66;}
.xialaph .ul3 li a:after{ float:left; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; transform:rotate(45deg); -ms-transform:rotate(45deg); content:''; background:#b99a66;}
.xialaph .ul3 li:first-child{ padding-top: 0;}

.menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:19px 0;}
.menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px;}
.menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width:28px; height: 2px; background: #b99a66;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #b99a66;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -11px;}
.menuph .navbtn::before { top: 10px;}
.menuph .point.active .navbtn{ background: transparent;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}
@media  screen and (max-width:1400px){
.head .logo{ margin:14px 0; }
.head .lang{ line-height:80px; padding-bottom:0;}
.menu .nli span a{ line-height:80px; padding-bottom:0;}
.menuBg{ top:80px;}
}
@media  screen and (max-width:1100px){
.menu{ display:none;}
.menuph{ display:block;}	
.head .logo{ margin:8px 0;}
.head .logo img{ height:44px;}
.head .lang{ line-height:60px; font-size:14px; margin-right:15px;}

}



.fotter{ float:left; width:100%; position:relative; background:#b99a66; padding-top:29px; padding-bottom:20px; height:auto !important;}
.fotter .foot{ float:left; width:100%; display: flex; justify-content: space-between;}
.fotter .logo{ float:left; line-height:0; margin:39px 0 0 0;}
.fotter .logo img{ max-width:none; height:54px;}
._nav{ float:left; width:43%; margin:52px 20px 0 20px;}
._nav ul{ float:left; width:100%; display: flex; justify-content: space-between;}
._nav ul li{ float:left;}
._nav ul li a{ float:left; color:#fff; font-size:16px; line-height:26px; }
._nav ul li a:hover{ text-decoration:underline;}
.Copyright{ float:right; color:#fff; white-space:nowrap; font-size:16px; line-height:26px; margin:32px 0 0 0;}
.Copyright a{ color:#fff;}
.Copyright a:hover{ text-decoration:underline;}
.whact{ float:left; width:104px; text-align:center; margin-right:20px;}
.whact i{ float:left; width:100%; line-height:0;}
.whact i img{ max-width:none; width:104px;}
.whact h5{ float:left; width:100%; line-height:26px; font-size:16px; color:#fff; letter-spacing:1px; margin-top:11px;}

@media  screen and (max-width:1750px){
._nav ul li a{ font-size:14px;}
.Copyright{ font-size:14px; margin-top:100px;}
.whact h5{ font-size:14px; line-height:24px; margin-top:6px;}
}
@media  screen and (max-width:1400px){
.fotter{ padding-top:20px; padding-bottom:15px;}
}
@media  screen and (max-width:1200px){
.fotter .foot{flex-wrap:wrap;}
.fotter .logo{ width:100%; margin:0; text-align:center;}
._nav{ display:none; width:100%; margin:15px 0;}
.Copyright{ width:100%;text-align:center; margin:0; white-space:normal;}
.whact{ width:100%; text-align:center; margin:15px 0;}
}
@media  screen and (max-width:767px){
._nav ul{flex-wrap:wrap;}
._nav ul li{ float:left; width:33.33%;}
}

/*banner*/
._banner{ float:left; width:100%; position:relative;}
._banner{ float:left; width:100%; height:100%; position:relative; background:#000000;}
._banner .slick-list{ height:100%;}
._banner .slick-track{ height:100%;}
._banner .slick-slide{height:100%; position:relative;}
._banner .img{ float:left; width:100%; height:100%; position:relative;opacity:0.77; filter:alpha(opacity=77);}
._banner .slick-dots{ bottom:44px;flex-wrap:wrap; display: flex; justify-content:center;}
._banner .slick-dots li{ background:#fff; width:14px; height:14px; margin:0 15px; text-indent:-9999px; overflow:hidden; vertical-align:top; transform:rotate(45deg); -ms-transform:rotate(45deg);}
._banner .slick-dots li.slick-active{background:#3485ee;}
._nbanner{ float:left; width:100%; position:relative; background:#000000;}
._nbanner .img{ float:left; width:100%; height:100%; position:relative;opacity:0.77; filter:alpha(opacity=77);}
@media screen and (max-width:1024px){
._banner{ height:auto;}
}

.section{ position:relative; z-index:3; overflow:hidden;}
#section1{ z-index:6;}
#section2 .fp-tableCell,
#section3 .fp-tableCell,
#section4 .fp-tableCell,
#section5 .fp-tableCell,
#section6 .fp-tableCell{ padding-top:100px;}
#section2:after,
#section3:after,
#section5:after,
#section6:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1;}
#section3:after,
#section5:after{ background:#f5f5f5; opacity:0.84;}
#section2:after{ background:#ffffff; opacity:0.72;}
#section6:after{ background:#ffffff; opacity:0.75;}
#section7{ height:auto !important;}
#section7 .fp-tableCell{ height:auto !important; display: block !important;}

.fp-viewing-7 .section6 .indexTit{ opacity:1; margin-bottom:0;}
@media screen and (max-width:1400px){
#section2 .fp-tableCell,
#section3 .fp-tableCell,
#section4 .fp-tableCell,
#section5 .fp-tableCell,
#section6 .fp-tableCell{ padding-top:80px;}	
}
@media screen and (max-width:1023px){
.section{ height:auto !important; display:block; float:left; width:100%; padding-top:35px; padding-bottom:35px;}
#section2 .fp-tableCell,
#section3 .fp-tableCell,
#section4 .fp-tableCell,
#section5 .fp-tableCell,
#section6 .fp-tableCell{ padding-top:0;}
#section1,
#section7{ padding-top:0; padding-bottom:0; }
.fp-tableCell{ height:auto !important; display:block; float:left;}
}        


.indexTit{ float:left; width:100%; text-align:center; color:#333333; font-size:48px; line-height:58px; font-weight:bold; position:relative; letter-spacing:3px; padding-bottom:34px;}
.indexTit:after{ float:left; width:56px; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#b99a66; margin-left:-28px;}
.about{ float:left; width:100%; color:#666666; font-size:18px; line-height:30px; padding:54px 19.1% 0 17.5%; }


.section2 .indexTit,
.section6 .indexTit,
.section2 .about{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s;}
.section2 .indexTit,
.section6 .indexTit{ opacity:0; margin-bottom:50px;   }
.section2 .about{ opacity:0; margin-top:50px;}

.active.section2 .indexTit,
.active.section6 .indexTit{ opacity:1; margin-bottom:0;}
.active.section2 .about{ opacity:1; margin-top:0;}

@media  screen and (max-width:1750px){
.indexTit{ font-size:30px; line-height:40px; padding-bottom:25px;}	
.about{ font-size:15px; line-height:27px; padding:40px 15% 0 15%;}
}
@media  screen and (max-width:1400px){
.indexTit{ font-size:24px; line-height:34px; padding-bottom:15px; letter-spacing:2px;}	
.about{ font-size:14px; line-height:26px;}
}
@media  screen and (max-width:1024px){	
.indexTit{ font-size:20px; line-height:30px;}
.about{ padding:20px 0 0 0;}
.section2 .indexTit,
.section6 .indexTit{ opacity:1; margin-bottom:0;}
.section2 .about{ opacity:1; margin-top:0;}
}

.invest .indexTit{ text-align:left;}
.invest .indexTit:after{ left:0; margin-left:0;}
.invest .text{ float:left; width:45.6%;}
.invest .text .info{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-top:8%;}
.invest .text .cont{ float:left; width:100%; color:#666666; font-size:18px; line-height:36px; margin-top:2.4%;}
.invest .img{ float:right; width:47.6%; margin-top:3.5%;}
.invest .img i{ float:left; width:79%; line-height:0; overflow:hidden; box-shadow:0 0 46px rgba(163,129,71,0.4);}
.invest .img i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.invest .img i:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.invest .img i:nth-child(2n){ float:right; position:relative; z-index:3; top:0; margin-top:-39px;}
.section5 .img{ float:left; margin-top:15%;}
.section5 .img i{ width:88.1%;}
.section5 .text{ float:right; width:47.6%;}

.section3 .text,
.section4 .text,
.section5 .text,
.section3 .img,
.section4 .img,
.section5 .img{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s;}
.section3 .text,
.section4 .text,
.section5 .img{ opacity:0; transform:translateX(-50px); -ms-transform:translateX(-50px);}
.section3 .img,
.section4 .img,
.section5 .text{ opacity:0; transform:translateX(50px); -ms-transform:translateX(50px);}
.active.section3 .text,
.active.section4 .text,
.active.section5 .img{ opacity:1; transform:translateX(0); -ms-transform:translateX(0);}
.active.section3 .img,
.active.section4 .img,
.active.section5 .text{ opacity:1; transform:translateX(0); -ms-transform:translateX(0);}

@media  screen and (max-width:1750px){	
.invest .text .info{ font-size:18px; line-height:28px; margin-top:5.3%;}	
.invest .text .cont{ font-size:15px; line-height:27px; margin-top:1.6%;}
.invest .img{ width:42.6%; margin-top:1%;}
.section3 .img i,
.section4 .img i{ width:70%;}
.section5 .img{ margin-top:4%;}
.section5 .img i{ width:80.1%;}
}
@media  screen and (max-width:1400px){	
.invest .text{ width:51.6%;}
.invest .text .info{ font-size:16px; line-height:26px; margin-top:3.9%;}	
.invest .text .cont{ font-size:14px; line-height:26px; margin-top:1.2%;}
.invest .img{ margin-top:2%;}
.section5 .img{ margin-top:8%;}
}
@media  screen and (max-width:1024px){
.invest .text{ width:100%;}	
.invest .text .info{ font-size:16px; line-height:26px; margin-top:15px;}	
.invest .text .cont{ font-size:14px; line-height:26px; margin-top:5px;}
.invest .img{ width:60%; margin:25px 20% 0 20%;}
.invest .img i{ box-shadow:0 0 20px rgba(163,129,71,0.4);}
.section5 .img i{ width:100%;}
.section3 .text,
.section4 .text,
.section5 .img{ opacity:1; transform:translateX(0); -ms-transform:translateX(0);}
.section3 .img,
.section4 .img,
.section5 .text{ opacity:1; transform:translateX(0); -ms-transform:translateX(0);}
}
@media  screen and (max-width:767px){
.invest .img{ width:100%; margin:25px 0 0 0;}
}


.case{ float:left; width:100%; padding-top:5.25%;}
.case ul{ margin:0 -5px; padding:50px 0;}
.case li{ float:left; width:20%; padding:0 37px; margin:-16px 0;}
.case li a{ float:left; width:100%; position:relative; padding-bottom:100%; background:#808080; border-radius:8px; overflow:hidden; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.case li a:hover{ box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.case li a i{ float:left; width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.case li a i img{ transform:rotate(-45deg); -ms-transform:rotate(-45deg);-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}
.case li a:hover i img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.case li:nth-child(1),
.case li:nth-child(10){ margin-left:10%;}
.case li:nth-child(5) a,
.case li:nth-child(6) a,
.case li:nth-child(8) a,
.case li:nth-child(9) a{ background:#fff;}
.case li a:hover{ background:#b99a66;}
.case .slick-dots{ position:static; margin-top:3.2%; height:10px;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; padding:0;}
.case .slick-dots li{ width:10px; height:10px; background:#bfbfbf; border-radius:50%; margin:0 12px; padding:0;}
.case .slick-dots li.slick-active{ background:#b99a66; }


@media  screen and (max-width:1750px){
.case{ padding-top:3%;}
.case .slick-dots{ margin-top:1.5%;}
}
@media  screen and (max-width:1400px){
}
@media  screen and (max-width:1024px){
.case{ padding-top:25px;} 
.case li{ padding:0 22px; margin:-10px 0;}
.case .slick-dots{ margin-top:20px;}
}
@media  screen and (max-width:767px){
.case ul{ margin:0; padding:30px 5px;}	
.case li{ width:33.32%; padding:0 18px; margin:-4px 0 !important;}
.case li:nth-child(5n+4){ margin-left:16.66% !important;}
.case .slick-dots li{ margin:0 8px !important;}
}

/* 分页 */
.pz_fy{width:100%; float:left;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.pz_fy a{ float:left; margin:0 10px; background:#a0a0a0; color:#fff; font-size:16px; line-height:44px; min-width:44px; text-align:center;}
.pz_fy a:hover,
.pz_fy a.on{ background:#b99a67;}
.pz_fy .prev,
.pz_fy .next{ background:none; color:#333333;}
.pz_fy .prev:hover,
.pz_fy .next:hover{ color:#b99a67; background:none;}
@media  screen and (max-width:1024px){
.pz_fy a{ line-height:30px; margin:0 6px; min-width:30px; font-size:14px;}
.pz_fy a.a{display:none;}
}

.job{ float:left; width:100%; margin:110px 0 81px 0;}
.job ul{ float:left; width:100%; margin-bottom:84px;}
.job ul li{ float:left; width:100%; margin-top:40px;}
.job ul li .top{ float:left; width:100%; background:#f6f6f6; padding:0 42px; cursor:pointer;}
.job ul li .top h1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; font-weight:bold; padding:25px 6px; border-bottom:1px solid rgba(153,153,153,0.34);}
.job ul li .top h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding:25px 6px; position:relative; margin-bottom:5px; }
.job ul li .top h5:after{ float:left; width:14px; height:14px; content:''; position:absolute; right:20px; top:50%; border:1px solid #a0a0a0; transform:rotate(45deg) translateY(-50%); -ms-transform:rotate(45deg) translateY(-50%); border-top:none !important; border-left:none !important; margin-top:-6px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.job ul li .top h5 span{ float:left;}
.job ul li .top h5 span:nth-child(1){ min-width:27.7%;}
.job ul li .top h5 span:nth-child(2){ min-width:23.6%;}
.job ul li .top h5 span:nth-child(3){ min-width:24.2%;}
.job ul li .top.active{ background:#b99a67;}
.job ul li .top.active h1{ color:#fff; border-bottom:1px solid rgba(255,255,255,0.34);}
.job ul li .top.active h5{ color:#fff;}
.job ul li .top.active h5:after{ border:1px solid #fff; opacity:0.63; transform:rotate(-135deg) translateY(-50%); -ms-transform:rotate(-135deg) translateY(-50%); }

.job ul li .down{ display:none; float:left; width:100%; margin-top:1px; background:#f6f6f6; color:#666666; font-size:16px; line-height:26px; padding:56px 48px 76px 48px;}
.job ul li .down .tit{ color:#333333; font-size:24px; line-height:34px;}

@media  screen and (max-width:1750px){
.job ul li .down{font-size:15px;}
.job ul li .down .tit{font-size:18px; line-height:26px;}
}

.renter{ float:right; position:fixed; right:2.3%; bottom:200px; cursor:pointer; z-index:16; background:#b99a66; line-height:0; width:48px;}
@media  screen and (max-width:1400px){

.job ul li .down{font-size:14px;}
.job ul li .down .tit{font-size:16px; line-height:26px;}

.job{ margin:80px 0 80px 0;}	
.job ul li .top h5 span:nth-child(2){ min-width:20.6%;}
.job ul li .top h5 span:nth-child(3){ min-width:20.2%;}	
}
@media  screen and (max-width:1024px){
.renter{ width:36px; bottom:8vh; right:1%;}	
.job{ margin:20px 0 35px 0;}
.job ul{ margin-bottom:30px;}	
.job ul li{ margin-top:15px;}
.job ul li .top{ padding:0 15px;}	
.job ul li .top h1{ font-size:18px; line-height:28px; padding:12px 3px;}
.job ul li .top h5{ padding:12px 3px; font-size:14px; line-height:24px; margin-bottom:0;}
.job ul li .top h5:after{ width:10px; height:10px; right:10px;}
.job ul li .down{ padding:30px 15px; font-size:14px; line-height:24px; }
.job ul li .down .tit{ font-size:16px; line-height:28px;}
}
@media  screen and (max-width:767px){
.job ul li .top h5:after{ top:30%;}	
.job ul li .top h5 span,
.job ul li .top h5 span:nth-child(1),
.job ul li .top h5 span:nth-child(2),
.job ul li .top h5 span:nth-child(3){ min-width:50%;}
}



.Group li{ float:left; width:100%; padding:150px 0;}
.Group li .text{ float:left; width:53.6%;}
.Group li .text .Tit{ float:left; width:100%; color:#333333; font-size:36px; line-height:46px; font-weight:bold; position:relative; letter-spacing:3px; padding-bottom:34px;}
.Group li .text .Tit:after{ float:left; width:56px; height:2px; content:''; position:absolute; left:0; bottom:0; background:#b99a66;}
.Group li .text .cont{ float:left; width:100%; color:#666666; font-size:18px; line-height:36px; margin-top:7.4%; letter-spacing:1px;}
.Group li .img{ float:right; width:38%; margin-top:9%; line-height:0; overflow:hidden; box-shadow:0 0 46px rgba(163,129,71,0.4);}
.Group li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Group li .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Group li .img i:nth-child(2n){ float:right; position:relative; z-index:3; top:0; margin-top:-39px;}
.Group li:nth-child(2n){ background:#f5f5f5;}
.Group li:nth-child(2n) .img{ float:left;}
.Group li:nth-child(2n) .text{ float:right;}

@media  screen and (max-width:1750px){
    .Group li .text .cont{font-size:15px; line-height:27px;}
}

@media  screen and (max-width:1600px){
.Group li .text .Tit{ font-size:24px; line-height:34px; padding-bottom:30px;}		
.Group li .text .cont{ font-size:14px; line-height:26px; margin-top:5.4%}
.Group li .img{ margin-top:1%;}
}
@media  screen and (max-width:1024px){
.Group li{ padding:35px 0;}	
.Group li .text{ width:100%;}	
.Group li .text .Tit{ font-size:18px; line-height:28px; padding-bottom:15px; letter-spacing:2px;}	
.Group li .text .cont{ font-size:14px; line-height:26px; margin-top:15px;}
.Group li .img{ width:60%; margin:25px 20% 0 20%; box-shadow:0 0 20px rgba(163,129,71,0.4);}

}
@media  screen and (max-width:767px){
.Group li .img{ width:100%; margin:25px 0 0 0;}
}




.pagecon{ float:left; width:100%; padding:60px 0;}
.pagecon .pagetext{ float:left; width:100%; color:#666666; font-size:16px; line-height:30px;}

@media  screen and (max-width:1024px){
.pagecon{padding:20px 0;}
.pagecon .pagetext{font-size:14px; line-height:24px; }
}