/* 通用=============================================================================================================================================================================*/
.article{ background:#fff;}
.article h1{ font-size:1.75em; color:#494949; font-weight:normal; border-bottom:1px solid #eee; padding:0 0 3% 0; margin:0 0 1% 0;}
.article h5{ font-weight:normal;}
.article p{ color:#888;}
.article p big{ color:#be875a;}
/* 头部=============================================================================================================================================================================*/
.logo {
	width:21%;
	text-align:left;
	font-size:1.6em;
	text-align:center;
	line-height:7.8em; /*修改高度 关联 header */
	margin:0 -1px;
}
.logo a{
	width:100%;
	vertical-align: middle;
}
.logo > i {font-style: normal; font-size:0; vertical-align: middle; display: inline-block;}

.logo a:after{content:''; vertical-align:middle;}

.logo a img {vertical-align: middle; }

.logo .hotline{ position:absolute; left:22%; top:36%; z-index:99;}
.logo .hotline p{ font-size:0.7em; display:block; text-align:left;}
.logo .hotline p + p{font-size:1em; line-height:1.2em; text-align:left;}

@media screen and (max-width:1023px){
.logo .hotline{ position:absolute; left:22%; top:33%;}
.logo {line-height:8.5em; /*修改高度 关联 header */}

}
@media screen and (max-width:959px){
.logo .hotline{ position:absolute; left:22%; top:32%;}
.logo {line-height:8.5em; /*修改高度 关联 header */}

}
@media screen and (max-width:767px){
.logo .hotline{ position:absolute; left:22%; top:32%; display:none;}

}

#header { box-shadow: 0 0 6px rgba(0,0,0,0.5);background:#fff; position:relative; z-index:99; }
/* 导航 -----------------------------------------------------------------------------------------------------------*/
#navbar { float:right; font-size:1.6em; text-align:left;  width:70%; position:relative; overflow:hidden; margin-bottom:-5px;  }
#navbar .navbar-overflow-bg { position:absolute; top:0; width:6.25em; bottom:6px; left:0; z-index:2;
	background:url(../images/template/navbar-overflow-bg.png) left center no-repeat;
	background-size: 100% 100%;  
	background-repeat:no-repeat9;  
    background-image:none9;  
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/template/navbar-overflow-bg.png', sizingMethod='scale')9;
}
#navbar .navbar-wrap { float:right; text-align:right; width:300%; *float:left; *margin-left:-200%; }
#navbar .navbar-inline {
	float:right;
	text-align:right;
	line-height:1.5em;
	padding:0em 0;
}
#navbar a { text-decoration:none; }
#navbar ul,
#navbar ul > li { display:inline-block; *display:inline; *zoom:1; vertical-align:top; position:relative;}
#navbar ul {
	padding:3.14375em 0 3.14375em;

}
#navbar ul li {
	margin:2px 0 5px;
	padding:0 2%;
	position:relative;
}
#navbar ul li + li { height:1em; border-left:1px solid #eee; }
#navbar .navbar-inline { width:33.3333%; }
#navbar ul { width:100%; }
#navbar ul li a {
	clear:both;
	float:left;
	width:100%;
	height:1.48em;
	font-size:1em;
	color:#494949;
	/*padding:3.14375em 0 3.14375em 0;修改header高度 */
	margin:-0.24em 0;
	white-space:nowrap;
}
/*#navbar ul li span{ display:none; border-right:1px solid #cbcbcb; height:1em; float:right; *float:none; padding:0 2em 0 0; margin:85% 0 0 0;top:20%; }*/

#navbar ul li:hover span,
#navbar ul li.on span { position:absolute; top:100%; left:50%; margin-left:-5.5px; margin-top:10px; width:11px; height:7px; color:#be875a; background:url(../images/meun-arrow.png) center 70% no-repeat; display:inline-block; *display:inline; *zoom:1; }

/*#navbar ul li:last-child{ padding-right:0px;}*/
@media screen and (max-width:1023px){
#navbar ul li a {font-size:1.2em;}

}



#navbar .navbar-wrap {}
#navbar ul { float:right; }
#navbar .search:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size:0;
}

#navbar .search { float:right; height:100%; color: inherit; position:relative; overflow:hidden; display:none;
	margin:-2px 0 0;/*微调搜索高度*/
	padding: 3.34375em 0 3.34375em 1.625em ;/*修改搜索高度*/
}

