@charset "utf-8";

*{



	padding: 0;



	margin: 0;



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



}







body{



	align-items: center; /* style */



    justify-content: center; /* style */



    background-size;auto;



    margin: 0;padding: 0;



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



    font-size: 12px;



}







article .qf-stage #qf-stage-slider {



    max-width: 100%;



    margin: 0 auto;



    max-height: 550px;



    height: 550px;



    text-align: center;



    background-color: #eee;



}



article #qf-stage-slider .swiper-slide img {



    width: auto;



    max-height: 550px;



    height: 550px;



    border:0px;



}



/*article .qf-stage .swiper-pagination {



    position: relative;



    padding-top: 15px;



}



article .qf-stage .swiper-pagination .swiper-pagination-bullet {



    margin-right: 10px;



    width: 15px;



    height: 15px;



}



article .qf-stage .swiper-pagination .swiper-pagination-bullet-active{



	opacity: 1;



    background: #ff956c;



}*/



.qf-stage-dots.swiper-pagination-clickable.swiper-pagination-bullets {



    width: 100%;



    margin-top: 20px;



    text-align: center;



}



.swiper-pagination-clickable .swiper-pagination-bullet {



    width: 15px;



    height: 15px;



    display: inline-block;



    border-radius: 100%;



    background: #8f8f8f;



    opacity: 1;



    margin-right: 10px;



}



.swiper-pagination-bullet-active{



    opacity: 1;



    background-color: #ff956c !important;



}



article .qf-wrap .qf-hero-lead h1 {



    font-size: 36px;



    padding-top: 45px;



	text-align: center;



    color: #484e5c;



}



article .qf-wrap .qf-hero-lead h6 {



    font-weight: normal;



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



	text-align: center;



    font-size: 16px;



    padding-top: 20px;



    color: #727272;



}



article .qf-wrap .qf-cat-grid{



	margin-top: 40px;



	overflow: hidden;



}



/*article .qf-wrap .qf-cat-card {



    overflow: hidden;



    float: left;



    width: 400px;



    height: 300px;



}*/







article .qf-wrap .qf-sec-head {



    text-align: center;



    margin-top: 55px;  



}



article .qf-wrap .qf-sec-head h1 {



    font-size: 36px;



    color: #484e5c;



}



article .qf-wrap .qf-sec-head h6 {



    font-weight: normal;



	text-align: center;



    font-size: 16px;



    padding-top: 20px;



    color: #727272;



}



/* style */



/*article .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: 35px;



}



article .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;



    -webkit-animation: anima 2s;



    -moz-animation: anima 2s;



    -o-animation: anima 2s;



    -ms-animation: anima 2s;



    animation: anima 2s;



    -webkit-backface-visibility: hidden;



    -moz-backface-visibility: hidden;



    -o-backface-visibility: hidden;



    -ms-backface-visibility: hidden;



    backface-visibility: hidden;



}



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



	width: 100%;



	margin-bottom:10px;



}



article .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: 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: 1236px;



    margin:0 auto;



    overflow: hidden;



    text-align: center;



    margin-top: 35px;



}







.qf-note-card {



    position: absolute;



    width: 380px !important;



}







img.thumb{



    width: 100%;



    margin-bottom:-2px;



}



.qf-note-card p {



    font-size: 21px;



    -webkit-box-orient: vertical;



    -webkit-line-clamp: 2;



    word-break: break-all;



    margin-bottom: 25px;



   /* margin-top: 30px;*/



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



}



.pos{



    margin-bottom:10px;



}



.qf-note-card span {



    font-size: 13px;



    text-align: left;



    padding: 0px 5px 0px 15px;



    display: inline-block;



    overflow: hidden;



    color: #666;



    line-height: 20px;



    height: 40px;



    border-left: 1px solid #d2d2d2;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



}



.pos img{



    width: 100%;



}



.qf-prod-grid {



    margin-top: 35px;



    overflow: hidden;



}



.qf-prod-grid .qf-prod-card {



    float: left;



    width: 300px;



    height: 225px;



     position: relative;



    display: inline-block;



    -webkit-animation: anima 2s;



    -moz-animation: anima 2s;



    -o-animation: anima 2s;



    -ms-animation: anima 2s;



    animation: anima 2s;



    -webkit-backface-visibility: hidden;



    -moz-backface-visibility: hidden;



    -o-backface-visibility: hidden;



    -ms-backface-visibility: hidden;



    backface-visibility: hidden;



    overflow: hidden;



}



.qf-prod-grid .qf-prod-card img {



    width: 100%;



    height: 100%;



    max-width: 100%;



    max-height: 100%;



}



