body{overflow-x:hidden;} body.fixed { overflow: hidden;} .w25{width:20%} .w75{width:73%;} @media(max-width:768px){ .w25, .w75 {width: 100%;} } /*Top002262*/ .Top002262 { background: #fff; position: relative; z-index: 100;} .Top002262 .header-left{ float: left; width: 40%; display:table; height:70px;max-width: 198px;} .Top002262 .logo{ display:table-cell; vertical-alRighInfo002226ign:middle;} .Top002262 .header-mid, .Top002262 .header-right{ float:right;} .Top002262 .header-right{padding-top: 24px;} .Top002262 .header-menu li{ width:auto !important; margin-right:20px;} .Top002262 .header-menu li em{ padding:0 15px;position:relative;} .Top002262 .header-menu li em::after{position:absolute; content:''; right:0;top:50%; transform:translateY(-50%); width:7px; height:4px; background:url(http://www.jshsyy.com/static3/image/Top002262-icon.png) no-repeat;} .Top002262 .header-menu li em:hover::after, .Top002262 .header-menu li.aon em::after{ background-image:url(http://www.jshsyy.com/static3/image/Top002262-icon_up.png);} .Top002262 .header-menu li em a{ line-height:70px; position:relative; font-size:15px; color:#333;} .Top002262 .header-menu li em a::before{ position:absolute; content:''; left:50%; transform:translateX(-50%); height:3px; background:#e60012;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:0 15px; text-align:center;} .Top002262 .header-menu li .sub-menu dt{ border-bottom:1px solid rgba(255,255,255,0.2);} .Top002262 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002262 .header-menu li .sub-menu dt a{color:#fff;opacity: 0.7; transition:0.3s;} .Top002262 .header-menu li .sub-menu dt a:hover{ background:none; color:#fff; opacity: 1} .Top002262 .header-right dd{ float:left;} .Top002262 .top-search{ position:relative; z-index:100;} .Top002262 .open-search{ background:url(http://www.jshsyy.com/static3/image/Top002262-search.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:#e60012; top:50%; left:10%; transform:rotate(-45deg);} .Top002262 .open-search-show::after{transform:rotate(45deg);} .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; 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 .top-language{ width:74px; border:1px solid #04447c; line-height:24px; overflow:hidden;} .Top002262 .top-language a{ color:#04447c; float:left; width:50%; text-align:center;} .Top002262 .top-language a.on{ background:#04447c; color:#fff;} @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(http://www.jshsyy.com/static3/image/Top002262-icon.png) no-repeat 95% center;} .Top002262 #header-menu li.clickon em a{ background-image:url(http://www.jshsyy.com/static3/image/Top002262-icon_up.png);} .Top002262 #header-menu li .sub-menu{ padding:5%;} .Top002262 #open_menu{ width:40px; height:30px;background:#e60012; 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;} } @media only screen and (max-width:768px ){ .Top002262 .header-left{width: 50%;} .Top002262 .top-language{float: left;line-height: 30px;} .Top002262 .search-box .text{ background: rgba(0,0,0,0.8);} .Top002262 .header-right{ padding-top: 18px;} } .sp{width: 100%;height: 100%;} /* .Banner002388 为demo编号 */ .Banner002388{ overflow: hidden;position: relative;} .Banner002388 h3{position: absolute;top: 40%;left: 8%;letter-spacing: 4px; color: #fff;font-size: 36px;font-weight: normal;display:none;} .Banner002388 img{ position: relative;width: 100%;} @media only screen and (max-width:1024px ) { .Banner002388 img{ width: 130%; left: -15%; max-width: none;} } @media only screen and (max-width:768px ) { .Banner002388 img{ width: 150%; left: -25%;} .Banner002388 h3{font-size: 20px;} } @media only screen and (max-width:480px ) { .Banner002388 img{ width: 190%; left: -45%;} } /*Menu002551 */ .Menu002551{ padding: 10px 0; border-top:1px solid rgba(255,255,255,0.2);border-bottom: 1px #eee solid;position:relative; z-index:2;} .Menu002551 ul.ul_pc{ } .Menu002551 .ul_pc li{ float:left; padding-right:20px;} .Menu002551 li a{ color:#333; font-size:16px;line-height:30px; padding: 5px 25px; display:block;background: #eee;} .Menu002551 .ul_pc li a:hover, .Menu002551 li.aon a{ background: #04447c; color:#fff; } @media(max-width:1024px){ .Menu002551 .auto{ display:none;} .Menu002551 .owl-item{ float:left; text-align:center;} .Menu002551 .owl-item li{ list-style:none;} .Menu002551 .owl-carousel{position:relative; padding:0 30px;} .Menu002551 .owl-stage-outer{overflow:hidden;} .Menu002551 .owl-nav button{ position:absolute; padding:0; cursor:pointer; height:100%; top:-7px; width:25px; border:none; background:none; font-size:40px; color:#04447c;} .Menu002551 .owl-nav button.disabled{ opacity:0.5;} .Menu002551 .owl-nav .owl-prev{ left:0;} .Menu002551 .owl-nav .owl-next{ right:0;} } @media(max-width:480px){ .Menu002551 li a{ font-size:14px;line-height:30px;} } /* .Location002362 为demo编号 */ .Location002362 {/*margin-top: -44px;*/position: relative;z-index: 10; padding:10px 0; text-align:right; background: #eee;} .Location002362 em{ font-style: normal; padding-left:25px; font-size:12px; line-height:2; margin-top:13px; color:#333; position: relative;} .Location002362 em:before{ content: "\e828"; font-family:"iconfont" !important; font-size: 18px; position: absolute; top: 0px; left: 0; height: 17px; line-height: 17px;} .Location002362 em a { color: #333; padding-right:10px; margin-right:5px; position: relative;} .Location002362 em a:after{ content: ">"; position: absolute; height: 17px; line-height: 17px; right: 0; top: 0; color: #999; font-family: "宋体";} .Location002362 em a:hover{ text-decoration:underline;} .Location002362 em span{ color:#e60012; } @media(max-width:640px){ .Location002362{display: none;} } .jj{position: relative;z-index: 100} .jj .word{float: left;width: 50%;color: #fff;padding-left: 5%;} .jj .word h3{font-size: 32px;font-weight: normal;margin-top: 0;position: relative;} .jj .word h3:before{position: absolute;content: "";left:67%;top: 50%;width: 100%;height: 1px;background: rgba(255,255,255,0.4);} .jj .word p{background: url(http://www.jshsyy.com/static3/image/g.png) no-repeat left center;padding-left: 20px;background-size: 12px;} .jj .word p a{font-size: 16px;margin: 0;line-height: 24px;color: #fff;background: url(http://www.jshsyy.com/static3/image/PicList001646-a_more1.png) no-repeat right center;padding-right: 20px;transition:1s ease;border-bottom: 1px dashed rgba(255,255,255,0.4)} .jj .word p a:hover{padding-right: 30px;letter-spacing: 2px;text-decoration: underline} .jj .pic{float: right;width: 50%;} @media(max-width:768px){ .jj{padding: 8% 0 6%;overflow: hidden;} .jj .word{width: 100%;margin-bottom: 2%} .jj .pic{width: 100%;} .jj .word h3{font-size: 20px;} .jj .word p{font-size: 14px;line-height: 24px;margin: 0} .jj .word a{font-size: 14px;} } /* .PicList000762 为demo编号 */ .PicList000762{ padding-top:3%;} .PicList000762 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; } .PicList000762 li:nth-child(4n){ margin-right:0;} .PicList000762 li a{ display:block; background-color:#f8f8f8;transition:all ease-in-out 0.3s;} .PicList000762 li h2{font-weight: normal; margin:0; font-size:16px; color:#333; text-align:center; padding:3% 2%;} .PicList000762 li figure{ background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:65%;} .PicList000762 li a:hover{ background-color:#04447c; } .PicList000762 li a:hover h2{color:#fff;} @media(max-width:640px){ .PicList000762 li{width:49%;} .PicList000762 li:nth-child(3n){ margin-right:2%;} .PicList000762 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000762 li h2{font-size:14px;} } /*Page002046 */ .Page002046 .Pages{ text-align:center; padding:0 0 3% 0;} .Page002046 .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:38px; color:#999;} .Page002046 .Pages a:hover, .Page002046 .Pages a.a_cur{ background-color:#04447c; color:#fff;} .Page002046 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;} .Page002046 .Pages em a{ float:left; margin-left:-1px;} .Page002046 .Pages .p_cur, .Page002046 .Pages .p_count, .Page002046 .Pages .p_jump, .Page002046 .Pages .p_total{ display:none;} .Page002046 .Pages .a_prev, .Page002046 .Pages .a_next{ padding:0; width:44px; background:url(http://www.jshsyy.com/static3/image/Page002046-a_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;} .Page002046 .Pages .a_next{ background-image:url(../image/Page002046-a_next.gif);} @media(max-width:640px){ .Page002046 .Pages .a_first, .Page002046 .Pages .a_end{ display:none;} } /*Form001881*/ .Form001881{ padding:3% 0;background-image:url(http://www.jshsyy.com/static3/image/f968edef5d4a2a4f2fd54c28c2ef08fd.jpg); background-size: cover;} .Form001881 .title{ text-align:center; padding-bottom:30px;font-size:30px; font-weight:normal;color:#000;} .Form001881 .title:after{ display:block; content:''; height:3px; background-color:#000; margin:0 auto; margin-top:15px; width:30%; max-width:154px;} .Form001881 .tips{ color:#333;} .Form001881 .tips h2{ margin:0; font-weight:normal;} .Form001881 .tips h2:before{ display:block; content:''; height:7px; border-left:14px solid #f7a900; background-color:#e8e7e7; margin-bottom:15px; width:28px;} .Form001881 .tips pre{ line-height:30px; margin:2% 0;} .Form001881 .form{ border:1px solid #f2f2f2; border-radius:3px; padding:2%; background: #fff; width: 70%;float: right;} .Form001881 .form dd{width: 48%;min-height: 62px;float: left;margin-right: 2%;margin-top: 0%} .Form001881 .form dd.x{width: 100%;} .Form001881 .form dd p{margin: 0;margin-bottom: 5px} .Form001881 .form h3{ margin:0; border-bottom:3px solid #04447c; color:#04447c; font-size:24px; padding-bottom:20px; font-weight:normal;} .Form001881 .form td{ padding:6px 20px;border-bottom:1px solid #e5e5e5;} .Form001881 .form td.f_name{color:#333; width:14%; min-width:60px; max-width:238px; padding-left:15px;} .Form001881 .form td.mid{border-right:1px solid #e5e5e5;} .Form001881 .form .text{ height:33px; line-height:33px; background:#ededef; width:100%; border:none;} .Form001881 .form .text_code{max-width:238px;} .Form001881 .form textarea.text{ height:99px;} .Form001881 .form .colspan td{ border-bottom:0;} .Form001881 .form dd label{ line-height: 33px;} .Form001881 .button{ text-align:right; padding:3% 2% 0 0;} .Form001881 .button input{background:#e60012;height:37px;padding:0 20px;margin-left:8px;border:none; font-size:18px; color:#fff; } .Form001881 .button .btn{ background:#04447c;} @media(max-width:640px){ .Form001881 .form td{ padding:10px 0px !important;} .Form001881 .form dd{width: 100%;} .Form001881 .form dd label{line-height: 20px;} .Form001881 .form .colspan td.mid{width: 80%;} .Form001881 .form td.f_name{ font-size:12px;} .Form001881 .form dd.x{margin-top: 4%;} .Form001881 .form{width: 100%;} .Form001881 .form h3{font-size: 22px;} } @media(max-width:375px){ .Form001881 .button input{ font-size:16px;height:40px;} } #video1{position: absolute;top: 0;left: 0;background: #000;width:100%;} .swiper-slide .cover{position: absolute;top: 0;left: 0; z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);} .first-wrap img {display:none;} #news .cover{position: absolute;top: 0;left: 0; z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);} @media(max-width:640px){ #video1{height: 200px;position: relative;} .first-wrap #video1 {display:none;} .first-wrap img {display:block;} .first-wrap .cover {display:none;} } /*Floor002650 */ @import url('https://www.topsci-lab.com/cn/css/syr/syr.css'); @import url('animate.min.css'); .Floor002650 *{font-family: "syr","微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;} .Floor002650 .swiper-slide{ background-repeat:no-repeat; background-position: center center;background-size:cover; position:relative; } .Floor002650 {} @media(min-width:1201px){ .Floor002650 .swiper-container {position: relative;overflow: hidden;z-index: 1;width: 100%;height: 100%;} .Floor002650 .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;} .Floor002650 .swiper-container-android .swiper-slide, .Floor002650 .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Floor002650 .swiper-wrapper, .Floor002650 .swiper-slide{position: relative;width: 100%;height: 100%; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} .Floor002650 .swiper-wrapper { z-index: 1;-webkit-box-sizing: content-box;box-sizing: content-box;} .Floor002650 .swiper-slide {-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;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} } .Floor002650 .header{ position:fixed; left:0; top:8px; z-index:200; padding:0 5%; border-bottom:1px solid rgba(255,255,255,0.2); width:100%;} .Floor002650 .header-left{ width:30%;} .Floor002650 .header-left a{display: block;} .Floor002650 .header-left img{max-width: 300px; margin: 5px 0;} .Floor002650 .header-right{ width:60%; margin-left:13%;} .Floor002650 .header-top{ line-height:20px; padding:10px 0;position:absolute; right:90px; top:0; width:74px; line-height:34px; overflow:hidden;} .Floor002650 .header-top dt{ float:right;} .Floor002650 .header-top dt > *{ float:left;} .Floor002650 .open-search{ width:20px; height:20px; background:url(http://www.jshsyy.com/static3/image/Floor002650_btn_search.png) no-repeat center center;} .Floor002650 .header-top dt span a{ display:inline-block; font-size:12px; color:rgba(255,255,255,0.5);} .Floor002650 .header-top dt span a:hover{ color:#fff;} .Floor002650 .header-top dt span a::before{ display:inline-block; content:''; vertical-align:middle; margin:0 10px; width:1px; height:12px; margin-top:-2px; background:#fff; opacity:0.5;} .Floor002650 .login-after{ display:none; color:#fff;} .Floor002650 .header-bottom{ padding-right:134px; position:relative;} .Floor002650 .top-language{ position:absolute; right:0; top:0; width:74px; border:1px solid #fff; line-height:34px; overflow:hidden;} .Floor002650 .top-language a{ color:#fff; float:left; width:50%; text-align:center;} .Floor002650 .top-language a.on{ background:#fff; color:#0068b7;} .Floor002650 .top-menu li{ float:left; position:relative; width:14.2857%; text-align:center;} .Floor002650 .top-menu li a{ color:#fff;line-height:36px;} .Floor002650 .top-menu li em{ font-style:normal;} .Floor002650 .top-menu li em a{ font-size:16px; position:relative; padding-bottom:25px; display:inline-block;} .Floor002650 .top-menu li em a::before{ position:absolute; content:''; width:0; height:3px; background:#fff; left:50%; transform:translateX(-50%); bottom:0; transition:width 0.3s ease-out;} .Floor002650 .top-menu li.aon em a::before{width:100%;} .Floor002650 .top-menu li .sub{ position:absolute; top:100%; width:100%; left:0; display:none;} .Floor002650 .top-menu li .sub dd{ background:#0068b7; opacity:0; transform-origin: top center;} .Floor002650 .top-menu li .sub dd a{ transition:0.3s; display:block;} .Floor002650 .top-menu li .sub dd a:hover{ color:#0068b7; background:#fff;} @media(max-width:640px){ .Floor002650 .header-top {display:none;} } /*------------- menu animation -------------------*/ .Floor002650 .top-menu li.aon .sub dd:first-of-type { animation: menu 0.3s ease-in-out forwards; animation-delay: 0.1s; } .Floor002650 .top-menu li.aon .sub dd:nth-of-type(2) { animation: menu 0.3s ease-in-out forwards; animation-delay: 0.2s; } .Floor002650 .top-menu li.aon .sub dd:nth-of-type(3) { animation: menu 0.3s ease-in-out forwards; animation-delay: 0.3s; } .Floor002650 .top-menu li.aon .sub dd:nth-of-type(4) { animation: menu 0.3s ease-in-out forwards; animation-delay: 0.4s; } .Floor002650 .top-menu li.aon .sub dd:nth-of-type(5) { animation: menu 0.3s ease-in-out forwards; animation-delay: 0.5s; } .Floor002650 .top-menu li.aon .sub dd:last-of-type { animation: menu 0.3s ease-in-out forwards; animation-delay: 0.6s; } @keyframes menu { 0% {opacity: 0;transform: scale(2);} 100% {opacity: 1;transform: scale(1);} } @media(max-width:1100px){ .Floor002650 .header{ background:#0d3374; position:relative; padding:0 2%;} .Floor002650 .top-menu{ display:none;} .Floor002650 #header_menu{ position:absolute; right:0; top:100%; z-index:100; background:rgba(255,255,255,0.8); width:200px; display:none;} .Floor002650 #header_menu li{ border-bottom:1px solid #0d3374;} .Floor002650 #header_menu li em{ font-style:normal; font-size:18px; display:block; padding:5% 10%;} .Floor002650 #header_menu li em a{ display:block;} .Floor002650 #header_menu li dl{ display:none; background:#0d3374; padding:5% 10%;} .Floor002650 #header_menu li dl dd a{ color:#fff; line-height:30px;} .Floor002650 #header_menu li.has-sub em{ position:relative;} .Floor002650 #header_menu li.has-sub em::before, .Floor002650 #header_menu li.has-sub em::after{ position:absolute; content:'';} .Floor002650 #header_menu li.has-sub em::before{ width:100%; left:0; top:0; height:100%;} .Floor002650 #header_menu li.has-sub em::after{ right:3%; border:6px solid transparent; border-top-color:#0d3374; top:50%; margin-top:-3px;} .Floor002650 #header_menu.header_menu_show{ display:block;} .Floor002650 .top-language{ position:relative; float:right; } .Floor002650 .header-bottom{padding-bottom:15px; overflow:hidden; padding-right:0;} .Floor002650 #open_menu{ float:right; width:36px; height:36px; background:#fff; position:relative;} .Floor002650 #open_menu i{ width:60%; left:20%; height:3px;margin-top:-1.5px;} .Floor002650 #open_menu i, .Floor002650 #open_menu i::before, .Floor002650 #open_menu i::after{background:#0d3374; } } @media(max-width:1024px){ .Floor002650 .header{ display:block;} .Floor002650 .header-left{ position:absolute; left:2%; top:50%; transform:translateY(-50%); width:58%;} .Floor002650 .header-right{ margin-left:0; width:auto; float:right; overflow:hidden;} } @media(max-width:640px){ .Floor002650 .header-left img{max-width: 240px; margin: 5px 0;} .Floor002650 .header{top: 0; padding-top: 4%;} .Floor002650 .header-top{right: 100px;} } .Floor002650 .top-search, .Floor002650 .top-search-layer{position:fixed; left:0; top:0; width:100%; height:100%;} .Floor002650 .top-search-layer{ background:rgba(0,0,0,0.7); display:none;} .Floor002650 .top-search{ z-index:202;left:-100%;} .Floor002650 .top-search .main{ position:relative; z-index:200;margin:0 auto; width:90%; max-width:600px; padding:3%; border-radius:20px; background:rgba(239, 132, 18, 0.16); border:2px solid #383635; transform:scale(0); transition:transform ease-out 0.3s;} .Floor002650 .top-search-show { left:0;} .Floor002650 .top-search-show .main{ transform:scale(1);} .Floor002650 .top-search .main .close{ position:absolute; right:-20px; top:-20px; width:40px; height:40px; border-radius:50%; background:#383635; cursor:pointer;} .Floor002650 .top-search .main .close::before, .Floor002650 .top-search .main .close::after{ position:absolute; content:''; width:70%; left:15%; top:50%; height:3px; margin-top:-1.5px; transform:rotate(45deg); background:#fff;} .Floor002650 .top-search .main .close::after{ transform:rotate(-45deg);} .Floor002650 .top-search .main .box{ position:relative; padding-right:100px;} .Floor002650 .top-search .main .box .text{ width:100%; line-height:40px; padding:0 10px; border:1px solid #000; background:#fff;} .Floor002650 .top-search .main .box .btn{ position:absolute; right:0; text-align:center;width:100px;line-height:40px; top:0; border:1px solid #000; background:#0d3374; color:#fff; border-left:0;} .Floor002650 .top-search .main p{ color:#fff;} .Floor002650 .top-search .main p a{color:#fff; opacity:0.8;} .Floor002650 .top-search .main p a::after{ display:inline-block; content:''; width:1px; height:10px; background:#fff; margin:0 10px; opacity:0.5; vertical-align:middle;} .Floor002650 .top-search .main p a:last-child::after{ display:none;} @media(max-width:480px){ .Floor002650 .top-search .main{ padding:20px;} } #fp-nav{position: fixed;z-index: 100;top: 50%;right:17px;transform: translate3d(0,-50%,0);-webkit-transform: translate3d(0,-50%,0);} #fp-nav ul{ padding:15px 0;} #fp-nav ul li{margin:5px 0;} #fp-nav ul li a{ width:20px; height:20px; border-radius:50%; background:none; border:3px solid transparent; position:relative; display:block; cursor:pointer;} #fp-nav ul li.active a{ border-color:#e60012;} #fp-nav ul li a::before{ position:absolute; content:''; width:6px; height:6px;top:50%; left:50%; margin:-3px 0 0 -3px; background:#fff;border-radius:50%;} #fp-nav ul li.active a::before{ background:none;} .Floor002650 .right-line{ position:fixed; right:17px; top:15%; height:70%; z-index:90; width:20px;} .Floor002650 .right-line i{ position:absolute; width:1px; left:50%; background:rgba(255,255,255,0.2);} .Floor002650 .right-line i.tp{ top:0;} .Floor002650 .right-line i.bt{ bottom:0;} @media(max-width:1200px){ .Floor002650 .right-line, #fp-nav{ display:none;} } .Floor002650 .slides > li {display: none; -webkit-backface-visibility: hidden; overflow:hidden;} .Floor002650 .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .Floor002650 .slides {display: block;} * html .Floor002650 .slides {height: 1%;} .no-js .Floor002650 .slides > li:first-child {display: block;} .Floor002650 .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .Floor002650 .flex-viewport {max-height: 300px;} .Floor002650 .slides {zoom: 1;} .loadingimg{ width:100%; max-width:none; position:absolute; left:-100%; top:0; opacity:0;} /* =Skitter styles ----------------------------------------------- */ .box_skitter {position:relative;width:100%;background:#000;} .box_skitter img { max-width:none; } /* Tip for stildv */ .box_skitter ul {display:none;} .box_skitter .container_skitter {overflow:hidden;position:relative; z-index:2;} .box_skitter .image {overflow:hidden;} .box_skitter .image img {display:none; width:100%;} /* =Box clone -------------------------------------------------------------- */ .box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;} .box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;} /* =Navigation -------------------------------------------------------------- */ .box_skitter .prev_button , .box_skitter .next_button{ display:none !important;} /* =Numbers -------------------------------------------------------------- */ .box_skitter .info_slide {position:absolute;bottom:15px;left:0 !important; width:100%; text-align:center;z-index:10;} .box_skitter .info_slide span { position:relative; display:inline-block; width:116px; height:41px; overflow:hidden; line-height:1000px; background:url(http://www.jshsyy.com/static3/image/Floor002650_dot.png) no-repeat left center; padding:0 70px 0 0; cursor:pointer; transition:0.3s;} .box_skitter .info_slide span::after{ position:absolute; content:''; top:50%; margin-top:-1px; width:66px; height:2px; background:url(http://www.jshsyy.com/static3/image/Floor002650-dots.png) repeat-x left center;right:0;} .box_skitter .info_slide span:last-child{ padding-right:0; width:46px;} .box_skitter .info_slide span:last-child::after{ display:none;} .box_skitter .info_slide span.image_number_select { background-image:url(../image/Floor002650_dot_on.png);} @media(max-width:480px){ .box_skitter .info_slide span{ width:30px; height:30px; background-size:contain; padding-right:0;} .box_skitter .info_slide span::after{ display:none;} } .Floor002650 .home-more{width:160px; text-align:center;} .Floor002650 .home-more a{ position:relative; font-size:16px ; color:#fff;display:block; line-height:48px;} .Floor002650 .home-more a span{ padding-right:33px; background:url(../image/Floor002650_more.png) no-repeat right center; text-transform:uppercase; transition:0.3s;} .Floor002650 .home-more a::before, .Floor002650 .home-more a::after{ position:absolute; content:''; height:100%; width:70%; transition:0.3s;} .Floor002650 .home-more a::before{ left:0; border-top:1px solid #fff; border-left:1px solid #fff;} .Floor002650 .home-more a::after{ right:0;border-bottom:1px solid #fff; border-right:1px solid #fff;} .Floor002650 .home-more a:hover{ color:#f08311;} .Floor002650 .home-more a:hover::before, .Floor002650 .home-more a:hover::after{ border-color:#f08311; width:100%;} .Floor002650 .home-more a:hover span{ padding-right:20px; background-image:url(http://www.jshsyy.com/static3/image/Floor002650_more_hover.png);} @media(max-width:480px){ .Floor002650 .home-more{ width:110px;} .Floor002650 .home-more a{ line-height:35px;} } .Floor002650 .line{ position:absolute; width:50%; top:0; height:100%;} .Floor002650 .line::before{ position:absolute; content:''; width:1px; height:100%; background:rgba(255,255,255,0.1); left:50%; top:0;} .Floor002650 .line-l{ left:0; border-right:1px solid rgba(255,255,255,0.1);} .Floor002650 .line-r{ right:0;} .Floor002650 #about{ background-image:url(../image/140427363.jpg); } .Floor002650 #about .logo, .Floor002650 #about .intro{ z-index:2;} .Floor002650 #about .logo{ position:absolute;width:29.0625%; left:17.135%; top:50%; transform:translateY(-42%);} .Floor002650 #about .logo img{ display:block; width:100%;} .Floor002650 #about .intro{ position:relative; float:right; width:56.51%; margin-right:8.06%;} .Floor002650 #about .title{ max-width:948px; text-align:right; background:url(../image/Floor002650_titlebg.png) no-repeat right top; background-size:contain; padding:2.5% 5% 8% 0; font-size:30px; color:#42efff;} .Floor002650 #about .intro figure{ position:relative; margin-top:-8%;} .Floor002650 #about .home-more{ position:absolute; right:21%; bottom:10%;} .Floor002650 #about .cover{position: absolute;top: 0;left: 0; z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,.4);} .Floor002650 #about .intro p{ margin-top:3%; margin-bottom:0; padding-left:26.45%; max-width:78.62%; line-height:34px; height:102px; color:#b9bfcf;} .Floor002650 .section-main{ padding-top:113px; width:100%;overflow:hidden;} @media(max-width:1200px){ .Floor002650 .section-main{ padding:3% 0;} .Floor002650 #about .logo{ left:2%; transform:translateY(-50%);} .Floor002650 #about .intro{ width:69%;} .Floor002650 #about .intro p{ padding-left:10%;} } @media(max-width:1024px){ .Floor002650 #about .title{ font-size:24px;} .Floor002650 #about .home-more{ right:0;} .Floor002650 #about .intro{ margin-right:2%;} .Floor002650 #about .intro p{ max-width:none;} } @media(max-width:480px){ .Floor002650 #about .intro p{ line-height:24px; height:72px;} } .Floor002650 #jy{background-image:url(../image/jy.jpg);} #jy .cover{position: absolute;top: 0;left: 0; z-index: 1;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);} .Floor002650 #news{background-image:url(../image/Floor002650_bg3.jpg);} .Floor002650 .news-main{ margin-left:25%; width:50%; position:relative;} .Floor002650 .news-main .title aside{ padding-left:24px; } .Floor002650 .news-main .title .cn{background:url(../image/Floor002650_sec3_titlebg1.png) no-repeat left top; height:63px; font-size:30px; color:#1ca2d6; line-height:80px; overflow:hidden;} .Floor002650 .news-main .title .en{ background:url(../image/Floor002650_sec3_titlebg2.png) no-repeat right top; padding-top:61px; padding-right:23px; min-height:175px; margin-top:-60px;} .Floor002650 .news-main ul li{margin-bottom:3%; position:relative; } .Floor002650 .news-main ul li .txt{margin-right:5%;padding-right:76px;} .Floor002650 .news-main li .dot{ padding:0 10px; font-size:16px; line-height:63px; border-bottom:1px solid rgba(255,255,255,0.1); color:#fff;} .Floor002650 .news-main li .dot:hover{ color:#f08311;} .Floor002650 .news-main li time{ position:absolute; top:0; right:100%; width:76px; text-align:center; color:#fff;} .Floor002650 .news-main li time span{ font-size:48px; display:block;line-height:62px; border:1px solid rgba(255,255,255,0.1); border-right:0; margin-bottom:10px;} .Floor002650 .news-main li p{ color:#fff; opacity:0.22; line-height:24px; height:48px; margin:10px;} .Floor002650 .news-main li .more{ display:block; width:55px; height:32px; position:relative;border:1px solid rgba(255,255,255,0.1); border-left:0; transition:0.2s;} .Floor002650 .news-main li .more::before{ position:absolute; content:''; width:12px; height:12px; border-top:2px solid #6b707e; border-right:2px solid #6b707e; transform:rotate(45deg); top:50%; left:50%; margin:-6px 0 0 -6px;} .Floor002650 .news-main li .more:hover{ background:#f08311;} .Floor002650 .news-main li .more:hover::before{ border-color:#fff;} @media(min-width:1201px){ .Floor002650 .news-main .title{ position:absolute; left:-24%; top:-60px;} .Floor002650 .news-main ul li{ float:left; width:50%;} .Floor002650 .news-main ul li:first-child{ margin-left:50%;} .Floor002650 .news-main ul li:nth-child(2){ clear:left;} } @media(max-width:1200px){ .Floor002650 .news-main .title{ display:inline-block;} } @media(max-width:768px){ .Floor002650 .news-main{ width:auto;} .Floor002650 .news-main ul li .txt{ padding-right:0;} } .Floor002650 #service{ background-image:url(../image/fw.jpg);} .Floor002650 #data{ background-image:url(../image/bjb.png);} .Floor002650 #data ul{ position:relative;} .Floor002650 #data ul::before{ position:absolute; content:''; width:100%; top:50%; height:1px; background:rgba(255,255,255,0.1); left:0;} .Floor002650 #data li{ position:relative; padding-bottom:17%; float:left; width:25%; overflow:hidden;} .Floor002650 #data li:not(.no-hover)::before, .Floor002650 #data li:not(.no-hover)::after{ position:absolute; opacity:1; content:''; height:50%; background:#000; opacity:0.3; transition:0.3s; width:100%;} .Floor002650 #data li::before{ right:100%; top:0;} .Floor002650 #data li::after{ left:100%; bottom:0;} .Floor002650 #data li:hover::before{ right:0;} .Floor002650 #data li:hover::after{ left:0;} .Floor002650 #data li.row-2{ padding-bottom:0; width:50%;} .Floor002650 #data li.no{ clear:left;} .Floor002650 #data li > a{ position:absolute; left:0; width:100%; height:100%; z-index:10; top:0; text-align:center;} .Floor002650 #data li > a p{ font-size:22px; color:#fff; margin-bottom:0;} .Floor002650 #data li article{ width:100%;} .Floor002650 #data li .icon{ max-width:35%; margin:0 auto;} .Floor002650 #data li.row-2{text-align:right; padding-right:14%; padding-left:5%;} .Floor002650 #data li.row-2 .title{ display:inline-block; text-align:left;} .Floor002650 #data li.row-2 .title aside{ padding-left:24px; } .Floor002650 #data li.row-2 .title .cn{background:url(../image/Floor002650_sec3_titlebg1.png) no-repeat left top; height:63px; font-size:30px; color:#1ca2d6; line-height:80px; overflow:hidden;} .Floor002650 #data li.row-2 .title .en{ background:url(../image/Floor002650_sec4_titlebg.png) no-repeat right top; padding-top:60px; padding-right:37px; min-height:127px; margin-top:-60px;} .Floor002650 #data li.row-2 p{ font-size:16px; color:#fff; line-height:34px; height:68px;} @media(max-width:1366px){ .Floor002650 #data li.row-2{ padding-right:5%;} .Floor002650 #data li.row-2 .title{ margin-top:-5%;} } @media(max-width:1200px){ .Floor002650 #data li.row-2{ width:100%;} .Floor002650 #data ul::before{ display:none;} .Floor002650 #data li.row-2 .title{ margin-top:0;} } @media(max-width:1024px){ .Floor002650 #data li.row-2 .title .cn{ font-size:24px;} } @media(max-width:768px){ .Floor002650 #data li > a p{ font-size:16px; margin-top:0;} } @media(max-width:480px){ .Floor002650 #data li{ width:50%; padding-bottom:25%; margin-bottom:3%;} .Floor002650 #data li.no{ display:none;} .Floor002650 #data li.row-2 p{ font-size:14px; line-height:24px; height:48px;} .Floor002650 #data .line{ display:none;} } .Floor002650 #service .title{ position:absolute;left: 14%; top: 14%; z-index:10;} .Floor002650 #service .title aside{ padding-left:24px; } .Floor002650 #service .title .cn{background:url(../image/Floor002650_sec3_titlebg1.png) no-repeat left top; height:63px; font-size:30px; color:#1ca2d6; line-height:80px; overflow:hidden;} .Floor002650 #service .title .en{ background:url(../image/Floor002650_sec3_titlebg2.png) no-repeat right top; padding-top:61px; padding-right:23px; min-height:175px; margin-top:-60px;} @media(max-width:1200px){ .Floor002650 #service .title{ left:2%; top:2%;} } @media(max-width:1024px){ .Floor002650 #service .title .cn{ font-size:24px;} } .Floor002650 #footer{ background:#0b1f40;} .Floor002650 #footer .copyright{ text-align:center; color:#fff; opacity:0.3; padding-top:4%;} .Floor002650 #footer .copyright a{ color:#fff; text-decoration:underline;} .Floor002650 #footer footer{ overflow:hidden; } .Floor002650 #footer nav dt{ font-size:18px; color:#fff; padding-bottom:15px;} @media(min-width:1025px){ .Floor002650 #footer nav ol{ float:right;width:17.29%;} .Floor002650 .bottom-menu{ float:left; width:82.71%;} } .Floor002650 #footer nav ol figure{ max-width:145px; padding-bottom:15px;} .Floor002650 #footer nav ol .bdsharebuttonbox a{ float:left; width:40px; height:40px; background:url(../image/Floor002650_share.png) no-repeat left top rgba(228,228,228,0.2); border-radius:50%; margin:0; padding:0; line-height:normal; margin-right:14px;} .Floor002650 #footer nav ol .bdsharebuttonbox a.bds_tsina{ background-position:-54px 0;} .Floor002650 #footer nav ol .bdsharebuttonbox a.bds_weixin{ margin-right:0; background-position:-105px 0;} .Floor002650 .bottom-menu dl{ float:left; width:16.66666666%;} .Floor002650 .bottom-menu dd{ line-height:36px;} .Floor002650 .bottom-menu dd a{ color:#fff; opacity:0.4;} .Floor002650 .bottom-menu dd a:hover{ opacity:1;} @media(max-width:1024px){ .Floor002650 .bottom-menu{ display:none;} .Floor002650 #footer nav ol{ display:table; text-align:center; margin:0 auto;} } .Floor002650 .swiper-slide-active *{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .Floor002650 #about.swiper-slide-active .logo{ -webkit-animation-name:fadeIn; animation-name:fadeIn; } .Floor002650 #about.swiper-slide-active .intro{ -webkit-animation-name:bounceInUp; animation-name:bounceInUp; } .Floor002650 .swiper-slide-active .news-main li { -webkit-animation-name:bounceInRight; animation-name:bounceInRight; } .Floor002650 .swiper-slide-active .news-main .title{ -webkit-animation-name:slideInLeft; animation-name:slideInLeft;} .Floor002650 .swiper-slide-active .news-main li:nth-child(2n){ -webkit-animation-name:bounceInLeft; animation-name:bounceInLeft; } .Floor002650 #data.swiper-slide-active li.row-2{ -webkit-animation-name:bounceInDown; animation-name:bounceInDown;} .Floor002650 #data.swiper-slide-active li:nth-child(1){ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-delay:0.3s; } .Floor002650 #data.swiper-slide-active li:nth-child(2){ -webkit-animation-name:fadeInLeft; animation-name:fadeInLeft; animation-delay:0.5s; } .Floor002650 #data.swiper-slide-active li:nth-child(5){ -webkit-animation-name:fadeInRight; animation-name:fadeInRight; animation-delay:0.3s; } .Floor002650 #data.swiper-slide-active li:nth-child(6){ -webkit-animation-name:fadeInRight; animation-name:fadeInRight; animation-delay:0.5s; } .Floor002650 #data.swiper-slide-active li:nth-child(7){ -webkit-animation-name:fadeInRight; animation-name:fadeInRight; animation-delay:0.7s; } /* * .Floor000995 为demo编号 */ .Floor000995{ position: relative;z-index: 2; fill: #f8f8f8; padding: 9% 0;} .Floor000995 .ti{ font-size: 36px;color: #fff; text-align: center; padding-bottom: 40px;letter-spacing: 10px} .Floor000995 .ti span{display: block;font-size: 14px;text-transform: uppercase;line-height: 46px; letter-spacing: 3px;} .Floor000995 .ul{ display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap;} .Floor000995 li { padding: 2% 6%; text-align: center; -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .Floor000995 li .counter{position: relative; margin-bottom: 0; color: #fff; font-family: 'roboto'; line-height: 1.3; font-size: 120px; } .Floor000995 li .counter:after{position: absolute;background: url(../image/j.png) no-repeat right top;content: "";width: 20px;height: 20px;} .Floor000995 li .counter-ti{ font-size: 18px;color: #fff;} .Floor000995 .ul li .counter_ti{color: #fff;font-size: 18px;text-align: right;position: relative;} .Floor000995 .ul li .counter_ti:before{position: absolute;content: ""; width: 58%;height: 1px;background: rgba(255,255,255,0.5);top: 50%;left: 0;} .Floor000995 li .counter-subtitle{ color: #c4c4c4; padding-top: 6px; position: absolute; width: 100%;} .Floor000995 li .counter-subtitle + .counter + *{ margin-top: -13px;} .Floor000995 li .counter-offset{ margin-top: 12px; margin-bottom: -13px;} .Floor000995 li .counter_divider{ position: relative;} .Floor000995 li .counter_divider span{position: absolute;left: 0;top: 0;color: #fff;text-transform: uppercase;} .Floor000995 .ul li{ -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; max-width: 33%; } .Floor000995 li .counter_divider:after{ content: ''; height: 113px; border-right: 1px dashed rgba(255,255,255,0.5); position: absolute; right: -15px; top: 30px;} .Floor000995 li:last-child .counter_divider:after{ border: 0;} /* 动画 */ .Floor000995 li .animated{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .Floor000995 li .animated.infinite{ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .Floor000995 li .animated.hinge{ -webkit-animation-duration: 2s; animation-duration: 2s; } .Floor000995 li .animated.flip{ -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @media screen and (max-width: 768px){ .Floor000995 .ti{ font-size: 20px; padding-bottom: 16%;} .Floor000995 li .counter{font-size: 44px;} .Floor000995 li .counter_divider:after{ height: 50px; top: 21px;} .Floor000995 .ul li .counter_ti{font-size: 12px;} .Floor000995 .ul li .counter_ti:before{ width: 20%;} .Floor000995 li .counter_divider span{ top: -41px;line-height: 15px;} .Floor000995 li{padding: 4% 2%} .Floor000995 .ti span{line-height: 24px;} } /* .Floor001253 为demo编号 */ .Floor001253{ background:url(../image/Floor001253-bg.jpg) no-repeat center top/cover; padding:4% 0 3% 0;} .Floor001253 .title{ text-align:center; color:#fff; font-size:24px;} .Floor001253 .title h1{ margin:0; line-height:43px; font-family:"Times New Roman", Times, serif; font-size:50px; text-transform:uppercase;} .Floor001253 .tab{ text-align:center; padding:2% 0;} .Floor001253 .tab span{color:#fff; height:24px; line-height:24px; display:inline-block; padding:0 3%; border:1px solid #fff; border-radius:24px; margin:0 2%; cursor:pointer;} .Floor001253 .tab span.on{ background-color:#fff; color:#004098;} .Floor001253 .map .map_list:nth-child(2){ max-width:1000px;} .Floor001253 .map_list{ max-width:769px; margin:0 auto; width:100%; position:relative;} .Floor001253 .map_list dl{ position:absolute;} .Floor001253 .map_list dl dt{ background:url(../image/Floor001253-icon.png) no-repeat right center; padding-right:15px; line-height:22px;} .Floor001253 .map_list dl dt.star{ padding-left:15px; padding-right:0; background-image:url(../image/Floor001253-star.png) !important; background-position:left center;} .Floor001253 .map_list dd{ display:none; left:-50px; bottom:31px; position:absolute; background-color:#00a0e9; color:#fff; padding:10px; width:280px; z-index:10;} .Floor001253 .map_list dd h5{ margin:0; font-weight:normal; font-size:16px;} .Floor001253 .map_list dd p{ margin:5px 0 0 0; font-size:12px;} .Floor001253 .map_list dl:hover{ z-index:3;} .Floor001253 .map_list dl:hover dt{ background-image:url(../image/Floor001253-icon_hover.png);} .Floor001253 .map_list dl:hover dt::before{ position:absolute; content:''; width:0; height:0; border:10px solid #00a0e9; border-left-color:transparent;border-right-color:transparent; border-bottom:0; right:-3px; top:-10px;} .Floor001253 .map_list dl dt.star::before{ right:auto; left:0;} .Floor001253 .map_list dl:hover dd{ display:block;} @media(max-width:640px){ .Floor001253 .map{ padding:0 5%;} .Floor001253 .map .map_list:nth-child(1){ overflow:auto; max-height:300px;} .Floor001253 .map .map_list:nth-child(1) img{ display:none;} .Floor001253 .map_list dl{ position:static; color:#fff;} .Floor001253 .map_list dl dt.star, .Floor001253 .map_list dl dt{ padding:0 !important; background:none !important;} .Floor001253 .map_list dl dt{ line-height:30px;} .Floor001253 .map_list dd{ position:static; display:block; width:auto; background-color:rgba(0, 160, 233, 0.56);} .Floor001253 .map_list dl:hover dt::before{ display:none;} .Floor001253 .title h1{ font-size:30px;} } @media(max-width:375px){ .Floor001253 .title{ font-size:18px;} .Floor001253 .title h1{ font-size:24px;} } /*Floor002617 */ .Floor002617{ position:relative; z-index:1; overflow:hidden;} .Floor002617 img{ width:100%; display:block;} .Floor002617 .ycenter{ position:absolute; z-index:5; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); text-align:center;color:#fff; overflow:hidden;} .Floor002617 .ycenter_click{ z-index:20; width:auto; height:auto; right:5%; top:5%; left:auto;} .Floor002617 .ycenter_click .title{ display:none;} .Floor002617 .video{ width:100%;} .Floor002617 video{ z-index:10; background:#000; position:absolute; left:0; top:0; width:100%; height:100%;} .Floor002617 .title{ font-size:36px; font-family:'华文中宋';} .Floor002617 .title b{ display:block; opacity:0.2; text-transform:uppercase; font-size:86px; font-family:"Times New Roman", Times, serif;} .Floor002617 .title::after{ display:block; content:''; margin:1% auto 3%; width:1px; height:32px; background:#cca74f;} .Floor002617 .play_btn{ cursor:pointer; display:inline-block;} .Floor002617 .play_btn i{ display:block; margin:0 auto 15px; width:49px; height:49px; border:2px solid #cca74f; border-radius:50%; background:url(../image/Floor002617_play.png) no-repeat center center;} .Floor002617 .close_btn i{ position:relative; background:none;} .Floor002617 .close_btn i::before, .Floor002617 .close_btn i::after{ position:absolute; content:''; width:3px; border-radius:3px; height:50%; top:25%; background:#cca74f; left:16px;} .Floor002617 .close_btn i::after{ left:26px;} @media(max-width:1024px){ .Floor002617 .title{ font-size:24px;} .Floor002617 .title b{ font-size:56px;} } @media(max-width:640px){ .Floor002617 .title{ font-size:20px;} .Floor002617 .title b{ font-size:40px;} } @media(max-width:480px){ .Floor002617 .title::after{ display:none;} .Floor002617 .title b{ font-size:30px;} .Floor002617 .title{ font-size:18px;} .Floor002617 .play_btn i{ margin:5px auto; background-size:12px;width: 36px;height: 36px;} .Floor002617 .close_btn i::before{ left:10px;} .Floor002617 .close_btn i::after{ left:20px;} } /* .Floor001120 为demo编号 */ .Floor001120{ font-size:14px;position: relative;z-index: 2} .Floor001120 .title{ padding:80px 0px 60px 0px;text-align: center;} .Floor001120 .title span{ display:inline-block;line-height: 44px;font-size: 28px;color: #4c4c4c; border-bottom:2px solid #009fd9;} .Floor001120 .title p{margin: 0;text-align: center;font-size: 14px;color: #999; padding-top:20px;} .Floor001120 nav{ float:left; width:30%;} .Floor001120 nav h3{font-size: 32px;letter-spacing: 2px; color: #fff;font-weight: normal;position: relative;} .Floor001120 nav h3 B{font-weight: normal;font-size: 30px;display: block;line-height: 40px;} .Floor001120 nav h3:after{position: absolute;content: "";width: 59%;left: 150px;top: 83%;height: 1px;background: #fff;opacity: 0.5} .Floor001120 nav li{background-color:rgba(255,255,255,0.2); color: #fff; position:relative; padding: 6%; margin-bottom: 10px;} .Floor001120 nav li h4{background: url(../image/Floor001120-ico_nohas.png) no-repeat left center; padding-left: 27px;margin-top: 0;font-weight: normal;font-size: 16px;} .Floor001120 nav li:nth-child(2) h4{background-image: url(../image/Floor001120-ico_has.png);} .Floor001120 nav li:nth-child(3) h4{background-image: url(../image/Floor001120-ico_has1.png);} .Floor001120 nav li dl{overflow: hidden;} .Floor001120 nav li dd{width: 25%;float: left;} .Floor001120 nav li img{ position:absolute; left:10%; top:50%; height:54px; margin-top:-27px;} .Floor001120 .map{ float:right; width:70%;} .Floor001120 .tips{ margin-top:-30px; line-height:22px; padding-left:20%;} .Floor001120 .tips span{ display:inline-block; padding-left:30px; background:url(../image/Floor001120-ico_nohas.png) no-repeat left center; margin-right:20px;color: #fff;opacity: 0.8;} .Floor001120 .tips span.has{color: #fff; background-image:url(../image/Floor001120-ico_has.png);} .Floor001120 .map ul{ position:relative;height:574px;background:url(../image/Floor001120-map.png) no-repeat center center; background-size: contain;} .Floor001120 .map li{position: absolute;left: 0px;top: 0px;} .Floor001120 .map li span i{ font-style:normal;display: inline-block;position: absolute;} .Floor001120 .map li span .dot {left: 0px;width: 10px;height: 10px;border-radius: 10px;background: #fff;opacity: 1;filter: alpha(opacity=100);} .Floor001120 .map li span .pulse {top: -10px;left: -10px;height: 30px;width: 30px;border-radius: 30px;background: #fff;opacity: 0.12;filter: alpha(opacity=12); -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } .Floor001120 .map li.active .dot {background: #0bd972;} .Floor001120 .map li.active .pulse {background: #0bd972;} .Floor001120 .map li p { position: absolute;left: 0px;top: 0px;width: 11px;height: 0px;margin:0;z-index: 66;background:url(../image/Floor001120-line.png) no-repeat left top;opacity:0;filter: alpha(opacity=0); -ms-transition: all 500ms ease-in-out ;-webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .Floor001120 .map li p{width: 88px;} .Floor001120 .map li p em {position: absolute;left: -35px;top: -28px;width: 80px;padding: 0px 12px;color: #fff;background: #a2a9b4;border-radius: 2px;text-align:center; font-style:normal;} .Floor001120 .map li:hover p{opacity: 1;filter: alpha(opacity=100);} .Floor001120 .map li:hover p{height: 24px;top: -20px;} .Floor001120 .map li p img{position: absolute;width: 80px;left: -35px;top: -28px;border-radius: 2px;text-align:center; font-style:normal;} .Floor001120 .map li:hover p img{height: 54px;top: -84px;} .Floor001120 .map li.active p em {color: #fff;background: #009fd9;} .Floor001120 .map li.li_1 {left: 660px;top: 353px;} .Floor001120 .map li.li_2{left: 640px;top: 320px;} .Floor001120 .map li.li_3{left: 650px;top: 390px;} .Floor001120 .map li.li_4{left: 610px;top: 270px;} .Floor001120 .map li.li_5{left: 615px;top: 350px;} .Floor001120 .map li.li_6{left: 600px;top: 415px;} .Floor001120 .map li.li_7{left: 595px;top: 210px;} .Floor001120 .map li.li_8{left: 580px;top: 240px;} .Floor001120 .map li.li_9{left: 600px;top: 230px;} .Floor001120 .map li.li_10{left: 390px;top: 305px;} .Floor001120 .map li.li_11{left: 605px;top: 490px;} .Floor001120 .map li.li_12{left: 520px;top: 556px;} .Floor001120 .map li.li_13{left: 640px;top: 435px;} .Floor001120 .map li.li_14{left: 500px;top: 490px;} .Floor001120 .map li.li_15{left: 390px;top: 350px;} .Floor001120 .map li.li_16{left: 430px;top: 380px;} .Floor001120 .map li.li_17{left: 550px;top: 320px;} .Floor001120 .map li.li_18{left: 550px;top: 430px;} .Floor001120 .map li.li_19{left: 550px;top: 380px;} .Floor001120 .map li.li_20{left: 540px;top: 270px;} .Floor001120 .map li.li_21{left: 500px;top: 320px;} .Floor001120 .map li.li_22{left: 220px;top: 200px;} .Floor001120 .map li.li_23{left: 490px;top: 240px;} @keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } @-webkit-keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } @-moz-keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } @media(max-width:640px){ .Floor001120 nav,.Floor001120 .map{width: 100%} .Floor001120 nav h3{font-size: 20px;} .Floor001120 nav li{padding: 2%;} .Floor001120 nav li dd{font-size: 12px;width: 16%;} .Floor001120 nav li h4{margin-bottom: 10px;} .Floor001120 .map ul{height: 297px;} } /* .Floor001324 为demo编号 */ .Floor001324{ position:relative;} .Floor001324 .auto{ position:relative;background: #fff;color: #333;} .Floor001324 .list{ float:left; width:33.4%; padding:6% 3%; min-height:450px;color:#b9bdc5;} .Floor001324 .map{ position:absolute; right:0; top:0; height:auto; width:65.5%;} .Floor001324 .map *{ max-width:none;box-sizing:content-box;} .Floor001324 .map #allmap{height: 540px;} .Floor001324 .map #allmap img {max-width:none;} .Floor001324 .list h1{ margin:0;line-height: 30px; color: #04447c; font-weight:normal;font-size: 30px;padding-bottom: 20px;position: relative;} .Floor001324 .list h1:after{position: absolute;content: "";left: 0;bottom: 0;width: 50px;height: 2px;background: #04447c;} .Floor001324 .list h3{} .Floor001324 .list dd{width: 33.33%;text-align: center;float: left;} .Floor001324 .list dd img{max-width: 68px;text-align: center;} .Floor001324 .list p{margin: 0;line-height: 32px;color: #333;font-size: 14px;} .Floor001324 .list p img{line-height: 24px;} .Floor001324 .list .w{position: relative;} .Floor001324 .list .word{padding: 5px;border: 1px #ddd solid;margin: 6% 0 6%;box-shadow: 4px 4px #eee} .Floor001324 .list .word h3{color: #04447c;position: relative;font-size: 16px;font-weight: normal;margin: 0; margin-bottom: 5px;border-bottom: 1px dotted #04447c} .Floor001324 .list .word ul li{display:none;} .Floor001324 .list dd h3{position: relative;font-size: 16px;margin: 0; line-height: 16px; letter-spacing: 1px; color: #333;font-weight: normal;} .Floor001324 .list dd h3 span{font-size: 12px;text-transform: uppercase;margin: 0} .Floor001324 .list dd h3:after{position: absolute;content: "";left:50%;top: -40px;width: 1px;height: 40px;background: #e60012;} .Floor001324 .list h1 span{ display:block; text-transform:uppercase;font-size: 24px;margin-bottom: 0px;color: #ddd} .Floor001324 .list .search{ margin:5% 0; position:relative;} .Floor001324 .search .text{ width:100%; height:31px; line-height:31px; border-radius:31px; border:1px solid #8a909e; padding:0 43px 0 17px; background:none;color:#fff; } .Floor001324 .search .btn{ position:absolute; height:100%; right:10px; background:url(../image/Floor001324-search.png) no-repeat center center/80% auto; cursor:pointer; border:none; top:0; width:30px; padding:0;} .Floor001324 .select dd{ padding-bottom:10px; position:relative;} .Floor001324 .select dd span{ display:block; line-height:40px; background-color:#36405a; position:relative; padding:0 15px 0 10px; } .Floor001324 .select dd span::before{ position:absolute; content:''; width:0; height:0; border:5px solid #b7b7b7; border-left-color:transparent; border-right-color:transparent; border-bottom:0; top:50%; right:5px; margin-top:-2.5px;} .Floor001324 .select dd figure{ display:none;position:absolute; left:0; width:100%; top:40px; background-color:#fff; border:1px solid #3f66cb; line-height:30px; max-height:300px; overflow:auto; z-index:10; } .Floor001324 .select dd figure a{ display:block; padding:0 10px;} .Floor001324 .select dd figure a:hover{ color:#fff; background-color:#3f66cb;} .Floor001324 .select dd .button{ font-size:18px; cursor:pointer; width:100%; height:42px; color:#fff; background-color:#72ad07; border:none; border-bottom:4px solid #336e02;} .Floor001324 .result h5{ font-size:14px; line-height:35px; font-weight:normal; margin:0 0 10px 0; border-bottom:1px #898f9e solid;} .Floor001324 .result li{ position:relative; z-index:20;} .Floor001324 .result li figure{ background-color:rgba(255,255,255,0.2); border:1px solid #508dd6;} .Floor001324 .result li figure h3{ margin:0; line-height:25px; padding:0 10px; color:#fff;background-color:#025ac4; font-size:14px;} .Floor001324 .result li figure p{ margin:0;padding:5px 10px; font-size:12px;} .Floor001324 .result li:hover figure{ display:block;} @media(min-width:1025px){ .Floor001324 .result li figure{ display:none;position:absolute; width:150%;left:100%; top:0;background-color:#fff; } .Floor001324 .result li figure p{color:#333;} } .Floor001324 .result li h4{ margin:0; line-height:30px;font-weight:normal; padding-left:25px; background:url(../image/Floor001324-icon_loca.png) no-repeat left center/20px auto;} .Floor001324 .result li h4 a{color:#8a909e; padding-right:25px; background:url(../image/Floor001324-icon_call.png) no-repeat right center/20px auto; cursor:help;} .Floor001324 .Pages{ text-align:center; padding-top:25px;} .Floor001324 .Pages .p_cur, .Floor001324 .Pages .p_count, .Floor001324 .Pages .p_total, .Floor001324 .Pages .p_jump, .Floor001324 .Pages .a_first, .Floor001324 .Pages .a_end{ display:none;} .Floor001324 .Pages a{ display:inline-block;background-color: #fff; padding:0 5px;border: 1px #cecece solid; line-height:27px;} .Floor001324 .Pages em{ font-style:normal;} .Floor001324 .Pages a.a_cur, .Floor001324 .Pages .a_prev{ padding:0 9px; color:#fff; background-color:#0c3191; border-color:#0c3191;} @media(max-width:1024px){ .Floor001324 .flash{ display:none;} .Floor001324 .list{ float:none; width:auto; max-width:640px; margin:0 auto;min-height: inherit;overflow: hidden;} .Floor001324 .result li{ padding-bottom:10px;} .Floor001324 .result li figure h3{ display:none;} } @media(max-width:768px){ .Floor001324{padding: 4% 0;} .Floor001324 .map{position: relative;width: 100%;} .Floor001324 .map #allmap{ height: 350px;} .Floor001324 .list h1 span{font-size: 20px;} } /*Floor002595 */ .Floor002595{ padding:3% 0;position: relative;z-index: 2} .Floor002595 dl{ max-width:1080px;} .Floor002595 dd{text-align:center; width:30%; } .Floor002595 dd h1{font-size: 120px;letter-spacing: 5px;border-bottom: 1px solid rgba(255,255,255,0.4);border-top: 1px solid rgba(255,255,255,0.4);margin-bottom: 30px; font-weight: normal;color: #fff;font-family: 'roboto';line-height: 94px} .Floor002595 dd span{font-size: 120px;letter-spacing: 5px;border-bottom: 1px solid rgba(255,255,255,0.4);border-top: 1px solid rgba(255,255,255,0.4);margin-bottom: 30px; font-weight: normal;color: #fff;font-family: 'roboto';line-height: 94px} .Floor002595 dd p{ margin:5px 0 0 0;color: #fff;opacity: 0.7;font-size: 20px;position: relative;} .Floor002595 dd p:before{ position: absolute;content: "";background: rgba(255,255,255,0.6);width: 40px;height: 1px;top: 50%;left: 63px;} .Floor002595 dd p:after{ position: absolute;content: "";background: rgba(255,255,255,0.6);width: 40px;height: 1px;top: 50%;right: 63px;} .Floor002595 dd .num{ display:table; margin:0 auto; overflow:hidden;} .Floor002595 dd .num span {float: left;width: 34px;text-align: center;height: 50px;overflow: hidden;} .Floor002595 dd .num span:before { font-size: 50px; color:#fff; line-height: 50px; display: block; font-weight:bold; white-space: normal; transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transition: 0s .5s; -moz-transition: 0s .5s; -ms-transition: 0s .5s; -o-transition: 0s .5s; -webkit-transition: 0s .5s; } .Floor002595.Floor002595_active dd .num span:before { transition: transform 2s ease-out 1.4s; -moz-transition: transform 2s ease-out 1.4s; -ms-transition: transform 2s ease-out 1.4s; -o-transition: transform 2s ease-out 1.4s; -webkit-transition: transform 2s ease-out 1.4s; } .Floor002595 dd .num span:nth-child(2n):before { content: '0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9'; } .Floor002595 dd .num span:nth-child(2n+1):before { content: '0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0'; } .Floor002595 dd .num span.n0:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n0:nth-child(2n+1):before { transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); } .Floor002595 dd .num span.n1:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n1:nth-child(2n+1):before { transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); -o-transform: translateY(-5%); -webkit-transform: translateY(-5%); } .Floor002595 dd .num span.n2:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n2:nth-child(2n+1):before { transform: translateY(-10%); -moz-transform: translateY(-10%); -ms-transform: translateY(-10%); -o-transform: translateY(-10%); -webkit-transform: translateY(-10%); } .Floor002595 dd .num span.n3:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n3:nth-child(2n+1):before { transform: translateY(-15%); -moz-transform: translateY(-15%); -ms-transform: translateY(-15%); -o-transform: translateY(-15%); -webkit-transform: translateY(-15%); } .Floor002595 dd .num span.n4:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n4:nth-child(2n+1):before { transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); -webkit-transform: translateY(-20%); } .Floor002595 dd .num span.n5:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n5:nth-child(2n+1):before { transform: translateY(-25%); -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -o-transform: translateY(-25%); -webkit-transform: translateY(-25%); } .Floor002595 dd .num span.n6:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n6:nth-child(2n+1):before { transform: translateY(-30%); -moz-transform: translateY(-30%); -ms-transform: translateY(-30%); -o-transform: translateY(-30%); -webkit-transform: translateY(-30%); } .Floor002595 dd .num span.n7:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n7:nth-child(2n+1):before { transform: translateY(-35%); -moz-transform: translateY(-35%); -ms-transform: translateY(-35%); -o-transform: translateY(-35%); -webkit-transform: translateY(-35%); } .Floor002595 dd .num span.n8:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n8:nth-child(2n+1):before { transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); -webkit-transform: translateY(-40%); } .Floor002595 dd .num span.n9:nth-child(2n):before, .Floor002595.Floor002595_active dd .num span.n9:nth-child(2n+1):before { transform: translateY(-45%); -moz-transform: translateY(-45%); -ms-transform: translateY(-45%); -o-transform: translateY(-45%); -webkit-transform: translateY(-45%); } .Floor002595 dd .num span.n0:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n0:nth-child(2n):before { transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .Floor002595 dd .num span.n1:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n1:nth-child(2n):before { transform: translateY(-55%); -moz-transform: translateY(-55%); -ms-transform: translateY(-55%); -o-transform: translateY(-55%); -webkit-transform: translateY(-55%); } .Floor002595 dd .num span.n2:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n2:nth-child(2n):before { transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); -webkit-transform: translateY(-60%); } .Floor002595 dd .num span.n3:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n3:nth-child(2n):before { transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); -webkit-transform: translateY(-65%); } .Floor002595 dd .num span.n4:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n4:nth-child(2n):before { transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); -webkit-transform: translateY(-70%); } .Floor002595 dd .num span.n5:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n5:nth-child(2n):before { transform: translateY(-75%); -moz-transform: translateY(-75%); -ms-transform: translateY(-75%); -o-transform: translateY(-75%); -webkit-transform: translateY(-75%); } .Floor002595 dd .num span.n6:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n6:nth-child(2n):before { transform: translateY(-80%); -moz-transform: translateY(-80%); -ms-transform: translateY(-80%); -o-transform: translateY(-80%); -webkit-transform: translateY(-80%); } .Floor002595 dd .num span.n7:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n7:nth-child(2n):before { transform: translateY(-85%); -moz-transform: translateY(-85%); -ms-transform: translateY(-85%); -o-transform: translateY(-85%); -webkit-transform: translateY(-85%); } .Floor002595 dd .num span.n8:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n8:nth-child(2n):before { transform: translateY(-90%); -moz-transform: translateY(-90%); -ms-transform: translateY(-90%); -o-transform: translateY(-90%); -webkit-transform: translateY(-90%); } .Floor002595 dd .num span.n9:nth-child(2n+1):before, .Floor002595.Floor002595_active dd .num span.n9:nth-child(2n):before { transform: translateY(-95%); -moz-transform: translateY(-95%); -ms-transform: translateY(-95%); -o-transform: translateY(-95%); -webkit-transform: translateY(-95%); } @media(max-width:768px){ .Floor002595 dd{ width:25%;} .Floor002595 dd .num span{ height:30px; width:20px;} .Floor002595 dd .num span:before{ font-size:30px; line-height:30px;} } @media(max-width:480px){ .Floor002595 dl{ display:block;} .Floor002595 dd{ width:33%; float:left; margin-right:0.3%;} .Floor002595 dd h1{font-size: 36px ; margin-bottom: 14px;line-height: 40px; letter-spacing: 0px;} .Floor002595 dd p{font-size: 14px;} .Floor002595 dd p:after{width: 12px;right: 96px;} .Floor002595 dd p:before{width: 12px;left: 96px;} .Floor002595{padding: 5% 0;overflow: hidden;} } /*Bottom002714 */ .Bottom002714{ width:100%;padding-bottom: 4%; background: #04447c;} .Bottom002714 .auto{ max-width:1200px; } .Bottom002714 .logo{ text-align:center; padding:20px 0;} .Bottom002714 footer{ float:left;width:84%;text-align:center; padding-top: 2% } .Bottom002714 footer ul{background:#1f1e1c; padding:0 30px; display:table; margin:-20px auto 0;} .Bottom002714 footer ul li{ float:left; width:40px; margin:0 10px;} .Bottom002714 footer ul li a{ background:url(../image/Bottom002714_share.png) no-repeat left top; display:block; height:40px; width:40px; border:1px solid #403c37; border-radius:50%;} .Bottom002714 footer ul li.wx{ position:relative; z-index:1;} .Bottom002714 footer ul li.wx a{ background-position:-60px 0;} .Bottom002714 footer ul li.sype a{ background-position:-120px 0;} .Bottom002714 footer ul li.wx figure{ display:none; z-index:100; position:absolute; bottom:100%; margin-bottom:10px; width:150px; height:150px; left:50%; margin-left:-75px;} .Bottom002714 footer ul li.wx img{ display:block; width:100%;} .Bottom002714 footer a{ color:#fff; display:inline-block;opacity: 0.7} .Bottom002714 footer a:hover{ color:#fff;opacity: 1} .Bottom002714 footer dl{ padding-top:20px; padding-bottom:5px; line-height:24px;} .Bottom002714 footer dl a{ margin:0 11px;} .Bottom002714 .code{float:right;width:16%;margin-top: 2%;padding-top:20px;text-align:center;} .Bottom002714 .code h3 {color:#fff;font-size:20px;font-weight:normal;margin:0 0 15px;padding-left:40px;background:url("../image/btm_tel.png") no-repeat left center/contain;text-align:left;opacity: 0.7} .Bottom002714 .code img {width:100px;} .Bottom002714 footer p{ padding-top:60px;line-height:24px; margin:0;color:#fff;opacity: 0.7} @media(max-width:640px){ .Bottom002714 footer { float:none;width:100%;} .Bottom002714 footer dl{ padding-top:0px; } .Bottom002714 footer p{ padding-top:20px; } .Bottom002714 .code{ float:none;width:100%; text-align:center;} .Bottom002714 .code h3{display:inline-block; text-align:center;} .Bottom002714 .code img{display:block; width:40%;margin:10px auto 0;} } /* .TextList001280 为demo编号 */ .TextList001280{padding: 3% 0} .TextList001280 li{ border-top:2px solid #f8f8f8; margin:1% 0; position:relative; padding:1% 3% 1% 95px;} .TextList001280 li time{ position:absolute;left:10px; top:-6px; background:url(../image/TextList001280-time.png) no-repeat; width:70px; text-align:center; color:#fff; height:62px; font-size:12px;} .TextList001280 li:nth-child(2n){background: #f7f7f7} .TextList001280 li time b{ font-size:18px; display:block; line-height:30px; padding-top:5px;} .TextList001280 li a{ display:block;} .TextList001280 li h2{ margin:0; font-size:16px;margin-bottom:5px; font-weight: normal;} .TextList001280 li span{font-size: 12px;background: url(../image/PicList001646-a_more.png) no-repeat right center;padding-right: 20px;color: #999} .TextList001280 li a:hover h2{ color:#e60012; text-decoration:underline;} .TextList001280 li p{ line-height:24px; color:#c6c6c6; min-height:48px; margin-bottom:0; max-height:72px; overflow:hidden;} @media(max-width:640px){ .TextList001280 li h2{ font-size:13px; } .TextList001280 li{ padding: 3% 3% 3% 80px;margin: 5% 0;} .TextList001280 li time b{font-size: 14px;line-height: 22px} .TextList001280 li time{height: 46px;} } /*RighInfo002581 */ .RighInfo002581{ padding-top:3%; padding-bottom:8%;} .RighInfo002581 h3{font-size: 30px;font-weight: normal;color: #04447c;} .RighInfo002581 h4{font-size: 24px;font-weight: normal;color: #04447c;margin-bottom: 0;} .RighInfo002581 .l{float: left;width: 58%;} .RighInfo002581 .r{float: right;width: 38%;} .RighInfo002581 p{font-size: 14px;color: #666;line-height: 30px;} .RighInfo002581 .r{margin-top: 15px} @media(max-width:1024px){ .RighInfo002581 .fz{ font-size:60px !important;} .RighInfo002581{ background-size:40% auto;} } @media(max-width:640px){ .RighInfo002581 .table td{ display:block;} .RighInfo002581 h3{font-size: 18px;margin-bottom: 0px} .RighInfo002581 h4{font-size: 14px;} .RighInfo002581 p{font-size:12px;line-height: 24px;} .RighInfo002581{ background-size:100% auto;} .RighInfo002581 .l,.RighInfo002581 .r{width: 100%;} } /*Timeline002170 */ .Timeline002170{ padding:5% 0; overflow-x: hidden;} .Timeline002170 .owl-item{width:200px;} .Timeline002170 .owl-item .item{height:376px;background:url(../image/Timeline002170-bg.png) no-repeat 0 133px; background-size:100% auto; } .Timeline002170 .item dl{ height:100%;background:url(../image/Timeline002170-icon1.png) no-repeat 0 8px; padding-left:30px;} .Timeline002170 .odd-item dl{ padding-top:280px;} @media(min-width:376px){ .Timeline002170 .odd-item dl{background-image:url(../image/Timeline002170-icon2.png); background-position:0 124px; padding-left:0;} } .Timeline002170 .owl-carousel{position: relative;} .Timeline002170 .owl-carousel .owl-dots{display: none;} .Timeline002170 .owl-nav{position: absolute;width: 100%; top: 50%;height: 40px;} .Timeline002170 .item dt{ font-weight:bold; font-size:16px;color: #04447c;} .Timeline002170 .item dd{ height:96px; color:#555; line-height:24px; overflow:hidden;} .Timeline002170 .owl-nav button{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; background:url(../image/Timeline002170-btn.png) no-repeat left bottom; overflow:hidden; line-height:1000px; z-index:100; border: none;} .Timeline002170 .owl-nav button{ left:0;} .Timeline002170 .owl-nav .owl-prev.disabled{ background-position:left top;} .Timeline002170 .owl-nav button:last-child{ right:0; background-position: right bottom;} .Timeline002170 .owl-nav .owl-next.disabled{background-position: right top;} .Timeline002170 .owl-nav div.disabled{ cursor:default;} @media(min-width:1201px){ .Timeline002170 .owl-carousel::before, .Timeline002170 .owl-carousel::after{ position:absolute; content:''; height:100%; background:url(../image/Timeline002170-bg3.png) no-repeat 0 135px; width:75%; top:0;} .Timeline002170 .owl-carousel::before{ left:-75px;} .Timeline002170 .owl-carousel::after{ right:-114px; width:114px; background-image:url(../image/Timeline002170-bg4.png);} } .Timeline002170 .owl-nav button{ left:-30px;} .Timeline002170 .owl-nav button:last-child{ right:-30px;left: inherit;} @media(max-width:1200px){ .Timeline002170 .owl-carousel{ padding:0 30px;} } @media(max-width:375px){ .Timeline002170 .owl-nav button{ left: -28px;} .Timeline002170 .owl-item .item{ height:250px;} .Timeline002170 .odd-item dl{ padding-top:0; } } /**插件样式 有相同 留一个即可**/ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;width:100%;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(0,0,0)} .owl-carousel .owl-item, .owl-carousel .owl-wrapper{-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{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .no-js .owl-carousel, .owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .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{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} /***end**/ /* .Floor001134 为demo编号 */ .Floor001134{ position:relative; padding:5% 0;z-index: 100;} .Floor001134 .left, .Floor001134 .right{ float:left; width:50%;} .Floor001134 .left{ position:relative; z-index:2;} .Floor001134 .list{ position:relative; border: 1px rgba(255,255,255,0.4) solid} .Floor001134 .scroll{ height:100%;} .Floor001134 .list ul{ padding-left:0%; overflow:hidden;} .Floor001134 .list li{ width:19%; margin-right:1%; float:left;} .Floor001134 .list li:nth-child(5n){margin-right: 0;} .Floor001134 .list li a{ display:block;} .Floor001134 .list li img{ width:100%;border:10px solid rgba(255,255,255,0);border-radius: 50% } .Floor001134 .list li:hover a img{ border-color:#fff; border:10px solid #04447c;} .Floor001134 .right h1{ position:relative; margin:0; text-align:right; color:#fff; font-size:24px; font-weight:normal; padding:15px 0; background:url(https://www.topsci-lab.com/cn/images/Floor001134-title.png) no-repeat right center; background-size:80% auto;} .Floor001134 .right h1::before{ position:absolute; content:''; width:30px; height:2px; background-color:#fff; right:0; bottom:0;} .Floor001134 .product{ text-align:center; padding-left:20%; padding-top:1%;} .Floor001134 .product figure img{max-width: 150px;} .Floor001134 .product h3{ font-size:12px; font-weight:normal;} .Floor001134 .product p{ line-height:24px;font-size: 14px; color:#fff; text-align:left;} .Floor001134 .product .more{ padding-left:28px; padding-right:55px; line-height:40px; display:inline-block; color:#fff; background:url(https://www.topsci-lab.com/cn/images/Floor001134-more.png) no-repeat 85% center #4a7eb8; font-size:16px; border-radius:3px;} .Floor001134 .product h3 a{color: #fff;text-align: right;} .Floor001134 .jspContainer{overflow: hidden;position: relative;} .Floor001134 .jspPane{position: absolute;} .Floor001134 .jspVerticalBar{position: absolute;top: 0;left: 0;width: 16px;height: 100%; } .Floor001134 .jspCap{display: none;} .Floor001134 .jspTrack{display:none;} .Floor001134 .jspArrow{ position:absolute; top:50%;background: #ffc600;text-indent: -20000px; width:30px; height:30px; border-radius:50%;display: block;cursor: pointer; z-index:10;} .Floor001134 .jspArrow::before{ position:absolute; left:50%; top:50%; margin-top:-1px; margin-left:-5px; content:''; width:0; height:0; border:5px solid #fff; border-left-color:transparent;border-right-color:transparent; border-bottom:0;} .Floor001134 .jspArrowUp::before{ border-top:0; border-bottom:5px solid #fff;margin-top:-2px; } .Floor001134 .jspArrowUp{ margin-top:-30px;} .Floor001134 .jspArrowDown{ margin-top:30px;} .Floor001134 .jspDisabled{background: #5c92bf;cursor: default;} .Floor001134 .jspCorner{background: #eeeef4;float: left;height: 100%;} @media(max-width:768px){ .Floor001134 .product figure img{max-width: 100px;} .Floor001134{ padding:0;} .Floor001134 .auto{ padding:0;} .Floor001134 .left, .Floor001134 .right{ float:none; width:auto;} .Floor001134 .left{} .Floor001134::before{ display:none;} .Floor001134 .product{ padding:2% 0;} .Floor001134 .list ul{ padding-left:0%;} .Floor001134 .right{ padding:3%; height:auto !important;} .Floor001134 .list li img{ width:100%;border:4px solid rgba(255,255,255,0);border-radius: 50% } .Floor001134 .list li:hover a img{ border-color:#fff; border:4px solid #04447c;} } @media(max-width:480px){ .Floor001134 .list li a{ border-width:5px;} } /*Floor002564 */ @import url('https://www.topsci-lab.com/cn/css/dinBold/dinBold.css'); .Floor002564{ padding-top: 2%;} .Floor002564 .intro{ background:url(https://www.topsci-lab.com/cn/images/Floor002564_introbg.png) no-repeat center top; max-width:1000px; /*padding-bottom:3%; */background-size:contain;} .Floor002564 .title{ padding-top:8px; text-align:center; padding-bottom:4%; font-size:32px; color:#3f3a39;} .Floor002564 .title .en{ text-transform:uppercase; font-size:16px;font-family: "dinbold"; letter-spacing:17px;} .Floor002564 .edit-info{ padding-bottom:2%;} .Floor002564 .more{ text-align:center;} .Floor002564 .more::before{ display:block; content:''; width:1px; margin:0 auto; height:23px; border-right:1px dashed #04447c; margin-bottom:3%;} .Floor002564 .more a{ display:inline-block; width:129px; line-height:34px; color:#fff; background:#04447c; border-radius:34px; border:1px solid transparent; transform:0.3s;} .Floor002564 .more a:hover{ color:#04447c;background:#fff; border-color:#04447c;} .Floor002564 .links{background:#04447c;background: url(../image/Floor002560_bg.jpg) no-repeat center center; } .Floor002564 .links li{ position:relative; float:left; transition:0.3s;} .Floor002564 .links li img{ display:block; width:100%;} .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:#04447c; transition:0.3s;} .Floor002564 .links li:hover a{ opacity:1;} .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(https://www.topsci-lab.com/cn/images/Floor002564_more.png) no-repeat; width:11px; height:10px;} @media(min-width:1025px){ .Floor002564 .links{padding-bottom:21px; margin-top:-1%;} .Floor002564 .links li{width:15.5%; margin-right:1.4%;margin-top:-55px; } .Floor002564 .links li:nth-child(6n){ margin-right:0;} .Floor002564 .links li:hover{margin-top:-75px;} } @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%;} .Floor002564 .title{font-size: 20px; padding-bottom: 0;} } @media(max-width:640px){ .Floor002564 .title .en{ letter-spacing:0; font-size: 12px;} } @media(max-width:480px){ .Floor002564 .links li{ width:49%;} .Floor002564 .links li:nth-child(2n){ margin-right:0;} } /* .Banner001709 */ .Banner001709{ background:#fff; background-size:cover; padding:2% 0; overflow:hidden;margin-top: 2%;} .Banner001709 .auto{position: relative;overflow:hidden;} .Banner001709 ul{position: relative;max-width: 800px;padding-bottom:534px;margin: 0 auto;-webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 400px; -ms-perspective: 400px; perspective: 400px; } .Banner001709 li{width: 100%;height: 300px;position: absolute;left: 0;top: 0;} .Banner001709 li.dg-transition{-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .Banner001709 li img{width: 100%;height: auto;display: block;border-radius:20px;border: 1px solid #fff;} .Banner001709 nav a{ position:absolute; width:40px; height:40px; border-radius:50%;cursor:pointer; background-color:#E41937; top:50%; margin-top:-20px;} .Banner001709 nav a:hover{ background-color:#000;} .Banner001709 nav a.dg-prev{ left:15%; margin-left:-20px;} .Banner001709 nav a.dg-next{ right:15%; margin-right:-20px;} .Banner001709 nav a span{ position:absolute; width:14px; font-size:14px; height:14px; left:50%; margin-left:-7px; margin-top:-7px; top:50%; color:#fff;} @media(max-width:1000px){ .Banner001709{ padding:0;} .Banner001709 ul{ padding-bottom:80%;} .Banner001709 li img{ border-radius:0;} .Banner001709 nav a.dg-prev{ left:2%; margin-left:0;} .Banner001709 nav a.dg-next{ right:2%; margin-right:0;} } /* .Floor001253 为demo编号 */ .Floor001253{ background:url(../image/Floor001253-bg.jpg) no-repeat center top/cover; padding:4% 0 3% 0;} .Floor001253 .title{ text-align:center; color:#fff; font-size:24px;} .Floor001253 .title h1{ margin:0; line-height:43px; font-family:"Times New Roman", Times, serif; font-size:50px; text-transform:uppercase;} .Floor001253 .tab{ text-align:center; padding:2% 0;} .Floor001253 .tab span{color:#fff; height:24px; line-height:24px; display:inline-block; padding:0 3%; border:1px solid #fff; border-radius:24px; margin:0 2%; cursor:pointer;} .Floor001253 .tab span.on{ background-color:#fff; color:#004098;} .Floor001253 .map .map_list:nth-child(2){ max-width:1000px;} .Floor001253 .map_list{ max-width:769px; margin:0 auto; width:100%; position:relative;} .Floor001253 .map_list dl{ position:absolute;} .Floor001253 .map_list dl dt{ background:url(../image/Floor001253-icon.png) no-repeat right center; padding-right:15px; line-height:22px;} .Floor001253 .map_list dl dt.star{ padding-left:15px; padding-right:0; background-image:url(../image/Floor001253-star.png) !important; background-position:left center;} .Floor001253 .map_list dd{ display:none; left:-50px; bottom:31px; position:absolute; background-color:#00a0e9; color:#fff; padding:10px; width:280px; z-index:10;} .Floor001253 .map_list dd h5{ margin:0; font-weight:normal; font-size:16px;} .Floor001253 .map_list dd p{ margin:5px 0 0 0; font-size:12px;} .Floor001253 .map_list dl:hover{ z-index:3;} .Floor001253 .map_list dl:hover dt{ background-image:url(../image/Floor001253-icon_hover.png);} .Floor001253 .map_list dl:hover dt::before{ position:absolute; content:''; width:0; height:0; border:10px solid #00a0e9; border-left-color:transparent;border-right-color:transparent; border-bottom:0; right:-3px; top:-10px;} .Floor001253 .map_list dl dt.star::before{ right:auto; left:0;} .Floor001253 .map_list dl:hover dd{ display:block;} @media(max-width:640px){ .Floor001253 .map{ padding:0 5%;} .Floor001253 .map .map_list:nth-child(1){ overflow:auto; max-height:300px;} .Floor001253 .map .map_list:nth-child(1) img{ display:none;} .Floor001253 .map_list dl{ position:static; color:#fff;} .Floor001253 .map_list dl dt.star, .Floor001253 .map_list dl dt{ padding:0 !important; background:none !important;} .Floor001253 .map_list dl dt{ line-height:30px;} .Floor001253 .map_list dd{ position:static; display:block; width:auto; background-color:rgba(0, 160, 233, 0.56);} .Floor001253 .map_list dl:hover dt::before{ display:none;} .Floor001253 .title h1{ font-size:30px;} } @media(max-width:375px){ .Floor001253 .title{ font-size:18px;} .Floor001253 .title h1{ font-size:24px;} } /* .RighInfo002226 为demo编号 */ .RighInfo002226{ padding-bottom: 3%;} .RighInfo002226 .dl{color:#333;} .RighInfo002226 .dl .h4{ font-size:18px; margin:0;} .RighInfo002226 .dl .h4 span{display:inline-block; border-bottom: 2px #e95355 solid; padding-bottom:10px;} .RighInfo002226 .dl .con{ font-size:14px; /*padding-top:15px; */line-height:2.25;} .RighInfo002226 .word{ float:left;width: 100%;text-align: justify; padding-left: 1%;} .RighInfo002226 .word .dl .con li{float: left;width:50%;list-style: none;position: relative;padding-left: 2%;} .RighInfo002226 .word .dl .con li:before{content: "";display: block;position: absolute;top: 9%;left: -3%;background: #04447c;width: 10px; height: 80%;} .RighInfo002226 .pic{ float:right;width:40%} .RighInfo002226 .pic img{width:100%;} .word{text-align: center;} .word h3{font-size: 30px; color: #333;} .word p{color: #666; font-size: 20px;} @media (max-width:480px){ .RighInfo002226 .word{width:100%;padding-top:5%;} .RighInfo002226 .word .dl .con li{width:92%;margin-left: 8%;} } .imgList { position: fixed;width:100%;height:100%;top:0;right:-100%;padding-left:50%;overflow: auto; z-index: 101;transition: all .5s;} .imgList.on { right:0;} .imgList .item {min-height:100%;padding:0 2%;background:#fff; display: none;} .imgList .goBack { background:#04447c; cursor: pointer; } .imgList .goBack span { display: inline-block;padding:2% 10%;background:#e60012;color:#fff; font-size: 20px;} .imgList .goBack span i { font-style: normal; font-family:'宋体';font-weight: bold;font-size: 24px;} .probg{padding-top:2%;padding-bottom: 2%;width:1400px;} .probg .map{position: relative; overflow: hidden;} .probg .map .hoverImg {position: absolute; width: 100%; height: 100%;top:0;left:0;} .probg .map .hoverImg img { display: none; position: relative; z-index:10;} .probg .map .hoverImg img.bg { display: block;position: absolute; width: 100%; height: 100%;top:0;left:0; z-index: 11;} .probg .txtbox{ position: absolute; } .probg .txtbox .arrow{ position: absolute; width: 30px; height: 30px; opacity: 1; transition: 0.3s;} .probg .txtbox .arrow_lt{ background: url(../image/arrow_lt.png) no-repeat center; } .probg .txtbox .arrow_lb{ background: url(../image/arrow_lb.png) no-repeat center; } .probg .txtbox .arrow_rt{ background: url(../image/arrow_rt.png) no-repeat center; } .probg .txtbox .arrow_rb{ background: url(../image/arrow_rb.png) no-repeat center; } .probg .txtbox .txt{ background: #04447c; position: absolute; width: 300px; opacity: 0; transition: 0.3s; border-radius: 20px; box-shadow: 1px 1px 5px #666;} .probg .txtbox .txt p{ margin: 0; padding: 4%; font-size: 13px; color: #fff; line-height: 1.75; text-align: justify; } .probg .txtbox .hover:hover ~.txt{ opacity: 1;} /*.probg .txtbox .hover:hover ~.arrow{ opacity: 1;}*/ .probg .txtbox1 .hover{ background: rgba(0,0,0,0); width: 150px; height: 125px; border-radius: 99px; } .probg .txtbox1{ bottom: 138px; left: 67px;} .probg .txtbox1 .arrow{ bottom: 59px;left: -28px;} .probg .txtbox1 .txt{ bottom: 0; left:159px;} .probg .txtbox2{ top: 175px; left: 130px;} .probg .txtbox2 .hover{background: rgba(0,0,0,0); width: 150px; height: 125px; border-radius: 99px;} .probg .txtbox2 .arrow{ top: 59px; left: -28px;} .probg .txtbox2 .txt{ top: 0; left:159px;} .probg .txtbox3{ top: 175px; right: 130px;} .probg .txtbox3 .hover{background: rgba(0,0,0,0); width: 150px; height: 125px; border-radius: 99px;} .probg .txtbox3 .arrow{ top: 59px; right: -28px;} .probg .txtbox3 .txt{ top: 0; right:159px;} .probg .txtbox4 .hover{ background: rgba(0,0,0,0); width: 150px; height: 125px; border-radius: 99px; } .probg .txtbox4{ bottom: 138px; right: 67px;} .probg .txtbox4 .arrow{ bottom: 59px;right: -28px;} .probg .txtbox4 .txt{ bottom: 0; right:159px;} /* 体验中心 */ .tiyan .t_left,.tiyan .t_right{float:left;} .tiyan .t_left{position:relative;width:78.75%;} .tiyan .t_left .img,.tiyan .t_left .img img{width:100%;} .tiyan .t_left .img_absolute{position:absolute;top:0;left:0;width:100%;} .tiyan .t_right{padding-left:20px;width:21.25%;} .tiyan .t_right .t_panel{border:1px solid #eee;} .tiyan .t_right .dl dt{padding:0 15px;height:25px;background:#eee;color:#333;line-height:25px;} .tiyan .t_right .dl dd{padding:8px 15px;} .tiyan .t_right .dl dd .item{float:left;padding:9px 0;width:50%;} .tiyan .t_right .dl dd .item a{display:inline-block;overflow:hidden;padding:0 2px;max-width:100%;color:#333;text-overflow:ellipsis;white-space:nowrap;line-height:20px;height:20px;cursor:pointer;} .tiyan .t_right .dl dd .item a .ico{position:relative;top:2px;display:inline-block;width:14px;height:14px;background-color:#000;background-repeat:repeat;} .tiyan .t_right .dl dd .item a .ico::after{position:absolute;top:50%;left:50%;display:none;width:18px;height:18px;border:1px solid red;content:"";transform:translate(-50%,-50%);} .tiyan .t_right .dl dd .item.aon a{color:red;} .tiyan .t_right .dl dd .item.aon a .ico::after{display:block;} @media (max-width:1200px){ .tiyan .t_left{width:70%;} .tiyan .t_right{width:30%;} } @media (max-width:1024px){ .tiyan .t_left{width:60%;} .tiyan .t_right{width:40%;} } @media (max-width:640px){ .tiyan .t_left{width:100%;} .tiyan .t_right{padding:15px 0 0;width:100%;} } .word{text-align: center; margin-bottom: 3%;} .word h3{font-size: 30px; color: #333;} .word p{color: #666; font-size: 20px;} /*Menu002517 */ .Menu002517{ /*box-shadow:0 6px 20px rgba(0,0,0,0.3); */} .Menu002517 .side-title{ background:url(https://www.topsci-lab.com/cn/images/Menu002517_titlebg.jpg) repeat-x left bottom; background-size:auto 100%; text-align:center; font-size:20px; color:#fff; } .Menu002517 .side-title::before{ display:block; content:''; margin:0 auto 5px; height:2px; background:#fff; width:30px;} .Menu002517 .side-title span{ display:block; font-size:12px; text-transform:uppercase; padding-top:5px;} @media(min-width:1025px){ .Menu002517 .side-title{padding-top:56px; height:196px;} .Menu002517 .side-title span{ color:#79a1dc;} .Menu002517{position:relative; z-index:10;} } .Menu002517 .side-menu li{ /*border-bottom:1px solid #ececec;*/margin-top: 2%; background: #eee;} .Menu002517 .side-menu li a{ display:block; position:relative; padding:0 28px; line-height:47px; transition:0.2s; font-size: 16px;} .Menu002517 .side-menu li a::before{ opacity:0;position:absolute; content:''; width:5px; height:5px; background:#fff; left:0; top:50%; margin-top:-2.5px; border-radius:50%;transition:left 0.2s;} .Menu002517 .side-menu li a:hover::before, .Menu002517 .side-menu li.aon a::before{ opacity:1; left:14px;} .Menu002517 .side-menu li a:hover, .Menu002517 .side-menu li.aon a{ background:#04447c; box-shadow:inset 3px 3px 20px rgba(0,0,0,0.3); color:#fff;} @media(max-width:1024px){ .Menu002517 .side-title{ padding:10px 0;} .Menu002517 .side-menu{ display:none;} /*移动端 滚动导航*/ .Menu002517 #side-menu .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative; background:#eee;} .Menu002517 #side-menu .owl-stage-outer{ position:relative; overflow:hidden;} .Menu002517 #side-menu .owl-stage{position:relative;touch-action: manipulation;} .Menu002517 #side-menu{ background:#fff; padding:0 20px; position:relative;} .Menu002517 #side-menu li {} .Menu002517 #side-menu li a{ float:left; line-height:40px; padding:0 30px;} .Menu002517 #side-menu li.aon a{background:#3765a8; box-shadow:inset 3px 3px 20px rgba(0,0,0,0.3); color:#fff;} .Menu002517 #side-menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#3765a8; box-shadow:inset 3px 3px 20px rgba(0,0,0,0.3); color:#fff; cursor:pointer; padding:0; font-size:24px;} .Menu002517 #side-menu .owl-nav button.owl-prev{ left:0;} .Menu002517 #side-menu .owl-nav button.owl-next{ right:0;} .Menu002517 #side-menu .disabled{ display:none;} } @media(max-width:480px){ .Menu002517 #side-menu li a{padding:0 20px;} } .change01{position: absolute;top:465px;left:388px;z-index: 1000} .change02{position: absolute;top:465px;left:523px;z-index: 1000} .change03{position: absolute;top:465px;left:584px;z-index: 1000} .change04{position: absolute;top:465px;left:722px;z-index: 1000} .change05{position: absolute;top:465px;left:783px;z-index: 1000} .change06{position: absolute;top:465px;left:920px;z-index: 1000} /**/ .change07{position: absolute;top:420px;left:431px;z-index: 1000} .change08{position: absolute;top:420px;left:557px;z-index: 1000} .change09{position: absolute;top:420px;left:618px;z-index: 1000} .change10{position: absolute;top:420px;left:755px;z-index: 1000} .change11{position: absolute;top:420px;left:812px;z-index: 1000} /**/ .change12{position: absolute;top:404px;left:400px;z-index: 1000} .change13{position: absolute;top:404px;left:527px;z-index: 1000} .change14{position: absolute;top:404px;left:589px;z-index: 1000} .change15{position: absolute;top:404px;left:725px;z-index: 1000} .change16{position: absolute;top:420px;left:914px;z-index: 1000} /**/ .change17{position: absolute;top:465px;left:418px;z-index: 1000} .change18{position: absolute;top:465px;left:553px;z-index: 1000} .change19{position: absolute;top:465px;left:614px;z-index: 1000} .change20{position: absolute;top:465px;left:753px;z-index: 1000} .change21{position: absolute;top:465px;left:812px;z-index: 1000} .change22{position: absolute;top:465px;left:951px;z-index: 1000} .choverpic{display: none} .chover{width:30px;height:30px;background:transparent;display:inline-block;z-index: 1000;/*background: #000;*/cursor: pointer;} .chover:hover ~.choverpic{display: block} /*PicList002171 */ .PicList002171{ padding-top:3%;} .PicList002171 ul {font-size:0;} .PicList002171 li{ display:inline-block; width:22.75%; margin-right:3%; margin-bottom:3%;} .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,108,186,0.95); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} @media(min-width:769px){ .PicList002171 li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002171 li{ width:49%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } /* .RichInfo005 */ .RichInfo005{ padding:3% 0;} .RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;} .RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;} .RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;} .RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;} .RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;} .RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;} .RichInfo005 .news_info .info_back a{ color:#0f76d3; font-size:14px;} .RichInfo005 .news_info .info_pn span{ display:block;} .RichInfo005 .news_info .info_pn span a{ color:#999;} .RichInfo005 .news_info .info_pn span a:hover{color:#0f76d3;} /* .TextList000591 */ .TextList000591{ padding:2% 0;} .TextList000591 ul{padding:0 2%; background-color:#fff;} .TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0;} /*links*/ .links_box { margin-top: 20px;} .links_box a{ display: block;float: left;width: 175px;height: 105px;margin-right: 8px;margin-bottom: 20px;} .links_box a.mr0{margin-right: 0;} .links_box a img { padding: 1px;border: 1px solid #ccc;} .links_box a span { display: block;width: 175px;height: 20px;line-height: 20px;text-align: center;margin-top: 10px;} /*links*/ /*Floor002122 */ .Floor002122{ background: url(https://www.topsci-lab.com/cn/images/Floor002122-bg.png) no-repeat center bottom #f8f8f8; padding:2% 0;margin-top: 4%;} .Floor002122 .title{ text-align:center; font-size:20px; padding:0 0 4% 0;} .Floor002122 .title span{ display:block; color:#000; font-size:40px;padding-bottom:10px;} .Floor002122 .intro{ position:relative;} .Floor002122 .intro .Ispic{ position:absolute; top:0; width:29%; left:35.5%; height:100%; background-size:contain;} .Floor002122 .intro .Ispic img{ display:none;} .Floor002122 li{ float:left; width:32%; float:left; margin:1% 36% 1% 0;text-align:right; } .Floor002122 li:nth-child(2n){ margin-right:0;text-align:left;} .Floor002122 li div{position:relative; padding-right:100px; padding-top:17px; padding-bottom:17px;} .Floor002122 li:nth-child(2n) div{ padding-right:0; padding-left:100px;} .Floor002122 li aside{ position:absolute; right:0; top:50%; transform:translateY(-50%); border:1px solid #f0f0f0; background:#fff; border-radius:50%;} .Floor002122 li aside img{ width:30px; height:30px; margin:15px;} .Floor002122 li:nth-child(2n) aside{ right:auto; left:0;} .Floor002122 li h1{ font-size:16px; margin:0; color:#333; font-weight:normal;} .Floor002122 li p{ color:#919191; line-height:20px; height:40px; margin-bottom:0; overflow:hidden;} @media(max-width:1000px){ .Floor002122 .title{font-size:16px; } .Floor002122 .title span{font-size:30px;} .Floor002122 li div{padding-right:70px;} .Floor002122 li:nth-child(2n) div{padding-left:70px;} .Floor002122 li aside img{ width:40px; height:40px; margin:10px;} .Floor002122 li h1{font-size:16px; } .Floor002122 li p{ margin:0;} } @media(max-width:640px){ .Floor002122{ background-image:none;} .Floor002122 .intro .Ispic{ position:relative; left:auto; width:auto; height:auto; padding-bottom:90%;} .Floor002122 li{ width:49%; margin-right:2%;} } @media(max-width:480px){ .Floor002122 .title span{font-size:24px;} .Floor002122 .title{font-size:14px; } .Floor002122 li p{font-size:12px; } } @media(max-width:375px){ .Floor002122 li div{padding-right:50px;} .Floor002122 li:nth-child(2n) div{padding-left:50px;} .Floor002122 li aside img{ width:30px; height:30px; margin:5px;} } /* .Floor001348为demo编号 */ .Floor001348{ padding: 4% 0; overflow: hidden;} .Floor001348 .text{ float:right; width:48%;} .Floor001348 .img{ float:left; width:48%;} .Floor001348 .img img{ width: 100%;} .Floor001348 .text h1{ margin:0 0 27px; font-weight: 700; font-style: normal; color: #333; font-size: 16px; letter-spacing: 0px; } .Floor001348 .text h1 i{ display:inline-block; font-style:normal; position:relative; padding-bottom: 14px; } .Floor001348 .text h1 span{ font-size:24px; color:#f0f0f0; font-family:Arial; text-transform:uppercase; padding-left: 10px; position:relative; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; } .Floor001348 .text h1 i::after{ position:absolute; left:0; bottom:0; content:""; background:#e60012; width:20px; height:2px; } .Floor001348 .text h1 span::after{ position:absolute; left:8px; bottom:7px; content:""; /*border:1px #f0f0f0 solid; */width:600px; } .Floor001348 .text p{ margin: 0; font-size: 14px; color: #333; letter-spacing: 0px; line-height:2; padding-bottom:27px;text-align: justify;text-indent: 2em;} .Floor001348 .text .btn{ display:block; font-weight:bold; font-style: normal; color: #333; font-size: 14px; position:relative; border:2px #fa7d02 solid; width:116px; height:36px; text-align:center; line-height:36px; } .Floor001348 .text .btn:hover{ color:#fff; background:#fa7d02;} .Floor001348 .text .btn:before{ position:absolute; color:#fa7d02; content:"———"; top: -2px; font-size: 13px; right: -24px; transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;} .Floor001348 .text .btn:hover:before{ right:-34px;} @media (max-width:1000px){ .Floor001348 .text h1{ padding-bottom:20px;} .Floor001348 .text h1 span{ font-size:30px; } .Floor001348 .text p{ padding-bottom:30px;} } @media (max-width:768px){ .Floor001348 .img,.Floor001348 .text{ width:100%; float:none; margin:0; text-align:center;} .Floor001348 .img{ padding-bottom:15px;} .Floor001348 .text p{ padding-bottom:10px;} .Floor001348 .text h1{ font-size:20px; padding-bottom:0px;margin-bottom: 0;} .Floor001348 .text h1 span{ font-size:48px; } } @media (max-width:480px){ .Floor001348 .text h1 span{ display:none; } } /*人才理念*/ #Talent_recruitment .rcln_box{ background-image:url(../image/rcbg.jpg); height:680px; background-position:center center; padding-top:120px; } #Talent_recruitment .rcln_box h1{ color:white; text-align:center; font-size:46px; } #Talent_recruitment .rcln_box .p10{ color:white; text-align:justify; font-size:16px; width:53%; margin:auto; line-height:30px; margin-bottom:30px; } @media(max-width:640px){ #Talent_recruitment .rcln_box{padding:40px 0 100px;height:auto;} #Talent_recruitment .rcln_box .p10{width:92%;} } /*搜索框*/ #Talent_recruitment .rcln_box .sousuo_box{ width:710px; height:32px; margin:auto; margin-bottom:20px; } #Talent_recruitment .rcln_box .sousuo_box input{ width:520px; height:30px; float:left; display:block; border:1px solid #4284e2; margin:0; padding:0; margin-right:20px; padding-left:10px; font-family: Arial, "Microsoft YaHei"; } #Talent_recruitment .rcln_box .sousuo_box a{ width:150px; height:32px; background-color:#4284e2; display:block; text-align:center; line-height:30px; color:white; float:left; cursor:pointer; } #Talent_recruitment .rcln_box .sousuo_box a:active{ background-color:#3274d1; color:#e9e9e9; } @media(max-width:640px){ #Talent_recruitment .rcln_box .sousuo_box, #Talent_recruitment .rcln_box .rmzw_box {width:100%;padding: 0 4%;} #Talent_recruitment .rcln_box .sousuo_box input{width:80%;margin-right:0;} #Talent_recruitment .rcln_box .sousuo_box a {width:20%} } /*热门职位*/ #Talent_recruitment .rcln_box .rmzw_box{ width:950px; margin:auto; } #Talent_recruitment .rcln_box .rmzw_box li{ float:left; color:#bbbbbb; font-size:14px; margin-right:10px; } #Talent_recruitment .rcln_box .rmzw_box a{ color:#bbbbbb; font-size:14px; } #Talent_recruitment .rcln_box .rmzw_box a:hover{ color:white; } /*职业发展*/ #Talent_recruitment .zyfz_box{ width:1280px; margin:auto; padding-top:100px; margin-bottom:100px; } #Talent_recruitment .zyfz_box .text_box{ width:560px; height:400px; float:left; margin-right:80px; } #Talent_recruitment .zyfz_box .text_box h2{ font-size:30px; color:#4284e2; font-weight:100; margin:0; padding:0; } #Talent_recruitment .zyfz_box .text_box h3{ font-size:20px; color:#939393; font-weight:100; margin:0; } #Talent_recruitment .zyfz_box .text_box span{ width:54px; height:2px; background-color:#333333; display:block; margin:20px 0px 40px 0px; } #Talent_recruitment .zyfz_box .text_box .p11{ color:#333333; line-height:34px; font-size:18px; } @media(max-width:640px){ #Talent_recruitment .rcln_box .rmzw_box {width:100%} #Talent_recruitment .zyfz_box, #Talent_recruitment .zyfz_box .text_box {width:100%;height:auto;} #Talent_recruitment .zyfz_box{padding:5% 4%;margin-bottom:10%;} #Talent_recruitment .zyfz_box .text_box h3 {margin-top:20px;font-size:16px;line-height:1.5;} } /*联系方式*/ #Talent_recruitment .lxfs_box{ width:1280px; margin:auto; overflow:hidden; } #Talent_recruitment .lxfs_box .lxfs_min_box{ width:370px; float:right; margin-bottom:50px; overflow:hidden; } #Talent_recruitment .lxfs_box .lxfs_min_box h3{ font-size:16px; color:#939393; font-weight:100; margin:0; } #Talent_recruitment .lxfs_box .lxfs_min_box li{ background-color:#4284e2; height:32px; width:32px; border-radius:50px; float:left; margin-right:10px; transition:width 0.5s; -moz-transition:width 0.5s; /* Firefox 4 */ -webkit-transition:width 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s; /* Opera */ } #Talent_recruitment .lxfs_box .lxfs_min_box li:nth-child(-n+3):hover{/*由于原网站，鼠标经过第四个微信图标时，就没有效果，所以这里只选择前3个li加了动画*/ width:220px; } #Talent_recruitment .lxfs_box .lxfs_min_box li img{ float:left; } #Talent_recruitment .lxfs_box .lxfs_min_box li p{ color:white; display:none; line-height:32px; height:32px; font-size:14px; margin:0; } .culture .auto { background:url(../image/RighInfo002581_img.jpg) no-repeat #fff;} .culture h4{font-size: 24px;font-weight: normal;color: #04447c;margin-bottom: 0;} .culture p{font-size: 14px;color: #666;line-height: 30px;} /* .Map002364 为demo编号 */ .Map002364{padding: 40px 0;} .Map002364{padding-bottom:3%;background:url(https://www.topsci-lab.com/cn/images/Map002364-bg.jpg) repeat-x left bottom #f6f6f6; padding-bottom:3%;} .Map002364 .auto{ padding:0 6%;} .Map002364 .columnName{ font-size:32px; color:#333; margin:0; padding-bottom:2%; text-align:center;} .Map002364 .columnName:after{ display:block; margin:0 auto; width:68px; height:1px; background-color:#bbb; margin-top:16px; content:'';} .Map002364 dd{ border:10px solid #fff;margin-bottom:2%; padding-left:62%; background-color:#f9f9f9; position:relative;} .Map002364 dd:last-child{ margin-bottom:0;} .Map002364 .map *{ max-width:none;} .Map002364 dd figure{ padding:3%;min-height:410px;} .Map002364 dd ul{ padding-bottom:3%; } .Map002364 dd figure li{line-height:24px; padding:30px 0;/* padding-left:50px; */ border-bottom:1px dashed #dbdbdb; background:url(https://www.topsci-lab.com/cn/images/Map002364-icon_name.gif) no-repeat center left; font-size:16px; color:#767676;} .Map002364 dd figure li:nth-child(2){background-image:url(https://www.topsci-lab.com/cn/images/Map002364-icon_add.gif);} .Map002364 dd figure li:nth-child(3){background-image:url(https://www.topsci-lab.com/cn/images/Map002364-icon_tel.gif);} .Map002364 dd figure li:nth-child(4){background-image:url(https://www.topsci-lab.com/cn/images/Map002364-icon_fax.gif);} @media(min-width:641px){ .Map002364 .map{ position:absolute !important; width:60%; left:0; height:100%; top:0;min-height:380px;} } @media(max-width:640px){ .Map002364 dd{ padding:3%;} .Map002364 .map{ height:300px; position:relative !important;} .Map002364 dd figure{ padding:0;min-height:auto;} .Map002364 dd figure li{padding:10px 0;} } @media(max-width:480px){ .Map002364 dd figure h1{ font-size:20px;} } .banner001 {display:none;overflow:hidden;} .banner001 li .txt {position:absolute;top:50%;left:50%;transform: translate(-50%,-30%);-webkit-transform: translate(-50%,-30%);-ms-transform: translate(-50%,-30%);opacity: 0;-webkit-opacity: 0; transition:0.5s 0.8s;} .banner001 .owl-item.active .txt {transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);opacity: 1;-webkit-opacity: 1;} .banner001 li.slick-slide {float:left;position:relative;} .banner001 .owl-carousel .owl-nav.disabled, .banner001 .owl-carousel .owl-dots.disabled {display: none; } .banner001 .owl-dots {position: absolute;width:100%;bottom: 10px;text-align: center;} .banner001 .owl-dots .owl-dot {display:inline-block;width:14px;height:14px;margin-right:10px;border-radius:50%;border:0;background:#fff;border:1px solid #fff;} .banner001 .owl-dots .owl-dot.active {background:#0d3374;} .banner001 .slick-dots {position: absolute;width:100%;bottom: 10px;text-align: center;} .banner001 .slick-dots li {display:inline-block;float:none;width:14px;height:14px;margin-right:10px;} .banner001 .slick-dots li button{;width:14px;height:14px;border-radius:50%;border:0;background:#fff;border:1px solid #fff;text-indent:100em} .banner001 .slick-dots li.slick-active button{background:#0d3374;} @media(max-width:640px){ .banner001 {display:block;} }