@charset "utf-8";
	/*de_header*/
.mauto {
	display:none;
}
header {
	height:43px;
	line-height:43px;
	padding:8px 0;
	position:relative;
}
header .logo {
	width:100px;
	float:left;
	margin-left:35px;
}
header .language {
	width:60px;
	margin-top:10px;
	float:right;
}
header .language a {
	display:block;
	float:left;
	width:30px;
	height:22px;
	line-height:22px;
	text-align:center;
	background:#CCC;
	font-size:12px;
}
header .language a.active {
	background:#003856;
	color:#FFF;
}
header .language a:hover {
	color:#333;
}
header .language a.active:hover {
	color:#FFF;
}
/*de_slider*/
.sliderbox {
	width:100%;
	position:relative;
	height:auto;
}
.slider {
	width:100%;
	height:auto;
}
.product {
	width:1000px;
	margin:35px auto;
	background:#008cd7;
}
.pronav {
	position:absolute;
	z-index:4;
	width:1000px;
	height:200px;
	left:50%;
	bottom:0;
	margin-left:-500px;
}
.canvassbg {
	padding:30px 0;
	background:#E2E2E2;
}
.map {
	background:#F66;
}
/*de_navaction*/

.nav {
	width:780px;
	left:50%;
	top:10px;
	margin-left:-340px;
	height:36px;
	line-height:36px;
	position:absolute;
	z-index:9999;
	display:inline-block;
	font-size:14px;
	font-weight:900;
}
.nav-list {
	text-align:left;
}
.nav-item {
	float:left;
	*display:inline;
	zoom:1;
	position:relative;
}
.nav-item a {
	font-size:14px;
	display:block;
	color:#333;
	padding:0 14px;
}
.nav-item > a:hover {
	background:#008CD7;
	color:#FFF;
}
.nav-item:hover .nav-submenu {
	display:block;
}
.nav-submenu {
	display:none;
	position:absolute;
	left:0;
	width:180px;
}
.nav-submenu-item a {
	background:#008CD7;
	color:#FFF;
	border-bottom:1px solid #006FAA;
	border-top:1px solid #4AACE0;
	display:block;
	font-size:12px;
	padding:0 15px;
}
.nav-submenu-item a:hover {
	background:#00527D;
}
.nav-mobile {
	display:none;
	cursor:pointer;
	position:absolute;
	top:10px;
	right:2%;
	background:#008CD7 url(../img/meauqu.png) no-repeat center center;
	height:36px;
	width:36px;
}
.nav-click {
	position:absolute;
	top:0;
	right:2%;
	display:none;
	height:36px;
	width:36px;
	cursor:pointer;
}
.nav-click i {
	display:block;
	height:36px;
	width:36px;
	background:url(../img/menulist.png) no-repeat center center;
}
.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
/*de_pronav*/
.pronav .pronav-list {
	position:relative;
	overflow:hidden;
}
.pronav .pronav-list li {
	width:235px;
	height:200px;
	float:left;
	position:relative;
	margin-left:20px;
}
.pronav .pronav-list li img {
	width:235px;
	height:150px;
}
.pronav .pronav-list li.frist {
	margin-left:0;
}
.pronav .pronav-list li .pnl-box {
	position:absolute;
	left:0;
	top:150px;
}
.pronav .pronav-list li .pnl-box h3 {
	width:100%;
	height:50px;
	line-height:50px;
	background:url(../img/blank.png);
	text-indent:12px;
}
/*de_note*/

.note {
	height:26px;
	line-height:26px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:35px auto;
	padding:6px 0;
}
.note .fonticon1 {
	width:26px;
	height:26px;
	line-height:26px;
	border-radius:50%;
	background:#008CD7;
	color:#FFF;
	text-align:center;
	float:left;
}


		.txtScroll-left{ float:right;width:92%;  position:relative;}
		.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.txtScroll-left .bd ul li{ width:33.3333%; float:left; height:26px; line-height:26px;  text-align:left; _display:inline;}

