/*
 * 佳润驰 样式表
 * 修改时间：2018-06-12
 */

*{text-indent: 0;}
body {
	font-family: "microsoft yahei",Tahoma, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
/*General*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-family: "microsoft yahei",Tahoma, sans-serif;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 30px;
}
h2 {
	margin: 30px 0;
}
.navbar-toggle {
	background-color: rgba(0, 0, 0, 0.89);
}
.navbar-nav>li>a {
	padding-top: 12px;
	padding-bottom: 12px;
	font-family: "microsoft yahei",Tahoma, sans-serif;
	font-weight: 400 !important;
}
blockquote {
	font-style: italic;
	font-family: Georgia;
	color: #999;
	margin: 0px 0 0px;
	padding: 0px 20px;
}
label {
	color: #777;
}
.btn-inline {
	color: #ae130c;
	font-size: 16px;
	font-weight: 600;
}
.form-control {
	display: block;
	width: 100%;
	height: 41px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 2.428571;
	color: #555;
	background-color: #F7F7F7;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0px;
}
.navbar-inverse .navbar-brand img {
	width: 171px;
}
.section-title {
	margin-bottom: 20px;
}
/* Header */
#head {
	background: url( ../images/bg_header.jpg) no-repeat;
	background-size: cover;
	/*height: 600px;*/
	text-align: center;
	color: white;
	position: relative;
	border-top: 1px solid #29489a;
	border-bottom: 1px solid #29489a;
	background-position-x: center;
	width: 100%;
	margin: 0 auto;
}
#head.secondary {
	height: 280px;
	min-height: 280px;
	padding-top: 0px;
	background-size: cover;
	text-align: left;
}
#head .lead {
	font-size: 44px;
	margin-bottom: 6px;
	color: white;
	line-height: 1.15em;
}
#head .tagline {
	color: rgba(255,255,255,0.75);
	margin-bottom: 25px;
}
#head .tagline a {
	color: #fff;
}
#head .btn {
	margin-bottom: 10px;
}
#head .btn-default {
	text-shadow: none;
	background: transparent;
	color: rgba(255,255,255,.5);
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
	box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.5);
	background: transparent;
}
#head .btn-default:hover, #head .btn-default:focus {
	color: rgba(255,255,255,.8);
	-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
	-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
	box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,.8);
	background: transparent;
}
#head .btn-default:active, #head .btn-default.active {
	color: #fff;
	-webkit-box-shadow: inset 0px 0px 0px 3px #fff;
	-moz-box-shadow: inset 0px 0px 0px 3px #fff;
	box-shadow: inset 0px 0px 0px 3px #fff;
	background: transparent;
}
.fluid_container {
	bottom: 0;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	z-index: 0;
}
#camera_wrap_4 {
	bottom: 0;
	height: 100%;
	left: 0;
	margin-bottom: 0!important;
	position: absolute;
	right: 0;
	top: 0;
}
.camera_bar {
	z-index: 2;
}
.camera_thumbs {
	margin-top: -100px;
	position: relative;
	z-index: 1;
}
.camera_thumbs_cont {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.camera_overlayer {
	opacity: .1;
}
.panel {
	margin-bottom: 0px;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.panel-body {
	padding: 0px;
}
.btn-action, .btn-primary {
	color: #FFEFD7;
	background-image: -webkit-linear-gradient(top, #0ecfec 0%, #09bed9 100%);
	background-image: linear-gradient(to bottom, #0ecfec 0%, #09bed9 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0ecfec22', endColorstr='#09bed900', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border: 0 none;
}
.btn-action:hover, .btn-primary:hover {
	background: #04a0b7;
}
.btn:hover, .btn:active {
	color: #c0c0c0;
}
ul, .list.custom-list ul {
	margin: 0 0 11px;
	list-style-type: none;
	padding-left: 10px;
}
.list.custom-list ul li {
	margin: 0;
	padding: 4px 0 5px 30px;
	border-top: 1px solid #f2f2f2;
	position: relative;
	background: url(../images/arrow.png) no-repeat 0 11px;
}
.list.custom-list ul li a {
	font: 14px/1.2em 'Roboto', sans-serif;
	color: #ae130c;
	text-transform: none;
	display: inline;
	position: relative;
}
.thumbnail {
	position: relative;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border: none;
	padding: 0;
	background: none;
	border: 1px solid #D5D5D5;
	padding: 4px;
}
.thumbnail time {
	background: #ae130c;
	padding: 5px 0;
	display: block;
	text-indent: 12px;
	color: #fff;
}
.thumbnail .caption {
	padding: 9px;
	color: #333;
	background: #e7e7e7;
}
.thumbnail .caption:hover {
}
.thumbnail .caption a {
	font-size: 20px;
}
.slideUp {
	top: -100px;
}
.navbar-inverse {
	background: #fff;
}
.navbar-inverse {
	border: none;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
	color: #8A8A8A;
	font-size: 16px;
	text-transform: uppercase;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
	background: none;
	color: #ae130c !important;
}
.navbar-inverse .navbar-nav > .active > a {
	color: #ae130c;
	border-radius: 5px;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
	text-align: left;
}
/* Highlights*/
.highlight {
	margin-top: 40px;
}
.h-caption {
	text-align: center;
}
.h-caption i {
	display: block;
	font-size: 54px;
	color: #ae130c;
	margin-bottom: 36px;
}
.h-caption h4 {
	color: #382526;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}
div.hbox {
	background: #fff;
	padding: 10px 15px;
}
.h-body {
}
.jumbotron {
	background-color: #E0E0E0;
}
.page-header {
	border-bottom: 1px solid #15c008;
}
.page-title {
	margin-top: 20px;
	font-weight: 300;
	color: #15c008;
}
.text-muted {
	color: #888;
}
.breadcrumb {
	background: none;
	padding: 0;
	margin: 30px 0 0px 0;
}
ul.list-spaces li {
	margin-bottom: 10px;
}
/* Helpers */
.container-full {
	margin: 0 auto;
	width: 100%;
}
.top-space {
	margin-top: 60px;
}
.top-margin {
	margin-top: 20px;
}
.circle {
	background: rgb(214, 214, 214);
	width: 95px;
	height: 95px;
	border-radius: 90px;
	line-height: 95px;
	margin: 0 auto 20px;
}
img {
	max-width: 100%;
}
img.pull-right {
	margin-left: 10px;
}
img.pull-left {
	margin-right: 10px;
}
#map {
	width: 100%;
	height: 280px;
}
#social {
	margin-top: 50px;
	margin-bottom: 50px;
}
#social .wrapper {
	width: 340px;
	margin: 0 auto;
}
.sidebar {
	padding-top: 36px;
	padding-bottom: 30px;
}
.sidebar .panel {
	margin-bottom: 20px;
}
.sidebar h1, .sidebar .h1, .sidebar h2, .sidebar .h2, .sidebar h3, .sidebar .h3 {
	margin-top: 20px;
}
.featured-box {
	padding: 20px;
	border: solid 1px #ddd;
	margin-bottom: 20px;
}
.featured-box .text {
	padding-left: 80px;
}
.featured-box h3 {
	margin: 0 0 5px 0;
}
.featured-box i {
	position: absolute;
	display: inline-block;
	color: #ae130c;
	border: solid 2px #ae130c;
	background: #fff;
	padding: 0px;
	border-radius: 50px;
	width: 24px;
	height: 24px;
	margin: 0px;
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
}
/* Footer */
footer {
	background-color: #29489a;
	border-top: 1px solid #E5E5E5;
	margin-top: 40px;
}
.copyright {
	padding: 0px 0px 10px 0px;
}
.copyright p {
	color: #c3c2d5;
	font-size: 12px;
}
.copyright p a {
	color: #c3c2d5;
	font-size: 12px;
}
.simplenav{color:#FFF;}
.social {
	margin: 10px 0;
}
.social a {
	font-size: 12px;
	color: #ccc;
}
.social a:hover {
	color: #ae130c;
}

.panel-simplenav {
	margin-left: -5px;
}
.panel-simplenav a {
	margin: 0 5px;
}
#services .fa {
	color: #ae130c;
}
/* carousel */
#quote-carousel {
	padding: 0 10px 30px 10px;
	margin-top: 30px;
}
/* Control buttons  */
#quote-carousel .carousel-control {
	background: none;
	color: #222;
	font-size: 2.3em;
	text-shadow: none;
	margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left {
	left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right {
	right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
	background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active {
	background: #333333;
}
#quote-carousel img {
	width: 250px;
	height: 100px;
}
/* End carousel */

.item blockquote {
	border-left: none;
	margin: 0;
}
.item blockquote img {
	margin-bottom: 10px;
}
.item blockquote p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
}
.contact ul {
	padding: 0px;
}
.contact ul li {
	margin-bottom: 10px;
	list-style: none;
}
footer ul li {
	list-style: none;
}
#map-canvas {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
/* ------- */

.isotopeWrapper article {
	margin-bottom: 30px;
}
#portfolio {
}
#portfolio img {
	width: 100%;
}
#portfolio article p {
	margin-bottom: 1.45em;
	/*set next row on the baseline*/;
}
nav#filter {
	margin-bottom: 1.5em;
}
nav#filter ul{font-size:0;}
nav#filter li {
	display: inline-block;
	margin: 10px;
	font-size:14px;
}
nav#filter a {
	padding: 4px 12px;
	line-height: 20px;
	border: 1px solid #29489a;
	text-decoration: none;
	color: #29489a;
}
nav#filter a.current {
	background: #29489a;
	color: #fff;
}
nav#filter ul >li >ul >li >a {
    padding: 4px 12px;
    line-height: 20px;
    border: 1px solid #ae130c;
    text-decoration: none;
    color: #ae130c;
}
nav#filter ul >li >ul >li >a.current {
    background: #ae130c;
    color: #fff;
}
.iconColor .fa {
	color: #ee0c45;
}
.portfolio-items article img {
	width: 100%;
}
.portfolio-item {
	display: block;
	position: relative;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.portfolio-item img {
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.portfolio-item .portfolio-desc {
	display: block;
	opacity: 0;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	color: rgba(220, 220, 220, 0.67);
}
.fancybox-overlay {
	background: rgba(0, 0, 0, 0.64);
}
.portfolio-item:hover .portfolio-desc {
	padding-top: 20%;
	height: 100%;
	transition: all 200ms ease-in-out 0s;
	opacity: 1;
	background: rgba(61, 61, 61, 0.67);
}
.portfolio-item .portfolio-desc a {
	color: #fff;
	text-align: center;
	display: block;
}
.portfolio-item .portfolio-desc a:hover {
	/*text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.7);*/
	text-decoration: none;
}
.portfolio-item .portfolio-desc .folio-info {
	top: -20px;
	padding: 30px;
	height: 0;
	opacity: 0;
	position: relative;
}
.portfolio-item:hover .folio-info {
	height: 100%;
	opacity: 1;
	transition: all 500ms ease-in-out 0s;
	top: 5px;
}
.portfolio-item .portfolio-desc .folio-info h5 {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}
.portfolio-item .portfolio-desc .folio-info p {
	color: #ffffff;
	font-size: 12px;
}
.newsBox {
	margin-bottom: 12px;
}
.newsBox img {
	max-width: 100% !important;
}
/*Da Slider*/
.da-slider {
	width: auto;
	height: auto;
	max-height: initial;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}
.da-slide h2 {
	text-align: left;
	top: 15%;
	font-weight: bold;
}
.da-slide p {
	text-align: left;
	top: 40%;
	font-size: 30px;
}
.da-arrows span {
	position: absolute;
	top: 45%;
}
.da-dots span.da-dots-current:after {
	content: '';
	background: #ae130c;
}
.team-member {
	padding-top: 5px;
	margin-bottom: 15px;
}
.team-heading {
	display: block;
	width: 100%;
}
.member-img {
	overflow: hidden;
}
.member-img img {
	border-radius: 0px;
	border: 1px solid rgb(218, 218, 218);
}
.team-socials {
	margin: 15px 0;
	display: block;
	text-align: center;
}
.team-socials i {
	width: 35px;
	height: 35px;
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #C7C7C7;
}
.team-socials i:hover {
	color: #ae130c;
}
.team-member h4 {
	font-size: 19px;
	line-height: 32px;
	padding: 10px 0 0;
	text-align: center;
	margin: 0px;
}
.team-member .pos {
	display: block;
	margin: 0;
	text-align: center;
}

/*Price table*/
.flat {
	margin: 30px 0;
}
.flat .plan {
	border-radius: 0px;
	list-style: none;
	padding: 0 0 20px;
	margin: 0 0 15px;
	background: #fff;
	text-align: center;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.29) !important;
}
.flat .plan li {
	padding: 10px 15px;
	color: #ccc;
	border-top: 1px solid #f5f5f5;
	-webkit-transition: 300ms;
	transition: 300ms;
}
.flat .plan li.plan-price {
	border-top: 0;
}
.flat .plan li.plan-name {
	border-radius: 0;
	padding: 15px;
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	background: #4E4E4E;
	margin-bottom: 30px;
	border-top: 0;
}
.flat .plan li > strong {
	color: #6B6B6B;
	font-weight: normal;
}
.flat .plan li.plan-action {
	margin-top: 10px;
	border-top: 0;
}
.flat .plan.featured {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.flat .plan.featured:hover li.plan-name, .flat .plan:hover li.plan-name, .flat .plan.featured.plan-name {
	background: #ae130c !important;
}
.btn {
	background: #ae130c;
	color: #fff;
}

/**
  MEDIA QUERIES
*/
@media (max-width: 767px) {
	#head.secondary {
		height: 80px;
		min-height: 80px;
		/*background-size: initial;*/
	}
	#camera_wrap_4, #head{/*height:480px !important;*/}
	#head .lead {font-size: 34px;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #camera_wrap_4, #head{/*height:480px;*/}
	#quote-carousel {margin-bottom: 0;padding: 0 40px 30px 40px;margin-top: 30px;}
}

@media (max-width: 767px) {
	.navbar-collapse ul {text-align: right;margin-right: 0px;}
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
	/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
	#camera_wrap_4, #head{/*height:480px !important;*/}
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .open ul > a {
	font-size: 13px;
}
#quote-carousel .carousel-indicators {
	bottom: -20px !important;
}
#quote-carousel .carousel-indicators li {
	display: inline-block;
	margin: 0px 5px;
	width: 15px;
	height: 15px;
}
#quote-carousel .carousel-indicators li.active {
	margin: 0px 5px;
	width: 20px;
	height: 20px;
}

