@charset "utf-8";









article .qf-stage{



    width: 100%;



    height: auto;



    background: #f7f7f7;



}



/*article .banner-box {



    margin: 0 175px;



    height: 400px;



    overflow: hidden;



}



article .banner-box img {



    width: 100%;



    height: 100%;



}*/



.top {



    border-bottom: 1px solid #dcdcdc;







}







.top .qf-wrap span {



    height: 55px;



    line-height: 55px;



}



.top .qf-wrap ul li span {



    height: 54px;



    line-height: 54px;



    font-size: 14px;



    color: #999;



    cursor: pointer;



}



.top .qf-wrap ul li:first-child hr {



    display: none;



}



.top .qf-wrap ul li hr {



    border: 1px solid #cacaca;;



    height: 15px;



    float: left;



    margin-top: 20px;



    margin-right: 30px;



    background-color: #acacac;



}



 .top .qf-wrap img {



    vertical-align: middle;



    border:none;



    margin-top: -4px;



}



.top .qf-wrap span:last-child {



    /*color: #ff8c5d;*/



}



.qf-detail-head {



    width: 100%;



    height: auto;



    overflow: hidden;



    margin-top: 30px;



}



.qf-detail-head .qf-gallery {



    width: 560px;



    height: 420px;



    float: left;



}



.qf-detail-head .qf-gallery img{



    width: 100%;



    height: 100%;



    cursor: pointer;



}



.qf-detail-head .qf-meta {



    float: right;



    width: 640px;



    height: 420px;



}



.qf-detail-head .qf-gallery  .swiper-pagination-bullet-active{



	opacity: 1;



    background: #FFF;



}



.qf-detail-head .qf-gallery .swiper-pagination-bullet {



    margin-right: 10px;



    width: 10px;



    height: 10px;



}



.qf-detail-head>.qf-meta>h3 {



    margin: 0px 45px;



    padding: 25px 0px 20px;



    font-size: 20px;



    border-bottom: 1px solid #eee;



    color: #ff8c5d;



    font-weight: normal;



}



.qf-detail-head .qf-meta p {



    padding: 20px 45px 0px;



    font-size: 15px;



    color: #666;



}



.qf-detail-head .qf-meta p:nth-child(4) {



    padding-top: 20px !important;



}



.qf-detail-head .qf-meta p span {



    color: #999;    



    padding-left: 10px;



}



.pro {



    height: 40px;



    margin: 40px 45px 0px;



}



.qf-detail-head .qf-meta .pro p {



    width: 120px;



    height: 40px;



    line-height: 40px;



    border: 2px solid #ff8c5d;



    float: left;



    color: #ff8c5d;



    text-align: center;



    padding: 0px;



    margin-right: 20px;



}



.qf-detail-head .qf-meta .pro p:last-child {



    padding-bottom: 0;



}



.qf-detail-desc {



    width: 100%;



    overflow: hidden;



    margin-bottom: 50px;



}



.qf-detail-desc h3 {



    padding: 30px 0px 20px;



    font-size: 20px;



    color: #666666;



    font-weight: normal;



}



.qf-detail-desc h3 img {



    width: 20px;



    height: 20px;



    padding-right: 10px;



}



.qf-detail-desc .product_img {



    width: 100%;



    height: auto;



    overflow: hidden;



}



.qf-detail-desc .product_img img:first-child {



    float: left;



    width: 590px;



    height: 460px;



}



.qf-detail-desc .product_img img:nth-child(2) {



    float: right;



    width: 600px;



    height: 225px;



}



.qf-detail-desc .product_img img:nth-child(3) {



    float: right;



    width: 600px;



    height: 225px;



    margin-top: 10px;



}



.qf-detail-wrap .qf-wrap .qf-detail-desc p {



    text-indent: 2em;



    line-height: 30px;



    font-size: 16px !important;



    color: #333 !important;



    padding: 30px 0px;



}



.qf-detail-wrap .qf-wrap .qf-detail-desc p:last-child {



    padding-bottom: 0;



}



.qf-detail-wrap .qf-wrap .product_botton .product_botton_1 a {



    color: #000;



    text-decoration: none;



}



/*about*/



.top .qf-wrap ul li {



    width: auto;



    padding-right: 30px;



    float: left;



    text-align: center;



    list-style: none;



    font-size: 14px;



    color: #666;



  



}



.top .qf-wrap ul li a{



    text-decoration: none;



    color: #000;



}







