* { padding: 0; margin: 0; } .auto_1500{max-width:1500px;} @media(max-width:1500px){ .auto_1500{padding:0 2%;} } @-webkit-keyframes animal { 0% { /* transform: rotate(0deg); */ -ms-transform: rotate(0deg); /* -webkit-transform: rotate(0deg); */ } 100% { transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } ul, ol { list-style: none; } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, 0.2); } ::-webkit-scrollbar-track { border-radius: 0; background: rgba(0, 0, 0, 0.1); } .Scale-img { overflow: hidden; cursor: pointer; zoom: 1; overflow: hidden; } .Contain{ position:relative; clear:both; max-width:1200px; margin:0px auto;} body{ margin:0px auto; font-size:16px; line-height:30px; color:#666666; width:100%; zoom:1;} select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;} select { /*Chrome鍜孎irefox閲岄潰鐨勮竟妗嗘槸涓嶄竴鏍风殑锛屾墍浠ュ鍐欎簡涓€涓?/ border: solid 1px #d9d9d9; text-indent:1em; /*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄?/ appearance: none; color:#999999; -moz-appearance: none; -webkit-appearance: none; /*鍦ㄩ€夋嫨妗嗙殑鏈€鍙充晶涓棿鏄剧ず灏忕澶村浘鐗?/ /*background: url(../images/ico/selectarr.png) no-repeat scroll 95% center transparent;*/ /*涓轰笅鎷夊皬绠ご鐣欏嚭涓€鐐逛綅缃紝閬垮厤琚枃瀛楄鐩?/ padding-right: 14px; } @media (max-width:1440px){ .Contain{max-width:88%;} } @media ( max-width:1024px){ .Contain{max-width:none; margin:0 15px;} select,input,textarea,button{ font-size:14px;} } /*effict*/ .Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative;} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;} .Scale-img img, .Scale-img span { opacity: 1; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; } .Scale-img:hover img, .Scale-img:hover span { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); top: 0px; left: 0px; } .effict { transition: all ease 0.3s; } .imgbox { overflow: hidden; position: relative; } /*pages*/ .Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; font-size:18px; line-height:44px;} .Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;} .Pages a{ display:inline-block; margin:0px 3px;text-align:center; width:48px; color:#666666; background:#fff; border:1px solid #e6e6e6;} .Pages .p_page a{ display:inline-block; vertical-align:middle;} .Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; color:#000000; vertical-align:middle; width:88px; } .Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#fff; background:#238cac; border:1px solid #238cac;} .Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#238cac; border:1px solid #238cac; color:#fff;} .showMorehandle{ clear:both; padding-top:10px;} .showMorehandle a{ cursor:pointer; display:block; margin:0px auto; width:270px; line-height:46px; text-align:center; background:#238cac; color:#fff; border-radius:4px 4px 26px 4px;} .showMorehandle a:hover{ background:#b50027;} @media ( max-width:1440px){ .Pages{ font-size:16px; line-height:45px;} .Pages a{ width:45px;} .Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{width:50px;} } @media ( max-width:1024px){ .Pages{line-height:25px !important; font-size:14px;} .Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{width:30px;} .Pages .p_page .num a{ width:25px !important;} .showMorehandle a{width:110px; line-height:35px;} } .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .ptb{ padding:3% 0;} /*Top003111 */ .Top003111 { position: fixed; left: 0; width: 100%; z-index: 100; top: 0; background: #fff url(../images/huawen.jpg) repeat-x; } /* .Top003111:hover{background: rgba(35,140,172,.8);} .Top003111:hover .logox {display: block;} .Top003111:hover .logob {display: none;} .Top003111:hover menu li span a {color: #fff;} */ .Top003111_lm{position: relative;transition: all .3s;} .Top003111 .auto { max-width: 1500px; width: 90%; } .header.fixed { position: fixed; top: 0; left: 0; width: 100%; /* background: #fff; */ z-index: 999; } .Top003111 .logob {display: none;} @media (max-width:1920px) { .Top003111 .logox {display: none;} .Top003111 .logob {display: block;} } @media (min-width:1025px) { .Top003111 .logo { float: left; padding-top: 27px; } .Top003111 .logo img { /* height: 62px; */ width: 100%; max-width: 100px; } } @media (max-width:1024px) { .Top003111 .auto { display: flex; align-items: center; justify-content: space-between; height: 80px; } .Top003111 .auto:after { display: none; } .Top003111 .logo img { height: 50px; } .Top003111 {padding-bottom: 0;} /* body{padding: 73px 0 0 0;} */ .Top003111{position: relative;} } .Top003111 .top-nav>* { float: left; } .Top003111 .top-search { background-color: #fff; border-radius: 36px; padding-right: 36px; width: 128px; } .header.fixed .top-search { background-color: #f5f5f5; } .Top003111 .top-search .btn { position: absolute; right: 0; top: 0; width: 36px; height: 100%; background: url(../images/ss.png) no-repeat center center; background-size: 20px; } .Top003111 .top-search .text { width: 100%; height: 36px; line-height: 36px; padding: 0 0 0 20px; border: 0; background: none; } @media (min-width:1025px) { .Top003111 .top-nav { float: right; margin-top: 32px; } .Top003111 .top-search { display: block!important; } } @media (max-width:1024px) { .Top003111 .open-search { width: 36px; height: 36px; background: url(../images/ss.png) no-repeat center center; background-size: 20px; } .Top003111 .top-search { position: absolute; left: 5%; width: 90%; top: 100%; } .search-show .Top003111 .top-search { display: block; } } .Top003111 .top-lang { margin-left: 0; } .Top003111 .top-lang a { display: inline-block; line-height: 36px; width: 36px; text-align: center; border-radius: 50%; background-color: #fff; color: #238cac; font-size: 14px; } .Top003111 .top-lang a.on { background-color: #238cac; color: #fff; } @media (max-width:1024px) { .Top003111 .top-lang { margin: 0 2vw; } } .Top003111 menu li span, .Top003111 menu li a { display: block; } .Top003111 menu li span a { color: #000000; } .Top003111 menu li .sub { display: none; } @media (min-width:1921px) { .Top003111 menu li { margin-right: 61px; } } .Top003111 .wx{position: relative;padding: 0 10px;border-left: 1px solid #dedede;border-right:1px solid #dedede ;margin: 0 10px;} .Top003111 .wx .code{height: 0;position: absolute;left: 0;top: 100%;opacity: 0;transition: all 0.3s;max-width: unset;} .Top003111 .wx:hover .code{height: 200px;opacity: 1;} @media (min-width:1025px) { .Top003111 menu { float: right; } .Top003111 menu li { float: left; margin-right:3.178vw; font-size: 16px; } .Top003111 menu li span { line-height: 36px; position: relative; } .Top003111 menu li span::after{ content: ""; display: block; position: absolute; right: -2.089vw; top: 50%; transform: translateY(-50%); height: 20px; width:1px; background: #dcdcdc; } .Top003111 menu #m6 span::after{content: none;} .Top003111 menu li span a { position: relative; line-height: 100px; transition: all .5s ease; } .Top003111 menu li:hover span a {transform: translateY(-20%);transition: all .5s ease;color: #238cac;} .Top003111 menu li span a:after{ position: absolute; content: ''; height: 2px; background-color: #238cac; left: 50%; transform: translateX(-50%); bottom: 0; width: 0; /* transition: height 0.3s; */ transition: left .2s ease-in-out, width .2s ease-in-out; } .Top003111 menu li span a:hover:after, .Top003111 menu li.aon span a:after { width: 100%; } .Top003111 .sub { position: absolute; top: 100%; background-color: rgba(35, 140, 172, 0.9); width: 100%; left: 0!important; text-align: center; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .Top003111 .sub dt { line-height: 22px; text-align: center;display: inline-block; } .Top003111 .sub dt a { color: #fff; padding: 10px; transition: 0.3s; } .Top003111 .sub dt a:hover { background-color: rgba(0, 0, 0, 0.2); } } @media (min-width:1025px) and (max-width:1280px) { .Top003111 menu li { margin-right: 2vw; } .Top003111 menu li span::after{right: -1vw; } } @media (max-width:1024px) { .Top003111 .open-menu { height: 36px; } .Top003111 .open-menu i { background-color: #238cac; } body.menu-show { overflow: hidden; } .Top003111 menu { position: fixed; top: 80px; bottom: 0; width: 240px; background-color: rgba(255, 255, 255, 0.9); left: -100%; padding: 40px 0; opacity: 0; transition: 0.3s ease-out; } body.menu-show .Top003111 menu { left: 0; opacity: 1; } .Top003111 menu ul { height: 100%; overflow: auto; } .Top003111 menu li { border-bottom: 1px solid #eee; } .Top003111 menu li span { line-height: 3; font-size: 20px; } .Top003111 menu li span a { padding-left: 1em; } .Top003111 .has-sub span .op:before, .Top003111 .has-sub span .op:after { background-color: #238cac; } .Top003111 .sub { padding: 2em; font-size: 18px; background-color: rgba(0, 0, 0, 0.1); } .Top003111 .sub dt { line-height: 2.5; } } /*Banner003113 */ .Banner003113 { position: relative; z-index: 1; margin-top: 100px; } .Banner003113 .auto { max-width: 1500px; width: 86%; } .Banner003113 .slick-slide { position: relative; z-index: 1; } .Banner003113 .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; font-size: 100px; color: #333; } .Banner003113 .txt .ytable { height: 100%; } .Banner003113 .txt .ytable-cell>* { transition: 0.5s 0.5s; transform: translateX(30px); opacity: 0; } .Banner003113 .ani-show .txt .ytable-cell>* { transform: translateX(0); opacity: 1; } .Banner003113 .txt .sub-tit, .Banner003113 .txt .tit { font-style: italic; line-height: 0.75; } .Banner003113 .txt .sub-tit { font-size: 0.75em; position: relative; } .Banner003113 .txt .sub-tit:before { z-index: -1; position: absolute; left: -0.76em; width: 1.52em; height: 1.32em; content: ''; background: url(../images/Banner003113-text.svg) no-repeat; background-size: contain; top: -0.4133em; } .Banner003113 .txt .tit { font-size: 0.99em; margin: 0.2626em 0; transition-delay: 0.7s; } .Banner003113 .txt .tit span { color: #238cac; } .Banner003113 .txt .en { font-size: 0.27em; letter-spacing: 1.38em; margin-bottom: 1.666em; transition-delay: 0.9s; } .Banner003113 .txt .en figure { transform: skewX(-30deg); } .Banner003113 .txt .more { font-size: 0.16em; line-height: 3.125; background: url(../images/Banner003113-more.svg) no-repeat; background-size: 100% 100%; padding: 0 1.4375em 0 2.0625em; display: inline-block; transition: background 0.3s, transform 0.5s 1.2s, opacity 0.5s 1.2s; } .Banner003113 .txt .more:after { display: inline-block; content: ''; width: 2.125em; height: 0.5em; margin-left: 2.0625em; background: url(../images/Banner003113-btn-more.svg) no-repeat; background-size: contain; vertical-align: middle; } .Banner003113 .txt .more:hover { background-image: url(../images/Banner003113-more-hover.svg); color: #fff; } .Banner003113 .txt .more:hover:after { background-image: url(../images/Banner003113-btn-more-white.svg); } .Banner003113 .controls { position: absolute; left: 0; width: 100%; bottom: 3%; z-index: 20; line-height: 1.5; font-size: 16px; text-align: center; } .Banner003113 .controls .auto { position: relative; z-index: 1; } /* .Banner003113 .controls dl > *{float: left;} */ .Banner003113 .controls dt { color: #fff; } .Banner003113 .controls dt>* { display: inline-block; } .Banner003113 .controls dd { margin-left: 28px; } .Banner003113 .controls .total { margin-left: 14px; } .Banner003113 .slick-dots li { list-style: none; display: inline-block; margin-right: 10px; overflow: hidden; } /* .Banner003113 .slick-dots li:not(.slick-active){display: none;} */ .Banner003113 .slick-dots li span { color: #238cac; width: 10px; text-align: left; display: block; height: 10px; background: #fff; border-radius: 100px; line-height: 100px; } .Banner003113 .slick-dots li.slick-active span { background: #238cac; width: 30px; border-radius: 20px; } .Banner003113 .slick-arrow { width: 74px; height: 24px; background: url(../images/Banner003113-btn.svg) no-repeat center center; background-size: contain; display: block; } .Banner003113 .slick-prev { display: none!important; } .Banner003113 .mouse { position: absolute; z-index: 10; right: 0; bottom: 0; width: 34px; height: 48px; border-radius: 17px; border: solid 2px #fff; } .Banner003113 .mouse:after { position: absolute; content: ''; width: 2px; height: 10px; background-color: #238cac; top: 8px; left: 50%; margin-left: -1px; animation: infinite 1s linear updown; } @keyframes updown { 0% { top: 8px; opacity: 1; } 100% { top: 30px; opacity: 0; } } @media (min-width:1025px) { .Banner003113 .wap { display: none; } } @media (min-width:1025px) and (max-width:1366px) { .Banner003113 .txt { font-size: 6.5vw; } .Banner003113 .controls { bottom: 3vw; } } @media(max-width:1366px){ .Banner003113{margin-top:60px;} } @media (max-width:1024px) { .Banner003113 .mouse, .Banner003113 .pc { display: none; } .Banner003113 .txt { top: 80px; } .Banner003113 .txt .ytable { height: 50%; } } @media (max-width:768px) { .Banner003113 .txt { font-size: 11vw; } .Banner003113 .controls { bottom: 3vw; } .Banner003113{margin-top:0;} } /*Floor003065 */ .Floor003065 { margin: 2% 0; font-size: 16px; background: #f5f5f5; padding: 5% 0; } @media(min-width:769px) and (max-width:1024px) { .Floor003065 { font-size: 1.5vw; } } @media(max-width:640px) { .Floor003065 { font-size: 3.5vw; } } .Floor003065 .auto { max-width: 1600px; width: 96%; } .Floor003065 .txt-info { position: relative; } @media(min-width:769px) { .Floor003065 .txt-info { padding-left: 2.76vw; } .Floor003065 .ytable-cell { width: 50%; vertical-align: top; } } @media(max-width:768px) { .Floor003065 .ytable, .Floor003065 .ytable-cell { display: block; } } .Floor003065 .video .pic { position: relative; z-index: 1; overflow: hidden; background: #000; margin-bottom: 2.4vw; } .Floor003065 .video .pic img { opacity: 1; } .Floor003065 .video .play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; } .Floor003065 .video .play:before { position: absolute; content: ''; width: 86px; height: 86px; background: url("../images/Floor003065_play.png") no-repeat center center rgba(0, 0, 0, 0.2); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .Floor003065 .video .pic video { position: absolute; left: 0; top: 0; z-index: 20; background: #000; } @media(max-width:640px) { .Floor003065 .video .play:before { width: 20vw; height: 20vw; } } .Floor003065 .number ul { display: flex; align-items: center; justify-content: space-between; } .Floor003065 .number li { color: #333; text-align: center; width: 25%; } .Floor003065 .number li aside { color: #238cac; } .Floor003065 .number li aside b { font-size: 48px; font-weight: 900; line-height: 0.85em; display: inline-block; } .Floor003065 .number li p { margin-bottom: 0; } @media(min-width:769px) and (max-width:1024px) { .Floor003065 .number li aside b { font-size: 4vw; } } @media(max-width:640px) { .Floor003065 .number li aside b { font-size: 8vw; } } .Floor003065 .col-title { font-size: 48px; padding-bottom: 2vw; } .Floor003065 .col-title .cn { font-size: 36px; color: #238cac; } .Floor003065 .col-title .en { color: #238cac; line-height: 1em; padding-top: 0.2em; } @media(max-width:1366px) { .Floor003065 .col-title .cn { font-size: 36px; } } @media(min-width:769px) and (max-width:1024px) { .Floor003065 .col-title { font-size: 4vw; } } @media(max-width:640px) { .Floor003065 .col-title { font-size: 9vw; } } .Floor003065 .more { margin-top: 2.76vw; } .Floor003065 .more a { display: inline-block; color: #238cac; line-height: 2.875em; border-radius: 50px; border: solid 1px #238cac; padding: 0 2.5em; transition: 0.3s; font-size: 16px; } .Floor003065 .more a:hover { background: #238cac; color: #fff; } @media(max-width:640px) { .Floor003065 .more a { font-size: 4vw; } } .Floor003065 .txt-info .inner { position: relative; z-index: 3; } .Floor003065 .txt-info .info .name { color: #238cac; font-size: 24px; margin-bottom: 20px; } .Floor003065 .txt-info .info p { line-height: 2em; } .Floor003065 .txt-info .year { z-index: 1; padding: 2vw 10.21vw 3vw 2.08vw; border-radius: 20px; background-color: #238cac; } .Floor003065 .txt-info .year b { font-weight: 800; font-size: 3.13vw; color: #fff; position: relative; z-index: 3; line-height: 1em; } .Floor003065 .txt-info .year:after, .Floor003065 .txt-info .year:before { position: absolute; content: ''; background-position: center center; background-repeat: no-repeat; background-size: contain; } .Floor003065 .txt-info .year:before { width: 5.44vw; height: 5.44vw; background-image: url("../images/Floor003065_bg1.png"); right: 1.93vw; bottom: 0; } .Floor003065 .txt-info .year:after { width: 33.59vw; height: 31.93vw; background-image: url("../images/Floor003065_bg.png"); right: 0; bottom: 0; } @media(min-width:769px) { .Floor003065 .txt-info .year { position: absolute; right: 0; bottom: 0; } } @media(max-width:768px) { .Floor003065 .txt-info { margin-bottom: 5vw; } .Floor003065 .txt-info .year { position: relative; margin-top: 4vw; } .Floor003065 .txt-info .year br { display: none; } .Floor003065 .txt-info .year b { font-size: 6vw; } .Floor003065 .txt-info .year:after { width: 50vw; height: 50vw; } .Floor003065 .txt-info .year:before { width: 7vw; height: 7vw; } } @media(max-width:640px) { .Floor003065 .txt-info .info .name { font-size: 5vw; } } /*Floor002889 */ .Floor002889 { overflow: hidden; padding: 5% 0; } .Floor002889 .auto { position: relative; z-index: 1; width: 96%; max-width: 1600px; } .Floor002889 .slider-txt .num { font-size: 60px; color: rgba(255, 255, 255, 0.1); } .Floor002889 .slider-txt .name { color: #238cac; padding: 1.5vw 0 2.3vw 0; font-style: italic; } .Floor002889 .slider-txt .name .cn { font-size: 48px; } .Floor002889 .slider-txt .name .en { font-size: 36px; text-transform: uppercase; } .Floor002889 .slider-txt pre { line-height: 1.875em; font-size: 16px; height: 7.5em; } .Floor002889 .slider-txt .btn { padding-top: 2vw; } .Floor002889 .slider-txt .slick-arrow { width: 60px; height: 60px; border-radius: 50%; border: 1px solid #238cac; z-index: 2; position: relative; } .Floor002889 .slider-txt .slick-arrow:before { position: absolute; content: ''; width: 20%; height: 20%; border-left: 2px solid #238cac; border-top: 2px solid #238cac; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); left: 40%; top: 40%; } .Floor002889 .slider-txt .slick-next:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .Floor002889 .slider-txt .slick-prev { margin-right: 36px; } .Floor002889 .slider-txt .slick-disabled { border-color: #efefef; cursor: default; } .Floor002889 .slider-txt .slick-disabled:before { border-color: #bbb; } @media(max-width:1366px) { .Floor002889 .slider-txt .name .cn { font-size: 36px; } .Floor002889 .slider-txt .name .en { font-size: 26px; } } @media(max-width:768px) { .Floor002889 .slider-txt .slick-arrow { width: 8vw; height: 8vw; } .Floor002889 .slider-txt .slick-prev { margin-right: 5vw; } } .Floor002889 .dot-icon .slick-dots li { list-style: none; margin: 15px 0; } .Floor002889 .dot-icon .slick-dots li.slick-active button { background: rgb(35, 140, 172); /* Old browsers */ background: -moz-linear-gradient(left, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#238cac', endColorstr='#238cac', GradientType=1); /* IE6-9 */ } .Floor002889 .dot-icon .slick-dots li button { border: 0; background: none; border-radius: 80px; padding: 0 10px; height: 80px; width: 100%; text-align: left; cursor: pointer; } .Floor002889 .dot-icon .slick-dots li button>* { display: inline-block; vertical-align: middle; } .Floor002889 .dot-icon .slick-dots li b { color: #238cac; font-size: 24px; margin-left: 15px; } .Floor002889 .dot-icon .slick-dots li.slick-active b { color: #fff; } .Floor002889 .dot-icon .slick-dots li i { border-radius: 50%; background: rgb(35, 140, 172); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fff4ed', endColorstr='#ffd3b7', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .Floor002889 .dot-icon .slick-dots li img { display: block; width: 100%; } .Floor002889 .slider-pic { width: 25.479vw; height: 25.479vw; margin: 7.147vw auto; position: relative; box-shadow: 0 20px 40px rgba(35, 140, 172, 0.34); border-radius: 50%; z-index: 1; } .Floor002889 .slider-pic ul .slick-list, .Floor002889 .slider-pic ul .slick-track, .Floor002889 .slider-pic ul li, .Floor002889 .slider-pic ul { height: 100%; } .Floor002889 .slider-pic .Ispic { height: 100%; border-radius: 50%; } .Floor002889 .slider-pic .quan i { position: absolute; border-radius: 50%; border: 1px solid rgba(35, 140, 172, .5); z-index: 2; } .Floor002889 .slider-pic .quan i:nth-child(1) { left: -5%; right: -5%; top: -5%; bottom: -5%; } .Floor002889 .slider-pic .quan i:nth-child(2) { left: -17%; right: -17%; top: -17%; bottom: -17%; animation: orbit linear 30s infinite; } .Floor002889 .slider-pic .quan i:nth-child(2):before { position: absolute; content: ''; width: 14px; height: 14px; border-radius: 50%; right: 11.5%; top: 16%; box-shadow: 6px 0 10px rgba(35, 140, 172, 0.3); background: rgb(35, 140, 172); /* Old browsers */ background: -moz-linear-gradient(left, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(35, 140, 172, 1) 0%, rgba(35, 140, 172, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffa54e', endColorstr='#238cac', GradientType=1); /* IE6-9 */ } .Floor002889 .slider-pic .quan i:nth-child(3) { left: -35%; right: -35%; top: -35%; bottom: -35%; } .Floor002889 .slider-pic .quan i:nth-child(4) { left: -1px; right: -1px; top: -1px; bottom: -1px; box-shadow: 0 -9px 2px #238cac inset; border: 0; transform: rotate(-42deg); -webkit-transform: rotate(-42deg); -ms-transform: rotate(-42deg); background: -moz-linear-gradient(170deg, rgba(35, 140, 172, 0) 0%, rgba(35, 140, 172, 0) 42%, rgba(35, 140, 172, 0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(170deg, rgba(35, 140, 172, 0) 0%, rgba(35, 140, 172, 0) 42%, rgba(35, 140, 172, 0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(170deg, rgba(35, 140, 172, 0) 0%, rgba(35, 140, 172, 0) 42%, rgba(35, 140, 172, 0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ff7118', endColorstr='#e6ff7118', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } @-webkit-keyframes orbit { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(-1turn); transform: rotate(-1turn) } } @media(min-width:1025px) { .Floor002889 .dot-icon, .Floor002889 .slider-txt { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); z-index: 10; } .Floor002889 .slider-txt { left: 0; width: 30%; max-width: 348px; } .Floor002889 .dot-icon { right: 0; width: 310px; } } @media(max-width:1366px) { .Floor002889 .dot-icon .slick-dots li b { font-size: 20px; } } @media(max-width:1024px) { .Floor002889 .dot-icon { overflow: hidden; } .Floor002889 .dot-icon li { float: left; width: 20%; } .Floor002889 .dot-icon .slick-dots li button { height: auto; padding: 1vw; text-align: center; } .Floor002889 .dot-icon .slick-dots li i { width: 4vw; display: block; margin: 0 auto 0.5vw; } .Floor002889 .dot-icon .slick-dots li b { font-size: 2.2vw; margin-left: 1vw; } .Floor002889 .slider-pic { width: 50vw; height: 50vw; margin: 0 auto 10vw; } .Floor002889 .slider-pic .quan i:nth-child(2):before { width: 12px; height: 12px; right: 11%; top: 15%; } } @media(max-width:640px) { .Floor002889 .dot-icon .slick-dots li b { font-size: 3vw; } .Floor002889 .slider-txt .num { font-size: 9vw; } .Floor002889 .slider-txt .name .cn { font-size: 7vw; } .Floor002889 .slider-txt .name .en { font-size: 5vw; } .Floor002889 .slider-txt pre { font-size: 3vw; } } /*Floor003099 */ .Floor003099 { padding: 2% 0 } .Floor003099 .title { font-size: 48px; text-align: center; color: #333; padding-bottom: 4vw; } .Floor003099 .auto { max-width: 1600px; overflow: hidden; } .Floor003099 .slider .slick-list li a { display: block; margin: 0 2.55vw; } .Floor003099 .pic { overflow: hidden; position: relative; margin-right: 3px; } .Floor003099 .pic:before, .Floor003099 .pic:after { content: ''; position: absolute; width: 0; height: 0; opacity: 0; transition: 0.5s; border: 3px solid transparent; z-index: 10; } .Floor003099 .pic:before { left: 0; bottom: 0; border-left-color: #238cac; border-bottom-color: #238cac; } .Floor003099 .pic:after { right: 0; top: 0; border-right-color: #238cac; border-top-color: #238cac; } .Floor003099 li a:hover .pic:after, .Floor003099 li a:hover .pic:before { width: 100%; height: 100%; opacity: 1; } .Floor003099 .pic .Ispic { padding-bottom: 75.214%; transition: 0.5s; } .Floor003099 li a:hover .Ispic { transform: scale(0.8); } .Floor003099 .slider li .txt { padding-top: 2vw; } .Floor003099 .slider .slick-dots { display: table; margin: 0 auto; } .Floor003099 .slider .slick-dots li { float: left; border: 1px solid #eaeaea; border-radius: 50%; width: 8px; height: 8px; margin: 0 12px; background: #eaeaea; } .Floor003099 .slider .slick-dots li button { display: none; } .Floor003099 .slider .slick-dots li.slick-active { border-color: #ff0000; background: none; } .Floor003099 .txt label { display: block; font-size: 16px; color: #000; margin-bottom: 1.5vw; } .Floor003099 .txt time { font-size: 16px; color: #666; } .Floor003099 .txt .tit { font-size: 22px; color: #333; line-height: 30px; margin-top: 10px; } .Floor003099 .txt p { line-height: 1.714; width: 100%; color: #666; font-size: 15px; margin-top: 10px; } @media(max-width:1366px) { .Floor003099 .title { font-size: 36px; } .Floor003099 .txt .tit { font-size: 18px; } } @media(min-width:1025px) { .Floor003099 .slider .slick-list li { padding-bottom: 2.24vw; } .Floor003099 .slider .slick-list li:nth-child(2n) { padding-top: 2.24vw; padding-bottom: 0; } } @media(max-width:1024px) { .Floor003099 .title { font-size: 6vw; } } @media(min-width:641px) { .Floor003099 .slider { margin: 0 -2.55vw; } } @media(max-width:640px) { .Floor003099 .txt .tit { font-size: 5vw; } } /*Bottom002577 */ .Bottom002577 { background: #238cac; padding: 3% 0 1% 0; } .Bottom002577 .bottom { padding-bottom: 4%; } .Bottom002577 .bottom nav dt { color: #fff; } .Bottom002577 a { color: rgba(255, 255, 255, 0.9); } .Bottom002577 a:hover { color: #238cac; } .Bottom002577 .copyright { padding: 20px 0; font-size: 12px; color: rgba(255, 255, 255, 0.9); border-top: 1px solid rgba(255, 255, 255, 0.5); } .Bottom002577 .copyright dd a { display: inline-block; } .Bottom002577 .copyright dd a::after { display: inline-block; content: ''; width: 1px; height: 7px; margin: 0 10px; background: #8a8b8e; opacity: 0.2; } .Bottom002577 .copyright dd a:last-child::after { display: none; } .Bottom002577 .bottom .right { max-width: 274px; } .Bottom002577 .bottom .links p { margin: 0; color: rgba(255, 255, 255, 0.9); } .Bottom002577 .bottom .links ul { position: relative; z-index: 50; margin: 3% 0 36% 0; } .Bottom002577 .bottom .links ol { border: 1px solid rgba(255, 255, 255, 0.9); border-radius: 36px; line-height: 36px; padding: 0 18px; background: url(../images/Bottom002577_a_sel.png) no-repeat 95% center; color: rgba(255, 255, 255, 0.9); } .Bottom002577 .bottom .links li { display: none; position: absolute; left: 18px; z-index: 40; right: 18px; bottom: 100%; background: rgba(255, 255, 255, 0.9); border-radius: 4px 4px 0 0; } .Bottom002577 .bottom .links li a { display: block; line-height: 20px; padding: 5px 10px; } .Bottom002577 .bottom nav dl { float: left; margin-right: 8.5%; } .Bottom002577 .bottom nav dl:last-child { margin-right: 0; } .Bottom002577 .bottom nav dt { font-size: 16px; padding-bottom: 20px; } .Bottom002577 .bottom nav dd { line-height: 30px; } .Bottom002577 .bdsharebuttonbox a { width: 30px; padding: 0; height: 30px; border-radius: 50%; background: url(../images/Bottom002577_share.png) no-repeat left center rgba(255, 255, 255, 0.9); margin: 0 10px 0 0; } .Bottom002577 .bdsharebuttonbox a.bds_qzone { background-position: -40px center; } .Bottom002577 .bdsharebuttonbox a.bds_tsina { background-position: -80px center; } @media(max-width:1024px) { .Bottom002577 .bottom nav { display: none; } .Bottom002577 .bottom .right { margin: 0 auto; } .Bottom002577 .bottom .links ul { margin: 3% 0; } .Bottom002577 .bottom .bdsharebuttonbox { display: table; margin: 0 auto; } .Bottom002577 .copyright { text-align: center; line-height: 24px; } } @media(min-width:1025px) { .Bottom002577 .bottom .right { float: right; width: 30%; border-left: 1px solid rgba(255, 255, 255, 0.9); padding-left: 5%; } .Bottom002577 .copyright dd { float: left; } .Bottom002577 .copyright dt { float: right; } } /*Floor002919 */ .Floor002919{background:url("../images/Floor002919_bg.jpg") no-repeat center top #f5f5f5; padding:3% 0;background-size: cover;} .Floor002919 .more{ text-align: center;width: 125px; line-height: 40px;color: #fff; background: #238cac;display: block;} .Floor002919 .more:hover{background: #238cac;} .Floor002919 .more:after{display: inline-block; content: '';background: url("../images/Floor002919_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} @media(max-width:480px){ .Floor002919 .more{line-height: 10vw;} } @media(min-width:769px){ .Floor002919 .auto > .ytable > .ytable-cell{vertical-align: top;} .Floor002919 .Ispic{ width: 37.143%; height: 29.167vw;} .Floor002919 .info{padding-left: 4.167vw;} .Floor002919 .set-up{padding-top: 5.625vw; padding-bottom: 1.71875vw; margin-left: -250px;} .Floor002919 .set-up .year{width: 250px;} .Floor002919 .set-up .column{padding-left: 1.167vw;padding-top: 20px;padding-bottom: 20px;} } .Floor002919 .info p{font-size: 16px;line-height: 2.4em;color: #7d7d7d; margin: 1.5625vw 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-indent: 2em;} .Floor002919 .set-up .year{background: rgba(35,140,172,0.64);color: #fff; text-align: center;} .Floor002919 .set-up .year time{text-align: right;display: inline-block;} .Floor002919 .set-up .year time span{display: block;margin-bottom: 5px;font-size: 72px; line-height: 0.8em;} /* .Floor002919 .set-up .year time span:before{display: inline-block; height: 2px; background: #fff; content: ''; width: 16px; vertical-align:bottom; margin-right: 5px;} */ .Floor002919 .set-up .column{background: #fff;box-shadow: 0 0 10px rgba(35,140,172,.3);} .Floor002919 .set-up .column li{float: left;width: 25%; text-align: center;} .Floor002919 .set-up .column li aside{font-size: 50px;color: #238cac;font-weight: bold;margin-top: 10px;} .Floor002919 .set-up .column li p{font-size: 16px;color: #333;} .Floor002919 .set-up .column li aside i{font-weight: normal;font-size: 20px;font-style: normal;} .Floor002919 .set-up .column li a{display: block; transition: 0.3s;color: #000;font-size: 16px; padding: 20px 0;} .Floor002919 .set-up .column li a:hover{margin-top:-7px; background: #238cac;box-shadow: 15px 6px 32px rgba(35,140,172,0.3);color: #fff;} @media(max-width:768px){ .Floor002919 .ytable, .Floor002919 .ytable-cell{display: block;} .Floor002919 .Ispic{padding-bottom: 107%;} .Floor002919 .set-up{margin-top: 6vw;} .Floor002919 .set-up .ytable{position: relative;} .Floor002919 .set-up .year{position: absolute; left: 0; top: 0; width: 100%; z-index: 10; padding: 4vw 2vw; text-align: right;} .Floor002919 .set-up .column li aside{font-size: 20px;} .Floor002919 .info p{line-height: 26px;} } @media(max-width:640px){ .Floor002919 .set-up .year time span{font-size: 12vw;} .Floor002919 .set-up .column li a{font-size: 3.5vw;} .Floor002919 .set-up .column li .icon{margin-bottom:3vw;background-size: contain;height: 7vw;} } .Floor002920 { padding-top: 2vw; padding-bottom: 3vw; } .Floor002920 .auto { max-width: 1600px; } .title .cn { font-size: 30px; color: #333; padding-bottom: 10px; font-weight: bold; } .Floor002920 .title .en { color: #d2d2d2; letter-spacing: 2px; } @media(max-width:1024px) { .Floor002920 .title { padding-bottom: 6vw; } } @media(max-width:640px) { .Floor002920 .title .cn { font-size: 8vw; } } .Floor002920 .tab { padding-bottom: 2.605vw; } .Floor002920 .tab li { float: left; position: relative; min-width: 7.8125vw; text-align: center; list-style: none; } .Floor002920 .tab li a { display: block; cursor: pointer; line-height: 44px; font-size: 18px; padding: 0 20px; position: relative; z-index: 2; } .Floor002920 .tab li:not(:last-child):after { position: absolute; content: ''; width: 1px; height: 16px; background: #d6d6d6; top: 50%; margin-top: -8px; right: 0; } .Floor002920 .tab li.slick-active a { background: #238cac; color: #fff; border-radius: 30px; } .Floor002920 time { color: #238cac; font-size: 16px; } .Floor002920 time span { display: block; font-size: 2em; } .Floor002920 .tit { font-size: 18px; color: #000; margin-bottom: 1.042vw; } .Floor002920 p.dot3 { color: #7d7d7d; line-height: 1.715em; height: 5.145em; } .Floor002920 .n-top .txt { background: #f5f5f5; padding-top: 4.2%; padding-bottom: 4.2%; position: relative; padding-left: 132px; padding-right: 15px; } .Floor002920 .n-top .txt:before { width: 1px; height: 80%; background: #c6c6c6; position: absolute; top: 19px; left: 140px; margin-left: -27px; content: ''; } .Floor002920 .n-top .pic { overflow: hidden; } .Floor002920 .n-top .Ispic { padding-bottom: 75.193%; transition: 0.3s; } .Floor002920 .n-top a:hover .Ispic { transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); } .Floor002920 .n-top .txt time { position: absolute; left: 0; top: 47px; padding-left: 15px; } .Floor002920 .n-top .slick-dots { position: absolute; right: 18px; bottom: 30%; z-index: 10; } .Floor002920 .n-top .slick-dots li { float: left; margin: 0 4px; width: 20px; height: 3px; background: #fff; } .Floor002920 .n-top .slick-dots li.slick-active { background: #238cac; } .Floor002920 .n-top .slick-dots li button { display: none; } .Floor002920 .n-list dt a { position: relative; padding: 2.292vw; border: 1px solid #ececec; } .Floor002920 .n-list dt a:before { transition: 0.3s; width: 0; position: absolute; left: 0; top: 0; height: 2px; background: #238cac; content: ''; } .Floor002920 .n-list dt a:hover:before { width: 100%; } .Floor002920 .n-list .tit { margin-top: 1.042vw; } @media(min-width:769px) { .Floor002920 .n-list dt { float: left; width: 48.215%; margin-bottom: 3.57%; display: table; table-layout: fixed; min-height: 14.0625vw; } .Floor002920 .n-list dt:not(:nth-child(2n)) { margin-right: 3.57%; } .Floor002920 .n-list dt:nth-child(2n+1) { clear: left; } .Floor002920 .n-list dt a { display: table-cell; vertical-align: middle; } } @media(min-width:1025px) { .Floor002920 .n-top { width: 37.143%; } .Floor002920 .n-list { width: 60%; } .Floor002920 .tab ul { float: right; margin-top: -50px; } } @media(max-width:768px) { .Floor002920 .tab li a { font-size: 3.2vw; padding: 0 2vw; line-height: 9vw; } .Floor002920 .n-top .txt { padding-left: 24vw; } .Floor002920 .n-top .txt:before { left: 24vw; margin-left: -4vw; } .Floor002920 .tit, .Floor002920 time { font-size: 3.2vw; } .Floor002920 p.dot3 { font-size: 2.6vw; } .Floor002920 .n-list dt a { display: block; padding: 5vw; } .Floor002920 .n-list dt { margin-top: 5vw; } } @media(max-width:480px) { .Floor002920 .tit, .Floor002920 time { font-size: 4vw; } .Floor002920 p.dot3 { font-size: 3.5vw; } .Floor002920 .n-top .txt { padding-left: 26vw; } .Floor002920 .n-top .txt:before { left: 26vw; margin-left: -4vw; } .Floor002920 .n-top .slick-dots { bottom: 33%; } } /* .Floor001207 涓篸emo缂栧彿 */ .Floor001207 { background: url(../images/Floor001207-bg.jpg) no-repeat center top/cover; padding: 3% 0; overflow: hidden; } .tab_li { float: right; margin-top: -6.5%; } .tab_li span { display: inline-block; cursor: pointer; line-height: 44px; font-size: 18px; padding: 0 20px; position: relative; z-index: 2; } .tab_li span.active { background: #238cac; color: #fff; border-radius: 30px; } .Floor001207 h1 { margin: 0; font-size: 72px; text-transform: uppercase; } .Floor001207 h1 span { font-size: 30px; color: #333; padding-bottom: 10px; font-weight: bold; } .Floor001207 .boutique { position: relative; z-index: 1; } .Floor001207 li { position: absolute; z-index: 1; display: none; } .Floor001207 li img { width: 357px; height: 357px } .Floor001207 li a { display: block; } .Floor001207 .main { position: relative; } .Floor001207 .main .btn { position: absolute; width: 30px; height: 60px; top: 50%; margin-top: -30px; z-index: 10; cursor: pointer; } .Floor001207 .main .prev { left: -5%; } .Floor001207 .main .next { right: -5%; transform: rotate(180deg); } .Floor001207 .main .btn::before, .Floor001207 .main .btn::after { position: absolute; content: ''; width: 100%; height: 2px; background-color: #238cac; transform: rotate(-45deg); top: 50%; margin-top: -10px; } .Floor001207 .main .btn::after { transform: rotate(45deg); margin-top: 10px; } .Floor001207 li div { display: none !important; } .Floor001207 .name { text-align: center; font-size: 14px; margin: 0 auto; max-width: 40%; } .Floor001207 .name h6 { margin: 0; font-size: 24px; padding-bottom: 10px; position: relative; color: #333; } .Floor001207 .name h6::before { position: absolute; content: ''; width: 50px; height: 3px; background-color: #238cac; left: 50%; margin-left: -25px; bottom: 5px; } .Floor001207 .name p { line-height: 22px; height: 44px; overflow: hidden; margin: 0; text-transform: uppercase; } @media(max-width:1200px) { .Floor001207 .main .prev { left: 2%; } .Floor001207 .main .next { right: 2%; } } @media(max-width:1000px) { .Floor001207 h1 { font-size: 30px; } .Floor001207 h1 span { font-size: 18px; } } @media(max-width:768px) { .Floor001207 .name { max-width: none; } } @media(max-width:480px) { .Floor001207 h1 { font-size: 20px; } .Floor001207 h1 span { font-size: 16px; } .Floor001207 .name h6 { font-size: 18px; } .Floor001207 .main .btn { width: 20px; height: 40px; margin-top: -20px; } .Floor001207 .main .btn::before, .Floor001207 .main .btn::after { margin-top: -7px; } .Floor001207 .main .btn::after { margin-top: 7px; } } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* .Floor001118 涓篸emo缂栧彿 */ .Floor001118 { background-color: #f0f5f7; padding-bottom: 60px; } .Floor001118 .title { padding: 85px 0px 60px 0px; text-align: center; } .Floor001118 .title span { display: inline-block; line-height: 44px; font-size: 28px; color: #4c4c4c; border-bottom: 2px solid #009fd9; } .Floor001118 .title p { margin: 0; text-align: center; font-size: 14px; color: #999; padding-top: 20px; } .Floor001118 .box { position: relative; margin: 0px 30px; height: 370px; overflow: hidden; } .Floor001118 .box .left-btn, .Floor001118 .box .right-btn { position: absolute; top: 126px; height: 72px; display: inline-block; width: 74px; z-index: 10; cursor: pointer; background-repeat: no-repeat; } .Floor001118 .left-btn { left: 0px; background-image: url(../images/Floor001118-btn_prev.png); } .Floor001118 .left-btn:hover, .Floor001118 .left-btn.active { background-image: url(../images/Floor001118-btn_prev_hover.png); } .Floor001118 .right-btn { right: 0px; background-image: url(../images/Floor001118-btn_next.png); } .Floor001118 .right-btn:hover, .Floor001118 .right-btn.active { background-image: url(../images/Floor001118-btn_next_hover.png); } .Floor001118 .hidden { overflow: hidden; } .Floor001118 .list { position: relative; width: 100%; } .Floor001118 .list li { background: #fff; min-height: 345px; margin: 0px 17px; border: 1px solid #ffd4a3; border-radius: 2px; box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.2); transform: scale(0.9); opacity: 0.4; filter: alpha(opacity=40); text-align: center; transition: all 0.3s ease; } .Floor001118 .list li:hover { transform: scale(1); opacity: 1; filter: alpha(opacity=100); border-color: #e5e5e5; } .Floor001118 .list li h1 { font-size: 20px; color: #4c4c4c; font-weight: bold; height: 58px; line-height: 58px; margin: 0; } .Floor001118 .list li p { font-size: 12px; color: #999; line-height: 20px; margin: 0; height: 60px; overflow: hidden; } .Floor001118 .list li a { display: inline-block; margin: 20px 0px; padding: 5px 18px; color: #009fd9; font-size: 16px; border: 1px solid #009fd9; border-radius: 2px; } .Floor001118 .list li div { margin: 0px 24px; text-align: center; } .Floor001118 .list li div img { margin: 36px auto 0; max-width: none; width: auto; } .Floor001118 .owl-carousel .owl-stage-outer { padding: 20px 0; } .Floor001118 .owl-carousel.owl-drag .owl-item.active.center li { transform: scale(1); opacity: 1; filter: alpha(opacity=100); border-color: #e5e5e5; } .Floor001118 .owl-carousel.owl-drag .owl-item.active.center li a { color: #fff; background: #009fd9; } .Floor001118 .owl-carousel.owl-drag .owl-item.active.center li a:hover { background: #008cbf; } @media only screen and (min-width:1200px) { .Floor001118 .list li { margin: 0 10px; } } @media only screen and (min-width:1440px) { .Floor001118 .hidden { margin-left: 75px; margin-right: 75px; } .Floor001118 .list li { margin: 0 17px; } } @media only screen and (max-width:767px) { .Floor001118 .title span { font-size: 20px; } } .activehover { -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } .HomeTit { position: relative; text-align: center; padding-bottom: 30px; } .HomeTit h2 { font-weight: normal; font-size: 40px; color: #333333; line-height: 44px; text-indent: 0; } .HomeTit h2 i { display: block; margin: 0px auto; width: 46px; height: 43px; border-top: 2px solid #238cac; } .HomeTit p { line-height: 37px; font-size: 18px; color: #999999; text-transform: uppercase; } .HomeTit p i { display: block; margin: 0px auto; width: 46px; height: 18px; border-bottom: 2px solid #238cac; } .sub h2{font-size: 26px;} .sub p{text-indent:0 !important;} .HomeTit.tl { text-align: left; } .HomeTit.tl h2 i, .HomeTit.tl p i { margin: 0; } .HomeNews .auto { position: relative; } .HomeTit .nav { position: absolute; right: 0; top: 30px; } .HomeTit .nav a { background: #fff; float: left; display: block; text-align: center; width: 140px; line-height: 40px; margin-left: 30px; border-radius: 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } .HomeTit .nav a.on { color: #fff; background: #238cac; box-shadow: 0 5px 15px rgba(35, 140, 172, 0.35); } .HomeTit .more { text-align: center; width: 160px; line-height: 45px; color: #fff; background: #238cac; border-radius: 23px; } .HomeTit .more i { margin-left: 15px; } .HomeTit:hover .more { background: #c9002c; } .HomeTit-gs{text-align: left;padding-bottom: 0;} .HomeTit-gs p{margin: 0 !important;color: #999 !important;font-size: 18px !important;} .HomeTit-gs p i{margin: 0;} .HomePro { padding: 3% 0; background: #fff url(../images/probg.jpg) center top no-repeat; background-size: cover; } .HomePro .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: contain; position: absolute; left: 0px; top: 0px; width: 100%; padding-bottom: 67%; } .HomePro .img .imgbox span { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .HomePro .flipster { margin-top: 3%; padding: 15px 0 62px; } .HomePro .flipster ul { height: 420px !important; } .HomePro .flipster li { width: 400px; text-align: center; background: #fff; border-radius: 22px; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.16); padding-bottom: 20px; } .HomePro .flipster .imgbox { padding-top: 69%; border-radius: 22px 22px 0 0; } .HomePro .imgbox { overflow: hidden; position: relative; } .HomePro .Scale-img { overflow: hidden; cursor: pointer; zoom: 1; overflow: hidden; } .HomePro .flipster .ti { line-height: 32px; font-size: 20px; color: #333333; } .HomePro .flipster .ti span { display: block; line-height: 20px; color: #b5b5b5; font-size: 14px; } .HomePro .flipster .ico { padding: 20px 0 5px; } .HomePro .flipster .ico img { width: 40px; height: 40px; } .HomePro .flipto-prev, .HomePro .flipto-next { background: #dcdcdc; border-radius: 50%; display: block; bottom: 0px; text-align: center; width: 35px; height: 35px; line-height: 35px; position: absolute; } .HomePro .flipto-prev { left: 46%; } .HomePro .flipto-next { right: 46%; } .HomePro .flipto-prev:hover, .HomePro .flipto-next:hover { background: #238cac; color: #fff; } .HomePro .infoimg { margin-top: 2%; } @media ( max-width:1024px) { .HomeNav { display: block; } /* .HomePro .flipster { display: none !important; } */ .HomePro .flipster ul { height: 340px !important; } .HomePro .flipster li { width: 300px; padding-bottom: 20px; } .HomePro .flipster .ti { line-height: 24px; font-size: 16px; } .HomePro .flipster .ico { padding: 15px 0 5px; } .HomePro .flipto-prev { left: 42%; } .HomePro .flipto-next { right: 42%; } } @media ( max-width:768px) { .HomePro .flipster ul { height: 250px !important; } .HomePro .flipster li { width: 180px; padding-bottom: 20px; } .HomePro .flipto-prev { left: 38%; } .HomePro .flipto-next { right: 38%; } } .HomeNews { background: url(../images/newsbg.jpg) center top no-repeat; background-size: cover; padding: 2% 0 1.2% !important; } .HomeNews ul { margin-left: -20px; } .HomeNews li { width: 29.5%; float: left; } .HomeNews .box { margin: 0 0 20px 20px; overflow: hidden; transition: all ease 0.3s; background: #fff url(../images/logobg2.png) right 9px bottom 9px no-repeat; padding: 29px 6% 0; height: 212px; } .HomeNews .ti { color: #2f3035; font-size: 16px; line-height: 26px; overflow: hidden; } .HomeNews .p { font-size: 14px; text-indent: 2em; margin-top: 8px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #666666; } .HomeNews .date { font-size: 14px; color: #999999; } .HomeNews .more { padding-top: 26px; display: none; } .HomeNews .box h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .HomeNews li:hover .box { background: #fff url(../images/logobg2.png) right 9px bottom 9px no-repeat; } .HomeNews li.top { width: 41%; } .HomeNews li.top .box { padding: 0; height: auto; } .HomeNews li.top .imgbox { padding-top: 300px; } .HomeNews li.top .info { position: relative; padding: 16px 30px 0; height: 144px; background: #238cac; } .HomeNews li.top .info a { color: #fff; } .HomeNews li.top .ti { color: #fff; } .HomeNews li.top .p { color: #fff; margin-top: 0; opacity: 8; } .HomeNews li.top .date { color: #fff; opacity: .7; } .HomeNews li.top .more { display: none; margin: 0; position: absolute; right: 35px; top: -8px; color: #fff; } .HomeHr { background: url(../images/hrbg.jpg) center top no-repeat; background-size: cover; } .HomeHr .HomeTit p { padding: 6px 0 45px; color: #666666; } @media ( max-width:1440px) { .HomeNews li.top .imgbox { padding-top: 270px; } .HomeNews .box { height: 197px; padding-top: 20px; } } @media ( max-width:1024px) { .HomeNav { display: block; } .HomeNews .box h3{font-size:18px;} /* .HomePro .flipster { display: none !important; } */ .HomePro .flipster ul { height: 340px !important; } .HomePro .flipster li { width: 300px; padding-bottom: 20px; } .HomePro .flipster .ti { line-height: 24px; font-size: 16px; } .HomePro .flipster .ico { padding: 15px 0 5px; } .HomePro .flipto-prev { left: 42%; } .HomePro .flipto-next { right: 42%; } .HomeTit { padding-bottom: 22px !important; } .HomeTit h2 { font-size: 28px !important; line-height: 30px; } .HomeTit h2 i { width: 25px; height: 20px; } .HomeTit p { line-height: 28px; font-size: 15px !important; } .HomeTit p i { width: 25px; height: 10px; } .HomeTit .nav { top: 10px; } .HomeTit .nav a { width: 100px; line-height: 32px; margin-left: 10px; } .HomeNews li.top .imgbox { padding-top: 240px; } .HomeNews .ti { font-size: 18px; overflow: hidden; word-break: normal; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; height: 52px; } .HomeNews .box { padding-top: 20px; height: 162px; } .HomeNews li.top .info { padding: 10px; height: auto; } .HomeHr .HomeTit p { padding-bottom: 18px; } .HomeTit .more { width: 110px; line-height: 35px; } } @media ( max-width:768px) { .HomePro .flipster ul { height: 250px !important; } .HomePro .flipster li { width: 180px; padding-bottom: 20px; } .HomePro .flipto-prev { left: 38%; } .HomePro .flipto-next { right: 38%; } .HomeTit h2 { font-size: 19px !important; } .HomeTit p { line-height: 20px; font-size: 12px !important; } .HomeTit h2 i { height: 10px; } .HomeTit p i { height: 5px; } .HomeTit .nav a { width: 90px; } .HomeNews ul { margin-left: -10px; } .HomeNews li { width: auto; float: none; } .HomeNews li.top { width: auto; } .HomeNews .ti { font-size: 15px; line-height: 22px; -webkit-line-clamp: 10; height: auto; } .HomeNews li.top .imgbox { padding-top: 50%; } .HomeNews li.top .info { padding: 15px; height: auto; } .HomeNews li.top .more { right: 15px; top: 0; } .HomeNews .box { margin: 0 0px 10px 10px; padding: 15px 15px 0 15px; height: auto; } .HomeNews .p { margin-top: 0; height: 72px; } .HomeNews .more { padding-top: 0px; } } /*Bottom*/ .Footer { background: #fff; clear: both; color: #4c4c4c; padding-top: 47px; } .Footer a { color: #4c4c4c; } .Footer a:hover { color: #238cac; } .Footer .left { float: left; font-size: 14px; color: #333; padding-bottom: 0; } .Footer .lqlj{padding-bottom: 30px;} .Footer .lqlj dl{display:flex;flex-wrap: wrap;} .Footer .lqlj dl dd{margin-right: 10px;font-size: 12px;} .Footer .left .nav { font-size: 16px; padding-bottom: 19px; } .Footer .left .nav i { display: inline-block; height: 15px; width: 45px; background: url(../images/lineb.gif) center center no-repeat; } .Footer .left p { margin-bottom: 10px; } .Footer .left p span { display: inline-block; margin-right: 35px; } .Footer .left p .iconfont { color: #238cac; } .Footer .left p .iconfont img { max-width: 20px; } .Footer .ewm { float: right; text-align: center; line-height: 28px; font-size: 14px; } .Footer .ewm li { margin-right: 5%; float: left; width: 30%; line-height: 18px; } .Footer .ewm li:nth-child(3n){margin-right: 0;} .Footer .ewm li img { display: block; padding: 6px; width: 78px; height: 78px; background: url(../images/ewmbg.gif); } .Copyright { font-size: 14px; border-top: 1px solid #d6d6d6; text-align: center; color: #838383; padding: 18px 12px; } .Copyright a { color: #838383; } .Copyright a:hover { color: #238cac; } .totop { text-align: center; cursor: pointer; overflow: hidden; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; width: 50px; height: 50px; line-height: 50px; background: #238cac; color: #fff; position: fixed; right: 10px; bottom: 5%; } .totop.cd-is-visible { visibility: visible; opacity: 1; cursor: pointer; display: none; } @media ( max-width:1024px) { .Footer { padding-top: 20px; } .Footer .left { float: none; padding-bottom: 15px; } .Footer .left .nav { display: none; } .Footer .ewm { float: none; text-align: center; padding-bottom: 15px; } .Footer .ewm{display: flex;justify-content: space-between;} .Footer .ewm li { padding: 0 8px; float: none; /* display: inline-block; */ margin-right: 1%; min-height: 120px; width: 32%; } .Footer .ewm li img{margin: 0 auto;} .Copyright { padding: 10px 12px; font-size: 12px; line-height: 20px; } .totop { width: 35px; height: 35px; line-height: 35px; color: #fff; } .totop .iconfont { font-size: 14px; } } /*鏍忕洰椤靛叕鐢ㄦ牱寮 s*/ .bodybg{ background:#f3f3f3;} .SubPage{ height:auto !important;min-height:100px; height:100px;padding-top:3%;padding-bottom:3%;} .SubBan{ overflow:hidden; position:relative;margin-top: 100px;} .SubBan .txt{ position:absolute; width:1200px; left:50%; top:35%; color:#fff;transform: translateX(-50%);} .SubBan .txt h2{line-height:60px; font-size:48px; font-weight:normal;margin-bottom:20px;text-align: left;text-shadow: 5px 5px 5px #238cac;} .SubBan .txt p{ font-weight:bold; font-size:22px; max-width:575px;display: none;} .ColumnName{ text-align:center; font-size:15px; color:#fff; background:#238cac;display:none; line-height:38px; position:relative;} .ColumnName span{ display:inline-block; border-bottom:1px solid #fff; padding-bottom:22px;} .ColumnName .arr{ position:absolute; width:30px; right:10px; top:0;transition: all ease 0.3s;} .ColumnName .iconfont{ font-size:20px;} .ColumnName.on .arr{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important; -ms-transform: translate(0, -3px) rotate(-180deg) !important; -o-transform: translate(0, -3px) rotate(-180deg) !important; transform: translate(0, -3px) rotate(-180deg) !important;} .SubMenu{ line-height:59px;clear:both; text-align:center; position:relative; z-index:5; background:#ffffff; border-bottom:1px solid #e6e6e6;} /* .SubMenu .Contain{max-width: 1500px;} */ .SubMenu ul{ float:left;} .SubMenu li{float:left; position:relative; margin-right:44px;} .SubMenu li a{ z-index:1; position:relative; z-index:1; display:block; font-size:16px; padding:0 8px; color:#000000;} .SubMenu li .bg{ position:absolute; z-index:0; width:0%; bottom:0px; height:2px; left:0; background:#238cac;transition: all ease 0.3s; font-size:0;} .SubMenu li:hover .bg,.SubMenu li.onli .bg{ width:100%;} .SubMenu li a:hover,.SubMenu li.onli a{ color:#238cac;} .SubMenu .place{ float:right; font-size:14px;} .SubMenu .place a{ color:#666666;} .SubMenu .place a:hover,.SubMenu .place span{ color:#238cac;} .SubMenu .place .ico{ width:30px; height:30px; line-height:30px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:10px; text-align:center; background:#e5e5e5;} .SubMenu .place .ico .iconfont{ color:#a0a0a0; font-size:16px;} .SubMenu .place .ico img{max-width: 15px;vertical-align: middle;padding-bottom: 3px;} .SinglePage{word-wrap:break-word;word-break:normal;text-align:justify;} .SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;} @media ( max-width:1600px){ .SubBan .txt{ width:88%; left:6%; margin-left:0; top:25%;} } @media ( max-width:1024px){ .SubPage{padding-top:4.5%;padding-bottom:4.5%;} .SubBan .txt{ display:none;} .SubBan{margin-top: 0;} .ColumnName{ display:block;} .SubMenu{ border-bottom:0; margin-top:0; background:none; line-height:35px;} .SubMenu ul{ display:none; float:none; background:#faf8f5; margin:0; padding:0 15px;} .SubMenu li{text-align:left; width:auto; float:none; border-bottom:1px solid #f2f1f0;} .SubMenu .ico{ display:inline-block; vertical-align:middle; margin:2px 6px 0 0; width:25px; height:22px;} .SubMenu li .i1,.SubMenu li .i2{width:25px; height:22px;} .SubMenu li a{font-size:16px; padding:0 0 0 12px; border-left:0; border-right:0; line-height:35px; height:auto;} .SubMenu li .bg{ display:none;} .SubMenu li:last-child{ border-bottom:0;} .SubMenu .place{ float:none; text-align:right;} .SubMenu .place .ico{ width:24px; height:24px; line-height:24px;} .SinglePage video{ width:100% !important;} } @media(max-width:767px){ .SinglePage img{width: auto !important;height: auto !important;} } /*鏍忕洰椤靛叕鐢ㄦ牱寮 end*/ em,i{font-style: normal;} /*RighInfo002806 */ .RighInfo002806{padding: 2% 0;} .RighInfo002806 .txt aside.t-1{font-size: 42px;color: #333437;} .RighInfo002806 .txt aside.t-2{ color: #238cac;font-size: 34px;} .RighInfo002806 .txt p{line-height: 30px;font-size: 16px;} .RighInfo002806 .num .pic img{display: block; width: 100%;} .RighInfo002806 .num .list{ margin-top: 7.518%;position: relative;} .RighInfo002806 .num .list:before, .RighInfo002806 .num .list:after{position: absolute; content: ''; border: 5px solid #238cac; width: 30px; height: 30px;} .RighInfo002806 .num .list:before{left: 0; top: 0; border-right: 0;border-bottom: 0;} .RighInfo002806 .num .list:after{right: 0; bottom: 0; border-top: 0;border-left: 0;} .RighInfo002806 .num .list li{float:left; width: 55%; padding: 30px 0;} .RighInfo002806 .num .list li:nth-child(2n){width: 45%} .RighInfo002806 .num .list li:nth-child(3),.RighInfo002806 .num .list li:nth-child(4),.RighInfo002806 .num .list li:nth-child(5){width: 33%;text-align: center;} .RighInfo002806 .num .list li .inner{padding-left: 16%;color: #238cac;font-size: 100px;} .RighInfo002806 .num .list li aside{overflow: hidden; height: 0.6em;} .RighInfo002806 .num .list li sub{font-size: 0.24em;text-transform: uppercase; line-height: 0.8em;float: left;margin-top: 1.7em;} .RighInfo002806 .num .list li sup{font-size: 0.5em;line-height: 0.7em;vertical-align:top;} .RighInfo002806 .num .list li span{font-size: 50px;line-height: 60px;vertical-align: text-top;} .RighInfo002806 .num .list li p{font-size: 0.2em;} .RighInfo002806 .num .list li aside *{display: inline-block;} .RighInfo002806 .culture ul{padding: 4.6875% 0;background: rgba(246,85,13,0.8);} .RighInfo002806 .culture li{ vertical-align: top;color: #fff;} .RighInfo002806 .culture li aside{font-size: 24px; margin: 15% 0 6% 0;} .RighInfo002806 .culture li p{line-height: 32px; font-size: 20px;} @media(min-width:481px){ .RighInfo002806 .culture ul{display: table;width: 100%;} .RighInfo002806 .culture li{display: table-cell;width: 33.333333%;padding-left: 5%; } .RighInfo002806 .culture li:not(:last-child){border-right: 1px solid rgba(255,255,255,0.5);} } @media(min-width:769px){ .RighInfo002806 .num .pic{float: right; width: 43.75%; position: relative;} .RighInfo002806 .num .pic:before{position: absolute; left: 0;bottom: 0; height:66.746%; width: 12.143%;background: #fff; content: '';} .RighInfo002806 .num .list{float: left; width: 50%;} } @media(max-width:1280px){ .RighInfo002806 .num .list li .inner{font-size: 80px;} } @media(max-width:1024px){ .RighInfo002806 .num .list li .inner{font-size: 70px;} } @media(min-width:481px) and (max-width:640px){ .RighInfo002806 .culture li img{height: 40px;} } @media(max-width:640px){ .RighInfo002806 .txt aside.t-1{font-size: 32px;} .RighInfo002806 .txt aside.t-2{font-size: 24px;} .RighInfo002806 .culture li aside{font-size: 18px; } .RighInfo002806 .culture li p{line-height: 24px; font-size:16px;} } @media(max-width:480px){ .RighInfo002806 .num .list li .inner{font-size: 50px;} .RighInfo002806 .culture{background-size:100% 100%;} .RighInfo002806 .culture li{padding:5%; margin: 0 5%;} .RighInfo002806 .culture li aside{ margin: 6% 0;} .RighInfo002806 .culture li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.5); margin-bottom: 3%;} } /*浼佷笟绠€浠 s*/ .about_box{ color:#333; background: #f5f5f5;padding: 3% 0;} .gs_jj ul li{float: left; width: 32.6%; margin-right: 1%;} .gs_jj ul li .Ispic{padding-bottom: 74%;} .gs_jj ul li:nth-child(3n){margin-right: 0;} .gs_jj p{margin-top: 10px;line-height: 26px;text-indent: 2em;color: #333;} .jj_two img{float: left;} /*Floor003090 */ .Floor003090{font-size: 16px;overflow: hidden;background: #f5f5f5;} .Floor003090 .slider li a{display: block; overflow: hidden;position: relative;} .Floor003090 .slider li .Ispic{padding-bottom: 81.912%;} .Floor003090 .slider li .pic{position: relative;} .Floor003090 .slider li .pic .hover{position: absolute; left: 0; top: 0; width: 100%; z-index: 3; height: 100%; padding: 0; opacity: 0;transition: 0.3s;} .Floor003090 .slider li .txt{position: absolute;padding: 0vw 10px 10px 10px;left:0; top: 50%; z-index: 10; width: 100%;transform: translateY(-50%);} .Floor003090 .slider li .tit{font-size: 16px; color: #238cac; margin-bottom: 2.08vw;line-height: 25px;border-bottom: 1px solid #238cac;font-weight: bold;background: url(../images/tit_03.png) no-repeat -0 5px;background-size: 25px;padding-left: 40px;padding-bottom: 15px;} .Floor003090 .slider li .tit span{color: #e62129;font-weight: bold;font-size: 20px;} .Floor003090 .slider li pre{line-height: 1.75;transition: 0.3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 84px;} .Floor003090 .slider li a:hover .txt pre{-webkit-line-clamp:9;height: 252px;} .Floor003090 .slider li a:not(:hover) .tit{color: #238cac;} .Floor003090 .slider li a:hover .tit{display: none;} .Floor003090 .slider li a:hover{color: #fff;} .Floor003090 .slider li a:hover .pic .hover{opacity: 1;} .Floor003090 .but{padding-top: 2vw;} .Floor003090 .but .slick-arrow{cursor: pointer;padding: 0; border: 0;border-radius: 50%;background: url("../images/Floor003090-more.svg") no-repeat center center #dae2ec; width: 50px; height: 50px; transition: 0.3s;} .Floor003090 .but .slick-prev{margin-right: 30px;transform: rotateY(180deg);} .Floor003090 .but .slick-arrow:hover{background-color: #fff;} /*Floor002732 */ .Floor002732{overflow-x: hidden;} .Floor002732 .auto{padding: 0!important; width: 96%; } .Floor002732 .column-name{ text-align: center; padding: 35px 0; font-size: 28px;} .Floor002732 .column-name .cn{color: #184477; letter-spacing: 5px;line-height: 48px; position: relative; z-index: 10; text-indent: 5px;} .Floor002732 .column-name .en{text-transform: uppercase; color: #f1f1fa; margin-top: -18px;line-height: 24px;} @media(max-width:480px){ .Floor002732 .column-name{ font-size: 24px;} .Floor002732 .column-name .cn{line-height: 40px;} } .Floor002732 .slick-dots{padding-top: 20px; text-align: center;} .Floor002732 .slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Floor002732 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;} .Floor002732 .slick-dots li.slick-active{border-color: #184477;} .Floor002732 .slick-dots li.slick-active button{ width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #184477;} .Floor002732 .main{position: relative; } .Floor002732 .main:before, .Floor002732 .main:after{position: absolute; content: ''; width: 100%; height: 3px; background: #ebebeb; left: 0;} .Floor002732 .main:before{ top: 0;} .Floor002732 .main:after{bottom: 0;} .Floor002732 .main .slider{margin-left: -19.5px; margin-right: -19.5px; } .Floor002732 .main .slick-list{padding: 0 19.5px;} .Floor002732 .slider{position: relative; z-index: 10;} .Floor002732 .slider li.slick-slide{position: relative; height: auto;} .Floor002732 .slider li:before{position: absolute; content: ''; left: -19px;top: 0; height: 0; background: #184d9c; right:-19px;opacity: 0; -webkit-opacity: 0; transition: 0.3s ease-in-out;} .Floor002732 .slider li:hover:before{ opacity: 1; -webkit-opacity: 1; height: 100%;} .Floor002732 .slider li a{ position: relative; z-index: 10; text-align: center; height: 312px;} .Floor002732 .slider li p{height: 0; opacity: 0; -webkit-opacity: 0; color: #fff;} .Floor002732 .slider li .icon img{width: 75px; height: 75px;} .Floor002732 .slider li .icon .off{display: none;} .Floor002732 .slider li .title{max-width: 90%; margin: 0 auto; font-size: 16px; color: #555;} .Floor002732 .slider li h2{ margin-bottom: 10px; font-size: 20px; color: #184477;} .Floor002732 .slider li a:hover .title h2, .Floor002732 .slider li a:hover .title{color: #fff;} .Floor002732 .slider li a:hover .icon .on{display: none;} .Floor002732 .slider li a:hover .icon .off{display:inline-block;} .Floor002732 .slider li a:hover p{height:78px;opacity: 1; -webkit-opacity: 1; line-height: 26px;transition: 0.3s ease-in-out;} .Floor002732 .slick-dots{position: absolute; left: 0; bottom: -40px; width: 100%; z-index: 10;} @media(max-width:1100px){ .Floor002732 .main{margin-bottom: 50px;} } /*RighInfo002810 */ .RighInfo002810{padding: 3% 0;} .RighInfo002810 .txt-logo{background: url(../images/RighInfo002810-bg.jpg); margin-bottom: 3%;padding: 4% 0;} .RighInfo002810 .txt-logo .txt .inner{display:inline-block;font-weight: bold;text-align: left;line-height: 26px;color: #333; font-size: 15px;} .RighInfo002810 .txt-list .box:not(:last-child){margin-bottom: 6%;} .RighInfo002810 .txt-list .box .RighInfo002810 .txt-list .info{line-height: 28px;} .RighInfo002810 .txt-list .info p{text-indent: 2em;font-size: 16px;} .RighInfo002810 .ytable{margin-bottom: 20px;} @media(min-width:769px){ .RighInfo002810 .txt-logo .ytable-cell{width: 50%; text-align: center;} .RighInfo002810 .txt-logo .txt{border-right: 1px solid #eee;} .RighInfo002810 .txt-list .pic{width: 46.667%;} .RighInfo002810 .txt-list .pic img{max-width: 92.858%;} .RighInfo002810 .txt-list .box:nth-child(2n) .pic{text-align: right;} .RighInfo002810 .txt-list .info{border-bottom: 1px solid #eee;} } @media(max-width:768px){ .RighInfo002810 .ytable, .RighInfo002810 .ytable-cell{display: block;} .RighInfo002810 .txt-logo{text-align: center;} .RighInfo002810 .txt-list .pic img{display: block;width: 100%;} } /* .RighInfo002803 涓篸emo缂栧彿 */ .RighInfo0028031{padding-top: 3%;} .RighInfo002803 .txtbox { text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; clear: both; } .RighInfo002803 .name { font-size: 24px; color: #000; line-height: 1; padding-bottom: 20px; } .RighInfo002803 .name em { font-style: normal; color: #238cac; } .RighInfo002803 .word { line-height: 30px; font-size: 16px; color: #585858; position: relative; } .RighInfo002803 .word .wap_pic { display: block; text-align: center; } .RighInfo002803 .word .pc_pic { display: none; } .RighInfo002803 .word .fr { margin-left: 60px; margin-bottom: 40px; } .RighInfo002803 .word .fl { margin-right: 60px; margin-bottom: 40px; margin-top: 40px; } .RighInfo002803 .owl-carousel .owl-dots{text-align: center;position: absolute;left: 50%;transform: translateX(-50%);bottom:-50px;} .RighInfo002803 .owl-carousel .owl-dots .owl-dot{width: 10px;height: 10px;background:#ccc;margin-left: 10px;display: inline-block;} .RighInfo002803 .owl-carousel .owl-dots .owl-dot:first-child{margin-left: 0;} .RighInfo002803 .owl-carousel .owl-dots .active{background: #238cac;width: 10px;} @media only screen and (min-width:769px ) { .RighInfo002803 .name { font-size: 36px; padding-bottom: 30px; } .RighInfo002803 .word .wap_pic { display: none; } .RighInfo002803 .word .pc_pic { display: block; position: absolute; right: 0; top: 0; z-index: 0;width: 50%; } .RighInfo002803 .word .pc_pic .Ispic {padding-bottom: 72%;} .RighInfo002803 .word .txt {width: 48%; height: 430px;overflow-y: scroll; } .RighInfo002803 .word .txt::-webkit-scrollbar { width: 4px; } .RighInfo002803 .word .txt::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } .RighInfo002803 .word .txt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 0; background: rgba(0, 0, 0, 0.1); } .RighInfo002803 .word .pic { display: block; float: right; } .RighInfo002803 .p {padding-right: 5%; margin-bottom: 20px;font-size: 15px; text-indent: 2em;} } @media (max-width: 1200px) { .RighInfo002803 .word .pc_pic { position: static; width: 45%; float: right; margin-left: 5%; } .RighInfo002803 .p, .RighInfo002803 .p1 { padding-right: 0; } } .RighInfo002803 ul { padding-top: 4%; } .gs_jj ul{padding-top: 0;overflow:hidden;} .RighInfo002803 li {text-align: center; position: relative; border: 1px solid #238cac;background: url(../images/qy.jpg) no-repeat center center;background-size: cover;} .RighInfo002803 li div { padding: 6% 0; margin: 0 auto; width: 80%; max-width: 280px; min-height: 195px;} .RighInfo002803 li figure img { width: 50%; max-width:80px; ; transition: 0.3s; margin: 0 auto;} .RighInfo002803 li h3 { font-size: 30px; font-weight: normal; color: #000; margin: 0; margin-top: 15px; } .RighInfo002803 li p { font-size: 16px; color: #585858; margin-bottom: 0;line-height: 26px; margin-top: 10px;} .RighInfo002803 li:hover * { color: #238cac !important; } .RighInfo002803 li:hover figure img { transform: rotateY(180deg); } .RighInfo002803 li .hoverbg{ background:rgba(255,255,255,0.19); border:1px solid rgba(255,255,255,0.28); position:absolute; content:''; z-index:2; left:0; top:0; width:100%; height:100%; opacity:1; transition:0.3s;} /* .RighInfo002803 li .hoverbg i{ position:absolute; left:0; width:100%;} .RighInfo002803 li .hoverbg i::before, .RighInfo002803 li .hoverbg i::after{ width:15px; height:15px; position:absolute; content:''; top:-1px;border-top:1px solid #238cac; } .RighInfo002803 li .hoverbg i::before{ left:-1px;border-left:1px solid #238cac;} .RighInfo002803 li .hoverbg i::after{ right:-1px;border-right:1px solid #238cac;} .RighInfo002803 li .hoverbg i.up{ top:0;} .RighInfo002803 li .hoverbg i.down{ bottom:0; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);} */ @media(max-width:768px) { .RighInfo002803 li h3 { font-size: 20px; margin-top: 10px; } .RighInfo002803 li p { font-size: 16px; } } @media(max-width:480px) { .RighInfo002803 li { width: 100%; float: none; margin-left: 0 !important; margin: 2% 0; } } .jj_two .jj_two_box{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;} .jj_two_box p{width: 51%;} .jj_two_box .two_img{width: 45%;} .jj_two_box .two_img img{width: 100%;} /* .jycg table{background: url(../images/table.jpg) no-repeat center center;background-size: contain;} */ .jycg h3{font-size: 20px;margin-bottom: 30px;} .jycg table,.jycg table tr,.jycg table td{border: 1px solid #dcdcdc;padding: 15px;} .jycg ul{max-width: 900px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;} .jycg li{width: 32%;margin-right: 1.5%;border: 1px solid #008cbf;text-align: center;line-height: 24px;padding: 10px 0;margin-bottom: 20px;font-size: 15px;} .jycg li:nth-child(3n){margin-right: 0;} @media(max-width:1024px){ .jycg ul{width: 100%;max-width: 100%;} .jycg li{width: 100%;margin: 0;margin-bottom: 15px;} } .bodybg{background: #f5f5f5;} .HornorList{ background:url(../images/rybg.png) center top repeat-y; margin:-35px 0 1%;} .HornorList ul{ padding:0 2%;} .HornorList li{ width:25%; float:left; padding:0 2% 0 2%; height:401px; text-align:center;} .zlbz li{width: 33%;} .HornorList .imgbox{transition: all ease 0.3s; margin-bottom:53px; height:250px;display: flex;align-items: bottom;justify-content: center;} .HornorList .imgbox img{ max-height:250px;} .HornorList .imgbox span{ height:auto; top:auto; bottom:0;} .HornorList .imgbox em{ display:inline-block;margin-right:15px; position:relative;} .HornorList .ico{ background:url(../images/shadow.gif); width:14px; height:40px; position:absolute; right:-14px; bottom:0;} .HornorList .ti{ height:52px;line-height:26px; font-size:15px; color:#4c4c4c;} .HornorList li:hover .imgbox{-webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);} .HornorList li:hover .ti{ color:#238cac;} .HornorList.cxcg{ margin-top:-6%;} @media(max-width:1024px){ .HornorList li{width: 50%;} .HornorList .imgbox{height: auto;margin-bottom: 20px;} .HornorList .imgbox span{position: relative;} .HornorList li{height: auto;} .HornorList{margin: 0;background: none;} .HornorList ul{display: flex;flex-wrap: wrap;} } /*Floor002367*/ .Floor002367{ padding: 3% 0;} .Floor002367 .wrap-header{ position: relative;} .Floor002367 .wrap-header .more{ position: absolute; right: 0; top: 15px; color: #999; font-size: 14px;} .Floor002367 .wrap-header .more:hover{ color: #204da0;} .Floor002367 .wrap-header h2{ margin: 0; font-weight: normal; font-size: 20px; color: #333;} .Floor002367 .wrap-header h2 span{ color: #a9c7ff; padding-left: 15px; font-weight: lighter;} .Floor002367 .wrap-header .p{ margin: 5px 0 0; font-size: 14px; color: #999;} @media (min-width:768px ) { .Floor002367 .wrap-header h2{font-size: 22px;} } @media (min-width:1024px ) { .Floor002367 .wrap-header h2{font-size: 24px;} } .Floor002367 .list{ display: flex;flex-wrap: wrap;} .Floor002367 .list-row{ position:relative; margin-bottom:2%;} @media(min-width:481px){ .Floor002367 .list-row ul li{ width:48.5%;} } .Floor002367 .list-row ul li{ } .Floor002367 .list li{ position:relative;overflow: hidden;padding-bottom:23%;width: 31%;margin-right: 2.5%;list-style: none;margin-bottom: 20px;} .Floor002367 .list li:nth-child(3n){margin-right: 0;} .Floor002367 .list li > *{ position:absolute;transition: all .3s ease-in-out;} .Floor002367 .list li a, .Floor002367 .list li .Ispic, .Floor002367 .list li .layer{ width:100%; height:100%; left:0; top:0; } .Floor002367 .list li .Ispic{z-index:0;transform: scale(1);transition: all .3s;} .Floor002367 .list li:hover .Ispic{transform: scale(1.1);} .Floor002367 .list li a{z-index:10;} .Floor002367 .list li .layer{ background:rgba(0,0,0,0.5); top: auto; bottom:0; color:#fff;text-align: center;} .Floor002367 .list li .layer dl{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 5; color: #fff; text-align: center; width: 100%;} .Floor002367 .list li .layer dt{ font-size: 24px; font-weight: normal;} .Floor002367 .list li .layer dd{ font-size: 14px;} .Floor002367 .list li .more{ position: absolute; z-index: 5; height: 29px; line-height: 29px; width: 97px; border-radius: 29px; display: block; background: #204da0; color: #fff; font-size: 14px; text-align: center; opacity: 0; right: 2%; top: 50%;transform: translateY(-50%);} .Floor002367 .list li .layer{ height: auto; padding: 15px 2%;} .Floor002367 .list li .layer dl{ float: left; position: static; text-align: center;transform: translateY(0);} .Floor002367 .list li .layer dt{ font-size: 20px;} .Floor002367 .list li .more{ opacity: 1;} .Floor002367 .list li:hover img{ transform: scale(1.1);} @media(min-width:769px){ .Floor002367 .list-row ul:first-child{width: 32%;} .Floor002367 .list-row ul:not(:first-child){ z-index:10; position:absolute; right:0; width:66%; height:47.5%;} } @media(min-width:481px) and (max-width:768px){ .Floor002367 .list-row ul{ margin-bottom:2%;} .Floor002367 .list-row ul:not(:first-child){ padding-bottom:30%;} } @media(max-width:768px){ .Floor002367 .list-row ul{ position:relative; } .Floor002367 .list li{width: 48.5%;margin-bottom: 20px;padding-bottom: 32%;} .Floor002367 .list li:nth-child(3n){margin-right: 2.5%;} .Floor002367 .list li:nth-child(2n){margin-right: 0;} } @media(max-width:480px){ .Floor002367 .list-row ul{ position:relative; } .Floor002367 .list-row ul:not(:first-child) li{ padding-bottom:62%; margin-top:2%;} .Floor002367 .list li .layer{padding:5px;} .Floor002367 .list li .layer dt{font-size: 16px;} } /*Floor002838 */ .Floor002838{overflow: hidden;padding-bottom: 3vw;width: 100%;display: none;} .Floor002838 .Contain{background: #fff url(../images/yg.jpg) no-repeat center center;padding: 2%;background-size: cover;box-shadow: 0 0 10px #ccc;} .Floor002838 .box-3 .title{float: left;background: url(../images/new.png) no-repeat left center;padding-left: 60px;margin-left:50px;margin-top: 25px;} .Floor002838 .box-3 .title span{font-size: 18px;color: #238cac;} .Floor002838 .box-3 ul{float: right; width: 75%;padding-left: 2vw;border-left: 3px solid #238cac;} .Floor002838 .box-3 li{position: relative; overflow: hidden;} .Floor002838 .box-3 li{padding-left: 92px;line-height: 24px;} .Floor002838 .box-3 li:not(:last-child){margin-bottom: 20px;} .Floor002838 .box-3 li time{position: absolute; left: 0; top: 0;color: #656c73;} .Floor002838 .box-3 li a{float: left;max-width: 100%;font-size: 17px; } .Floor002838 .box-3 li a:hover{color: #238cac;} @media(max-width:480px){ .Floor002838 .box-3 li:not(:last-child){margin-bottom: 10px;} .Floor002838 .box-3 li a{font-size: 14px; } .Floor002838 .box-3 .title{margin-left:10px;float: none;width: 100%;margin-top: 10px;margin-bottom: 15px;} .Floor002838 .box-3 ul{float: none;width: 100%;} } /* .PicList000848 涓篸emo缂栧彿 */ .PicList000848 li{margin:0 0 3% 0; width:100%;border: 1px solid #ccc;padding: 1%;background: #fff;} .PicList000848 li a{color:#666;display:flex;justify-content: space-between;} .PicList000848 li figure{ padding-bottom:18%;width: 44%;} .PicList000848 li a img{border-radius: 8px;} .PicList000848 li div{ padding:15px;} .PicList000848 li h1, .PicList000848 li h5{font-weight:normal; margin:0;} .PicList000848 li h1{ font-size:22px; color:#238cac;} .PicList000848 li h5{ font-size:14px; border-bottom:1px dotted #B7B7B7; padding:5px 0; } .PicList000848 li p{ line-height:26px; height:52px; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-size: 15px;margin-top: 10px;} .PicList000848 li span{ display:block; background-color:#238cac; color:#fff; text-align:center; line-height:47px;font-size: 15px;} .PicList000848 li:hover{box-shadow: 0 0 10px #238cac;} @media(max-width:480px){ .PicList000848 li h1{ font-size:18px;} .PicList000848 li span{ line-height:35px;} } @media(max-width:320px){ .PicList000848 li{ width:auto; float:none; margin-right:0 !important; } } .Servicebox5 { background:url(../images/servicebg2.jpg) center top no-repeat; background-size:cover; padding: 3% 0;} .Servicebox5 .info{ width:65%; float:right; padding:0% 14% 0 0;} .Servicebox5 .img{ width:38%; float:left; padding-left:10%; text-align:center;} .Servicebox5 .HomeTit{ padding-bottom:30px;} .Servicebox5 .tel{ margin-top:22px;} .Servicebox5 .tel img{ display:inline-block; width:40px; margin-right:12px; vertical-align:middle;} .Servicebox5 .tel b{ display:block; color:#238cac; font-size:24px; line-height:48px; margin-top:5px;} .Servicebox5 .tel b a{color:#238cac;} .hzzs{display: flex;} .hzzs p{width: 50%;} .Messagebox{ position:relative; background:#fff;} .Messagebox .form2{ padding:4%; width:100%;} .Messagebox .form2 .ti{ position:relative; font-size:20px; color:#186c86; padding:0 55px 44px 0;} .Messagebox .form2 .ti span{ position:absolute; right:0; top:5px;} .Messagebox .form2 ul{ margin-left:-2%;} .Messagebox .form2 li{ padding-left:2%;} .Messagebox .form2 li.w48{ width:50%; float:left;} .Messagebox .form2 .box{ border:1px solid #e2e2e2; padding-left:89px; position:relative; line-height:54px; margin-bottom:20px;} .Messagebox .form2 .ico{ text-align:center; color:#0a0a0a; width:59px; position:absolute; left:0; background:url(../images/line1.gif) right center no-repeat;} .Messagebox .form2 .ico .iconfont{ font-size:28px;} .Messagebox .form2 .ico .iconfont img{max-width: 25px;} .Messagebox .form2 .input{ width:100%; height:54px; line-height:54px;border: none;} .Messagebox .form2 textarea{ height:180px; width:100%; padding:15px 0;border: none;} .Messagebox .form2 .btn{ text-align:center; padding-top:10px;} .Messagebox .form2 .sendbtn{ cursor:pointer; width:168px; height:48px; color:#fff; background:#186c86; border-radius:5px;border: none;} .Messagebox .info{ width:30%; position:absolute; right:0; top:0; height:100%; background:#186c86 url(../images/logobg3.gif) right bottom no-repeat; color:#fff; padding:0 4%;} .Messagebox .info .head{ padding-top:20%;} .Messagebox .info .head h2{ line-height:37px; font-size:18px;} .Messagebox .info .head p{font-size: 15px;} .Messagebox .info .head h2 i{ display:inline-block; vertical-align:middle; width:4px; height:20px; background:#fff; margin-right:10px;} .Messagebox .info .item{ position:relative; margin-top:11%; padding-left:54px;} .Messagebox .info .item .ico{ position:absolute; left:0; top:0;}.Messagebox .info .item .ico .iconfont{ font-size:34px;} .Messagebox .info .item .ico .iconfont img{max-width:40px;} .Messagebox .info .item span{ display:block; font-size:20px;}.Messagebox .info .item span a{ color:#fff;} .FaqList{ padding-bottom:10px; margin-bottom:2.5%;} .FaqList .item{ margin-top:38px;} .FaqList .ti{ border-bottom:1px solid #dadada; margin-bottom:13px; background:url(../images/dot3.png) 0px top no-repeat; padding:0 0 13px 42px; color:#333333; font-size:20px;} .FaqList .p{height:48px;-webkit-line-clamp: 2;line-height:24px;} .FaqList .more{ text-align:right; padding-top:15px;} .FaqList .more a{ display:inline-block; width:30px; line-height:30px; text-align:center; height:30px; color:#fff; background:#186c86;} .FaqList .more .iconfont{ font-size:16px;} @media ( max-width:1024px){ .hzzs{display: block;} .Servicebox .content .img{ width:auto; float:none;} .Servicebox .content .info{ width:auto; padding:10px; float:none;} .Servicery .ti{ font-size:15px; line-height:20px;} .Servicebox2 .list{padding-top:10px;} .Servicebox2 .img,.Servicebox2 .info,.Servicebox4 .info,.Servicebox4 .img,.Servicebox5 .info,.Servicebox5 .img{ width:auto; float:none;} .Servicebox2 .list li{ font-size:14px;} .Servicebox4 .info h2{ font-size:17px; padding:12px 0 10px;} .Servicebox4 .info li{ margin:0 0px 10px 0; font-size:16px;} .Servicebox5 .tel b{font-size:26px; line-height:30px;} .TecList li{ padding:12px 12px 12px 75px; margin-bottom:12px;height:70px; min-height:70px;} .TecList li .ico{left:10px; top:12px;width:50px; height:70px} .TecList li .ico .iconfont{ font-size:30px;} .TecList li .ti{ line-height:24px; margin-bottom:5px; font-size:15px;} .TecList li .other span{ margin-right:15px;} .TecList li .other .iconfont{ font-size:20px;} .TecList li .look{ position:static; margin-top:10px; line-height:35px; width:110px;} .Messagebox .form2{ padding:15px; width:auto;} .Messagebox .form2 .ti{ font-size:16px; padding-bottom:20px;} .Messagebox .form2 .ti span{ position:absolute; right:0; top:5px;} .Messagebox .form2 .box{ padding-left:45px; line-height:40px; margin-bottom:12px;} .Messagebox .form2 .ico{width:35px;} .Messagebox .form2 .ico .iconfont{ font-size:20px;} .Messagebox .form2 .input{ height:40px; line-height:40px;} .Messagebox .form2 textarea{ height:100px;} .Messagebox .form2 .sendbtn{ width:120px; height:40px;} .Messagebox .info{ width:auto; position:static; padding:0 15px 25px;} .Messagebox .info .head{ padding-top:15px;} .Messagebox .info .head h2{ line-height:37px; font-size:16px;} .Messagebox .info .item{ padding-left:35px;} .Messagebox .info .item .ico .iconfont{ font-size:24px;} .FaqList .item{ margin-top:20px;} .FaqList .ti{ padding:0 0 5px 28px; font-size:16px;background:url(../images/dot.png) 0px top no-repeat;} .Servicebox5 .info{padding: 0;} } @media ( max-width:480px){ .Servicery .imgbox{ margin-bottom:35px;} .Servicery{ background-position: center bottom -69px;} } /* .PicList001259 涓篸emo缂栧彿 */ .zp-xcfl {padding: 3% 0;background: #fff;} .zp-xcfl-tb { width: 530px; height: 530px; border: 1px solid #d1d2d3; border-radius: 50%; margin: 0 auto; position: relative; margin-top: 3%; } .zp-tbCenter-icon { width: 131px; height: 131px; background: url(../images/zp-bg01.png) no-repeat; text-align: center; line-height: 131px; } .zp-tbCenter { width: 262px; height: 262px; position: absolute; left: 50%; top: 50%; margin-left: -131px; margin-top: -131px; } .zp-tbCenter-bg { position: relative; width: 100%; height: 100%; background: url(../images/zp-bg02.png) no-repeat; -webkit-animation: animal 5s infinite linear; /* -webkit-transform-origin: center center; */ -ms-transform-origin: center center; /* transform-origin: center center; */ z-index: 2; } .zp-tbCenter span { font-size: 24px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 3; } .zp-xcfl-tb li { position: absolute; } .zp-xcfl-tb li:nth-child(1) { left: 12%; top: -1%; } .zp-xcfl-tb li:nth-child(2) { right: -10%; top: 41%; } .zp-xcfl-tb li:nth-child(3) { left: 9%; bottom: 1%; } .zp-tbCenter-title { width: 255px; position: absolute; text-align: center; } .zp-xcfl-tb li:nth-child(1) .zp-tbCenter-title { left: -255px; top: 15px; } .zp-tbCenter-title h3 { font-size: 22px; color: #333333; font-weight: bold; margin-bottom: 5px; } .zp-tbCenter-title p { font-size: 17px; color: #333333; line-height: 30px; opacity: 0.91; } .zp-xcfl-tb li:nth-child(2) .zp-tbCenter-title { right: -255px; top: 15px; } .zp-xcfl-tb li:nth-child(3) .zp-tbCenter-title { right: 87px; top: 15px; } .PicList001259{ color:#333;background: #fff url(../uploadfiles/fbg.jpg) no-repeat center bottom;background-size: cover;} .PicList001259 .intro{ font-size:18px; padding:2% 0;} .PicList001259 .intro h1{ font-size:30px; font-weight:normal; margin:0;} .PicList001259 ul {position: relative; height: 500px;} .PicList001259 li{ float:left; width:31%;margin-bottom:3%; overflow:hidden;margin-right: 3.5%;padding: 2% 0;} .PicList001259 li:nth-child(1n){ position: absolute; left: 0; z-index: 11;top: 10%;} .PicList001259 li:nth-child(2n){ position: absolute; width: 40%; left: 28%; z-index: 5; top: 0;} .PicList001259 li:nth-child(3n){position: absolute; right: 0; left: auto;top: 10%;} .PicList001259 li .Ispic{ display:block; padding-bottom: 97%;background-size: cover;border-radius: 53%; } /* .PicList001259 li:hover .Ispic{-webkit-animation: animal 5s infinite linear; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center;} */ .PicList001259 li h3{ font-size:18px; line-height:20px; height:40px; overflow:hidden; font-weight:normal;} .PicList001259 li h3 b{ margin-right:5px; color:#000;} .PicList001259 li div{position:absolute; left:50%; top:50%; width:100%; padding:3%; color:#fff; background-color:rgba(255,255,255,1); text-align:center; font-size:16px; transition:0.3s;width: 213px; height: 213px; border-radius: 50%;transform: translate(-50%,-50%); background-image: url(../uploadfiles/Floor003090-03.jpg); background-repeat: no-repeat; background-size: cover;} .PicList001259 li:first-child div {width: 160px; height: 160px;} .PicList001259 li:nth-child(3n) div{width: 160px; height: 160px;} /* .PicList001259 li:hover div{transform:translateY(0);} */ .PicList001259 li:hover div{background-color:rgba(35,140,172,0.5); background-image: none;} .PicList001259 li:hover h2,.PicList001259 li:hover p{color: #fff;} .PicList001259 li div h2, .PicList001259 li div h4{ margin:0; font-weight:normal; color:#fff;} .PicList001259 li div h2{ font-size:20px; color: #238cac;} .PicList001259 li div h2{margin-top: 20px; font-weight: bold;} .PicList001259 li div h4{font-size:16px; } .PicList001259 li div p{ margin:0; text-align:left; overflow:hidden;line-height: 24px;text-align: center;font-size: 16px; color: #333;} .PicList001259 li dl{ padding-top:10px;} .PicList001259 li dl a{ display:inline-block; width:51px; height:51px; border-radius:50%; background:url(../images/PicList001259-icon_compare.png) no-repeat center center #db282e/64% auto; margin:0 1%;} .PicList001259 li dl a.a_detail{ background-image:url(../images/PicList001259-icon_more.png); transition:0.25s;} .PicList001259 li dl a.a_detail:hover{transform:rotate(90deg);transition:0.5s;} .PicList001259 li dl a.a_buy{ background-image:url(../images/PicList001259-icon_buy.png);} @media(max-width:1024px){ .PicList001259 li,.PicList001259 li:nth-child(1n),.PicList001259 li:nth-child(2n),.PicList001259 li:nth-child(3n){position: relative;top: auto;left: auto;} } .qynk{padding: 3% 0;} .qynk ul{display: flex;align-items: center;flex-wrap: wrap;} .qynk ul li{width:100%;} .qynk ul li p{text-align: center;font-size: 15px;color: #333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: 40px;background: #dcdcdc;} .qynk ul li img{width: 100%;} .qynk ul li:nth-child(4n){margin-right: 0;} .qynk .owl-nav{display: block !important;} .qynk .owl-carousel .owl-nav .owl-next,.qynk .owl-carousel .owl-nav .owl-prev{width: 55px;height: 55px;border-radius: 100px;position: absolute;font-size: 22px;position: absolute;text-indent: 100px;overflow: hidden;} .qynk .owl-carousel .owl-nav .owl-next{background-size: cover;background-image: url(../images/b_right.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc;} .qynk .owl-carousel .owl-nav .owl-prev{background-image: url(../images/b_left.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc} .qynk .owl-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .qynk .owl-carousel .owl-nav .owl-prev{left: -7%;} .qynk .owl-carousel .owl-nav .owl-next{right:-7%;} .qynk .owl-carousel .owl-nav .owl-prev:hover{background-color: #238cac;} .qynk .owl-carousel .owl-nav .owl-next:hover{background-color: #238cac;} @media(max-width:1366px){ .qynk .owl-carousel .owl-nav .owl-prev{left:0%;} .qynk .owl-carousel .owl-nav .owl-next{right:0%;} } @media(max-width:768px){ .PicList001259 .intro{ font-size:14px;} .PicList001259 li:nth-child(2n){width: 100%;} .PicList001259 .intro h1{ font-size:24px;} .PicList001259 li dl a{ width:40px; height:40px;} } @media(max-width:640px){ .PicList001259 li{ width:100%;} .PicList001259 li:nth-child(3n){ border-right:1px #7f7f7f dotted;} .PicList001259 li:nth-child(2n){ border-right:0;} .PicList001259 li div h2{ font-size:24px;} } @media(max-width:375px){ .PicList001259 li .Ispic{ padding-bottom:100%;border-radius: 0;} .PicList001259 li dl a{ width:50px; height:50px;} } /* .PicList002501 涓篸emo缂栧彿 */ .PicList002501{width: 100%; position: relative; z-index:9;padding: 3% 0;} .PicList002501 .Contain{position: relative; } .PicList002501 ul li{margin-bottom: 30px;} .PicList002501 ul li.last{margin-bottom: 0;} .PicList002501 .right{margin-bottom: 20px;} .PicList002501 .rightBox .img{border-radius: 20px 0; overflow: hidden;} .PicList002501 .rightBox .img img{width: 100%;} .PicList002501 .leftBox .h3{font-size: 18px; color: #238cac; font-weight: normal; margin: 0;} .PicList002501 .leftBox .txt{padding-top: 10px; font-size: 16px; line-height: 1.8;} @media screen and (min-width:768px){ .PicList002501 .right{float: right; width: 50%;} .PicList002501 .left{float: left; width: 48%;} .PicList002501 .odd .right{float: left;} .PicList002501 .odd .left{float: right;} .PicList002501 .leftBox{width: 90%;margin: 0 auto;} } @media screen and (min-width:1000px){ .PicList002501 .auto_1600{ padding-top: 30px;} .PicList002501 .leftBox .h3{font-size: 24px;} } /*鍙戝睍鍘嗙▼*/ .Historybox{ background: #f3f3f3 url(../images/historybg.jpg) center top no-repeat; background-size:cover;} #historydate{ height:74px; background:url(../images/lsline.gif) 0px bottom repeat-x; margin-bottom:2%;} #historydate .slides li{ text-align:center;height:74px; position:relative;} #historydate .slides li span{ left:0; position:absolute; bottom:2px; width:100%; height:46px; line-height:36px; cursor:pointer; color:#666666; font-size:24px; background:url(../images/lsdot.png) center bottom no-repeat;} #historydate .slides li.flex-active-slide span{ font-size:36px; bottom:0; height:74px; color:#238cac; font-weight:bold;background:url(../images/lsdot2.png) center bottom no-repeat;} #historycon .Contain{ max-width:1000px; margin:0px auto;} #historycon .flexslider{box-shadow:0 8px 15px #ddd;} #historycon .box{ background:rgba(255,255,255,0.5); padding:30px; margin:0px auto;} #historycon .info{ width:63%; float:right;} #historycon .imgbox{ width:32%; padding-top:200px; float:left;} #historycon .year{ line-height:48px; color:#238cac; font-size:24px;} #historycon .year b{font-size:40px;} #historycon .txt{ line-height:28px; color:#4c4c4c;padding-bottom:29px;height:108px;overflow-y:scroll;} #historycon .txt::-webkit-scrollbar{width: 4px;} #historycon .txt::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);} #historycon .txt::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);} #historycon .txt p{ background:url(../images/lsline2.gif) 0px 13px no-repeat; } #historycon .flex-direction-nav a { border-radius:0;opacity: 1; margin:0; top:auto; bottom:8px; width: 40px; height: 40px; border-radius:50%; line-height:40px;background-color: #cccccc; color:#fff; font-size:28px; } #historycon .flex-direction-nav .flex-prev { left:auto; right:100px;} #historycon .flex-direction-nav .flex-next { right: 40px;} #historycon .flex-direction-nav a:hover { background-color:#238cac;color:#fff} #historycon .flex-direction-nav .flex-disabled { display:none;} @media ( max-width:768px){ #historycon .box{padding:15px; background-position:28% top; background:#fff;} #historycon .info{ width:auto; float:none; padding:0;} #historycon .txt{line-height:26px; font-size:15px;padding-bottom:20px; margin-bottom:18px;} #historycon .imgbox{ width:auto; padding-top:65%; float:none;} #historydate{ height:50px;} #historycon .year{ line-height:42px; font-size:18px;} #historycon .year b{font-size:28px;} #historycon .flex-direction-nav a {bottom:20px; width: 30px; height: 30px; line-height:30px;} #historydate .slides li{height:50px;} #historydate .slides li span{ font-size:16px;} #historydate .slides li.flex-active-slide span{ font-size:22px; height:50px; background:url(../images/lsdot02.png) center bottom no-repeat;} #historycon .flex-direction-nav a { bottom:auto; top:20px; font-size:20px;} #historycon .flex-direction-nav .flex-prev { right:58px;} #historycon .flex-direction-nav .flex-next { right: 20px;} } .Rylist{ padding:0 10% 80px; background:url(../images/rybg.png) center bottom no-repeat;} .Rylist li{ width:50%; float:left; padding:0 5% 0 5%; text-align:center;} .Rylist .imgbox{ margin-bottom:75px;transition: all ease 0.3s;} .Rylist .ti{ font-size:24px; font-weight:bold; color:#666;} .Rylist em{ display:inline-block; position:relative;} .Rylist .ico{ background:url(../images/shadow.gif); width:14px; height:40px; position:absolute; right:-14px; bottom:0;} .Rylist li:nth-child(even) .ico{ right:auto; left:-14px;background:url(../images/shadow2.gif);} .Rylist li:hover .imgbox{-webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);} .zlbz p{font-size: 16px;line-height: 26px;color: #333;text-indent: 2em;} .zlbz{padding-bottom: 3%;} .HornorList.zlbz{margin-top: 0;} /* .PicList001646 涓篸emo缂栧彿 */ .PicList001646{ padding:3% 0;} .PicList001646 ul{display: flex;justify-content: center;align-items: center;flex-wrap: nowrap;flex-wrap: wrap;} .PicList001646 li { width: 21%;} .PicList001646 .more{ text-align:center;} .PicList001646 .more a{ border:1px solid #e0e0e0; font-weight:bold; font-size:0.8em; display:inline-block; line-height:2.85em; padding-left:2.5em; padding-right:3.5em; border-radius:30px; background:url(../images/PicList001646-a_more.png) no-repeat 90% center;transition:all ease 0.5s;} .PicList001646 .more a:hover{ padding-right:2.5em; background-color:#2078da; background-position:120% center; color:#fff; transition:all ease 0.5s;} .PicList001646 dl{ margin-bottom:3%;background-color:#fff;padding: 20px;} .PicList001646 dl:last-child{ margin-bottom:0;} .PicList001646 dl pre{border-top: 1px dashed #ccc;padding: 10px 0;} @media(min-width:481px){ .PicList001646 dl{width:100%;} .PicList001646 dl dt{float: left;max-width: 200px;} .PicList001646 dl dt img{max-width: 200px;} .PicList001646 dl dd{float: right;width: 80%;} } .PicList001646 dd figure{text-align:left;} .PicList001646 dt img{ display:block; width:100%;} .PicList001646 dd figure *{margin:0;} .PicList001646 dd figure h1{margin-bottom: 10px;color:#238cac} .PicList001646 dd figure h1, .PicList001646 dd figure h2{ font-weight:normal; } .PicList001646 dd figure h1{ font-size:20px;} .PicList001646 dd figure h1 span{ display:block;} .PicList001646 dd figure h2{ font-size:15px; padding:2% 0 0; position:relative;color: #333;} .PicList001646 dd figure{ line-height:26px; text-align:left;overflow:hidden;font-size: 14px;} @media(max-width:480px){ .PicList001646 dl dd{ padding:3% 0;} } /*RighInfo002808 */ .RighInfo002808{padding: 3% 0} .RighInfo002808 .floor{position: relative; z-index: 1.} .RighInfo002808 .floor .Ispic{position: absolute;height: 100%; right: 0; top: 0;} .RighInfo002808 .floor-1 .Ispic{width: 31.945%;} .RighInfo002808 .floor-2 .Ispic{right: auto; left: 0; width: 25%;} .RighInfo002808 .floor-1 .txt{color: #333;font-size: 15px;} .RighInfo002808 .floor-1 .txt .info{ line-height: 36px;padding-bottom: 10%; } .RighInfo002808 .floor-1 .txt h1{font-size: 30px;color: #333;font-weight: normal; margin-bottom: 5%;} .RighInfo002808 .floor-1 .txt .ti25{text-indent: 25px;} .RighInfo002808 .floor-1 .txt .nmb{margin-bottom: 0;} .RighInfo002808 .floor-1 .txt .nmt{margin-top: 0;} .RighInfo002808 .floor-1 .count{position: relative; z-index: 1; padding: 7% 0;} .RighInfo002808 .floor-1 .count li p{margin: 0;} .RighInfo002808 .floor-1 .count li aside{color: #238cac; font-weight: bold;} .RighInfo002808 .floor-1 .count li aside b{font-size: 48px;display: inline-block;vertical-align: sub;} @media(min-width:1025px){ .RighInfo002808 .floor-1 .txt{padding-right: 31.945%;} .RighInfo002808 .floor-1 .txt .info{max-width: 820px;width: 95%;} .RighInfo002808 .floor-1 .count:before{position: absolute; right: 0; top: 0; height: 100%; background: #f5f5f5;content: ''; width: 124.49%;} } @media(max-width:1024px){ .RighInfo002808 .floor-1 .Ispic{display: none;} .RighInfo002808 .floor-1 .count{ background: #f5f5f5;} .RighInfo002808 .floor-1 .count li{text-align: center;} } @media(min-width:641px){ .RighInfo002808 .floor-1 .count ul{display: table;width: 100%;position: relative; z-index: 2;} .RighInfo002808 .floor-1 .count li:not(:last-child){width: 24%;} .RighInfo002808 .floor-1 .count li{display: table-cell; vertical-align: top;} } @media(max-width:640px){ .RighInfo002808 .floor-1 .count ul{overflow: hidden;} .RighInfo002808 .floor-1 .count li{width: 50%;float: left; padding: 15px 0;} .RighInfo002808 .floor-1 .count li:nth-child(2n+1){clear: left;} } .RighInfo002808 .title{padding: 8% 0 3% 0;font-size: 30px;color: #333;} .RighInfo002808 .floor-2{padding-left: 25%;} .RighInfo002808 .floor-2 li{padding-left: 11.5%; padding-bottom: 4%;} .RighInfo002808 .floor-2 li:nth-child(2n){background: #f5f5f5;padding-top: 4%;} @media(min-width:641px){ .RighInfo002808 .floor-2 li > *{width: 89%;} } .RighInfo002808 .floor-3 .box2 aside, .RighInfo002808 .floor-2 li aside{color: #238cac;} .RighInfo002808 .floor-2 li p, .RighInfo002808 .floor-3 > div p{margin: 0;line-height: 30px;color: #999; text-align: justify;} .RighInfo002808 .floor-2 li aside, .RighInfo002808 .floor-3 > div aside{font-size: 24px; margin-bottom: 26px;} @media(max-width:640px){ .RighInfo002808 .floor-2{padding-left: 10%;} .RighInfo002808 .floor-2 .Ispic{width: 10%;} .RighInfo002808 .floor-2 li{padding-left: 5%;padding-right: 5%;} } .RighInfo002808 .floor-3 > div{padding-left: 3%;padding-right: 3%;} .RighInfo002808 .floor-3 .box1{background: #238cac;color: #fff;padding-top: 8%; padding-bottom: 8%;} .RighInfo002808 .floor-3 .box1 p{color: #fff; opacity: 0.5;} .RighInfo002808 .floor-3 .box2{position: relative; z-index: 3;background: #f6f6f6; padding:3% 3% 3% 0} .RighInfo002808 .floor-3 .box2 p{text-align: right;} @media(min-width:641px){ .RighInfo002808 .floor-3 .box1{width:100%;} .RighInfo002808 .floor-3 .Ispic{width: 75%;} .RighInfo002808 .floor-3 .box2{width: 100%;text-align: right;} } @media(max-width:1024px){ .RighInfo002808 .floor-3 .Ispic{position: relative;height: auto; padding-bottom: 60%;} .RighInfo002808 .floor-3 .box2{padding-top: 5%; padding-bottom: 5%; } } .Subtit2{ height:62px; position:relative;} .Subtit2 a.more{ position:absolute; text-align:center; right:0; top:10px; font-size:14px; color:#fff; border-radius:18px; background:#238cac; width:100px; line-height:34px;} .Subtit2 a.more.m2{ background:#fff; color:#666666; box-shadow:0 5px 15px rgba(0,0,0,0.08);} .Subtit2 h2{ line-height:40px; font-size:30px; font-weight:normal; color:#333333;} .Subtit2 h2 span{ color:#238cac; opacity:0.08; text-transform:uppercase; position:absolute; left:12px; top:-16px; line-height:46px; font-size:60px; font-weight:bold; z-index:0;} .Newsbox{ background:#f3f3f3; padding:50px 0;} .Newsbox.video{ background:url(../images/videobg.jpg) center top no-repeat; background-size:cover;} .Newsbox.zt{ background:url(../images/newsbg2.jpg) center bottom no-repeat; background-size:cover;} .Newsbox .PicFocus{ width:49%; float:left;} .Newsbox .PicFocus .slides li{ position:relative;} .Newsbox .PicFocus .imgbox{ padding-top:393px;} .Newsbox .PicFocus .ti{ z-index:2; width:95%; padding: 10px 0 10px 5%; position:absolute; left:0; bottom:0; line-height:25px; background:rgba(0,0,0,0.5);} .Newsbox .PicFocus .tit{ white-space:normal; width:78%; font-size:20px; color:#fff;} .Newsbox .PicFocus .flex-control-nav{ right:0; width:99px; height:10px; line-height:10px; bottom:20px;} .Newsbox .PicFocus .flex-control-nav li{ margin:0 3px;} .Newsbox .PicFocus .flex-control-nav li a{ width:7px; height:7px; background:#bbbaba;} .Newsbox .PicFocus .flex-control-nav li a.flex-active{ border:2px solid #e71845; background:none; width:10px; height:10px;} .Newsbox .Focus{ width:48%; float:right;} .Newsbox .Focus ul{ border-top:1px solid #e1e1e1;} .Newsbox .Focus li{ position:relative; border-bottom:1px solid #e1e1e1;transition: all ease 0.3s;} .Newsbox .Focus .box{ padding:18px;} .Newsbox .Focus .ti{ font-weight:bold; background:url(../images/dot1.gif) 0px 10px no-repeat; color:#333333; font-size:16px; margin-bottom:11px; padding:0 60px 0 19px; position:relative;} .Newsbox .Focus .ti .date{ font-weight:normal; position:absolute; right:0; font-size:16px; color:#888888; top:0;} .Newsbox .Focus .p{ margin:0 60px 0 19px; line-height:26px; height:52px; font-size:14px;-webkit-line-clamp: 2;} .Newsbox .Focus .more{ position:absolute; right:40px; top:76px; border-left:1px solid #999999; padding-left:8px; height:13px; line-height:13px; color:#999999;} .Newsbox .Focus li:hover{ box-shadow:0 5px 16px rgba(237,24,70,0.34); background:#238cac url(../images/newsbg.gif) center center no-repeat;} .Newsbox .Focus li:hover .ti{background:url(../images/dot01.gif) 0px center no-repeat; color:#fff;} .Newsbox .Focus li:hover .ti .date{ color:#fff;} .Newsbox .Focus li:hover .p{ color:#fff; opacity:0.8;} .Newsbox .Focus li:hover .more{ color:#fff; border-left:1px solid #fff;} .VideoList{ margin:0 0 0 -2.3333%;} .VideoList li{ text-align:center;transition: all ease 0.3s; width:31%; float:left; margin:0 0 0 2.3333%; position:relative;} .VideoList .imgbox{ padding-top:69%;} .VideoList .tit{ z-index:3; position:absolute; left:0; bottom:0; color:#fff; padding:10px 5%; width:90%; line-height:24px; background:rgba(0,0,0,0.6); white-space:normal;} .VideoList .play{ color:#fff; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.42);display: flex;align-items: center;justify-content: center;} .VideoList .play .iconfont{ font-size:50px;} .VideoList li:hover .play{opacity:1;} .MediaList{ margin:0 0 0 -2.3333%;} .MediaList li{transition: all ease 0.3s; width:31%; float:left; margin:0 0 0 2.3333%; position:relative;} .MediaList .box{ background:#fff; padding:44px 58px 0 114px; height:166px; box-shadow:0 5px 15px rgba(0,0,0,0.08); border-radius:6px;} .MediaList .date{ position:absolute; text-align:center; left:0; width:115px; top:42px; color:#999999; font-size:14px; line-height:16px;} .MediaList .date i{ display:block; margin:0px auto; height:7px; border-top:1px solid #e6e6e6; width:10px;} .MediaList .date span{ font-size:36px; line-height:44px; display:block;} .MediaList .ti{ height:60px; overflow:hidden; font-size:18px; color:#333; margin-bottom:9px;} .MediaList .p{-webkit-line-clamp: 2; font-size:15px; color:#999999; height:48px; line-height:24px; font-size:14px;} .MediaList li:hover .box{ background:#238cac url(../images/newsbg2.gif) right bottom no-repeat;} .MediaList li:hover .date{ color:#fff;} .MediaList li:hover .date i{ border-top:1px solid #fff;} .MediaList li:hover .ti{ color:#fff;} .MediaList li:hover .p{ color:#fff; opacity:0.6;} .VideoList2{ margin:0 0 1% -2.3333%;} .VideoList2 li{ transition: all ease 0.3s; width:31%; float:left; margin:0 0 2.3333% 2.3333%; position:relative; background:#fff;} .VideoList2 .imgbox{ padding-top:69%;} .VideoList2 .play{ color:#fff; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.42);display: flex;align-items: center;justify-content: center;} .VideoList2 .play .iconfont{ font-size:50px;} .VideoList2 .info{ padding:19px 29px 17px; line-height:26px;} .VideoList2 .tit{ font-size:18px; color:#333333;} .VideoList2 .date{color:#999999;} .VideoList2 li:hover{ background:#238cac;} .VideoList2 li:hover .tit{ color:#fff;} .VideoList2 li:hover .date{ color:#fff; opacity:0.7;} .VideoList2 li:hover .play{opacity:1;} /* .NewsLeft{ margin-right:350px;} */ .NewsFocus{ overflow:hidden; position:relative; background:#fff; margin-bottom:20px !important;} .NewsFocus .slides li{ position:relative; height:366px;} .NewsFocus .imgbox{ overflow:hidden; width:50%; padding-top:366px; float:left;} .NewsFocus .info{ width:48%; float:left; padding:65px 5% 0 3%;} .NewsFocus .tit{ white-space:normal; font-size:20px; line-height:22px; color:#333333; font-weight:bold; margin:20px 0 10px;} .NewsFocus .date{color:#999999; font-weight:bold; background:url(../images/date.gif) 0px center no-repeat; padding-left:25px;background-size: 18px;} .NewsFocus .p{ font-size:14px; line-height:28px; text-indent:2em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;color:#666666;} .NewsFocus .slides li .tit:hover{ color:#238cac;} .NewsFocus .flex-direction-nav{ display:none;} .NewsFocus .flex-control-nav{ left:55%; text-align:left;width:32%; bottom:13%;} .NewsFocus .flex-control-paging li { margin:0 5px;} .NewsFocus .flex-control-paging li a{width: 8px; height: 8px; text-indent:999em; background:#b5b5b5; border-radius:50%;} .NewsFocus .flex-control-paging li a.flex-active{background:#238cac; border-radius:4px; width:24px; height:10px;} .NewsList{ padding-bottom:1%; margin-bottom:10px;} .NewsList li{ margin-bottom:20px; background:#fff; padding:34px 43px 34px 160px; position:relative;transition: all ease 0.3s;} .NewsList .date{ position:absolute; text-align:center; left:0; width:160px; top:25px; color:#cccccc; font-size:14px; line-height:16px;} .NewsList .date i{ display:block; margin:0px auto; height:7px; border-top:1px solid #e6e6e6; width:10px;} .NewsList .date span{ font-size:36px; line-height:52px; display:block; font-weight:bold; color:#808080;} .NewsList .tit{font-size:18px; color:#000000; margin-bottom:3px;} .NewsList .p{ text-indent:2em;-webkit-line-clamp: 2; font-size:14px; color:#666666; height:52px; line-height:26px; font-size:14px;} .NewsList li:hover { background:#238cac;} .NewsList li:hover .date,.NewsList li:hover .date span{ color:#fff;} .NewsList li:hover .date i{ border-top:1px solid #fff;} .NewsList li:hover .tit{ color:#fff;} .NewsList li:hover .p{ color:#fff; opacity:0.6;} .NewsSearch{ background:#fbfbfb; border:1px solid #e3e5e5; padding:29px; width:270px; position:absolute; right:0; top:45px;} .NewsSearch h2{ line-height:24px; margin-bottom:20px; font-size:18px; color:#333333;} .NewsSearch h2 .iconfont{ font-weight:normal;} .NewsSearch .item{ border:1px solid #e3e5e5; border-radius:4px; padding-left:70px; position:relative; height:44px; line-height:44px; margin-bottom:10px;} .NewsSearch .item .ico{ background:url(../images/line1.gif) right center no-repeat; width:52px; text-align:center; position:absolute; left:0; top:0; color:#959595;} .NewsSearch .item .ico img{max-width: 25px;} .NewsSearch .item select{ width:100%; height:44px; border:0; text-indent:0em; font-size:15px; color:#333333;background: url(../images/select.png) no-repeat scroll 95% center transparent;} .NewsSearch .item .input{ width:100%; height:44px; line-height:44px; border:0; text-indent:0em; font-size:15px; color:#333333;background: url(../images/select.png) no-repeat scroll 95% center transparent;} .NewsSearch .item .input.blank{ background:none;} .NewsSearch .item input::-webkit-input-placeholder{color: #333333;} .NewsSearch .btn{ padding-top:10px;} .NewsSearch .sendbtn{ width:100%; height:46px; cursor:pointer; border-radius:4px; color:#fff; background:#238cac;border: none;} .NewsSearch.fixed{ z-index:1000; position:fixed;left:50%; margin-left:374px; top:120px;} .Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;} .Titleinfo .tits{font-size:28px; color:#010101; line-height:53px;} .Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;} .Titleinfo .date i{ display:inline-block; margin:0 10px;} .Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;} .PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;} .PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;} .PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;} .PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;} .PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; } .PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;} .PrevNextBox dl a.none{color:#999;} .PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#666; font-size:16px;} .PrevNextBox a.back i{ color:#238cac;} @media ( max-width:1440px){ .NewsSearch.fixed{ margin-left:302px;} .Newsbox .PicFocus .imgbox{ padding-top:358px;} .Newsbox .Focus .ti{ line-height:22px;} .Newsbox .Focus .box{ padding:16px 16px 17px;} .Newsbox .Focus .p{ height:44px; line-height:22px;} } @media ( max-width:1366px){ .NewsSearch.fixed{ margin-left:271px;} .NewsFocus .slides li{ height:295px;} .NewsFocus .info { padding-top:40px;} .NewsFocus .imgbox{ padding-top:295px;} .lianghui .d1 .imgbox{ padding-top:404px;} .lianghui .imgbox { padding-top:192px;} .lhyear{right:-78px;} } @media ( max-width:1220px){ .NewsSearch.fixed{ margin-left:300px;} } @media ( max-width:1024px){ .Subtit2{ height:50px;} .Subtit2 a.more{ top:5px; width:60px; line-height:28px;} .Subtit2 h2{ line-height:40px; font-size:18px;} .Subtit2 h2 span{left:12px; line-height:30px; font-size:30px; top:-4px;} .Titleinfo .tits{font-size: 18px;line-height: 26px;} .Newsbox{ padding:4% 0;} .Newsbox .PicFocus{ width:auto; float:none;} .Newsbox .PicFocus .imgbox{ padding-top:58%;} .Newsbox .PicFocus .ti{line-height:40px;} .Newsbox .PicFocus .tit{font-size:15px; line-height:20px; padding-top:5px; padding-bottom:5px;} .Newsbox .PicFocus .flex-control-nav{bottom:10px;} .Newsbox .Focus{ width:auto; float:none;} .Newsbox .Focus .box{ padding:10px 5px; height:auto;} .Newsbox .Focus .ti{font-size:15px; margin-bottom:5px; padding-right:46px;} .Newsbox .Focus .ti .date{ position:absolute; right:0; font-size:14px; color:#888888; top:0;} .Newsbox .Focus .more{right:12px; top:50px; display:none;} .Newsbox .Focus .p{ display:none;} } /*浜哄姏璧勬簮*/ /*浜哄姏璧勬簮*/ .rlzy{width: 100%;margin-bottom: 3%;} .rlzy img{width: 100%;} .rlzy_zi{position: relative;} .rlzy_z{position: absolute;top:60px;right:100px;color: #fff;} .rlzy_z h2{ font-size: 74px;} .rlzy_z h3{ font-size: 60px; position: absolute; top: 30px; left: 80px; } .rlzy_z span{ font-size: 18px; position: absolute; top: -20px; left: 80px; } .rlzy_z p{ position: relative; left: 72px; font-size: 16px; top: 56px; } .hrbox{ background:url(../images/hrbg2.jpg) center top no-repeat; background-size:cover;} .hrleft{ text-align:center; width:50%; float:left;} .zy_box{margin-bottom: 3%;} .zy_box1{background: #f5f5f5;padding: 3% 0;margin-bottom: 0;} .xcdy{ background:#f5f5f5;padding: 3% 0;} .zyfz{background: #fff;padding: 3% 0;} .zy_list{text-align: center;} @media(max-width:1024px){ .rlzy_z h2{font-size: 18px;} .rlzy_z h3{font-size: 18px;left: 22px;top: 11px;} .rlzy_z span{left: 20px;top:-8px;font-size: 12px;} .rlzy_z{top: 10px;right: 20px;} .rlzy_z p{font-size: 10px;top: 5px;left: auto;line-height: 14px;} } /* .Floor000992 涓篸emo缂栧彿 */ .Floor000992 h1{ margin:0 0 3% 0; text-align:center;color:#238cac; font-size:24px;} .Floor000992 h1 span{ font-weight:normal; color:#7f7f7f; font-size:19px; display:block; padding-top:10px;} .Floor000992 li{ background:url(../images/Floor000992-a_bg.png) no-repeat center center;} .Floor000992 li:hover{ background-image:url(../images/Floor000992-a_hover_bg.png);} .Floor000992 li:hover figure{ color:#fff;} .Floor000992 li div{ display:table; width:100%; height:179px; } .Floor000992 li div figure{ display:table-cell; vertical-align:middle;} .Floor000992 li div span{ display:block;} .Floor000992 li a{ position:absolute; left:0; top:0; height:100%; width:100%;} @media(min-width:761px){ .Floor000992 ul{ max-width:682px; margin:-50px auto 50px; position:relative; height:424px;} .Floor000992 li{ position:absolute; width:223px; height:179px;text-align:center; } .Floor000992 li:nth-child(1), .Floor000992 li:nth-child(5){left:50%; margin-left:-111px;} .Floor000992 li:nth-child(1){ top:-26px; background:none; display: none;} .Floor000992 li:nth-child(2), .Floor000992 li:nth-child(3){top:64px;z-index:4;} .Floor000992 li:nth-child(7), .Floor000992 li:nth-child(2){left: 116px;} .Floor000992 li:nth-child(8), .Floor000992 li:nth-child(3){ right:116px;} .Floor000992 li:nth-child(4), .Floor000992 li:nth-child(5), .Floor000992 li:nth-child(6){ top:154px; z-index:1;} .Floor000992 li:nth-child(4){ left:2px;} .Floor000992 li:nth-child(6){ right:2px;} .Floor000992 li:nth-child(7), .Floor000992 li:nth-child(8){ bottom:0;z-index:4;} .Floor000992 li:nth-child(1) a{ z-index:10; position:absolute; width:50%; left:25%; bottom:30%; height:auto; top:auto;color:#238cac;} .Floor000992 li:nth-child(1) a::before{ position:absolute; top:-35px; left:50%; margin-left:-14px; content:'路路路'; color:#545360; font-size:28px; text-align:center; line-height:21px;width:28px; height:28px; border-radius:50%; border:2px solid #545360;} } @media(max-width:760px){ .Floor000992 li:nth-child(1), .Floor000992 li:nth-child(4), .Floor000992 li:nth-child(5), .Floor000992 li:nth-child(6){ display:none;} .Floor000992 ul{ overflow:hidden;} .Floor000992 li{ width:25%; padding:10% 0;text-align:center; position:relative; float:left; background-size:100% 100%;} .Floor000992 li div span{ display:none;} .Floor000992 li div{ height:auto;} } @media(max-width:480px){ .Floor000992{ background-size:contain; } .Floor000992 li{ width:50%; padding:17% 0;} .Floor000992 h1{font-size:20px;} .Floor000992 h1 span{ font-size:16px;} } /* .RighInfo000242 涓篸emo缂栧彿 */ .RighInfo000242 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .RighInfo000242 .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} .RighInfo000242 .about_group{ padding:30px 0;} .RighInfo000242 .about_group .singlePage{margin-bottom: 10%;} .RighInfo000242 .about_group .singlePage p{font-size: 16px;color: #333;line-height: 28px;text-align: center;} .RighInfo000242 .about_group .about_title{ padding-bottom:20px;color: #00a6b1; font-size:50px; text-align:center;line-height:normal;} .RighInfo000242 .about_group .web_link{ text-align:center; padding-top:30px; padding-bottom:103px;} .RighInfo000242 .about_group .web_link span{ display:inline-block; border-radius:50px; border:1px solid #00a6b1; padding-left:70px; line-height:76px; font-size:30px; padding-right:135px; color:#00a6b1; position:relative;} .RighInfo000242 .about_group .web_link span::before{ background:url(../images/RighInfo000242-search.png) no-repeat; width:49px; height:49px; right:63px; top:13px; position:absolute; content:'';} .RighInfo000242 .about_group .map{ background:url(../images/RighInfo000242-mapbg.jpg) no-repeat center top; height:700px;} .RighInfo000242 .about_group .map .auto{ position:relative;} .RighInfo000242 .about_group .map .location{ position:absolute; left:563px; top:-60px; line-height:normal; background:url(../images/RighInfo000242-icon_location.png) no-repeat; width:105px; height:200px; font-size:18px; color:#faee00; text-align:center; box-sizing:border-box; padding-top:30px; cursor:pointer; animation: mapicon 1s ease-in 0.5s infinite;background-size: contain;} .RighInfo000242 .about_group .map .address{ line-height:normal;left:744px; font-size:23px; color:#000; position:absolute; width:218px;} .RighInfo000242 .hide_Map{ background:rgba(0,0,0,.8); position:fixed; left:-100%; width:100%; height:100%; top:0; z-index:1; } .RighInfo000242 .hide_Map .map_ditu{ position:absolute; top:50%; left:50%; margin-left:-400px; margin-top:-250px;} .RighInfo000242 .hide_Map .map_ditu #dituContent{width:800px;height:500px;border:#fff solid 2px;z-index: 1;} .RighInfo000242 .hide_Map .map_ditu .close{ height:76px; width:76px; position:absolute; right:-38px; top:-38px;background:url(../images/RighInfo000242-close.png) no-repeat center center rgba(0,166,177,0.8); border-radius:50%; cursor:pointer; overflow:hidden; line-height:200px; z-index:10;} .RighInfo000242 .hide_Map .map_ditu .close:hover{background-color:rgba(0,166,177,1);} .RighInfo000242 .hide_Map .map_ditu .tit{ text-align:center; color:#fff; padding-top:45px; font-size:24px;} /*鍦板浘鍥炬爣*/ @keyframes mapicon { 0% {top:-90px;} 50% {top:-60px;} 100% {top:-90px;} } @-moz-keyframes mapicon { 0% {top:-90px;} 50% {top:-60px;} 100% {top:-90px;} } @-webkit-keyframes mapicon { 0% {top:-90px;} 50% {top:-60px;} 100% {top:-90px;} } @-o-keyframes mapicon { 0% {top:-90px;} 50% {top:-60px;} 100% {top:-90px;} } .hrright{ width:47%; padding-top:2%; float:right;} .hrright .ti{ color:#000000; font-size:20px; line-height:45px; margin-bottom:10px;font-weight: normal;} .hrright .ti i{ display:block; width:30px; height:2px; border-bottom:2px solid #238cac;} .zpgw{background: #f5f5f5;} .Hrsearch{ margin-bottom:30px; border:1px solid #d2d2d2; height:50px; position:relative; padding:0 50px 0 73px;} .Hrsearch .ico{ position:absolute; left:-1px; top:-1px; width:52px; height:52px; line-height:52px; text-align:center; color:#fff; background:#238cac;} .Hrsearch .ico .iconfont{ font-size:26px;} .Hrsearch .input{ font-size:14px; width:100%; height:54px; line-height:54px;} .Hrsearch .btn{ position:absolute; right:12px; top:10px; color:#238cac;} .hrw1{ width:23%;} .hrw2{ width:16%;} .hrw3{ width:15%;} .hrw4{ width:15%;} .hrw5{ width:15%;} .hrw6{} .Hrhead{height:60px; text-align:center; color:#fff; background: #238cac; font-size:18px; margin-bottom:0px;} .padleft{ padding-left:4%; text-align:left !important;} .HrList{ margin-bottom:4%;} .HrList li{ border-bottom:1px solid #eeeeee; background:#fcfcfc;} .HrList li td{ height:58px; font-size:16px; text-align:center; color:#333333;} .HrList li td a{color:#333333;} .HrList .btn{ width:120px; line-height:30px; display:inline-block; background:#f4f4f4; font-size:14px;} .HrList li .txtCont{border-top:1px solid #dfdfdf; background:#f3f3f3; position:relative; display:none;line-height:28px; padding:25px 4% 25px; color:#666666;} .HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;} .HrList li .txtCont .item dd span{ color:#4c4c4c;} .HrList li .txtCont .stit{ font-size:16px; color:#333333; line-height:30px;} .HrList li .txtCont .stxt{ margin-bottom:24px; font-size:14px;} .HrList li .txtCont .apply{ position:absolute; right:6.7%; top:25px;} .HrList li .txtCont .apply a{ display:block; color:#fff; font-size:14px; width:93px; line-height:30px; text-align:center; background:#238cac; border-radius:17px;} .HrList li .txtCont .apply a:hover{background:#bf0029;} .HrList li.current a,.HrList li.current td{ color:#238cac;} .HrList li:hover .btn,.HrList li.current .btn{ background:#238cac; color:#fff;} .HrList li.xy{ margin-bottom:30px;} .HrList .xyhead{ color:#666666; text-align:left; padding:28px 209px 28px 48px; position:relative;} .HrList .xyhead .job{ line-height:42px; color:#333333; font-size:20px;} .HrList .xyhead .qian{ vertical-align:middle; margin-right:4px; color:#238cac; font-size:24px;} .HrList .xyhead .line{ text-align:center; display:inline-block; vertical-align:middle; line-height:20px; width:46px; color:#cccccc;} .HrList .xyhead .look{ cursor:pointer; position:absolute; background:#e6e6e6; top:39px; right:50px; width:128px; line-height:46px; text-align:center; color:#333333 !important; border-radius:5px;} .HrList li.current .xyhead .look,.HrList .xyhead:hover .look{ color:#238cac !important; background:#fff;} .HrList li.current.xy {box-shadow:0 10px 35px rgba(0,0,0,0.14);} .HrList li.current .xyhead{ color:#fff; background:#238cac;} .HrList li.current .xyhead .job,.HrList li.current .xyhead .qian,.HrList .xyhead .look{ color:#fff;} .HrList li .txtCont .item2{ height:auto !important; height:36px; min-height:36px; position:relative; padding:0 0 20px 112px; line-height:36px;} .HrList li .txtCont .item2 .dt{ font-weight:bold; position:absolute; left:0; font-size:18px; color:#333333;} .HrList li .txtCont .apply2{ position:absolute; right:50px; top:25px;} .HrList li .txtCont .apply2 a{ box-shadow:0 6px 30px rgba(237,24,70,0.4); display:block; color:#fff; font-size:16px; width:128px; line-height:46px; text-align:center; background:#238cac; border-radius:4px;} .Hrway{ padding:0 0 0 67px;} .Hrway .p{ color:#333; font-weight:bold;} .Hrway .p a{ color:#333;} .Popbox{ position:relative; background:#fff; width:1200px; margin:0px auto;} .Popbox .Tithead{ text-align:center; font-size:30px; color:#238cac; line-height:33px; padding-bottom:40px;} .Popbox .auto{ padding:4% 4% 2.5%;} .form ul{ margin-left:-19px;} .form li{ margin-bottom:19px; clear:both;} .form .line{ border:1px solid #d9d9d9; margin-left:19px;} .form .yz{ width:281px; position:relative;} .form .yzm{ position:absolute; right:0; top:0; width:112px; height:48px;} .form .textarea{ border:1px solid #d9d9d9; margin-left:19px; padding:15px;} .form .input{ font-size:16px; color:#333333; height:48px; line-height:48px; width:100%; text-indent:1em;} .form .input.upload{ text-indent:0; height:32px; line-height:32px; margin:5px 0 5px 2%; width:98%;} .form li.w50{ float:left; width:50%; clear:none;} .form textarea{ font-size:16px; height:110px; width:100%;} .form .btn{ color:#fff; height:56px; font-size:18px; width:100%;} .form .sendbtn{ background:#238cac;} .form .resetbtn{ background:#e5e5e5; color:#333333;} .Popbox .mfp-close{ font-size:40px; color:#000000; opacity:1; position:absolute; right:0px; top:0px;} .jobpop{ width:50%;} .HrLc{ color:#333; background:url(../images/hrbg3.jpg) center bottom no-repeat; background-size:cover; text-align:center;} .HrLc .img{ margin:-20px 0 20px;} @media ( max-width:1024px){ .hrleft,.hrright{width:auto; float:none;} .hrright .ti{font-size:17px; line-height:28px;} } @media ( max-width:768px){ .Hrsearch{ margin-bottom:18px;height:40px; padding:0 20px 0 50px;} .Hrsearch .ico{width:42px; height:42px; line-height:42px;} .Hrsearch .input{ height:42px; line-height:42px;} .Hrsearch .btn{right:5px; top:5px;} .Hrhead{ height:36px;font-size:15px; margin-bottom:10px; font-weight:normal;} .HrList{ margin-bottom:28px;} .HrList li td{ height:42px;font-size:14px;} .hrw1{ width:75%;} .hrw2,.hrw3,.hrw4,.hrw5{ display:none;} .HrList li .txtCont .stit{ font-size:15px;} .HrList li .txtCont .item{ display:block;} .HrList li .txtCont{ padding-top:10px; padding-bottom:10px; line-height:24px;} .HrList li .txtCont .apply a{width:110px; line-height:32px; font-size:14px;} .HrList .btn{width:75px; line-height:26px;} .HrList .btn i{width:14px; height:14px;} .Hrway{ padding:20px 0 0 0px;} .Popbox{width:94% !important;} .Popbox .Tithead{font-size:20px; padding-bottom:10px;} .form ul{ margin-left:-10px;} .form .line{ margin-left:10px;} .form .input{ font-size:14px;height:35px; line-height:35px;} .form .textarea{margin-left:10px;} .form textarea{ font-size:14px; height:80px;} .form .btn{height:40px; font-size:16px;} .form .yzm{width:90px; height:35px;} .HrList li.xy{ margin-bottom:12px;} .HrList .xyhead{padding:12px 100px 12px 12px;} .HrList .xyhead .job{ font-size:16px;} .HrList .xyhead .qian{ font-size:18px;} .HrList .xyhead .line{width:15px;} .HrList .xyhead .look{top:10px; right:10px; width:95px; line-height:30px;} .HrList li.current .xyhead .look,.HrList .xyhead:hover .look{ color:#238cac !important; background:#fff;} .HrList li.current.xy {box-shadow:0 10px 35px rgba(0,0,0,0.14);} .HrList li.current .xyhead{ color:#fff; background:#238cac;} .HrList li.current .xyhead .job,.HrList li.current .xyhead .qian,.HrList .xyhead .look{ color:#fff;} .HrList li .txtCont .item2{ height:24px; min-height:24px; padding:0 0 20px 85px; line-height:24px;} .HrList li .txtCont .item2 .dt{ font-size:15px;} .HrList li .txtCont .apply2{ position:static;} } /*鑱旂郴鎴戜滑*/ .lxwm{background: #fff;} #dituContent{ height:400px; border:1px solid #ddd; margin-bottom:4.5%;} .contact{ width:600px;} .contact .img{ width:26%; margin-top:5px; padding:2%; background:url(../images/ewmline.gif) center center no-repeat; background-size:contain; float:left;} .contact .img img{ width:100%;} .contact .info{ width:65%; float:right;} .contact .info h2{ font-size:20px; color:#238cac; margin-bottom:6px;} .contact .info p{ position:relative; padding-left:84px; height:auto !important; height:25px; min-height:25px; font-size:14px; line-height:25px; color:#333333;} .contact .info p span{ position:absolute; left:0; color:#888888; top:0;} .contact .info p span i{ display:inline-block; margin-left:28px;} .contact.sj{ display:none;} .ContactList{ margin:0 0 0 -2.3333%;} .ContactList li{ margin:0 0 2% 2.3333%; width:31%; float:left;} .ContactList .imgbox{ border-radius:7px; padding-top:58%;} .ContactList .imgbox em{ position:absolute; width:90%; padding:0 5%; left:0; top:0; height:100%; z-index:2;display: flex;align-items: center;justify-content: center; font-size:22px; color:#fff; background:rgba(0,0,0,0.4);transition: all ease 0.3s;} .ContactList .info{transition: all ease 0.3s; background:#fff; border-radius:5px; margin:-50px 25px 0; position:relative; z-index:2; height:190px;display:flex;justify-content:center;flex-direction: column;} .ContactList .info dd{ height:auto !important; height:22px; min-height:22px; position:relative; padding:0 30px 0 83px; width:auto; line-height:22px; color:#333333;} .ContactList .info dd i{ position:absolute; width:83px; text-align:right; color:#888888; left:0; top:0;} .ContactList .info a.road{ color:#fff; text-align:center; display:block; margin-top:12px; width:128px; line-height:30px; background:#238cac;} .ContactList .info a:hover.road{background:#c9002c;} .ContactList li:hover .imgbox em{background:rgba(0,0,0,0.1);} @media ( max-width:1024px){ #dituContent{ height:300px;} #dituContent .BMap_pop{ display:none;} .ContactList{ margin:0 0 0 -2.5%;} .ContactList li{ margin:0 0 2% 2.5%; width:47.5%;} .contact{ display:none; width:auto;} .contact.sj{ display:block !important; background:#fff; border:1px solid #ddd; margin-bottom:20px; padding:12px;} } @media ( max-width:768px){ .ContactList .imgbox em{ font-size:18px;} .ContactList .info{ margin:-50px 10px 0; height:auto; padding-top:12px; padding-bottom:12px;} .ContactList li{ width:auto; float:none; margin-bottom:15px;} #dituContent{ height:210px;} .contact.sj .img{ float:none; width:auto; text-align:center; width:120px; margin:0px auto 15px;} .contact.sj .info h2{ font-size:15px;margin-bottom:0px;} .contact.sj .info{ float:none; width:auto;} .contact .info p { padding-left:75px; font-size:12px;} } /* .Floor001282 涓篸emo缂栧彿 */ .Floor001282{ padding-bottom:3%; background-color:#fff;} .Floor001282 .intro{ padding:8% 0 5%; background:url(../images/Floor001282-bg.jpg) no-repeat center top} .Floor001282 ul{ overflow:hidden; clear:both;} .Floor001282 li{ float:left; width:32%; margin-right:2%;} .Floor001282 .intro p{max-width: 70%;font-size: 15px;color: #333;line-height: 28px;} .Floor001282 li:last-child{ margin-right:0;} .Floor001282 li img{ display:block; width:100%;} @media(max-width:480px){ .Floor001282 .intro{ background-position:right bottom; background-size:cover;} .Floor001282 li{ float:none; width:auto; margin-right:0; margin-bottom:2%;} .Floor001282 li img{max-width:90%; margin:0 auto;} } /*Map002515 */ .Map002515{ background:#f7f7f7;} .Map002515 .auto{ background:#fff; padding:5%;} .Map002515 .title{ color:#333; font-size:24px;padding-bottom:3%; } .Floor001282 .number{ padding-bottom:5%; border-bottom:1px solid #f7f7f7; margin-bottom:2%;} .Floor001282 .number dl{ width:48%; display:table; float:left;background:#f7f7f7; height:120px;} .Floor001282 .number dl > *{ display:table-cell; vertical-align:middle;} .Floor001282 .number dl:nth-child(2n){ float:right;} .Floor001282 .number dt{ background:#238cac; width:24%; position:relative;} .Floor001282 .number dt::before{ position:absolute; content:''; left:20%; top:20%; right:20%; bottom:20%; background-repeat:no-repeat; background-position:center center; background-size:contain;} .Floor001282 .number dl.hotline dt::before{ background-image:url(../images/Map002515_icon_1.png);} .Floor001282 .number dl.webchat dt::before{ background-image:url(../images/Map002515_icon_2.png);} .Floor001282 .number dd{ padding-left:33px;font-size:16px; color:#999;} .Floor001282 .number dd.img{ padding-left:0; width:120px; text-align:center;} .Floor001282 .number dd.img img{ width:100px; height:100px;} .Floor001282 .number dd h3{ font-size:30px; margin:0; color:#238cac; } .Map002515 .list{ padding:3% 0;} .Map002515 .list .name{ font-size:20px; color:#238cac; padding-left:40px; background:url(../images/Map002515_icon_3.png) no-repeat left center; margin-bottom:3%;} .Map002515 .list p{ margin:0; line-height:30px; font-size:16px;} .Map002515 .list .map{ margin-top:3%; height:320px;} .Map002515 .list .map *{ box-sizing:content-box;} .Map002515 .list .map img{ max-width:none;} @media(max-width:1024px){ .Map002515 .auto{padding:2%;} } @media(max-width:1024px) and (min-width:641px){ .Map002515 .number dd h3{ font-size:20px; } } @media(max-width:640px){ .Map002515 .number dl{ float:none !important; width:100%; margin-bottom:2%;} } @media(max-width:480px){ .Map002515 .title{ font-size:20px;} .Map002515 .number dl{ height:90px;} .Map002515 .number dd{ padding-left:20px;} .Map002515 .number dd h3{ font-size:24px; } .Map002515 .number dd.img{ width:90px;} .Map002515 .number dd.img img{ width:80px; height:80px;} } .RighInfo001400{padding: 3% 0;} .RighInfo001400 #map{float: left; width:45%;} .RighInfo001400 #map img{width: 100%;} .RighInfo001400 .contact{float: right; width: 53%;} .RighInfo001400 .contact dl{font-size: 15px; line-height: 43px;} .RighInfo001400 .contact dl span{width:100px; display: inline-block; text-align: right; color: #333;} .RighInfo001400 .tip{padding-top: 10px; margin-top: 10px; border-top: 1px solid #e3e3e3;} .RighInfo001400 .contact dd.tip span{font-size: 16px; color: #238cac; display: block;} .RighInfo001400 .txt{ padding-left: 70px; background: url(../images/RighInfo001400_route.png) 30px 0 no-repeat; min-height: 50px; line-height: 24px; font-size: 14px;} .RighInfo001400 table{width: 100%;border: 1px solid #dcdcdc;margin-top: 3%;} .RighInfo001400 td{border: 1px solid #dcdcdc;padding:10px;} .RighInfo001400 td:first-child{background: #238cac;text-align: center;color: #fff;border:1px solid #fff;} @media screen and (max-width: 767px){ .RighInfo001400 #map{ float: left;width: 100%;} .RighInfo001400 .contact{ float: left;width: 100%;} } /*浜у搧涓績*/ .Probox{ position:relative; margin-bottom:5%;} .Probox .imgbox{ width:52%; float:left; padding-top:454px;} .Probox .imgbox span{ background-size:contain;} .Probox .info{ width:45%; float:right;} .Probox .ti{ line-height:74px; font-size:36px; color:#333333;} .Probox .ti i{ display:inline-block; vertical-align:middle; width:6px; height:36px; background:#238cac; margin-right:19px;} .Probox .txt{ position:absolute; right:0; top:88px; width:45%; padding:3% 4%; background:#fff url(../images/logobg5.gif) right 20px bottom 10px no-repeat; box-shadow:0 5px 15px rgba(0,0,0,0.08); font-size:14px; color:#666;} .Probox .more{ color:#fff; text-align:center; width:142px; line-height:36px; background:#238cac; font-size:14px; margin-top:22px; display:none; border-radius:22px;} .cnter{text-align: center;} .ProList ul{text-align: center;} .ProList li{ width:16.6666%; text-align:center;display: inline-block;} .ProList li .ti{ line-height:20px; font-size:14px; color:#999999;} .ProList li .ti span{ display:block; line-height:30px; font-size:20px; color:#333333;} .ProList li .ico{ position:relative; width:164px; height:164px;display: flex;align-items: center;justify-content: center; margin:0px auto 15px;} .ProList li .ico i{transition: all ease 0.3s; position:absolute; left:17px; top:17px; border:1px solid #a1a1a1; border-radius:12px; width:124px; height:124px; transform:rotate(45deg); -ms-transform:rotate(45deg); /* IE 9 */ -moz-transform:rotate(45deg); /* Firefox */ -webkit-transform:rotate(45deg); /* Safari 鍜 Chrome */ -o-transform:rotate(45deg);} .ProList li .ico img{ width:58px; height:58px;} .ProList li:hover .ico i{ border:1px solid #f3f3f3; box-shadow:0 0 15px rgba(0,0,0,0.08);} .ProList li:hover .ico img{ -webkit-animation: icon-bounce 0.5s alternate; -moz-animation: icon-bounce 0.5s alternate; -o-animation: icon-bounce 0.5s alternate; animation: icon-bounce 0.5s alternate; } .ProList.sj{ display:none;} .ProList.sj{ padding:0 10px 30px; margin-top:-18px;} .ProList.sj li .ti span{ font-size:12px !important; line-height:16px;} .probtn{ display:none; position:fixed; left:0; top:13%; width:40px; height:40px; line-height:40px; text-align:center; background:#238cac; border-radius:0 10px 10px 0; color:#fff; z-index:100;} .proclose{ display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.3); left:0; top:0; z-index:999;} .proclose span{ background:#238cac; color:#fff; position:absolute; left:226px; top:20px; width:45px; height:45px; line-height:45px; text-align:center;} .ProNav{ float:left; width:18.5%;} .ProNav .head{ border-left:6px solid #238cac; line-height:13px; color:#999999; font-size:14px; padding-left:20px; margin-bottom:14px;} .ProNav .head span{ display:block; line-height:25px; color:#333333; font-size:24px; margin-bottom:6px;} .menuLevels{ background:#ffffff;} .menuLevels li i{ display:none; width:4px; height:7px; background:url(../images/arr.gif); margin-left:10px;} .menuLevels li .active i{ display:inline-block;} /*涓€绾?/ .menuLevels a{ display:block; padding:0px 10px 0px 27px; line-height:61px; position:relative; cursor:pointer; color:#333; font-size:18px; border-bottom:1px solid #e5e5e5;} .menuLevels span{ display:block; width:12px; height:13px; position:absolute; left:19px; top:50%; margin-top:-6px;} .menuLevels ul li .active{ color:#fff; background:#238cac;} /*浜岀骇*/ .menuLevels ul li ul{ padding:10px 0; border-bottom:1px solid #e5e5e5;} .menuLevels li li a{ border-bottom:0;font-size:14px; line-height:36px;} .menuLevels ul li li .active{ background:none; color:#238cac;} /*涓夌骇*/ .menuLevels ul li ul ul{ padding:0; border-bottom:0;} .menuLevels ul li ul{ display:none;} .menuLevels li li a span{ background:#cc0000;} .menuLevels li li li a{ font-size:13px; border:none; line-height:28px; padding-left:39px; background:none; color:#999999;} .menuLevels li li li a span{ background:#ffcc00;} .menuLevels ul li ul li ul li .on{background:#238cac; color:#fff;} .ProCon{ font-size:14px; width:77.5%; float:right; color:#333333;} .Protit{ text-align:center; font-size:24px; padding:34px 0 14px; margin-bottom:25px; border-bottom:1px solid #d5d5d5;} .Protit2{ clear:both; color:#333333; font-size:20px; font-weight:bold; margin-bottom:17px;} .Protit2 i{ display:inline-block; width:3px; height:20px; background:#238cac; margin-right:10px; vertical-align:middle;} .tabcss{ margin-bottom:10px; line-height:27px; text-align:center;} .tabcss th{ border-left:2px solid #f3f3f3; border-bottom:2px solid #f3f3f3; color:#fff; background:#238cac; font-weight:normal; padding:5px 0px; font-size:16px;} .tabcss td{ border-left:2px solid #f3f3f3; border-bottom:2px solid #f3f3f3; background:#e6e6e6; padding:5px 0px;} .tabcss tr:nth-child(even) td{ background:#d5d5d5;} .tabcss td table:nth-child(even) .xl{ background:#d5d5d5;} .protab{ background:#fff; margin-bottom:38px;} .protab li{ width:11.11111%; float:left; height:72px; cursor:pointer; background-images:url(../images/line3.gif); background-position:right center; background-repeat:no-repeat; text-align:center;display: flex;align-items: center;justify-content: center; line-height:21px; font-size:16px; color:#666666;} .protab li span{ display:block; margin:0px auto; max-width:80px;} .protab li:nth-child{ background-image:none !important;} .protab li.on{ background:#238cac; color:#fff;} .proinfo{ color:#666;} .proinfo .img{ width:49%; float:left;} .proinfo .info{ padding-top:6%; width:47%; float:right;} .protit3{ margin-bottom:25px;} .protit3 h2{ color:#333333; font-size:24px; line-height:35px;} .protit3 h2 i{ display:block; width:35px; height:24px; border-top:3px solid #238cac;} .protit3 p{ color:#999999; font-size:14px; line-height:19px;} .ProList2{ margin:0 0 2% -2.3333%;} .ProList2 li{ position:relative; width:31%; float:left; margin:0 0 2.3333% 2.3333%;transition: all ease 0.3s; font-size:16px;} .ProList2 .imgbox{ padding-top:68.6%; margin-bottom:7px;} .ProList2 .imgbox span{ background-size:contain;} @media ( max-width:1024px){ .Probox .ti{font-size:20px;} .ProList li .ti span{line-height:24px; font-size:16px;} .ProList li .ico{width:120px; height:120px;} .ProList li .ico i{width:85px; height:85px;} .probtn{ display:block;} .ProNav{ left:-300px; top:0; position:fixed; height:100%; overflow-y:auto; box-shadow:0px 5px 10px rgba(0,0,0,0.5); z-index:1000; width:225px;} .ProNav .head{ display:none;} .ProCon{ width:auto; float:none;} .Protit{ font-size:18px; padding-top:0;} .Protit2{ font-size:17px; margin-bottom:10px;} .menuLevels a{ padding:0px 8px 0px 12px; line-height:38px; font-size:16px;} .menuLevels li li a{ line-height:26px;} .menuLevels li li li a{ line-height:22px; padding-left:20px;} .ProList.sj{ display:block;} } @media ( max-width:768px){ .Probox .imgbox{ width:auto; float:none; padding-top:68%;} .Probox .info{ width:auto; float:none;} .Probox .txt{ position:static; width:auto; padding:15px;} .ProList li{ width:33.333%;} .ProList li .ico{width:95px; height:95px; margin-bottom:0;} .ProList li .ico i{width:60px; height:60px;} .ProList li .ico img{ width:30px; height:30px;} .ProList li .ti{ font-size:12px; line-height:15px;} .ProList li .ti span{ font-size:15px;} .tabcss{line-height:22px;} .tabcss th{ font-size:14px;} .tabcss td{ font-size:12px;} .protab{ background:#fff; margin-bottom:18px;} .protab li{ width:33.333%; height:60px; font-size:14px;} .protab li:nth-child(3n+3){ background-image:none !important;} .proinfo .img{ width:auto; float:none; text-align:center;} .proinfo .info{ padding-top:20px; width:auto; float:none;} .protit3{ margin-bottom:15px;} .protit3 h2{ font-size:18px; line-height:24px;} .protit3 h2 i{height:10px;} .ProList2{ margin:0 0 2% -2.5%;} .ProList2 li{width:47.5%; float:left; margin:0 0 3% 2.5%; font-size:14px;} .ProList2 .imgbox{ margin-bottom:4px;} } /*PicList002079 */ .PicList002079{padding: 3% 0;} .PicList002079 ul{ position:relative; padding-bottom:76%;} .PicList002079 li{ position:absolute; width:49.12%; height:34.09%; } .PicList002079 li.li_1, .PicList002079 li.li_2{ width:23.82%; height:27.89%;} .PicList002079 li.li_0{ left:0; top:0;} .PicList002079 li.li_1{ left:0; top:36.15%;} .PicList002079 li.li_2{ left:25.3%; top:36.15%;} .PicList002079 li.li_3{right:0;top:0; height:64.04%;} .PicList002079 li.li_4{ left:0; bottom:0;} .PicList002079 li.li_5{ right:0; bottom:0;} .PicList002079 li figure img{ display:none;} .PicList002079 li p{ border:1px solid #e2e2e2; height:50px; line-height:50px; text-align:center; margin:0; padding:0 3%;} @media(max-width:640px){ .PicList002079 li p{ line-height:35px; height:35px;} } @media(max-width:375px){ .PicList002079 ul{ padding-bottom:0;} .PicList002079 li{ width:auto !important; height:auto !important; position:relative; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important ; margin-bottom:3%;} .PicList002079 li figure{ height:auto !important; padding-bottom:50%;} } /*RighInfo002812 */ .RighInfo002812{background: #f5f5f5;padding-top:3%;} .RighInfo002812 .auto_1200{max-width: 1200px;} .RighInfo002812 .tit{color: #333; font-size: 26px;} .RighInfo002812 .info .tit{display: inline-block; padding-right: 5%; max-width: 85%;background: #fff;line-height: 36px; margin-top: -18px;} .RighInfo002812 .culture {padding: 2% 0;} .RighInfo002812 .culture .tit{padding: 60px 0 50px 0;text-align: center;} @media(max-width:480px){ .RighInfo002812 .tit{font-size: 22px;} } .RighInfo002812 .info{position: relative; z-index: 1;} .RighInfo002812 .info > *{position: relative; z-index: 4;} .RighInfo002812 .hasbg{padding-bottom: 30px; background: url(../images/RighInfo002812-map.png) no-repeat center top;background-size: contain;} @media(min-width:769px){ } .RighInfo002812 .txt-p{text-indent: 2em; line-height: 28px; margin-bottom: 20px; font-size: 16px; color: #333;} .RighInfo002812 .mid{margin: 5% 0;} .RighInfo002812 .mid .pic{ text-align: center;} @media(min-width:769px){ .RighInfo002812 .mid .pic{width: 50%;} } @media(max-width:768px){ .RighInfo002812 .mid .pic, .RighInfo002812 .mid .list{display: block;} } .RighInfo002812 .mid .list li{ margin: 17px 1%;} .RighInfo002812 .mid .list li:last-child{width: 100%;} @media(min-width:481px){ .RighInfo002812 .mid .list li{float: left; width: 48%;} .RighInfo002812 .mid .list li:nth-child(2n+1){clear: left;} } @media(min-width:769px)and (max-width:1024px){ .RighInfo002812 .mid .list li{float: none;width: auto;} } .RighInfo002812 .mid .icon{width:55px ;} .RighInfo002812 .mid .txt{padding-left: 14px;color: #333;font-size: 16px;font-weight: 100;} .RighInfo002812 .mid .txt span{font-size: 18px;display: inline-block;color: #333;} .RighInfo002812 .mid .txt b{color: #238cac; font-size: 24px;} .RighInfo002812 .mid .txt b sup{font-size: 15px;} .RighInfo002812 .title-css{padding: 1vw 0;} .RighInfo002812 .title-css span{display: inline-block;padding-bottom: 10px; border-bottom: 3px solid #238cac;font-size: 20px;color: #238cac;text-indent: 0;} .RighInfo002812 .culture .box-item ul{display: table;width: 100%;border: 1px solid #eee; table-layout: fixed;} .RighInfo002812 .culture .box-item ul:not(:first-child){margin-top: -1px;} .RighInfo002812 .culture .box-item li{display: table-cell; vertical-align: top; text-align: center;position: relative;padding: 40px 0;background: #fff;} .RighInfo002812 .culture .box-item li:not(:last-child):after{position: absolute; content: ''; width: 1px;height: 100%; right: 0; top: 0;background: #eee;} .RighInfo002812 .culture .box-item .row-2 li:not(:last-child):after{right: -1px;} .RighInfo002812 .culture .box-item .row-4 li{width: 25%;} .RighInfo002812 .culture .box-item .row-3 li{width: 33.3333%;} .RighInfo002812 .culture .box-item .row-2 li{width: 50%;} .RighInfo002812 .culture .box-item li > *{padding: 0 10px;} .RighInfo002812 .culture .box-item li .icon img{max-width: 68px; transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;} .RighInfo002812 .culture .box-item li:hover .icon img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-ms-transform: rotateY(180deg);} .RighInfo002812 .culture .box-item li b{font-size: 18px;font-weight: bold;display: block;padding: 20px 0;color: #555;} .RighInfo002812 .culture .box-item li p{margin: 0;line-height: 28px;font-size: 16px;text-indent: 0;} @media(max-width:480px){ .RighInfo002812 .culture .box-item li{padding: 20px 0;} .RighInfo002812 .culture .box-item li b{font-size: 16px;} .RighInfo002812 .culture .box-item li p{font-size: 14px;line-height: 22px;} } /*Timeline002895 */ .Timeline002895{padding: 3% 0;} .Timeline002895 .name{border-top: 1px solid #e6e6e6; margin-top: 12px;color: #ccc;font-size: 20px;text-transform: uppercase;} .Timeline002895 .name span{display: table;margin: -13px auto 0; padding: 0 10px;background: #fff;line-height: 24px; } .Timeline002895 .scroll-main{padding-bottom: 32px;max-width: 100%;width: 100%; overflow-x: auto; margin:0; height: 382px;} .Timeline002895 .mCustomScrollBox{height: auto;} .Timeline002895 .mCSB_horizontal.mCSB_outside > .mCSB_container{min-height:inherit;} .Timeline002895 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 7px;background: #e6e6e6; margin: 0;} .Timeline002895 .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: 0;} .Timeline002895 .mCSB_scrollTools.mCSB_scrollTools_horizontal{height: 7px;opacity: 1!important;} .Timeline002895 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 20%!important; min-width:inherit!important;} .Timeline002895 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{margin: 0; height: 100%;background: url(../images/Timeline002895_scrollbarbg.png) no-repeat center center #eac672; border-radius: 7px;} .Timeline002895 .box{float: left; width: 31%;margin-right: 3.5%;position: relative;} .Timeline002895 .box:last-child{margin-right: 0;} .Timeline002895 .box .inner{background:#f5f5f5 url(../uploadfiles/bjbj.jpg) no-repeat center center; padding: 40px 30px; height: 350px;background-size: cover;} /*.Timeline002895 .box.active .inner{background-color: #fff;}*/ .Timeline002895 .box:not(:last-child) .inner{width:100%;} .Timeline002895 .box .year{padding-bottom: 20px;font-size: 18px;color: #238cac;border-bottom: 1px solid #eaeaea;margin-bottom: 20px;text-align: center;} .Timeline002895 .box .pre-main{max-height: 12.858em;overflow: auto;} .Timeline002895 .box .pre-main pre{line-height: 2.143em;color: #666; } .Timeline002895 .hoverbg{ background: rgba(0,0,0,00.01); border: 1px solid rgba(0,0,0,0.1); position:absolute; content:''; z-index:2; left:0; top:0; width:100%; height:100%; opacity:1; transition:0.3s;} .Timeline002895 .hoverbg i{ position:absolute; left:0; width:100%;} .Timeline002895 .hoverbg i::before, .Timeline002895 .hoverbg i::after{ width:15px; height:15px; position:absolute; content:''; top:-1px;border-top:1px solid #238cac; } .Timeline002895 .hoverbg i::before{ left:-1px;border-left:1px solid #238cac;} .Timeline002895 .hoverbg i::after{ right:-1px;border-right:1px solid #238cac;} .Timeline002895 .hoverbg i.up{ top:0;} .Timeline002895 .hoverbg i.down{ bottom:0; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);} /*Timeline002789 */ .Timeline002789{padding: 3% 0 1%;background: #f5f5f5; } /*slick Basic*/ .Timeline002789 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Timeline002789 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Timeline002789 .slick-list:focus {outline: none} .Timeline002789 .slick-list.dragging {cursor: pointer;cursor: hand;} .Timeline002789 .slick-slider .slick-track, .Timeline002789 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Timeline002789 .slick-track {position: relative; top: 0; left: 0; display: block;} .Timeline002789 .slick-track:before, .Timeline002789 .slick-track:after{display: table; content: '';} .Timeline002789 .slick-track:after{ clear: both;} .Timeline002789 .slick-loading .slick-track { visibility: hidden;} .Timeline002789 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Timeline002789 .slick-slide .slick-loading img { display: none;} .Timeline002789 .slick-slide .dragging img { pointer-events: none;} .Timeline002789 .slick-initialized .slick-slide { display: block;} .Timeline002789 .slick-loading .slick-slide { visibility: hidden;} .Timeline002789 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Timeline002789 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Timeline002789 li .pic{ /*border-bottom: 1px solid #e5e5e5; background: url(../images/Timeline002789-line.png) repeat-x left bottom;*/ padding-bottom: 29px;} .Timeline002789 li .Ispic{padding-bottom: 50%; width: 90%;margin: 0 auto;border-radius: 6px; } .Timeline002789 li .inner{position: relative;padding-top: 0;text-align: center;} .Timeline002789 li .inner:after{position: absolute;left: 50%;margin-left: -6px;top: 0;width: 1px;height:40px;background: #e5e5e5;content:'';display: none;} .Timeline002789 li .inner time{font-size: 18px;display: block;font-weight: bold; color: #555} .Timeline002789 li .inner p{line-height: 22px;max-height: 70px;overflow: auto;color: #666; width: 90%; margin:5px auto 0;text-indent: 0;font-size: 15px;} .Timeline002789 .slick-arrow{font-size: 0;width: 30px ;height: 30px;border: 0;position: absolute;top: 50%; cursor: pointer;padding: 0;background: #3b4c67;z-index: 10;border-radius: 50%;} .Timeline002789 .slick-arrow:before{position: absolute; content: ''; width: 10px; height: 10px; border-right: 2px solid #fff; border-top: 2px solid #fff; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); left: 50%; top: 50%; margin: -5px 0 0 -6px;} .Timeline002789 .slick-prev:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); margin-left: -3px;} .Timeline002789 .slick-disabled{background: #8195b5;} @media(min-width:1025px){ .Timeline002789 .slick-prev{left: -15px;} .Timeline002789 .slick-next{right:-15px;} } @media(max-width:1024px){ .Timeline002789 .slick-prev{left: 0;} .Timeline002789 .slick-next{right:0;} } /*RighInfo002928 */ .RighInfo002928{ padding:3% 0;} .RighInfo002928 .auto_1200{max-width: 1400px;} .RighInfo002928 .contact{background: #fff;padding: 1.88vw 0; box-shadow: 0 0 73px rgba(0,0,0,0.1); position: relative; z-index: 4;} .RighInfo002928 .contact .inner{ width: 90%; margin: 0 auto; text-align: center; top: 0; transition: top 0.3s,background 0.3s;} .RighInfo002928 .contact .icon{width: 70px; height: 70px;background-color:#238cac;; background-repeat: no-repeat;background-position: center center; margin: 0 auto 25px; } .RighInfo002928 .box-1 .icon{background-image: url("../images/RighInfo002928_add.png");} .RighInfo002928 .box-2 .icon{background-image: url("../images/RighInfo002928_call.png");} .RighInfo002928 .box-3 .icon{background-image: url("../images/RighInfo002928_email.png");} .RighInfo002928 .contact .name{font-size: 18px;color: #000;font-weight: bold;padding-bottom: 10px;} .RighInfo002928 .contact p{color: #979797; margin: 0 auto;text-align: left;} /* .RighInfo002928 .box-2 p{ color: #238cac;font-size: 22px;} */ .RighInfo002928 .box-1 p{text-align: left;} .RighInfo002928 .contact .ytable-cell:hover p{color: #fff;padding: 0 20px;} .RighInfo002928 .contact p{line-height: 24px;height: 168px;font-size: 14px;} .RighInfo002928 .map{border: 1px solid #ccc;} .RighInfo002928 .map #allmap *{box-sizing: content-box;} .RighInfo002928 .map #allmap img{max-width: none;} .RighInfo002928 .map #allmap .BMap_bubble_content b{display: block;font-size: 16px;} @media(min-width:641px){ .RighInfo002928 .contact{max-width: 1400px; width: 96%; margin: 0 auto;} .RighInfo002928 .contact .ytable-cell{width: 33.3333%; height: 167px;} .RighInfo002928 .contact .ytable-cell:not(:last-child){border-right: 1px solid #d0cbcb;} .RighInfo002928 .map{margin-top: -4.89vw;} .RighInfo002928 .ytable-cell:hover{position: relative;} .RighInfo002928 .ytable-cell:hover .inner{background: #238cac; padding: 28px 0; position: absolute; left: 50%; transform: translateX(-50%);top: -56px; box-shadow: 6px 15px 32px rgba(14,53,112,0.3);} .RighInfo002928 .ytable-cell:hover .name{color: #fff;} .RighInfo002928 .ytable-cell:hover .icon{background-color: rgba(255,255,255,0.06);} } @media(min-width:1401px){ .RighInfo002928 .map #allmap{height: 620px;} } @media(max-width:1400px){ .RighInfo002928 .map #allmap{height:44.286vw;} } @media(max-width:640px){ .RighInfo002928 .contact, .RighInfo002928 .contact .ytable-cell{display: block;} .RighInfo002928 .contact .ytable-cell{padding: 5vw 0;} .RighInfo002928 .contact .ytable-cell:not(:last-child){border-bottom: 1px solid #d0cbcb;} .RighInfo002928 .contact{padding: 0 5vw;} .RighInfo002928 .map #allmap{height:60vw;} .RighInfo002928 .title .cn{font-size: 24px;} } /* .PicList002273 涓篸emo缂栧彿 */ .PicList002273 .left img{width: 100%;} .PicList002273 .right .time{font-size: 12px;color: #999;border: 1px solid #c5c6c6;padding: 2px 5px;margin-top: 8px;display: inline-block;} .PicList002273 .right .h3{color: #313131;font-size: 18px;font-weight: normal;margin: 10px 0;} .PicList002273 .right .p{color: #999;font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .PicList002273 ul li{margin-bottom: 30px;background: #eef0f1;padding: 18px 20px;} @media screen and (min-width:768px ) { .PicList002273 .left{float: left;width: 25%;} .PicList002273 .right{float: right;width: 72%;} .PicList002273 .right .time{margin-top: 0px;} .PicList002273 ul li{background:#eef0f1;} } @media screen and (min-width:1024px ) { .PicList002273 .right .time{margin-top: 15px;} .PicList002273 ul li:hover{border: 1px solid #ee322d;box-shadow: 0px 0px 30px #ccc;} .PicList002273 ul li{background:#fff;position: relative;} .PicList002273 ul li .right_btn{width: 11px;height: 19px;background: url(../images/PicList002273-arrow_right.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -10px} } @media screen and (min-width:1200px ) { .PicList002273 .left{float: left;margin-right: 50px;} .PicList002273 .right{float: left;width: 60%;} .PicList002273 .right .time{margin-top: 14px;} .PicList002273 .right .h3{line-height: 18px;margin: 28px 0 17px;} .PicList002273 .right .p{line-height: 19px;} .PicList002273 ul li{padding-right: 20px;} } /*Floor002564 */ .Floor002564{ padding:3% 0 0;} .Floor002564 .intro{ background:url(../images/Floor002564_introbg.png) no-repeat center top; max-width:690px; padding-bottom:8%; background-size:contain;} .Floor002564 .title{ padding-top:8px; text-align:center; padding-bottom:4%; font-size:26px; color:#3f3a39;} .Floor002564 .title .en{ text-transform:uppercase; font-size:32px;letter-spacing:17px; padding-left:17px;} .Floor002564 .edit-info{ padding-bottom:2%;} .Floor002564 .edit-info p{text-indent: 2em;} .Floor002564 .links{ position: relative; } .Floor002564 .links:before{background:#238cac; content: ""; position: absolute;left: 0; bottom: 0;width: 100%; height: 107px;} .Floor002564 .links li{ position:relative; float:left; transition:0.3s; z-index: 999;} .Floor002564 .links li img{ display:block; width:100%;} .Floor002564 .links li p{color: #fff;text-align: center;} .Floor002564 .links li:hover{ box-shadow:4px 0 4px rgba(200,160,99,0.22);} .Floor002564 .links li a{ opacity:0; position:absolute; left:3px; right:3px; bottom:3px; background:rgba(255,255,255,0.9); top:3px; font-size:16px; color:#238cac; transition:0.3s;} .Floor002564 .links li:hover a{ opacity:0;} .Floor002564 .links li a::before{ position:absolute; left:3px; top:3px; right:3px; bottom:3px; border:1px solid #fff;} .Floor002564 .links li a::before, .Floor002564 .links li a aside::after{content:''; } /* .Floor002564 .links li a aside::after{ display:block; margin:15% auto 0; background:url(../images/Floor002564_more.png) no-repeat; width:11px; height:10px;} */ @media(min-width:1025px){ .Floor002564 .links{padding-bottom:21px;} .Floor002564 .links li{width:100%; margin-right:1.4%; } .Floor002564 .links li:nth-child(6n){ margin-right:0;} .Floor002564 .links li:hover{} } @media(max-width:1024px){ .Floor002564 .links{ padding:2% 0 0 0;} .Floor002564 .links li{ margin-right:2%; margin-bottom:2%;} } @media(max-width:1024px) and (min-width:481px){ .Floor002564 .links li{ width:32%;} .Floor002564 .links li:nth-child(3n){ margin-right:0;} } @media(max-width:768px){ .Floor002564 .intro{ max-width:none; padding:0 2% 2%;} } @media(max-width:640px){ .Floor002564 .title .en{ letter-spacing:0;} } @media(max-width:480px){ .Floor002564 .links li{ width:49%;} .Floor002564 .links li:nth-child(2n){ margin-right:0;} } /*PicList002433 */ /*slick Basic*/ .PicList002433 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .PicList002433 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .PicList002433 .slick-list:focus {outline: none} .PicList002433 .slick-list.dragging {cursor: pointer;cursor: hand;} .PicList002433 .slick-slider .slick-track, .PicList002433 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .PicList002433 .slick-track {position: relative; top: 0; left: 0; display: block;} .PicList002433 .slick-track:before, .PicList002433 .slick-track:after{display: table; content: '';} .PicList002433 .slick-track:after{ clear: both;} .PicList002433 .slick-loading .slick-track { visibility: hidden;} .PicList002433 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .PicList002433 .slick-slide .slick-loading img { display: none;} .PicList002433 .slick-slide .dragging img { pointer-events: none;} .PicList002433 .slick-initialized .slick-slide { display: block;} .PicList002433 .slick-loading .slick-slide { visibility: hidden;} .PicList002433 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .PicList002433 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .PicList002433{padding-top: 3%;} .PicList002433 .main{ padding:6% 0 0 0;} .PicList002433 .main .slick-arrow{ position:absolute; top:50%; width:57px; height:57px; margin-top:-30px; border:1px solid #238cac; padding:0; background:none; font-size:0; z-index:10; cursor:pointer; border-radius:50%;} .PicList002433 .main .slick-arrow:hover{ background:#238cac; } .PicList002433 .main .slick-arrow:before{ position:absolute; content:''; width:18px; height:18px; border-top:2px solid #238cac; border-right:2px solid #238cac; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:50%; top:50%; margin:-9px 0 0 -11px;} .PicList002433 .main .slick-arrow:hover:before{ border-color:#fff;} .PicList002433 .main .slick-prev:before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); margin-left:-5px;} .PicList002433 .main .slick-prev{ left:-59px;} .PicList002433 .main .slick-next{ right:-59px;} @media(max-width:1408px){ .PicList002433 .main .slick-prev{ left:2%;} .PicList002433 .main .slick-next{ right:2%;} } @media(max-width:640px){ .PicList002433 .main .slick-arrow{ width: 7vw;height: 7vw;margin-top: -3.5vw;} .PicList002433 .main .slick-arrow:before{width:40%; height: 40%;margin: 0;left: 40%; top: 30%;} .PicList002433 .main .slick-next:before{left: 20%;} } .PicList002433 .list ul{ padding:0 50px;} .PicList002433 .list li{ float:left; position:relative; text-align:center; margin-bottom:4%;} .PicList002433 .list li:first-child:before, .PicList002433 .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .PicList002433 .list li:first-child:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;} .PicList002433 .list li:last-child:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list li aside{ padding-top:35px;height:90px; background:url(../images/PicList002433_libg.png) repeat-x left top;} .PicList002433 .list li .ytable{ height:245px;} .PicList002433 .list li .ytable-cell{ vertical-align:bottom;} .PicList002433 .list li figure{ position:relative; display:inline-block;max-width: 80%;} .PicList002433 .list li figure:after{ position:absolute; right:-24px; background:url(../images/PicList002433_ying.png) no-repeat left bottom; width:24px; height:100%; background-size:contain; content:'';} .PicList002433 .list li figure img{ max-height:245px;padding: 8px;padding-top: 12px;background: url(../images/PicList002433_kuang.png) no-repeat ;background-size:100% 100%;} .PicList002433 .list li p{ margin:0 auto; max-width:210px;width:90%; line-height:20px; max-height:40px; color:#333;} .PicList002433 .list .ul-3 li{width:25%;} .PicList002433 .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li{width:50%;} .PicList002433 .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-1 li{width:100%;} .PicList002433 .list .ul-4 li{width:25%;} .PicList002433 .list .ul-4 li:nth-child(4):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;} @media(max-width:640px){ .PicList002433 .auto, .PicList002433 .list ul{ padding:0;} .PicList002433 .list li p{ font-size:12px;} .PicList002433 .list li .ytable{ height:150px;} .PicList002433 .list li figure img{ max-height:150px; padding:3px} .PicList002433 .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .PicList002433 .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .PicList002433 .list .ul-3 li:nth-child(3):after, .PicList002433 .list li:first-child:before{ display:none;} } @media(max-width:480px){ .PicList002433 .list li .ytable{ height:100px;} .PicList002433 .list li figure img{ max-height:100px;} } /* .RighInfo001108 涓篸emo缂栧彿 */ .RighInfo001108 {padding-top: 3%;} .RighInfo001108 .tab{ margin-top:3%; text-align: center; overflow:hidden; font-weight:bold;} .RighInfo001108 .tab span{ cursor:pointer; display:inline-block; background: #fff; width: 236px; line-height: 52px; font-size: 18px; border-radius: 28px; margin: 0 15px; font-weight: normal;} .RighInfo001108 .tab span.on{ background-color:#238cac; color:#fff;} .RighInfo001108 .tab_info{ padding:2%;} @media(max-width:768px){ .RighInfo001108 .tab span{ width: auto; padding: 0 15px;line-height: 35px;font-size: 15px; margin: 0 5px;} } /* .PicList002451 涓篸emo缂栧彿 */ .PicList002451{ overflow: hidden; margin: 3% 0;} .PicList002451 ul{ margin: 0 -5px;} .PicList002451 li{ float: left; width: 50%; padding: 0 5px 0;} .PicList002451 li .inner{ position: relative;} .PicList002451 li .abshref{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; display: block; z-index: 5;} .PicList002451 li .pic{ overflow: hidden;} .PicList002451 li .pic img{ visibility: hidden;} .PicList002451 li .pic a{ display: block; background-position: center; background-size: cover; background-repeat: no-repeat; transition: transform .5s ease-in-out;padding-bottom: 76%; border-radius: 4px; } .PicList002451 li .word{ position: absolute; left: 0; width: 100%; padding: 0 5%; bottom: 0; font-size: 18px; border-radius: 0 0 6px 6px; background: rgba(0,0,0,0.6); z-index: 2; transition: all ease 0.3s; overflow: hidden;transition: background-color .5s ease-in-out;text-align: center;} .PicList002451 li:hover .word {height: 100%;} .PicList002451 li:hover .word h2 {padding-top: 30%;} .PicList002451 li .word h2{ margin: 0; font-weight: normal; font-size: 18px; color: #fff; padding-right: 30px; background: url(../images/PicList002451-icon.png) no-repeat right center ;} .PicList002451 li:hover .pic a{ transform: scale(1.05);} @media only screen and (min-width: 1024px) { .PicList002451 li{width: 33.3334%;} .PicList002451 li .word{padding: 10px;} } @media only screen and (min-width: 1200px) { .PicList002451 li{margin-right: 3%; width: 31%;margin-bottom: 2%;} .PicList002451 li:nth-child(3n){margin-right: 0;} } @media(max-width:1024px){ .PicList002451 li{margin-bottom: 20px;} .PicList002451 li .word h2{padding-right: 0;line-height: 30px;} .PicList002451 li .word{padding: 5px;} } .PicList002451 .js-load-more{ display: block; text-align: center; padding: 35px 0;} .PicList002451 .js-load-more a{ color: #333; font-size: 16px; position: relative; line-height: 25px; padding-left: 30px;} .PicList002451 .js-load-more a i{background: url(../images/PicList002451-loading.gif) no-repeat; width: 25px; height: 25px; background-size: cover; display: block; position: absolute; left: 0; top: 0;} /*Floor002619 */ .Floor002619{ background:#eee; padding:3% 0;} .Floor002619 .slider-main{overflow: hidden;} .Floor002619 .controls{ position:relative;/*overflow:hidden; */margin-top:2%;} .Floor002619 .controls .pager li{ float:left; border-radius:50%; border:1px solid #d8d8d8; width:15px; height:15px; position:relative; margin-right:10px; cursor:pointer;} .Floor002619 .controls .pager li button{display: none;} .Floor002619 .controls .pager li.slick-active{ border-color:#238cac;} .Floor002619 .controls .pager li.slick-active::before{border-radius:50%; background:#238cac; left:3px; top:3px; right:3px; bottom:3px; position:absolute; content:'';} .Floor002619 .controls dd{ position:absolute; right:0; top:50%; margin-top:-35px;display: none;} .Floor002619 .controls dd .slick-arrow{ color:#9f9f9f; padding-bottom:5px; border: 0;background: none; border-bottom:1px solid #9f9f9f; display:block; margin-bottom:10px; position:relative; cursor:pointer;} .Floor002619 .controls dd .slick-arrow::after{ position:absolute; content:''; bottom:-5.5px; border:5px solid transparent;} .Floor002619 .controls dd .slick-next{ padding-right:37px; } .Floor002619 .controls dd .slick-next::after{right:-5px; border-left-color:#9f9f9f;} .Floor002619 .controls dd .slick-prev{ padding-left:37px;} .Floor002619 .controls dd .slick-prev::after{left:-5px; border-right-color:#9f9f9f;} .Floor002619 .controls dt{display: flex;align-items: center;justify-content: center;} .Floor002619 .controls dt > *{display: table-cell; vertical-align: middle;} .Floor002619 .controls dt .cur{ color:#d0d0d0; font-size:64px;font-weight:bold; padding-right:20px;display: none;} .Floor002619 .controls dt .cur::before{ display:inline-block; content:''; width:47px; height:3px; background:#ccc; margin-right:5px; vertical-align:middle;} /*slick Basic*/ .Floor002619 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002619 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002619 .slick-list:focus {outline: none} .Floor002619 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002619 .slick-slider .slick-track, .Floor002619 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002619 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002619 .slick-track:before, .Floor002619 .slick-track:after{display: table; content: '';} .Floor002619 .slick-track:after{ clear: both;} .Floor002619 .slick-loading .slick-track { visibility: hidden;} .Floor002619 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002619 .slick-slide .slick-loading img { display: none;} .Floor002619 .slick-slide .dragging img { pointer-events: none;} .Floor002619 .slick-initialized .slick-slide { display: block;} .Floor002619 .slick-loading .slick-slide { visibility: hidden;} .Floor002619 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002619 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002619 li.slick-slide{position: relative;} .Floor002619 li.slick-slide .inner{position: relative;background: #f5f5f5;} .Floor002619 li.slick-slide .img{ position:relative; z-index:1;} .Floor002619 li.slick-slide .img img{ display:block; width:100%;} .Floor002619 li.slick-slide .img .play{ position:absolute; left:0; top:0; width:92.7%; height:100%; z-index:10; cursor:pointer;} .Floor002619 li.slick-slide .img .play i{ position:absolute; border:2px solid #238cac; width:50px; height:50px; border-radius:50%; background-size:50% auto; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../images/Floor002619_play.png) no-repeat center center;} @media(min-width:769px){ .Floor002619 li.slick-slide .img{/* float:left; */width:50.6%;} .Floor002619 li.slick-slide .txt{ position:absolute; right:0; top:0; width:49.4%; height:100%; z-index:3;} .Floor002619 li.slick-slide .txt .ytable{height: 100%;} .Floor002619 li.slick-slide .txt:before{ position:absolute; content:''; background:url(../images/Floor002619_bg_2.png) no-repeat center top; background-size:100% auto; left:-27.25%; width:27.3%; top:0 !important; height:100%;} } .Floor002619 li.slick-slide .txt .ytable{ position:relative; z-index:10; width:100%;} .Floor002619 li.slick-slide .txt .ytable-cell> *{ padding:0 0% 0 5%; margin:0;color:#238cac;text-align: center;} .Floor002619 li.slick-slide .txt h2{ position:relative; font-size:50px; text-transform:uppercase;display:block; } .Floor002619 li.slick-slide .txt h2 .mark{position:absolute; height:2px; width:12%; background:rgba(217,217,217,0.1); left:0; top:50%; margin-top:-1px;} .Floor002619 li.slick-slide .txt h2 .mark::before{position:absolute; content:''; width:16px; height:16px; border:2px solid #238cac; border-radius:50%; right:0; top:50%; margin-top:-8px; background:url(../images/Floor002619_bg.jpg) no-repeat center center;} .Floor002619 li.slick-slide .txt h3{ font-size:22px; font-weight:normal;margin-top: 5% !important;} .Floor002619 li.slick-slide .txt .ytable-cell p{ color:#333; text-align:justify; text-justify:inter-ideograph; margin:7% 0; line-height:26px;text-indent: 2em;} .Floor002619 .more a{ display:inline-block; position:relative; color:#6b6b6b; font-size:12px; padding-right:26px; padding-bottom:5px; border-bottom:1px solid #238cac;} .Floor002619 .more a::after{ position:absolute; content:''; border:6px solid transparent; bottom:-6px; right:-6px; border-left-color:#238cac;} .Floor002619_video{ position:fixed; z-index:999; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.5);} .Floor002619_video .close{ cursor:pointer; position:absolute; right:5%; top:5%; width:40px; height:40px;} .Floor002619_video .close::before, .Floor002619_video .close::after{ position:absolute; content:''; transform:rotate(-45deg); width:100%; height:3px; background:#fff;} .Floor002619_video .close::after{ transform:rotate(45deg);} .Floor002619_video .ytable{height: 100%;} .Floor002619_video .files{ margin:0 auto; width:96%; max-width:800px; max-height:50%;} .Floor002619_video .files video{ background:#000;} @media(min-width:1025px){ .Floor002619 .slider{width: 100%;} /* .Floor002619 .slider .slick-list{overflow: inherit;} */ /* .Floor002619 li.slick-slide .inner{margin-right: 83px;} */ .Floor002619 li.slick-slide .txt .ytable{margin-left:-7.5%;} } @media(max-width:1693px){ .Floor002619{ padding-left:2%; padding-right:2%;} } @media(max-width:1440px){ .Floor002619 li.slick-slide .txt h2{ font-size:32px;} } @media(min-width:1025px) and (max-width:1366px){ .Floor002619 li.slick-slide .inner{margin-right: 40px;} } @media(max-width:768px){ .Floor002619 li.slick-slide .txt{ margin-left:0; padding:5% 0;} .Floor002619 li.slick-slide .txt p{ margin:3% 0;} .Floor002619 li.slick-slide .img .play{ width:100%;} } @media(max-width:480px){ .Floor002619 .controls dt .cur{ font-size:40px;} .Floor002619 .title, .Floor002619 .title b{ display:block;} .Floor002619 .title{ text-align:center;} } /* .Floor001094 涓篸emo缂栧彿 */ .Floor001094{padding:0 0 3%;} .Floor001094 .auto_850{max-width: 850px;} .Floor001094 li{ display: inline-block; margin-right: 3%; width:21%; margin-bottom: 3%; position: relative; overflow: hidden; font-size: 14px; float: left; text-align: center;} .Floor001094 li figure { padding-bottom: 110.156%; background-color: #f8f8f8; } .Floor001094 li:nth-child(3n){ margin-right:0;} .Floor0010941 li:nth-child(3n){margin-right: 3%;} .Floor0010941 li:nth-child(4n){margin-right: 0;} .Floor001094 li img{ width:100%;transition:all ease-in-out 0.5s;} .Floor001094 li .txt{ margin:0; position:absolute; left:0; bottom:0; background:rgba(0, 0, 0, 0.5); padding: 2% 0; width:100%; color:#fff; transition:all ease-in-out 0.5s;} .Floor001094 li .txt h1{font-size:18px;} .Floor001094 li .txt p{font-size: 15px; opacity: .8;margin: 0;height: auto;} /* .Floor001094 li h1::before{ position:absolute; content:''; background:url(../images/Floor001094-more.png) no-repeat; width:38px; height:16px; top:-16px; left:50%; margin-left:-19px;} */ .Floor001094 li a{ color:#fff; padding:0 10%;position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); z-index:10; transform:translateY(100%); transition:all ease-in-out 0.5s;} .Floor001094 li .table{ display:table; width:100%; height:100%;} .Floor001094 li .table_cell{ display:table-cell; vertical-align:middle;} .Floor001094 li h3{ font-size:16px;} .Floor001094 li i{ position:relative; display:inline-block; width:31px; height:31px; border:2px solid #fff; border-radius:50%;} .Floor001094 li i::before, .Floor001094 li i::after{ position:absolute; content:''; background-color:#fff; left:50%; top:50%;} .Floor001094 li i::before{ width:18px; height:3px; margin-left:-9px; margin-top:-1.5px;} .Floor001094 li i::after{ width:3px; height:18px; margin-left:-1.5px; margin-top:-9px;} .Floor001094 li p{ margin:13% 0; line-height:20px; height:40px; overflow:hidden;} .Floor001094 li span{ display:inline-block; width:50%; border:1px solid #fff; height:23px; background:url(../images/Floor001094-detail.png) no-repeat center center;} .Floor001094 li:hover a{transform:translateY(0);} .Floor001094 li:hover h1{ bottom:100%;} /* .Floor001094 li:hover img{ transform:rotateY(-180deg);} */ @media(max-width:1000px){ .Floor001094 li{margin-right:2%; width:18.4%;} } @media(max-width:768px) and (min-width:481px){ .Floor001094 li{margin-right:2%; width:32%; margin-bottom:2%;} .Floor001094 li:nth-child(1){ margin-left:17%;} } @media(max-width:480px){ .Floor001094 li{ width:49%;margin-bottom:2%;} .Floor001094 li:nth-child(1){ width:100%; margin-right:0;} .Floor001094 li:nth-child(2n+1){margin-right:0;} } /* .Timeline000768 涓篸emo缂栧彿 */ .cxy{background: #f5f5f5;padding:3% 0; } .Timeline000768{ position:relative;background: #f5f5f5;} .Timeline000768::before{ position:absolute; content:''; z-index:0; width:100%; height:1px; background-color:#ccc; top:50%; left:0;transform: translateY(-50%);} .Timeline000768 .swiper-container {position: relative;overflow: hidden;z-index: 1;width: 100%;height: 367px;margin: 0 auto;} .Timeline000768 ul{position: relative;width: 100%;margin: 0 auto;height: 100%;z-index: 1;display: flex;transition-property: transform; transform: translate3d(0, 0, 0); transition-timing-function: ease-out; } .Timeline000768 ul li{width: 100%; height: 100%;position: relative; z-index:4;float: left;text-align: center;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .Timeline000768 li::before, .Timeline000768 li::after{ position:absolute; content:''; top:50%; z-index:4;} .Timeline000768 li::before{ background-color:#238cac; width:15px; height:15px; border-radius:50%; margin-top:-7px;} .Timeline000768 li::after{ width:1px; height:28px; background-color:#ccc; margin-top:-35px;} .Timeline000768 li:nth-child(2n)::after{ margin-top:8px;} .Timeline000768 li figure, .Timeline000768 li .txt{position:absolute; width:100%; height:40%;left:0; } .Timeline000768 li figure{top:0; background-position:center center; background-repeat:no-repeat; background-size:cover;} .Timeline000768 li:nth-child(2n) figure{ bottom:0; top:auto;} .Timeline000768 li .txt{ bottom:0; padding:0 3%;} .Timeline000768 li:nth-child(2n) .txt{ top:0; bottom:auto;} .Timeline000768 li .txt h1{ margin:0; color:#238cac; font-size:18px; padding-top:10%;} .Timeline000768 li .txt p{ margin:0; line-height:22px; overflow:hidden;font-size: 14px;color: #666;} /*PicList000687 */ .PicList000687{padding:3% 0 ;overflow: hidden;} .PicList000687 .more{ text-align: center;width: 125px; line-height: 40px;color: #fff; background: #238cac;display: block;} .PicList000687 .more:hover{background: #e62129;} .PicList000687 .more:after{display: inline-block; content: '';background: url("../images/PicList000687_more.png") no-repeat; width: 25px; height: 6px; vertical-align: middle; margin-left: 5px;} @media(max-width:480px){ .PicList000687 .more{line-height: 10vw;} .Timeline000768 li .txt h1{padding-top: 0;} } .PicList000687 .tit{font-size: 20px;color: #000;} .PicList000687 time{} .PicList000687 .news-top p{line-height: 1.715em;color: #7d7d7d;height: 3.43em; margin-bottom: 2.03vw;} @media(max-width:640px){ .PicList000687 .tit{font-size:4vw;} .PicList000687 p{font-size:3.5vw;} } .PicList000687 .news-top{padding-bottom:2%} .PicList000687 .news-top .info{border-top: 1px solid #eee;border-bottom: 1px solid #eee;} .PicList000687 .news-top time{border-left:1px solid #c6c6c6; padding-left: 1.62vw;display: block; margin-bottom: 2.61vw;color: #238cac;font-size: 18px;} .PicList000687 .news-top time span{display: block;font-size: 2em;} .PicList000687 .news-top .slick-dots{ text-align: center;padding-top: 1.72vw;} .PicList000687 .news-top .slick-dots li{display: inline-block; width: 20px; height:3px; margin: 0 5px;background-color: #d9d9d9;} .PicList000687 .news-top .slick-dots li button{display: none;} .PicList000687 .news-top .slick-dots li.slick-active{background:#238cac;} @media(min-width:769px){ .PicList000687 .news-top .pic{width: 520px;} .PicList000687 .news-top .info .main{padding-left: 5.21vw;} } @media(min-width:1025px) and (max-width:1024px){ .PicList000687 .news-top .pic{width: 45%;} } @media(max-width:768px){ .PicList000687 .news-top .ytable-cell, .PicList000687 .news-top .ytable{display: block;} .PicList000687 .news-top .info{padding: 5vw;} } @media(max-width:640px){ .PicList000687 .news-top time{font-size: 3.6vw;} } .PicList000687 .news-list{background: #f5f5f5;padding:2% 0 3%;} .PicList000687 .news-list li{background: #fff; margin-bottom: 1.41vw;} .PicList000687 .news-list li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);} .PicList000687 .news-list .main{border-left: 2px solid #238cac; padding-left: 4.17vw; padding-right: 4.06vw;} .PicList000687 .news-list .tit{margin-bottom: 5px;} .PicList000687 .news-list time{color: #ccc;} .PicList000687 .news-list .more{line-height: normal;color: #238cac;background: none;width: auto; text-align: left;} .PicList000687 .news-list .more:after{background-image: url("../images/PicList000687_more.jpg");} .PicList000687 .news-list li img{max-height: 160px;} @media(min-width:641px){ .PicList000687 .news-list .pic{width: 320px;} } @media(max-width:640px){ .PicList000687 .news-list .ytable-cell, .PicList000687 .news-list .ytable{display: block;} .PicList000687 .news-list li{margin-bottom:4vw;} .PicList000687 .news-list .main{padding: 4vw;border: 2px solid #a52d34; border-bottom: 0;} } /*PicList002172 */ .PicList002172{ padding:0% 0 3%;} .yfpt_box .HomeTit{padding-bottom: 0;} .PicList002172 .owl-carousel{ padding:0 30px;} .PicList002172 .item{ padding:0 15px;} .PicList002172 .item figure{ border:1px solid #238cac; padding:3%;} .PicList002172 .item img{ display:none;} .PicList002172 .item figure span{ display:block; padding-bottom:65%; background-size:contain;} .PicList002172 .owl-carousel .ON figure{ border-color:#006cba;} .PicList002172 .owl-nav div{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../images/PicList002172-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px;} .PicList002172 .owl-nav .owl-prev{ left:0;} .PicList002172 .owl-nav .owl-prev.disabled{ background-position:left top;} .PicList002172 .owl-nav .owl-next{ right:0; background-position: right bottom;} .PicList002172 .owl-nav .owl-next.disabled{background-position: right top;} .PicList002172 .owl-nav div.disabled{ cursor:default;} .PicList002172 .hover{ padding-top:6%; position:relative; margin-bottom:2%;} .PicList002172 .hover dl{ display:none;} .PicList002172 .hover dl dt{ background:#238cac; color:#fff; padding:2% 65% 2% 2%;} .PicList002172 .hover dl dt p{ margin:0; text-align:center; font-size:24px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ display:block; content:''; height:20px; background:url(../images/PicList002172-icon.png) no-repeat left top;} .PicList002172 .hover dl dt p.year{ padding-bottom:3%;} .PicList002172 .hover dl dt p.txt:after{ background-position:right top;} .PicList002172 .hover dl dd{ position:absolute; right:0; height:80%; width:55%; bottom:0; background-size:contain; /*background-color:#fff;*/} .PicList002172 .hover dl dd img{ display:none;} @media(max-width:1000px){ .PicList002172 .item{ padding:0 10px;} } @media(max-width:640px){ .PicList002172 .hover{ padding-top:0;} .PicList002172 .hover dl dt{ padding-right:5%; margin-bottom:2%;} .PicList002172 .hover dl dd{ position:relative; height:auto; width:auto; padding-bottom:50%;} } @media(max-width:480px){ .PicList002172 .hover dl dt p{ font-size:18px;} .PicList002172 .hover dl dt p.txt:after, .PicList002172 .hover dl dt p.year:before{ height:12px; background-size:auto 100%;} } .ptjj_box{padding: 0% 0 1%;} .ptjj_box p{ line-height: 26px; color: #333; font-size: 16px; text-align: justify; margin-top: 10px; text-indent: 2em; } /*Floor003054 */ .Floor003054{position: relative; z-index: 1;background: #238cac;} .Floor003054 > .Ispic{position: absolute; top: 0; height: 100%;} .Floor003054 .pic-1{left: 0; width: 33.334%; opacity: 0.05;} @media(min-width:1025px){ .Floor003054 .pic-2{right: 0; width: 66.666%;} } @media(max-width:1024px){ .Floor003054 .pic-1{width: 100%;} } .Floor003054 .title{color: #fff;font-weight: 100;font-size: 2.34vw;} .Floor003054 .title h3{font-weight: bold; font-size: 1em; margin: 0;} .Floor003054 .title h3:after{width: 30px;display: block;height: 1px; content: '';margin:0.6em 0;background: #fff;} .Floor003054 .title .desc{font-size:16px;position: relative;} @media(max-width:1024px){ .Floor003054 .title{font-size: 4vw; padding-bottom: 5vw;} .Floor003054 .title .desc{font-size:0.5em;} } @media(max-width:640px){ .Floor003054 .title{font-size: 6vw;} } .Floor002564 .HomeTit h2 {color: #fff;} .Floor002564 .HomeTit p {color: #fff;} .Floor002564 .edit-info {color: #fff;} .Floor003054 .auto{max-width: 1200px; position: relative; z-index: 4;} .Floor003054 .more a{font-size: 100px; width: 0.64em;height: 0.64em;display: block;border: solid 2px rgba(255,255,255,0.3); border-radius: 50%;background: url("../images/Floor003054_more.png") no-repeat center center; background-size: auto 34.375%;transition: 0.3s;} .Floor003054 .more a:hover{background-color: #fff; background-image: url("../images/Floor003054_more_on.png");} .Floor003054 .right .Ispic{padding-bottom: 68.059%;background-size: contain;background-color: #fff;} .Floor003054 .slider-li .slick-slide div{float: left; } .Floor003054 .slider-nav{margin: 3vw 0 4vw 0;} .Floor003054 .slider-nav .inner{position: relative;margin: 5px 0;} .Floor003054 .slider-nav .inner-cell{background: rgba(255,255,255,0.2); text-align: center;line-height: 1.4em; padding: 1.55em 0; cursor: pointer;font-size: 20px;} .Floor003054 .slick-current .inner-cell{background: #fff;} .Floor003054 .slider-nav .inner-cell > *{display: inline-block; vertical-align: middle;} .Floor003054 .slider-nav .inner-cell b{font-weight: normal;color: #fff;} .Floor003054 .slider-nav .icon{margin-right: 20px;} .Floor003054 .slider-nav .icon img{width: 28px; height: 28px;} .Floor003054 .slider-nav li:not(.slick-current) .icon img.blue{display: none;} .Floor003054 .slider-nav li.slick-current .icon img.white{display: none;} .Floor003054 .slider-nav li.slick-current .inner-cell b{font-weight: bold;color: #006aff;} .Floor003054 .slick-dots{overflow: hidden;text-align: center; padding-bottom: 1%;} .Floor003054 .slick-dots li{display: inline-block;position: relative;width: 28px; height: 28px;} .Floor003054 .slick-dots li button{ padding: 0; width:28.572%;height: 28.572%;background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);font-size: 0; border: 0;} .Floor003054 .slick-dots li.slick-active button{background: #238cac; width: 50%; height: 50%;} .Floor003054 .slick-dots li.slick-active:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #238cac; border-radius: 50%;clip:rect(0 28px 7px 0);animation:zhuan 2s infinite linear;} @keyframes zhuan{ 0%{transform: rotate(-360deg);} 100%{transform: rotate(0);} } @media(min-width:641px){ .Floor003054 .slider-li .slick-slide div{width: 23.076%;margin-bottom: 1.887%;} .Floor003054 .slider-li .slick-slide div:not(:nth-child(4n)){margin-right: 1.887%;} } @media(min-width:1025px){ .Floor003054 .slider-nav .inner-cell{width: 75%;} .Floor003054 .slider-nav .inner:after{position: absolute; content: ''; height: 1px; background-color: #17c971;right: 0; top: 50%; width: 0; transition: 0.3s;} .Floor003054 .slider-nav li.slick-current .inner:after{width: 23%; } } @media(min-width:1025px) and (max-width:1366px){ .Floor003054 .slider-nav .inner-cell{font-size: 1.5vw;padding: 1em 0;} .Floor003054 .more a{font-size: 6vw;} } @media(max-width:1024px){ .Floor003054 .auto{padding: 6vw 0;} .Floor003054 .left{position: relative;} .Floor003054 .left .more{position: absolute;right: 0; top: 0;} .Floor003054 .left .more a{font-size: 8vw;} } @media(max-width:640px){ .Floor003054 .slider-li .slick-slide div{width: 49%;margin-bottom: 2%;} .Floor003054 .slider-li .slick-slide div:not(:nth-child(2n)){margin-right: 2%;} .Floor003054 .slider-nav .inner-cell{font-size: 4vw;padding: 1em 0;} .Floor003054 .slider-nav .icon{margin-right: 10px;} .Floor003054 .slider-nav .icon img{width: 6vw;height: 6vw;} .Floor003054 .left .more a{font-size: 12vw;} } /*Floor002684 */ .Floor002684 h2{font-size: 20px;color: #238cac;text-align: center;margin-bottom: 10px;} .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list: focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; } [dir = 'rtl'] .slick-slide { float: right; } .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; } .Floor002684{ padding:2% 0 0 0; border-bottom:1px solid #eee;} .Floor002684 .auto{ max-width:1760px; margin:0 auto;} .Floor002684 .home-title{ padding:0 20px; margin-bottom:20px;} .Floor002684 .home-title .auto{ position:relative; } .Floor002684 .more{ position:absolute; right:0; top:50%; margin-top:-24px;width:159px; line-height:48px; background:#fff; text-align:center; border:1px solid #ddd; font-size:16px; text-transform:uppercase; transition:0.3s ease-in-out;} .Floor002684 .more:hover{ box-shadow:0 15px 30px rgba(52,62,80,0.55); color:#0baae2; border-color:transparent;} .Floor002684 .home-title b{ display:block; font-size:30px; color:#333;} .Floor002684 .home-title span{ font-size:20px;} .Floor002684 .left .slick-arrow{ cursor:pointer; padding:0; border:none; background:#238cac; font-size:0; z-index:10; position:absolute; top:50%; width:100px; height:100px; right:-50px; } .Floor002684 .left .slick-arrow:hover{ background:#0baae2;} .Floor002684 .left .slick-arrow::before{ width:16px; height:16px; border-right:2px solid #fff;border-top:2px solid #fff; position:absolute; content:''; top:50%; left:50%; margin-left:-10px; margin-top:-8px; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor002684 .left .slick-prev{margin-top:-100px;} .Floor002684 .left .slick-prev::before{margin-left:-8px;transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002684 .left .slick-next{margin-top:0;background:#30a2c4;} .Floor002684 .slider-for li img{ display:block; width:auto;max-height: 344px;} .Floor002684 .slider-nav{ padding:0 15px; margin:0 auto;} .Floor002684 .slider-nav li{ cursor:pointer; padding:27px 20px;} .Floor002684 .slider-nav li aside{ background:#000; position:relative;} .Floor002684 .slider-nav li aside img{ opacity:0.9; transition:0.3s;} .Floor002684 .slider-nav li aside::before{ opacity:0; position:absolute; content:''; left:0; top:0; width:100%; border:5px solid #238cac; height:100%; transform:scale(0);transition:0.3s 0.3s; background:none;} .Floor002684 .slider-nav li.slick-current aside::before{ opacity:1; transform:scale(1);} .Floor002684 .slider-nav li.slick-current aside img{ opacity:1;box-shadow:0 0 10px rgba(52,62,80,0.55);} .Floor002684 .edit-css-1{} .Floor002684 .edit-css-1 h1{ font-size:48px; color:#333; margin:0;} .Floor002684 .edit-css-1 p{ line-height:26px;max-height: 260px;overflow-y: auto;padding: 0 20px;} .Floor002684 .edit-css-1 p::-webkit-scrollbar{width: 4px;} .Floor002684 .edit-css-1 p::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);} .Floor002684 .edit-css-1 p::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);} .Floor002684 .edit-css-1 dl{ padding-top:4%;} .Floor002684 .edit-css-1 dd{ float:left; min-width:30%; padding-right:2%; max-width:238px; margin:2% 0;} .Floor002684 .edit-css-1 dd:nth-child(3n+1){ clear:left;} .Floor002684 .edit-css-1 dd .icon{ width:26px; height:26px; background:#496c96; border-radius:50%; overflow:hidden; position:relative; margin-bottom:10px;} @media(min-width:1025px){ .Floor002684 .left{ float:left; width:50%;} .Floor002684 .right{ float:right; width:50%;padding-left:50px;} .Floor002684 .edit-info{ padding:2%; max-width:688px; margin:0 auto;} } @media(max-width:1366px){ .Floor002684 .left .slick-arrow{width:60px; height:60px; right:-30px; } .Floor002684 .left .slick-prev{margin-top:-60px;} .Floor002684 .right{ padding-left:30px;} .Floor002684 .edit-css-1 h1{ font-size:36px;} } @media(max-width:1024px){ .Floor002684 .left .slick-arrow{ right:0;} .Floor002684 .right{ padding:2% !important;} .Floor002684 .left{ padding:0 !important;} .Floor002684 .slider-nav{ padding:0 5px; margin:0 auto;} .Floor002684 .slider-nav li{padding:15px 10px;} .Floor002684 .slider-nav li aside::before{ border-width:5px;} } @media(max-width:640px){ .Floor002684 .home-title b{ font-size:24px;} .Floor002684 .home-title span{ font-size:16px;} .Floor002684 .more{ width:100px; line-height:35px; margin-top:-18px;} .Floor002684 .edit-css-1 h1{ font-size:26px;} } @media(max-width:480px){ .Floor002684 .edit-css-1 p{padding: 0 10px;} .Floor002684 .slider-nav li{padding:10px 2px;} .Floor002684 .left .slick-arrow{width:40px; height:40px; } .Floor002684 .left .slick-prev{margin-top:-40px;} .Floor002684 .left .slick-arrow::before{ width:10px; height:10px; margin-top:-5px; margin-left:-8px;} .Floor002684 .left .slick-prev::before{ margin-left:-3px;} } /*Floor002604 */ .Floor002604{ background:#238cac; color:#fff; position:relative;} .yfpt_box{padding: 3% 0 0;background: #f5f5f5;} /*slick Basic*/ .Floor002604 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002604 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002604 .slick-list:focus {outline: none} .Floor002604 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002604 .slick-slider .slick-track, .Floor002604 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002604 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002604 .slick-track:before, .Floor002604 .slick-track:after{display: table; content: '';} .Floor002604 .slick-track:after{ clear: both;} .Floor002604 .slick-loading .slick-track { visibility: hidden;} .Floor002604 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002604 .slick-slide .slick-loading img { display: none;} .Floor002604 .slick-slide .dragging img { pointer-events: none;} .Floor002604 .slick-initialized .slick-slide { display: block;} .Floor002604 .slick-loading .slick-slide { visibility: hidden;} .Floor002604 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002604 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ @media(min-width:1025px){ .Floor002604{display: table; width: 100%; table-layout: fixed;} .Floor002604 > div{display: table-cell;vertical-align: middle;} .Floor002604 .left{ width:50%;} } .Floor002604 .img-group{position:relative; overflow:hidden;} .Floor002604 .thumbs{ position:absolute; left:0;width:80%; z-index:3; transform:translateX(-100%); transition:transform 0.3s; bottom:3%;} .Floor002604 .thumbs-open{transform:translateX(0);} .Floor002604 .thumbs .slick-slide{ cursor:pointer; position:relative; background:#000;} .Floor002604 .slick-slide img{display:block; width:100%;} .Floor002604 .thumbs .slick-slide img{ opacity:0.5;} .Floor002604 .thumbs .slick-current img{ opacity:1;} .Floor002604 .thumbs .slick-current::after{ position:absolute; content:''; border:3px solid #02acbb; left:0; top:0; width:100%; height:100%; z-index:23;} .Floor002604 .open-thumbs{ cursor:pointer; position:absolute; right:-30px; top:0; z-index:3; background:url(../images/Floor002604_more.png) no-repeat center center #e7252d; height:100%; width:30px;} .Floor002604 .close-thumbs{ background-color:#238cac;} .Floor002604 .left .txt{ padding:0 2%; max-width:760px; margin:0 auto;} .Floor002604 .left .name{ font-size:30px;} .Floor002604 .left .name p{ margin:0;} .Floor002604 .left .name .en{ font-size:43px; } .Floor002604 .left aside{ opacity:0.7; line-height:30px;font-size:15px; margin:5% 0;} .Floor002604 .left .more{ color:#fff; display:inline-block; padding:0 5%; line-height:35px; border:1px solid #fff; transition:0.3s;} .Floor002604 .left .more:hover{ background:#fff; color:#02acbb;} @media(min-width:1025px) and (max-width:1280px){ .Floor002604 .left .name{ font-size:24px;} .Floor002604 .left .name .en{ font-size:30px;} } @media(max-width:1024px){ .Floor002604 .left .txt{ padding:3%;max-width:none;} } @media(max-width:640px){ .Floor002604 .left .name{ font-size:24px;} .Floor002604 .left .name .en{ font-size:30px;} } .jj_cp .owl-carousel .owl-nav .owl-next,.jj_cp .owl-carousel .owl-nav .owl-prev{width:25px;height: 55px;position: absolute;font-size: 22px;position: absolute;text-indent: 100px;overflow: hidden;} .jj_cp .owl-carousel .owl-nav .owl-next{background-size: cover;background-image: url(../images/b_right.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc;} .jj_cp .owl-carousel .owl-nav .owl-prev{background-image: url(../images/b_left.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc} .jj_cp .owl-nav{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;} .jj_cp .owl-carousel .owl-nav .owl-prev{left: -5%;} .jj_cp .owl-carousel .owl-nav .owl-next{right:-5%;} .jj_cp .owl-carousel .owl-nav .owl-prev:hover{background-color: #38a6cb;} .jj_cp .owl-carousel .owl-nav .owl-next:hover{background-color: #38a6cb;} .cp_pic ul li{text-align: center;font-size: 15px;color: #333;line-height: 30px;} .cp_pic .owl-carousel .owl-nav{display: block !important;} .cp_pic .owl-carousel .owl-nav .owl-next,.cp_pic .owl-carousel .owl-nav .owl-prev{width:25px;height: 55px;position: absolute;font-size: 22px;position: absolute;text-indent: 100px;overflow: hidden;} .cp_pic .owl-carousel .owl-nav .owl-next{background-size: cover;background-image: url(../images/b_right.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc;} .cp_pic .owl-carousel .owl-nav .owl-prev{background-image: url(../images/b_left.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc} .cp_pic .owl-nav{position: absolute;top: 30%;transform: translateY(-50%);width: 100%;} .cp_pic .owl-carousel .owl-nav .owl-prev{left: -5%;} .cp_pic .owl-carousel .owl-nav .owl-next{right:-5%;} .cp_pic .owl-carousel .owl-nav .owl-prev:hover{background-color: #38a6cb;} .cp_pic .owl-carousel .owl-nav .owl-next:hover{background-color: #38a6cb;} /* .TextList001131 涓篸emo缂栧彿 */ .TextList001131 li{ line-height:30px;font-size:15px; padding:20px 0; border-bottom:1px solid #ededed; padding-right:40px;background:url(../images/TextList001131-li.png) no-repeat right center;} .TextList001131 li span{ float:left; width:30px; height:30px; background-color:#666; margin-right:10px; text-align:center; color:#fff; font-weight:bold;} .TextList001131 li:hover span{ background-color:#38a6cb;} .TextList001131 li:hover{background-image:url(../images/TextList001131-li_hover.png); } .TextList001131 li:hover a{color:#38a6cb;} .TextList001131 li a{ display:block; overflow:hidden;} .TextList001131 li b, .TextList001131 li em{ padding-right:3%;float:left; } .TextList001131 li b{ font-size:15px;width:40%; } .TextList001131 li em{ font-style:normal;width:30%;} .TextList001131 ul{margin-bottom: 20px;} @media(max-width:768px){ .TextList001131 li{ font-size:14px; padding:10px 0;} .TextList001131 li b, .TextList001131 li em{ float:none; display:block; width:auto;} } .Footer .left .nav ol{display: flex;} .Footer .left .nav ol li{margin-right: 10px;position: relative;font-size: 16px;color: #333;padding-right: 10px;} .Footer .left .nav ol li::after{content: "";display: block;width: 1px;height: 10px;background: #999;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .Footer .left .nav ol li dl{position: absolute;left: 0;bottom: 30px;background:#f5f5f5;display: none;font-size: 13px;color: #666;width: 100%;text-align: center;} .Footer .left .nav ol li dl dd{padding: 5px;border-bottom: 1px solid #dcdcdc;} .Footer .left .nav ol li:hover dl{display: block;} .zlq_box{padding: 3% 0;} /*Floor003067 */ .Floor003067{margin:3% 0;} .Floor003067 .right{width: 100%;} .Floor003067 .right li{overflow: hidden;} .Floor003067 .right li a{color: #fff; display: block;position: relative; text-align: center;} .Floor003067 .right li .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; transition: 0.3s;padding: 0 5%;} .Floor003067 .right li .Ispic{overflow: hidden;padding-bottom: 56.25%;position: relative; z-index: 1;} .Floor003067 .right li .Ispic:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; background: #000;height: 100%; opacity: 0.3; transition: 0.3s;} .Floor003067 .right li a:before{position: absolute; content: '';background: #fff; border-radius: 50%; width: 100%;padding-bottom: 100%; z-index: 3;right: 100%; top: 50%; transform: translateY(-50%); transition: 0.3s;display: none;} .Floor003067 .right li .ytable{height: 100%;} .Floor003067 .right li .pic{margin: 0 auto 10px; display: table;position: relative;} .Floor003067 .right li .pic img{transition: 0.3s;} .Floor003067 .right li .pic .off{position: absolute; left: 0; top: 0; width: 100%;height: 100%; z-index: 10; opacity: 0;} .Floor003067 .right li .tit .cn{font-size: 18px;} .Floor003067 .right li a:hover{color: #333;} .Floor003067 .right li a:hover:before{right: 50%;opacity: 1;} .Floor003067 .right li a:hover .txt{width: 50%;} .Floor003067 .right li a:hover .en{color: #666;} .Floor003067 .right li a:hover .pic .off{opacity: 1;} .Floor003067 .right li a:hover .pic .on, .Floor003067 .right li a:hover .Ispic:before{opacity: 0;} .Floor003067 .right li{width: 100%;margin-bottom:30px;} @media(max-width:1024px){ .Floor003067 >.ytable, .Floor003067 >.ytable > .ytable-cell{display: block;} } @media(max-width:480px){ .Floor003067 .right li{margin-bottom: 3%;} } .Floor003067 .owl-nav{display: block !important;} .Floor003067 .owl-carousel .owl-nav .owl-next,.Floor003067 .owl-carousel .owl-nav .owl-prev{width: 55px;height: 55px;border-radius: 100px;position: absolute;font-size: 22px;position: absolute;text-indent: 100px;overflow: hidden;} .Floor003067 .owl-carousel .owl-nav .owl-next{background-size: cover;background-image: url(../images/b_right.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc;} .Floor003067 .owl-carousel .owl-nav .owl-prev{background-image: url(../images/b_left.png);background-position: center center;background-repeat: no-repeat;background-color: #ccc} .Floor003067 .owl-nav{position: absolute;top: 40%;transform: translateY(-50%);width: 100%;} .Floor003067 .owl-carousel .owl-nav .owl-prev{left: -5%;} .Floor003067 .owl-carousel .owl-nav .owl-next{right:-5%;} .Floor003067 .owl-carousel .owl-nav .owl-prev:hover{background-color: #238cac;} .Floor003067 .owl-carousel .owl-nav .owl-next:hover{background-color: #238cac;} @media(max-width:1366px){ .Floor003067 .owl-carousel .owl-nav .owl-prev{left: 0%;} .Floor003067 .owl-carousel .owl-nav .owl-next{right:0%;} }