/**************************************/ /*************[公用start]**************/ /**************************************/ 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{ background-color: #93d550; height: 128px; } .logo{ font-size: 0; margin-top: 36px; } .header-1-right{ width: 242px; margin-top: 30px; } .header-a{ text-align: right; font-size: 14px; color:#fff; } .header-a img{ margin-top: -3px; margin-right: 10px; } .header-a:hover{ text-decoration: underline; } .search{ position: relative; margin-top: 15px; } .search input:focus{ outline: none; } .search input[type="text"]{ width: 100%; height: 30px; border-radius: 50px; border:0; padding:5px 45px 5px 15px; background-color: #fff; } .search input[type="image"]{ position: absolute; right: 15px; top: 7px; } .nav{ background-color: #a0e959; } .nav ul{ margin:0; } .nav li{ float: left; width: 11.11111111111%; background-repeat: no-repeat; background-position: left center; background-image: url(../images/li.png); } .nav li:first-child{ background-image: none; } .nav li>a{ display: block; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color:#fff; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .main{ margin-top: 30px; } .main-1{ width: 683px; margin-right: 30px; } .main-2{ overflow: hidden; } .title-11{ background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/title-11.png); } .title-11 h1{ float: left; margin:0; font-size: 20px; color:#a0e959; padding-bottom: 10px; border-bottom: 2px solid #a0e959; } .title-11 h1 img{ margin-top: -2px; margin-right: 5px; } .title-11 a.fr{ font-size: 12px; color:#999; margin-top: 7px; } .title-11 a.fr:hover{ color:#a0e959; } .list1 ul{ margin:0; } .list1 li{ margin-top: 20px; } .date1{ width: 64px; height: 68px; background-color: #dcdcdc; text-align: center; margin-right: 12px; padding: 4px; } .date1 h1{ margin:0; font-size: 14px; color:#333;height: 27px; line-height: 27px; } .date1 h2{ margin:0; font-size: 14px; color:#a0e959; font-weight: bold; height: 30px; background-color: #fff; line-height: 30px; border-radius: 3px; } .list1-con{ overflow: hidden; padding-top: 5px; } .list1-con h1{ margin:0; font-size: 14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list1-con h1 a:hover{ color:#a0e959; } .list1-con p{ margin:0; font-size: 12px; color:#666; line-height: 1.6; height: 38px; overflow: hidden; margin-top: 5px; } .tui{ padding: 20px 0; } .tui-pic{ width: 168px; margin-right: 10px; } .tui-pic a{ display: block; position: relative; padding-bottom: 66%; overflow: hidden; } .tui-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .tui-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tui-con{ overflow: hidden; } .tui-con h1{ margin:0; font-size: 16px; color:#323232; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tui-con h1 a:hover{ color:#a0e959; } .tui-con h2{ margin:0; font-size: 12px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 12px; line-height: 1.6; } .tui-con h2 img{ margin-top: -3px; margin-right: 10px; } .tui-con p{ margin:0; font-size: 14px; color:#666; line-height: 1.8; overflow: hidden; height: 50px; margin-top: 8px; } .list2 ul{ margin:0; } .list2 li{ height: 48px; line-height:48px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #ccc; } .list2 li a{ font-size: 14px; color:#333; } .list2 li a:hover{ color:#a0e959; } .list2 li span{ font-size: 14px; color:#999; margin-left: 10px; } .tu{ padding: 30px 0; } .tu img{ display: block; width: 100%; } .index2{ height: 400px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; background-image: url(../images/index2.jpg); padding-top: 50px; } .index2-div{ width: 48%; } .index2-div .title-11 h1{ font-size: 20px; color:#333; border-bottom: 0; } .index2-div .title-11 h1 img{ margin-right: 10px; } .index2-div .title-11{ background-image: none; } .list3{ margin-top: 15px; } .list3 ul{ margin:0; } .list3 li{ padding-left: 13px; background-image: url(../images/list.png); background-repeat: no-repeat; background-position: left center; height: 38px; line-height: 38px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list3 li a{ font-size: 14px; color:#666; } .list3 li a:hover{ color:#a0e959; } .list3 li span{ font-size: 12px; color:#999; margin-left: 10px; } .index3{ padding: 30px 0 0; } .title-33{ border-bottom: 1px solid #a0e959; } .title-33 span{ padding: 0 14px; border:1px solid #a0e959; color:#a0e959; border-bottom: 0; height: 39px; line-height: 38px; border-left: 0; font-size: 20px; cursor: pointer; } .title-33 span:first-child{ border-left: 1px solid #a0e959; } .title-33 span.cur{ background-color: #a0e959; color:#fff; } .title-33 a.fr{ font-size: 12px; color:#999; margin-top: 10px; display: none; } .title-33 a.frr{ display: block; } .title-33 a.fr:hover{ color:#a0e959; } .list4-wp{ margin-top: 10px; } .list4{ display: none; } .list4:first-child{ display: block; } .list4 ul{ margin:0; } .list4 li{ padding-left: 11px; background-image: url(../images/list4.png); background-repeat: no-repeat; background-position: left center; height: 44px; line-height: 44px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-bottom: 1px dashed #eee; } .list4 li a{ font-size: 14px; color:#666; } .list4 li a:hover{ color:#a0e959; } .list5 ul{ margin:0; } .list5 li{ margin-top: 20px; } .list5 li .tui{ padding: 0; } .list5{ display: none; } .list5:first-child{ display: block; } .tui2-pic{ width: 130px; margin-right: 14px; } .tui2-pic a{ display: block; position: relative; padding-bottom: 66%; overflow: hidden; } .tui2-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .tui2-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tui2-con{ overflow: hidden; } .tui2-con h1{ margin:0; font-size: 14px; color:#323232; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .tui2-con h1 a:hover{ color:#a0e959; } .tui2-con h2{ margin:0; font-size: 12px; color:#999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 7px; line-height: 1.6; } .tui2-con p{ margin:0; font-size: 12px; color:#666; line-height: 1.8; overflow: hidden; height: 42px; margin-top: 2px; } .index4{ background-color: #f6f6f6; padding: 30px 0 40px; } .title-44 span{ float: left; font-size: 20px; color: #a0e959; padding-bottom: 10px; border-bottom: 2px solid #e7e7e7; cursor: pointer; margin-right: 60px; } .title-44 span.cur{ border-color:#a0e959; } .title-44 { background-repeat: repeat-x; background-position: left bottom; background-image: url(../images/title-11.png); } .zi-list .item h1{ margin:0; font-size: 14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; padding: 12px 2px; } .zi-pic { position: relative; padding-bottom: 66%; overflow: hidden; } .zi-pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: .3s; } .zi-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .index4-div-wp{ margin-top: 25px; } .index4-div{ display: none; width: 100%; } .index4-div:first-child{ display: block; } .zi-list .owl-prev{ position: absolute; left:-45px; top: 58px; width: 20px; height: 38px; background-image: url(../images/left2.png); cursor: pointer; background-repeat: no-repeat; background-position: center ; font-size: 0; } .zi-list .owl-next{ position: absolute; right:-45px; top: 58px; width: 20px; height: 38px; background-image: url(../images/right2.png); cursor: pointer; background-repeat: no-repeat; background-position: center ;font-size: 0; } .index5{ padding:30px 0;} .redian{ background-color: #f6f6f6; padding: 10px 0 10px 38px; } .redian img{ display: block; width: 100%; } .redian1{ width: 27px; } .redian2{ width: 195px; margin-left: 30px; } .redian3{ width: 269px; margin-left: 25px; } .redian4{ width: 269px; margin-left: 25px; margin-top: 8px; } .redian3-1{ margin-left: 25px; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ } .footer-1{ height: 42px; line-height: 42px; background-color: #f6f6f6; } .you-title{ padding: 0 25px; font-size: 16px; } .you-con{ overflow: hidden; } .you-con a{ float: left; margin-left: 35px; font-size: 14px; color:#333; } .you-con a img{ margin-top: -3px; margin-right: 15px; } .you-con a:first-child{ margin-left: 0; } .you-con a:hover{ /*text-decoration: underline;*/ color:#a0e959; } .footer-2{ text-align: center; font-size: 14px; color:#fff; line-height: 2.2; padding: 22px 0; background-color: #a0e959; } /**************************************************************/ /*footer-over*/ .banner-2{ height: 275px; background-repeat: no-repeat; background-position: center ; -webkit-background-size: cover; background-size: cover; } .erji{ background-color: #f6f6f6; padding:25px 0; } .menu{ float: left; width: 200px; background-color: #fff;margin-top: 1px; margin-right: 25px; } .menu ul.menu-ul>li{ line-height: 44px;} .menu ul.menu-ul>li>a{ height: 44px; line-height: 44px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-indent: 17px; background-image: url(../images/menu.png); background-repeat: no-repeat; background-position: 90% center; font-size: 14px; color:#999; transition: .3s } .menu ul.menu-ul>li:hover>a{ background-color: #a0e959; } .menu ul.menu-ul>li:hover>a{ background-image: url(../images/menu-h.png); color:#fff; } .menu ul.menu-ul>li.menu-active>a{ background-color: #a0e959; } .menu ul.menu-ul>li.menu-active>a{ background-image: url(../images/menu-h.png); color:#fff; } .menu ul.menu-ul>li li a {display: block;padding-left: 50px;} .menu ul.menu-ul>li li a:hover{ color:#a0e959; } .erji-content{ overflow: hidden; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*margin-top: 1px;*/ padding: 10px 20px 25px; } .erji-title{ background-image: url(../images/title-bg-2.jpg); background-repeat: repeat-x; background-position: left bottom; height: 48px; line-height: 45px; position: relative; } .erji-title-1{ float: left; width: 50%; font-size: 18px; color:#a0e959; border-bottom: 3px solid #a0e959; } .erji-title-1 img{ margin-left: 6px; margin-right: 5px; margin-top: -3px; } .mianbaoxie{ float: right; margin-right: 9px; color:#757575; text-align: right; } .mianbaoxie a{ font-size: 12px; color:#757575; } .mianbaoxie a:hover{ color:#a0e959; } .dandan{ padding: 20px 10px; font-size: 14px; color: #6d6c6c; line-height: 2; } .dandan img{ display: block; /*width: 100%;*/ margin:10px auto; } .fenye { margin-top: 40px; padding-bottom: 10px; text-align: center; } .fenye .pagination {margin:0;} .xinwen-list{ margin-top: 15px; } .xinwen-list>ul>li{ height: 34px; line-height: 34px; border-bottom: 1px dashed #ccc; } .xinwen-list>ul>li a{ display: block; text-indent: 10px; color:#999; } .xinwen-list>ul>li a:hover{ color:#a0e959; } .pic-list .col-lg-4{ margin-top: 20px; } .pic-list .col-lg-4 h1{ margin:0; font-size: 14px; color:#333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; padding: 12px 2px; } /*********article-start****************/ div.article{ width: 100%; padding: 0 15px; margin:40px auto; } div.article>h1{ text-align: center; font-size: 26px; color:#0064ac; } div.article-tishi{ text-align: center; margin:25px auto 20px; } #fenxiang-anniu{ display: inline-block; vertical-align: top; } div.article-con{ padding: 40px 0 120px; position: relative; border-top: 1px dashed #c9c7c7; border-bottom: 1px dashed #c9c7c7; line-height: 2.2; } div.article-con>img{ display: block; margin:20px auto; max-width: 100%; } div.article-con>p{ text-indent: 2em; } div.article-con>h1{ font-size: 14px; text-align: center; margin:10px 0; } div.article-con>a{ position: absolute; right: 8px; bottom: 50px; width: 102px; height: 31px; line-height: 31px; text-align: center; color:#fff; background-color: #f37728; border-radius: 3px; } div.article-page{ height: 87px; line-height: 87px; padding-bottom: 20px; } div.article-page>a:hover{ color:#0064ac; } a.article-page-pre{ float: left; } a.article-page-next{ float: right; } /*********响应式设置-start****************/ @media only screen and (max-width: 1200px){ div.article{ width: 90%; margin: 8% auto; padding-left:0; padding-right: 0; } } @media only screen and (max-width: 800px){ div.article-page{ height: auto; line-height: normal; } a.article-page-pre{ float: none; display: block; margin:10px 0; } a.article-page-next{ float: none; display: block; margin:10px 0; } div.article>h1 {font-size: 18px;} div.article-con{ padding: 20px 0 100px; } } /*********响应式设置-over****************/ /*********article-start****************/ .reduce{ margin:0 0.15rem; } .add{ margin-left: 0.15rem; }