.menu h1 {



    text-align: center;



    font-size: 20px;



    font-weight: normal;



    padding: 30px 0px 15px 0px;



}















.top_menu {



    z-index: 11;



    position: relative;



    margin-bottom: 20px;



}







.qf-wrap .menu .menu_about p {



    font-size: 15px;



    line-height: 30px;



    overflow: hidden;



    width: 100%;



    color: #666666;



    text-indent: 2em;



}



.qf-wrap .menu .menu_about p:nth-child(4) {



    padding-top: 30px;



}



.qf-wrap .menu .menu_about p:last-child{



    padding-bottom: 45px;



}



.menu_about {



    overflow: hidden;



    width: 100%;



    height: auto;



}



.menu_about img {



    max-width: 595px;



    /*float: left;*/



    max-height: 350px;



}



.menu_about img:nth-child(2) {



    float: right;



}



/* style */







.us .menu .qf-wrap  .menu_us p img {



    width: 15px;



    height: 17px;



    vertical-align: middle;



    margin: 0;



    margin-right: 5px;



}



.us .qf-wrap .menu_us p img {



    width: 100%;



    height: 350px;



    margin-top: 25px;



}



.us .qf-wrap h3 {



    text-align: center;



    margin-top: 35px;



    font-size: 24px;



}



.us .qf-wrap .city {



    width: 300px;



    height: auto;



    float: left;



    text-align: center;



    margin-top: 30px;



}



.us .qf-wrap .city p:first-child {



    width: 110px;



    height: 110px;



    border-radius: 55px;



    background-color: #fff;



    margin: 0 auto;



    text-align: center;



}



.us .qf-wrap .city p:first-child img {



    width: 55px;



    height: 45px;



    margin-top: 30px;



}



.us .qf-wrap .city p:nth-child(2) {



    margin-top: 35px;



    font-size: 24px;



}



.us .qf-wrap .city p:nth-child(3) {



    color: #666;



    font-size: 16px;



    margin-top: 10px;



    margin-bottom: 40px;



}



.us .qf-wrap .city:nth-child(5) p:nth-child(3){



    width: 150px;



    border-bottom: 1px solid #acacac;



    margin: 0 auto;



    margin-top: 10px;



}



.us .qf-wrap .us_1 {



    border-bottom: 1px solid #dcdcdc;



    width: 100%;



    overflow: hidden;



}



.us .qf-wrap .us_1 .us_left h3 {



    text-align: left;



    font-size: 20px;



    margin-top: 40px;



    margin-bottom: 25px;



}







.us .qf-wrap .us_1 .us_left p {



    font-size: 13px;



    line-height: 20px;



    padding-bottom: 30px;



}



.us .qf-wrap .us_1 .us_left {



    width: 965px;



    height: auto;



    float: left;



    padding-left: 20px;



    cursor: pointer;



}



.us .qf-wrap .us_1 .us_right {



    width: 215px;



    float: right;



    margin-top: 25px;



}



.us .qf-wrap .us_1 .us_right img {



    width: 45px;



    height: 47px;



    float: right;



    padding-right: 20px;



}



.us .menu .qf-wrap .menu_us {



    height: 70px;



}



.us  .menu .qf-wrap .menu_us p:nth-child(3) {



    float: left;



    width: 300px;



    line-height: 70px;



    padding: 0;



    font-size: 16px;



}







.us .menu .qf-wrap .menu_us p:nth-child(2) {



    width: 315px;



    float: left;



    line-height: 70px;



    padding: 0;



    font-size: 16px;



}







.us .menu .qf-wrap .menu_us p:first-child {



    width: 585px;



    float: left;



    line-height: 70px;



    padding: 0;



    font-size: 16px;



}



.emall {



    width: 100%;



    height: auto;



    background-color: #eee;



}



.emall .qf-wrap h1 {



    font-size: 18px;



    color: #666;



}



.emall .qf-wrap .emall_1 {



    /*width: 400px;*/



    float: left;



}



.emall .qf-wrap .emall_1 input {



    width: 376px;



    height: 40px;



    margin-top: 10px;



    border: none;



    outline: none;



    text-indent:15px;



}







.emall .qf-wrap .emall_1:nth-child(3) {



    float: right;



}



.emall .qf-wrap .emall_1:nth-child(2) {



    margin-right: 30px;



}



.emall .qf-wrap .emall_1 label {



    font-size: 16px;



    color: #333;



}







.emall .qf-wrap .emall_2{



    margin-top: 15px;



    overflow: hidden;



    display: inline-block;



}



