﻿

*{ 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:#0258ab;}

.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(../image/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(../image/icon_page.png) no-repeat 6px -18px; color:#666;}

.page .next{border:1px solid #ccc; background:url(../image/icon_page.png) no-repeat -20px 6px; padding-right:20px; color:#999;}

.page .next:hover{background:#d6d6d6 url(../image/icon_page.png) no-repeat -20px -18px; color:#666;}

/*引导页*/

.bj_intro{ background:#eee url(../image/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(../image/bj_copy_lang.png) no-repeat -31px center; font-size:12px; text-align:center;}

.intro .lang a:hover,.intro .lang a.now{background:url(../image/bj_copy_lang.png) no-repeat left center; color:#fff;}

.intro .copy a.support{ background:url(../image/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(../image/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; background:#fff;}

.n_top{ width:1002px; margin:0 auto; height:100px;}

.top .logo{ width:500px; float:left; height:78px; margin-top:10px;}

.top .tel{ width:170px; float:left; height:30px; line-height:30px; color:#ed1c24; font-size:18px; margin-top:44px; margin-left:55px }

.top .tel span{ background:url(../image/iocn_tel.png) no-repeat left center; padding-left:20px; height:30px; display:inline-block; color:#4c4c4c;}

.top .ewm{ width:68px; float:left; text-align:center; margin-top:8px; }

.top .r_top{ width:200px; float:right;}

.top .t_qq{ width:100px; float:left; padding-top:15px; text-align:center; padding-left:20px}
.top .gq{ float:right; margin-top:12px; margin-right:5px}
.top .gq .now{ margin-right:15px}

.top .lang{ height:22px; float:right; margin-top:12px; margin-right:10px}

.top .lang a{ width:22px; height:22px; float:left; display:block; margin-left:8px; text-align:center; line-height:23px; color:#005aab; background:url(../image/icon_bj_lang.png) no-repeat -31px center;}

.top .lang a:hover,.top .lang a.now{background:url(../image/icon_bj_lang.png) no-repeat left center; color:#fff;  padding-right:10px}

.top .search{ width:190px; float:right; height:34px; padding-top:12px;}

.top .search input[type=text]{ float:left; width:150px; padding:0 4px; color:#999; height:24px; border:1px solid #ddd; margin-top:2px;}

.top .search input[type=button]{ float:right; width:30px; height:30px; background:url(../image/icon_search.jpg) no-repeat left center; cursor:pointer;}



.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{float: left;}

.menu .nva li{ width:95px; 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; font-weight:bold}

.menu .nva li a:hover,.menu .nva li a.now{color:#fff; background:url(../image/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(../image/icon_search.jpg) no-repeat left center; cursor:pointer;}





.drop { width:170px; background:url(../image/bj_nva_drop.png) repeat; position:absolute; left:0; top:40px; display:none; padding-left:15px}

.drop .l{ width:170px; float:left;}

.drop .l ul{ width:170px; float:left; padding-top:4px;}

.drop .l li{ float:none;  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(../image/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(../image/bj_drop_iconl.png) no-repeat left 1px; color:#0258ab;}

.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:#4c7e9f; width:330px; float:left; height:10px; margin-right:6px; display:inline-block;}

.banner .n_banner .num a.now{ background:#0258ab;}


.left_art{width:272px; margin-bottom:10px}
.left_art .art_img{ width:73px; height:73px; float:left; padding-right:6px}
.left_art p a{ color:#333; width:190px; height:18px; overflow:hidden; font-weight:bold; display:block}
.left_art p a:hover{ color:#0258ab}
.left_art .b{color:#666; height:51px; overflow:hidden; padding-top:5px; line-height:18px}
#left_artlb {padding:0px 0px 0px 0px;}
#left_artlb li {background:url(../image/left_a.gif) 0px 8px no-repeat; padding-left:10px; text-align:left; width:260px}
#left_artlb li a{width:180px; overflow:hidden; height:20px; line-height:20px; display:block; color:#666; float:left}
#left_artlb li a:hover{ color:#0258ab}
#left_artlb li p{ float:right; color:#999}




.main{ width:1002px; margin:0 auto; overflow:hidden; padding-top:20px; padding-bottom:40px}

.main_intro { width:1012px; height:340px;}

.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(../image/bj_gary.jpg) no-repeat left bottom; position:absolute; bottom:-10px; left:0;}

.main_intro .in_list h4{ font-size:22px; color:#7c7c7c; padding:10px 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 h5{ font-size:22px; color:#7c7c7c; padding:10px 0; height:44px; text-align:center; line-height:40px;}

.main_intro .in_list h5 span{ width:160px; display:inline-block;}

.main_intro .in_list h5 span img{ float:left;}

.main_intro .in_list .txt{line-height:21px;}
.main_intro .in_list .txt span{ height:80px; overflow:hidden; display:block}

.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:#0258ab; border:1px solid #0258ab}

.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;}





.i-about{position: relative;overflow: hidden; background: url("404.png") no-repeat center top; margin-bottom:20px}
.i-about .float{position: absolute;left: 50%;top: 0;z-index: 1;width: 1920px; margin-left: -960px;}
.float-fl{position: absolute;left: 0;top: 101px;width: 470px;height: 595px;background: url("404.png") no-repeat;}
.float-fr{position: absolute;right: 35px;top: 414px;width: 376px;height: 453px;background: url("404.png") no-repeat;}
.i-about .w980{overflow: hidden;width:1002px;margin:0 auto;z-index: 2;height: 642px;}
.i-about .img{position: relative;float: right;width: 428px;height: 429px;margin-right: -428px;}

.i-about .w980 .list{float:left; width:480px;}
.i-about .w980 .list li{width:480px; padding-bottom:25px; overflow:hidden}
.i-about .list .in{width:63px; height:72px; background:url("../image/bg_sign03.png") no-repeat left center;font: bold 30px/72px Arial;color: #fff;text-align: center; float:left}
.i-about .list .introin{float:left; width:382px; font-size: 16px; line-height: 30px; color: #333; margin-left:30px; margin-top:8px}

.i-about .list h2{padding-right: 16px;font-size: 28px; color: #0258ab; float:left}
.i-about .list h3{padding-right: 16px;font-size: 22px; line-height:42px;color: #666;}
.i-about .list p{ font-size:12px; color:#333; line-height:22px}
.i-about .img span{display: inline-block;position: absolute;left: 50%;top: 32%;width: 81px;height: 81px;background: url("../image/bg_sign04.png") no-repeat;font-size: 18px;line-height: 81px;color: #0258ab;text-align: center;filter: alpha(opacity=0);opacity: 0;}


.product_list {max-width: 1002px;margin: 0px auto 20px auto;}
.product_list h2 {border-bottom: 1px solid #e7e7e7; padding-bottom:11px}
.product_list h2 span {float: right; padding-top:20px}
.product_list h2 span a.link{ width:50px; height:22px; color:#bbb; border:1px solid #ddd; display:block;text-align:center; line-height:22px; font-size:12px}
.product_list h2 span a.link:hover{ color:#0258ab; border:1px solid #0258ab}
.product_list h2 b {font-size: 22px; color: #7c7c7c; border-bottom: 2px solid #0258ab; padding-bottom:10px}

.product_list ul {width: 1002px;}
.product_list li {float: left;padding: 7px 0px 16px 0px; min-height: 230px; display: inline-block;background: #fbfbfb;overflow: hidden;border: 1px solid #e9e9e9;margin: 15px 9px 5px 9px; width:230px;}
.pro_name {text-align: center;font-size: 14px;line-height: 18px;margin-top: 8px; height:22px; overflow:hidden}
.pro_button {text-align: center;margin-top: 12px;}
.pro_button a {background: #999;padding: 5px 10px;border-radius: 3px;color: #fff;font-size: 15px;margin: 0px 4px;}
.pro_button a:hover {background: #0258ab;padding: 5px 10px;border-radius: 3px;color: #fff;font-size: 15px;margin: 0px 4px;}




.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(../image/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(../image/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:50px; line-height:30px;}

.case .n_case_box li a{ width:180px; height:160px; background:url(../image/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:120px; height:28px; background:url(../image/icon_pro.png) no-repeat; position:absolute; top:-20%; left:32%; 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; color:#0258ab; line-height:28px; font-size:14px; font-weight:bold}

.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:32%; 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{  float:right;}

.n_footer .l .c2 a.qq{ width:100px; height:27px; background:url(../image/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:#0258ab;}
.n_footer .r { width:370px; float:right;}

.n_footer .r .link{ width:200px;overflow:hidden; float:left}

.n_footer .r .link .ll{ width:80px; height:26px; background:url(../image/bj_foter_new.png) left -30px; display:block; float:left; text-align:center; line-height:26px;margin-left:10px; margin-top:10px}

.n_footer .r .link .ll:hover{background:url(../image/bj_foter_new.png) left 0px; color:#0258ab;}

.n_footer .r .copy{ line-height:22px; padding-top:10px;  width:370px; margin-left: 10px;}

.n_footer .r .copy a.support{ background:url(../image/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(../image/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:#0258ab; line-height:54px; font-style:italic; position:absolute; top:-54px; left:0;}
.side_left .tit2{ position:relative; top: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;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}

.side_left li a:hover,.side_left li a.now{border-left:3px solid #0258ab; color:#0258ab;}



.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(../image/icon_crumbs.jpg) no-repeat left center; padding-left:26px; float:left}

.side_right .crumbs span{ float:right; font-size:12px}

.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(../image/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(../image/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(../image/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(404.png) no-repeat left bottom;}

.process li .txt{ width:570px; float:right; padding-top:50px; line-height:24px;}

.process li .time{ background:url(../image/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(../image/icon_ad.png) no-repeat 110px center; width:180px; height:34px; line-height:34px;}

.admore:hover{ display:inline-block; background:#ed1c24 url(404.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(../image/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(../image/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(../image/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(../image/new_icon.jpg) no-repeat 6px center; border-right:2px solid #0258ab;}

.n_case{ width:730px;}

.n_case ul{ width:740px;}

.n_case li{ float:left; width:192px; height:178px; background:url(../image/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 #0258ab;}



.zoom{ width:100%; height:100%; background:url(../image/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(../image/btn_zoom.png) no-repeat 0px 14px;}

.n_zoom .show span.btnr{ float:right; background:#e5e5e5 url(../image/btn_zoom.png) no-repeat -60px 14px;}

.n_zoom .show span.btnl:hover{background:#e5e5e5 url(../image/btn_zoom.png) no-repeat 0px -56px;}

.n_zoom .show span.btnr:hover{background:#e5e5e5 url(../image/btn_zoom.png) no-repeat -60px -56px;}



.concept{ background:url(../image/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(404.png) no-repeat left 3px;}

.environment span.pre:hover{background:url(404.png) no-repeat 0 -28px;}

.environment span.next{ float:right; background:url(404.png) no-repeat right 3px;}

.environment span.next:hover{background:url(404.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(404.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(../image/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(../image/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(../image/icon_bj_lang.png) no-repeat -31px center;}

.four .header a:hover,.four .header a.now{background:url(../image/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(404.png) 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;}

.bannerny {width: 100%;overflow: hidden;position: relative;z-index: 1;}
.bannerny .innner_banner {width: 1920px;margin: 0 -459px;height: 230px;overflow: hidden;}
.bannerny .n_banner {width: 1002px;margin: 0 auto;position: relative;}





.ny_product_list li {float: left;padding: 7px 0px 16px 0px; min-height: 230px;display: inline-block;background: #fbfbfb;overflow: hidden;border: 1px solid #e9e9e9;margin: 15px 5px 5px 6px; width:230px;}

.pro_img{width:228px;height:195px;display:table-cell;/* for opera */text-align:center;vertical-align:middle;/* for opera */display:block;}
.pro_img img {display:inline-block;text-align: center;vertical-align:middle;border:none;}
.pro_img .edge {width:0;height:100%;display:inline-block;vertical-align:middle;}


.case .n_case_box li .p{ padding-top:10px; width:180px;height:70px;display:table-cell;/* for opera */text-align:center;vertical-align:middle;/* for opera */
display:block;}
.case .n_case_box li .p .edge {width:0; height:100%; display:inline-block; vertical-align:middle;}
.case .n_case_box li .p img {display:inline-block;text-align: center;vertical-align:middle;border:none;}



/* 产品详细页 产品图片展示和基本资料 */
#pro_detail_box01{ width:100%;height:280px;clear:both; padding-top:10px; margin-bottom:20px; padding-bottom:10px;}
#prodetail_img{ float:left; width:280px; position:relative; height:280px; padding:3px; border:2px solid #ddd; background:#fff; text-align:center;}
#prodetail_img img{ vertical-align:middle;}
#fdj{ position:absolute; margin-top:-15px; margin-left:240px; float:right; display:block;}


#pro_detail_text{ float:right; height:260px;width:350px;_width:350px;  display:block; font-size:12px;}
#pro_detail_text h1{font-size:16px; line-height:23px; border-bottom:1px solid #ccc; color:#0258ab; margin-bottom:12px;font-family: "Microsoft YaHei"; padding-bottom:10px;}
#pro_detail_text .fhbc{ font-size:12px; line-height:22px; color:444;}
#pro_detail_text .bt{ font-size:14px; color:#333; background:url(../image/bgPro2.jpg) no-repeat left; padding-left:22px; margin-bottom:10px;}
.pro_pt{font-size: 14px;    height: 30px;    line-height: 30px;}

#pro_detail_text .pro_ms{height:90px; margin-top:10px;clear:both; line-height:20px; overflow:hidden; margin-bottom:15px;}
#pro_detail_text .pro_ms p{ line-height:21px; color:#666;}

#pro_detail_text .pro_gwc_an_box{ clear:both;padding-top:20px; margin-bottom:20px; height:40px;}
#pro_detail_text .pro_gwc_an_box .gwc_an3{ display:block; line-height:40px; overflow:hidden; width:140px; height:40px;background: url(404.png) no-repeat 10px 5px #f06524; color:#fff; font-size:18px; text-indent:50px;cursor:pointer;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(404.png); float:left;}
#pro_detail_text .pro_gwc_an_box .gwc_an3:hover{ ;background: url(404.png) no-repeat 10px 5px #FF3300;}

#pro_detail_text .pro_gwc_an_box .gwc_an2{ display:block; line-height:40px; overflow:hidden;background: url(404.png) no-repeat 10px 5px #f06524; width:140px; height:40px; color:#fff; font-size:18px; text-indent:50px; cursor:pointer;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(404.png); float:left; margin-left:10px;}
#pro_detail_text .pro_gwc_an_box .gwc_an2:hover{ background: url(404.png) no-repeat 10px 5px #FF3300;}


.proxlbox{ width:200px; margin:0 auto;}

/* 产品介绍、详细参数、售后服务--TAB-- */ 
#ny_pro_box02{ width:100%; clear:both; margin-top:10px;}
#ny_pro_box02 #con { width:100%;margin:0 auto; clear:both;}
#ny_pro_box02 #tags {height:33px;line-height:35px; border-bottom:2px solid #0258ab;}
#ny_pro_box02 #tags li {float:left;list-style-type: none; height:33px; margin-right:1px;}
#ny_pro_box02 #tags li a {color: #0258ab;line-height:33px;height:33px;width:102px; background:#ddd; text-decoration: none;display:block; text-align:center;font-size:14px;}
#ny_pro_box02 #tags li a:hover{ width:102px;color:#01499e; height:33px; border-top:none;}

#ny_pro_box02 #tags li.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px;}
#ny_pro_box02 #tags li.selectTag {background-position: left top;  position: relative; height:33px;}
#ny_pro_box02 #tags li.selectTag a {width:102px;height:33px; background:#0258ab; color:#fff;}

#ny_pro_box02 #tagContent {font-size:12px;color:#333;overflow:hidden;clear:both; width:100%; clear:both; min-height:200px; line-height:24px; background:#fff;}
#ny_pro_box02 .tagContent {DISPLAY: none; COLOR: #474747; padding:5px 5px 5px 10px;*padding:5px 5px 5px 10px;}
#ny_pro_box02 #tagContent DIV.selectTag {DISPLAY: block; overflow:hidden;}








/*优势*/
.ys_t{ background:url(404.png) no-repeat center 0; height:190px;}
.ys_t p{ width:960px; margin:0 auto; text-align:center;font-family:"Microsoft YaHei"; font-size:19px; color:#fff; padding-top:40px;}
.ys_t p span{ display:block; font-size:38px;font-weight:bold;}
.ys_mt{ background:url(404.png) no-repeat center 0; height:549px; overflow:hidden;}
.ys_mb{ background:url(404.png) no-repeat center 0; height:310px; overflow:hidden; margin-bottom:20px}
.ys_01,.ys_02,.ys_03,.ys_04,.ys_05{ width:960px; margin:0 auto;}
.ys_01l{ width:420px; float:left}
.ys_01l dl{ width:420px; padding-top:64px;}
.ys_01l dt{background:url(404.png) no-repeat; height:72px;padding-left:100px;}
.ys dt{font-family:"Microsoft YaHei"; font-size:22px; color:#000; font-weight:bold;}
.ys dt span{ display:block; padding-top:10px;}
.ys dd{ background:url(404.png) no-repeat 0 23px; padding-left:30px; line-height:25px;font-family:"Microsoft YaHei"; font-size:14px; color:#000; padding-top:17px;}
.ys_01r{ padding:104px 17px 0 0; width:454px; float:right}
.ys_01r img{ width:454px; height:159px;}

.ys_02{ padding-top:67px;}
.ys_02l{ padding:0 89px 0 62px; float:left }
.ys_02r{float:right}
.ys_02l img{ width:363px; height:254px;}
.ys_02r dl{ width:437px;}
.ys_02r dt{ background:url(404.png) no-repeat; height:93px;padding-left:100px;}
.ys_02r dt span{ padding-top:20px;}

.ys_03l{ width:365px; float:left}
.ys_03l dl{ width:365px; height:145px; padding-top:62px;}
.ys_03l dt{ background:url(404.png) no-repeat; height:72px;padding-left:100px;}
.ys_03r{ width:481px; position:relative; float:right}
.ys_03r span{ background:url(404.png) no-repeat; width:838px; height:48px; display:block; position:absolute; top:221px; right:0;}
.ys_03r span a{font-family:"Microsoft YaHei"; font-size:14px; color:#fff; padding:13px 0 0 48px; display:inline-block;}
.ys_03r img{ width:481px; height:238px;}

/*---------在线咨询-------*/
.txtbox{border:1px solid #ccc;height:30px;line-height:30px;width:250px; padding-left:5px;font-family: "Microsoft YaHei"; color:#999; font-size:12px;}
.txtbox:hover{border:1px solid #999;height:30px;line-height:30px;width:250px;color:#333;}
.txtbox:focus{border:1px solid #666;height:30px;line-height:30px;width:250px;color:#333;}

.txtbox01{border:1px solid #ccc;height:30px;line-height:30px;width:80px; padding-left:5px;font-family: "Microsoft YaHei";color:#999;}
.txtbox01:hover{border:1px solid #999;height:30px;line-height:30px;width:80px;color:#333;}
.txtbox01:focus{border:1px solid #666;height:30px;line-height:30px;width:80px;color:#333;}
.bfont{ font-size:12px; color:#333333;}

.order_nr_box{ width:600px; font-size:12px; height:100px;border:1px solid #ccc;overflow:auto;background:none;padding-left:5px;font-family: "Microsoft YaHei";color:#333;}
.order_nr_box:hover{border:1px solid #999;color:#333;}
.order_nr_box:focus{border:1px solid #666;color:#333;}

#loginbox{width:100%;margin:10px;}
#loginbox tr td{ padding-bottom:10px;}
#loginbox tr td p{ padding-left:20px;}

#btnlogin {width:150px;height:40px; margin:20px 0 0 90px;}
#btnlogin .tj_input{ width:150px; height:38px; background:#ff7300;text-align:center; color:#fff; font-size:16px; border:none; margin:0px;cursor: pointer;font-family: "Microsoft YaHei"; }
#btnlogin .tj_input:hover{background:#ff5400;}


/*---人力资源---*/

table.ttl1{ border:1px solid #E6E6E6;}
table.ttl1 td{ font-weight:bold; background:#f2f2f2; color:#333;}

table.list{ margin:10px 0 0;}
table.list td{ height:30px; text-align:center; color:#666; border-bottom:1px solid #ddd;}
table.list td.ttl{ text-align:left; padding:0 0 0 10px;}
table.list td.date{ text-align:left; color:#BBBBBB;}
table.list td.number{ color:#BBBBBB; font-size:11px; padding:0 0 0 10px; text-align:left;}
table.list td a{ color:#333;}

.job_nav_list{ width:100%; height:25px; clear:both; margin-top:10px; margin-bottom:20px;}
.job_nav_list a{ min-width:70px; height:25px; display:block; float:left; background:#dddddd; color:#333; text-align:center;line-height:25px; margin-right:5px; padding:0 5px 0 5px;}
.job_nav_list a:hover{ background:#666; color:#fff;}
.job_nav_active{ background:#009241!important; color:#fff!important;}

.jobname{ font-weight:bold; font-size:14px; color:#757575; margin:10px 0 15px;}
table.ttl2{ border:1px solid #E6E6E6;}
table.ttl2 td{ color:#666; text-align:center; font-weight:bold; background:#F2F2F2;}

.table1 td{ height:40px; text-align:center;}
.table1 td.f11{ font-size:11px; color:#bbb;}
.job_name{ text-align:left; margin-left:10px;}
.list a:hover{ color:#0258ab;}

.jobinfo{ color:#949494; line-height:24px; padding:20px 0 20px 20px; border-top:1px dotted #C8C8C8;}
.jobinfo b{ color:#2d64a4;}


/*-- 产品LIST页 列表样式 --*/
#ny_prolist{ clear:both;}
#ny_prolist li:hover .nypro_img{ border:1px solid #0141a2;}
#ny_prolist li .nypro_img{ float:left; width:130px; height:100px; border:1px solid #ddd; line-height:100px; overflow:hidden; padding:3px; display:table-cell;text-align:center;vertical-align:middle; }
#ny_prolist li .nypro_img img{ display:inline-block;text-align: center;vertical-align:middle;}

#ny_prolist li{border-bottom:1px solid #dedede; padding-bottom:15px; padding-top:10px;clear:both; width:700px}
#ny_prolist li .listtext{float:left; width:500px; margin-left:15px; color:#999; line-height:20px; font-size:12px;}
#ny_prolist li .listtext a.bt{color:#323431; font-size:16px;font-family:'Microsoft YaHei';}
#ny_prolist li .listtext a.bt:hover{ color:#0141a2;}
#ny_prolist li .listtext .pro_des{height:44px; overflow:hidden; /*padding-top:10px;*/ line-height:20px;}

#ny_prolist li p{display:block;margin-top:10px; float:right}
#ny_prolist li p a{ height:17px; line-height:17px;color:#9c9c9c; display:block;float:left;padding-left:0px; margin-top:0px; white-space:nowrap; padding-right:10px}
#ny_prolist li p a:hover{ color:#333;}
#ny_prolist li p a.aPro1{background:url(404.png) no-repeat left 1px; padding-left:22px;}
#ny_prolist li p a.aPro2{background:url(../image/bgPro2.jpg) no-repeat left 1px; padding-left:22px;}
#ny_prolist li p a.aPro3{background:url(404.png) no-repeat left 1px; padding-left:22px;}



.yqlj{ width:1002px; margin:0 auto; clear:both; overflow:hidden; margin-top:15px; margin-bottom:20px;}
.yqlj .tit{background: url(../image/icon_case.jpg) no-repeat left 0px;color: #333; height:30px;font-size: 16px;padding-left: 30px;}
.plist_pt{    margin-top: 0px!important;    float: none!important; height:24px; line-height:24px; font-size:13px; padding:0!important;}