/*----------Reset CSS for Browsers----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
input,select{vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:after,q:before{content:".";}
abbr,acronym{border:none; font-variant:normal;}
.clear{clear:both; font-size:1px; height:0; line-height:0;}
.clearfix{display:inline-block;}
.clearfix:after{content:"."; clear:both; display:block; height:0; visibility:hidden;}

/*----------Reset CSS for Website----------*/
body{font-size:12px; line-height:2em; text-align:left; font-family:"΢���ź�","����",Arial, Helvetica, sans-serif;BACKGROUND: #fbfbfb; COLOR: #444; }
a{color:#222; text-decoration:none;}
a:hover{color:#f60; text-decoration:none}
.MT{margin-top:10px;}
.MT1{margin-top:6px;}

/*----------  Reset CSS for all page head & bottom  ----------*/
#wrap{width:1005px; margin:0 auto; text-align:left; padding:0; background:#FFF}

#head{height:115px;}

#head .top{height:80px; position:relative; background:url(../images/top.jpg) right top no-repeat;}
#head .top h1{width:280px; position:absolute; left:20px; top:8px; text-indent:-99999em;}
#head .top h1 a{display:block; height:92px;}
#head .top ul{position:absolute; right:13px; top:5px; width:180px; height:20px; line-height:20px; color:#333}
#head .top li{float:left; display:inline;}

#head .top ul li a{height:17px; margin:1px 5px; color:#333;}
#head .top ul li a:hover{ color:#036;}

#head ul.nav{height:35px; line-height:35px; background: url(../images/navbg.gif) no-repeat; font-size:14px; padding-left:22px; }
#head ul.nav li{float:left; display:inline; color:#ffffff;}
#head ul.nav li a{display:block; width:120px; color:#ffffff; text-align:center; font-size:14px;}
#head ul.nav li a:hover, #head ul.nav li a.current{color:#ffffff; text-decoration:none; font-weight:600;font-size:14px; background:url(../images/navhover.gif) no-repeat;}
#head ul.nav li.special{padding:0;}



#nav0 {height:35px; line-height:35px; text-align:center; background: url(../images/navbg.gif) no-repeat; font-size:14px;}
#nav0 a {display: block; width: 100px; text-align:center; color:#FFFFFF;}
#nav0 a:link {color:#fff; text-decoration:none;}
#nav0 a:visited {color:#fff;text-decoration:none;}
#nav0 a:hover {color:#fff;text-decoration:none;font-weight:bold;}
#nav0 li {float:left;	color:#fff;	width:100px;letter-spacing:1px;	text-align:center;margin-top: auto;margin-right: 0;margin-bottom: auto;margin-left: 15px; font-size:14px;
}
#nav0 li a:hover{ color:#fff; font-weight:bold; text-decoration:none;}
#nav0 li ul {line-height: 28px; list-style-type: none;left: -999em; width: 150px; position: absolute;}
#nav0 li ul li{float:left; background:url(../images/navbg.gif) center center no-repeat;border-bottom:#f7f7f7 1px solid;  _margin-left:-25px;width: 150px; text-align:center;}
#nav0 li ul a{display: block; width: 150px; font-size:12px;}
#nav0 li ul a:link {color:#fff; text-decoration:none;}
#nav0 li ul a:visited {color:#fff;text-decoration:none;}
#nav0 li ul a:hover {color:#fff;text-decoration:none;font-weight:normal;background:url(../images/nav_h.jpg) center center repeat-x;}
#nav0 li:hover ul {left: auto;}
#nav0 li.sfhover ul {left: auto;}
/*-------------------------   index content css ----------------------------*/
#content{width:1005px; top:0px;}
#banner {height:250px; margin-top:1px; width:1005px;}
#left_index{float:left; width:310px; padding-left:5px}
#left_index h1{font-size:12px; color:#333; text-align:left; height:22px;background:url(../images/dot_hei.jpg) left 7px no-repeat; padding-left:15px; border-bottom:1px solid #eaeaea}

#left_index .news{ float:left; width:310px; height:220px;}
#left_index .news h2{ height:20px; background:url(../images/titles.jpg) no-repeat; padding-top:10px; padding-left:35px; color:#FFF; font-size:12px; font-weight:400; font-weight:bold;}
#left_index .news h2 span{ float:right; margin-top:10px; margin-right:10px;}
#left_index .news dd{ border:1px solid #ccc; float:left; width:288px; padding:10px 10px 0 10px; height:180px;}
#left_index .news ul{ padding:0 5px;}
#left_index .news ul li{ line-height:27px; height:27px;border-bottom:1px dotted #CCCCCC; background:url(../images/dot2.gif) left 10px no-repeat}
#left_index .news ul li a{line-height:27px; height:27px; padding-left:10px;}
#left_index .news ul li a.hover{ color:#060;}
#left_index .news ul li span{ float:right;}
#left_index .download{ width:310px; height:80px; background:url(../images/download.jpg) no-repeat;}
#left_index .download h2{ height:40px}
#left_index .download ul{ padding:8px;}
#left_index .download ul li{ float:left; font-size:24px; margin:0 10px; font-weight:bold;}
#left_index .download ul li a{ color:#333}


#left_index .contact{float:left; background:url(../images/contact.jpg) no-repeat; height:280px; width:310px; }
#left_index .contact h2{ height:30px;}
#left_index .contact ul{ padding:20px 20px 0 40px; font-size:14px;}
#left_index .contact ul li{ color:#036; line-height:25px; font-weight:300}
#left_index .network{float:left;width:308px; border:1px solid #dadada}
#left_index .network h2{ height:15px; background:url(../images/networkh2.gif) no-repeat;}
#left_index .network h3{ height:20px;}






/*pagination*/
#pagination{clear:both; margin:8px auto}
.pagination{clear:both;	text-align:center; display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin:10px 0 0 0; height:25px;}
.pagination a{border:solid 1px #ddd; padding:2px 5px; color:#aaa; margin-right:5px; text-decoration:none;}
.pagination a:hover{border:solid 1px #a0a0a0;}
.pagination span.current{border:solid 1px #a0a0a0; padding:2px 5px;	font-weight:bold; color:#aaa; background:#f0f0f0; margin-right:5px;}
.pagination span.disabled{border:solid 1px #f3f3f3;	padding:2px 5px; color:#ccc; margin-right:5px;}

/*related*/ 
.detail .related{height:40px; padding:5px 0 0 10px; font-size:12px; display:block; text-indent:0;}
.detail .related a{text-decoration:underline; color:#f60;}
.detail .related a:hover{text-decoration:none;}
.detail .fy{ text-align:center; }

#right_index { float:right; width:678px;} 

#right_index .about{ float:left; height:220px; width:393px;}
#right_index .about h2{height:20px; background:url(../images/titles.jpg) no-repeat; padding-top:10px; padding-left:35px; color:#FFF; font-size:12px; font-weight:400; font-weight:bold;}
#right_index .about h2 span{ float:right; margin-top:10px; margin-right:10px;}
#right_index .about dd{ border:1px solid #ccc; float:left; width:370px;padding:10px 10px 0 10px; height:180px;}
#right_index .about ul{ padding:0 5px;}
#right_index .about ul li{ line-height:28px; height:28px;border-bottom:1px dotted #CCCCCC; background:url(../images/dot1.gif) left 12px no-repeat}
#right_index .about ul li a{line-height:28px; height:28px; padding-left:10px;}
#right_index .about ul li a.hover{ color:#060;}
#right_index .about ul li span{ float:right;}

#right_index .notice{float:right;  height:204px; width:275px;}
#right_index .notice h2{height:20px; background:url(../images/titles.jpg) no-repeat; padding-top:10px; padding-left:35px; color:#FFF; font-size:12px; font-weight:400; font-weight:bold;}
#right_index .notice dd{border:1px solid #ccc; float:left; width:253px; padding:0px 10px 0 0px;}
#right_index .notice p{ padding:0 10px; text-indent:2em;}
#right_index .notice p a{color:#FFF;}

#right_index .product{ float:left; width:676px;  height:220px;}
#right_index .product #demo{ border:1px solid #dadada;}
#right_index .product h2{     height: 20px;
    background: url(../images/titles.jpg) no-repeat;
    padding-top: 10px;
    padding-left: 35px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    font-weight: bold;}
#right_index .product h2 a{float:right; padding-right:15px; }
#right_index .product li{ float:left; width:144px; height:160px; _margin:4px 14px; margin:4px 10px; text-align:center;}
#right_index .product li a{ border:0px solid #ccc; float:left;width:145px; height:158px;}
#right_index .product li a:hover{border:1px solid #2388ce; background:#eee;}
#right_index .product li img { float:left; width:140px; height:140px;}
#right_index .product li a:hover img{filter: Alpha(Opacity=80);}


#right_index .honor{ float:left; width:393px;}
#right_index .honor h2{ height:20px; background:url(../images/titles.jpg) no-repeat; padding-top:10px; padding-left:35px; color:#FFF; font-size:12px; font-weight:400; font-weight:bold;}
#right_index .honor dd{ float:left; width:370px; border:1px #dadada solid;height:196px;padding:10px 10px 0 10px;}
#right_index .honor li{ float:left; width:100px; _height:108px;margin:3px 10px; text-align:center;}
#right_index .honor li img { float:left; width:100px; height:70px;  }
#right_index .honor li a:hover{ color:#f60;}

#right_index .yg{ float:right; width:275px;}
#right_index .yg h2{ height:20px; background:url(../images/titles.jpg) no-repeat; padding-top:10px; padding-left:35px; color:#FFF; font-size:12px; font-weight:400; font-weight:bold;}
#right_index .yg dd{ float:left; width:270px; border:1px #dadada solid; height:191px; padding-top:15px;}
#right_index .yg li{ float:left; width:110px; _height:218px;margin:3px 8px; text-align:center;}
#right_index .yg li img { float:left; width:100px; height:146px;  }
#right_index .yg li a:hover{ color:#f60;}


#friendlink{ width:1003px; border:1px #E8E8E8 solid; height:28px;}
#friendlink ul{ padding:5px 9px;}
#friendlink ul li{ float:left; width:147px; height:20px; margin:0 7px}
#friendlink ul li img{ width:147px; height:20px;}

#bottom{ background:url(../images/bottom.jpg) no-repeat; height:90px; margin-top:2px;  width:1005px;}
#bottom p { line-height:25px;color:#000; width:750px;float:right; text-align:left; margin-top:10px;}

#bottom p a{color:#000;}
 
 
/*------------------- inner page -------------------*/
#left{float:left; width:245px; padding-left:10px;}
#left .inner{ float:left;width:245px; height:auto; background:url(../images/inner_r.gif) no-repeat}
#left .inner h2{ float:left; font-size:16px;  color:#FFF; font-weight:bold; height:26px; padding-top:4px; padding-left:20px; width:225px;}
#left .inner dd{ float:left; border:1px solid #dadada; width:243px;}
#left .inner ul{ padding:10px;}
#left .inner ul li{ line-height:30px ; height:30px; background:url(../images/mmbg.gif) left -5px no-repeat;}
#left .inner ul li a{line-height:30px ; height:30px; color:#333; padding-left:20px;}
#left .inner ul li a:hover{ color:#f60}

#left .contact{ float:left; background:url(../images/inner_r.gif) no-repeat;width:245px; height:auto;}
#left .contact h2{ float:left; font-size:16px; color:#FFF; font-weight:bold; height:26px; padding-top:4px; padding-left:20px; width:225px;}
#left .contact dd{ float:left; border:1px solid #dadada; width:243px;}
#left .contact ul{ padding:10px;}
#left .contact ul li{ line-height:30px ;}
#left .contact p{ text-indent:0em;}

#right{ float:right; padding-right:10px; width:730px;}
#right h1{font-size:12px; color:#333; text-align:left; height:28px;background:url(../images/tops.png) no-repeat; padding-left:15px; padding-top:7px;}

.detail{float:left; width:715px; padding:0 10px;}
.detail .date{height:24px; line-height:24px; text-align:center; border-top:1px solid #D6D9DE; border-bottom:1px solid #D6D9DE;
color:#666; font-size:12px; margin:10px 0;}
.detail .title{ font-size:14px; font-weight:bold; text-align:center; margin-top:20px;}
.detail .title1{font-size:14px; text-align:left; margin-top:20px;}
.detail .hr{ margin:10px 30px 20px; height:1px;border:none;border-top:1px dashed #FF0000;}
.detail .text{margin:5px; font-size:14px; line-height:2em; text-align:justify; text-justify:inter-ideograph;}
.detail .text img{display:block; margin:10px auto 5px; padding:1px;	}
.detail p{text-indent:2em; margin:0 15px; font-size:12px;}
/*article list*/ 
.detail .newslist li{height:25px; line-height:25px; padding-top:10px; border-bottom:dashed 1px #ddd;}
.detail .newslist li a{background:url(../images/dot1.gif) left 5px no-repeat; padding-left:10px;
 line-height:25px; height:25px; }
.detail .newslist li a:hover{background:url(../images/dot2.gif) left 10px no-repeat;}
.detail .newslist li span{color:#333; float:right;}

/*photo list*/ 
.detail .photo_list{ padding: 5px}
.detail .photo_list h2{ height:30px; background:url(../images/t_pro.jpg) no-repeat; padding-left:20px; font-size:14px; color:#036; font-weight:600;}
.detail .photo_list h2 span{ margin-right:15px; font-size:12px; font-weight:normal;}
.detail .photo_list h2 span a{ float:right; margin-right:15px; font-size:12px; font-weight:norma;}
.detail .photo_list li{width:200px; text-align:center; background:#FFFEFA; border:solid 1px #F8EED5; float:left; display:inline; margin:5px 15px;}
.detail .photo_list li a img {width:200px; height:150px; display:block;}
.detail .photo_list li a{padding:2px; border:1px solid #ccc; float:left}
.detail .photo_list li a:hover{border:1px solid #2388ce; background:#eee;}
.detail .photo_list li a:hover img {filter: Alpha(Opacity=80);}


.detail .pro_list{ padding: 2px}
.detail .pro_list li{width:167px; text-align:center; background:#FFFEFA; border:dashed 0px #F8EED5; float:left; display:inline; margin:5px 3px;}
.detail .pro_list li a img {width:165px; height:150px; display:block;}
.detail .pro_list li a{padding:0px; border:1px dashed #ccc; float:left}
.detail .pro_list li a:hover{border:1px solid #2388ce; background:#eee;}
.detail .pro_list li a:hover img {filter: Alpha(Opacity=80);}

.detail .news_list{ padding: 5px}
.detail .news_list h2{ height:30px; background:url(../images/t_pro.jpg) no-repeat; padding-left:20px; font-size:14px; color:#036; font-weight:600;}
.detail .news_list h2 span{ margin-right:15px; font-size:12px; font-weight:normal}
.detail .news_list h2 span a{ float:right; margin-right:15px; font-size:12px; font-weight:norma;}
.detail .news_list li{height:25px; line-height:25px; padding-top:10px; border-bottom:dashed 1px #ddd;}
.detail .news_list li a{background:url(../images/dot1.gif) left 5px no-repeat; padding-left:10px;}
.detail .news_list li a:hover{background:url(../images/dot2.gif) left 10px no-repeat;}
.detail .news_list li span{color:#333; float:right;}

/* ��ҳ */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 12px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:0px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:14px} /* SPAN������ */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* ��ǰ�����м���ʱ */

/* �� Ȩ */

.copyright{ width:100%; height:113px; background:url(../images/copyright_bj.jpg) repeat-x; padding:30px 0 0 0 ; }
.copyright .c_con{ width:960px; text-align:center; margin:0 auto;}
.copyright .c_con h5{ font-size:14px; font-family:"΢���ź�";  margin-bottom:10px;}


.menu {
 width: 100%;
    background: url(../images/navbg.gif) no-repeat;
    display: flex;
    justify-content: center;
}
.menu * {
  box-sizing: border-box;
}
.menu .center {
  width: 1200px;
}
.menu .ul-list {
  display: flex;
}
.menu .ul-list > li {
 position: relative;
    float: left;
}
.menu .ul-list > li:last-child {
  border-right: none;
}
.menu .ul-list > li > a {
      height: 35px;line-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    padding: 0 33px;

}
.menu .ul-list > li > span {
  color: #fff;
  font-size: 14px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #222;
}
.menu .ul-list > li:hover .ol-list {
  display: block;
}
.menu .ol-list {
display: none;
    position: absolute;
    top: 35px;text-align: center;
    left: 0;
    z-index: 999;
    background: #c30;
    width: 180px;
}
.menu .ol-list > li > a {
 font-size: 12px;line-height: 30px;
    text-decoration: none;
    color: #fff;
    height: 30px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #fbfbfb;
    justify-content: center;
}
.menu .ol-list > li > a:hover {
  background: #222;
}

.ly {
	max-width: 1242px;
	margin: 0 auto;
	width: 100%;
}
.ly label {
	color: #333;
}
.ly input, .ly textarea {
	padding: 10px 30px 10px 10px;
	display: block;
	border: 1px solid #ccc;
}
.ly img {
	margin: 40px 0 30px
}
#lynr {
	width: 90%;
	height: 90px;
}
.ly .input-box {
	margin-bottom: 20px;
}
.ly .input-c {
	overflow: hidden;
}
.ly .box2 {
	width: 50%;
	float: left
}
.ly .box2 span {
	color: #999
}
.ly .box2 .b {
	width: 50%;
	float: left;
}
.ly .box2 .b input {
	width: 90%
}
#post {
	width: 100%;
}
.ly .submit {
	text-align: center;
}
.ly .submit input {
	background: #ff5d04;
	color: #fff;
	border: none;
	width: 200px;
	height: 40px;
	padding: 0;
	margin: 30px auto 10px;
}
.ly .submit span {
	color: #989898
}
.form-box-ly .groups {
	position: relative;
}
.form-box-ly .groups.err input, .form-box-ly .groups.err textarea {
	border-color: red;
}
.form-box-ly .groups .err-text {
	position: absolute;
	color: red;
	bottom: -17px;
	left: 5px;
	font-size: 12px;
}
.form-box-ly .groups .btn_Prompt {
	height: 20px;
	width: 20px;
	float: right;
	display: block;
	bottom: 7px;
	position: absolute;
	right: 7px;
}
.form-box-ly .box2 .groups .btn_Prompt {
	right: 37px;
}
.form-box-ly .groups .btn_Prompt.error {
	background: url(../images/btn_error.png) no-repeat;
}
.form-box-ly .groups .btn_Prompt.empty {
	background: url(../images/btn_empty.png) no-repeat;
}
.form-box-ly .groups .btn_Prompt.Correct {
	background: url(../images/btn_Correct.png) no-repeat;
}