@charset "utf-8"; /* CSS Document */ *{margin:0;padding:0;} body {margin:0px;padding:0px;font-size: 16px; background:#fff;} ul ,li { list-style: none} a{text-decoration:none;} img {width:100%;border: 0px;} a{text-decoration: none;} .clear { clear:both; line-height:0;font-size:1px;} h1{font-size:2em;} h2{ font-size:1.25em;} /*top begin*/ .weekly_top{width:100%; background:url(weekly_top.jpg) repeat-x;} .top{max-width:1170px;height:20px; padding-top:12px; margin:0 auto; padding:12px 15px 0 15px;} .top_left{width:30%; line-height:20px; color:#000;float: left; } .weekly_back{width:35%;height:20px;line-height:20px; float: left; } .top_right{width:25%;height:20px;line-height:20px; float: right; text-align:center;} .top_right a{ color:#d40000;} .top_right img{ margin-top:2px; float:left; margin-right:10px;max-width: 100%;width: auto;} /*top end*/ /*guide*/ .banner{width:100%; height:auto; overflow:hidden;} .guide{height:218px; margin:0 auto; background:url(leaderbg.jpg) top center no-repeat;} .guide h1{ display:none;} .guide_read{max-width:955px; margin:0 auto; padding:60px 0 47px 215px; line-height:28px;background:url(read.jpg) top left no-repeat;} /*crusher mill start*/ .crusher{max-width:1200px; margin:0 auto;height:auto; overflow:hidden;padding:40px 0; text-align:center;} .crusher h1{max-width:1170px;height:30px;margin:0 auto;line-height:30px;background:url(title1.jpg) center no-repeat;} .crusher .crusher_pro ul li h2{margin-bottom:16px;} .mill{ margin:0 auto;height:auto; overflow:hidden;padding:70px 0; text-align:center; background:url(bjbg.jpg) top center no-repeat;} .mill h1 {max-width:1170px;height:30px;margin:0 auto;line-height:30px;background:url(title2.png) center no-repeat;} .crusher h1 span,.mill h1 span,.give h1 span{display:none;} .crusher .crusher_pro,.mill .mill_pro{width:100%;margin:0 auto; margin-top:30px;height:auto;overflow:hidden;} .crusher .crusher_pro ul li {width:269px; float:left; padding:0 15px; margin-top:5px; position:relative; } .crusher .crusher_pro ul li .con_hover1,.crusher .crusher_pro ul li .con_hover2,.crusher .crusher_pro ul li .con_hover3,.crusher .crusher_pro ul li .con_hover4{width:209px;height:421px; position:absolute; background:#360f11;filter: opacity(92%); top:0; left:15px; z-index:10; padding:45px 30px 0 30px; color:#FFF; line-height:26px; display:none;} .crusher .crusher_pro ul li .con_hover1{background:#360f11;} .crusher .crusher_pro ul li .con_hover2{background:#685540;} .crusher .crusher_pro ul li .con_hover3{background:#1a3a42;} .crusher .crusher_pro ul li .con_hover4{background:#1e3418;} .crusher .crusher_pro ul li:hover .con_hover1,.crusher .crusher_pro ul li:hover .con_hover2,.crusher .crusher_pro ul li:hover .con_hover3,.crusher .crusher_pro ul li:hover .con_hover4{ display:block;} .crusher .crusher_pro ul li .con_hover1 p:nth-child(3),.crusher .crusher_pro ul li .con_hover2 p:nth-child(3),.crusher .crusher_pro ul li .con_hover3 p:nth-child(3),.crusher .crusher_pro ul li .con_hover4 p:nth-child(3){padding-bottom:20px;} /*mill start*/ .mill .mill_pro{max-width:1200px; margin:0 auto; margin-top:60px;} .mill .mill_pro ul li {width:370px; float:left; margin:0 15px; background:#fff;filter: opacity(90%); position:relative;line-height:0;} .mill .mill_pro ul li h2{ line-height:56px; color:#FFF; font-size:20px; background:#4c8300;filter: opacity(100%); } .mill .mill_pro ul li img{ display: inherit;} .mill .mill_pro ul li .mill_hover{width:290px;height:329px; position:absolute; z-index:10px; top:56px;left:0px; background:#477a00;filter: opacity(90%); color:#FFF; padding:20px 40px 0 40px; display:none; } .mill .mill_pro ul li .mill_hover p{ line-height:28px; text-align:left;} .mill .mill_pro ul li .mill_hover p:nth-child(2){ padding-top:10px;} .mill .mill_pro ul li:hover .mill_hover{ display:block;} /*give start*/ .give{max-width:1170px;margin:0 auto;height:auto; overflow:hidden;padding:40px 0 20px 0; text-align:center;} .give h1{max-width:1170px;height:30px;margin:0 auto;line-height:30px;background:url(title3.jpg) center no-repeat;} .give .give_pro{max-width:1170px;margin-top:30px;height:auto; overflow:hidden;} .f5x_s5x{ line-height:0;} .f5x_s5x img{ float:left;width:50%;} /*footer start*/ .footer{width:100%; background:#212a15;height:auto; overflow:hidden;padding:40px 0; color:#fff;} .foot{max-width:1170px; margin:0 auto;} .foot h1{ padding-bottom:20px;} .foot p{ line-height:30px;} .foot_left{width:390px;height:200px;float:left;} .foot_center{width:480px;height:200px;float:left;} .foot_center ul li{width:100px; float:left; margin:50px 10px 0 40px; text-align:center} .foot_center ul li img{width:70px;height:70px;} .foot_center ul li p{ line-height:26px;} .foot_right{width:300px;height:200px;float:left;} @media( max-width:1199px){ .guide{padding:10px;height:auto; overflow:hidden;background:url(leaderbg.jpg) top center repeat-y ;} .guide h1{ display:block; font-size:2em; text-align:center;} .guide_read{margin:0 auto; padding:10px 0 15px 0; line-height:28px; background:none;} .crusher .crusher_pro ul li{width:22%; float:left; text-align:center;} .crusher .crusher_pro ul li:hover .con_hover1,.crusher .crusher_pro ul li:hover .con_hover2,.crusher .crusher_pro ul li:hover .con_hover3,.crusher .crusher_pro ul li:hover .con_hover4{ display:none;} .mill .mill_pro ul li:hover .mill_hover{ display:none;} .mill .mill_pro ul li{width:30.3%;} .give{ padding-bottom:0px;} .foot_left{width:50%;float:left; padding-left:100px;} .foot_center{ display:none;} } @media(max-width:1023px){ .top_left{width:100%;} .weekly_back,.top_right{display:none;} .crusher .crusher_pro ul li{width:21%; float:left; text-align:center;} .mill .mill_pro ul li{width:29.3%;} .give{ padding-bottom:0px;} .foot_left{width:55%;float:left; padding-left:30px;} .foot_center{ display:none;} } @media (max-width:767px){ .crusher{padding:25px 0; text-align:center;} .crusher .crusher_pro{ margin-top:20px;} .mill{padding-top:30px;} .mill .mill_pro{ margin-top:20px;} .crusher .crusher_pro ul li{width:42%; float:left; text-align:center;} .foot_left{width:50%;float:left; padding-left:20px;} .foot_center{ display:none;} } @media(max-width:736px){ .crusher .crusher_pro ul li{width:45%; float:left; text-align:center;} .mill .mill_pro ul li {width: 28.3%;} } @media(max-width:667px){ .crusher .crusher_pro ul li{width:45%; float:left; text-align:center;} } @media(max-width:568px){ .crusher .crusher_pro ul li{width:44%; float:left; text-align:center;} .mill .mill_pro ul li {width: 24.3%;} .give{ padding-bottom:0px;} .footer{padding:20px 0;} .foot_left{width:100%;float:left; padding-left:10px;height:auto; overflow:hidden; padding-bottom:20px;} .foot_right{width:100%;float:left;height:auto; overflow:hidden;} .foot_center{ display:none;} } @media(max-width:414px){ .crusher h1,.mill h1,.give h1{ background:none;} .mill h1{ color:#FFF;} .crusher h1 span,.mill h1 span,.give h1 span{display: block;} .crusher .crusher_pro ul li{width:41%; float:left; text-align:center;} .mill{background:url(bjbg.jpg) top center repeat-y; padding:30px 0;} .mill .mill_pro ul li {width: 92%; margin-top:15px;} .give{ padding-top:30px;} .f5x_s5x img{ float:left;width:100%;} } @media(max-width:320px){ .crusher .crusher_pro ul li{width:40%; float:left; text-align:center;} .crusher h1 ,.mill h1{background:none;} .mill h1{ color:#FFF;} .crusher h1 span,.mill h1 span,.give h1 span{display:block;} } @media (min-width: 768px){.container { width: 750px; }} @media (min-width: 1000px){.container { width: 970px; }} @media (min-width: 1200px){ .container { width: 1170px; } } .copy { padding-top: 10px; height: 60px; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .copy img{max-width: 100%;width: auto;} .copy{padding-top: 10px;height: 60px;} .copy_center_p{float: left;margin-left: 30px;padding-top: 10px;} .copy_left img{float:left;} .copy_left ul li{float:left;line-height:12px;list-style-type:none;} .copy_left ul li a{display:inline-block;text-align:center;padding:0 10px;border-right:1px solid} .copy_left ul li:nth-child(1) a{padding-left:0} .copy_left p,.copy_left ul li a,.copy_right p{font-size:12px;color:#6F6F6F} .copy_left p,.copy_left ul li a,.copy_right p{font-size:12px;color:#6F6F6F} .copy_right{height:auto;width: 240px;float: right;} .input_text{;height:25px;font-size:14px;padding:0 3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;margin-top:5px;margin-right:5px;float:left;border:1px #ccc solid} .sub{float:left;cursor:pointer;width:48px;display:block;height:27px;text-align:center;margin-top:5px} .copy_input img{margin-left:22px;margin-top:-5px} @media (max-width: 767px){ .foot_right{display: none;} .footer{display: none;} .copy_center{display: none;} .copy_right{display: none;} .copy_left img{display: none;} } @media (min-width: 768px){ .copy_center_p{width: 396px;}} @media (max-width: 999px){ .copy_right{display: none;}} @media (min-width: 1200px){ .copy_center_p{margin-left: 60px;} .copy_right{margin-right: 80px;}} /*foott*/ .foott{width:100%; background:#171f23;color:#a9b3b3; text-align:center; line-height:20px; padding:15px 0;}