@charset "UTF-8";
.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(../../../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(/public/images/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(/public/images/arror-left-w.png); background-position-x: 11px;}
.slick-prev:hover,.slick-next:hover{background:#0f5a97;
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:#0f5a97;
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: 700px; }
.slick-slider{margin-bottom:0;}
.met-banner { width: 100%; height: 700px; 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-bottom: 10px;}
.i-title h3{ font-weight:normal; font-size: 30px;color:#3C3C3C; line-height: 1.8;}
.i-title .hr{ width: 50px; height: 2px; background: #238dce; margin: 0 auto; display: none;}
.i-title .sum{ font-size: 16px; color:#898989; line-height: 1.5; padding:0 0 10px 0; }

.tsimg{ display: block; overflow: hidden;}
.tsimg img{ display: block; width: 100%; height: 100%;  transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s; }
.tsimg:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
@media only screen and (max-width: 768px){
	.i-title{  width: 95%; margin: 0 auto;}
	.i-title h3{ font-size:20px;}
	.i-title .sum{ font-size:14px;}
}
.section0{}
.section0 .leftbox{ width: 840px; float: left;}
.section0 .leftbox .item{ width: 25%; float: left; padding: 50px 0;}
.section0 .leftbox .item *{ text-align: center;}
.section0 .leftbox .item .d1 *{ color:#238dce;}
.section0 .leftbox .item .d1 .cen{ width: 100%; /*margin: 0 auto;*/}
.section0 .leftbox .item .d1 .num{ display:inline-block; font-size:80px; /*float: left;*/ font-weight: 600;}
.section0 .leftbox .item .d1 .a{ width: 30px; display:inline-block; /*float: right;*/}
.section0 .leftbox .item .d1 .a span{ display: block; float: left; width: 30px; font-size:18px; }
.section0 .leftbox .item .d1 .a span:first-child{ font-size:30px; font-weight: 600; padding-bottom: 10px;}
.section0 .leftbox .item .d2{ font-size:18px; font-weight: 600; color:#238dce; padding-top: 8px;}
.section0 .rimg{ height: 245px; width: 365px; position: relative; float: right;}
.section0 .rimg img{ display: block; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 999;}
@media only screen and (max-width: 768px){
	.section0 .leftbox{ width: 100%;}
	.section0 .leftbox .item .d1 .cen{ width: 100px;}
	.section0 .leftbox .item .d1 .num{ font-size:48px;}
	.section0 .leftbox .item .d1 .a,
	.section0 .leftbox .item .d1 .a span{ width:24px; font-size:16px;}
	.section0 .leftbox .item .d1 .a span:first-child{ font-size:22px; padding-bottom: 0px;}
	.section0 .leftbox .item .d2{ font-size:14px;}
	.section0 .rimg{ width: 90%; margin-right: 5%; height: auto;}
	.section0 .rimg img{ position: relative;}
}
.sectionn{ padding: 60px 0;}
.section1 .leftimg{ display: block; float: left; width: 488px;}
.section1 .news2{ display: block; float: left; width: 488px; padding-top:20px;}
.section1 .news2 a{ display:block; padding:0px 0; line-height:2; color:#666; font-size:14px; }
.section1 .news2 a:hover{ color:#3070c7; }
.section1 .rightbox{ width: 729px; float: right;}
.section1 .rightbox .content,
.section1 .rightbox .content *{ font-size:14px;}
.section1 .rightbox .rightimg{ width: 100%;}
@media only screen and (max-width: 768px){
	.sectionn{ padding: 20px 0;}
	.section1 .main{ width: 95%; margin: 0 2.5%;}
	.section1 .leftimg{ width: 100%;}
	.section1 .rightbox{ width: 100%; padding-top: 10px;}
}
.section2{ padding:64px 0; background: #F5F5F5; min-height: 230px;}
.section2 *{ text-align: center; color:#FFF; line-height: 2;}
.section2 h3{ font-size:56px;}
.section2 .content{ width: 720px; margin: 0 auto;}
.section2 .content,
.section2 .content *{ font-size:14px;}
@media only screen and (max-width: 768px){
	.section2 .main{ width: 95%;}
	.section2 h3{ font-size:28px;}
	.section2 .content{ width: 100%;}
	.section2 .content,
	.section2 .content *{ font-size:12px;}
}
.section3 .main div{ float: left;}
.section3 .main img{ display: block; width: 100%;}
.section3 .s3-1{ width: 504px; margin-right: 10px;}
.section3 .s3-2{ width: 424px;}
.section3 .s3-3{ width: 292px; margin-left: 10px;}
.section3 .s3-2-1{ margin-bottom: 10px;}
@media only screen and (max-width: 768px){
	.section3 .s3-1,
	.section3 .s3-2,
	.section3 .s3-3{ width: 95%; margin: 2.5%;}
}
.section4 .tsimg{ display: block; float: left; width: 230px; height: 326px; margin: 5px;}
@media only screen and (max-width: 768px){
	.section4 .tsimg{ width: 45%; margin: 0 2.5%; height: 250px;}
}
.section5 .item{ width: 33.333333%; float: left; text-align: center; padding-top: 20px;}
.section5 .item .img{ width: 111px; height: 111px; margin: 0 auto;}
.section5 .item .content{ padding-top: 20px;}
.section5 .item .content,
.section5 .item .content *{ line-height: 2;}
.section5 .item:hover .content *{ color:#3070c7;}
.section6t{ padding: 60px 0; }
.section6t *,
.section6t .i-title h3,
.section6t .i-title .sum{ color:#3070c7;}
.section6 .tsimg{ width: 400px; height: 300px;}
.section6 .content{ padding-top: 20px; text-align: center;}
.section6 .content *{ line-height: 2;}
.section6 li:hover .content *{ color:#3070c7;}
@media only screen and (max-width: 768px){
	.section6 .tsimg{ width: 100%;}
}
.picScroll-left{ overflow:hidden; position:relative; width: 1260px; margin: 0 auto;}
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .hd{ text-align: center; height: 30px; padding-top: 20px; }
.picScroll-left .hd .controls-direction { display: inline;}
.picScroll-left .hd .controls-direction a{display: inline-block; top: 14%; width: 60px;  height: 30px;  margin-top: 0; border-radius: 0;  background: transparent;}
.picScroll-left .hd .controls-direction a.prev {  left: 50%; margin-left: -60px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  border-right: 1px solid #e9e9e9;  background: url(/upload/icon.png) -60px -250px no-repeat;}
.picScroll-left .hd .controls-direction a.prev:hover {  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  border-right: 1px solid #e9e9e9;  background: url(/upload/icon.png) -60px -220px no-repeat;}
.picScroll-left .hd .controls-direction a.next { right: 50%;  margin-right: -60px;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;  background: url(/upload/icon.png) 0 -250px no-repeat;}
.picScroll-left .hd .controls-direction a.next:hover {  background: url(/upload/icon.png) 0 -220px no-repeat;}
@media only screen and (max-width: 768px){
	.picScroll-left{ width: 100%;}
	.picScroll-left .bd ul li{ margin: 2.5%; width: 95%;}
}
.section8{ background: #F5F5F5; padding-top: 60px;}
.section8 .v2 ul{ margin-left: 20px; padding-top:10px;}
.section8 .v2 ul li{list-style-type:disc;}
.section8 .v2 li a{ font-size:14px; color:#5b5b5b; line-height: 2; display: inline-block;}
.section8 .v2 li a:hover{ color:#238ECF;}
.section8 .videolist{ width: 450px; float: left; padding:10px 0 30px 0;}
.section8 .videolist .v1 .video-a{ width: 450px; height: 300px; position: relative;}
.section8 .videolist .v1 .tsimg{ width: 100%; height: 100%; background: #FFF;}
.section8 .videolist .v1 .video-a-bg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(/upload/video-a.png) center no-repeat; z-index: 1; cursor: pointer;}
.section8 .videolist .v1 h3{ font-size:20px; line-height: 1.5; padding: 13px 0; }
.section8 .videolist .v2{ padding: 26px 0; border-top: 1px solid #DDD;}
.section8 .videolist .v2 ul{ padding: 0;}
@media only screen and (max-width: 768px){
	.section8{ padding-top: 20px;}
	.section8 .videolist{ width: 95%; margin: 0 2.5%;}
	.section8 .videolist .v1 .video-a{ width: 100%; height: 250px;}
}
.section8 .rlist{ float:right; width: 750px;}
.section8 .rlist .v1{ width: 100%; float: left; padding:10px 0 20px 0;}
.section8 .rlist .v1 .tsimg{ width: 220px; height: 145px; float: left; background: #FFF;}
.section8 .rlist .v1 .r{ width: 505px; float: right;}
.section8 .rlist .v1 h3 a{ font-size:20px;}
.section8 .rlist .v1 .desc{ font-size:12px; padding-top: 10px; color:#898989; line-height: 2;}
.section8 .rlist .v2{ width: 50%; float: left; padding: 30px 0; border-top: 1px solid #e4e4e4;}
.section8 .rlist .v2 h3 a{font-size:18px;  color:#238ecf; display: inline-block;}
@media only screen and (max-width: 768px){
	.section8 .rlist{ width: 95%; margin-right: 2.5%;}
	.section8 .rlist .v1 .r{ width: 100%;}
	.section8 .rlist .v2{ width: 100%;}
}
.section9 .t{ width: 38px; height: 56px; padding:17px 26px; float: left;background: #edf5f9; color:#195caa; font-size:18px; line-height: 1.5;}
.section9 .tlist{ width: 1150px; float: right;}
.section9 .tlist .tsimg{ width: 220px; height: 90px; float: left; margin: 0 0 10px 10px;}
@media only screen and (max-width: 768px){
	.section9 .t{ margin: 0 2.5%;}
	.section9 .tlist{ width: 100%;}
	.section9 .tlist .tsimg{ height: auto; width: 45%; margin: 2.5%;}
}