/*======================================
Theme Name: zRoc
Theme URI: http://
Description: A company theme.
Version: 1.2
Author: zuluo
Author URI: http://www.cnzooit.com
Tags:  blue,light,two-columns,fixed-width,custom-menu,theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/*============================ SETUP ============================*/
html {
    display: block;
    position: relative;
	width: 100%;
    height: 100%;
	font-size: 20px;
	font-family: "Open Sans",sans-serif;
	box-sizing: border-box;
}
body {
	margin:0;
	padding:0;
	color: #332f32;
	font-size: 0.8rem;
	min-height: 100%;
    display: flex;
    flex-direction: column;
}
@media only screen and (max-width:767px){
	body {
		padding-bottom: 3rem;
	}
}
@font-face {
    font-family: Oswald;
    src: url(fonts/Oswald-Bold.ttf);
}

body div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input, textarea {
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
    
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}
h1,h2,h3,h4,h5,h6 {	font-weight:600; }
p, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-weight:100;
}
img {
	border: none;
}
.clear {
	clear:both; height:0; width:100%; font-size: 1px; line-height: 0px;
}
a, a:link, a:visited{
	color: #444;
	text-decoration: none;
}
a:hover, a:hover {
	color: #0065B1;
	text-decoration: none;
}
/* base */
.content {
	margin-top: 0;
}
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding: 0 2rem;
    max-width: 1440px;
}
@media only screen and (max-width:1023px){
	.container-fluid{ padding:0 1rem }
}
@media only screen and (max-width:767px){
	.container-fluid{ padding:0 0.6rem }
}
/*============================ HEADER ============================*/
nav {
	margin: 1rem 0 0 0;	
}
@media only screen and (max-width:767px){
	nav { position:relative; margin: 0 0 0 0; padding: 0 0.6rem; background-color: #0065B1; }
	nav .container-fluid{ padding:0 0 }
}
.nav-logo {
	margin: 0;	
	position:relative;
}
@media only screen and (max-width:767px){
	.nav-logo { height: 2.5rem; padding:0.5rem 0; }
}
.nav-primary {
    display: block;
	position:relative;
	margin: 0;	
	background-color: #0065B1;
	z-index: 9999;
}
#logo  {
    display: block;
    width: 12rem;
    height: 4rem;
    margin-left: auto;
    margin-right: auto;
}
#logo img {
	max-height: 4rem;
}
#logo2 { float:left; display: none; }

@media only screen and (max-width:767px){
	#logo { display: none; }
	#logo2 { display: block; }
	#logo2 img {
		display: block;
		height: 1.5rem;
	}
}
#header-flag {
	position:absolute;
	right:0;
	bottom:0;
	height:1rem;
}
@media only screen and (max-width:767px){
	#header-flag { float:right; position:relative; margin-top:0.25rem; }
}
.flag {
	float:left;
	margin: 0 0 0 0.5rem;
	width: 1.3rem;
	height: 1rem;
}
.flag img {
	display: block;
	width: 1.3rem;
	height: 1rem;
}
/*============================ NAVIGATION ============================*/
.menu1 {  
	float:right;
	display: none;
	overflow:hidden;
	margin: 0 0 0 0.5rem;
	padding: 0 0 0 0; 
	width: 1.3rem;
	height: 1.3rem;
	line-height: 1.3rem;
	text-indent:-9999px;
	cursor:pointer;

	background: url(images/menu.png) no-repeat 3px 3px;
}
.menuopen {
	background: url(images/menu.png) no-repeat 3px 3px;
}
.menuclose {
	background: url(images/menu.png) no-repeat 3px -37px;
}
@media only screen and (max-width:767px){
	.menu1 { display: block;	}
}
#navi {
	position: relative;
	margin-top: 0.5rem;	
	height: 2.4rem;
    text-align: center;
}
#navi ul{
    display: inline-block;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
/*Top level list items*/
#navi ul li{
	list-style-type: none;
	display: inline-block;
	position: relative;
    margin: 0 1rem 0 1rem;
}
#navi ul li:first-child {
	background: none;
}
#navi ul li a { 
	display: block;
	margin: 0;
    padding: 0.8rem 0;
    line-height: 0.8rem;
	color: #93C9EC;
    font-size: 0.8rem;
    font-weight: 300;
}
#navi ul li a img { 
	display:none;
}
#navi ul li:hover a { 
	color: #fff;
}

#navi>ul>li.menu-item-has-children>a, #navi>ul>li.menu-item-has-children>a:hover {
	padding-right: 1rem;
}
@media only screen and (max-width:767px){
	#navi>ul>li.menu-item-has-children>a, #navi>ul>li.menu-item-has-children>a:hover {
		padding-right: 0;
	}
}
#navi>ul>li.menu-item-has-children>a:after {
    position: absolute;
    right: 0.1rem;
    top: 1.1rem;
    width: 0;
    height: 0;
    content: "";
    border-width: 0.2rem 0.2rem 0 0.2rem;
    border-style: solid;
    border-color: #0065B1 transparent;
    -webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;
}
#navi>ul>li.menu-item-has-children>a:before {
    position: absolute;
    right: 0;
    top: 1.1rem;
    width: 0;
    height: 0;
    content: "";
    border-width: 0.3rem 0.3rem 0 0.3rem;
    border-style: solid;
    border-color: #eee transparent;
    -webkit-transition: transform .25s;
       -moz-transition: transform .25s;
        -ms-transition: transform .25s;
         -o-transition: transform .25s;
            transition: transform .25s;
}
@media only screen and (max-width:767px){
	#navi>ul>li.menu-item-has-children>a:after {
		display:none;
		position: absolute;
		right: 0.1rem;
		top: 1.1rem;
		width: 0;
		height: 0;
		content: "";
		border-width: 0.2rem 0.2rem 0 0.2rem;
		border-style: solid;
		border-color: #0065B1 transparent;
		-webkit-transition: all .25s;
		   -moz-transition: all .25s;
			-ms-transition: all .25s;
			 -o-transition: all .25s;
				transition: all .25s;
	}
	#navi>ul>li.menu-item-has-children>a:before {
		display:none;
		position: absolute;
		right: 0;
		top: 1.1rem;
		width: 0;
		height: 0;
		content: "";
		border-width: 0.3rem 0.3rem 0 0.3rem;
		border-style: solid;
		border-color: #eee transparent;
		-webkit-transition: transform .25s;
		   -moz-transition: transform .25s;
			-ms-transition: transform .25s;
			 -o-transition: transform .25s;
				transition: transform .25s;
	}
}
#navi ul li.current-menu-item a, #navi ul li.current-page-item a { 
	color: #fff;
}
@media only screen and (min-width:768px){
	#navi ul li ul {
		overflow:hidden;
		left: 0;
		top: 2.4rem;
		margin: 0 0 0 0;	
		padding: 0 0 0 0;
		z-index: 40;
		min-width: 13rem;
		position:absolute;
		background: #fff;
		height:0;

		-webkit-box-shadow: 0px 1px 2px 0px #999;
		box-shadow: 0px 1px 2px 0px #999;

		-webkit-transition: height 0.4s;
		-moz-transition: height 0.4s;
		transition: height 0.4s;
	}
}
#navi ul li:hover ul {
	height:auto;
}
#navi ul li:hover ul li ul { visibility: hidden; }
#navi ul li:hover ul li ul li ul { visibility: hidden; }
#navi ul li ul li { 
	float: left; 
	overflow:hidden;
	position: relative;
	display: inline;
	margin: 0 0 0 0;	
	padding: 0 0 0 0;	
	width: 100%;
}
#navi ul li ul li a { 
	display: block;
	margin: 0 0 0 0;
	padding: 0.7rem 2.5rem 0.5rem 0.6rem;
	color: #323232;
	font-size: 0.7rem;
	font-family: arial,sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform:none;
	border-bottom: 1px solid #ccc;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#navi ul li ul li a span { 
	display: block;
	overflow:hidden;
	padding: 0.2rem 0;
	height: 2.4rem;
	line-height: 1rem;
	color: #666;
	font-size: 0.6rem;
	font-weight: 100;
	white-space: word-break;
}
#navi ul li.current-menu-item ul li a, #navi ul li.current-page-item ul li a { 
	color: #323232;
}
#navi ul li.menu-item-has-children:hover ul li a { 
	color: #323232;
}
#navi ul li.menu-item-has-children:hover ul li a:hover { 
	color: #fff;
}
#navi ul li.current-menu-item ul li:last-child a, #navi ul li.current-page-item ul li:last-child a { 
	border-bottom: 0;
}
#navi ul li:hover ul li a {
	margin: 0 0 0 0;
	color: #0065B1;
	background: #fff;
}
#navi ul li:hover ul li:last-child a, #navi ul li:hover ul li:last-child a { 
	border-bottom: 0;
}
#navi ul li ul li a:hover {
	color: #FFF;
    background: url(images/arrow.png) right 50% no-repeat;
	background-color: #0065B1;
}
#navi ul li ul li a:hover span {
	color: #FFF;
}
#navi ul li ul li a:hover i {
	color: #000;
}
#navi ul li:hover ul li a i { 
	color: #444;
	background: none;
}
#navi ul li:hover ul li a:hover i { 
	color: #000;
	background: none;
}
#navi ul li ul li ul { 
	visibility: hidden;
}
#navi ul li:hover ul li:hover ul { visibility: hidden; }

