@charset "utf-8";
/********* Reset *******************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
ul li { list-style-type:none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; }
table, td, th { vertical-align: middle; }
a img { border: none; }
em { font-style:normal; }
/* -- End - Reset --*/
.left { float:left; width:auto; }
.right { float:right; width:auto; }
body { font:12px/23px "宋体", "微软雅黑", Arial; color:#666;}
a, a:link, a:active, a:visited { color:#666; text-decoration: none; }
a:hover { color:#318A0F; text-decoration:underline; }
a.green:link,a.green:visited,a.green:hover{color:#318A0F;}
a.green:hover{ text-decoration:underline}
.clear { visibility: hidden; display: block; font-size:0; height:0; line-height:0; clear: both; }

/*commen*/
#header,#main,#footer{ width:1000px; margin:0 auto;}
#header .banner{ width:1000px; height:337px; background:url("../images/banner.jpg") no-repeat;}
#header ul{ height:36px; font:bold 14px/36px "宋体"; color:#fff; background:url("../images/menu_bg.gif") repeat-x; padding:0 15px;}
#header ul li{ float:left;background:url("../images/menu_line.gif") no-repeat right bottom; }
#header ul li a:link,#header ul li a:visited{ height:36px; font:bold 14px/36px "宋体"; color:#fff; padding:0 18px 0px 17px; display:inline-block;}
#header ul li a:hover{ text-decoration:none;color:#318A0F;}
#main{width:1000px; margin:0 auto; background:url("../images/body_bg.gif") repeat-x left top #e1fdfe; overflow:hidden}
#header{ width:1000px; margin:0 auto;}
#main .in-wrap{ padding:20px 15px 57px; width:970px; background:url("../images/footer_img.png") no-repeat left bottom;}
.left-wrap{ width:256px; float:left;}
.right-wrap{/* width:696px; */float:right; }
.m_right-wrap{width:256px;  float:right; }
.m_c-wrap{ float:left; margin-left:20px; width:396px;}
.m_c-wrap .dt{ width:396px;}
.center{ text-align:center; margin:0 auto;}
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.ml10{ margin-left:10px;}
/*box*/
.box{ border:1px #64afbf solid; background-color:#fff; width:237px; padding:13px 10px; position:relative;border-radius:3px;height:auto!important; height:50px; min-height:50px;-moz-border-radius:5px; }
/*.box .t_l{ position:absolute; background:url("../images/box_t_l.gif") no-repeat left top; width:5px; height:6px; left:0; top:0;}
.box .t_r{ position:absolute; background:url("../images/box_t_r.gif") no-repeat right top; width:5px; height:6px; right:0; top:0;}
.box .b_l{ position:absolute; background:url("../images/box_b_l.gif") no-repeat left bottom; width:5px; height:7px; left:0; bottom:0;}
.box .b_r{ position:absolute; background:url("../images/box_b_r.gif") no-repeat right bottom; width:5px; height:7px; right:0; bottom:0;}*/

.box .l_t_img{ width:209px; height:28px; background:url("../images/l_t_img.png") no-repeat; position:absolute; left:-16px; top:-17px;_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/l_t_img.png', sizingMethod='scale');}
.title{ background:url("../images/arrow1.gif") no-repeat 6px 3px; height:24px; font:bold 14px "宋体"; color:#318A0F; border-bottom:1px #d9dee2 solid; padding-left:17px; margin-bottom:9px;}
.title span{ float:left}
.title .xq{ float:right;font-size:12px;color:#999;  font-weight:normal}
.title .xq a:link,.title .xq a:visited,.title .xq a:hover{ font-size:12px; color:#318A0F; font-weight:normal}
.title .more{ float:right}
.title .more a:link,.title .more a:visited,.title .more a:hover{ font-size:12px;color:#000; font-weight:normal; margin-right:5px;}
.title .more a:hover{ color:#318A0F;}
.jd,.about{background:url("../images/img1.jpg") no-repeat; width:233px; height:75px;}
.about{background:url("../images/img5.gif") no-repeat;}
p.company{ margin-top:10px;background:url("../images/img_bg.gif") no-repeat right bottom; padding-bottom:27px}
p.about-company{ margin-top:10px; }
p.about-company a:link,p.about-company a:visited,p.about-company a:hover{color:#318A0F; text-decoration:underline}
p.company a:link,p.company a:visited,p.company a:hover{ text-decoration:underline;color:#318A0F;}
.map{ width:235px; height:83px; border:1px #ccc solid;background:url("../images/map.gif") no-repeat}
.title .tel{ float:right; width:123px; height:17px; background:url("../images/tel.gif") no-repeat}
.search{background:url("../images/search_bg.gif") no-repeat left top; width:234px; height:28px;  }
.search .input{ height:22px; font:12px/22px "宋体"; color:#ccc; margin:2px 0 0 13px; width:185px; border:0; float:left}
.search .btn{ float:right;background:url("../images/search_btn.gif") no-repeat;width:31px;height:28px;border:0;cursor:pointer;}
.search.home{ width:372px; margin-bottom:30px;}
.box .r_t_img{ width:277px; height:29px; background:url("../images/r_t_img.png") no-repeat; position:absolute; left:5px; top:-17px;_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/r_t_img.png', sizingMethod='scale');}
.box .r_r_img{ width:100px; height:25px; background:url("../images/r_r_img.png") no-repeat; position:absolute; right:-4px; top:-17px;_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/r_r_img.png', sizingMethod='scale');}
.w660{ width:660px;}
.path{ background:url(../images/arrow2.gif) no-repeat 0 6px;color:#318A0F; padding-left:25px; margin-bottom:27px;}
.path.news{ margin-bottom:18px;}
.path a:link,.path a:visited,.path a:hover{color:#318A0F;}
.box.r_p{ padding:20px;}
ul.img_list li{ margin-bottom:10px; height:0!important; height:135px; min-height:135px;}
ul.img_list li img{ width:187px; height:130px; border:1px #ccc solid; float:left; margin-right:20px;}
ul.img_list li .main-wrap{ width:440px; float:left;}
ul.img_list li .main-wrap .list_title{ width:410px; height:26px; background:url(../images/title_bg.gif) no-repeat; padding-left:30px; font:14px/26px "宋体"; color:#fff; margin-bottom:10px;}
ul.img_list li .main-wrap .list_title span{ float:left;}
ul.img_list li .main-wrap p{ padding-left:10px;}
.list_title .details{ float:right; margin-right:20px; font-size:12px;}
.list_title .details a:link,.list_title .details a:visited,.list_title .details a:hover{ color:#fff}
.list_title .details a:hover{ text-decoration:underline}

/*page*/
#page { padding:20px 0;text-align: right;}
#page span a:link, #page span a:visited, #page span a:hover { border:1px #ccc solid; width:18px; height:18px; line-height:18px; float:left; margin-left:6px; text-align:center; color:#00349a; }
#page span.cur a:link, #page span.cur a:visited, #page span.cur a:hover { background-color:#ffe7e1; border:1px #cc0000 solid; }
#page span a:hover { text-decoration:none }
#page div { float:left; margin-lef:6px; }
#page div.go{ color:#000;} 
#page span.next a:link, #page span.next a:visited, #page span.next a:hover { background:url(../images/red-right.gif) no-repeat 52px 5px; padding-right:13px; width:54px; }
#page .input { width:28px; height:16px; border:1px #ccc solid; float:left; margin-left:6px; }
#page .sure{ width:44px; height:20px; float:left; margin-left:6px;}

/*footer*/
#footer{ background:url("../images/footer_bg.gif") repeat-x; height:75px;}
#footer div{background:url("../images/footer_logo.gif") no-repeat;padding:20px 0 0 270px;height:55px; line-height:18px; font:12px/20px Verdana; color:#ABA8A7;}
#footer div a{color:#ABA8A7;}
/*news*/
ul.news_list li{ height:25px; border-bottom:1px #999 dashed; background:url(../images/arrow3.gif) no-repeat 12px 7px; padding-left:25px; margin-top:5px;}
ul.news_list li a:link,ul.news_list li a:visited,ul.news_list li a:hover{ float:left; color:#616161;}
ul.news_list li a:hover{ float:left; color:#318A0F; text-decoration:none;}
ul.news_list li span{ float:right; margin-right:8px;}
.r_title{ font:bold 22px "宋体"; color:#355CB0; text-align:center; padding-bottom:20px; border-bottom:1px #d8d8d8 solid;margin-bottom:15px;}
.r_title div{font: normal 12px "宋体"; color:#999; margin-top:15px;}
.sum{border-bottom:1px solid #CDCDCD;color:#336699;padding-bottom:10px}

#articeBottom{text-align:right;margin-top:20px;}
.news_content .news_img{ text-align:center}
.news_content p{ font-size:14px; color:#616161; text-indent:24px; margin-top:35px; padding:0 10px; line-height:25px;}
.content .btn{ margin-top:50px; text-align:right; padding-right:10px;}
.content .btn a{ margin-left:15px;}

	
/*home*/
ul.hy li{padding-bottom:10px;}
ul.hy li .img{ float:left; border:3px #f1f1f1 solid; padding:1px; width:129px; height:70px;}
ul.hy li .r_wrap{ width:90px; float:right;text-indent:10px; background:url(../images/arrow4.gif) no-repeat 0 9px;}
ul.hy li .r_wrap a:link,ul.hy li .r_wrap a:visited,ul.hy li .r_wrap a:hover{color:#318A0F;}
.active{ margin-top:15px;}
.active img{ width:121px; height:91px; border:3px #f1f1f1 solid; padding:1px; float:left}
.active .r_wrap{ float:right; width:235px; margin-right:10px;}
.active .r_wrap h2{ background:url("../images/arrow5.gif") no-repeat 0 0; padding-left:12px; color:#009900; font: normal 14px "宋体"; margin-top:5px;}
.active .r_wrap h2 a:link,.active .r_wrap h2 a:visited,.active .r_wrap h2 a:hover{color:#009900;}
.active .r_wrap h2 a:hover{ text-decoration:underline}
.active .r_wrap p{ margin-top:10px; color:#999;}
ul.active_list{ margin:10px 10px 20px;}
ul.active_list li{ background:url("../images/dian.gif") no-repeat 0 9px; padding-left:9px; border-bottom:0; margin-top:0; line-height:23px;}
ul.product_list li{ float:left; width:185px; margin-top:10px; margin-right:10px;}
ul.product_list li img{ border:1px #e3e3e3 solid; float:left;}
ul.product_list li .r_wrap{ width:72px; float:right}
ul.product_list li .r_wrap h3{ background:url(../images/arrow4.gif) no-repeat 0 5px; padding-left:10px; color:#318A0F; font: normal 12px "宋体";}
ul.product_list li .r_wrap h3 a:link,ul.product_list li .r_wrap h3 a:visited,ul.product_list li .r_wrap h3 a:hover{color:#318A0F; font: normal 12px "宋体";}
ul.product_list li .r_wrap div{ margin-left:10px; color:#999}
ul.product_list li .r_wrap .btn{ border:0; width:24px; height:9px; margin-top:0px; float:right; margin-right:3px;}

#videoList  {margin:0; padding:0; list-style:none; font-size:14px;font-weight:600}
#videoList li{ width:300px;text-align:center; float:left; margin:25px 14px 20px 14px;display:inline;}
#videoList li img,#templateView li img,#proList li img{ padding:1px; background-color:#fff; border:1px solid #ccc;}
#videoList li p{ text-align:center; border:0; margin:5px 0 10px 0;}


#playerDIV,#templateView{ margin-top:10px;}
#playerDIV li{ line-height:2.0;}
#playerDIV p{ color:#666; margin:0; padding:10px 0;}



#slider-wrapper {width:1000px;height:337px; margin:0 auto;}
#slider {position:relative;width:1000px; height:337px;background:url(../images/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;display:block;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}