body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup { margin: 0; padding: 0 } input,select,textarea { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 } fieldset,img { border: 0 } caption,th { text-align: left } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 500 } ul,ol,li { list-style: none } em,i { font-style: normal } del { text-decoration: line-through } address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 500 } img { border: 0; max-width: 100% } input,img { vertical-align: middle } input:focus,a:focus { outline: none } a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0) } a:active { opacity: .7 } * { outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-box-sizing: border-box; box-sizing: border-box } html { -webkit-text-size-adjust: none; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); background: #f4f4f4; color: #333; font-family: "Helvetica Neue",Helvetica,Tahoma,sans-serif } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.3; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article,aside,footer,header,nav,section { display: block } h1 { font-size: 2em; margin: 0.67em 0 } figcaption,figure,main { display: block } figure { margin: 1em 40px } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b,strong { font-weight: inherit } b,strong { font-weight: bolder } code,kbd,samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -0.25em } sup { top: -0.5em } audio,video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button,input,optgroup,select,textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button,input { overflow: visible } button,select { text-transform: none } button,html [type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button } button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0 } button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: 0.35em 0.75em 0.625em } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type="checkbox"],[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } [type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px } [type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details,menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } .bdr-btm,.bdr-top { position: relative } .bdr-top::before { content: ' '; position: absolute; width: 100%; left: 0; top: 0; border-top: 1px solid #ddd; color: #ddd; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) } .bdr-btm::after { content: ' '; position: absolute; width: 100%; left: 0; bottom: 0; border-top: 1px solid #ddd; color: #ddd; -webkit-transform: scaleY(0.5); -ms-transform: scaleY(0.5); transform: scaleY(0.5) } .fl { float: left } .fr { float: right } .clearfix:before,.clearfix:after { display: table; content: '' } .clearfix:after { clear: both; zoom:1} html,body { height: 100% } body { min-width: 1200px } body a:hover { cursor: pointer; text-decoration: none } .publicHead { width: 100%; height: 40px; -webkit-box-shadow: inset 0px -1px 0px 0px rgba(4,0,0,0.1); box-shadow: inset 0px -1px 0px 0px rgba(4,0,0,0.1) } .publicHead .headCont { width: 1200px; height: 40px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .publicHead .contLeft { font-size: 12px; color: #9897a3 } .publicHead .contLeft a { color: #70b582; padding: 0 10px } .publicHead .contRight { font-size: 12px; color: #9897a3 } .publicHead .contRight a { padding-left: 21px } .publicHead .contRight .active { color: #70b582 } .logo { height: 120px; width: 1200px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .logo .right img { float: left } .logo .lian { display: inline-block; margin-left: 13px } .logo .all { font-size: 12px; letter-spacing: 7px; color: #b3c49e } .logo .phone { font-size: 16px; color: #94c04f } .nav { background-color: #117b33; clear: both } .nav .navCont { width: 1200px; height: 60px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav .navCont .item { width: 200px; height: 60px; font-size: 14px; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative } .nav .navCont .item a { display: inline-block; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .nav .navCont .item .items { width: 200px; height: 24px; display: inline-block; border-right: 1px solid #0b4c1f; color: white; -webkit-box-shadow: 1px 0 #178b3c; box-shadow: 1px 0 #178b3c; cursor: pointer } .nav .navCont .item .wo { border-right: none; -webkit-box-shadow: none; box-shadow: none } .nav .navCont .active { width: 200px; background-color: #8abb4c } .nav .navCont .itemCont { display: none; position: absolute; top: 60px; left: 0; background: #8abb4c; width: 200px; z-index: 999 } .nav .navCont .itemCont li { height: 33px; line-height: 33px } .nav .navCont .itemCont li:last-child { margin-bottom: 20px } .nav .navCont .itemCont li a { color: white } .search { height: 60px; width: 100%; -webkit-box-shadow: inset 0px -1px 0px 0px rgba(4,0,0,0.1); box-shadow: inset 0px -1px 0px 0px rgba(4,0,0,0.1) } .search .searchCont { width: 1200px; margin: auto; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .search .searchLeft span { font-size: 14px; color: #666666 } .search .searchLeft .active { color: #8abb4c } .search .searchLeft span:nth-child(n+2) { padding-right: 10px } .search .searchRight { position: relative } .search .searchRight #searchValue { width: 180px; height: 32px; background-color: #f0f0f0; -webkit-border-radius: 16px; border-radius: 16px; border: none; padding-left: 12px } .search .searchRight ::-webkit-input-placeholder { font-size: 12px; color: #cccccc } .search .searchRight .btnSearch { background: url("../images/btn_search.png") no-repeat; width: 32px; height: 32px; border: none; position: absolute; top: 0; right: 0 } .pic { display: block; width: 1200px; height: 326px; margin: auto } .publicCont { width: 1200px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 10px } .publicCont .publicContLeft { width: 280px } .publicCont .publicContLeft .contLeftTop { width: 280px; padding-bottom: 35px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 16px 0px rgba(64,64,71,0.15); box-shadow: 0px 2px 16px 0px rgba(64,64,71,0.15); overflow: hidden } .publicCont .publicContLeft .contLeftTop .top { width: 280px; height: 60px; background-color: #60bd90; text-align: center; line-height: 60px; font-size: 18px; letter-spacing: 1px; color: #ffffff } .publicCont .publicContLeft .contLeftTop p { font-size: 14px; letter-spacing: 1px; color: #60626f; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; padding-left: 54px; width: 275px; height: 17px; margin-top: 35px } .publicCont .publicContLeft .contLeftBottom { width: 280px; background-color: #ffffff; -webkit-box-shadow: 0px 2px 16px 0px rgba(64,64,71,0.15); box-shadow: 0px 2px 16px 0px rgba(64,64,71,0.15); margin-top: 10px; overflow: hidden; padding-bottom: 30px } .publicCont .publicContLeft .contLeftBottom .top { width: 280px; height: 60px; background-color: #60bd90; text-align: center; line-height: 60px; font-size: 18px; letter-spacing: 1px; color: #ffffff } .publicCont .publicContLeft .contLeftBottom .item { text-align: center; margin-top: 20px } .publicCont .publicContLeft .contLeftBottom .item img { width: 200px; height: 200px } .publicCont .publicContLeft .contLeftBottom .item p { font-size: 12px; letter-spacing: 1px; color: #666666; padding: 10px 0 } .pagination { clear: both; width: 120px; font-size: 12px; margin: auto; padding-top: 40px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap } .pagination li { display: inline-block; color: #706c76; padding-right: 15px; cursor: pointer } .pagination li.active a { color: #4fbf64 } .publicFooter { margin-top: 100px; width: 100%; height: 40px; background: #f3f3f3 } .publicFooter .publicFooterCont { width: 1200px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; color: #6e7078; height: 40px; font-family: MicrosoftYaHei } .publicFooter .publicFooterCont a { color: #6e7078 } .publicBottom { width: 100%; height: 60px; background-color: #4f624c } .publicBottom .publicBottomCont { width: 1200px; height: 60px; margin: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; color: #ffffff } .publicBottom .publicBottomCont span { padding-right: 15px } .publicCont { display: block } .publicCont .publicContLeft { float: left; margin-bottom: 100px } .publicCont .publicContRight { float: left; margin-left: 10px } .publicFooter { clear: both; margin: 0 } .publicFooterCont { clear: both }