.clear{ clear:both; } .guibao{ float:left; margin:10px 15px; } .guibao a img{ width:100px; height:100px; display:block; } .guibao a span{ display:block; font-size:14px; line-height:30px; text-align:center; } /*@media screen and (min-width: 1000px) {}*/ .sp_header{ display:none; } .index_top{ width:1200px; position:relative; font-size:30px; line-height:30px; text-align:center; margin:100px auto 70px; } .topxian{ display:block; width:35%; height:3px; background:#aeaeae; position:absolute; top:50%; } .xianleft{ left:0; } .xianright{ right:0; } .topxian2{ width:40% !important; } .index_function{ width:1200px; margin:0 auto; } .func_list{ /*display: flex;*/ } .func_list li{ float:left; width:23%; margin:0 1%; margin-top:20px; flex: auto; } .funcimg{ width:100%; height:270px; overflow:hidden; } .funcimg img{ width:100%; height:100%; transition:transform 1s; } .funcimg:hover img{ transform:scale(1.1,1.1); } .funcname{ font-size:18px; line-height:100%; margin:20px 0; text-align:center; } .f_more{ display:block; width:200px; height:50px; border:2px solid #000; margin:30px auto; font-size:18px; text-align:center; line-height:50px; transition: background 1s; } .f_more:hover{ border:2px solid #008143; background:#008143; color:#fff; } .index_sell{ width:1200px; margin:0 auto; } .sell_list{ display:flex; } .sell_list li{ float:left; margin:0 1%; margin-top:20px; flex: auto; } .sellimg{ width:100%; /*height:270px;*/ overflow:hidden; } .sellimg img{ width:100%; height:100%; } .index_case{ width:1200px; height:570px; margin:0 auto; } .caseleft{ width:315px; height:100%; float:left; margin-right:15px; } .caseleft img{ width:100%; } .casecent{ width:540px; margin-right:15px; } .caseright{ width:315px; margin:0; } .casecent a{ display:block; } .cc_btn{ margin-top:10px; } .index_about{ width:1100px; margin:0 auto; height:auto; } .ableft{ width:65%; float:left; } .abright{ width:32%; float:right; } .video{ width:100%; } .ableft_btm{ display: flex; margin-top:10px; width:685px; } .ableft_btm a{ display:block; width:49%; margin-right:1%; } .ableft_btm a img{ width:100%; } .abright a{ display:block; width:100%; } .abright a img{ width:100%; } .index_word{ width:1200px; margin:0 auto; padding-bottom:70px; } .index_word h1{ font-size:24px; color:#008143; } .index_word p{ font-size:20px; color:#000; margin-top:30px; line-height:30px; } .footer_box{ width:100%; background:#008143; } .footer_box a{ color:#fff !important; } .footer{ width:1200px; margin:0 auto; color:#fff; padding-top:65px; } .foot_logo{ float:left; width:180px; height:180px; margin-right:20px; } .foot_list{ float:left; } .foot_list li{ float:left; width:130px; text-align:center; margin-right:20px; } .foot_list li h1{ font-size:22px; margin-bottom:20px; } .foot_list li p{ font-size:18px; height:40px; line-height:100%; } .footlj a{ float:none; height:40px; } .foot_ewm{ float:right; } .foot_ewm li{ float:left; width:150px; /*margin-right:40px;*/ } .foot_ewm li img{ display:block; width:115px; height:115px; margin:0 auto; } .foot_ewm li a{ margin-top:15px; font-size:14px; text-align:center; display: block; } .copy{ width:100%; font-size:16px; color:#fff; line-height:70px; text-align:center; } .copy a{ display:inline; } /*产品列表*/ .list_top{ width:100%; background:#008143; height:50px; } .list_pos{ width:1200px; margin:0 auto; font-size:18px; line-height:50px; color:#fff !important; } .list_pos a{ display: inline; color:#fff; } .contain{ width:1240px; margin:0 auto; padding-bottom:40px; border-top:1px solid #ddd; } .conp_top h1{ font-size:24px; line-height:80px; font-weight:normal; padding-left:1%; } .pcon_list li{ width:23%; margin:12px 1%; height:40px; text-align:center; line-height:40px; float:left; background:#008143; } .pcon_list li a{ color:#fff; font-size:18px; } .pcon_list li:hover{ background:#ffed00; } .pcon_list li:hover a{ color:#000; } .conp_btm{ margin-top:40px; padding-bottom:30px; } .product_list li{ box-sizing: border-box; border:1px solid #e6e6e6; width:23%; margin:1%; float:left; } .product_list li img{ width:100%; } .product_list li p{ height:40px; line-height:40px; font-size:16px; text-align:center; } .nybg{ width:1160px; overflow:hidden; margin:10px auto; } /*.nybg img{ width:1920px; position:relative; left:50%; margin-left:-960px; }*/ /*新闻页*/ .newbox{ width:1200px; margin:0 auto; padding-top:1.5rem; padding-bottom:5rem; } .new_list li{ width:100%; height:auto; border:1px solid #e6e6e6; padding:20px; margin-top:20px; } .newimg{ width:25%; height:180px; float:left; } .newright{ float:right; width:68%; margin-right:3%; /*position:relative;*/ } .newright h1{ font-size:18px; line-height:36px; color:#000; } .newright h2{ font-size:12px; color:#959595; line-height:30px; font-weight: normal; } .newright p{ font-size:14px; line-height:30px; } .newmore{ width:100px; height:35px; line-height: 35px; text-align:center; font-size:14px; background:#ffed00; /*position:absolute; left:0;bottom:0;*/ } .newmore:hover{ background:#008143; color:#fff; } .nynr{ width:98%; padding:1%; } .nynr p img{ display:inline; } .xtrk{ width:250px; height:80px; font-size:20px; line-height:80px; text-align:center; margin:20px auto; margin-top:50px; background:linear-gradient(to bottom, #008244 0%, #00ff85 45%,#008244 100%); } .xtrk a{ color:#000; } .zhanhui{ width:46%; margin:10px 2%; float:left; } .zhanhui img{ max-width:100%; display:block; margin:0 auto; } /*内容页*/ .arctop{ font-size:24px; line-height:80px; font-weight:normal; padding-left:1%; } .arcimg_l{ margin:20px auto; /*display:flex;*/ } .arcimg_l li{ float:left; border:1px solid #e6e6e6; width:31%; height:220px; overflow:hidden; text-align: center; margin:1%; /*padding:2%;*/ /*display: table-cell; vertical-align: middle;*/ } .arcimg_l li div{ display: table-cell; vertical-align: middle; text-align:center; width:100%; height:220px; } .arcimg_l li img{ width:80%; height:auto; margin:0 auto; } .index_box{ width:100%; padding:3%; } .xiazai_box a{ display: inline !important; } .xiazai_box img{ display: inline !important; } .nyguibao{ padding:2%; } .nyguibao li{ width:23%; margin:1%; float:left; } .nyguibao li img{ margin:0 auto; max-width:100%; } .nyguibao li span{ display:block; width:100%; text-align:center; line-height:30px; font-size:16px; } .nyban{ /*width:95%;*/ margin:2% auto; } .nyban img{ /*width:100%;*/ height:auto; margin:0 auto; } .index_box h1{ font-size:1.2rem; padding-bottom:15px; border-bottom:1px solid #e6e6e6; margin-bottom:1.5rem; } .table1{ width:700px; margin:0 auto; } .table1 tr{ line-height:36px; font-size:14px; } .tatr{ padding-left:10px; } .tablel{ width:30%; } .tong_li{ line-height:30px; font-size:18px; /*padding-left:10px !important;*/ border:none !important; border-bottom:1px dotted #dcdcdc !important; } .tong_li a{ color:#000; } .tong_li a span{ font-size:14px; color: #dddddd; } .nyimglist li{ width:23%; margin:10px 1%; float:left; margin-top:20px; } .nyimglist .fdimg{ width:100%; height:auto; overflow:hidden; } .fdimg img{ width:100%; height:100%; transition: transform 1s; } .fdimg:hover img { transform: scale(1.1, 1.1); } .nyimglist li a span{ width:100%; text-align:center; display:block; font-size:16px; line-height:30px; } /*表单*/ .liuyan{ width:800px; margin:10px auto; line-height:40px; } .liuyan span{ font-size:18px; text-align-last: justify; float:left; display:block; width:15%; margin-right:10px; line-height:40px; } .inputl{ width:75%; float:right; border:1px solid #dedede; height:40px; padding-left:5px; line-height:40px; } .input2{ width:75%; float:right; height:40px; padding-left:5px; line-height:40px; } .input2 img{ display:inline; } .input2 a{ display:inline; } .inputtext{ width:75%; float:right; border:1px solid #dedede; height:120px; padding-left:5px; line-height:40px; } .inputbtn{ width:100px; height:40px; background:#008143; color:#fff; border:none; margin:10px 30px; font-size:16px; } /*搜索*/ .alsearch{ float:right; padding:20px; } .alkuang{ width:200px; line-height:30px; border-radius:5px; outline: none; padding-left:5px; } .al_sub{ width:40px; line-height:30px; text-align:center; background:#008143; color:#fff; outline:none; } /*分页*/ .dede_pages{ margin:10px 0; } .pagelist li{ float: left; margin-right:5px; } .context ul li{ margin:10px 0; } @media screen and (min-width: 720px) and (max-width: 1000px){ .sp_header{ display:block; } .headerbox{ display:none !important; } .product_list li{ width:31%; } } @media screen and (max-width: 1199px) { .index_top{ width:100%; position:relative; font-size:1.5rem; line-height:2rem; text-align:center; margin:5rem auto 3rem; } .topxian{ display:block; width:20%; height:3px; background:#aeaeae; position:absolute; top:50%; } .xianleft{ left:0; } .xianright{ right:0; } .topxian2{ width:30% !important; } .index_function{ width:100%; } .index_function{ width:100%; margin:0 auto; } .func_list{ /*display: flex;*/ } .func_list li{ float:left; width:23%; margin:0 1%; margin-top:20px; flex: auto; } .funcimg{ width:100%; height:auto; overflow:hidden; } .funcimg img{ width:100%; height:100%; transition:transform 1s; } .funcimg:hover img{ transform:scale(1.1,1.1); } .funcname{ font-size:1rem; line-height:100%; margin:20px 0; text-align:center; } .f_more{ display:block; width:200px; height:50px; border:2px solid #000; margin:30px auto; font-size:18px; text-align:center; line-height:50px; transition: background 1s; } .f_more:hover{ border:2px solid #008143; background:#008143; color:#fff; } .index_sell{ width:98%; margin:0 auto; } .sell_list{ /*display:flex;*/ } .sell_list li{ float:left; margin:0 1%; margin-top:20px; /*flex: auto;*/ width:48%; } .sellimg{ width:100%; height:auto; overflow:hidden; } .sellimg img{ width:100%; height:100%; } .index_case{ width:95%; height:auto; margin:0 auto; } .caseleft{ width:26%; height:auto; float:left; margin-right:0; } .caseleft img{ width:100%; } .casecent{ width:44%; margin:2%; } .caseright{ width:26%; margin:0; } .index_about{ width:95%; } .index_video{ width:100% !important; height:auto !important; } .video video{ width:100% !important; height:auto !important; } .index_word{ width:95%; margin:0 auto; padding-bottom:3rem; } .index_word h1{ font-size:1.4rem; } .index_word p{ font-size:1.1rem; margin-top:1.5rem; line-height:1.5rem; } .footer{ width:95%; margin:0 auto; color:#fff; padding-top:65px; } .foot_logo{ display:none; } .foot_list{ float:left; } .foot_list li{ float:left; width:130px; text-align:center; margin-right:20px; } .foot_list li h1{ font-size:22px; margin-bottom:20px; } .foot_list li p{ font-size:18px; height:40px; line-height:100%; } .foot_ewm{ float:none; } .foot_ewm li{ float:left; width:150px; /*margin-right:40px;*/ } .foot_ewm li img{ display:block; width:115px; height:115px; margin:0 auto; } .copy{ width:95%; font-size:1rem; line-height:110%; margin: 1.5rem auto 0; padding-bottom:1.5rem; } .list_pos { width: 95%; font-size: 1rem; } .contain{ width:95%; } .newbox{ width:95%; margin:0 auto; padding-top:25px; } } @media screen and (max-width: 720px) { .sp_header{ display:block; } .headerbox{ display:none !important; } .floating_ck{ display:none !important; } .func_list li{ float:left; width:48%; margin:0 1%; margin-top:20px; flex: auto; } .sell_list { display: block; } .index_case{ width:95%; height:auto; margin:0 auto; } .caseleft{ width:315px; height:240px; float:none; margin:0 auto; overflow:hidden; } .caseleft img{ width:100%; } .casecent{ /*width:100%;*/ margin:10px auto; height:auto; } .caseright{ width:315px; margin:0 auto; } .ableft{ width:100%; float:left; } .ableft_btm{ width:auto !important; } .abright{ width:100%; float:none; } /*.abright_top{ display:none !important; }*/ .abright_top img{ padding-top: 5%; } .foot_list li{ float:left; width:50%; text-align:center; margin-right:0; } .foot_list li h1{ font-size:22px; margin-bottom:20px; } .foot_list li p{ font-size:18px; height:40px; line-height:100%; } .foot_ewm{ float:none; } .foot_ewm li{ float:left; width:50%; } .foot_ewm li img{ display:block; width:115px; height:115px; margin:0 auto; } .product_list li{ width:48%; } .newbox{ width:98%; margin:0 auto; padding-top:0.8rem; } .newimg{ width:80%; height:auto; float:none; margin:0 auto; } .newright{ float:none; width:98%; margin:0 auto; } .newright p{ display:none; } .arcimg_l li{ height:120px; } .arcimg_l li div{ height:120px; } .nyguibao li { width: 48%; } .table1{ width:98%; } .nyimglist li{ width:48%; } .liuyan{ width:96%; margin:10px auto; line-height:40px; } .liuyan span{ font-size:18px; width:30%; margin-right:10px; line-height:40px; } .inputtext{ width: 100%; } .inputl{ width:100%; float:right; border:1px solid #dedede; height:40px; padding-left:5px; line-height:40px; } }