@media only screen and (max-width:767px){
	#navi {		
		position: fixed;
		left:0;
		bottom:0;
		width:100%;
		height: 3rem;
		z-index: 995;
	}
	#navi ul {
		margin:0;
		padding:0;
		width: 100%;
		background-color: #332f32;
		z-index: 999;
	}
	#navi ul li {
		float:left;
		margin:0;
		padding:0;
		width: 20%;
	}
	#navi ul li a {
		display: block;
		position:relative;
		color: #eee;
		margin: 0 0 0 0;
		padding: 0.3rem 0 0 0;
		width:100%;
		height: 3.3rem;
		font-size: 0.6rem;
		text-decoration: none;
		text-align:center;
		z-index: 999;
		background-color: #332f32;
	}
	#navi ul li a img {
		display:block;
		vertical-align: middle;	
		margin: 0 auto 0.3rem auto;
		opacity:0.5;
	}
	#navi ul li:hover { 
		background-color: #EF9B29;
	}
	#navi ul li:hover a img { 
		opacity:1.0;
	}
	#navi ul li:hover span { 
		color: #333;
	}
	#navi ul li ul{
		display: block;
		overflow:hidden;
		left: 0;
		bottom: -30rem;
		margin: 0 0 0 0;	
		padding: 0 0 0 0;
		z-index: 996;
		min-width: 13rem;
		position:absolute;
		background: #fff;

		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		transition: all 0.4s;
	}
	#navi ul li:hover ul{
		left: 0;
		bottom: 3.3rem;
	}
	#navi ul li ul li {
		z-index: 998;
	}
	#navi ul li ul li a {
		padding: 0.7rem 2.5rem 0.5rem 0.6rem;
		height: auto;
		z-index: 997;
	}
}
.nav-primary #search {
	position:absolute;
	right: 1rem;
	top: 0.5rem;
	height: 1.4rem;
	z-index:9999;
}
.nav-primary #s {
	float: left;
    padding: 0.2rem 1.5rem 0.2rem 0.5rem;
    width: 10rem;
	line-height: 0.8rem;
    border: none;
    color: #eee;
	font-size:0.8rem;
	outline: none;
	border: none;
    background: #6BA6D6 url(images/search.png) right 0 no-repeat;
    border-radius: 2rem;
    -webkit-appearance: none;
}
.nav-primary #s:focus {
	color: #323232;
    background: #fff url(images/search.png) right -2rem no-repeat;
}
.nav-primary #searchsubmit {
	float: left;
	margin: 0 0 0 -1.2rem;
	border: none;
	cursor: pointer;
	height:1.2rem;
	width:1.2rem;
	text-indent:-9999px;
	background:none;
}
@media only screen and (max-width:767px){
	.nav-primary #search {
		display:none;
		position:relative;
		margin:0 auto;
		padding-top:0.5rem;
		left: 0;
		top: 0;
		width: 100%;
		height: 2.5rem;
	}
	.nav-primary #s {
		float: left;
		width: 100%;
	}
}
/*============================ slider ============================*/
.flexslider0{ height:460px; }
.flexslider0 .slides > li { height:460px; }
.flexslider0 .slides img { height:460px; }
.flexslider0 .slides .slide_con {
	overflow:hidden; 
	width: 96rem;
	margin-left: -48rem;
	position: absolute;
	left: 50%;
	text-align: center;
}
.flexslider0 .slides li .slide_text {
	overflow:hidden;
	position:relative;
	display:block; 
	margin: 3rem 0 0 5rem;
	padding: 1rem 1.5rem;
	width:45%;
	z-index:999;
    background-color: rgba(255,255,255,0.5);

	opacity:0;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.flexslider0 .slides li.flex-active-slide .slide_text {
	opacity:1;
	-webkit-transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.flexslider0 .slides li .slide_text dt {
	overflow:hidden;
	line-height: 3rem;
	color: #000;
	font-size: 2.5rem;
	z-index:999;
    text-shadow: 1px 1px 0 #fff;
}
.flexslider0 .slides li .slide_text dd {
	overflow:hidden;
	margin-top: 1.5rem;
	height: 7.5rem;
	line-height: 1.5rem;
	color: #000;
	font-size: 0.8rem;
	z-index:999;
}

@media only screen and (max-width:767px){
	.flexslider0 .slides li .slide_text {
		overflow:hidden;
		position:relative;
		display:block; 
		margin: 1.5rem 1rem 0 1rem;
		padding: 1rem 1rem;
		width:85%;
		z-index:999;
		background-color: rgba(255,255,255,0.4);

		opacity:0;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		transition: all 1s;
	}
	.flexslider0 .slides li .slide_text dt {
		overflow:hidden;
		line-height: 1.5rem;
		color: #000;
		font-size: 1.5rem;
		font-weight:600;
		z-index:999;
		text-shadow: 1px 1px 0 #fff;
	}
	.flexslider0 .slides li .slide_text dd {
		overflow:hidden;
		margin-top: 0.5rem;
		height: 6.6rem;
		line-height: 1.1rem;
		color: #000;
		font-size: 0.7rem;
		font-weight:400;
		z-index:999;
	}
}

/*首页 模块标题区*/
p.index-profile {
    margin: 1.5rem 0 1rem 0;
    padding: 0;
    color: #777; 
	font-size: 1rem;
	font-weight:100;
	text-align:center;
}
p.index-profile b {
    color: #0065B1;
    font-weight: 600;
}
.index_title {
	display: block;
    margin: 1.5rem auto 0 auto;
	padding: 0 0;
	text-align:center;
}
.index_title h2 {
    margin-bottom: 0.5rem;
    color: #444;
    font-size: 2rem;
	font-weight:200;
    word-spacing: 0.2rem;
}
.index_title h2 b {
	color:#0065B1;
	font-weight:200;
}

@media only screen and (max-width:767px){
	.index_title { margin: 1rem auto 0 auto; }
	.index_title h2 { font-size: 1.4rem; }
}
.index_title h2 b {
    color: #0065B1;
    font-weight: 600;
}
.index_title p {
    margin: 0 0 1rem 0;
    padding: 0;
    color: #777; 
	font-size: 0.8rem;
	font-weight:100;
}
/* about页面  OEM页面 banner下面文字 */
.head_text {
	display: block;
    margin: 1.5rem auto 0 auto;
	padding: 0 0;
	text-align:center;
}
.head_text p {
    margin: 0 0 1rem 0;
    padding: 0;
    color: #777; 
	font-size: 1.2rem;
	font-weight:100;
}
/* 页面 大标题 */
.block_title {
	overflow:hidden;
	margin: .8rem 0 .8rem 0;
	height: 30px;
	line-height: 30px;
	color: #999;
	font-size: 1.4rem;
	background:url(images/title_bak.png) repeat-x right 5px; 
}
.block_title b {
	color: #0065B1;
	padding-right:0.5rem;
	background-color: #FFF;
}
.block_title i {
	padding-right:0.5rem;
	color: #999;
	font-style:normal;
	background-color: #FFF;
}
@media only screen and (max-width:767px) {
	.block_title b {
		font-size: 1rem;
	}
}
/* 首页产品分类列表 */
.index-product {
	ox-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .5rem;
    margin-right: -1rem;
    margin-left: -1rem;
}
.prod-one { 
    margin-bottom: 1rem; 
	padding: 0 1rem;
	
	-webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    width: 25%;
}
@media only screen and (max-width:767px){
	.index-product {
		margin-right: -.3rem;
		margin-left: -.3rem;
	}
	.prod-one { 
		margin-bottom: 0.5rem; 
		padding: 0 0.3rem;
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
	}
}
@media only screen and (max-width:479px){
	.prod-one { 
		margin-bottom: 0.5rem; 
		padding: 0 0.3rem;
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}
}
.prod-one-con {
	display: block;
	position:relative;
	width:100%;
	height:100%;
}

.prod-one img { 
	display: block;
	margin: 0 auto; 
	width: 100%; 
}
.prod-one-con span {
	position:absolute;
	bottom:1rem;
	left:1rem;
	color: #fff;
	font-size:1rem;
	font-weight:bold;
	text-align:left;
    text-shadow: 1px 1px 0 #000;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.prod-one-con:hover span { 
	opacity:0;
}
.prod-one-text {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	color: #fff;
    background: url(images/arrow.png) 85% 90% no-repeat;
    background-color: rgba(0,101,177,0.80);
	opacity:0;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.prod-one-con:hover .prod-one-text { 
    background: url(images/arrow.png) right 90% no-repeat;
    background-color: rgba(0,101,177,0.80);
	opacity:1;
}
.prod-one-con a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.prod-one-con dt {
	overflow:hidden; 
	margin: 1rem 1rem 0.5rem 1rem;
	padding:0;
	height: 2rem;
	line-height: 2rem;
	color:#fff;
	font-size:1rem;
	font-weight:bold;
	text-align:left;
}
.prod-one-con dd { 
	overflow:hidden; 
	margin: 0.5rem 1rem 0.5rem 1rem;
	padding: 0;
	height: 4rem;
	line-height: 1rem;
	color:#fff;
	font-size: 0.7rem;
	text-align:left;
}

@media only screen and (max-width:767px){
	.prod-one-text, .prod-one-con:hover .prod-one-text {
		position:relative;
		width:100%;
		height: 1.8rem;
		line-height: 1rem;
		background: none;
		background-color: #fff;
		opacity:1;
	}
	.prod-one-con span {
		display:none;
	}
	.prod-one-con dt {
		margin: 0;
		padding:0.5rem 0;
		height: auto;
		line-height: 100%;
		color: #323232;
		font-weight:300;
		text-align:center;
	}
	.prod-one-con dd { 
		display:none;
	}
}
@media only screen and (max-width:479px){
	.prod-one-text, .prod-one-con:hover .prod-one-text {
		position:relative;
		width:100%;
		background: none;
		background-color: #fff;
		opacity:1;
	}
	.prod-one-con dt {
		margin: 0;
		padding:0.5rem 0;
		height: auto;
		line-height: 100%;
		color: #323232;
		font-weight:300;
		text-align:center;
	}
	.prod-one-con dd { 
		display:none;
	}
}
/* 首页方案列表 */
.index-solution {
	overflow:hidden; 
	margin: 0;
	padding: 0;
}
.solution-one { 
	overflow:hidden; 
    margin-bottom: 1rem;
	padding: 0 0;
	border:1px solid #eee;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
@media only screen and (min-width:1023px){
	.solution-one { 
		height:10.5rem;
	}
	.solution-one:hover { 
		border:1px solid #0063B4;
	}
}
.solution-one img { 
	float:left;
	display: block;
	width: 50%; 
	height:100%;
}
@media only screen and (max-width:479px){
	.solution-one img { 
		width: 40%; 
		height:100%;
	}
}
.solution-one-text a {
	display: block;
}
@media only screen and (min-width:1023px){
	.solution-one:hover a, .solution-one:hover a dt, .solution-one:hover a dd {
		color: #fff;
	}
}
.solution-one-text {
	float:left;
	display: block;
	padding: 1rem 1rem 1rem 1rem;
	width:50%;
	height:7.5rem;
	text-align:left;
    background: url(images/arrow.png) 85% 50% no-repeat;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
@media only screen and (min-width:1023px){
	.solution-one-text { 
		padding: 1.5rem 5rem 2rem 1.5rem;
		height:10.5rem;
	}
	.solution-one:hover .solution-one-text { 
		color: #fff;
		background: url(images/arrow.png) 96% 50% no-repeat;
		background-color: rgba(0,101,177,1.0);
	}
}
@media only screen and (max-width:767px){
	.solution-one { 
		height:8rem;
	}
	.solution-one-text {
		padding: 0.7rem 1rem 0.7rem 1rem;
		height:7rem;
		background: none;
	}
}
@media only screen and (max-width:479px){
	.solution-one { 
		height:auto;
	}	
	.solution-one img { 
		float:none;
		display: block;
		width: 100%; 
	}
	.solution-one-text { 
		padding: 0.5rem 0.5rem 0.5rem 0.5rem;
		width: 100%; 
		height:auto;
		text-align:center;
	}
}
.solution-one-text dt {
	overflow:hidden; 
	margin-bottom: .5rem;
	height: 1.3rem;
	color: #444;
	font-size:1rem;
	font-weight:600;
}
.solution-one-text dd { 
	overflow:hidden; 
	margin:0;
	height: 3.3rem;
	line-height: 1.1rem;
	color: #999;
	font-size: 0.8rem;
	font-weight:200;
}
@media only screen and (min-width:1023px){
	.solution-one-text dt {
		overflow:hidden; 
		margin-bottom: 1rem;
		height: 1.6rem;
		color: #444;
		font-size:1.2rem;
		font-weight:600;
	}	
	.solution-one-text dd {
		height: 4.4rem;	
	}
}
@media only screen and (max-width:767px){
	.solution-one-text dt {
		margin-bottom: 0.3rem;
		height: 1.3rem;
		line-height: 1.3rem;
		color: #444;
		font-size:0.8rem;
		font-weight:700;
	}
	.solution-one-text dd { 
		overflow:hidden; 
		margin:0;
		height: 4rem;
		line-height: 1rem;
		color: #999;
		font-size: 0.7rem;
		font-weight:100;
	}

}
@media only screen and (max-width:479px){
	.solution-one-text dt {
		margin-bottom: 0.2rem;
		height: 1.3rem;
		line-height: 1.3rem;
		color: #444;
		font-size:1rem;
		font-weight:600;
	}
	.solution-one-text dd { 
		overflow:hidden; 
		margin-bottom: 0.5rem;
		height: auto;
		line-height: 1rem;
		color: #999;
		font-size: 0.7rem;
		font-weight:100;
	}
}
/* 首页 客户评价 */
.flexslider2{ 
    margin-top: 1rem;
    margin-bottom: 2rem!important;
	height: 16rem;
	border: 1px solid #ccc;
}
.flexslider2 .slides > li { height: 16rem; }
.flexslider2 .flex-direction-nav { display: block; z-index:9999; }

.word-one {
	display:block;
	padding: 3rem 5rem;
}
@media screen and (min-width: 992px)and (max-width:1199px) {
	.word-one {
		padding: 3rem 3rem;
	}
}
.word-one-name {
	float:left;
	width: 30%;
	padding: 3rem 0 1.5rem 2rem;
	background: #fff;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.flexslider2 .slides .word-one-name img {
	float:left;
	width: 35%;
	padding-right:5%;
}
.word-one-name dt {
	float:left;
	width: 65%;
	padding-top: 1rem;
	color:#1671B6;
	font-size: 1.1rem;
	font-weight: bold;
	background: url(images/quote1.png) -0.2rem -0.7rem no-repeat;
}
.word-one-name dd {
	float:left;
	width: 65%;
	margin:0;
	color:#999;
	font-size: 0.8rem;
}
.word-one-con {
	float:left;
	width: 70%;
	padding: 1.5rem 2rem 1.5rem 2rem;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}
.word-one-con dd {
	overflow:hidden;
	margin:0;
	height: 7.5rem;
	line-height:1.5rem;
	font-size: 0.8rem;
}
@media only screen and (max-width:767px){
	.word-one {
		background: #0063B4 url(images/quote1.png) 0.5rem 0.5rem no-repeat;
		background-size: 8% 16%;
	}
	.word-one-con {	
		padding: 1rem 1.5rem 1rem 2.5rem;
		background: url(images/quote3.png) right 4.5rem no-repeat;
		background-size: 12% 25%;
	}
	.word-one-con dd {
		overflow:hidden;
		margin:0;
		height:5.5rem;
		line-height:1.1rem;
		color: #fff;
		font-size: 0.7rem;
	}
}
@media only screen and (max-width:479px){
	.word-one {
		background: #0063B4 url(images/quote1.png) 0 0 no-repeat;
		background-size: 8% 16%;
	}
	.word-one-con {	
		padding: 1rem 1rem 1rem 1.5rem;
		background: url(images/quote3.png) right 4.5rem no-repeat;
		background-size: 12% 25%;
	}
	.word-one-con dd {
		overflow:hidden;
		margin:0;
		height:5.5rem;
		line-height:1.1rem;
		color: #fff;
		font-size: 0.7rem;
	}
}
/* 首页 联系我们 */
.index-contact {
	overflow:hidden; 
	margin: 1.5rem 0 1.5rem 0;
	padding: 0;
}
@media only screen and (max-width:767px){
	.index-contact {
		margin: 0 0;
	}
}
.contact-box {
	float:left;
	margin-top:0;
	padding-bottom: 2rem;
	width:100%;
	height:100%;
}
.contact-left, .contact-right {
	float:left;
	padding:0 0;
	width:100%;
}
#result {
	margin: 0 auto 0 auto;
	padding: 1rem 0 1rem 0;
	width:60%;
}
#result p {
	font-size: 1rem;
	line-height:160%;
	text-align:center;
}
@media only screen and (max-width:479px){
	.contact-left, .contact-right {
		width: 100%;
		background-size: auto 100%;
	}
	#result {
		width:95%;
	}
	#result p {
		font-size: 0.8rem;
		line-height:160%;
	}
}
.contact-left p {
	float:left;
	overflow:hidden;
	margin: 0 0;
	padding: 0 0;
	width: 25%;
}
.contact-left p:nth-child(2) {
	padding: 0 1rem;
}
.contact-left p:nth-child(3) {
	padding: 0 1rem 0 0;
}
@media only screen and (max-width:767px){
	.contact-left p {
		margin: 0 0.5rem 0 0.5rem;
	}
	#result {
		width:80%;
	}
	#result p {
		font-size: 0.9rem;
		line-height:160%;
	}
}
.contact-right p {
	overflow:hidden;
	margin: 0 0;
	padding: 0 0;
}
@media only screen and (max-width:767px){
	.contact-right p {
		margin: 0 0.5rem 0 0.5rem;
	}
}
.contact-box p b {
	float:left;
	margin: 8px 0 0 0.5rem;
	color:#f00;
	font-size:24px;
	font-weight:normal;
}
.contact-box p span {
	float:left;
	display:inline-block;
	height:30px;
	line-height:30px;
}
.contact-box p input {
	float:left;
	margin: 0 0 1rem 0;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	width: 100%;
	line-height:1rem;
	color: #444;
	font-size: 0.7rem;
	font-family:arial,sans-serif;
	outline:none;
	border: 1px solid #ddd; 
	background-color: rgba(255,255,255,0.3);

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
@media only screen and (max-width:767px){
	.contact-box p input {
		padding: 0.2rem 0.5rem 0.2rem 0.5rem;
	}
}
.contact-box p input.name {
	background-position: 3px 5px;
}
.contact-box p input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
	border: 1px solid #CCC!important;
}
.contact-box p input.email {
	background-position: 2px -75px;
}
.contact-box p input.company {
	background-position: 2px -35px;
}
.contact-box p input.phone {
	background-position: 2px -10.8rem;
}
.contact-box textarea {
	margin: 0 0 0.8rem 0;
	padding: 0.5rem 0.5rem;
	width: 100%;
	height: 5rem;
	line-height: 1rem;
	color: #444;
	font-size: 0.7rem;
	font-family:arial,sans-serif;
	outline:none;
	border: 1px solid #ddd; 
	background-color: rgba(255,255,255,0.3);

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media only screen and (max-width:767px){
	.contact-box textarea {
		margin: 0 0 0.4rem 0;
		height: 6.5rem;
		line-height: 1rem;		
	}
}
.contact-box .button {
	display:block;
	margin: 0 0 0 0;
	padding:0;
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	color:#0065B1;
	font-size: 0.9rem;
	font-weight:bold;
	text-align:center;
	background: #f2f2f2;
	cursor:pointer;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-transition:all 0.4s; 
	-moz-transition:all 0.4s; 
	-o-transition:all 0.4s; 
}
@media only screen and (max-width:767px){
	.contact-box .button {
		height: 1.5rem;
		line-height: 1.5rem;
		font-size: 0.8rem;
	}
}
.contact-box .button:hover {
	color:#fff;
	background: #1671B6;
}
.contact-box p.msg {
	display:none;
	overflow:hidden;
	margin:0.5rem 0 0 0;
}
.contact-box #z_Message {
	float:left;
	margin:0 0 0 0.8rem;
	text-align: left;
}
.contact-box #z_loading {
	float:left;
	margin:0 0 0 0.8rem;
	height:22px; width:22px; 
	vertical-align:bottom;
}
#wrap {
	margin: 1rem auto 0 auto;	
    padding: 0 2rem 1rem 2rem;
    max-width: 1440px;
}
#content {
	overflow:hidden;
	margin: 0 auto 3rem auto;
	padding: 0 0 0 0;
	width:90%;
	max-width:55rem;
}
#content-side {
	overflow:hidden;
	margin: 0;
	padding: 0 0 0 0;
}
@media only screen and (max-width:1023px){
	#wrap {
		padding: 0 1rem 1rem 1rem;
	}
	#content {
		width:100%;
	}
}
@media only screen and (max-width:767px){
	#wrap {
		padding: 0 0.6rem 1rem 0.6rem;
	}
}
/*模块标题区*/
.con-title {
	display: block;
	overflow:hidden; 
    margin: 1.5rem auto 1rem auto;
	padding: 0 0;
	width:90%;
	max-width:55rem;	
	max-height:9.5rem;
	text-align:center;
}
.con-title h2 {
    margin-bottom: 0.5rem;
	height: 2rem;
	line-height: 2rem;
    color: #444;
    font-size: 1.8rem;
	font-weight:100;
    word-spacing: 0.2rem;
}
.con-title h2 b {
	margin-right: 0.5rem;
    color: #0065B1;
    font-weight: 600;
}
.con-title img {
	max-width:50%;
}
.con-title p {
	overflow:hidden; 
	display:block;
    margin: 0;
    padding: 0;
	max-height: 7rem;
	line-height: 1.4rem;
    color: #999; 
	font-size: 1rem;
	font-weight:100;
}
.con-title .title-desp {
	display:none;
}

