@charset "UTF-8";





@media (max-width:1920px) {

}

@media (max-width:1599px) {

}

@media (max-width:1477px) {}



@media (max-width:1365px) {}



@media (max-width:1199px) {}



@media (max-width:990px) {}



@media (max-width:767px) {}





* {

	box-sizing: border-box;

}



img {

	display: block;

}

.clr {

	clear: both;

}

.inner {

	width: 1200px;

	margin: 0 auto;

}

/* @media (max-width:1399px) {

	.inner {

    width: 100%;

	padding: 0 2%;

}

}

@media screen and (max-width: 1199px) {

	.inner {

		width: 100%;

		padding: 0 2%;

	}

} */



#page_banner img {

    width: 100%;

}

#crams {

    width: 100%;

    height: 50px;

    background-color: #f5f5f5;

}

#crams .inner {

    height: inherit;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.q_space {

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.crams_right {

    line-height: 12px;

    font-size: 12px;

    color: #999999;

}

.crams_right img {

    vertical-align: middle;

    margin-right: 7px;

}

.crams_right a {

    color: inherit;

}

.crams_right a:last-child {

    color: #0080c2;

}

.qx_product{

	display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

    margin-top: 40px;

}

.qx_product_left{

	width: 19%;

}

.qx_product_left_top{

	width: 100%;

	height: auto;

	border: solid 1px #0080c2;

	margin-bottom: 20px;

}

.qx_product_left_top .qx_product_img{

	background: url(../images/qx_product_img.png)no-repeat center center;

	height: 83px;

	font-size: 30px;

	line-height: 30px;

	font-weight: bold;

	color: #ffffff;

	text-align: center;

	padding-top: 27px;

}

.qx_product_menu{

	padding: 5px 7px 2px;

}

.qx_product_menu li a{

	width: 100%;

	height: auto;

	background-color: #f7f7f7;

	margin-bottom: 5px;

	padding: 21px 30px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 18px;

	line-height: 18px;

	color: #333333;

}

.qx_product_menu li a span{

	background: url(../images/qx_product_icon.png)no-repeat center center;

	width: 20px;

	height: 20px;

	display: block;

}

.qx_product_menu li.active a,

.qx_product_menu li a:hover{

	color: #ffffff;

	background-color: #0080c2;

}

.qx_product_menu li.active a span,

.qx_product_menu li a:hover span{

	background: url(../images/qx_product_icon1.png)no-repeat center center;

}

.qx_product_left_bottom{

	width: 100%;

	height: auto;

	background-color: #f7f7f7;

	border-top: 1px solid #0080c2;

	margin-bottom: 66px;

}

.qx_product_left_bottom1{

	border-bottom: 1px solid #c8c8c8;

	margin: 0 10px;

}

.qx_product_left_bottom1 h1{

	font-size: 18px;

	font-weight: bold;

	line-height: 18px;

	color: #666666;

	padding: 33px 0 19px;

	text-align: center;

}

.qx_product_left_bottomimg img{

	margin: 0 auto;

	max-width: 100%;

}

.qx_product_left_bottom1 p{

	font-size: 23px;

	font-weight: bold;

	line-height: 19px;

	color: #0080c2;

	padding: 20px 0;

	text-align: center;

}

.qx_product_left_bottom2{

	padding: 30px 21px;

}

.qx_product_left_bottom2 li{

	font-size: 14px;

	line-height: 26px;

	color: #666666;

	padding-bottom: 0;

	display: block;

	justify-content: flex-start;

}

.qx_product_left_bottom2 li:last-child{

	padding-bottom: 0;

}

.qx_product_right{

	width: 79%;

}

.qx_product_rights{

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;

}

.qx_product_rights li{

	width: 32%;

	height: auto;

	margin-bottom: 20px;

	background-color: #f7f7f7;

	border: solid 1px #e5e5e5;

}

.qx_product_right_img{

	width: 100%;

	 height: 210px;

	background-color: #ffffff;

	overflow: hidden;

}

.qx_product_right_img img{

	display: block;

    width: 100%;

     height: 100%;

    object-fit: cover;

		transition:  all .5s;

}

.qx_product_right_tittle{

	padding: 17px 30px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	flex-wrap: wrap;

}

.qx_product_right_tittle h1{

	font-size: 16px;

	line-height: 16px;

	color: #333333;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	transition: all .5s;

}

.qx_product_right_tittle div{

	font-size: 14px;

	line-height: 11px;

	color: #999999;

	display: flex;

	justify-content: flex-start;

  align-items: center;

	transition: all .5s;

}

.qx_product_right_tittle div span{

	background: url(../images/qx_product_right_tittle.png)no-repeat center center;

	width: 14px;

	height: 8px;

	display: block;

	margin-left: 12px;

}

.qx_product_rights li.qx_product_rightlast{

	margin-bottom: 0;

	border: none;

}

.qx_product_rights li:hover .qx_product_right_tittle h1{

	color: #0080c2;

	/* font-weight: bold; */

}

.qx_product_rights li:hover .qx_product_right_tittle div{

	color: #0080c2;

}

.qx_product_rights li:hover .qx_product_right_img img{

	transform: scale(1.2);

}

.qx_product_rights li:hover .qx_product_right_tittle div span{

	background: url(../images/qx_product_right_tittle1.png)no-repeat center center;

}

#pagesize {

    margin: 28px 0 0;

    display: flex;

    justify-content: center;

}

