@charset "utf-8";
/* CSS Document */
#vsb_content table {
	border-width: 1px 0px 0px 1px;
	border-right-style: initial;
	border-bottom-style: initial;
	border-right-color: initial;
	border-bottom-color: initial;
	border-image: initial;
	border-left-style: solid;
	border-left-color: rgb(221, 221, 221);
	border-top-style: solid;
	border-top-color: rgb(221, 221, 221);
	width: 100%;
	margin: 20px auto;
}

#vsb_content table tr td {
	border-width: 0px 1px 1px 0px;
	border-left-style: initial;
	border-left-color: initial;
	border-top-style: initial;
	border-top-color: initial;
	line-height: 23px;
	padding: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: rgb(221, 221, 221);
	border-bottom-color: rgb(221, 221, 221);
}

#vsb_content table tr td p {
	text-indent: 0em;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

#browser-modal {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	text-align: center;
	color: rgb(48, 50, 51);
	position: fixed;
	z-index: 9999;
}

#browser-modal .browser-modal-cover {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-color: rgb(17, 17, 17);
	opacity: 0.9;
	z-index: -1;
}

#browser-modal .browser-content {
	width: 700px;
	margin-top: 120px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 50px;
	background-color: rgb(255, 255, 255);
	border-radius: 5px;
}

#browser-modal .browser-content .browser-dpc-logo img {
	height: 42px;
	margin: 45px auto 40px;
}

#browser-modal .browser-content .browser-text-title {
	text-transform: uppercase;
	font-size: 24px;
}

#browser-modal .browser-content .browser-text-desc {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 14px;
}

#browser-modal .browser-content .browser-list {
	width: 600px;
	margin: 20px auto;
	height: 130px;
}

#browser-modal .browser-content .browser-item {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

#browser-modal .browser-content .browser-item .iconfont {
	width: 100px;
	height: 100px;
	margin: 0px auto 10px;
	font-size: 80px;
	line-height: 80px;
}

#browser-modal .browser-content .browser-item .iconchrome {
	background: url("../images/bro.png") 0px 0px no-repeat;
}

#browser-modal .browser-content .browser-item .iconfirefox {
	background: url("../images/bro.png") 0px -100px no-repeat;
}

#browser-modal .browser-content .browser-item .iconopera {
	background: url("../images/bro.png") 0px -200px no-repeat;
}

#browser-modal .browser-content .browser-item .iconEdge {
	background: url("../images/bro.png") 0px -300px no-repeat;
}

#browser-modal .browser-content .browser-item a {
	cursor: pointer;
	display: block;
}

#browser-modal .browser-content .browser-item a img {
	display: block;
	margin: 0px auto;
	max-width: 100px;
	width: 100px;
	height: 100px;
}

#browser-modal .browser-content .browser-item a h4 {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
}
html{min-width: 1500px;}
.clearfix::after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ".";
	overflow: hidden;
	width: 0px;
	height: 0px;
	font-size: 0px;
	line-height: 0;
}

