body{font-size: 16px;font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif; } .bg {background: #f3f3f3;} *{margin: 0; padding: 0;} ul li{list-style-type: none;} .Contain {background: #f3f3f3; overflow: hidden;} .box-head{ border-bottom: 1px solid #e5e5e5; position: relative;} .box-head .tit{ font-size: 20px; color: #1814B5; padding-bottom: 15px; display: inline-block; position: relative;} .box-head .tit:after{ position: absolute; content: ""; left: 0; bottom: -1px; background-color: #1814B5; width: 100%; height: 2px;} .box-head .dots{ position: absolute; right: 0; top: 10%; height: 8px; font-size: 14px;} .box-head .dots .bx-pager-item{ display: inline-block; margin-left: 3px;} .box-head .dots .bx-pager-item a{ width: 8px; height: 8px; border-radius: 50%; display:block; background: #e5f2f9; overflow: hidden; text-indent: 999px;} a:hover{color: #1814B5;} .more{font-size:14px; text-align: center; padding-top: 20px;} .more a{ color: #1814B5; } .more span{ border-top:1px solid #1814B5; width: 45px; display: inline-block; margin: 0 10px; height: 5px} @media (min-width: 1280px) { .more{ padding-top: 20px; } } /*Top003075 */ .Top003075{font-size: 16px; transition: padding 0.3s;} .Top003075 .auto{position: relative;} .Top003075 .txt {display: table-cell;vertical-align: middle; position: relative; } .Top003075 .txt:before{content: " "; border-left: 1px solid #fbf7f7; position: absolute; width: 1px; height: 91%;top: 5px;left: -17px;} .Top003075 .txt p{margin: 0;color: #999;text-align-last: justify;text-align: justify;height: 24px;line-height: 24px;} .Top003075 .txt p:after{content: "";display: inline-block;width: 100%;height: 0;line-height: 0;} .Top003075 menu li.aon span a{color: #1814B5;} .Top003075 menu li .sub{display: none;} .Top003075 menu li .sub dl{position: relative;} .Top003075 menu li .sub dt {line-height: 32px;} .Top003075 menu li .sub dt a:hover{text-decoration: underline;} .Top003075 .logo{display: table;width:39%;margin-top: 15px;} .Top003075 .logo a{display: table-cell; vertical-align: middle;} .Top003075 menu li:hover .sub{display: block;} .Top003075 .top-right{position: absolute;right: 0; top: 0;height: 100%;} .Top003075 .top-right dl{display: table; height: 100%;} .Top003075 .top-right dl > *{display: table-cell; vertical-align: middle;} .Top003075 .top-right dl form{display: inline-block;} .Top003075 .top-right dt{padding-right: 30px;color: #333;} .Top003075 .top-right dt a{border-radius: 2px;border: solid 1px #eee;width: 26px;line-height: 24px;text-align: center;display: inline-block; margin-left: 10px;font-size:12px;color: #bbb; background: #fff;} .Top003075 .top-right dt a.on{color: #333;background: #0f55b0;border-color: #0f55b0; font-size: 14px;} .Top003075 .top-search{padding: 0 22px; overflow: hidden;} .Top003075 .top-search > *{ float: left;} .Top003075 .top-search .text{width: 0;overflow: hidden;padding: 0; transition: width 0.3s;float: left;} .Top003075 .top-search .btn-area{position: relative; line-height: 44px;float: right;} .Top003075 #TopBtn{position: absolute; left: 0; top:0;height: 100%; width: 100%;z-index: 10;display: none;} .Top003075 .open-sbox{color: #333;display: block;padding-left: 25px;background: url("../images/Top003075-search.png") no-repeat left center;} .search-show .Top003075 #TopBtn{display: block;} .search-show .Top003075 .top-search .text{padding: 0 10px; border-radius: 5px;} .search-show .top-search .btn-area{padding-left: 10px;} @media(min-width:1025px){ .Top003075{height: 100px;background: #fff;} .search-show .Top003075 .top-search .text{width:12vw;background: #1814B5;color: #fff;} .Top003075 .logo{float: left;} .Top003075 menu{display: table; margin: 0 auto;} .Top003075 menu li{float: left;position: relative; font-size: 18px;} .Top003075 menu li:not(:last-child){margin-right: 3.13vw;} .Top003075 menu li span{display: block;line-height: 100px;} .Top003075 menu li .sub{position: absolute; top: 100%; left: 50% !important; width:180px;margin-left: -90px;background:rgba(24,20,181,0.83); text-align: center; padding: 10px 0; border-radius: 0 0 5px 5px; z-index: 99;} .Top003075 menu li .sub dt a{color: #fff;} } @media(min-width:1025px) and (max-width:1500px){ .Top003075 menu li:not(:last-child){margin-right: 3.13vw;} } @media(min-width:1025px) and (max-width:1366px){ .search-show .Top003075 .top-right dt{font-size: 0;} .search-show .Top003075 .top-right dt a{font-size:16px;} } @media(min-width:1025px) and (max-width:1280px){ .Top003075 .top-right dt{font-size: 0;} .Top003075 .top-right dt a{font-size:16px;} .search-show .Top003075 .top-right dt{opacity: 0;} } @media(max-width:1024px){ .Top003075 .txt p{font-size: 12px;height: 14px;line-height: 14px;} .Top003075{height: 70px;} .Top003075 .logo a img{max-width:130px;} .Top003075 .logo{width:80%;height: 70px;} .Top003075 .txt:before{display: none;} .Top003075 menu{position: fixed; left: -100%;opacity: 0; top: 70px;bottom: 0;overflow: auto;background: #fff; z-index: 99; width: 200px;box-shadow: 0 10px 10px rgba(0,0,0,0.1); padding: 20px 0;transition: 0.5s;} .menu-show .Top003075 menu{left: 0;opacity: 1; } .Top003075 menu li span{display: block;position: relative;line-height: 40px;padding: 0 40px 0 20px; border-bottom: 1px solid rgba(0,0,0,0.05);} .Top003075 .has-sub span .op:before, .Top003075 .has-sub span .op:after{background: #ccc;} .Top003075 .open-menu span{position: relative;display: block; width: 30px; height: 30px; margin: 0 auto;} .Top003075 .open-menu{background: #0f55b0; border-left: 1px solid #fff;} .Top003075 .top-right dt{font-size: 0; padding-right: 10px;} .Top003075 .top-right dt a{font-size:14px;} .Top003075 menu li .sub{padding: 20px 30px;background: #f1f5fa;} .Top003075 .top-search{padding-left: 10px; padding-right: 10px;} .Top003075 .open-sbox{font-size: 0; width: 25px; height: 44px;background-position: center center;} } @media(max-width:640px){ .search-show .Top003075 .logo{opacity: 0.2} .search-show .Top003075 .top-search .text{width:43vw;} } /*Banner002901 */ .Banner002901 img{display: block;width: 100%;} @media(min-width:1025px){ .Banner002901 .wap{display: none;} } @media(max-width:1024px){ .Banner002901 .pc{display: none;} } .Banner002901 .slick-dots{position: absolute; z-index: 10; left: 0; width: 100%;bottom: 5%; text-align: center;} .Banner002901 .slick-dots li{display: inline-block; width: 30px; height: 30px;cursor: pointer;border:1px solid transparent; margin: 0 9px;position: relative;border-radius: 50%; } .Banner002901 .slick-dots li button{position: absolute;background: #fff; font-size: 0;width: 6px; height: 6px; border-radius: 50%; left: 50%; top: 50%; margin: -3px 0 0 -3px;border: 0;padding: 0;cursor: pointer;} .Banner002901 .slick-dots li.slick-active{border-color: #fff;} @media(max-width:1024px){ .Banner002901 .slick-dots li{width: 20px; height: 20px; margin: 0 4px;} } /* .Floor002404 为demo编号 */ .Floor002404{background: #ededed;} .Floor002404 .auto{position: relative;} @media only screen and (max-width:1160px ) { .Floor002404 .auto{ padding-left: 15px; padding-right: 15px;} } .Floor002404 .slider{ position: relative; padding-left: 45px;z-index:1;} .Floor002404 .title{ display: block; width: 31px; height: 59px; position: absolute; top: 0; left: 0; } .Floor002404 .list li a{ line-height:55px; padding-right:22%;} .Floor002404 .slick-dots{ position: absolute; right: 0; top: 0; padding-top: 15px;} .Floor002404 .slick-dots >li{ display: inline-block; padding: 0 0 0 5px;} .Floor002404 .slick-dots >li button{ display: block; width: 14px; height: 14px; text-indent: 9999px; overflow: hidden; position: relative;border: 0;} .Floor002404 .slick-dots >li button:before, .Floor002404 .slick-dots >li button:after{ display: block; content: ""; position: absolute;} .Floor002404 .slick-dots >li button:before{ width: 6px; height: 6px; z-index: 5; background: #8e8e8e; top: 4px; left: 4px;} .Floor002404 .slick-dots >li.slick-active button:before{ background: #1814B5;} .Floor002404 .slick-dots >li button:after{ width: 14px; height: 14px; border: 2px solid transparent; top: 0; left: 0;} .Floor002404 .slick-dots >li.slick-active button:after{ border-color: #1814B5;} .Floor002404 .bx-wrapper{ position:relative; } .Floor002404 .bx-controls-direction { display: none;} /* .Floor001388 为demo编号 */ .Floor001388 { padding:3% 0 1%; } .Floor001388 .auto{} .Floor001388 .fl{width: 73%;background: #fff; padding: 30px;} .Floor001388 .fr{width: 26%;background: #fff; } .Floor001388 .title{ text-align:center; padding:4% 0; font-style:normal; font-weight: 700; font-style: normal; color: #333; font-size: 24px; letter-spacing: 0px;position:relative; margin:0 0 27px; padding-bottom: 30px; } .Floor001388 .title::after{ position:absolute; left:50%; bottom:3px; content:""; background:#fa7d02; width:20px; height:2px; margin-left: -10px; } .Floor001388 .list{ position:relative;} .Floor001388 .list li{ } .Floor001388 .list h1{ margin:0; position:absolute; right:0; top:0; width:100%; } .Floor001388 .list h1 span{ display:block; background:#242e3a; color:#fff; text-align:center; position:relative; padding:10%; font-size:14px; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .Floor001388 .list h1 span::before{ display:none; position:absolute; left:-10px; top:1px; content:""; width:0; height:0; border-top:10px solid transparent;border-bottom:10px solid transparent; border-right:10px solid #fa7d02; } .Floor001388 .list h1 span:nth-child(2n){ background:#1f2833; } .Floor001388 .list h1 span.active{ background:#fa7d02; } .Floor001388 .list h1 span.active::before{ display:block; } .Floor001388 .list h1 em{ display:block; } .Floor001388 .list_con{ overflow: hidden; margin-top: 2%;} .Floor001388 .list_con li .pic{overflow: hidden;position: relative; width: 40%;float:left;} .Floor001388 .list_con .Ispic{ display: block; padding-bottom: 76%; border-radius: 6px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s; width: 100%;} .Floor001388 .list_con a:hover .Ispic{transform: scale(1.12);-webkit-transform: scale(1.12);ms-transform: scale(1.12);} .Floor001388 .list_con .txt{ float:left; margin-left:5%; width:55%; position:relative; } .Floor001388 .list_con .txt h2{ font-weight:normal; font-size:24px; padding: 4% 0 4% 0; } .Floor001388 .list_con p{ line-height:30px; color:#666; font-size:14px; height:120px; overflow:hidden; } .Floor001388 .link ul li{position: relative;background: #1814B5;min-height: 122px;border-radius: 6px;} .Floor001388 .link ul li:nth-child(2n){margin: 3% 0px;background: #1814B5;} .Floor001388 .link ul li:nth-child(3n){background: #1814B5;} .Floor001388 .link{position: relative;} .Floor001388 .link .pic { height:122px;background-position: center center;border-radius: 6px; overflow: hidden;position: relative;background-size: cover; display: none;} .Floor001388 .link .icon {transition: 0.5s;padding: 28px 0;background: url(../images/icon_bg2.png) no-repeat center center;background-size: contain;position: absolute;left: 5%;width: 36%; top: 50%;margin-top: -50px;z-index: 50;} .Floor001388 .link .icon img { width: 35%;margin: 0 auto; display: block;} .Floor001388 .link .pic:after { content: "";display: block; position: absolute;left: 0;top: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.4); } .Floor001388 .link .icon:hover { transform: rotateY(360deg);} .Floor001388 .link .txt {text-align: left;width: 55%;font-size: 18px; display: block;position: absolute;right: 0;top: 24%;color: #fff;z-index: 100; background: url(../images/more3.png) no-repeat right center;opacity: .9;} .Floor001388 .link .txt h1{font-size: 20px; margin: 0;} .Floor001388 .link .txt span{ text-transform: uppercase;font-size: 14px;} @media (min-width: 1000px) { .Floor001388 .list h1 span{ padding:8%; } } @media (max-width: 1000px) { .Floor001388 .list_con .Ispic{ width:48%; } .Floor001388 .list_con .txt{ float:right; width:48%; margin-left:0; } .Floor001388 .list h1 { left:0; top:100%; width: 100%; } .Floor001388 .list h1 span{ float:left; width:25%; padding:2%; } .Floor001388 .list h1 span::before{ left:0; top:6px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fa7d02; } .Floor001388 .list_con .txt::after{ display:none; } .Floor001388 .list_con .txt h2{padding: 10px 10px 5px 0;margin: 0;font-size: 20px;} .Floor001388 .fl,.Floor001388 .link{width: 100%;float: none;} .Floor001388 .list_con li .pic{width: 100%;float: none;} } @media (max-width: 768px) { .Floor001388 .list_con .Ispic{ float:none; width:100%; } .Floor001388 .list_con .txt{ float:none; width:100%;} } @media (max-width: 320px) { .Floor001388 .list_con .txt h2{ padding-left:0; background:none; text-align:center; } } /*Floor002891 */ .Floor002891 {margin-top: 1%;} .Floor002891 .auto{background: #fff; padding: 30px;} .Floor002891 .home-title{text-align: center;font-size: 36px;font-weight: bold; color: #333;} @media(max-width:640px){ .Floor002891 .home-title{font-size: 7vw;} } .Floor002891 .ul-tab{ float: right;margin-top: -48px; position: relative;z-index: 99;} .Floor002891 .ul-tab:after{font-size: 0;line-height: 0;} .Floor002891 .ul-tab li{float: left; padding: 0 0.56vw;} .Floor002891 .ul-tab li a{display: block; padding: 0 30px; border-radius: 40px;line-height: 36px; border: 1px solid #ddd; cursor: pointer;font-family: 'SourceHanSansCN-Regular';} .Floor002891 .ul-tab li a:hover, .Floor002891 .ul-tab li.on a{line-height: 38px;margin: 0 1px; border: 0; box-shadow: 5px 0 16px rgba(252,193,110,0.38); color: #fff; background: rgb(252,193,110); /* Old browsers */ background: -moz-linear-gradient(left, rgba(252,193,110,1) 0%, rgba(199,134,41,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(252,193,110,1) 0%,rgba(199,134,41,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(252,193,110,1) 0%,rgba(199,134,41,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa54e', endColorstr='#ea5b02',GradientType=1 ); /* IE6-9 */ } @media(max-width:1024px){ .Floor002891 .ul-tab{float: none;margin-top: 15px;margin-bottom:15px;} .Floor002891 .ul-tab li a{padding: 0 15px;} } /* .Floor002347 为demo编号 */ .Floor002347{ padding: 1% 0 2%;} @media only screen and (max-width: 1280px) { .Floor002347 .auto{ padding-left:2% ; padding-right: 2%;} } /* .Floor002347 .left >*{background: #fff; padding: 30px; } */ .Floor002347 .right >*{background: #fff; border-radius: 5px;} .Floor002347 .product{ padding: 6% 0; width: 100%; margin-bottom: 25px;} .Floor002347 .product ul li{ float: left; width: 25%; text-align: center; padding: 0 3%;} .Floor002347 .product ul li .pic a{ position: relative; display: block; max-width: 86px; margin: 0 auto; border-radius: 50%;transition: transform .5s;-webkit-transition: -webkit-transform .5s;-moz-transition: -moz-transform .5s;-ms-transition: -ms-transform .5s;} .Floor002347 .product ul li .pic a:after{ content: ""; display: block; position: absolute; bottom: -2px; width: 5px; height: 5px; background: #fac540; border-radius: 50%; left: 50%; margin-left: -2px; } .Floor002347 .product ul li .pic a:hover{ transform: rotateY(360deg);} .Floor002347 .product ul li h3{ font-weight: normal; margin: 15px 0 0 0;} .Floor002347 .product ul li h3 a{ color: #777777;} .Floor002347 .product ul li h3 a:hover{ color: #fac540;} .Floor002347 .box-head .dots .bx-pager-item a.active{ background: #037ec9;} .Floor002347 .icon-more_right{ width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #94989f; margin: 20px auto 0; display: block; border-radius: 50%; border:1px solid #f0f0f0; background: #fff; } .Floor002347 .icon-more_right:hover{ background: #f8b100; border-color: #f8b100; color: #fff;} .Floor002347 .list{ padding-top: 20px;} .Floor002347 .new{ width: 49%; float: left;background: #fff; padding: 30px;} .Floor002347 .new:nth-child(1){margin-right: 1.5%;} .Floor002347 .new .top {border-bottom:1px solid #e5e5e5; overflow: hidden;} .Floor002347 .new .top .pic img { width: 100%; border-radius: 6px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;} .Floor002347 .new .top .pic:hover img {transform: scale(1.12);-webkit-transform: scale(1.12);ms-transform: scale(1.12);} .Floor002347 .new .list .word{line-height: 40px;} .Floor002347 .new .list .tit{font-weight: normal; font-size: 16px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 10px 0 0px; margin: 0;} .Floor002347 .new .list .tit a{ color: #333;font-size: 16px; } .Floor002347 .new .list .tit a:hover{ color: #c2a174; } .Floor002347 .new .list time{ font-size: 14px; color: #999; float: right;} .Floor002347 .new .list figure{ font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; margin-top: 15px;} .Floor002347 .new .list li{border-bottom: 1px dotted #cbcbca;} .Floor002347 .margin {margin-top: 1.5%;} .Floor002347 .purchase{width:100%; float: right;margin-top: 30px;} .Floor002347 .purchase li{ line-height: 35px;border-bottom: 1px dotted #cbcbca;} .Floor002347 .purchase .pic{ float: left; width: 40%; overflow: hidden;} .Floor002347 .purchase .pic .Ispic {padding-bottom: 59%; display: block;border-radius: 6px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;} .Floor002347 .purchase .pic:hover .Ispic{transform: scale(1.12);-webkit-transform: scale(1.12);ms-transform: scale(1.12);} .Floor002347 .purchase .ul {float: right; width:100%;} .Floor002347 .purchase .ul li a{color: #333; padding: 0 10px 0 0px;} .Floor002347 .purchase .ul li a:hover{color: #1814B5;} .Floor002347 .purchase .ul li time{font-size: 14px;color: #999;float: right;} .Floor002347 .purchase .pic .layer{ position: absolute; top: 0; right: 0; width: 170px; height: 100%; background:rgba(16, 23, 45, 0.8) none repeat scroll 0 0 !important;filter:Alpha(opacity=80); background:#10172d; border-radius: 0 5px 5px 0;} .Floor002347 .purchase .pic .layer .inner{ position: relative; z-index: 2; color: #fff; padding: 30px 20px 0;} .Floor002347 .purchase .pic .layer .inner time{ display: block;text-align: center; font-size: 14px;} .Floor002347 .purchase .pic .layer .inner time:before{ content: "\e65e"; font-family:"iconfont" !important; display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-bottom: 10px;} .Floor002347 .purchase .pic .layer .inner a{ display: block; width: 89px; height: 40px; border: 1px solid #fff; text-align: center; line-height: 38px; border-radius: 40px; color: #fff; margin: 20px auto 0;} .Floor002347 .purchase .pic .layer .inner a:hover{ border-color: #f8b100; color: #f8b100;} .Floor002347 .purchase .h3{ font-weight: normal; margin: 10px 0; font-size: 16px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .Floor002347 .purchase .h3 a{ color: #666;} .Floor002347 .purchase .h3 a:hover{ color: #f8b100;} .Floor002347 .about{padding: 20px 0;} .Floor002347 .about .inner{ padding: 20px 30px;} .Floor002347 .about .con{ margin: 15px 0; line-height: 22px; height: 66px; overflow: hidden;} .Floor002347 .about .icon-more_right{ margin-left:0;} .Floor002347 .link{ margin-top:18px;position: relative;} .Floor002347 .link .pic { height:193px;background-position: center center;border-radius: 6px; overflow: hidden;position: relative;background-size: cover;} .Floor002347 .link .icon {transition: 0.5s;padding: 28px 0;background: url(../images/icon_bg2.png) no-repeat center center;background-size: contain;position: absolute;left: 29%;width: 36%; margin-left: -50px;top: 50%;margin-top: -50px;z-index: 50;} .Floor002347 .link .icon img { width: 35%;margin: 0 auto; display: block;} .Floor002347 .link .pic:after { content: "";display: block; position: absolute;left: 0;top: 0; width: 100%;height: 100%;; } .Floor002347 .link .icon:hover { transform: rotateY(360deg);} .Floor002347 .link .txt {text-align: left;width: 55%;font-size: 18px; display: block;position: absolute;right: 0;top: 30%;color: #fff;z-index: 100; background: url(../images/more3.png) no-repeat right center;padding-left: 5%;opacity: .9;} .Floor002347 .link .txt h1{font-size: 20px; margin: 0;} .Floor002347 .link .txt span{ text-transform: uppercase;font-size: 14px;} .Floor002347 .videobox{ margin-top: 15px; position: relative; height: 170px;} .Floor002347 .videobox .play{cursor: pointer; } .Floor002347 .videobox .pic { background-repeat: no-repeat; background-position: center; height: 170px; background-size:cover; border-radius: 5px;} .Floor002347 .videobox .pic img{ display: none;} .Floor002347 .videobox .word{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;} .Floor002347 .videobox .word a{ display: block; margin: 0 auto; color: #fff; font-size: 40px;} .Floor002347 .videobox .video{ position: absolute; top: 0; width: 100%; height: 100%; left: 0; display: none; background: #000;} .Floor002347 .videobox .video video{ width: 100%; height: 100%;} .Floor002347 .videobox .video .close{ position: absolute; top: 0; right: 0; color: #f8b100; font-size: 30px; z-index: 99; background: #fff; border-radius: 0 0 0 30px;} @media only screen and (max-width:899px ) { .Floor002347{ padding: 30px 0;} .Floor002347 .product{ margin-bottom: 15px;} .Floor002347 .about{ margin-top: 15px;} .Floor002347 .about img{ float: left; margin-right: 5%;} .Floor002347 .about .inner{ padding-bottom: 0;} .Floor002347 .about .icon-more_right{ display: inline-block;} .Floor002347 .link{ float: left; width: 48%; text-align: center;} .Floor002347 .videobox{ float: right; width: 48%;} } @media only screen and (max-width:640px ) { .Floor002347 .new,.Floor002347 .purchase,.Floor002347 .link{ height: auto; width: 100%; float: none;} .Floor002347 .new{ margin-bottom: 15px;} .Floor002347 .videobox{ width: 100%; float: none;} .Floor002347 .list{ padding-bottom: 0;} .Floor002347 .about img{ float: none; margin-right: 0; margin: 0 0 15px 0; display: block;} .Floor002347 .about .con{ height: auto;} .Floor002347 .about .icon-more_right{ margin-top: 0;} } @media only screen and (max-width:375px ) { .Floor002347 .product ul li{ width: 50%; padding: 3%;} } @media only screen and (min-width:900px ) { .Floor002347 .left{ float: left; width: 73%;} .Floor002347 .right{ float: right; width:26%; background: #fff; padding: 30px;} } @media(max-width:1024px){ .Floor002347{padding: 15px 0;} .Floor002347 .purchase .pic,.Floor002347 .purchase .ul{width: 100%;float: none;} .Floor002347 .right{background: #fff;padding: 30px;margin-top: 15px;} .Floor002347 .margin{margin-top: 15px;} } /*Bottom003043 */ .Bottom003043{ background: url("../images/Bottom003043_bg.jpg") no-repeat center top;background-size: cover;} .Bottom003043, .Bottom003043 a{color: rgba(255,255,255,0.4);} .Bottom003043 a:hover{color: #fff;} .Bottom003043 .b-top{padding: 5.5vw 0;} .Bottom003043 .contact ul{ display: table;} .Bottom003043 .contact ul > *{display: table-cell; vertical-align: middle;} .Bottom003043 .contact ol{width: 124px;} .Bottom003043 .contact li{ padding-left: 1.41vw;} .Bottom003043 .contact .tel{font-size: 28px;color:#fff;} .Bottom003043 .contact p{margin-bottom: 0;line-height: 1.785em;margin-top: 0.5em;} @media(max-width:640px){ .Bottom003043 .contact ol{width: 22vw;} .Bottom003043 .contact li{ padding-left: 3vw;} .Bottom003043 .contact .tel{font-size: 5.5vw;} .Bottom003043 .contact p{font-size: 3vw;} } .Bottom003043 .b-top nav{width: 57.819%;} .Bottom003043 .b-top nav dl{float: left; max-width: 120px;} .Bottom003043 .b-top nav dl.row2{max-width: 200px;} .Bottom003043 .b-top nav dl.row2 dd{float: left; width: 50%;} .Bottom003043 .b-top nav dt{ font-size: 16px; margin-bottom: 15px;} .Bottom003043 .b-top nav dt a{color: #fff;} .Bottom003043 .b-top nav dd{background: url("../images/Bottom003043_aicon.png") no-repeat left center; padding: 5px 0 5px 10px; line-height: 20px;} .Bottom003043 .b-bottom{border-top: 1px solid rgba(255,255,255,0.1); padding: 40px 0;} .Bottom003043 .b-bottom nav{margin-bottom: 10px;} .Bottom003043 .b-bottom nav a{display: inline-block;} .Bottom003043 .b-bottom nav a:not(:last-child):after{display: inline-block; content: ''; width: 1px ;height: 10px; background: rgba(255,255,255,0.1); margin: 0 10px;vertical-align: middle;} @media(max-width:1024px){ .Bottom003043 .b-top nav{display: none;} .Bottom003043 .b-bottom{padding: 10px 0;font-size: 12px;} } /* .Floor002233 为demo编号 */ .Floor002233{ margin-top: 2%; } .Floor002233 .wrap-content{position: relative; overflow: hidden;} .Floor002233 .titl{ text-align: center; font-size: 20px; color: #c49162; padding: 40px 0 30px} .Floor002233 .titl p{ margin: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 5px; color: #e3ccbb;} .Floor002233 li h3{ margin:10px 0 ;font-size: 16px; color: #333; line-height: 25px; font-weight: bold;} .Floor002233 li h3 a:hover{color: #1814B5;} .Floor002233 li .img{ position: relative; display: block; text-align: center; overflow: hidden;} .Floor002233 li .Ispic {padding-bottom: 66%;transition: 0.3s;border-radius: 6px 6px 0 0;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;} .Floor002233 li .img:hover .Ispic {transform: scale(1.12);-webkit-transform: scale(1.12);ms-transform: scale(1.12);} .Floor002233 li .img .time{color: #fff; text-align: center; position: absolute; top: 0; right: 0px; background: rgba(24,20,181,.5); display: block; font-size: 15px;padding: 5px 10px;} .Floor002233 li .img span{ font-size: 22px; display: block; padding-top: 4px} .Floor002233 li .img img{ width: 100%;} .Floor002233 li { background: #fff; margin: 0 0 0;/*max-height: 372px;*/ width: 100%;} .Floor002233 li .text{ padding: 10px 10px;box-shadow: 0px 6px 15px #eee;border: 1px solid #fdf7f7;} .Floor002233 li .text p{ font-size: 14px; color: #777; line-height: 22px;} .Floor002233 .swiper-button-next, .Floor002233 .swiper-container-rtl .swiper-button-prev,.Floor002233 .swiper-button-prev,.Floor002233 .swiper-container-rtl .swiper-button-next{ display: none;} @media (min-width: 768px) { .Floor002233 .titl{ font-size: 24px;} .Floor002233 .swiper-button-next, .Floor002233 .swiper-container-rtl .swiper-button-prev,.Floor002233 .swiper-button-prev,.Floor002233 .swiper-container-rtl .swiper-button-next{ display: block; top: 107px; width: 30px; height: 20px; background: #fff url(../images/Floor002233-prev.png) no-repeat center center; opacity: 1 !important; right: 38px; left: auto;} .Floor002233 .swiper-button-next.swiper-button-disabled {background: #c49162 url(../images/Floor002233-next_hover.png) no-repeat center center; } .Floor002233 .swiper-button-next{ right: 0; background: #fff url(../images/Floor002233-next.png) no-repeat center center;} .Floor002233 .swiper-button-prev.swiper-button-disabled {background: #c49162 url(../images/Floor002233-prev_hover.png) no-repeat center center; } .Floor002233 li{ width: 33.33%; float: left; max-width: 360px; } .Floor002233 li h3{height: 50px; overflow: hidden;} } @media (min-width: 1024px) { .Floor002233 .titl{ font-size: 30px;} } @media (min-width: 1280px) { .Floor002233 li .text p{ height: 47px; overflow: hidden;} .Floor002233 .more{ padding-top: 20px; } } @media(max-width:1024px){ .Floor002233 li h3{height: auto;margin: 0 ;} } /*Bottom003035 */ .Bottom003035{ border-top: 2px solid #1814B5;background: #fff;} .Bottom003035 .links{padding: 36px 0;} .Bottom003035 .links .tit{color:#1814B5;font-size: 18px;margin-top: 12px;} .Bottom003035 .links .select{position: relative; z-index: 50;} .Bottom003035 .select ol{cursor: pointer;position: relative; z-index: 1;line-height: 48px;background-color: #fff;border: solid 1px #eee; padding: 0 40px 0 20px;} .Bottom003035 .select ol:after{position: absolute; right:20px; content: ''; border: 5px solid transparent; border-top-color: #000; top: 50%;margin-top: -2px;} .Bottom003035 .select ul{position: absolute; left: 0; top: 100%; width: 100%;background: #fff; padding: 20px; box-shadow: 5px 10px 10px rgba(0,0,0,0.1);display: none;} .Bottom003035 .select li a{padding: 5px 0;line-height: 24px;display: block;transition: 0.3s;} .Bottom003035 .select li:hover a{padding-left: 10px;background-color: #1814B5;color: #fff;} .Bottom003035 footer{background: url("../images/Bottom003035_bg.jpg") no-repeat center center;background-size: cover; padding-top: 4.22vw;} .Bottom003035 footer, .Bottom003035 footer a{color: #fff;} .Bottom003035 .copyright{margin-top: 4.22vw; padding: 24px 0; border-top: 1px solid rgba(255,255,255,0.1); text-align: center;color: #ffa5a6;} .Bottom003035 .copyright .beiang, .Bottom003035 .copyright a{color: #ffa5a6;display: inline-block; padding-left: 13px} .Bottom003035 .copyright .beiang{margin-left: 30px;} .Bottom003035 .copyright .beiang a{background: url("../images/baimg.png") no-repeat left center;padding-left: 24px;} .Bottom003035 .b-right dl{float: left; max-width: 140px;} .Bottom003035 .b-right dl > *{padding-left: 18px;} .Bottom003035 .b-right dt{font-size: 16px;background: url("../images/Bottom003035_icon.png") no-repeat left center; margin-bottom: 20px;} .Bottom003035 .b-right dd{line-height: 20px; padding-top: 5px;padding-bottom: 5px;} .Bottom003035 .b-right dd a{color: #e98081;} .Bottom003035 .b-right dt.one{margin-top: 30px;} .Bottom003035 .b-left .logo{margin-bottom: 4.27vw;} .Bottom003035 .b-left .nav{margin-bottom: 20px;} .Bottom003035 .b-left .nav a{display: inline-block;} .Bottom003035 .b-left .nav a:not(:last-child):after{display: inline-block; content: ''; width: 2px; height: 2px; border-radius: 50%; background: #fff; margin: 0 10px; vertical-align: middle;} .Bottom003035 .b-left .contact li{padding-bottom: 5px;line-height: 20px;padding-left: 40px; position: relative;} .Bottom003035 .b-left .contact li span{position: absolute; left:0px;top: 0;} .Bottom003035 a:hover{color: #fff!important; transition: 0.3s;} @media(min-width:641px){ .Bottom003035 .links .box1{float: left; margin-right: 3%;} .Bottom003035 .links .box{float: left; width: 29%;} .Bottom003035 .links .box:not(:nth-child(4n)){margin-right: 2%;} } @media(min-width:1025px){ .Bottom003035 .b-left{width: 32.5%;max-width: 332px;} .Bottom003035 .b-right{width: 67.5%;max-width: 808px;} } @media(max-width:1024px){ .Bottom003035 .b-left{margin-bottom: 3vw;} .Bottom003035 .links .tit{margin-bottom: 15px;} } @media(max-width:640px){ .Bottom003035 .links{padding: 4vw 0;} .Bottom003035 .links .box:not(:last-child){margin:0 0 20px 0;} .Bottom003035 .b-right{display: none;} } @media(max-width:480px){ .Bottom003035 .b-left .logo{max-width: 70%;margin-bottom: 8vw;} } /* swiper 公共样式如果有相同插件使用只留一份样式 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1} .swiper-container-no-flexbox .swiper-slide{float:left} .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column} .swiper-wrapper{position:relative;width:100%;/*height:100%;*/z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap} .swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto} .swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height} .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} .swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y} .swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x} .swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat} .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none} .swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")} .swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")} .swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10} .swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)} .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px} .swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible} .swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /*栏目页样式 开始*/ /* .Banner002307 为demo编号 */ .Banner002307{} .Banner002307 { overflow: hidden;} .Banner002307 span{ display: none;} .Banner002307 img{ max-width: none; width: 155%; margin-left: -27.5%;} @media only screen and (min-width: 768px) { .Banner002307 img{ width: 150%; margin-left: -25%;} } @media only screen and (min-width: 1024px) { .Banner002307 img{ width: 140%; margin-left: -20%;} } @media only screen and (min-width: 1200px) { .Banner002307{ height: 270px;} .Banner002307 img{ display: none;} .Banner002307 span{ display: block; background-position: center; background-repeat: no-repeat; height: 310px; width: 100%;} } /* .Menu002188 为demo编号 */ .Menu002188{ border-bottom:1px solid #e3e3e3;padding:20px 0 0;} .Menu002188 .Menu{ float:left;} .Menu002188 .Menu li{ float:left; padding:0 20px 20px;} .Menu002188 .Menu li a{ font-size:16px; color:#333; padding-bottom:19px;transition: .3s ease-out;} .Menu002188 .Menu li.cur a,.Menu002188 .Menu li a:hover{ color:#1814B5;border-bottom:2px solid #1814B5;font-weight:bold;} .Menu002188 .Currents{ text-align:right; color:#999; line-height:25px; float:right;font-size: 14px;} .Menu002188 .Currents em{ font-style:normal;background:url(../images/Menu002188-current_icon.png) no-repeat left center; background-size:auto 100%; padding-left:30px; display:inline-block;} .Menu002188 .Currents a{color:#999;transition: .3s ease-out;} .Menu002188 .Currents a:hover{color:#e50014;} .Menu002188 .Currents span{color:#1814B5;} @media (max-width: 1000px){ .Menu002188 .Currents{ display:none;} .Menu002188 .Menu li{padding: 0 10px 20px;} } /* .Page002193 为demo编号 */ .Page002193{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;} .Page002193 span{ padding:0px 3px; display:inline-block;} .Page002193 a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;} .Page002193 a:hover{ color:#fff; border:1px solid #1814B5; background:#1814B5;} .Page002193 .p_cur,.Page002193 .p_count,.Page002193 .p_total,.Page002193 .p_jump,.Page002193 .a_first,.Page002193 .a_end{ display:none;} .Page002193 .p_cur b{ color:#F00;} .Page002193 .p_count b{ color:#F00;} .Page002193 .p_total b{ color:#F00;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#1814B5; border-color:#1814B5;} .Page002193 .p_page b{ font-weight:normal;} /* .PicList002273 为demo编号 */ .PicList002273{padding-top: 8%;} .PicList002273 .left img{width: 100%;} .PicList002273 .left .Ispic {padding-bottom: 56%;} .PicList002273 .right .time{font-size: 12px;color: #999;border: 1px solid #c5c6c6;padding: 2px 5px;margin-top: 8px;display: inline-block;} .PicList002273 .right .h3{color: #313131;font-size: 18px;font-weight: normal;margin: 10px 0;} .PicList002273 .right .p{color: #999;font-size: 14px;} .PicList002273 ul li{margin-bottom: 30px;background: #eef0f1;padding: 18px 20px;} @media screen and (min-width:768px ) { .PicList002273 .left{float: left;width: 25%;} .PicList002273 .right{float: right;width: 72%;} .PicList002273 .right .time{margin-top: 0px;} .PicList002273 ul li{background:#eef0f1;} } @media screen and (min-width:1024px ) { .PicList002273 .right .time{margin-top: 15px;} .PicList002273 ul li:hover{border: 1px solid #1814B5;box-shadow: 0px 0px 30px #ccc;} .PicList002273 ul li{background:#F3F3F3;position: relative;} .PicList002273 ul li .right_btn{width: 11px;height: 19px;background: url(../images/PicList002273-arrow_right.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -10px} .PicList002273{padding-top: 3%;} } @media screen and (min-width:1200px ) { .PicList002273 .left{float: left;margin-right: 5%;} .PicList002273 .right{float: left;width: 65%;} .PicList002273 .right .time{margin-top: 14px;} .PicList002273 .right .h3{line-height: 18px;margin: 28px 0 17px;} .PicList002273 .right .p{line-height: 19px;} .PicList002273 ul li{padding-right: 20px;} } /*PicList002149 */ .PicList002149{ padding-top:3%;} .PicList002149 h3{ margin:0; font-size:18px;font-weight: normal;color: #333;} .PicList002149 p{ line-height:26px; overflow:hidden; color:#666; height:52px; margin:2% 0 0 0;font-size: 15px;} .PicList002149 ol{ background-color:#fafafa; margin-bottom: 2%; } .PicList002149 ol .pic{ width:36%; float: left; overflow: hidden;} .PicList002149 ol .txt {float: right; width: 64%;padding: 4%;} .PicList002149 ol{overflow: hidden;} .PicList002149 ol .pic .Ispic { transition: 0.3s; padding-bottom: 71%; display: block;} .PicList002149 ol .pic:hover .Ispic {transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002149 ol .Ispic img{ display:none;} .PicList002149 ol h3 a{ color:#1814B5;} .PicList002149 ol time{ display:block; padding:3% 0;} .PicList002149 ol p{ margin:0 0 3% 0; height:78px;font-size: 15px;} .PicList002149 ol span{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#1814B5; font-size:14px;} .PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;} .PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/PicList002149-more.png) no-repeat center center; border-left:2px solid #fff;} .PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;} .PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;} .PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;} .PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;} .PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;} @media(max-width:1000px){ .PicList002149 li{padding-left:100px;padding-right:30px;} .PicList002149 li:after{width:30px; background-size:35% auto;} .PicList002149 li time{width:100px;} .PicList002149 li time span{font-size:14px;} .PicList002149 li time i{font-size:40px;line-height:30px;} .PicList002149 ol .pic,.PicList002149 ol .txt{width: 100%;float: none;} } @media(max-width:768px){ .PicList002149 h3{ font-size:16px;} } @media(max-width:640px){ .PicList002149 ol{ padding-left:0;} .PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;} .PicList002149 ol div{ padding:3%;} } @media(max-width:480px){ .PicList002149 li{padding-left:80px;padding-right:0;} .PicList002149 li:after{ display:none;} .PicList002149 li time{width:80px;} .PicList002149 li time span{font-size:12px;} .PicList002149 li time i{font-size:30px;} .PicList002149 h3{ font-size:18px;} .PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;} .PicList002149 ol p{ height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} } /*RighInfo002973 */ .RighInfo002973{ margin:3% 0;color: #333;font-size: 16px;} .RighInfo002973 .news-details{ padding: 3% 0;} .RighInfo002973 .news-details .title{text-align: center;} .RighInfo002973 .news-details .title h1{font-size: 26px; margin: 0 0 20px 0; font-weight: normal;} .RighInfo002973 .news-details .title aside span{display: inline-block; vertical-align: middle; margin: 0 15px 5px;line-height: 16px;color: #666;} .RighInfo002973 .news-details .title .bshare-custom{display: inline-block;} .RighInfo002973 .bshare-custom a{background-position: center center; margin: 0 0 0 14px;} .RighInfo002973 .bshare-custom a.bshare-weixin{background-image: url("../images/RighInfo002973_share_wx.png");} .RighInfo002973 .bshare-custom a.bshare-sinaminiblog{background-image: url("../images/RighInfo002973_share_sina.png");} .RighInfo002973 .bshare-custom a.bshare-qzone{background-image: url("../images/RighInfo002973_share_qz.png");} .RighInfo002973 .news-details .edit-info{line-height: 1.875em;border-bottom: 1px solid #EEE;padding: 2% 0; margin-bottom: 2%;} .RighInfo002973 .news-details .edit-info p{text-indent: 2em; color: #666; font-size: 15px;margin-bottom: 0px;} .RighInfo002973 .news-details .edit-info table p{text-indent: 0em;} .RighInfo002973 .news-details .edit-info img{padding: 1% 0;width: auto;} .RighInfo002973 .pn-page aside{padding: 10px 0;} .RighInfo002973 .pn-page aside a{color: #666;} .RighInfo002973 .pn-page aside a b{color: #333;} .RighInfo002973 .operating a:hover, .RighInfo002973 .pn-page aside a:hover{color: #205393;} .RighInfo002973 .operating{overflow: hidden;line-height: 28px;} .RighInfo002973 .operating a{padding-left: 41px;background-repeat: no-repeat;background-position: left center;} .RighInfo002973 .operating a:not(:last-child){margin-right: 45px;} .RighInfo002973 .operating a.a-print{background-image: url("../images/RighInfo002973_print.png");} .RighInfo002973 .operating a.a-close{background-image: url("../images/RighInfo002973_close.png");} @media(min-width:1025px){ .RighInfo002973 .pn-page{min-height: 24px; position: relative;padding-right: 230px;} .RighInfo002973 .pn-page .operating{position: absolute;right: 0; top: 50%; transform: translateY(-50%);} .RighInfo002973 .operating a{float: left;} } @media(max-width:1024px){ .RighInfo002973 .operating{text-align: right; padding-bottom: 20px;} .RighInfo002973 .operating a{display: inline-block;} } @media(max-width:640px){ .RighInfo002973 .news-details .title h1{font-size:18px;} .RighInfo002973 img{height: auto !important; display: block;margin: 0 auto;} .RighInfo002973{ font-size: 14px;} } /* .RighInfo002800 */ .RighInfo002800{padding: 3% 0;} .RighInfo002800 .maptxt {padding-top: 2%;} .RighInfo002800 .text{margin-bottom: 30px} .RighInfo002800 .text .p{font-size: 16px;color:#333;line-height: 38px; margin: 0; background-repeat: no-repeat; background-position: left center; padding: 15px 0; padding-left:60px; } .RighInfo002800 .text .hotline{background-image: url(../images/RighInfo002800-icon1.png);} .RighInfo002800 .text .tel{background-image: url(../images/RighInfo002800-icon2.png);} .RighInfo002800 .text .mall{background-image: url(../images/RighInfo002800-icon3.png);} .RighInfo002800 .text .address{background-image: url(../images/RighInfo002800-icon4.png);} .RighInfo002800 .text .wx{background-image: url(../images/RighInfo002800-icon5.png);} .RighInfo002800 .text .wx img{display: inline-block; margin-left: 10px; width: 25%; max-width: 136px;} .RighInfo002800 .map{width: 100%;height: 250px; padding:10px; background: #fff; border-radius: 6px; } .RighInfo002800 .map #map{height: 100%;} .RighInfo002800 .map img{max-width: none !important;} @media screen and (min-width: 1025px) { .RighInfo002800 .text{float: left;width: 50%;} .RighInfo002800 .map{float: right;width: 45%;height: 250px;} } @media screen and (min-width: 1200px) { .RighInfo002800 .map{width:55%;height: 300px; } .RighInfo002800 .text{width:40%;} .RighInfo002800 .text .p{font-size: 18px;} } @media(max-width: 780px) { .RighInfo002800 .text .p{line-height: 20px;} } /*RighInfo002924 */ .RighInfo002924{padding: 3% 0;} .RighInfo002924 .Ispic {padding-bottom: 56%;border-radius: 6px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;} .RighInfo002924 .img {overflow: hidden;} .RighInfo002924 .img:hover .Ispic{transform: scale(1.12);-webkit-transform: scale(1.12);ms-transform: scale(1.12);} .RighInfo002924 .title{margin-bottom: 2vw;} .RighInfo002924 .title:after{display: block; content: ''; width: 20px; height: 2px; background: #1814B5; } .RighInfo002924 .title .cn{font-size: 24px;color: #333; padding-bottom: 10px;} .RighInfo002924 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .RighInfo002924 .title{padding-bottom:10px;} } @media(max-width:640px){ .RighInfo002924 .title .cn{font-size: 20px;padding-top: 10px;} } .RighInfo002924 .box-1{background: #fff; margin-bottom: 1.786%;} .RighInfo002924 .box-1 .info{background: url("../images/RighInfo002924_bg.png") no-repeat right 30% bottom 40%; background-size: auto 70%;padding: 30px;} .RighInfo002924 .box-1 .info img{max-width: 500px;float: right;padding: 20px 0 20px 20px;} .RighInfo002924 .box-1 .intro{line-height: 30px; color: #666;font-size: 15px;} .RighInfo002924 .box-1 .intro span{color: #a5894b;border-bottom: 2px solid #a5894b; display: inline-block;} @media(min-width:769px){ .RighInfo002924 .box-1 .pic{width: 50%;} .RighInfo002924 .box-1 .info .inner{width: 100%;} } @media(max-width:768px){ .RighInfo002924{padding: 3% 0 0;background-color: #fff;} .RighInfo002924 .box-1{margin-bottom: 0;} .RighInfo002924 .box-1 .ytable, .RighInfo002924 .box-1 .ytable-cell{display: block;} .RighInfo002924 .box-1 .info{padding:0;text-align:justify;} } @media(max-width:480px){ .RighInfo002924 .box-1 .intro{font-size: 16px;line-height: 1.6em;text-align:justify;margin-bottom: 10px;margin-top: 10px;} } .RighInfo002924 .box-2 li:not(.no){background: #fff;padding: 2.344vw;} .RighInfo002924 .box-2 li .inner{padding-left: 2.08vw;} .RighInfo002924 .box-2 li .inner > *{margin: 0;} .RighInfo002924 .box-2 li h3{color: #000;font-size: 18px;} .RighInfo002924 .box-2 li h3:after{display: block;content: '';height: 2px; width: 20px;background: #a5894b; margin: 10px 0;} .RighInfo002924 .box-2 li .inner p{color: #5f5f5f;line-height: 1.428em;} @media(min-width:769px){ .RighInfo002924 .box-2 ul{display: table; width: 100%;table-layout: fixed;} .RighInfo002924 .box-2 li{display: table-cell; vertical-align: middle; width: 32.143%;} .RighInfo002924 .box-2 li.no{ width: 1.786%;} .RighInfo002924 .box-2 li .icon{width: 25%;} } @media(max-width:768px){ .RighInfo002924 .box-2 li .icon{width:90px;} .RighInfo002924 .box-2 li.no{ height: 3vw;} .RighInfo002924 .box-2 li .inner{padding-left: 4vw;} } @media(max-width:480px){ .RighInfo002924 .box-2 li .icon{width:30%;} .RighInfo002924 .box-2 li h3{font-size: 5vw;} .RighInfo002924 .box-2 li .inner p{font-size: 3.5vw;} } /*TextList002855 */ .TextList002855 li{line-height: 4.5625em; border-bottom: 1px dotted #a8a8a8;} .TextList002855 li time{float: right;color: #c8c8c8; margin-left: 15px;} .TextList002855 li a{padding-left: 30px; background: url("../images/TextList002855_icon.png") no-repeat left center;} @media(min-width:481px){ .TextList002855 li{font-size: 16px;} } /* .TextList002241 为demo编号 */ .TextList002241{ padding: 4% 0;background: #f3f3f3;font-size: 15px; padding-bottom: 35px;} .TextList002241 .list dl{display: block; margin-bottom:25px;padding:30px 40px;background: #fff; } .TextList002241 .list dl dt{color: #333;font-size: 22px; margin-bottom: 16px;line-height: 28px;height: 56px;} .TextList002241 .list dl dd{color: #666;margin-bottom: 10px;line-height: 30px;} .TextList002241 .list dl dd img{max-height: 190px;width: auto;margin: 0 auto;} .TextList002241 .list dl dd.hl{height:45px; overflow: hidden;} .TextList002241 .list dl dd span{color: #666;font-weight: normal;} .TextList002241 .list dl:hover{background: #1814B5;} .TextList002241 .list dl:hover{color: #fff;} .TextList002241 .list dl:hover dt{color: #fff;} .TextList002241 .list dl:hover dt+dd{color: #fff;} .TextList002241 .list dl:hover dd{color: #fff;} .TextList002241 .list dl:hover dd span{color: #fff;} @media (min-width: 640px){ .TextList002241 .auto{ overflow: hidden;} .TextList002241 .list{ margin: 0 -1%;} .TextList002241 .list dl:nth-child(2n){margin-right: 0;} .TextList002241 .list dl:nth-child(3n){margin-right: 1%;} .TextList002241 .list dl{float:left; width: 48%; margin: 0 1% 25px;} } @media (min-width: 1024px){ .TextList002241 .list dl:nth-child(3n){margin-right: 0;} .TextList002241 .list dl:nth-child(2n){margin-right: 1%;} .TextList002241 .list dl{ width: 31.33%;min-height: 210px;} } @media(max-width:1024px){ .TextList002241 .list dl{padding: 15px;margin-bottom: 15px;} .TextList002241{padding-bottom: 5px;} .TextList002241 .list dl dt{font-size:18px;margin-bottom: 5px;} .TextList002241 .list dl dd{margin-bottom: 0;line-height: 26px;} } /* .TextList001729 为demo编号 */ .TextList001729 {padding: 2% 0;} .TextList001729 .tit h2,.RighInfo002800 .tit h2 {text-align: center; margin: 0; color: #333;font-size: 26px;font-weight:normal;} .TextList001729 .name{padding:15px 0; font-size:18px;border-bottom:1px solid #e5e5e5;} .TextList001729 .name span{ display:inline-block; border-left:6px solid #f29200; padding-left:15px;} .TextList001729 .tips{ padding:20px 0;border-bottom:1px solid #e5e5e5; font-size:14px;position:relative;} .TextList001729 .tips h1{ margin:0; font-weight:normal; font-size:18px; color:#f29200;} .TextList001729 .search{ position:absolute; right:0; top:50%; margin-top:-25px;width:26.6%; height:46px; border:2px solid #999; } .TextList001729 .search input{border:none; } .TextList001729 .search .text{ width:100%; height:42px; line-height:42px; padding:0 56px 0 10px; background:none; color:#999;} .TextList001729 .search .btn{ cursor:pointer; position:absolute; right:0; top:0; width:56px; height:100%; background:url(../images/TextList001729-search.png) no-repeat center center; padding:0;} .TextList001729 ol.type{ margin-top:3%;} .TextList001729 .type{display:table; width:100%;} .TextList001729 ol.type{font-size:16px; background-color:#1814B5; color:#fff;} .TextList001729 .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;} .TextList001729 ul.type li{cursor:pointer;} .TextList001729 .type li:nth-child(1){width:12%;} .TextList001729 .type li:nth-child(2){ width:11%;} .TextList001729 .type li:nth-child(3){ width:10%;} .TextList001729 .type li:nth-child(4), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6), .TextList001729 .type li:nth-child(7){width:13%;} .TextList001729 .type li:nth-child(8){ width:15%;} .TextList001729 .type li:nth-child(1), .TextList001729 .type li:nth-child(8){ padding-left:2%; text-align:left !important;} .TextList001729 ul.type li:nth-child(8){background:url(../images/TextList001729-icon_close.png) no-repeat 90% center;} .TextList001729 ul.type#on li:nth-child(8){ background-image:url(../images/TextList001729-icon_open.png);} .TextList001729 .list{border-bottom:1px solid #e5e5e5;background: #fff;} .TextList001729 .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2%;} .TextList001729 .list .con p{line-height: 35px;} .TextList001729 .btn_apply{ padding:10px 0;} .TextList001729 .btn_apply a{ display:inline-block; max-width:180px; width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#1814B5; font-size:18px; border-radius:3px;} @media(max-width:1000px){ .TextList001729 .type li:nth-child(2), .TextList001729 .type li:nth-child(5), .TextList001729 .type li:nth-child(6){ display:none;} .TextList001729 .type li{ width:20% !important;} } @media(max-width:768px){ .TextList001729 .search{ position:relative; margin-top:10px; top:auto; width:auto;} .TextList001729 .type li:nth-child(7){ display:none;} .TextList001729 .type li{ width:24% !important;} .TextList001729 .type li:nth-child(8){ width:28% !important;} .TextList001729 .tit h2, .RighInfo002800 .tit h2{font-size: 20px;} } @media(max-width:480px){ .TextList001729 .type li:nth-child(3){ display:none;} .TextList001729 .type li{ width:30% !important;} .TextList001729 .type li:nth-child(8){ width:40% !important;} .TextList001729 ol.type{font-size:15px;} .TextList001729 .btn_apply a{font-size:16px; height:40px; line-height:40px;} .TextList001729 ul.type li:nth-child(8){ background-size:16px auto;} } /*Floor002479 */ .Floor002479{ background:url(../images/Floor002479-logo_bg.png) no-repeat right bottom; font-size:18px; padding:3% 0;} .Floor002479 .tit h2{text-align: center; margin: 0; color: #333;font-size: 26px;font-weight:normal;margin-bottom:30px;} .Floor002479 .img img{ width:63.8%;} .Floor002479 footer{ max-width:1600px; } .Floor002479 .left{ float:left; width:38.3%; color:#989494; line-height:22px; padding-top:3%;} .Floor002479 .left a{ color:#989494;} .Floor002479 .left em{ font-style:normal; margin:0 10px;} .Floor002479 .contact{ float:right; width:61.7%; margin-top:-37%; position:relative; z-index:10; } .Floor002479 .contact .title{ position:relative; color:#2e2020; font-size:22px; padding-left:65%; margin-bottom:3%;} .Floor002479 .contact .title::before{ position:absolute; content:''; height:100%; width:60%; left:0; top:0; background:url(../images/Floor002479-deco.png) no-repeat right center; background-size:auto 95%; max-height:77px;} .Floor002479 .contact .title h1{ font-size:46px; font-weight:normal; margin:0;} .Floor002479 .from{background: url(../images/Floor002479-bg.png) no-repeat right center #fff; background-size:auto 90%; padding:5% 8%; position:relative; box-shadow:10px 0 51px rgba(0,0,0,0.1);} .Floor002479 .from h2{ margin:0; color:#333; font-size:26px; font-weight:normal;} .Floor002479 .from p{ border-bottom:1px solid #f5f3f0; padding-bottom:3%; line-height:30px;} .Floor002479 .from table{ width:95%;margin-top:35px;} .Floor002479 .from td{ font-size:15px; border-bottom:1px solid #e5ded6; padding:10px 0;} .Floor002479 .from td:nth-child(1){ width:70px;color:#6b6464; } .Floor002479 .from td:nth-child(3){ width:20px;color:#f00; text-align:right;} .Floor002479 .from .text{ border:none; width:100%; height:34px; line-height:34px;} .Floor002479 .from .btn td{ border-bottom:0; padding-top:35px;} .Floor002479 .from .btn input{ height:42px; padding:0 34px; cursor:pointer; font-size:15px; color:#fff; background:#1814B5; border:none;} .Floor002479 .from .share{ float:right; margin-top:-5%;} .Floor002479 .from .share a{ display:inline-block; float:none; vertical-align:middle; height:32px; width:32px; margin-left:14px; margin-right:0; background:url(../images/Floor002479-share.png) no-repeat 0 0;} .Floor002479 .from .share a.wx{ background-position:-46px 0; position:relative;} .Floor002479 .from .share a.wx span{ display:none; position:absolute; width:144px; height:144px; left:50%; margin-left:-72px; bottom:40px; border:4px solid #cbbeae;} .Floor002479 .from .share a.wx span::after{ position:absolute; content:''; border:6px solid transparent; border-top-color:#cbbeae; bottom:-16px; left:50%; margin-left:-6px;} .Floor002479 .from .share a.bds_tsina{background-position:-92px 0;} .Floor002479 .from .share a.bds_tqf{background-position:right top;} .Floor002479 .from .share a:hover{ background-image:url(../images/Floor002479-share_hover.png); opacity:1 !important; } .Floor002479 .from .share a.wx:hover span{ display:block;} @media(max-width:1600px){ .Floor002479 .left{ padding-left:2%;} } @media(max-width:1200px){ .Floor002479 .contact .title { font-size:18px;} .Floor002479 .contact .title h1{ font-size:30px;} } @media(max-width:1024px){ .Floor002479 .from .share{ margin-top:0;} .Floor002479 .from table{margin-top: 0;} } @media(max-width:640px){ .Floor002479 .left, .Floor002479 .contact{ float:none; width:auto;} .Floor002479 .contact{ margin-top:0 !important; } .Floor002479 .contact .title{ padding-left:40%; margin-top:3%;} .Floor002479 .contact .title::before{ width:38%;} .Floor002479 .img img{ width:100%;} .Floor002479 .from .share{ float:none; font-size:14px;} .Floor002479 .from .share .bdsharebuttonbox{ margin:0 auto; width:240px;} } @media(max-width:480px){ .Floor002479 .from h2{font-size:20px;} .Floor002479 .contact .title, .Floor002479{ font-size:14px;} .Floor002479 .from table{ width:100%;} } /*RighInfo002939 */ .RighInfo002939{padding:3% 0;} .RighInfo002939 .name{ text-align: center; margin-bottom: 15px;} .RighInfo002939 .name h1{margin: 0 0 30px 0;font-size: 20px;color: #666;} .RighInfo002939 .name h4{font-weight: normal;} .RighInfo002939 .time{color: #c8c8c8;padding-bottom: 1.72vw;line-height: 16px;} .RighInfo002939 .share{margin-left: 10px;} .RighInfo002939 .time time, .RighInfo002939 .share, .RighInfo002939 .share > *{display: inline-block; vertical-align: middle;} .RighInfo002939 .share em{font-style: normal;} #bsPanel, #bsPanel *, .bsBox, .bsBox *{box-sizing: content-box;} .RighInfo002939 .edit-info{line-height: 2.5625em;color: #666; text-align: justify; padding-bottom: 4vw;} .RighInfo002939 .edit-info img{display: block;margin: 0 auto} .RighInfo002939 .info-page{border: solid 1px #eee;} .RighInfo002939 .info-page dd{line-height: 36px;} .RighInfo002939 .info-page dd a{padding: 0 20px;} .RighInfo002939 .info-page dd a:hover{color: #d43e45;} @media(min-width:641px){ .RighInfo002939 .info-page dd{float: left; width: 50%;} .RighInfo002939 .info-page dd:nth-child(2){border-left: 1px solid #eee;} .RighInfo002939 .time, .RighInfo002939 .info-page dd a, .RighInfo002939 .edit-info{font-size: 16px;} } @media(max-width:640px){ .RighInfo002939 .name h1{margin: 0 0 10px 0;font-size: 18px;} .RighInfo002939 .edit-info{line-height: 26px;} .RighInfo002939 .info-page dd:nth-child(2){border-top: 1px solid #eee;} .RighInfo002939 .share{display: block; padding-top: 10px;} } /* 协会领导 */ .nMain {padding: 3% 0;} .nMain .calendarbox .ul_tab{display: flex;align-items: center;flex-wrap: nowrap;justify-content: center; margin: 2% 0;} .nMain .calendarbox .ul_tab li{padding: 8px 2%;} .nMain .calendarbox .ul_tab li.active{background: #1814B5; border-radius: 25px; color: #fff;} .Leader .LeaderBox .item{} .nTit_01{font-size: 24px;padding-left:20px;position: relative;margin-bottom:25px;} .nTit_01::before{content:'';display: block;width:4px;height:24px;background:#1814B5;position: absolute;left:0;top:50%;margin-top:-12px;} .Leader .LeaderBox .item ul::after{content:'';display: block;clear: both;} .Leader .LeaderBox .item ul{margin-left:-3%;} .Leader .LeaderBox .item ul li{width:47%;margin-left:3%;float:left;margin-bottom:25px;background:#f4f4f4;transition: all .5s;-webkit-transition: all .5s;position: relative;} .Leader .LeaderBox .item ul li .img{width:38%;} .Leader .LeaderBox .item ul li:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);} .Leader .LeaderBox .item ul li .txt{width:62%;box-sizing: border-box;padding:20px;} .Leader .LeaderBox .item ul li .txt h1{font-size: 18px;margin-top:10px;} .Leader .LeaderBox .item ul li .txt .dec{font-size: 14px;line-height: 24px;height: 72px;color:#666;margin:10px 0 30px 0;} .Leader .LeaderBox .item ul li .txt .more{color:#1814B5;font-size: 14px; text-align: left;} .Leader .LeaderBox .item ul li:hover{box-shadow: 0 20px 30px rgba(0,0,0,0.05);transform: translate3d(0,-3px,0);-webkit-transform: translate3d(0,-3px,0);} .Leader .imgbox { position: relative; } .Leader .imgbox span {background-position: top center;background-repeat: no-repeat; background-size: cover;display: block; transition: all .5s;-webkit-transition: all .5s; padding-bottom: 102%;width: 100%;} @media(max-width:768px){ .nTit_01{font-size: 18px;font-weight: bold;margin-bottom:10px;} .nTit_01::before{height:18px;margin-top:-9px;} .Leader .LeaderBox .item ul li .img{padding-top:15px;width: 100%;} .Leader .LeaderBox .item ul li .txt{padding:15px;width: 100%;height: auto;} .Leader .LeaderBox .item ul li .txt h1{margin-top:0;} .Leader .LeaderBox .item ul li .txt .dec{margin:10px 0;} .Leader .LeaderBox .item ul li .txt .more{padding-top: 0;} } @media(max-width:480px){ .Leader .LeaderBox .item ul li{width:47%;margin-bottom:15px;} } /* .Form001518 为demo编号 */ .Form001518{ padding-top:3%;} .Form001518 .title{ position:relative; color:#343434; font-size:34px; padding-bottom:5%; background:url(../images/Form001518_tit.png) no-repeat left center/contain; } .Form001518 .title:before{ position:absolute; left:0; bottom:0; width:31px; height:2px; content:""; background:#343434; } .Form001518 dl dt{ padding:3% 0; color:#1814B5; font-size:16px; } .Form001518 dd li{ float:left;width:32%; margin-right:2%;margin-bottom:5px; position:relative;} .Form001518 dd li:nth-child(3n){ margin-right:0;} .Form001518 dd .text{border: 1px solid #dadada;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;} .Form001518 dd select{border: 1px solid #dadada;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;text-indent: 150px;} .Form001518 dd li label{ position:absolute; left:5px; top:0; line-height:46px; } .Form001518 dd li .form_err{position:absolute; right:5px; top:50%; color:#1814B5; line-height:20px; margin-top: -10px;} select { /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/ border: solid 1px #d9d9d9;text-indent: 5px; /*很关键：将默认的select选择框样式清除*/ appearance: none; color:#999999; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url(../images/selectarr.png) no-repeat SourceHanSansCN-Regularoll 90% center transparent; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ padding-right: 14px; } .Form001518 dd textarea.text{height:220px;} .Form001518 .btn{ margin: 2% 0; cursor: pointer;border-radius: 5px;background: #1814B5;color: #fff; height: 37px;border: none; font-size:18px; width:40%; max-width:200px;} @media(max-width:768px){ .Form001518 dd li{ float:none; width:auto; margin-right:0 !important;} } @media(max-width:480px){ .Form001518 .title{ font-size:24px;} } /*Floor003152 */ .Floor003152 .bg{ background-size: cover; background-repeat: no-repeat; background-position: center;text-align: center;padding:6% 0;} .Floor003152 .items-group{display: flex;align-items: center;justify-content:center;flex-wrap: wrap;} .Floor003152 .item{display: inline-block;margin-right: 50px;text-align: left;} .Floor003152 .item dl{display: table;width: 100%;} .Floor003152 .item dl > *{display: table-cell;vertical-align: middle;} .Floor003152 .item dt{width: 4.25em;} .Floor003152 .item dt .icon{width: 3.375em; border-radius: 50%;height: 3.375em; border: 1px solid #333;position: relative;} .Floor003152 .item dt .icon img{position: absolute; left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 3em;} .Floor003152 .item dd{color: #ffffff;} .Floor003152 .item dd aside{font-size: 18px;color: #333; margin-bottom: 0.8em;} .Floor003152 .item h3{font-family: 'Bebas';font-size: 1.875em; margin: 0;line-height: 1;font-weight: normal;} .Floor003152 .item h5{font-family: 'SourceHanSansCN-Medium';font-size: 1em;margin: 0;font-weight: normal;} .Floor003152 .item h5 a{color: #333;font-size: 20px;} .Floor003152 .item:hover h5 a{color: #1814B5;} .Floor003152 .item-a a{display: inline-block;font-size: 1.125em;color: #fff;padding-left: 3.9444em;padding-right: 1.66666em; background: url(../images/xz.png) no-repeat left 1.5555em center #1814B5; background-size: 30px auto; line-height:3.6666; border: 2px solid #1814B5;transition: 0.5s;} .Floor003152 .item-a a span{font-family: 'SourceHanSansCN-Regular';display: block;padding-right:4.3333em; background: url(../images/Floor003152-icon-white.svg) no-repeat right center; background-size:30px auto;} .Floor003152 .item-a a:hover{background-color: rgba(199,134,41,0.5);} @media(max-width:1024px){ .Floor003152 .auto{padding: 0 2%;} .Floor003152 .item{width: 100%;margin-bottom: 20px;} .Floor003152 .bg{background-position: left;} .Floor003152 .item dt .icon img{max-width: 30px;} .Floor003152 .item dd aside{margin-bottom: 5px;} } /*Banner002766 */ .Banner002766{} /*slick Basic*/ .Banner002766 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Banner002766 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Banner002766 .slick-list:focus {outline: none} .Banner002766 .slick-list.dragging {cursor: pointer;cursor: hand;} .Banner002766 .slick-slider .slick-track, .Banner002766 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Banner002766 .slick-track {position: relative; top: 0; left: 0; display: block;} .Banner002766 .slick-track:before, .Banner002766 .slick-track:after{display: table; content: '';} .Banner002766 .slick-track:after{ clear: both;} .Banner002766 .slick-loading .slick-track { visibility: hidden;} .Banner002766 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Banner002766 .slick-slide .slick-loading img { display: none;} .Banner002766 .slick-slide .dragging img { pointer-events: none;} .Banner002766 .slick-initialized .slick-slide { display: block;} .Banner002766 .slick-loading .slick-slide { visibility: hidden;} .Banner002766 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Banner002766 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Banner002766 .slick-list li{position: relative;} .Banner002766 .slick-list li a{display: block;} .Banner002766 .slick-list li img{display: block; width: 100%;} .Banner002766 .slick-list li .txt-main{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;} .Banner002766 .slick-list li .txt-main .auto{max-width: 1720px; height: 100%;position: relative;} .Banner002766 .slick-list li .txt-main .auto img{height: 100%; transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);opacity: 0;-webkit-opacity: 0; transition:0.5s 0.5s;} .Banner002766 .slick-list li .url{position: absolute;width: 40%;max-width: 308px; font-size: 20px; z-index: 20;color: #fff; transition: 0.3s 0.5s;text-align: center;line-height: 65px;transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);opacity: 0;-webkit-opacity: 0; transition:0.5s 0.8s;} .Banner002766 .slick-list li.ani-show .txt-main .auto img, .Banner002766 .slick-list li.ani-show .url{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);opacity: 1;-webkit-opacity: 1;} .Banner002766 .slick-list li .url:before, .Banner002766 .slick-list li .url:after{position: absolute; content: ''; height: 1px;width: 100%;background: rgba(255,255,255,0.2); transition: 0.5s;} .Banner002766 .slick-list li .url:before{left: 0; top: 0;} .Banner002766 .slick-list li .url:after{right: 0; bottom: 0;} .Banner002766 .slick-list li .url:hover:before, .Banner002766 .slick-list li .url:hover:after{width: 0;} .Banner002766 .slick-list li .url:hover{background:#000; } .Banner002766 .slick-list li .url span{display: inline-block;background: url(../images/Banner002766_more.png) no-repeat right center; padding-right: 40px; transition: 0.3s;} .Banner002766 .slick-list li .url:hover span{background: none; padding: 0;} .Banner002766 .slick-dots{position: absolute; left: 0; z-index: 10; width: 100%; bottom: 5%; text-align: center;} .Banner002766 .slick-dots li button{display: none;} .Banner002766 .slick-dots li{display: inline-block; border: 1px solid rgba(255,255,255,0.4); border-radius: 50%; margin: 0 5px; cursor: pointer; width: 20px; height: 20px;position: relative;} .Banner002766 .slick-dots li.slick-active:after{content: ''; position: absolute; background: #fff;border-radius: 50%; width: 8px; height: 8px; left: 50%; top: 50%; margin: -4px 0 0 -4px;} .Banner002766 .slick-arrow{position: absolute; z-index: 10; top: 50%;background: none;border: 0;font-size: 0; height: 44px; width: 44px; margin-top: -22px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; cursor: pointer;} .Banner002766 .slick-prev{left: 3%;transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Banner002766 .slick-next{right: 3%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .Banner002766 li .pc{display: block;} .Banner002766 li .wap{display: none !important;} @media(max-width:1024px){ .Banner002766 .slick-arrow{height:30px; width: 30px; margin-top: -15px;} .Banner002766 .slick-list li .url{line-height: 40px; max-width:200px;font-size: 16px;} } @media(max-width:640px){ .Banner002766 .slick-dots li{width: 10px; height: 10px; margin: 0 2px;} .Banner002766 .slick-dots li.slick-active:after{width: 4px; height: 4px;margin: -2px 0 0 -2px;} .Banner002766 .slick-arrow{display: none!important;} .Banner002766 li .pc{display: none !important;} .Banner002766 li .wap{display: block !important;} } @media(max-width:480px){ .Banner002766 .slick-list li .url{line-height: 28px; max-width:120px;font-size: 12px;} .Banner002766 .slick-list li .url span{padding-right: 30px;} }