#pagesize ul li {

    display: inline-block;

    font-size: 14px;

    color: #999999;

    min-width: 50px;

    height: 30px;

    background-color: #FFFFFF;

    border: solid 1px #e5e5e5;

    margin: 0 5px;

    box-shadow: unset;

    padding: 0;

}

/*#pagesize ul li:first-child,

#pagesize ul li:last-child{

    margin: 0 5px;

}*/

#pagesize ul li a {

    display: list-item;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    line-height: 30px;

    color: #999999;

    margin: -1px -1px 0 -1px;

    text-align: center;

}

#pagesize ul .active a, #pagesize ul li a:hover {

    background-color: #0080c2;

    color: #ffffff;

    border-color: #0080c2;

}



.qx_succ .qx_product_rights li {

    margin-bottom: 30px;

    background-color: #ffffff;

	box-shadow: 2px 1px 20px 0px

		rgba(5, 5, 5, 0.08);

	border: unset;

}

.qx_succ .qx_product_right_img{

	width: 100%;

	height: 220px;

	overflow: hidden;

	background-color: #ffffff;

}

.qx_succ .qx_product_right_img img{width: 100%;height: 100%;object-fit: cover}

.qx_succ .qx_product_right_tittle {

    padding: 20px;

    display: block;

    margin: 0 auto;

    text-align: center;

}



.qx_succ .qx_product_right_tittle div {

    justify-content: center;

}

.qx_succ .qx_product_right_tittle .qx_product_right_tittle_span{

    width: 30px;

	height: 1px;

	background-color: #119146;

	display: block;

	margin: 15px auto;

}

.qx_succ .qx_product_right_tittle p{

    font-size: 14px;

	line-height: 19px;

	color: #666666;

	margin-bottom: 16px;

	text-align: left;

	overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

}

.qx_succ #pagesize {

    margin: 28px 0 100px;

    display: flex;

    justify-content: center;

}

.qx_knowledge{

	width: 79%;

}

.qx_knowledges{

    display: flex;

    justify-content: space-between;

    align-items: flex-start;

    flex-wrap: wrap;

}

.qx_knowledges li{

    width: 100%;

    height: auto;

    margin-bottom: 30px;

    background-color: #ffffff;

	border: solid 1px #999999;

	padding: 11px 30px 11px 11px;

}

.qx_knowledges li a{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

	align-items: center;

}

.qx_knowledge1{

	width: 28%;

	height: 200px;

	overflow: hidden;

}

.qx_knowledge1 img{

    /* max-width: 100%; */

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.qx_knowledge2{

	width: 69%;

}

.qx_knowledge2 .q_space h1{

	font-size: 16px;

	font-weight: bold;

	line-height: 16px;

	color: #333333;

	padding-top: 19px;

}

.qx_knowledge2 .q_space p{

	font-size: 14px;

	line-height: 11px;

	color: #999999;

	padding-top: 22px;

}

.qx_knowledge2 .qx_knowledge3{

	font-size: 14px;

	line-height: 21px;

	color: #666666;

	margin: 30px 0 21px;

}

.qx_knowledge4{

	width: 130px;

	height: 40px;

	background-color: #ffffff;

	border: solid 1px #999999;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 14px;

	line-height: 11px;

	color: #999999;

}

.qx_knowledge4 span {

    background: url(../images/qx_product_right_tittle.png)no-repeat center center;

    width: 14px;

    height: 8px;

    display: block;

    margin-left: 12px;

}

.qx_knowledges li:hover{

	border: solid 1px #0080c2;

}

.qx_knowledges li:hover .qx_knowledge2 .q_space h1{

    color: #0080c2;

}

.qx_knowledges li:hover .qx_knowledge4{

    color: #FFFFFF;

    background-color: #0080c2;

	border: solid 1px #0080c2;

}

.qx_knowledges li:hover .qx_knowledge4 span{

    background: url(../images/qx_product_right_tittle2.png)no-repeat center center;

}

.qx_knowledge #pagesize {

    margin: 28px 0 100px;

    display: flex;

    justify-content: center;

}