.clearfix {
	display: block;
}
*{ margin:0; padding:0;}
body{font-family:Verdana,Arial,Helvetica,sans-serif;background: #e6e7eb;}
img { border:0}
a{ text-decoration:none}
a:hover{ text-decoration:underline}
ul li{ list-style:none}

.fr{ float:right}
.fl{ float:left}
.clr{ clear:both}

.line_2{ width:100%; height:2px; overflow:hidden;}
.line_20{ width:100%; height:20px; overflow:hidden;}
.line_11{ width:100%; height:11px; overflow:hidden;}

.top{width: 100%;background-color: #971812;min-width: 1440px;}
.logo{ width:1208px; height:116px; margin:0 auto; position:relative}
.menu_box{ width:100%; height:52px; background-color:#ffffff}
.menu{ width:1208px; height:52px; margin:0 auto; position:relative}
.menu .lm{ width:76px; height:52px; float:left; position:relative;}
.menu .menu_x{background: url(../imgs/menu_x.jpg) no-repeat}
.menu a{  width:76px; height:52px; line-height:52px; margin:0; text-align:center; color: #3d3b3b;; float:left; font-size:15px; display:block; font-family:"微软雅黑";} 


.menu .lm div{ width:76px; position:absolute; top:52px; left:0; z-index:100; background:white; display:none}
.menu .lm div ul li{ width:100%; text-align:center;}
.menu .lm div ul li a{ height:auto; min-height:52px; _height:42px; line-height:42px; font-size:15px; font-family:Verdana,Arial,Helvetica,sans-serif;}


.flash{ width:1208px; margin: 0 auto;border-bottom: 8px solid #971812;background: white;}

.main{ width:1208px; margin:0 auto; background:#fff;padding-top: 40px;padding-bottom: 40px;}
.main2{ width:1002px; margin:0 auto; padding: 10px; background:#fff}

.more{ position:absolute; right:7px; top:9px; text-indent:0; text-align:left;}
.more a{width:48px; height:11px; background:url(../imgs/more.jpg) no-repeat; display:block;}

.title{ width:368px; height:38px; line-height:20px; overflow:hidden;font-size:22px; color: #3d3d3d;; position:relative; background:url(../imgs/title.jpg); float:left;font-family: "微软雅黑";}
.title span{ color:#fff; font-family:'Arial'}

.con{margin-top:10px;}
/* 左侧 */
.left{ width:368px; float:left;margin-left: 26px;}
.left .con{ width:100%; float:left; color:#595555; font-size:12px; }

/* 中间 */
.center{ width:368px; float:left; margin-left:26px;}
.center .con{ margin-top: 10px;}
.center .con img{ margin:5px 0; float:left}
.center .con .bief{ width:255px; color:#595555; margin:5px 12px 5px 0; font-size:12px; line-height:25px; float:right}
.center .con ul.news_list{ width:98%;margin-top: 3px;}

/* 右侧 */
.right{ width:368px; float:left;margin-left: 26px; overflow:hidden}

/* 左侧栏目 */
.left2{ width:247px; float:left;}
.left2 .title{ width:247px; height:29px; line-height:30px; border-bottom:1px solid #3d3b3b;  overflow:hidden; text-indent:8px; font-size:15px; color:#3d3b3b; font-weight:bold; position:relative; background:url(images/title.jpg); float:left}
.left2 .column{ height:auto;}
.left2 .column ul{ margin:10px 15px;}
.left2 .column ul li{ height:40px; line-height:40px; padding-left:20px; font-size:1px; background:url(../images/dot.jpg) 3px center no-repeat;float: left;width: 217px;}
.left2 .column ul li a{color:#3d3b3b;font-family: "微软雅黑";font-size: 15px;}


.block{ width:100%;}
.block .picshow{ width:100%; float:right;}
.block .con{ width:100%; height:166px; overflow:hidden; float:left; margin-top:2px; border:1px solid #DDE6DE; background:#F7FEF8; color:#595555; font-size:12px;}

.block .con .img a{ display:block; float:left;}
.block .con .img a img{ border:1px solid #DCE2DD; padding:2px;}
.block .con .tit{ width:100%; height:30px; line-height:30px; overflow:hidden; float:left;}
.block .con .tit a{ color:#595555; text-decoration:none;}
 
 
/* 内页右侧 */
.right_n{ width:725px; float:right; min-height:500px; _height:500px;}
.right_n .title{ width:100%; height:30px; overflow:hidden; font-weight:bold; line-height:35px; border-bottom:1px solid #3d3b3b;  font-size:15px; text-indent:0px;  color:#3d3b3b}
.right_n .title .position{ float:right; margin-right:20px; font-size:15px; color:#3d3b3b}
.right_n .title .position a{ color:#3d3b3b}
.right_n .con{ padding:10px; line-height:25px; font-size:12px; color:#595555}


/* 底部 */
.bottom{ width:100%; min-height:125px; _height:125px; font-family: "微软雅黑"; margin:0 auto;line-height: 88px; font-size:14px; text-align:center; color:white; background:#5e5e5e}
.bottom a{ color:#C5D7C8}
.bottom .bottom_t{width: 1208px;margin: 0 auto;text-align: right;line-height: 26px;padding-top:41px;background: url(../imgs/bottom.jpg)no-repeat;}
/* 新闻列表 */
ul.news_list li{ width:100%; height:65px; margin-top:25px;line-height:65px; overflow:hidden; font-size:12px; position:relative; }
ul.news_list li a{ color:#817e7e;}
ul.news_list li .dates{width: 63px;height: 63px;border:1px solid #4a7aa3;float: left;}
ul.news_list li .dates .dates_d{background:#4a7aa3;font-size: 18px;font-family: "微软雅黑";height: 37px;line-height: 37px;color: white;text-align: center;}
ul.news_list li .dates .dates_y{height: 26px;line-height: 26px;color: #4A7AA3;text-align: center;}
ul.news_list li .list_tz{float:left;width: 300px;height: 55px;font-size:15px;font-family: "微软雅黑"; margin-left: 10px;line-height: 19px;margin-top: 10px;}

ul.news_list2 .li1{ width:100%;    border-bottom: 1px dotted #B3B3B3; height:36px;line-height: 36px; overflow:hidden; position:relative;text-indent: 47px;}
ul.news_list2 .li1 a{color: #878686; font-size:16px;}
ul.news_list2 .li2{padding: 25px 0; width:100%; height:83px;line-height:83px; overflow:hidden; font-size:12px; position:relative;border-bottom: 1px dotted #B3B3B3; }
ul.news_list2{ width:100%; margin:0 auto}
ul.news_list2 li a:hover{ text-decoration:underline;}
ul.news_list2 li .date{height:38px; line-height:38px;font-weight: bold; overflow:hidden; text-align:right; position:absolute; top:0; left:0; text-indent:0;color: #971812; font-size:14px; font-family:"微软雅黑"}
ul.news_list2 li .date2{height:20px;width: 68px; line-height:20px;overflow:hidden; text-align:center; position:absolute; top:7px; left:0; text-indent:0;color: white;background: #971812; font-size:14px; font-family:"微软雅黑"}
ul.news_list2 .con_left{float: left;}
ul.news_list2 .con_left img{width: 161px;height: 83px;}
ul.news_list2 .con_right{float: right;width: 225px;height: 85px;}
ul.news_list2 .con_right .con_title{height: 39px;line-height: 22px;color: #444545;font-size: 16px;}
ul.news_list2 .con_right .con_content{	height: 37px;line-height: 22px;	color: #808182;font-size: 14px;margin-top: 11px;}

ul.news_list .li3 {height: 40px;line-height: 40px;margin-top: 0;border-bottom: 1px dotted #B3B3B3; background:url(../images/dot.jpg) 3px center no-repeat;text-indent: 1rem;}
ul.news_list .li3 .date{width:90px;  height:45px; line-height:45px; overflow:hidden; text-align:right; position:absolute; top:0; right:0; text-indent:0;color: #878686; font-size:16px; font-family:"微软雅黑"}
ul.news_list .li3 a{font-size: 15px;font-family: "微软雅黑";}
/* 产品列表 */
ul.piclist li{ margin:20px 15px 0; _margin:20px 15px 0 7px; float:left; width:200px;}
ul.piclist li a.pic{ width:200px; height:150px; border:1px solid #999; display:block;}
ul.piclist li a.txt{ width:100%; height:30px; line-height:30px; display:block; text-align:center; font-size:12px; color:#595555}
ul.piclist li a.txt:hover{ text-decoration:none;}
/*新闻*/
.newslist{width:100%;}
.newslist ul li{width:100%; float:left; border-bottom:1px #dadada dashed; line-height:40px;}
.newslist ul li .mobile-tit{ float:left;color: #555353;font-size: 16px;}
.newslist ul li .list-time{ float:right; text-align:right; color: #555353;font-size: 16px;}


.newstitle {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 48px;
    width: 100%
}
.newssubtitle {
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    width: 100%
}
.newssubtitle span {
    width: 100%
}
.newsx {
    line-height: 40px;
    width: 100%;
    margin-top: 5px;
}
ul.news_list .li3 {
    height: 40px;
    line-height: 40px;
    margin-top: 0;
    border-bottom: 1px dotted #B3B3B3;
    background: url(../images/list.jpg) 3px center no-repeat;

    position: relative;
}

ul.news_list .li3 .date {
    width: 90px;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: 0;
    color: #878686;
    font-size: 15px;
    font-family: "微软雅黑"
}

ul.news_list .li3 a {
    font-size: 17px;
    font-family: "微软雅黑";
}
.con {
    padding: 10px;
    line-height: 25px;
    color: #595555;
    font-size: 14px;
}
.fuck {
    font-size: 20px;
    color: black;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #B3B3B3;
    margin-top: 10px;
}
/* 分页CSS */
.pg {
    font-size: 12px;
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 3px;
    padding: 0 5px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #E8D6AE !important;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 3px;
    padding: 0 5px;
    text-decoration: none;
}


	/* 本例子css */
	.focusBox { position: relative; width:819px; height:414px; overflow: hidden;float: left; }
	.focusBox .pic{ position:relative; z-index:0; }
	.focusBox .pic img { width:819px; height:414px; display: block; }
	.focusBox .hd { width:100%; position: absolute; bottom: 10px; text-align: center; font-size:0; z-index:1; }
	.focusBox .hd li{margin: 0 5px; background: url(../imgs/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer;
		display:inline-block; *display:inline; zoom:1;  _background: url(../imgs/dot8.png) no-repeat 0 -16px;
	}
	.focusBox .hd .on{ background-position:0 0; }

	.focusBox .prev,
	.focusBox .next { width: 60px; height: 90px; margin: -60px 0 0; display: none; background: url(../imgs/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=20);opacity:0.2;  }
	.focusBox .prev { left: 0; }
	.focusBox .next { background-position: 0 -90px; right: 0; }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=50) !important;opacity:0.5 !important;  }