@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } img,form,input { border: 0px; } ul,li { list-style: none; } .clear { font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; } .l { float: left } .r { float: right; } body { font-size: 12px; color: #272727; line-height: 22px; height: 22px; } a { text-decoration: none; color: #a9a8a8; } a:hover { text-decoration: none; } /*top start*/ .weekly_top { width: 100%; height: 41px; background: url(../images/img39/weekly_top.jpg) repeat-x; } .top { width: 940px; height: 20px; padding-top: 12px; margin: 0 auto; } .top_left { width: auto; padding-left: 15px; line-height: 20px; color: #000; } .weekly_back { width: auto; height: 20px; margin-right: 30px; line-height: 20px; } .top_right { width: auto; height: 20px; line-height: 20px; padding-right: 30px; } .top_right a { color: #d40000; } .top_right img { margin-top: 2px; float: left; margin-right: 10px; } /*top end*/ .wrap { width: 100%; height: auto; overflow: hidden; background: #8bbb29 url(../images/img41/wrap_bg.jpg) top center no-repeat; } .news { width: 1000px; height: 911px; margin: 0 auto; background: url(../images/img41/wrap_main_bg.png) top center no-repeat; position: relative; } .news .news-p { position: absolute; left: 0; top: 0; width: 250px; height: 250px; } .news .news-p span { display: none; width: 100%; height: 100%; } .news .news-p-1 { left: 9px; top: 515px; } .news .news-p-2 { left: 235px; top: 360px; } .news .news-p-3 { left: 509px; top: 365px; } .news .news-p-4 { left: 741px; top: 514px; } .news .news-p span.on { display: block; } .product { width: 1000px; height: 936px; margin: 0 auto; background: url(../images/img41/product.jpg) top center no-repeat; position: relative; padding-bottom: 39px; } .product .pro-p { position: absolute; color: #fff; font-size: 14px; } .product .pro-p .color { color: #1e7d9c; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .product .pro-p:hover .color { color: #2c9cc0; } .product .pro-p .color a { color: #1e7d9c; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; } .product .pro-p:hover .color a { color: #2c9cc0 } .tl { text-align: left } .tr { text-align: right } .product .pro-p h2 { font-size: 28px; font-weight: bold; margin: 0; padding: 0; display: block; line-height: 50px; } .product .pro-p h2 span { font-size: 50px; font-weight: bold; } .product .pro-p-1 { width: 273px; height: 195px; left: 0px; top: 134px; } .product .pro-p-2 { width: 273px; height: 220px; left: 750px; top: 134px; } .product .pro-p-3 { width: 196px; height: 264px; left: 0px; top: 511px; } .product .pro-p-4 { width: 273px; height: 285px; left: 761px; top: 512px; } .zhanji { width: 100%; height: 106px; background: #8bbb29 url(../images/img41/i.png) bottom repeat-x; } .zhanji-title { width: 1000px; height: 106px; margin: 0 auto; background: url(../images/img41/zhanji_title.jpg) top center no-repeat; } .zhanji-main { width: 100%; height: auto; overflow: hidden; background-color: #e06210; } .zhanji-main-main { width: 1000px; height: auto; margin: 0 auto; } .zhanji-main-main ul { width: 100%; height: auto; padding-top: 38px; overflow: hidden } .zhanji-main-main ul li { float: left; width: 236px; margin-right: 18px; transition: All 0.25s linear; -webkit-transition: All 0.25s linear; -moz-transition: All 0.25s linear; -o-transition: All 0.25s linear; transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px); } .zhanji-main-main ul li:hover { transform: rotate(0deg) scale(0.98) skew(0deg) translate(0px); -webkit-transform: rotate(0deg) scale(0.98) skew(0deg) translate(0px); -moz-transform: rotate(0deg) scale(0.98) skew(0deg) translate(0px); -o-transform: rotate(0deg) scale(0.98) skew(0deg) translate(0px); } .zhanji-main-main ul li p { text-align: center; line-height: 24px; padding-top: 11px; } .zhanji-main-main ul li p a { font-size: 13px; color: #000; } .cp { width: 1000px; height: auto; margin: 36px auto 20px; background-color: #fff; padding: 15px; overflow: hidden } .cp-made { width: 560px; overflow: hidden } .cp-made img { float: left; margin-right: 40px; } .cp-made p strong { font-size: 16px; } .cp-made p { font-size: 12px; line-height: 22px; color: #000; padding-top: 11px; } .cp-author ul li { float: left; margin-left: 18px; } .cp-author ul li p { text-align: center; color: #000; font-size: 12px; line-height: 22px; margin-top: 9px; } .cp-author ul li p span { color: #4e4e4e; } .foot { background: #fff; height: 80px; padding-top: 10px; color: #6F6F6F; } .footer { width: 808px; height: 60px; margin: 0px auto; /*border:1px solid #CCC;*/ background: url(../images/img1/grayloge.jpg) 2% #FFF no-repeat; padding: 10px 20px 0 150px; } .footer a { color: #6F6F6F; } .bottom { width: 450px; height: 50px; line-height: 25px; } .email_take { width: 320px; height: 60px; background: url(../images/img18/plice.jpg) no-repeat right } /*email take start*/ .rssbook1 { overflow: hidden; zoom: 1; background: #FFF; width: 275px; height: 60px; } .mailInput1 { margin-top: 5px; } .rssbook1 .info1 { color: #666; font-size: 12px; } .light .info1 { color: #666; } .dark .info1 { color: #fff; } .rssbutton1 { float: left; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; width: 48px; float: left; } .rssbutton1 input { cursor: pointer; width: 48px; display: block; height: 27px; line-height: 22px; line-height: 19px; text-align: center; } .dark .rssbutton1 input { background: #ececec; border: #d2d2d2 solid 1px; } /*.rssbutton1 input:hover{background:#ececec;text-decoration:none;}*/ input.rsstxt1 { width: 70%; height: 25px; font-size: 14px; padding: 0px 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; float: left; margin-right: 5px; border: 1px #ccc solid } .dark input.rsstxt1 { background: #eee; } .banner,#fun1,.m,.dbdh,.tit1,.tit2,.xyzj,.fote,.tit3,.tit4,.tit5,.tit6,.tit7 { display: none; } @media (max-width:1200px) { .news,.product,.zhanji,.cp { display: none; } .banner,.tit1,.tit2,.xyzj,.fote { display: block; width: 100%; } .banner img,.tit1 img,.tit2 img,.xyzj img,.fote img { width: 100%; height: auto; } .top,.zhanji-main-main,.rssbook1,.zhanji-main-main ul li img { width: 100%; } .zhanji-main-main ul li { width: 23%; margin-right: 1%; margin-left: 1%; } .footer { width: 80%; padding: 10px 0 0 150px; } .bottom { width: 63%; } .email_take { width: 35%; } .tit1,.tit2 { position: relative; } .tita1 { position: absolute; width: 50%; height: 100%; left: 0; top: 0; } .tita2 { position: absolute; width: 50%; height: 100%; left: 50%; top: 0; } .tita3 { position: absolute; width: 50%; height: 100%; left: 0; top: 0; } .tita4 { position: absolute; width: 50%; height: 100%; left: 50%; top: 0; } } @media (max-width:991px) { .rssbook1 { height: auto; } } @media (max-width: 767px) { .top_right,.weekly_back,.fote,.foot,.tit1,.tit2 { display: none; } #fun1 { position: absolute; right: 3%; top: 15px; display: block; cursor: pointer; } .m { font-size: 15px; background: #fff; list-style: none; } .m a { color: #3e3e3e; } .m li { float: none; height: auto; line-height: 34px; border-bottom: 1px solid #cbcbcd; text-align: left; padding-left: 30px; } .dbdh { display: block; width: 100%; position: fixed; bottom: 0; background: #ff4639; } .dbdh ul li { width: 25%; height: auto; float: left; } .dbdh ul li a { display: block; text-align: center; padding: 5px; } .dbdh ul li a p { line-height: 30px; } .dbdh ul li a img { display: inline-block; } .zhanji-main-main ul { margin-bottom:10px; } .tit3,.tit4,.tit5,.tit6,.tit7 { display: block; width: 100%; } .tit3 img,.tit4 img,.tit5 img,.tit6 img,.tit7 img { width: 100%; height: auto; } .zhanji-main-main ul li { width: 48%; } } @media (max-width:374px) { .zhanji-main-main ul li { width: 98% } } .weekly_top .en-zhoubao{margin-top: 5px;}