@charset "utf-8";

body.overflow, html.overflow { overflow-y: hidden }
html::-webkit-scrollbar { width: 7px; height: 7px; background-color: #eee; }
html::-webkit-scrollbar-track { border-radius: 4px; background-color: #eee; }
html::-webkit-scrollbar-thumb { border-radius:4px; width: 17px; height: 17px; background-color: #045e74 }

.page_detail .con::-webkit-scrollbar { width: 7px; height: 7px; background-color: #eee; }
.page_detail .con::-webkit-scrollbar-track { border-radius: 4px; background-color: #eee; }
.page_detail .con::-webkit-scrollbar-thumb { border-radius:4px; width: 17px; height: 17px; background-color: #045e74 }

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body {text-decoration:none; font-size: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif;}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}

table{border-collapse:collapse;margin:0 auto!important;}

img { border: 0; }

input, textarea, select, option { background: none; outline: 0;font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }

input { outline: none; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none;appearance: none; border-radius: 0; outline: none;}

::-moz-selection { background: #045e74; color: #fff; text-shadow: none; }

::selection { background: #045e74; color: #fff; text-shadow: none; }

select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none;  -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }
.clear {
    clear: both;
}
.fl { float: left; }
.fr { float: right; }
.fc{ text-align: center;}

.container {
  max-width: 1300px;
  margin: 0px auto;
}
/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-41{padding-bottom: 41%;}
.rect-47{padding-bottom: 47%;}
.rect-50{padding-bottom: 50%;}
.rect-54{padding-bottom: 54%;}
.rect-55{padding-bottom: 55%;}
.rect-59{padding-bottom: 59%;}
.rect-67{padding-bottom: 67%;}
.rect-80{padding-bottom: 80%;}
.rect-84{padding-bottom: 84%;}
.rect-88{padding-bottom: 88%;}
.rect-127{padding-bottom: 127%;}
.rect-133{padding-bottom: 133%;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.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);-moz-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-arrow.slick-hidden{display:none}
.slick-dots{font-size:0;text-align:center}
.slick-dots li{width:12px;height:12px;border-radius:100%;margin:0 12px;display:inline-block;*zoom:1;*display:inline;vertical-align:middle;-moz-transition:.3s;transition:.3s;-webkit-transition:.3s}
.slick-dots li a{display:block}
.cg-w .item.prevSlick{z-index:4!important}
.cg-w .item{z-index:2!important;opacity:1!important}
.cg-w .item.prevSlick .pic2{-moz-animation:increaseHeight 1.5s;animation:increaseHeight 1.5s;-webkit-animation:increaseHeight 1.5s}
.cg-s .slick-current .pic2 img{-webkit-animation:scaleUpDown 6s forwards cubic-bezier(.25,.46,.45,.94);-moz-animation:scaleUpDown 6s forwards cubic-bezier(.25,.46,.45,.94);animation:scaleUpDown 6s forwards cubic-bezier(.25,.46,.45,.94)}



@-webkit-keyframes scaleUpDown{

from{-webkit-transform:scale(1.08);transform:scale(1.08)}

to{-webkit-transform:scale(1);transform:scale(1)}

}

@-moz-keyframes scaleUpDown{

from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}

to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}

}

@keyframes scaleUpDown{

from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}

to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}

}

@-webkit-keyframes fadeInUp{

from{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@-moz-keyframes fadeInUp{

from{opacity:0;-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}

to{opacity:1;-moz-transform:none;transform:none}

}

@keyframes fadeInUp{

from{opacity:0;-webkit-transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}

to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}

}

@-webkit-keyframes lightSpeedIn{

from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}

60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}

80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}

to{-webkit-transform:none;transform:none;opacity:1}

}

@-moz-keyframes lightSpeedIn{

from{-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}

60%{-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1}

80%{-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}

to{-moz-transform:none;transform:none;opacity:1}

}

@keyframes lightSpeedIn{

from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}

60%{-webkit-transform:skewX(20deg);-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1}

80%{-webkit-transform:skewX(-5deg);-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}

to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1}

}

@-webkit-keyframes fadeInDown{

from{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@-moz-keyframes fadeInDown{

from{opacity:0;-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}

to{opacity:1;-moz-transform:none;transform:none}

}

@keyframes fadeInDown{

from{opacity:0;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}

to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}

}

@-webkit-keyframes fadeInRight{

from{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@-moz-keyframes fadeInRight{

from{opacity:0;-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}

to{opacity:1;-moz-transform:none;transform:none}

}

@keyframes fadeInRight{

from{opacity:0;-webkit-transform:translate3d(60px,0,0);-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}

to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}

}

@-webkit-keyframes fadeInLeft{

from{opacity:0;-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@-moz-keyframes fadeInLeft{

from{opacity:0;-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}

to{opacity:1;-moz-transform:none;transform:none}

}

@keyframes fadeInLeft{

from{opacity:0;-webkit-transform:translate3d(-60px,0,0);-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}

to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}

}

@-webkit-keyframes reveal-v{

0%{-webkit-transform:scaleY(0);transform:scaleY(0)}

50%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

100%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

}

@-moz-keyframes reveal-v{

0%{-moz-transform:scaleY(0);transform:scaleY(0)}

50%{-moz-transform:scaleY(1);transform:scaleY(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

100%{-moz-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

}

@keyframes reveal-v{

0%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0)}

50%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

100%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

}

@-webkit-keyframes reveal-l{

0%{-webkit-transform:scaleX(0);transform:scaleX(0)}

50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

100%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

}

@-moz-keyframes reveal-l{

0%{-moz-transform:scaleX(0);transform:scaleX(0)}

50%{-moz-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

100%{-moz-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

}

@keyframes reveal-l{

0%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0)}

50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

}

@-webkit-keyframes hide-lr{

0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}

100%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}

}

@-moz-keyframes hide-lr{

0%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}

100%{opacity:0;-moz-transform:translateX(30px);transform:translateX(30px)}

}

@keyframes hide-lr{

0%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

100%{opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);transform:translateX(30px)}

}

@-webkit-keyframes hide-dt{

0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}

}

@-moz-keyframes hide-dt{

0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}

}

@keyframes hide-dt{

0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px)}

}

@-webkit-keyframes hide-dt-f{

0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}

}

@-moz-keyframes hide-dt-f{

0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-moz-transform:translateY(-30px);transform:translateY(-30px)}

}

@keyframes hide-dt-f{

0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);transform:translateY(-30px)}

}

@-webkit-keyframes increaseHeight{

to{width:100%}

from{width:0}

}

@-moz-keyframes increaseHeight{

to{width:100%}

from{width:0}

}

@keyframes increaseHeight{

to{width:100%}

from{width:0}

}

@-webkit-keyframes tbfade{

0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}

}

@-moz-keyframes tbfade{

0%{-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-moz-transform:translateY(10%);transform:translateY(10%);opacity:0}

}

@keyframes tbfade{

0%{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);transform:translateY(10%);opacity:0}

}

