* {

	margin: 0;

	padding: 0;

}



body,

button,

input,

textarea,

select {

	font: 12px/1.5 Arial, 'microsoft yahei', Helvetica, sans-serif;

	-webkit-font-smoothing: antialiased;

}



.index-page {

	background-color: #f5f5fa;

}



/*.clearfix:after {

  content: "";

  height: 0;

  line-height: 0;

  display: block;

  visibility: hidden;

  clear: both;

}*/

.clearfix {

	zoom: 1;

}



.a-qrcodes .i {

	background-image: url(../img/side_icon5.png);



}



.input-row {

	position: relative;

}



.input {

	margin-bottom: 10px;

	width: 100%;

	height: 44px;

	border: 1px solid rgba(238, 238, 238, 1);

	border-radius: 2px;

	padding-left: 36px;

	box-sizing: border-box;

	font-size: 14px;

}



.suspension .d-daili .daili-form .input-icon {

	position: absolute;

	left: 7px;

	top: 9px;

	width: 24px;

	height: 24px;

	background: url(../img/icon_input.png) no-repeat;

}



.input-icon {

	position: absolute;

	left: 7px;

	top: 9px;

	width: 24px;

	height: 24px;

	background: url(../img/icon_input.png) no-repeat;

}



.input-icon {

	position: absolute;

	left: 7px;

	top: 9px;

	width: 24px;

	height: 24px;

	background: url(../img/icon_input.png) no-repeat;

}



li {

	list-style: none;

}



a {

	text-decoration: none;

}



a img {

	border: none;

}



.index {

	margin: auto;

}



.w {

	width: 1200px;

	margin: 0 auto;

}



.header .search .suggestions_list ul {

	margin-left: 0;

}







.nav-slide {

	position: absolute;

	z-index: 5;

	left: 0;

	right: 0;

	top: 80px;

	background: #fff;

	overflow: hidden;

}



.nav-slide .i-hot,

.nav-slide .i-new {

	width: 40px;

	height: 19px;

	display: inline-block;

	vertical-align: sub;

	margin-left: 5px;

}



.nav-slide .i-hot {

	background: url(../img/menu-hot.gif) no-repeat;

}



.nav-slide .i-new {

	background: url(../img/menu-new.gif) no-repeat;

}



.ns-list {

	margin-top: -100%;

	/*debug*/

	opacity: 1;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

	transition: all 0.5s;

	-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);

	-moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);

	transition-timing-function: cubic-bezier(1, 0, 0, 1);

}



.ns-list:after {

	content: "";

	display: block;

	height: 20px;

}



.nav_item:hover .nav-slide {

	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

}



.nav_item:hover .ns-list {

	margin-top: 0;

	opacity: 1;

	-webkit-transition: margin-top 0.5s ease;

	-moz-transition: margin-top ease 0.5s;

	transition: margin-top 0.5s ease;

}



.ns-list dl {

	float: left;

	width: 210px;

	margin: 30px 30px 30px 0;

}



.ns-list dt {

	font-size: 16px;

	line-height: 60px;

	border-bottom: 1px solid #DCDCDC;

	margin-bottom: 16px;

	margin-right: 30px;

	color: #888888;

}



.ns-list dt:before {

	display: inline-block;

	width: 25px;

	height: 25px;

	margin-right: 5px;

	content: '';

	position: relative;

	top: 5px;

	background: url(../img/menu-icon.png) no-repeat;

}



.ns-list .nav-wechat:before {

	background-position: -25px 0;

}



.ns-list .nav-market:before {

	background-position: -50px 0;

}



.ns-list .nav-app:before {

	background-position: -75px 0;

}



.ns-list .nav-crash:before {

	background-position: 0px -25px;

}



.ns-list .nav-other:before {

	background-position: -25px -25px;

}



.ns-list .nav-fanga:before {

	background-position: -50px -25px;

}



.ns-list .nav-template:before {

	background-position: -75px -25px;

}



.site .ns-list dt:before {

	background: url(../img/menu-icon2.png) no-repeat;

}



.site .ns-list .nav-mobile:before {

	background-position: -25px 0;

}



.site .ns-list .nav-tuiguang:before {

	background-position: -50px 0;

}



