@font-face { font-family: 'iconfont'; /* project id 2142635 */ src: url('//at.alicdn.com/t/font_2142635_jhhrnn704bj.eot'); src: url('//at.alicdn.com/t/font_2142635_jhhrnn704bj.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2142635_jhhrnn704bj.woff2') format('woff2'), url('//at.alicdn.com/t/font_2142635_jhhrnn704bj.woff') format('woff'), url('//at.alicdn.com/t/font_2142635_jhhrnn704bj.ttf') format('truetype'), url('//at.alicdn.com/t/font_2142635_jhhrnn704bj.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont" !important; font-size: 14px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .header{ width: 100%; } .h_topbox{ width: 100%; height: 40px; line-height: 40px; background-color: #f7f7f7; } .h_top{ width: 1200px; margin: auto; } .h_item{ font-size: 14px; color: #666; } .h_home li{ display: inline-block; font-size: 14px; color: #666666; padding-right: 10px; } .h_home a{ display: block; font-size: 14px; float: left; margin-left: 10px; color: #666666; } .h_home a:hover{ color: #ff9a22; } .h_down{ width: 1200px; margin: auto; } .logo{ width: 353px; padding: 18px 0; } .sch_downbox{ width: 360px; height: 44px; line-height: 44px; border-radius: 30px; margin-top: 23px; border: 1px #cccccc solid; background-color: #fff; } .sch_downbox input{ width: 280px; height: 100%; float: left; background-color: #FFFFFF; border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding-left: 14px; color: #999; } .sch_img{ display: block; width: 60px; height: 44px; line-height: 44px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #FFFFFF; padding-left: 8px; } .sch_img img{ width: 24px; text-align: center; margin: 10px 4px; float: left; } #MutiNav{ font-size: 13px; color: #FFFFFF; background-color: #07a54d; position: relative; } #MutiNav a{ text-decoration: none } #MutiNav .multiUl{ width: 1200px; margin: auto; height: 50px; clear: both; display: block; } #MutiNav .multiUl .multiUlli{ display: block; float: left; padding: 0 25px; float: left; height: 50px; } #MutiNav .multiUl .multiUlli:hover{ background-color: #009542; } #MutiNav .multiUl .multiUlli:hover a.mulgo span{ font-weight: 600; color: #FFFFFF; } #MutiNav .multiUl .multiUlli a.mulgo{ padding: 14px 4px; display: inline-block; z-index: 300; width: 100%; color: #edf7ea; height: 50px; text-align: center; } .bg_active{ background-color: #009542 !important; } .bg_active span{ color: #FFFFFF !important; font-weight: 600; } .active{ background-color: #009542 !important; } #MutiNav .multiUl .multiUlli a.mulgo span{ display: block; color: #FFFFFF; text-align: center; } .mulgochie{ font-size: 18px; } .mulgochie2{ font-size: 16px; } .mulgoeng{ font-size: 12px; } blockquote{ display: none; z-index: 201; left: 0px; position: absolute; top: 50px; height: auto; width: 100%; } .ChildNavIn{ padding: 20px; background: rgba(255,255,255,0.85); overflow: hidden; width: 1200px; margin: auto; height: auto; text-align: center; } .ChildNavIn ul{ width: 1200px; margin: auto; } .ChildNavIn ul li{ width: 25%; border-right: 1px #ddd dashed; float: left; } .ChildNavIn ul li:last-child{ border: 0; } .ChildNavIn .xbzlzd{ display: block; width: 50%; text-align: center; margin-top: 20px; } .xbzlzd span{ display: block; font-size: 16px; color: #333333; } .xbzlzd:hover span{ color: #EE8515; } .xbzlzd span img{ margin: 0 auto 6px; } .xbcot{ width: 50%; } .xbcot a{ width: 40%; float: left; line-height: 26px; color: #666666; } .xbcot a:hover{ color: #EE8515; } .gersawd{ width: 800px; margin: auto; } .fjsojg{ width: 300px; margin-top: 5px; } .vdas{ width: 480px; text-align: left !important; margin-left: 20px; } .fjsjkih{ display: block; padding: 10px 0; width: 44%; text-align: left; margin: 5px; background-color: #FFFFFF; } .fjsjkih:hover span{ color: #EE8515; } .fjsjkih span{ display: block; font-size: 16px; color: #333333; text-align: center; } .fjsjkih span img{ margin: 0 auto 2px; } .ban{ background: url(../img/bg.png); height: 540px; } .contant{ width: 1200px; margin: -200px auto 0 auto; background-color: #fff; z-index: 999; } .PageBox{ background-color: #FFFFFF; padding: 20px; } .scrollbox{ width: 1160px; position: relative; } #scrollDiv{ width: 1160px; height: 100px; overflow: hidden; display: block; background: url(../img/toutiao.png); } #scrollDiv ul{ width: 1160px; } #scrollDiv li{ width: 100%; height: 100px; padding: 10px; text-align: center; box-sizing: border-box; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } #scrollDiv li a{ width: 100%; overflow: hidden; display: block; } #scrollDiv li a h2{ font-size: 22px; font-weight: bold; margin-top: 8px; margin-bottom: 10px; color: #333; } #scrollDiv li a p{ width: 80%; margin: auto; font-size: 14px; color: #666666; display: block; overflow: hidden; } #scrollDiv li a em{ height: 18px; line-height: 18px; text-align: center; font-size: 14px; width: 30px; border: 1px solid #72ae2d; display: block; color: #72ae2d; margin-top: 8px; } .scroltit{ position: absolute; right: 14px; top: 30px; width: 18px; } .scroltit small{ float: right; font-size: 12px; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #bbbbbb; color: #fff; font-family: "宋体"; margin: 2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .scroltit small img{ width: 10px; margin: 6px auto; } .scroltit small:hover{ background: #ff9a22; } .PageOne{ margin-top: 20px; } .pos1{ position:relative; } #inlunbo{ width: 590px; height: 400px; } #inlunone{ width: 590px; height: 400px; overflow: hidden; } #inlunone li{ float: left; width: 590px; height: 400px; display: none; position: relative; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } #inlunone li a{ display: block; } #inlunone li a img{ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .luntxt{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px 15px; background: rgba(0,0,0,0.65); } .luntxt .ltxta{ display: block; width: 75%; color: #FFFFFF; font-size: 16px; } #inlunone li img{ width: 100%; } #inlunone .lunactive{ display: block; } #inluntwo .lunactive{ background: #801b1f; color: #FFFFFF; font-size: 12px; } #inluntwo{ position: absolute; right: 10px; bottom: 12px; font-size: 12px; } #inluntwo li{ float: left; width: 16px; height: 16px; background: #fff; margin-left: 5px; cursor: pointer; text-align: center; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .PageOneR{ width: 548px; } #menu{ width: 548px; height: 400px; overflow: hidden; } #menu #nav { display: block; width: 100%; padding: 0; margin: 0; list-style: none; } .PageOneRUp{ height: 44px; line-height: 44px; background-color: #f7f7f7; border-bottom: 2px #07a54d solid; } .PageOneRUp .gengdduo{ font-size: 14px; color: #666666; padding-right: 14px; } .PageOneRUp .gengdduo:hover{ color: #ee8515; } #menu #nav li { float: left; width: 120px; } #menu #nav li a{ display: block; line-height: 44px; font-size: 18px; text-decoration: none; text-align: center; color: #333; } #menu_con .tag .tagup{ display: block; margin: 14px 0 10px; padding-bottom: 14px; border-bottom: 1px #DDDDDD dashed; } #menu_con .tag .tagup h3{ font-size: 20px; font-weight: 600; padding: 0 30px; color: #07a54d; } #menu_con .tag .tagup p{ margin-top: 6px; font-size: 14px; text-indent: 2em; line-height: 24px; color: #666666; } #menu_con .tag ul li{ line-height: 40px; } #menu_con .tag ul li a h3{ width: 80%; float: left; font-size: 16px; color: #333333; } #menu_con .tag ul li:hover h3{ color: #ee8515; } #menu_con .tag ul li a span{ display: block; float: right; font-size: 14px; color: #999999; } .tag{ overflow: hidden; } .selected{ background: #07a54d; color: #fff !important; font-weight: 600; } .kjrukou{ margin-top: 30px; } .kjrukou ul{ height: 120px; } .kjrukou ul li{ float: left; width: 170px; height: 120px; margin-right: 28px; text-align: center; padding: 20px 0; background-color: #f1f3f6; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .kjrukou ul li a{ display: block; height: 100%; } .kjrukou ul li:last-child{ margin: 0; } .kjrukou ul li:hover{ background-color: #07a54d; } .kjrukou ul li:hover h3{ color: #FFFFFF; } .kjrukou ul li:hover .spanmg{ display: none; } .kjrukou ul li:hover .spanmg1{ display: block !important; } .kjrukou ul li span{ display: block; width: 44px; margin: auto; } .kjrukou ul li h3{ margin-top: 10px; font-size: 18px; color: #333333; } .hzjlbox{ background: url(../img/hzjl_bg.png); height: 500px; padding: 20px; } .hzjl{ width: 1200px; margin: auto; background-color: #FFFFFF; padding: 20px; } .h_l{ width: 384px; } .h_lup{ border-bottom: 1px #CCCCCC solid; } .h_lupl{ display: block; font-size: 20px; font-weight: 600; color: #07a54d; padding-bottom: 10px; border-bottom: 2px #07a54d solid; } .h_luph{ color: #ee8515; } .h_lup a{ display: block; font-size: 14px; color: #666666; margin-top: 4px; } .h_lup a:hover{ color: #EE8515; } .h_ldown{ margin-top: 14px; } .h_ldown ul li{ line-height: 42px; } .h_ldown ul li a{ display: block; font-size: 16px; } .h_ldown ul li a span{ display: block; float: left; width: 4px; height: 4px; border-radius: 50%; background-color: #666666; margin: 20px 12px 0 0; } .h_ldown ul li a:hover{ color: #EE8515; } .h_ldown ul li a:hover span{ background-color: #EE8515; } .h_r{ width: 742px; } .h_rdown{ margin-top: 20px; } .h_rdown ul li{ width: 230px; float: left; margin-right: 26px; background-color: #F7F7F7; padding-bottom: 15px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .h_rdown ul li:last-child{ margin: 0; } .h_rdown ul li:hover{ background-color: #07a54d; } .h_rdown ul li:hover h3{ color: #FFFFFF; font-weight: 600; } .h_rdown ul li:hover p{ color: #FFFFFF; } .h_rdown ul li a{ display: block; } .h_rdown ul li a .spimg{ display: block; width: 230px; height: 140px; overflow: hidden; } .h_rdown ul li a .spimg img{ height: 100%; transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; } .h_rdown ul li:hover a .spimg img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .h_rdown ul li a h3{ padding: 0 14px; margin-top: 14px; font-size: 16px; line-height: 26px; color: #000; font-weight: 600; } .h_rdown ul li a p{ padding: 0 14px; font-size: 14px; text-indent: 2em; color: #666666; line-height: 26px; margin-top: 10px; } .h_rdown ul li a p span{ color: #EE8515; } .zcwjbox{ width: 1200px; margin: auto; padding: 20px 20px 0 20px; background-color: #FFFFFF; } .z_ldown .zxwjbox{ display: block; background-color: #f1f2f4; margin-top: 20px; padding-right: 10px; } .z_ldown .zxwjbox .z_img{ display: block; width: 76px; margin-right: 10px; } .z_ldown .zxwjbox:hover h3{ color: #EE8515; } .z_ldown .zxwjbox:hover .z_date{ color: #EE8515; } .z_ldown .zxwjbox h3{ width: 60%; font-size: 16px; color: #666666; line-height: 26px; margin-top: 8px; } .z_ldown .zxwjbox .z_date{ display: block; font-size: 14px; color: #999999; padding: 12px 0; } .jiantou{ font-size: 16px; color: #666666; margin-right: 10px; } .z_ldown ul{ margin-top: 14px; } .z_ldown ul li{ line-height: 26px; padding-right: 10px; padding-bottom: 14px; border-bottom: 1px #DDDDDD dashed; margin-bottom: 14px; } .z_ldown ul li:hover h4{ color: #EE8515; } .z_ldown ul li:hover .jiantou{ color: #EE8515; } .z_ldown ul li:hover .c_span{ color: #EE8515; } .z_ldown ul li:last-child{ border: 0; } .z_ldown ul li h4{ font-size: 16px; width: 77%; color: #333; } .c_span{ font-size: 14px; color: #999999; } .c_rdownl{ display: block; width: 330px; margin-top: 14px; } .c_rdownl .gredsgre{ font-size: 18px; font-weight: 600; color: #000000; width: 100%; margin: auto; text-align: center; } .c_sdfimg{ margin-top: 14px; width: 330px; height: 146px; overflow: hidden; } .c_sdfimg img{ transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out; } .c_sdfimg:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .c_rdownl p{ text-indent: 2em; font-size: 14px; color: #666666; margin-top: 10px; margin-bottom: 20px; } .ztzl{ width: 1200px; margin: 20px auto; padding: 20px; background-color: #FFFFFF; } .ztzldown{ margin-top: 20px; } .ztzldown ul li{ float: left; width: 270px; height: 140px; overflow: hidden; margin-right: 26px; } .ztzldown ul li a{ display: block; } .ztzldown ul li a img{ transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .ztzldown ul li:hover a img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .ztzldown ul li:last-child{ margin: 0; } .yqlj{ background-color: #009542; padding: 10px 0; } .yqljbox{ width: 1200px; margin: auto; } .yqljbox h4{ font-size: 18px; font-weight: 600; color: #FFFFFF; margin-right: 10px; } .yqljbox ul li{ display: inline-block; margin: 0 30px 10px 0; } .yqljbox ul li a{ color: #fff; font-size: 14px; } .footer{ background-color: #07a54d; } .footerbox{ width: 1200px; margin: auto; padding: 20px 0; } .ftl{ margin-left: 100px; margin-top: 30px; } .ftr{ margin-left: 20px; margin-top: 30px; } .ftm{ line-height: 30px; font-size: 14px; color: #FFFFFF; margin-left: 30px; } .ftm span{ line-height: 30px; float: left; font-size: 14px; color: #FFFFFF; margin-right: 30px; } .ftm span img{ width: 18px; } .weizhibox{ height: 40px; line-height: 40px; background-color: #FFFFFF; } .weizhi{ width: 1200px; margin: auto; } .weizhi span{ display: block; float: left; font-size: 14px; color: #666666; } .weizhi a{ font-size: 14px; color: #666666; } .weizhi a:hover{ color: #EE8515; } .er_bann{ background: url(../img/ny_banner.jpg) center; height: 200px; } .er_bann2{ background: url(../img/nycyh_banner.jpg) center; height: 200px; } .er_bann3{ background: url(../img/bjgh_banner.jpg) center; height: 200px; } .er_bann4{ background: url(../img/lsny_banner.jpg) center; height: 200px; } .er_bann5{ background: url(../img/kydt_banner.jpg) center; height: 200px; } .er_bann6{ background: url(../img/zlxc_banner.jpg) center; height: 200px; } .er_bann7{ background: url(../img/qt_banner.jpg) center; height: 200px; } .er_bann8{ background: url(../img/ztzl_banner.jpg) center; height: 200px; } .er_bann9{ background: url(../img/xinwne.jpg) center; height: 200px; } .er_bann10{ background: url(../img/gybs_banner.jpg) center; height: 200px; } .er_contant{ width: 1200px; margin: 20px auto 20px; } .er_contl{ width: 240px; background-color: #FFFFFF; } .hjk_item{ padding: 30px 14px; background-color: #07a54d; } .hjk_item h3{ font-size: 26px; color: #FFFFFF; padding-bottom: 14px; border-bottom: 1px #21c168 solid; } .er_contl ul li{ padding: 0 20px; line-height: 60px; border-bottom: 1px #DDDDDD dashed; border-left: 2px #FFFFFF solid; } .er_contl ul li:last-child{ border: 0; } .er_contl ul li:hover{ border-left: 2px #07a54d solid; } .er_contl ul li:hover a{ color: #07a54d; font-weight: 600; } .er_contl ul li a{ display: block; } .active2{ border-left: 2px #07a54d solid !important; } .active3{ color: #07a54d; font-weight: 600; } .er_contr{ width: 940px; background-color: #FFFFFF; padding: 20px; } .er_contr ul li{ width: 210px; float: left; margin-right: 20px; background-color: #f6f9fe; margin-bottom: 20px; } .er_contr ul li:nth-child(4n){ margin: 0; } .er_coa{ display: block; position: relative; } .er_coaimg{ height: 142px; border-bottom: 2px #EE8515 solid; } .er_coaimg img{ height: 100%; } .er_item{ position: absolute; right: 0; top: 128px; background-color: #EE8515; color: #FFFFFF; padding: 4px 20px; font-size: 16px; font-weight: 600; } .er_neirong{ margin-top: 20px; padding: 0 14px; } .er_neirong p{ font-size: 14px; color: #333333; line-height: 26px; } .er_bouutn{ display: block; margin: 14px; text-align: center; font-size: 14px; color: #EE8515; } .g_item{ margin-bottom: 30px; text-align: center; font-size: 24px; color: #000000; } .er_contr .g_contr p{ font-size: 14px; line-height: 26px; color: #444444; text-indent: 2em; } .g_yuzhong{ margin: 20px 0; } .g_yuzhong .g_span1{ display: block; width: 4px; height: 16px; background-color: #07a54d; margin: 5px 8px 0 0; } .g_yuzhong .g_span2{ font-size: 18px; color: #333333; font-weight: 600; } .cyh_contr{ width: 940px; background-color: #FFFFFF; } .cyh_contr ul li{ padding: 30px; border-bottom: 1px #DDDDDD dashed; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .cyh_contr ul li:last-child{ border: 0; } .cyh_contr ul li:hover{ border: 0; box-shadow: 0px 2px 32px -5px rgba(133, 139, 144, 0.3); } .cyh_contr ul li:hover h3{ color: #ee8515; } .cyh_contr ul li:hover .jianttewr{ color: #ee8515; } .cyh_contr ul li a{ display: block; } .cyhl{ width: 85%; } .cyhl h3{ font-size: 18px; font-weight: 600; color: #333333; } .cyhl p{ font-size: 16px; color: #666666; line-height: 30px; margin-top: 10px; } .cyhr .cyhr_date{ font-size: 20px; color: #999999; } .jianttewr{ margin-top: 10px; color: #999999; } .xqer_cont{ padding: 30px 40px; } .xqer_cont h3{ font-size: 22px; text-align: center; color: #333333; padding-bottom: 10px; border-bottom: 1px #ebebeb solid; margin-bottom: 10px !important; } .xqer_date{ text-align: center; font-size: 14px; color: #999; margin-bottom: 20px; } .xqer_date span{ color: #999; } .xqer_cont p{ font-size: 16px; color: #333333; line-height: 30px; text-indent: 2em; } .gybscont{ width: 1200px; margin: 40px auto; } .gybsyi .gybsl{ width: 540px; height: 390px; } .gybsr{ width: 660px; height: 390px; padding: 30px; background-color: #F7F7F7; } .gybsr h4{ font-size: 20px; font-weight: 600; } .gybsr span{ display: block; width: 40px; height: 2px; background-color: #333333; margin: 14px 0; } .gybsr p{ font-size: 14px; color: #666666; line-height: 30px; } .gybser{ margin: 40px 0; } .gybserl{ text-align: right; width: 600px; } .gjesd{ padding-right: 30px; } .gybserl h4{ font-size: 20px; font-weight: 600; text-align: right; } .gybserl .geshvgs{ display: block; float: right; width: 40px; height: 2px; background-color: #333333; margin-bottom: 14px; } .gybserbox{ background-color: #F7F7F7; padding: 30px; height: 237px; } .lxdia{ font-size: 18px; font-weight: 600; color: #333333; } .gyboxer{ width: 42px; margin-left: 20px; }