body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none; padding:0; margin:0;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; cursor:pointer;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
p{margin: 0em 0;}
img,input{vertical-align:middle;}
body{margin:0px; padding:0px; color:#555; font-size:12px;}
a{text-decoration:none; color:#555;}

.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}
.tr{text-align:right;}

.wrap{margin:0 auto; width:1200px; overflow:hidden;}
.spac-10{height:10px; clear:both;}
.spac-20{height:20px; clear:both;}
.spac-30{height:30px; clear:both;}

.logo{float:left; width:370px; height:80px; padding-top:22px;}
.menu{float:left; padding-top:28px; height:74px;}
.menu li{float:left; width:84px; height:42px; line-height:42px; text-align:center; margin:0px 15px;}
.menu li a:link,.menu li a:visited{float:left; width:84px; height:42px; text-align:center; font:normal 16px/42px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei";}
.menu li.menucur a:link,.menu li.menucur a:visited,.menu li a:hover{float:left; background:url(../images/menu-cur.jpg) no-repeat center; color:#fff;}
.tell{float:right; padding-top:36px; height:66px;}

/* banner */
.BannerMain{ width:100%; min-height: 490px; overflow: hidden; background-color: #fff;}
.vui-slider {
	position:relative;
	overflow:hidden;
	background:#999;
}
.vui-slider .vui-items {
	overflow:hidden;
	width:100%;
	height:100%;
}
.vui-slider .vui-item {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.vui-slider .vui-item a,
.vui-slider .vui-item img {
	display:block;
	padding:0;
	margin:0;
	border:none;
}
.vui-slider .vui-buttons {
	position:absolute;
	z-index:5;
	bottom:16px;
	left:50%;
	float:left;
	display:inline;
	filter:alpha(Opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
.vui-slider .vui-button {
	float:left;
	display:inline;
	overflow:hidden;
	height:12px;
	width:12px;
	margin:0 10px;
	padding:0;
	border:none;
	border-radius:6px;
	background:#FFF;
	cursor:pointer;
}
.vui-slider .vui-button-cur {
	background-color:#0080CC;
}
.vui-slider .vui-transfer {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}
.vui-slider .vui-sidebutton-hover {
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
	opacity:0.4;
	background-color:#000;
}
.banner{
	width:1920px; 
	height: 490px;
    overflow: hidden;
    left:50%;
    position:relative;
    margin-left:-960px;
}
.dkContain{ position:relative; width:1200px; margin:0 auto}
.dk{ position:absolute; top:172px; right:0px; z-index:999; background:url(../images/dk-bg.png) no-repeat; padding:10px; height:330px; width:278px;}
.dk h1{text-align:center; padding:12px 0px; text-align:center; font:bold 20px/20px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; border-bottom:1px solid #f5f5f5; margin-bottom:15px;}
.dk2{  background:url(../images/dk-bg.png) no-repeat; padding:10px; height:330px; width:278px;}
.dk2 h1{text-align:center; padding:12px 0px; text-align:center; font:bold 20px/20px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; border-bottom:1px solid #f5f5f5; margin-bottom:15px;}
.dk-01{font:normal 14px/25px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; padding:0px 18px; overflow:hidden;}
.dk-sz{background:#f8b500; color:#fff; font:normal 16px/25px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; margin:0 3px; padding:0px 5px;}
.table-dk th{font:bold 14px/28px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; width:65px; text-align:left;white-space:nowrap;}
.table-dk th,.table-dk td{padding-bottom:7px;}
.input-dk{width:170px; border:1px solid #ddd; height:28px; line-height:28px; outline:none;}
.btn-dk{background:url(../images/btn-01.jpg) no-repeat; width:238px; height:36px; color:#fff; font:normal 16px/36px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; border:none; outline:none; text-align:center;}
.btn-dk02{background:url(../images/prodetail02.png) no-repeat; width:140px; height:38px; color:#fff; font:normal 14px/38px "宋体"; border:none; outline:none; text-align:center;}

.ks{clear:both; overflow:hidden; padding-top:40px; }
.ks li{float:left; width:346px; border-right:1px solid #f5f5f5; font:normal 14px/16px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; color:#999; padding-left:53px;}
.ks li h1{font:bold 16px/25px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; color:#555;}
.ks-ico{float:left; padding-left:73px;}
.ks-ico01{background:url(../images/ico01.jpg) no-repeat left center;}
.ks-ico01:hover{background:url(../images/ico01-01.jpg) no-repeat left center;}
.ks-ico02{background:url(../images/ico02.jpg) no-repeat left center;}
.ks-ico02:hover{background:url(../images/ico02-01.jpg) no-repeat left center;}
.ks-ico03{background:url(../images/ico03.jpg) no-repeat left center;}
.ks-ico03:hover{background:url(../images/ico03-01.jpg) no-repeat left center;}
.ks li.r{border-right:none;}
.line{clear:both; overflow:hidden; border-bottom:1px solid #f5f5f5; padding-top:40px; margin-bottom:40px;}

.w01{float:left; width:180px; overflow:hidden; padding-right:20px;}
.w02{float:left; width:570px; overflow:hidden; padding-right:40px;}
.w03{float:left; width:220px; overflow:hidden; font:normal 14px/25px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei";}
.w03 a:hover{text-decoration:underline;}

.title{font:normal 16px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; color:#333;}
.fwdx li{float:left; width:90px; height:25px; font:normal 14px/25px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei";}
.fwdx li a:link,.fwdx li a:visited{float:left; width:90px; height:25px; font:normal 14px/25px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; color:#666;}
.fwdx li a:hover{color:#0098e1;}

.pro ul{float:left; width:285px; overflow:hidden;}
.pro li{float:left; width:100%; height:25px; font:normal 14px/25px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei";}
.pro li span{background:url(../images/ico-sz.jpg) no-repeat left center; height:18px; line-height:18px; text-align:center; font-size:10px; padding:0px 4px; margin-right:5px;}

.w04{float:right; width:140px; overflow:hidden; text-align:center;}
.w04 h1{font:normal 16px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei";}

.f-12{font-size:12px;}
.f-red{color:#f00;}

.foot{background:#f6f6f6; overflow:hidden; padding:40px 0px 20px 0px;}
.foot-link{border-top:1px solid #ededed; overflow:hidden; margin-top:15px; padding-top:15px;}
.foot-link h1{float:left; width:70px; font:bold 14px/25px "宋体";}
.foot-link li{float:left; padding-right:20px; line-height:25px; background:url(../images/ico-arrow.jpg) no-repeat left center; padding-left:15px;}

.sub-banner{padding-top:80px; height:200px;}
.sub-banner h1{font:italic 42px/60px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; color:#fff; padding-left:25px;}
.sub-banner h2{font:italic 16px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; color:#fff; padding:5px 25px;}

.SubBanner2454{background:url(../images/banner-company.jpg) no-repeat;}
.SubBanner2455{background:url(../images/banner-news.jpg) no-repeat;}
.SubBanner2456{background:#939393 url(../images/banner-pro.jpg) no-repeat;}
.SubBanner2457{background:url(../images/banner-contact.jpg) no-repeat;}
.SubBanner2552{background:url(../images/banner-company.jpg) no-repeat;}

#subnav {height:50px; background:#fafafa;}
#subnav .columns {float:right; height:50px;}
#subnav .columns a {position:relative; float:left; margin-left:30px; font:bold 14px/50px "宋体"; color:#666;}
#subnav .columns a:hover,#subnav .columns a.on {color:#333;}
#subnav .columns a span {position:absolute; left:0; bottom:0; width:0; height:3px; background-color:#0089cf; border-radius:4px; -webkit-transition:width 300ms; transition:width 300ms;}
#subnav .columns a.on span {/*left:15%; */width:100%;}
.op{font:normal 14px/50px "宋体";}
.ico-op{background:url(../images/ico-op.jpg) no-repeat left center; padding:0px 5px;}
.ico-op02{background:url(../images/ico-op02.jpg) no-repeat left center; padding:2px;}
.sub-info{padding:50px 0px; overflow:hidden; clear:both; margin:0 auto;}

.subpro li{float:left; width:240px; height:250px; padding-right:80px;}
.subpro li.r{padding-right:0;}
.subpro li h1{font:normal 16px/20px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; padding-top:10px; clear:both;}
.pro-pic{width: 240px; height: 135px; position: relative; overflow: hidden; float: left; display: inline;}
.pro-pic a{ color:#fff}
.pro-pic img {display: block; border: none;}
.pro-pic div {position: absolute; z-index: 100; background-color: #222; width: 60px; height: 60px; cursor: pointer; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;}
.pro-pic .cornerTL { left:-63px; top:-63px; }
.pro-pic .cornerTR { right:-63px; top:-63px; }
.pro-pic .cornerBL { left:-63px; bottom:-63px; }
.pro-pic .cornerBR { right:-63px; bottom:-63px; }
.pro-pic p {left: 50px; top: 50px; z-index: 200; position: absolute; color: #fff; font-size: 14px; text-align: center; cursor: pointer; display: none; background:url(../images/prodetail02.png) no-repeat left center; border-radius:3px; width:140px; height:38px; line-height:38px;}

.prodetail01{float:left; width:800px; overflow:hidden; font:normal 14px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei";}
.prodetail01 h1{color:#333; font:bold 24px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; padding-bottom:20px;}
.prodetail01 h2{color:#0098e1; font:bold 16px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; padding-top:30px;}
.prodetail02{float:right; width:352px; overflow:hidden; text-align:center;}

.company01,.news01{float:left; width:805px; padding-right:60px; overflow:hidden; border-right:1px solid #eaeaea; padding-top:50px; line-height:25px; font-size:14px; color:#666;}
.company01 h1{font:normal 30px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei";}
.company01 h2{font:normal 20px/30px "Arial"; text-transform:uppercase; color:#f4f4f4; padding-bottom:50px;}
.company01 p{padding-bottom:25px;}
.company02{float:right; width:300px;overflow:hidden; text-align:center; padding-top:30px;}

.contact{line-height:22px;}
.contact h1{font:bold 18px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; padding-bottom:10px;}
a.blue:link,a.blue:visited{color:#0098e1;}
.contact .contactline{clear:both; overflow:hidden; border-bottom:1px solid #f5f5f5; padding-top:20px;}

.news{border-bottom:1px solid #eee; overflow:hidden; padding-bottom:20px; margin-bottom:20px;}
.news .time{width:70px; padding-right:30px; color:#a8a8a8; text-align:center;}
.news .time h1{width:70px; font:normal 42px/50px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.news .time h2{width:70px; font:normal 24px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei";}
.news .info{width:670px; overflow:hidden;}
.news .info h1{font:bold 14px/30px "宋体";}
.news .info h2{height:75px; font:normal 12px/25px "宋体"; color:#999; overflow:hidden; padding-bottom:10px;}
.news .info h3{color:#3ba6dd; font:normal 14px/30px "宋体";}
.news .info:hover,.news .info h1:hover{color:#3ba6dd;}
.news-more{background:#eaeaea; overflow:hidden; height:40px; text-align:center; font-size:14px; line-height:40px; color:#999;}
.ico-arrow-down{background:url(../images/ico-arrow-down.jpg) no-repeat left center; padding:3px 5px;}

.newsdetail{padding-bottom:100px; overflow:hidden; font:normal 12px/30px "宋体";}
.newsdetail .title{text-align:center; font:bold 20px/30px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; color:#0089cf; padding:80px 0px 10px 0px;}
.newsdetail .subtitle{text-align:center; font:normal 16px/24px "微软雅黑", "Microsoft YaHei", "宋体", "SimSun", "黑体", "SimHei"; color:#666; padding:10px 0px;}
.newsdetail .time{text-align:center; padding-bottom:20px; border-bottom:1px solid #eee; color:#999; font:normal 12px/30px "宋体";}
.newsdetail .info{padding:30px 10px; font:normal 14px/30px "宋体"; color:#666;}
.newsdetail .info p{margin-bottom:20px;}

.about-th .btns{width: 784px;height: 94px;padding-bottom: 10px;	margin: 0 auto;}
.about-th .btns .prev{width: 30px;height: 52px;float: left;cursor: pointer; background: url(../images/company/prev01.jpg) no-repeat;}
.about-th .btns .next{width: 30px;height: 52px;float: left;	cursor: pointer; background: url(../images/company/next01.jpg) no-repeat;}
.about-th .btns .btn:hover{background-position: -30px 0;}
.about-th .btns .list{width: 638px;height: 94px;position: relative;	overflow: hidden;float: left;margin: 0 43px;}
.about-th .btns .cenline{width: 100%;height: 1px;background: #cecece;position: absolute;left: 0;top: 25px;	z-index: 1;}
.about-th .btns ul{float: left;position: relative;z-index: 2;}
.about-th .btns li{width: 76px;height: 38px;padding: 52px 0 4px;float: left;margin: 0 14px;display: inline;	background: url(../images/company/bg_li02.png) no-repeat center top;color: #828282;text-align: center;cursor: pointer;}
.about-th .btns li.on{background: url(../images/company/bg_li03.png) no-repeat center top;font-size: 22px;line-height: 38px;color: #0089cf;}
.honorCont{width: 678px;	margin: 0 auto;	position: relative;}
.about-th .honorUl li{ width:747px; height:80px; border-bottom:1px solid #eaeaea;  font:normal 14px/30px "宋体"; padding-top:30px; clear:both}
.about-th .honorUl .year{ color:#0098e1; font:normal 14px/30px "宋体"; float:left}
.about-th .honorUl .honor{ float:left; padding-left:30px;}
.about-th .honorUl li span{ float:right; margin-top:10px;}
.about-th .intro{margin-bottom: 110px;}
.about-th .intro .dev{width: 230px;	float: right; margin-top: 40px;position: relative;overflow: hidden;}
.about-th .intro .scroll-obj{width: 410px;}
.about-th .intro td{line-height: 24px;padding-bottom: 15px;}
.about-th .intro td span{font-size: 14px;font-family: Arial;color: #942723;}
.about-th .intro .scroll-bar{height: 290px;}

.pages a{ padding:0px 5px;}
.pages a.onpages{ font-weight:bold; color:#3ba6dd;}
.pages a:hover{color:#3ba6dd;}

#simplemodal-container {font-size: 12px; height:360px; width:298px; /*color:#bbb;*/  }
#simplemodal-container code {background:#141414; border-left:0px solid #65B43D; /*color:#bbb;*/ display:block; font-size:12px; margin-bottom:12px;}
#simplemodal-container a.modalCloseImg {background:url("../images/x.png") no-repeat; width:30px; height:31px; display:inline; z-index:3200; position:absolute; top:12px; right:10px; cursor:pointer;}

/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:284px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #fff;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#d2d2d2;color:#fff;font:14px/54px "微软雅黑";overflow:hidden;opacity:0.9;filter:Alpha(opacity=90);}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#b9b9b9;transition:all 0.3s;opacity:0.9;filter:Alpha(opacity=90);}
.side ul li .sidetop:hover{background:#68b3f9;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}