/**************************************/ /*************[公用start]**************/ /**************************************/ body{ min-width: 1220px; } div.clear{ clear: both; height: 0; width: 0; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1200px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ overflow: hidden; } .img-box img{ transition: .3s; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; /* ueco 时间曲线*/ width: 100%; max-width: 100%; } .img-box:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*图片中心放大代码区域*/ .container { width: 1200px !important; max-width: none !important; } /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ height: 208px; background-repeat: no-repeat; background-position: center; background-image: url(../images/header.jpg); } .header-1{ height: 142px; } .logo{ font-size: 0; margin-top: 12px; } .header-right{ width: 242px; } .header-1-a{ font-size: 14px; color:#fff; text-align: right; margin-top: 43px; } .search { position: relative; margin-top: 15px; } .search input[type="text"]{ width: 100%; height: 31px; line-height: 31px; background-color: #f4f4f4; border-radius: 30px; padding-left: 20px; padding-right: 40px; border:0; outline: none; } .search input[type="image"]{ position: absolute; right:10px; top: 8px; outline: none; } .nav{ background-image: url(../images/lv.png); } .nav ul.nav-ul{ margin: 0; } .nav ul.nav-ul>li{ float: left; width: 10%; text-align: center; position: relative; } .nav-xia{ margin: 0; position: absolute; left: 0; right: 0; background-image: url(../images/lv.png); top: 100%; display: none; z-index: 1000; } .nav-xia li a{ display: block; height: 35px; line-height: 35px; font-size: 14px; color:#fff; } .nav-xia li a:hover{ background-color: #21641d; } .nav ul.nav-ul>li>a{ display: block; height: 66px; line-height: 66px; font-size: 16px; color:#fff; } .nav ul.nav-ul>li:hover>a,.nav ul.nav-ul>li.active>a{ background-color: #21641d; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .main-index{ padding: 40px 0; } .title-11{ padding-bottom: 6px; border-bottom: 2px solid #2e7a29; } .title-11-title{ position: relative; } .title-11-title h1{ margin:0; font-size: 20px; color:#2e7a29; position: absolute; width: 200px; top: 4px; } .title-11-title h2{ margin:0; font-size: 18px; font-family:'Georgia' ; color:#999; } .title-11-title h2 span{ font-size: 48px; padding-right: 5px; text-transform: uppercase; } .title-11 .fr{ font-size: 14px; color:#2e7a29; margin-top:18px; } .title-11_1 .title-11-title h1{ left: 42px; } .title-11_2 .title-11-title h1{ left: 25px; } .title-11_3 .title-11-title h1{ left: 39px; } .title-11_4 .title-11-title h1{ left: 38px; } .m35{ margin-top: 35px; } .news-pic{ width: 362px; margin-right: 24px; } .fnews .slides>li{ position: relative; } .fnews .slides>li a{ display: block; height: 100%; position: relative; overflow: hidden; padding-bottom: 67.4%; } .fnews .slides>li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .fnews .slides>li a:hover img{ transform: scale(1.06,1.06); -moz-transform: scale(1.06,1.06); -webkit-transform: scale(1.06,1.06); -o-transform: scale(1.06,1.06); } .fnews .flex-control-nav{ display: block; font-size: 0; text-align: right; bottom: 16px; padding-right: 10px; width: 100%; margin-left: 0; left: 0; } .fnews .flex-control-nav li{ margin:0 3px; } .fnews .flex-control-paging li a{ width: 8px; height: 8px; } .fnews .slides>li h1{ position: absolute; margin:0; height: 40px; line-height: 40px; color:#fff; font-size: 14px; padding-left: 8px; padding-right: 100px; left: 0; right: 0; bottom: 0; background-image: url(../images/heidi.png); z-index: 50; } .news-con{ overflow: hidden; } .news{ margin-top: 21px; } .tuijian{ border-bottom: 1px solid #e2e2e2; } .tuijian h1{ margin:0; font-size: 18px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tuijian h1:hover{ color:#2e7a29; } .tuijian p{ margin:0; font-size: 14px; color:#666; line-height: 1.8; height: 50px; overflow: hidden; margin-top: 13px; } .tuijian-time{ padding: 11px 0 12px; font-size: 14px; color:#666; } .list1{ margin-top: 15px; } .list ul{ margin-bottom: 0; } .list li{ padding-left:15px; height: 35px; line-height: 35px; background-repeat: no-repeat; background-position: 0px center; background-image: url(../images/dian.jpg); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list li a{ font-size: 14px; color:#333; } .list li a:hover{ color:#2e7a29; } .list li span{ font-size: 13px; color:#999; margin-left: 20px; } .list2 li{ margin-top: 18px; } .list2 ul{margin-bottom: 0;} .date{ width: 61px; height: 71px; text-align: center; color:#fff; background-color:#2e7a29; border-radius: 8px; margin-right: 21px; } .date h1{ margin:0; font-size:30px; font-weight: bold; padding-top: 10px; padding-bottom: 5px; } .date h2{ margin:0; font-size:12px; } .tongzhi-con{ overflow: hidden; } .tongzhi-con h1{ margin:0; font-size: 16px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tongzhi-con h1:hover{ color:#2e7a29; } .tongzhi-con p{ margin:0; font-size: 14px; color:#666; line-height: 1.6; height: 44px; overflow: hidden; margin-top: 5px; } .m10{ margin-top: 10px; } .tutu-pic{ margin-top: 20px; position: relative; overflow: hidden; padding-bottom: 25%; } .tutu-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .tutu-pic:hover img{ transform: scale(1.06,1.06); -moz-transform: scale(1.06,1.06); -webkit-transform: scale(1.06,1.06); -o-transform: scale(1.06,1.06); } .tuan-list-wp{ margin-top: 21px; } .tuan-list .item h1{ font-size: 14px; color:#333; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 18px; } .tuan-list .item:hover h1{ color:#2e7a29; } .tuan-pic{ position: relative; overflow: hidden; padding-bottom:66.38%; } .tuan-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .tuan-pic:hover img{ transform: scale(1.06,1.06); -moz-transform: scale(1.06,1.06); -webkit-transform: scale(1.06,1.06); -o-transform: scale(1.06,1.06); } .tuan-list .owl-prev{ position: absolute; left: -40px; top: 48px; width: 26px; height: 48px; background-image: url(../images/left.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; } .tuan-list .owl-next{ position: absolute; right: -40px; top: 48px; width: 26px; height: 48px; background-image: url(../images/right.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ background-color: #2e7a29; padding: 30px 0 20px; } .foo-con{ padding-top: 20px; overflow: hidden;font-size: 14px; color:#fff; line-height: 2.2; } .er-pic { width: 114px; text-align: center; font-size: 12px; color:#fff; margin-left: 16px; } .er-pic img{ display: block; width: 100%; margin-bottom: 10px; } /**************************************************************/ /*footer-over*/ /*about*/ .erji{ padding: 50px 0; } .menu{ width: 170px; margin-right: 30px; } .erji-content{ overflow: hidden; } .menu-title{ height: 70px; line-height: 70px; background-color: #21641d; color:#fff; font-size: 22px; padding-left:29px; } .menu-list ul{ margin:0; background-color: #eeeeee; padding: 0 25px; } .menu-list li{ height: 52px; line-height: 51px; border-top: 1px solid #e2e2e2; padding: 0 4px; } .menu-list li.sanji-li{ height: auto; line-height: normal; padding: 13px 0; } .menula-a{ padding-top: 8px; display: none; } .menula-a a{ display: block; padding-left: 17px; margin-top: 5px; font-size: 14px; color:#333; } .menula-a a:hover{ color:#21641d; } .menu-list li:first-child{ border-top: 0; } .menu-list li>a{ font-size: 16px; color:#333; } .menu-list li>span { font-size: 16px; color: #333; cursor: pointer; display: block; background-image: url(../images/unun-h.png); background-repeat: no-repeat; background-position: right center; } .menu-list li>span.cur{ background-image: url(../images/unun.png); } .menu-list li>a:hover,.menu-list li.active>a{ color:#21641d; } .mianbaoxie{ padding-bottom: 8px; border-bottom: 1px solid #eeeeee; font-size:14px; color:#999;} .erji-content-div{ padding: 10px 0; } .about{ font-size: 14px; color:#333; line-height: 2; } .about img{ display: block; margin:10px auto; } .danpian-h1{ font-size: 20px; color:#2e7a29; line-height: 1.8; text-align: center; } .danpian-h2{ font-size: 14px; color:#999; line-height: 1.6; text-align: center; padding: 12px 0 20px; } .danpian-con{ font-size: 14px; color:#333; line-height: 2; } .xinwen1-list li{ padding: 30px 0; border-bottom: 1px dashed #e2e2e2 } .xinwen1-pic-wp{ width: 208px; margin-right: 28px; } .xinwen1-pic{ position: relative; overflow: hidden; padding-bottom:66.82%; } .xinwen1-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .xinwen1-pic:hover img{ transform: scale(1.06,1.06); -moz-transform: scale(1.06,1.06); -webkit-transform: scale(1.06,1.06); -o-transform: scale(1.06,1.06); } .xinwen1-con{ overflow: hidden; } .xinwen1-con h1{ margin:0; font-size: 18px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xinwen1-con h1:hover{ color:#2e7a29; } .xinwen1-con h2{ margin:0; font-size: 14px; color:#999; margin-top: 15px; } .xinwen1-con p{ margin:0; font-size: 14px; color:#666; line-height: 1.8; height: 50px; overflow: hidden; margin-top: 13px; } .xinwen1-a{ margin-top: 15px; } .xinwen1-a a{ display: inline-block; padding: 7px 22px; border:1px solid #e2e2e2; font-size: 14px; color:#999; } .xinwen1-a a:hover{ color:#fff; background-color: #2e7a29; border-color: #2e7a29; } .m-page{text-align: center;padding: 50px 0 10px; ;overflow: hidden;color: #999;} .m-page ul{display: inline-block;overflow: hidden;vertical-align: middle;} .m-page ul li{float: left;margin-right: 8px;} .m-page ul li a{ display: block;line-height: 32px;font-size: 14px;padding: 0 13px;border: 1px solid #e7e7e7; transition: .3s; } .m-page ul li.on a,.m-page ul li a:hover{border-color: #2e7a29;color:#fff;background-color: #2e7a29;} .map img{display: block; width: 100%;} .map{ margin-top: 15px; } .map-list ul{ margin:0; } .map-list li{ float: left; width: 33.33333333%; padding: 0 25px; background-image: url(../images/xian.png); background-repeat: no-repeat; background-position: left center; } .map-list li:first-child{ background-image: none; } .map-list li img{ display: block; margin:0 auto; } .map-list li h1{ font-size: 16px; color:#333; text-align: center; margin:0; margin-top: 20px; } .map-list li h2{ font-size: 14px; color:#666; line-height: 1.8; text-align: center; margin:0; margin-top: 5px; } .map-list{ margin-top: 65px; } .liebiao-list ul{ margin-bottom: 0; } .liebiao-list li{ padding-left:17px; height: 55px; line-height: 54px; background-repeat: no-repeat; background-position: 3px center; background-image: url(../images/dian2.jpg); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #e2e2e2; } .liebiao-list li a{ font-size: 16px; color:#333; } .liebiao-list li a:hover{ color:#2e7a29; } .liebiao-list li span{ font-size: 14px; color:#999; margin-left: 20px; } .menu-3{ padding-bottom: 15px; } .menu-3 a{ float: left; padding: 8px 15px; background-color:#31a727; font-size: 14px; color:#fff; margin-right: 10px; transition: .3s; } .menu-3 a.active{ background-color: #25801d; } .menu-3 a:hover{ background-color: #25801d; }