#head {
	position: relative;
	width: 100%;
	/*height: 100%;*/
	/*background: yellow*/
}

#wrap {
	/*position:absolute;top:100%;*/
	width: 100%;
	/*background: red*/
}

#banner {
	/*height: calc(100% - 140px);*/
	height: 620px;
	clear: both;
	overflow: hidden;
	background: #000;
	margin: 192px 0px 0px 0px;
	position: relative;
}

#yewu {
	width: 100%;
	height: 87px;
	background: #000;
	position: relative;
}

#yewu_main {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 87px;
}

#yewu_left {
	width: 50%;
	height: 87px;
	float: left;
	/*margin-left:-600px;*/
	background: #2b6fb6;
}

#yewu_right {
	width: 50%;
	height: 87px;
	float: right;
	/*margin-right:-600px;*/
	background: #90b2d5;
}

#yewu_main ul {
	clear: both;
	overflow: hidden;
	width: 1200px;
	height: 87px;
	margin: 0 auto;
}

#yewu_main ul li {
	width: calc(25% - 110px);
	float: left;
	height: 87px;
	line-height: 87px;
	font-size: 18px;
	color: #fff;
	padding-left: 110px;
	cursor: pointer;
}

#yewu_main ul li a {
	color: #fff;
}

#yewu_main ul li:nth-child(1) {
	background: #2b6fb6 url("../images/yewu_icon1.png")
		/*tpa=http://www.qdklh.com/images/yewu_icon1.png*/
		no-repeat 36px center;
}

#yewu_main ul li:nth-child(2) {
	background: #5399d7 url("../images/yewu_icon2.png")
		/*tpa=http://www.qdklh.com/images/yewu_icon2.png*/
		no-repeat 36px center;
}

#yewu_main ul li:nth-child(3) {
	background: #72a5d4 url("../images/yewu_icon3.png")
		/*tpa=http://www.qdklh.com/images/yewu_icon3.png*/
		no-repeat 36px center;
}

#yewu_main ul li:nth-child(4) {
	background: #90b2d5 url("../images/yewu_icon4.png")
		/*tpa=http://www.qdklh.com/images/yewu_icon4.png*/
		no-repeat 36px center;
}

#company {
	clear: both;
	overflow: hidden;
	background: #f4f4f4;
	padding: 60px 0px;
}

#company_main {
	width: 1200px;
	margin: 0px auto;
}

.about_lable {
	text-align: center;
}

.about_title1 {
	font-size: 36px;
	color: #222;
	line-height: 36px;
	margin: 0px auto;
	text-align: center;
	position: relative;
	height: 45px;
	width: 365px;
}

.about_title1:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 85px;
	height: 20px;
	border-bottom: 1px solid #999;
}

.about_title1:after {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 85px;
	height: 20px;
	border-bottom: 1px solid #999;
}

.about_title2 {
	font-size: 16px;
	color: #999;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
}

.about_p1 {
	color: #fff;
	line-height: 14px;
	text-align: center;
	font-family: Helvetica, Arial, Gotham, "Helvetica Neue", sans-serif;
}

#company_con {
	width: 1200px;
	margin: 35px auto 0px auto;
	background: url("../images/about_bg1.png") no-repeat left top;
	clear: both;
	overflow: hidden;
}

#company_con_left {
	float: left;
	width: 590px;
	padding-left: 40px;
	position: relative;
	height: 420px;
	overflow: hidden;
}

#company_con_right {
	float: right;
	width: 520px;
}

.company_img1 {}

.company_logo1 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 105px;
	height: 105px;
}

.company_bg1 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 524px;
	height: 131px;
}

.company_title1 {
	width: 452px;
	height: 45px;
	font-size: 30px;
	color: #222;
	background: url("../images/about_bg3.png") no-repeat left center;
	text-align: center;
	line-height: 45px;
	margin: 0 0 20px 0;
}

.company_text1 {
	line-height: 28px;
}

.company_menu {
	width: 505px;
	clear: both;
	/*overflow:hidden;*/
	margin: 30px 0px 0px 0px;
	padding-left: 15px;
}

.company_menu ul li {
	width: 116px;
	height: 38px;
	line-height: 38px;
	margin: 0px 20px 15px 0px;
	padding: 0 10px 0 24px;
	float: left;
	position: relative;
	background: transparent;
	transition: all 400ms ease-in-out;
	z-index: 0;
}

.company_menu ul li:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	transform: skew(-30deg);
	transition: all 400ms ease-in-out;
	background: #fff;
}

.company_menu ul li:hover:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	transform: skew(-30deg);
	transition: all 400ms ease-in-out;
	background: #2b6fb6;
}

.company_menu ul li:nth-child(3n) {
	margin: 0px 0px 15px 0px;
}

.company_menu ul li a {
	height: 38px;
	background: url("../images/company_icon1.png") no-repeat left center;
	padding-left: 20px;
	display: block;
	line-height: 38px;
	font-size: 16px;
	color: #222;
	position: relative;
	transition: all 400ms ease-in-out;
	z-index: 0;
}

.company_menu ul li:hover a {
	background: url("../images/company_icon2.png") no-repeat left center;
	color: #fff;
}

/*yx_rotaion*/
.yx-rotaion {
	margin: 0 auto;
}

.yx-rotaion-btn,
.yx-rotaion-title,
.yx-rotation-focus,
.yx-rotation-t,
.yx-rotaion-btn {
	position: absolute
}

.yx-rotation-title {
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	left: 0;
	bottom: 0;
	_bottom: -1px;
	z-index: 1
}

.yx-rotation-t {
	color: #fff;
	font-size: 16px;
	font-family: microsoft yahei;
	z-index: 2;
	bottom: 0;
	left: 10px;
	line-height: 40px
}

.yx-rotation-focus span,
.yx-rotaion-btn span {
	background: url("../images/ico.png") no-repeat;
	display: block;
}

.yx-rotation-focus {
	height: 40px;
	line-height: 40px;
	right: 20px;
	bottom: 0;
	z-index: 10
}