@media screen and (min-width:1025px){
.scapic:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transform:scale(1.1)}
.transY{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden}
.transYF{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);opacity:0;visibility:hidden}
.transX{-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0;visibility:hidden}
.transXF{-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);opacity:0;visibility:hidden}
.active .transX,.active .transXF,.active .transY,.active .transYF{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;visibility:visible}
.trans{-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;transition:.7s ease-out}
.dly-1{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}
.dly-2{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}
.dly-3{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}
.dly-4{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}
.dly-5{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s}
.dly-6{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s}
.dly-7{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;transition-delay:.7s}
.dly-8{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}
.dly-9{-webkit-transition-delay:.9s;-moz-transition-delay:.9s;transition-delay:.9s}
.dly-10{-webkit-transition-delay:1s;-moz-transition-delay:1s;transition-delay:1s}
.dly-11{-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;transition-delay:1.1s}
.dly-12{-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;transition-delay:1.2s}
.active .am-lsi{-webkit-animation:lightSpeedIn .8s both;-moz-animation:lightSpeedIn .8s both;animation:lightSpeedIn .8s both}
.active .am-fiu{-webkit-animation:fadeInUp .8s both;-moz-animation:fadeInUp .8s both;animation:fadeInUp .8s both}
.active .am-fid{-webkit-animation:fadeInDown .8s both;-moz-animation:fadeInDown .8s both;animation:fadeInDown .8s both}
.active .am-fir{-webkit-animation:fadeInRight .8s both;-moz-animation:fadeInRight .8s both;animation:fadeInRight .8s both}
.active .am-fil{-webkit-animation:fadeInLeft .8s both;-moz-animation:fadeInLeft .8s both;animation:fadeInLeft .8s both}
.active .am-rvv{position:relative}
.active .am-rvv:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both}
.active .am-rvl{position:relative}
.active .am-rvl:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both}
.active .am-delay-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}
.active .am-delay-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}
.active .am-delay-3{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.active .am-delay-4{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}
.active .am-delay-5{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}
.active .am-delay-6{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.active .am-delay-7{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}
.active .am-delay-8{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}
.active .am-delay-9{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;animation-delay:.9s}
.active .am-delay-10{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}
.active .am-delay-11{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;animation-delay:1.1s}
.active .am-delay-12{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}

}



@-webkit-keyframes topBubbles{

0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}

50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}

100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@-moz-keyframes topBubbles{

0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}

50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}

100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@keyframes topBubbles{

0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}

50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}

100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@-webkit-keyframes bottomBubbles{

0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}

50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}

100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@-moz-keyframes bottomBubbles{

0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}

50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}

100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@keyframes bottomBubbles{

0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}

50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}

100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

.content{height:100vh;overflow:hidden}
.rowbg{position:relative;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;opacity:.7;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transition:.8s cubic-bezier(.445,.145,.355,1);-moz-transition:.8s cubic-bezier(.445,.145,.355,1);transition:.8s cubic-bezier(.445,.145,.355,1)}
.active .rowbg{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}

