锘緻font-face{font-family:"Oswald";src:url("../fonts/Oswald-Book.ttf") format("opentype");font-style:normal;font-weight:400;} @font-face{font-family:"AgencyFB";src:url("../fonts/AgencyFB-Regular.ttf") format("ttf");font-style:normal;font-weight:400;} /* 瑙嗗睆 */ #publicity-video{width:100%;height:100%;position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;} #publicity-video video{display:block;} .msg-box-bg{width:100%;height:100%;position:fixed;left:0;top:0;display:none;z-index:1001;background-color:rgba(0,0,0,0.8);} .msg-box{width:60%;height:70%;background:rgba(0,0,0,0.8);position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);box-shadow:0 5px 15px rgba(0,0,0,0.3);} .msg-box .close-box{width:34px;height:34px;background:url("../images/about/abo06_icon04.png") no-repeat center;cursor:pointer;position:absolute;right:20px;top:20px;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;} .msg-box .close-box:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .abo_video{cursor:pointer;overflow:hidden;position:relative;} .abo_video::before{content:'';width:34px;height:34px;background-image:url(../images/about/btn-close-modal.png);background-size:contain;background-repeat:no-repeat;position:absolute;left:32px;bottom:26px;transition:all .5s;} .abo_video:hover::before{transform:translateY(-10px);} img{vertical-align:middle;} .hl_flex{display:flex;} .hclearfix::after{display:block;content:'';clear:both;} .basebox{overflow:hidden;} .basebox img{transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;} .basebox:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} /* 鍏徃姒傚喌 */ .abo_main{background:#0c0c0c;} .abo_main .abo01{text-align:center;width:100%;} .abo01 .abo_content{text-align:center;width:100%;max-width:1100px;margin:0 auto;padding-top:7.3%;} .abo01 .abo_content .title{font-size:36px;line-height:30px;color:#fff;} .abo01 .abo_content .desc{font-size:12px;line-height:12px;color:rgba(255,255,255,0.4);display:inline-block;letter-spacing:5px;background-color:rgb(34,34,34);margin-top:15px;font-family:"Oswald";} .abo01 .abo_content .fdesc{text-align:left;font-size:18px;color:#ffffff;line-height:36px;margin-top:5.5%;} .abo01 .abo_content .fdesc p{text-indent:36px;} .abo01 .abo_content .fdesc p:not(:first-child){margin-top:4%;} .abo02{background-color:#000;} .abo02 ul{height:190px;padding:7.6% 0;} .abo02 ul li{width:16.66%;position:relative;z-index:0;cursor:pointer;} .abo02 ul li:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background-repeat:no-repeat;background-position:right bottom;-webkit-transition:.5s;transition:.5s;opacity:0.6;} .abo02 ul li:hover:after{opacity:1;} .abo02 ul li:nth-child(1):after{background-image:url(../images/about/h_icon01.png);} .abo02 ul li:nth-child(2):after{background-image:url(../images/about/h_icon02.png);} .abo02 ul li:nth-child(3):after{background-image:url(../images/about/h_icon03.png);} .abo02 ul li:nth-child(4):after{background-image:url(../images/about/h_icon04.png);} .abo02 ul li:nth-child(5):after{background-image:url(../images/about/h_icon05.png);} .abo02 ul li:nth-child(6):after{background-image:url(../images/about/h_icon06.png);} .abo02 ul li:nth-of-type(1) .text{left:5%;} .abo02 ul li:nth-of-type(4) .text{left:5%;} .abo02 ul li:nth-of-type(5) .text{left:5%;} .abo02 .text{position:absolute;left:10%;top:0;} .abo02 .text p{font-family:"AgencyFB";line-height:60px;font-size:60px;color:#ca9830;position:relative;display:inline-block;background-image:linear-gradient(to bottom right,#e5c26c,#cb9932);color:transparent;-webkit-background-clip:text;} .abo02 .text p i{font-style:normal;} .abo02 .text p i:first-child{font-size:30px;color:#ca9830;position:absolute;right:-24px;top:-21px;font-family:"Arial";} .abo02 .text p i:last-child{font-size:16px;color:#fff;position:absolute;right:-24px;bottom:-15px;} .abo02 .text span{display:block;margin-top:10px;font-size:16px;line-height:30px;color:#ffffff;text-align:center;} .abo03{background-color:#000; padding-bottom: 50px;} .abo03 .inner{position:relative;} .abo03 ul{padding:0 0 7.6%;flex-wrap:wrap;justify-content:space-between;} .abo03 ul li{width:45%;display:flex;justify-content:space-between;align-items:center;margin-top:2%;background-color:#151515;border:1px solid #392f1b;padding:2%;-webkit-transition:.5s;transition:.5s;} .abo03 ul li:nth-of-type(2n){text-align:right;flex-direction:row-reverse;} .abo03 ul li:nth-child(1):hover{-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px);} .abo03 ul li:nth-child(2):hover{-webkit-transform:translate(20px,-20px);transform:translate(20px,-20px);} .abo03 ul li:nth-child(3):hover{-webkit-transform:translate(-20px,20px);transform:translate(-20px,20px);} .abo03 ul li:nth-child(4):hover{-webkit-transform:translate(20px,20px);transform:translate(20px,20px);} .abo03 ul li .imgbox{width:21%;} .abo03 ul li .text{padding:0 4.3%;flex:1;} .abo03 ul li .text p{display:inline-block;font-size:24px;line-height:30px;background:linear-gradient(to right,#e6c36d,#ca9830);color:transparent;-webkit-background-clip:text;} .abo03 ul li .text span{color:#fff;font-size:20px;line-height:30px;margin-top:20px;display:block;} .abo03 .box{width:78%;height:78%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;background-color:#000;border:3px solid #261d09;background-image:radial-gradient(transparent,#211e16 80%);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;text-align:center;line-height:210px;z-index:2;} .abo03 .center_img{display:block;width:210px;height:210px;left:-1%;top:-18%;right:0;bottom:0;margin:auto;background-color:#000000;z-index:1;border:3px solid #261d09;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:absolute;} .abo03 .center_img img{position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;max-width:100px;} .abo04 .content{position:relative;} .abo04 .top{position:absolute;left:50%; top: -7%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);} .abo04 .top .title{font-size:36px;line-height:30px;color:#fff;text-align:center;} .abo04 .top .desc{font-size:12px;line-height:12px;color:rgba(255,255,255,0.4);display:inline-block;letter-spacing:5px;background-color:rgb(34,34,34);margin-top:15px;font-family:"Oswald";} .abo04 .item img{width:100%;} .abo04 ul li{position:absolute;cursor:pointer;} .abo04 ul li p{font-size:36px;color:#e3e3e3;} .abo04 ul li.cur p{font-size:36px;color:#e7b323;} .abo04 ul li.cur span{font-size:18px;color:#fff;} .abo04 ul li span{font-size:18px;color:#bbbbbb;margin-top:10px;} .abo04 ul li::before{display:block;content:'';background-image:url(../images/about/h_icon07.png);background-repeat:no-repeat;width:20px;height:20px;position:absolute;background-position:center;} .abo04 ul li.cur::before{background-image:url(../images/about/h_icon08.png);} .abo_main .abo04 ul li:nth-of-type(1){left:12%;top:61%;} .abo_main .abo04 ul li:nth-of-type(1)::before{right:-39%;top:126%;} .abo_main .abo04 ul li:nth-of-type(2){left:25%;top:63%;} .abo_main .abo04 ul li:nth-of-type(2)::before{left:-39%;top:-36%;} .abo_main .abo04 ul li:nth-of-type(3){left:25%;top:43.5%;} .abo_main .abo04 ul li:nth-of-type(3)::before{right:-39%;bottom:-36%;} .abo_main .abo04 ul li:nth-of-type(4){left:40.5%;top:48%;} .abo_main .abo04 ul li:nth-of-type(4)::before{left:-39%;top:-31%;} .abo_main .abo04 ul li:nth-of-type(5){left:39%;top:33.5%;} .abo_main .abo04 ul li:nth-of-type(5)::before{right:-39%;bottom:-36%;} .abo_main .abo04 ul li:nth-of-type(6){left:52%;top:47.5%;} .abo_main .abo04 ul li:nth-of-type(6)::before{left:-20%;top:-58%;} .abo_main .abo04 ul li:nth-of-type(7){left:52%;top:33.5%;} .abo_main .abo04 ul li:nth-of-type(7)::before{right:-19%;bottom:-36%;} .abo_main .abo04 ul li:nth-of-type(8){left:65%;top:43%;} .abo_main .abo04 ul li:nth-of-type(8)::before{left:-20%;top:-58%;} .abo_main .abo04 ul li:nth-of-type(9){left:61%;top:23%;} .abo_main .abo04 ul li:nth-of-type(9)::before{right:-19%;bottom:-36%;} .abo_main .abo04 ul li:nth-of-type(10){left:78%;top:25.5%;} .abo_main .abo04 ul li:nth-of-type(10)::before{left:-20%;top:-58%;} .abo_main .abo04 ul li:nth-of-type(11){left:74%;top:7.5%;} .abo_main .abo04 ul li:nth-of-type(11)::before{right:-19%;bottom:-36%;} /* .abo_main .abo04 ul li:hover p{font-size:36px;color:#e7b323;} .abo_main .abo04 ul li:hover span{font-size:18px;color:#fff;} .abo_main .abo04 ul li:hover::before{background-image:url(../images/about/h_icon08.png);} */ /* 鍏充簬鎴戜滑鈥斺€旀妧鏈洟闃 */ .abo01_main{padding:6.5% 0 5.5%;background:#f5f5f5 url(../images/bg_body.png) no-repeat center top;} .abo01_main .abo01_01 .title{text-align:center;justify-content:center;margin-bottom:2%;} .abo01_main .abo01_01 .title p{font-size:36px;color:#000;line-height:30px;margin-left:1%;} .abo01_main .abo01_01 .swiper-wrapper{padding:2% 1% 4%;} .abo01_main .abo01_01 .swiper-slide{box-shadow:0px 0px 20px #e8e8e8;padding:2% 0;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;} .abo01_main .abo01_01 .imgbox{border-bottom:1px solid rgba(0,0,0,0.1);align-items:center;padding:0 7% 7%;} .abo01_main .abo01_01 .imgbox .right{margin-left:20px;} .abo01_main .abo01_01 .imgbox .right p{font-size:18px;line-height:24px;} .abo01_main .abo01_01 .imgbox .right span{font-size:16px;line-height:24px;color:#666666;} .abo01_main .abo01_01 .text{padding:7%;} .abo01_main .abo01_01 .btn{margin-left:7%;color:#e7b323;border-radius:14.5px;-webkit-border-radius:14.5px;-moz-border-radius:14.5px;-ms-border-radius:14.5px;-o-border-radius:14.5px;font-size:12px;display:inline-block;height:30px;line-height:30px;padding:0 10% 0 5%;position:relative;text-transform:uppercase;} .abo01_main .abo01_01 .btn::before{content:'';display:block;position:absolute;top:41%;border-top:1px solid #e7b323;border-right:1px solid #e7b323;transform:rotate(45deg);right:18px;width:6px;height:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .abo01_main .abo01_01 .text h3{font-size:18px;line-height:24px;color:#000000;font-weight:normal;} .abo01_main .abo01_01 .text .intro{font-size:16px;line-height:24px;color:#666666;display:-webkit-box;margin-top:4%;height:72px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;} .abo01_main .abo01_01 .swiper-slide:hover{background-color:#333333;box-shadow:unset;} .abo01_main .abo01_01 .swiper-slide:hover .imgbox .right p{color:#fff;} .abo01_main .abo01_01 .swiper-slide:hover .text h3{color:#fff;} .abo01_main .abo01_01 .swiper-slide:hover .btn{background-image:linear-gradient(to right,#f4c43e,#e0a613);color:#fff;} .abo01_main .abo01_01 .swiper-slide:hover .btn::before{border-top:1px solid #fff;border-right:1px solid #fff;} .abo01_main .abo01_01 .content{position:relative;padding-bottom:2%;} .abo01_main .abo01_01 .content::before{width:81%;left:6%;right:20%;height:2px;content:'';display:block;background-color:#dddddd;bottom:9%;position:absolute;} .baseswiper .list_btn{position:absolute;right:0;bottom:0;display:flex;z-index:3;} .baseswiper .prev{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);position:relative;width:40px;height:40px;} .baseswiper .prev::before{content:'';display:block;position:absolute;top:41%;border-bottom:1px solid #555555;border-left:1px solid #555555;transform:rotate(45deg);right:18px;width:6px;height:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .baseswiper .next::before{content:'';display:block;position:absolute;top:41%;border-top:1px solid #555555;border-right:1px solid #555555;transform:rotate(45deg);right:18px;width:6px;height:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .baseswiper .next{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);position:relative;width:40px;height:40px;color:#555555;margin-left:10px;} .baseswiper .swiper_btn{cursor:pointer;background-color:#f5f5f5;} .abo05_01.baseswiper .swiper_btn{cursor:pointer;background-color:#fff;} .qiehuan .prev:hover::before{border-bottom:1px solid #fff;border-left:1px solid #fff;} .qiehuan .next:hover::before{border-top:1px solid #fff;border-right:1px solid #fff;} .baseswiper .swiper_btn:hover{background-color:#e7b323;} .abo05_01.baseswiper .prev:hover::before{border-bottom:1px solid #fff;border-left:1px solid #fff;} .abo05_01.baseswiper .next:hover::before{border-top:1px solid #fff;border-right:1px solid #fff;} .baseswiper .swiper-pagination{text-align:left;bottom:0!important;top:unset;left:1%;z-index:2;} .baseswiper .swiper-pagination-bullet{background-color:transparent;border:3px solid #555555;display:inline-block;border-radius:unset;-webkit-border-radius:unset;-moz-border-radius:unset;-ms-border-radius:unset;-o-border-radius:unset;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);opacity:1;margin:0 8px!important;} .baseswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{border:3px solid #e7b323;} .abo01_main .abo01_02{background-repeat:no-repeat;background-size:cover;background-position:10% 10%;} .abo01_main .abo01_02 .inner{position:relative;} .abo01_main .abo01_02 .left{position:absolute;left:0;top:9%;} .abo01_main .abo01_02 .left .title p{font-size:36px;color:#000;line-height:30px;margin-left:1%;} .abo01_main .abo01_02 .left .desc{font-size:16px;line-height:36px;color:#000;margin-top:3%;width:56%;} .abo01_main .abo01_02 .left .desc em{color:#e8ba39;font-style:normal;} .abo01_main .abo01_02 .left .btn a{display:block;width:176px;height:40px;background-image:linear-gradient(to right,#f4bd23,#d59b22);clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);text-align:center;line-height:40px;color:#fff;margin-top:6%;color:#fff;} .abo01_main .abo01_02 .right{float:right;width:79%;} .abo01_main .abo01_02 .right ul{flex-wrap:wrap;justify-content:flex-end;width:100%;margin:0 8px;} .abo01_main .abo01_02 .right ul li:first-child{margin-left:32.33%;} .abo01_main .abo01_02 .right ul li{width:30.33%;padding:0 1%;margin-top:3%;} .abo01_main .abo01_02 .right ul li .imgbox{border:2px solid #e5e5e5;overflow:hidden;} .abo01_main .abo01_02 .right ul li p{text-align:center;margin-top:3%;font-size:18px;line-height:30px;color:#000;} .abo01_main .abo01_03{padding:5% 0;background-image:url(../uploadfiles/about/ab03_01.jpg);background-position:bottom;background-repeat:no-repeat;} .abo01_main .abo01_03 .title p{font-size:36px;color:#000;line-height:30px;margin-left:1%;} .abo01_main .abo01_03 .title{justify-content:center;} .abo01_main .abo01_03 .swiper-slide{width:490px;height:320px;} .abo01_main .abo01_03 .swiper-slide .imgbox{box-shadow:1px 1px 1px 1px #dadadc;background-image:url(../images/about/h_icon11.png);padding:2%;background-size:cover;background-repeat:no-repeat;} .abo01_main .abo01_03 .swiper-slide .imgbox img{width:100%;} .abo01_03.baseswiper .swiper-pagination{text-align:center;} .abo01_03.baseswiper .swiper-container{padding:5% 0;} .abo01_03.baseswiper .list_btn{justify-content:space-between;align-items:center;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);} .abo02_04 table thead{background-image:linear-gradient(to right,#f3c33e,#e0a613);} .abo02_04 table thead tr td{font-size:18px;color:#fff;} .abo02_04 table thead tr td:not(:first-child){text-align:center;width:16%;} .abo02_04 table tbody tr td{font-size:16px;color:#000;} .abo02_04 table tbody tr td:not(:first-child){text-align:center;} #technicalTeam{width:803px;box-shadow:0px 0px 10px rgba(0,0,0,.06);} #technicalTeam.info{background-color:transparent;} #technicalTeam .profile{background:#fff url(../images/about/bg_technical_team.png) no-repeat center top;border-radius:10px;overflow:hidden;padding:65px 60px 60px 80px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:610px;} #technicalTeam .left{float:left;width:100px;text-align:center;} #technicalTeam .avatar{padding-bottom:100%;border-radius:50%;overflow:hidden;position:relative;margin-bottom:22px;} #technicalTeam .avatar img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;} #technicalTeam .title{font-size:18px;color:#000;font-weight:normal;line-height:1.5em;} #technicalTeam .job{font-size:16px;color:#666;line-height:1.75em;} #technicalTeam .right{margin-left:145px;overflow:hidden;padding:25px 0;} #technicalTeam .right .title{margin-bottom:15px;} #technicalTeam .intro{background-color:#fff;border:1px solid #ebebeb;border-radius:5px;padding:33px 35px;font-size:16px;line-height:1.875em;color:#666;} /* cswp璁よ瘉 */ .abo02_main{background-color:#f5f5f5;padding:5% 0;} .abo02_01 .top .title{font-size:36px;line-height:30px;color:#000;} .abo02_01 .top .desc{font-size:12px;line-height:12px;color:rgba(0,0,0,0.2);display:inline-block;letter-spacing:5px;background-color:rgb(234 232 232);margin-top:10px;font-family:"Oswald";} .abo02_01 .top{text-align:center;margin-bottom:3%;} .abo02_01 .content{justify-content:space-between;border-bottom:1px solid #e2e2e2;} .abo02_01 .content .left{width:50%;padding-right:3%;padding-bottom:5%;} .abo02_01 .content .left .imgbox{position:relative;padding-bottom:26px;} .abo02_01 .content .left .imgbox p{font-size:60px;background:linear-gradient(to right,#e6c36d,#ca9830);color:transparent;-webkit-background-clip:text;position:absolute;line-height:60px;left:28px;bottom:0;font-family:"Oswald";} .abo02_01 .content .left span{display:inline-block;margin-top:2%;font-size:16px;color:#000;} .abo02_01 .content .right{width:50%;border-left:1px solid #e2e2e2;padding-left:3%;padding-bottom:5%;} .abo02_01 .content .right .bto_item p{position:relative;background-image:url(../images/about/abo03_icon01.png);background-repeat:no-repeat;padding-left:20px;background-position:top 8px left;display:inline-block;color:#000;} .abo02_01 .content .right .top_title span{margin-left:2%;} .abo02_01 .content .right .t01:first-child{border-bottom:1px solid #e2e2e2;padding-bottom:2%;} .abo02_01 .content .right .bto_item{margin-top:2%;} .abo02_01 .content .right .t01:last-child{margin-top:7%;} .abo02_01 .content .right .t01:last-child p{margin-top:2%;} .abo02_02 .title{justify-content:flex-start;margin-bottom:2%;margin-top:4%;} .abo02_02 .title p{font-size:24px;color:#000;line-height:24px;margin-left:1%;} .abo02_02 table thead{background-image:linear-gradient(to right,#f3c33e,#e0a613);} .abo02_02 table thead tr td{color:#fff;font-size:18px;text-align:center;} .abo02_02 table thead tr td:not(:first-child){text-align:center;width:17.5%;} .abo02_02 table tbody tr td{color:#000;font-size:16px;text-align:center;} .abo02_02 table tbody tr td:not(:first-child){text-align:center;width:17.5%;} .abo02_02 .inner{padding-bottom:5%;border-bottom:1px solid #e2e2e2;} .abo02_03 .title{justify-content:flex-start;margin-bottom:2%;margin-top:4%;} .abo02_03 .title p{font-size:24px;color:#000;line-height:24px;margin-left:1%;} .abo02_03 .content{margin-top:2%;} .abo02_03 .content p{font-size:16px;line-height:30px;color:#000;margin-top:1%;} /* 鍏充簬鎴戜滑鐨勮仈绯绘垜浠 */ .abo03_main{background-color:#080808;padding-bottom:11%;} .abo03_01{padding:5% 0 2%;} .abo03_01 .top{text-align:center;} .abo03_01 .top .title{font-size:36px;line-height:30px;color:#fff;} .abo03_01 .top .desc{font-size:12px;line-height:12px;color:rgba(153,153,153,0.2);display:inline-block;letter-spacing:5px;background-color:rgb(22,22,22);margin-top:10px;padding:0 1.4%;} .abo03_01 .content{padding:9.2% 0;background-repeat:no-repeat;background-position:center left;} .abo03_01 .right{float:right;text-align:center;width:28%;} .abo03_01 .right .item{align-items:center;margin-top:14%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;cursor:pointer;} .abo03_01 .right .item:hover{background:linear-gradient(to right,#cb9931,#f2c14b);padding:5% 0;} .abo03_01 .right .item .imgbox{width:27%;} .abo03_01 .right .item .imgbox img{min-width:44px;min-height:37px;} .abo03_01 .right .item .text{flex:1;text-align:left;} .abo03_01 .right .item .text p{font-size:20px;line-height:36px;color:#fff;} .abo03_01 .right .item .text span{font-size:16px;line-height:28px;color:#fff;} .abo03_01 .right .btn{display:inline-block;width:160px;height:50px;font-size:16px;color:#fff;text-align:center;line-height:50px;background:linear-gradient(to right,#e6c36d,#ca9830);border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;margin-top:20%;} .abo03_01 .left{width:981px;float:left;position:relative;} .abo03_01 .left li{position:absolute;} .abo03_01 .left li:after{content:"";position:absolute;left:0;top:0;height:100%;width:0%;-webkit-animation:widthScale 2s infinite;animation:widthScale 2s infinite;} @-webkit-keyframes widthScale{0%{width:0%;} 100%{width:100%;} } @keyframes widthScale{0%{width:0%;} 100%{width:100%;} } .abo03_01 .left li.line1{width:76px;height:84px;left:34.4%;top:31.5%;} @-webkit-keyframes heightScale{0%{height:0%;} 100%{height:100%;} } @keyframes heightScale{0%{height:0%;} 100%{height:100%;} } .abo03_01 .left li.line1{width:76px;height:84px;left:34.4%;top:31.5%;} .abo03_01 .left li.line2{width:181px;height:103px;top:27.5%;left:16.5%;} .abo03_01 .left li.line3{width:94px;height:171px;top:14%;left:34%;} .abo03_01 .left li.line4{width:80px;height:17px;top:46%;left:26%;} .abo03_01 .left li.line5{width:411px;height:154px;left:34%;top:18%;} .abo03_01 .left li.line6{width:241px;height:72px;left:10%;top:36%;} .abo03_01 .left li.line7{width:53px;height:16px;left:34.5%;top:46%;} .abo03_01 .left li.line8{width:51px;height:85px;left:34.5%;top:49%;} .abo03_01 .left li.line9{width:120px;height:152px;left:22%;top:18%;} .abo03_01 .left li.line10{width:520px;height:217px;left:34.5%;top:33%;} .abo03_01 .left li.line11{width:512px;height:249px;left:34%;top:-2%;} .abo03_01 .left li.line12{width:251px;height:147px;left:9%;top:19%;} .abo03_01 .left li.line1:after{background:url(../images/about/line1.png) no-repeat left bottom;} .abo03_01 .left li.line2:after{background:url(../images/about/line2.png) no-repeat left bottom;left:auto;right:0;background-position:right bottom;} .abo03_01 .left li.line3:after{background:url(../images/about/line3.png) no-repeat left bottom;} .abo03_01 .left li.line4:after{background:url(../images/about/line4.png) no-repeat left bottom;left:auto;right:0;background-position:right bottom;} .abo03_01 .left li.line5:after{background:url(../images/about/line5.png) no-repeat left bottom;} .abo03_01 .left li.line6:after{background:url(../images/about/line6.png) no-repeat left bottom;left:auto;right:0;background-position:right bottom;} .abo03_01 .left li.line7:after{background:url(../images/about/line7.png) no-repeat left bottom;} .abo03_01 .left li.line8:after{background:url(../images/about/line8.png) no-repeat left top;width:100%;-webkit-animation:heightScale 2s infinite;animation:heightScale 2s infinite;} .abo03_01 .left li.line9:after{background:url(../images/about/line9.png) no-repeat left bottom;left:auto;right:0;background-position:right bottom;} .abo03_01 .left li.line10:after{background:url(../images/about/line10.png) no-repeat left bottom;} .abo03_01 .left li.line11:after{background:url(../images/about/line11.png) no-repeat left bottom;} .abo03_01 .left li.line12:after{background:url(../images/about/line12.png) no-repeat left bottom;left:auto;right:0;background-position:right bottom;} .abo03_02 .top{text-align:center;} .abo03_02 .top .title{font-size:36px;line-height:30px;color:#fff;} .abo03_02 .top .desc{font-size:12px;line-height:12px;color:rgba(153,153,153,0.2);display:inline-block;letter-spacing:4.5px;background-color:rgb(22,22,22);margin-top:10px;} .abo03_02 .content .title{font-size:22px;line-height:30px;color:#bababa;} .abo03_02 .content .desc{font-size:18px;line-height:32px;color:#e0ab2b;} .abo03_02 .content ul{flex-wrap:wrap;} .abo03_02 .content ul li{width:46%;margin-bottom:2%;padding:6.5% 0 6.5% 2%;position:relative;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden;cursor:pointer;} .abo03_02 .content ul li::before{content:'';display:block;-webkit-clip-path:polygon(100% 0,0% 100%,100% 100%);clip-path:polygon(100% 0,0% 100%,100% 100%);background-color:#ddab3d;position:absolute;right:0;bottom:0;width:30px;height:30px;} .abo03_02 .content ul li::after{content:'';-webkit-clip-path:polygon(0 0,0% 100%,100% 0);clip-path:polygon(0 0,0% 100%,100% 0);background-color:#ddab3d;position:absolute;left:-30px;top:0;width:30px;height:30px;z-index:2;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;} .abo03_02 .content ul li:nth-child(2n){margin-left:2%;} .abo03_02 .content ul li:hover .text{top:0;} .abo03_02 .content ul li:hover::after{display:block;left:0;} .abo03_02 .content ul li .text{position:absolute;left:0;top:100%;right:0;bottom:0;background-color:#323232;display:flex;justify-content:center;flex-direction:column;padding-left:5%;width:95%;height:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;} .abo03_02 .content ul li .text p{font-size:22px;line-height:30px;color:#fff;margin-bottom:4%;} .abo03_02 .content ul li .text span{font-size:16px;line-height:32px;color:#fff;background-repeat:no-repeat;background-position:center left;padding-left:25px;} .abo03_02 .content ul li .text span.s01{background-image:url(../images/about/abo04_icon03.png);} .abo03_02 .content ul li .text span.s02{background-image:url(../images/about/abo04_icon04.png);} .abo03_02 .content ul li .text span.s03{background-image:url(../images/about/abo04_icon05.png);} .abo03_02 .content{margin-top:3%;} /* 鍔犲叆ict */ .abo04_main{background-color:#e3e3e3;padding:5% 0;} .abo04_01 .top{text-align:center;} .abo04_01 .top .title{font-size:36px;line-height:30px;color:#000;} .abo04_01 .top .desc{font-size:12px;line-height:12px;color:rgba(153,153,153,0.2);display:inline-block;letter-spacing:5px;background-color:rgb(229,229,229);margin-top:10px;padding:0 1.4%;} .abo04_01 .search{width:100%;max-width:555px;height:50px;line-height:50px;margin:0 auto;position:relative;padding:1% 0;} .abo04_01 .search .left{width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-clip-path:polygon(1% 0%,100% 0%,99% 100%,0% 100%);clip-path:polygon(1% 0%,100% 0%,99% 100%,0% 100%);background-color:#fff;box-shadow:2px 16px 2px #2f2f2f;background-image:url(../images/about/abo05_icon01.png);background-repeat:no-repeat;background-position:center left 20px;} .abo04_01 .search .left input{width:76%;height:100%;display:block;margin-left:10%;color:#bbbbbb;} .abo04_01 .search .left input::-webkit-input-placeholder{/* WebKit browsers */ color:#bbbbbb;font-size:16px;} .abo04_01 .search .left input::-moz-placeholder{/* Mozilla Firefox 19+ */ color:#bbbbbb;font-size:16px;} .abo04_01 .search .left input:-ms-input-placeholder{/* Internet Explorer 10+ */ color:#bbbbbb;font-size:16px;} .abo04_01 .search .btn{width:14%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-clip-path:polygon(7% 0%,100% 0%,93% 100%,0% 100%);clip-path:polygon(7% 0%,100% 0%,93% 100%,0% 100%);background-image:-webkit-linear-gradient(to right,#e7b323,#b58612);background-image:linear-gradient(to right,#e7b323,#b58612);text-align:center;position:absolute;right:0;top:50%;bottom:0;height:50px;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);color:#fff;font-size:18px;} .abo04_02 .top{padding:3% 0 2%;position:relative;} .abo04_02 .top ul{justify-content:center;} .abo04_02 .top ul li{margin:0 1%;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;background-repeat:no-repeat;background-position:center left 10px;overflow:hidden;width:120px;height:40px;line-height:40px;} .abo04_02 .top ul li a{display:block;width:100%;height:100%;text-align:center;color:#555555;} .abo04_02 .top ul li.cur a{background-image:-webkit-linear-gradient(to right,#e7b323,#b58612);background-image:linear-gradient(to right,#e7b323,#b58612);text-align:center;color:#fff;} .abo04_02 .top ul li.cur{} .abo04_02 .top .right{position:absolute;right:0;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);} .abo04_02 .top ul li:nth-of-type(2){background-image:url(../images/about/abo05_icon02.png);} .abo04_02 .top ul li:nth-of-type(3){background-image:url(../images/about/abo05_icon03.png);} .abo04_02 .top ul li:nth-of-type(4){background-image:url(../images/about/abo05_icon04.png);} .abo04_02 .top .right{position:absolute;right:0;top:57%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:;-ms-transform:;-o-transform:;height:50px;width:140px;box-sizing:border-box;text-align:center;} .abo04_02 .top .right .content{position:relative;width:100%;height:100%;padding:0 5%;box-sizing:border-box;text-align:center;} .abo04_02 .top .right .content::after{background-position:center left;background-image:url(../images/about/abo05_icon05.png);width:20px;height:20px;background-repeat:no-repeat;position:absolute;content:'';display:block;left:15px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);} .abo04_02 .top .right .content::before{display:block;content:'';position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:skew(-10deg);transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;box-shadow:2px 2px 5px #dddddd;padding:0 3%;box-sizing:border-box;} .abo04_02 .top .right select{width:68%;height:100%;font-style:normal;position:absolute;display:block;right:10px;} .abo04_02 .b_content .top_c{background-color:#fff;padding:2%;cursor:pointer;} .abo04_02 .b_content .top_c p{font-size:18px;line-height:24px;color:#000;} .abo04_02 .b_content .top_c span{color:#555555;display:block;} .abo04_02 .b_content .top_c span.desc{margin-top:1%;} .abo04_02 .b_content .bottom{background-color:#f9f9f9;padding:3% 2%;display:none;} .abo04_02 .b_content .b_top{justify-content:space-between;} .abo04_02 .b_content .bottom .item{width:48%;} .abo04_02 .b_content .bottom h1{font-size:16px;line-height:30px;color:#000;} .abo04_02 .b_content .bottom p{font-size:16px;line-height:30px;color:#555;} .abo04_02 .bottom .item_name{margin-top:3%;justify-content:space-between;} .abo04_02 .bottom .item_name p{font-size:16px;line-height:32px;color:#666666;} .abo04_02 .bottom .item_name p span{color:#000;margin-right:20px;} .abo04_02 .bottom .item_name .btn{width:120px;height:40px;background-color:#e7b323;text-align:center;line-height:40px;color:#fff;} .abo04_02 .b_content{padding-bottom:5%;} .abo04_02 .b_content ul li{position:relative;padding-top:2%;} .abo04_02 .b_content ul li.cur .open{display:none;} .abo04_02 .b_content ul li .open{width:96px;height:36px;line-height:36px;padding-left:15px;position:absolute;right:0;bottom:0;background-color:#e8e8e8;background-image:url(../images/about/abo05_icon06.png);background-position:center right 20px;background-repeat:no-repeat;box-sizing:border-box;cursor:pointer;} .abo04_02 .b_content ul{margin-bottom:7%;} .abo04_03{padding:5% 0;} .abo04_03 .top .title{font-size:36px;line-height:30px;color:#000;text-align:center;margin-bottom:2%;} .abo04_03 .content{position:relative;} .abo04_03 .content .swiper-slide{display:flex;justify-content:space-between;} .abo04_03 .content .swiper-slide .imgbox{position:relative;-webkit-transform:skew(-10deg);transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);background-repeat:no-repeat;background-size:cover;overflow:hidden;cursor:pointer;display:block;} .abo04_03 .content .swiper-slide .imgbox:hover p{bottom:0;} .abo04_03 .content .swiper-slide .item{position:relative;} .abo04_03 .content .swiper-slide p{position:absolute;bottom:-80px;right:-1%;left:-3%;width:105%;background-color:#e1a512;font-style:normal;-webkit-transform:skew(10deg);transform:skew(10deg);font-style:normal;-moz-transform:skew(10deg);-ms-transform:skew(10deg);-o-transform:skew(10deg);padding-left:13%;height:80px;color:#fff;font-size:24px;line-height:80px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;} .abo04_03 .content .left .imgbox{height:49%;float:left;width:100%;} .abo04_03 .content .left .imgbox:first-child{margin-left:19%;} .abo04_03 .content .left .imgbox:last-child{margin-left:9.5%;margin-top:2%;} .abo04_03 .content .right .imgbox{height:49%;float:left;width:100%;} .abo04_03 .content .center .imgbox{padding-bottom:66%;} .abo04_03 .content .left{width:24.5%;} .abo04_03 .content .center{width:42.5%;} .abo04_03 .content .right{width:24.5%;} .abo04_03 .content .right .imgbox:first-child{margin-left:-9%;} .abo04_03 .content .right .imgbox:last-child{margin-left:-19.5%;margin-top:2%;} .abo04_03.baseswiper .list_btn{position:absolute;left:-7.5%;right:-7.5%;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:115%;justify-content:space-between;align-items:center;z-index:0;} .abo05_04 .top{text-align:center;} .abo05_04 .top .title{font-size:36px;line-height:30px;color:#000;} .abo05_04 .top .desc{font-size:12px;line-height:12px;color:rgba(153,153,153,0.2);display:inline-block;letter-spacing:5px;background-color:rgb(229,229,229);margin-top:10px;padding:0 1.4%;} .abo05_04 .center{text-align:center;} .abo05_04 .center p{display:inline-block;background-image:url(../images/about/abo05_icon07.png);background-repeat:no-repeat;background-position:center left;padding-left:2%;font-size:18px;color:#666666;} .abo05_04 .center p:first-child{padding-right:2%;} .abo05_04 .center p:last-child{margin-left:2%;} .abo05_04 .content{margin-top:1%;padding-bottom:2%;} .abo05_04 .content li{width:20%;border-bottom:1px solid #e7b323;padding:1% 1% 2.8%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;position:relative;cursor:pointer;float:left;min-height:135px;} .abo05_04 .content li .item{position:relative;z-index:1;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;position:absolute;bottom:18%;width:86%;} .abo05_04 .content li:not(:nth-of-type(4n+1)){margin-left:4%;} .abo05_04 .content li p{font-size:22px;line-height:30px;color:#000;} .abo05_04 .content li .text{justify-content:space-between;margin-top:8%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;} .abo05_04 .content li .text span{font-size:18px;line-height:40px;color:#666666;background-repeat:no-repeat;background-position:center left;padding-left:27px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;} .abo05_04 .content li .text span:nth-of-type(1){background-image:url(../images/about/abo05_icon08.png);} .abo05_04 .content li .text span:nth-of-type(2){background-image:url(../images/about/abo05_icon09.png);margin-left:2%;} .abo05_04 .content li .imgbox{position:absolute;z-index:0;left:0;top:0;bottom:0;right:0;overflow:hidden;display:none;background-repeat:no-repeat;background-size:cover;} .abo05_04 .content li .imgbox::before{content:'';display:block;position:absolute;left:0;top:0;bottom:0;right:0;width:100%;height:100%;background-image:linear-gradient(to bottom right,#000,transparent);} .abo05_04 .content li:hover p{color:#e7b323;} .abo05_04 .content li:hover span{color:#fff;} .abo05_04 .content li:hover .text{flex-direction:column;} .abo05_04 .content li:hover .imgbox{display:block;} .abo05_04 .content li:hover .item{margin-left:6%;} /* ict_娲诲姩 */ .abo05_main{padding:5% 0;background-color:#f5f5f5;} .abo05_main .abo05_01 .content{position:relative;padding-bottom:4%;} .abo05_main .abo05_01 .content::before{position:absolute;content:'';display:block;width:100%;height:20px;background-image:url(../images/about/abo06_icon01.png);background-repeat:no-repeat;bottom:0;} .abo05_01.baseswiper .list_btn{position:absolute;left:-7.5%;right:-7.5%;top:46%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:115%;justify-content:space-between;align-items:center;z-index:0;} .abo05_01 p{font-size:18px;line-height:24px;color:#000;margin-top:6%;} .abo05_01 .swiper-slide.ontime{position:relative;} .abo05_01 .imgbox {padding-bottom:45.334%; position:relative;} .abo05_01 .imgbox img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;} .abo05_01 span{position:absolute;left:26px;top:29px;width:100px;height:36px;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;text-align:center;line-height:36px;color:#fff;} .abo05_02{margin-top:2%;} .abo05_02 .top{text-align:left;margin-bottom:2%;position:relative;z-index:1;} .abo05_02 .top .select{display:inline-block;position:relative;width:300px;height:50px;line-height:50px;} .abo05_02 .top .select::before{display:block;content:'';position:absolute;left:3%;top:0;width:94%;height:100%;-webkit-transform:skew(-20deg);transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);-o-transform:skew(-20deg);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;box-shadow:2px 2px 5px #dddddd;box-sizing:border-box;} .abo05_02 .top .select .title{position:relative;padding-left:70px;z-index:1;} .abo05_02 .top .select .title::before{position:absolute;content:'';display:block;background-image:url(../images/about/abo06_icon02.png);left:30px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:20px;height:20px;background-repeat:no-repeat;background-position:center;} .abo05_02 .top .select .title::after{position:absolute;content:'';display:block;background-image:url(../images/about/abo05_icon06.png);right:30px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:20px;height:20px;background-repeat:no-repeat;background-position:center;} .abo05_02 .top .select ul{line-height:40px;box-shadow:0 1px 15px #c4c4c4;position:absolute;top:0;width:100%;background-color:#fff;padding-top:50px;display:none;} .abo05_02 .top .select ul li:last-child{border-bottom:1px solid #eeeeee;} .abo05_02 .top .select ul li{border-top:1px solid #eeeeee;line-height:40px;padding:0 20px;} .abo05_02 .top .select ul li a{font-size:16px;color:#555;display:block;width:100%;padding-left:30px;box-sizing:border-box;} .abo05_02 .top .select ul li:hover{background-color:#f5bc24;} .abo05_02 .top .select ul li:hover a{color:#fff;} .abo05_02 .content ul{flex-wrap:wrap;margin-bottom:5%;} .abo05_02 .content li{display:flex;width:48.5%;box-shadow:1px 1px 5px #e5e5e5;margin-bottom:3%;cursor:pointer;} .abo05_02 .content li:not(:nth-child(2n+1)){margin-left:3%;} .abo05_02 .content li .left{width:50%;position:relative;} .abo05_02 .content li .right{width:50%;background-color:#fff;display:flex;justify-content:center;flex-direction:column;position:relative;padding-left:5%;} .abo05_02 .content li .right .item01{font-size:16px;color:#666666;line-height:24px;} .abo05_02 .content li .right .item02{font-size:16px;color:#000000;line-height:24px;margin:3% 0;} .abo05_02 .content li .right .item03{font-size:16px;color:#666666;line-height:24px;} .abo05_02 .content li .right .item04{font-size:16px;color:#666666;line-height:24px;margin-bottom:15%;} .abo05_02 .content li .right .btn{color:#e7b323;font-size:16px;line-height:24px;position:relative;display:inline-block;position:absolute;bottom:10px;width:110px;height:30px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;line-height:30px;padding-left:16px;box-sizing:border-box;} .abo05_02 .content li .right .btn::before{content:'';display:block;position:absolute;top:38%;border-top:1px solid #e7b323;border-right:1px solid #e7b323;transform:rotate(45deg);right:18px;width:6px;height:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .abo05_02 .content li.yugao .left .state{position:absolute;left:20px;top:35px;/* background-color:#e7b323;*/ background-color:#000;width:60px;height:30px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;text-align:center;line-height:30px;color:#fff;background-color:rgb(0,0,0,.5);} .abo05_02 .content li.yugao.huigu .left .state{left:unset;right:20px;} .abo05_02 .content li:hover .right{background-color:#333333;} .abo05_02 .content li:hover .right .btn{background-image:-webkit-linear-gradient(left,#f3c33c,#e1a614);background-image:linear-gradient(90deg,#f3c33c,#e1a614);color:#fff;} .abo05_02 .content li:hover .right .btn::before{border-top:1px solid #fff;border-right:1px solid #fff;} .abo05_02 .content li:hover .right .item02{color:#fff;} .abo05_02 .content li:hover .left img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} .abo05_02 .content li:hover .left .state{background-color:#e7b323;} /* 琛ㄥ崟 */ .abo_form{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:33;display:none;} .abo_form .content{width:100%;height:100%;max-height:92%;max-width:700px;background-color:#fff;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-image:url(../images/about/abo06_icon03.jpg);background-repeat:no-repeat;} .abo_form .content .top .title{font-size:36px;line-height:36px;color:#fff;text-align:center;padding-top:5%;} .abo_form .botom{padding:8% 17% 0;box-sizing:border-box;} .abo_form .botom .item{justify-content:space-between;margin-top:2%;height:42px;align-items:center;} .abo_form .botom .item .box{display:flex;width:79%;justify-content:space-between;height:100%;align-items:center;position:relative;} .abo_form .botom .item .box .btn{width:25%;height:100%;line-height:50px;text-align:center;background-color:#23b8ff;color:#fff;font-style:oblique;font-size:22px;text-transform:uppercase;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;position:absolute;right:0;top:0;} .abo_form .botom .item input{display:block;width:75%;border:1px solid #ebebeb;height:100%;padding-left:20px;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;} .abo_form .botom .item select{display:block;width:79%;border:1px solid #ebebeb;height:100%;padding-left:20px;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;} .abo_form .botom .item textarea{display:block;width:75%;border:1px solid #ebebeb;height:100%;padding-left:20px;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;} .abo_form .botom .item p{font-size:16px;color:#000;width:12%;text-align:right;} .abo_form .botom .item p i{color:#f00;} .abo_form .botom .item.yz input{width:78%;border-bottom-left-radius:5px;border-top-left-radius:5px;border-top-right-radius:unset;border-bottom-right-radius:unset;padding-right:29%;} .abo_form .botom .item.neirong{align-items:unset;height:auto;} .abo_form .botom .item.neirong textarea{height:75px;} .abo_form .botom .item_btn{justify-content:flex-end;height:45px;margin-top:5%;} .abo_form .botom .item_btn input{font-size:20px;color:#fff;width:79%;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#f3c24b,#ca9830);background-image:linear-gradient(90deg,#f3c24b,#ca9830);box-shadow:2px 2px 2px #919191;} .abo_form .close{width:34px;height:34px;background-image:url(../images/about/abo06_icon04.png);position:absolute;right:-30px;top:-30px;cursor:pointer;} /* ict娲诲姩璇︽儏 */ .abo06_main{background-color:#f2f2f2;padding:5% 0;} .abo06_01 .left{width:34%;} .abo06_01 .right{flex:1;padding-left:3%;background-color:#fff;display:flex;justify-content:center;flex-direction:column;} .abo06_01 .right .item01:nth-of-type(2){margin-bottom:2%;} .abo06_01 .right .item01{font-size:30px;line-height:40px;color:#000;} .abo06_01 .right .item03{font-size:16px;line-height:24px;color:#666666;} .abo06_01 .right .btn{width:160px;height:50px;line-height:50px;position:relative;display:inline-block;box-shadow:1px 1px 1px #c6c6c6;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;background-image:-webkit-linear-gradient(left,#f3c24b,#ca9830);background-image:linear-gradient(90deg,#f3c24b,#ca9830);color:#fff;font-size:16px;padding-left:37px;box-sizing:border-box;margin-top:6%;} .abo06_01 .right .btn::before{content:'';display:block;position:absolute;top:41%;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);right:40px;width:6px;height:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .abo06_02{margin-top:4%;} .abo06_02 .title{font-size:36px;line-height:30px;color:#000000;position:relative;padding-bottom:2%;} .abo06_02 .title::before{position:absolute;content:'';display:block;width:100%;height:10px;background-image:url(../images/about/abo06_icon01.png);background-repeat:no-repeat;bottom:0;} .abo06_02 .content{padding:3% 0;border-bottom:1px solid #e2e2ee;} .abo06_02 .content p{text-indent:32px;font-size:16px;line-height:30px;color:#666;} .abo06_03{margin-top:1.5%;} .abo06_03 .content{justify-content:space-between;align-items:center;} .abo06_03 .content .left a{font-size:16px;line-height:30px;color:#000;} .abo06_03 .content .left a span{color:#666;} .abo06_03 .content .right{} .abo06_03 .content .right .tc{width:170px;height:50px;position:relative;display:inline-block;z-index:1;} .abo06_03 .content .right .tc a{display:inline-block;width:100%;height:100%;position:relative;z-index:1;text-align:center;line-height:50px;color:#fff;font-size:18px;} .abo06_03 .content .right .tc::before{display:block;content:'';position:absolute;left:3%;top:0;width:90%;height:100%;-webkit-transform:skew(-20deg);transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);-o-transform:skew(-20deg);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;box-shadow:2px 2px 2px #aaaaaa;box-sizing:border-box;z-index:0;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);} .abo07_main{background-color:#f5f5f5;padding:5% 0;} .abo07_01 .swiper-slide{display:flex;justify-content:space-between;} .abo07_01 .swiper-slide .left{width:48%;} .abo07_01 .swiper-slide .pic {padding-bottom:66.667%;position:relative;} .abo07_01 .swiper-slide .left img {display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;} .abo07_01 .swiper-slide .right{flex:1;padding:2%;background-color:#fff;} .abo07_01 .swiper-slide .time{background-image:url(../images/about/abo07_icon01.png);width:80px;height:80px;position:relative;} .abo07_01 .swiper-slide .time p{position:absolute;right:-20px;bottom:11px;font-size:24px;line-height:30px;color:#e7b323;font-family:"Oswald";} .abo07_01 .swiper-slide .time span{position:absolute;right:-19px;bottom:-15px;font-size:16px;line-height:30px;color:#e7b323;font-family:"Oswald";} .abo07_01 .swiper-slide .title{justify-content:space-between;height:80px;align-items:center;margin-bottom:40px;} .abo07_01 .swiper-slide .desc{position:relative;font-size:16px;line-height:24px;color:#666666;position:relative;} .abo07_01 .swiper-slide .desc::before{display:block;position:absolute;content:'';left:-100px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:90px;height:2px;background-color:#dddddd;} .abo07_01 .swiper-slide .biao{font-size:24px;line-height:36px;display:block;color:#000;} .abo07_01 .swiper-slide .biao_desc{font-size:16px;line-height:30px;color:#666666;text-align:left;margin-top:30px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;} .abo07_01 .swiper-slide .btn{text-align:left;position:relative;font-size:12px;line-height:24px;color:#e7b323;width:50px;margin-top:40px;display:inline-block;} .abo07_01 .swiper-slide .btn::before{content:'';display:block;position:absolute;top:33%;border-top:1px solid #e7b323;border-right:1px solid #e7b323;transform:rotate(45deg);right:0;width:6px;height:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .abo07_01 .swiper-slide .bottom{padding:0 9%;} .abo07_01 .qiehuan{position:absolute;bottom:3%;right:4%;width:42%;box-sizing:border-box;height:40px;display:flex;justify-content:space-between;align-items:center;} .abo07_01 .qiehuan::before{content:'';display:block;position:absolute;width:70%;left:12%;right:15%;height:2px;bottom:50%;background-color:#dddddd;z-index:1;} .abo07_01 .qiehuan .swiper-pagination{position:static;} .abo07_01 .qiehuan .list_btn{position:static;} .abo07_01 .content{position:relative;} .abo07_02 ul{flex-wrap:wrap;margin-bottom:6%;} .abo07_02 ul li{width:29.2%;max-height:560px;cursor:pointer;margin-top:5%;} .abo07_02 ul li:not(:nth-child(3n+1)){margin-left:5.7%;} .abo07_02 ul li .imgbox{position:relative;z-index:2;display:block;} .abo07_02 ul li .imgbox img{min-height:280px;} .abo07_02 ul li .time{position:absolute;right:20%;bottom:-19%;background-image:url(../images/about/abo07_icon01.png);width:80px;height:80px;} .abo07_02 ul li .time p{position:absolute;right:-20px;bottom:11px;font-size:24px;line-height:30px;color:#e7b323;font-family:"Oswald";} .abo07_02 ul li .time span{position:absolute;right:-19px;bottom:-15px;font-size:16px;line-height:30px;color:#e7b323;font-family:"Oswald";} .abo07_02 ul li .text{border-radius:5px;background-color:#fff;box-shadow:0px 0px 5px #e5e5e5;padding:7%;transform:translate(20px,-22%);-webkit-transform:translate(20px,-22%);-moz-transform:translate(20px,-22%);-ms-transform:translate(20px,-22%);-o-transform:translate(20px,-22%);padding-top:27%;z-index:1;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;} .abo07_02 ul li .text .item01{font-size:16px;line-height:24px;color:#666;} .abo07_02 ul li .text .item02{font-size:18px;line-height:24px;color:#000000;margin-top:4%;display:block;} .abo07_02 ul li .text .item03{font-size:16px;line-height:24px;color:#666;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:4%;} .abo07_02 ul li .text .btn{width:75px;height:30px;display:inline-block;border-radius:14px;-webkit-border-radius:14px;-moz-border-radius:14px;-ms-border-radius:14px;-o-border-radius:14px;padding-left:10px;position:relative;color:#e7b323;margin-top:10%;} .abo07_02 ul li .text .btn::before{content:'';display:block;position:absolute;top:35%;border-top:1px solid #e7b323;border-right:1px solid #e7b323;transform:rotate(45deg);right:13px;width:6px;height:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);} .abo07_02 ul li:hover .text .btn{background-image:-webkit-linear-gradient(left,#f4c33e,#e1a715);background-image:linear-gradient(90deg,#f4c33e,#e1a715);color:#fff;} .abo07_02 ul li:hover .text .btn::before{border-top:1px solid #fff;border-right:1px solid #fff;} .abo07_02 ul li:hover .text{background-color:#333333;} .abo07_02 ul li:hover .text .item03{color:rgba(255,255,255,0.5);} .abo07_02 ul li:hover .text .item02{color:rgba(255,255,255,1);} /* 鍏充簬鎴戜滑鏂伴椈璧勮璇︽儏 */ .abo08_main{background-color:#f5f5f5;padding:5% 0;background:#e5e5e5 url(../images/bg_body.png) no-repeat center top;} .abo08_01 .top{position:relative;padding-bottom:2%;} .abo08_01 .top .title{font-size:28px;line-height:25px;color:#000;text-align:center;} .abo08_01 .top .desc{font-size:16px;line-height:30px;color:#666666;text-align:center;margin-top:1%;} .abo08_01 .top .desc span:not(:first-child){margin-left:3%;} .abo08_01 .top::before{position:absolute;content:'';display:block;width:100%;height:10px;background-image:url(../images/about/abo06_icon01.png);background-repeat:no-repeat;bottom:0;} .abo08_02 .inner{position:relative;} .abo08_02 .inner::before{position:absolute;content:'';display:block;width:100%;height:10px;background-image:url(../images/about/abo06_icon01.png);background-repeat:no-repeat;bottom:0;} .abo08_02 .content{text-align:left;padding:3% 3%;position:relative;} .abo08_02 .content p{text-indent:32px;font-size:16px;line-height:30px;color:#666;text-align:left;} .abo08_02 .content h1{font-size:24px;line-height:30px;font-weight:500;} /* 鐢靛瓙鏈堝垔*/ .abo09_main{background:#e5e5e5 url(../images/bg_body.png) no-repeat center top;padding:3% 0 4%;} .abo09_01 ul{flex-wrap:wrap;margin-bottom:5%;} .abo09_01 ul li{overflow:hidden; width:23.5%;margin-top:2%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:1px 1px 10px #e4e4e4;background-color:#fff;position:relative;} .abo09_01 ul li:not(:nth-child(4n+1)){margin-left:2%;} .abo09_01 ul li .text{padding:7% 5% 23% 10%;} .abo09_01 ul li .text a{display:block;font-size:18px;line-height:24px;color:#000;} .abo09_01 ul li .text span{font-size:16px;line-height:24px;color:#e7b323;} .abo09_01 ul li .btn{display:block;position:absolute;right:15px;bottom:15px;width:55px;cursor:pointer;color:#666;} .abo09_01 ul li .btn::before{content:'';display:block;width:17px;height:12px;background-repeat:no-repeat;background-image:url(../images/about/abo09_icon01.png);position:absolute;right:0;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);} .abo09_01 ul li .imgbox{overflow:hidden;} .abo09_01 ul li .imgbox img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;} .abo09_01 ul li:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} /* 瀹㈡埛妗堜緥 */ #nav .parent#nav3{position:relative;} .abo10_main{background-color:#0f0f0f;padding:5% 0;} .abo10_01 .top{text-align:left;margin-bottom:2%;justify-content:space-between;margin-top:2%;} .abo10_01 .top .select{display:inline-block;position:relative;width:25%;height:50px;line-height:50px;} .abo10_01 .top .select::before{display:block;content:'';position:absolute;left:3%;top:0;width:94%;height:100%;-webkit-transform:skew(-20deg);transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);-o-transform:skew(-20deg);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;box-shadow:2px 2px 1px #727272;box-sizing:border-box;} .abo10_01 .top .select .title{position:relative;padding-left:65px;z-index:2;color:#555;box-sizing:border-box;} .abo10_01 .top .select .title::before{position:absolute;content:'';display:block;left:32px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:20px;height:20px;background-repeat:no-repeat;background-position:center;} .abo10_01 .top .select .title::after{position:absolute;content:'';display:block;background-image:url(../images/about/abo05_icon06.png);right:30px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:20px;height:20px;background-repeat:no-repeat;background-position:center;} .abo10_01 .top .select:nth-of-type(1) .title::before{background-image:url(../images/about/abo10_icon01.png);} .abo10_01 .top .select:nth-of-type(2) .title::before{background-image:url(../images/about/abo10_icon02.png);} .abo10_01 .top .select:nth-of-type(3) .title::before{background-image:url(../images/about/abo10_icon03.png);} .abo10_01 .top .select ul{line-height:40px;position:absolute;top:0;width:100%;background-color:#fff;padding-top:50px;display:none;z-index:1;} .abo10_01 .top .select ul li{line-height:40px;padding:0 30px;} .abo10_01 .top .select ul li:hover{background-color:#f5bc24;} .abo10_01 .top .select ul li a{font-size:16px;color:#555;display:block;width:100%;box-sizing:border-box;border-top:1px solid #eeeeee;} .abo10_01 .top .select ul li:hover a{color:#fff;} .abo10_01 .top_c{text-align:center;} .abo10_01 .top_c .title{font-size:36px;line-height:30px;color:#fff;} .abo10_01 .top_c .desc{font-size:12px;line-height:12px;color:rgba(255,255,255,0.4);display:inline-block;letter-spacing:5px;background-color:rgb(34,34,34);margin-top:15px;} .abo10_01 .select_sou .content{display:block;position:relative;padding:0px 0 0 16%;} .abo10_01 .select_sou .content::before{position:absolute;content:'';display:block;background-image:url(../images/about/abo10_icon04.png);left:30px;top:50%;transform:translate(0,-50%);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);width:20px;height:20px;background-repeat:no-repeat;background-position:center;} .abo10_01 .top_t .left{font-size:16px;line-height:30px;color:#555;float:left;width:70%;height:50px;border-bottom:1px solid #333;} .abo10_01 .top_t .right{font-size:16px;line-height:30px;color:#555;float:right;width:24%;display:flex;justify-content:space-between;} .abo10_01 .top_t .right .btn{width:50%;position:relative;height:50px;} .abo10_01 .top_t .right .btn a{color:#fff;position:relative;z-index:1;display:block;width:100%;height:100%;line-height:50px;text-align:center;font-size:18px;} .abo10_01 .top_t .right .btn::before{display:block;content:'';position:absolute;left:3%;top:0;width:90%;height:100%;-webkit-transform:skew(-20deg);transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);-o-transform:skew(-20deg);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;box-shadow:2px 2px 1px #727272;box-sizing:border-box;background-image:-webkit-linear-gradient(left,#f6be23,#d49b22);background-image:linear-gradient(90deg,#f6be23,#d49b22);z-index:0;} .abo10_01 .top_t .right .btn:nth-of-type(2):before{background-image:-webkit-linear-gradient(left,#555555,#333333);background-image:linear-gradient(90deg,#555555,#333333);} .abo10_02{margin-top:2%;} .abo10_02 .inner{overflow:hidden;} .abo10_02 ul{flex-wrap:wrap;margin-bottom:5%;} .abo10_02 ul li{width:23.5%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;position:relative;cursor:pointer;margin-top:2%;overflow:hidden;} .abo10_02 ul li:not(:nth-child(4n+1)){margin-left:2%;} .abo10_02 ul li .imgbox{display:block;overflow:hidden;} .abo10_02 ul li .text p a{font-size:18px;color:#fff;} .abo10_02 ul li .text{background-color:#222222;padding:7% 5% 23% 5%;} .abo10_02 ul li .text span{font-size:16px;color:#999999;line-height:24px;margin-top:5%;display:block;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;} .abo10_02 ul li .btn{width:35px;height:35px;background-color:#edbc48;position:absolute;bottom:20px;left:20px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;display:flex;justify-content:center;align-items:center;} .abo10_02 ul li:hover .imgbox img{opacity:.7;} .abo10_02 ul li:hover .text{background-color:#0c0c0c;} .abo10_02 ul li .imgbox img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;max-height:190px;} .abo10_02 ul li:hover .imgbox img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);} /*caseFilter*/ #caseFilter{width:1450px;margin-bottom:18px;} #caseFilter .item{float:left;width:350px;padding-right:12px;} #caseFilter .skewSelect .industry{background-image:url(../images/icon_industry_02.png);} #caseFilter .selected .all:after {display:none;} /*caseList*/ #caseList{width:1468px;overflow:hidden;margin-left:-14px;margin-bottom:42px;} #caseList .caseItem{float:left;width:367px;} #caseList .caseItem .title{height:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:18px;} #caseList .caseItem .icon{width:35px;} #caseList .caseItem a:hover{background-color:#0c0c0c;} /* 瀹㈡埛妗堜緥璇︽儏 */ .abo11_main{padding:5% 0 0;background:#f3f3f3 url(../images/bg_body.png) no-repeat center top;} .abo11_01 ul{justify-content:space-between;} .banner_anli .intro{display:flex;margin-top:2%;} .banner_anli .intro p{color:#fff;} .banner_anli .intro p:first-child{font-size:24px;} .banner_anli .intro p:last-child{margin-left:1%;} .banner_anli .intro span{display:block;} .banner_anli .intro span:last-child{font-size:12px;} .abo11_01 ul{position:relative;padding-bottom:5%;} .abo11_01 ul li p{font-size:24px;line-height:24px;color:#000;margin-top:40px;margin-bottom:20px;} .abo11_01 ul li span{font-size:16px;line-height:26px;color:#666;} .abo11_01 ul li:nth-of-type(1){width:27%;} .abo11_01 ul li:nth-of-type(2){width:29%;} .abo11_01 ul li:nth-of-type(3){width:42%;} .abo11_01 ul::before{position:absolute;content:'';display:block;width:100%;height:10px;background-image:url(../images/about/abo06_icon01.png);background-repeat:no-repeat;bottom:0;} .abo11_01 .content_text{padding:5% 0;} .abo11_01 .content_text p{text-indent:32px;font-size:16px;line-height:30px;} .abo11_02{border-top:1px solid #e0e0e0;padding:5% 0;} .abo11_02 ul{justify-content:space-between;} .abo11_02 ul li a{display:flex;align-items:center;} .abo11_02 ul li p{margin-left:20px;} .abo11_03{background-position:center;padding:5.5% 0;} .abo11_03 .top{text-align:center;} .abo11_03 .top .title{font-size:36px;line-height:30px;color:#000;} .abo11_03 .top .desc{font-size:12px;line-height:12px;color:rgba(255,255,255,0.4);display:inline-block;letter-spacing:5px;background-color:#d9e0e7;margin-top:15px;} .abo11_03 form{text-align:center;} .abo11_03 form .content{flex-wrap:wrap;width:100%;max-width:870px;margin:0 auto;} .abo11_03 form .item{position:relative;width:25%;height:50px;} .abo11_03 form .item::before{display:block;content:'';position:absolute;left:3%;top:0;width:94%;height:100%;-webkit-transform:skew(-20deg);transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);-o-transform:skew(-20deg);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;box-shadow:2px 2px 5px #dddddd;box-sizing:border-box;} .abo11_03 form .item input{position:relative;z-index:1;height:100%;} .abo11_03 form .item:last-child{width:100%;margin-top:2%;height:80px;} .abo11_03 form .item:last-child::before{-webkit-transform:skew(-10deg);transform:skew(-10deg);-moz-transform:skew(-10deg);-ms-transform:skew(-10deg);-o-transform:skew(-10deg);width:100%;left:0;} .abo11_03 form .item textarea{position:relative;z-index:1;height:100%;width:96%;padding:1% 0;} .abo11_03 form p{font-size:16px;line-height:24px;color:#666;text-align:center;margin:30px 0 20px;} .abo11_03 form span{color:#e7b323;} .abo11_03 form .btn input{position:relative;z-index:1;display:inline-block;font-size:18px;color:#fff;} .abo11_03 form .btn{position:relative;text-align:center;width:170px;height:50px;line-height:50px;margin:0 auto;} .abo11_03 form .btn::before{display:block;content:'';position:absolute;left:3%;top:0;width:94%;height:100%;-webkit-transform:skew(-20deg);transform:skew(-20deg);-moz-transform:skew(-20deg);-ms-transform:skew(-20deg);-o-transform:skew(-20deg);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;background-color:#fff;box-shadow:2px 2px 5px #dddddd;box-sizing:border-box;background-image:-webkit-linear-gradient(left,#f6be24,#d59b23);background-image:linear-gradient(90deg,#f6be24,#d59b23);} @media (max-width:1366px){.abo_form .content{max-height:83%;} } /* 20220419 */ #pagenavi{font-size:0;line-height:normal;text-align:center;} #pagenavi a{display:inline-block;height:44px;min-width:38px;margin:2px 0.41493776%;font-size:16px;line-height:44px;vertical-align:top;padding:0 3px;color:#999;border:1px solid #ddd;background-color:#fff;border-radius:3px;} #pagenavi a:hover{color:#e7b323;border-color:#e7b323;} #pagenavi .a_cur{color:#fff;background-color:#e7b323;background-image:-webkit-linear-gradient(left,#e7b323,#b58612);background-image:linear-gradient(90deg,#e7b323,#b58612);border:none;min-width:40px;height:46px;line-height:46px;} #pagenavi .a_prev,#pagenavi .a_next{width:98px;margin:2px 2.90456432%;}