.yx-rotation-focus span {
	width: 13px;
	height: 13px;
	line-height: 13px;
	float: left;
	margin-left: 5px;
	position: relative;
	top: 14px;
	cursor: pointer;
	background-position: -25px -125px;
	text-indent: -9999px
}

.yx-rotaion-btn {
	width: 100%;
	height: 41px;
	top: 50%;
	margin-top: -20px;
}

.yx-rotaion-btn span {
	width: 41px;
	height: 41px;
	cursor: pointer;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	position: relative
}

.yx-rotaion-btn .left_btn {
	background-position: -2px -2px;
	float: left;
	left: 10px
}

.yx-rotaion-btn .right_btn {
	background-position: -2px -49px;
	float: right;
	right: 10px
}

.yx-rotaion-btn span.hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8
}

.yx-rotation-focus span.hover {
	background-position: -9px -125px
}

.rotaion_list {
	width: 0;
	height: 0;
	overflow: hidden;
}

.rotaion_list a {
	width: 590px;
	height: 420px;
	overflow: hidden;
	display: block;
}

.rotaion_list a img {
	width: 590px;
	height: 420px;
	overflow: hidden;
}

/*yx_rotaion2*/
.yx-rotaion2 {
	margin: 0 auto;
}

.yx-rotaion-btn2,
.yx-rotaion-title2,
.yx-rotation-focus2,
.yx-rotation-t2,
.yx-rotaion-btn2 {
	position: absolute
}

.yx-rotation-title2 {
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #000;
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	left: 0;
	bottom: 0;
	_bottom: -1px;
	z-index: 1
}

.yx-rotation-t2 {
	color: #fff;
	font-size: 16px;
	font-family: microsoft yahei;
	z-index: 2;
	bottom: 0;
	left: 10px;
	line-height: 40px
}

.yx-rotation-focus2 span,
.yx-rotaion-btn2 span {
	background: url("../images/ico2.png")
		/*tpa=http://www.qdklh.com/images/ico2.png*/
		no-repeat;
	display: block;
}

.yx-rotation-focus2 {
	height: 40px;
	line-height: 40px;
	right: 20px;
	bottom: 0;
	z-index: 2
}

.yx-rotation-focus2 span {
	width: 13px;
	height: 13px;
	line-height: 13px;
	float: left;
	margin-left: 5px;
	position: relative;
	top: 14px;
	cursor: pointer;
	background-position: -26px -128px;
	text-indent: -9999px
}

.yx-rotaion-btn2 {
	width: 100%;
	height: 41px;
	top: 50%;
	margin-top: -20px;
}

.yx-rotaion-btn2 span {
	width: 41px;
	height: 41px;
	cursor: pointer;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	position: relative
}

.yx-rotaion-btn2 .left_btn2 {
	background-position: -2px -2px;
	float: left;
	left: 10px
}

.yx-rotaion-btn2 .right_btn2 {
	background-position: -2px -49px;
	float: right;
	right: 10px
}

.yx-rotaion-btn2 span.hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8
}

.yx-rotation-focus2 span.hover {
	background-position: -10px -126px
}

.rotaion_list2 {
	width: 0;
	height: 0;
	overflow: hidden;
}

.rotaion_list2 a {
	width: 546px;
	height: 387px;
	overflow: hidden;
	display: block;
}

.rotaion_list2 a img {
	width: 546px;
	height: 387px;
	overflow: hidden;
}



#case {
	margin: 60px 0px 0px 0px;
}

#case_main {
	width: 1200px;
	margin: 0px auto;
}

#case_con {
	width: 1200px;
	height: 340px;
	clear: both;
	overflow: hidden;
	margin-top: 30px;
}

#case_con_left {
	width: 364px;
	height: 290px;
	float: left;
	background: #2b6fb6 url("../images/case_bg1.png")
		/*tpa=http://www.qdklh.com/images/case_bg1.png*/
		no-repeat left center;
	padding: 25px 30px 25px 58px;
}

#case_con_right {
	width: 730px;
	height: 340px;
	float: right;
}

.case_list {}

.case_list li {
	height: 36px;
	line-height: 36px;
}

.case_list li a {
	color: #fff;
	line-height: 36px;
	background: url("../images/case_icon1.png")
		/*tpa=http://www.qdklh.com/images/case_icon1.png*/
		no-repeat left center;
	padding-left: 15px;
}

.case_list2 {
	clear: both;
	overflow: hidden;
}

.case_list2 li {
	float: left;
	width: 213px;
	height: 167px;
	margin: 0px 8px 6px 0px;
}

.case_list2 li:nth-child(1) {
	width: 288px;
	height: 340px;
	margin: 0px 8px 0px 0px;
}

.case_list2 li:nth-child(3) {
	margin: 0px 0px 6px 0px;
}

.case_list2 li:nth-child(4) {
	margin: 0px 8px 0px 0px;
}

.case_list2 li:nth-child(5) {
	margin: 0px 0px 0px 0px;
}

.case_list2 li a img {
	width: 213px;
	height: 167px;
}

.case_list2 li:nth-child(1) a img {
	width: 288px;
	height: 340px;
}

.scroll-text {
	width: 364px;
	height: 288px;
	overflow: hidden;
}

.scroll-text ul {
	width: 728px;
	height: 576px;
	overflow: hidden;
	margin: 0;
}

.scroll-text ul li {
	height: 36px;
	line-height: 36px;
}

.scroll-text ul li a {
	color: #fff;
	line-height: 36px;
	background: url("../images/case_icon1.png")
		/*tpa=http://www.qdklh.com/images/case_icon1.png*/
		no-repeat left center;
	padding-left: 15px;
}



#tech {
	margin: 60px 0px 0px 0px;
	background: #f4f4f4;
	padding: 50px 0px 0px 0px;
}

#tech_main {
	width: 1200px;
	margin: 0px auto;
}

#tech_con {
	width: 1200px;
	clear: both;
	overflow: hidden;
	margin-top: 30px;
}

#mobtech_con {
	display: none;
}

.tech_list {
	clear: both;
	overflow: hidden;
}

.tech_list li {
	width: 285px;
	height: 350px;
	float: left;
	margin: 0 20px 0 0;
	border-bottom: 2px #e4e4e4 solid;
}