@media only screen and (max-width:767px){
	.con-title {
		margin: 1rem auto 0.5rem auto;
		width:100%;
		min-width:100%;
	}
	.con-title h2 {
		font-size: 1.4rem;
	}
	.con-title p {
		font-size: 0.8rem;
	}
	.con-title img {
		max-width:100%;
	}
}
/* 分类 以及各页面 大 banner */
#banner {
	overflow:hidden; 
	margin: 0 auto;
    padding: 0 2rem;
    max-width: 1440px;
	height:22rem;
}
@media only screen and (max-width:1023px){
	#banner {
		padding: 0 1rem;
	}
}
@media only screen and (max-width:767px){
	#banner {
		padding: 0 0.6rem;
	}
}
#banner .banner_con {
	display:block; 
	position:relative;
	overflow:hidden; 
	width: 100%;
	height:100%;
	text-align: center;
	background-position: 50% 50%;
	background-size:auto 100%;
}
#banner .banner_con img {
	width: 100%;
	height:100%;
}
#banner .banner_text {
	overflow:hidden;
	display:block; 
	position:absolute;
	padding: 7rem 1rem 2rem 1rem;
	left: 3rem;
	bottom:0;
	width:40%;
	height: 22rem;
	text-align:left;
	z-index:999;
    background: url(images/mask.png) 50% bottom no-repeat;
	background-size:100% auto;
}
#banner .banner_text dt {
	overflow:hidden;
	margin-bottom: 1rem;
	line-height: 2.5rem;
	color: #000;
	font-size: 2rem;
	z-index:999;
    text-shadow: 1px 1px 0 #fff;
}
#banner .banner_text dd {
	overflow:hidden;
	margin-top:  0.5rem;
	height: 6rem;
	line-height: 1.2rem;
	color: #000;
	font-size: 0.8rem;
	z-index:999;
}
#banner .banner_text dd p{
	margin:0;
	padding:0;
}
@media only screen and (max-width:767px){
	#banner .banner_text {
		overflow:hidden;
		display:block; 
		position:absolute;
		padding: 1rem 1rem 1rem 1rem;
		left: 1rem;
		top: 1rem;
		width:80%;
		height: 11rem;
		text-align:left;
		z-index:999;
		background: url(images/mask.png) 50% bottom no-repeat;
	}
	#banner .banner_text dt {
		overflow:hidden;
		line-height: 2rem;
		color: #000;
		font-size: 1.5rem;
		z-index:999;
		text-shadow: 1px 1px 0 #fff;
	}
	#banner .banner_text dd {
		overflow:hidden;
		margin-top:  0.5rem;
		height: 6rem;
		line-height: 1.2rem;
		color: #000;
		font-size: 0.8rem;
		z-index:999;
	}
	#banner .banner_text dd p{
		margin:0;
		padding:0;
	}
}
@media only screen and (max-width:479px){
	#banner .banner_text {
		overflow:hidden;
		display:block; 
		position:absolute;
		padding: 1rem 1rem 1rem 1rem;
		left: 1rem;
		top: 1rem;
		width:80%;
		height: 15rem;
		text-align:left;
		z-index:999;
		background: url(images/mask.png) 50% bottom no-repeat;
	}
}
/* 分类 以及各页面下面的 contact */
#contact {
	overflow:hidden; 
	margin-bottom: 2rem;
    padding: 6.5rem 5rem;
    max-width: 1440px;
    background-position: 50% 50%;
	background-size: auto 100%;
}
#contact .contact_text {
	display:block; 
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#contact .contact_text dt {
	overflow:hidden;
	color: #323232;
	font-size: 2rem;
    text-shadow: 1px 1px 0 #fff;
}
#contact .contact_text dd {
	overflow:hidden;
	margin-top:  0.5rem;
    width: 70%;
	height: 3.6rem;
	line-height: 1.2rem;
	color: #000;
	font-size: 1.2rem;
}
@media only screen and (max-width:767px){
	#contact {
		padding: 1rem 1rem;
		background: url(images/contact.jpg) 50% 50% no-repeat;
		background-size: auto 100%;
	}
	#contact .contact_text dt {
		font-size: 1.5rem;
	}
	#contact .contact_text dd {
		margin-top:  0.5rem;
		width: 100%;
		height: 3.3rem;
		line-height: 1.1rem;
		color: #000;
		font-size: 0.8rem;
	}
}
@media only screen and (max-width:479px){
	#contact {
		padding: 0.5rem 1rem;
	}
	#contact .contact_text dt {
		font-size: 1.2rem;
	}
}

