/* 织梦帮（dedesos.com）做最好的织梦整站模板下载网站 */
@charset "UTF-8";
/* mixin */
/* caret 三角箭头 */
/* mixin end */
/* variable */
/* common css */
body {
	font-family: "Microsoft Yahei", sans-serif;
}
a {
	color: #666;
	text-decoration: none;
}
a:hover, a:focus {
	color: #989898;
	text-decoration: none;
}
.container-fluid .row-static {
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 780px) {
.container-fluid .row-static {
	max-width: 750px;
}
}
@media (min-width: 992px) {
.container-fluid .row-static {
	max-width: 962px;
}
}
@media (min-width: 1200px) {
.container-fluid .row-static {
	max-width: 1170px;
}
}
.header {
	display: table;
	width: 100%;
}
.header .logo {
	position: absolute;
}
.header .logo a {
	height: 100%;
	display: block;
}
.header .logo a > img {
	width: auto;
	max-height: 100%;
}
.header .logo .navbar-brand {
	padding: 0 15px;
	font-size: 24px;
	line-height: 50px;
	height: 50px;
	cursor: default;
	text-align: center;
	color: #fff;
}
 @media (min-width: 768px) and (max-width: 1100px) {
.navbar-header {
	/* width: 100%; */
	width: auto;
}
}
@media (max-width: 768px) {
.navbar-header .logo {
	width: 70%;
}
.navbar-header .logo img {
	max-width: 100%;
}
}
.navbar {
	margin-bottom: 0px;
	-webkit-border-radius: 0px important;
	-moz-border-radius: 0px important;
	border-radius: 0px important;
}
.nav.navbar-nav li a {
	color: #505050;
}
.nav.navbar-nav li.active a:hover, .nav.navbar-nav li.active a:focus {
	color: #666;
}
.nav.navbar-nav li.open ul li.active a {
	color: #666;
}
.nav.navbar-nav li.open ul li > a {
	color: #505050;
}
.nav.navbar-nav li > .dropdown-menu > li {
	position: relative;
}
.nav.navbar-nav li > .dropdown-menu > li > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.nav.navbar-nav li > .dropdown-menu > li > .dropdown-menu > li {
	border-bottom: 0;
}
.nav.navbar-nav li > .dropdown-menu > li > .dropdown-menu > li:hover {
	border-bottom: 0px;
}
.nav.navbar-nav li > .dropdown-menu > li:hover > .dropdown-menu {
	display: block;
}
body, div {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
p {
	line-height: 2em;
	font-size: 1.17em;
}
/* common style */
body {
	font-family: "Microsoft Yahei", sans-serif;
}
a {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
	color: gray;
}
.header {
	display: table;
	margin: 0 auto;
	width: 100%;
}
.header .nav {
	display: table-cell;
	float: right;
	margin-top: 10px;
}
/* nav */
.navbar-header {
	height: 90px;
}
.navbar-header > .navbar-brand {
	margin: 0;
	padding: 0;
	position: relative;
	text-align: left;
}
.navbar-header > .navbar-brand a {
	display: block;
	height: 100%;
}
.navbar-header > .navbar-brand a img {
	vertical-align: middle;
	width: auto;
	max-height: 100%;
}
.navbar-header .logo {
	position: absolute;
	height: 36px;
	top: 24px;
}
 @media (min-width: 768px) and (max-width: 1100px) {
.navbar-header {
	height: 50px;
}
.navbar-header > .logo {
	height: 50px;
	top: 10px;
}
}
 @media (max-width: 768px) {
.navbar-header > .logo {
	height: 34px;
	top: 30px;
}
}
.navbar-inverse {
	background-color: #3897ea;
	border: none;
}
.navbar-inverse .navbar-brand {
	color: #3897ea;
}
.navbar-inverse .navbar-nav {
	margin-top: 30px;
}
.navbar-inverse .navbar-nav > li {
	border-bottom: none;
}
.navbar-inverse .navbar-nav > li > a {
	color: #3897ea;
	display: block;
	min-width: 100px;
	margin: 0 4px;
	font-size: 16px;
	height: 34px;
	line-height: 34px;
	/*color: $color-inverse;*/
	padding: 0;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
 @media (max-width: 768px) {
.navbar-inverse .navbar-nav > li > a {
	margin: 0;
	font-size: 14px;
	padding: 8px 0;
	line-height: 14px;
	height: auto;
}
}
.navbar-inverse .navbar-nav > li.active, .navbar-inverse .navbar-nav > li:hover {
	border-bottom: none;
}
.navbar-inverse .navbar-nav > li.active > a, .navbar-inverse .navbar-nav > li:hover > a {
	background: #56a7ed;
	color: #fff;
}
.navbar-inverse .navbar-nav > li > ul {
	border: 1px solid #3897ea;
	background: #fff;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	left: 0;
}
.navbar-inverse .navbar-nav > li > ul li {
	border-bottom: none;
}
.navbar-inverse .navbar-nav > li > ul li > a {
	color: #3897ea;
	line-height: 24px;
}
.navbar-inverse .navbar-nav > li > ul li:hover {
	border-bottom: none;
}
.navbar-inverse .navbar-nav > li > ul li:hover a {
	color: #3897ea;
	border-bottom: none;
}
.navbar-inverse .navbar-nav > li > ul li ul {
	padding: 0;
}
.navbar-inverse .navbar-nav > li > ul li ul li {
	border-bottom: none;
}
 @media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #fff;
	background: #56a7ed;
}
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	background: #56a7ed;
}
.nav.navbar-nav li.active a:hover, .nav.navbar-nav li.active a:focus {
	color: #fff;
	background: #3897ea;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #74b6f0;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
	background-color: #fff;
}
.navbar-inverse .navbar-toggle:hover > .icon-bar,  .navbar-inverse .navbar-toggle:focus > .icon-bar {
	background-color: #3897ea;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: #3897ea;
}
.navbar-inverse .navbar-toggle {
	border-color: #3897ea;
}
.navbar-inverse .navbar-toggle > .icon-bar {
	background-color: #3897ea;
}
.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 15px;
	padding: 9px 10px;
	margin-top: 30px;
	margin-bottom: 13px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.navbar-brand {
	padding: 0 15px;
	font-size: 24px;
	cursor: default;
	margin-top: 34px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	display: table-cell;
	vertical-align: middle;
}
.navbar-brand > img {
	display: table-cell;
	vertical-align: middle;
	height: auto;
	max-height: 100%;
}
.navbar {
	min-height: 60px;
	line-height: 60px;
	margin-bottom: 0px;
	-webkit-border-radius: 0px important;
	-moz-border-radius: 0px important;
	border-radius: 0px important;
}
 @media (min-width: 768px) {
.navbar {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
}
.content img {
	width: auto;
	max-width: 100%;
}
/* nav end */
/* 图片轮播 */
.sys_carousel_02 {
	position: relative;
}
.sys_carousel_02 .content {
	position: relative;
}
.sys_carousel_02 .content > * {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.sys_carousel_02 .content > *.active {
	position: relative;
	display: block;
}
.sys_carousel_02 .content .carousel-item {
	display: block;
	line-height: 0px;
	font: 0/0 arial;
}
.sys_carousel_02 .content .carousel-item > a {
	display: block;
	line-height: 0px;
	font: 0/0 arial;
}
.sys_carousel_02 .content .carousel-item .text {
	text-align: center;
	position: absolute;
	top: 20%;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
}
.sys_carousel_02 .content .carousel-item .text > h1 {
	font-size: 3.5em;
}
.sys_carousel_02 .content .carousel-item .text > h2 {
	font-size: 3em;
}
.sys_carousel_02 .content .carousel-item .text > h3 {
	font-size: 2.5em;
}
.sys_carousel_02 .content .carousel-item .text > p,  .sys_carousel_02 .content .carousel-item .text span,  .sys_carousel_02 .content .carousel-item .text em {
	font-size: 2em;
}
.sys_carousel_02 .content .carousel-item .text > * {
	color: #fff;
}
.sys_carousel_02 > .control {
	position: absolute;
	display: block !important;
	width: 48px;
	height: 60px;
	line-height: 60px;
	top: 50%;
	margin-top: -30px;
	background: rgba(255, 255, 255, 0.3);
	font-size: 36px;
	font-weight: 400;
	text-align: center;
	color: #ddd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.sys_carousel_02 > .control:hover {
	background: rgba(255, 255, 255, 0.6);
	color: #fff;
	cursor: pointer;
}
.sys_carousel_02 > .control.prev {
	left: 1em;
}
.sys_carousel_02 > .control.next {
	right: 1em;
}
.sys_carousel_02 > .indicators {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: absolute;
	bottom: 1em;
	left: 50%;
}
.sys_carousel_02 > .indicators > li {
	display: block;
	float: left;
	margin: 0 4px;
	cursor: pointer;
	height: 12px;
	width: 12px;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.sys_carousel_02 > .indicators > li.active {
	background-color: #ffa31a;
}
.sys_carousel_02 > .indicators > li:hover {
	background-color: #ff9900;
}
/* 图片轮播 end */
.content img {
	width: auto;
	max-width: 100%;
}
/* 区域标题 */
.block-title {
	display: block;
	position: relative;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 40px;
	text-align: center;
}
.block-title > h3.title {
	font-size: 30px;
	color: #444;
	line-height: 30px;
	margin: 0;
	margin-bottom: 16px;
	font-weight: normal;
}
.block-title > p.sub-title {
	font-size: 16px;
	line-height: 16px;
	color: #888;
	display: inline-block;
	margin: 0;
}
.block-title > .line {
	position: relative;
}
.block-title > .line > span.short-line {
	width: 380px;
	height: 1px;
	background: #e2e2e2;
	position: absolute;
	display: inline-block;
	left: 50%;
	margin-left: -190px;
	top: 0px;
	display: none;
}
.block-title > .line > span.long-line {
	width: 30px;
	height: 1px;
	background: #3897ea;
	position: absolute;
	display: inline-block;
	left: 50%;
	margin-left: -15px;
	top: -1px;
}
.block-title.block-title2 {
	text-align: center;
}
.block-title.block-title2 > h3.title {
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 10px;
}
.block-title.block-title2 > p.sub-title {
	color: #fff;
	font-size: 14px;
	line-height: 36px;
}
.block-title.block-title2 > .line {
	display: none;
	position: relative;
}
.block-title.block-title2 > .line > span.short-line {
	background: #e2e2e2;
}
.block-title.block-title2 > .line > span.long-line {
	background: #3897ea;
}
 @media (max-width: 768px) {
.block-title > .line span.short-line {
	width: 100%;
	margin-left: -50%;
}
}
.article {
	/* article-horizontal */
	zoom: 1;
/* article-vertical */ }
.article.article-horizontal > .article-img img {
	width: auto;
	max-width: 100%;
}
.article.article-horizontal > .article-body .title {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 1.5em;
}
.article.article-horizontal > .article-body .sub-title {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.article:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.article.article-vertical {
	float: left;
	width: 48%;
	margin: 0 1%;
	background: #fff;
	margin-bottom: 40px;
	zoom: 1;
}
.article.article-vertical:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.article.article-vertical .article-img .img_bg {
	width: 100%;
	height: 310px;
	margin: 0 auto;
	margin-bottom: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.article.article-vertical > .article-body {
	overflow: hidden;
	zoom: 1;
	vertical-align: top;
	padding: 0 0 0 0em;
	zoom: 1;
}
.article.article-vertical > .article-body:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.article.article-vertical > .article-body .title {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	color: #3a3a3a;
	margin-bottom: 8px;
	line-height: 24px;
}
.article.article-vertical > .article-body .sub-title {
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
	margin-bottom: 6px;
}
.article.article-vertical > .article-body .article-create {
	display: block;
	margin-bottom: 10px;
}
.article.article-vertical:hover > .article-body .title {
	color: #3897ea;
}
 @media (max-width: 780px) {
.article.article-vertical {
	width: 100%;
	float: none;
	margin: 0;
	margin-bottom: 40px;
}
}
/* cus-thumbnail 缩略图 */
.cus-thumbnail {
	padding: 10px;
	margin-bottom: 20px;
	background: #fff;
}
.cus-thumbnail .img {
	text-align: center;
	margin-bottom: 14px;
}
.cus-thumbnail .img img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}
.cus-thumbnail .cont {
	text-align: center;
	padding-bottom: 10px;
}
.cus-thumbnail .cont > p {
	font-size: 16px;
	margin: 0;
	line-height: 28px;
}
.cus-thumbnail.cus-thumbnail-href a {
	display: block;
}
.cus-thumbnail.cus-thumbnail-href a .img {
	text-align: center;
	margin-bottom: 14px;
}
.cus-thumbnail.cus-thumbnail-href a .img img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 4px solid #e1e1e1;
}
.cus-thumbnail.cus-thumbnail-href a .cont {
	text-align: center;
	padding-bottom: 10px;
}
.cus-thumbnail.cus-thumbnail-href a .cont > p {
	font-size: 16px;
	margin: 0;
	line-height: 28px;
}
/* media 媒体(图文混排) */
.media {
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top: 15px;
}
.media .media-image {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: top;
	width: 36%;
	text-align: center;
	padding: 4px;
}
.media .media-image > img {
	width: auto;
	max-width: 100%;
}
.media .media-body {
	padding: 4px 8px;
	display: table-cell;
	vertical-align: top;
	width: 10000px;
	overflow: hidden;
	zoom: 1;
}
.media .media-body > .title {
	margin: 8px 0px;
}
.media .media-body > p {
	color: #666;
	margin: 0;
	margin-bottom: 14px;
	line-height: 28px;
	font-size: 14px;
}
/* sys_gallery_01 相册 */
.sys_gallery_01.gallery-3 {
	zoom: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sys_gallery_01.gallery-3:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.sys_gallery_01.gallery-3 .gallery-item {
	float: left;
	width: 31.3333%;
	margin: 0 1%;
	margin-bottom: 24px;
	text-align: center;
	cursor: pointer;
	transition: .5s;
}
.sys_gallery_01.gallery-3 .gallery-item > img {
	width: auto;
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
}
.sys_gallery_01.gallery-3 .gallery-item > p.name {
	text-align: center;
	line-height: 48px;
	margin: 0;
	color: #666;
}
 @media (max-width: 992px) {
.sys_gallery_01.gallery-3 .gallery-item {
	width: 48%;
}
}
 @media (max-width: 768px) {
.sys_gallery_01.gallery-3 .gallery-item {
	width: 100%;
	margin: 0;
}
}
.sys_gallery_01.gallery-3 .gallery-item:hover > img {
	box-shadow: 6px 6px 12px #eee, -6px -6px 12px #eee;
}
.sys_gallery_01.gallery-3 > .gallery-mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*获取颜色透明度值，并转换成百分比*/
    /*使颜色不透明*/
	background: #5a5a5a;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(0, 0, 0, 0.3);
/*设置透明颜色，为支持rgba颜色的浏览器服务 */ }
.sys_gallery_01.gallery-3 > .gallery-mask.active {
	display: block;
}
.sys_gallery_01.gallery-3 > .gallery-show {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.sys_gallery_01.gallery-3 > .gallery-show.active {
	display: block;
}
.sys_gallery_01.gallery-3 > .gallery-show img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}
.sys_gallery_01.gallery-3 > .gallery-show > p.name {
	text-align: center;
	color: #3897ea;
}
.sys_gallery_01.gallery-3 > .gallery-show .control {
	position: absolute;
	display: inline-block;
	top: 50%;
	margin-top: -1.5em;
	padding: 0 8px;
	height: 3em;
	line-height: 3em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*获取颜色透明度值，并转换成百分比*/
      /*使颜色不透明*/
	background: white;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(255, 255, 255, 0.3);
	/*设置透明颜色，为支持rgba颜色的浏览器服务 */
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	cursor: pointer;
}
.sys_gallery_01.gallery-3 > .gallery-show .control:hover {
	color: #878787;
	/*获取颜色透明度值，并转换成百分比*/
        /*使颜色不透明*/
	background: white;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(255, 255, 255, 0.7);
/*设置透明颜色，为支持rgba颜色的浏览器服务 */ }
.sys_gallery_01.gallery-3 > .gallery-show .control.prev {
	left: 1.5em;
}
.sys_gallery_01.gallery-3 > .gallery-show .control.next {
	right: 1.5em;
}
.sys_gallery_01.gallery-4.gallery-index2 {
	zoom: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sys_gallery_01.gallery-4.gallery-index2:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.sys_gallery_01.gallery-4.gallery-index2 .gallery-item {
	float: left;
	width: 23%;
	margin: 0 1%;
	margin-bottom: 24px;
	cursor: pointer;
	transition: .5s;
	position: relative;
	top: 0;
}
.sys_gallery_01.gallery-4.gallery-index2 .gallery-item > img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}
.sys_gallery_01.gallery-4.gallery-index2 .gallery-item .text {
	padding: 10px 0;
	padding-left: 15px;
	border-bottom: 2px solid #fff;
	transition: .5s;
}
.sys_gallery_01.gallery-4.gallery-index2 .gallery-item .text .title {
	margin: 0;
	font-size: 14px;
	margin-bottom: 4px;
}
.sys_gallery_01.gallery-4.gallery-index2 .gallery-item .text > p.name {
	line-height: 18px;
	margin: 0;
	color: #666;
}
.sys_gallery_01.gallery-4.gallery-index2 .gallery-item:hover {
	top: -4px;
}
.sys_gallery_01.gallery-4.gallery-index2 .gallery-item:hover .text {
	border-bottom: 2px solid #297be9;
	box-shadow: 6px 0px 12px #eaeaea, -6px 0px 12px #eaeaea, 0px 6px 12px #eaeaea;
}
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*获取颜色透明度值，并转换成百分比*/
    /*使颜色不透明*/
	background: #5a5a5a;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(0, 0, 0, 0.3);
/*设置透明颜色，为支持rgba颜色的浏览器服务 */ }
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-mask.active {
	display: block;
}
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-show {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-show.active {
	display: block;
}
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-show img {
	width: auto;
	max-width: 100%;
	vertical-align: middle;
}
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-show > p.name {
	text-align: center;
	color: #3897ea;
}
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-show .control {
	position: absolute;
	display: inline-block;
	top: 50%;
	margin-top: -1.5em;
	padding: 0 8px;
	height: 3em;
	line-height: 3em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*获取颜色透明度值，并转换成百分比*/
      /*使颜色不透明*/
	background: white;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(255, 255, 255, 0.3);
	/*设置透明颜色，为支持rgba颜色的浏览器服务 */
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	cursor: pointer;
}
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-show .control:hover {
	color: #878787;
	/*获取颜色透明度值，并转换成百分比*/
        /*使颜色不透明*/
	background: white;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(255, 255, 255, 0.7);
/*设置透明颜色，为支持rgba颜色的浏览器服务 */ }
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-show .control.prev {
	left: 1.5em;
}
.sys_gallery_01.gallery-4.gallery-index2 > .gallery-show .control.next {
	right: 1.5em;
}
.sys_gallery_01.gallery-3.gallery-index {
	zoom: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sys_gallery_01.gallery-3.gallery-index:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.sys_gallery_01.gallery-3.gallery-index .gallery-item {
	float: left;
	width: 31.3333%;
	margin: 0 1%;
	margin-bottom: 24px;
	text-align: center;
	cursor: pointer;
	transition: .5s;
	border-bottom: 1px solid #d2cbcb;
}
.sys_gallery_01.gallery-3.gallery-index .gallery-item > img {
	width: auto;
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
	margin-bottom: 10px;
}
.sys_gallery_01.gallery-3.gallery-index .gallery-item > .title {
	font-size: 18px;
	color: #333;
	margin: 0;
}
.sys_gallery_01.gallery-3.gallery-index .gallery-item > p.name {
	text-align: center;
	line-height: 30px;
	margin: 0;
	color: #666;
}
 @media (max-width: 992px) {
.sys_gallery_01.gallery-3.gallery-index .gallery-item {
	width: 48%;
}
}
 @media (max-width: 768px) {
.sys_gallery_01.gallery-3.gallery-index .gallery-item {
	width: 100%;
	margin: 0;
}
}
.sys_gallery_01.gallery-3.gallery-index .gallery-item:hover {
	border-bottom: 1px solid #3897ea;
}
.sys_gallery_01.gallery-3.gallery-index .gallery-item:hover > img {
	box-shadow: 6px 6px 12px #eee, -6px -6px 12px #eee;
}
.sys_gallery_01.gallery-3.gallery-index > .gallery-mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*获取颜色透明度值，并转换成百分比*/
    /*使颜色不透明*/
	background: #5a5a5a;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(0, 0, 0, 0.3);
/*设置透明颜色，为支持rgba颜色的浏览器服务 */ }
.sys_gallery_01.gallery-3.gallery-index > .gallery-mask.active {
	display: block;
}
.sys_gallery_01.gallery-3.gallery-index > .gallery-show {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.sys_gallery_01.gallery-3.gallery-index > .gallery-show.active {
	display: block;
}
.sys_gallery_01.gallery-3.gallery-index > .gallery-show img {
	width: auto;
	width: 100%;
	max-width: 100%;
	vertical-align: middle;
	margin-bottom: 10px;
}
.sys_gallery_01.gallery-3.gallery-index > .gallery-show > p.name {
	text-align: center;
	color: #3897ea;
}
.sys_gallery_01.gallery-3.gallery-index > .gallery-show .control {
	position: absolute;
	display: inline-block;
	top: 50%;
	margin-top: -1.5em;
	padding: 0 8px;
	height: 3em;
	line-height: 3em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/*获取颜色透明度值，并转换成百分比*/
      /*使颜色不透明*/
	background: white;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(255, 255, 255, 0.3);
	/*设置透明颜色，为支持rgba颜色的浏览器服务 */
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	cursor: pointer;
}
.sys_gallery_01.gallery-3.gallery-index > .gallery-show .control:hover {
	color: #878787;
	/*获取颜色透明度值，并转换成百分比*/
        /*使颜色不透明*/
	background: white;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(255, 255, 255, 0.7);
/*设置透明颜色，为支持rgba颜色的浏览器服务 */ }
.sys_gallery_01.gallery-3.gallery-index > .gallery-show .control.prev {
	left: 1.5em;
}
.sys_gallery_01.gallery-3.gallery-index > .gallery-show .control.next {
	right: 1.5em;
}
/* 高德地图 */
#amap {
	height: 360px;
	width: 100%;
}
.articles {
	zoom: 1;
}
.articles:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
/* cus-tab tab切换 */
.cus-tab {
	text-align: center;
}
.cus-tab ul.tab-list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	zoom: 1;
	display: inline-block;
	margin-bottom: 10px;
}
.cus-tab ul.tab-list:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.cus-tab ul.tab-list > li {
	float: left;
	margin-bottom: -1px;
	position: relative;
	margin-right: 30px;
	margin-bottom: 10px;
}
.cus-tab ul.tab-list > li a {
	display: block;
	line-height: 1.17em;
	padding: 14px 40px;
	border: 1px solid transparent;
}
.cus-tab ul.tab-list > li span {
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #fff;
}
.cus-tab ul.tab-list > li.active a, .cus-tab ul.tab-list > li:hover a {
	background-color: #3897ea;
	border-bottom-color: transparent;
	color: #fff;
}
.cus-tab ul.tab-list > li.active span, .cus-tab ul.tab-list > li:hover span {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #3897ea;
}
 @media (max-width: 768px) {
.cus-tab ul.tab-list > li {
	margin-right: 0;
}
}
.cus-tab > .tab-content-box {
	padding: 1em;
}
.cus-tab > .tab-content-box > .tab-panel {
	display: none;
}
.cus-tab > .tab-content-box > .tab-panel.active {
	display: block;
}
/* breadcrumb 面包屑导航 */
.breadcrumb {
	zoom: 1;
	background: #3897ea;
	margin-bottom: 0;
	padding: 0;
}
.breadcrumb:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.breadcrumb > p {
	float: left;
	margin: 0;
	color: #fff;
}
.breadcrumb > ol {
	list-style: none;
	zoom: 1;
	margin: 0;
}
.breadcrumb > ol:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.breadcrumb > ol > li {
	display: inline-block;
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 28px;
}
.breadcrumb > ol > li > a {
	color: #fff;
}
.breadcrumb > ol > li > a:hover {
	text-decoration: underline;
}
.breadcrumb > ol > li:before {
	content: "/\00a0";
	padding: 0 2px 0 5px;
}
.breadcrumb > ol > li:first-child:before {
	display: none;
	content: "";
}
/* footer */
.footer {
	width: 100%;
	margin: 0 auto;
	padding: 1em 0px;
}
/*  qr-code 关注我们 */
.qr-code {
	zoom: 1;
}
.qr-code:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.qr-code .cont-box {
	width: 33.33333%;
	float: left;
	position: relative;
	cursor: pointer;
}
.qr-code .cont-box .img1 {
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.qr-code .cont-box .img2 {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.qr-code .cont-box:hover .img1 {
	opacity: 0;
}
.qr-code .cont-box:hover .img2 {
	opacity: 1;
}
/* ft-nav 底部导航 */
.ft-nav {
	list-style: none;
	border-bottom: 1px dashed #fff;
	text-align: center;
	padding: 30px 0;
	margin-bottom: 10px;
}
.ft-nav > ul {
	zoom: 1;
	display: inline-block;
	margin: 0;
}
.ft-nav > ul:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.ft-nav > ul > li {
	font-size: 16px;
	list-style: none;
	float: left;
	margin: 0 24px;
}
.ft-nav > ul > li > a {
	color: #fff;
}
.ft-nav > ul > li > a:hover {
	color: #666;
}
 @media (max-width: 768px) {
.ft-nav {
	display: none;
}
}
/* ft-linkNav 底部友情菜单 */
.ft-linkNav {
	list-style: none;
	text-align: center;
}
.ft-linkNav .title {
	color: #fff;
	margin: 0;
	font-size: 16px;
	margin-bottom: 10px;
}
.ft-linkNav > ul {
	zoom: 1;
	display: inline-block;
	margin: 0;
}
.ft-linkNav > ul:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.ft-linkNav > ul > li {
	font-size: 14px;
	list-style: none;
	float: left;
	margin: 0 8px;
}
.ft-linkNav > ul > li > a {
	color: #fff;
}
.ft-contact {
	color: #fff;
}
.ft-contact .tel {
	zoom: 1;
	margin-bottom: 4px;
	padding-top: 20px;
}
.ft-contact .tel:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.ft-contact .tel .img {
	float: left;
	text-align: center;
	width: 20%;
}
.ft-contact .tel .img img {
	margin-top: 4px;
	max-width: 100%;
}
.ft-contact .tel .text {
	float: left;
	width: 80%;
	padding-top: 10px;
}
.ft-contact .tel .text h3 {
	color: #666;
	font-size: 14px;
	margin: 0;
	font-weight: normal;
}
.ft-contact .tel .text p {
	font-size: 14px;
	margin: 0;
	color: #666;
}
.ft-contact .address p {
	margin: 0;
	font-size: 14px;
	line-height: 28px;
	color: #666;
}
.ft-contact .number {
	zoom: 1;
}
.ft-contact .number:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.ft-contact .number p {
	margin-left: 2em;
	color: #c4c3c3;
	margin: 0;
	line-height: 24px;
}
/* message 留言 */
.message {
	margin-bottom: 100px;
}
.message .clearfix {
	zoom: 1;
}
.message .clearfix:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.message .border {
	width: 100%;
	box-sizing: border-box;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.message input {
	border: 0px;
	border-bottom: 1px solid #dadada;
	width: 100%;
	height: 48px;
	line-height: 28px;
	padding: 10px;
	font-size: 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.message input[type="button"] {
	display: block;
	width: 100px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	position: relative;
	top: 2px;
	background: #3897ea;
	cursor: pointer;
	padding: 0;
	color: #fff;
}
.message input[type="button"]:hover {
	background: #54a5ed;
}
.message textarea {
	width: 100%;
	min-height: 28px;
	border: none;
	font-size: 16px;
	line-height: 28px;
	padding: 10px 10px;
	border: 0px;
	border-bottom: 1px solid #dadada;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/* contact */
.contact .title {
	color: #794f1d;
}
.contact .title em {
	display: inline-block;
	font-style: normal;
	font-size: 32px;
}
.contact .title p {
	display: inline-block;
	font-size: 26px;
	margin: 0;
	margin-right: 20px;
}
.contact .con-box span {
	display: block;
	width: 100%;
}
.contact .con-box span i {
	text-align: center;
	display: inline-block;
	font-size: 18px;
	margin-right: 20px;
	width: 20px;
	margin-top: 2px;
}
.contact .con-box span p {
	display: inline-block;
	margin: 0;
	line-height: 38px;
}
/* thumbnail */
.thumbnail {
	margin: 0;
	padding: 0;
	padding: 0 10px;
	border: none;
	margin-bottom: 40px;
}
.thumbnail .title {
	margin-bottom: 10px;
}
.thumbnail .title h3 {
	font-size: 20px;
	margin: 0;
	line-height: 22px;
	color: #333;
}
.thumbnail .cont {
	zoom: 1;
}
.thumbnail .cont:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.thumbnail .cont .img {
	float: left;
	text-align: center;
	width: 20%;
	padding-top: 6px;
}
.thumbnail .cont .img img {
	max-width: 100%;
}
.thumbnail .cont .text {
	float: left;
	width: 80%;
}
.thumbnail .cont .text p {
	margin: 0;
	line-height: 24px;
}
.thumbnail:hover i {
	color: #3897ea;
}
/* introduce 介绍 */
.introduce {
	zoom: 1;
}
.introduce:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.introduce.introduce-index {
	margin-bottom: 20px;
	text-align: center;
	max-width: 250px;
	margin: 0 auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.introduce.introduce-index img {
	margin-bottom: 14px;
	max-width: 100%;
}
.introduce.introduce-index h3 {
	margin: 0;
	color: #333;
	font-size: 16px;
	margin-bottom: 12px;
}
.introduce.introduce-index p {
	color: #666;
	margin: 0;
	font-size: 14px;
	line-height: 22px;
}
.introduce.introduce-team {
	background: #fff;
	margin-bottom: 30px;
	padding-bottom: 10px;
	max-width: 280px;
	margin: 0 auto;
}
.introduce.introduce-team .img_bg {
	width: 100%;
	height: 180px;
	margin: 0 auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 16px;
}
.introduce.introduce-team .text {
	border: 1px solid #e5e5e5;
	padding: 26px;
}
.introduce.introduce-team .text h3 {
	text-align: center;
	margin: 0;
	margin-bottom: 6px;
	font-size: 18px;
	font-weight: normal;
}
.introduce.introduce-team .text h3 em {
	font-size: 14px;
	color: #888;
	font-style: normal;
}
.introduce.introduce-team .text p {
	margin: 0;
	font-size: 12px;
	line-height: 22px;
}
/* ---------------- 系统模块 ---------------- */
/* 详情列表 */
.detailedList dl dt {
	margin-bottom: 20px;
	font-size: 16px;
	color: #696969;
}
.detailedList dl dd {
	font-size: 12px;
	line-height: 32px;
}
/* 人物、案例详情页 */
.detailedCont {
	border: 1px solid #ddd;
	padding: 20px;
}
.detailedCont h3.title {
	color: #333;
	font-size: 20px;
	margin: 0;
	font-weight: normal;
	margin-bottom: 4px;
}
.detailedCont p.sub-title {
	font-size: 16px;
	color: #666;
	margin: 0;
	margin-bottom: 20px;
}
.detailedCont img {
	max-width: 100%;
	margin-bottom: 10px;
}
.detailedCont p {
	color: #999;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 20px;
}
/* 新闻详情页左侧导航 */
.classify_nav .title {
	color: #3897ea;
	margin: 0;
}
.classify_nav ul {
	padding: 0 1em;
}
.classify_nav ul li {
	position: relative;
	list-style: none;
	line-height: 3em;
	padding-left: 1em;
	font-size: 14px;
	transition: 0.5s;
	border-bottom: 1px solid transparent;
}
.classify_nav ul li a {
	color: #888;
	transition: 0.5s;
	display: block;
}
.classify_nav ul li a i {
	position: relative;
	left: -1em;
	display: inline-block;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #888;
	transition: 0.5s;
}
.classify_nav ul li span {
	display: block;
	width: 0;
	height: 1px;
	background: #3897ea;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: 0.5s;
}
.classify_nav ul li:hover a, .classify_nav ul li.active a {
	color: #3897ea;
}
.classify_nav ul li:hover a i, .classify_nav ul li.active a i {
	left: -0.5em;
	border-left: 6px solid #3897ea;
}
.classify_nav ul li:hover span, .classify_nav ul li.active span {
	width: 100%;
}
@media (max-width: 992px) {
.classify_nav {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.classify_nav .title {
	text-align: center;
}
}
/* 产品图片轮播 */
.case_img_show {
	position: relative;
}
.case_img_show .case_img {
	overflow: hidden;
	position: relative;
}
.case_img_show .case_img:after {
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-width: 1px;
	border-style: solid;
	/*获取颜色透明度值，并转换成百分比*/
      /*使颜色不透明*/
	border-color: #dddddd;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	border-color: #dddddd;
	/*设置透明颜色，为支持rgba颜色的浏览器服务 */
	position: absolute;
	top: 0;
	left: 0;
}
.case_img_show .case_img ul {
	width: 9999px;
	padding-left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.case_img_show .case_img ul li {
	float: left;
	width: 100%;
	list-style: none;
	text-align: center;
}
.case_img_show .case_img ul li img {
	max-width: 100%;
	max-height: 100%;
}
.case_img_show .case_img ul li a {
	display: block;
	width: 100%;
	height: 422px;
}
.case_img_show .flicking_con {
	max-width: 100%;
	position: absolute;
	bottom: -76px;
	left: 0;
	z-index: 1;
	zoom: 1;
}
.case_img_show .flicking_con:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.case_img_show .flicking_con a {
	float: left;
	width: 25%;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
	box-sizing: border-box;
	border: 2px solid transparent;
	text-align: center;
}
.case_img_show .flicking_con a img {
	width: 100%;
	max-height: 100%;
	position: relative;
	vertical-align: middle;
}
.case_img_show .flicking_con a span {
	display: block;
	width: 100%;
	height: 100%;
	background: #ddd;
	text-indent: -1000px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display: none;
}
.case_img_show .flicking_con a:after {
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #ddd;
	position: absolute;
	top: 0;
	left: 0;
}
.case_img_show .flicking_con a.active:after {
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px solid #3897ea;
	position: absolute;
	top: 0;
	left: 0;
}
.case_img_show .flicking_con a.active span {
	background: #3897ea;
}
.case_img_show .flicking_con a:first-child {
	margin-left: 0;
}
 @media (max-width: 992px) {
.case_img_show .flicking_con a {
	width: 16px;
	height: 16px;
	margin-left: 6px;
}
.case_img_show .flicking_con a:after {
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 0px solid #3897ea;
	position: absolute;
	top: 0;
	left: 0;
}
.case_img_show .flicking_con a span {
	display: block;
}
.case_img_show .flicking_con a img {
	display: none;
}
.case_img_show .flicking_con a.active:after {
	content: '';
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 0px solid #3897ea;
	position: absolute;
	top: 0;
	left: 0;
}
}
 @media (max-width: 500px) {
.case_img_show .flicking_con a {
	width: 10px;
	height: 10px;
}
}
.case_img_show .btn_prev, .case_img_show .btn_next {
	z-index: 2;
	position: absolute;
	display: block;
	width: 32px !important;
	height: 100%;
	top: 0px;
	background: rgba(0, 0, 0, 0.6);
	display: none;
}
.case_img_show .btn_prev span, .case_img_show .btn_next span {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -8px;
}
.case_img_show .btn_prev {
	left: 0px;
}
.case_img_show .btn_prev span {
	border-right: 16px solid #fff;
}
.case_img_show .btn_next {
	right: 0px;
}
.case_img_show .btn_next span {
	border-left: 16px solid #fff;
}
/* 产品详情 */
.productDetail h3.title {
	min-height: 22px;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: #3C3C3C;
	margin: 0;
	margin-bottom: 4px;
}
.productDetail p.sub-title {
	font-size: 14px;
	color: #666;
}
.productDetail .price {
	margin-bottom: 10px;
}
.productDetail .price p {
	margin: 0;
}
.productDetail .price p em {
	font-style: normal;
}
.productDetail .price .original_cost {
	font-size: 14px;
}
.productDetail .price .original_cost span {
	font-size: 14px;
}
.productDetail .price .original_cost em {
	text-decoration: line-through;
	padding-left: 4px;
}
.productDetail .price .current_price {
	font-size: 26px;
	line-height: 34px;
}
.productDetail .price .current_price span {
	font-size: 14px;
}
.productDetail .price .current_price em {
	color: red;
}
.productDetail .product_number {
	zoom: 1;
	margin-bottom: 14px;
}
.productDetail .product_number:after {
	display: block;
	content: "";
	height: 0;
	visibility: hidden;
	clear: both;
}
.productDetail .product_number span {
	float: left;
	display: block;
	font-size: 16px;
	line-height: 22px;
	width: 24px;
	height: 24px;
	box-sizing: border-box;
	border: 1px solid #ddd;
	text-align: center;
	cursor: pointer;
}
.productDetail .product_number input[type="text"] {
	float: left;
	border: 1px solid #ddd;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
	text-align: center;
	height: 24px;
	width: 50px;
	line-height: 22px;
}
.productDetail .buy_btn {
	padding: 6px 20px;
	border: 1px solid red;
	background: red;
	color: #fff;
	margin-bottom: 14px;
}
.productDetail .buy_btn:hover {
	color: #fff;
	/*获取颜色透明度值，并转换成百分比*/
    /*使颜色不透明*/
	background: red;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	background: rgba(255, 0, 0, 0.8);
	/*设置透明颜色，为支持rgba颜色的浏览器服务 */
    /*获取颜色透明度值，并转换成百分比*/
    /*使颜色不透明*/
	border-color: red;
	/*设置不透明的颜色，为不支持rgba颜色的浏览器服务*/
	border-color: rgba(255, 0, 0, 0.8);
/*设置透明颜色，为支持rgba颜色的浏览器服务 */ }
.productDetail .text {
	margin-top: 50px;
}
.productDetail .text .text_title {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}
.productDetail .text .text_title h3 {
	display: inline-block;
	border-bottom: 2px solid red;
	position: relative;
	bottom: -1px;
	font-size: 18px;
	padding: 8px 10px;
	margin: 0;
}
/* 文章详情 */
.article-detail {
	text-align: center;
}
.article-detail h2 {
	margin: 0;
	font-size: 20px;
	color: #333;
}
.article-detail .source {
	padding: 10px;
	color: #878787;
	font-family: "GOTHAM", HELVETICANEUELTPRO-THEX, "微软雅黑";
	font-size: 14px;
	color: #999;
	font-style: normal;
	font-variant: petite-caps;
	position: relative;
	bottom: -7px;
	text-align: center;
	margin-bottom: 20px;
}
.article-detail .source em {
	font-style: normal;
}
.article-detail .source span {
	font-style: normal;
	padding-left: 2em;
}
.article-detail .source span:first-child {
	padding-left: 0;
}
.article-detail > p {
	font-size: 13px;
	margin: 0;
	line-height: 26px;
	margin-bottom: 1em;
	color: #666;
	text-align: left;
}
.article-detail > p img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}