.tech_list li a {
	display: block;
}

.tech_listimg {
	width: 285px;
	height: 190px;
	overflow: hidden;
}

.tech_listimg img {
	transition: all 400ms ease-in-out;
}

.tech_listtitle {
	height: 48px;
	line-height: 48px;
	color: #222;
	background: url("../images/tech_icon1.png")
		/*tpa=http://www.qdklh.com/images/tech_icon1.png*/
		no-repeat right center;
}

.tech_listtext {
	line-height: 24px;
	height: 112px;
	color: #999;
}

.tech_list li:nth-child(4) {
	margin: 0px 0px 0px 0px;
}

.tech_list li:hover {
	border-bottom: 2px #2b6fb6 solid;
}

.tech_list li:hover .tech_listimg img {
	transform: scale(1.2, 1.2);
}

.tech_list li:hover .tech_listtitle {
	color: #2b6fb6;
	background: url("../images/tech_icon2.png")
		/*tpa=http://www.qdklh.com/images/tech_icon2.png*/
		no-repeat right center;
}

.tech_list li:hover .tech_listtext {
	color: #222;
}


/*多图左右滚动切换*/
/*公共部分*/
.wc960 {
	margin: 0 auto;
	width: 1200px;
}

.fl {
	float: left;
}

.fr {
	width: 100px;
	margin: 0px auto;
}

.mt20 {
	/*margin-top:40px;*/
}

/*.icon{background:url(../images/icon.png) no-repeat 0 0;}*/

.warp-pic-list li {
	float: left;
	display: inline;
}

/*.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}*/
/*全局板块*/
.row .hd {
	background: url("../images/hd-line_01.jpg")
		/*tpa=http://www.qdklh.com/images/hd-line_01.jpg*/
		no-repeat 0 50px;
	height: 55px;
}

.row .hd .title {
	font: 26px/40px "微软雅黑", "Microsoft YaHei", "黑体", "SimHei";
}

/*全局页签*/
.tab-T-3 {
	width: 200px;
	clear: both;
	overflow: hidden;
	margin: 40px 0px 0px 0px;
}

.tab-T-3 li {
	width: 45px;
	height: 3px;
	font-size: 0;
	line-height: 0px;
	background-color: #b5b8b9;
	float: left;
	/*margin-left:10px;*/
	cursor: pointer;
	margin: 0px 10px 0px 0px;
	display: inline;
	border: 0px;
}

.tab-T-3 li.cur {
	background-color: #004ea2;
	border: 0px;
}

/*热门车型*/
.rowE .warp-pic-list {
	position: relative;
	width: 1200px;
	/*height:420px;*/
	overflow: hidden;
}

.count li {
	width: 285px;
	height: 350px;
	float: left;
	margin: 0 20px 0 0;
	border-bottom: 2px #e4e4e4 solid;
}

.count li:hover {
	border-bottom: 2px #2b6fb6 solid;
}

/*.count  li:nth-child(4){margin:0px 0px 0px 0px;}*/
.count li:hover {
	border-bottom: 2px #2b6fb6 solid;
}

.count li a {
	display: block;
}

.count li:hover .tech_listimg img {
	transform: scale(1.2, 1.2);
}

.count li:hover .tech_listtitle {
	color: #2b6fb6;
	background: url("../images/tech_icon2.png")
		/*tpa=http://www.qdklh.com/images/tech_icon2.png*/
		no-repeat right center;
}

.count li:hover .tech_listtext {
	color: #222;
}

.rowE .count .p-num {
	font-family: "Tahoma";
	font-weight: bold;
}

.rowE .btn {
	display: block;
	height: 55px;
	position: absolute;
	top: 158px;
	width: 35px;
	z-index: 200;
	cursor: pointer;
}

.rowE .prev {
	background-position: 0 -88px;
	left: 0;
}

.rowE .prev:hover {
	background-position: 0 -144px;
}

.rowE .next {
	background-position: 0 -200px;
	right: 0;
}

.rowE .next:hover {
	background-position: 0 -256px;
}









#news {
	margin: 60px 0px 0px;
}

#news_main {
	clear: both;
	overflow: hidden;
	width: 1200px;
	margin: 0px auto 0px auto;
}

.news_lable {
	height: 50px;
	border-bottom: #dedede solid 1px;
}

.news_title1 {
	height: 49px;
	border-bottom: #2b6fb6 solid 2px;
	display: inline-block;
	padding-right: 8px;
}

.news_title1 span {
	display: inline-block;
}

.news_title1 .span1 {
	font-size: 30px;
	color: #222;
	margin-right: 5px;
}

.news_title1 .span2 {
	font-size: 18px;
	color: #999;
	text-transform: uppercase;
}

#news_con {
	margin: 40px 0px 0px;
}

#news_left {
	width: 546px;
	float: left;
	height: 378px;
}

#news_right {
	width: 600px;
	float: right;
	height: 378px;
}

.news_list li {
	clear: both;
	overflow: hidden;
	cursor: pointer;
	margin-bottom: 40px;
}

.news_date {
	width: 98px;
	height: 83px;
	border: #ececec 2px solid;
	text-align: center;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding: 10px 0 0 0;
	display: block;
	float: left;
	transition: all 400ms ease-in-out;
}

.news_day {
	font-size: 48px;
	color: #999;
	line-height: 58px;
	transition: all 400ms ease-in-out;
}

.news_year {
	font-size: 14px;
	color: #aaa;
	transition: all 400ms ease-in-out;
}

.news_text_con {
	float: right;
	width: 475px;
	transition: all 400ms ease-in-out;
}

