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


.bgdiv{width:100%;height:200px;position:absolute;z-index:-999;top:100px;}
.bgdiv img{width:100%;height:200px;position:absolute;}





/*导航CSS开始*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix10:after {
	content:".";
	display:block;
	height:10px;
	clear:both;
	visibility:hidden;
}
.h10{height:10px;}
.h15{height:15px;}
#header{width:100%; margin:0 auto;}
.navBar {
	width:100%;
	margin:0 auto;

	color:#333;
}

.navBar a {
	text-decoration:none;
	color:#333;
	font-size:16px;

}
.navBar a:hover {
	color:#D7261C;
	text-decoration:none;
	font-size:16px;
}



ul,li{
	margin:0;
	padding:0;
	list-style:none;}
.nav {
	position:relative;
	width:100%;
	margin:0 auto;
	font-family:Verdana, Arial,"幼圆","黑体";
	font-size:16px;
}
.nav a {
	color:#fff;
}
.nav h3 {
	font-size:16px;
	font-weight:normal;
}
.nav .m {
	float:left;
	position:relative;
	z-index:999;
}
.nav .s {
	float:left;
	width:3px;
	text-align:center;
	color:#D4D4D4;
	font-size:12px;
}
.nav h3 a {
	display:block;
	width:100px;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.nav .sub {
	display:none;
	position:absolute;
	left:-3px;
	top:78px;
	z-index:999;
	width:102px;
	border:1px solid #E6E4E3;
	border-top:0;
	background:#fff;
}
.nav .sub li {
	text-align:center;
	padding:0 5px;
	margin-bottom:-1px;
}
.nav .sub li a {
	display:block;
	border-bottom:1px solid #E6E4E3;
	padding:5px 0;
	height:28px;
	line-height:28px;
	color:#333;
	font-size:12px;
	font-weight:bold;
}
.nav .sub li a:hover {
	color:#D7261C;
}
.nav .block {
	height:8px;
	width:104px;
	background:#D7261C;
	position:absolute;
	left:0;
	top:69px;
	overflow:hidden;
}
/*导航CSS结束*/




.pr1{
float:left;
width:220px;
height:250px;
border:2px #cccccc solid;
cursor:pointer;
margin:7px;
}
.pr2{
width:220px;
height:250px;
border:2px #ff6600 solid;
cursor:pointer;
float:left;
margin:7px;
}
.pr0{
float:left;
width:220px;
height:250px;
border:2px #cccccc solid;
margin:10px;

}

.title{
font-family:Verdana, Arial,"幼圆","黑体";
font-size:50px;
line-height:50px;
padding-top:70px;
}
.title1{
font-family:Verdana, Arial,"幼圆","黑体";
font-size:40px;
line-height:50px;
margin-top:5%;
cursor:pointer;
}

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

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

.title2{

font-family:Verdana, Arial,"幼圆","黑体";
font-size:24px;
}

.banners{height:400px;text-align:center;}


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



/*菜单列表*/
.pl1{
width:80%;
font-size:16px;
line-height:50px;
color:#999;
cursor:pointer;
text-indent:30px;
border-left:5px solid #eaeaea;
}
.pl1:hover{
border-left:5px solid #0099cc;
color:#0099cc;
font-weight:bold;}

.pl2{
width:80%;
font-size:16px;
line-height:50px;
color:#0099cc;
cursor:pointer;
text-indent:30px;
border-left:5px solid #0099cc;
font-weight:bold;
}
.pl0{height:20px;
border-left:5px solid #eaeaea;}




/*系列列表*/

.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:Verdana, Arial,"幼圆","黑体";
font-size:24px;
color:#000000;
line-height:30px;} 

.newscss{font-family:Verdana;
width:92%;
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:right;
}
.news_time .th3{ font-family:Verdana;color:ccc;font-size:30px;font-weight:bold;}

