@charset "utf-8"; /* CSS Document */ table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5 { margin: 0px; padding: 0px; } table { line-height: 18px; } ul { list-style: none; } .cursor { cursor: pointer; } .clear { font-size: 0; line-height: 0; height: 0; clear: both; visibility: hidden; overflow: hidden } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .l { float: left; } .r { float: right; } .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .cred { color: #DD0D0B; } img { border: 0; } body { font-size: 12px; width: 100%; background: #006d5c; margin: 0; padding: 0; color: #666666 } a { text-decoration: none; color: #2c2d2c; } a:hover { text-decoration: underline; } .weekly_logo { width: auto; height: 193px; margin: 0 auto; background: url(../images/img7/bg.jpg) top center no-repeat; } .weekly_top { width: 100%; height: 41px; background: url(../images/img7/weekly_top.jpg) repeat-x; } .layout { width: 980px; height: auto; margin: 0 auto; overflow: hidden; } /*top start*/ .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*/ .preface { width: 980px; height: 200px; padding-top: 89px; margin-top: 5px; background: url(../images/img7/prefacebg.jpg) no-repeat } .preface_left { width: 620px; height: 185px; padding-left: 25px; } .preface_left p { line-height: 25px; text-indent: 24px; font-size: 14px; color: #000 } .preface_right { width: 281px; height: 164px; margin-left: 32px; margin-top: 5px; } .read_hot { width: 980px; height: auto; background: url(../images/img7/hotbg.jpg) top left no-repeat #ffffff; margin-top: 2px; padding: 10px 0; overflow: hidden; } .read_list { width: 980px; height: auto; background: #FFF; margin-top: 5px; padding: 15px 0; overflow: hidden; } .read_left { width: 610px; height: auto; overflow: hidden; } .read_left h1 { width: 100%; height: 30px; padding: 10px 0 0 115px; } .first_read { width: 581px; height: 203px; line-height: 22px; margin-left: 15px; margin-top: 10px; text-align: center; } .hot_list { width: 575px; height: auto; margin-left: 10px; padding: 10px 10px 0 10px; } .hot_list p { width: auto; height: auto; line-height: 25px; font-size: 14px; text-indent: 24px; color: #3f3f3f } .read_right { width: 355px; height: auto; margin-left: 5px; margin-top: 10px; padding: 10px 0; background: #f3f3f3; overflow: hidden } .share { width: auto; height: 40px; } .dingyue { width: 108px; height: 32px; margin-top: 5px; } .baidu_share { width: auto; height: 32px; } /*email take start*/ .rssbook { padding: 10px 15px 0 15px; margin: 10px auto; overflow: hidden; zoom: 1; background: #FFF; border: 1px solid #ddd; width: 300px; height: 85px; } .light { background: #f6f6f6; border: 3px solid #ddd; } .dark { background: #aaa; border: 3px solid #666; } .mailInput { margin-top: 5px; } .rssbook .info { color: #666; font-size: 12px; } .light .info { color: #666; } .dark .info { color: #fff; } .rssbutton { float: left; border: 1px solid #698ab4; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } .dark .rssbutton { border: 1px solid #585858; } .rssbutton input { background: #77a0d1; border: 1px solid #88b3e6; color: #FFFFFF; cursor: pointer; font-weight: bold; width: 90px; display: block; height: 22px; line-height: 22px; *line-height: 19px; text-align: center; } .dark .rssbutton input { background: #676767; border: 1px solid #777; } .rssbutton input:hover { background: #86b4eb; text-decoration: none; } .dark .rssbutton input:hover { background: #797979; border: 1px solid #939393; } input.rsstxt { width: 95%; height: 20px; font-size: 14px; padding: 2px 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ccc; ;border-color: #7c7c7c #c3c3c3 #c3c3c3 #9a9a9a; margin-bottom: 5px; } .dark input.rsstxt { background: #eee; } /*email take end*/ /*news change start*/ #con { FONT-SIZE: 12px; WIDTH: 335px; margin-left: 10px; } #tags { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 355px; PADDING-TOP: 0px; HEIGHT: 23px } #tags LI { BACKGROUND: url(../images/img7/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 23px } #tags LI A { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(../images/img7/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999; LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none } #tags LI.emptyTag { BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px } #tags LI.selectTag { BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px } #tags LI.selectTag A { BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px } #tagContent { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; ; PADDING-TOP: 1px; BACKGROUND-COLOR: #fff; border: 1px solid #ccc; } .tagContent { PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; WIDTH: 310px; COLOR: #474747; PADDING-TOP: 10px; HEIGHT: 333px } #tagContent DIV.selectTag { DISPLAY: block } .news_list li { width: auto; height: 22px; line-height: 22px; background: url(../images/img7/arrow.jpg) left no-repeat; text-indent: 16px; } .news_list li span { float: right; padding-right: 10px; } /*news change end*/ .fucus_xibu { width: 443px; height: 288px; margin-left: 20px; } /*power_events start*/ .power_events { width: 490px; height: auto; padding-left: 10px; overflow: hidden } .tuoliu_events { width: 480px; height: auto; padding-left: 10px; overflow: hidden } .power_events h1,.webo h1 { width: auto; height: 32px; padding-left: 10px; background: #FFF } .process { width: 490px; height: auto; background: url(../images/img7/process.jpg) 95% no-repeat #fcfbfc } .process_content { width: 470px; height: auto; margin: 15px 0 0 10px; } .tuoliu_content { width: 455px; height: auto; margin: 15px 0 0 10px; } .process_content h2 { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #000; padding-left: 20px; } .process_content p,.tuoliu_content p { line-height: 30px; color: #3f3f3f; text-indent: 24px; font-size: 14px } .webo { width: 470px; height: auto; margin-left: 10px; background: #fafafa } .process_img { width: 465px; height: 209px; margin-left: 10px; margin-top: 10px; } .webo_img { width: 451px; height: 191px; margin: 10px 0 0 10px; } .webo p,.advise p { line-height: 25px; color: #3f3f3f; text-indent: 24px; font-size: 14px } .advise { width: 940px; height: 115px; border: 1px solid #ccc; margin-left: 10px; padding: 0 10px; font-size: 14px; background: #fcfbfc } .advise h2 { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #F00 } .machine { width: 940px; height: 34px; margin-top: 10px; margin-left: 10px; border: 1px solid #ccc; padding: 0 10px; font-size: 14px; background: #fcfbfc } .machine h1 { width: 100%; height: 34px; line-height: 34px; font-size: 14px; color: #000 } .machine h1 a { color: #0e4051 } /*webo end*/ .case_go { width: 980px; height: auto; margin: 0 auto; margin-top: 10px; background: #FFF } .case { width: 635px; height: 425px; padding-top: 10px; padding-left: 10px; } .go{width:313px;height:430px; margin-left:10px;padding-top: 10px; background:#f3f3f3} .go h3{ color:#000000; padding:5px 0; padding-left:15px;} .go form{ padding-left:15px;} .go label{line-height:22px;font-size: 14px;margin-right:15px;vertical-align:top;} .go input,.go textarea{line-height:22px; margin-bottom:13px;vertical-align:middle;display:inline-block;width:80%; border:1px solid #eeeeee;} .go input.sendto{margin-left:46px;width:100px;height:30px;background:#94c030;color:#ffffff; cursor: pointer;} .go_top { width: auto; height: 250px; line-height: 20px; } .go_top h1 { width: auto; height: 30px; line-height: 30px; padding-left: 20px; font-size: 14px; background: #cc0000; color: #fff } .go_content { width: 290px; height: 200px; margin: 5px 0 0 10px; padding-bottom: 8px; } .ask { width: auto; height: 60px; } .view { width: 290px; height: 130px; margin-top: 10px; float: left } .go_content ul li { width: 280px; height: 35px; line-height: 35px; } .textbox { height: 20px; line-height: 20px; width: 230px; } .go_write { width: auto; height: 180px; background: url(../images/img7/weekly07.jpg) 5% 70% no-repeat/90px 120px; line-height: 20px; } .go_write h1 { width: auto; height: 30px; line-height: 30px; padding-left: 20px; font-size: 14px; background: #000; color: #fff } .cehua { width: 200px; height: 130px; margin-top: 15px; float: right } .cehua p { height: 50px; line-height: 20px; color: #000 } /*weekly_list start*/ .back { width: 980px; height: auto; background: #FFF; margin: 0 auto; margin-top: 10px; padding: 10px 0 } .weekly_list { width: 958px; height: auto; padding-bottom: 20px; overflow: hidden; border: 1px solid #ccc; margin: 0 auto; } .weekly_list h1 { width: auto; height: 35px; padding: 0 30px; font-size: 14px; line-height: 35px; border-bottom: 1px solid #ccc; background: url(../images/img8/arr.jpg) 2% no-repeat; } .weekly_list h1 span { float: right; font-size: 14px; font-weight: 200 } .weekly_list ul { width: 930px; height: auto; margin: 19px 0 0 25px; overflow: hidden } .weekly_list ul li { width: 135px; height: 190px; float: left; margin-right: 20px; text-align: center } .weekly_list ul li img { width: 130px; height: 164px; } .weekly_list ul li p { text-align: center; line-height: 25px; } /*weekly_list end*/ /*foot start*/ .foot { width: 980px; height: 110px; margin: 0 auto; padding-top: 5px; background: #FFF } .footer { width: 788px; height: 70px; margin: 0 auto; border: 1px solid #CCC; background: url(../images/img1/grayloge.jpg) 2% #FFF no-repeat; padding: 25px 20px 0 150px; } .footer a { color: #6F6F6F; } .bottom { width: 450px; height: 50px; line-height: 25px; } .email_take { width: 320px; height: 60px; background: url(../images/img7/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; border: 1px solid #698ab4; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; width: 60px; float: left; } .dark .rssbutton1 { border: 1px solid #585858; } .rssbutton1 input { background: #77a0d1; border: 1px solid #88b3e6; color: #FFFFFF; cursor: pointer; font-weight: bold; width: 60px; display: block; height: 22px; line-height: 22px; *line-height: 19px; text-align: center; } .dark .rssbutton1 input { background: #676767; border: 1px solid #777; } .rssbutton1 input:hover { background: #86b4eb; text-decoration: none; } .dark .rssbutton1 input:hover { background: #797979; border: 1px solid #939393; } input.rsstxt1 { width: 70%; height: 20px; font-size: 14px; padding: 2px 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #ccc; ;border-color: #7c7c7c #c3c3c3 #c3c3c3 #9a9a9a; margin-bottom: 5px; float: left; margin-right: 5px; } .dark input.rsstxt1 { background: #eee; } /*email take end*/ /*footer end*/ #fun1,.m,.dbdh,.ber1,.tit1,.tit1_1,.ber2 { display: none; } .clearfloat { zoom: 1 } .clearfloat:after { display: block; clear: both; content: " "; visibility: hidden; height: 0; width: 0; } @media (max-width:1200px) { .weekly_logo,.go_write { display: none; } .top,.layout,.preface,.read_hot,.hot_list,.first_read,.first_read img,.read_list,.process,.process_content,.tuoliu_content,.process_img ,.webo_img,.case_go,.foot,.footer,.rssbook1,.weekly_list,.weekly_list ul,.weekly_list ul li img,.back { width: 100%; } .ber1,.tit1 { display: block; width: 100%; } .ber1 img,.tit1 img,.fucus_xibu img,.process_img img,.webo_img img,.preface_right img { width: 100%; height: auto; } .preface,.case_go,.weekly_list ul li img,.preface_left,.preface_right,.weekly_list ul li,.first_read,.webo_img { height: auto; } .preface { padding-top: 0; background: url(none) #fff; } .preface_left { width: 69%; padding-left: 0; margin-right: 1%; } .preface_right { width: 30%; margin-left: 0; } .read_list { background: url(none) #fff; } .read_left { width: 60%; padding: 15px 0 0 0; } .first_read { margin-left: 0; } .read_right { width: 38%; margin-left: 2%; } .hot_list { margin-left: 0; padding: 10px 10px 0 5px; } .power_events { width: 54%; padding-left: 0; } .power_events h1 img { width: 80%; } .rssbook { width: 88%; } .read_left h1 { padding: 10px 0 0 110px } .tuoliu_events h1 img,.webo h1 img { width: 68%; } .read_left h1 img { width: 60% } .process_content,.tuoliu_content,.webo_img { margin: 15px 0 0 0; } .fucus_xibu { width: 45%; height: auto; margin-left: 1%; } .tuoliu_events { margin-left: 1%; width: 49%; padding-left: 0; } .webo { width: 49%; margin-left: 1%; } .process_img { margin-left: 0; } .webo h1 { padding-left: 0; } .case img { width: 100% !important; } .case { width: 65%; padding-left: 0; } .go { width: 33%; margin-left: 1%; } .ber2 { width: 100%; display: block; } .ber2 img { width: 100%; height: 175px; } .footer { border: 0; padding: 10px 0 0 0; margin-left: 0; } .bottom { width: 45%; padding-left: 140px; } .foot { height: 60px; } .email_take { width: 30%; background: none; } .weekly_list { border: 0; } .weekly_list ul { margin: 19px 0 0 1%; padding-left: 0; } .weekly_list ul li { width: 15%; margin-right: 1%; } .baidu_share { margin-bottom: 10px; } .preface_left p,.process_content p, .tuoliu_content p { padding-left: 3px; } .case img { height: 425px; } .preface_left p,.hot_list p,.process_content p, .tuoliu_content p { padding: 0 10px; overflow: hidden; box-sizing: border-box; } } @media (max-width:991px) { .news_list li span { display: none; } input.rsstxt { width: 75%; } input.rsstxt { width: 75%; } .case { width: 56%; } .go { width: 42%; } .foot { height: 105px; } .rssbook1 { height: 80px; } } @media (max-width:767px) { .top_right,.weekly_back,.tit1,.read_right,.go,.foot { 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: 15px; } .dbdh { display: block; width: 100%; position: fixed; bottom: 0; background: #13131b; } .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; } .dbdh ul li a img { display: inline-block; } .tit1_1 { display: block; width: 100%; } .tit1_1 img { width: 100%; height: auto; } .preface_left,.fucus_xibu,.tuoliu_events,.webo { width: 99%; } .preface_right,.read_left,.power_events,.case { width: 100%; } .case img,.case { height: auto; } .weekly_list ul li { width: 32%; } } @media (max-width:374px) { .weekly_list ul li { width: 49%; } }