/**************************************/ /*************[公用start]**************/ /**************************************/ body,div,p,span,ul,li,h1,h2,h3,h4,h5,h6,a,input,textarea,select,dl,dd,table,tr,td{ margin:0; padding: 0; } body{ font-family:"Arial","Microsoft Yahei"; font-size: 14px; /*主要内容区字号大小,每次制作前更新!!! */ color:#333; background-color: #f0f0f0; line-height: 1.2; } input,textarea,select{ -webkit-appearance:none; outline: none; font-family:"Arial","Microsoft Yahei"; color:#585858; font-size: 14px; } textarea{ resize: none; } ul li{ list-style-type: none; } h1,h2,h3,h4,h5,h6{ font-weight: normal; } i{ font-style: normal; } div.clear{ clear: both; height: 0; width: 0; } .clearfix{zoom:1}.clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } a{ text-decoration: none; color:inherit; cursor: pointer; } img{ border:0; /* width: 100%;*/ max-width: 100%; } div.wp{ width: 1110px; /*主要内容区尺寸大小,每次制作前更新!!! */ margin:0 auto; } .fl{ float: left; } .fr{ float: right; } .tran{ transition: all .3s ease-out 0s; } *{ /*【块级元素】不受边框、margin、padding影响类名,需要时添加*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*图片中心放大代码区域*/ .img-box{/*图片盒子类名*/ width: 300px!important;/*图片盒子宽度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ height: 200px!important;/*图片盒子高度,‘重要’是为防止图片添加尺寸不正确而修正,需注意图片比例*/ 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: 25px; background-color: #31a727; line-height: 25px; color:#fff; font-size: 12px; } .header-1 .fl{font-weight:bold;} .header-1 a img{ vertical-align: middle; margin-top: -3px; margin-right: 7px; margin-left: 15px; } .header-2{ height: 173px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: center; background-image: url(../images/header-2.jpg); } .logo{ font-size: 0; margin-top: 26px; margin-left: 17px; } .search{ margin-right: 14px; margin-top:70px; margin-left:30px; width: 190px; position: relative; } .search input[type="text"]{ width: 100%; height: 38px;line-height: 38px; border:1px solid #e1d8d3; padding-left: 16px; padding-right: 45px; background-color: #fff; font-size:14px; color:#5f5f5f;} .search input[type="image"]{ position: absolute; right: 0; top: 0; } .nav{ background-color: #31a727; } .nav li{ float: left; width: 11.1%; text-align: center; background-image: url(../images/nav-li.png); background-repeat: no-repeat; background-position: left center; position: relative; } .nav li:hover .xia-1 {display: block;} .xia-1{ position: absolute; left: 0; top: 45px; width: 100%; background-color: #31a727; padding: 10px 0; z-index: 60000; display: none; } .xia-1 a{ display: block; height: 35px; line-height: 35px; color:#fff; font-size: 14px; transition: .3s; } .xia-1 a:hover{ background-color: #25801d; } .nav li:first-child{ background-image: none; } .nav li>a{ display: block; height: 45px; line-height: 45px; color:#fff; font-size: 16px; transition: .3s; } .banner-text{ position: absolute; left: 0; bottom: 20px; width: 100%; padding-left: 39px; } .banner-text h1{ display: inline-block; padding: 0 25px; background-image: url(../images/heidi.png); height:50px ; line-height: 50px; color:#fff; font-size: 18px; } .nav li:hover>a{ background-color: #25801d; } .nav li:hover+li{ background-image: none; } .nav li.active>a{ background-color: #25801d; } .nav li.active+li{ background-image: none; } /**************************************************************/ /*header-over*/ /*main-start*/ /**************************************************************/ #main{ } .index-body{ background-image: url(../images/index-body.jpg); background-repeat: no-repeat; background-position: center bottom; } .index-body .wp{ background-color: #fff; padding: 17px; } .xinwen{ width: 548px; } .tongzhi{ width: 505px; } .title-11 { /*background-image: url(../images/title-111.jpg); background-repeat: repeat-x; background-position: left bottom;*/ border-bottom: 2px solid #31a727; } .title-11 h1{ float: left; height: 40px; line-height: 42px; padding-left: 33px; padding-right: 13px; background-image: url(../images/title-11.jpg); background-repeat: repeat; background-position: center; color:#fff; font-size: 17px; font-family: '宋体'; font-weight: bold; position: relative; } .i3{ position: absolute; width: 26px; height: 26px; background-repeat: no-repeat; background-position: center ; background-image: url(../images/bb1.png); left:6px; top: 7px; } .tongzhi .i3{ background-image: url(../images/bb2.png); } .title-11 h1 i.i1{ position: absolute; right: 0; top: 0; width: 12px; height: 12px; background-image: url(../images/bai1.png); background-repeat: no-repeat; background-position: center; } .title-11 h1 i.i2{ position: absolute; right: -12px; bottom: 0; width: 12px; height: 10px; background-image: url(../images/bai2.png); background-repeat: no-repeat; background-position: center; } .title-11 a.fr{ font-size: 14px; color:#666; width: 54px; text-align: right; margin-top: 13px; } .title-11 a.fr img{ vertical-align: middle; margin-top: -3px; margin-left: 10px; } .title-11 a.fr:hover { color:#31a727; } .tuijian{ padding: 19px 0; border-bottom: 1px dashed #c3c3c3; } .tuijian-pic{ overflow: hidden; width: 236px; margin-right: 19px; } .tuijian-pic img{ display: block; width: 100%; transition: .3s; } .tuijian-pic:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .tuijian h1{ font-size: 16px; color:#000; line-height: 1.8; transition: .3s; } .tuijian h1:hover{ color:#31a727; } .tuijian h2{ font-size: 14px; color:#555; padding: 10px 0; } .tuijian p{ font-size: 14px; color:#000; height: 50px; overflow: hidden; line-height: 1.8; } .list { margin-top: 10px; } .list li{ height: 41px; line-height: 41px; padding-left: 15px; background-repeat: no-repeat; background-position: left center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-image: url(../images/list.png); } .list li span{ font-size: 14px; color:#31a727; margin-left:10px; } .list li a{ font-size: 14px; color:#000; transition: .3s; } .list li a:hover{ color:#31a727; } .tongzhi-list{ margin-top: 5px; } .tongzhi-list li{ padding: 13px 0; border-top:1px dashed #ededed; } .tongzhi-list li>h1{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px; color:#000; transition: .3s; padding: 4px 0 7px; font-weight:900; } .tongzhi-list li>h1:hover{ color:#31a727; } .tongzhi-list li>p{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; color:#000; transition: .3s; } .data{ width: 55px; overflow: hidden; text-align: center; margin-right: 12px; background-color: #31a727; padding:3px 3px 5px; border-radius: 5px; } .data h1{ color:#fff; font-size: 18px; } .data h2{ height: 20px; line-height: 20px; background-color: #fff; color:#1d1d1d; font-size: 12px; border-radius: 5px; margin-top: 2px; } .keyan{ width: 375px; } .keyan2{ margin-left: 25px; } .keyan .title-11 h1{ cursor: pointer; } .keyan .title-11 h1.active{ background-image: url(../images/title-11-h.jpg); color:#32ad28; } .keyan .title-11 h1.active i.i2{ background-image: url(../images/bai3.png); } .keyan .title-11 h1:first-child{ margin-right: 23px; } .pingtai{ width: 281px; } .m15{ margin-top: 15px; } .keyan .title-11 h1:first-child .i3{ background-image: url(../images/bb1.png); } .keyan .title-11 h1:first-child+h1 .i3{ background-image: url(../images/bb3.png); } .keyan .title-11 h1:first-child.active .i3{ background-image: url(../images/bb1-h.png); } .keyan .title-11 h1:first-child+h1.active .i3{ background-image: url(../images/bb3-h.png); } .pingtai .title-11 h1{ width: 100%; padding-left: 40px; } .pingtai .i3{ background-image: url(../images/bb4.png); left: 10px; } .pingtai a.ppa{ display: block; overflow: hidden; margin-top: 9px; } .pingtai a.ppa img{ display: block; width: 100%; transition: .3s; } .pingtai a.ppa img:hover{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .xueshu .i3{ background-image: url(../images/bb5.png); } .xueshu-list li{ float: left; width: 265px; height: 184px; padding-right: 15px; } .xueshu-list li a{ display: block; position: relative; overflow: hidden; } .xueshu-list-wp{ border:1px solid #eaeaea; padding: 15px 17px; /*height: 215px;*/ border-top: 0; } .xueshu-list { overflow: hidden; } .xueshu-list li h1{ position: absolute; left: 0; right: 0; bottom: 0; height: 36px; line-height: 36px; text-align: center; color:#fff; font-size: 14px; background-image: url(../images/heidi.png); } .xueshu-list li img{ display: block; width: 100%; height: 184px!important; transition: .3s; } .xueshu-list li a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .select-group {margin-top: 18px;} .select-group li{ float: left; width: 23%; margin-left: 2.66666666666666667%; position: relative; height:37px; line-height: 37px; text-align: center; border:1px solid #e7ebee; font-size:14px; color:#6d6d6d; cursor: pointer; } .select-group li select{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter:alpha(opacity=0); } .select-group li:first-child{ margin-left: 0; } /**************************************************************/ /*main-over*/ /*footer-start*/ /**************************************************************/ #footer{ background-color: #333333; line-height: 2.2; color:#fff; font-size: 14px; padding: 18px 0 22px; } .er{ line-height: 1.8; width: 163px; } .er img{ margin-right: 14px; } #footer .wp{ padding: 0 17px; } /**************************************************************/ /*footer-over*/ .index-body.erjibox .wp{ padding: 0; background-image:url(../images/line.jpg); background-repeat:repeat-y; background-position:center top; } .erjibox{ padding-bottom: 20px; } .banner-2 img{ display: block; width: 100%; border-bottom:20px solid #fff; } .banner-2-phone{ display: none; } .banner-2-phone img{ display: block; width: 100% } .menu{ float: left; width: 219px; } .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; font-size: 14px; color:#999; transition: .3s } .menu ul.menu-ul>li:hover>a{ background-color: #31a727; } .menu ul.menu-ul>li:hover>a{ color:#fff; } .menu ul.menu-ul>li.menu-active>a{ background-color: #31a727; } .menu ul.menu-ul>li.menu-active>a{ color:#fff; } .menu ul.menu-ul>li li a {display: block;padding-left: 50px;} .menu ul.menu-ul>li li a:hover{ color:#9a0201; } .content1{ float: right; width: 885px; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px; padding-top:0; } .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; padding:0 10px 0 5px; font-size: 18px; color:#31a727; border-bottom: 3px solid #31a727; } .erji-title-1 img{ margin-left: 6px; margin-right: 5px; } .mianbaoxie{ float: right; margin-right: 9px; color:#757575; text-align: right; } .mianbaoxie a{ font-size: 12px; color:#757575; } .mianbaoxie a:hover{ color:#31a727; } /*===页码====*/ .m-page{text-align: center;padding: 40px 0 ;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:#31a727;color:#fff;background-color: #31a727;} .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:#31a727; } .tupian-list{margin-top: 20px;} .tupian-list ul{ margin-left: -12px; } .tupian-list li{ margin-left: 4px; margin-bottom: 20px; float: left; width: 282px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d0d0d0; box-shadow: 0 4px 6px -2px #ccc; } .tupian-list li:hover h1{ color:#31a727; } .tupian-pic { padding: 15px; overflow: hidden; width: 280px; height: 215px; box-sizing: border-box; } .tupian-pic img { width: 100%; display: block; } .tupian-list li h1{ border-top: 1px solid #d0d0d0; font-size: 14px; color: #353535; height: 41px; line-height: 41px; background-color: #fafafa; padding-left: 15px; background-image: url(../images/pu.jpg); background-repeat: no-repeat; background-position: 93% center; } .about-danpian{ line-height: 1.8; padding:20px; } .danpian-title{ font-size: 28px; color:#454545; padding: 15px 0 5px; text-align: center; } .danpian-title2{ font-size: 14px; color:#999; text-align: center; } .danpian-con{ padding: 15px ; color:#585858; display:block; } .danpian-con p.pp{ text-indent: 2em; } /**************************************/ /********[特殊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: #31a727; } .nav-2{ display: none; background-color: #fff; } .nav-2 li{ } .nav-2 li:first-child>span{ border-top: 0; } .nav-2 li>span{ padding: 10px ; display: block; border-top: 1px dashed #ccc; } .xia-phone{display: none;padding-bottom: 10px;} .xia-phone a{ display: block; font-size: 12px; padding: 8px 0; padding-left: 45px; } .nav-2 li>span a{ font-size: 16px; width: 100%; color:#333; } .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: 250px; margin-left: 5px; margin-top: 3px; } .logo-2 a{ display: inline-block; width: 100%; height: 67px; line-height: 67px; } .logo-2 img{ vertical-align: middle; } .menu2{ height: 100%; line-height: 75px; margin-right: 15px; } .menu2 li{ display: inline-block; cursor:pointer ; margin-left: 10px; } .menu2 li img{ vertical-align: middle; } .chenggao{ display: none; height: 75px; } .banner-x{ display: none; } #nav-2-heidi{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 80000; background-image: url(../images/heidi.png); display: none; } .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; } /**************************************/ /********[特殊css样式要求区域]**********/ /**************************************/ /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ /*日期:2016-01-01; 修改者:L。*/ /*日期:2016-01-01; 修改结尾!*/ .list-news2{margin-top: 15px;} .list-news2 li{ padding: 15px 0; border-top: 1px dashed #ebebeb } .list-news2 li:first-child{ border-top: 0; } .news2-pic{ width: 236px; overflow: hidden; margin-right: 20px; } .news2-pic img{ display: block; width: 100%; transition: .3s; } .list-news2 li h1{ font-size: 18px; color: #585858; transition: .3s; padding-top: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .list-news2 li h1:hover{ color:#31a727; } .list-news2 li h2{ font-size: 14px; color:#999; padding: 10px 0 5px; } .list-news2 li p{ font-size: 14px; color:#999; line-height: 2; height: 84px; overflow: hidden; } /**************************************/ /********[css样式修改区域,需注明日期、作者]**********/ /**************************************/ div.article{ width: 100%; padding: 0 15px; margin:40px auto; } div.article>h1{ text-align: center; font-size: 22px; color:#000; } div.article p img{ display:block; margin:0 auto; height: auto!important; } 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:#31a727; } 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****************/ .xueshu-list-wp{ position: relative; } #lll{ position: absolute; width: 27px; height: 54px; background-repeat: no-repeat; background-position: center; background-image: url(../images/l.png); left: 17px; margin-top: -27px; top: 50%; cursor: pointer;z-index:5; } #rrr{ position: absolute; width: 27px; height: 54px; background-repeat: no-repeat; background-position: center; background-image: url(../images/r.png); right: 17px; margin-top: -27px; top: 50%; cursor: pointer; z-index:5; } /*********article-start****************/ .reduce{ margin:0 0.15rem; } .add{ margin-left: 0.15rem; } .hflas{ width: 162px; margin-top: 36px; } .hflas dl{ margin:0; } .hflas dd{ width: 33px; float: left; transform: scale(0); } .hflas dd+dd{ margin-left: 10px; } .hflas img{ display: block; width: 100%; } .hdd1{ transition: .5s; transition-delay: 0s; } .hdd2{ transition: .5s; transition-delay: .5s; } .hdd3{ transition: .5s; transition-delay: 1s; } .hdd4{ transition: .5s; transition-delay: 1.5s; } .hflas.cur dd{ transform: scale(1); }