#navbar .search form { padding:3px 0 0; margin:0; }
#navbar .search input[type="reset"] { background:url(../images/template/icon.png) -8px -28px no-repeat; }
#navbar .search div { float:left; width:18.71428571428571em; width:0; /* height:2.857142857142857em;*/ background:#fff; border:1px solid #d8dde3; overflow:hidden; padding:0 0.5em; margin:-0.6785714285714285em 0; border-radius:5px; position:relative; z-index:1; 
	filter:alpha(opacity=0);
	-webkit-opacity: 0;
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;

}
#navbar .search input[type="text"] { float:left; width:100%; height:1.5em; line-height:1.5em;  font-size:0.875em; border:0; 

	padding:0.6785714285714285em 0; /*修改搜索高度*/

}
#navbar .search .button,
#navbar .search input[type="reset"] { float:right; width:25px; height:25px; position:absolute; right:0.5em; top:50%; margin-top:-10px; z-index:50; }
#navbar .search .button { background:url(../images/template/search-btn2.png) no-repeat;
	background-repeat:no-repeat9;  
    background-image:none9;
	background-color:#fff;
}
#navbar .search .button.on { background:url(../images/template/search-btn.png) no-repeat;



}


/* 首页banner=====================================================================================================================================================================*/
.slick .slick-prev,.slick .slick-next{padding:1.8%; margin:1% 5%; width:70px9; height:70px9;
filter:alpha(opacity=0);
-webkit-opacity: 0;	
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition:  0.4s;
-o-transition:  0.4s;
transition:  0.4s;

}
.slick:hover .slick-prev,.slick:hover .slick-next{ display:block;
filter:alpha(opacity=100);
-webkit-opacity: 1;	
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

.slick .slick-prev{ background:url(../images/banner-arrow-left.png) no-repeat; background-size:auto 99%;}
.slick .slick-next{ background:url(../images/banner-arrow-right.png) no-repeat; background-size:auto 99%;}
.slick .slick-slide{ float:left;}
.slick img{ float:left; width:100%; width:auto9;}
#banner #slick .slick-dots{filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}


/* 关于我们/新闻动态==================================================================================================================================================================*/

/* 新闻动态 */
.column{ padding:10% 0 0 0;}
.column .column-title{border-bottom:1px solid #d6d6d6; margin:0 0 6% 0;}
.column .column-title h3 { float:left; width:100%; color:#494949; line-height:1.2em; padding:0.6em 0; margin-top:-1em; position:relative; font-size:2.4em; }
.column .column-title h3 span{ color:#888;}
.column .column-title h3 span + span{ color:#d7965a;} 

.column-news-list {	clear:both;display:inline-block; text-align:left; }
.column-news-list li { float:left; width:100%; padding:0 0 3% 0;}
.column-news-list li + li { margin-top:1em; }
.column-news-list h4 { float:left; width:100%; font-size:1.8em; line-height:2em; margin-top:-0.25em; font-weight:normal; color:#494949; }
.column-news-list h4 a { float:left; width:100%; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.column-news-list p { float:left; width:100%; height:3em; line-height:1.5em; overflow:hidden; color:#9a9a9a;} 
.column-news-list .right { float:right; width:83%; }
.column-news-list h6 { float:left; display:block; width:12%; font-size:1.52em; font-size:1.05em9; text-align:center; color:#aaaaaa; font-weight:normal; }
.column-news-list h6 b { display:block; font-weight:100; font-size:2.6em; line-height:1.2em; text-align:center; }


/* 关于我们 */
.h-about{ float:left; width:100%; background:#fff;}
.h-about img{ float:left; width:40%; margin:0 5% 0 0;}
.h-about .column-about-list{ line-height:185%; color:#9a9a9a;}
.h-about-box{ width:90%;}

.icon-arrow-down { padding:3.5%; display:block;background: url(../images/down-arrow.png) no-repeat;background-size:auto 100%; position: absolute; top: 0; margin: -3.5% 0 0 -3.5%; left: 50%; z-index:999;}
.column-wrap{}
.column-wrap .container{padding:4em 0;}
.column{ padding-bottom:8%;}
@media screen and (max-width:768px) {
	.column:first-child { float:left;}
	.column { width:97.5%;}
	.h-about-box { width:100%; }
}
@media screen and (max-width:480px) {
	.column { clear:both; width:100%; padding-right:0; padding-bottom:4.2%;}
}
.column:after,
.column-title:after { content: ""; 	display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.column-title { clear:both; float:left; width:100%;	position:relative;}
.column-title h3 { float:left; width:100%; color:#494949; line-height:1.2em; padding:0.6em 0; margin-top:-1em; position:relative; font-size:2.4em; }
.column-title .column-more-ico { display:block; width:40px; height:40px; position:absolute; top:50%; right:0; margin-top:-15px; overflow:hidden; text-indent:-9999em; }
.column-title .column-more-ico span { float:left; width:40px; height:40px; position:absolute; left:50%; top:50%; margin:-20px 0 0 -20px; background:url(../images/icon-plus.png) no-repeat;background-position: 100% 0;}

/*新闻动态栏目页==================================================================================================================================================================*/
.news{ background:#fff; width: 1000px !important; margin: 5% auto; }
.news h4{ font-size:1.6em; font-weight:normal; color:#494949; margin:0px; padding:0 0 0.2% 0;}
.news ul{}
.news ul li{ border-bottom:1px solid #eee; padding:0 0 2.5% 0; margin:0 0 3% 0;}
.news ul li .date{ color:#888;}
.news ul li .date span{ color:#888; margin:0 0 0 1.0%;}
.news ul li p{ color:#888; padding:1.3% 0 0 0; line-height:180%}
.news #page{}
.news #page a{ font-size:0.9em;}
/*详细页*/
.news .title{ border-bottom:1px solid #eee; padding:0 0 2.5% 0; margin:0 0 2.5% 0; text-align:center;}
.news .title h1{ font-size:2.4em; padding:0 0 1.3% 0;}
.news p{ color:#888; padding:0 0 2% 0;}
.news .date{ font-size:12px; color:#888;}





/* 首页产品推荐=======================================================================================================================================================================*/
.h-recommend .icon-arrow-down { padding:3.5%; width:80px9; height:80px9; display:block;background: url(../images/down-arrow.png) no-repeat;background-size:auto 100%; position: absolute; top: 0; margin: -3.5% 0 0 -3.5%; left: 50%; z-index:55;}
.h-recommend { float: left; width: 100%;position: relative; padding:0 0 10% 0;}
.h-recommend .icon-arrow-down { padding:3.5%; display:block;background: url(../images/down-arrow.png) no-repeat;background-size:auto 100%; position: absolute; top: 0; margin: -3.5% 0 0 -3.5%; left: 50%; z-index:55;}
.h-recommend .column-title{ float:left; width:100%; padding:8% 0 0 0;}
.h-recommend .column-title h3 { float:left; width:100%;font-size: 3.6em;text-align: center; padding: 3.5% 0 3% 0;color: #d7965a;}
.h-recommend .column-title h3 span {border-bottom: 1px solid #d6d6d6; padding: 0 0 0.3em 0;}
.h-recommend .column-title h3 span > span { border: none;color: #888888;font-size: 0.8em;}
.h-recommend .column-title p { width: 40%;text-align: center; margin: 0 auto 5% auto;font-size: 1.5em;}

.h-recommend .list .items {background: #fff;position: relative; 
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-ms-transition:  0.6s;
-o-transition:  0.6s;
transition:  0.6s;
}
.h-recommend .list{ text-align:center;}
.h-recommend .list .items:hover {background: #787878;position: relative;}
.h-recommend .list .items:hover h4 a { color:#fff; text-decoration:none;}
.h-recommend .list .items:hover p { color:#d0d0d0;}
.h-recommend .list .items:hover .more { color:#fff;}

.h-recommend .list .items .pic {margin:0 0 56%; }
.h-recommend .list .items h4 { font-size: 1.8em; font-weight:normal; text-align:left; position: absolute; left:7.5%; top:62%;}
.h-recommend .list .items p { width: 85%; height: 6.5em;line-height: 170%; margin-bottom: 0em; overflow: hidden;color: #9a9a9a; text-align:left; position: absolute; left:7.5%; top:69.5%; }
.h-recommend .list .items .more { position: relative; font-size: 1.4em;color: #494949; float: right; right: 7.5%; margin:6.5em 0 7% 0; position: absolute; right:7.5%; top:69.5%; }

.h-recommend .list .items .pic a { border: 1px solid #fff;}
.h-recommend .list .items img {float: left;width: 100%;}
.h-recommend .list .items h4 a { color: #494949; padding: 0 0 0 0%;}
.h-recommend .list .item2 .pic {margin: 56% 0 0 0; }
.h-recommend .list .item2 h4 { top: 3.5%; margin: 0px; font-weight:normal;}
.h-recommend .list .item2 h4 a{ padding:0 0 0 0;}
.h-recommend .list .item2 p { position: absolute;top: 11%;left: 7.5%; width: 85%; line-height: 170%;margin-bottom: -0.25em;overflow: hidden;color: #9a9a9a;}
.h-recommend .list .item2 .more {font-size: 1.4em; position: absolute;top: 11%; right: 7.5%;color: #494949;}
.h-recommend .list .button-03{ position:relative; width:4em;}
.h-recommend .list .button-03:hover{ color:#fff;}

@media screen and (max-width:768px){
	.h-recommend .column-title p { width:80%; }
	.h-recommend .list .items { margin-bottom:2.5%; }
	.h-recommend .list .item2 .pic {margin: 0 0 56%; }
	.h-recommend .list .item2 h4  { top:62%;}
	.h-recommend .list .item2 p,
	.h-recommend .list .item2 .more { top:69.5%;}
}



/* 首页联系我们=======================================================================================================================================================================*/
.index-contact { width:100%; background:#f6f6f6; text-align:center;}
.index-contact .container { text-align:center;}
.index-contact .contact-box{ width:40%; position:relative;  z-index:3; background:#fff; margin:10% 0 13% 0; display:inline-block; *display:inline-block; *zoom:1; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.index-contact .contact-box h3{ background:#a7a7a7; padding:3% 10%; color:#fff; font-size:2.5em; border-radius: 5px 5px 0 0;}
.index-contact .contact-box .contact-info{ padding:5% 10% 5% 10%; position:relative;}
.index-contact .contact-box .contact-info p{ line-height:2.5em; }
.index-contact .contact-box .contact-info .arrow{ width:12%; bottom:0; padding-top:10%; position:absolute; left:50%; margin-left:-5%; top:100%; display:block; background:url(../images/arrow-map.png) no-repeat; background-size:auto 99%;}
.index-contact img{}


/* 侧边菜单==================================================================================================================================================================*/
#sidebar { float:left; width:23.24786324786325%; padding:2.5% 0 5% 0;}
#sidebar .sidebar-menu{ margin-top:0.2%; *margin-top:0%;}
.category-title{ float:left; width:99.6%; padding:8% 0; background:url(../images/category-title-bg.jpg) #f6f6f6 no-repeat; background-size:130% auto;}
.category-title h3{ color:#fff; font-size:2.6em; padding:0 0 0 1.2em; margin:0 0 0 0.8em; background:url(../images/icon-category.png) 0em center no-repeat;}
#sidebar:after,
.sidebar-menu:after { content: ""; 	display: block; height: 0; clear: both; visibility: hidden; font-size:0; }
.sidebar-menu { width:100%; font-size:1.5em; text-align:center; margin:-1px;display:inline-block; *display:inline; *zoom:1; vertical-align:top; position:relative; z-index:1; }
.sidebar-menu a {text-decoration:none; color:#494949;  font-size:1.0555em; background:#fff;}
.sidebar-menu > li { clear:both; float:left; width:100%; line-height:3.34em; padding:3.4em 0 0; border-top:1px solid #f6f6f6; position:relative; }
.sidebar-menu > li:first-child { border:none; }
.sidebar-menu > li ul { visibility:hidden; width:16.5em; font-size:0.933333em; background:#2b79b9; padding:0.928571em 0; position:absolute; top:0; left:100%; }
.sidebar-menu > li ul li { clear:both; width:100%; line-height:2.84em; padding:2.75em 0 1px; position:relative; }
.sidebar-menu > li ul ul{ font-size:1em; }
.sidebar-menu > li ul a { color:#aedaff; }
.sidebar-menu > li a { padding-left:2px; position:absolute; top:0; bottom:0; left:0; right:0; }
.sidebar-menu > li:hover > a { color:#be875a; background:#fff;/*修改背景颜色*/ border-left:2px solid #be875a;/*修改左边竖线*/ padding:0; }
.sidebar-menu > li.on > a { color:#be875a; background:#fff;/*修改背景颜色*/ border-left:2px solid #be875a;/*修改左边竖线*/ padding:0; width:97%; float:left; margin-left:0px;}
.sidebar-menu li li:hover > a { color:#fff; }
.sidebar-menu li:hover > ul { visibility:visible; }
@media screen and (max-width:768px) {
/* 侧边导航菜单 */
#sidebar { float:none !important; width:auto; margin-bottom:3%;}
.sidebar-menu { float:left;	width:100%; position:relative; }
.sidebar-menu a { text-decoration:none; }
.sidebar-menu > li { clear:both; float:left; width:100%; line-height:3.34em; padding:0 0 0; position:static; border-right: 1px solid #d9e3eb }
.sidebar-menu > li a { background:none !important; }
.sidebar-menu > li:first-child { border-top-left-radius:4px; border-top-right-radius:4px; }
.sidebar-menu > li:last-child { border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
.sidebar-menu > li ul { display:none; width:100%; background:none; position:relative; padding:0.928571em 0; top:0; left:auto; right:0; }
.sidebar-menu > li:hover ul{ display:block; }
.sidebar-menu > li ul li { padding:0 0 1px; }
.sidebar-menu > li a { display:block; width:100%; height:100%; background:#fff; position:relative; }
}

/* 侧边banner切换==================================================================================================================================================================*/
#banner-left{ float:left; width:99.7%; background:#fff; margin:10% 0 0 0;}
#banner-left #slick{ width:96%; margin:2%;  padding:0 0 15% 0;}
#banner-left #slick .slick-dots{ position:absolute; bottom:-1%;}

#banner-left .slick .slick-prev{filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
#banner-left .slick .slick-next{ filter:alpha(opacity=0);-webkit-opacity: 0;-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}

#banner-left .slick-slide img{ margin:0 0 7% 0;}
#banner-left .slick-slide h4{ text-align:center; font-size:1.6em; font-weight:normal; }
#banner-left .slick-slide h4 a{color:#777;  text-decoration:none;  padding:3% 0 0 0;}
@media screen and (max-width:1023px){
	#banner-left #slick{ width:96%; margin:2%;  padding:0 0 18% 0;}
	#banner-left .slick-slide img{ margin:0 0 5% 0;}
}
@media screen and (max-width:767px){
	#banner-left #slick{ width:96%; margin:2%;  padding:0 0 10% 0;}
    #banner-left .slick-slide h4 a{ font-size:1.6em; }
}
/*面包屑=============================================================================================================================================================*/
.breadcrumb { float:right; line-height:2.5em; font-size:1.4em; color:#888888;}
.breadcrumb a,
.breadcrumb span { color:#888888; }

/* 友情链接=======================================================================================================================================================================*/
.index-links{ width:100%; padding:3.5em 0;}
.index-links h4{ width:100%; border-bottom:1px dashed #dcdcdc; padding:0 0 0.9em 0; margin:0 0 0.9em 0; color:#494949;}
.index-links li{ float:left; padding:0 3% 0 0;}
.index-links li a{ float:left; font-size:1.4em; color:#696969;}
.index-links li a:hover{color:#d7965a;}

/* 内容banner=======================================================================================================================================================================*/
.in-banner { float:left; width:100%; position:relative;}
.in-banner .title{ line-height:1.3em; font-size:3em; width:8em; position:absolute; left:50%; top:50%; width:30%; height:0; margin-left:-15%; text-align:right;}
.in-banner .title h2{ height:1.3em; line-height:1.3em; font-size:1em; color:#fff; font-weight:bold; margin-top:-1.115em; padding:0 30% 0 0;}
.in-banner .title p { height:1.3em; line-height:1.3em; color:#fff; margin-top:-0.47em; padding:0 30% 0 0;}
.in-banner .title p span { line-height:1.6em; font-size:0.53em; vertical-align:middle;}

/* 内容小横幅banner===================================================================================================================================================================*/
.in-banner-m{ width:100%; height:74px; background:url(../images/content-banner-m-bg.jpg) #919193 center no-repeat; background-size:100% 100%;}
.in-banner-m .breadcrumb{ float:left; padding:1.5% 0 0 0;  color:#fff;}
.in-banner-m .breadcrumb a{ color:#fff;}
.in-banner-m .breadcrumb span{ color:#fff;}
/*搜索*/
.in-banner-m form div{ float:right;}
.in-banner-m .search{ float:right; padding:1.8% 0 0 0; }
.in-banner-m .search input{ float:right; background:#f0f0f0; padding:3% 0 3% 7%; border-radius: 100px 0 0 100px; width:70%;}
.in-banner-m .search .button{ float:right;border-radius: 0 100px 100px 0; width:16%; height:31px; height:30px9; background:url(../images/icon-search-b.png) #3f3f3f  center no-repeat;}
.in-banner-m .info{ position:relative; z-index:4;}
.in-banner-m .pic{ position:absolute; top:0px; width:100%;  z-index:3; left:0;}
.in-banner-m .pic img{ width:100%; height:74px;}
@media screen and (max-width:1023px){
.in-banner-m .breadcrumb{ padding:2.5% 0 0 0;}
.in-banner-m .search{  padding:2.4% 0 0 0;}
}
@media screen and (max-width:959px){
.in-banner-m .breadcrumb{ padding:2.5% 0 0 0;}
.in-banner-m .search{  padding:2.8% 0 0 0;}
}
@media screen and (max-width:759px){
.in-banner-m .breadcrumb{ padding:3% 0 0 0;}
.in-banner-m .search{  padding:3.2% 0 0 0;}
}


/* 关于我们内容区域=======================================================================================================================================================================*/

#content2,
#content { float:right; width:74.35897435897436%;margin-top:2.5%; margin-bottom:4%; }

@media screen and (max-width:1023px){
#content2,
#content { width:74.35897435897436%;}
}
@media screen and (max-width:767px){
#content2,
#content { width:100%;}
}

#content > .title { float:left; width:100%;}
#content > .title h2 { float:left; font-size:2.6em; font-weight:450; color:#494949; line-height:1.3em;border-left:2px solid #be875a; margin:4% 0 0 4.12371134020619%; padding:0.7% 2%; }
#content > .title h2 b { float:left; border-bottom:1px solid #004899; padding-bottom:0.85em; margin-bottom:-0.85em; margin-right:0.3em;  }
#content > .title h2 span { float:left; color:#8291a1; margin:0.05em 0 -0.5em; }
#content > .title .breadcrumb{ padding:5% 4.12371134020619% 0 0;}
#content.about{ background:#fff;}

/* 荣誉资质 */
.list_3col_70 ul { float:left; width:104%; margin:4.12371134020619% 0 0 -4%; }
.list_3col_70 ul li { float:left; width:29.3%; text-align:center; margin: 0 0 10px 4%;}
.list_3col_70 ul li div { float:left; width:100%; padding-top:65%; position:relative; }
.list_3col_70 ul li div a,
.list_3col_70 ul li div span { position:absolute; top:0; bottom:0; left:0; right:0; border:1px solid #d9e4ed; overflow:hidden;}
.list_3col_70 ul li div img { float:left; width:100%; height:100%; position:absolute; top:0; left:0; bottom:0; }
.list_3col_70 ul li > a,
.list_3col_70 ul li > span { line-height:3.6em; font-size:1.5em; text-align:center; }


/* 产品中心内容区域=================================================================================================================================================================*/
.product{ background:none;}
@media screen and (max-width:1023px){
}
@media screen and (max-width:767px){

}
.product h4{ float:left; text-align:center; padding:6% 0 3% 0;}
.product h4 a{ color:#494949; font-size:0.9em; font-weight:normal; padding:0 6% 0 6%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product div ul li > div{ background:#fff; margin-bottom:10%; border:1px solid #fff;}
.product div ul li > div p{ padding:0 5%; text-align:center; color:#888; font-size:1.3em; height:1.8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.content-top { background:#fff; font-size:1.8em; line-height:1.3; padding:1.8% 2.5%; margin-bottom:3%; text-align:right; }
.content-top .product-class { float:left; padding-left:0.5em; border-left:4px solid #be875a; }
.content-top .subnav { font-size:0.777em; margin-right:-10px; vertical-align:bottom; }
.content-top .subnav a { height:2em; line-height:2em; text-decoration:none; margin:0 7px; padding:0 0.5em; position:relative; display:inline-block; *display:inline; *zoom:1; }
.content-top .subnav a.on { background:#be875a; color:#fff;}
.content-top .subnav a.on b { float:left; width:15px; height:8px; background:url(../images/product_nav-arrow.jpg) center no-repeat; position:absolute; top:100%; left:50%; margin-left:-7.5px; }
.content-top .subnav a:hover { color:#be875a; }
.content-top .subnav a.on:hover { color:#fff; }


/*产品详细页分页=================================================================================================================================================================*/
.back-list-box{ float:left; width:100%; padding:2% 0 0 0;}
.back-list-box span{ width:90%; height:1em; border-bottom:1px solid #c3c3c3; display:block; position:absolute;}
.back-list-box .page-prev,.back-list-box .back-list,.back-list-box .page-next{ float:right;  width:30px; height:30px; margin:0% 0.3%; display:block; text-indent:-3000px;}
.back-list-box .page-prev{background:url(../images/icon-page-prev.png) no-repeat;}
.back-list-box .back-list{background:url(../images/icon-back-list.png) no-repeat;}
.back-list-box .page-next{background:url(../images/icon-page-next.png) no-repeat; margin:0% -0.7% 0 0.3%;}

/*产品详细页内容=================================================================================================================================================================*/
.product-details-info{ float:left; width:100%; background:#fff; margin-top:2%;}
.product-details-info h2{ font-size:3em; padding:0 0 1.7%  0;}
.product-details-info p{ color:#888; padding:4% 0 6% 0;}
.product-details-banner{ float:left; width:52%;}
.product-details-banner button{ width:14px; height:14px;}
.product-details-banner .slick-active button{ width:16px; height:16px;}
.product-details-info .product-details-right{ float:right; width:41.5%; padding:2.5% 2.5% 0 0;}

.product-details-info .detailed-slick-1 { padding-top:78%; }
.product-details-info .detailed-slick-1 .slick-list { position:absolute; top:0; left:0; overflow:hidden; }

.button-01{padding:0.6em 2em;}
.button-02{padding:0.6em 2em; margin:0 0 0 4%;}

.tags{ line-height:400%; margin:2em 0 0 0;}
.tags em{ color:#be875a;}


/*产品详细tab切换=================================================================================================================================================================*/
.tabswitch { float:left; width:100%; background:#fff; margin:2% 0 0 0; position:relative; }
.tabswitch .tab-title{ float:left; width:100%; border-bottom:1px solid #eee;}
.tabswitch .tabbtn { float:left; width:16%; font-size:2.4em; color:#888; padding:1.5% 0 1.8% 0;  text-align:center; border-top:2px solid #fff; border-right:1px solid #eee; }
.tabswitch .tabbtn.on { color:#be875a; border-color:#be875a; border-right:1px solid #eee; border-left:1px solid #eee; border-bottom:2px solid #fff; margin:0 0 -1px -1px; padding:1.5% 0 1.8% 0; background:#fff; }
.tab-contents { clear:both; color:#888;}
.tab-contents p{ color:#888; font-size:1.3em;}



/*相关产品=================================================================================================================================================================*/
.related-products{ float:left;}
.related-products h3{ font-size:2.4em; color:#494949; padding:1.5% 0 2% 0;}
.related-products h4{ float:left; text-align:center; padding:6% 0 3% 0;}
.related-products h4 a{ color:#494949; font-size:0.9em; font-weight:normal; padding:0 6% 0 6%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.related-products p{ padding:0 5%; text-align:center; color:#888; font-size:1.3em; height:1.8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.row-col-wrap{ background:#fff; border:1px solid #fff; margin-bottom:40%; padding-bottom:7%;}


/*单独指定=================================================================================================================================================================*/
.message-box .button-01{padding:0.5em 2.5em; margin:2% 0 0 0; }


/*一键分享给好友=================================================================================================================================================================*/
#share {z-index:1; width:90%; padding-bottom:5%;}
#share span { float:left; font-size:1.4em; padding:5% 0 0 0; *padding:2% 0 0 0;}
#share .share{ float:left; padding:0 0 0 0%;}
#share .bshare-custom { font-size:1em !important; }
#share .bshare-custom a { float:left; font-size:2em; width:2em; height:0; padding:2em 0 0 0; background:url(../images/share-40.png) 0 center no-repeat; background-size:auto 200%; margin:0;
	/* 针对IE9以下的样式 */
	 width:40px9; padding:40px 0 0 09;
}

#share .bshare-custom .qq { background-position:0% 0%; }
#share .bshare-custom .weixin { background-position:33% 0%; }
#share .bshare-custom .sina { background-position:50% 0%; }
#share .bshare-custom .qqweibo { background-position:84% 0%; }

#share .bshare-custom .qq:hover { background-position:0% 100%; }
#share .bshare-custom .weixin:hover { background-position:33% 100%; }
#share .bshare-custom .sina:hover { background-position:50% 100%; }
#share .bshare-custom .qqweibo:hover { background-position:84% 100%; }

/* 联系我们/留言内容页========================================================================================================================================================================*/
.contact{ float:right; width:33%; border-left:1px solid #eee;  padding:0 0 0 3%; margin:4% 0 0 0;}
.contact h2{padding:0 0 6% 0;font-size:2.4em;}
.contact h3{ font-weight:bold; color:#888; font-size:1.5em; padding:0 0 2% 0;}
.contact h4{font-size:1.5em; color:#888;}
.contact p{ padding:0 0 0% 0; line-height:210%; color:#888;}
.message h2{ font-size:2.4em; padding:6% 0 3% 0;}
.message p{ padding:0 0 3% 0;color:#888;}
.message{ width:60%; float:left; padding:0 0 6% 0;}
.message .form{ font-size:1.4em;}
.message .form .form-1col{}
.message .form .button-01{ font-size:1.4em; width:20%; margin:2% 0 0 0;}


/*分页=================================================================================================================================================================*/
#page { clear:both; width:100%; text-align:center; font-size:1.4em; }
#page a { font-size:1.142857142857143em; width:2.2em; height:2.2em; line-height:2.2em; color:#707070; margin:3px; border:1px solid #f0f0f0; display:inline-block; *display:inline;*zoom:1; border-radius:5px; vertical-align:middle; background:#fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition:  0.4s;
-o-transition:  0.4s;
transition:  0.4s;
}
#page a.on { color:#fff; background:#be875a; padding:1px; border:0; width:2.1em; height:2.1em; line-height:2.1em; }
#page a.on:hover { border:0; }
#page a:hover { text-decoration:none; background:#be875a; color:#fff; }
#page .next,#page .prev{ background:#494949; padding:0.2% 1.2% 0.2% 1.2%; color:#eee;}
#page .last-next{ /* 上下翻页 */ }
#page .start-end {	/* 第一页和最后一页 */ }


/* 底部===========================================================================================================================================================================*/

#footer { float:left; width:100%; background:#494949; border-top:1px solid #e4eaef; }
.footer-menu { width:100%; text-align:center;display:inline-block;  *display:inline; *zoom:1; padding:6.5% 0 3% 0;}
.footer-menu ul{ text-align:center;}
.footer-menu ul li { display:inline-block; *display:inline; *zoom:1;  border-bottom:1px solid #5d5d5d; line-height:1.6em; padding:0 0 2em 0;}
.footer-menu ul li:first-child a { border:none;}
.footer-menu ul li a{ float:left; width:auto; padding:0 1.5em 0 1.5em; font-size:1.6em; color:#ccc; border-left:1px solid #5e5e5e; }
.footer-menu ul li a:hover{ color:#d7965a; text-decoration:none;}

/* 二维码 */
#footer .erweima {width:45%; text-align:center; border-bottom:1px solid #5d5d5d; padding:0 0 3em 0;}
#footer .erweima ul{ text-align:center;}
#footer .erweima li{ display:inline-block; *display:inline; *zoom:1; *float:left; *width:30%;}
#footer .erweima li.left{ position:relative; top:-0.5em; *top:0em; width:27%;}
#footer .erweima li.left span{ font-size:1.4em; text-align:right; padding:0 0 0.5em 0;}
#footer .erweima li.left span + span{ font-size:1.4em; margin:0 0 0 0;}
#footer .erweima li.right{ width:50%;}
#footer .erweima li.right span{ display:block; font-size:1.5em; text-align:left; color:#848484; padding-bottom:2%;}
#footer .erweima li.right span + span{font-size:2.5em; text-align:left; color:#be875a; padding:3% 0 0 0; background:url(../images/icon-phone.png) 0px  center no-repeat; padding:0 0 0 15%;}
#footer .erweima li.center{ width:20%;}
#footer .erweima li.center img{ position:relative; margin:-3em 0 0 0; *margin:-0.5em 0 0 0; opacity:0.6; opacity:06;}
#footer .erweima .left span{width:100%; display:block; text-align:left; color:#848484;}

#footer .erweima img{ width:70%;}
.copyright{ padding:1.5em 0 5em 0; color:#848484; }
.copyright p{ font-size:1.2em; color:#6c6c6c; padding:0 0 0.5em 0;}
.copyright span{ color:#848484; font-size:1.4em;}
.copyright span a{ color:#848484;}

@media screen and (max-width:959px){
#footer .erweima li.right span + span{font-size:2.5em; text-align:left; color:#be875a; padding:3% 0 0 0; background:url(../images/icon-phone.png) 0px  center no-repeat;  background-size:20px; padding:0 0 0 15%;}
}
@media screen and (max-width:767px){
	#footer .erweima { display:none; }
	.footer-menu ul li a { border:0; }
	.footer-menu ul li { border:0; padding:0 0 1em; }
}



.kf { float:left; width:100px; padding:10px; background:#fff; position:fixed; top:17%; right:2%; z-index:999; }
.kf,
.kf .return-top {
	box-shadow: 0 0 4px rgba(0,0,0,0.2); cursor:pointer;
}
.kf .list,
.kf .list p { clear:both; width:100%; float:left; font-size:12px; }
.kf .erweima { float:left; width:100%; color:#888;  }
.kf a,
.kf .erweima p { float:left; width:100%; line-height:3em; line-height:3; height:3em; border-bottom:1px solid #dfdfdf; text-decoration:none; }
.kf .return-top { position:absolute; top:100%; left:0; margin-top:10px; background:#fff url(../images/return-top_25.png) center no-repeat; width:100%; height:35px; }

.kf a b { width:16px; height:16px; background:url(../images/kf.png) right center no-repeat; vertical-align:middle; margin-right:5px; display:inline-block; *display:inline; *zoom:1;  }
.kf a:hover b  { background-position:left center; }
.kf .cell { float:left; width:100%; padding-top:0.5em; }
.kf .cell p { line-height:2; text-align:left; }
.kf .cell p span { color:#378cb9; }
.kf .cell .tishi { color:#888; }