@charset "utf-8";





* {


	padding: 0;


	margin: 0;


	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;


}





body {


	font: 0.14rem/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;


	color: #333;


	margin: 0;


	line-height: 1.5;


	-webkit-text-size-adjust: none;


}





:focus {


	outline: 1;


}





article,


aside,


canvas,


details,


figcaption,


figure,


footer,


header,


hgroup,


menu,


nav,


section,


summary {


	display: block;


}





a {


	color: #333;


	text-decoration: none;


}





a:link,


a:hover,


a:active,


a:visited {


	text-decoration: none;


}





ins {


	background-color: #ff9;


	color: #000;


	text-decoration: none;


}





mark {


	background-color: #ff9;


	color: #000;


	font-style: italic;


	font-weight: bold;


}





del {


	text-decoration: line-through;


}





table {


	border-collapse: collapse;


	border-spacing: 0;


}





hr {


	display: block;


	height: 1px;


	border: 0;


	border-top: 1px solid #cccccc;


	margin: 1em 0;


	padding: 0;


}





input,


select {


	vertical-align: middle;


}





li,


ul {


	list-style-type: none;


}





img {


	border: none;


}





input,


textarea {


	outline: 0;


	border: 0;


}





textarea {


	resize: none;


}





h1,


h2,


h3,


h4,


h5,


h6,


dl,


dd,


dt,


i,


em {


	font-weight: normal;


	font-style: normal;


}





html {


	font-size: 100px;


}





.clearboth {


	clear: both;


}





ol,


ul {


	margin-bottom: 0;


}





p {


	margin: 0 0 0px;


}





dl {


	margin-bottom: 0;


}





.container {


	max-width: 1200px;


	margin: 0 auto;


}





.navbar-left {


	float: left;


}





.navbar-right {


	float: right;


}





.productscd {


	height: 1.4rem;


	border-bottom: 1px solid #ededed;


}





.productsTopvd {


	height: 1.4rem;


	overflow: hidden;


	margin-top: 0.1rem;


	margin-bottom: 0.2rem;


}





.col-lg-1 {


	width: 8.33333333%;


}





.col-lg-2 {


	width: 16.6666666%;


}





.col-lg-3 {


	width: 25%;


}





.col-lg-4 {


	width: 33.33333333%;


}





.col-lg-5 {


	width: 41.66666666%;


}





.col-lg-6 {


	width: 50%;


}





.col-lg-7 {


	width: 58.33333333%;


}





.col-lg-8 {


	width: 66.66666666%;


}





.col-lg-9 {


	width: 75%;


}





.col-lg-10 {


	width: 83.33333333%;


}





.col-lg-11 {


	width: 91.666666666;


}





.col-lg-12 {


	width: 100%;


}





.mbanner {


	width: 100%;


}





.mbanner img {


	width: 100%;


	display: block;


}





.caseMenu {


	width: 100%;


	height: 150px;


	background: url("/static/images/casemenu.jpg")/*tpa=http://www.cqhaxf.com/static/images/casemenu.jpg*/ no-repeat center;


	color: #999;


}





.caseMenu a {


	color: #999;


}





.caseMenuTop span a {


	color: #333;


}





.caseMenuTop {


	width: 100%;


	padding: .1rem 0;


	border-bottom: 1px solid #e6e6e6;


	color: #999;


	font-size: 0.15rem;


}





.caseMenuTop a {


	color: #999;


}





.caseMenuR i {


	float: right;


	padding-right: 5px;


}





.caseMenuR img {


	padding-left: 5px;


}





.caseMenuR a:hover {


	color: #333;


}





.caseMenuBottom {


	padding-top: .24rem;


}





.caseTitleL {


	font-size: .24rem;


	color: #333;


}





.caseRe {


	float: left;


}





.caseRer {


	float: left;


	text-align: right;


	margin-top: .06rem;


}





.text-center {


	margin-top: 20px;


}





.caseTitleR ul li {


	float: left;


	padding: .05rem .2rem;


	background: #fff;


	border-radius: .05rem;


	border: 1px solid #f2f2f2;


	margin-right: .1rem;


	-webkit-transition: .4s;


	transition: .4s;


	margin-right: .3rem;


	margin-bottom: 0.03rem;


}





.caseRe i {


	font-size: .22rem;


}





.caseTitleR ul li a {


	display: block;


	line-height: .2rem;


	-webkit-transition: .5s;


	transition: .5s;


}





.caseTitleR ul li a::before {


	width: .1rem;


	height: .1rem;


	border: 2px solid #ddd;


	content: "";


	display: inline-block;


	margin-right: 10px;


	border-radius: 50%;


	line-height: .2rem;


	vertical-align: unset;


}





.caseTitleR ul li:hover {


	box-shadow: 0 0 10px rgba(32, 107, 209, 0.2);


}





.caseList {


	padding-top: .4rem;


	margin-bottom: .4rem;


}





.caseList li {


	margin-bottom: .3rem;


	-webkit-transition: .5s;


	transition: .5s;


	border-radius: 0 0 .03rem .03rem;


	overflow-y: hidden;


}





.caseList li i {


	display: block;


	position: relative;


	padding: 34%;


	overflow: hidden;


	border: 1px solid #d8d8d8;


	background: #fff;


	border-radius: 5px 5px 0 0;


}





.caseList li img.caseImgList1 {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	margin: auto;


	bottom: 0;


	right: 0;


	border-radius: 5px;


}





.caseLdd .caseListdd {


	display: block;


	margin: 1%;


	position: absolute;


	width: 98%;


	height: 96.1%;


	top: 0;


	left: 0;


	right: 0;


	bottom: 0;


	overflow: hidden;


	border-radius: 5px 5px 0 0;


}





.caseListBg {


	width: 100%;


	height: 100%;


	display: block;


	top: 0%;


	left: 0%;


	position: absolute;


	z-index: 2;


	-webkit-transition: .5s;


	transition: .5s;


}





.container {


	padding-left: 0;


	padding-right: 0;


}





.caseListhide {


	width: 0%;


	height: 0%;


	display: block;


	top: 50%;


	left: 50%;


	-webkit-transition: .8s;


	transition: .8s;


	background: rgba(255, 255, 255, .2) url("/static/images/see.png")/*tpa=http://www.cqhaxf.com/static/images/see.png*/ no-repeat center;


	position: absolute;


	z-index: 1;


	-moz-transform: rotateX(90deg);


}





.newsMeenu .caseMenu {


	width: 100%;


	height: 150px;


	background: url("/static/images/aboutmenu.jpg")/*tpa=http://www.cqhaxf.com/static/images/aboutmenu.jpg*/ no-repeat center;


	color: #999;


}





.aboutMenu .caseMenu {


	width: 100%;


	height: 150px;


	background: url("/static/images/aboutmenu1.jpg")/*tpa=http://www.cqhaxf.com/static/images/aboutmenu1.jpg*/ no-repeat center;


	color: #999;


}





.contactMenu .caseMenu {


	width: 100%;


	height: 150px;


	background: url("/static/images/contact.jpg")/*tpa=http://www.cqhaxf.com/static/images/contact.jpg*/ no-repeat center;


	color: #999;


}





.caseList li:hover .caseListhide {


	width: 100%;


	height: 100%;


	top: 0%;


	left: 0;


}





.caseList li .caseListTitle {


	font-size: .18rem;


	text-align: center;


	display: block;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	padding: .12rem 5%;


	-webkit-transition: 1.2s;


	transition: 1.2s;


}





.caseLdd:hover .caseListTitle {


	font-weight: bold;


}





.caseLine {


	width: .2rem;


	height: 1px;


	margin: .08rem auto .1rem;


	background: transparent;


}





.caseList li p {


	font-size: .14rem;


	line-height: 2;


	padding: 0 .1rem;


	height: .52rem;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	color: #999;


	-webkit-transition: 1.2s;


	transition: 1.2s;


	text-align: center;


}





.caseLdd:hover .caseText {


	border-bottom: 1px solid transparent;


}





.caseList li:hover p {


	color: #fff;


}





.caseList li .caseMore {


	font-size: .36rem;


	display: block;


	text-align: center;


	margin-top: .08rem;


	font-weight: 100;


	color: #fff;


}





.caseList li .caseMore img {


	position: relative;


	animation: lr linear 3s infinite alternate;


}





.caseText {


	-webkit-transition: .5s;


	transition: .5s;


	padding-top: .1rem;


	padding-bottom: .1rem;


	border-bottom: 1px solid #f2f2f2;


	margin-bottom: 0rem;


	height: 100%;


}





.caseList li:hover .caseListTitle {


	color: #fff !important;


}





.caseList li:hover .caseLine {


	background: #fff;


}





.pagination {


	text-align: center;


}





.wjdh-message .message-form ul li button {


	outline: none;


}





input {


	outline: none;


}





.pagination a,


.pagination span {


	color: #999;


	margin: 0 .1rem;


	position: relative;


	float: left;


	/*padding: 5px 15px;*/


	margin-left: -1px;


	line-height: 1.42857143;


	text-decoration: none;


	background-color: #fff;


	/*border: 1px solid #f2f2f2;*/


	cursor: pointer;


	-webkit-transition: .5s;


	transition: .5s;


	/*margin-bottom: 0.05rem;*/


}





.pagination a:hover,


.pagination span:hover {


	color: #fff;


	background: #333;


	box-shadow: 0 0 14px rgba(0, 0, 0, .2);


}





.caseCenter h1 {


	text-align: center;


	padding-top: .2rem;


	font-size: .22rem;


	color: #4c4c4c;


	line-height: 2;


}





.casemfx {


	display: block;


	text-align: center;


	padding-top: .1rem;


	position: relative;


	font-size: .15rem;


	color: #8c8c8c;


	text-overflow: ellipsis;


	white-space: nowrap;


	height: .3rem;


}





.sidepromenu {


	margin-top: 0rem;


	padding-left: 0;


	padding-right: 0;


	overflow: hidden;


}





.scan {


	vertical-align: text-top;


}





.casemfx a {


	color: #8c8c8c;


}





.casemfx i {


	position: relative;


	display: inline-block;


	float: left;


	margin-top: .02rem;


}





.casemfx i img {


	padding: 0 0.05rem;


}





.casemImg ul li a {


	position: relative;


	padding: 80%;


	float: left;


}





.casemImg img {


	width: 100%;


	height: 100%;


	position: absolute;


	top: 0;


	left: 0


}





.casemImg {


	padding: .13rem .3rem .2rem .1rem;


	border: 1px solid #ddd;


	position: absolute;


	top: 2.8rem;


	right: .5rem;


	display: none;


	z-index: 2;


	background: #fff;


}





.casemImg b {


	display: block;


	text-align: left;


	padding-left: .1rem;


	padding-bottom: .07rem;


	font-weight: normal;


}





.detailsR {


	position: absolute;


	right: 0


}





.casemfx {


	padding-bottom: .1rem;


	position: relative;


}





.productsTTOP .casemImg {


	width: 2.6rem;


}





.caseContainer {


	padding-top: .1rem;


	padding-bottom: .2rem;


	border-bottom: 1px solid #ddd;


	border-top: 1px solid #ededed;


	margin-top: .3rem;


}





