@charset "utf-8";
* { margin:0; padding:0;}
body{font-size:12px; font-family:Arial,Helvetica,Sans-Serif; color:#333; background-color:#FFF}
img{border:none;display:block;vertical-align:middle; } 
ul,li{list-style-type: none;}
a{ text-decoration:none;outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus { outline:0; }
a{ text-decoration:none; font-size:12px; color:#333}
a:hover{ text-decoration:none; font-size:12px;color:#116ca4;}
.clear{ clear:both; padding:0; margin:0; height:0;}

.M_top{ width:100%; border-bottom:1px solid #e6e6e6;}
.top_bg{background: url(../images/topBg.jpg) repeat-x;}
.top{ width:960px; margin:0 auto;}
.logo{ width:507px; float:left;}
.top_r{/* width:198px; height:22px;  margin-right:20px; background:url(../images/r_bg.jpg) no-repeat;*/float:right;}
.top_r p{ height:22px; line-height:22px; text-align:center;color:#FFF}
.top_r p a{ color:#FFF}
.top_r p a:hover{ color:#d34426}

 .topbar{background: #fafafa;    border-bottom: 1px solid #e0e0e0;    height: 36px;    line-height: 36px;}
.h_top { color:#7d7d7d; margin: 0 auto;    position: relative;    width: 1000px;}
.h_top p a { padding:0 12px; display:inline-block; color:#7d7d7d;}
.h_top p img { vertical-align:middle; margin-right:6px; display:inline-block;}
.fr{ float:right}

.menu{ width:100%; height:40px; background:url(../images/nav_bg.jpg) repeat-x; margin-bottom:20px;}
.menu .nav{width:960px; margin:0 auto;}
.nav li{width: 135px; text-align:center; float:left;font-family:"微软雅黑"; font-size:14px; line-height:40px; color:#FFF;font-weight:normal}
.nav .nav_line{ background:url(../images/navline.jpg) no-repeat; width:1px; height:40px; display:block;}
.nav li a{ width:135px; height:40px; font-size:14px;line-height:40px; color:#FFF; font-weight:bold; display:block;}
.nav li a:hover{ background:url(../images/nav-bg_02.jpg) no-repeat;   }

.Kyo_NavTitle {width: 135px;float: left;text-align:center; font-size:15px; font-weight:500; }
.Kyo_NavBody{position:absolute;display:none;width:140px;line-height:26px;font-size: 12px;z-index:1000}
#Kyo_NBP {text-align: center;}
#Kyo_NBP a {line-height: 26px;text-decoration: none; font-weight:500; background:url(../images/navli-1.jpg) no-repeat; height:26px; display: block; font-size:12px; width:140px;}
#Kyo_NBP a:hover { font-size:12px; color:#e54233;}


.flash{ width:960px; margin:0 auto 24px;}
.flash img{ width:960px; height:300px;}
.slider {
	height: 300px;
    position: relative;
    width: 960px !important;
	z-index: 10;
}
.items {
	display:none;
}
.pagination {
	position:absolute;
	padding:0;
	bottom:5px;
	right:0;
	z-index:999;
}
.pagination li {
	display:inline;
	width:20px;
	height:120px;
	margin-right:7px;
}
.pagination li a {
	width:14px;
	height:14px;
	display:inline-block;
	background:url(../images/button.png) 0 0 no-repeat;
}
.pagination li a:hover {
	background:url(../images/button.png) 0 -14px no-repeat;
}
.pagination li.current a {
	margin:0;
	cursor:default;
	width:14px;
	height:14px;
	background:url(../images/button.png) 0 -14px no-repeat;
}

#demo {
overflow:hidden;
border:0;
width: 960px;
}
#demo img {border: 0;}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/*main*/
.main{ width:940px; margin:20px auto 0; padding:0px;}
.prolist{ width:940px; margin:0 auto 20px; overflow:hidden;}
.pro_box{ width:auto; float:left; overflow:hidden;}
.pro_box img{ float:left; margin-right:28px;}
.pro_box h1{ font-family:"微软雅黑"; line-height:26px; font-size:14px; margin-top:2px;}
.pro_box h1 a{ font-family:"微软雅黑"; line-height:26px; font-size:14px; margin-top:2px;}
.pro_box p{ line-height:20px;}


.m_box{ width:940px; margin:0 auto 20px;}
.gs_news{ width:338px; float:left; margin-right:30px; margin-bottom:25px;}
.gs_news h1 ,
.gs_news h1 a{ font-family:"微软雅黑"; line-height:40px; font-size:14px; margin-bottom:5px; font-weight: bold;}
.gs_news img{ float:left; margin-right:16px; width:64px; display:block;margin-top:5px;}
.gs_news ul{ width:256px; float:left}
.gs_news li{ line-height:22px; height:22px;}
.gs_news li a{line-height:22px;height:22px;background-image: url(../images/ico.jpg);background-repeat: no-repeat;background-position: left center;display:block; padding-left:10px;}
.gs_news li span{ float:right; margin-right:5px; color:#999}


.js_center{ width:342px; float:left; margin-right:30px;margin-bottom:25px;}
.js_center h1 ,.js_center h1 a{ font-family:"微软雅黑"; line-height:40px; font-size:14px; margin-bottom:5px;}
.js_center img{ float:left; margin-right:16px; width:64px; display:block;margin-top:5px;}
.js_center ul{ width:260px; float:left}
.js_center li{ line-height:22px; height:22px;}
.js_center li a{line-height:22px;height:22px;background-image: url(../images/ico.jpg);background-repeat: no-repeat;background-position: left center;display:block; padding-left:10px;}
.js_center li span{float:right; margin-right:5px; color:#999}

.tit-h1{ font-family:"微软雅黑"; line-height:40px; font-size:14px; margin-bottom:5px; font-weight: bold;}

.zl_download{ width:200px; float:left; margin-bottom:25px;}
.zl_download img{ float:left; margin-left:10px; width:90px; display:block; margin-top:5px;}


.about{ width:532px; float:left; margin-right:10px;}
.about h1 ,.about h1 a{ font-family:"微软雅黑"; line-height:40px; font-size:14px;}
.about img{ float:left; margin-right:10px; width:90px; display:block; margin-top:5px;}
.about p{ width:419px; float:left; line-height:20px; text-indent:2em;}

.service{ width:365px; float:left; border-left:1px solid #e6e6e6; padding-left:30px;}
.service h1 ,.service h1 a{ font-family:"微软雅黑"; line-height:40px; font-size:14px;}
.service h2{ font-family:"微软雅黑"; line-height:30px; font-size:16px;}
.service p{ line-height:24px; float:left;}
.service p img{ float:right; margin:0 5px;}


.footer{ width:100%; height:180px; margin-top:25px; background:url(../images/footbg.jpg) repeat;}
.foot{ width:960px; margin:0 auto; text-align:center}
.foot p ,.foot p a{ line-height:30px; color:#FFF; font-size:13px; padding-top:10px;}
.foot p a{margin:0 5px;}

.friendlink {width: 940px;  margin: 20px auto 0;  padding: 0 10px;}
.friendlink ul{}
.friendlink ul li{ float:left; margin-right:5px;}

/*内页*/
.N_body{ width:940px; margin:0 auto 45px;}
.b_left{ width:300px; float:left;}
.pro_tree{ width:280px; }
.pro_tit{ font-family:"微软雅黑"; font-size:14px; line-height:30px; padding-left:10px; margin-bottom:10px; border-bottom:2px solid #116ca4; }
#p_nav {width:255px;line-height: 24px; list-style-type: none;text-align:left;



    /*定义整个ul菜单的行高和背景色*/}

/*==================一级目录===================*/

#p_nav a {width: 235px; display: block;padding-left:10px;color:#116ca4;


/*Width(一定要)，否则下面的Li会变形*/
}
#p_nav a:hover {color:#749DC7;text-decoration:underline;font-weight:bold;}





#p_nav li {border-bottom:#ccc 1px solid; /*下面的一条白边*/float:left;color:#116ca4;font-weight:bold; padding-bottom:5px;}


/*#p_nav li a:hover{background:#116ca4; 一级目录onMouseOver显示的背景色}*/




/*==================二级目录===================*/

#p_nav li ul {list-style:none;text-align:left; padding-left:20px;}

#p_nav li ul li{ /*二级目录的背景色*/font-weight:normal; color:#000; border-bottom:1px dashed #ccc;}

#p_nav li ul a{padding-left:20px;width:200px;color:#000

/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/}

/*下面是二级目录的链接样式*/

#p_nav li ul a:hover {text-decoration:none;font-weight:normal;


/* 二级onmouseover的字体颜色、背景色*/

}

/*==============================*/

#p_nav li:hover ul {left: auto;}

#p_nav li.sfhover ul {left: auto;
}

#content {clear: left; }

#p_nav ul.collapsed {display: none;}

/*#p_nav ul.collapsed  li a:visited {color:#c00; text-decoration:underline; font-weight:bold;}*/


.contact{ width:280px; margin-top:15px; }
.contact h1{ font-family:"微软雅黑"; font-size:14px; line-height:30px; padding-left:10px; margin-bottom:10px; border-bottom:2px solid #116ca4; }
.contact p{ line-height:22px; padding-left:10px;}


.b_right{ width:620px; float:left; margin-left:20px;}
.b_right .h h1{ font-family:"微软雅黑"; font-size:14px; line-height:30px; padding-left:10px; margin-bottom:10px; border-bottom:2px solid #116ca4; }

.news_list{ width:620px;}
.news_crumbs{ font-family:"微软雅黑"; font-size:14px; line-height:30px; padding-left:10px; margin-bottom:10px; border-bottom:2px solid #116ca4; }
.news_crumbs span{ font-family:"宋体"; font-size:12px; float:right; margin-right:10px;line-height:30px; font-weight:normal}
.news_title{ font-size:18px; line-height:30px; text-align:center;}
.news_em{ font-size:12px; font-weight:normal; line-height:30px; color:#999; text-align:center}
.news_list ul{ padding:0 20px 0 10px;}
.news_list li{ line-height:28px; border-bottom:1px dashed #ccc;}
.news_list li span{ float:right; margin-right:15px;}
.news_list li a{ line-height:28px;}
.news_list p{ line-height:24px;}
.news_list .prenext li{ border:none; display:block;}
.news_list .otherlist{ margin-top:10px;}
.news_list .otherlist h4{ font-weight:600; font-size:14px; line-height:24px;}
.news_list .otherlist li{border:none; float:left; margin:0 5px; width:280px; height:24px; overflow:hidden;}
.news_list .about_info{ line-height:24px;}
.news_list .about_info img{max-width: 590px;overflow: hidden;margin:5px;display: inline-block;}

.proshow{ width:620px;}
.proshow h1{ font-family:"微软雅黑"; font-size:14px; line-height:30px; padding-left:10px; margin-bottom:10px; border-bottom:2px solid #116ca4; }
.proshow h1 span{ font-family:"宋体"; font-size:12px; float:right; margin-right:10px;line-height:30px; font-weight:normal}
.proshow h2{ font-size:14px; line-height:30px;}
.proshow h3{ font-size:12px; font-weight:normal; line-height:30px; color:#999;}
.proshow li{ line-height:26px;}
.proshow p{ line-height:26px;}

.proshow div{ line-height:26px;}


.E_h {width:620px; font-family:"微软雅黑"; font-size:14px; line-height:30px;  font-weight:bold; border-bottom:2px solid #116ca4; height:30px; margin-bottom:10px;}
.E_h span{ float:right; margin-right:10px;}
.E_h img{ float:left; margin-top:8px;}
.E_prolist{width:620px;}
.E_prolist h1{ font-family:"微软雅黑"; font-size:14px; line-height:30px; padding-left:10px; margin-bottom:10px; border-bottom:2px solid #116ca4; }
.E_prolist h1 span{ font-family:"宋体"; font-size:12px; float:right; margin-right:10px;line-height:30px; font-weight:normal}
.E_prolist ul{}
.E_prolist ul li{ float:left; margin-left:10px; width:142px; text-align:center; margin-bottom:10px;}
.E_prolist ul li img{ border:0px;}
.E_prolist ul li p{font-size:12px; line-height:20px;}
.E_prolisttop{ width:620px;}
.E_prolist{ margin-bottom:10px; float:left;}
.E_prolist img{ display:inline-block;margin: 0 5px; max-width:620px;}


.pagelist{ margin-top:25px;}
.pagelist span,.pagelist a{ float:left; padding:2px 4px 2px; color:#666;}
.pagelist span.current,.pagelist a:hover{ color:#116ca4;}


.subNav{ position:fixed; right:15px; top:50%; z-index:9999; width:52px; margin-top:-70px;}
.subNav li{ margin-bottom:1px; position:relative;}
.subNav .h3{}
.subNav .h3 a{ display:block; line-height:1; background:rgba(34,34,34,0.9); color:#fff; text-align:center; font-size:26px; padding:13px; position:relative;}
.subNav .h3 img{ width:100%; height:auto; display:block;}
.subNav .box{ display:none; display:block; position:absolute; right:100%; top:0px; padding-right:2px; display:none;}
.subNav li.li1 .box{ width:240px; }
.subNav li.li1 .pd{ background:#001d68; color:#fff; font-family:"微软雅黑"; line-height:26px; padding:13px 20px; font-size:18px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.li1 .box a{ color:#fff; font-size:20px;}
.subNav li.li1 .box a:hover{ text-decoration:underline;}
.subNav li.li1 .box i{ font-size:20px; margin-right:5px;}
.subNav li.li2 .pd{}
.subNav li.li3 .box{ width:160px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.li3 .box img{ width:100%; height:auto; display:block;}
.subNav li:hover .h3 a{ background:#001d68; color:#fff;}
.subNav li:hover .box{ display:block;}