@charset "utf-8";
*{ margin:0; padding:0;}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333;
	background-color:#FFF;
}
a{ color:#333; text-decoration:none;}
a:hover{ color:#8f0000;}
ul,li{ list-style-type:none;}
em,i{ font-style:normal;}
.f_l{ float:left;}
.f_r{ float:right;}
.ml_20{ margin-left:20px;}
.clear{ clear: both; font-size:1px; width:1px; height:0; line-height: 0px; visibility: hidden; }


.header{ width:1200px; height:60px; margin:20px auto; }
.header .logo{ width:206px; margin:0 auto; float:left;}
.header .nav{ width:900px; margin:0 auto; float:left;}
.header .nav dl{ font-size:16px; line-height:60px;}
.header .nav dt{ padding-right:20px; float:right;}
.header .nav dd{ padding-right:20px; float:right;}

.header .menu{ width:800px; margin:0px auto 0 100px; font-size:16px; float:left;}

.menu ul { margin: 0px; padding: 0px; width:800px; height: 80px; line-height:50px; background-color: #fff; color: #333; text-align: center; }
.menu ul li { position: relative; margin-left: 0px; padding-top: 10px; padding-left: 0px; height: 70px; width:100px;; border: none; float: left; }

.menu ul li ul { visibility: hidden; width:200px; position: absolute; top: 80px; left: 0%; background-color:#FFF; z-index:100; }
.menu ul li ul li { width: 100%; float: none; height:35px; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #e3e3e3; line-height:35px; position: relative; }
.menu ul li ul li ul { visibility: hidden; position: absolute; left: 100%; top: 0px; width:260px; }
.menu ul li:hover ul li ul { visibility: hidden; }
.menu ul li ul li:hover ul { visibility: visible; background-color: #666666; color: #000000; }
.menu ul li ul li:hover ul li { color: #000000; background:#fff url(images/r3.png) no-repeat 240px center; }
.menu ul li ul li:hover ul li:hover { color: #0070b4; background:#f4f4f6 url(images/r3.png) no-repeat 250px center; }

.menu ul li:hover { background-color: #fff; color:#0070ac; }
.menu ul li:hover ul { visibility: visible; }
.menu ul li:hover ul li { background-color:#fff; text-align:left; padding-left:10px; color: #000000; background:#fff url(images/r3.png) no-repeat 180px center; }
.menu ul li:hover ul li:hover{ background-color:#f4f4f6; text-align:left; padding-left:10px; color: #0070b4; background:#f4f4f6 url(images/r3.png) no-repeat 190px center; }


.header .QRcode{ width:94px; margin:0 auto; text-align:right; float:left;}

.mainpic{ width:100%; height:550px; background:url(images/main-.jpg) no-repeat center center;}

/*slider start*/
.slider-contaner { width: 100%;	position: relative;}
.slider-item + .slider-item {opacity: 0;}
.slider-item {	width: 100%;position: absolute;animation-timing-function: linear;animation-name: fade;animation-iteration-count: infinite;background-size: 100%;}
.focus-container {	position: absolute;	z-index: 7;	margin: 0 auto;	left: 0;right: 0;}
.focus-container li {	width: 10px;height: 10px;border-radius: 50%;float: left;margin-right: 10px;	background: #fff;}
.focus-item {	width: 100%;height: 100%;border-radius: inherit;animation-timing-function: linear;animation-name: fade;animation-iteration-count: infinite;}
.focus-item2, .focus-item3, .focus-item4, .focus-item5 {opacity: 0;}
.focus-container ul {	margin-left: 46%;}

/*设置轮播焦点的位置*/
.focus-container {	bottom: 2%;}

/*设置当前图片焦点的颜色*/
.focus-item {	background: #51B1D9;}

/*设置动画，请根据实际需要修改秒数*/
.slider-item, .focus-item {	animation-duration: 20s;}
.slider-item1, .focus-item1 {	animation-delay: -1s;}
.slider-item2, .focus-item2 {	animation-delay: 3s;}
.slider-item3, .focus-item3 {	animation-delay: 7s;}
/*.slider-item4, .focus-item4 {	animation-delay: 11s;}
.slider-item5, .focus-item5 {	animation-delay: 15s;}*/
@keyframes fade {
	0% {
		opacity: 0;
		z-index: 2;
	}
	5% {
		opacity: 1;
		z-index: 1;
	}
	20% {
		opacity: 1;
		z-index: 1;
	}
	25% {
		opacity: 0;
		z-index: 0;
	}
	100% {
		opacity: 0;
		z-index: 0;
	}
}

/*设置背景，响应式请利用媒体查询根据断点修改路径*/
.slider-item1 {
	background-image: url(images/main.jpg);
}
.slider-item2 {
	background-image: url(images/main1.jpg);
}
.slider-item3 {
	background-image: url(images/main2.jpg);
}
/*.slider-item4 {
	background-image: url(images/main1.jpg);
}
.slider-item5 {
	background-image: url(images/main2.jpg);
}*/

/*设置图片的高度，请根据具体需要修改百分比，响应式及时修改此值*/
.slider, .slider-item {	padding-bottom: 30%;}




.subtitle{ width:100%; height:128px; text-align:center; line-height:128px;}
.subtitle strong{ font-size:26px;}
.subtitle em{ font-size:14px; font-weight:normal;}

.latestpro{ width:1230px; margin:0 auto;}
.latestpro dl{ width:340px; margin:0 15px 0 15px; padding:20px; background-color:#f6f5f3; float:left;}
.latestpro dl:hover{ width:340px; margin:1px 15px 1px 15px; padding:20px; background-color:#e8e7e6; float:left;}
.latestpro h2{ line-height:50px;}

.product{ width:1230px; margin:0 auto; padding-top:0px;	}
.product dl{ width:340px; margin:30px 15px 0 15px; padding:20px; background-color:#f6f5f3; float:left;}
.product dl:hover{ width:340px; margin:30px 15px 0px 15px; padding:20px; background-color:#e8e7e6; overflow:hidden; float:left;}
.product dd{ padding:10px 10px 0 10px; text-align:center; font-weight:bold; line-height:22px;}

.Pdetails{ width:1200px; margin:0 auto; padding-top:30px;}
.Pdetails .leftbar{ width:270px; float:left;}
.Pdetails .leftbar .topbar{ width:230px; padding:30px 0 20px 40px; line-height:26px; font-size:26px; color:#FFF; border-radius:60px 0 0 0; background-color:#009fe7; float:left;}
.Pdetails .leftbar .topbar em{ font-size:14px;}

.Pdetails .leftbar .bottombar{ width:270px; font-size:14px; padding-bottom:60px; background-color:#ebf0f5; float:left;}
.Pdetails .leftbar .bottombar a{ width:230px; height:48px; padding-left:40px; line-height:48px; border-bottom:1px solid #e2e7ed; float:left;}
.Pdetails .leftbar .bottombar a:hover{ width:230px; height:48px; padding-left:40px; line-height:48px; border-bottom:1px solid #e2e7ed; background-color:#f4f9fe; float:left;}
.Pdetails .leftbar .bottombar dt a{ color:#009fe7; background:url(images/row1.png) no-repeat 230px center;}

  
.tree {margin: 0;padding: 0;background-color:#f2f2f2;overflow: hidden; width:270px; font-size:14px; padding-bottom:60px; background-color:#ebf0f5; float:left;}  
/*隐藏input*/
.tree li input{position: absolute;left: 0;opacity: 0;z-index: 2;cursor: pointer;height: 1em;width:1em;top: 0; color:#009fe7; background:url(images/row1.png) no-repeat 230px center;}  
/*所有菜单项设置统一样式*/
.tree li {position: relative;list-style: none;}   
/*一级菜单加下边线*/
.tree>li{border-bottom: 1px solid #d9d9d9;}
/*给有子菜单的菜单项添加背景图标*/
.tree li label {max-width:999px;cursor: pointer;display: block;margin:0 0 0 -50px;padding: 15px 10px 15px 70px;/*background: url(images/r2.png) no-repeat right center;*/background-position:95% 50%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; color:#009fe7; background:#f4f9fe url(images/r2.png) no-repeat 270px center; }
.tree li label:hover,li label:focus{background:#f4f9fe url(images/r2.png) no-repeat 280px center;color:#009fe7;}
/*清除所有展开的子菜单的display*/
.tree li input + ol{display: none;}  
/*当input被选中时，给所有展开的子菜单设置样式*/
.tree input:checked + ol {padding-left:14px;height: auto;display: block;}  
.tree input:checked + ol > li { height: auto;}  
/*末层菜单为A标签，设置样式*/
.tree li.file a{margin:0 -10px 0 -50px;padding: 15px 20px 15px 70px;text-decoration:none;display: block;color:#333333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} 
.tree li.file a:hover,li.file a:focus{background-color:#a7a7a7;color:#fff;} 
/*不同层级的菜单字体大小不同*/
.tree .folderOne{font-size: 18px;}
.tree .folderTwo{font-size:16px;}
.tree .folderThree{font-size:14px;}
div span { float:right; padding-right:20px; }
div span:after { content: "∨" }
div.collapsed span:after { content: "∧" }


hr{ color:#e3e3e3;}



.Pdetails .rightbar{ width:900px; float:right;}
.Pdetails .rightbar .topbar{ width:900px; border-bottom:1px solid #e2e7ed;}
.Pdetails .rightbar .topbar strong{ font-size:26px; line-height:100px; color:#009fe7;}
.Pdetails .rightbar .topbar em{ line-height:100px; float:right;}
.Pdetails .rightbar .pshowbox{ width:900px; padding-top:30px;}

.Pdetails .rightbar .pshowbox .picbox{ width:450px; float:left;}
.Pdetails .rightbar .pshowbox .picbox .bigbox{ width:450px;}
.Pdetails .rightbar .pshowbox .picbox .smallbox{ width:450px; padding-top:20px;}
.Pdetails .rightbar .pshowbox .picbox .smallbox dt{ width:75px; float:left;}
.Pdetails .rightbar .pshowbox .picbox .smallbox dd{ width:75px; float:left;}

#preview{ float:left; margin:0px auto; text-align:center; width:450px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul{ padding-left:30px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}




.Pdetails .rightbar .pshowbox .pdes{ width:430px; float:right;}
.Pdetails .rightbar .pshowbox .pdes h1{ line-height:30px; padding-top:20px;}
.Pdetails .rightbar .pshowbox .pdes em{ display:inline-block; padding-top:20px;}
.Pdetails .rightbar .pshowbox .pdes p{ padding-top:20px;}
.Pdetails .rightbar .bottombar{ width:900px; font-size:14px; padding-top:30px;}
.Pdetails .rightbar .bottombar .barbox{ width:870px; padding:10px 15px 10px 15px; color:#0070ac; font-weight:bold; background-color:#efefef;}
.Pdetails .rightbar .bottombar .dpbox{ width:900px; padding:20px 0px 10px 0px; line-height:26px;}

.pagelist{ width:1200px; margin:0 auto; padding-top:30px; text-align:center;}
.pagelist li{ display:inline-table; border:1px solid #f1f1f1; padding:8px 16px 8px 16px;}

.habout{ width:100%; margin-top:38px;}
.habout .leftbar{ width:50%; height:380px; float:left; background:#fafafb;}
.habout .rifhtbar{ width:50%; height:380px; float:right; background:#fafafb url(images/habout.jpg) no-repeat right center;}
.habout .inbox{ width:570px; margin:0 auto; padding-right:30px; float:right;}
.habout .inbox .stitle{ width:100%; height:68px; line-height:68px;}
.habout .inbox .stitle strong{ font-size:26px;}
.habout .inbox .stitle em{ font-size:14px; font-weight:normal;}
.habout .inbox h3{ font-size:26px; line-height:60px;}
.habout .inbox p{ font-size:14px; line-height:24px; color:#333;}

.hrepair{ width:1200px; margin:0 auto;}
.hrepair h2{ text-align:center;}
.hrepair .boxsh{ box-shadow: 0px 0px 15px #e3e3e3;}
.hrepair dl dt em{ width:200px; float:left; line-height:-100px;}
.hrepair dl dd{ float:left;}

.latestnews{ width:1230px; margin:0 auto;}
.latestnews dl{ width:380px; margin:0 15px 0 15px; padding:0px; float:left;}
.latestnews dl:hover{ width:380px; margin:0px 15px 0px 15px; padding:0px; float:left;}
.latestnews h2{ font-size:14px; line-height:38px; background:url(images/row1.jpg) no-repeat right center;}
.latestnews img:hover{ border:0px solid #069;}

.newslist{ width:1200px; margin:0 auto;}
.newslist .newsbox{ width:1200px; margin:0 auto; padding:20px 0 20px 0; border-bottom:1px solid #e0e0e0; overflow:auto;}
.newslist .newsbox .lpic{ width:360px; float:left;}
.newslist .newsbox .rinfo{ width:840px; float:left;}
.newslist .newsbox .rinfo em{ width:820px; background:url(images/row5.jpg) no-repeat 0 20px; padding:20px 0 0 20px; float:left;}
.newslist .newsbox .rinfo div{ padding-top:20px; line-height:26px; font-size:14px; float:left;}

.newstitle{ width:1200px; margin:0 auto; text-align:center;}
.newstitle strong{ width:1200px; margin:0 auto; padding-top:20px; line-height:68px; font-size:26px; float:left;}
.newstitle em{ width:1200px; margin:0 auto; float:left;}
.dnews{ width:1200px; margin:0 auto; padding-top:20px; font-size:14px; line-height:26px;}
.dnews img{ MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}

.abox{ width:1200px; margin:0 auto; padding-top:20px;}
.abox td{ padding:8px;}
.abox .btext{ padding:8px; border:1px solid #e3e3e3; border-radius:6px;}
.abox .btn{ padding:8px 18px 8px 18px; border:1px solid #e3e3e3; border-radius:6px;}

.qbox{ width:1200px; margin:0 auto; padding-top:30px;}
.qbox td{ padding:8px;}
.qbox .q1_1{ width:15px; padding:6px 8px 6px 8px; text-align:center; border-radius:50%; background-color:#F60; color:#FFF; float:left;}
.qbox .q1_2{ width:15px; padding:6px 8px 6px 8px; text-align:center; border-radius:50%; background-color:#CCC; color:#FFF; float:left;}
.qbox .q1_3{ width:1140px; line-height:24px; color:#000; float:right;}
.qbox .q1_3 em{ line-height:24px; font-weight:bold;}
.qbox .q1_3 i{ line-height:24px; float:right; color:#e3e3e3;}
.qbox .q1_4{ width:1140px; line-height:24px; color:#333; float:right;}
.qbox .aqline{ border-bottom:1px solid #e9ecee;}

.navbar{ width:100%; height:68px; line-height:68px; border-bottom:1px solid #e9ecee;}
.navbar .inbar{ width:1200px; margin:0 auto;}
.navbar .inbar .navbox{ margin:0 auto; font-size:16px; float:left;}
.navbar .inbar .navbox dt{ border-bottom:1px solid #0070ac; background:url(images/row4.jpg) no-repeat center bottom; float:left;}
.navbar .inbar .navbox dd{ padding-left:20px; float:left;}
.navbar .inbar .ipath{ margin:0 auto; padding-left:15px; text-align:right; float:right; background:url(images/row3.jpg) no-repeat left center;}

.pSingle{ width:1200px; margin:0 auto; padding-top:30px;}
.pSingle h2{ text-align:center;}

.pSingle .aboutleft{ width:820px; float:left;}
.pSingle .aboutleft h1{ line-height:38px; color:#0070ac;}
.pSingle .aboutleft em{ line-height:28px;}
.pSingle .aboutleft p{ font-size:14px; padding-top:20px; line-height:28px;}
.pSingle .aboutright{ width:350px; float:right;}

.tableSty { border-collapse:collapse;}
.tableSty td { border: 1px solid #d5dfea; padding: 6px 6px 5px 6px; line-height: 18px;}
.tableSty .tdTop { background: #e6f4fa; height: 30px; font-family:Verdana; font-weight:bold;}
.tableSty .st2 { background: #e6f4fa;}


/* banner */
.c-banner{
	width: 100%;
	position: relative;
	background-color:#fff;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}



.footer{width:100%; margin-top:38px; color:#333; background-color:#ebf0f5;}
.footer .footbox{width:1200px; margin:0 auto; padding:30px 0 30px 0; overflow:auto;}
.footer .footbox .nav{width:600px; padding-right:200px; float:left;}
.footer .footbox .nav dt{width:600px; font-size:22px; line-height:38px; float:left;}
.footer .footbox .nav dd{width:150px; font-size:14px; line-height:30px; float:left;}
.footer .footbox .tel{width:300px; text-align:center; line-height:38px; float:left;}
.footer .footbox .tel dt{width:300px; font-size:26px; color:#158ad0;}
.footer .footbox .tel dd{width:200px; margin:0 30px 0 30px; padding-left:40px; font-size:20px; color:#FFF; border-radius:20px; background:#158ad0 url(images/row2.jpg) no-repeat 40px center;}
.footer .footbox .QRcode{width:100px; text-align:center; float:left;}
.footer .footbox .QRcode img{ border:5px solid #FFF;}

.footer .copyright{width:100%; height:38px; border-top:1px solid #e2e7ed; overflow:auto;}
.footer .copyright p{width:1200px; margin:0 auto; line-height:38px; text-align:right;}



@media screen and (max-width:768px) {


img{ /*max-width:100%; max-height:6%;*/MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
	
.header{ width:100%; height:auto; margin:20px auto; }
.header .logo{ width:100%; margin:0 auto 16px auto; text-align:center; float:left;}
.header .nav{ width:100%; margin:0 auto; float:left;}
.header .nav dl{ font-size:16px; line-height:60px;}
.header .nav dt{ padding-right:20px; float:right;}
.header .nav dd{ padding-right:20px; float:right;}

.header .menu{ width:100%; margin:0px auto 0 0px; font-size:16px; float:left;}

.menu ul { margin: 0px; padding: 0px; width:100%; height:auto; line-height:50px; background-color: #fff; border-top:1px solid #e3e3e3; color: #333; text-align: center; }
.menu ul li { position: relative; margin-left: 0px; padding-top: 0px; padding-left: 0px; height:auto; width:25%; border:0; float: left; background: url(images/rr.gif) no-repeat right bottom; }

.menu ul li ul { visibility: hidden; width:200px; position: absolute; top: 80px; left: 0%; background-color:#FFF; z-index:100; display:none; }
.menu ul li ul li { width: 100%; float: none; height:35px; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #e3e3e3; line-height:35px; position: relative; display:none; }
.menu ul li ul li ul { visibility: hidden; position: absolute; left: 100%; top: 0px; width:260px; }
.menu ul li:hover ul li ul { visibility: hidden; }
.menu ul li ul li:hover ul { visibility: visible; background-color: #666666; color: #000000; }
.menu ul li ul li:hover ul li { color: #000000; background:#fff url(images/r3.png) no-repeat 240px center; }
.menu ul li ul li:hover ul li:hover { color: #0070b4; background:#f4f4f6 url(images/r3.png) no-repeat 250px center; }

.menu ul li:hover { background-color: #fff; color:#0070ac; }
.menu ul li:hover ul { visibility: visible; }
.menu ul li:hover ul li { background-color:#fff; text-align:left; padding-left:10px; color: #000000; background:#fff url(images/r3.png) no-repeat 180px center; }
.menu ul li:hover ul li:hover{ background-color:#f4f4f6; text-align:left; padding-left:10px; color: #0070b4; background:#f4f4f6 url(images/r3.png) no-repeat 190px center; }


.header .QRcode{ width:0px; margin:0 auto; text-align:right; display:none; float:left;}

.mainpic{ width:100%; height:550px; background:url(images/main-.jpg) no-repeat center center;}

/*slider start*/
.slider-contaner { width: 100%;	position: relative;}
.slider-item + .slider-item {opacity: 0;}
.slider-item {	width: 100%;position: absolute;animation-timing-function: linear;animation-name: fade;animation-iteration-count: infinite;background-size: 100%;}
.focus-container {	position: absolute;	z-index: 7;	margin: 0 auto;	left: 0;right: 0;}
.focus-container li {	width: 10px;height: 10px;border-radius: 50%;float: left;margin-right: 10px;	background: #fff;}
.focus-item {	width: 100%;height: 100%;border-radius: inherit;animation-timing-function: linear;animation-name: fade;animation-iteration-count: infinite;}
.focus-item2, .focus-item3, .focus-item4, .focus-item5 {opacity: 0;}
.focus-container ul {	margin-left: 46%;}

/*设置轮播焦点的位置*/
.focus-container {	bottom: 2%;}

/*设置当前图片焦点的颜色*/
.focus-item {	background: #51B1D9;}

/*设置动画，请根据实际需要修改秒数*/
.slider-item, .focus-item {	animation-duration: 20s;}
.slider-item1, .focus-item1 {	animation-delay: -1s;}
.slider-item2, .focus-item2 {	animation-delay: 3s;}
.slider-item3, .focus-item3 {	animation-delay: 7s;}
/*.slider-item4, .focus-item4 {	animation-delay: 11s;}
.slider-item5, .focus-item5 {	animation-delay: 15s;}*/
@keyframes fade {
	0% {
		opacity: 0;
		z-index: 2;
	}
	5% {
		opacity: 1;
		z-index: 1;
	}
	20% {
		opacity: 1;
		z-index: 1;
	}
	25% {
		opacity: 0;
		z-index: 0;
	}
	100% {
		opacity: 0;
		z-index: 0;
	}
}

/*设置背景，响应式请利用媒体查询根据断点修改路径*/
.slider-item1 {
	background-image: url(images/main.jpg);
}
.slider-item2 {
	background-image: url(images/main1.jpg);
}
.slider-item3 {
	background-image: url(images/main2.jpg);
}
/*.slider-item4 {
	background-image: url(images/main1.jpg);
}
.slider-item5 {
	background-image: url(images/main2.jpg);
}*/

/*设置图片的高度，请根据具体需要修改百分比，响应式及时修改此值*/
.slider, .slider-item {	padding-bottom: 30%;}


.subtitle{ width:100%; height:128px; text-align:center; line-height:128px;}
.subtitle strong{ font-size:1.625em;}
.subtitle em{ font-size:0.875em; font-weight:normal;}

.latestpro{ width:98%; margin:1% auto;}
.latestpro dl{ width:27%; margin:0 1% 16px 1%; padding:2%; background-color:#f6f5f3; float:left;}
.latestpro dl:hover{ width:27%; margin:0 1% 16px 1%; padding:2%; background-color:#e8e7e6; float:left;}
.latestpro dl img{ width:100%; height:auto;}
.latestpro h2{ font-size:1.125em; line-height:1.25;}

.product{ width:98%; margin:1% auto; padding-top:0px;	}
.product dl{ width:27%; margin:0 1% 16px 1%; padding:2%; background-color:#f6f5f3; float:left;}
.product dl:hover{ width:27%; margin:0 1% 16px 1%; padding:2%; background-color:#e8e7e6; overflow:hidden; float:left;}
.product dd{ padding:0; text-align:center; font-weight:bold; line-height:22px;}

.Pdetails{ width:96%; margin:0 auto; padding:30px 2% 0 2%;}
.Pdetails .leftbar{ width:100%; float:left;}
.Pdetails .leftbar .topbar{ width:98%; padding:30px 0 20px 2%; line-height:26px; font-size:26px; color:#FFF; border-radius:0px 0 0 0; background-color:#009fe7; float:left;}
.Pdetails .leftbar .topbar em{ font-size:14px;}

.Pdetails .leftbar .bottombar{ width:270px; font-size:14px; padding-bottom:60px; background-color:#ebf0f5; float:left;}
.Pdetails .leftbar .bottombar a{ width:230px; height:48px; padding-left:40px; line-height:48px; border-bottom:1px solid #e2e7ed; float:left;}
.Pdetails .leftbar .bottombar a:hover{ width:230px; height:48px; padding-left:40px; line-height:48px; border-bottom:1px solid #e2e7ed; background-color:#f4f9fe; float:left;}
.Pdetails .leftbar .bottombar dt a{ color:#009fe7; background:url(images/row1.png) no-repeat 230px center;}

  
.tree {margin: 0;padding: 0;background-color:#f2f2f2;overflow: hidden; width:100%; font-size:14px; padding-bottom:60px; background-color:#ebf0f5; float:left;}  
/*隐藏input*/
.tree li input{position: absolute;left: 0;opacity: 0;z-index: 2;cursor: pointer;height: 1em;width:1em;top: 0; color:#009fe7; background:url(images/row1.png) no-repeat 230px center;}  
/*所有菜单项设置统一样式*/
.tree li {position: relative;list-style: none;}   
/*一级菜单加下边线*/
.tree>li{border-bottom: 1px solid #d9d9d9;}
/*给有子菜单的菜单项添加背景图标*/
.tree li label {max-width:999px;cursor: pointer;display: block;margin:0 0 0 -50px;padding: 15px 10px 15px 70px;/*background: url(images/r2.png) no-repeat right center;*/background-position:95% 50%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; color:#009fe7; background:#f4f9fe url(images/r2.png) no-repeat 270px center; }
.tree li label:hover,li label:focus{background:#f4f9fe url(images/r2.png) no-repeat 280px center;color:#009fe7;}
/*清除所有展开的子菜单的display*/
.tree li input + ol{display: none;}  
/*当input被选中时，给所有展开的子菜单设置样式*/
.tree input:checked + ol {padding-left:14px;height: auto;display: block;}  
.tree input:checked + ol > li { height: auto;}  
/*末层菜单为A标签，设置样式*/
.tree li.file a{margin:0 -10px 0 -50px;padding: 15px 20px 15px 70px;text-decoration:none;display: block;color:#333333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;} 
.tree li.file a:hover,li.file a:focus{background-color:#a7a7a7;color:#fff;} 
/*不同层级的菜单字体大小不同*/
.tree .folderOne{font-size: 18px;}
.tree .folderTwo{font-size:16px;}
.tree .folderThree{font-size:14px;}
div span { float:right; padding-right:20px; }
div span:after { content: "∨" }
div.collapsed span:after { content: "∧" }


hr{ color:#e3e3e3;}



.Pdetails .rightbar{ width:100%; float:left;}
.Pdetails .rightbar .topbar{ width:100%; border-bottom:1px solid #e2e7ed;}
.Pdetails .rightbar .topbar strong{ font-size:26px; line-height:100px; color:#009fe7;}
.Pdetails .rightbar .topbar em{ line-height:100px; float:right;}
.Pdetails .rightbar .pshowbox{ width:100%; padding-top:0px;}

.Pdetails .rightbar .pshowbox .picbox{ width:450px; float:left;}
.Pdetails .rightbar .pshowbox .picbox .bigbox{ width:450px;}
.Pdetails .rightbar .pshowbox .picbox .smallbox{ width:450px; padding-top:20px;}
.Pdetails .rightbar .pshowbox .picbox .smallbox dt{ width:75px; float:left;}
.Pdetails .rightbar .pshowbox .picbox .smallbox dd{ width:75px; float:left;}


#preview{ float:left; margin:0px auto; text-align:center; width:450px;}
.jqzoom{ width:350px; height:350px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul{ padding-left:30px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}




.Pdetails .rightbar .pshowbox .pdes{ width:100%; float:left;}
.Pdetails .rightbar .pshowbox .pdes h1{ line-height:30px; padding-top:20px;}
.Pdetails .rightbar .pshowbox .pdes em{ display:inline-block; padding-top:20px;}
.Pdetails .rightbar .pshowbox .pdes p{ padding-top:20px;}
.Pdetails .rightbar .bottombar{ width:100%; font-size:14px; padding-top:30px;}
.Pdetails .rightbar .bottombar .barbox{ width:98%; padding:10px 0 10px 2%; color:#0070ac; font-weight:bold; background-color:#efefef;}
.Pdetails .rightbar .bottombar .dpbox{ width:100%; padding:20px 0 10px 0; line-height:26px;}

.pagelist{ width:96%; margin:0 auto; padding:30px 2% 0 2%; text-align:center;}
.pagelist li{ display:inline-table; border:1px solid #f1f1f1; padding:8px 16px 8px 16px;}

.habout{ width:100%; margin-top:38px;}
.habout .leftbar{ width:100%; height:auto; float:left; background:#fafafb;}
.habout .rifhtbar{ width:100%; height:380px; float:left; background:#fafafb url(images/habout.jpg) no-repeat right center;}
.habout .inbox{ width:96%; margin:2% auto; padding-right:0px; float:none;}
.habout .inbox .stitle{ width:100%; height:68px; line-height:68px;}
.habout .inbox .stitle strong{ font-size:1.625em;}
.habout .inbox .stitle em{ font-size:14px; font-weight:normal;}
.habout .inbox h3{ font-size:1.625em; line-height:60px;}
.habout .inbox p{ font-size:14px; line-height:24px; color:#333;}

.hrepair{ width:100%; margin:0 auto;}
.hrepair h2{ text-align:center;}
.hrepair .boxsh{ box-shadow: 0px 0px 15px #e3e3e3;}
.hrepair dl dt em{ width:200px; float:left; line-height:-100px;}
.hrepair dl dd{ float:left;}

.latestnews{ width:98%; margin:1% auto;}
.latestnews dl{ width:29%; margin:0 0 16px 0; padding:2%; float:left;}
.latestnews dl:hover{ width:29%; margin:0 0 16px 0; padding:2%; float:left;}
.latestnews h2{ font-size:1.125em; line-height:1.125em; padding-right:25px; background:url(images/row1.jpg) no-repeat right center;}
.latestnews img:hover{ border:0px solid #069;}

.newslist{ width:96%; margin:0 auto; padding:0 2% 0 2%;}
.newslist .newsbox{ width:100%; margin:0 auto; padding:20px 0 20px 0; border-bottom:1px solid #e0e0e0; overflow:auto;}
.newslist .newsbox .lpic{ width:25%; padding:0 5% 0 0; float:left;}
.newslist .newsbox .rinfo{ width:70%; float:left;}
.newslist .newsbox .rinfo em{ width:90%; background:url(images/row5.jpg) no-repeat 0 12px; padding:10px 0 0 20px; float:left;}
.newslist .newsbox .rinfo div{ padding-top:10px; line-height:26px; font-size:14px; float:left;}

.newstitle{ width:96%; margin:0 auto; padding:0 2% 0 2%; text-align:center;}
.newstitle strong{ width:96%; margin:0 auto; padding:10px 2% 0 2%; line-height:1.625em; font-size:1.625em; float:left;}
.newstitle em{ width:96%; margin:0 auto; padding:10px 2% 0 2%; float:left;}
.dnews{ width:96%; margin:0 auto;  padding:20px 2% 0 2%; font-size:14px; line-height:26px;}
.dnews img{ MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}

.abox{ width:96%; margin:0 auto; padding:20px 2% 0 2%;}
.abox td{ padding:8px;}
.abox .btext{ padding:8px; border:1px solid #e3e3e3; border-radius:6px;}
.abox .btn{ padding:8px 18px 8px 18px; border:1px solid #e3e3e3; border-radius:6px;}

.qbox{ width:96%; margin:0 auto; padding:20px 2% 0 2%;}
.qbox td{ padding:8px;}
.qbox .q1_1{ width:15px; padding:6px 8px 6px 8px; text-align:center; border-radius:50%; background-color:#F60; color:#FFF; float:left;}
.qbox .q1_2{ width:15px; padding:6px 8px 6px 8px; text-align:center; border-radius:50%; background-color:#CCC; color:#FFF; float:left;}
.qbox .q1_3{ width:100%; line-height:24px; color:#000; float:right;}
.qbox .q1_3 em{ line-height:24px; font-weight:bold;}
.qbox .q1_3 i{ line-height:24px; float:right; color:#e3e3e3;}
.qbox .q1_4{ width:100%; line-height:24px; color:#333; float:right;}
.qbox .aqline{ border-bottom:1px solid #e9ecee;}

.navbar{ width:96%; padding:0 2% 0 2%; height:68px; line-height:68px; border-bottom:1px solid #e9ecee;}
.navbar .inbar{ width:100%; margin:0 auto;}
.navbar .inbar .navbox{ margin:0 auto; font-size:16px; float:left;}
.navbar .inbar .navbox dt{ border-bottom:1px solid #0070ac; background:url(images/row4.jpg) no-repeat center bottom; float:left;}
.navbar .inbar .navbox dd{ padding-left:20px; float:left;}
.navbar .inbar .ipath{ margin:0 auto; padding-left:15px; text-align:right; float:right; background:url(images/row3.jpg) no-repeat left center;}

.pSingle{ width:96%; margin:0 auto; padding:30px 2% 0 2%;}
.pSingle h2{ text-align:center;}

.pSingle .aboutleft{ width:100%; float:left;}
.pSingle .aboutleft h1{ line-height:38px; color:#0070ac;}
.pSingle .aboutleft em{ line-height:28px;}
.pSingle .aboutleft p{ font-size:14px; padding-top:20px; line-height:28px;}
.pSingle .aboutright{ width:100%; float:right;}
.pSingle .aboutright img{ width:100%; height:auto;}

.tableSty { border-collapse:collapse;}
.tableSty td { border: 1px solid #d5dfea; padding: 6px 6px 5px 6px; line-height: 18px;}
.tableSty .tdTop { background: #e6f4fa; height: 30px; font-family:Verdana; font-weight:bold;}
.tableSty .st2 { background: #e6f4fa;}


/* banner */
.c-banner{
	width: 100%;
	position: relative;
	background-color:#fff;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}



.footer{width:100%; margin-top:38px; color:#333; background-color:#ebf0f5;}
.footer .footbox{width:96%; margin:0 auto; padding:30px 2% 30px 2%; overflow:auto;}
.footer .footbox .nav{width:100%; padding-right:0px; float:left;}
.footer .footbox .nav dt{width:100%; font-size:22px; line-height:38px; float:left;}
.footer .footbox .nav dd{width:25%; font-size:14px; line-height:30px; float:left;}
.footer .footbox .tel{width:100%; padding:20px 0 20px 0; text-align:center; line-height:38px; float:left;}
.footer .footbox .tel dt{width:100%; font-size:26px; color:#158ad0;}
.footer .footbox .tel dd{width:40%; margin:0 auto 0 auto; padding-left:40px; font-size:20px; color:#FFF; border-radius:20px; background:#158ad0 url(images/row2.jpg) no-repeat 40px center;}
.footer .footbox .QRcode{width:100%; text-align:center; float:left;}
.footer .footbox .QRcode img{ border:5px solid #FFF;}

.footer .copyright{width:100%; height:38px; border-top:1px solid #e2e7ed; overflow:auto;}
.footer .copyright p{width:100%; margin:0 auto; line-height:38px; text-align:center;}
	
	
	

	
	
	
	
	
	
	.c-banner{
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color:#000;
	}
	.c-banner .banner ul li img{
		width: 100%;
		height: 100%;
		position: absolute;
		/*left: 50%;*/
		/*margin-left: -384px;*/
	}
}