/*****当前位置******/
.position {
	display:none;
	overflow:hidden;
	margin: 0 0 0 0;
	color: #666;
	font-size: 16px;
	border-bottom: 2px solid #0065B1;
}
.position a { 
	margin: 0;
	padding: 0 5px 0 5px;
	line-height: 40px;
	color: #666;
	font-size: 16px;
	font-weight: normal; 
}
.position a:first-child { 
	margin-left: -5px;
}
.position a:hover { 
	color: #0065B1;
}
.position em {
    padding: 0 5px;
	color: #aaa;
    font-style: normal;
    font-family: Fixedsys, monospace;
}
/* 一行一列图文混排 右图左文 OEM 页面 */
.oem_one {
	overflow:hidden;
	margin: 1rem 0 1.5rem 0;
	padding: 0 0 1.5rem 0;
	border-bottom: 2px solid #eee;
}
.oem_one .oem_one_title {
	overflow:hidden;
	margin: 1rem 0 1.5rem 0;
	text-align:center;
}
.oem_one .oem_one_title h2 {
	padding:0;
	color:#444;
	font-size: 1.8rem;
	font-weight:200;
}
.oem_one .oem_one_title h2 b {
    color: #0065B1;
    font-weight: 600;
}
.oem_one .oem_one_con {
	overflow:hidden;
	padding-right: 1.5rem;
}
.oem_one .oem_one_con p {
	overflow:hidden;
	line-height: 1.25rem;
	color: #6F6F6F;
	font-size: 0.7rem;
}
.oem_one .oem_one_img {
	float:right;
	overflow:hidden;
	margin: 0;
	padding: 0;
	width: 60%;
}
.oem_one .oem_one_img img {
	display:block;
	width: 100%;
	height: auto;
}
@media only screen and (max-width:767px){
	.oem_one {
		margin: 0.5rem 0 1rem 0;
	}
	.oem_one .oem_one_con {
		padding-top: 0.5rem;
		padding-right: 1rem;
		height: 6rem;
	}
	.oem_one .oem_one_img {
		float:none;
		width: 100%;
		height: 5.5rem;
	}
	.oem_one .oem_one_title h2 {
		font-size: 1.0rem;
		font-weight:400;
	}
	.oem_one .oem_one_con p {
		max-height: 5.5rem;
		line-height: 1.1rem;
	}
}
/* 一行两列图文混排 左图右文 About 页面 */
.about_boxes {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.about-one {
	display:flex;
	overflow:hidden;
	margin: 0.5rem 0;
	padding: 0 0.5rem;

    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}
.about-one a {
	position: relative;
	display:block;
	padding: 0 1.5rem 0 0;
	width: 100%;
	border:2px solid #eee;
	color:#332f32;
	text-align: left;
}
.about-one a:hover {
	border-color:#006DB5;
}
.about-one .about-one-img {
	float: left;
	overflow:hidden;
	margin: 0 1.5rem 0 0;
	padding: 0;
	width: 13rem;
	height: 13rem;
}
.about-one .about-one-img img {
	display:block;
	width: 100%;
	height: 100%;
}
.about-one h3 {
	display:block;
	overflow:hidden;
	margin: 0;
	padding: 1.5rem 0 1rem 0;
	color:#555;
	font-size: 1.4rem;
	font-weight: 600;
}
.about-one p {
	display:block;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0;
	height: 4.4rem;
	line-height: 1.1rem;
	font-size: 0.8rem;
	font-weight: 100;
}
@media only screen and (max-width:1023px){
	.about-one a {
		padding: 0 1rem 0 0;
	}
	.about-one .about-one-img {
		margin: 0 1rem 0 0;
		width: 8rem;
		height: 8rem;
	}
	.about-one h3 {
		padding: .5rem 0 .5rem 0;
		line-height: 100%;
		font-size: 1.1rem;
	}
	.about-one p {
		height: 3.3rem;
		line-height: 1.1rem;
	}
}
@media only screen and (max-width:767px){
	.about-one {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.about-one a {
		padding: 0 1.5rem 0 0;
	}
	.about-one .about-one-img {
		margin: 0 1.5rem 0 0;
		width: 8rem;
		height: 8rem;
	}
	.about-one h3 {
		padding: 1rem 0 .5rem 0;
		line-height: 100%;
		font-size: 1.1rem;
	}
	.about-one p {
		height: 3.3rem;
		line-height: 1.1rem;
	}
}
/* 左图右文 About 页面 */
.about_text {
	overflow:hidden;
	margin: 2rem 0 1.5rem 0;
	padding: 0 0 1.5rem 0;
	border-bottom: 2px solid #eee;
}
.about_text .about_text_img {
	float: left;
	padding-right: 0.5rem;
	width:50%;
}
.about_text .about_text_img img {
	width:100%;
}
.about_text .about_text_con {
	float: left;
	padding-left: 1rem;
	width:50%;
}
@media only screen and (max-width:767px){
	.about_text .about_text_img {
		float: none;
		padding-right: 0;
		width:100%;	
	}
	.about_text .about_text_con	{
		float: none;
		padding-top: .5rem;
		padding-left: 0;
		width:100%;	
	}
}
/* 一行一列图文混排 左图右文 搜索页 标签页 */
.post_list {
	overflow:hidden;
	margin: 0.5rem 0 1rem 0;
	padding: 0;
}
.post_list .post_list_img {
	float: left;
	margin: 0;
	padding: 0;
	width: 25%;
	height: 4.8rem;
}
.post_list .post_list_img img {
	display:block;
	width: 100%;
	height: auto;
}

.post_list .post_list_con {
	float: right;
	overflow:hidden;
	padding-left: 1rem;
	width: 75%;
	height: 4.8rem;
	color: #6F6F6F;
	font-size: 0.7rem;
}
.post_list .post_list_con dt {
	overflow:hidden; 
	margin: 0 0 5px 0;
	padding:0;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: .8rem;
	font-weight:bold;
}
.post_list .post_list_con dt a {
	color:#2B2B2B;
}
.post_list .post_list_con dt a:hover {
	color:#0065B1;
}
.post_list .post_list_con dd { 
	overflow:hidden; 
	padding: 0;
	height: 3.3rem;
	line-height: 1.1rem;
	color:#6E6E6E;
	font-size:0.7rem;
}
/* 三列 图文混排*/
.three_boxes {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
@media only screen and (max-width:767px){
	.three_boxes {
		margin-right: -.3rem;
		margin-left: -.3rem;
	}
}
.list_three {
	display: flex;
	overflow:hidden;
	margin: 0.5rem 0;
	padding: 0 0.5rem;

	align-items: stretch;
	
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

    -webkit-flex-basis: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}
@media only screen and (max-width:767px){
	.list_three {
		padding: 0 0.3rem;

		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width:479px){
	.list_three {
		padding: 0 0.3rem;

		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}
.list_three a {
	position: relative;
	display:block;
	padding: 0 1rem 2rem 1rem;
	width: 100%;
	border:2px solid #eee;
	color:#332f32;
}
.list_three a:hover {
	border-color: #0065B1;
}
.list_three .list_three_img {
	overflow:hidden;
	margin: 3rem 2rem 0 2rem;
	padding: 0;
} 
@media only screen and (max-width:1023px){
	.list_three a {
		padding: 0 1rem 1rem 1rem;
	}
	.list_three .list_three_img {
		margin: 1rem 1rem 0 1rem;
	}
}
@media only screen and (max-width:767px){
	.list_three .list_three_img {
		margin: 1rem auto 0 auto;
		max-width:12rem;
	}
}
@media only screen and (max-width:479px){
	.list_three .list_three_img {
		margin: 1rem auto 0 auto;
		max-width:12rem;
	}
}
.list_three .list_three_img img {
	display:block;
	width: 100%;
	height: auto;
}
.list_three h2 {
	display:block;
	overflow:hidden;
	margin: 1rem 0 1rem 0;
	padding: 0;
	font-weight: 100;
    color: #a4a4a4;
    font-size: 1.5rem;
	text-align:center;
}
.list_three p {
	display:block;
	overflow:hidden;
	margin: 0 0 1rem 0;
	padding: 0;
	height: 3.3rem;
	line-height: 1.1rem;
	font-size: 0.8rem;
	text-align:center;
}

@media only screen and (max-width:1023px){
	.list_three h2 {
		margin: 0.5rem 0 0.5rem 0;
		font-size: 1.2rem;
	}
	.list_three p {
		margin: 0 0 0 0;
	}
}
@media only screen and (max-width:767px){
	.list_three p {
		font-size: 0.7rem;
	}
}

/* 四列 图文混排*/
.four_boxes {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
@media only screen and (max-width:767px){
	.four_boxes {
		margin-right: -.3rem;
		margin-left: -.3rem;
	}
}
.list_four {
	display: flex;
	overflow:hidden;
	margin: 0.5rem 0;
	padding: 0 0.5rem;

	align-items: stretch;
	
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}
@media only screen and (max-width:767px){
	.list_four {
		padding: 0 0.3rem;

		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width:479px){
	.list_four {
		padding: 0 0.3rem;

		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}
.list_four a {
	position: relative;
	display:block;
	padding: 0 1rem 2rem 1rem;
	width: 100%;
	border:2px solid #eee;
	color:#332f32;
}
.list_four a:hover {
	border-color: #0065B1;
}
.list_four .list_four_img {
	overflow:hidden;
	margin: 2rem auto 0 auto;
	padding: 0;
	width: 90%;
} 
@media only screen and (max-width:1023px){
	.list_four a {
		padding: 0 1rem 1rem 1rem;
	}
	.list_four .list_four_img {
		margin: 1rem 1rem 0 1rem;
	}
}
@media only screen and (max-width:767px){
	.list_four .list_four_img {
		margin: 1rem auto 0 auto;
		max-width:12rem;
	}
}
@media only screen and (max-width:479px){
	.list_four .list_four_img {
		margin: 1rem auto 0 auto;
		max-width:12rem;
	}
}
.list_four .list_four_img img {
	display:block;
	width: 100%;
	height: auto;
}
.list_four h2 {
	display:block;
	overflow:hidden;
	margin: 1rem 0 1rem 0;
	padding: 0;
	font-weight: 100;
    color: #a4a4a4;
    font-size: 1.5rem;
	text-align:center;
}
.list_four p {
	display:block;
	overflow:hidden;
	margin: 0 0 1rem 0;
	padding: 0;
	height: 3.3rem;
	line-height: 1.1rem;
	font-size: 0.8rem;
	text-align:center;
}
@media only screen and (max-width:1023px){
	.list_four h2 {
		margin: 0.5rem 0 0.5rem 0;
		font-size: 1.2rem;
	}
	.list_four p {
		margin: 0 0 0 0;
	}
}
@media only screen and (max-width:767px){
	.list_four p {
		font-size: 0.7rem;
	}
}

/* archive-sublist.php */
/* 四列 图片+标题 */
.box-sub4 {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.box-sub4-one {
    display: flex;
	overflow:hidden;
	margin: 0.5rem 0;
	padding: 0 0.5rem;
	
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

	align-items: stretch;

    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}
.box-sub4-one a {
	position: relative;
	display:block;
	padding: 0 1rem 1rem 1rem;
	width: 100%;
	border:2px solid #eee;
	color:#332f32;
}
.box-sub4-one a:hover {
	border-color:#006DB5;
}
.box-sub4-one .box-sub4-img {
	overflow:hidden;
	margin: 1.5rem auto 0 auto;
	padding: 0;
	width: 80%;
}
.box-sub4-one .box-sub4-img img {
	display:block;
	width: 100%;
	height: auto;
}
.box-sub4-one .box-solu4-img {
	overflow:hidden;
	margin: 1rem auto 0 auto;
	padding: 0;
	width: 100%;
}
.box-sub4-one .box-solu4-img img {
	display:block;
	width: 100%;
	height: auto;
}
.box-sub4-one h3 {
	display:block;
	overflow:hidden;
	margin: 0;
	padding: 1rem 0;
	color:#777;
	font-size: 0.9rem;
	font-weight:400;
	text-align:center;
}
.box-sub4-one p {
	display:block;
	overflow:hidden;
	margin: 0 0 .5rem 0;
	padding: 0;
	height: 3.3rem;
	line-height: 1.1rem;
	font-size: 0.8rem;
	text-align:center;
}
/* 三列 图片+标题 */
.box-sub3 {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.box-sub3-one {
	display:flex;
	overflow:hidden;
	margin: 0.5rem 0;
	padding: 0 0.5rem;

    -webkit-flex-basis: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}
.box-sub3-one a {
	position: relative;
	display:block;
	padding: 0 1rem 1.5rem 1rem;
	width: 100%;
	border:2px solid #eee;
	color:#332f32;
}
.box-sub3-one a:hover {
	border-color:#006DB5;
}
.box-sub3-one .box-sub3-img {
	overflow:hidden;
	margin: 2rem auto 0 auto;
	padding: 0;
	width: 75%;
}
.box-sub3-one .box-sub3-img img {
	display:block;
	width: 100%;
	height: auto;
}
.box-sub3-one .box-solu3-img {
	overflow:hidden;
	margin: 1rem auto 0 auto;
	padding: 0;
	width: 100%;
}
.box-sub3-one .box-solu3-img img {
	display:block;
	width: 100%;
	height: auto;
}
.box-sub3-one h3 {
	display:block;
	overflow:hidden;
	margin: 0;
	padding: 1rem 0;
	color:#555;
	font-size: 1.2rem;
	font-weight:200;
	text-align:center;
}
.box-sub3-one p {
	overflow: hidden;
    max-height: 3.75rem;
    line-height: 1.25rem;
    color: #6F6F6F;
    font-size: 0.7rem;
}
/* 二列 图片+标题 */
.box-sub2 {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.box-sub2-one {
	display:flex;
	overflow:hidden;
	margin: 0.5rem 0;
	padding: 0 1.5rem;

    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}
.box-sub2-one a {
	position: relative;
	display:block;
	padding: 0 2rem 1rem 2rem;
	width: 100%;
	border:2px solid #eee;
	color:#332f32;
}
.box-sub2-one a:hover {
	border-color:#006DB5;
}
.box-sub2-one .box-sub2-img {
	overflow:hidden;
	margin: 1rem auto 0 auto;
	padding: 0;
	width: 75%;
}
.box-sub2-one .box-sub2-img img {
	display:block;
	width: 100%;
	height: auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-sub2-one p {
	display:block;
	overflow:hidden;
	margin: 0 0 .5rem 0;
	padding: 0;
	height: 3.3rem;
	line-height: 1.1rem;
	font-size: 0.8rem;
	text-align:center;
}
/* 方案列表专用 */
.box-sub2-one .box-solu2-img {
	overflow:hidden;
	margin: 1rem auto 0 auto;
	padding: 0;
	width: 100%;
}
.box-sub2-one .box-solu2-img img {
	display:block;
	width: 100%;
	height: auto;
}
.box-sub2-one h3 {
	display:block;
	overflow:hidden;
	margin: 0;
	padding: 1rem 0;
	color:#555;
	font-size: 1rem;
	text-align:center;
}
/* 一列 图片+标题 */
.box-sub1 {
	margin: 0.8rem 0;
}
.box-sub1-one {
	overflow:hidden;
	margin: 0.5rem auto;
	padding: 0 0.5rem;

    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}
.box-sub1-one a {
	position: relative;
	display:block;
	padding: 0 1rem 1rem 1rem;
	width: 100%;
	border:2px solid #eee;
	color:#332f32;
}
.box-sub1-one a:hover {
	border-color:#006DB5;
}
.box-sub1-one .box-sub1-img {
	overflow:hidden;
	margin: 2rem auto 0 auto;
	padding: 0;
	width: 75%;
}
.box-sub1-one .box-sub1-img img {
	display:block;
	width: 100%;
	height: auto;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box-sub1-one .box-solu1-img {
	overflow:hidden;
	margin: 1rem auto 0 auto;
	padding: 0;
	width: 100%;
}
.box-sub1-one .box-solu1-img img {
	display:block;
	width: 100%;
	height: auto;
}
.box-sub1-one h3 {
	display:block;
	overflow:hidden;
	margin: 0;
	padding: 1rem 0;
	color:#555;
	font-size: 1rem;
	text-align:center;
}
.box-sub2-one p {
	display:block;
	overflow:hidden;
	margin: 0 0 .5rem 0;
	padding: 0;
	height: 3.3rem;
	line-height: 1.1rem;
	font-size: 0.8rem;
	text-align:center;
}
@media only screen and (max-width:1023px){
	.box-sub4, .box-sub3, .box-sub2, .box-sub1 {
		margin-right: -.6rem;
		margin-left: -.6rem;
	}
	.box-sub4-one, .box-sub3-one, .box-sub2-one, .box-sub1-one {
		padding: 0 0.6rem;

		-webkit-flex-basis: 33.3333%;
		-ms-flex-preferred-size: 33.3333%;
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}
}
@media only screen and (max-width:767px){
	.box-sub4, .box-sub3, .box-sub2, .box-sub1 {
		margin-right: -.3rem;
		margin-left: -.3rem;
	}
	.box-sub4-one, .box-sub3-one, .box-sub2-one, .box-sub1-one {
		padding: 0 0.3rem;

		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width:479px){
	.box-sub4, .box-sub3, .box-sub2, .box-sub1 {
		margin-right: -.3rem;
		margin-left: -.3rem;
	}
	.box-sub4-one, .box-sub3-one, .box-sub2-one, .box-sub1-one {
		padding: 0 0.3rem;

		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.box-sub4-one.show:nth-child(n+7), .box-sub3-one.show:nth-child(n+7), .box-sub2-one.show:nth-child(n+7), .box-sub1-one.show:nth-child(n+7) {
		display:none;
	}
}
@media only screen and (max-width:1023px){
	.box-sub4-one .box-sub4-img, .box-sub3-one .box-sub3-img, .box-sub2-one .box-sub2-img, .box-sub1-one .box-sub1-img {
		width: 90%;
	}
	.box-sub4-one h3, .box-sub3-one h3, .box-sub2-one h3, .box-sub1-one h3 {
		font-size:1rem;	
	}
}
@media only screen and (max-width:767px){
	.box-sub4-one a, .box-sub3-one a, .box-sub2-one a, .box-sub1-one a {
		padding: 0 1rem 0.5rem 1rem;
	}
	.box-sub4-one .box-sub4-img, .box-sub3-one .box-sub3-img, .box-sub2-one .box-sub2-img, .box-sub1-one .box-sub1-img {
		width: 90%;
	}
}
/* 尺寸搜索 */
.block-one {
	display: block;
	overflow:hidden; 
	padding: 20px 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.block-left {
	float:left;
	width:35%;
	padding-right:10%;
}
.block-left h2 {
	display: block;
	overflow:hidden; 
    margin: 0 auto .5rem auto;
	padding: 0 0;
}
.block-left img {
	width:100%;
}
.block-right {
	float: right;
	width:65%;

}
.block-right .block-right-title {
	display: block;
	overflow:hidden; 
	width:100%;
	padding: 0.25rem 0.25rem;
	background-color: #ccc;
	border-bottom: 1px solid #fff;
}
.block-right .block-right-one {
	display: block;
	overflow:hidden; 
	width:100%;
	padding: 0 0;
	border-bottom: 1px solid #fff;
}
.block-right-one a {
	display: block;
	overflow:hidden; 
	padding: .25rem 0.25rem;
	background-color: #eee;
}
.block-right-one a:hover {
	background-color: #ccc;
}
.block-right dd {
	float: left;
}
.block-right .dd1 {
	width:55%;
}
.block-right .dd2 {
	width:15%;
}

@media only screen and (max-width:767px){
	.block-left {
		float:left;
		width:100%;
		padding-right:0;
	}
	.block-right {
	    float: left;
	    width: 100%;
	}
    .block-right dd {
        font-size: 0.7rem;
    }

}

/* 三列 标题+说明 */
.box-three {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.box-three-one {
	display:flex;
	overflow:hidden;
	margin: 0.5rem 0;
	padding: 0 0.5rem;

    -webkit-flex-basis: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
}

/* 条件搜索时过滤隐藏 */
.box-three-one.show {
	display:flex;
}
.box-three-one.hide {
	display:none;
}
.box-three-one a {
	position: relative;
	display:block;
	padding: 0 1rem 1rem 1rem;
	width: 100%;
	border:2px solid #eee;
	color:#332f32;
}
.box-three-one a:hover {
	border-color:#006DB5;
}
.box-three-one h3 {
	display:block;
	overflow:hidden;
	margin: 0;
	padding: 1rem 0 0.5rem 0;
	color:#0065B1;
	font-size: 1.2rem;
	font-weight:300;
	text-align:left;
}
.box-three-one dt {
	overflow: hidden;
	padding-bottom:0.3rem;
    max-height: 3.9rem;
    line-height: 1.20rem;
    color: #323232;
    font-size: 0.7rem;
}
.box-three-one dd {
	overflow: hidden;
    max-height: 3.6rem;
    line-height: 1.20rem;
    color: #6F6F6F;
    font-size: 0.7rem;
}
@media only screen and (max-width:1023px){
	.box-three-one h3 {
		padding: 1rem 0 0.5rem 0;
		font-size: 1rem;
	}
	.box-three-one dt {
		line-height: 1.1rem;
	}
	.box-three-one dd {
		max-height: 3.3rem;
		line-height: 1.1rem;
	}
}
@media only screen and (max-width:1023px){
	.box-three {
		margin-right: -.6rem;
		margin-left: -.6rem;
	}
	.box-three-one {
		padding: 0 0.6rem;

		-webkit-flex-basis: 33.3333%;
		-ms-flex-preferred-size: 33.3333%;
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}
}
@media only screen and (max-width:767px){
	.box-three {
		margin-right: -.3rem;
		margin-left: -.3rem;
	}
	.box-three-one {
		padding: 0 0.3rem;

		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width:479px){
	.box-three {
		margin-right: -.3rem;
		margin-left: -.3rem;
	}
	.box-three-one {
		padding: 0 0.3rem;

		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}
/* 方案详情页面 相关产品 */
.solu-product {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
/* 方案详情页面 客户反馈 */
.solu-say {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.solu-say-one {
	display: flex;
	overflow:hidden;
	margin: 0.5rem 0 2rem 0;
	padding: 0 0.5rem;

	align-items: stretch;
	
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}
@media only screen and (max-width:767px){
	.solu-say {
		margin-right: -.3rem;
		margin-left: -.3rem;
	}
	.solu-say-one {
		padding: 0 0.3rem;

		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
}
@media only screen and (max-width:479px){
	.solu-say {
		margin-right: -.3rem;
		margin-bottom: 1rem;
		margin-left: -.3rem;
	}
	.solu-say-one {
		margin: 0.5rem 0 0.5rem 0;
		padding: 0 0.3rem;

		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
}
.solu-say-one-con {
	position: relative;
	padding: 1.5rem 1.5rem 5rem 1.5rem;
	border:2px solid #eee;
	color:#332f32;
}

@media only screen and (max-width:479px){
	.solu-say-one-con {
		padding: 1rem 1rem;
	}
}
.solu-say-one-con p {
	overflow:hidden;
	line-height: 1.1rem;
	color: #666;
	font-size: 0.8rem;
}
.solu-say-one-name {
	position: absolute;
	right: 1.2rem;
	bottom:1rem;
	text-align:right;
}
.solu-say-one-name dt {
	color: #444;
	font-size: 0.8rem;
	font-weight:600;
}
.solu-say-one-name dd {
	padding-top:0.2rem;
	color: #777;
	font-size: 0.8rem;
}
@media only screen and (max-width:479px){
	.solu-say-one-name {
		position: relative;
		right: 0;
		bottom: 0;
		padding-top: 0.5rem;
	}
}
/*方案详情页 标题区*/
.solu_title {
	display: block;
    margin: 1.5rem auto 1rem auto;
	padding: 0 0;
	text-align:center;
}
.solu_title h2 {
    margin-bottom: 0.5rem;
    color: #323232;
    font-size: 2rem;
	font-weight:100;
    word-spacing: 0.2rem;
}
.solu_title h2 b {
    color: #0065B1;
    font-weight: 600;
}
.solu_title p {
    margin: 0;
    padding: 0;
    color: #999; 
	font-size: 1rem;
	font-weight:100;
}
/* news 分类列表 */
#news-box {
    display: block;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.news-one { 
	float:left;
    display: block;
	margin: .5rem 0;
	padding: 0 0;
    width: 33.3333%;
}
.news-one a { 
	position: relative;
    display: block;
	margin:0 .5rem;
    padding: 1.5rem .8rem;
    border: 2px solid #eee;

	-webkit-transition:all 0.4s; 
	-moz-transition:all 0.4s; 
	-o-transition:all 0.4s; 

}
@media only screen and (min-width:768px){
	.news-one a:hover { 
		border: 2px solid #0065B1;

		-webkit-box-shadow: 0px 0px 5px #999;
		box-shadow: 0px 0px 15px #999;

		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}
.news-one .news-tags { 
	overflow:hidden;
	margin-bottom: 2rem;
	width:100%;
}
.news-one .news-tags span { 
	float:left;
    display: block;
	margin: 0 .4rem .4rem 0;
	padding: 0.2rem 0.5rem;
	color: #0065B1;
    border: 1px solid #0065B1;
}
.news-one h3 {
	overflow:hidden; 
	padding: 0 1rem 0.5rem 0;
	line-height: 140%;
	color:#0065B1;
	font-size:1.2rem;
	font-weight:200;
	text-align:left;
}
.news-one p { 
	overflow:hidden; 
	margin: 0.5rem 0 0.5rem 0;
	padding: 0;
	max-height: 6rem;
	line-height: 1.2rem;
	color:#666;
	font-size: 0.8rem;
	text-align:left;
}
.news-one p.news-date { 
	color:#999;
	font-size: 0.7rem;
	font-style: italic;
}

@media only screen and (max-width:767px){
	.news-one { 
		float:left;
		display: block;
		margin: .5rem 0;
		padding: 0 0;
		width: 50%;
	}
	.news-one .news-tags span { 
		font-size: 0.7rem;		
	}
	.news-one h3 { 
		font-size: 1.2rem;		
	}
	.news-one p { 
		font-size: 0.7rem;		
	}
}
@media only screen and (max-width:479px){
	.news-one { 
		float:left;
		display: block;
		margin: .5rem 0;
		padding: 0 0;
		width: 100%;
	}
}
/* ajax 自动加载 */
.fetch { 
	overflow:hidden;
	clear: both; 
	width: 100%; 
	margin: 1rem auto 1rem auto; 
	text-align: center; 
}
.fetch a { 
	display: block; 
	position:relative;
	margin: 1rem auto 1rem auto; 
	width:7rem; 
	height: 1.6rem; 
	line-height: 1.5rem; 
	font-size: .8rem; 
	font-weight: bold; 
	color: #0065B1;
	text-decoration: none; 
	border: 1px solid #0065B1;
	-webkit-border-radius: 1rem;
	border-radius: 1rem;
}
.fetch a:hover { 
	color: #fff;
	background-color: #0065B1;
}
.fetch a img {
	vertical-align:middle;
	margin-right: 10px;
}

/* 文章中相册 */
.gallery { 
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0.8rem;
	padding: 0 0.5rem;
}
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.3333%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery img {
	float: left;
	margin: 0;
	padding: 0;	
	border: 0;
	width:100%;
} 
.gallery img:hover {
}
.gallery .gallery-caption {
	line-height: 180%;
	margin: 0.5rem 0 0.5rem 0;
	padding: 0;
	font-size: 0.7rem;
}
.gallery dl, .gallery dt { margin: 0; }
.gallery br+br { display: none; }

/* 产品详情 左图右文 左图 */
.prod-preview {
	overflow:hidden;
    margin: 1rem 0 1rem 0;
	height: 17.7rem;
}
.preview {	
	float:left;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0 0;
    width: 50%;
	height: 100%;
	border: 2px solid #eee;
}
.preview img {
	display:block;
	margin: 0 auto;
	height:100%;
}
@media only screen and (max-width:767px){
	.prod-preview {
		padding: 0 10%;
		height: auto;
	}
	.preview {
		float:none;
		margin:0 0 0 0;
		padding: 0 0;
		width: 100%;
		border: 2px solid #eee;
	}
	.preview img {
		display:block;
		margin: 0 auto;
		width:100%;
	}
}
@media only screen and (max-width:479px){
	.prod-preview {
		padding: 0 5%;
	}
	.preview {
		float:none;
		margin:0 0 0 0;
		padding: 0 0;
		width: 100%;
	}
}
/* 右边参数区 */
.prod-detail {
	float:left;
	overflow: hidden;
	margin:0 0 0 0;
	padding-left:2rem;
	width: 50%;
}
@media only screen and (max-width:767px){
	.prod-detail {
		float:none;
		margin:1rem 0 1rem 0;
		padding:0 0;
		width: 100%;
	}
}
@media only screen and (max-width:479px){
	.prod-detail {
		float:none;
		padding:0 0;
		width: 100%;
	}
}
.prod-detail h3 {
    padding-bottom: 0.5rem;
    color: #666;
    font-size: 2rem;
	font-weight:100;
    word-spacing: 0.2rem;
	border-bottom: 2px solid #ddd;
}
@media only screen and (max-width:767px){
	.prod-detail h3 {
		font-size: 1.4rem;
	}
}
.prod-detail h3 b {
    color: #0065B1;
    font-weight: 600;
}
.prod-detail p {
	overflow:hidden; 
	margin: 0;
	padding: 0.5rem 0;
	height: 125px;
	line-height: 25px;
	font-size: 0.7rem;
}
.prod-detail dd {
	overflow:hidden; 
	margin: 0 0 0 0;
	padding: 0.75rem 0 0.75rem 0;
	color:#111;
	font-size: 0.8rem;
	font-weight: 200;
	border-bottom: 1px dotted #ddd;
}
.prod-detail dd i {
	float:left;
	margin: 0;
	padding: 0 0.5rem 0 0.5rem;
	width:31%;
	color:#999;
	font-size: 0.8rem;
	font-weight:bold;
	font-style:normal;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media only screen and (max-width:1023px){
	.prod-detail dd i {
		padding: 0 0 0 0;
	}
}
.prod-detail dd span {
	float:left;
	overflow:hidden; 
	margin: 0 0 0 0;
	width:69%;
	color:#111;
	font-size: 0.8rem;
	font-weight: 200;
}
.postinfo {
 	float: left;
	width: 700px;
	margin-top: 0.5rem 0 5px 0;
	padding-bottom:5px;
	text-align:center;
	border-bottom:3px solid #ccc;
}
.postinfo a:link, .postinfo a:visited {
	text-decoration: none;
	color: #333;
}
.postinfo a:hover {
	text-decoration: underline;
	color:#B9131A;
}

#spec-n5{width:451px; height:70px; padding-top:3px; overflow:hidden; }
#spec-left{ background:url(../../images/left.gif) no-repeat; width:0.5rem; height:45px; float:left; cursor:pointer; margin-top:0.5rem;}
#spec-right{background:url(../../images/right.gif) no-repeat; width:0.5rem; height:45px; float:left;cursor:pointer; margin-top:0.5rem;}
#spec-list{ width:427px; float:left; overflow:hidden; margin-left:0px; display:inline;}
#spec-list ul li{ float:left; display:inline; width:61px; height:58px;}
#spec-list ul li img{ padding:2px ; border:1px solid #B0C9D3; width:50px; height:50px; margin: 0 auto 0 auto;}

/* 产品详情 产品介绍和购买按钮 */
.prod-intro {
	overflow:hidden;
    margin: 1rem 0 1rem 0;
}
.prod-intro-text {	
	float:left;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0 0;
    width: 50%;
	height: 7rem;
	line-height: 1.4rem;
}
.prod-intro-btn {	
    overflow: hidden;
    margin: 0 0 0 0;
    padding-left: 2rem;
    width: 50%;
}

/* 产品分类，根据设置的关键词 检索过滤 */
.search-key {
	display: block;
    margin: 0 auto 0 auto;
	padding: 0 0;
}
.search-key p {
	display: block;
    margin: 0.5rem auto 0 auto;
	padding: 0 0 1rem 0;
	color: #0065B1;
	text-align: center;
}
.search-key span {
	display: inline-block;
	margin: 0 1rem 0.7rem 0;
	padding: 0.4rem 1rem 0.4rem 1.7rem;
    color: #323232;
    font-size: 0.8rem;
	border: 2px solid #eee;
	cursor:pointer;
	background: url(images/check.png) no-repeat 0 0;

    -moz-border-radius: 3rem;
    border-radius: 3rem;
    -webkit-border-radius: 3rem;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.search-key span:hover {
	border: 2px solid #0065B1;
}
.search-key span.out {
	background: url(images/check.png) no-repeat 0 0;
}
.search-key span.check {
	border: 2px solid #0065B1;
	background: url(images/check.png) no-repeat 0 -40px;
}
@media only screen and (max-width:767px){
	.search-key span {
		margin: 0 0.5rem 0.5rem 0;
		padding: 0.3rem 1.5rem;
		color: #323232;
		font-size: 0.7rem;
		border-width: 1px;
	}
	.search-key span.check, .search-key span:hover {
		border-width: 1px;
	}
}
/* 产品分类，根据输入长宽高 检索过滤 */
.search-size {
	display: block;
    margin: 1.5rem auto 1rem auto;
	padding: 0 0;
	width:100%;
	text-align:center;
}
.search-size select {
	margin: 0 0 0 0;
	padding: 0 0 0 0.5rem;
	width:20%;
	min-width: 9rem;
	height:2rem;
	line-height:1rem;
	color: #0065B1;
	font-size:0.8rem;
	background: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd #ddd #ddd #ddd;

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.search-key select {
	margin: 0 1rem 0 0;
	padding: 0 0 0 0.5rem;
	width:20%;
	min-width: 9rem;
	height:2rem;
	line-height:1rem;
	color: #0065B1;
	font-size:0.8rem;
	background: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd #ddd #ddd #ddd;

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.search-size input.text {
    vertical-align: bottom;
	margin: 0 0 0 0;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	width:12%;
	height:2rem;
	line-height:1rem;
	color: #666;
	font-size:0.8rem;
	background: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd #ddd #ddd #ddd;

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
.search-size input.button {
	display:inline-block;
    vertical-align: bottom;
	margin: 0 0 0 1rem;
	padding: 0.4rem 0.5rem 0.6rem 0.5rem;
	height:2rem;
	color:#fff;
	font-size:0.8rem;
	font-family:  "微软雅黑", "黑体";
	border-style: solid;
	border-width: 1px;
	border-color: #0065B1 #0065B1 #0065B1 #0065B1;
	background-color: #0065B1;
	cursor:pointer;
}
@media only screen and (max-width:767px){
	.search-size select, .search-key select {
		margin: 0 auto 0.5rem auto;
		padding: 0 0 0 0.3rem;
		width:90%;
		min-width: 7rem;
		height:1.5rem;
		line-height:1rem;
		font-size:0.7rem;		
	}
	.search-size input.text {
		width:19%;
		height:1.5rem;
		line-height:1rem;
		font-size:0.7rem;
	}
	.search-size input.button {
		padding: 0 0.5rem 0 0.5rem;
		height:1.5rem;
	}
}
@media only screen and (max-width:479px){
	.search-size select, .search-key select {
		margin: 0 auto 0.5rem auto;
		padding: 0 0 0 0.3rem;
		width:90%;
		min-width: 7rem;
		height:1.5rem;
		line-height:1rem;
		font-size:0.7rem;		
	}
	.search-size input.text {
		width:30%;
		height:1.5rem;
		line-height:1rem;
		font-size:0.7rem;
	}
	.search-size input.button {
		margin-top: 0.5rem;
		padding: 0 0.5rem 0 0.5rem;
		height:1.5rem;
	}
}
.search-size input:hover.button {
	opacity:0.8;
}
.search-size div {
	display: inline-block;
}
.search-size div.size-intro span {
	display: none;
    position: relative;
	height:1.2rem;
	cursor:pointer;
}
.search-size div.size-intro span b {
	display: inline-block;
	width:1.2rem;
	height:1.2rem;
	color:#fff;
	font-weight:400;
	background-color:#999;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.search-size div.size-intro span:hover:after {
    position: absolute;
    left: 0.1rem;
    top: 1.5rem;
    width: 0;
    height: 0;
    content: "";
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-style: solid;
    border-color: #ccc transparent;
}
.search-size div.size-intro span:hover:before {
    position: absolute;
    left: 0.1rem;
    top: 1.5rem;
    width: 0;
    height: 0;
    content: "";
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-style: solid;
    border-color: #ccc transparent;
}
.search-size div.size-intro span div {
	overflow: hidden;
	display: block;
	position:absolute;
	padding:0 2rem;
	left:-2900%;
    top: 2rem;
	width: 3300%;
	height:0;

	background-color:#FFF;
}
.search-size div.size-intro span:hover div {
	height:auto;
	border: 2px solid #ccc;
}
.search-size div.size-intro span div img {
	padding: 1rem 0;
	width:80%;
}
@media only screen and (max-width:767px){
	.search-size div.size-intro {
		display:none;
	}
}
/* 条件搜索时过滤隐藏 */
.box-sub4-one.show {
	display:flex;
}
.box-sub4-one.hide {
	display:none;
}
/* 产品详情 上图下文  */
.flexslider3 { 
    margin-top: 1rem;
	height: 20rem; 
}
.flexslider3 .slides > li { height: 20rem; }
.product-slider {
	overflow: hidden;
	position: relative;
	margin:2rem 0 0 0;
	width: 100%;
}
.product-slider-one {
	height: 100%;
	width:100%;
}
.product-slider-one img {
	height: 100%;
	width:auto;
}
/*===========继续阅读============*/
a.more-link {
	float:right;
	margin: 0 0.5rem 5px 0;
	padding: 0 0 0 0;
	width: 10.8rem;
	height:33px;
	line-height:28px;
	color:#fff;
	font-size:12px;
	text-align:center;
	background: url(images/more_btn.png) no-repeat 0 0;
}
a.more-link:hover{
	background: url(images/more_btn.png) no-repeat 0 -33px;
}
/*===========促销页面购买按钮============*/
a.btn-buy {
	display: block;
	margin: 1rem auto;
	padding: 0 0 0 0;
	width: 17rem;
	height:2.5rem;
	line-height:2.5rem;
	color:#fff;
	font-size:1.2rem;
	text-align:center;	
    background-color: #0065B1;

	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-border-radius:3px;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a.btn-buy:hover{	
    opacity: 0.80;
}

/*=========================== SIDEBAR ============================*/
#sidebar {
	float:left;
	margin: 0 2rem 0 0;
	padding: 0 0 3rem 0;
	width: 25%;
}
@media only screen and (max-width:767px){
	#sidebar {
		float: none;
		margin: 0 0 0 0;
		padding: 0 0 1rem 0;
		width: 100%;
	}
}
#sidebar ul li {
	margin: 0 0 1rem 0;
	padding: 0 0 0 0;
}
#sidebar ul li h2 {
	display: block;
	overflow:hidden;
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	font-weight: 700;
	height: 2rem;
	line-height: 2rem;
	padding: 0;
	color: #0065B1;
	text-decoration: none;
}
#sidebar ul li h2 a {
	font-size: 0.8rem;
	font-weight: bold;
	display: block;
	color: #0065B1;
	text-decoration:none;
}
#sidebar ul li a {
	overflow:hidden;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
}
#sidebar ul li img {
	display: block;
	overflow:hidden;
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	width: 100%;
}
#sidebar ul li .textwidget {
	overflow:hidden;
	margin: 0;
	padding: 0;
}
#sidebar ul li.cattree {
	margin: 0.5rem 0 1rem 0;
	padding:0 0 0 0;
	background: #fff;
}
#sidebar ul li.cattree h2 {
	color:#555;
	padding-left:0.5rem;
}
#sidebar ul li.cattree ul {
	position: relative;
	margin: 0px;
	padding:0 0 0 0;
}
#sidebar ul li.cattree ul li {
	margin: 0px;
	padding:0 0 0 0;
	border: 0;	
	border-top: 2px #fff solid;
	background: #ddd;
}
#sidebar ul li.cattree ul li span {
    float: right;
    display: block;
    margin: 0.25rem 0.25rem 0 0;
    width: 1rem;
    height: 1rem;
	cursor:pointer;
}
#sidebar ul li.cattree ul li span.expand {
	background: url(images/triangle_sub_expand.gif) no-repeat 0 0.5rem;
}
#sidebar ul li.cattree ul li span.closed {
	background: url(images/triangle_sub_closed.gif) no-repeat 0 0.5rem;
}
#sidebar ul li.cattree ul li:first-child {
	border-top: 2px #ddd solid;
}
#sidebar ul li.cattree ul li ul {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	height: auto;
	border: 0;
	display: none;
	list-style:none;
	background: #ededed;
}
#sidebar ul li.cattree ul li ul.uexpand {
	display:block;
}
#sidebar ul li.cattree ul li ul.uclosed {
	display:none;
}
#sidebar ul li.cattree ul li ul.nospan {
	display:none;
}
#sidebar ul li.cattree ul li a {
	display:block;
	height: auto;
	margin: 0 0 0 0;
	padding:0 0.5rem 0 1rem;
	line-height: 1.8rem;
	color: #333;
	font-size:0.8rem;
	font-weight:bold;
	font-family:arial,sans-serif;
	background: url(images/triangle.gif) no-repeat 11px 0.7rem;
}
#sidebar ul li.cattree ul li a:hover {
	color: #006DB5;
}
#sidebar ul li.cattree>ul>li.current-cat>a {
	color: #006DB5;
	background: url(images/triangle_on.gif) no-repeat 11px 0.7rem;
}
#sidebar ul li.cattree>ul>li.open>a {
	color: #006DB5;
	background: url(images/triangle_on.gif) no-repeat 11px 0.7rem;
}
#sidebar ul li.cattree ul li ul li {
	position: relative;
	margin: 0px;
	padding: 0 0 0 12px;
	background: #ededed;
	border: 0;
	border-top: 1px #fff solid;
}
#sidebar ul li.cattree ul li ul li:first-child {
	border-top: 1px #fff solid;
}
#sidebar ul li.cattree ul li ul li a, #sidebar ul li.cattree ul li.current-cat ul li a {
	color: #333;
	font-size:0.7rem;
	font-family:arial,sans-serif;
	height: auto;
	line-height: 100%;
	background: none;
	padding: 8px 0.5rem 8px 22px;
	font-weight: normal;
	background: url(images/dot.gif) no-repeat 11px 13px;
}
#sidebar ul li.cattree ul li ul li:hover {
	color: #006DB5;
}
#sidebar ul li.cattree ul li ul li:hover a, #sidebar ul li.cattree ul li ul li.current-cat:hover a {
	color: #006DB5;
	background: url(images/dot_on.gif) no-repeat 11px 13px;
}
#sidebar ul li.cattree ul li ul li.current-cat a {
	color: #006DB5;
	background: url(images/dot_on.gif) no-repeat 11px 13px;
}
#sidebar ul li.cattree ul li ul li ul {
	visibility: hidden;
	position: absolute;
	margin: 0;
	left: 20.5rem;
	top: 0;
	z-index: 20;
	background: #f5f5f7;
}
#sidebar ul li.cattree ul li ul li:hover ul { display:block; visibility: visible; }
#sidebar ul li.cattree ul li ul li:hover ul li ul { visibility: hidden; }
#sidebar ul li.cattree ul li ul li ul li {
	position: relative;
	margin: 0;
	padding:0;
	height: auto;
	width: 20.5rem;
	background-color: #f5f5f7;
	border: 0;
}
#sidebar ul li.cattree ul li ul li:hover ul li a, #sidebar ul li.cattree ul li ul li:hover.current-cat ul li a {
	height: auto;
	line-height: 24px;
	padding-right: 0.5rem;
	width: 180px;
	font-weight: normal;
	color: #333;
	background: #f5f5f7 url(images/triangle.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li ul li:hover {
	color: #fff;
	background: #006DB5;
}
#sidebar ul li.cattree ul li ul li ul li a:hover, #sidebar ul li.cattree ul li ul li.current-cat ul li a:hover {
	color: #fff;
	background: #006DB5 url(images/triangle_on1.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li ul li:hover a, #sidebar ul li.cattree ul li ul li.current-cat ul li:hover a {
	color: #fff;
	background: #006DB5 url(images/triangle_on1.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li.current-cat ul li a {
	color: #333;
	height: auto;
	background: url(images/triangle.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li.current-cat ul li a:hover {
	color: #fff;
	background: #006DB5 url(images/triangle_on1.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li ul li ul {
	visibility: hidden;
	position: absolute;
	left: 20.5rem;
	top: 0;
	z-index: 30;
	background: #f5f5f7;
}
#sidebar ul li.cattree ul li ul li ul li.current-cat {
	color: #333;
	height: auto;
	background: url(images/triangle.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li ul li:hover ul { visibility: visible; }
/*四级展开*/
#sidebar ul li.cattree ul li ul li ul li ul li {
	position: relative;
	margin: 0;
	padding:0;
	height: auto;
	width: 20.5rem;
	background-color: #bbb;
	border: 0;
}
#sidebar ul li.cattree ul li ul li ul li:hover ul li a, #sidebar ul li.cattree ul li ul li ul li:hover.current-cat ul li a {
	height: auto;
	line-height: 24px;
	padding-right: 0.5rem;
	width: 180px;
	font-weight: normal;
	color: #333;
	background: #ddd url(images/triangle.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li ul li ul li:hover {
	background: #aaa;
}
#sidebar ul li.cattree ul li ul li ul li ul li a, #sidebar ul li.cattree ul li.current-cat ul li ul li ul li a {
	height: auto;
	line-height: 24px;
	padding-right: 0.5rem;
	width: 180px;
	font-weight: normal;
	background-color: #bbb;
	border: 0;
}
#sidebar ul li.cattree ul li ul li.current-cat ul li ul li a {
	color: #333;
	height: auto;
	background: url(images/triangle.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li ul li ul li a:hover {
	color: #fff;
	background: #006DB5 url(images/triangle_on1.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li.current-cat ul li ul li a:hover {
	color: #006DB5;
	background-color: #aaa;
	background-image: url(images/triangle_on.gif);
}
#sidebar ul li.cattree ul li ul li ul li ul li ul {
	visibility: hidden;
	position: absolute;
	left: 20.5rem;
	top: 0;
	z-index: 30;
	background: #bbb;
}
#sidebar ul li.cattree ul li ul li ul li ul li.current-cat {
	color: #333;
	height: auto;
	background: url(images/triangle.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li ul li ul li:hover ul { visibility: visible; }
#sidebar ul li.cattree ul li ul li ul li ul li ul li {
	position: relative;
	margin: 0;
	padding:0;
	height: auto;
	width: 20.5rem;
	background-color: #aaa;
	border: 0;
}
#sidebar ul li.cattree ul li ul li ul li ul li ul li a, #sidebar ul li.cattree ul li.current-cat ul li ul li ul li ul li a {
	height: auto;
	line-height: 24px;
	padding-right: 0.5rem;
	width: 180px;
	font-weight: normal;
	background-color: #aaa;
	border: 0;
}
#sidebar ul li.cattree ul li ul li.current-cat ul li ul li ul li a {
	color: #333;
	height: auto;
	background: url(images/triangle.gif) no-repeat 11px 0.5rem;
}
#sidebar ul li.cattree ul li ul li.current-cat ul li ul li a:hover {
	color: #006DB5;
	background-color: #999;
	background-image: url(images/triangle_on.gif);
}
#sidebar ul li.cattree ul li ul li ul li ul li ul ul li {
	visibility: hidden;
	position: absolute;
	left: 20.5rem;
	top: 0;
	z-index: 30;
	background: #999;
}
#sidebar ul li.cattree ul li ul li ul li ul li ul li.current-cat {
	color: #333;
	height: auto;
	background: url(images/triangle.gif) no-repeat 11px 0.5rem;
}
/* 文章属性元素 */
span.folder, span.comment,span.author,span.date, span.tag{
	padding:0 0 3px 0;
	margin-right:0.5rem;
}
span.date{
	background: url(images/date.png) no-repeat top left;
}
span.author{
	background: url(images/author.png) no-repeat top left;
}
span.folder{
	background: url(images/folder.png) no-repeat top left;
}
span.comment{
	background: url(images/comment.png) no-repeat top left;
}
span.tag{
	background: url(images/tag.png) no-repeat top left;
}
/*============================ POST ============================*/
.bypostauthor { }
.post, .type-page {
	overflow:hidden;
	margin: 0;
	padding:0;
}
.entry {
	margin: 0 auto 0 auto;
	padding: 0 0;
}
.entry div.center {
	color:#fff;
}
.entry h1, .comment h1 {
	margin: 0;
	padding: 1rem 0 1rem 0;
	color: #0065B1;
	font-size: 1.8rem;
	font-weight:bold;
}
.entry h2 {
    margin: 1rem 0;
    color: #444;
    font-size: 1.8rem;
	font-weight:100;
    word-spacing: 0.2rem;
	text-align:center;
}
.entry h2 b, .entry h2 strong {
    color: #0065B1;
    font-weight: 600;
}
.comment h2 {
	margin: 0;
	padding: 1rem 0 0.5rem 0;
	background: none;
	color: #0065B1;
    font-size: 1.5rem;
}
.entry h3, .comment h3{
	margin: 0;
	padding: 1rem 0 0.5rem 0;
	background: none;
	color: #0065B1;
    font-size:0.7rem;
}
.entry h4, .comment h4 {
	margin: 0;
	padding: 0.9rem 0 0.5rem 0;
	background: none;
	color: #0065B1;
    font-size:1rem;
}
.entry h5, .comment h5 {
	margin: 0;
	padding: 0.8rem 0 0.5rem 0;
	background: none;
	color: #0065B1;
    font-size:0.9rem;
}
.entry h6, .comment h6{
	margin: 0;
	padding: 0.8rem 0 0.5rem 0;
	background: none;
	color: #0065B1;
    font-size:16px;
}
.entry p {
	line-height: 180%;
	margin: 0.5rem 0 0.5rem 0;
	margin: 0.5rem 0 0.5rem 0;
	padding: 0;
	font-size: 16px;
}
@media only screen and (max-width:767px){
	.entry h1, .comment h1 {
		padding: 0.6rem 0 0.6rem 0;
		font-size: 1.2rem;
	}
	.comment h2 {
		padding: 0.6rem 0 0.6rem 0;
		font-size: 1rem;
	}
	.entry h3, .comment h3 {
		padding: 0.6rem 0 0.6rem 0;
		font-size: 1rem;
	}
	.entry h4, .comment h4 {
		padding: 0.6rem 0 0.6rem 0;
		font-size: 1rem;
	}
	.entry h5, .comment h5 {
		padding: 0.6rem 0 0.6rem 0;
		font-size: 0.9rem;
	}
	.entry h6, .comment h6 {
		padding: 0.6rem 0 0.6rem 0;
		font-size: 0.9rem;
	}
	.entry p {
		font-size: 0.7rem;
	}
}
.entry img {
	display:block;
	margin: 0.5rem auto;
	max-width:100%;
	height:auto;
}
.entry img.solu_face {
	display:block;
	margin: 0 auto;
	max-width:50%;
}
.entry ul {
	line-height: 150%;
	margin: 0.5rem 0 0.5rem 30px;
	padding-left:0;
}
.entry ol {
	line-height: 130%;
	margin: 0.5rem 0 0.5rem 30px;
	padding-left:0;
	font-size:0.7rem;
}
/*============================ Text Elements ============================*/
.entry ul, .comment ul{
	list-style: circle;
	margin: 0 0 1rem 2.0em;
}
.entry ul li, .comment ul li{
	margin:2px 0;
}
.entry ol, .comment ol{
	list-style: decimal inside;
	margin: 0 0 1rem 2.0em;
}
.entry ol li, .comment ol li{
	margin:2px 0;
}
.entry ol ol, .comment ol ol{
	list-style: upper-alpha inside;
}
.entry ol ol ol, .comment ol ol ol{
	list-style: lower-roman inside;
}
.entry ol ol ol ol, .comment ol ol ol ol{
	list-style: lower-alpha inside;
}
.entry ul ul, .comment ul ul,
.entry ol ol, .comment ol ol,
.entry ul ol, .comment ul ol
.entry ol ul, .comment ol ul {
	margin-bottom: 5px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 1.3em;
}
ins {
	padding: 1px 2px;
	background: #ffa;
	text-decoration: none;
}
.entry var, .entry kbd, .entry tt {
	font-size: 1.1em;
}
.entry table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #ccc;
	margin: 5px 0;
	text-align: left;
	width: 690px;
	font-size:12px;
}
.entry tr th,
.entry thead th {
	font-size: 12px;
	font-weight: bold;
	height: 0.9rem;
	padding: 5px 0px;
	text-align:center;
	background-color: #ddd;
	border: 1px solid #ccc;
}
.entry tr td {
	padding: 2px 2px;
	vertical-align:middle;
	border: 1px solid #ccc;
	text-align:center;
	line-height:16px;
}
.entry tr.odd td {
	background: #eee;
	text-align:center;
}
.entry tr td ul {
	margin-left:0 !important;
}
.entry a:link,.entry a:visited,.entry a:active {
	text-decoration: none;
}
.entry a:hover {
	text-decoration: underline;
}
.entry_single p{
	line-height:190%;
	padding: 5px 0.5rem;
	font-size:0.7rem;
}
.entry_list p{
	height:85px;
	overflow:hidden;
}
/*============================ Comments ============================*/

