body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, input, textarea, p{ margin: 0; padding: 0; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } html { min-width: 1300px; height: 100%; font-family: "microsoft yahei","segoe ui", "lucida grande", helvetica, arial,sans-serif;} a { text-decoration: none; } body { min-width: 1200px; } img { border: 0; } textarea{resize: none; } ol, ul, li { list-style: none; } .clear{clear:both;} .menu{ height: 80px;position: fixed;width: 100%;z-index: 10;background-color: #fff;top:0px;} .ccsmodu{ width: 1200px;margin: 0 auto;} .logo{ display: inline-block;float: left} .nav{ float: left;height: 80px;} .ccsdisplaymiddle { font-size: 0; } .ccsdisplaymiddle>* { font-size: 16px; display: inline-block; vertical-align: middle; } .ccsdisplaymiddle li { margin-left: 41px;vertical-align: middle;height: 80px;line-height: 80px;} .ccsdisplaymiddle li:hover a{color:#118643;} .ccsdisplaymiddle li a{ color: #666;font-size: 14px;} .cssmobilephone{ float: right;margin-top: 20px;} .cssmobilephone p span a{color: #000;} a:hover{ color: #118643; } .banner{ width: 100%; height: auto; height: 460px; margin-top: 80px; } .banner img{ width: 100%; height: 460px; } .content{ width: 100%; text-align: center; } .content .main{ width: 1200px; margin: auto; } .content .notice{ width: 100%; height: 45px; line-height: 45px; border-bottom: 1px solid #ddd; } .content .notice1{ width: 1200px; margin: auto; } .content .notice img{ float: left; margin-top: 10px; } .content .notice t{ color: #999; } .content .notice p{ margin-left: 20px; float: left; font-size: 16px; color: #333; } .content .notice .p1{ float: right; color: #999; } .content .notice .p1 a{ color: #999; font-size: 14px; } .content .main{ margin-top: 35px; } .content .main .mod1{ width: 100%; } .content .main .mod1 .mod1left{ width: 40%; float: left; } .content .main .mod1 .mod1left .divtitle .title1{ font-size: 28px; float: left; letter-spacing:2px; /*font-weight: bold;*/ } .content .main .mod1 .mod1left .divtitle .title2{ font-size: 16px; color: #999; float: left; margin-left: 10px; margin-top: 13px; } .content .main .mod1 .mod1left .divtext{ font-size: 14px; color: #666; margin-top: 20px; } .content .main .mod1 .mod1left .divtext .text1{ text-align:justify; line-height: 20px; margin-right: 40px; } .content .main .mod1 .mod1left .divblock{ margin-top: 12px; width: 480px; } .content .main .mod1 .mod1left .divblock .divblockimg{ float: left; width: 60px; margin-right: 60px; } .content .main .mod1 .mod1left .divblock .divblockimg p{ margin-top: 10px; color: #666; } .content .main .mod1 .mod1left .divblock .divblockimg .speciall{ color: #118643; } .content .main .mod1 .mod1right{ width: 100%; float: left; text-align: left; } .content .main .mod1 .mod1right .mod1righttitle{ font-size: 28px; font-weight: bold; color: #333; text-align: center; } .content .main .mod1 .mod1right .wslist{ margin-top: 20px; } .subtitle{ font-size: 16px; color: #333; font-weight: normal; margin-top: 10px; } .content .main .mod1 .mod1right .wslist .wsimg{ float: left; width: 280px; margin-right: 26px; } .content .main .mod1 .mod1right .wslist .wsimg img{ width: 100%; } .content .main .mod1 .mod1right .wslist .wsimg:nth-child(4){ margin-right: 0px; } .content .main .mod1 .mod1right .wslist .wsimg p{ color: #666; font-size: 16px; text-align: center; margin-top: 10px; } .content .mod2{ background-color: #f7f7f7; margin-top: 25px; padding-top: 25px; width: 100%; text-align: center; padding-bottom: 25px; } .content .mod2 .mod2title{ font-size: 28px; font-weight: bold; text-align: center; color: #333; } .content .mod2 .mod2list{ /*margin-top: 10px;*/ } .content .mod2 .mod2list .mod2img{ float: left; width: 220px; margin-right: 25px; margin-top: 10px; } .content .mod2 .mod2list .mod2img img{ height: 220px; width: 100%; } .content .mod2 .mod2list .mod2img p{ margin-top: 5px; color: #666; } .content .mod2 .mod2list .mod2img:nth-child(5n){ margin-right: 0px; } .content .mod2 .mod2list .mod2img:nth-child(n 5){ margin-top: 10px; } .content .mod2 .mod2main{ width: 1200px; margin: auto; margin-top: 10px; } .main .mod3 .mod3left{ width: 790px; margin-right: 20px; float: left; padding: 20px; border-radius: 10px; border:1px solid #ccc; } .main .mod3 .mod3right{ width: 390px; float: left; padding: 20px; padding-bottom: 8.5px; border-radius: 10px; border:1px solid #ccc; } .main .mod3 .news img{ float: left; margin-top: 3px; } .main .mod3 .news p{ float: left; font-size: 28px; margin-left: 20px; color: #333; font-weight: bold; } .main .mod3 .news a{ display: block; float: right; margin-top: 13px; color: #999; } .main .mod3 .newscontent{ width: 100%; margin-top: 10px; } .main .mod3 .newscontent .newscontent1{ width: 500px; float: left; margin-top: 10px; } .main .mod3 .newscontent .newscontent2{ width: 240px; float: left; margin-top: 10px; } .main .mod3 .newscontent .newscontent1 img{ width: 200px; float: left; height: 100px; } .main .mod3 .newscontent .newscontent1 p{ float: left; width: 300px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; text-align: left; color: #333; } .main .mod3 .newscontent .newscontent1 .time{ color: #999; } .main .mod3 .newscontent .newscontent1 .title{ font-size: 16px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; margin-bottom: 10px; } .main .mod3 .newscontent .newscontent1 .newsdescription{ /*overflow: hidden;*/ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 10px; line-height: 20px; color: #666; } .main .mod3 .newscontent .newscontent2{ border-left:1px solid #ccc; } .main .mod3 .newscontent .newscontent2 p{ line-height: 20px; margin-bottom: 10px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; margin-bottom: 5px; text-align: left; padding-left: 15px; box-sizing: border-box; } .main .mod3 .mod3right .objectlist{ margin-top: 20px; } .main .mod3 .mod3right .objectlist a{ display: block; float: left; width: 116px; text-align: left; margin-bottom: 9px; } .main .mod3 .mod3right .objectlist a:nth-child(n>10){ margin-bottom: 0px; } .main .mod3 a:hover{ color: #118643; } .caigou{ position: fixed; right: 0px; width: 197px; height: 83px; top:65%; z-index: 10000000000000; } .caigou img{ width: 100%; height: 100%; }