/* @font-face { */ /* font-family: "FZZZHUNHJW"; */ /* src: url("../fonts/FZZZHUNHJW.woff2") format("woff2"), */ /* url("../fonts/FZZZHUNHJW.woff") format("woff"), */ /* url("../fonts/FZZZHUNHJW.ttf") format("truetype"), */ /* url("../fonts/FZZZHUNHJW.eot") format("embedded-opentype"), */ /* url("../fonts/FZZZHUNHJW.svg") format("svg"); */ /* } */ @font-face { font-family: "思源黑体"; src: url("../fonts/思源黑体CN-Regular.otf") format("truetype"); } @font-face { font-family: "Oswald"; src: url("../fonts/Oswald.woff2") format("woff2"), url("../fonts/Oswald.woff") format("woff"), url("../fonts/Oswald.ttf") format("truetype"), url("../fonts/Oswald.eot") format("embedded-opentype"), url("../fonts/Oswald.svg") format("svg"); } .whir-feedback{display: none !important} body{ background: url(../images/bg1.jpg) top center repeat-y;font-family: "思源黑体"; } .body{ background: url(../images/bg.jpg) top center repeat-y; } /*Top002764 */ .Top002764{z-index: 200;} .Top002764 .header{position: relative;} .Top002764 .header-left{float: left;display: table;width: 184px;height: 118px;} .Top002764 .header-left .logo{/*display: table-cell; vertical-align: middle;*/} .Top002764 .header-left p{text-align:center;font-size: 16px;color:#333;margin:0;font-weight:bold;margin-top: 4px;} .Top002764 .header-left .logo img{display: block;margin-top:6px;margin-bottom:4px;} .Top002764 .header-right{float: right;padding-top: 44px;} .Top002764 .header-right dl > *{float: left;} .Top002764 .header-right dd{width: 38px;height: 38px;border: 1px solid #d2d2d2;border-radius: 0 8px;overflow: hidden;} .Top002764 .header-right dd.top-lang a{color: #666;display: block;line-height: 36px;text-align: center;transition: 0.3s;} .Top002764 .header-right dd.shop a{display: block; height: 100%; background: url(../images/Top002764-tm.png) no-repeat center;} .Top002764 .header-right dd.jd a{background: url(../images/Top002764-jd.png) no-repeat center;} .Top002764 .header-right dd.shop:hover, .Top002764 .header-right dd.top-lang:hover{background:#509e2f; border-color: #509e2f;} .Top002764 .header-right dd.top-lang:hover a{color: #fff;} .Top002764 .header-right dd.shop:hover a{background-image: url(../images/Top002764-tm1.png)} .Top002764 .header-right dd.jd:hover a{background-image: url(../images/Top002764-jd1.png)} .Top002764 .header-right dd.shop, .Top002764 .header-right dd.top-lang{margin-left: 10px;} .Top002764 .header-mid{float: right; } .Top002764 .header-menu li{width: auto!important;padding: 46px 0;margin-right:30px;} .Top002764 .header-menu li a{color: #333;font-size: 18px;transition: 0.3s;} .Top002764 .header-menu li a:hover, .Top002764 .header-menu li.aon em a{color: #509e2f;} .Top002764 .header-menu li em a{line-height: 38px;} .Top002764 .header-menu li .sub{ width:200%; left:-50%; overflow:hidden; } .Top002764 .header-menu li#m12 .sub{ width:220%; left:-60%; } .Top002764 .header-menu li .sub-menu{ padding:15px; text-align:center;} .Top002764 .header-menu li .sub-menu dt{ border-bottom:1px solid #f2f2f2;} .Top002764 .header-menu li .sub-menu dt:last-child{ border-bottom:0;} .Top002764 .header-menu li .sub-menu dt a{color:#666; transition:0.3s; font-size: 16px;} .Top002764 .header-menu li .sub-menu dt a:hover{ background:none; color:#509e2f; } .Top002764 .top-search .text{width: 100%;padding: 0 0 0 38px;line-height: 37px;border: 0 solid #d2d2d2;border-bottom-width: 1px;height: 38px;background: none;color: #777;} .Top002764 .top-search .btn{position: absolute; left: 0; top: 0; width: 38px; height: 38px;background: url(../images/Top002764-btn.png) no-repeat center center;} .Top002764 .header-gp{position:absolute;right: -16%;padding: 2% 0;line-height: 30px;} .Top002764 .header-gp p{font-size: 18px;color:#333;font-weight: bold;} @media(max-width:1445px){ .Top002764 .header-gp{position: absolute;right:0;padding:0;top:0;} .Top002764 .header-gp p{margin:0;} } @media(max-width:1200px){ .Top002764 .header-menu li{margin-right:18px;} .Top002764 .header-menu li a{font-size: 16px;} .Top002764 .header-menu li .sub-menu dt a{font-size: 14px;} } @media(min-width:1025px){ .Top002764{position: fixed; left: 0; top: 0; width: 100%; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px rgba(0,0,0,0.1); z-index: 100;} .Top002764 #open_menu{display: none;} .Top002764 .top-search{position: relative;width: 140px;display: block!important;} } @media(max-width:1024px){ .Top002764{background: #fff;position: relative;} .Top002764 .open-search{width: 38px; height: 38px; border: 1px solid rgba(255,255,255,0.1);display: block;background: url(../images/Top002764-btn.png) no-repeat center center;} .Top002764 .open-search.on{background-color: #000;} .Top002764 .header-left{width: 40%; height:86px;} .Top002764 .header-left .logo img{max-height:82px;} .Top002764 .header-right{padding-top: 31px;} .Top002764 .top-search{position: absolute; right: 0; top: 100%; width: 100%;display: none;} .Top002764 .top-search .text{background: #fff;} .Top002764 .header-gp{right:10px;top:3px;} .Top002764 #header-menu{ position:fixed; right:-100%; top:0; background:#000; z-index:100; padding-top:70px; width:70%; max-width:300px; height:100%; transition: ease-in-out 0.3s;} .Top002764 #header-menu.header-menu-show{ right:0;} .Top002764 #header-menu li em, .Top002764 #header-menu li em a{ border-bottom:0;} .Top002764 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.1);} .Top002764 #header-menu li em a{ font-weight:normal;} .Top002764 #header-menu li.has-sub em a{ background:url(../images/Top002262-icon.png) no-repeat 95% center;} .Top002764 #header-menu li.clickon em a{ background-image:url(../images/Top002262-icon_up.png);} .Top002764 #header-menu li .sub-menu{ padding:5%;} .Top002764 #open_menu{ width:40px; height:38px;background:#509e2f; margin-left:10px; position:relative; z-index:101; transition:background 0.3s;} .Top002764 #open_menu i, .Top002764 #open_menu i::before, .Top002764 #open_menu i::after{ background:#fff; border-radius:3px;} .Top002764 #open_menu i{ left:20%; width:60%;height:2px; margin-top:-1px;} .Top002764 #open_menu.open_menu_on{ background:#000; position:fixed; right:2%;} .Top002764 #open_menu.open_menu_on i{height:3px; margin-top:-1.5px;} } @media(max-width:480px){ .Top002764 .header-left{width:40%; } .Top002764 .header-left p{font-size:14px;} .Top002764 .header-right dd.shop, .Top002764 .header-right dd.top-lang{margin-left: 5px;} } /* .Banner002408 为demo编号 */ .Banner002408{ overflow:hidden; position:relative; z-index:1;} .Banner002408 li a{ display:block;} .Banner002408 li img{ display:block; width: 100%;} .Banner002408 li .pc{ display:block;} .Banner002408 li .wap{ display:none;} .Banner002408 .bx-viewport{ z-index:1;} .Banner002408 .bx-viewport li a{ display:block;} .Banner002408 .bx-controls-direction a{ position:absolute; width:90px; height:90px; top:50%; margin-top:-30px; background:url(../images/Banner002408-Banner_btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;transition: left 300ms,right 300ms;} .Banner002408 .bx-controls-direction a.bx-prev{ left:-120px;} .Banner002408 .bx-controls-direction a.bx-next{ background-position:right top; right:-120px;} .Banner002408 .bx-controls-direction.on a.bx-prev{ left: 5%;} .Banner002408 .bx-controls-direction.on a.bx-next{ right: 5%;} .Banner002408 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center; display: none;} .Banner002408 .bx-pager *{ width:12px; height:12px;} .Banner002408 .bx-pager div{ display:inline-block; margin:0 5px;} .Banner002408 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;} .Banner002408 .bx-pager a.active{ background:#fff;} @media(max-width:1000px){ .Banner002408 li .wap{ display:block; } .Banner002408 li .pc{ display:none;} } @media(max-width:900px){ .Banner002408 .bx-controls-direction{ display:none;} } .Hometitle{margin-bottom:40px; color: #509e2f;} .Hometitle .cn{font-size:42px; /*font-family: "FZZZHUNHJW";*/ font-weight: bold; display: block;} .Hometitle .en{font-size:20px;color: #999; display: block; text-transform: uppercase;} .Hometitle::after{content:'';width:84px;height:3px;background: #e8e8e8;display:block;border-left: 22px solid #eec176;margin: 24px 0;} .listtit{ font-size:32px; color: #509e2f; margin: 0; /*font-family: "FZZZHUNHJW";*/ font-weight: bold;} .listtit::after{content:'';width:84px;height:3px;background: #e8e8e8;display:block;border-left: 22px solid #eec176;margin: 24px 0 40px;} @media(max-width:768px){ .Hometitle .cn{ font-size: 24px;} .listtit{ font-size:24px;} .listtit::after{ margin:3% 0 7%;} } /*.Floor002455*/ .Floor002455{ padding:6% 0 4%; overflow: hidden; background:url(../images/Floor002455-bg.png) no-repeat bottom right;} .Floor002455 .word-tit{font-weight: bold;margin: 0;font-size:30px;color:#509e2f;/*font-family: "FZZZHUNHJW";*/} .Floor002455 .con h2{font-size: 22px;color:#7db428; font-weight: normal; margin:10px 0 34px;} .Floor002455 .con p{ line-height:30px; font-size:20px; color: #666; word-break: break-all; word-wrap: break-word;text-justify:inter-ideograph; text-align:justify; margin: 0; } .Floor002455 .list{margin-top:4%;} .Floor002455 .list li{float: left;width:48%;text-align: center;margin-right:4%;background: #fff;box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); border-radius:0 20px; overflow: hidden;} .Floor002455 .list li:nth-child(2n){ margin-right:0;} .Floor002455 .list li span{font-size: 18px;color: #555;display: block;margin: 14px;font-weight: bold;} .Floor002455 .list li .isicon{display: block;} .Floor002455 .list li .isicon img{display: block;width: 100%;} .Floor002455 .list li:hover span{color: #509e2f;} @media(max-width:1400px){ .Floor002455 .pic{ padding-top: 10%;} } @media(max-width:768px){ .Floor002455 .word-tit { font-size: 26px;} .Floor002455 .con h2 { font-size: 18px;} .Floor002455 .con p { font-size: 16px;} } /*Floor002821 */ .Floor002821{padding:4% 0 6%;background: url(../images/Floor002491-bg.png) no-repeat center 34%; background-size: cover;position: relative;} .Floor002821 .yz{position: absolute;right: 0;top:0;width: 18.3923%;height: 27.891%;background-repeat: no-repeat;background-position: center;background-size: contain;} .Floor002821 .con{font-weight: bold;margin: 0;font-size:30px;color:#00753b;/*font-family: "FZZZHUNHJW"*/; margin-bottom:30px;} .Floor002821 li{float: left;width:30%;margin-right:4%; margin-bottom:3%;position: relative;padding-bottom: 34%;font-size: 100px;border-radius: 0 20px;overflow: hidden;} .Floor002821 li:nth-child(3){margin-right: 0;} .Floor002821 li a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #54b86e;} .Floor002821 li a >*{position: absolute; left: 0;width: 100%;} .Floor002821 li .Ispic{height: 100%;top: 0;} .Floor002821 li .txt{z-index: 10; bottom: 0.35em;padding: 0 0.35em;color: #fff;} .Floor002821 li .icon img{max-height: 0.4em;display: block;} .Floor002821 li .hover{ position:absolute; left:0; right:0; bottom:0; text-align:center; z-index:10; transition:0.3s; color:#fff; height: 0; background: -moz-linear-gradient(45deg, rgba(80,158,47,1) 0%, rgba(35,172,56,0.4) 100%); background: -webkit-linear-gradient(45deg, rgba(80,158,47,1) 0%,rgba(35,172,56,0.4) 100%); background: linear-gradient(45deg, rgba(80,158,47,1) 0%,rgba(35,172,56,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509e2f', endColorstr='#6623ac38',GradientType=1 ); } .Floor002821 li .img{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%); display: none;} .Floor002821 li .img img{display: block; max-height: 60px; margin: 0 auto;} .Floor002821 li:hover .hover{height: 100%;} .Floor002821 li:hover .img{display: block;} .Floor002821 li:hover .txt{display: none;} .Floor002821 .dl{text-align: center;max-width: 600px;width: 50%;margin: 0 auto;} .Floor002821 dt{font-size:22px; display: block; position: relative; padding-bottom: 30px; margin-bottom: 14px; font-weight:bold; color: #333;} .Floor002821 dt:before{ display:block; border:10px solid transparent; content:''; border-top-color:#509e2f; position: absolute; left: 50%; bottom: 0; margin-left:-10px;} .Floor002821 dd{width: 46%;margin-right: 8%;float:left;} .Floor002821 dd:last-child{margin-right: 0;} .Floor002821 dd a{background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); position:relative; display:block; border-radius: 0 20px; overflow: hidden;} .Floor002821 dd .Ispic{display:block;padding-bottom:36.234%;background-size: contain;transition:all 0.5s ease-out 0s;} .Floor002821 dd:hover .Ispic{transform: scale3d(1.04,1.04,1.04);} .Floor002821 dd img{ display:none;} .Floor002821 .box{margin-top:30px; text-align: center; font-size: 0;} .Floor002821 .item{width:15%;margin-right:2%;display: inline-block;margin-bottom: 2%;} .Floor002821 .item:last-child{margin-right: 0;} .Floor002821 .item a{background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); position:relative; display:block; border-radius: 0 20px; overflow: hidden;} .Floor002821 .item .Ispic{display:block;padding-bottom:36.234%;background-size: contain;transition:all 0.5s ease-out 0s;} .Floor002821 .item:hover .Ispic{transform: scale3d(1.04,1.04,1.04);} .Floor002821 .item img{ display:none;} @media(max-width:768px){ .Floor002821 .con { font-size: 26px;} .Floor002821 .item{width:32%;} .Floor002821 .item:nth-child(3n){margin-right: 0;} } @media(max-width:480px){ .Floor002821 .item{width:49%;} .Floor002821 .item:nth-child(2n){margin-right: 0;} .Floor002821 .item:nth-child(3n){margin-right:2%;} .Floor002821 .item:nth-child(6n){margin-right:0;} } /*Floor002065 */ .Floor002065{ padding-bottom:8%; background: url(../images/Floor002065-bg.png) no-repeat center; position: relative; background-size: contain;} .Floor002065 .yz{position: absolute; left: 0; top:74%; width:244px; height:293px; background-repeat: no-repeat; background-position: center; background-size: contain;} .Floor002065 .Hometitle{text-align: center;} .Floor002065 .Hometitle::after{margin: 30px auto;} .Floor002065 .owl-item{ padding:5px;} .Floor002065 .item{ position:relative; box-shadow: 0 0 5px #ccc; border-radius:0 20px; overflow: hidden;} .Floor002065 .item .pic{ overflow:hidden;position:relative;} .Floor002065 .item .Ispic{ display:block; padding-bottom:84.243%; transition:0.3s; position:relative;} .Floor002065 .item .Ispic img{ display:none;} .Floor002065 .item:hover .Ispic{ transform:scale(1.2);} .Floor002065 .item .txt{ padding:20px; background-color:#fff;font-size:16px;} .Floor002065 .item p{margin: 0; line-height: 26px; height: 52px;} .Floor002065 .item:hover p{color: #509e2f;} .Floor002065 .item time{display:inline-block;color:#999;position:relative;font-size: 76px;font-family:Helvetica, Arial, sans-serif;} .Floor002065 .item time span{font-size: 16px;color:#555;background-color:#fff;/*vertical-align: bottom;*/bottom: 10px;line-height: 24px;} .Floor002065 .item:hover time{color: #509e2f;} .Floor002065 .item:hover time span{color: #509e2f;} .Floor002065 .owl-nav{ display:block !important;} .Floor002065 .owl-nav button{ font-size:0; width:50px; height:50px; border:none; position:absolute; top:50%; margin-top:-25px; background:none; cursor:pointer; padding:0;} .Floor002065 .owl-nav button.owl-prev{ left:-5%;} .Floor002065 .owl-nav button.owl-next{ right:-5%;} .Floor002065 .owl-nav button::before{ position:absolute; content:''; width:50%; height:50%; border-top:3px solid #1a4f22; border-right:3px solid #1a4f22; top:25%; left:25%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor002065 .owl-nav button.owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002065 .owl-nav button:hover::before{ border-color:#509e2f;} @media(max-width:1400px){ .Floor002065 .owl-carousel{ padding:0 100px;} .Floor002065 .owl-nav button.owl-prev{left:0;} .Floor002065 .owl-nav button.owl-next{right:0;} .Floor002065 .yz{width: 160px;height: 226px;} } @media(max-width:768px){ .Floor002065 .owl-carousel{ padding:0 50px;} } .Homebg{ background: url(../images/Homebg.png) no-repeat center bottom;} /* .Floor002466 */ .Floor002466{ padding:5% 0 3%; background: url(../images/Floor002466-bg.png) no-repeat right top; background-size: contain;} .Floor002466 .txt{ padding-bottom:3%; font-size:18px; color: #666;} .Floor002466 .list{ overflow: hidden;} .Floor002466 .list .ul{float: left;width: 48.5%;margin: 0 1.5% 1.5% 0;} @media only screen and (max-width:767px ) { .Floor002466 .list .ul{ width: 100%; float: none; padding-left: 0; padding-right: 0; padding-bottom: 3%;} } .Floor002466 .list .item{ border-radius: 0 25px; overflow: hidden;} .Floor002466 .list .item-inner{ position: relative;} .Floor002466 .list .item .linkhref{ position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; display: block;} .Floor002466 .list .item .pic{ background-repeat: no-repeat; background-position: center; background-size: cover; } .Floor002466 .list .item .pic:after{position: absolute; left: 0; top: 0; height: 100%; width: 100%; content: ""; display: block;background-color:#000; -moz-opacity:0.1; opacity: 0.1; filter:alpha(opacity=10); transition: all .3s;} .Floor002466 .list .item .item-inner:hover .pic:after{-moz-opacity:0.4; opacity: 0.4; filter:alpha(opacity=40); } .Floor002466 .list .ul1 .item .pic{padding-bottom: 72.103%;} .Floor002466 .list .ul0 .item+.item{ padding-top: 3%;} .Floor002466 .list .ul0 .item .pic{padding-bottom:34.554%;} .Floor002466 .list .item .word{position: absolute; color: #fff; bottom: 15px; left: 15px;} .Floor002466 .list .item .word h2{font-size:20px; font-weight: normal; margin: 0; padding-left: 40px; position: relative; line-height: 32px;} .Floor002466 .list .item .word h2 i{ font-style: normal; position: absolute; left: 0; top:-3px;} .Floor002466 .list .item .word figure{ font-size: 14px; padding: 0 15px 0 40px; opacity: 0;transition: all .3s; line-height: 24px; height: 0; overflow: hidden;} .Floor002466 .list .item .item-inner:hover .word figure{ margin: 15px 0 0; opacity: 1; height: 48px;} @media only screen and (min-width: 1024px) { .Floor002466 .list .item .word{bottom: 38px; left: 30px;} } @media only screen and (max-width: 768px) { .Floor002466 { padding-top: 25%;} .Floor002466 .txt { font-size: 16px;} .Floor002466 .list .item .word h2{font-size:18px;} } /*Floor001864 */ .Floor001864{ padding:3% 0 5%;} .Floor001864 .Hometitle{text-align: center; color: #fff;} .Floor001864 .Hometitle .en{color: #fff;} .Floor001864 .Hometitle::after{margin-left:auto; margin-right:auto; background: #fff;} .Floor001864 .txt{ padding-bottom:3%; font-size:18px; color: #fff; text-align: center;} .Floor001864 li{width:48%; margin-right:4%; background-position: center center; background-repeat:no-repeat;float: left; background-size:cover; border-radius: 0 20px; padding-bottom:28%; position: relative;} .Floor001864 li:last-child{ margin-right:0;} .Floor001864 li a{display:block; transition:background 0.3s;text-align:center;box-shadow: 0 5px 10px rgba(0,0,0,0.15);border-radius: 0 20px;overflow: hidden; position: absolute; left: 0; top: 0; height: 100%;width: 100%;} .Floor001864 li a:hover{ background:rgba(80,158,47,0.7);} .Floor001864 li a .ytable{height: 100%;} .Floor001864 li figure{padding-bottom:2%;} .Floor001864 li figure img{ margin:0 auto; width:40%; max-width:90px;} .Floor001864 li figure .hover{ display:none;} .Floor001864 li span{font-size: 22px;color: #555;font-weight: bold; /*font-family: "FZZZHUNHJW";*/ margin-bottom: 0; transition:0.4s; } .Floor001864 li a:hover span{ color:#fff; margin-bottom: 20px;} .Floor001864 li a:hover img{ display:none;} .Floor001864 li a:hover .hover{ display:block;} .Floor001864 li a .mores{ background:url(../images/Floor002573_more.png) no-repeat; width:22px; opacity:0; transition:0.4s; display: none; height: 0; } .Floor001864 li a:hover .mores{ opacity:1;height:10px; display:inline-block; } .Floor001864 dl{ margin-top:5%; padding-top:5%;} .Floor001864 dd{ float:left; width:48%; margin-right:4%; } .Floor001864 dd:nth-child(2n){ margin-right:0;} .Floor001864 dd .h3{font-size:42px; /*font-family: "FZZZHUNHJW";*/ margin-bottom: 20px; margin: 0; color:#509e2f;} .Floor001864 dd .h4{font-size:20px;color: #999; display: block; text-transform: uppercase; margin: 0 0 40px; font-weight: normal;} .Floor001864 dd p{ padding-bottom:3%; font-size: 16px; line-height: 2; color: #666;} .Floor001864 dd .more{background-color:#509e2f;border-radius: 0 14px;display:inline-block;padding:0 20px;color:#fff;font-size:14px;box-shadow: 0 0 8px rgba(0,0,0,0.2); vertical-align: middle; line-height:47px;} .Floor001864 dd .more:after{ content:''; width:47px; height:47px; display:inline-block; background:url(../images/Floor002491-more.png) no-repeat -14px center; vertical-align: middle; margin-left: 20px;} .Floor001864 dd .more:hover{background-color:#007f37;} @media only screen and (max-width: 768px) { .Floor001864 .txt { font-size: 16px;} .Floor001864 li span{ font-size: 18px;} .Floor001864 dd .h3 { font-size: 22px;} } /*Bottom002701 */ .Bottom002701{background: #232323;padding: 3% 0 2%;} .Bottom002701 nav{ float:left; width:75%;} .Bottom002701 .contact{float:right;max-width:25%;} .Bottom002701 nav dl{ float:left; margin-right:6%;} .Bottom002701 nav dt{ color:#fff; font-size:18px; margin-bottom:20px;} .Bottom002701 nav dt a, .Bottom002701 nav dd a{ color:#fff;} .Bottom002701 nav dd a{ opacity:0.7;} .Bottom002701 nav dd a:hover{ opacity:1;} .Bottom002701 nav dd{ line-height:38px;} .Bottom002701 .contact dl{ float:right; position:relative; padding-left:0px;height:150px; display:table;} .Bottom002701 .contact dd{ position:absolute; left:0; top:0;} .Bottom002701 .contact dt{ display:table-cell; vertical-align:middle;text-align: center;} .Bottom002701 .contact dt:nth-of-type(1){padding-right: 20px;} .Bottom002701 .contact dt img{ max-width:120px;} .Bottom002701 .contact dt p{font-size:14px;color:rgba(255,255,255,0.7);} .Bottom002701 .bshare-custom{ width:40px;} .Bottom002701 .bshare-custom a{ display:block; cursor:pointer; margin:0; border:1px solid #3c3c3c; border-radius:50%; width:40px; height:40px; background:url(../images/Bottom002701_share_wx.png) no-repeat center center; padding:0;} .Bottom002701 .bshare-custom a+a{ margin-top:14px; } .Bottom002701 .bshare-custom a.bshare-sinaminiblog{ background-image:url(../images/Bottom002701_share_sina.png);} .Bottom002701 .bshare-custom a.bshare-qqim{ background-image:url(../images/Bottom002701_share_qq.png);} .Bottom002701 .copyright{line-height: 30px;color:#fff;opacity:0.7;clear:both;text-align:right;padding-top: 8%;} .Bottom002701 .copyright a{ color:#fff;} .Bottom002701 .copyright a:hover{ text-decoration:underline;} @media(max-width:1366px){ .Bottom002701 nav dl{ min-width:inherit;margin-right: 4%;} } @media(min-width:1025px){ .Bottom002701 nav dd{ display:block !important;} } @media(max-width:1024px){ .Bottom002701 nav, .Bottom002701 .contact{ float:none; max-width:none; width:auto;} .Bottom002701 .contact dl{ float:none; margin:0 auto; } .Bottom002701 .contact{ padding-top:3%;} .Bottom002701 .copyright{ text-align:center; padding-top:20px;} .Bottom002701 nav { display: none;} .Bottom002701 nav dl{ max-width:none; float:none;margin-right:0;} .Bottom002701 nav dl:not(:last-child){ border-bottom:1px solid rgba(255,255,255,0.2);} .Bottom002701 nav dt{ margin-bottom:0; padding:10px 0; position:relative;} .Bottom002701 nav dt span{ position:absolute; right:0; top:50%; width:40px; height:40px; margin-top:-20px;} .Bottom002701 nav dt span::before, .Bottom002701 nav dt span::after{ position:absolute; content:''; background:#fff; left:30%; height:2px; top:50%; margin-top:-1px; width:40%; transition:0.3s ease-in-out;} .Bottom002701 nav dt span::after{ transform:rotate(90deg);} .Bottom002701 nav dt span.on::before{ opacity:0;} .Bottom002701 nav dt span.on::after{ transform:rotate(0);} .Bottom002701 nav dd{ display:none; padding:10px; background:rgba(255,255,255,0.05);} } /*Floor */ .Banner002730{ position:relative; overflow: hidden;} .Banner002730 .bx-viewport{ z-index:1;} .Banner002730 .bx-viewport li a{ display:block;} .Banner002730 .bx-controls-direction a{ position:absolute; width:90px; height:90px; top:50%; margin-top:-30px; background:url(../images/Banner002408-Banner_btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px;transition: left 300ms,right 300ms;} .Banner002730 .bx-controls-direction a.bx-prev{ left:-120px;} .Banner002730 .bx-controls-direction a.bx-next{ background-position:right top; right:-120px;} .Banner002730 .bx-controls-direction.on a.bx-prev{ left: 5%;} .Banner002730 .bx-controls-direction.on a.bx-next{ right: 5%;} .Banner002730 .bx-pager{ position:absolute; width:100%; left:0; bottom:5%; z-index:10; text-align:center; display: none;} .Banner002730 .bx-pager *{ width:12px; height:12px;} .Banner002730 .bx-pager div{ display:inline-block; margin:0 5px;} .Banner002730 .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff; overflow:hidden; line-height:100px;} .Banner002730 .bx-pager a.active{ background:#fff;} .Banner002730 img{ width:100%; display:block;} @media(min-width:1025px){ .Banner002730 img.pc{ display:block;} .Banner002730 img.wap{ display:none;} } @media(max-width:1024px){ .Banner002730 img.pc{ display:none;} } @media(max-width:900px){ .Banner002730 .bx-controls-direction{ display:none;} } /* .Menu002272 */ .Menu002272{background: #fff;box-shadow: 0 5px 10px rgba(0,0,0,0.08); position: relative; z-index: 2;} /*.Menu002272 .nav-menu ul{display: none;}*/ .Menu002272 .nav-menu ul{display: block; font-size: 15px;} .Menu002272 .nav-menu ul li{float: left; width: 33.3%; line-height: 60px; text-align: center;} .Menu002272 .nav-menu ul li:first-child{margin-left: 0;} .Menu002272 .nav-menu ul li:hover, .Menu002272 .nav-menu ul li.on{background: #509e2f;} .Menu002272 .nav-menu ul li:hover a, .Menu002272 .nav-menu ul li.on a{color: #fff;} .Menu002272 .nav-menu .location{float: right;} .Menu002272 .location{ display: none; padding-left:27px; float:right; background:url(../images/Menu002272-location_home.png) no-repeat left;} .Menu002272 .location a{ color:#acacac; padding-right:20px; margin-right:10px; background:url(../images/Menu002272-location_icon.png) no-repeat right;} .Menu002272 .location span{ color:#509e2f;} @media only screen and (min-width: 768px) { .Menu002272 .location{ display: block; line-height: 62px;} } .Menu002272 .nav-menu ul li a{display: block; padding: 0 3px;} @media screen and (min-width:768px ) { .Menu002272 .nav-menu ul{ float: left;} .Menu002272 .nav-menu ul li{ width: auto;} } @media screen and (min-width:1024px ) { .Menu002272 .nav-menu ul li a{padding: 0 30px;} } @media screen and (min-width:1200px ) { .Menu002272 .nav-menu ul li{line-height: 62px;} } /* .Timeline001265 */ .Timeline001265{ padding:4% 0; background: url(../images/Timeline001265-bg.png) no-repeat bottom;} .Timeline001265 .auto{position:relative;padding: 3% 0;} .Timeline001265 .auto::before{ position:absolute; content:''; z-index:-1; top:0; width:1px; height:100%; left:50%;margin-left: -0.5px; background-color:#dcdcdc;} .Timeline001265 .list{height: 620px;overflow: hidden;position: relative;} .Timeline001265 ul{position: relative;} .Timeline001265 li{padding: 20px 0 20px 40px;position: relative;margin-left: 50%; border-bottom: 1px dashed #eaeaea;} .Timeline001265 li:nth-child(2n){ margin-left:0; margin-right: 50%; padding-left: 0; padding-right: 50px; text-align: right;} .Timeline001265 li i{display:block;width:12px;height:12px;position:absolute;left: -7px;top: 28px;margin-top: 7px;border-radius:50%;background-color:#509e2f;} .Timeline001265 li:nth-child(2n) i{ left:auto; right:-5.5px; } .Timeline001265 li h1{font-size:30px;margin:0;font-weight: bold;color: #509e2f;position:relative; margin-bottom: 8px;} .Timeline001265 li dt{padding: 7px 0;} .Timeline001265 .btn{position:absolute;width:0;height:0;border:15px solid #ccc;border-left-color:transparent;border-right-color:transparent;left: 50%;margin-left: -15px;z-index:10;cursor:pointer;} .Timeline001265 .prev{ border-top:0; top:0;} .Timeline001265 .next{ border-bottom:0; bottom:0;} @media(max-width:768px){ .Timeline001265 li h1{ font-size:24px;} } @media(max-width:480px){ .Timeline001265 .list{height: 400px;} } /* .RighInfo002778 */ .RighInfo002778{ padding:4% 0;} .RighInfo002778 .listtit{ text-align: center;} .RighInfo002778 .listtit:after{margin-left: auto; margin-right: auto;} .RighInfo002778 .intro, .RighInfo002778 .img{padding:2%; margin: 0 auto;} .RighInfo002778 .h1{color:#509e2f; font-size:26px; margin:0; position: relative; padding-bottom:30px; /*font-family: "FZZZHUNHJW";*/} .RighInfo002778 .p, .RighInfo002778 .p1{color:#333; font-size:16px; margin: 0; line-height:28px;} .RighInfo002778 .p1{padding-left:20px; position: relative;margin-top:20px; color: #555;} .RighInfo002778 .p1:before{position: absolute; content: ''; width: 10px; height: 2px; background:#509e2f; left: 0; top: 12px;} @media(min-width:1000px){ .RighInfo002778 .intro{ float:left; width:100%;padding:0; padding-top:2%; position: relative;z-index: 2;} .RighInfo002778 .img{float:right;width:50%;position: relative;padding: 22px;padding-right: 0;margin-top: 32px;} .RighInfo002778 .img img{box-shadow: 0 0 5px #ccc;border-radius: 0 30px; z-index: 2; position: relative;} .RighInfo002778 .img:before{left:-14%;content: "";width:98%;height:98%;max-width: 668px;max-height: 668px;position: absolute;top: -42px;background:rgba(255,255,255,0.7);z-index:1;border-radius: 0 28px; display: none;} } @media(min-width:1400px){ .RighInfo002778 .p{ font-size:18px;line-height:32px; margin-bottom: 24px;} } /* .PicList002146 */ .PicList002146{padding:3% 0;} .PicList002146 .listtit{ text-align: center;} .PicList002146 .listtit:after{margin-left: auto; margin-right: auto;} .PicList002146 li{float:left;width: 31.33%;margin-bottom:2%;margin-right: 3%;} .PicList002146 li:nth-child(3n){margin-right:0;} .PicList002146 li a{ display:block; position:relative; box-shadow:0 0 8px rgba(0, 0, 0, 0.2); border-radius: 0 20px; overflow: hidden; background: #fff;} .PicList002146 li h3{ margin:0; font-size:17px;} .PicList002146 li h5{ margin:0; text-align:center; font-size:22px;} .PicList002146 li figure{padding-bottom: 65.5%;} .PicList002146 li h3{ padding:2% 17% 2% 8%; line-height:40px; position:relative;} .PicList002146 li h3:before{ position:absolute; content:''; right:0; top:0; width:14%; height:100%; border-left:1px solid #e8e8e8; background:url(../images/PicList002146-more.gif) no-repeat center center;} .PicList002146 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(80,158,47,0.9); z-index:10; transition:0.3s; color:#fff; } .PicList002146 li a:hover .hover{ opacity:1;} .PicList002146 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList002146 li .hover h5{ margin-top:10px; line-height:22px; max-height:44px; overflow:hidden;} .PicList002146 li .hover i{ display:block; height:2px; background:#fff; width:30px; margin:10px auto;} .PicList002146 li .hover p{font-size:17px;line-height:30px;margin:0;max-height: 120px;overflow:hidden;} @media(max-width:640px) and (min-width:376px){ .PicList002146 li .hover p{ height:40px;} } @media(max-width:480px){ .PicList002146 li h3, .PicList002146 li .hover h5{ font-size:18px;} .PicList002146 li .hover h5{ line-height:20px; max-height:40px;} } @media(max-width:768px){ .PicList002146 li{ float:none; width:auto; margin-bottom:4%;} .PicList002146 li aside{ top:44%;} .PicList002146 li .hover p{ max-height:auto; overflow:inherit;} } /*Floor002821 */ .Floor002822{padding:2% 0 5%; position: relative;} .Floor002822 .listtit{ text-align: center;} .Floor002822 .listtit:after{margin-left: auto; margin-right: auto;} .Floor002822 li{float: left;width:30%;margin-right:4%; margin-bottom:3%;position: relative;padding-bottom: 34%;font-size: 100px;border-radius: 0 20px;overflow: hidden;} .Floor002822 li:nth-child(3){margin-right: 0;} .Floor002822 li a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #54b86e;} .Floor002822 li a >*{position: absolute; left: 0;width: 100%;} .Floor002822 li .Ispic{height: 100%;top: 0;} .Floor002822 li .txt{z-index: 10; bottom: 0.35em;padding: 0 0.35em;color: #fff;} .Floor002822 li .icon img{max-height: 0.4em;display: block;} .Floor002822 li .hover{ position:absolute; left:0; right:0; bottom:0; text-align:center; z-index:10; transition:0.3s; color:#fff; height: 0; background: -moz-linear-gradient(45deg, rgba(80,158,47,1) 0%, rgba(35,172,56,0.4) 100%); background: -webkit-linear-gradient(45deg, rgba(80,158,47,1) 0%,rgba(35,172,56,0.4) 100%); background: linear-gradient(45deg, rgba(80,158,47,1) 0%,rgba(35,172,56,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509e2f', endColorstr='#6623ac38',GradientType=1 ); } .Floor002822 li .img{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%); display: none;} .Floor002822 li .img img{display: block; max-height: 60px; margin: 0 auto;} .Floor002822 li:hover .hover{height: 100%;} .Floor002822 li:hover .img{display: block;} .Floor002822 li:hover .txt{display: none;} .Floor002822 .dl{text-align: center;max-width: 600px;width: 50%;margin: 0 auto;} .Floor002822 dt{font-size: 18px; display: block; position: relative; padding-bottom: 30px; margin-bottom: 14px;} .Floor002822 dt:before{ display:block; border:10px solid transparent; content:''; border-top-color:#509e2f; position: absolute; left: 50%; bottom: 0; margin-left:-10px;} .Floor002822 dd{width: 47%;margin-right:6%;float:left;} .Floor002822 dd:last-child{margin-right: 0;} .Floor002822 dd a{background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); position:relative; display:block; border-radius: 0 20px; overflow: hidden;} .Floor002822 dd .Ispic{display:block;padding-bottom:36.234%;background-size: contain;transition:all 0.5s ease-out 0s;} .Floor002822 dd:hover .Ispic{transform: scale3d(1.04,1.04,1.04);} .Floor002822 dd img{ display:none;} .Floor002822 .box{margin-top:30px; font-size: 0; text-align: center;} .Floor002822 .item{width:15%;margin-right:2%;display: inline-block; margin-bottom: 2%;} .Floor002822 .item:last-child{margin-right: 0;} .Floor002822 .item a{background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); position:relative; display:block; border-radius: 0 20px; overflow: hidden;} .Floor002822 .item .Ispic{display:block;padding-bottom:36.234%;background-size: contain;transition:all 0.5s ease-out 0s;} .Floor002822 .item:hover .Ispic{transform: scale3d(1.04,1.04,1.04);} .Floor002822 .item img{ display:none;} @media(max-width:768px){ .Floor002822 .dl{ width: 100%;} .Floor002822 .dl dt { padding-top: 7%;} .Floor002822 .item{width:32%;} .Floor002822 .item:nth-child(3n){margin-right: 0;} } @media(max-width:480px){ .Floor002822 .item{width:49%;} .Floor002822 .item:nth-child(2n){margin-right: 0;} .Floor002822 .item:nth-child(3n){margin-right:2%;} .Floor002822 .item:nth-child(6n){margin-right:0;} } /*Timeline002859 */ /*slick Basic*/ .Timeline002859 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Timeline002859 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Timeline002859 .slick-list:focus {outline: none} .Timeline002859 .slick-list.dragging {cursor: pointer;cursor: hand;} .Timeline002859 .slick-slider .slick-track, .Timeline002859 .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)} .Timeline002859 .slick-track {position: relative; top: 0; left: 0; display: block;} .Timeline002859 .slick-track:before, .Timeline002859 .slick-track:after{display: table; content: '';} .Timeline002859 .slick-track:after{ clear: both;} .Timeline002859 .slick-loading .slick-track { visibility: hidden;} .Timeline002859 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Timeline002859 .slick-slide .slick-loading img { display: none;} .Timeline002859 .slick-slide .dragging img { pointer-events: none;} .Timeline002859 .slick-initialized .slick-slide { display: block;} .Timeline002859 .slick-loading .slick-slide { visibility: hidden;} .Timeline002859 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Timeline002859 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Timeline002859 .history{background: url(../images/Timeline002859_bg.jpg) no-repeat center top;} .Timeline002859 .year li{position: absolute; z-index: 10; } .Timeline002859 .year li:not(:first-child){cursor: pointer;} .Timeline002859 .year li i{display: block;width: 20px;height: 20px;background:#7db428;border: 4px solid #fdffe6;border-radius: 50%;} .Timeline002859 .year li:nth-child(1){display: none;} .Timeline002859 .year li:nth-child(1){right: 1%;top: 15%;} .Timeline002859 .year li:nth-child(2){right: 9%;top: 26%;} .Timeline002859 .year li:nth-child(3){right: 26%;top: 35.5%;} .Timeline002859 .year li:nth-child(4){right: 38%;top: 43.5%;} .Timeline002859 .year li:nth-child(5){right: 48%;top: 51%;} .Timeline002859 .year li:nth-child(6){right: 58%;top: 58%;} .Timeline002859 .year li:nth-child(7){right: 73%;top: 70%;} .Timeline002859 .year li:nth-child(8){right: 83%;top: 78.5%;} .Timeline002859 .year li span{position: absolute;font-size: 24px;color: #509e2f; min-width: 130px;} .Timeline002859 .year li:not(:first-child) span{top: 50%;line-height: 30px;margin-top: 0px;} .Timeline002859 .year li:nth-child(1) span, .Timeline002859 .year li:nth-child(3) span, .Timeline002859 .year li:nth-child(5) span, .Timeline002859 .year li:nth-child(7) span{color: #333;} .Timeline002859 .year li:nth-child(2n) span{left: 100%;margin-left: -38px;margin-top: 16px;} .Timeline002859 .year li:nth-child(2n-1) span{right: 100%;margin-right: -34px;margin-top: -46px;} .Timeline002859 .year li:nth-child(1) span{font-size: 18px; right: auto;margin-right: 0; bottom:100%; margin-bottom: 10px; width: 100px; margin-left: -50px; left: 50%; text-align: center;font-weight: bold;} .Timeline002859 .year li.on span{color:#00753b !important;font-weight: bold;} .Timeline002859 .year li.on i{background:#00753b;} .Timeline002859 .year-con .box .title{font-size: 20px;color: #509e2f;font-weight: bold;padding-bottom: 20px;} .Timeline002859 .year-con .box .title b{font-size: 40px;margin-right: 5px;} @media(min-width:1201px){ .Timeline002859 .history{height: 770px;} .Timeline002859 .history .auto{max-width: 1200px;position: relative; z-index: 1;height: 100%;} .Timeline002859 .history .line{position: absolute; left: 0; bottom: 0; width: 100%; background: url(../images/Timeline002859-line.png) no-repeat center bottom; height: 0;transition:2s ease-in-out;} .Timeline002859 .history.Show .line{height: 100%; } .Timeline002859 .year-con{position: absolute; left: 0; top: 10%;z-index: 5;width: 55%;} } @media(max-width:1100px){ .Timeline002859 .history{background-size: cover;} .Timeline002859 .year{display: none;} } @media(max-width:1024px){ .Timeline002859 .history{padding: 3% 0 5% 0;} .Timeline002859 .year li span{min-width:100%;} #year{padding: 0 30px;position:relative;} #year:before{position: absolute; left: 0; top: 33px; width: 100%; height: 1px; background: #fff; content: '';} #year li.slick-slide{ text-align: center; color: #fff; font-size: 20px; padding: 20px 0;} #year li.slick-slide i{ display: block; margin: 7px auto; width: 12px; height: 12px; background: #fff;border-radius: 50%; position: relative;} #year li.slick-current span{color: #509e2f;} #year li.slick-current i{background: #509e2f;} #year li.slick-slide i:before{position: absolute; content: ''; width: 6px; height: 6px; background: #509e2f; border-radius: 50%; left: 50%; top: 50%; margin: -3px 0 0 -3px;} #year li.slick-current i:before{background: #fff;} #year .slick-arrow{position: absolute; top:19px;font-size: 0;cursor: pointer; padding: 0; border: 1px solid #fff;background: #fff; width: 30px; height:30px; border-radius: 50%; z-index: 20;} #year .slick-arrow:before{position: absolute; content: ''; width: 10px; height: 10px; border-top: 2px solid #509e2f;border-right: 2px solid #509e2f; transform: rotate(45deg); margin: -5px 0 0 -5px;} #year .slick-prev:before{transform: rotate(-135deg); margin-left: -2px;} #year .slick-prev{left: 0;} #year .slick-next{right: 0;} } /* .Floor001388 */ .Floor001388{margin-top:3.5%;} .Floor001388 .list{ position:relative;} .Floor001388 .list li{ display:none; position: relative; } .Floor001388 .list h1{ margin:0;z-index: 3; display: block; position: relative; } .Floor001388 .list h1 span{ display:block; color:#555; position:relative; padding:2% 1%;font-size:15px; cursor:pointer; font-weight: normal; float: left; width:14.285%; text-align: center; border-radius: 0 20px;} .Floor001388 .list h1 span::after{ position: absolute;right: 0;top: 30%;content: '';width: 1px;height:40%;background-color: #e4e4e4;} .Floor001388 .list h1 span:last-child::after{ display: none;} .Floor001388 .list h1 img{ display:block; max-width:38px; margin: 0 auto; } .Floor001388 .list h1 .iconhover{ display:none; } .Floor001388 .list h1 em{ font-style: normal;font-size: 14px; margin-top: 14px; display: block; } .Floor001388 .list h1 span.active{ color:#fff;background:#509e2f; } .Floor001388 .list h1 span.active .iconhover{ display:block; } .Floor001388 .list h1 span.active::after{ display: none;} .Floor001388 .list h1 span.active .icon{ display:none; } .Floor001388 .list h1 span.active:before{position: absolute; content: '';border:10px solid transparent; border-top-color: #509e2f; left: 50%; margin-left: -10px; bottom:-20px;} .Floor001388 .list_con{ overflow: hidden; z-index: 1;position:relative; padding:3% 0 5%;} .Floor001388 .list_con .word{color: #fff;width: 48%;padding-right: 7%;} .Floor001388 .list_con .p{font-size: 16px; line-height: 34px;color: #666; margin:0;} .Floor001388 .list_con .pic{ box-shadow:0 4px 10px rgba(0, 0, 0, 0.3); border-radius:0 20px; overflow: hidden;} .Floor001388 .list_con .pic img{ display: block; margin: 0 auto; } @media(max-width:768px){ .Floor001388 .list h1 span { width: 33.3%;} .Floor001388 .list h1 span.active:before { display: none;} .Floor001388 .list_con { padding-top: 5%;} .Floor001388 .list_con .word , .Floor001388 .list_con .pic { display: block; width: 100%;padding:0;} .Floor001388 .list_con .pic { margin-top: 4%;} } .RighInfo000623{padding:4% 0;} .RighInfo000623 .listtit{ text-align: center;} .RighInfo000623 .listtit:after{margin-left: auto; margin-right: auto;} .RighInfo000623 .box{background: rgba(255,255,255,0.4); border-radius: 0 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden;} .RighInfo000623 .info{padding:3%;font-size: 15px;line-height: 30px;color: #7d7d7d;} .RighInfo000623 .info .logo{display: block; margin: 0 auto 20px;} .RighInfo000623 .info p{margin: 0;} .RighInfo000623 .info p+p{margin-top:20px;} .RighInfo000623 .info .p{padding-left: 26px;position: relative;color: #555; text-align:justify;} .RighInfo000623 .info .p:before{position: absolute;content: '';width: 10px;height: 10px;background:#509e2f;left: 0;border-radius: 0 5px;top: 11px;} .RighInfo000623 .pic img{ display: block; width: 100%;} @media(min-width:1025px){ .RighInfo000623 .pic{ width:60%;} } @media(max-width:1024px){ .RighInfo000623 .ytable, .RighInfo000623 .ytable-cell{display: block;} } @media(max-width:768px){ .RighInfo000623{padding:6% 0 4% 0;} } /* .Floor001120 */ .Floor001120{padding:6% 0; } .Floor001120 .txt{color:#666; width: 36%; padding-left: 4%;} .Floor001120 .txt .intro{line-height:2em; font-size:17px;} .Floor001120 .txt .intro .p1 b{color:#00753b;border-bottom: 1px solid #00753b; font-size: 24px; margin-left: 12px; display: inline-block;} .Floor001120 .map{width:54%;} .Floor001120 .map ul{position:relative;padding-bottom:72.223%;background:url(../images/Floor001120-map.png) no-repeat center center;background-size: contain;} .Floor001120 .map li{position:absolute;left: 0px;top: 0px;padding-left: 2%;line-height: 14px;} .Floor001120 .map li span i{ font-style:normal;display: inline-block;position: absolute;} .Floor001120 .map li span .dot {position:absolute;left: 0px;width: 16px;height: 16px;border-radius: 100%;background:#509e2f;opacity: 1;filter: alpha(opacity=100);} .Floor001120 .map li span .pulse {top: -16px;left: -16px;height: 48px;width: 48px;border-radius: 48px;background:#509e2f;opacity: 0.4;filter: alpha(opacity=40); -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; } .Floor001120 .map li:hover span .dot { background: #bbcc03;} .Floor001120 .map li:hover span .pulse { background: #bbcc03;} .auto_900 {max-width: 900px;margin: 0 auto;} @media(max-width:900px){.auto_900{ padding:0 2%;}} @keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } @-webkit-keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } @-moz-keyframes warn { 0% {transform: scale(0);opacity: 1;} 30% {transform: scale(0);opacity: 0.1;} 60% {transform: scale(0.5);opacity: 0.5;} 100% {transform: scale(1);opacity: 0.0;} } .Floor001120 .box{ margin-top: 4%;} .Floor001120 .listtits{ text-align: center;} .Floor001120 .listtits:after{margin-left: auto; margin-right: auto;} .Floor001120 .box .ul{ border: 1px dashed #eaeaea; padding:4%; border-radius:10px;background:rgba(255,255,255,0.7)} .Floor001120 .box .ul li{ float: left; width: 20%; padding-left: 20px; margin-bottom:2%; font-size: 16px; position: relative;} .Floor001120 .box .ul li a{color: #333; padding-right: 20px;} .Floor001120 .box .ul li:hover a{color:#509e2f;;} .Floor001120 .box .ul li:after{ background:#509e2f; display:block; content:''; width:10px; height:10px; border-radius: 50%; left: 0; top: 50%; margin-top: -2.5px; position: absolute; border-radius: 0 5px;} @media(max-width:768px) { .Floor001120 .txt, .Floor001120 .map{ display: block; width: 100%;} .Floor001120 .map li span .dot { width: 10px; height: 10px;} .Floor001120 .map li span .pulse { top: -10px; left: -10px; width: 30px; height: 30px;} .Floor001120 .box .ul li { width: 50%;} } .mapInfo {position: absolute;list-style: none;top: 0px;left: 0px;width: 300px;min-height: 440px;background: url(../images/mapInfoBg.jpg) top no-repeat #fff;border-radius: 20px;box-shadow: 0px 15px 36px rgb(0 0 0 / 15%);padding: 30px;z-index: 1000; display: none;} .mapInfo li {display: none;} .mapInfo .title { font-size: 18px; font-weight: bold; height: 50px; color: #fff; margin-top: -5px; padding-left: 10px;} .mapInfo .area { font-size: 14px; height: 20px; color: #999; margin-top: 18px; padding-left: 10px;} .mapInfo .content {font-size: 18px;color: #666;border-bottom: 1px solid #e5e5e5;padding-bottom: 18px; font-weight: bold; padding-left: 10px;} .mapInfo .qr { text-align: center; margin-top: 18px; color: #999;} .mapInfo .qrPic { text-align: center;} .mapInfo .qrPic img{ max-width: 110px; margin-top: 10px;} @media(max-width:480px){ .Floor001120 .ul li{ font-size: 8px; line-height: 8px;} .Floor001120 .map li span .dot { width: 6px; height: 6px;} .Floor001120 .map li span .pulse { top: -12px; left: -12px; width: 30px; height: 30px;} .mapInfo {width: 70%; background-size: contain; margin: 15%;} } /* PicList000864 */ .PicList000864{padding-top: 1%;} .PicList000864 li{float:left;width:31.3%;margin-right:3%;margin-top:4%;position: relative;box-shadow:0 0 8px rgba(0, 0, 0, 0.12);border-radius: 0 20px;overflow: hidden; background: #fff;} .PicList000864 li:nth-child(3n){ margin-right:0;} .PicList000864 li .pic{ overflow: hidden;} .PicList000864 li .Ispic{ padding-bottom:66.03%; position:relative; display:block; transition: all 0.5s ease-out 0s;} .PicList000864 li:hover .Ispic{transform: scale3d(1.04,1.04,1.04);} .PicList000864 li .txt{padding:7% 6%;} .PicList000864 li h5{font-size: 17px;margin: 0;} .PicList000864 li h5 ar{color:#333;} .PicList000864 li h5 a:hover{color:#509e2f;} .PicList000864 li p{margin: 14px 0 0;line-height:24px;height:48px;overflow:hidden;font-size:14px;} .PicList000864 li span{font-size: 14px;color: #fff;text-align: center; position: absolute;left:20px;top:0;width:74px;height: 64px;background: rgba(80,158,47,.9)} .PicList000864 li span em{font-style: normal;font-size:26px;display: block;padding:2px 5px 2px 5px;border-bottom: 1px solid rgba(255,255,255,.1);margin-bottom: 3px;} .PicList000864 li .inner{font-size: 18px; padding: 7% 6%; text-align: left;} .PicList000864 li .inner time{display: block; color: #888; font-size: 14px; margin-top: 14px;} @media(max-width:768px){ .PicList000864 li{width:49%;} .PicList000864 li h5{line-height:30px;} .PicList000864 li:nth-child(3n){ margin-right:2%;} .PicList000864 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000864 li{ width:100%;} .PicList000864 li h5{ margin-top:2px;} .PicList000864 li p{ margin:2px 0 10px 0;} } /* PicList000864 */ .PicList000865{padding-bottom:4%;} .PicList000865 li{float:left;width:31.3%;margin-right:3%;margin-bottom:4%;position: relative;box-shadow:0 0 8px rgba(0, 0, 0, 0.12);border-radius: 0 20px;overflow: hidden; background: #fff;} .PicList000865 li:nth-child(3n){ margin-right:0;} .PicList000865 li .pic{ overflow: hidden; background: #f1f1f1;} .PicList000865 li .Ispic{ padding-bottom:66.03%; position:relative; display:block; transition: all 0.5s ease-out 0s;} .PicList000865 li:hover .Ispic{transform: scale3d(1.04,1.04,1.04);} .PicList000865 li .txt{padding:7% 6%;} .PicList000865 li h5{font-size: 17px;margin: 0;} .PicList000865 li h5 a{color:#333;} .PicList000865 li h5 a:hover{color:#509e2f;} @media(max-width:768px){ .PicList000865 li{width:49%;} .PicList000865 li h5{line-height:30px;} .PicList000865 li:nth-child(3n){ margin-right:2%;} .PicList000865 li:nth-child(2n){ margin-right:0;} } @media(max-width:480px){ .PicList000865 li{ width:100%;} .PicList000865 li h5{ margin-top:2px;} } /*Page002737 */ .Page002737{padding:50px 0 100px; } .Page002737 .Pages{ text-align: center;} .Page002737 .Pages > span{display: inline-block; vertical-align: middle;} .Page002737 .Pages .a_first, .Page002737 .Pages .a_end, .Page002737 .Pages .p_cur, .Page002737 .Pages .p_count, .Page002737 .Pages .p_total{display: none;} .Page002737 .Pages .p_jump, .Page002737 .Pages .p_page{overflow: hidden; } .Page002737 .Pages .p_page em{font-style: normal;} .Page002737 .Pages .p_page a{float: left; line-height:36px; border: 1px solid #e5e5e5; border-radius: 4px; padding: 0 14px; margin: 0 5px; font-size:16px; font-family:Arial," sans-serif"; color: #aaa; background-color: #fff;} .Page002737 .Pages .p_page a:hover, .Page002737 .Pages .p_page a.a_cur{background-color: #509e2f; border-color: #509e2f; color: #fff;} .Page002737 .Pages .p_page a.a_next, .Page002737 .Pages .p_page a.a_prev{font-size: 0; height:38px; width: 54px; padding: 0; margin: 0 6px; background-position: center center; background-repeat: no-repeat;} .Page002737 .Pages .p_page a.a_prev{background-image: url(../images/a_prev.png);} .Page002737 .Pages .p_page a.a_prev:hover{background-image: url(../images/a_prev_hover.png);} .Page002737 .Pages .p_page a.a_next{background-image: url(../images/a_next.png);} .Page002737 .Pages .p_page a.a_next:hover{background-image: url(../images/a_next_hover.png);} .Page002737 .Pages .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: 44px;} .Page002737 .Pages .p_jump > *{float: left;} .Page002737 .Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;} .Page002737 .Pages .p_jump b.f0{margin-right: 6px;} .Page002737 .Pages .p_jump input{height: 46px; border-radius: 4px;} .Page002737 .Pages .i_text{ line-height: 44px; border: 1px solid #e5e5e5; width: 46px; text-align: center; color: #333; font-size:16px;} .Page002737 .Pages .i_button{background: #ebebeb; width: 70px; padding: 0; cursor: pointer; border: none; margin-left: 10px; color: #888;} @media(max-width:768px){ .Page002737 {padding:0;} .Page002737 .Pages{ padding:30px 0;} .Page002737 .Pages .p_page em, .Page002737 .Pages .p_jump{display: none;} } /*Map002516 */ .Map002516{padding: 4% 0;} .Map002516 .map{border: 1px solid #ECECEC;padding: 5px; background: #fff;} .Map002516 .map #allmap{ height:400px;} .Map002516 .map #allmap *{ box-sizing:content-box;} .Map002516 .map #allmap img{ max-width:none;} @media(min-width:641px){ .Map002516 .ul_con li{ float:left; width:48%; padding:3%; margin-right: 4%;} .Map002516 .ul_con li:nth-child(2n){ margin-right:0;} .Map002516 .ul_con li:last-child{ float:none; width:100%; padding:3%; margin-right: 0;} .Map002516 .map{margin-top:2%;} } .Map002516 .ul_con li div{ padding-left:90px; background-repeat:no-repeat; background-position:left center;} .Map002516 .ul_con li.location div{ background-image:url(../images/Map002516_address.png);} .Map002516 .ul_con li.call div{ background-image:url(../images/Map002516_call.png);} .Map002516 .ul_con li.fax div{ background-image:url(../images/Map002516_fax.png);} .Map002516 .ul_con li.email div{ background-image:url(../images/Map002516_email.png);} .Map002516 .ul_con li p{ margin:0; border-bottom:1px solid #efefef; padding-bottom:15px; margin-bottom:15px; color:#999; font-size:14px;} .Map002516 .ul_con li pre{ font-size: 17px; color: #333;} .Map002516 .ul_con li:nth-child(2n+1){ clear:left;} @media(max-width:640px){ .Map002516 .ul_con li{ padding:10px;} .Map002516 .ul_con li:nth-child(2n){ background:#f5f5f5;} .Map002516 .map #allmap{ height:280px;} } /* .TextList002208 为demo编号 */ .TextList002208{ padding:3.5% 0 0;} .TextList002208 .thead{ line-height:60px; text-align:center; background:#509e2f;} .TextList002208 .dl+.dl{ border-top:1px solid #fff;} .TextList002208 .dl .dt{line-height:60px; text-align:center; cursor:pointer; border-bottom:1px dashed #e0e0e0; background: #fff;} .TextList002208 .thead span, .TextList002208 .dl .dt span{width:20.6%; display:block; position:relative; float:left;} .TextList002208 .thead span{ color:#fff; font-size:17px; height:60px; text-align:center; font-weight:bold; } .TextList002208 .dl .dt span{ font-size:16px;} .TextList002208 .thead span:last-child, .TextList002208 .dl .dt span:last-child{width:8%;} .TextList002208 .dl .dt span.jobname{ text-align:left; padding-left:5%;} .TextList002208 .dl .dt .btn{ text-decoration:underline; display:block; position:relative; height:60px;} .TextList002208 .dl .dt .btn i{ position:absolute; right:50%; background:url(../images/TextList002208-icon.png) no-repeat -44px -82px ; display:block; width:21px; height:11px; top:50%; margin-top:-5px; margin-right: -10.5px;} .TextList002208 span.jobname, .TextList002208 .dt span.jobname{ width:30%;} .TextList002208 .dl.active .dt span, .TextList002208 .dl.active .btn{ color:#509e2f;} .TextList002208 .dl.active .dt .btn i{ background-position:-44px -70px;} .TextList002208 .conbox{ display:none; border-bottom: #e0e0e0 1px dashed; padding:30px 70px; background:rgba(255,255,255,0.4); } .TextList002208 .conbox .p{margin:0 0 30px; font-size:14px; color:#666; line-height: 30px; border-bottom: 1px dashed #eaeaea; padding-bottom: 30px;} .TextList002208 .conbox .b{display: block; margin-bottom: 14px;} .TextList002208 .btn_apply{ padding:10px 0;} .TextList002208 .btn_apply a{ display:inline-block; width:180px; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#509e2f; font-size:18px; border-radius:3px;border:1px solid transparent; transition:0.3s;} .TextList002208 .btn_apply a:hover{ border-color:#509e2f; background:#fff;color:#509e2f;} @media(max-width:1000px){ .TextList002208 .dl .dt .btn{ padding-right:20px;} .TextList002208 .dl .dt .btn i{ background-position:-48px -82px; width:13px;} .TextList002208 .dl.active .dt .btn i{background-position:-48px -70px; } .TextList002208 .conbox {padding:4%;} } @media(max-width:640px){ .TextList002208 .jobyq, .TextList002208 .dl .dt .btn i, .TextList002208 .time, .TextList002208 .thead span i{ display:none !important;} .TextList002208 .thead span, .TextList002208 .dl .dt span{ width:23%; height: 50px; line-height: 50px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .TextList002208 .thead span:last-child, .TextList002208 .dl .dt span:last-child{ display: none;} .TextList002208 span.jobname, .TextList002208 span.num{ width:50%!important;} .TextList002208 .btn_apply a { width: 140px; height: 40px; line-height: 40px;margin:0 auto; display: block; font-size: 16px;} } /*Menu002662 */ .Menu002662{text-align:center;padding-top:3%;} .Menu002662 ul li{padding:0 25px 5px;} .Menu002662 ul li a{display:block;background:#fff;color:#333333;padding:0 30px;line-height:45px;font-size:16px;border-radius: 0 15px;} .Menu002662 ul li a:hover, .Menu002662 ul li.aon a{background: #509e2f;color:#fff;} @media(max-width:1024px){ .Menu002662 ul{ display:block;} .Menu002662 ul li{padding:0 10px; float:left;} .Menu002662 ul li a{font-size:14px;} } @media(max-width:640px){ .Menu002662 ul li{ float:left; width:33.333333%; padding:1px;} .Menu002662 ul li a{font-size:12px; padding:0; text-align:center;} } /* .PicList002797 */ .PicList002797 {padding-top:3%;} .PicList002797 li{ float:left; width:31%; margin:0 3.5% 3.5% 0; border-radius:0 20px; box-shadow:0 0 5px rgb(0,0,0,0.2); background: #fff;} .PicList002797 li:hover{ box-shadow:0 10px 20px rgb(190,190,190,0.3);} .PicList002797 li:nth-child(3n){margin-right:0; } .PicList002797 li a{ display:block; position:relative;padding-bottom: 100%;;} .PicList002797 li h4, .PicList002797 li h3{ margin:0; text-align:center; font-weight:normal;} .PicList002797 li figure{ padding-bottom:70%; background-size: contain; position: absolute; top:4%; left: 4%; right: 4%; transition:.5s;} .PicList002797 li .word{position: absolute; bottom:6%; left:10%; width: 80%;} .PicList002797 li h4{ font-size: 15px;color: #999;} .PicList002797 li h3{ font-size: 20px; color:#333; margin-bottom: 10px;} .PicList002797 li p{ font-size:14px; line-height:22px; margin:0; height:0; overflow:hidden; color: #666; transition:.5s;} .PicList002797 li:hover figure{ transform:translateY(-4%) scale(0.8);} .PicList002797 li:hover h4{display: none;} .PicList002797 li:hover h3{color:#509e2f;} .PicList002797 li:hover p{height:44px;} .PicList002797 li:hover .p{height:66px;} @media(max-width:1000px){ .PicList002797 li{ width:48%; margin-left:1%; margin-right:1%;} } @media(max-width:480px){ .PicList002797 li{ float:none; width:auto;} .PicList002797 li h3{ font-size:14px;} } /*PicList002949 */ .PicList002949{padding: 4% 0;} .PicList002949-1{padding-bottom:0;} .PicList002949 .item a{color: #333;} .PicList002949 .item{box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);border-radius: 0 20px;overflow: hidden; background: #fff;} .PicList002949 .item+.item{margin-top: 4%;} .PicList002949 .txt .inner{padding:2.5vw;} .PicList002949 .txt p{margin: 0;color: #666; font-size: 15px; line-height: 30px;} .PicList002949 .tit{font-size: 24px; line-height: 1em;} .PicList002949 .tit:after{display: block; margin:1.25em 0; content: '';background: #4ab344; width: 48px; height: 2px;} .PicList002949 .pic{ overflow: hidden; width: 100%; text-align: center; position: relative;} .PicList002949 .item .pic .Ispic{transition: 0.3s;height: 100%;width: 100%;display: block;position: absolute;top: 0;left: 0;background-size: contain;} .PicList002949 .item:hover .pic .Ispic{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);} .PicList002949 .item .pic img{display: none;} .PicList002949 .item .more{margin-top:30px;padding-right: 25px;display: inline-block;background: url("../images/PicList002949_more.png") no-repeat right center;color: #999;} .PicList002949 .item a:hover{ color:#509e2f;} .PicList002949 .item a:hover .more{background-image: url("../images/PicList002949_more_on.png"); color:#509e2f;} @media(min-width:1025px){ .PicList002949 .pic{ width:486px;} } @media(min-width:769px) and (max-width:1024px){ .PicList002949 .pic{ width:50%;} .PicList002949 .tit{font-size: 3vw;} } @media(max-width:768px){ .PicList002949 .ytable, .PicList002949 .ytable-cell{display: block;} .PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;} .PicList002949 .tit{font-size: 5vw;} .PicList002949 .pic{ padding-bottom: 40%; margin-top:4%;} } /*PicList002926 */ .PicList002926{padding: 4% 0;} .PicList002926 li{background: #fff;;} .PicList002926 li .pic a{display: block; overflow: hidden; border-radius:0 20px;} .PicList002926 li .pic img{transition: 0.3s;} .PicList002926 li:hover .pic img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .PicList002926 li .info .inner{padding:2vw;} .PicList002926 li .icon img{max-height: 50px; } .PicList002926 li h3{font-size: 24px; color: #333; margin: 10px 0; } .PicList002926 li h3:after{display: block; content: ''; height: 2px;background: #509e2f; width: 20px; margin: 10px 0;} .PicList002926 li p{color: #777;line-height:28px; margin: 0; font-size: 15px;} @media(min-width:1025px){ .PicList002926 li .pic{width: 44%;} } @media(max-width:1024px){ .PicList002926 li .ytable, .PicList002926 li .ytable-cell{display: block;} } @media(max-width:640px){ .PicList002926 li h3{font-size: 5vw;} .PicList002926 li p{font-size: 3.5vw;} .PicList002926 li .info .inner{padding: 5vw 3vw;} } /*RighInfo002816 */ .RighInfo002816{padding-top:4%; padding-bottom: 2%;} .RighInfo002816 .img-block{display: block;width: 100%; border-radius: 0 20px;} .RighInfo002816 ul{margin-bottom: 6%;} .RighInfo002816 ul .inner{background: #fff;padding:11.5% 12%;} .RighInfo002816 ul h3{ font-size: 18px; color: #509e2f;} .RighInfo002816 ul h3:before{display: inline-block; content: ''; height:16px; width:4px; background: #509e2f; vertical-align: middle; margin-right: 15px;} .RighInfo002816 ul .li p{ line-height: 28px; color: #666; font-size: 15px;} @media(min-width:1025px){ .RighInfo002816 ul:nth-child(2n-1) .ol{float: left;} .RighInfo002816 ul:nth-child(2n-1) .li{float: right;} .RighInfo002816 ul:nth-child(2n) .ol{float: right; right: 0;} .RighInfo002816 ul:nth-child(2n) .li{float: left;} .RighInfo002816 ul{ position: relative;} .RighInfo002816 ul .ol{width:70%; position: absolute; height:100%;} .RighInfo002816 ul .ol img{ height:100%;} .RighInfo002816 ul .li{width: 30%;} .RighInfo002816 ul .li{ position: relative; z-index: 10;} .RighInfo002816 ul:nth-child(2n-1) .li .inner{ margin-left: -70%;} .RighInfo002816 ul:nth-child(2n) .li .inner{width: 170%;} } @media(max-width:1024px){ .RighInfo002816 ul .li{padding: 0!important;} .RighInfo002816 ul .inner{ padding: 20px;} } /*.RighInfo000171*/ .RighInfo000171{ padding:4% 0;} .RighInfo000171 .title{ color: #333; text-align:center; padding-bottom:20px; } .RighInfo000171-1 .title{border-bottom: 1px dashed #eaeaea; margin-bottom: 20px;} .RighInfo000171 .title h1{ margin:0; padding-bottom:22px; font-size:24px;font-weight: normal;} .RighInfo000171 .title p{ margin:0; } .RighInfo000171 .title p span{ margin:0 10px; color:#777;} .RighInfo000171 .daodu{background:#fff;padding: 3%;font-size: 15px;color: #666;line-height: 2;text-align: justify;margin-bottom:30px;} .RighInfo000171 .daodu b{color: #509e2f;} .RighInfo000171 .info{ font-size: 15px; color: #666; line-height:2; text-align:justify; text-justify:inter-ideograph; border-bottom:1px dashed #d2d2d2; padding-bottom: 20px; } .RighInfo000171-1 .info{ border-bottom:none; } .RighInfo000171 .info p{text-indent: 2em; } .RighInfo000171 .info .pic{ margin:2% auto 4%; display: block;} .RighInfo000171 .info .pic1{ float:right; margin-bottom:2%; margin-left:3%;} .RighInfo000171 .info .pic2{ float:left; margin-bottom:2%; margin-right:3%;} .RighInfo000171 .bot{position:relative;margin-top:50px} .RighInfo000171 .info_back{text-align:center;clear:both;padding:10px 0;position:absolute;right:0;top:0} .RighInfo000171 .info_back a{color:#fff;font-size:14px;background:#509e2f;display:block;padding:10px 30px;border-radius:50px} .RighInfo000171 .info_back a:hover{background:#fff;color:#509e2f;border:1px #509e2f solid} .RighInfo000171 .info_pn span{display:block;font-size:15px;margin:15px 0} .RighInfo000171 .info_pn span a{color:#888} .RighInfo000171 .info_pn span a:hover{color:#509e2f;text-decoration:underline} @media(max-width:1000px){ .RighInfo000171{ padding:50px 0;} .RighInfo000171 .info_back{position:relative} .RighInfo000171 .bot{position:relative;margin-top:15px} } @media(max-width:768px){ .RighInfo000171 .title h1 { font-size: 20px;} } @media(min-width:1000px){ .RighInfo000171 .info_pn span{width:80%} } /*PicList002171 */ .PicList002172{ padding:4% 0 0;} .PicList002172 li{ float:left; width:22.75%; margin-right:3%; margin-bottom:3%;} .PicList002172 li a{ box-shadow: 0 0 8px rgba(0, 0, 0, 0.12); position:relative; display:block; border-radius: 0 20px; overflow: hidden;} .PicList002172 li .Ispic{ display:block; padding-bottom: 44.65%; background-size: contain; transition:all 0.5s ease-out 0s;} .PicList002172 li:hover .Ispic{transform:scale3d(1.14,1.14,1.14);} .PicList002172 li img{ display:none;} .PicList002172 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(80,158,47,0.95); opacity:0; transition:0.3s; z-index: 10;} .PicList002172 li a figure p{ margin: 0;text-align: center; color: #fff; font-size: 16px; position: absolute; left: 0; right: 0;padding: 0 2%; top: 50%; transform:translateY(-50%)} .PicList002172 li a:hover figure{ opacity:1;} @media(min-width:769px){ .PicList002172 li:nth-child(4n){ margin-right:0;} } @media(max-width:768px){ .PicList002172 li{ width:32%; margin-right:2%;} } @media(max-width:768px) and (min-width:481px){ .PicList002172 li:nth-child(3n){ margin-right:0;} } @media(max-width:480px){ .PicList002172 li{ width:49%;} .PicList002172 li:nth-child(2n){ margin-right:0;} } /*RighInfo002851 */ .RighInfo002851{padding:4% 0; text-align: center;} .RighInfo002851 .listtit{ text-align: center;} .RighInfo002851 .listtit:after{margin-left: auto; margin-right: auto;} .RighInfo002851 .txt{font-size: 18px; text-align: center; display: inline-block;padding-right:7.167%;padding-left:7.167%;padding-top: 24px;position: relative;background: url(../images/yinhao-r.png) no-repeat right top;background-size: 6.617% auto; margin-bottom: 4%;} .RighInfo002851 .txt:before{position: absolute; content: ''; left: 0; top: 0;width: 6.617%;height: 100%;background: url(../images/yinhao-l.png) no-repeat left top;background-size: contain;} .RighInfo002851 li{margin-top: 0; margin-bottom: 3%;} .RighInfo002851 .box .fl{ background:#509e2f; padding:5%; width:30%; text-align:left; overflow:hidden;} .RighInfo002851 .box .fl span{ display:block;} .RighInfo002851 .box .fl #a1{ font-size:36px; color:#fff; margin-bottom:10%;} .RighInfo002851 .box .fl #b2{ font-size:14px; color:#fff; margin-bottom:5%;} .RighInfo002851 .box .fl #a2{ font-size:28px; color:#fff;} .RighInfo002851 .box .fr{ background:#f5ffef; padding:5% 7% 3% 13%; width:70%; text-align:left; overflow:hidden;} .RighInfo002851 .box .fr ul li{ list-style:none; width:33%; margin-bottom:6%; float:left;} .RighInfo002851 .box .fr span{ display:block; color:#000;} .RighInfo002851 .box .fr #a3,.RighInfo002851 .box .fr #a3,.RighInfo002851 .box .fr #a4,.RighInfo002851 .box .fr #a5,.RighInfo002851 .box .fr #a6,.RighInfo002851 .box .fr #a7{ font-size:16px; color:#509e2f;} @media(max-width:768px){ .RighInfo002851 { padding-top: 6%;} .RighInfo002851 .box .fl,.RighInfo002851 .box .fr{ width:100%;} .RighInfo002851 .box .fl #a1{ font-size:24px; margin-bottom:5%;} } /*RighInfo002853 */ .RighInfo002853{padding:4% 0; text-align: center;} .RighInfo002853 .listtit{ text-align: center;} .RighInfo002853 .listtit:after{margin-left: auto; margin-right: auto;} .RighInfo002853 .txt{font-size: 18px; text-align: center; display: inline-block;padding-right:7.167%;padding-left:7.167%;padding-top: 24px;position: relative;background: url(../images/yinhao-r.png) no-repeat right top;background-size: 6.617% auto; margin-bottom: 4%;} .RighInfo002853 .txt:before{position: absolute; content: ''; left: 0; top: 0;width: 6.617%;height: 100%;background: url(../images/yinhao-l.png) no-repeat left top;background-size: contain;} .RighInfo002853 li{margin-top: 0; margin-bottom: 3%;} .RighInfo002853 .box{ background:#dca912; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .RighInfo002853 .box .con{background:#fff;padding:3% 5%;width:30%;text-align:left;overflow:hidden;} .RighInfo002853 .box .con span{ display:block;} .RighInfo002853 .box .con #a1{font-size: 20px;color:#509e2f;margin-bottom: 3%;} .RighInfo002853 .box .con #b2{font-size:16px;color:#999;} .RighInfo002853 .box .con #a2{font-size:60px;color:#dca912;font-weight: bold;font-family: "Oswald";margin-bottom: 5%; line-height: 1;} .RighInfo002853 .box .word{padding: 3% 4%;width:70%;text-align:left;overflow:hidden;} .RighInfo002853 .box .word ul li{ list-style:none; width:23.5%; margin-right:2%; float:left;} .RighInfo002853 .box .word ul li:last-child{margin-right:0;} .RighInfo002853 .box .word span{ display:block; color:#fff;} .RighInfo002853 .box .word #a3, .RighInfo002853 .box .word #a4, .RighInfo002853 .box .word #a5, .RighInfo002853 .box .word #a6, .RighInfo002853 .box .word #a7{font-size:38px;color:#fff;font-family: "Oswald";margin-bottom: 10px; line-height: 1;} .RighInfo002853 .box .word p{ padding-top: 20px; margin:20px 0 0; border-top: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 16px;} @media(max-width:768px){ .RighInfo002853 { padding-top: 6%;} .RighInfo002853 .ytable, .RighInfo002853 .ytable-cell{display: block;} .RighInfo002853 .box .con, .RighInfo002853 .box .word{ width:100%;} .RighInfo002853 .box .con{text-align:center;} .RighInfo002853 .box .con #a1{ font-size:24px; margin-bottom:5%;} .RighInfo002853 .box .word{padding:5%;} .RighInfo002853 .box .word ul li{ width:49%; margin-bottom: 5%;} .RighInfo002853 .box .word ul li:nth-child(2n){margin-right:0;} .RighInfo002853 .box .word ul li:nth-child(2n+1){clear: left;} } /*.Floor002467 */ .Floor002467{padding:3% 0 4%;} .Floor002467 .listtit{ text-align: center;} .Floor002467 .listtit:after{margin-left: auto; margin-right: auto;} .Floor002467 .videobox{ position: relative;height:400px; border-radius: 0 20px; overflow: hidden;} .Floor002467 .videobg{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; height: 200px;} .Floor002467 .videobg .play{ display: block; background: url(../images/Floor002467-play.png) no-repeat center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: 30px 30px; cursor: pointer; z-index: 5;} .Floor002467 .videobg h2{ font-size: 18px; margin: 0; position: absolute; top: 50%; left: 0; width: 100%; text-align: center; font-weight: normal; color: #fff; margin-top: 40px;} .Floor002467 .video{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 15; display: none;} .Floor002467 .video video{ width: 100%; height: 100%; object-fit: cover;background: #000;} @media only screen and (min-width: 768px) { .Floor002467 .videobg, .Floor002467 .videobox{ height:510px;} .Floor002467 .videobg .play{background-size:40px 40px;} .Floor002467 .videobg h2{font-size: 20px;} } @media only screen and (min-width: 1024px) { .Floor002467 .videobg h2{font-size: 24px;} .Floor002466 .list .item .word{bottom: 38px; left: 20px;} } @media only screen and (min-width: 1200px) { .Floor002467 .videobg, .Floor002467 .videobox{ height: 592px;} .Floor002467 .videobg .play{background-size:50px 50px;} .Floor002467 .videobg h2{font-size:26px;} } /*Floor002889 */ .Floor002889{overflow: hidden; padding-top:4%;} .Floor002889 .listtit{ text-align: center; } .Floor002889 .listtit:after{margin-left: auto; margin-right: auto;} .Floor002889 .auto{position: relative;z-index: 1;} .Floor002889 .slider-txt .name{color:#fff; padding: 0 0 2.3vw 0; } .Floor002889 .slider-txt .name .cn{font-size: 44px;} .Floor002889 .slider-txt .name .en{font-size: 32px; text-transform: uppercase;} .Floor002889 .slider-txt pre{line-height: 1.875em;color: #fff;font-size:26px; opacity: 0.8;} .Floor002889 .slider-txt .btn{display: none;} .Floor002889 .slider-txt .slick-arrow{width: 60px; height: 60px;border-radius: 50%;border: 1px solid #509e2f; z-index: 2;position: relative;} .Floor002889 .slider-txt .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid #509e2f;border-top: 2px solid #509e2f; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;} .Floor002889 .slider-txt .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Floor002889 .slider-txt .slick-prev{margin-right: 36px;} .Floor002889 .slider-txt .slick-disabled{border-color: #efefef; cursor: default;} .Floor002889 .slider-txt .slick-disabled:before{border-color: #bbb; } @media(max-width:768px){ .Floor002889 .slider-txt .slick-arrow{width: 8vw;height: 8vw;} .Floor002889 .slider-txt .slick-prev{margin-right: 5vw;} } .Floor002889 .dot-icon .slick-dots li{list-style: none; margin:4px 0;} .Floor002889 .dot-icon .slick-dots li.slick-active button{background:#509e2f;} .Floor002889 .dot-icon .slick-dots li button{border: 0;background: none; border-radius:0 20px; padding: 0 10px;height:80px; width: 100%; text-align: left; cursor: pointer;} .Floor002889 .dot-icon .slick-dots li button > *{display: inline-block; vertical-align: middle;} .Floor002889 .dot-icon .slick-dots li b{color: #fff;font-size: 18px; margin-left: 20px;} .Floor002889 .dot-icon .slick-dots li i{border-radius: 50%;background:#fff;} .Floor002889 .dot-icon .slick-dots li img{display: block;width: 100%;} .Floor002889 .slider-pic{width: 100%;height: 700px;position: relative;z-index: 1;} .Floor002889 .slider-pic ul .slick-list, .Floor002889 .slider-pic ul .slick-track, .Floor002889 .slider-pic ul li, .Floor002889 .slider-pic ul{height: 100%;} .Floor002889 .slider-pic .Ispic{height: 100%; position: relative;} .Floor002889 .slider-pic .Ispic::after{ background:rgba(0,0,0, 0.4);position:absolute;content:'';top:0; right:0;width:100%;height: 100%; z-index: 2;} .Floor002889 .slider-pic li:first-child .Ispic::after{display: none;} @media(min-width:1025px){ .Floor002889 .dot-icon, .Floor002889 .slider-txt{position: absolute; top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); z-index: 10;} .Floor002889 .slider-txt{left:6%;width: 30%;max-width: 348px;} .Floor002889 .dot-icon{right: 6%;width: 240px;} } @media(min-width:1440px){ .Floor002889 .slider-txt{left:18%;} .Floor002889 .dot-icon{right:14%;} } @media(max-width:1024px){ .Floor002889 .dot-icon{overflow: hidden;} .Floor002889 .dot-icon li{float: left;width: 33.3%; } .Floor002889 .dot-icon .slick-dots li button{height: auto; padding: 1vw;text-align: center;} .Floor002889 .dot-icon .slick-dots li i{width: 8vw;display: block; margin: 0 auto 0.5vw;} .Floor002889 .dot-icon .slick-dots li b{font-size: 2.2vw;margin-left: 1vw;} .Floor002889 .slider-txt{ position: absolute; left: 4%; bottom: 10%; z-index: 10;} .Floor002889 .slider-pic{/*width: 50vw;height: 50vw; margin: 0 auto 10vw;*/height: auto;} .Floor002889 .slider-pic .Ispic{ display: none;} .Floor002889 .slider-pic li { position: relative;} .Floor002889 .slider-pic li::after{ background:rgba(0,0,0, 0.4);position:absolute;content:'';top:0; right:0;width:100%;height: 100%; z-index: 2;} .Floor002889 .slider-pic li:first-child::after{display: none;} .Floor002889 .slider-pic ul .slick-list, .Floor002889 .slider-pic ul .slick-track, .Floor002889 .slider-pic ul li, .Floor002889 .slider-pic ul { height: auto;} } @media(max-width:640px){ .Floor002889 .dot-icon .slick-dots li b{font-size: 3vw;color:#509e2f;} .Floor002889 .dot-icon .slick-dots li.slick-active button b { color: #fff;} .Floor002889 .slider-txt .name .cn{font-size: 7vw;} .Floor002889 .slider-txt .name .en{font-size: 5vw;} .Floor002889 .slider-txt pre{font-size: 3vw;} } /*Form002219*/ .Form002219{ padding:5% 0;} .Form002219 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;} .Form002219 dl{ width:48%; float:left; padding-left:85px; min-height:40px; position:relative; margin-bottom:15px; max-width:420px;} .Form002219 dl.odd{ margin-left:4%;} .Form002219 dt{ color:#5b5b5b; font-size:14px; position:absolute; left:0; width:70px; text-align:right; line-height:40px;} .Form002219 .text{ border:1px solid #dfdfdf; border-radius:5px; width:100%; padding:0 10px; line-height:38px;height:38px; color:#5b5b5b;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 textarea{border:1px solid #dfdfdf; border-radius:5px;overflow:hidden; resize:none; width:100%; height:360px; padding:10px; color:#5b5b5b;} .Form002219 .btn{ display:inline-block; line-height:40px; min-width:140px; margin-right:20px; background-color:#f3f3f3; color:#728391; font-size:14px; border:none; border-radius:5px; cursor:pointer;} .Form002219 .submitbtn{ color:#fff; background-color:#509e2f;} @media(max-width:640px){ .Form002219 dl{ float:none; width:100%; margin-left:0 !important;} .Form002219 textarea{ height:250px;} } @media(max-width:480px){ .Form002219 .btn{ width:48%; margin-right:2%; float:left; display:block; min-width:2px;} } /*Form002219 End*/ .placeholder .webuploader-pick {background:#509e2f!important;} #bsWXBox {box-sizing: content-box;} /* .TextList000591 */ .TextList000591{ padding:2% 0;} .TextList000591 ul{padding:0 2%; background-color:#fff;} .TextList000591 li{border-bottom:1px solid #d1d1d1; padding:15px 0;} /* .RighInfo002257 */ .RighInfo002257{ padding:2% 0;} .RighInfo002257 .item{border-bottom:1px dashed #d0d0d0; padding:40px 0;} .RighInfo002257 .item:last-child{border-bottom:none;} .RighInfo002257 .item .h1{padding-left: 30px; font-size: 24px;color: #333;background: url(../images/RighInfo002811-icon.png) no-repeat left center; margin-top: 0;} .RighInfo002257 .item .con{line-height: 30px; font-size:15px;color: #888;text-align: justify;} .RighInfo002257 .item .con p{margin: 0;} .RighInfo002257 .item .con p+p{margin-top:14px;} .RighInfo002257 .item .con .p1 span{color:#509e2f; font-weight: bold;} .RighInfo002257 .pic img{display: none;} .RighInfo002257 .pic .Ispic{display: block; padding-bottom:55.853%; border-radius: 0 20px; box-shadow:0 4px 10px rgba(0, 0, 0, 0.3); overflow: hidden;} @media only screen and (min-width:769px ) { .RighInfo002257 .item{ padding:60px 0; } .RighInfo002257 .item .pic{ width:47%;} .RighInfo002257 .item .info{ padding-left: 5%;} .RighInfo002257 .item:nth-child(2n) .info{ padding-right: 5%; padding-left: 0;} } @media(max-width:768px){ .RighInfo002257 .ytable, .RighInfo002257 .ytable-cell{display: block;} .RighInfo002257 .item .pic{margin-top: 30px;} } .tanchuang{ position:fixed; background:rgba(0,0,0,0.6); width:100%;height: 100%; top:0; left:0; z-index:101; display: none;} .tanchuang img{ display: block !important;} .tanchuang .h5{font-size: 18px; text-align: center; color:#509e2f; margin-bottom: 0;} .tcon{ display:block;} .tanchuang .wrap-container{ position:relative;width:90%; max-width: 1000px; background:#fff; z-index:100;border-radius: 12px;overflow: hidden; padding:30px;margin:0 auto; transform: translateY(-50%); top: 50%;} .tanchuang .close{position: absolute;top:10px;right:10px;height: 17px;width: 17px;background: url(../images/Form002324-colseBtn.png) no-repeat;cursor: pointer;z-index: 999} @media only screen and (max-width:664px ) { .tanchuang .wrap-container{ width:94%;} .tanchuang .h5{font-size:16px;} } /*PicList002735 */ .PicList002736{padding-top:2%;} .PicList002736 li{ margin:2% 0;} .PicList002736 li a{display: block;background: #fff; transition: 0.3s; border-radius: 0 20px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);} .PicList002736 li a:hover{ box-shadow: 0 10px 14px rgba(0,0,0,0.3);} .PicList002736 li .Ispic{background-color: #fff; padding-bottom:72.223%;} .PicList002736 li .txt{padding: 20px;} .PicList002736 li .txt h3{font-size: 18px; color: #444; margin: 0; text-align: center;} .PicList002736 li a:hover .txt h3{ color: #509e2f; } @media(min-width:481px){ .PicList002736 li{float: left;} } @media(min-width:769px){ .PicList002736 li{width:30%; } .PicList002736 li:not(:nth-child(3n)){margin-right:5%;} } @media(min-width:481px) and (max-width:768px){ .PicList002736 li{width: 48%; } .PicList002736 li:not(:nth-child(2n)){margin-right: 4%;} } .RighInfo002852{padding: 4% 0;} .RighInfo002852 .listtit{ text-align: center; } .RighInfo002852 .listtit:after{margin-left: auto; margin-right: auto;} .RighInfo002852 li{display: block; margin-bottom:4%; margin-right:4%; border-radius: 0 20px; box-shadow: 0 0 5px rgb(0,0,0,0.2); float: left; width:48%; overflow: hidden; position: relative;} .RighInfo002852 li:nth-child(2n){ margin-right: 0;} .RighInfo002852 li img{display:none;} .RighInfo002852 li .Ispic{display:block; padding-bottom:100%;} .RighInfo002852 li .txt{position: absolute;left:0;bottom: 0;width: 100%;padding:24px;background: rgba(255,255,255,0.7);box-shadow: 0 0 5px rgb(0,0,0,0.2);} .RighInfo002852 li .h1{margin: 0; font-size: 30px; color: #fff;position: absolute;right:4%; bottom: 5%; top:5%; writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-lr;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ ;} .RighInfo002852 li .txt p{margin: 0; font-size:18px; color: #4d9736;} .RighInfo002852 li .txt p+p{margin-top:10px;} .RighInfo002852 li .txt .p{position: relative;padding-left:16px;display: inline-block;margin-right: 31px;} .RighInfo002852 li .txt .p:before{position: absolute; content: ''; left: 0; top:7.5px;width:6px; height:6px;background:#509e2f; border-radius: 50%;} @media(max-width:900px){ .RighInfo002852 li{float:none; width:100%; margin-right: 0; margin-bottom: 40px;} } @media(max-width:480px){ .RighInfo002852 li .txt{position: static;left:0;top:0;width:100%;padding:16px; border-radius: 0;} .RighInfo002852 li .h1{font-size: 24px; } .RighInfo002852 li .txt p{font-size:16px;} } /* .Menu002499 为demo编号 */ .Menu002499{ width: 100%; background: #f1f1f1;} .Menu002499 ul{text-align: center;} .Menu002499 li{display: inline-block;padding: 0 30px; } .Menu002499 li#dav85, .Menu002499 li#dav87, .Menu002499 li#dav100, .Menu002499 li#dav104, .Menu002499 li#dav92, .Menu002499 li#dav99, .Menu002499 li#dav114, .Menu002499 li#dav115, .Menu002499 li#dav117, .Menu002499 li#dav112, .Menu002499 li#dav138, .Menu002499 li#dav139, .Menu002499 li#dav140, .Menu002499 li#dav141, .Menu002499 li#dav116, .Menu002499 li#dav103, .Menu002499 li#dav276, .Menu002499 li#dav277, .Menu002499 li#dav278, .Menu002499 li#dav279, .Menu002499 li#dav282, .Menu002499 li#dav283, .Menu002499 li#dav284, .Menu002499 li#dav285{display:none; } .Menu002499 a{color: #666; padding:22px 0; display: block; font-size: 16px;} .Menu002499 li a:hover, .Menu002499 li.aon a{color: #509e2f; border-bottom: 1px solid #509e2f;} @media(max-width:768px){ .Menu002499 li{padding: 0 15px; } } /*PicList002735 */ .PicList002735{padding: 3% 0;} .PicList002735 .item{box-shadow: 0 0 10px rgba(0, 0, 0, 0.12); border-radius: 0 20px; overflow: hidden; background:rgba(255,255,255,0.5); margin-bottom: 60px;} .PicList002735 .txt{padding: 3%;} .PicList002735 .txt p{line-height:2;color: #666; margin: 0; font-size: 15px;} .PicList002735 .txt p+p{margin-top: 16px;} .PicList002735 .pic{display: block;} .PicList002735 .pic img{display: block; width: 100%;} .PicList002735 .listtit{ text-align: center; } .PicList002735 .listtit span{ color: #ccc; padding:0 20px} .PicList002735 .listtit span.on{ color: #509e2f;} .PicList002735 .listtit:after{margin-left: auto; margin-right: auto;} .PicList002735 li{ margin-bottom:4%;} .PicList002735 li a{display: block;background: #fff; transition: 0.3s; border-radius: 0 20px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);} .PicList002735 li a:hover{ box-shadow: 0 10px 14px rgba(0,0,0,0.3);} .PicList002735 li .Ispic{background-color: #fff; padding-bottom:65.28%;} .PicList002735 li .txt{padding: 20px;} .PicList002735 li .txt h3{font-size: 18px; color: #444; margin: 0; text-align: center;} .PicList002735 li a:hover .txt h3{ color: #509e2f; } @media(min-width:481px){ .PicList002735 li{float: left;} } @media(min-width:769px){ .PicList002735 li{width:30%; } .PicList002735 li:not(:nth-child(3n)){margin-right:5%;} } @media(min-width:481px) and (max-width:768px){ .PicList002735 li{width: 48%; } .PicList002735 li:not(:nth-child(2n)){margin-right: 4%;} } .PicList002735 dl{text-align: center; font-size: 0;} .PicList002735 dd{display: inline-block;margin-bottom:4%;} .PicList002735 dd a{display: block;border:1px solid #dcdcdc;position: relative;padding: 2vw; transition: 0.3s; background: #fff;} .PicList002735-1 dd a::before{content: '';position: absolute;top: 30px;right: 30px;width: 16px;height: 16px;background: url(../images/r.png)no-repeat center;} .PicList002735 dd aside{font-size: 15px; line-height: 28px; height: 56px; text-align: center; margin-top: 1.2vw;color: #333;} .PicList002735 dd .Ispic{background-size: contain;padding-bottom:100%;} .PicList002735 dd a:hover{border-color: #509e2f;} @media(min-width:769px){ .PicList002735 dd{width: 29.127%; } .PicList002735 dd:not(:nth-child(3n)){margin-right: 6.3095%;} .PicList002735 dd:last-child{margin-right: 0;} } @media(max-width:768px){ .PicList002735 dd{width: 48%; } .PicList002735 dd:not(:nth-child(2n)){margin-right: 4%;} .PicList002735 dd aside{font-size: 16px;} .PicList002735 dd a:after{width: 7vw;height: 7vw;background-size: auto 50%;} .PicList002735 dd:last-child{margin-right: 0;} } @media(max-width:480px){ .PicList002735 dd aside{font-size: 14px;line-height: 20px; height: 40px;} } /*PicList001964*/ .PicList001964{ padding:3% 0 0;} .PicList001964 .listtit{ text-align: center; } .PicList001964 .listtit:after{margin-left: auto; margin-right: auto;} .PicList001964 li{ float:left; width:31%; margin:0 3.5% 3.5% 0; border-radius:0 20px; box-shadow:0 0 5px rgb(0,0,0,0.2); background: #fff; overflow: hidden; position: relative;} .PicList001964 li:nth-child(3n){ margin-right:0;} .PicList001964-1{ padding: 3% 0;} .PicList001964-1 ul{ font-size: 0; text-align: center;;} .PicList001964-1 li{ float:none; width:48%; margin:0 4% 4% 0; font-size: 14px; display: inline-block; text-align: left;} .PicList001964-1 li:last-child, .PicList001964-1 li:nth-child(2n){ margin-right:0;} .PicList001964 li .pic{overflow: hidden;} .PicList001964 li figure{ padding-bottom:118.28%; background-size:cover; background-color:#fff;} .PicList001964 li figure img{ display:none;} .PicList001964 li .h3{ font-size: 18px; padding:24px; margin: 0; text-align: center; font-weight: normal; color: #333;;} .PicList001964 li .hover{ position:absolute; left:0; right:0; bottom:0; z-index:10; transition:0.3s; color:#fff; height: 0; overflow: hidden; background: -moz-linear-gradient(45deg, rgba(80,158,47,1) 0%, rgba(35,172,56,0.4) 100%); background: -webkit-linear-gradient(45deg, rgba(80,158,47,1) 0%,rgba(35,172,56,0.4) 100%); background: linear-gradient(45deg, rgba(80,158,47,1) 0%,rgba(35,172,56,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#509e2f', endColorstr='#6623ac38',GradientType=1 ); } .PicList001964 li:hover .hover{height: 100%;} .PicList001964 li .txt{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);} .PicList001964 li h1{ margin:0;color:#fff; font-size:20px;line-height:22px; font-weight:normal; padding-bottom:5px;} .PicList001964 li p{ line-height:28px;margin:0; color:#fff; padding-top:12px; margin-top:12px; border-top: 1px dashed #eaeaea; font-size:15px; position:relative; padding-left:74px;} .PicList001964 li .con{ height:150px; overflow-y:auto;} .PicList001964 li .con::-webkit-scrollbar{width:2px; height:100%;} .PicList001964 li .con::-webkit-scrollbar-track{ background: rgba(255,255,255,0.2); border-radius:2px;} .PicList001964 li .con::-webkit-scrollbar-thumb{ background: #589000; border-radius:10px;} .PicList001964 li .con::-webkit-scrollbar-thumb:hover{background: #589000;} .PicList001964 li .con::-webkit-scrollbar-corner{background: #589000;} .PicList001964 li i{ font-style: normal; position: absolute; left: 0; top:12px;} .PicList001964 li p span{ color: #fff;} .PicList001964 li p a{ font-style:normal; background:#fff; font-size:14px; border-radius:27px; padding:0 24px; margin-left:5px;color:#58b530; display: inline-block; text-align: center; margin-bottom: 5px;} @media(max-width:1000px){ .PicList001964 li{ width:32%; margin-right:2%;} } @media(max-width:1000px) and (min-width:641px){ .PicList001964 li:nth-child(4n){ margin-right:2%;} .PicList001964 li:nth-child(3n){ margin-right:0;} } @media(max-width:768px){ .PicList001964-1 li, .PicList001964 li{ width:49% !important; margin-right: 2% !important;} .PicList001964 li:nth-child(2n){ margin-right:0 !important;} } @media(max-width:480px){ .PicList001964 li{ float:none; width:auto; margin-right:0; margin-bottom:30px;} } /*Other002539 */ .Other002539{ position:fixed; z-index:200; right:4%; padding: 10px; background: rgba(255,255,255,0.8);box-shadow: 0 0 5px #ccc;border-radius: 0 20px;} .Other002539 .h2{margin-top: 0; font-size: 16px; text-align: center; color:#666; font-weight: normal;} .Other002539 ul li{ position:relative; float: left;} .Other002539 ul li+li{ margin-left:6px;} .Other002539 ul li figure{ position:absolute; top:60px; right:50%;margin-right: -22.5px; background:#509e2f; display:none;} .Other002539 li figure{ width:150px; padding:10px;} .Other002539 li figure img{ display:block; width:100%;} .Other002539 li figure span{ display:block; color: #fff; font-size: 14px; text-align: center; margin-top: 6px;} .Other002539 .icon{ display:block; width:48px; height:48px; background:url(../images/Other002539-icon.png) no-repeat left top #509e2f; border-radius: 0 10px;} .Other002539 li:hover .icon{ border-radius:6px;} .Other002539 .li_jd .icon{ background-position:0 -48px;} .Other002539 .li_xcx .icon{ background-position:0 -96px;} @media(max-width:1440px){ .Other002539{ right:10px;} } @media(min-width:1025px){ .Other002539{ top:50%; transform:translateY(-50%);} .Other002539 ul{ display:block !important;} .Other002539 .icon.open{display:none;} .Other002539 .li_tel figure::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;} } @media(max-width:1024px){ .Other002539{display:none;} } /*Timeline002853*/ .Timeline002853 {padding:4.5% 0 9.5%;color:#666;background-size: cover} .Timeline002853 .about_name { padding-bottom: 6%; margin:0; font-size: 36px; color: #fff; text-align: center;} .Timeline002853 .slider-nav { position: relative;} .Timeline002853 .slider-nav ul { position: relative;} .Timeline002853 .slider-nav ul:after { position: absolute;content:'';width:100%;height:1px;bottom:19.5px;left:0;background:#ddd;} .Timeline002853 .slider-nav li { color: #fff; position: relative; padding-bottom: 20px;margin-bottom: 20px;font-weight: bold;font-size: 38px; text-align: center; cursor: pointer;} .Timeline002853 .slider-nav li:after { position: absolute;content:''; width: 26px; height: 26px;bottom:0;left:50%;margin-left:-13px;margin-bottom:-13px;background:url("../images/slider-nav-after.png") no-repeat center;} .Timeline002853 .slider-nav li.slick-current:after { background:url("../images/slider-nav-after_on2.png") no-repeat center;} .Timeline002853 .slider-nav .slick-arrow { position: absolute;width: 42px; height: 83px;bottom:-20px;border:0;text-indent: 1000em; cursor: pointer; overflow: hidden;} .Timeline002853 .slider-nav .slick-arrow.slick-prev { left:-72px;background: url("../images/slick_prev.png") no-repeat center;} .Timeline002853 .slider-nav .slick-arrow.slick-next { right:-72px;background: url("../images/slick_next.png") no-repeat center;} .Timeline002853 .slider-nav li.slick-current span{ color:rgba(255,255,255,0.8);} .Timeline002853 .slider-for { width: 100%; margin:0 auto; padding-top: 50px;color:#fff;} .Timeline002853 .slider-for .year { width: 21.66%; font-size: 60px; height: 150px; font-weight: bold; text-align: center;background:#509e2f;} .Timeline002853 .slider-for .info { padding:0 40px;background:#fff;} .Timeline002853 .slider-for .info .pic { display: table-cell; width: 18%;vertical-align: middle;} .Timeline002853 .slider-for .info .text { display: table-cell; padding-left: 0px;font-size: 18px; line-height: 32px; color: #666666;vertical-align: middle;} @media(max-width:1440px){ .Timeline002853 .auto_1400 {padding: 0 7%;} } @media(max-width:768px){ .Timeline002853 .slider-nav li { font-size: 20px;} .Timeline002853 .slider-nav .slick-arrow { width: 21px; height: 41px;bottom:0} .Timeline002853 .slider-nav .slick-arrow.slick-prev { left: -20px;background-size:contain;} .Timeline002853 .slider-nav .slick-arrow.slick-next { right: -20px;background-size:contain;} .Timeline002853 .slider-for .ytable { display: block;} .Timeline002853 .slider-for .year , .Timeline002853 .slider-for .info , .Timeline002853 .slider-for .info .pic, .Timeline002853 .slider-for .info .text { display: block; width: 100%;} .Timeline002853 .slider-for .year { height: 40px;font-size: 30px;} .Timeline002853 .slider-for .info { padding: 30px 20px;} .Timeline002853 .slider-for .info .pic { text-align: center; margin-bottom: 20px;} .Timeline002853 .slider-for .info .text { padding-left: 0; font-size: 15px;} } .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;} .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;} .tzzll{padding: 4% 0; text-align: center;} .tzzll .listtit{ text-align: center;} .tzzll .listtit:after{margin-left: auto; margin-right: auto;} .tzzll .main{ display: inline-block; margin: 0 auto; text-align: left;} .wmdls{padding:4% 0;} .wmdls .listtit{ text-align: center;} .wmdls .listtit:after{margin-left: auto; margin-right: auto;} .wmdls .pic{text-align: center; padding: 50px;background: #fff; border-radius: 0 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; } /*Floor002070 */ .Floor002070{ padding:4% 0; } .Floor002070 .listtit{ text-align: center;} .Floor002070 .listtit:after{margin-left: auto; margin-right: auto;} .Floor002070 .item{ position:relative;padding: 1px; } .Floor002070 .item a{display: block;border:1px solid #dcdcdc;position: relative;padding:2vw; transition: 0.3s; background: #fff; } .Floor002070 .item aside{font-size:15px;color: #333; text-align: center; margin-top:1.5vw;} .Floor002070 .item .Ispic{background-size: contain;padding-bottom:100%; background-repeat: no-repeat; background-position: center;} .Floor002070 .item a:hover{border-color: #509e2f;} .Floor002070 .owl-dots{display: block;} .Floor002070 .owl-nav{ display:block;} .Floor002070 .owl-nav button{ font-size:0; width:50px; height:50px; border:none; position:absolute; top:50%; margin-top:-25px; background:none; cursor:pointer; padding:0;} .Floor002070 .owl-nav button.owl-prev{ left:-80px;} .Floor002070 .owl-nav button.owl-next{ right:-80px;} .Floor002070 .owl-nav button::before{ position:absolute; content:''; width:60%; height:60%; border-top:5px solid #dedede; border-right:5px solid #dedede; top:30%; left:30%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor002070 .owl-nav button.owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002070 .owl-nav button:hover::before{ border-color: #509e2f;} .Floor002070 .owl-dots{ display:none; width: 100%; text-align: center; font-size: 0; margin-top: 3%; } .Floor002070 .owl-dots>button{ display: inline-block; margin:0 5px; border: none;padding: 0;} .Floor002070 .owl-dots>button >span{ display: block; width: 14px; height: 14px; border-radius: 50%; background:#d2d2d2;} .Floor002070 .owl-dots>button.active >span{ background: #509e2f;} @media(max-width:768px){ .Floor002070 .owl-carousel{ padding:0 50px;} .Floor002070 .owl-nav button.owl-prev{ left:0;} .Floor002070 .owl-nav button.owl-next{ right:0;} .Floor002070 .item a:after{width: 7vw;height: 7vw;background-size: auto 50%;} } /*Floor002070 */ .Floor002071{ padding-bottom:4%; } .Floor002071 .listtit{ text-align: center;} .Floor002071 .listtit:after{margin-left: auto; margin-right: auto;} .Floor002071 .item{ position:relative;padding: 1px; } .Floor002071 .item a{display: block;border:1px solid #dcdcdc;position: relative;padding:2vw 2vw 3vw; transition: 0.3s; background: #fff; } .Floor002071 .item aside{font-size:15px;color: #333; text-align: center; margin-top:1.5vw;} .Floor002071 .item .Ispic{background-size: contain;padding-bottom:100%; background-repeat: no-repeat; background-position: center;} .Floor002071 .item a:hover{border-color: #509e2f;} .Floor002071 .owl-dots{display: block;} .Floor002071 .owl-nav{ display:block;} .Floor002071 .owl-nav button{ font-size:0; width:50px; height:50px; border:none; position:absolute; top:50%; margin-top:-25px; background:none; cursor:pointer; padding:0;} .Floor002071 .owl-nav button.owl-prev{ left:-80px;} .Floor002071 .owl-nav button.owl-next{ right:-80px;} .Floor002071 .owl-nav button::before{ position:absolute; content:''; width:60%; height:60%; border-top:5px solid #dedede; border-right:5px solid #dedede; top:30%; left:30%; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .Floor002071 .owl-nav button.owl-prev::before{transform:rotate(-135deg); -webkit-transform:rotate(-135deg);} .Floor002071 .owl-nav button:hover::before{ border-color: #509e2f;} .Floor002071 .owl-dots{ display:none; width: 100%; text-align: center; font-size: 0; margin-top: 3%; } .Floor002071 .owl-dots>button{ display: inline-block; margin:0 5px; border: none;padding: 0;} .Floor002071 .owl-dots>button >span{ display: block; width: 14px; height: 14px; border-radius: 50%; background:#d2d2d2;} .Floor002071 .owl-dots>button.active >span{ background: #509e2f;} @media(max-width:768px){ .Floor002071 .owl-carousel{ padding:0 50px;} .Floor002071 .owl-nav button.owl-prev{ left:0;} .Floor002071 .owl-nav button.owl-next{ right:0;} .Floor002071 .item a:after{display: none;} } /*TextList002855 */ .TextList002855{ padding-top:4%; } .TextList002855 .listtit{ text-align: center;} .TextList002855 .listtit:after{margin-left: auto; margin-right: auto; margin-bottom: 10px;} .TextList002855 li{line-height: 4.5625em; border-bottom: 1px dotted #d6d6d6;} .TextList002855 li time{float: right;color: #c8c8c8; margin-left: 15px; font-size: 14px;} .TextList002855 li a{padding-left: 30px; background: url("../images/TextList002855_icon.png") no-repeat left center;} .TextList002855 li:hover a{color: #509e2f;} @media(min-width:481px){ .TextList002855 li{font-size: 16px;} } /*TextList002855 */ .TextList002856{ padding-top:4%; } .TextList002856 .listtit{ text-align: center;} .TextList002856 .listtit:after{margin-left: auto; margin-right: auto;} .TextList002856 li{padding:20px; margin-bottom:2%;font-size: 18px; box-shadow:0 0 8px rgba(0, 0, 0, 0.12);border-radius: 0 10px;overflow: hidden; background: #fff;} .TextList002856 li time{float: right;color: #c8c8c8; margin-left: 15px; font-size: 14px;} .TextList002856 li:hover time, .TextList002856 li:hover a{color: #fff;} .TextList002856 li:hover{background:#509e2f; } @media(min-width:481px){ .TextList002856 li{font-size: 16px;} } /*悬浮*/ .suspension{display: none;position: fixed;right: 2%;top: 50%;transform: translateY(-50%);z-index: 100} .suspension a:before{display: inline-block;content: '';width: 16px;height: 16px;margin-right: 5px;background-image: url('../images/suspension.png');vertical-align: middle;} .suspension a{display: inline-block;padding: 10px 15px;border-radius: 36px;background-color: #509e2f;} .suspension a:hover{background-color: #007f37;} .suspension a span{display: inline-block;font-size: 16px;color: #fff;vertical-align: middle;} /* 手机公司公告 */ .mian_wap{ max-width:640px; margin:0 auto;} .wap_tit{ margin-bottom:30px; text-align: center; font-size:28px; color: #09733a; position: relative;} .wap_tit::before{ content:''; display: block; width:1em; height:2px; position: absolute; left:45%; bottom:0; transform:translateX(-50%); background:#e6b132;} .wap_tit::after{ margin:10px auto 0; content: ''; display: block; height:2px; width:3em; background:#e3e3e3;} .wap_con{ background:#f6f6f6; padding:30px 4% 50px;} .wap_con .Page002737 .Pages .p_page a.a_prev{ float: left;} .wap_con .Page002737 .Pages .p_page em{ display:inline-block; vertical-align:middle;} .wap_con .Page002737 .Pages .p_page a.a_next{ float: right;} .wap_con .Page002737 .Pages .p_page a.a_next, .wap_con .Page002737 .Pages .p_page a.a_prev{ background-size:20px;} .wap_list li{ margin-bottom:15px; background:#fff; padding:20px; border-radius:5px; overflow: hidden; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);} .wap_list li .icon{ margin-right:10px; background:#edf5ea url(../images/gonggao.png) no-repeat center; width:31px; height:31px; background-size:50%; border-radius:5px; overflow: hidden;} .wap_list li .text{ width:calc(100% - 41px);} .wap_list li .text .wz{ margin-bottom:5px; font-size:16px; color:#000;} .wap_list li a{ display: flex; align-items:center;} .wap_list li .tiem{ font-size:14px; color:#555555;} .TextList002243{padding: 3% 0;} .TextList002243 li{padding: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.5); border-radius: 0 20px;} .TextList002243 li+li{margin-top: 20px;} .TextList002243 .pic{text-align: center;} .TextList002243 .pic img{display: block; width: 100%; max-width: 140px; margin: 0 auto 20px;} .TextList002243 .pic p{font-size:15px; color: #666; line-height: 1.75;} .TextList002243 .info .tit{font-size:24px; color:#09733a; font-weight: bold;} .TextList002243 .info .tit:after{ content: ""; display: block; width: 40px; border-bottom: 1px solid #509e2f; margin:18px 0 24px;} .TextList002243 .info dd{font-size: 16px; line-height:1.75; padding:15px 0; padding-left:40px; background-size: auto 20px; background-repeat: no-repeat; background-position: left 20px;} .TextList002243 .info dd+dd{border-top:1px dashed #ccc;} .TextList002243 .info dd:nth-child(1){background-image: url(../images/TextList002243-01.svg);} .TextList002243 .info dd:nth-child(2){background-image: url(../images/TextList002243-02.svg);} .TextList002243 .info dd:nth-child(3){background-image: url(../images/TextList002243-03.svg);} @media(min-width:769px){ .TextList002243 li{padding:3vw;} .TextList002243 li+li{margin-top:3%;} .TextList002243 .info{padding-right:3vw;border-right: 1px solid #eaeaea;} .TextList002243 .pic{width:35%; padding-left:3vw;} .TextList002243 .info dd{font-size: 18px;} } @media(max-width:768px){ .TextList002243 .ytable, .TextList002243 .ytable-cell{display: block;} .TextList002243 .pic{margin-top: 30px;} }