.alignleft { 
	float: left; 
	display: inline; 
	margin: 0.5rem 0.8rem 0.5rem 5px;
}
.alignright	{
	float: right; 
	display: inline; 
	margin: 0.5rem 5px 0.5rem 0.8rem;
}
.aligncenter {
	margin: 0.5rem auto; 
	display: block;
}
.textleft { 
	text-align:left;
}
.textright	{
	text-align:right;
}
.textcenter {
	text-align:center;
}
/*============================ Comments ============================*/
#comments, #respond {
	overflow:hidden;
	padding: 5px 0 5px 0;
	margin: 0.5rem 0 5px 0;
}
#comments h3, #respond h3 {
	overflow:hidden;
	font-size: 0.7rem;
	font-weight:bold;
	color: #333;
	padding: 5px 0 0 0;
	margin: 0px 0px 0 0px;
}
#comments h3 span, #respond h3 span {
	float: left;
	height:30px;	
}
/* Reset #comments h3 */ 
.comment h3 {
	padding: 0;
	border: none;
}
#comments a:link, #comments a:visited, #respond a:link, #respond a:visited {
	text-decoration: none;
}
#comments a:hover, #comments a:active, #respond a:hover, #respond a:active{
	text-decoration: underline;
}
.comment_navi {
	margin: 0.5rem 0;
	font-size: 0.9em;
	font-weight: bold;
}
.comment_navi .alignright {
	float: right;
}
.commentlist {
	text-align: justify;
	font-size: 0.9em;
}
.commentlist .comment {
	overflow:hidden;
	margin: 0.5rem 0 0.5rem;
	padding: 5px 0 0.5rem 0;
	list-style: none;
	border-bottom:1px dotted #ccc;
}
.comment-author {
	float: left;
	margin: 5px 0.5rem 5px 0;
	width: 48px;
	height: 48px;
}
.comment-author img {
	float: left;
	margin: 0 0 0 0;
	width: 48px;
	height: 48px;
}
.comment-meta {
	float: left;
	overflow:hidden;
	margin: 0 0 5px 0;
	width: 870px;
	font-size: 12px;
}
.comment-meta .says {
	display: normal;
}
.comment-meta .floor {
	float: right;
	margin: 0 0 5px 0;
	margin-top:-25px\9;
	color:#666;
}
.comment-meta .fn {
	margin: 0 5px 5px 0;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
}
#comments .children {
	margin: 0px 0.5rem 0 0.8rem;
}
.children .comment {
	background: #fff;
}
.comment-content {
	float: left;
	margin: 0 0 0 0;
	width: 870px;
}
.comment-content p {
	clear:right;
	margin: 0 0 0.5rem 0;
	line-height:150%;
	font-size: 0.7rem;
}
.comment-reply-link {
	text-decoration: underline;
}

