/*
Template Name: 9zled.com
File: Layout CSS
Author: afo
Author URI: http://www.daoku.com
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}


body{ margin: 0; padding: 0; font-size: 12px; font-family: verdana, Arial, Helvetica, sans-serif; color: #333; background-color: #FFFFFF; }

img{ margin: 0; padding: 0; border: none; }
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}

a{outline:none; text-decoration:none;}
.fl_left{float:left;}
.fl_right{float:right;}
/* ----------------------------------------------head-------------------------------------*/
.imgl, .imgr{border:1px solid #999999; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

#header #topnav{ display: block; float: right; width: 570px; margin: 10px 0 0 0; padding: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; 
text-align: center; font-weight: bold; }	
#header ul{ margin: 0; padding: 0; list-style: none; }
#header li{ display: inline; margin-right: 0px; }
#header li a:link, #header li a:visited, #header li a:hover{ font-size: 13px; margin: 0; padding: 8px 16px 8px 16px; color: #069; background: url("../imges/ses.gif") 8px 10px no-repeat; }
#header li a:hover, #header li.active a{ color: #FFF; background-color: #09C; }
#header #topnav li.last{ margin-right: 0; }


/*Menu CSS Start*/
#nav{ display: block; height: 24px; padding: 10px 0 0 0; }
/*CSS Code for Menu Begin:*/
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu { margin: 0; border: 0 none; padding: 0; width: 570px; /*For KHTML*/ list-style: none; height: 24px;font-size:12px;}

ul#navmenu li { margin: 0; border: 0; padding: 0; float: left; /*For Gecko*/ display: inline; list-style: none; position: relative;}
ul#navmenu ul { margin: 0; border: 0 none; padding: 0; width: 80px; list-style: none; display: none; position: absolute; top: 40px; left: 0; z-index:300;}
ul#navmenu ul li { float: none; /*For Gecko*/ display: block !important; display: inline; /*For IE*/ }

