/*初始化*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,span,i,em,a,img {margin:0; padding:0; list-style:none}
a,a:hover { text-decoration:none}
img {border:none}
/*PC端使用样式start*/
@media (min-width:482px) {
	.gotomp {display: none;}
	html, body {
		margin:0;
		padding:0;
		position: relative;
		height: 100%;
		background:#fff;
	}
	body {
		/*font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", 微软雅黑, tahoma, simsun, sans-serif;*/
		font-size: 14px;
		color: #000;
		margin: 0;
		padding: 0;
	}
	.float-right {
		position:fixed;
		right:0;
		top:50%;
		z-index:100;
		margin-top:-102px;
	}
	.float-right li {
		width:50px;
		height:51px;
		position:relative;
	}
	.float-right li:last-child span {
		border:none;
		cursor:pointer;
	}
	.float-right li span,
	.float-right li span{
		display:block;
		width:50px;
		height:50px;
		position:absolute;
		left:0;
		top:0;
		z-index:10;
		border-bottom: 1px solid #3b3b3b;
	}
	.float-right li:nth-child(1) span {
		background:#191919 url(../images/phone.png) no-repeat center center	
	}
	.float-right li:nth-child(2) span{
		background:#191919 url(../images/weixin.png) no-repeat center center	
	}
	.float-right li:nth-child(3) span{
		background:#191919 url(../images/logo2.png) no-repeat center center;
		background-size:24px auto;	
	}
	.float-right li:nth-child(4) span{
		background:#191919 url(../images/gotop.png) no-repeat center center	
	}
	.float-right li:nth-child(1):hover span {
		background:#EFEFEF url(../images/phone-black.png) no-repeat center center	
	}
	.float-right li:nth-child(2):hover span{
		background:#EFEFEF url(../images/weixin-black.png) no-repeat center center	
	}
	.float-right li:nth-child(3):hover span{
		background:#EFEFEF url(../images/logo2-black.png) no-repeat center center;
		background-size:24px auto;	
	}
	.float-right li:nth-child(4):hover span{
		background:#EFEFEF url(../images/gotop-black.png) no-repeat center center	
	}
	.float-right li div {
		position:absolute;
		right:-250px;
		top:0;
		width:0px;
		overflow:hidden;
		width:250px;
		height:204px;
		background:#EFEFEF;
		text-align:center;
		font-size:12px;
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
	}
	.float-right li:hover div {
		right:50px;
		white-space:nowrap
	}
	.float-right li div p:nth-child(1) {
		line-height:60px;
		height:60px;
		color:#333;
		font-weight:bold;
		font-size:16px;	
	}
	.float-right .phone div p:nth-child(2) {
		line-height:40px;
		font-size:32px;
	}
	.float-right .phone div p:nth-child(3) {
		color:#666;
		line-height:20px;
	}
	.float-right .weixin div {
		top:-51px;	
	}
	.float-right .weixin div p:nth-child(1) {
		visibility: hidden;
	}
	.float-right .weixin div p:nth-child(2) {
		display: block;
		height: 105px;
	}
	.float-right .weixin div p:nth-child(2)::after {
		margin-left:16px;
		content:"";
		display: inline-block;
		width:100px;
		height: 100px;
		background: url(../images/minicode.png) no-repeat center top;
    	background-size: auto 100%;
	}
	.float-right .weixin div p:nth-child(2)::before {
		content:"";
		display: inline-block;
		width:100px;
		height: 100px;
		background: url(../images/weixinqrcode.png) no-repeat center top;
    	background-size: auto 100%;
	}


	.float-right .appdownload {
		display:none
	}
	.float-right .appdownload div {
		top:-102px;	
	}
	.float-right .appdownload div p:nth-child(2) {
		display: block;
		height: 105px;
		background: url(../images/appdownload.png) no-repeat center top;
    	background-size: auto 100%;
	}
	.nav {
		position:fixed;
		left:0;
		top:0;
		right:0;
		height:57px;
		overflow:hidden;
		z-index:10;
		padding:0 110px;
		background:rgba(0,0,0,0.30);
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
		text-align:center;
	}
	.nav.hover {
		background:rgba(255,255,255,1.00);
		box-shadow:0 5px 25px rgba(0,0,0,0.10)
	}
	.nav ul {
		height:57px;
		vertical-align:middle;
		display:inline-block;	
	}
	.nav li {
		float:left;
		font-size:14px;
		color:#FFF;
		line-height:57px;
		height:57px;
		cursor:pointer;
		margin-right:55px;
		transition:height 0.5s,line-height 0.5s;
	}
	.nav li a {
		color:#FFF;
		transition:all 0.5s;
	}
	.nav.hover .logo {
		background-position:left bottom;
	}
	.nav.hover li a {
		color:#000;	
	}
	.nav .logo {
		display:inline-block;
		margin-right:120px;
		width:127px;
		height:38px;
		overflow:hidden;
		vertical-align:middle;
		background:url(../images/logo.png) no-repeat left 0;
		background-size:127px auto;
		transition:all 0.5s;
		-webkit-transition:all 0.5s;	
	}
	.nav li:last-child {
		margin-right:0px	
	}
	.nav li a.on {
		color:#e91e14;
	}
	.swiper-container {
		width: 100%;
		height:100%;
		overflow:hidden;
		z-index:0;
	}
	
	.banner .swiper-button-next,
	.banner .swiper-button-prev {
		background:url(../images/prev-next.png) no-repeat left top;
		background-size:100% auto;
		width:45px;
		height:45px;
		overflow:hidden;
	}
	.banner .swiper-button-next {
		background-position:left bottom
	}
	.swiper-container .swiper-slide {
		text-align: center;
		font-size: 0px;
		background: #fff;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		position:relative;
	}
	.swiper-container .swiper-slide a {
		display: none;
	}
	.swiper-container .swiper-slide img {
		display:block;
		width:100%;
	}
	.swiper-container .swiper-slide.swiper-slide-active .txt {
		display:inline-block;
		white-space:nowrap;
		font-size:16px;
		color:#FFF;
		text-align:center;
		position:absolute;
		z-index:2;
		left:50%;
		top:60%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%)	
	}
	.ie9 .swiper-container .swiper-slide .txt {
		display:inline-block;
		white-space:nowrap;
		font-size:16px;
		color:#FFF;
		text-align:center;
		position:absolute;
		z-index:2;
		left:50%;
		top:60%;
		margin:-118px 0 0 -269px;
	}	
	.swiper-container .swiper-slide.swiper-slide-active .txt h3 {
		margin:0;
		padding:0;
		opacity:0;
		font-size:60px;
		font-weight:400;
		line-height:60px;
		text-shadow:2px 2px 6px rgba(0,0,0,0.60);
		animation:b-t 0.5s ease-out forwards;
		-webkit-animation:b-t 0.5s ease-out forwards;
		-moz-animation:b-t 0.5s ease-out forwards;
		-o-animation:b-t 0.5s ease-out forwards;	
	}
	.ie9 .swiper-container .swiper-slide .txt h3 {
		margin:0;
		padding:0;
		font-size:60px;
		font-weight:400;
		line-height:60px;
		text-shadow:2px 2px 6px rgba(0,0,0,0.60);
		animation:b-t 0.5s ease-out forwards;
		-webkit-animation:b-t 0.5s ease-out forwards;
		-moz-animation:b-t 0.5s ease-out forwards;
		-o-animation:b-t 0.5s ease-out forwards;	
	}
	.swiper-container .swiper-slide.swiper-slide-active .txt h4 {
		margin:30px 0 45px 0;
		padding:0;
		font-size:50px;
		font-weight:400;
		line-height:50px;
		opacity:0;
		text-shadow:2px 2px 6px rgba(0,0,0,0.60);
		animation:b-t 0.5s 0.1s ease-out forwards;	
		-webkit-animation:b-t 0.5s 0.1s ease-out forwards;	
		-moz-animation:b-t 0.5s 0.1s ease-out forwards;	
		-o-animation:b-t 0.5s 0.1s ease-out forwards;	
	}
	.ie9 .swiper-container .swiper-slide .txt h4 {
		margin:30px 0 45px 0;
		padding:0;
		font-size:50px;
		font-weight:400;
		line-height:50px;
		text-shadow:2px 2px 6px rgba(0,0,0,0.60);
	}
	.swiper-container .swiper-slide.swiper-slide-active .txt span {
		display:inline-block;
		line-height:43px;
		height:43px;
		padding:0 30px;
		background:#e81a0f;
		border-radius:30px;	
		opacity:0;
		animation:b-t 0.5s 0.2s ease-out forwards;	
		-moz-animation:b-t 0.5s 0.2s ease-out forwards;	
		-webkit-animation:b-t 0.5s 0.2s ease-out forwards;	
		-o-animation:b-t 0.5s 0.2s ease-out forwards;	
	}
	.ie9 .swiper-container .swiper-slide .txt span {
		display:inline-block;
		line-height:43px;
		height:43px;
		padding:0 30px;
		background:#e81a0f;
		border-radius:30px;	
	}
	@keyframes b-t
	{
	from {transform:translateY(80px); opacity:0}
	to {transform:translateY(0px); opacity:1}
	}
	@-webkit-keyframes b-t
	{
	from {transform:translateY(80px); opacity:0}
	to {transform:translateY(0px); opacity:1}
	}
	@-moz-keyframes b-t
	{
	from {transform:translateY(80px); opacity:0}
	to {transform:translateY(0px); opacity:1}
	}
	@-o-keyframes b-t
	{
	from {transform:translateY(80px); opacity:0}
	to {transform:translateY(0px); opacity:1}
	}
	.characteristic {
		margin-bottom:50px;
		background:rgba(255,255,255,1.00);
		z-index:110;
		border-bottom:1px solid #d2d2d2;
	}
	.characteristic > h3 {
		padding-top:35px;
		text-align:center;
		font-size:18px;
		line-height:18px;
		z-index:0;	
	}
	.characteristic ul {
		margin:0 auto;
		padding:0;
		width:1200px;
		height:230px;
		list-style:none;
		display:-ms-flex;
		display:box;
		display:-webkit-box;
		box-align:end;
		-webkit-box-align:end;
		display:flex;
		display:-webkit-flex;
		align-items:flex-end;
	}
	.characteristic ul li {
		display:block;
		box-flex:1;
		-webkit-box-flex:1;
		flex:1;
		-webkit-flex:1;
		padding-top:45px;
		height:185px;
		background:#fff;
		text-align:center;
		cursor:pointer;
		transition:all 0.3s;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-o-transition:all 0.3s;
		background:url(../images/arrow.png) no-repeat right 69px;
	}
	.ie9 .characteristic ul li {
		display:block;
		float:left;
		width:25%;
		overflow:hidden;
		padding-top:45px;
		height:185px;
		background:#fff;
		text-align:center;
		cursor:pointer;
		background:url(../images/arrow.png) no-repeat right 69px;
	}
	.characteristic ul li:last-child {
		background:none	
	}
	.characteristic ul li:hover {
		height:270px;
		color:#FFF;
		background:#e81a0f;
	}
	.ie9 .characteristic ul li:hover {
		height:185px;
	}
	.characteristic ul li h3 {
		margin-top:18px;
		font-size:12px;
		line-height:14px;
		font-weight:400;
		padding-bottom:5px;	
	}
	.characteristic ul li p {
		font-size:12px;
		line-height:18px;
	}
	.characteristic ul li span {
		display:inline-block;
		position:relative;
		width:70px;
		height:70px;
		background-image:url(../images/icon.png);
		background-repeat:no-repeat;
		background-size:auto;
	}
	.characteristic ul li:nth-child(1) span {
		background-position:0px top;	
	}
	.characteristic ul li:nth-child(2) span {
		background-position:-70px top;	
	}
	.characteristic ul li:nth-child(3) span {
		background-position:-140px top;	
	}
	.characteristic ul li:nth-child(4) span {
		background-position:right top;	
	}
	.characteristic ul li:nth-child(1):hover span {
		background-position:0px bottom;	
	}
	.characteristic ul li:nth-child(2):hover span {
		background-position:-70px bottom;	
	}
	.characteristic ul li:nth-child(3):hover span {
		background-position:-140px bottom;	
	}
	.characteristic ul li:nth-child(4):hover span {
		background-position:right bottom;	
	}
	.characteristic ul li span:before {
		display:block;
		width:25px;
		height:33px;
		text-align:center;
		line-height:33px;
		font-size:20px;
		color:#FFF;
		background:#e82a25;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		position:absolute;
		left:-14px;
		top:-2px	
	}
	.characteristic ul li:nth-child(1) span:before {
		content:"1";
	}
	.characteristic ul li:nth-child(2) span:before {
		content:"2";
	}
	.characteristic ul li:nth-child(3) span:before {
		content:"3";
	}
	.characteristic ul li:nth-child(4) span:before {
		content:"4";
	}
	.header p.title {
		margin:0;
		padding:65px 0 0 0;
		color: #1e1e1e;
		font-size: 24px;
		text-align: center;
		line-height:26px;
		font-weight:bold;
	}
	.header p.subtitle {
		padding-top:16px;
		color: #4e4e4e;
		font-size: 16px;
		line-height:18px;
		text-align: center;
	}
	.header p.subtitle a {
		margin:26px auto 0 auto;
		display:block;
		width:130px;
		line-height:23px;
		height:23px;
		border-radius:5px;
		background:#e82923;
		color:#FFF;
		font-size:12px;
		text-decoration:none;
		font-weight:400;	
	}
	.swiper-container-products {
		width: 100%;
		height: auto;
		position:relative;
		overflow:hidden
	}
	.swiper-container-products .swiper-slide {
		text-align: center;
		align-items: center;
		background:#FFF;
	}
	.swiper-container-products .swiper-slide:hover {
		box-shadow:0 0 45px #f2f2f2	
	}
	.products {
		margin:100px auto 150px auto;
		width:1200px;
	}
	.products .swiper-slide img {
		width:100%	
	}
	.products .swiper-slide p.title {
		margin:0;
		margin:15px;
		height:52px;
		overflow:hidden;
		text-align:left;
		font-size:16px;
		line-height:26px;
		font-weight:400;
		text-overflow:ellipsis;
		display:-webkit-box;
		box-orient:vertical;
		-moz-box-orient:vertical;
		-o-box-orient:vertical;
		-webkit-box-orient:vertical;
		line-clamp:2;
		-webkit-line-clamp:2;
		-moz-line-clamp:2;
		-o-line-clamp:2
	}
	.products .swiper-slide p.price {
		padding-bottom:20px;
		text-align:center;
		color:#e71f19;
		font-size:18px	
	}
	.products .swiper-slide p.price:before {
		content:"¥";
		font-size:14px;	
	}
	.products span {
		position:absolute;
		left:0%;
		top:200%;
		right:0%;
		z-index:100;
		padding:10%;
		text-align:center;
		background:rgba(255,255,255,1.00);
		transition:top 0.5s;
		-webkit-transition:top 0.5s;
		-moz-transition:top 0.5s;
		-o-transition:top 0.5s;
	}
	.products span img{
		display:block
	}
	.products .swiper-slide:hover span {
		top:0;
	}
	.products .swiper-slide:hover span {
		display:block;
	}
	.news {
		margin-top:100px;
	}
	.news li {
		padding:25px 0;
		border-bottom:1px solid #DDD;
		transition: all .3s ease-out 0s;
		background:#f8f8f8;
		position:relative;	
	}
	.news li:hover {
		background:#e71f19;
	}
	.news li:after {
		opacity:0;
		content:"";
		display:block;
		width:15px;
		height:15px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
		position:absolute;
		right:0%;
		top:50%;
		transform:translateY(-50%) rotate(45deg);
		-webkit-transform:translateY(-50%) rotate(45deg);
		-moz-transform:translateY(-50%) rotate(45deg);	
		transition:all 0.5s;
		-webkit-transition:all 0.5s;
		-moz-transition:all 0.5s;
		-o-transition:all 0.5s;
	}
	.news li:hover:after {
		opacity:1;
		content:"";
		display:block;
		width:15px;
		height:15px;
		border-top:2px solid #fff;
		border-right:2px solid #fff;
		position:absolute;
		right:5%;
		top:50%;
		transform:translateY(-50%) rotate(45deg);
		-webkit-transform:translateY(-50%) rotate(45deg);
		-moz-transform:translateY(-50%) rotate(45deg);	
	}
	.ie9 .news li:hover:after {
		border:none;
		background:url(../images/right-arrow.png) no-repeat center right;
		background-size:cover	
	}
	.news li a {
		margin:0 auto;
		width:1200px;
		display:flex;
		-webkit-display:flex;
		-moz-display:flex;
		display:box;
		display:-webkit-box;
		text-decoration:none;
		color:#6c6c6c;	
		transition: all .3s ease-out 0s;
		-webkit-transition: all .3s ease-out 0s;
		}
	.ie9 .news li a {
		display:block;
		}
		
	.news li:hover a {
		color:#FFF;
		transform:translateX(-5%);
		-webkit-transform:translateX(-5%);
	}
	.news li:hover span {
		color:#FFF;	
	}
	.news li span {
		display:block;
		width:400px;
		text-align:right;
		font-size:60px;
		line-height:60px;
		font-weight:400;
		color:#B1B1B1;
		padding-right:30px;
			
	}
	.ie9 .news li span {
		float:left;
		width:33%;
	}
	.news li div {
		padding-left:30px;
		width:770px;
		text-align:left;
		font-size:14px;
		line-height:24px;
		word-break:break-all;
	}
	.ie9 .news li div {
		margin-left:33%;
	}
	.news li div h3 {
		display:block;
		font-size:20px;
		font-weight:400;
		padding-bottom:20px;
	}
	.news li a h3 {
		color:#272727;	
	}
	.news li:hover h3 {
		color:#fff;	
	}
	.news li div p {
		height:48px;
		overflow:hidden;
		text-align:justify;
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	.news li em {
		display:block;
		font-size:24px;
		line-height:24px;
		font-style:normal
	}
	.about-us {
		margin-top:115px;
		padding:90px 0;
		background:#e71f19;
	}
	.about-us .layout {
		margin:0 auto;
		width:1200px;
	}
	.about-us .layout:after {
		content:"";
		display:block;
		clear:both;
		height:0;
		overflow:hidden	
	}
	.about-us p {
		margin:0;
		padding:0;	
		color:#FFF;
		font-size:14px;
		line-height:24px;
		margin-bottom:10px;
		text-align:justify;	
	}
	.about-us p:last-child {
		margin-bottom:0	
	}
	/*创始团队*/
	.founder {
		padding-top:160px;
		padding-bottom:245px;
		background:url(../images/shadow.jpg) repeat-x left top;	
	}
	.shadow {
		padding-top:40px;
		background:url(../images/shadow.jpg) repeat-x left center;	
	}
	.swiper-container-founder {
		margin:0 auto;
		width: 1200px;
		overflow:hidden;
		position:relative;
	}
	.founder .swiper-slide {
		margin:140px 215px 0 215px	
	}
	.founder .portrait {
		float:left;
		display:block;
		width:346px;
		height:346px;
		border-radius:50%;
		-webkit-border-radius:50%;
		-moz-border-radius:50%;
		-o-border-radius:50%;
		overflow:hidden;	
	}
	.founder .swiper-slide strong {
		display:block;
		font-size:16px;
		line-height:18px;
		padding-bottom:20px;
		color:#1b1b1b;	
	}
	.founder .swiper-slide p {
		margin-top:58px;
		margin-left:466px;
		line-height:40px;
		font-size:14px;
		color:#5f5f5f;
		position:relative;
		padding-left:56px;	
	}
	.founder .swiper-slide p:before {
		content:"";
		display:block;
		width:38px;
		height:2px;
		background:#8e8e8e;
		position:absolute;
		left:0;
		top:8px;	
	}
	.founder .swiper-button-next,
	.founder .swiper-button-prev {
		background:url(../images/prev-next.jpg) no-repeat left top;
		width:40px;
		height:40px;
	}
	.founder .swiper-button-next {
		background-position:left bottom
	}
	/*发展历程*/
	.development {
		margin:0 auto;
		padding-top:90px;
		padding-bottom:180px;
		position:relative;
		width:1200px;
	}
	.development img {
		margin:220px auto 0 auto;
		display:block;
		width:100%;
	}
	.line {
		position:absolute;
		top:490px;
		left:6%;
		right:6%;
		z-index:9;
	}
	.line ul {
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		z-index:9;	
	}
	.line li {
		position:absolute;
		text-align:center;
		width:20%;
		cursor:pointer;
	}
	.line li:hover p,
	.line li:hover span{
		color:#e71f19
	}
	.line li:hover i {
		border-color:#e71f19	
	}
	.line li:nth-child(1) {	
		left:10%;
		top:45%;
	}
	.line li:nth-child(2) {	
		left:30%;
		bottom:25%;
	}
	.line li:nth-child(3) {	
		left:51.5%;
		top:45%;
		width:17%;
	}
	.line li:nth-child(4) {	
		left:70%;
		bottom:25%;
	}
	.line span {
		margin-bottom:20px;
		display:block;
		font-size:16px;
		color:#9d9d9d;
	}
	.line li:nth-child(odd) span {
		margin-bottom:20px;
	}
	.line li:nth-child(even) span {
		margin-top:20px;
	}
	.line p {
		font-size:14px;
		line-height:24px;
		text-align:justify;
		text-justify:inter-word;	
	}
	.line li:nth-child(odd) p {
		margin-top:40px;
	}
	.line li:nth-child(even) p {
		margin-bottom:40px;
	}
	.line i {
		display:inline-block;
		width:14px;
		height:14px;
		border-radius:50%;
		position:relative;
		border:2px solid #9d9d9d;
		background:#FFF;
	}
	.line i:after {
		content:"";
		display:block;
		width:8px;
		height:8px;
		background:#9d9d9d;
		border-radius:50%;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
		transition:width 0.3s;
		-webkit-transition:width 0.3s,height 0.3s;
		-moz-transition:width 0.3s,height 0.3s;
		-o-transition:width 0.3s,height 0.3s;
	}
	.ie9 .line i:after {
		content:"";
		display:block;
		width:8px;
		height:8px;
		background:#9d9d9d;
		border-radius:50%;
		position:absolute;
		left:50%;
		top:50%;
		margin:-4px 0 0 -4px;
	}
	.line li:hover i:after {
		width:5px;
		height:5px;
		background:#e71f19;
	}
	.ie9 .line:hover i:after {
		width:8px;
		height:8px;
		margin:-4px 0 0 -4px;
	}
	/*视频*/
	.video {
		margin:0 auto;
		width:1200px;
		padding:100px 0 60px 0;	
	}
	.video ul {
		display:flex;
		display:-webkit-box;
		justify-content:space-between;
		align-items:stretch;
		-webkit-box-pack:justify;
		
	}
	.ie9 .video ul {
		display:table;	
	}
	.video li {
		width:30%;
		box-shadow:0 0 0px #ffffff;
		transition:box-shadow 0.3s;
	}
	.ie9 .video li {
		float:left;
		box-shadow:0 0 0px #ffffff;
	}
	.ie9 .video li:nth-child(2) {
		margin-left:5%;
		margin-right:5%;	
	}
	.video li:hover {
		box-shadow:0 0 45px #f2f2f2	
	}
	.video a img {
		display:block;
		width:100%;
	}
	.video a img {
		opacity:1;
		transition:opacity 0.3s;
		-webkit-transition:opacity 0.3s;	
	}
	.video p {
		padding:10px 0 10px 0;
		font-size:12px;
		line-height:22px;
		color:#000;
		transition:padding 0.3s;
		-webkit-transition:padding 0.3s;
		text-decoration:none	
	}
	.video a {
		color:#1e1e1e;	
	}
	.video a span {
		display:block;
		background:#000;	
	}
	.video a:hover img {
		opacity:0.6;	
	}
	.video a:hover p {
		padding:10px 0 10px 30px;
		color:#e71f19	
	}
	/*客户*/
	.layout-customer{
		padding:10px 0;
		background:#f9f9f9;
	}
	.customer-title div {
		margin:0 auto;
		width:1200px;
		text-indent:70px;
		font-size:16px;
		line-height:70px;
		height:70px;
	}
	.swiper-container-customer,
	.swiper-container-business {
		margin:0 auto;
		width:1200px;
		overflow:hidden;
		position:relative;
	}
	.swiper-container-customer .swiper-wrapper,
	.swiper-container-business .swiper-wrapper{
		text-align:center
	}
	
	
	.layout-customer .swiper-button-next,
	.layout-customer .swiper-button-prev {
		background:url(../images/prev-next-red.png) no-repeat left top;
		background-size:100% auto;
		width:13px;
		height:21px;
		margin-top:0;
		transform:translateY(-50%) !important;
		-webkit-transform:translateY(-50%) !important;
		-moz-transform:translateY(-50%) !important;
		-o-transform:translateY(-50%) !important;
	}
	.layout-customer .swiper-button-next {
		background-position:left bottom
	}
	.ie9 .layout-customer .swiper-wrapper {
		width:200%;
	}
	.ie9 .layout-customer .swiper-slide {
		float:left !important;
		width:20% !important;	
	}
	.footer {
		margin-top:100px;
		background:#e6322d;
		height:180px;
		text-align:center;
		overflow:hidden;	
	}
	.footer .layout {
		margin:0 auto;
		width:1200px;
		padding-top:40px;
		color:#FFF;
		position:relative;	
	}
	.footer .layout a {
		color:#FFF;	
	}
	.footer .contact {
		float:left;
	}
	.footer h3 {
		font-size:14px;
		line-height:18px;
		font-weight:400;
		padding-bottom:20px;
	}
	.footer .layout > div > h3 {
		float:left;
		font-size:16px;
		line-height:24px;
		padding-left:10px;
		font-weight:400;
		padding-bottom:0;
		border-left:3px solid #fff;	
	}
	.footer .layout > div > h3 > span {
		display:block;
		font-size:12px;
		line-height:12px;
		padding-top:15px;	
	}
	.footer .contact dl {
		float:left;
		margin-left:35px;
		text-align:left;	
	}
	.footer .contact dt {
		font-size:14px;
		line-height:24px;
		padding-bottom:20px;	
		text-align:left;	
	}
	.footer .contact dl:nth-child(2) dd:nth-child(2) {
		padding-left:30px;
		font-size:24px;
		line-height:24px;
		text-align:left;
		display:inline-block;
		background:url(../images/telphone.png) no-repeat left 3px;
		background-size:auto 14px;
	}
	.footer .contact dl:nth-child(3) dd:nth-child(2) {
		padding-left:30px;
		font-size:20px;
		line-height:24px;
		text-align:left;
		display:inline-block;
		background:url(../images/email.png) no-repeat left center;
		background-size:auto 15px;
	}
	.footer .contact dd:nth-child(3) {
		padding-left:30px;
		font-size:13px;
		line-height:24px;
		height:24px;
		text-align:left;
		background:url(../images/location.png) no-repeat left 1px;
		background-size:auto 22px;
	}
	.footer .contact dl:nth-child(3) dd {
		font-size:18px;
		line-height:24px;
		text-align:left;	
	}
	.footer .contact dd em {
		display:block;
		font-style:normal;
		font-size:12px;
		text-align:center
	}
	.footer .weixin{
		margin-left:8%;
		float:right;
		text-align:left
	}
	.footer .app {
		display:none;
		float:right;
		text-align:left
	}
	.footer .weixin div,
	.footer .app div {
		display:inline-block;
		margin-left:20px;
		/* width:85px; */
		height:85px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
	}
	.footer .weixin div img,
	.footer .app div img{
		margin-left:8px;
		width:85px;
		height: 85px;
		border:2px solid #FFF;
	}
	.footer .weixin div span,
	.footer .app div a {
		display:none	
	}
	.mobile-newstitle {
		display:none
	}
	.route {
		margin:60px auto 0 auto;
		width:1200px;
		text-align:right;
		line-height:60px;
		height:60px;	
	}
	.route span{
		margin:0 5px;
		font-family:"宋体";
		font-weight:bold	
	}
	.route a {color:#686868}
	.list {
		margin:0 auto;
		width:1200px;	
	}
	.list a {
		color:#1f1f1f	
	}
	.list li {
		margin:50px 0;	
	}
	.list li:after {
		content:"";
		display:block;
		height:0;
		clear:both	
	}
	.list .img {
		display:block;
		width:25%;
		height:180px;
		overflow:hidden;
		position:relative;
		float:left;
		background:#efefef;
	}
	.list .img img {
		transition:all 0.3s;
		width:100%;	
	}
	.list a:hover .img img {
		transform:scale(1.2,1.2);
		-webkit-transform:scale(1.2,1.2);
		-moz-transform:scale(1.2,1.2);
		-o-transform:scale(1.2,1.2)
	}
	.list .txt {
		float:left;
		margin-left:2.5%;
		width:55%;	
	}
	.list .time {
		border-left:1px solid #c6c6c6;
		padding-left:50px;
		font-size:24px;
		float:right;	
		color:#9d9d9d;
		height:140px;
		background:url(../images/more.gif) no-repeat 50px 90px;
		background-size:12px auto;
		transition:all 0.3s;	
	}
	.list a:hover .time {
		background-position:right 90px;	
	}
	.list h3 {
		font-size:16px;
		font-weight:400;
		line-height:60px;	
	}
	.list p {
		font-size:14px;
		color:#666;
		line-height:24px	
	}
	
	.layout-tv {
		display:none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background:rgba(255,255,255,0.90);
		z-index: 20;
	}
	.btn-close {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 44px;
		height: 44px;
		text-align: center;
		color: #666;
		z-index: 9999;
		margin: 0;
		padding: 0;
		border: none;
		cursor: pointer;
		background: url(../images/close.gif) no-repeat center center;
	}
	.tv {
		position: absolute;
		top: 50%;
		left: 50%;
		margin:-270px 0 0 -480px;
		z-index: 10;
		width:960px;
		height:540px;
		text-align:center;
		color:#999;
		border:1px solid #EFEFEF;
	}
	.cr {
		padding:16px 0 8px 0;
		font-size:12px;
		color:#919191;
		text-align:center	
	}
	.greybg {
		background:#eee	
	}
	.cr a {
		margin-left:10px;
		color:#919191;
	}
	.cr br {
		display:none	
	}
	.cr span {
		margin-left:10px;
		display:inline-block;
		vertical-align:middle;
	}
	.cr span a:first-child img {
		height:38px;
		background:#FFF;
		border:1px solid #CCC;
	}
	article {
		margin:0 auto;
		padding:0 82px;
		width:1036px		
	}
	article h1 {
		margin-top:10px;
		font-size:20px;
		line-height:40px;
		text-align:center;
	}
	.publish-time {
		margin-bottom:40px;
		display:block;
		text-align:center;
		line-height:66px;
		color:#686868;
	}
	article h3 {
		margin: 0px auto 20px;
		font-size: 16px;
		letter-spacing: 1.5px;
		line-height: 30px;
	}
	article h2 {margin: 0px auto 20px;
    font-size: 18px;
    letter-spacing: 1.5px;
    line-height: 30px;
	}
	article p {
		margin: 0px auto 20px;
		font-size: 16px;
		line-height: 28px;
	}
	article p.img {
		text-align:center	
	}
	article p img {
		max-width:100%	
	}
	article p.tips {
		font-size:14px;
		color:#999;
		line-height:24px;	
	}
	article p.img.code span:last-child{
		display:none !important	
	}
}
/*PC端使用样式end*/
/*手机端使用样式start*/
@media (min-width: 320px) {html{font-size:13.65px}}
@media (min-width: 360px) {html {font-size:15.36px}}
@media (min-width: 375px) {html{font-size:16px}}
@media (min-width: 384px) {html{font-size:16.38px}}
@media (min-width: 393px) {html{font-size:16.77px}}
@media (min-width: 412px) {html{font-size:17.58px}}
@media (min-width: 414px) {html{font-size:17.66px}}
@media (min-width: 415px) {html{font-size:17.70px}}
@media (max-width:481px) {
	html, body {
		margin:0;
		padding:0;
		position: relative;
		background:#fff;
	}
	.nav {
		position:absolute;
		left:0;
		top:0.625rem;
		right:0;
		z-index:11;
	}
	.nav.hover {
		position:fixed;
		top:0 !important;
		background:#FFF;
	}
	.nav ul,
	.nav ul li,
	.nav.return.n3 ul li:first-child{
		display:none;
	}
	.nav.return ul {
		display:block;
		position:absolute;
		left:4%;
		top:50%;
		transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		width:30px;
		height:30px;	
	}
	.nav.return ul li:first-child,
	.nav.return.n3 ul li:nth-child(3) {
		display:block;
		width:30px;
		height:30px;
		position:relative;
	}
	.nav.return ul li:first-child a,
	.nav.return.n3 ul li:nth-child(3) a {
		position:absolute;
		left:3px;
		top:50%;
		margin-top:-7px;
		display:block;
		width:12px;
		height:12px;
		text-indent:-999px;
		overflow:hidden;
		border-left:2px solid #000;
		border-bottom:2px solid #000;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
	}
	.nav .logo {
		display:block;
		width:100%;
		height:1.25rem;
		background:url(../images/logo-mobile.png) no-repeat center center;
		background-size:auto 1.25rem;	
	}
	.mobile-newstitle {
		padding-top:3rem;
		display:block;
		width:100%;
		line-height:3rem;
		height:3rem;
		text-align:center;
		font-size:1.125rem;
		color:#000;
		position:relative
	}
	.mobile-newstitle:after {
		position:absolute;
		left:50%;
		bottom:-8px;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		content:"";
		display:block;
		clear:both;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 8px solid #999;	
	}
	.nav.hover .logo {
		display:block;
		width:100%;
		height:2.8125rem;
		overflow:hidden;
		background:url(../images/logo3.png) no-repeat center center;
		background-size:auto 1.5rem;
		box-shadow: 0 5px 15px rgba(0,0,0,0.10);	
	}
	.nav.hover .logo a {
		margin:0 auto;
		padding:0;
		display:block;
		width:50%;
		height:2.8125rem;
	}
	.swiper-container {
		width: 100%;
		z-index:0;
	}
	.swiper-pagination {
		bottom:10px;
		left:50%;
		transform:translateX(-50%);
		-webkit-transform:translateX(-50%);
		-moz-transform:translateX(-50%);	
	}
	.swiper-pagination span {
		margin:0 3px;	
	}
	.swiper-pagination-bullet-active {
		background-color:#e71f19;
	}
	.banner .swiper-button-next,
	.banner .swiper-button-prev {
		display:none;
		background:url(../images/prev-next.png) no-repeat left top;
		width:45px;
		height:45px;
	}
	.banner .swiper-button-next {
		background-position:left bottom
	}
	.swiper-container .swiper-slide {
		text-align: center;
		font-size: 0px;
		background: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		position:relative;
		overflow:hidden
	}
	.swiper-container .swiper-slide a {
		display:block;
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		z-index: 3;
	}
	.swiper-container .swiper-slide img {
		display:block;
		margin-left:-15%;
		width:180%;
	}
	.swiper-container .swiper-slide.swiper-slide-active .txt {
		display:inline-block;
		white-space:nowrap;
		font-size:0.5625rem;
		color:#FFF;
		text-align:center;
		position:absolute;
		z-index:2;
		left:50%;
		top:60%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%)	
	}
	.swiper-container .swiper-slide.swiper-slide-active .txt h3 {
		margin:0;
		padding:0;
		opacity:0;
		font-size:1.3125rem;
		font-weight:400;
		line-height:1.3125rem;
		text-shadow:2px 2px 6px rgba(0,0,0,0.60);
		animation:b-t 0.5s ease-out forwards;
		-webkit-animation:b-t 0.5s ease-out forwards;
		-moz-animation:b-t 0.5s ease-out forwards;
		-o-animation:b-t 0.5s ease-out forwards;	
	}
	.swiper-container .swiper-slide.swiper-slide-active .txt h4 {
		margin:0.9375rem 0 1.40625rem 0;
		padding:0;
		font-size:1.1875rem;
		font-weight:400;
		line-height:1.1875rem;
		opacity:0;
		text-shadow:2px 2px 6px rgba(0,0,0,0.60);
		animation:b-t 0.5s 0.1s ease-out forwards;	
		-webkit-animation:b-t 0.5s 0.1s ease-out forwards;	
		-moz-animation:b-t 0.5s 0.1s ease-out forwards;	
		-o-animation:b-t 0.5s 0.1s ease-out forwards;	
	}
	.swiper-container .swiper-slide.swiper-slide-active .txt span {
		display:inline-block;
		line-height:1.4375rem;
		height:1.4375rem;
		padding:0 0.9375rem;
		background:#e81a0f;
		border-radius:30px;	
		opacity:0;
		animation:b-t 0.5s 0.2s ease-out forwards;	
		-moz-animation:b-t 0.5s 0.2s ease-out forwards;	
		-webkit-animation:b-t 0.5s 0.2s ease-out forwards;	
		-o-animation:b-t 0.5s 0.2s ease-out forwards;	
	}
	@keyframes b-t
	{
	from {transform:translateY(80px); opacity:0}
	to {transform:translateY(0px); opacity:1}
	}
	@-webkit-keyframes b-t
	{
	from {transform:translateY(80px); opacity:0}
	to {transform:translateY(0px); opacity:1}
	}
	@-moz-keyframes b-t
	{
	from {transform:translateY(80px); opacity:0}
	to {transform:translateY(0px); opacity:1}
	}
	@-o-keyframes b-t
	{
	from {transform:translateY(80px); opacity:0}
	to {transform:translateY(0px); opacity:1}
	}
	.characteristic {
		border-bottom:1px solid #d2d2d2;
	}
	.characteristic > h3 {
		padding-top:1.5625rem;
		padding-bottom:0.25rem;
		text-align:center;
		font-size:0.875rem;
		line-height:0.875rem	
	}
	.characteristic ul {
		margin:0 auto;
		padding:0;
		width:100%;
		list-style:none;
	}
	.characteristic ul:after {
		content:"";
		display:block;
		clear:both;
		height:0;
		overflow:hidden	
	}
	.characteristic ul li {
		display:block;
		float:left;
		width:50%;
		padding-top:1.40625rem;
		height:9.5rem;
		background:#fff;
		text-align:center;
		cursor:pointer;
		transition:all 0.3s;
		-webkit-transition:all 0.3s;
		-moz-transition:all 0.3s;
		-o-transition:all 0.3s;
	}
	.characteristic ul li:nth-child(3),
	.characteristic ul li:nth-child(4) {
		padding-top:0	
	}
	.characteristic ul li h3 {
		margin-top:18px;
		font-size:0.71875rem;
		line-height:0.71875rem;
		font-weight:400;
		padding-bottom:5px;	
	}
	.characteristic ul li p {
		padding:0 10%;
		font-size:0.65625rem;
		line-height:1.125rem;
	}
	.characteristic ul li p br {
		display:none	
	}
	.characteristic ul li span {
		display:inline-block;
		width:3.5rem;
		height:3.5rem;
		position:relative;
		background-image:url(../images/icon-mobile.png);
		background-size:7rem auto;
		background-repeat:no-repeat;
	}
	.characteristic ul li:nth-child(1) span {
		background-position:left top;	
	}
	.characteristic ul li:nth-child(2) span {
		background-position:right top;	
	}
	.characteristic ul li:nth-child(3) span {
		background-position:left bottom;	
	}
	.characteristic ul li:nth-child(4) span {
		background-position:right bottom;	
	}
	.characteristic ul li span:before {
		display:block;
		width:1.3125rem;
		height:1.5625rem;
		text-align:center;
		line-height:1.5625rem;
		font-size:1rem;
		color:#e82a25;
		background:#FFF;
		border:1px solid #e82a25;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		position:absolute;
		left:-10px;
		top:-2px;
		transform:scale(0.8,0.8);
		-webkit-transform:scale(0.8,0.8);	
	}
	.characteristic ul li:nth-child(1) span:before {
		content:"1";
	}
	.characteristic ul li:nth-child(2) span:before {
		content:"2";
	}
	.characteristic ul li:nth-child(3) span:before {
		content:"3";
	}
	.characteristic ul li:nth-child(4) span:before {
		content:"4";
	}
	.header p.title {
		margin:0;
		padding:2rem 0 0 0;
		color: #1e1e1e;
		font-size: 1.0625rem;
		text-align: center;
		line-height:1.3rem;
		font-weight:400;
	}
	.header p.subtitle {
		padding-top:0.625rem;
		color: #4e4e4e;
		font-size: 0.8125rem;
		line-height:1rem;
		text-align: center;
	}
	.header p.subtitle a {
		margin:0.625rem auto 0 auto;
		display:block;
		width:130px;
		line-height:23px;
		height:23px;
		border-radius:5px;
		background:#e82923;
		color:#FFF;
		font-size:12px;
		text-decoration:none;
		font-weight:400;	
	}
	.about-us {
		margin-top:1.75rem;
		padding:2.0625rem 0 1.5rem 0;
		background:#e71f19;
	}
	.about-us .layout {
		margin:0 auto;
		padding:0 4%;
		width:92%;
	}
	.about-us .right {
		padding-bottom:2.5rem;
		background:url(../images/logo2.png) no-repeat right bottom;
		background-size:3rem auto;
	}
	.about-us p {
		margin:0;
		padding:0;	
		color:#FFF;
		font-size:0.75rem;
		line-height:1.25rem;
		margin-bottom:1.25rem;
		text-align:justify;	
	}
	.about-us .right p:last-child {
		margin-bottom:0	
	}
	.development {
		position:relative;
		padding-bottom:2rem;
		background:#f8f8f8 url(../images/development.png) no-repeat center center;
		background-size:120% auto;	
	}
	.line {
		margin:1.5635rem 4% 0 4%;
		padding:1rem 0;
		background:url(../images/line.gif) repeat-y 1.5% top;
	}
	.line:after {
		content:"";
		display:block;
		clear:both;
		height:0;
		overflow:hidden	
	}
	.line li {
		margin-bottom:2.1875rem;
		clear:both;
		position:relative;
		overflow:hidden;
		padding-top:1.75rem;	
	}
	.line li:last-child {
		margin:0;	
	}
	.line li p {
		margin-left:1.35rem;
		font-size:0.75rem;
		line-height:1.125rem;
		padding-bottom:0.25rem;
		text-align:justify		
	}
	.line span {
		position:absolute;
		left:1.35rem;
		top:0;
		font-size:1rem;
	}
	.line i {
		display:inline-block;
		width:8px;
		height:8px;
		border-radius:50%;
		position:absolute;
		left:0;
		top:0.225rem;
		border:2px solid #9d9d9d;
		background:#FFF;
	}
	.line i:after {
		content:"";
		display:block;
		width:4px;
		height:4px;
		background:#9d9d9d;
		border-radius:50%;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
		-webkit-transform:translate(-50%,-50%);
		-moz-transform:translate(-50%,-50%);
		-o-transform:translate(-50%,-50%);
		transition:width 0.3s;
		-webkit-transition:width 0.3s,height 0.3s;
		-moz-transition:width 0.3s,height 0.3s;
		-o-transition:width 0.3s,height 0.3s;
	}
	canvas,
	.development img {
		display:none
	}
	.news {
		margin-top:1rem;
		padding-top:0.5rem;
		background:#f8f8f8;
	}
	.news li {
		margin-top:0.625rem;
		padding:0 4% 0.75rem 4%;
		border-bottom:1px solid #d1d1d1;	
	}
	.news a {
		display:block;
		position:relative;
		color:#9d9d9d;
		font-size:0.75rem	
	}
	.news h3 {
		font-size:0.875rem;
		height:3rem;
		font-weight:400;	
	}
	.news a h3 {
		color:#000	
	}
	.news p {
		text-align:justify;
		line-height:1.25rem	
	}
	.news .time {
		display:inline;
		position:absolute;
		font-size:0.625rem;
		left:0;
		top:1.5rem;
	}
	.news .time em {
		font-style:normal;
		margin-left:5px
	}
	.video,
	.layout-tv {
		display:none	
	}
	
	.layout-customer{
		padding:10px 0;
		background:#f9f9f9;
	}
	.layout-customer img {
		width:100%	
	}
	.customer-title div {
		padding:0 4%;
		width:92%;
		font-size:0.75rem;
		line-height:2.1875rem;
		height:2.1875rem;
	}
	.swiper-container-customer,
	.swiper-container-business {
		width:100%;
		overflow:hidden;
		position:relative;
	}
	.swiper-container-customer .swiper-wrapper,
	.swiper-container-business .swiper-wrapper{
		text-align:center
	}
	.layout-customer .swiper-button-next,
	.layout-customer .swiper-button-prev {
		background:url(../images/prev-next-mobile.png) no-repeat left top;
		width:7px;
		height:15px;
		margin-top:-7px;
	}
	.layout-customer .swiper-button-next {
		background-position:left bottom
	}
	.footer {
		background:#e6322d;
		padding:0 4% 1.5rem 4%;
		text-align:center;
		overflow:hidden;	
	}
	.footer .layout {
		margin-top:1.875rem;
		color:#FFF;
		position:relative;	
	}
	.footer a {
		color:#FFF;
	}
	.footer h3 {
		font-size:0.875rem;
		line-height:1.25rem;
		font-weight:400;
		padding-bottom:0.625rem;
	}
	.footer h3:after {
		content:"";
		display:block;
		clear:both;
		height:0rem;
		overflow:hidden	
	}
	.footer .layout > div:after {
		content:"";
		display:block;
		clear:both;
		height:1rem;
		overflow:hidden	
	}
	.footer .layout > div > h3 {
		padding-left:0.4rem;
		font-weight:400;
		padding-bottom:0;
		border-left:3px solid #fff;	
		text-align:left;
		float:left;
	}
	.footer .layout > div > h3 span {
		display:block;
		font-size:0.625rem;
		line-height:0.625rem;
		padding-top:0.75rem;	
	}
	.footer .contact:after {
		content:"";
		display:block;
		clear:both;
		height:1rem !important;
		border-bottom:1px dotted rgba(255,255,255,0.30);
		overflow:hidden	
	}
	.footer .contact dl {
		position:relative;
		margin-left:5.5rem;
	}
	.footer .contact dt {
		font-size:1rem;
		line-height:1.25rem;
		padding-bottom:0.625rem;	
		text-align:left;
		width:50%;	
	}
	.footer .contact dd:nth-child(2) {
		font-size:2.2rem;
		line-height:2rem;
		text-align:left;
		white-space:nowrap;	
	}
	.footer .contact dd:nth-child(3) {
		font-size:0.875rem;
		line-height:1.125rem;
		text-align:left;
	}
	.footer .contact dl:last-child {
		margin-top:0.625rem;	
	}
	.footer .contact dl:last-child dd {
		font-size:1.2rem;
		line-height:1.2rem;
	}
	.footer .contact dd em {
		display:block;
		font-style:normal;
		font-size:0.75rem	
	}
	.footer .weixin {
		margin-top:1.5rem;
		float:left;
		text-align:center
	}
	.footer .app {
		margin-top:1.5rem;
		margin-left:7%;
		text-align:center;
		float:left;
		display: none;
	}
	.footer .weixin div,
	.footer .app div {
		clear:both;
		padding-top:1.125rem;
		/* width:7.5rem; */
		font-size:0;
	}
	.footer .weixin div span {
		margin-top:0.5rem;
		display:none;
		font-size:0.75rem;
		line-height:1.25rem;
		white-space:nowrap;
		width:100%;
		text-align:center;
	}	
	.footer .weixin div img,
	.footer .app div img {
		width:7.5rem;
		box-sizing:border-box;
		border:2px solid #FFF;
	}
	.footer .weixin div > img:nth-child(2),
	.footer .app div > img:nth-child(2) {
		margin-left:15px;
	}
	.footer .app div a {
		display:block;
		margin-top:0.5rem;
		font-size:0.875rem;
		line-height:1.75rem;
		height:1.75rem;
		border-radius:20px;
		-webkit-border-radius:20px;
		background:#FFF;
		color:#e71f19;
		width:100%;
		text-align:center;
	}	
	.cr {
		padding:1rem 0 0.5rem 0;
		font-size:0.625rem;
		line-height:1.25rem;
		color:#919191;
		text-align:center	
	}
	.cr a {
		color:#919191;
	}
	.cr span {
		display:block;
		padding:5px 0;	
	}
	.cr span a:first-child img {
		margin-right:10px;
		height:28px;	
		border:1px solid #CCC;
	}
	.route {
		display:none
	}
	.list {
		padding:0 4%;	
	}
	.list a {
		color:#1f1f1f	
	}
	.list li {
		margin:2.5rem 0;
		border-bottom:1px solid #E1E1E1;	
	}
	.list li:after {
		content:"";
		display:block;
		height:1.125rem;
		clear:both	
	}
	.list .img {
		display:block;
		height:11.25rem;
		overflow:hidden;
		position:relative;
		margin-bottom:1rem;
	}
	.list .img img {
		width:100%;	
	}
	.list .txt {
		float:left;
		width:80%;
		padding-right:5%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		border-right:1px solid #e1e1e1;
	}
	.list .time {
		margin-left:5%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		font-size:1rem;
		float:right;	
		color:#9d9d9d;
		height:7rem;
		text-align:right;
		background:url(../images/more.gif) no-repeat left 40px;
		background-size:10px auto;
	}
	.list h3 {
		font-size:1rem;
		line-height:1.5rem;
		height:3rem;
		font-weight:400;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2; 
	}
	.list p {
		margin-top:5px;
		font-size:0.75rem;
		color:#666;
		line-height:1.5rem;
		height:4.5rem;
		overflow:hidden; 
		text-overflow:ellipsis;
		display:-webkit-box; 
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3; 
	}
	
	article {
		padding:3.5rem 15px 0 15px;
	}
	article h1 {
		margin-top:0.625rem;
		font-size:1.125rem;
		line-height:2rem;
		text-align:center;
		font-weight:400;	
	}
	article h2 {
		margin-top:0.625rem;
		font-size:1rem;
		line-height:2.225rem;
	}
	article h3 {
		margin-top:0.625rem;
		font-size:0.9375rem;
		line-height:2.125rem;
	}
	.publish-time {
		border-top:1px dotted #CCC;
		margin-top:0.625rem;
		margin-bottom:1.5rem;
		display:block;
		text-align:right;
		line-height:2.125rem;
		font-size:0.875rem;
		color:#686868;
	}
	article p {
		margin: 0px auto 1.25rem;
		font-size: 0.875rem;
		line-height: 1.75rem;
	}
	article p.img.code span:nth-child(2){
		display:none !important	
	}
	article p.tips {
		font-size: 0.875px;
		color: #999;
		line-height: 1.5rem;
	}
	article p img {
		width:100%	
	}
	.greybg {
    	background: #eee;
	}
	iframe {
		margin:0;
		padding:0;
		width:100% !important;
		height:18.25rem !important;	
	}
	.float-right {
		display:none	
	}
	.gotomp {
		position: fixed;
		display: block;
		right: 20px;
		bottom: 50px;
		width:50px;
		height: 50px;
	}
	.gotomp img {
		width: 100%;
		font-size: 0;
	}
}
/*手机端使用样式end*/