@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{ background-color: #017d8e; width: 100%; height: 150px; box-sizing: border-box; } .headerbox{ width: 1200px; margin: auto; } .logo{ width: 649px; margin-top: 30px; } .search{ margin-top: 34px; } .search .sch_up ul li{ display: inline-block; padding: 5px 12px; font-size: 14px; } .search .sch_up{ text-align: right; } .search .sch_up ul li a{ color: #FFFFFF; } .search .sch_down{ margin-top: 5px; } .sch_downbox{ width: 300px; height: 40px; line-height: 40px; padding: 3px; background-color: #FFFFFF; border-radius: 20px; } .sch_downbox input{ width: 260px; height: 100%; float: left; background-color: #FFFFFF; border-radius: 20px; padding: 0 26px; color: #999; } .sch_img{ display: block; width: 34px; height: 34px; line-height: 34px; border-radius: 50%; background-color: #e1ca00; } .sch_img img{ width: 18px; text-align: center; margin: 7px auto; } .contant{ } /* bananer */ .banner{ height: 100%; overflow: hidden; position: relative; } .banner .d1{ width: 100%; height: 500px; display: block; position: absolute; left: 0px; top: 0px; } .banner .d2{ width: 100%; height: 30px; clear: both; position: absolute; z-index: 100; left: 0px; bottom: 20px; } .banner .d2 ul{ float: left; position: absolute; left: 50%; top: 0; margin: 0 0 0 -96px; display: inline; } .banner .d2 li{ width: 17px; height: 15px; overflow: hidden; cursor: pointer; background: url(../img/img1.png) no-repeat center; float: left; margin: 0 3px; display: inline; } .banner .d2 li.nuw{ background: url(../img/img1_1.png) no-repeat center; } /* bananer */ #MutiNav{ font-size: 13px; color: #FFFFFF; background-color: #006876; } #MutiNav a{ text-decoration: none } #MutiNav .multiUl{ width: 1200px; margin: auto; height: 50px; clear: both; display: block; } #MutiNav .multiUl li{ display: block; width: 10%; float: left; height: 50px; position: relative; } #MutiNav .multiUl li:nth-child(5n){ width: 11%; } #MutiNav .multiUl li:nth-child(8n){ width: 13%; } #MutiNav .multiUl li:nth-child(9n){ width: 11%; } #MutiNav .multiUl li:last-child{ width: 8%; } #MutiNav .multiUl li:first-child{ width: 6%; } #MutiNav .multiUl li:hover{ background-color: #ffef5d; } #MutiNav .multiUl li:hover a.mulgo span{ font-weight: 600; color: #005b67; } #MutiNav .multiUl li a.mulgo{ padding: 14px 4px; display: inline-block; z-index: 300; width: 100%; color: #edf7ea; height: 50px; text-align: center; } .bg_active{ background-color: #ffef5d !important; } .bg_active span{ color: #005b67 !important; font-weight: 600; } #MutiNav .multiUl li a.mulgo span{ display: block; color: #FFFFFF; text-align: center; } .mulgochie{ font-size: 16px; } .mulgochie2{ font-size: 15px; } .mulgoeng{ font-size: 12px; } #MutiNav .multiUl li a.on{ font-weight: bold; color: #dfe8d9; text-decoration: none; } #MutiNav .multiUl li blockquote{ display: none; z-index: 201; left: 0px; position: absolute; top: 50px; height: auto; } #MutiNav .multiUl LI blockquote .ChildNavIn{ background-color: #ffef5d; overflow: hidden; width: 200px; color: #dee6e9; height: auto; text-align: center; } #MutiNav .multiUl LI blockquote .ChildNavIn a{ padding: 12px 0; display: inline; float: left; width: 100%; color: #226563; border-bottom: #255f51 1px dotted; text-align: center; } #MutiNav .multiUl LI blockquote .ChildNavIn a:last-child{ border: 0; } #MutiNav .multiUl LI blockquote .ChildNavIn span{ display: block; } #MutiNav .multiUl LI blockquote a:hover{ background: #efda16; } #MutiNav .multiUl #topNavDept blockquote{ display: none; left: -254px; } #MutiNav .multiUl #topNavDept blockquote .ChildNavIn{ background: #1b453b; width: 1000px; } #MutiNav .multiUl #topNavDept .NavDeptIn{ display: inline; background: none transparent scroll repeat 0% 0%; float: left; margin: 0px 0px 0px 20px; width: 310px; text-align: left !important; } #MutiNav .multiUl #topNavDept .NavDeptIn a{ float: none; border-style: none; } #topNavDept .NavDeptIn h6{ overflow: hidden; width: 310px; line-height: 23px !important; border-bottom: #2c705f 1px solid; height: 23px !important; text-align: left; } #topNavDept .NavDeptIn h6 a{ display: block; margin: 0px; line-height: 23px; height: 23px !important; } #MutiNav .multiUl #topNavDept .NavDeptIn .NavDeptInList{ margin-top: 5px; overflow: hidden; width: auto; } #MutiNav .multiUl #topNavDept .NavDeptIn .NavDeptInList a{ float: left; margin: 2px 1px 0px; width: auto; color: #acbc9e; white-space: nowrap; } #MutiNav .multiUl #topNavDept .NavDeptInOther{ clear: both; padding: 5px 0 0 20px; margin: 5px 0px; overflow: hidden; } #MutiNav .multiUl #topNavDept .NavDeptInOther a{ padding-left: 13px; background: url(icon.png) no-repeat 0px -116px; margin: 0px 7px; width: auto; border-style: none; } .PageOne{ width: 1200px; margin: 40px auto; } .OneUp .OneUpL span{ display: inline-block; font-weight: 600; } .OneUp .OneUpL .OneImg{ width: 150px; margin-right: 4px; } .OneUp .OneUpL .OneTxt{ font-size: 20px; font-weight: 600; color: #CCCCCC; } .OneUpR{ color: #999999; font-size: 16px; margin-top: 20px; } .OneUpR:hover{ color: #005662; } .OneDown ul li{ width: 384px; margin-right: 24px; float: left; background-color: #f7f7f7; 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; } .OneDownImg{ display: block; width: 384px; height: 220px; overflow: hidden; } .OneDownImg 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; } .OneDownImg img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .OneDown ul li:last-child{ margin: 0; } .OneDown ul li:hover{ background-color: #017d8e; } .OneDown ul li:hover .OneDate{ background-color: #ffef5d; } .OneDown ul li:hover .heng{ background-color: #FFFFFF; } .OneDown ul li:hover h3{ color: #fff; font-weight: bold; } .OneDown ul li:hover p{ color: #fff; } .OneDown ul li a{ display: block; } .OneDownbox{ padding: 16px; } .OneDate{ width: 70px; height: 70px; background-color: #c6dfe2; border-radius: 5px; padding: 8px 0; } .OneDate span{ display: block; text-align: center; } .OneDate .span1{ font-size: 24px; color: #005662; } .OneDate .span2{ font-size: 12px; color: #005662; } .OneCont{ width: 76%; } .OneCont h3{ font-size: 18px; color: #000; } .heng{ width: 26px; height: 3px; margin: 12px 0 16px 0; background-color: #005662; } .OneCont p{ font-size: 14px; color: #666666; line-height: 26px; } .PageTwo{ background: url(../img/tzgg_1.png); height: 600px; margin-bottom: 40px; } .PageTwoBox{ width: 1200px; margin: auto; padding-top: 45px; } .TwoL{ width: 792px; height: 513px; background-color: #FFFFFF; padding: 20px; } .TwoR{ width: 384px; height: 513px; background-color: #FFFFFF; padding: 22px; } .TwoLDown ul li{ background-color: #f7f7f7; padding: 12px 20px; margin-bottom: 14px; transition: All 0.2s ease-in-out; -webkit-transition: All 0.2s ease-in-out; -moz-transition: All 0.2s ease-in-out; -o-transition: All 0.2s ease-in-out; } .TwoLDown ul li:last-child{ margin: 0; } .TwoLDown ul li:hover{ background-color: #017d8e; } .TwoLDown ul li:hover span{ color: #FFFFFF; } .TwoLDown ul li:hover h3{ color: #ffef5d; } .TwoLDown ul li:hover p{ color: #FFFFFF; } .TwoLDown ul li a{ display: block; } .TwoLDate{ width: 70px; } .TwoLDate span{ display: block; text-align: center; } .TwoLDate .Date1{ font-size: 40px; color: #666666; } .TwoLDate .Date2{ font-size: 14px; color: #666666; } .TwoLCont{ width: 88%; } .TwoLCont h3{ font-size: 18px; font-weight: 600; color: #000; margin-top: 3px; } .TwoLCont p{ font-size: 14px; color: #666; margin-top: 6px; } .PageThree{ width: 1200px; margin: auto; } .marqueeleft{ height: 136px; width: 1200px; overflow: hidden; margin: 20px auto; } .marqueeleft ul{ float: left; } .marqueeleft li{ float: left; margin: 0 5px; display: inline; width: 148px; height: 133px; overflow: hidden; cursor: pointer; } .marqueeleft li .pic{ display: block; width: 120px; height: 120px; padding: 2px; overflow: hidden; } .footer{ background: url(../img/di_bg.png); height: 200px; } .footerbox{ width: 1200px; margin: auto; padding: 10px 0; } .ttup{ width: 249px; } .ttdown{ margin-left: 60px; } .ttdown span{ display: block; line-height: 24px; font-size: 14px; color: #fff; } .footL{ margin-top: 45px; } .footR{ width: 100px; margin-top: 25px; } .footR span{ display: block; color: #FFFFFF; font-size: 14px; text-align: center; } .er_banner{ width: 100%; background: url(../img/erji_bg.jpg) center; height: 280px; } .bannerimg{ width: 1200px; margin: auto; height: 280px; position: relative; } .banneritem{ position: absolute; left: 0; bottom: 0; width: 220px; height: 48px; line-height: 48px; color: #FFFFFF; font-size: 20px; text-align: center; background: rgba(1,125,142,0.75); } .er_cont{ width: 1200px; margin: 0 auto 50px; } .contl{ width: 220px; } .contl ul{ margin-bottom: 50px; } .contl ul li{ width: 100%; height: 48px; line-height: 48px; text-align: center; background-color: #F7F7F7; border: 1px #ebebeb solid; margin-top: 6px; } .contl ul li:hover{ background-color: #d6ebee; border: 1px #ebebeb solid; color: #005662; } .contl ul li:hover a{ color: #005662; } .contl ul li a{ display: block; width: 100%; height: 100%; color: #666; } .er_active{ background-color: #d6ebee !important; color: #005662 !important; font-weight: 600; border: 1px #b4d3d8 solid !important; } .er_active2{ background-color: #d6ebee !important; color: #005662 !important; font-weight: 600; } .contr{ width: 76%; } .contrupbox{ border-bottom: 1px #ccc solid; margin-top: 14px; } .contrupl{ font-size: 20px; font-weight: 600; color: #017d8e; padding-bottom: 10px; border-bottom: 3px #017d8e solid; } .contrupr{ text-align: right; font-size: 14px; margin-top: 10px; } .contrupr a{ color: #666666; } .contrupr a:hover{ color: #017d8e; } .contrdown{ margin-top: 8px; } .contrdown ul li{ line-height: 50px; border-bottom: 1px #ebebeb dashed; } .contrdown ul li:hover h3{ color: #017D8E; } .contrdown ul li:last-child{ border: 0; } .contrdown ul li:hover a{ color: #005662; } .contrdown ul li a{ display: block; } .contrdown ul li a .dian{ display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #ffb700; margin: 23px 14px 0 0; } .contrdown ul li a h3{ width: 84%; font-size: 14px; color: #000; } .contrdown ul li a span{ font-size: 14px; color: #999; width: 100px; text-align: right; } .contitem{ text-align: center; margin-top: 30px; } .contdate{ text-align: center; margin: 10px 0 40px 0; border-bottom: 1px #ebebeb dashed; padding-bottom: 25px; } .contdate span{ font-size: 14px; color: #999; } .contpp{ font-size: 14px; line-height: 26px; margin-bottom: 20px; text-indent: 2em; }