.caseRe img {


	border-left: 180px solid transparent;


	-webkit-filter: drop-shadow(-180px 0 0px #333);


	filter: drop-shadow(-180px 0 0px #333);


}





.caseContainer p {


	padding-top: .2rem;


	margin: 0;


	font-size: .15rem;


	color: #666;


}





.caseContainer {


	padding-bottom: .2rem;


	border-bottom: 1px solid #ddd;


}





.caseContainer img {


	max-width: 100%;


	display: block;


	margin: 0 auto;


	height: auto;


}





.productRtopr h4 {


	color: #333;


	font-weight: bold;


	line-height: 1.3;


	margin: 0.08rem auto;


	overflow: hidden;


	text-overflow:ellipsis;


	white-space: nowrap;


}





.pc-slide .swiper-wrapper {


	padding-bottom: .1rem;


}





.preview ul li.active-nav {


	border: 1px solid #333;


}





.productsCenter {


	border-top: 1px solid #ededed;


	padding-top: .1rem;


	overflow: hidden;


	padding-bottom: .2rem;


	display: block;


}





.caseTab ul li {


	padding: .25rem;


	background: #ededed;


	-webkit-transition: .5s;


	transition: .5s;


	color: #666;


}





.productsText {


	padding-top: .2rem;


}





.caseTab ul li:last-child a {


	text-align: right;


	width: 100%;


	background: url("/static/images/casecenterico2.png")/*tpa=http://www.cqhaxf.com/static/images/casecenterico2.png*/ no-repeat center right;


	padding-right: 15%;


	color: #666;


}





.caseTab ul li:last-child:hover a {


	background: url("/static/images/casecenterico2-1.png")/*tpa=http://www.cqhaxf.com/static/images/casecenterico2-1.png*/ no-repeat center right;


}





.caseTab ul li i.caseCenterIco1 {


	display: block;


	float: left;


	padding: .25rem;


	background: url("/static/images/casecenterico1.png")/*tpa=http://www.cqhaxf.com/static/images/casecenterico1.png*/ no-repeat center;


	animation: lr linear 3s infinite alternate;


}





.caseTab ul li i.caseCenterIco2 {


	display: block;


	padding: .25rem;


	animation: lr linear 3s infinite alternate;


	background: url("/static/images/casecenterico2.png")/*tpa=http://www.cqhaxf.com/static/images/casecenterico2.png*/ no-repeat center;


}





.caseTab ul li span {


	width: 47%;


	float: left;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	line-height: .5rem;


	margin: 0 .1rem;


	-webkit-transition: .5s;


	transition: .5s;


	font-size: .15rem;


}





.caseTab ul li b {


	margin: 0 .07rem;


	position: relative;


	padding: .25rem 13%;


	-webkit-transition: .5s;


	transition: .5s;


}





.caseReC ul li i a img {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	margin: auto;


	bottom: 0;


	right: 0;


}





.caseTab ul li img {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	opacity: 0;


	-webkit-transition: .5s;


	transition: .5s;


}





.caseTab ul li:hover img {


	opacity: 1;


}





.caseTab ul li a {


	display: block;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	width: 85%;


	padding-left: 15%;


	background: url("/static/images/casecenterico1.png")/*tpa=http://www.cqhaxf.com/static/images/casecenterico1.png*/ no-repeat center left;


	-webkit-transition: .5s;


	transition: .5s;


	color: #666;


	font-size: 0.14rem;


}





.caseTab ul li:hover {


	background: #333;


}





.caseTab ul li:hover a {


	color: #fff !important;


}





.caseTab {


	margin-top: .1rem;


}





.caseTab ul li:hover a {


	background: url("/static/images/casecenterico1-1.png")/*tpa=http://www.cqhaxf.com/static/images/casecenterico1-1.png*/ no-repeat center left;


}





.caseTab ul li:hover .caseCenterIco2 {


	background: url("/static/images/casecenterico2-1.png")/*tpa=http://www.cqhaxf.com/static/images/casecenterico2-1.png*/ no-repeat center;


}





.caseTab ul li:hover span {


	color: #fff;


}





.caseRecommend {


	padding: .3rem 0 .2rem 0;


	margin-bottom: .4rem;


}





.caseRel {


	font-size: .2rem;


	color: #333;


}





.caseRel img {


	display: inline-block;


	margin-right: .05rem;


}





.caseRer a {


	display: block;


	color: #666;


}





.caseRecenter {


	cursor: url("/static/img/curpo.png")/*tpa=http://www.cqhaxf.com/static/img/curpo.png*/, default;


}





.caseRecenter a {


	cursor: url("/static/img/curpo.png")/*tpa=http://www.cqhaxf.com/static/img/curpo.png*/, default;


}





.caseRecenter li i {


	display: block;


	position: relative;


	padding: 30%;


	overflow: hidden;


	background: #fff;


	border: 1px solid #d8d8d8;


	border-radius: 5px 5px 0 0;


}





.caseCenter {


	max-width: 1200px;


	margin: 0 auto;


}





.contactBox iframe {


	display: none;


}





.caseRecenter li {


	margin-bottom: .3rem;


	-webkit-transition: .5s;


	transition: .5s;


	width: 33.333333333333333%;


}





.caseRecenter li:hover .caseListhide {


	width: 100%;


	height: 100%;


	top: 0%;


	left: 0;


	transform: rotateX(90deg);


	-webkit-transform: rotateX(360deg);


	-moz-transform: rotateX(90deg);


}





.caseList li:hover .caseText {


	background: transparent;


	border-bottom: 1px solid transparent;


}





.caseRecenter li:hover .caseListTitle {


	color: #fff;


}





.caseRecenter li:hover .caseLine {


	background: #fff;


}





.caseRecenter li:hover p {


	color: #fff;


}





.caseRecenter li .caseMore {


	font-size: .36rem;


	display: block;


	text-align: center;


	margin-top: .04rem;


	font-weight: 100;


	color: #fff;


}





.caseRecenter li .caseMore img {


	position: relative;


	animation: lr linear 3s infinite alternate;


}





.caseRecenter li .caseListTitle {


	font-size: .18rem;


	text-align: center;


	display: block;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	padding: .1rem 5%;


	-webkit-transition: 1.2s;


	transition: 1.2s;


}





.caseReC {


	position: relative;


}





.caseRecenter li p {


	font-size: .14rem;


	line-height: 2;


	padding: 0 .1rem;


	height: .52rem;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	color: #666;


	text-align: center;


	-webkit-transition: 1.2s;


	transition: 1.2s;


}





.caseRecenter {


	margin-top: .3rem;


}





.caseRecenter .caseText {


	padding-bottom: .2rem;


}





.proList {


	padding-top: .4rem;


	margin-bottom: .4rem;


}





.proListL {


	margin-left: .121rem;


	position: relative;


	overflow: hidden;


}





.proBg {


	display: block;


	width: 100%;


	position: absolute;


	top: 0;


	left: 0;


	background: #9f0304;


	border-radius: 10px 10px 0 0;


	overflow: hidden;


	margin-bottom: 7px;


	display: block;


	height: 112px;


}





.prouctsTitle {


	position: relative;


	z-index: 1;


	/* padding-bottom: 0.13rem; */


}





.pro-ico {


	margin: .12rem auto 0rem;


	display: block;


}





.proListRsort1 {


	border-bottom: 1px solid #f2f2f2;


}





.proListRsort .proListRsort {


	border: 0;


}





.productss .proListRsort1 {


	border: 0;


	border-bottom: 1px solid #dededd;


	box-shadow: 0 0 0;


	margin-bottom: 0rem;


	padding-bottom: 0.1rem;


}





.prouctsTitle h3 {


	text-align: center;


	font-size: .22rem;


	color: #fff;


	padding: 0;


	margin: 0.1rem 0 0;


}





.proListRsort1 a {


	display: inline-block;


	margin-right: 20px;


	font-size: .14rem;


	line-height: 2.5;


	color: #666;


	-webkit-transition: .5s;


	transition: .5s;


}





.proListRsort1 a::before {


	content: "";


	display: inline-block;


	width: 5px;


	height: 5px;


	background: #9f0304;


	border-radius: 50%;


	margin: 3px .07rem;


}





.proListTop {


	overflow: hidden;


}





.newsTop li {


	padding: 0 8px;


}





.prouctsTitle p {


	text-transform: uppercase;


	text-align: center;


	color: #fff;


	padding-top: 0rem;


	margin-bottom: 19px;


	font-size: 0.16rem;


}





.proList_classify {


	background: #fafafa;


	overflow: hidden;


}





.news_classify {


	overflow: hidden;


}





.proList_classify ul {}





.proList_classify ul li a.proListclass1 {


	position: relative;


	margin-top: .06rem;


}





.proList_classify ul li i {


	width: 3%;


	background: #fff;


	display: inline-block;


	height: 100%;


	position: absolute;


	top: 0;


	left: 2px;


}





.proList_classify ul li p {


	border: 1px solid #dededd;


	border-top: 1px solid #fff;


	padding-bottom: 10px;


	margin-top: 0;


	margin-bottom: 0;


}





.proListclass1 {


	padding: .12rem;


	background: #9f0304;


	display: block;


	width: 100%;


	padding-left: 6%;


	font-weight: bold;


	color: #fff;


	position: relative;


}





.proListclass1 span {


	width: 85%;


	margin-left: 2%;


	display: block;


	font-size: .16rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}





.proListclass1:hover {


	color: #fff;


}





.proList_classify ul li p a {


	border-bottom: 1px solid #f3f3f3;


	width: 94%;


	padding-top: 0;


	margin-left: 3%;


	display: block;


	margin: .05rem;


	padding-bottom: .05rem;


	position: relative;


}





.proList_classify ul li p a span {


	padding: .07rem;


	width: 90%;


	display: block;


	position: relative;


	z-index: 1;


	-webkit-transition: .5s ease-in-out;


	transition: .5s ease-in-out;


	font-size: .15rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}





.proList_classify ul {


	margin-left: 0px;


	margin-right: 0px;


	display: block;


	overflow: hidden;


}





.proList_classify ul li p a b {


	position: absolute;


	width: 100%;


	height: 86%;


	background: #9f0304;


	left: -108%;


	-webkit-transition: .5s;


	transition: .5s;


	border-radius: .04rem;


	box-shadow: 0 0 5px rgba(0, 0, 0, .1);


}





.proList_classify ul li p a:hover b {


	left: -0.07rem;


}





.proList_classify ul li p a.cur b {


	left: -0.07rem;


}





.proList_classify ul li p a.cur span {


	color: #fff;


}





.proList_classify ul li p a:hover span {


	color: #fff;


}





.proList_classify ul li p a span::before {


	width: 2px;


	padding: .05rem 0;


	margin-right: .1rem;


	vertical-align: middle;


	background: #dededd;


	content: "";


	display: inline-block;


	-webkit-transition: .5s;


	transition: .5s;


	height: .2rem;


	margin-left: 0.05rem;


}





.proHot {


	width: 100%;


	padding: .1rem 0 0.18rem;


	background: #fafafa;


	margin-top: 0.1rem;


}





.proHot i {


	display: block;


	font-size: .22rem;


	text-align: center;


}





.proHot i img {


	padding-right: .1rem;


}





.proList_sort1 {


	width: 100%;


	margin-top: .2rem;


	position: relative;


}





.proList_sort1 li {


	margin-bottom: .1rem;


}





.proList_sort1 ul li img {


	width: 100%;


}





.proList_sort1 ul li p a {


	display: block;


	text-align: center;


}








.proList_sortGd {


	width: 100%;


	margin-top: .2rem;


	position: relative;


}





.proList_sortGd li {


	margin-bottom: .1rem;


}





.proList_sortGd ul li img {


	width: 100%;


}





.proList_sortGd ul li p a {


	display: block;


	text-align: center;


}





.proHotimg {


	display: block;


	position: relative;


	padding: 36%;


	border: 5px solid #fff;


}





.proHotimg img {


	position: absolute;


	top: 0;


	left: 0;


	max-width: 100%;


	max-height: 100%;


	bottom: 0;


	right: 0;


	margin: auto;


}





.proHot_txt {


	text-align: center;


	display: block;


	line-height: .3rem;


	border-bottom: 1px solid #dededd;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}





.pro-next img {


	margin-left: 80%;


	cursor: pointer;


}





.pro-prev img {


	cursor: pointer;


	margin-left: 20%;


}





.newsHot {


	width: 100%;


	padding: .2rem 0.1rem 0.1rem;


	background: #fafafa;


	margin-top: .2rem;


	overflow: hidden;


}





.newsHot>i {


	display: block;


	font-size: .22rem;


	text-align: center;


	padding-bottom: .1rem;


	border-bottom: 1px solid #e6e6e6;


}





.newsHot i img {


	padding-right: .1rem;


}





.newsHot ul li {


	display: inline-block;


	line-height: 2.6;


	border-bottom: 1px solid #e6e6e6;


	color: #999;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsHot ul li:hover {


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.newsHot ul li span {


	width: 8em;


	display: inline-block;


	vertical-align: bottom;


	margin-left: .1rem;


	font-size: .14rem;


}





.newsHot ul li i,


.newsHot ul li span {


	color: #999;


	-webkit-transform: translateX(-5px);


	transform: translateX(-5px);


	overflow: hidden;


	text-overflow: ellipsis;


	font-size: .15rem;


	white-space: nowrap;


}





.newsHot ul li:hover i,


.newsHot ul li:hover span {


	color: #333


}





.proListR {


	float: right;


}





.proListRtop {


	padding: .1rem 0;


	background: #f4f4f4;


}





.proListRtop i {


	padding-left: .2rem;


	font-size: .16rem;


}





.proListRtop i img {


	display: inline-block;


	margin-right: .1rem;


}





.proListRsort {


	padding: .15rem;


	background: #fff;


	box-shadow: -6px 8px 15px rgba(0, 0, 0, 0.02);


	border: 1px solid #f2f2f2;


	border-top: 0;


}





.productsLir {


	padding: 0;


}





.proListRsort a {


	display: inline-block;


	margin-right: 20px;


	font-size: .14rem;


	line-height: .3rem;


	color: #666;


}





.proList_sort ul li:hover .proHot_txt {


	color: #333;


}





.proListRsort a::before {


	content: "";


	display: inline-block;


	width: 5px;


	height: 5px;


	background: #333;


	border-radius: 50%;


	margin: 3px .07rem;


}





.proListCenter li {


	margin-top: .2rem;


	padding: 0 10px;


}





.proListCenter i a {


	position: relative;


	padding: 31%;


	overflow: hidden;


	object-fit: cover;


	display: block;


}





.row1 {


	margin-left: -10px;


	margin-right: -10px;


}





.proListCenter i a::before {


	border-top: 1px solid #fff;


	border-bottom: 1px solid #fff;


	-webkit-transform: scale(0, 1);


	transform: scale(0, 1);


	position: absolute;


	top: 5%;


	right: 5%;


	bottom: 5%;


	left: 5%;


	content: '';


	opacity: 0;


	-webkit-transition: opacity .35s, -webkit-transform .35s;


	transition: opacity .35s, transform .35s;


	z-index: 2;


	background: url("/static/images/see.png")/*tpa=http://www.cqhaxf.com/static/images/see.png*/ no-repeat center;


}





.proListCenter i a::after {


	border-right: 1px solid #fff;


	border-left: 1px solid #fff;


	-webkit-transform: scale(1, 0);


	transform: scale(1, 0);


	position: absolute;


	top: 5%;


	right: 5%;


	bottom: 5%;


	left: 5%;


	content: '';


	opacity: 0;


	-webkit-transition: opacity .35s, -webkit-transform .35s;


	transition: opacity .35s, transform .35s;


	z-index: 2;


}





.productsBorer:hover i a::before,


.productsBorer:hover i a::after {


	opacity: 1;


	-webkit-transform: scale(1);


	transform: scale(1);


}





.pagination span.current {


	display: block;


	background: #333;


	color: #fff;


}





.productsBorer i {


	position: relative;


	padding: 0%;


	overflow: hidden;


	object-fit: cover;


	display: block;


	-webkit-transition: .5s;


	transition: .5s;


	width: 96%;


	margin: 2%


}





.productsBorer i::after {


	content: "";


	width: 0%;


	height: 0%;


	background: rgba(0, 0, 0, .1);


	position: absolute;


	top: 50%;


	left: 50%;


	-webkit-transition: .5s;


	transition: .5s;


	border-radius: .03rem


}





.proText {


	width: 96%;


	margin: 0 2%;


}





.productsBorer:hover i::after {


	width: 100%;


	height: 100%;


	top: 0;


	left: 0;


}





.productss ul li {


	margin-bottom: .3rem;


}





.productsMore {


	display: block;


	margin-bottom: .4rem;


}





.border-left {


	width: 1px;


	height: 0px;


	background: #333;


	position: absolute;


	top: 0;


	left: 0%;


	-webkit-transition: .5s;


	transition: .5s;


}





.border-right {


	width: 1px;


	height: 0px;


	background: #333;


	position: absolute;


	bottom: 0;


	right: 0%;


	-webkit-transition: .5s;


	transition: .5s;


}





.border-top {


	width: 0px;


	height: 1px;


	background: #333;


	position: absolute;


	top: 0;


	left: 0%;


	-webkit-transition: .5s;


	transition: .5s;


}





.border-bottom {


	width: 0px;


	height: 1px;


	background: #333;


	position: absolute;


	bottom: 0;


	right: 0%;


	-webkit-transition: .5s;


	transition: .5s;


}





.border-proleft {


	width: 1px;


	height: 0px;


	background: #333;


	position: absolute;


	top: 0;


	left: 0%;


	-webkit-transition: .5s;


	transition: .5s;


}





.border-proright {


	width: 1px;


	height: 0px;


	background: #333;


	position: absolute;


	bottom: 0;


	right: 0%;


	-webkit-transition: .5s;


	transition: .5s;


}





.border-protop {


	width: 0px;


	height: 1px;


	background: #333;


	position: absolute;


	top: 0;


	left: 0%;


	-webkit-transition: .5s;


	transition: .5s;


}





.border-probottom {


	width: 0px;


	height: 1px;


	background: #333;


	position: absolute;


	bottom: 0;


	right: 0%;


	-webkit-transition: .5s;


	transition: .5s;


}





.proListCenter li .productsBorer:hover .border-left {


	height: 100%;


}





.proListCenter li .productsBorer:hover .border-right {


	height: 100%;


}





.proListCenter li .productsBorer:hover .border-top {


	width: 100%;


}





.proListCenter li .productsBorer:hover .border-bottom {


	width: 100%;


}





.productsLil:hover .border-proleft {


	height: 100%;


}





.productsLil:hover .border-proright {


	height: 100%;


}





.productsLil:hover .border-protop {


	width: 100%;


}





.productsLil:hover .border-probottom {


	width: 100%;


}





.proListCenter i a img {


	position: absolute;


	top: 0;


	left: 0;


	max-width: 100%;


	max-height: 100%;


	right: 0;


	bottom: 0;


	margin: auto;


}





.proListRsort a:hover {


	color: #333;


}





.proListCenter ul li:hover .caseListhide {


	top: 0;


}





.proListCenter ul li:hover a.proListTitle {


	color: #333;


	border-bottom: 1px solid #dededd;


}





.proListCenter ul li:hover a.proMore {


	color: #333;


}





.proListCenter ul li:hover .productsBorer {}





.productsBorer {


	border: 1px solid #dededd;


	padding: 0;


	border-radius: .05rem;


	-webkit-transition: .5s;


	transition: .5s;


	position: relative;


}





.proText a.proListTitle {


	display: block;


	padding: .1rem 0;


	color: #4c4c4c;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	-webkit-transition: .5s;


	transition: .5s;


	font-size: .16rem;


	padding: .08rem;


	border-bottom: 1px solid #dededd;


}





@keyframes llr {


	0% {


		background: url("/static/images/promore.png")/*tpa=http://www.cqhaxf.com/static/images/promore.png*/ no-repeat 95% center;


	}





	25% {


		background: url("/static/images/promore.png")/*tpa=http://www.cqhaxf.com/static/images/promore.png*/ no-repeat 97% center;


	}





	50% {


		background: url("/static/images/promore.png")/*tpa=http://www.cqhaxf.com/static/images/promore.png*/ no-repeat 100% center;


	}





	75% {


		background: url("/static/images/promore.png")/*tpa=http://www.cqhaxf.com/static/images/promore.png*/ no-repeat 97% center;


	}





	100% {


		background: url("/static/images/promore.png")/*tpa=http://www.cqhaxf.com/static/images/promore.png*/ no-repeat 95% center;


	}


}





@keyframes proll {


	0% {


		background: url("/static/images/productsico3.png")/*tpa=http://www.cqhaxf.com/static/images/productsico3.png*/ no-repeat 95% center;


	}





	25% {


		background: url("/static/images/productsico3.png")/*tpa=http://www.cqhaxf.com/static/images/productsico3.png*/ no-repeat 97% center;


	}





	50% {


		background: url("/static/images/productsico3.png")/*tpa=http://www.cqhaxf.com/static/images/productsico3.png*/ no-repeat 100% center;


	}





	75% {


		background: url("/static/images/productsico3.png")/*tpa=http://www.cqhaxf.com/static/images/productsico3.png*/ no-repeat 97% center;


	}





	100% {


		background: url("/static/images/productsico3.png")/*tpa=http://www.cqhaxf.com/static/images/productsico3.png*/ no-repeat 95% center;


	}


}





.proMore {


	padding: .08rem;


	display: block;


	font-size: .1rem;


	text-transform: uppercase;


	color: #c6c6c6;


	background: url("/static/images/promore.png")/*tpa=http://www.cqhaxf.com/static/images/promore.png*/ no-repeat 100% center;


	animation: llr linear 1.5s infinite alternate;


}





.pro_page {


	padding-top: .1rem;


	margin-left: 15px;


	margin-top: .4rem;


}





.btn-text-parent {


	position: relative;


	display: inline-block;


	overflow: hidden;


	vertical-align: bottom;


}





.wrap_text {


	display: inline-block;


}





.buildin-btn-text {


	position: absolute;


	left: 0;


	top: 0;


	z-index: 9;


	width: 100%;


	transform: translateY(100%);


}





.buildin-btn-text .btn-letter {


	opacity: 0;


}





.btn-letter {


	display: inline-block;


	margin: 0em 0.05em;


	position: relative;


	transition: transform .6s, opacity .6s ease;


}





.current-btn-text .btn-letter:nth-child(1) {


	transition-delay: 49ms;


}





.current-btn-text .btn-letter:nth-child(2) {


	transition-delay: 99ms;


}





.current-btn-text .btn-letter:nth-child(3) {


	transition-delay: 149ms;


}





.current-btn-text .btn-letter:nth-child(4) {


	transition-delay: 199ms;


}





.current-btn-text .btn-letter:nth-child(5) {


	transition-delay: 249ms;


}





.current-btn-text .btn-letter:nth-child(6) {


	transition-delay: 299ms;


}





.current-btn-text .btn-letter:nth-child(7) {


	transition-delay: 349ms;


}





.current-btn-text .btn-letter:nth-child(8) {


	transition-delay: 399ms;


}





.current-btn-text .btn-letter:nth-child(9) {


	transition-delay: 449ms;


}





.current-btn-text .btn-letter:nth-child(10) {


	transition-delay: 499ms;


}





.current-btn-text .btn-letter:nth-child(11) {


	transition-delay: 549ms;


}





.current-btn-text .btn-letter:nth-child(12) {


	transition-delay: 599ms;


}





.current-btn-text .btn-letter:nth-child(13) {


	transition-delay: 649ms;


}





.current-btn-text .btn-letter:nth-child(14) {


	transition-delay: 699ms;


}





.current-btn-text .btn-letter:nth-child(15) {


	transition-delay: 749ms;


}





.current-btn-text .btn-letter:nth-child(16) {


	transition-delay: 799ms;


}





.current-btn-text .btn-letter:nth-child(17) {


	transition-delay: 849ms;


}





.current-btn-text .btn-letter:nth-child(18) {


	transition-delay: 899ms;


}





.current-btn-text .btn-letter:nth-child(19) {


	transition-delay: 949ms;


}





.current-btn-text .btn-letter:nth-child(20) {


	transition-delay: 999ms;


}





.current-btn-text .btn-letter:nth-child(21) {


	transition-delay: 1049ms;


}





.current-btn-text .btn-letter:nth-child(22) {


	transition-delay: 1099ms;


}





.current-btn-text .btn-letter:nth-child(23) {


	transition-delay: 1149ms;


}





.current-btn-text .btn-letter:nth-child(24) {


	transition-delay: 1199ms;


}





.current-btn-text .btn-letter:nth-child(25) {


	transition-delay: 1249ms;


}





.current-btn-text .btn-letter:nth-child(26) {


	transition-delay: 1299ms;


}





.current-btn-text .btn-letter:nth-child(27) {


	transition-delay: 1349ms;


}





.current-btn-text .btn-letter:nth-child(28) {


	transition-delay: 1399ms;


}





.current-btn-text .btn-letter:nth-child(29) {


	transition-delay: 1449ms;


}





.current-btn-text .btn-letter:nth-child(30) {


	transition-delay: 1499ms;


}





.buildin-btn-text .btn-letter:nth-child(1) {


	opacity: 0;


	transition-delay: 49ms;


}





.buildin-btn-text .btn-letter:nth-child(2) {


	opacity: 0;


	transition-delay: 99ms;


}





.buildin-btn-text .btn-letter:nth-child(3) {


	opacity: 0;


	transition-delay: 149ms;


}





.buildin-btn-text .btn-letter:nth-child(4) {


	opacity: 0;


	transition-delay: 199ms;


}





.buildin-btn-text .btn-letter:nth-child(5) {


	opacity: 0;


	transition-delay: 249ms;


}





.buildin-btn-text .btn-letter:nth-child(6) {


	opacity: 0;


	transition-delay: 299ms;


}





.buildin-btn-text .btn-letter:nth-child(7) {


	opacity: 0;


	transition-delay: 349ms;


}





.buildin-btn-text .btn-letter:nth-child(8) {


	opacity: 0;


	transition-delay: 399ms;


}





.buildin-btn-text .btn-letter:nth-child(9) {


	opacity: 0;


	transition-delay: 449ms;


}





.buildin-btn-text .btn-letter:nth-child(10) {


	opacity: 0;


	transition-delay: 499ms;


}





.buildin-btn-text .btn-letter:nth-child(11) {


	opacity: 0;


	transition-delay: 549ms;


}





.buildin-btn-text .btn-letter:nth-child(12) {


	opacity: 0;


	transition-delay: 599ms;


}





.buildin-btn-text .btn-letter:nth-child(13) {


	opacity: 0;


	transition-delay: 649ms;


}





.buildin-btn-text .btn-letter:nth-child(14) {


	opacity: 0;


	transition-delay: 699ms;


}





.buildin-btn-text .btn-letter:nth-child(15) {


	opacity: 0;


	transition-delay: 749ms;


}





.buildin-btn-text .btn-letter:nth-child(16) {


	opacity: 0;


	transition-delay: 799ms;


}





.buildin-btn-text .btn-letter:nth-child(17) {


	opacity: 0;


	transition-delay: 849ms;


}





.buildin-btn-text .btn-letter:nth-child(18) {


	opacity: 0;


	transition-delay: 899ms;


}





.buildin-btn-text .btn-letter:nth-child(19) {


	opacity: 0;


	transition-delay: 949ms;


}





.buildin-btn-text .btn-letter:nth-child(20) {


	opacity: 0;


	transition-delay: 999ms;


}





.buildin-btn-text .btn-letter:nth-child(21) {


	opacity: 0;


	transition-delay: 1049ms;


}





.buildin-btn-text .btn-letter:nth-child(22) {


	opacity: 0;


	transition-delay: 1099ms;


}





.buildin-btn-text .btn-letter:nth-child(23) {


	opacity: 0;


	transition-delay: 1149ms;


}





.buildin-btn-text .btn-letter:nth-child(24) {


	opacity: 0;


	transition-delay: 1199ms;


}





.buildin-btn-text .btn-letter:nth-child(25) {


	opacity: 0;


	transition-delay: 1249ms;


}





.buildin-btn-text .btn-letter:nth-child(26) {


	opacity: 0;


	transition-delay: 1299ms;


}





.buildin-btn-text .btn-letter:nth-child(27) {


	opacity: 0;


	transition-delay: 1349ms;


}





.buildin-btn-text .btn-letter:nth-child(28) {


	opacity: 0;


	transition-delay: 1399ms;


}





.buildin-btn-text .btn-letter:nth-child(29) {


	opacity: 0;


	transition-delay: 1449ms;


}





.buildin-btn-text .btn-letter:nth-child(30) {


	opacity: 0;


	transition-delay: 1499ms;


}





.caseTitleR>ul {


	position: relative;


}





.caseTitleR ul li {


	float: left;


	text-align: center;


	font-size: 15px;


	-webkit-transition: all .3s linear;


	transition: all .3s linear;


}





.caseTitleR ul li a {


	display: block;


	color: #666666;


	overflow: hidden;


	font-size: .15rem;


}





.pc-slide {


	width: 100%;


	margin: 0 auto;


}





.view .swiper-container {


	width: 100%;


}





.view .arrow-left {


	background: rgba(0, 0, 0, .1);


	position: absolute;


	left: 0px;


	top: 50%;


	margin-top: -25px;


	width: 38px;


	height: 37px;


	z-index: 10;


}





.view .arrow-left:after {


	content: "";


	background: url("/static/images/prev.png")/*tpa=http://www.cqhaxf.com/static/images/prev.png*/ no-repeat left center;


	overflow: hidden;


	padding: 49%;


	top: 0px;


	position: absolute;


}





.view .arrow-right:after {


	content: "";


	background: url("/static/images/next.png")/*tpa=http://www.cqhaxf.com/static/images/next.png*/ no-repeat left center;


	overflow: hidden;


	padding: 49%;


	top: 0px;


	position: absolute;


}





.view .arrow-right {


	background: rgba(0, 0, 0, .1);


	position: absolute;


	right: 0;


	top: 50%;


	margin-top: -25px;


	width: 38px;


	height: 37px;


	z-index: 10;


}





.preview {


	width: 100%;


	margin-top: 10px;


	position: relative;


}





.preview .swiper-container {


	width: 100%;


}





.preview .swiper-slide {


	width: 20%;


	cursor: pointer;


}





.preview .slide6 {


	width: 82px;


}





.preview .arrow-left {


	background: url("/static/images/feel3.png")/*tpa=http://www.cqhaxf.com/static/images/feel3.png*/ no-repeat left top;


	position: absolute;


	left: 10px;


	top: 50%;


	margin-top: -9px;


	width: 9px;


	height: 18px;


	z-index: 10;


}





.preview .arrow-right {


	background: url("/static/images/feel4.png")/*tpa=http://www.cqhaxf.com/static/images/feel4.png*/ no-repeat left bottom;


	position: absolute;


	right: 10px;


	top: 50%;


	margin-top: -9px;


	width: 9px;


	height: 18px;


	z-index: 10;


}





.preview img {


	padding: 1px;


}





.productTopImg i {


	display: block;


	position: relative;


	padding: 33.9%;


}





.messageBth {


	width: 1rem;


	height: 0.3rem;


	display: block;


	border: 1px solid #dedede;


	position: absolute;


	left: 36%;


	top: 70%;


	-webkit-transition: .5s;


	transition: .5s;


}





.messageBth:hover {


	background: #333;


	color: #fff;


	box-shadow: 0 4px 10px rgba(0, 0, 0, .02);


}





.productTopImg img {


	position: absolute;


	top: 0;


	left: 0;


	bottom: 0;


	right: 0;


	max-width: 96%;


	max-height: 96%;


	margin: auto;


}





.productTopImg {


	padding: 0rem;


}





.productsTTOP:hover .casemImg {


	display: block;


}





.view {


	border: 1px solid #ededed;


}





.preview ul li span {


	display: block;


	position: relative;


	padding: 32.8%;


}





.preview ul li span img {


	position: absolute;


	top: 0;


	left: 0;


	max-width: 96%;


	max-height: 96%;


	bottom: 0;


	right: 0;


	margin: auto;


}





.contactBox ul li:last-child {


	border-right: 0;


}





.productRtopr h4 a {


	color: #333;


	font-weight: bold;


	-webkit-transition: .5s;


	transition: .5s;


	display: block;


}





.productRtopr h4 a:hover {


	color: #333;


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.productRtopr p {


	height: 1.6rem;


	overflow: hidden;


}





.productRtopr span {


	font-size: .1rem;


	line-height: 2;


	color: #999;


	display: block;


	font-size: .12rem;


	height: .7rem;


	overflow: hidden;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 3;


	margin-top: 0.1rem;


}





.productRtopr h5 {


	font-weight: bold;


	font-size: .15rem;


	font-weight: bold;


	margin-top: .1rem;


	margin-bottom: 0.1rem;


}





.relevant a {


	display: inline-block;


	border: 1px solid #dededd;


	padding: .03rem .1rem;


	margin-bottom: .04rem;


	margin-right: .05rem;


	color: #808080;


	font-size: .14rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	max-width: 100%;


}





.relevant a:hover {


	color: #333;


}





.relevantImg ul li {


	width: 48%;


	margin: 0 1%;


	float: left;


}





.relevantImg ul li>a.relevantImgA {


	position: relative;


	padding: 34%;


	display: block;


	border: 1px solid #dededd;


}





.relevantImg ul li img {


	position: absolute;


	width: 100%;


	height: 100%;


	top: 0;


	left: 0;


	right: 0;


	bottom: 0;


	margin: auto;


	padding: .02rem;


}





.relevantImg ul li .relevantImgMore {


	display: block;


	text-align: center;


	line-height: 2;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	color: #808080;


}





.relevantImg ul li:hover .relevantImgMore {


	color: #333;


}





.productsMore {


	display: inline-block;


	padding: 0.05rem .1rem;


	border: 1px solid #dededd;


	margin-top: .3rem;


	margin-left: .3rem;


	-webkit-transition: .5s;


	transition: .5s;


	color: #737373;


}





.productsMore i {


	overflow: hidden;


	display: inline-block;


	width: .16rem;


	vertical-align: sub;


}





.productsMore:hover i img {


	border-left: 180px solid transparent;


	-webkit-filter: drop-shadow(-180px 0 0px #fff);


	filter: drop-shadow(-180px 0 0px #fff);


}





.productsMore:hover {


	background: #333;


	color: #fff;


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.productsCtl {


	background: #9f0304;


	padding: .05rem .1rem;


	border-radius: .03rem .03rem 0 0;


}





.productsCtl img {


	display: inline-block;


	margin-right: .05rem;


	margin-left: .2rem;


}





.productsCtl i {


	color: #fff;


	font-size: .16rem;


}





.productCenTop {


	overflow: hidden;


	margin-top: .1rem;


	border-bottom: 1px solid #dededd;


	position: relative;


}





.details {


	line-height: 1;


	text-transform: uppercase;


	color: #dededd;


	font-size: 0.16rem;


	margin-top: 0.1rem;


}





.detailsR {


	text-align: right;


	padding: 0;


}





.detailsR i img {


	padding: 0 0.05rem;


}





.casemImg1 {


	padding: .13rem .3rem .2rem .1rem;


	border: 1px solid #ddd;


	top: .3rem;


	right: .05rem;


	z-index: 2;


	background: #fff;


}





.casemImg1 b {


	display: block;


	text-align: left;


	padding-left: .1rem;


	padding-bottom: .07rem;


	font-weight: normal;


}





.casemImg1 ul li a {


	position: relative;


	padding: 80%;


	float: left;


}





.casemImg1 img {


	width: 100%;


	height: 100%;


	position: absolute;


	top: 0;


	left: 0


}





.productsText {


	padding-bottom: .2rem;


	border-bottom: 1px solid #dededd;


}





.caseTab {


	padding-top: .4rem;


	background: url("/static/images/icod33.png")/*tpa=http://www.cqhaxf.com/static/images/icod33.png*/ no-repeat center .1rem;

	overflow: hidden;


}





.productsText p {


	padding-top: .2rem;


	margin: 0;


	color: #999;


}





.caseTab ul li:hover {


	color: #fff;


}





.productsTTOP {


	position: relative;


}





.productsText img {


	max-width: 100%;


	margin: .2rem 0;


	height: auto;


}





.proMessage h4 {


	text-align: center;


	margin-top: .3rem;


	font-size: .24rem;


}





.proMessage p {


	font-size: .14rem;


	text-align: center;


	color: #666;


	margin-bottom: .2rem;


	font-family: arial;


}





.promessageBox input {


	border: 1px solid #dededd;


	padding: 0.07rem .1rem;


	display: block;


	width: 100%;


	padding-left: .14rem;


	text-indent: .14em;


	color: #666;


	background: #999;


	border-radius: 5px;


	font-size: .15rem;


	text-indent: 1.5em;


}





::-webkit-input-placeholder {


	color: #999;


	font-size: .16rem;


}





::-moz-placeholder {


	color: #999;


	font-size: .16rem;


}





:-ms-input-placeholder {


	color: #999;


	font-size: .16rem;


}





.contactBox input::placeholder {


	color: #999;


}





.promessageBox input::placeholder {


	color: #999;


}





.promessageBox input.pro-name {


	background: url("/static/images/name.png")/*tpa=http://www.cqhaxf.com/static/images/name.png*/ no-repeat .1rem center;


}





.promessageBox input.pro-tel {


	background: url("/static/images/tel.png")/*tpa=http://www.cqhaxf.com/static/images/tel.png*/ no-repeat .1rem center;


}





.promessageBox input.pro-email {


	background: url("/static/images/yanzheng.png")/*tpa=http://www.cqhaxf.com/static/images/yanzheng.png*/ no-repeat .1rem center;


}





.imgCode1 {


	padding: 0.2rem 15px 0.1rem;


}





.imgcodeText {


	width: 100%;


	padding: 0 5px 0 15px;


}





.pro-textarea {


	width: 80%;


	border: 1px solid #dededd;


	text-indent: 1.44em;


	padding: .8% 1.4%;


	line-height: 1.5;


	min-height: .85rem;


	color: #666;


	margin-top: .2rem;


	background: url("/static/images/textarea.png")/*tpa=http://www.cqhaxf.com/static/images/textarea.png*/ no-repeat .1rem .1rem;


	padding-left: .14rem;


	border-radius: 5px;


	font-size: .16rem;


}





.yanzhengma {


	width: 20%;


	float: right;


}





.promessageBox input.a-bth {


	display: block;


	margin-top: .2rem;


	outline: none;


	border: 0;


	-webkit-transition: .5s;


	transition: .5s;


	color: #fff;


	padding-left: 0;


	letter-spacing: 4px;


}





.promessageBox input.a-bth::after {


	content: "";


	position: absolute;


	top: 0;


	left: 0;


}





.a-bth:hover {


	background: #333;


	color: #fff;


}





.productsLil {


	border: 1px solid #dededd;


	overflow: hidden;


	border-radius: .03rem;


}





.productsLil i {


	display: block;


	position: relative;


	padding: 49.5%;


	object-fit: cover;


	margin-top: .1rem;


}





.productsLil img {


	position: absolute;


	top: 0;


	left: 0;


	max-width: 100%;


	max-height: 100%;


	right: 0;


	bottom: 0;


	margin: auto;


}





.productsTitle {


	display: block;


	width: 100%;


	padding: .1rem 0;


	background: url("/static/images/productsico3.png")/*tpa=http://www.cqhaxf.com/static/images/productsico3.png*/ no-repeat 100% center;


	animation: proll linear 2s infinite alternate;


}





.productsTitle span {


	display: block;


	font-size: .16rem;


}





.productsTitle b {


	display: block;


	font-weight: normal;


	font-size: .14rem;


	color: #999;


}





.productsLir i {


	display: block;


	position: relative;


	padding: 40.5%;


	overflow: hidden;


	border-radius: .05rem;


	-webkit-transition: .5s;


	transition: .5s;


	border: 1px solid #e6e6e6;


}





.proMored {


	height: .21rem;


	border-radius: 0 0 .05rem .05rem;


}





.prpductsLi {


	display: block;


	padding: .05rem;


}





.proList {


	overflow: hidden;


}





.prolistImgd:hover i {


	box-shadow: 0 0px 8px rgba(0, 0, 0, .2);


	border: 1px solid #fff;


	border-radius: .03rem;


}





.productsLir i img {


	position: absolute;


	top: 0;


	left: 0;


	max-width: 100%;


	max-height: 100%;


	padding: 4%;


	right: 0;


	bottom: 0;


	margin: auto;


}





.proMored {


	position: absolute;


	top: 83.5%;


	display: block;


	border-radius: 0 0 .03rem .03rem;


	left: 0;


	width: 96%;


	background: rgba(0, 0, 0, .4) url("../images/productslist3.png")/*tpa=http://www.cqhaxf.com/static/images/productslist3.png*/ no-repeat 90% .08rem;


	color: #fff;


	-webkit-transition: .5s;


	transition: .5s;


	padding: 0% 5%;


	font-size: .14rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	padding-right: 20%;


	left: 2%;


	line-height: 1.8;


	height: .24rem;


}





.prolistImgd:hover .proMored {


	padding: 0;


	width: 97%;


	height: 97%;


	display: block;


	text-align: center;


	padding: 33% 2%;


	top: 1.5%;


	color: #fff;


	background: rgba(0, 0, 0, .2) url("../images/productslist4.png")/*tpa=http://www.cqhaxf.com/static/images/productslist4.png*/ no-repeat center 67%;


	left: 1.5%;


	overflow: hidden;


	border-radius: .03rem;


}





.proListRsort1 a:hover {


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.productss .proListRsort {


	border-bottom: 1px solid #dededd;


	box-shadow: 0 0 0;


	margin-bottom: 0rem;


}





.prolistImgd {


	padding: 0 .05rem .1rem;


}





/*.pagination>li>a,


.pagination>li>span {


	margin: 0 .03rem;


}*/





.pagination>li>a:focus,


.pagination>li>a:hover,


.pagination>li>span:focus,


.pagination>li>span:hover {


	background: #333;


	color: #fff;


}





.caseTitleR {


	margin-top: 0.05rem;


}





.abouttitleR ul li {


	margin-right: .2rem;


}





.aboutTitle h3 {


	font-size: .26rem;


	text-align: center;


	line-height: 1;


	margin-top: .4rem;


	color: #4c4c4c;


}





.aboutTitle span {


	text-align: center;


	display: block;


	text-transform: uppercase;


	color: #666;


	font-size: .16rem;


	line-height: 2.5;


	font-family: Arial;


}





.aboutTop {


	margin-top: .2rem;


}





.aboutL {


	padding-left: 0;


	padding-bottom: .7rem;


}





.aboutL i {


	display: block;


	position: relative;


	padding: 39%;


	overflow: hidden;


}





.aboutL i img {


	position: absolute;


	top: 0;


	left: 0;


	width: 100%;


	height: 100%;


	-webkit-transition: .5s;


	transition: .5s;


}





.aboutR {


	padding-top: .2rem;


}





.aboutR h3 {


	color: #fff;


	font-size: .26rem;


	color: #333;


	text-align: center;


}





.aboutR span {


	font-size: .15rem;


	color: #333;


	line-height: 2;


}





.aboutLine {


	width: 1rem;


	height: 1px;


	background: #f2f2f2;


	margin: .2rem auto;


}





.aboutR p {


	color: #666;


	line-height: 2;


	/*text-indent: 2em;*/


	-webkit-transition: .3s;


	transition: .3s;


}





.clear {


	clear: both;


}





.aboutR i {


	display: block;


	font-size: .15rem;


	padding-bottom: .5rem;


	/*background: url(/static/images/aboutidd.png) no-repeat center bottom;*/


}





.honor ul li {


	margin-top: .3rem;


}





.honorImg {


	display: block;


	position: relative;


	padding: 36%;


	background: #fff;


	border: 1px solid #ddd;


}





.honorImg img {


	padding: 2%;


	position: absolute;


	top: 0;


	left: 0;


	right: 0;


	bottom: 0;


	margin: auto;


	max-width: 100%;


	max-height: 100%;


}





.honorMore {


	text-align: center;


	display: block;


	padding-top: 0.08rem;


	line-height: 3;


	font-size: .15rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	position: relative;


}





.honor ul li i {


	width: .08rem;


	height: .08rem;


	display: block;


	border-radius: 50%;


	border: 2px solid #dededd;


	margin: .2rem auto 0;


	background: #fff;


}





.honorArrow {


	height: .3rem;


	position: relative;


}





.honorArrow .honorL {


	width: .3rem;


	height: .3rem;


	overflow: hidden;


	background: #fff url("../images/honorl.png")/*tpa=http://www.cqhaxf.com/static/images/honorl.png*/ no-repeat center;


	top: -0.2rem;


	position: absolute;


	z-index: 99;


	left: 0;


	cursor: pointer;


}





.honor {


	position: relative;


}





.honorLine {


	width: 100%;


	height: 1px;


	background: #dededd;


	position: absolute;


	top: -0.05rem;


}





.honorArrow .honorR {


	width: .3rem;


	height: .3rem;


	overflow: hidden;


	background: #fff url("../images/honorr.png")/*tpa=http://www.cqhaxf.com/static/images/honorr.png*/ no-repeat center;


	top: -0.2rem;


	position: absolute;


	z-index: 99;


	cursor: pointer;


	right: 0;


}





.contact {


	background: url("/static/images/aboutbottomhover.jpg")/*tpa=http://www.cqhaxf.com/static/images/aboutbottomhover.jpg*/ no-repeat center bottom;


	overflow: hidden;


	padding-bottom: 1.5rem;


	margin-bottom: -10px;


}





.contactTop h4 {


	text-align: center;


	padding-top: .9rem;


	font-weight: bold;


	font-size: .18rem;


	-webkit-transition: .5s;


	transition: .5s;


}





.contactmeg {


	background: url("/static/images/contactico1.png")/*tpa=http://www.cqhaxf.com/static/images/contactico1.png*/ no-repeat center .1rem;


	-webkit-transition: .5s;


	transition: .5s;


}





.contactNetwork {


	background: url("/static/images/contactico2.png")/*tpa=http://www.cqhaxf.com/static/images/contactico2.png*/ no-repeat center .1rem;


	-webkit-transition: .5s;


	transition: .5s;


}





.contactService {


	background: url("/static/images/contactico3.png")/*tpa=http://www.cqhaxf.com/static/images/contactico3.png*/ no-repeat center .1rem;


	-webkit-transition: .5s;


	transition: .5s;


}





.contactTop span {


	font-size: .14rem;


	text-align: center;


	display: block;


	padding-bottom: .1rem;


	-webkit-transition: .5s;


	transition: .5s;


	color: #d4d4d4;


}





.contactBottom {


	padding: .3rem .3rem .7rem;


	text-align: center;


	line-height: 2;


	-webkit-transition: .5s;


	transition: .5s;


	position: relative;


	font-size: .15rem;


	overflow: hidden;


	color: #666;


}





.contactTop {


	background: #fff;


	-webkit-transition: .5s;


	transition: .5s;


	padding: .1rem 0;


}





.contact ul li {


	margin-top: .4rem;


	-webkit-transition: .5s;


	transition: .5s;


	position: relative;


}





.contact ul li:hover .contactTop {


	background: #333;


}





.contact ul li:hover .contactTop h4 {


	color: #fff;


}





.contact ul li:hover .contactTop span {


	color: #fff;


}





.contact ul li:hover h4.contactmeg {


	background: url("/static/images/contactico1-1.png")/*tpa=http://www.cqhaxf.com/static/images/contactico1-1.png*/ no-repeat center .1rem;


}





.contact ul li:hover h4.contactNetwork {


	background: url("/static/images/contactico2-1.png")/*tpa=http://www.cqhaxf.com/static/images/contactico2-1.png*/ no-repeat center .1rem;


}





.contact ul li:hover h4.contactService {


	background: url("/static/images/contactico3-1.png")/*tpa=http://www.cqhaxf.com/static/images/contactico3-1.png*/ no-repeat center .1rem;


}





.contact ul li:hover {


	-webkit-transform: translateY(-5px);


	transform: translateY(-5px);


}





.aboutTitle p {


	padding: .3rem .5rem;


	font-size: .15rem;


	color: #999;


	text-align: center;


	line-height: 1.8;


}





.contactList {


	overflow: hidden;


}





.contactList ul li {


	border-right: 1px solid #dededd;


	padding: .2rem 0 0.4rem;


}





.contactList ul li:last-child {


	border-right: 0;


}





.contactList ul li img {


	display: block;


	margin: 0 auto .1rem;


	height: .4rem;


	animation: tb linear 3s infinite alternate;


}





.contactList ul li h4 {


	font-size: .2rem;


	text-align: center;


	line-height: 3;


	margin: 0;


}





.contactList ul li p {


	text-align: center;


	font-size: .16rem;


	height: .6rem;


	line-height: 2;


	padding: 0 .2rem;

}

/*.contactList ul li:nth-child(2) p{
	display: inline-block;
	padding: 0 .1rem;
}*/




.contactBox {


	border: 5px solid #f4f4f4;


	display: block;


	overflow: hidden;


	margin-top: .5rem;


}





.contactBox ul li {


	padding: 2% 5%;


	margin: .4rem 0;


	border-right: 1px solid #dededd;


	min-height: 3.7rem;


}





.contactBox ul li p {


	line-height: 2;


	color: #999;


	font-size: .15rem;


}





.contactBox ul li p span {


	font-size: .16rem;


}





.contactBox .proMessage h4 {


	margin-top: 0;


	margin-bottom: 0;


}





.contactBox input.contact-name {


	background: url("/static/images/name.png")/*tpa=http://www.cqhaxf.com/static/images/name.png*/ no-repeat .1rem center;


}





.contactBox input.contact-imgCode {


	background: url("/static/images/yanzheng.png")/*tpa=http://www.cqhaxf.com/static/images/yanzheng.png*/ no-repeat .1rem center;


	width: 80%;


	margin-top: 0.2rem;


	float: left;


}





.contactImgcode {


	float: left;


	margin-top: 0.2rem;


	margin-left: 1%;


}





.contactBox input {


	border: 1px solid #dededd;


	padding: .07rem .1rem;


	display: block;


	width: 100%;


	text-indent: .25rem;


	color: #666;


	font-size: .14rem;


}





.contactBox input.contact-tel {


	background: url("/static/images/tel.png")/*tpa=http://www.cqhaxf.com/static/images/tel.png*/ no-repeat .1rem center;


}





.contact-textarea {


	width: 100%;


	border: 1px solid #dededd;


	text-indent: .28rem;


	padding: 1% 1.4%;


	line-height: 1.5;


	min-height: .7rem;


	color: #666;


	margin-top: .1rem;


	background: url("/static/images/textarea.png")/*tpa=http://www.cqhaxf.com/static/images/textarea.png*/ no-repeat .08rem .1rem;


	margin-top: .2rem;


	font-size: .16rem;


}





.contactBox .contact-bth {


	display: block;


	margin-top: 0.05rem;


	outline: none;


	border: 0;


	-webkit-transition: .5s;


	transition: .5s;


	border-radius: .05rem;


	color: #fff;


	background: #999;


	margin-top: .2rem;


	padding-left: 0;


	letter-spacing: 4px;


	font-size: .16rem;


	text-indent: 0rem;


}





.news_classify ul {


	margin-left: -15px;


	margin-right: -15px;


	margin-top: 0px;


}





.news_classify ul li {


	margin-bottom: 0.05rem;


}





.news_classify ul li:nth-child {


	margin-bottom: 0;


}





.newsclass1 {


	padding: .12rem;


	background: #fafafa;


	display: block;


	width: 100%;


	padding-left: 6%;


	font-weight: bold;


	color: #333;


}





.news_classify ul li i {


	width: 2%;


	background: #fff;


	display: inline-block;


	height: 100%;


	position: absolute;


	top: 0;


	left: -100px;


	z-index: 9;


	-webkit-transition: .5s;


	transition: .5s;


}





.news_classify span {


	width: 100%;


	padding: 0 15%;


	display: block;


	font-size: .16rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	font-weight: normal;


	position: relative;


	z-index: 999;


	background: url("/static/images/newsico1.png")/*tpa=http://www.cqhaxf.com/static/images/newsico1.png*/ no-repeat 90% center;


	-webkit-transition: .5s;


	transition: .5s;


}





.news_classify ul li b {


	display: block;


	position: absolute;


	top: 0;


	left: -100%;


	width: 100%;


	height: 100%;


	background: #333;


	-webkit-transition: .5s;


	transition: .5s;


}





.news_classify ul li:hover i {


	left: .18rem;


}





.news_classify ul li:hover b {


	left: 0;


}





.news_classify ul li:hover span {


	color: #fff;


	background: url("/static/images/newsico3.png")/*tpa=http://www.cqhaxf.com/static/images/newsico3.png*/ no-repeat 90% center;


}





.newsCenterTop {


	padding: .2rem;


	overflow: hidden;


	box-shadow: 0 -5px 12px rgba(0, 0, 0, .03);


	margin-bottom: 0.3rem;


}





.newsCenterTopl a {


	display: block;


	position: relative;


	padding: 32%;


	overflow: hidden;


	border: 1px solid #f2f2f2;


}





.newsCenterTopl a img {


	position: absolute;


	top: 0;


	left: 0;


	right: 0;


	bottom: 0;


	margin: auto;


	max-width: 98%;


	max-height: 98%;


	-webkit-transition: 1s;


	transition: 1s;


}





.newsCenterTop:hover a img {


	-webkit-transform: scale(1.02);


	transform: scale(1.02);


	opacity: .8;


}





.newsCenterTopr h4 a {


	font-size: .2rem;


	display: block;


	line-height: 2;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	color: #333;


	-webkit-transition: 1s;


	transition: 1s;


}





.newsCenterTop:hover h4 a {


	color: #333;


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.newsCenterTopr p {


	font-size: .15rem;


	line-height: 2;


	height: .74rem;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	color: #999;


}





.newsCenterTopr span {


	margin-top: .3rem;


	display: block;


	color: #999;


}





.newsCenterTopr span img {


	display: inline-block;


	vertical-align: inherit;


	padding-right: .06rem;


}





.newsCemterb ul li {


	overflow: hidden;


	box-shadow: 0 0 16px rgba(0, 0, 0, .1);


}





.newsCenterb ul li .newsCenterbImg {


	position: relative;


	padding: 18%;


	display: block;


	background: #fafafa;


}





.newsCenterb ul li .newsCenterbImg img {


	position: absolute;


	top: 0;


	left: 0;


	right: 0;


	bottom: 0;


	max-width: 100%;


	margin: auto;


	max-height: 100%;


}





.newsCenterbImg::after {


	content: "";


	top: 8%;


	right: 5%;


	bottom: 8%;


	left: 5%;


	border-right: 1px solid #fff;


	border-left: 1px solid #fff;


	-webkit-transform: scale(1, 0);


	-moz-transform: scale(1, 0);


	-o-transform: scale(1, 0);


	transform: scale(1, 0);


	-webkit-transform-origin: 100% 0;


	-moz-transform-origin: 100% 0;


	-o-transform-origin: 100% 0;


	transform-origin: 100% 0;


	position: absolute;


	content: '';


	opacity: 0;


	-webkit-transition: opacity .4s, -webkit-transform .4s;


	-moz-transition: opacity .4s, -moz-transform .4s;


	-o-transition: opacity .4s, -o-transform .4s;


	transition: opacity .4s, transform .4s;


}





.newsCenterbImg::before {


	top: 8%;


	right: 5%;


	bottom: 8%;


	z-index: 2;


	left: 5%;


	border-top: 1px solid #fff;


	border-bottom: 1px solid #fff;


	-webkit-transform: scale(0, 1);


	-moz-transform: scale(0, 1);


	-o-transform: scale(0, 1);


	transform: scale(0, 1);


	-webkit-transform-origin: 0 0;


	-moz-transform-origin: 0 0;


	-o-transform-origin: 0 0;


	transform-origin: 0 0;


	position: absolute;


	content: '';


	opacity: 0;


	-webkit-transition: opacity .4s, -webkit-transform .4s;


	-moz-transition: opacity .4s, -moz-transform .4s;


	-o-transition: opacity .4s, -o-transform .4s;


	transition: opacity .4s, transform .4s;


}





.newsCenterbImg i {


	display: block;


	width: 0%;


	height: 0%;


	background: rgba(0, 0, 0, .2);


	position: absolute;


	top: 50%;


	left: 50%;


	z-index: 1;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsCenterb ul li:hover .newsCenterbImg i {


	left: 0;


	top: 0;


	width: 100%;


	height: 100%;


}





.newsCenterb ul li:hover .newsCenterbTextr a {


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.newsCenterbImg::before,


.newsCenterbImg::after {


	position: absolute;


	content: '';


	opacity: 0;


	-webkit-transition: opacity .4s, -webkit-transform .4s;


	-moz-transition: opacity .4s, -moz-transform .4s;


	-o-transition: opacity .4s, -o-transform .4s;


	transition: opacity .4s, transform .4s;


}





.newsCenterb ul li:hover .newsCenterbImg::before,


.newsCenterb ul li:hover .newsCenterbImg::after {


	content: "";


	opacity: 1;


	-webkit-transform: scale(1);


	-moz-transform: scale(1);


	-o-transform: scale(1);


	transform: scale(1);


}





.nwesCenterbText {


	overflow-y: hidden;


	padding-bottom: .05rem;


}





.nwesCenterbText span {


	display: block;


	width: 20%;


	margin: .1rem;


	border: 1px solid #dededd;


	font-size: .25rem;


	line-height: 1;


	padding: .1rem .12rem;


	color: #999;


	float: left;


}





.nwesCenterbText span i {


	font-size: .15rem;


	display: block;


	padding-top: .04rem;


	padding-bottom: 0rem;


}





.newsCenterbTextr {


	padding: 0 .2rem 0 0;


	width: 74.4%;


	float: left;


	background: url("/static/images/newsico04.png")/*tpa=http://www.cqhaxf.com/static/images/newsico04.png*/ no-repeat 97% center;


}





.newsCenterbTextr a {


	padding: .16rem 0 0;


	display: block;


	font-size: .16rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	-webkit-transition: .5s;


	transition: .5s;


	width: 90%;


}





.newsCenterbTextr p {


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	display: block;


	line-height: 2.7;


	margin: 0;


	font-size: .15rem;


	width: 96%;


	color: #808080;


}





.proHot_txt {


	display: block;


	font-size: .14rem;


	line-height: 3;


	color: #4c4c4c;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


}





.caseMenuL {


	font-size: .14rem;


}





.newsCenter {


	overflow: hidden;


	-webkit-transition: .5s;


	transition: .5s;


	border-bottom: 1px solid #dededd;


}





.newsCenterb ul li {


	margin-top: .3rem;


}





.newsCenterb ul li:hover .newsCenter {


	box-shadow: 0 0 16px rgba(0, 0, 0, .1);


	border-bottom: 1px solid #fff;


}





.newsCenterb ul li:hover a {


	color: #333;


}





.newsdetails {


	padding: 0 2%;


	overflow: hidden;


	padding-bottom: .2rem;


}





.newsdetails .casemImg {


	top: .5rem;


}





.newsdetails .caseCenter h1 {


	padding-top: 0;


}





.aboutTitle a {


	display: block;


	text-align: center;


	font-size: .16rem;


	padding-top: .1rem;


	color: #333;


}





.newsTop ul li a.newsImg {


	position: relative;


	padding: 34%;


	display: block;


	overflow: hidden;


	border-bottom: 1px solid #f2f2f2;


}





.newsTop ul li a.newsImg img {


	display: block;


	position: absolute;


	top: 0;


	left: 0;


	bottom: 0;


	right: 0;


	margin: 0 auto;


	width: 100%;


	height: 100%;


	border-radius: 6px 6px 0 0;


}





.newsText {


	font-size: .15rem;


	display: block;


	padding: .1rem 0;


}





.newsTopcenter {


	border: 1px solid #dededd;


	-webkit-transition: .8s;


	transition: .8s;


	margin-bottom: .2rem;


	border-radius: 6px 6px 0 0;


}





.newsTopcenter .newsText {


	padding: 0 .07rem;


	margin: .05rem 0;


	margin-bottom: .15rem;


	height: .46rem;


	-webkit-transition: .5s;


	transition: .5s;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	font-size: .15rem;


	-webkit-transition: 1s;


	transition: 1s;


}





.newsTop {


	margin-top: .3rem;


	-webkit-transition: .5s;


	transition: .5s;


	overflow: hidden;


}





.newsTopcenter span {


	margin: 0 .07rem .1rem;


	width: 96%;


	padding-right: 30%;


	display: block;


	background: url("/static/images/newslistmore.png")/*tpa=http://www.cqhaxf.com/static/images/newslistmore.png*/ no-repeat 96% center;


	-webkit-transition: .5s;


	transition: .5s;


	font-size: .15rem;


	color: #999;


}





.newsTop ul li:hover .newsTopcenter {


	-webkit-transform: translateX(-5px);


	transform: translateX(-5px);


	background: #333;


	box-shadow: 0 0 16px rgba(0, 0, 0, .1);


}





.newsTop ul li:hover .newsText {


	color: #fff;


}





.newsTop ul li:hover .newsTopcenter span {


	color: #fff;


	background: url("/static/images/newslistmore2.png")/*tpa=http://www.cqhaxf.com/static/images/newslistmore2.png*/ no-repeat 96% center;


}





.newsTop ul li:hover a.newsImg {


	background: #fff;


}





.newsListCenter {


	margin-top: .3rem;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsListLImg {


	display: block;


	position: relative;


	-webkit-transition: .5s;


	transition: .5s;


	overflow: hidden;


}





.newsListLImg::after {


	content: "";


	opacity: 0;


	transform: scale(1.5);


	transition: all 0.4s ease-in-out;


	font-weight: normal;


	border: 1px solid white;


	height: 2.68rem;


	width: 90%;


	position: absolute;


	top: 0.18rem;


	left: 5%;


	padding: 70px;


	display: inline-block;


	text-decoration: none;


	padding: 7px 14px;


	text-transform: uppercase;


	color: #fff;


	border: 1px solid #fff;


	border-radius: 0px;


	background-color: transparent;


}





.newsListLImg img {


	width: 100%;


}





.newsListLcenter img {}





.newsListLcenter:hover .newsListLImg::after {


	opacity: 1;


	content: "";


	transform: scale(1);


	background-color: transparent;


}





.newsListLtext {


	padding: 4.1% .2rem;


	-webkit-transition: .5s;


	transition: .5s;


	position: absolute;


	z-index: 3;


	bottom: 0;


	background: #fff;


	width: 100%;


}





@keyframes tan {


	0% {


		-webkit-transform: translateY(0px);


		transform: translateY(0px);


	}





	25% {


		-webkit-transform: translateY(-5px);


		transform: translateY(-5px);


	}





	50% {


		-webkit-transform: translateY(-10px);


		transform: translateY(-10px);


	}





	75% {


		-webkit-transform: translateY(-5px);


		transform: translateY(-5px);


	}





	100% {


		-webkit-transform: translateY(0px);


		transform: translateY(0px);


	}


}





.newsQa ul li:hover i span {


	animation: tan linear 2s infinite alternate;


}





.newsListLtext a {


	display: block;


	font-size: .16rem;


	line-height: 3;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsListLcenter {


	-webkit-transition: .5s;


	transition: .5s;


	border-radius: .05rem .05rem 0 0;


	overflow: hidden;


	box-shadow: 0 0 16px rgba(0, 0, 0, .1);


	height: 5rem;


	position: relative;


}





.newsListLtext p {


	color: #999;


	text-indent: 2em;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	height: .68rem;


	font-size: .15rem;


	-webkit-transition: .5s;


	transition: .5s;


	-webkit-transition: .5s;


	transition: .5s;


	line-height: 2;


}





.page-content {


	margin: .2rem 0;


	overflow: hidden;


	font-size: .15rem;


	line-height: 2;


	display: block;


}





.productsText {


	font-size: .15rem;


	line-height: 2;


}





.newsListLcenter span {


	margin-top: .2rem;


	display: block;


	background: url("/static/images/news04.png")/*tpa=http://www.cqhaxf.com/static/images/news04.png*/ no-repeat center left;


	padding-left: .2rem;


	color: #999;


	font-size: .14rem;


}





.newsListLcenter:hover {


	box-shadow: 0 0 16px rgba(0, 0, 0, .1);


}





.newsListLcenter:hover .newsListLtext a {


	color: #333;


}





.newsListRtop {


	padding: .17rem;


	overflow: hidden;


	background: #fff;


	border-bottom: 1px solid #f2f2f2;


	border-radius: .05rem;


	border-radius: 5px;


}





.newsListRtop span {


	font-size: .22rem;


	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;


	line-height: .2rem;


	float: left;


	padding-bottom: 0.5em;


	color: #4c4c4c;


	font-family: arial;


}





.newsListRtop b {


	font-size: .16rem;


	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;


	float: right;


	font-weight: normal;


	line-height: .2rem;


	padding-bottom: 0.5em;


	color: #4c4c4c;


	font-family: arial;


}





.newsListRtop b::after {


	content: "";


	display: block;


	clear: both;


}





.newsListRtop a.newsListRImg {


	display: none;


	position: relative;


	padding: 36%;


	-webkit-transition: .5s;


	transition: .5s;


	border: 1px solid #f1f1f1;


}





.newsListRtopR {


	width: 100%;


	padding: 0;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsListRtopL {


	padding: 0;


	width: 0;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsListRtop a.newsListRImg img {


	position: absolute;


	max-width: 100%;


	max-height: 100%;


	top: 0;


	left: 0;


}





.newsListRtopR a {


	display: block;


	font-size: .16rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	text-align: left;


}





.newsListRtopR p {


	font-size: .14rem;


	color: #999;


	margin-top: 0.05rem;


	line-height: 1.5;


	height: .6rem;


	text-indent: 2em;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 3;


	overflow: hidden;


}





.newsListRtop:hover .newsListRtop a.newsListRImg {


	display: block;


	position: relative;


	padding: 30%;


}





.newsListRtop:hover span,


.newsListRtop:hover b {


	color: #333;


}





.newsListRtop:hover .newsListRImg {


	display: block;


}





.newsListRtop:hover .newsListRtopR {


	width: 75%;


	padding: 0 .1rem;


}





.newsListRtop:hover {


	background: #fff;


	box-shadow: 0 0 16px rgba(0, 0, 0, .1);


	border: 1px solid #fff;


}





.newsListRtop:hover .newsListRtopL {


	width: 25%;


}





.newsListRtop:hover .newsListRtopR a {


	color: #333;


}





.newsListR ul li {


	margin-bottom: .1rem;


}





.newsQa ul li {


	background: #fff;


	border: 1px solid #f2f2f2;


	padding: .3rem .1rem;


	border-radius: 0.05rem;


}





.newsQa ul li span {


	font-size: .13rem;


	background: #333;


	float: left;


	width: .2rem;


	height: .2rem;


	border-radius: 50%;


	display: block;


	color: #fff;


	text-align: center;


	font-weight: bold;


	line-height: .2rem;


}





.newsQa ul li p {


	margin-top: .15rem;


}





.newsQa ul li b {


	margin: 0 .1rem;


	float: left;


	width: 85%;


	font-weight: normal;


	background: #fcfcfc;


	font-size: 0.15rem;


	padding: .03rem .1rem;


	color: #999;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	line-height: 2;


	padding-bottom: .08rem;


}





.newsQa ul li a {


	margin: 0 .1rem;


	float: left;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	width: 85%;


	font-weight: normal;


	background: #fcfcfc;


	padding: .05rem .1rem;


	font-size: .15rem;


	cursor: url("/static/images/curpo.png")/*tpa=http://www.cqhaxf.com/static/images/curpo.png*/, default;


}





.newsQa ul li:hover a {


	color: #333


}





.newsQa ul li i::after {


	content: "";


	clear: both;


	display: block;


}





.newsQa ul li p span {


	background: #333;


}





.newsQa {


	overflow: hidden;


	padding-bottom: .5rem;


	margin-top: .3rem;


	cursor: url("/static/img/curpo.png")/*tpa=http://www.cqhaxf.com/static/img/curpo.png*/, default;


}





.content-show {


	border: 18px solid #f4f4f4;


	padding: 22px;


	background-color: #fff;


	margin: .2rem 0;


}





.wjdh-map {


	position: relative;


}





.wjdh-map #r-result {


	position: absolute;


	right: 0;


	top: 0;


	width: 450px;


	max-height: 500px;


	overflow-y: scroll;


	overflow-x: hidden;


	z-index: 99;


}





.wjdh-map #wmap {


	width: 100%;


	height: 500px;


}





.driving-way {


	font-family: 'Microsoft JhengHei';


}





.driving-way .hd li.on {


	background-color: #333;


	color: #fff;


}





.driving-way .hd li {


	float: left;


	font-size: 15px;


	width: 50%;


	height: 50px;


	line-height: 50px;


	background-color: #eee;


	text-indent: 80px;


	cursor: pointer;


}





.driving-way .map-tab {


	padding: 20px 0;


}





.driving-way .map-tab .trip-mode a {


	position: relative;


	float: left;


	font-size: 16px;


	padding-left: 50px;


	width: 100px;


	height: 50px;


	line-height: 50px;


}





.driving-way .map-tab .trip-mode a.active {


	_background: url("/static/images/checkbox.png")/*tpa=http://www.cqhaxf.com/static/images/checkbox.png*/ no-repeat 10px center;


	*background: url("/static/images/checkbox.png")/*tpa=http://www.cqhaxf.com/static/images/checkbox.png*/ no-repeat 10px center;


}





.driving-way .map-tab ul {


	position: relative;


	width: 100%;


	height: 112px;


	_background: url("/static/images/ico5.png")/*tpa=http://www.cqhaxf.com/static/images/ico5.png*/ no-repeat left center;


	*background: url("/static/images/ico5.png")/*tpa=http://www.cqhaxf.com/static/images/ico5.png*/ no-repeat left center;


}





.driving-way .map-tab ul .d1 {


	top: 0;


	transition: .5s;


}





.driving-way .map-tab ul li {


	height: 35px;


	line-height: 35px;


	width: 70%;


	font-size: 16px;


	padding: 10px 0;


	margin-left: 80px;


	position: absolute;


	left: 0;


}





.driving-way .map-tab ul li input {


	font-size: 16px;


	width: 100%;


	height: 35px;


	line-height: 35px;


}





.driving-way .map-tab ul i {


	display: block;


	width: 75%;


	height: 1px;


	background-color: #ccc;


	position: absolute;


	left: 50px;


	top: 56px;


}





.driving-way .map-tab ul .d2 {


	top: 56px;


	transition: .5s;


}





.driving-way .map-tab ul .d2:before {


	position: absolute;


	left: -20px;


	top: 25px;


	content: '';


	display: block;


	border-radius: 50%;


	width: 3px;


	height: 3px;


	border: 2px solid #12a7eb;


}





.driving-way .map-tab #result {


	background-color: #313131;


	color: #fff;


	width: 200px;


	height: 50px;


	line-height: 50px;


	position: absolute;


	right: 0;


	top: 50%;


	margin-top: -25px;


	display: block;


	text-align: center;


	font-size: 18px;


	text-transform: uppercase;


	cursor: pointer;


}





.driving-way .map-tab ul .d2:before {


	position: absolute;


	left: -20px;


	top: 25px;


	content: '';


	display: block;


	border-radius: 50%;


	width: 3px;


	height: 3px;


	border: 2px solid #12a7eb;


}





.driving-way .map-tab ul .d1:before {


	position: absolute;


	left: -20px;


	top: 30px;


	content: '';


	display: block;


	border-radius: 50%;


	width: 3px;


	height: 3px;


	border: 2px solid #ed744e;


}





.driving-way .map-tab ul:before {


	position: absolute;


	left: 0;


	top: 50%;


	margin-top: -9px;


	content: '';


	display: block;


	width: 16px;


	height: 17px;


	background: url("/static/images/ico5.png")/*tpa=http://www.cqhaxf.com/static/images/ico5.png*/ no-repeat center center;


}





.driving-way .map-go ul:before {


	transform: rotateX(180deg);


}





.driving-way .map-tab .trip-mode a i:before {


	content: '';


	display: block;


	width: 6px;


	height: 6px;


	background-color: #666;


	position: absolute;


	left: 50%;


	top: 50%;


	margin-left: -3px;


	margin-top: -3px;


	opacity: 0;


}





.driving-way .map-tab .trip-mode a i {


	width: 14px;


	height: 14px;


	display: block;


	border: 3px solid #666;


	position: absolute;


	left: 10px;


	top: 50%;


	margin-top: -10px;


}





.driving-way .map-tab .trip-mode a:hover i,


.driving-way .map-tab .trip-mode a.active i {


	transform: translateZ(0px) rotate(45deg);


	-webkit-transform: translateZ(0px) rotate(45deg);


}





.driving-way .map-tab .trip-mode a i {


	width: 14px;


	height: 14px;


	display: block;


	border: 3px solid #666;


	position: absolute;


	left: 10px;


	top: 50%;


	margin-top: -10px;


	transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);


	-webkit-transition: 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);


}





.newsdetails .casemImg {


	top: .35rem;


	right: -.5rem;


}





.aboutTop:hover .aboutL img {


	-webkit-transform: scale(1.1);


	transform: scale(1.1);


}





.honorImg span {


	display: block;


	position: absolute;


	width: 100%;


	height: 100%;


	top: 0;


	left: 0;


	display: block;


	overflow: hidden;


}





.honorImg span::before {


	content: "";


	width: 0;


	height: 100%;


	background: rgba(0, 0, 0, .2) url("../images/sosuo.png")/*tpa=http://www.cqhaxf.com/static/images/sosuo.png*/ no-repeat center -.2rem;


	padding: 14px 18px;


	position: absolute;


	top: 0;


	left: 50%;


	opacity: 0;


	transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;


}





.honor ul li:hover .honorImg span::before {


	width: 100%;


	left: 0;


	opacity: 1;


	background: rgba(0, 0, 0, .2) url("../images/sosuo.png")/*tpa=http://www.cqhaxf.com/static/images/sosuo.png*/ no-repeat center center;


}





.buildin-btn-text {


	position: absolute;


	left: 0;


	top: 0%;


	z-index: 9;


	width: 100%;


	transform: translateY(100%);


}





.honorMore::after,


.honorMore::before {


	-webkit-backface-visibility: hidden;


	backface-visibility: hidden;


	border-top: 1px solid transparent;


	bottom: 0;


	content: " ";


	display: block;


	margin: 0 auto;


	position: relative;


	-webkit-transition: all 280ms ease-in-out;


	transition: all 280ms ease-in-out;


	width: 0;


}





.honor ul li:hover .honorMore::after,


.honor ul li:hover .honorMore::before {


	-webkit-backface-visibility: hidden;


	backface-visibility: hidden;


	border-color: #ddd;


	-webkit-transition: width 350ms ease-in-out;


	transition: width 350ms ease-in-out;


	width: 90%;


	content: "";


}





.honorMore:hover::before {


	bottom: auto;


	top: 0;


	width: 90%;


}





.honor ul li:hover .honorMore {


	color: #333;


}





.contact ul li .contactBottom::before {


	content: "";


	width: 90%;


	height: 1px;


	border-top: 0;


	border-bottom: 1px solid #ddd;


	position: absolute;


	top: 99%;


	left: 5%;


	opacity: 1;


	-webkit-transition: .5s;


	transition: .5s;


}





.contact ul li:hover .contactBottom::after {


	content: "";


	bottom: 81px;


	right: -306px;


}





.contactTop span:after {


	content: ""


}





.contact ul li:hover .contactBottom::before {


	content: "";


	height: 101%;


	top: 0%;


	opacity: 1;


	border-top: 1px solid #ddd;


}





.contact ul li:hover .contactBottom {


	background: #fcfcfc;


}





.contactTop i {


	display: block;


	width: 50px;


	height: 1px;


	background: #ddd;


	margin: 0 auto;


	position: absolute;


	left: 43.5%;


	top: 1.8rem;


}





@keyframes newsd {


	0% {


		background: url("/static/images/newsico04.png")/*tpa=http://www.cqhaxf.com/static/images/newsico04.png*/ no-repeat 97% center;


	}





	50% {


		background: url("/static/images/newsico04.png")/*tpa=http://www.cqhaxf.com/static/images/newsico04.png*/ no-repeat 95% center;


	}





	100% {


		background: url("/static/images/newsico04.png")/*tpa=http://www.cqhaxf.com/static/images/newsico04.png*/ no-repeat 97% center;


	}


}





.newsCenterb ul li:hover .newsCenterbTextr {


	animation: newsd linear 1s infinite alternate;


}





.newsImg::before {


	position: absolute;


	top: 50%;


	left: 50%;


	width: 102%;


	height: 103%;


	border: 2px solid #fff;


	content: '';


	opacity: 0;


	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;


	transition: opacity 0.35s, transform 0.35s;


	-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);


	transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);


	-webkit-transform-origin: 50%;


	transform-origin: 50%;


	-webkit-transition: .8s;


	transition: .8s;


}





.newsTop ul li:hover .newsImg::before {


	opacity: 1;


	background-color: rgba(0, 0, 0, 0.2);


	-webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -135deg) scale3d(1, 1, 1);


	transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 0deg) scale3d(1, 1, 1);


	z-index: 2;


}





@keyframes lr {


	0% {


		-webkit-transform: translateX(-5px);


		transform: translateX(-5px);


	}





	25% {


		-webkit-transform: translateX(5px);


		transform: translateX(5px);


	}





	50% {


		-webkit-transform: translateX(-5px);


		transform: translateX(-5px);


	}





	75% {


		-webkit-transform: translateX(5px);


		transform: translateX(5px);


	}





	100% {


		-webkit-transform: translateX(-5px);


		transform: translateX(-5px);


	}


}





@keyframes tb {


	0% {


		-webkit-transform: translateY(-5px);


		transform: translateY(-5px);


	}





	25% {


		-webkit-transform: translateY(5px);


		transform: translateY(5px);


	}





	50% {


		-webkit-transform: translateY(-5px);


		transform: translateY(-5px);


	}





	75% {


		-webkit-transform: translateY(5px);


		transform: translateY(5px);


	}





	100% {


		-webkit-transform: translateY(-5px);


		transform: translateY(-5px);


	}


}





.promessageBox input.a-bth {


	text-indent: 0rem;


	color: #fff;


	position: relative;


	-webkit-transition: .5s;


	transition: .5s;


	margin-top: .2rem;


	display: block;


}





.promessageBox input.a-bth::after {


	width: 50%;


	left: 50%;


	background: #333;


	position: absolute;


	content: "";


}





.promessageBox input.a-bth::after:hover {


	width: 100%;


	height: 100%;


	background: #333;


	content: "";


}





.caseTitleR ul li {}





.caseTitleR ul li a {


	position: relative;


}





.caseTitleR ul li .ctc {


	display: block;


	width: 0;


	position: absolute;


	left: 0px;


	top: 0px;


	white-space: nowrap;


	overflow: hidden;


	-webkit-transition: all .8s ease-out;


	transition: all .8s ease-out;


	opacity: 0;


	font-size: 0.15rem;


}





.caseTitleR ul li:hover .ctc {


	width: 100%;


	color: #333;


	opacity: 1;


}





.caseTitleR ul li .gaoliang .ctc {


	width: 100%;


	color: #333;


	opacity: 1;


}





.news_classify ul li .gaoliang i {


	left: .18rem;


}





.news_classify ul li .gaoliang span {


	color: #9f0304;


	background: url("/static/images/newsico3.png")/*tpa=http://www.cqhaxf.com/static/images/newsico3.png*/ no-repeat 90% center;


}





.news_classify ul li .gaoliang b {


	left: 0;


}





.caseTitleR ul li span::before {


	width: .1rem;


	height: .1rem;


	border: 2px solid #333;


	content: "";


	display: inline-block;


	margin-right: 10px;


	border-radius: 50%;


	line-height: .2rem;


	vertical-align: revert;


	border-color: #333;


}





.caseTitleR ul li a {


	position: relative;


}





.caseTitleR ul li .ctc {


	display: block;


	width: 0;


	position: absolute;


	left: 0px;


	top: 0px;


	white-space: nowrap;


	overflow: hidden;


	-webkit-transition: all .8s ease-out;


	transition: all .8s ease-out;


	opacity: 0;


}





.caseTitleR ul li:hover .ctc {


	width: 100%;


	color: #333;


	opacity: 1;


}





.caseTitleR ul li span::before {


	width: .1rem;


	height: .1rem;


	border: 2px solid #333;


	content: "";


	display: inline-block;


	margin-right: 10px;


	border-radius: 50%;


	line-height: .2rem;


	vertical-align: unset;


	border-color: #333;


}





.proListclass2 {


	width: 82%;


	color: #fff;


	display: inline-block;


	font-size: .16rem;


	margin-left: .05rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	position: relative;


	z-index: 2;


}





.caseLdd {


	width: 100%;


	height: 100%;


	position: relative;


	overflow: hidden;


	border-radius: 0 0 .03rem .03rem;


	-webkit-transition: .5s;


	transition: .5s;


	border-radius: 5px;


	border-radius: 5px 5px 0 0;


}





.caseLdd:hover .caseText {


	border-radius: 0 0 .03rem .03rem;


}





.caseLdd:hover {


	box-shadow: 0 0 16px rgba(0, 0, 0, .1);


}





.caseLdd .button_text_container {


	width: 0%;


	height: 0%;


	position: absolute;


	top: 100%;


	left: 0;


	background: #0258b8;


	z-index: -1;


	-webkit-transition: 1.2s;


	transition: 1.2s;


	border-radius: 50%;


}





.caseLdd:hover .button_text_container {


	top: 0;


	left: -25%;


	width: 150%;


	height: 150%;


	background: #333;


}





.proListclass1 b {


	display: inline-block;


	width: 15%;


	background: url("/static/images/proico1.png")/*tpa=http://www.cqhaxf.com/static/images/proico1.png*/ no-repeat center;


	overflow: hidden;


	cursor: pointer;


	padding: .1rem 0;


	vertical-align: bottom;


	transition: all .4s;


	-webkit-transform: rotate(0);


	transform: rotate(0);


	position: relative;


	z-index: 2;


}





.proListclass1 i {


	position: absolute;


	width: 3px;


	height: 100%;


	top: 0;


	left: .03rem;


	background: #fff;


	z-index: 3


}





.proListclass1 b.active {


	-webkit-transform: rotate(-90deg);


	transform: rotate(-90deg);


}





.proListclass2:hover {


	color: #fff !important;


}





.bdsharebuttonbox {


	zoom: 1;


	display: inline-flex;


	vertical-align: middle;


	margin-left: 10px;





}





.button_text_container {


	position: absolute;


	top: 0;


	left: 0;


}





.detailsR {


	width: 35%;


	margin-top: .04rem;


}





.productsCC {


	overflow: hidden;


	border-bottom: 1px solid #ededed;


	padding-left: -15px;


	padding-right: -15px;


}





.scan {


	color: #666;


	background-image: url("/static/images/ewm.gif")/*tpa=http://www.cqhaxf.com/static/images/ewm.gif*/;


	background-repeat: no-repeat;


	background-position: left center;


	padding: 0px 0 8px 30px;


	position: relative;


	display: inline-block;


}





#qrcode {


	margin-top: 10px;


	position: absolute;


	right: 8px;


	top: .3rem;


}





.newsdetails #qrcode {


	position: absolute;


	right: -50px;


	top: 40px;


	z-index: 3


}





#qrcode img {


	width: 200px;


	height: 200px;


	border: 8px solid #fff;


	box-shadow: 0 0 5px rgba(0, 0, 0, .2);


}





.map-marker dt {


	float: left;


}





.map-marker dd {


	height: 100px;


	overflow: hidden;


	margin-left: 110px;


}





.map-marker h4 {


	height: 30px;


	font-size: 18px;


	padding-bottom: 0;


	margin-bottom: 0;


	white-space: nowrap;


	overflow: hidden;


	text-overflow: ellipsis;


	padding-top: 0;


	margin-top: 0;


	line-height: 30px;


}





.map-marker {


	height: 100px;


}





.map-marker dd span {


	font-size: 18px;


}





.map-marker p {


	height: 40px;


	line-height: 20px;


	overflow: hidden;


}





.bdshare-button-style1-16 span {


	float: left;


	margin-top: .02rem;


	color: #666;


}





.addLine {


	display: block;


	font-size: .15rem;


	padding-bottom: .2rem;


	background: url("/static/images/aboutidd.png")/*tpa=http://www.cqhaxf.com/static/images/aboutidd.png*/ no-repeat center bottom;


	margin-bottom: .2rem;


}





.contactMap {


	background: url("/static/images/aboutbottomhover.jpg")/*tpa=http://www.cqhaxf.com/static/images/aboutbottomhover.jpg*/ no-repeat center bottom;


	overflow: hidden;


	padding-bottom: .10rem;


	margin-bottom: -10px;


}





.productRtopl {


	padding: 0;


}





.productRtopr {


	padding: 0;


	border: 1px solid #ededed;


	border-left: 0;


	padding: 0 3% .1rem;


	height: 417px;


}





.pc-slide .view {


	height: 417px;


}





.relevant {


	overflow: hidden;


	max-height: 0.7rem;


	margin-bottom: 0.2rem;


}





.caseRe img {


	display: inline-block;


}





.caseREimg {


	width: .32rem;


	height: .25rem;


	overflow: hidden;


	display: inline-block;


	float: none;


	margin-top: 6px;


	vertical-align: sub;


}





.caseContainer p,


.caseContainer span,


.productsText p,


.productsText span {


	font-size: 0.15rem;


}





.productsCC img {


	display: inline-block;


}





.dd {}





.proListclass1:before {


	content: "";


	position: absolute;


	top: -100%;


	left: 0%;


	width: 100%;


	height: 100%;


	background: rgba(0, 0, 0, .2);


	-webkit-transition: .5s;


	z-index: 1;


}





.dd:before {


	position: absolute;


	top: 0;


	left: 0%;


	width: 100%;


	height: 100%;


	background: rgba(0, 0, 0, .2);


	-webkit-transition: .5s;


	z-index: 1;


}





.sidepromenu:hover .proListclass1:before {


	top: 0;


}





@media (max-width:1200px) {


	.caseMenu {


		width: 100%;


		height: auto;


		background: none;


		padding-bottom: .1rem;


	}





	.caseMenuTop {


		display: none;


	}





	.caseMenuBottom {


		padding-top: 0rem;


	}





	.caseMenuBottom .caseTitleL {


		padding-top: .12rem;


		padding-bottom: .12rem;


		text-align: center;


		font-size: .2rem;


		background: #f4f5f8;


	}





	.caseMenuBottom .caseTitleL i {


		padding-right: .05rem;


	}





	.caseMenuBottom .caseTitleR ul {


		padding-top: .3rem;


	}





	.caseMenuBottom .caseTitleR ul li {


		margin-top: .1rem;


		padding: .04rem .08rem;


	}





	.caseTab ul li span {


		width: 1.6rem;


		font-size: .15rem;


	}





	.proListTop img {


		display: none;


	}





	.proList {


		padding-top: .2rem;


	}





	.prouctsTitle h3 {


		color: #333;


	}





	.prouctsTitle p {


		color: #666;


	}





	.proList_classify ul li p {


		display: none;


	}





	.proHot,


	.newsHot {


		display: none;


	}





	.proListRtop {


		display: none;


	}





	.proListRsort {


		display: none;


	}





	.productsBorer {


		padding: .05rem;


	}





	.proListCenter ul {


		margin-right: -15px;


		margin-left: -15px;


	}





	.proListclass1 {


		background: #f1f1f1;


		border-bottom: 1px solid #fff;


	}





	.proListclass1 b {


		display: none;


	}





	.proListclass1 a {


		color: #333;


		width: 100%;


		display: block;


		text-align: center;


		font-weight: normal;


	}





	.proListclass2:hover {


		color: #333;


	}





	.proList_classify ul li i {


		display: none;


	}





	.proListclass1 span {


		width: 100%;


		font-size: 1.4rem;


		font-weight: normal;


		color: #333;


	}





	.proListCenter ul li:hover .productsBorer {


		border: 1px solid #dededd;


	}





	.proListCenter ul li:hover .caseListhide {


		top: -100%;


	}





	.proListCenter li {


		margin-top: .1rem;


		margin-bottom: .1rem;


	}





	.proListCenter ul li:hover a.proListTitle {


		color: #333;


		border-bottom: 1px solid #dededd;


	}





	.proListCenter ul li:hover a.proMore {


		color: #999;


	}





	.proListclass1 a {


		color: #fff;


	}


}





.baidu-maps label {


	max-width: none;


}





@media (max-width:992px) {


	.col-md-1 {


		width: 8.33333333%;


	}





	.col-md-2 {


		width: 16.6666666%;


	}





	.col-md-3 {


		width: 25%;


	}





	.col-md-4 {


		width: 33.33333333%;


	}





	.col-md-5 {


		width: 41.66666666%;


	}





	.col-md-6 {


		width: 50%;


	}





	.col-md-7 {


		width: 58.33333333%;


	}





	.col-md-8 {


		width: 66.66666666%;


	}





	.col-md-9 {


		width: 75%;


	}





	.col-md-10 {


		width: 83.33333333%;


	}





	.col-md-11 {


		width: 91.666666666;


	}





	.col-md-12 {


		width: 100%;


	}





	.caseMenuTop {


		display: none;


	}





	.caseMenuBottom .caseTitleR ul {


		padding-top: .1rem;


	}





	.caseMenuBottom .caseTitleR ul li {


		padding-right: .05rem;


	}





	.caseTab ul li b {


		display: none;


	}





	.caseRel i {


		display: block;


		text-align: center;


		font-size: .2rem;


	}





	.proListclass1 a {


		color: #fff;


	}


}





@media (max-width:768px) {


	.proListclass1 a {


		color: #fff;


	}





	.col-sm-1 {


		width: 8.33333333%;


	}





	.col-sm-2 {


		width: 16.6666666%;


	}





	.col-sm-3 {


		width: 25%;


	}





	.col-sm-4 {


		width: 33.33333333%;


	}





	.col-sm-5 {


		width: 41.66666666%;


	}





	.col-sm-6 {


		width: 50%;


	}





	.col-sm-7 {


		width: 58.33333333%;


	}





	.col-sm-8 {


		width: 66.66666666%;


	}





	.col-sm-9 {


		width: 75%;


	}





	.col-sm-10 {


		width: 83.33333333%;


	}





	.col-sm-11 {


		width: 91.666666666;


	}





	.col-sm-12 {


		width: 100%;


	}





	.caseMenuBottom .caseTitleR ul {


		padding-top: .1rem;


	}





	.caseMenuBottom .caseTitleR ul li {


		padding: .05rem 0.2rem;


	}





	.caseRer {


		display: none;


	}





	.caseList {


		padding-top: .2rem;


	}





	.caseTitleR ul li:hover {


		box-shadow: 0 0 0;


	}





	.caseList li:hover .caseText {


		background: #fff;


	}





	.caseList li .caseListTitle {


		font-size: .14rem;


		font-weight: normal;


	}





	.caseList li:hover .caseListTitle {


		font-weight: bold;


		font-weight: normal;


	}





	.caseList li {


		margin-bottom: .2rem;


	}





	.caseList li:hover .caseListTitle {


		color: #333;


	}





	.caseList li p {


		font-size: 1.2rem;


		line-height: 1.5rem;


		display: -webkit-box;


		-webkit-box-orient: vertical;


		-webkit-line-clamp: 4;


		overflow: hidden;


		height: .6rem;


		font-size: .15rem;


		padding: 0 .05rem;


	}





	.caseText {


		padding-top: 0;


		padding-bottom: .05rem;


	}





	.caseList li .caseMore {


		display: none;


	}





	.caseLine {


		display: none;


	}





	.caseList li:hover p {


		color: #666;


	}





	.caseList li:hover .caseListhide {


		top: -102%;


	}





	.caseContainer {


		padding-bottom: .4rem;


	}





	.caseTab ul li img {


		display: none;


	}





	.caseTab ul li span {


		display: none;


	}





	.caseTab ul li i {


		display: block;


		margin: 0 auto;


	}





	.caseTab ul li i.caseCenterIco2 {


		display: block;


		float: right;


		padding: .25rem;


		background: url("/static/images/casecenterico2.png")/*tpa=http://www.cqhaxf.com/static/images/casecenterico2.png*/ no-repeat center;


	}





	.caseTab ul li {


		padding: 0 .2rem;


		background: #ededed;


	}





	.caseTab {


		margin-top: .2rem;


	}





	.caseCenter h1 {


		font-size: .3rem;


		line-height: .9rem;


	}





	.caseRecenter li .caseMore {


		display: none;


	}





	.caseRecenter li p {


		font-size: .14rem;


		line-height: .2rem;


		padding: 0 .1rem;


		line-height: .2rem;


		height: .8rem;


		display: -webkit-box;


		-webkit-box-orient: vertical;


		-webkit-line-clamp: 4;


		overflow: hidden;


		color: #666;


	}





	.caseRecenter .caseText {


		background: #f2f2f2;


		padding-bottom: 1rem;


	}





	.caseRe i {


		display: block;


		text-align: center;


		font-size: .24rem;


	}





	.proListTop img {


		display: none;


	}





	.proList {


		padding-top: .2rem;


	}





	.prouctsTitle h3 {


		color: #333;


	}





	.prouctsTitle p {


		color: #666;


	}





	.proList_classify ul li p {


		display: none;


	}





	.proHot,


	.newsHot {


		display: none;


	}





	.proListRtop {


		display: none;


	}





	.proListRsort {


		display: none;


	}





	.productsBorer {


		padding: .05rem;


	}





	.proListCenter ul {


		margin-right: -15px;


		margin-left: -15px;


	}





	.proListclass1 {


		background: #f1f1f1;


	}





	.proList_classify ul li i {


		display: none;


	}





	.proListclass1 span {


		width: 100%;


		font-size: .14rem;


		font-weight: normal;


		color: #333;


	}





	.proListCenter ul li:hover .productsBorer {


		border: 1px solid #dededd;


	}





	.proListCenter ul li:hover .caseListhide {


		top: -100%;


	}





	.proListCenter li {


		margin-top: 0;


		margin-bottom: .1rem;


	}





	.proListCenter ul li:hover a.proListTitle {


		color: #333;


		border-bottom: 1px solid #dededd;


	}





	.proListCenter ul li:hover a.proMore {


		color: #999;


	}





	.pro_page {


		margin: 0;


		text-align: center;


	}





	.proList_sort ul li:hover .proHot_txt {


		color: #333;


	}





	.proList_classify {


		margin-left: 15px;


		margin-right: 15px;


	}





	.exzoom .exzoom_zoom_outer {


		display: none


	}





	.productRtopr h4 {


		display: none;


	}





	.productRtopr p {


		display: none;


	}





	.productRtopr h5 {


		display: none;


	}





	.relevant {


		display: none;


	}





	.relevantImg {


		display: none;


	}





	.details {


		display: none;


	}





	.detailsR {


		display: none;


	}





	.promessageBox input {


		margin-top: .1rem;


	}





	.textarea {


		min-height: .8rem;


	}





	.show {


		height: 1.4rem;


	}





	.show img {


		height: 1.4rem;


	}





	.smallshow>.middle_box {


		width: 78%;


	}





	.productRtopl {


		padding-left: -15px;


		padding-right: -15px;


	}





	.smallshow .middle>li {


		padding: 0 1%;


	}





	.bg_right {


		display: none;


	}





	.mask {


		display: none;


	}





	.smallshow .middle {


		overflow: hidden;


		transition: all 0.5s;


		height: .4rem;


	}





	.smallshow .middle>li {


		width: 21%;


	}





	.prolistImgd {


		padding: 0px;


		margin-bottom: .1rem;


	}





	.productsLil i {


		display: none;


	}





	.productsLil {


		margin-top: .1rem;


		margin-bottom: .1rem;


	}





	.productsLir i {


		margin-bottom: 0;


	}





	.productsLir {


		padding: 0;


	}





	.productss .proListRsort {


		border-bottom: 1px solid #dededd;


		box-shadow: 0 0 0;


		margin-bottom: 0rem;


	}





	.aboutTop {


		background: none;


	}





	.aboutL {


		padding-right: 0;


		padding-bottom: 0;


	}





	.aboutR h4 {


		font-size: .18rem;


	}





	.aboutR {


		padding-top: .1rem;


		color: #333;


	}





	.aboutR h4 {


		color: #333;


		text-align: center;


	}





	.aboutR span {


		display: block;


		color: #333;


		text-align: center;


		color: #999;


	}





	.aboutR p {


		color: #333;


		height: auto;


	}





	.aboutLine {


		margin: .4rem auto;


		background: #666;


	}





	.aboutTitle h3 {


		margin-top: .2rem;


		font-size: .2rem;


	}





	.aboutTitle span {


		padding-top: 0;


	}





	.honor ul li {


		margin-top: .1rem;


	}





	.contact ul li:hover .contactBottom {


		background: none;


	}





	.contact ul li:hover .contactTop {


		background: none;


	}





	.contact ul li:hover h4.contactmeg {


		background: url("/static/images/contactico1.png")/*tpa=http://www.cqhaxf.com/static/images/contactico1.png*/ no-repeat center .1rem;


	}





	.contact ul li:hover h4.contactNetwork {


		background: url("/static/images/contactico2.png")/*tpa=http://www.cqhaxf.com/static/images/contactico2.png*/ no-repeat center .1rem;


	}





	.contact ul li:hover h4.contactService {


		background: url("/static/images/contactico3.png")/*tpa=http://www.cqhaxf.com/static/images/contactico3.png*/ no-repeat center .1rem;


	}





	.contact ul li:hover .contactTop h4 {


		color: #333;


	}





	.contact ul li:hover .contactTop span {


		color: #666;


	}





	.contactBottom {


		padding: 0.1rem 0;


	}





	.contact ul li:first-child .contactBottom {


		padding: 0.1rem 0 .8rem;


	}





	.contact ul li {


		margin-top: .2rem;


	}





	.contactTop {


		padding: .1rem 0;


	}





	.contact {


		padding-bottom: .2rem;


	}





	.contactBox ul li {


		padding: 0 3%;


		margin: .2rem 0;


		height: auto;


	}





	.contactList ul li h4 {


		line-height: 2;


	}





	.contactBox {


		margin-top: 0;


	}





	.aboutTitle p {


		padding: .2rem 5%;


		text-align: left;


		text-indent: .2em;


	}





	.news_classify {


		padding-left: 15px;


		padding-right: 15px;


	}





	.news_classify ul li a {


		background: #f2f2f2;


	}





	.news_classify ul li b {


		display: none;


	}





	.news_classify ul li i {


		display: none;


	}





	.newsCenterTop {


		padding: .1rem;


		margin-top: .2rem;


		border-radius: .5px;


	}





	.newsCenterT,


	.newsCenterTopl,


	.newsCenterTopr {


		padding-left: 0;


		padding-right: 0;


	}





	.nwesCenterbText span {


		display: none;


	}





	.newsCenterbTextr {


		width: 100%;


		padding: 0 8% 1%;


	}





	.honorMore1 {


		margin-bottom: 0.2rem;


	}





	.bdshare-button-style1-16 {


		display: none;


	}





	.newsCenterb ul li {


		padding-left: 0;


		padding-right: 0;


		box-shadow: 0 0 16px rgba(0, 0, 0, .1);


	}





	.news_classify ul li:hover span {


		color: #333;


		background: url("/static/images/newsico1.png")/*tpa=http://www.cqhaxf.com/static/images/newsico1.png*/ no-repeat 90% center;


	}





	.newsCenterb ul li:hover a {


		color: #333;


	}





	.newsTop ul li:hover .newsTopcenter {


		-webkit-transform: translateY(0px);


		transform: translateY(0px);


		background: #fff;


		box-shadow: 0 0 16px rgba(0, 0, 0, .1);


	}





	.newsTop ul li:hover .newsText {


		color: #333;


	}





	.newsTop ul li:hover .newsTopcenter span {


		color: #333;


		background: url("/static/images/newslistmore.png")/*tpa=http://www.cqhaxf.com/static/images/newslistmore.png*/ no-repeat 96% center;


	}





	.newsTopcenter span {


		margin-top: .05rem;


		color: #999;


	}





	.newsTopcenter .newsText {


		overflow: hidden;


		text-overflow: ellipsis;


		white-space: nowrap;


	}





	.newsListRtop:hover .newsListRtopL {


		display: none;


		width: 0;


	}





	.newsListRtop:hover .newsListRtopR {


		width: 100%;


	}





	.newsQa {


		margin-top: .3rem;


	}





	.newsQa ul li a {


		width: 83%;


	}





	.newsQa ul li b {


		width: 83%;


	}





	.newsQa ul li:hover {


		color: #333;


	}





	.newsListRtop:hover {


		box-shadow: 0 0 0 rgb(255, 255, 255);


		border-bottom: 1px solid #f2f2f2;


	}





	.newsListLcenter:hover {


		box-shadow: 0 0 0 rgba(255, 255, 255, 1)


	}





	.newsListRtop:hover .newsListRtopR {


		padding: 0;


	}





	.newsListRtop:hover .newsListRtopR a {


		color: #333;


	}





	.productTopImg {


		padding: 0;


	}





	.pc-slide {


		margin: .2rem 0 0rem;


	}





	.driving-way .hd {


		display: none;


	}





	.driving-way .map-tab #result {


		top: 130%;


		width: 100%;


	}





	.content-show {


		overflow: hidden;


		padding-bottom: .4rem;


	}





	.wjdh-map #wmap {


		height: 5rem;


	}





	.caseRecommend {


		padding-bottom: .5rem;


	}





	.caseRecenter li:hover .caseListhide {


		display: none;


	}





	.caseRecenter li:hover .caseText {


		background: #f2f2f2;


	}





	.caseRecenter li:hover .caseListTitle {


		color: #333;


		font-weight: bold;


	}





	.caseRecenter li:hover p {


		color: #666;


	}





	.prolistImgd:hover .proMored {


		position: absolute;


		top: 84%;


		width: 100%;


		height: 0%;


		left: 0;


		width: 100%;


		background: rgba(0, 0, 0, .4) url("../images/productslist3.png")/*tpa=http://www.cqhaxf.com/static/images/productslist3.png*/ no-repeat 90% .8rem;


		color: #fff;


		line-height: 1.4rem;


		-webkit-transition: .5s;


		transition: .5s;


		padding: 3% 5%;


		text-align: left;


	}





	.aboutR p {


		height: auto


	}





	.aboutR p:hoveR {


		height: auto;


	}





	.newsdetails {


		margin-left: 0;


		margin-right: 0;


	}





	.productsCenter {


		padding-left: -15px;


		padding-right: -15px;


	}





	.productRtop .productRtopl {


		padding-left: -15px;


		padding-right: -15px;


	}





	.pro-textarea {


		text-indent: .25rem;


		line-height: 2.4;


	}





	.productsTTOP:hover .casemImg {


		display: none;


	}





	.caseTitleR ul li:hover a {


		color: #333;


	}





	.honor ul li:hover .honorImg span::before {


		opacity: 0;


	}





	.honor ul li:hover .honorMore {


		color: #333;


	}





	.contact ul li:hover .contactBottom::before,


	.contact ul li:hover .contactBottom::after {


		opacity: 0;


		content: "";


	}





	.contact ul li:hover {


		-webkit-transform: translateY(0px);


		transform: translateY(0px);


	}





	.caseList li:hover .caseListhide {


		display: none;


	}





	.newsCenterb ul li:hover .newsCenterbImg::before,


	.newsCenterb ul li:hover .newsCenterbImg::after {


		opacity: 0;


		content: "";


	}





	.newsCenterb ul li .newsCenterbImg i {


		opacity: 0;


	}





	.newsCenterb ul li:hover .newsCenterbImg i {


		opacity: 0;


	}





	.newsTopcenter .newsText {


		height: .2em;


		display: block;


	}





	.proListCenter li .productsBorer:hover .border-left {


		opacity: 0;


	}





	.proListCenter li .productsBorer:hover .border-right {


		opacity: 0;


	}





	.proListCenter li .productsBorer:hover .border-top {


		opacity: 0;


	}





	.proListCenter li .productsBorer:hover .border-bottom {


		opacity: 0;


	}





	.productsBorer:hover i a::before,


	.productsBorer:hover i a::after {


		display: none;


	}





	.newsCenterTop:hover a img {


		-webkit-transform: scale(1);


		transform: scale(1);


		opacity: 1;


	}





	.newsCenterTopr h4 a {


		font-size: .16rem;


	}





	.newsCenterTop:hover h4 a {


		color: #333;


		-webkit-transform: translateX(0px);


		transform: translateX(0px);


	}





	.newsCenterb ul li:hover .newsCenterbTextr a {


		-webkit-transform: translateX(0px);


		transform: translateX(0px);


	}





	.newsCenterb ul li .newsCenterbTextr {


		animation: newsd linear 3s infinite alternate;


	}





	.newsTop ul li:hover .newsImg::before {


		opacity: 0;


	}





	.prolistImgd:hover .proMored {


		height: 20%;


	}





	.productsCtl img {


		margin-left: .05rem;


	}





	.sidepromenu {


		padding-left: 2px;


		padding-right: 2px;


	}


}





.caseMenu {


	width: 100%;


	height: 150px;


	background: url("/static/images/casemenu.jpg")/*tpa=http://www.cqhaxf.com/static/images/casemenu.jpg*/ no-repeat center;


	color: #999;


}





.honorImg1 {


	display: block;


	position: relative;


	padding: 40%;


	background: #fff;


	box-shadow: 0 5px 16px rgba(0, 0, 0, .1);


}





.honorMore1 {


	text-align: center;


	display: block;


	padding-top: .08rem;


	line-height: 3;


	font-size: .15rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	position: relative;


}





.honorImg1 span {


	display: block;


	position: absolute;


	width: 100%;


	height: 100%;


	top: 0%;


	left: 0%;


	display: block;


	overflow: hidden;


}





.productsText p span {


	font-size: .15rem;


}





.page-content span {


	font-size: .15rem;


}





.honorImg1 img {


	max-width: 94%;


	max-height: 94%;


	padding: 0%;


	position: absolute;


	top: 0;


	left: 0;


	bottom: 0;


	right: 0;


	margin: auto;


}





.honorBox ul li:hover .honorImg1 span::before {


	width: 100%;


	left: 0;


	opacity: 1;


	background: rgba(0, 0, 0, .2) url("../images/sosuo.png")/*tpa=http://www.cqhaxf.com/static/images/sosuo.png*/ no-repeat center center;


}





.honorImg1 span::before {


	content: "";


	width: 0;


	height: 100%;


	background: rgba(0, 0, 0, .2) url("../images/sosuo.png")/*tpa=http://www.cqhaxf.com/static/images/sosuo.png*/ no-repeat center -2rem;


	padding: 14px 18px;


	position: absolute;


	top: 0;


	left: 50%;


	opacity: 0;


	transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;


}





.honorMore1 {


	text-align: center;


	display: block;


	padding-top: 0.08rem;


	line-height: 3;


	font-size: .15rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	position: relative;


	margin-bottom: 2rem;


}





.honorMore1::after,


.honorMore1::before {


	-webkit-backface-visibility: hidden;


	backface-visibility: hidden;


	border-top: 1px solid transparent;


	bottom: 0;


	content: " ";


	display: block;


	margin: 0 auto;


	position: relative;


	-webkit-transition: all 280ms ease-in-out;


	transition: all 280ms ease-in-out;


	width: 0;


}





.honorBox ul li:hover .honorMore1::after,


.honorBox ul li:hover .honorMore1::before {


	-webkit-backface-visibility: hidden;


	backface-visibility: hidden;


	border-color: #ddd;


	-webkit-transition: width 350ms ease-in-out;


	transition: width 350ms ease-in-out;


	width: 90%;


}





.caseRecommend .caseRecommend {


	margin-top: 1rem;


	margin-bottom: 1rem;


}





.honorBox {


	overflow: hidden;


}





.honorBox ul {


	margin-top: .2rem;


}





.searchBoxTitle {


	font-weight: bold;


	margin-top: .4rem;


	font-size: .2rem;


	letter-spacing: .2px;


	margin-bottom: .4rem;


}





.searchProducts h5 {


	border: 1px solid #ccc;


	padding: .1rem;


	border-radius: 5px;


	font-weight: bold;


	margin-bottom: .2rem;


}





.searchImg a.searchImgCenter {


	display: block;


	position: relative;


	padding: 50%;


	border: 1px solid #ccc;


}





.searchImg a.searchImgCenter img {


	position: absolute;


	top: 0;


	left: 0;


	right: 0;


	bottom: 0;


	max-width: 100%;


	max-height: 100%;


	display: block;


	padding: 10%;


}





a.searchText {


	text-align: center;


	display: block;


	margin-top: .1rem;


	font-size: .12rem;


	font-weight: bold;


	color: #666;


}





a.searchText {


	margin-bottom: .2rem;


}





.searchNews h5 {


	border: 1px solid #ccc;


	padding: .1rem;


	border-radius: 5px;


	font-weight: bold;


	margin-bottom: .2rem;


}





.searchNews ul li a {


	color: #333;


	display: block;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	padding: .05rem 0;


	-webkit-transition: .5s;


	transition: .5s;


	font-size: .15rem;


	font-weight: bold;


}





.searchNews ul li a:hover {


	color: #12a7eb;


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.siteMapBox {


	overflow: hidden;


	border: 1px solid #ccc;


	margin-top: .3rem;


	padding-bottom: .3rem;


	margin-bottom: 0.3rem;


}





.text-right1 {


	float: right;


	padding: .05rem;


	background: #F8F8F8;


	color: #666;


	border: 1px solid #E0E0E0;


	z-index: 2;


}





.text-right1 a {


	color: #666;


	display: inline-block;


	padding: 0 5px;


}





.text-right1 a:hover {


	color: #333;


}





.siteMapBox ul li {


	padding: 0rem .2rem;


	line-height: .2rem;


	overflow: hidden;


}





.siteMapBox ul li a.siteTitle {


	font-weight: bold;


	display: block;


	line-height: .4rem;


	font-size: .16rem;


}





.siteMapBox ul li .siteMapMt {


	overflow: hidden;


	border: 1px solid #ccc;


	padding: .05rem;


}





.siteMapBox ul li .siteMapMt a.siteMore {


	padding: 0 20px;


}





.siteMapBox {


	position: relative;


}





.text-right1 {


	position: absolute;


	right: 0;


}





.siteMapBox ul li a.siteMore:hover {


	color: #333;


}





.siteMapBox ul li .siteMapMt b {


	display: block;


	width: 100%;


}





.searchMore {


	display: block;


}





.siteMore {


	display: block;


}





.siteMore i {


	display: block;


}





.siteMdd {


	display: block;


}





.siteMapMt span {


	display: block;


	text-align: center;


}





.siteMapMt p {


	float: left;


	margin-bottom: 0;


}





.webqq_left span {


	font-size: 18px;


}





@media (max-width:768px) {


	.caseTitleR {


		margin-bottom: .2rem;


		overflow: hidden;


	}





	.caseMenuBottom .caseTitleR ul {


		padding-top: 0;


	}





	.caseMenu {


		background: none;


	}





	.caseMenu {


		height: auto;


	}





	.honorImg1 span {


		display: none;


	}





	.honorBox ul li:hover .honorMore1::after,


	.honorBox ul li:hover .honorMore1::before {


		-webkit-backface-visibility: hidden;


		backface-visibility: hidden;


		border-color: transparent;


		-webkit-transition: width 350ms ease-in-out;


		transition: width 350ms ease-in-out;


		width: 90%;


		content: "";


	}





	.caseRecommend {


		padding-bottom: 0;


	}





	.caseTitleR ul li .ctc {


		display: none;


	}





	.caseTab ul li {


		padding: .2rem .2rem;


	}





	.caseTab ul li:last-child a {


		background: none;


	}





	.caseTab ul li a {


		background: none;


	}





	.caseTab ul li:hover {


		background: none;


	}





	.caseTab ul li:last-child:hover a {


		background: none;


	}





	.caseTab ul li:hover a {


		background: none;


	}





	.scan,


	.bdsharebuttonbox {


		display: none;


	}





	.proListCenter i a::after,


	.productsBorer i::after {


		display: none;


	}





	.border-left,


	.border-right,


	.border-top,


	.border-bottom,


	.border-proleft,


	.border-proright,


	.border-protop,


	.border-probottom {


		display: none;


	}





	.proListCenter ul li:hover a.proListTitle {


		color: #333 !important;


	}





	.pagination a,


	.pagination span {


		padding: 4px 7px;


		margin: 0 .05rem;


	}





	.proListclass2:hover {


		color: #fff;


	}





	.proMored {


		background: rgba(0, 0, 0, .4) url("../images/productslist3.png")/*tpa=http://www.cqhaxf.com/static/images/productslist3.png*/ no-repeat 90% 1rem;


	}





	.webqqs {


		display: none;


	}





	.caseRecenter .caseText {


		padding: 0;


	}





	.caseLdd .button_text_container {


		display: none;


	}





	.proList b {


		display: none !important;


	}





	.proListclass1 {


		overflow: hidden;


	}





	.aboutTop img {


		max-width: 100%;


		height: auto;


	}





	.contact ul li:hover .contactTop {


		background: #fff !important;


	}





	.contact ul li:hover .contactBottom::before,


	.contact ul li .contactBottom::before {


		display: none;


	}





	.row1 {


		margin: 0 -15px;


	}





	.proListCenter li {


		margin-top: .2rem;


		padding: 0 15px;


	}





	.productRtopr {


		height: auto;


	}





	.productsCenter img {


		max-width: 100%;


		height: auto;


	}





	.proListCenter {


		margin: 0 -15px;


	}





	.proListCenter li {


		padding: 0 15px;


	}





	.proList_classify {


		margin: 0 0px;


	}





	.proListL {


		margin-left: 0;


	}





	.container {


		padding-left: 15px;


		padding-right: 15px;


	}





	.proListclass1 i {


		display: none;


	}





	.proList_classify {


		margin-left: 15px;


		margin-right: 15px;


	}





	.proListCenter {


		margin: 0 15px;


	}





	.prolistImgd:hover .proMored {


		position: absolute;


		top: 83.5%;


		display: block;


		border-radius: 0 0 .03rem .03rem;


		left: 0;


		width: 96%;


		background: rgba(0, 0, 0, .4) url("../images/productslist3.png")/*tpa=http://www.cqhaxf.com/static/images/productslist3.png*/ no-repeat 90% .08rem;


		color: #fff;


		-webkit-transition: .5s;


		transition: .5s;


		padding: 0% 5%;


		font-size: .14rem;


		overflow: hidden;


		text-overflow: ellipsis;


		white-space: nowrap;


		padding-right: 20%;


		left: 2%;


		line-height: 1.8;


		height: .24rem;


	}





	.pc-slide .view {


		height: 217px;


	}





	.productRtopr,


	.productsMore {


		display: none;


	}





	.caseList li:hover .caseListTitle {


		color: #333 !important;


	}





	.caseList li p {


		display: none;


	}





	.caseMenu {}





	.caseMenuBottom {


		padding-top: 0;


	}





	.caseList {


		padding-top: .4rem;


	}





	.caseLdd:hover {


		box-shadow: 0 0 0;


	}





	.caseList li .caseListTitle {


		padding: 0.05rem 0;


	}





	.caseList li:hover .caseText {


		border-bottom: 1px solid #f2f2f2;


	}





	.caseContainer {


		padding: 0 15px;


	}





	.caseREimg img {


		display: none;


	}





	.caseRecenter li:hover .caseListTitle {


		font-weight: normal;


	}





	.caseTab {


		padding: 0 15px;


	}





	.newsTop li {


		padding: 0;


	}





	.newsTop ul li:hover .newsTopcenter {


		border-top: 1px solid #f2f2f2;


		background: #fff !important;


	}





	.newsListLcenter {


		box-shadow: 0 0 0;


	}





	.newsListR {


		margin-top: 0.2rem;


	}





	.honorMore1 {


		margin-bottom: 0.2rem;


	}





	.caseRe i {


		text-align: center;


		display: block;


	}





	.wjdh-map {


		position: relative;


		width: 100%;


		height: 500px;


	}





	.wjdh-map #r-result {


		width: 100%;


		height: 5rem;


	}





	.content-show {


		padding: 0;


	}





	.map-tab {


		display: none;


	}





	#wmap {


		height: 5rem;


	}





	#r-result {


		display: none;


	}





	.map-marker h4 {


		font-size: 0.16rem;


	}





	.map-marker dd span,


	.map-marker p {


		font-size: .14rem;


	}





	.newsListLImg::after {


		display: none;


	}





	.newsListLcenter:hover .newsListLtext a,


	.newsListRtop:hover span,


	.newsListRtop:hover b,


	.newsListRtop:hover .newsListRtopR a {


		color: #333 !important;


	}


}





