/**************************************/ /*************[公用start]**************/ /**************************************/ @font-face{ font-family:"hss"; src:url("../font/hss.ttf"); } .imgbox_a{ position:relative; padding-bottom: 100%; overflow:hidden; display: block; } .imgbox_a>img{ position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; } .imgbox_hover>img{ /* ueco 时间曲线*/ /*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */ -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .imgbox_hover:hover>img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 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); } /*图片中心放大代码区域*/ /**************************************/ /************[公用over]****************/ /**************************************/ /*header-start*/ /**************************************************************/ #header{ } .header-1{ height: 105px; } .logo{ font-size: 0; margin-top: 26px; } .header-1-a{ font-size: 14px; color:#333; margin-top:21px; text-align: right; } .header-1-a a{ padding: 0 5px; vertical-align: middle; } .header-1-a a:hover{ color:#00904b; } .search{ width: 242px; position: relative; margin-top: 18px; } .search input:focus {outline: none;} .search input[type="text"]{ display: block; width: 100%; height: 30px; border-radius: 35px; border:0; background-color: #f4f4f4; padding: 0 50px 0 25px; font-size: 12px; } .search input[type="image"]{ position: absolute; right:15px; top: 7px; } .nav{background-color: #00904b;} ul.nav-ul{ margin:0; } .nav-ul li{ float: left; width: 9%; text-align: center; position: relative; } .xiala{ position: absolute; left: 0px; right: 0; background-color: #00904b; top: 43px; display: none; z-index: 3000; } .xiala a{ display: block; height: 35px; line-height: 35px; text-align: center; color:#fff; font-size: 12px; /*border-top: 1px solid #439d65;*/ } .xiala a:first-child{ border-top: 0; } .xiala a:hover{ background-color: #f7a50c; } .nav-ul li>a{ display: block; height: 43px; line-height: 43px; font-size: 14px; color:#fff; } .nav-ul li.active>a,.nav-ul li:hover>a{ background-color: #f7a50c; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .index1{ background-color: #f4f4f4; padding: 25px 0; } .index1-left{ width: 873px; margin-right: 22px; } .index1-right{ overflow: hidden; } .title-111{ } .title-111 h1{ font-size: 20px; color:#00904b; margin:0; height: 41px; line-height: 41px;font-family:"hss"; } .title-111 h1 span{ font-size: 20px; color:#b0afaf; text-transform: uppercase; padding-left: 10px; line-height: normal; vertical-align: middle; } .title-111 a.fr{ height: 15px; line-height: 15px; width: 45px; background-image: url(../images/more1.png); margin-top: 13px; } .title-222{ height: 41px; line-height: 41px; background-color: #00904b; padding-left: 20px; padding-right: 10px; } .title-222 h1{ font-size: 16px; color:#fff; margin:0; height: 41px; line-height: 41px;font-family:"hss"; } .title-222 h1 span{ font-size: 16px; color:#fff; text-transform: uppercase; padding-left: 10px; opacity: 0.5; line-height: normal; vertical-align: middle; } .title-222 a.fr{ font-size: 12px; color:#fff; } .title-222 a.fr:hover{ text-decoration: underline; } .news{ padding: 17px; background-color: #fff; } .news-left{ width: 460px; margin-right: 20px; } .fnews .flex-control-nav{ display: block; font-size: 0; bottom: 0; text-align: right; } .fnews .flex-control-paging li a{ font-size: 12px; color:#fff; background-image: none!important; height: 17px; line-height: 17px; text-align: center; background-color: #666666; width: 23px; border-right: 1px solid #cccccc; text-indent: 0; } .fnews .flex-control-nav li:first-child{ border-left: 1px solid #cccccc; } .fnews .flex-control-nav li{ margin:0; } .fnews .flex-control-paging li a.flex-active{ background-color:#ff0000; } .news-con{ overflow: hidden; } .tuijian{ padding-top: 3px; padding-bottom: 10px; border-bottom: 1px dotted #d6d6d6; } .tuijian h1{ margin:0; font-size: 16px; color:#00904b; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tuijian h1:hover{ text-decoration: underline; } .tuijian p{ font-size:12px; color:#333; line-height: 1.8; height: 42px; margin:0; overflow: hidden; margin-top: 10px; } .list ul{ margin:0; } .list { margin-top: 9px; } .list li{ padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/list.png); height: 31px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 31px; } .list li span{ font-size: 14px; margin-left: 20px; color:#999999; } .list li a{ font-size: 14px; color:#444444; } .list li a:hover{ /*text-decoration: underline;*/ color:#00904b; } .tongzhi{ background-color: #fff; padding:19px 22px; } .date{ width: 48px; height: 53px; text-align: center; color:#fff; background-image: url(../images/date.png); padding-top: 14px; margin-right: 19px; } .date h1{ margin:0; font-size: 17px; font-weight: bold; } .date h2{ font-size: 12px; margin:0; letter-spacing: -1px; margin-top: 3px; } .list2-con{ font-size: 14px; color: inherit; line-height: 1.8; overflow: hidden; padding-top: 3px; height: 53px; overflow: hidden; } .list2 ul{ margin:0; } .list2 li{ margin-top: 10px; } .list2 li:first-child{ margin-top: 0px; } .list2 li a{color:#333;} .list2 li:hover .list2-con{ /*background-image: url(../images/dateh.png);*/ } .list2 li:hover .date{ background-image: url(../images/dateh.png); } .index2{ padding: 25px 0; } .index2-left{ width: 386px; } .index2-middle{ width: 386px; margin-left: 21px; margin-right: 21px; } .index2-right{ overflow: hidden; } .title-333 h1{ padding-left: 13px; background-image: url(../images/title-333.png); background-repeat: no-repeat; background-position: left center; font-family:"hss"; } .bor{ padding: 15px; border:1px solid #e4e4e4; border-top: 0; } .bor1{ padding-top: 0; padding-bottom: 0; } .bor2{ padding-top: 0; } .bor2 .list{ margin-top:0; } .baogao dl{ margin:0; } .baogao dd{ padding: 26px 0; border-top: 1px dashed #dbd9d1; } .baogao dd:first-child{ border-top: 0; } .date2{ width: 58px; height: 62px; background-color:#f5f5f5; text-align: center; padding: 12px 7px 0; margin-right: 16px; color:#666; } .date2 h1{ margin:0; font-size: 16px; font-weight: bold; } .date2 h2{ margin:0; font-size: 12px; font-weight: bold; padding-top: 5px; margin-top: 5px; border-top: 1px solid #dbdbdb; } .baogao-con{ overflow: hidden; } .baogao-con h1{ margin:0; font-size: 14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .baogao-con h2{ margin:0; font-size: 14px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 15px; line-height: 15px; padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/b1.png); margin-top: 8px; } .baogao-con h3{ margin:0; font-size: 14px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 15px; line-height: 15px; padding-left: 20px; background-repeat: no-repeat; background-position: left center; margin-top: 8px; background-image: url(../images/b2.png); } .baogao dd:hover .date2{ background-image: url(../images/date2.jpg); color:#fff; } .baogao dd:hover .date2 h2{ border-color: #fff; } .baogao dd:hover .baogao-con h1{ color:#00904b; } .tuijian2-pic-wp{ width: 147px; margin-right: 11px; } .tuijian2-pic{ position: relative; overflow: hidden; padding-bottom:67.35%; } .tuijian2-pic img{ position: absolute; left: 0; top: 0; width: 100%; transition: .3s; height: 100%; } .tuijian2-pic:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tuijian2{ padding: 12px 0; } .tuijian2-con{ overflow: hidden; } .tuijian2-con h1{ margin:0; font-size: 14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tuijian2-con h1:hover{ color: #00904b; } .tuijian2-con h2{ margin:0; font-size: 14px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 20px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/b3.png); margin-top: 12px; } .tuijian2-con p{ margin:0; font-size: 14px; color:#999; margin-top: 7px; height: 50px; overflow: hidden; line-height: 1.8; } .bor .list{ margin-top: 11px; } .bor .list li{ height: 30px; line-height: 30px; } .fyuan .slides>li{ position: relative; } .yuan-hei{ position: absolute; left: 0; right: 0; bottom: 0; height: 35px; line-height: 35px; background-image: url(../images/heidi.png); color:#fff; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 13px; } .yuan-hei span.fr{ margin-left: 10px; } .yuan-pic{ position: relative; overflow: hidden; padding-bottom:54.9%; } .yuan-pic img{ position: absolute; left: 0; top: 0; width: 100%; transition: .3s; height: 100%; } .yuan-pic:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .index3 { background-color: #f4f4f4; padding: 25px 0; } .title-444{ border-bottom: 1px solid #c3c3c3; } .title-444 h1{ margin:0; font-size: 20px; color:#00904b; padding: 0 10px 10px; border-bottom: 3px solid #00904b; position: relative; bottom: -3px; } .title-444 a.fr{ font-size: 12px; color:#999; text-transform: uppercase; margin-top: 8px; } .title-444 a.fr:hover{ color:#00904b; } .index3-list { padding: 10px 0 5px; } .index3-list dl{ margin:0; } .index3-list dd{ margin-top: 20px; } .index3-title{ width: 135px; height: 66px; padding-top: 16px; padding-left: 22px; } .index3-title-div{ width: 87px; height: 31px; line-height: 31px; color:#fff; font-size: 14px; text-align: center; position: relative;font-family:"hss"; } .index3-title-div i{ position: absolute; width: 6px; height: 12px; background-repeat: no-repeat; background-position: center ; right: -6px; top: 50%; margin-top: -6px; } .index3-title-div0{background-color:#2ea3bb; } .index3-title-div0 i{background-image: url(../images/p0.png);} .index3-title-div1{background-color:#00904b; } .index3-title-div1 i{background-image: url(../images/p1.png);} .index3-title-div2{background-color:#906600; } .index3-title-div2 i{background-image: url(../images/p2.png);} .index3-title-div3{background-color:#484848; } .index3-title-div3 i{background-image: url(../images/p3.png);} .index3-title-div4{background-color:#763e7a; } .index3-title-div4 i{background-image: url(../images/p4.png);} .index3-title-div5{background-color:#207ac6; } .index3-title-div5 i{background-image: url(../images/p5.png);} .index3-con{ overflow: hidden; margin-left: -1%; } .index3-con-gun{ overflow: hidden; padding-left: 10px; padding-top: 7px; } .index3-con1-list{ /*width: 1055px;*/ } .index3-con img{ display: block; width: 100%; /*transition: .3s;*/ } .index3-con a{ overflow: hidden; float: left; } .index3-con1 a{ width: 19%; margin-left: 1%; } .index3-con2 a{ width:49%; margin-left: 1%; } .index3-con3 a{ width:32.333333333333%; margin-left: 1%; } .index3-con4 a{ width:49%; margin-left: 1%; } .index3-con5 a{ width: 24%; margin-left: 1%; } .index3-con a:hover img{ /*图片中心放大代码*/ /* -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);*/ } .index4{ padding: 50px 0; } .index4-list .item h1{ margin: 0; font-size: 14px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 14px; text-align: center; } .index4-list .item:hover h1{ color:#00904b; } .index4-pic{ position: relative; overflow: hidden; padding-bottom:67%; } .index4-pic img{ position: absolute; left: 0; top: 0; width: 100%; transition: .3s; height: 100%; } .index4-pic:hover img{ /*图片中心放大代码*/ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .index4-list .owl-prev{ position: absolute; left: -33px; top:50%; margin-top: -21px; width: 21px; height: 42px; background-image: url(../images/left2.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; } .index4-list .owl-next{ position: absolute; right: -33px; top:50%; margin-top: -21px; width: 21px; height: 42px; background-image: url(../images/right2.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; } /**************************************************************/ /*main-over*/ .index4-list{margin-top:25px;} /*footer-start*/ /**************************************************************/ #footer{ } .footer-1{ padding: 0 30px; background-color: #00904b; color: #fff; font-size: 14px; padding-top: 10px; line-height:1.8; color: #fff; font-size: 14px; padding-bottom: 10px; } .foo1-1{ } .foo1-2{ margin-left:150px; } .foo1-3{ width: 180px; } .er{ } .er-pic{ width: 75px; margin-right: 18px; } .er-pic img{ display: block; width: 100%; height: 75px!important; } .footer-2{ background-color: #00763d; padding: 10px 30px; color:#fff; font-size: 14px; } /**************************************************************/ /*footer-over*/ /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ #header-2{ display: none; height: 75px; /*border-bottom:0px solid #035cac;*/ box-shadow: 0 4px 8px -3px #000; position: fixed; top: 0; left: 0; width: 100%; z-index: 5000000000; background-color: #fff; } .nav-2{ display: none; background-color: #fff; position: relative; z-index:130000; } .nav-2 li{ border-top: 1px dotted #ccc; position: relative; } .jiaspan{ position: absolute; width: 30px; height: 30px; background-image: url(../images/jia2.png); background-repeat: no-repeat; background-position: center ; top: 8px; right: 14px; } .jiaspan.cur{ background-image: url(../images/jia2h.png); } .nav-2 li:first-child{ border-top: 0; } .nav-2 li>a{ padding:13px 10px; display: block; font-size: 14px; width: 100%; color:#333; } .nav-xia-a{ padding-bottom: 15px; display: none; } .nav-xia-a a{ padding: 8px 10px; display: block; font-size: 12px; padding-left: 25px; width: 100%; color:#666; } /*.downla-2 { padding: 5px 0 10px; display: none; } .downla-2 dd{ padding-left: 30px; } .downla-2 dd a{ font-size: 14px; display: inline-block; padding: 3px 0; width: auto; }*/ /*.nav-2 li a:hover{ color:#1a0d07; }*/ .logo-2{ font-size: 0; width: 200px; margin-left: 15px; margin-top: 5px; } .logo-2 a{ display: inline-block; width: 100%; height: 67px; line-height: 67px; } .logo-2 img{ vertical-align: middle; } .menu2{ margin-right: 15px; } .menu2 li{ cursor:pointer ; margin-left: 10px; } .menu2 li img{ /*vertical-align: middle;*/ display: block; margin-top: 29px; } .chenggao{ display: none; height: 75px; } #nav-2-heidi{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 120000; background-image: url(../images/heidi.png); display: none; } .banner-x{ display: none; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /*erji*/ .banner-2{ height: 315px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .banner-2 img{ display: none; width: 100%; } .erji{ padding-bottom: 50px; } .menu{ float: left; width: 248px; margin-right: 48px; margin-top: -83px; position: relative; z-index: 800; } .erji-menu-title{ height: 83px; line-height: 83px; font-size: 20px; color:#333; background-color: #f3f3f3; font-style: italic; padding-left: 35px; font-family: "hss"; } .menu-pic img{ display: block; width: 100%; } .yinyin img{ display: block; width: 100%; } .menu-list { background-color: #f3f3f3; padding-bottom: 35px; } .menu-list dl{ margin:0; } .menu-list dd>a{ display: block; height: 42px; line-height: 42px; padding: 0 14px; position: relative; } .menu-list dd>a i{ position: absolute; width: 7px; height: 14px; background-image: url(../images/menu-jian.png); right: -7px; top: 50%; margin-top: -7px; display: none; } .menu-list dd>a span{ height: 42px; line-height: 42px; display: block; border-bottom: 1px solid #d8d8d8; padding-left: 52px;font-size: 14px; color:#333; background-repeat: no-repeat; background-position: 41px center; background-image: url(../images/menu.png); } .menu-list dd>a:hover{ background-color: #00904b; } .menu-list dd>a:hover span{ border-color: #00904b; color:#fff; background-image: url(../images/menuh.png); } .menu-list dd>a:hover i{ display: block; } .menu-list dd>a.active{ background-color: #00904b; } .menu-list dd>a.active span{ border-color: #00904b; color:#fff; background-image: url(../images/menuh.png); } .menu-list dd>a.active i{ display: block; } .erji-content{ overflow: hidden; padding-top: 33px; } .erji-content-title { background-image: url(../images/content-title.png); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 11px; } .erji-content-title h1{ float: left; margin:0; font-size: 18px; color:#333; padding: 0 14px 12px; border-bottom: 3px solid #00904b; font-family: "hss"; } .erji-content-a { text-align: center; margin-top: 15px; } .erji-content-a a{ display: inline-block; margin-bottom: 10px; line-height: 50px; text-align: center; padding: 0 30px; height: 37px; line-height: 37px; margin-right: 10px; background-color: #ccc; color: #fff; font-size: 14px; cursor: pointer; border-radius: 20px; } .erji-content-a a.active { background-color: #ecb200; } .dandan{ padding: 20px 10px; font-size: 14px; color: #6d6c6c; line-height: 2; } .dandan img{ display: block; width: 100%; } .fenye { margin-top: 20px; padding-top: 15px; border-top: 1px solid #eee; } .fenye .pagination {margin:0;} .pic-list .col-md-6{ margin-top: 25px; } .pic-list .col-md-6 a h1{ margin: 0; font-size: 14px; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 14px; text-align: center; } .pic-list .col-md-6 a:hover h1{ color:#00904b; } .xinwen-xx-h1{ font-size: 24px; line-height: 1.6; color:#333; text-align: center; padding: 25px 0 15px; } .xinwen-xx-h2{ font-size: 14px; line-height: 1.6; color:#999; text-align: center; } .xinwen-xx-con{ font-size: 14px; color:#666; line-height: 2; padding: 10px 0 40px; } .xinwen-xx-con img{ display: block; margin:15px auto; } .xinwen-xx-page{ border-top: 1px dashed #ccc; } .xinwen-xx-page-a{ margin-top: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .xinwen-xx-page-a a{ font-size: 14px; color:#666; } .xinwen-xx-page-a a:hover{ color: #00904b; text-decoration: underline; } .jiaoshou { border-top: 0px solid #ebebeb; border: 1px solid #008f48; padding: 15px; } .jiaoshou-title{ height: 38px; line-height: 38px; background-color: #ccc; padding-left: 15px; font-size: 16px; color:#333; font-weight: bold; } .jiaoshou-a{ margin-left: -4%; padding-bottom: 15px; } .fnews .slides>li>a{ display:block; padding-bottom:67%; overflow:hidden; position:relative; } .fnews .slides>li>a img{ position: absolute; left: 0; top :0; width:100%; height: 100%; } .jiaoshou-a a{ float: left; width: 16%; margin-left: 4%; text-align: center; height: 32px; border: 1px solid #ebebeb; line-height: 32px; margin-top: 15px; } .jiaoshou-a a:hover{ background-color: #008f48; border-color: #008f48; color:#fff; text-decoration: underline; } @media only screen and (max-width: 600px){ .jiaoshou-a a{ width: 29.33333333%; } } @media only screen and (max-width:450px){ .jiaoshou-a a{ width: 46%; } } .jiaoshou-a a{ width: 21%; } .foo1-3{ width: 390px; } .er-select{ /*overflow: hidden;*/ width: 180px; margin-right: 60px; margin-top: 20px; } .er{ overflow: hidden; } .tver{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /*2020-9-7*/ .goucheng-list ul{ margin:0; } .goucheng-list li{ padding:30px 0; border-bottom: 1px solid #eaeaea; } .goucheng-pic{ width: 150px; margin-right: 25px; } .goucheng-pic .imgbox_a{ padding-bottom: 132%; } .goucheng-con{ overflow: hidden; padding-top: 10px; } .goucheng-con h1{ margin:0; font-size: 18px; color: #333; } .goucheng-con h1 a:hover{ color: #00904b; } .goucheng-con-p p{ margin:0; } .goucheng-con-p{ font-size: 12px; color: #000; line-height: 1.8; margin-top: 15px; } .goucheng-list+.fenye{ border-top: 0; } .dlingdao-item{ width: 43%; } .dlingdao-pic{ width: 100px; margin-right: 15px; } .dlingdao-pic .imgbox_a{ padding-bottom: 132%; } .dlingdao-item>h1{ margin:0; text-align: center; font-size: 24px; color: #00904b; padding-bottom: 30px; } .dlingdao-div+.dlingdao-div{ margin-top: 15px; } .goucheng-list >h1{ margin:0; font-size: 24px; color: #00904b; padding-top: 25px; }