.center {
	width: 1200px;
	margin: 0 auto;
}

.main {
	width: 100%;
}

.box_tit {
	margin: 50px 0;
}

.box_tit span {
	font-size: 30px;
	text-align: center;
	color: #000;
	display: block;
}

.box_tit p {
	font-size: 18px;
	color: #666;
	display: block;
	text-align: center;
	margin-top: 12px;
	line-height: 170%;
}

.i_box6 {
	width: 100%;
	padding: 1px 0;
}

.i_box6 .box li {
	width: 48%;
	float: left;
	margin-left: 3.5%;
}

.i_box6 .box li .text {
	width: 40%;
	float: left;
	border-radius: 8px;
	box-shadow: 0px 5px 10px #eee;
}

.i_box6 .box li .text img {
	display: block;
	max-width: 100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.i_box6 .box li .text span {
	font-size: 15px;
	text-align: center;
	display: block;
	margin-top: 10px;
	color: #333;
}

.i_box6 .box li .text i {
	width: 30px;
	height: 4px;
	background: #ff9b26;
	margin: 0 auto;
	display: block;
	font-style: normal;
	margin-top: 10px;
}

.i_box6 .box li .list {
	width: 60%;
	float: right;
}

.i_box6 .box li .list p {
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 12px;
	font: 12px/1.4 "\5FAE\8F6F\96C5\9ED1", "arial";
	    color: #333;
	    font-size: 14px;
}

.i_box6 .box li .list p span {
	position: absolute;
	left: 10px;
	top: 0;
	width: 60px;
	font-size: 14px;
	color: #666;
}

.i_box6 .box li .list p a {
	width: 100%;
	padding-left: 60px;
	font-size: 14px;
	color: #666;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

.i_box6 .box li:first-child {
	margin-left: 0;
}

@media screen and (max-width: 1200px) {
	.center {
		width: 100%;
	}
}

@media screen and (max-width: 1020px) {
	.header {
		display: none;
	}

	.m_header {
		display: block;
	}

	.m_banner {
		display: block;
	}
}

@media screen and (max-width: 900px) {
	.i_box1 .box li .text img {
		position: relative;
		height: 50px;
		margin: 0 auto;
		display: block;
		left: 0;
		bottom: 0;
	}

	.i_box1 .box li .text h3 {
		text-align: center;
		padding-right: 0;
		padding-top: 30px;
	}

	.i_box1 .box li:hover .text img {
		transform: translate(0, -10px);
		transition: .5s;
	}

	.wzjs_text1 .list li .fr {
		max-width: 35%;
	}

	.wzjs_text3 .list li {
		padding: 10px;
	}

	.i_box6 .box li .text {
		width: 100%;
	}

	.i_box6 .box li .list {
		width: 100%;
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.kf {
		display: none;
	}

	.i_box1 .box li {
		width: 96%;
		margin: 5px 2%;
	}

	.box_tit {
		margin: 20px 0;
	}

	.box_tit p {
		padding: 0 8%;
	}

	.i_box3 {
		margin-top: 20px;
		padding-bottom: 20px;
	}

	.i_box3 .box_tit p {
		padding: 0 8%;
	}

	.i_box3 .pic img {
		margin-top: 30px;
		max-width: 80%;
	}

	.i_box2 .box li {
		width: 96%;
		margin: 5px 2%;
	}

	.i_box2 .box li:first-child {
		margin-left: 2%;
	}

	.i_box4 {
		margin-top: 20px;
	}

	.i_box4 .box li {
		width: 33.33%;
	}

	.i_box4 .box {
		margin: 20px 0;
	}

	.i_box6 .box li {
		width: 96%;
		margin: 10px 2%;
	}

	.i_box6 .box li:first-child {
		margin-left: 2%;
	}

	.link {
		margin-top: 15px;
	}

	.wzjs_text1 .list li .fl {
		width: 100%;
	}

	.wzjs_text1 .list li .fr {
		width: 100%;
		max-width: 100%;
		margin-top: 20px;
	}

	.wzjs_text1 .list li {
		padding: 20px;
	}

	.wzjs_text1 .list li.on .fl {
		margin-left: 0;
	}

	.wzjs_text1 .list li .fl {
		margin-right: 0;
	}

	.wzjs_text2 .list li {
		width: 31.33%;
		margin: 1%;
	}

	.wzjs_text2 .list li:first-child {
		margin-left: 1%;
	}

	.wzjs_text3 .list li {
		width: 48%;
		margin: 1%;
	}

	.wzjs_text3 .list li:first-child {
		margin-left: 1%;
	}

	.page_cont {
		padding: 20px 0;
	}

	.page_cont .fl {
		width: 100%;
		padding: 0 2%;
	}

	.page_cont .fr {
		width: 100%;
		padding: 0 4%;
		margin-bottom: 12px;
	}

	.show_pages {
		display: none;
	}

	.m_show_pages {
		display: block;
	}

	.art_cont .fr {
		padding: 0 2%;
	}

	.hot_new span {
		font-size: 16px;
		color: #333;
		display: block;
		border-bottom: 1px solid #ddd;
		padding-left: 2px;
	}

	.hot_new a {
		padding-left: 2px;
	}

	.pro_screen {
		padding: 20px 0;
	}

	.pro_screen ul {
		width: 100%;
		position: relative;
		padding-left: 62px;
	}

	.pro_screen ul li {
		margin: 4px 6px;
	}

	.pro_screen ul li:first-child {
		position: absolute;
		left: 0;
		top: 0;
	}

	.pro_screen ul li a {
		width: 100px;
		padding: 6px 0;
		border: 1px solid #ddd;
		text-align: center;
	}

	.flex_between {
		padding-top: 0;
		width: 90%;
		margin: 0 5%;
	}

	.flex_between .text {
		width: 100%;
	}

	.flex_between .search {
		width: 100%;
		padding-right: 0;
		margin-top: 15px;
	}

	.flex_between .search input[type="text"] {
		width: 70%;
	}

	.flex_between .search input[type="submit"] {
		width: 30%;
	}

	.case_list ul li {
		width: 46%;
		margin: 2%;
	}

	.case_list ul li:nth-child(3n) {
		margin-right: 2%;
	}

	.wc_text1 {
		padding: 20px 0;
	}

	.wc_text1 .box .pic {
		width: 100%;
	}

	.wc_text1 .box .pic img {
		max-width: 90%;
		margin: 0 auto;
	}

	.wc_text1 .box .text {
		width: 100%;
	}

	.wc_text_pos .pic img {
		width: 1000px;
		margin-left: -400px;
	}

	.wc_text_pos .box p {
		max-width: 100%;
	}

	.wc_text4 .box .pic {
		width: 100%;
	}

	.wc_text4 .box .pic img {
		max-width: 90%;
		margin: 0 auto;
		float: none;
	}

	.wc_text4 .box .text {
		width: 100%;
	}

	#wc_text5 .pic img {
		width: 100%;
		position: relative;
		left: 0;
		margin-left: 0;
	}

	#wc_text5 .box {
		position: relative;
	}

	.wc_text13 .box .text {
		width: 100%;
	}

	.wc_text13 .box .pic {
		width: 100%;
	}

	.wc_text13 {
		padding-top: 0;
	}

	.f_box1 .list .items p {
		display: none;
	}

	.f_box1 .list .items:first-of-type {
		background-image: url(../img/qietu_part1_1_hover.png);
	}

	.f_box1 .list .items:nth-of-type(2) {
		background-image: url(../img/qietu_part1_2_hover.png);
	}

	.f_box1 .list .items:nth-of-type(3) {
		background-image: url(../img/qietu_part1_3_hover.png);
	}

	.f_box1 .list .items:before {
		left: 12%;
		width: 50px;
	}

	.f_box2 .list {
		display: block;
	}

	.f_box2 .list .items {
		width: 96%;
		height: 240px;
		margin: 2%;
		padding: 20px;
	}

	.f_box2 .list .items:first-of-type:after {
		background: none;
	}

	.f_box2 .list .items:nth-of-type(2):after {
		background: none;
	}

	.f_box2 .list .items:nth-of-type(3):after {
		background: none;
	}

	.f_box2 .list .items:first-of-type h5 {
		background: url(../img/qietu_part2_2.png) no-repeat left center;
	}

	.f_box2 .list .items:nth-of-type(2) h5 {
		background: url(../img/qietu_part2_3.png) no-repeat left center;
	}

	.f_box2 .list .items:nth-of-type(3) h5 {
		background: url(../img/qietu_part2_4.png) no-repeat left center;
	}

	.f_box2 .list .items h5 {
		height: 70px;
		padding-left: 85px;
		font-size: .14rem;
		padding-top: 5px;
	}

	.f_box2 .list .items h5 small {
		display: block;
		font-size: .1rem;
		margin-top: 10px;
	}

	.f_box2 .list .items:hover {
		top: 0;
	}

	.seo_cases .seo_cases_list {
		width: 96%;
		margin: 2%;
	}
}

@media screen and (max-width: 450px) {
	.box_tit span {
		font-size: .19rem;
	}

	.box_tit p {
		font-size: .11rem;
	}

	.i_box1 .box li {
		width: 90%;
		margin: 0 5%;
	}

	.i_box1 .box li .text img {
		margin-top: .1rem;
	}

	.i_box1 .box li .text p span {
		font-size: .109rem;
	}

	.i_box1 .box li .text h3 {
		font-size: .18rem;
	}

	.i_box1 .box li .text p a {
		display: none;
	}

	.i_box2 .box li {
		width: 90%;
		margin: 8px 5%;
		border-radius: 15px;
	}

	.i_box2 .box li:first-child {
		margin-left: 5%;
		background: #50cefe;
		border-color: #fff;
	}

	.i_box2 .box li:first-child+li {
		background: #26cfa6;
		border-color: #fff;
	}

	.i_box2 .box li:first-child+li+li {
		background: #fd7d5a;
		border-color: #fff;
	}

	.i_box2 .box li:hover i {
		background: none;
		display: none;
	}

	.i_box2 .box li i {
		background: none;
		margin-bottom: .12rem;
		margin-top: 5px;
	}

	.i_box2 .box li span {
		color: #fff;
		font-size: .16rem;
	}

	.i_box2 .box li .text {
		border-color: #fff;
		margin-top: 20px;
		padding-top: 20px;
	}

	.i_box2 .box li .text p {
		color: #fff;
		font-size: .12rem;
	}

	.i_box2 .box li .pic {
		margin: 20px 0;
	}

	.i_box2 .box li .pic img:first-child {
		display: none;
	}

	.i_box2 .box li .pic img:first-child+img {
		display: block;
		height: 48px;
	}

	.i_box4 .box li {
		width: 50%;
	}

	.wzjs_text1 .list li .fr img {
		max-width: 70%;
		max-height: auto;
		margin: 0 auto;
	}

	.wzjs_text1 .list li .fl span {
		font-size: 24px;
		margin-top: 20px;
		text-align: center;
	}

	.wzjs_text1 .list li .fl p {
		font-size: 16px;
		line-height: 170%;
		text-align: center;
	}

	.wzjs_text1 .list li .fl a {
		width: 150px;
		height: 36px;
		line-height: 36px;
		margin: 0 auto;
		margin-top: 20px;
	}

	.wzjs_text2 .list li {
		width: 48%;
		margin: 1%;
	}

	.wzjs_text2 .list li span {
		font-size: .15rem;
	}

	.wzjs_text2 .list li p {
		font-size: .103rem;
	}

	.wzjs_text3 .list li h3 {
		font-size: .17rem;
		margin: 15px 0;
		margin-bottom: 10px;
	}

	.wzjs_text3 .list li span {
		font-size: .11rem;
		padding-bottom: 15px;
		margin-bottom: 10px;
	}

	.wzjs_text3 .list li p {
		font-size: .11rem;
		line-height: 36px;
	}

	.content p {
		font-size: .115rem;
		line-height: 220%;
	}

	.art_list li {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.art_list li .pic {
		width: 100%;
	}

	.art_list li .text {
		width: 100%;
		margin-top: 10px;
		padding-left: 0;
	}

	.art_list li .pic .imgauto {
		height: 2rem;
	}

	.art_list li .text a {
		font-size: .16rem;
	}

	.art_list li .text p {
		font-size: .11rem;
	}

	.art_list li .text span {
		font-size: .115rem;
		margin-top: 15px;
	}

	.show_pages p {
		width: 100%;
	}

	.flex_between {
		padding-bottom: 15px;
	}

	.case_list ul li .text h3 {
		font-size: .118rem;
		line-height: .2rem;
		margin-top: 10px;
		padding: 0;
		padding-bottom: 5px;
		height: .4rem;
		overflow: hidden;
	}

	.case_list ul li .text2 span {
		font-size: .09rem;
		margin-top: 8px;
	}

	.case_list ul li .text2 span i {
		font-size: .14rem;
	}

	.case_list ul li .text2 a {
		display: none;
	}

	.case_list ul li .text2 {
		padding: 0;
	}

	.case_list ul li .text3 p {
		width: 100%;
	}

	.case_list ul li .text3 span {
		width: 100%;
		margin-top: 8px;
	}

	.case_list ul li .text3 span i {
		margin-left: 0;
		margin-right: 6px;
	}

	.pro_screen ul {
		padding-left: 70px;
	}

	.pro_screen ul li {
		width: 31.33%;
		margin: 1%;
	}

	.pro_screen ul li a {
		width: 100%;
	}

	.wc_text1 .box .text span {
		font-size: .24rem;
		padding-top: .25rem;
		background: url(../img/bk.png) no-repeat 1.1rem bottom;
		background-size: .47rem;
	}

	.wc_text1 .box .text p {
		font-size: .25rem;
	}

	.wc_text1 .box .text i {
		font-size: .18rem;
	}

	#wc_text2 .box h3 {
		font-size: .24rem;
	}

	#wc_text2 .box ul li {
		width: 31%;
	}

	#wc_text2 .box ul li span {
		font-size: .2rem;
		line-height: 100%;
	}

	#wc_text2 .box ul li span i {
		padding-top: 5px;
	}

	#wc_text2 .box ul li em {
		font-size: .12rem;
	}

	.wc_text_pos .box p {
		font-size: .12rem;
		padding: 0 5%;
	}

	.wc_text_pos .box span {
		font-size: .24rem;
	}

	.wc_text4 {
		padding-top: 30px;
	}

	.wc_text4 .box .pic img {
		max-width: 60%;
	}

	.wc_text4 .box .text {
		padding: 5%;
	}

	.wc_text4 .box .text span {
		font-size: .24rem;
	}

	.wc_text4 .box .text p {
		font-size: .25rem;
	}

	.wc_text4 .box .text i {
		font-size: .12rem;
		margin-top: 15px;
	}

	.wc_text6 .box span {
		font-size: .2rem;
	}

	#wc_text5 .box p {
		max-width: 100%;
		margin-top: 15px;
	}

	.wc_text6 .box p {
		font-size: .12rem;
		padding: 0 5%;
		margin-top: 15px;
	}

	.wc_text6 .box img {
		margin-top: 30px;
	}

	#wc_text7 .box p {
		margin-top: 15px;
		max-width: 100%;
	}

	.wc_text8 .text span {
		font-size: .2rem;
	}

	.wc_text8 .text p {
		font-size: .12rem;
	}

	#wc_text9 .box span {
		padding: 5%;
		padding-bottom: 0;
	}

	#wc_text9 .box p {
		margin-top: 15px;
	}

	#wc_text10 .pic img {
		margin-left: 0;
		left: -15%;
	}

	#wc_text10 .box {
		padding-top: 5%;
	}

	#wc_text10 .box span {
		padding-right: 5%;
		padding-bottom: 5px;
	}

	#wc_text11 .box span {
		padding-bottom: 10px;
	}

	#wc_text11 .box span {
		padding-right: 5%;
	}

	#wc_text11 .box p {
		font-size: .11rem;
		padding-left: 1%;
	}

	.wc_text12 .text span {
		font-size: .24rem;
	}

	.wc_text12 .text p {
		font-size: .12rem;
		padding: 0 3%;
		margin-top: 15px;
	}

	.wc_text12 .text img {
		width: 600px;
		left: 50%;
		margin-left: -300px;
	}

	.wc_text13 .box .text span {
		font-size: .24rem;
		padding: 0 5%;
	}

	.wc_text13 .box .text {
		padding-top: 5%;
	}

	.wc_text13 .box .text p {
		font-size: .16rem;
		padding: 0 5%;
		margin-top: 15px;
	}

	.wc_text13 .box .pic img {
		float: none;
		max-width: 80%;
		margin: 0 auto;
	}

	#wc_text14 .box span {
		padding-left: 39%;
		font-size: .22rem;
		padding-bottom: 10px;
	}

	#wc_text14 .box p {
		padding-left: 39%;
	}

	#wc_text15 .pic img {
		margin-left: 0;
		left: auto;
		right: 560px;
	}

	#wc_text15 .box span {
		font-size: .24rem;
		padding: 0 5%;
	}

	#wc_text15 .box p {
		font-size: .12rem;
		margin-top: 15px;
		max-width: 70%;
	}

	.wc_text17 .box .center {
		height: 95%;
		background: url(../img/wc18.png) no-repeat center bottom;
		background-size: 100%;
	}

	.wc_text18 ul li {
		font-size: 12px;
		line-height: 24px;
	}

	.wc_text18 ul li:first-child+li+li.bgli {
		padding-top: 12px;
	}

	.f_box1 .list .items {
		background-size: .6rem;
		padding-top: 100px;
	}

	.f_box1 .list .items h5 {
		font-size: .115rem;
		font-weight: normal;
	}

	.f_box1 .list .items:before {
		left: -.18rem;
		top: .3rem;
		width: .33rem;
	}

	.ftit {
		padding: 20px 0;
	}

	.ftit h2 {
		font-size: 24px;
		padding: 0 5%;
	}

	.ftit p {
		font-size: 16px;
		padding: 0 4%;
	}

	.f_box1 .list {
		margin-top: 12px;
	}

	.f_box1 {
		padding-bottom: 20px;
	}

	.f_box2 .list .items p {
		padding: 10px 0;
		height: auto;
	}

	.f_box2 .list .items {
		background-size: 99% 100%;
	}

	.f_box3 .list .items {
		width: 48%;
		margin: 1%;
		padding: 20px 10px;
	}

	.f_box3 .list .items:nth-child(3n) {
		margin-right: 1%;
	}

	.f_box2 {
		padding-bottom: 30px;
	}

	.f_box4 .ot_more {
		width: 200px;
		height: 36px;
		line-height: 36px;
		margin-top: 20px;
	}

	.f_box3 {
		padding-bottom: 20px;
	}

	.f_box4 {
		padding-bottom: 30px;
	}
}