.qf-wrap .qf-more {



    text-align: center;



    width: 210px;



    height: 45px;



    line-height: 45px;



    border: 1px solid #999;



    margin: 0 auto;



    margin-top: 40px;



    font-weight: bold;



    color: #666666;



}







.qf-news-list {



    margin-top: 60px;



    overflow: hidden;



}



.qf-news-list .qf-news-row {



    float: left;



    width: 400px;



    overflow: hidden;



}



.qf-news-list .qf-news-row img {



    width: 400px;



    height: 210px;



}



.qf-news-list .qf-news-row p {



    font-size: 18px;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



    padding: 20px 30px 30px;



    color: #333333;



    font-weight: bold;



}



.qf-news-list .qf-news-row h5 {



    margin: 0px 30px;



    font-weight: normal;



    color: #7d7d7d;



    margin-top: 15px;



    font-size: 13px;



    text-overflow: -o-ellipsis-lastline;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    height: 40px;



    line-height: 20px;







}







.qf-news-list .qf-news-row h6 {



    padding: 0 30px;



    font-weight: normal;



    padding-top: 15px;



    color: #7d7d7d;



}



/*.qf-news-list .qf-news-row:nth-child(2) h6 {



    padding-bottom: 90px;



}*/



.qf-news-list .qf-news-row:nth-child(2) p {



    margin-top: 0px;



    padding: 0px;



    padding-bottom: 15px;



    border-bottom: 1px solid #d1d1d1;



    margin: 0px 30px;



    margin-top: 20px;



}



.qf-news-list .qf-news-row:nth-child(2) h5{



    padding-top: 15px;



}



.qf-news-list .qf-news-row span {



    display: inline-block;



    overflow: hidden;



    margin: 0 auto;



   /* text-align: center;*/



}



.qf-news-row.another span {



    margin: 0 auto;



    text-align: left;



    margin-bottom:-5px;



}



.qf-news-row.another span img{



    width: 360px;



    margin: 20px;



}







.qf-news-row.another {



    width: 379px;



    padding-right: 20px;



    overflow: hidden;



    height: auto;



}



/*.qf-news-row.another:nth-child(2) span img{



    padding: 20px;



}*/



.qf-news-row.another:nth-child(2) h5 {



    font-size: 13px;



    color: #666;



}



/*.qf-news-list {



    margin-top: 60px;



}



.qf-news-list .qf-news-row {



    float: left;



    width: 400px;



    overflow: hidden;



}



.qf-news-list .qf-news-row img {



    width: 400px;



    height: 200px;



}



.qf-news-list .qf-news-row p {



    font-size: 18px;



    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



    padding: 20px 30px 30px;



    color: #333333;



    font-weight: bold;



}



.qf-news-list .qf-news-row h5 {



    padding: 0px 30px;



    font-weight: normal;



    color: #7d7d7d;



}



.qf-news-list .qf-news-row h6 {



    padding: 0 30px;



    font-weight: normal;



    padding-top: 15px;



    color: #7d7d7d;



}







.qf-news-list .qf-news-row:nth-child(2) p {



    margin-top: 0px;



    padding: 0px;



    padding-bottom: 15px;



    border-bottom: 1px solid #d1d1d1;



    margin: 0px 30px;



}



.qf-news-list .qf-news-row:nth-child(2) h5 {



    padding-top: 15px;



    font-size: 13px;



    color: #666;



}*/



.qf-supply-band .qf-wrap .qf-supply-cell {



    float: left;



    height: 100px;



    overflow: hidden;



    padding-top: 15px;



    padding-right: 35px;



}



.qf-supply-band {



    min-width:0;



    margin: 0 auto;



    overflow: hidden;



    border-top:1px solid #eee;



}



.qf-wrap .qf-supply-cell img {



    max-width: 170px;



    height: 60px;



}



.qf-wrap .qf-supply-cell:last-child {



    padding-right: 0px;



}











/**/







@keyframes .qf-cat-card {



    from {



        margin-top: -50px;



        -ms-filter: "alpha(opacity=($opacity * 100))";



        filter: alpha(opacity=0);



        -moz-opacity: 0;



        -khtml-opacity: 0;



        opacity: 0



    }



    to {



        margin: auto;



        -ms-filter: "alpha(opacity=($opacity * 100))";



        filter: alpha(opacity=100);



        -moz-opacity: 1;



        -khtml-opacity: 1;



        opacity: 1



    }



}







@-webkit-keyframes .qf-prod-card {



    from {



        margin-left: -20px;



        -ms-filter: "alpha(opacity=($opacity * 100))";



        filter: alpha(opacity=0);



        -moz-opacity: 0;



        -khtml-opacity: 0;



        opacity: 0



    }



    to {



        margin-left: 10px;



        -ms-filter: "alpha(opacity=($opacity * 100))";



        filter: alpha(opacity=100);



        -moz-opacity: 1;



        -khtml-opacity: 1;



        opacity: 1



    }



}