.news_text_title {
	font-size: 16px;
	color: #444;
	line-height: 24px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.news_text_title a {
	color: #444;
	transition: all 400ms ease-in-out;
}

.news_text_txt {
	color: #999;
	line-height: 22px;
}

.news_text_txt a {
	color: #999;
	transition: all 400ms ease-in-out;
}

.news_list li:hover .news_date {
	border: #2b6fb6 2px solid;
}

.news_list li:hover .news_day {
	color: #2b6fb6;
}

.news_list li:hover .news_year {
	color: #2b6fb6;
}

.news_list li:hover .news_text_con {
	color: #2b6fb6;
	transform: translateX(-5px);
}

.news_list li:hover .news_text_title a {
	color: #2b6fb6;
}

.news_list li:hover .news_text_txt a {
	color: #222;
}



.lable {
	border-bottom: #e4e4e4 solid 1px;
	height: 40px;
	margin: 0px 0px 25px 0px;
}

.title1 {
	font-size: 24px;
	color: #242859;
	float: left;
	padding: 0 5px 0 0;
	border-bottom: #242859 solid 2px;
	line-height: 24px;
	height: 39px;
}

.more1 {
	font-size: 16px;
	color: #242859;
	float: right;
	display: block;
	text-transform: uppercase;
	line-height: 39px;
	height: 39px;
	background: url("../images/more_icon1.png")
		/*tpa=http://www.qdklh.com/images/more_icon1.png*/
		no-repeat left center;
	padding-left: 22px;
}

.more1:hover {
	color: #ff7e00;
}

.news_view {
	clear: both;
	overflow: hidden;
}

.news_img1 {
	width: 244px;
	height: 174px;
	float: left;
}

.news_img1 img {
	width: 240px;
	height: 170px;
	padding: 1px;
	border: #e4e4e4 solid 1px;
}

.news_tuijian {
	width: 400px;
	float: right;
}

.news_title2 {
	font-size: 18px;
	color: #242859;
	margin: 0px 0px 12px 0px;
	display: block;
	font-weight: bold;
}

.news_text2 {
	color: #818181;
	line-height: 24px;
}

.news_more1 {
	color: #ff7e00;
	line-height: 24px;
	margin: 15px 0px 0px 0px;
	display: block;
}

.news_more1:hover {
	color: #242859;
}

.news_img2 {
	width: 368px;
	height: 220px;
	overflow: hidden;
}

.news_img2 a img {
	transition: all 800ms ease-in-out;
}

.news_tuijian:hover .news_img2 a img {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-transform: scale(1.2, 1.2);
}

.news_tuijian:hover li .news_title2 {
	color: #ff7e00;
}

.news_tuijian:hover li .news_text2 {
	color: #333;
}

.news_tuijian:hover li .news_more1 {
	color: #242859;
}



.focus {
	position: relative;
	width: 546px;
	height: 378px;
	background-color: #000;
	float: left;
}

.focus img {
	width: 546px;
	height: 378px;
}

.focus .shadow .title {
	width: 260px;
	height: 65px;
	padding-left: 30px;
	padding-top: 20px;
}

.focus .shadow .title a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
	font-weight: bolder;
	overflow: hidden;
}

.focus .btn {
	position: absolute;
	bottom: 34px;
	left: 510px;
	overflow: hidden;
	zoom: 1;
}

.focus .btn a {
	position: relative;
	display: inline;
	width: 13px;
	height: 13px;
	border-radius: 7px;
	margin: 0 5px;
	color: #B0B0B0;
	font: 12px/15px "\5B8B\4F53";
	text-decoration: none;
	text-align: center;
	outline: 0;
	float: left;
	background: #D9D9D9;
}

.focus .btn a:hover,
.focus .btn a.current {
	cursor: pointer;
	background: #fc114a;
}

.focus .fPic {
	position: absolute;
	left: 0px;
	top: 0px;
}

.focus .D1fBt {
	overflow: hidden;
	zoom: 1;
	height: 16px;
	z-index: 10;
}

.focus .shadow {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0px;
	z-index: 10;
	height: 40px;
	line-height: 40px;
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9;
	display: block;
	text-align: left;
}

.focus .shadow a {
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
	margin-left: 10px;
}

.focus .fcon {
	position: relative;
	width: 100%;
	float: left;
	display: none;
	background: #000
}

.focus .fcon img {
	display: block;
}

.focus .fbg {
	bottom: 6px;
	right: 10px;
	position: absolute;
	height: 21px;
	text-align: center;
	z-index: 200;
}

.focus .fbg div {
	margin: 3px auto 0;
	overflow: hidden;
	zoom: 1;
	height: 14px
}

.focus .D1fBt a {
	position: relative;
	display: inline;
	width: 10px;
	height: 10px;
	border-radius: 7px;
	margin: 0 5px;
	color: #B0B0B0;
	font: 12px/15px "\5B8B\4F53";
	text-decoration: none;
	text-align: center;
	outline: 0;
	float: left;
	background: #D9D9D9;
}

.focus .D1fBt .current,
.focus .D1fBt a:hover {
	background: #fc114a;
}

.focus .D1fBt img {
	display: none
}

.focus .D1fBt i {
	display: none;
	font-style: normal;
}

.focus .prev,
.focus .next {
	position: absolute;
	width: 40px;
	height: 74px;
	background: url("../images/focus_btn.png")
		/*tpa=http://www.qdklh.com/images/focus_btn.png*/
		no-repeat;
}

.focus .prev {
	top: 50%;
	margin-top: -37px;
	left: 0;
	background-position: 0 -74px;
	cursor: pointer;
}

.focus .next {
	top: 50%;
	margin-top: -37px;
	right: 0;
	background-position: -40px -74px;
	cursor: pointer;
}

.focus .prev:hover {
	background-position: 0 0;
}

.focus .next:hover {
	background-position: -40px 0;
}











#pro {
	margin: 65px 0px 0px 0px;
}

.pro_lable {
	text-align: center;
	margin: 0 auto;
	width: 1200px;
	height: 100px;
	background: url("../images/title_bg1.jpg")
		/*tpa=http://www.qdklh.com/images/title_bg1.jpg*/
		no-repeat top center;
}

.pro_title1 {
	font-size: 36px;
	color: #222;
	line-height: 45px;
	margin: 0px 0px 15px 0px;
	text-align: center;
	position: relative;
	height: 58px;
}

.pro_title1:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: auto;
	bottom: 0;
	height: 3px;
	width: 50px;
	background-color: #ff7e00;
}

.pro_title1 .span1 {
	color: #242859;
}

.pro_title1 .span2 {
	color: #ff7e00;
}

.pro_p1 {
	color: #ccc;
	line-height: 14px;
	text-align: center;
}