.row-controls{position:fixed;left:2%;top:50%;margin-top:-128px;z-index:899;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.row-controls li{cursor:pointer;position:relative;padding:5px 0;text-transform:capitalize;font-size:14px;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:rgba(255,255,255,.5);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; height:28px; line-height:28px;}
.row-controls li:before{content:"";position:absolute;width:10px;height:10px; border-radius:50%;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; background:#fff;    margin: 9px 0; left:4px;}
.row-controls li p{ margin-left:22px; display: none;}
.row-controls li.act{color:#fff;}
.row-controls li.act:before{ background:#045e74;}
.row-controls li.act:after{ border:1px #045e74 solid;content:"";position:absolute;width:16px;height:16px; border-radius:50%;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s; background:none; left: 0; top:10px;}
.row-controls li.act p{ display: block; font-size:14px; color:#045e74;}
.smouse{position:fixed;z-index:899;bottom:50%;right:35px;border:1px solid #fff;border-radius:7px;width:20px;height:40px;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.smouse:before{content:"";position:absolute;top:8px;left:50%;margin-left:-1px;width:2px;height:9px;background:#fff}

.smouse:after{content:"";position:absolute;top:17px;left:50%;margin-left:-2px;border-radius:100%;width:4px;height:4px;background:#fff;-webkit-animation:mouse 2.4s infinite;-moz-animation:mouse 2.4s infinite;animation:mouse 2.4s infinite}

@-webkit-keyframes mouse{

0%{-webkit-transform:none;transform:none;opacity:1}

100%{-webkit-transform:translateY(15px);transform:translateY(15px);opacity:0}

}

@-moz-keyframes mouse{

0%{-moz-transform:none;transform:none;opacity:1}

100%{-moz-transform:translateY(15px);transform:translateY(15px);opacity:0}

}

@keyframes mouse{

0%{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1}

100%{-webkit-transform:translateY(15px);-moz-transform:translateY(15px);transform:translateY(15px);opacity:0}

}

/* header */
.header{ width: 100%; position: fixed; height: 100px; background:#fff; z-index: 999; top:0; left: 0;}
.header .logo{ position: relative;height: 50px; margin: 25px 0;}
.header .nav li{ display: inline-block; }
.header .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 100px; }
.header .nav .nLi:hover .sua{ color: #045e74; font-weight: bold;}
.header .nav .nLi.active{ color:#045e74;   }
.header .nav .nLi.active .sua{ color: #045e74; font-weight: bold;}
.header .nav .sub{ display:none; width:100%; left:0; top:100px; z-index: 9999;  position:absolute; background:rgba(0,0,0,0.5);  line-height:40px; padding:10px 0;}
.header .nav .sub li{ zoom:1;   display: inline-block; margin: 0 30px;}
.header .nav .sub a{ display:block; color: #fff;  font-size: 15px; line-height: 40px; margin: 0;}
.header .nav .sub a:hover{ color:#045e74;  font-weight: bold; }
.header .nav li .sua{ margin:0 25px; line-height: 100px; font-size: 16px; color: #333; display: block;position: relative;}
.header .nav li .sua::before{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);}
.header .nav li:hover .sua::before{ width: 100%; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.header .nav li.active .sua::before{ width: 100%;}

/*  banner  */
.banner-box{position:relative;overflow:hidden}
.banner{height:100%}
.banner .pic2{position:absolute;top:0;left:0}
/*.banner .cover{background:rgba(0,0,0,.4)}*/
.banner .txts{z-index:9;position:absolute;top:0;bottom:0;left:0;right:0;color:#fff}
.banner .txts .b{display:table-cell;vertical-align:middle;-webkit-transform:scale3d(80%,80%,80%);-moz-transform:scale3d(80%,80%,80%);-ms-transform:scale3d(80%,80%,80%);transform:scale3d(80%,80%,80%);opacity:0;visibility:hidden}
.banner .txts .b .cover{ padding: 40px; width: 68%; background: -webkit-linear-gradient(120deg,  rgba(1,107,105,0.7), rgba(4,94,116,0.7)); background: -o-linear-gradient(120deg, rgba(1,107,105,0.7), rgba(4,94,116,0.7)); background: -moz-linear-gradient(120deg,  rgba(1,107,105,0.7), rgba(4,94,116,0.7)); background: linear-gradient(120deg,  rgba(1,107,105,0.7), rgba(4,94,116,0.7));}
.banner .container{display:table; width: 100%; height:100%;}
.banner .Ta{ font-size: 40px; color: #fff; font-weight: bold; line-height: 1; position: relative;}
.banner .Ta::before{ content: ''; position: absolute; left: 0; width: 50px; height: 3px; background: #fff; bottom: -30px;}
.banner .Tb{ font-size: 15px; line-height: 32px; color: #fff; width: 100%; margin-top: 63px;}
.banner .Tc{ margin-top: 25px; font-size: 15px; position: relative;}
.banner .Tc span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.banner .Tc:hover span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.banner .Tc .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.banner .slick-dots{position:absolute;bottom:45px;z-index:100;left:50%;margin-left:-570px;text-align:left}
.banner .slick-dots li{position:relative;width:6px;height:6px;border-radius:0;margin:0 20px 0 0;background:#fff;cursor:pointer}
.banner .slick-dots li a{position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;border:1px solid #fff;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;visibility:hidden}
.banner .slick-dots .slick-active a{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible}
.banner .act .txts .b{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible;-webkit-transition:4s;-moz-transition:4s;transition:4s}
#load-bar{z-index:101;position:absolute;left:0;bottom:0;width:0;height:5px;background:#045e74}


/* 第二屏 */
.InAbout{width: 100%; position: relative;}
.InAbout .Abo01{ width: 62%; float: left; height: 100vh;display: table;}
.InAbout .Abo01 .b{display:table-cell;vertical-align:middle;}
.InAbout .Abo01 .Ta{ font-size: 32px; color: #fff; font-weight: bold; position: relative; line-height: 1;}
.InAbout .Abo01 .Ta::before{ content: ''; position: absolute; left: 0; width: 50px; height: 3px; background: #fff; bottom: -30px;}
.InAbout .Abo01 .Tb{ font-size: 22px; color: #fff; font-weight: bold; line-height: 1; margin-top: 63px;}
.InAbout .Abo01 .Tc{ font-size: 15px; color: #fff; line-height: 30px; margin-top: 15px;}
.InAbout .Abo01 .Td{ position: relative; margin-top: 50px;}
.InAbout .Abo01 .Td .itme{ width: 86px; height: 86px; border-radius: 10px; border: 1px #ccc solid; float: left; margin-right: 12px; text-align: center; cursor: pointer;}
.InAbout .Abo01 .Td .itme:hover{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1;background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74); border: 1px #045e74 solid;}
@keyframes beat {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}
.InAbout .Abo01 .Td .itme img{ margin-top: 15px;}
.InAbout .Abo01 .Td .itme p{ font-size: 15px; color: #fff;}
.InAbout .Abo01 .Te{ margin-top: 80px; font-size: 15px; position: relative;}
.InAbout .Abo01 .Te a{display: inline-block;}
.InAbout .Abo01 .Te span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InAbout .Abo01 .Te a:hover  span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.InAbout .Abo01 .Te .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.InAbout .Abo01 .Te .invideo{ position: relative; display: contents;}
.InAbout .Abo01 .Te .invideo .more{position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; margin-top: -45px; margin-left: -45px; cursor: pointer;}
.InAbout .Abo01 .Te .invideo .more .inner{position: relative; z-index: 10; width: 90px; height: 90px; border-radius: 45px; background: #045e74 url(../img/video_ico1.png) center no-repeat; background-size: 31% auto;}
.InAbout .Abo01 .Te .invideo .more p{padding: 50%;position: absolute;left: 0;top: 0;border: 1px solid #045e74; box-shadow: 0 0 120px 30px rgba(4, 94, 116, 1) inset; border-radius: 100%; z-index: 1; opacity: 0;}
.InAbout .Abo01 .Te .invideo .more .sp1{
	-webkit-animation: wateranimate 3s 2.4s ease-out infinite;
	animation: wateranimate 3s 2.4s ease-out infinite;
}
.InAbout .Abo01 .Te .invideo .more .sp2{
	-webkit-animation: wateranimate 3s 1.6s ease-out infinite;
	animation: wateranimate 3s 1.6s ease-out infinite;
}
.InAbout .Abo01 .Te .invideo .more .sp3{
	-webkit-animation: wateranimate 3s 0.8s ease-out infinite;
	animation: wateranimate 3s 0.8s ease-out infinite;
}
.InAbout .Abo01 .Te .invideo .more .sp4{
	-webkit-animation: wateranimate 3s 0s ease-out infinite;
	animation: wateranimate 3s 0s ease-out infinite;
}
@-webkit-keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
@keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}
.InAbout .Abo01 .Te .invideo .videoed{display: block !important;}
.InAbout .videos{display:none; position:fixed; left:0; top:0;z-index:9999; width:100%; height:100vh; background: rgba(0, 0, 0, .8); padding:8% 20%;box-sizing: border-box; }
.InAbout .videosList{ position: relative; padding: 40px; background: #fff;}
.InAbout .vclose{ position:absolute; right:10px; top:10px; border-radius:100%; cursor: pointer;}


.InAbout .Abo02{ width: 30%; float: right; position: relative; padding: 10vh 0 0; }
.InAbout .Abo02::before{ content: ''; position: absolute; left: 0;top:0; width: 1px; height: 100%; background: rgba(255,255,255,0.3);}
.InAbout .Abo02::after{ content: ''; position: absolute; right: 0;top:0; width: 1px; height: 100%; background: rgba(255,255,255,0.3);}
.InAbout .Abo02 .item{ width: 100%; height: 30.1vh;display: table; position: relative;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out}
.InAbout .Abo02 .item::after{ content: ''; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: rgba(255,255,255,0.3);}
.InAbout .Abo02 a:last-child .item::after{ display: none;}
.InAbout .Abo02 .item .Img{ position: absolute; top:60px; right: 50px;}
.InAbout .Abo02 .item .T{display:table-cell;vertical-align:middle; padding-left: 30px;}
.InAbout .Abo02 .item .T .Ti{ font-size: 24px; color: #fff; font-weight: bold;}
.InAbout .Abo02 .item .T .Tc{ font-size: 15px; line-height: 30px; color: #fff;}
.InAbout .Abo02 .item:hover{background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);}


/* 第三屏 */
.InService{ width: 100%; position: relative;}
.InService .item{ width: 25%; float: left; position: relative;display: table; height: 100vh; }
.InService .item::after{ content: ''; position: absolute; right: 0; top:0; width: 1px; height: 100%; background:rgba(255,255,255,0.3);}
.InService .item:last-child::after{display: none;}
.InService .item .itcon{display:table-cell;vertical-align:middle; width: 100%; text-align: center;background:rgba(0,0,0,0.3);}
.InService .item .itcon .name{ font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 20px;}
.InService .item .itcon .namc{ font-size: 15px; line-height: 32px; color: #fff; width: 90%; margin: 0 auto;}
.InService .item .itcon1{ display: none;}
.InService .item:nth-child(1):hover{ background: url(../img/serImg1.jpg) center top no-repeat;}
.InService .item:nth-child(2):hover{ background: url(../img/serImg3.jpg) center top no-repeat;}
.InService .item:nth-child(3):hover{ background: url(../img/serImg2.jpg) center top no-repeat;}
.InService .item:nth-child(4):hover{ background: url(../img/serImg4.jpg) center top no-repeat;}
.InService .item:hover .itcon{ display:none;}
.InService .item:hover .itcon1{ display: block;}
.InService .item .itcon1{ position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; background: url(../img/itcon1bg.png) center top no-repeat; padding: 120px 0 60px;}
.InService .item .itcon1 .Ti{ padding: 0 4%; width: 92%; font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 25px;}
.InService .item .itcon1 .Txl{padding: 0 3%; width: 94%;}
.InService .item .itcon1 .Txl a{ width: 48%; float: left; margin-bottom: 2%; margin-right: 2%; display: block; border: 1px #fff solid; line-height: 48px; font-size: 15px; color: #fff; text-align: center; position: relative; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.InService .item .itcon1 .Txl a::before{ content: ''; width: 0; height: 100%; position: absolute; left: 0; top:0; z-index: -2;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);}
.InService .item .itcon1 .Txl a:nth-child(2n){margin-right: 0;}
.InService .item .itcon1 .Txl a:hover::before{ width: 100%;}


/* 第四屏 */
.InNews{ width: 100%; position: relative;display: table;height: 100vh;}
.InNews .b{display:table-cell;vertical-align:middle;}
.InNews .Top{ position: relative;}
.InNews .Top .T{ font-size: 32px; color: #fff; font-weight: bold; line-height: 1; margin-bottom: 15px; }
.InNews .Top .Ti{ font-size: 14px; color: #fff; position: relative; line-height: 1;}
.InNews .Top .Ti::before{ content: ''; position: absolute; width: 2px; height: 2px; background: #045e74; left: 0; bottom: -12px;}
.InNews .Top .Ti::after{ content: ''; position: absolute; width: 30px; height: 2px; background: #045e74; left: 4px; bottom: -12px;}
.InNews .Top .Tc{ font-size: 14px; color: #fff; margin-top: 20px;}
.InNews .NewsList{ width: 100%; position: relative; margin-top: 40px;}
.InNews .NewsList li{ width: 30%; margin-right: 5%; float: left;}
.InNews .NewsList li:last-child{margin-right: 0;}
.InNews .NewsList li .Img{ width: 100%; position: relative;}
.InNews .NewsList li .Time{ width: 78px; height: 78px; background: rgba(4,94,116,0.85); position: absolute; left: 0; top:0; text-align: center;}
.InNews .NewsList li .Time dd{ font-size: 20px; color: #fff; font-weight: bold; margin-top: 8px;}
.InNews .NewsList li .Time dt{ font-size: 14px; color: #fff;}
.InNews .NewsList li .Tit{ font-size: 17px; color: #fff; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin: 10px 0;}
.InNews .NewsList li .Tii{ font-size: 14px; line-height: 28px; color: #fff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.InNews .NewsList li .More{font-size: 14px; color: #fff; margin-top: 15px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InNews .NewsList li .More:hover{ margin-left: 10px;}

/* 第五屏 */
.InContact{ width: 100%; position: relative;display: table;height: 100vh;}
.InContact .b{display:table-cell;vertical-align:middle;}
.InContact .Top{ position: relative;}
.InContact .Top .T{ font-size: 32px; color: #fff; font-weight: bold; line-height: 1; margin-bottom: 15px; position: relative;}
.InContact .Top .T::before{ content: ''; position: absolute; width: 2px; height: 2px; background: #045e74; left: 0; bottom: -12px;}
.InContact .Top .T::after{ content: ''; position: absolute; width: 30px; height: 2px; background: #045e74; left: 4px; bottom: -12px;}
.InContact .Top .Tc{ font-size: 14px; color: #fff; margin-top: 20px;}
.InContact .ConList{ width: 100%; position: relative; margin-top: 60px;}
.InContact .ConList .left{ width: 57%; float: left;}
.InContact .ConList .left .item{ width: 100%; position: relative; margin-top: 15px;}
.InContact .ConList .left .item .itl{ background: url(../img/ciconbg.png) center no-repeat; width: 110px; height: 81px;display: table; float: left;}
.InContact .ConList .left .item .itl dd{ font-size: 14px; color: #fff;display:table-cell;vertical-align:middle; position: relative; padding-left: 10px;}
.InContact .ConList .left .item .itl dd::before{content: ''; position: absolute; width: 25px; height: 3px; background: #fff; left:10px; top:15px;}
.InContact .ConList .left .item .itr{ float: left; margin-left: 35px;}
.InContact .ConList .left .item .itr p{ font-size: 18px; color: #fff;}
.InContact .ConList .left .item .itr span{ font-size: 16px; color: #fff;}
.InContact .ConList .right{ float: right;}
.InContact .ConList .right .item{ display: inline-block; margin-right: 20px;}
.InContact .ConList .right .item p{ text-align: center; font-size: 16px; color: #fff;}
.InContact .ConList .right .item:last-child{ margin-right: 0;}
.InContact .ConList .left .item:nth-child(1) .itr span{ font-size: 22px; font-weight: bold;}

/* footer*/
.footer{ width: 100%; height: 30px; padding: 15px 0; border-top: 1px #81706d solid;bottom: 0; position: absolute; left: 0;}
.footer .footl{ float: left; font-size: 14px; color: #fff; line-height: 30px;}
.footer .footl a{font-size: 14px; color: #fff;}
.footer .footr{ float: right; font-size: 14px; color: #fff; line-height: 30px;}
.footer .footr a{ font-size: 14px; color: #fff;}
.footer a:hover{ color: #ddd;}

/* Links */
.Links{ width: 100%; position: relative; margin-bottom: 30px; display: flex;  flex-direction: row; justify-content: space-between;}
.Links .Linksl{ float: left; background: url(../img/linkbg.png) left center no-repeat; height: 28px; line-height: 28px; font-size: 17px;
 color: #fff; padding-left: 40px; font-weight: bold;}
.Links .Linksc{  width: 86%;}
.Links .Linksc li{ width:31.6%; height: 30px;float: left;  line-height: 30px; text-align: center;cursor: pointer;position: relative; border: 1px #ccc solid; margin-right: 2%;}
.Links .Linksc li:last-child{ margin-right: 0; }
.Links .Linksc li .inyq{display:inline;width: 100%;position: relative; font-size: 15px; color: #fff;}
.Links .Linksc li .tc_yq{ height: 200px; display:none; width:96%;  left:-1px; bottom: 32px;position:absolute; background:#fff; z-index: 9999;text-align:left;  border: #ddd 1px solid;  overflow: auto; padding: 10px 2%;}
.Links .Linksc li .tc_yq a{ font-size: 14px; color: #333; font-weight: 500; line-height: 35px; float: left;padding:0 8%; width:84%;background: #f5f5f5;margin-bottom: 5px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Links .Linksc li .tc_yq a:hover{color: #fff; background-color: #045e74;}


/*  内页banner */
.pbanner{position:relative;overflow:hidden;color:#fff; padding-top: 100px;}
.pbanner .cover{display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.2)}
.pbanner .txts{position:absolute;left:0;right:0;top:45%; text-align: center;}
.pbanner .en{font-size:36px;font-weight: bold;text-transform:capitalize; position: relative;}
.pbanner .en::after{ content: ''; position: absolute; width: 50px; height: 3px; left: 50%; margin-left: -25px; bottom: -10px; background: #045e74;}
.pbanner .txx{max-width:100%;margin-top:20px}
.pbanner .scroll-down{position:absolute;bottom:10%;left:50%;margin-left:-650px}
.pbanner .pic2{position: relative;top:0;left:0}
.pbanner .pic2>img{display:block;width:100%;}
.scroll-down{cursor:pointer;border-radius:100%;width:48px;height:48px;border:1px solid #fff;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.scroll-down .aico{background-position:0 -56px;height:100%;-webkit-animation:scrollDown 2s infinite;-moz-animation:scrollDown 2s infinite;animation:scrollDown 2s infinite;}
@-webkit-keyframes scrollDown{

0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-webkit-transform:translateY(40%);transform:translateY(40%);opacity:0}

}

@-moz-keyframes scrollDown{

0%{-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-moz-transform:translateY(40%);transform:translateY(40%);opacity:0}

}

@keyframes scrollDown{

0%{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-webkit-transform:translateY(40%);-moz-transform:translateY(40%);transform:translateY(40%);opacity:0}

}


.PageMain{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative; background:#f7f7f7;border-bottom: 1px solid #eee;}
.PageNav .NavList{ width: 75%; float: left; }
.PageNav .NavList li{position: relative; display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .NavList li a{position: relative;font-size: 16px;height: 70px;line-height: 70px;padding: 0px 30px;color: #333;display: block;transition: 0.3s ease 0s;}
.PageNav .NavList li:before{position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: #045e74;transition: all .3s;}
.PageNav .NavList li:hover:before{width:80%;left:10%;background-color:#045e74;}
.PageNav .NavList li:hover a{ color: #045e74; }
.PageNav .NavList li.select:before{position: absolute;content: '';left: 10%;bottom: 0px;width: 80%;height: 3px;background-color:#045e74;}
.PageNav .NavList li.select a{ color: #045e74; }
.PageNav .NavList li a:after{content: '';position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.Crumbs{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0;}
.Crumbs .crumbs{ line-height: 70px; height: 70px;font-size: 16px; }
.Crumbs .crumbs .fangzi{display: inline-block; width: 18px; height: 17px;  background: url(../img/fangzi.png); margin-right: 5px; margin-bottom: -1px;}
.Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #fff; margin: 0 5px;}
.Crumbs .crumbs a:hover{ color: #045e74;}

/* 搜索 */
.so_search{ position: relative; margin: 12px 0; width: 20%; float: right;}
.so_search .search {position: relative;}
.so_search .search .search-txt{float: left; width: 82%;}
.so_search .search input{padding:10px 15px;color:#333;width: 100%;height:18px;line-height: 18px;border:1px solid #CCC;background:#fcfcfc;}
.so_search .search input:focus{ outline:0px;;border:1px solid #045e74;}
.so_search .search .search-btn{float: left; width: 18%;}
.so_search .search button{background:#045e74;width:100%;height:40px;border:none;
	background-image: url(../img/search.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
/*  搜索结果页 */
.so_box{ width: 100%; position: relative; padding: 60px 0;}
.so_box .so-title{line-height: 30px;color: #383838;font-size: 24px; border-bottom: 1px #ddd solid; margin-bottom: 30px;}
.so_box .so-title .fz14{ font-size: 14px;}
.so_box .so_list li{ width: 49%; margin-right: 2%; float: left;margin-bottom: 20px; background: #f7f7f7;}
.so_box .so_list li:nth-child(2n){ margin-right: 0;}
.so_box .so_list li a{ display: block; padding: 30px 4%; position: relative;perspective: 300px; -webkit-perspective: 300px;}
.so_box .so_list li a:before{content: "";width: 100%;height: 100%; background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74); position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;transform-origin: top center 0;transition: 0.54s;}
.so_box .so_list li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff;}
.so_box .so_list li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #045e74; position: relative; z-index:9;}
.so_box .so_list li .news__text{ margin-top: 11px;position: relative; z-index:9;}
.so_box .so_list li .news__text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 150px; margin: 0 20px 0 0;}
.so_box .so_list li .news__text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.so_box .so_list li .news__fix h3{ color: #232323; font-size: 16px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s;}
.so_box .so_list li .news__fix p{ color: #666666; font-size: 14px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.so_box .so_list li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.so_box .so_list li a:hover .news__fix h3{ color: #fff;}
.so_box .so_list li a:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.13);}
.so_box .so_list li a:hover time{ color:#fff;border-left: 7px solid #fff;}
.so_box .so_list li a:hover .news__more{ background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74); }
.Pageso_box .so_list hua li a:hover .news__more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.so_box .so_list li a:hover .news__fix p{ color:#fff;}


.PageAbout{width: 100%; position: relative; padding: 60px 0;}
.PageAbout .left{margin-left: 0px; clear: left; margin-right: 0px; width: 48%;float: left; position: static;}
.PageAbout .left .T{ font-size: 30px; color: #006db8;font-weight: bold; position: relative;}
.PageAbout .left .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.PageAbout .left .en{ font-size: 14px; color: #a9a9a9; position: relative;}
.PageAbout .left .en::before{ content: ''; position: absolute; width: 50px; height: 3px; background:#045e74; left: 0; bottom: -15px;}
.PageAbout .left .Tc{ font-size: 16px; line-height: 2.2;color: #555; margin-top: 30px;}
.PageAbout .left .Te{ margin-top: 30px; font-size: 15px; position: relative;}
.PageAbout .left .Te span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.PageAbout .left .Te:hover span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.PageAbout .left .Te .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.PageAbout .right{ width: 48%; margin-left: 4%; float: left;}
.PageAbout .right .Img{ width: 100%; padding:30px 0; position: relative;}
.PageAbout .right .Img img{ width: 100%;}
.PageAbout .right .Img::before{content: ''; position: absolute; width: 45%;height: 100%;right: 0px;top: 0px;
background-image: linear-gradient(60deg, #016b69 0%, #016b69 37%, #045e74 65%, #045e74 100%); background-size: cover; z-index: -1;}
.PageAbout .right .Img .pagevideo .more{position: absolute; left: 50%; top: 50%; width: 90px; height: 90px; margin-top: -45px; margin-left: -45px; cursor: pointer;}
.PageAbout .right .Img .pagevideo .more .inner{position: relative; z-index: 10; width: 90px; height: 90px; border-radius: 45px; background: rgba(255,255,255,.9) url(../img/video_ico.png) center no-repeat; background-size: 31% auto;}
.PageAbout .right .Img .pagevideo .more p{padding: 50%;position: absolute;left: 0;top: 0;border: 1px solid #045e74; box-shadow: 0 0 120px 30px rgba(4, 94, 116, 1) inset; border-radius: 100%; z-index: 1; opacity: 0;}
.PageAbout .right .Img .pagevideo .more .sp1{
	-webkit-animation: wateranimate 3s 2.4s ease-out infinite;
	animation: wateranimate 3s 2.4s ease-out infinite;
}
.PageAbout .right .Img .pagevideo .more .sp2{
	-webkit-animation: wateranimate 3s 1.6s ease-out infinite;
	animation: wateranimate 3s 1.6s ease-out infinite;
}
.PageAbout .right .Img .pagevideo .more .sp3{
	-webkit-animation: wateranimate 3s 0.8s ease-out infinite;
	animation: wateranimate 3s 0.8s ease-out infinite;
}
.PageAbout .right .Img .pagevideo .more .sp4{
	-webkit-animation: wateranimate 3s 0s ease-out infinite;
	animation: wateranimate 3s 0s ease-out infinite;
}
@-webkit-keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
@keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}
.PageAbout .right .Img .pagevideo .videoed{display: block !important;}
.PageAbout .videos{display:none; position:fixed; left:0; top:0;z-index:9999; width:100%; height:100vh; background: rgba(0, 0, 0, .8); padding:8% 20%;box-sizing: border-box; }
.PageAbout .videosList{ position: relative; padding: 40px; background: #fff;}
.PageAbout .vclose{ position:absolute; right:10px; top:10px; border-radius:100%; cursor: pointer;}

.PageAbout .Number{ width: 100%; position: relative; padding: 30px 0; background-color: #f7f7f7; margin-top:30px; }
.PageAbout .Number .Nuncon{ width: 33.333%; float: left; position: relative;}
.PageAbout .Number .Nuncon::after{ content: ''; position: absolute; width: 1px; height: 100%; background: #eee; right: 0; top:0;}
.PageAbout .Number .Nuncon:nth-child(3)::after{ display: none;}
.PageAbout .Number .Nuncon .Num{ text-align: center;}
.PageAbout .Number .Nuncon .Num .num1 .math{ font-size: 40px; color: #045e74; line-height: 1.4; font-weight: bold;}
.PageAbout .Number .Nuncon .Num .num1 span{ font-size: 16px; color: #666;}
.PageAbout .Number .Nuncon .Txt{ font-size: 16px; color: #999; text-align: center;}
.Pageqywh{ width: 100%; position: relative; padding: 60px 0; background:#f7f7f7;}
.Pageqywh .left{ float: left; width: 80%;}
.Pageqywh .left .T{font-size: 30px; color: #006db8;font-weight: bold; position: relative; }
.Pageqywh .left .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.Pageqywh .left .Ti{ font-size: 16px; color: #666; }
.Pageqywh .Top .Te{ font-size: 15px; position: relative; float: right;margin-top: 30px;}
.Pageqywh .Top .Te span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Pageqywh .Top .Te:hover span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Pageqywh .Top .Te .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.Pageqywh .qywhlist{ position: relative; margin-top: 30px;}
.Pageqywh .qywhlist .item{margin-right: 2%;width: 49%; float: left; position: relative; cursor: pointer;}
.Pageqywh .qywhlist .item:nth-child(2),.Pageqywh .qywhlist .item:nth-child(3){ margin-right: 0;}
.Pageqywh .qywhlist .item:nth-child(2){margin-bottom: 40px;}
.Pageqywh .qywhlist .item .list_text{position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 6%; display: block;}
.Pageqywh .qywhlist .item .list_text .Tit{ font-size: 24px; font-weight: bold; color: #333;}
.Pageqywh .qywhlist .item .list_text .line{ width: 40px; height: 2px; background: #333; margin: 15px 0;}
.Pageqywh .qywhlist .item .list_text .Tic{ font-size: 18px; line-height: 2; color: #333; font-weight:  bold;}
.culture .item{margin-bottom:30px;}
.culture .item:last-child{margin-bottom:0}
.culture .item .left{width:66%; float:left;}
.culture .item .right{width:32%; float: right;}
.culture .item .rect-4360{padding-bottom:43.6%;}
.culture .item .rect-45{padding-bottom:45%;}
.culture .item .rect-445{padding-bottom:44.5%;}
.culture .item .cover{position:absolute; left:0; bottom:0; width:100%;}
.culture .item .cover .box{padding:60px;}
.culture .item .cover .box .tit{font-size:30px; line-height:58px; font-weight:bold; color:#fff;}
.culture .item .cover .box .con{font-size:15px; line-height:20px; color:#fff; }
.culture .item .intro{background:#fff;transition:.5s ease;}
.culture .item:hover .intro{background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74); color:#fff;}
.culture .item .intro .box{padding:30px;}
.culture .item .intro .box .t{font-size:30px; line-height:35px; font-weight:bold; color:#333e46; margin-bottom:20px;transition:.5s ease;}
.culture .item .intro .box .c{font-size:15px; line-height:24px; height:72px; overflow:hidden; color:#666;transition:.5s ease;}
.culture .item:hover .intro .box .t,.culture .item:hover .intro .box .c{ color: #fff;}
.culture .itemjz{ position: relative;background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74); color: #fff;}
.culture .itemjz .box{padding:40px;}
.culture .itemjz .box .t{font-size:30px; line-height:35px; font-weight:bold;  margin-bottom:20px;transition:.5s ease;}
.culture .itemjz .box .c{font-size:15px; line-height:24px; overflow:hidden;transition:.5s ease;}
.culture1 .Ti{font-size: 30px; color: #006db8;font-weight: bold; position: relative; }
.culture1 .Ti[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.culture1 .item{float:left; width:23.5%; margin-right:2%; margin-top: 2%; overflow:inherit;}
.culture1 .item.item4{margin-right:0;}
.culture1 .item .rect-78{padding-bottom:78%;}
.culture1 .item .img{ position: relative;}
.culture1 .item .img .box{position: absolute; left: 0; top: 0; width: 100%;}
.culture1 .item .img .box .cover{padding: 30px 8%; font-size: 20px; color: #fff; font-weight: bold;}
.culture1 .item .intro{background:#fff; transition:.5s ease; width:95%; color:#0f0f0f; float:right; margin-top:-100px; position:relative; min-height:284px;}
.culture1 .item .intro .box{padding:30px 15px;}
.culture1 .item .intro .box .con p{line-height:28px; font-size:15px;}
.culture1 .item:hover .intro{background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74); color:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.2);}



.PageHoner{ width: 100%; position: relative; padding: 60px 0;}
.PageHoner .left{ float: left; width: 80%;}
.PageHoner .left .T{font-size: 30px; color: #006db8;font-weight: bold; position: relative; }
.PageHoner .left .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.PageHoner .left .Ti{ font-size: 16px; color: #666; }
.PageHoner .Top .Te{ font-size: 15px; position: relative; float: right;margin-top: 30px;}
.PageHoner .Top .Te span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.PageHoner .Top .Te:hover span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.PageHoner .Top .Te .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.PageHoner .honorList{ position: relative; margin-top: 30px;}
.PageHoner .honorList li{ width: 23.5%; margin-right: 2%; float: left;  cursor: pointer;}
.PageHoner .honorList li:nth-child(4n){ margin-right: 0;}
.PageHoner .honorList li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.PageHoner .honorList li:hover .img{border: 2px #045e74 solid;}
.PageHoner .honorList li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PageHoner .honorList li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageHoner .honorList li p{ background:#f5f5f5; line-height: 50px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageHoner .honorList li:hover p{ background: #045e74; color: #fff;}
.PageHoner .HonorList{ position: relative;}
.PageHoner .HonorList li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.PageHoner .HonorList li:nth-child(4n){ margin-right: 0;}
.PageHoner .HonorList li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.PageHoner .HonorList li:hover .img{border: 2px #045e74 solid;}
.PageHoner .HonorList li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PageHoner .HonorList li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageHoner .HonorList li p{ background:#f5f5f5; line-height: 50px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageHoner .HonorList li:hover p{ background: #045e74; color: #fff;}

.Pagehbgc{ width: 100%; padding: 60px 0;}
.Pagehbgc .item{ background: #f7f7f7; position: relative;height: 380px;}
.Pagehbgc .Img{ width: 50%; float: left; height: 100%;  overflow: hidden;}
.Pagehbgc .Img img{transition: 1s; -webkit-transition: 1s; width: 100%; height: 100%; display: block; }
.Pagehbgc .Titc{ width: 42%; float: right; padding: 4%; background: #f7f7f7;}
.Pagehbgc .Titc .line{ width: 50px; height: 3px; background: #045e74; margin: 15px 0;}
.Pagehbgc .Titc .T{ font-size: 24px; color: #006db8; font-weight: bold; position: relative;}
.Pagehbgc .Titc .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.Pagehbgc .Titc .Tc{ font-size: 16px; line-height: 30px; color: #666;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.Pagehbgc .Titc .Te{ margin-top: 30px; font-size: 15px; position: relative;}
.Pagehbgc .Titc .Te span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Pagehbgc .Titc .Te:hover span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Pagehbgc .Titc .Te .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.Pagehbgc .Img:hover img{ -webkit-transform:scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg);}
.Pagehbgc .item:nth-child(2n) .Img{ float: right;}
.Pagehbgc .item:nth-child(2n) .Titc{ float: left;}

.Pagehjjc{ width: 100%; padding: 60px 0;}
.Pagehjjc .item{ background: #f7f7f7; position: relative;height: 380px;}
.Pagehjjc .Img{ width: 50%; float: left; height: 100%;  overflow: hidden;}
.Pagehjjc .Img img{transition: 1s; -webkit-transition: 1s; width: 100%; height: 100%; display: block; }
.Pagehjjc .Titc{ width: 42%; float: right; padding: 4%; background: #f7f7f7;}
.Pagehjjc .Titc .line{ width: 50px; height: 3px; background: #045e74; margin: 15px 0;}
.Pagehjjc .Titc .T{ font-size: 24px; color: #006db8; font-weight: bold; position: relative;}
.Pagehjjc .Titc .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.Pagehjjc .Titc .Tc{ font-size: 16px; line-height: 30px; color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.Pagehjjc .Titc .Te{ margin-top: 30px; font-size: 15px; position: relative;}
.Pagehjjc .Titc .Te span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Pagehjjc .Titc .Te:hover span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Pagehjjc .Titc .Te .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.Pagehjjc .Img:hover img{ -webkit-transform:scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg);}
.Pagehjjc .item:nth-child(2n) .Img{ float: right;}
.Pagehjjc .item:nth-child(2n) .Titc{ float: left;}


.Pagehbzx{ width: 100%; padding: 60px 0;}
.Pagehbzx .item{ background: #f7f7f7; position: relative;height: 380px;}
.Pagehbzx .Img{ width: 50%; float: left; height: 100%;  overflow: hidden;}
.Pagehbzx .Img img{transition: 1s; -webkit-transition: 1s; width: 100%; height: 100%; display: block; }
.Pagehbzx .Titc{ width: 42%; float: right; padding: 4%; background: #f7f7f7;}
.Pagehbzx .Titc .line{ width: 50px; height: 3px; background: #045e74; margin: 15px 0;}
.Pagehbzx .Titc .T{ font-size: 24px; color: #006db8; font-weight: bold; position: relative;}
.Pagehbzx .Titc .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.Pagehbzx .Titc .Tc{ font-size: 16px; line-height: 30px; color: #666;}
.Pagehbzx .Titc .Te{ margin-top: 30px; font-size: 15px; position: relative;}
.Pagehbzx .Titc .Te span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Pagehbzx .Titc .Te:hover span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.Pagehbzx .Titc .Te .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.Pagehbzx .Img:hover img{ -webkit-transform:scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg);}
.Pagehbzx .item:nth-child(2n) .Img{ float: right;}
.Pagehbzx .item:nth-child(2n) .Titc{ float: left;}


.Pagehua li{ width: 49%; margin-right: 2%; float: left;margin-bottom: 20px;}
.Pagehua li:nth-child(2n){ margin-right: 0;}
.Pagehua li a{ display: block; background: #fff; padding: 30px 4%; position: relative;perspective: 300px; -webkit-perspective: 300px;}
.Pagehua li a:before{content: "";width: 100%;height: 100%; background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74); position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;transform-origin: top center 0;transition: 0.54s;}
.Pagehua li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff;}
.Pagehua li a time{ display: block; color: #999; font-size: 15px; padding-left: 8px; line-height: 19px; border-left: 7px solid #045e74; position: relative; z-index:9;}
.Pagehua li a .fenlei{ display: block; color: #666; font-size: 15px; padding-left: 8px; line-height: 19px; border-left: 7px solid #045e74; position: relative; z-index:9;}
.Pagehua li .news__text{ margin-top: 11px;position: relative; z-index:9;}
.Pagehua li .news__text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 150px; margin: 0 20px 0 0;}
.Pagehua li .news__text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.Pagehua li .news__fix h3{ color: #232323; font-size: 16px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s;}
.Pagehua li .news__fix p{ color: #666666; font-size: 14px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.Pagehua li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.Pagehua li a:hover .news__fix h3{ color: #fff;}
.Pagehua li a:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.13);}
.Pagehua li a:hover time{ color:#fff;border-left: 7px solid #fff;}
.Pagehua li a:hover .fenlei{ color:#fff;border-left: 7px solid #fff;}
.Pagehua li a:hover .news__more{ background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74); }
.Pagehua li a:hover .news__more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.Pagehua li a:hover .news__fix p{ color:#fff;}


.PageJian{ position: relative; width: 100%; padding: 60px 0;}
.PageJian .jian{ width: 100%; float: left;}
.PageJian .jian .T{ font-size: 30px; color: #006db8;font-weight: bold; position: relative;}
.PageJian .jian .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.PageJian .jian .en{ font-size: 14px; color: #a9a9a9; position: relative; margin-bottom: 25px;}
.PageJian .jian img{ max-width: 100%; margin: 10px 0;}

/* */
.PageCon{position: relative; width: 100%; padding: 60px 0; background: url(../img/qyjjbg.png) right bottom no-repeat;}
.PageCon .con{ width: 78%; float: left;}
.PageCon .con .T{ font-size: 30px; color: #006db8;font-weight: bold; position: relative;}
.PageCon .con .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.PageCon .con .en{ font-size: 14px; color: #a9a9a9; position: relative; margin-bottom: 25px;}
.PageCon .con .Number1{ width: 100%; position: relative; padding: 30px 0; background-color: #f7f7f7; margin-top:30px; }
.PageCon .con .Number1 .Nuncon{ width: 33.333%; float: left; position: relative;}
.PageCon .con .Number1 .Nuncon::after{ content: ''; position: absolute; width: 1px; height: 100%; background: #eee; right: 0; top:0;}
.PageCon .con .Number1 .Nuncon:nth-child(3)::after{ display: none;}
.PageCon .con .Number1 .Nuncon .Num{ text-align: center;}
.PageCon .con .Number1 .Nuncon .Num .num1 .math{ font-size: 40px; color: #045e74; line-height: 1.4; font-weight: bold;}
.PageCon .con .Number1 .Nuncon .Num .num1 span{ font-size: 16px; color: #666;}
.PageCon .con .Number1 .Nuncon .Txt{ font-size: 16px; color: #999; text-align: center;}
.qywr{ width: 100%; position: relative; background: url(../img/qyvrbg.jpg) center no-repeat; padding: 80px 0;}
.qywr .cover{ text-align: center;}
.qywr .cover .T{ font-size: 28px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.qywr .cover .ico{ width: 80px; height: 80px; margin: 0 auto; background: url(../img/vr.png) center no-repeat; display: block;}
.qywr .cover .ico:hover{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.5s 1; animation: beat 0.5s 1}


.PageVr{ position: relative; width: 100%; padding: 60px 0; }

/* NewsBox */
.NewsBox{ width: 100%; position: relative; padding: 60px 0; background: #f7f7f7;}
.PageNews { position: relative;}
.PageNews li{ width: 23.875%; margin-right: 1.5%; margin-bottom: 24px; float: left;}
.PageNews li:nth-child(4n){margin-right: 0;}
.PageNews li .news_fix{background: #fff;}
.PageNews li .box{padding: 25px 20px;}
.PageNews li .news_fix .tit{ display: block; font-size: 18px; color: #333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 56px; line-height: 28px;}
.PageNews li .news_fix p{font-size: 14px; line-height: 28px; height: 56px; color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; margin-bottom: 5px;}
.PageNews li .news_fix time{ color: #767676; }
.PageNews li .imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.PageNews li:hover .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.PageNews li:hover .news_fix .tit{ color: #045e74;}
.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:15px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:32px; margin-top:20px;}
.pageNewsD p a{font-size: 15px !important; }
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,tr{ font-size: 15px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}
.PageNews .Newslist{ width: 69.91%; }
.PageNews .Newslistbg{ padding: 4%; background: #fff;}
.Newslist01{width: 27.75%;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #045e74; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .news_hot .infor .con .detailBoxs{ width: 100%; position: relative;}
.Newslist01 .news_hot .owl-dots{position: absolute;left: 50%;margin-left: -39px;bottom: 160px;}
.Newslist01 .news_hot .owl-dots .owl-dot{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f8f9fc;float: left;margin-right: 12px;}
.Newslist01 .news_hot .owl-dots .owl-dot.active{background: #92cc1f;border-color: #92cc1f;}
.Newslist01 .pages1{ width:90%; padding: 5%; background: #fff;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #045e74; position: relative;}
.Newslist01 .pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#045e74;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #045e74; position: relative;}
.Newslist01 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#045e74;}

.Pagercln{ position: relative; width: 100%; padding: 60px 0;}
.Pagercln .rclnList{background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);}
.rclnList .left {width:63%; float:left;}
.rclnList .left .rect-4975{padding-bottom:49.75%;}
.rclnList .right{width:37%; float:right}
.rclnList .right .box{padding:60px 30px; color:#fff;}
.rclnList .right .box .tit{font-size:30px; margin-bottom:20px; transition:all 0.5s ease;}
.rclnList .right .box .con{font-size:18px;line-height:1.5; margin-bottom:15px; transition:all 0.5s ease;}
.rclnList .right .box .txt{font-size:15px;line-height: 30px;}
.rclndy{ position: relative; margin-top: 25px;}
.rclndy .itmeT .left{width:66%; float:left;background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);}
.rclndy .itmeT .left .rect-26 { padding-bottom: 26%;}
.rclndy .itmeT .left .box{ padding: 30px;}
.rclndy .itmeT .left .tit{ font-size: 30px; color: #fff;}
.rclndy .itmeT .left .con{ font-size: 15px; color: #fff;}
.rclndy .itmeT .right{width:32%; float:right; background: #f4f4f4;cursor: pointer;border-radius: 45px 0px 45px 0px;}
.rclndy .itmeT .right .box{ padding: 30px;}
.rclndy .itmeT .right .t{font-size: 24px; line-height: 35px; font-weight: bold;color: #333e46; margin-bottom: 20px; transition: .5s ease;}
.rclndy .itmeT .right .c{font-size: 15px;line-height: 28px; overflow: hidden; color: #666; transition: .5s ease;}
.rclndy .itmeT .right:hover{background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);border-radius: 0px 45px 0px 45px;}
.rclndy .itmeT .right:hover .t,.rclndy .itmeT .right:hover .c{ color: #fff;}
.rclndy .itemb .item{ width: 32%; float: left; margin-right: 2%; background: #f4f4f4; margin-top: 25px; cursor: pointer;border-radius: 45px 0px 45px 0px;}
.rclndy .itemb .item .box{ padding: 30px;}
.rclndy .itemb .item:nth-child(3n){ margin-right: 0;}
.rclndy .itemb .item .t{font-size: 24px; line-height: 35px; font-weight: bold;color: #333e46; margin-bottom: 20px; transition: .5s ease;}
.rclndy .itemb .item .c{font-size: 15px;line-height: 28px; overflow: hidden; color: #666; transition: .5s ease;}
.rclndy .itemb .item:hover{background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);border-radius: 0px 45px 0px 45px;}
.rclndy .itemb .item:hover .t,.rclndy .itemb .item:hover .c{ color: #fff;}


.lanmu{ margin-bottom: 30px;}
.lanmu .item{ background: #fff; position: relative; height: 380px;}
.lanmu .Img{ width: 50%; float: left; height: 100%;  overflow: hidden;}
.lanmu .Img img{transition: 1s; -webkit-transition: 1s; width: 100%; height: 100%; display: block; }
.lanmu .Titc{ width: 42%; float: right; padding: 4%; background: #fff;}
.lanmu .Titc .line{ width: 50px; height: 3px; background: #045e74; margin: 15px 0;}
.lanmu .Titc .T{ font-size: 24px; color: #006db8; font-weight: bold; position: relative;}
.lanmu .Titc .T[data-content]::after{content:attr(data-content);display: block; position:absolute;
 color:#016b69; left:0;top:0;z-index:2;-webkit-mask-image:-webkit-gradient(linear, 0 0, 0 bottom, from(#016b69), to(rgba(0, 0, 255, 0)));}
.lanmu .Titc .Tc{ font-size: 16px; line-height: 30px; color: #666;}
.lanmu .Titc .Te{ margin-top: 30px; font-size: 15px; position: relative;}
.lanmu .Titc .Te span{ float: left; width: 120px; height: 38px; text-align: center; line-height: 38px; color: #fff;  background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.lanmu .Titc .Te:hover span{ padding-left: 15px;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.lanmu .Titc .Te .m{ width: 38px; height: 38px; float: left; margin-left: 3px; color: #fff; text-align: center; line-height: 38px; background: #045e74;}
.lanmu .Img:hover img{ -webkit-transform:scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg);}




/* PageJoin */
.Joinbox{ position: relative; width: 100%; padding: 40px 0;}
.PageJoin .Joinlist{position: relative; width: 100%;}
.PageJoin .jnlist{ background: #f6f6f6; }
.PageJoin .jnlist li{float: left; text-align: center; padding: 15px 0; font-size: 16px; color: #333; width: 20%; font-weight: bold;}
.PageJoin .jnlist li:nth-child(2),.PageJoin .jnlist li:nth-child(4){ width: 30%;}
.PageJoin .joblist{ width: 100%; position: relative; margin-top: 10px;}
.PageJoin .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.PageJoin .joblist .list_dt p{float: left; text-align: center; padding: 10px 0; font-size: 15px; color: #333; width: 20%; }
.PageJoin .joblist .list_dt p:nth-child(2),.PageJoin .joblist .list_dt p:nth-child(4){ width: 30%;}
.PageJoin .joblist #open{ background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);}
.PageJoin .joblist #open p{ color: #fff }
.PageJoin .joblist .list_dt:hover{ background: -webkit-linear-gradient(120deg, #016b69, #045e74); background: -o-linear-gradient(120deg, #016b69, #045e74); background: -moz-linear-gradient(120deg, #016b69, #045e74); background: linear-gradient(120deg, #016b69, #045e74);}
.PageJoin .joblist .list_dt:hover p{ color: #fff; }
.PageJoin .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}

.Pagelx{ width: 100%; padding: 60px 0;position: relative;}
.contentUs{ width: 100%; position: relative; background:#fff;}
#allmap{width: 100%; height: 330px; float: left;}
.contentUs .list{ overflow:hidden; font-size:20px; color:#000; line-height:28px;background:#fff;}
.contentUs .list li{ float:left; width:33.33%; overflow:hidden; text-align:center; margin-top:4%; margin-bottom:4%;}
.contentUs .list li .box{ padding-left:10%; padding-right:10%; border-right:1px solid #e3e3e3;}
.contentUs .list li:last-child .box{ border-right:none;}
.contentUs .list li .box em.bgs1 {background: url(../img/contact_pic1.png);}
.contentUs .list li .box em.bgs2 {background: url(../img/contact_pic2.png);}
.contentUs .list li .box em.bgs3 {background: url(../img/contact_pic3.png);}
.contentUs .list li:hover em{transform: rotate(360deg);}
.contentUs .list li .box em{margin: 0 auto;width: 120px;height: 120px; display: block; transition: all 0.3s;background-repeat: no-repeat;background-position: center center; background-size: 100% 100%; margin-bottom: 5%;transition: all 0.3s;}
.contentUs .list li .box .h3{ font-size:16px; color:#666; font-weight:normal; margin-bottom:10px;}
.contentUs .list li .box p{ font-size: 18px; color: #000; line-height: 30px; font-weight: bold;}


/* foot*/
.foot{ width: 100%; position: relative; background: #222324; padding: 60px 0;}
.foot .bg{ width: 100%; height: 6px; background: -webkit-linear-gradient(-120deg, #016b69, #045e74); background: -o-linear-gradient(-120deg, #016b69, #045e74); background: -moz-linear-gradient(-120deg, #016b69, #045e74); background: linear-gradient(-120deg, #016b69, #045e74); position: absolute; top: 0;left: 0;}
.foot .footcon{  width: 100%; position: relative;}
.foot .footNav{ width: 80%; position: relative; float: left;}
.foot .footNav dl{ width: 17.7%; float: left;}
.foot .footNav dl:nth-child(5){ width: 29%;}
.foot .footNav dl dt{ font-size: 18px; color: #fff; position: relative; font-weight: bold;}
.foot .footNav dl dt::before{ content:''; width: 70px; height: 2px; background: #016b69; position: absolute; left: 0; bottom: -10px;}
.foot .footNav dl dt::after{ content:''; width: 15px; height: 2px; background: #045e74; position: absolute; left: 0; bottom: -10px;}
.foot .footNav dl dd{ margin-top: 30px; font-size: 14px; line-height: 30px; color: #fff;}
.foot .footNav dl dd img{ border-radius: 4px; }
.foot .footNav dl dd p{height: 30px; margin-bottom: 20px;}
.foot .footNav dl dd p img{ float: left;}
.foot .footNav dl dd p span{ line-height: 30px; font-size: 14px; color: #cdd7e6;float: left; margin-left: 10px;}
.foot .footNav dl dd p:last-child{ margin-bottom: 0;}
.foot .footNav dl dd p:nth-child(1) span{ font-size: 20px; color: #fff;}
.foot .footNav dl dd a{font-size: 14px; color: #fff; line-height: 30px; display: block;  padding-right: 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.foot .footNav dl dd a:hover{ color: #045e74;}
.foot .footfl{ float: right; width: 18%; }
.foot .footfl .fw{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 30px;}
.foot .footfl .line{ width: 100%; height: 2px; background: #045e74; margin: 10px 0;}
.foot .footfl .ewm{position: relative; width: 100%;}
.foot .footfl .ewm .l{ float: left; width: 50%;padding-bottom: 15px;}
.foot .footfl .ewm .l p{ font-size: 14px; color: #666;}
.foot .footfl .ewm .l span{ font-size: 17px; color: #ddd; font-weight: bold;}
.foot .footfl .ewm .Img{ float: right; width: 102px; height: 102px;}
.foot .footfl .ewm .Img img{ width: 100%;}
.copy{ width: 100%; height: 60px; background: #222324; border-top: 1px #3a3b3c solid;}
.copy .copyl{ float: left; font-size: 14px; color: #fff; line-height: 60px;}
.copy .copyl a{font-size: 14px; color: #fff;}
.copy .copyr{ float: right; font-size: 14px; color: #fff; line-height: 60px;}
.copy .copyr a{ font-size: 14px; color: #fff;}
.copy a:hover{ color: #ddd;}

/* fenye */
.pages{ margin:20px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:40px; line-height:40px; background:#f5f5f5; }
.pages li a{text-align:center; color:#333; padding:0 18px;}
.pages .active {background:#045e74; text-decoration:none;}
.pages .active a{color:#fff;}
.pages li:hover { background:#045e74; text-decoration:none;}
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}
.pages1{ width:100%; padding: 2% 0; background: #fff; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_l:hover a{ color:#045e74;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_r:hover a{ color:#045e74;}


/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 9999;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 70%;
    height: 72vh;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #045e74;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #045e74;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}