锘緻charset "UTF-8"; body{padding-top: 1rem;} .index .title{background: url(../dimg/line.jpg) no-repeat center bottom;} /* header */ .header{ background: #fff; box-shadow: 0 0 4px #ddd; height: 1rem;} .header .logo{ float: left; height: 1rem;} .header .logo img{ height: 1rem; padding-left: 10px;} .header .navBtn{ height: 1rem;} .header .navBtn span{ background: #fe760a;} .header .navBtn span:first-child{top: .35rem;} .header .navBtn span:nth-child(2){top: .50rem;} .header .navBtn span:nth-child(3){top: .65rem;} .header .home{ display: none;} /* nav */ .dialog-layout{ top: 1rem;} .subNav{ top: 1rem;} .subNav .top_lang{ padding: 0; padding-top: .1rem;} .subNav .top_lang li{width: 100%; height: 0.75rem; line-height: 0.75rem; padding: 0 .25rem;} .subNav .top_lang li a{ display: block; width: 100%; font-size: .26rem;position: relative;} .subNav .top_lang li a:before { width: 0.4rem; height: 0.32rem; content: "\20"; display: inline-block; vertical-align: middle; margin-right: .2rem; background-size:.4rem .32rem;; } .subNav .top_lang li:nth-child(1) a:before{background-image: url(../dimg/cn.jpg);} .subNav .top_lang li:nth-child(2) a:before{background-image: url(../dimg/en.jpg);} .tsearch .txt{ border-color: #fe760a;} .tsearch .btn{ background: #fe760a url(../dimg/g-ico.png) no-repeat; background-size: 4.5rem auto; background-position: -3.83rem -1.68rem;} /*banner*/ .banner{ height: 2.2rem;} .banner li{ height: 2.2rem;} /* in-pro */ .index .tabBox .hd ul .on{background: #fe760a; border: 1px solid #fe760a;} .index .tabBox .hd ul li{ width:31.3333% width: -moz-calc(33.33% - 2%); width: -webkit-calc(33.33% - 2%); width: calc(33.33% - 2%);} .product .item{ width: 100%; margin: 2% 0 0 0;} /* in-img */ .ihonor .item{ width:48%; margin: 2% 1%; width: -moz-calc(50% - 2%); width: -webkit-calc(50% - 2%); width: calc(50% - 2%);} .ihonor .item:nth-child(3n){ margin: 2% 1%;} .ihonor .item p{ text-align: center; line-height: 30px;} .footer{ border-top: 1px solid #eee;} .footerbar { color: #666; text-align: center; padding: 10px 0; border-top: 1px solid #e3e3e3; width: 100%; background-color: #fff; font-size: 12px; position: fixed; left: 0; bottom: 0; z-index: 999;} .footerbar .nav-item { float: left; width: 25%;} .footerbar .nav-item .img-box { width: 40px; height: 20px; margin: 0 auto; background: no-repeat 50% 50% / auto 20px;} .footerbar .nav-item .icon-home { background-image: url(../dimg/f/sy1.png);} .footerbar .nav-item .icon-tel { background-image: url(../dimg/f/dh.png);} .footerbar .nav-item .icon-msg { background-image: url(../dimg/f/ly.png);} .footerbar .nav-item .icon-address { background-image: url(../dimg/f/dz.png);} .footerbar .link-name { padding-top: 6px;} .cateList .box{ overflow: hidden;} /* in-news */ .floor_3 .txtcon .more{ background: #fe760a;} /* pro */ #banner .tip{ bottom: 0;} #banner .tip span{border: 2px solid #fe760a;} #banner .tip span.cur{background: #fe760a;} .description{margin:20px 0;} .description .title{border-bottom:1px solid #ddd; padding:5px 0; color:#555;overflow: hidden;} .description .title strong{line-height:38px; height:38px; font-size:18px; margin-right:30px; cursor:pointer; float: left; line-height: 20px; height: 20px;} .description .title strong.cur{color:#222;} .description .title strong{ border-left:3px solid #019fe9; color: #019fe9; padding-left: 12px ;} .description .p-videos{ padding:20px 0; overflow: hidden;} .description .p-videos a{ display: block; float:left; width:200px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; background: #019fe9; margin:10px; color: #fff;} @media screen and (max-width: 375px) { .description .p-videos a{width: 165px; margin: 10px 5px;} } @media screen and (max-width: 768px) { .ke-zeroborder{ width:100% !important;} .ke-zeroborder td{vertical-align:middle !important;} .ke-zeroborder td p{ padding:0 3px !important;} } @media screen and (max-width: 400px) { .ke-zeroborder{ width:auto !important;} } /* common */ .cateList .box a.on{background: #fe760a; border-color: #fe760a;} .g-top{ background: #fe760a;} .pglist li{ display: inline-block;} .pglist span.current { display: inline-block; color: #fff; padding: 0 12px; margin: 0 5px; line-height: 32px; background: #fe760a; } .pglist span.disabled { display: inline-block; color: #fff; padding: 0 12px; margin: 0 5px; line-height: 32px; background: #ccc; } .pglist .active font { display: inline-block; color: #fff; padding: 0 12px; margin: 0 5px; line-height: 32px; background: #fe760a; }