.qf-cat-card {



    width: 400px;



    height: 300px;



    overflow: hidden;



    position: relative;



    display: inline-block;



    -webkit-animation: anima 2s;



    -moz-animation: anima 2s;



    -o-animation: anima 2s;



    -ms-animation: anima 2s;



    animation: anima 2s;



    -webkit-backface-visibility: hidden;



    -moz-backface-visibility: hidden;



    -o-backface-visibility: hidden;



    -ms-backface-visibility: hidden;



    backface-visibility: hidden;



    float: left;



}



.qf-cat-card p{



    position: absolute;



    font-size: 35px;



    margin-top: -175px;



    color: #fff;



    text-align: center;



    width: 400px;



    text-shadow: 0 0 15px #000;



}







.qf-cat-card .qf-card-cap {



    cursor: default;



    position: absolute;



    width: 400px;



    height: 300px;



    background: #fbe100;



    text-align: center;



    -ms-filter: "alpha(opacity=($opacity * 100))";



    filter: alpha(opacity=0);



    -moz-opacity: 0;



    -khtml-opacity: 0;



    opacity: 0;



    top: 0;



    left: 50%;



    cursor: pointer;



}







.qf-prod-card .qf-card-cap {



    cursor: default;



    position: absolute;



    width: 300px;



    height: 225px;



    background: #fbe100;



    text-align: center;



    -ms-filter: "alpha(opacity=($opacity * 100))";



    filter: alpha(opacity=0);



    -moz-opacity: 0;



    -khtml-opacity: 0;



    opacity: 0;



    top: 0;



    right:50%;



    cursor: pointer;



}



.qf-cat-card img,.qf-prod-card img {



    -webkit-transform: scale(1.1);



    -moz-transform: scale(1.1);



    -o-transform: scale(1.1);



    -ms-transform: scale(1.1);



    transform: scale(1.1);



    width: 100%;



    height: 100%;







}







.qf-cat-card:hover .qf-cat-card img,.qf-prod-card:hover .qf-prod-card img {



    -webkit-transform: scale(1);



    -moz-transform: scale(1);



    -o-transform: scale(1);



    -ms-transform: scale(1);



    transform: scale(1)



}







.qf-card-cap-t {



    font-size: 30px;



    margin-top: 50px;



}



.qf-cat-card span.pic-caption p,.qf-prod-card span.pic-caption p {



    margin-top: 40px;



}



.qf-cat-card .qf-card-cap p img,.qf-prod-card .qf-card-cap p img {



    cursor: pointer;



    width: 45px;



    height: 40px;



}







a,



a:hover,



.qf-cat-card .qf-cat-card img,



.qf-card-cap,



.qf-cat-card:hover .qf-card-cap,



.qf-cat-card:hover img,.qf-prod-card:hover .qf-card-cap,.qf-prod-card:hover img {



    -webkit-transition: all .5s ease;



    -moz-transition: all .5s ease;



    -o-transition: all .5s ease;



    -ms-transition: all .5s ease;



    transition: all .5s ease



}







.qf-cat-card:hover .qf-card-cap,.qf-prod-card:hover .qf-card-cap{



    -ms-filter: "alpha(opacity=($opacity * 100))";



    filter: alpha(opacity=100);



    -moz-opacity: 1;



    -khtml-opacity: 1;



    opacity: 1;



    -webkit-user-select: none;



    -moz-user-select: none;



    -o-user-select: none;



    -ms-user-select: none;



    user-select: none;



    -webkit-touch-callout: none;



    -moz-touch-callout: none;



    -o-touch-callout: none;



    -ms-touch-callout: none;



    touch-callout: none;



    -webkit-tap-highlight-color: transparent;



    -moz-tap-highlight-color: transparent;



    -o-tap-highlight-color: transparent;



    -ms-tap-highlight-color: transparent;



    tap-highlight-color: transparent



}











.qf-cat-card:hover .qf-card-cap {



    top: 0;



    left: 0;



}



.qf-prod-card:hover .qf-card-cap {



    right: 0;



    top: 0;



}



article .qf-wrap  h1 span {



    color: #ff956c;



}







.qf-wrap .qf-more:hover{



    background-color: #ff956c;



    border: 1px solid #ff956c;



    font-weight:bold;



    transition: all .5s;



    color: #fff;



}



.qf-wrap .qf-more:hover a{



    color: #fff;



}



.qf-wrap .qf-more a{



    color: #000;



    text-decoration: none;



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



}



.qf-top .qf-wrap .cn {



    float: right;



    margin-top: 40px;



}