@media (max-width: 420px) {
	#camera_wrap_4,#head{/*height:380px !important;*/}
	.da-slide h2 {font-size: 28px;}
	.da-slide p {font-size: 19px;font-weight: 400;}
}

/************* 2018-06-12 ***************/
/******公用*******/
iframe,frameset,frame{display:block;}
.select-set option:first-child{color:#999 !important;}
/***********首页************/
.company-introduce{line-height:1.8;font-size:1.3em;}
.container .row{margin-left:0;margin-right:0;}
.news-box .container{padding-left:0;padding-right:0;}
.news-box .container h3{padding-left:15px;padding-right:15px;}
.newsBox .inner-content{max-width:100%;white-space: nowrap;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;}
.login-absolute{position:relative;}
.login-box{position:absolute;right:30px;top:25px;display:inline-block;display:none;margin:0;}
.login-box >ul >li >a{color:#333 !important;font-size:15px !important;}
@media (max-width:767px){
    .login-box{display:none;}
    .news-detail-page{padding:0 !important;}
}
.aptitude-slide{
    overflow: hidden;
    zoom: 1;
    padding: 10px 40px;
    position: relative;
    background-color:#EFEFEF;
}
.aptitude-slide .sPrev ,.aptitude-slide .sNext{
    position: absolute;
    top: 42%;
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #ddd;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    z-index:1;
    background:#FFF center center no-repeat;
}
.aptitude-slide .sPrev{
    left: 5px;
    right: auto;
    background-image: url(../images/icoLeft.gif);
}
.aptitude-slide .sNext{
    left: auto;
    right: 5px;
    background-image: url(../images/icoRight.gif);
}
.aptitude-slide ul{
    overflow: hidden;
    zoom: 1;
    background-color:#EFEFEF ;
    font-size:0;
    word-break: keep-all;
    white-space: nowrap;
}
.aptitude-slide ul li{
    display:inline-block;
    vertical-align: middle;
    padding:5px 0;
    margin:0 5px;
    float: none !important;
    _display: inline-block;
    overflow: hidden;
    text-align: center;
    background-color:#FFF ;
    width:33.3%;
    font-size:12px;
    word-break: normal;
    white-space: normal;
}
.aptitude-slide ul li .pic{
    text-align: center;
    margin:0 5px;
}
.aptitude-slide ul li .img-self{
    width: 100%;
    height:auto;
    display: block;
    padding: 2px;
}
.aptitude-slide .tempWrap{
    width:auto !important;
}
.experience-box{width:100%;font-size:0;margin:0;padding:0;}
.experience-box >li{display:inline-block;margin-bottom:15px;width:33.3%;padding:0 15px;font-size:12px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.experience-box >li .content-box{display:block;text-align: center;text-decoration: none;color:#333;}
.experience-box >li .content-box .user-type{font-size:16px;font-weight:bold;padding:8px 0; }
.experience-box >li .content-box:hover .user-type{text-decoration: none;color:#000;}
.experience-box >li .content-box .img-user .self-img{width:100%;height:auto;}
/***新闻动态页，首页，公司动态页公用***/
.slide-news-box{padding-top:10px;}
.slide-news-box .hd{margin-bottom:30px;}
.slide-news-box .hd >ul{font-size:0;margin:0;padding:0;}
.slide-news-box .hd >ul >li{
    display:inline-block;
    vertical-align: middle;
    font-size:14px;
    text-align: center;
    width:33.3%;
    height:40px;
}
.slide-news-box .hd >ul >li .news-type{
    display:block;
    padding:8px 0;
    font-size:16px;
    color:#333;
    font-weight:bold;
    text-decoration: none;
    border:1px solid #D5D5D5;
    border-radius:22px;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    -ms-border-radius:22px;
    -o-border-radius:22px;
}
.slide-news-box .hd >ul >li .news-type:hover{
    text-decoration: none;
}
.slide-news-box .hd >ul >li .news-type.current{
    background-color:#29489a;
    border-color:#29489a;
    color:#FFF;
}
.slide-news-box .hd >ul >li:first-child .news-type{
    margin:0 2.4em 0 0;
}
.slide-news-box .hd >ul >li:nth-child(n+2) .news-type{
    margin:0 1.2em;
}
.slide-news-box .hd >ul >li:last-child .news-type{
    margin:0 0 0 2.4em;
}
.slide-news-box .bd >ul{margin:0;padding:0;font-size:16px;}
.slide-news-box .bd >ul >li{margin-bottom:15px;word-break: keep-all;white-space:nowrap;font-size:0;overflow: hidden;}
.news-date{
    display:inline-block;
    width:9em;
    vertical-align: middle;
    background-color:#EEE;
    text-align:center;
    padding:2em;
    font-size:14px;
    height:7.5em;
}
.more-link{
    display:inline-block;
    vertical-align: top;
    font-size:14px;
}
.more-link.hidden-date{width:9em;height:1.5em}
.more-link.more-btn{padding-left:10em;}
.news-date .day-str{font-weight:bold;font-size:16px;}
.news-date .year-month{padding-top:5px;color:#666;font-size:14px;}
.news-link{
    display:inline-block;
    vertical-align: middle;
    padding-left:10em;
    font-size:14px;
    overflow: hidden;
    width:89%;
}
.news-link .title-link{
    display:block;
    color:#333;
    font-weight:bold;
    font-size:16px;
    overflow:hidden;
    text-overflow: ellipsis;
    width:100%;
	cursor: pointer;
}
@media screen and (max-width:768px){
    .news-link{padding-left:3em;}
    .more-link.more-btn{padding-left:3em;}
}
.news-link .reading-guide{
    display:block;
    word-break: normal;
    white-space:normal;
    font-size:14px;
    padding:10px 0;
}

/*******新闻动态页*********/
.article_list_more_pages {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0;
  font-size:14px;
}
.article_list_more_pages ul {
  margin: 0;
  padding: 0;
  display: block;
}
.article_list_more_pages li {
  list-style: none;
  display: inline-block;
  padding: 0 0.5rem;
}
.article_list_more_pages li a {
  color: #878787;
}
.article_list_more_pages li a:hover {
    text-decoration:none;
}
.article_list_more_pages li .prev,
.article_list_more_pages li .next{
    color:#FF6600;
}
.article_list_more_pages li .prev:hover,
.article_list_more_pages li .next:hover{
    text-decoration:underline;
    cursor:pointer;
}
.article_list_more_pages li .num{
    color:#FF6600;
    margin:0 3px;
}
.news-page .container{
    margin-top:30px;
}
.news-page .container .row{
    border-bottom:1px dashed #D5D5D5;
}
/****新闻详情页****/
.news-detail-page{
    background-color:#99D9EA;
    padding:0;
    width:100%;
}
.news-detail-page .detail-container{
    /*max-width:1150px;*/
    background-color:#FFF;
    padding:0 15px 15px 15px;
}
.news-detail-page .detail-title {
	border-bottom:1px dashed #D5D5D5;
}
.news-detail-page .detail-title h1{
    text-align: center;
    font-size:20px;
    padding-top:30px;
    padding-bottom:0px;
    font-weight:bold;
    margin:0 30px 0px 30px;
}
.news-detail-page .detail-title p{
	text-align: center;
	font-size:10px;
	padding-top:10px;
	padding-bottom:0px;
	font-weight:bold;
	margin:0 30px 10px 30px;
}
.news-detail-page .detail-content{
    font-size:16px;
    color:#333;
    text-indent:0;
}

.news-detail-page .detail-content img{
    display:inline-block;
    max-width:100%;
}
.footer-detail{margin-top:0 !important;}

/******后台左侧菜单****/
.menu-box{min-height:460px !important;background-color:#f5f5f5;margin:5px 0 2px 5px;}
.menu-box .each-menu{
    margin:0;
    padding:10px 10px 0 10px;
}
.menu-box .big-type{
    padding-left:0;
}

.menu-box .each-menu .each-title{
    font-size:16px;
    color:#333;
}
.menu-box .big-type .each-title{
    padding-left:5px;
    font-size:16px;
    color:#333;
}
.menu-box .each-menu a{
    padding:2px 5px;
}
.menu-box .each-menu .each-title a{
    color:#333;
    text-decoration:none;
}
.menu-box .each-menu >li{
    padding-left:2em;
    padding-top:0.5em;
}
.menu-box .each-menu >li >a{
    font-size:14px;
    color:#29489a;
    text-decoration:none;
}
.menu-box .each-menu .current{
    color:#FFF !important;
    background-color:#29489a !important;
}
/*****后台内容页面******/
#editPage{min-height:500px !important;}

/****添加新闻页*****/
.add-news-edit{padding-top:30px;}
.table-box{width:100%;font-size:16px;}
.table-box td{padding-bottom:20px;}
.table-box .item-title{width:5%;padding-right:10px;word-break: keep-all;white-space: nowrap;text-align:right;color:#29489a;}
.table-box .content-box{
    font-size:0;
}
.table-box .content-box .type-box{
    margin:0;
    font-size:0;
    cursor:pointer;
    margin-right:25px;
}
.table-box .content-box .type-box input,
.table-box .content-box .type-box span{
    display:inline-block;
    vertical-align: middle;
    margin:0;
    font-size:16px;
    font-weight:normal;
    color:#29489a;
}
.table-box .content-box .type-box input{
    width:16px;
    height:16px;
    margin-right:5px;
}
.table-box .content-box .keyword-title{
    margin:0;
    padding:2px 6px;
    height:30px;
    border:1px solid #29489a;
    font-size:14px;
}
.table-box .content-box .keyword-title.error{
    border-color:red !important;
    outline: none !important;
}
.editor-box{padding-right:20px;/*max-width:1060px;*/}
.submit-box{padding:30px 0;text-align: center;}
.submit-box .submit-btn{
    text-align:center;
    padding:8px 30px;
    margin:10px;
    color:#FFF;
    font-size:16px;
    background-color:#29489a;
    border:1px solid #29489a;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    outline: none !important;
}

.submit-box .submit-btn:hover,
.submit-box .submit-btn:focus,
.submit-box .submit-btn:visited{
    background-color:#29489a;
    border:1px solid #29489a;
    outline: none !important;
}
.submit-box .submit-btn.disable:hover,
.submit-box .submit-btn.disable{
    background-color:#EEE;
    border:1px solid #EEE;
    color:#666;
}
#edui1_iframeholder.error{
    border:1px solid red !important;
}

/*******后台新闻列表页*******/
.news-list-parent{padding:10px 30px 30px 0;border-bottom:1px dashed #D5D5D5;}
.news-list-parent .news-list-title{margin-top:0;padding-left:5px;font-size:16px;font-weight:bold;}
.news-list-box{width:100%;}
.news-list-box td,
.news-list-box th{text-align:center;border:1px solid #CFCFCF;font-size:14px;padding:0.4em;}
.news-list-box th{background-color:#8CAADC;}
.news-list-box .col-1{width:10%;}
.news-list-box .col-2{}
.news-list-box .col-3{width:15%;}
.news-list-box .col-4{width:12%;}
.news-list-box .col-5{width:18%;}
.news-list-box .col-6{width:15%;}
.news-list-box a.news-operate{
    display:inline-block;
    position:relative;
    padding:0.1em 0.5em;
    margin-bottom:5px;
    border-bottom:1px solid #EFEFEF;
    background-color:#EFEFEF;
    color:#333;
    margin-right:1.1em;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    -webkit-box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    -moz-box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    font-size:16px;
}
.news-list-box a.news-operate:hover,
.news-list-box a.news-operate:active,
.news-list-box a.news-operate:focus,
.news-list-box a.news-operate:visited{
    text-decoration:none;
}

/***产品详情页***/
.product-detail-page{
    background-color: #f5f5f5;
    padding: 0 15%;
    width: 100%;
}
.product-detail-page .product-detail-container{
    /*max-width: 1150px;*/
    background-color: #FFF;
    padding: 0 20px 20px 20px;
}
.product-detail-container .product-type .type-name{
    font-weight:bold;
    color:#000;
    font-size:17px;
    margin:0;
    padding:10px 0;
    border-bottom:1px solid #9EAAC0;
}
.product-detail-container .product-info .info-title{
    font-weight:bold;
    color:#000;
    margin:0;
    padding:10px 0;
    border-bottom:1px solid #9EAAC0;
}
.product-detail-container .product-info .info-content{
    color:#428bca;
    font-size:16px;
    padding:15px 5px;
}
.product-detail-container .product-type .type-component{
    padding:15px 5px 20px 5px;
    min-height:10em;
    color:#428bca;
    overflow: hidden;
    font-size:16px;
}
.product-detail-container .product-type .type-component .attr-title{
    font-weight:bold;
    color:#29489a;
}
.product-detail-container .product-type .right-box{
    float:right;
    max-width:50%;
}
.product-detail-container .product-type .right-box img{
    width:100%;
}
.go-back-box .btn-back{
    text-align: center;
    display:inline-block;
    text-decoration:none;
    padding: 8px 30px;
    color: #FFF;
    font-size: 16px;
    background-color: #29489a;
    border: 1px solid #29489a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.go-back-box {
    text-align: center;
    padding:50px 0;
}
.go-back-box .btn-back:hover{
    text-decoration:none;
    background-color: #29489a;
    border: 1px solid #29489a;
}

/******联系我们页-留言板******/
.message-board-box{text-align:center;}
.message-board{
    display:inline-block;
    width:60em;
    padding:15px;
    background-color:#EAEEF7;
}
.message-board .board-title{
    font-weight:bold;
    margin-bottom:0.5em;
    font-size:16px;
}
.message-board .sub-title{
    color:#999;
}
.message-board .message-box{
    padding:10px 0;
}
.message-box .each-row{
    font-size:0;
    text-align: left;
    padding-top:6px;
}
.message-box .each-row input,
.message-box .each-row span{
    font-size:14px;
    display:inline-block;
    vertical-align:middle;
}
.message-box .each-row input.import-slot{
    border:1px solid #D5D5D5;
    width:70%;
    padding:4px 8px;
    height:28px;
}
.message-box .each-row input.import-slot:active,
.message-box .each-row input.import-slot:hover,
.message-box .each-row input.import-slot:focus{
    border:1px solid #D5D5D5;
    outline:none;
}
.message-box .each-row .sign-star{
    color:#D22224;
    margin-left:5px;
    font-size:25px;
    height:28px;
    text-align: center;
    font-weight:bold;
}
.message-box .each-row .error-text{
    display:none;
    color:#FF2200;
    font-size:12px;
    margin-left:5px;
}
.message-box .each-row .remark-message{
    height:10em;
    max-height:500px;
    font-size:14px;
    padding:4px 8px;
    display:block;
    width:100%;
}
.submit-message-board{padding-top:20px;}
.submit-message-board .submit-button{
    text-align: center;
    padding: 6px 35px;
    color: #FFF;
    font-size: 16px;
    background-color: #1F4598;
    border: 1px solid #1F4598;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none !important;
}
.message-box .each-row input.error-must{border-color:red !important;}
.submit-message-board .submit-button.disable{
    background-color:#CFCFCF;
    border-color:#CFCFCF;
    color:#999;
}
#guestBookList{text-align: center;}
.message-reply-list{display:inline-block;width:100%;max-width:51.5em;font-size:14px;}
.message-search-title{
    padding:0.4em 0.5em;
    background-color:#F5F5F7;
    margin:1em 0.5em 0.1em 0.5em;
    border:1px solid #D5D5D5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: -webkit-box;
    display-model: box;
    -webkit-box-pack: end;
    box-pack: end;
    -webkit-box-align: center;
    box-align: center;
    text-align: right\0;
}
.message-search-title span,
.message-search-title input,
.message-search-title button{display:block;display:inline-block\0;vertical-align: middle\0;}
.message-search-title .title-text{-webkit-box-flex:1;box-flex:1;-moz-box-flex:1;color:#666;text-align: left;float:left\0;}
.message-search-title .search-text{
    margin-right:0.5em;
    border:1px solid #D5D5D5;
    outline:none;
    color:#666;
    padding:0.2em 0.5em;
    font-size:14px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.message-search-title .search-text:hover,
.message-search-title .search-text:focus,
.message-search-title .search-text:active,
.message-search-title .search-text:visited{
    margin-right:0.5em;
    border:1px solid #D5D5D5;
    outline:none;
}
.message-search-title .note-search-btn{
    color:#000;
    padding: 0.2em 0.8em;
    border: 1px solid #B96D4A;
    font-size: 14px;
    border-radius: 0;
    background-image: linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -o-linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -moz-linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -webkit-linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -ms-linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFB937),color-stop(1, #FFE49E));
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFE49E,endColorStr=#FFB937);
}
.message-reply-box{padding:0.5em;}
.guest-msg-box{text-align: right;padding:0 1.1em 0 0.5em;margin-top:0.6em;}
.guest-msg-box .guest-msg-content{
    display:inline-block;
    width:75%;
    background-color:#FAFAFA;
    padding:0.8em 0.5em;
    position:relative;
    border:1px solid #F0F0F0;
    color:#333;
}
.guest-msg-box .guest-msg-content:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: -9px;
    bottom: 8px;
    border-top: 10px solid transparent;
    border-left: 10px solid #F0F0F0;
}
.guest-msg-box .guest-msg-content:after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: -6px;
    bottom: 9px;
    border-top: 7px solid transparent;
    border-left: 7px solid #FAFAFA;
}
.guest-msg-box .ip-name-time{
    font-size:12px;
    color:#666;
    display: -webkit-box;
    display-model: box;
    -webkit-box-pack: end;
    box-pack: end;
    -webkit-box-align: center;
    box-align: center;
}
.guest-msg-box .ip-text{
    text-align:left;
    -webkit-box-flex:1;
    -moz-box-flex:1;
    padding-right:0.3em;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display:inline-block\0;
    vertical-align:middle\0;
    float:left\0;
}
.guest-msg-box .name-text{
    max-width:10em;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right:0.5em;
    display:inline-block\0;
    vertical-align:middle\0;
}
.guest-msg-box .time-text{
    display:inline-block\0;
    vertical-align:middle\0;
}
.guest-msg-box .guest-msg-content .type-question{font-weight:bold;text-align: left;}
.guest-msg-box .guest-msg-content .question-detail{text-align: left;}

.reply-msg-box{text-align: left;padding:0 0.5em 0 1.1em;margin-top:0.6em;}
.reply-msg-box .reply-msg-content{
    display:inline-block;
    width:75%;
    background-color:#F0F0F0;
    padding:0.8em 0.5em;
    position:relative;
    border:1px solid #E6E6E6;
    color:#333;
}
.reply-msg-box .reply-msg-content:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -9px;
    bottom: -1px;
    border-top: 10px solid transparent;
    border-right: 10px solid #E6E6E6;
}
.reply-msg-box .reply-msg-content:after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -6px;
    bottom: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #F0F0F0;
}
/***弹窗的基本样式***/
.dialog-popup-container {
    background-color:#FFF;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    overflow:hidden;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-size:14px;
}
.dialog-popup-container .title{
    color:#666;
    padding:0.6em 0 0.6em 0.8em;
    margin:0;
    background-color:#EEE;
    word-break: keep-all;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.dialog-popup-container .title .close{
    float:right;
    padding:0 0.5em;
    cursor:pointer;
    font-family: simhei;
}
.dialog-popup-container .inner{
    padding:0.6em 0.8em;
    text-align: center;
}
.dialog-popup-container .buttons{text-align:center;padding:0.6em 0.6em 0.8em 0.6em;}
.dialog-popup-container .buttons a{
    display:inline-block;
    padding:0.2em 2em;
    margin-right:1.5em;
    color:#FFF;
    text-align:center;
    background-color:#29489a;
    border:1px solid #29489a;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
}
.dialog-popup-container .buttons a:hover,
.dialog-popup-container .buttons a:active,
.dialog-popup-container .buttons a:focus,
.dialog-popup-container .buttons a:visited{
    text-decoration:none;
}
.dialog-popup-container .buttons a.cancel{
    background-color: #FFF;
    color: #838383;
    border-color: #A7A7A7;
}
.dialog-popup-container .buttons a:last-child{margin-right:0;}
/****后台留言信息列表****/
.notes-list-parent{padding:10px 30px 30px 0;border-bottom:1px dashed #D5D5D5;}
.notes-list-parent .notes-list-title{margin-top:0;padding-left:5px;font-size:16px;font-weight:bold;}
.notes-list-box{width:100%;}
.notes-list-box td,
.notes-list-box th{text-align:center;border:1px solid #CFCFCF;font-size:14px;padding:0.4em;}
.notes-list-box th{background-color:#01B0F1;}
.notes-list-box .col-1{width:5%;}
.notes-list-box .col-2{width:10%;}
.notes-list-box .col-3{width:11%;}
.notes-list-box .col-4{width:11%;}
.notes-list-box .col-5{}
.notes-list-box .col-6{width:10%;}
.notes-list-box .col-7{width:8%;}
.notes-list-box .col-8{width:15%;text-align:left;}
.notes-list-box .col-reply{text-align:left;}
.notes-list-box a.notes-operate{
    display:inline-block;
    position:relative;
    padding:0.1em 0.5em;
    margin-bottom:5px;
    border-bottom:1px solid #EFEFEF;
    background-color:#EFEFEF;
    color:#333;
    margin-right:1.1em;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    -webkit-box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    -moz-box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    font-size:16px;
}
.notes-list-box a.notes-operate:hover,
.notes-list-box a.notes-operate:active,
.notes-list-box a.notes-operate:focus,
.notes-list-box a.notes-operate:visited{
    text-decoration:none;
}
.notes-list-box .reply-tr td{background-color:#EFEFEF;}
.reply-note-container{background-color:#FAFAFA;}
.reply-note-container .title{}
.reply-note-box{padding:0 0.5em;}
.reply-note-box .reply-content-area{width:100%;height:200px;padding: 0.4em 0.6em;outline:none;overflow-x:hidden;overflow-y:auto;border:1px solid #D5D5D5;resize: none;}
.reply-note-box .reply-content-area:focus,
.reply-note-box .reply-content-area:hover,
.reply-note-box .reply-content-area:active,
.reply-note-box .reply-content-area:visited{
    border:1px solid #D5D5D5;
}
.reply-note-box .reply-content-area.error{border-color:#FF2200;}
/****产品列表****/
.products-items .products-item img{
    border:1px solid #428bca;
}

/******后台添加产品*******/
.product-base-box{padding-top:20px;padding-right:30px;}
.base-box-container{border:1px solid #CFCFCF;overflow:hidden;max-width:1060px}
.base-box-container legend.base-title{
    border:none;
    margin-bottom:0;
    width:auto;
    color:#7F7F7F;
    margin-left:20px;
    font-weight:bold;
    font-size:18px;
    padding:0 1em;
}
.base-content-box{padding:10px 0;}
.item-content-box{width:100%;font-size:16px;}
.item-content-box td{padding-top:10px;}
.item-content-box .item-title{
    width:5%;
    word-break: keep-all;
    white-space: nowrap;
    text-align: right;
    vertical-align: top;
    padding-top:13px;
    color:#29489a;
}
.item-content-box .item-title .item-name{display:block;width:120px;}
.item-content-box .item-content{
    text-align:left;
    padding-left:0.5em;
    vertical-align: top;
    width:100%;
}
.item-content-box .item-content .import-message{
    width:100%;
    min-width:100px;
    border:1px solid #CFCFCF;
    padding:4px 6px; 
    color:#29489a;
}
.item-content-box .item-content .import-message.product-error{
    border-color:#FF2200 !important;
}
.item-content-box .item-content .detail-text{
    max-height:200px;
    overflow-y:auto;
    overflow-x:hidden;
    resize:none;
}
.item-content-box .item-content .import-message:active,
.item-content-box .item-content .import-message:focus,
.item-content-box .item-content .import-message:hover,
.item-content-box .item-content .import-message:visited{
    border:1px solid #CFCFCF;
    outline:none;
}
.upload-photo-box{word-break: keep-all;white-space: nowrap;position:relative;}
.upload-photo-box .photo-upload-btn{
    display:inline-block;
    vertical-align:middle;
    color: #FFF;
    font-size: 16px;
    line-height:1.8 !important;
    background-color: #29489a;
    border: 1px solid #29489a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    outline: none !important;
    cursor:pointer;
}
.upload-photo-box .no-file-upload-text{
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
    color:#29489a;
}
.upload-photo-box #uploadifive-undefined-queue{
    width:260px;
    height:30px;
    position:absolute;
    top:-31px;
    left:0;
    display:none;
}
.upload-photo-box .photo-upload-btn input[type='file']{
    cursor:pointer;
}
.base-content-box .upload-col{
    width:400px;
    text-align:left;
}
.base-content-box .auto-col{width:100%;}
.img-preview-box{text-align:left;padding-top:15px;}
.img-preview-box .preview-content{
    display:inline-block;
    width:320px;
    height:220px;
    background:url('../images/products/qita.jpg') no-repeat center center;
    background-size:contain;
    border:1px solid #CFCFCF;
    
}
.img-preview-box .preview-content.product-error{
    border-color:#FF2200 !important;
}
.img-preview-box .preview-tips{width:320px;color:#999;font-size:12px;}
.upload-preview-box{padding-left:40px;text-align:left;width:400px;}
.upload-preview-box .uploadifive-queue-item{
    padding-top:2px;
    height:28px;
    font-size:13px;
    border:1px solid #D5D5D5;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
}
.upload-preview-box .uploadifive-queue-item .close{
    background:url('../js/uploadifive-v1.2.2/uploadifive-cancel.png') no-repeat center center;
    font-size:14px;
    text-indent:-99999px;
    width:24px;
    height:20px;
    line-height:20px;
    text-align: center;
    opacity:0.3;
}
.upload-preview-box .uploadifive-queue-item .filename{
    padding-left:0.2em;
    display:inline-block;
    vertical-align:middle;
    height:22px;
}
.upload-preview-box .uploadifive-queue-item .close:hover,
.upload-preview-box .uploadifive-queue-item .close:focus{
    opacity:0.7;
}
.upload-preview-box .uploadifive-queue-item .progress{
    margin-bottom:0 !important;
    height:2px !important;
    background-color:#FFF;
    border-radius:0;
    -webkit-border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.upload-preview-box .uploadifive-queue-item .progress .progress-bar{
    height:2px !important;
    background-color:#29489a;
}
.param-content-box{padding-right:30px;}
.param-content-box .product-param-title{font-size:18px;color:#7F7F7F;font-weight:bold;margin:0;padding-top:15px;padding-bottom:5px;}
.param-content-box .fill-explain-box{width:100%;}
.param-fill-explain{max-width:1060px;}
.fill-explain-box .fill-box{padding-right:20px;}
.fill-explain-box .fill-col{vertical-align: top;}
.fill-explain-box .fill-content{width:100%;text-align: center;}
.fill-explain-box .explain-col{width:20%;vertical-align: top;border:1px solid #CFCFCF;}
.fill-explain-box .explain-box{width:300px;padding:5px 10px;text-align: left;}
.explain-box .explain-title{margin:0;padding:5px 0 10px 0;font-size:18px;color:#7F7F7F;font-weight:bold;}
.explain-box .explain-list{font-size:12px;color:#29489a;}
.explain-list .each-list span{display:table-cell;vertical-align: top;}
.fill-content th,
.fill-content td{border:1px solid #CFCFCF;text-align: center;font-size:16px;color:#29489a;font-weight:normal;}
.fill-content th{padding:2px 0;}
.fill-content td{padding:5px;}
.fill-content .col-1{width:10%;}
.fill-content .col-2{width:30%;}
.fill-content .col-3{width:30%;}
.fill-content .col-4{width:30%;}
.fill-content .import-msg{
    width:86%;
    padding:3px 6px;
    border:1px solid #CFCFCF;
}
.fill-content .import-msg.product-error{
    border-color:#FF2200 !important;
}
.fill-content .import-msg:hover,
.fill-content .import-msg:active,
.fill-content .import-msg:focus,
.fill-content .import-msg:visited{
    border:1px solid #CFCFCF;
    outline:none;
}

.login-page{
    width:570px;
    margin:150px auto;
    border:5px solid #EFEFEF;
}
.login-page .login-top{
    color: #666;
    padding: 0.6em 0 0.6em 0.8em;
    background-color: #FAFAFA;
    margin: 0;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.login-page .login-main{
    height: 160px;
    background:url('../images/logo.png') no-repeat top 35px right 22px; 
    background-size:230px auto;
}
.login-page .login-top a.back-index{
    float: right;
    line-height: 1;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    padding:0.5em 0.8em;
    cursor: pointer;
    font-family: simhei;
    text-decoration:none;
}
.login-page .login-top a.back-index:hover{
    color:#000;
    text-decoration:underline;
}
.login-page .login-text{
    color:#6E6E6E;
    font-size:18px;
    font-family: arial;
    font-weight:bold;
}
.login-import{width:290px;position:relative;margin-bottom:0;}
.login-import:after{
    content:"";
    position:absolute;
    right:0;
    top:35px;
    height:70px;
    width:0;
    border-right:1px solid #E6E6E6;
}
.login-import dt,
.login-import dd{
    float: left;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-top: 5px;
}
.login-import dt{
    width: 90px;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-right: 5px;
}
.login-import input{
    border-width: 1px;
    border-style: solid;
    border-color: #707070 #CECECE #CECECE #707070;
    padding: 2px 4px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
    width:150px;
}
.login-import .identify-code{width:60px;margin-right:5px;}
.login-import .identify-code-img{
    display:inline-block;
    vertical-align: middle;
    height:24px;
    width:50px;
    margin-right:5px;
}
.login-import .login-button,
.login-import .login-button:hover,
.login-import .login-button:focus,
.login-import .login-button:visited{
    display: inline-block;
    padding: 1px 6px;
    margin: 5px 0 0 0;
    color: #FFF;
    outline:none;
    text-align: center;
    background-color: #29489a;
    border: 1px solid #29489a;
    border-radius: 3px;
    height:28px;
    line-height:28px;
    font-weight:bold;
    font-size:15px;
    width:96px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family:simsun;
}
.login-page .login-power{
    text-align: right;
    padding:10px 10px 8px 10px;
    color:#999;
}
.login-page .no-look-clear{
    color:#333;
}
.login-page .login-error{height:20px;}
.login-page .login-error-text{height:20px;text-align: left;width:180px;}
.login-page .login-error-text span{
    display:none;
    color:#FF2200;
}
.login-import .login-button.disabled{
    background-color:#EEE;
    border:1px solid #EEE;
    color:#666;
}

/*****后台产品列表*****/
.products-list-parent{padding:10px 30px 30px 0;border-bottom:1px dashed #D5D5D5;}
.products-list-parent .products-list-title{margin-top:0;padding-left:0;font-size:16px;font-weight:bold;}
.products-list-box{width:100%;}
.products-list-box td,
.products-list-box th{text-align:center;border:1px solid rgb(207, 207, 207);font-size:14px;padding:0.4em;}
.products-list-box th{background-color:rgb(140, 170, 220);color:#000;}
.products-list-box .col-1{width:5%;}
.products-list-box .col-2{width:12%;}
.products-list-box .col-3{width:10%;}
.products-list-box .col-4{width:15%;}
.products-list-box .col-5{width:22%;}
.products-list-box .col-6{/*width:28%;*/}
.products-list-box .col-7{width:8%;}
.products-list-box a.products-operate{
    display:inline-block;
    position:relative;
    padding:0.1em 0.5em;
    margin-bottom:5px;
    border-bottom:1px solid #EFEFEF;
    background-color:#EFEFEF;
    color:#333;
    margin-right:1.1em;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    -webkit-box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    -moz-box-shadow: 1px 1px 0px #666 ,1px 1px 0px #EFEFEF;
    font-size:16px;
}
.products-list-box a.products-operate:hover,
.products-list-box a.products-operate:active,
.products-list-box a.products-operate:focus,
.products-list-box a.products-operate:visited{
    text-decoration:none;
}
.products-list-box tbody td{color:#428bca;font-size:14px;}
.nature-list .row-list{color:#428bca;margin-bottom:2px;}
.nature-list .row-list span{display:table-cell;vertical-align: top;text-align: left;}
.nature-list .row-list span.nature-title{font-weight:bold;white-space: nowrap;word-break: keep-all;text-align: right;}
.search-product-box{margin-top:25px;margin-bottom:10px;}
.search-condition{margin:0;}
.search-condition dt,
.search-condition dd{display:inline-block;vertical-align: middle;height:30px;line-height: 30px;}
.search-condition dd{margin-right:20px;}
.search-condition dd input{height:24px;padding:2px 4px;line-height:24px;vertical-align: middle;}
.search-condition dd button.search-product-btn{
	display:inline-block;
	vertical-align: middle;
	color: #000;
    padding:0;
    border: 1px solid #B96D4A;
    font-size: 12px;
    border-radius: 0;
    height:24px;
    line-height:23px;
    width:50px;
    background-image: linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -o-linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -moz-linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -webkit-linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -ms-linear-gradient(top, #FFE49E 0%, #FFB937 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #FFB937),color-stop(1, #FFE49E));
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFE49E,endColorStr=#FFB937);
}
.sort-list-top{text-align: center;}
.name-sort-box{display:inline-block;cursor:pointer;text-decoration:none;color:#333;}
.name-sort-box:hover,
.name-sort-box:focus,
.name-sort-box:visited,
.name-sort-box:active{text-decoration:none;color:#333;}
.name-sort-box span{display:inline-block;vertical-align: middle;}
.name-sort-box span.name-sort{font-family:arial;font-size:14px;color:#333;}
/****手机端自适应切换***/
.m-more-line{text-align:left;}
.m-more-line .line-more{display:none;}
.m-more-news{display:none;}
.m-navbar-box{display:none;}

[v-cloak] {
    display: none;
}