@charset "utf-8";
/* CSS Document */
body, div, address, blockquote, iframe,datalist,footer,header,nav,time, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea {margin:0; padding:0; font-weight: normal;font-style: normal;font-size: 100%; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video 
{ display: block;margin: 0; padding: 0;}/* 重置 HTML5 元素 */
table{ border-collapse:collapse;}
ol, ul ,li{list-style: none;}
img {border: 0; margin:0; padding:0;}
body {text-align:left; font-size:14px; overflow-x:hidden;}
a,em{ text-decoration:none; font-style:normal; color:#333333}
.clear{ clear:both;}
img{ max-width:100%;}


/*->主体框架类
*********************/
.box{ width:1200px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}

/*->LESS 动态变量
*********************/
@color: #f00;


/*->网站标题
*********************/
.index_title{}
.zy_title{}

/*->宽度
*********************/
.wd_10{ width:10px;}

/*->间距填充
*********************/
.hg_10{ height:10px; clear:both;}
.hg_20{ height:20px; clear:both;}


/*->字体样式
*********************/
.font_1{}

/*->Header 头部
*********************/
#header{ height:100px; background:#FFF; }
.log{ padding-top:14px; width:210px; float:left; text-align:center; margin-top:10px;}
.search{ width:165px; padding:0 8px; height:30px; line-height:30px; border:#CCC solid 1px; border-radius:15px; position:absolute; top:1px; left:-152px; display:none; z-index:5}

/*->Nav 导航
*********************/
#Nav{  height:110px; float:left; margin-left:10px}
/*#Nav li{ width:80px; height:107px; float:left; margin:0 8px; display:block;text-align:center; line-height:8px;cursor:pointer;   }
#Nav li:hover{ border-bottom:#71b635 solid 3px;  }
#Nav li:hover a{color:#71b635}
#Nav li a{ color:#333333; font-size:15px;}
#Nav li a>p{ padding-top:45px; display:block}
#Nav li a>span{ color:#405b06; font-size:11px;}*/
.nav_right{ float:right; margin-top:45px; position:relative;}
.nav_right i{ color:#FFF}
.nav_right_a1{ width:35px; height:35px; line-height:35px; text-align:center; background:#eeeeee; border-radius:50%; display:block; float:right; cursor:pointer}
.nav_right_a1 i{ color:#3b3b3b; font-size:16px;}
.nav_right_a2{ width:35px; height:35px; line-height:35px; text-align:center; background:#71b635; border-radius:50%; display:block; float:right; cursor:pointer}
.nav_right_a3{ width:35px; height:35px; line-height:35px; text-align:center; background:#0065b3; border-radius:50%; display:block; float:right}
.nav_right a{ margin-left:10px; position:relative; z-index:6}
/*->SubNav 侧导航
*********************/
#subNav{}
#subNav li{}
#subNav li a{}

/*Banner*/
 

/*->网站首页样式类
*********************/
.index_aout{  width:1200px; margin:0 auto;margin-top:46px;}
.index_aout_s{ color:#dddddd; font-size:22px;}
.index_aout_h{ font-size:18px; color:#000; font-weight:bold; padding:10px 0 6px 0}
.index_aout_l{ width:675px; float:left}
.index_aout_r{ width:502px; float:right}
.index_aout_c{ height:210px; overflow:hidden}

.video{ width:500px; height:300px; overflow:hidden}
.video_t{ height:44px; line-height:36px; width:100%; background:url(../images/sp_xt.jpg) no-repeat 0 40px; margin-top:20px;}
.video_t p{ width:27px; height:3px; background:#0066cb}
.video_t h1{ font-size:15px; font-weight:bold}
.more{ width:150px; height:46px; line-height:46px; background:url(../images/more.png) no-repeat center; border:#eeeeee solid 1px; display:block; transition:all 0.2s}
.more:hover{background:url(../images/more_hover.png) no-repeat center; }

.index_new{ width:100%; margin-top:13px;}
.index_new_tl{ float:left}
.index_new_tr{ float:right; margin-top:10px;}

.index_new_c{ margin-top:18px;}
.index_new_cl{ float:left; position:relative; width:552px; height:348px;}
.index_new_cr{ float:right}
.index_new_img_t{ position:absolute; width:314px; padding:24px; height:58px; background:rgba(255,255,255,0.9); bottom:28px; left:0}
.index_new_img_t h1{ color:#000000; font-size:16px;}
.index_new_img_t span{ color:#5d5d5d; font-size:12px; padding-top:8px; display:block}
.index_new_img_tm{ width:17px; height:17px; text-align:center;  background:#f30800; color:#FFF; position:absolute; right:-9px; top:25px;}
.index_new_cr{ width:630px; float:right;}
.index_new_cr li{ height:48px; line-height:48px; background:#f5f5f5; transition:all .2s; margin-bottom:2px; }
.index_new_cr a>li>span{ float:left; padding:0 20px 0 26px;color:#333333}
.index_new_cr a>li>img{ float:left; padding-top:10px;}
.index_new_cr a>li>p{ float:left; width:460px; color:#000; overflow:hidden;text-overflow:ellipsis; display:block; white-space:nowrap; margin-left:15px}
.index_new_cr li:hover{ background:#0065b3}
.index_new_cr li:hover p{ color:#FFF!important; }
.index_new_cr li:hover span{ color:#FFF!important; }

.index_yw{ margin-top:38px;}
.index_yw_list{ margin-top:24px;}
.index_yw_list li{ width:234px; height:225px; border:#efefef solid 1px; float:left; text-align:center; margin-right:5px; transition:all .2s; position:relative; z-index:2}
.index_yw_list li div{ width:100%; height:158px; overflow:hidden;}
.index_yw_list li a{ display:block; height:66px; line-height:66px; transition:all .2s}
.index_yw_list li p{ background:rgba(0,101,179,0.4); position:absolute; width:100%; height:158px; line-height:158px; top:0; z-index:5; opacity:0; transition:all .2s;}
.index_yw_list li:hover a{background:#71b635; color:#FFF}
.index_yw_list li:hover p{ opacity:1}

.index_yw_list li img{ transition:all 1s;}
.index_yw_list li:hover div img{transform: scale(0.6,0.6);
-ms-transform: scale(1.2,1.2);	/* IE 9 */
-webkit-transform: scale(1.2,1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2,1.2);	/* Opera */
-moz-transform: scale(1.2,1.2);	/* Firefox */}



/*->网站二级页样式类
	
*********************/
.about_po{ width:1200px; margin:0 auto; margin-top:20px;}
.about_position_l{ width:260px;  position:relative; float:left}
.about_position_l>p span{ font-size:18px; color:#ffffff; padding:0 0 0 22px;}
.about_position_l>p a{font-size:22px; color:#FFF; font-weight:bold; display:block;padding:0 0 0 22px;}
.about_position_l>p{ background:#71b635; padding:10px 0; width:100%; display:block; height:60px; }
.about_position_l>ul{ background:#eeeeee}
.about_position_l>ul a{ display:block; height:48px; line-height:48px; border-bottom:#FFF 1px solid; transition:all .3s}
.about_position_l>ul a dt{ float:left; padding-left:36px; color:#000000}
.about_position_l>ul a dd{ float:right; padding-right:26px;}
.about_position_l>ul a:hover{ background:#0065b3; color:#FFF!important}
.about_position_l>ul a:hover dt{color:#FFF!important}

.contact{ margin-top:20px; background:#eeeeee}
.contact dl{ background:#71b635; line-height:56px; height:56px;}
.contact dl dt{ font-size:20px; float:left; padding-left:22px;  color:#FFF; font-weight:bold}
.contact dl dd{ float:left; color:#FFF; padding-left:10px;; font-size:16px;}
.contact ul li{ height:48px; padding:0 22px; line-height:48px;border-bottom:#FFF 1px solid;}
.contact ul li i{ font-size:24px; color:#bbbbbb; padding:0 15px 0 0}
.contact ul li a{ color:#ff0000; font-size:18px;}
.contact_addr{ display:block; float:left; width:185px; padding:12px 0 0 0;}
.contact ul{ text-align:left}
.contact ul img{ padding:22px 0; margin:0 auto; display:block}

.about_position_r{ width:900px; float:right}
.about_position_r>p{ display:block; height:40px; line-height:40px; border-bottom:#eeeeee solid 1px; color:#999999}
.about_position_r>p a{ color:#999999}
.about_position_r>p span{ color:#555555}
.cont{ padding:20px 0}
.nav_list_hover{ background:#0065b3}
.nav_list_hover dt,.nav_list_hover dd{color:#FFF!important}

.about_bg_l{ width:12%; position:absolute; left:0; top:20%; z-index:10}
.about_bg_l img{ width:100%}
.about_bg_r{ width:10%; position:absolute; right:0; top:30%;z-index:10}
.about_bg_r img{ width:100%}

.news_list{}
.news_list li{ width:96%; height:134px; padding:10px 15px ;display:block; float:left; margin:7px 0; transition:all .5s; border-bottom:#eeeeee solid 1px;}
.news_list li:hover{ background-color:#f6f6f6;}
.news_list li:hover .news_list_more{ background:#0065b3; color:#FFF!important}
.news_list li:hover span{ color:#9dd526!important}
.news_list li:hover p{ color:#888888!important}
.news_list li>img{ width:207px; height:130px;float:left; }
.news_list_t{ width:633px; float:right; font-size:16px; color:#333333; padding-top:6px}
.news_list_t span{ font-size:12px; color:#888888}
.news_list_t p{ font-size:14px; color:#888888; padding-top:12px;}
.news_list_more{ width:116px; height:35px; line-height:35px; border:#eeeeee solid 1px; color:#888888; text-align:center; font-size:14px; margin-top:10px;transition:all .5s;}


.news_show{width:100%; margin:0 auto; font-size:14px; line-height:24px; padding:40px 0;position:relative; z-index:20}
.news_show h1{ font-size:24px; color:#333333; text-align:center; padding-top:16px;}
.news_show_p{ text-align:center; font-size:15px; color:#04332b; padding:12px 0 18px 0}
.news_show_t{ background:#f6f6f6}
.news_show_cont{ padding:20px 0; border-bottom:#dadada solid 1px; line-height:24px}

.news_show_f{ margin-top:12px; color:#888888}
.news_show_f p{ width:100%; overflow:hidden; display:block;padding:5px 0 0 0;}
.news_show_f a{ color:#888888}
.news_show_f a:hover{ color:#0065b3}


.pro_list{width:100%;font-size:14px;  padding:20px 0;position:relative; z-index:20}
.pro_list li{ float:left; display:block; border:#eeeeee solid 1px; width:440px; height:353px; overflow:hidden; margin-right:15px; margin-bottom:18px;}
.pro_list li img{ width:100%} 
.pro_list li p{ text-align:center; width:100%; height:56px; line-height:56px; transition:all .5s;}
.pro_list li:hover p{ background:#71b635; color:#FFF }

.job_list{ width:97%; margin:0 auto; margin-top:20px}
.job_list li{ min-height:120px; padding:22px 20px; margin-bottom:12px; border-bottom:#eeeeee dashed 1px; transition:all .5s}
.job_list li h1{ font-size:15px; font-weight:bold; color:#595959; padding-bottom:20px;}
.job_list li div{ color:#595959; line-height:24px;}
.job_list li a{ width:90px; height:30px; line-height:30px; text-align:center; background:#0065b3; color:#FFF; float:right; display:block; margin-top:-30px;}
.job_list li:hover{ background:#fafafa;}
.job_no{margin:0 auto; color:#CCC; display:block; text-align:center}

.jianli_h1{ font-size:16px; color:#0282dd}
.jianli_input{ width:300px; height:36px; line-height:36px; padding-left:8px; border:#d6d6d6 solid 1px; background:#f2f2f2}
.must_h{ color:#e60012}
.jianli_sub{ width:170px; height:40px; background:#0282dd; border:none; color:#FFF; text-align:center; cursor:pointer}

.show_img{ text-align:center; margin:30px 0 20px 0}
.show_img img{ max-width:960px;}

.search_list{ margin:20px;}
.search_list li{ margin:10px 0; height:38px; line-height:38px; display:block; width:100%; border-bottom:#eeeeee dashed 1px;}
/*->Body
*********************/
#body_left{ width:; float:left;}
#body_right{ width:; float:right;}


/*->友情链接
*********************/
.links{}


/*->Copyright 底部版权
*********************/
#copyright{ width:100%; min-height:240px; background:#0065b3; text-align:center; line-height:24px; margin-top:56px;}
.copyright_up{  color:#FFF; font-size:12px;  line-height:32px;}
.copyright_down{ margin-top:40px;}
.copyright_down li{ width:228px; height:40px; float:left; margin-right:12px;}

/*->底部页码
*********************/
.page{ padding:10px; clear:both; text-align:center; margin-top:20px}
.page a{ padding:6px 10px; color:#626262; font-size:12px; border:#eeeeee solid 1px; margin:0 3px;}
.select{ background:#71b635; color:#FFF!important}

/*->News
*********************/
.News_list{}
.News_list li{ clear:both;}
.News_list li span{ float:left;}
.News_list li em{ float:right;}



/*->Products
*********************/
.Products_list{}
.Products_list li{}
.Products_list li img{}


/*->Gbook
*********************/
.gbook{}
.gbook td{}
.gbook td input{}
.gbook td textarea{}


 
.HS10, .HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
/*幻灯片区域背景*/
.MainBg width:960px;margin:0 auto;}
/*标题和页码*/
.Title{color:#EEE;padding:5px 20px 0 20px;text-align:center;line-height:40px;height:40px;}
.Title h1{display:inline;}
.Title .Counter{color:#666;}
.Title .CounterCurrent{color:#C00;font-size:20px;font-weight:bold;}
/*灰色分隔线*/
.SpaceLine{border-bottom:1px solid #333;height:1px;font-size:1px;}
/*大图展示区域*/
.OriginalPicBorder{padding:15px 15px 0 15px;}
#OriginalPic{width:90%;overflow:hidden;position:relative;font-size:12px; margin:0 auto}
#OriginalPic img{display:block;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:43px;height:83px;color:#FFF;left:80px; top:185px; cursor:pointer; background:url(../images/left.png) no-repeat}
.CursorR{position:absolute;z-index:999;width:43px;height:83px;color:#FFF;right:80px; top:185px;cursor:pointer ; background:url(../images/right.png) no-repeat}
/*小图预览和滑动*/
.SliderPicBorder{width:800px;height:600px;overflow:hidden;}
.Summary{line-height:24px;display:block;width:98%;overflow:hidden;padding:10px; color:#04332b; border-bottom:#dadada  solid 1px;border-top:#dadada  solid 1px; display:block; font-size:14px; padding-right:2%}
.More{text-align:right;color:#666;line-height:40px;height:40px;font-size:12px;display:block;}        
.ThumbPicBorder {width:940px;margin:0 auto;}
#ThumbPic img{border:3px solid #666;cursor:pointer;background-color:#666;margin:0 4px;width:130px;height:80px;display:block;}
#ThumbPic img.active{border:3px solid #FF9900;}

.font20{ width:100%; display:block; padding:25px 0; font-size:20px; text-align:center; color:#04332b}