/*de_about*/
.about .aboutlist li {
	display:inline-block;
	float:left;
	width:32%;
}
.about .aboutlist li.mar {
	margin:0 2%;
}
.about .aboutlist li h3 {
	text-align:center;
}
.about .aboutlist li .ra-box {
	border-bottom:1px solid #CCC;
	text-align:center;
	padding-bottom:20px;
	margin:20px 0;
}
.about .aboutlist li .ra-box .ra-o-r {
	display:block;
	border-radius:50%;
	width:84px;
	height:84px;
	line-height:84px;
	margin:0 auto;
	border:1px solid #008CD7;
}
.about .aboutlist li .ra-box .ra-i-r {
	font-style:normal;
	font-size:18px;
	color:#FFF;
	display:block;
	border-radius:50%;
	background:#008CD7;
	width:80px;
	height:80px;
	line-height:80px;
	margin:0 auto;
	border:2px solid #FFF;
}
.about .aboutlist li .ra-info {
	line-height:1.8;
	font-size:12px;
	text-align:left;
}
.about .aboutlist li .ra-href {
	line-height:46px;
}
.about .aboutlist li .ra-href a {
	font-size:12px;
	color:#008CD7;
}
.about .aboutlist li .ra-href a:hover {
	color:#333;
}
/*de_product*/
.productlist li {
	width:25%;
	height:auto;
	max-height:auto;
	display:inline-block;
	float:left;
	text-align:center;
	overflow:hidden;
	position:relative;
}
.productlist li img {
	width:100%;
	height:auto;
	max-height:auto;
	opacity:.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
	display:block;
}
.productlist li .pr-info {
	color:#FFF;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
	width:100%;
	height:auto;
	transition:transform 0.2s,opacity 0.2s;
	transform:scale(1);
	border:0;
}
.productlist li .pr-info span {
	display:block;
	font-size:1.6rem;
	font-size:16px;
	padding-top:34px;
}
.productlist li .pr-info p {
	visibility:hidden;
}
.productlist li:hover .pr-info p {
	visibility:visible;
	padding:14px;
}
.productlist li:hover .pr-info span {
	display:block;
	font-size:2.4rem;
	font-size:24px;
	padding-top:34px;
}
.productlist li:hover img {
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}
.productlist li:hover .pr-info {
	transition:transform 0.2s,opacity 0.2s;
	transform:scale(.9);
	border:2px solid #FFF;
	width:97%;
	height:97%;
	margin-left:1%;
	margin-top:1%;
}
/*canvass*/
.canvassbg .canvass .canfl {
	width:50%;
	height:auto;
	float:left;
}
.canvassbg .canvass img {
	float:left;
	width:100%;
	height:auto;
}
.canvassbg .canvass .canfr {
	float:right;
	width:50%;
}
.canvassbg .canvass .canfr,.canvassbg .canvass .can-info,canvassbg .canvass .can-contact {
	width:400px;
	display:block;
}
.canvassbg .canvass .can-info dt,.pagebox .pageleft .can-info dt {
	color:#003856;
	font-size:20px;
	margin-bottom:22px;
}
.pagebox .pageleft .can-info dt {
	margin-top:22px;
}
.pagebox .pageleft .can-info dt h3 {
	font-size:2.2rem;
	font-size:22px
}
.canvassbg .canvass .can-info dd,.pagebox .pageleft .can-info dd {
	height:24px;
	line-height:24px;
}
.canvassbg .canvass .can-contact,.pagebox .pageleft .can-contact {
	margin-top:24px;
}
.canvassbg .canvass .can-contact li {
	float:left;
	width:auto;
	margin:0 10px;
}
.pagebox .pageleft .can-contact li {
	padding:10px 0;
}
.canvassbg .canvass .can-contact li .can-r,.pagebox .pageleft .can-contact li .can-r {
	border-radius:50%;
	width:28px;
	height:28px;
	line-height:26px;
	background:#003856;
	color:#FFF;
	text-align:center;
	font-size:13px;
	margin-right:5px;
	float:left;
}
.canvassbg .canvass .can-contact li a {
	color:#003855
}
.canvassbg .canvass .can-contact li a:hover {
	color:#F00
}
.mapbg {
	position:relative;
}
.mapbg .contact-text {
	display:none;
}
.mapbg .baidumap {
	display:block;
}
/*de_footer*/
.footer {
	background:#CCC;
	height:35px;
	line-height:35px;
}
.footer .footer-link {
	float:right;
}
@-ms-viewport {
	width:device-width;
}
/*pagestyle*/
#page .canvassbg {
	display:none;
}
.banner {
	width:100%;
	height:auto;
	max-height:auto;
}
.banner img {
	width:100%;
	height:auto;
	max-height:auto;
}
.pagebox .pageleft {
	width:21.5%;
	float:left;
}
.pagebox .pageright {
	width:76%;
	float:right;
	padding-top:2%;
}
.pagebox {
	padding-bottom:2%;
}
.pagebox .pageleft .pagenav {
	margin-bottom:22px;
}
.pagebox .pageleft .pagenav h3 {
	background:#00A0DF;
	padding-top:32px;
	padding-bottom:10px;
	font-size:1.4rem;
	font-size:14px;
	color:#FFF;
	text-align:center;
}
.pagebox .pageleft .pagenav li {
	height:36px;
	line-height:36px;
	border-bottom:1px solid #DEDEDE;
	text-align:center;
}
.pagebox .pageleft .pagenav li:hover {
	background:#00C6FF;
}
.pagebox .pageleft .pagenav li:hover a {
	color:#FFF;
}
.pagebox .pageright .pagetit {
	height:36px;
	line-height:36px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.pagebox .pageright .pagetit h1 {
	font-size:1.4rem;
	font-size:14px;
}
.pagebox .pageright .pagetit .clumlink {
	width:68%;text-align:right;
	float:right;
	font-size:1.2rem;
	font-size:12px;
}
.pagebox .pageright .pagetit .clumlink a.home {
	display:inline-block;
	vertical-align:top;
}
.pagebox .pageright .pageinfo {
	padding:2.5%;
}
.pageinfo table{margin:0 auto;width:90%;}
.pageinfo .datalist {
	padding:10% 0 2% 0;
}
.pageinfo .prolist > li {
	display:inline-block;
	float:left;
	width:33.3333%;
	text-align:center;
}
.pageinfo .prolist > li p {
	padding:10px 0;
}
.pageinfo .prolist li img {
	width:90%;
	height:230px;
	max-height:auto;
	display:block;
	margin:0 auto;
}

.pagebox .pageright .artlist li{height:40px;line-height:40px;width:100%;border-bottom:1px dotted #DEDEDE;white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}

.pagebox .pageright .artlist li a{ text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*Media Queries begin*/
	
@media screen and (min-width:240px) and (max-width:979px) {
	.mauto {
	display:block;
	width:100%;
	height:24px;
	line-height:22px;
	text-align:right;
	background-color:#1A1A1A;
}
.mauto a {
	color:#999;
	font-size:12px;
	padding:0 4px;
	border-left:1px solid #333
}
.container1002 {
	width:92%;
	margin:auto;
	max-width:92%;
}
header {
	height:43px;
	line-height:43px;
	padding:8px 0;
}
header .logo {
	float:none;
	margin:0 auto;
}
header .language {
	display:none;
}
.slider img {
	height:auto;
}
.pronav {
	display:none;
}
.nav-mobile {
	display:block;
}
.nav {
	top:0;
	left:0;
	margin-left:0;
	position:absolute;
	z-index:9999;
	width:100%;
	padding-top:59px;
}
.nav-list {
	display:none;
}
.nav-item {
	width:100%;
	float:none;
}
.nav-item > a {
	background:#008CD7;
	border-bottom:1px solid #006FAA;
	border-top:1px solid #4AACE0;
	color:#FFF;
	text-indent:6%;
}
.nav-click {
	display:block;
}
.nav-mobile-open {
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
}
.nav-item:hover .nav-submenu {
	display:none;
}
.nav-submenu {
	position:static;
	text-indent:8%;
	width:100%;
}
.nav-submenu a {
	background:#00527D;
	border-bottom:1px solid #337597;
	border-top:none;
}
/*de_about*/
.about .aboutlist li {
	display:inline-block;
	float:none;
	width:100%;
}
.about .aboutlist li.mar {
	margin:0;
}
.about .aboutlist li h3 {
	margin:15px 0;
}
.about .aboutlist li .ra-box {
	padding-bottom:10px;
	margin:10px 0;
}
.about .aboutlist li .ra-href {
	display:block;
	margin-top:10px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#f5f5f5;
}
.about .aboutlist li .ra-href:hover,.about .aboutlist li .ra-href:active {
	background:#008CD7;
}
.about .aboutlist li .ra-href:hover a,.about .aboutlist li .ra-href:active a {
	color:#FFF;
}
.canvassbg {
	width:100%;
	overflow:hidden;
}
.canvassbg .canvass .canfl {
	display:none;
}
.canvassbg .canvass .canfr {
	float:none;
	width:80%;
}
.canvassbg .canvass .can-info dt,.canvassbg .canvass .can-info dd {
	width:60%;
}
.canvassbg .canvass .can-info dd {
	height:24px;
	line-height:24px;
}
.canvassbg .canvass .can-contact li {
	float:none;
	width:auto;
	margin:4% 0;
}
.mapbg .contact-text {
	display:block;
	background:#003856;
	padding:4% 0;
	font-size:12px;
	color:#FFF;
}
.mapbg .contact-text ul {
	width:90%;
	margin:0 auto;
}
.mapbg .baidumap {
	display:none;
}
.note {
	margin-top:4%;
}

.product {
	width:90%;
	margin:5% auto;
}
.productlist li {
	width:100%;
	height:auto;
	max-height:auto;
	display:block;
	float:none;
}
.productlist li img {
	width:100%;
	height:auto;
	max-height:auto;
	display:block;
}
.productlist li:hover .pr-info {
	width:90%;
	height:88%;
	margin-left:4%;
	margin-top:4%;
}
.footer .footer-link {
	float:none;
	display:block;
}
.footer {
	width:100%;
	max-width:100%;
	height:auto;
	line-height:1.8;
	padding:2% 0;
	font-size:12px;
	text-align:center;
}
/*page*/
.pagebox .pageleft {
	display:none;
}
.pagebox .pageright {
	width:96%;
	float:none;
	margin:0 auto;
}
#page .canvassbg {
	display:block;
}
.pagebox .pageright .pagetit {
	height:auto;
	line-height:auto;
	padding:2% 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.pagebox .pageright .pagetit .clumlink {
	width:100%;text-align:left;
	float:none;
}
.pageinfo .prolist > li {
	display:inline-block;
	float:left;
	width:100%;
	text-align:center;
}
.pageinfo .prolist li img {
	width:90%;
	height:auto;
	max-height:auto;
	display:block;
	margin:0 auto;
}
}

@media screen and (min-width:479px) and (max-width:979px) {
	.mauto {
	display:block;
	width:100%;
	height:24px;
	line-height:22px;
	text-align:right;
	background-color:#1A1A1A;
}
.mauto a {
	color:#999;
	font-size:12px;
	padding:0 4px;
	border-left:1px solid #333
}
.container1002 {
	width:92%;
	margin:auto;
	max-width:92%;
}.note {
	margin-top:4%;
}
		.txtScroll-left{width:88%;overflow:hidden;}
		.txtScroll-left .bd ul li{ width:50%;font-size:12px;font-size:1.2rem;}
}
@media screen and (min-width:379px) and (max-width:679px) {.note {
	margin-top:4%;
}.txtScroll-left{width:88%;overflow:hidden;}
		.txtScroll-left .bd ul li{ width:50%;font-size:12px;font-size:1.2rem;}}
@media screen and (min-width:321px) and (max-width:479px) {.note {
	margin-top:4%;
}.txtScroll-left{width:88%;overflow:hidden;}
		.txtScroll-left .bd ul li{ width:100%;font-size:12px;font-size:1.2rem;}}
@media screen and (max-width:320px) {
	.pageinfo .prolist > li {
	display:inline-block;
	float:none;
	width:90%;
	margin:0 auto;
	text-align:center;
}

@media screen and (min-width:320px) and (max-width:1000px){
	.pageinfo .prolist li{width:100%}


.pageinfo .prolist li img {
	width:100%;
	height:auto;
	max-height:auto;
	display:block;
	margin:0;
}.note {
	margin-top:4%;
}
		.txtScroll-left{width:88%;overflow:hidden;}
		.txtScroll-left .bd ul li{ width:100%;font-size:12px;font-size:1.2rem;}
}
@media screen and (min-width:240px) and (max-width:319px) {.note {
	margin-top:4%;
}	.txtScroll-left{width:88%;overflow:hidden;}
		.txtScroll-left .bd ul li{ width:100%;font-size:12px;font-size:1.2rem;}}