#commentform {
	margin: 5px 0 0 0;
}
#commentform p {
	float:left;
	margin: 0.5rem 0 0.5rem 0;
	padding:0 0 1rem 0;
	width: 25%;
	border-right: 1px solid #ddd; 
	text-align:center;
}
#commentform p:nth-child(7) {
	border-right: 1px solid #fff; 
}
#commentform p.comment-form-subject {
	width: 35%;
}
#commentform p.comment-form-comment {
	width: 40%;
}
#commentform p.form-submit {
	width: 25%;
}
#commentform .comment-notes {
	display:none;
}
#commentform p label {
	display:block;
	padding: 0.8rem 0 0.5rem 0;
	font-style:normal;
	color:#333;
	font-size:1rem;
}
#commentform p span {
	display:none;
	padding: 1rem 0 0 0;
	font-size:12px;
	font-weight:normal;
	color:#333;
}
#commentform p i {
	display:none;
	padding: 0.8rem 0 0 5px;
	font-size:12px;
	font-style:normal;
	color:#F00;
	font-size:16px;
}
#commentform p input {
	float:none;
	margin: 0 auto 0.5rem auto;
	padding: 0;
	width: 90%;
	line-height:1rem;
	border: 0; 
	color: #0065B1;
	font-size: 0.7rem;
	text-align:center;
	outline:none;
	border: 1px dotted #fff; 
	background: #fff;
}
#commentform p input:focus {
	border: 1px dotted #0065B1; 
}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #0065B1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #0065B1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #0065B1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #0065B1;
}
#commentform #url {
	background: #f8f8f8;
}
#commentform textarea {
	margin: 0 0 0 0;
	padding: 0;
	width: 90%;
	max-width: 90%;
	height:2rem;
	line-height:1rem;
	border: 1px solid #fff;
	outline:none;
	color: #0065B1;
	font-size: 0.7rem;
	text-align:center;
}
#commentform textarea:focus {
	border: 1px dotted #0065B1;
}
#commentform #submit {
	float:none;
	overflow:hidden;
	cursor: pointer;
	margin: 1.5rem auto 0 auto;
	padding: 0 2.5rem 0 1rem;
	width: 6.2rem;
	height:2.5rem;
	line-height:2.5rem;
	color:#0065B1;
	font-size: 1rem;
	font-weight: 400;
	border: 1px dashed #0065B1;
	background: url(images/arrow3.png) no-repeat right 50%;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;

	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-name:breathe;
	-webkit-animation-duration:1500ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}
