@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } img { 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; background: #f2f2f2; line-height: 24px; } a { text-decoration: none; color: #2c2d2c; } a:hover { text-decoration: underline; } /*top start*/ .weekly_top { width: 100%; height: 41px; background: url(../images/img19/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*/ .bg1 { height: 301px; background: url(../images/img31/bg1.jpg) center no-repeat } .logo_con { width: 1000px; height: auto; margin: 0 auto; } .logo { width: 238px; height: 92px; float: right; margin-top: 92px; } .bg2 { height: 270px; background: url(../images/img31/bg2.jpg) center no-repeat } .bg3 { height: 350px; background: url(../images/img31/bg3.jpg) center no-repeat } .bg4 { height: 415px; background: url(../images/img31/bg4.jpg) center no-repeat } .bg5 { height: 351px; background: url(../images/img31/bg5.jpg) center no-repeat } .bg6 { height: 319px; background: url(../images/img31/bg6.jpg) center no-repeat } .bg6 .video { width: 980px; height: 270px; margin: 0 auto } .bg6 .video .vid2{ display: none; } @media (max-width:1200px){ .bg6 .video .vid2{ display: block; margin: 0 auto; max-width: 100%; } .bg6 .video embed{display: none;} } .bg7 { height: 476px; background: url(../images/img31/bg7.jpg) center no-repeat } .bg8 { height: 330px; background: url(../images/img31/bg8.jpg) center no-repeat } .bg8_con { width: 980px; height: 284px; margin: 0 auto; } /*message start*/ .no6main { width: 750px; height: 270px; margin: 0 auto; background: url(../images/img25/no6bg.jpg) no-repeat #fff; } .fot { width: 100%; height: 143px; background: #d74327; margin-bottom: 5px; overflow: hidden; } .no6p { width: 293px; height: 30px; line-height: 30px; color: #000000; font-size: 14px; padding-top: 20px; padding-bottom: 5px; } .no6p span { font-weight: 600; } .liuyan { width: 713px; height: 240px; padding: 20px 0 0 38px; } .go { width: 313px; height: 240px; float: left; } .go_write { width: 362px; height: 230px; background: url(../images/img31/weekly31.jpg) 33px 80px no-repeat; line-height: 20px; float: left; color: #000000; padding-left: 30px; padding-top: 10px; } .go_write h1 { width: auto; height: 30px; line-height: 30px; padding-left: 0px; font-size: 14px; } .cehua { width: 210px; height: 125px; padding-top: 20px; padding-left: 122px; } .cehua p { height: 50px; line-height: 20px; color: #000; font-size: 14px; } .cehua dl { color: #666666; font-size: 12px; } .foot { background: #8a421c; height: 79px; padding-top: 15px; color: #6F6F6F; } .footer { width: 781px; height: 60px; margin: 0px auto; border: 1px solid #CCC; background: url(../images/img1/grayloge.jpg) 2% #FFF no-repeat; padding: 5px 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: 20px; font-size: 14px; padding: 0px 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; float: left; margin-right: 5px; } .dark input.rsstxt1 { background: #eee; } #fun1,.m,.dbdh,.ber1,.ber1_1,.ber2,.ber3,.ber4,.ber5,.ber6,.ber7,.ber2_2,.ber2_1,.ber3_1,.ber4_1,.ber6_1 { display: none; } .clearfloat { zoom: 1 } .clearfloat:after { display: block; clear: both; content: " "; visibility: hidden; height: 0; width: 0; } @media (max-width:1200px) { .bg1,.bg2,.bg3,.bg4,.bg5,.bg7,.go_write { display: none; } .top,.bg8_con,.liuyan,.footer,.rssbook1 { width: 100%; } .ber1,.ber2,.ber3,.ber4,.ber6 { display: block; width: 100%; } .ber2,.ber3,.ber4,.ber6 { padding: 0 15px; box-sizing: border-box; } .ber1 img,.ber2 img,.ber3 img,.ber4 img,.ber5 img,.ber6 img,.ber7 img { width: 100%; height: auto; display: block; } .bg6 { background: url(../images/img31/ber5_1.jpg); padding: 0 15px; box-sizing: border-box; } .ber5 { display: block; width: 50%; float: left; } .bg6 .video { width: 50%; float: left; } .bg8 { background: url(../images/img31/bg9.jpg); } .no6main { width: 90%; background: url(none) #fff; } .go { width: 42%; } .bg6 .video embed { width: 97%; margin-left: 1%; } .ber7 { display: block; width: 50%; float: left; height: 210px; } .footer { border: 0; padding: 10px 0 0 0; } .bottom { width: 45%; padding-left: 140px; } .email_take { width: 33%; } .ber7 img { height: 230px; } body { background-color: #f4deac; } } @media (max-width:991px) { .footer { height: 100px; } } @media (max-width:767px) { .top_right,.weekly_back,.foot,.ber1,.no6main { display: none; } .bg8 .no6main{ display: block; } .bg8 .no6main .liuyan{ padding: 0px; } .bg8 .no6main .go{ width: 100%; padding: 0 15px; box-sizing: border-box; } #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: 15px; } .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; color: #fff; } .dbdh ul li a p { line-height: 30px; } .ber2,.ber3,.ber4,.ber6,.ber7 { display: none; } .ber1_1,.ber2_2,.ber2_1,.ber3_1,.ber4_1,.ber6_1 { display: block; width: 100%; } .ber2_2,.ber2_1,.ber3_1,.ber4_1,.ber6_1 { padding: 0 15px; box-sizing: border-box; } .ber1_1 img,.ber2_2 img,.ber2_1 img,.ber3_1 img,.ber4_1 img,.ber6_1 img { width: 100%; height: auto; display: block; } .bg6 .video,.ber5,.no6main { width: 100%; } .go { padding-left: 5%; } } @media (max-width:374px) { } .go{float:left;width:313px;height:250px} .go h3{padding:15px 0;color:#000} .go label{margin-right:15px;vertical-align:top;font-size:14px;line-height:22px} .go input,.go textarea{display:inline-block;margin-bottom:15px;width:80%;border:1px solid #eee;vertical-align:middle;line-height:22px} .go input.sendto{margin-left:46px;width:100px;height:30px;background:#94c030;color:#fff;cursor:pointer}