#pro_main1 {
	padding: 45px 0 30px 0;
	background: #fafafa;
	margin: 40px 0 0 0;
	position: relative;
}

.scroll-img {
	clear: both;
	overflow: hidden;
	margin: 0px auto;
	width: 1200px;
	height: 335px;
}

.scroll-img ul li {
	float: left;
	width: 285px;
	height: 335px;
	text-align: center;
	position: relative;
	display: block;
	margin-right: 20px;
}

/*.scroll-img ul li:nth-child(4){margin-right:0px;}*/
.scroll-img ul {
	width: 2440px;
}

.pro_listimg {
	width: 285px;
	height: 285px;
	display: block;
	overflow: hidden;
	border: #e4e4e4 solid 1px;
	box-sizing: border-box;
}

.pro_listfugai {
	width: 304px;
	height: 225px;
	display: block;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.8) url("../images/pro_icon1.png")
		/*tpa=http://www.qdklh.com/images/pro_icon1.png*/
		no-repeat center center;
	position: absolute;
	top: 2px;
	left: 2px;
	opacity: 0;
	transition: all 400ms ease-in-out;
}

.pro_listimg img {
	transition: all 400ms ease-in-out;
}

.pro_listtext {
	line-height: 50px;
	height: 50px;
	text-align: center;
	color: #666;
}

.scroll-img ul li:hover .pro_listimg img {
	transform: scale(1.2, 1.2);
}

.scroll-img ul li:hover .pro_listtext {
	color: #ff7e00;
}

.text-center {
	position: absolute;
	top: 168px;
	width: 100%;
}

#demo5-forward {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 50%;
	transform: translateX(-630px);
	background: url("../images/pro_left_arrow2.png")
		/*tpa=http://www.qdklh.com/images/pro_left_arrow2.png*/
		no-repeat center center;
	border: #fafafa solid 0px;
	cursor: pointer;
	outline: none;
	transition: all 400ms ease-in-out;
}

#demo5-backward {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 50%;
	transform: translateX(630px);
	background: url("../images/pro_right_arrow2.png")
		/*tpa=http://www.qdklh.com/images/pro_right_arrow2.png*/
		no-repeat center center;
	border: #fafafa solid 0px;
	cursor: pointer;
	outline: none;
	transition: all 400ms ease-in-out;
}

#demo5-forward:hover {
	background: url("../images/pro_left_arrow1.png")
		/*tpa=http://www.qdklh.com/images/pro_left_arrow1.png*/
		no-repeat center center;
}

#demo5-backward:hover {
	background: url("../images/pro_right_arrow1.png")
		/*tpa=http://www.qdklh.com/images/pro_right_arrow1.png*/
		no-repeat center center;
}

#industry {
	margin: 65px auto 0px auto;
	width: 1200px;
}

#industry_main {
	border: #ececec solid 1px;
	/*box-sizing:border-box;*/
	height: 400px;
	width: 1200px;
	margin: 45px 0 0 0;
	background: #fafafa;
}

.industry_list {
	clear: both;
	overflow: hidden;
	width: 1200px;
}

.industry_list li {
	float: left;
	width: 240px;
	height: 400px;
	margin: 0;
	position: relative;
	cursor: pointer;
}

.industry_list li .ind_img {
	position: absolute;
	top: 0;
	width: 240px;
	height: 200px;
	overflow: hidden;
}

.industry_list li .ind_img img {
	transition: all 400ms ease-in-out;
}

.industry_list li .ind_text {
	position: absolute;
	bottom: 0;
	width: 240px;
	height: 200px;
	text-align: center;
	display: table;
	background: #fafafa;
	transition: all 400ms ease-in-out;
}

.industry_list li .ind_text p {
	display: table-cell;
	vertical-align: middle;
}

.industry_list li:nth-child(2n) .ind_img {
	top: 200px;
}

.industry_list li:nth-child(2n) .ind_text {
	bottom: 200px;
}

.industry_list li .ind_text:after {
	content: "";
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #fafafa;
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 400ms ease-in-out;
}

.industry_list li:nth-child(2n) .ind_text:after {
	content: "";
	width: 0px;
	height: 0px;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 0px solid #fafafa;
	border-top: 20px solid #fafafa;
	position: absolute;
	top: 200px;
	left: 50%;
	transform: translateX(-50%);
	transition: all 400ms ease-in-out;
}

.industry_list li .ind_text p span {
	display: block;
}

.industry_list li .ind_text p .span1 {
	display: block;
	color: #222;
	font-size: 24px;
	line-height: 24px;
	height: 40px;
	margin: 0 0 15px 0;
	position: relative;
	transition: all 400ms ease-in-out;
}

.industry_list li .ind_text p .span2 {
	display: block;
	color: #222;
	font-size: 14px;
	font-family: Arial, tahoma, arial, simsun;
	text-transform: uppercase;
	transition: all 400ms ease-in-out;
}

.industry_list li .ind_text p .span1:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: auto;
	bottom: 0;
	height: 3px;
	width: 60px;
	background-color: #242859;
	transition: all 400ms ease-in-out;
}

.industry_list li:hover .ind_text {
	background: #ff7e00;
}

.industry_list li:hover .ind_img img {
	transform: scale(1.2, 1.2);
}

.industry_list li:hover .ind_text:after {
	border-bottom: 20px solid #ff7e00;
}

.industry_list li:hover:nth-child(2n) .ind_text:after {
	border-bottom: 0px solid #ff7e00;
	border-top: 20px solid #ff7e00;
}

.industry_list li:hover .ind_text p .span1 {
	color: #fff;
}

.industry_list li:hover .ind_text p .span2 {
	color: #fff;
}

.industry_list li:hover .ind_text p .span1:after {
	background-color: #fff;
}






@keyframes arrowhr {
	0% {
		transform: translateX(0px);
	}

	50% {
		transform: translateX(5px);
	}

	100% {
		transform: translateX(0px);
	}
}

@-moz-keyframes arrowhr

/* Firefox */
	{
	0% {
		-moz-transform: translateX(0px);
	}

	50% {
		-moz-transform: translateX(5px);
	}

	100% {
		-moz-transform: translateX(0px);
	}
}