.emall .qf-wrap .emall_2 textarea {



    width: 1200px;



    border: none;



    height: 140px;



    text-indent:15px;



    outline: none;



    padding-top: 15px;



}



.emall .qf-wrap .emall_2 label {



    font-size: 16px;



    margin-bottom: 10px;



    display: inline-block;



}



.emall .qf-wrap .but {



    width: 100%;



    text-align: center;



    padding: 30px 0px;



    margin-top: -5px;



    overflow: hidden;



}



.emall .qf-wrap button {



    width: 210px;



    height: 45px;



    margin: 0 auto;



    color: #fff;



    background-color: #ff8c5d;



    border: none;



    font-size: 16px;



    outline: none;



    cursor: pointer;



}



.menu_map {



    width: 100%;



    height: auto;



}



.menu_map img {



    width: 100%;



    height: 840px !important;



    overflow: hidden;



    margin-bottom: 25px;



}



.menu_map .menu_map_1 {



    float: left;



    width: 300px;



    text-align: center;



}



.menu_map .menu_map_1 img {



    width: 110px;



    height: 110px !important;



    border-radius: 55px;



    margin-bottom: 30px;



}



.menu_map .menu_map_1 p {



    font-size: 18px;



    line-height: 36px;



}



.menu_map .menu_map_1 span {



    font-size: 16px;



    line-height: 24px;



    margin-bottom:75px;



    display: inline-block;



    cursor: pointer;



}



.menu_map .menu_map_1:nth-child(4) span {



    color: #ffa37d;



    border-bottom: 1px solid #ffa37d;



}



/* style */



.us .qf-wrap .us_con h3 {



    text-align: left;



    margin-top: 35px;



    font-size: 24px;



    padding-bottom: 20px;



}



.us .qf-wrap .us_con p {



    line-height: 20px;



    padding-bottom: 30px;



}



.us .qf-wrap .us_con p:last-child {



    padding-bottom: 0px;



}







/* style */







.qf-wrap .buy {



    padding: 10px 20px 0px;



    border-bottom: 1px solid #dcdcdc;



    overflow: hidden;



    cursor: pointer;



}



.qf-wrap .buy .buy_left {



    width: 200px;



    height: 150px;



    padding: 20px 0px;



    padding-right: 25px;



    float: left;



}



.qf-wrap .buy .buy_left img {



    width: 100%;



    height: 100%;



}



.qf-wrap .buy .buy_center {



    margin-top: 20px;



    float: left;



}



.qf-wrap .buy .buy_center h3 {



    padding-bottom: 15px;



    font-size: 20px;



}



.qf-wrap .buy .buy_center p {



    font-size: 14px;



    padding-bottom: 10px;



    color: #666;



}



.qf-wrap .buy .buy_center p img {



    width: 15px;



    vertical-align: middle;



    margin-right: 15px;



}



.qf-wrap .buy .buy_right {



    float: right;



    width: 45px;



    height: 47px;



    margin-top: 35px;



}



.qf-wrap .buy .buy_right img{



    width: 100%;



    height: 100%;



}











/* style */



.qf-detail-head .shop_right p {



    margin: 0px 30px;



    font-size: 15px;



    color: #3b3a36;



    margin-top: 20px;



    overflow: hidden;



}



.qf-detail-head .shop_right p img {



    padding-right: 15px;



    width: 15px;



    float: left;



}



.qf-detail-head .shop_right {



    float: right;



    width: 600px;



    height: 450px;



    background-color: #fff;



}



.qf-detail-head .shop_right h3 {



    margin: 0px 30px;



    padding: 40px 0px 20px;



    font-size: 24px;



    border-bottom: 1px solid #eee;



}







.qf-detail-head .shop_right p span {



    color: #666;



    overflow: hidden;



    float: left;



    width: 500px;



    font-size: 14px;



}



.qf-detail-head .shop_right p:nth-child(4) {



    padding-bottom: 30px;



    border-bottom: 1px solid #eee;



}



.qf-detail-head .shop_right p:nth-child(5) {



    margin-top: 30px;



}



.qf-detail-head .shop_right p:nth-child(5) {



    margin-top: 30px;



    color: #666;



    line-height: 25px;



}











/* style */



.news {



    margin-top: 10px;



    /*width: 800px;*/



    float: left;



}



 .qf-wrap .news .news_con {



    overflow: hidden;



    padding: 20px 0px;



    border-bottom: 1px solid #dcdcdc;



}



.qf-wrap .news .news_con img {



    float: left;



    width: 285px;



    height: 160px;



}



