/* CSS Document */
@charset "utf-8";

/* banner */
.banner {
	position: relative;
	animation: 0.8s ease 0s 1 normal backwards running fadeInDown;
	overflow: hidden;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.banner .slider {
	overflow: hidden;
	width: 100%;
}

.banner .slider img {
	width: 100%;
	transform: scale(1.2);
	transition: opacity 0.3s ease, transform 0s ease 1s;
}

.banner .slick-active img {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 5s cubic-bezier(0, .56, .44, 1);
}
.banner .slick-dots{position: absolute;left: 45%;bottom: 18px;color: #fff;text-align: center;line-height: 1;}
.banner .slick-dots li{display:inline-block;margin-right:10px;cursor:pointer;background: #fff;border-radius: 50%;width: 13px;height: 13px;}
.banner .slick-dots li.slick-active{background: #de0000;}
.banner .slick-dots button,.fade-2 .slick-dots button,.sjxy .slick-dots button,.zt_tit .slick-dots button{display:none;}
.banner button:before{outline:none;border:none;}
.banner .slick-prev,.banner .slick-next{position: absolute;top:45%;width:50px;height:50px;z-index: 9;}
.banner .slick-prev{}
.banner .slick-next{}

#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;
}
.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;}
fieldset, img { border:0;}
:focus { outline:0;}
address, caption, cite, code, dfn, em, var, optgroup { font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
abbr, acronym { border: 0; font-variant: normal;}
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
code, kbd, samp, tt { font-size: 100%;}
input, button, textarea, select { *font-size: 100%;}
body { line-height: 1.5;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th { text-align: left;}
sup, sub { font-size: 100%; vertical-align: baseline;}
:link, :visited , ins { text-decoration: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}

body { background-color:#fff; font:12px Verdana,Arial,Helvetica,sans-serif,"宋体";}
a { color:#222; text-decoration:none;}
a:hover { color:#999; text-decoration:none;}

/* 通用class */
.fr { float:right;}
.fl { float:left;}
.clr { clear:both;}

/* 导航 */
.menu { width:988px; height:39px; margin:0 auto;}
.menu .lm {width: 166.6px;height:39px;float:left;position:relative;text-align: center;}
.menu a { height:39px; line-height:38px; margin:0; text-align:center; color:#fff; float:left; font-size:14px; display:block;}
.menu .fen { width:1px; height:39px; float:left; background:url(images/fen.jpg) no-repeat;}
.menu .lm div {width: 100%;position:absolute;top:39px;left:0;z-index:100;background:#0173BA;display:none;}
.menu .lm div ul li { width:100%; text-align:center;}
.menu .lm div ul li a { height:auto; min-height:32px; _height:32px; line-height:32px; font-size:12px;}

/* 主体 */
.main { width:994px; margin:0 auto; position:relative;}
.main .title { height: 30px; line-height: 30px; overflow: hidden; text-indent: 14px; font-size: 14px; color: #000; position: relative; font-family: "微软雅黑"; margin-bottom: 2px; border-bottom: 1px solid #A5A5A5;}

/* 内页左侧 */
.left { width:234px; float:left;}
.left .title { width:232px;}
.left .column { height:auto;}
.left .column ul { margin:10px 15px;}
.left .column ul li { height:25px; line-height:25px; padding-left:20px; font-size:14px; background:url(../images/icon-list1.gif) 3px center no-repeat;border-bottom:1px dotted #B3B3B3;}

/* 内页右侧 */
.right { width:716px; float:right;}
.right .title .position { float:right; margin-right:20px; font-size:12px; color:#666;}
.right .title .position a { color:#666;}
.right .con { padding:5px; line-height:25px; font-size:12px; color:#414141;}

/* 新闻列表 */
ul.newslist li { width: 100%; height: 29px; line-height: 29px; overflow: hidden; font-size: 12px; position: relative; text-indent: 20px; border-bottom: 1px dotted #B3B3B3; background: transparent url(../images/icon-list5.jpg) no-repeat scroll 3px 10px;}
ul.newslist a { color:#5A5A5A;}
ul.newslist li .date { width: 90px; font-size: 10px; height: 29px; line-height: 29px; overflow: hidden; text-align: right; position: absolute; top: 0; right: 0; text-indent: 0; color: #5A5A5A; font-family: "Arial";}

/* 产品列表 */
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; overflow:hidden; text-align:center; 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;}

/* 分页 */
.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: #000 !important; display: inline-block; height: 20px; line-height: 20px; margin: 0 3px; padding: 0 5px; text-decoration: none;}