.site .ns-list .nav-view:before {

	background-position: -75px 0;

}



.ns-list dd {

	line-height: 32px;

}



.ns-list .dl-block {

	float: none;

	width: 100%;

	margin: 10px 0 30px 0;

}



.ns-list .dl-block dt {

	width: 190px;

}



.ns-list .dl-block dd {

	overflow: hidden;

}



.ns-list .dl-block dd a {

	float: left;

	margin-right: 40px;

	padding: 10px 0;

}



.ns-list .dl-block dd a:hover {

	color: #ed353c;

}



.ns-recommend {

	background: #F4F4F4;

	padding: 20px 0;

}



.nr-hd {

	float: left;

	width: 73px;

	height: 30px;

	line-height: 30px;

	padding-left: 10px;

	background: url(../img/menu-jt.png) no-repeat;

	color: #fff;

}



.nr-list {

	margin-left: 85px;

}



.nr-list li {

	float: left;

	line-height: 30px;

	margin: 0 20px;

}



.ns-list .links {

	padding: 30px 0;

}



.ns-list .links a {

	float: left;

	margin-right: 40px;

}



.ns-list .links a:hover {

	color: #ed353c;

}



.ns-list .four {

	margin-bottom: 50px;

}



.nav-slide-1 {

	position: absolute;

	left: -359px;

	width: 1920px;

	top: 70px;

	/*height:300px;debug*/

}



.banner {

	z-index: 4;

}



.banner .slideBox {

	width: 100%;

	height: 520px;

	overflow: hidden;

	position: relative;
	top: -1px;
}	



.banner .slideBox .hd {

	height: 100px;

	overflow: hidden;

	position: absolute;

	bottom: 0px;

	width: 100%;

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

	z-index: 1;

}



.banner .slideBox .hd ul {

	overflow: hidden;

	zoom: 1;

	height: 100px;

}



.banner .slideBox .hd ul li {

	position: relative;

	float: left;

	width: 24.9%;

	height: 100px;

	padding-top: 30px;

	border-right: 1px solid #e8e8e850;

	line-height: 14px;

	cursor: pointer;

}



.banner .slideBox .hd ul li img {

	position: absolute;

	left: 35px;

	top: 29px;

}



.banner .slideBox .hd ul li .one {

	margin-left: 93px;

	font-size: 18px;

	color: #fff;

}



.banner .slideBox .hd ul li .two {

	margin-left: 93px;

	color: #fff;

	font-size: 14px;

	margin-top: 13px;

}



.banner .slideBox .hd ul li:last-child {

	border-right: none;

}



.banner .slideBox .hd ul li.on {

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

	color: #fff;

}



.banner .slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}



.banner .slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

	height: 520px;

	background-position: center;

	background-repeat: no-repeat;

}



.banner .slideBox .bd a {

	width: 100%;

	height: 100%;

	display: inline-block;

}

.floor_one {

	text-align: center;

	background-color: #FFFFFF;

	padding-bottom: 30px;

}

.floor_one .title {

	font-size: 32px;

	font-weight: 700;

}

.floor_one .xtitle{

	border-bottom:1px solid #cccccc;

	padding: 35px 0;

}

.floor_one .xtitle span{

	color: #e73144;

}

.floor_one .xiaochengxu{

	margin-top: 35px;

/*	display: flex;

	justify-content: space-between;*/

}

.floor_one .xiaochengxu li{

	width: 16%;

	text-align: center;
	display: inline-block;

}

.floor_one .xiaochengxu li img{

	width: 80px;

	height: 80px;

}

.floor_one .xiaochengxu li p{

	font-size: 16px;

}

.floor_one .main {

	color: #888888;

	margin-top: 19px;

	margin-bottom: 59px;

}



.floor_one .list_one li {

	width: 380px;

	height: 546px;

	float: left;

	margin-right: 29px;

	box-shadow: 0px 5px 10px 0px rgba(135, 135, 135, 0.1);

	border-radius: 15px 15px 0px 0px;

	background-color: #fff;

}



.floor_one .list_one li:hover {

	box-shadow: 0px 10px 40px 0px rgba(135, 135, 135, 0.15);

}