.qf-wrap .news .news_con .news_1 {



    padding-top: 20px;



    float: left;



    width: 495px;



    padding-left: 20px;



}



.qf-wrap .news .news_con .news_1 p:first-child {



    font-size: 16px;



    color: #acacac;



    font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



    padding-bottom: 15px;



}



 .qf-wrap .news .news_con .news_1 h3 {



    padding-bottom: 15px;



    font-size: 18px;



    font-weight: normal;



    color: #000;



    text-overflow: ellipsis;



    display: -webkit-box;



    white-space:nowrap;  



    overflow: hidden;



    -webkit-box-orient: vertical;



}



.qf-wrap .news .news_con .news_1 p:nth-child(3) {



    font-size: 13px;



    line-height: 22px;



    height: 70px;



    color: #888888;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 3;



    overflow: hidden;



    -webkit-box-orient: vertical;



    text-align: justify;



}



 .qf-wrap .news .news_con .news_1 p:nth-child(4) {



    width: 210px;



    height: 45px;



    line-height: 45px;



    padding:0;



    border: 1px solid #999;



    text-align: center;



    color: #666;



    font-size: 12px;



}



.qf-wrap .news .news_con .news_1 p:nth-child(4):hover {



    background-color: #ff8c5d;



    font-weight: bold;



    border: 1px solid #ff8c5d;



    transition: all .5s;



}



.qf-wrap .news .news_con .news_1 p:nth-child(4) a{



    text-decoration: none;



    color: #000;



     font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



}



/* style */



/*.news_1{



    margin-bottom: 40px;



}*/



 .qf-wrap .news .show_new {



    text-align: center;



}



.qf-wrap .news .show_new h3{



    font-size: 24px;



}



.qf-wrap .news .show_new h3 {



    font-size: 24px;



    margin-top: 30px;



    margin-bottom: 10px;



    font-weight: normal;



}



.qf-wrap .news .show_new p:nth-child(2) {



    font-size: 16px;



    font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



    padding-bottom: 10px;



    text-align: center;



    padding-top: 0;



    color: #999;



}







.news_tu {



    width: 100%;



    overflow: hidden;



}



.qf-wrap .news .show_new .news_tu img {



    max-width:390px;



    width:390px;



    height: 315px;



    overflow:hidden;



}



.qf-wrap .news .show_new .news_tu img:nth-child(3) {



    margin: 0px 15px;



}



.qf-wrap .news .show_new p {



    text-align: left;



    font-size: 15px;



    line-height: 30px;



    color: #666;



    text-indent: 2em;



    margin-bottom: 0px !important;



}



.qf-wrap .news .show_new p:last-child {



    padding-bottom: 45px;



}



.join_page .qf-wrap .support{



    height: 60px;



    line-height: 60px;



    border-bottom: 1px solid #dcdcdc;



}



.join_page .qf-wrap .support i {



    width: 8px;



    height: 8px;



    background-color: #acacac;



    border-radius: 4px;



    position: absolute;



    margin-top: 25px;



    margin-left: 20px;



}



.join_page .qf-wrap .support span {



    padding-left: 45px;



    font-size: 16px;



}



.qf-wrap .online .online_buy p:first-child {



    width: 140px;



    height: 140px;



    border-radius: 70px;



}



.qf-wrap .online .online_buy p:first-child img {



    width: 100%;



    height: 100%;



}



.qf-wrap .online {



    padding: 40px 0px;



    overflow: hidden;



}



.qf-wrap .online .online_buy {



    float: left;



    overflow: hidden;



    padding-right: 115px;



}



.qf-wrap .online .online_buy h3 {



    font-size: 24px;



    text-align: center;



    padding: 30px 0px;



    font-weight: normal;



}



.qf-wrap .online .online_buy p:nth-child(3) {



    width: 145px;



    height: 40px;



    line-height: 40px;



    border: 1px solid #acacac;



    text-align: center;



    font-size: 14px;



    color: #666666;



}



.qf-wrap .online .online_buy p:nth-child(3) img {



    margin-left: 10px;



    width: 9px;



}



.qf-wrap .online .online_buy:nth-child(5) {



    padding-right: 0px;



}







/* style */



.faq {



    /*margin-bottom: 120px;*/



    padding:0px 20px;



}



.faq .qf-wrap .faq_left {



    width: 990px;



    height: auto;



    float: left;



}



.faq .qf-wrap .faq_left h3 span:first-child {



    font-size: 30px;



    width: 45px;



    height:auto;



    float: left;



}



