@charset "utf-8"; /*banner*/ .bannerbox{ position:relative} .banner{ height:855px; position:relative} .banner a{ display:block; width:100%; height:100%;} .banner .item{ height:855px;background-repeat:no-repeat; background-position:center; background-size:cover} .bannerbox .bannertitle{ text-align:center; position:absolute;top:50%; transform:translateY(-50%); margin-top:-40px; z-index:3; left:0; right:0} .bannerbox .bannertitle img{ display:inline-block; width:1040px} .banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:60px; text-align:center} .banner .slick-dots li{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: alll 0.3s;display:inline-block; width:12px; height:12px; margin:0 10px; border-radius:50%; border:1px solid #fff;cursor:pointer; position:relative; } .banner .slick-dots li.slick-active{ background:#fff;} .banner .slick-dots button{ display:none} /*金沙9170登录入口*/ .notice{ position:absolute; z-index:1; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); border-top:1px solid rgba(125,125,125,.7); margin-bottom:1px solid rgba(125,125,125,.7); color:#fff; } .notice .ul{ margin-left:90px; background:url(../images/ico-notice.png) no-repeat left center; background-size:13px; padding-left:56px} .notice .weap{ position:relative} .notice .ul a{ display:block; height:42px; line-height:42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .notice a{ color:#fff} .notice .title{ position:absolute; z-index:1; left:0;top:50%; margin-top:-13px; height:26px; line-height:26px;} .notice .title span{ display:block; background-color:#0091dc; color:#fff; font-size:14px; border-radius:26px; padding:0 10px;} .notice .more{ position:absolute; z-index:1; right:0;top:50%; margin-top:-11px} .notice .more a{display:block; background-color:#0091dc; color:#fff; font-size:14px; border-radius:26px; padding:0 10px;} .notice .more a i{ font-family:"宋体"; margin-left:5px} .notice .ul a{ padding-right:65px;} .plo{ border-bottom:1px solid #c7c7c7; margin-bottom:36px; padding-bottom:12px} .plo h3{ font-size:24px; display:inline; font-weight:normal} .plo .eng{ font-size:15px; color:#9fa0a0; text-transform:uppercase; margin-left:10px; font-family:Arial, Helvetica, sans-serif} .index01{ padding-top:70px; padding-bottom:40px} .index01 .rotations{ float:left; width:46.64%} .index01 .rotations img{ display:block; height:415px; width:100%} .index01 .rotations .slick-dots{ height:45px; background-color:#595757; text-align:right; padding-right:32px; font-size:0; padding-top:15px} .index01 .rotations .slick-dots button{ display:none} .index01 .rotations .slick-dots li{ display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#fff; margin:0 8px; cursor:pointer} .index01 .rotations .slick-dots li.slick-active{ background-color:#0091dc} .index01 .indexlist{ float:right; width:46.64%} .index01 .indexlist li{ padding-left:38px; position:relative} .index01 .indexlist li:before{ content:""; display:block; width:8px; height:8px; position:absolute; z-index:1; left:0;top:50%; margin-top:-4px; background-color:#00a3c2; border-radius:50%;} .index01 .indexlist li a{ display:block; line-height:75px; position:relative; border-bottom:1px dashed #b5b5b6; padding-right:40px} .index01 .indexlist li:last-child a{ border-bottom:none} .index01 .indexlist li span{ display:block; position:absolute; z-index:1; right:0;top:0; font-size:14px} .index01 .indexlist li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index02{ padding-top:30px; padding-bottom:40px;} .index02 .video{ height:490px; background-color:#000} .index02 .video video{ height:100%} .index02 .bd{ margin-bottom:35px} .index02 .bd .item{ display:none} .index02 .bd .item:nth-child(1){ display:block} .index02 .hd{ margin-left:-10px; margin-right:-10px; overflow:hidden} .index02 .hd .item{ padding:0 10px; text-align:center; cursor:pointer; float:left; width:25%; margin-bottom:20px} .index02 .hd .item:nth-child(n+5){ display:none} .index02 .hd.block .item:nth-child(n+5){ display:block} .index02 .hd img{ width:100%; height:180px;} .index02 .hd h3{ background-color:#dcdedf; line-height:64px; height:64px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index02 .hd .item.on h3{ background-color:#0091dc; color:#fff} .index02 .videomore{ text-align:center} .index02 .videomore span{ display:inline-block; background-color:#0091dc; padding:0 20px; font-size:17px; height:30px; line-height:30px; color:#fff; border-radius:30px; cursor:pointer} .index02 .videomore span:hover{ opacity:.9} .index03{ padding-top:50px; padding-bottom:40px} .index03 .bd ul{ overflow:hidden; margin-left:-20px; margin-right:-20px;} .index03 .bd ul li{ float:left; width:50%; margin-bottom:34px} .index03 .bd ul li a{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:0 20px; padding-left:20px; position:relative} .index03 .bd ul li a:before{ content:""; display:block; width:5px; height:6px; position:absolute; z-index:1; left:0;top:50%; margin-top:-3px; background-color:#00a3c2} .index04{ padding-top:30px; padding-bottom:0px;} .index04 .bd{ overflow:hidden} .index04 .bd ul{ margin-left:-10px; margin-right:-10px;} .index04 .bd li{ float:left; width:25%; text-align:center; margin-bottom:40px} .index04 .bd li a{ display:block; margin:0 10px;} .index04 .bd li .img{ overflow:hidden; margin-bottom:16px;} .index04 .bd li .img img{ display:block; width:100%; height:220px} .index04 .bd li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .index05{ padding-bottom:80px; padding-top:20px} .index05 .plo{ border-bottom:none; margin-bottom:10px} .index05 .bdbox{ border:1px solid #c7c7c7} .index05 .bd .a{ text-align:center; padding: 10px;} .index05 .bd .a .img{ margin:0 auto; display:inline-block} .index05 .bd .a .img img{ max-width:208px; width:100%} .index05 .bd .a h3{ font-weight:normal} .index05 .hd{border-top:1px solid #c7c7c7; text-align:center; padding:25px 0; font-size:0} .index05 .hd .slick-arrow{ display:inline-block; vertical-align:middle; width:16px; height:18px; cursor:pointer; overflow:hidden; text-indent:-99px; border:none; margin:0 30px; background-repeat:no-repeat; background-position:center; background-size:100%; background-color:transparent} .index05 .hd .slick-prev{ background-image:url(../images/ico-prev.png)} .index05 .hd .slick-next{ background-image:url(../images/ico-next.png)} .index05 .hd .ul{ display:inline-block; vertical-align:middle} .index05 .hd .ul li{ display:inline-block; vertical-align:middle; width:10px; height:10px; background-color:#c6c6c6; border-radius:50%; margin:0 5px; cursor:pointer} .index05 .hd .ul li.slick-active{ background-color:#1cc3ee} .index05 .hd .ul li button{ display:none} /*栏目*/ .lanmumain{ padding:60px 0} .nbanner img{ display:block; width:100%} .lanmumain .box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} .lanmumain .box .lanmuleft{ flex:0 0 290px; margin-right:110px} .lanmumain .box .lanmuright{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; min-width:0} .lanmutitle{ background-color:#0091dc; color:#fff; border:1px solid #c7c7c7; padding-left:25px; padding-top:35px; padding-bottom:5px; height:81px} .lanmutitle h3{ display:inline; font-size:24.4px; font-weight:normal} .lanmutitle .eng{ font-size:15px; text-transform:uppercase; margin-left:10px; letter-spacing:-1px; line-height:1.2;} .lanmuleft03 .lanmutitle .eng{ font-size:12px} .lanmunav ul{border-left:1px solid #c7c7c7;border-right:1px solid #c7c7c7} .lanmunav li{ border-bottom:1px solid #c7c7c7} .lanmunav li a{ display:block; padding-left:30px; line-height:42px; /*height:42px;*/ font-size:16px} .lanmunav li.jyzl a { line-height: 24px; } .lanmunav li a:before{ content:""; display:inline-block; vertical-align:middle; margin-right:20px;width: 0; height: 0; border-top: 3px solid transparent; border-left: 6px solid #7d7d7d; border-bottom: 3px solid transparent;} .lanmunav li a:hover,.lanmunav li.on a{ background-color:#11b8b6; color:#fff} .lanmunav li a:hover:before,.lanmunav li.on a:before{ border-left: 6px solid #fff} .path{ overflow:hidden; border-bottom:1px solid #c7c7c7; height:81px; padding-top:30px; margin-bottom:65px; margin-left:-110px; padding-left:110px;} .path h3{ float:left; font-size:28px; font-weight:normal } .path .ul{ float:right; font-size:15px; padding-top:15px} .path .ul a{ font-size:15px;} .path .ul i{ font-family:"宋体"; font-weight:bold; margin:0 10px} .conn{ line-height:2; overflow:hidden; text-align:justify} .conn img{ max-width:100%; height:auto !important} .newslist{ margin-top:-30px} .newslist .bd li a{ display:block; position:relative; height:55px; line-height:55px; padding-right:121px;} .newslist .bd li span{ display:block; position:absolute; z-index:1; right:0;top:0;} .newslist .bd li{ border-bottom:1px dotted #7d7d7d} .newslist .bd li h3{ font-weight:normal; font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newspages{ margin-top:-30px;} .newspages .title{ font-size:25px; line-height:1.4; margin-bottom:45px; font-family:'SourceHanSerifSC-re'; font-weight:700} .newspages .pageconn{ font-size:18px; line-height:2; margin-bottom:80px; min-height:420px; overflow:hidden} .newspages .pageconn a{ font-size:18px} .newspages .pageconn img{ max-width:100%; height:auto !important} .prevnext li{ margin:10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .prevnext li,.prevnext li a{ font-size:15px;} .lanmuplo{ border-bottom:1px solid #c7c7c7; padding-bottom:10px; margin-bottom:70px} .lanmuplo h3{ font-size:28px; font-weight:normal; font-weight:normal} .lanmuplo .eng{ font-size:13px; text-transform:uppercase;} .piclist .bd ul{ overflow:hidden; margin-left:-10px; margin-right:-10px;} .piclist .bd li{ float:left; width:25%; text-align:center; margin-bottom:65px;} .piclist .bd li a{ display:block; margin:0 10px;} .piclist .bd li .img{ overflow:hidden; margin-bottom:30px;} .piclist .bd li .img img{ display:block; width:100%; height:220px;} .piclist .bd li h3{ font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newslist.li02 .bd li a{ background:url(../images/li02.png) no-repeat center left; padding-left:20px} .newslist.li03 .bd li a{ background:url(../images/li03.png) no-repeat center left; padding-left:20px} .newslist.li03 .bd li a:hover{ color:#e20505} .lanmuleft02 .lanmutitle{ background-color:#e20505} .lanmuleft02 .lanmutitle .eng{ font-size:12px; display:inline-block; width:145px; vertical-align:middle; position:relative;top:-2px} .lanmuleft02 .lanmunav li a:hover,.lanmuleft02 .lanmunav li.on a{ background-color:#ffbd1f; color:#e20505} .lanmuleft02 .lanmunav li a:hover:before, .lanmuleft02 .lanmunav li.on a:before{ border-left: 6px solid #e20505;} .contactbox .hd{ text-align:center; font-size:24px; margin-bottom:60px} .contactbox .hd h3{ display:inline-block; vertical-align:middle; font-weight:normal} .contactbox .hd .eng{ font-family:Arial, Helvetica, sans-serif; vertical-align:middle; margin-left:10px; text-transform:uppercase; color:#999; font-size:20px} .contactbox .title{ text-align:center; margin-bottom:70px} .contactbox .title h3{ font-size:30px; font-weight:normal; letter-spacing:6px} .contactbox .title .eng{ font-size:20px; color:#8c8c8c; font-family:Arial, Helvetica, sans-serif;letter-spacing:3px } .contactbox .addlist{ margin-bottom:140px; color:#848484} .contactbox .addlist a{ color:#848484} .contactbox .addlist ul{ text-align:justify} .contactbox .addlist ul:after{ content:''; width: 100%; display: inline-block; height: 0; } .contactbox .addlist ul li{ display:inline-block; padding-left:40px; background-position: left 2px; background-repeat:no-repeat; margin-bottom:10px; min-height:26px} .contactbox .addlist ul .l1{ background-image:url(../images/ico-a01.png)} .contactbox .addlist ul .l2{ background-image:url(../images/ico-a02.png)} .contactbox .addlist ul .l3{ background-image:url(../images/ico-a03.png)} .contactbox .addlist ul .l4{ background-image:url(../images/ico-a04.png)} .addmap{ position:relative} .addmap .lis{ position:absolute; z-index:1; left:0;top:0; bottom:0; background-color:rgba(0,0,0,.86); width:400px; padding:45px; overflow-y:auto} .addmap .lis li{ color:#fff; line-height:1.4; margin-bottom:20px; cursor:pointer; font-size:16px; font-family:"SourceHanSerifSC-Light"; font-weight:lighter} .addmap .lis li.on{ color:#0091dc} .addmap .map{ height:550px;} .addmap .popbox{ position:absolute; width:520px; height:290px; background-color:#fff; right:15%;top:50%; margin-top:-145px;} .addmap .popbox .close{ position:absolute; z-index:1; width:38px; height:38px; top:10px; right:10px; cursor:pointer; background:url(../images/ico-close.png) no-repeat center; background-size:50%; opacity:.6} .addmap .popbox li{ padding:60px 45px; font-size:16px;font-family:"SourceHanSerifSC-Light"; font-weight:lighter } .addmap .popbox li a{font-size:16px;} .addmap .popbox li h3{ font-weight:normal; margin-bottom:15px} .addmap .popbox li p{ display:block; padding-left:40px; background-position: left 2px; background-repeat:no-repeat; margin-bottom:15px; min-height:26px} .addmap .popbox li p.p1{ background-image:url(../images/ico-a01.png)} .addmap .popbox li p.p2{ background-image:url(../images/ico-a02.png)} .addmap .popbox li p.p4{ background-image:url(../images/ico-a04.png)} .addmap .popbox li{ display:none} .ke-insertfile{ color:#0091dc} @media(max-width:1920px) { .banner{ height:44.5vw} .banner .item{ height:44.5vw} .bannerbox .bannertitle{ margin-top:-2vw} .bannerbox .bannertitle img{ width:54.16vw} } @media(max-width:1440px) { .index01 .rotations img{ height:26vw} .index01 .indexlist li a{ line-height:5vw} } @media(max-width:1368px) { .notice .title{ left:10px;} .index03 .bd ul{ margin-left:-10px; margin-right:-10px;} .index03 .bd ul li a{ margin:0 10px;} .index03 .bd ul li{ margin-bottom:25px} .index02 .hd img{ height:13.4vw} .index04 .bd li .img img{ height:16.4vw} .piclist .bd li .img img{ height:16.4vw} .notice .more{ right:10px} } @media(max-width:900px) { .lanmumain{ padding:20px 0; padding-bottom:40px} .lanmumain .box{ display:block} .lanmumain .box .lanmuleft{ margin-right:0} .lanmutitle{ display:none} .lanmunav{ margin-left:-10px; margin-right:-10px; background-color:#eee; margin-top:-20px} .lanmunav ul{ border:none; overflow:hidden} .lanmunav ul li{ float:left; width:50%; border-bottom:none} .lanmunav li a{ padding-left:10px;} .contactbox .addlist{ margin-bottom:50px} .addmap .bd{ position:relative} .addmap .lis{ position:static; width:auto; padding:20px;} .addmap .popbox{ width:90%; margin-left:-45%; left:50%; right:auto} .addmap .lis li{ margin-bottom:5px} .addmap .map{ height:450px} } @media(max-width:766px) { .banner .item,.banner{ height:55vw} .banner .slick-dots{ bottom:35px} .banner .slick-dots li{ margin:0 5px; width:8px; height:8px;} .notice .ul{ margin-left:90px; padding-left:20px} .notice .ul a{ height:32px; line-height:32px; font-size:14px} .notice .title{ height:22px; line-height:22px; margin-top:-11px;} .index01{ padding-top:35px; padding-bottom:20px} .plo{ margin-bottom:18px; padding-bottom:8px} .plo h3{ font-size:22px;} .plo .eng{ font-size:14px} .index01 .rotations{ float:none; width:auto; margin-bottom:10px} .index01 .indexlist{ float:none; width:auto} .index01 .rotations img{ height:auto;} .index01 .rotations .slick-dots{ padding-right:0; text-align:center; height:40px} .index01 .rotations .slick-dots li{ width:10px; height:10px;} .index01 .indexlist li{ padding-left:28px} .index01 .indexlist li a{ line-height:40px;} .index02{ padding-top:15px; padding-bottom:20px} .index02 .video{ height:70vw} .index02 .bd{ margin-bottom:15px} .index02 .slick-arrow{ position:absolute; z-index:1; width:20px; height:40px; background:rgba(255,255,255,.8); overflow:hidden; border:none;top:50%; margin-top:-20px; text-indent:-99px; background-repeat:no-repeat; background-position:center; background-size:100%} .index02 .slick-prev{ left:10px; background-image:url(../images/ico-prev02.png)} .index02 .slick-next{ right:9px; background-image:url(../images/ico-next02.png)} .index02 .hd{ margin-left:-5px; margin-right:-5px;} .index02 .hd .item{ width:50%; padding:0 5px; margin-bottom:10px} .index02 .hd img{ height:25vw} .index02 .hd h3{ height:40px; line-height:40px} .index03 .bd ul li{ float:none; width:auto; margin-bottom:0; line-height:40px} .index04 .bd li{ width:50%; margin-bottom:20px} .index04 .bd li .img img{ height:30.6vw} .index04 .bd li .img{ margin-bottom:5px} .index05 .bd .a h3{ font-size:14px} .index05{ padding-bottom:40px} .index05 .hd{ padding:15px 0} .index05 .hd .slick-arrow{ width:10px; margin:0 10px} .path{ height:60px; padding-top:15px; margin-bottom:20px} .path h3{ font-size:22px; } .conn{ line-height:1.8} .newslist{ margin-top:-10px} .newslist .bd li a{ line-height:40px; height:40px; padding-right:100px} .newslist .bd li h3{ font-size:16px} .newspages{ margin-top:0px} .newspages .title{ font-size:22px; margin-bottom:24px} .newspages .pageconn{ font-size:16px; line-height:1.8} .newspages .pageconn a{ font-size:16px;} .lanmuplo h3{ font-size:22px;} .lanmuplo .eng{ font-size:12px;} .lanmuplo{ margin-bottom:30px} .piclist .bd li{ width:50%; margin-bottom:20px} .piclist .bd li .img{ margin-bottom:10px} .piclist .bd li .img img{ height:30.66vw} .addmap .map{ height:350px} .addmap .popbox{ height:250px; margin-top:-125px;} .contactbox .hd{ font-size:22px; margin-bottom:15px} .contactbox .title h3{ font-size:22px; letter-spacing:0} .contactbox .title .eng{ font-size:13px; letter-spacing:0} .contactbox .title{ margin-bottom:30px} .contactbox .addlist{ margin-bottom:20px} .addmap .popbox li{ padding:30px} .path{ margin-left:0; padding-left:0} .path h3{ float:none} .path .ul{ float:none; padding-top:0} } /* 2021.04.02 */ .lanmuright .path_smsj { height: 60px; border-bottom: solid 1px #7d7d7d; margin-bottom: 60px; } .lanmuright .path_smsj .path_smsj_title { height: 44px; display: flex; align-items: baseline; } .lanmuright .path_smsj .path_smsj_title h3 { font-size: 28px; font-weight: normal; } .lanmuright .path_smsj .path_smsj_title .eng { margin-left: 10px; text-transform: uppercase; } .list_smsj { display: flex; justify-content: space-between; } .list_smsj .list_smsj_image { width: 40%; margin-right: 5%; background-color: #ccc; } .list_smsj .list_smsj_image img { width: 100%; height: 100%; } .list_smsj .list_smsj_li { width: 55%; flex-shrink: 100; } .list_smsj .list_smsj_li.newslist { margin-top: 0; } .list_smsj .list_smsj_li.newslist .bd li { border-bottom: 1px solid #ccc; } @media(max-width:766px) { .list_smsj { flex-direction: column; } .list_smsj .list_smsj_image { width: 100%; margin-right: 0; } .list_smsj .list_smsj_li { width: 100%; } } .index_image_smsj { margin-top: 20px; } .index_image_smsj img { width: 100%; } .newspages .pageconn { width: 75%; margin-left: auto; margin-right: auto; text-align: justify; }