.auto_1400{ max-width:1400px;} @media(max-width:1400px){.auto_1400{ padding:0 2%;}} .w20{ width:20%;} .w77{ width:77%;} @media(max-width:1024px){ .w20, .w77{ width:auto; padding-bottom:2%;} } /* .Other002373 */ .Other002373{ background: #fff;} .Other002373 #fullPage{ height: 100%; position: relative;transform: translate3d(0px, 0px, 0px);transition: all 700ms ease;} #fp-nav { display: none;} #fp-nav ul li+li{ position: relative; margin-top: 30px;} #fp-nav ul li+li:before, #fp-nav ul li+li:after, #fp-nav ul li+li a:before{ content: ""; position: absolute; width: 2px; height: 2px; background: #f6f6f6; left: 50%; margin-left: -1px;} #fp-nav ul li+li:before{ top: -28px;} #fp-nav ul li+li:after{ top: -18px;} #fp-nav ul li+li a:before{ top: -8px;} #fp-nav ul li a span{display: block; width: 6px; height: 6px;border-radius: 0; background-color: #fff; position: static; margin: 0 auto;} #fp-nav ul li a.active,#fp-nav ul li:hover a.active { border: 1px dotted rgba(230,0,18,.5); padding: 2px 0 0 0;} #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, #fp-nav ul li:hover a span{ background-color: #034EA2; border-radius: 0 !important; margin: 0 auto; width: 6px; height: 6px;} .Other002373 .section{position: relative;} .Other002373 .section .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; background-size: cover;} @media only screen and (max-width: 1023px) { #fp-nav.right{ right: 5px;} } @keyframes firstPart { 0% { bottom: 40px; } 100% { bottom: 20px; } } @-webkit-keyframes firstPart /* Safari and Chrome */ { 0% { bottom: 40px; } 100% { bottom: 20px; } } @media only screen and (max-width: 640px){ .Other002373 #fullPage{padding-top: 90px;box-sizing: border-box;height: auto;} .Top002262{background: #0c60c5;} .Top002262.Top002262_white{background: transparent;} .section { position: relative; } } /*Top002262*/ .Top002262 {position:fixed; z-index: 100; width: 100%; left: 0; top: 0;} .Top002262::before{ position:absolute; content:''; left:50%; transform:translateX(-50%); height:100%; background: rgba(255,255,255,0.75); box-shadow: 0 5px 10px rgb(0 0 0 / 8%);width:80%; transition:ease-in-out 0.3s; z-index: -1; opacity:0;} .Top002262 .header-left{ float: left; width:26%; display:table; height:90px;max-width:200px;} .Top002262 .logo{ display:table-cell; vertical-align:middle;} .Top002262 .logo img.hover{ display: none;} .Top002262 .header-mid, .Top002262 .header-right{ float:right;} .Top002262 .header-menu li{ width:auto !important; margin-right:60px;} .Top002262 .header-menu li em{ padding:0 15px;position:relative;} .Top002262 .header-menu li em a{ line-height:90px; position:relative; font-size:16px; color:#fff;} .Top002262 .header-menu li em a::before{ position:absolute; content:''; left:50%; transform:translateX(-50%); height:3px; background:#fff;width:0; transition:ease-in-out 0.3s;} .Top002262 .header-menu li em a:hover::before, .Top002262 .header-menu li.aon em a::before{width:100%;} .Top002262 .header-menu li .sub{ width:130%; left:-15%; overflow:hidden; } .Top002262 .header-menu li .sub-menu{ padding:15px; text-align:center;} .Top002262 .header-menu li .sub-menu dt{ border-bottom:1px solid #f2f2f2;} .Top002262 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002262 .header-menu li .sub-menu dt a{color:#666; transition:0.3s;} .Top002262 .header-menu li .sub-menu dt a:hover{ background:none; color:#034EA2; } .Top002262 .header-right dd{ float:left;padding:30px 0; margin-left:30px;} .Top002262 .top-search{ position:relative; z-index:100;} .Top002262 .open-search{ background:url(../images/Top002262-search1.png) no-repeat center center; width:30px; height:30px; display:block;} .Top002262 .open-search-show{ position:relative; background:none;} .Top002262 .open-search-show::before, .Top002262 .open-search-show::after{ position:absolute; content:''; width:80%; height:3px; background:#034EA2; top:50%; left:10%; transform:rotate(-45deg);} .Top002262 .open-search-show::after{transform:rotate(45deg);} .Top002262 .top-language{ position:relative;} .Top002262 .top-language span{ display:block; background:url(../images/Top002262-lang1.png) no-repeat left center; height:28px; width:28px;; cursor:pointer;} .Top002262 .top-language figure{ position:absolute; top:100%; left:50%; background:#fff; width:120px; line-height:40px; display:none; margin-left: -60px; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .Top002262 .top-language a{ display:block; text-align:center; color:#333;} .Top002262 .top-language a:hover{background:#034EA2; color:#fff;} .Top002262 .search-box{ position:absolute; top:100%; right:0; z-index:100; display:none;} .Top002262 .search-box .text{width: 254px;line-height: 46px;height: 46px; border:1px solid #fff; background:rgba(0,0,0,0.2); color:#fff; padding:0 50px 0 10px;} .Top002262 .search-box .btn{ position:absolute; right:0; top:0; line-height: 46px; width:46px; border:0;background:none; text-align:center; color:#fff; font-weight:bold; font-size:16px; font-family:Verdana,Arial, Helvetica, sans-serif;} .Top002262 .search-box .btn::before{position: absolute; content: '';border: 8px solid transparent; border-bottom-color:#b4b4b4;top: -15px;right: 4px;} .Top002262_white::before{width:100%; opacity:1;} .Top002262_on::before{ background: #fff;opacity:1; width:100%;} .Top002262_white .logo img.hover{ display: block;} .Top002262_white .logo img.on{ display: none;} .Top002262_white .header-menu li em a{ color:#333;} .Top002262_white .open-search{ background-image:url(../images/Top002262-search.png);} .Top002262_white .open-search-show{ position:relative; background:none;} .Top002262_white .top-language span{ background-image:url(../images/Top002262-lang.png);} .Top002262_white .header-menu li em a::before{ background:#034EA2;} @media(max-width:1366px){ .Top002262 .header-menu li{ margin-right:30px;} } @media(max-width:1080px){ .Top002262 .header-menu li{ margin-right:15px;} } @media(min-width:1025px){ .Top002262 .header-right dd:last-child{display: none;} } @media(max-width:1024px){ .Top002262 #header-menu{ position:fixed; right:-100%; top:0; background:#000; z-index:100; padding-top:70px; width:70%; max-width:300px; height:100%; transition: ease-in-out 0.3s;} .Top002262 #header-menu.header-menu-show{ right:0;} .Top002262 #header-menu li em, .Top002262 #header-menu li em a{ border-bottom:0;} .Top002262 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.1);} .Top002262 #header-menu li em a{ font-weight:normal;} .Top002262 #header-menu li.has-sub em a{ background:url(../images/Top002262-icon.png) no-repeat 95% center;} .Top002262 #header-menu li.clickon em a{ background-image:url(../images/Top002262-icon_up.png);} .Top002262 #header-menu li .sub-menu{ padding:5%;} .Top002262 #open_menu{ width:40px; height:30px;background:#034EA2; margin-left:10px; position:relative; z-index:101; transition:background 0.3s;} .Top002262 #open_menu i, .Top002262 #open_menu i::before, .Top002262 #open_menu i::after{ background:#fff; border-radius:3px;} .Top002262 #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;} .Top002262 #open_menu.open_menu_on{ background:#000; position:fixed; right:2%;} .Top002262 #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;} } /*Banner002826 */ .Banner002826 { overflow: hidden; } .Banner002826 .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; height: 100%; } .Banner002826 .slick-track, .Banner002826 .slick-list { height: 100%; } .Banner002826 li.slick-slide { position: relative; width: 100%; height: 100%; } @media(min-width:1024px) { .Banner002826 { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .Banner002826 li.slick-slide img { display: none; } .Banner002826 li.slick-slide .pc { position: absolute; z-index: 9; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; } } .Banner002826 li.slick-slide { position: relative; } .Banner002826 li.slick-slide img { display: block; width: 100%; } .Banner002826 li.slick-slide video { position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; } @media(min-width:1025px) { .Banner002826 li.slick-slide img.wap { display: none; } } @media(max-width:1024px) { .Banner002826 li.slick-slide img.pc { display: none; } .Banner002826 li.slick-slide video { left: -100%; top: 100%; opacity: 0; } .Banner002826 li.slick-slide .open-video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(http://3fmedical.cn/cn/images/Banner002826_play.png) no-repeat center center; background-size: auto 50px; z-index: 20; } .Banner002826 li.video-show .open-video { left: -100%; opacity: 0; transform: translateX(-100%); } .Banner002826 li.video-show video { left: 50%; top: 50%; opacity: 1; } } .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; } .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; } .Banner002826 .mouse { position: absolute; width: 30px; height: 60px; border-radius: 50px; border: 1px solid #fff; left: 50%; bottom: 5%; z-index: 10; } .Banner002826 .mouse:before { content: ''; width: 3px; height: 10px; background: #fff; position: absolute; left: 50%; margin-left: -1.5px; top: 10px; border-radius: 3px; animation: Banner002826 2s ease infinite; } @keyframes Banner002826 { 0% { top: 10px; opacity: 1; } 80% { top: 40px; opacity: 0; } 100% { top: 10px; opacity: 0; } } .Banner002826 .pages, .Banner002826 .slick-arrow { position: absolute; bottom: 5%; z-index: 10; } .Banner002826 .pages { left: 3%; font-size: 24px; color: #fff; line-height: 60px; } .Banner002826 .slick-arrow { right: 3%; border: none; background: none; cursor: pointer; border-right: 1px solid #fff; border-top: 1px solid #fff; transform: rotate(45deg); width: 15px; height: 15px; margin-bottom: 22px; font-size: 0; } .Banner002826 .slick-prev { transform: rotate(-135deg); margin-right: 60px; } @media(max-width:640px) { .Banner002826 .mouse { display: none; } .Banner002826 .pages, .Banner002826 .slick-arrow { bottom: 3%; } .Banner002826 .pages { font-size: 4vw; } } .Banner002826 .slick-list li { position: relative; overflow: hidden; } .Banner002826 .slick-list li:before { position: absolute; content: ""; z-index: 11; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.15); } .Banner002826 li .txt { position: absolute; left: 0; top: 0; width: 100%; z-index: 20; text-align: center; color: #fff; height: 100%; } .Banner002826 li .txt .ytable { height: 100%; max-width: 1400px; } .Banner002826 li .txt aside { font-size: 1.8vw; letter-spacing: 0.3em; } @media only screen and (max-width:640px ){ .Banner002826 li .txt aside { font-size: 4vw;} } .Hometitle{position: relative;margin-bottom:3vw; text-align: center; letter-spacing: 4px;} .Hometitle h2{font-size: 26px;color: #333;margin: 0;position: relative;z-index: 3;} .Hometitle i{font-size: 17px;color: #666;font-style: normal;line-height: 32px; max-height: 64px; overflow: hidden;max-width: 1000px; margin: 0 auto; margin-top: 8px;display: block; position: relative; z-index: 2;} .Hometitle .en{ font-size: 70px; font-weight: bold; color: rgba(169,179,197,.1); position: absolute; top:0; left: 0; text-transform: uppercase; z-index: 1; line-height: 0.8; width: 100%;} @media only screen and (min-width:1024px ) { .Hometitle h2{ font-size: 35px;} .Hometitle .en{font-size: 100px;top:-10%;} } @media only screen and (max-width:640px ){ .Hometitle .en{font-size: 40px;} } .Homemore a{display: table;} .Homemore span{display: inline-block; vertical-align: middle;} .Homemore .icon{width: 58px;height: 58px;border: solid 1px #034EA2;border-radius: 50%;position: relative;margin-right: 24px;transition: 0.3s ease-out;} .Homemore .icon:before{position: absolute;content: '';width: 12px;height: 12px;transform: rotate(45deg);border-top: 2px solid #034EA2;border-right: 2px solid #034EA2;left: 50%;top: 50%;margin: -6px 0 0 -8px;} .Homemore a:hover .icon{border-color: #034EA2;background: #034EA2;} .Homemore a:hover .icon:before{border-color: #fff;} .Homemore .txt{color: #034EA2;font-size: 14px;} .Homemore .txt:before{display: inline-block;content: '';vertical-align: middle;width: 23px;height: 1px;margin-right: 7px;background: #034EA2;} .Homemore a:hover .txt{color: #034EA2;} .Homemore a:hover .txt:before{background: #034EA2;} @media only screen and (max-width:640px ){ .Homemore .icon{width: 45px;height: 45px;} } /*Floor003078 */ .Floor003078{ position: relative; z-index: 6; overflow: hidden; padding-top:50px;} .Floor003078 .auto{table-layout: fixed;} .Floor003078 .intro{color: #333;} .Floor003078 .intro h3{color:#034EA2; font-size:22px; } .Floor003078 .intro h3 span { font-size:18px; } .Floor003078 .intro .info{color:#666;line-height:30px; font-size:15px; text-align:justify;} .Floor003078 .Hometitle{text-align: left;} .Floor003078 .Homemore{padding: 3vw 0 4.17vw 0;} .Floor003078 .left li{float: left;overflow: hidden; max-width: 170px;} .Floor003078 .left li .counter > *{display: inline-block;vertical-align: text-top; color: #034EA2;} .Floor003078 .left li .counter span{position: relative; font-size:54px; line-height:54px;font-family: 'Oswald';} .Floor003078 .left li .counter i{font-style: normal;} .Floor003078 .left li .counter .ani{position: absolute; left: 0; top: 0; width: 101%;} .Floor003078 .left li .counter .off{opacity: 0;} .Floor003078 .left li .counter sup{font-size: 20px;} .Floor003078 .left li p{margin-bottom: 0;} @media(min-width:1025px){ .Floor003078 .left{vertical-align: top;} .Floor003078 .right{width: 50%; } .Floor003078 .intro{ max-width:580px; width: 90%; } .Floor003078 .left li:not(:last-child){margin-right:4.5vw;} .Floor003078 .right .pic{clear: both;} } @media(min-width:1025px) and (max-width:1600px){ .Floor003078{font-size: 1.05vw;} .Floor003078 .left li .counter span{font-size: 4vw;} .Floor003078 .left li .counter sup{font-size: 2vw;} } @media(max-width:1024px){ .Floor003078{ padding:60px 0;} .Floor003078 .ytable, .Floor003078 .ytable-cell{display: block;} .Floor003078 .left ul{padding: 5vw 0;} .Floor003078 .left li{width: 33.333%;} .Floor003078 .left li .inner{display: table; margin: 0 auto;} .Floor003078 .right .pic{margin: 0 -3.5%;} } @media(max-width:640px){ .Floor003078{font-size: 3vw;} .Floor003078 .intro .info br{display: none;} .Floor003078 .more .icon{width:10vw;height: 10vw; margin-right: 3vw;} .Floor003078 .more .icon:before{ width: 2vw; height: 2vw; margin: -1vw 0 0 -1vw;} .Floor003078 .left li .counter span{font-size: 10vw;line-height: 1;} .Floor003078 .left li .counter sup{font-size: 5vw;} .Floor003078 .left li{width: 50%;} } /* .Floor002491 */ .Floor002491{ position: relative; z-index: 6; overflow: hidden; padding-top:50px;} .Floor002491 ul * { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .Floor002491 ul{ background-position:center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; overflow: hidden;} .Floor002491 ul::after{ background:rgba(21, 74, 139, 0.85);position:absolute;content:'';top:0; right:0;width:100%;height: 100%; } .Floor002491 ul li{ width: 20%;float: left; height: 200px;position: relative;overflow: hidden; z-index: 2;} .Floor002491 ul li:after{position:absolute;content:'';top:0; right:0;width:1px;;height: 100%; background:rgba(255, 255, 255, .3);} .Floor002491 ul li:nth-of-type(5):after{display: none;} .Floor002491 ul li a{display: block; color: #fff;position: absolute; width: 100%;height: 100%;left: 0;bottom: 0; } .Floor002491 ul li a .txt{display: none; margin-top:14px;} .Floor002491 ul li a .txtBox .h3{text-align: center; font-size: 15px;margin: 20px 0 0;} .Floor002491 ul li a .icon{max-width: 50%; text-align: center; margin: 0 auto;} .Floor002491 ul li a .txtBox dl{ margin-top: 10px;} .Floor002491 ul li a .txtBox dd{ position: relative; padding-left: 10px;} .Floor002491 ul li a .txtBox dd:before{ position: absolute; content: ""; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 50%; background: #fff;} .Floor002491 ul li .liBox{ position: relative; width: 100%;height: 100%;overflow: hidden;} .Floor002491 ul li .liBox .liCon{position: absolute; width: 100%;top:50%; transform: translateY(-50%);} .Floor002491 ul li .liBox .liCon img{display: block; max-width:100px; margin: 0 auto;} @media screen and (min-width:768px ){ .Floor002491 ul li{ width: 25%;float: left; height:500px;} .Floor002491 ul li a .txtBox .h3{font-size:17px;} } @media screen and (min-width:1000px ){ .Floor002491 ul li{height: 500px; width: 15%;} .Floor002491 ul li.on{width:40%; } .Floor002491 ul li.on a{ width:100%; height:100%; overflow: hidden;} .Floor002491 ul li.on .liBox{padding: 0 10%;} .Floor002491 ul li.on .liBox .liCon{position:relative; padding-left: 130px; } .Floor002491 ul li.on .liBox .liCon .icon{position: absolute; left: 0;top: 50%; width: 100px; height:100px;margin-top:-50px; } .Floor002491 ul li.on .liBox .liCon .txt{display: block; font-size: 15px; line-height:26px;} .Floor002491 ul li.on a .txtBox .h3{text-align: left; margin-top:0; font-size: 22px; margin-bottom: 15px; } .Floor002491 ul li.on a .txtBox{position: relative;} } @media(max-width:1024px){ .Floor002491{ padding:60px 0;} } @media screen and (max-width:767px ){ .Floor002491 ul{text-align: center; font-size: 0;} .Floor002491 ul li{width:50%; display: inline-block; float: none;} .Floor002491 ul li:nth-child(2n){margin-right: 0; } .Floor002491 ul li:after{display: none;} } /* .Floor001316 为demo编号 */ .Floor001316{ position: relative; z-index: 6; overflow: hidden; padding-top:50px;} .Floor001316 dl{overflow: hidden; } .Floor001316 dd{background:#000; width:48.5%; float: left; height:450px; position:relative; transition:0.3s; margin-right:3%;} .Floor001316 dd:before{position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 80%;z-index: 3;transition: 0.3s ease-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .Floor001316 dd:last-child{ margin-right:0;} .Floor001316 dd *{transition:0.5s;} .Floor001316 dd .img{position: absolute;left:0;top:0;right:0;bottom:0;background-size: cover;background-position: center; opacity: 0.9;} .Floor001316 dd .txt{width: 100%;padding:0 10%;text-align: left;color: #fff;position: absolute;left:0;bottom: 10%; z-index:10;} .Floor001316 dd .txt .icon{max-width: 88px;} .Floor001316 dd .txt .t{font-size:22px;font-weight:bold;margin-top:10px;} .Floor001316 dd .txt p{margin:0;font-size: 15px;line-height:26px; height: 0; overflow: hidden;} .Floor001316 dd .txt .more{width:40px;height: 40px;position: relative;margin-top: 5%;display: none;background: url(../images/Floor003055_more_on.png) no-repeat center #fff;border-radius: 50%;} .Floor001316 dd:hover{background: #034EA2;} .Floor001316 dd:hover:before{display: none;} .Floor001316 dd:hover .img{opacity: 0.15;} .Floor001316 dd:hover .txt{bottom:10%;padding:0 5%;padding:0 10.5%;} .Floor001316 dd:hover .txt p{ height: 60px; margin-top: 10px;} .Floor001316 dd:hover .txt .more{display: inline-block;} @media(min-width:769px){ .Floor001316 dl:hover dd{ width:34%;} .Floor001316 dl dd:hover{ width:62%;} } @media(max-width:1024px){ .Floor001316{ padding:60px 0;} } @media(max-width:768px){ .Floor001316 dl dd{ float:none; width:auto; height:auto; padding-bottom:80px; margin-bottom:2%;} } @media(max-width:640px){ .Floor001316 dl dd{padding-bottom: 135px;margin-right: 0;} } @media(max-width:480px){ .Floor001316 h2{font-size:20px;} .Floor001316 h2 b{font-size: 28px;} } .Floor002896{position: relative; z-index:10; padding-top:50px;} .Floor002896 .main{position: relative; z-index: 1;} .Floor002896 .carousel{ position :relative ; } .Floor002896 .carousel .slides{overflow: hidden;position :relative ;} .Floor002896 .carousel .slides .slideItem {position:absolute;cursor :pointer;overflow:hidden;} .Floor002896 .carousel .slides .slideItem a{position: relative; z-index: 10;display: block;} .Floor002896 .carousel .slides .slideItem .desc{display: none;line-height: 40px; text-align: center;} .Floor002896 .carousel .slides .slideItem#side0 img{ opacity:1;filter:alpha(opacity=100);} .Floor002896 .carousel .slides .slideItem#side0 .desc{display: block;position: absolute; left: 0; top: 100%; width: 100%;} .Floor002896 .carousel .prevButton, .Floor002896 .carousel .nextButton{position :absolute ;bottom :0;width :40px;height :40px;cursor :pointer; background:#fff; z-index:30; } .Floor002896 .carousel .prevButton:before, .Floor002896 .carousel .nextButton:before{position: absolute; content: ''; width: 10px; height: 10px; border-right: 1px solid #000;border-top: 1px solid #000; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(45deg);} .Floor002896 .carousel .prevButton:before{transform: rotate(-135deg);} .Floor002896 .carousel .prevButton:hover:before, .Floor002896 .carousel .nextButton:hover:before{ border-right-color:#034EA2;border-top-color:#034EA2; } .Floor002896 .info-show{background: #fff;} .Floor002896 .info-show li .time{ font-size:50px; line-height: 48px; color:#333; vertical-align: bottom; margin-bottom: 9.4%; font-family: 'Oswald';} .Floor002896 .info-show li .time i{ font-style: normal; font-size: 22px; line-height: 22px; vertical-align: bottom; margin:0 8px 0 5px; display: inline-block; } .Floor002896 .info-show li .time span{ font-size: 18px; line-height: 18px; vertical-align: bottom; } .Floor002896 .info-show li .title{ font-size: 18px; line-height:28px; color:#333; margin-bottom: 4.7%; font-weight: bold;} .Floor002896 .info-show li:hover .title{ color:#034EA2; } .Floor002896 .info-show li .des{ font-size: 14px; line-height: 30px; color:#888; height:90px; overflow: hidden; -webkit-line-clamp:3; } @media(min-width:1025px){ .Floor002896 .info-show{position: absolute;right: 0; top: 0; height: 100%; width: 44.4%;} .Floor002896 .carousel{float: left;width: 55.6%; } .Floor002896 .carousel .prevButton, .Floor002896 .carousel .nextButton{left: 100%;} .Floor002896 .carousel .prevButton{ margin-left: -40px;} .Floor002896 .info-show ul{height: 100%;position: relative;} .Floor002896 .info-show li{position: absolute;left: 0; top: 0;height: 100%; width: 100%;opacity: 0;transition: 0.3s;} .Floor002896 .info-show li.active{opacity: 1; z-index: 10;} .Floor002896 .info-show li .ytable{height: 100%; width: 74%; margin: 0 auto;} } @media(max-width:1024px){ .Floor002896{ padding:60px 0;} .Floor002896 .carousel .prevButton{right: 40px;} .Floor002896 .carousel .nextButton{right: 0;} .Floor002896 .info-show{padding: 4%;} .Floor002896 .info-show li{display: none;} .Floor002896 .info-show li.active{display: block;} } @media(max-width:640px){ .Floor002896 .name{font-size: 28px;} .Floor002896 .info-show li .time{font-size: 30px;line-height: 1;} .Floor002896 .info-show li .des{line-height: 22px;height: 66px;} } /*Bottom002743 */ .Bottom002743{ background:#e8e8e8; color: rgba(0,0,0,0.9);} .Bottom002743 .box{ padding-top:3%; padding-bottom: 3%;} .Bottom002743 a{color: rgba(0,0,0,0.7);} .Bottom002743 a:hover{color: #034EA2;} .Bottom002743 .copyright{line-height: 24px;padding: 24px 0;color: #888;border-top: 1px solid rgba(0,0,0,0.1);} .Bottom002743 .copyright a{color: #888;vertical-align: middle;} .Bottom002743 .copyright a:hover{color:#034EA2;} .Bottom002743 .copyright aside a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 13px;background: #c0c0c0;vertical-align: middle;margin: 0 12px;} .Bottom002743 .contact{max-width:340px;} .Bottom002743 .contact .name, .Bottom002743 nav dl dt{font-size: 18px;color: #333; padding-bottom:20px;} .Bottom002743 .contact li{ padding-bottom:18px;} .Bottom002743 .contact li aside{ padding-left: 30px; background-repeat: no-repeat;} .Bottom002743 .contact li:nth-child(1){padding-bottom:20px;} .Bottom002743 .contact li:nth-child(1) aside{background-image: url(../images/Bottom002743_icon_call.png);} .Bottom002743 .contact li:nth-child(2) aside{background-image: url(../images/Bottom002743_icon_add.png);} .Bottom002743 .contact li:nth-child(3) aside{background-image: url(../images/Bottom002743_icon_email.png);} .Bottom002743 .contact li b{font-size:28px;color:#034EA2; font-family: 'Oswald'; padding-top:5px; display: block;} .Bottom002743 nav dl dt a{color: #333;} .Bottom002743 nav{float: right; width:72%; max-width:960px ;} .Bottom002743 nav dl{float: left; max-width: 180px;} .Bottom002743 nav dd{line-height: 20px; padding:6px 0;} .Bottom002743 nav .code{text-align: center;} .Bottom002743 nav .code img{max-width: 110px;} @media(min-width:1025px){ .Bottom002743 .contact{float: left; width:26%;} .Bottom002743 .copyright aside{float: right;} } @media(max-width:1024px){ .Bottom002743{padding-top: 5%;} .Bottom002743 nav{display: none;} .Bottom002743 .contact{display: table; margin: 0 auto;} .Bottom002743 .links{margin: 30px 0; } .Bottom002743 .contact .name, .Bottom002743 .copyright{text-align: center;} } /*Banner002730*/ .Banner002730{ position:relative;} @media(min-width:1025px){ .Banner002730 figure{ height:480px;} .Banner002730 img{ display:none;} } @media(max-width:1024px){ .Banner002730 figure{ display:none;} .Banner002730 img{ width:100%; display:block;} } @media(max-width:640px){ .Banner002730{padding-top: 90px;} } /*Menu001093 */ .Menu001093 .nav li.act a{background: #034EA2;color: #fff;} .Menu001093{background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.08);position: relative; z-index: 1;} .Menu001093 .nav{display: table; margin: 0 auto;} .Menu001093 .nav li{float: left;position: relative;display: table;height: 70px; margin: 0 1px; min-width:8.334vw; } .Menu001093 .nav li a{transition: 0.3s; display: table-cell; vertical-align: middle; text-align: center;font-size: 16px;padding: 0 2vw;} .Menu001093 .nav li a:hover, .Menu001093 .nav li.aon a{background: #034EA2;color: #fff;} .Menu001093 .nav li a:after{position: absolute; bottom: 6px; left: 50%; margin-left: -6px; content: '';border:4px solid transparent; border-top-color: #fff; width: 0; height: 0; border-top-width: 6px;} @media(max-width:640px){ .Menu001093 .nav li{height: 10vw;} .Menu001093 .nav li a{font-size: 2.6vw;} } @media(max-width:480px){ .Menu001093 .nav li{height: 14vw;} .Menu001093 .nav li a{font-size: 3.5vw; padding: 0 4vw;} .Menu001093 .nav li a:after{bottom: 0.5vw;} } /* .Menu002580 为demo编号 */ .Menu002580{ position: relative; z-index: 6; overflow: hidden; } .Menu002580 dl{overflow: hidden; } .Menu002580 dd{background:#034EA2; width:25%; float: left; height:440px; position:relative; transition:0.3s; } .Menu002580 dd:before{position: absolute; content: ''; left: 0; bottom: 0; width: 100%; height: 80%;z-index: 3;transition: 0.3s ease-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */ } .Menu002580 dd:last-child{ margin-right:0;} .Menu002580 dd *{transition:0.5s;} .Menu002580 dd .img{position: absolute;left:0;top:0;right:0;bottom:0;background-size: cover;background-position: center; opacity: 0.65;} .Menu002580 dd .txt{width: 100%;padding:0 10%;text-align: left;color: #fff; text-align: center;position: absolute;left:0;top: 50%; transform: translateY(-50%); z-index:10;} .Menu002580 dd .txt .icon{max-width: 100px;margin: 0 auto;} .Menu002580 dd .txt .t{font-size:22px;font-weight:bold;margin-top:10px;} .Menu002580 dd:hover:before{display: none;} .Menu002580 dd:hover .img{opacity: 0.15;} .Menu002580 dd:hover .txt{ transform: translateY(-70%);} @media(min-width:769px){ .Menu002580 dl dd{ width:16.666%;} .Menu002580 dl dd:hover,.Menu002580 dl dd.active { width:33.334%;} } @media(max-width:768px){ .Menu002580 dl dd{float: none; width:100%; height:auto; padding-bottom:80px; margin-bottom:2%;} .Menu002580{padding-top: 90px;} .Menu002580 dd .txt .t{font-size:18px;} } @media(max-width:480px){ .Menu002580 h2{font-size:20px;} .Menu002580 h2 b{font-size: 28px;} } /*Menu002956 */ .Menu002956 nav{background: #edf0f5;} .Menu002956 ul{padding: 12px 0;} .Menu002956 li:not(:last-child){border-bottom: 1px solid #fff;} .Menu002956 li a{display: block;line-height: 26px; padding: 15px 30px 15px 40px;font-size:15px;position: relative; z-index: 1;} .Menu002956 li a:after{position: absolute; content: '';border:4px solid transparent; border-left-width: 6px;border-left-color: #034EA2; top: 50%; margin-top: -4px; right: 30px; opacity: 0; transition: 0.3s;} .Menu002956 li a:hover, .Menu002956 li.aon a{color: #034EA2;} .Menu002956 li a:hover:after, .Menu002956 li.aon a:after{opacity: 1;} @media(min-width:1025px){ .Menu002956{overflow: hidden;} .Menu002956 ul{display: block!important;} } @media(max-width:1024px){ .Menu002956{position: relative; z-index: 40;} .Menu002956 ul{display: none;position: absolute; left: 10px;top: 100%; right: 0; z-index: 40;background: #edf0f5;} .Menu002956 i.wap-open{position: absolute; width: 30px; height: 30px; right: 40px;background: #fff; z-index: 10; top: 50%;margin-top: -15px; border-radius: 50%; transition: 0.3s;} .Menu002956 i.wap-open:before, .Menu002956 i.wap-open:after{position: absolute; content: ''; left: 50%; top: 50%; background: #034EA2; transform: translate(-50%,-50%);} .Menu002956 i.wap-open:before{width: 10px; height: 2px; } .Menu002956 i.wap-open:after{width: 2px; height: 10px; } .Menu002956 i.wap-open.on{transform: rotate(45deg);} } @media(max-width:640px){ .Menu002956 nav{padding: 10px 0;} .Menu002956 i.wap-open{right: 6vw;margin-top: -12px; width: 24px; height: 24px;} } /*Page002737 */ .Page002737 .Pages .p_page a.page-num-current{background-color: #034EA2; border-color: #034EA2; color: #fff;} .Page002737{padding:50px 0 100px; } .Page002737 .Pages{ text-align: center;} .Page002737 .Pages > span{display: inline-block; vertical-align: middle;} .Page002737 .Pages .a_first, .Page002737 .Pages .a_end, .Page002737 .Pages .p_cur, .Page002737 .Pages .p_count, .Page002737 .Pages .p_total{display: none;} .Page002737 .Pages .p_jump, .Page002737 .Pages .p_page{overflow: hidden; } .Page002737 .Pages .p_page em{font-style: normal;} .Page002737 .Pages .p_page a{float: left; line-height:36px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 14px; margin: 0 5px; font-size:16px; font-family:Arial," sans-serif"; color: #aaa; background: #fff;} .Page002737 .Pages .p_page a:hover, .Page002737 .Pages .p_page a.a_cur{background-color: #034EA2; border-color: #034EA2; color: #fff;} .Page002737 .Pages .p_page a.a_next, .Page002737 .Pages .p_page a.a_prev{font-size: 0; height:38px; width: 54px; padding: 0; margin: 0 6px; background-position: center center; background-repeat: no-repeat;} .Page002737 .Pages .p_page a.a_prev{background-image: url(../images/a_prev.png);} .Page002737 .Pages .p_page a.a_prev:hover{background-image: url(../images/a_prev_hover.png);} .Page002737 .Pages .p_page a.a_next{background-image: url(../images/a_next.png);} .Page002737 .Pages .p_page a.a_next:hover{background-image: url(../images/a_next_hover.png);} .Page002737 .Pages .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;} .Page002737 .Pages .p_jump > *{float: left;} .Page002737 .Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;} .Page002737 .Pages .p_jump b.f0{margin-right: 6px;} .Page002737 .Pages .p_jump input{height: 46px; border-radius: 4px;} .Page002737 .Pages .i_text{ line-height: 44px; border: 1px solid #e5e5e5; width: 46px; text-align: center; color: #333; font-size:16px;} .Page002737 .Pages .i_button{background: #ebebeb; width: 70px; padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;} @media(max-width:768px){ .Page002737 .Pages .p_page em, .Page002737 .Pages .p_jump{display: none;} .Page002737{padding:50px 0; } } .listtit{font-size:34px;color:#333;margin:0 0 40px 0; text-align: center;} .listtit span {font-size:20px;} .listtit:after{width:44px;height:4px;background:#034EA2; border:none;margin:20px auto 0; content: ""; display: block;} /*RighInfo002218*/ .RighInfo002218{ padding:5vw 0;} .RighInfo002218 .listtit{ text-align:left;} .RighInfo002218 .listtit:after{margin-left:0;} .RighInfo002218 .box .pic{float:right;margin-left:4.5%;} .RighInfo002218 .box h3{color: #034EA2; font-size:22px;} .RighInfo002218 .box p{ margin: 0; text-align:justify; font-size: 15px; line-height:30px;} .RighInfo002218 .box p+p{margin-top:20px; } .RighInfo002218 .ul{ padding-top: 5%; } .RighInfo002218 li{ float: left; width: 32%; text-align: center; position: relative; box-shadow: 0 0 10px rgba(0,0,0,0.12); } .RighInfo002218 li+li { margin-left: 2%; } .RighInfo002218 li div { padding: 6% 0; margin: 0 auto; width: 80%; max-width: 280px; } .RighInfo002218 li figure img { width: 50%; max-width: 100px; ; transition: 0.3s; } .RighInfo002218 li h3 { font-size:24px; font-weight: normal; color: #333; margin: 0; margin-top: 18px; } .RighInfo002218 li p{ line-height: 1.8; font-size: 18px; height: 64px; color: #666; margin-bottom: 0; } .RighInfo002218 li:hover figure img { transform: rotateY(180deg); } @media(max-width:900px){ .RighInfo002218{ padding:30px 0;} .RighInfo002218 .box .pic{ float:none; margin:0 auto 3% auto; display:block;} } @media(max-width:768px) { .RighInfo002218 li h3 { font-size: 18px; margin-top: 10px; } .RighInfo002218 li p { font-size: 16px; } } @media(max-width:640px){ .listtit{font-size: 26px;} } @media(max-width:480px) { .RighInfo002218 li{ width: 100%; float: none; margin-left: 0 !important; margin: 2% 0; } } /*Floor002911 */ .Floor002911{position: relative;z-index: 1;padding:5vw 0;} .Floor002911 .auto{position: relative;} .Floor002911 h3{color:#034EA2;font-size:28px;margin: 0;overflow:hidden; padding-top: 80px;background:url(../images/Floor002666_f2_bg.png) no-repeat top left;} .Floor002911 h3 span{display: block; color: #999; font-size:18px; margin-bottom: 4px; font-weight: normal;} .Floor002911 h3:after{display: block; content: ''; height: 2px;background:#034EA2; width:30px; margin:22px 0;} .Floor002911 p{line-height:30px; font-size: 15px; margin: 0; text-align:justify;} .Floor002911 p+p{margin-top:20px;} .Floor002911 .right li .Ispic{padding-bottom:104.697%;transition: 0.3s; position: relative;} .Floor002911 .slider-btn{display: table;table-layout: fixed;width:100%; } .Floor002911 .slider-btn > *{display: table-cell; vertical-align: middle;} .Floor002911 .slider-btn dt{width: 166px;} .Floor002911 .slick-arrow{ margin-right: 18px; width: 48px;float: left;border: 1px solid #034EA2; border-radius: 50%; cursor: pointer;background: none; height: 48px;position: relative;} .Floor002911 .slick-arrow:hover{background: #034EA2;} .Floor002911 .slick-arrow:before{position: absolute; content: ''; width: 10px; height:10px; border-bottom: 2px solid #034EA2;border-left: 2px solid #034EA2; left: 50%; top: 50%; margin: -5px 0 0 -3px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .Floor002911 .slick-next:before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg); margin-left: -7px;} .Floor002911 .slick-arrow:hover:before{border-color: #fff;} .Floor002911 .slick-dots li{float: left;list-style: none;position: relative; height: 1px;background: #dedede;} .Floor002911 .slick-dots li button{position: absolute; left: 0; height: 100%;padding: 0;border: 0;font-size: 0;transition: 0.3s; width: 0;} .Floor002911 .slick-dots li.slick-active button{background: #034EA2; width: 100%;} @media(min-width:901px){ .Floor002911 .auto{padding-bottom:70px;} .Floor002911 .left{float: left;width:55%;} .Floor002911 .right{float: right;width:35%; margin-right: 30px;position: relative;} .Floor002911 .right::after{position:absolute;content:'';width:81%;height: 81%;bottom: -50px;background:#ebf0f3;right: -30px;z-index: -1;} .Floor002911 .slider-btn{width:55%; position: absolute; left: 0; bottom: 0;} } @media(max-width:900px){ .Floor002911{padding:30px 0;} .Floor002911 .left{padding-top: 5vw;} .Floor002911 .slick-arrow{width: 45px;height: 45px;} .Floor002911 .slider-btn{margin-top: 20px; } } /*Floor002065 */ .Floor002065{ padding:5vw 0; background: #ebf0f3;} .Floor002065 .owl-item{padding: 5px;} .Floor002065 .item{ position:relative; box-shadow: 0 0 5px rgba(0,0,0,0.1);} .Floor002065 .item .pic{ overflow:hidden;position:relative;} .Floor002065 .item .Ispic{ display:block; padding-bottom:72.4%; transition:0.3s; position:relative;} .Floor002065 .item .Ispic img{ display:none;} .Floor002065 .item:hover .Ispic{ transform:scale(1.2);} .Floor002065 .item .txt{ padding:20px; background-color:#fff;font-size:15px; text-align: center;} .Floor002065 .owl-nav{ display:block;} .Floor002065 .owl-nav button{ font-size:0; width:50px; height:50px; border:none; position:absolute; top:50%; margin-top:-25px; background:none; cursor:pointer; padding:0;} .Floor002065 .owl-nav button.owl-prev{ left:0; margin-left: -60px;} .Floor002065 .owl-nav button.owl-next{ right:0;margin-right: -60px;} .Floor002065 .owl-nav button::before{ position:absolute; content:''; width:50%; height:50%; border-top:4px solid #d0d0d0; border-right:4px solid #d0d0d0; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor002065 .owl-nav button.owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002065 .owl-nav button:hover::before{ border-color:#034EA2;} @media(max-width:1100px){ .Floor002065 .owl-carousel{ padding:0 30px;} .Floor002065 .owl-nav button.owl-prev{ margin-left:0;} .Floor002065 .owl-nav button.owl-next{ margin-right:0;} } .Products{padding:4vw 0;} .Products .Page002737{padding-bottom:0; } /* .PicList002797 */ .PicList002797{ padding-top: 4vw;} .PicList002797 li{ float:left; width:31.3%; margin:0 3% 3% 0; border: 1px solid #e8e8e8; border-radius: 10px;} .PicList002797 li:nth-child(3n){margin-right:0; } .PicList002797 li a{display:block;position:relative;padding: 8%;} .PicList002797 li h3, .PicList002797 li h5{ margin:0; text-align:center; font-weight:normal;} .PicList002797 li figure{padding-bottom:88%;margin-bottom: 5%;background-size: contain;} .PicList002797 li h3{ font-size:17px; color:#444; margin-top:20px;} .PicList002797 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(3,78,162,0.9); z-index:10; transition:0.3s; color:#fff; border-radius: 10px;} .PicList002797 li:hover{box-shadow:0 0 15px 3px #ccc; border-color:#034EA2;} .PicList002797 li:hover a .hover{ opacity:1;} .PicList002797 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002797 li .hover h5{ font-size:20px;} .PicList002797 li .hover i{ display:block; height:2px; background:#fff; width:48px; margin:14px auto 20px;} .PicList002797 li .hover p{ font-size:14px; line-height:30px; margin:0; max-height:90px; overflow:hidden;} .PicList002797 .more{ display: block; text-align: center; margin-top:50px;} .PicList002797 .more span{ display: inline-block; padding-left: 40px; padding-right: 64px; line-height: 40px; background:url(../images/PicList002797-more.png)no-repeat 74% center #fff ; border-radius: 5px;transition:all 0.5s ease-out 0s; color:#034EA2; } .PicList002797 .more span:hover{padding-left:50px; padding-right:74px; } @media(max-width:1000px){ .PicList002797 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:640px) and (min-width:376px){ .PicList002797 li .hover img{ width:50px; height:50px;} } @media(max-width:480px){ .PicList002797 li{ float:none; width:auto;} .PicList002797 li h3, .PicList002797 li .hover h5{ font-size:14px;} .PicList002797 li .hover h5{ line-height:20px; max-height:40px;} } /*Location002970 */ .Location002970{padding: 20px 0;line-height:40px;} .Location002970 em{font-style: normal;padding-left: 30px;background: url("../images/Location002970_cur.png") no-repeat left center;} .Location002970, .Location002970 .locat a{color: #666;} .Location002970 .locat a{padding: 0 10px;} .Location002970 a:hover, .Location002970 span{color: #2354a6;} .Location002970 .goback{ float: right; font-size: 14px; display: inline-block; padding-left: 30px; background: url(../images/RighInfo001848-more.png) no-repeat center left;} .Location002970 .goback:hover{ background: url(../images/RighInfo001848-more1.png) no-repeat center left;} /* .RighInfo001277 */ .RighInfo001277 .box{padding:5vw 0;background-image:linear-gradient(to right, #e5e5e5, #f7f7f7,#f7f7f7, #e5e5e5);} .RighInfo001277 .list_img{width: 42.715%;position:relative;} .RighInfo001277 .list_img .Ispic{width: 100%;padding-bottom: 100%;} .RighInfo001277 .right_info{ padding-left: 5vw;} .RighInfo001277 .right_info h1, .RighInfo001277 .right_info .word{ margin:0;} .RighInfo001277 .right_info h1{padding-bottom:5%;color:#034EA2;font-size:32px;border-bottom:1px solid #e7e8e8; font-weight: normal;} .RighInfo001277 .right_info .word{line-height:30px;color:#666;font-size: 14px;padding-top:5%;} .RighInfo001277 .right_info .word p{margin: 0;} .RighInfo001277 .right_info .word p+p{margin-top:14px;} .RighInfo001277 .right_info .spec{ margin-top: 5%;padding-top: 5%; border-top:1px solid #e7e8e8;} .RighInfo001277 .right_info .spec span{ background: #ddd; padding: 5px 10px; color: #333; margin-right: 10px;} .RighInfo001277 .info{ padding:3.5vw 0 2vw; } .RighInfo001277 .title{padding-left:15px;font-size: 22px;line-height: 22px;color:#034EA2;margin-bottom:40px;border-left: 3px solid#034EA2;} .RighInfo001277 .tit{font-size: 20px;} .RighInfo001277 .tit:after{display: block; content: ''; margin: 20px 0;width: 40px; height:2px; background:#034EA2;} .RighInfo001277 .pdf{width:22%; padding: 24px; box-shadow: 0 0 5px rgba(0,0,0,0.1);} .RighInfo001277 .pdf li{line-height:62px; border-bottom: 1px dotted #ccc; font-size: 15px;} .RighInfo001277 .pdf li:last-child{ border-bottom:none;} .RighInfo001277 .pdf li a{padding-left:30px; background: url("../images/RighInfo001277-icon.png") no-repeat left center; color: #555;} .RighInfo001277 .jscs{width:74%;} .RighInfo001277 .pic{text-align: center;} .RighInfo001277 .intro{ margin-bottom: 5%;} .RighInfo001277 .table_1 th{background: #fff;border: 1px solid #cad2d5; font-weight: normal; text-align: left; padding:10px 30px; line-height:20px; } .RighInfo001277 .table_1 tr{background:#fff;} .RighInfo001277 .table_1 tr:nth-child(2n){background: #f8f8f8;} .RighInfo001277 .table_1 td{ border-collapse:collapse; line-height:24px; padding:15px 30px;border: 1px solid #cad2d5;} .RighInfo001277 .table_1 td:first-child{width: 30%; border-right: 1px solid #eaeaea;} .RighInfo001277 .table_1 .td1{ border-right:none;} .RighInfo001277 .jscs p{margin: 0;line-height:30px;color:#666;font-size: 14px;} .RighInfo001277 .jscs p+p{margin-top:14px;} .RighInfo001277 .list .item{ text-align: center; width: 23.5%; margin-right: 2%; margin-bottom: 2%; float: left; background: #f8f8f8;} .RighInfo001277 .list .item:nth-child(4n){ margin-right: 0;} .RighInfo001277 .list .item .pic{ overflow:hidden;position:relative;border: 1px solid #ededed;} .RighInfo001277 .list .item .Ispic{ display:block; padding-bottom:72.4%; transition:0.3s; position:relative;} .RighInfo001277 .list .item:hover .Ispic{ transform:scale(1.05);} .RighInfo001277 .list .item .txt{ padding:10px; font-size:15px; text-align: center;} .RighInfo001277 .related li{ float:left; width:23.5%; margin:0 2% 2% 0; border: 1px solid #e8e8e8; border-radius: 10px; transition: .3s;} .RighInfo001277 .related li:nth-child(4n){margin-right:0; } .RighInfo001277 .related li a{display:block;position:relative;padding: 8%;} .RighInfo001277 .related li h3, .RighInfo001277 .related li h5{ margin:0; text-align:center; font-weight:normal;} .RighInfo001277 .related li figure{padding-bottom:88%;margin-bottom: 5%;background-size: contain;} .RighInfo001277 .related li h3{ font-size:17px; color:#444; margin-top:20px;} .RighInfo001277 .related li:hover{box-shadow:0 0 15px 3px #eee; } .RighInfo001277 .related li:hover h3{ color:#034EA2;} @media(max-width:768px){ .RighInfo001277 .related li{ width:48%; margin-left:1%; margin-right:1%;} .RighInfo001277 .related li h3, .RighInfo001277 .related li .hover h5{ font-size:14px;} .RighInfo001277 .related li .hover h5{ line-height:20px; max-height:40px;} } .RighInfo001277 .back{ margin: 3% 0 0; text-align: center} .RighInfo001277 .back a{ display: inline-block;background: #034EA2;color: #fff; line-height:36px;padding:5px 30px; } /* .RighInfo001278 */ .RighInfo001278 .ban{padding:4.5vw 0 2.5vw;background-repeat:no-repeat; background-position: center; background-size: cover;} .RighInfo001278 .ban .pic{position:relative; text-align: left;} .RighInfo001278 .ban .right_info{ padding-left: 8%; width: 50%;} .RighInfo001278 .ban .right_info h1{padding-bottom:14px;color:#034EA2;font-size:42px; margin:0; letter-spacing: 3px;} .RighInfo001278 .ban .right_info h4{margin: 0; color:#666;font-size:20px; font-weight: normal;} .RighInfo001278 .box1{ background: #034ea2; padding: 5vw 0;} .RighInfo001278 .box1 .left_desc{ padding-right: 8%;} .RighInfo001278 .box1 h3{ font-weight: normal; color: #fff; font-size: 24px;} .RighInfo001278 .box1 ol{ padding-left: 20px; line-height: 24px; color: #fff;} .RighInfo001278 .box1 .table_1{ width: 42%; color: #333;} .RighInfo001278 .box1 .table_1 th{background: #ededed; border: 1px solid #fff; border-bottom: 1px solid #cad2d5; text-align: left; padding:20px 30px; line-height:36px; } .RighInfo001278 .box1 .table_1 .th_1{background: #fff;color: #034EA2;padding:10px 30px; font-size: 20px; } .RighInfo001278 .box1 .table_1 .th_2{ font-weight: normal;border-color:#cad2d5;padding: 10px 30px; } .RighInfo001278 .box1 .table_1 tr{background: #f8f8f8;} .RighInfo001278 .box1 .table_1 tr:nth-child(2n){background: #fff;} .RighInfo001278 .box1 .table_1 td{ border-collapse:collapse; font-size: 13px; line-height:20px; padding:15px 30px;border: 1px solid #cad2d5;} .RighInfo001278 .box2{ background: #fff; padding: 5vw 0;} .RighInfo001278 .box2 .left_desc{ padding-left: 8%; line-height: 24px; color: #666;} .RighInfo001278 .box2 .left_desc sup{ font-size: 8px; margin-left: 5px; } .RighInfo001278 .box2 .left_desc li{ padding-left: 15px; position: relative; line-height: 20px;} .RighInfo001278 .box2 .left_desc li:before{ position: absolute; content: ""; left: 0; top: 18px; width: 5px; height: 5px; background: #034ea2; } .RighInfo001278 .box2 .left_desc dd{ padding-left: 15px; position: relative;} .RighInfo001278 .box2 .left_desc dd:before{ position: absolute; content: ""; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #034ea2; } .RighInfo001278 .box2 .pic{ text-align: left;} .RighInfo001278 .info{ background: #ededed; padding: 5vw 0;} .RighInfo001278 .info2{ background: #fff; padding: 5vw 0;} .RighInfo001278 .info .title{padding-left:15px;font-size: 22px;line-height: 22px;color:#034EA2;margin-bottom:30px;border-left: 3px solid#034EA2;} .RighInfo001278 .info .pic{width: 40%;} .RighInfo001278 .info .table_1{ width: 50%; color: #333;} .RighInfo001278 .info .table_1 th{background: #fff;border: 1px solid #cad2d5; font-weight: normal; text-align: left; padding:10px 30px; line-height:20px; } .RighInfo001278 .info .table_1 tr{background: #f8f8f8;} .RighInfo001278 .info .table_1 tr:nth-child(2n){background: #f0f0f0;} .RighInfo001278 .info .table_1 td{ border-collapse:collapse; font-size: 12px; line-height:20px; padding:10px 30px;border: 1px solid #cad2d5;} .RighInfo001278 .info2 .table_1{ width: 100%; } .RighInfo001278 .info .table_1 tr{background: #fff;} .RighInfo001278 .info .table_1 tr:nth-child(2n){background: #f8f8f8;} .RighInfo001278 .info2 .table_1 th{background: #fff; } .RighInfo001278 .info2 .table_1 .th_1{background: #034EA2;color: #fff;padding:10px 30px; line-height:36px; font-size: 20px; font-weight: bold;} .RighInfo001278 .info2 .table_1 .th_2{ } .RighInfo001278 .info .table_1 td{ font-size: 14px; line-height:24px; padding:15px 30px;} .RighInfo001278 .back{ margin: 0 0 5% 0; text-align: center;} .RighInfo001278 .back a{ display: inline-block;background: #034EA2;color: #fff; line-height:36px;padding:5px 30px; } @media(max-width:768px){ .RighInfo001278 .box1 .left_desc{display: block;width: 100%;padding-right: 0;} .RighInfo001278 .box1 .table_1{display: block;width: 100%;margin-top: 20px;} .RighInfo001278 .box2 .pic{display: block;width: 100%} .RighInfo001278 .box2 .left_desc{display: block;width: 100%;padding-left: 0;margin-top: 20px;} .RighInfo001278 .info .pic{width: 100%;} .RighInfo001278 .info .table_1{width: 100%} } /* .RighInfo001355 */ .RighInfo001355{ padding:5vw 0;} .RighInfo001355 .listtit{ text-align:left;} .RighInfo001355 .listtit:after{margin-left:0;} .RighInfo001355 .pic{ width:36%;} .RighInfo001355 .txt{padding-right:6%;} .RighInfo001355 .h2{ font-size:20px; color:#034EA2; margin: 0 0 24px;} .RighInfo001355 .p{ margin: 0; text-align:justify; font-size: 15px; line-height:30px;} .RighInfo001355 .p+.p{margin-top:20px; } .RighInfo001355 .p1{padding-left:20px; position: relative;} .RighInfo001355 .p1:before{display:block;content: '';width: 6px;height:6px ;background:#034EA2; border-radius: 50%;position:absolute;top:12px; left: 0;} @media(max-width:900px){ .RighInfo001355{ padding:30px 0;} .RighInfo001355 .ytable, .RighInfo001355 .ytable-cell{display: block;} .RighInfo001355 .txt{padding-right:0; padding-bottom: 6%; } .RighInfo001355 .pic{ width:100%; text-align: center;} } /* .TextList002205 */ .TextList002205 {padding-top: 4vw;;} .TextList002205 .list .item { margin-bottom:1.5%; } .TextList002205 .list .item i.icon { display: block; position: absolute; right: 20px; top: 20px; background: url(../images/TextList002205-icon.png) center bottom no-repeat; width: 21px; height: 11px; transition: all 0.5s ease-out 0s; overflow: hidden; } .TextList002205 .list .item .Q{ margin: 0; line-height:30px;padding: 15px 0; font-weight: normal;padding-left:90px; padding-right: 50px; position: relative; background: #f9f9f9; cursor: pointer; transition: all 0.5s ease-out 0s; } .TextList002205 .list .item .Q>a { color: #333; font-size: 16px; } .TextList002205 .list .item em.icon { position: absolute; top: 0; left: 0; width: 60px; height: 100%; display: block; text-align: center; font-size: 20px; font-weight: bold; font-style: normal; color: #333; line-height: 60px; } .TextList002205 .list .item .Q em.icon { background: #efefef; transition: all 0.5s ease-out 0s; } .TextList002205 .list .item .A { position: relative; padding: 25px 40px 25px 90px; background: #f1f1f1; line-height:30px; font-size: 15px; display: none; color: #666; } .TextList002205 .list .item .A em.icon { background: #f9f9f9; color: #034EA2; transition: all 0.5s ease-out 0s; line-height:80px; } .TextList002205 .list .item.active .Q em.icon { background: #034EA2; color: #fff; } .TextList002205 .list .item.active i.icon { background-position:center top; } .TextList002205 .list .item.active .Q>a{ color:#034EA2; } @media(max-width:900px){ .TextList002205{ padding-top:30px;} .TextList002205 .list .item .A { font-size: 14px;} } /*PicList002149 */ .PicList002149{ padding-top:4vw;} .PicList002149 h3{ margin:0; font-size:18px; color: #444;} .PicList002149 h3 a{ color: #444;} .PicList002149 ol h3:hover a, .PicList002149 li:hover h3{color: #034EA2;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#666; height:52px; margin:1.5% 0 0 0;} .PicList002149 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.429%; border-radius: 6px; overflow: hidden;} .PicList002149 ol .Ispic{ width:36.429%; position:absolute; left:0; top:0; height:100%;} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol div{ padding:6% 9% 5% 5%;} .PicList002149 ol time{ display:block; padding:2% 0; font-family: 'Oswald'; color: #034EA2;} .PicList002149 ol p{ margin:0 0 5% 0;} .PicList002149 ol .more{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#034EA2; font-size:12px; border-radius: 20px;} .PicList002149 ol .more:hover{ background:#efa123; } .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa; border-radius: 6px;} .PicList002149 li .mores{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #e6e6e6; padding:3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%; font-family: 'Oswald';} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#034EA2; font-size:14px;} .PicList002149 li time i{ font-style:normal; font-size:40px; color:#034EA2; display:block; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:12px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li .mores{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} } @media(max-width:900px){ .PicList002149{ padding-top:30px;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li .mores{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:14px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:60px;} .RighInfo001355 .txt{display: block;width: 100%;} .RighInfo001355 .pic{display: block;width: 100%;margin-top: 20px;} } /* .Form002802 */ .Form002802{ padding:4vw 0 6.5vw; background: url(../images/Form002802_bg.png) no-repeat bottom center;} .Form002802 .from td{ padding-right: 2%; padding-bottom:2%;} .Form002802 .from td p{ margin: 0; color: #999; text-align: center;} .Form002802 .from td div{ position:relative;} .Form002802 .from label{ position:absolute; left:20px; top:0; font-size: 15px; line-height: 54px; color:#666;} .Form002802 .from label i{display: inline-block;content: '';width: 18px;height: 18px;margin-right: 10px;position: relative;top:3px;} .Form002802 .from label.name i{background: url(../images/icon-5.png) no-repeat center;} .Form002802 .from label.phone i{background: url(../images/icon-6.png) no-repeat center;} .Form002802 .from label.email i{background: url(../images/icon-7.png) no-repeat center;} .Form002802 .from label.mess i{background: url(../images/icon-8.png) no-repeat center;} .Form002802 .from .text{ width:100%; height:54px; line-height:54px; text-indent:20px; background:#f5f5f5;border:1px solid #eee;border-radius: 5px} .Form002802 .from textarea.text{ height:132px;} .Form002802 .from .btn{ padding-top:1%; text-align:center;} .Form002802 .from .btn input{ background:#034EA2; cursor:pointer; padding:0; border:none; width: 180px; height:50px; font-size: 17px; color:#fff; border-radius: 3px;} @media(max-width:900px){ .Form002802{ padding:30px 0 50px; } } @media(min-width:641px){ .Form002802 .from td:nth-child(3n), .Form002802 .from .textareas, .Form002802 .from .btn, .Form002802 .from .tip{ padding-right: 0; } } @media(max-width:640px){ .Form002802 .from td{ display: block; padding-right: 0; } } /*Map002516 */ .Map002516{padding:5vw 0;} .Map002516 li{margin-bottom:5%;color: #999; padding-left: 34px; border-left:5px solid #f8f8f8; float: left;} .Map002516 li .icon{margin-bottom: 5px;} .Map002516 li aside{font-size: 16px;margin-top: 10px;color: #333;} @media(min-width:901px){ .Map002516 li{float: left;width: 32%; } .Map002516 li:not(:nth-child(3n)){margin-right: 2%;} .Map002516 li:nth-child(3n+1){clear: left;} } @media(max-width:900px){ .Map002516{padding:30px 0;} .Map002516 li{width:49%; } .Map002516 li:not(:nth-child(2n)){margin-right: 2%;} .Map002516 li:nth-child(2n+1){clear: left;} } @media(max-width:640px){ .Map002516 li{width:100%; float: none; margin-right: 0;} } .Map002516 .map{border: 1px solid #ECECEC;padding: 5px;} .Map002516 .map #mapcontent{ height:360px;} .Map002516 .map #mapcontent *{ box-sizing:content-box;} .Map002516 .map #mapcontent img{ max-width:none;} @media(max-width:640px){ .Map002516 .map #mapcontent{ height:300px;} } /*TextList002739 */ .TextList002739{padding-top:4vw;} .TextList002739 .list-group .tit{cursor: pointer; line-height: 69px; font-size: 17px; } .TextList002739 .list-group .tit:before{background: #034EA2; width: 4px; height: 4px; display: inline-block; content: '';vertical-align: middle; margin-right: 27px; } .TextList002739 .title{ padding:0 40px; line-height: 60px; background: #034EA2; font-size: 16px; color: #fff; border-bottom: 1px solid #ededed;margin-top: 20px;} .TextList002739 .title time, .TextList002739 .tit time{float: right; } .TextList002739 .tit time{color: #888;} .TextList002739 .list{border-bottom: 1px solid #ededed;} .TextList002739 .tit{padding: 0 40px; background: #fafafa; font-weight: normal; margin: 0;} .TextList002739 .tit.active{background: #fff; margin: 0 40px; padding: 0; border-bottom: 2px solid #034EA2; color: #034EA2;} .TextList002739 .tit.active time{color: #034EA2;} .TextList002739 .info{padding:30px 70px 60px;} .TextList002739 .info strong{color:#555; display: block; margin-bottom: 6px; font-size: 15px;} .TextList002739 .info p{ line-height: 30px; margin: 0;} .TextList002739 .info .p+.p{padding-top:30px; margin-top: 30px; border-top: 1px dashed #eaeaea;} .TextList002739 .send {padding-top:40px; margin-top:40px; border-top: 1px dashed #eaeaea;} .TextList002739 .send em{ font-style: normal; border-bottom:1px solid #034EA2 ; font-weight: bold; margin-left: 10px; } .TextList002739 .send a{ display: inline-block; line-height: 30px; color: #034EA2; background: url(../images/TextList002514_icon.png) no-repeat right center; padding-right: 35px; font-size:14px; } @media(max-width:900px){ .TextList002739{padding-top:30px;} } @media(min-width:769px){ .TextList002739 .title time{ margin-right: 78px;} } @media(max-width:768px){ .TextList002739 .title{ padding:0 20px; line-height: 50px;} .TextList002739 .tit{padding: 0 20px;} .TextList002739 .tit.active{margin: 0 20px;} .TextList002739 .title time{ margin-right: 12px;} .TextList002739 .list-group .tit:before{ margin-right: 10px;} .TextList002739 .info{padding: 10px 20px 10px 34px;} } @media(max-width:480px){ .TextList002739 .tit time{ font-size: 12px;} } /*Floor002065 */ .Floor002066{ padding:4vw 0; background: #fff;} .Floor002066 .item{ position:relative;padding: 1px; } .Floor002066 .item a{ border:1px solid #eaeaea; padding: 20px 0; display: block;} .Floor002066 .item .pic{ overflow:hidden;position:relative;} .Floor002066 .item .Ispic{ display:block; padding-bottom:61.599%; position:relative; transition: all 0.5s ease 0s;} .Floor002066 .item .Ispic.hover{ display:none;} .Floor002066 .item p{ margin: 20px 10px 0; font-size: 18px; text-align: center; color: #333;} .Floor002066 .item:hover .Ispic{transform: scale(1.1); transition: all 0.3s ease 0s; -webkit-transform: scale(1.1); webkit-transform: all 0.3s ease 0s; -ms-transform: scale(1.1); -ms-transition: all 0.3s ease 0s; -moz-transform: scale(1.1); -moz-transition: all 0.3s ease 0s; -o-transform: scale(1.1); -o-transition: all 0.3s ease 0s;} .Floor002066 .item.on a{border-color:#034EA2;} .Floor002066 .item.on .Ispic{display:none;} .Floor002066 .item.on .Ispic.hover{display: block;} .Floor002066 .item:hover p{color:#034EA2;} .Floor002066 .item.on p{color:#034EA2;} .Floor002066 .owl-nav button{ position:absolute; top:50%; width:22px; overflow:hidden; line-height:1000px; height:40px; margin-top:-20px; background:url(../images/Floor002065-btn.png) no-repeat left top; z-index:10; border:none;} .Floor002066 .owl-nav .owl-prev{ left:0;margin-left:-40px;} .Floor002066 .owl-nav .owl-next{right:0; margin-right:-40px; background-position: right top;} @media(max-width:1360px){ .Floor002066{padding-right:70px; padding-left: 70px;} } @media(max-width:1024px){ .Floor002066{padding-right:0; padding-left: 0;} } @media(max-width:1100px){ .Floor002066 .item a{padding: 10px 0; } .Floor002066 .item p{ margin: 10px; font-size: 14px; } .Floor002066 .owl-carousel{ padding:0 30px;} .Floor002066 .owl-nav .owl-prev{margin-left:0;} .Floor002066 .owl-nav .owl-next{margin-right:0;} } @media(max-width:1024px){ .Floor002066 .item a{padding: 0; } .Floor002066 .owl-nav{margin-top: 20px;} .Floor002066 .item .pic{padding-bottom: 10px;} .RighInfo001277 .pdf{display: block;width: 100%} .RighInfo001277 .jscs{display: block;width: 100%;margin-top: 20px;} .RighInfo001277 .intro .table_1{overflow-y: hidden;} .RighInfo001277 .intro .table_1 table{width: 1200px} } @media(max-width:640px){ .RighInfo001277 .list_img{display: block;width: 100%} .RighInfo001277 .right_info{display: block;padding-left: 0;width: 100%;margin-top: 20px;} .RighInfo001277 .list .item{width: 49%} .RighInfo001277 .list .item:nth-of-type(2n){margin-right: 0;} } /*.RichInfo005*/ .RichInfo005{padding:4vw 0;} .RichInfo005 .title{ color: #333; text-align:center; padding-bottom:20px; } .RichInfo005 .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal; } .RichInfo005 .title p{ margin:0;border-bottom:1px dashed #d2d2d2; padding-bottom:12px;} .RichInfo005 .title p span{ margin:0 5px; color:#777;} .RichInfo005 .info{ color:#666; line-height:28px; font-size:14px;margin:0; } .RichInfo005 p+p{margin-top: 18px;} .RichInfo005 .info .p{ text-indent: 2em; } .RichInfo005 .info .pic{ margin:3% auto; display: block;} .RichInfo005 .info .pic1{ float:right;margin:2% 0 2% 4%;} .RichInfo005 .info .pic2{ float:left; margin:2% 4% 2% 0;} .RichInfo005 .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .info_back a{ background: #034EA2; padding: 8px 35px; color:#fff; font-size:14px; display: inline-block;} .RichInfo005 .info_pn { padding-top:20px; } .RichInfo005 .info_pn span{ display:block; float: left; width: 45%; } .RichInfo005 .info_pn span:last-child{ float: right; text-align:right;} .RichInfo005 .info_pn span a{ font-size: 15px; color:#999;} .RichInfo005 .info_pn span a:hover{color:#034ea2;} @media(max-width:900px){ .RichInfo005{ padding:30px 0;} } @media(max-width:768px){ .RichInfo005 .info_pn span{ float: none !important; margin-bottom: 15px; padding-bottom: 15px; width: 100%; text-align: left !important;} } #metaList p {margin: 0; padding: 0;} #metaList img {display: block; width: 100%; height: auto;} #metaList .meta { position: relative; z-index: 2; margin: -60px auto -142px;} #metaList .meta ul {overflow: hidden; padding: 30px 10px 25px;background-color: #fff; border-radius: 10px; box-shadow: 0px 8px 13px rgba(0,0,0,.13);} #metaList .meta li {width: 50%; list-style: none; padding: 0; margin: 0; float: left;} #metaList .data {display: table; table-layout: fixed; margin: 0 auto;} #metaList .icon {width: 60px; display: table-cell; vertical-align: middle;} #metaList .icon i {display: block; padding-bottom: 100%; background: no-repeat center center; background-size: contain;} #metaList .text {display: table-cell; vertical-align: middle; padding-left: 25px;} #metaList .meta h3 {font-size: 20px; color: #666; font-weight: normal; padding: 0; margin: 0; margin-bottom: 10px;} #metaList .meta .intro {font-size: 24px; color: #666; line-height: 1.75em; clear: both;} #metaList .num {color: #034ea2; line-height: 1.1em; margin-bottom: 3px;} #metaList .count {display: inline-block; vertical-align: bottom;} #metaList .count span {font: 700 60px/1.1em 'Oswald';} #metaList .count sup {font-size: 30px; font-weight: bold; line-height: 1em; vertical-align: top;} #metaList .unit {font-size: 20px; line-height: 1.5em; display: inline-block; vertical-align: bottom;} @media(max-width:1280px){ #metaList .meta h3, #metaList .unit {font-size: 18px;} #metaList .count span {font-size: 50px;} #metaList .count sup {font-size: 26px;} #metaList .meta .intro {font-size: 22px;} } @media(max-width:1024px){ #metaList .icon {width: 50px;} #metaList .text {padding-left: 15px;} #metaList .meta h3, #metaList .unit {font-size: 16px;} #metaList .count span {font-size: 40px;} #metaList .count sup {font-size: 22px;} #metaList .meta .intro {font-size: 20px;} } @media(max-width:768px){ #metaList .meta {margin: 0; padding: 0; } #metaList .meta ul {border-radius: 0; padding: 20px 2% 15px;} #metaList .meta li {width: 45%;} #metaList .meta li:first-child {width: 55%;} #metaList .data {display: block; width: auto;} #metaList .icon {margin: 0 auto 10px; width: 40px; display: block;} #metaList .text {display: block; padding-left: 0; text-align: center;} #metaList .count span {font-size: 30px;} #metaList .count sup {font-size: 18px;} #metaList .meta h3, #metaList .unit, #metaList .meta .intro {font-size: 14px;} } .RighInfo001230{ background-size:cover; background-repeat: no-repeat; background-position: center; position: relative; } .RighInfo001230 .auto { position: relative;padding: 5% 0 6%;} .RighInfo001230 .con{width:50%; max-width:700px; margin-left:0; position: relative; z-index: 2; color: #fff;} .RighInfo001230 .con h1{font-size:32px;font-weight: normal; margin: 0;} .RighInfo001230 .con .p{padding:5% 0;line-height: 30px;border-top: 1px solid rgba(255,255,255,0.25);border-bottom: 1px solid rgba(255,255,255,0.25);margin:6% 0;font-size: 17px;} .RighInfo001230 .con .dl dd{line-height: 1.9;text-align:justify; position: relative; padding-left:10px; font-size: 15px;} .RighInfo001230 .con .dl dd:before{ position: absolute; content: ""; left: 0; top: 12px; width: 4px; height: 4px; border-radius: 50%; background: #fff;} .RighInfo001230 .con .dl dd+dd {margin-top: 10px;} .RighInfo001230 .con .dl dd span{font-weight: bold;} @media(min-width:1025px){ /*.RighInfo001230 .pic { position: absolute; width: 45%;top:50%;right:0;transform: translateY(-50%); display: none;}*/ } /*.RighInfo001279{padding-bottom: 5%;}*/ .RighInfo001279 .banner img{display: block; width: 100%;} .RighInfo001279 .box{margin-top:4%;} .RighInfo001279 .box li{width: 100%; padding: 3%; text-align: center; position: relative;background: #fff;box-shadow: 0 0 30px rgba(0,31,90,0.1); border-radius: 10px; } .RighInfo001279 .box li .word{ padding:4% 0; } .RighInfo001279 .box li figure img { width: 50%; max-width: 100px; ; transition: 0.3s; } .RighInfo001279 .box li h3 { font-size:20px;color: #333; margin:5% 0; } .RighInfo001279 .box li dd{ position: relative; padding-left: 15px; font-size: 14px; color: #666; text-align: left; line-height: 26px; } .RighInfo001279 .box li dd+dd{margin-top: 10px; } .RighInfo001279 .box li dd:before{ position: absolute; content: ""; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background:#034EA2;} .RighInfo001279 .box li:hover h3{ color: #295ab9 !important; } .RighInfo001279 .box li:hover figure img { transform: rotateY(180deg); } @media(min-width:769px){ .RighInfo001279 .box .ul{display: flex; width: 100%;} .RighInfo001279 .box li{width: 30%;} .RighInfo001279 .box li:nth-child(2){margin: 0 5%;} } @media(max-width:768px){ .RighInfo001279 .box li+li{margin-top: 3%;} }