/* Root Menu */
ul#navmenu a { border: 0; padding: 0 6px; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; background: transparent; color: #CCC; width: 80px; height: auto !important; height: 1%; /*For IE*/ display: block; }

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
 background: #A9A9A9;
 color: Black; font-weight:bold;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a { color: #666; width: 145px; text-align: left; font-weight: normal; float: none; background-color: #E9E9E9; border-left: 1px solid Silver; border-right: 1px solid Silver; border-bottom: 1px solid Silver; }

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a { color: #069; }
/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {
	color: #666;
	width: 145px;
	text-align: left;
	font-weight: normal;
	float: none;
	background-color: #E9E9E9;
	border-left: 1px solid Silver;
	border-right: 1px solid Silver;
	border-bottom: 1px solid Silver;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a, ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {
	background: #F60;
	color: #FFF;
}
ul#navmenu ul ul, ul#navmenu ul ul ul {
	display: none;
	position: absolute;
	top: 0;
	left: 186px;
	width:auto
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
 display: none;
 position: absolute;
 top: 0;
 left: 174px;
 
}
.right_arr{
	position: absolute;
	top: 6px;
	left: 145px; color: #FF6600; width:auto}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
 display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
 display: block;
}
/*Menu CSS End*/
/* ----------------------------------------------Column Navigation-------------------------------------*/

#column .subnav{display:block; width:250px; padding:8px 25px; background-color:#F9F9F9; margin:0;}
#column .subnav h2{ margin: 5px 0 20px 0; padding: 0 0 8px 0; font-size: 20px; font-weight: normal; font-family: "Microsoft YaHei",verdana, Arial, Helvetica, sans-serif; color: #09C; background-color: #F9F9F9; line-height: normal; border-bottom: 1px dotted #666666; }
#column .subnav ul{ margin: 0; padding: 0; list-style: none; }
#column .subnav li{ margin: 0 0 3px 0; padding: 0; font-weight: bold; }
#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}
#column .subnav a{ display: block; margin: 0; padding: 4px 10px 4px 20px; color: #777777; background: url("blue_file.gif")/*tpa=http://www.hxleder.com/images/blue_file.gif*/ no-repeat 10px center #F9F9F9; text-decoration: none; border-bottom: 1px dotted #666666; }
#column .subnav a:hover{color:#02ACEE; background-color: #E6E6E6;}
#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url("black_file.gif")/*tpa=http://www.hxleder.com/images/black_file.gif*/ no-repeat #F9F9F9;}
#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}

/* ----------------------------------------------Tab Panel-------------------------------------*/

#topbar{ position: relative; margin: 0 auto 0; display: block; width: 960px; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#topbar a{ color: #02ACEE; background-color: #4A5155; }
#topbar a:hover{ color: #FFFFFF; background-color: #4A5155; }
#loginpanel{ display: block; position: relative; top: 0; }
#loginpanel ul{ display: block; float: right; width: 318px; height: 24px; margin: 0; padding: 6px 0 0 0; text-align: center; color: #E3DFD2; background-color: #4A5155; }
#loginpanel li{ display: block; height: 24px; margin: 0; float: left; padding-left: 6px; }
#loginpanel li.left{ float: left; text-align: right; padding-left: 22px; background: url("../imges/tab_l.gif") no-repeat bottom left; color: #F90; font-size:14px }
#loginpanel li.right{ float: right; text-align: left; padding-right: 10px; background: url("../imges/tab_r.gif") no-repeat bottom right; }
#loginpanel a{ display: block; }
/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{ position: relative;width: 100%; margin: 0;}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{ margin: 0; padding: 0; font-size: 20px; font-weight: normal; line-height: normal; font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; }
.col0{color:#000; background-color:#FFF; border-top:5px solid #4A5155;}
.col1, .col1 a{color:#C4C5C3; background-color:#FFF;}
.col2{color:#FFFFFF; background-color: #333; padding:10px 0;}
.col2b{color:#000;background-color: #EEE;padding:10px 0 0 0; margin:0;}
.col3{color:#666666; background-color: #FFF;}
.col3 a{color:#02ACEE; background-color:#FFFFFF;}
.col4{color:#CCCCCC; background-color:#2A2B2F;}
.col4 a{color:#02ACEE; background-color:#2A2B2F;}
.col5, .col5 a{color:#666666; background-color:#1B1B1B;}

/*顶部联系方式*/
.w_wbox{margin:0;padding:0;width:100%;height:100%}
#w_wbox-1515835006911{ top:0px; z-index:104; height:40px; }
#w_wbox-1515835006911 .p_wbox{background-color:#333; width:1000px; margin:0 auto;}/*首页顶部*/
#w_wbox-1515835006911 .p_MatteIcon .iconfont:before{content:'\e602'; }
#w_wbox-1515835006911 >div{ animation-fill-mode:both; }

#w_common_text-1515835383813{ position:absolute; top:5px; z-index:1; width:285px; height:23px; float:left; }




#w_rbox-1515835606662 .p_MatteIcon .iconfont:before{content:'\e602'; }
#w_rbox-1515835606662 >div{animation-fill-mode:both; }
#w_rbox-1515835606662 >div>.p_rbox{background-image:url(../imges/topicon2.png); background-repeat:no-repeat; background-position:center left; height:45px; }
#w_common_text-1515835639050{ z-index:1; width:265px; height:20px; float:right; padding-top:12px; }

/*搜索和热门搜索*/

#formsearch input{height:22px;border:none;line-height:22px;background:none; }

.search{width: 300px;margin:0 auto;}

#formsearch{float:left;width:270px;height: 24px;text-align:left;height:24px;float: right;background:url("../imges/sousuobj.png") no-repeat;margin-top:8px;}
.hotSearch{width:400px;float:left;height:40px;line-height:40px;font-weight:normal;color: #333333;}
.hotSearch a{color: #333333;}


/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topbar, #topnav, #breadcrumb, #homecontent, #container, #footer, #copyright{ position: relative; margin: 0 auto 0; display: block; width: 980px; }

/* ----------------------------------------------Header-------------------------------------*/

#header{ padding: 0 0 6px 0;}
#header #logo{ display: block; float: left; width: 386px; margin-top: 22px; overflow: hidden; }
#header #logo h1, #header p, #header ul{ margin: 0; padding: 0; list-style: none; line-height: normal; }
#header #logo h1{ font-size: 32px; }
/* ----------------------------------------------homepage_fast_nav-------------------------------------*/
#fastnav{ margin: 0px auto 10px; display: block; width: 990px; height: 190px; }
#fastnav ul{ margin: 0; padding: 0; list-style: none; }
#fastnav li a{ display: block; float: left; width: 300px; height: 160px; margin: 0 5px; padding: 0px; border-width:10px;}
#fastnav .lst{ margin:0; }
#fastnav li .fl_l{ float: left; }
#fastnav li .fl_r{ float: right; margin:0; }

#fastnav .fst_1 a{border:10px solid #333;}
#fastnav .fst_2 a{border:10px solid #CC9}
#fastnav .fst_3 a{border:10px solid #CCC}
#fastnav li  a:hover{border:10px solid #666;}

/* ----------------------------------------------BreadCrumb-------------------------------------*/
#breadcrumb{ color:#333;}
#breadcrumb a{ color: #09C; }
/* ----------------------------------------------Container-------------------------------------*/

#container{ padding: 20px 0; }
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6, #homecontent h2{ font-size: 20px; margin: 0 0 15px 0; padding-bottom: 8px; color: #666666; background-color: #FFFFFF; border-bottom: 1px dotted #999999; }

/* ----------------------------------------------Homepage-------------------------------------*/

#homecontent{ padding: 20px 0; line-height: 1.3em; }
#homecontent a:hover{ color: #069; }
#homecontent img{ padding: 4px; border: 1px solid #999999; }
#homecontent ul{ margin: 0; padding: 0; list-style: none; }
#homecontent p.readmore{ font-weight: bold; text-align: right; }
#homecontent #bdshare img{ width: 135px; height: 24px; }

/* Left Column */

#homecontent .fl_left{ display: block; float: left; width: 650px; }
#homecontent .fl_left .column2{ display: block; width: 650px; }
#homecontent .fl_left .column2 img{ width:280px; height:150px;}

#homecontent .fl_left li{ display: block; float: left; width: 300px; margin: 0 30px 20px 0; padding: 0; }
#homecontent .fl_left li li{ display: block; float: left; width: 300px; margin: 0;border-bottom: 1px dotted #999; padding: 4px; }
#homecontent .fl_left li li a{color:#666;}
#homecontent .fl_left li li a:hover{color: #09F;}
#homecontent .fl_left li.last{margin-right:0;}
#homecontent .fl_left p.readmore{ display: block; width: 300px; padding: 5px; text-align: right; line-height: normal; font-weight: bold; }
#homecontent .home_top{ display:block; width:260px; height:30px; float:left; color:#03C}
/* Right Column */

#homecontent .fl_right{ display: block; float: right; width: 305px; }
#homecontent .fl_right li{ display: block; width: 305px; margin: 0 0 10px 0; padding: 0 0 8px 0; border-bottom: 1px dotted #999999; line-height:21px; }
#homecontent .fl_right img{ float: left; width: 100px; height: 80px; margin: 0 10px 0 0; }

/* ----------------------------------------------Content-------------------------------------*/

#content{ display: block; float: right; width: 650px; font: normal 12px/1.8em Arial, Helvetica,sans-serif; }
#content ul, #content ul li{ margin: 0; padding: 0; list-style: none;}
#content h1{ border-bottom: 1px dotted #999999; font-family: "Microsoft YaHei", verdana, Arial, Helvetica, sans-serif; color: #09C; }
#content h1 img{ border: none; padding: 6px; float: left; }
#content h1 .goback{float: right;}
#content h2{ display:block; margin:4px 0px; padding:3px 18px; border-bottom:1px solid #D9D9D9; background: url("dot.gif")/*tpa=http://www.hxleder.com/images/dot.gif*/ no-repeat 6px 10px #EFEFEF; width: 94%;font-size:12px; font-weight:bold; color: #666}
#content .pname{ font-size:16px; color:#09F; padding:4px}

/* ----------------------------------------------Table-------------------------------------*/

#content table{ width: 100%; border-collapse: collapse; table-layout: auto; vertical-align: top; margin-bottom: 15px; border: 1px solid #CCCCCC; }
#content table th{ color: #FFFFFF; background-color: #666666; border: 1px solid #CCCCCC; border-collapse: collapse; text-align: center; table-layout: auto; vertical-align: middle; }
#content table td{ vertical-align: top; border-collapse: collapse; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#content table th, #content table td{ padding: 2px; border-collapse: collapse; }
#content table tbody tr.light{ color: #666666; background-color: #F7F7F7; }
#content table tbody tr.dark{ color: #666666; background-color: #E8E8E8; }

/* ------Comments-----*/

#comments{margin-bottom:40px;}
#comments .commentlist {margin:0; padding:0;}
#comments .commentlist ul{margin:0; padding:0; list-style:none;}
#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}
#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#02ACEE; background-color:#F7F7F7;}
#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#02ACEE; background-color:#E8E8E8;}
#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}
#comments .commentlist p {margin:5px 5px 5px 0; padding:0; font-weight: normal;text-transform: none;}
#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{ display: block; float: left; width: 300px; }
#column .holder, #column #featured{ display: block; width: 300px; margin-bottom: 10px; background-color: #F7F7F7; }
#column .holder h2.title{ display: block; width: 100%; height: 65px; margin: 0; padding: 15px 0 0 0; font-size: 20px; line-height: normal; border-bottom: 1px dotted #999999; }
#column .holder h2.title img{ float: left; margin: -15px 8px 0 0; padding: 5px; border: 1px solid #999999; }
#column div.imgholder{ display: block; width: 290px; margin: 0 0 10px 0; padding: 4px; border: 1px solid #CCCCCC; }
#column .holder p.readmore{ display: block; width: 100%; font-weight: bold; text-align: right; line-height: normal; }
	
/* Featured Block */

#column #featured ul, #column #featured h2, #column #featured p{ margin: 0; padding: 0; list-style: none; color: #666666; background-color: #F9F9F9; }
#column #featured a{ color: #02ACEE; background-color: #F9F9F9; }
#column #featured li{ display: block; width: 250px; margin: 0; padding: 20px 25px; color: #666666; background-color: #F9F9F9; }
#column #featured li p.imgholder{ display: block; width: 240px; height: 90px; margin: 20px 0 15px 0; padding: 4px; border: 1px solid #CCCCCC; }
#column #featured li h2{ margin: 0; padding: 0 0 8px 0; font-family: "Microsoft YaHei",verdana, Arial, Helvetica, sans-serif; color: #09C; border-bottom: 1px dotted #999999; }
#column #featured p.readmore{ display: block; width: 100%; margin-top: 15px; font-weight: bold; text-align: right; line-height: normal; }
#column #latestnews{ display: block; width: 100%; margin: 0; padding: 0; list-style: none; }
#column #latestnews li{ display: block; margin: 0 0 20px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #CCCCCC; }
#column #latestnews li.last{ margin-bottom: 0; }
#column #latestnews p{ margin: 0 0 5px 0; padding: 0; }
#column #latestnews p.readmore{ margin: 0; padding: 0; }
#column #latestnews .imgl{ margin: 0 10px 10px 0; padding: 4px; }


/* products page */
.proleft{
	padding:0;float: left;border: 1px solid #ccc;text-align: center; background-color:transparent;
	margin: 20px 12px 10px 8px !important;;/* IE7+FF */
	margin: 12px 12px 10px 8px;/* IE6 */ 
}
.proleft ul,li{list-style:none;}
.proleft a{padding:12px;display:block; width:170px; height:120px;background-color:#ebebeb;}
.proleft a:hover{background-color: #CCC;}
.proimg,.proimg img{padding:0; margin:0;border:none;}
.pronum{font-weight: bolder;}
.pronum_new{font-weight: bolder; background: url("new.gif")/*tpa=http://www.hxleder.com/images/new.gif*/ no-repeat 10px top;}

/*Page Num Styles*/
.page { background-color: #F6F6F6; border: 1px solid #E6E6E6; padding: 0; margin: auto; display: block; width: 98%; height: 20px; font: 12px verdana; clear: both; color: #727272; text-align: center; float: left; }
.page input { color: #4F4F4F; background-color: #EFEFEF; border: 1px solid #4F4F4F; }
.page select { font: 12px verdana; color: #4F4F4F; background-color: #EFEFEF; border: 1px solid #4F4F4F; }

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}
.title{ padding:10px; font-weight:bold; text-align:center; width:96%; border-bottom:1px solid #CCC; color:#333; display:block;}
.dat{ text-align:center; font-size:10px; padding:0px}
.spt{ padding:4px; margin-bottom:24px; border:1px solid #CCC; background-color:#F6F6F6;}
p.spec { border:1px solid #ccc; padding:6px; background-color:#EFEFEF;}
/* ----------------------------------------------Forms in Content Area-------------------------------------*/

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
input, textarea, select{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#container #respond{display: block; width:100%;}
#container #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}
#container #respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}	
#container #respond p{margin:5px 0;}
#container #respond #submit, #container #respond #reset{ margin: 0; padding: 5px; color: #666666; background-color: #F7F7F7; border: 1px solid #CCCCCC; cursor: pointer; }

/* ----------------------------------------------featured slide-------------------------------------*/

#featured_slide { position: relative; margin: 0 auto 0 ; display: block; width: auto; height: 390px; overflow: hidden; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #333; text-align:center }
#featured_slide a{ color: #01425A; background-color: #000; text-align:center }
#featured_slide a, #featured_slide ul, #featured_slide img{ margin: 0; padding: 0; border: none; outline: none; list-style: none; text-decoration: none; }
#featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{ margin: 30px 0 10px 0; padding: 0 0 8px 0; line-height: normal; font-size: 32px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; border-bottom: 1px dotted #CCCCCC; }
.featured_box{ position: relative; display: block; padding: 0px;  text-align:center}
.featured_box .floater{ display: inline; float: right; width: 450px; margin: 30px 30px 0 0; }
.featured_box p{ margin: 0 0 15px 0; padding: 0; line-height: 1.6em; }
.featured_box p.readmore{ display: block; width: 100%; margin: 0; padding: 0; text-align: right; line-height: normal; text-transform: uppercase; }

#fsn{ position: relative; margin: -18px auto -5px; display: block; width: 960px; height: 25px; text-align: center; background: url("trans.png")/*tpa=http://www.hxleder.com/images/trans.png*/ no-repeat; z-index: 1000; }
#fsn ul{ position: relative; margin: 0 auto 0; display: block; width: 125px; height: 20px; padding: 5px 0 0 0; overflow: hidden; list-style: none; }
#fsn ul li, #fsn ul li a{ display: block; float: left; width: 15px; height: 5px; margin: 0 10px 0 0; padding: 0; }
#fsn ul li a{ float: none; border: none; margin: 0; outline: none; text-indent: -5000px; text-decoration: none; background: url("../imges/slide.png")/*tpa=http://www.hxleder.com/images/slide.png*/ 50% 50% no-repeat; }
#fsn .activeSlide{ background: url("../imges/slide.png")/*tpa=http://www.hxleder.com/images/slide.png*/ 0% 50% no-repeat; }


/* ----------------------------------------------Footer-------------------------------------*/

#footer{ padding: 20px 0; }
#footer h2, #footer p, #footer ul, #footer a{ margin: 0; padding: 0; font-weight: normal; list-style: none; line-height: normal; }
#footer a:hover{ color:#39F}
#footer h2{ font-size: 14px; font-weight: normal; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px dotted #999999; color:#02ACEE;}
#footer li{ margin-bottom: 5px; color:#02ACEE}
#footer .footbox{ display: block; float: left; width: 230px; margin: 0 15px 0 0; padding: 0; }
.linkbox{ display: block;  width: 980px; margin:0; padding: 0; text-align:center;}
.linkbox a{ color: #333;}
#footer .last{ margin: 0; }

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{ color:#dfdfe1;text-align: center;  background-color: #1B1B1B; width:100%; height:25px; padding:5px 0px 2px 0px;}
#copyright p{ margin: 0; padding: 0; }

#copyright a{color:#dfdfe1 }
#copyright a:hover{color:#39F }
/*Photo*/
#picBox{width:auto; height:180px; margin:auto; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:180px; width:3050px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:180px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:2px; right:10px;}
#icon_num li{ float:left; background: #CCC; height:15px; list-style:none; color:#39F; text-align:center;  cursor:pointer; padding:2px; margin:0;margin-right:5px;}
#icon_num li:hover,#icon_num li.active{ background: #0CF; color: white;}
#picBox_top{width:auto; height:180px; margin:0px auto; position:relative; overflow:hidden; z-index: 0}
#picBox_top ul#show_pic_top{margin:0;padding:0;list-style:none;height:180px;width:980px;position:absolute;left: 0;}
#picBox_top ul#show_pic_top li{ float:left; margin:0; padding:0; height:180px;}
#picBox_top ul#show_pic_top li img{ display:block;}
#icon_num_top{ position:absolute; bottom:0px; right:10px; top:150px;}
#icon_num_top li{ float:left; background: #6FC;width:15px; height:12px; list-style:none; color:#39F; text-align:center;  cursor:pointer; padding-bottom:8px; margin:0;margin-right:5px; font-size:10px;}
#icon_num_top li:hover,#icon_num_top li.active{background:#0CF; color:#fff;}

/* ----------------------------------------------QQ Style-------------------------------------*/
#divQQbox { position: absolute; right: 1px; top: 10px; width: 150px; z-index: 29; }
#divQQbox .press { border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; cursor: pointer; height: 158px; position: absolute; right: 0px; width: 33px; }
#divQQbox .qqbox_bg { border-bottom-style: none; border-left-style: none; border-right-style: none; border-top-style: none; left: 5px; position: absolute; }
#divQQbox  li { background: transparent url("qq.gif") no-repeat 4px top; display: inline; float: left; line-height: 16px; list-style: none; margin: 0; padding: 3px 0px 3px 26px; text-align: left; text-decoration: none; }
#divQQbox  li a, #qqfaces a:link { color: #708090; list-style: none; text-decoration: none; }
#divQQbox  li a:hover { color: red; }
#divQQbox  ul, li { list-style: none; margin: 0px; padding: 0px; }
#tab_style{
	padding:none;
	border:none;
	}
#tab_style th{
	font-weight:bold;
	padding:4px 10px 4px 10px;
	background-color:#666;
	text-align:left;
	color:#FFF;
	}
#tab_style tr{ background-color:expression('#E6E6E6,#F6F6F6'.split(',')[rowIndex%2]); }

#tab_style td{
	border-bottom:1px solid #999;
	padding:2px 10px 2px 10px;
	}
#tab_style .big_h td{
	border-bottom:1px solid #999;
	padding:8px 10px 8px 10px;
	}
	
	#indexgg01{width:100%;height:136px;BACKGROUND: url("../imges/ggbg.jpg");TEXT-ALIGN: center;border-bottom: 2px solid #fff;border-top: 2px solid #fff;}
	
	
	
	
	

/*首页关于我们*/
#w_common_text-1515838115095{width:1000px; height:109px; text-align:center; margin:0 auto; margin-top:40px; }




/*首页公司简介*/
#w_wbox-1515838350112{ width:100%; height:420px; background:url(../imges/aboutbg.jpg); }
#w_wbox-1515838350112 .p_wbox{ width:1000px; padding-left:230px;}


#w_common_text-1515838465433{ width:558px; height:272px; float:right; padding-top:80px;}


/*.w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); }*/
.w_wbox-001 .p_wbox{ }  
	  .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }
	  .w_wbox-001{ width:100%; height:120px; } 


/*首页产品展示*/
#w_wbox-1516859657885{  width:1000px; height:760px;text-align:center; margin:0 auto; padding-top:30px;}
#w_wbox-1516859657885 .p_MatteIcon .iconfont:before{content:'\e602'; padding-bottom:10px; }
#w_wbox-1516859657885 >div{animation-fill-mode:both; }

#w_common_text-1515839735159{width:100%; height:100px; }

#c_product_list-15158402551720878{  width:1000px; }
#c_product_list-15158402551720878 .p_Product{width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }
#c_product_list-15158402551720878 .p_CommonSummaryBoxA {text-align:center; }
#c_product_list-15158402551720878 .p_MatteIcon .iconfont:before{content:'\e602'; }
#c_product_list-15158402551720878 >div{animation-fill-mode:both; }
#c_product_list-15158402551720878 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
#c_product_list-15158402551720878 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }

.c_product_list-44002{overflow:hidden;width:222px;}
 .c_product_list-44002 .p_Product{width:calc((100% - 0px)/3); margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }
 .c_product_list-44002 .p_CommonSummaryBoxA {text-align:center; }
 .c_product_list-44002 .p_MatteIcon .iconfont:before{content:'\e602'; }
 .c_product_list-44002 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 .c_product_list-44002 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
.projectitem { width: 32%; height: auto; margin-right: 1%; margin-bottom: 80px; float: left; position: relative; background: #000; } .projectitem a { display: block; overflow: hidden } .projectitem a img { float: none; width: 100%; height: 260px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .projectitem a:hover img { transform: scale(1.2, 1.2) } .projectitem a .project_info { width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; transition: all ease-out .3s; } .projectitem a:hover .project_info { background: rgba(0, 0, 0, .7) } .projectitem a::after { content: '+'; width: 64px; height: 64px; line-height: 64px; margin: 0 auto; margin-left: -32px; margin-top: 0px; display: inline-block; position: absolute; top: 0%; left: 50%; z-index: 10; border-radius: 50px; border: 2px solid #fff; transition: all 0.6s cubic-bezier(.17, .84, .44, 1) 0s; opacity: 0; color: #fff; font-size: 40px; text-align: center; font-family: "Times New Roman", "微软雅黑"; } .projectitem:hover a::after { margin-left: -32px; margin-top: -32px; top: 50%; opacity: 1; } .projectitem a .project_info p { text-align: center; color: #fff; padding: 0 20px } .projectitem a .project_info div { position: relative; top: 50%; margin-top: -15px } .projectitem a .project_info p.title { margin-top: 10px; color: rgba(0, 0, 0, 0); font-size: 16px; transition: all ease-out .3s; } .projectitem a:hover .project_info p.title { margin-top: 0px; color: #179744; font-size: 16px } .projectitem a .project_info p.subtitle { margin-top: 16px; color: rgba(0, 0, 0, 0); font-size: 12px; transition: all ease-out .3s; } .projectitem a:hover .project_info p.subtitle { margin-top: 0px; color: #45ca37; } .projectitem a .project_info div { position: absolute; height:90px; width: 100%; bottom: -90px; margin-top: 0; top: auto; background-color:transparent; transition: all 0.3s ease-out 0s; } .projectitem a .project_info div::after { width: 32px; height: 30px; position: absolute; content: ""; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 15px; right: 0px; background: url(http://dfs.yun300.cn/group1/M00/00/54/CgI9F1ib5hqEYFKjAAAAAJcyvPg640.png); opacity: 0; } .projectitem a:hover .project_info div::after { right: 25px; background: url(http://dfs.yun300.cn/group1/M00/00/54/CgI9F1ib5hqEYFKjAAAAAJcyvPg640.png); opacity: 1; } .projectitem a .project_info p.title { margin: 0 80px 0 20px; color:#999; padding: 20px 0px 5px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "Times New Roman", "微软雅黑"; } 
   
   .projectitem a .project_info p.subtitle { margin-right: 60px; margin-top: 0; color: #6F6F6F; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-family: "Times New Roman", "微软雅黑"; font-size: 14px; } 
   
   
   

/*首页新闻资讯上边的大图片*/
#w_wbox-1515841495377{ width:100%; height:170px; padding-bottom:20px; padding-top:20px; }
#w_wbox-1515841495377 .p_wbox{ background-image:url(../imges/bannerbar.jpg); height:170px;}


/*首页新闻资讯*/
#w_wbox-1516859708971{width:1000px; height:530px;text-align:center; margin:0 auto;}
#w_wbox-1516859708971 .p_MatteIcon .iconfont:before{content:'\e602'; }
#w_wbox-1516859708971 >div{animation-fill-mode:both; }

#c_news_list-15158422227885156{width:1000px; height:390px;  text-align:left }
 #c_news_list-15158422227885156 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; }
   #c_news_list-15158422227885156 .p_CommonSummaryBoxA{text-align:center; }
   #c_news_list-15158422227885156 .p_MatteIcon .iconfont:before{content:'\e602'; }
   #c_news_list-15158422227885156 >div{animation-fill-mode:both; }

#c_news_list-15158422227885156 .p_page .pre .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }

#c_news_list-15158422227885156 .p_page .next .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
#c_news_list-15158422227885156 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
#c_news_list-15158422227885156 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }

 .c_news_list-137002 ul{ /*background:#F2F2F2;*/ } .c_news_list-137002 ul li{ height:360px; overflow: hidden; width: calc((94%)/4); display: inline-block; vertical-align: top; margin: 6px; min-width:115px; box-shadow: 0px 2px 4px #999; } .card:hover .card__subtitle{ display:none; } .c_news_list-137002 .card { -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0); transform: translateX(-50%) translateY(-50%) translateZ(0); background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; -webkit-transition: box-shadow 0.5s; transition: box-shadow 0.5s; } .c_news_list-137002 .card a { color: inherit; text-decoration: none; } .c_news_list-137002 .card__title a{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .c_news_list-137002 .card:hover { box-shadow: 0 0 50px rgba(0, 0, 0, 0.3); } .c_news_list-137002 .card__date { width: 45px; height: 45px; padding-top: 10px; border-radius: 50%; color: #fff; text-align: center; font-weight: 700; line-height: 13px; } .c_news_list-137002 .card__date__day { font-size: 14px; } .c_news_list-137002 .e_ContentMajorStyleBox-001 .card__date__month { text-transform: uppercase; font-size: 10px; } .c_news_list-137002 .card__thumb { max-height: 210px; overflow: hidden; background-color: #000; -webkit-transition: height 0.5s; transition: height 0.5s; } .c_news_list-137002 .card__thumb img { display: block; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s; width: 100%; height: 184px; } .c_news_list-137002 .card:hover .card__thumb { height: 130px; } .c_news_list-137002 .card:hover .card__thumb img { opacity: 0.6; -webkit-transform: scale(1.2); transform: scale(1.2); } 
 
 .c_news_list-137002 .card__body { height:105px; padding: 20px; -webkit-transition: height 0.5s; transition: height 0.5s; } 
 .c_news_list-137002 .card:hover .card__body { height: 193px; }
  .c_news_list-137002 .card__category { height: 25px; padding: 0 15px; background-color: coral; color: #fff; text-transform: uppercase; font-size: 11px; line-height: 25px; } .c_news_list-137002 .card__title { margin: 0; padding: 0 0 10px 0; color: #000; font-size: 22px; font-weight: bold; text-transform: uppercase; } 
  .c_news_list-137002 .card__subtitle { margin: 0; padding: 0 0 10px 0; font-size: 19px; color: #179744; }
   .c_news_list-137002 .card__description { bottom: 56px; margin: 0; padding: 0; color: #666C74; line-height: 27px; opacity: 0; -webkit-transform: translateY(45px); transform: translateY(45px); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s; -webkit-transition-delay: 0s; transition-delay: 0s; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; -moz-box-orient:vertical; -moz-line-clamp:3; } 
   .c_news_list-137002 .card:hover .card__description { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
  .c_news_list-137002 .card__footer { font-size: 11px; color: #A3A9A2; padding-left: 20px; padding-bottom: 18px; padding-right: 20px; }
   .c_news_list-137002 .icon { display: inline-block; vertical-align: middle; margin: -2px 0 0 2px; font-size: 12px; } 
   .c_news_list-137002 .icon + .icon { padding-left: 10px; } 
   .c_news_list-137002 .card { transform: translateX(0%) translateY(0%) translateZ(0); width: 100%; background-color: #fff; box-shadow:0 0 20px rgba(black,0.1); overflow:hidden; } 
   .c_news_list-137002 .card:hover{ box-shadow:0 0 50px rgba(black,0.3); } 
   .c_news_list-137002 .card:hover .card__thumb img{ opacity: 0.6; transform: scale(1.2); }
    .c_news_list-137002 .card__title{ margin: 0; padding: 0 0 10px 0; color: #000; font-size: 16px; font-weight: bold; text-transform: uppercase; height: 56px; line-height: 24px; overflow: hidden; } .c_news_list-137002 .card__subtitle{ margin: 0; padding: 0 0 10px 0; font-size: 19px; } 
	.c_news_list-137002.card__footer{ position: absolute; bottom: 12px; left: 20px; right: 20px; font-size: 11px; color:#A3A9A2; }
	 .c_news_list-137002 .e_pagebox { width: auto; height: auto; clear: both; float: right; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; position: relative; } .c_news_list-137002 .p_page .pre { display: inline-table; float: left; margin-left: 18px; margin-right: 5px; } .c_news_list-137002 .p_page .pageNum { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 30px; } .c_news_list-137002 .p_page .next { display: inline-table; float: left; } .c_news_list-137002 .p_page .PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .c_news_list-137002 .p_page .p_PageInterval { display: inline-block; position: static; float: left; margin-right: 5px; line-height: 38px; font-size: 12px; } .c_news_list-137002 .p_page .pre:after { content: ""; display: none; position: absolute; top: 5px; left: -14px; width: 27px; height: 27px; background-color: rgba(242, 242, 242, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_news_list-137002 .p_page .pre:hover:after { top: 4px; left: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_news_list-137002 .p_page .pre:active:after { top: 8px; left: -12px; width: 28px; height: 25px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -moz-box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); box-shadow: 0 3px 0px rgba(90, 90, 90, 0.8); -webkit-transform: rotate(-226deg); -moz-transform: rotate(-226deg); -o-transform: rotate(-226deg); -ms-transform: rotate(-226deg); transform: rotate(-226deg); z-index: -1; } .c_news_list-137002 .p_page .pre { height: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .c_news_list-137002 .p_page .pre:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .c_news_list-137002 .p_page .pre:active { background-color: rgba(90, 170, 167, 1); } .c_news_list-137002 .p_page .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .c_news_list-137002 .p_page .pre:hover .iconfont { color: rgba(255,255,255,1); } .c_news_list-137002 .p_page .pre:active .iconfont { color: rgba(255,255,255,1); } .c_news_list-137002 .p_page .pre .iconfont:before {content: "";margin-right: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_news_list-137002 .p_page .next:after { content: ""; display: none; position: absolute; top: 5px; right: -14px; width: 27px; height: 27px; background-color: rgba(101, 190, 186, 1); font-size: 0; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: -1; } .c_news_list-137002 .p_page .next:hover:after { top: 5px; right: -12px; background-color: rgba(101, 190, 186, 1); border-radius: 4px 0 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); z-index: -1; width: 26px; height: 26px; } .c_news_list-137002 .p_page .next:active:after { top: 8px; right: -12px; width: 27px; height: 24px; background-color: rgba(90, 170, 167, 1); border-radius: 0 3px 0 0; -webkit-box-shadow: 0 3px 0px #777; -moz-box-shadow: 0 3px 0px #777; box-shadow: 0 3px 0px #777; -webkit-transform: rotate(226deg); -moz-transform: rotate(226deg); -o-transform: rotate(226deg); -ms-transform: rotate(226deg); transform: rotate(226deg); z-index: -1; } .c_news_list-137002 .p_page .next { height: 30px; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101, 190, 186, 1); text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: relative; left: 0; top: 0; } .c_news_list-137002 .p_page .next:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); cursor: pointer; } .c_news_list-137002 .p_page .next:active { background-color: rgba(90, 170, 167, 1); } .c_news_list-137002 .p_page .next .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; } .c_news_list-137002 .p_page .next:hover .iconfont { color: rgba(255,255,255,1); } .c_news_list-137002 .p_page .next:active .iconfont { color: rgba(255,255,255,1); } .c_news_list-137002 .p_page .next .iconfont:before {content: "";margin-top: 3px;float: right;margin-left: 5px;shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_news_list-137002 .p_page .pageNum { position: absolute; background-size: 100% 100%; color: inherit; cursor: pointer; display: table; font-family: inherit; font-size: 14px; font-weight: inherit; height: inherit; text-decoration: none; width: inherit; } .c_news_list-137002 .p_page .pageNum { height: 30px; width: 30px; color: rgba(102, 102, 102, 1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(242, 242, 242, 1); text-align: center; position: relative; } .c_news_list-137002 .p_page .pageNum:hover { color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); cursor: pointer; text-decoration: none; background-color: rgba(101,190,186,1); } .c_news_list-137002 .p_page .pageNum:active { text-decoration: none; background-color: rgba(90, 170, 167, 1); } .c_news_list-137002 .p_page .pageNum.active { text-decoration: none; background-color: rgba(90, 170, 167, 1); color: rgba(255,255,255,1); } .c_news_list-137002 .p_page .pageNum .font { display: table-cell; vertical-align: middle; bottom: 0; } .c_news_list-137002 .p_page .pageNum .iconfont { display: inline; color: rgba(255,255,255,1); vertical-align: middle; } .c_news_list-137002 .p_page .pageNum:hover .iconfont { color: rgba(255,255,255,1); } .c_news_list-137002 .p_page .pageNum:active .iconfont { color: rgba(255,255,255,1); } .c_news_list-137002 .p_page .pageNum .iconfont:before { content: ""; } .c_news_list-137002 .p_page .PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .c_news_list-137002 .p_page .p_PageInterval { line-height: 30px; cursor: text; color: rgba(102,102,102,1); } .c_news_list-137002 .p_OccupyBox { margin: 0; width: auto; height: auto; padding: 0; border: none; overflow: hidden; } .c_news_list-137002 .clear { clear: both; } .card__body:hover .card__subtitle{ display:none; } .c_news_list-137002 .p_articles{margin:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .c_news_list-137002 .p_CommonSummaryBoxA{text-align:center; } .c_news_list-137002 .p_MatteIcon .iconfont:before{content:'\e602'; } .c_news_list-137002 >div{animation-fill-mode:both; } .c_news_list-137002 .p_loading .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } .c_news_list-137002 .p_more .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 /*首页新闻资讯END*/
 


#w_hline-1515839145102{ position:absolute; top:213.5px; left:358px; z-index:3; width:43px; height:13px; }
#w_common_text-1515840149903{ width:1000px; height:92px; text-align:center; }


/*首页企业文化头*/
#w_common_text-1515838828611{ width:1000px; height:430px; text-align:center; margin:0 auto; padding-top:20px; padding-bottom:20px;}
#w_common_text-1515838828611 .nr{ height:84px; text-align:center; }
/*首页企业文化左*/
#w_common_text-1515839031449{ width:420px; height:281px; float:left; text-align:left; padding-top:5px;}
#w_img-1515839588855{ width:124px; height:124px; float:left }
#w_img-1515839624402{width:124px; height:124px; }
#w_img-1515839630640{ width:124px; height:124px; float:right }




/*首页企业文化右*/

   #c_ebizads_banner-15158391534057948{  width:500px; height:320px;  float:right}
   
  .box_skitter { position: relative; width: 100%; height: 100%; background: #000; } .box_skitter img { max-width: none; } .box_skitter ul { display: none; } .box_skitter .container_skitter { overflow: hidden; position: relative; } .box_skitter .image { overflow: hidden; } .box_skitter .image img { display: none; width: 100%; } .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; } .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; } .box_skitter .prev_button { position: absolute; top: 50%; left: 0px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .next_button { position: absolute; top: 50%; right: 0px; z-index: 152; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .prev_button:hover, .box_skitter .next_button:hover { opacity: 0.5 !important; } .box_skitter .info_slide { position: absolute; top: 15px; left: 15px; z-index: 100; background: #000; color: #fff; font: bold 11px arial; padding: 5px 0 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; opacity: 0.75; } .box_skitter .info_slide .image_number { background: #333; float: left; padding: 2px 10px; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .info_slide .image_number:hover { background: #000; } .box_skitter .info_slide .image_number_select, .box_skitter .info_slide .image_number_select:hover { background: #cc3333; float: left; padding: 2px 10px; margin: 0 5px 0 0; } .box_skitter .container_thumbs { position: relative; overflow: hidden; height: 50px; } .box_skitter .info_slide_thumb { height: 50px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; overflow: hidden; top: auto; top: 0; left: 0; padding: 0 !important; opacity: 1.0; } .box_skitter .info_slide_thumb .image_number { overflow: hidden; width: 100px; height: 50px; position: relative; margin: 0 !important; padding: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } .box_skitter .info_slide_thumb .image_number img { position: absolute; top: -30px; left: -30px; height: 100px; } .box_skitter .box_scroll_thumbs { padding: 0; } .box_skitter .box_scroll_thumbs .scroll_thumbs { position: absolute; bottom: 60px; left: 50px; background: #ccc; background: -moz-linear-gradient(-90deg, #555, #fff); background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff)); width: 200px; height: 10px; overflow: hidden; text-indent: -9999em; z-index: 101; cursor: pointer; border: 0px solid #333; } .box_skitter .info_slide_dots { position: absolute; bottom: -40px; z-index: 151; padding: 5px 0 5px 5px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } .box_skitter .info_slide_dots .image_number { background: #333; float: left; margin: 0 5px 0 0; cursor: pointer; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; width: 18px; height: 18px; text-indent: -9999em; overflow: hidden; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .info_slide_dots .image_number:hover { background: #000; } .box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover { background: #cc3333; float: left; margin: 0 5px 0 0; } .loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(http://dfs.yun300.cn/group1/M00/00/71/CgI9FlhP-fCERbvjAAAAAOLPoJY201.gif) no-repeat left top; width: 32px; height: 32px; } .box_skitter .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; display: none; } .box_skitter .label_skitter { z-index: 150; position: absolute; bottom: 0px; left: 0px; color: #fff; display: none; background: rgba(0,0,0,.5); } .box_skitter .label_skitter p { padding: 10px; margin: 0; font: normal 14px arial,tahoma; } .box_skitter .progressbar { background: #000; position: absolute; top: 5px; left: 15px; height: 5px; width: 200px; z-index: 99; border-radius: 20px; } .box_skitter .preview_slide { display: none; position: absolute; z-index: 152; bottom: 30px; left: -40px; width: 100px; height: 100px; background: #fff; border: 1px solid #222; -moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; box-shadow: rgba(0,0,0,0.7) 2px 2px 5px; overflow: hidden; } .box_skitter .preview_slide ul { height: 100px !important; overflow: hidden !important; margin: 0 !important; list-style: none !important; display: block !important; position: absolute !important; top: 0; left: 0; } .box_skitter .preview_slide ul li { width: 100px !important; height: 100px !important; overflow: hidden !important; float: left !important; margin: 0 !important; padding: 0 !important; position: relative !important; display: block !important; } .box_skitter .preview_slide ul li img { position: absolute !important; top: 0 !important; left: 0 !important; height: 150px !important; width: auto !important; } #overlay_skitter { position: absolute; top: 0; left: 0; width: 100%; z-index: 9998; opacity: 1; background: #000; } .box_skitter .focus_button { position: absolute; top: 50%; z-index: 100; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .play_pause_button { position: absolute; top: 50%; z-index: 151; width: 42px; height: 42px; overflow: hidden; text-indent: -9999em; margin-top: -25px; opacity: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } .box_skitter .play_pause_button.play_button { } .box_skitter .play_pause_button:hover { opacity: 0.5 !important; } .box_skitter .focus_button:hover { opacity: 0.5 !important; } 
  
  .box_skitter_large { width: 100%; height: 100%; } .box_skitter_small { width: 200px; height: 100px; } .box_skitter .focus_button, .box_skitter .next_button, .box_skitter .prev_button, .box_skitter .play_pause_button { display: block; background: url('../images/sprite-default.png') no-repeat; } .box_skitter .next_button { background-position: -0px -42px; width: 42px; height: 42px; } .box_skitter .prev_button { background-position: -42px -42px; width: 42px; height: 42px; } .box_skitter .play_pause_button { background-position: -0px -0px; width: 42px; height: 42px; } .box_skitter .play_pause_button.play_button { background-position: -0px -84px; width: 42px; height: 42px; } 
  .box_skitter .focus_button { background-position: -42px -0px; width: 42px; height: 42px; }
   .skitter-clean .prev_button, .skitter-clean .next_button, .skitter-clean .play_pause_button, .skitter-clean .focus_button { display: block; background: url('../imges/leftright.png') no-repeat; }
    .skitter-clean .prev_button { background-position: 0px 0px; width: 47px; height: 46px; } .skitter-clean .next_button { background-position: 0px -46px; width: 47px; height: 46px; } 
	.skitter-clean .play_pause_button { background-position: -0px -133px; width: 41px; height: 41px; } .skitter-clean .play_pause_button.play_button { background-position: -0px -92px; width: 41px; height: 41px; } .skitter-clean .focus_button { background-position: -0px -174px; width: 41px; height: 41px; } .skitter-clean .info_slide { background: transparent; } .skitter-clean .info_slide .image_number { background: #fff; box-shadow: rgba(0,0,0,0.2) 1px 1px 0; font-size: 12px; font-weight: normal; color:#333; } .skitter-clean .info_slide .image_number:hover { background: #ccc; } .skitter-clean .info_slide .image_number_select, .skitter-clean .info_slide .image_number_select:hover { background: #fff; color:#fff; } .skitter-clean .info_slide_dots { bottom: 10px; right: 0; left: inherit !important; } .skitter-clean .info_slide_dots .image_number { width: 12px; height: 12px; background: #fff; } .skitter-clean .info_slide_dots .image_number:hover { background: #ccc; } .skitter-clean .info_slide_dots .image_number_select, .skitter-clean .info_slide_dots .image_number_select:hover { background: #dd1119; }
	 .skitter-clean .progressbar { top: 5px; left: 5px; background: #fff; box-shadow: rgba(0,0,0,0.5) 1px 1px 0; }
	 



/*首页企业文化右结束*/   
   
   
.reset_style{font-family:Microsoft Yahei,Arial,Verdana,sans-serif;color:#707070;line-height:normal;word-wrap:break-word;word-break:break-all;font-size:12px}
.reset_style h1{font-weight:bold;font-size:24px;margin:0}
.reset_style h2{font-weight:bold;font-size:18px;margin:0}
.reset_style h3{font-weight:bold;font-size:19px;margin:0}
.reset_style h4{font-weight:bold;font-size:16px;margin:0}
.reset_style h5{font-weight:bold;font-size:13px;margin:0}
.reset_style h6{font-weight:bold;font-size:11px;margin:0}
.reset_style p{font-size:12px}
.reset_style>span{font-size:12px}
.reset_style a,.resetHtmlCssStyle .reset_style a{text-decoration:none!important;color:#00E}
.reset_style em{font-style:italic}
.reset_style ul,.reset_style ol{padding-left:20px;padding-right:20px}
.reset_style ul,.resetHtmlCssStyle .reset_style ul{list-style:disc outside none}
.reset_style ol,.resetHtmlCssStyle .reset_style ol{list-style:decimal outside none}
.reset_style li{display:list-item;list-style-type:inherit}
.w_img-001 .p_dimage{height:100%\9\0!important}




/*--搜索区*/

#w_rbox-1515835606662{ width:240px; height:36px; float:right; padding-right:10px; padding-top:10px;}/*联系电话*//*返回首页*/

.soCont{background:url("../imges/soBg.jpg") repeat-x center top;}
.so{width:220px; margin:0 auto; height:26px; line-height:26px; padding:5px 10px; background-color:#fff;}
.soBox{width:221px; float:left;}
.so .soText{width:176px; height:14px; line-height:14px; padding:4px 0; border:1px solid #0c4da2; background:#fff; text-indent:2em; outline:none; float:left;}
.so .soBtn{width:43px; height:24px; border:none; background:url("../imges/soBtn.jpg"); float:right;}
.so .soSpan{float:left; margin-left:17px;}
.so .soSpan em{font-weight:bold; color:#7e7e7e;}
.so a{margin:0 5px;}
.so b{font-weight:normal}