@charset "gb2312";

*{ padding:0; margin:0;}

li,ol{ list-style:none;}

body {font-family:"΢ÈíÑźÚ","ËÎÌå"; font-size:12px; width:100%; height:100%; position:relative; color:#666;}

body { min-width:1000px;}

.clear { clear:both;}

.more{ float:right;}

input,select{font-family:"΢ÈíÑźÚ","ËÎÌå"; border:none; outline:none;}

a{text-decoration: none; color:#666; -webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}

.f12{ font-size:12px;}

.f14{ font-size:14px;}

.f16{ font-size:16px;}

.f18{ font-size:18px;}

.f20 {font-size:20px;}

.f22 {font-size:22px;}

.f24 {font-size:24px;}

.f26 {font-size:26px;}

img{ border:0;}

.red{ color:#ed1c24;}

.c9{ color:#999;}





.page{text-align:center; padding:15px 0;}

.page a{ padding:4px 15px; display:inline-block;}

.page .up{border:1px solid #ccc; background:url(../images/icon_page.png) no-repeat 6px 6px; padding-left:20px; color:#999;}

.page a.now{ color:#fd0817; font-weight:bold;}

.page .up:hover{background:#d6d6d6 url(../images/icon_page.png) no-repeat 6px -18px; color:#666;}

.page .next{border:1px solid #ccc; background:url(../images/icon_page.png) no-repeat -20px 6px; padding-right:20px; color:#999;}

.page .next:hover{background:#d6d6d6 url(../images/icon_page.png) no-repeat -20px -18px; color:#666;}

/*Òýµ¼Ò³*/

.bj_intro{ background:#eee url(../images/bj_intro.jpg) no-repeat center top;}

.intro{ width:100%; min-width:1000px; height:auto; overflow:hidden; position:relative; }

.in_intro{ width:1000px; margin:0 auto;}

.intro_box{ width:1440px; margin:0 -220px;}

.intro_logo { text-align:center; padding-top:100px; height:112px; overflow:hidden;}

.intro .move { height:360px; width:1440px; position:relative;}



.intro .copy{ width:880px; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#878787;}

.intro .copy_txt { float:left; width:760px;}

.intro .lang{ width:100px; height:24px; float:right; padding-top:14px;}

.intro .lang a{ width:22px; float:left; height:22px; margin-right:6px; display:inline-block; line-height:22px; background:url(../images/bj_copy_lang.png) no-repeat -31px center; font-size:12px; text-align:center;}

.intro .lang a:hover,.intro .lang a.now{background:url(../images/bj_copy_lang.png) no-repeat left center; color:#fff;}

.intro .copy a.support{ background:url(../images/sup_img.png) no-repeat right 21px; width:140px; display:inline-block;}



.move_energy_txt{ width:286px; height:52px; position:absolute; left:0; top:40px; opacity:0; filter:alpha(opacity=0); }

.move_energy{ width:314px; height:266px; position:absolute; left:0; bottom:0; opacity:0; filter:alpha(opacity=0);}

.move_engine_txt{ width:238px; height:52px; position:absolute; right:0; top:40px; opacity:0; filter:alpha(opacity=0);}

.move_earth{ width:314px; height:266px; position:absolute; right:0; bottom:0; opacity:0; filter:alpha(opacity=0);}

.move_engine{ width:0px; height:0px; position:absolute; right:660px; bottom:74px; opacity:0; filter:alpha(opacity=0);}



.intro .btn{ height:110px; width:800px; padding:20px 24px 0 20px; margin:0 auto;}

.in_intro .btn a{ width:254px; padding-left:10px; height:84px; display:block; text-align:center; background:url(../images/bj_intol_link.png) no-repeat left bottom; line-height:70px; font-size:16px; font-weight:bold; color:#ed1c24; position:relative;}

.in_intro a.intro_btnl{ float:left;}

.in_intro a.intro_btnr{ float:right;}



/*Ê×Ò³*/

.top{ width:100%; height:100px; }

.n_top{ width:1002px; margin:0 auto; height:100px;}

.top .logo{ width:420px; float:left; height:70px; margin-top:20px;}

.top .t_qq{ width:100px; float:left; padding-top:52px; text-align:center;}

.top .tel{ width:240px; float:right; height:35px; margin-top:44px; }

.top .tel span{ background:url(../images/iocn_tel.png) no-repeat left center; padding-left:20px; height:30px; display:inline-block; color:#4c4c4c;}

.top .lang{ width:90px; height:22px; float:right; margin-top:47px;}

.top .lang a{ width:22px; height:22px; float:left; display:block; margin-left:8px; text-align:center; line-height:23px; color:#ed1c24; background:url(../images/icon_bj_lang.png) no-repeat -31px center;}

.top .lang a:hover,.top .lang a.now{background:url(../images/icon_bj_lang.png) no-repeat left center; color:#fff;}



.menu { border:1px solid #d6d6d6; height:46px; position:relative; z-index:99;}

.menu .nva{ width:1002px; height:39px; margin:0 auto; font-size:14px; padding-top:7px;}

.menu .nva ul{ width:920px; float:left;}

.menu .nva li{ width:110px; height:39px; float:left; text-align:center; line-height:34px; margin-right:5px; position:relative;}

.menu .nva li a{ color:#333; display:block; height:39px; background-position:-16px center; -webkit-transition:ease-out .5s; -moz-transition:ease-out .5s; -transition:ease-out .5s; -transition:ease-out .5s; transition:ease-out .5s;}

.menu .nva li a:hover,.menu .nva li a.now{color:#fff; background:url(../images/bj_nva_now.png) no-repeat left center; background-size:100%; display:block; height:34px; -webkit-transition:background .5s; -moz-transition:background .5s; -ms-transition:background .5s; -o-transition:background .5s; transition:background .5s;}

.menu .nva .search{ width:190px; float:right; height:34px; padding-top:2px;}

.menu .nva .search input[type=text]{ float:left; width:150px; padding:0 4px; color:#999; height:24px; border:1px solid #ddd; margin-top:2px;}

.menu .nva .search input[type=button]{ float:right; width:30px; height:30px; background:url(../images/icon_search.jpg) no-repeat left center; cursor:pointer;}



.drop { width:520px; background:url(../images/bj_nva_drop.png) repeat; position:absolute; left:0; top:40px; padding:20px 30px; display:none;}

.drop .l{ width:340px; float:left;}

.drop .l ul{ width:340px; float:left; padding-top:4px;}

.drop .l li{ float:left; height:24px; overflow:hidden; line-height:24px; text-align:left; margin:0 30px 6px 0; width:auto;}

.drop .l li a{ display:inline-block; height:24px; background:url(../images/bj_drop_iconl.png) no-repeat left -20px; padding-left:20px; color:#666; -webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}

.drop .l li a:hover{background:url(../images/bj_drop_iconl.png) no-repeat left 1px; color:#eb1c26;}

.drop .r{ width:170px; height:84px; float:right;}



.banner { width:100%; overflow:hidden; position:relative; z-index:1;}

.banner .n_banner { width:1002px; margin:0 auto; position:relative;}

.banner .banner_content{width:1920px; margin:0 -459px; height:390px; border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:14px;}

.banner .innner_banner{width:1920px; margin:0 -459px; height:230px; overflow:hidden;}

.banner_content ul{ width:999999px;}

.banner_content ul li{ float:left; width:1920px; overflow:hidden;}

.banner .n_banner .num { text-align:center; width:1002px; height:10px; position:absolute; bottom:0; left:0; overflow:hidden;}

.banner .n_banner .num p{ width:1008px;}

.banner .n_banner .num a{ background:#002bca; width:330px; float:left; height:10px; margin-right:6px; display:inline-block;}

.banner .n_banner .num a.now{ background:#ff0600;}



.main{ width:1002px; margin:0 auto; overflow:hidden;}

.main_intro { width:1012px; height:340px; margin-bottom:40px; }

.main_intro .in_list{ float:left; width:272px;  padding:6px 28px;  height:300px; border:1px solid #e5e5e5; background:#f4f4f4; margin-right:6px; position:relative;}

.main_intro .in_list .gray{ height:10px; width:328px; background:url(../images/bj_gary.jpg) no-repeat left bottom; position:absolute; bottom:-10px; left:0;}

.main_intro .in_list h4 { font-size:22px; color:#7c7c7c; padding:12px 0; height:44px; text-align:center; line-height:40px;}

.main_intro .in_list h4 span{ width:130px; display:inline-block;}

.main_intro .in_list h4 span img{ float:left;}

.main_intro .in_list .txt{
	line-height:26px;
}
.main_intro .in_list a.link{ width:50px; height:22px; color:#bbb; border:1px solid #ddd; position:absolute; display:block; bottom:16px; right:30px; text-align:center; line-height:22px;}

.main_intro .in_list a.link:hover{ color:#ec1d23; border:1px solid #ec1d23;}

.main_intro .i_us img { margin-bottom:14px;}

.main_intro .i_scope li{ float:left; margin-right:6px; text-align:center;}

.main_intro .i_scope li img{ margin-bottom:14px;}

.main_intro .i_scope li a:hover{color:#ec1d23; font-weight:bold;}

.main_intro .i_scope li a:hover img{ -webkit-transform:scale(1.05,1.05); transition:ease-in .2s;}



.case { height:194px; background:#f4f4f4; position:relative;}

.case .tit{ height:30px; position:absolute; top:-40px; left:0; width:972px; font-size:16px; padding-left:30px; display:block; left:50%; margin-left:-501px; background:url(../images/icon_case.jpg) no-repeat left 0px; color:#333;}

.case .i_case{width:1002px; margin:0 auto; height:174px; padding-top:20px; position:relative;}

.case .i_case span{ width:20px; height:41px; display:block; position:absolute; top:80px; background:url(../images/btn_i_case.png); cursor:pointer; -webkit-transition:ease-out .3s; -moz-transition:ease-out .3s; -transition:ease-out .3s; -transition:ease-out .3s; transition:ease-out .3s;}

.case .i_case span.btnl{ left:0; background-position:left top;}

.case .i_case span.btnr{ right:0; background-position:right top;}

.case .i_case span.btnl:hover{ left:0; background-position:left -51px;}

.case .i_case span.btnr:hover{ right:0; background-position:right -51px;}

.case .n_case_box{ width:960px; margin-left:20px;  height:160px; border-left:1px solid #ddd; border-right:1px solid #ddd; position:relative; overflow:hidden; }

.case .n_case_box ul{ width:99999px;}

.case .n_case_box li {float:left; width:182px; height:160px; padding:0 6px; border-right:1px solid #ddd; text-align:center; position:relative; z-index:auto;}

.case .n_case_box li p{ padding-top:10px; line-height:30px;}

.case .n_case_box li a{ width:180px; height:160px; background:url(../images/bj_zoom.png) repeat; display:block; line-height:40px; position:absolute; left:7px; top:0; opacity:0; filter:alpha(opacity=0); -webkit-transition: all 0.25s linear;-mos-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}

.case .n_case_box li i{ width:28px; height:28px; background:url(../images/icon_pro.png) no-repeat center; position:absolute; top:-20%; left:50%; margin:0 0 0 -14px; -webkit-transition: all 0.25s linear;-mos-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}

.case .n_case_box li:hover a{opacity:1; filter:alpha(opacity=100);}

.case .n_case_box li:hover i{ position:absolute; top:50%; left:50%; margin:-14px 0 0 -14px; }



.footer{ height:200px; background:#e5e5e5; border-top:1px solid #ddd;}

.n_footer { width:1000px; padding-top:28px; margin:0 auto;}

.n_footer .l { width:500px; line-height:22px; float:left;}

.n_footer .l h4{ line-height:34px; height:34px; border-bottom:1px solid #ccc; font-size:14px; margin-bottom:10px;}

.n_footer .l .c1{ width:260px; float:left;}

.n_footer .l .c2{ width:160px; float:right;}

.n_footer .l .c2 a.qq{ width:100px; height:27px; background:url(../images/foot_qq.png) no-repeat left center; display:block; padding-left:30px; line-height:27px; color:#fff; margin-left:30px;}
.n_footer .l .c2 a:hover{color:red;}
.n_footer .r { width:370px; float:right;}

.n_footer .r .link{ height:58px; background:#e5e5e5 url(../images/logo_footer.jpg) no-repeat left center; padding-left:190px;}

.n_footer .r .link a{ width:80px; height:26px; background:url(../images/bj_foter_new.png) left -30px; display:block; float:left; text-align:center; line-height:26px;

margin-left:10px; margin-top:26px;}

.n_footer .r .link a:hover{background:url(../images/bj_foter_new.png) left 0px; color:#ec1d23;}

.n_footer .r .copy{ line-height:22px; padding-top:10px;}

.n_footer .r .copy a.support{ background:url(../images/sup_img.png) no-repeat right 6px; width:124px; display:inline-block; padding-left:4px;}



.inner_main{ width:1002px; margin:0 auto;}

.side_left{ width:211px; float:left; background:url(../images/bj_sub_nva.jpg) no-repeat left bottom; padding-bottom:30px; position:relative; z-index:2;}

.side_left .tit{ height:54px; width:211px; text-align:center; font-size:18px; color:#fff; background:#ed1c24; line-height:54px; font-style:italic; position:absolute; top:-54px; left:0;}

.side_left ul{ background:#f4f4f4; border:1px solid #e5e5e5; border-bottom:none; padding:12px 0;}

.side_left li{ line-height:34px; padding-bottom:2px;}

.side_left li a{ display:block; font-size:14px; border-left:3px solid #f4f4f4; padding-left:20px;}

.side_left li a:hover,.side_left li a.now{border-left:3px solid #ed1c24; color:#ed1c24;}



.side_right{ width:730px; float:right; padding-bottom:34px;}

.side_right .crumbs{ height:40px; line-height:40px; font-size:18px; color:#7d7d7d; padding:30px 0 10px 0;}

.side_right .crumbs b{ background:url(../images/icon_crumbs.jpg) no-repeat left center; padding-left:26px;}

.side_right .public p{ line-height:24px; padding:8px 0;}

.side_right .public .new_tit{ text-align:center; font-size:16px;}

.side_right .public .new_time{ color:#999; font-size:12px; text-align:center; border-bottom:1px solid #ddd; margin-bottom:16px;}

.side_right .up_pre{ padding-top:20px; line-height:26px;}

.side_right .bshare-custom{ width:80px; height:34px; padding-top:6px; text-align:center; float:right; background:url(../images/bj_share.jpg) no-repeat;}

.side_right .bshare-custom a{ display:block; height:34px; text-indent:999em; font-size:0; line-height:0;}

.side_right .ff { border-bottom:1px dotted #ccc; padding-top:10px; overflow:hidden;}



.honor{ width:730px; overflow:hidden;}

.honor ul{ width:740px;}

.honor li{ float:left; width:175px; height:145px; padding-top:30px; margin:5px 10px 10px 0; background:url(../images/bj_ry.jpg) no-repeat left center; text-align:center; position:relative;}

.honor li a{ display:block; width:175px; height:120px; padding-top:55px;  background:url(../images/bj_ry_zoom.png) no-repeat left center; position:absolute; top:0; display:none; left:0; color:#222;}



.process li{ overflow:hidden; margin-bottom:10px;}

.process li.first .time{ background:url(../images/bj_timer1.jpg) no-repeat left bottom;}

.process li .txt{ width:570px; float:right; padding-top:50px; line-height:24px;}

.process li .time{ background:url(../images/bj_timer.jpg) no-repeat left center; width:138px; height:160px; float:left; line-height:190px; font-size:18px; color:#ed1c24; text-align:center; }

.admore{ display:inline-block; background:#e5e5e5 url(../images/icon_ad.png) no-repeat 110px center; width:180px; height:34px; line-height:34px;}

.admore:hover{ display:inline-block; background:#ed1c24 url(../images/icon_ad_1.png) no-repeat 110px center; width:180px; height:34px; line-height:34px; color:#fff;}

.team li{ float:left; width:269px; padding-left:3px; border:1px solid #ccc; height:180px; text-align:center; padding-top:5px; margin:20px 44px; line-height:24px;}



.parden .list{ border-bottom:1px solid #ccc; padding:15px 0; margin-bottom:15px;}

.parden .plogo{ float:left; height:80px; width:730px; overflow:hidden; text-align:center; display:block;}

.parden li{ float:left; width:182px; text-align:center;}



.news li{ height:100px; background:#f4f4f4; padding:25px 35px; margin-bottom:16px; position:relative;}

.news li .img{ float:left; margin-right:20px; width:160px; height:90px; overflow:hidden;}

.news li:hover .img img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); transform:scale(1.1,1.1); -moz-transition:all ease-in .5s; -webkit-transition:all ease-in .5s; -ms-transition:all ease-in .5s; -o-transition:all ease-in .5s; transition:all ease-in .5s;}

.news li .f12{ padding-bottom:14px;}

.news li a{ position:absolute; display:block; width:730px; height:150px; background:url(../images/bj_zoom.png) repeat; left:0; top:0; overflow:hidden; opacity:0; filter:alpha(opacity=0);}

.news li a i{top:-20%; left:50%; margin:0 0 0 -14px; width:28px; height:28px; background:url(../images/icon_pro.png) no-repeat center; position:absolute; }

.news li:hover a{ opacity:1; filter:alpha(opacity=100);}

.news li:hover i{top:38%; left:50%;-webkit-transition: all 0.25s linear;-mos-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}



.industry_new ul{ padding-bottom:14px;}

.industry_new li a{ display:block; height:40px; line-height:40px; background:url(../images/new_icon.jpg) no-repeat 6px center; padding:0 10px 0 20px; border-bottom:1px solid #ddd; border-right:2px solid #fff;}

.industry_new li a:hover{background:#f4f4f4 url(../images/new_icon.jpg) no-repeat 6px center; border-right:2px solid #ed1c22;}

.n_case{ width:730px;}

.n_case ul{ width:740px;}

.n_case li{ float:left; width:192px; height:178px; background:url(../images/bj_n_case.jpg) no-repeat left top; margin:10px 52px 30px 0; text-align:center;}

.n_case li img{ border:2px solid transparent; height:173px; width:186px; -webkit-transition: all 0.25s linear;-mos-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}

.n_case li a{ overflow:hidden; display:block;}

.n_case li:hover img{ border:2px solid #ed1c22;}



.zoom{ width:100%; height:100%; background:url(../images/bj_zoom.png) repeat; position:fixed; z-index:999; display:none;}

.n_zoom{ width:650px; height:590px; margin:0 auto; background:#fff; position:absolute; left:50%; top:50%; margin:-285px 0 0 -325px;}

.n_zoom a#close:hover{ width:30px; height:30px; display:inline-block; -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);}

.n_zoom p{ padding:26px 20px 6px 20px; text-align:right;}

.n_zoom .name{ padding-left:30px; font-size:16px; height:24px; line-height:24px; padding-bottom:20px;}

.n_zoom .show .pic{ width:480px; height:443px; float:left; margin-left:35px;}

.n_zoom .show span{ width:50px; height:84px; background:#e5e5e5; display:block; margin-top:160px; cursor:pointer; -webkit-transition: all 0.25s linear;-mos-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}

.n_zoom .show span.btnl{ float:left; background:#e5e5e5 url(../images/btn_zoom.png) no-repeat 0px 14px;}

.n_zoom .show span.btnr{ float:right; background:#e5e5e5 url(../images/btn_zoom.png) no-repeat -60px 14px;}

.n_zoom .show span.btnl:hover{background:#e5e5e5 url(../images/btn_zoom.png) no-repeat 0px -56px;}

.n_zoom .show span.btnr:hover{background:#e5e5e5 url(../images/btn_zoom.png) no-repeat -60px -56px;}



.concept{ background:url(../images/bj_hr.jpg) no-repeat 450px bottom; overflow:hidden;}



.job{ margin:20px 0;}

.job .detail{ line-height:24px; padding:20px; display:none;}

.job h4{ line-height:34px; height:34px; padding:0 20px; border:1px dashed #aaa; cursor:pointer;}

.job h4 span{ width:34px; height:34px; display:block; float:right; position:relative;}

.job h4 span em{ width:20px; height:3px; display:block; background:#fd0817; position:absolute; top:16px; left:4px;}

.job h4 span em.jia{ width:3px; height:20px; left:13px; top:7px; display:none;}

.post{ padding:20px 30px; background:#ddd; line-height:24px; margin-top:24px;}

.post p{ padding:8px 0 0 0;}



.environment .roll{ padding-bottom:30px; overflow:hidden;}

.environment span{ width:36px; height:36px; display:block; float:left; background:#000; margin-top:20px; cursor:pointer; -webkit-transition: all 0.25s linear;-mos-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;}

.environment span.pre{background:url(../images/icon_btn_hj.png) no-repeat left 3px;}

.environment span.pre:hover{background:url(../images/icon_btn_hj.png) no-repeat 0 -28px;}

.environment span.next{ float:right; background:url(../images/icon_btn_hj.png) no-repeat right 3px;}

.environment span.next:hover{background:url(../images/icon_btn_hj.png) no-repeat right -28px;}

.environment .roll_box{ width:640px; float:left; overflow:hidden; margin-left:10px; position:relative;}

.environment .roll_box ul{ width:9999px;}

.environment .roll_box li{ float:left; width:125px; height:80px; margin-right:3px; cursor:pointer; position:relative;}

.environment .roll_box li.on{ border-bottom:2px solid #fd0817;}

.environment .roll_box li a{width:125px; height:80px; background:url(../images/bj_hj_a.png) no-repeat; position:absolute; left:0; top:0; display:none;}



.contact p{ line-height:24px; padding:2px;}

.contact .addres{ background:#f4f4f4; border:1px solid #ddd; padding:15px 26px; margin-bottom:8px; font-size:14px; color:#333;}

.search_tip{ background:url(../images/bj_fdj.jpg) no-repeat right bottom; height:160px; margin-top:20px;}

.search_tip .crumbs{ height:40px; line-height:40px; color:#7d7d7d; padding:30px 170px 10px 0;}

.search_tip .crumbs b{ background:url(../images/icon_crumbs.jpg) no-repeat left center; padding-left:26px; float:left; font-size:20px;}







.four .header { height:60px; width:752px; margin:0 auto; padding:80px 0 20px 0;}

.four .header .lang{ width:90px; height:22px; float:right; margin-top:47px;}

.four .header .lang a{ width:22px; height:22px; float:left; display:block; margin-left:8px; text-align:center; line-height:23px; color:#ed1c24; background:url(../images/icon_bj_lang.png) no-repeat -31px center;}

.four .header a:hover,.four .header a.now{background:url(../images/icon_bj_lang.png) no-repeat left center; color:#fff;}

.four_main{ height:236px; background:#f4f4f4; border:1px solid #ddd; width:750px; margin:0 auto; border-left:2px solid #fd0817; margin-bottom:20px; text-align:center;}

.four_main h4{ padding-top:60px; font-size:16px; line-height:50px; height:50px;}

.four_main a.back{ background:url(../images/bj_four_a.jpg) no-repeat left center; width:144px; height:48px; display:inline-block; margin:0 auto; line-height:48px; font-size:14px; color:#fff; margin-top:20px;}

.side_right .addres a:hover{color:red; text-decoration:underline;}