/* css document */ .pmd{display: none;} .m{max-width:1360px;min-width:320px;margin:0 auto;overflow: hidden;} .m_header{display: none;} .pc_header{width:100%;z-index: 1;} .top_bar{width:100%;height:44px;padding:0px 1%;box-sizing:border-box;background: #ffffff;} .top_l{width: 50%;float: left;color: #666666;font-size: 14px;height:44px;line-height:44px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 16px;} .top_r{width: 50%;float: right;} .top_r .list_link{ float:right; height:44px; line-height:44px; position:relative;z-index: 199; } .top_r .list_link .link_list{padding:0px 25px 0px 10px;color:#666666; border:none; font-family:verdana, geneva, sans-serif;} .top_r .list_link .link_list b{ position:absolute; right:10px; top:20px; border-color: #999999 transparent transparent ;border-style:solid dashed dashed; border-width:4px;font-size:0;height:0; line-height: 0;width:0; transition:all 0.3s ease-in 0s;} .top_r .list_link .menu_list{ display:none;padding:0px 10%;} .top_r .list_link a{color:#666666;} .top_r .list_link.hover .menu_list{ width:400px; position:absolute; left:-260px; top:40px;background-color:rgba(255,255,255,1);border-bottom:solid 1px #d4d4d4;display:block; z-index:1} .top_r .list_link.hover .menu_list .a_h{ display:block;text-align: left; line-height:22px; padding: 8px 0px;border-bottom:double 1px #d8d8d8;color: #666666;} .top_r .list_link.hover .link_list{background-color:rgba(255,255,255,0.85);color: #666666;} .top_r .list_link.hover .link_list b{top:15px; transform: rotate(180deg); border-color: #483e3d #ffffff #ffffff; transition: all 0.3s ease-in 0s;} .top_r .list_link.hover a{color:#666666;} .top_r .basket{ float:left; height:44px; line-height:44px;margin-left: 15px;width: 120px} .top_r .basket a{color:#666666;} .top_r .basket .icon{color:#58bafb;} .navigation{width:100%;height:76px;background:#000000;position: relative;z-index: 99;} .nav_r{min-width:400px;position: absolute;right: 12px;top: 18px;} .search_pc_sub{float:right;width: 100px;height: 40px;line-height:40px;color:#ffffff;background: #d31700;font-size:16px;text-align: center;cursor: pointer;} .search_pc{position: absolute;right:0px;top:40px;border: solid 1px #b41805;background: #1b1b1b;display: none;} .search_pc .text_input{float:left;width:260px; height:48px; line-height:48px; border:none;background:none; text-indent:15px; color:#999;} .search_pc .sub_btn{width:50px; height:48px; border:none;border-top-right-radius:5px;background:none; text-align:center;color:#d31700;font-size:24px; cursor:pointer;} .search_pc .sel{ width:70px; height: 48px;border:none;background:none;float: left; position: relative; box-sizing: border-box;z-index: 99;} .search_pc .sel select{border: none;background: none; outline: none;width: 100%; height: 48px; line-height: 48px;appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left:10px;color: #999;font-family: helvetica;} .search_pc .sel:after{ content: ""; width:48px; height:48px; background: no-repeat right center;position: absolute; right: 0px; top: 0; pointer-events: none; } .search_m{display:none} .top_r .list_link.hover .menu_list .a_h .icon-sgs {background: rgba(0, 0, 0, 0) no-repeat scroll 0 0; display: inline-block;height: 13px;margin: 6px 10px 0px 0px;width: 27px;} .top_r .list_link.hover .menu_list .a_h .icon-sp { background: rgba(0, 0, 0, 0) no-repeat scroll -40px 0;display: inline-block;height: 13px;margin: 6px 10px 0px 0px;width: 13px;} .top_r .list_link.hover .menu_list .a_h.more{ text-align:center;border-bottom:none;color: #d31700;font-size:1.6rem;} .top_r .list_link.hover .menu_list .a_h.more i{padding-left:5px;font-size:2rem;} .pc_lg{float:right;height: 40px;line-height:40px;border-left: solid 1px #333333;padding: 0px 20px;color:#f5f5f5;font-size: 16px;cursor: pointer;} .pc_lg i{padding-left: 5px;} .pc_lg .flag_icon{float:left;margin-right: 5px;height:15px;margin-top:13px;} .lg_list_pc{padding:10px 20px;position:absolute;right:114px;top:40px;border: solid 1px #b41805;background: #1b1b1b; display:none;box-sizing: border-box;} .lg_list_pc ul li{width:100%;height :35px;} .lg_list_pc ul li .flag_icon{float:left;margin-right: 5px;height:15px;margin-top:11px;} .lg_list_pc ul li a{width:100%; height:35px; line-height:35px; font-size:14px; color:#c0c0c0;;overflow:hidden;} .lg_list_pc ul li a.more{ text-align:center;border-bottom:none;color: #ffffff;font-size:1.6rem;} .lg_list_pc ul li a.more i{padding-left:5px;font-size:2rem;} .logo{padding:17px 0px;position: absolute;left:12px;top: 0px;} .logo img{float: left;display: block;padding-right: 10px;max-height: 42px;} .logo .com_text{float: left;color: #ff0006;font-size:22px;height:42px;line-height: 42px;overflow: hidden;} .menu{float: right;padding-right:270px;} .menu ul li{height:76px;line-height:76px; float:left; position:relative;} .menu ul li a{ display:inline-block; padding:0px 25px;height:76px; line-height:76px;color:rgb(255,255,255); font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .menu ul li a:hover{ display:inline-block; padding:0px 25px;height:76px;line-height:76px;color:rgb(255,255,255); background:#d31700;font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .twonav{display:none;width:240px; height:auto;background: #1b1b1b; border:solid 1px #d31700; border-top:solid 5px #d31700; position:absolute; left:0px; top:75px; z-index:99;background-color:rgba(255,255,255,1); padding:10px 0px;} .menu ul li b{ position:absolute;top:38px; right:10px; border-color: #ffffff transparent transparent;border-style:solid dashed dashed; border-width: 4px;font-size: 0;height: 0; line-height: 0;width:0; transition:all 0.3s ease-in 0s;} .menu ul li .twonav ul li{ padding:0px; height:40px; border:none; float:none; margin:0px; text-indent:10px; position:relative; background:none;} .menu ul li .twonav ul li a{ max-width: 80%;height:40px; line-height:40px; color:#666664; font-size:14px; display:block;padding-right:10px;} .menu ul li .twonav ul li a:hover{ height:40px; line-height:40px; color:#d31700; font-size:14px; background:#fcfcfc; padding-right:10px;} .thirdnav{width:240px; height:auto; position:absolute; left:240px; top:0px; z-index:999;background-color:rgba(255,255,255,1); border:solid 1px #d31700; padding:10px 0px;} .menu ul li .twonav ul li i{ position:absolute; left:240px; top:0px; width:1px; height:40px; line-height:40px;background-color:rgba(255,255,255,1); z-index:1000; display:none} .menu ul li .twonav ul li.current i{ display:block} .menu ul li .twonav ul li.one.current a.a_one{ color:#d31700;background-color:rgba(255,255,255,1);} .menu ul li .twonav ul li .thirdnav{ display:none} .menu ul li .twonav ul li .thirdnav ul li{ padding:0px 10px; height:40px; border:none; float:none; margin:0px;all:initial; text-indent:10px;} .menu ul li .twonav ul li .thirdnav ul li a{ height:40px; line-height:40px; color:#666664; font-size:14px; display:block} .menu ul li .twonav ul li .thirdnav ul li a:hover{ height:40px; line-height:40px;font-size:14px;} .menu ul li .twonav ul li .m_jt{ position:absolute; right:15px; top:-17px; font-size:14px; font-family:"宋体"} .menu ul li .twonav ul li.current .m_jt{ color:#0da63f;} .swiper-pagination-bullet{background: #e5e5e5;} .swiper-pagination-white .swiper-pagination-bullet-active{background: #e30005;} .swiper-container.h_qt{height: 101px;overflow: visible;z-index: 9;} .home_hot_product{border-bottom: solid 1px #cccccc;padding:7px 0px;overflow:hidden;position: relative;} .home_hot_product .line{width: 374px;position: absolute;left: 0px; bottom:-2px;border-bottom: solid 2px #d31700;} .home_hot_product .hotp_title{width: 374px;float:left;padding:106px 40px;box-sizing: border-box;} .home_hot_product .hotp_title .sub_t{font-size: 50px;color: #333333;line-height: 46px;} .home_hot_product .hotp_title .sub_t span{display:block;font-size: 50px;color: #d31700;line-height:46px;} .home_hot_product .hotp_title .com_n{font-size: 16px;height:28px;line-height:28px;color: #999999;overflow: hidden;} .home_hot_product .see_more{font-size:16px;height:40px;line-height:40px;color: #ffffff;background:#d31700;margin-top: 15px;padding: 0px 30px;display: inline-block;} .home_hot_box{/*padding-left:390px;*/overflow: hidden;} .hotp_cont{width: 100%;} .hotp_cont ul li{width:380px;height:380px;float: left;} .hotp_cont ul li .h_pic{width:380px;/*height:380px;*/text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;position: relative;} .hotp_cont ul li .h_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .hotp_cont ul li .h_pic .title{width:100%;position:absolute;left: 0px;bottom:0px;padding:0px 10px;box-sizing:border-box;text-align:center;overflow:hidden; height:50px;line-height:50px; color: #333333;font-size:16px;background-color: rgb(255,255,255,0.5);} .hotp_cont ul li .h_pic a:hover .title{color: #d94d40;} .hotp_nextbtn{background: #d31700;color: #ffffff;position: absolute;right:0px;top:50%;margin-top:-81px;width: 44px;height: 162px;line-height: 162px;font-size:30px;font-family:"宋体";text-align: center;} .home_about_mod{margin-top:3vw;} .home_about_r{width:45%;height:auto;float:right;} .home_about_r img{display: block;max-width: 100%} .home_about{float:left;width:55%;padding:4vw 90px;padding-left:0px;height:100%;box-sizing:border-box;} .home_about .a_title {/*width:340px;*/text-align:left;text-indent:140px; font-size: 3.4rem;color: #d31700;background:#f3f3f3;height: 66px;line-height: 66px;border-right:solid 6px #d31700;box-sizing: border-box;} .home_about_cont{padding: 50px 50px 50px 90px;} .home_about .home_about_cont .text_a{margin-bottom:40px;font-size: 16px;line-height: 30px;max-height:120px;color: #333333; overflow: hidden; text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;text-indent: 2em;text-align: justify;} .home_about .home_about_cont .a_more{display:block;float:left;width:140px;height:38px;background:#d31700;font-size: 16px;line-height: 38px;color: #ffffff;text-align: center;margin-top:20px;border-radius:3px; transition:width 2s;-webkit-transition:width 2s;/* safari */} .home_about .home_about_cont .a_more:hover{width:180px;} .home_about .home_about_cont .a_more2{float:left;margin-left:20px;color:#333333;height:40px;font-size: 16px;line-height:40px;margin-top:20px;background: #eeeeee;border-radius: 3px;padding: 0px 20px;} .home_pcont_box{padding:80px 0px;background: #f3f3f3;} /*pc左侧产品分类样式*/ .side_left{float:left;width:260px;background: #d31700;} .side_left.home{height:1088px;overflow: hidden;padding-bottom: 20px;box-sizing: border-box;} .category_more {display:block;width:160px;height: 40px;line-height: 40px;margin: 0 auto;margin-top:20px;text-align: center;;background: #ffffff;color: #d31700;font-size: 16px;} .category_more:hover{display:block;width:160px;height: 40px;line-height: 40px;margin: 0 auto;margin-top:20px;text-align: center;;background: #ffffff;color: #d31700;font-size: 16px;} .category_mod {width: 100%;/*max-height:890px;*/overflow: hidden;overflow-y: auto;} .category_mod::-webkit-scrollbar { /*滚动条整体样式*/ width : 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .category_mod::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 6px; box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); background : #535353; } .category_mod::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 6px; background : #ededed; } .category_mod ul li{position: relative;} .category_mod ul li a{padding-left:15px;padding-right:50px;color:#ffffff;display:block;height:56px;line-height: 56px;font-size: 16px;box-sizing: border-box;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .category_mod ul li .more{position:absolute;cursor:pointer;color:#ffffff;text-align: center; font-size:1.4rem;width:40px;height:56px; line-height:56px;right:0px; top:0px;} .category_mod ul li.current{ background:#fff;} .category_mod ul li.current .more{color:#d31700} .category_mod ul li.current a{font-weight: bold; color:#d31700} .category_mod ul li .subclass{display: none;} .category_mod ul li .subclass ul li{position:static;color: #ffffff;background: #d72f1a;} .category_mod ul li .subclass ul li a{height:50px;line-height:50px;color: #ffffff;display: block;font-size: 14px;font-weight:normal;padding-right: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .category_mod ul li .subclass ul li a:hover{background:#ffffff;color:#d31700;height: 50px;line-height:50px;display: block;font-size: 14px;font-weight:normal;padding-right: 10px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*pc左侧产品分类样式end*/ .home_content_right {padding-left: 260px;} .home_probox{width:100%;position: relative;z-index: 7;} .home_probox ul li{float:left;margin:0px 0px 10px 10px;position: relative;} .home_probox ul li .p_pic{width:356px;height:356px;background:#ffffff;box-sizing:border-box;border:solid 1px #e5e5e5;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_probox ul li .p_pic img{transition: all 0.6s;max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_probox ul li .p_pic img:hover{transform: scale(1.2);} .home_probox ul li .show_text{background:none;position:absolute;left:0px;bottom:0px;padding:20px 0px;box-sizing: border-box;width: 100%;background-color: rgba(255,255,255,0.9);} .home_probox ul li .show_text .ph_name{width:100%;display:block;padding:0px 10px;text-align:center;height:48px;line-height:24px;font-size: 1.6rem;color: #333333; overflow:hidden;box-sizing: border-box;} .home_probox ul li .show_text .contact_btn{display:none;margin:0 auto;margin-top:10px;width:160px;height:40px;line-height:40px;font-size: 1.6rem;color: #333333;border:solid 1px #e5e5e5;text-align: center;} .home_probox ul li.show .show_text{ background: #ffffff; background: -webkit-linear-gradient(rgba(255,255,255,255),rgba(255,255,255,1)); background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,255) 55%); /*firefox*/ background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* opear */ background: -ms-linear-gradient(rgba(255,255,255,255),rgba(255,255,255,1)); /*ie10及ie10 */ bottom:-60px;border-bottom: solid 3px #d31700;z-index: 99;} .home_probox ul li.show .show_text .contact_btn{display:block;margin:0 auto;margin-top:10px;width:160px;height:40px;line-height:40px;font-size: 1.6rem;color: #333333;border:solid 1px #e5e5e5;text-align: center;} .home_probox ul li.show .show_text .contact_btn:hover{color: #d31700;} .pub_title{width:100%;text-align:center;font-size: 34px;line-height: 40px; color: #ffffff;margin-top: 30px;padding-bottom:20px;} .pub_title .more{float: right;padding-right: 10px;display: block;font-size:18px;line-height:40px;} .home_news_mod{background:#333333;} .home_news_l{width:51%;height:auto;float:left;} .home_news_l img{display: block;} .home_news{position: relative;float:right;width:49%;padding:50px 280px 50px 20px;height:100%;box-sizing:border-box;} .home_news .cont{width: 100%;} .home_news .cont .title{width:95%;margin-bottom: 10px;height: 28px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .home_news .cont .title a{font-size: 18px;color: #ffffff;height: 28px;line-height: 28px;} .home_news .cont .date{font-size: 16px;color: #ffffff;height: 28px;line-height: 28px;margin-bottom: 15px;} .home_news .cont .n_text{font-size: 14px;color: #ffffff;height:72px;line-height:24px;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-indent: 2em;text-align: justify;} .home_news .more{position:absolute;display:block;width: 50px;height: 50px;right:270px;bottom:0px;text-align: center;line-height: 50px;color: #ffffff;background: #d31700;font-size: 24px;} .home_contact_t{padding:50px 0px;text-align: center;font-size: 32px;color: #d31700;} .home_contact{padding-bottom: 50px;} .home_contact_l{width: 35%;float: left;border-right: solid 1px #cccccc;padding-right:30px;box-sizing: border-box;} .home_contact_l .ewm{width:118px;height:118px;text-align:center;float:left;border: solid 1px #cccccc;padding:6px;box-sizing: border-box;} .home_contact_l .ewm img{width: 100%;height: 100%;} .home_contact_l .ewm_r{padding:28px;float: left;width: 230px;} .home_contact_l .ewm_r p{line-height: 30px; font-size: 16px; color: #3f3e40;} .home_contact_l .ewm_r p i{padding-right: 5px;} .home_contact_r{width: 65%;float: right;padding:0px 50px;box-sizing: border-box;} .home_contact_r ul li{width:65%;float: left;margin:10px 0px;line-height:20px;color: #414042;} .home_contact_r ul li.li_l{width:35%;} .home_contact_r ul li i{padding-right: 5px;} #footer{background: #333333;margin-top:40px;padding: 50px 0px;} .foot_nav{float: left;width: 25%;padding-left: 15px;box-sizing: border-box;} .foot_nav dt{font-size: 2rem;color: #f5f5f5;padding-bottom:20px;} .foot_nav dd{font-size: 1.4rem;color: #969696;} .foot_nav dd .a_l{display:block;font-size: 1.4rem;color: #969696;height: 36px;line-height: 36px;overflow: hidden;} .foot_nav dd .a_l:hover{display:block;font-size: 1.4rem;color: #fe1c00;height: 36px;line-height: 36px;overflow: hidden;} .foot_nav dd p{font-size: 1.4rem;color: #969696;height: 36px;line-height: 36px;overflow: hidden;} .foot_nav dd .iconfont{font-size:2.4rem;color: #969696;} #footer .line{ width:100%; height:1px; margin-top:50px;margin-bottom:50px;background: #505050;} .footer_erm{ width:117px; height:117px;float:right; margin-bottom:25px;} .f_nav{ width:100%; text-align:center; padding-top:30px;} .f_nav a{ padding:5px 15px; display:inline-block; font-size:14px; color:#f9f9f9;} .f_nav a:hover{ padding:5px 15px; display:inline-block; font-size:14px; color:#f9f9f9;} .f_nav a.last{ border-right:none;} .copyright{ text-align:center; /*height:20px;*/ line-height:20px; color:#f9f9f9; padding-top:10px;} .f_bg{background: #171717;padding-bottom:30px;} .foot_share{text-align: center;} .foot_share a{color: #abaaaa;padding: 0px 16px;font-size:3rem;} .foot_share a:hover{color: #d31700;padding: 0px 16px;font-size:3rem;} @media only screen and (max-width:1680px) { .hotp_cont ul li{width:100%;height: 100%;} .hotp_cont ul li .h_pic{max-width:380px;max-height:380px;width:20vw;height:20vw;} .home_hot_product .line{display: none;} .home_hot_product .hotp_title{width:auto;padding:6vw 2vw;} .home_hot_product .hotp_title .sub_t{font-size:40px;line-height: 40px;} .home_hot_product .hotp_title .sub_t span{font-size:40px;line-height:40px;} .home_hot_product .hotp_title .com_n{display: none} .home_news{padding: 20px;padding-right: 50px;} .home_news .cont .title{width:100%;margin-bottom: 10px;} .home_news .more{right:0px;bottom:0px;} } @media only screen and (max-width:1400px) { .home_contact_l{width: 43%;} .home_contact_r{width: 57%;} .logo .com_text{display:none;} .home_hot_product .hotp_title{width:auto;padding:4vw 2vw;} .hotp_cont ul li .h_pic{width:18vw;height:18vw;} .side_left.home{display: none;} .home_content_right {padding-left:0px;} .home_probox ul li{width: 25%;max-width: 330px;margin: 0px;margin-bottom: 10px;padding:0px 10px;box-sizing: border-box;} .home_probox ul li .p_pic{max-width:330px;max-height:330px;width: 22vw;height: 22vw;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_probox ul li .p_pic img{max-width:100%; max-height:100%;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_probox ul li .show_text{width: 22vw;box-sizing: border-box;left: 10px;padding:20px 10px;} .home_probox ul li .show_text .ph_name{height:40px;line-height:20px;font-size: 1.4rem;} .home_probox ul li .show_text .contact_btn{margin-top:5px;width:120px;height:30px;line-height:30px;font-size: 1.4rem;} .home_probox ul li.show .show_text{bottom:-40px;} .home_probox ul li.show .show_text .contact_btn{display:block;margin:0 auto;margin-top:10px;width:120px;height:30px;line-height:30px;font-size: 1.4rem;} .home_probox ul li.show .show_text .contact_btn:hover{color: #d31700;} .home_contact{padding: 20px;} } @media only screen and (max-width:1280px) { .hotp_nextbtn{margin-top:-45px;width:25px;height:90px;line-height: 90px;font-size:24px;font-family:"宋体";text-align: center;} } @media only screen and (max-width:1040px) { .home_contact_l{width: 100%;float: left;border-right:none;padding-right:0px;padding-bottom:20px;border-bottom: solid 1px #e5e5e5;} .home_contact_r{width:100%;float:left;padding:0px;margin-top: 20px;} .home_contact_l .ewm_r{width:auto;} .pmd{display: block;} .pc{display: none;} .top_fxied{ width:100%;display:block;position:fixed; top:0px; left:0px;z-index:100;} .top{width:100%;background:#000000;height:5.6rem;display: block;} .m_company_name{font-size:2rem;color: #e30005;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .navbar-item-l{float:left;height:5.6rem;line-height:5.6rem;width:30%;} .navbar-item-r{float:right;height:5.6rem;line-height:5.6rem;text-align: right;width:30%;overflow: hidden;} .navbar-l-box {float:left;height:5.6rem;width:40%;} .navbar-l-box .navbar-center {width: 100%; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; height: inherit;box-sizing: border-box} .navbar-l-box .navbar-center img {height: 60%;display: block;} .nav_div{position:relative;margin-right:25px;} .nav_div .order_n{position: absolute;right:-15px;top:-1px;font-weight: 700;} .iconfont.icon_list{color:rgb(225,225,225);margin-left: 10px;font-size: 2.4rem;} .iconfont.icon_list_r{color:rgb(225,225,225);margin-left: 25px;font-size: 2.4rem;} .wall-column {width: 50%;} .search_m{padding:6px 10px;background:#1b1b1b;position: relative;box-sizing:border-box;display: none;padding-right:70px;} .search_m .qx_btn{height:34px;line-height:34px;position: absolute;right:15px;top:6px;color:#666666;} .search_m .sear_input{width:100%;height: 34px;text-indent:25px;font-size:14px;border:none;font-family:garamond;vertical-align: middle;background: no-repeat left center;} .top_bar{ display:none} .lg_list{width:120px; position:absolute; right:0px; top:5.6rem;border-top: solid 3px #e30005; background:#f8f8f8; z-index:99; display:none;} .lg_list ul li{ width:100%;text-align:center;} .lg_list ul li a{width:100%; height:36px; line-height:36px; font-size:14px; color:#555;overflow:hidden;} .lg_list ul li a.more{ text-align:center;border-bottom:none;color: #e30005;font-size:1.6rem;} .lg_list ul li a.more i{padding-left:5px;font-size:2rem;} .fl_list{ width:230px; position:absolute; left:0px; top:5.6rem;border-top: solid 3px #e30005; background:#f8f8f8; z-index:99; display:none;max-height: 500px; overflow-y: auto;} .fl_list ul li{ width:100%;text-indent:10px;} .fl_list ul li a{width:100%; height:36px; line-height:36px; font-size:14px; color:#555; display:block; overflow:hidden; position:relative;} .fl_list ul li a:hover{ width:100%; height:36px; line-height:36px; font-size:14px; color:#e30005; display:block; overflow:hidden; } .fl_list ul li a i{ position:absolute;font-size:1.4rem;height:36px; line-height:36px;right:10px; top:0px;} .fl_list ul li a:hover i{position:absolute;color:#e30005; float:right; font-size:1.4rem;height:36px; line-height:36px;right:10px; top:0px;} .fl_list ul li .ej_pro{ padding:0px 10px; display:none;} .fl_list ul li .ej_pro ul li{width:200px; height:30px; overflow:hidden;} .fl_list ul li .ej_pro ul li a{ height:30px;line-height:30px; color:#777; font-size:12px;} .fl_list ul li .ej_pro ul li a:hover{ height:30px;line-height:30px; color:#777; font-size:12px; background:none;} .hotp_cont ul li{width:100%;height: 100%;} .home_hot_product .hotp_title{padding:6vw 5vw;} .home_hot_product .hotp_title .sub_t{font-size:30px;line-height:30px;} .home_hot_product .hotp_title .sub_t span{font-size:30px;line-height:30px;} .hotp_cont ul li .h_pic{width:23vw;height:23vw;} .home_pcont_box{padding: 50px 0px;} .navigation{display: none;} .ny_header{display: none;} .m_header{display: block;margin-bottom: 3.6rem;} .home_about {width: 100%;padding: 0px;margin-bottom: 30px;} .home_about_cont{padding:20px 10px;} .home_about .home_about_cont .text_a{font-size: 16px;line-height: 30px;margin-bottom: 0px;} .home_about .cont{padding:10px 20px;} .home_about_r{width:100%;height:auto;float:none;} .home_about .a_title {/*width:180px;*/text-align:center;text-indent:0px; font-size:2.4rem;color: #d31700;background:#f3f3f3;height: 50px;line-height: 50px;border-right:solid 4px #d31700;box-sizing: border-box;} .home_news_l{width:100%;height:auto;float:none;} .home_news{width: 100%;} .home_contact{padding-top: 0px;} .home_contact_t{padding: 30px 0px;} .home_contact_r ul li{width:100%;float: left;} .home_contact_r ul li.li_l{width:100%;} .f_bg{padding-bottom: 20px;} .f_nav{padding-top: 20px;font-size: 2.4rem;} } @media only screen and (max-width:768px) { .m_header{display: block;margin-bottom:2rem;} .navbar-item-l{float:left;height:4rem;line-height:4rem;width:30%;} .navbar-item-r{float:right;height:4rem;line-height:4rem;text-align: right;width:30%;} .navbar-l-box {float:left;height:4rem;width:40%;} .navbar-l-box .navbar-center {width: 100%; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center; height: inherit;box-sizing: border-box} .nav_div{position:relative;margin-right:15px;} .nav_div .order_n{position: absolute;right:-15px;top:-1px;font-weight: 700;} .iconfont.icon_list{margin-left: 10px;font-size: 2.2rem;} .iconfont.icon_list_r{margin-left: 15px;font-size: 2.2rem;} .m_company_name{font-size:1.8rem;} .fl_list{top:4rem;} .lg_list{top:4rem;} /*.home_hot_product .hotp_title{display: none;}*/ .home_hot_product .hotp_title {padding:7vw 5vw;} .home_hot_product .hotp_title .sub_t{font-size:20px;line-height:20px;} .home_hot_product .hotp_title .sub_t span{font-size:20px;line-height:20px;} .hotp_cont ul li .h_pic{width:28vw;height:28vw;} .top{height:4rem;} .home_pcont_box{padding: 30px 0px;} .home_probox ul li{width:50%;max-width: 384px;margin: 0px;margin-bottom: 10px;padding:0px 10px;box-sizing: border-box;} .home_probox ul li .p_pic{max-width:384px;max-height:384px;width:44vw;height:44vw;text-align:center;overflow:hidden;vertical-align: middle;display: table-cell;} .home_probox ul li .show_text{width:100%;width:44vw;left:10px;padding: 10px 0px;box-sizing: border-box;} } @media only screen and (max-width:420px){ .home_hot_product .hotp_title{padding:10vw 9vw;} .home_hot_product .see_more {height: 30px;line-height: 30px;font-size: 14px;padding: 0px 15px;} .hotp_cont ul li .h_pic{width:45vw;height:45vw;} .home_probox ul li .p_pic{width:42vw;height:42vw;} .home_probox ul li .show_text{width:42vw;} }