.h1,


h1 {


	font-size: 100%;


	box-sizing: content-box;


}





.page-content p {


	margin-bottom: 10px;


}





.caseContainer p {


	margin-bottom: 10px;


}





@keyframes newsAiMore {


	0% {


		background: url("/static/images/pagearrow.png")/*tpa=http://www.cqhaxf.com/static/images/pagearrow.png*/ no-repeat 100% center;


	}





	20% {


		background: url("/static/images/pagearrow.png")/*tpa=http://www.cqhaxf.com/static/images/pagearrow.png*/ no-repeat 95% center;


	}





	40% {


		background: url("/static/images/pagearrow.png")/*tpa=http://www.cqhaxf.com/static/images/pagearrow.png*/ no-repeat 100% center;


	}





	60% {


		background: url("/static/images/pagearrow.png")/*tpa=http://www.cqhaxf.com/static/images/pagearrow.png*/ no-repeat 95% center;


	}





	80% {


		background: url("/static/images/pagearrow.png")/*tpa=http://www.cqhaxf.com/static/images/pagearrow.png*/ no-repeat 100% center;


	}





	100% {


		background: url("/static/images/pagearrow.png")/*tpa=http://www.cqhaxf.com/static/images/pagearrow.png*/ no-repeat 95% center;


	}


}





