@charset "utf-8"; @media (min-width: 768px) { .header_bg{ height:60px;} .header{ height:auto;} .header1_1 img{ height:60px;} .header1 .find{ top:86px;} .header1_3{} .header1_5{ right:60px;} .foot{ background-color:#333;} .foot1{} .foot2{ margin-bottom:0; color:#e7e7e7; border-color:#565656;} .foot2 a{ color:#e7e7e7;} .foot2 a:hover{ color:#FFF;} /*鍙嬫儏杩炴帴*/ .link{} .link1{ position:absolute; width:200px;} .link2{ padding:0 0 0 200px; clear:none;} .link2 a{ padding:0 15px;} .page_content{ padding:30px 0;} .location1{ font-size:38px; line-height:46px;} .location2{ line-height:16px; background-position:3px 18px;} .location2>div>div{ background-position:0 16px; padding:22px 0;} .location2>div:after{ bottom:-19px;} .index_content{ padding:30px 0;} .index_height{ height:30px;} .index_height2{ height:20px;} .index_title1{ padding-bottom:20px; margin-bottom:30px;} .index_title1 h2{ font-size:34px;} .index_title1 h3{ font-size:20px; margin:15px 0 0;} .index_more a{ width:260px; padding:0 20px;} .index1_1{ float:left; width:25%;} .index1_1:nth-child(1), .index1_1:nth-child(n+10){ width:50%;} .index1_1 .info .more{ line-height:36px;} .index2_1 .item{ width:33.33%; padding:20px;} .index2_1 .info{ max-width:330px; margin:0 auto; padding:10px 0 10px 60px; line-height:2;} .index2_1 .info img{ width:60px;} .index2_1 .info h2{ font-size:26px; margin-top:8px;} .index4_1 .info{ width:72%; line-height:2; padding-right:10%; position:relative;} .index4_1 .info:after{ width:1px; height:130px; background-color:#FFF; content:""; position:absolute; right:0; top:50%; margin-top:-65px;} .index4_1 .more{ width:28%; margin-top:0;} .index5 .item{ width:38%;} .index5 .item:last-child{ width:62%; padding-left:5%;} .index_newslist2{ margin-top:0px;} .left{ display:block; width:28%; float:left;} .right{ padding-left:3%; width:72%; float:left;} /*浜у搧鍒楄〃鏍峰紡*/ .productlist1 .txt{ font-size:16px;} /*浜у搧璇︾粏鏍峰紡*/ .prod_detail_left{ width:45%; float:left;} .prod_detail_left2{ padding:0 40px;} .prod_detail_right{ width:50%; float:right; margin-top:0px;} /* .prod_detail_desc .prod_desc_tabs dl dt, .prod_detail_desc .prod_desc_tabs dl dd{ font-size:14px;} .prod_detail_desc .prod_desc_tabs dt{ width:180px;} */ .prod_detail_othertitle{ font-size:26px; padding:10px 0;} .prod_detail_othertitle:after{ width:60px; margin-left:-30px;} .prod_detail_intro{ line-height:1.8; padding:20px 0;} .tabs table{ width:100%;} .tabs td, .tabs th{ padding:5px;} .feedback2 .bt{ height:50px; width:260px; font-size:20px;} /*鏂伴椈鏍峰紡*/ .newslist3 .pic{ padding:5px;} .newslist4 a{ padding:20px 20px;} .newslist4_1{ width:30%; float:left;} .newslist4_2{ width:60%; float:left; padding:0 20px;} .newslist4_2_1{ padding:5px 0;} .newslist4_3{ width:10%; float:left;} .newslist4_3_1{ padding:4px 0 0; font-size:22px;} .newslist4_3_1 span{ display:none;} .newslist4_3_2{ position:absolute; top:60%; display:block; border-left:solid 1px #e5e5e5; height:31px;} .newslist4_3_2 i{ background-image:url(/img/arrow6.png); background-size:30px; background-repeat:no-repeat; background-position:center; width:30px; height:31px; display:inline-block; position:absolute;} .newslist4_3_2 .you1{left: 15px} .newslist4_3_2 .you2{ background-image:url(/img/arrow6_o.png); left: -30px; opacity: 0;} .newslist4 a:hover .newslist4_3_2 .you1{ left:40px; opacity:0;} .newslist4 a:hover .newslist4_3_2 .you2{ left:15px; opacity:1;} .newdetail3{ padding:10px 0;} .newdetail4_2{ text-align:right;} .newdetail5{ padding:0 20px;} /*澶т簨璁?/ .history{ background-position:117px top;} .history1{ background-size:43px; width:160px; height:43px; line-height:43px; padding:0 50px 0 0; font-size:24px;} .history2{ background-position:right center;} .history3{padding:15px 0;} /*鎷涜仒鏍峰紡*/ .jobs_list .jobs_content div{ line-height:1.8;} .JobsAdd2{ width:15%;} .JobsAdd3, .JobsAdd4{ width:35%;} .JobsAdd5{ width:85%;} } @media (min-width: 992px) { .header1_1 img{ height:100px; padding:15px 0;} .header1_4 .header1_4_1{ margin:37px 10px 0 20px;} .header1_4 .header1_4_1 img{ width:35px;} .header1_5{ right:10px;} .header1 .find{ top:96px;} .mainnav .nLi>a{ height:60px; line-height:50px; font-size:15px; padding:0 6px;} .mainnav .nLi>a::after{bottom: 30px;} .mainnav .sub{ top:60px;} .mainnav .sub a{ font-size:15px;} .menulist a{ padding:0 30px; font-size:15px; line-height:80px;} .menulist a img{ width:26px; height:26px; margin-right:10px;} .foot1_3>ul ul>li>a{ background-position:0 12px;} .foot1_4_1{ margin-bottom:7px;} .foot1_4_2{ line-height:29px;} .index_content{ padding:40px 0;} .index_height{ height:40px;} .index_height2{ height:30px;} .index1{ margin:-10px;} .index1_1 a{ margin:10px;} .index1_1 .info>div{ padding:20px;} .index1_1 .info .title{ font-size:22px;} .index1_1 .info .desc{ margin:7px 0 12px; line-height:1.4;} .index1_1 .info .more{ line-height:28px;} .index_newslist1 .title, .index_newslist2 .title{ font-size:30px; padding:15px 0;} .index_newslist1 .desc, .index_newslist2 .desc{ line-height:26px; height:78px;} .index_newslist1 a{ padding:30px;} .index_newslist1 .pic{ margin:20px 0 0;} .index_newslist2{ padding:30px 0;} .index_newslist2 .title{ font-size:20px; padding:0 0 15px;} .index_newslist2 .more{ height:35px; background-size:35px;} .left{ width:27%;} .left_title{ font-size:24px; line-height:32px; padding:15px 24px;} .leftmenu1{ font-size:17px;} .leftmenu2{ font-size:15px;} .right{ padding-left:3%; width:73%;} /*鏂伴椈鏍峰紡*/ .newslist4 a{ padding:30px;} .newslist4_2{ padding:0 40px;} /*鑱旂郴鎴戜滑*/ .contact1{ position:relative;} .contact1_1{ position:absolute; width:400px; height:600px; right:0; padding:30px 30px 0;} .contact1_1 td{ padding:20px 0;} .contact1_1 .contact_icon{ width:60px; font-size:26px;} .contact1_1 .contact_txt{ font-size:16px; line-height:1.5;} .contact1_1_1 h1{ font-size:28px;} .contact1_2{ height:600px; margin-right:400px;} .contact2{ padding:30px;} .contact2_1{ float:right; width:60%; margin-left:20px;} .contact2_2{ line-height:1.8; font-size:16px;} .contact2_2 h1{ font-size:28px; margin:0 0 20px;} } @media (min-width: 1200px) { .header_bg{ height:120px;} .header1_1 img{ height:120px; padding:12px 0;} .header1_5{ right:12px;} .mainnav .nLi>a{ height:80px; line-height:70px; padding:0 10px;} .mainnav .sub{ top:80px;} .mainnav .sub a{ font-size:16px;} .menulist a{ padding:0 40px; font-size:16px;} .index_content{ padding:50px 0;} .index_height{ height:50px;} .index_height2{ height:40px;} .index_title1{ padding-bottom:30px; margin-bottom:50px;} .index_title1 h2{ font-size:52px;} .index_title1 h3{ font-size:24px; margin:20px 0 0;} .index1{ margin:-15px;} .index1_1 a{ margin:15px;} .index1_1 .info>div{ padding:30px;} .index1_1 .info .title{ font-size:30px;} .index1_1 .info .desc{ margin:10px 0 15px; line-height:1.6;} .index1_1 .info .more{ line-height:30px; padding:0 30px;} .index2{ padding:100px 0;} .left{ width:22%;} .right{ padding-left:3%; width:78%;} /*浜у搧璇︾粏*/ .prod_detail1{ width:75%;} .prod_detail2{ width:25%; display:block;} /*鏂伴椈鏍峰紡*/ .newslist4 a{ padding:40px;} .newslist4_2{ padding:0 60px;} .newslist4_2_1{ line-height:1.6; padding:12px 0;} .newslist4_2_2{ line-height:1.8;} .newslist4_3_1{ padding:10px 0 0;} /*鎷涜仒鏍峰紡*/ .JobsAdd2{ width:10%;} .JobsAdd3, .JobsAdd4{ width:23.33%;} .JobsAdd5{ width:90%;} /*鑱旂郴鎴戜滑*/ .contact1_1{width:500px; padding:50px 50px 0;} .contact1_2{margin-right:500px;} .contact2{ padding:50px;} .contact2_1{ float:right; width:64%;} } @media (min-width: 1500px) { .header1_1 img{height:120px; padding:0;} .header1_4 .header1_4_1{ margin:37px 10px 0 30px;} .header1_5{ padding-right:8px;} .mainnav .nLi>a{ padding:0 15px; font-size:17px;} .foot1_1_3 li{ margin:2px 4px;} .index4_1 .info{ font-size:18px; line-height:2.4;} .left{ width:21%;} .right{ padding-left:3%; width:79%;} /*浜у搧璇︾粏*/ .prod_detail2{ padding-left:30px;} .prod_detail2_1{ font-size:24px;} .prod_detail2_2 a{ font-size:18px;} }