.faq .qf-wrap .faq_left p span:first-child {



    font-size: 30px;



    width: 45px;



    height:auto;



    float: left;



}



.faq .qf-wrap .faq_con {



    padding: 0px 20px;



    overflow: hidden;



    padding-bottom: 30px;



    border-bottom: 1px solid #dcdcdc;



    cursor: pointer;



}



.faq .qf-wrap .faq_con .faq_right {



    width: 45px;



    height: 47px;



    float: right;



    margin-top: 45px;



}



.faq .qf-wrap .faq_con .faq_right img{



    width: 100%;



    height: 100%;



}



.faq .qf-wrap .faq_left h3 {



    padding-top: 25px;



    padding-bottom: 15px;



    overflow: hidden;



}



.faq .qf-wrap .faq_left h3 span:nth-child(2) {



    font-size: 18px;



    margin-top: 5px;



    display: inline-block;



}



.faq .qf-wrap .faq_left p span:nth-child(2) {



    font-size: 14px;



    margin-top: -2px;



    display: inline-block;



    float: left;



    width: 945px;



    line-height: 24px;



}



.qf-wrap .faq_sub {



    padding: 35px 0px 50px;



    text-align: center;



}



.qf-wrap .faq_sub h3 {



    font-size: 18px;



    padding-bottom: 30px;



}



.qf-wrap .faq_sub p {



    line-height: 24px;



    text-align: left;



    font-size: 14px;



    padding-top: 35px;



    color: #666;



}



.qf-wrap .faq_sub p:nth-child(2) {



    padding-top: 0px;



}







/* style */



/*.qf-wrap .qf-note-grid{



    -moz-column-count:3;



    -webkit-column-count:3; 



    column-count:3;



    -moz-column-gap: 1em;



    -webkit-column-gap: 1em;



    column-gap: 1em;



    margin-top: 30px;



}



 .qf-wrap .qf-note-grid .qf-note-card{



    padding: 1em;



    margin: 0 0 1em 0;



    -moz-page-break-inside: avoid;



    -webkit-column-break-inside: avoid;



    break-inside: avoid;



}



 .qf-wrap .qf-note-grid .qf-note-card img{



    width: 100%;



    height: 100%;



    margin-bottom:10px;



}



 .qf-wrap .qf-note-grid .qf-note-card p {



    font-size: 22px;



    overflow: hidden;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    word-break: break-all;



    overflow: hidden;



    margin-bottom: 20px;



    color: #000;



    padding-top: 30px;



}



.qf-note-card span {



    font-size: 13px;



    padding: 0px 35px 0px 15px;



    display: inline-block;



    overflow: hidden;



    color: #666;



    line-height: 20px;



    border-left: 1px solid #d2d2d2;



}*/



#connr_2 {



    position: relative;



    width: 1260px;



    margin:0 auto;



    text-align: center;



    margin-top: 35px;



/*    padding-bottom: 40px;*/



    overflow: hidden;



    z-index: 99990;



}







.qf-note-card {



    position: absolute;



    width: 380px !important;



    overflow: hidden;



    clear: both;







}



.qf-note-card img{



    width: 100%;



    height: auto;



}



.qf-note-card p {



    font-size: 22px;



    overflow: hidden;



    display: -webkit-box;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    word-break: break-all;



    overflow: hidden;



    margin-bottom: 25px;



    margin-top: 10px;



    line-height: 25px;



    height: 50px;



    text-align: left;



}



.qf-note-card span {



    font-size: 13px;



    padding: 0px 35px 0px 15px;



    display: inline-block;



    overflow: hidden;



    color: #666;



    line-height: 20px;



    height: 40px;



    border-left: 1px solid #d2d2d2;



    text-overflow: -o-ellipsis-lastline;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    margin-bottom: 30px;



    text-align: left;



}



/* style */



.sup_3{



    padding-top: 35px;



    background-color: #fff;



    overflow: hidden;



}



.sup_3>ul {



    padding: 0px 20px;



    overflow: hidden;



}







.sup_3>ul li {



    float: left;



    list-style: none;



    font-size: 14px;



    line-height: 20px;



    padding-right: 25px;



    color: #666;



    padding-bottom: 30px;



}



.sup_3>ul li:first-child {



    color: #999;



    width: 120px;



    padding: 0;



}



.sup_3>ul li img {



    width: 10px;



    margin-left: 5px;



    vertical-align: middle;



}