.newsAi ul li .newsAicenter {


	box-shadow: 0 0 16px rgba(0, 0, 0, .1);


	padding: 15px 30px;


	margin-top: 0.3rem;


}





.newsAi ul li .newsAicenter span {


	font-size: 0.2rem;


	color: #999;


	display: block;


}





.newsAi ul li .newsAicenter span i {


	font-size: 0.14rem;


	padding-left: 0.05rem;


	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;


}





.newsAiTitle {


	display: block;


	line-height: 3;


	font-size: 0.15rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsAicenter p {


	font-size: 0.14rem;


	color: #666;


	line-height: 2;


	height: 0.76rem;


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


}





.newsAiMore {


	display: block;


	border-top: 1px solid #f5f5f5;


	margin-top: 0.1rem;


	font-size: 0.14rem;


	color: #b2b2b2;


	line-height: 3;


	background: url("/static/images/pagearrow.png")/*tpa=http://www.cqhaxf.com/static/images/pagearrow.png*/ no-repeat 100% center;


	animation: newsAiMore linear 4s infinite alternate;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsAi ul li:hover a.newsAiTitle {


	color: #333;


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.newsAiMore:hover {


	color: #333;


	-webkit-transform: translateX(5px);


	transform: translateX(5px);


}





.nwesCenterbText1 {


	overflow-y: hidden;


}





.nwesCenterbText1 span {


	display: block;


	margin: 0.2rem 0.1rem;


	border: 1px solid #dededd;


	font-size: .25rem;


	line-height: 1;


	padding: .1rem .12rem;


	color: #999;


	float: left;


	line-height: 1.5;


	padding: 0.15rem 0.2rem;


}





.nwesCenterbText1 span i {


	font-size: .15rem;


	display: block;


	padding-top: .04rem;


	padding-bottom: 0rem;


}





.newsCenterbTextr1 {


	padding: 0 0 0 2%;


	width: 85%;


	float: left;


	background: url("/static/images/newsaic.png")/*tpa=http://www.cqhaxf.com/static/images/newsaic.png*/ no-repeat 117% 100% 54%;


	-webkit-transition: .5s;


	transition: .5s;


	position: relative;


	margin-top: 0.16rem;


	overflow: hidden;


	height: 1rem;


}





.newsCenterbTextr1 a.newsAiText {


	display: block;


	font-size: .2rem;


	overflow: hidden;


	text-overflow: ellipsis;


	white-space: nowrap;


	-webkit-transition: .5s;


	transition: .5s;


	width: 100%;


	line-height: 2;


	overflow-y: hidden;


	position: relative;


}





.newsAiMore1 {


	/* width: 20%; */


	/* height: 100%; */


	/* overflow: hidden; */


	/* background: url(/static/images/newsaic.png) no-repeat center right; */


	position: absolute;


	right: -10%;


	top: 0;


	-webkit-transition: .5s;


	transition: .5s;


}





.newsCenterbTextr1 p {


	display: -webkit-box;


	-webkit-box-orient: vertical;


	-webkit-line-clamp: 2;


	overflow: hidden;


	line-height: 2;


	margin: 0;


	font-size: .14rem;


	width: 100%;


	color: #808080;


	-webkit-transition: .5s;


	transition: .5s;


	margin-top: 0.1rem;


}





.proListR1 .newsCenterb ul li {


	margin-top: 0;


	margin-bottom: 0rem;


}





.proListR1 .newsCenterb ul li .newsCenter {


	padding: 20px 30px;


}





.newsCenterb ul li:hover .newsAiMore1 {


	right: 0%;


}





.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText,


.newsCenterb ul li:hover .newsCenterbTextr1 p {


	width: 100%;


}





.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {


	color: #333;


}





.proListR1 .newsCenter {


	border-bottom: 1px solid #f2f2f2;


}





.honorBox .honorMore1 {


	margin-bottom: 0.2rem;


	-webkit-transition: .5s;


	transition: .5s;


}





.honorMore1:hover {


	color: #000;


}





@media(max-width:768px) {


	.nwesCenterbText1 span {


		display: none;


	}





	.newsCenterbTextr1 {


		width: 100%;


	}





	.proListR1 .newsCenterb ul li {


		margin-top: 0.3rem;


		margin-bottom: 0;


	}





	.newsCenterb ul li .newsAiMore1 {


		display: none;


	}





	.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText,


	.newsCenterb ul li:hover .newsCenterbTextr1 p {


		width: 100%;


	}





	.newsCenterb ul li:hover .newsCenterbTextr1 a.newsAiText {


		color: #333;


	}





	.newsCenter {


		border-bottom: 1px solid #e6e6e6;


	}


}








.driving-way .map-go ul .d1 {


	top: 56px;


}





.driving-way .map-go ul .d2 {


	top: 0;


}

.rmdj{overflow: hidden;padding: 0}
.rmdj h2{color: #000;padding: 20px 0 10px 0;border-bottom: #CCC 1px dashed;font-size: .22rem;}
.rmdj h2 img{padding-right: 10px;}
.rmdj li{display: block;float: left;width: 50%;padding: 5px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rmdj li:nth-child(odd){padding: 5px 0 5px 15px;}
.rmdj li span{float: right;}
.rmdj li a{font-size:12px;font-size: 12px; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; float: left; color:#37474f;}
@media screen and (max-width: 768px) {.rmdj{padding:0}.rmdj li{width: 100%;padding: 5px 0;}.rmdj li:nth-child(odd){padding:5px 0}.rmdj li:nth-last-child(-n+20){display: none;}.hidden-xs{display:none}}

.pagination>li{
	border: 1px solid #ddd;
    padding: 5px 15px;
    float: left;
    margin: .03rem .03rem;
}