@-webkit-keyframes breathe {
	0% {
		border: 1px dotted #fff;
	}
	100% {
		border: 1px dotted #0065B1;
	}
}
#commentform #submit:hover {
	color:#0065B1;
	border: 1px dashed #0065B1;
}
.nocomments {
	margin: 0.5rem;
	padding: 0;
}
@media only screen and (max-width:767px){
	#commentform p {
		width: 50%;
		padding:0 0 .5rem 0;
		border-right: 1px solid #fff; 
	}
	#commentform p label {
		padding: 0.2rem 0 0.2rem 0;
	}
	#commentform p:nth-child(Odd) {
		border-right: 1px solid #ddd; 
	}
	#commentform p:nth-child(5) {
		border-right: 1px solid #fff; 
	}
	#commentform p:nth-child(7) {
		border-right: 1px solid #fff; 
	}
	#commentform p.comment-form-subject {
		width: 100%;
	}
	#commentform p.comment-form-comment {
		width: 100%;
	}
	#commentform p.form-submit {
		width: 100%;
	}
	#commentform #submit {
		margin: .5rem auto 0 auto;
		height:1.8rem;
		line-height:1.8rem;
		border: 1px dotted #0065B1;
	}
}
@media only screen and (max-width:479px){
	#commentform p {
		width: 100%;
		margin: 0 0 0 0;
		padding: .2rem 0 0 0;
		border-right: 1px solid #fff; 
		border-bottom: 1px solid #eee; 
		text-align:left;
	}
	#commentform p:nth-child(7) {
		border-bottom: 1px solid #fff; 
	}
	#commentform p label {
		font-size: .8rem;
	}
	#commentform p:nth-child(Odd) {
		border-right: 1px solid #fff; 
	}
	#commentform p input {
		text-align:left;
	}
	#commentform p textarea {
		text-align:left;
	}
	#commentform p.form-submit {
		margin-bottom: 1rem;
		text-align:center;
	}
	#commentform #submit {
		margin: 1rem auto 0 auto;
		width: 7rem;
	}
}
/*============================ pagination ============================*/
.pagination {
	clear:both;
	overflow:hidden;
	width:100%;
	min-height: 30px;
	padding: 1rem 0.8rem 1rem 0.8rem;
	margin: 35px 0 0px 0;
    background-color: #fff;
	text-align:center;
}
.pagination a:link, .pagination a:visited{
	display:inline-block;
    margin: 0 0 0 8px;
    padding: 0;
	width:28px;
	line-height:28px;
    color: #333;
    text-align: center;
	font-size: 12px;
	font-family: Fixedsys, monospace;
	text-decoration: none;
	border:1px solid #999;

	-moz-border-radius:30px;
	border-radius:30px;
	-webkit-border-radius:30px;
}
.pagination a.numfont {
	font-size: 16px;
	font-family: Arial, monospace;
}
.pagination a:hover {
    color: #fff;
    background-color: #666;
}
.pagination a.current {
    color: #fff;
    background-color: #0065B1;
	border:1px solid #0065B1;
}
.pagination .extend {
	padding:0;
	margin: 5px 0px 0px 0px;
    text-align: left;
}