.qx_company{

	padding: 50px 0 80px;

}

.qx_company_1{

	padding-top: 39px;

}

.qx_company_img{

	width: 680px;

}

.qx_company_img img{

	max-width: 100%;

	width: 100%;

}

.qx_company_2{

	width: 1200px;

}

.qx_company_2 h1{

	font-size: 24px;

	font-weight: bold;

	line-height: 24px;

	color: #333333;

}

.qx_company_2 h2{

	font-size: 16px;

	line-height: 14px;

	color: #999999;

	padding: 20px 0 18px;

}

.qx_company_2 span{

	width: 60px;

	height: 2px;

	background-color: #119146;

	display: block;

}

.qx_company_2 p{

	padding-top: 30px;

	font-size: 14px;

	line-height: 26px;

	color: #666666;

}

.qx_organization{

	width: 100%;

	height: auto;

	background-color: #f2f8f6;

	padding: 50px 0 59px;

}

.qx_organization_img{

	padding-top: 42px;

}

.qx_organization_img img{

	margin: 0 auto;

	max-width: 100%;

}

.qx_honer{

	padding: 50px 0 100px;

}

.qx_honer_1{

	padding-top: 40px;

}

.qx_honer .qx_honer_1{

	position: relative;

}

.qx_honer .qx_honer_1 .swiper-container{

	width: 1300px;

}

.qx_honer .qx_honer_1 .swiper-slide img{

	max-width: 100%;

	margin: 0 auto;

}

.qx_honer .qx_honer_1 .swiper-button-next, .qx_honer .qx_honer_1 .swiper-button-prev {

    width: 14px;

	height: 26px;

    margin-top: 0;

    background-size: 14px 26px;

    outline: none;

}

.qx_honer .qx_honer_1 .swiper-button-prev,

.qx_honer .qx_honer_1 .swiper-container-rtl .swiper-button-next {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b4b4b4'%2F%3E%3C%2Fsvg%3E");

	left: 0;

}



.qx_honer .qx_honer_1 .swiper-button-next,

.qx_honer .qx_honer_1 .swiper-container-rtl .swiper-button-prev {

	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b4b4b4'%2F%3E%3C%2Fsvg%3E");

	right: 0;

}

.qx_connect {

    padding: 50px 0 60px;

}

.qx_connect_1 {

	width: 1200px;

    margin: 39px auto 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

}

.qx_connect_2 {

    width: 800px;

    height: auto;

}

#dituContent_1 {

    width: 100%;

    height: 400px;

}

.qx_connect_3 {

    width: 305px;

    height: auto;

}

.qx_connect_foot_add h1 {

    font-size: 18px;

    line-height: 18px;

    font-weight: bold;

    color: #333333;

    margin-bottom: 35px;

}

.qx_connect_foot_add{

	padding-left: 10px;

}

.qx_connect_foot_add1 p {

    font-size: 16px;

    line-height: 16px;

    color: #666666;

    padding-bottom: 10px;

}

.qx_q_news {

    display: flex;

    flex-wrap: wrap;

    /* justify-content: space-between; */

    align-items: center;

    margin-top: 37px;

}

.qx_contect_right1 img {

    max-width: 100%;

    max-height: 100%;

}

.qx_contect_right1 p {

    width: 96px;

    font-size: 16px;

    line-height: 20px;

    color: #666666;

    margin-left: 15px;

}

.qx_connect_s {

    width: 100%;

    height: auto;

    background-color: #f2f8f6;

    padding: 50px 0 100px;

}

.qx_connect_s_1 {

    width: 1200px;

    margin: 39px auto 0;

}

.qx_online_1 {

}

.qx_online_1 li {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

}

.qx_online_1 li input {

    width: 588px;

	height: 50px;

	background-color: #ffffff;

    outline: none;

    padding:0 30px;

    margin-bottom: 30px;

}

.qx_online_1 li:last-child {

    width: 100%;

}

.qx_online_1 li textarea {

    width: 100%;

    height: 180px;

    background-color: #FFFFFF;

    outline: none;

    padding:18px 30px;

    font-size: 16px;

	color: #999999;

}

