@charset "utf-8";
.layout-mobile {
 padding:0;
}
.product-view {
 width:100%;
}
.block {
 margin-bottom:30px;
}
.block .position {
 width:100%;
 margin-top:30px;
}
.block .position a,
.block .position span {
 display:inline-block;
 padding-right:5px;
 font-size:14px;
 color:#333;
 text-transform:capitalize;
}
.block .classes {
 margin-top:50px;
}
.block .classes h3 {
 text-align:center;
 line-height:30px;
 font-size:34px;
 color:#333;
 margin-bottom:30px;
}
.block .classes h1 {
 text-align:center;
 line-height:30px;
 font-size:34px;
 color:#333;
 margin-bottom:30px;
}
.block .classes .class-info p {
 text-align:center;
}
.block .classes .class-name ul {
 display:-webkit-flex;
 display:flex;
 justify-content:center;
}
.block .classes .class-name ul li {
 padding:10px 30px;
 background-color:#303030;
 margin:30px 20px;
 border-radius:5px;
}
.block .classes .class-name ul .current {
 background-color:#333;
}
.block .classes .class-name ul li:hover {
 background-color:#333;
}
.block .classes .class-name ul li a {
 display:block;
 color:#fff;
 font-size:20px;
}
.block .classes .class-content {
 margin-top:30px;
 margin-bottom:30px;
}
.block .classes .class-content img {
 text-align:center;
 margin:20px 0;
}
.block .class-content .news-list {
 width:100%;
 display:-webkit-flex;
 display:flex;
 flex-wrap:wrap;
}
.block .class-content .news-item {
 display:block;
 box-sizing:border-box;
 width:100%;
 margin:15px 1%;
 background-color:#fff;
}
.block .class-content .news-item .news-img {
 float:left;
 width:30%;
}
.block .class-content .news-item .news-img img {
 width:100%;
 margin:0;
 border-bottom:1px solid #eee;
}
.block .class-content .news-item .news-info {
 float:right;
 width:68%;
 text-align:left;
 padding:15px;
}
.block .class-content .news-item .news-info span {
 display:block;
 font-size:16px;
 line-height:20px;
 font-weight:bold;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical;
 margin-top:10px;
}
.block .class-content .news-item .news-info p {
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:4;
 -webkit-box-orient:vertical;
}
.block .class-content .news-item .news-info .news-btn {
 display:block;
 background-color:#999;
 color:#fff;
 width:120px;
 text-align:center;
 font-weight:700;
 font-size:14px;
 border-radius:100px;
}
.block .class-content .news-item .news-info .news-btn:hover {
 background-color:#303030;
}
.block .layout .page {
 text-align:center;
 margin-top:30px;
 padding-bottom:20px;
}
.block .layout .page a {
 display:inline-block;
 width:40px;
 line-height:30px;
 text-align:center;
 border:1px solid #eee;
 border-radius:3px;
}
.block .layout .page a:hover {
 color:#fff;
 font-weight:700;
 background-color:#333;
}
.block .layout .page .current {
 display:inline-block;
 color:#fff;
 font-weight:700;
 background-color:#333;
}
.col-l-1 {
 float:left;
 text-align:left;
 width:50%;
}
.col-l-2 {
 float:left;
 text-align:left;
 width:100%;
}
.col-r-1 {
 float:right;
 text-align:right;
 width:50%;
}
.col-r-2 {
 float:right;
 text-align:right;
 width:100%;
}
.block .class-content .form .form-item textarea,
.block .class-content .form .form-item input {
 box-sizing:border-box;
 width:98%;
 line-height:40px;
 padding:0 5px;
 border:1px solid #999;
 border-radius:5px;
 border-left:solid 3px #f50b0b;
}
.block .class-content .form .form-item textarea {
 min-height:100px;
 width:100%;
}
#submit {
 background-color:#303030;
 text-align:center;
 color:#fff;
 font-weight:700;
 font-size:16px;
 width:200px;
 margin-top:20px;
}
#submit:hover {
 background-color:#333;
}
.block .class-content .form .form-item img {
 position:absolute;
 right:0;
 top:50%;
 margin:0;
 transform:translate(-50%,-50%);
}
.block .classes .inquiry h3 {
 text-align:center;
 margin-bottom:30px;
 color:#333;
}
.block .classes .contact .contact-content {
 float:left;
 width:70%;
 text-align:left;
}
.block .classes .contact .contact-content h3 {
 color:#333;
 text-align:left;
 line-height:40px;
}
.block .classes .contact .contact-content a,
.block .classes .contact .contact-content span {
 display:inline-block;
 text-align:left;
 line-height:30px;
 font-size:14px;
}
.block .classes .contact .contact-img {
 float:right;
 width:30%;
 text-align:center;
}
.block .classes .contact .contact-img img {
 width:50%;
}
.block .classes .contact {
 background-color:#fff;
 padding:20px 20px;
 margin-bottom:30px;
}
.block .class-content .download-list {
 width:100%;
 float:left;
 margin-bottom:25px;
}
.download-list .download-item {
 width:49%;
 float:left;
 padding:15px 0;
 border-bottom:1px solid #eee;
}
.download-list .download-item:nth-child(2n) {
 float:right;
}
.download-list .download-item .download-img {
 width:20%;
 float:left;
}
.download-list .download-item .download-img img {
 width:100%;
 margin:0;
}
.download-list .download-item .download-info {
 width:70%;
 float:right;
 text-align:left;
}
.download-list .download-item .download-info span:nth-child(1) {
 font-weight:bold;
 margin-bottom:15px;
}
.block .download-list .download-item .download-info span {
 font-size:16px;
 line-height:20px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:1;
 -webkit-box-orient:vertical;
}
.download-list .download-item .download-info a {
 display:block;
 display:block;
 background-color:#303030;
 color:#fff;
 padding:10px 0;
 margin-top:20px;
 width:150px;
 text-align:center;
 font-weight:700;
 font-size:14px;
}
.block .qf-prodright,
.block .product-left {
 margin-top:30px;
}
.block .product-left {
 float:left;
 width:100%;
}
.block .product-left h3 {
 padding:20px 10px;
 background-color:#333;
 color:#fff;
 font-size:18px;
 font-weight:700;
}
.block .product-left ul {
}
.block .product-left ul ul {
 border:0;
 float:left;
 display:none;
}
.block .product-left ul li {
 position:relative;
 width:25%;
 float:left;
 text-align:center;
}
.block .product-left .product-nav ul li span {
 background:url(/assets/img/qf-ui/qf-nav-dot.png);
 display:block;
 width:15px;
 height:15px;
 position:absolute;
 cursor:pointer;
 right:35px;
 top:30px;
 transform:translate(-50%,0%);
}
.block .product-left .qf-prodlist ul li .btn:hover {
}
.block .product-left .product-nav ul li a {
 display:block;
 margin:15px 30px 15px 20px;
 font-size:14px;
 border:solid 1px #ccc;
 border-radius:35px;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:1;
 overflow:hidden;
 padding-left:40px;
 padding-right:40px;
 line-height:45px;
 border-radius:35px;
}
.block .product-left .qf-prodlist ul li .btn span {
 width:auto;
 padding:10px 15px;
 background-color:#333;
 color:#fff;
 font-size:14px;
}
.block .product-left .qf-prodlist ul li .btn span:hover {
 background-color:#5c9508;
}
.block .product-left ul li a:hover {
}
.block .product-left ul li .current {
 background:inherit;
 font-weight:700;
}
.block .product-left ul li ul li {
 width:100%;
 float:left;
}
.block .product-left .product-nav ul li ul li a {
 border:none;
 margin:0;
 border-bottom:solid 1px #f3f4f8;
}
.block .product-left .qf-prodlist {
 margin-top:30px;
}
.block .product-left .qf-prodlist li {
 padding:0 10px;
}
.block .product-left .qf-prodlist li a {
 display:-webkit-flex;
 display:flex;
 align-items:center;
 padding:15px 0;
 border-bottom:1px solid #ccc;
}
.block .product-left .qf-prodlist img {
 width:30%;
}
.block .product-left .qf-prodlist span {
 display:inline-block;
 width:65%;
 margin-left:5%;
}
.block .qf-prodright {
 float:left;
 width:100%;
}
.qf-prodright h3 {
 font-size:24px;
 line-height:150%;
 margin-top:30px;
}
.block .qf-prodright .qf-prodinfo p {
 margin-top:30px;
 font-size:14px;
 color:#666;
 line-height:150%;
}
.block .qf-prodright .qf-prodlist .qf-prod {
 width:100%;
 box-sizing:border-box;
 display:-webkit-flex;
 display:flex;
 justify-content:space-between;
 padding:30px 20px 20px 20px;
 border-bottom:1px solid #ccc;
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodimg {
 width:30%;
 border:1px solid #eee;
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodimg img {
 width:100%;
 margin:0;
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodinfo {
 width:68%;
 margin:0;
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodinfo span {
 display:block;
 font-size:16px;
 font-weight:700;
 margin-top:10px;
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodinfo p {
 display:block;
 line-height:25px;
 font-size:14px;
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodinfo .btn {
 display:inline-block;
 font-size:16px;
 font-weight:700;
 padding:10px 20px;
 background-color:#303030;
 color:#fff;
 margin-top:30px;
 margin-right:10px;
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodinfo .btn:hover {
 background-color:#333;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
 background-color:inherit;
 color:#555;
}
.owl-theme .owl-nav [class*="owl-"] {
 background-color:inherit;
 font-size:20px;
 color:#555;
 padding:0;
}
.banner img {
 width:100%;
}
.shown_products_a_left,
.shown_products_a_right {
 margin-top:30px;
}
.shown_products_a_right {
 float:right;
 text-align:left;
 width:58%;
}
.shown_products_a_left {
 float:left;
 border:0;
 padding:2px;
 width:40%;
}
.shown_products_a_right h1 {
 float:left;
 width:100%;
 font-size:16px;
 color:#000;
 font-weight:bold;
 padding:0px;
 margin:0px;
 margin-top:10px;
}
.block .shown_products_a_right h3 {
 float:left;
 width:100%;
 font-size:14px;
 padding-top:10px;
 margin:0px;
 color:#666;
 font-weight:normal;
}
.block .shown_products_a_right h2 {
 float:left;
 width:100%;
 font-size:14px;
 padding-top:10px;
 margin:0px;
 color:#666;
}
.shown_products_a_right h4 {
 float:left;
 margin-right:10px;
 font-size:12px;
 padding-top:10px;
 margin-top:20px;
}
.shown_products_a_right h4 a {
 background-color:#303030;
 padding-left:15px;
 padding-right:15px;
 padding-top:8px;
 padding-bottom:8px;
 color:#FFF;
 font-weight:bold;
}
.shown_products_a .current {
 background-color:inherit;
}
.shown_products_b {
 width:100%;
 height:auto;
 margin-top:10px;
 float:left;
}
.shown_products_b_a {
 width:100%;
 height:auto;
 float:left;
 margin-bottom:10px;
}
.op {
 float:left;
 width:100%;
}
.shown_products_b_a h2 {
 width:100%;
 text-indent:20px;
 float:left;
 font-weight:bold;
 color:#FFF;
 background-color:#303030;
 line-height:40px;
 font-size:16px;
}
.opt {
 float:left;
 width:100%;
 margin-top:1%;
 font-size:14px;
 word-wrap:break-word;
 white-space:normal;
 word-break:normal;
}
.opt_pt {
 float:left;
 font-size:16px;
 margin-top:1.5%;
 width:100%;
 color:#666;
}
.opt h3 {
 margin-right:10px;
 margin-top:0;
 font-size:14px;
 font-weight:normal;
}
.block .opt h3 a {
 float:left;
 display:inline-block;
 margin-right:20px;
}
#proabout a {
 background-color:#333;
 color:#fff;
 margin-right:5px;
 margin-top:10px;
 padding:0.5% 0.5% 0.5% 0.5%;
 float:left;
}
.plane-body {
 float:left;
 width:100%;
 padding-bottom:20px;
 margin-top:20px;
}
button,
input,
select,
textarea {
 font-size:100%;
 margin:0;
 vertical-align:baseline;
 vertical-align:middle;
}
#form-group-6 {
 width:100%;
 float:left;
}
.form-group {
 margin-bottom:15px;
}
#form-group-11 {
 width:48%;
 float:left;
}
#form-group-12 {
 width:48%;
 float:right;
}
#form-group-14 {
 width:100%;
 float:left;
}
#form-group-4 {
 width:48%;
 float:right;
}
.form-group .form-control {
 border:1px solid #ccc;
 border-left:solid 3px #f50b0b;
 width:100%;
 border-radius:5px;
 height:50px;
 color:#333;
 font-size:14px;
}
#form-group-14 textarea {
 min-height:100px;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="reset"],