.sup_3>ul:nth-child(2) li:last-child {



    float: right;



    padding: 0px;



    color: #b8b8b8;



}



.product_botton {



    overflow: hidden;



}



.qf-detail-wrap .qf-wrap .product_botton .product_botton_1 {



    float: left;



    width: 283px;



    height: 285px;



    padding-right: 22.1px;



}



.qf-detail-wrap .qf-wrap .product_botton .product_botton_1 img{



    width: 100%;



    height: 216px;



}



.qf-detail-wrap .qf-wrap .product_botton .product_botton_1 p {



    font-size: 20px;



    padding-top: 15px;



    padding-bottom: 20px;



    text-align: center;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



}



.qf-detail-wrap .qf-wrap .product_botton .product_botton_1 span {



    font-size: 13px;



    line-height: 20px;



    color: #666;



    display: inline-block;



    padding-bottom: 30px;



}



.qf-detail-wrap .qf-wrap .product_botton .product_botton_1:nth-child(4n) {



    padding: 0px;



    float: right;



}



.product-bottom{



    height: 30px;



    margin: 0 auto;



    padding: 45px 0px;



    text-align: center;



    padding-top: 20px;



}



.product-bottom .page{



    width: auto;



    border: 1px solid #d9d9d9;  



    margin:0 auto; 



    display: inline-block;



}



.product-bottom .page span:first-child {



    color: #999;



    width: 70px;



    text-align: center;



    height: 30px;



    line-height: 30px;



    font-size: 14px;



    display: inline-block;



    border-right: 1px solid #d9d9d9;



    



}



.product-bottom .page span:last-child {



    color: #999;



    width: 70px;



    text-align: center;



    height: 30px;



    line-height: 30px;



    font-size: 14px;



    display: inline-block;



    border: none;







}



.product-bottom .page span{



    color: #999;



    width: 40px;



    text-align: center;



    height: 30px;



    line-height: 30px;



    font-size: 14px;



    display: inline-block;



    border-right: 1px solid #d9d9d9;



    cursor: pointer;



    margin-left: -4px;



}



.top .qf-wrap ul {



    overflow: hidden;



    margin:0 auto;



    text-align: center;



    position: absolute;



    margin-left: 361px;



    z-index: 9999;



}







.top .qf-wrap ul li.li-click span {



    font-weight: bold;



    cursor: pointer;



    color: #ff8c5d;



    width: auto;



    z-index: 999;



    position: relative;



    border-bottom: 2px solid #ff8c5d;



    display: inline-block;



}







.top .qf-wrap .home {



    float: left;



    width: 30%;



}



.top .qf-wrap .home span {



    font-size: 12px;



    color: #c6c6c6;



}



.top .qf-wrap .home span:last-child {



    color: #ff8c5d;



}



/* style */







.seach {



    float: right;



    margin-top: 10px;



    position: relative;



}



/*.seach img{



    position: absolute;



    top: 15px;



    margin-left: 230px;



    outline: none;



    cursor: pointer;



    outline: none;



}*/



.seach input[type="text"] {



    width: 245px;



    padding: 10px 0px 8px 15px;



    border: none;



    border-radius: 15px;



    background-color: #f0f0f0;



    outline: none;



    position:relative;



    z-index: 999;



}



.sup_1 {



    overflow: hidden;



}



.seach input::-webkit-input-placeholder{



    color: #acacac;



}



.seach input[type="image"] {



    position: relative;



    outline: none;



    top:2px;



    left:-35px;



    cursor: pointer;



    z-index: 99999;



}



.buy_con .qf-wrap .sup_1 ul {



    width: 98.5px;



    height: 99px;



    float: left;



    border-bottom: 1px solid #eee;



    border-left: 1px solid #eee;



    margin: 0 auto;



    text-align: center;



    cursor: pointer;



}



.buy_con .qf-wrap .sup_1 ul li {



    list-style: none;



}



.buy_con .qf-wrap .sup_1 ul:last-child {



    border-right: 1px solid #eee;



}



.buy_con .qf-wrap .sup_1 ul li img {



    width: 50px;



    height: 50px;



    margin-top: 15px;



}



.sup_2 {



    margin-top: 25px;



    margin-bottom: 25px;



    overflow: hidden;



    border-bottom: 1px solid #eee;



}



.sup_2 ul li {



    list-style: none;



    float: left;



    width: 130px;



    height: 40px;



    line-height: 40px;



    text-align: center;



    border: 1px solid #eee;



    font-size: 14px;



    border-bottom: none;



    cursor: pointer;



}