.news_title{
font-family:Verdana, Arial,"幼圆","黑体";
width:80%;
font-size:14px;
color:#999;}

.news_more{font-family:Verdana, Arial,"幼圆","黑体";font-size:14px;color:#fff;float:right;cursor:pointer;background:#0099CC;padding:8px;}
.news_more:hover{background:#000000;}

.ptitle{
font-family:Verdana, Arial,"幼圆","黑体";
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: 14px;
	color: #999;
	text-decoration: none;
}
.bb:visited {
	font-size: 14px;
	color: #999;
	text-decoration: none;
}
.bb:hover {
	font-size: 14px;
	color:#0099cc;
	text-decoration: none;
}
.bb:active {
	font-size: 14px;
	color: #999;
	text-decoration: none;
}
.bb2:link {
	font-size: 14px;
	color: #666666;
	text-decoration: underline;
}
.bb2:visited {
	font-size: 14px;
	color: #666666;
	text-decoration: underline;
}
.bb2:hover {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}
.bb2:active {
	font-size: 14px;
	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;
}

.img1{
filter:alpha(opacity=80) gray; 
}

.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{
filter:Gray;
-webkit-filter:grayscale(100%); 
}

.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(http://www.jsyongbao.com/cn/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:#FFFF00;}
.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, Arial,"幼圆","黑体";
}
.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(../image/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;
background:#009900;
font-size:16px;
line-height:20px;
color:#fff;
cursor:pointer;
text-align:center;
clear:both;}
.buttons:hover{

background:#0099cc;
}

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

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




/*表单样式*/
.bootstrap-frm {
width:100%;
padding: 20px;
font: 14px Verdana, Arial,"幼圆","黑体";
color: #888;
text-shadow: 1px 1px 1px #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

.bootstrap-frm label {
display: block;
margin: 0px 0px 5px;
}
.bootstrap-frm label>span {
float: left;
width: 100px;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #333;
font-family:Verdana, Arial,"幼圆","黑体";
font-weight: bold;
}
.bootstrap-frm input[type="text"], .bootstrap-frm textarea, .bootstrap-frm select{
border: 1px solid #CCC;
font-family:Verdana, Arial,"幼圆","黑体";
color: #888;
height: 20px;
line-height:15px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 5px 0px 5px 5px;

border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}


.bootstrap-frm select {
background: #FFF url('http://www.jsyongbao.com/cn/pic/down-arrow.png') no-repeat right;
font-family:Verdana, Arial,"幼圆","黑体";
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
height: 35px;
line-height:15px;
}
.bootstrap-frm textarea{
height:100px;
padding: 5px 0px 0px 5px;
}
.bootstrap-frm .button {
font-family:Verdana, Arial,"幼圆","黑体";
background: #FFF;
border: 1px solid #CCC;
padding: 10px 25px 10px 25px;
color: #333;
border-radius: 4px;
}
.bootstrap-frm .button:hover {
font-family:Verdana, Arial,"幼圆","黑体";
color: #333;
background-color: #EBEBEB;
border-color: #ADADAD;
}



.row{margin:0 5%;}
.rows{margin:2% 0;}
.rows3{float:left;width:33.3%;}
.txt2{z-index:99;background:rgba(0,153,204,0.5);;text-align:center;position:absolute;left:25%;right:25%;top:30%;padding:10%;color:#fff;font-family:"幼圆";font-size:25px;font-weight:bold;}

.txt2hover{display:none;z-index:99;background:rgba(0,0,0,0.5);position:absolute;left:0;right:0;top:0;bottom:0;padding:20% 10%;color:#fff;font-family:"幼圆";}


.rowa{margin:0px 5%;width:65%;}

.row2 {float:left;width:46%;height:auto;margin:0 1%;cursor:pointer;}
.row3 {float:left;width:30%;height:auto;margin:0 1%;cursor:pointer;}
.row4 {float:left;width:22%;height:auto;margin:0 1%;cursor:pointer;}


.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%;}




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

.inall{margin:0 5%;display: -webkit-box;}
.inleft{width:50%;}
.inright{width:50%;}


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

.con{width:100%;margin:0;padding:0;}.con img{width:100%;}
.con ul li{float:left;width:24%;height:auto;margin:1% 1% 0 0;position:relative;cursor:pointer;overflow:hidden;}
.txt{width:100%;height:0px;background:#0099cc;/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:3px;color:#fff;font-family:"幼圆";}

.txt h3{font-size:18px;font-weight:bold;text-align:center;line-height:20px;padding:0 10%;margin:0;}

.txt p{padding:0 10%;text-align:center;line-height:20px;margin:5% 0 0 0;}


.con2{width:100%;margin:0;padding:0;}.con2 img{width:100%;}
.con2 ul li{float:left;width:32%;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;z-index:1;}
.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;}

*{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{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{margin:0px 5%;}
}