.floor_one .list_one li .li_header {

	height: 115px;

	background: rgba(244, 112, 78, 1);

	background: -moz-linear-gradient(45deg, rgba(244, 112, 78, 1) 0%, rgba(227, 32, 65, 1) 100%);

	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(244, 112, 78, 1)), color-stop(100%, rgba(227, 32, 65, 1)));

	background: -webkit-linear-gradient(45deg, rgba(244, 112, 78, 1) 0%, rgba(227, 32, 65, 1) 100%);

	background: -o-linear-gradient(45deg, rgba(244, 112, 78, 1) 0%, rgba(227, 32, 65, 1) 100%);

	background: -ms-linear-gradient(45deg, rgba(244, 112, 78, 1) 0%, rgba(227, 32, 65, 1) 100%);

	background: linear-gradient(45deg, rgba(244, 112, 78, 1) 0%, rgba(227, 32, 65, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4704e', endColorstr='#e32041', GradientType=1);

	border-radius: 15px 15px 0px 0px;

	padding-top: 15px;

	box-sizing: border-box;

}



.floor_one .list_one li .li_header .text_top {

	font-size: 24px;



	font-weight: 600;

	color: #ffffff;

	line-height: 53px;

}



.floor_one .list_one li .li_header .text_bottom {

	font-size: 14px;

	color: #FFD3D3;

}



.floor_one .list_one li .li_header .text_bottom_two {

	color: #ffffff;

	font-size: 14px;

}



.floor_one .list_one li .li_header .text_bottom_three {

	color: #ffffff;

	font-size: 14px;

}



.floor_one .list_one li .li_main {

	padding-left: 31px;

	padding-right: 31px;

	padding-top: 32px;

	text-align: center;

	height: 430px;

}



.floor_one .list_one li .li_main p {

	margin-top: 19px;

	font-size: 16px;



	font-weight: 400;

	color: #333333;

	line-height: 28px;

}



.floor_one .list_one li .li_main .button {

	background: rgba(240, 58, 58, 1);

	background: -moz-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(240, 58, 58, 1)), color-stop(100%, rgba(255, 108, 85, 1)));

	background: -webkit-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -o-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -ms-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: linear-gradient(135deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f03a3a', endColorstr='#ff6c55', GradientType=1);

	box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);

	margin: 0 auto;

	margin-top: 18px;

	width: 180px;

	height: 44px;

	border-radius: 22px;

	line-height: 44px;

}



.floor_one .list_one li .li_main .button a {

	display: block;

	font-size: 16px;

	font-weight: 400;

	color: #ffffff;

}



.floor_one .list_one li .li_main .button a:hover {

	border-radius: 22px;

	height: 46px;

}