input[type="submit"],
select,
textarea {
 -webkit-appearance:none;
 appearance:none;
 border-radius:0;
}
.form-control {
 padding:3px 5px;
 height:27px;
 -webkit-box-shadow:none;
 box-shadow:none;
}
.form-control {
 display:block;
 width:100%;
 height:32px;
 padding:6px 12px;
 font-size:13px;
 line-height:1.42857;
 color:#9c9b9b;
 vertical-align:middle;
 background-color:white;
 border:1px solid #d6d4d4;
 border-radius:0px;
 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
 -webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
 transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}
button,
input,
select,
textarea {
 font-size:100%;
 margin:0;
 vertical-align:baseline;
 *vertical-align:middle;
}
.btn.btn-submit {
 border:0;
 box-sizing:border-box;
 color:#fff;
 background-color:#333;
 float:right;
 font-size:18px;
 height:auto;
 margin-top:0;
 padding:10px;
 text-align:center;
}
#AboutPro {
 width:100%;
 float:left;
}
#AboutPro h3 {
 width:16.666%;
 float:left;
 margin-right:0;
 text-align:center;
}
#AboutPro h3 a.proli1 {
 padding-bottom:0;
}
#AboutPro h3 a {
 padding:5%;
 line-height:normal;
 margin-right:0;
}
#AboutPro h3 a.proli2 {
 white-space:nowrap;
 text-overflow:ellipsis;
 width:100%;
 overflow:hidden;
}
.content_scene_cat a {
 color:#333;
 padding-left:1%;
 padding-right:0.5%;
 padding-top:0.5%;
 padding-bottom:0%;
 float:left;
}
.proli1 {
 width:100%;
 float:left;
}
#AboutPro h3 a img {
 max-width:100%;
 border:solid 1px #ccc;
}
.productsTags {
 line-height:120%;
 color:#666;
}
.form-item {
 margin-bottom:10px;
}
.image-additional  .owl-theme .owl-nav [class*=owl-] {
 font-size:20px;
 padding:0;
 background:inherit;
 color:#666;
}
.block .qf-prodright .qf-prodinfo a p {
 text-align:left;
}
.block .class-content .news-item {
 padding:0;
 border:1px solid #eee;
 -moz-box-shadow:7px 5px 30px rgba(72,73,121,0.15);
 -o-box-shadow:7px 5px 30px rgba(72,73,121,0.15);
 box-shadow:7px 5px 30px rgba(72,73,121,0.15);
}
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodimg {
 border:1px solid #eee;
}
.block .class-content .news-item .news-img {
 border-bottom:1px solid #eee;
}
.block .class-content .news-item .news-img img {
 height:auto;
}
.block .class-content .news-item .news-info .news-btn {
 background-color:#999;
 padding:0;
 width:120px;
 border-radius:100px;
}
.block .class-content .news-item .news-info .news-btn:hover {
 background-color:#303030;
}
.block .class-content .news-item .news-info {
 padding:15px;
 box-sizing:border-box;
}
.block .class-content .news-item .news-info .news-btn {
 line-height:30px;
 margin-top:20px;
}
.form-item {
 text-align:center;
}
.qf-prodright  .qf-prodinfo {
 margin-top:30px;
 font-size:14px;
 color:#666;
 line-height:150%;
}
.block .qf-prodright .qf-prodlist .qf-prod .qf-prodinfo span {
 margin-bottom:30px;
}
.maeta {
 font-size:14px;
 color:#666;
 line-height:150%;
}
.block .qf-prodright .qf-prodinfo p {
 margin-top:0;
}
.form-item {
 text-align:left;
}
.form-item:nth-child(2n) {
 text-align:right;
}
.form-item:last-child {
 text-align:center;
}
.poorder .tab-list {
 display:flex;
 justify-content:flex-end;
 width:100%;
}
.location {
 width:100%;
 float:left;
 background-color:#f3f4f8;
}
.location .layout {
 padding-top:1%;
 padding-bottom:1%;
}
.position {
 float:left;
 line-height:40px;
}
.qf-procat {
 width:100%;
 float:left;
 margin-top:35px;
}
.qf-procat2 {
 width:100%;
 float:left;
 margin-top:35px;
}
.qf-pronavbar>ul {
 width:100%;
 overflow:hidden;
 float:left;
}
.qf-pronavbar>ul>li {
 float:left;
}
.qf-pronavbar>ul>li p {
 height:50px;
 line-height:50px;
 font-size:16px;
 padding:0 20px;
 cursor:pointer;
 color:#646565;
 background-color:#ffffff;
 -webkit-transition:all .8s ease;
 -moz-transition:all .8s ease;
 -ms-transition:all .8s ease;
 -o-transition:all .8s ease;
 transition:all .8s ease;
}
.qf-pronavbar>ul>li p:hover {
 color:#ffffff;
 background-color:#f50b0b;
}
.qf-pronavbar>ul>div {
 float:right;
 font-size:14px;
 color:#555555;
 margin-top:26px;
}
.qf-pronavbar>ul>div>img {
 vertical-align:top;
}
.qf-pronavbar .qf-navactive {
 color:#ffffff !important;
 background-color:#f50b0b !important;
}
.qf-prodsub {
 margin:0px auto;
 background:#f3f4f8;
}
.qf-prodsub ul li {
 display:inline-block;
 font-size:16px;
 color:#646565;
 position:relative;
 padding:25px 40px;
}
.qf-prodsub ul li.cur,
.qf-prodsub ul li:hover a {
 color:#f50b0b;
}
.qf-prodsub ul li:after {
 position:absolute;
 content:"";
 width:0%;
 height:2px;
 background:#f50b0b;
 left:0px;
 bottom:0px;
 transition:all 0.5s;
}
.qf-prodsub ul li a {
 display:block;
 white-space:normal;
 word-break:break-all;
}
.qf-prodsub ul li.cur:after,
.qf-prodsub ul li:hover:after {
 width:100%;
}
.qf-prodsub ul li {
}
.block .qf-prodright .qf-detail .qf-prod .qf-prodinfo .btn:last-child {
 background-color:#f50b0b;
}
.shown_products_a_right-t p {
 margin-top:20px;
 width:100%;
 float:left;
}
@media(max-width:767px) {
 #AboutPro h3 {
  width:33.333%;
 }
}