*, :after, :before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0 !important; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased } table { border-collapse: collapse; border-spacing: 0 } ol, ul { list-style: none } q:after, q:before { content: '' } abbr, acronym, fieldset, img { border: 0 } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 } .col-c, .col-l, .col_c, .col_l, .l { float: left } .col-r, .col_r, .r { float: right } .c { clear: both } .fix { *zoom: 1 } .fix:after, .fix:before { display: block; content: "clear"; height: 0; clear: both; overflow: hidden; visibility: hidden } em { font-weight: 400; font-style: normal } body { color: #333; font-size: 14px; line-height: 1.5; font-family: 'Microsoft Yahei', "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #fff } img { max-width: 100%; border: none; } input, select, textarea { font-size: 14px; color: #333; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0 } input[type=button], input[type=reset], input[type=submit] { cursor: pointer } ::-webkit-input-placeholder { color: #999 } ::-moz-placeholder { color: #999 } ::-ms-input-placeholder { color: #999 } select::-ms-expand { display: none } a { color: #333; text-decoration: none } /*!-----------------[初始化结束]--------------*/ .noscr { height: 100%; overflow: hidden } .wp { width: 90%; max-width: 1400px; margin: 0 auto } /*!****************************** -------[=头部]------- ********************************/ .header { background-color: #fff; height: 126px } .logo { float: left; font-size: 0; line-height: 126px } .logo img { display: inline-block; vertical-align: middle; max-height: 77px } .h-r { float: right; margin-top: 45px } .h-lang { float: left; padding-right: 12px; position: relative } .h-lang::after { content: ""; display: block; width: 1px; height: 17px; background-color: #b8b8b8; position: absolute; top: 50%; right: 0; margin-top: -8px } .h-lang .lang { display: block; font-size: 0; line-height: 40px } .h-lang .lang img, .h-lang .lang span { display: inline-block; vertical-align: middle } .h-lang .lang img { width: 18px; margin-right: 4px } .h-lang .lang span { font-size: 16px; color: grey } .h-so { float: left; position: relative } .h-so .icon { width: 40px; height: 40px; text-align: center; cursor: pointer; background: url(../images/c-i1.png) center no-repeat; background-size: 18px } .full_so{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,167,122,.9);z-index:1001;display:none} .full_so .close{position:absolute;top:5%;right:5%;cursor:pointer;width:45px;height:45px;background:url(../images/cls.png) center no-repeat;background-size:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s} .full_so .search{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);display:block;width:60%} .full_so .search .tit{text-align:center;font-size:50px;color:#fff;margin-bottom:10px} .full_so .form{border-top:1px solid #fff;border-bottom:1px solid #fff;padding:0 25px;background:url(../images/c-i1a.png) left center no-repeat;background-size:18px;position:relative} .full_so .form .inp{display:block;width:100%;height:70px;font-size:30px;color:#fff;background-color:transparent;padding-right:70px} .full_so .form .inp:-webkit-autofill,.full_so .form .inp:-webkit-autofill:focus,.full_so .form .inp:-webkit-autofill:hover{color:#fff!important;-webkit-text-fill-color:#fff;-webkit-transition:background-color 43200s ease-in-out 0s;transition:background-color 43200s ease-in-out 0s} .full_so .form .inp:autofill,.full_so .form .inp:autofill:focus,.full_so .form .inp:autofill:hover{-webkit-text-fill-color:#fff;-webkit-transition:background-color 43200s ease-in-out 0s;transition:background-color 43200s ease-in-out 0s} .full_so .form .inp::-webkit-input-placeholder{color:#fff} .full_so .form .inp::-moz-placeholder{color:#fff} .full_so .form .inp::-ms-input-placeholder{color:#fff} .full_so .btn{position:absolute;top:0;right:0;height:100%;font-size:24px;text-align:center;color:#fff;background-color:transparent} .h-nav{background-color:#00a77a} .nav{display:flex;width:100%;justify-content:space-between} .nav li{float:left;position:relative;z-index:10} .nav .v1{display:block;font-size:18px;color:#fff;line-height:45px;font-family:Arial;text-transform:capitalize} .nav .sub{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:130px;background-color:rgba(0,167,122,.9);display:none} .sub .v2{display:block;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:14px;color:#fff;line-height:40px;padding:0 5px;transition:.4s} .sub .v2:hover{background-color:#00996a} /*!****************************** -------[=导航]------- ********************************/ .menuBtn { display: none; position: absolute; top: 7px; right: 12px; width: 30px; height: 30px; cursor: pointer; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s } .menuBtn b { display: block; height: 4px; background-color: #fff; margin: 4px 0; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s } .menuBtn.open b { display: none; margin: -5px 0 0; position: absolute; left: 0; top: 50%; width: 30px } .menuBtn.open b:first-child { display: block; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg) } .menuBtn.open b:last-child { display: block; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg) } /*!****************************** -------[=底部]------- ********************************/ .footer { background: url(../images/f-bg.jpg) center no-repeat; background-size: cover; font-family: Arial; color: #fff } .footer .wp { max-width: 1220px } .f-top { overflow: hidden; padding: 40px 0 } .f-top .col-l { width: 69% } .f-txt { font-size: 16px; line-height: 2 } .f-txt a { color: #fff } .f-txt a:hover { text-decoration: underline } .f-qrs .qr { float: left; width: 99px; margin-left: 30px; text-align: center } .f-qrs .qr:first-child { margin-left: 0 } .f-qrs .qr img { display: block; width: 100%; margin-bottom: 10px } .f-copy { text-align: center; font-size: 16px; padding: 15px 0; border-top: 1px solid rgba(88, 188, 160, .35) } /*!****************************** -------[=公用]------- ********************************/ .cur, .cur a { font-size: 14px; color: #5e5e5e; line-height: 20px } .cur { margin: 18px 10px 10px 9px; padding-left: 26px; background: url() left center no-repeat; } .cur a:hover { color: #00a77a } .cur .icon { vertical-align: middle; margin-bottom: 2px } .pages { text-align: center; margin: 21px 0 38px } .pages ul { display: inline-block } .pages ul li { float: left; margin: 0 5px } .pages ul li a { display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #555; border: 1px solid #555; border-radius: 50% } .pages ul a:hover, .pages ul li.on a { background-color: #ea3032; border: 1px solid #ea3032; color: #fff } .pages ul li.next, .pages ul li.prev { font-weight: 700; font-family: "宋体"; font-size: 20px; margin: 0 15px } .pages ul li span { display: inline-block; margin-top: 5px; font-weight: 700; font-family: Arial; color: #dadada } @media screen and (max-width:1600px) { .footer .wp { max-width: 1400px } } @media screen and (max-width:1199px) { body { padding-top: 110px } .header-box { position: fixed; top: 0; left: 0; width: 100%; z-index: 999 } .menuBtn { display: block } .header { height: auto } .header>.wp { display: flex; justify-content: space-between; align-items: center } .logo { flex: 1; float: none; width: auto; line-height: 70px } .logo img { width: auto; max-height: 5vw; } .h-so .icon { width: 25px } .h-r { float: none; width: auto; margin-top: 0; margin-left: 15px } .h-lang { padding-right: 0 } .h-lang .lang span { display: none } .h-nav { position: relative; height: 40px } .nav { display: none; position: fixed; top: 110px; bottom: 0; left: 0; width: 100%; border-top: 1px solid #fff; background-color: #00996a; overflow-y:auto; overflow-x:hidden } .nav li { float: none; width: auto; padding: 0 15px } .nav .sub { position: static; min-width: auto; transform: none } .sub .v2 { text-align: left; padding: 0 10px } .footer .wp, .wp { padding: 0 15px; width: auto; max-width: none } .f-top { padding: 30px 0 4vw } .f-top .col-l, .f-top .col-r { float: none; width: auto } .f-qrs { display: flex; justify-content: center; margin-bottom: 20px } .f-qrs .qr { float: none; margin: 0 15px } .f-txt { font-size: 12px; line-height: 1.7 } .f-copy { font-size: 12px; padding: 5px 0 } } @media screen and (max-width:767px) { .full_so .search { width: 90% } .full_so .search .tit { font-size: 26px } .full_so .form .inp { font-size: 16px; height: 60px } } /*!****** lib.css end *******/ /*!****** bl *******/ .banner { position: relative } .banner .pic img { display: block; width: 100% } .banner .slick-dots { position: absolute; left: 0; bottom: 18px; width: 100%; text-align: center; font-size: 0 } .banner .slick-dots li { display: inline-block; width: 12px; height: 12px; margin: 0 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background-color: #fff; opacity: .7; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s } .banner .slick-dots button { display: none } .banner .slick-dots li.slick-active { width: 45px; background-color: #00a77a; opacity: 1 } .row-a1 { overflow: hidden; background: url(../images/r-bg2.jpg) center no-repeat #f0f0f0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 50px 0 68px } .row-a1 .col-l, .row-a1 .col-r { width: 47.85% } .g-titb1 { overflow: hidden; margin-bottom: 25px } .g-titb1 h3 { float: left; font-size: 38px; color: #00a77a; font-weight: 400 } .g-titb1 .more { float: right; font-size: 14px; color: #fff; background-color: #00a77a; text-transform: uppercase; padding: 0 15px; line-height: 38px; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin-top: 10px } .g-titb1 .more:hover { opacity: .8 } .m-boxb1 { overflow: hidden } .m-boxb1 .col_l { width: 52.68% } .m-boxb1 .col_r { width: 43.28% } .m-cardb1 .pic { height: 222px; overflow: hidden } .m-cardb1 .pic .img { display: block; height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .6s; -o-transition: .6s; -moz-transition: .6s; transition: .6s } .m-cardb1 .pic .img:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08) } .m-cardb1 .txt { margin-left: 22px; margin-top: -25px; background-color: #fff; padding: 19px 19px 30px; position: relative } .m-cardb1 .date { font-size: 18px; color: #00a77a; height: 1.5em; margin-bottom: 9px } .m-cardb1 .tit { display: block; font-size: 18px; color: #333; line-height: 1.55; height: 3.1em; font-family: Arial; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 16px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s } .m-cardb1 .tit:hover { color: #00a77a } .m-cardb1 .desc { font-size: 15px; color: grey; line-height: 1.46; font-family: Arial; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; height: 2.92em } .ul-listb1 li:last-child .con { margin-bottom: 0 } .ul-listb1 .con { display: block; border-bottom: 1px solid #cbcbcb; margin-bottom: 24px } .ul-listb1 .con:hover .tit { color: #00a77a } .ul-listb1 .date { font-size: 18px; color: #00a77a; height: 1.5em } .ul-listb1 .tit { font-size: 18px; color: #333; line-height: 1.44; font-family: Arial; display: -webkit-box; box-orient: vertical; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; height: 2.88em; margin: 11px 0 26px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s } .row-a2 { overflow: hidden; padding: 64px 0 34px } .ul-listb2 { overflow: hidden; margin: 0 -25px } .ul-listb2 li { float: left; width: 25% } .ul-listb2 .con { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg1.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con1 { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg1.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con2 { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg2.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con3 { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg3.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con4 { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg4.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con5 { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg5.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con6 { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg6.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con7 { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg7.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con8 { display: block; height: 172px; overflow: hidden; background: url(../images/c-bg8.jpg) center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; margin: 0 25px 36px } .ul-listb2 .con:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con1:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con2:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con3:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con4:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con5:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con6:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con7:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con8:hover { background-image: url(../images/c-bg9.jpg) } .ul-listb2 .con:hover .type { color: #fff } .ul-listb2 .con:hover .btn ,.ul-listb2 .con1:hover .btn ,.ul-listb2 .con2:hover .btn ,.ul-listb2 .con3:hover .btn ,.ul-listb2 .con4:hover .btn ,.ul-listb2 .con5:hover .btn ,.ul-listb2 .con6:hover .btn ,.ul-listb2 .con7:hover .btn ,.ul-listb2 .con8:hover .btn{ background-color: #d2b96d } .ul-listb2 .type { font-size: 20px; color: #ffffff; text-align: center; font-family: Arial; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; height: 1.5em; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px; margin: 47px 0 33px } .ul-listb2 .btn { width: 90px; line-height: 32px; height: 32px; text-align: center; font-size: 16px; color: #fff; background-color: #00a77a; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; margin: 0 auto } .row-a3 { background: url(../images/r-bg1.png) bottom no-repeat #fff; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; overflow: hidden; padding-bottom: 74px } .ul-listb3 { margin: 0 -18px } .ul-listb3 li { float: left; width: 20% } .ul-listb3 .con { display: block; padding: 20px 0 33px; overflow: hidden; margin: 10px 18px; -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s } .ul-listb3 .con:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4); box-shadow: 0 0 10px rgba(0, 0, 0, .4) } .ul-listb3 .ys1 { background-color: #b284e2; } .ul-listb3 .ys2 { background-color: #43b9da; } .ul-listb3 .ys3 { background-color: #d8bf72; } .ul-listb3 .ys4 { background-color: #e6938a; } .ul-listb3 .ys5 { background-color: #2bcfd5; } .ul-listb3 .icon { height: 100px; line-height: 100px; font-size: 0; text-align: center; overflow: hidden; margin-bottom: 7px } .ul-listb3 .icon img { display: inline-block; vertical-align: middle; max-height: 100px } .ul-listb3 .name { font-size: 20px; color: #fff; font-family: Arial; text-align: center; padding: 0 10px; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 1.5em } @media screen and (max-width:1199px) { .ul-listb2 { margin: 0 -10px } .ul-listb2 .con { height: auto; padding-bottom: 3vw; margin: 0 10px 20px } .ul-listb2 .type { font-size: 16px; margin: 3vw 0 } .ul-listb3 .icon { height: 60px; line-height: 60px } .ul-listb3 .icon img { max-height: 50px } .ul-listb3 .name { font-size: 14px } .ul-listb2 .btn { font-size: 12px; width: 70px; line-height: 26px; height: 26px } .row-a2 { padding: 30px 0 } .banner .slick-dots { bottom: 10px } .banner .slick-dots li { width: 8px; height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .banner .slick-dots li.slick-active { width: 20px } } @media screen and (max-width:959px) { .row-a1 { padding: 4vw 0 } .row-a1 .col-l, .row-a1 .col-r { float: none; width: auto; margin-bottom: 20px } .ul-listb3 { margin: 0 -8px } .ul-listb3 .con { margin: 0 8px } } @media screen and (max-width:767px) { .g-titb1 h3 { font-size: 24px } .g-titb1 .more { font-size: 12px; line-height: 30px; padding: 0 8px; margin-top: 4px } .m-boxb1 .col_l, .m-boxb1 .col_r { float: none; width: auto; margin-bottom: 20px } .m-cardb1 .date, .m-cardb1 .tit, .ul-listb1 .date, .ul-listb1 .tit { font-size: 14px } .m-cardb1 .desc { font-size: 12px } .ul-listb1 .tit { margin: 2vw 0 } .ul-listb1 .con { margin-bottom: 3vw } .ul-listb2 { margin: 0 -5px } .ul-listb2 li { width: 50% } .ul-listb2 .con { margin: 0 5px 10px } .ul-listb3 { margin-left: -5px; margin-right: -5px } .ul-listb3 li { width: 50% } .ul-listb3 .con { margin: 0 5px 10px } .ul-listb3 .icon { height: 50px; line-height: 50px } .ul-listb3 .icon img { max-height: 30px } } /*!****** bl end *******/ .wp1 { max-width: 1200px; margin: 0 auto } .ban-list { padding-top: 18.22%; background-position: center; background-size: cover } .row-lista1 { padding: 25px 0 } .m-lista1 { overflow: hidden } .m-lista1 .col-l { margin-right: 50px; width: 20% } .g-titm1 { background-color: #00a77a; height: 50px; line-height: 50px; font-size: 20px; color: #fff; padding-left: 30px } .ul-listm1 { display: block; border: 1px solid #e4e4e4 } .ul-listm1 .con { display: block; height: 43px; line-height: 43px; color: #333; font-size: 15px; border-top: 0 solid #fff; border-bottom: 1px solid #f6eaea; padding-left: 28px; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s } .ul-listm1 .con:hover { color: #00a77a; background: #eee } .ul-listm1 .on .con { font-weight: 700; color: #00a77a; background: #eee } .m-newright { overflow: hidden; min-height: 500px } .m-titright { border-bottom: 1px solid #dbdbdb; height: 48px; line-height: 48px; margin-bottom: 15px } .m-titright .tit { display: inline-block; font-size: 20px; font-family: "Microsoft yahei"; font-weight: 400; color: #00a77a; border-bottom: 3px solid #cbcbcb } .ul-listm2 { margin-bottom: 20px } .ul-listm2 .con { display: block; overflow: hidden; height: 45px; line-height: 45px } .ul-listm2 .tit { float: left; font-size: 14px; transition: .4s; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70% } .ul-listm2 .time { float: right; font-size: 14px; color: #666; padding: 0 10px; } .ul-listm2 .con .tit:hover { color: #4d7c2c } .m-titright .cur { float: right } .wp_paging { display: block; margin: 0; padding: 0; list-style: none; font-size: 13px; font-family: 'Microsoft Yahei', Verdana, Geneva, sans-serif; color: #494949; float: right } .wp_paging li { display: inline-block; height: 25px; line-height: 25px; float: left; margin-top: 5px } .wp_paging li a, .wp_paging li span { display: inline-block; float: left; margin-left: 10px } .wp_paging li a { cursor: pointer; color: #666; line-height: 25px; height: 25px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .wp_paging li a:hover { color: #000 } .wp_paging .pages { margin: 0 0 0 10px } .wp_paging li input { font-size: 12px; *font-size: 100%; width: 24px; height: 15px; line-height: 15px; border: 1px solid #d5d5d5; background: #fff; margin-top: 4px; text-align: center } .wp_paging li em { font-weight: 700 } .g-titm1 .more { display: block; float: right; background-image: url(../images/a1.png); width: 30px; height: 24px; background-position: center; background-repeat: no-repeat; margin-top: 6px } .m-listmenu1 { background-color: #f9f9f9; display: none } .m-listmenu1 .g-titm1 { background: #eee; color: #00a77a; padding: 0 6px; font-size: 16px; height: 36px; line-height: 36px } .m-listmenu1 .ul-listm1 .con { color: #000; background-position: 10px 14px; height: 30px; line-height: 30px; padding-left: 6px; border-bottom: 1px solid #eee } .m-listmenu1 .ul-listm1 .con:hover { background-color: #ccc } .m-listmenu1 .ul-listm1 .on .con { background-color: #ccc; font-weight: 400 } .m-listdet1 .tit { line-height: 48px; font-family: "Microsoft YaHei"; font-size: 22px; text-align: center; color: #00a77a } .m-listdet1 .info { padding: 10px; text-align: center; border-top: 1px solid #ececec; margin-bottom: 10px } .m-listdet1 .info span { margin: 0 5px; font-size: 12px; color: #787878 } .m-listdet1 .txt { font-size: 16px; text-indent: 43px; padding: 0 20px; background: #fff; text-align: justify; line-height: 1.9 } .m-listdet1 .txt img { display: block; margin: 0 auto } .m-listdet1 { padding: 30px 60px; min-height: 500px } .m-listdet2 .tit { line-height: 48px; font-family: "Microsoft YaHei"; font-size: 22px; text-align: center; color: #00a77a } .m-listdet2 .info { padding: 10px; text-align: center; border-top: 1px solid #ececec; margin-bottom: 10px } .m-listdet2 .info span { margin: 0 5px; font-size: 12px; color: #787878 } .m-listdet2 .txt { margin: 20px; font-size: 16px; text-indent: 43px; padding: 0 0px; background: #fff; text-align: justify; line-height: 1.9; } .m-listdet2 .txt img { display: block; margin: 0 auto } .m-listdet2 { padding: 30px 0px; min-height: 500px } .modal { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; padding: 10px 0 } .modal-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-color: rgba(0, 0, 0, .9) } .modal-content { position: absolute; background-color: #000; margin: 0 auto; padding: 0; width: 90%; max-width: 1320px; top: 10px; left: 50%; bottom: 10px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); display: block } .modal .close { color: #fff; position: absolute; top: 10px; right: 0; font-size: 20px; text-align: center; width: 30px; height: 30px; line-height: 21px; font-weight: 700; border: 3px solid #fff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; transition: .3s; background-color: #777; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .modal .close:focus, .modal .close:hover { background-color: #2e8ded; cursor: pointer } .mySlides { display: none; text-align: center } .mySlides img { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%) } .modal .next, .modal .prev { cursor: pointer; position: absolute; top: 50%; padding: 16px; margin-top: -50px; height: 24px; width: 38px; transition: .6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; font-weight: 400; display: none; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; background-repeat: no-repeat } .modal .next { right: 0; background-image: url(../images/a4.png) } .modal .prev { background-image: url(../images/a5.png); left: 0 } .modal .next:hover { background-image: url(../images/a4-1.png) } .modal .prev:hover { background-image: url(../images/a5-1.png) } .modal .next:hover, .modal .prev:hover { color: #fff } .modal .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; bottom: 0; right: 0; left: 0; text-align: center; display: none; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .modal .caption-container { text-align: center; background-color: #000; padding: 2px 16px; color: #fff } .modal img.hover-shadow { transition: .3s } .modal .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) } .mySlides .tit { text-align: center; display: none; padding-left: 15px; font-size: 12px; color: #e2e2e2; background: url(../images/a3.png) 0 50% no-repeat; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s } .modal .numbertext a { color: #fff; display: inline-block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .modal .numbertext em { display: inline-block; vertical-align: top } .modal-content:hover .mySlides .tit { display: inline-block } .modal-content:hover .next, .modal-content:hover .numbertext, .modal-content:hover .prev { display: block } @media screen and (max-width:1199px) { .m-lista1 .col-l { margin-right: 30px } .g-titm1, .m-titright .tit { font-size: 18px } } @media screen and (max-width:959px) { .wp_paging .page_jump, .wp_paging .pages_count { display: none } .m-lista1 .col-l { float: none; width: 100%; margin-right: 0 } .m-listmenu { display: none } .m-listmenu1 { display: block } .m-titright .tit { display: none } .m-titright .cur { float: none; padding-left: 24px; background-image: url(../images/a2.png); background-repeat: no-repeat; background-position: left 2px } .m-titright { border-bottom: 2px solid #e5e5e5 } .ul-listm2 .con { padding-left: 10px } .m-newright { min-height: auto; padding: 0 6px } .cur em { display: none } .ul-listm1 { border: none } } @media screen and (max-width:767px) { .ban-list { display: none } .modal .numbertext a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; color: #fff } .modal .next { right: -10px } .modal .prev { left: -10px } .ul-listm2 .time { display: none } .ul-listm2 .con { font-size: 13px; color: #666 } .m-titright { margin-bottom: 7px } .ul-listm2 .tit { width: 90% } .m-listdet1 .tit { font-size: 18px; line-height: 1.6 } .m-listdet1 { padding: 10px } .m-listdet1 .txt { padding: 0; line-height: 1.7; font-size: 15px } .m-listdet1 .info { margin-bottom: 0 } .m-listdet2 .tit { font-size: 18px; line-height: 1.6 } .m-listdet2 { padding: 10px } .m-listdet2 .txt { padding: 0; line-height: 1.7; font-size: 15px } .m-listdet2 .info { margin-bottom: 0 } }