.sup_2 ul li:first-child {



    border-right: none;



}



.sup_3 {



    background-color: #f6f6f6;



}



.sup_3 ul li {



    float: left;



    list-style: none;



    font-size: 14px;



    line-height: 20px;



    padding-right: 25px;



    color: #666;



    padding-bottom: 30px;



}



.sup_3 ul {



    padding: 0px 20px;



    overflow: hidden;



}



.sup_3 ul:first-child{



    padding-top: 30px;



}



.sup_3 ul li:first-child{



    color: #999;



    width: 120px;



}



.sup_4 {



    padding-top: 35px;



    overflow: hidden;



}



.sup_4 .product_botton .product_botton_1 {



    float: left;



    width: 370px;



    height:413.5px;



    overflow: hidden;



    padding-right: 45px;



    text-align: center;



}



.sup_4 .product_botton .product_botton_1 img {



    width: 100%;



    height:277.5px;



    border:none;



}



.sup_4 .product_botton .product_botton_1:nth-child(3n) {



    padding: 0px;



    float: right;



}



.sup_4 .product_botton .product_botton_1 p {



    padding: 25px 0px 15px 0px;



    color: #6e6e6e;



    font-size: 20px;



}



.sup_4 .product_botton .product_botton_1 a{



    text-decoration: none;



    color: #666;



}



.sup_4 .product_botton .product_botton_1 span {



    height: 45px;



    background-color: #f6f6f6;



    display: inline-block;



    width: 100%;



    line-height: 45px;



    font-size: 16px;



    margin-bottom: 40px;



}



.sup_4 .product_botton .product_botton_1 span:hover{



    background-color: #ff8c5d;



    display: inline-block;



    color: #fff;



}



.swiper-pagination-bullet {



    width: 8px;



    height: 8px;



    display: inline-block;



    border-radius: 100%;



    background: none; 



    opacity: 0.7;



    border: 2px solid #fff !important;



}







/* style */







    header .qf-wrap .qf-account {



        width: 83px;



        float: left;



        margin-left: 5px;



        margin-top: 9px;



        cursor: pointer;



    }



    header .qf-wrap .qf-account img {



        width: 30px;



        height: 30px;



        float: left;



        border-radius: 15px;



        margin-top: 28px;



    }



    header .qf-wrap .qf-account p {



        float: left;



        margin-top: 25px;



        padding-left: 10px;



        font-size: 14px;



    }



    header .qf-wrap .qf-account p span{



        color: #acacac;



        font-size: 12px;



    }



    header .qf-wrap ul {



        float: left;



        padding-left: 160px;



    }



    header .qf-wrap ul li {



        list-style: none;



        padding-right: 50px;



        float: left;



        font-size: 16px;



        padding-top: 40px;



        color: #666666;



    }



    /**/



    article .qf-stage {



        margin-left: 0 !important;



    }



    .active-text{



        color: #ff8c5d;



    }



    .sup_1{



        height: 100px;



        overflow: visible;



    }



    .sup_1 ul.active-ul{



        border-bottom:2px solid #ff8c5d !important;



        height:97px !important;



        width: 97px !important;



        box-shadow: 0 0px 20px 0 hsla(203,6%,45%,.5);



        z-index: 33;



        position: relative;



    }



    .sup_1 ul.active-ul .triangle{



        position: absolute;



        bottom: -13px;



        left: 50%;



        transform: translate(-50%,0);



        width: 0;



        height: 0;



        border-width: 6px;



        border-style: solid;



        border-color: #ff8c5d transparent transparent transparent;



    }



    .sup_2 ul li {



        width: auto;



        padding: 0px 42px;



    }



    .sup_2 ul li.cur{



        background: #FF824E;



        color: #fff;



    }



    .sup_3{



        padding: 20px 0px;



    }



    .sup_3 ul:first-child {



        padding-top: 0px;



    }



    .sup_3 ul {



        padding: 0px 20px;



        overflow: hidden;



        margin: 20px 0px;



    }



    .sup_3 ul li {



        border-radius: 3px;



        padding-bottom: 0px;



        text-align: center;



        padding: 5px 20px;



        margin-left: 10px;



        cursor: pointer;



    }



    .sup_3 ul li:first-child {



        color: #999;



        width: 120px;



        pointer-events: none;



        text-align: left;



        padding: 0;



        margin-left: 0;



        padding: 5px 0px;



        cursor: auto;



    }



    .sup_3 ul li:nth-child(2){



        margin-left: 0;



        padding: 5px 10px;



        cursor: auto;



    }



    .sup_3 .all{



        background: #FF824E;



        color: #fff;



    }



    .sup_3 .one .single,.sup_3 .two .single,.sup_3 .three .single,.sup_3 .four .single,.sup_3 .five .single{



        background: #FF824E;



        color: #fff;



    }



    .sup_3 .alls{



        background: #FF824E;



        color: #fff;



    }



    .sup_3 .ones .single,.sup_3 .twos .single,.sup_3 .threes .single,.sup_3 .fours .single,.sup_3 .fives .single{



        background: #FF824E;



        color: #fff;



    }



    .qf-top .qf-wrap .cn {



        float: right;



        margin-top: 40px;



    }



    .qf-wrap .qq{



        position: relative;



        cursor: pointer;



    }



    .qf-wrap .qq i{



        width: 31px;



        height: 31px;



        background: #ff956c;



        border-radius: 50%;



        display: inline-block;



        position: absolute;



        top: -5px;



        left: 0;



        opacity: 0;



    }



    .page-num{



        color: #000 !important;



    }







