.wl-contact .w1465 { width: 1465px; margin: 0 auto; } .wl-contact .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0; } .wl-contact .box-titbox.cur .dang, .wl-contact .box-titbox.cur a:hover { color: #cf001c; } .wl-contact .mCSB_scrollTools .mCSB_draggerContainer { display: none; } .wl-contact .compliance { font-size: 16px; color: #888888; line-height: 28px; margin-top: 70px; padding-bottom: 160px; box-sizing: border-box; } .aboutbanner .textmore{ border: 2px solid #FFF; } .aboutbanner .textmore:hover{ border: 2px solid transparent; } .secwen { opacity: 0; filter: alpha(opacity=0); transform: translateY(30px); transition: .8s; } .wl-contact .textmore { margin-top:60px; } .biaotou{ position:relative; } .biaotou .images { padding-top: 30px; box-sizing: border-box; } .biaotou .images, .biaotou .words { width: 50%; } .pro_top .pro04 table{ } .news .news-ul .ntop .left .txt .wen:before{ background: linear-gradient(to top, rgba(0,0,0,.8) , rgba(0,0,0,0)); } .secwen-left { opacity: 0; filter: alpha(opacity=0); transform: translateX(-60px); transition: .8s; } .captchabox{ position: relative; } .captchabox .captcha{ position: absolute; max-height: 100%; bottom: 0; right:0; top:0; margin: auto; } .aboutbanner.hj { position:relative; } .aboutbanner .wen{ z-index: 3; } .aboutbanner .h2{ color:#ffffff; } .aboutbanner .textmore{ color:#ffffff; } .aboutbanner.hj:after{ width: 100%; height: 100%; content: ""; position: absolute; left: 0; top: 0; background: linear-gradient(to right, rgba(0,0,0,.1) , rgba(0,0,0,.6)); } .secwen-left.animate { opacity: 1; filter: alpha(opacity=100); transform: translateX(0); transition: .8s; } .secwen-right { opacity: 0; filter: alpha(opacity=0); transform: translateX(60px); transition: .8s; } .secwen-right.animate { opacity: 1; filter: alpha(opacity=100); transform: translateX(0); transition: .8s; } .animate.secwen { opacity: 1; filter: alpha(opacity=100); transform: translateY(0); transition: 1s; } .wl-contact .compliance .title { text-align: center; font-size: 50px; line-height: 1.1; color: #333333; margin-bottom: 40px; } .wl-contact .compliance .compliance-box { border: 1px solid #fbfbfb; box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.1); padding: 80px 180px; padding-bottom: 125px; box-sizing: border-box; } .wl-contact .compliance .compliance-box .li { margin-bottom: 20px; } .wl-contact .compliance .compliance-box .span { font-size: 16px; color: #333333; font-weight: bold; } .wl-contact .compliance .compliance-box .call { color: #1c60de; font-weight: normal; } .wl-contact .compliance .network .network-top{ font-size:0; } .wl-contact .network .network-top .item { width: 48%; /*float: left;*/ margin-left: 4%; margin-bottom:3%; display:inline-block; vertical-align:middle; } .wl-contact .network .network-top .item:nth-child(2n+1) { margin-left: 0; } .wl-contact .network .network-top .item .images { height: 215px; width:150px; overflow: hidden; } .wl-contact .network .network-top .item .images img { transition: .5s; } .wl-contact .network .network-top .item:hover .images img { transition: .5s; transform: scale3d(1.05, 1.05, 1); } .wl-contact .network .network-top .item .tit { color: #000000; font-size: 24px; line-height: 1.1; margin-bottom: 12px; } .wl-contact .network .network-top .item .words { background: #f5f5f5; height: 270px; font-size: 16px; width:calc(100% - 150px); color: #666666; padding: 35px 25px; box-sizing: border-box; float:right; } .wl-contact .network .network-top .item .images{ float:left; } .wl-contact .network .network-top .item .words .left { width: 68px; } .wl-contact .network .network-top .item .words .right { width: calc(100% - 80px); } .wl-contact .network .network-bot { padding-top: 30px; box-sizing: border-box; } .wl-contact .network .network-bot .tit { color: #000000; font-size: 24px; line-height: 60px; } .wl-contact .network .network-bot .itembox { border-bottom: 1px solid #f5f5f5; } #mbanner01 .media:after{ content:""; width: 60px; height: 60px; background: url(../img/img/img34.png) no-repeat center; background-size: 100%; position: absolute; left: 0; right: 0; bottom: 20%; margin: auto; cursor: pointer; z-index: 5; } .wl-contact .network .network-bot .itembox .itop { line-height: 60px; border-top: 1px solid #f5f5f5; font-size: 20px; font-family: Arial; padding: 0 45px; box-sizing: border-box; color: #000000; position: relative; cursor: pointer; } .wl-contact .network .network-bot .itembox .itop:after { position: absolute; content: ""; width: 14px; height: 14px; background: url(../img/img/t0.png) no-repeat center; background-size: 100%; left: 25px; top: 0; bottom: 0; margin: auto; transition: .5s; } .wl-contact .network .network-bot .itembox .ibot { padding: 0 45px; box-sizing: border-box; display: none; } .wl-contact .network .network-bot .itembox .item.active .itop:after { background: url(../img/img/t1.png) no-repeat center; background-size: 100%; transition: .5s; } .wl-contact .network .y-table { line-height: 60px; padding-bottom: 48px; box-sizing: border-box; } .wl-contact .network .y-table .y-thead { background: #f5f5f5; font-size: 18px; color: #000000; padding: 0 10px; padding-left: 30px; box-sizing: border-box; } .wl-contact .network .y-table .y-tbody .tr { padding: 0 10px; padding-left: 30px; box-sizing: border-box; font-size: 16px; color: #666666; border-bottom: 1px solid #f5f5f5; } .wl-contact .network .y-table .th { float: left; width: 240px; padding-right: 2%!important; box-sizing:border-box; } .wl-contact .network .y-table .th2 { width: 310px; } .wl-contact .pagination { text-align: center; margin-bottom: 20px; } .wl-contact .pagination a { display: inline-block; width: 40px; height: 40px; line-height: 40px; font-size: 14px; color: #686868; vertical-align: middle; margin: 0 1px; background: #f7f7f7; transition: .5s; } .wl-contact .pagination a:hover, .wl-contact .pagination a.active { background: #d53d30; color: #fff; transition: .5s; } .wl-contact .wl-banner { font-size: 16px; color: #ffffff; line-height: 30px; } .wl-contact .wl-banner .b-words { width: 640px; height: 350px; position: absolute; top: 0; bottom: 0; left: 280px; margin: auto; } .wl-contact .wl-banner .b-ul .item { float: left; } .wl-contact .wl-banner .b-t0 { font-size: 36px; line-height: 1.1; } .wl-contact .wl-banner .b-t0 span { margin-left: 20px; } .wl-contact .wl-banner .b-t1 { font-size: 60px; line-height: 1.1; margin-top: 40px; margin-bottom: 30px; } .wl-contact .wl-banner .b-t1 span { font-size: 24px; display: inline-block; padding-right: 20px; position: relative; } .wl-contact .wl-banner .b-t1 span:after { content: ""; position: absolute; width: 15px; height: 15px; right: 0; top: 0; bottom: 0; margin: auto; background: url(../img/img/t2.png) no-repeat center; background-size: 100%; } .wl-contact .wl-banner .b-wen { margin-top: 20px; } .wl-contact .wl-banner .b-ul { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 13px 0; font-size: 18px; box-sizing: border-box; } .wl-contact .wl-banner .b-ul .li { padding: 0 10px; box-sizing: border-box; } .wl-contact .wl-banner .b-ul .item { width: 105px; } .wl-contact .wl-banner .b-ul .item.active { width: 60px; float: right; } .wl-contact .wl-banner .b-ul .item.cur { width: 130px; } .wl-contact .relations { box-sizing: border-box; } .wl-contact .relations .relations0-ul { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .wl-contact .relations .relations0-ul .item { display: block; font-size: 16px; color: #666666; line-height: 60px; height: 60px; border-bottom: 1px dashed #cccccc; box-sizing: border-box; transition: .5s; padding-right: 70px; box-sizing: border-box; } .wl-contact .relations .relations0-ul .item:last-child { border-bottom: none; } .wl-contact .relations .relations0-ul .item:hover { color: #cf001c; transition: .5s; } .wl-contact .relations .relations0-ul .item .text0 { width: 80%; overflow: hidden; height: 100%; } .wl-contact .relations .relations0-ul .item .time { max-width: 100px; } .wl-contact .relations .re-section { width: 1105px; float: right; } .wl-contact .relations .re-section .title { text-align: left; } .wl-contact .relations0-map { font-size: 16px; color: #666666; line-height: 36px; } .wl-contact .relations0-map .words { padding: 30px 15px; box-sizing: border-box; } .wl-contact .relations0 { padding-top: 40px; } .wl-contact .relations1 { padding-top: 130px; } .wl-contact .relations2 { padding-top: 130px; } .wl-contact .relations3 { padding-top: 105px; } .wl-contact .relations3 .list { margin-bottom: 40px; } .wl-contact .relations3 .list .item { border-bottom: 2px solid #f3f3f3; } .wl-contact .relations3 .list .item-top { height: 55px; background: #888888; color: #ffffff; padding: 0 25px; padding-left: 30px; box-sizing: border-box; line-height: 55px; } .wl-contact .relations3 .list .item-top .fl, .wl-contact .relations3 .list .item-top .fr { max-width: 48%; overflow: hidden; height: 100%; } .wl-contact .relations3 .list .item-bot { background: #f6f6f6; padding: 25px 20px; padding-left: 30px; box-sizing: border-box; font-size: 14px; line-height: 25px; } .wl-contact .relations3 .list .list-bot { font-size: 16px; color: #d53d30; line-height: 1.8; padding: 10px 20px; padding-left: 30px; box-sizing: border-box; } .wl-contact .relations0-input input, .wl-contact .relations0-input textarea { border: none; background: none; outline: none; } .wl-contact .relations0-input .span { line-height: 1; color: #000000; font-size: 16px; padding-bottom: 20px; box-sizing: border-box; margin-top: 30px; } .wl-contact .relations0-input textarea { width: 100%; height: 216px; background: #f6f6f6; resize: none; } .wl-contact .relations0-input .chakan { margin-top: 65px; } .wl-contact .relations0-input .chakan .fl { display: inline-block; font-size: 16px; color: #000000; padding-right: 25px; height: 44px; line-height: 44px; position: relative; } .wl-contact .relations0-input .chakan .fl:after { position: absolute; content: ""; width: 15px; height: 9px; background: url(../img/img/t3.png) no-repeat center; background-size: 100%; right: 0; top: 0; bottom: 0; margin: auto; } .wl-contact .relations0-input .chakan input { width: 198px; height: 44px; background: #d53d30; font-size: 16px; color: #ffffff; transition: .5s; } .wl-contact .relations0-input .chakan input:hover { opacity: .6; transition: .5s; } .wl-contact .relations0-input .input { float: left; width: 345px; margin-left: 35px; } .wl-contact .relations0-input .input:nth-child(1) { margin-left: 0; } .wl-contact .relations0-input .input input { width: 100%; height: 35px; background: #f6f6f6; } .wl-contact .relations .relations0-ul .item .time { overflow: hidden; } .flex-left-box { position: absolute; width: 190px; left: 230px; top: 140px; padding: 15px 0; border-left: 1px solid #e5e5e5; box-sizing: border-box; z-index: 5; } .flex-left-box.fixed { position: fixed; } .flex-left-box .bar { position: absolute; width: 3px; height: 40px; background: #cf001c; left: -2px; top: 15px; } .flex-left-box a { display: block; font-size: 14px; color: #666666; line-height: 40px; margin-top: 25px; padding-left: 20px; box-sizing: border-box; } .flex-left-box a:hover, .flex-left-box a.active { color: #003680; } .flex-left-box a:nth-child(1) { margin-top: 0; } .compliance { position: relative; } .wl-contact .network .y-table .tr .th { line-height: 1.5; padding: 18px 0; word-wrap: break-word; } .wl-contact .network .y-table .y-thead .th { line-height: 1.5; padding: 18px 0; } @media screen and (max-width: 1800px) { .flex-left-box { left: 2.3rem; } } @media screen and (max-width: 1600px) { .wl-contact .w1465 { width: 90%; } .flex-left-box { left: 1.5rem; } .wl-contact .compliance .compliance-box { padding: 80px 10%; } .wl-contact .compliance .title { font-size: 40px; } .wl-contact .compliance { padding-bottom: 120px; } /*.wl-contact .network .network-top .item .images { height: auto; }*/ /*.wl-contact .network .network-top .item { width: 32%; margin-left: 2%; }*/ .wl-contact .network .network-top .item .words .right { width: calc(100% - 72px); } /*.wl-contact .network .network-top .item .words { height: 300px; }*/ .wl-contact .network .y-table .th { width: 19%; } .wl-contact .network .y-table .th2 { width: 23%; } .wl-contact .relations0-input .input { width: 32%; margin-left: 2%; } .wl-contact .wl-banner .b-words { left: 2.8rem; } } @media screen and (max-width: 1480px) { .wl-contact .compliance { line-height: 28px; font-size: 15px; } .wl-contact .relations0-input .span { margin-top: 20px; } .wl-contact .compliance .compliance-box { padding: 60px 8%; } .wl-contact .compliance .title { font-size: 34px; } .wl-contact .compliance .compliance-box .span { font-size: 15px; } .wl-contact .compliance { padding-bottom: 100px; } .wl-contact .network .y-table .y-tbody .tr { font-size: 14px; } .wl-contact .network .y-table .y-thead { font-size: 16px; } .wl-contact .network .network-top .item .tit { font-size: 20px; } .wl-contact .network .network-bot .tit { font-size: 20px; } .wl-contact .network .network-top .item .words { font-size: 14px; height: 270px; padding: 25px 20px; } .wl-contact .network .network-top .item .words .right { width: calc(100% - 62px); } .wl-contact .network .network-top .item .words .left { width: 60px; } .wl-contact .w1465 { width: 95%; } /*.wl-contact .network .network-top .item { width: 33%; margin-left: 0.3333333333%; }*/ .flex-left-box { left: 1rem; } .flex-left-box a { margin-top: 15px; line-height: 34px; } .wl-contact .relations .re-section { width: 75%; } .wl-contact .relations .relations0-ul .item { font-size: 15px; line-height: 45px; height: 45px; } .wl-contact .relations1 { padding-top: 100px; } .wl-contact .relations2 { padding-top: 100px; } .wl-contact .relations0 { padding-top: 20px; } .wl-contact .relations3 { padding-top: 70px; } .wl-contact .wl-banner .b-t0 { font-size: 28px; } .wl-contact .wl-banner .b-words { height: 255px; } .wl-contact .wl-banner .b-t1 { font-size: 40px; margin-top: 25px; margin-bottom: 20px; } .wl-contact .wl-banner .b-t1 span { font-size: 20px; } .wl-contact .wl-banner .b-ul { font-size: 15px; padding: 8px 0; } .wl-contact .wl-banner { font-size: 14px; line-height: 24px; } } @media screen and (max-width: 1023px) { .wl-contact .compliance { line-height: 24px; font-size: 14px; } .wl-contact .textmore { margin-top:30px; } .wl-contact .compliance .compliance-box .span { font-size: 14px; } .wl-contact .compliance .title { font-size: 24px; margin-bottom: 25px; } .wl-contact .compliance { padding-bottom: 70px; margin-top: 40px; } .wl-contact .network .network-bot .itembox .ibot .content { width: 1200px; } .wl-contact .network .network-top .item { width: 100%; margin-left: 0; margin-bottom: 20px; } .wl-contact .network .network-top .item img { width: 100%; } .wl-contact .relations .re-section { width: 100%; float: none; } .flex-left-box { display: none; } .wl-contact .network .y-table { padding-bottom: 20px; } /*.wl-contact .network .network-top .item .words { height: auto; } */ .wl-contact .mCSB_scrollTools .mCSB_draggerContainer { display: block; } .wl-contact .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 20px; } .wl-contact .wl-banner .b-words { left: 20px; } .wl-contact .pagination a { width: 30px; height: 30px; line-height: 30px; } .wl-contact .relations3 .list .list-bot { font-size: 14px; line-height: 24px; } } @media screen and (max-width: 900px){ .biaotou .images, .biaotou .words { width: 96%; margin: 0 auto; float: none; display: block; } } @media screen and (min-width: 768px){ .wl-contact .network .network-top .item .images{ height:auto; min-height:215px; } .wl-contact .network .network-top .item{ position:relative; } .wl-contact .network .network-top .item .words{ position:absolute; right:0; top:0; height:100%!important; } } @media screen and (max-width: 768px) { .wl-contact .network .network-top .item .words, .wl-contact .network .network-top .item .images{ width:100%; height:auto; } .wl-contact .compliance .compliance-box { padding: 40px 5%; } .wl-contact .compliance .title { font-size: 18px; } .wl-contact .compliance { line-height: 1.5; } .wl-contact .compliance .compliance-box .li { margin-bottom: 10px; } .wl-contact .compliance { padding-bottom: 50px; } .wl-contact .network .network-bot .tit { font-size: 16px; line-height: 40px; } .wl-contact .network .network-bot .itembox .itop { line-height: 40px; font-size: 18px; padding: 0 25px; } .wl-contact .network .network-bot .itembox .itop:after { left: 0; } .wl-contact .network .y-table .y-thead .th { padding: 8px 0; } .wl-contact .network .y-table .y-thead { font-size: 15px; } .wl-contact .network .network-bot .itembox .ibot { padding: 0 25px; } .wl-contact .network .y-table .tr .th { padding: 10px 0; } .wl-contact .network .y-table .y-tbody .tr { padding: 0 8px; } .wl-contact .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #cf001c; } .wl-contact .network .network-top .item .tit { font-size: 16px; } .wl-contact .network .network-bot .itembox .ibot .content { width: 900px; } .wl-contact .relations0-input .span { padding-bottom: 10px; font-size: 14px; } .wl-contact .relations0-input .chakan { margin-top: 25px; } .wl-contact .relations1 { padding-top: 50px; } .wl-contact .relations2 { padding-top: 50px; } .wl-contact .relations3 { padding-top: 50px; } .wl-contact .relations3 { padding-top: 30px; } } @media screen and (max-width: 750px) { .wl-contact .relations .relations0-ul .item { font-size: 13px; line-height: 40px; height: 40px; padding-right: 0; } .wl-contact .relations .relations0-ul .item .text0 { width: 70%; } .wl-contact .relations .relations0-ul .item .time { max-width: 25%; } .wl-contact .relations0-map { line-height: 24px; font-size: 14px; } .wl-contact .relations3 .list .item-top { line-height: 40px; height: 40px; } .wl-contact .relations3 .list .item-top { padding: 0 15px; } .wl-contact .relations3 .list .item-bot { padding: 10px 15px; } .wl-contact .relations0-input .input { width: 100%; margin-left: 0; } .wl-contact .relations0-input .chakan input { width: 160px; } .wl-contact .relations .relations0-ul .item .time { font-size: 12px; } .wl-contact .compliance .title { margin-bottom: 15px; } .wl-contact .relations3 .list .list-bot { padding: 10px 15px; } .wl-contact .relations0-map .words { padding: 10px 15px; } .wl-contact .relations0 { padding-top: 0; } .wl-contact .wl-banner .b-t0 { font-size: .28rem; } .wl-contact .wl-banner .b-t0 span { margin-left: .2rem; } .wl-contact .wl-banner .b-t1 { font-size: .4rem; margin-top: .25rem; margin-bottom: .2rem; } .wl-contact .wl-banner .b-words { width: 90%; left: 0; right: 0; margin: auto; } .wl-contact .wl-banner .b-ul .item { width: 1rem; } .wl-contact .wl-banner .b-ul .item.active { width: .6rem; } .wl-contact .wl-banner .b-ul .item.cur { width: 1.3rem; } .wl-contact .wl-banner .b-ul { font-size: .2rem; } .wl-contact .wl-banner { font-size: .2rem; line-height: 1.2; } .wl-contact .wl-banner .b-wen { margin-top: .2rem; } .wl-contact .wl-banner .b-words { height: 2.6rem; } .wl-contact .wl-banner .b-ul .li { padding: 0 .1rem; } } /*# sourceMappingURL=wl.css.map */