@charset "utf-8";



/* CSS Document */



/*



旭之辉



技术支持：凡高网络



Time : 2019-4-1



Author : jj



*/







@font-face{



	font-family: myFirstFont;



	src:url(../font/GeBody.ttf);



}







/*banner*/







/*s_f1*/



/*banner*/



.banner { height:577px; width:100%; overflow:hidden; position:relative; z-index:0; }



.banner .swiper-slide{ height:577px; }



.banner .swiper-slide a{ display:block; height:100%;}



.banner .pagination{ position:absolute; bottom:58px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%);}



.banner .pagination span{ display:inline-block; width:10px; height:10px; background:none; border-radius:50%; border:1px solid #fff;border:1px solid rgba(255,255,255,.5); margin:0 4.5px; cursor:pointer;}



.banner .pagination span.swiper-active-switch{ background:#bfbfbf; border:1px solid #bfbfbf;}



/*banner end*/







.banner .arrow-left2 {



  background: url(../images/bn_left.png) no-repeat left top;



  position: absolute;



  left: 100px;



  top: 50%;



  margin-top: -11px;



  width: 58px;



  height: 22px; z-index:9;



}



.banner .arrow-right2 {



  background: url(../images/bn_right.png) no-repeat left bottom;



  position: absolute;



  right: 100px;



  top: 50%;



  margin-top: -11px;



  width: 58px;



  height: 22px; z-index:9;



}















/*项目分类*/



.s_xiangmu{ margin-top:-76px; position:relative; z-index:1; margin-bottom:68px; height:76px !important;}



.s_xiangmu .bd{ overflow:hidden;height:76px !important; }



.s_xiangmu ul{}



.s_xiangmu ul li{ width:25%; float:left; height:76px !important; background:rgba(255,255,255,0.83); position:relative;}



.s_xiangmu ul li:after{ content:""; position:absolute; display:block; width:1px; height:67px; top:5px; right:-1px; background:#fff;}



.s_xiangmu ul li span{ display:block; width:33px; height:30px; margin:12px auto 4px;}



.s_xiangmu ul li h5{ text-align:center; font-size:14px; color:#4d4d4d;}



.s_xiangmu ul li.on{ background:#bf0021; background:rgba(191,0,33,.83)}



.s_xiangmu ul li.on h5{ color:#fff;}



.s_xiangmu ul li.li_0 span{ background:url(../images/f1_ico1.png) center no-repeat;}



.s_xiangmu ul li.li_1 span{ background:url(../images/f1_ico2.png) center no-repeat;}



.s_xiangmu ul li.li_2 span{ background:url(../images/f1_ico3.png) center no-repeat;}



.s_xiangmu ul li.li_3 span{ background:url(../images/f1_ico4.png) center no-repeat;}



.s_xiangmu ul li.li_4 span{ background:url(../images/f1_ico5.png) center no-repeat;}



.s_xiangmu ul li.li_5 span{ background:url(../images/f1_ico6.png) center no-repeat;}



.s_xiangmu ul li.li_6 span{ background:url(../images/f1_ico7.png) center no-repeat;}



.s_xiangmu ul li.li_7 span{ background:url(../images/f1_ico8.png) center no-repeat;}



.s_xiangmu ul li.li_8 span{ background:url(../images/f1_ico9.png) center no-repeat;}



.s_xiangmu ul li.li_9 span{ background:url(../images/f1_ico10.png) center no-repeat;}



.s_xiangmu ul li.li_0.on span{ background:url(../images/f1_ico1_on.png) center no-repeat;}



.s_xiangmu ul li.li_1.on span{ background:url(../images/f1_ico2_on.png) center no-repeat;}



.s_xiangmu ul li.li_2.on span{ background:url(../images/f1_ico3_on.png) center no-repeat;}



.s_xiangmu ul li.li_3.on span{ background:url(../images/f1_ico4_on.png) center no-repeat;}



.s_xiangmu ul li.li_4.on span{ background:url(../images/f1_ico5_on.png) center no-repeat;}



.s_xiangmu ul li.li_5.on span{ background:url(../images/f1_ico6_on.png) center no-repeat;}



.s_xiangmu ul li.li_6.on span{ background:url(../images/f1_ico7_on.png) center no-repeat;}



.s_xiangmu ul li.li_7.on span{ background:url(../images/f1_ico8_on.png) center no-repeat;}



.s_xiangmu ul li.li_8.on span{ background:url(../images/f1_ico9_on.png) center no-repeat;}



.s_xiangmu ul li.li_9.on span{ background:url(../images/f1_ico10_on.png) center no-repeat;}



.s_xiangmu .prev,.container01 .next{ position:absolute; width:24px; height:76px; display:block; top:0; cursor:pointer;}



.s_xiangmu .prev{ background:url(../images/f1_l.png) center no-repeat; left:-33px;}



.s_xiangmu .next{ background:url(../images/f1_r.png) center no-repeat; right:-33px;}







.s_rukou{ overflow:hidden; margin-bottom:85px;}



.s_rukou ul{ margin:0 -70px;}



.s_rukou ul li{ width:195px; height:195px; float:left; margin:0 70px; text-align:center; background:url(../images/s_f2_bg.png) center no-repeat; padding-top:60px; transition:.5s; -webkit-transition:.5s;}



.s_rukou ul li a{ display:block; width:100%; height:100%;}



.s_rukou ul li span{ display: block; height:45px;}



.s_rukou ul li p{ margin-top:10px; font-size:14px; color:#323336; font-weight:bold;}



.s_rukou ul li:hover{ background:url(../images/s_f2_bg_on.png) center no-repeat;}







.s_pro{ background:url(../images/s_pro_bg.jpg) center top no-repeat; padding-top:58px; height:851px; border-bottom:1px solid #eaebed;}



.s_pro .up{ overflow:hidden; margin-bottom:90px;}



.s_pro .up .tt{ float:left;}



.s_pro .up .tt i{ width:28px; height:2px; display:block; background:#bf0021; margin-bottom:22px;}



.s_pro .up .tt h3{ font-size:24px; color:#bf0021;}



.s_pro .up .tt h3 span{ font-size:30px; color:#3c3e3f; margin-right:20px; font-family:Shruti,arial; font-weight:bold; text-transform:uppercase;}



.s_pro .up .tt p{ font-size:12px; color:#ca5865;}



.s_pro .up .hd{ float:right; margin-top:23px;}



.s_pro .up .hd a{ display:inline-block; width:35px; height:35px; margin-left:10px;}



.s_pro .up .hd .prev{ background:url(../images/s_pro_left.png) center no-repeat;}



.s_pro .up .hd .next{ background:url(../images/s_pro_right.png) center no-repeat;}



.s_pro .up .hd .prev:hover{ background:url(../images/s_pro_left_on.png) center no-repeat;}



.s_pro .up .hd .next:hover{ background:url(../images/s_pro_right_on.png) center no-repeat;}



.s_pro .bd{ overflow:hidden; margin:0 -13.5px; margin-bottom:70px;}



.s_pro .bd ul{}



.s_pro .bd ul li{ width:280px; height:440px;  background:#eaebed; margin:0 13.5px; float:left;}



.s_pro .bd ul li a{padding:6px; display:block; width:280px; height:440px; position:relative; }



.s_pro .bd ul li .img_tab{ width:268px; height:310px; background:#fff; display:table;}



.s_pro .bd ul li .tab_cl{ width:268px; height:310px; display:table-cell; vertical-align:middle; text-align:center; font-size:0;}



.s_pro .bd ul li img{ max-width:100%; max-height:100%;width: 100%; height: 100%;}



.s_pro .bd ul li .txt{}



.s_pro .bd ul li .txt h5{ font-size:18px; color:#1c1b1b; text-align: center; margin-top:25px; margin-bottom:8px; padding:0 10px;}



.s_pro .bd ul li .txt p{ font-size:12px; color:#878a8d; text-align:center; line-height:18px; height:36px; overflow:hidden; padding:0 10px;}







.s_pro .bd ul li a:after{ content:""; display:block; height:2px; width:100%; background:#bf0021; position:absolute; bottom:0; left:0;transition:.5s; -webkit-transition:.5s; -ms-transition:.5s; -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transform:scaleX(0);}



.s_pro .bd ul li a:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1);-ms-transform:scaleX(1);}







.s_pro .btn{ width:246px; height:45px; line-height:39px; text-align:center; margin:0 auto; display:block; margin-top:69px; color:#2a2929; border:3px solid #e5e5e5; border-radius:3px; font-size:16px; position:relative; z-index:0; transition:.5s; -webkit-transition:.5s;}



.s_pro .btn:before{ content:""; width:100%; height:0; top:0; left:0; background:#e5e5e5; z-index:-1; display:block; position:absolute; transition:.5s; -webkit-transition:.5s;}



.s_pro .btn:hover{ }



.s_pro .btn:hover:before{ height:100%; bottom:0; top:auto;}







.s_tt{ text-align:center;}



.s_tt i{ width:28px; height:2px; display:block; background:#bf0021; margin:0 auto; margin-bottom:22px;}



.s_tt span{ display:block; font-size:30px; color:#3c3e3f; font-family:Shruti,arial; text-transform:uppercase; font-weight:bold;}



.s_tt h3{ font-size:24px; color:#bf0021; text-align:center; margin-top:10px;}







.s_case{ height:853px; background:url(../images/s_case_bg.jpg) right top no-repeat;  padding-top:60px;}



.s_case .m{ position:relative; margin-top:60px;}



.s_case .hd{}



.s_case .hd a{ display:block; width:35px; height:35px;}



.s_case .hd .prev{ position:absolute; left:-52px; top:159px; background:url(../images/s_case_prev.png) center no-repeat;}



.s_case .hd .next{ position:absolute; right:-52px; top:159px; background:url(../images/s_case_next.png) center no-repeat;}



.s_case .bd{ margin-left:-19px; overflow:hidden; margin-bottom:57px;}



.s_case .bd ul{ padding:30px 0;}



.s_case .bd ul li{ width:308px; float:left; }



.s_case .bd ul li a{ width:280px; height:420px; padding:17px; padding-top:55px; background:#f5f7fa; margin:0 14px; position:relative; display:block;transition:.5s; -webkit-transition:.5s; border:3px solid #eee; border-radius:3px;}



.s_case .bd ul li a:hover{ border:3px solid #bf0021; }



.s_case .bd ul li span{ width:64px; height:64px; border-radius:50%; background:#bf0021; border:7px solid #e5afbb; display:block; margin:0 auto; text-align:center; line-height:50px; color:#fff; font-size:18px; font-family:impact; position:relative;}



.s_case .bd ul li span:after{ content:""; position:absolute; display:block; width:80px; height:80px; border-radius:50%; border:1px solid #e8e9ea; left:-15px; top:-15px;transition:.5s; -webkit-transition:.5s;}



.s_case .bd ul li span:before{ content:""; position:absolute; display:block; width:80px; height:80px; border-radius:50%; border:1px solid #e8e9ea; left:-15px; top:-15px;transition:.5s; -webkit-transition:.5s;transform:scale(.9); opacity:0;}



.s_case .bd ul li:hover span:after{ transform:scale(1.3); opacity:0;border:1px solid #aec2dc;}



.s_case .bd ul li:hover span:before{ transform:scale(1.05); opacity:1;border:1px solid #aec2dc;}



.s_case .bd ul li .img{ width:241px; height:133px;}



.s_case .bd ul li .img img{}



.s_case .bd ul li .txt{transition:.5s; -webkit-transition:.5s;}



.s_case .bd ul li .txt h5{ font-size:18px; color:#373739; margin-top:35px; text-align:center; margin-bottom:20px;}



.s_case .bd ul li .txt p{ font-size:12px; color:#979797; line-height:18px; height:36px; overflow:hidden; margin-bottom:24px;}



.s_case .btn{ width:247px; height:47px; border:2px solid #bf0021; border-radius:3px; font-size:16px; color:#fff; line-height:45px; text-align:center; display:block; margin:0 auto; position:relative; z-index:0;}



.s_case .btn:before{ content:""; width:100%; height:100%; top:0; left:0; background:#bf0021; z-index:-1; display:block; position:absolute; transition:.5s; -webkit-transition:.5s;}



.s_case .btn:hover:before{ height:0; bottom:0; top:auto;}



.s_case .btn:hover{ color:#bf0021;}







.s_about{ overflow:hidden; height:630px; background:url(../images/s_about_bg.jpg) center no-repeat; padding-top:132px;}



.s_about .img{ width:523px; height:366px; float:left;}



.s_about .txt{ width:677px; height:365px; float:right; background:#bf0021; padding:0 65px; padding-top:66px;}



.s_about .txt h5{ margin-bottom:11px;}



.s_about .txt h5 a{ font-size:26px; color:#fff;}



.s_about .txt span{ display:block; font-size:14px; color:#e7b8bc; font-family:arial; text-transform:uppercase; padding-bottom:18px; border-bottom:1px solid #d24d64; margin-bottom:17px;}



.s_about .txt p{ font-size:14px; color:#edcbce; line-height:24px; height:144px; overflow:hidden;}











.s_news{ box-sizing:border-box; overflow:hidden; padding-bottom:63px;}



.s_news .hd{ margin-bottom:55px; overflow:hidden; text-align:center; padding-bottom:50px; border-bottom:1px solid #e6e7e9;}



.s_news .hd ul li{ text-align:center; cursor:pointer;  overflow:hidden; width:120px; height:35px;  background:#edeef1; line-height:35px; text-align:center; display:inline-block; border-radius:3px; margin:0 13px;transition:.3s; -webkit-transition:.3s; }



.s_news .hd ul li a{ font-size:14px; color:#2e2e2e;transition:.3s; -webkit-transition:.3s; }



.s_news .hd ul li:hover{ background:#bf0021;}



.s_news .hd ul li:hover a{ color:#fff;}



.s_news .hd ul li.on{ background:#bf0021;}



.s_news .hd ul li.on a{ color:#fff;}



.news_left{ width:480px; height:408px; float:left; overflow:hidden;}



.news_left .img{ width:480px; height:263px;}



.news_left .img img{ transition:2s; -webkit-transition:2s;}



.news_left:hover .img img{ transform:scale(1.1);}



.news_left .txt{ position:relative; padding:30px; padding-left:100px; height:144px; background: url(../images/s_news_txt.png) center no-repeat;}



.news_left .txt h5{ margin-bottom:13px; border-bottom:1px solid #d6556b; padding-bottom:20px;font-size:16px; color:#fff;}



.news_left .txt h5 a{ font-size:16px; color:#fff; display:inline-block;transition:.3s; -webkit-transition:.3s;}



.news_left .txt h5 a:hover{ color:#bf0021;}



.news_left .txt p{ font-size:14px; line-height:24px; height:48px; color:#e7b8bc; overflow:hidden;} 



.news_left .txt .riqi{ position:absolute; width:46px; height:95px; left:30px; top:0; color:#e6b2b7; font-family:arial; font-size:12px; top:26px;}



.news_left .txt .riqi span{ font-size:40px; display:block; color:#fff; margin-bottom:10px;}







.s_news{ padding-top:72px;}



.news_right{ width:650px; float:right; padding-top:15px;}



.s_news .bd{ margin-top:49px; padding-top:54px; border-top:1px solid #e6e7e9;}



.s_news .bd .new1{ position:relative; padding-right:100px;}



.s_news .bd .new1 h5{ margin-bottom:18px; border-bottom:1px solid #eee; padding-bottom:20px;}



.s_news .bd .new1 h5 a{ font-size:16px; color:#424040; display:inline-block;transition:.3s; -webkit-transition:.3s;}



.s_news .bd .new1 h5 a:hover{ color:#bf0021;}



.s_news .bd .new1 p{ font-size:14px; line-height:24px; height:48px; color:#999898; overflow:hidden;} 



.s_news .bd .new1 .riqi{ position:absolute; width:46px; height:95px; right:0; top:0; color:#bf0021; font-family:arial; font-size:12px; background:url(../images/riqi_ico.png) center bottom no-repeat;}



.s_news .bd .new1 .riqi span{ font-size:40px; display:block;}



.s_news .bd ul{ padding-top:30px; }



.s_news .bd ul li{ display:block; height:50px; line-height:50px; transition:.3s; -webkit-transition:.3s; box-sizing:content-box; border-bottom:1px solid #ededed;}



.s_news .bd ul li h5{ float:left; font-size:14px; line-height:50px; color:#312f2f; width:450px;transition:.3s; -webkit-transition:.3s;}



.s_news .bd ul li span{ float:right; font-size:12px; color:#b1b1b2;}



.s_news .bd ul li:hover h5{ color:#bf0021;}







.s_links{ padding:15px 0; line-height:25px; overflow:hidden; background:#f3f4f5;}



.s_links .m{ position:relative;}



.s_links span{ font-size:14px; color:#28292b; width:59px; position:absolute; left:0;}



.s_links span i{ position: absolute; width:56px; height:2px; background:#bf0021; left:0; top:-15px; }



.s_links p{ margin-left:50px; margin-right:-60px;}



.s_links a{ margin-left:60px; font-size:14px; color:#7e7f80;transition:.3s; -webkit-transition:.3s; display:inline-block;}



.s_links a:hover{color:#e84518;}







.s_links{ padding:15px 0; line-height:25px; overflow:hidden; background:#f3f4f5;}



.s_links .m{ position:relative;}



.s_links span{ font-size:14px; color:#28292b; width:59px; position:absolute; left:0;}



.s_links span i{ position: absolute; width:56px; height:2px; background:#bf0021; left:0; top:-15px; }



.s_links p{ margin-left:50px; margin-right:-60px;}



.s_links a{ margin-left:60px; font-size:14px; color:#7e7f80;transition:.3s; -webkit-transition:.3s; display:inline-block;}



.s_links a:hover{color:#bf0021;}











/*内页banner*/



.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index:0;}



.ny_banner {width: 1920px;height:298px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}



.ny_banner h5{ font-size:32px; font-family:arial; color:#ffff; text-transform:uppercase; text-align:center; font-weight:bold; padding-top:166px;}



.ny_banner i{ width:20px; height:3px; background:#fff; display:block; margin:0 auto; margin-top:15px;}







.n_main{}



.n_title{ height:80px; border-bottom:1px solid #c9c9c9;}



.n_title .m{ overflow:visible;}



.n_position{ float:right; background:url(../images/home_ico.png) left center no-repeat; padding-left:20px; margin-top:30px;}



.n_position a{ font-size:12px; color:#9e9e9f; padding-right:12px; position:relative;}



.n_position a:after{ content: url(../images/home_ico2.png); position:absolute; right:3px; top:-2px;}



.n_position em{ font-size:12px; color:#bf0021;}



.n_position a:hover{ color:#bf0021;}







.n_nav{ position:relative; text-align:center; font-size:0; float:left; margin-top:20px;}



.n_nav a{display:inline-block; width:135px; height:40px; line-height: 40px; border-radius:3px; text-align: center;box-sizing: border-box;position: relative; -webkit-transition:0.2s;transition:0.2s; margin-left:1px;}



.n_nav a strong{display:block;color: #474748;position:relative;z-index:4;font-size:14px;height:40px; line-height: 40px;font-weight: 100;}



.n_nav .on,.n_nav a:hover{background: #bf0021;color: #fff;}



.n_nav a:before{content:"";width:9px;height:9px;position: absolute;bottom:-24px;left: 50%;margin-left: -7px;background:#fff; border:2px solid #bf0021; border-radius:50%;-webkit-transition:0.6s;transition:0.6s; opacity:0;



 transform:scale(0); -webkit-transform:scale(0);}



.n_nav .on:before,.n_nav a:hover:before{opacity:1; transform:scale(1); -webkit-transform:scale(1);}



.n_nav .on strong,.n_nav a:hover strong{color:#fff;}







.n_content{ padding-top:55px;}











.ar_article{font-size:14px;color:#777;line-height:30px;text-align:justify;}



.ar_article p{font-size:14px;color:#777;line-height:30px;text-align:justify;margin-bottom: 23px;}	



.ar_article strong{ font-weight:bold;}



.ar_article img{ max-width:100%;}



.ar_article a{ color:#717173;}



.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5{ font-weight:bold;}



.ar_article h1{ font-size:2.25rem; margin-bottom:1.25rem}.ar_article h2{ font-size:1.875rem; margin-bottom:0.875rem;}.ar_article h3{ font-size:1.5rem; margin-bottom:0.9375rem}



.ar_article h4{ font-size:1.125rem; margin-bottom:0.875rem}.ar_article h5{ font-size:0.875rem; margin-bottom:0.75rem}.ar_article h6{ font-size:0.75rem; margin-bottom:0.75rem}



.ar_article ul li,



.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem; list-style:inherit !important;}



.ar_article ul li p,



.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }



.ar_article ul,



.ar_article ol{ margin-bottom:0.9375rem;}



.ar_article sub {vertical-align:sub; font-size: smaller;}



.ar_article sup { vertical-align:super; font-size: smaller;}



.ar_article p span{}



.ar_article img{ display:inline-block;}



.ar_article td,



.ar_article th{padding: 10px 0.9375rem;border: 1px solid #cfcfcf;}



.ar_article td p,



.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}



.ar_article table {border-collapse: collapse;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}



.ar_article table td {border-left: 1px solid #cfcfcf;border-top: 1px solid #cfcfcf;line-height: 24px;}







#n_about{ margin-bottom:40px; overflow:hidden;}







#n_zhaopin_xq{ padding-bottom:50px;}



#n_zhaopin_xq .fl{ width:269px; height:386px; background:#f4f2f6; border:1px solid #e5e5e5;}



#n_zhaopin_xq .fl .tab{ display:table;}



#n_zhaopin_xq .fl .tab_cl{ display:table-cell; vertical-align:middle; text-align:center; width:269px; height:386px; }



#n_zhaopin_xq .fl img{}



#n_zhaopin_xq .fl h5{ font-size:20px; color:#4d4c4b; text-align:center; margin-top:40px; margin-bottom:22px;}



#n_zhaopin_xq .fl p{ font-size:12px; color:#696969;}



#n_zhaopin_xq .fr{ width:875px; padding-top:30px;}











.n_down ul li{ margin-bottom:15px;}



.n_down ul li .top{position:  relative;height:90px;background: #eeeeee;padding: 25px 30px;box-sizing:  border-box; transition:.3s;}



.n_down ul li .top i{ position:absolute; right:35px; top:50%; margin-top:-9px; width:18px; height:18px; background:url(../images/down.png) center no-repeat;}



.n_down ul li .top h5{ font-size:15px; color:#606060; margin-bottom:9px;}



.n_down ul li .top h6{ font-size:12px; color:#a5a5a5}



.n_down ul li:hover .top{background:#bf0021;}



.n_down ul li:hover .top i{ background:url(../images/down_on.png) center no-repeat;}



.n_down ul li:hover .top h5{ color:#fff;}



.n_down ul li:hover .top h6{ color:#fff}







/*====翻页效果====*/



.j_pages{ margin:0 auto; margin-bottom:79px;padding-top: 50px;}



.j_pages .box{display:inherit;width:100%;text-align: center;}

.j_pages .box li{display:inline-block;}



.j_pages a{padding: 0px 12px;height: 32px;line-height: 31px;display:inline-block; margin:0 3px; border:1px solid #dedede; color: #666666;font-size: 12px; box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}



.j_pages a font{font-size:14px;font-family:SimSun;color:#9f9fa7}



.j_pages .on{background:#bf0021;color:#fff!important;border:1px solid #bf0021;}

.j_pages .page-active a{background:#bf0021;color:#fff!important;border:1px solid #bf0021;}



.j_pages a:hover{background:#bf0021;color:#fff!important;text-decoration:none;border:1px solid #bf0021;}



.j_pages a:hover font{color:#fff}



.j_pages a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}











#n_zizhi{ overflow:hidden;}



#n_zizhi ul{ margin-right:-40px; margin-top:-25px;}



#n_zizhi ul li{ margin-top:25px; width:269px; margin-right:40px; float:left;}



#n_zizhi ul li .img_tab{ width:269px; height:220px; background:#f5f4f9; display:table;}



#n_zizhi ul li .tab_cl{ width:269px; height:220px; display:table-cell; vertical-align:middle; text-align:center;}



#n_zizhi ul li img{ max-width:90%; max-height:90%;}



#n_zizhi ul li h5{ text-align:center; line-height:37px; font-size:14px; color:#504e4e; padding-top:10px;}



#n_zizhi ul li:hover h5{ color:#bf0021;}















#n_news{}



#n_news ul{border-top:1px solid #ececef;}



#n_news ul li{height:198px;padding:30px 0;border-bottom:1px solid #ececef;position:relative;z-index:0;}



#n_news ul li:before{ content:""; width:100%; height:0; display:block; position:absolute; bottom:0; left:0;background:#f3f4f8;transition:.6s; -webkit-transition:.6s; z-index:-1;}



#n_news ul li .img{ width:250px; height:138px; float:left;}



#n_news ul li .txt{ width:902px; float:right; padding-top:12px;}



#n_news ul li .txt h5{ font-size:16px; color:#434345; margin-bottom:17px;}



#n_news ul li .txt p{ font-size:12px; color:#969696; line-height:20px; height:40px; overflow:hidden;}



#n_news ul li .txt span{ font-size:12px; color: #a0a0a0; height:20px; line-height:20px; font-family:arial; display:block; background:url(../images/ico_time.png) left center no-repeat; padding-left:17px; margin-top:23px;}



#n_news ul li:hover{ border-bottom:1px solid #f3f4f8;}



#n_news ul li:hover:before{ height:100%; top:0; bottom:auto;}



#n_news ul li h5:hover{ color:#bf0021;}







#n_case{}



#n_case ul{ margin-top:-30px;}



#n_case ul li{ height:240px; background:#f4f5f9; margin-top:30px;}



#n_case ul li .img{ width:436px; height:240px; float:left;}



#n_case ul li .img img{ transition:2s; -webkit-transition:2s;}



#n_case ul li:hover img{ transform:scale(1.1);}



#n_case ul li .txt{ margin-left:43px; width:677px; float:left; padding-top:40px;}



#n_case ul li .txt h5{ margin-bottom:20px;}



#n_case ul li .txt h5 a{ font-size:18px; color:#484848; width:575px; float:left;}



#n_case ul li .txt h5 a:hover{ color:#bf0021;}



#n_case ul li .txt h5 span{ font-size:12px; color:#8f8e8e; float:right;}



#n_case ul li .txt p{ font-size:14px; color:#7d7d7d; line-height:24px; height:48px; overflow:hidden;}



#n_case ul li .txt .btn{ display:block; width:150px; height:40px; line-height:40px; text-align:center; background:#6c6e70; color:#fff; border-radius:5px; margin-top:30px; position:relative; z-index:0; overflow:hidden;}



#n_case ul li .txt .btn:before{ content:""; display:block; width:0; height:40px; background:#bf0021; position:absolute; z-index:-1; top:0; right:0; transition:.6s; -webkit-transition:.6s;}



#n_case ul li .txt .btn:hover:before{ width:150px; left:0; right:auto;}















#n_news_xq{ overflow:hidden; margin-bottom:10px;}



.n_news_left{ width:910px; float:left;}



.n_news_right{ float:right; width:233px;}







.n_left_news{ width:230px; height:294px; background:#f7f8fa; margin-top:20px;}



.n_left_news h3{ font-size:16px; color:#fff; position:relative; height:46px; line-height:46px; background:#bf0021; padding-left:20px; border-bottom:1px solid #dcdcdc;}



.n_left_news ul{ padding:0 20px;}



.n_left_news ul li{ height:55px; line-height:55px; border-bottom:1px dashed #dcdcdc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}



.n_left_news ul li a{ font-size:14px; color:#777777; width:210px; }



.n_left_news ul li i{ margin-right:6px;}



.n_left_news ul li a:hover{ color:#bf0021; }







.tuijian{ margin-top:20px; display: none;}



.tuijian ul li{ width:100%; height:150px; overflow:hidden; position:relative; margin:0 auto; margin-bottom:12px; border:1px solid #dcdcdc;}



.tuijian ul li img{ width:100%; height:100%;}



.tuijian ul li h5{ width:100%; height:32px; font-size:14px; line-height:32px; background:rgba(0,0,0,0.4); position:absolute; bottom:0; left:0; text-align: center; color: #fff; box-sizing:border-box; transition:.5s; -webkit-transition:.5s;}



.tuijian ul li:hover h5{ height:150px; line-height:150px; }







.ny_more{ width:190px; height:30px; background:#b2b5b6; display:block; border-radius:6px; text-align:center; line-height:30px; color:#fff; font-size:12px; margin:15px auto;}







/*====分享插件====*/



.shart_box{float: right;height: 40px;margin-top: 2px; position:relative; top:-5px; }



span.span2.shart_box{ }



.shart_box a{ color:#7a7a7a; font-size:12px; line-height:35px;}



.shart_box:hover #j_shart_s_24{ display:block;}



#j_shart_s_24 .bds_count{ font-size:12px;}



#j_shart_s_24{padding-left: 5px;position:relative;float: right;}



#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9;}



#j_shart_s_24 .bds_qzone{background:url(../images/j_shart.png) center -224px no-repeat}



#j_shart_s_24 .bds_tsina{background:url(../images/j_shart.png) center -311px no-repeat}



#j_shart_s_24 .bds_tqq{background:url(../images/j_shart.png) center -195px no-repeat}



#j_shart_s_24 .bds_renren{background:url(../images/j_shart.png) center -340px no-repeat}



#j_shart_s_24 .bds_weixin{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_sqq{background:url(../images/j_shart.png) center -79px no-repeat}



#j_shart_s_24 .bds_fbook{background:url(../images/j_shart.png) center -166px no-repeat}



#j_shart_s_24 .bds_twi{background:url(../images/j_shart.png) center -137px no-repeat}



#j_shart_s_24 .bds_linkedin{background:url(../images/j_shart.png) center -108px no-repeat}



#j_shart_s_24 .bds_tieba{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_huaban{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_douban{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_copy{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_print{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_mshare{background:url(../images/j_shart.png) center -253px no-repeat}



#j_shart_s_24 .bds_count{font-size:12px}



#right_news ul li img{float:left;width: 202px;height: 104px;margin-bottom:28px;}







/*==============新闻详情=====================*/







.n_article { margin-bottom:20px;}



.n_article .ar_title{ border-bottom:1px solid #ececec; height:83px; margin-bottom:10px;}



.n_article .ar_title h1{ font-size: 18px; display:block; text-align:center; margin-bottom:15px; line-height:30px;   font-weight: bold; color:#5f5f5f;}



.n_article .ar_title h2{height: 30px; font-size:12px;  display:block; text-align:center; color:#888888; line-height:30px;}



.n_article .ar_title h2 strong{ color:#b8b7bc;}



.n_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}



.n_article .bnt_page{ position:relative; height:40px; margin-bottom:10px; line-height:40px; font-size:12px; color:#8a8a8a;   border-top:1px dotted #e4e4e4;}



.n_article .bnt_page a{ color:#8a8a8a;}



.n_article .bnt_page a:hover{color:#007cc2;}



.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}



.jiathis_style{ margin-top:10px;}



.n_article .bnt_page{ position:relative;}



.n_article .bnt_page .shart_box{ position:absolute; right:0; top:10px;}



#ar_fot{ position:relative; padding:15px 0; border-top:1px solid #f0f0f0; margin-top:20px;}



#ar_fot h1{ display:block; font-size:12px; line-height:40px; color:#777777; font-weight:bold; max-width:48%; overflow:hidden;}



#ar_fot h1 a{ font-size:12px; color:#868484; font-weight:normal;}



#ar_fot h1 a:hover{ color:#444;}











#n_zhaopin{}



#n_zhaopin ul{ margin-right:-32px; margin-top:-30px;}



#n_zhaopin ul li{ width:378px; height:225px; float:left; margin-right:32px; margin-top:30px; background:#f5f4f6; text-align:center; padding:0 20px; padding-top:40px;}



#n_zhaopin ul li h5{ text-align:center; font-size:18px; color:#4d4c4b; margin-bottom:25px;}



#n_zhaopin ul li p{ font-size:14px; color:#696969;}



#n_zhaopin ul li .btn{ display:block; width:130px; height:38px; margin:0 auto; line-height:38px; text-align:center; background:#6c6e70; font-size:12px; color:#fff; border-radius:3px; margin-top:30px; position:relative; z-index:0; overflow:hidden;}



#n_zhaopin ul li .btn:before{ content:""; display:block; width:0; height:40px; background:#bf0021; position:absolute; z-index:-1; top:0; right:0; transition:.6s; -webkit-transition:.6s;}



#n_zhaopin ul li .btn:hover:before{ width:130px; left:0; right:auto;}











#n_huanjing ul{ margin-right:-24px; margin-top:-30px; }



#n_huanjing ul li{ width:282px; height:224px; background:#fff; border:1px solid #eee; float:left; margin-right:24px; margin-top:30px; transition:.3s; -webkit-transition:.3s;}



#n_huanjing ul li .img{ width:100%; height:182px;}



#n_huanjing ul li h5{ height:43px; line-height:43px; color:#7a7a7a; padding:0 40px 0 20px; font-size:14px; position:relative;}



#n_huanjing ul li h5:after{ content:url(../images/dian.png); position:absolute; top:3px; right:20px; transition:.3s; -webkit-transition:.3s;}



#n_huanjing ul li:hover{ background:#bf0021;}



#n_huanjing ul li:hover h5{ color:#fff;}



#n_huanjing ul li:hover h5:after{ content:url(../images/dian_on.png); }







#n_lianxi{ margin-bottom:80px;}



#n_lianxi .up{ overflow:hidden; margin-bottom:30px;}



#n_lianxi .up ul{ margin-right:-25px;}



#n_lianxi .up ul li{ width:284px; height:284px; background:#f5f4f9; border:1px solid #e5e5e5; float:left; padding:0 12px; margin-right:22px; padding-top:45px;}



#n_lianxi .up ul li span{ display:block; height:53px;}



#n_lianxi .up ul li h5{ font-size:16px; color:#bf0021; text-align:center; margin-bottom:15px; margin-top:20px;}



#n_lianxi .up ul li p{ text-align:center; font-size:14px; color:#777; line-height:24px;}



#n_lianxi .up ul li .ewm{ width:180px; margin:10px auto;}



#n_lianxi .up ul li .ewm div{ width:78px; float:left; margin-right:12px;}



#n_lianxi .up ul li .ewm img{width:78px; height:78px;}



#n_lianxi .up ul li .ewm p{ text-align: center;font-size:12px; color:#969797; line-height:22px;}







#n_lianxi .map { border: 1px solid #e5e7eb; overflow: hidden;}











.left_content{ width:260px; float:left; margin-top:-115px; position:relative; z-index:99;}



.right_content{ width:901px; float:right;}







/*=================侧导航==================*/



#n_nav .tt{ font-size:15px; color:#fff; height:105px; background:#bf0021; padding-left:18px; padding-top:28px; border-bottom:3px solid #e10500; margin-bottom:20px;}



#n_nav .tt span{ font-size:24px; color:#fff; font-family:arial; font-weight:bold; display:block; text-transform:capitalize;}



#n_nav dt{height:42px;line-height:42px;position:relative; background:#f4f7f9;border-bottom:1px solid #e7e9eb;  transition:.5s; -webkit-transition:.5s; }



#n_nav dt a{padding:0 20px;display:block;color:#3c3c3c;font-size:14px;  transition:.3s; -webkit-transition:.3s;}



#n_nav dt.on a{background: #e10500; color:#fff; }



#n_nav dt.title_on.on{ border-bottom:1px solid #fafafa;}



#n_nav dt:hover a{  background:#e10500; color:#fff; }



#n_nav dt.title_on{background:#e10500;}



#n_nav dt.on a{ }



#n_nav dd{ background:#fff; border-top:0; display:block; }



#n_nav dd .box{ background:#ecf0f3;}



#n_nav dd a{line-height:32px;font-size:13px;color:#777;display:block;height:46px; line-height:46px; padding:0 18px;}



#n_nav dd i{ margin-right:6px;}



#n_nav dd a:hover{ color:#e10500}



#n_nav dd a.on{ color:#e10500;}







#left_pro{margin-top:20px; position:relative; z-index:99;}



#left_pro .title{ display:block; height:55px; line-height:55px; padding:0 20px 0 45px;  background:url(../images/icon_pro.png) 20px center no-repeat #e84518; font-size:15px; color:#fff;}



#left_pro .hd{}



#left_pro .hd a{ position:absolute; font-size:18px; font-family:simsun; top:20px; cursor:pointer; color:#fff;}



#left_pro .hd a.prev{ right:45px;}



#left_pro .hd a.next{ right:23px;}



#left_pro .bd { padding:14px; padding-bottom:20px; border:1px solid #dcdcdc; background:#fff;}



#left_pro .bd li{ width: 200px; height:153px; position:relative; }



#left_pro .bd li a{overflow: hidden;width: 200px; height:152px;  }



#left_pro .bd li .pic_box{ width: 200px; height:150px; background:#fff; border:1px solid #e5e5e5; display:table-cell; vertical-align:middle; text-align:center; }



#left_pro .bd li img{  max-width:100%; max-height:100% ; } 



#left_pro .bd li h5{ font-size:14px; color:#727272; text-align:center; padding:0 10px; width:200px; line-height:154px; height:154px; position:absolute; bottom:0; top:0; left:0; right:0; background:rgba(232,69,24,.6); color:#fff; transition:.5s; -webkit-transition:.5s; opacity:0;}



#left_pro .bd li:hover h5{ opacity:1;}



#left_pro .bd  li:hover{    }



#left_pro .bd .more{ display:block; margin:0 auto; margin-top:20px; width:200px; height:30px; line-height:30px; background:#b2b5b6; border-radius:3px; overflow:hidden; text-align:center; font-size:12px; color:#fff;}



#left_pro .bd .more:hover{ background:#e84518;}







#n_pro{ }



.n_pro{ margin-left:-19px;}



.n_pro ul{ margin-right:-30px; margin-top:-39px;}



.n_pro ul li{ width:280px; float:left; margin-right:30px; margin-top:39px;}



.n_pro ul li a{ width:280px; display:block; background:#eaebed; transition:.5s; -webkit-transition:.5s; position:relative;}



.n_pro ul li .img_center{  width:280px; height:320px; border:6px solid #eaebed; background:#fff; display:table-cell; vertical-align:middle; text-align:center; font-size:0;}



.n_pro ul li .img_center img{ max-width:100%; max-height:100%;width:100%; height:100%;}



.n_pro ul li .txt{ padding:0 20px;}



.n_pro ul li .txt h5{ font-size:16px; color:#1c1b1b; line-height:47px;height:55px; text-align:center;}



.n_pro li a:after{ content:""; display:block; height:2px; width:100%; background:#bf0021; position:absolute; bottom:0; left:0;transition:.5s; -webkit-transition:.5s; -ms-transition:.5s; transform:scaleX(0); -ms-transform:scaleX(0); -webkit-transform:scaleX(0);}



.n_pro li a:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -ms-transform:scaleX(1);}











.n_pro_slide{ height:470px;}



.n_pro_slide .tt{ margin-bottom:30px; overflow:hidden;}



.n_pro_slide .tt h3{ font-size:22px; float:left; color:#6f6f6f; font-weight:bold;}



.n_pro_slide .tt .btn_down{ float:right; width:100px; height:36px; display:block; background:#bf0021; line-height:36px; text-align:center; color:#fff; font-size:14px; margin-right:0px; position:relative;-webkit-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s;}



.n_pro_slide .tt .btn_down:hover{ text-indent: -9999px;}



.n_pro_slide .tt .btn_down:before{



    content: "⇩";



    font-family: FontAwesome;



    position: absolute;



    display: -webkit-box;



    display: -ms-flexbox;



    display: flex;



    -webkit-box-align: center;



    -ms-flex-align: center;



    align-items: center;



    -webkit-box-pack: center;



    -ms-flex-pack: center;



    justify-content: center;



    position: absolute;



    top: 100%;



    left: 0px;



    width: 100%;



    height: 100%;



    text-align: center;



    font-size: 25px;



    -webkit-transition: .3s 0s;



    transition: .3s 0s;



}



.n_pro_slide .tt .btn_down:hover:before {



    top: 0;



    text-indent: 0;



}



.n_pro_slide .hd{ float:right; margin-top:3px; display:none;}



.n_pro_slide .hd a{ display:inline-block; width:30px; height:30px; margin-left:10px;}



.n_pro_slide .hd .prev{ background:url(../images/n_pro_left.png) center no-repeat;transition:.5s; -webkit-transition:.5s; -ms-transition:.5s; }



.n_pro_slide .hd .next{ background:url(../images/n_pro_right.png) center no-repeat;transition:.5s; -webkit-transition:.5s; -ms-transition:.5s; }



.n_pro_slide .hd .prev:hover{ background:url(../images/n_pro_left_on.png) center no-repeat;}



.n_pro_slide .hd .next:hover{ background:url(../images/n_pro_right_on.png) center no-repeat;}







.n_pro_slide .bd ul{ margin-right:-30px;}



.n_pro_slide .bd ul li{ width:900px; height:420px; float:left; margin-right:30px;}



.n_pro_slide .bd ul li a{ width:900px; height:420px; display:block; transition:.5s; -webkit-transition:.5s; position:relative;}



.n_pro_slide .bd ul li .img_center{  width:900px; height:420px; border:6px solid #eaebed; background:#fff; display:table-cell; vertical-align:middle; text-align:center;}



.n_pro_slide .bd ul li .img_center img{ max-width:100%; max-height:100%;}







.n_pro_xq .box2{ margin-bottom:60px;}



.n_pro_xq .box2 .hd{ background:#f1f1f3; height:50px; margin-top:40px; margin-bottom:30px;}



.n_pro_xq .box2 .hd ul{}



.n_pro_xq .box2 .hd ul li{ font-size:14px; color:#777; line-height:50px; cursor:pointer; padding:0 20px; display:inline-block; position: relative; z-index:0;}



.n_pro_xq .box2 .hd ul li:before{ content:""; display:block; position:absolute; top:0; right:0; width:0; height:100%; z-index:-1; background:#bf0021; transition:.5s; -webkit-transition:.5s; -ms-transition:.5s; }



.n_pro_xq .box2 .hd ul li.on{color:#fff;}



.n_pro_xq .box2 .hd ul li.on:before{ width:100%; left:0; right:auto;}











.n_title2{ height:45px; border-bottom:1px solid #e5e8eb; background:#f4f7f9;}



.n_title2 .n_tt{ font-size:15px; color:#353637; line-height:45px;}



.n_title2 .n_tt::before{ content:""; width:3px; height:13px; display: inline-block; background:#003366; margin-right:6px; position:relative; top:1px;}



.n_title2 .m{ overflow:visible;}



.n_position2{ float:right; background:url(../images/home_ico.png) left center no-repeat; padding-left:20px; margin-top:13px;}



.n_position2 a{ font-size:12px; color:#9e9e9f; padding-right:12px; position:relative;}



.n_position2 a:after{ content: url(../images/home_ico2.png); position:absolute; right:3px; top:-2px;}



.n_position2 em{ font-size:12px; color:#bf0021;}



.n_position2 a:hover{ color:#bf0021;}







.tuijian2{ margin-top:19px; display: none; }



.tuijian2 ul li{ width:100%; height:117px; overflow:hidden; position:relative; margin:0 auto; margin-bottom:10px;}



.tuijian2 ul li img{ width:100%; height:100%;}



.tuijian2 ul li h5{ width:100%; height:100%; font-size:16px; line-height:22px; background:rgba(66,66,66,0); position:absolute; top:0; left:0; text-align: center; color: #fff; box-sizing:border-box; padding-top:40px; }



.tuijian2 ul li h5 span{ font-size:12px; font-family:arial; text-align:center; display:block; text-transform:uppercase; }



.tuijian2 li .font{width:100%; height:100%;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px; background: rgba(0,0,0,.3);}



.tuijian2 li .font::before,.tuijian2 li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}



.tuijian2 li .font::before{top:8px;right:8px;bottom:8px;left:8px;border-top:1px solid rgba(255,255,255,0.5);border-bottom:1px solid rgba(255,255,255,0.5);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}



.tuijian2 li .font::after{top:8px;right:8px;bottom:8px;left:8px;border-right:1px solid rgba(255,255,255,0.5);border-left:1px solid rgba(255,255,255,0.5);transform:scale(1,0);transform-origin:100% 0;}



.tuijian2 li:hover .font::before,.tuijian2 li:hover .font::after{opacity:1;transform:scale(1);transition: all .5s;}