body {
  color:#333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"微软雅黑",Verdana;
	background:#fff;
	overflow-x: hidden;
}
table{
font-size:12px;
  color:#333;
}
image{
border:0px;
}

.ptable table{width:100%;}
.ptable td{background:#eaeaea;padding:5px;}


.logo{
width:100%;
max-width:300px;
}


.title{
font-family:"微软雅黑",verdana;
font-size:50px;
line-height:50px;
padding-top:70px;
}
.title1{
font-family:"微软雅黑",verdana;
font-size:30px;
line-height:40px;
cursor:pointer;
}

.line{background:url(pic/line.jpg) left bottom no-repeat;padding-bottom:10px;margin-bottom:10px;}
.line2{background:url(pic/line.jpg) center bottom no-repeat;padding-bottom:10px;margin-bottom:10px;}

.line4{background:url(pic/line2.jpg) center bottom no-repeat;padding-bottom:10px;margin-bottom:10px;}
.line5{background:url(pic/line3.jpg) left bottom no-repeat;padding-bottom:10px;margin-bottom:10px;}

.title2{

font-family:"微软雅黑",verdana;
font-size:24px;
}

.banners{text-align:center;background-position:center;background-repeat:no-repeat;padding:150px 0;margin-top:100px;text-shadow:3px 3px 3px #000;}



.in_div{
clear:both;
line-height:20px;
background:#000000;
}

.ys{text-align:center;padding:5%;margin:5%;transition: all 1s;}
.ys img{width:60%;max-width:200px;min-width:100px}

.ys b{font-size:18px;line-height:50px; letter-spacing:5px;}
.ys p{text-align:left;font-size:14px;line-height:20px;}
.ys:hover{background: #eaeaea;transform: rotateY(360deg);
-ms-transform:rotateY(360deg);
-webkit-transform:rotateY(360deg);}




/*系列列表*/

.xl1{
width:80%;
margin-bottom:1px;
padding:10px;
font-size:14px;
color:#333;
background:#eaeaea;
cursor:pointer;
}
.xl2{
width:80%;
margin-bottom:1px;
padding:10px;
font-size:14px;
color:#fff;
background:#0099cc;
cursor:pointer;
}


.num1{
cursor:pointer;
background:#0099cc;
color:#fff;
padding:10px;
font-size:12px;
text-align:center;
margin:1px;
}
.num2{
cursor:pointer;
background:#cccccc;
color:#666666;
padding:10px;
text-align:center;
font-size:12px;
margin:1px;
}
.num2:hover{
background:#333;
color:#fff;}


.ntitle{
font-family:"微软雅黑","楷体_GB2312",verdana;
font-size:24px;
color:#000000;
line-height:30px;} 

.newscss{
width:94%;
font-size:10px;
border-bottom:1px dashed #ccc;
padding:0;
display: -webkit-box;
padding:3%;
}
.news_time{
color:#ccc;
width:100px;
padding-right:3%;
text-align:center;
}
.news_time .th3{color:ccc;font-size:30px;font-weight:bold;}

.news_title{
width:80%;
font-size:12px;
line-height:20px;
color:#999;}




.ptitle{
font-family:"微软雅黑","楷体_GB2312",verdana;
font-size:30px;
color:#003366;
line-height:30px;
padding-left:30px;} 

.duan25 {
	line-height: 25px;
	font-size:14px;
}
.duan20 {
	line-height: 20px;
	font-size:12px;
}

.duan30 {
	line-height: 30px;
	font-size:16px;
}
a:link {
	font-size: 12px;
	color: #ccc;
	text-decoration: none;
}
a:visited {
	font-size: 12px;
	color: #ccc;
	text-decoration:none;
}
a:hover {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
a:active {
	font-size: 12px;
	color: #ccc;
	text-decoration: none;
}

.bb:link {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.bb:visited {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.bb:hover {
	font-size: 12px;
	color:#0099cc;
	text-decoration: none;
}
.bb:active {
	font-size: 12px;
	color: #666;
	text-decoration: none;
}
.bb2:link {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
.bb2:visited {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}
.bb2:hover {
	font-size: 12px;
	color: #0099cc;
	text-decoration: none;
}
.bb2:active {
	font-size: 12px;
	color: #666666;
	text-decoration: underline;
}

.bb16:link {
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
.bb16:visited {
	font-size: 16px;
	color: #333;
	text-decoration: none;
}
.bb16:hover {
	font-size: 16px;
	color: #0099cc;
	text-decoration: none;
}
.bb16:active {
	font-size: 16px;
	color: #333;
	text-decoration: none;
}


.wb:link {
	font-size: 14px;
	color: #006699;
	text-decoration: none;
}
.wb:visited {
	font-size: 14px;
	color: #006699;
	text-decoration: none;
}
.wb:hover {
	font-size: 14px;
	color:#000;
	text-decoration: none;
}
.wb:active {
	font-size: 14px;
	color: #006699;
	text-decoration: none;
}

.wr:link {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.wr:visited {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
.wr:hover {
	font-size: 14px;
	color:#ccff00;
	text-decoration: none;
}
.wr:active {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}

.mo1:link {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight:bold;
}
.mo1:visited {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight:bold;
}
.mo1:hover {
	font-size: 10px;
	color: #ff6600;
	text-decoration: none;
	font-weight:bold;
}
.mo1:active {
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	font-weight:bold;
}



.tb_gray{
border:1px solid #eaeaea;
}


.imgcss1k{text-align:center;}
.imgcss1k img{width:100%;max-width:1000px;}

.link1{
filter:gray;
cursor:hand;
}
.link2{
cursor:hand;
}




.imgborder{
border:1px dashed #cccccc;
}

.imgclass1{
cursor:pointer;
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1);
}
.imgclass1:hover{
filter:grayscale(0);
-webkit-filter:grayscale(0);
-moz-filter:grayscale(0);
-ms-filter:grayscale(0);
-o-filter:grayscale(0);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
-webkit-filter:grayscale(0);
}

.protitle{
width:100px;
height:25px;
background:#333333;
color:#ffffff;
}

.formborder{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#eaeaea;

}

.searchborder{
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:20px;
color:#999999;
background:url(pic/searchback.jpg);
padding:5px 0 0 5px;
border:0;
margin:0;

}

.noborder{
border:0px;

}



.stylecolor1{color:#000;}
.stylecolor2{color:#fff;}
.stylecolor3{color:#0099cc;}
.stylecolor4{color:#009900;}
.stylecolor5{color:#ff6600;}
.stylecolor6{color:#0000FF;}
.stylecolor7{color:#003366;}
.stylecolor8{color:#006699;}
.stylecolor9{color:#666;}
.stylecolor10{color:#ccc;}



.qqbox a:link {
	color: #000000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #cc0000;
	text-decoration: none;
}
.qqbox a:active {
	color: #000000;
	text-decoration: none;
}
.qqbox{
	width:95px;
	height:auto;
	position:absolute;
	right:10px;
	top:300px;
	color:#000000;
	font-size:14px;
	z-index:1000;
}
.qqlv{
	width:95px;
	height:65px;
	float:right;
	z-index:50px;
	margin-bottom:10px;
	text-align:center;
	line-height:20px;
}
.qqkf{
	width:100px;
	height:auto;
	right:0px;
	top:0px;
	z-index:99px;
	background:#CC0000;
	padding:10px;
	position:absolute;
}
.qqkfbt{
	width:100px;
	height:25px;
	color:#ffffff;
	cursor:pointer;
	text-align:center;
}
.qqkfhm{
	width:95px;
	height:22px;
	background:#eeeeee;
	line-height:22px;
	position:relative;
	padding:5px 0 0 0px;
}
.bgdh{
	width:95px;
	padding-left:10px;
}

/***********************选择器*/
.select{
height:22px;
border:1px solid #999;
cursor:pointer;
background:#eaeaea;
	font-family:"微软雅黑",Verdana;
}
.select:hover{
border:1px solid #000;
}


/*图片效果*/
.pros{
width:19%;
height:19%;
position:relative;
border:1px solid #ccc;
margin:0.4%;
float:left;
cursor:pointer;}

.pros img{
width:100%;
}
.pname {

position:absolute;
width:90%;
height:90%;
color:#333;
padding:5%;
font-size:16px;
font-weight:bold;
background:url(pic/space.png) repeat;;
}
.pname:hover{
font-size:20px;
font-weight:bold;
position:absolute;
width:90%;
height:20%;
background:#000000;
color:#FFFFFF;
text-align:center;
filter:alpha(opacity=70); 
-moz-opacity:0.7;
opacity:0.7;
padding:40% 5% 40% 5%;
}



.inform{width:80%;height:25px;color:#000;background:#999;border:0;padding:3px 10px;font-size:14px; font-family:"Microsoft Yahei";}

.buttons{
padding:10px 20px;
background:#fff;
font-size:16px;
line-height:60px;
color:#333;
border:1px solid #333;
cursor:pointer;
text-align:center;
clear:both;}
.buttons:hover{
background:#333;
color:#fff;
}
.buttons_active{
padding:10px 20px;
background:#333;
font-size:16px;
line-height:60px;
color:#fff;
border:1px solid #333;
cursor:pointer;
text-align:center;
clear:both;}

.buttonson{
padding:10px;
background:#33;
font-size:16px;
color:#fff;
cursor:pointer;
clear:both;}

.buttons2{
padding:5px;
background:#0099cc;
font-size:14px;
color:#fff;
cursor:pointer;
text-align:center;}
.buttons2:hover{
padding:5px;
background:#333;
font-size:14px;
color:#fff;
cursor:pointer;
text-align:center;}

.pnameshow{display:none;}



.rows{margin:0 15%;}/*中间文字段落*/
.row{width:90%;margin:0px 5%;}
.rowa{margin:0px 5%;width:65%;}

.row2 {float:left;width:46%;height:auto;margin:1%;}
.row3 {float:left;width:30%;height:auto;margin:1%;}
.row4 {display: inline-block;width:24%;height:auto;margin:0;padding:0;}
.row5 {display: inline-block;width:19%;height:auto;margin:2px;padding:0;}

.rborder{text-align:center;border:1px solid #ccc;cursor:pointer;}
.rborder:hover{border:1px solid #0099cc;color:#fff;background:#0099cc;}
.rborder2{padding:10px;text-align:center;border:1px solid #ccc;margin:10px;cursor:pointer;}
.rborder2:hover{border:1px solid #0099cc;color:#0099cc;}

.row2a {float:left;width:35%;height:auto;margin:0 1%;cursor:pointer;}
.row2b {float:left;width:60%;height:auto;margin:0 1%;cursor:pointer;}


.wow {display: inline-block; font: 14px/25px "Microsoft Yahei"; vertical-align: top; *display: inline; zoom: 1;}
.wow1{width: 80%;height:auto; margin:0 1%;}
.wow2 {width: 46%;height:auto; margin:0 1%;}
.wow3 {width: 30%;height:auto; margin:0 1%;}


/*产品左右结构*/
.pleft{
float:left;
width:55%;
margin-right:3%;
margin-top:130px;}


.pright{
position:fixed;
top:130px;
left:58%;
width:30%;
background:#fff;}
.pleft img,.pright img{width:100%;max-width:750px;}



.endlan{
color:#fff;
float:left;
margin-left:5%;
font-size:18px;
line-height:25px;
}

.endleft{
float:left;
width:40%;
color:#ccc;
font-size:12px;}
.endright{
float:right;
width:30%;
color:#ccc;
font-size:12px;}
.endright table{color:#ccc;}

ul,li{list-style-type:none;margin:0;padding:0;}

.con{width:100%;margin:0;padding:0;}.con img{width:100%;transition: all 0.6s;}
.con img:hover{transform: scale(1.1);}
.con ul li{display:inline-block;width:24%;height:auto;margin:0.5%;padding:0;position:relative;cursor:pointer;overflow:hidden;}
.txt{width:100%;height:35px;background:#000;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";/*透明背景色，不透明其文字内容*/filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}

.txt h3{font-size:16px;font-weight:bold;text-align:center;line-height:40px;padding:0;margin:0;}
.txt p{font-size:12px;text-align:center;line-height:35px;}



.con2{width:100%;margin:0;padding:0;}.con2 img{width:100%;}
.con2 ul li{display:inline-block;width:23%;height:auto;margin:1% 1% 0 0;position:relative;cursor:pointer;overflow:hidden;}


.txtmore{width:100%;height:0;background:#0099cc;position:absolute;left:0;bottom:0;color:#fff;font-weight:bold;}

.img_box:hover .txtmore{height:auto;padding:10px 0;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;}

.img_box{width:100%;height:100%;overflow: hidden;position:relative;}
.img_box img{width:100%;transition: all 0.6s;}
.img_box img:hover{transform: scale(1.1);}

.lan1{background:#fff;padding-bottom:5%;text-align:center;}
.lan1:hover{background:#0099cc;color:#fff;}
.lan2{background:#333;padding-bottom:1%;text-align:center;color:#fff;}
.lan2:hover{background:#0099cc;color:#fff;}
.lan3{width:70%;text-align:center;margin:0;left:15%;top:20%;position:absolute;cursor:pointer;}
.lan3 h3{font-size:25px;text-align:center;line-height:20px;padding:0;}
.lan3 p{padding:0;}
.lan3 h3:hover{font-size:28px;}

.divright{float:right;margin:0 0 10px 10px;width:50%;}



*{padding:0;}ul,li{list-style:none}.rvc{max-width:90%;position:relative;margin:auto;margin-top:30px}.rvc .rvc-wrapper{margin:auto;overflow:hidden}.rvc .rvc-wrapper ul{overflow:hidden;position:relative}.rvc .rvc-wrapper ul li{float:left;}.rvc .rvc-wrapper ul li a{display:block;width:100%;height:auto;text-decoration:none}.rvc .rvc-wrapper ul li a .img-wrapper{width:100%;height:auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.rvc .rvc-wrapper ul li a h2{margin-top:10px;text-align:center}.rvc .rvc-wrapper ul li a p{padding:5px;height:80px}.rvc-prv,.rvc-next{position:absolute;height:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.rvc-prv{left:0}.rvc-next{right:0}

@media (min-width: 1200px) { 
.row{width:80%;margin:0px 10%;}
.rows{margin:0px 15%;}

}


@media (max-width: 979px) {
.leftclass {display:none;}
.con2 ul li{width:49%;}
.con ul li{width:49%;}
.logo{
margin:10px 0;max-width:200px;
}
/*产品左右结构*/
.pleft{
float:left;
width:100%;
margin-top:5%;}


.pright{
position:static;
float:left;
width:100%;
margin-top:150px;}

.endleft{
float:left;
width:100%;}
.endright{
display:none;}

.imgclass1{filter:none;filter:alpha(opacity:50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;}
.rows{margin:0 5%;}

.row2{width:100%;margin:0 0 5% 0;}
.row4 {width:44%;height:auto;margin:1% 1%;cursor:pointer;padding:1%;}

.row3 {float:left;width:100%;margin:0 0 5% 0;}
.ui-stepName{font-size:8px;}
.news_time{display:none;}
.news_title{width:100%;}
.divright{float:left;margin:0 0 10px 0;width:100%;}
.pnameshow{display:block;color:#fff;
background:#333;padding:5px;text-align:center;}
}