@charset "utf-8"; /* 通用代码 */ html,body{width:100%;padding: 0px;margin:0px;*position:static; } /* @font-face{ font-family: 'GenJyuuGothic'; src:url('../i/font/GenJyuuGothic-Light.ttf') format('truetype'); font-weight:normal; font-style:normal; } */ *{font-family: "Source Han Sans CN","Source Han Sans","思源黑体","思源黑体 CN","微软雅黑"; font-size: 16px; color:#332c2b; padding:0px;margin:0px;} a{text-decoration:none;} ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;} button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only;outline:none;text-decoration: none;} .anim0{ animation: dz0 .8s linear 1 normal forwards; } .anim1{ animation: dz1 .8s linear 1 normal forwards; } .anim2{ animation: dz2 .8s linear 1 normal forwards; } .anim3{ animation: dz3 1s linear 1 normal forwards; } .anim4{ animation: dz4 1s linear 1 normal forwards; } .anim5{ animation: dz5 .6s linear 1 normal forwards; } .anim6{ animation: dz6 .6s linear 1 normal forwards; } .anim7{ animation: dz7 .6s linear 1 normal forwards; } /*.anim99{ animation: dz99 .6s linear 1 normal forwards; } .anim5{ animation: dz5 .6s linear 1 normal forwards; } .anim6{ animation: dz6 .6s linear 1 normal forwards; } */ /* .anim7{ animation: dz7 .6s linear 1 normal forwards; } .anim8{ animation: dz8 .6s linear 1 normal forwards; } */ /* @keyframes dz1 { 0% {opacity: 0;transform: translate(0, -30%); } 100% {opacity: 1; transform: translate(0, 0%); } } @keyframes dz2 { 0% {opacity: 0; transform: translate(0, 100px); } 100% {opacity: 1;transform: translate(0, 0%); } } */ .dhxg{ opacity: 0; } .dhxg2{ opacity: 0; } @keyframes dz0 { 0% {opacity: 0; } 100% {opacity: 1; } } @keyframes dz1 { 0% {opacity: 0;transform: translate(-20%, 0%); } 100% {opacity: 1; transform: translate(0, 0%); } } @keyframes dz2 { 0% {opacity: 0; transform: translate(0, 30%); } 100% {opacity: 1;transform: translate(0, 0%); } } @keyframes dz3 { 0% {opacity: 0;transform: translate(0, 30%); } 100% {opacity: 1; transform: translate(0, 0%); } } @keyframes dz4 { 0% {opacity: 0;transform: translate(0, -30%); } 100% {opacity: 1; transform: translate(0, 0%); } } /* @keyframes dz5 { 0% {opacity: 0; transform: rotate(-2deg);position: relative; } 100% {opacity: 1; transform: rotate(0);position: relative; } } @keyframes dz { 0% {opacity: 0;transform: rotate(2deg);position: relative; } 100% {opacity: 1; transform: rotate(0deg);position: relative; } }*/ /* @keyframes dz99 { 0% {opacity: 0;transform: rotate(20deg);position: relative; } 100% {opacity: 1; transform: rotate(0deg);position: relative; } } */ @keyframes dz5 { 0% {opacity: 0; transform: scale(1.1); } 100% {opacity: 1; transform: scale(1); } } @keyframes dz6 { 0% {opacity: 0;transform: scale(.9); } 100% {opacity: 1; transform: scale(1); } } @keyframes dz7 { 0% {opacity: 0; transform: translate(-40%, 40%); } 100% {opacity: 1;transform: translate(0, 0%); } } .BigDiv{ max-width:1903px;min-width:1200px;width:100%; margin: auto;position: relative; } .cen{ width: 1100px; margin: auto;} .cen-75{ width: 75%; margin: auto;} .hei::after {content: ""; display: block;clear: both;} .fullslide1 .text{ position: absolute; margin-top: 250px; width: 580px; text-align: center; } .fullslide1 .text .title{ color:#2a2a2a; font-size: 50px; position: relative; z-index: 9; } .fullslide1 .text .ftitle{ color: rgba(39,56,56,.1); font-size: 70px; text-transform: uppercase; position: absolute; margin-top: -45px;} .fullslide1 .text .smrt{ color:#2a2a2a; line-height: 40px; font-size: 30px;margin-top: 70px; } .fullslide1 .text .more{ width: 140px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background: #273838; margin: auto; margin-top: 30px; } .fullslide1 .text .more a{ color:#fff; font-size: 14px;display:block; } .sjcx{display: none;} .sjcxA{display: none;} .sjcx{ display: none; } @media screen and (max-width:640px) and (min-width:0px){ .sjcx{display: inline-block; width: 100%; } .sjcxA{display: block;} .sjyc{display: none;} .ment img {width: 30px;} .ment { float: right; margin-top: 7px; } } .fullslide{ position: relative; } .fullslide .cen{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; } .fullslide .text{ position: absolute; width: 340px; height: 380px; top: 58px; background: #fff; border-radius: 10px; right: 0; padding: 25px 16px; box-sizing: border-box; } .fullslide .text .title{ color:#1b1b1b; font-size: 26px; text-align: center; } .fullslide .text .pic{ margin-top: 8px; margin-bottom: 12px; } .fullslide .text .ftitle{ color:#1b1b1b; font-size: 36px; font-weight:500; text-align: center; } .fullslide .text .ftitle a{color:#1b1b1b; font-size: 36px; font-weight:500; text-align: center; } .fullslide .text .ftitle span{ color:#fe6804; font-size: 36px;font-weight:800; } .fullslide .text .sjt{ position: absolute; margin-left:44px; margin-top: 20px; } .fullslide .text .input_txt{ height: 60px; width: 100%; border-radius: 30px; background: #eeeeee; border: none; color:#959595; font-size: 18px; padding: 0 10px; box-sizing: border-box; padding-left: 80px; margin-top: 10px; } .fullslide .text .input_but{ width: 100%; border: none; height: 60px; text-align: center; margin-top: 18px; background-image: linear-gradient(to right,#ffa30b,#ff8400); border-radius: 30px; box-shadow: 0 0 5px rgba(0,0,0,.2);color:#fff; font-size: 30px; font-weight:bold; text-shadow: 0 3px 3px rgba(0,0,0,.3); } .banner img{ display: block; max-width: 100%; height: auto; } .fullslide .prev, .fullslide .next{position:absolute;z-index:1;top:50%;margin-top:-40px;left:80px;z-index:1;font-size:0;padding:12px;cursor:pointer;} .fullslide .prev img, .fullslide .next img{width:auto;height:auto;} .fullslide .next{left:auto;right:80px;} .fullslide{position:relative;width:100%;} .fullslide .bd{position:relative;z-index:0;} .fullslide .bd li{width:100%; position: relative; } .fullslide .bd li img{max-width:100%;height:auto;margin:0 auto;} .fullslide .hd{position:absolute;height:25px;text-align:center;z-index:99; width: 200px; bottom: 17px; left: 50%; margin-left: -100px; } .fullslide .hd li{width:40px;height:3px;line-height:8px; line-height: 80px; overflow:hidden;margin:0px 6px;cursor:pointer;background:rgba(255,255,255,.5);display: inline-block;transition: .5s; } .fullslide .hd li.on{ background:#ffffff;} .fullslide .bd li .ban2{ display: none; } /* 本例子css */ .slideBox{ width:490px; height:340px; position:relative; float: left;} .slideBox .bd{ position:relative; z-index:0; } .slideBox .bd li{ overflow: hidden; } .slideBox .bd li .left{ float: left; width: 49%; position: relative;} .slideBox .bd li .left a>img{width: 100%; display: block; } .slideBox .bd li .right{ float: right; width: 49.7%; } .slideBox .bd li .right .pic{ position: relative; overflow: hidden; width: 48%; float: left; margin-right: 2%; margin-bottom: 2%; } .slideBox .bd li .right a>img{width: 100%;display: block; } .slideBox .bd img{ display: block; } .slideBox .hd{ position:absolute; bottom: 10px; right: 10px; } .slideBox .hd li{ width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.5); text-align: center; line-height: 23px; color:#fff; display: inline-block; margin-right: 2px; } .slideBox .hd li.on{ background: #0068ad; } .slideBox .bd li a:hover .Mkes{ display: flex; } /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; top:50%; margin-top:-25px; display:none; width:65px; height:65px; filter:alpha(opacity=10);opacity:0.1; border-radius: 50%; } .slideBox .next{ background:url("/i/right.png") center no-repeat #333;margin-right: -70px; right: 0; left: auto;} .slideBox .prev{ background:url("/i/left.png") center no-repeat #333; margin-left: -80px; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=50);opacity:.5; } .picMarquee-left{ width:100%; overflow:hidden; position:relative; } .picMarquee-left .bd ul{ overflow:hidden; zoom:1; } .picMarquee-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; } .picMarquee-left .bd ul li .pic{ text-align:center; } .picScroll-left{ width:100%;position:relative; } .picScroll-left .tempWrap{ margin: auto;position: relative; z-index: 99999; } .picScroll-left .hd{ } .b4 .picScroll-left{ position: relative; } .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block; float:right; position: absolute; z-index: 99999; overflow:hidden; text-align: center;transition: .5s; cursor:pointer; height: 58px; width: 40px; font-size: 12px; line-height: 58px; color:#2086b5; font-size: 40px;} .b4 .picScroll-left .hd .prev,.b4 .picScroll-left .hd .next{ display:block; float:right; position: absolute; z-index: 99999; overflow:hidden; text-align: center;transition: .5s; cursor:pointer; height: 66px; width: 40px; font-size: 12px; line-height: 58px; color:#2086b5; font-size: 40px; } .picScroll-left .hd .prev{ left: 0; } .picScroll-left .hd .next{ right: 0;} .picScroll-left .bd{ } .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ float:left; _display:inline; position: relative;cursor: pointer; width: 346px; margin: 0 5px; } .b4 .picScroll-left .bd ul li .pic{} .b4 .picScroll-left .hd{ position:absolute; top: 40%; width: 110%; left: -5%; } .fl{ float: left;} .ri{ float: right; } .size{ background-repeat: no-repeat !important; background-position: center !important; background-size: 100% auto!important;transition: .5s; } .size:hover{ background-size: 110% auto!important;} .size img{ display: block;width: 100%; } .more.cen{ text-align: center; margin: 40px auto;} .more.cen a{ font-size: 21px; } .page{ text-align: center; } .page a{ color:#616161; font-size: 20px; margin-left: 7px; margin-right: 7px; } .page .s{ border: 1px solid #666666; display: inline-block; width: 30px; transition: .5s; height: 30px; font-size: 17px; border-radius: 20px; text-align: center; line-height: 30px; box-sizing: border-box; } .page .s:hover{ background: #616161; color:#fff; } .page .s.on{ background: #616161; color:#fff;} .top { height: 80px; position: relative; background: #121212; } .top .LogA{ float: left; position: relative; z-index: 999; } .top .nav{ float: right; margin-top: 25px; } .top .nav li{ float: left; margin-left: 46px; height: 55px; } .top .nav li.on a{border-bottom: 3px solid #fff; box-sizing: border-box; padding-bottom: 10px; } .top .nav li a{ color:#ffffff; } .top .nav li .text{ position: absolute; background: #f8f8f8; z-index: 999999; padding: 10px; display: none; width: 100%; box-sizing: border-box; padding-top: 90px; margin-top: 32px; height: 280px; left: 0; text-align: center; } .top .nav li .text .pic{ display: inline-block; text-align: center; margin: 0 80px; position: relative; } .top .nav li .text .pic img{ height: 50px;background: #fff; position: relative; z-index: 9; } .top .nav li .text .pic::before{ width: 90px; height: 90px; content: ""; background: #fff; position: absolute; left: 50%; margin-top: -20px; transform: translateX(-50%);border-radius: 50%; } .top .nav li .text .pic span{display: block; margin: auto; position: relative; z-index: 9; margin-top: 30px; } .top .nav li:hover .text{ display: block; } .Imgz{ margin-bottom:60px; position: relative; } .Imga{ position: relative; } .Imgz img{ max-width: 100%;height: auto;} .Imga img{max-width: 100%;height: auto;display: block; } .a1{ margin-top: 60px; } .vdiep{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; } .Mvide{ position: fixed; top: 0; left: 0;width: 100%; height: 100%; display: none; background: #000;} .Mvide video{ width: 100%; height: 100%; position: absolute; } .clseo{ position: absolute; right: 2%; top: 2%; z-index: 999; cursor: pointer; } .a6{ position: relative; } .a6 .text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} .a6 .text .title{ color:#ffffff; font-size: 20px; text-align: center; margin-top: 50px; } .a6 .text .title img{ position: relative; margin-left: 10px; top: 8px; } .a7ul li{ float: left;width: 140px; margin-right: 180px; text-align: center; margin-bottom: 55px; } .a7ul{ margin-right: -190px;} .a7 .cen{overflow: hidden; } .a7ul li .title{ color:#252525; font-size: 18px; margin-top: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .a7ul li .pic img{ max-width: 100%; } .foot{ background: #121212; padding-top: 40px; padding-bottom: 40px; } .footul{ text-align: center; display: none;} .footul li{ display: inline-block;text-align: center; margin: 0 36px; } .footul li img{ height: 46px; } .tuk{text-align: center; font-size: 16px; color:rgba(255,255,255,.3);} .tuk a{color:rgba(255,255,255,.3);font-size: 16px; } .b1 .b1div .p1ti{color:#252525; font-size: 30px; font-weight: bold; } .b1 .b1div .p2ti{ color:#252525; font-size: 30px; font-weight: bold;text-transform: uppercase; } .b1 .b1div{ margin-top:64px; padding: 0 10px; } .b1 .btext p{ color:#252525; line-height: 36px;display: none;} .b1 .btext p:nth-child(1){ display: block; } .b1 .btext{ margin-top: 35px; margin-bottom: 35px; } .b1 .b1more{ text-align: center; color:#999999; font-size: 16px; margin-top: 28px;margin-bottom: 40px; } .b5ul ul li .ftitle .pt0{ color:#252525; font-size: 30px; font-weight: bold; text-align: left; } .b5ul ul li .ftitle .pt0::before{content: ""; position: absolute; width: 31px; height: 1px; background: #e5e5e5; left: 50%; transform: translateX(-50%); margin-top: 60px; display: none; } .b5ul ul li.on .ftitle .pt0{ color:#009944; } .b5ul ul li.on .ftitle .pt1{ color:#009944; } .b5ul ul li .ftitle{ display: none; margin-top: 20px; } .b5ul ul li .ftitle .pt1{ color:#252525; font-size: 16px; line-height: 30px; text-align: left; } .b5ul ul li{ float: left; width: 170px; height: 180px; box-sizing: border-box; position: relative; position: absolute; } .b5ul ul li .title{ color:#252525; font-size: 20px; font-weight: bold;text-align: center;position: absolute; bottom: 10px; width: 100%; text-align: center; } .b5ul ul li .pic{background: url("../i/b4.jpg") no-repeat center; width: 14px; height: 12px; position: absolute; left: 15%; bottom: 26px; transform: translate(-50%,0%);} .b5ul{ background: url("../i/b3.png") no-repeat 50% 30%; position: relative; height: 430px; } .b5ul .bd{ overflow: hidden; } .b5ul .bd .tempWrap{ margin: auto; } .b5ul .hd{ width: 100%;display: none; } .b5ul .hd .prev{ float: left; cursor: pointer; } .b5ul .hd .next{ float: right; cursor: pointer; } .bule img{ display: block; width: 100%; } #file1{ width: 0; height: 0; overflow: hidden; position: absolute;} .b5ul ul li.on .pic{ background: url("../i/b5.jpg") no-repeat center; width: 54px; height: 49px; margin-bottom: -20px;} .b5ul ul li .title{ display: none; } .b5ul ul li .ftitle{ display: block; } .b5ul .hd{width: 127px; margin: auto; margin-top: 75px;overflow: hidden; } .b5ul ul li:nth-child(1) { top: 9%; left: 4%;} .b5ul ul li:nth-child(2) { top: 45%; left: 8%;} .b5ul ul li:nth-child(2) .pic{ bottom: inherit; bottom: 80%;left: 30%; } .b5ul ul li:nth-child(2) .ftitle{ position: absolute; bottom: 30px; margin-top: 0; } .b5ul ul li:nth-child(3) { top: 49%; left: 20%;} .b5ul ul li:nth-child(3) .pic{ bottom: inherit; bottom: 80%;left: 30%; } .b5ul ul li:nth-child(3) .ftitle{ position: absolute; bottom: 30px; margin-top: 0; } .b5ul ul li:nth-child(4) {top: 18%; left: 31%;} .b5ul ul li:nth-child(5) {top: 27%; left: 46%;} .b5ul ul li:nth-child(6) { top: 66%; left: 49.5%;} .b5ul ul li:nth-child(6) .pic{ bottom: inherit; bottom: 80%;left: 30%; } .b5ul ul li:nth-child(6) .ftitle{ position: absolute; bottom: 40px; margin-top: 0; } .b5ul ul li:nth-child(7) { top: 47%; left: 64%;} .b5ul ul li:nth-child(7) .pic{ bottom: inherit; bottom: 80%;left: 30%; } .b5ul ul li:nth-child(7) .ftitle{ position: absolute; bottom: 30px; margin-top: 0; } .b5ul ul li:nth-child(8) {top: 9%; left: 76%;} .b5ul ul li:nth-child(9) { top: 17%; left: 87%; } .b5ul ul li:nth-child(9) .pic{ bottom: inherit; bottom: 80%;left: 30%; } .b5ul ul li:nth-child(9) .ftitle{ position: absolute; bottom: 20px; margin-top: 0; } .b1{ margin-top: 70px; } .b2{ margin-top: 34px; } .b3{ background: #f8f8f8; padding-top: 60px; padding-bottom: 60px; } .b3 p{ text-align: center; } .b3 .pic{ font-size: 30px; font-weight: bold; } .b3 .pic img{ position: relative; top: 7px; margin-right: 10px; } .b3 .title{ font-size: 16px; color:#252525; margin-top: 20px; margin-bottom: 30px; } .b3 p:last-child{ margin-bottom: 0; } .b4{ padding-top: 100px; padding-bottom: 100px; } .c1{ background: #f8f8f8; padding-top: 90px; padding-bottom: 30px;} .c1ul{ } .c1ul li{ float: left; margin-right: 1%; margin-left: 1%;width: 23%; text-align: center;margin-bottom: 10px;} .c1ul li .pic img{width: 100%; } .c1ul li .title{ margin-top: 18px; font-size: 18px; transition: .5s;height: 24px; } .c1ul li:hover .title{color:#252525;font-size: 16px;position: relative; box-sizing: border-box; } .c1ul li:hover .title::before{ content: ""; width: 19px; height: 2px; background: #121212; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 24px; } .c1ul li.on .title{color:#252525;font-size: 19px; font-weight: bold;position: relative; box-sizing: border-box; } .c1ul li.on .title::before{ content: ""; width: 36px; height: 3px; background: #121212; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 28px; } .c2 .p1{ font-size: 16px; color:#999999; text-align: center; padding-top: 20px; padding-bottom: 20px; } .c2{background: url("../i/xjt.jpg") no-repeat top; cursor: pointer; display: none;} .c3ul li{ float: left; margin-right: 1%; margin-left: 1%; width: 23%;text-align: center; margin-bottom: 50px; } .c3ul{ } .c3ul li .title{ margin-top: 10px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .c3ul li .pic img{ height: 100%; position: relative; top: 50%; transform: translateY(-50%);} .c3ul li .pic{ height: 220px; } .c1{ box-sizing: border-box; transition:.5s; } .c1 li{ } .c1 li:nth-child(1),.c1 li:nth-child(2),.c1 li:nth-child(3),.c1 li:nth-child(4){ display: block; } .c1.on li{ display: block; } .c1.on{ height: auto; } .c1 .cen{ overflow: hidden; } .c3{ margin-top: 70px;overflow: hidden; } .c3 .cen{ overflow: hidden; } .c3ul li:hover .title{ } .d1{ margin-top: 98px; } .d1 .d1ti{ color:#252525; font-size: 30px; font-weight: bold; } .d1 .d2ti{ border-top: 1px solid #e5e5e5; margin-top: 14px; padding-top: 15px; } .d1 .d2ti a{ color:#252525;margin-right: 50px; } .d1 .d2ti span{ font-weight: bold; color:#252525;margin-right: 16px; margin-left: 8px;} .d2{ margin-top: 35px; } .d2 .fl{width: 79%; text-align: center; } .d2 .ri{width: 18.7%; height: 800px; overflow-y: scroll; padding-right: 1px; box-sizing: border-box; } .d2 .ri::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .d2 .ri::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #535353; } .d2 .ri::-webkit-scrollbar-track { /*滚动条里面轨道*/ /* box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);*/ border-radius: 10px; /*background : #ededed;*/ } .d2 .fl img{ max-width: 100%;} .d2 .ri img{ max-width: 100%; margin-bottom: 15px; display: block; cursor: pointer;} .d2 .ri img.on{border: 5px solid #000; box-sizing: border-box; } .d3{ margin-top: 75px; text-align: center; } .d3tex{ position: absolute; color:#ffffff; font-size: 30px; font-weight: bold; text-align: center; left: 50%; transform: translateX(-50%); top: 36%; } .d4{ margin-bottom: 50px; } .d4 .b1div .p1ti{color:#252525; font-size: 30px; font-weight: bold; } .d4 .b1div .p2ti{ color:#252525; font-size: 30px; font-weight: bold;text-transform: uppercase; } .d4 .b1div{ margin-top:64px; padding: 0 10px; } .d4 .btext p{ color:#252525; line-height: 36px; margin-top: 10px; } .Tyry{ position: fixed; right:20px; top: 50%; transform: translateY(-50%); width: 33px; } .Tyry li span{ display: inline-block; margin-left: 12px; } .Tyry li{ margin-bottom: 20px;width: 33px; overflow: hidden; float: right; } .Tyry li a{ width: 160px; display: block; overflow: hidden; } .Tyry li img{width: 33px; margin: auto; vertical-align: middle; display: inline-block; } .Tyry li span img{ display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; top: -2px; } .Tyry li:hover{ width: 160px; } .foot{ text-align: center; } .foot .ftp1{ color:#ffffff; font-size: 20px;font-weight: bold; } .foot .ftp2{ font-size: 30px; color:#fff; font-weight: bold; margin-top: 4px; } .foot .ftp2::before{ content: ""; width: 112px; height: 1px; background: rgba(255,255,255,.1); position: absolute; left: 50%; transform: translateX(-50%); margin-top: 55px; } .foot .fotp{ margin-top: 30px; } .foot .fotp p{ color:#ffffff; line-height: 35px; } .foot .fotp p:nth-child(1){ font-size: 20px; } .fotp .pic{ display: inline-block; margin: 0 15px; } .Smpo .Imgz{ margin: auto !important;} .Smpo .LogA{ position: absolute; z-index: 99; } .Smpo .Imgz > img{ display: block; } .fullslide .bd li img{ display: block; } .fullslide .bd li .sjcx{display: none; } .Smpo .a6{ margin-bottom: 20px !important; } .dui{ position: fixed; right: 20px; bottom: 50px;z-index: 9999999;padding-top: 10px; } .dui img{ width: 30px; display: block; } .dui a{ display: block; margin-bottom:10px; padding: 5px 5px; background: #fff;} .Soum{ position: absolute; right: 70px; top: 27%; } .Soum img{ width:30px; } .c3 .search{ margin-top: 30px; text-align: center; width: 100%;margin-top: 100px; margin-bottom: 80px; max-width: 1200px;} .c3 .search{} .c3 .search b{font-size:30px;color:#fff;display:inline-block;vertical-align:middle;} .c3 .search input{line-height:45px;border:none;vertical-align:middle;} .c3 .search .input_txt{background:#fff;width:60%;padding:0 1.5%;margin:0 2%;font-size:16px;color:#333; border:1px solid #999; } .c3 .search .input_but{width:9%;background:#121212;color:#fff;text-align:center;color:#fff;font-size:18px; cursor: pointer; } .Sousi{ min-height: 800px; } #c2{ } .Hguy li{ display: inline-block; text-align: center; margin: 0 10px; border: 1px solid #121212; border-radius: 5px; } .Hguy li a{ display: block; padding: 5px 20px;} .Hguy li.on{ background: #121212;} .Hguy li.on a p{ color:#fff; } .Hguy { text-align: center; margin-top: 30px; } .Hguy .c3ul li{ margin-top: 20px; width: 18%; margin-left: 1%; margin-right: 1%;box-sizing: border-box; border: none;} .Hguy .c3ul li p{margin-top: 0;} .Hguy .c3ul li .pic { height: 160px; } .Hguy .c3ul li .pic img{ width: 100%; height: auto;} .Hguy .c3ul li.on{background: none;} .Hguy .c3ul li.on a p{ color:#333;} .d2 .cen{ position: relative; } .d2 .Bd{ position: absolute; width: 79%; top: 50%; } .d2 .Bd .prev{ float: left; text-align: center; cursor: pointer;width: 20px; height:auto; } .d2 .Bd .next{ float: right; text-align: center; cursor: pointer;width: 20px; height:auto; } .b4pic{ text-align: center; margin-bottom: 15px; display: none; } .a5{ text-align: center; } .a6{ text-align: center; } .a6 img{ margin:auto; } @media screen and (max-width:640px) and (min-width:0px){ .BigDiv{ overflow: hidden; } .top .right > ul > li span{ display: none; } .fullslide .bd li .tu1{display: none;} .fullslide .bd li .tu2{display: block; width: 100%; } .tu1{ display: none;} .tu2{ display: block; } .fullslide .prev, .fullslide .next{ display: none; } .float{ display: none;} .fullslide .text .title{ display: none; } .fullslide .text .pic{ display: none; } .fullslide1 .bd::before{ bottom: -2px; } .fullslide1 .text{ width:80%; margin-top: 0; bottom: 20%; left: 50%; margin-left: -40%; } .fullslide1 .text .title{ font-size: .6rem; } .fullslide1 .text .ftitle{ font-size: .7rem; } .fullslide1 .text .smrt{ font-size: .4rem; line-height: .5rem; margin-top: 40px; } .clname .ftitle{ font-size: .8rem;margin-left: -100px; margin-top: -23px;} .fullslide .cen{ top: inherit; bottom: -80px;} .fullslide .text{ width: 90%; left: 50%; height: 350px; transform: translateX(-50%); top: inherit;bottom: 0; padding: 15px 16px; box-shadow: 0 0 5px rgba(0,0,0,.1); } .fullslide .text .input_but{ font-size: .48rem; } .fullslide .hd{display: none; } .pics{ margin-top: .3rem; } .fullslide .text .ftitle{ font-size: .42rem; } .fullslide .text .ftitle .sjcx{ font-weight: normal; display: block; color:#ff7109; font-size: .57rem; font-weight: bold; } .fullslide .text .ftitle .sjcx a{ color:#02469b; font-size: .57rem; font-weight: bold; } .clname{font-size: .4rem; height: 80px; margin-top: 60px; } .top .left{ position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0; } .top .t1{ width: 1.54rem; } .top{ z-index: 9999; } .name{ font-size: 18px; padding-top: 14px; } .a1ul{ margin-top: 10px; } .fname{ font-size: 12px; } .g1aul li .time{ display: none; } .g1aul li .pic{ float: none; width: 100%; height: auto; } .g1aul li .text{ float: none; width: 100%; } .g1aul li .text .more{ padding-top: 12px; } .g1aul li{ padding-bottom: 15px; padding-top: 15px; margin-bottom: 15px; } .g1aul li .text .description{ border: none; } .g1aul li .text .title{ font-size: 20px; } .g1aul li .text .description{ height: auto; line-height: 24px; font-size: 14px; } .home .top .t2{ display: inline-block; } .top .right>ul>li{ line-height: 32px; float: none; width: 100%; } .top .right .ri1::before{ display: none; } .top .right .ri1{ float: none; width: 100%; text-align: center; } .top .right .rigd1{ width: 100%; } .top .right .le1{ display: none; } .top .right{ z-index: 999; } .top .right>ul{ float: none; } .top .form{ display: none; } .top .left{ margin-top: 0; margin-left: 0;width: auto;} .top .ment{ margin-top: 10px; margin-right: 5%;float: right; width: auto; color:#fff; } .top .ment img{ } .BigDiv{min-width: 320px;} .cen{ min-width: 280px; } .sjcx{ display: inline-block;} .sjyc{ display: none;} .BigDiv{max-width: 640px; min-width: 320px; margin: auto; } .logm{ float: right; margin-right: 15px; font-size: 20px; margin-top: 13px; } .logm span{ color:#fe5e10; } .top{ height: auto; margin-top: 0; padding: 5px 0; } .cen{width: 94%; margin: auto; } .lc{ display: none; } .ment img {width: 30px;} .ment { float: left; margin-top: 7px; position: relative; z-index: 999; } .b1 .a2div .left img{ margin-top: 0; margin-left: 0; } .b1 .a2div .right{ width: 100%; } .b1{ padding-bottom: 20px; } .nav li{ float: none; width: 100%; } .top .cen{ width: 100%; } .nav{ margin-top: 47.5px;display: none; position: absolute; width: 100%; } .nav ul li{ margin: auto;margin-bottom: 10%; } .nav .Logo{display: none !important; } .top .LogA{ position: absolute; top: 0; } .top .LogA img{width: 100px; } .top{ padding: 0; } .top .nav li{ margin: auto; height: auto; text-align: center; line-height: 40px; } .top .nav{ margin-top: 50px; background: rgba(0,0,0,.9);padding: 20px 0;} .top .LogA{ z-index: 999; } .a1{ margin-top: 10px; } .Imgz{ margin-bottom: 10px;overflow: hidden; } .Imgz > img{ max-width: 150%; position: relative; left: 50%; transform: translateX(-50%); } .Imgz>a>img{ display: block; } .Imgz .vdiep{ position: absolute;z-index: 9; max-width: 100%; transform: translate(-50%,-50%); } .a6 .text{ z-index: 9; } .a6 .text .pic img{max-width: 100%; } .a6 .text .title{ font-size: 16px; } .footul li{ margin: 0 18px;} .foot{ padding: 30px 0; } .tuk{ margin-top: 10px; font-size: 14px; } .tuk a{ font-size: 14px; } .footul li img{ height: 40px; } .Tyry{ display: none; } .b1 .b1div{ margin-top: 16px; } .b1 .btext{ margin: 15px 0;} .b1 .b1div .p1ti{ font-size: 20px; } .b1 .b1div .p2ti{ font-size: 20px; } .b1 .btext p{font-size: 14px; line-height: 24px; } .b1 .b1more{ margin-top: 0px; margin-bottom: 20px; } .b1 .btext{ margin-bottom: 0; } .b3{ padding: 40px 0;} .b3 .pic{ font-size: 20px; } .b3 .title{ font-size: 14px; margin-bottom: 30px; margin-top: 30px; } .b3 .pic img{ width: 40px; } .b4 img{max-width: 100%; } .d3{ margin-top: 40px; } .a7ul li{ width: 46%; margin: 0 2%; } .a7ul{ margin-right: 0; } .a7ul li .title{ margin-top: 0; margin-bottom: 20px; } .c1ul li{ margin: 0 2%; width: 46%; } .c1ul{ margin-right: 0; } .c1{ height: auto; } .c1ul li .title{ margin-top: 5px; margin-bottom: 15px; } .c3ul li{ width: 46%; margin: 0 2%; margin-bottom: 15px; } .c3ul{ margin: auto; } .c3{ margin-top: 20px; margin-bottom: 40px; } .top .nav li .text{ transform: translateX(0); width: 100%; margin-top: -5px; } .c1{ padding-top: 50px; } .d1{ margin-top: 50px; } .top .nav li .text .pic{ margin: 0 20px; } .top .nav li .text .pic img{ height: 30px; } .top .nav li .text .pic::before { width: 70px; height: 70px; } .top .nav li .text .pic span{ margin-top: 10px; } .top .nav li .text{ padding-top: 40px; height: 140px; } .c3 .search .input_but{ width: 18%; cursor: pointer; } .Soum{ top: 20%; } .c3ul li .title{ font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .b5ul{ width: 1100px;} .b2{ overflow-y: hidden; margin-top: 0; } .b4 p{ text-align: center; } .b5ul ul li .ftitle .pt0{ font-size: 16px; } .b5ul ul li .ftitle .pt1{ font-size: 14px; } .b5ul ul li{ height: 140px; } .b5ul{ width: 700px;height: 330px;background: url("../i/b3.png") no-repeat 50% -50%; } .d4 .b1div{ margin-top: 10px; } .d2 .fl{ float: none; margin: auto; } .d2 .Bd{ width: 100%; } .d2 .ri img:last-child{ margin-bottom: 0; } .d2 .ri{ overflow-x: scroll; margin-top: 0rem; float: none;width: 100%; white-space: nowrap; height:auto; } .d2 .ri img{ display: inline-block; width: 31%;vertical-align: top; margin-right: 2.3%; } .d2 .Bd{ top: 30%; } /* ::-webkit-scrollbar { width: 0; height: 0; background-color: rgba(255,255,255,1) } ::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); } */ .b5ul ul li:nth-child(1) { top: 15.5%; left: 0%; } .b5ul ul li:nth-child(2) { top: 42%; left: 6%; } .b5ul ul li:nth-child(3) { top: 43%; left: 20%; } .b5ul ul li:nth-child(4) { top: 22%; left: 31%; } .b5ul ul li:nth-child(5) { top: 32%; left: 48%; } .b5ul ul li:nth-child(7) { top: 47%; left: 64%; } .b5ul ul li:nth-child(8) { top: 14%; left: 76%; } .b5ul ul li:nth-child(8) .ftitle{ margin-top: 0; } .b5ul ul li:nth-child(9) { top: 26%; left: 87%; } .picScroll-left .bd ul li{ width: 33.33%; margin: auto; } .picScroll-left .bd ul li img{ width: 80%; } .b4 .picScroll-left .hd{ width: 106%; left: -3%; } .c3ul li .pic{ height: 160px; } .picScroll-left .bd{ width: 90%; margin: auto;} .b4 .picScroll-left .hd{ top: 0; height: 100%; } .b4 .picScroll-left .hd .prev, .b4 .picScroll-left .hd .next{ top: 50%; transform: translateY(-50%);} .b4{ padding: 50px 0;} .b4pic{display: block; } .a5 img{ width: 100%;} .Hguy .c3ul{ margin-top: 25px; } .Hguy .c3ul li{ width: 48%;margin-top: 5px;margin-bottom: 5px; } .Hguy .c3ul li a{ padding-left: 3px; padding-right: 3px; } .Hguy .c3ul li p{ font-size: 14px; } .Hguy .c3ul li .pic{ height: 30vw; } }