.slick-slider{position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;padding:0;margin:0;overflow:hidden}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl].slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-slide:focus{outline:0}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(https://www.xudifs.com/Lotusher/Tpl/templates/M1156005XiuGai0502/min/widget/slick-carousel/images/ajax-loader.gif) center center no-repeat}.slick-next,.slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;margin-top:-10px;font-size:0;line-height:0;color:transparent;cursor:pointer;background:0 0;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;background:0 0;outline:0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:"Web Icons";font-size:20px;line-height:1;color:#e4eaec;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"\f17d"}[dir=rtl] .slick-prev:before{content:"\f17c"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"\f17c"}[dir=rtl] .slick-next:before{content:"\f17d"}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-30px;display:block;width:100%;padding:0;margin:0;text-align:center;list-style:none}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;padding:0;margin:0 5px;cursor:pointer}.slick-dots li button{display:block;width:20px;height:20px;padding:5px;font-size:0;line-height:0;color:transparent;cursor:pointer;background:0 0;border:0;outline:0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;width:20px;height:20px;font-family:"Web Icons";font-size:6px;line-height:20px;color:#ccd5db;text-align:center;content:"\f1aa";opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#ccd5db;opacity:.75}
/*new*/
.slick-prev,.slick-next{z-index:1; width:40px; height:40px; border-radius:50%; background:rgba(0,0,0,.1);
transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
.slick-prev{left:1%;}
.slick-next{right:1%;}
.slick-next:before, .slick-prev:before{/*font-size:16px; line-height:40px; text-align:center;*/ content: ''; width: 40px; height: 40px; background: url(../image/arror-right-w.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 35% auto; background-position-x: 15px;}
.slick-prev:before{ background-image: url(../image/arror-left-w.png); background-position-x: 11px;}
.slick-prev:hover,.slick-next:hover{background:#0069b3;
transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s}
.slick-dots{bottom:3%;}
.slick-dots li{width:auto; height:0; margin:0 5px;}
.slick-dots li button{width:25px; height:4px; padding:0; background:rgba(255,255,255,.5); border-radius:4px; box-shadow: 0 0 5px  rgba(0,0,0,0.1);
transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
.slick-dots li.slick-active button{ background:#0069b3;
transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
.slick-dots li button:before{display:none;}

.slick-list, .slick-track { height: 820px; }
.slick-slider{margin-bottom:0;}
.met-banner { width: 100%; height: 820px; position: relative; }
.met-banner a { display: block; overflow: hidden; width: 100%; height: 100%; background-position: center; background-size: cover; position: relative;
-webkit-transition:.3s}
.met-banner .container { position: relative; height: 100%; text-align: center; }
.met-banner span { display: block; position: absolute; }
.met-banner span.p-1 { left: 15px; top: 40%; text-align: left; }
.met-banner span.p-2 { right: 15px; top: 40%; text-align: right; }
.met-banner span.p-3 { top: 10%; left: 0; right: 0; }
.met-banner span.p-4 { top: auto; bottom: 10%; left: 0; right: 0; }
.met-banner span.p-5 { top: 40%; left: 0; right: 0; }
.met-banner span h3 { font-size: 30px; font-weight: 300; margin: 0px; color:#fff; text-shadow:0 0 15px rgba(0,0,0,1);}
.met-banner span p { font-size: 36px; font-weight: 300; margin: 0px; text-shadow: none; color:#fff; text-shadow:0 0 15px rgba(0,0,0,1);} 
.slick-track{}
.met-banner .slick-current span h3 {
-webkit-animation: slidetop  1.3s; 
animation: slidetop  1.3s;}
.met-banner .slick-current span p {
-webkit-animation: slidebottom 1.3s; 
animation: slidebottom 1.3s;}
@-webkit-keyframes slidetop { 
0% {-webkit-transform:translateY(-50px); opacity:0;}
100% {-webkit-transform:translateY(0); opacity:1;}
}
@keyframes slidetop { 
0% {transform:translateY(-50px); opacity:0;}
100% {transform:translateY(0); opacity:1;}
}
@-webkit-keyframes slidebottom { 
0% {-webkit-transform:translateY(50px); opacity:0;}
100% {-webkit-transform:translateY(0); opacity:1;}
}
@keyframes slidebottom { 
0% {transform:translateY(50px); opacity:0;}
100% {transform:translateY(0); opacity:1;}
} 
@media (max-width: 768px) {
.met-banner span h3 { font-size: 20px; }
.met-banner span p { font-size: 26px; }
}
.met-banner-ny { background-color: #d80808; height: 120px; }
@media (max-width: 768px) {
.met-banner-ny { height: 90px; }
}
.met-banner-ny h1, .met-banner-ny h2 { color: #fff; font-size: 35px; font-weight: 300; padding: 10px 30px; margin: 0px; text-shadow: none; }
@-webkit-keyframes SlickIn { 
0% {-webkit-transform:scale(1.3, 1.3);}
100% {-webkit-transform:scale(1, 1);}
}
@-webkit-keyframes SlickOut { 
0% {-webkit-transform:scale(1, 1);}
100% {-webkit-transform:scale(.7, .7);}
}
@keyframes SlickIn { 
0% {transform:scale(1.3, 1.3);}
100% {transform:scale(1, 1);}
}
@keyframes SlickOut { 
0% {transform:scale(1, 1);}
100% {transform:scale(.7, .7);}
}
@media (min-width: 768px) {
.met-banner .slick-slide { -webkit-animation: SlickOut cubic-bezier(1, 0, .5, .5) 1s; animation: SlickOut cubic-bezier(1, 0, .5, .5) 1s; }
.met-banner .slick-current { width: 100%; height: 100% !important; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; }
}
.breadcrumb>li+li:before{ color:#777; }
.nav-tabs-line>li.active>a, .nav-tabs-line>li.active>a:focus, .nav-tabs-line>li.active>a:hover{color:#5a5a5a; border-bottom-color:#7bc91e; font-size:16px;}

.i-title{ text-align: center; padding-top: 70px;}
.i-title h3{ font-weight:normal; font-size: 30px;color:#3C3C3C; line-height: 1.9;}
.i-title .hr{ width: 50px; height: 2px; background: #ab9277; margin: 0 auto;}
.i-title .sum{ font-size: 13px; color:#898989; line-height: 1.5; padding:10px 0; }

.i-03{ padding-bottom: 50px; margin: 0 -15px;}
.i-03 .item{ width: 399px; margin: 15px 10px;}
.i-03 .item .thumb{ width: 399px; height: 200px;}
.i-03 .i-case .item .txt{ width: 399px;background: #f4f4f4;    height: 120px;}
.i-03 .i-case .item .txt h3{color:#000;}
.i-03 .i-case .item .txt p{text-align: left;color:#787777;}
.i-03 .i-case .item:hover .txt{background-color:#ab9277;}
.i-03 .i-case .item:hover .txt *{color:#fff;}
@media only screen and (max-width: 768px){
.i-03{ padding-bottom: 20px; margin: 0;}
.i-03 .item{ margin: 5px 0; width: 100%;}
.i-03 .item .thumb{ width: 100%; height: auto;}
}



.video-box{     width: 680px;float: left;position: relative;}

.video-box img{ display: block; width: 100%;z-index: 1;}

.video-txt{     float: right;
       width: 460px;
    padding: 0 30px;}
.video-txt *{ color:#878a98; line-height: 2;}
.video-txt h3{ font-size: 40px; height: 65px; line-height: 55px; font-weight: 100;}
@media only screen and (max-width: 768px){
.index-video{ height: auto; padding-top: 50px;}
.video-box,.video-box video{ width: 100%; height: auto; }
.video-txt{     width: 90%;padding: 2.5%;margin: 0 2.5%;height: auto;}
.video-box img{ width: 95%; height: auto; position:relative; z-index: 1; padding: 10px 2.5%;}
}
.i-case{ padding: 0;}
.in-btn{padding:6px 14px;border-radius: 3px;background: #fff;color:#535353;font-size: 12px;line-height: 3;}
.in-btn:hover{color:#ffa060;}

.index-item{background: #f5f5f5;padding-bottom: 70px;}
.index-item .bod-box{padding-top:30px;}
.index-item .item{
    width: 145px;
    margin-left:118px;
    float: left;
	text-align: center;
}
.index-item .item img{
    max-width: 145px;  
}
.index-item .item .ico {

    width: 145px;
    height: 145px;
    display: block;
}
.index-item .item h3{
  font-size: 18px; 
  font-weight: 400;
  margin:5px 0;
  color:#000;
}
.index-item .item p{
	font-size: 13px;
   text-align: left; 
   color:#898989;
       line-height: 24px;
}
.index-item .item:first-child{
    margin-left:0px;
}
.index-item .item:hover h3,.index-item .item:hover p{color:#ab9277;}
@media only screen and (max-width: 768px){
.index-item {
    padding-bottom: 30px;
}
.index-item .bod-box{padding-top:0px;}
.index-item .item {
    width:20%;
	padding:0 2%;
	box-sizing: border-box;
    margin-left:0;
    float: left;
    text-align: center;
}
.index-item .item .ico {
	width: 50px;
    height: 50px;
    margin: 0 auto;
}
.index-item .item h3 {
    font-size: 13px;
  margin:10px 0;
}
.index-item .item p {
    font-size: 12px;
    padding: 0 10px;
	display: none;
}

}