锘緻charset "utf-8";
/*鍒濆鍖?/
* { margin: 0; padding: 0; }
*html { background-image: url(../about:blank); background-attachment: fixed; }/*瑙ｅ喅IE6涓嬫粴鍔ㄦ姈鍔ㄧ殑闂*/
body, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, strong, span, form, b, p, i, th, td, pre, input, button, textarea, hr { margin: 0; padding: 0; }
body { line-height: 150%; font-size: 13px; font-family:"瀹嬩綋","寰蒋闆呴粦","榛戜綋", "瀹嬩綋", sans-serif; text-align: left; color: #333333; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { }
.clear { clear: both; height: 10px; overflow: hidden; }
img { border: 0px; }
a { color: #333333; text-decoration: none; cursor: pointer; }
a:hover { color: #00A3E4; }
input, select, button { border: 0px; }
table {border-collapse: collapse; margin: 0 auto;text-align:center;}
table td, table th {border:0px solid #cad9ea;color:#666;height:30px;}
table thead th {background-color:#CCE8EB;text-align:center}
table tr:nth-child(odd) {background:#fff;}
table tr:nth-child(even) {background:#F5FAFA;}
table td a { color: #3399ff; text-decoration: none; cursor: pointer; }
table td a:hover { color: #99ccff; }
.table_caption { position: relative; top: 0px; bottom:0px; height: 40px; line-height: 40px; left: 0px; font-size: 15px; color: #333333; font-weight:bold}
/*鏂囩珷缁撴瀯 */
.article_textbox_1 {margin-top:6px;top:30px;text-indent:20px;}
.article_listbox_1 {top:20px;}
.text_box{padding:10px;}
.article_title_1, .title_1 { position: relative; top: 0px; bottom:0px; height: 40px; line-height: 40px; left: 0px; font-size: 15px; color: #333; font-weight:bold}
.article_listbox_1 li {text-indent:43px; background: url(/images/square.gif) no-repeat left; background-position:20px 5px; }
.article_listbox_en li {width:90%;text-indent:43px; background: url(../images/square.gif) no-repeat left; background-position:25px 3px; }
.article_listbox_2 li {width:90%;text-indent:20px; background: url(../images/square.gif) no-repeat left; background-position:0px 5px; }
.article_listbox_l2 li {width:90%;text-indent:68px; background: url(../images/dot.gif) no-repeat left; background-position:43px 5px; }
/* 琛ㄧ粨鏋?/
.list_row {display:table-row;overflow:hidden}
.head_cell {display:table-cell;background-color:#CCFFFF;border:1px solid lightblue;float:left;margin-right:-1px;margin-top:0px;text-align:center;font-weight:normal;}
.list_cell {display:table-cell;border:1px solid lightblue;float:left;margin-right:-1px;margin-top:-1px;text-align:center;font-weight:normal;}
#col_left {width:5%;}
#col_middle {width:25%;}
#col_right {width: 40%;}
#tbl{border-collapse:collapse;border-spacing:0;border-left:1px solid #999;border-top:1px solid #999;background:#ffffff;}
#tbl_th,#tbl_td{border-right:1px solid #999;border-bottom:1px solid #999;padding:0px 5px;}
#tbl_th{font-weight:bold;background:#ccc;text-align:center}
/*椤甸潰缁撴瀯*/
.wrapper { margin: 0px auto; overflow: hidden; max-width: 1920px; background: #ffffff; }/*椤甸潰澶栧洿鎺у埗鏁翠綋甯冨眬瀹藉害*/
/* 椤堕儴瀵艰埅寮€濮 */
.logobar { margin: 0px auto; padding: 5px 0px; height: 90px; padding-bottom: 0px; max-width: 1400px; position: relative; z-index: 100; }
.logo { position: absolute; left: 0px; top: 0px; display: inline; width: 260px; height: 46px; padding: 12px 0px; overflow: hidden; vertical-align: middle; }
.logo a { display: block; }
.sitetel { position: absolute; right: 0px; top: 0px; height: 25px; padding-left: 30px; background: url(../tel.png) no-repeat left center; line-height: 25px; font-size: 13px; }
.sitetel b { color: #FF9900; font-weight: normal; }
.menubar { position: absolute; right: 0px; bottom: 15px; height: 35px; z-index: 100; }
.nav { float: right; font-family: "寰蒋闆呴粦","榛戜綋", "瀹嬩綋", sans-serif;}
.nav .navlist { float: left; position: relative; height: 35px; display: inline; }
.nav .navline { float: left; width: 12px; height: 35px; /*background: url(navline.png) no-repeat left center;*/ display: inline; }
.nav h3 { float: left; font-family: "寰蒋闆呴粦","榛戜綋", "瀹嬩綋", sans-serif; font-weight:normal; font-size: 14px;height: 35px; line-height: 35px; padding: 0px 10px; text-align: center; }
.nav h3 a { display: block; text-decoration: none; }
.nav .on { }
.nav .on H3 { BACKGROUND: #3f5e9c; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3); border-top-right-radius: 5px; border-top-left-radius: 5px;}
.nav .cur H3 { BACKGROUND: #3f5e9c }
.nav .on H3 A { COLOR: #fff }
.nav .cur H3 A { COLOR: #fff }
.nav .subnav {  WIDTH: 215px; BACKGROUND: #3f5e9c; POSITION: absolute; LEFT: 0px;  Z-INDEX: 99; DISPLAY: none; TOP: 35px;  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.3); box-shadow: 2px 2px 6px rgba(0,0,0,.3);border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-bottom:5px; padding-top:5px; }
.nav .subnav li {  OVERFLOW: hidden; HEIGHT: 28px; WIDTH: 195px; FLOAT: left; TEXT-ALIGN: left; LINE-HEIGHT: 28px; PADDING-RIGHT: 0px; padding:0px 5px; font-size:12px; background:url(sj_1.png) no-repeat 5px center; padding-left:15px;  }
.nav .subnav li a { display: block; text-decoration: none; color: #fff; }
.nav .subnav li a:hover { color: #00A3E4; background: #fff; }
.nav .subnav LI a{ COLOR: #fff; }
.nav .subnav LI:hover{ background:#fff url(sj_2.png) no-repeat 5px center; cursor:pointer; }
.nav .subnav LI:hover a{COLOR: #00a3e4;}
.nav #m6 .subnav { left:-135px;}
/*鎺у埗浜у搧涓績浜岀骇瀵艰埅*/
/*navbar end*/
/* banner寮€濮 */
.banner { width: 100%; height: 450px; overflow: hidden; text-align: center; overflow: hidden; margin: 0px auto; }
.class_banner { width: 100%; height: 250px; overflow: hidden; text-align: center; overflow: hidden; margin: 0px auto; }
.fullSlide {width: 100%; position: relative; height: 450px; overflow: hidden; margin: 0px 0px; z-index: 98; }
.fullSlide .bd { position: relative;z-index:0;float:left;margin: 0px 0px; }
/*.fullSlide .bd img { object-fit: contain|cover;width:100%;height: auto; } */
.fullSlide .bd ul { width: 100% !important; float: left; }
.fullSlide .bd li { width: 100% !important; height: 450px; text-align: center; float: left; }
.fullSlide .bd li a { position: absolute; width: 100%; height: 450px; display: block; z-index: 1; left: 0px; }
.fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; *display:inline;
zoom: 1; width: 28px; height: 30px; margin: 0px 5px; line-height: 27px; text-indent: 2px; text-align: center; background: url(../ft.png) no-repeat; }
.fullSlide .hd ul .on { color: #00A3E4; }
/*focusbar end  banner寮€濮?/
.titlebox { height: 50px; margin: 0px auto; display: block; position: relative; }
.titlebox1 { height: 70px; margin: 0px auto; overflow:hidden; display: block; position: relative; }
.titlebox2 { margin: 0px auto; height: 25px; width: 252px; position: relative; background: url(../sider_top.gif) no-repeat -15px bottom; }
.titlename { position: absolute; top: 0px; left: 0px; font-weight: normal; line-height: 30px; height: 30px; display: inline; font-size: 20px; color: #8C8C8C; }/*閫氱敤鍧楁爣棰?/
.titlename a { color: #7FBE23; padding-right: 10px; }
.title_txt { position:absolute; top: 30px; height: 20px; line-height: 20px; left: 0px; font-size: 13px; color: #888888; }
.title_txt1 { position:relative; top: 30px; height: 20px; line-height: 20px; left: 0px; font-size: 13px; color: #888888; }
.title_txt2 { position:relative; top: 0px; height: 30px; line-height: 22px; left: 0px; font-size: 12px; color: #666666; }
.title_txt3 {position:relative; top: 0px; height: 30px; line-height: 30px; left: 0px; font-size: 12px; color: #ffffff;background:url(../button.png),no-repeat center;}
.titlemore { float: right; line-height: 30px; width: 15px; text-indent: -9999px; background: url(../more.png) no-repeat center; padding-right: 10px; }/*棣栭〉more*/
.titlemore a { cursor: pointer; }
/*閫氱敤鏍囬鍖哄煙*/

.main_l, .main_r { float: left; display: inline-block; } /*鍐呴〉宸︽爮*/
.main_l {width: 256px;}
.main_l1 { float: left; width: 162px; display: inline; } /*鍐呴〉宸︽爮*/
.mail_l0 { float: left; width: 0px; display: inline; } /*鍐呴〉宸︽爮*/
.main_r {float:left; margin-left:10px;border: 0px solid #E2E2E2; padding: 1px; background: #fff; -moz-border-radius: 8px; /* Gecko browsers */ -webkit-border-radius: 8px;/* Webkit browsers */ border-radius: 8px; /* W3C syntax */ }
.main_r1 { display: block; border: 0px solid #E2E2E2; margin-right:10px;padding:1px;padding-right:10px; background: #F9F9F9; -moz-border-radius: 8px; /* Gecko browsers */ -webkit-border-radius: 8px;/* Webkit browsers */ border-radius: 8px; /* W3C syntax */ width: 100%;font-size:13px; }
.siderbox { margin: 0px auto; display: block; border: 1px solid #E2E2E2; padding: 1px; background: #F9F9F9; -moz-border-radius: 8px; /* Gecko browsers */ -webkit-border-radius: 8px;/* Webkit browsers */ border-radius: 8px; /* W3C syntax */ width: 252px; }
.siderbox1 { margin: 0px auto; display: block; border: 1px solid #E2E2E2; padding: 1px; background: #59b4f4; -moz-border-radius: 8px; /* Gecko browsers */ -webkit-border-radius: 8px;/* Webkit browsers */ border-radius: 8px; /* W3C syntax */ width: 160px;height:600px; }
.sidertop { margin: 0px auto; height: 45px; width: 252px; position: relative; background: url(../sider_top.gif) no-repeat -15px bottom; }
.siderbot { margin: 0px auto; height: 15px; width: 256px; background: url(../sider_bottom.png) no-repeat center; }
.sider_ico, .sider_title { position: absolute; }
.sider_ico { width: 0px; height: 30px; left: 5px; top: 20px; background: url(../sider_ico.gif) no-repeat; }
.sider_title, .sider_en { width: 215px; height: 30px; line-height: 30px; font-weight: bold; font-size: 15px; top: 10px; left: 15px; }
.sidernav { margin: 0px auto; display: block; overflow: hidden; padding: 10px 12px; }
.sidernav li { height: 20px; font-size:13px;line-height: 20px; text-align: left; padding: 0px 10px; width: 204px; display: block; background:url(../arrow_1.png) no-repeat 5px center;overflow: hidden; margin: 5px 0px; margin-left: auto; margin-right: auto; }
.sidernav li:hover, .sidernav li.on { background: url(../sub_nav1.gif) no-repeat; color: #fff; cursor: pointer; }
.sidernav li:hover a, .sidernav li.on a { color: #fff; cursor: pointer; }
.sidernav_1 { margin: 0px auto; display: block; overflow: hidden; padding: 5px 0px; }
.sidernav_1 li { height: 20px; line-height: 20px; text-align: left; padding: 0px 15px; width: 204px; font-size: 12px; display: block; background:url(../dot.png) no-repeat 5px center;overflow: hidden; margin: 5px 0px; margin-left: auto; margin-right: auto; }
.sidernav_1 li:hover, .sidernav li.on { background: url(../sub_nav1.gif) no-repeat; color: #fff; cursor: pointer; }
.sidernav_1 li:hover a, .sidernav li.on a { color: #fff; cursor: pointer; }
.postion { margin: 0px auto; height: 72px; overflow: hidden; position: relative; background: url(../pos.gif) no-repeat -15px bottom; }/*褰撳墠浣嶇疆鍖哄煙*/
.pos_title, .pos_txt,.pos_title_center {text-align:center; position: relative; overflow: hidden; top: 0px; }
.pos_title, .pos_title_center { font-weight: bold; font-size: 18px; left: 20px; top: 20px; height: 30px; line-height: 30px;padding-bottom:10px;}
.pos_title {text-alignt:left;}
.pos_title_center{float:center;text-align:center;}
.pos_txt { right: 20px; font-size: 13px; height: 25px; line-height: 25px; top: 3px; }
/*鍐呴〉宸︽爮 end*/
.pagebox, .listbox, .pageno, .viewbox, .prebox, .showlist, .showbox, .messageform, .sitemapbox, .shopbox, .indexbox { margin: 0px auto; overflow: hidden; padding: 10px 10px; }
.viewbox {
	font-size:13px;
	line-height:24px;
	text-align:left;
	padding-right:30px;
}

/*鍐呭鍖哄煙*/
.pagebox { line-height: 28px; text-align: justify; text-justify: inter-ideograph; font-size: 13px; }
.pagebox img { max-width: 680px; }/*鍗曢〉*/
.listbox { }
.listbox div { display: block; overflow: hidden; padding-bottom: 2px; margin-bottom: 2px; border-bottom: 1px dotted #E5E5E5; position: relative; float: left; width: 100%; height: 35px; line-height: 35px; }
.listbox div a { margin-right: 10px; font-size: 13px; }
.listbox li { display: block; overflow: hidden; padding-bottom: 2px; margin-bottom: 2px; border-bottom: 1px dotted #E5E5E5; position: relative; float: left; width: 100%; }
.listbox li .new_title, .listbox li .new_time { float: left; display: inline; height: 30px; line-height: 30px; text-align: left; overflow: hidden; }
.listbox li .new_title { width: 60%; font-size: 10px; font-weight: normal; text-indent: 10px; background: url(../dot.gif) no-repeat left center; }
.listbox li .new_time { width: 30%; text-align: right; float: right; }
/*鏂伴椈鍒楄〃*/
.showlist { padding-left: 18px; }
.showlist li { float: left; width: 156px; display: inline; overflow: hidden; margin: 10px 5px; }
.showlist li .showpic { width: 140px; padding: 8px 8px; height: 79px; display: block; overflow: hidden; text-align: center; vertical-align: middle; line-height: 79px; background: url(../show_bg.png) no-repeat; }
.showlist li .showpic img { width: 140px; height: 79px; }
.showlist li .showtxt { width: 156px; height: 30px; line-height: 30px; display: block; overflow: hidden; text-align: center; }
.showlist li:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
/*浜у搧鍒楄〃*/
.pageno { text-align: center; padding: 10px 0px; }
.pageno li { display: inline; }
.pageno li a, .pageno li.disabled { border: 1px solid #00A3E6; padding: 2px 5px; margin: 0px 5px; display: inline; text-align: center; text-decoration: none; display: inline; font-size: 13px; background: #00A3E6; color: #fff; }
.pageno li:hover a, .pageno li.thisclass { border: 1px solid #133984; background: #133984; padding: 2px 5px; margin: 0px 5px; text-decoration: none; display: inline; font-size: 13px; text-align: center; color: #fff; cursor: pointer; }
.pageno li:hover a, .pageno li.thisclass a { color: #fff; }
/*缈婚〉*/
.viewtitle { margin: 0px auto; font-size: 22px; font-weight: normal; color: #133984; text-align: center; line-height: 30px; padding: 15px 0px; }/*鏍囬*/
.viewmsg { margin: 0px auto; line-height: 30px; border-top: 1px dotted #E2E2E2; padding: 5px 0px; text-align: center; }/*鏃堕棿銆佹潵婧愮瓑淇℃伅*/
.viewsummary { }/*鎻忚堪*/
.viewpic { float: left; width: 350px; display: inline; height: 400px; text-align: center; overflow: hidden; vertical-align: middle; }/*鍥剧墖灞曠ず*/
.viewpic img { margin: 0px auto; display: block; max-width: 320px; overflow: hidden; margin-top: 20px; }
.viewbody { 
	margin: 0px auto; 
	line-height: 23px; 
	padding:0px 15px;
	font-size: 13px; 
	text-align: justify; 
	text-justify: inter-ideograph; 
}

.viewbody_en { margin: 0px auto; line-height: 18px; padding:0px 15px;font-size: 13px; color:#4b4b4b;font-family: "寰蒋闆呴粦", "瀹嬩綋", calibri,verdana,arial,sans-serif;text-align: justify; text-justify: inter-ideograph; }
.viewbody img { max-width: 680px; }
.fenxiang { margin: 0px auto; overflow: hidden; text-align: right; }
/*鍐呭椤礶nd*/
.prebox { text-align: left; color: #133984; border-top: 1px dotted #E2E2E2; padding: 10px 0px; margin-left: 10px; margin-right: 10px; }
.prebox li { float: left; display: block; line-height: 30px; font-size: 13px; color: #133984; width: 100%; }
/*涓婁笅绡囨枃绔?/
/*鍐呴〉end*/
/* .index_news { margin: 0px auto; height: 56px; width: 980px; overflow: hidden; background: url(new_bg.png) no-repeat; padding: 0px 10px; } */
.topnews { float: left; overflow: hidden; display: inline; height: 30px; width: 600px; margin-top: 13px; padding-left: 110px; background: url(../news_ico.png) no-repeat left 5px; position: relative; z-index: 10; }
.topnews .bd { }
.topnews .toplist li { float: left; width: 580px; overflow: hidden; height: 30px; }
.topnews .toplist li a, .topnews .toplist li span { float: left; width: auto; overflow: hidden; height: 30px; line-height: 30px; text-align: left; color: #003755; }
.topnews .toplist li span { float: left; width: 80px; text-align: right; margin-left: 20px; }
.topnews .topmore { position: absolute; top: 0px; height: 30px; line-height: 30px; width: 0px; right: 0px; text-align: right; }
.search { float: right; width: 240px; height: 23px; background: url(../search.png) no-repeat; margin-top: 16px; }
.search-keyword { float: left; height: 23px; line-height: 23px; text-align: left; overflow: hidden; width: 140px; padding: 0px 10px; display: inline; background: none; color: #999; }
.search-submit { float: right; width: 50px; height: 23px; text-indent: -9999px; background: none; cursor: pointer; }
.indexbox { margin: 0px auto; overflow: hidden; display: block; width: 1000px; padding: 10px 0px; }
/* .index_about { float: right; overflow: hidden; display: inline; } */
.about_txt { margin: 0px auto; line-height: 22px; font-size:13px; text-align: left; overflow: hidden; padding: 10px 0px; position: relative; }
.about_txt img { float:center; margin-right: 10px; }
.about_txt .about_more { position: absolute; bottom: 0px; right: 0px; width: 160px; height: 40px; text-indent: -9999px; background: url(../about_more.png); cursor: pointer; }
.about_txt_en { margin: 0px auto; line-height: 19px; font-size:12px;text-align: left; overflow: hidden; padding: 10px 0px; position: relative; }
.about_txt_img { margin: 0px auto; line-height: 29px; font-size:12px;text-align: left; overflow: hidden; padding: 10px 0px; position: relative; }
.about_txt_en img { float: left; margin-right: 20px; }
.about_txt_en .about_more { position: absolute; bottom: 0px; right: 0px; width: 160px; height: 40px; text-indent: -9999px; background: url(../about_more.png); cursor: pointer; }
.index_pro li .new_pic, .index_pro li .new_title, .index_pro li .new_info { margin: 0px auto; width: 241px; display: block; overflow: hidden; }
.index_pro li .new_pic { width: 215px; height: 122px; padding: 13px 13px; vertical-align: middle; text-align: center; background: url(../index_bg.png) no-repeat; }
.index_pro li .new_pic1 { width: 215px; height: 60px; padding: 13px 13px; vertical-align: middle; text-align: center; background: url(../index_bg.png) no-repeat; }
.index_pro li .new_pic img { width: 215px; height: 122px; }
.index_pro li .new_title { height: 30px; line-height: 30px; text-align: center; font-size: 12px; font-weight: normal; }
.footbox { height: 40px; background: #535355; padding: 10px 0px; }
.index_pro li .new_info { height: 150px; line-height: 25px; text-align: left; }
.fl { float: left; }
.fr { float: right; }
/*reset style end*/

.row, .row_border_btm { 
  font-size:14px;
  color:#333;
  width:100%;
  height:auto;
  margin:0px 0px;
  overflow:hidden;
  padding:0px;
  border:0px 
  display:block;
  position:relative;
  text-align:left;
} 

.border_btm{
  border-bottom:1px solid #f8f8f8;
}


/* 鍐呭鍖 */
.main {width:100%; height:auto;margin: 0 auto; padding:0 20px; box-sizing:border-box; -moz-box-sizing: border-box;} /*鍐呴〉涓讳綋*/

/* 鏂伴椈涓績寮€濮 */
.index_news { width:100%; }

.news_title, .about_title{
	width:100%;
	color:#505050;
	font-size:24px;
	height:36px;
	line-height:36px;
	text-align:center;
}

.index_news .new_box, .index_news .new_list, .index_product{
	display:flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	text-align:center;
	div { /* for ie old version */
		float:left;  
	}
}

.index_news .news_box {
	height:auto;
	margin:0px auto;
	padding:0px 0px;
	position:relative;
	font-family:寰蒋闆呴粦,瀹嬩綋,Arial,Helvetica,sans-serif;
	color:#666;
	font-size:14px;
	float:left;
}

.index_news .new_com, .index_news .new_list .flex{
	display:inline-block;
	flex:1;
	-ms-flex:1;
	-webkit-flex:1;
}

.index_news .new_com .flex{
	padding-bottom: 20px;
  	border-bottom: 1px solid #cccccc;
}
.index_news .new_com.right_new, .new_list .flex.flex-mar{
	margin-right: 10px;
}

.news_box .title {
	height:auto;
	line-height:22px;
	font-size:14px;
	color: #666;
	padding-top:10px;
	padding-bottom:10px;
}

.news_box .text{
	height:auto;
	line-height:20px;
	font-size:12px;
	color:#666;
	/*-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;*/
	word-break: break-all;
}


.new_com .text_com .new_title{
	color: #333;
  	font-size: 18px;
	margin-bottom: 15px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}

.new_com .text_com .text{
	height:auto;
	line-height:22px;
	font-size:13px;
	color:#666666;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.index_news .new_list li a{
	position: absolute;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	white-space:nowrap;
  	text-overflow:ellipsis;
  	overflow: hidden;
	color:#333;
}

.index_news .new_list li span{
	float: right;
	color: #999;
}

.index_news li {
	font-size:13px; 
	color:#666; 
	height:22px; 
	line-height:22px; 
	list-style:inside;
}


.index_news .more-new{
	text-align: center;
	line-height:40px;
	font-size:13px;
	margin: 40px 0;
}
.index_news .more-new a{
	display: inline-block;
	width: 100px;
	height: 35px;
	border: 1px solid #333333;
	line-height: 35px;
	border-radius: 31px;
	text-align: center;
}

.index_news .more-new a:hover{
	border: 1px solid #00A3E4;
}

.index_news .index_about {
	width:100%;
	color:#505050;
	font-size:14px;
	height:auto;
	line-height:20px;
	text-align:center;
	font-family:auto;
}


/* 鏂伴椈涓績缁撴潫 */

/* 鍏徃浠嬬粛寮€濮 */
.index_about .top{
	text-align: center;
}
.index_about .top a{
	display:inline-block;
	height:30px;
	line-height:30px;
	font-size:16px;
	text-align:center;
	color:#2c8cec;
	font-weight:600;
}
.index_about .text{
	line-height:35px;
	font-size:14px;
	color: #333333;
	text-align:center;
}

/* 鍏徃浠嬬粛缁撴潫 */
/* 浜у搧涓績寮€濮 */
.index_product{
	margin-top: 40px;
	width:100%;
	height:auto;
	text-align:left;
}

.index_product_title {
	display:block;
	height:40px;
	line-height:40px;
	font-size:26px;
	font-weight:bold;
	color: #666;
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	border-bottom:1px solid #99ccff;
}

.index_product .product_items{
	display: inline-block;
	*zoom:1; /* for ie inline-block;*/
	*display:inline; /* for ie inline-block*/
	width: 25%;
	min-width:100px;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	-webkit-flex: 0 0 25%;
	flex-basis:auto;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	vertical-align: top;
	color:#333;
}

.index_product .product_items .pos_r{
	text-align: center;
}

.index_product .product_items .pos_r img{
	width: 50%;
}

.index_product .product_items .pos_r .title{
	font-size: 16px;
	height: auto;
	line-height: 24px;
	font-weight: bold;
	padding-top:10px;
	padding-bottom:10px;
}

.index_product .product_items .text{
	font-size: 13px;
	line-height: 22px;
}

.index_product .product_items a {color: #666; text-decoration: none; cursor: pointer; }
.index_product .product_items a:hover { color: #aaccff; }

/* 浜у搧涓績缁撴潫 */

/* 棣栭〉浜у搧 block鍒楄〃 */

.block {
	width:100%;
	height:auto;
	margin:0px auto;
	padding:0px 0px;
	position:relative;
	font-family:寰蒋闆呴粦,瀹嬩綋,Arial,Helvetica,sans-serif;
	color:#333;
	font-size:14px;
	float:left;
}

.round-border {
	border:solid #ccc 1px;
	border-radius:5px;
}

.block .title {
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	font-weight:bold;
	color:#333;
	text-align:center;
}

.block .text { /* multiple rows */
  font-family:寰蒋闆呴粦,瀹嬩綋,Arial, Helvetica, sans-serif;
  color:#333;
  font-size:13px;
  /*overflow-y:hidden;
  display:inline; */
  height:auto;
  line-height:22px; /*璁剧疆鍜宧ight涓€鏍峰嵆鍙瀭鐩村眳涓 */
  list-style:none;
  text-align:left;
}

.block .img-box{ /* img row in block */
  /*overflow-y:hidden;
  display:inline; */
  height:auto;
  text-align:center;
}  

/* 棣栭〉浜у搧 block鍒楄〃 缁撴潫 */


/* 瑙嗛鎾斁 */
.video_box{
	width: 100%;
	height: 500px;
	margin-top: 45px;
}
.video_box video{
	width: 100%;
	height: 100%;
	object-fit: fill;
}

/* 搴曢儴鏍峰紡寮€濮 */
.footbar_box{
	background: #494949;
	padding: 30px 50px;
	margin-top: 50px;
	box-sizing: border-box;
}

.footbar_box .footbar{
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	max-width: 1400px;
  	margin: 0 auto;
	div:{
		float:left;
	}
}

.footbar_box .footbar .items{
	display: inline-table;
	*zoom:1; /* for ie*/
	*display:inline; /* for ie */
	width: 24%;
	min-width:100px;
	flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	-webkit-flex: 0 0 25%;
	text-align: center;
	vertical-align:top;
}

.footbar .items{
	color: #757575; 
}

.footbar .items h3{
	height: 50px;
	line-height: 50px;
	font-size: 20px;
}
	
.footbar .items_list a{
	height: 30px;
	line-height: 30px;
	color: #757575; 
	font-size: 14px;
}
.footbar_box .icp{
	padding-top: 50px;
	color: #757575;
	text-align: center;
}

/* 搴曢儴缁撴潫 */

/* Slider */
#slider {}
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}

#slider li{ 
	/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
	*/ 
	width:696px;
	height:241px;
	overflow:hidden; 
}	

p#controls {
	margin:0;
	position:relative;
} 

#prevBtn, #nextBtn { 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:-160px;
}
	
#nextBtn { 
	left:696px;
}														
#prevBtn a, #nextBtn a {  
	display:block;
	width:30px;
	height:77px;
	background:url(images/btn_prev.gif) no-repeat 0 0;	
}
	
#nextBtn a { 
	background:url(images/btn_next.gif) no-repeat 0 0;	
}		


/* Slider */