body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0
}

body {
	font-size: 12px;
	text-align: center
}

fieldset,
img {
	border: 0
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
	font-style: normal;
	font-weight: 400
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: 400
}

abbr,
acronym {
	border: 0;
	font-variant: normal
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit
}

ol,
ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption,
th {
	text-align: left
}

sup,
sub {
	font-size: 100%;
	vertical-align: baseline
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none
}

.clearfix {
	zoom: 1
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

code,
kbd,
samp,
tt,
input,
button,
textarea,
select {
	font-size: 100%
}

:link,
:visited,
ins,
a {
	text-decoration: none
}

:focus {
	outline: 0 none
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
	border: none;
	padding: 0
}

* html,
* htmlbody {
	background-attachment: fixed
}

body {
	font-size: 14px;
	line-height: 1.5;
	font-family: "Hiragino Sans GB", Tahoma, arial, sans-serif;
	color: #404040;
	text-align: left;
	/*background-image: linear-gradient(to left top,rgba(0, 182, 38, 1),#00c07b);*/
}

a {
	color: #404040
}

.mar0 {
	margin: 0 auto;
}






.wp {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}





.conbox {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


.case-wrap {
	background: #FC5260;
}

.case-wrap .conbox {
	height: 760px;
	background: url("../images/case-bg.png") no-repeat center;
}

.case-wrap .left {
	float: left;
	float: left;
	width: 200px;
	margin: 0px 0 0 0px;
	margin-top: 240px;
	margin-left: -40px;
	padding-right: 20px;
	text-align: left;
}

.case-wrap .left h3 {
	font-size: 32px;
	color: #fff;
	margin-bottom: 200px;
}

.case-wrap .left h3 img {
	width: 13px;
	height: 13px;
	vertical-align: middle;
	margin-left: 10px;
	position: relative;
	left: 0;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.case-wrap .left h3:hover img {
	left: 5px;
}

.case-wrap .left .tip {
	font-size: 24px;
	color: #fff;
	margin: 15px 0 15px;
}

.case-wrap .left li {
	font-size: 16px;
	height: 55px;
	line-height: 55px;
	color: #fff;
	overflow: hidden;
	padding: 0 10px;
}

.case-wrap .left li .num {
	float: right;
}

.case-wrap .left li .counter {
	font-size: 30px;
	color: #fff;
	padding-right: 10px;
	vertical-align: bottom;
	font-style: normal
}

.case-wrap .left li .counter.pr0 {
	padding-right: 0;
}

.case-wrap .left li .plus {
	font-weight: 900;
	padding-right: 10px;
	font-size: 30px;
	vertical-align: bottom;
}

.case-wrap .right ul {
	position: relative;
}

.case-wrap .right .case-logos {
	width: 250px;
	background: #fff;
	border: 1px solid #eee;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2);
	padding: 26px 26px 16px;
	position: absolute;
	bottom: 40px;
	right: 50%;
	margin-right: -150px;
	visibility: hidden;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 99;
}

.case-wrap .right .case-logos .area {
	font-size: 16px;
	color: #666;
	text-align: center;
	margin-bottom: 15px;
}

.case-wrap .right .case-logos .logo-text a {
	font-size: 14px;
	color: #666;
	padding: 10px;
	text-align: center;
	line-height: 25px;
}

.case-wrap .right .case-logos .logo-text a:hover {
	color: #0074C0;
}

.case-wrap .right .case-logos .logo-text a:visited {
	color: #666;
}

.case-wrap .right li {
	width: 10px;
	height: 4px;
	border-radius: 50%;
	border: solid 1px #fff;
	padding: 3px;
	background: rgba(255, 255, 255, 0.2);
	position: absolute;
	cursor: pointer;
}

.case-wrap .right li .name {
	font-size: 15px;
	color: #fff;
	position: absolute;
	top: -32px;
	right: -35px;
	white-space: nowrap;
	width: 30px;
}

.case-wrap .right li .name.tleft {
	left: -5px;
}

.case-wrap .right li .point {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #fff;
}

.case-wrap .right li.important {
	border-color: #ffb400;
	background: rgba(255, 180, 0, 0.2);
	height: 4px;
}

.case-wrap .right li.important .loops {
	position: absolute;
	right: -1px;
	top: -1px;
	width: 10px;
	height: 4px;
	padding: 6px;
	border-radius: 50%;
	border: solid 1px #ffb400;
	background: rgba(255, 180, 0, 0.2);
	animation: scaleChanges2 1.5s infinite;
}

.case-wrap .right li.important .point {
	background: #ffb400;
	animation: scaleChanges2 1.5s infinite;
}

.case-wrap .right li.beijing {
	top: 330px;
	right: 310px;
}

.case-wrap .right li.tianjin {
	top: 325px;
	right: 275px;
}

.case-wrap .right li.shanghai {
	top: 450px;
	right: 190px;
}

.case-wrap .right li.xiamen {
	top: 550px;
	right: 160px;
}

.case-wrap .right li.shenzhen {
	top: 590px;
	right: 200px;
}

.case-wrap .right li.sichuan {
	top: 410px;
	right: 670px;
}

.case-wrap .right li.guizhou {
	top: 477px;
	right: 600px;
}

.case-wrap .right li.xinjiang {
	top: 250px;
	right: 850px;
}

.case-wrap .right li.gansu {
	top: 350px;
	right: 620px;
}

.case-wrap .right li.ningxia {
	top: 350px;
	right: 550px;
}

.case-wrap .right li.neimenggu {
	top: 290px;
	right: 380px;
}

.case-wrap .right li.neimenggu .name {
	left: -13px;
}

.case-wrap .right li.jilin {
	top: 290px;
	right: 140px;
}

.case-wrap .right li.hebei {
	top: 330px;
	right: 350px;
}

.case-wrap .right li.shandong {
	top: 370px;
	right: 290px;
}

.case-wrap .right li.shanxi {
	top: 340px;
	right: 420px;
}

.case-wrap .right li.xian {
	top: 365px;
	right: 500px;
}

.case-wrap .right li.zhengzhou {
	top: 380px;
	right: 400px;
}

.case-wrap .right li.hubei {
	top: 440px;
	right: 410px;
}

.case-wrap .right li.hunan {
	top: 480px;
	right: 460px;
}

.case-wrap .right li.chongqing {
	top: 430px;
	right: 540px;
}

.case-wrap .right li.yunnan {
	top: 480px;
	right: 790px;
}

.case-wrap .right li.guangdong {
	top: 545px;
	right: 415px;
}

.case-wrap .right li.fujian {
	top: 530px;
	right: 255px;
}

.case-wrap .right li.zhejiang {
	top: 480px;
	right: 215px;
}

.case-wrap .right li.ningbo {
	top: 475px;
	right: 145px;
}

.case-wrap .right li.jiangsu {
	top: 420px;
	right: 220px;
}

.case-wrap .right li.anhui {
	top: 430px;
	right: 300px;
}

.case-wrap .right li.jiangxi {
	top: 490px;
	right: 340px;
}

.case-wrap .right li.guangxi {
	top: 540px;
	right: 550px;
}

.case-wrap .right li.hainan {
	top: 635px;
	right: 565px;
}

.case-wrap .right li.xizang {
	top: 345px;
	right: 965px;
}

.case-wrap .right li.qinghai {
	top: 535px;
	right: 665px;
}

.case-wrap .right li.heilongjiang {
	top: 255px;
	right: 175px;
}

.case-wrap .right li.liaoning {
	top: 315px;
	right: 185px;
}

.case-wrap .right li.henan {
	top: 390px;
	right: 405px;
}

.case-wrap .right li:hover .case-logos {
	visibility: visible;
	bottom: 20px;
}

.feature-wrap {
	height: 600px;
	background: #fff;
}

.feature-wrap h3 {
	font-size: 30px;
	color: #333;
	text-align: center;
	padding: 70px 0 20px;
}

.feature-wrap h4 {
	width: 100%;
	height: 10px;
	line-height: 10px;
	text-align: center;
	font-size: 16px;
	color: #787878;
}

.feature-wrap .conbox {
	margin-top: 50px;
}

.feature-wrap .advantage {
	width: 100%;
}

.feature-wrap .advantage ul {
	width: 100%;
}

.feature-wrap .advantage ul li {
	width: 280px;
	float: left;
	display: inline-block;
	margin: 10px;
	text-align: center;
}

.feature-wrap .advantage ul li dl dt {
	width: 150px;
	height: 170px;
	background: url("https://images.tengfangyun.com/tf/images/ad.png") no-repeat;
	margin: 25px auto;
}

.feature-wrap .advantage ul li dl .list01 {
	background-position: 0 0;
}

.feature-wrap .advantage ul li dl .list02 {
	background-position: -320px 0;
}

.feature-wrap .advantage ul li dl .list03 {
	background-position: -640px 0;
}

.feature-wrap .advantage ul li dl .list04 {
	background-position: -964px 0;
}

.feature-wrap .advantage ul li dl dd {
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}

.feature-wrap .advantage ul li dl dd.title {
	font-size: 24px;
	color: #333333;
}

.feature-wrap .advantage ul li:hover dt {
	width: 150px;
	height: 170px;
	background: url("https://images.tengfangyun.com/tf/images/adh.png") no-repeat;
	margin: 25px auto;
}

.feature-wrap .advantage ul li:hover .list01 {
	background-position: 0 0;
}

.feature-wrap .advantage ul li:hover .list02 {
	background-position: -320px 0;
}

.feature-wrap .advantage ul li:hover .list03 {
	background-position: -640px 0;
}

.feature-wrap .advantage ul li:hover .list04 {
	background-position: -964px 0;
}

.feature-wrap .advantage ul li:hover dd.title {
	font-size: 24px;
	color: #1a9fdb;
}



/*头部列表 begin*/
.appListHead {
	width: 100%;
	background-color: #fff;
	margin-top: -30px;
}

.appListHMain {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.appListLine {
	width: 100%;
	border-bottom: 1px solid #e9e9e9;
	position: absolute;
	top: 60px;
	display: none;
}

.appListRow {
	height: 120px;
	position: relative;
}

.appListULOne {
	display: inline-block;
	font-size: 14px;
	color: #000;
	padding: 5px 0px;
	height: 50px;
	margin: 0px;
	line-height: 55px;
	width: 1170px;
	text-align: left;
	overflow: hidden;
	box-sizing: border-box;
}

.appListULTwo {
	height: 45px;
	overflow: hidden;
}

.appListULOne li,
.appListULTwo li {
	display: inline-block;
	height: 30px;
	line-height: 30px;
}

.appListULOne li:hover,
.appListULTwo li:hover {
	background-color: #efefef;
	border-radius: 20px;
	height: 30px;
	line-height: 30px;
}

.appListULOne .appLiActive:hover,
.appListULTwo .appLiActive:hover {
	background-color: #fc4b69;
}

.appLiActive a {
	color: #fff;
}

.appLiActive {
	background-color: #fc4b69;
	border-radius: 20px;
	height: 30px;
	line-height: 30px;
}

.appListULOne li a,
.appListULTwo li a {
	width: 100%;
	height: 100%;
	display: inline-block;
	padding: 0px 21px;
}

.appListConOne {
	display: inline-block;
	position: relative;
	height: 90px;
	width: 100%;
}

.appListOne {
	display: inline-block;
	width: 100%;
}

.listMore {
	display: inline-block;
	height: 30px;
	width: 60px;
	border-radius: 20px;
	text-align: center;
	box-sizing: border-box;
	position: absolute;
	right: 0px;
	cursor: pointer;
	top: 17px;
	line-height: 25px;
}

.listMore:hover {
	background-color: #efefef;
}

/*头部列表 end*/
/*帅选 begin*/
.appListFill {
	width: 100%;
	clear: both;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 77px;
	z-index: 1;
	display: block;
}

.appListFillL {
	width: calc(100% - 80px);
	text-align: center;
	font-size: 16px;
	color: #A7A7A7;
	display: inline-block;
}

.appListCol {
	display: inline-block;
	position: relative;
	margin: 0px 44px;
	padding: 0px 3px;
	cursor: pointer;
}

.appListCol:hover {
	border-bottom: 2px solid #fc4b69;
}

.appListColact {
	border-bottom: 2px solid #fc4b69;
	color: #fc4b69
}

.appListColact a {
	color: #fc4b69
}

.appActive {
	border-bottom: 2px solid #4a4a4a;
	color: #000;
}

.appListRCol {
	width: 75px;
	position: relative;
	cursor: pointer;
	font-size: 14px;
}

.Colactive {
	color: #000;
}

.appListRCol:hover>.colorTitle {
	color: #000;
}

.appListFillR {
	text-align: center;
	font-size: 16px;
	color: #A7A7A7;
	display: inline-block;
}

.appListNext {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: -18px;
}

.appListNext img {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.appSelectNext {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 5px;
	right: 0px;
}

.appSelectNext img {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.selectList {
	width: 120px;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	border: 2px solid #f9f9f9;
	display: none;
	position: absolute;
	top: 35px;
	left: -36px;
	font-size: 14px;
}

.selectList li:hover {
	background-color: #efefef;
	cursor: pointer;
}

.selectLI a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

/*颜色选择框*/
.colorList {
	width: 305px;
	height: 245px;
	position: absolute;
	top: 30px;
	right: 0px;
	background-color: #fff;
	border-radius: 5px;
	border: 1px solid #e9e9e9;
	box-sizing: border-box;
	display: none;
}

.colorForm {
	border-top: 1px solid #e9e9e9;
}

.colorTit input {
	-webkit-appearance: checkbox;
}

.colorListTitle {
	width: 100%;
	text-align: left;
	height: 55px;
	line-height: 55px;
	padding: 0px 20px;
	box-sizing: border-box;
}

.colorTit {
	display: inline-block;
	font-size: 14px;
	color: #000;
	padding-right: 10px;
	position: relative;
}

.colorTit span {
	padding-left: 20px;
}

.colorTip {
	height: 50px;
	line-height: 50px;
	font-size: 12px;
	color: #000;
	text-align: left;
	padding: 0px 20px;
}

.colorFList {
	display: inline-block;
	width: 100%;
	font-size: 0px;
	padding: 0px 20px;
	box-sizing: border-box;
}

.colorFList li:last-child {
	margin-bottom: 0px;
}

.colorFList li .colorDiv:last-child {
	margin-right: 0px;
}

.colorFList li .colorDiv:nth-child(1) {
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	color: #000;
	float: left;
}

.colorDiv {
	display: inline-block;
	float: left;
	height: 30px;
	width: 40px;
	background: red;
	margin-right: 15px;
	margin-bottom: 15px;
	overflow: hidden
}

.colorActive {
	border: 2px solid #FFD100;
}

.colorDiv:nth-child(1) {
	background-color: #32A6F5;
	font-size: 12px;
	color: #fff;
	line-height: 30px;
}

.colorDiv:nth-child(5n) {
	margin-right: 0px;
}

.colorSpan {
	width: 20px;
	height: 15px;
	float: left;
	background-color: #32A6F5;
}

.colorSpan:nth-child(2) {
	background-color: #80D032;
}

.colorSpan:nth-child(3) {
	background-color: #FE0000;
}

.colorSpan:nth-child(4) {
	background-color: #FF6300;
}

.colorDiv:nth-child(3) {
	background-color: #FE0000;
}

.colorDiv:nth-child(4) {
	background-color: #FF6300;
}

.colorDiv:nth-child(5) {
	background-color: #FAE242;
}

.colorDiv:nth-child(6) {
	background-color: #80D031;
}

.colorDiv:nth-child(7) {
	background-color: #26E0D2;
}

.colorDiv:nth-child(8) {
	background-color: #198EDE;
}

.colorDiv:nth-child(9) {
	background-color: #FE68FF;
}

.colorDiv:nth-child(10) {
	background-color: #fff;
	border: 1px solid #ccc;
}

.colorDiv:nth-child(11) {
	background-color: #999;
}

.colorDiv:nth-child(12) {
	background-color: #000;
}

.colorDiv:nth-child(13) {
	background-color: #990099;
}

.colorDiv:nth-child(14) {
	background-color: #974B00;
}

.inputImg {
	width: 15px;
	height: 15px;
	display: inline-block;
	position: absolute;
	top: 20px;
}

.inputImg img {
	width: 100%;
	height: 100%;
	position: absolute;
}


/*分页*/
.fenye {
	text-align: center;
}

.fenye li {
	margin: 0 5px;
	display: inline-block;
}

.fenye a {
	border-radius: 6px !important;
	color: #999 !important;
	display: block;
	padding: 0 !important;
	margin-left: 0 !important;
	background: transparent !important;
	float: none !important;
	border: 1px solid #e5e5e5 !important;
	height: 38px !important;
	text-align: center !important;
	line-height: 38px !important;
	background-color: #ffffff !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.pagination .disabled {
	display: none;
}

.pagination {
	margin: 15px 0px 25px;
	text-align: left;
	display: inline-block;
	padding-left: 0;
	border-radius: 4px;
}

.pagination>li {
	display: inline-block;
	margin-right: 5px;
}

.pagination li.active span {
	border-radius: 6px !important;
	display: block;
	padding: 0 !important;
	margin-left: 0 !important;
	background: transparent !important;
	float: none !important;
	border: 1px solid #e5e5e5 !important;
	height: 38px !important;
	text-align: center !important;
	line-height: 38px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.pagination li.active span {
	border-color: #fc4b69 !important;
	background-color: #fc4b69 !important;
}

.pagination li.active span {
	color: #333 !important;
}

.fenye a.pager-nav {
	border-color: #e9e9e9 !important;
	color: #999 !important;
}

.pagination li.active span {
	border-color: #ffd100 !important;
	background-color: #ffd100 !important;
}

.pagination li.active span {
	color: #333 !important;
}

.fenye a.pager-nav {
	border-color: #e9e9e9 !important;
	color: #999 !important;
}

.foot_btn {
	display: none;
}

@media screen and (max-width: 900px) {
	html {
		font-size: 22.08px !important;
	}

	html,
	body {
		width: 100% !important;
		min-width: 100% !important;
	}

	.appListHead {
		margin-top: 70px;
	}

	.appListHMain {
		width: calc(100% - 20px);
		margin: 0 10px;
		overflow: hidden;
		height: auto !important;
	}

	.appListConOne,
	.appListRow {
		height: auto !important;
	}

	.appListULOne {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		font-size: 14px;
		color: #000;
		line-height: 55px;
		text-align: left;
		overflow: hidden;
		box-sizing: border-box;
		height: auto !important;
	}

	.appListULOne li {
		width: 25%;
	}

	.pagination {
		margin: 0;
		padding: 0;
		width: auto !important;
		margin-bottom: 20px;
	}

	.pagination li {
		padding: 0 !important;
		margin-bottom: 10px;
	}

	.pagination .active {
		border: none !important;
		color: #FFFFFF;
	}

	.pagination li.active span {
		color: #FFFFFF !important;
	}

	.appListFill {
		position: static;
	}

	.appListFillL {
		width: 100%;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
	}

	.appListColact,
	.appListCol {
		width: 33.3%;
		padding: 0;
		margin: 0;
	}

	.listMore {
		display: none;
	}

	.caselist {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.case-wrap {
		display: none;
	}

	.foot_btn {
		display: block;
		position: fixed;
		z-index: 9999;
		color: #FFFFFF;
		height: 35px;
		width: 35px;
		overflow: hidden;
		border-radius: 100%;
		text-align: center;
		line-height: 10px;
		padding-top: 4px;
		box-sizing: border-box;
		border: rgba(255, 255, 255, 0.35) solid 1px;
	}

	.foot_btn a {
		font-size: 12px;
		color: #FFFFFF;
	}

	.yinyong {
		background: #fc4b69;
		bottom: 140px;
		right: 10px;
	}

	.anli {
		background: #fc4b69;
		bottom: 100px;
		right: 10px;
	}

	.liucheng {
		background: #fc4b69;
		bottom: 60px;
		right: 10px;
	}

	.jieru {
		background: #fc4b69;
		bottom: 20px;
		right: 10px;
	}
}