.floor_one .list_one .two .li_header {

	background: rgba(42, 197, 253, 1);

	background: -moz-linear-gradient(-45deg, rgba(42, 197, 253, 1) 0%, rgba(19, 150, 251, 1) 100%);

	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(42, 197, 253, 1)), color-stop(100%, rgba(19, 150, 251, 1)));

	background: -webkit-linear-gradient(-45deg, rgba(42, 197, 253, 1) 0%, rgba(19, 150, 251, 1) 100%);

	background: -o-linear-gradient(-45deg, rgba(42, 197, 253, 1) 0%, rgba(19, 150, 251, 1) 100%);

	background: -ms-linear-gradient(-45deg, rgba(42, 197, 253, 1) 0%, rgba(19, 150, 251, 1) 100%);

	background: linear-gradient(135deg, rgba(42, 197, 253, 1) 0%, rgba(19, 150, 251, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ac5fd', endColorstr='#1396fb', GradientType=1);

}



.floor_one .list_one .three .li_header {

	background: rgba(52, 229, 176, 1);

	background: -moz-linear-gradient(-45deg, rgba(52, 229, 176, 1) 0%, rgba(10, 212, 215, 1) 100%);

	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52, 229, 176, 1)), color-stop(100%, rgba(10, 212, 215, 1)));

	background: -webkit-linear-gradient(-45deg, rgba(52, 229, 176, 1) 0%, rgba(10, 212, 215, 1) 100%);

	background: -o-linear-gradient(-45deg, rgba(52, 229, 176, 1) 0%, rgba(10, 212, 215, 1) 100%);

	background: -ms-linear-gradient(-45deg, rgba(52, 229, 176, 1) 0%, rgba(10, 212, 215, 1) 100%);

	background: linear-gradient(135deg, rgba(52, 229, 176, 1) 0%, rgba(10, 212, 215, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34e5b0', endColorstr='#0ad4d7', GradientType=1);

}



.floor_one .list_one li:last-child {

	margin-right: 0;

}

.product{

	overflow: hidden;

}

.product .item:nth-child(odd) {

    background-color: #f5f8ff;

}

.product .item-cont{

    width: 1200px;

    margin-right: auto;

    margin-left: auto;

    padding: 40px 0;

}

.product .item .image{

    display: inline-block;

    vertical-align: middle;

    text-align: center;

}

.product .item img{

    width: 571px;

    height: 423px;

    vertical-align: middle;

}

.product .item .text{

    display: inline-block;

    width: 50%;

    vertical-align: middle;

}

.product .item:nth-child(odd) .text{

    float: left;

}

.product .item .text-cont{

    display: inline-block;

    vertical-align: middle;

    font-family: "PingFang SC";

    font-weight: 400;

    font-size: 14px;

    line-height: 1;

    color: #666;

}

.product .item .title{

    font-weight: 500;

    font-size: 30px;

    color: #282828;

}

.product .item .cont{

    margin-top: 36px;

    margin-bottom: 42px;

}

.product .item .cell~.cell{

    margin-top: 30px;

}

.product .item .name{

    padding-left: 13px;

    border-left: 3px solid #2a7efb;

    margin-bottom: 15px;

    font-size: 18px;

    color: #282828;

    font-weight: normal;

}

.product .item .info{

    padding-left: 16px;

    line-height: 1.5;

    font-weight: normal;

    font-size: 14px;

    color: rgba(43,37,37,.7);

}

.product .item .button{

    display: inline-block;

    width: 120px;

    height: 36px;

    border: 1px solid #2a7efb;

    border-radius: 3px;

    font-size: 12px;

    line-height: 34px;

    text-align: center;

    color: #2a7efb;

    cursor: pointer;

}

.product .item .blue{

    background-color: #2a7efb;

    color: #fefefe;

}

.product .item .button~.button{

    margin-left: 20px;

}



.floor_two {

	text-align: center;

	margin-top: 35px;

}



.floor_two .title {

	font-size: 36px;



	font-weight: 400;

}



.floor_two .main {

	color: #888888;

	margin-top: 19px;

	margin-bottom: 59px;

}



.floor_three {

	text-align: center;

	/* margin-top: 82px; */

	/*height:620px;*/

	overflow: hidden;

	margin-bottom: 30px;

}



.floor_three .title {

	margin-top: 95px;

	font-size: 36px;

	font-weight: 400;

}



.index-page div.floor_three .main {

	color: #888888;

	margin-top: 19px;

	margin-bottom: 60px;

}



.floor_three .list_three {

	display: flex;

	flex-direction: row;

	justify-content: space-between;

}



.floor_three .list_three .list {

	height: 512px;

	border-bottom: 5px solid #ec4343;

	transition: all 0.2s;

	border: 1px solid #e5e5e5;

	padding-top: 83px;

	padding-left: 31px;

	padding-bottom: 20px;

	box-sizing: border-box;

	text-align: left;

	position: relative;

	width: 284px;

	float: left;

	background-color: #fff;

	margin-right: 20px;

}



.floor_three .list_three .list:last-child {

	margin-right: 0;

}



.floor_three .list_three .list .bottom {

	text-align: center;

	margin-left: -31px;

}



.floor_three .list_three .top {

	margin-bottom: 32px;

	font-size: 24px;



	font-weight: 600;

	color: #333333;

}



.floor_three .list_three .top_list li img {

	vertical-align: middle;

	margin-right: 10px;

}



.floor_three .list_three .top_list li .one {

	font-size: 16px;



	font-weight: 400;

	color: #333333;

}



.floor_three .list_three .top_list li .two {

	margin-left: 31px;

	font-size: 14px;



	font-weight: 400;

	color: #888888;

	margin-bottom: 26px;

	margin-top: 2px;

}



.floor_three .list_three .bottom a {

	font-size: 16px;

	font-weight: 400;

	color: #ffffff;

	line-height: 44px;

	display: inline-block;

	width: 180px;

	height: 44px;

	background: linear-gradient(90deg, #f03a3a, #ff6c55);

	background: -moz-linear-gradient(90deg, #f03a3a, #ff6c55);

	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f81313), color-stop(100%, #fd7348));

	background: -webkit-linear-gradient(90deg, #f03a3a, #ff6c55);

	background: -o-linear-gradient(left, #f81313 0%, #fd7348 100%);

	background: -ms-linear-gradient(left, #f81313 0%, #fd7348 100%);

	background: linear-gradient(to right, #f81313 0%, #fd7348 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f81313', endColorstr='#fd7348', GradientType=1);

	box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);

	border-radius: 22px;

}



.floor_three .list_three .sprites_one {

	width: 86px;

	height: 93px;

	background: url("../img/03-icon.png") no-repeat;

	background-position: 0 0;

	position: absolute;

	left: 100px;

	top: -34px;

	z-index: 5;

}



.floor_three .list_three .list_three_two .sprites_one {

	background-position: -86px 0;

}



.floor_three .list_three .list_three_three .sprites_one {

	background-position: -174px 0;

}



.floor_three .list_three .list_three_four .sprites_one {

	background-position: -263px 0;

}



.floor_four {

	text-align: center;

}



.floor_four .title {

	margin-top: 95px;

	font-size: 36px;



	font-weight: 400;

}



.floor_four .main {

	color: #888888;

	margin-top: 19px;

	margin-bottom: 62px;

}



.floor_five {

	/*.index-page .news-list dt a:hover .text{  color: #ec6061;}*/

}



.floor_five .news-wrap {

	background: #fff;

	padding: 42px 0;

}



.floor_five .news-item {

	width: 340px;

	margin: 0 26px 0 32px;

	float: left;

}



.floor_five .news-title {

	font-size: 24px;

	margin-bottom: 26px;

}



.floor_five .news-list {

	margin-bottom: 17px;

}



.floor_five .news-list dt {

	height: 180px;

	position: relative;

	margin-bottom: 20px;

	overflow: hidden;

}



.floor_five .news-list dt img {

	width: 340px;

	height: 180px;

	transition: all 0.4s;

}



.floor_five .news-list dt a:hover img {

	transform: scale(1.05);

}



.floor_five .news-list dt .text {

	position: absolute;

	left: 0;

	right: 0;

	color: #fff;

	bottom: 10px;

	font-size: 15px;

	padding: 0 24px;

	line-height: 1.5;

	height: 44px;

	overflow: hidden;

	transition: all 0.2s;

}



.floor_five .news-list dd {

	margin-bottom: 10px;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}



.floor_five .news-list dd a {

	font-size: 14px;

	color: #909499;

}



.floor_five .news-list dd a:hover {

	color: #ec6061;

}



.floor_five .news-item .more {

	width: 100px;

	height: 36px;

	display: block;

	line-height: 36px;

	background: rgba(240, 58, 58, 1);

	background: -moz-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(240, 58, 58, 1)), color-stop(100%, rgba(255, 108, 85, 1)));

	background: -webkit-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -o-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -ms-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: linear-gradient(135deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f03a3a', endColorstr='#ff6c55', GradientType=1);

	box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);

	text-align: center;

	color: #fff;

	transition: all 0.1s;

	border-radius: 18px;

	font-size: 14px;

}



.floor_six {

	text-align: center;

	margin-top: 95px;

}



.floor_six .index-title .title {

	font-size: 36px;

}



.floor_six .index-title .more {

	width: 180px;

	height: 44px;

	-webkit-border-radius: 22px;

	-moz-border-radius: 22px;

	border-radius: 22px;

	display: block;

	line-height: 44px;

	background: rgba(240, 58, 58, 1);

	background: -moz-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(240, 58, 58, 1)), color-stop(100%, rgba(255, 108, 85, 1)));

	background: -webkit-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -o-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: -ms-linear-gradient(-45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	background: linear-gradient(135deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f03a3a', endColorstr='#ff6c55', GradientType=1);

	box-shadow: 0px 5px 8px 0px rgba(241, 61, 60, 0.2);

	text-align: center;

	color: #fff;

	transition: all 0.1s;

	margin: 0 auto;

	margin-top: 30px;

	margin-bottom: 50px;

	font-size: 14px;

}



.floor_six .example {

	padding-bottom: 34px;

}



.floor_six .example-list {

	margin-right: -18px;

}



.floor_six .example-list .example-item {

	float: left;

	width: 286px;

	height: 315px;

	overflow: hidden;

	margin: 0 18px 18px 0;

	text-align: center;

	background: #fff;

	position: relative;

	transition: all 0.2s;

}



.floor_six .example-list .example-item .img {

	width: 286px;

	height: 180px;

}



.floor_six .example-list .example-item .info {

	height: 135px;

	overflow: hidden;

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	background: #fff;

	transition: all 0.2s;

}



.floor_six .example-list .example-item:hover .info {

	height: 315px;

}



.floor_six .example-list .example-item .logo {

	margin-top: 0px;

	margin-bottom: 8px;

	height: 80px;

	transition: all 0.2s;

}



.floor_six .example-list .example-item:hover {

	box-shadow: 0 7px 39px rgba(0, 0, 0, 0.1);

}



.floor_six .example-list .example-item:hover .logo {

	margin-top: 25px;

}



.floor_six .example-list .example-item .cate {

	font-size: 14px;

	color: #646466;

	margin-bottom: 35px;

}



.floor_six .example-list .example-item .intro {

	font-size: 14px;

	color: #666;

	padding: 0 30px;

	text-align: left;

	line-height: 1.8;

}



.floor_seven {

	text-align: center;

}



.floor_seven .title {

	margin-top: 82px;

	font-size: 36px;



	font-weight: 400;

	color: #333333;

	margin-bottom: 79px;

}



.floor_seven .section-7-2 {

	padding-bottom: 32px;

}



.floor_seven .section-7-2 .section-title {

	margin-bottom: 35px;

}



.floor_seven .section-7-2 .list li {

	float: left;

	width: 183px;

	height: 94px;

	margin: 0 28px 20px;

}



.floor_seven .section-7-2 .list li.item-1 {

	background: url(../img/06-icon1.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-2 {

	background: url(../img/06-icon2.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-3 {

	background: url(../img/06-icon3.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-4 {

	background: url(../img/06-icon4.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-5 {

	background: url(../img/06-icon5.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-6 {

	background: url(../img/06-icon6.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-7 {

	background: url(../img/06-icon7.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-8 {

	background: url(../img/06-icon8.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-9 {

	background: url(../img/06-icon9.png) no-repeat center;

}



.floor_seven .section-7-2 .list li.item-10 {

	background: url(../img/06-icon10.png) no-repeat center;

}



.floor_eight {

	text-align: center;

}



.floor_eight .title {

	font-size: 36px;



	font-weight: 400;

	color: #333333;

	margin-top: 30px;

	margin-bottom: 70px;

}



.floor_eight ul li {

	float: left;

	margin-right: 20px;

}



.floor_eight ul li:last-child {

	margin-right: 0;

}



.floor_nine {

	box-sizing: border-box;

	padding-top: 45px;

	margin-top: 90px;

	height: 200px;

	background: url(../img/08-bg.jpg);

}



.floor_nine .container ul li {

	text-align: center;

	float: left;

	color: #fff;

	width: 20%;

}



.floor_nine .container ul li .one {

	font-size: 40px;

}



.floor_nine .container ul li .two {

	font-size: 19px;

}



.floor_nine .container ul li div {

	font-size: 20px;

	margin-top: 24px;

}



.floor_nine .container ul li .three {

	margin-top: 20px;

}



.floor_nine .container ul li .yi {

	font-size: 37px;

}



.floor_nine .ari {

	font-family: Arial;

}



.floor_ten {

	width: 100%;

	height: 130px;

	background: #27282b;

}



.floor_ten ul li {

	height: 130px;

	float: left;

	width: 28%;

	background: url('../img/bottom_icon01.png') no-repeat left center;

}



.floor_ten ul .li_two {

	background: url('../img/bottom-icon2.png') no-repeat left center;

}



.floor_ten ul .li_three {

	background: url('../img/bottom-icon3.png') no-repeat left center;

}



.floor_ten ul .li_four {

	background: url('../img/bottom-icon4.png') no-repeat left center;

}



.floor_ten ul img {

	width: 50px;

	height: 50px;

}



.floor_ten ul .one {

	padding-left: 70px;

	margin-top: 46px;

	font-size: 18px;



	font-weight: 300;

	color: #ffffff;

}



.floor_ten ul .two {

	padding-left: 70px;

	color: #999999;

	font-size: 16px;

}






/*footer end*/

.nav .bjt span {

	display: block;

}



.nav .bjt span a {

	background: url(../img/2.png) no-repeat center right;

	display: block;

}



body {

	min-width: 1260px;

	overflow-x: hidden;

}



.index-page .w .main {

	margin-bottom: 40px;

	font-size: 16px;

}



.menu-icon {

	display: inline-block;

	top: 3px;

	position: relative;

	margin-left: 8px;

}





/* ËÑË÷¼Ç¼ºÍÌáʾ */

.fl {

	float: left;

}



.wfs {

	width: 100%;

	position: relative;

}



.moban_biaodan .imitate_select ul.xuanze {

	visibility: visible;

	opacity: 1;

	z-index: 201;

}






/*end*/





.moban_biaodan .section-title {

	margin-bottom: 40px;

}



.moban_biaodan .section-title h2 {

	color: #fff;

}



.moban_biaodan {

	background: url("../img/tj-bg.jpg") no-repeat;

	width: 100%;

	height: 427px;

	text-align: center;

	background-size: 100%;

	background-size: cover;

}



.moban_biaodan * {

	box-sizing: border-box;

}



.moban_biaodan .list {

	width: 798px;

	flex-wrap: wrap;

	margin: 0 auto;

}



.moban_biaodan .list li.list-item,

.moban_biaodan .list li.list-item-lie {

	margin-bottom: 20px;

	width: 380px;

	float: left;

}



.moban_biaodan .list li.list-item:nth-child(1),

.moban_biaodan .list li.list-item:nth-child(3) {

	margin-right: 18px;

}



.moban_biaodan .list li.list-item:nth-child(2),

.moban_biaodan .list-item-lie {

	margin-left: 18px;

}



.moban_biaodan .list-item-lie input {

	padding: 15px 0 15px 24px;

	width: 180px;

	border: 0;

	border-radius: 3px;

	font-size: 16px;

	font-weight: 400;

	color: rgba(136, 136, 136, 1);

	float: left;

}



.moban_biaodan .list-item-lie input:first-child {

	margin-right: 20px;

}



.moban_biaodan .list .list-item {

	line-height: 54px;

	border-radius: 3px;

	width: 380px;

	background: #ffffff;

	padding: 13px 0;

	float: left;

}



.moban_biaodan .step_value {

	position: relative;

	width: 100%;

}



.moban_biaodan .imitate_select {

	position: relative;

	border-radius: 2px;

	height: 28px;

	line-height: 28px;

	font-size: 12px;

	width: 100%;

}



.moban_biaodan .imitate_select .cite {

	padding: 0 21px;

	cursor: pointer;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	text-align: left;

}



.moban_biaodan .imitate_select .cite span {

	font-size: 16px;

	font-weight: 400;

	color: rgba(136, 136, 136, 1);

	line-height: 30px;

}



.moban_biaodan .imitate_select .cite img {

	width: 15px;

	position: absolute;

	right: 15px;

	top: 50%;

	margin-top: -5px;

}



.moban_biaodan .imitate_select .ps-container {

	position: absolute;

	top: 41px;

	left: 0;

	background: #fff;

	width: 100%;

	border-radius: 0 0 3px 3px;

	opacity: 0;

	transition: all .5s;

	visibility: hidden;

	z-index: 199;

	max-height: 280px;

	overflow: hidden;

	box-shadow: 0 3px 3px 0 rgba(45, 120, 217, 0.05);

}



.moban_biaodan .imitate_select .ps-container li {

	text-align: left;

	color: #707070;

	width: 100%;

	line-height: 36px;

	margin-bottom: 10px;

}



.moban_biaodan .imitate_select .ps-container li span {

	width: 50%;

	padding: 0 20px;

	display: inline-block;

	font-size: 14px;

	font-weight: 400;

	color: #666;

	cursor: pointer;

	float: left;



}



.moban_biaodan .imitate_select .ps-container li span:hover {

	color: #f03a3a;

}



.moban_biaodan .imitate_select ul.xuanze {

	visibility: visible;

	opacity: 1;

	z-index: 201;

}



.moban_biaodan .list2 {

	margin-top: 20px;

}



.moban_biaodan .list2 a {

	display: block;

	width: 260px;

	height: 58px;

	border: 1px solid rgba(255, 255, 255, 1);

	border-radius: 4px;

	font-size: 24px;

	font-weight: 500;

	color: rgba(255, 255, 255, 1);

	line-height: 58px;

	margin: 0 auto;

}



.moban_biaodan .list2 a:hover {

	background: rgba(255, 255, 255, 1);

	color: #f03a3a;

}



.moban_biaodan .list2 p {

	font-size: 14px;

	font-weight: 400;

	color: rgba(255, 255, 255, 1);

	line-height: 14px;

	margin-top: 15px;

}

.recommend{

	overflow: hidden;

}

.recommend .item{

    box-shadow: 0 6px 35px hsla(0,0%,47.1%,.1);

    margin-bottom: 20px;

}



.recommend .item{

    float: left;

    width: 232px;

    margin-right: 10px;

}

.recommend .item:last-child{

	margin-right: 0;

}

.recommend .item .image{

    display: block;

    width: 232px;

}

.recommend .item .text{

    padding: 24px;

    font-family: "PingFang SC";

    font-weight: 400;

    font-size: 18px;

    line-height: 1;

    text-align: center;

    color: #282828;

}

.recommend .item .info{

    margin-top: 19px;

    font-size: 14px;

    line-height: 1.6;

    color: rgba(43,37,37,.54902);

    height: 85px;

    margin-bottom: 10px;

}

.recommend .item .button{

    color: #000;

    display: inline-block;

    width: 100px;

    height: 32px;

    border: 1px solid #000;

    font-size: 13px;

    line-height: 30px;

    cursor: pointer;

    opacity: .5;

    transition: all .2s ease;

}

.reason {

    padding: 50px 0;

}

.wrapper-cont {

    width: 1200px;

    margin-right: auto;

    margin-left: auto;

}

.reason .title {

    font-family: "PingFang SC";

    font-weight: 400;

    font-size: 18px;

    line-height: 1;

    text-align: center;

    color: #282828;

}

.reason .title .name {

    margin-bottom: 28px;

	font-size: 32px;

    font-weight: 700;

    border-bottom: 1px solid #cccccc;

    padding-bottom: 35px;

}

.reason .title h2{

	font-weight: normal;

	font-size: 18px;

}

.reason .cont {

    position: relative;

    height: 463px;

    margin-top: 64px;

    line-height: 463px;

    text-align: center;

}

.reason .cont .item{

    width: 265px;

    font-family: "PingFang SC";

    font-weight: 400;

    font-size: 14px;

    line-height: 22px;

    text-align: left;

    color: #666;

}

.reason .cont .item:first-child {

    position: absolute;

    top: 0;

    left: 0;

}

.reason .cont .name {

    margin-bottom: 24px;

    font-size: 20px;

    line-height: 1;

    color: #282828;

}

.reason .cont .item:nth-child(2) {

    position: absolute;

    top: 0;

    right: 0;

}

.reason .cont .item:nth-child(3) {

    position: absolute;

    top: 66%;

    right: 0;

}

.reason .cont .item:nth-child(4) {

    position: absolute;

    top: 66%;

    left: 0;

}

.reason .cont .image {

    width: 803px;

    height: 429px;

    vertical-align: middle;

}
.qrcode-img9 {
    width: 148px;
    height: 148px;
    background: url(../img/side_ewm-1.jpg) no-repeat center;
    margin: 0 auto 5px;
}