.qx_connect_s_2 {

    margin: 59px auto 0;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

}

.qx_connect_s_2 a.reset {

    width: 140px;

	height: 50px;

	border: solid 1px #119146;

    display: inline-block;

    font-size: 16px;

    line-height: 50px;

    color: #119146;

    text-align: center;

    margin: 0 20px;

}

.qx_connect_s_2 .qx_online_a {

    width: 140px;

	height: 50px;

	border: solid 1px #119146;

    display: inline-block;

    font-size: 16px;

    line-height: 50px;

    color: #119146;

    text-align: center;

    margin: 0 20px;

    background-color: #119146;

    border-color: #119146;

    color: #FFFFFF;

}



.qx_online_1 li input::-webkit-input-placeholder { /* WebKit, Blink, Edge */

	font-size: 16px;

	color: #999999;

}

.qx_online_1 li input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

	font-size: 16px;

	color: #999999;

}

.qx_online_1 li input::-moz-placeholder { /* Mozilla Firefox 19+ */

	font-size: 16px;

	color: #999999;

}

.qx_online_1 li input:-ms-input-placeholder { /* Internet Explorer 10-11 */

	font-size: 16px;

	color: #999999;

}



/* @media (max-width:1399px) {

	.qx_product_right {

    width: 76%;

}

.qx_product_rights li {

    width: 32%;

}

.qx_knowledge {

    width: 76%;

}

.qx_knowledges li {

    padding: 11px;

}

.qx_knowledge1 {

    width: 30%;

}

.qx_knowledge2 {

    width: 68%;

}

.qx_knowledges li a {

    align-items: center;

}

.qx_knowledge2 .q_space h1,.qx_knowledge2 .q_space p {

     padding-top: 0;

}

.qx_knowledge2 .qx_knowledge3 {

    margin: 15px;

}



.qx_company_img {

    width: 48%;

}

.qx_company_2 {

    width: 49%;

}

.qx_company_2 p {

    padding-top: 20px;

    line-height: 20px;

}

.qx_honer .qx_honer_1 .swiper-container {

    width: 90%;

}

.qx_connect_1,.qx_connect_s_1 {

    width: 100%;

    padding: 0 3%;

}

.qx_connect_2 {

    width: 70%;

}

.qx_connect_3 {

    width: 28%;

}

.qx_online_1 li input {

    width: 49%;

}

}



@media (max-width:1199px) {

	.qx_product_right {

    width: 71%;

}

.qx_product_rights li {

    width: 49%;

}

#pagesize {

    margin: 28px 0;

}

.qx_succ #pagesize {

    margin: 28px 0;

}

.qx_knowledge #pagesize {

    margin: 28px 0;

}

.qx_knowledge {

    width: 71%;

}

.qx_knowledge2 .qx_knowledge3{

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}



.qx_company_2 p {

    padding-top: 0px;

}

.qx_company_2 span {

    margin-bottom: 10px;

}

.qx_company_2 h2 {

    padding: 15px 0;

}

.qx_connect_2 {

    width: 62%;

}

.qx_connect_3 {

    width: 35%;

}

.qx_connect {

    padding: 25px 0 30px;

}

.qx_connect_1 {

    margin: 20px auto 0;

}

.qx_connect_s {

    width: 100%;

    padding: 25px 0 50px;

}

.qx_connect_s_1 {

    margin: 20px auto 0;

}

.qx_online_1 li input {

    margin-bottom: 15px;

}

.qx_connect_s_2 {

    margin: 25px auto 0;

}

} */



