<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/www/wwwroot/X27Z9Z7.COM/func.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/56das.com/img/70/c5ce8/e85a2.css): failed to open stream: No such file or directory in <b>/www/wwwroot/X27Z9Z7.COM/func.php</b> on line <b>115</b><br />
﻿
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #999;
	font-size: 13px;
	font-family: "微软雅黑",宋体, sans-serif;
}

body::-webkit-scrollbar {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	color: #232323;
}

h1 {
	font-size: 34px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

a {
	color: #333;
}

p {
	margin: 8px 0;
	line-height: 21px;
}

.top{ margin:0 auto; padding:0; width:100%; height:60px;display:block;position:fixed; top:0; z-index:1000000;}
.topmain{ margin:0 auto; padding:0; width:100%; height:60px; background:#fff; }
.topleft{ margin:0; padding:0; width:66%; height:60px; background:url(../imgm/logo.png) no-repeat top left; float:left; font-size:24px; color:#00a0e9; line-height:60px; text-align:left;}
.topleft img{ max-width:100%; height:auto;}
.topleft p{ margin:0; padding:0; width:auto; padding-left:66px; padding-top:10px;font-size:12px; color:#666; line-height:20px; text-align:left;}


.topright{ margin:0; padding:0; width:33%; height:60px;float:right; text-align:left;}
.topright img{  max-width:100%; height:auto;}

.topmenu{ margin:0 auto; padding:0; width:100%; height:80px;  margin-top:60px; }
.topmenu ul{ margin:0 auto; padding:0; width:100%; height:auto;}
.topmenu ul li{ margin:0 auto; padding:0; width:33.3%; height:40px;background:#00a0e9; float:left; border-bottom:1px solid #fff; border-right:1px solid #fff;color:#fff;}
.topmenu ul li a{ margin:0 auto; padding:0; width:100%; height:40px; float:left; text-align:center;font-size:14px; line-height:30px; color:#fff;}



.clearfix { zoom: 1; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.floatl { display: inline; float: left; }
.floatr { display: inline; float: right; }

.footerp{ display:none;}
.footkong{display:none;}




/*===================
	button
===================*/
.button {
	background: #ff4531;
	border: 0;
	color: #fff;
	padding: 6px 14px;
	border-radius: 3px;
	font-size: 12px;
	letter-spacing: 1px;
	position: relative;
	box-shadow: 0 2px 2px 0 transparent,0 1px 5px 0 rgba(0,0,0,.24),0 3px 1px -2px transparent;
}

/*===================
	navbar
===================*/
.navbar {
	width: 100%;
	height: 58px;
	padding: 0;
	z-index: 999;
	background: #00a0e8;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	padding: 6px 0;
}

.app-creative-navbar {
	fill: #00a0e8;
	height: 30px;
	width: 100%;
	background: transparent;
	margin-top: 3px;
	position: fixed;
	z-index: 99;

}

.app-creative-panel {
	background: #1b2129;
	height: 30px;
	width: 100%;
	fill: #ff4531;
	margin-top: 5px;
	position: fixed;
	z-index: 999;

}

.navbar .panel-control-right a i {
	font-size: 22px;
}

.site-title {
	display: inline-block;
}

.site-title h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	padding: 0;
	margin: 0;
	font-weight: 700;
	line-height: 30px;
	color: #ff4531;
	position: relative;
	left: 3px;
}

.site-title h1 span {
	color: #ff4531;
	margin-right: 2px;
}

.side-nav {
	width: 250px;
	background: #1b2129;
}

.side-nav li {
	text-align: center;
	line-height: 0;
}

.side-nav a {
	padding: 0 16px;
	font-weight: 400;
}

.side-nav a:hover {
	background: transparent;
}

.panel-control-left {
	float: left;
	font-size: 20px; padding-top:6px;
}

.panel-control-left a i,
.panel-control-right a i {
	color: #fff;
}

.panel-control-right {
	float: right;
	font-size: 18px;padding-top:6px;
}

.panel-control-right .contact-icon i {
	border-right: 1px solid #ddd;
	padding-right: 13px;
	margin-right: 10px;
}

/*panel control*/
.panel-control-left .sidenav-control-right i {
	color: #ff4531;
	background: #fff;
	padding: 8px;
	margin: 2px 0;
	border-radius: 2px;
}

.panel-control-left ul {
	padding: 0;
	border: none;
}

.panel-control-left ul li:last-child {
	margin-bottom: 75px;
	border-bottom: 0;
}

.panel-control-left ul li a {
	font-size: 16px;
	color: #eee;
}

.panel-control-left .side-nav li a i {
	color: #ddd;
}

.panel-control-left .side-nav li a > i {
	margin-right: 20px;
	font-size: 16px;
	width: 28px;
	height: 28px;
	background: #ff4531;
	text-align: center;
	color: #fff;
	position: relative;
	top: 10px;
	line-height: 26px;
}

.panel-control-left ul li .photos {
	background: url(../imgm/photos-bg.jpg) center no-repeat;
	background-size: 100% 100%;
	height: 100%;
	width: 100%;
	vertical-align: top;
	position: relative;
	text-align: center;
	padding-top: 38px;
}

.panel-control-left ul li .photos * {
	position: relative;
}

.panel-control-left ul li .photos:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
	background:  #00a0e8;
}

.panel-control-left ul li .photos img {
	width: 62px;
	height: 60px;
	margin-bottom: 8px;
}

.panel-control-left ul li .photos h3 {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

.panel-control-left ul .first-list {
	padding-top: 15px;
}

.panel-control-left .side-nav .collapsible-header {
	font-size: 15px;
	color: #ddd;
	background: #1b2129;
}

.panel-control-left .side-nav .collapsible-header > i {
	margin-right: 20px;
	font-size: 16px;
	width: 28px;
	height: 28px;
	background: #ff4531;
	text-align: center;
	position: relative;
	top: 10px;
	line-height: 26px;
	color: #fff;
}

.panel-control-left .side-nav .collapsible-header span i {
	float: right;
	text-align: right;
	font-size: 10px;
	margin-right: 0;
}

.panel-control-left .side-nav .collapsible-header:hover {
	background: transparent;
}

.panel-control-left .side-nav .collapsible-header.active {

}

.panel-control-left .side-nav li.active {
	background: transparent;
}

.panel-control-left .collapsible-body ul {
	padding: 0 0 0 0;
	margin: 0;
}

.panel-control-left .collapsible-body {
	background: #1b2129;
}

.panel-control-left .collapsible-body ul li:last-child {
	margin-bottom: 0;
}

.panel-control-left .collapsible-body ul li a {
	padding-left: 64px;
	height: 40px;
	line-height: 40px;
}

.panel-control-left .categories-in li {
	line-height: 40px;
}

.panel-control-left .categories-in .collapsible-body ul li a {
	height: 36px;
	line-height: 36px;
}

.panel-control-left .categories-in .collapsible-header {
	padding-left: 45px;
}

.panel-control-left .categories-in .collapsible-body ul li a {
	padding-left: 60px;
}


.p1{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; background:#f3f3f3; margin-top:30px; margin-bottom:30px;}
.p11{ margin:0; padding:2%; width:100%; height:auto; float:left; font-size:16px;color:#666; line-height:20px;}
.p11 p{font-size:14px;color:#666; line-height:20px;}
.p12{ margin:0; padding:2%; width:100%; height:auto; float:right;}
.p12 img{ max-width:100%; height:auto;}


.p2{ margin:0 auto; padding:0; width:100%; height:auto; background:#f3f3f3; margin-top:30px; }
.p2 h1{ padding:40px 0 0 0; font-size:18px;color:#000; line-height:30px; text-align:center;}
.p21{ margin:0 auto; padding:10px 3%; width:100%; height:auto; font-size:14px;color:#666; line-height:20px; text-align:left;}

.p3{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:url(../image/cp3.jpg) no-repeat bottom center #005792;}
.p31{ margin:0 auto; padding:0; width:100%; margin-bottom:30px; margin-top:30px; height:auto; background-color: rgba(255,255,255,.77); max-width:1200px;}
.p311{ margin:0 auto; padding:0; width:96%; height:auto; padding-top:30px; font-size:24px;color:#000; line-height:40px; text-align:center;}
.p312{ margin:0 auto; padding:0; width:96%; height:auto; font-size:14px;color:#666; line-height:30px; text-align:left;}
.p312 td{ border:1px solid #666;text-align:center;}
#indexkehu182{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;font-size:14px; text-align:center; line-height:40px; color: #000;}






/*===================
	slider
===================*/
.slider-slick {
	position: relative;
	overflow: hidden;
}

.slider-slick .slider-entry {
	position: relative;
	height: 220px;
}
.slider-slick .slider-entry1 {
	position: relative;
	height: 320px;
}


@media (min-width: 768px) {
	.slider-slick .slider-entry {
		position: relative;
		height: 330px;
	}
	.slider-slick .slider-entry {
		position: relative;
		height: 430px;
	}
}

.slider-slick .overlay {
	background: linear-gradient(
		rgba(10, 10, 11, 0.3),
		rgba(10, 10, 11, 0.3)
	);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	right: 0;
}

.slider-slick img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider-slick .caption {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 36%;
	color: #fff;
	z-index: 999;
	overflow-wrap: break-word;
	text-align: center;
}
.slider-slick .caption .container{ padding:20px 0;
background: linear-gradient(
		rgba(10, 10, 11, 0.3),
		rgba(10, 10, 11, 0.3)
	);
	
	}

.slider-slick .caption h2 {
	color: #fff;
	font-weight: 600;
	font-size: 22px;
	display: inline-block;
}

.slider-slick .caption p {
	color: #eee;
	font-size: 16px;
	margin-bottom: 20px;
}

.slider-slick .caption ul {
	padding: 0;
	margin: 0;
}

.slider-slick .caption ul li {
	display: inline-block;
	margin: 0 4px;
}

.slider-slick .slick-dots {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
}

.slider-slick .slick-dots li {
	width: auto;
}

.slider-slick .slick-dots li button {
	width: 10px;
	height: 10px;
	background: #999;
	border-radius: 50%;
}


.slider-slick .slick-dots li.slick-active button {
	background: #ff4531;
}

.slider-slick .slick-dots li button::before {
	font-size: 0;
	color: transparent;
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
}


/*jisshao*/
.jieshao1{margin:10px auto; padding:0; width:100%; height:auto;}
.jieshao11{margin:0 auto; padding:0; width:94%; height:auto; font-size:24px; color:#fff; line-height:25px; text-align:left;}
.jieshao12{margin:0 auto; padding:0; width:94%; height:auto; font-size:20px; color:#fff; line-height:25px; text-align:left;}
.jieshao13{margin:0 auto; padding:0; width:94%; height:auto; font-size:14px; color:#fff; line-height:20px; text-align:left;}

.jieshao2{margin:0 auto; padding:0; width:100%; height:auto;}
.jieshao21{margin:0 auto; padding:10px 0; width:98%; height:auto; border-top:1px dashed #fff;}
.jieshao212{margin:0; padding:0; width:100%; height:auto; float:right;}
.jieshao212 span{font-size:25px; color:#fff; line-height:25px; text-align:left;}
.jieshao212 p{font-size:12px; color:#fff; line-height:20px; text-align:left;}


.jieshao3{margin:0 auto; padding:20px 0; width:100%; height:auto;}
.jieshao31{margin:0 auto; padding:0; width:92%; height:auto; font-size:18px; color:#00a0e9; line-height:25px; text-align:left; font-weight:bold;}
.jieshao32{margin:0 auto; padding:10px 0; width:92%; height:auto; font-size:14px; color:#666; line-height:25px; text-align:left;}

.jieshao4{margin:0 auto; padding:10px 0; width:100%; height:auto;}
.jieshao41{margin:0 auto; padding:0; width:100%; height:auto; font-size:18px; color:#00a0e9; line-height:25px; text-align:center; font-weight:bold;}
.jieshao41 img{ max-width:100%; height:auto;}
.jieshao42{margin:0 auto; padding:10px 0; width:92%; height:auto; font-size:18px; color:#00a0e9; line-height:25px; text-align:left;}
.jieshao43{margin:0 auto; padding:10px 0; width:92%; height:auto; font-size:14px; color:#666; line-height:25px; text-align:left;}
.jieshao44{margin:0 auto; padding:0; width:100%; height:40px;background:#00a0e9; display:block; font-size:16px; color:#fff; line-height:40px; text-align:center;}
.jieshao44 a{margin:0; padding:0; width:100; height:40px; background:#00a0e9; display:block; font-size:16px; color:#fff; line-height:40px; text-align:center;}



/*news*/

.indexnews{margin:0 auto; padding:20px 0; width:100%; height:auto;}
.indexnews1{margin:0 auto; padding:10px 0; width:92%; height:auto; border-bottom:1px dashed #e3e3e3;font-size:24px; color:#00a0e9; line-height:25px; text-align:left;}
.indexnews2{margin:20px auto; padding:0; width:92%; height:auto;}
.indexnews2 .news ul{overflow:hidden;width: 100%;margin-top:15px;}
.indexnews2 .news li{float:left;width: 100%;height:auto;line-height:30px;font-size:12px; line-height:30px; text-align:left; border-bottom:1px dashed #e3e3e3;}
.indexnews2 .news li a{font-size:14px; line-height:30px; text-align:left; color:#000;}
.indexnews2 .news li span{font-size:12px; line-height:30px; text-align:left; color:#888;}
.indexnews2 .news li a:hover{ text-decoration:underline; color:#000;}

/*hezuo*/

.panerMain{background:#f3f3f3;padding-top:33px;padding-bottom:23px}
.panerMain .ptop{text-align:center}
.panerMain .ptop h5{font-size:24px;margin-bottom:5px;color:#333}
.panerMain .pcont{overflow:hidden;margin-top:13px}
.panerMain .pcont ul{ margin:0 auto; padding:0;width:100%}
.panerMain .pcont .bd{margin:0 auto; padding:0;width:100%}
.panerMain .pcont li{float:left;width:18%;margin:20px 2% 0 0; text-align:center;}
.panerMain .pcont li img{ max-width:100%; height:auto;}
.panerMain .pcont .pbot{width:82px;margin:48px auto 0 auto;padding:0 36px;overflow:hidden;background:url(images/pbotbg.png) no-repeat center}
.panerMain .pcont .pbot .bot{float:left;margin-left:1px}


/*===================
	offers
===================*/
.offers {
	text-align: left;
	background: #00a0e8;
}

.offers .entry {
	text-align: center;
}

.offers .entry h5 {
	font-weight: 400; font-size:18px;
	color: #fff;
}
.offers .entry p {
	font-size:12px;
	color: #fff;
}

.offers i {
	color: #fff;
	text-align: center;
	line-height: 48px;
	font-size: 24px;
	margin: 0 auto;
	margin-bottom: 17px;
	width: 50px;
	height: 50px;
	background: #ff4531;
	border-radius: 50%;
}

.offers .row:last-child {
	margin-bottom: 0;
}

/*===================
	features
===================*/
.features {
	text-align: left;
	background: #242a32;
}

.features .entry {
	text-align: center;
}

.features .entry h5 {
	font-weight: 400;
	color: #fff;
}

.features i {
	color: #fff;
	text-align: center;
	line-height: 48px;
	font-size: 24px;
	margin: 0 auto;
	margin-bottom: 17px;
	width: 50px;
	height: 50px;
	background: #ff4531;
	border-radius: 50%;
}

.features .row {
	margin-bottom: 0;
}

.features .col-left {
	border-right: 1px solid #fff;
}

.features .liner {
	height: 1px;
	background: #fff;
}

/*===================
	latest project
===================*/
.latest-project img {
	width: 100%;
	height: 100%;
	float: left;
}

.latest-project .row {
	margin-bottom: 0;
}

.latest-project .row .lp-left {
	text-align:center;
	padding-bottom: 6px;
}

.latest-project .row .lp-left:nth-child(2n+1) {
clear:both;
}


.latest-project .row .lp-right {
text-align:center;}

/*===================
	pricing tables
===================*/

.liyoumain{ margin:0 auto; padding: 20px 0; width: 96%; height: auto; margin-left: 2%; margin-right: 2%;}
.liyoumain .title{ margin:0 auto; padding:10px 0; width: 100%; height: auto;text-align:center; color:#00a0e8; font-size:24px; font-weight: bold;line-height:35px;}

.liyou{ margin:0 auto; padding:10px 0; width:100%; height:auto; }
.liyou1{ margin:1%; padding:0; width:48%; height:60px; display:block; float:left; background:#7fbe25;}
.liyou11{ margin:0; padding:10px 0; width:50%; height:40px; display:block; float:left; background:#7fbe25; text-align:center;}
.liyou11 img{ max-width:40px; height:40px;}
.liyou12{ margin:0; padding:0; width:50%; height:60px; display:block; float:left; background:#7fbe25; text-align:left; color:#fff; font-size:16px; line-height:60px;}


.pricing-table {
	background: #00a0e8;
}

.pricing-table .row {
	margin-bottom: 0;
}

.pricing-table .top-row {
	
}

.pricing-table .row .pt-left {
	padding-right: 0;
}

.pricing-table .row .pt-right {
	padding-left: 0;
}

.pricing-table .entry {
	text-align: center;
	color: #fff;
	padding: 20px 10px;
}

.pricing-table .entry-left {
	border: 1px solid #888;
}

.pricing-table .entry-left-second {
	border: 1px solid #888;
	border-top: 0;
}

.pricing-table .entry-right {
	border: 1px solid #888;
	border-left: 0;
}

.pricing-table .entry-right-second {
	border: 1px solid #888;
	border-left: 0;
	border-top: 0;
}

.pricing-table .entry h6 {
	color: #fff;
}

.pricing-table .entry h4 {
	color: #ff4531;
}

.pricing-table .entry h6 {
	margin-bottom: 6px;
}

.pricing-table .entry ul {
	margin-bottom: 0;
}

.pricing-table .bg-1 {
	background: #2a2a2a;
}

.pricing-table .bg-2 {
	background: #ff4531;
}

.pricing-table .entry ul li {
	padding: 5px 0;
}

.pricing-table .margin {
	height: 10px;
}
/*===================
	portfolio
===================*/
.portfolio ul {
	padding: 0;
	margin: 0 0 18px 0;
	cursor: default;
	text-align: center;
}

.portfolio ul li {
	background: #ff4531;
	display: inline-block;
	margin: 0 4px;
	cursor: pointer;
	color: #fff;
	padding: 5px 10px 3px 10px;
	border-radius: 3px;
	box-shadow: 0 2px 2px 0 transparent,0 1px 5px 0 rgba(0,0,0,.24),0 3px 1px -2px transparent;
}

.portfolio ul .active {
	background: #2a2a2a;
	color: #fff;
}

.portfolio .row {
	margin: 0;
	padding: 0;
}

.portfolio .row .col {
	padding: 3px;
	margin: 0;
}

.portfolio img {
	width: 100%;
	height: 100%;
	float: left;
	display: block;
}


/*===================
	words
===================*/
.words {
	background: #242a32;
	color: #eee;
}

.words h4 {
	color: #fff;
	font-weight: 500;
}

.words .button {
	margin-top: 8px;
}


/*===================
	rating
===================*/

.rating {
	font-size: 12px;
	margin-top: 5px;
}

.rating .active {
	color: #fecd2d;
}

/*===================
	product
===================*/
.product {
	text-align: center;
}

.product.popular {
	padding: 0 0 25px 0;
}

.product .app-title {
	margin-bottom: 30px;
}

.product .tabs {
	margin-bottom: 10px;
	text-align: center;
}

.product .tabs .tab {
	text-transform: none;
}

.product .tabs .tab a {
	color: #444;
	font-size: 18px;
}

.product .tabs .tab a.active {
	color: #ff4531;
}

.product .tabs .indicator {
	background: transparent;
}

.product .entry {
	position: relative;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 transparent,0 1px 5px 0 rgba(0,0,0,.24),0 3px 1px -2px transparent;
	padding: 10px 10px 18px;
	background: #fff;
}

.product .entry h6 {
	font-weight: 500;
}

.product .entry .price h5 {
	font-size: 20px;
	font-weight: 500;
	color: #ff4531;
	letter-spacing: 1px;
}

.product .entry img {
	width: 100%;
	height: 100%;
}

.product .entry .button {
	margin-top: 10px;
	margin-bottom: 5px;
}


.rating .active {
	color: #fecd2d;
}

.product .entry h6,
.product .entry .rating,
.product .entry .price {
	margin-top: 2px;
}

.product .pagination ul {
	margin-top: 25px;
	list-style: none;
	text-align: center;
}

.product .pagination ul li {
	display: inline-block;
	margin: 0 5px;
	box-shadow: 0 2px 2px 0 transparent,0 1px 5px 0 rgba(0,0,0,.24),0 3px 1px -2px transparent;
}

.product .pagination ul .active {
	background: #ff4531;
	color: #fff;
	border-color: #ff4531;
}

/*===================
	checkout
===================*/
.checkout .order {
	background: #fefefe;
	margin-top: 25px;
	padding: 16px 12px 2px;
	border: 1px solid #ddd;
	margin-bottom: 35px;
}

.checkout .order .title {
	text-align: center;
}

.checkout .order h5 {
	margin-bottom: 14px;
}

.checkout .order h5 span {
	font-size: 18px;
}

.checkout .order h6 {
	margin-bottom: 8px;
	font-size: 16px;
	color: #666;
}

.checkout .link {
	position: relative;
	top: -12px;
}

.checkout .order .text-right {
	text-align: right;
}

.checkout .order .button {
	margin-top: 10px;
	margin: auto;
	display: block;
}

/*===================
	section, title and bg
===================*/
.app-section {
	padding: 30px 0 15px 0;
}

.app-section h5 {
	font-size: 16px;
}

.app-section-small {
	padding: 30px 0 16px 0;
	color: #ccc;
}

.app-section-small h5 {
	font-size: 16px;
}

.app-section-small .app-title h4 {
	color: #fff;
}

.app-section-creative {
	fill: #242a32;
	height: 20px;
	width: 100%;
}

.app-pages {
	margin-top: 50px;
	padding-top: 55px;
}

.app-pages-slider {
	margin-top: 0;
}

.app-title {
	text-align: center;
}

.app-title .video{margin: 0 auto; padding: 0; width: 100%; height: auto;
}
.app-title .video video{max-width: 100%; height: auto;;
}
.app-title .line {
	height: 20px;
	width: 3px;
	background: #ff4531;
	margin: 3px auto;
}

.app-title p {
	margin: 2px 0;
}

.app-title h4 {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 5px;
}

.app-title h4 span {
	color: #ff4531;
}

.pages-title {
	margin-bottom: 30px;
	text-align: center;
}

.pages-title h3 {
	font-size: 22px;
	font-weight: 600;
}

.app-bg-dark {
	background: #242a32;
}

.app-creative-section {
	fill: #242a32;
	height: 30px;
	width: 100%;
	background: transparent;
	position: relative;
	top: -1px;
}
.app-creative-section1 {
	fill: #00a0e8;
	height: 30px;
	width: 100%;
	background: transparent;
	position: relative;
	top: -1px;
}

.app-creative-section2 {
	fill: #7fbe25;
	height: 30px;
	width: 100%;
	background: transparent;
	position: relative;
	top: -1px;
}

.app-bg-light {
	background: #fff;
}

.app-bg-light .entry {
	background: #f3f3f3;
}

.app-last-row {
	margin-bottom: 0;
}

.app-bg-color {
	background: #ff4531;
	color: #fff;
}

.app-bg-color h6 {
	color: #fff;
}

.app-bg-color .owl-theme .owl-controls .owl-page span {
	background: #fff;
	width: 10px;
	height: 10px;
}

.app-bg-color .app-title h4 {
	color: #fff;
}

.app-title h4 {
	font-weight: 500;
}

/*===================
	product details
===================*/
.product-details .entry {
	position: relative;
}

.product-details .entry .big-image img {
	width: 100%;
	height: 100%;
	box-shadow: 0 2px 2px 0 transparent,0 1px 5px 0 rgba(0,0,0,.24),0 3px 1px -2px transparent;
	padding: 10px;
	margin-bottom: 5px;
}

.product-details .entry img {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 5px;
}

.product-details .entry .tabs {
	height: auto;
}

.product-details .entry .tabs a.active {
	border-bottom: 2px solid #ff4531;
}

.product-details .entry .tabs a {
	border: 0 solid #ff4531;
}

.product-details .entry .tabs img {
	border: 0;
}

.product-details .entry .tabs .indicator {
	height: 0;
	background: transparent;
}

.product-details .entry .tabs .tab {
	height: auto;
}

.product-details .details .button  {
	margin-top: 20px;
	display: inline-block;
}

.product-details .desc-review {
	margin-top: 30px;
}

.product-details .desc-review .tabs {
	height: 30px;
}

.product-details .desc-review .tabs .indicator {
	background: #ff4531;
}

.product-details .desc-review .tab {
	height: 30px;
	text-transform: none;
}

.review .comment .content .entry {
	overflow: hidden;
	margin-bottom: 22px;
}

.review .comment .content p {
	margin: 8px 0;
}

.review .comment .content img {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 15px;
	border-radius: 50%;
}

.review .comment .content {
	border-bottom: 1px solid #eee;
	padding-top: 20px;
	margin-top: 10px;
}

.review .post-review {
	margin-top: 20px;
}

.review .post-review h6 {
	margin-bottom: 15px;
}

/*===================
	product cart
===================*/
.product-cart .entry {
	border: 1px solid #ddd;
	padding: 10px 16px 0 10px;
}

.product-cart .entry h6,
.product-cart .cart-total h6 {
	font-size: 15px;
}

.product-cart .entry img {
	width: 100%;
	height: 100%;
	border: 1px solid #ddd;
}

.product-cart .entry .cart-title {
	padding: 10px 0 0;
}

.product-cart .entry .cart-title i {
	text-align: right;
	float: right;
}

.product-cart .entry .s-title {
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.product-cart .entry input[type="number"] {
	height: 25px;
	border: 1px solid #ccc;
	padding: 0;
	width: 40px;
	text-align: center;
	position: relative;
	bottom: 4px;
}

.product-cart .cart-total {
	text-align: right;
	margin-top: 25px;
}

.product-cart .cart-total h5,
.product-cart .cart-total h6 {
	margin-bottom: 10px;
}

.product-cart .cart-total .button {
	text-align: center;
	margin-right: 10px;
	margin-top: 10px;
	display: inline-block;
}

/*===================
	blog
===================*/
.blog {
	position: relative;
}

.blog .entry {
	margin-bottom: 30px;
}

.blog .entry .user-date {
	padding: 0;
}

.blog .entry .content {
	padding: 0 0 5px 0;
}

.blog .entry .content h5 a {
	font-weight: 500;
}

.blog .entry img {
	width: 100%;
	height: 100%;
}

.blog .entry .user-date ul {
	list-style: none;
}

.blog .entry .user-date ul li {
	display: inline-block;
	margin-right: 12px;
}

.blog .entry .user-date ul li a i {
	margin-right: 6px;
	color: #ff4531;
}

.blog .pagination ul {
	margin-top: 25px;
	list-style: none;
	text-align: center;
}

.blog .pagination ul li {
	display: inline-block;
	margin: 0 5px;
	box-shadow: 0 2px 2px 0 transparent,0 1px 5px 0 rgba(0,0,0,.24),0 3px 1px -2px transparent;
}

.blog .pagination ul .active {
	background: #ff4531;
	color: #fff;
	border-color: #ff4531;
}

/*===================
	blog single
===================*/
.blog-single {
	position: relative;
}

.blog-single .entry {
	margin-bottom: 0;
}

.blog-single .entry img {
	width: 100%;
	height: 100%;
}

.blog-single .entry h5 {
	font-weight: 500;
}

.blog-single .entry .user-date ul {
	list-style: none;
}

.blog-single .entry .user-date ul li {
	display: inline-block;
	margin-right: 12px;
}

.blog-single .entry .user-date ul li a i {
	margin-right: 6px;
	color: #ff4531;
}

.blog-single .share ul {
	list-style: none;
	margin-top: 15px;
}

.blog-single .share ul li {
	display: inline-block;
}

.blog-single .share ul li h6 {
	margin-right: 4px;
	position: relative;
	bottom: 2px;
}

.blog-single .share ul li a i {
	font-size: 20px;
	margin: 0 4px;
}

.blog-single .author {
	border-top: 1px solid #eee;
	padding-top: 20px;
	position: relative;
}

.blog-single .author .entry {
	overflow: hidden;
}

.blog-single .author p {
	margin: 8px 0;
}

.blog-single .author img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	float: left;
	margin-right: 15px;
}

.blog-single .author .entry ul {
	padding: 0;
	margin: 0;
}

.blog-single .author .entry ul li {
	display: inline-block;
	margin-right: 3px;
}

.blog-single .comment .content .entry {
	overflow: hidden;
	margin-bottom: 22px;
}

.blog-single .comment .content p {
	margin: 8px 0;
}

.blog-single .comment .content img {
	width: 80px;
	height: 80px;
	float: left;
	margin-right: 15px;
}

.blog-single .comment .content {
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 10px;
}

@media (min-width: 768px) {
	.blog-single .comment .content {
		border-top: 1px solid #eee;
		padding-top: 20px;
		margin-top: 10px;
		padding-bottom: 10px;
	}
}

.blog-single .post-comment .content {
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 10px;
}

.blog-single .post-comment .content textarea {
	margin-bottom: 20px;
}

.blog-single .post-comment .content {
	
}
.blog-single .post-comment .content {
	
}
.blog-single .post-comment .content {
	
}

/*===================
	form custom
===================*/
form input[type="text"],
form input[type="email"],
form input[type="password"],
form input[type="tel"], 
form input[type="number"],
form input[type="date"],
form .select-wrapper input.select-dropdown {
	border: 1px solid #ccc;	
	height: 36px;
	border-radius: 2px;
	width: 100%;
	overflow: visible;
	box-sizing: border-box;
	padding-left: 8px;
	padding-right: 8px;
}

form input:not([type]):focus:not([readonly]),
form input[type="text"]:focus:not([readonly]),
form input[type="email"]:focus:not([readonly]),
form input[type="password"]:focus:not([readonly]),
form input[type="tel"]:focus:not([readonly]), 
form input[type="number"]:focus:not([readonly]), 
form input[type="date"]:focus:not([readonly]) {
	border: 1px solid #ff4531;
	box-shadow: none;
}

.input-field input:not([type]):focus:not([readonly]) + label,
.input-field input[type="text"]:focus:not([readonly]) + label,
.input-field input[type="email"]:focus:not([readonly]) + label,
.input-field input[type="password"]:focus:not([readonly]) + label,
.input-field input[type="tel"]:focus:not([readonly]) + label, 
.input-field input[type="number"]:focus:not([readonly]) + label, 
.input-field input[type="date"]:focus:not([readonly]) + label {
	color: #ff4531;
	box-shadow: none;
}

form textarea {
	border: none;
	border: 1px solid #ccc;	
	border-radius: 2px;
	width: 100%;
	overflow: visible;
	box-sizing: border-box;
	height: auto;
	margin-bottom: 20px;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 15px;
}

form textarea:focus {
	border: 1px solid #ff4531;
}

form textarea:focus + label {
	color: #ff4531;
}

form .picker__weekday-display {
	background-color: #ff4531;
} 

form .picker__nav--prev:hover, .picker__nav--next:hover {
	background: #ff4531;
}

form .picker__date-display {
	background-color: #ff4531;
}

form .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
	background-color: #ff4531;
}

form .picker__day.picker__day--today {
	color: #ff4531;
}

/*menu*/
.group .tit-wrap{width:94%; overflow: hidden; margin:0 auto; margin-bottom:10px; background: url(../images_m/line.jpg) 3% center no-repeat; background-size:4%; padding-left:8%; line-height: 30px}
.group .tit-wrap .tit{float: left; font-size:1.3em; color:#0f0964;}
.group .tit-wrap .tit span{font-size:12px; color:#aaaaaa; text-align: left;}
.group .tit-wrap .more{float: right; border-radius: 50px; width:60px; height:30px; line-height: 30px; color:#666; font-size:1.1em; text-align: center;}
.group .tit-wrap .more a{color:#666; text-decoration: none;}

.pro-cont{width:100%; overflow: hidden; margin:0 auto; margin-bottom: 20px;}
.pro-cont .pro-list{width:100%; overflow: hidden; margin:0 auto;}
.pro-cont .pro-list li{width:100%; height:auto; background: url(../imgm/narr.jpg) 96% center no-repeat; border-bottom:1px dashed #ddd; background-size: 2%;}
.pro-cont .pro-list li:first-child{border-top:1px solid #ddd;}
.pro-cont .pro-list li .pro-text{ display:block; width:90%; height:auto; background: url(../imgm/ico.png) 10px center no-repeat; overflow: hidden; padding-left:40px; line-height: 40px;}
.pro-cont .pro-list li.new{ display:block; width:100%;overflow: hidden; adding-left:10px; line-height: 40px;}
.pro-cont .pro-list li.new a{ display:block; width:100%;overflow: hidden; background: url(../imgm/listDot.jpg) 30px center no-repeat;  padding-left:50px; line-height: 40px;}
.pro-cont .pro-list li a{ display:block; width:100%;overflow: hidden; background: url(../imgm/listDot.jpg) 30px center no-repeat;  padding-left:50px; line-height: 40px;}
.pro-cont .pro-list li ul li a{ display:block; width:100%;overflow: hidden; background: url(../imgm/listDot.jpg) 30px center no-repeat;  padding-left:50px; line-height: 40px;}

/*xiangqin*/
.new-group{width:90%; overflow: hidden; margin:0 auto; margin-bottom:20px;}
.new-group .article-tit{width:100%; text-align: center; font-size: 24px; color:#666; line-height:30px; margin-bottom: 6px; padding:20px 0; border-bottom:1px dashed #e3e3e3;}
.new-group .article-date{width:100%; text-align: center; font-size: 1em; color:#aaa; margin-bottom: 13px;}
.new-group .artimg{width:100%; margin:0 auto 20px;}
.new-group .artimg img{width:100%; display: block;}
.new-group .newText{margin-bottom: 6px; line-height: 22px; font-size: 1em; color:#666; }
.new-group .newText img{ max-width:100%; height:auto;}
.new-group .newTextright{ margin:0 auto; padding:0; width:100%; height:auto; text-align:right;text-indent: 2em; line-height: 22px; font-size: 1em; color:#666; }



.module-line{width: 100%;text-align: center;margin-top:40px; margin-bottom:40px}
.module-line span{display: inline-block;*display: inline;*zoom: 1}
.module-line .text{font-size: 26px;color: #4c4c4c;margin: 0 10px}
.module-line .arrow{width: 84px;height: 16px}
.module-line .left-arrow{background: url(../images/leftArrow.png)}
.module-line .right-arrow{background: url(../images/rightArrow.png)}
.module-privilege{width: 100%; max-width: 1200px;;height: auto;margin: 40px auto 40px;position: relative}
.module-privilege .privilege-ul{float: left;border: 1px solid #d3d1d0;background: #fff;width: 24.5%;}

.module-privilege .privilege-ul .privilege-item{ padding: 5px 0; text-align: center;height: 50px;line-height: 20px;font-size: 12px}
.module-privilege .privilege-ul .privilege-item a{color: #666;display: block;width: 100%;height: 100%}
.module-privilege .privilege-ul .privilege-item.first-item{height: 52px;}
.module-privilege .privilege-ul .privilege-item.first-item .buy-button-base{margin-top: 14px}
.module-privilege .privilege-ul .privilege-item .title,
.module-privilege .privilege-ul .privilege-item .svip-type{font-size: 14px}
.module-privilege .privilege-ul .privilege-item .title .vip-type-icon,
.module-privilege .privilege-ul .privilege-item .svip-type .vip-type-icon{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 30px}
.module-privilege .privilege-ul .privilege-item .title .vip-type-title,
.module-privilege .privilege-ul .privilege-item .svip-type .vip-type-title{height: 30px;line-height: 30px;display: inline-block;vertical-align: middle}
.module-privilege .privilege-ul .privilege-item .vip-type,
.module-privilege .privilege-ul .privilege-item .no-vip-type{font-size: 14px;}
.module-privilege .privilege-ul .privilege-item .vip-type .vip-type-icon,
.module-privilege .privilege-ul .privilege-item .no-vip-type .vip-type-icon{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 30px}
.module-privilege .privilege-ul .privilege-item .vip-type .vip-type-title,
.module-privilege .privilege-ul .privilege-item .no-vip-type .vip-type-title{height: 30px;line-height: 30px;display: inline-block;vertical-align: middle}

.module-privilege .privilege-ul.recommend{background-image: url(../images/recommend.png);background-position: -1px -1px;background-repeat: no-repeat}
.module-privilege .privilege-ul.active{border-color: #00a1e9;background-color: #00a1e9;z-index: 10; color: #fff;}

.module-privilege .privilege-ul.active .privilege-item.last-item{height: 49px}
.icon-size-middle{width: 30px;height: 30px;}
.vip-icon,.buy-btn-box{display: inline-block;}
.vip-icon.svip-middle{background-image: url(../images/level2.png);background-repeat: no-repeat;}
.vip-icon.vip-middle{background-image: url(../images/level1.png);background-repeat: no-repeat;}
.vip-icon.no-vip-middle{background-image: url(../images/level0.png);background-repeat: no-repeat;}
.center-button-container-middle{width: 120px;height: 30px;font-size: 14px;line-height: 30px;text-align: center;border-radius: 15px;}
.center-button-light-red{border: 1px solid rgba(228, 88, 88, .5);color: #e45858;}
.center-button-light-red:hover{border: 1px solid #e45858;}
.center-button-light-yellow{border: 1px solid #f9d681;background-color: #f9d681;color: #351d06;}
.center-button-light-yellow:hover{background-color: #e7c062;}
.center-button-base{cursor: pointer;display: inline-block;margin: 0 5px;}




#congsjj1{margin:0 auto; padding:0; width:100%; padding-top:20px; height:auto;}
#congsjj1 img{ max-width:100%; height:auto;}
#congsjj2{margin:0 auto; padding:0; width:100%;  height:auto;font-size:30px; color:#CA0012; text-align:center; text-decoration:none; line-height:40px;}
#congsjj3{ margin:0 auto; padding:0;  width:100%; padding-top:10px; height:auto;font-size:14px; color:#777; text-align:center; text-decoration:none; line-height:22px;}
#congsjj4{ margin:0 auto; padding:0; width:100%;margin-top:10px; margin-bottom:10px; height:auto;}
#congsjj41{ margin:0 auto; padding:0;  width:100%; height:auto; text-align:center;}
#congsjj41 img{ max-width:100%; border-bottom:2px solid #C90314;}

#congsjj42{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:10px; padding-top:10px;}
#congsjj421{ margin:0 auto; padding:0; width:100%;height:auto; text-align:center;}
#congsjj421 img{ max-width:100%;}
#congsjj422{ margin:0 auto; padding:0; width:100%;height:auto;font-size:14px; color:#777; text-align:center; text-decoration:none; line-height:30px;}


#congsjj5{ margin:0 auto; padding:0; width:100%; padding-top:10px; height:auto;font-size:14px; color:#777; text-align:left; text-decoration:none; line-height:28px;}

#congsjj6{ margin:0 auto; padding:0;  width:100%;   padding-top:10px; height:auto;font-size:14px; color:#C90314; text-align:center; text-decoration:none; line-height:22px;}

#congsjj7{ margin:0 auto; padding:0; width:100%; padding-top:10px;padding-bottom:10px; height:auto;font-size:14px; color:#777; text-align:left; text-decoration:none; line-height:28px;}
#congsjj71{ margin:0 auto; padding:0; width:100%; max-width:1200px; padding-top:40px;padding-bottom:40px; border-bottom:1px dashed #b3b3b3; height:auto;font-size:14px; color:#777; text-align:left; text-decoration:none; line-height:28px;}
#congsjj711{ margin:0 auto; padding:0; width:100%; text-align:center;height:auto;}
#congsjj711 img{ max-width:100%; height:auto;}
#congsjj712{ margin:0 auto; padding:0; width:100%; float:right;height:auto;}
#congsjj7121{ margin:0 auto; padding:0; width:100%; height:auto;font-size:18px; color:#C90314; text-align:left; text-decoration:none; line-height:28px;}
#congsjj7122{ margin:0 auto; padding:0; width:100%; height:auto;font-size:14px; color:#777; text-align:left; text-decoration:none; line-height:28px;}



#conabout2{margin:0 auto; padding:0; width:100%; height:auto; padding:10px 0; background:#fff;}
#conabout21{margin:0 auto; padding:0; width:100%; height:auto; padding:10px 0; max-width:1200px;text-align:center;font-size:20px; line-height:30px; color:#000;}
#conabout22{margin:0 auto; padding:0; width:100%; height:auto; padding:10px 0;max-width:1200px;text-align:left;font-size:16px; line-height:30px; color:#666;}
#conabout221{margin:0 auto; padding:0; width:96%; height:auto; padding:0; float:left;text-align:left;font-size:16px; line-height:30px; color:#666;}
#conabout222{margin:0 auto; padding:0; width:96%; height:auto; padding:0; float:left;text-align:left;font-size:16px; line-height:30px; color:#666;}
#conabout222 img{ max-width:100%; height:auto;}


#conlinian{ margin:0 auto; padding:0; width:94%; height:auto;}
#conlinian1{ margin:0 auto; padding:0; width:100%; height:auto;text-align:left;font-size:16px; line-height:30px; color:#666;}
#conlinian1 span{ margin:0 auto; padding:0; width:100%; height:auto;text-align:left;font-size:18px; line-height:30px; color:#000; font-weight:bold;}
#conlinian1 p{ text-align:left;font-size:16px; line-height:30px; color:#666;}
#conlinian2{ margin:0 auto; padding:0; width:100%; height:auto;text-align:left;font-size:16px; line-height:30px; color:#666;}
#conlinian2 img{ max-width:100%; height:auto;}

/*contact*/
#contactmain{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;background:#fff; padding-bottom:40px; padding-top:40px;}
#contactmain1{ margin:0 auto; padding:0; width:96%; height:auto; padding:2%;}
#contactmain11{ margin:0 auto; padding:0; width:100%;height:auto; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #e3e3e3; float:left; color:#000;font-family:"微软雅黑","宋体"; font-size:20px; line-height:30px;}
#contactmain11 img{ max-width:100%; height:auto;}
#contactmain12{ margin:0 auto; padding:0; width:100%; padding:10px 0; height:auto; float:left; color:#000;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px;}
#contactmain121{ margin:0 auto; padding:0; width:20%; height:auto; float:left; color:#000;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px;}
#contactmain122{ margin:0 auto; padding:0; width:78%; height:auto; float:right; color:#000;font-family:"微软雅黑","宋体"; font-size:14px; line-height:40px;}
#contactmain13{ margin:0 auto; padding:0; width:100%; height:auto; float:left;padding-bottom:20px; border-bottom:1px dashed #e3e3e3;  color:#888;font-family:"微软雅黑","宋体"; font-size:12px; line-height:30px;}
#contactmain14{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:10px; float:left;color:#000;font-family:"微软雅黑","宋体"; font-size:12px; line-height:30px;}




#indexabout3{ margin:0 auto; padding:0; width:96%; padding:2%; height:auto; max-width:1120px; margin-top:20px;}
#indexabout31{ margin:0 auto; padding:0; width:100%;  height:auto; float:left;}
#indexabout31title{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:30px;}
#indexabout31title1{ margin:0 auto; padding:15px 0; width:100%;  height:auto; float:left; color:#000;font-size:30px; text-align:center; line-height:30px;}
#indexabout31title1 span{ color:#00a0e9;font-size:20px; text-align:center; line-height:30px;}
#indexabout3.hui{ margin:0 auto; padding:0; width:96%; padding:40px 20px; height:auto; max-width:1120px; margin-top:20px; background:#f3f3f3;}

#indexabout311{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; color:#00a0e9;font-size:24px; text-align:left; line-height:26px;}
#indexabout312{ margin:0 auto; padding:15px 0; width:100%;  height:auto; padding-top:15px; float:left; color:#666;font-size:16px; text-align:left; line-height:24px;}
#indexabout312 span{ color:#000;}
#indexabout313{ margin:0 auto; padding:0; width:auto;  height:auto; margin-top:20px; border-radius:20px; padding:5px 30px; background:#00a0e9;  float:left; color:#fff;font-size:16px; text-align:center; line-height:30px;}
#indexabout313 a{ color:#fff;font-size:16px; text-align:center; line-height:30px;}
#indexabout315{ margin:0 auto; padding:0; width:100%;  height:auto; padding-top:15px; float:left; }
#indexabout315 ul{ margin:0 auto; padding:0; width:100%;  height:auto; float:left; }
#indexabout315 ul li{ margin:0; padding:0; width:auto;  height:auto; float:left; padding-left:30px; background:url(../imgm/dot1.png) no-repeat top left; color:#666;font-size:16px; text-align:left; line-height:30px; }
#indexabout32{ margin:0 auto; padding:0; width:96%; height:auto; float:left;padding:2%; }
#indexabout32 img{ max-width:100%; height:auto;}

#indexaboutbg{ margin:0 auto; padding:0; width:100%; height:400px; background:url(../image/bg3.jpg) no-repeat top center;}
#indexaboutbg1{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#indexaboutbg1 img{ max-width:100%; height:auto;}

#indexabout4{ margin:0 auto; padding:0; width:100%; height:auto; background: url(../image/4.jpg) no-repeat bottom center; margin-top:40px;}
#indexabout41{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#indexabout411{ margin:0 auto; padding:0; width:40%; height:auto; float:left;}
#indexabout411 img{ max-width:100%; height:auto;}
#indexabout412{ margin:0 auto; padding:0; width:56%; height:auto; float:right; padding-top:60px;}
#indexabout412img{ max-width:100%; height:auto;}

/*product*/
.product1{ margin:0 auto; padding:30px 0; width:100%; height:auto; background:#f3f3f3; }
.product11{ margin:0 auto; padding:0; width:100%; height:auto; color:#000;font-size:24px; text-align:center; line-height:30px; }
.product12{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; color:#000;font-size:18px; text-align:center; line-height:30px; }

.product12 table{ margin:0 auto; padding:30px 0; width:96%; height:auto;}
.product12 td{ margin:0; padding:2%;height:auto;width:29% ;font-size:12px; text-align:center; line-height:20px; background:#f3f3f3; color:#666; border:1px solid #e3e3e3;}
.product12 td.cc{height:auto; font-size:12px; text-align:center; line-height:20px; color:#e20000; font-weight:bold;}
.product12 td img{ max-width:100%; height:auto;}



.protitle{ margin:40px auto; padding:2%; width:96%; height:auto; background:#f3f3f3; display:block; max-width:1200px;color:#666;font-size:18px; text-align:left; line-height:20px;}
.product2{ margin:0 auto; padding:2%; width:96%; height:auto; max-width:1200px;}
.product21{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
.product21 img{ max-width:100%; height:auto;}
.product22{ margin:0 auto; padding:0; width:100%; height:auto; float:right;}
.product221{ margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#00a0e9;font-size:30px; text-align:left; line-height:50px; }
.product222{ margin:0 auto; padding:10px 0; width:100%; height:auto; float:left; border-bottom:1px dashed #e3e3e3;}
.product2221{ margin:0; padding:0; width:50px; height:50px; float:left; border-radius:25px; background:#00a0e9;color:#fff;font-size:30px; text-align:center; line-height:50px;}
.product2222{ margin:0; padding:0; width:auto; padding-left:20px; height:50px; float:left; color:#000;font-size:18px; text-align:left; line-height:50px;}
.product223{ margin:0 auto; padding:10px 0; width:100%; height:auto; float:left;color:#666;font-size:14px; text-align:left; line-height:20px;}
.product224{ margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#000;font-size:18px; text-align:left; line-height:30px; }

.product23{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
.product24{ margin:0 auto; padding:0; width:100%; height:auto; float:right;}
.product24 img{ max-width:100%; height:auto;}



.shipin{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
.shipin ul{ margin:0 auto; padding:0; width:100%; height:auto;  }
.shipin ul li{ margin:0 auto; padding:0; width:46%; height:auto; float:left; margin:2%;  }


.product3{ margin:0 auto; padding:40px 0; width:100%; height:auto; background:#f3f3f3; }
.product31{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.product31title{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; text-align:center;}
.product311{ margin:0 auto; padding:0; width:400px; height:600px; float:left; background:#8eb579;}
.product312{ margin:0 auto; padding:0; width:400px; height:600px; float:left; background:#4b9cd3;}
.product313{ margin:0 auto; padding:0; width:400px; height:600px; float:left; background:#6a6f85;}

.product3111{ margin:0 auto; padding:0; width:400px; height:300px; float:left;}
.product3111 img{ width:400px; height:300px;}
.product3112{ margin:0 auto; padding:40px; width:320px; height:220px;color:#fff;font-size:16px; text-align:left; line-height:30px; }
.product3112 a{ color:#fff;font-size:16px; text-align:left; line-height:30px; }

.product4{ margin:0 auto; padding:10px 0; width:100%; height:auto; max-width:1100px;}
.product41{ margin:0 auto; padding:0; width:96%; height:auto; float:left; padding:2%;}
.product411{ margin:0 auto; padding:10px 0 0 0; width:100%; height:auto; float:left;color:#00a0e9;font-size:18px; text-align:left; line-height:30px;}
.product412{ margin:0 auto; padding:10px 0 0 0; width:100%; height:auto; float:left;color:#666;font-size:14px; text-align:left; line-height:20px;}
.product42{ margin:0 auto; padding:0; width:96%; height:auto; float:left; padding:2%;}
.product42 img{ max-width:100%; height:auto;}
.product5{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1100px; text-align:center;}


.product6{margin:0 auto; padding:20px 0; width:100%; height:auto; background:#f3f3f3;}
.product61{margin:0 auto; padding:20px; width:96%;height:auto; background:#fff;color:#666;font-size:20px; text-align:left; line-height:40px;}
.product611{margin:0 auto; padding:0; width:100%;height:auto;color:#000;font-size:20px; text-align:center; line-height:30px;}
.product612{margin:0 auto; padding:0; width:100%;height:auto;color:#666;font-size:14px; text-align:left; line-height:20px;}


.product7{margin:0 auto; padding:40px 0; width:100%; height:auto; max-width:1200px;}
.product71{margin:0 auto; padding:0; width:96%; height:auto; float:left; padding:2%;}
.product71 img{ max-width:100%; height:auto;}
.product72{margin:0 auto; padding:2%; width:96%; height:auto; float:left;}
.product721{margin:0 auto; padding:30px 0 0 0; width:100%; height:auto; float:left;color:#00a0e9;font-size:20px; text-align:left; line-height:30px;}
.product722{margin:0 auto; padding:10px 0; width:100%; height:auto; float:left;color:#666;font-size:14px; text-align:left; line-height:25px;}
.product73{margin:0 auto; padding:20px 0 20px 0; width:100%; height:auto;color:#00a0e9;font-size:30px; text-align:center; line-height:30px;}
.product74{margin:0 auto; padding:10px 0; width:100%; height:auto;color:#00a0e9;font-size:20px; text-align:center; line-height:30px;}


.product8{margin:0 auto; padding:0; width:100%; height:269px; background:url(../image/bg2.jpg) no-repeat top center;}
.product81{margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
.product811{margin:0; padding:0; width:438px; height:auto; float:left;}
.product811 img{ max-width:100%; height:auto;}
.product812{margin:0; padding:0; width:280px; height:auto; float:left; padding-top:30px; padding-left:30px;}
.product8121{margin:0; padding:0; width:100%; height:auto; padding-top:40px; float:left;color:#fff;font-size:40px; text-align:left; line-height:50px;}
.product8122{margin:0; padding:0; width:100%; height:auto; padding-top:10px;float:left;color:#fff;font-size:26px; text-align:left; line-height:30px;}
.product8123{margin:0; padding:0; width:100%; height:auto;padding-top:10px; float:left;color:#fff;font-size:16px; text-align:left; line-height:26px;}
.product813{margin:0; padding:0; width:360px; height:auto; float:right;}
.product8131{margin:0; padding:0; width:100%; height:auto; float:right; padding-top:60px;color:#fff;font-size:30px; text-align:right; line-height:40px;}
.product8132{margin:0; padding:0; width:100%; height:auto; float:right;padding-top:10px;color:#fff;font-size:16px; text-align:right; line-height:25px;}

.product9{margin:20px auto 0 auto; padding:0; width:100%; height:auto; max-width:1200px; background:#00a0e9;}
.product91{margin:0 auto; padding:2%; width:96%; height:auto; float:left;}
.product91 img{ width:100%; height:auto;}
.product92{margin:0 auto; padding:0; width:96%; padding:2%; height:auto; float:right;}
.product921{margin:0 auto; padding:0; width:100%; height:auto; float:left;color:#fff;font-size:24px; text-align:left; line-height:30px;}
.product922{margin:0 auto; padding:0; width:100%; height:auto;  margin-top:20px;float:left;color:#fff;font-size:16px; text-align:left; line-height:30px;}
.product923{margin:0; padding:0 40px; width:auto; margin-top:20px; height:40px; background:#fff; border-radius:20px; display:block; float:left;color:#00a0e9;font-size:18px; text-align:center; line-height:40px;}


.product9a{margin:20px auto 20px auto; padding:40px 20px; width:100%; height:auto; max-width:1200px; background:#00a0e9; display: inline-block;}
.product93{margin:0 auto; padding:0; width:100%; padding:0; height:auto; }

.product931{margin:2%; padding:0; width:96%; padding:20px 2%; height:auto;  float: left; background: #fff;color:#000;font-size:14px; text-align:center; font-weight: bold;line-height:20px;}



.progrw{margin:20px auto; padding:50px 0 20px 0; width:100%; height:auto; background: #00a0e8;}
.progrwmain{margin:0 auto; padding:0; width:100%; height:auto; max-width: 1200px; }
.progrw1{margin:0 auto; padding:2%; width:96%; height:auto; float: left;}
.progrw11{margin:0 auto; padding:4%; width:92%; height:auto; background: #fff;font-size:14px; color:#777; line-height:22px; text-align:left; border-radius: 25px;}
.progrw12{margin:20px auto; padding:2%; width:96%; height:auto; font-size:16px; color:#fff; line-height:22x; text-align:left;}

.progrw2{margin:0 auto; padding:2%; width:96%; height:auto; float: right;}
.progrw21{margin:2%; padding:2%; width:96%; height:auto; float: left;background: #fff;}
.progrw21 span{width:100%;font-size:12px; color:#666; line-height:30px; text-align:center;}
.progrw21 .titles{width:100%;font-size:12px; color:#666; line-height:30px; text-align:center;}

.progrwb{margin:30px auto; padding:0; width:100%; height:auto; background: #fff;}
.progrw3{margin:0 auto; padding:2%; width:96%; height:auto; float: left;}
.progrw31{margin:0 auto; padding:20px 4%; width:92%; height:auto; background: #f3f3f3;font-size:14px; color:#00a0e8; line-height:22px; text-align:left; font-weight: bold;}
.progrw32{margin:10px auto; padding:2%; width:96%; height:auto; font-size:14px; color:#666; line-height:22px; text-align:left;}

.progrw4{margin:0 auto; padding:2%; width:96%; height:auto; float: right;}
.progrw41{margin:0 2%; padding:2%; width:92%; height:auto; float: left;background: #fff;}
.progrw41 img{max-width:100%; height:auto;}

.progrw5{margin:0 auto; padding:0;padding:2%; width:96%; height:auto; float: left;}
.progrw5 img{max-width:100%; height:auto;}

.progrw6{margin:0 auto; padding:0; padding:2%; width:96%; height:auto; float: right;}
.progrw61{margin:10px auto; padding:5px 4%; width:92%; height:auto; background: #fff;border-radius: 4px; display: block;
  box-shadow: 0px 0px 14px rgba(191, 191, 191, 0.24);}

.progrw611{margin:0 auto; padding:0; width:100%; height:auto; text-align: center;}
.progrw611 img{max-width:100%; height:auto;}
.progrw612{margin:0 auto; padding:10px 0; width:100%; height:auto; float:right; font-size:14px; color:#666; line-height:22px; text-align:left;}
.progrw612 span{font-size:14px; color:#00a0e8; line-height:22px; text-align:left; font-weight: bold;}






#indexkehu{ margin:40px auto; padding:0; width:100%; height:auto; background:#f5f5f5;}
#indexkehu1{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
#indexkehu11{ margin:0 auto; padding:0; width:100%; height:auto; font-size:30px; text-align:center; line-height:40px; color: #00a0e9; }
#indexkehu12{ margin:0 auto; padding:0; width:100%; height:auto; font-size:24px; text-align:center; line-height:40px; color: #000; }
#indexkehu13{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
#indexkehu14{ margin:20px auto; padding:0; width:100%; height:auto;}


#indexkehu18{ margin:0 auto; padding:0; width:100%; height:auto;  }
#indexkehu18 ul{ margin:0 auto; padding:0; width:100%; height:auto;  }
#indexkehu18 ul li{ margin:0 auto; padding:0; width:90%; height:auto; margin-left:5%; margin-right:5%; text-align:center;  }
#indexkehu18 ul li span{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}

.producta1{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;color:#666;font-size:30px; text-align:center; line-height:40px;}
.producta11{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px;}
.producta11 td{ padding:10px 0; text-align:center; border:1px solid #f3f3f3; line-height:30px;}
.producta11 td.cc{ color:#fff; background:#00a0e9;}

.producta2{ margin:0 auto; padding:30px 0; width:100%; height:auto; max-width:1200px; }
.producta21{ margin:0 auto; padding:2%; width:96%; height:auto; float:left;color:#666;font-size:16px; text-align:left; line-height:30px;}
.producta21 span{color:#000;font-size:18px; text-align:left; line-height:30px;}
.producta22{ margin:0; padding:2%; width:96%; height:auto; float:left;}
.producta22 img{ max-width:100%; height:auto;}


/*xiaoshou*/
.conceptList{ margin-left: -0.5%;}
.conceptList dd{ float: left; display: block; width: 98%; min-height:300px; margin:1%; background-color: #f3f3f3; transition:0.3s; -webkit-transition:0.3s; position: relative; z-index: 1;}
.conceptList dd.cc{ float: left; display: block; width: 98%; background-color: #00a0e9;margin:1%;}
.conceptList dd.cc span{ color:#fff; padding:60px 0 10px 30px; text-align:left; font-size:30px; line-height:45px; padding-top:30px;}
.conceptList dd.cc span.cw{ margin:0; margin-left:30px; width:280px; color:#333; border-radius:20px; padding:5px 20px; background:#fff; display:block; text-align:left; font-size:16px; line-height:30px; font-weight:bold; }
.conceptList dd.cc p{ color:#fff; padding:20px 0 10px 30px; text-align:left; font-size:14px; line-height:30px;}
.conceptList dd:before{ content: "";  width:100%; height:4px; background:#e3001e; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; }
.conceptList .item{ padding: 25px 12% 35px;}
.conceptList .t{ font-size: 16px; color: #333333; border-bottom: 1px solid #cacaca; padding-bottom: 10px; margin-bottom: 25px;}
.conceptList dd:hover{  background-color: #f1f0f0;}
.conceptList dd:hover .t{ color: #CC0000;}
.conceptList dd:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}


.conceptList dd.cc:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); background-color: #00a0e9;}


/*shouce*/

#conshouce{margin:0 auto; padding:0; width:100%; height:auto; padding:30px 0; background:#f3f3f3;}
#conshouce1{margin:20px auto; padding:0; width:96%; height:auto; padding:2%; background:#fff; max-width:1080px;}
#conshouce11{margin:0; padding:0; width:96%; height:auto; float:left;padding:2%; }
#conshouce11 img{ max-width:100%; height:auto;}
#conshouce12{margin:0; padding:0; width:96%; height:auto; float:left;padding:2%;  font-size:14px; line-height:30px; color:#666;text-align:left;}


#conshouce13{margin:0; padding:0; width:96%; height:auto; float:left; padding:2%; font-size:14px; line-height:30px; color:#666;text-align:left;}
#conshouce14{margin:0; padding:0; width:96%; height:auto; float:left;padding:2%; }
#conshouce14 img{ max-width:100%; height:auto;}


#conshouce2{margin:20px auto; padding:0; width:96%; height:auto; padding:2%; background:#fff; max-width:1080px;}
#conshouce2 img{ max-width:100%; height:auto;}


#contitle1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:10px; font-size:18px; line-height:30px; color:#000; text-align:center;}
#contitle2{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:12px; font-family:Arial; line-height:30px; color:#888;text-align:center;}
#contitle3{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:14px; line-height:30px; color:#666;text-align:center;}
#contitle4{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:14px; line-height:30px; color:#666;}
#contitle4 td{ border:1px solid #fff;font-size:14px; line-height:30px; color:#666; background:#f3f3f3; text-align:center;}
#contitle4 td.lan{  font-size:14px; line-height:30px; color:#fff; background:#00a0e9; text-align:center;}
#contitle5{ margin:0 auto; padding:0; width:100%; height:auto; padding:0; font-size:14px; line-height:30px; color:#666;}
#contitle5 td{ border:1px solid #fff;font-size:14px; padding:0; line-height:30px; color:#666; background:#f3f3f3; text-align:center;}
#contitle5 td.lan{  font-size:14px; line-height:30px; color:#fff; background:#00a0e9; text-align:center;}

#contitle6{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; padding:30px 0; font-size:14px; line-height:30px; color:#666; text-align:center;}

.bansj{ margin:0 auto; padding: 0; width: 100%; height: auto;}
.bansj img{ max-width: 100%; height: auto;}


.zhuolu1{ margin: 20px 5px; padding:20px; background: #00a0e8; width: 100%; height: auto; }
.zhuolu1nei{ margin: 0 auto; padding:20px; width: 92%; height: auto; color: #fff; }

.zhuolu2{ margin: 40px auto; padding:40px 0; background: #f3f3f3; width: 100%; height: auto; }
.zhuolu1nei{ margin: 0 auto; padding:0; width: 100%; height: auto;  max-width: 1200px;}

.zhuolu1nei ul{ margin: 0 auto; padding:0; width: 100%; height: auto;}
.zhuolu1nei ul li{ margin:2%; padding:0; width: 96%; height: auto; background: #fff; float: left;}
.zhuolu1nei ul li img{ max-width: 100%; height: auto;}
.zhuolu1nei ul li .title{ margin:0; padding:0 3%; border-bottom: 1px dashed #f3f3f3;border-top: 1px dashed #f3f3f3; width: 94%; height: auto; font-size: 16px; font-weight: bold;color: #00a0e8; line-height: 30px; text-align: center;}
.zhuolu1nei ul li .con{ margin:0; padding:10px 4% 20px 4%; width: 92%; height: auto; font-size: 12px; line-height: 20px; text-align: left; color: #777;}

.zhuolu3{ margin: 40px auto; padding: 0; width: 100%; height: auto;max-width: 1200px; }
.zhuolu3 td{ border: 1px solid #f3f3f3; text-align: center; line-height: 40px;}


.zhuolu3 tr:nth-child(odd){background:#F4F4F4;}
.zhuolu3 tr:nth-child(even){background:#fff;}
.zhuolu3 tr:nth-child(1){ background: #00a0e8; color: #fff; line-height: 40px; padding: 5px 0;}
.zhuolu3 tr:nth-child(1) td{ line-height: 40px; padding: 5px 0;}

.con{ margin:0 auto; padding:0; width:96%; height:auto;}
.con li{ margin:0 auto; padding:0; width:23%; height:auto; margin:1%; float:left;}

/*hangye*/
.equivalent{ visibility:hidden; opacity:0;}
.content-box{ padding:48px 0; background:#f3f3f3;}
.content h2{ color:#595757; font-weight:normal; font-size:26px; text-align:center; line-height:normal; margin-bottom:36px;}
.content-info{ position:relative; width:46%; float:left; margin:2%; overflow:hidden;}
.content-info:last-child{ margin-right:0;}
.content-info figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.content-info figure img{ display:block; width:360px; height:285px; line-height:0; transition:466ms;}
.content-info figcaption{ display:block; height:55px; line-height:55px; color:#5d5d5d; font-size:16px; text-align:center; background:#fff;  width:100%; transition:335ms;}
.content-text{ width:100%; height:100%; background:rgba(0,160,233,0.8); background:#00a0e9\9; filter:alpha(opacity=80); box-sizing:border-box; padding:9px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:rotateY(-90deg); transition:450ms;}
.content-wr{ padding:30px 24px 32px 22px;}
.content-wr:before{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-left:1px solid #fff; border-right:1px solid #fff; box-sizing:border-box;}
.content-wr:after{ content:""; width:95%; height:95%; position:absolute; left:2.5%; top:2.5%; border-top:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}

.content-wr h3{ color:#ffffff; font-size:20px; line-height:normal; font-weight:normal; padding-bottom:12px; border-bottom:1px solid #fff; }
.content-wr p{ color:#ffffff; font-size:14px; margin-top:42px;}
.content-wr span{ color:#ffffff; font-size:14px; position:absolute; left:32px; bottom:38px; z-index:10;}
.content-wr span:hover{ text-decoration:underline;}
.content-info:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.content-info:hover figcaption{ bottom:-100%;}
.content-info:hover .content-text{ opacity:1; transform:rotateY(0); visibility:visible;}


.content-info1{ margin:0 auto; display:block;width:360px; float:left; height:340px; margin:20px 0 20px 0; background:#00a0e9;}
.content-info1 .cn{ margin:50px 0; padding:40px; width:auto; color:#fff; line-height:50px; font-size:28px; text-align:center;}


/*guige*/
#conguige{ margin:0 auto; padding:30px 0; width:96%; height:auto; max-width:1200px; }
.con{ margin:0 auto; padding:0; width:100%; height:auto;}
.con li{ margin:0 auto; padding:0; width:48%; height:auto; margin:1%; float:left;}


/*news*/
.news_info {
	padding:2%;
	font-size:16px; background:#fff;
	line-height:30px;
	margin-bottom:40px
}

.news_info img{ max-width:100%; height:auto;}


.news_info h1.title {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-bottom:10px;
	text-align:center
}
.news_info h1 {
	font-size:18px;
	color:#000;
	line-height:30px;
	margin-bottom:10px;
	text-align:center
}

.news_info .data {
	font-size:12px;
	color:#ccc;
	line-height:20px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info p{
	font-size:14px;
	color:#666;
	line-height:20px;
	margin-bottom:10px;
	text-align:left;
}
.news_info a{
	font-size:14px;
	color:#666;
	line-height:20px;
}

.news_info .prev {
	width:96%; padding:2%;
	font-size:12px;
	border:1px solid #eee;
	margin-top:20px;
	background:url(image/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	color:#ccc
}
.news_info .prev:hover {
	background:url(image/arrow_l.png) 1% center no-repeat #D2D2D2;color:#666;
}
.news_info .prev:hover a {
	color:#666
}
.news_info .next {
	width:96%; padding:2%;
	font-size:12px;
	border:1px solid #eee;
	margin-top:20px;
	background:url(image/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left;
	text-align:left
}
.news_info .next a {
	color:#ccc
}
.news_info .next:hover {
	background:url(image/arrow_r.png) 99% center no-repeat #D2D2D2; color:#666;
}
.news_info .next:hover a {
	color:#666
}



.clear {
	clear:both;
	visibility:hidden;
	display:block;
	font-size:0;
	line-height:0;
}
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {*zoom:1;}


.news-list li{ margin:0 auto; padding:0; width:94%;margin-bottom:20px; padding:3%; background:#f3f3f3; transition:560ms;}
.news-list li a{ display:block; padding:0;}
.news-list li figure{ display:block; line-height:normal; margin-bottom:30px;}
.news-list li figure img{ display:block; height:auto; transition:887ms;}
.news-list li figcaption{ padding:0;}
.news-list li figcaption h2{ color:#000000; font-size:16px; line-height:25px; font-weight:normal; }
.news-list li figcaption p{ color:#646464; font-size:12px; margin-top:35px; line-height:18px;}
.new-tome{ margin-top:30px;}
.new-tome span{ display:block; border:1px solid #00a0e9; height:33px; line-height:33px; padding-right:20px; padding-left:20px; text-align:center; color:#00a0e9; font-size:14px; float:left; position:relative; overflow:hidden;}
.new-tome span em{ color:#00a0e9; line-height:33px; font-style:normal; transition:640ms; position:relative; z-index:5;}
.new-tome span:before{ content:""; width:100%; height:100%; background:#00a0e9; position:absolute; left:-100%; top:0; transition:380ms;}
.new-tome time{ display:inline-block; float:left; line-height:35px; color:#969696; font-size:14px; margin-left:14px;}
.new-tome strong{ padding-right:56px; line-height:35px; color:#969696; font-size:14px; font-weight:normal; position:relative; float:right;}
.new-tome strong i{ display:block; width:35px; height:35px; background:url(../images/radius.png) center no-repeat; position:absolute; right:0; top:0; transition:520ms;}
.new-tome strong i:before{ content:""; width:9px; height:15px; position:absolute; left:15px; top:10px; background:url(../images/arrow1.png) center no-repeat; transition:620ms;}
.news-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.news-list li:hover{ box-shadow:0 0 8px #e1e1e1;}
.news-list li:hover .new-tome span em{ color:#fff;}
.news-list li:hover .new-tome span:before{ left:0;}
.news-list li:hover .new-tome strong i{ background:url(../images/radius7.png) center no-repeat;}
.news-list li:hover .new-tome strong i:before{ background:url(../images/arrow2.png) center no-repeat;}



.new-box { padding: 2%; background: #f5f5f5; position: relative; }
.new{ width: 100%; max-width:1200px; margin: auto; position: relative;} 
.new-list li{ width: 96%; float: left; margin-bottom: 20px; margin:2%; display:block;} 
.new-list li a{ display: block; margin: 0; padding:0;background: #fff; width:100%;}
.new-list li a figure{  margin: 0; padding:0;display: block; line-height: 1; overflow: hidden;width:100%;}
.new-list li a figure img{ display: block; width: 100%; height: auto; transition: 0.5s;}
.newdown{ padding: 20px 26px 26px; position: relative; z-index: 3; transition: 0.5s;}
.newdown h3{ color: #000000; font-size: 18px; line-height: 1.4; transition: 0.3s; font-weight: normal; margin-bottom: 24px; height: 50px; overflow: hidden;}
.newtime time{ display: block; float: left; padding-left: 20px; color: #969696; font-size: 12px; font-family: arial; line-height: 1; background: url(../images/time.png) 2px center no-repeat; transition: 0.4s;}
.newtime span{ display: block; line-height: 1; float: left; padding-left: 20px; color: #969696; font-size: 12px; font-family: arial; margin-left: 22px; background: url(../images/eye.png) left center no-repeat; transition: 0.4s;}
.new-list li:hover figure img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.new-list li:hover .newdown{ background: #00a0e9;}
.new-list li:hover .newdown h3{ color: #fff;}
.new-list li:hover .newtime time{ background: url(../images/time1.png) 2px center no-repeat; color: #fff;}
.new-list li:hover .newtime span{ background: url(../images/eye1.png) left center no-repeat; color: #fff;}

.new li img{ max-width:100%; height:auto;}


/*分页*/

.badoo{padding:10px 0px;font-size:13px;color:#666;;text-align:center;}
.badoo a{border:#f0f0f0 2px solid;padding:2px 5px;margin:0px 2px;border-left:#f0f0f0 2px solid;color:#666;text-decoration:none;}
.badoo a:hover{ background:#666;color:#fff; border:#666 2px solid;}
.badoo a:active{border:#666 2px solid;color:#666;}
.badoo span.current{border:#ff5a00 2px solid;padding:2px 5px;font-weight:bold;color:#fff;background-color:#ff6c16;}
.badoo span.disabled{display:none}


/*===================
	placeholder color
===================*/
::-webkit-input-placeholder {
   color: #666;
}

:-moz-placeholder { /* Firefox 18- */
   color: #666;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #666;  
}

:-ms-input-placeholder {  
   color: #666;  
}

/*===================
	login
===================*/ 
.login strong {
	display: block;
	position: relative;
	bottom: 5px;
}

.login .forgot {
	margin-bottom: 10px;
	display: block;
}

.login [type="checkbox"] + label {
	padding-left: 30px;
	color: #333;
}

.login [type="checkbox"]:checked + label::before {
	border-right: 2px solid #ff4531;
border-bottom: 2px solid #ff4531;
}

.login .button {
	margin-top: 12px;
	margin-bottom: 24px;
	width: 100%;
}

.login .create-account {
	text-align: center;
}

.login .or h5 {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 40px;
	height: 40px;
	background: #ff4531;
	color: #fff;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50%;
	line-height: 40px;
}

.login .or .button {
	margin-top: 12px;
	margin-bottom: 12px;
}

.login .facebook {
	background: #3b5998;
}

.login .twitter {
	background: #00aced;
}

.login .google {
	background: #dd4b39;
}

/*===================
	register
===================*/
.register .button {
	margin-top: 5px;
	margin-bottom: 14px;
	width: 100%;
}

.register .login-now {
	text-align: center;
	display: block;
}

.register .or h5 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 40px;
	height: 40px;
	background: #ff4531;
	color: #fff;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50%;
	line-height: 40px;
}

.register .or .button {
	margin-top: 12px;
	margin-bottom: 12px;
}

.register .facebook {
	background: #3b5998;
}

.register .twitter {
	background: #00aced;
}

.register .google {
	background: #dd4b39;
}

/*===================
	404 page
===================*/
.page-404 {
	text-align: center;
}

.page-404 h3 {
	font-size: 96px;
	color: #ff4531;
}

.page-404 h3 span {
	color: #ff4531;
}

.page-404 .button {
	margin: 10px 0;
	display: inline-block;
}

.page-404 .button a {
	color: #fff;
}

/*===================
	testimonial
===================*/
.testimonial {
	text-align: center;
	padding: 30px 0 15px 0;
}
.testimonial h2{
	text-align: center;
	padding: 0 ; color:#000; line-height:30px; font-size:20px;
}
.testimonial h3{
	text-align: center;
	padding: 0 ; color:#666; line-height:30px;font-size:18px;
}

.testimonial i {
	color: #ff4531;
	font-size: 30px;
}

.testimonial .app-title i {
	font-size: 26px;
	color: #ff4531;
}

.testimonial h6 {
	font-weight: 700;
}

.testimonial .app-title {
	margin-bottom: 10px;
}

.testimonial img {
	border-radius: 50%;
    margin: 5px 0 5px 0;
    height: 100px;
    width: 100px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0),0 1px 5px 0 rgba(0, 0, 0, 0.24),0 3px 1px -2px rgba(0, 0, 0, 0);
}

.testimonial .owl-theme .owl-controls .owl-page span {
	width: 10px;
	height: 10px;
}


/*baoxiu*/

.baoxiu{ margin:0 auto; padding:0; width:100%; height:auto;}
.baoxiu img{ max-width:100%; height:auto;}
/*===================
	faq
===================*/
.faq .collapsible {
	border: none;
	box-shadow: none;
}

.faq .collapsible li {
	margin-bottom: 6px;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.faq .collapsible li .collapsible-header {
	font-size: 16px;
	color: #666;
}

.faq .collapsible li .collapsible-header i {
	float: right;
	margin-right: 0;
	width: auto;
	font-size: 14px;
}

.faq .collapsible li .collapsible-body p {
	padding: 16px;
}

/*===================
	footer
===================*/
footer {
	background: #00a0e8;
	text-align: center;
	padding: 30px 0 0; z-index:9999;
}

footer h6 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

footer .icon-social {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 20px; color: #fff;
	margin-bottom: 15px; text-align:center;
}


footer ul li a {
	color: #fff;
}

footer .tel-fax-mail ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #fff;
}

footer .tel-fax-mail ul li {
	padding: 4px 0;
}

footer .tel-fax-mail ul li span {
	font-weight: bold;
	padding: 0;
	margin: 0;
}
footer .tel-fax-mail ul li span.big {
font-size:18px;}
footer .tel-fax-mail ul li span.big a{
font-size:18px; color:#fff;}

footer .ft-bottom {
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	border-top: 1px solid #d3f1ff;
}
.zhuolu1nei3{ margin: 0 auto; padding:0; width: 100%; height: auto;  max-width: 1200px;}

.zhuolu1nei3 ul{ margin: 0 auto; padding:0; width: 100%; height: auto;}
.zhuolu1nei3 ul li{ margin:1%; padding:1%; width: 96%; height: auto; background: #fff; float: left; min-height: 340px;}
.zhuolu1nei3 ul li img{ max-width: 100%; height: auto;}
.zhuolu1nei3 ul li .title{ margin:0; padding:0 3%; border-bottom: 1px dashed #f3f3f3;border-top: 1px dashed #f3f3f3; width: 94%; height: auto; font-size: 16px; font-weight: bold;color: #00a0e8; line-height: 30px; text-align: center;}
.zhuolu1nei3 ul li .con{ margin:0; padding:10px 4% 20px 4%; width: 92%; height: auto; font-size: 12px; line-height: 20px; text-align: left; color: #777; min-height: 100px;}

.zhuolu3{ margin: 10px auto; padding: 0; width: 100%; height: auto;max-width: 1200px; }
.zhuolu3 td{ border: 1px solid #f3f3f3; text-align: center; line-height: 20px;}
.zhuolu3 tr:nth-child(odd){background:#F4F4F4;}
.zhuolu3 tr:nth-child(even){background:#fff;}
.zhuolu3 tr:nth-child(1){ background: #00a0e8; color: #fff; line-height: 20px; padding: 5px 0;}
.zhuolu3 tr:nth-child(1) td{ line-height: 20px; padding: 5px 0;}



.footkong{display:block; width:100%;height:60px;}

.footdi { margin:0 auto; padding: 0; width: 100%; height: 50px; background: #b30400; display: block; position: fixed; bottom: 0; font-size: 18px; color: #fff; line-height: 50px; text-align: center;}
.footdi .tel a{margin:0 auto; padding: 0; width: 240px; height: auto; display: block; position: relative;background: url(../imgm/53.png) no-repeat left center;font-size: 18px; color: #fff; line-height: 50px; text-align: center;}


.footerp{display:block;position:fixed;}
.footer {  left:0; bottom:0; height:60px; width:100%; margin:0 auto; text-align:center; background:#0c8deb; }
.footer .a1 , .footer .a2 , .footer .a3 , .footer .a4 { display:block; width:23%; height:80px; z-index:999; }
.footer .a1 { background:#0c8deb; z-index:999;}
.footer .a2 { background:#0c8deb; z-index:999;}
.footer .a3 { background:#0c8deb; z-index:999;}
.footer .a4 { background:#0c8deb; z-index:999;}
.footer .a1 span { background:url(../imgm/53.png) no-repeat center top;  z-index:999;}
.footer .a2 span { background:url(../imgm/51.png) no-repeat center top; z-index:999;}
.footer .a3 span { background:url(../imgm/52.png) no-repeat center top; z-index:999; }
.footer .a4 span { background:url(../imgm/54.png) no-repeat center top; z-index:999; }
.footer .a1 span , .footer .a2 span , .footer .a3 span , .footer .a4 span { display:block; height:40px; color:#FFF; font-size:12px; padding-top:40px; font-weight:normal; }
.fenxz{ display:none; position:absolute; right:20px; top:-105px;background:url(../imgm/fenx_bg.png); width:280px; height:80px; padding:15px 0 0 20px; line-height:1.5;}
.jt{ position:absolute; right:7px; bottom:7px; width:18px; height:18px; cursor:pointer;}
.teamNav { color:#fff; font-family:"宋体"; width:90px; height:24px; display:block; margin:0 7px 5px 0; background:#00468e; text-align:center;}
.teanNavCon { padding:10px 0 5px 8px; }
.intro_tit { width:100px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; background:#00468e; margin:2px 0 10px 8px;}
.intro { border-bottom:1px solid #dce3ee;}
.intro_more { text-align:center; height:35px; line-height:34px; border-top:1px solid #dce2ee;}
.intro_more a {color:#cc0000; }
.intro p { padding:0 10px 10px; line-height:40px; color:#666;}
.fanye { color:#669933; margin:20px 50px 0 50px; width:300px; text-alige:center;}
.fanye a { color:#669933;}
.fanye a:hover { color:#fff;}
#pageprv,#pagenext { color:#666;}
.fanye span.current {border:solid 1px #8fc149; background:#8fc149; color:#fff; text-decoration:none;}
.fanye a,.fanye span { padding:4px 7px; border:solid 1px #ccc; line-height:30px;}
.fanye a:hover,#pagenext:hover { border:solid 1px #8fc149; background:#8fc149; color:#fff; text-decoration:none;}
.fanye #pagehome,#pageend { display:none;}