@charset "UTF-8";
@media screen and (min-width: 1000px) and (max-width: 1080px) {
.warning,.mainWrap,.footer,.quickMenu,.nav{padding-left:20px;padding-right:20px}
.header .logo{left:20px;margin-left:0}
}
@media screen and (max-width: 1000px) {
.warning > div{width:95%;margin:0 auto}
._pc{display:none!important}
._mobile{display:block!important}
.sliderfull{width:100%;height:auto}
.sliderfull .slick-arrow{left:0;margin:0}
.sliderfull .slick-next{left:auto;right:0}
.sliderfull .slick-slide img{width:100%;height:auto}
.editarea{font-size:15px;line-height:180%}
.form-style.btns{margin:20px auto 0}
.topWrap{position:fixed;width:100%;left:0;top:0;z-index:999}
.header{background-color:#006fbc}
.header .logo{position:static;margin:0;height:70px;padding:10px 20px}
.header .logo img{width:auto;height:100%}
.header .ctrlMenu{display:block;z-index:1}
.navbar{display:none;position:absolute;background:#006fbc;width:100%;min-height:inherit;overflow-y:auto;border-top:1px solid #4D85D3}
.quickMenu{text-align:inherit;background:#006fbc}
.quickMenu > div{display:block;height:auto;margin:0;padding:0}
.quickMenu > div > a{display:block;width:auto;padding:15px 20px;height:auto;line-height:normal;font-size:15px;margin:0;border-bottom:1px solid #4d85d3}
.quickMenu .logout{position:static;width:auto;background-color:transparent;background:none;margin:30px;padding:10px 0;border:1px solid #fff;text-align:center}
.quickMenu .form-default{display:block;height:auto;margin:0;padding:0}
.quickMenu .language{display:block;width:100%;margin:0;height:50px;font-size:15px;background-image:url(../images/base/icon-arrow2.png);background-size:45px auto}
.quickMenu .searchBox{display:block;margin:0;height:auto}
.quickMenu .searchBox input{width:100%;padding:15px}
.quickMenu .searchBox a{width:50px;height:50px;right:15px;background-position:center center}
.menu{position:static;background-color:#006fbc}
.menu .nav{text-align:left}
.menu .nav li{display:block;border-bottom:1px solid #4d85d3}
.menu .nav li a{display:block;width:auto;padding:15px 20px;height:auto;line-height:normal;background:url(../images/base/icon-nav-pluse.png) no-repeat right center;background-size:45px}
.menu .nav li:hover{background-color:transparent}
.menu .submenu{position:static;padding:0;background:#102c3e}
.menu .submenu li{width:auto;margin:0 auto;border-bottom:1px solid #1c4d6c!important;padding-right:0}
.menu .submenu li a{background:url(../images/base/icon-nav-arrow.png) no-repeat right top}
.menu .submenu li a:first-child{margin-bottom:0}
.menu .submenu li a:first-child ~ a{display:none}
.pager{background-color:#006fbc;text-align:center;padding:10px 0}
.pager a{display:none;height:30px;line-height:30px;font-size:18px;vertical-align:middle}
.pager .btn,.pager .active,.pager a:hover{display:inline-block;margin:0 5px;color:#fff}
.pager .active,.pager .active:hover{margin:0 60px}
.pager .btn.first,.pager .btn.last,.pager .btn.nomore{display:none!important}
.pager .prev,.pager .next,.pager .prev:hover,.pager .next:hover{position:relative;color:transparent;width:30px;background:url(../images/base/icon-pager-arrow-left.png) no-repeat center center}
.pager .next,.pager .next:hover{background-image:url(../images/base/icon-pager-arrow-right.png)}
.pager .arrow.prev,.pager .arrow.prev:hover{color:#fff;width:auto;padding-left:60px;background:none}
.pager .arrow.next,.pager .arrow.next:hover{color:#fff;width:auto;padding-right:60px;background:none}
.pager .arrow.prev:before{position:absolute;top:0;left:0;content:url(../images/base/icon-pager-arrow-left.png)}
.pager .arrow.next:after{position:absolute;top:0;right:0;content:url(../images/base/icon-pager-arrow-right.png)}
.pager .hideBtn{display:none}
.mainWrap{width:auto;padding:0;margin:0 auto;overflow:hidden;background:url(../images/base/bg-rwd.jpg) repeat}
.mainTop{position:relative;width:90%;margin:30px auto 10px}
.rows-left,.rows-right{float:none;width:90%!important;margin:10px auto 30px;padding:0}
.sideNav + .ads{display:none}
.sideNav{background-color:#006fbc}
.sideNav > h6{display:block}
.sideNav ol{display:none}
.sideNav ol > li > a{display:block;position:relative;color:#fff;padding:15px 25px;background:none;border-bottom:1px solid #80b7de}
.sideNav ol > li > a:after{position:absolute;display:block;right:-10px;top:0;content:url(../images/base/icon-nav-pluse.png);-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-o-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6)}
.sideNav ol > li > ul{padding:10px 0}
.sideNav ul > li{padding:0 25px}
.sideNav ul > li > a{color:#fff;border:none!important}
.sideNav ul > li > a:before{content:url(../images/base/icon-sideNav-arrow.png)}
.sideNav ul > li > a.active:before{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.sideNav .sideSub a{color:#80b7de;border:none;padding:10px 25px;font-size:15px}
.footer > div{width:95%;margin:0 auto}
[class*="rows-"]{float:none}
.index .index-news a p{display:block;width:auto;text-overflow:inherit;overflow:auto;white-space:inherit;margin:5px 0}
.index .sliderItems{width:90%;margin:10px auto}
.product .page-select .depblue{display:none!important}
.search .page-select{display:none}
.product-detail .product-item{width:auto}
.product-detail .product-item .slick-slide{text-align:center}
.product-detail .product-item .slick-slide img{margin:0 auto}
.product-detail .product-item .slick-list{width:90%;margin:0 auto}
.product-detail .product-item .slick-arrow{left:0}
.product-detail .product-item .slick-next{left:auto;right:0}
.about-history > ul li{font-size:15px;line-height:180%}
.about-history > ul li > *{display:block;width:auto}
.about-history > ul li h6{margin-bottom:10px}
.about-quality .iso li:first-child{text-align:center}
.fix .page-select{float:none;clear:both;text-align:left}
.fix .page-select select{margin:0;margin-left:10px;padding:8.5px 25px;font-size:15px;display:inline-block;width:-moz-calc(100% / 3 - 10px);width:-webkit-calc(100% / 3 - 10px);width:-o-calc(100% / 3 - 10px);width:calc(100% / 3 - 10px)}
.fix .page-select select:first-child{margin-left:0}
.dealer .maps{display:none}
.dealer .list,.dealer .page-select{display:block}
.inquiry .accordion.row{font-size:15px}
.inquiry .accordion.row > li{background-color:#d5d5d5}
.inquiry .accordion.row > li > div{padding:15px 30px;text-align:left;background:none}
.inquiry .accordion.row > li:nth-child(odd) > :first-child{background:none}
.inquiry .accordion.row > li:nth-child(2n){background-color:#e7e7e7}
.inquiry .accordion.row li:first-child div:before{content:attr(data-title)}
.inquiry .accordion.row li:first-child h6{display:none}
.inquiry .accordion.row li:first-child ~ li{padding:20px}
.inquiry .accordion.row li:first-child ~ li > div{padding:0}
.inquiry .accordion.row li:first-child ~ li > div h6{display:block;width:auto;text-align:left;padding:5px 0;font-size:15px;font-weight:400}
.inquiry .accordion.row li:first-child ~ li > div h6:nth-child(3){width:auto}
.inquiry .accordion.row li:first-child ~ li > div h6:before{content:attr(data-title) "："}
.inquiry .accordion.row li:first-child ~ li > div h6:last-child{margin-top:10px}
.inquiry .accordion.row li:first-child ~ li > div h6:last-child span{display:block;background-color:#006fbc;color:#fff;text-align:center;padding:15px;text-decoration:inherit}
.inquiry .accordion.row li:first-child ~ li > div h6:last-child:before{display:none}
.inquiry .accordion.row li.active{position:relative;background-color:#0078cc;padding-bottom:100px!important}
.inquiry .accordion.row li.active > div h6:last-child{position:absolute;bottom:20px;display:block;margin:0 auto;width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-o-calc(100% - 40px);width:calc(100% - 40px)}
.inquiry .accordion.row li.active > div h6:last-child span{display:block;background-color:#000!important;text-align:center}
.inquiry .accordion.row li.active table{margin-top:5px}
.inquiry .accordion.row li.active table tbody tr,.inquiry .accordion.row li.active table tbody th,.inquiry .accordion.row li.active table tbody td{display:block;color:#fff;padding:0;border:none;text-align:left;width:auto}
.inquiry .accordion.row li.active table tbody > tr:first-child{margin-bottom:30px}
.inquiry .accordion.row li.active table tbody > tr:first-child a{color:#fff}
.inquiry .accordion.row li.active table tbody > tr:first-child th{text-align:left}
.inquiry .accordion.row li.active table tbody > tr:first-child th:after{content:'：'}
.inquiry .accordion.row li.active table tbody > tr:first-child td > a{display:block;margin:10px 0;width:auto;background-color:#338cc9;padding:20px}
.inquiry .accordion.row li.active table tbody > tr:first-child td > a div{display:table-cell;vertical-align:middle}
.inquiry .accordion.row li.active table tbody > tr:first-child td > a div:nth-child(2){padding-left:20px;width:auto;text-align:left}
.inquiry .accordion.row li.active table tbody > tr:first-child td > a img{margin:0 auto}
.inquiry .accordion.row li.active table tbody > tr:first-child ~ tr th,.inquiry .accordion.row li.active table tbody > tr:first-child ~ tr td{display:inline-block;padding:5px 0}
.inquiry .accordion.row li.active table tbody > tr:first-child ~ tr th:after{content:'：'}
.inquiry .accordion.row li.active table .editarea{color:#fff}
}
@media screen and (max-width: 768px) {
.product-detail .download a{display:block;width:auto;margin:0 0 20px}
.product-detail .download img{display:block}
.product-detail .download a .txt{left:4%;bottom:12%}
.product-detail .download a .txt h4{font-size:16px;margin-bottom:8px}
.product-detail .download a .txt h3{font-size:20px}
}
@media screen and (max-width: 720px) {
.table-row,.table-interlace{font-size:15px;display:block;width:auto}
.table-row-head *{display:block;width:auto;padding:0;background:none}
.table-row-head tr{padding:15px 30px}
.table-row-head thead th{display:none}
.table-row-head thead th:first-child{display:block;background-color:#404040;text-align:left;padding:0}
.table-row-head tbody tr:nth-child(odd){background-color:#e7e7e7}
.table-row-head tbody td{text-align:left;padding:0!important}
.table-row-head td:before{display:inline-block;content:attr(data-title)}
.table-row-column *{display:block}
.table-row-column thead{display:none}
.table-row-column tbody{background-color:transparent}
.table-row-column td{position:relative;display:block;padding:15px 30px 15px 120px !important;width:auto;margin-bottom:1px;background-color:rgba(203,203,203,0.6)}
.table-row-column td:before{position:absolute;left:0;top:0;height:100%;content:attr(data-title);background-color:#404040;width:110px;color:#fff;padding:15px}
.table-row-column td:nth-child(even):before{background-color:#2b2b2b}
.table-interlace-row th,.table-interlace-row td{display:block;width:auto}
.table-interlace-row th{background-color:#404040}
.table-interlace-column *{display:block}
.table-interlace-column th{display:none}
.table-interlace-column td{position:relative;padding-left:120px;margin-bottom:1px;background-color:rgba(203,203,203,0.6)}
.table-interlace-column td:before{position:absolute;left:0;top:0;height:100%;width:110px;padding:15px 20px;content:attr(data-title);background-color:#404040;color:#fff}
.lister-row-2 > *{display:block;width:auto}
.lister-row-2 > :nth-child(odd){margin-right:0}
.lister-row-4 > *{width:-moz-calc(100% / 2 - 10px);width:-webkit-calc(100% / 2 - 10px);width:-o-calc(100% / 2 - 10px);width:calc(100% / 2 - 10px);margin-right:20px}
.lister-row-4 > :nth-child(2n+1){margin-left:0}
.lister-row-4 > :nth-child(2n){margin-right:0}
.warning{padding:20px}
.warning div{width:auto}
.warning img,.warning p{position:static;display:block;padding:0}
.warning img{margin:0 auto 10px}
.warning a{background-position:right top;height:50px}
.footer{text-align:center;padding:20px 0}
.footer nav{display:none}
.footer .links,.footer .social,.footer .copyright{display:block;margin:0 auto;float:none}
.footer .links,.footer .copyright{text-align:inherit}
.footer .social{margin:15px auto}
.about-history > ul li{font-size:15px;line-height:180%}
.about-history > ul li > *{display:block;width:auto}
.about-history > ul li h6{margin-bottom:10px}
.about-quality .table-row-head tr td{width:auto!important}
.about-quality .table-row-head tr td:before{display:none}
.about-quality .table-row-head tr td:last-child{color:#999}
.about-quality .table-row-head tr td:last-child:before{display:inline-block;content:attr(data-title) "："}
.fix .fix-au .table-row-head{font-size:15px}
.fix .fix-au .table-row-head th{width:auto!important}
.fix .fix-au .table-row-head td{color:#666;display:inline-block;margin-right:10px;width:auto!important}
.fix .fix-au .table-row-head td:before{display:none}
.fix .fix-au .table-row-head td:first-child{display:block;font-weight:bolder}
.fix .fix-download .table-row-head *{font-size:15px}
.fix .fix-download .table-row-head thead{display:none}
.fix .fix-download .table-row-head tbody{background-color:transparent}
.fix .fix-download .table-row-head tbody td{display:inline-block;background-color:transparent;width:auto!important}
.fix .fix-download .table-row-head tbody td a{display:inline-block!important;vertical-align:middle;padding-right:5px}
.fix .fix-download .table-row-head tbody tr{background-color:transparent;border-bottom:1px solid #e7e7e7;padding:20px 0}
.fix .fix-download .table-row-head tbody tr td{border-right:1px solid #ccc;padding:0 5px!important;margin-bottom:10px}
.fix .fix-download .table-row-head tbody tr td:before{display:none}
.fix .fix-download .table-row-head tbody tr td a{display:block}
.fix .fix-download .table-row-head tbody tr td a:before{content:attr(data-title);display:inline-block}
.fix .fix-download .table-row-head tbody tr td a img{display:inline;margin-left:10px}
.fix .fix-download .table-row-head tbody tr td:first-child{display:block;border:none}
.fix .fix-download .table-row-head tbody tr td:last-child{border-right:none}
.fix .fix-download .table-row-head tbody .none{display:none!important}
.login .btns{text-align:left}
.login-join{background-image:none;padding:50px;font-size:15px}
.login-join *{max-width:none}
.login-join .btn{display:block;text-align:left}
.inquiry .table-row-head{font-size:15px}
.inquiry .table-row-head thead{display:none}
.inquiry .table-row-head tbody tr{position:relative}
.inquiry .table-row-head tbody tr td p{margin-bottom:5px}
.inquiry .table-row-head tbody tr td p:last-child:before{display:inline-block;content:attr(data-title) "：";letter-spacing:0}
.inquiry .table-row-head tbody tr td img{margin:0 auto}
.inquiry .table-row-head tbody tr td input{display:inline-block;width:50px!important;height:25px;padding:2.5px 5px}
.inquiry .table-row-head tbody tr td:first-child ~ td{width:auto}
.inquiry .table-row-head tbody tr .inputNum{display:none}
.inquiry .table-row-head tbody tr .btn{display:block;width:25px!important;height:25px;position:absolute;right:10px;top:10px}
.register .tab-menu .active{background-image:none}
.register .tab-menu > *{padding:15px;font-size:12px}
.register .tab-menu h3{font-size:15px}
}
@media screen and (max-width: 620px) {
.form-style{padding:0}
.form-style .row{padding:0;margin-left:0;margin-right:0}
.form-style [class*="col-xs-"]{display:block;width:auto;float:none;padding:0;margin-top:20px}
.form-style .row [class*="col-xs-"]:first-child{margin-top:0}
.form-style.btns .btn{width:auto;display:none;margin:0!important}
.form-style.btns .btn:first-child{display:block}
.mainTop .txt-title{float:none}
.mainTop .txt-title span{margin-bottom:20px}
.mainTop .crumbs{float:none;text-align:left;font-size:15px}
.mainTop .btns{float:none;margin-top:20px}
.mainTop .btns .addinquiry,.mainTop .btns .fblike{margin:0}
.product .page-select{float:none}
.product .page-select .depgary{width:100%;margin:20px 0 0;padding:8.5px 25px;font-size:15px}
.product-list{display:block;margin:0 auto}
.product-list li{position:relative;display:block;width:auto;margin:0 auto;box-sizing:inherit;padding:40px 0 0;border-top:1px solid #ccc}
.product-list li div,.product-list li h5,.product-list li h6{float:left;width:50%;height:auto;padding-left:20px;word-break:break-all}
.product-list li div{padding-left:0}
.product-list li img{width:100%;height:auto}
.product-list li p{padding-top:40px}
.product-list li a:first-child{background-color:transparent!important;color:transparent;position:absolute;width:100%;display:block;left:0;top:0;padding:0;height:-moz-calc(100% - 37px);height:-webkit-calc(100% - 37px);height:-o-calc(100% - 37px);height:calc(100% - 37px)}
.product-list li:first-child{border-top:none}
.product-list li:before,.product-list li:after{content:" ";display:table}
.product-list li:after{clear:both}
.product-list li{*zoom:1}
.product-detail .imgAlbum a{margin-left:5px;width:-moz-calc(100% / 2 - 2.5px);width:-webkit-calc(100% / 2 - 2.5px);width:-o-calc(100% / 2 - 2.5px);width:calc(100% / 2 - 2.5px)}
.product-detail .imgAlbum a:nth-child(odd){margin-left:0}
.product-detail .listStyle-decimal li{padding:30px 0;font-size:15px;line-height:180%}
.product-detail .listStyle-decimal li:before{position:static;top:0;display:block;content:counter(listNumbering,decimal-leading-zero)}
.product-detail .listStyle-decimal li:after{position:absolute;top:30px}
.product-detail .listStyle-decimal h6{margin-top:15px}
.shop-fb *{display:block;max-width:none;margin:0 auto;text-align:center}
.shop-fb h6{line-height:normal}
.news .page-select{display:none}
.news-list a{display:block;width:auto;margin-right:0!important}
.news .share{float:none;position:absolute;right:0;top:0;margin-top:0}
.fix .page-select select{margin:10px 0 0;margin-left:10px;width:-moz-calc(100% / 2 - 7.5px);width:-webkit-calc(100% / 2 - 7.5px);width:-o-calc(100% / 2 - 7.5px);width:calc(100% / 2 - 7.5px)}
.fix .page-select .depblue{margin-left:0}
.fix .page-select .depgary{width:100%;margin-left:0}
.inquiry .table-row-head{font-size:13px}
.inquiry .table-row-head tr{padding:15px}
.inquiry .table-row-head tr td:first-child > div:first-child{width:auto;text-align:left;min-width:100px;width:100px}
.inquiry .table-row-head tr td:first-child > div:first-child img{max-width:100px}
.inquiry .accordion.row > li > :first-child + * > table tr:first-child td > a > div:first-child{width:60px;height:45px}
}
@media screen and (max-width: 460px) {
.news .share{display:none}
.fix .page-select select{margin:10px 0 0;width:100%}
.register .tab-menu > *{padding:15px 10px;font-size:12px;font-weight:400}
.register .tab-menu h3{font-size:18px;font-weight:bolder}
.register .tab-menu > *{padding:15px;font-size:12px}
.register .tab-menu h3{font-size:15px}
}
@media screen and (max-width: 400px) {
.form-style .groups{display:block}
.form-style .groups label{display:block}
}
@media screen and (max-width: 320px) {
.header .logo img{width:70%;margin:5px 0;height:auto}
.txt-title2 span{font-size:20px}
.product-detail .imgAlbum a{margin-left:0;width:100%}
.login-join{padding:50px 30px}
.inquiry .table-row-head tbody tr td:first-child > div{display:block;margin:0;padding:0!important;min-width:inherit;width:auto}
.inquiry .table-row-head tbody tr td:first-child > div:first-child{margin-bottom:20px;text-align:center;min-width:inherit;width:auto}
.inquiry .table-row-head tbody tr td:first-child > div:first-child img{max-width:100%;width:auto;height:auto}
.inquiry .table-row-head tbody tr td:first-child p{padding-right:0}
}