/* style */



.sup_3 {



    padding-top: 0px;



    margin-top: 20px;



    padding-bottom: 10px;



    background-color: #fff;



    overflow: hidden;



    background-color: #f6f6f6;



}



.sup_3 ul {



    padding-right: 55px;



    overflow: hidden;



    margin: 10px 0px;



    padding-left: 150px;



}







.sup_3 ul li:first-child {



    pointer-events: none;



    padding: 5px 0px;



    margin-left: -115px;



    cursor: auto;



    width: 100px;



    text-align: left;



    color: #999;



}



.sup_3 ul li {



    border-radius: 3px;



    padding-bottom: 0px;



    text-align: center;



    padding: 5px;



    margin-left: 9px;



    cursor: pointer;



    margin-top: 10px;



}



.sup_3 ul li {



    float: left;



    list-style: none;



    font-size: 14px;



    line-height: 20px;



/*    padding-right: 25px;*/



    color: #666;







}



.sup_3 ul li.all {



    margin-left: 0;



    background: #FF824E;



    color: #fff;



}



.sup_3 ul li:nth-child(2) {



    /* pointer-events: none; */



    padding: 5px 10px;



    margin-left: -47px;



}



.more-btn {



    position: absolute;



    top: 14px;



    right: 20px;



    padding: 0px;



    color: #b8b8b8;



    display: inline-block;



    cursor: pointer;



    display: none;



    font-size: 14px;



}



.sup_3 ul li.single {



    background: #FF824E;



    color: #FFF;



}



.trans{



        animation: move .5s ease;



        -webkit-animation: move .5s ease;



        transform: rotate(180deg);



    }



    @keyframes move{



        from{transform:rotate(0deg);}



        to{transform: rotate(180deg);}



    }



    .sup_3 ul.ul-senond{



        



    }



    .sup_3 ul.one{



        position: relative;



        height: 40px;



    }



    .heig{



        height: 80px !important;



    }



    .more-btn img {



        overflow: hidden;



        vertical-align: middle;



        margin-left: 3px;



}







/* style */



/* style */



.new_right {



    float: right;



    width: 370px;



    background-color: #f6f6f6;



    margin-top: 25px;



}



.new_right .new_right_1{



    padding: 20px;



}



.new_right .new_right_1 h1 {



    padding: 0;



    text-align: left;



}



.new_right .new_right_1 h1 {



    padding: 0;



    text-align: left;



    font-size: 16px;



}



.new_right .new_right_1 h1 span {



    width: 4px;



    height: 15px;



    background-color: #ff8c5d;



    display: inline-block;



    vertical-align: middle;



    margin-right: 10px;



}



.new_right .new_right_1 .right_con img {



    width: 125px;



    height: 70px;



    float: left;



    border: 1px solid #dcdcdc;



}



.new_right .new_right_1 .news_1{



    float: right;



    width: 185px;







}



.new_right .new_right_1 .news_1 p {



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    overflow: hidden;



    height: 40px;



    line-height: 20px;



    padding-top: 5px;



    font-size: 14px;



    color: #666;



}



.new_right .new_right_1 .news_1 span{



    font-size: 12px;



    color: #acacac;



    font-family: "Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;



    display: inline-block;



    padding-top: 10px;



}



.right_con {



    overflow: hidden;



}



.right_con_1 {



    overflow: hidden;



    padding-top: 20px;



}