@-webkit-keyframes arrowhr

/* Safari 和 Chrome */
	{
	0% {
		-webkit-transform: translateX(0px);
	}

	50% {
		-webkit-transform: translateX(5px);
	}

	100% {
		-webkit-transform: translateX(0px);
	}
}

@-o-keyframes arrowhr

/* Opera */
	{
	0% {
		-o-transform: translateX(0px);
	}

	50% {
		-o-transform: translateX(5px);
	}

	100% {
		-o-transform: translateX(0px);
	}
}


@media (max-width: 769px) {
	#head {
		position: relative;
		width: 100%;
		/*height: 6.56rem;*/
		height: 100%;
	}

	#banner {
		height: calc(100% - 2.06rem);
		/*height:4.5rem*/
		;
		clear: both;
		verflow: hidden;
		background: #000;
		position: relative;
		padding-top: 2.06rem;
		margin: 0 0 0 0;
	}


	#company {
		clear: both;
		overflow: hidden;
		background: #f4f4f4;
		padding: 0.8rem 0;
	}

	#company_main {
		width: 100%;
		margin: 0px auto;
	}

	.about_lable {
		text-align: center;
	}

	.about_title1 {
		font-size: 0.65rem;
		color: #222;
		line-height: 0.65rem;
		margin: 0px auto;
		text-align: center;
		position: relative;
		height: 0.65rem;
		width: 6.5rem;
	}

	.about_title1:before {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		width: 1.6rem;
		height: 0.3rem;
		border-bottom: 1px solid #999;
	}

	.about_title1:after {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		content: "";
		width: 1.6rem;
		height: 0.3rem;
		border-bottom: 1px solid #999;
	}

	.about_title2 {
		font-size: 0.24rem;
		color: #999;
		line-height: 1.5;
		text-align: center;
		text-transform: uppercase;
	}

	#company_con {
		width: 100%;
		margin: 0.45rem auto 0px auto;
		background: none;
		clear: both;
		overflow: hidden;
	}

	#company_con_left {
		float: none;
		width: 100%;
		padding-left: 0;
		position: relative;
		height: 0;
		overflow: hidden;
		padding-top: 76%;
	}

	#company_con_right {
		float: none;
		width: calc(100% - 0.4rem);
		margin: 0.4rem 0 0 0;
		padding: 0 0.2rem;
	}

	.company_img1 {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	/*.company_img1 img{width:100%;height:100%;}*/
	.company_logo1 {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 1.2rem;
		height: 1.2rem;
		/*background:url(../images/about_logo.png) no-repeat left bottom;*/
	}

	.company_logo1 img {
		width: 1.2rem;
		height: 1.2rem;
	}

	.company_bg1 {
		display: none;
	}

	.company_title1 {
		width: 100%;
		height: 0.75rem;
		font-size: 0.48rem;
		color: #222;
		background: url("../images/about_bg3.png")
			/*tpa=http://www.qdklh.com/images/about_bg3.png*/
			no-repeat center center;
		text-align: center;
		line-height: 0.75rem;
		margin: 0 0 0.3rem 0;
		background-size: auto 100%;
	}

	.company_text1 {
		line-height: 2;
	}

	.company_menu {
		width: 100%;
		clear: both;
		/*overflow:hidden;*/
		margin: 30px 0px 0px 0px;
		padding-left: 0;
	}

	.company_menu ul li {
		width: 30%;
		height: 0.6rem;
		line-height: 0.6rem;
		margin: 0 1.5% 0.3rem 1.5%;
		padding: 0;
		float: left;
		position: relative;
		background: transparent;
		transition: all 400ms ease-in-out;
		z-index: 0;
	}

	.company_menu ul li:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: -1;
		transform: skew(-30deg);
		transition: all 400ms ease-in-out;
		background: #fff;
	}

	.company_menu ul li:hover:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: -1;
		transform: skew(-30deg);
		transition: all 400ms ease-in-out;
		background: #2b6fb6;
	}

	.company_menu ul li:nth-child(3n) {
		margin: 0 1.5% 0.3rem 1.5%;
	}

	.company_menu ul li a {
		height: 0.6rem;
		background: none;
		padding-left: 20px;
		display: block;
		line-height: 0.6rem;
		font-size: 0.28rem;
		color: #222;
		position: relative;
		transition: all 400ms ease-in-out;
		z-index: 0;
	}

	.company_menu ul li:hover a {
		background: url("../images/company_icon2.png")
			/*tpa=http://www.qdklh.com/images/company_icon2.png*/
			no-repeat left center;
		color: #fff;
	}

	.yx-rotaion {
		margin: 0 auto;
	}

	.yx-rotaion-btn,
	.yx-rotaion-title,
	.yx-rotation-focus,
	.yx-rotation-t,
	.yx-rotaion-btn {
		position: absolute
	}

	.yx-rotation-title {
		position: absolute;
		width: 100%;
		height: 40px;
		line-height: 40px;
		background: #000;
		filter: alpha(opacity=40);
		-moz-opacity: 0.4;
		-khtml-opacity: 0.4;
		opacity: 0.4;
		left: 0;
		bottom: 0;
		_bottom: -1px;
		z-index: 1
	}

	.yx-rotation-t {
		color: #fff;
		font-size: 16px;
		font-family: microsoft yahei;
		z-index: 2;
		bottom: 0;
		left: 10px;
		line-height: 40px
	}

	.yx-rotation-focus span,
	.yx-rotaion-btn span {
		background: url("../images/ico.png")
			/*tpa=http://www.qdklh.com/images/ico.png*/
			no-repeat;
		display: block;
	}

	.yx-rotation-focus {
		height: 40px;
		line-height: 40px;
		right: 20px;
		bottom: 0;
		z-index: 10
	}

	.yx-rotation-focus span {
		width: 13px;
		height: 13px;
		line-height: 13px;
		float: left;
		margin-left: 5px;
		position: relative;
		top: 14px;
		cursor: pointer;
		background-position: -25px -125px;
		text-indent: -9999px
	}

	.yx-rotaion-btn {
		width: 100%;
		height: 41px;
		top: 50%;
		margin-top: -20px;
	}

	.yx-rotaion-btn span {
		width: 41px;
		height: 41px;
		cursor: pointer;
		filter: alpha(opacity=30);
		-moz-opacity: 0.3;
		-khtml-opacity: 0.3;
		opacity: 0.3;
		position: relative
	}

	.yx-rotaion-btn .left_btn {
		background-position: -2px -2px;
		float: left;
		left: 10px
	}

	.yx-rotaion-btn .right_btn {
		background-position: -2px -49px;
		float: right;
		right: 10px
	}

	.yx-rotaion-btn span.hover {
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8
	}

	.yx-rotation-focus span.hover {
		background-position: -9px -125px
	}

	.rotaion_list {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.rotaion_list li {
		width: 100%;
		height: 100%;
	}

	.rotaion_list li a {
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: block;
	}

	.rotaion_list li a img {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}




	#case {
		margin: 0.6rem 0 0 0;
	}

	#case_main {
		width: 100%;
		margin: 0px auto;
	}

	#case_con {
		width: 100%;
		height: auto;
		clear: both;
		overflow: auto;
		margin-top: 0.5rem;
	}

	#case_con_left {
		width: calc(100% - 1.2rem);
		height: auto;
		float: none;
		background: #2b6fb6 url("../images/case_bg1.png")
			/*tpa=http://www.qdklh.com/images/case_bg1.png*/
			no-repeat left center;
		padding: 0.4rem 0.3rem 0.4rem 0.9rem;
	}

	#case_con_right {
		width: 100%;
		height: auto;
		float: none;
		margin-top: 0.5rem;
	}

	.case_list {}

	.case_list li {
		height: 0.3rem;
		line-height: 0.3rem;
	}

	.case_list li a {
		color: #fff;
		line-height: 0.3rem;
		background: url("../images/case_icon1.png")
			/*tpa=http://www.qdklh.com/images/case_icon1.png*/
			no-repeat left center;
		padding-left: 0.3rem;
	}

	.case_list2 {
		clear: both;
		overflow: hidden;
	}

	.case_list2 li {
		float: left;
		width: 46%;
		height: 0;
		margin: 0 2% 0.2rem 2%;
		padding-top: 36%;
		position: relative;
	}

	.case_list2 li a {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.case_list2 li:nth-child(1) {
		width: 46%;
		height: 0;
		margin: 0 2% 0.2rem 2%;
	}

	.case_list2 li:nth-child(3) {
		margin: 0 2% 0.2rem 2%;
	}

	.case_list2 li:nth-child(4) {
		margin: 0 2% 0.2rem 2%;
	}

	.case_list2 li:nth-child(5) {
		margin: 0 2% 0.2rem 2%;
	}

	.case_list2 li a img {
		width: 100%;
		height: 100%;
	}

	.case_list2 li:nth-child(1) a img {
		width: 100%;
		height: 100%;
	}


	#tech {
		margin: 0.6rem 0 0 0;
		background: #f4f4f4;
		padding: 0.6rem 0 0.3rem 0;
	}

	#tech_main {
		width: 100%;
		margin: 0px auto;
	}

	#tech_con {
		display: none;
	}

	#mobtech_con {
		display: block;
		width: 100%;
		clear: both;
		overflow: hidden;
	}

	.tech_list {
		clear: both;
		overflow: hidden;
		margin-top: 0.4rem;
	}

	.tech_list li {
		width: 46%;
		height: 173px;
		float: left;
		margin: 0 2% 0.3rem 2%;
		border-bottom: 2px #e4e4e4 solid;

		position: relative;
	}

	.tech_list li .image {
		width: 180px;
		height: 150px;
	}

	.tech_list li a {
		display: block;
	}

	.tech_listimg {
		width: 100%;
		height: 80%;
		overflow: hidden;
		position: absolute;
		left: 0;
		top: 0;
	}

	.tech_listimg img {
		transition: all 400ms ease-in-out;
		width: 100%;
		height: 100%;
	}

	.tech_listtitle {
		height: 20%;
		line-height: 2;
		color: #222;
		background: url("../images/tech_icon1.png")
			/*tpa=http://www.qdklh.com/images/tech_icon1.png*/
			no-repeat right center;
		position: absolute;
		left: 0;
		top: 80%;
		width: 100%;
	}

	.tech_list li:nth-child(4) {
		margin: 0 2% 0.3rem 2%;
	}

	.tech_list li:hover {
		border-bottom: 2px #2b6fb6 solid;
	}

	.tech_list li:hover .tech_listimg img {
		transform: scale(1.2, 1.2);
	}

	.tech_list li:hover .tech_listtitle {
		color: #2b6fb6;
		background: url("../images/tech_icon2.png")
			/*tpa=http://www.qdklh.com/images/tech_icon2.png*/
			no-repeat right center;
	}


	#news {
		margin: 0.8rem 0 0;
	}

	#news_main {
		clear: both;
		overflow: hidden;
		width: 100%;
		margin: 0px auto;
	}

	.news_lable {
		height: 0.8rem;
		border-bottom: #dedede solid 1px;
		box-sizing: border-box;
	}

	.news_title1 {
		height: 0.8rem;
		border-bottom: #2b6fb6 solid 2px;
		display: inline-block;
		padding-right: 0.16rem;
		box-sizing: border-box;
	}

	.news_title1 span {
		display: inline-block;
	}

	.news_title1 .span1 {
		font-size: 0.48rem;
		color: #222;
		margin-right: 0.1rem;
	}

	.news_title1 .span2 {
		font-size: 0.28rem;
		color: #999;
		text-transform: uppercase;
	}

	#news_con {
		margin: 0.6rem 0 0;
	}

	#news_left {
		width: 100%;
		float: none;
		position: relative;
	}

	#news_right {
		width: 100%;
		float: none;
		height: auto;
		margin-top: 0.5rem;
	}

	.news_list li {
		clear: both;
		overflow: hidden;
		cursor: pointer;
		margin-bottom: 0.4rem;
		width: calc(100% - 0.2rem);
		padding: 0 0.1rem;
	}

	.news_date {
		width: 1.5rem;
		height: 1.15rem;
		border: #ececec 2px solid;
		text-align: center;
		font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
		padding: 0.2rem 0 0 0;
		display: block;
		float: left;
		transition: all 400ms ease-in-out;
	}

	.news_day {
		font-size: 0.56rem;
		color: #999;
		line-height: 0.64rem;
		transition: all 400ms ease-in-out;
	}

	.news_year {
		font-size: 0.28rem;
		color: #aaa;
		transition: all 400ms ease-in-out;
	}

	.news_text_con {
		float: none;
		width: auto;
		margin-left: 1.8rem;
		transition: all 400ms ease-in-out;
	}

	.news_text_title {
		font-size: 0.28rem;
		color: #444;
		line-height: 1.5;
		margin: 0 0 0 0;
		font-weight: bold;
	}

	.news_text_title a {
		color: #444;
		transition: all 400ms ease-in-out;
	}

	.news_text_txt {
		color: #999;
		line-height: 22px;
		display: none;
	}

	.news_text_txt a {
		color: #999;
		transition: all 400ms ease-in-out;
	}

	.news_list li:hover .news_date {
		border: #2b6fb6 2px solid;
	}

	.news_list li:hover .news_day {
		color: #2b6fb6;
	}

	.news_list li:hover .news_year {
		color: #2b6fb6;
	}

	.news_list li:hover .news_text_con {
		color: #2b6fb6;
		transform: translateX(-5px);
	}

	.news_list li:hover .news_text_title a {
		color: #2b6fb6;
	}

	.news_list li:hover .news_text_txt a {
		color: #222;
	}

	.focus {
		width: 100%;
		height: 100%;
		background-color: #000;
		float: none;
		position: absolute;
		top: 0;
		left: 0;
	}

	.focus img {
		width: 100%;
		height: 100%;
	}

	.focus .btn {
		position: absolute;
		bottom: 34px;
		left: 510px;
		overflow: hidden;
		zoom: 1;
	}

	.focus .btn a {
		position: relative;
		display: inline;
		width: 13px;
		height: 13px;
		border-radius: 7px;
		margin: 0 5px;
		color: #B0B0B0;
		font: 12px/15px "\5B8B\4F53";
		text-decoration: none;
		text-align: center;
		outline: 0;
		float: left;
		background: #D9D9D9;
	}

	.focus .btn a:hover,
	.focus .btn a.current {
		cursor: pointer;
		background: #fc114a;
	}

	.focus .fPic {
		position: absolute;
		left: 0px;
		top: 0px;
	}

	.focus .D1fBt {
		overflow: hidden;
		zoom: 1;
		height: 16px;
		z-index: 10;
	}

	.focus .shadow {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0px;
		z-index: 10;
		height: 0.5rem;
		line-height: 0.5rem;
		background: rgba(0, 0, 0, 0.6);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000')\9;
		display: block;
		text-align: left;
	}

	.focus .shadow a {
		text-decoration: none;
		color: #fff;
		font-size: 0.28rem;
		overflow: hidden;
		margin-left: 0.2rem;
		line-height: 0.5rem;
	}

	.focus .fcon {
		position: relative;
		width: 100%;
		float: left;
		display: none;
		background: #000
	}

	.focus .fcon img {
		display: block;
	}

	.focus .fbg {
		bottom: 6px;
		right: 10px;
		position: absolute;
		height: 21px;
		text-align: center;
		z-index: 200;
	}

	.focus .fbg div {
		margin: 3px auto 0;
		overflow: hidden;
		zoom: 1;
		height: 14px
	}

	.focus .D1fBt a {
		position: relative;
		display: inline;
		width: 0;
		height: 0;
		border-radius: 7px;
		margin: 0 5px;
		color: #B0B0B0;
		font: 12px/15px "\5B8B\4F53";
		text-decoration: none;
		text-align: center;
		outline: 0;
		float: left;
		background: #D9D9D9;
	}

	.focus .D1fBt .current,
	.focus .D1fBt a:hover {
		background: #fc114a;
	}

	.focus .D1fBt img {
		display: none
	}

	.focus .D1fBt i {
		display: none;
		font-style: normal;
	}

	.focus .prev,
	.focus .next {
		position: absolute;
		width: 40px;
		height: 74px;
		background: url("../images/focus_btn.png")
			/*tpa=http://www.qdklh.com/images/focus_btn.png*/
			no-repeat;
	}

	.focus .prev {
		top: 50%;
		margin-top: -37px;
		left: 0;
		background-position: 0 -74px;
		cursor: pointer;
	}

	.focus .next {
		top: 50%;
		margin-top: -37px;
		right: 0;
		background-position: -40px -74px;
		cursor: pointer;
	}

	.focus .prev:hover {
		background-position: 0 0;
	}

	.focus .next:hover {
		background-position: -40px 0;
	}





	#index_user {
		background: #f7f7f7;
		padding: 0.5rem 0;
		margin: 0.6rem 0 0 0;
	}

	#index_usermain {
		margin: 0px auto;
		width: 100%;
	}

	#index_userlable {
		text-align: center;
		margin: 0 0 0.25rem 0;
	}

	#index_usercon {
		overflow: hidden;
		clear: both;
		width: 100%;
	}

	#index_usercon li {
		margin: 0 1.5% 0.3rem 1.5%;
		float: left;
		width: 47%;
		height: 0;
		padding: 47% 0 0 0;
		overflow: hidden;
		position: relative;
	}

	#index_usercon li:nth-child(6n) {
		margin: 0 1.5% 0.3rem 1.5%;
	}

	#index_usercon li a {
		width: 100%;
		height: 100%;
		position: absolute;
		display: block;
		top: 0;
		left: 0;
	}

	#index_usercon li img {
		width: 100%;
		height: auto;
	}

	.about_titlecn {
		font-size: 0.72rem;
		display: inline-block;
		color: #ff6537;
	}

	.about_titleen {
		font-size: 0.24rem;
		display: inline-block;
		color: #929292;
		font-family: Arial;
		text-transform: uppercase;
		margin: 0 0 0 0.15rem;
	}
}