@charset "utf-8"; /*Top003101 */ .Top003101{ background:#fff;text-align: center; width: 100%; position: fixed; z-index: 100; top: 0; left: 0;} .Top003101 .auto{ position:relative;z-index: 100; } .Top003101, .Top003101 a:not(:hover){color: #000;} .Top003101 .logo{float: left;} .Top003101 .logo img{height: 72px;} .Top003101 .top-right{float: right;} .Top003101 menu{display: inline-block} .Top003101 menu li span{display: block; font-size:16px;} .Top003101 menu li .sub{ display: none; z-index: 10; } .Top003101 .top-right{ margin-top:30px;} .Top003101 .top-right dl > *{float: left;} .Top003101 .top-line{ line-height: 40px; color:#bcbfc2; margin: 0 13px 0 5px;} /* .search-show .top-line{ margin:3% 1% 0 3%;} */ .Top003101 .top-lang{position: relative;z-index: 100;} .Top003101 .top-lang .box{position: absolute; top: 0; left: -10px; right:-10px;padding: 40px 10px 10px;border-radius: 10px;background-color: rgba(0,0,0,0.2);display: none;} .Top003101 .top-lang .icon{width: 19px;height: 40px;background: url(../images/Top003101-lang.png) no-repeat center center;} .Top003101 .top-lang .box{text-align: center;} .Top003101 .top-search{display: block;padding: 0;} .Top003101 .top-search .text{background: none;width: 34px;color: rgba(0,0,0,1);padding: 0;transition: 0.3s; height: 38px;line-height: 38px;} .search-show .Top003101 .top-search .text{width: 8vw; border:solid 1px #ddd; padding-left:12px;} .Top003101 .top-search .btn{background: url(../images/Top003101-search.png) no-repeat center center;width: 16px;} .Top003101 .open-s{position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: 4; cursor: pointer;} .search-show .Top003101 .open-s{display: none;} .Top003101 .open-menu{width: 30px; height: 28px;} .Top003101 .open-menu .open-menu:not(.on) i:nth-child(1){margin-top: -8px;} .Top003101 .open-menu .open-menu:not(.on) i:nth-child(3){margin-top: 6px;} .Top003101 menu li#m11{ display: none} .Top003101 .open-search{display: block;height: 40px;line-height: 40px;width:40px; background:url(../images/Top003101-search.png) no-repeat center center; } .Top003101 .search-box{ position:absolute; width:0; overflow:hidden; right:0; top:0; background:#eee; transition:0.3s; opacity:0;} .Top003101 .search-box .text{ width:100%; background:none; height:40px; border:none; line-height:40px; padding:0 40px 0 10px;} .Top003101 .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:40px;background:url(../images/Top003101-search.png) no-repeat center center;} .Top003101 .top-search-on .search-box{ width:200px; opacity:1;} @media(min-width:1025px){ .Top003101 .logo{ padding-top:16px;} .Top003101 menu li{float: left;margin-right: 2.4vw; position: relative;} .Top003101 menu li:last-child{margin-right: 0;} .Top003101 menu li span{ font-size:16px; line-height:106px; border-bottom:solid 2px #fff;} .Top003101 menu li:hover span,.Top003101 menu li.aon span{ border-color:#e60012;} .Top003101 menu li .sub{ position: absolute; width:200%; background: rgba(255,255,255,0.8)} .Top003101 menu li .sub dt{ padding: 4% 10%} .Top003101 .top-right{position: relative;/* padding-left: 1.93vw; */} } @media(min-width:1025px) and (max-width:1440px) { .Top003101{font-size: 1.3vw;} .Top003101 menu li{margin-right: 1vw;} .Top003101 .top-lang{margin: 0 1vw;} } @media (max-width:1024px) { .Top003101 .auto{padding: 2vw 0;} .Top003101 menu{position: absolute;right: 0;top: -100%; transform: translateY(-500%); opacity: 0; background-color: rgba(0,104,183,0.9);padding: 4vw;border-radius: 0 0 5px 5px;transition: opacity 0.3s; z-index:99;text-align: left;} .menu-show .Top003101 menu{top: 100%;transform: translateY(0); opacity: 1;} .search-show .Top003101 .top-search .text{width: 22vw;} .Top003101 .top-right{ margin-top: 16px} .Top003101 .top-right dl{display: flex;align-items: center;} .Top003101, .Top003101 a:not(:hover){ color: #fff} .Top003101 .top-line{width: auto;} .search-show .top-line{ margin:3% 0 0 6%;} .search-show .Top003101 .top-search .text{ width:36vw;} .Top003101 .top-lang{margin: 0 5vw;} .Top003101 .top-search{margin-right: 2vw;} .Top003101 menu li{ padding:4% 0} .Top003101 menu li span{ line-height:30px;} .Top003101 menu li .sub{ position: relative; opacity: 0.8} .Top003101 menu li .sub dt{ padding:4% 0} } @media (max-width:768px) { .Top003101 .auto{padding: 4vw 0;} .Top003101, .Top003101 a:not(:hover){color: #fff;} .Top003101 .logo img{ height:54px;} .search-show .top-right{ width:80%;} .Top003101 .top-right{ margin-top: 7px} } /* .Banner000707 涓篸emo缂栧彿 */ .Banner000707{ position:relative;} .Banner000707 .bx-viewport{ height:auto !important;} .Banner000707 .bx-controls-direction a{ width:40px; height:40px; position:absolute; top:50%; margin-top:-20px;} .Banner000707 .bx-controls-direction a span{ color:#fff; font-size:30px;} .Banner000707 .bx-prev{ left:5%; display:none;} .Banner000707 .bx-next{ right:5%; display:none;} .Banner000707 .bx-pager{ position:absolute; width:100%; left:0; bottom:2em; text-align:center;} .Banner000707 .bx-pager div{ display:inline-block;} .Banner000707 .bx-pager .bx-pager-item{ margin:0 6px;} .Banner000707 .bx-pager .bx-pager-item a{ width:14px; height:14px; background:#fff; border-radius:50%; display:block; overflow:hidden; line-height:1000px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s;} .Banner000707 .bx-pager .bx-pager-item a.active{ background:#e60012; width:22px; border-radius:15px; -webkit-transition:all ease 0.5s;transition:all ease 0.5s;} .Banner000707 .list li img{ width:100%; display:block;} .Banner000707 .list li img.wap{display: none} .Banner000707 .next,.Banner000707 .prev{ background:url(../images/Banner000707_next.png) no-repeat center; background-size: 100% 100%; width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; z-index: 9;} .Banner000707 .prev{ background:url(../images/Banner000707_prev.png) no-repeat center; background-size: 100% 100%;} @media(max-width:1024px){ .Banner000707 .list li img.pc{display: none} .Banner000707 .list li img.wap{display:block} } @media(max-width:768px){ .Banner000707 .bx-pager .bx-pager-item{ margin:0 2px;} .Banner000707 .bx-pager .bx-pager-item a{ width:8px; height:8px; } .Banner000707 .bx-pager .bx-pager-item a.active{ width:20px;} .Banner000707 .bx-controls-direction a,.Banner000707 .next,.Banner000707 .prev{ width:25px; height:25px; margin-top:-12.5px;} } /*Floor002820 */ .Floor002820{ padding:5% 0;} .Floor002820 .text{ background:#f8f8f8; padding:0 4%;} .Floor002820 .text h1{ font:bold 40px/80px "寰蒋闆呴粦"; color:#000; margin:0;} .Floor002820 .text p{ font:normal 16px/28px "寰蒋闆呴粦"; color:#666; margin:0; padding-bottom:20px;} .Floor002820 .text a{ background:url(../images/jt_hs.png) no-repeat right 5px; font:normal 16px/28px "寰蒋闆呴粦"; color:#666; padding-right:25px;} .Floor002820 .info-num li{ position: relative;} .Floor002820 .info-num li aside{ /*display: inline-block;*/display: flex;} .Floor002820 .info-num li aside b{ font-family:"DINCond-Bold"; font-size:70px; color: #fff; display: block;} .Floor002820 .info-num li aside span{ font-family:"DINCond-Bold"; font-size:70px; color: #fff; display: block;font-weight: bold; } .Floor002820 .info-num li aside sub{ position: absolute; right: 0; bottom: 30%;} .Floor002820 .info-num li p{ font-size: 16px; color: #fff; margin-bottom: 0; margin-top: 22px;} .Floor002820 .number{ background:no-repeat bottom; background-size: 100% 100%; color:#fff;} @media(min-width:1025px){ .Floor002820 .number{ width:75%;} } @media(max-width:1024px){ .Floor002820 .ytable, .Floor002820 .ytable-cell{display: block;} .Floor002820 .text{ padding: 4%} } @media(min-width:641px){ .Floor002820 .info-num{ padding:3% 3% 0.5% 3%;} .Floor002820 .info-num li{float: left; width: 30%; margin-right:4%; padding-bottom:3%;} .Floor002820 .info-num li:nth-child(1),.Floor002820 .info-num li:nth-child(2),.Floor002820 .info-num li:nth-child(3){ border-bottom: 1px solid #2c5777; margin-bottom:1%;} .Floor002820 .info-num li:nth-child(3n){ margin-right:0;} } @media(min-width:1025px) and (max-width:1200px){ .Floor002820 .info-num li aside b{font-size: 50px;} } @media(min-width:641px) and (max-width:769px){ .Floor002820 .info-num li aside b{font-size:40px;} } @media(max-width:768px){ .Floor002820 .text h1{ font-size:24px; line-height:48px;} .Floor002820 .info-num li aside b{font-size: 32px;} .Floor002820 .info-num li aside span{ font-size: 20px; } } @media(max-width:640px){ .Floor002820 .text{ padding:5%;} .Floor002820 .info-num{ background:url(../images/bg1.jpg) no-repeat; background-size:cover;} .Floor002820 .info-num li{ padding:5%; width:50%; float:left;} .Floor002820 .info-num li aside b{font-size: 20px;} .Floor002820 .info-num li aside sub{ right:10%; bottom:20%;} .Floor002820 .info-num li p{ font-size:12px;} } /*Floor002505 */ .Floor002505{ padding:4% 0;} .Floor002505 .title{ padding-bottom:4%; text-align:center;} .Floor002505 .title h1{ font-size:40px; color:#000;} .Floor002505 .title span{ font-size: 16px; color: #666;} .Floor002505 .owl-carousel{ overflow:hidden; position:relative;} .Floor002505 .owl-carousel .owl-item{ float:left;} .Floor002505 .owl-carousel .owl-nav div{ position:absolute; top:50%; transform:translateY(-50%); width:92px; height:92px; background-position:0 0; background-repeat:no-repeat; overflow:hidden; line-height:1000px; cursor:pointer; background-size:contain;} .Floor002505 .owl-carousel .owl-nav div.owl-prev{ left:2%; background-image:url(../images/jt_z.png);} .Floor002505 .owl-carousel .owl-nav div.owl-next{ right:2%; background-image:url(../images/jt_r.png);} .Floor002505 .items{ position:relative; text-align:center;} .Floor002505 .items .txt{ position:absolute; left:0; right:0; bottom:10%; z-index:2;} .Floor002505 .items h2{ font-size:36px; padding:20px 0; font-weight:normal; margin:0; color:#fff;} .Floor002505 .items p{ font-size:18px; margin:0; color:#fff;} .Floor002505 .items .hover{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:3; transition:0.3s;} .Floor002505 .items .hover span{ background:#e60012 url(../images/jt_bs.png) no-repeat 84% center; display:inline-block; text-align:center; width:36%; padding-right:2%; border-radius:25px; font:normal 16px/54px "寰蒋闆呴粦"; color:#fff; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%);} .Floor002505 .items a{ display:block;} .Floor002505 .items a:hover .hover{ opacity:1;} .Floor002505 .items a .bg{ width: 100%;} .Floor002505 .items .hover::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0;} @media(max-width:768px){ .Floor002505 .title h1{ font-size:24px;} .Floor002505 .owl-carousel .owl-nav div{ width:45px; height:45px;} .Floor002505 .items h2{ font-size:24px;} .Floor002505 .items p{ font-size:16px;} .Floor002505 .items .hover span{ width:60%; line-height: 42px;} } /*Floor054 */ .Floor054{ padding-bottom:4%;} .Floor054 .title{ padding-bottom:4%; text-align:center;} .Floor054 .title h1{ font-size:40px; color:#000;} .Floor054 .title span{ font-size: 16px; color: #666;} .Floor054 .owl-carousel{ overflow:hidden; position:relative;} .Floor054 .owl-carousel .owl-item{ float:left;overflow: hidden;} .Floor054 .owl-carousel .owl-item:hover img { transform: scale(1.1); } .Floor054 .owl-carousel .owl-nav div{ position:absolute; top:50%; transform:translateY(-50%); width:92px; height:92px; background-position:0 0; background-repeat:no-repeat; overflow:hidden; line-height:1000px; cursor:pointer; background-size:contain;} .Floor054 .owl-carousel .owl-nav div.owl-prev{ left:2%; background-image:url(../images/jt_z.png);} .Floor054 .owl-carousel .owl-nav div.owl-next{ right:2%; background-image:url(../images/jt_r.png);} .Floor054 .items{ position:relative;} .Floor054 .items .txt{ position:absolute; left:10%; right:10%; bottom:10%; z-index:2;} .Floor054 .items a img{width: 100%;transition: all 0.6s;} .Floor054 .items h2{ font-size:36px; padding:20px 0; font-weight:normal; margin:0; color:#fff;} .Floor054 .items p{ font-size:18px; margin:0; color:#fff;} .Floor054 .items span{ display:inline-block; margin-top:10%; border-radius:25px; font:normal 16px/54px "寰蒋闆呴粦"; color:#fff; transition: 0.3s} .Floor054 .items a{ display:block;} .Floor054 .items a:hover span{ padding-left: 20px; padding-right:50px; background:#e60012 url(../images/jt_bs.png) no-repeat 84% center; text-align:center;} .Floor054 .items .hover::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0;} @media(max-width:1200px){ .Floor054 .items h2{ font-size:30px;} } @media(max-width:768px){ .Floor054 .title h1{ font-size:24px;} .Floor054 .owl-carousel .owl-nav div{ width:45px; height:45px;} .Floor054 .items h2{ font-size:24px;} .Floor054 .items p{ font-size:16px; margin-top: 0;} .Floor054 .items span{ line-height: 2; margin-top: 0;} } /* .Floor002491 涓篸emo缂栧彿 */ .Floor002491{ padding:0 7% 4% 7%;} .Floor002491 .title{ padding-bottom:4%; text-align:center;} .Floor002491 .title h1{ font-size:40px; color:#000;} .Floor002491 .title span{ font-size: 16px; color: #666;} .Floor002491 ul{} .Floor002491 ul * { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;} .Floor002491 ul li{ width: 25%;float: left; height: 567px; position: relative;} .Floor002491 ul li .pic{ position:absolute; width: 100%; height:100%; background: no-repeat; background-size: cover} .Floor002491 ul li .pic img{ display: none} .Floor002491 ul li .txtBox{ padding:8%; border-top: solid 1px rgb(255 255 255 / 0.3); color:#fff;} .Floor002491 ul li .txtBox span{ font-size:18px; padding-bottom:10px; display:block;} .Floor002491 ul li .txtBox .h3{ font-size: 22px; font-weight: normal; margin:0;} .Floor002491 ul li .txtBox em{ display:none;} .Floor002491 ul li .icon{ max-width: 50%; text-align: center; margin: 0 auto;} .Floor002491 ul li .liBox{ position: relative; width: 100%; height: 100%;} .Floor002491 ul li .liBox .liCon{position: absolute; width: 100%;bottom: 10px;} .Floor002491 ul li .liBox .date{ display:none;} .Floor002491 .wrap-container{ margin-left: -4%; margin-right: -4%} .Floor002491 .news{ margin-left: -20px; margin-right: -20px; padding: 0 4%} .Floor002491 .box_item{ padding: 20px;} @media screen and (min-width:769px ){ .Floor002491 ul li{ width: 23%; float: left; height: 567px;} .Floor002491 ul li .txt{display: none;} .Floor002491 ul li.on{ width:54%; z-index: 2} .Floor002491 ul li.on .pic{ position:relative; width:29%; float:left;} .Floor002491 ul li.on .pic img{ display:none;} .Floor002491 ul li.on .liBox{ width:71%; height: 100%; color:#000; position:absolute; top: 0; right: 0; box-shadow: 0 0 20px rgba(0,0,0,0.2)} .Floor002491 ul li.on .liBox .date{ position:absolute; left:0; top:10%; background:#e60012; width:100px; height:100px; font-size:18px; color:#fff; text-align:center; display:block;} .Floor002491 ul li.on .liBox .date span{ font:bold 54px/54px Verdana, Geneva, sans-serif; display:block;} .Floor002491 ul li.on .liBox .liCon{position:relative; height: 100%; background: url(../images/Floor002491-more.png) no-repeat 98% center;} .Floor002491 ul li.on .liBox .liCon .icon{position: absolute; left: 0;top: 50%; width: 100px; height: 75px;margin-top: -37.5px; } .Floor002491 ul li.on .liBox .liCon .txt{display: -webkit-inline-box;display:-moz-box;display: -webkit-box;display: -moz-inline-box;} .Floor002491 ul li.on .txtBox{ padding:35% 15% 0; color:#000;} .Floor002491 ul li.on .txtBox .h3{ text-align: left; font:normal 22px/44px "寰蒋闆呴粦";} .Floor002491 ul li.on .txtBox .txt{ font:normal 16px/30px "寰蒋闆呴粦"; margin-top: 22px;} .Floor002491 ul li.on .txtBox em{ padding-right: 20px; font:normal 16px/30px "寰蒋闆呴粦";background:url(../images/jt_hs.png) no-repeat right center; display:inline-block; margin-top:15%;} .Floor002491 ul li.on .txtBox span{ display:none;} } @media(max-width:768px){ .Floor002491 .title h1{ font-size:24px;} .Floor002491 ul li{ width:100%; height: auto} .Floor002491 ul li:nth-child(2){ margin: 3% 0} .Floor002491 ul li .liBox{ padding-left:45%;height: auto;} .Floor002491 ul li .txtBox{ color: #333; } .Floor002491 ul li .liBox .liCon{ position: relative;bottom: auto;} .Floor002491 ul li .pic{ width: 45%;} .Floor002491 ul li .txtBox .h3{ font-size: 16px;} .Floor002491 ul li .txt{ color: #888; margin-top: 5px;} .Floor002491 ul li .txtBox span{ font-size: 14px;} .Floor002491 .news{margin: 0; padding: 0 0 60px 0;} .Floor002491 .news .slick-arrow{top: auto;left: 50%;right: auto; bottom: 0;margin: 0;transform: translate(0,0);} .Floor002491 .news .slick-prev{margin-left: -50px;} .Floor002491 .news .slick-next{margin-right: -50px;} .Floor002491 .box_item{padding: 20px 1px;} .Floor002491 ul li .txt{-webkit-line-clamp: 2;} } /*Floor2021 */ .Floor2021{ position: relative;background: no-repeat center center; background-size:contain; padding:5% 0 36% 0;} .Floor2021, .Floor2021 a{color: #fff;} .Floor2021 .title{ text-align: center;} .Floor2021 .title h3{font-weight: normal;color: #fff; font-size: 40px; margin: 0;} .Floor2021 .title p{font-size: 16px;line-height: 1.875em; margin: 1em auto;} .Floor2021 .ditu{ width: 100%; height: 100%; position: absolute; top: 0} .Floor2021 .ditu:before{ content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: url(../images/qqyw_line.png) no-repeat; background-size: contain} @media(max-width:768px){ .Floor2021 .title h3{font-size: 24px;} .Floor2021 .title p{font-size: 16px;} } /*Floor003033 */ .Floor003033{ background: #fff; padding: 2.5%;} .Floor003033, .Floor003033 a{color: #000;} .Floor003033 .title{ text-align: center;} .Floor003033 .title h3{font-weight: normal;color: #013263;font-size: 26px; margin: 0;} .Floor003033 .title p{font-size: 16px;line-height: 1.875em; margin: 2em auto;} .Floor003033 .title .more{margin: 0 auto; display: table; padding: 0 1.214em; line-height: 2em; border: 1px solid #bbb; transition: 0.3s;} .Floor003033 .title .more:after{display: inline-block; content: ''; width: 6px; height: 6px; border-right: 1px solid #000; border-top: 1px solid #000; transform: rotate(45deg); margin-left: 21px; vertical-align: middle;} .Floor003033 .title .more:hover{color: #fff;background: #013263; border-color: #013263;} .Floor003033 .title .more:hover:after{border-color: #fff;} @media(max-width:640px){ .Floor003033 .title h3{font-size: 5vw;} .Floor003033 .title p{font-size: 3.5vw;} .Floor003033 .title .more{font-size: 3.2vw;} } .Floorlink{ padding-bottom: 4%} .Floorlink .title{ text-align: center; padding-bottom: 3%} .Floorlink .title h3{font-weight: normal;color: #013263;font-size: 26px; margin: 0;} .Floorlink .title p{font-size: 16px;line-height: 1.875em; margin: 2em auto;} .Floorlink .list a{ width:90%; margin: auto; padding-bottom:40%; position: relative; display: block; border: 1px solid #ddd;} .Floorlink .list img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;} @media(max-width:640px){ .Floorlink .title h3{font-size: 5vw;} .Floorlink .title p{font-size: 3.5vw;} .Floorlink .list{padding-bottom: 50px;} .Floorlink .list .slick-arrow{top: auto;left: 50%;right: auto; bottom: 0;margin: 0;transform: translate(0,0);} .Floorlink .list .slick-prev{margin-left: -40px;} .Floorlink .list .slick-next{margin-right: -40px;} } .Floor003033 .box_item{ padding:30px} .Floor003033 .list ul{ position: relative; max-width: 95%; margin: auto} .Floor003033 .list li{float: left;} .Floor003033 .list li a.ytable{ width:85%; height:85%; text-align: center; position:absolute; box-shadow: 0 2px 32px 11px rgba(200, 207, 213, 0.2); background: #fff; border-radius: 50%;background: #fff; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden} .Floor003033 .list li img{max-width: 75%;} .Floor003033 .list li img.hover{ display:none; width:100%; height:100%; max-width:100%; position:absolute; left:0; top:0;} .Floor003033 .list li a:hover img{ display:none;} .Floor003033 .list li a:hover img.hover{ display:inline-block;} .Floor003033 .list li .box{ padding-bottom: 100%; position: relative} @media(min-width:1025px){ .Floor003033 .list{position: relative;} .Floor003033 .list:after, .Floor003033 .list:before{ border-radius: 50%; position: absolute; content: '';width: 1.82vw;height: 1.88vw;background: #ffffff;box-shadow: 0 0.1vw 1.68vw 0.56vw rgba(200, 207, 213, 0.2);} .Floor003033 .list:before{ left: 27.66vw;top: 3.54vw;} .Floor003033 .list:after{right: 11.88vw; bottom: 0.99vw;} .Floor003033 .list li{ width:16%} .Floor003033 .list li:nth-child(2), .Floor003033 .list li:nth-child(5), .Floor003033 .list li:nth-child(7), .Floor003033 .list li:nth-child(9), .Floor003033 .list li:nth-child(13){ width: 10%} .Floor003033 .list li:nth-child(11), .Floor003033 .list li:nth-child(12){ width: 12%} .Floor003033 .list li:nth-child(3), .Floor003033 .list li:nth-child(6), .Floor003033 .list li:nth-child(10){ width: 13%} .Floor003033 .list li:nth-child(6), .Floor003033 .list li:nth-child(8){width: 19%;} .Floor003033 .list li:nth-child(8){ position: absolute; left:5%; bottom:10%; } .Floor003033 .list li.n21{ bottom:-20%; } .Floor003033 .list li:nth-child(9){margin-left:25%;clear:both; margin-top: -10%;margin-top: -5%;} .Floor003033 .list li:nth-child(10){ margin-left:20%} .Floor003033 .list li:nth-child(3){ margin-top:5%} .Floor003033 .list li:nth-child(4){ width:22%; margin-top:5%} .Floor003033 .list li:nth-child(6){margin-top:2%} .Floor003033 .list li:nth-child(7){ margin-top:5%} .Floor003033 .list li:nth-child(11){ margin-top:-5%} .Floor003033 .list li:nth-child(13){ position: absolute; right: 0; bottom: 30%} /*.Floor003033 .list li:nth-child(1), .Floor003033 .list li:nth-child(13){width: 9.95vw;height: 9.95vw;} .Floor003033 .list li:nth-child(2), .Floor003033 .list li:nth-child(7){width: 6vw;height: 6vw;} .Floor003033 .list li:nth-child(3){width: 8.44vw;height: 8.44vw;} .Floor003033 .list li:nth-child(4){width: 14vw;height: 14vw;} .Floor003033 .list li:nth-child(5), .Floor003033 .list li:nth-child(8), .Floor003033 .list li:nth-child(10){width: 6.46vw;height: 6.46vw;} .Floor003033 .list li:nth-child(6){width: 10.99vw;height: 10.99vw;} .Floor003033 .list li:nth-child(9){width: 11.67vw;height: 11.67vw;} .Floor003033 .list li:nth-child(11){width: 8.49vw;height: 8.49vw;} .Floor003033 .list li:nth-child(12), .Floor003033 .list li:nth-child(13){width: 7.24vw;height: 7.24vw;} .Floor003033 .list li:nth-child(1){margin-right: 2.5vw;} .Floor003033 .list li:nth-child(2){margin-top: 0.52vw;} .Floor003033 .list li:nth-child(3){margin-top: 4.84vw; margin-left: -0.05vw; } .Floor003033 .list li:nth-child(4){margin-left: 0.68vw; margin-top: 6.25vw;} .Floor003033 .list li:nth-child(5){margin-left: -1.25vw; margin-top: 1.77vw;} .Floor003033 .list li:nth-child(6){margin-left: 3.23vw; margin-top: 2.86vw;} .Floor003033 .list li:nth-child(7){margin-left: 1.51vw; margin-top: 2.86vw;} .Floor003033 .list li:nth-child(8){float: right;margin-top: 1.25vw;} .Floor003033 .list li:nth-child(9){clear: left; margin-top: -9.84vw; margin-left: 5.36vw;} .Floor003033 .list li:nth-child(10){margin-left: 1.77vw; margin-top: -5.52vw;} .Floor003033 .list li:nth-child(11){margin-left: 16.56vw; margin-top: -6.98vw;} .Floor003033 .list li:nth-child(12){margin-left: 2.29vw;margin-top: -5.73vw; } .Floor003033 .list li:nth-child(13){float: right;margin-right: 5vw; margin-top: -5vw;}*/ } @media(max-width:1024px){ .Floor003033{padding: 6vw 0;} .Floor003033 .list{width: 90vw; margin-top: 8vw; } .Floor003033 .list #listw{padding-bottom: 50px;} .Floor003033 .list .slick-arrow{top: auto;left: 50%;right: auto; bottom: 0;margin: 0;transform: translate(0,0);} .Floor003033 .list .slick-prev{margin-left: -50px;} .Floor003033 .list .slick-next{margin-right: -50px;} .Floor003033 .box_item{padding: 4vw;} .Floor003033 .list li{ width:25%} .Floor003033 .list li:nth-child(2){ width:28%} .Floor003033 .list li:nth-child(3), .Floor003033 .list li:nth-child(13){ width:20%} .Floor003033 .list li:nth-child(5){ width:24%} .Floor003033 .list li:nth-child(6){ margin-top: -20%} .Floor003033 .list li:nth-child(7), .Floor003033 .list li:nth-child(10){ width:20%;margin-top: -22%} .Floor003033 .list li:nth-child(10){ margin-left: 5%} .Floor003033 .list li:nth-child(11){margin-top: 10%} .Floor003033 .list li:nth-child(12){margin-top: -17%} .Floor003033 .list li:nth-child(13){ margin-left:18%; margin-top: -10%} } @media(max-width:640px){ /* .Floor003033 .auto_1560{ width: 100%} */ .Floor003033{padding-bottom: 8vw;} .Floor003033 .list{ width: 100%; overflow: hidden;} .Floor003033 .list ul {max-width: 100%;} .Floor003033 .list li img{ max-width:100%;} .Floor003033 .list li a.ytable{box-shadow: 0 2px 3vw 1.5vw rgb(200 207 213 / 20%);} } /*Floor002213*/ .Floor002213{ background:url(../images/Floor002213-bg.jpg) no-repeat center center; background-size:cover; padding:60px 0;} .Floor002213 .h2{text-align: center; color: #fff; font-size: 42px; font-weight:normal; margin:0;} .Floor002213 figure{ color:#fff; font-size:14px; line-height:2; max-width:650px; margin:20px auto 0; text-align:center;} .Floor002213 .more{height: 50px; max-width: 160px; width:50%; display: block; margin: 30px auto 0; text-align: center; line-height: 50px; background:#0b81c1; border-radius:50px; color: #d5e4f0; font-size: 14px;} .Floor002213 .Form{margin-top: 67px;} .Floor002213 dl{float: left; width:32%; margin-right:2%;} .Floor002213 dl:nth-child(3){ margin-right:0;} .Floor002213 dl.last{ width:100%;} .Floor002213 dd{ margin-bottom: 20px;} .Floor002213 input,.Floor002213 select,.Floor002213 textarea{ background:none; border:none;} .Floor002213 input::-webkit-input-placeholder,.Floor002213 textarea::-webkit-input-placeholder{color: #fff; } .Floor002213 input::-moz-input-placeholder,.Floor002213 textarea::-webkit-input-placeholder{color: #fff; } .Floor002213 input::-ms-input-placeholder,.Floor002213 textarea::-webkit-input-placeholder{color: #fff; } .Floor002213 textarea{ background: url(../images/wt.png) no-repeat left 10px; width: 100%; height: 118px; color: #fff; font-family: "寰蒋闆呴粦"; font-size: 14px;overflow:hidden; resize:none; border-bottom: 1px solid #395a74; padding:10px 25px;} .Floor002213 .text{ font-family: "寰蒋闆呴粦"; width: 100%; height: 48px; line-height: 48px; font-size: 14px; color: #fff; border-bottom: 1px solid #395a74; padding:0 25px;} .Floor002213 dl:nth-child(1) .text{ background: url(../images/xm.png) no-repeat left center;} .Floor002213 dl:nth-child(2) .text{ background: url(../images/dh.png) no-repeat left center;} .Floor002213 dl:nth-child(3) .text{ background: url(../images/yx.png) no-repeat left center;} .Floor002213 .btn{width: 190px; height: 50px; cursor:pointer; display: block; font-size: 16px; margin: 0 auto; font-family: "寰蒋闆呴粦" text-align: center; line-height: 50px; color: #fff; margin: 20px auto 0; background:#e60012; border-radius:50px; transition:all 0.5s ease-out 0s;} @media(max-width:1199px){ .Floor002213 .h2{ font-size:35px;} } @media(max-width:1000px){ .Floor002213{ padding:5% 0;} .Floor002213 .h2{ font-size:30px;} .Floor002213 .Form{ margin-top:35px;} } @media(max-width:767px){ .Floor002213 dl{ width:100% !important; float:none !important; margin-right:auto !important; max-width:500px; margin-left:auto !important;} .Floor002213 .h2{font-size: 6vw;} .Floor002213 figure{margin-top: 1em;} } /*Floor002213 End*/ /*Bottom002909 */ .Bottom002909{ background:url(../images/bottom_bg.jpg) no-repeat center center; background-size:cover;} .Bottom002909, .Bottom002909 a{ color:#a1a3b0;} .Bottom002909 .main{padding: 3.125vw 0;} .Bottom002909 .copyright{ background: #031c30; border-top:solid 1px #1d3345; color:#a1a3b0; line-height: 30px; padding: 20px 0;} .Bottom002909 nav dl{float: left; max-width: 180px;} .Bottom002909 nav dl#bot11{ display: none} .Bottom002909 nav dt{ margin-bottom: 20px;} .Bottom002909 nav dt a{color: #fff;font-size: 16px;text-transform: uppercase;} .Bottom002909 nav dd{line-height: 30px;padding: 5px 0;} .Bottom002909 nav dd a{color:#a1a3b0;} .Bottom002909 nav dd a:hover{color:#fff;} .Bottom002909 .copyright dd.fr a{ padding:0 10px;} .Bottom002909 .soglan{ font-size: 36px; color: #fff; margin-bottom: 20px;} .Bottom002909 .soglan h3{ font-size: 16px; padding-top:8%;} .Bottom002909 .tubiao a:not(:last-child){margin-right: 0.5vw;} .Bottom002909 .tubiao a{float: left; width: 30px; height: 30px;background-position: center center;background-repeat: no-repeat; opacity: 0.2;-webkit-opacity: 0.2; transition: 0.3s;} .Bottom002909 .tubiao a:hover{opacity: 1; -webkit-opacity: 1;} /*.Bottom002909 .tubiao a.in{background-image: url("../images/Bottom002909_linkedin.png");} .Bottom002909 .tubiao a.fb{background-image: url("../images/Bottom002909_facebook.png");} .Bottom002909 .tubiao a.tw{background-image: url("../images/Bottom002909_twitter.png");} .Bottom002909 .tubiao a.wb{background-image: url("../images/Bottom002909_weibo.png");} .Bottom002909 .tubiao a.wx{background-image: url("../images/Bottom002909_weixin.png");}*/ @media(min-width:1025px){ .Bottom002909 .contact{width: 27.143%;} .Bottom002909 nav{width:63.215%;} } @media(min-width:1025px) and (max-width:1200px){ .Bottom002909{font-size: 14px;} } @media(max-width:1024px){ .Bottom002909 nav{display: none;} .Bottom002909 .copyright{text-align: center;} .Bottom002909 .copyright dd a{display: inline-block;float: none;} .Bottom002909 .logo, .Bottom002909 .soglan, .Bottom002909 .tubiao{text-align: center;} .Bottom002909 .tubiao a{ display:inline-block; float:none;} } /*Banner003069 */ .Banner003069{position: relative; z-index: 1; margin-top: 112px;} .Banner003069 .Ispic{height: 540px;} .Banner003069 .txt{position: absolute; left: 0; top:40%; width: 100%; z-index: 10;color: #fff; font-size: 40px;} .Banner003069 .txt .en{ font-size:16px; line-height:30px;} .Banner003069 .txt .cn{ padding-bottom:20px;} .Banner003069 .wap{ display: none} .Banner003069 .pic img{ width: 100%} @media(max-width:1024px){ .Banner003069{margin-top: calc(54px + 4vw);} .Banner003069 .pc{ display: none} .Banner003069 .wap{ display:block} } @media(max-width:768px){ .Banner003069{margin-top: calc(54px + 8vw);} } @media(max-width:640px){ .Banner003069 .Ispic{height: 28vw;} .Banner003069 .txt{ top:44%; font-size:18px;} .Banner003069 .txt .en{ font-size: 12px; line-height:20px;} .Banner003069 .txt .cn{ padding-bottom:0;} } /* .Menu002272 涓篸emo缂栧彿 */ .Menu002272{ background: #fff; margin-top:-3%; box-shadow: 0 5px 10px rgba(0,0,0,0.08);position: relative; z-index: 1;} .Menu002272 .current{padding:0 30px;background: url(../images/Menu002272-icon.png) no-repeat left center;} .Menu002272 .current a{font-size: 14px;color: #999;padding: 0 12px 0 6px; position: relative; line-height: 45px;} .Menu002272 .current a:after{ content: "路"; position: absolute; top: 0; right: 0; line-height: 20px; height: 20px; color: #ddd;} .Menu002272 .current a:first-child{padding-left: 0;} .Menu002272 .current a:hover{color: #FC433E;} .Menu002272 .current span{padding-left: 10px} .Menu002272 .nav-menu{border-bottom: 1px solid #eef0f1;} .Menu002272 .nav-menu ul{display: block;float: left;} .Menu002272 .nav-menu ul li{float: left;line-height: 50px;margin: 0 2px;padding: 0 3px;} .Menu002272 .nav-menu ul li:first-child{margin-left: 0;} .Menu002272 .nav-menu ul li:hover, .Menu002272 .nav-menu ul li.on{background: #0068b7;} .Menu002272 .nav-menu ul li:hover a, .Menu002272 .nav-menu ul li.on a{color: #fff;} .Menu002272 .nav-menu .location{float: right;} .Menu002272 .current a{line-height: 60px;} @media screen and (min-width:1024px ) { .Menu002272 .nav-menu ul li{padding: 0 20px;margin: 0 6px;} } @media screen and (min-width:1200px ) { .Menu002272 .nav-menu ul li{font-size:16px;line-height: 100px;font-weight: 700;} .Menu002272 .current a{line-height: 100px;} .Menu002272 .current span{ color:#e60012;} } @media(max-width:768px){ .Menu002272 .current{ display:none;} .Menu002272 .nav-menu ul{ float:none;} .Menu002272 .nav-menu ul li{ width:25%; text-align:center; margin: 0} .Menu002272 .nav-menu ul li a{ font-size:14px;} } @media(max-width:640px){ .Menu002272 .nav-menu ul li a{ font-size:3.5vw;} } /*Floor002686 */ .Floor002686{ padding:8% 0;} .Floor002686 dl dd{ position:relative; float:left; margin-right:4%; width:30%;} .Floor002686 dl dd img{ display:block; width:100%;} .Floor002686 dl dd .txt{ z-index:10; position:absolute; left:6%; right:6%; bottom:6%; transition:0.3s; font-size:24px; color:#fff; } .Floor002686 dl dd .text_img{ z-index:10; position:absolute; left:-5%; top:-5%;} .Floor002686 dl dd:nth-child(3n+2){ margin-top:6%;} .Floor002686 dl dd:nth-child(3n+3){ margin-right:0;} @media(max-width:1024px){ .Floor002686 .ytable, .Floor002686 .ytable-cell{ display:block; width:auto !important;} .Floor002686 dd{ margin-top:0 !important;} } @media(max-width:768px){ .Floor002686 dd{ float:none; width:90% !important; margin:0 0 10% 5% !important;} } /*Floor002718 */ .Floor002718{overflow: hidden; position:relative; font-family:'寰蒋闆呴粦';} .Floor002718 .edit-info{ max-width:590px; font-size:16px; line-height:34px;} .Floor002718 .edit-info .tit{ font-size:40px; font-weight:normal; margin:0 0 6% 0; } .Floor002718 .edit-info pre{ margin-bottom:2%; margin-top:0;} .Floor002718 .pic img{ width: 100%} @media (min-width:1025px) { .Floor002718 .main{ position: absolute; width: 100%; height: 100%} .Floor002718 .main .ytable{ height:100%;} } @media(max-width:1024px){ .Floor002718 .pic, .Floor002718 .pic img{position: absolute; top: 0;height: 100%;} .Floor002718 .pic{left: 0;width: 100%; } .Floor002718 .pic img{max-width: none; left: 50%;transform: translateX(-50%);width: auto;} .Floor002718 .main{position: relative;z-index: 4;} .Floor002718 .edit-info{ width:100%;padding: 7vw 2vw 29vw 2vw;text-align: center;} .Floor002718 .edit-info .tit{ font-size:24px; margin-bottom:2%;} .Floor002718 .edit-info pre{font-size: 3.5vw; line-height: 1.5;} } /* .Floor002436 涓篸emo缂栧彿 */ .Floor002436{ margin:6% 0; overflow:hidden;} .Floor002436 .auto{ position: relative;} .Floor002436 .about{ width:48%; float:left;} .Floor002436 .about .title{ font-weight: normal; margin: 0; color: #000; font-size: 40px;} .Floor002436 .about .txt{ font-size: 16px; color: #000; line-height: 36px; margin-top: 3%;} .Floor002436 .info{ float:right; width: 41%;} .Floor002436 .info dl{ background:#f5f5f5; padding:5%;} .Floor002436 .info dl dt{ color: #333; font-size: 24px;} .Floor002436 .info dl dt span{ color: #999; font-size: 16px; padding-left:30px;} .Floor002436 .info dl dd{ color: #999; font-size: 16px; line-height:32px;} @media(max-width:768px){ .Floor002436 .about, .Floor002436 .info{ width:100%;} .Floor002436 .about .title{font-size: 7vw;} .Floor002436 .about .txt{font-size: 3.5vw; line-height: 1.5;} } /* .Floor001703 涓篸emo缂栧彿 */ .Floor001703{ padding:20px 0; overflow:hidden;} .Floor001703 .intro{ float:left; width:48%; padding-top:8%;} .Floor001703 .img{ float:right; width:43%;} .Floor001703 .info{ padding:2% 0; font:normal 16px/40px "寰蒋闆呴粦"; color:#666;} .Floor001703 .title span{ font:normal 40px/40px Verdana, Geneva, sans-serif; color:#0068b7;} .Floor001703 .title h1{ font:normal 40px/40px "寰蒋闆呴粦"; color:#000; margin:2% 0 5% 0;} @media(max-width:768px){ .Floor001703 .intro, .Floor001703 .img{ float:none; width:100%;} .Floor001703 .intro{ padding:0; padding-bottom:5%;} .Floor001703 .img{ text-align:center;} .Floor001703 .img img{ width:50%;} .Floor001703 .title h1{ font-size:24px;} } /*Floor003107 */ .Floor003107{} .Floor003107 .main{ position: absolute; width: 100%; height: 100%} .Floor003107 .pic img{ width: 100%} .Floor003107 .number{ text-align:center; padding-top: 10%} .Floor003107 .number dl{ display:block; float:left; width:14.2%;} .Floor003107 .number dl dt{ font:normal 52px/52px "Arial"; color:#fff; margin-bottom:10px;} .Floor003107 .number dl dt .counter{ display:inline-block;} .Floor003107 .number dl dd .t-1{ font:normal 14px/28px "寰蒋闆呴粦"; color: #fff; height:88px;} .Floor003107 .number dl dd .t-2{ position:relative;} .Floor003107 .number dl dd .t-2::before{ position:absolute; content:''; width:70%; height:100%; right:-30%; top:50%; border-top:dashed 1px #b2d1ea;} .Floor003107 .number dl:last-child dd .t-2::before{ display:none;} .box_img{ padding-bottom:6%; overflow:hidden;} .box_img a img{ transition: 0.3s;} .box_img a:hover img{ transform: scale(1.2);} .box_img a:last-child{ margin-right:0;} .box_img .swiper { width: 100%; height: 100%; } .box_img .swiper-slide a{ overflow:hidden; } .box_img .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; margin-top: 5px; } .box_img .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .box_img .swiper-slide:hover:before { content: ''; position: absolute; width: 100%; height: 100%; background: #0068b7; opacity: 0.5; } .box_img .swiper-slide .lj { font-size: 20px; position: absolute; width: 100%; height: 100%; color: #fff; /* top: 50%; */ display: flex; left: 0; right: 0; margin: auto; opacity: 0; align-items: center; justify-content: center; } .box_img .swiper-slide:hover .lj{ opacity: 1; } .box_img .swiper-slide .lj:before { content: ''; width: 30px; height: 30px; position: absolute; color: #fff; top: 60%; border: 1px solid; border-radius: 50px; background: transparent; } .box_img .swiper-slide .lj::after{ margin: auto; position: absolute; content: ''; border: solid white; top: 64%; left: -6px; border-width: 0 1px 1px 0; display: inline-block; padding: 4px; transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); right: 0; max-width: 0; } .box_img .swiper-button-prev{ left: 50px; right: auto; background: #fff; width: 45px; border-radius: 50px; } .box_img .swiper-button-prev:after{ content: 'prev'; font-size: 16px; z-index: 1; } .box_img .swiper-button-prev::before{ content: ''; position: absolute; width: 60px; height: 60px; background: #fff; border-radius: 50px; opacity: 0.3; } .box_img .swiper-button-prev:hover { background: #0068b7; z-index: 9; position: absolute; } .box_img .swiper-button-prev:hover::after { color: #fff; } .box_img .swiper-button-prev:hover::before { background: #5fa0d2; } .box_img .swiper-button-next{ background: #fff; width: 45px; border-radius: 50px; right: 50px; left: auto; } .box_img .swiper-button-next:after{ font-size: 16px; z-index: 1; } .box_img .swiper-button-next:before{ content: ''; position: absolute; width: 60px; height: 60px; background: #fff; border-radius: 50px; opacity: 0.3; } .tanchu .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { font-size: 20px; } .tanchu .swiper-pagination-current { color: #fff; } .tanchu .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { color: #fff; font-size: 30px; right: 0; margin-right: 0; margin-left: auto; right: 200px; bottom: -55px; left: auto; max-width: 200px; } .ca { position: absolute; width: 40px; height: 40px; background: #0168b7; right: -54rem; z-index: 99; top: -36px; left: 0; margin: auto; cursor: pointer; } .ca:before { content: ''; position: absolute; width: 2px; height: 25px; background: #fff; transform: rotate(130deg); left: 0; top: 7px; right: 0; margin: auto; } .ca:after { content: ''; position: absolute; width: 2px; height: 25px; background: #fff; transform: rotate( 230deg ); left: 0; top: 7px; right: 0; margin: auto; } .tanchu .swiper-pagination-total { font-size: 18px; } .box_img .swiper-button-next:hover { background: #0068b7; z-index: 9; position: absolute; } .box_img .swiper-button-next:hover::after { color: #fff; } .box_img .swiper-button-next:hover::before { background: #5fa0d2; } @media (max-width:1380px) { .Floor003107 .number dl dt{font-size:40px;} } @media (max-width:1100px) { .Floor003107 .number dl dt{font-size:30px;} } @media (max-width:768px) { .Floor003107 .main{ position: relative; background: #0168b7} .Floor003107 .number{ padding-top: 0} .Floor003107 .number dl{ width:33.333%; padding: 2%} .Floor003107 .number dl dt{ font-size:22px; margin-bottom:0;} .Floor003107 .number dl dd{ height:60px;} .Floor003107 .number dl dd .t-1{ font-size:14px; height:30px; overflow:hidden;} .Floor003107 .number dl dd .t-2::before{ display:none;} /* .box_img a{ width:49.8%;} */ } /*Floor001893*/ .Floor001893{ padding:5% 0 10% 0; background-repeat: no-repeat; background-position: center top; background-size: cover;display: none;} .Floor001893 .title{ text-align:center; font-size:40px; color:#fff; padding-bottom:3%;} .Floor001893 .year{ position:relative; padding:0 40px;} .Floor001893 .year .prev, .Floor001893 .year .next{ position:absolute; top:50%; width:92px; height:92px; margin-top:-75px; cursor:pointer;} .Floor001893 .year .prev{ left:0; background-image:url(../images/jt_z.png);} .Floor001893 .year .next{ right:0; background-image:url(../images/jt_r.png);} .Floor001893 .year .nextStop, .Floor001893 .year .prevStop{ cursor:default;} .Floor001893 .year .prevStop{ background-position: right top;} .Floor001893 .year .nextStop{ background-position: right bottom;} .Floor001893 .year .bd{ background:url(../images/Floor001893-bg.png) repeat-x left 2px; overflow:hidden;} .Floor001893 .year li{ float:left; cursor:pointer; text-align:center; background:url(../images/Floor001893-dot.png) no-repeat center top; font-size:18px;} .Floor001893 .year li span{ display:block; font:normal 18px/68px Verdana, Geneva, sans-serif; color: rgba(255,255,255,0.3);} .Floor001893 .year li:before{ display:block; width:120px; height:6px; content:'';} .Floor001893 .year li.on{ font-size:28px; color:#1865d0; background-image:url(../images/Floor001893-dot_hover.png);} .Floor001893 .year li.on:before{ background:url(../images/Floor001893-line.png) no-repeat right center;} .Floor001893 .year li.on span{ color: rgba(255,255,255,1);} .Floor001893 .txt{ padding-bottom:10%;} .Floor001893 .txt li{ width:100%; display:block;} .Floor001893 .txt li .img img{ border:solid 5px #fff;} .Floor001893 .txt li dl{ padding:5% 5% 5% 12%; width:53%;} .Floor001893 .txt li dl dt{ font:normal 48px/48px Verdana, Geneva, sans-serif; color:#fff; padding-bottom:10%;} .Floor001893 .txt li dl dd pre{ font:normal 16px/18px "寰蒋闆呴粦"; color: #fff;} @media(max-width:1000px){ .Floor001893 .txt li{ padding-right:3%;} .Floor001893 .txt li .ytable-cell{ display:block; width:100%;} .Floor001893 .txt li dl{ position:relative; z-index:1;} .Floor001893 .txt li dl{min-height:none;} .Floor001893 .txt li dl dt{ font-size:32px;} .Floor001893 .txt li dl dd pre{ font-size:14px; line-height:20px;} } @media(max-width:768px){ .Floor001893 .title{font-size:26px;} .Floor001893 .title span{font-size:20px;} .Floor001893 .title:after{ height:3px;} .Floor001893 .year .prev, .Floor001893 .year .next{width: 12vw; height: 12vw; background-size: contain; margin-top: -15vw;} } /*Floor002141 */ .Floor002141{ padding:3% 0;} .Floor002141 li{ float:left; width:20%;} .Floor002141 li a{ display:block; position:relative; box-shadow: 0 0 0 1px #f5f5f5} .Floor002141 li img{ display:block; width:100%; transition: 0.3s} .Floor002141 li span, .Floor002141 li span b{ position:absolute; left:0; width:100%;} .Floor002141 li span{ top:0; height:100%; background:rgba(208,17,27,0.9); opacity:0; transition: all 0.3s linear; } .Floor002141 li span b{ bottom:5%; color:#fff; font-weight:bold; text-align:center; line-height:40px; padding:0 5%; font-size:14px;} .Floor002141 li a:hover{ z-index: 5;} .Floor002141 li a:hover span{ opacity:1;transform: scale(1.1,1.1); box-shadow: 0 0 40px rgba(0,0,0,0.24)} .Floor002141 li.hover img{opacity: 0.5;filter:alpha(opacity=50);} @media(max-width:768px){ .Floor002141 li{ width:50%;} } @media(max-width:480px) and (min-width:376px){ .Floor002141 li span b{ font-size:24px;} } @media(max-width:375px){ .Floor002141 li{ float:none; width:auto;} } /*Page001959*/ .Page001959 .Pages{zoom:1; overflow:hidden; text-align:center; padding:0 0 5vw 0; text-align:center;} .Page001959 .Pages span{ padding:0px 3px; display:inline-block;} .Page001959 .Pages a{ display:inline-block; margin:0px 5px;line-height: 50px; height: 50px;width: 50px; font-size:1.2em; vertical-align:middle; color: #999; background-color: #f8f8f8} .Page001959 .Pages .p_cur, .Page001959 .Pages .p_count, .Page001959 .Pages .p_jump, .Page001959 .Pages .a_first, .Page001959 .Pages .a_end, .Page001959 .Pages .p_total{ display:none;} .Page001959 .Pages .p_page em{ font-style:normal;} .Page001959 .Pages a:hover, .Page001959 .Pages a.a_cur{ color:#fff; background-color:#e60012;} .Page001959 .Pages .a_prev, .Page001959 .Pages .a_next{ font-size: 0; line-height: 0; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-color: #fff} .Page001959 .Pages .a_prev{ background-image:url(../images/Page001959-prev.png);} .Page001959 .Pages .a_next{ background-image:url(../images/Page001959-next.png);} @media(max-width:768px){ .Page001959 .Pages{ line-height:30px;} .Page001959 .Pages a{ font-size:18px;padding:0px 10px;} .Page001959 .Pages .a_prev, .Page001959 .Pages .a_next{ width:30px; height:30px; background-size:auto 60%;} } @media(max-width:480px){ .Page001959 .Pages .p_page em{ display:none;} } /*PicList002525 */ .PicList002525{ padding:2% 0;} .PicList002525 ul{ position:relative; overflow:hidden;} .PicList002525 li{ float:left; position:relative; padding:1.5% 0; border:solid 1px #ddd;} .PicList002525 li a{display: flex;align-items: center;justify-content: center;height: 200px;} .PicList002525 .lcid53 li a{ height: 400px;} .PicList002525 li img{ margin:0 auto; display:block;max-height: 100%;} @media(min-width:769px){ .PicList002525 li{ width:24%; margin-right:1%; margin-bottom:2%;} /* .PicList002525 li:nth-child(2){ position:absolute; left:0; bottom:0;} .PicList002525 li:nth-child(5){ position:absolute; left:50.6%; top:48%;} .PicList002525 li:nth-child(6){ position:absolute; right:0; top:0; margin-right:0;} */ } @media(max-width:768px){ .PicList002525 li{ width:48%; margin:5% 1% 0;} } /*Floor002950 */ .Floor002950{ padding:2% 0;} .Floor002950 .video{position: relative; z-index: 1; text-align:center; padding:10% 0 15% 0; box-shadow: 1px 12px 12px 16px rgba(0,102,169,0.5) inset; -webkit-box-shadow: 1px 0px 12px 12px rgba(0,102,169,0.5) inset; -moz-box-shadow: 1px 0px 12px 12px rgba(0,102,169,0.5) inset;} .Floor002950 .videono{ padding:0; box-shadow:none;} .Floor002950 .open-video{ position: absolute; bottom: 25%; z-index: 10; background:#0068b7; font:bold 18px/60px "寰蒋闆呴粦"; color:#fff; width:25%; margin:0 auto;} .Floor002950 .video video{background: #000;} .Floor002950 .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #0068b7;cursor: pointer;} .Floor002950 .close::before, .Floor002950 .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .Floor002950 .close::before{ transform:rotate(45deg);} .Floor002950 .close::after{ transform:rotate(-45deg);} @media(max-width:768px){ .Floor002950 .video-open{ padding:8%;} .Floor002950 .open-video{ width:84%; bottom:8%;} } /* .Spec001220 涓篸emo缂栧彿 */ .Spec001220{ padding-top:4%;} .Spec001220 .search .text{ width:85%; border:1px solid #0068b7; background:none; padding:0 30px; font:normal 16px/65px "寰蒋闆呴粦"; color:#333; float:left;height: 65px;} .Spec001220 .search .btn{ border:none; cursor:pointer; background:#0068b7 url(../images/search.png) no-repeat 65% center; font:normal 16px/65px "寰蒋闆呴粦"; color:#fff; width:15%; float:right;} .Spec001220 .search .title{ padding-bottom:1%; margin-top:15px;} .Spec001220 .search .title h1{ float:left; font:normal 16px/50px "寰蒋闆呴粦"; color:#666; width:70%;} .Spec001220 .search .title h1 b{ font-family:"瀹嬩綋";} .Spec001220 .search .title span{ float:right; width:30%; text-align:right;} .Spec001220 .search .title span input{ background:#f3f6f9; border:solid 1px #ddd; text-align:center; width:28%; height:50px; font:normal 16px/50px "寰蒋闆呴粦"; color:#457194;} .Spec001220 .search .title span input.sq{ background:#fff url(../images/jt.jpg) no-repeat 85% center; position:relative; padding-right:15px;} .Spec001220 .sx{ border:solid 1px #ddd; padding:0 20px; overflow:hidden;} .Spec001220 .sx dl{ padding:30px 0; border-bottom:solid 1px #ddd; font:normal 16px/20px "寰蒋闆呴粦"; color:#666; overflow:hidden;} .Spec001220 .sx dl:last-child{ border:0;} .Spec001220 .sx dl dt{ float:left; width:12%; font:normal 16px/20px "寰蒋闆呴粦"; color:#0068b7;} .Spec001220 .sx dl dd{ float:left; width:88%;} .Spec001220 .sx dl dd span{ padding-right:6%; padding-bottom:2%; display:inline-block;} .Spec001220 .sx dl dd input[type="checkbox"]{width:20px;height:20px;display: inline-block;text-align: center;vertical-align: middle;position: relative;} .Spec001220 .sx dl dd input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #d8dee5;width: 100%;height: 100%;border: 1px solid #d9d9d9} .Spec001220 .sx dl dd input[type="checkbox"]:checked::before{content: "\2713";background-color: #fff;position: absolute;top: 0;left: 0;width:100%;border: 1px solid #e50232;color:#e50232;font-size: 14px;font-weight: bold;} @media(max-width:768px){ .Spec001220 .search .title{ padding-bottom:5%; overflow:hidden;} .Spec001220 .search .title h1{ width:25%; line-height:30px;} .Spec001220 .search .title span{ width:75%;} .Spec001220 .search .title span input{ width:46%;} .Spec001220 .search .text{ width:68%; line-height: 50px;height: 50px;} .Spec001220 .search .btn{ width:32%; background-position:80% center; padding-right:6%;line-height: 50px;height: 50px;} .Spec001220 .sx dl dt{ width:100%; margin-bottom:4%;} .Spec001220 .sx dl dd{ overflow:auto; max-height:146px;} .Spec001220 .sx dl dd span{ width:50%;} .Spec001220 .sx dl dd span:nth-child(2n){ padding-right:0;} } /* .PicList002796 */ .PicList002796{ padding:2% 0;} .PicList002796 ol{ position: relative; margin-bottom: 3%; border-bottom: 1px solid #eee; padding-bottom:3%;} .PicList002796 h1{ font:bold 30px/30px "寰蒋闆呴粦"; color:#333;} .PicList002796 ol .video_box{ background:#fbfbfb; border:solid 1px #eee;} .PicList002796 ol .video_box figure{ width:50%; position: relative; z-index: 1; text-align:center; padding:4% 0; box-shadow: 1px 12px 12px 16px rgba(0,102,169,0.5) inset; -webkit-box-shadow: 1px 0px 12px 12px rgba(0,102,169,0.5) inset; -moz-box-shadow: 1px 0px 12px 12px rgba(0,102,169,0.5) inset;} .PicList002796 ol .video_box figure a{ cursor: pointer;} .PicList002796 ol .video_box .text{ width:50%; padding:5%;} .PicList002796 ol .video_box .text a{ background: url(../images/jt.png) no-repeat left center; display:block; font:normal 18px/54px "寰蒋闆呴粦"; color:#000; border-bottom:dashed 1px #d9d9d9; padding-left:20px; cursor: pointer;} .PicList002796 ol .video_box .text a.more{ background:0; border:0; color:#0068b7; text-align:right;} .PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:99;} .PicList002796 .video_files video{width:100%; height:100%; background-color:#000;} .PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #0068b7;cursor: pointer;} .PicList002796 .video_files .close::before, .PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList002796 .video_files .close::before{ transform:rotate(45deg);} .PicList002796 .video_files .close::after{ transform:rotate(-45deg);} .PicList002796 li{ background:#f8f8f8; position:relative; } .PicList002796 li figure{ background:#fff; position: relative; z-index: 1; text-align:center; padding:10% 0 20% 0; box-shadow: 1px 12px 12px 16px rgba(0,102,169,0.5) inset; -webkit-box-shadow: 1px 0px 12px 12px rgba(0,102,169,0.5) inset; -moz-box-shadow: 1px 0px 12px 12px rgba(0,102,169,0.5) inset;} .PicList002796 li figure h1{ position: absolute; left:22%; bottom: 18%; z-index: 10; background:#0068b7; font:bold 16px/30px "寰蒋闆呴粦"; color:#fff; width:56%; margin:0 auto;padding: 0 20px;} .PicList002796 li .text{ padding:5%; color:#dfdfdf;} .PicList002796 li .text p{ font:normal 18px/30px "寰蒋闆呴粦"; color:#000; margin:0;} .PicList002796 li .text time{ display: inline-block; font:normal 14px/30px "寰蒋闆呴粦"; color: #999; padding-right:10px;} .PicList002796 li .text em{ background: url(../images/dz.png) no-repeat left center; font:normal 14px/30px "寰蒋闆呴粦"; color: #008dc5; margin-left:10px; padding-left:20px;} .PicList002796 li .text em.on{background: url(../images/dz1.png) no-repeat left center;} .PicList002796 li .text .a_play{ background: url(../images/bf.png) no-repeat left center; width:80px; height:34px; display:block; position:absolute; right:5%; bottom:5%;} .PicList002796 li .text .a_play:hover{background-image: url(../images/bf2.png);} @media(min-width:769px){ .PicList002796 li{ float: left; width: 30.6%; margin-right:4%; margin-bottom:2%;} .PicList002796 li:nth-of-type(3n){ margin-right: 0; } .PicList002796 li:nth-of-type(3n+1){clear:left;} } @media(max-width:768px){ .PicList002796 ol .ytable,.PicList002796 ol .ytable-cell,.PicList002796 ol .video_box figure,.PicList002796 ol .video_box .text{ width:100%; display:block;} .PicList002796 ol .video_box figure{ padding:10%;} .PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;} .PicList002796 figure em{ padding-bottom: 47%; background-size:cover;} } /* .PicList002256 涓篸emo缂栧彿 */ .PicList002256{ padding:2% 0;} .PicList002256 li{ position:relative; margin-bottom:4%; overflow:hidden;} .PicList002256 li .txt{ width:44%; float:left; border-top:1px solid #eee; padding:4% 0; overflow:hidden;} .PicList002256 li .txt time{ padding:12px 0 0; text-align:center; font:bold 60px/30px "Arial"; color:#000; position:absolute; left:0; top:17%;} .PicList002256 li .txt time span{ display:block; font:normal 18px/30px "寰蒋闆呴粦"; color:#999; padding-top: 15px;} .PicList002256 li .txt h3{ font:normal 24px/30px "寰蒋闆呴粦"; color:#333; margin:0; padding-left:15%;} .PicList002256 li .txt h3 a:hover{ color:#e60012;} .PicList002256 li .txt p{ margin:4% 0 6% 0; font:normal 16px/30px "寰蒋闆呴粦"; color:#666; padding-left:15%; overflow:hidden;} .PicList002256 li .txt .more{ background:#fff url(../images/jt_hs.png) no-repeat 84% center; display:inline-block; width:25%; margin-left:15%; padding-right:2%; border-radius:25px; font:normal 16px/54px "寰蒋闆呴粦"; color:#333;} .PicList002256 li .txt .more:hover{ background:#e60012 url(../images/jt_bs.png) no-repeat 84% center; color:#fff; width:36%; text-align:center;} .PicList002256 li .pic{ width:49%; float:right;} @media(max-width:1200px){ .PicList002256 li .txt .more{ width: 43%;} } @media(max-width:768px){ .PicList002256 li{ text-align:center;} .PicList002256 li .txt,.PicList002256 li .pic{ width:100%;} .PicList002256 li .txt time{ position:inherit; display:block; margin:2% auto; font-size:36px;} .PicList002256 li .txt h3,.PicList002256 li .txt p{ padding:0;} .PicList002256 li .txt .more{ margin:0; width:44%;} } /* .PicList054 涓篸emo缂栧彿 */ .PicList054{ padding:2% 0;} .PicList054 li{ background:#fff; padding:3% 0; border-top:1px solid #fff; border-bottom:1px solid #f0f0f0; overflow:hidden;} .PicList054 li .auto{ position:relative;} .PicList054 li .txt{ width:44%; float:left; overflow:hidden;} .PicList054 li .txt time{ text-align:center; font:bold 48px/48px "Arial"; color:#000; position:absolute; left:0; top:0;} .PicList054 li .txt time span{ display:block; background:#007dc7; font:normal 18px/18px "寰蒋闆呴粦"; color:#fff; margin-top: 10px; text-align:center;} .PicList054 li .txt h3{ font:normal 24px/30px "寰蒋闆呴粦"; color:#333; margin:0; padding-left:15%;} .PicList054 li .txt p{ margin:4% 0 6% 0; font:normal 16px/30px "寰蒋闆呴粦"; color:#666; padding-left:15%; overflow:hidden;} .PicList054 li .txt .more{ margin-left:15%; font:bold 16px/54px "瀹嬩綋"; color:#0068b7;} .PicList054 li .pic{ width:20.9%; float:right;} .PicList054 li:hover{ background:#f8f8f8; border-color:#f0f0f0;} .PicList054 li:hover h3 a{ color:#007dc7;} @media(max-width:768px){ .PicList054 li{ text-align:center;} .PicList054 li .txt,.PicList054 li .pic{ width:100%;} .PicList054 li .txt time{ position:inherit; display:block; margin:2% auto; font-size:36px;} .PicList054 li .txt h3,.PicList054 li .txt p{ padding:0;} .PicList054 li .txt .more{ margin:0; width:44%;} } /*RighInfo002973 */ .RighInfo002973{ padding:2% 0; } .news-details{ padding: 3% 0;color: #333; font-size: 16px;} .news-details .title{text-align: center;} .news-details .title h1{font-size: 30px; margin: 0 0 20px 0;} .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;} .news-details .title2 h2{ font-size:40px; margin:20px 0;} .news-details .edit-info{line-height: 1.875em;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;padding: 2% 0; margin: 2% 0;} .news-details .edit-info .fx h1{ float:left; font:normal 16px/32px "寰蒋闆呴粦"; color:#999; margin:0;} .news-details .edit-info .fx span{ float:right; background:url(../images/dz.png) no-repeat left center; font:normal 16px/32px "寰蒋闆呴粦"; color:#999; padding-left:22px;} .news-details .edit-info .fx span b{ color:#0068b7;} .news-details .pn-page aside{padding: 10px 0;} .news-details .pn-page aside a{color: #666;} .news-details .pn-page aside a b{color: #333;} .news-details .operating a:hover, .news-details .pn-page aside a:hover{color: #e60012;} .news-details .operating{overflow: hidden;line-height: 24px;} .news-details .operating a{padding-left: 25px;background-repeat: no-repeat;background-position: left center;} .news-details .operating a:not(:last-child){margin-right: 45px;} .news-details .operating a.a-close{background-image: url("../images/fh.png");} @media(min-width:1025px){ .news-details .pn-page{min-height: 24px; position: relative;padding-right: 230px;} .news-details .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);} .news-details .operating a{float: left;} } @media(max-width:1024px){ .news-details .operating{text-align: right; padding-bottom: 20px;} .news-details .operating a{display: inline-block;} } @media(max-width:640px){ .news-details .title h1{font-size:6vw;} .news-details .title2 h2{font-size:6vw;} .news-details{ font-size: 14px;} } /* .TextList001729 涓篸emo缂栧彿 */ .TextList001729{ padding:2% 0;} .TextList001729 .tips{ padding:20px 0; position:relative;} .TextList001729 dl{ background:#f3f6f9; width:23.5%; height:60px; margin-right:1.5%; font:normal 16px/60px "寰蒋闆呴粦"; color:#999; float:left; position:relative;} .TextList001729 dl dt{ position:absolute; left:20px; font:normal 16px/60px "寰蒋闆呴粦"; color:#333;} .TextList001729 dl dd{ padding-left:50%; background: url(../images/sj.png) no-repeat 45% center;} @media (max-width:768px) { .TextList001729 dl dd{padding-left: 32%; background-position: right 10px center;} } .TextList001729 dl dd select{ background: transparent; border: none; display:block; width:100%; height:60px; font:normal 16px/60px "寰蒋闆呴粦"; color:#999; appearance:none; -moz-appearance:none; -webkit-appearance:none;} .TextList001729 .search{ width:25%; height:60px; float:right;} .TextList001729 .search input{ border:none; } .TextList001729 .search .text{ background:#f3f6f9; width:70%; height:60px; line-height:60px; padding:0 56px 0 10px; color:#999; float:left;} .TextList001729 .search .btn{ background:#0068b7; font:normal 16px/60px "寰蒋闆呴粦"; color:#fff; cursor:pointer; width:30%; height:60px; text-align:center;} .TextList001729 .title{ font:normal 16px/60px "寰蒋闆呴粦"; color:#666;} .TextList001729 .title b{ color:red;} .TextList001729 .type{ background:#f8f8f8; display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#d8dee5; color:#fff;} .TextList001729 .type li{ position:relative; display:table-cell; vertical-align:middle; text-align:center; padding-top:10px; padding-bottom:10px; font-size:16px; color:#333; line-height:36px;} .TextList001729 ul.type li{ cursor:pointer;} .TextList001729 .type li:nth-child(1){width:15%; padding-left:2%; text-align:left !important;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7){width:13%;} .TextList001729 .type li i{ position:absolute; width:28px; height:28px; background:#e9e9e9; border-radius:50%; right:45%; margin-top:-14px;} .TextList001729 .type li i::before, .TextList001729 .type li i::after{ position:absolute; content:''; background:#666;} .TextList001729 .type li i::before{ left:25%; width:50%; height:2px; top:50%; margin-top:-1px;} .TextList001729 .type li i::after{ left:50%; margin-left:-1px; width:2px; top:25%; height:50%;} .TextList001729 .show ul.type{ background:#e60012; color:#fff;} .TextList001729 .show ul.type li{ color:#fff;} .TextList001729 .show ul.type li i{ background:#fff;} .TextList001729 .show ul.type li i::before{ background:#e60012;} .TextList001729 .show ul.type li i::after{ display:none;} .TextList001729 .list{ margin-top:20px;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:16px; line-height: 36px; padding:4%; background: #f8f8f8} .TextList001729 .list .con strong{ font-size: 20px; color: #000} .TextList001729 .txt_wap li{ display: none} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:180px; width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#e60012; font-size:18px; border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){ display:none;} .TextList001729 .type li{ width:20% !important;} .TextList001729 .txt_wap li:nth-child(1), .TextList001729 .txt_wap li:nth-child(4), .TextList001729 .txt_wap li:nth-child(5){ display: block} } @media(max-width:768px){ .TextList001729 dl{ width:100%; margin-bottom:2%;} .TextList001729 .list .con{font-size:14px; line-height: 26px;} .TextList001729 .search{ width:100%;} .TextList001729 .type li:nth-child(4){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .txt_wap li:nth-child(3){ display: block} } @media(max-width:480px){ .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 .txt_wap li:nth-child(2){ display: block} } /* .TextList054 涓篸emo缂栧彿 */ .TextList054{ background:#f8f8f8; padding:2% 0;} .TextList054 .tips{ position:relative; border:solid 1px #ddd; border-radius:30px; overflow:hidden;} .TextList054 .s_box{ width:8%; margin-left:4%; float:left; position:relative;} .TextList054 .s_box::after{ content:"|"; color:#e9e9e9; position:absolute; right:-30%; top:30%;} .TextList054 .s_box select{ background: url(../images/sj.png) no-repeat right center; border: none; padding:0 5%; display:inline-block; width:100%; height:60px; font:normal 16px/60px "寰蒋闆呴粦"; color:#333; appearance:none; -moz-appearance:none; -webkit-appearance:none;} .TextList054 .search{ width:60%; height:60px; float:right;} .TextList054 .search input{ border:none; } .TextList054 .search .text{ background: url(../images/search_hs.png) no-repeat left center; width:85%; height:60px; line-height:60px; padding:0 56px 0 30px; color:#999; float:left;} .TextList054 .search .btn{ background:#0068b7; font:normal 16px/60px "寰蒋闆呴粦"; color:#fff; cursor:pointer; width:15%; height:60px; border-radius:0 30px 30px 0; text-align:center;} .TextList054 .title{ font:normal 16px/60px "寰蒋闆呴粦"; color:#666;} .TextList054 .title b{ color:red;} .TextList054 .type{ background:#fff; display:table; width:100%; padding:2%; z-index: 5; position: relative} .TextList054 .type li{ position:relative; display:inline-block; padding-right:4%; font-size:16px; color:#999; line-height:36px;} .TextList054 ul.type li{ cursor:pointer;} .TextList054 .type li:nth-child(1){ display:block; font-size:20px; font-weight:bold; color:#000;} .TextList054 .type li:nth-child(7){ background: url(../images/m.png) no-repeat right center; float:right; padding-right:2%;} .TextList054 .show ul.type{ background:#e60012; color:#fff; box-shadow: 0 12px 30px 0 rgba(255,0,20,0.24)} .TextList054 .show ul.type li{ color:#fff;} .TextList054 .show ul.type li:nth-child(7){ background: url(../images/w.png) no-repeat right center;} .TextList054 .txt_wap{ display: none} .TextList054 .list{ margin-top:20px; margin-bottom:4%;} .TextList054 .list .con{ display:none; padding:2%; font-size:16px; line-height: 36px; overflow:hidden; background: #fff} .TextList054 .btn_apply{ padding:10px 0;} .TextList054 .btn_apply a{ display:inline-block; max-width:180px; width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#e60012; font-size:18px; border-radius:3px;} .TextList054 .Page001959 .Pages a{ background-color: #e9e9e9} .TextList054 .Page001959 .Pages .p_page a:hover, .TextList054 .Page001959 .Pages .p_page a.a_cur{ background-color: #e60012} .TextList054 .Page001959 .Pages .a_prev, .TextList054 .Page001959 .Pages .a_next{ background-color: #f8f8f8} @media(max-width:768px){ .TextList054 dl{ width:100%; margin-bottom:2%;} .TextList054 .s_box{ width:26%;} .TextList054 .s_box::after{ display:none;} .TextList054 .search{ width:100%;} .TextList054 .search .text{ background-position:20px center; padding:0 56px;} .TextList054 .type li{ width:100% !important; display:none;} .TextList054 .type li:nth-child(1),.TextList054 .type li:nth-child(7){ display:block;} .TextList054 .txt_wap{ display: block} .TextList054 .list .con{ font-size: 14px; line-height: 26px;} } /* .PicList001761 涓篸emo缂栧彿 */ .PicList001761 .Page001959{background:#f8f8f8; } .PicList001761 .Pages{ clear: both;position: relative; margin-top:-8vw; padding-top:3vw; overflow:hidden;} .PicList001761 .categoryname{ padding:3% 0; font-size:30px; color:#000; text-align:center;} .PicList001761 .categoryname span{ display:block; width:4%; height:2px; background:#535353; margin:2% auto 0 auto;} .PicList001761 li{ float:left; width:29%; margin-right:6.5%; margin-bottom:3%; text-align:center;} .PicList001761 li figure{ padding-bottom:56%; background-size:contain;} .PicList001761 li figure img{ display:none;} .PicList001761 li a{ font-size:18px; color:#333; display:block;} .PicList001761 li a:hover span{ background-color:#0068b7; color:#fff;} .PicList001761 li span{ background:#fff; line-height:70px; font-size:18px; box-shadow: 0 8px 49px 0 rgba(0,0,0,0.05)} .PicList001761 li:nth-child(3n){ margin-right:0;} .PicList001761 dl{ background: url(../images/yfcg_bg.jpg) no-repeat left top; width:50%; padding:2%; margin-bottom:5%; float:left; overflow:hidden;} .PicList001761 dl dt{ width:82%;} .PicList001761 dl dd{ width:36%;} .PicList001761 dl dd h1,.PicList001761 dl dd h2{ margin:0; font-weight:normal; font:normal 30px/32px "寰蒋闆呴粦"; color:#fff; text-transform:uppercase;} .PicList001761 dl dd a{ margin-top:24%; display:block;} @media(max-width:768px){ .PicList001761 .categoryname{ font-size:18px;} .PicList001761 li{ width:48%; margin:0 1% 2%; } .PicList001761 li span{line-height: 2.5; font-size: 3.5vw; padding: 0 1em;} } /* .Form002337 涓篸emo缂栧彿 */ .Form002337{ padding:2% 0;} .Form002337 .Form_text{ background: url(../images/shfw_bg.png) no-repeat left top; width:34%; float:left; padding-top:2%; padding-left:3%;} .Form002337 .Form_text h1{ font:normal 24px/44px "寰蒋闆呴粦"; color:#000;} .Form002337 .Form_text em{ background:#0068b7; width:30px; height:5px; display:block; margin-top:8%;} .Form002337 .Form_text h2{ font:normal 20px/40px "寰蒋闆呴粦"; color:#000;} .Form002337 .Form_text p{ font:normal 16px/28px "寰蒋闆呴粦"; color:#333;} .Form002337 .Form_text img{ margin-top:8%;} .Form002337 form{ width:56%; float:right;} .Form002337 form .line1{ background:#333; height:2px; margin-bottom:2px;} .Form002337 form .line2{ background:#333; height:1px; margin-bottom:6%;} .Form002337 .no_float{ width: 100%; float: none; max-width: 800px; margin: auto} .Form002337 .row{ padding-bottom: 15px; overflow:hidden;} .Form002337 .rowbox{ padding-bottom: 0;} .Form002337 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;} .Form002337 .row-inner{ margin: 0 auto; position: relative; padding-left: 75px; color: #666; font-size: 14px; line-height: 44px;} .Form002337 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; font-size: 14px; font-weight: normal;} .Form002337 .row-inner .username{ display: block;} .Form002337 .row-inner .text{ border: 1px solid #eee; color: #adadad; line-height: 60px;height: 60px; width: 100%; padding: 0 10px; display: inline-block; border-radius: 3px;} .Form002337 .row-inner .text.focus{border-color: #333; color: #333;} .Form002337 .row-inner textarea.text{ border: 1px solid #eee; color: #adadad; width: 100%; padding: 10px; height:120px; display: inline-block; border-radius: 3px;} .Form002337 .lx span{ padding:0 10px; font-size:34px; color:#ddd; line-height:60px; float:left;} .Form002337 .lx .text{ width:15%; float:left; display:block; text-align:center;} .Form002337 .yx span{ padding:0 10px; font-size:18px; color:#000; line-height:60px; float:left;} .Form002337 .yx .text{ width:15%; float:left; display:block; text-align:center;} .Form002337 .yx .text:nth-child(2){ width:25%;} .Form002337 .jx span{ padding:0 10px; font-size:18px; color:#000; line-height:60px; float:left;} .Form002337 .jx .text{ width:48.4%; float:left; display:block;} .Form002337 .xlh .text{ width:48.4%;} .Form002337 b{ color:red;} .Form002337 .btn{ background-color: #0068b7; line-height: 60px;height: 60px; font-size: 18px; color: #fff; text-align: center; width: 130px; border: none; cursor: pointer; margin: 20px auto 20px; display: inline-block;} .Form002337 .btn.reset{ background-color: #dddddd; color:#333; margin-left: 10px;} .Form002337 .address>*{ display: block; float: left;} .Form002337 .address>*+*{ margin-left: 1%;} .Form002337 .address .selectbox{ width:32.6%;} .Form002337 .address .selectbox select{ height: 60px; width: 100%; border: 1px solid #eee; border-radius: 3px; color: #adadad;} .Form002337 .address .selectbox select.focus{ color: #333;} .Form002337 .address .text{ width:37% ; max-width: 546px;} @media only screen and (max-width:768px ) { .Form002337 .Form_text h1{font-size: 4vw; line-height: 1.5;} .Form002337{ padding:20px 0; } .Form002337 .Form_text,.Form002337 form{ width:100%;} .Form002337 .lx .text{ width:25%;} .Form002337 .yx .text{ width:40%;} .Form002337 .yx .text:nth-child(2){ width:46%;} .Form002337 .jx .text{ width:45.3%;} .Form002337 .xlh .text{ width:100%;} .Form002337 .btn{ width: 85px; line-height: 35px; font-size: 16px;height: 35px;} .Form002337 .address .selectbox{ width: 32.3334%;} .Form002337 .address .text{ width: 100%; margin-top: 10px; margin-left: 0;} .Form002337 .yx span, .Form002337 .lx span{line-height: 40px;} .Form002337 input[type='file']{display: block;width: 100%;} .Form002337 .row-inner textarea{width: 100%; border: 1px solid #eee;display: block;} } @media only screen and (max-width:480px ) { .Form002337 .address .selectbox{ width: 100%; margin-left: 0 !important; max-width: none;} .Form002337 .address .selectbox+.selectbox{ margin-top: 10px;} .Form002337 .row-inner .text{ max-width: none;} } /* .TextList054 涓篸emo缂栧彿 */ .FaqList054{ background:#f8f8f8; padding:2% 0;} .FaqList054 .tips{ position:relative; overflow:hidden;} .FaqList054 .link{ position:relative; padding:30px 0 20px 0; width:20%; float:left;} .FaqList054 .link h6{ padding:0px 20px; background:#fff; margin: 0; border:solid 1px #e6e6e6;} .FaqList054 .link h6 a{ font:normal 18px/50px "寰蒋闆呴粦"; color:#d4d4d4;} .FaqList054 .link h6 i{ cursor:pointer; display:block; position:absolute; right:1px; width:55px; height:49px; background:url(../images/sjt.jpg) no-repeat right;} .FaqList054 .link ul{ display:none; width:100%; background-color:#fff; border:solid 1px #e6e6e6;} .FaqList054 .link ul li a{ padding-left:20px; display:block; line-height: 30px;} .FaqList054 .link ul li a:hover{ color:#e60012;} .FaqList054 .search{ width:44%; height:60px; float:right;} .FaqList054 .search input{ border:none; } .FaqList054 .search .text{ background: url(../images/search_hs.png) no-repeat 20px center; width:85%; height:60px; line-height:60px; border:solid 1px #ddd; padding:0 56px 0 50px; color:#999; float:left;} .FaqList054 .search .btn{ background:#0068b7; font:normal 16px/60px "寰蒋闆呴粦"; color:#fff; cursor:pointer; width:15%; height:60px; text-align:center;} .FaqList054 .type{ background:#fff; display:table; width:100%; padding:2%;} .FaqList054 .type li{ background: url(../images/m.png) no-repeat right center; position:relative; display:block; padding-right:4%; font-size:20px; font-weight:bold; color:#000;} .FaqList054 ul.type li{ cursor:pointer;} .FaqList054 ul.type#On{ background:#e60012; color:#fff;} .FaqList054 ul.type#On li{ background: url(../images/w.png) no-repeat right center; color:#fff;} .FaqList054 .list{ margin-top:20px; margin-bottom:2%;} .FaqList054 .list .con{ background:#fff; display:none; padding:2%; font:normal 16px/44px "寰蒋闆呴粦"; color:#666; overflow:hidden} @media(max-width:768px){ .FaqList054 .link{ width:100%; margin-bottom:2%;} .FaqList054 .search{ width:100%; margin-top: 10px!important;} .FaqList054 .type li{font-size: 4vw;} .FaqList054 .search .text{height: 50px;line-height: 50px;} .FaqList054 .search .btn{height: 50px;font:normal 16px/50px "寰蒋闆呴粦";} .FaqList054 .link h6{position: relative;} .FaqList054 .link h6 a{font-size: 3.5vw; line-height: 3;} .FaqList054 .link h6 i{height: 100%;} } /* .TextList000962 涓篸emo缂栧彿 */ .TextList000962{ padding:2% 0;} .TextList000962 li{ float:left; width:49%; margin-right:2%; border-bottom:1px solid #f0f0f0; padding-right: 60px; line-height:54px; position:relative;} .TextList000962 li::before{ position:absolute; content:''; width:1px; height:20%; background-color:#e7e7e7; top:40%; right:11%;} .TextList000962 li a{ position:absolute; left:0; top:0; width:100%; height:100%;} .TextList000962 li:nth-child(2n){ margin-right:0;} .TextList000962 li p{ margin:0; padding:16px 0; font:normal 18px/54px "寰蒋闆呴粦"; color:#333;} .TextList000962 li p img{ margin-right:10px;} .TextList000962 li span{ float:right; margin-top:3%; color:#9f9f9f;} .TextList000962 li span.name{ background:url(../images/xz.jpg) no-repeat right center; padding-right:30px; margin-left:50px;} .TextList000962 li span.mb{ background:url(../images/cs.jpg) no-repeat right center; padding-right:30px;} .TextList000962 li:hover p{ color:#e60012;} .TextList000962 li i{ width:50px; height: 100%; position: absolute; right: 0; top:0;} .TextList000962 li i:before, .TextList000962 li i:after{ content: ''; width:100%; height: 100%; position: absolute; background: no-repeat center center; background-size: contain} .TextList000962 li i:before{ background-image: url("../images/jn1.png");animation:xianshiA 2s ease-in-out infinite; left: -5%; top:-5%} .TextList000962 li i:after{ background-image: url("../images/jn2.png");animation:xianshiB 2s ease-in-out infinite;} @keyframes xianshiA { 0% { opacity: 0; transform: rotate(-90deg) } 50% { opacity: 1; transform: rotate(0) } 100% { opacity: 0; transform: rotate(-90deg) } } @keyframes xianshiB { 0% { opacity: 1 } 50% { opacity: 0 } 100% { opacity: 1 } } @media(max-width:768px){ .TextList000962 li{ float:none; width:auto; margin-right:0; overflow: hidden;} .TextList000962 li span.name{ width:70px;margin-left:30px;} .TextList000962 li::before{right:85px;} .TextList000962 li p{padding:10px;} .TextList000962 li span{margin-top:10px;} } .zoomimg .pic { overflow: hidden; position: relative} .zoomimg .pic .ispic{background: no-repeat center center; background-size: cover; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} .zoomimg:hover .pic .ispic{ -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .menu{ padding:3% 0; text-align:center;} .menu a{ display:inline-block; font:normal 30px/30px "寰蒋闆呴粦"; color:#cacaca; margin:0 30px; border-bottom:solid 10px #fff;} .menu a:hover,.menu a.aon{ color:#000; border-color:#e60012;} .menu .auto {display: flex; justify-content: space-between; flex-flow: wrap;} .menu .auto a {width: auto; padding: 10px 15px; margin: 0;} .tuk { padding: 0; } .tuk a.aon { border-color: transparent; border-bottom: none; background: #0168b7; color: #fff; } .tuk a:hover{ border-bottom: none; background: #0168b7; color: #fff; } .tuk a { font-size: 18px; background: #f3f7fa; width: 10%; margin-left: 0; line-height: 2; padding: 10px 0; color: #333; } .tk { margin: 3% auto; /* margin: 0; */ text-align: center; font-size: 30px; color: #000; position: relative; } .tk:before { content: ''; position: absolute; width: 110%; height: 10px; bottom: 0; background: #e60012; z-index: -2; max-width: 130px; left: 0; right: 0; margin: auto; } .tanchu .swiper { width: 100%; height: 100%; overflow: visible; } .tanchu .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .tanchu .swiper-slide img { display: block; width: 100%; max-width: 80%; height: 100%; object-fit: cover; } .tanchu { position: fixed; width: 100%; height: 100%; z-index: 999; top: 20%; left: 0; right: 0; margin: auto; display: none; } .tanchu .ca {left: auto; right: 11%;} .tanchu .info { position: fixed; top: 50%; left: 15%; transform: translateY(-50%); width: 70%; } .tanchu img { max-width: 800px; } .tanchu:before { content: ''; position: fixed; width: 100%; height: 100%; background-color:rgba(0,0,0,.7); top: 0; } .tanchu .swiper-slide.swiper-slide-active { background: transparent; } .tanchu .box_img { max-width: 1300px; margin: auto; } .tanchu .box_img .swiper-slide:hover:before { background: transparent; } @media(max-width:768px){ .menu a{ font-size: 16px; margin: 0 10px; border-bottom-width: 5px;} .tanchu .info {width: 100%; left: 0;} .tanchu .ca {right: 10%;} } .LR_layout .menu { padding: 0; text-align: left} .LR_layout .menu h4{ text-align: left;position: relative; padding:8% 0 8% 20%; margin: 0; font-weight: normal; font-size: 24px; color: #fff; background: #0068b7 url("../images/m_dj.png") no-repeat 8%} .LR_layout .menu h4:after{ content: ''; position: absolute; display: block; width: 19px; height: 19px; right: 10%; top: 45%; background: url("../images/m_icon.png") no-repeat;} .LR_layout .menu a{ text-align: left; color: #333333; margin: 0; position: relative; padding:6.5% 0 6.5% 20%; font-size: 18px; display: block; background: #f2f7fb; margin-top: 1px; border: none} .LR_layout .menu a:before{ content: ''; position: absolute; left: 12%; top: 50%; width: 4px; height: 4px; background: #999999} .LR_layout .menu a.aon{ color: #e60012} .LR_layout .menu a.aon:before{ background: #e60012} @media(max-width:768px){ .LR_layout .menu { text-align: center; padding-bottom:8%} .LR_layout .menu h4{font-size: 20px;padding:4% 0 4% 15%;} .LR_layout .menu h4:after{ top: 30%} .LR_layout .menu a{ font-size: 16px; display: inline-block; width: 32%; padding:2% 0 2% 6%;} } .LR_layout{padding:6% 0} @media(min-width:768px){ .LR_layout .box_left{ float: left; width:19.231%;} .LR_layout .box_right{ float:right; width:75.642%;} .LR_layout .box_right .single_article { display: flex; align-items: flex-start; } .LR_layout .box_right .single_article img { max-width: 35%; margin-right: 20px; } } .LR_layout .single_article{ padding: 0} .LR_layout .Page001959 .Pages{ padding-bottom: 0} .single_article{ padding: 5% 0;} .single_article .article_title{ padding:0 0 2% 0; margin:0 0 2% 0; font-weight: normal; font-size: 30px; color: #333333; border-bottom: solid 1px #eeeeee} .single_article .article{ font-size: 16px; line-height: 36px; color: #666666; } .mp h1,.mp h2,.mp h3,.mp h4,.mp h5,.mp p{ font-weight: normal;padding: 0; margin: 0} .sitemap { padding: 5% 0;} .sitemap li{ padding:0.8% 0; border-bottom: solid 1px #eeeeee} .sitemap li span{ font-size: 16px;} .sitemap dl{ padding:0.5% 0;} .sitemap dt{ display: inline-block; opacity: 0.8; padding-right: 20px;} .party_list li{font-size: 16px; border-bottom: solid 1px #eeeeee; padding-bottom:4%; margin-bottom:4%} .party_list .pic a{ padding-bottom:76%;} .party_list .pic img{ display: none} .party_list .txt{ position: relative;padding-right:17%;} .party_list .txt h4{ font-size: 20px;} .party_list .txt p{ margin-top:3%; margin-bottom:4%; line-height: 30px; height: 60px; color: #999999} .party_list .txt .more{ padding-right: 25px; background: url("../images/more_jt.png") no-repeat right} .party_list .txt time{ font-size: 14px; color: #999999; position: absolute; right: 0; top:25%; text-align: center; line-height: 1.2} .party_list .txt time b{ display: block; font-size: 48px; color: #333333} .party_list li:hover .txt h4 a{ color: #0068b7} .party_list#PartyDynamics .pic{ float:left; width:20.34%;} .party_list#PartyDynamics .txt{float: right; width: 75%; } @media(max-width:1200px){ .party_list .txt h4{ font-size: 18px;} .party_list .txt time b{font-size:38px; } } @media(max-width:768px){ .party_list li{font-size: 14px;} .party_list .pic a{ padding-bottom:130%;} .party_list .txt h4{ font-size: 16px;} .party_list .txt time b{font-size:24px; } .party_list .txt p{line-height:24px; height:auto; } .LR_layout .box_right .single_article img { margin-bottom: 20px; } } .electronic_journal{ padding-top: 2%; padding-bottom: 2%; overflow: hidden} .electronic_journal li{float: left; padding:3.5% 5.449% 1.5% 5.449%; text-align: center;position: relative;background: url("../images/journal_li_bg.jpg") repeat-x top 88% left;} .electronic_journal li .pic a{position: relative;display: block;z-index: 3;padding-bottom:131.82%; background: no-repeat center bottom;background-size: contain;} .electronic_journal li .pic a:after{ content: ''; position: absolute; right: -17.273%; bottom: 0; width:17.273%; height: 100%; ;background: url("../images/journal_li_ying.png") no-repeat left bottom;background-size: contain;} .electronic_journal li .pic img{ display: none} .electronic_journal li .txt{ padding:20% 0 10% 0;} .electronic_journal li h4{ font-size: 18px; padding: 0; margin: 0; font-weight: normal} @media(min-width:769px){ .electronic_journal li{width:25%;} .electronic_journal li:first-child:before, .electronic_journal li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/journal_li_l.jpg") no-repeat left top 88%; width:20%;left: -2.5%;} .electronic_journal li:last-child:before, .electronic_journal li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/journal_li_r.jpg") no-repeat right top 88%; width:20%;right: -2.5%;} } @media(max-width:768px){ .electronic_journal li{width:50%;} .electronic_journal li h4{ font-size: 14px;} .electronic_journal li:first-child:before, .electronic_journal li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/journal_li_l.jpg") no-repeat left top 88%; width:20%;left: -10%;} .electronic_journal li:last-child:before, .electronic_journal li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/journal_li_r.jpg") no-repeat right top 88%; width:20%;right: -10%;} } .pharmaceutical_process{ background: #f8f8f8; padding-bottom: 5%;overflow: hidden;} .pharmaceutical_process .intro{ padding:2.5% 0;} .pharmaceutical_process .intro .txt{ font-size: 16px; line-height: 32px; max-width: 1040px; text-align: center; margin: auto} .pharmaceutical_process .slick_info{ position: relative; z-index: 5; overflow: visible} .pharmaceutical_process .slick_info .item_box{ position: relative;text-align: center;} .pharmaceutical_process .slick_info .point{ cursor: pointer;width:48px; height: 48px; position: relative; margin-left: -21px; margin-top: -21px;} .pharmaceutical_process .slick_info .point a, .pharmaceutical_process .slick_info .point:before, .pharmaceutical_process .slick_info .point:after{display: block; position: absolute; border-radius: 100px;} .pharmaceutical_process .slick_info .point:before, .pharmaceutical_process .slick_info .point:after{ content: '';} .pharmaceutical_process .slick_info .point:before{ z-index: 2; left:18.75%; top:18.75%; width:62.5%; height:62.5%; background:rgba(255,255,255,0.6); box-shadow: 0 0 0 1px #fff} .pharmaceutical_process .slick_info .point:after{ z-index: 1; width:100%; height:100%;} .pharmaceutical_process .slick_info .point a{ z-index: 3;left:42.5%; top:42.5%;width: 15%; height: 15%; box-shadow: 0 0 0 4px #0068b7;} .pharmaceutical_process .slick_info .point:hover:before{ background:rgba(54,158,237,0.6); box-shadow: none} .pharmaceutical_process .slick_info .point:hover:after{ background: rgba(155,212,255,0.6)} .pharmaceutical_process .slick_info .line{display: none;position: absolute; z-index: 5; top: -200%; width:544.5%; height:196.297%;} .pharmaceutical_process .slick_info .txt_right .line{ left: 10%; background: url("../images/line_left.png") no-repeat left; background-size: contain;} .pharmaceutical_process .slick_info .txt_left .line{ right: 80%; background:url("../images/line_right.png") no-repeat right; background-size: contain;} .pharmaceutical_process .slick_info .photo img{ width: auto;max-height:560px;} .pharmaceutical_process .slick_info .box{ display: none;top:-750%; z-index: 6; position: absolute; /* width: 486px; height: 450px;*/width:1800%; height:1667%;} .pharmaceutical_process .slick_info .txt_right .box{left: 420%; background: url("../images/txt_right.png") no-repeat; background-size: contain} .pharmaceutical_process .slick_info .txt_left .box{right: 420%; background: url("../images/txt_left.png") no-repeat; background-size: contain} .pharmaceutical_process .slick_info .info{ position: absolute} .pharmaceutical_process .txt_info .pic{ padding: 10px 0; margin-bottom: 20px; border-bottom: solid 1px #eaeaea} .pharmaceutical_process .txt_info{ text-align: center; padding: 43px;} .pharmaceutical_process .txt_info h3{ font-size: 18px;color: #333333; padding: 10px 0; margin: 0; font-weight: normal} .pharmaceutical_process .txt_info p{ color: #999999;padding: 0; margin: 0 20px; } .pharmaceutical_process .txt_info .more{ padding: 20px 0} .pharmaceutical_process .txt_info .more a{ background: #0068b7 url("../images/jt_more.png") no-repeat 80%; display: inline-block; padding-left: 32px; padding-right: 42px; line-height: 40px; color: #fff; border-radius: 30px;} .pharmaceutical_process .txt_info .more.no{ display: none} .pharmaceutical_process .slick_info .show .line, .pharmaceutical_process .slick_info .show .box{ display: block} .pharmaceutical_process .slick_info .slick-arrow{ width: 65px; height: 65px; background: #e0e7ec; border: none} .pharmaceutical_process .slick_info .slick-arrow:hover{ background: #0068b7} .pharmaceutical_process .auto{ overflow: visible} .pharmaceutical_process .slick_info .slick-list{ overflow: inherit} .pharmaceutical_process .slick_tab .slick-list{padding: 0 2%; max-width: 780px; margin: auto;} .pharmaceutical_process .slick_tab .box{ text-align: center;transition: all 0.3s linear; padding: 0 10% 50% 10%} .pharmaceutical_process .slick_tab .title{ font-size: 18px; padding: 30px 0; color: #999999} .pharmaceutical_process .slick_tab .icon img{ cursor: pointer;width: 100px; height: 100px; border-radius: 100px;} .pharmaceutical_process .slick_tab .slick-current .box{transform: scale(1.2,1.2);} .pharmaceutical_process .slick_tab .slick-current .title{ color: #000000} .pharmaceutical_process .slick_tab .slick-current .icon img{ border: solid 3px #558fd6; box-shadow: 0 11px 32px 0 rgba(54,91,141,0.44)} @media (min-width:769px) { .pharmaceutical_process .wap_info{ display: none} } .pharmaceutical_process .wap_info .wap_item.hide{ height: 0; overflow: hidden} @media(max-width:768px){ .pharmaceutical_process .slick_info .point{ width:34px; height:34px; margin-left: -15px; margin-top: -15px;} .pharmaceutical_process .slick_info .point a{ box-shadow: 0 0 0 2px #0068b7;} .pharmaceutical_process .slick_info .show .line, .pharmaceutical_process .slick_info .show .box{ display: none} .pharmaceutical_process .slick_info .slick-arrow{ width:40px; height:40px; } .pharmaceutical_process .slick_info .slick-prev{left: 1%;} .pharmaceutical_process .slick_info .slick-next{right: 1%;} .pharmaceutical_process .slick_tab .title{ font-size: 14px;} .pharmaceutical_process .slick_tab .icon img{width:50px; height:50px;} .pharmaceutical_process .txt_info{ padding:10px; border: solid 1px #0068b7; background: #fff; margin: 10px; box-shadow: 0 0 10px rgba(0,104,183,0.1)} .pharmaceutical_process .wap_info .slick-prev{left: 1%;} .pharmaceutical_process .wap_info .slick-next{right: 1%;} } .form_jobs{ padding-bottom: 4%; max-width: 800px; margin: auto} .form_jobs table{ width: 100%} .form_jobs table td{ font-size: 16px; padding: 10px 5px; white-space: nowrap} .form_jobs .text{ width: 100%; border: solid 1px #ddd; padding: 10px} .form_jobs .queueList{ margin: 0} .form_jobs .btn{ border: none; padding: 10px 40px; color: #fff; background: #032642; cursor: pointer} .form_jobs .btn_submit{ background: #0068b7;} .red_slickjs_btn .slick-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:92px; height:92px; background-position:0 0; background-repeat:no-repeat; overflow:hidden; line-height:1000px; cursor:pointer; background-size:contain; border: none} .red_slickjs_btn .slick-arrow:before{ display: none} .red_slickjs_btn .slick-prev{ left:-2%; background-image:url(../images/jt_z.png);} .red_slickjs_btn .slick-next{ right:-2%; background-image:url(../images/jt_r.png);} @media(max-width:768px){ .red_slickjs_btn .slick-arrow{ width:45px; height:45px;} } @keyframes mymove { 0% { width: 0} 100% {width: 100%} } @-webkit-keyframes mymove /*Safari and Chrome*/ { 0% { width: 0} 100% {width: 100%} } .f24{ font-size: 24px;} @media(max-width:1200px){ .f24{ font-size: 20px;} } @media(max-width:768px){ .f24{ font-size: 18px;} } .manufacture{ color: #fff; font-size: 16px; line-height: 36px;} .manufacture .main_part1 img{ width: 100%} .manufacture .bg{ background: url("../images/manufacture_bg.jpg") no-repeat center top; background-size: 100%} .manufacture .bg_b{ padding-bottom: 10%; background: #021331 url("../images/manufacture_bg_b.jpg") no-repeat center bottom;background-size: 100%} .manufacture .font_img{ text-align: center; padding-top:8.5%;} .manufacture .font_img span{ position: relative; display: inline-block;} .manufacture .font_img i{ position: absolute; display: block;top:0; width: 62px; height: 100%;} .manufacture .font_img i:before{ content: ''; position: absolute; top: 0; width:100%; height: 100%;animation:mymove 3s infinite; -webkit-animation:mymove 3s infinite;} .manufacture .font_img .L{ left: -80px;} .manufacture .font_img .L:before{ right: 0; background: url("../images/font_bgL.png") no-repeat right} .manufacture .font_img .R{ right: -80px;} .manufacture .font_img .R:before{ left: 0; background: url("../images/font_bgR.png") no-repeat left} .manufacture .font_title{ text-align: center; font-size:2.6vw; line-height: 2; font-weight: bold; padding-bottom:3%} .manufacture .font_title2{ font-size:36px; font-weight: normal;line-height: 2; padding:2% 0} .manufacture .main_part2 .part1_box{ padding-bottom: 4%} .manufacture .main_part2 .fl_box{ float: left; width: 50%; max-width: 700px} .manufacture .main_part2 .fr_box{ float: right; width:43.847%} .manufacture .main_part2 .ul_txt{ color: #aed4f0} .manufacture .main_part2 .ul_txt li{ padding-left: 25px; background: url("../images/txt_icon.png") no-repeat left 10px;} .manufacture .main_part2 .photo{ text-align: center} .manufacture .main_part2 .photo .pic{ padding:11% 7.4% 4.5% 7.4%; background: url("../images/manufacture_part2_picbg.png") no-repeat center center; background-size: 100% 100%} .manufacture .main_part2 .photo img{ width: 100%} .manufacture .main_part2 .txt{ padding: 20px 0; font-size: 18px; color: #aed4f0; text-align: center} .manufacture .main_part2 .part2_box{ padding: 6% 0; background: url(../images/manufacture_part2_boxbg.png) no-repeat center top; background-size: contain} .manufacture .main_part2 .part2_box .box{ float: left; text-align: center;} .manufacture .main_part2 .part2_box .box img{ width: 100%} .manufacture .main_part2 .part2_box .box1{ width:25.642%;} .manufacture .main_part2 .part2_box .box2{ width:29.872%; padding: 0 30px;} .manufacture .main_part2 .part2_box .box3{ width:44.486%} .manufacture .main_part2 .part2_box .box1 .pic, .manufacture .main_part2 .part2_box .box3 .fl1 .pic{ padding: 9px; border: solid 1px rgba(0,140,238,0.5);box-shadow:inset 0 0 16px rgba(0,140,238,0.44)} .manufacture .main_part2 .part2_box .box3 .fl1{ float: left; width:57.64%} .manufacture .main_part2 .part2_box .box3 .fl2{float: left; width:32.28%; padding-left: 30px;} .manufacture .main_part2 .part2_box .box3 .fl2 .txt{ text-align: right;} .manufacture .main_part3{ overflow: hidden} .manufacture .main_part3 .sub{ text-align: center; padding-bottom: 5%} .manufacture .main_part3 .list{ margin-left: -1%; margin-right: -1%} .manufacture .main_part3 .list .item{ float: left; width: 33.333%; padding:1%} .manufacture .main_part3 .list .box{ position: relative; padding: 9px; min-height: 575px; background: url("../images/txt_box.png") no-repeat center center; background-size: 100% 100%;} .manufacture .main_part3 .list .info{ padding: 22px;} .manufacture .main_part3 .list .info .txt{ padding: 20px 0} .manufacture .main_part3 .list .info .ul_txt{ color: #aed4f0} .manufacture .main_part3 .list .info .ul_txt li{ padding-left: 10px; background: url("../images/li_dot.png") no-repeat left 20px;} .manufacture .main_part3 .fl_box{ float: left; width:32%;} .manufacture .main_part3 .fl_box .ul_txt { margin-left: 110px; padding-left: 120px; background: url("../images/line_bg.png") no-repeat left} .manufacture .main_part3 .fl_box .ul_txt li{ max-width: 200px; margin-bottom: 21px; line-height: 60px; text-align: center; background-color: rgba(0,104,183,0.2)} .manufacture .main_part3 .fl_box .ul_txt li:last-child{ margin-bottom: 0} .manufacture .main_part3 .fl_box .infobox{ position: relative} .manufacture .main_part3 .fl_box .sub{ top: 50%; margin-top: -15px; padding-bottom: 0; position: absolute} .manufacture .main_part3 .fr_box{ float: right; width:54%; max-width: 842px} .manufacture .main_part3 .fr_box .photo{ padding:30px 6%;text-align: center; background: url("../images/pic_box.png") no-repeat center center; background-size: 100% 100%} .manufacture .main_part3 .fr_box .photo .slick-prev{ left: 3%} .manufacture .main_part3 .fr_box .photo .slick-next{ right: 3%} .slick-prev{ left: -5%;} .slick-next{ right: -5%} .manufacture .main_part3 .fr_box .txt{ color: #aed4f0; padding-top: 10px;} .manufacture .main_part3 .part2_box{ padding:7% 0; position: relative; } .manufacture .main_part3 .part2_box:before{ content: ''; width:8%; left: 33%; height: 100%; position: absolute;background: url("../images/line.png") no-repeat center center; background-size: contain} .manufacture .main_part4 .sub{ text-align: center; padding-bottom:3%} .manufacture .main_part4 .part1_box{ position: relative; padding: 9px; border: solid 1px rgba(17,154,255,0.3)} .manufacture .main_part4 .part1_box:before, .manufacture .main_part4 .part1_box:after{ content: ''; position: absolute} .manufacture .main_part4 .part1_box:before{ right: -1px; top: -1px;width:46px; height:46px; bottom: 0; background: url("../images/bk_t.png") no-repeat left bottom} .manufacture .main_part4 .part1_box:after{ left:-8px; bottom: -7px; width: 180px; height: 97px; background: url("../images/bk_b.png") no-repeat left bottom} .manufacture .main_part4 .part1_box .box{ padding:10px; background: rgba(0,104,183,0.1)} .manufacture .main_part4 .part1_box .pic{ padding: 10px;} .manufacture .main_part5{ padding: 5% 0} .manufacture .main_part5 .part1_box{ padding-bottom: 5%} .manufacture .main_part5 .icon{ padding-bottom: 5%;} .manufacture .main_part5 .icon li{ width: 10%; padding:10px; float: left; position: relative; text-align: center;} .manufacture .main_part5 .icon li .pic{ padding: 20px 30px 40px 30px; background: url("../images/icon_bg.png") no-repeat center center; background-size: contain} .manufacture .main_part5 .icon li .pic img{ width: 60px; max-height: 60px; transition: 0.3s} .manufacture .main_part5 .icon li .txt{ left: 0; position: absolute; width: 100%; color: #aed4f0; bottom: 20px} .manufacture .main_part5 .icon li:hover img{ transform: rotate(360deg)} .manufacture .main_part5 .part2_box{ position:relative} .manufacture .main_part5 .part2_box .box{ width:39.359%; text-align: center} .manufacture .main_part5 .part2_box .box .pic{ padding: 32px; background: url("../images/pic_bk.png") no-repeat center center; background-size: 100% 100%;} .manufacture .main_part5 .part2_box .box1{ float: left} .manufacture .main_part5 .part2_box .box2{ float: right} .manufacture .main_part5 .part2_box .info{ font-size: 20px; width:30.513%; line-height:3; text-align: center; color: #22a3f4; position: absolute; margin: auto; top:20%; left: 0; right: 0} .manufacture .main_part5 .part2_box .info:before{ content: ''; left: 0; width: 100%; height: 100%; position: absolute; background: url("../images/txt_jt2.png") no-repeat center center; background-size: contain} .manufacture .main_part5 .part2_box .txt{ color: #aed4f0} .manufacture .main_part6{ padding: 5% 0} .manufacture .main_part6 .infobox{ position: relative; max-width: 1270px; margin: auto} .manufacture .main_part6 .ul_txt { width: 45% ;height: 100%;overflow: hidden; position: absolute;color: #aed4f0;} .manufacture .main_part6 .ul_txt li{ font-size: 20px; width: 252px; text-align: center; position: absolute; background: url("../images/box_bk_m.png");background-size: contain} .manufacture .main_part6 .ul_txt li:before, .manufacture .main_part6 .ul_txt li:after{ content: ''; width: 100%; left:0; height: 27px; position: absolute; background:no-repeat; background-size: contain} .manufacture .main_part6 .ul_txt li:before{ top: -27px; background-image: url("../images/box_bk_t.png")} .manufacture .main_part6 .ul_txt li:after{ bottom: -27px; background-image: url("../images/box_bk_b.png")} .manufacture .main_part6 .ul_txt li:nth-child(1){ top:18%} .manufacture .main_part6 .ul_txt li:nth-child(2){ top: 45%} .manufacture .main_part6 .ul_txt li:nth-child(3){ bottom:24%} .manufacture .main_part6 .ul_txt li i{ position: absolute; width:80%; top:100%; border-bottom: dashed 1px #1c87ce;} .manufacture .main_part6 .ul_txt:nth-child(1){ left: 0} .manufacture .main_part6 .ul_txt:nth-child(2){ right: 0} .manufacture .main_part6 .ul_txt:nth-child(2) li{ right: 0} .manufacture .main_part6 .ul_txt:nth-child(1) li i{right: -90%; transform:rotate(10deg)} .manufacture .main_part6 .ul_txt:nth-child(1) li:nth-child(2) i{right: -150%; width: 140%} .manufacture .main_part6 .ul_txt:nth-child(2) li i{left: -90%; transform:rotate(-10deg)} .manufacture .main_part6 .ul_txt:nth-child(2) li:nth-child(1) i{transform:rotate(-5deg)} .manufacture .main_part6 .ul_txt:nth-child(2) li:nth-child(2) i{left: -120%; width: 110%; transform:rotate(15deg); top: 0} .manufacture .main_part6 .pic{ text-align: center} .manufacture .main_part7 .part1_box{ padding-bottom: 5%} .manufacture .main_part7 .part2_box{ position: relative; padding: 9px; border: solid 1px rgba(17,154,255,0.3)} .manufacture .main_part7 .part2_box:before, .manufacture .main_part7 .part2_box:after{ content: ''; position: absolute} .manufacture .main_part7 .part2_box:before{ right: -1px; top: -1px;width:46px; height:46px; bottom: 0; background: url("../images/bk_t.png") no-repeat left bottom} .manufacture .main_part7 .part2_box:after{ left:-8px; bottom: -7px; width: 180px; height: 97px; background: url("../images/bk_b.png") no-repeat left bottom} .manufacture .main_part7 .part2_box .box{ padding: 30px; background: rgba(0,104,183,0.1)} .manufacture .main_part7 .part2_box .fl_box{ float: left; width:78%;} .manufacture .main_part7 .part2_box .fr_box{ float: right; width:18%} .manufacture .main_part7 .part2_box .fr_box .ul_txt{ font-size: 20px; color: #aed4f0; padding-top:14%} .manufacture .main_part7 .part2_box .fr_box .ul_txt li{ padding:7% 0 7% 15%; background: url("../images/txt_jt.png") no-repeat left} @media(max-width:1200px){ .manufacture .font_title2{ font-size: 28px} .manufacture .main_part3 .fl_box{ width:40%} .manufacture .main_part3 .part2_box:before { left: 40%} .manufacture .main_part5 .icon li{ width: 20%} .manufacture .main_part5 .part2_box .info{ font-size:18px;} } @media(max-width:1024px){ .manufacture .font_title2{ font-size: 22px} .manufacture .main_part3 .fl_box, .manufacture .main_part3 .fr_box{ width:100%; float: none; max-width: none} .manufacture .main_part3 .part2_box:before{ display: none} .manufacture .main_part3 .fl_box{ padding-bottom: 4%} .manufacture .main_part3 .fr_box{ background: url(../images/manufacture_part2_boxbg.png) no-repeat center top; background-size: contain} .manufacture .main_part7 .part2_box .fr_box .ul_txt{ font-size:16px;} .manufacture .main_part6 .ul_txt li{ font-size:16px; } } @media(max-width:768px){ .manufacture{ font-size: 14px; line-height: 26px;} .manufacture .font_title{font-size: 5.2vw;} .manufacture .font_title2{ font-size: 20px} .manufacture .main_part2 .fl_box, .manufacture .main_part2 .fr_box{float: none; width: 100%;} .manufacture .main_part2 .fr_box{ padding: 3% 0;} .manufacture .main_part2 .part2_box .box{ float: none; width: 100%!important} .manufacture .main_part2 .part2_box .box2{ max-width: 410px; margin: auto; padding: 3% 0} .manufacture .main_part3 .list .item{ float: none; width: 100%; padding:2% 0} .manufacture .main_part3 .list .box{ max-width: 504px; margin: auto; min-height: inherit} .manufacture .main_part5 .icon li{ width:25%; padding: 5px;} .manufacture .main_part5 .icon li .pic{ padding: 10px} .manufacture .main_part5 .icon li .txt{ position: relative; bottom: 0} .manufacture .main_part5 .part2_box .info{ font-size:16px;} .manufacture .main_part5 .part2_box .box{ width: 100%; float: none!important} .manufacture .main_part5 .part2_box .info{ position: relative; width: 100%} .manufacture .main_part6 .ul_txt li{ font-size:14px; width: 50%} .manufacture .main_part7 .part2_box .box{ padding:3%;} .manufacture .main_part7 .part2_box .fl_box, .manufacture .main_part7 .part2_box .fr_box{ float: none; width:100%} .manufacture .main_part7 .part2_box .fr_box .ul_txt{ padding-top: 5%; font-size:14px;} .manufacture .main_part7 .part2_box .fr_box .ul_txt li{ padding:2% 0 2% 37px; float: left; width: 50%} } /*鎷兼帴鏍峰紡*/ @font-face { font-family: YouShe; src: url(../fonts/YouShe.TTF); } @font-face { font-family: Rajdhani;font-weight: normal; src: url(../fonts/Rajdhani-Regular.ttf); } @font-face { font-family: Rajdhani;font-weight: bold; src: url(../fonts/Rajdhani-SemiBold.ttf); } body{overflow-x: hidden;} /*婊氬姩鏉℃牱寮?/ .qui-gdt::-webkit-scrollbar{width:5px;} .qui-gdt::-webkit-scrollbar-track{background-color:#f2f2f2;} .qui-gdt::-webkit-scrollbar-thumb{background-color:#bbb;} .qui-gdt::-webkit-scrollbar-thumb:hover{background-color:#555} .qui-gdt::-webkit-scrollbar-thumb:active{background-color:#666} .qui-gdt{overflow:auto!important;} /*鍥剧墖鏀惧ぇ*/ .qui-pic{position: relative;height: 0;padding-bottom: 56%;} .qui-pic img{position: absolute;width: 100%;min-height: 100%;left: 0;top: 0;} .qui-img{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;} a:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);} .qui-hover:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);} .qui-imgbg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-position: center;background-repeat: no-repeat;background-size: cover;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;} a:hover .qui-imgbg{-webkit-transform:scale(1.1);transform:scale(1.1);} .qui-hover:hover .qui-imgbg{-webkit-transform:scale(1.1);transform:scale(1.1);} .Spec001220 .sx dl dd input[type="checkbox"]:checked::before{background-color: #0068b7;border-color: #0068b7;color: #fff;} .Banner003069_830 .Banner003069 .Ispic{height: 830px;} .Banner003069_830 .txt{display: none;} .Bottom002909{clear: both;} .qui-achievements{background: top center no-repeat;padding-top: 210px;overflow: hidden;padding-bottom: 120px;} .qui-achievements .ul{margin: -40px;} .qui-achievements .ul .li{width: 50%;float: left;padding: 40px;} .qui-achievements .ul .li .qui-hover{display: block;background: url(../images/cglibg2.png) center no-repeat;background-size: 100% 100%;color: #fff;font-size: 30px;line-height: 36px;position: relative;padding-left: 62.1621621622%;} .qui-achievements .ul .li .dot2{height: 72px;text-transform: uppercase;word-break: break-word;} .qui-achievements .ul .li .quiimgbox{position: absolute;width: 62.1621621622%;height: calc(100% - 50px);left: 25px;top: 25px;overflow: hidden;} .qui-achievements .ul .li .quiinfo{padding: 120px 30px 120px 60px;} .qui-achievements .ul .li .quiinfo .span{margin-top: 50px;background: url(../images/bs_jt.png) center no-repeat;width: 30px;height: 14px;display: block;} @media (max-width:1640px){ .qui-achievements .ul .li{padding: 1%;} .qui-achievements .ul{margin: -1%;} } @media (max-width:1500px){ .qui-achievements .ul .li .quiinfo{padding: 100px 20px 100px 45px;} .qui-achievements .ul .li .qui-hover{font-size: 22px;} } @media (max-width:1024px){ .qui-achievements{padding: calc(72px + 4vw) 0 3% 0;background:#01064e!important;} } @media (max-width:768px){ .qui-achievements{padding-top: calc(54px + 8vw);} .qui-achievements .ul .li .qui-hover{font-size: 4vw;} } @media (max-width:640px){ .qui-achievements .ul .li .quiimgbox{position: relative;width: 100%;height: 0;padding-bottom: 78.26086956521739%;left: 0;top: 0;} .qui-achievements .ul .li .qui-hover{padding-left: 0;background-image: url(../images/cglibg3.png);border: 1px solid #052475;padding: 15px;font-size: 20px;} .qui-achievements .ul .li .dot2{height: auto;margin-top: 15px;} .qui-achievements .ul .li .quiinfo{padding: 0;} .qui-achievements .ul .li .quiinfo .span{margin-top: 15px;} } .qui-achievements-info{background-color: #01064e;background-position: top center;background-repeat: no-repeat;padding: 805px 0 100px;} .qui-achievements-info1 .quiimgbox{position: relative;margin-left: -9.322916666666667vw;width: 53.22916666666667vw;float: left;} .qui-achievements-info1 .quiimgbox .qui-imgbg{width: 37.37769080234834%;height: 36.0613810741688%;left: 37.4755381605%;top: 44.2455242967%;transform:skewY(-18deg);z-index: 0;margin-top: -6%;} .qui-achievements-info1 .quiimgbox .quiname{position: absolute;width: 100%;font-size: 20px;text-align: center;bottom: 100%;color: #b2deff;margin-bottom: 20px;} .qui-achievements-info1 .quiimgbox .quiimgbg{display: block;width: 100%;position: relative;z-index: 1;} .qui-achievements-info1 .quiimgbox .qui-imgbg:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: url(../images/bgbgbg.png) repeat;} .qui-achievements-info1 .quiinfo{margin-left: 50.22916666666667vw;padding-top: 360px;max-width: 585px;text-align: justify;color: #aed4f0;font-size: 16px;line-height: 36px;} .qui-achievements-info1 .quiinfo .quitt{margin-bottom: 35px;} .qui-achievements-info2{padding-top: 40px;} .qui-achievements-info .quitt{font-family: YouShe;text-align: center;margin-bottom: 50px;} .qui-achievements-info .quitt span{display: inline-block;vertical-align: top;padding: 0 80px;background-image:linear-gradient(to bottom,#015eea,#00c0fa);-webkit-background-clip:text;color:transparent;font-size:48px;position:relative;background:transparent\9;color:#015eea\9;-webkit-background-clip:inherit\9;line-height: 1;padding-bottom: 6px;} .qui-achievements-info .quitt span:after, .qui-achievements-info .quitt span:before{content:'';position:absolute;width:60px;height:28px;background:center no-repeat;bottom:0;} .qui-achievements-info .quitt span:before{background-image:url(../images/ttbg1.png);left:0;} .qui-achievements-info .quitt span:after{background-image:url(../images/ttbg2.png);right:0;} .qui-achievements-info2 .dl{margin: -20px -25px;font-size: 0;} .qui-achievements-info2 .dl dd{width: 25%;padding: 20px 25px;display: inline-block;vertical-align: top;} .qui-achievements-info2 .dl .qui-hover{background: url(../images/cglibg4.png) center no-repeat;background-size: 100% 100%;padding: 35px;} .qui-achievements-info2 .dl dd .qui-img{padding-bottom: 56.3636363636%;} .qui-achievements-info2 .dl dd .quid{color: #fff;font-size: 20px;text-align: center;margin-top: 10px;} @media (max-width:1640px){ .qui-achievements-info2 .dl{margin: -1%;} .qui-achievements-info2 .dl dd{padding: 1%;} .qui-achievements-info2 .dl .qui-hover{padding: 24px;} .qui-achievements-info1 .quiinfo{padding-top: 160px;} .qui-achievements-info2 .dl dd .quid{font-size: 16px;} } @media (max-width:1024px){ .qui-achievements-info{padding: 0 0 3%;background-image: none!important;} .qui-achievements-info1 .quiimgbox{width: 100%;float: none;margin-left: 0;} .qui-achievements-info1 .quiinfo{margin-left: 0;padding-top: 4%;max-width: 100%;} .qui-achievements-info .quitt span{font-size: 26px;line-height: 32px;padding: 0 50px;} .qui-achievements-info .quitt span:after, .qui-achievements-info .quitt span:before{height: 26px;width: 40px;background-size: contain;bottom: 3px;} .qui-achievements-info .quitt{margin-bottom: 25px!important;} .qui-achievements-info2 .dl .qui-hover{background-image: url(../images/cglibg3.png);border: 1px solid #052475;padding: 10px;} } @media (max-width:640px){ .qui-achievements-info1 .quiimgbox .quiname{margin-bottom: 10px;font-size: 13px;} .qui-achievements-info .quitt{margin-bottom: 10px!important;} .qui-achievements-info1 .quiinfo{font-size: 14px;line-height: 26px;} .qui-achievements-info .quitt span{font-size: 22px;} .qui-achievements-info2 .dl dd{width: 50%;} .qui-achievements-info2 .dl dd .quid{font-size: 13px;} } .Spec001220 .search .title span input {cursor: pointer;} .RighInfo002973 .pn-page aside a{color: #999;font-size: 16px;} .RighInfo002973 .pn-page aside{padding: 6px 0;} .RighInfo002973 .operating a.a-close{width: 140px;line-height: 48px;border-radius: 48px;border: 1px solid #eee;text-align: center;background: none;font-size: 14px;color: #1a4589;padding: 0 15px;} .RighInfo002973 .title2>span{color: #666;} /* .RighInfo002973 .bshare-custom .bshare-weixin{width: 24px!important;height: 24px!important;background: url(../images/sharebg1.png) center no-repeat!important;margin-right: 10px!important;} .RighInfo002973 .bshare-custom .bshare-qqim{width: 24px!important;height: 24px!important;background: url(../images/sharebg2.png) center no-repeat!important;margin-right: 10px!important;} .RighInfo002973 .bshare-custom .bshare-sinaminiblog{width: 24px!important;height: 24px!important;background: url(../images/sharebg3.png) center no-repeat!important;margin-right: 10px!important;} */ .fenxiang { display: flex; align-items: center; } .fenxiang .icon-linkedin { color: #0068b7; } .fenxiang .icon-twitter{ color: #0068b7; } .fenxiang .icon-facebook { color: #0068b7; } .fenxiang .icon-weibo{ color: #0068b7; } .fenxiang .icon-wechat{ color: #0068b7; } #bsWXBox{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box} .PicList054_00 li .txt .dot3{ margin:4% 0 6% 0; font:normal 16px/30px "寰蒋闆呴粦"; color:#999; padding-left:20%; overflow:hidden;} .PicList054_00{ padding:2% 0;} .PicList054_00 li{ background:#fff; padding:3% 0; border-top:1px solid #fff; border-bottom:1px solid #f0f0f0; overflow:hidden;} .PicList054_00 li .auto{ position:relative;} .PicList054_00 li .txt{ width:70%; float:left; overflow:hidden;} .PicList054_00 li .txt time{ text-align:center; font:normal 48px/48px "Arial"; color:#000; position:absolute; left:0; top:0;} .PicList054_00 li .txt time span{ display:block; background:#007dc7; font:normal 18px/18px "寰蒋闆呴粦"; color:#fff; margin-top: 10px; text-align:center;} .PicList054_00 li .txt .h3{ font:normal 24px/30px "寰蒋闆呴粦"; color:#333; margin:0; padding-left:20%;} .PicList054_00 li .txt .more{ margin-left:20%; font:bold 16px/54px "瀹嬩綋"; color:#0068b7;} .PicList054_00 li .pic{ width:20.9%; float:right;} .PicList054_00 li:hover{ background:#f8f8f8; border-color:#f0f0f0;} .PicList054_00 li:hover .h3 a{ color:#007dc7;} @media(max-width:768px){ .PicList054_00 li{ text-align:center;} .PicList054_00 li .txt, .PicList054_00 li .pic{ width:100%;} /* .PicList054_00 li .txt time{ position:inherit; display:block; margin:2% auto; font-size:36px;} .PicList054_00 li .txt .h3, .PicList054_00 li .txt .more{ margin:0; width:100%;padding: 0;} .PicList054_00 li .txt .dot3{padding-left: 0;} */ .PicList054_00 li .txt{text-align: left; padding-left: 22vw;} .PicList054_00 li .txt > *{padding-left: 0!important;} .PicList054_00 li .txt time{line-height: 1;font-size: 7vw;} .PicList054_00 li .txt time span{line-height: 1.4;font-size: 0.5em;} .PicList054_00 li .txt .h3{line-height: 1.5;font-size: 4.5vw;} .PicList054_00 li .txt .more{margin: 0;} .PicList054_00 li .pic img{display: block;width: 100%;} } .amap-info-content{padding: 20px!important;border-radius: 15px!important;font-size: 14px;} .amap-info-content h3{color: #333;margin: 0 0 5px;font-size: 16px;} .qui-contact{background-color: #f8f8f8;padding: 165px 0 120px;margin-top: -40px;} .qui-contact1 .ULLIST{margin: -40px;overflow: hidden;font-size: 0;} .qui-contact1 .ULLIST .li{width: 50%;padding: 40px;display: inline-block;vertical-align: top;} .qui-contact1 .ULLIST .li .qui-divbox{background-color: #fff;overflow: hidden;} .qui-contact1 .ULLIST .li .quiname{line-height: 30px;padding: 35px 50px;color: #fff;font-size: 24px;position: relative;} .qui-contact1 .ULLIST .li .quiname:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 104, 183, .8);} .qui-contact1 .ULLIST .li .quiname span{position: relative;z-index: 1;} .qui-contact1 .ULLIST .li .quitxt{margin: 25px 50px;padding-bottom: 25px;border-bottom: 1px dashed #e5e5e5;overflow: hidden;} .qui-contact1 .ULLIST .li .Map{margin: 15px 50px 40px;height: 0;position: relative;padding-bottom: 56.25%;} .qui-contact1 .ULLIST .li .quiewm{float: right;color: #666;text-align: center;font-size: 16px;} .qui-contact1 .ULLIST .li .qui{border: 1px solid #eee;padding: 10px;margin-bottom: 10px;width: 140px;} .qui-contact1 .ULLIST .li .qui img{display: block;width: 100%;} .qui-contact1 .ULLIST .li .DLLIST{margin-right: 160px;font-size: 16px;color: #666;line-height: 24px;padding-top: 15px;} /* .qui-contact1 .ULLIST .li .quicol{color: #e60012;} */ .qui-contact1 .ULLIST .li .DLLIST dd{margin-bottom: 15px;overflow: hidden;background: 0 1.5px no-repeat;padding-left: 28px;} .qui-contact1 .ULLIST .li .DLLIST .dd1{background-image: url(../images/conico1.png);} .qui-contact1 .ULLIST .li .DLLIST .dd2{background-image: url(../images/conico2.png);} .qui-contact1 .ULLIST .li .DLLIST .dd3{background-image: url(../images/conico3.png);} .qui-contact1 .ULLIST .li .DLLIST .dd4{background-image: url(../images/conico4.png);} .qui-contact2{padding: 80px 0;} .qui-contact2 .ULLIST{font-size: 0;} .qui-contact2 .ULLIST .li{width: 33.333333333%;display: inline-block;vertical-align: top;} .qui-contact2 .ULLIST .li .qui-hover{display: block;overflow: hidden;padding: 60px 135px;font-size: 16px;color: #666;background-color: #fff;line-height: 24px;border: 1px solid transparent;background-position: 95% 95%;background-repeat: no-repeat;} .qui-contact2 .ULLIST .li .qui-hover:hover{background-color: #f5f9fc;border-color: #0068b7;background-image: url(../images/logobg.png);} .qui-contact2 .ULLIST .li .quitt{font-size: 20px;color: #000;margin: 20px 0 10px;} .qui-contact2 .ULLIST .li .quiico img{display: block;height: 97px;} .qui-contact2 .ULLIST .li .p{padding: 3px 0;margin: 0;} .qui-contact3 .divname{background: #0068b7;line-height: 30px;padding: 15px 40px;color: #fff;font-size: 20px;} .qui-contact3 .ULLIST{font-size: 0;background: #fff;padding: 40px 50px;} .qui-contact3 .ULLIST .li{width: 33.333333333%;display: inline-block;vertical-align: top;font-size: 16px;color: #666;line-height: 24px;padding: 8px 15px 8px 0;} @media (max-width:1640px){ .qui-contact{padding: 4% 0;margin-top: 0;} .qui-contact1 .ULLIST{margin: -1%;} .qui-contact1 .ULLIST .li{padding: 1%;} .qui-contact2{padding: 3% 0;} .qui-contact1 .ULLIST .li .quitxt{margin: 20px;padding-bottom: 20px;} .qui-contact1 .ULLIST .li .Map{margin: 20px;} .qui-contact1 .ULLIST .li .DLLIST{padding-top: 0;} .qui-contact2 .ULLIST .li .qui-hover{padding: 40px 25px;} .qui-contact3 .ULLIST{padding: 25px;} .qui-contact1 .ULLIST .li .quiname{font-size: 22px;padding: 20px 30px;} .PicList054_00 li .txt time{left: 2%;} } @media (max-width:1000px){ .qui-contact1 .ULLIST .li{width: 100%;} .qui-contact2 .ULLIST .li .qui-hover{padding: 30px 15px;font-size: 14px;line-height: 22px;} .qui-contact2 .ULLIST .li .quitt{font-size: 16px;margin: 10px 0 3px;} .qui-contact3 .ULLIST .li{width: 50%;font-size: 14px;line-height: 22px;padding: 3px 10px 3px 0;} .qui-contact2 .ULLIST .li .quiico img{height: 46px;} } @media (max-width:640px){ .qui-contact1 .ULLIST .li .quiname{font-size: 18px;padding: 15px 20px;} .qui-contact1 .ULLIST .li .quiewm{float: none;display: table-footer-group;} .qui-contact1 .ULLIST .li .DLLIST{margin: 2% 0 0;float: none;display: table-header-group;} .qui-contact1 .ULLIST .li .qui{margin: 0 auto;} .qui-contact1 .ULLIST .li .quitxt{height: auto!important;} .qui-contact2 .ULLIST .li{width: 100%;} .qui-contact2 .ULLIST .li .qui-hover{padding: 25px 20px;} .qui-contact3 .ULLIST{padding: 20px;} .qui-contact3 .ULLIST .li{width: 100%;} .qui-contact3 .divname{padding: 15px 20px;font-size: 18px;} } .FaqList054 .search .text{color: #333;} .FaqList054 .search{margin-top: 30px;} .FaqList054 .tips{overflow: visible;margin-bottom: 3%;} .FaqList054 .link ul{position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;z-index: 99;padding: 15px 0;} .FaqList054 .link{padding-bottom: 0;} .FaqList054 .link h6{cursor: pointer;} .Spec001220 .sx dl dd span label{cursor: pointer;} .TextList000962 li a{position: relative;} .Spec001220 .search .title span.on .sq{background-image: url(../images/jt2.jpg);} .qui-bg-f8f8f8{background-color: #f8f8f8!important;} .Form002337 .row-inner .h5{line-height: 60px;font-size: 16px;} .Form002337 .row-inner{color: #333;padding-left: 95px;} .Form002337 .address .selectbox select{padding: 0 4px;} .Form002337 .row-inner .text{padding: 0 15px;} .Form002337 .jx .text{width: 48%;} .Form002337 .row-inner{line-height: 60px;} .Form002337 .row-inner label{color: #999;cursor: pointer;} .qui-popMore{display: none;max-width: 800px!important;padding: 4%!important;} .qui-popMore .h4{text-align: center;font-size: 20px;color: #333;margin: 0;color: #e50000;} .qui-popMore .quiinfo{margin: 3% 0;line-height: 26px;text-align: justify;max-height: 70vh;overflow: auto;} .qui-popMore .quibtn{color: #fff;display: inline-block;vertical-align: top;width: 120px;border-radius: 5px;text-align: center;margin: 0 auto;cursor: pointer;background: #e50000;line-height: 42px;} .qui-popMore .quibtn2{background: #ccc;margin-left: 10px;} .qui-popMore .quibtnbox{text-align: center;} .Form002337 .row-inner textarea{color: #333;} .Form002337 .Form_text p{white-space: pre-wrap;word-wrap: break-word;} .TextList000962 li span.name{text-align: right;} .TextList000962 li span.mb{text-align: right;} @media (max-width:640px){ .Form002337 .row-inner .h5{font-size: 14px;line-height: 42px;} .Form002337 .row-inner{padding-left: 75px;line-height: 42px;} .Form002337 .address .selectbox select{height: 42px;} .Form002337 .row-inner .text{line-height: 42px;height: 42px;} } .qui-servisebox{padding: 100px 0 20px;} #loutinav{width: 240px;float: left;background: #fff;max-height: 100vh;overflow: auto;} #loutinav.quiflt{position: fixed;z-index: 99;left: 50%;margin-left: -780px;top: 112px;padding-bottom: 120px;} #loutinav li{margin: 0;list-style: none;padding: 0;} #loutinav li a{padding: 20px 40px;cursor: pointer;color: #333;font-size: 16px;line-height: 20px;position: relative;border-bottom: 1px solid #f8f8f8;display: block;overflow: hidden;transition: all .5s;} #loutinav li a:after{content: '';position: absolute;width: 5px;height: 8px;right: 30px;background: url(../images/rtbtn.png) center no-repeat;top: 50%;margin-top: -4px;} #loutinav li.on a{color: #fff;background-color: #0068b7;} .qui-servisebox2{margin-left: 320px;} .qui-activity-box .qui-pic{padding-bottom: 54.0322580645%;} .qui-activity-box .quiname{font-weight: bold; font-size: 100px; color: #333; margin-top: -60px; line-height: 1; padding-left: 64px; position: relative; z-index: 1; margin-bottom: 70px; background: #f8f8f8ab; padding-top: 20px; padding-bottom: 20px;} .qui-activity-box pre{font-size: 18px;color: #333;line-height: 36px;} .qui-activity-box .DLLIST{padding: 70px 0 100px;font-size: 0;overflow: hidden;border-bottom: 2px solid #333;} .qui-activity-box .DLLIST dd{width: 25%;display: inline-block;vertical-align: top;font-size: 18px;text-align: center;border-left: 1px solid #e5e5e5;margin-left: -1px;color: #333;font-weight: bold;padding: 0 5px;} .qui-activity-box .DLLIST dd .ytable-cell{height: 105px;} .qui-activity-box .DLLIST dd .ytable-cell img{max-height: 105px;} .qui-activity-box .DLLIST dd .quitt{margin-top: 15px;} .qui-activity-box .quimore{padding: 60px 0;border-bottom: 1px solid #e5e5e5;} .qui-activity-box .quimore .quitt{color: #333;font-weight: bold;font-size: 30px;float: left;} .qui-activity-box .quimore .quitxt{margin-left: 310px;font-size: 20px;color: #3c3636;line-height: 30px;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;} .qui-activity-box{padding-top: 120px;} /* .qui-servisebox2 .qui-activity-box:nth-child(2){padding-top: 0px;} */ .Spec001220 .sx dl dd input[type="checkbox"]{cursor: pointer;} @media (max-width:1560px){ .qui-servisebox{padding: 4% 0 2%;} #loutinav.quiflt{left: 2%;margin-left: 0;} .qui-servisebox2{margin-left: 255px;} .qui-activity-box{padding-bottom: 2%;} .qui-activity-box .quiname{font-size: 80px;margin-top: -50px;padding-left: 25px;margin-bottom: 40px;} .qui-activity-box pre{font-size: 16px;line-height: 28px;} .qui-activity-box .DLLIST{padding: 40px 0;} .qui-activity-box .quimore{padding: 40px 0;} } @media (max-width:1024px){ .qui-activity-box .quiname{font-size: 30px;margin:4% 0 2%;line-height: 1.4;font-weight: normal;padding-left: 0;} .qui-activity-box pre{font-size: 14px;line-height: 26px;} .qui-activity-box .DLLIST dd .quitt{font-size: 14px;font-weight: normal;} .qui-activity-box .DLLIST dd .ytable-cell{height: 54px;} .qui-activity-box .DLLIST dd .ytable-cell img{max-height: 54px;} .qui-activity-box .quimore .quitt{float: none;font-size: 20px;font-weight: normal;} .qui-activity-box .quimore .quitxt{margin-left: 0;margin-top: 10px;font-size: 16px;line-height: 26px;} } @media (max-width:640px){ #loutinav{display: none;} .qui-servisebox2{margin-left: 0;} .qui-activity-box .quiname{font-size: 20px;} .qui-activity-box .DLLIST dd .ytable-cell{height: 38px;} .qui-activity-box .DLLIST dd .ytable-cell img{max-height: 38px;} .qui-activity-box .DLLIST dd .quitt{font-size: 12px;margin-top: 10px;} .qui-activity-box .DLLIST{padding: 20px 0;} .qui-activity-box .quimore{padding: 20px 0;} } .qui-prosearch{margin-top: 112px;padding:90px 0;min-height: 860px;background: center no-repeat;background-size: cover;} @media (max-width:1024px) { .qui-prosearch{margin-top: calc(72px + 4vw);} } @media (max-width:768px) { .qui-prosearch{margin-top: calc(54px + 8vw);} } .qui-searchbox{width: 1200px;background: #fff;margin: 0 auto; } .qui-searchbox .quibtnbox{padding: 25px 0;border-top: 1px solid #eee;text-align: center;} .qui-searchbox .quibtnbox .quibtn{cursor: pointer;display: inline-block;vertical-align: top;width: 180px;border-radius: 50px;line-height: 50px;color: #fff;background-color: #0068b7;text-align: center;border: 0;outline: none;font-size: 16px;} .qui-searchbox .quibtnbox .quibtn2{margin-left: 15px;background: #ccc;} .qui-searchbox .quinamett{background: #333;line-height: 20px;padding: 20px 30px;color: #fff;} .qui-searchbox .quinamett em{font-style: normal;opacity: .5;padding-right: 10px;} .qui-searchbox .quinamett span{font-size: 16px;font-weight: bold;} .qui-searchbox .quil{float: left;width: 280px;border-right: 1px solid #ddd;} .qui-searchbox .quir{margin-left: 280px;} .qui-searchbox .quil .quidivbox{margin: 30px;height: 460px;overflow-x: hidden!important;} .qui-searchbox .quil .quidivbox ul{font-size: 0;overflow: hidden;margin: -10px;} .qui-searchbox .quil .quidivbox ul li{width: 50%;display: inline-block;vertical-align: top;text-align: center;padding: 10px;position:relative} .qui-searchbox .quil .quidivbox ul li:before{content:''; width:100%;height:100%;position:absolute; left:0; top:0; z-index:2;} .qui-searchbox .quil .quidivbox ul li .qui-hover{display: block;overflow: hidden;color: #333;} .qui-searchbox .quil .quidivbox ul li .ytable{border: 1px solid transparent;} .qui-searchbox .quil .quidivbox ul li .ytable-cell{height: 90px;border: 1px solid #ddd;position: relative;} .qui-searchbox .quil .quidivbox ul li .ytable-cell img{max-height: 90px;} .qui-searchbox .quil .quidivbox ul li .ytable-cell img.img2{display: none;} .qui-searchbox .quil .quidivbox ul li .quitt{font-size: 14px;margin-top: 10px;} .qui-searchbox.hideall{width: 480px;} .qui-searchbox.hideall .quil:nth-child(1) ~ div .quir{display: none;} .qui-searchbox.hideall .quil{float: none; border-right: 0;width: auto;} @media (max-width:1280px) { .qui-searchbox{width: 93.75vw;} .qui-searchbox.hideall{width: 90vw;} } @media (min-width:1025px){ .qui-searchbox .quil .quidivbox ul li .qui-hover:hover{color: #0068b7;} .qui-searchbox .quil .quidivbox ul li .qui-hover:hover .ytable, .qui-searchbox .quil .quidivbox ul li .qui-hover:hover .ytable-cell{border-color: #0068b7;} /*.qui-searchbox .quil .quidivbox ul li .qui-hover:hover .ytable-cell img.img1{display: none;} .qui-searchbox .quil .quidivbox ul li .qui-hover:hover .ytable-cell img.img2{display: inline-block;}*/ } .qui-searchbox .quil .quidivbox ul li.on .qui-hover{color: #0068b7;} .qui-searchbox .quil .quidivbox ul li.on .qui-hover .ytable, .qui-searchbox .quil .quidivbox ul li.on .qui-hover .ytable-cell{border-color: #0068b7;} .qui-searchbox .quil .quidivbox ul li.on .qui-hover .ytable-cell img.img1{display: none;} .qui-searchbox .quil .quidivbox ul li.on .qui-hover .ytable-cell img.img2{display: inline-block;} .qui-searchbox .quicar1{height: 520px;background: #f5f5f5;width: 270px;float: left;overflow-x: hidden!important; display: none} .qui-searchbox .quicar1 li{cursor: pointer;line-height: 20px;padding: 20px 25px;border-bottom: 1px solid #ddd;color: #666;} @media (min-width:1025px){ .qui-searchbox .quicar1 li:hover{color: #0068b7;} } .qui-searchbox .quicar1 li.on{background: #0068b7;color: #fff;} .qui-searchbox .quicar1 li.permit{font-weight:bold} .qui-searchbox .quicar1 li.col{color: #ff3131;} .qui-searchbox .quicar2{overflow-x: hidden!important;height: 460px;margin: 30px 40px 30px 0px;padding: 0 0 0 40px;} .qui-searchbox .qui-divbox{overflow: hidden;} .qui-searchbox .quicar2 .quiname{ left: 0;font-size: 16px;font-weight: bold;color: #333; width:85px; position: absolute} .qui-searchbox .quicar2 .item_list{ position: relative; padding-left:90px;overflow: hidden;padding-bottom: 30px;border-bottom: 1px solid #ddd; margin-bottom: 25px;} .qui-searchbox .quicar2 .item_list:last-child{ margin-bottom: 0; border-bottom: none;} .qui-searchbox .quicar2 .DLLIST1{font-size: 0;} .qui-searchbox .quicar2 .DLLIST1 dd{width: 20%;display: inline-block;vertical-align: top;text-align: center;padding: 10px;} .qui-searchbox .quicar2 .DLLIST1 dd .qui-hover{display: block;overflow: hidden;color: #333;} .qui-searchbox .quicar2 .DLLIST1 dd .ytable{border: 1px solid transparent;} .qui-searchbox .quicar2 .DLLIST1 dd .ytable-cell{height: 90px;border: 1px solid #ddd;position: relative;} .qui-searchbox .quicar2 .DLLIST1 dd .ytable-cell img{max-height: 90px;} .qui-searchbox .quicar2 .DLLIST1 dd .ytable-cell img.img2{display: none;} .qui-searchbox .quicar2 .DLLIST1 dd .quitt{font-size: 14px;margin-top: 10px;} @media (min-width:1025px){ .qui-searchbox .quicar2 .DLLIST1 dd .qui-hover:hover{color: #0068b7;} .qui-searchbox .quicar2 .DLLIST1 dd .qui-hover:hover .ytable, .qui-searchbox .quicar2 .DLLIST1 dd .qui-hover:hover .ytable-cell{border-color: #0068b7;} /*.qui-searchbox .quicar2 .DLLIST1 dd .qui-hover:hover .ytable-cell img.img1{display: none;} .qui-searchbox .quicar2 .DLLIST1 dd .qui-hover:hover .ytable-cell img.img2{display: inline-block;}*/ } .qui-searchbox .quicar2 .DLLIST1 dd.on .qui-hover{color: #0068b7;} .qui-searchbox .quicar2 .DLLIST1 dd.on .qui-hover .ytable, .qui-searchbox .quicar2 .DLLIST1 dd.on .qui-hover .ytable-cell{border-color: #0068b7;} .qui-searchbox .quicar2 .DLLIST1 dd.on .qui-hover .ytable-cell img.img1{display: none;} .qui-searchbox .quicar2 .DLLIST1 dd.on .qui-hover .ytable-cell img.img2{display: inline-block;} .qui-searchbox .quicar2 .quiname2{} .qui-searchbox .quicar2 .DLLIST2{font-size: 0;overflow: hidden;margin: -6px;} .qui-searchbox .quicar2 .DLLIST2 dd{width: 33.3333333333%;padding: 6px;display: inline-block;vertical-align: top;color: #333;font-size: 14px;} /* #Is_highly dd, dd[name="MaterialsQuantity"]{width: auto!important;} */ .qui-searchbox .quicar2 .DLLIST2 dd label{cursor: pointer;} .qui-searchbox .quicar2 .DLLIST2 dd input{margin-right: 5px;position: relative;top: 1px;} .qui-prosearch2{padding: 110px 0 120px;background: url(../images/listbg.jpg) center no-repeat; background-size: cover;} .qui-loading{text-align: center;padding: 20px 0;color: #999;font-size: 16px;} .qui-loading i{display: block;margin: 0 auto 20px;animation:turn 1.2s linear infinite;width: 35px;height: 35px;background: url(../images/loading.png) center no-repeat;} @keyframes turn{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } .qui-prosearch2 .ULLIST{overflow: hidden;margin: -20px;padding-bottom: 60px;} .qui-prosearch2 .ULLIST li{width: 25%;float: left;padding: 20px;} .qui-prosearch2 .ULLIST li .ytable{overflow: hidden;} .qui-prosearch2 .ULLIST li .ytable-cell{height: 360px;} .qui-prosearch2 .ULLIST li .ytable-cell img{max-height: 360px;} .qui-prosearch2 .ULLIST li .qui-hover{display: block;overflow: hidden;text-align: center;background: #fff;} .qui-prosearch2 .ULLIST li .quitt{line-height: 80px;color: #333;background: #e4e8eb;padding: 0 20px;font-size: 18px;} .qui-prosearch2 .ULLIST li .qui-hover:hover .quitt{color: #fff;background-color: #0068b7;} .qui-prosearch2 .quiname{margin-bottom: 55px;overflow: hidden;line-height: 50px;} .qui-prosearch2 .quiname span{color: #333;font-size: 40px;float: left;} .qui-get-price{background-color: #e60012;color: #fff!important;font-size: 16px;text-align: center;width: 180px;line-height: 50px;border-radius: 50px;float: right; cursor: pointer;} @media (max-width:1300px){ .qui-prosearch{min-height: 0;padding: 4% 2%;} .qui-prosearch2{padding: 4% 0;} .qui-prosearch2 .quiname{margin-bottom: 20px;} .qui-prosearch2 .ULLIST li{padding: 1%;} .qui-prosearch2 .ULLIST{margin: -1%;padding-bottom: 1%;} .qui-prosearch2 .ULLIST li .ytable-cell{height: 260px;} .qui-prosearch2 .ULLIST li .ytable-cell img{max-height: 260px;} .qui-prosearch2 .ULLIST li .quitt{font-size: 16px;line-height: 52px;padding: 0 10px;} .qui-searchbox .quil .quidivbox{margin: 20px;height: 480px;} .qui-searchbox .quicar2{margin: 20px 20px 20px 0px;padding-left: 20px;height: 480px;} .qui-searchbox .quicar2 .DLLIST1 dd{padding: 5px;width: 25%;} .qui-searchbox .quicar2 .DLLIST1 dd .quitt{margin-top: 6px;} .qui-searchbox .quicar2 .DLLIST1{padding-bottom: 20px;} .qui-searchbox .quicar2 .DLLIST1 dd .ytable{border: none!important;} .qui-searchbox .quil .quidivbox ul li .ytable{border: none!important;} .qui-searchbox .quicar2 .DLLIST2{margin: -2.5px;} .qui-searchbox .quicar2 .DLLIST2 dd{padding: 2.5px;font-size: 13px;} } @media (max-width:1024px){ .qui-prosearch2 .quiname{line-height: 42px;} .qui-prosearch2 .quiname span{font-size: 26px;} .qui-get-price{font-size: 14px;width: 120px;line-height: 42px;border-radius: 42px;} } @media (max-width:900px){ .qui-prosearch{padding: 2%;} .qui-searchbox .quil .quidivbox ul li{width: 20%;} .qui-prosearch2 .ULLIST li{width: 50%;} .qui-searchbox .quil{width: 100%;float: none;} .qui-searchbox .quir{margin-left: 0;} .qui-searchbox .quil .quidivbox{height: auto;max-height: 35vh;} .qui-searchbox .quicar1{height: 45vh;width: 160px;} .qui-searchbox .quicar2{height: calc(45vh - 40px);} .qui-searchbox .quil .quidivbox ul{margin: 0 -10px;} .qui-searchbox .quicar2 .DLLIST1{margin-top: 0;} .qui-searchbox .quicar2 .DLLIST2{margin-top: 0;margin-bottom: 0;} .qui-searchbox .quibtnbox .quibtn{font-size: 14px;line-height: 40px;border-radius: 40px;width: 120px;} .qui-searchbox .quibtnbox .quibtn2{margin-left: 10px;} .qui-searchbox .quibtnbox{padding: 20px 0;} } @media (max-width:640px){ .qui-prosearch2 .ULLIST li .ytable-cell{height: 180px;} .qui-prosearch2 .ULLIST li .ytable-cell img{max-height: 180px;} .qui-prosearch2 .ULLIST li .quitt{font-size: 14px;line-height: 42px;} .qui-prosearch2 .quiname{line-height: 38px;margin-bottom: 15px;} .qui-prosearch2 .quiname span{font-size: 20px;} .qui-get-price{line-height: 38px;} .qui-searchbox .quicar2 .quiname{ position: relative; width: auto; padding-bottom: 10px;} .qui-searchbox .quicar2 .item_list{ padding-left: 0} } @media (max-width:500px){ .qui-searchbox .quil .quidivbox{margin: 10px 15px;} .qui-searchbox .quil .quidivbox ul li{padding: 2.5px;width: 33.33333333%;} .qui-searchbox .quil .quidivbox ul{margin-left: -2.5px;margin-right: -2.5px;} .qui-searchbox .quil .quidivbox ul li .quitt{margin: 6px 0 10px ;} .qui-searchbox .quinamett{padding: 20px;} .qui-searchbox .quicar2 .DLLIST2 dd{width: 100%;} .qui-searchbox .quicar2 .DLLIST1{margin-left: -2.5px;margin-right: -2.5px;} .qui-searchbox .quicar2 .DLLIST1 dd{padding: 2.5px;width: 50%;} .qui-searchbox .quicar1{width: 100px;} .qui-searchbox .quicar1 li{font-size: 14px;padding: 14px 15px;} .qui-searchbox .quicar2{margin-right: 0;padding-right: 10px;padding-left: 10px;} .qui-loading{font-size: 15px;} .qui-loading i{margin-bottom: 10px;} } .pro-pop-searchbox{padding: 0!important;display: none;} .pro-pop-searchbox .fancybox-close-small{padding: 0!important;opacity: 1!important;color: #fff!important;right: 8px!important;top: 8px!important;} .Banner003069 .txt .en{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;} .qui-productbox .qui-prol{width: 37.5%;float: left;padding: 140px 140px 100px 180px;} .qui-productbox .qui-pror{margin-left: 37.5%;padding: 140px 0 100px 0;background: #e7ebf0 url(../images/probg.jpg) top center no-repeat;overflow: hidden;} .qui-productbox .qui-prol .quidiv1 .quiname{display: inline-block;vertical-align: top;padding-left: 65px;position: relative;color: #333;font-size: 16px;} .qui-productbox .qui-prol .quidiv1 .quiname:after{content: '';width: 50px;height: 2px;background: #e60012;position: absolute;left: 0;top: 50%;margin-top: -1px;} .qui-productbox .qui-prol .quidiv1 a{display: inline-block;vertical-align: top;margin-left: 60px;padding-left: 26px;background: url(../images/prossbtn.png) center left no-repeat;color: #333;font-size: 16px;} .qui-productbox .qui-prol .quidiv1{margin-bottom: 55px;} .qui-productbox .qui-prol .quidiv2{color: #333;font-size: 35px;font-family: Rajdhani;font-weight: normal;line-height: 1;margin-bottom: 40px;} .qui-productbox .qui-prol .quidiv2 em{font-weight: bold;font-style: normal;display: block;} .qui-productbox .qui-prol .quidiv3{margin: 25px 0 95px;font-weight: 600;font-size: 18px;color: #333;} .qui-productbox .qui-prol .ULLIST li a{display: block;line-height: 22px;padding: 19px 30px 19px 20px;font-size: 16px;border-bottom: 1px solid #eee;position: relative;color: #666;border-top: 2px solid transparent;} .qui-productbox .qui-prol .ULLIST li:hover a{color: #0068b7;} .qui-productbox .qui-prol .ULLIST li.on a{color: #0068b7;background-color: #e6ecf1;border-top-color: #0068b7;} .qui-productbox .qui-prol .ULLIST li.on a:after{content: '';position: absolute;right: 20px;width: 5px;height: 8px;background: url(../images/prort.png) center no-repeat;top: 50%;margin-top: -4px;} .qui-productbox .qui-pror .quitt{font-size: 30px;color: #0068b7;margin-bottom: 10px;padding-right: 160px;} .qui-productbox .qui-pror .quitt2{font-size: 16px;color: #0068b7;opacity: .5;margin-bottom: 60px;padding-right: 160px;} .qui-productbox .qui-pror .quiinfo{padding: 70px 0 0 0;text-align: justify;color: #333;font-size: 16px;line-height: 36px;overflow: hidden;} .qui-productbox .qui-pror .quiinfo .h3{margin: 0 0 15px;padding: 20px 0;color: #000;font-size: 24px;border-bottom: 2px solid #000;} .qui-productbox .qui-pror .quiinfo .ULLIST li{padding-left: 15px;background: url(../images/prodot.png) 0 16px no-repeat;} .qui-productbox .qui-pror .quiinfo .parameter{ overflow-x: auto; padding: 10px 0;} .qui-productbox .qui-pror .quiinfo .parameter table, .qui-productbox .qui-pror .quiinfo .parameter table td{border: solid 1px #000; text-align: center; background: #fff} .qui-productbox .qui-pror .quiinfo .parameter table td.bg{ background: #e6ecf1} .qui-productbox .qui-pror .quiinfo .parameter table td{ line-height: 20px; padding: 10px 5px; white-space: nowrap} .qui-productbox .qui-pror .qui-item{position: relative;margin-right: 20px;} .qui-productbox .qui-pror .qui-item .quimore{position: absolute;bottom: 0;left: 0;text-align: center;width: 100%;background-image: linear-gradient(to top,#e7ebf0,transparent);padding-top: 35px;display: block;} .qui-productbox .qui-pror .qui-item .quimore span{width: 82px;font-size: 16px;color: #333;background: url(../images/promore.png) right center no-repeat;line-height: ;display: inline-block;vertical-align: top;line-height: 30px;text-align: left;} .qui-productbox .qui-pror .slick-list{padding: 0 180px 0 100px;} .qui-productbox .qui-pror .qui-item .qui-pic{background: center center no-repeat;background-size: contain;padding-bottom: 51.0416666667%;} .qui-productbox .qui-pror .qui-item .qui-pic img{visibility: hidden;} .qui-productbox .qui-pror .quitt, .qui-productbox .qui-pror .quitt2, .qui-productbox .qui-pror .quiinfo, .qui-productbox .qui-pror .qui-item .quimore{opacity: 0;} .qui-productbox .qui-pror .qui-item .qui-pic{opacity: .5;} .qui-productbox .qui-pror .slick-current .quitt, .qui-productbox .qui-pror .slick-current .quitt2, .qui-productbox .qui-pror .slick-current .quiinfo, .qui-productbox .qui-pror .slick-current.qui-item .quimore{opacity: 1;} .qui-productbox .qui-pror .slick-current.qui-item .qui-pic{opacity: 1;} .qui-productbox .qui-pror .slick-arrow{right: 180px;top: 0;width: 65px;height: 65px;-webkit-transform: translate(0);-ms-transform: translate(0);transform: translate(0);background: center no-repeat;background-size: cover;border: 0;} .qui-productbox .qui-pror .slick-prev2.slick-disabled{background-image: url(../images/probtn1.png)!important;opacity: .5;cursor: default;} .qui-productbox .qui-pror .slick-prev2{right: 265px;background-image: url(../images/probtn1.png);} .qui-productbox .qui-pror .slick-next2.slick-disabled{background-image: url(../images/probtn2.png)!important;opacity: .5;cursor: default;} .qui-productbox .qui-pror .slick-next2{background-image: url(../images/probtn2.png);} .qui-productbox .qui-pror .slick-prev2:hover{background-image: url(../images/probtn3.png);} .qui-productbox .qui-pror .slick-next2:hover{background-image: url(../images/probtn4.png);} @media (max-width:1800px){ .qui-productbox .qui-prol{padding: 60px 4vw;} .qui-productbox .qui-pror{padding: 60px 0;} .qui-productbox .qui-pror .slick-list{padding: 0 4vw;} .qui-productbox .qui-prol .quidiv3{margin-bottom: 60px;} .qui-productbox .qui-pror .slick-arrow{right: 4vw;} .qui-productbox .qui-pror .slick-prev2{right: calc(4vw + 80px);} } @media (max-width:1024px){ .qui-productbox .qui-prol{padding: 40px 2vw;} .qui-productbox .qui-pror{padding: 40px 0;} .qui-productbox .qui-pror .slick-list{padding: 0 2vw;} .qui-productbox .qui-prol .quidiv1{margin-bottom: 20px;} .qui-productbox .qui-prol .quidiv2{font-size: 40px;} .qui-productbox .qui-prol .quidiv3{margin: 15px 0 3vw;font-size: 16px;} .qui-productbox .qui-pror .quiinfo{padding: 3vw 0;font-size: 14px;line-height: 26px;} .qui-productbox .qui-pror .quitt{font-size: 26px;padding-right: 100px;} .qui-productbox .qui-pror .quitt2{margin-bottom: 25px;padding-right: 100px;} .qui-productbox .qui-pror .slick-arrow{width: 42px;height: 42px;} .qui-productbox .qui-pror .slick-prev2{right: calc(4vw + 52px);} } @media (max-width:1000px){ .qui-productbox .qui-prol{width: 100%;float: none;} .qui-productbox .qui-pror{margin-left: 0;min-height: 45vh!important;} .qui-productbox .qui-pror .qui-item{margin: 0;padding: 0 10px;} .qui-productbox .qui-prol .ULLIST{text-align: center;font-size: 0;} .qui-productbox .qui-prol .ULLIST li{display: inline-block;vertical-align: top;} .qui-productbox .qui-prol .ULLIST li a{padding: 10px 15px;} .qui-productbox .qui-prol .ULLIST li.on a:after{display: none;} .qui-productbox .qui-prol .quidiv1{text-align: center;} .qui-productbox .qui-prol .quidiv2{text-align: center;} .qui-productbox .qui-prol .quidiv3{text-align: center;} } @media (max-width:640px){ .qui-productbox .qui-prol .quidiv2{font-size: 24px;line-height: 1;} .qui-productbox .qui-prol .quidiv3{margin: 10px 0 25px;} .qui-productbox .qui-pror .quitt{font-size: 20px;} .qui-productbox .qui-pror .quitt2{font-size: 14px;} .qui-productbox .qui-pror .quiinfo .h3{font-size: 20px;font-weight: normal;border-bottom-width: 1px;} } .qui-tt-list{padding: 4% 2%;max-width: 1000px;margin: 0 auto;} .qui-tt-list li a{display: block;overflow: hidden;font-size: 16px;color: #333;border-bottom: 1px solid #eee;line-height: 46px;} .qui-tt-list li time{color: #999;font-size: 14px;float: right;} .qui-tt-list li span{display: block;margin-right: 120px;} .qui-tt-list li a:hover span{color: #e60012;} .mapWorldBox{background: url(../images/worldMapBg.jpg) center no-repeat; background-size: cover;padding-top: 6%;} .mapWorldBox .title{ text-align: center;} .mapWorldBox .title h3{font-weight: normal;color: #fff; font-size: 40px; margin: 0;} .mapWorldBox .title p{font-size: 16px;line-height: 1.875em; margin: 1em auto;color: #fff;} .mapWorld { width: 100%; max-width: 1435px; margin: 0 auto;position: relative; } #logo_animate { width: 100%; max-width: 1435px; height: 100%; position: absolute; filter:drop-shadow(0 0 10px #35c4ff)} .mapWorld .dot{ position:absolute; top: 30.2%; left: 35.8%; width:15px; height: 15px; background: #fff; border-radius: 50%; filter:drop-shadow(0 0 10px red);} .mapWorld .text{position:absolute; top: 29.6%; left: 37%; color:#fff;filter:drop-shadow(0 0 4px #000); font-weight: bold; font-size: 16px;} .mapWorld .pic img{ width: 100%;} @media (min-width: 1025px) { .Top003101 .top-right{margin-top: 35px;} } /*.Top003101 .top-right dl.clearfix{height: 38px;overflow: hidden;}*/ @media (max-width: 1435px) { .mapWorld .dot{ top: 13.7vw; width:1vw; height: 1vw;} .mapWorld .text{ top: 13.4vw; font-size: 1.1vw;} } .wap-Map img{display: block;width: 100%;} @media (min-width:1025px) { .wap-Map{display: none;} } @media (max-width: 1024px) { .Top003101 .top-line{margin: 0;} .mapWorld{display: none;} } @media(max-width:768px){ .mapWorldBox .title h3{font-size: 24px;} .mapWorldBox .title p{font-size: 16px;} .placeholder{font-size: 12px!important;padding-bottom: 15px!important;} .form_jobs table td{padding: 5px 2.5px;} .red_slickjs_btn .slick-prev{left: 2%;} .red_slickjs_btn .slick-next{right: 2%;} .Spec001220 .sx dl dd{width: 100%;} .Spec001220 .search .text{font-size: 15px;padding: 0 16px;} } .quiaddsearch{position: absolute;right: -14px;top:40px;display: none;z-index: 99;background: #fff;} .quiaddsearch .text2{background: #f6f6f6;width: 200px;color: rgba(0,0,0,1);padding: 0 44px 0 15px; height: 38px;line-height: 38px;display: block;border: 1px solid #eee;} .search-show2 .quiaddsearch{display: block;} .quiaddsearch .btn2{position: absolute;right: 0;width: 44px;height: 100%;top: 0;background: url(../images/Top003101-search.png) no-repeat center center;} @media(max-width:640px){ .quiaddsearch{top: 62px; width: 100vw; right: 0; position: fixed; left: 0;} .quiaddsearch .text2{width: calc(100% - 44px)} } .product_info .point{ cursor: pointer;width:48px; height: 48px; position: relative; margin-left: -21px; margin-top: -21px;} .product_info .point a, .product_info .point:before, .product_info .point:after{display: block; position: absolute; border-radius: 100px;} .product_info .point:before, .product_info .point:after{ content: '';} .product_info .point:before{ z-index: 2; left:18.75%; top:18.75%; width:62.5%; height:62.5%; background:rgba(255,255,255,0.6); box-shadow: 0 0 0 1px #fff} .product_info .point:after{ z-index: 1; width:100%; height:100%;} .product_info .point a{ z-index: 3;left:42.5%; top:42.5%;width: 15%; height: 15%; box-shadow: 0 0 0 4px #0068b7;} .product_info .point:hover:before{ background:rgba(54,158,237,0.6); box-shadow: none} .product_info .point:hover:after{ background: rgba(155,212,255,0.6)} .product_info .line{display: none;position: absolute; z-index: 5; top: -200%; width:544.5%; height:196.297%;} .product_info .txt_right .line{ left: 10%; background: url("../images/line_left.png") no-repeat left; background-size: contain;} .product_info .txt_left .line{ right: 80%; background:url("../images/line_right.png") no-repeat right; background-size: contain;} .product_info .box{ display: none;top:-750%; z-index: 6; position: absolute; /* width: 486px; height: 350px;*/width:1800%; height:1297%;} .product_info .txt_right .box{left: 420%; background: url("../images/txt_right_pro.png") no-repeat; background-size: contain} .product_info .txt_left .box{right: 420%; background: url("../images/txt_left_pro.png") no-repeat; background-size: contain} .product_info .info{ position: absolute} .product_info .txt_info .pic{ padding: 10px 0; margin-bottom: 20px; border-bottom: solid 1px #eaeaea} .product_info .txt_info{ text-align: center; padding: 43px;} .product_info .txt_info h3{ font-size: 18px;color: #333333; padding: 10px 0; margin: 0; font-weight: normal} .product_info .txt_info p{ color: #999999;padding: 0; margin: 0 20px; } .product_info .txt_info .more{ padding: 20px 0} .product_info .txt_info .more a{ background: #0068b7 url("../images/jt_more.png") no-repeat 80%; display: inline-block; padding-left: 32px; padding-right: 42px; line-height: 40px; color: #fff; border-radius: 30px;} .product_info .show .line, .product_info .show .box{} .product_info .wap_info{ display: none} .product_info .wap_info .wap_item.hide{ height: 0; overflow: hidden} .product_info .add_info{ z-index: 10; position: absolute; width: 486px; height: 350px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url("../images/txt_right_pro.png") no-repeat; background-size: contain} @media(max-width:768px){ .product_info .point{ width:34px; height:34px; margin-left: -15px; margin-top: -15px;} .product_info .point a{ box-shadow: 0 0 0 2px #0068b7;} .product_info .show .line, .product_info .show .box{ display: none} .product_info .txt_info{ padding:10px; border: solid 1px #0068b7; background: #fff; margin: 10px; box-shadow: 0 0 10px rgba(0,104,183,0.1)} .product_info .wap_info{ display:block} .product_info .add_info{ background:none; height: auto; width: 95%;} } .Banner002826 .slider{z-index: 1;} .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{ position: absolute; z-index: 10; left: 0; right: 0; top: -64px; margin: auto; /* transform: translate(-50%,-50%); */ /* max-height: 100%; */ width: 100%;} .Banner002826 .slick-dots li button{ width: 14px; height: 14px; background: #fff;-webkit-transition: all ease 0.5s; transition: all ease 0.5s;} .Banner002826 .slick-dots li.slick-active button{ width: 22px; background: #e60012; border-radius: 15px;} @media(min-width:1025px){ .Banner002826{ margin-top: 112px;} .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826{margin-top: calc(72px + 4vw);} .Banner002826 li.slick-slide img.pc{display: none;} .Banner002826 li.slick-slide video{left: -100%;top: 100%; opacity: 0;} .Banner002826 li.has-video{padding-bottom: 41.6vw;} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/video_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1; min-width: 100%; min-height: 100%;transform: translate(-50%,-50%);} .Banner002826 .slick-dots li button{width: 10px; height: 10px;} .Banner002826 .slick-dots li.slick-active button{ width: 16px;} } @media (max-width:768px) { .Banner002826{margin-top: calc(54px + 8vw);} } /* .jzy 涓篸emo缂栧彿 */ .jzy{ background:#01091c url(../images/jzy.jpg) no-repeat center center; position: fixed; top:0; width: 100%; height: 100%} .jzy form{ text-align:center;} .jzy form .jdt{ background:0; color:#1288b4; width:90%; max-width: 360px; padding:0px; border-style:none; display: block; margin: 0 auto;} .jzy form .sz{ background:0; color:#1288b4; border-style:none; display: block; margin: 0 auto; text-align: center;} .jzy .box{ position: absolute; width: 100%; height: 300px; left: 0; right: 0; top:0; bottom: 0; margin: auto} .jzy .box .logo{ text-align: center; padding: 30px 0;} /*Other002524 */ .Other002524{ position:fixed; z-index:100; right:2%; top:90%; transform:translateY(-50%);} .Other002524 li{ padding:5px 0;} .Other002524 li a, .Other002524 li a::before{ display:block;height:39px;position:relative;} .Other002524 li a::before{content:'';width:39px;border-radius:50%;border: 3px solid #e60012;background-color: #e60012;background-repeat:no-repeat;background-image:url(../images/Other002524_icon.png);z-index:10;} .Other002524 li a:hover::before{/* background-color:#fff; */border-color: #e60012;} .Other002524 li a span{display:none;position:absolute;right:0;top:0;padding-right:39px;border-radius:39px;line-height:39px;color:#fff;background-color: #e60012;z-index:3;width:139px;padding-left:25px;} .Other002524 li.qq a::before{ background-position:-120px -3px;} .Other002524 li.qq a:hover::before{ background-position:-159px -3px;} .Other002524 li.qq_2 a::before{ background-position:-199px -3px;} .Other002524 li.qq_2 a:hover::before{ background-position:-4px -3px;} .Other002524 li.gettop a::before{ background-position:-42px -3px;} .Other002524 li.gettop a:hover::before{/* background-position:-81px -3px; */} .Other002524 li.qq a.phone{ display:none;} .Other002524 li a:hover span{ display:block;} @media(max-width:1024px){ .Other002524 li.qq a.pc{ display:none;} .Other002524 li.qq a.phone{ display:block;} } .qui-get-price-box{position: fixed;left: 0;top:0;width: 100%; height: 100%;background-color: rgba(0,0,0,0.5);z-index: 200;display: none;} .qui-get-price-box .ytable{height: 100%;} .qui-get-price-box .main{max-width: 700px;margin:0 auto; width: 90%; background-color: #fff;} .qui-get-price-box h4{line-height: 2;margin:0;color: #fff;font-size: 20px;padding: 0 1em; background-color: #333;position: relative;} .qui-get-price-box h4 .close{position: absolute;right: 10px; width: 20px;height: 20px;top: 50%;margin-top: -10px; cursor: pointer;} .qui-get-price-box h4 .close:before, .qui-get-price-box h4 .close:after{position: absolute;content: '';width: 100%; height: 2px;background-color: #fff;transform: rotate(45deg); top: 50%;left: 0;margin-top: -1px;} .qui-get-price-box h4 .close:after{transform: rotate(-45deg);} .qui-get-price-box table td:nth-child(1){width: 80px;} .qui-get-price-box form{display: block;padding: 4%;} .qui-get-price-box table .form_err{color: #FF0000;} .qui-get-price-box table td{padding-bottom: 10px;} .qui-get-price-box table td select, .qui-get-price-box table td .text{width: 100%; height: 40px;line-height: 40px;border: 1px solid #eee;padding: 0 10px;} .qui-get-price-box table td textarea.text{height: auto;} .qui-get-price-box table td .btn{padding: 0 2em; height: 2.4em; font-size: 18px;color: #fff;background: #0068b7; border: 0; border-radius: 3em; cursor: pointer;} /*gallery*/ #gallery {overflow: hidden;} #gallery ul {overflow: hidden; margin-left: -1px;} #gallery li {width: 25%; border: none; margin: 0; padding: 0;} #gallery .pic {position: relative; margin: 0 0 1px 1px;} #gallery .pic i {padding-bottom: 60%; background: no-repeat center center; background-size: cover; display: block;} #gallery .pic:before, #gallery .pic:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; display: none;} #gallery .pic:before {border: 8px solid #0168b7; opacity: .2;} #gallery .pic:after {border: 1px solid #0168b7; z-index: 2; opacity: .8;} #gallery .pic:hover:before, #gallery .pic:hover:after {display: block;} @media only screen and (max-width: 768px){ #gallery li {width: 50%;} } /* 2022/2/18 */ .manufacture .main_part7 .part2_box .fl_box .pic{ display: none; } .manufacture .main_part7 .part2_box .fl_box .pic.on{ display: block; } .manufacture .bg .Floor002213{ background: none; margin-top: 30px; padding-bottom: 0; } .chosen-container{ display: none !important; } #country,#province,#city{ display: block !important; } .Bottom002909 .tubiao .wx{ position: relative; } .Bottom002909 .tubiao .wx .div{ width: 100px; height: 100px; background: #fff; position: absolute; bottom: 110%; left: 50%; transform: translateX(-50%); display: none; } .Bottom002909 .tubiao .wx:hover .div{ display: block; } .Bottom002909 .tubiao .wx .div img{ max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* 20220222 */ #gallery li { position: relative; overflow: hidden; } #gallery li p { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; background: rgba(0,0,0,0.2); color: #fff; margin: 0; line-height: 40px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tanchu .swiper-slide p { position: absolute; left: 10%; bottom: 0; width: 80%; text-align: left; padding: 0 30px; color: #fff; background: rgba(0,0,0,0.2); margin: 0; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media(min-width:768px){ .PicList002525 ul.page135 { padding-left: 0%; min-height: 615px; } .PicList002525 ul.page135 li { width: 32.33%; } .PicList002525 ul.page135 li.top { position: absolute; left: 0; width: 100%; right: 0; top: 0; bottom: 4%; height: auto; display: block; margin: auto; max-width: 1000px; } .PicList002525 ul.page135 li.top a { height: 100%; } } /* 2022.3.3*/ .Banner002826{ position: relative; } .Banner002826 .swiper-slide video{ position: absolute; z-index: 10; left: 0; right: 0; top: -150px; margin: auto; width: 100%; } .Banner002826 .swiper-pagination{ display: block; z-index: 100; width: 100%; position: absolute; left: 0; bottom: 5%; padding: 0; margin: 0; list-style: none; text-align: center; z-index:1; } .Banner002826 .swiper-pagination-bullet{ width: 14px; height: 14px; background: #fff; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; margin:0 10px; opacity:1; } .Banner002826 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 22px; background: #e60012; border-radius: 15px; } .Banner002826 .swiper-slide .pc{ display: block; width:100%; } .Banner002826 .swiper-slide .wap{ display: none; } @media (max-width: 768px){ .Banner002826 .swiper-slide .pc{ display: none; } .Banner002826 .swiper-slide .wap{ display: block; } } body.compensate-for-scrollbar { overflow: initial !important; } .compensate-for-scrollbar { margin-right: 0px!important; } /*2022.6.7*/ .news-details .con_video{ margin-top: 30px; position: relative; } .news-details .con_video .open{ width: 50px; height: 50px; background-image: url(../images/video_btn.png); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; cursor:pointer; } .news-details .con_video .imgbox{ position: absolute; width: 80%; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 1; background-position: center; background-repeat: no-repeat; background-size: cover; } .news-details .con_video .imgbox img{ width: 100%; height: 100%; } .news-details .con_video video{ width: 80%; height: 100%; margin: 0 auto; display: block; } @media (max-width: 768px){ .news-details .con_video video,.news-details .con_video .imgbox{ width:100%; } } .wmdls-ti { background: url(../images/lishi.jpg) no-repeat; margin: 50px 0; } .wmdls .wmdls-mySwiper .swiper-slide { height: auto; top: 35px; } .wmdls .wmdls-mySwiper .swiper-wrapper { height: auto; } .wmdls .swiper-wrapper { height: auto; } .wmdls-ti .wmdls-ti .wmdls-box .h1 { font-size: 30px; color: #333333; } .wmdls .h1 { font-size: 30px; color: #333333; margin: 0; font-family: 'SemiBold'; padding-bottom: 20px; margin-bottom: 20px; position: relative; } .wmdls .h1:before { content: ''; position: absolute; width: 80px; height: 3px; background: #0068b7; bottom: 0; } .wmdls { margin-bottom: 50px; } .wmdls-ti .wmdls-box .wmdls-mySwiper { padding: 130px 0; position: relative; } .wmdls-ti .wmdls-box .wmdls-mySwiper .swiper-slide .pa { margin: 0; font-size: 16px; color: #fff; text-align: center; position: relative; /* margin: 20px 0; */ } .wmdls-ti .wmdls-box .wmdls-mySwiper:before { content: ''; position: absolute; width: 150%; height: 1px; background: #ffffff36; top: 0; bottom: 0; margin: auto; } .wmdls .wmdls-mySwiper .swiper-slide:nth-child(2n+2) { top: -37px; bottom: 32px; } .wmdls .wmdls-mySwiper .swiper-slide:before { content: ''; position: absolute; width: 7px; height: 7px; background: #fff; border-radius: 50px; left: 0; right: 0; margin: auto; top: -26px; } .wmdls .wmdls-mySwiper .swiper-slide:nth-child(2n+2):before { top: 44px; } .wmdls .wmdls-mySwiper wiper-slide-thumb-active::before { width: 15px; height: 15px; top: -30px; } .wmdls .wmdls-mySwiper .swiper-slide-thumb-active::before { width: 15px; height: 15px; top: -30px; } .wmdls .wmdls-mySwiper .swiper-slide-thumb-active:nth-child(2n+2):before { top: 40px; } .wmdls .wmdls-mySwiper .swiper-slide-thumb-active::after { content: ''; position: absolute; background: url(../images/wu.png) no-repeat; width: 35px; height: 35px; left: 0; right: 0; bottom: auto; margin: auto; top: -184%; /* animation: turn 10s linear infinite; */ } .wmdls .wmdls-mySwiper .swiper-slide-thumb-active:nth-child(2n+2):after { top: 148%; } .wmdls .wmdls-mySwiper2 { background: #fff; } .wmdls .wmdls-mySwiper2 .neirtong { display: flex; padding: 40px; box-shadow: 0px 0px 12px 0 #e4e4e4; margin: 20px; background: #fff; } .wmdls .wmdls-mySwiper2 .neirtong .left { width: 40%; } .wmdls .wmdls-mySwiper2 .neirtong .right { width: 60%; padding: 40px; } .wmdls .wmdls-mySwiper2 .neirtong .right .pp { font-size: 30px; color: #333333; margin: 0; } .wmdls .wmdls-mySwiper2 .neirtong .right .pas { font-size: 16px; color: #888888; max-width: 600px; line-height: 2; } .wmdls .wmdls-mySwiper2 { background: transparent; } @media screen and (max-width: 768px) { .wmdls { margin: 20px 0; } .wmdls-ti .wmdls-box .wmdls-mySwiper { padding: 50px 0; } .wmdls .wmdls-mySwiper2 .neirtong { display: block; padding: 20px; } .wmdls .wmdls-mySwiper2 .neirtong .left { width: 100%; } .wmdls .wmdls-mySwiper2 .neirtong .right { width: 100%; padding: 20px 0; } .wmdls .wmdls-mySwiper2 .neirtong .right .pp { font-size: 16px; } .wmdls .wmdls-mySwiper2 .neirtong .right .pas { margin: 0; } } /*20230525*/ .Top003101 .top-right .a { display: block; float: left; font-size: 16px; color: #333333; width: 135px; line-height: 46px; text-align: center; border: 2px solid #eaebec; transition: all .5s; margin-left: 35px; position:relative; top:-5px; } .Top003101 .top-right .a:hover { color: #e60012; border-color: #e60012; } @media(max-width:1280px){ .Top003101 .top-right .a{ line-height:34px; border-width:1px; width:90px; margin-left: 20px; top:0px; } } @media(max-width:1024px){ .Top003101 .top-right .a{ margin-right: 20px; margin-left: 0; font-size: 14px; line-height: 30px; width: 80px; } }