/**** *橙色:ffa800 *红色:ff4059 *黑色:010101 *****/ html,body{height:100%;font-size:12px;} body{margin:0;border:0;padding:0;font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;color:#010101;} article img,.com_pic img,.logo img,.ercode img,.banner img,.news_pic img,.index_news_pic img,.products img,.prod_info img,.case_pic img{width: 100%;height: auto;} li{list-style: none;} a,a:hover{text-decoration: none;color: #333;} a:hover{color: #e60012;} p{font-size: 1.33rem;line-height: 200%;} .pc_no{display: none;} .error{color: #e60012;font-weight: 800; width: 100%;display: block;clear: both;} h1,h3{text-align: center;font-weight: normal;} h1{font-size: 1.5rem;} h2{text-align: right;color: #e60012;font-size: 1.33rem;font-weight: normal;} header{width:100%;z-index: 1000000000000;} .logo{margin: 0.5rem 0 0.5rem 5%;width:20rem;overflow: hidden;float: left;} .logo2{margin: 1rem 0 0 1rem;width: 20rem;overflow: hidden;float: left;font-size: 1.33rem;line-height: 170%;border-left: 1px #ccc solid;padding-left: 1rem;} .t_tel{margin-right: 10%;padding-top: 1rem;float: right;} .top_phone{width: 3rem;height: 2.9rem;float: left;color: #ffa800;font-size: 3rem;padding-top: 0.5rem;} .top_phone_num{padding-left: 1.5rem;padding-top: 0.2rem;float: left;font-size: 1.8rem;color: #ffa800;} .top_phone_num span{color: #010101;font-size: 1.13rem;clear: both;display: block;} .fixed{position: fixed;background-color: #fff;-moz-box-shadow: 0 1px 5px #333; /* 老的 Firefox */ box-shadow: 0 1px 5px #333;} .left_phone{margin: 0 auto;width: 3rem;height: 2.9rem;color: #ffa800;font-size: 3rem;padding: 1.5rem 0;} .left_phone_num{margin: 0 auto;text-align: center;font-size: 1.8rem;color: #ffa800;} footer{width: 90%;overflow: hidden;background: #333;padding: 4rem 5%;} footer dl,footer dt,footer dd{margin: 0;padding: 0;} footer dl{width: 25%;color: #999;font-size: 1rem;float: left;} footer dl dt{font-size: 1.17rem;padding-bottom: 1rem;} footer dl dd{line-height: 240%;} footer dl dd a,.copyright a{color: #999;} footer dl dd a:hover,.copyright a:hover{color: #fff;} .ercode{width: 11%;overflow: hidden;float: right;color: #999;font-size: 1rem;text-align: center;line-height: 160%;} .copyright{width: 100%;height: overflow: hidden;padding: 2rem 0;text-align: center;background-color: #222;color: #999;font-size: 1rem;line-height: 200%;} .banner{width: 100%;overflow: hidden;line-height: 50%;} .gotop{width: 3rem;height: 2.5rem;position: fixed;display: none;right: 0.5rem;bottom: 1rem;background: #e60012;font-size: 2rem;text-align: center;padding-top: 0.5rem;} .gotop a{color: #ccc;} .gotop a:hover{color: #fff;} section{margin: 0 auto;width: 90%;overflow: hidden;padding: 3rem 0;} .lm_title{width: 100%;overflow: hidden;text-align: center;font-size: 2rem;} .lm_title2{margin: 0 auto;width: 32.5rem;overflow: hidden;padding: 1rem 0;} .lm_title2_l,.lm_title2_r{width: 30%;float: left;height: 1rem;border-bottom: 0.1rem solid #333;} .lm_title2_c{width: 40%;float: left;overflow: hidden;text-align: center;font-size: 1.5rem;color: #e60012;} .index_about{width: 100%;overflow: hidden;background: url('../image/about.jpg');background-size:cover;} .index_about2{padding-bottom: 2rem;width: 100%;overflow: hidden;background: url('../image/bg1.jpg');background-size: cover;} .about2_big{margin: 0 auto;width: 80%;overflow: hidden;color: #fff;text-align: center;} .about2_big_l,.about2_big_c,.about2_big_r{width: 33%;overflow: hidden;float: left;padding: 2rem 0;border-right: 1px solid #fff;border-bottom: 1px dotted #fff;} .about2_big_r{border-right: 0;} .about2_big i{font-size: 6rem;clear: both;width: 100%;display: block;} .about2_big span{font-size: 2rem;padding: 1rem 0;display: block;} .about2_big i:hover,.about2_big span:hover{color: #ff4059;} .border_no{border-bottom: 0;} .about_h1,.about_h2{width: 100%;overflow: hidden;text-align: center;color: #fff;} .about_h1{font-size: 2rem;} .about_h2{ margin: 0 auto;padding: 1rem 0;font-size: 1.5rem;} .about_txt{font-size: 1.33rem;color: #fff;line-height: 200%;} a.about_more,a.about_more:hover{margin:0 auto;margin-top: 2rem;width: 11rem;height: 2.4rem;display: block;text-align: center;background-color: #e60012;color: #fff;padding: 0.6rem 0;} a.about_more:hover{background-color: #fff;color: #333;} a.about_more2,a.about_more2:hover{margin-top: 1.5rem;float: left;font-size: 1.77rem;width: 11rem;height: 2.4rem;display: block;text-align: center;background-color: #ffa800;color: #fff;padding: 0.6rem 0;} a.about_more2:hover{background-color: #ff4059;color: #fff;} a.about_more3,a.about_more3:hover{margin-left: 3rem;margin-top: 1.5rem;float: left;font-size: 1.77rem;width: 11rem;height: 2.4rem;display: block;text-align: center;background-color: #666;color: #fff;padding: 0.6rem 0;} a.about_more3:hover{background-color: #ff4059;color: #fff;} .page_nav{width: 100%;overflow: hidden;text-align:left;padding-bottom: 3rem;font-size: 1.17rem;} .clear{width: 100%;height: 1rem;clear: both;} .content_txt{width: 90%;padding: 0 5%;padding-bottom: 1rem;overflow: hidden;background-color: #ccc;} .content_txt dl,.content_txt dd{margin: 0;padding: 0;} .content_txt dd{font-size: 1.2rem;padding: 0.5rem 0;} .index_left{width:15%;overflow: hidden;float: left;} .index_left_title{width: 100%;overflow: hidden;padding-top: 1rem;padding-left: 1rem;font-size: 1.5rem;background-color: #ffa800;color: #fff;} .index_left_title_en{width: 100%;overflow: hidden;padding-top: 0.5rem;padding-bottom: 1rem;font-size: 1rem;background-color: #ffa800;color: #fff;clear: both;} .index_left_line{width: 3rem;height: 2px;border-bottom: 2px solid #fff;clear: both;} .index_left li{width: 100%;overflow: hidden;border-top: 2px solid #fff;} .index_left li a{width: 95%;overflow: hidden;padding-left: 5%;padding-top: 1rem;padding-bottom: 1rem;display: block;background-color: #ccc;font-size: 1.33rem;} .index_left li a:hover {width: 95%;overflow: hidden;padding-left: 5%;display: block;font-size: 1.33rem;background-color: #ffa800;color: #fff;} .index_right{width: 80%;overflow: hidden;float: right;} .pinfo{margin-bottom: 1.5rem;width: 100%;overflow: hidden;} .pimage{width: 33%;float: left;overflow: hidden;} .ptxt{width: 63%;overflow: hidden;float: right;} .pimage img{width: 100%;height: auto;} .ptxt_title{font-size: 1.66rem;color: #ffa800;} @font-face { font-family: 'icomoon'; src: url('fonts/icomoon.eot?izccft'); src: url('fonts/icomoon.eot?izccft#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?izccft') format('truetype'), url('fonts/icomoon.woff?izccft') format('woff'), url('fonts/icomoon.svg?izccft#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-cart:before { content: "\e93a"; } .icon-coin-yen:before { content: "\e93e"; } .icon-history:before { content: "\e94d"; } .icon-wrench:before { content: "\e991"; } .icon-stats-bars:before { content: "\e99c"; } .icon-trophy:before { content: "\e99e"; } .icon-whatsapp:before { content: "\ea93"; } .icon-home:before { content: "\e900"; } .icon-qrcode:before { content: "\e938"; } .icon-phone:before { content: "\e942"; } .icon-search:before { content: "\e986"; } .icon-menu:before { content: "\e9bd"; } .icon-eye:before { content: "\e9ce"; } .icon-cancel-circle:before { content: "\ea0d"; } .icon-cross:before { content: "\ea0f"; } .icon-circle-up:before { content: "\ea41"; } .icon-circle-right:before { content: "\ea42"; } .icon-circle-down:before { content: "\ea43"; } .icon-circle-left:before { content: "\ea44"; } /*====================导航*********/ #home .navbar_nav .nav1 a,#about .navbar_nav .nav2 a,#prod .navbar_nav .nav3 a,#news .navbar_nav .nav4 a,#contact .navbar_nav .nav5 a,#tech .navbar_nav .nav6 a,#case .navbar_nav .nav7 a,#company .navbar_nav .nav8 a{color:#fff;height: 36px;background-color: #ff4059; } #prod .navbar_nav .nav3 .dropdown_menu a{background: #ffa800;} #prod .navbar_nav .nav3 .dropdown_menu a:hover{background: #ff4059;} .header{width:100%;height: 48px;z-index: 999;clear: both;background-color: #ffa800;} .header .nav{ -webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;height: 100%;display: block;} .navbar_nav{margin: 0;padding: 0;} .header .navbar_nav li{float:left;width: 12.5%;position: relative;display: block;height: 4rem;} .header .navbar_nav li a{text-align: center;text-decoration: none;height: 3rem;padding: 0 3rem;padding-top: 1rem;display: block;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-size: 1.33rem;} .header .navbar_nav li a:hover{text-align: center;background-color: #ff4059;color: #fff;} .header .navbar_nav li.dropdown{display: inherit;position: relative;} .header .navbar_nav li.dropdown .dropdown_menu{display: none;position: absolute;top:48px;width: 100%;background: #ffa800;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);z-index: 100000000000000000000;} .header .navbar_nav li.dropdown .dropdown_menu a{font-size: 14px;color: #fff;padding: 0 10px;line-height: 40px;text-align: center;background-color: #ffa800;margin-bottom: 1px;} .header .navbar_nav li.dropdown:hover .dropdown_menu{display: block;background: #f3f3f3;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .header .navbar_nav li.dropdown:hover .dropdown_menu a{color: #333;} .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color: #fff;background: #ff4059;} /*白色背景的头部*/ .header.on{ background: #fff; border-bottom: 1px solid #ccc; } .header.on .left .img1{ display: none; } .header.on .left .img2{ display: block; } .header.on .navbar_nav li a{ color: #333; } .header.on .navbar_nav li:hover a{ color: orangered; } #navToggle{ display: none; } .m_nav{ position: fixed; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); z-index: 1000000000000000000000000000000000000000; } .m_nav.open{ transform: translateX(0); } .m_nav .top{ height: 60px; padding: 20px; box-sizing: border-box; } .m_nav .top .closed{ width: 30px; height: 30px; vertical-align: middle; float:right; cursor: pointer; } .m_nav .logo{ width: 100%; margin:0 auto; } .m_nav .ul{ margin:0; } .m_nav .ul li{ padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; } .m_nav.open .ul li{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li a{ display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%; } .m_nav .ul li .dropdown_menu{ display: none; } .m_nav .ul li.dropdown.active .dropdown_menu{ display: block; } .m_nav .ul li .dropdown_menu a{ display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } .m_nav .ul li .dropdown_menu a:last-child{ border: none; } @media screen and (max-width: 992px){ .header{ padding: 0;height: 0;top: 0;background:none ;position: absolute; } .header #navToggle { height: 100%; padding-top: 0; display: inline-block; float: right; margin-right: 1rem; margin-top: 1rem; } .header #navToggle span { position: relative; width: 25px; height: 3px; margin-top: 15px; } .header #navToggle span:before, .header #navToggle span:after { content: ''; position: relative; width: 100%; height: 3px; left: 0; } .header #navToggle span, .header #navToggle span:before, .header #navToggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #333; } .header #navToggle span:before { top: 8px; } .header #navToggle span:after { bottom: 10px; } .header #navToggle.open span:before { top: 10px; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } .header #navToggle.open span:after { bottom: 12px; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .header #navToggle.open span { background: none; } .header #navToggle.open span:before, .header #navToggle.open span:after { background: #4f4f4f; } .header .nav{ display: none; } } /*导航结束*/ /*首页幻灯片开始*/ .slideBox{margin:0 auto;width:100%;height: auto; overflow:hidden;left: 0; position:relative;float: right; } .slideBox .hd{margin:0 auto;position:absolute; bottom:0.1rem;width: auto;height:auto;left: 45.5%; overflow:hidden; padding:0;z-index: 4000; } .slideBox .hd ul{ margin:0 auto;padding-bottom:2rem;overflow:hidden; zoom:1; } .slideBox .hd ul li{ float:left; margin-right:10px; width:1rem; height:1rem;background-color:#fff; cursor:pointer;-webkit-border-radius:1rem; -moz-border-radius:1rem; -o-border-radius: 1rem; border-radius: 1rem;} .slideBox .hd ul li.on{ background-color:#e60012;-webkit-border-radius:1rem; -moz-border-radius:1rem; -o-border-radius: 1rem; border-radius: 1rem;} .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd ul{margin:0 auto;width:100%;padding:0;} .slideBox .bd li{ vertical-align:middle; } .slideBox .bd img{ width:100%; height:auto; display:block; box-shadow: 10px 10px 10px rgba(0,0,0,.9) inset; /*考虑浏览器兼容性*/ -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.9) inset; -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.9) inset;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:0%; top:50%;padding: 1rem 0; margin-top:-25px; display:block; width:5rem; height:3.75rem;text-align: center;font-size: 3rem;color:#fff; } .slideBox .next{ left:auto; right:0%; } .slideBox .prev:hover, .slideBox .next:hover{ color: #e60012; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } /*首页幻灯片结束*/ /*联系我们*/ .company,.company_info{width: 100%;overflow: hidden;padding: 0.5rem 0;} .company{font-size: 1.5rem;color: #e60012;} .company_info{font-size: 1.33rem;} .map{width:50%;float: left;height: 50rem;border: 1px #ccc solid;} .company_txt{width: 48%;overflow: hidden;float: right;} #form2 input,#form2 textarea{outline: none;width:90%;padding-left:1%;font-size:1.2rem;border:1px #333 solid;margin-top:1rem;margin-bottom:1rem;} #form2 input{height: 2.5rem;} #form2 textarea{height: 5rem;} .send{width:10rem;height:5rem;display:block;font-size:1.33rem;text-align:center;color:#fff;line-height:5rem;border-radius:1rem;border:0;background:#e60012;} .send:hover{background:#4c9e6b;color:#fff;} /*news*/ .news{width: 100%;overflow: hidden;border-bottom: 1px #ccc dotted;padding: 1rem 0;} .news_pic{width: 20%;overflow: hidden;float: left;} .case_pic{margin-left: 4%;margin-bottom: 2rem;width: 16%;padding: 0 2%;overflow: hidden;float: left;-moz-box-shadow: 0 1px 3px #333; /* 老的 Firefox */ box-shadow: 0 1px 3px #333;line-height: 50%;} .com_pic{margin-left: 4%;margin-bottom: 2rem;width: 16%;padding: 0.5rem;overflow: hidden;float: left;-moz-box-shadow: 0 1px 3px #333; /* 老的 Firefox */ box-shadow: 0 1px 3px #333;line-height: 50%;} .case_pic:hover,.com_pic:hover{-moz-box-shadow: 0 1px 3px #ff4059; /* 老的 Firefox */box-shadow: 0 1px 3px #ff4059;} .news_info{width: 75%;overflow: hidden;float: right;font-size: 1.33rem;line-height: 210%;} .news_title{width: 100%;overflow: hidden;font-size: 1.5rem;} .index_news{margin-right: 2.5%;width: 45%;overflow: hidden;padding: 1rem 0;border-bottom: 1px #ccc dotted;float: left;} .index_news_pic{width: 20%;overflow: hidden;float: left;} .index_news_info{width: 75%;overflow: hidden;float: right;font-size: 1.17rem;line-height: 220%;} .index_news_title{width: 100%;overflow: hidden;font-size: 1.33rem;} /*products*/ .products{margin-top: 2rem;width: 20%;overflow: hidden;float: left;} .prodtxt{width: 100%;overflow: hidden;font-size: 1.33rem;padding: 0.5rem 0;text-align: center;} .prod_info{margin-top: 2rem;margin-bottom: 2rem;width: 50%;overflow: hidden;float: left;} .prod_txt{margin-top: 2rem;margin-bottom: 2rem;width: 47%;overflow: hidden;float: right;font-size: 1.33rem;line-height:200%; } .prod_sub{margin: 0 auto;margin-top: 2rem;width: 10rem;height: 3rem; padding-top: 0.5rem;text-align: center;background-color: #ffa800;color: #fff;font-size: 1.6rem;} .prod_sub:hover{background-color: #ff4059;} .page_left{width:15%;overflow: hidden;float: left;} .page_right{width: 80%;overflow: hidden;float: right;} .about_pic{margin-right: 5rem;width:100%;overflow: hidden;float:left;} .about_pic img,.details img {width: 100%;height: auto;} .details{margin: 0 auto;width: 80%;} .related{width: 100%;overflow: hidden;border-bottom: 1px #ffa800 solid;font-size: 1.44rem;} .related_txt{width: 6rem;padding:1rem;float: left;overflow: hidden;background-color: #ffa800;color: #fff;} table { border-collapse: collapse;width: 100%; } table, th, td { border: 1px solid #ccc;padding:1.8rem 1rem;font-size: 1rem; } .products2,.products3,.products4,.products6,.products7,.products8,.products10,.products11{margin-left: 6.5%;} @media (max-width: 1000px){ .m_no{display: none;} .logo{width:12rem;overflow: hidden;float: left;} .t_tel{margin-left: 5%;padding-top: 0.5rem;float:left;} .top_phone{width: 1.5rem;height: 1.5rem;float: left;color: #ffa800;font-size: 2.1rem;padding-top: 0.5rem;} .top_phone_num{padding-left: 1rem;padding-top: 0.2rem;float: left;font-size: 1rem;color: #ffa800;} .top_phone_num span{color: #010101;font-size: 1rem;clear: both;display: block;} .icon-cancel-circle{font-size: 2rem;} .m_nav .logo{ width: 80%; margin:0 auto; float: none; clear: both; padding: 0; } .slideBox .hd{margin:0 auto;position:absolute; bottom:1rem;width: auto;height:auto;left: 32%; overflow:hidden; padding:0;z-index: 4000; } .slideBox .hd ul{ margin:0 auto;padding-bottom:0;overflow:hidden; zoom:1; } .slideBox .prev, .slideBox .next{ position:absolute; left:0%; top:50%;padding: 1rem 0; margin-top:-25px; display:block; width:5rem; height:3.75rem;text-align: center;font-size: 2rem;color:#fff; } .slideBox .next{ left:auto; right:0%; } .slideBox .prev:hover, .slideBox .next:hover{ color: #e60012; } .products{width: 20%;overflow: hidden;float: left;padding: 0 2.5%;} .products1,.products2,.products3,.products4,.products5,.products6,.products7,.products8,.products9,.products10,.products11{margin-top: 1rem;margin-left: 0%;} .prodtxt{width: 100%;overflow: hidden;font-size: 1rem;padding: 0.5rem 0;text-align: center;white-space:nowrap;text-overflow:ellipsis;} .lm_title{width: 100%;overflow: hidden;text-align: center;font-size: 1.5rem;} .lm_title2{margin: 0 auto;width: 32.5rem;overflow: hidden;padding: 1rem 0;} .lm_title2_l,.lm_title2_r{width: 35%;float: left;height: 0.7rem;border-bottom: 0.1rem solid #333;} .lm_title2_c{width: 30%;float: left;overflow: hidden;text-align: center;font-size: 1rem;color: #e60012;} .index_about{margin-bottom: 1rem;width: 100%;overflow: hidden;background: url('../image/m_about.jpg');background-size:cover;} .index_news{margin-left: 5%;width: 40%;overflow: hidden;padding: 1rem 0;border-bottom: 1px #ccc dotted;float: left;} .index_news_pic{margin: 0 auto;width: 100%;overflow: hidden;float: none;} .index_news_info{width: 100%;overflow: hidden;float: right;font-size: 1.17rem;line-height: 220%;} .index_news_title{width: 100%;overflow: hidden;font-size: 1rem;white-space:nowrap;text-overflow:ellipsis;} .prod_info{margin: 0 auto;width: 100%;overflow: hidden;} .news_pic{width: 100%;overflow: hidden;float: left;} .news_info{width: 100%;overflow: hidden;float: right;font-size: 1.33rem;line-height: 210%;} .news_title{width: 100%;overflow: hidden;font-size: 1rem;white-space:nowrap;text-overflow:ellipsis;text-align: center;} .map{width:100%;float: left;height: 50rem;border: 1px #ccc solid;} .company_txt{width: 100%;overflow: hidden;float: right;} .pc_no{display: block;} section{margin: 0 auto;width: 100%;overflow: hidden;padding: 0 0 1rem 0;} .index_left{width:100%;overflow: hidden;float: left;background: #ccc;} .index_left_title{width: 100%;overflow: hidden;text-align: center;padding-top: 1rem;padding-left: 1rem;font-size: 1.5rem;background-color: #ffa800;color: #fff;} .index_left_title_en{width: 100%;overflow: hidden;padding-top: 0.5rem;padding-bottom: 1rem;font-size: 1rem;background-color: #ffa800;color: #fff;clear: both;} .index_left_line{margin: 0 auto;width: 5rem;height: 2px;border-bottom: 2px solid #fff;clear: both;} .index_left li{width: 33.33%;float: left;overflow: hidden;border-top: 1px solid #fff;} .index_left li a{width: 95%;overflow: hidden;text-align: center;padding-left: 5%;padding-top: 1rem;padding-bottom: 1rem;display: block;background-color: #ccc;font-size: 1.17rem;} .index_left li a:hover {width: 95%;overflow: hidden;padding-left: 5%;display: block;font-size: 1.17rem;background-color: #ffa800;color: #fff;} .index_right{width:100%;overflow: hidden;float: right;} .index_about2{margin-bottom: 1rem;padding: 2rem 0;width: 100%;overflow: hidden;background: url('../image/bg1.jpg');background-size: cover;} .about2_big{margin: 0 auto;width: 98%;overflow: hidden;color: #fff;text-align: center;} .about2_big_l,.about2_big_c,.about2_big_r{width: 33%;overflow: hidden;float: left;padding: 2rem 0;border-right: 1px solid #fff;border-bottom: 1px dotted #fff;} .about2_big_r{border-right: 0;} .about2_big i{font-size: 3rem;clear: both;width: 100%;display: block;} .about2_big span{font-size: 1rem;padding: 1rem 0;display: block;} .about2_big i:hover,.about2_big span:hover{color: #ff4059;} .border_no{border-bottom: 0;} .about_h1,.about_h2{width: 100%;overflow: hidden;text-align: center;color: #fff;} .about_h1{font-size: 1.5rem;} .about_h2{ margin: 0 auto;padding: 1rem 0;font-size: 1rem;} .about_txt{margin: 0 auto;width: 90%;font-size: 1rem;color: #fff;line-height: 200%;} .page_nav{display: none;} article{margin: 0 auto;width: 95%;} .com_pic{margin-left: 4%;margin-bottom: 2rem;width: 40%;padding: 0.5rem;overflow: hidden;float: left;-moz-box-shadow: 0 1px 3px #333; /* 老的 Firefox */ box-shadow: 0 1px 3px #333;line-height: 50%;} .news{width: 45%;overflow: hidden;float: left;border-bottom: 1px #ccc dotted;padding: 1rem 2.5%;} .news_pic{width: 100%;overflow: hidden;float: left;} .prod_txt{margin-top: 2rem;margin-bottom: 2rem;width: 100%;overflow: hidden;float: right;font-size: 1.33rem;line-height:200%; } .details{margin: 0 auto;width: 100%;} }