@media (max-width:990px) {

	.qx_product_left {

    width: 30%;

}

.qx_product_right {

    width: 69%;

}

.qx_product_menu li a {

    padding: 8px 8px;

    font-size: 15px;

    line-height: 15px;

}

.qx_product_rights li {

    width: 49%;

    margin-bottom: 10px;

}

.qx_product_left_bottom2 li {

    font-size: 12px;

    line-height: 20px;

    color: #666666;

    display: block;

    justify-content: flex-start;

}

.qx_product_left_bottom2 {

    padding: 10px 20px;

}

.qx_product_left_bottom {

    margin-bottom: 0;

}

.qx_product_left_bottom1 h1 {

    font-size: 16px;

    line-height: 16px;

    padding: 20px 0 15px;

}

.qx_product_left_bottom1 p {

    font-size: 18px;

    line-height: 18px;

    padding: 10px 0;

}

.qx_product {

    margin-top: 20px;

}

.qx_succ .qx_product_right_tittle p{

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

}

.qx_product_right_tittle h1,

.qx_product_right_tittle div {

    padding: 2px 0;

}

.qx_succ .qx_product_right_tittle .qx_product_right_tittle_span {

    margin: 10px auto;

}

.qx_succ .qx_product_right_tittle p {

    margin-bottom: 8px;

}

.qx_knowledge {

    width: 69%;

}

.qx_knowledges li {

    width: 49%;

}

.qx_knowledge1 {

    width: 100%;

}

.qx_knowledge1 img {

    width: 100%;

    margin: 0 auto;

}

.qx_knowledge2 {

    width: 100%;

}

.qx_knowledge2 .q_space h1 {

    margin: 10px 0;

}

.qx_knowledge2 .qx_knowledge3 {

    margin: 10px 0;

}

.qx_product_right_tittle {

    padding: 15px;

}



.qx_company_2 {

    width: 80%;

    margin: 0 auto;

    margin-top: 20px;

}

.qx_company_img {

    width: 80%;

    margin: 0 auto;

}

.qx_company_1 {

    padding-top: 20px;

}

.qx_company {

    padding: 25px 0 30px;

}

.qx_organization_img {

    padding-top: 30px;

}

.qx_organization {

    padding: 30px 0 40px;

}

.qx_honer_1 {

    padding-top: 30px;

}

.qx_honer {

    padding: 30px 0 55px;

}

.qx_connect_2 {

    width: 100%;

}

#dituContent_1 {

    height: 250px;

}

.qx_connect_3 {

    width: 100%;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-wrap: wrap;

    margin-top: 15px;

}

.qx_connect_foot_add {

    padding-left: 0;

    width: 50%;

}

.qx_q_news {

    width: 40%;

    margin-top: 0px;

}

.qx_connect_foot_add h1 {

    margin-bottom: 20px;

}

}



@media (max-width:767px) {

	.qx_product_left {

    width: 100%;

}

.qx_product_left_top .qx_product_img {

    background: #119146;

    height: auto;

    font-size: 18px;

    line-height: 40px;

    padding-top: 0;

}

.qx_product_menu li {

    width: 49%;

}

.qx_product_menu {

    display: flex;

    justify-content: space-between;

    width: 100%;

    flex-wrap: wrap;

}

.qx_product_left_bottom {

    margin-bottom: 0;

    display: none;

}

.qx_product_right {

    width: 100%;

}

/*.qx_product_rights li {

    width: 100%;

}*/



.qx_product_right_img img {

    max-width: 100%;

    width: 100%;

}

.qx_product_right_tittle {

    padding: 10px;

}

.qx_product_right_tittle h1 {

    padding-bottom: 3px;

}

#pagesize ul li {

    width: 30px;

    margin: 0 1px;

}

.qx_knowledges li {

    width: 100%;

}

.qx_knowledge {

    width: 100%;

}

.qx_knowledge2 .qx_knowledge3 {

    margin: 0 0 10px 0;

}

.qx_knowledge4 {

    width: 110px;

    height: 30px;

}

.qx_succ .qx_product_right_tittle {

    padding: 10px;

}

.qx_company_img {

    width: 100%;

}

.qx_company_2 {

    width: 100%;

}

.qx_honer .qx_honer_1 .swiper-container {

    width: 85%;

}

.qx_company_2 h2 {

    padding: 10px 0;

    font-size: 12px;

}

.qx_organization_img {

    padding-top: 20px;

}

.qx_honer_1 {

    padding-top: 20px;

}

.qx_connect_foot_add {

    width: 100%;

}

.qx_q_news {

    width: 100%;

}

.qx_online_1 li input {

    width: 100%;

}

.qx_connect_s_2 a.reset {

    width: 120px;

    height: 40px;

    line-height: 40px;

    margin: 0px 3px;

}

.qx_connect_s_2 .qx_online_a {

    width: 120px;

    height: 40px;

    line-height: 40px;

    margin: 0px 3px;

}

.qx_product_right_img {

    height: 40vw;

}

.qx_succ .qx_product_right_img {

    height: 32vw;

}

.qx_succ .qx_product_right_tittle p {

    font-size: 12px;

}

.qx_knowledge1 {

    height: 50vw;

}

.qx_knowledge2 .q_space h1 {

    font-size: 14px;

}

.qx_knowledge2 .q_space p {

    width: 100%;

    margin-bottom: 5px;

    font-size: 12px;

}

.qx_knowledge2 .qx_knowledge3 {

    font-size: 12px;

}

.qx_knowledge4 {

    font-size: 12px;

    width: 90px;

}

}