/* 底部1 */
#bottom1 {
	display: none;
	overflow:hidden;
	margin: 0 auto 0 auto;
	padding:0;
	width: 100%;
	background-color: #E5E5E5;
}
#footer1 {
	overflow:hidden;
	margin: 0 auto;
    padding: 0 2rem;
    max-width: 1440px;
	font-size: 0.7rem;
}
@media only screen and (max-width:1023px){
	#footer1 {
		padding: 0 1rem;
	}
}
#footer1 h4 {
	margin: 40px 0 1rem 0;
	color: #0065B1;
	font-size: 1rem;
	font-weight: bold;
}
#foot_navi {
	float:left;
	overflow:hidden;
	margin:0;
	width: 45%;
}
#foot_navi ul {
	margin: 40px 0 1rem 0;
	color: #0065B1;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 0;
	list-style-type: none;
}
@media only screen and (max-width:767px){
	#bottom1 {
		overflow:hidden;
		margin: 0 auto 0 auto;
		padding:0;
		width: 100%;
		background-color: #E5E5E5;
	}
	#footer1 {
		overflow:hidden;
		margin: 0 0.5rem;
		padding:0;
		font-size: 0.7rem;
	}
	#footer1 h4 {
		margin: 1rem 0 0.5rem 0;
		color: #0065B1;
		font-size: 0.8rem;
		font-weight: bold;
	}
	#foot_navi {
		display:none;
		overflow:hidden;
	}
}
/*Top level list items*/
#foot_navi ul li {
	float:left;
    display: inline;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	width: 50%;
	text-align: left;
}
#foot_navi>ul>li:first-child {
	width: 35%;
}
#foot_navi>ul>li:last-child {
	width: 65%;
}
#foot_navi ul li a { 
	display:block;
	text-decoration:none; 
	cursor:pointer;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #0065B1;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: 0 solid #222;
	text-transform:uppercase;
}
#foot_navi a:hover {
	color: #000; 
	text-decoration: none;
}
#foot_navi ul li ul {
	overflow: hidden;
	margin: 0.8rem 0 0 0;
	_margin:0 0 0 6px;	/*only IE6*/	
    padding: 0px;
	z-index: 20;
}
#foot_navi ul li ul li { 
	float:left;	
	display:inline;
	width: 100%;
	clear: both;
	_float:none;/*only IE6*/
	margin: 0 0 0 0px;
	border:0;
}
#foot_navi ul li ul li a { 
	text-decoration:none; 
	cursor:pointer;
	height: 34px;
	line-height: 34px;
	margin: 0 0;	
	color: #8F8F8F; 
	font-size: 0.7rem;
	font-weight:normal;
	border-bottom: 0;
}
#foot_navi ul li ul li a:hover { 
	color: #0065B1;
}
#foot_navi ul li ul li ul { 
	display: none;
}

#foot_contact {
	float:left;
	overflow:hidden;
	margin: 0 0 1rem 0;
	padding: 0 1rem 0 0;
	width: 30%;
}
/* 底部联系我们 */
.contacter {
	float:left;
	overflow:hidden;
	margin: 0 0 1rem 0;
	padding: 0 1rem 0 0;
	width: 100%;
}
.contacter dd {
	display:block;
	margin: 0.8rem 0 0 0;
	padding-left: 2rem;
	min-height: 1rem;
	color: #7F7F7F;
	background: url(images/contact.png) no-repeat;
}
.contacter dd.address {
	background-position: 0 2px;
}
.contacter dd.tel {
	background-position: 0 -68px;
}
.contacter dd.phone {
	background-position: 0 -266px;
}
.contacter dd.email {
	background-position: 0 -168px;
}
.contacter dd.whatapp {
	background-position: 0 -215px;
}
.contacter dd.skype {
	background-position: 0 -118px;
}

#share_tools {
	float:left;
	overflow: hidden;
	margin: 0 0 1rem 0;
	width: 25%;
}
#share_tools a {
	float:left;
	display:block; 
	margin: 0 0.5rem 0 0;
	padding: 0 0 0 0;
	width: 3rem;
	height: 3rem;
	text-indent: -9999px;
	background: url(images/social.png) no-repeat;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#share_tools a:hover {
	background-image: url(images/social_hover.png);
}
#share_tools a.googleplus {
	background-position: -4px -4px;
}
#share_tools a:hover.googleplus {
	background-position: -4px -4px;
}
#share_tools a.twitter {
	background-position: -85px -4px;
}
#share_tools a:hover.twitter {
	background-position: -85px -4px;
}
#share_tools a.facebook {
	background-position: -165px -4px;
}
#share_tools a:hover.facebook {
	background-position: -165px -4px;
}

@media only screen and (max-width:767px){
	#foot_contact {
		width: 100%;
	}
	#share_tools {
		width: 100%;
	}
	#share_tools a {
		float: left;
		display: block;
		margin: 0 0.5rem 0 0;
		padding: 0 0 0 0;
		width: 40px;
		height: 40px;
		text-indent: -9999px;
		background: url(images/social.png) no-repeat;
		-webkit-border-radius: 40px;
		-moz-border-radius: 40px;
		border-radius: 40px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	#share_tools a:hover {
		background: url(images/social_hover.png) no-repeat;
	}
	#share_tools a.googleplus {
		background-position: -0.7rem -0.7rem;
	}
	#share_tools a:hover.googleplus {
		background-position: -0.7rem -0.7rem;
	}
	#share_tools a.twitter {
		background-position: -95px -0.7rem;
	}
	#share_tools a:hover.twitter {
		background-position: -95px -0.7rem;
	}
	#share_tools a.facebook {
		background-position: -175px -0.7rem;
	}
	#share_tools a:hover.facebook {
		background-position: -175px -0.7rem;
	}
}
/* 联系我们模板 */
.contact_left {
	margin: 0 0 0 0;
	width: 100%;
}
.contact_right {
	margin: 0 0 0 0;
	width: 100%;
}
.contact_right img {
	display:none;
	margin: 0 0 0 0;
	max-width: 100%;
}
.contact_right iframe {
	margin: 0 0 0 0;
	width: 100%;
	height: 400px;
}
@media only screen and (max-width:767px){
	.contact_left {
		float: none;
		width: 100%;
	}
	.contact_right {
		float: none;
		width: 100%;
	}
}
.contact_box {
	box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem;
    margin-left: -.5rem;
}
.contact_box .contact_one {
    display: flex;
	overflow:hidden;
	margin: 0 0;
	padding: 0 0.5rem;
	
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

	align-items: stretch;

    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}
.contact_one dd {
    display: block;
	overflow:hidden;
	margin: 0.5rem 0;
	padding: 3rem 0.5rem;
	width: 100%;
	color:#333;
	text-align:center;
	background-color: #f3f3f3;
}
.contact_one dd:hover {
	color:#fff;
	background-color: #0065B1;
}
.contact_one label {
    display: block;
	margin: 0 0 1rem 0;
}
@media only screen and (max-width:767px){
	.contact_box .contact_one {
		-webkit-flex-basis: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.contact_one dd {
		margin: 0.5rem 0;
		padding: 1rem 0.5rem;
	}
	.contact_one label {
		margin: 0 0 .5rem 0;
	}
	.contact_right iframe {
		height: 300px;
	}
}
@media only screen and (max-width:479px){
	.contact_box .contact_one {
		-webkit-flex-basis: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.contact_one dd {
		margin: 0.5rem 0;
		padding: 1rem 0.5rem;
	}
	.contact_one label {
		margin: 0 0 .5rem 0;
	}
	.contact_right iframe {
		height: 250px;
	}
}
/* 底部2 */
#bottom2 {
	overflow:hidden;
	width: 100%;
	padding: 0.5rem 0;	
	background-color: #C4C4C4;
}
@media only screen and (max-width:767px){
	#bottom2 {
		display: none;
	}
}
#footer2 {
	overflow:hidden;
	margin: 0 auto;
    padding: 0 2rem;
    max-width: 1440px;
	color:#595959;
	font-size: 0.7rem;
	text-align:center;
}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:0.7rem;}
.f16{font-size:16px;}
a.meta_link {
	float:left;
	display: block;
	margin:0.8rem 0 0 100px;
	width:11rem;
	height:40px;
	line-height:40px;
	text-decoration:none;
	text-align:center;
	text-indent:0;
	background: url(images/button_bak.png) no-repeat 0 0;

	font-size:0.7rem;
	color:#fff;
}
/*右侧浮动工具条*/
/* 浮动工具条 */
#toolbox {
	display:none;
	cursor: pointer;
	position: fixed;
	z-index: 40;
	padding: 0 0 0 0;
	right: 0;
	top: 50%;
	width: 50px;
}
#toolbox a {
	float:left;
	display:block;
	margin: 0 0 3px 0;
	width: 50px;
	height: 50px;
	background: url(images/toolbox.png) no-repeat 0 0;
	text-indent: -9999px; 
}
#toolbox a.skype {
	background-position: 0 0;
}
#toolbox a.mailto {
	background-position: 0 -60px;
}
#toolbox a.backTop {
	background-position: 0 -11rem;
}
#toolbox a:hover.skype {
	background-position: -60px 0;
}
#toolbox a:hover.mailto {
	background-position: -60px -60px;
}
#toolbox a:hover.backTop {
	background-position: -60px -11rem;
}


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; z-index:40; }


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0.5rem 0 0 0; padding: 0;width: 100%; }
.flexslider .slides > li { overflow:hidden; position:relative; display: none; z-index:30; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { display:block; margin:0 auto; height: 100%; width: auto; }

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { overflow:hidden; margin: 0.5rem 0 0 0; background: #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 71rem; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav { display: none; z-index:9999; }
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 65px; margin: -1rem 0 0; position: absolute; top: 50%; z-index: 40; overflow: hidden; opacity:0.4; cursor: pointer; color: rgba(0,0,0,0.8);  background:url(images/arr.png) no-repeat; text-indent:-999em }
.flex-direction-nav .flex-prev { left: 1.5rem; background-position: -65px 0 }
.flex-direction-nav .flex-next { right: 1.5rem; background-position:-197px 0}
.flexslider:hover .flex-prev { opacity: 1.0; left: 1.5rem;}
.flexslider:hover .flex-next { opacity: 1.0; right: 1.5rem;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }


/* Pause/Play */
.flex-pauseplay a { display: block; width: 1rem; height: 1rem; position: absolute; bottom: 5px; left: 0.5rem; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd}
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 1rem; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { display: block; width: 100%; position: absolute; bottom: 5px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -o-border-radius: 1rem; border-radius: 1rem; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 0.5rem;}
  .flex-direction-nav .flex-next { opacity: 1; right: 0.5rem;}
}


/* 相关产品 */
#related {
	margin: 0 0;
}
#related h3 {
	display:block;
	color: #0065B1;
    font-size: 0.9rem;
}
.related-img {
	float:left;
	display:block;
	overflow:hidden; 
	padding-top:25px;
	width: 21rem;
}
.related-img img {
	display:block;
	width:100%;
}
.related-text {
	float:right;
	overflow:hidden; 
	margin: 0 0 0 0;
	padding: 0.8rem 0 0 0;
	width: 690px;
	background:url(images/related-separator.png) no-repeat 0 0; 

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.related-text:after {
	float:left;
	content: "\0020";
	display: block;
	width: 690px;
	height: 25px;
	background:url(images/related-separator.png) no-repeat 0 bottom; 
}
.related-text .related-left {
	float:left;
	display: inline-block;
	overflow:hidden; 
	width: 340px;
}
.related-text .related-right {
	float:left;
	display: inline-block;
	overflow:hidden; 
	padding: 0 0 0 30px;
	width: 31rem;
}
.related-text h4 {
	display:block;
	padding:0.5rem 0;
	color: #0065B1;
    font-size:22px;
}
.related-text h4 a {
	color: #0065B1;
}
.related-text p {
	display:block;
	padding:0 0;
    font-size: 0.7rem;
	max-height:132px;
	line-height:22px;
}
.related-text h5 {
	display:block;
	padding:0.5rem 0;
	color: #0065B1;
    font-size:0.9rem;
}
/* 在线聊天框 */

@media screen and (max-width: 767px) {
	.zopim {
		bottom: 3rem!important;
	}
}

/* 网站更新中模块 */
.nav-logo2 {
	padding-bottom: 20px;
	border-bottom: 2px solid #EEE;	
}
.website {
	margin: 10px 0 0 0;
	padding: 2rem 0 1rem 0;
	background: #F8F8F8;
}
.website dd {
	display:block;
	padding: 5px 0 0 0;
	color: #666;
    font-size: 1.2rem;
	text-align: center;
}
.website dt {
	display:block;
	position: relative;
	padding:1.5rem 0;
	color: #0065B1;
    font-size: 2rem;
	text-align: center;
	font-family: Oswald, "Open Sans",sans-serif;
	word-spacing:10px;
}
.website dt:before {
	position: absolute;
    content: " ";
    top: 1rem;
	left: 50%;
	margin-left: -2rem;
    width: 4rem;
    height: 1px;
    border-bottom: 3px solid #999;
}
.contact {
	overflow:hidden; 
	margin: 10px 0 0 0;
	padding: 1rem 0;
}
.con-left {
	float: left;
	width: 48%;
}
.con-left img {
	display:block;
	width: 100%;
	height: auto;
}

.con-right {
	float: right;
	width: 48%;
}

.website2 {
	margin: 10px 0 1rem 0;
	padding: 2rem 0 2rem 0;
	background: #F8F8F8;
}
.website2 dt {
	display:block;
	position: relative;
	padding: 0 0;
	color: #aaa;
    font-size: 3rem;
	text-align: center;
	font-family: Oswald, "Open Sans",sans-serif;
	word-spacing:10px;
}