@charset "utf-8"; /* CSS Document */ /*--------------- 鎬讳綋 ---------------*/ body{ position:relative; width:100%; font-family: "寰蒋闆呴粦"; font-size: 14px; background:#fff; color:#777; overflow-x:hidden; } .en { position:relative; width:100%; font-family: "Arial"; background:#fff; color:#777; overflow-x:hidden; } a { text-decoration:none; } h3, h4, h5 { font-weight:normal; } .cl{clear: both} .blank20{height:20px; line-height: 20px; clear: both; overflow: hidden} .blank60{height:60px; line-height: 60px; clear: both; overflow: hidden} .wrapper{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper-sub{width:1200px; overflow: hidden;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper-sub2{width:1200px;margin: 0 auto;padding: 0; height:auto; position: relative;} .wrapper2{width:1200px;margin: 0 auto;padding: 0; height:auto;position: absolute;left: 0;top: 0;right: 0} .mt50{margin-top: 50px;} .mt70{margin-top: 70px;} img{vertical-align: middle} .fl{float: left;} .fr{float: right;} header{width: 100%;height:auto;overflow:hidden;position: relative;} .itop{width:100%;margin:0 auto;padding:0;text-align: center;position: absolute;left: 0;top: 0;right: 0;z-index: 999;} .isearch{height:40%;overflow: hidden;width:46%;padding: 0 2%;margin-top: 30px; float: right;} .isearch form{height:40px;line-height:40px;position: relative;margin:0px auto;border-radius:3px; width:360px;float: left;background:#fff;} .isearch input[type=text]{text-indent: 1.5em; position: relative;border: 0;height:40px;line-height:40px;width: 85%;float: left;background:none;color:#333;font-size:16px;} .isearch input[type=submit]{position: absolute;right:15px;top:6px;background: url("../images/jy-search-ico.png") center center no-repeat;width:25px;height:25px;border: 0;cursor: pointer;-webkit-appearance : none ;} .isearch input::-webkit-input-placeholder{ color:#555; } .isearch input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#555; } .isearch input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#555; } .isearch input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#555; } .lan{float: right;margin-top: 10px;} .lan a{color: #7ddea9;font-size: 18px;display: inline-block} .lan a:nth-child(1):after{content: "";margin: 0 10px;display: inline-block;vertical-align: middle;margin-bottom: 3px;height: 20px;width: 2px;background: #7ddea9;} .lan a:hover{color: #fff;} .lan a.active{color: #fff;} .h-g-wz{clear: both;width:47%;text-align: left;position: absolute;bottom:15%;right:0} .h-g-wz h2{width: 80%;color: #fff;font-size: 24px;line-height:40px;} .h-g-wz p{font-size: 16px;color: #7ddea9;width: 70%;line-height: 30px;margin-top: 10px;} .h-g-wz span{background: #026631;display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;float: left;color: #fff;font-size: 14px;margin-top: 20px;} .itop_r{float: right;position: absolute;right:30px;top:30px;} .itop_r_l{float: left;} .itop_r_l ul li {display: inline-block;font-size: 16px;color:#fff; margin:0 auto;text-align: center;padding:0 10px;position: relative;} .itop_r_l ul li:after{content: "|";display: inline-block;padding-left:20px;vertical-align: bottom;margin-bottom:0px;color: #a8c9f7} .itop_r_r{float: right;margin-left: 20px;} .itop_r_r a{font-size: 16px;color:#fff;display: inline-block;} .itop_r_r a:nth-child(1):after{display: inline-block;content: "|";color: #fff;font-size: 16px;margin: 0 7px;} .itop_r_r a:hover{color:#54a2e2 } .itop_r_r a.active{color:#54a2e2 } .itop_r_l ul li ul{display: none;position: absolute;left:-100%;right:0;top:30px;width: 300px;height: 40px;line-height: 40px; background: #051d32;z-index: 9999;} .itop_r_l ul li ul li{line-height: 40px;} .itop_r_l ul li ul li:after{content: "";padding-left: 0;} .itop_r_l ul li a{color:#a8c9f7;display:inline-block} .itop_r_l ul li:hover a{color: #fff} .itop_r_l ul li:hover ul li a{color: #fff;} .itop_r_l ul li:nth-child(5):after{content:"";} nav{width: 100%;height:60px;line-height:60px;text-align: center;background: #333333;} .nav_menu3, .nav_menu3 ul, .nav_menu3 #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 ul li { margin: 0; padding: 0; border: 0; list-style: none; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav_menu3 ul{position: relative;} .nav_menu3 #menu-button { margin-top: 100px; background: #F00; position: absolute; z-index: 99999; } .nav_menu3:after, .nav_menu3 > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .nav_menu3 #menu-button { display: none; } .nav_menu3 { width: 1200px; line-height: 1; margin: 0 auto; position: relative; z-index: 99999; } #menu-line { position: absolute; top: 0; left: 0; height: 3px; background: #990B2C; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } .nav_menu3 > ul > li { text-align: center;line-height:60px;float: left;width: 10%; } .nav_menu3 li:hover > ul { left:-20%; } .nav_menu3 li:hover > ul li:hover > ul{left: 0} .nav_menu3 li:hover > ul ul ul {left: 0} .nav_menu3.align-center > ul { font-size: 0; text-align: center; } .nav_menu3.align-center > ul > li { display: inline-block; float: none; } .nav_menu3.align-center ul ul { text-align: left; } .nav_menu3.align-right > ul > li { float: right; } .nav_menu3.align-right ul ul { text-align: right; } .nav_menu3 > ul > li > a { text-decoration: none; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; color: #fff; font-size: 18px; height: 60px; line-height: 60px; display: block; } .nav_menu3 > ul > li:hover { color: #a2cfb8; background: #1e1e1e; } .nav_menu3 > ul > li:hover > a{color: #a2cfb8;font-weight: bold;} .nav_menu3 > ul > li.active { color: #a2cfb8; background: #1e1e1e; } .nav_menu3 > ul > li.active > a{color: #fff;font-weight: bold;} .nav_menu3 > ul > li#nav-has-sub:hover > a::after { border-color: #990B2C; } .nav_menu3 ul ul { position: absolute; left: -9999px; top:60px; } .nav_menu3.align-right li:hover > ul { left:50%; } .nav_menu3 ul ul ul { margin-left: 100%; top: 0; } .nav_menu3.align-right ul ul ul { margin-left: 0; margin-right: 100%; } .nav_menu3 ul ul li { height: 0; -webkit-transition: height .2s ease; -moz-transition: height .2s ease; -ms-transition: height .2s ease; -o-transition: height .2s ease; transition: height .2s ease; } .nav_menu3 ul li:hover > ul > li { height: 50px; } .nav_menu3 ul ul li a { display: block; padding: 0 20px; height: 50px; line-height:50px; width: 130px; font-weight: bold; text-align: center; background: #2c5c42; text-decoration: none; color: #fff; -webkit-transition: color .2s ease; -moz-transition: color .2s ease; -ms-transition: color .2s ease; -o-transition: color .2s ease; transition: color .2s ease; font-size: 16px; } .nav_menu3 ul li:nth-child(3) ul li a{width: 170px;} /*.nav_menu3 ul li:nth-child(1) ul li a{width: 176px;} .nav_menu3 ul li:nth-child(2) ul li a{width: 176px;} .nav_menu3 ul li:nth-child(3) ul li a{width: 90px;} .nav_menu3 ul li:nth-child(3) ul li ul li a{width:200px;} .nav_menu3 ul li:nth-child(4) ul li:nth-child(3):hover ul{display: none} .nav_menu3 ul li:nth-child(2) ul li:nth-child(5):hover ul li a{width: 176px;} /*.nav_menu3 ul li:nth-child(5) ul li a{width: 115px;}*/ .nav_menu3 ul ul li:hover > a, .nav_menu3 ul ul li a:hover { color: #ececec; background: #333; } .nav_menu3 ul ul li:hover ul li a{background: #ececec;color:#333} .nav_menu3 ul li:hover ul li:hover.menu333:after {content:"";background:url("../images/nav-arrow-r.png") center center no-repeat;color: #1484c7; position: absolute;right: 0px;top: 30%;margin-right: 0px; display: inline-block;text-align: right;width: 9px;height: 20px;} .device { width: 100%; float: left; margin:0 auto; height: auto; position: relative; } .swiper-container { width: 100%;height: 100%;} .pagination { display: block; position: absolute; left: auto !important; right: 20%; text-align: right; bottom: 30px !important; width: 100%; z-index: 99999 } .swiper-pagination-bullet{ display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #fff; margin: 0 10px !important; cursor: pointer; opacity:1; } .swiper-slide img{width:100%;height:100%} .swiper-pagination-bullet-active{ background: #a2d4b7;} .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {background-image:url(../images/arrow_l.png);width:32px;height:60px;left:0;top:50%;background-size: 100% 100%;} .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url(../images/arrow_r.png);width: 32px;height: 60px;left: auto;right:0;top:50%;background-size: 100% 100%;} .h-green{background:rgba(0,129,60,0.9);width:45%;padding: 3% 2.5%; float:right;height: 100%;right: 0;top: 0;z-index: 999} .ilogo{float: left;margin-top: 30px;} .ilogo img:nth-child(1){width:65px;height:65px;display: inline-block;margin-right: 10px;} .plogo{float: left;display: none} .plogo img:nth-child(1){width:65px;height:65px;display: inline-block;margin-right: 10px;} .part01{background: #f0f0f0;width: 100%;height: auto;overflow: hidden;padding:40px 0} .index-title {width: 100%;position: relative;height: auto;overflow: hidden} .index-title h2{font-size: 24px;color: #007837;width: 340px;float: left;vertical-align: top;display: inline-block} .index-title h2:before{content: "";background: url("../images/index-ico01.png")center center no-repeat;width: 34px;height: 34px;display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 3px;} .index-title h2 b{color: #9e9e9e;font-size: 16px;text-transform: uppercase;display: inline-block;margin-left: 10px;font-weight: normal} .index-title span:before{width:calc(100% - 450px);border-top: #d1d1d1 1px solid;height: 1px;display: inline-block; content: "";position: absolute;left:315px;top:18px} .index-title span{display:inline-block;float:right;width: 100px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #007837;border-radius:5px;margin-top: 5px;} .xy h2:before{content: "";background: url("../images/index-ico02.png")center center no-repeat;} .xy span:before{content: ""; width:calc(100% - 410px);left: 285px} .jyjx{margin-top:20px;} .jyjx h2:before{content: "";background: url("../images/index-ico03.png")center center no-repeat;} .jyjx h2{width:370px;} .jyjx span:before{content: ""; width:calc(100% - 505px);left: 385px} .zsjy h2:before{content: "";background: url("../images/index-ico04.png")center center no-repeat;} .links h2:before{content: "";background: url("../images/index-ico05.png")center center no-repeat;} .zsjy h2{width:390px;} .zsjy span:before{content: ""; width:calc(100% - 545px);left: 405px} .part01-l{margin-top: 20px;} .part01-l ul li{width: 49%;float: left;margin-top: 2%;} .part01-l ul li:nth-child(even){float: right;} .part01-l ul li em:before{content: "";height: 10px;background: #a3c8b4;width:20px;position: absolute;right:20px;top:-10px;} .part01-l ul li em{width: 90px;height:85px;border-top: #1b3047 10px solid;text-align: center;background: #efefef;display: block;float: left;font-size: 20px;color: #444;padding-top: 10px;position: relative;background: #fff;} .part01-l ul li em strong{display: block;font-size:38px;color: #444;} .part01-l ul li h2{float: right;width:calc(100% - 140px);background: #fff;height:65px;padding:20px;font-size: 18px;color:#333;line-height: 30px;} .part01-l ul li:hover h2{color: #007837;font-weight:500;} .part02{margin-top: 30px;} .part02-l{float: left;margin-top: 30px;position: relative;width:33.3%;height: 280px;} .part02-l img{position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;} .part02-l i{display: block;background: rgba(0,0,0,0.4);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;} .part02-l .part02-l-z{width: 90%;margin: 0 auto;bottom:20px;left: 0;right: 0;position: absolute;z-index: 3;} .part02-l .part02-l-z h2{font-size: 16px;color: #fff;line-height: 28px;height:56px;} .part02-l .part02-l-z p{font-size: 14px;color: #cfcfcf;float: left;margin-top: 10px;} .part02-l .part02-l-z span{background: #007837;width: 70px;height: 30px;line-height: 30px;text-align: center;display: block;float: right;color: #fff;border-radius: 5px} .part02-r{float: right;width: 60.5%;margin-top: 20px;} .part02-r ul li{width: 46%;padding-right: 4%;float: left;margin-top:2.5%;padding-bottom:1%;margin-bottom: 1%;position:relative} .part02-r ul li:nth-child(3):before{content: ""; border-top: #ddd 1px solid;width: 100%;display: block;position: absolute;top:-15px;left:0 } .part02-r ul li:nth-child(4):before{content: ""; border-top: #ddd 1px solid;width: 100%;display: block;position: absolute;top:-15px;left:0} .part02-r ul li:nth-child(even){width: 45%;padding-left: 4%;padding-right: 0;border-left: #ddd 1px solid;} .part02-r ul li h2{font-size: 16px;color: #111;line-height: 28px;} .part02-r ul li h3{font-size: 14px;color: #999;margin-top: 5px;} .part02-r ul li p{font-size: 14px;color: #555;float: left;margin-top: 15px;} .part02-r ul li span{line-height: 30px;text-align: center;display: block;float: right;color: #007837;border-radius: 5px;margin-top: 10px;} .part03{background: url("../images/jy-da-bg.jpg")bottom center no-repeat;height: 413px;width: 100%;background-position: 100% 100%;padding-top: 20px;} .part03-l ul li{width:38%;margin-top:4%;padding: 20px 2.5% 20px 6.5%;text-align: center;float: left;background:url("../images/jy-bg.jpg") center center no-repeat;background-position: 100% 100%;height: 70px;} .part03-l ul li:nth-child(even){float: right;} .part03-l ul li i{display: inline-block;background:url("../images/jy-ico01.png")center center no-repeat;width: 62px;height: 62px;float: left;} .part03-l ul li:nth-child(2) i{background:url("../images/jy-ico02.png")center center no-repeat;} .part03-l ul li:nth-child(3) i{background:url("../images/jy-ico03.png")center center no-repeat;} .part03-l ul li:nth-child(4) i{background:url("../images/jy-ico04.png")center center no-repeat;} .part03-l ul li h2{font-size: 30px;color: #fff;} .part03-l ul li p{font-size: 18px;color: #7addab;text-transform:uppercase;margin-top:5px;} .part04{width: 100%;margin:40px auto;height: auto;position:relative} .part04-bt{background:url("../images/fc-bg.jpg")center center no-repeat;width: 100%;height:500px;text-align: center;overflow: hidden;float: left;} .part04-bt h2{font-size:52px;color: #fff;width: 35%;margin: 20% auto 0 auto;} .part04-bt p{font-size:20px;color: #fff;text-transform:uppercase;line-height: 30px;margin: 0 auto;display: block;margin-top:10px;} .part04-bt span{width: 155px;height: 40px;line-height: 40px;text-align: center;border: #fff 1px solid;border-radius: 5px;margin: 25% auto 0 auto;font-size: 18px;color: #fff;display: block} .part04-l{float: left;width: 380px;height: auto;overflow: hidden;} .part04-r{float: right;width: 790px;height: auto;overflow: hidden;} .part04-k{width: 100%;height: 235px;margin-top:30px;position: relative;float: left;background: #fff;} .part04-k img{position: absolute;left: 0;top: 0;object-fit: cover;width: 100%;height: 100%;overflow: hidden} .part04-k span{background: rgba(0,0,0,0.3);width: 100%;height: 100%;left:0;top:0;position: absolute} .part04-k div{position: absolute;bottom:25px;left: 25px;} .part04-k div h2{color: #fff;font-size:18px;margin-top: 10px;} .part04-k div p{font-size: 16px;color: #fff;} .item1{width:100%;height: 235px;margin-top: 0;} .item2{width: 100%;height: 235px;} .item3{width: 100%;height: 235px;} .item4{width: 380px;height: 500px;float: right;} .part05-l{margin: 40px auto;width: 100%;height: auto;overflow: hidden} .part05-l ul li{width: 33.3%;display: inline-block;float: left;text-align: center;padding: 15px 0;height: 280px;} .part05-l ul li div{width: 60%;margin: 0 auto;} .part05-l ul li div i{font-style: normal;font-weight: bold;font-size:30px;color: #007837;} .part05-l ul li div i:after{content: "";display: block;width:50px;height: 3px;background: #e3e3e3;margin: 10px auto;text-align: center} .part05-l ul li div h2{font-size: 17px;line-height: 30px;color: #111;margin-top: 20px;height: 90px;} .part05-l ul li div p{font-size: 14px;color: #555;margin-top: 20px;} .part05-l ul li div span{background: #007837;width: 100px;height: 40px;line-height: 40px;text-align: center;color:#fff;font-size: 16px;border-radius: 5px;display: block;margin: 30px auto 0 auto;} .part05-l ul li:hover{background:url("../images/jiuye-bg.jpg")center center no-repeat;background-position:cover} .part05-l ul li:hover div i{color: #fff;} .part05-l ul li:hover div i:after{content: "";background: #389764;} .part05-l ul li:hover div h2{color: #fff;} .part05-l ul li:hover div p{color: #83c9a3} .part05-l ul li:hover div span{border: #fff 1px solid;background: none;} .part06{background: #f0f0f0;padding: 30px 0;width: 100%;height: auto;overflow: hidden} .part06-l{width:47%;float: left;border-right: #e3e3e3 1px solid;padding-right:1.5%;} .part06-r{width:48%;float: left;padding-left: 2%;} .part06-k ul li{;margin-right: 10px;display: inline-block;float: left;margin-top: 15px;} .part06-k ul li:before{content: "";width:7px;height:7px;background: #b5b5b5;display: inline-block;margin-right: 10px;border-radius: 50%;vertical-align: middle;margin-bottom: 3px;} .part06-k ul li a{color: #111;font-size: 16px;} .part06-k ul li:hover a{color: #488062} footer{background: #333;width: 100%;height: 250px;padding: 30px 0} .flogo{float: left;margin-top: 30px;} .flogo img:nth-child(1){width:65px;height:65px;display: inline-block;margin-right: 10px;} .f-nav{float: left;margin-left:80px;margin-top:30px;width: 190px;} .f-nav ul li{width: 50%;float: left;display:inline-block;line-height: 30px} .f-nav ul li a{color: #c6c6c6;font-size: 15px;} .f-nav ul li:hover a{color:#a2cfb8} .f-address{width: 370px;float: right;position: relative;margin-top: 30px;} .f-address ul li{width: 100%;line-height:26px;height: auto;overflow: hidden;margin-bottom:7px;} .f-address ul li i{display:inline-block;float: left;background: url("../images/foot-ico01.png")center center no-repeat;width: 12px;height: 12px;vertical-align: middle;margin-top: 7px;} .f-address ul li h2{color: #c6c6c6;display:inline-block;float: right;width: calc(100% - 20px);} .f-address img{position: absolute;bottom:10px;right: 0;} .f-address ul li:nth-child(2) i{background: url("../images/foot-ico02.png")center center no-repeat;} .f-address ul li:nth-child(3) i{background: url("../images/foot-ico03.png")center center no-repeat;} .f-address ul li:nth-child(4) i{background: url("../images/foot-ico04.png")center center no-repeat;} .ny .itop{position: static} .ny nav{border-top:#007837 5px solid;} .ny .isearch{margin-top: 10px;width: 40%;} .ny .isearch form{background: #eeeeee;} .ny .ilogo{margin-top: 0;} .ny header{padding: 30px 0} .ny .lan{margin-top: 5px;} .ny .lan a.active{color: #333;font-weight: bold;} .ny .lan a:nth-child(1):after{background: #007873;} .ny .lan a{color: #007873} .ny-banner{width: 100%;text-align: center;margin: 0 auto;padding: 0;position: relative} .ny-banner h2{font-size: 30px;color: #fff;display: inline-block} .ny-banner span{font-size: 30px;color: #b3ccbf;display:inline-block;margin-left: 10px;text-transform: uppercase} .ny-banner img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .ny-banner .wrapper{position:absolute;left: 0;right: 0;top: 45%;} .mbx{width: 100%;height: 50px;line-height: 50px;background: #ececec;} .mbx .mbx-z img{display: inline-block;margin-right: 10px;vertical-align: middle;margin-bottom: 3px;} .mbx .mbx-z a{margin: 0 5px;color: #333;font-size: 16px;} .list-l{float: left;width: 220px;margin:50px auto;text-align: center} .list-l .subNav{width: 100%;background: #f7f7f7;height: auto;overflow: hidden;border-bottom:#fff 1px solid} .list-l .subNav h2{float: left;width:100%;height: 50px;line-height: 50px;color: #333;font-size:18px;font-weight:550;} .list-l .subNav a{display: block;height: 50px;line-height: 50px;background: #e5e5e5;width: 100%;} .list-l .subNav:hover a{background: #dbeae2;cursor: pointer;color:#00421e;display: block} .list-l .subNav:hover h2{color: #00421e;background: #dbeae2;} .list-l .subNav:first-child{border-top: 0;} .list-l .currentDd a{background: #e5e8ed;} .list-l .currentDd h2{color: #00421e;background: #dbeae2;font-weight: bold;} .list-l .navContent{display:none;} .list-l .navContent li{width: 90%;height: 50px;line-height: 50px;background: #f3f3f3;color: #333;margin: 2px auto} .list-l .navContent li a{display: block;height: 50px;line-height: 50px;width: 100%;} .list-l .navContent li h2{float: left;width:100%;height: 50px;line-height: 50px;color: #333;font-size: 16px;} .list-l .navContent li:hover {background: #e7e7e7;width: 95%;} .list-l .navContent li:hover h2{color: #333;font-weight: bold;} .list-l .navContent li.active{background: #e7e7e7;} .list-l .navContent li.active h2{color: #333;font-weight: bold;} .list-r{float: right;width:calc(100% - 260px);height:auto;margin: 50px auto} .list-r-bt{font-size: 24px;color: #111;padding-bottom:20px;border-bottom: #ddd 1px solid;text-align: center;position: relative} .list-r-bt:after{height:4px;background:#ccc;content: "";width: 100px;margin: 0 auto;display: block;position: absolute;bottom: -2.5px;left: 0;right: 0;} .list-r .tea-z{width: 96%;margin:40px auto;} .list-r .tea-z ul li{height: 45px;line-height: 45px;text-align: center;width: 18.5%;margin-right: 1.875%;float: left;background: #9ec3af;color: #fff;font-size: 18px;} .list-r .tea-z ul li:nth-child(5){margin-right: 0;} .list-r .tea-z ul li:hover{background: #007837;} .list-r .tea-z ul li.active{background: #007837;} .list-r .tea-z ul li a{color: #fff;display: block} .list-r .tea-l{width: 96%;height: auto;overflow: hidden;margin: 0 auto;} .list-r .tea-l ul li{background: #f1f1f1;width:42%;padding:3% 2.5%;margin:0 1.5%; float: left;margin-top: 4%;height:200px;} .list-r .tea-l ul li img{width: 120px;height: 168px;float: left;} .list-r .tea-l ul li div{float: right;width: calc(100% - 140px);} .list-r .tea-l ul li div h2{font-size: 22px;color: #39634c;} .list-r .tea-l ul li div h3{font-size: 16px;color: #72907f;margin-top: 10px;} .list-r .tea-l ul li div p{color: #555;font-size: 14px;margin-top: 10px;} .list-r .tea-l ul li div p:before{display:none;content:"";background:#bebebe;width:5px;height:5px;display:inline-block;margin-right:8px;margin-bottom:3px;vertical-align: middle;border-radius:50%} .left-pp{display: none} .list-r .list-news {margin:30px auto} .list-r .list-news ul li{height: 50px;line-height: 50px;border-bottom: #ddd 1px solid;} .list-r .list-news ul li h2{float: left;width: 85%;color: #333;font-size:16px;} .list-r .list-news ul li h2:before{content: "";background: url("../images/list-l-ico.jpg")center center no-repeat;width: 16px;height:16px;display: inline-block;vertical-align: middle;margin-bottom: 3px;margin-right: 10px;background-position:100% 100%} .list-r .list-news ul li p{display: inline-block;width: 15%;float: right;text-align: right;color:#777} .list-r .list-news ul li:hover h2{color: #1d6c41;font-weight:bold;} .list-r .list-news ul li:hover p{color: #1d6c41} .list-r .list-news ul li:last-child{border-bottom: 0;} .list-r .list-news ul li:hover h2:beofroe{background-position: 100% 0;} .fck{margin: 50px auto;width: 96%;} .fck p,.fck div{line-height: 30px;color: #555;font-size: 16px;} .fck table{width:100% !important} .fck tr td{border:#ccc 1px solid !important;} .article-t{width: 100%;margin:30px;height: auto;overflow: hidden;text-align: center} .article-t h1{font-size: 24px;color: #111;} .article-t p{color: #777;margin-top: 10px;} .page{text-align:center;width: 100%;clear: both;height: auto;overflow: hidden;padding: 50px 0} .page table{width: 100%;text-align: center;margin:0 auto;display:inline;} .page td{font-size: 16px !important} .page td .PrevDisabled{font-size: 16px !important;border:0 !important; background: #2c5c42;color: #333 !important;} .page td span{ margin: 0 5px !important;padding: 8px 12px !important;background: #eee !important; color: #333 !important;font-size: 16px !important;border:0 !important;} .page td a{ margin: 0 5px !important;padding: 8px 12px !important;background: #ddd !important;color: #333 !important;font-size: 16px !important;border:0 !important;} .page td a:link{background: #eee !important; border:0 !important; font-size: 16px !important;} .page td a:visited{ background: #eee !important; border:0 !important; font-size: 16px !important;} .page td a:hover{background: #2c5c42 !important; border:0 !important; font-size: 16px !important;} .page td a:active{background: #2c5c42 !important; border:0 !important;font-size: 16px !important;} .page .this-page{background: #2c5c42 !important;color:#fff !important;} .p_pages { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:16px; } .page a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_no_d{ display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid;background:#2c5c42; color:#fff; } .page span{display:inline-block;} .p_fun_d { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_fun_d a { display:inline-block; margin:0 5px; padding:6px 12px; border:1px #eee solid; color: #111 } .p_fun_d:hover{ background:#2c5c42; color:#fff; } .p_fun_d a:hover,.p_fun_d.thisclass a { background:#2c5c42; color:#fff; } .ilxwm{width:94%;margin:0 auto} .ilxwm ul li img{vertical-align: middle;display: inline-block;width: 22px;height: 22px;margin-bottom: 3px;margin-right: 10px;} .ilxwm ul li{border-bottom: #ddd 1px solid;height: 40px;line-height: 40px;} .ilxwm ul li h2{font-size: 16px;color: #333;display:inline-block} .ld_mh{margin-top:25px;width:100%} .ld_mh h2:before{content:"";background:#697e72;width:6px;height:6px;display:inline-block;border-radius:50%;margin-right:10px;vertical-align:middle;margin-bottom:3px;} .ld_mh h2{color:#00411e;font-size:20px;font-weight:bold;float:left;width:100px;} .ld_mh span{float:right;display:inline-block;border-top:#ddd 2px solid;width:calc(100% - 110px);margin-top:13px;} .ld_zh h2{width:120px;} .ld_xs h2{width:170px;} .ld_zh span{width:calc(100% - 130px);} .ld_xs span{width:calc(100% - 180px);} .phone_nav{display: none} .phone_nav button { position: absolute;top:22px;right: 10px; display:inline-block; width:50px; height:24px; line-height:10px; } .phone_nav button span{ display: inline-block; margin: 2px 0; width: 100%; height: 5px; background: #007837;border-radius:5px;} #index_xiala li ul.menu_xiala {display:none; position:absolute; z-index:999999999; width:220px; padding:0; background:#fff;border: #ddd 1px solid;border-bottom: #fecb09 5px solid;} #index_xiala li ul.menu_xiala li { width:50%; float:left; background:#fff;border-top: #ddd 1px solid} #index_xiala li ul.menu_xiala li:nth-child(1){border-top: 0;} #index_xiala li ul.menu_xiala li:nth-child(2){border-top: 0;} #index_xiala li ul.menu_xiala li a{line-height:40px; height: 40px; color:#005187; font-size:14px;width:auto;} #index_xiala li ul.menu_xiala li a:hover{ background:none; color:#11456f;} .search{background:url(../images/search-j.png) center center no-repeat;width: 25px;height: 25px;background-size: 100% 100%;position: absolute;top:25px;right:80px;display: none;} .search2{background:url(../images/search-j.png) center center no-repeat;width: 25px;height: 25px;background-size: 100% 100%;position: absolute;top: 0px;right:60px} .right_nav {height: 40px;line-height: 40px;color: #fff;background: #007837;text-align: center;font-size: 18px;font-weight: bold;} .sj-nav {height: 100%;background: #333;position: fixed;right: -200px; top: 0; width: 200px;overflow: hidden;display: none;} .sj-nav #index_xiala li{height: 40px;line-height: 40px;text-align:center;border-bottom: #ddd 1px solid;} .sj-nav #index_xiala li a{color: #fff;} /*绾㈣壊*/ .party .left-gp{display: none} .party .left-pp{display: block} .party .ilogo{display: none} .party .plogo{display: block} .party .isearch input[type=submit]{background:url("../images/p-search-ico.png")center center no-repeat;} .party .ny-banner h2{color: #b30005} .party .ny-banner span{color: #b30005} .party header{background: #982525;} .party .isearch form{background: #fff;} .party .nav_menu3 > ul > li:hover > a{color:#e69e9e} .party nav{border-top: #454545 5px solid;} .party .nav_menu3 ul ul li a{background: #982525;} .party .list-l .subNav h2{background: #f7e5e5;} .party .list-l .subNav:hover h2{background: #f0c1c1;color:#451111} .party .list-l .currentDd h2{background: #f0c1c1;color:#451111} .party .f-nav ul li:hover a{color:#f0c1c1} .party .lan a{color: #ef8b8b} .party .lan a.active{color: #fff;} .party .lan a:nth-child(1):after{background: #fff;} .party .list-r .list-news ul li:hover h2{color: #b00913;font-weight:bold;} .party .list-r .list-news ul li:hover p{color: #b00913} .party .list-r .list-news ul li h2:before{content: "";background: url("../images/list-p-ico.jpg")center center no-repeat;background-position:100% 100%} .party .list-r .list-news ul li:hover h2:before{background-position:100% 0} .party .p_no_d{ background: #982525;} .party .page td .PrevDisabled{ background: #982525;} .party .page td a:hover{background: #982525 !important; } .party .page td a:active{background: #982525 !important;} .party .page .this-page{background: #982525 !important;} .party .p_fun_d:hover{ background:#982525; } .party .p_fun_d a:hover,.p_fun_d.thisclass a { background:#982525; } /*鑻辨枃*/ .en .nav_menu3 > ul > li{width:auto;padding:0 28px;} .en .nav_menu3 > ul > li > a{font-size: 16px} .en .nav_menu3 ul li:hover > ul {left:-20%;} .en .nav_menu3 ul li:nth-child(3):hover > ul {left:-30%;} .en .nav_menu3 ul li:nth-child(4):hover > ul {left:10%;} .en .nav_menu3 ul li:nth-child(5):hover > ul {left:-5%;} .en .index-title span:before{width:calc(100% - 360px);left:240px;content: ""} .en .xy span:before{width:calc(100% - 340px);left:210px;content: ""} .en .jyjx span:before{width:calc(100% - 435px);left:315px;content: ""} .en .zsjy span:before{width:calc(100% - 460px);left:345px;content: ""} .en .part04-bt h2{width:100%;text-transform:uppercase;font-size: 46px;} .en .part03-l ul li h2{margin-top: 15px;} .en .f-nav{display: none;} .en .ilogo img:nth-child(1){width:53px;height:44px;display: inline-block;margin-right:0;} .en .flogo img:nth-child(1){width:110px;height:44px;display: inline-block;margin-right:0;} @media screen and (max-width:1600px) { .pagination{right: 15%} } @media screen and (max-width:1440px) { .pagination{right: 10%} } @media screen and (max-width:1280px) { .h-g-wz h2{font-size: 20px;line-height: 30px;} .h-green{padding:0.5% 2.5%} .pagination{right: 5%} } @media screen and (max-width:1024px) { .wrapper {width: 96%;} .itop{position: static;padding: 20px 0} header .wrapper2{display: none} .device{height: auto !important} .swiper-container{display: none} .ilogo{margin-top: 0;} .isearch form{width: 60%;background: #e2e2e2;} .isearch{margin-top: 15px;z-index: 9999;} .lan{float: left;margin-left: 15px;display: none} .lan a{color: #007837} .lan a:nth-child(1):after{background: #007837;} .lan a.active{color: #333} .search{display: block} .phone_nav{display:block} nav{display: none} .isearch{position: absolute;top: 0;left: 0;width: 100%;margin-top: 0;height: auto;padding:0;float: none;display: none;} .isearch form{width: 100%;} .list-r{float: none;width:100%;} .list-l{float: none;} .party .phone_nav button span{background: #fff;} .party .search{background: url(../images/search-jw.png) center center no-repeat;background-size:contain;} } @media screen and (max-width:480px) { .ilogo img:nth-of-type(2){width: 85%;margin-top: 20px;} .index-title h2 b{display: none;} .index-title span{display: none;} .part01-l ul li{width: 100%;float: none;margin:20px auto;} .part01-l ul li h2{font-size: 14px;height: 115px} .part02-l{float: none;width: 100%;} .part02-r ul li{float: none;width:100%;margin:0 auto;padding-right: 0;height: auto;overflow: hidden;padding:2% 1% !important;} .part02-r ul li:nth-child(even){float: none;width:100%;margin:0 auto;padding-right: 0;height: auto;overflow: hidden;border:0;padding-left: 0;} .part02-r ul li span{margin-right:10px;} .part02-r{float: none;width:100%;} .part02-r ul li h2{width: 96%;margin:0 auto} .part03-l ul li{float: none;width: 94%;padding:20px 3%;overflow: hidden} .part03-l ul li i{display: none;} .part03{height: auto;background-size:cover;background:none;} .part03-l ul li p{font-size: 14px;} .part03-l ul li:nth-child(even){float: none;} .part04-l{width: 100%;float: none;} .part04-r{float: none;width: 100%;margin-top: 20px;} .part05-l ul li{float: none;width: 100%;} .part06-l{float: none;padding: 0;width:100%;border:0;height: auto;overflow: hidden} .part06-r{float: none;padding: 0;width:100%;border:0;margin-top: 20px;} .item4{width: 100%;height: 235px;float: none;} footer{height:auto} .flogo{text-align: center;float:none;margin-top: 0;} .flogo img:nth-of-type(2){margin-top: 25px;width: 90%;} .f-nav{display: none;} .f-address{width:100%;float: none;text-align: center} .f-address ul li{text-align: left} .f-address img{position: static;margin: 0 auto} .part04-k div{width:90%;left:10px; } .list-r .tea-l ul li{width: 94%} .list-r .tea-l ul li{float: none;} .list-r .tea-l ul li:nth-child(even){float: none;} .list-r .tea-l ul li div h2{font-size: 20px;} .ny header{padding: 0} .ny-banner{display: none;} .list-r .list-news ul li{height:auto;line-height: 28px;padding-bottom:15px;margin-bottom: 10px;overflow: hidden;} .list-r .list-news ul li h2{font-size: 14px;width:100%;float: none;} .list-r .list-news ul li h2:before{content: "";display: none;} .list-r .list-news ul li p{display: none} .article-t {margin:30px auto} .mbx .mbx-z a{font-size: 14px;} .page span{margin: 10px auto} .article-t h1{line-height: 40px;} .party .plogo img:nth-child(2){margin-top: 20px;} .ny .isearch{width:100%;} .party .right_nav{background: #982525;} .en .plogo img:nth-child(1){width:110px;height:44px;} .en .plogo{display:block} .en .ilogo{display:none;} .en .flogo img:nth-child(1){width:110px;height:44px;} .en .phone_nav button{top:6px;} .en .search{top:8px;} }