@charset "utf-8";
/* CSS Document */

.qtb-main{ min-width:1200px;}
.qtb-banner{min-width:1200px; height:350px; background:url(../images/qtb-banner.jpg) no-repeat center top;}
.qtb-main-o{ padding:80px 0}
.qtb-main-o-r{ margin:25px 5px 0 0}
.qtb-main-o-r .p-o{ color:#999; font-size:14px; line-height:24px;}
.qtb-main-o-r .p-t{ color:#ff6800; font-size:30px; line-height:30px; padding:20px 0}
.qtb-main-o-r .p-t span{ font-weight:bold;}
.qtb-main-o-r .p-s{ color:#666; font-size:14px; line-height:26px;}
.qtb-main-o-r .p-s span{color:#ff6800; }
.qtb-main .syk-main-s{ padding:0}
.qtb-main .syk-main-s dl{ border:0; margin:0}
.qtb-main .syk-main-s dl.dl-o{ padding:80px 0 80px 0}
.qtb-main .syk-main-s dl.dl-o dd{ margin-right:25px;}
.qtb-main .syk-main-s dl.dl-o dt{ margin-left:0; margin-top:25px;}
.qtb-main .syk-main-s dl.dl-t{ background:#f2f2f2; padding:0}
.qtb-main .syk-main-s dl.dl-t dd{ margin-left:-45px;}
.qtb-main .syk-main-s dl.dl-t dt{ margin-right:90px; margin-top:100px;}
.qtb-main .syk-main-s dl.dl-s{ padding:55px 0}
.qtb-main .syk-main-s dl.dl-s dt{ margin:50px 0 0 0}
.qtb-main .syk-main-s dl.dl-s dd{ margin:0}
.qtb-main .syk-main-s .s-m{ background:#f2f2f2; margin-top:0; padding:45px 0}
.qtb-main .syk-main-s .s-m span{ padding-bottom:15px;}
.qtb-main .syk-main-s .s-m i{ display:block; color:#333; padding-bottom:18px; font-size:14px;}
.qtb-main-t{ background:#f2f2f2; padding:75px 0}
.qtb-main-t table{width: 100%; border-collapse: collapse;border-spacing: 0;background: #fff; color: #666;font-size:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.qtb-main-t table tr{border:0;}
.qtb-main-t table td{border: 1px solid #ececec; text-align:center; padding:20px 0}
.qtb-main-t table .td-o{ width:180px; background:#f8f8f8}
.qtb-main-t table .td-t{ width:340px;}
.qtb-main-t table tr.tr-o{ background:#f8f8f8}
.qtb-main-t table tr.tr-o td{ padding:10px 0}
.qtb-main-t table tr.tr-o p{ font-size:18px;}
.qtb-main-t table tr.tr-o span{ display:block; text-align:center; color:#ff6800; font-size:18px; font-weight:bold; margin:0 auto;}
.qtb-main-t table tr.tr-o span.span-o{ color:#0073a3;}
.qtb-main-t table tr.tr-o span.span-t{ color:#73b400;}
.qtb-main-t table tr.tr-t dt{ color:#666; font-size:14px; line-height:20px}
.qtb-main-t table tr.tr-t dt span{ font-size:20px; color:#ff6800; margin-right:3px;}
.qtb-main-t table tr.tr-t dl p{ font-size:12px; color:#999}
.qtb-main-t table tr.tr-t dd a{ width:150px; height:40px; display:block; text-align:center; line-height:38px; color:#fff; font-size:14px; background:#ff6800; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:10px auto auto auto;}
.qtb-main-t table tr.tr-t dd a.a-o{ background:#0073a3;}
.qtb-main-t table tr.tr-t dd a.a-t{ background:#73b400;}
.qtb-main-t table tr.tr-t dd a:hover{ filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.qtb-main-t table tr.tr-t td{ padding:35px 0}

.qtb-main-s{ background:url(../images/qtb-5.gif) no-repeat center #f2f2f2; padding:180px 0; min-height:447px;}
.qtb-main-s .w-1200{min-height:447px;}
.qtb-main-s li{ position:absolute; width:600px; text-align:center;}
.qtb-main-s li p{ color:#333; font-size:24px; line-height:24px; padding-bottom:10px;}
.qtb-main-s li span{ font-size:14px; color:#666; line-height:24px;}
.qtb-main-s li.li-o{ left:50%; margin-left:-300px; top:-110px;}
.qtb-main-s li.li-t{ right:-105px; top:58px;}
.qtb-main-s li.li-s{ right:-120px; top:290px;}
.qtb-main-s li.li-f{left:50%; margin-left:-300px; bottom:-560px;}
.qtb-main-s li.li-w{ left:-120px; top:290px;}
.qtb-main-s li.li-l{ left:-105px; top:58px;}
.qtb-main-f{ background:#fff; padding:65px 0}
.qtb-main-f .f-t{ margin-bottom:40px;}
.qtb-main-f .box{ width:395px; background:#0d79c9; text-align:center; color:#fff; font-size:14px; float:left; margin-top:20px; position:relative;}
.qtb-main-f .box .sale{ display:block; width:59px; height:59px; background:url(../images/qtb-6.png) no-repeat; position:absolute; left:0; top:0}
.qtb-main-f .box h4{ font-size:30px; line-height:90px; background:#0c6db5; font-weight:normal}
.qtb-main-f .box .box-m{ padding:20px 0 10px 0; border-bottom:1px solid rgba(0,0,0,0.1)}
.qtb-main-f .box .box-m p{ line-height:26px}
.qtb-main-f .box .box-m .p-o b{ font-size:30px;}
.qtb-main-f .box .box-m .p-t{ text-decoration:line-through}
.qtb-main-f .box .box-m a{ display:block; margin:5px auto; width:150px; height:40px; line-height:40px; text-align:center; background:#fff; color:#0d79c9; font-size:14px;}
.qtb-main-f .box .box-m a:hover{ background:#f9f9f9}
.qtb-main-f .box .box-m .p-s{ font-size:12px;}
.qtb-main-f .box .p-f{ line-height:21px; padding:15px 0}
.qtb-main-f .box.box-t{ background:#73b400; margin-top:0; width:410px;}
.qtb-main-f .box.box-t h4{ line-height:110px; background:#67a200}
.qtb-main-f .box.box-t .box-m a{ color:#73b400}
.qtb-main-f .box.box-s{ background:#ff6800;}
.qtb-main-f .box.box-s h4{ background:#e55d00}
.qtb-main-f .box.box-s .box-m a{ color:#ff6800}
.qtb-main-f .f-b{ background:#f2f2f2; padding:25px 0}
.qtb-main-f .f-b p{ font-size:16px; color:#666; line-height:36px; margin-left:35px;}
.qtb-main-f .f-b p span{ color:#ff6800; font-size:24px; display:block;}
.qtb-main-f .f-b a{ display:block; margin:15px 35px 0 0; width:200px; height:44px; line-height:44px; background:#ff6800; text-align:center;}
.qtb-main-f .f-b a span{ display:inline-block; color:#fff; font-size:18px; background:url(../images/qtb-7.png) no-repeat left center; padding-left:36px;}
.qtb-main-f .f-b a:hover{ background:#e35d00}

.qtb-banner.wztg{ background-image:url(../images/qtb-8.jpg);}
.qtb-wztg-main{ min-width:1200px; background:#fff;}
.qtb-wztg-main .pad-60{ padding:60px 0}
.qtb-wztg-main .tit{ text-align:center;}
.qtb-wztg-main .tit h4{ color:#ff6800; font-size:30px; line-height:30px; padding-bottom:8px; font-weight:normal;}
.qtb-wztg-main .tit p{ color:#666; font-size:14px; line-height:24px;}
.qtb-wztg-main .tit p span{ display:block; color:#73b400; font-size:16px; padding:3px 0}
.qtb-wztg-main-o{ text-align:center;}
.qtb-wztg-main-o img{ display:inline-block; margin-bottom:30px;}
.qtb-wztg-main-o ul{ width:1000px; margin:0 auto}
.qtb-wztg-main-o li{ float:left; text-align:center;}
.qtb-wztg-main-o li .li-img{ width:57px; height:54px; margin:auto auto 5px auto;}
.qtb-wztg-main-o li .li-img span{ display:block; float:left; width:50px; height:54px; margin:0 0 0 3.5px; background:url(../images/qtb-11.png) no-repeat; background-position:0 -64px;}
.qtb-wztg-main-o li .li-img span.span-t{ width:54px; height:47px; margin:3.5px 0 0 1.5px; background-position:0 -169px;}
.qtb-wztg-main-o li .li-img span.span-s{ width:43px; height:52px; margin:1px 0 0 7px; background-position:0 -12px;}
.qtb-wztg-main-o li .li-img span.span-f{ width:53px; height:51px; margin:1.5px 0 0 2px; background-position:0 -118px;}
.qtb-wztg-main-o li .li-img span.span-w{ width:54px; height:43px; margin:5.5px 0 0 1.5px; background-position:0 -229px;}
.qtb-wztg-main-o li p{ color:#333; font-size:16px; line-height:20px;}
.qtb-wztg-main-o i{ display:block; float:left; width:116px; height:13px; background:url(../images/qtb-11.png) no-repeat; background-position:0 -216px; margin:35px 15px 0 15px;}
.qtb-wztg-main-t{ background:#f2f2f2}
.qtb-wztg-main .qtb-wztg-main-t .tit p{ color:#333; font-size:18px;}
.qtb-wztg-main-t .t-m{ padding:30px; height:328px; background:url(../images/qtb-10.jpg) no-repeat center; position:relative;}
.qtb-wztg-main-t .t-m dl{ position:absolute; width:400px;}
.qtb-wztg-main-t .t-m dl dt{ color:#0ccc66; font-size:24px; line-height:24px; padding-bottom:5px;}
.qtb-wztg-main-t .t-m dl.dl-t dt{ color:#eeb513;}
.qtb-wztg-main-t .t-m dl.dl-s dt{ color:#01c1d2;}
.qtb-wztg-main-t .t-m dl.dl-f dt{ color:#ea654a;}
.qtb-wztg-main-t .t-m dl dd{ color:#666; font-size:14px; line-height:24px;}
.qtb-wztg-main-t .t-m dl.dl-o,.qtb-wztg-main-t .t-m dl.dl-t{ text-align:right; left:-5px;}
.qtb-wztg-main-t .t-m dl.dl-o{ top:35px;}
.qtb-wztg-main-t .t-m dl.dl-t{ bottom:25px;}
.qtb-wztg-main-t .t-m dl.dl-s,.qtb-wztg-main-t .t-m dl.dl-f{right:-32px; width:430px;}
.qtb-wztg-main-t .t-m dl.dl-s{ top:35px;}
.qtb-wztg-main-t .t-m dl.dl-f{ bottom:25px;}
.qtb-main-f .f-m{ margin-bottom:40px;}
.qtb-main-f .f-m-o{ width:50%; float:left; color:#fff; height:268px; overflow:hidden;}
.qtb-main-f .f-m-o .fl{ width:240px; background:#73b400;}
.qtb-main-f .f-m-o.bzb .fl{ background-color:#ff6800;}
.qtb-main-f .f-m-o h4{ font-size:30px; text-align:center; line-height:80px; border-bottom:1px solid rgba(0,0,0,0.1);}
.qtb-main-f .f-m-o .box-m{ padding:17px 0 0 0; border-bottom:1px solid rgba(0,0,0,0.1); text-align:center;}
.qtb-main-f .f-m-o .box-m p{ line-height:26px}
.qtb-main-f .f-m-o .box-m .p-o b{ font-size:22px;}
.qtb-main-f .f-m-o .box-m .p-t{ text-decoration:line-through}
.qtb-main-f .f-m-o .box-m a{ display:block; margin:5px auto; width:150px; height:40px; line-height:40px; text-align:center; background:#fff; color:#73b400; font-size:14px;}
.qtb-main-f .f-m-o.bzb .box-m a{ color:#ff6800}
.qtb-main-f .f-m-o .box-m a:hover{ background:#f9f9f9}
.qtb-main-f .f-m-o .box-m .p-s{ font-size:12px;}
.qtb-main-f .f-m-o .fr{ width:360px; background-color:#67a200; height:100%; position:relative;}
.qtb-main-f .f-m-o.bzb .fr{ background-color:#e55d00}
.qtb-main-f .f-m-o .fr ul{ width:265px; margin:15px 0 0 35px;}
.qtb-main-f .f-m-o .fr ul li{ border-bottom:1px dashed rgba(255,255,255,0.2); color:#fff; font-size:12px; line-height:36px;}
.qtb-main-f .f-m-o .fr p{ position:absolute; left:0; bottom:0; height:50px; line-height:50px; background-color:rgba(0,0,0,0.1); color:#fff; font-size:14px; width:100%;}
.qtb-main-f .f-m-o .fr p span{ display:block; width:16px; height:12px; background:url(../images/qtb-11.png) no-repeat; background-position:0 0; float:left; margin:20px 10px 0 35px;}
.qtb-banner.wztg .tg-but{ left:0; top:265px;}
.qtb-main-f .f-o p{ text-align:center; color:#ff6800; font-size:16px; font-weight:bold; padding-bottom:40px;}
.qtb-wztg-main-t .tip{ width:100%; background-color:#fcf6e2; border:1px solid #fbeccb; text-align:center; line-height:20px; padding:5px 0; font-size:12px; color:#9e7437; margin-top:10px; width:450px; margin:20px auto auto auto;}
.qtb-wztg-main-t .tip a{ color:#9e7437}
.qtb-wztg-main-t .tip a:hover{ text-decoration:underline;}


.qtb-main-f .case-but{ width:223px; height:50px; text-align:center; line-height:50px; background:url(../images/qtb-14.gif) no-repeat; color:#fff; font-size:20px; margin:auto auto 40px auto; display:block}
.qtb-main-f .case-but:hover{filter:alpha(opacity=80);   -moz-opacity:0.8;   -khtml-opacity: 0.8;  opacity: 0.8;  }
.qtb-case li{ background-color:#fff; padding:35px 0 35px 10px; margin-bottom:15px;}
.qtb-case li .li-img{ float:left; border:2px solid #eeeeee;  margin-left:5px; cursor:pointer; position:relative; }
.qtb-case li .li-img-pic{ width:450px; height:250px;vertical-align: middle;text-align: center; display: table-cell;}
.qtb-case li .li-img img{ width:435px; display:inline-block;}
.qtb-case li .li-img .bg{ width:450px; height:250px; background-color:#000; filter:alpha(opacity=26);   -moz-opacity:0.26;   -khtml-opacity: 0.26;  opacity: 0.26; position:absolute; left:0; top:0; display:none;}
.qtb-case li .li-img span{ display:block; width:65px; height:65px; background:url(../images/qtb-16.png) no-repeat; position:absolute; left:50%; margin-left:-32.5px; top:50%; margin-top:-32.5px; display:none;}
.qtb-case li .li-img:hover .bg,.qtb-case li .li-img:hover span{ display:block;}
.qtb-case li dl{ float:right; width:265px; text-align:center; margin-top:90px;}
.qtb-case li dl dt{ color:#333; font-size:18px; line-height:22px;}
.qtb-case li dl dd a{ color:#ff6800; font-size:14px; text-decoration:underline;}
.qtb-case li dl dd a:hover{ text-decoration:none;}
.pic-dig{ width:820px; position:relative; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.7); -moz-box-shadow: 0 0 10px rgba(0,0,0,.7); box-shadow: 0 0 10px rgba(0,0,0,.7); position:fixed; left:50%; margin-left:-410px; top:25%; display:none; z-index:200}
.pic-dig img{ width:100%; height:auto;}
.pic-dig span{ display:block; width:15px; height:15px; background:url(../images/qtb-17.png) no-repeat center top; position:absolute; top:3px; right:3px; cursor:pointer;}
.pic-dig span:hover{ background-position:center bottom;}


@media (max-width: 390px) {
.qtb-main {
    width: 100%; min-width: 390px;
}
.qtb-main-o {
    padding: 20px 0;
}
.qtb-main-o img{
    width: 100%;
}
.qtb-main-s{display:none}
.qtb-main-f .box.box-t ,.qtb-main-f .box{
     width: 100%; margin-top: 20px;
}
.qtb-main-f {
    
    padding: 20px 0;
}
}