@charset "utf-8";
/* CSS Document */
html, body {margin:0; font-family:"微软雅黑";}
ol, ul, li {
	list-style: none;
}
.w1000{ width:1000px; margin:0 auto;}
.margintop{ margin-top:20px;}
/* ---------------------------------------------------------------------------- */
/* -----------------------------------Header----------------------------------- */
/* ---------------------------------------------------------------------------- */
.header {width:1000px; margin:0 auto; height:70px; margin-bottom:5px; margin-top:15px;}
.header #logo{width:500px; float:left;}
.header #tel {float: right; margin-top:15px;}

#headm{width:1000px; margin:0 auto; height:35px; background:#00A0E8; font-size:14px;-webkit-box-shadow: 1px 1px 10px #aaa;-moz-box-shadow:1px 1px 10px #aaa;box-shadow:1px 1px 10px #aaa;-pie-background: linear-gradient(#fff, #fff);/
behavior: url(css/PIE.htc);border: 1px solid #ccc;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
#headm ul{height:35px;margin-top: 0px;margin-bottom: 0px;}
#headm li{text-align: center; float:left; height:35px; padding:0px 13px 0 13px;line-height:20px;display:inline; font-weight:bold;}
#headm li a{ text-decoration:none;}
#headm .dh{ position:relative; float:left;}
#headm .dh ul{ width:200px; height:auto;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;z-index: 999999;}
#headm .dh2{ position:relative; float:left;}
#headm .dh2 ul{ width:420px;height:auto;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;}
#headm .topa{z-index:5; position: relative; padding:0 12px; line-height:35px; display: block; height:35px; color: #fff; overflow: hidden; float:left;}
#headm .topa:hover{background:#fff; height:35px; color:#666; border-bottom:none;}
#headm li ul{z-index: 1; position: absolute; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; display: none; background: #fff;top:35px; padding-top:2px; left: 0px}
#headm li ul li{ font-size:12px;line-height: 26px; padding-left:5px; width: 180px; padding-right: 15px; float: left; height: 26px; font-weight: 400; padding-top: 0px; float:left;}
#headm li ul li a{line-height: 26px; border:none; background: none; height:26px; color:#6e6e6e;  float:left;}
#headm li ul li:hover{color:#FFF;line-height: 26px;background-color: #00A0E8;}
#headm li.show ul{display: block}
#headm li.show .topa{display: block; background: #fff; height:35px; color: #666; border-bottom:none; text-decoration: none}
/* ---------------------------------------------------------------------------- */
/* -----------------------------------banner----------------------------------- */
/* ---------------------------------------------------------------------------- */
.new_banner{width:1000px;height:280px;position:relative; margin:0 auto; background:url(../images/loading.gif) no-repeat center center #fff;}
.new_banner ul{ padding:0; margin-top:0px;}
.rslides{width:100%;position:relative;list-style:none;padding:0;}
.rslides_nav{ width:36px; height:36px; background-image:url(../images/banner_new.png); display:block; position:absolute;  text-indent:-10em; overflow:hidden;}
.banner_bomm{ width:1000px; margin:0 auto; background:url(../images/bannerbg.png) no-repeat center; height:28px;}

.prev{ background-position:0 0;left:-10px; top:120px; display:none;}
.prev:hover{ background-position:0 -36px;}
.next{ background-position:-36px 0;right:-10px; top:120px; display:none;}
.next:hover{ background-position:-36px -36px;}
.rslides_tabs{ position:absolute; left:450px; top:250px;clear:both;text-align:center; z-index:99999;}
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{ width:12px; height:12px; background:#fff;text-indent:-5em; overflow:hidden; display:block; float:left; margin-left:6px;border-radius:6px;}
.rslides_tabs .rslides_here a{ background:#00A0E8;}
/* ---------------------------------------------------------------------------- */
/* -----------------------------------main----------------------------------- */
/* ---------------------------------------------------------------------------- */
.main{width:1000px; margin:0 auto; height:auto;}
.index_about{width:657px; float:left; height:250px; margin-right:17px;}
.cr{
        	/*circle radius*/
        	border: 1px solid #ccc;
        	-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			behavior: url(css/PIE.htc);
        }
.bs{
			-webkit-box-shadow: 1px 1px 10px #aaa;
			-moz-box-shadow: 	1px 1px 10px #aaa;
			box-shadow: 		1px 1px 10px #aaa;
			-pie-background: linear-gradient(#fff, #fff);/*gradient为渐变，现在设为白色，不然会变黑，见http://css3pie.com/*/
			behavior: url(css/PIE.htc);
        }
.contbox{ width:320px; height:250px; float:left;margin-bottom:20px;}
.contbox1{ width:320px; height:250px; float:left; margin-right:17px;margin-bottom:20px;}
.contbox2{ width:320px; height:250px; float:right; margin-bottom:20px;}
.main-title{ border-bottom:#00A0E8 solid 2px; width:100%; height:35px; line-height:35px;color:#00A0E8; font-weight:bold; font-size:14px;background: url(../images/ico1.png) no-repeat 10px center;}
.main-title b {float: left;width: 100px;text-align: left; margin-left:25px;}
.main-title b a{color:#00A0E8; text-decoration:none;}
.main-title b a:hover{text-decoration:none;}
.main-title em {float: right;width: 60px;text-align:center;font-weight: normal;font-style: normal;padding: 0 10px 0 0;}
.main-title em a{color:#666; text-decoration:none; font-size:12px;}
.main-title em a:hover{text-decoration:none;}

.index_about_ce{ padding:10px; color:#666;}
.e {padding-top: 5px;overflow: hidden;}
.e a {
    float: left;
    width: 160px;
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    text-indent: 20px;
    color: #666666;
	text-decoration:none;
    background: url(../images/li_1.jpg) no-repeat 10px center;
}
.e a:hover{ color:#00A0E8;}
.index_part{ width:1000px; margin:0 auto;}
.index_part_title{ color:#00A0E8; font-weight:bold; line-height:30px; height:30px; padding-left:40px;background: url(../images/ico.png) no-repeat 10px center;}
.index_part_cent{ width:98%; height:80px; line-height:80px;padding:15px 10px 0 10px;}
#demo img{ max-height:70px; width:auto;}

.footer {color:#666666; width:1000px; margin:0 auto; font-size:12px; text-align:center; line-height:18px; padding-top:20px;}
.footer a{ text-decoration:none; color:#666666;}
.footer a:hover{ text-decoration:none;}
.footer-cent{ width:900px; margin:0 auto; height:auto;}

.custom{ width:100%; padding:5px; height:auto;}
.custom_title{ text-align:center; color:#00A0E8; font-weight:bold; font-size:16px; padding:10px;}
.custom_con{ padding:5px;}

.product_left{ float:left; width:250px; margin-right:20px; margin-top:20px;}
.product_left ul{ padding:0; margin-left:13px;}
.product_right{ float:right; width:725px; margin-top:20px;}
.product_left_title{ width:220px; height:76px; background:url(../images/leftbg.jpg) left no-repeat #0191D8; text-align:center;}
.product_left_title a{ color:#FFF; font-size:16px; font-weight:bold; line-height:76px; text-decoration:none;}
.product_left_title a:hover{ text-decoration:none;}
.product_left_class{ height:30px; background:#0191D8; text-align:center; line-height:30px; width:220px; margin:10px 0px 10px 0px;}
.product_left_class a{ text-decoration:none; color:#FFF; font-size:12px;}
.product_left_class:hover{ text-decoration:none; background:#CeCeCe;}
.product_left_cont{ font-size:12px; line-height:20px;}
.pro-title{ border-bottom:#00A0E8 solid 2px; width:100%; height:35px; line-height:35px;color:#00A0E8; font-size:14px;background: url(../images/ico1.png) no-repeat 10px center;}
.pro-title b {float: left;width: 230px;text-align: left; margin-left:25px;font-weight:bold; }
.pro-title b a{color:#00A0E8; text-decoration:none;}
.pro-title b a:hover{text-decoration:none;}
.pro-title em {float: right; width:auto;text-align:center; font-size:12px;font-style: normal;padding: 0 10px 0 0;color:#666;}
.pro-title em a{color:#666; text-decoration:none; font-size:12px;}
.pro-title em a:hover{text-decoration:none;}
.product_pro{ width:100%; height:auto;}
.product_pro div{width:218px; border: 1px solid #e9e9e9;}
.product_pro img{padding: 0px;max-width:218px;_width:expression(this.width > 218 ? "218px" : this.width); height:auto;}
.product_pro ul{ padding:0; margin-left:15px;}
.product_pro ul li{margin-right:15px; margin-bottom:10px; width:220px; height:260px; float: left;overflow:hidden;}
.product_pro ul li div:hover{ border:1px solid #0191D8;}
.product_pro ul li b a{ font-size:12px; color:#666; text-align:center; text-decoration:none; font-weight:normal;}
.product_pro ul li b a:hover{ text-decoration:none;}
.page { text-align:center; font-size:12px; height:50px; color:#666; line-height:50px;}

.product_view{ height:300px; width:100%; padding-top:10px; border-bottom: 2px solid #00A0E8;}
.product_view ul{ padding:0;}
.product-infoimg{ width:280px; height:270px; float:left; padding-left:10px;}
.product-infoimg div{width:280px; height:270px;border: 1px solid #e9e9e9;}
.product-infoimg img{max-width:279px;_width:expression(this.width > 279 ? "279px" : this.width); height:auto;}
.product-infort{ width:390px; height:270px; float:left; margin-left:20px;}
.product-infort h3{ font-size:16px; color:#666;}
.product-infos{ font-size:12px; color:#666;}
.product_info{ margin-top:10px; padding:10px; font-size:12px;}
.product_info img{max-width:700px;_width:expression(this.width > 700 ? "700px" : this.width); height:auto;}

.news ul{ padding:0;}
.news ul li{ height:30px; line-height:30px;}
.news b {float: left;width: 500px;text-align: left;font-style: normal; margin-left:25px; font-size:12px;}
.news b a{color:#666;font-style: normal; text-decoration:none;}
.news b a:hover{text-decoration:none;}
.news em {float: right; width:auto;text-align:center; font-size:12px;font-style: normal;padding: 0 10px 0 0;color:#666;}
.news em a{color:#666; text-decoration:none; font-size:12px;}
.news em a:hover{text-decoration:none;}
.news_view{ width:100%;padding-top:10px; border-bottom: 2px solid #00A0E8;}
.news_view ul{ padding:0;}
.news_view h3{ height:40px;font-size:14px; font-weight:bold; text-align:center; color:#666; line-height:40px; }
.news-infos{ text-align:center; height:30px; color:#666; font-size:12px; line-height:30px;}

.product_bigclass{ width:100%; height:auto;}
.product_bigclass div{width:158px; height:158px;border: 1px solid #e9e9e9;}
.product_bigclass img{padding: 0px;max-width:158px;_width:expression(this.width > 158 ? "158px" : this.width); height:auto;}
.product_bigclass ul{ padding:0; margin-left:20px;}
.product_bigclass ul li{margin-right:15px; margin-bottom:10px; width:160px; height:180px; float: left;overflow:hidden;}
.product_bigclass ul li div:hover{ border:1px solid #0191D8;}
.product_bigclass ul li span { text-align:center; margin:0 auto;}
.product_bigclass ul li span a{ font-size:12px; color:#666; text-align:center; text-decoration:none; font-weight:normal; width:160px;}
.product_bigclass ul li span a:hover{ text-decoration:none;}

.product_brand_height{ margin-top:40px;}
.product_brand{ width:100%; height:auto;}
.product_brand div{width:98px; height:50px;border: 1px solid #e9e9e9;}
.product_brand img{padding: 0px;max-width:90px;_width:expression(this.width > 90 ? "90px" : this.width); height:auto;}
.product_brand ul{ padding:0; margin-left:15px;}
.product_brand ul li{ margin-left:8px;margin-right:8px; margin-bottom:10px; width:100px; height:80px; float: left;overflow:hidden;}
.product_brand ul li div:hover{ border:1px solid #0191D8;}
.product_brand ul li span { text-align:center; margin:0 auto;}
.product_brand ul li span a{ font-size:12px; color:#666; text-align:center; text-decoration:none; font-weight:normal; width:100px;}
.product_brand ul li span a:hover{ text-decoration:none;}

/*在线客服*/
.QQbox{ z-index:99; width: 170px; right: 3px; top: 300px; position: absolute; font-size:12px;}
.QQbox .press{ right: 0; border: none; cursor: pointer;width: 26px; height: 136px;position: absolute;}
.QQbox .Qlist{ left: 0; width: 170px; background: url(../images/siderIM_bg.gif) padding:5px;}
.QQbox .Qlist .b{ float: right; height: 6px; width: 170px; font-size: 1px; }
.QQbox .Qlist .infobox{ text-align:center; background:#bdc5cb; background-image:url(../images/siderIM_infobox.gif); background-repeat:no-repeat;  padding:5px; line-height:14px; color:#000; font-weight:700;}
.QQbox .Qlist .t{ background:url(../images/siderIM_title.gif); height:34px;}
.QQbox .Qlist .b{ background:url(../images/siderIM_bottom.gif); height:9px; overflow:hidden; }
.QQbox .Qlist .con{background: url(../images/siderIM_bg.gif); width: 100%; padding: 10px 0px 10px 0px;}
.QQbox .Qlist .con h2{ height: 22px; font: bold 12px/22px "宋体"; background: url(../images/siderIM_bg.gif) repeat-y -163px 0; border: 1px solid #3a708d; text-align: center; color:#fff;}
.QQbox .Qlist .con ul { padding:0;}
.QQbox .Qlist .con ul li{ padding: 5px 5px 0px 5px; }



.content{ padding:10px; height:100%;}
.left_cont{ width:228px !important; margin-bottom:5px;}
#demo-list a{
	overflow:hidden;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
}
.jquery-accordion-menu,.jquery-accordion-menu * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: 0
}

.jquery-accordion-menu {
	min-width: 200px;
	float: left;
	position: relative;
	display: block;
}

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header {
	width: 100%;
	height: 50px;
	padding-left: 22px;
	float: left;
	line-height: 50px;
	font-weight: 600;
	color: #f0f0f0;
	background: #414956
}

.jquery-accordion-menu ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.jquery-accordion-menu ul li {
	width: 100%;
	display: block;
	float: left;
	position: relative
}

.jquery-accordion-menu ul li a {
	width: 100%;
	padding: 14px 22px;
	float: left;
	text-decoration: none;
	color: #f0f0f0;
	font-size: 13px;
	background: #414956;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	-o-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-webkit-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear
}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a {
	color: #fff;
	background: #3b424d
}

.jquery-accordion-menu>ul>li>a {
	border-bottom: solid 1px #3b424d
}

.jquery-accordion-menu ul li a i {
	width: 34px;
	float: left;
	line-height: 18px;
	font-size: 16px;
	text-align: left
}

.jquery-accordion-menu .submenu-indicator {
	float: right;
	right: 22px;
	position: absolute;
	line-height: 19px;
	font-size: 20px;
	-o-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-webkit-transition: transform .3s linear;
	-ms-transition: transform .3s linear
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
	line-height: 16px
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
	width: 100%;
	display: none;
	position: static
}

.jquery-accordion-menu ul ul.submenu li {
	clear: both;
	width: 100%
}

.jquery-accordion-menu ul ul.submenu li a {
	width: 100%;
	float: left;
	font-size: 12px;
	background: #eee;
	color:#666;
	border-top: none;
	position: relative;
	border-left: solid 6px transparent;
	-o-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-webkit-transition: border .2s linear;
	transition: border .2s linear
}

.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #414956
}

.jquery-accordion-menu ul ul.submenu>li>a {
	padding-left: 30px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a {
	padding-left: 45px
}

.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
	padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
	min-width: 20px;
	padding: 1px 2px 1px 1px;
	position: absolute;
	right: 18px;
	top: 14px;
	font-size: 11px;
	font-weight: 800;
	color: #555;
	text-align: center;
	line-height: 18px;
	background: #f0f0f0;
	border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
	top: 12px
}

.ink {
	display: block;
	position: absolute;
	background: rgba(255,255,255,.3);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.animate-ink {
	-webkit-animation: ripple .5s linear;
	-moz-animation: ripple .5s linear;
	-ms-animation: ripple .5s linear;
	-o-animation: ripple .5s linear;
	animation: ripple .5s linear
}

@-webkit-keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5)
	}
}

@-moz-keyframes ripple {
	100% {
		opacity: 0;
		-moz-transform: scale(2.5)
	}
}

@-o-keyframes ripple {
	100% {
		opacity: 0;
		-o-transform: scale(2.5)
	}
}

@keyframes ripple {
	100% {
		opacity: 0;
		transform: scale(2.5)
	}
}

.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a {
	background: #4A89DC
}

.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a {
	background: #3e82da
}

.blue.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #3e82da
}

.blue.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #3e82da
}

.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a {
	background: #03A678
}

.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a {
	background: #049372
}

.green.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #049372
}

.green.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #049372
}

.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a {
	background: #0191d8
}

.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a {
	background: #0191d8;
}

.red.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #fff;
}

.red.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #0191d8;
}

.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a {
	background: #fff;
	color: #555
}

.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a {
	background: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li a {
	color: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a>.ink {
	background: rgba(0,0,0,.1)
}

.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a {
	background: #292929
}

.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a {
	background: #222
}

.black.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #222
}

.black.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #222
}