/* 左侧 */ .top-box{ position: fixed; z-index:70; background-color: #fff; height: 100%; display: table;} .top-box .logo-box{ padding:10vh 25px 8vh; text-align: center;} .top_nav{ width: 100%;} .top-box .top_di{ text-align: center; position: absolute; bottom:5%; left:0; width:100%; padding:0 25px;} .top-box .top_di a{ line-height:30px; display: inline-block; cursor: pointer;vertical-align: middle; width:30px; height:30px; border-radius:50%; background-size: contain; background-position: center; background-repeat: no-repeat;} .top-box .top_di > div{ margin-bottom:3.5vh;} .top-box .top_di > div:last-child{margin-bottom: 0;} .top-box .top_di .version-en{ margin-bottom:2vh;} .top-box .top_di .version a.icon-tu{background-image: url(../images/earth.png);} .top-box .top_di .search_but a{ background-image: url(../images/search.png);} .top-box .wap_open{ display: none;} #menu >li { display: block; width:100%; padding:0 55px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} #menu li a { font-size:18px; color: #333; text-decoration: none; line-height:6vh; display: inline-block; vertical-align: middle;} #menu .sub_box{ display: none; position: fixed; top:0; /* width:200px; */ margin-left:125px; z-index:1; top:0; height: 100vh; line-height:100vh; overflow: hidden; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .15);} #menu .sub_box li{ font-size:0; width:100%; padding:0 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; position: relative;} #menu .sub_box li::after{ content: ''; display: block; width:50%; height:1px; position: absolute; right:0; top:50%; background-color:#ffff; z-index:1; transition: all .5s; display: none;} #menu .sub_box li.line::after{ display: block;} #menu .sub_box li a{ padding-right:10px; font-size:16px; line-height:30px; display:inline-block; vertical-align: middle; background-color: #fff; z-index:3; position: relative;} #menu .sub_box .Level3{ display: none; width:320px; position: fixed; top:0; margin-left:190px; z-index:1; top:0; height: 100vh; line-height:100vh; overflow: hidden; background-color: #f5f5f5; box-shadow: 0 0 15px rgba(0, 0, 0, .15);} #menu >li .sub_box li .Level3 a{ background-color: #f5f5f5;} #menu .sub_box li:hover::after{ background-color: #ff4600;} #menu >li .sub_box li .Level3 li::after{ display: block; margin-top:-5px; right:23px; width:7px; height:10px; background: url(../images/nav_icon1.png) no-repeat center;} #menu >li .sub_box li .Level3 li:hover::after{background: url(../images/nav_icon2.png) no-repeat center;} #menu >li:hover .sub_box{ display: block;} #menu >li:hover .sub_box li:hover .Level3{ display: block;} #menu .content_shell{ max-height:100%; width: 100%; display:inline-block; vertical-align: middle; line-height:56px;} #menu >li.active >a, #menu li:hover >a{ color: #ff4500;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ff4500;} /* 底部 */ .footer{ padding:25px 0; padding-left:182px; color: #fff; text-align: center; background: rgba(0, 0, 0, .7);} .footer a{ color: #fff;} .footer a:hover{ color: #ff4500;} /* 通用按钮 */ .All_but{ background-color: #fff; margin:0 auto; position: relative; z-index:2; text-align: center;} .All_but .anu{ font-style: normal; width:160px; padding:7px 10px 10px; display: inline-block; vertical-align: middle; position: relative;} .All_but .anu span{ background: url(../images/more_icon1.png) no-repeat center; background-size:100% 100%; display: block; line-height:45px; position: relative; z-index:3; transition:all .5s;} .All_but .anu::after{ opacity:0; content:''; display: block; width:100%; height:100%; position: absolute; top:0; left:0; background: url(../images/more_icon.png) no-repeat center; background-size:100% 100%; transition:all .5s;} .All_but .anu:hover::after{ opacity:1;} .All_but .anu:hover span{ background: none; color: #fff;} /* 首页背景 */ .home-back{ background-repeat: no-repeat; background-size: cover; background-position: center;} /* 首页底部 */ .home_footer{ position: fixed; bottom:0; left:0; width:100%; z-index:10;} /* 首页 第一屏*/ .one-home{ height: 100vh; line-height:100vh; padding-left:182px; width:100%; position: relative; display: table;} .one-home-text{ text-align: right; text-transform: uppercase; color: #fff; font-size:66px; line-height:90px; display: table-cell; vertical-align: middle;} .one-home-text .title{ font-weight:bold;} .one-home-text .title2{ font-weight:400;} .one-home-text .wenza{ line-height:60px; font-size:30px; color: #ff4500;} .one-home-text .but_a{ margin-top:30px; position: relative; width:48px; height:48px; float: right;} .one-home-text .but_a a{ display: block; width:48px; height:48px; border-radius:50%; background: #ff4500 url(../images/ban_icon.png) no-repeat center; position: relative; z-index:3;} .one-home-text .but_a:before, .one-home-text .but_a:after{ width:48px; height:48px; content:""; box-sizing:border-box; position:absolute; top:0; left:50%; margin-left:-24px; opacity:1; border-radius:50%; background-color: #ff4500; z-index:1;} .one-home-text .but_a:before { animation:ripple 3s ease-out infinite; } .one-home-text .but_a:after { animation:ripple 3s 1s ease-out infinite; } .fp-table.active .one-home .Animation{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /* 首页 第二屏*/ .two-home{ padding-left:172px; position: relative; color: #fff; z-index: 5;} .two-home-text .left-wenz{ max-width:40%; float: left;} .two-home-text .left-wenz .title{ line-height: 70px;} .two-home-text .left-wenz .title_en{ text-transform: uppercase; font-size: 50px; font-weight: bold;} .two-home-text .left-wenz .title_cn{ font-size:44px;} .two-home-text .left-wenz .wenben{ margin-top:20px; line-height:30px; font-size:14px;} .two-home-text .left-wenz .wenben .honzi{ line-height:85px; font-size:30px; color: #ff4600;} .two-home-text .right-list{ width:35%; float: right;} .two-home-text .right-list li{ padding:35px; border:solid 1px rgba(255, 255, 255, .1); position: relative; transition: all .5s;} .two-home-text .right-list li a{ color: #fff;} .two-home-text .right-list li .number{ display: block; margin-bottom:25px; color: #ff4600; font-size:16px; font-family:Myriad Pro;} .two-home-text .right-list li .wenz{ position: relative; z-index:3;} .two-home-text .right-list li .til{ padding:10px 0; font-size:30px; transition: all .5s;} .two-home-text .right-list li .text{ font-size:14px; line-height:25px;} .two-home-text .right-list li .tu-img{ background: url(../images/back_01.png) no-repeat center; background-size: cover; position: absolute; top:0; right:0; width:58%; height:100%; z-index:1;} .two-home-text .right-list li .tu-img span{ position: absolute; left:50%; top:50%; width:98px; height:98px; margin-top:-49px; margin-left:-29px; background-position: center; background-repeat: no-repeat; display: block;} .two-home-text .right-list li:hover{ background-color: rgba(255, 255, 255, .08);} .two-home-text .right-list li:hover .til{ color: #ff4500;} .two-home-back{padding-left:182px; position: absolute; left:0; top:0; width:100%; height:100%; z-index:2;} .two-home-back span{ display: block; width:100%; height:100%; background-size: cover;} .fp-table.active .two-home-text .right-list li{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .fp-table.active .two-home-text .right-list li:nth-child(1){ animation-delay:.8s} .fp-table.active .two-home-text .right-list li:nth-child(2){animation-delay:1.6s} .fp-table.active .two-home-text .right-list li:nth-child(3){animation-delay:2.3s} .fp-table.active .two-home .Animation{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /* 首页 第三屏*/ .three-home{ padding-left:172px; position: relative; color: #fff; z-index: 6;} .three-home .title{ position: relative; overflow: hidden; line-height:50px;} .three-home .title .tax{ line-height:70px; padding-right:20px; text-transform: uppercase; font-weight: bold; font-size:50px; color: #fff; float: left; position: relative; z-index:2;} .three-home .title .All_but{ background: none; float: right; padding-left: 20px;} .three-home .title_cn{ line-height:70px; font-size:44px; color: #ff4600;} .three-home .slick-list{ padding:20px;} .three-home .cp-list .itme{ padding:30px; transition:all .5s; border-radius:6px; overflow: hidden;} .three-home .cp-list .itme .pic span{ display: block; padding-bottom:100%; background-repeat: no-repeat; background-size: contain; background-position: center; transition: all .5s;} .three-home .cp-list .itme .minc{ font-weight:bold; text-align: center; font-size:24px; color: #fff;} .three-home .cp-list .itme .itne{ margin:10px 0 20px; font-size:14px; color: #fff;} .three-home .cp-list .itme .All_but{ background: none;} .three-home .cp-list .itme:hover{ box-shadow: 0 0 10px rgba(255, 255, 255, .1);} .three-home .cp-list .itme:hover .anu::after{ opacity:1;} .three-home .cp-list .itme:hover .anu span{ background: none; color: #fff;} .three-home .cp-list .itme:hover .pic span{ transform: scale(1.1);} .three-home .cp-list .slick-arrow{ cursor: pointer; border: none; position: absolute; top:50%; font-size: 0; width:50px; height:50px; z-index: 5; background:#fff url(../images/ban_icon2.png) no-repeat center; border-radius:50%; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .1); transition:all .5s;} .three-home .cp-list .slick-arrow:hover{ background:#ff4600 url(../images/ban_icon.png) no-repeat center;} .three-home .cp-list .slick-prev{ left:-30px;} .three-home .cp-list .slick-next{ right:-30px; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); } .three-home .cp-list .slick-prev:hover{ transform: rotate(-180deg);} .three-home .cp-list .slick-next:hover{ transform: rotate(0deg);} /* 首页 第四屏 */ .four-home{ padding-left:182px; position: relative; color: #fff;} .four-home-text .title{ line-height:60px; margin-bottom:50px;} .four-home-text .title_en{ text-transform: uppercase; font-size: 50px; font-weight: bold;} .four-home-text .title_cn{ font-size:44px;} .four-home-text .map_box{ position: relative;} .four-home-text .map_box .itme{ z-index:1;} .four-home-text .map_box .itme .icon{ display: block; width:56px; height:83px; background: url(../images/map_icon.png) no-repeat center; background-size: contain; position: relative; z-index:4;} .four-home-text .map_box .itme .icon i{ position: absolute; bottom:14%; left: 50%; margin-left: -30px; height: 34px; width: 60px; z-index: 22; border-radius: 50%; opacity:0; filter: alpha(opacity=12); -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } .four-home-text .map_box .itme{ position: absolute;} .four-home-text .map_box .itme:nth-child(1){ top:30%; left:32%;} .four-home-text .map_box .itme:nth-child(2){ top:33%; left:29.5%;} .four-home-text .map_box .itme:nth-child(3){ top:25.66%; left:34%;} .four-home-text .map_box .itme:nth-child(4){ top:21%; left:38%;} .four-home-text .map_box .itme:nth-child(5){ top: 15%;left: 70%;} .four-home-text .map_box .itme:nth-child(6){ top:8%; left:32.4%;} .four-home-text .map_box .itme:nth-child(7){ top:22%; left:31.4%;} .four-home-text .map_box .itme:nth-child(8){ top:27%; left:31%;} .four-home-text .map_box .itme:nth-child(9){ top:23%; left:26%;} .four-home-text .map_box .itme:nth-child(10){ top:25%; left:35.5%;} .four-home-text .map_box .itme:nth-child(11){ top:34%; left:31.5%;} .four-home-text .map_box .itme:nth-child(12){ top:34%; left:36%;} .four-home-text .map_box .itme .text{ position: relative; display: none; background: url(../images/map_back.png) no-repeat center; background-size:100% 100%; padding:20px 45px 45px 20px; color: #000; z-index:3;transform: translate(-21%,-140%);} .four-home-text .map_box .itme .text .tit{ font-weight: bold; color: #000;} .four-home-text .map_box .itme .text .wenz{ line-height:23px; color:#333333; font-size:14px;} .four-home-text .map_box .itme.z_index .icon i{ opacity: 0.12;background: #449dcc;} .four-home-text .map_box .itme.z_index .icon{ cursor: pointer;} .four-home-text .map_box .itme.z_index .icon:hover{ animation:drift 2.5s infinite;} .four-home-text .map_box .itme.z_index .icon:hover i{ background: #ff4500;} .four-home-text .map_box .itme.z_index .icon:hover~ .text{ display: block;} .four-home-text .map_box .itme.z_index .icon:hover{background: url(../images/map_icon2.png) no-repeat center; background-size: contain;} .four-home-text .map_box .itme.z_index{ z-index:3;} .four-home-text .map_box .itme.z_index:hover{ z-index:4;} @keyframes drift { 0% { transform: translateY(0); } 50% { transform: translateY(-5px); } 100% { transform: translateY(0); } } @keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } @-webkit-keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } @-moz-keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } .back205684{ background: #205684;} .canvas{padding-left:182px; position: absolute; left:0; top:50%; width:100%; height:100%; z-index: 1;} .canvas canvas{ width: 100%; height:50%; background-size: contain; } /* 内页banner */ .Inside-ban .pic>div{ position: relative;display: block; padding-bottom:25.5%;font-size: 0; background-size: cover; background-position: center; background-repeat: no-repeat;} .Inside-ban .title-box{position: absolute;top:26%;left: 8%;z-index: 3;line-height: 1;} .Inside-ban .title-box .en{font-size: 58px;color: #ffffff;} .Inside-ban .title-box .cn{margin-top: 10px;font-size: 37px;color: #ffffff;} .Inside-ban .title-box:after{display: block;content: '';margin-top: 30px;width: 48px;height: 8px;background-color: #e85528} .Inside-ban .main-box{position: absolute;top:26%;right: 8%;max-width: 390px;z-index: 3} .Inside-ban .main-box .title{font-size: 26px;color: #fff;} .Inside-ban .main-box .text{margin-top: 25px;font-size: 14px;color: #fff;line-height: 1.7;} .Inside-ban .title-box2{position: absolute;top:26%;left: 8%;z-index: 3;line-height: 1;} .Inside-ban .title-box2 .en{font-size: 58px;color: #ffffff;} .Inside-ban .title-box2 .cn{margin-top: 10px;font-size: 37px;color: #ffffff;} .Inside-ban .title-box2 .top-title:after{display: block;content: '';margin-top: 30px;width: 48px;height: 8px;background-color: #e85528} .Inside-ban .title-box2 .main-box2{margin-top: 20px;} .Inside-ban .title-box2 .main-box2 .text{font-size: 26px;color: #fff;}} @media(max-width:1400px){ .Inside-ban .title-box .en{font-size: 38px;} .Inside-ban .title-box .cn{font-size: 27px;} .Inside-ban .title-box:after{margin-top: 30px;} .Inside-ban .title-box2 .en{font-size: 38px;} .Inside-ban .title-box2 .cn{font-size: 27px;} .Inside-ban .title-box2 .top-title:after{margin-top: 30px;} } @media(max-width:640px){ .Inside-ban .pic>div{padding-bottom: 42%;} .Inside-ban .title-box .en{font-size: 28px;} .Inside-ban .title-box .cn{font-size: 20px;} .Inside-ban .title-box:after{margin-top: 20px;} .Inside-ban .main-box{display: none;} .Inside-ban .main-box2{display: none;} .Inside-ban .title-box2 .en{font-size: 28px;} .Inside-ban .title-box2 .cn{font-size: 20px;} .Inside-ban .title-box2 .top-title:after{margin-top: 20px;} } /* 内页菜单 */ .Inside-menu{ border-bottom: solid 1px #f5f5f5;} .Inside-menu .left-menu h3{ display: none; font-weight: 400; color: #ff4500; font-size: 18px; line-height: 36px; padding: 0 10px; position: relative; } .Inside-menu .left-menu h3:after{ content: ""; position: absolute; right: 10px; top: 15px; width: 0; height: 0; border-left: solid 5px transparent; border-right: solid 5px transparent; border-top: solid 5px #ff4500; } .Inside-menu li{ float: left; margin-right:45px;} .Inside-menu li a{ display: inline-block; line-height:60px; color: #000000; border-bottom: solid 2px #fff; transition: all .5s;} .Inside-menu li a:hover, .Inside-menu li.on a{ border-color: #ff4500; color: #ff4500;} .Inside-menu .left-menu{ width:60%; float: left;} .Inside-menu .current-box{ padding-left:30px; background: url(../images/current_icon.png) left center no-repeat; font-size:14px; max-width:35%; line-height:60px; float: right; color: #999999;} .Inside-menu .current-box em, .Inside-menu .current-box a{ font-style: normal; color: #999999;} .Inside-menu .current-box span{ color: #ff4500;} /* */ .Inside-menu-sub{ margin:50px 0; text-align: center;font-size: 0;} .Inside-menu-sub li{ margin:5px 10px; display: inline-block; vertical-align: middle;} .Inside-menu-sub li a{ font-size:16px; color: #333333; line-height:45px; background-color: #eeeeee; display: inline-block; vertical-align: middle; padding:0 30px; border-radius:6px; transition: all .5s;} .Inside-menu-sub li a:hover, .Inside-menu-sub li.on a{ background-color: #ff4500; color: #fff;} /* 内页 */ .Inside-box{ padding-left:200px;} /* 澳门大阳城集团2138网站 */ .por-list li{ width:25%; margin-bottom:20px; padding:30px; transition:all .5s; border-radius:6px; overflow: hidden; float: left;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} .por-list li .pic span{ display: block; padding-bottom:100%; background-repeat: no-repeat; background-position: center; background-size: contain;} .por-list li .minc{ font-weight:bold; text-align: center; font-size:24px; color: #000000;} .por-list li .itne{ margin:10px 0 20px; min-height: 38px;font-size:14px; color: #999999;text-align: center;} .por-list li:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, .1);} .por-list li:hover .anu::after{ opacity:1;} .por-list li:hover .anu span{ background: none; color: #fff;} /* 详情 */ .por-info{ margin-bottom:50px;} .por-info .title{ font-size:26px; line-height:60px; font-weight: bold; color: #000; text-align: center;} .por-info .time{ text-align: center; color: #999;} .por-info .text{ min-height: 200px; padding:20px; border-top: solid 1px #f5f5f5; margin-top:20px;} /*Page001415 */ .Page001415{ text-align:center; padding:80px 0; font-size: 0;} .Page001415 .Pages .p_cur, .Page001415 .Pages .p_count, .Page001415 .Pages .p_total, .Page001415 .Pages .p_jump, .Page001415 .Pages .a_first, .Page001415 .Pages .a_end{ display:none;} .Page001415 .Pages em{ font-style:normal;} .Page001415 .Pages a.p_total, .Page001415 .Pages em a{background-color:#f5f5f5; color: #666666; margin:0 8px;} .Page001415 .Pages a{ font-size:14px; display:inline-block; vertical-align:middle; width:50px;color:#fff;height:50px; line-height:50px; } .Page001415 .Pages em a:hover, .Page001415 .Pages em a.a_cur{ background-color:#ff4600; color: #fff;} .Page001415 .Pages a.p_total{ display: inline-block;} .Page001415 .Pages a.a_prev, .Page001415 .Pages a.a_next{ margin:0 8px; overflow:hidden; line-height:1000px; background:url(../images/Pages_l.png) no-repeat center center #f5f5f5;} .Page001415 .Pages a.a_next{ background-image:url(../images/Pages_r.png);} .Page001415 .Pages a.a_prev:hover, .Page001415 .Pages a.a_next:hover{ background:url(../images/Pages_l2.png) no-repeat center center #ff4600;} .Page001415 .Pages a.a_next:hover{ background-image:url(../images/Pages_r2.png);} /* 联系我们 */ .Contact-box{ margin:100px 0;} .Map000101 .map{width:55.55556%; float:left;} .Map000101 .map #allMap{height:725px; width:100%;} .Map000101 .map #allMap img{ max-width:none;} .Map000101 .info{ float:right; width:41%;max-height:725px; overflow:auto;} .Map000101 .info li{ cursor: pointer; line-height:25px;padding:30px 20px; border-bottom:1px #dbdbdb dotted;} .Map000101 .info li h1{ position: relative; padding-left:35px; line-height:30px; font-weight: 500; margin-bottom:30px; font-size:26px; color: #333333;} .Map000101 .info li h1 i{ font-size:15px; color: #fff; text-align: center; position: absolute; left:0; display:block; font-style: normal; width:23px; height:30px; background: url(../images/addr_icon1.png) no-repeat center;} .Map000101 .info li .text{ padding-left:35px; line-height:30px; color: #666666;} .Map000101 .info li:hover h1, .Map000101 .info li.on h1{ color: #ff4500;} .Map000101 .info li:hover h1 i, .Map000101 .info li.on h1 i{ background: url(../images/addr_icon2.png) no-repeat center;} .BMap_bubble_content{ font-size:14px !important; color: #333333;} /* 单篇 */ .Single-box{ margin:100px 0; min-height:100px;} /* 增值服务 */ .Service-box{ margin:80px 0;} .Service-box .title_yo{ text-align: center; color: #333333; font-size:30px;} .Service-box .matop{ padding-top:50px;} .Service-box .Tmin{ text-align: left; font-size: 24px; font-weight: bold; color: #000000;} .Service-box .Tmin::after{ content: ''; display: block; width:1em; height:3px; background-color: #f94400; margin:25px 0 35px;} .Service-box .liys{ display: flex;} .Service-box .liys .itme{ padding:20px; text-align: center; background-color: #f8f8f8; width:31%; margin-right:3.5%; float: left;transition: all 0.3s ease-in-out;} .Service-box .liys .itme:hover{box-shadow: 0 10px 10px rgba(0, 0, 0, .38);transform: translateY(-10px);} .Service-box .liys .itme:nth-child(3n){ margin-right:0;} .Service-box .liys .itme .icon{ padding:30px 0;} .Service-box .liys .itme .wenz{ font-size:20px; margin-bottom:30px; line-height:30px; min-height:60px;} .Service-box .two-box .liys .itme{ width:18%; padding:20px; margin-right:2.5%; position: relative;} .Service-box .two-box .liys .itme::after{ display: block; content: ''; width:40%; height:2px; background-color: #e85528; position: absolute; left:30%; top:0;} .Service-box .two-box .liys .itme:nth-child(5n){ margin-right:0;} .Service-box .two-box .liys .itme .icon{ padding:20px 0; font-size:60px; line-height:60px; color: #f94400; font-family:'优设标题黑';} .Service-box .two-box .liys .itme .wenz{ margin-bottom:20px; font-size:18px; color: #333333;} .Service-box .three-box .list-project{ position: relative;} .Service-box .three-box .back_tu{ text-align: center; margin:80px auto; min-height:600px; padding-bottom:250px; width:30%; max-width:480px;} .Service-box .three-box .itme{ max-width:35%; display: inline-block; position: absolute;} .Service-box .three-box .itme .back-bg{ background-color: #fff; z-index: 3; position: relative;} .Service-box .three-box .itme span{ display: inline-block; font-size:18px; color: #333333; background: url(../images/project_icon.png) no-repeat center left; padding-left:25px; margin:15px;} .Service-box .three-box .itme .icon{ position: absolute;} .Service-box .three-box .itme .icon em{ display: block; width:60px; height:60px; border-radius:50%; background: #ff4500; position: relative; z-index:3;} .Service-box .three-box .itme .icon:before, .Service-box .three-box .itme .icon:after{ width:60px; height:60px; content:""; box-sizing:border-box; position:absolute; top:0; left:50%; margin-left:-30px; opacity:.1; border-radius:50%; background-color: #ff4500; z-index:1;} .Service-box .three-box .itme .icon:before { animation:ripple 2s ease-out infinite;} .Service-box .three-box .itme .icon:after { animation:ripple 2s 1s ease-out infinite;} .Service-box .three-box .itme1{ left:0; top:20%;} .Service-box .three-box .itme1 .icon{ right:-100px; top:20%;} .Service-box .three-box .itme1 .icon i{ position: absolute; left:-100%; top:30px; display: block; width:100%; height:1px; background-color: #ff4500;} .Service-box .three-box .itme2{ left:75%; top:20%;} .Service-box .three-box .itme2 .icon{ left:-100px; top:20%;} .Service-box .three-box .itme2 .icon i{ position: absolute; right:-100%; top:30px; display: block; width:100%; height:1px; background-color: #ff4500;} .Service-box .three-box .itme3{ left:50%; bottom:0; transform: translateX(-50%);} .Service-box .three-box .itme3 .icon{ left:50%; margin-left:-30px; top:-100px;} .Service-box .three-box .itme3 .icon i{ position: absolute; right:50%; top:100%; display: block; width:1px; height:100%; background-color: #ff4500;} .Service-map{ text-align: center;} .Service-map .list-project{ position: relative; display: inline-block;} .Service-map .itme{ position: absolute;} .Service-map .wenz{ font-size:14px; color: #ff4600;} .Service-map .itme .icon{ position: absolute; top:50%; margin-top: -3px;} .Service-map .itme .icon em{ display: block; width:6px; height:6px; border-radius:50%; background: #ff4500; position: relative; z-index:3;} .Service-map .itme .icon:before, .Service-map .itme .icon:after{ width:6px; height:6px; content:""; box-sizing:border-box; position:absolute; top:0; left:50%; margin-left:-3px; opacity:.1; border-radius:50%; background-color: #ff4600; z-index:1;} .Service-map .itme .icon:before { animation:ripple2 3s ease-out infinite; -webkit-animation:ripple2 3s ease-out infinite; } .Service-map .itme .icon:after { animation:ripple2 3s ease-out infinite; -webkit-animation:ripple2 3s ease-out infinite; } .Service-map .itme1{ right:22.8%; top:54.5%;} .Service-map .itme1 .icon{ left:-15px;} .Service-map .itme2{ right:36%; top:64%;} .Service-map .itme2 .icon{ right: -15px;} .Service-map .itme3{ right:38%; top:71%;} .Service-map .itme3 .icon{ right: -15px;} .Service-map .itme4{ right:30%; top:71%;} .Service-map .itme4 .icon{ right:50%; margin-right:-3px; top:-8px;} .Service-map .itme5{ right:20.5%; top:68%;} .Service-map .itme5 .icon{ right:50%; margin-right:-3px; top:-8px;} .Service-map .itme6{ right:31%; top:81%;} .Service-map .itme6 .icon{ right:-15px;} .Service-map .itme7{ right:23.5%; top:80%;} .Service-map .itme7 .icon{ right:50%; margin-right:-3px; top:-8px;} .Service-map .itme8{ right:35.3%; top:84.3%;} .Service-map .itme8 .icon{ right: -15px;} .Service-map .itme9{ right:29%; top:84.5%;} .Service-map .itme9 .icon{ left:-15px;} .Service-map .itme10{ right:32.1%; top:88.5%;} .Service-map .itme10 .icon{ right:50%; margin-right:-3px; top:-8px;} .Service-map .itme11{ right:51%; top:66.5%;} .Service-map .itme11 .icon{ right:50%; margin-right:-3px; top:-8px;} @keyframes ripple { 0% { opacity:.7; transform:scale(1); } 100% { opacity:0; transform:scale(2.5); } } @keyframes ripple2 { 0% { opacity:.6; } 100% { opacity:0; transform:scale(2.5); } } /* 投资者关系 */ .investment-box{ min-height:100vh; background-color: #edf4f9; display: table; width:100%;} .investment-box .itme{ float: left; width:45%;} .investment-box .itme:nth-child(2n){ float: right;} .investment-box .itme .Tu-shell{ position: relative;} .investment-box .itme .Tu-shell .Ti{ line-height:50px; position: absolute; top:30px; left:30px; width:50%; z-index:3; font-size:48px; color: #fff; text-transform: uppercase;} .investment-box .itme .Tu-shell .lanmu{ display: table; text-align: center; position: absolute; top:10%; right:0; height:80%; width:47%; background:#ff4601; color: #fff; font-size:37px;} .investment-box .itme .Tu-shell .anut{ font-size:12px; color: #fff; position: absolute; bottom:20px; left:30px;} .investment-box .itme .Tu-shell .anut a{ color: #fff;} .investment-box .itme .Tu-shell .anut em{ padding:0 10px;} .investment-box .itme .Tu-shell .anut a:hover{ color: #ff4601;} .investment-box .itme .liw{ padding:20px 50px; width:93%; background-color: #fff; overflow: hidden;} .investment-box .itme .diez{ font-size:26px; color: #307817;} .investment-box .itme .diez2{ padding:10px 0;} .investment-box .itme .diez2 .icon{ color: #307817; font-size:18px; float: left; background: url(../images/icon.png) no-repeat right center; padding-right:25px; background-size:20px;} .investment-box .itme .diez2 .zenz{ font-size:18px; float: right; color: #595757;} .investment-box .itme .diez2 .zenz span{ font-size:16px; color: #307817;} .investment-box .itme .xint{ font-size:16px; color: #595757;} .investment-box .itme .ul li{ line-height:20px; font-size:12px; min-width:30%; float: left;} .investment-box .itme .ul li:nth-child(2n){ float: right;} .investment-box .title-Service::after{ margin-bottom:2vh;} /* 新闻中心 */ .news-box{ min-height:100vh; background-color: #edf4f9; display: table; width:100%;} .news-box .news-top{ width:52%; background-color: #fff;} .news-box .news-top .pic span{ display: block; padding-bottom:43%; background-repeat: no-repeat; background-position: center; background-size: contain;} .news-box .news-top .text{ padding:20px 80px;} .news-box .news-top .time{ margin-bottom:10px; font-size:18px; color: #e85528;} .news-box .news-top .title{ color: #595757; font-size:28px; line-height:45px;} .news-box .more{ padding:20px 0; font-size:18px; color: #9fa0a0; text-transform: uppercase; } .news-box .more span{ background: url(../images/icon_r.png) no-repeat right center; background-size: 9px; padding-right:50px;} .news-box .ouy-a{ width:48%;} .news-box .ouy-a .flex{ height: 100%;} .news-box .ouy-a .flex .list-one{ border-top: solid 4px #e85528; padding:20px; margin-left:20px; background-color: #fff;} .news-box .ouy-a .flex .list-one .itme{ margin-bottom:30px; padding-bottom:10px; border-bottom: solid 1px #9fa0a0;} .news-box .ouy-a .flex .list-one .itme:last-child{ border-bottom: none; margin-bottom:0;} .news-box .ouy-a .flex .list-one .time{ padding-bottom:15px; font-size:18px; color: #9fa0a0;} .news-box .ouy-a .flex .list-one .title{ /* min-height:120px; */line-height:30px; font-size:18px; color: #595757;} .news-box .ouy-a .flex .list-one em{ font-style: normal; color: #e85528;} .news-box .ouy-a .flex .list-one i{ font-style: normal;} .news-box .title-Service::after{ margin-bottom:2vh;} /*.RichInfo005*/ .RichInfo005{ padding:5% 0;} .RichInfo005 .title{ color: #333; text-align:center; padding-bottom:20px; } .RichInfo005 .title h1{ margin:0; padding-bottom:22px; font-size:24px; font-weight:normal; } .RichInfo005 .title p{ margin:0;border-bottom:1px dashed #eaeaea; padding-bottom:22px;} .RichInfo005 .title p span{ margin:0 5px; color:#777;} .RichInfo005 .info{ font-size: 15px; color: #666; line-height:2; text-align:justify; text-justify:inter-ideograph; } .RichInfo005 .info .p{ text-indent: 2em; } .RichInfo005 .info .pic{ margin:2% auto 3%; display: block;} .RichInfo005 .info .pic1{ float:right; margin-left:4%; margin-bottom:2%;} .RichInfo005 .info .pic2{ float:left; margin-right:4%; margin-bottom:2%;} .RichInfo005 .info_back{ text-align:center; clear:both; padding:40px 0;} .RichInfo005 .info_back a{ background:#f84400; padding: 8px 35px; color:#fff; font-size:14px; display: inline-block;} .RichInfo005 .info_pn { padding-top:30px; border-top: 1px dashed #eaeaea;} .RichInfo005 .info_pn span{ display:block; float: left; width: 45%; } .RichInfo005 .info_pn span:last-child{ float: right; text-align:right;} .RichInfo005 .info_pn span a{ font-size: 15px; color:#999;} .RichInfo005 .info_pn span a:hover{color:#f84400;} @media(max-width:1000px){ .RichInfo005{ padding:50px 0;} } @media(max-width:768px){ .RichInfo005 .info_pn span{ float: none !important; margin-bottom: 15px; padding-bottom: 15px; width: 100%; text-align: left !important;} } @media(max-width:640px){ .list-box.flex{display: block;padding-top: 90px;} .news-box .news-top{width: 100%} .news-box .news-top .text{padding: 20px;} .news-box .ouy-a{width: 100%} .news-box .ouy-a .flex{display: block;} .news-box .ouy-a .flex .list-one{margin-left: 0;width: 100%;margin-top: 20px;} .news-box .news-top .title{font-size: 22px;line-height: 1.8;} } /* 新闻列表 */ .news-list{ padding:5% 0 0;} .news-list li{background:#f8f8f8; margin-bottom: 2%;position: relative;} .news-list li a{position: absolute; left: 0; top: 0; width: 100%;height: 100%; border: 3px solid #f84400; opacity: 0;-webkit-opacity: 0; transition: 0.3s;} .news-list li a:hover{opacity: 1;-webkit-opacity: 1;} .news-list li .inner{padding: 40px;color: #333;} .news-list li time{font-family: "DINBold";font-size: 16px;} .news-list li aside.dot{font-size: 18px; margin: 5px 0 10px 0;} .news-list li p{color: #999;line-height: 24px; margin: 0;} .news-list li:hover aside.dot{color: #f84400;} @media(min-width:641px){ .news-list li{float: left; width: 48%;} .news-list li:not(:nth-child(2n)){margin-right: 4%;} } /*Page002737 */ .Page002737{padding:50px 0 100px; } .Page002737 .Pages{ text-align: center;} .Page002737 .Pages > span{display: inline-block; vertical-align: middle;} .Page002737 .Pages .p_jump, .Page002737 .Pages .a_first, .Page002737 .Pages .a_end, .Page002737 .Pages .p_cur, .Page002737 .Pages .p_count, .Page002737 .Pages .p_total{display: none;} .Page002737 .Pages .p_page{overflow: hidden; } .Page002737 .Pages .p_page em{font-style: normal;} .Page002737 .Pages .p_page a{float: left; line-height:43px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 17px; margin: 0 5px; font-size:16px; font-family:Arial," sans-serif"; color: #aaa;} .Page002737 .Pages .p_page a:hover, .Page002737 .Pages .p_page a.a_cur{background-color: #f84400; border-color: #f84400; color: #fff;} .Page002737 .Pages .p_page a.a_next, .Page002737 .Pages .p_page a.a_prev{font-size: 0; height:45px; width:45px; padding: 0; margin: 0 6px; background-position: center center; background-repeat: no-repeat;} .Page002737 .Pages .p_page a.a_prev{background-image: url(../images/Pages_l.png);} .Page002737 .Pages .p_page a.a_prev:hover{background-image: url(../images/Pages_l2.png);} .Page002737 .Pages .p_page a.a_next{background-image: url(../images/Pages_r.png);} .Page002737 .Pages .p_page a.a_next:hover{background-image: url(../images/Pages_r2.png);} .Page002737 .Pages .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;} .Page002737 .Pages .p_jump > *{float: left;} .Page002737 .Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;} .Page002737 .Pages .p_jump b.f0{margin-right: 6px;} .Page002737 .Pages .p_jump input{height: 46px; border-radius: 4px;} .Page002737 .Pages .i_text{ line-height: 44px; border: 1px solid #e5e5e5; width: 46px; text-align: center; color: #333; font-size:16px;} .Page002737 .Pages .i_button{background: #ebebeb; width: 70px; padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;} @media(max-width:768px){ .Page002737 .Pages{ padding:30px 0;} .Page002737 .Pages .p_page em, .Page002737 .Pages .p_jump{display: none;} } @media(max-width:640px){ .Page002737{ padding:0;} .Page002737 .Pages .p_page em, .Page002737 .Pages .p_jump{display: none;} } /* 发展历程 */ .Course-box{ margin:50px 0; position: relative;} .Course-box::after{ content: ''; position: absolute; left:0; top:50%; background-color:#e5e5e5; width:100%; height:1px; } .Course-list{ padding:0 60px; position: relative;} .Course-list .swiper-slide{ padding-left:21px; padding-top:300px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} .Course-list .swiper-slide:nth-child(2n){ padding-top:0; padding-bottom:300px;} .Course-list .itme{ border-left: solid 1px #e5e5e5; position: relative; padding:0 25px 0 25px; padding-bottom:60px; transition: all .5s;} .Course-list .itme::before{ content: ''; position: absolute; top:-26.5%; left:-10.5px; width:21px; height:21px; background: url(../images/pio1.png) #fff no-repeat center; background-size: contain; transition: all .5s;} .Course-list .years{ position: absolute; height:60px; bottom:0; font-size:60px; line-height:60px; color: #2b3748; opacity:.15; transition: all .5s;} .Course-list .text{ height:150px; font-size:15px; color: #231815; line-height:25px;} .Course-list .itme .text .hdw{ position: absolute; width:180%; height:150px; overflow: auto;text-align: justify;} .Course-list .swiper-slide:nth-child(2n) .itme{ padding-bottom:0; padding-top:60px;} .Course-list .swiper-slide:nth-child(2n) .years{ top:0; bottom:auto;} .Course-list .swiper-slide:nth-child(2n) .itme::before{ top:auto; bottom:-26.5%;} .Course-list .swiper-button{opacity:1!important; width:50px; height:50px; margin-top:-25px; overflow: hidden; background:#ff4500; border-radius:50%;} .Course-list .swiper-button::after{ content: ''; width:8px; height:16px; display: block; position: absolute; top:50%; left:50%; margin-left:-4px; margin-top:-8px; background-size: contain; background-repeat: no-repeat;} .Course-list .swiper-button-prev::after{ background-image: url(../images/Pages_l2.png);} .Course-list .swiper-button-next::after{ background-image: url(../images/Pages_r2.png);} .Course-list .swiper-button-prev{ left:0;} .Course-list .swiper-button-next{ right:0;} .Course-list .itme:hover{ border-left-color: #ff4500;} .Course-list .itme:hover::before{ background: url(../images/pio2.png) #fff no-repeat center;} .Course-list .itme:hover .years{ color: #ff4500; opacity:1;} .Course-list .hdw::-webkit-scrollbar{width: 5px; height: 1px;} .Course-list .hdw{ padding-right: 5px;} .Course-list .hdw::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #c8c8c8;} .Course-list .hdw::-webkit-scrollbar-track{ border-radius: 10px; background: #EDEDED; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);} /* 荣誉资质 */ .honor-box{ margin:50px auto;} .honor-top{ padding:0 100px; position: relative;} .honor-top .swiper-container{ padding:10% 0; width:100%; height: 100%; } .honor-top a{ display: block; width:100%;} .honor-top .pic{ position: relative; padding-bottom:5px;} .honor-top .pic::after{ content:''; display: block; position: absolute; bottom:0; left:-15%; height:100%; width:130%; background-image: url(../images/honor_back.png); background-position: center bottom; background-repeat: no-repeat; background-size:contain; z-index:1;} .honor-top .pic span{ display: block; width:100%; padding-bottom:71%; background-size: cover;position: relative; z-index:3;} .honor-top .swiper-slide{ text-align: center; font-size: 18px; background: #fff; transition:300ms; transform: scale(1);} .honor-top .swiper-slide.swiper-slide-prev, .honor-top .swiper-slide.swiper-slide-next{ z-index:2; transform: scale(1.5);} .honor-top .swiper-slide .title{ opacity:0;} .honor-top .swiper-slide-active .title,.swiper-slide-duplicate-active .title{ display: block; opacity:1; transform: scale(.5); } .honor-top .swiper-slide-active,.swiper-slide-duplicate-active{ z-index:3; transform: scale(2);} .honor-top .swiper-button{ width:50px; height:50px; background-color: #f2f7fa; background-repeat: no-repeat; background-position: center; background-size: 8px; box-shadow: 0 5px 10px #ccc; border-radius:3px;} .honor-top .swiper-button-prev{ background-image: url(../images/Pages_l.png);} .honor-top .swiper-button-next{ background-image: url(../images/Pages_r.png);} .honor-top .swiper-button:hover{ background-color: #f94400;} .honor-top .swiper-button-prev:hover{ background-image: url(../images/Pages_l2.png);} .honor-top .swiper-button-next:hover{ background-image: url(../images/Pages_r2.png);} .honor-list{ padding-top:80px; background-color: #f8f8f8;} .honor-list li{ padding:10px 10px 0; margin-bottom:60px; background-color: #ffffff; width:23%; float: left; margin-right:2%; text-align: center;} .honor-list li:nth-child(4n){ margin-right:0;} .honor-list li .pic{ background-image: url(../images/honor_back2.png); background-size: cover; padding:18% 12% 12%;} .honor-list li .pic span{ display: block; width:100%; padding-bottom:71%; background-size: cover;position: relative; z-index:3;} .honor-list li .title{ padding:20px 0; color: #666666;} /* 工艺应用 */ .Process-box{ margin:50px auto;} .Process-box .Category-shell{margin-bottom: 6%;} .Process-box .Category-shell .One_Categ{ font-size: 24px; font-weight: bold; color: #000000;} .Process-box .Category-shell .One_Categ::after{ content: ''; display: block; width:1em; height:4px; background-color: #f94400; margin:20px 0;} .Process-box .Category-list{ margin-bottom:30px;line-height: 1;} .Process-box .Category-list .head-box{width: 80%;margin-left: auto;} .Process-box .Category-list .head-box ul{display: table;font-size: 0;background-color: #4d4d4d;border-radius: 10px;overflow: hidden;} .Process-box .Category-list .head-box ul li{padding: 0 5px;height: 50px;vertical-align: middle;display: table-cell;font-size: 14px;line-height: 1.8;color: #fff;text-align: center;width: 8.33%;border-right: 1px solid #fff;box-sizing: border-box;} .Process-box .Category-list .head-box ul li:last-child{border-right: 0;} .Process-box .Category-list .item{margin-top: 20px;display: table;width: 100%;font-size: 0;} .Process-box .Category-list .item .left-box{display: table-cell;width: 20%;padding-right: 1%;vertical-align: middle;} .Process-box .Category-list .item .left-box .name{font-size: 18px;color: #000;} .Process-box .Category-list .item .left-box .img{margin-top: 15px;} .Process-box .Category-list .item .left-box .img img{width: 100%;} .Process-box .Category-list .item .right-box{display: table-cell;width: 80%;vertical-align: middle;} .Process-box .Category-list .item .right-box ul{display: table;width: 100%;height: 120px;} .Process-box .Category-list .item .right-box ul{background-color: #e6e6e6} .Process-box .Category-list .item .right-box ul li{padding: 0 5px;height: 50px;vertical-align: middle;display: table-cell;width: 8.33%;border-right: 1px solid #fff;box-sizing: border-box;} .Process-box .Category-list .item .right-box ul li:last-child{border-right: 0;} .Process-box .Category-list .item .right-box ul li:after{display: block;content: '';width: 45px;height: 45px;font-size: 24px;margin: auto;line-height: 45px;color: #fff;text-align: center;/* background-color: #969595; */font-family: 'Arial'; font-weight: bold;} .Process-box .Category-list .item .right-box ul li.on:after{content: '√';background-color: #ff4600} /* ---- 左侧分子效果 particles.js container ---- */ #particles-js{ position: fixed; top:0; left:0; width:170px; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index:-1;} @media(max-width:640px){ #particles-js{ position: absolute; width:100%; height:100vh; z-index: 1;} } /* --------------------------------响应------------------------------------ */ @media(max-width:1440px){ /* 底部 1440 */ .footer{ padding:15px 0; padding-left:182px;} /* 首页第一屏 1440 */ .one-home-text{ font-size:50px; line-height:70px;} /* 首页第二屏 1440 */ .two-home-text .left-wenz .title{ line-height:50px;} .two-home-text .left-wenz .title_en{ font-size:40px;} .two-home-text .left-wenz .title_cn{ font-size:34px;} .two-home-text .left-wenz .wenben .honzi{ font-size:26px; line-height:40px;} .two-home-text .right-list li{ padding:10px 20px;} .two-home-text .right-list li .number{ margin-bottom:5px;} .two-home-text .right-list li .til{ padding:5px 0; font-size:20px;} .two-home-text .right-list li .tu-img{ background-size: contain;} .two-home-text .right-list li .tu-img span{ margin-left:-15px; margin-top:-30px; width:60px; height:60px; background-size: contain;} /* 首页第三屏 1440 */ .three-home .title .tax{ line-height:60px; font-size:40px;} .three-home .title_cn{ line-height:50px; font-size:36px;} .three-home .cp-list .itme{ padding:20px;} .three-home .cp-list .itme .itne{ line-height:25px; margin:10px 0;} .three-home .cp-list .itme .minc{ font-size:20px; margin-top:15px;} .three-home .cp-list .itme .pic span{ padding-bottom:70%; background-size: contain;} .three-home .cp-list .slick-arrow{ width:40px; height:40px;} .three-home .cp-list .slick-prev{ left:-10px;} .three-home .cp-list .slick-next{ right:-10px;} /* 首页第四屏 1440 */ .four-home-text .title{ margin-bottom:10px;} .four-home .title_en{ font-size:40px;} .four-home .title_cn{ line-height:50px; font-size:36px;} /* 澳门大阳城集团2138网站 1440*/ .por-list li .pic span{ background-size: contain;} } @media(max-width:1440px){ .Service-box .three-box .back_tu{ min-height:400px; padding-bottom:200px;} .Service-box .three-box .itme1{ width:25%;} .Service-box .three-box .itme3{ width:auto;} .Service-box .three-box .itme span{ margin:5px 10px;} } @media(max-width:1366px){ /* 投资者关系 1366*/ .investment-box .itme .Tu-shell .Ti{ width:40%; font-size:30px; line-height:35px;} .investment-box .itme .liw{ padding:20px;} } @media(max-width:1024px){ /* 首页第四屏 1024 */ .four-home-text .map_box .itme .icon{ width:47px; height:53px;} .four-home-text .map_box .itme .text{padding: 15px 40px 40px 15px; transform: translate(-25%,-125%);} /* 澳门大阳城集团2138网站 1440*/ .por-list li{ width:50%;} /* 联系我们 */ .Map000101 .map{ width: 100%;} .Map000101 .map #allMap{height:400px; width:100%;} .Map000101 .info{ margin-top:30px; width:100%; max-height:305px;} /* 增值服务 */ .Service-box .liys .itme{ padding:20px 10px; margin-right:2%; width:32%;} .Service-box .liys .itme .wenz{ font-size:16px;} .Service-box .three-box .back_tu{ min-height:0; padding-bottom:0; width:60%; max-width:100%;} .Service-box .three-box .itme{ margin-bottom:50px; margin-right:20%; position: relative; max-width:100%; width:auto; top:auto; left:auto; right: auto; bottom: auto; float: left;} .Service-box .three-box .itme .back-bg{ display: inline-block;} .Service-box .three-box .itme3{ transform:translateX(0);} .Service-box .three-box .itme .icon{ left:auto !important; right:-100px!important; top:20%!important;} .Service-box .three-box .itme .icon i{ position: absolute; left:-100%!important; top:30px!important; display: block; width:100%; height:1px; background-color: #ff4500;} /* 投资者关系 1024*/ .investment-box .itme{ width:49%;} .investment-box .itme .Tu-shell .Ti{ width:40%; font-size:30px; line-height:35px;} .investment-box .itme .Tu-shell .lanmu{ font-size:20px;} .investment-box .itme .liw{ padding:20px;} .investment-box .itme .ul li{ width:100%;} } @media(max-width:768px){ /* 荣誉资质*/ .honor-top{ padding:0;} .honor-top .title{ margin-top:15px;} .honor-list li{ width:49%; margin-right:0; margin-bottom:5%;} .honor-list li:nth-child(2n){ float: right;} .honor-list li .title{ font-size:14px;} } @media(max-width:640px){ /* 头部 640 */ .top-box{ height:auto; width:100%; padding:15px 2%;} .top-box .logo-box{ float: left; padding:0;} .top-box .top_di{ float: right; position: relative; width: auto; padding-left:0; padding-right:10px;} .top-box .top_di > div{ margin-bottom:0; display: inline-block; vertical-align: middle; line-height:30px;} .top-box .top_di a{ margin:0 5px; width:25px; height:30px; display: inline-block; vertical-align: middle;} .top-box .wap_open{ display: block; float: right; padding:2.5px 0;} .top-box #open_menu{ display: block; width:30px; height:26px; position:relative; z-index:9;} .top-box #open_menu i, .top-box #open_menu::before, .top-box #open_menu::after{ position:absolute; left:0; width:100%; height:3px; background:#ff4500; transition: all .3s;} .top-box #open_menu i{ top:50%; margin-top:-1.5px;} .top-box #open_menu::before, .top-box #open_menu::after{ content:'';} .top-box #open_menu::before{ top:3px;} .top-box #open_menu::after{ bottom:3px;} .top-box #open_menu.open i{ background:transparent;} .top-box #open_menu.open::before, .top-box #open_menu.open::after{ background:#ff4500; bottom:auto; top:50%; transform:rotate(45deg);} .top-box #open_menu.open::after{transform:rotate(-45deg);} .top-box .top_nav{ position: absolute; right:-100%; top:0; width:60%; height:100vh; padding-top:61px; background: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .15); transition: all .5s;} #menu{ position: relative; z-index:2;} #menu li{ padding:0 20px; background-color: none;} #menu li a{ line-height:70px;} #menu .sub_box{ height:auto; position: relative; margin-left:0; width: auto; background-color:inherit; box-shadow:none; overflow: inherit;} #menu .sub_box li{ padding:0; padding-left:10px;} #menu .sub_box li a{ padding-right:0; font-size:15px;} #menu .sub_box .Level3{ position: relative; height:auto; margin-left:0; width: auto; background-color:inherit; box-shadow:none; overflow: inherit;} #menu .sub_box li.line::after{ display: none;} #menu >li .sub_box li .Level3 a{ background: none; padding-right:10px;} #menu >li .sub_box li .Level3 li{ padding-right: 0;} #menu >li .sub_box li .Level3 li::after{ right:0;} #menu >li:hover .sub_box, #menu >li:hover .sub_box li:hover .Level3{ display: none;} #menu .content_shell{ display: block; line-height:40px; max-height:inherit;} .top-box .top_nav.active{ right:0;} /* 首页底部 640 */ .home_footer{ position: relative;} .footer{ background: #000;padding-left: 0;} /* 通用按钮 */ .All_but .anu{ width:120px; font-size:14px;} .All_but .anu span{ line-height:40px;} /* 去除左边间距 640 */ .canvas, .one-home, .two-home, .three-home, .four-home, .home_footer, .Inside-box, .two-home-back{ padding-left:0;} /* 首页第一屏 640 */ .one-home-text{ font-size:26px; line-height:40px;} .one-home-text .wenza{ font-size:18px; line-height:30px;} .one-home-text .but_a{ margin-right:2%;} .one-home-text .but_a:before, .one-home-text .but_a:after, .one-home-text .but_a a, .one-home-text .but_a{ width:38px; height:38px;} .one-home-text .but_a:before, .one-home-text .but_a:after{ margin-left:-19px;} /* 首页第二屏 640 */ .two-home-text .left-wenz{ padding-top:10%; max-width:100%; width: 100%;} .two-home-text .right-list{ width:100%; padding-bottom:10%;} .two-home-text .right-list li{ margin-top:10px;} .fp-table.active .two-home-text .right-list li{ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: delete; animation-name: delete; } .fp-table.active .two-home-text .right-list li:nth-child(1){animation-delay:.5s} .fp-table.active .two-home-text .right-list li:nth-child(2){animation-delay:.5s} .fp-table.active .two-home-text .right-list li:nth-child(3){animation-delay:.5s} .fp-table.active .two-home .Animation{ -webkit-animation-name: delete; animation-name: delete; } .canvas canvas{ height:50%;} /* 首页第三屏 640 */ .three-home .title .tax{ font-size:20px; line-height:55px;} .three-home .title_cn{ font-size:20px; line-height:40px;} .three-home .cp-list .slick-prev{ left:0;} .three-home .cp-list .slick-next{ right:0;} .three-home .slick-list{ padding:10px 20px;} .three-home .cp-list .itme{ padding:10px 20px;} .three-home .cp-list .itme .minc{ font-size: 16px; margin-top:5px;} .three-home .cp-list .itme .itne{ margin:5px 0;height: 56px;} .section{ padding:20px 0; height:auto !important;} .fp-tableCell{ height: auto !important;} /* 首页第四屏 640 */ .four-home-text .title{ line-height:40px;} .four-home .title_en{ font-size:30px;} .four-home .title_cn{ font-size:26px;} .four-home-text .map_box .itme .icon{ width:30px; height:30px;} .four-home-text .map_box{ margin-bottom:150px;} .four-home-text .map_box .itme .text{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0; padding:20px; position: fixed; bottom:80px; width:80%; left:10%; background: #fff; border-radius:6px; transform: translate(-0%,-0%);} /* .four-home-text .map_box .itme:nth-child(1){ top: 16%; left: 29%;} .four-home-text .map_box .itme:nth-child(2){top: 25%; left: 31%;} .four-home-text .map_box .itme:nth-child(3) { top: 17.66%; left: 34%; } .four-home-text .map_box .itme:nth-child(4){ top: 16%; left: 37%;} .four-home-text .map_box .itme:nth-child(6) { top: 2%; left: 25.4%; } */ .four-home-text .map_box .itme:nth-child(1){ top:26%; left:32%;} .four-home-text .map_box .itme:nth-child(2){ top:29%; left:29.5%;} .four-home-text .map_box .itme:nth-child(3){ top:21.66%; left:34%;} .four-home-text .map_box .itme:nth-child(4){ top:17%; left:38%;} .four-home-text .map_box .itme:nth-child(5){ top: 11%;left: 70%;} .four-home-text .map_box .itme:nth-child(6){ top:4%; left:32.4%;} .four-home-text .map_box .itme.on .text{ display: block;} .four-home-text .map_box .itme.on .icon{background: url(../images/map_icon2.png) no-repeat center; background-size: contain;} .four-home-text .map_box .itme .icon i{ position: absolute; bottom: -7px; left: 50%; margin-left: -26px; height: 24px; width: 50px;} /* 分页 */ .Page001415{padding: 6vw 0 8vw 0;} .Page001415 .Pages a.p_total, .Page001415 .Pages em{display: none;} .Page001415 .Pages a{background-color: #eee;} /* 内页 */ .Inside-ban{ margin-top: 61px;} /* 内页菜单 */ .Inside-menu .current-box{ display: none; border-top: solid 1px #f5f5f5; max-width: 100%; width: 100%;} .Inside-menu .left-menu{ width: 100%; border: solid 1px #ddd; margin: 20px 0; border-radius: 5px; } .Inside-menu li{ float: none; margin: 0; padding: 10px; font-size: 14px; } .Inside-menu ul{ display: none; } .Inside-menu li a:hover, .Inside-menu li.on a{ border: 0; } .Inside-menu .left-menu h3{display: block;} .Inside-menu .left-menu h3.active:after{ transform: rotateZ(-180deg); } .Inside-menu li a{line-height: 1.3;} .Inside-menu-sub{ margin:30px 0;} .Inside-menu-sub li{ margin:5px;} .Inside-menu-sub li a{ font-size:14px; padding:0 15px;} /* 澳门大阳城集团2138网站 1440*/ .por-list li{ width:50%; padding:10px; margin-bottom:10px;} .por-list li .minc{ font-size: 16px; margin-top:5px;} .por-list li .itne{ margin:5px 0;} /* 联系我们 */ .Contact-box{ margin:50px 0;} .Map000101 .map #allMap{ height:300px;} .Map000101 .info li h1{ font-size:20px; margin-bottom:10px; line-height:25px;} .Map000101 .info li h1 i{ font-size:12px; width:20px; height:25px; line-height:23px; background-size:cover !important;} .Map000101 .info li .text{ font-size:16px; line-height:30px;} .BMap_bubble_content{ max-width:250px;} /* 单篇 */ .Single-box{ margin:50px 0;} /* 增值服务 640*/ .Service-box .title_yo{ font-size:24px;} .Service-box .liys{ display: block;} .Service-box .two-box .liys .itme, .Service-box .liys .itme{ margin-bottom:20px; padding:20px 10px; margin-right:0; width:100%;} .Service-box .liys .itme .wenz{ margin-bottom:0; min-height:0; font-size:16px;} .Service-box .liys .itme .icon{ padding:10px 0;} .Service-box .liys .itme .icon img{ max-width:100px;} .Service-box .two-box .liys .itme .icon{ font-size:40px; line-height:40px; padding:10px 0;} .Service-box .three-box .back_tu{ margin:30px auto;} .Service-box .three-box .itme{ margin-bottom:20px; padding-right:0;padding-left: 40px; float: none;margin-right:0; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;} .Service-box .three-box .itme span{ margin:5px; font-size:16px;} .Service-box .three-box .itme .icon{ left:0!important;top: 35%!important;margin-left: 0 !important;} .Service-box .three-box .itme .icon em{ width:20px; height:20px;} .Service-box .three-box .itme .icon:before, .Service-box .three-box .itme .icon:after{ width:20px; height:20px;margin-left: 0;left: 0;} .Service-box .three-box .itme .icon i{ top:15px!important;display: none;} .Service-map .wenz{font-size: 8px;} .Service-map .itme .icon:before, .Service-map .itme .icon:after{width: 4px;height: 4px;margin-left: 0;left: 0;} .Service-map .itme .icon em{width: 4px;height: 4px;} .Service-map .itme1{right: 16%;} .Service-map .itme2{right: 43%;top: 61%;} .Service-map .itme3{right: 43%;} .Service-map .itme4{right: 28%;top: 63%;} .Service-map .itme5{right: 13.5%;top: 66%;} .Service-map .itme5 .icon,.Service-map .itme7 .icon,.Service-map .itme6 .icon{right: inherit;right: initial;left: -15px;margin-left: 0;top: 10px;} .Service-map .itme4 .icon{top: inherit;top: initial;bottom: -8px;} .Service-map .itme7{right: 16%;top: 75%;} .Service-map .itme6{right: 20%;} .Service-map .itme8 .icon{right: 10px;top: 20px;} .Service-map .itme9 .icon{left: inherit;left: initial;right: -10px;} .Service-map .itme9{right: 35.2%;top: 81.5%;} .Service-map .itme10{right: 30.3%;top: 88.6%;} .Service-map .itme8{right: 31.3%;top: 77.3%;} /* 投资者关系 640*/ .investment-box{ padding-top: 70px;} .investment-box .itme{ width:100%; margin-bottom:20px;} /* 发展历程 640 */ .Course-box::after{ top:20px;} .Course-list .swiper-slide:nth-child(2n), .Course-list .swiper-slide{ padding:60px 0 0; padding-left:25px;} .Course-list .itme .text .hdw{ position: relative; width:100%; height:150px; overflow: auto;} .Course-list .years{ position: relative;} .Course-list .itme, .Course-list .swiper-slide:nth-child(2n) .itme{ padding:0; padding-left:25px;} .Course-list .swiper-slide:nth-child(2n) .itme::before, .Course-list .itme::before{ top:-24%;} /* 荣誉资质 640*/ .honor-top .swiper-container{ padding:0;} .honor-top .swiper-slide, .honor-top .swiper-slide-active .title, .swiper-slide-duplicate-active .title, .honor-top .swiper-slide.swiper-slide-prev, .honor-top .swiper-slide.swiper-slide-next, .honor-top .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1);} } /* .RighInfo001278 为demo编号 产品详情*/ .RighInfo001278{ padding:2% 0;} .RighInfo001278 .auto{max-width:1440px;} .RighInfo001278 .word{position: relative;} .RighInfo001278 .pic{float: left;width: 45%;padding-bottom: 34%;box-shadow: 0 0 10px rgba(0, 0, 0, .2);background-size: contain;background-repeat: no-repeat;background-position: center;position: relative;z-index: 2} .RighInfo001278 .prod_info{ position:absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50.8%;padding: 5% 2%;border: 2px solid #ff4500;border-left: 0;z-index: 1} .RighInfo001278 .prod_info .tit{margin:0; color:#000;font-weight:bold; font-size:28px;margin-bottom:3%; } .RighInfo001278 .prod_info .tit::after{content: '';display: block;width: 30px;height: 3px;background: #ff4500;margin: 18px 0} .RighInfo001278 .prod_info .con{line-height:30px; color:#999;font-size:15px;} .RighInfo001278 .prod_info .share{ padding:2% 0; overflow:hidden; border-bottom:1px solid #eaeaea; margin-bottom:5%;} .RighInfo001278 .prod_info .share a.more{float: right;display:inline-block;color:#fff;background: url(../images/more_icon.png) no-repeat center;background-size:contain; width: 180px;height: 70px;line-height: 70px;font-size: 18px;text-align: center;} .RighInfo001278 .prod_info .share em{ float:left; font-size:14px; font-style:normal; line-height:28px;} .RighInfo001278 .info_ul{ overflow: hidden; position: relative;} .RighInfo001278 .info_ul .line{ content: ''; display: block; position: absolute; top:30px; left:50%; width:1px; height:100%; background-color: #ff4500;} .RighInfo001278 .info_ul ul{ overflow: hidden; width: 100%;} .RighInfo001278 .info_ul ul li{ text-align: right; padding-right:55%; width: 100%; position: relative;} .RighInfo001278 .info_ul ul li:last-child{ margin-bottom:0;} .RighInfo001278 .info_ul ul li .til{ margin-bottom:10px; font-size:36px; color: #ff4500;} .RighInfo001278 .info_ul ul li .til::after{ content: ''; display: block; position: absolute; top:10px; left:50%; margin-left:-15px; width:30px; height:30px; background-color: #ff4500; transform:rotate(45deg);animation: change 6s linear infinite;} .RighInfo001278 .info_ul ul li .wenben{ line-height:25px;} .RighInfo001278 .info_ul ul li .til .img img{max-height: 200px;} .RighInfo001278 .info_ul ul li:nth-child(2n){ text-align: left; padding-left: 55%; padding-right:0;} .RighInfo001278 .info_ul ul li.on .til::after{ width:20px; height:20px; margin-left:-10px;} @keyframes change { 0% { transform:scale(1)} 100% { transform:scale(2)} } .RighInfo001278 .info_ul2{position: relative;margin-top: 3%;} .RighInfo001278 .info_ul2:after{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;width: 1px;height: 100%;background-color: #ff4600;z-index: 1} .RighInfo001278 .info_ul2 ul:before{display: block;content: '';position: absolute;top: -20px;left: 0;right: 0;margin:0 auto;width: 20px;height: 20px;border-radius: 50%;background-color: #ff4600;z-index: 2} .RighInfo001278 .info_ul2 ul:after{display: block;content: '';position: absolute;bottom: -20px;left: 0;right: 0;margin:0 auto;width: 20px;height: 20px;border-radius: 50%;background-color: #ff4600;z-index: 2} .RighInfo001278 .info_ul2 ul li{position: relative;margin-bottom: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;} .RighInfo001278 .info_ul2 ul li em{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;display: block;width: 20px;height: 20px;margin: auto;background-color: #ff4600;border-radius: 50%;box-sizing: border-box;z-index: 2} .RighInfo001278 .info_ul2 ul li em:after{position: absolute;display: block;content: '';top: 0;left: 0;right: 0;bottom: 0;width: 0;height: 0;border-radius: 50%;margin: auto;z-index: 1;border: 10px solid rgba(255, 7, 0, .4);animation: change 2s linear infinite;} .RighInfo001278 .info_ul2 ul li .img{width: 100%;} .RighInfo001278 .info_ul2 ul li .img img{display: inline-block;} .RighInfo001278 .info_ul2 ul li .text{width: 100%;padding: 10px 20px;font-size: 16px;color: #fff;line-height: 1.8;box-sizing: border-box;border-radius: 10px;background:-moz-linear-gradient(left,rgb(255,146,50),rgb(255,51,30));background:-ms-linear-gradient(left,rgb(255,146,50),rgb(255,51,30));background:-o-linear-gradient(left,rgb(255,146,50),rgb(255,51,30));background:-webkit-linear-gradient(left,rgb(255,146,50),rgb(255,51,30));} .RighInfo001278 .info_ul2 ul li:nth-of-type(odd) .left-box{top: 15px;margin: auto 0;} .RighInfo001278 .info_ul2 ul li:nth-of-type(even) .right-box{top: 15px;margin-left: auto;} .RighInfo001278 .info_ul2 ul li .left-box{float: left;width: 22%;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;} .RighInfo001278 .info_ul2 ul li:nth-of-type(odd) .right-box{margin-bottom: 25px;margin-left: auto;} .RighInfo001278 .info_ul2 ul li:nth-of-type(even) .left-box{margin-bottom: 25px;} .RighInfo001278 .info_ul2 ul li .right-box{float: right;width: 22%;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;} .RighInfo001278 .info_ul2 ul li .left-box:before{display: block;position: absolute;content: '';top: 0;bottom: 0;left: 105%;margin: auto 0;width: 120%;height: 1px;background-color: #ff4600;border-radius: 50%;z-index: 1} .RighInfo001278 .info_ul2 ul li .left-box:after{display: block;position: absolute;content: '';top: 0;bottom: 0;left: 104%;margin: auto 0;width: 8px;height: 8px;background-color: #ff4600;border-radius: 50%;z-index: 1} .RighInfo001278 .info_ul2 ul li .right-box:before{display: block;position: absolute;content: '';top: 0;bottom: 0;right: 105%;margin: auto 0;width: 120%;height: 1px;background-color: #ff4600;border-radius: 50%;z-index: 1} .RighInfo001278 .info_ul2 ul li .right-box:after{display: block;position: absolute;content: '';top: 0;bottom: 0;right: 104%;margin: auto 0;width: 8px;height: 8px;background-color: #ff4600;border-radius: 50%;z-index: 1} @media (max-width: 1200px) { .RighInfo001278 .info_ul2 ul li .left-box:before, .RighInfo001278 .info_ul2 ul li .right-box:before{ width: 60%; } .RighInfo001278 .info_ul2 ul li .left-box, .RighInfo001278 .info_ul2 ul li .right-box{ width: 30%; } .Process-box .Category-list{overflow: auto;} .Process-box .Category-list .box-table{ min-width: 1200px; } ::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 6px; } ::-webkit-scrollbar:horizontal { height: 6px; } ::-webkit-scrollbar-thumb { background-color: #ff4600; border-radius: 6px; } ::-webkit-scrollbar-track { border-radius: 6px; background-color: #eee; } } @media(min-width:641px){ .RighInfo001278 .big_img{ position:absolute; left:0; top:0; height:100%; width:43.9%;} .RighInfo001278 .big_img li{ position:absolute;width:100%;top:0; left:0; height:100%; } .RighInfo001278 .big_img li .table{ display:table; width:100%; height:100%;} .RighInfo001278 .big_img li .table_cell{ display:table-cell; vertical-align:middle; padding:0 5%;} .RighInfo001278 .big_img li img{ max-height:100%;} } @media(max-width:640px){ .RighInfo001278 .info_ul2 ul li .left-box{margin-top: 0;width: 50%;border-radius: 0;} .RighInfo001278 .info_ul2 ul li:nth-of-type(odd) .left-box{position: absolute;left: 0;height: 100%;width: 50%;} .RighInfo001278 .info_ul2 ul li:nth-of-type(even) .right-box{position: absolute;right: 0;height: 100%;width: 50%;} .RighInfo001278 .info_ul2 ul li .text{border-radius: 0;height: 100%;display: table} .RighInfo001278 .info_ul2 ul li .text p{display: table-cell;vertical-align: middle;} .RighInfo001278 .info_ul2 ul li .right-box{width: 50%;} .RighInfo001278 .info_ul2 ul li .left-box:before{display: none;} .RighInfo001278 .info_ul2 ul li .left-box:after{display: none;} .RighInfo001278 .info_ul2 ul li .right-box:before{display: none;} .RighInfo001278 .info_ul2 ul li .right-box:after{display: none;} .RighInfo001278 .info_ul2 ul li em{display: none;} .RighInfo001278 .info_ul2 ul:before{display: none;} .RighInfo001278 .info_ul2 ul:after{display: none;} .RighInfo001278 .info_ul2:after{display: none;} .RighInfo001278 .info_ul2 ul li:nth-of-type(odd) .left-box, .RighInfo001278 .info_ul2 ul li:nth-of-type(even) .right-box{top: 0;} .RighInfo001278 .info_ul2 ul li:nth-of-type(odd) .right-box{margin-bottom: 0;} .RighInfo001278 .info_ul2 ul li:nth-of-type(even) .left-box{margin-bottom: 0;} .RighInfo001278 .info_ul2 ul li{flex-direction: column;} } .RighInfo001278 .big_img li{ text-align:center; box-shadow: 0 0 10px rgba(0, 0, 0, .2);} .RighInfo001278 .list{ padding:0 30px;position:relative; overflow:hidden;} .RighInfo001278 .list a{ position:absolute; width:26px; height:26px; background:url(../images/RighInfo001278-btn_prev.png) no-repeat center center; cursor:pointer;top:50%; margin-top:-13px; z-index:10;} .RighInfo001278 .list a.prev{ left:0;} .RighInfo001278 .list a.next{ right:0; background-image:url(../images/RighInfo001278-btn_next.png);} .RighInfo001278 .list a.prevStop, .RighInfo001278 .list a.nextStop{ cursor:default;} .RighInfo001278 .list li{position:relative; text-align:center; float:left;} .RighInfo001278 .list li .table{width:90%; margin:0 auto;padding:5px;border:1px solid #f2f2f2;} .RighInfo001278 .list li.on .table{ border-color:#ff4500;} .RighInfo001278 .tab{ padding:3% 0;} .RighInfo001278 .tab .h1_tab{ margin:0; background-color:#eeeeee;overflow:hidden; font-weight:normal; font-size:14px;} .RighInfo001278 .tab .h1_tab span{ float:left; padding:0 3%; line-height:44px; font-size:16px; cursor:pointer;} .RighInfo001278 .tab .h1_tab span.on{ background-color:#ff4500; color:#fff;} .RighInfo001278 .tab .info{ padding-top:3%;} .RighInfo001278 .tab .info p{font-size:16px;line-height: 32px;color:#666;} @media(max-width:640px){ .RighInfo001278 .prod_info{ padding-left:0;} .RighInfo001278 .big_img{ margin-bottom:3%;} .RighInfo001278 .big_img li{ padding:3%;} .RighInfo001278 .pic{ width: 100%; padding-bottom:65%;} .RighInfo001278 .prod_info{ float: left; border:none; padding:5% 0 2%; position: relative; transform:translateY(0); width: 100%;} .RighInfo001278 .prod_info .tit{ line-height:30px; font-size:20px;} .RighInfo001278 .prod_info .tit::after{ margin:10px 0;} .RighInfo001278 .prod_info .share a.more{width:135px;} .RighInfo001278 .info_ul ul li .til{ font-size:22px; margin-bottom:5px;} .RighInfo001278 .info_ul ul li .til::after{ width:20px; height:20px; margin-left:-10px;} .RighInfo001278 .info_ul ul li.on .til::after{ width:13px; height:13px; margin-left:-6.5px;} .slick-initialized .slick-slide figure{padding: 0 5px;} .slick-initialized .slick-slide aside{text-align: center;margin-top: 10px;} } .RighInfo001278 .info li{ position:relative; float:left; width:44%; margin-right:12%; margin-bottom:-5%;overflow: hidden;box-sizing: border-box;} .RighInfo001278 .info li:nth-child(2n){ margin-right:0;} .RighInfo001278 .info li a{padding-bottom: 60%;display: block;background-position: center;background-repeat: no-repeat;background-size: contain;transition: 0.3s all} .RighInfo001278 .info li dl{ position:absolute; left:0; bottom:0; width:100%;color:#fff; background-color:#ff4500;opacity: 0;transition: 0.3s all} .RighInfo001278 .info li h3{ font-size:18px; font-weight:normal; margin:0; line-height:30px;text-align: center;padding:2% 3%;} .RighInfo001278 .info li:hover a{transform: scale(1.1);} .RighInfo001278 .info li:hover dl{opacity: 1;} @media(max-width:768px){ .RighInfo001278 .info li h3{ font-size:16px;} } @media(max-width:640px){ .RighInfo001278 .info li{ width:49%;} .RighInfo001278 .info li:nth-child(3n){ margin-right:2%;} .RighInfo001278 .info li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .RighInfo001278 .info li{ width:auto; float:none; margin-right:0 !important;} .RighInfo001278 .info li figure{ height:auto;} } @media(max-width:480px) and (min-width:376px){ .RighInfo001278 .info li .more{ line-height:33px;} .RighInfo001278 .info li:hover figure{ height:93px;} } /* 关于我们 */ .About ul{font-size: 0;text-align: center;padding: 0 5%;} .About ul li{display: inline-block;width: 33.33%;vertical-align: top;} .About ul li .name{font-size: 30px;color: #595757;text-transform:uppercase} .About ul li .title{margin-top: 15px;font-size: 27px;color: #595757;} .About ul li em{display: block;width: 25px;height: 4px;margin: 25px auto 30px auto;background-color: #e85528} .About ul li .text{font-size: 14px;color: #595757;line-height: 2;} @media(max-width:480px){ .About ul li{display: block;width: 100%;margin-bottom: 60px;} .About ul li:last-child{margin-bottom: 0;} .About ul li em{margin: 15px auto;} } .honor-list2{padding: 4% 0;} .payoffs .list ul{ padding:0 50px;} .payoffs .list li{ float:left; position:relative; text-align:center; margin-bottom:0%;} .payoffs .list li:first-child:before, .payoffs .list li:last-child:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;} .payoffs .list li:first-child:before{ left:-50px; background:url(../images/ul_l.png) no-repeat 0 0;} .payoffs .list li:last-child:after{right:-50px; background:url(../images/ul_r.png) no-repeat 0 0;} .payoffs .list li aside{ padding-top:35px;height:90px; background:url(../images/libg.png) repeat-x left top;} .payoffs .list li .ytable{ height:220px;} .payoffs .list li .ytable-cell{ vertical-align:bottom;} .payoffs .list li figure{ position:relative; display:inline-block;max-width: 80%;} .payoffs .list li figure:after{ position:absolute; right:-24px; top: 0; width:24px; height:100%; background-size:contain; content:'';} .payoffs .list li figure img{ max-height:245px;padding: 8px;padding-top: 12px;background-size:100% 100%;} .payoffs .list li p{ font-size: 16px; margin:0 auto; max-width:210px;width:90%; line-height:20px; max-height:40px; color:#555;} .payoffs .list .ul-4 li{width:25%;} .payoffs .list .ul-3 li{width:33.33333333%;} .payoffs .list .ul-3 li:nth-child(3):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/ul_r.png) no-repeat 0 0;} .payoffs .list .ul-2 li{width:50%;} .payoffs .list .ul-2 li:nth-child(2):after{ position:absolute; content:''; bottom:0px; height:90px; width:50px; right:-50px; background:url(../images/ul_r.png) no-repeat 0 0;} .payoffs .list .ul-2 li:nth-child(1) > *{ padding-left:30%;} .payoffs .list .ul-2 li:nth-child(2) > *{ padding-right:30%;} .payoffs .list .ul-1 li{width:100%;} .payoffs{ /* margin-top:-40px; */ overflow: hidden;} .payoffs .img{ overflow:hidden; background:#6eb92b;} .payoffs .img img{ opacity:0.15; -webkit-opacity:0.15;} .payoffs .auto-inner{ position:relative; z-index:10; background:#fff; border-radius:50px 50px 0 0; padding:4% 0;margin-top: -95px !important;} #honor .slick-dots{padding-top: 60px;} #honor .slick-dots li{ border-color: #e2e2e2;} #honor .slick-dots li.slick-active{background: #f7cb84;border-color: #f7cb84;} @media(max-width:480px){ #honor aside{margin-top: 10px;} #honor .slick-slide{padding: 0 10px;box-sizing: border-box;} } .search-box{ position: absolute; left: 100%; bottom: 0; width: 300px; background: #fff; box-sizing: border-box; padding: 45px 10px; z-index: 10; display: none; box-shadow: 5px 0 10px #eee; } .search-box .text{ height: 35px; border: solid 1px #ddd; width: 100%; display: block; box-sizing: border-box; padding: 0 60px 0 10px; } .search-box .submit{ position: absolute; right: 20px; top: 51px; padding: 3px 6px; z-index: 5; background: #ff4500; color: #fff; border-radius: 3px; cursor: pointer; } .footer-nav>ul{ display: -webkit-box;display: -ms-flexbox;display: flex; justify-content: space-between; margin-bottom: 40px; } .footer-nav>ul>li>a{ font-size: 18px; } .footer-nav ul ul li:first-child{ margin-top: 20px; } .footer-nav ul ul li{ margin-top: 10px; } @media (max-width: 1200px) { .footer-nav{ display: none; } } @media (max-width: 640px) { .search-box{ bottom: inherit; bottom: initial; top: 100%; border-top: solid 1px #ddd; padding: 25px 10px; left: 0; width: 100%; box-shadow: 0 5px 5px #666; } .search-box .submit{ top: 31px; } }