/*Banner003069 */ .Banner003069{position: relative; z-index: 1;padding-top:100px;} .Banner003069 .auto{max-width: 1400px;} .Banner003069 .Ispic{height: 400px} .Banner003069 .txt{position: absolute; left: 0; bottom: 10.6vw; width: 100%; z-index: 10;color: #fff; font-size: 36px; } .Banner003069 .txt .en{font-size: 0.5em;letter-spacing: 9px;text-transform: uppercase; font-family: 'Oswald';} .Banner003069 .txt .cn{font-family: 'SourceHanSansCN-Bold';} @media(max-width:768px){ .Banner003069{padding-top:74px;} } @media(max-width:640px){ .Banner003069 .Ispic{height: 28vw;} .Banner003069 .txt{font-size: 6vw;} } /* .Menu002252 为demo编号 */ .Menu002252{padding:10px 0; text-align:center; overflow:hidden;background: #f7f7fa;} .Menu002252 a{font-size:16px; display: block;/*background:#e9e9e9;*/ padding: 10px; margin-bottom: 1px; } .Menu002252 a.aon,.Menu002252 a:hover{ color:#fff; background-color:#8ec555;} @media(min-width:768px){ .Menu002252{padding:25px 0 10px;} .Menu002252 a{ display:inline-block; line-height:30px; padding:0 15px; border-radius:30px; overflow:hidden; margin:0 7px 1px;} } @media(min-width:1024px){ .Menu002252{padding:35px 0 20px;} .Menu002252 a{display:inline-block;line-height:46px; padding:0 20px;/*background:#e9e9e9;*/ border-radius:3px;} } /*PicList001912*/ .PicList001912{ padding:4% 0 0;} .PicList001912 li{ margin-bottom:27px; padding:4px;} .PicList001912 li div{ background: #f6f7fa; padding:2%; overflow:hidden;} .PicList001912 li .pic{ float:left; width:32.5%;} .PicList001912 li .pic img{ display:block; width:100%;} .PicList001912 li figure{ float:right; width:65%; padding-left:25px;padding-top: 1%;} .PicList001912 li h3{ margin:0; line-height:50px; font-size: 20px; font-weight: normal;} .PicList001912 li h3 a:hover{ color: #8ec555} .PicList001912 li h3 span{ float:right; color: #8ec555; font-size: 18px; font-weight:normal;font-family: 'Oswald';} .PicList001912 li p{ line-height:24px; overflow:hidden; height:72px; color:#999;} .PicList001912 li .more{color: #8ec555;display: block;border: 1px solid;width: 150px; padding: 10px; text-align: center;margin-top: 4%; border-radius: 50px;} .PicList001912 li .more:hover{ background:#8ec555; color:#fff} @media(max-width:1000px){ .PicList001912 .columnName{ font-size:45px;} .PicList001912 .columnName span{ font-size:24px;} .PicList001912 li h3{ line-height:normal;} .PicList001912 li p{ margin:2% 0; height:48px;} } @media(max-width:640px){ .PicList001912 .columnName{ font-size:35px;} .PicList001912 .columnName span{ font-size:20px;} } @media(max-width:480px){ .PicList001912 li .pic, .PicList001912 li figure{ float:none; width:auto;} .PicList001912 li figure{ border:0; padding-left:0; padding-top:3%;} } /* .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 20px;color:#666;line-height: 42px;border-radius:3px;transition: .3s ease-out;background: #f3f3f3;} .Page002193 a:hover{ color:#fff; background:#8ec555;} .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:#8ec555;} .Page002193 .p_count b{ color:#8ec555;} .Page002193 .p_total b{ color:#8ec555;} .Page002193 .p_page em{ font-style:normal;} .Page002193 .p_page em a{} .Page002193 .p_page em a.a_cur{ color:#fff; background:#8ec555; /*border-color:#8ec555;*/} .Page002193 .p_page b{ font-weight:normal;} /*Top002266 */ .Top002266{position: fixed;background:#fff;width:100%;z-index: 136} .Top002266 .header{ position:relative; z-index:100;} .Top002266 .header-left{ float:left; display:table; height:100px; max-width:380px; width:40%;} .Top002266 .header-left .logo{ display:table-cell; vertical-align:middle;} .Top002266 .header-right dd{position:relative;} .Top002266 .header-right dd > a{ display:block;} .Top002266 .top-search .text{ width:100%; height:32px; line-height:32px; border:1px solid #d5d2d2; padding:0 30px 0 10px;} .Top002266 .top-search .btn{ position:absolute; right:0; top:0; height:100%; width:30px; background:url(../images/top002266-search.png) no-repeat center center;} .Top002266 .header-menu li{ width:auto !important; padding:0 26px; line-height:97px; z-index:18;} .Top002266 .header-menu li em a{ color:#000; border-bottom:3px solid transparent; font-size:17px;font-weight: 400;} .Top002266 .header-menu li.aon em a, .Top002266 .header-menu li em a:hover{ border-bottom-color:#86c944; color:#86c944;} .Top002266 .header-menu li .sub{ width: 150%; left: -25%;border-radius: 10px;} .Top002266 .header-menu li .sub-menu dt a{transition:0.3s;font-size: 14px;color: #fff;text-align: center;} .Top002266 .header-menu li .sub-menu dt a:hover{ background:#86c944;} .Top002266 .header-right{ float:right; padding-top:32px;padding-right: 0px;} .Top002266 .header-right dd{ float:left; z-index:20; margin-left:18px; line-height:36px;} .Top002266 .header-right dd.top-buy a{background: url(../images/top002266-ticket.png) no-repeat left center;padding-left: 23px;color: #86c944; font-weight:bold;font-size: 16px;} .Top002266 .open-search{ width:30px; height:36px; background:url(../images/top002266-search.png) no-repeat center center;} .Top002266 .top-search{ position:absolute; right:0; width:0; transition:0.3s 0.5s; top:2px; overflow:hidden;} .Top002266 .top-search-show{width:205px;} @media(min-width:1025px){ .Top002266 .header-mid{ float:right;} } @media(max-width:1200px){ .Top002266 .header-menu li{padding:0 15px;} } @media(max-width:1024px){ .Top002266 .header-mid{position:absolute; top:100%; right:0; background:#333; width:60%; max-width:200px; display:none;} /*.Top002266 .header-right dd.top-buy a{ line-height:45px;color:#fff; text-align:center; font-size:16px;}*/ .Top002266 #header-menu li em{ border-bottom:0;} .Top002266 #header-menu li a{ font-weight:normal; border-bottom:1px solid #444; text-align:center;line-height: 50px;} .Top002266 #header-menu li .sub-menu dt a{ border-bottom-color:rgba(255,255,255,0.2); background:rgba(0,0,0,0.25);} .Top002266 #open_menu{ position:absolute; right:2%; top:50%; margin-top:-15px; width:30px; height:30px;z-index: 111;} .Top002266 #open_menu i, .Top002266 #open_menu i::before, .Top002266 #open_menu i::after{ background:#000;} .Top002266 #open_menu i{ height:2px; width:100%; top:50%; margin-top:-1px;} .Top002266 #open_menu i::before{ top:9px;} .Top002266 #open_menu i::after{ top:-9px;} .Top002266 #open_menu::before{ position:absolute; left:7px; width:5px; height:100%; background:#fff; top:0; content:''; z-index:2;} .Top002266 #open_menu.open_menu_on::before{ opacity:0;} } @media(max-width:768px){ .Top002266 .header-left{width:50%;height: 74px} .Top002266 .header-right{padding-top:20px; padding-right: 37px;} .top-buy{display: none;} } /*Banner003001 */ .Banner003001 li.slick-slide{position: relative; overflow: hidden;} .Banner003001 li.slick-slide .txt{position: absolute; transition: 0.5s; left: -20%; top: 0;} .Banner003001 li.slick-current .txt{left: 0;} .Banner003001 .slick-dots{position: absolute; left: 0; width: 100%; bottom: 2.29vw; z-index: 10; text-align: center;} .Banner003001 .slick-dots li{position: relative;display: inline-block; } .Banner003001 .slick-dots li:not(:last-child){padding-right: 52px;} .Banner003001 .slick-dots li:not(:last-child):after{content: ''; width: 50px; height: 2px; background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 20%, transparent 50%);background-size: 8px 2px;background-repeat: repeat-x;position: absolute; right: 0; top: 50%; margin-top: -1px;} .Banner003001 .slick-dots li button{cursor: pointer;width: 40px; height: 40px; border: 1px solid transparent; border-radius: 50%; font-size: 0;background: none;position: relative;} .Banner003001 .slick-dots li button:after{ border-radius: 50%;content: ''; width: 8px;height: 8px;background-color: #fff;border-radius: 11px;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} .Banner003001 .slick-dots li.slick-active button{border-color: #96c96c;} .Banner003001 .slick-dots li.slick-active button:after{background: #96c96c;} @media(max-width:1024px){ .Banner003001 .slick-dots li:not(:last-child){padding-right: 7.5vw;} .Banner003001 .slick-dots li:not(:last-child):after{width: 7vw;} .Banner003001 .slick-dots li button{width: 5vw; height: 5vw;} .Banner003001 .slick-dots li button:after{width: 1vw;height: 1vw; } } @media(max-width:768px){ .Banner003001{padding-top:74px;} } /*Floor003065 */ .Floor003065{margin:5vw 0 3vw;font-size: 16px;} @media(min-width:769px) and (max-width:1024px){ .Floor003065{font-size:1.5vw; } } @media(max-width:640px){ /*.Floor003065{font-size: 3.5vw;}*/ } .Floor003065 .auto{max-width: 1400px;} .Floor003065 .txt-info{position: relative;padding-top: 3%;} @media(min-width:769px){ .Floor003065 .txt-info{padding-left: 2.76vw;} .Floor003065 .ytable-cell{width: 50%;vertical-align: top;} } @media(max-width:768px){ .Floor003065 .ytable, .Floor003065 .ytable-cell{display: block;} } .Floor003065 .video .pic{position: relative; z-index: 1;border-radius: 20px;overflow: hidden;background: #000; margin-bottom: 2.4vw;} .Floor003065 .video .pic img{opacity: 1.1;} .Floor003065 .video .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer;} .Floor003065 .video .play:before{position: absolute; content: '';width: 86px;height: 86px;background:url("../images/floor003065_play.png") no-repeat center center rgba(0,0,0,0.2); left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .Floor003065 .video .pic video{position: absolute;left: 0; top: 0; z-index: 20;background: #000;} @media(max-width:640px){ .Floor003065 .video .play:before{width: 20vw; height: 20vw;} } .Floor003065 .number li{float: left;color: #333;} .Floor003065 .number li aside{color: #86c944;} .Floor003065 .number li aside b{font-size: 48px;font-weight: 900; font-family: 'Arial';line-height: 0.85em;display: inline-block;} .Floor003065 .number li p{margin-bottom: 0;} @media(min-width:769px) and (max-width:1024px){ .Floor003065 .number li aside b{font-size: 4vw; } } @media(max-width:640px){ .Floor003065 .number li aside b{font-size: 8vw; } } .Floor003065 .col-title{font-size: 48px; padding-bottom: 3.18vw;} .Floor003065 .col-title .cn{font-size: 0.625em;color: #333;} .Floor003065 .col-title .cn:after{display: inline-block; content: ''; height: 1px;background: #86c944; width: 3.334em; margin-left: 0.521em; vertical-align: middle;} .Floor003065 .col-title .en{ font-family: 'Arial';color: #86c944;line-height: 1em; padding-top: 0.2em;} @media(min-width:769px) and (max-width:1024px){ .Floor003065 .col-title{font-size: 4vw; } } @media(max-width:640px){ .Floor003065 .col-title{font-size: 9vw; } } .Floor003065 .more{margin-top: 2.76vw;text-align: right;} .Floor003065 .more a{display: inline-block;background: #86c944;color: #fff;line-height: 2.875em;border-radius: 50px; padding: 0 2.5em; transition: 0.3s; font-size: 16px;} .Floor003065 .more a:hover{border: solid 1px #86c944;color: #86c944;background: none;} @media(max-width:640px){ /*.Floor003065 .more a{font-size: 4vw; }*/ } .Floor003065 .txt-info .inner{position: relative; z-index: 3;} .Floor003065 .txt-info .info .name{color: #86c944;font-size: 24px;} .Floor003065 .txt-info .info p{line-height: 30px;} .Floor003065 .txt-info .year{z-index: 1; padding: 2vw 0.21vw 6vw 7.08vw; /*border-radius: 20px;background-color: #86c944;*/} .Floor003065 .txt-info .year b{font-family: 'Arial'; font-weight: 800;font-size: 3.13vw; color: #86c944;position: relative; z-index: 3; line-height: 1em;} .Floor003065 .txt-info .year:after, .Floor003065 .txt-info .year:before{position: absolute; content: ''; background-position: center center;background-repeat: no-repeat;background-size: contain;} .Floor003065 .txt-info .year:before{width: 3.44vw;height: 3.44vw; background-image: url("../images/floor003065_bg1.png");right: 1.93vw; bottom: 1.93vw;} .Floor003065 .txt-info .year:after{width: 33.59vw; height: 31.93vw;background-image: url("../images/floor003065_bg.png"); right: 0; bottom: 0;} @media(min-width:769px){ .Floor003065 .txt-info .year{position: absolute; right: 0; bottom: 0;} } @media(max-width:768px){ .Floor003065 .txt-info{margin-bottom: 5vw; } .Floor003065 .txt-info .year{position: relative; margin-top: 4vw;} .Floor003065 .txt-info .year br{display: none;} .Floor003065 .txt-info .year b{font-size: 6vw;} .Floor003065 .txt-info .year:after{width:50vw; height:50vw;} .Floor003065 .txt-info .year:before{width: 7vw;height: 7vw;} } @media(max-width:640px){ .Floor003065 .txt-info .info .name{font-size: 5vw;} } /*Floor003066 */ .Floor003066{background: url("../images/floor003066_bg.jpg") no-repeat center bottom;background-size: 100% auto; padding-bottom: 3.13vw;margin-top: 6.17vw;overflow: hidden;} .Floor003066 .auto{max-width: 1400px;} .Floor003066 .col-title{font-size: 48px; padding-bottom:2.54vw;} .Floor003066 .col-title .cn{font-size: 0.625em;color: #333;} .Floor003066 .col-title .cn:after{display: inline-block; content: ''; height: 1px;background: #86c944; width: 3.354em; margin-left: 0.521em; vertical-align: middle;} .Floor003066 .col-title .en{ font-family: 'Arial';color: #86c944;line-height: 1em; padding-top: 0.2em;} .Floor003066 .more{padding-top: 3.91vw;padding-bottom:3.91vw} .Floor003066 .more a{display: inline-block; border: 1px solid #86c944;background: #86c944;line-height: 2.875em;border-radius: 50px;color: #fff; padding: 0 2.5em; transition: 0.3s; font-size: 16px;} .Floor003066 .more a:hover{background: #fff;color: #86c944;} .Floor003066 .tag_title{ white-space: nowrap; font-size: 18px;font-weight: normal; padding: 0 50px 9px 50px;} @media(min-width:641px){ .Floor003066 .tag_title .item{ display: inline-block; float: none; width: auto!important; background: #eeeeee; border-radius: 4px; margin-right: 10px;} } .Floor003066 .tag_title span{ cursor: pointer;padding: 10px 30px; text-align: center;display:block; max-width:280px} .Floor003066 .slick-current span, .Floor003066 .slick-current span:hover{ background:#86c944; color:#fff; border-radius:4px} .Floor003066 .intro{font-size: 16px;color: #333; line-height: 30px;} .Floor003066 .intro .cn{line-height: 1.667em;} .Floor003066 .intro .en{font-size: 0.777em;color: #999; line-height: 1.6em; border-top: 1px solid #e5e5e5;margin-top: 0.667em; padding-top: 0.667em;} .Floor003066 .slider li{padding: 22px 0;} .Floor003066 .slider li a{display: block;margin: 0 1.4vw;box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); border-radius: 20px;position: relative; padding: 0.85vw 0.85vw 3.35vw; background: #fff; transition: 0.3s;} .Floor003066 .slider li figure{background-size: contain;padding-bottom: 148.348%;} .Floor003066 .slider li .hover{position: absolute; z-index: 10;width: 120px; height: 120px; /*background-color: ; */color: #74b633; text-align: center; border-radius: 50%; left: 50%; top: 95%; transform: translate(-50%,-50%) scale(1); opacity: 1; transition: 0.3s;} .Floor003066 .slider li .hover .ytable{height: 100%;} .Floor003066 .slider li .hover span{font-size:12px;display: block;background: url("../images/floor003066_rice.png") no-repeat center bottom;padding-bottom: 27px;font-family: 'ArialMT';} .Floor003066 .slider li .hover aside{font-size: 16px; padding-bottom: 5px;} .Floor003066 .slider li a:hover{box-shadow: 0 2px 20px rgba(0, 0, 0, 0.12); } .Floor003066 .slider li a:hover .hover{opacity: 1;transform: translate(-50%,-50%) scale(1);} .Floor003066 .item .slick-slider{ padding-bottom: 80px} .Floor003066 .slick-arrow{ position: absolute; bottom: 17px; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #b1b1b2;} .Floor003066 .slick-arrow:before{position: absolute; content: ''; width: 12px; height: 12px; border-right: 2px solid #b1b1b2;border-top: 2px solid #b1b1b2; transform: rotate(45deg); left: 50%; top: 50%; margin: -6px 0 0 -8px;} .Floor003066 .slick-arrow:hover, .Floor003066 .slick-arrow:hover:before{border-color: #86c944;} .Floor003066 .slick-prev{ transform: rotate(180deg);} .Floor003066 .slick-next{ right: 50%} .Floor003066 .tag_title .slick-prev{ left: 0px} .Floor003066 .tag_title .slick-next{ right: 0} .Floor003066 .tag_pic .slick-prev{ margin-left: -60px; left: 50%; } .Floor003066 .tag_pic .slick-next{ margin-right: -60px; right: 50%} @media(min-width:769px) and (max-width:1024px){ .Floor003066 .col-title{font-size: 4vw; } } @media(min-width:1025px){ .Floor003066 .fl{width:22.429%;} .Floor003066 .fr{width: 72%;} .Floor003066 .more{padding-bottom: 0;} .Floor003066 .tag_title{ padding-left: 20px} .Floor003066 .tag_title .slick-prev{ left: -30px} } @media(max-width:640px){ .Floor003066 .intro{font-size: 4vw; display:none} .Floor003066 .fl{position:relative;} .Floor003066 .col-title{font-size: 9vw; padding-top: 30px; padding-bottom: 4.54vw;} .Floor003066 .slider li a{padding: 10px 10px 40px; } .Floor003066 .slider li figure{padding-bottom: 140%;} .Floor003066 .more a{font-size: 4vw; position: absolute;right: 0; top: 40%;z-index: 111;color: #17c971;display: inline-block;border: 1px solid #86c944;background: #86c944; line-height: 2.875em; border-radius: 50px;color: #fff;padding: 0 1.5em;line-height: 40px;transition: 0.3s;font-size: 16px;} .Floor003066 .col-title .en{ font-size: 7vw; } } /*Floor002985*/ .Floor002985{font-family: 'FreightBig-Light';overflow:hidden; padding-bottom: 5.38vw;} .Floor002985 .col-title{font-size: 48px; text-align: center; padding-top: 4.18vw; position: relative; z-index: 111;} .Floor002985 .col-title .cn{font-size: 0.625em;color: #333;} .Floor002985 .col-title .cn:after{display: inline-block; content: ''; height: 1px;background: #86c944; width: 3.334em; margin-left: 0.521em; vertical-align: middle;} .Floor002985 .col-title .en{ font-family: 'Arial';color: #86c944;line-height: 1em; padding-top: 0.2em;text-transform: uppercase;} @media(min-width:769px) and (max-width:1024px){ .Floor002985 .col-title{font-size: 4vw; } } @media(max-width:640px){ .Floor002985 .col-title{font-size: 9vw; } } .Floor002985 .slider{margin-left: 13.54vw;margin-top: -15px;margin-bottom: 3.33vw; padding-top: 73px;position: relative; } .Floor002985 .slider:before{position: absolute; content: ''; height: 95%;width: 65.482%; right: 0; top: 0;background-color: #f2f2f2;} .Floor002985 .slider ul{width: 109.524%; z-index: 4;} .Floor002985 .slider li a{position: relative;display: block; margin-right: 20px; overflow: hidden;} .Floor002985 .slider li .txt{position: absolute;left: 0;bottom: 0;padding: 13px 5%;width: 100%;color: #fff;font-size: 24px;z-index: 10;background: rgba(116,182,52,0.8);} .Floor002985 .slider li img{transition: 0.3s;} .Floor002985 .slider li a:hover img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);} .Floor002985 .arrow{margin: 0 13.54vw; background-color: #e9e9e9; height: 1px;position: relative;} .Floor002985 .arrow:before{position: absolute; content: ''; width: 50%; height: 100%;background: #000; left: 0; top: 0;} .Floor002985 .slick-arrow{position: absolute; height: 20px; padding:0 33px;background: #fff;font-family: 'FreightBig-Light';color: #000; top: 50%; margin-top: -10px; font-size: 14px; text-transform: uppercase;} .Floor002985 .slick-prev{padding-left: 0!important; left: 0;} .Floor002985 .slick-next{left: 144px;} @media(max-width:768px){ .Floor002985 .title{font-size: 6vw;} .Floor002985 .slider{padding-top: 6vw;} .Floor002985 .slider li .txt{font-size: 4vw;} .Floor002985 .slick-arrow{padding: 0 4vw;} .Floor002985 .slick-next{ left: 15vw;} } @media(max-width:480px){ .Floor002985 .slider{margin-left: 8vw;} .Floor002985 .arrow{margin: 0 8vw; } } /*Floor003055 */ .Floor003055{padding: 4.36vw 0 3.42vw 0;background-color: #f7f7fa;font-size: 14px;/*font-weight: 100;*/} .Floor003055 .title{color: #000;font-size: 2.34vw; margin-bottom: 2.6vw;position: relative;} .Floor003055 .title h3{font-weight: bold;margin:0 0 0.445em 0; font-size: 1em;} .Floor003055 .title .desc{font-size:18px;padding-right: 90px;} .Floor003055 .title .more{position: absolute;right: 0; top: 40%; z-index:111;color: #17c971;display: inline-block; border: 1px solid #86c944; background: #86c944; line-height: 2.875em; border-radius: 50px; color: #fff; padding: 0 2.5em; transition: 0.3s; font-size: 16px;} .Floor003055 .title .more:hover{background: #fff;color: #86c944;} .Floor003055 .col-title{font-size: 48px; text-align: left; /* padding-top: 4.18vw;*/ position: relative; z-index: 111;} .Floor003055 .col-title .cn{font-size: 0.625em;color: #333;} .Floor003055 .col-title .cn:after{display: inline-block; content: ''; height: 1px;background: #86c944; width: 3.334em; margin-left: 0.521em; vertical-align: middle;} .Floor003055 .col-title .en{ font-family: 'Arial';color: #86c944;line-height: 1em; padding-top: 0.2em;text-transform: uppercase;} @media(min-width:769px) and (max-width:1024px){ .Floor003055 .col-title{font-size: 4vw; } } @media(max-width:640px){ .Floor003055 .col-title{font-size: 9vw; } .Floor003055 .title .more{ line-height: 40px; padding: 0 1.5em;} .Floor003055 .col-title .en{font-size: 7vw;} } @media(max-width:1024px){ .Floor003055 .title{font-size: 4vw; } .Floor003055 .title .desc{font-size:0.5em; padding-right: 8em;} } @media(max-width:640px){ .Floor003055 .title{font-size: 6vw;margin-bottom: 5.6vw;} } .Floor003055 .news-top{background: #fff;padding: 1.5vw 1.5vw 0.8vw;border-radius: 13px;box-shadow: 0 0 10px -2px #eee;} .Floor003055 .news-top .Ispic{/*border-radius: 13px 13px 0 0; */} .Floor003055 .Ispic{padding-bottom: 66.794%;} .Floor003055 .txt{padding: 1vw;color: #777;} .Floor003055 .txt time{font-family: 'DIN-Medium';color: #d9d9d9;} .Floor003055 .txt h3{font-size: 20px; margin: 10px 0; font-weight: normal; color:#222} .Floor003055 .txt p{ line-height: 1.875em; margin-bottom: 1vw;border-radius: 13px;} .Floor003055 .txt .more{display: inline-block;padding-right: 20px;background: url("../images/floor003055_more_gray.png") no-repeat right center;color: #86c944;} .Floor003055 a:hover .txt .more{color: #069712; background-image: url("../images/floor003055_more_on.png");} .Floor003055 .slider li a{background: #fff; padding:1.5vw; margin-bottom: 22px; table-layout: fixed;border-radius: 13px;box-shadow: 0 0 10px -2px #eee;} .Floor003055 .controls{margin-top: 0.5vw; position: relative;overflow: hidden;} .Floor003055 .controls .slick-dots{float: right;position: relative;} .Floor003055 .controls .slick-dots li{list-style: none;} .Floor003055 .controls .slick-dots li{display: inline-block;position: relative;width: 28px; height: 28px;} .Floor003055 .controls .slick-dots li button{ padding: 0; width:28.572%;height: 28.572%;background: #333; border-radius: 50%; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);font-size: 0; border: 0;} .Floor003055 .controls .slick-dots li.slick-active button{background: #86c944; width: 50%; height: 50%;} .Floor003055 .controls .slick-dots li.slick-active:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #86c944; border-radius: 50%;clip:rect(0 28px 7px 0);animation:zhuan 2s infinite linear;} @keyframes zhuan{ 0%{transform: rotate(-360deg);} 100%{transform: rotate(0);} } .Floor003055 .slick-dots:after{position: absolute;right: 100%; top: 50%; height: 1px; background: #e4e8ed; margin-right: 2vw; width: 50vw; content: '';} @media(min-width:481px){ .Floor003055 .slider li .pic{width: 34.765%;} .Floor003055 .slider li .Ispic{padding-bottom: 63.523%;} .Floor003055 .slider li .txt{padding: 0 2.08vw;} .Floor003055 .slider li .txt h3{font-size: 20px;} .Floor003055 .slider li .txt p{margin-bottom: 1vw;} } @media(min-width:1025px){ .Floor003055 .left{width: 36.25%;} .Floor003055 .right{width: 61.25%;} } @media(min-width:1025px) and (max-width:1366px){ .Floor003055{font-size: 1.1vw;} .Floor003055 .txt h3{font-size: 1.5vw;} .Floor003055 .slider li .txt h3{font-size: 1.3vw;} } @media(max-width:1024px){ .Floor003055 .left{margin-bottom: 3vw;} .Floor003055 .txt{padding: 4vw;} .Floor003055 .txt p{height: 3.75em; } } @media(min-width:481px) and (max-width:1024px){ .Floor003055 .slider li .txt{padding: 0 4vw;} } @media(min-width:481px) and (max-width:768px){ .Floor003055 .slider li .pic{width: 45%;} } @media(max-width:768px){ .Floor003055{font-size: 2.5vw;} .Floor003055 .txt h3{font-size: 3.5vw;} .Floor003055 .slider li .txt h3{font-size: 3vw;} } @media(max-width:480px){ .Floor003055 .slider li .ytable-cell, .Floor003055 .slider li a{display: block;} .Floor003055 .slider li a{padding: 4vw;} .Floor003055{font-size: 3.5vw;} .Floor003055 .txt h3{font-size: 5vw;} .Floor003055 .slider li .txt h3{font-size: 4vw;} } /*Bottom002900 */ @font-face { font-family: 'HuXiaoBoZhenShuai'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/HuXiaoBoZhenShuai.woff") format("woff"); font-display: swap; } @font-face { font-family: 'Oswald'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/Oswald/Regular.woff") format("woff"); font-display: swap; } @font-face { font-family: 'SourceHanSansCN-Light'; src: url("https://work.gzwhir.com:51932/Build/content/Resoures/whirfonts/SourceHanSansCN/Light.woff") format("woff"); font-display: swap; } .Bottom002900{background: #1b1b1b;padding: 3.145vw 0 2vw;font-family: 'SourceHanSansCN-Light';} .Bottom002900, .Bottom002900 a{color: #fff;} .Bottom002900 .b_nav nav dd a{opacity: 0.5;font-size: 14px;} @media(min-width:1025px){ .Bottom002900{font-size: 16px;} .Bottom002900 .contact{width: 25%;} .Bottom002900 .b_nav{width: 70%;max-width: 1000px;} } .Bottom002900 .solgan{font-size: 30px;font-family: 'HuXiaoBoZhenShuai';letter-spacing: 6px;} .Bottom002900 .solgan span{font-size: 16px;color: rgba(255,255,255,0.2);margin-left: 20px;} @media(min-width:1025px){ .Bottom002900 .solgan span:before{content: '/ ';display: inline-block;font-family: 'HuXiaoBoZhenShuai';} } @media(max-width:1024px){ .Bottom002900 .solgan{padding: 4vw 0;} .Bottom002900 .solgan span{display: block;} } .Bottom002900 .b_nav nav{border-top: 1px solid rgba(255,255,255,0.1);border-bottom: 1px solid rgba(255,255,255,0.1);padding: 35px 0; margin: 30px 0 20px;} .Bottom002900 .b_nav nav dl{float: left; max-width: 140px;} .Bottom002900 .b_nav nav dt{padding-bottom: 22px;} .Bottom002900 .b_nav nav dd{line-height: 24px;padding: 3px 0;} @media(max-width:1024px){ .Bottom002900 .b_nav nav{display: none;} } .Bottom002900 .copyright{color: rgba(255,255,255,0.2);line-height: 30px;font-size: 14px;} .Bottom002900 .copyright a{opacity: 0.2;} .Bottom002900 a:hover{color: #86c944;opacity: 1!important;} .Bottom002900 .contact{opacity: 0.9;} .Bottom002900 .contact .num{font-size: 36px;font-family: 'Oswald';margin-bottom: 36px;line-height: 1em;} .Bottom002900 .share li{float: left;position: relative;} .Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px;background: #fff; margin-bottom: 10px;border-radius: 5px;display: none;} .Bottom002900 .share li figure img{display: block;width: 100%;} .Bottom002900 .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 25px; top: 100%;border-top-color: #fff;} .Bottom002900 .share li:not(:last-child){margin-right: 30px;} .Bottom002900 .share li a{display: block;border: 1px solid rgba(255,255,255,0.2); width: 50px; height: 50px;background-position: center center;background-repeat: no-repeat;border-radius: 50%; cursor: pointer;} .Bottom002900 .share li a.a_wx{background-image: url("../images/bottom002900_wx.png");} .Bottom002900 .share li a.a_sina{background-image: url("../images/bottom002900_sina.png");} .Bottom002900 .share li a.a_douyin{background-image: url("../images/bottom002900_douyin.png");} .Bottom002900 .share li a:hover{background-color: #86c944;} @media(min-width:1025px){ .Bottom002900 .contact .tit{padding-bottom: 28px;} .Bottom002900 .share{margin: 37px 0 40px 0;} } @media(min-width:1025px) and (max-width:1280px){ .Bottom002900 .share li:not(:last-child){margin-right: 2vw;} } @media(max-width:1024px){ .Bottom002900{text-align: center;padding: 20px 0;} .Bottom002900 .logo{padding: 0 20% 3%;} .Bottom002900 .contact .tit{padding: 3vw 0;} .Bottom002900 .share ul{margin: 0 auto;display: table;} .Bottom002900 .share li figure{left: 50%; margin-left: -60px;} .Bottom002900 .share li figure:before{left: 50%; margin-left: -5px;} } @media(max-width:480px){ .Bottom002900 .contact .num{margin-bottom: 1em;font-size: 7vw;} .Bottom002900 .solgan{font-size: 7vw;} .Bottom002900 .copyright{font-size: 12px; line-height: normal;} .Bottom002900 .share li a{width: 50px; height: 50px;} } /* .Timeline000618 为demo编号 */ .Timeline000618{ padding:5% 0;} .Timeline000618 .year{position: relative; z-index: 1;} .Timeline000618 .year li {width: 100%;position: relative;line-height: 50px;text-align: center;cursor:pointer;background: url(../images/timeline000618-yearbg.png) no-repeat center top 10px;background-size:contain;font-size: 28px;padding-top: 50px;font-family: 'Oswald';} .Timeline000618 .year li.slick-current{color: #8ec555;} .Timeline000618 .year li:after{ position: absolute;left: 50%;top:37px;width: 11px;height: 11px;content: '';background: #fff;border: 3px solid #d6d6d6;border-radius: 50%;z-index: 3;margin-left: -5px;} .Timeline000618 .year li.slick-current:after{ border-color:#8ec555;} .Timeline000618 .btn .slick-arrow{ position:absolute; top:-15px; width:55px; height:55px; cursor:pointer; background-color:#ddd; border-radius:38px; z-index:10;font-size: 0;} .Timeline000618 .btn .slick-prev{ left:0;} .Timeline000618 .btn .slick-next{ right:0;background: #8ec555;} .Timeline000618 .btn .slick-next:hover, .Timeline000618 .btn .slick-prev:hover{ background-color:#8ec555;} .Timeline000618 .btn .slick-prev:before, .Timeline000618 .btn .slick-next:before{ position:absolute; content: ''; width: 12px; height: 12px; border-left: 4px solid #fff;border-top: 4px solid #fff; left: 50%; top: 50%; margin: -6px 0 0 -8px;transform: rotate(135deg);} .Timeline000618 .btn .slick-prev:before{transform: rotate(-45deg);margin-left: -3px;} .Timeline000618 .list{padding-right:30%;position:relative;padding-top: 4%;} .Timeline000618 .list:before{background: url(../images/timeline000618-bg.png) no-repeat right top;width:30%;height: 80%;position:absolute;content:'';right:0;top: 5%;background-size:contain;} .Timeline000618 .box dl{margin-bottom: 4%;/* border-bottom: 1px solid #d1d1d1; */background: #f7f7fa;padding: 2% 4%;border-radius: 5px;} .Timeline000618 .box dl dt{/* border-bottom:1px solid #d1d1d1; */font-size:24px;color: #8ec555;padding-bottom: 0px;font-family: 'Oswald';} .Timeline000618 .box dl dd{padding: 2% 0;font-size:16px;} .Timeline000618 .box dl dd b{color: #8ec555; padding-right:8px} @media(max-width:640px){ .Timeline000618 .box dl dt{ font-size:16px; padding-bottom:10px;} .Timeline000618 .box dl dd{ font-size:14px;} } /*PicList002582 */ .PicList002582{ padding-top:3%;/* background:url(../images/piclist002582_bg.png) no-repeat left bottom #fff; padding-bottom:5%;*/} .PicList002582 li{ float:left; margin-right:2%; margin-bottom:3%;} @media(min-width:1025px){ .PicList002582 li{ width:23.5%;} .PicList002582 li:nth-child(4n){ margin-right:0;} } @media(max-width:1024px) and (min-width:641px){ .PicList002582 li{ width:32%;} .PicList002582 li:nth-child(3n){ margin-right:0;} } @media(max-width:640px){ .PicList002582 li{ width:49%;} .PicList002582 li:nth-child(2n){ margin-right:0;} } .PicList002582 li a{ display:block; padding:10px; border-radius:0 20px 0 20px; transition:0.3s;} .PicList002582 li .Ispic{ padding-bottom:100%; background-size:cover; background-color:#fff; transition:0.3s;} .PicList002582 li .txt{ padding:8% 2%; text-align:center; /*border-top:1px solid #f4f4f4;*/border-bottom:2px solid #f2f2f2;} .PicList002582 li .txt p{ margin:0; font-size:17px;color: #8ec555; font-weight: bold;} .PicList002582 li .txt span{ color:#999;} .PicList002582 li a:hover{ background:#f8f8f8; color:#f58f00;} .PicList002582 li a:hover .txt{ border-color:transparent;} .PicList002582 li a:hover .Ispic{ border-radius:20px 20px 0 0;} /*RighInfo002924 */ @font-face { font-family: 'bebas-neue'; src: url("https://work.gzwhir.com:51932/Build/Content/Resoures/whirfonts/bebas-neue.woff") format("woff"); font-display: swap; } .RighInfo002924{padding: 5.208vw 0 3vw;background: #f5f5f5;} .RighInfo002924 .title{margin-bottom: 2vw;} .RighInfo002924 .title:after{display: block; content: ''; width: 20px; height: 2px; background: #a52d33; margin-top: 1vw;} .RighInfo002924 .title .cn{font-size: 30px;color: #a52d33; padding-bottom: 10px;font-weight: bold;} .RighInfo002924 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .RighInfo002924 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .RighInfo002924 .title .cn{font-size: 6vw;} } .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%;} .RighInfo002924 .box-1 .intro{font-size: 26px;font-family: '黑体';color: #000;} .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{max-width:500px ; margin: 0 auto; width: 90%;} } @media(max-width:768px){ .RighInfo002924 .box-1{margin-bottom: 3vw;} .RighInfo002924 .box-1 .ytable, .RighInfo002924 .box-1 .ytable-cell{display: block;} .RighInfo002924 .box-1 .info{padding: 4vw;} } @media(max-width:480px){ .RighInfo002924 .box-1 .intro{font-size: 6vw;line-height: 1.6em;} } .RighInfo002924 .box-2 li:not(.no){background: #fff;padding: 2.344vw;border-radius: 10px;margin-bottom: 2%;} .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: #86c944; margin: 10px 0;} .RighInfo002924 .box-2 li .inner p{color: #5f5f5f;line-height: 1.628em;} @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: 49%;float: left;margin-right: 2%;margin-bottom: 2%;} .RighInfo002924 .box-2 li:nth-child(2n){margin-right:0%} .RighInfo002924 .box-2 li.no{ width: 1.786%;} .RighInfo002924 .box-2 li .icon{width: 16%;} } @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;}*/ } /*RighInfo002810 */ .RighInfo002810{padding:4% 0 6%;} .RighInfo002810 .txt-logo{background: url(../images/righinfo002810-bg.jpg); margin-bottom: 3%;padding: 4% 0;} .RighInfo002810 .txt-logo .txt .inner{display:inline-block;font-weight: bold;text-align: left;line-height: 26px;color: #333; font-size: 15px;} .RighInfo002810 .txt-list .box:not(:last-child){margin-bottom: 6%;} .RighInfo002810 .txt-list .info{line-height: 30px;font-size: 15px; } .RighInfo002810 .txt-list .red{color: #7eba3f;font-size: 18px;} @media(min-width:769px){ .RighInfo002810 .txt-logo .ytable-cell{width: 50%; text-align: center;} .RighInfo002810 .txt-logo .txt{border-right: 1px solid #eee;} .RighInfo002810 .txt-list .pic{width:61.5%;} .RighInfo002810 .txt-list .pic img{max-width: 100%;} .RighInfo002810 .txt-list .box:nth-child(2n) .pic{text-align: right;} .RighInfo002810 .txt-list .info{border-bottom: 1px solid #eee;} } @media(max-width:768px){ .RighInfo002810 .ytable, .RighInfo002810 .ytable-cell{display: block;} .RighInfo002810 .txt-logo{text-align: center;} .RighInfo002810 .txt-list .pic img{display: block;width: 100%;} } /*RighInfo002811 */ .RighInfo002811{padding:4% 0 6%;} .RighInfo002811 .txt-logo{background: url(../images/righinfo002810-bg.jpg); margin-bottom: 3%;padding: 4% 0;} .RighInfo002811 .txt-logo .txt .inner{display:inline-block;font-weight: bold;text-align: left;line-height: 26px;color: #333; font-size: 15px;} .RighInfo002811 .txt-list .box:not(:last-child){margin-bottom: 5%;} .RighInfo002811 .txt-list .info{line-height: 30px;font-size: 15px; } .RighInfo002811 .txt-list .info p{margin: 0; padding-bottom: 18px; padding-left: 18px; position: relative; font-size: 16px;} .RighInfo002811 .txt-list .info p:before{position:absolute;content:'';width: 6px;height: 6px;background-color: #7eba3f;left:0;top:13px;border-radius: 50px;} .RighInfo002811 .txt-list .red{color: #7eba3f;font-size: 22px;} .RighInfo002811 .txt-list .red span{border-radius: 50%; background-color: #7eba3f; color: #fff; text-align: center; padding: 9px 12px; margin-right: 7px; font-family: 'Oswald';} @media(min-width:769px){ .RighInfo002811 .txt-logo .ytable-cell{width: 50%; text-align: center;} .RighInfo002811 .txt-logo .txt{border-right: 1px solid #eee;} .RighInfo002811 .txt-list .pic{width:55.5%;} .RighInfo002811 .txt-list .pic img{max-width: 100%;} .RighInfo002811 .txt-list .box:nth-child(2n) .pic{text-align: right;} .RighInfo002811 .txt-list .info{border-bottom: 1px solid #eee;} } @media(max-width:768px){ .RighInfo002811{padding: 4% 0 9%;} .RighInfo002811 .txt-list .box:not(:last-child){margin-bottom: 10%;} .RighInfo002811 .txt-list .info p{padding-bottom: 9px;} .RighInfo002811 .ytable, .RighInfo002811 .ytable-cell{display: block;} .RighInfo002811 .txt-logo{text-align: center;} .RighInfo002811 .txt-list .pic img{display: block;width: 100%;} } /* .Floor000529 为demo编号 */ .Floor000529{ padding:2% 0;} .Floor000529 .teit{ text-align:center; font-size:25px; color:#74ae37; color: #333; padding-bottom: 1%;} .Floor000529 li{margin-bottom: 3%;margin-right: 3%;float: left;width: 31%;background-color: #f5f5fa;} .Floor000529 li:nth-child(3n){ margin-right:0} .Floor000529 li .pic{overflow: hidden;border-radius: 10px;padding: 4% 4% 0 4%;} .Floor000529 li .Ispic{padding-bottom: 58.077%;transition: 0.3s;border-radius: 10px;} .Floor000529 li a:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor000529 li .text{padding: 10px 25px 20px;/* background-color:#f6f6fa; */border-radius: 6px;} .Floor000529 li h1{padding: 17px 0 16px 54px;/* height: 103px; */line-height: 32px;font-size: 18px;border-bottom: solid 1px #d4e3c4;margin:0;background-position: left 5px;background-repeat:no-repeat;/*background-size: 11%;*/} .Floor000529 li:nth-child(7), .Floor000529 li:nth-child(8){ width:48%;} .Floor000529 li:nth-child(7) .Ispic, .Floor000529 li:nth-child(8) .Ispic{padding-bottom: 40.077%} .Floor000529 li:nth-child(8){ margin-right:0} .Floor000529 li h1 span{ display:block;font-size: 15px;font-weight: normal;} .Floor000529 li dl{margin: 10px 0;overflow:hidden;} .Floor000529 li dd{ color:#666; font-size: 14px; line-height: 26px; height: 82px; overflow: hidden; } .Floor000529 li p{ margin:0; text-align:right;font-size: 14px;} .Floor000529 li h1 a, .Floor000529 li p a{color: #74ae37;} @media(max-width:480px){ .Floor000529 li,.Floor000529 li:nth-child(7), .Floor000529 li:nth-child(8){ width:100% } } /*Floor002787 */ .Floor002787{padding:0% 0 5%; } .Floor002787 .teit{ text-align:center; font-size:25px; color:#74ae37; color: #333; padding-bottom: 1%;} .Floor002787 li{width: 23.11111%;margin-right: 2.5%;float: left;position: relative;} .Floor002787 li:nth-child(4){ margin-right: 0} .Floor002787 li .con{padding: 12% 7% 3%;border-radius: 3px;position: relative;overflow: hidden;min-height: 350px;} .Floor002787 li .con:after{content: "";display: block;position: absolute;right: 0;bottom: 0;width: 170px;height: 170px;background: url(../images/floor002787_bg.png);background-size: contain;opacity: 0.03;} .Floor002787 li .hover{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; opacity:0; overflow: hidden; background: #f5f5f5} .Floor002787 li .list dd .pic{ height: 230px; display: block; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center} .Floor002787 li .list .word{ width: 100% ; padding:0 20px} .Floor002787 li .list .word h1 {font-size: 18px; font-weight: normal; color: #444; margin:20px 0 0; line-height: 30px;} .Floor002787 li .list .word span{font-size: 14px; display: block; line-height: 24px;} .Floor002787 li .list .bx-pager{ position:absolute; right:20px; bottom:11%; text-align:right; width:100%; z-index:50;} .Floor002787 li .list .bx-pager *{} .Floor002787 li .list .bx-pager div{ display:inline-block;margin:0 2px;} .Floor002787 li .list .bx-pager div a{ display:block; line-height:100px; overflow:hidden; border-radius:50%;background: #999;width:8px; height:8px; position: relative;} .Floor002787 li .list .bx-pager div a.active{ background: #03afc1 } .Floor002787 li .list .bx-controls-direction a{ display: none} .Floor002787 li .icon{max-width: 44%;margin: 0 auto 9%;background: url(../images/floor002787_icon_bg.png);background-size: contain;background-repeat: no-repeat;background-position: center center;padding: 10%;} .Floor002787 li .icon img{opacity: 0.8; } .Floor002787 li .text{width: 100%; overflow: hidden; text-align: center } .Floor002787 li .text h1{color: #fff;/* font-weight: normal; */font-size: 18px;margin: 0 0 16px 0;} .Floor002787 li .text h2{color: #fff; font-weight: normal; font-size: 16px; margin: 0 } .Floor002787 li .text p{color: #fff;line-height: 24px;margin-top: 5px;opacity: 0.9;text-align: left;height: 85px;} .Floor002787 li:nth-child(4) .text h1{margin: 0px 0 16px 0;} .Floor002787 li em a{ color: #fff; margin-top: 10px; font-style: normal; display:block; position: relative; opacity: 0.6} .Floor002787 li em a:after{ position: absolute; right: -15px; top: 5px; content: ""; display: block; width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #fff; opacity: 0.9} .Floor002787 li:nth-child(1) .con{background: #80c269;} .Floor002787 li:nth-child(2) .con{background: #80c269;} .Floor002787 li:nth-child(3) .con{ background:#80c269} .Floor002787 li:nth-child(4) .con{background: #80c269;} .Floor002787 li .pic .hover{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 60;padding: 0 20px ; height: 50%; padding-top:10% } .Floor002787 li .pic .hover h1{color: #fff; font-weight: normal; font-size: 18px; margin: 0; display: block;margin: 0 0 5px 0} .Floor002787 li .pic .hover em{ display: inline-block; font-size: 14px;margin: 0} .Floor002787 li .con{min-height: auto} @media(max-width:680px){ /*.Floor002787{padding: 40px 0} */ .Floor002787 li{ width: 48.5%; margin-bottom: 2%;} .Floor002787 li .text p{height: 130px;} .Floor002787 li:nth-child(2n){ margin-right:0} } @-webkit-keyframes flipOutYtest { from { -webkit-transform: perspective(1400px); transform: perspective(1400px); } 40% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); transform: perspective(1400px) rotate3d(0, 1, 0, 60deg); opacity: 1; } 50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); transform: perspective(1400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } to { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); transform: perspective(1400px) rotate3d(0, 1, 0, 180deg); opacity: 0; } } @-webkit-keyframes flipInYtest { from { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); transform: perspective(1400px) rotate3d(0, 1, 0, -180deg); opacity: 0; } 50% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); transform: perspective(1400px) rotate3d(0, 1, 0, -90deg); opacity: 0; } 60% { -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); transform: perspective(1400px) rotate3d(0, 1, 0, -60deg); opacity: 1; } to { -webkit-transform: perspective(1400px); transform: perspective(1400px); opacity: 1; } } /* .Form000961 为demo编号 */ .Form000961{padding: 4% 0 6%;background: #f7f7fa;} .Form000961 .teit{ text-align:center; font-size:25px; color:#74ae37; color: #333; padding-bottom: 4%;} .Form000961 .teitt{text-align: left;font-size: 22px;color:#74ae37;font-weight: normal;color: #333;padding-bottom: 4%;margin-top: 6%;} .Form000961 .form{ display:table; width:100%;} .Form000961 figure{ display:table-cell; vertical-align:middle;} .Form000961 figure:nth-child(1){ width:48%; padding-right:4%;} .Form000961 figure p{ line-height:28px; color:#7d7d7d; text-indent:25px;} .Form000961 td{padding-bottom: 20px;} .Form000961 td div{ position:relative;} .Form000961 td div .form_err{ position:absolute; right:8px; top:18px; color:#f31313; line-height:20px; font-weight:bold;} .Form000961 td div .text{width:100%;border: none;border: 1px solid #f5f5f5;line-height: 50px;height: 50px;padding:0 10px;border-radius: 3px;box-shadow: 0 0 21px 4px #f7f7f7} .Form000961 td div textarea.text{ line-height:23px; height:138px; padding:11px 10px;} .Form000961 td div.float_l{ float:left; width:48%} .Form000961 td div.float_r{ float: right; width:50%;} .Form000961 td.btn{ text-align:center;padding-top: 20px; padding-bottom: 0;} .Form000961 td.btn input{cursor:pointer;color:#fff;border:none;background: #74ae37;width:70%;max-width:167px;height:45px;border-radius: 3px;} @media(max-width:1000px){ .Form000961 figure{vertical-align:top;} } @media(max-width:768px){ .Form000961{ padding:40px 0} .Form000961 figure:nth-child(1){ width:100%; padding-right:0%;} .Form000961 figure{ display:block} .Form000961 td{padding-bottom: 8px;} } /* .Timeline000722 为demo编号 */ .Timeline000722{ padding:3% 0 6%;} .Timeline000722 dl{position:relative;padding-left: 124px;min-height:90px;margin-bottom:4%;} .Timeline000722 dl:last-child{ margin-bottom:0;} .Timeline000722 dt{ position:absolute; left:0; top:0; padding:5px;border-radius:50%; border:3px solid rgba(126,186,63,0.150);} .Timeline000722 dt b{display:block;width: 85px;height: 85px;border-radius:50%;background-color:#7eba3f;color:#fff;text-align:center;padding-top: 9px;position:relative;font-size: 40px;font-family: 'Oswald';} .Timeline000722 dt b:before{position:absolute;content:'';width:14px;height:1px;background-color:#fff;left:50%;margin-left:-7px;top: 66px;z-index:5;} .Timeline000722 dd{/*border-top: 2px solid #eee;*/margin-top: 25px;} .Timeline000722 dd h1{font-size: 20px;color:#7eba3f;border-bottom: 2px solid #eee;padding-bottom: 13px;} .Timeline000722 dd p{margin:0;padding-bottom: 18px;padding-left: 18px;position:relative;font-size: 16px;} .Timeline000722 dd p:before{position:absolute;content:'';width: 6px;height: 6px;background-color: #333;left:0;top: 9px;border-radius: 50px;} @media(max-width:480px){ .Timeline000722 dl{padding-left:90px; min-height:70px;} .Timeline000722 dt b{ width:60px; height:60px;padding-top:20px;} .Timeline000722 dt b:before{ top:40px;} } /* .RighInfo002803 为demo编号 */ .RighInfo002803 {padding: 5% 0 3%;} .RighInfo002803 .auto { max-width: 1440px; } @media(max-width:1440px) { .RighInfo002803 .auto { padding-left: 2%; padding-right: 2%; } } .RighInfo002803 .txtbox { text-justify: inter-ideograph; text-align: justify; word-wrap: break-word; clear: both; margin-bottom: 4%; } .RighInfo002803 .name {font-size: 24px;color: #8ec555;/* font-weight: bold; */line-height: 1;padding-bottom: 20px;} .RighInfo002803 .name em { font-style: normal; color: #c92c0d; } .RighInfo002803 .word {line-height: 32px;font-size: 16px;color: #666;position: relative;float:left;width: 50%;padding-top: 5%;} .RighInfo002803 .pic { float:right; width:45% } .RighInfo002803 .word .wap_pic { display: block; text-align: center; } .RighInfo002803 .word .pc_pic { display: none; } .RighInfo002803 .word .fr { margin-left: 60px; margin-bottom: 40px; } .RighInfo002803 .word .fl { margin-right: 60px; margin-bottom: 40px; margin-top: 40px; } @media only screen and (min-width:769px ) { .RighInfo002803 .name {font-size: 32px;padding-bottom: 15px;} .RighInfo002803 .word .wap_pic { display: none; } .RighInfo002803 .word .pc_pic { display: block; position: absolute; right: 0; top: 0; z-index: -1; } .RighInfo002803 .word .pic { display: block; float: right; margin-left: 50px; } .RighInfo002803 .p { margin-bottom:32px; } } @media (max-width: 1200px) { .RighInfo002803 .word .pc_pic { position: static; width: 45%; float: right; margin-left: 5%; } .RighInfo002803 .p, .RighInfo002803 .p1 { padding-right: 0; } } .RighInfo002803 ul {padding-bottom: 4%;} .RighInfo002803 li {float: left;width: 23.5%;text-align: center;position: relative;/* border: 1px solid #ddd; */box-shadow: 0 0 15px -4px rgb(0 0 0 / 12%);border-radius: 20px;} .RighInfo002803 li+li { margin-left: 2%; } .RighInfo002803 li div {padding: 15% 0;margin: 0 auto;width: 94%;/* max-width: 280px; */} .RighInfo002803 li figure img { width: 50%; max-width: 100px; ; transition: 0.3s; } .RighInfo002803 li h3 {font-size: 18px;/* font-weight: normal; */color: #8ec555;margin: 0;margin-top: 15px;} .RighInfo002803 li p {line-height: 1;font-size: 15px;color: #585858;margin-bottom: 0;height: 30px;} .RighInfo002803 li:hover * { color: #8ec555 !important; } .RighInfo002803 li:hover figure img { transform: rotateY(180deg); } @media(max-width:768px) { .RighInfo002803 .word,.RighInfo002803 .pic { width:100%} .RighInfo002803 li h3 { font-size: 20px; margin-top: 10px; } .RighInfo002803 li p { font-size: 16px; } } @media(max-width:480px) { .RighInfo002803 li { width: 100%; float: none; margin-left: 0 !important; margin:20px 0; } .RighInfo002803 li div{padding: 25px 0;} } /*PicList002095 */ .PicList002095{ padding:4% 0 0%} .PicList002095 li{ float:left; width:31.6%; margin-right:2.6%; margin-bottom:2.6%;} .PicList002095 li:nth-child(3n){ margin-right:0;} .PicList002095 li .Ispic{ display:block; padding-bottom:65%;} .PicList002095 li .Ispic img{ display:none;} .PicList002095 li div{background: #f5f5fb;border-top:0;} .PicList002095 li .dot{text-align:center;font-size: 18px;padding: 5% 5% 18px 5%;} .PicList002095 li .dot:after{display:block;content:'';height: 3px;width:53px;margin:0 auto;margin-top:5%;background-color:#eaeaea;} .PicList002095 li:hover .dot{ color:#8ec555} .PicList002095 li:hover .dot:after{background-color:#8ec555;} .PicList002095 li p{line-height: 20px;overflow:hidden;height:36px;color:#9e9e9e;font-size: 14px;padding:0 5%;} .PicList002095 li aside{ /*border-top:1px solid #eaeaea;*/ padding:0 5%; line-height:36px; text-align:center;} .PicList002095 li aside a{ background:url(../images/piclist002095-more_after.gif) no-repeat right center; padding-right:15px; color:#e14343; display:inline-block;} .PicList002095 li aside a:before{ display:inline-block; content:''; background:url(../images/piclist002095-more.png) no-repeat left top; width:9px; height:9px; margin-right:5px;} @media(max-width:480px){ .PicList002095 li{ width:100%} } @media(max-width:375px){ .PicList002095 li .dot{ font-size:14px;} .PicList002095 li aside a{ font-size:12px;} } /*Floor002645 */ .Floor002645{padding: 5% 0;} .Floor002645 .auto{ max-width:1400px;} .Floor002645 .title{color: #000;font-size: 2.34vw; margin-bottom: 2.6vw;position: relative;} .Floor002645 .title h3{font-weight: bold;margin:0 0 0.445em 0; font-size: 1em;} .Floor002645 .title .desc{font-size:18px;padding-right: 90px;} .Floor002645 .title .more{position: absolute;right: 0; top: 40%; z-index:111;color: #17c971;display: inline-block; border: 1px solid #86c944; background: #86c944; line-height: 2.875em; border-radius: 50px; color: #fff; padding: 0 2.5em; transition: 0.3s; font-size: 16px;} .Floor002645 .title .more:hover{background: #fff;color: #86c944;} .Floor002645 .col-title{font-size: 48px; text-align: left; /* padding-top: 4.18vw;*/ position: relative; z-index: 111;} .Floor002645 .col-title .cn{font-size: 0.625em;color: #333;} .Floor002645 .col-title .cn:after{display: inline-block; content: ''; height: 1px;background: #86c944; width: 3.334em; margin-left: 0.521em; vertical-align: middle;} .Floor002645 .col-title .en{ font-family: 'Arial';color: #86c944;line-height: 1em; padding-top: 0.2em;text-transform: uppercase;} @media(min-width:769px) and (max-width:1024px){ .Floor002645 .col-title{font-size: 4vw; } } @media(max-width:640px){ .Floor002645 .col-title .en{font-size: 7vw;} .Floor002645 .title .more{padding: 0 1.5em;line-height: 40px; } .Floor002645 .col-title{font-size: 9vw; } } @media(max-width:1024px){ .Floor002645 .title{font-size: 4vw; } .Floor002645 .title .desc{font-size:0.5em; padding-right: 8em;} } @media(max-width:640px){ .Floor002645 .title{font-size: 6vw;margin-bottom: 6.6vw;} } /*swiper*/ .Floor002645 .swiper-container, .Floor002645 .swiper-wrapper, .Floor002645 .swiper-slide {position: relative;width: 100%;} .Floor002645 .swiper-container, .Floor002645 .swiper-wrapper{z-index: 1;} .Floor002645 .swiper-container {overflow: hidden;} .Floor002645 .swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} .Floor002645 .swiper-container-android .swiper-slide, .Floor002645 .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Floor002645 .swiper-wrapper, .Floor002645 .swiper-slide {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} .Floor002645 .swiper-wrapper {-webkit-box-sizing: content-box;box-sizing: content-box;} .Floor002645 .swiper-slide {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} /*swiper end*/ .Floor002645 li{ background:#fcfcfc; border-radius:20px;} /*.Floor002645 li:hover{ background:#f1f1f1;}*/ .Floor002645 li .pic{ width:100%; overflow:hidden; /*border-radius:20px;*/position: relative;} .Floor002645 li .pic img{ display:block; width:100%;} .Floor002645 li .txt{ position:absolute; bottom:0;color:#fff;width: 100%;} .Floor002645 li .txt a{ padding:10px 3% 10px 5%; color:#fff;width: 100%; display:block;background: rgba(0,0,0,0.5); text-align: center;} .Floor002645 li .txt > *{ margin:0; font-weight:normal;} .Floor002645 li .txt h3{ font-size:18px;} .Floor002645 li:hover .txt h3 a{ font-weight:bold;} .Floor002645 li .txt h5{ font-size:14px; color:#999; margin:5px 0 10px 0;} .Floor002645 li .txt p{ line-height:20px; height:40px;} .Floor002645 .pagers{ padding-top:3%; text-align:center;} .Floor002645 .pagers span{ display:inline-block; width:15px; height:15px; border:2px solid #86c944; border-radius:50%; cursor:pointer; margin:0 5px;} .Floor002645 .pagers span.swiper-pagination-bullet-active{ background:#86c944;} @media(max-width:1400px){ .Floor002645{ padding-left:2%; padding-right:2%;} } /* .TextList002205 为demo编号 */ .TextList002205{ padding-bottom:1%;} .TextList002205 .auto_1400{ padding-top:4%;} .TextList002205 .list{ width:100%;} .TextList002205 .list .item{ margin-bottom:18px;} .TextList002205 .list .item i.icon{ display:block; position:absolute; right:20px; top:20px; background:url(../images/textlist002205-icon.png) -44px -82px no-repeat; width:21px; height:11px;transition:all 0.5s ease-out 0s; overflow:hidden;} .TextList002205 .list .item .Q{ margin:0; line-height:50px; padding-left:75px; padding-right:50px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; position:relative; background:#f9f9f9; cursor:pointer;transition:all 0.5s ease-out 0s;} .TextList002205 .list .item .Q>a{ color:#333333; font-size:14px;} .TextList002205 .list .item em.icon{ position:absolute; top:0; left:0; width:50px; height:100%; display:block; text-align:center; font-family:Arial; font-size:24px; font-weight:bold; font-style:normal; color:#333;} .TextList002205 .list .item .Q em.icon{ background:#efefef;transition:all 0.5s ease-out 0s;} .TextList002205 .list .item .A{ position:relative;padding:25px 25px 25px 75px; background:#f1f1f1; display:none;} .TextList002205 .list .item .A em.icon{ background:#f9f9f9;color:#86c944;transition:all 0.5s ease-out 0s;} .TextList002205 .list .item.active .Q em.icon{ background:#86c944; color:#fff;} .TextList002205 .list .item.active i.icon{ background-position:-44px -70px;} /* .RighInfo002275 为demo编号 */ .RighInfo002275 .p,.RighInfo002275 .h2,{} .RighInfo002275{padding: 8% 0} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;margin-bottom: 11px;} .RighInfo002275 .text .p b{ color:#8ec555} .RighInfo002275 .map{width: 100%;height: 460px;box-shadow: 0 0 10px 3px #eee;background: #fff;padding: 1%;border-radius: 6px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 460px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/righinfo002275-contact_bg.png) no-repeat center;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding: 5% 0 7%} .RighInfo002275 .text .title{margin-bottom: 36px} .RighInfo002275 .map{width: 838px;height: 500px;} .RighInfo002275 .text{width: 40%;} } /*PicList002925 */ @font-face { font-family: 'bebas-neue'; src: url("https://work.gzwhir.com:51932/Build/Content/Resoures/whirfonts/bebas-neue.woff") format("woff"); font-display: swap; } .PicList002925{padding: 4.125vw 0;overflow: hidden;} .PicList002925 .auto{max-width: 1400px;} .PicList002925 .title{margin-bottom: 2.5vw; text-align: center;} .PicList002925 .title .cn{font-size: 30px;color: #a52d33; padding-bottom: 10px;font-weight: bold;} .PicList002925 .title .en{font-family: 'bebas-neue';color: #d2d2d2; letter-spacing: 2px;} @media(max-width:768px){ .PicList002925 .title{padding-bottom: 6vw;} } @media(max-width:640px){ .PicList002925 .title .cn{font-size: 6vw;} } .PicList002925 .list{padding: 0 3.4375vw;} .PicList002925 .list ul{margin: 0 -2vw;} .PicList002925 li{float: left; text-align: center;position: relative;background: url("../images/piclist002925_taibg.png") repeat-x top 81% left;} .PicList002925 li a{display: block;position: relative; z-index: 3;} .PicList002925 li .pic{padding-bottom: 1.98vw;} .PicList002925 li .Ispic{padding-bottom: 64%;background-size: contain;} .PicList002925 li .tit{margin-top: 1.303vw; margin-bottom: 2.08vw; padding: 0 5%;} .PicList002925 li .tit aside{font-size: 16px; line-height: 1.25em;height: 2.5em;} @media(min-width:769px){ .PicList002925 li{width:25%;} .PicList002925 li:first-child:before, .PicList002925 li:nth-child(4n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/piclist002925_taibg_l.png") no-repeat left top 81% #fff; width:7.4375vw;left: -2vw;} .PicList002925 li:last-child:before, .PicList002925 li:nth-child(4n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/piclist002925_taibg_r.png") no-repeat right top 81% #fff; width:7.4375vw;right: -2vw;} } @media(max-width:768px){ .PicList002925 .list{padding: 0 6vw;} .PicList002925 li{width:50%;} .PicList002925 li .pic{padding-bottom: 7vw;} .PicList002925 li .tit{margin-bottom: 5vw;} .PicList002925 li:first-child:before, .PicList002925 li:nth-child(2n+1):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/piclist002925_taibg_l.png") no-repeat left top 81% #fff; width:7.4375vw;left: -3vw;} .PicList002925 li:last-child:before, .PicList002925 li:nth-child(2n):before{position: absolute; top:0;content: ''; height: 100%;background: url("../images/piclist002925_taibg_r.png") no-repeat right top 81% #fff; width:7.4375vw;right: -3vw;} .PicList002925 li .tit aside{font-size: 3vw;} } /*PicList002171 */ .PicList002171{padding: 5% 0 6%;} .PicList002171 ul{margin-top: 3%;} .PicList002171 li{float:left;width: 17.6%;margin-right:3%;margin-bottom:3%;} .PicList002171 li a{/* border:1px solid #e8e8e8; */position:relative;display:block;box-shadow: 0 0 26px 9px #f3f3f3;border-radius: 9px;overflow: hidden;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(116,182,52,0.8); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} @media(min-width:769px){ .PicList002171 li:nth-child(5n){ margin-right:0;} } @media(max-width:768px){ .PicList002171 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002171 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002171 li{ width: 47%; margin-right: 6%;} .PicList002171 li:nth-child(2n){ margin-right:0;} .PicList002171 li dt{ font-size:15px;} } /* .Floor000881 为demo编号 */ .Floor000881{ /*border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;*/ background-color:#f2f4f6; padding:3% 0 5%;} .Floor000881 h1{ margin:0; margin-bottom:30px; font-size:30px; font-weight:normal; /*background:url(../images/floor000881-icon.png) no-repeat left center;*/ padding-left:30px;color:#333;text-align: center;} .Floor000881 h1:after{ display:block; content:''; width:60px; height:2px; border-radius:3px; background-color:#7db444; margin:10px auto 0} .Floor000881 h1 a{ float:right; color:#999; font-size:16px;} /*slick Basic*/ .Floor000881 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor000881 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor000881 .slick-list:focus {outline: none} .Floor000881 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor000881 .slick-slider .slick-track, .Floor000881 .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)} .Floor000881 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor000881 .slick-track:before, .Floor000881 .slick-track:after{display: table; content: '';} .Floor000881 .slick-track:after{ clear: both;} .Floor000881 .slick-loading .slick-track { visibility: hidden;} .Floor000881 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor000881 .slick-slide .slick-loading img { display: none;} .Floor000881 .slick-slide .dragging img { pointer-events: none;} .Floor000881 .slick-initialized .slick-slide { display: block;} .Floor000881 .slick-loading .slick-slide { visibility: hidden;} .Floor000881 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor000881 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor000881 .list_scroll li a{display: block; margin: 0 16px;background:#fff;} .Floor000881 .list_scroll li .Ispic{padding-bottom:100%;} .Floor000881_1 .list_scroll li .Ispic{padding-bottom:121%;} .Floor000881 .list_scroll li p{text-align:center; margin:0; line-height:55px; border-top:0;font-size: 16px;} .Floor000881 .list_scroll li a:hover{ background-color:#86c944;} .Floor000881 .list_scroll li a:hover p{ color:#fff;} .Floor000881 .slick-arrow{ position:absolute; width:22px; height:22px; top:50%; margin-top:-11px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #86c944;border-left: 2px solid #86c944;transform:rotate(-45deg);} .Floor000881 .slick-prev{ left:-25px;} .Floor000881 .slick-next{transform:rotate(135deg); right:-25px;} @media(min-width:1293px){ .Floor000881 .list_scroll .slider{margin: 0 -16px;} } @media(max-width:1292px){ .Floor000881 .slick-prev{ left:0;} .Floor000881 .slick-next{ right:0;} } @media(max-width:768px){ .Floor000881{ padding:20px 0;} .Floor000881 .list_scroll .slider{padding: 0 26px;} .Floor000881 .list_scroll li a{margin: 0 5px;} } /* .PicList002796 */ .PicList002796{ padding:5% 0 0%;} .PicList002796 ol{position: relative;margin-bottom: 3%;border-bottom: 1px solid #eee;} .PicList002796 ol figure em{ padding-bottom: 35%; } .PicList002796 ol p{margin: 28px 0 20px;font-size: 22px;color: #333;line-height: 28px;text-align: justify;} .PicList002796 ol time{float: right;margin-top: 28px;} .PicList002796 li{position:relative;background: #f5f5f8;/* padding: 0 2%; */} .PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .PicList002796 .video_files video{width:100%; height:100%; background-color:#000;} .PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #8ec555;cursor: pointer;} .PicList002796 .video_files .close::before, .PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .PicList002796 .video_files .close::before{ transform:rotate(45deg);} .PicList002796 .video_files .close::after{ transform:rotate(-45deg);} .PicList002796 figure{ position:relative;} .PicList002796 figure em{ height: 0;display:block; padding-bottom: 67%; background-size:contain; background-position:center center; background-repeat:no-repeat;} .PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); } .PicList002796 figure a::before, .PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .PicList002796 figure a::before{width: 70px;height: 70px;border: 3px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;} .PicList002796 figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid #fff;margin-left: -5px;margin-top: -15px;} .PicList002796 li p{margin-bottom: 4px;font-size: 16px;color: #333;line-height: 28px;text-align: justify;overflow: hidden;padding: 0 6%;} .PicList002796 time{/* background: #8ec555; */display: inline-block;padding: 2px 15px;color: #8ec555;border-radius: 3px;font-family: 'Oswald';/* padding: 0 2%; */margin: 4px 3% 10px;font-size: 16px;} @media(min-width:769px){ .PicList002796 li{ float: left; width: 29.75%;margin-right: 5.25%; margin-bottom:2%;} .PicList002796 li:nth-of-type(3n){ margin-right: 0; } .PicList002796 li:nth-of-type(3n+1){clear:left;} } @media(max-width:768px){ .PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;} .PicList002796 figure em{ padding-bottom: 47%; background-size:cover;} } @media(max-width:480px){ .PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;} .PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;} } @media(max-width:375px){ .PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;} } /* .RighInfo002452 为demo编号 */ .RighInfo002452{ position: relative; padding:5% 0 6%} .RighInfo002452 .left-content{width: 55%;float: left;} .RighInfo002452 .bigimg{/*width: 50%;float: left;*/ padding: 1px 0; height: 100%; overflow: hidden;} .RighInfo002452 .bigimg span{ display: block; background-size: cover; background-repeat: no-repeat; background-position: center;} .RighInfo002452 .bigimg span img{ visibility: hidden;} @media only screen and (max-width:1000px ) { .RighInfo002452 .bigimg{ width: 100%; position: static; padding-top: 6%;} } .RighInfo002452 .right-content{ float: right; width: 45%; padding: 4% 0% 1% 5%; color: #333; line-height: 28px;} @media only screen and (max-width:1366px ) { .RighInfo002452 .right-content{ padding: 3% 5%;} } @media only screen and (max-width:1000px ) { .RighInfo002452 .right-content{ float: none; width: 100%;} } /*.RighInfo002452 .right-content .inner{ max-width: 410px;}*/ @media only screen and (max-width:1000px ) { .RighInfo002452 .right-content .inner{ max-width:none;} } .RighInfo002452 .right-content .tit{ font-weight: normal; font-size: 30px; margin: 0;} .RighInfo002452 .right-content dl{ padding: 12% 0 5%;font-size: 16px; line-height: 38px;} .RighInfo002452 .right-content .tits{ color: #666;} .RighInfo002452 .smalllist{ padding:4% 0 12%;} .RighInfo002452 .smalllist li{ float: left; width: 24%;/* height: 86px;*/margin-right: 2px; position: relative;} .RighInfo002452 .smalllist li.on:before{ position: absolute; top: 0; content: ""; left: 0; width: 100%; height: 100%;background:rgba(142, 197, 85, 0.7) none repeat scroll 0 0 !important;filter:Alpha(opacity=70); background: #38806a;} .RighInfo002452 .smalllist li a{ cursor: pointer;} @media only screen and (max-width:1000px ) { .RighInfo002452 .smalllist{ padding: 6% 0;} } .gopage{margin-top: 15%;} .gopage span{ display: inline-block; max-width:275px; padding: 2% 2%; border: 2px solid #8ec555; font-size:16px; text-align: center;width: 42%; margin-right: 7%; color: #8ec555;transition:all .3s ease-in-out;} .gopage span:nth-child(2){ background-color: #8ec555;} .gopage span a{ color: #8ec555;} .gopage span:nth-child(2) a{color: #fff;} .gopage span:hover{ background-color: #8ec555;} .gopage span:hover a{ color: #fff;} .RighInfo002452 .con{padding: 2% 0; font-size: 16px; line-height: 30px;} .RighInfo002452 .con .tits{ color: #8ec555; font-size:25px;font-weight: bold; padding-left: 70px; position:relative;} .RighInfo002452 .con .tits:after{ position: absolute; top: 50%; content: ""; left: 0; width: 50px; height: 2px;background:rgba(142, 197, 85, 0.7) none repeat scroll 0 0 !important;filter:Alpha(opacity=70); } .RighInfo002452 .con p b{color: #fff;margin-right: 9px;font-weight: normal; font-size: 17px; background: #8ec555; padding: 3px 11px;} @media only screen and (max-width:768px ) { .RighInfo002452 .left-content{width: 100%;float: none;} .RighInfo002452 .right-content dl{padding: 3% 0 0%;} .RighInfo002452 .right-content .tit{font-size: 26px;} } /*Floor002684 */ .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list: focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .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) } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; } [dir = 'rtl'] .slick-slide { float: right; } .slick-slide .slick-loading img { display: none; } .slick-slide .dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow .slick-hidden { display: none; } .Floor002684{ padding:5% 0 3%} .Floor002684 .title{ font-size: 30px;color: #0089a8;font-weight: bold;} .Floor002684 .title:after{ display:block; width:70px; height:5px;content:""; background:#0089a8; margin:2% 0;} .Floor002684 .home-title{ padding:0 20px; margin-bottom:20px;} .Floor002684 .home-title .auto{ position:relative; } .Floor002684 .more{ position:absolute; right:0; top:50%; margin-top:-24px;width:159px; line-height:48px; background:#fff; text-align:center; border:1px solid #ddd; font-size:16px; text-transform:uppercase; transition:0.3s ease-in-out;} .Floor002684 .more:hover{ box-shadow:0 15px 30px rgba(52,62,80,0.55); color:#339162; border-color:transparent;} .Floor002684 .home-title b{ display:block; font-size:22px;color:#333;} .Floor002684 .home-title span{ font-size:20px;} .Floor002684 .left .slick-arrow{cursor:pointer;padding:0;border:none;background: #333;font-size:0;z-index:10;position:absolute;top:50%;width:50px;height:50px;border-radius:50%;right:-22px;} .Floor002684 .left .slick-arrow:hover{ background:#8ec555;} .Floor002684 .left .slick-arrow::before{ width:16px; height:16px; border-right:2px solid #fff;border-top:2px solid #fff; position:absolute; content:''; top:50%; left:50%; margin-left:-10px; margin-top:-8px; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor002684 .left .slick-prev{left: -22px;} .Floor002684 .left .slick-prev::before{margin-left:-8px;transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002684 .left .slick-next{margin-top:0;background: #8ec555;} .Floor002684 .slider-for li img{ display:block; width:100%;} .Floor002684 .slider-nav{ margin:0 auto;margin-top: 2%;} .Floor002684 .slider-nav li{ cursor:pointer; padding:27px 20px;} .Floor002684 .slider-nav li aside{ background:#000; position:relative;} .Floor002684 .slider-nav li aside img{ opacity:0.9; transition:0.3s;} .Floor002684 .slider-nav li aside::before{opacity:0;position:absolute;content:'';left:0;top:0;width:100%;border: 8px solid rgba(142,197,85,0.8);height:100%;transform:scale(0);transition:0.3s 0.3s;background:none;} .Floor002684 .slider-nav li.slick-current aside::before{ opacity:1; transform:scale(1);} .Floor002684 .slider-nav li.slick-current aside img{ opacity:1;box-shadow:0 0 30px rgba(52,62,80,0.55);} .Floor002684 .edit-info{font-family:"Microsoft YaHei";} .Floor002684 .edit-css-1 h1{font-size: 25px;color: #7db444;margin: 0;font-weight:normal;border-bottom: 3px solid #d4e9be;padding-bottom: 2%;line-height: 38px;margin-bottom: 12%;} .Floor002684 .edit-css-1 h2{color: #0089a8;} .Floor002684 .edit-css-1 p{line-height: 30px;font-size: 16px;color: #777;} .Floor002684 .edit-css-1 p b{color: #7db444;font-size: 17px;/* font-weight:normal; */} .Floor002684 .edit-css-1 dl{ padding-top:4%;} .Floor002684 .edit-css-1 dd{ float:left; min-width:30%; padding-right:2%; max-width:238px; margin:2% 0;} .Floor002684 .edit-css-1 dd:nth-child(3n+1){ clear:left;} .Floor002684 .edit-css-1 dd .icon{ width:26px; height:26px; background:#496c96; border-radius:50%; overflow:hidden; position:relative; margin-bottom:10px;} @media(min-width:1025px){ .Floor002684 .left{ float:left; width:57%;} .Floor002684 .right{ float:right; width:43%;padding-left:5%;} .Floor002684 .edit-info{ padding:2%; max-width:688px; margin:0 auto;} } @media(max-width:1366px){ .Floor002684 .left .slick-arrow{width:60px; height:60px; right:-30px; } .Floor002684 .left .slick-prev{margin-top:-60px;} .Floor002684 .right{ padding-left:30px;} .Floor002684 .edit-css-1 h1{ font-size:36px;} } @media(max-width:1024px){ .Floor002684 .left .slick-arrow{ right:0;} .Floor002684 .right{ padding:2% !important;} .Floor002684 .left{ padding:0 !important;} .Floor002684 .slider-nav{ padding:0 5px; margin:0 auto;} .Floor002684 .slider-nav li{padding:15px 10px;} .Floor002684 .slider-nav li aside::before{ border-width:5px;} } @media(max-width:640px){ .Floor002684 .title{ font-size:22px;} .Floor002684 .home-title b{ font-size:20px;} .Floor002684 .home-title span{ font-size:16px;} .Floor002684 .more{ width:100px; line-height:35px; margin-top:-18px;} .Floor002684 .edit-css-1 h1{ font-size:26px;} } @media(max-width:480px){ .Floor002684 .slider-nav li{padding:10px 2px;} .Floor002684 .left .slick-arrow{width:40px; height:40px; } .Floor002684 .left .slick-prev{margin-top: 0px; left: 0;} .Floor002684 .left .slick-arrow::before{ width:10px; height:10px; margin-top:-5px; margin-left:-8px;} .Floor002684 .left .slick-prev::before{ margin-left:-3px;} } .TextList000746{ padding:3% 0 3%} .TextList000746 .auto{ background: #fff;} .TextList000746 li{border-bottom: #f0f0f0 1px dashed; line-height:27px; padding:10px 0;} .TextList000746 li a{ padding-left:20px; background:url(../images/textlist000746-icon.jpg) no-repeat 5px center;} .TextList000746 li a:hover{ color:#8ec555;} .TextList000746 li time{ float:right; color:#999; font-size:12px; margin-left:10px;} .RichInfo005{ padding:4% 0 4%} .RichInfo005 .news_info .title{text-align:center;padding-bottom:20px;border-bottom:1px dashed #d2d2d2;margin-bottom:30px} .RichInfo005 .news_info .title h1{margin:0;padding-bottom:15px;font-size:24px;font-weight:400;color:#333;line-height:32px} .RichInfo005 .news_info .title p{margin:0;padding-bottom:10px;} .RichInfo005 .news_info .title p span{display:inline-block;margin-right:20px;color:#888;font-family:Arial,Helvetica,sans-serif} .RichInfo005 .news_info .info{text-align:justify;text-justify:inter-ideograph} .RichInfo005 .news_info .center{text-align:center} .RichInfo005 .info{font-size:16px;line-height:28px;color:#666} .RichInfo005 .info p{margin:15px 0} .RichInfo005 .info img{/*width:100%;*/display:block;margin:3% auto} .RichInfo005 .bot{position:relative;margin-top:50px} .RichInfo005 .info_back{text-align:center;clear:both;padding:10px 0;position:absolute;right:0;top:0} .RichInfo005 .info_back a{color:#fff;font-size:14px;background:#8ec555;display:block;padding:10px 30px;border-radius:50px} .RichInfo005 .info_back a:hover{background:#fff;color:#8ec555;border:1px #8ec555 solid} .RichInfo005 .info_pn span{display:block;font-size:16px;margin:15px 0} .RichInfo005 .info_pn span a{color:#999} .RichInfo005 .info_pn span a:hover{color:#8ec555;text-decoration:underline} @media(max-width:1000px){.RichInfo005 .info_back{position:relative} .RichInfo005 .bot{position:relative;margin-top:15px} .RichInfo005 .info img{width:100%} } @media(min-width:1000px){ .RichInfo005 .info_pn span{width:80%} } .mobileterminal{display: none;} @media(max-width:768px){ .mobileterminal{position: fixed;bottom:4%;z-index: 120;width:90%;left:5%; display: block;background: #74ae37;padding:13px;border-radius: 50px;text-align: center; font-size: 0;} .mobileterminal a{display: inline-block;color:#fff;font-size:16px;padding:0 6%;position: relative;} .mobileterminal a:after{content:'';width:1px;height:12px;background:rgba(255,255,255,0.3);position: absolute;right:0;top:4px;} .mobileterminal a:nth-child(3):after{display: none} .mobileterminal a:first-child{ padding-left: 0;} .mobileterminal a:last-child{ padding-right: 0;} } .whir-feedback{display: none} .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;} .owl-stage-outer{ position:relative; overflow:hidden;} .owl-stage{position:relative;touch-action: manipulation;overflow: hidden; margin: 0 auto;} .sub_menu{ padding-top: 2%; line-height: 30px; text-align: center; position: relative;} .sub_menu a{ font-size: 15px; display: inline-block; margin: 0 10px; padding: 5px 20px;} .sub_menu .on a{ color: #fff; background: #8ec555;border-radius: 3px;} .side-open_menu{ display: none;font-size: 16px; text-align: center;color: #fff; background-color: #74ae37;line-height: 40px; margin: 0;} .sub_menu .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#74ae37; color:#fff; cursor:pointer; padding:0;} .sub_menu .owl-nav button.owl-prev{ left:0;} .sub_menu .owl-nav button.owl-next{ right:0;} .sub_menu .disabled{ display:none;} @media(max-width:640px){ .Floor003066 .tag_title{ padding: 0 0 60px;} .Floor003066 .tag_title span{ max-width: 150px; padding-left: 10px; padding-right: 10px;} .Menu002252{ position: relative;overflow: initial;} .side-open_menu{ display: block;} .Menu002252 .side-menu{ display: none; position: absolute; left: 0; top: 100%; width: 100%; z-index: 100; background-color: #f7f7fa;} .sub_menu a{ padding:5px 10px; margin: 0 5px;} } /*底部*/ /*版面容器*/ .container { padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; width: 94%; } @media (min-width: 768px) { .container { max-width:1540px; } } .floatl{ float:left;} .floatr{ float:right;} .csshide{ display:none;} /*弹性布局*/ .flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;display:box;flex-wrap:wrap;} .flex_nowarp{flex-wrap:nowrap; } /*元素交叉轴的起点对齐*/ .flex_align_st{align-items:flex-start;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start;-o-align-items:flex-start;} /*元素交叉轴的结束对齐*/ .flex_align_se{align-items:flex-end;-webkit-box-align:flex-end;-webkit-align-items:flex-end;-moz-align-items:flex-end;-ms-align-items:flex-end;-o-align-items:flex-end;} /*元素居中*/ .flex_align_c{align-items:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;} /*元素点满容器高度*/ .flex_align_s{align-items:stretch;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-align-items:stretch;-ms-align-items:stretch;-o-align-items:stretch;} /*水平排列*/ .flex_direction_h{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row;} /*水平翻转排列*/ .flex_direction_rr{-webkit-box-orient:horizontal;-webkit-flex-direction:row-reverse;-moz-flex-direction:row-reverse;-ms-flex-direction:row-reverse;-o-flex-direction:row-reverse;flex-direction:row-reverse;} /*垂直排列*/ .flex_direction_v {-webkit-box-orient:vertical;-webkit-flex-direction:column;-moz-flex-direction:column;-ms-flex-direction:column;-o-flex-direction:column;flex-direction:column;} /*每个项目两侧间隔相等*/ .flex_justify_sa {-webkit-box-pack:justify;justify-content:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;-ms-justify-content:space-around;-o-justify-content:space-around;} /*居中对齐*/ .flex_justify_c {-webkit-box-pack:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;} /*两端对齐*/ .flex_justify_sb {justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;} /*左对齐*/ .flex_justify_fs {-webkit-box-pack:start;justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;} /*右对齐*/ .flex_justify_fe {-webkit-box-pack:end;justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;} .foot1{ background-color:#1c1c21; color:#dadada;} .foot1 a{ color:#dedede; display:inline-block;} .foot1 a:hover{ color:#FFF;} .foot1_1{ padding:20px 0;} .foot1_1 .title{ padding:0 0 6px;} .foot1_1 .title a{ color:#FFF; font-size:16px; text-transform:uppercase;} .foot1_1 .title a:hover{ color:#FFF;} .foot1_1 .item{ padding:10px 0;} .foot1_1 .item:nth-child(1){width:50%;} .foot1_1 .item:nth-child(2){width:50%;} .foot1_1 .item:nth-child(3){width:100%;} .foot1_1 .item a{ line-height:1.2; padding:5px 0;} .foot1_1 .item .logo{ text-align:center;} .foot1_1 .item .logo img{ width:100%; max-width:230px;} .foot1_1 .item .txt{ text-align:center;} .movex{ display: none;} @media (min-width: 768px) { .foot1_1{ padding:30px 0;} .foot1_1 .item{ padding:0 2%;} .foot1_1 .item:nth-child(1){width:34%;} .foot1_1 .item:nth-child(2){width:34%;} .foot1_1 .item:nth-child(3){width:32%;} .foot1_1 .item:nth-child(2){ border-left:solid 1px #4b4c4c; border-right:solid 1px #4b4c4c;} .movex{ display: block;} } @media (min-width: 992px) { .foot1{} .foot1_1 .item{ padding:0 2%;} .foot1_1 .item:nth-child(1){width:34%;} .foot1_1 .item:nth-child(2){width:34%;} .foot1_1 .item:nth-child(3){width:32%;} .foot1_1 .title a{ font-size:18px;} } @media (min-width: 1200px) { .foot1_1{ padding:40px 0;} .foot1_1 .item{ padding:0 3%;} .foot1_1 .item:nth-child(1){width:28%;} .foot1_1 .item:nth-child(2){width:36%;} .foot1_1 .item:nth-child(3){width:36%;} .foot1_1 .item a{ padding:6px 0;} } @media (min-width: 1500px) { .foot1_1 .item{ padding:0 4%;} } .foot1_1 .share{ padding:10px 0;} .foot_prod ul:nth-child(1){ width:60%;} .foot_prod ul:nth-child(2){ width:40%;} .foot_prod ul li{ padding-right:5%;} .foot_prod ul li a{ display:block;} @media (max-width: 767px) { .foot_prod ul{ width:100%;} } .foot1_2{ background-color:#16161a; padding:10px 15px;} .foot1_2 .item{ width:50%; margin:10px 0; padding:0 20px 0 70px; position:relative;} /*font-size:15px; */ .foot1_2 .item:nth-child(1){ width:60%; word-break:break-all;} .foot1_2 .item:nth-child(2){ width:40%; word-break:break-all;} .foot1_2 .item:nth-child(3){ width:60%;} .foot1_2 .item:nth-child(4){ width:40%;} .foot1_2 .item:before{ width:1px; height:100%; background-color:#48494a; content:""; position:absolute; left:50px; top:0;} .foot1_2 .item em{ position:absolute; width:34px; height:34px; margin-top:-20px; line-height:32px; text-align:center; border:solid 1px #ecb409; color:#ecb409; font-size:17px; left:0; top:50%; -moz-border-radius:40px; border-radius:40px;} .foot1_2 .item h3{ margin:0; font-size:14px; font-weight:normal; color:#ecb409;} @media (min-width: 768px) { .foot1_2{ padding:10px 20px;} .foot1_2 .item:nth-child(2){ width:50%; word-break:break-all;} .foot1_2 .item:nth-child(3){ width:50%;} .foot1_2 .item:nth-child(4){ width:50%;} } @media (min-width: 992px) { .foot1_2 .item{ padding:0 20px 0 90px;} /* font-size:18px;*/ .foot1_2 .item:before{ left:65px;} .foot1_2 .item h3{} .foot1_2 .item em{ width:40px; height:40px; margin-top:-20px; line-height:36px; border:solid 2px #ecb409; font-size:20px;} } @media (min-width: 1200px) { .foot1_2{ padding:20px 5%;} .foot1_2 .item:nth-child(1){ width:30%; padding-right:0%;} .foot1_2 .item:nth-child(2){ width:30%;} .foot1_2 .item:nth-child(3){ width:25%;} .foot1_2 .item:nth-child(4){ width:15%;} } @media (min-width: 1500px) { .foot1_2 .item:nth-child(1){ padding-right:8%;} } .foot2{ color:#dedede; border-top:solid 0px #4b515b; padding:12px 0 16px; background-color:#1c1c21; margin-bottom:60px; text-align:center;} .foot2 a{ color:#dedede; display:inline-block;} .foot2 a:hover{ color:#FFF; } @media (min-width: 768px) { .foot2{ margin-bottom:0;} } @media (min-width: 992px) { .foot2{} } .platform{ margin:20px 0 0; text-align:center;} .platform a{ margin:0 3px; text-align:center; width:26px; height:26px; display:inline-block; background-color:transparent !important;} .platform em{ color:#dadada; font-size:22px; line-height:26px;} .platform a:hover{ text-decoration:none;} .platform a:hover em{ color:#FFF;} @media (min-width: 1200px) { .platform a{ width:30px; height:30px;} .platform em{ font-size:24px; line-height:30px;} } .fanye{ text-align:center; margin:30px 0 20px 0;} .fanye li{display:inline} .fanye a, .fanye span{ border:#bbb solid 1px; padding:0px 15px; font-size:14px; color:#666; line-height: 36px; display: inline-block; border-radius: 5px; margin:0 1px;} .fanye a:hover{ color:white; background-color:#8EC555; border:#8EC555 solid 1px;} .fanye span.current{ color:white; background-color:#8EC555; border:#8EC555 solid 1px;} .fanye span.disable{ } .fanye .active span{background:#8EC555;color:#ffffff}