/*字体 @font-face{ font-family:"Gilroy-Medium"; src: url("/font/Gilroy-Medium.otf") format("opentype"); } @font-face{ font-family:"GILROY-REGULAR"; src: url("/font/GILROY-REGULAR.OTF") format("opentype"); } @font-face{ font-family:"Gilroy-Bold"; src: url("/font/Gilroy-Bold.ttf") format("opentype"); } @font-face{ font-family:"SOURCEHANSANSCN-MEDIUM"; src: url("/font/SOURCEHANSANSCN-MEDIUM.OTF") format("opentype"); } @font-face{ font-family:"SOURCEHANSANSCN-REGULAR"; src: url("/font/SOURCEHANSANSCN-REGULAR.OTF") format("opentype"); } @font-face{ font-family:"SOURCEHANSANSCN-BOLD"; src: url("/font/SOURCEHANSANSCN-BOLD.OTF") format("opentype"); }*/ /*css3*/ @-webkit-keyframes arrowAction{ 0%{ transform:translateY(10px);} 50%{ transform:translateY(0);} 100%{ transform:translateY(10px);} } @keyframes arrowAction{ 0%{ transform:translateY(10px);} 50%{ transform:translateY(0);} 100%{ transform:translateY(10px);} } @-webkit-keyframes warn{ 0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1);} 5%{ opacity:1;} to{ opacity:0; -webkit-transform:scale(3); transform:scale(3);} } @keyframes warn{ 0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1);} 5%{ opacity:1;} to{ opacity:0; -webkit-transform:scale(3); transform:scale(3);} } @-webkit-keyframes warn-2{ 0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1);} 5%{ opacity:.8;} to{ opacity:0; -webkit-transform:scale(7); transform:scale(7);} } @keyframes warn-2{ 0%{ opacity:0; -webkit-transform:scale(.1); transform:scale(.1);} 5%{ opacity:.8;} to{ opacity:0; -webkit-transform:scale(7); transform:scale(7);} } @keyframes turn{ 0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(-180deg);} 100%{-webkit-transform:rotate(-360deg);} } @keyframes turn2{ 0%{-webkit-transform:rotate(0deg);} 50%{-webkit-transform:rotate(180deg);} 100%{-webkit-transform:rotate(360deg);} } /*头部样式*/ #header{ width:100%; top:0; left:0; right:0; z-index:5; margin:auto;} #header .logo{ width:220px; margin-top:16px;} #header .right{} #header .right .nav{ margin-right:130px;} #header .right .nav .slide{ margin-left:80px;} #header .right .nav .slide .txt1{ line-height:1; font-size:16px; color:#fff; position:relative; padding:30px 0;} #header .right .nav .slide .txt1::before{ width:100%; height:2px; display:none; background:#e60012; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #header .right .nav .slide .two{ width:160px; position:absolute; top:100%; left:0; z-index:2;} #header .right .nav .slide .two .slide2{ width:100%; background:#fff; font-size:16px; color:#333; padding:16px;} #header .right .nav .slide .two .slide2:hover{ background:#e60012; color:#fff;} #header .right .nav .slide .thr{ width:100%; background:#fff; border-top:1px solid #f2f2f2; position:fixed; top:76px; left:0; right:0; z-index:5; padding:60px 0; margin:auto;} #header .right .nav .slide .thr .item{ max-width:145px; margin-left:100px;} #header .right .nav .slide .thr .item .title{ line-height:1; font-size:16px;} #header .right .nav .slide .thr .item .title a{ color:#333;} #header .right .nav .slide .thr .item .title a:hover{ color:#e60012;} #header .right .nav .slide .thr .item .ites{ margin-top:40px;} #header .right .nav .slide .thr .item .ites .list{ line-height:1; font-size:14px; margin-top:20px;} #header .right .nav .slide .thr .item .ites .list a{ color:#666;} #header .right .nav .slide .thr .item .ites .list a:hover{ color:#e60012;} #header .right .nav .slide .thr .item .ites .list:first-child{ margin-top:0;} #header .right .nav .slide .thr .item:first-child{ margin-left:0;} #header .right .nav .slide .thr .pro{ width:200px;} #header .right .nav .slide .thr .pro .img{ width:100%;} #header .right .nav .slide .thr .pro .name{ width:100%; line-height:1; font-size:14px; color:#333; margin-top:40px;} #header .right .nav .slide:first-child{ margin-left:0;} #header .right .other{ margin-top:30px;} #header .right .other .slide{ height:18px; line-height:1.2; text-transform:uppercase; font-size:16px; color:#fff; border-left:1px solid #fff; position:relative; padding:0 22px;} #header .right .other .slide.search .icon{ width:17px;} #header .right .other .slide.search .icon svg{width:17px;} #header .right .other .slide.search .icon path{fill:#fff;} #header .right .other .slide.search .form{ position:absolute; top:100%; right:0; z-index:2; padding-top:10px;} #header .right .other .slide.search .form form{ width:220px; height:30px; background:#fff; border:1px solid #333; padding:0 10px;} #header .right .other .slide.search .form form .input{ width:180px; height:100%; font-size:14px;} #header .right .other .slide.search .form form .submit{ width:18px; height:100%; cursor:pointer; background:url(/images/img1.png) no-repeat center; background-size:100% !important;} #header .right .other .slide:first-child{ border-left:none; padding-left:0;} #header .right .other .slide:last-child{ padding-right:0;} #header:hover{ background:#fff;} #header:hover .right .nav .slide .txt1{ color:#000;} #header:hover .right .other .slide{ color:#000; border-color:#eceded;} #header:hover .right .other .slide.search .icon path{fill:#333;} #header.cur{ background:#fff;} #header.cur .right .nav .slide .txt1{ color:#000;} #header.cur .right .other .slide{ color:#000; border-color:#eceded;} #header.cur .right .other .slide.search .icon path{fill:#333;} #header .right .nav .slide:hover .txt1{ color:#e60012;} #header .right .nav .slide:hover .two{ display:block;} #header .right .nav .slide:hover .thr{ display:block;} #header .right .nav .slide.cur .txt1{ color:#e60012;} #header .right .nav .slide.cur .txt1::before{ display:block;} #header.border{ border-bottom:1px solid #f5f5f5;} #header.none{ transform:translate3d(0px,-100%,0);} #header-block{ width:100%; height:76px;} /*手机版导航*/ #phone-nav{ width:100%; text-align:center; background:rgba(255,255,255,.9); top:94px; left:0; right:0; z-index:5; margin:auto;} #phone-nav .slide{ width:100%; color:#333; font-size:26px; border-top:1px solid #333; padding:24px 0;} #phone-nav .slide.cur{ color:#e60012;} /*广告样式*/ #banner{ width:100%; font-size:0; position:relative;} #banner .slide{ width:100%; overflow:hidden; position:relative;} #banner .slide .img{ width:100%; background-size:100% !important;} #banner .slide .video{ width:100%; _object-fit:cover !important;} #banner .contents{ position:absolute; top:50%; left:0; right:0; z-index:2; transform:translate3d(0px,-66%,0);} #banner .contents .title{ line-height:1; font-size:40px; color:#f6dea7; font-weight:bold;} #banner .contents .brief{ line-height:2; font-size:20px; color:#f6dea7; margin:36px 0 72px; text-align: left;} #banner .contents .inside-arrow{ position:relative; left:auto; right:auto;} #banner .swiper-pagination{ width:100%; font-size:0; bottom:15%;} #banner .swiper-pagination span{margin: 0 8px;background:rgba(255,255,255,.9);opacity: 1;width: 6px;height: 6px;} #banner .swiper-pagination span.swiper-pagination-bullet-active{background: #e60012;position: relative;} #banner .swiper-pagination span.swiper-pagination-bullet-active::before{position: absolute;content: "";width: 14px;height: 14px;background: #a3a3a3; opacity:0.9; left: -4px;top: -4px;border-radius: 100%;z-index: -1;} /* #banner.pc .slide .img{ height:950px;} */ #banner.pc .slide .img img{ max-width: 100%;} /* #banner.pc .slide .video{ height:950px;} */ #banner.mobile .slide .img{ height:600px;} #banner.mobile .slide .video{ height:600px;} #banner.auto .slide .img{ height:auto !important;} /*底部样式*/ #footer{ width:100%; background:#1a1a1a;} #footer .one{ padding:60px 0;} /*#footer .one .item{ margin-left:210px;}*/ #footer .one .item{ margin-left:14%;} #footer .one .item .title{ line-height:1; font-size:16px; color:#fff;} #footer .one .item .ites{ margin-top:28px;} #footer .one .item .ites .slide{ line-height:1; margin-top:14px;} #footer .one .item .ites .slide a{ font-size:14px; color:#999;} #footer .one .item .ites .slide a:hover{ color:#e60012;} #footer .one .item:first-child{ margin-left:0;} #footer .two{ border-top:1px solid #3c3c3c; padding:32px 0 60px;} #footer .two .left{ line-height:1.2; margin-top:14px;} #footer .two .left .txt{ font-size:14px; color:#999; margin-top:12px;} #footer .two .left .txt:first-child{ margin-top:0;} #footer .two .right{} #footer .two .right .share{} #footer .two .right .share .slide{ width:28px; cursor:pointer; _overflow:hidden; border-radius:50%; position:relative; margin-left:16px;} #footer .two .right .share .slide img{ width:100%;} #footer .two .right .share .slide span{ width:300px; font-size:16px; color:#999; position:absolute; bottom:110%; left:50%; z-index:2; transform:translate3d(-50%,0,0);} #footer .two .right .share .slide:first-child{ margin-left:0;} #footer .two .right .share .slide:hover img{ display:none;} #footer .two .right .share .slide:hover img.hide{ display:block;} #footer .two .right .share .slide:hover span{ display:block;} #footer .two .right .txt{ line-height:1; font-size:14px; color:#999; margin-top:16px;} #footer .two .right .txt a{ font-size:14px; color:#999;} /*全站搜索*/ #search{ width:100%; padding:80px 0;} #search .forms{width:400px; margin:0px auto 40px auto;} #search .forms .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none; font-size:20px;} #search .forms .submit{height: 49px;width: 59px;border:1px solid #ddd;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: url(/images/img1.png) no-repeat center center; display:block !important;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{background:url(/images/info_ico.jpg) no-repeat left center;} #search .list .know .cate{background:url(/images/know_ico.jpg) no-repeat left center;} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color:#888888; font-size:16px; font-weight:bold;} #search .list .info .title:hover{ color:#e60012;} #search .list .info .day,#search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} /*首页样式*/ #ind-news{background: url(/images/index-bg.png) no-repeat;margin-bottom: 100px;} #ind-news .wrap{margin-top: -100px;background: #fff;z-index: 1;width: 81.25%;padding: 20px 13px 0 30px;} #ind-news .wrap .tit{font-size: 18px;color: #333;font-family:"SOURCEHANSANSCN-REGULAR";margin-right: 29px;} #ind-news .wrap .over{width: 1200px;} #ind-news .wrap .swiper-pagination-bullet{margin: 0 8px;background: #a3a3a3;opacity: 1;width: 6px;height: 6px;} #ind-news .wrap .swiper-pagination-bullet-active{background: #e60012;position: relative;} #ind-news .wrap .swiper-pagination-bullet-active::before{position: absolute;content: "";width: 14px;height: 14px;background: #faccd0;left: -4px;top: -4px;border-radius: 100%;z-index: -1;} #ind-news .wrap .container{width: 750px;margin-left: 0;margin-top: 20px;padding-bottom: 40px;height: 247px;overflow: visible;} #ind-news .wrap .slide .left{width: 50%;} #ind-news .wrap .slide .left .pic{padding-top: 55.2%;} #ind-news .wrap .slide .right{width: 50%;padding: 15px 40px 0 30px;} #ind-news .wrap .slide .right .t{font-size: 18px;color: #333;font-family:"SOURCEHANSANSCN-REGULAR";line-height: 24px;} #ind-news .wrap .slide .right .date{font-size: 14px;color: #999;font-family:"GILROY-REGULAR";margin: 25px 0 29px 0;} #ind-news .wrap .slide .right .con{ width:100%; line-height:1.4; height:calc(14px*1.4*3); overflow:hidden; display: block;font-size: 14px;color: #999;font-family:"SOURCEHANSANSCN-REGULAR";} #ind-news .wrap .slide.swiper-slide-next .left{width: 26.66%;} #ind-news .wrap .slide.swiper-slide-next .left .pic{padding-top: 60%;} #ind-news .wrap .slide.swiper-slide-next .right{width: 26.66%;padding-right: 0;} #ind-news .wrap .slide.swiper-slide-next .right .t{font-size: 18px;color: #999;font-family:"SOURCEHANSANSCN-REGULAR";} #ind-news .wrap .slide.swiper-slide-next .right .date{font-size: 14px;color: #999;font-family:"GILROY-REGULAR";margin-top: 20px;} #ind-news .wrap .slide.swiper-slide-next .right .con{display: none;} #ind-news .wrap .slide:hover .right .t{ color:#e60012;} #ind-news .ind-btn{right: -400px;bottom: 40px;z-index: 10;} #ind-news .ind-btn .prev{width: 40px;height: 40px;background: url(/images/ind-news-l.png) no-repeat center #ccc;} #ind-news .ind-btn .next{width: 40px;height: 40px;background: url(/images/ind-news-r.png) no-repeat center #ccc;} #ind-news .ind-btn .prev:hover{background: url(/images/ind-news-l.png) no-repeat center #e60012;} #ind-news .ind-btn .next:hover{background: url(/images/ind-news-r.png) no-repeat center #e60012;} #ind-news .wrap2{width: 81.25%;padding: 70px 0px 0 0px;} #ind-news .wrap2 .bg{width: 380px;height: 194px;background: url(/images/ind-ab-bg.png) no-repeat center;left: 0;top: 0;} #ind-news .wrap2 .left{width: 20%;} #ind-news .wrap2 .left .tit1{font-size: 18px;color: #333;font-family: "SOURCEHANSANSCN-MEDIUM";} #ind-news .wrap2 .left .tit2{font-size: 24px;color: #e60012;font-family:"SOURCEHANSANSCN-BOLD";margin: 25px 0 150px 0;line-height: 36px;} #ind-news .wrap2 .left .num{position: relative;font-size: 20px;color: #666;font-family:"Gilroy-Medium";} /*#ind-news .wrap2 .left .num::before{content: "";position: absolute;border: 6px solid transparent;border-bottom: 10px solid #e60012;bottom: 9px;left: -22px;}*/ #ind-news .wrap2 .left .code{font-size: 50px;color: #333;font-family:"Gilroy-Medium";margin-top: 18px;line-height: 1.4;} #ind-news .wrap2 .left .time{font-size: 20px;color: #666;font-family:"GILROY-REGULAR";line-height: 20px;} #ind-news .wrap2 .right{width: 60%; margin-left:3%;} #ind-news .wrap2 .right .tit1{font-size: 18px;color: #333;font-family: "SOURCEHANSANSCN-MEDIUM";} #ind-news .wrap2 .right .tit2{font-size: 14px;color: #888;line-height: 24px;font-family:"SOURCEHANSANSCN-REGULAR";margin-top: 24px;} #ind-news .wrap2 .right .tit3{ font-size:14px; color:#e60012; font-family:"SOURCEHANSANSCN-REGULAR"; margin-top:40px;} #ind-news .wrap2 .right .con{font-size: 14px;color: #888;line-height: 24px;font-family:"SOURCEHANSANSCN-REGULAR";} #ind-news .wrap2 .right .con2{ position:relative; margin-top: 80px;} #ind-news .wrap2 .right .con2::after{content: "";position: absolute;width: 477px;height: 238px;background: url(/images/ind-ab-bg2.png) no-repeat center;left: 0;top: -40px;z-index: -1;} #ind-news .wrap2 .right .con2 .c{ margin-right:5%;} #ind-news .wrap2 .right .con2 .c .t{font-size: 20px;color: #333;font-family:"Gilroy-Medium";} #ind-news .wrap2 .right .con2 .c .t .a{font-size: 26px;margin-top: 7px;} #ind-news .wrap2 .right .con2 .c .t span{font-size: 36px;color: #333;font-family:"Gilroy-Medium";margin-right: 10px;} #ind-news .wrap2 .right .con2 .c .t.cur{ font-size:30px; font-weight:bold; color:#333;} #ind-news .wrap2 .right .con2 .c .t.cur span{ font-size:70px;} #ind-news .wrap2 .right .con2 .c:last-child{ margin-right:0;} #ind-news .wrap2 .right .con2 .d{font-size: 20px;color: #666;font-family:"SOURCEHANSANSCN-REGULAR";/*margin-top: 18px;*/} #ind-news-anchor{ top: -26px;} #ind-pro{padding-top: 100px;} #ind-pro .content .list{margin-bottom: 100px;} #ind-pro .content .list .pic{width: 81.25%;} #ind-pro .content .list .con{width: 740px;height: 280px;background: #fff;top: 50%;left: 10.416%;z-index: 1;transform: translateY(-50%);box-shadow: 0 0 18px 6px rgb(0,0,0,.1);padding: 105px 0 0 90px;} #ind-pro .content .list .con::after{content: "";position: absolute;width: 10px;height: 16px;background: url(/images/ind-pro-arrow.png) no-repeat center;top: 50%;right: 42px;transform: translateY(-50%);} #ind-pro .content .list .con .tit{font-size: 26px;color: #333;font-family:"SOURCEHANSANSCN-MEDIUM";margin-bottom: 25px;line-height: 30px;} #ind-pro .content .list .con .des{font-size: 16px;color: #666;font-family:"SOURCEHANSANSCN-REGULAR";line-height: 30px;} #ind-pro .content .list .con:hover .tit{ color:#e60012;} #ind-pro .content .list .con:hover::after{ background: url(/images/ind-pro-arrow_1.png) no-repeat center;} #ind-pro .content .list:nth-child(2n+2) .con{left: auto;right: 10.416%;} /*内页导航*/ #current{ width:100%; background:#fff; border-bottom:1px solid #e5e5e5;} #current .wrapper{ display:block;} #current .slide{ width:auto; line-height:1; font-size:16px; color:#333; position:relative; padding:32px 56px; margin-bottom:-1px;} #current .slide::before{ width:100%; height:2px; display:none; background:#e60012; position:absolute; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #current .slide.cur{ color:#e60012;} #current .slide.cur::before{ display:block;} /*产品内页导航*/ #CurrentProducts{ width:100%; background:#f5f5f5; padding:28px 0;} #CurrentProducts .nav{} #CurrentProducts .nav .slide{ line-height:1; font-size:14px; color:#666; margin-right:40px;} #CurrentProducts .nav .slide.cur{ color:#e60012;} #CurrentProducts .nav .slide:hover{ color:#e60012;} #CurrentProducts .nav .slide:last-child{ margin-right:0;} #CurrentProducts .online{ line-height:1; vertical-align:middle; font-size:14px; color:#666;} #CurrentProducts .online img{ vertical-align:middle; margin-top:-3px; margin-right:12px;} /*内页问题*/ .inside-title{ width:100%; line-height:1; text-align:center; background:url(/images/img65.png) no-repeat center; font-size:30px; color:#333; padding:16px 0;} .inside-title.margin{ margin:80px 0;} /*会动的箭头*/ .inside-arrow{ width:26px; position:absolute; bottom:19%; left:18.75%; z-index:2; animation:arrowAction 1s infinite linear; -webkit-animation:arrowAction 1s infinite linear;} /*列表适用-鸿运国际党委、新闻中心*/ #info{ padding:80px 0;} #info .item{ margin-top:5%;} #info .item .slide{width: 30.6%;margin-right: 4.1%;margin-bottom: 6.78%;} #info .item .slide.n3{margin-right: 0;} #info .item .slide .img:after{padding-top: 70.42%;} #info .item .slide .con{margin-top: 15px;height: 200px;overflow: hidden;} #info .item .slide .cate{color: #ffffff;background: #cacac8;line-height: 22px;font-size: 12px;margin-right: 8px;padding: 0 6px;} #info .item .slide .date{color: #888888;font-size: 12px;line-height: 22px;} #info .item .slide .title{margin: 25px 0;color: #333333;font-size: 20px;line-height: 30px;} #info .item .slide .desc{color: #888888;font-size: 14px;line-height: 24px;} #info .item .slide:hover .img img{transform: scale(1.1);} #info .item .slide:hover .title{color: #e60012;} #info .item .slide:hover .desc{color: #333333;} /*文章详细-新闻中心、投资者关系*/ #infoDetail{ padding:100px 0 120px;} #infoDetail .inside-title{margin-bottom: 45px;} #infoDetail .cate{color: #ffffff;font-size: 12px;line-height: 22px;padding: 0 6px;background: #e60012;margin-right: 10px;} #infoDetail .date{color: #333333;font-size: 14px;} #infoDetail .editor{ color: #666666;font-size: 16px;line-height: 180%; margin:85px auto 120px;} #infoDetail .editor table{max-width: 100%;display: block;} #infoDetail .file{ margin-top:60px;} #infoDetail .file .iframe{ min-height:1240px; background:#525659; margin:auto;} #infoDetail .file .btns-list{ top: -36px;right: 10px;width: 70px;} #infoDetail .file .btns-list .pdf{width: 70px;height: 70px;border-radius: 50%;background: #e60012;} #infoDetail .file .btns-list .pdf:after{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 26px;margin: auto;height: 32px;background: url(/images/bico15.jpg) no-repeat center center;} #infoDetail .file .btns-list .pdf .t1{display: none;width: 100%;padding-top: 19px;color: #fff;font-size: 14px;line-height: 18px;} #infoDetail .file .btns-list .pdf:hover:after{display: none;} #infoDetail .file .btns-list .pdf:hover .t1{display: block;} #infoDetail .file .btns-list .bn{margin: 20px auto 0;width: 60px;height: 60px;border-radius: 50%;box-shadow: 0 0 20px 5px #efefef;background-repeat: no-repeat;background-position: center center;background-color: #fff;} #infoDetail .file .btns-list .bn.all{background-image: url(/images/bico14.jpg);} #infoDetail .file .btns-list .bn.pv{background-image: url(/images/bico13.jpg);} #infoDetail .file .btns-list .bn.pn{background-image: url(/images/bico12.jpg);} #infoDetail .file .btns-list .bn.back{background-image: url(/images/bico11.jpg);} #infoDetail .file .btns-list .bn .t1{display: none;color: #888888;font-size: 14px;line-height: 60px;border-radius: 50%;width: 100%;background: #fff;} #infoDetail .file .btns-list .bn.back .t1{padding-top: 14px;line-height: 18px;} #infoDetail .file .btns-list .bn:hover .t1{display: block;} #infoDetail .video{ margin: 60px 0;} #infoDetail .video video{width: 100%;} #infoDetail .prev-next{padding-top: 50px;border-top: 1px solid #e5e5e5;} #infoDetail .prev-next .back, #infoDetail .prev-next .pn{color: #888888;font-size: 16px;} #infoDetail .prev-next .back{right: 0;left: 0;margin: auto;width: 200px;} #infoDetail .prev-next .pn{background-repeat: no-repeat;} #infoDetail .prev-next .back:hover, #infoDetail .prev-next .pn:hover{color: #e60012;} #infoDetail .prev-next .prev{padding-left: 27px;background-position: left center;background-image: url(/images/bico6.png);} #infoDetail .prev-next .next{padding-right: 27px;background-position: right center;background-image: url(/images/bico7.png);} #infoDetail .prev-next .prev:hover{background-image: url(/images/bico8.png);} #infoDetail .prev-next .next:hover{background-image: url(/images/bico9.png);} #infoDetail.committee{ position:relative; padding:0; margin-top:-640px;} #infoDetail.committee .cw1200{ background:#fff; padding:100px 0 120px;} #infoDetail.committee .cw1200 .editor{ min-height:600px;} /*翻页*/ #turnPage{ width:100%; height:40px; line-height:38px; margin-top:40px;} #turnPage a,#turnPage font{ height:40px; display:inline-block; vertical-align:middle; font-size:14px; color:#666; border:1px solid #ececec; margin:0 5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} #turnPage .page_button,#turnPage .page_noclick{ font-size:0;} #turnPage .page_button img,#turnPage .page_noclick img{ width:100%;} #turnPage .page_noclick img{ display:none;} #turnPage .page_noclick img.hide{ display:block;} #turnPage .page_item,#turnPage .page_item_current{ width:38px; padding:0;} #turnPage .page_item_current{ background:#e60012; color:#fff; border-color:#e60012;} #turnPage .form{ margin-left:20px;} #turnPage .form .txt{ font-size:14px; color:#666;} #turnPage .form .input{ width:38px; height:38px; text-align:center; font-size:14px; border:1px solid #ececec; margin:0 6px;} #turnPage .form .submit{ height:38px; cursor:pointer; font-size:14px; border:1px solid #ececec; padding:0 14px; margin-left:10px;} /*走进鸿运国际-鸿运国际简介*/ #CompanyProfile{ width:100%; background:#fff; padding:80px 0 100px;} #CompanyProfile .item{ width:100%; padding-top:170px; margin-top:80px;} #CompanyProfile .item .img{ width:64.28%; top:0; left:0; cursor: pointer;} #CompanyProfile .item .img .v-btn{ display: flex; justify-content: center; align-items: center; flex-direction: column; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;} #CompanyProfile .item .img .icon{width: 60px;height: 60px;background: url(/images/play.png) no-repeat center;} #CompanyProfile .item .img .txt{font-size: 16px;color: #fff;margin-top: 20px;} #CompanyProfile .item .contents .video{ width:120px; height:120px; background:#e60012; bottom:100%; right:54.3%;} #CompanyProfile .item .contents .video .icon{ width:34px; overflow:hidden; border-radius:50%; margin-top:30px;} #CompanyProfile .item .contents .video .txt{ line-height:1; color:#fff; font-size:14px; margin-top:10px;} #CompanyProfile .item .contents .video:hover{ background:#595757;} #CompanyProfile .item .contents .brief{ width:100%; max-width:700px; line-height:1.8; background:#fff; font-size:16px; color:#666; box-shadow:0 0 20px 1px #ccc; padding:60px;} /*走进鸿运国际-事业国界*/ #BusinessEmpire{ width:100%; background:#f8f8f8; padding:80px 0 100px;} #BusinessEmpire .item{ margin-top:130px;} #BusinessEmpire .item .img{ width:100%; max-width:1220px;} #BusinessEmpire .item .contents{ width:100%; max-width:240px;} #BusinessEmpire .item .contents .slide{ width:100%; margin-top:40px;} #BusinessEmpire .item .contents .slide .txt1{ line-height:1; font-size:16px; color:#666;} #BusinessEmpire .item .contents .slide .txt2{ line-height:1; font-size:40px; color:#e60012; font-family:'Gilroy-Medium'; margin-top:12px;} #BusinessEmpire .item .contents .slide:first-child{ margin-top:0;} /*走进鸿运国际-子公司*/ #Subsidiary{ padding:80px 0 100px;} #Subsidiary .sub-list{ display: flex; justify-content: start; align-items: start; flex-wrap: wrap; margin-top: 90px;} #Subsidiary .sub-list .sub-item{ display: flex; justify-content: start; align-items: start; margin: 78px 2% 0 0; width: 48%;} #Subsidiary .sub-list .sub-item:nth-child(-n+2){ margin-top: 0;} #Subsidiary .sub-list .sub-item:nth-child(2n){ margin-right: 0;} #Subsidiary .sub-list .sub-item .img{ width: 46.5774%;} #Subsidiary .sub-list .sub-item .img:before{ display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; top: 7px; left: 7px; background: #d9d9d9;} #Subsidiary .sub-list .sub-item .img img{ max-width: 100%; max-height: 100%; z-index: 1;} #Subsidiary .sub-list .sub-item .info{ width: calc(100% - 46.5774% - 23px); margin-left: 23px;} #Subsidiary .sub-list .sub-item .info .tit{ width: 100%; line-height: 30px; font-size: 20px; color: #666;} #Subsidiary .sub-list .sub-item .info .company{ width: 100%; line-height: 28px; font-size: 18px; color: #e60012; font-weight: bold;} #Subsidiary .sub-list .sub-item .info .brief{ width: 100%; line-height: 29px; font-size: 14px; color: #666;} /*走进鸿运国际-企业声誉*/ #EnterpriseHonor{ width:100%; background:#f8f8f8; padding:80px 0 100px;} #EnterpriseHonor .item{ width:100%; position:relative; margin-top:64px;} #EnterpriseHonor .item .arrow{ width:10px; position:absolute; top:50%; z-index:2; transform:translate3d(0,-50%,0);} #EnterpriseHonor .item .arrow img{ width:100%;} #EnterpriseHonor .item .arrow.prev{ left:0;} #EnterpriseHonor .item .arrow.prev::after{content: "";position: absolute;top: -10px;bottom: -10px;left: -10;right: -10px;} #EnterpriseHonor .item .arrow.next{ right:0;} #EnterpriseHonor .item .arrow.next::after{content: "";position: absolute;top: -10px;bottom: -10px;left: -10;right: -10px;} #EnterpriseHonor .item .arrow:hover img{ display:none;} #EnterpriseHonor .item .arrow:hover img.hide{ display:block;} #EnterpriseHonor .item .container{ margin:auto;} #EnterpriseHonor .item .container .slide{ width:39%; background:#f0f0f0; border:1px solid #dcdcdc; padding:60px 60px 40px;} #EnterpriseHonor .item .container .slide .img{ width:100%; margin:auto;} #EnterpriseHonor .item .container .slide .img::after{ padding-top:81%;} #EnterpriseHonor .item .container .slide .title{ width:100%; font-size:16px; color:#666; margin-top:20px;} #EnterpriseHonor .item .container .slide.swiper-slide-active{ box-shadow:0 0 10px 1px #f0f0f0;} #EnterpriseHonor .item .container .slide.swiper-slide-active .title{ color:#e60012;} /*品牌矩阵*/ #brand{padding: 80px 0 120px 0;} #brand .content{ margin-top:80px;} #brand .content .list .pic{width: 50%;padding-top: 28.571%;} #brand .content .list .con{width: 50%;padding-top: 28.571%;padding-left: 80px;} #brand .content .list .con .c{margin-left: 80px;} #brand .content .list .con .des{margin-top: 45px;font-size: 16px;color: #333;line-height: 30px;} #brand .content .list:nth-child(2n+2) .con .c{margin-right: 80px;margin-left: 0;} /*生长历程*/ #course{padding: 80px 0 120px 0;} #course .wrap{ margin-top:56px;} #course .wrap .icon{width: 22px;height: 43px;background: url(/images/deve-icon.png) no-repeat center;top: 0;left: 50%;transform: translateX(-50%);} #course .wrap .xian{width: 1px;background: #ececec;left: 50%;transform: translateX(-50%);top: 0;bottom: 0;} #course .wrap .content{padding: 113px 0 70px 0;} #course .wrap .content .list{margin-bottom: 125px;} #course .wrap .content .list .dian{width: 5px;height: 5px;background: #2f70b7;border-radius: 100%;left: 50%;transform: translateX(-50%);bottom: -60px;} #course .wrap .content .list .pic{width: 50%;} #course .wrap .content .list .pic .img{width: 85.714%;} #course .wrap .content .list .pic .year{font-size: 60px;color: #d8d8d8;font-family: "Gilroy-Medium";left: 100px;top: -50px;z-index: -1;} #course .wrap .content .list .con{width: 50%;padding: 112px 0 0 165px;} #course .wrap .content .list .con .tit{font-size: 26px;color: #e70d1e;font-family:"Gilroy-Bold";margin-bottom: 28px;} #course .wrap .content .list .con .des{font-size: 16px;color: #888;margin-bottom: 30px;line-height: 30px;} #course .wrap .content .list:nth-child(1) .con{padding-top: 70px;} #course .wrap .content .list:nth-child(2n+2) .con{padding: 112px 0 0 65px;} #course .wrap .content .list:nth-child(2n+2) .pic .img{float: right;} #course .wrap .content .list:nth-child(2n+2) .pic .year{left: auto;right: 125px;} #course .wrap .content .list:last-child{margin-bottom: 0;} #course .wrap .content .list:last-child .dian{background: transparent;} #course .tis{font-size: 16px;color: #e60012;margin-top: 35px;} /*董事长寄语*/ #remarks{ padding:80px 0;} #remarks .content{ margin:4% 0;background: #606068;} #remarks .content .con{width: 56.28%;padding: 10.71% 0 10.71% 11.43%;} #remarks .content .con .name{color: #ffffff;font-size: 26px;} #remarks .content .con .posi{margin: 12px 0 45px;color: #ffffff;font-size: 16px;} #remarks .content .con .desc{color: #ffffff;font-size: 14px;line-height: 30px;} #remarks .content .img{width: 34%;display: inline-block;margin-left: 2.85%;} #remarks .content .img:after{padding-top: 108.61%;} #remarks .msg{ margin-top: 50px;} #remarks .msg .tit{width: 28.5715%;color: #cccccc;font-size: 30px;line-height: 40px;} #remarks .msg .brief{ margin-top: 24px; width: 100%; font-size: 16px; color: #333;} #remarks .msg .desc{width: 60.7143%;margin-left: 6.7858%;/*padding-left: 5.71%;*/color: #606068;font-size: 16px;line-height: 30px;} #remarks .msg .desc .info{ margin-top: 60px; width: 100%; text-align: right;} #remarks .msg .desc .info .sign{ margin-top: 17px;} /* #remarks .msg .desc:before{content: "";position: absolute;left: 0;top: 0;width: 1px;height: 80%;background: #e5e5e5;} */ /*未来战略*/ #strategic{ padding-top:80px;} #strategic .future{ padding: 80px 0 80px; margin-top:80px;} #strategic .future .line2{width: 2px;margin: 1px auto 10px;height: 56px;background: #52ffff;} #strategic .future .quan1{ width:auto; margin:auto;} #strategic .future .quan1 .icon{ width:100%; height:100%; margin:auto;} #strategic .future .quan1 .img{ width:330px; z-index:3;} #strategic .future .quan1 .img::after{ height:auto; padding-top:100%;} #strategic .future .quan1:hover .icon1{ animation:turn2 4s infinite linear;} #strategic .future .quan1:hover .icon2{ animation:turn 10s infinite linear;} #strategic .future .quan1:hover .icon3{ animation:turn 4s infinite linear;} #strategic .future .quan2{width: 205px;height: 205px;padding-top: 63px;margin: 0 auto;} #strategic .future .quan2 .q{left: 0;top: 0;width: 100%;height: 100%;background: url(/images/bico18.png) no-repeat center center;} #strategic .future .quan2 .tit{width: 90px;margin: 0 auto;color: #ffffff;font-size: 20px;line-height: 28px;z-index: 2;} #strategic .future .quan2:hover .q{ animation:turn2 2s infinite linear;} #strategic .future .quan3{width: 100%;height: 138px;background: url(/images/bico20.png) no-repeat center center;margin: 10px 0 4px;} #strategic .future .list .boxs{width: 30.43%;margin-right: 4.29%;background: url(/images/bico22.png) no-repeat center bottom/100% 31px;} #strategic .future .list .boxs:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 65px;background: url(/images/bico21.png) no-repeat center top/100% 65px;} #strategic .future .list .boxs .bg2{top: 65px;left: 0;width: 100%;background: url(/images/bico23.png) repeat-y center/100%;} #strategic .future .list .boxs:last-child{margin-right: 0;} #strategic .future .list .h{z-index: 2;height: calc(100% - 20px);display: flex;align-items: center;} #strategic .future .list .con{width: 83.15%;margin: 0 auto;color: #ffffff;font-size: 16px;line-height: 26px;} /*高管团队*/ #team{ padding:80px 0 120px;} #team .list{ margin-top:60px;} #team .item{width: 100%;display: flex;align-items: center; margin-bottom:60px;} #team .item .img{width: 33.8334%; max-height: 342px; z-index: 1;} #team .item .img:after{padding-top: 84.26%;} #team .item .img.fl{margin-right: -0.857%;display: none;} #team .item .img.fr{order: 2;margin-left: -0.857%;display: none;} /* #team .item .con{width: calc(100% - 33.8334%);position: relative;z-index: 2;background: url(/images/bimg12.png) no-repeat center center/100% auto;} */ #team .item.two .con{margin-left: 0.857%;background-image: url(/images/bimg13.png);} #team .item .con .center{width: 88.05%;left: 8.49%;top: 0;bottom: 0;margin: auto;} #team .item.two .con .center{left: 4.34%;} #team .item .con .center{z-index: 3;} #team .item .con .name{color: #e60012;font-size: 24px;padding-top: 20px;} #team .item .con .posi{color: #333333;font-size: 16px;margin: 10px 0 20px;} #team .item .con .desc{color: #888888;font-size: 16px;line-height: 30px;padding-bottom: 20px;} /* 新增 */ #team .item .con{width: 100%;z-index: 2;background: url(/images/bimg12.png) no-repeat center center/100% auto;margin: 0 !important;height: auto !important;} #team .item.two .con .center, #team .item .con .center {position: relative;margin: 0 !important;width: 100%;left: auto;right: auto;} /*联系鸿运国际*/ #contact{ padding:80px 0 120px;} #contact .way{margin:80px 0;} #contact .way .w{width: 29%;margin: 0 2.16%;} #contact .way .w .ico{width: 110px;height: 110px;margin: 0 auto;position: relative;background-repeat: no-repeat;background-position: center center;} #contact .way .w.add .ico{background-image: url(/images/bico2.png);} #contact .way .w.web .ico{background-image: url(/images/bico3.jpg);} #contact .way .w.tel .ico{background-image: url(/images/bico4.jpg);} #contact .way .w .ico .btn--outline{width: 110px;height: 110px;} #contact .way .w .tit{color: #888888;font-size: 16px;margin: 20px 0 15px;} #contact .way .w .con{color: #333333;font-size: 16px;line-height: 30px;} #contact .way .w:hover .tit{color: #e60012;opacity: .8;} #contact .way .w:hover .con{color: #e60012;} #contact .map{width: 100%;height: 600px;} /*产品中心*/ #products{ width:100%; height:1100px; background-size:cover !important; position:relative;} #products .switch{ top:40%; z-index:2; _transform:translate3d(0px,-50%,0);} #products .switch .icons{} #products .switch .txt{ line-height:1; font-size:16px; color:#fff; margin-top:16px;} #products .switch:hover .icons img{ display:none;} #products .switch:hover .icons img.hide{ display:block;} #products .switch:hover .txt{ color:#00fcff;} #products .prev{ left:2.5%;} #products .next{ right:2.5%;} #products .category{ line-height:1; font-size:34px; color:#fff; position:absolute; top:7%; left:50%; z-index:2; margin:auto; transform:translate3d(-50%,0,0);} #products .item{ width:100%; height:100%; position:relative;} /* #products .item.cw1400{ width: 1270px;} */ #products .item .car{ width:100%;} #products .item .slide{ position:absolute;} #products .item .slide .contents{ position:relative;} #products .item .slide .contents .point{ border:1px solid #00fcff; border-radius:50%; position:relative; padding:3px;} #products .item .slide .contents .point::before{ width:7px; height:7px; display:block; background:#00fcff; border-radius:50%; content:'';} #products .item .slide .contents .point i{ width:100%; height:100%; opacity:0; border-radius:50%; box-shadow:inset #00fcff 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';} #products .item .slide .contents .point i::before{ width:100%; height:100%; opacity:0; border-radius:50%; box-shadow:inset #00fcff 0 0 5px; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:''; transform:translate3d(-25%,0,0);} #products .item .slide .contents .list{ position:absolute;} #products .item .slide .contents .list .line{ position:relative;} #products .item .slide .contents .list .line::before{ height:1px; display:block; background:#00fcff; content:'';} #products .item .slide .contents .list .line::after{ height:1px; background:#00fcff; position:absolute; content:'';} #products .item .slide .contents .list .product{ cursor:pointer; position:absolute; right:100%; top:0;} /*产品列表-鼠标移动-海浪点*/ #products .item .slide:hover .point i{ animation:warn-2 2s ease-out .1s infinite; -webkit-animation:warn-2 2s ease-out .1s infinite;} #products .item .slide:hover .point i::before{ animation:warn 2s ease-out .1s infinite; -webkit-animation:warn 2s ease-out .1s infinite;} /*产品列表-圆圈*/ #products .item .slide .contents .list .product.style1{ width:170px; height:170px; background:url(/images/img16.png) no-repeat center; background-size:100% 100% !important;} #products .item .slide .contents .list .product.style1 .cont{ width:200px;} #products .item .slide .contents .list .product.style1 .cont .img{ width:100%; margin-top:34px;} #products .item .slide .contents .list .product.style1 .cont .img img{ width:100%;} #products .item .slide .contents .list .product.style1 .cont .name{ width:60%; font-size:18px; color:#00fcff; margin:auto; transform:translate3d(-4%,0,0);} #products .item .slide .contents .list .product.style1 .cont .more{ width:60%; opacity:0; margin:20px auto 0; transform:translate3d(-4%,0,0);} #products .item .slide .contents .list .product.style1 .cont .more a{ line-height:1; font-size:14px; color:#00fcff; border-bottom:1px solid #00fcff; padding-bottom:6px;} #products .item .slide .contents .list .product.style1:hover .cont{ transform:translate3d(0,-40%,0);} #products .item .slide .contents .list .product.style1:hover .cont .img{ opacity:0;} #products .item .slide .contents .list .product.style1:hover .cont .more{ opacity:1;} #products .item .slide .contents .list .product.style1.cur{ background:url(/images/img17.png) no-repeat center;} #products .item .slide .contents .list .product.style1.cur .cont .name{ transform:translate3d(-21%,0,0);} #products .item .slide .contents .list .product.style1.cur .cont .more{ transform:translate3d(-21%,0,0);} /*产品列表-方形*/ #products .item .slide .contents .list .product.style2{ width:290px; height:120px; display:flex; align-items:center; background:url(/images/img18.png) no-repeat center; padding-right:20px;} #products .item .slide .contents .list .product.style2 .left{ height:100%; text-align:center; position:relative;} #products .item .slide .contents .list .product.style2 .left .img{ max-width:200px; height:100%;} #products .item .slide .contents .list .product.style2 .left .more{ min-width:72px; line-height:1; opacity:0; font-size:14px; color:#00fcff; border-bottom:1px solid #00fcff; position:absolute; top:105%; left:50%; padding-bottom:6px; margin:auto; transform:translate3d(-50%,0,0);} #products .item .slide .contents .list .product.style2 .name{ font-size:18px; color:#00fcff; margin-left:20px;} #products .item .slide .contents .list .product.style2:hover .left{ transform:translate3d(0,-60%,0);} #products .item .slide .contents .list .product.style2:hover .left .img{ opacity:0;} #products .item .slide .contents .list .product.style2:hover .left .more{ opacity:1;} /*智能座舱系列-智能车载空气净化器*/ #products .items1 .slide:nth-child(2){ top:39.45%; left:57.42%;} #products .items1 .slide:nth-child(2) .contents .list{ right:100%; bottom:100%;} #products .items1 .slide:nth-child(2) .contents .list .line{ padding-right:110px; padding-bottom:110px;} #products .items1 .slide:nth-child(2) .contents .list .line::before{ width:94px;} #products .items1 .slide:nth-child(2) .contents .list .line::after{ width:164px; right:calc(-164px / 2); bottom:0; transform:rotate(45deg) translate3d(-45%,0,0); -ms-transform:rotate(45deg) translate3d(-45%,0,0); -moz-transform:rotate(45deg) translate3d(-45%,0,0); -webkit-transform:rotate(45deg) translate3d(-45%,0,0); -o-transform:rotate(45deg) translate3d(-45%,0,0);} #products .items1 .slide:nth-child(2) .contents .list .product{ top:auto; bottom:95%; transform:translate3d(4.5%,0,0);} #products .items1 .slide:nth-child(2) .contents .list .product .left{ margin-left:40px;} /*智能座舱系列-智动门*/ #products .items1 .slide:nth-child(3){ top:39.45%; left:38.28%;} #products .items1 .slide:nth-child(3) .contents .list{ right:100%; bottom:100%;} #products .items1 .slide:nth-child(3) .contents .list .line{ padding-right:50px; padding-bottom:50px;} #products .items1 .slide:nth-child(3) .contents .list .line::before{ width:200px;} #products .items1 .slide:nth-child(3) .contents .list .line::after{ width:74px; right:calc(-74px / 2); bottom:0; transform:rotate(45deg) translate3d(-45%,0,0); -ms-transform:rotate(45deg) translate3d(-45%,0,0); -moz-transform:rotate(45deg) translate3d(-45%,0,0); -webkit-transform:rotate(45deg) translate3d(-45%,0,0); -o-transform:rotate(45deg) translate3d(-45%,0,0);} #products .items1 .slide:nth-child(3) .contents .list .product{ transform:translate3d(0,-50%,0);} /*智能座舱系列-电子儿童锁*/ #products .items1 .slide:nth-child(4){ top:46.45%; left:41.28%;} #products .items1 .slide:nth-child(4) .contents .list{ right:100%; top:100%;} #products .items1 .slide:nth-child(4) .contents .list .line{ padding-right:76px; padding-top:76px;} #products .items1 .slide:nth-child(4) .contents .list .line::before{ width:334px;} #products .items1 .slide:nth-child(4) .contents .list .line::after{ width:114px; right:calc(-114px / 2); top:0; transform:rotate(-45deg) translate3d(-45%,0,0); -ms-transform:rotate(-45deg) translate3d(-45%,0,0); -moz-transform:rotate(-45deg) translate3d(-45%,0,0); -webkit-transform:rotate(-45deg) translate3d(-45%,0,0); -o-transform:rotate(-45deg) translate3d(-45%,0,0);} /*智能座舱系列-电动尾门*/ #products .items1 .slide:nth-child(5){ top:73%; left:37.92%;} #products .items1 .slide:nth-child(5) .contents .list{ right:100%; top:100%;} #products .items1 .slide:nth-child(5) .contents .list .line{ padding-right:74px; padding-top:74px;} #products .items1 .slide:nth-child(5) .contents .list .line::before{ width:96px;} #products .items1 .slide:nth-child(5) .contents .list .line::after{ width:110px; right:calc(-110px / 2); top:0; transform:rotate(-45deg) translate3d(-45%,0,0); -ms-transform:rotate(-45deg) translate3d(-45%,0,0); -moz-transform:rotate(-45deg) translate3d(-45%,0,0); -webkit-transform:rotate(-45deg) translate3d(-45%,0,0); -o-transform:rotate(-45deg) translate3d(-45%,0,0);} /*智能座舱系列-电动折叠后视镜*/ #products .items1 .slide:nth-child(6){ top:40.72%; left:71.71%;} #products .items1 .slide:nth-child(6) .contents .list{ left:100%; bottom:100%;} #products .items1 .slide:nth-child(6) .contents .list .line{ padding-left:74px; padding-bottom:74px;} #products .items1 .slide:nth-child(6) .contents .list .line::before{ width:104px;} #products .items1 .slide:nth-child(6) .contents .list .line::after{ width:104px; right:calc(104px / 2); top:0; transform:rotate(-45deg) translate3d(-50%,0,0); -ms-transform:rotate(-45deg) translate3d(-50%,0,0); -moz-transform:rotate(-45deg) translate3d(-50%,0,0); -webkit-transform:rotate(-45deg) translate3d(-50%,0,0); -o-transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items1 .slide:nth-child(6) .contents .list .product{ right:auto; left:100%; transform:translate3d(0,-50%,0);} #products .items1 .slide:nth-child(6) .contents .list .product .cont .img{ margin-top:20px;} #products .items1 .slide:nth-child(6) .contents .list .product:hover .cont{ transform:translate3d(0,-30%,0);} /*智能座舱系列-电动吸合门*/ #products .items1 .slide:nth-child(7){ top:49.45%; left:64.78%;} #products .items1 .slide:nth-child(7) .contents .list{ left:100%; top:100%;} #products .items1 .slide:nth-child(7) .contents .list .line{ padding-left:38px; padding-top:38px;} #products .items1 .slide:nth-child(7) .contents .list .line::before{ width:204px;} #products .items1 .slide:nth-child(7) .contents .list .line::after{ width:56px; left:calc(20px / 2); bottom:0; transform:rotate(45deg) translate3d(-50%,0,0); -ms-transform:rotate(45deg) translate3d(-50%,0,0); -moz-transform:rotate(45deg) translate3d(-50%,0,0); -webkit-transform:rotate(45deg) translate3d(-50%,0,0); -o-transform:rotate(45deg) translate3d(-50%,0,0);} #products .items1 .slide:nth-child(7) .contents .list .product{ right:auto; left:100%; top:auto; transform:translate3d(0,-50%,0);} /*智能座舱系列-电动踏板*/ #products .items1 .slide:nth-child(8){ top:60%; left:61.42%;} #products .items1 .slide:nth-child(8) .contents .list{ left:100%; top:100%;} #products .items1 .slide:nth-child(8) .contents .list .line{ padding-left:150px; padding-top:150px;} #products .items1 .slide:nth-child(8) .contents .list .line::before{ width:84px;} #products .items1 .slide:nth-child(8) .contents .list .line::after{ width:214px; left:calc(85px / 2); bottom:0; transform:rotate(45deg) translate3d(-50%,0,0); -ms-transform:rotate(45deg) translate3d(-50%,0,0); -moz-transform:rotate(45deg) translate3d(-50%,0,0); -webkit-transform:rotate(45deg) translate3d(-50%,0,0); -o-transform:rotate(45deg) translate3d(-50%,0,0);} #products .items1 .slide:nth-child(8) .contents .list .product{ right:auto; left:100%; top:auto; transform:translate3d(0,-50%,0);} #products .items1 .slide:nth-child(8) .contents .list .product .left{ margin-left:-36px;} /*个性外饰系列-困绕/尾翼*/ #products .items2 .slide:nth-child(2){ top:44.63%; left:20.92%;} #products .items2 .slide:nth-child(2) .contents .list{ right:50%; bottom:100%;} #products .items2 .slide:nth-child(2) .contents .list .line{ padding-left:110px;} #products .items2 .slide:nth-child(2) .contents .list .line::before{ width:1px; height:100px;} #products .items2 .slide:nth-child(2) .contents .list .line::after{ width:84px; right:calc(-84px / 2); bottom:100%; transform:rotate(45deg) translate3d(-50%,0,0); -ms-transform:rotate(45deg) translate3d(-50%,0,0); -moz-transform:rotate(45deg) translate3d(-50%,0,0); -webkit-transform:rotate(45deg) translate3d(-50%,0,0); -o-transform:rotate(45deg) translate3d(-50%,0,0);} #products .items2 .slide:nth-child(2) .contents .list .product{ top:auto; bottom:100%; right:50%; transform:translate3d(4.5%,0,0);} #products .items2 .slide:nth-child(2) .contents .list .product .left{ margin-left:40px;} /*个性外饰系列-侧踏板*/ #products .items2 .slide:nth-child(3){ top:66.5%; left:39.35%;} #products .items2 .slide:nth-child(3) .contents .list{ right:100%; top:100%;} #products .items2 .slide:nth-child(3) .contents .list .line{ padding-right:94px; padding-top:94px;} #products .items2 .slide:nth-child(3) .contents .list .line::before{ width:100px;} #products .items2 .slide:nth-child(3) .contents .list .line::after{ width:140px; right:calc(-140px / 2); top:0; transform:rotate(-45deg) translate3d(-45%,0,0); -ms-transform:rotate(-45deg) translate3d(-45%,0,0); -moz-transform:rotate(-45deg) translate3d(-45%,0,0); -webkit-transform:rotate(-45deg) translate3d(-45%,0,0); -o-transform:rotate(-45deg) translate3d(-45%,0,0);} #products .items2 .slide:nth-child(3) .contents .list .product{ top:100%; transform:translate3d(0,-50%,0);} #products .items2 .slide:nth-child(3) .contents .list .product .left{ margin-left:-26px; transform:translate3d(0,-16px,0);} /*个性外饰系列-行李架/行李框*/ #products .items2 .slide:nth-child(4){ top:36%; left:47.92%;} #products .items2 .slide:nth-child(4) .contents .list{ left:100%; bottom:100%;} #products .items2 .slide:nth-child(4) .contents .list .line{ padding-left:74px; padding-bottom:74px;} #products .items2 .slide:nth-child(4) .contents .list .line::before{ width:104px;} #products .items2 .slide:nth-child(4) .contents .list .line::after{ width:104px; right:calc(104px / 2); top:0; transform:rotate(-45deg) translate3d(-50%,0,0); -ms-transform:rotate(-45deg) translate3d(-50%,0,0); -moz-transform:rotate(-45deg) translate3d(-50%,0,0); -webkit-transform:rotate(-45deg) translate3d(-50%,0,0); -o-transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items2 .slide:nth-child(4) .contents .list .product{ right:auto; left:100%; transform:translate3d(0,-50%,0);} /*个性外饰系列-前后杠*/ #products .items2 .slide:nth-child(5){ top:67.7%; left:71.57%;} #products .items2 .slide:nth-child(5) .contents .list{ left:130%; top:170%;} #products .items2 .slide:nth-child(5) .contents .list .line{ padding-left:60px; padding-top:60px;} #products .items2 .slide:nth-child(5) .contents .list .line::before{ width:100px;} #products .items2 .slide:nth-child(5) .contents .list .line::after{ width:100px; left:6%; top:100%; transform:rotate(45deg) translate3d(-51%,0,0); -ms-transform:rotate(45deg) translate3d(-51%,0,0); -moz-transform:rotate(45deg) translate3d(-51%,0,0); -webkit-transform:rotate(45deg) translate3d(-51%,0,0); -o-transform:rotate(45deg) translate3d(-51%,0,0);} #products .items2 .slide:nth-child(5) .contents .list .product{ right:auto; left:100%; top:50%; transform:translate3d(0,-50%,0);} #products .items2 .slide:nth-child(5) .contents .list .product .cont .img{ margin-left:-40px; margin-bottom:10px;} /*户外休闲系列-皮艇装裁系统*/ /* #products .items3 .slide:nth-child(2){ top:45.45%; left:58.28%;} #products .items3 .slide:nth-child(2) .contents .list{ right:50%; bottom:100%;} #products .items3 .slide:nth-child(2) .contents .list .line{ padding-left:76px;} #products .items3 .slide:nth-child(2) .contents .list .line::before{ width:1px; height:146px;} #products .items3 .slide:nth-child(2) .contents .list .line::after{ width:66px; right:calc(-66px / 2); bottom:100%; transform:rotate(45deg) translate3d(-50%,0,0); -ms-transform:rotate(45deg) translate3d(-50%,0,0); -moz-transform:rotate(45deg) translate3d(-50%,0,0); -webkit-transform:rotate(45deg) translate3d(-50%,0,0); -o-transform:rotate(45deg) translate3d(-50%,0,0);} #products .items3 .slide:nth-child(2) .contents .list .product{ top:auto; bottom:100%; right:50%; transform:translate3d(4.5%,0,0);} #products .items3 .slide:nth-child(2) .contents .list .product .cont .img{ margin-top:20px;} #products .items3 .slide:nth-child(2) .contents .list .product:hover .cont{ transform:translate3d(0,-30%,0);} */ /*户外休闲系列-行李架行李框*/ #products .items3 .slide:nth-child(2){ top:46.09%; left:51.14%;} #products .items3 .slide:nth-child(2) .contents .list{ right:150%; bottom:150%;} #products .items3 .slide:nth-child(2) .contents .list .line{ padding-right:184px; padding-bottom:184px;} #products .items3 .slide:nth-child(2) .contents .list .line::before{ width:104px;} #products .items3 .slide:nth-child(2) .contents .list .line::after{ width:274px; right:calc(-274px / 2); bottom:0; transform:rotate(45deg) translate3d(-45%,0,0); -ms-transform:rotate(45deg) translate3d(-45%,0,0); -moz-transform:rotate(45deg) translate3d(-45%,0,0); -webkit-transform:rotate(45deg) translate3d(-45%,0,0); -o-transform:rotate(45deg) translate3d(-45%,0,0);} #products .items3 .slide:nth-child(2) .contents .list .product{ transform:translate3d(0,-50%,0);} #products .items3 .slide:nth-child(2) .contents .list .product .left{ margin-left:-10px;} /*户外休闲系列-侧开遮阳帘*/ /* #products .items3 .slide:nth-child(4){ top:52.54%; left:43.64%;} #products .items3 .slide:nth-child(4) .contents .list{ right:100%; bottom:100%;} #products .items3 .slide:nth-child(4) .contents .list .line{ padding-right:31px; padding-bottom:31px;} #products .items3 .slide:nth-child(4) .contents .list .line::before{ width:230px;} #products .items3 .slide:nth-child(4) .contents .list .line::after{ width:46px; right:calc(-46px / 2); bottom:0; transform:rotate(45deg) translate3d(-45%,0,0); -ms-transform:rotate(45deg) translate3d(-45%,0,0); -moz-transform:rotate(45deg) translate3d(-45%,0,0); -webkit-transform:rotate(45deg) translate3d(-45%,0,0); -o-transform:rotate(45deg) translate3d(-45%,0,0);} #products .items3 .slide:nth-child(4) .contents .list .product{ transform:translate3d(0,-50%,0);} */ /*户外休闲系列-皮卡尾箱盖*/ #products .items3 .slide:nth-child(3){ top:56%; left:66.64%;} #products .items3 .slide:nth-child(3) .contents .list{ right:100%; top:100%;} #products .items3 .slide:nth-child(3) .contents .list .line{ padding-right:211px; padding-top:211px;} #products .items3 .slide:nth-child(3) .contents .list .line::before{ width:86px;} #products .items3 .slide:nth-child(3) .contents .list .line::after{ width:314px; right:calc(-314px / 2); top:0; transform:rotate(-45deg) translate3d(-45%,0,0); -ms-transform:rotate(-45deg) translate3d(-45%,0,0); -moz-transform:rotate(-45deg) translate3d(-45%,0,0); -webkit-transform:rotate(-45deg) translate3d(-45%,0,0); -o-transform:rotate(-45deg) translate3d(-45%,0,0);} #products .items3 .slide:nth-child(3) .contents .list .product{ top:100%; transform:translate3d(0,-50%,0);} #products .items3 .slide:nth-child(3) .contents .list .product .left{ margin-left:-40px;} #products .items3 .slide:nth-child(3) .contents .list .product .name{ margin-left:10px;} /*户外休闲系列-皮卡尾厢多功效架*/ #products .items3 .slide:nth-child(4){ top:53.9%; left:74.71%;} #products .items3 .slide:nth-child(4) .contents .list{ left:100%; bottom:100%;} #products .items3 .slide:nth-child(4) .contents .list .line{ padding-left:70px; padding-bottom:70px;} #products .items3 .slide:nth-child(4) .contents .list .line::before{ width:90px;} #products .items3 .slide:nth-child(4) .contents .list .line::after{ width:104px; right:calc(104px / 2); top:0; transform:rotate(-45deg) translate3d(-40%,10px,0); -ms-transform:rotate(-45deg) translate3d(-40%,10px,0); -moz-transform:rotate(-45deg) translate3d(-40%,10px,0); -webkit-transform:rotate(-45deg) translate3d(-40%,10px,0); -o-transform:rotate(-45deg) translate3d(-40%,10px,0);} #products .items3 .slide:nth-child(4) .contents .list .product{ right:auto; left:100%; transform:translate3d(0,-50%,0);} #products .items3 .slide:nth-child(4) .contents .list .product .cont .img{ margin-top:20px;} #products .items3 .slide:nth-child(4) .contents .list .product:hover .cont{ transform:translate3d(0,-30%,0);} /*户外休闲系列-车顶帐篷*/ /* #products .items3 .slide:nth-child(7){ top:35.18%; left:70.28%;} #products .items3 .slide:nth-child(7) .contents .list{ left:100%; bottom:100%;} #products .items3 .slide:nth-child(7) .contents .list .line{ padding-left:74px; padding-bottom:74px;} #products .items3 .slide:nth-child(7) .contents .list .line::before{ width:104px;} #products .items3 .slide:nth-child(7) .contents .list .line::after{ width:104px; right:calc(104px / 2); top:0; transform:rotate(-45deg) translate3d(-50%,0,0); -ms-transform:rotate(-45deg) translate3d(-50%,0,0); -moz-transform:rotate(-45deg) translate3d(-50%,0,0); -webkit-transform:rotate(-45deg) translate3d(-50%,0,0); -o-transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items3 .slide:nth-child(7) .contents .list .product{ right:auto; left:100%; transform:translate3d(0,-50%,0);} */ /*越野改装系列-车门*/ #products .items4 .slide:nth-child(2){ top:47.72%; left:34.28%;} #products .items4 .slide:nth-child(2) .contents .list{ right:100%; bottom:100%;} #products .items4 .slide:nth-child(2) .contents .list .line{ padding-right:111px; padding-bottom:111px;} #products .items4 .slide:nth-child(2) .contents .list .line::before{ width:92px;} #products .items4 .slide:nth-child(2) .contents .list .line::after{ width:166px; right:calc(-166px / 2); bottom:0; transform:rotate(45deg) translate3d(-45%,0,0); -ms-transform:rotate(45deg) translate3d(-45%,0,0); -moz-transform:rotate(45deg) translate3d(-45%,0,0); -webkit-transform:rotate(45deg) translate3d(-45%,0,0); -o-transform:rotate(45deg) translate3d(-45%,0,0);} #products .items4 .slide:nth-child(2) .contents .list .product{ transform:translate3d(0,-50%,0);} /*越野改装系列-越野侧边 防撞踏板*/ #products .items4 .slide:nth-child(3){ top:67%; left:35.07%;} #products .items4 .slide:nth-child(3) .contents .list{ right:150%; bottom:150%;} #products .items4 .slide:nth-child(3) .contents .list .line{ padding-right:125px; padding-bottom:125px;} #products .items4 .slide:nth-child(3) .contents .list .line::before{ width:100px;} #products .items4 .slide:nth-child(3) .contents .list .line::after{ width:186px; right:calc(-186px / 2); bottom:0; transform:rotate(45deg) translate3d(-45%,0,0); -ms-transform:rotate(45deg) translate3d(-45%,0,0); -moz-transform:rotate(45deg) translate3d(-45%,0,0); -webkit-transform:rotate(45deg) translate3d(-45%,0,0); -o-transform:rotate(45deg) translate3d(-45%,0,0);} #products .items4 .slide:nth-child(3) .contents .list .product{ transform:translate3d(0,-50%,0);} #products .items4 .slide:nth-child(3) .contents .list .product .left{ margin-left:-40px;} /*越野改装系列-侧杠/踏板*/ #products .items4 .slide:nth-child(4){ top:69.81%; left:39.28%;} #products .items4 .slide:nth-child(4) .contents .list{ right:100%; top:100%;} #products .items4 .slide:nth-child(4) .contents .list .line{ padding-right:28px; padding-top:28px;} #products .items4 .slide:nth-child(4) .contents .list .line::before{ width:140px;} #products .items4 .slide:nth-child(4) .contents .list .line::after{ width:42px; right:calc(-42px / 2); top:0; transform:rotate(-45deg) translate3d(-45%,0,0); -ms-transform:rotate(-45deg) translate3d(-45%,0,0); -moz-transform:rotate(-45deg) translate3d(-45%,0,0); -webkit-transform:rotate(-45deg) translate3d(-45%,0,0); -o-transform:rotate(-45deg) translate3d(-45%,0,0);} #products .items4 .slide:nth-child(4) .contents .list .product{ top:100%; transform:translate3d(0,-50%,0);} #products .items4 .slide:nth-child(4) .contents .list .product .left{ margin-left:-40px;} /*越野改装系列-轮眉*/ #products .items4 .slide:nth-child(5){ top:62.45%; left:55.92%;} #products .items4 .slide:nth-child(5) .contents .list{ right:50%; top:100%;} #products .items4 .slide:nth-child(5) .contents .list .line{ padding-left:76px;} #products .items4 .slide:nth-child(5) .contents .list .line::before{ width:1px; height:126px;} #products .items4 .slide:nth-child(5) .contents .list .line::after{ width:66px; right:calc(-66px / 2); top:100%; transform:rotate(-45deg) translate3d(-50%,0,0); -ms-transform:rotate(-45deg) translate3d(-50%,0,0); -moz-transform:rotate(-45deg) translate3d(-50%,0,0); -webkit-transform:rotate(-45deg) translate3d(-50%,0,0); -o-transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(5) .contents .list .product{ top:115%; right:50%; transform:translate3d(4.5%,0,0);} /*越野改装系列-护灯前杠*/ #products .items4 .slide:nth-child(6){ top:65.18%; left:66.28%;} #products .items4 .slide:nth-child(6) .contents .list{ right:50%; top:100%;} #products .items4 .slide:nth-child(6) .contents .list .line{ padding-left:76px;} #products .items4 .slide:nth-child(6) .contents .list .line::before{ width:1px; height:98px;} #products .items4 .slide:nth-child(6) .contents .list .line::after{ width:66px; right:calc(-66px / 2); top:100%; transform:rotate(-135deg) translate3d(-50%,0,0); -ms-transform:rotate(-135deg) translate3d(-50%,0,0); -moz-transform:rotate(-135deg) translate3d(-50%,0,0); -webkit-transform:rotate(-135deg) translate3d(-50%,0,0); -o-transform:rotate(-135deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(6) .contents .list .product{ top:125%; left:130%; transform:translate3d(4.5%,0,0);} #products .items4 .slide:nth-child(6) .contents .list .product .cont .img{ margin-left:-30px;} #products .items4 .slide:nth-child(6) .contents .list .product .cont .name{ margin-top:6px;} /*越野改装系列-U型前杠*/ #products .items4 .slide:nth-child(7){ top:64.54%; left:75.42%;} #products .items4 .slide:nth-child(7) .contents .list{ left:-12px; top:0;} #products .items4 .slide:nth-child(7) .contents .list .line{ padding-left:80px; padding-top:70px;} #products .items4 .slide:nth-child(7) .contents .list .line::before{ width:84px;} #products .items4 .slide:nth-child(7) .contents .list .line::after{ width:80px; left:calc(80px / 2); bottom:0; transform:rotate(45deg) translate3d(-50%,0,0); -ms-transform:rotate(45deg) translate3d(-50%,0,0); -moz-transform:rotate(45deg) translate3d(-50%,0,0); -webkit-transform:rotate(45deg) translate3d(-50%,0,0); -o-transform:rotate(45deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(7) .contents .list .product{ right:auto; left:100%; top:auto; transform:translate3d(0,-50%,0);} #products .items4 .slide:nth-child(7) .contents .list .product .left{ margin-left:-30px;} /*越野改装系列-皮卡/牧马人泵把*/ #products .items4 .slide:nth-child(8){ top:60.6%; left:74.5%;} #products .items4 .slide:nth-child(8) .contents .list{ left:100%; bottom:100%;} #products .items4 .slide:nth-child(8) .contents .list .line{ padding-left:74px; padding-bottom:74px;} #products .items4 .slide:nth-child(8) .contents .list .line::before{ width:104px;} #products .items4 .slide:nth-child(8) .contents .list .line::after{ width:104px; right:calc(104px / 2); top:0; transform:rotate(-45deg) translate3d(-50%,0,0); -ms-transform:rotate(-45deg) translate3d(-50%,0,0); -moz-transform:rotate(-45deg) translate3d(-50%,0,0); -webkit-transform:rotate(-45deg) translate3d(-50%,0,0); -o-transform:rotate(-45deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(8) .contents .list .product{ right:auto; left:100%; transform:translate3d(0,-50%,0);} #products .items4 .slide:nth-child(8) .contents .list .product .cont .img{ margin-top:20px;} #products .items4 .slide:nth-child(8) .contents .list .product:hover .cont{ transform:translate3d(0,-30%,0);} /*越野改装系列-EEP车身防翻架*/ #products .items4 .slide:nth-child(9){ top:45.27%; left:61.78%;} #products .items4 .slide:nth-child(9) .contents .list{ left:100%; bottom:100%;} #products .items4 .slide:nth-child(9) .contents .list .line{ padding-left:190px; padding-bottom:190px;} #products .items4 .slide:nth-child(9) .contents .list .line::before{ width:104px;} #products .items4 .slide:nth-child(9) .contents .list .line::after{ width:274px; right:calc(274px / 2); top:0; transform:rotate(-45deg) translate3d(-50%,0,0); -ms-transform:rotate(-45deg) translate3d(-50%,0,0); -moz-transform:rotate(-45deg) translate3d(-50%,0,0); -webkit-transform:rotate(-45deg) translate3d(-50%,0,0); -o-transform:rotate(-45deg) translate3d(-50%,0,0); margin-right:-170px;} #products .items4 .slide:nth-child(9) .contents .list .product{ right:auto; left:100%; transform:translate3d(0,-50%,0);} #products .items4 .slide:nth-child(9) .contents .list .product .cont .img{ margin-top:20px;} #products .items4 .slide:nth-child(9) .contents .list .product:hover .cont{ transform:translate3d(0,-30%,0);} /*越野改装系列-UTV系列*/ #products .items4 .slide:nth-child(10){ top:45.9%; left:54.07%;} #products .items4 .slide:nth-child(10) .contents .list{ right:50%; bottom:100%;} #products .items4 .slide:nth-child(10) .contents .list .line{ padding-left:76px;} #products .items4 .slide:nth-child(10) .contents .list .line::before{ width:1px; height:166px;} #products .items4 .slide:nth-child(10) .contents .list .line::after{ width:66px; right:calc(-66px / 2); bottom:100%; transform:rotate(135deg) translate3d(-50%,0,0); -ms-transform:rotate(135deg) translate3d(-50%,0,0); -moz-transform:rotate(135deg) translate3d(-50%,0,0); -webkit-transform:rotate(135deg) translate3d(-50%,0,0); -o-transform:rotate(135deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(10) .contents .list .product{ top:auto; bottom:110%; left:110%; transform:translate3d(4.5%,0,0);} /*越野改装系列皮卡尾厢防翻架*/ #products .items4 .slide:nth-child(11){ top:46.9%; left:27.64%;} #products .items4 .slide:nth-child(11) .contents .list{ right:50%; bottom:100%;} #products .items4 .slide:nth-child(11) .contents .list .line{ padding-left:76px;} #products .items4 .slide:nth-child(11) .contents .list .line::before{ width:1px; height:180px;} #products .items4 .slide:nth-child(11) .contents .list .line::after{ width:66px; right:calc(-66px / 2); bottom:100%; transform:rotate(135deg) translate3d(-50%,0,0); -ms-transform:rotate(135deg) translate3d(-50%,0,0); -moz-transform:rotate(135deg) translate3d(-50%,0,0); -webkit-transform:rotate(135deg) translate3d(-50%,0,0); -o-transform:rotate(135deg) translate3d(-50%,0,0);} #products .items4 .slide:nth-child(11) .contents .list .product{ top:auto; bottom:110%; left:110%; transform:translate3d(4.5%,0,0);} #products .items4 .slide:nth-child(11) .contents .list .product .cont .img{ margin-top:20px;} #products .items4 .slide:nth-child(11) .contents .list .product:hover .cont{ transform:translate3d(0,-30%,0);} /*产品弹窗*/ #alertProducts{ width:100%; height:100%; display:flex; align-items:center; opacity:0; overflow:auto; background:rgba(0,0,0,.85); position:fixed; top:0; left:0; right:0; z-index:6; margin:auto;} #alertProducts .main{ height:100%; padding-top:3%;} #alertProducts .main .title{ width:100%; font-size:34px; color:#fff;} #alertProducts .main .item{ width:100%; height:780px; background:url(/images/img26.png) no-repeat center; background-size:100% 100%; position:relative; padding:4% 5%; margin-top:2%;} #alertProducts .main .item .shutdown{ width:3.6%; height:4.8%; position:absolute; right:0; top:8.4%; z-index:2;} #alertProducts .main .item .prev{ width:3.6%; height:4.8%; position:absolute; right:0; top:15%; z-index:2;} #alertProducts .main .item .next{ width:3.6%; height:4.8%; position:absolute; right:0; top:22%; z-index:2;} #alertProducts .main .item .slide{ opacity:0 !important;} #alertProducts .main .item .slide .img{ width:52.4%; overflow:hidden; border-radius:20px;} #alertProducts .main .item .slide .img .wrapper .list{ width:100%;} #alertProducts .main .item .slide .img .swiper-pagination{ font-size:0; bottom:32px;} #alertProducts .main .item .slide .img .swiper-pagination span{ width:10px; height:10px; opacity:1; background:#00fcff; border-radius:50%; position:relative; margin:0 6px;} #alertProducts .main .item .slide .img .swiper-pagination span::before{ width:100%; height:100%; border:2px solid #00fcff; border-radius:50%; display:none; position:absolute; top:50%; left:50%; margin:auto; content:''; transform:translate3d(-50%,-50%,0);} #alertProducts .main .item .slide .img .swiper-pagination span.swiper-pagination-bullet-active{ background:none;} #alertProducts .main .item .slide .img .swiper-pagination span.swiper-pagination-bullet-active::before{ display:block;} #alertProducts .main .item .slide .contents{ width:38.1%; height:100%;} #alertProducts .main .item .slide .contents .ites{ width:100%; height:80%; padding-right:16.6%; margin:10% 0;} #alertProducts .main .item .slide .contents .ites .subtitle{ width:100%; line-height:1.4; font-size:24px; color:#fff; margin-top:5%;} #alertProducts .main .item .slide .contents .ites .brief{ width:100%; line-height:2; font-size:16px; color:#fff; margin-top:24px;} #alertProducts .main .item .slide .contents .ites .features{ margin-top:50px; width:100%; height: 350px;} #alertProducts .main .item .slide .contents .ites .features .list{ width:25%; margin-right:12.5%; margin-top:12.5%;} #alertProducts .main .item .slide .contents .ites .features .list .icon{ width:100%; border:1px solid #fff; border-radius:50%;} #alertProducts .main .item .slide .contents .ites .features .list .icon::after{ padding-top:100%;} #alertProducts .main .item .slide .contents .ites .features .list .txt{ line-height:1; font-size:16px; color:#fff; margin-top:14px;} #alertProducts .main .item .slide .contents .ites .features .list:nth-child(-n+3){ margin-top:0;} #alertProducts .main .item .slide .contents .ites .features .list:nth-child(3n){ margin-right:0;} #alertProducts .main .item .slide.swiper-slide-active{ opacity:1 !important;} #alertProducts .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background:rgba(0,252,255,.2);} #alertProducts .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background:#00fcff;} #alertProducts.show{ opacity:1;} /*股票*/ #stock{padding: 53px 0;} #stock .con td{padding-top: 20px;padding-bottom: 20px;border-right: 1px solid rgba(255,255,255,.2);vertical-align: middle;} #stock .con .w1{ width:330px; padding:0 70px;} #stock .con .w1 .code, #stock .con .w1 .number{padding-left: 23px;} #stock .con .w1 .number{display: inline-block;margin-bottom: 13px; position:relative;} #stock .con .w1 .number img{ width:12px; position:absolute; top:50%; left:0; z-index:2; transform:translate3d(0px,-50%,0);} #stock .con .w1 .number img.fall{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);} #stock .con .w1 .number.dn{background: url(/images/bico17.png) no-repeat left bottom;} #stock .con .w1 .n1{font-size: 36px;line-height: 36px;font-family: 'Gilory-Medium';} #stock .con .w1 .n2{font-size: 12px;margin-left: 6px;} #stock .con .w2{display: flex; justify-content: space-around; align-items: center; width: 690px;/*padding-right: 80px;*/} #stock .con .w2 .t1, #stock .con .w1 .code{font-size: 16px;} #stock .con .w2 .n3{ width:15%; margin-left: 60px;text-align: center;margin-bottom: 20px;} #stock .con .w2 .t2{font-size: 16px;font-family: 'Gilory-Medium';margin-top: 10px;} #stock .con .w3{width: 360px;padding: 0 60px;border-right: none;} #stock .con .w3 .t1{font-size: 14px;font-family: 'Gilory';} #stock .con .w3 .t2{font-size: 14px;margin-top: 12px;} #stock .con *{color: #fff;} /*投资者关系-最新通告、财务信息、投资者推介*/ #investment{margin-bottom: 120px;} #investment .list {margin-bottom: 100px;margin-top: 60px;} #investment .list .li{border-bottom: 1px solid #e5e5e5;padding: 39px 0 40px;} #investment .list .li:after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;} #investment .list .li .date3, #investment .list .li .date{color: #666666;font-size: 30px;font-family: 'Gilory';padding: 0 1.93% 0 5.71%;} #investment .list .li .date3{display: none;} #investment .list .li .date2{margin-top: 15px;color: #666666;font-size: 16px;font-family: 'Gilory';} #investment .list .li .title{width: 71.43%;background: url(/images/bico7.png) no-repeat 95% center;} #investment .list .li .title .t1{width: 85.6%;color: #666666;font-size: 16px;height: 40px;line-height: 40px;} #investment .list .li:hover::after{background: #e60012;} #investment .list .li:hover{border-color: #e60012;} #investment .list .li:hover .title{background-image: url(/images/bico9.png);} #investment .list .li:hover .title .t1{color: #e60012;} /*公司治理*/ #governance{} #governance .content{padding: 90px 0 100px 0;background: url(/images/gover-bg.png) no-repeat;background-size: cover;} /*投资者咨询*/ #consult{} #consult .wrap{ border-bottom: 1px solid #eaeaea; padding:80px 0 100px;} #consult .wrap .content{margin-top: 80px;display: flex;justify-content: space-between;} #consult .wrap .content .item .icon{width: 110px;height: 110px;border-radius: 100%;/*border: 1px solid #eaeaea;*/margin-right: 36px;} #consult .wrap .content .item .icon .btn--outline{width: 110px;height: 110px;} #consult .wrap .content .item .icon.email{background: url(/images/consult-email.png) no-repeat center;} #consult .wrap .content .item .icon.tel{background: url(/images/consult-tel.png) no-repeat center;} #consult .wrap .content .item .icon.date{background: url(/images/consult-time.png) no-repeat center;} #consult .wrap .content .item .text{margin-top: 30px;line-height: 30px;} #consult .wrap .content .item .text .t1{font-size: 16px;color: #888;} #consult .wrap .content .item .text .t2{font-size: 20px;color: #333;font-family: "Gilroy-Medium";} /*来访挂号*/ #visit{padding-top: 100px;} #visit .note{font-size: 16px;color: #333;margin:40px 0 80px;} #visit .note span{color: #e60012;margin: 0 5px;} #visit .bg{background: #f9f9f9;/*height: 860px;*/padding: 76px 0;} #visit .bg .pic{left: 0;top: 0;bottom: 0;width: 50%;} #visit .bg .form-box{/*width: 50%;*/} #visit .bg .form-box .list{line-height: 54px;margin-bottom: 10px;} #visit .bg .form-box .list.date{position: relative;} #visit .bg .form-box .list.date::after{content: "选择日期";background: url(/images/visit-date.png) no-repeat left;font-size: 16px;color: #888;padding-left: 30px;position: absolute;right: 20px;pointer-events: none;} #visit .bg .form-box .list .tit{font-size: 16px;color: #333;width: 100px;} #visit .bg .form-box .list .star:before{content: "*";position: absolute;left: -10px;top: 2px;font-size: 16px;color: #e60012;margin-right: 5px;} #visit .bg .form-box .list .inp{width: 500px;height: 54px;font-size: 16px;border: 1px solid #e5e5e5;padding-left: 20px;background: #fff;} #visit .bg .form-box .list .text{width: 500px;height: 160px;resize: none;font-size: 16px;border: 1px solid #e5e5e5; padding:20px; line-height: 1.8;background: #fff;} #visit .bg .form-box .list .yzm{width: 160px;height: 54px; text-transform:uppercase; font-size: 16px;border: 1px solid #e5e5e5;padding-left: 20px;margin-right: 10px;background: #fff;} #visit .bg .form-box .list .yzm-box{width: 160px;height: 54px;border: 1px solid #e5e5e5;background: #fff;margin-right: 10px;} #visit .bg .form-box .list .yzm-box img{width: 90%;height: 90%;margin-left: 15px;} #visit .bg .form-box .list .submit{display: inline-block;text-align: center;font-size: 16px;color: #fff;width: 160px;height: 54px;background: #e60012;margin: 30px 10px 0 105px;} #visit .bg .form-box .list .reset{display: inline-block;text-align: center;font-size: 16px;color: #fff;width: 160px;height: 54px;background: #595857;} /*鸿运国际文化*/ #culture{padding: 80px 0 120px 0;} #culture .content{ margin-top:80px;} #culture .content .list{margin-bottom: 80px;} #culture .content .list .pic{width: 57.142%;} #culture .content .list .con{width: 700px;height: 360px;background: #fff;top: 70px;right: 0;padding: 0 80px;box-shadow: 0 0 18px 6px rgb(0,0,0,.1);text-align: left;} #culture .content .list .con .t1{font-size: 18px;color: #333;} #culture .content .list .con .t2{font-size: 20px;color: #e60012;margin: 30px 0;} #culture .content .list .con .des{font-size: 16px;color: #888;line-height: 30px;} #culture .content .list:nth-child(2n+2) .con{left: 0;top: 70px;} #culture .content .list:nth-child(2) .con .t2{font-size: 24px;margin-bottom: 15px;} #culture .content .list:nth-child(2) .con .t2-en{font-size: 12px;} #culture .content .list:nth-child(n+3) .con{padding: 0;} #culture .content .list .con .pic-ico{width: 50%;height: 100%; display:none;} #culture .content .list .con .text{width: 90%;height: 100%;text-align: left;} #culture .content .list .con .text .tit1{font-size: 18px;color: #333;margin-bottom: 55px;} #culture .content .list .con .text .tit1>span{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;} #culture .content .list .con .text .tit1 .z{font-size: 30px;color: #e60012;font-weight: 700;margin-left: 20px;} #culture .content .list .con .text .tit2{font-size: 24px;color: #333;margin-bottom: 22px;} #culture .content .list:first-child .con .text .tit2, #culture .content .list:nth-child(2) .con .text .tit2{ color: #e60012;} #culture .content .list .con .text .li{font-size: 14px;line-height: 24px;color: #888;position: relative;} #culture .content .list .con .text .li::before{position: absolute;content: "";width: 3px;height: 3px;border-radius: 100%;background: #919191;left: -10px;top: 10px;} #culture .content .list.cur .con .text{padding-left: 68px;} /*社会招聘*/ #recrut{padding: 80px 0 150px 0;} #recrut .form-box{margin-top: 80px;} #recrut .form-box .select{width: 140px;height: 50px;border-bottom: 2px solid #595857;padding-left: 5px;font-size: 16px;color: #444;margin-right: 20px;} #recrut .form-box .inp{width: 540px;height: 50px;border-bottom: 2px solid #595857;padding-left: 5px;font-size: 16px;color: #999;margin-right: 20px;text-align: left;} #recrut .form-box .inp input{width: 100%;} #recrut .form-box .search{width: 110px;height: 50px;background: #e60012;font-size: 14px;color: #fff;} #recrut .content{margin-top: 80px;} #recrut .content .list .job .top-li{border-bottom: 1px solid #e1e1e1;padding: 32px 0;line-height: 34px;} #recrut .content .list .job .top-li .p1{width: 15.714%;padding-left: 60px;} #recrut .content .list .job .top-li .p2{width: 31.428%;padding-left: 80px;} #recrut .content .list .job .top-li .p3{width: 16.857%;} #recrut .content .list .job .top-li .p4{width: 23.928%;} #recrut .content .list .job .top-li .p5{width: 12.073%;} #recrut .content .list-tit .job .top-li{font-size: 16px;color: #888;padding: 26px 0;background: #fafafa;border: 1px solid #e1e1e1;border-top: 1px solid #595857;} #recrut .content .list-con .job .top-li{font-size: 16px;color: #444;} #recrut .content .list-con .job .top-li .p1{color: #696969;font-family: "GILROY-REGULAR";border-right: 1px solid #e1e1e1;} #recrut .content .list-con .job .top-li .p5{color: #696969;} #recrut .content .list-con .job .con{padding: 50px 0 74px 60px;background: #fafafa;} #recrut .content .list-con .job .con .box .tit{font-size: 18px;color: #333;margin-bottom: 30px;} #recrut .content .list-con .job .con .box .des{font-size: 14px;color: #888;line-height: 26px;} #recrut .content .list-con .job .con .b1{margin-bottom: 70px;} #recrut .content .list-con .job .con .b2{margin-bottom: 60px;} #recrut .content .list-con .job .con .note{font-size: 14px;color: #e60012;line-height: 26px;} #recrut .content .list-con .job .top-li:hover{background: #fafafa;} #recrut .content .list-con .job .top-li.on{background: #fafafa;} #recrut .content .list-con .job .con .tdjl{width: 110px;height: 50px;line-height: 50px;background: #e60012;font-size: 14px;color: #fff;margin-top: 20px;text-align: center;} /*人才生长*/ #talent{padding: 80px 0 100px 0;} #talent .content{font-size: 16px;color: #333;line-height: 30px; margin-top:80px;} #talent .video{width: 57.142%;margin: 50px auto 0;} #talent .video .pic .icon{width: 60px;height: 60px;background: url(/images/play.png) no-repeat center;} #talent .video .pic .txt{font-size: 16px;color: #fff;margin-top: 20px;} #promotion{padding: 80px 0 100px 0;background: #fafafa;} #promotion .content{ margin-top:70px;} #promotion .content .video{width: 50%;} #promotion .content .video .pic .icon{width: 60px;height: 60px;background: url(/images/play.png) no-repeat center;} #promotion .content .video .pic .txt{font-size: 16px;color: #fff;margin-top: 20px;} #promotion .content .con{width: 50%;font-size: 16px;color: #333;line-height: 30px;padding: 170px 0 0 155px;} #life{padding: 80px 0 120px 0;} #life .content{width: 86.459%;height: 410px; margin-top:80px;} #life .content .container .wrapper{ -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear; /*之前是ease-out*/} #life .content .slide .max-pic-box{display: grid;grid-template-columns: 405px;grid-template-rows: 405px;grid-gap: 6px;} #life .content .slide .mid-pic-box{display: grid;grid-template-columns: 200px 200px;grid-template-rows: 200px 200px;grid-gap: 6px;} #life .content .slide .min-pic-box{display: grid;grid-template-columns: 98px 98px;grid-template-rows: 98px 98px;grid-gap: 6px;} #life .content .slide .pic[video]{ position:relative;} #life .content .slide .pic[video]::before{ width:14%; height:14%; max-width:60px; max-height:60px; min-width:20px; min-height:20px; background:url(/images/play.png) no-repeat center; background-size:100% 100%; position:absolute; top:50%; left:50%; z-index:2; content:''; transform:translate3d(-50%,-50%,0);} /*#life .content .slide .max-pic-box{display: grid;grid-template-columns: 100%;grid-template-rows: 100%;grid-gap: 6px;} #life .content .slide .mid-pic-box{display: grid;grid-template-columns: 50% 50%;grid-template-rows: 50% 50%;grid-gap: 6px;} #life .content .slide .min-pic-box{display: grid;grid-template-columns: 50% 50%;grid-template-rows: 50% 50%;grid-gap: 6px;}*/ /*H5兼容*/ @media (max-width: 1680px){ #ind-news .wrap2 .right .con2 .c{ margin-right:4%;} #ind-news .wrap2 .right .con2 .c .t.cur span{ font-size:60px;} #ind-news .wrap2 .right .con2 .c .t.cur span{ font-size:50px;} #ind-news .wrap2 .right .con2 .c .t span{ font-size:30px;} #ind-news .wrap2 .right .con2 .d{ font-size:18px;} } @media (max-width: 1440px){ #banner .swiper-pagination{ bottom:18%;} /* #banner.pc .slide .img{ height:780px;} */ /* #banner.pc .slide .video{ height:780px;} */ #stock .con .w3{ padding: 0 30px;} #strategic .future .list .con{width: 73%;margin-left: 8%;font-size: 14px;line-height: 24px;} #Subsidiary .sub-list .sub-item .img{ width: 35.5774%;} #Subsidiary .sub-list .sub-item .info{ width: calc(100% - 35.5774% - 23px);} } @media (max-width: 1290px){ #ind-news .wrap2 .right{ width:60%;} } @media (max-width: 1280px){ #strategic .future .list .boxs{width: 32%;margin-right: 2%;} #strategic .future .list .con{width: 86%;font-size: 16px;} #strategic .future .list .h{height: 100%;} #Subsidiary .sub-list .sub-item .img{ width: 22.5774%;} #Subsidiary .sub-list .sub-item .info{ width: calc(100% - 22.5774% - 23px);} } @media (max-width: 1200px){ #banner .swiper-pagination{ bottom:23%;} #stock .con .w1 .n1{font-size: 30px;line-height: 30px;} #stock .con .w1 .number{background-position: left 16px;} #stock .con .w2 .t1, #stock .con .w1 .code{font-size: 14px;} #stock .con .w1{padding-left: 4%;padding-right: 40px;} /* #stock .con .w2{padding-right: 45px;} */ #stock .con .w2 .n3{margin-left: 45px;} } @media (max-width: 1080px){ #team .item .con .center{width: 85%;left: 12%;} #team .item .con .desc{font-size: 14px;line-height: 26px;} #ind-news .wrap2 .right{ width:66%;} #Subsidiary .sub-list .sub-item{ flex-direction: column; margin-top: 30px; text-align: center;} #Subsidiary .sub-list .sub-item .img{ width: 100%;} #Subsidiary .sub-list .sub-item .img:before{ display: none;} #Subsidiary .sub-list .sub-item .info{ margin: 20px 0 0 0; width: 100%; text-align: left;} } @media only screen and (max-width:980px){ #banner .swiper-pagination{ bottom:28%;} #products .switch{ display:none;} #header .right .other .slide.search .form{ position:fixed; top:83px; left:0; right:0; z-index:5; padding:0; margin:auto;} #header .right .other .slide.search .form form{ width:100%; height:80px; padding:0 36px;} #header .right .other .slide.search .form form .input{ width:80%; font-size:24px;} #header .right .other .slide.search .form form .submit{ width:30px; float:right; background-size:100%;} #EnterpriseHonor{ padding:80px 0;} #EnterpriseHonor .item{ margin-top:36px;} #EnterpriseHonor .item .container .slide{ width:50%; padding:20px 30px;} #EnterpriseHonor .item .container .slide .title{ font-size:24px; margin-top:20px;} #strategic .future .quan3{background-image: url(/images/bico24.png);} #strategic .future .list .boxs:last-child, #strategic .future .list .boxs{width: 90%;margin: 0 auto 30px;float: none;background: url(/images/bico25.png) center center/100% 100%;} #strategic .future .list .boxs:before, #strategic .future .list .boxs .bg2{display: none;} #strategic .future .list .boxs:last-child{margin-bottom: 0;} #strategic .future .list .h{height: calc(100% - 20px);} #strategic .future .list .con{width: 64%;font-size: 24px;line-height: 34px;} } @media (max-width: 780px){ #banner .swiper-pagination{ bottom:18%;} #search{ padding:120px 0;} #search .forms{ width:80%; margin-bottom:80px;} #search .forms .text{ width:88%; height:60px; font-size:30px;} #search .forms .submit{ width:60px; height:60px; background-size:24px;} #search .list .info .title{ width:100%; line-height:1.4; font-size:28px; margin-right:0; margin-bottom:10px;} #search .list .info .day, #search .list .info .cate{ font-size:24px;} #search .list .info .desc{ font-size:20px; margin-top:10px;} #header .right .other{ margin-top:16px;} #jextalert *{ font-size:22px !important;} #jextalert a{ font-size:30px !important;} #jextalert.meta > [bottom] [yes], #jextalert.meta > [bottom] [not]{ font-size:24px !important;} #footer .two .right .share .slide span{ display:none !important;} #strategic .future .list .boxs:last-child, #strategic .future .list .boxs{width: 100%;} #strategic .future .quan2{padding-top: 58px;} #strategic .future .list .h{height: calc(100% - 35px);} #strategic .future .quan2 .tit{width: 123px;font-size: 24px;line-height: 32px;} #team .item{display: block;} #team .item .img, #team .item .con{width: 100%;margin: 0;} #team .item .con{padding-top: 40px;} #team .item .con .center{position: static;width: 92%;} #team .item .con .name{font-size: 28px;} #team .item .con .posi{font-size: 25px;margin: 15px 0 30px;} #team .item .con .desc{font-size: 24px;line-height: 36px;padding-bottom: 60px;} #contact .way .w{width: 90%;margin: 0 5% 10%;display: block;} #contact .way .w .ico, #contact .way .w .ico .btn--outline{width: 160px;height: 160px;} #contact .way .w .con, #contact .way .w .tit{font-size: 26px;} #contact .way .w .tit{margin: 30px 0 25px;} #contact .map{height: 450px;} #infoDetail .date, #infoDetail .cate{font-size: 26px;line-height: 34px;} #infoDetail .editor{margin-top: 60px;} #infoDetail .cate{padding: 0 12px;} #infoDetail .prev-next .back, #infoDetail .prev-next .pn, #infoDetail .editor{font-size: 26px;} #stock .con table{width: 100%;} #stock .con .w1, #stock .con .w2, #stock .con .w3{width: 100%;display: block;padding: 32px 3%;text-align: center;} #stock .con .w2{ display: flex; padding: 32px 0;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);} #stock .con .w2 .n3{width: 20%;margin: 0 2.5%;} #stock .con td{border-right: none;} #stock .con .w3{} #stock .con .w2 .t1, #stock .con .w1 .code, #stock .con .w3 .t1, #stock .con .w3 .t2, #stock .con .w1 .n2{font-size: 26px;} #investment .list .li .date2, #investment .list .li .date{display: none;} #investment .list .li .date3{display: block;font-size: 24px;padding-left: 0;} #investment .list .li .title .t1{line-height: 30px;font-size: 26px;height: 30px;} #Subsidiary .sub-list{ display: flex; flex-direction: column;} #Subsidiary .sub-list .sub-item{ margin: 60px 0 0; width: 100%;} #Subsidiary .sub-list .sub-item:nth-child(-n+2){ margin-top: 60px;} #Subsidiary .sub-list .sub-item:first-child{ margin-top: 0;} #Subsidiary .sub-list .sub-item .img{ width: 100%;} #Subsidiary .sub-list .sub-item .img img{ width: 100%;} #Subsidiary .sub-list .sub-item .info{ margin: 0 auto; width: 85%;} #Subsidiary .sub-list .sub-item .info .tit{ margin-top: 15px; line-height: 1.8; font-size: 34px;} #Subsidiary .sub-list .sub-item .info .company{ line-height: 1.8; font-size: 34px;} #Subsidiary .sub-list .sub-item .info .brief{ line-height: 1.8; font-size: 24px;} } /*英文兼容*/ html[lang='en'] #ind-news .wrap2 .right{ width:75%; margin-left:3%;} html[lang='en'] #ind-news .wrap2 .right .con2 .c .t.cur span{ font-size:60px;} html[lang='en'] #products .item .slide .contents .list .product.style1 .cont .name{ width:70%; font-size:16px;} html[lang='en'] #products .item .slide .contents .list .product.style1.cur .cont .name{ transform:translate3d(-16%,0,0);} <!--耗时1734304451.1759秒-->