﻿@charset "utf-8"; 
/*2015-08-30----made by Hackerjun*/

/*通用样式*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup,  menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block;}
nav ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} 
body,button,input,select,textarea{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",\5b8b\4f53,tahoma,arial;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
input,select,textarea{font-size:100%;vertical-align:middle;overflow:auto}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
img{border:none}
em,i,code,cite,address,th{font-style:normal;font-weight:500}

.w1000{width:1000px; margin:0 auto; clear:both; position:relative}
.hr_10{clear:both;height:10px;line-height:1px;font-size:1px}
.hr_5{clear:both;height:5px;line-height:1px;font-size:1px}
.mt10{ margin-bottom:10px}
.mtop10{ margin-top:10px;}
.none{ display:none}

body{ background:#f8f8f8}
html{ overflow-x:hidden; overflow-y:auto;}
.w720{width:720px; float:left;}
.w280{width:280px; float:right;}

.hd_top{ background:#f5f5f5; height:35px; border-bottom:1px #ddd solid;}
.l_tit{ float:left; line-height:35px; color:#666; font-size:12px;}
.r_set{ float:right;line-height:35px; color:#666; font-size:12px; margin-right:-8px}
.r_set a{color:#666; font-size:12px; margin:0 8px;}
.r_set a:hover{ text-decoration:underline}

.hd_bd{ height:120px; background:url(../images/hd_bg.png) #FFF 43% 0 no-repeat;}
.hd_bd .logo_box{ float:left; width:582px; height:88px; background:url(../images/slogo2.png) no-repeat; margin:15px 0 0 0;}
.hd_bd .search_box{ float:right}
.hd_bd .search_box .s_phone{ margin:10px 0 8px; overflow:hidden;}
.hd_bd .search_box .s_phone .p_ico{ float:left; width:49px; height:49px; background:url(../images/phone.png) no-repeat; margin-right:8px}
.hd_bd .search_box .s_phone .p_num{ float:left;}
.hd_bd .search_box .s_phone .p_num .b1{ font-size:16px; color:#333; font-weight:normal; display:block;line-height:100%; margin:2px 0 3px;}
.hd_bd .search_box .s_phone .p_num .b2{ font-size:30px; color:#fb3338; font-weight:normal;display:block;line-height:100%;font-family:"\9ED1\4F53","\534E\6587\9ED1\4F53";}
.hd_bd .search_box .s_set{ clear:both; width:250px; height:33px; border:1px #39ae38 solid;}
.hd_bd .search_box .s_set .txt{ float:left; width:155px; padding:0 10px; height:33px; line-height:33px; font-size:12px; color:#333; border:0 none; background:none;}
.hd_bd .search_box .s_set .s_btn{ float:left; width:75px; height:33px; line-height:33px; background:#39ae38; text-align:center; color:#fff; font-size:18px;}


.nav_box{ height:45px; background:url(../images/nav_bg.png) repeat-x;}
.nav_box ul{ width:1040px; margin:0 auto; padding-left:40px}
.nav_box ul li{ float:left; position:relative; margin-right:4px; zz:10}
.nav_box ul li .m_nav{ display:block; height:37px; line-height:100%; color:#fff; font-size:16px; padding:8px 30px 0; text-align:center}
.nav_box ul li .xl{ position:absolute; right:-2px; top:10px; width:1px; height:25px; background:url(../images/x_l.png) no-repeat; overflow:hidden;}
.nav_box ul li .m_nav:hover,.nav_box ul li .m_nav.ck,.nav_box ul li .m_nav.cur{ background:url(../images/hv_bg.png) repeat-x 0 0;}
.nav_box ul li .m_nav .eg{ font-size:10px; color:#b2eba3; display:block; text-align:center; line-height:100%; margin-top:4px}
.nav_box ul li .s_nav_list{ width:100%; position:absolute; left:0; top:45px; zz:10}
.nav_box ul li .s_nav{ display:block; color:#fff; font-size:14px; height:auto; line-height:100%; background:url(../images/hv_bg.png) repeat 0 0; padding:10px 0 8px 16px; margin-top:1px;}
.nav_box ul li .s_nav_list .eg,.nav_box ul li .l_nav_list eg{ font-size:8px; color:#b2eba3; display:block; padding:3px 5px 0 14px; line-height:100%}
.nav_box ul li .s_nav:hover,.nav_box ul li .s_nav.ck{ background:url(../images/hv_bg2.png) repeat 0 0;}
.nav_box ul li .l_nav_list{ position:absolute; right:-124px; top:0; width:100%;zz:10}
.nav_box ul li .l_nav{display:block; color:#fff; font-size:14px; height:auto; line-height:100%; background:url(../images/hv_bg.png) repeat 0 0; padding:10px 0 8px 16px; margin:0 0 1px 1px}
.nav_box ul li .l_nav:hover,.nav_box ul li .l_nav.ck{ background:url(../images/hv_bg2.png) repeat 0 0;}

.pic_play_box{ width:100%; height:450px; overflow:hidden; position:relative;}
.pic_play_box ul{ width:100%; overflow:hidden;}
.pic_play_box ul li{ height:450px; width:100%; float:left; background-position:center 0; background-repeat:no-repeat; background-size:cover;}
.pager { float:left; width:100%; text-align: center; position:absolute; left:0; bottom:10px; zz:20}
.pager a { margin:0 5px; text-decoration: none; display:inline-block; width:15px; height:15px; background:url(../images/dot.png) no-repeat;}
.pager a.selected { background-position:-15px 0;}
.pager a span{ display:none}

.comp_intro{ float:left; width:664px; height:480px; border:3px #dedede solid; background:#fff;}
.ceo_talk{ float:right; width:314px; height:480px; border:3px #dedede solid; background:#fff;}
.hd_tit{ height:69px; border-bottom:1px #fff dashed; background:#e5e5e5; position:relative;}
.hd_tit .t_ico{ position:absolute; left:-1px; top:4px; width:45px; height:54px; background:url(../images/t_ico.png) no-repeat;}
.hd_tit .t_name{ float:left; margin:14px 0 0 48px;}
.hd_tit .t_name b{ font-size:24px; color:#333; font-weight:bold; display:block; line-height:100%; margin-bottom:6px}
.hd_tit .t_name label{ font-size:10px; color:#999; display:block; line-height:100%;}
.hd_tit .more{ float:right; width:51px; height:20px; text-align:center; line-height:20px; color:#fff; font-size:12px; margin:20px 22px 0 0; background:url(../images/more.png) no-repeat;}
.comp_intro .intro_info{ overflow:hidden}
.comp_intro .intro_info .i_view{ float:left; margin:10px 18px 0 10px}
.comp_intro .intro_info .i_txt{ float:left; width:320px;}
.comp_intro .intro_info .i_tit{ font-size:20px; color:#4fb9ed; line-height:100%; margin:16px 0 12px 0}
.comp_intro .intro_info .s_txt{ font-size:12px; color:#999; line-height:24px;}
.comp_intro .intro_info .s_txt a{font-size:12px; color:#00a0e7}
.comp_intro .comp_honor{ background:#f7f7f7; border-top:1px #ebebeb solid; position:relative; height:193px; margin-top:20px; overflow:hidden; clear:both}
.comp_intro .comp_honor .c_ico{ position:absolute; left:0; top:0; width:79px; height:75px; background:url(../images/w_ico.png) no-repeat;}
.comp_intro .comp_honor .c_name{ display:block; margin:12px 0 0 52px; line-height:100%; position:relative; overflow:hidden}
.comp_intro .comp_honor .c_name b{font-size:24px; color:#333; font-weight:bold; float:left; line-height:100%; margin-right:8px;}
.comp_intro .comp_honor .c_name label{font-size:10px; color:#999; float:left; line-height:100%; margin-top:16px;}
.comp_intro .comp_honor .h_pic_box{ height:118px; overflow:hidden; clear:both; margin-top:16px; position:relative}
.comp_intro .comp_honor .h_pic_box .pic_box{ float:left; height:118px; width:580px; overflow:hidden;}
.comp_intro .comp_honor .h_pic_box .prev{ float:left; margin:47px 7px 0 10px; width:22px; height:22px; background:url(../images/m_l_g.png) no-repeat;}
.comp_intro .comp_honor .h_pic_box .prev:hover{ background:url(../images/m_l.png) no-repeat;}
.comp_intro .comp_honor .h_pic_box .next{ float:left; margin:47px 0 0 7px; width:22px; height:22px; background:url(../images/m_r_g.png) no-repeat;}
.comp_intro .comp_honor .h_pic_box .next:hover{ background:url(../images/m_r.png) no-repeat;}
.comp_intro .comp_honor .h_pic_box ul{ width:1000%;}
.comp_intro .comp_honor .h_pic_box ul li{ float:left; margin-right:20px}
.comp_intro .comp_honor .h_pic_box ul li img{ display:block;}
.ceo_talk .coe_photo{ display:block; margin:10px auto 5px;}
.ceo_talk .ceo_txt{ font-size:12px; color:#999; line-height:24px; padding:0 8px;}
.ceo_talk .ceo_txt a{ font-size:12px; color:#00a0e7;}
.ceo_talk .ceo_sign{ float:right; width:104px; height:77px; background:url(../images/ceo.png) no-repeat; margin:0 30px 0 0}

.b_box{border:3px #dedede solid; background:#fff;}
.pro_list{ width:105%; min-height:420px; overflow:hidden; margin:20px 0 0 20px;}
.pro_list li{ float:left; width:223px; height:205px; margin-right:20px;}
.pro_list li img{ display:block; border:1px #eee solid;}
.pro_list li .tit{ display:block; text-align:center; color:#333; font-size:14px; margin:2px 0 5px}
.pro_list li a:hover img{ border:3px #39ae38 solid;}
.roc_list{ width:105%; min-height:258px; margin:20px 0 18px 20px;}
.roc_list li{ float:left; width:223px; height:258px; margin-right:20px;}
.roc_list li a{ border:1px #ebebeb solid; display:block; height:258px;}
.roc_list li img{ display:block; margin:10px auto 0}
.roc_list li .tit{ display:block; color:#24a7e9; font-size:16px; margin:2px auto 0; padding:0 12px;}
.roc_list li .info{ display:block; color:#999; font-size:12px; line-height:22px; padding:0 12px;}
.roc_list li a:hover{ border:1px #39ae38 solid; background:#39ae38;}
.roc_list li a:hover .tit,.roc_list li a:hover .info{ color:#fff;}

.case_list{ min-height:200px}
.case_list_box{ position:relative;}
.case_list li img{ border:1px #fff solid;}
.case_list li .tit{ display:block; text-align:center; color:#333; font-size:14px; margin:2px 0 5px}
.case_list li a:hover img{ border:1px #39ae38 solid;}
.case_list_box .prev{ position:absolute; left:10px; top:64px; width:46px; height:46px; background:url(../images/b_l_g.png) no-repeat; zz:1}
.case_list_box .prev:hover{ background:url(../images/b_l.png) no-repeat;}
.case_list_box .next{ position:absolute; right:10px; top:64px; width:46px; height:46px; background:url(../images/b_r_g.png) no-repeat;}
.case_list_box .next:hover{ background:url(../images/b_r.png) no-repeat;}

.footer{ background:#39ae38; height:233px; overflow:hidden;}
.footer .w_logo{ float:left; width:98px; height:101px; background:url(../images/logo_w.png) no-repeat; margin:40px 38px 0 30px;}
.footer .comp_cot{ overflow:hidden; padding-top:25px; position:relative}
.footer .comp_cot .comp_name{ float:left; font-size:24px; color:#fff; line-height:100%; border-bottom:2px #fff solid; padding-bottom:10px; margin-bottom:10px}
.footer .comp_cot .comp_name .en{ display:block;font-size:12px; color:#fff; line-height:18px; width:360px; margin-top:5px}
.footer .comp_cot .cot{ clear:both; font-size:12px; color:#adffac; line-height:20px; margin:0 0 10px 0; overflow:hidden}
.footer .comp_cot .copy_info{ font-size:12px; color:#fff;}
.footer .comp_cot .ewm_info{ position:absolute; right:172px; top:45px;}
.footer .comp_cot .ewm_info img{ display:block; margin:0 auto;}
.footer .comp_cot .ewm_info .et{ display:block; text-align:center; color:#fff; font-size:12px; margin-top:5px}

.banner_ad{ display:block; margin:10px auto;}
.stxt_nav{ width:1000px; margin:0 auto 10px; overflow:hidden;}
.stxt_nav .n_t{ font-size:12px; color:#666;}
.stxt_nav a{ font-size:12px; color:#666;}
.stxt_nav .n_c{font-size:14px; color:#39ae38;}

.l_nbox{ float:left; width:220px;}
.r_cbox{ float:right; width:764px;}
.l_nbox .l_nav{border:1px #dedede solid; background:#fff;}
.l_nbox .l_nav .lnav_list{ padding-bottom:20px}
.l_nbox .l_nav .lnav_list ul{}
.l_nbox .l_nav .lnav_list ul li{ width:90%; overflow:hidden; border-bottom:1px #f5f5f5 solid; line-height:100%; margin:0 auto; padding:10px 0;}
.l_nbox .l_nav .lnav_list ul li .j_t{ float:left; color:#a2a2a2; margin:6px 8px 0 25px; font-size:14px}
.l_nbox .l_nav .lnav_list ul li .s_n{ float:left; width:152px;}
.l_nbox .l_nav .lnav_list ul li .n_tit{ display:block; font-size:14px; color:#333; white-space:nowrap}
.l_nbox .l_nav .lnav_list ul li .m_nav_hd{ background:#f6f6f6; display:block; overflow:hidden; padding:10px 0}
.l_nbox .l_nav .lnav_list ul li .eg{ display:block; font-size:8px; color:#333; margin-top:2px}
.r_cbox .r_cont{border:1px #dedede solid; background:#fff; min-height:500px; font-size:12px; word-wrap:break-word;}
.r_cbox .r_cont.pd20{ padding:40px 30px;}
.r_cbox .r_cont img{ display:block; margin:0 auto;}
.l_nbox .l_nav .lnav_list ul li a:hover .n_tit{ font-size:16px;}
.l_nbox .l_nav .lnav_list ul li a:hover .n_tit,.l_nbox .l_nav .lnav_list ul li a:hover .eg,.l_nbox .l_nav .lnav_list ul li a:hover .j_t{ color:#39ae38; cursor:pointer}
.l_nbox .l_nav .lnav_list ul li.ck .n_tit,.l_nbox .l_nav .lnav_list ul li .ll_nav_list a.ck .n_tit{ font-size:16px;}
.l_nbox .l_nav .lnav_list ul li.ck .n_tit,.l_nbox .l_nav .lnav_list ul li.ck .eg,.l_nbox .l_nav .lnav_list ul li.ck .j_t,.l_nbox .l_nav .lnav_list ul li .ll_nav_list a.ck .n_tit,.l_nbox .l_nav .lnav_list ul li .ll_nav_list a.ck .eg{ color:#39ae38; cursor:pointer}
.l_nbox .l_nav .lnav_list ul li.ck .ll_nav_list a .n_tit,.l_nbox .l_nav .lnav_list ul li.ck .ll_nav_list a .eg{color:#333}
.l_nbox .l_nav .lnav_list ul li.ck .ll_nav_list a .n_tit{ font-size:14px; line-height:15px;}
.l_nbox .l_nav .lnav_list ul li.ck .ll_nav_list a:hover .n_tit{ font-size:16px;}
.l_nbox .l_nav .lnav_list ul li.ck .ll_nav_list a:hover .n_tit,.l_nbox .l_nav .lnav_list ul li.ck .ll_nav_list a:hover .eg{ color:#39ae38; cursor:pointer}
.l_nbox .l_nav .lnav_list ul li .ll_nav_list{ clear:both; margin-bottom:-10px}
.l_nbox .l_nav .lnav_list ul li .ll_nav_list a{ display:block; width:80%; overflow:hidden; border-top:1px #f5f5f5 solid; line-height:100%; margin:0 auto; padding:10px 0 10px 40px;}
.l_nbox .l_nav .lnav_list ul li .ll_nav_list a .eg{ padding-left:12px}

.news_list{ padding:20px 0;}
.news_list li{ width:90%; overflow:hidden; margin:0 auto; line-height:100%; padding:14px 0; border-bottom:1px #ccc dotted;}
.news_list li .n_tit{ float:left; color:#333; font-size:14px; padding-right:10px; margin-left:20px;}
.news_list li .n_time{ float:right; color:#999; font-size:14px; margin-right:30px;}
.news_list li .n_tit:hover{ color:#39ae38}
.news_content{ width:90%; margin:0 auto; overflow:hidden; padding:40px 0;}
.news_content .n_hd{ margin-bottom:35px; overflow:hidden}
.news_content .n_hd .tit{ font-size:24px; color:#141846; text-align:center; overflow:hidden; margin-bottom:15px}
.news_content .n_hd .info{font-size:12px; color:#999; text-align:center; overflow:hidden; line-height:100%;}
.news_content .n_ctxt{font-size:14px; color:#141846; overflow:hidden;}

.news_content .page_tit{ clear:both; margin-top:50px;}
.news_content .page_tit a{font-size:14px; color:#999;}
.news_content .page_tit .p_p{ float:left;}
.news_content .page_tit .p_n{ float:right;}
.news_content .page_tit a:hover{ text-decoration:underline}

.hon_list{ margin:40px 0 0 22px;}
.hon_list ul li{ float:left; width:230px; overflow:hidden; height:210px; margin:0 15px 15px 0}
.hon_list ul li img{ display:block; border:1px #ededed solid;}
.hon_list ul li .h_tit{ display:block; text-align:center; font-size:14px; color:#333; margin-top:5px}
.hon_list ul li a:hover img{ border:1px #39ae38 solid;}

.case_info{}
.case_info .case_pic{ margin:20px auto; overflow:hidden}
.case_info .case_pic img{ max-width:80%; display:block; margin:0 auto;}
.case_info .case_pic .z_t{ display:block; text-align:center; font-size:12px; color:#333;}
.case_info .case_intro{ width:90%; margin:20px auto; font-size:14px; color:#333; line-height:24px; clear:both; overflow:hidden; border-top:1px #ccc dotted; padding:20px;}
.case_info .case_intro .intro_txt{ text-indent:2em}
.case_info .case_intro .intro_item{ color:#666;}

.cont_info{ padding:40px 30px}
.cont_info .mp{ display:block; margin:20px auto;}
.cot_list{ width:90%; margin:20px auto; font-size:14px; color:#333; line-height:24px; clear:both; overflow:hidden; border-top:1px #ccc dotted; padding:20px;}
.cot_list .intro_txt{ overflow:hidden; padding-left:5px;}
.cot_list .intro_item{ color:#666; float:left; width:150px; text-align:right}

.cult_talk{ background:#fff; overflow:hidden; padding:30px 0;}
.cult_talk.gc{ background:#f4f4f4}
.cult_talk .tit{ overflow:hidden; margin-bottom:20px}
.cult_talk .tit b{float:left; font-size:18px; color:#39ae38; font-weight:normal; width:290px; margin-left:40px}
.cult_talk .tit label{float:left; font-size:18px; color:#666;}
.cult_talk .c_txt{ overflow:hidden;}
.cult_talk .c_txt b{float:left; font-size:16px; color:#666; font-weight:normal; width:290px; margin-left:40px}
.cult_talk .c_txt label{float:left; font-size:12px; color:#999; line-height:24px;}




.list_employ {}
.list_employ li { margin:0 auto}
.list_employ table { width:100%; margin-bottom:20px;}
.list_employ th { padding:5px; border:1px solid #ddd; background:#eee; text-align:center; font-size:16px; font-weight:bold;}
.list_employ td { padding:5px; border:1px solid #ddd; line-height:24px; font-size:14px;}
.list_employ td.xm { width:12%; background:#eee; text-align:center;}
.list_employ td.nr { width:21%; background:#fff; text-align:left;}


/*page*/
.page { float:right; text-align:center; font-size:0; overflow:hidden; clear:both; margin-right:30px;}
.page a{ color:#333; background:#fff; font-size:14px; font-weight:bold; font-family:"Arial","Hiragino Sans GB","\9ED1\4F53","sans-serif"; height:26px; line-height:26px; border:1px #e3e3e3 solid; padding:0 12px; display:inline-block; margin:0 2px;vertical-align:top}
.page a.prev,.page a.next{ font-size:12px; font-family:"\5B8B\4F53"; font-weight:normal}
.page a:hover{ background:#39ae38; color:#fff; border:1px #39ae38 solid;}
.page label{ font-size:12px; font-family:"\5B8B\4F53"; color:#333; margin:0 8px; vertical-align:middle}
.page a.s_btn{ border:1px #e3e3e3 solid; display:inline-block; height:26px; line-height:26px; text-align:center; background:#ddd; color:#333; font-family:"\5B8B\4F53"; font-weight:normal;vertical-align:top}
.page a.s_btn:hover{color:#333;}
.page input{ display:inline-block; width:32px; height:26px; line-height:26px; text-align:center; border:1px #e3e3e3 solid; font-size:12px; color:#333;}


#pageNav{ margin: 0 auto; text-align: right;  width: 90%;}





















