@charset "utf-8";
/* CSS Document */
/**
Time : 2017-2
Author : jj
**/
/* Generated by wjdhcms 3.0 */
.m {
    width: 1200px;
    margin: 0 auto;
}

a:link,a:hover,a:active,a:visited {text-decoration: none;}
.text-center{ text-align:center}
/*============================首页开始==============================*/
/*banner*/
.bn_box{ height:500px; width:100%; overflow:hidden;}
.banner { width: 100%; height: 100%; position:relative;}
.swiper-slide { background-position: center; background-size: cover; }
.banner .swiper-button-next, .banner .swiper-button-prev{ top:46%;}
.banner .swiper-pagination{ bottom:70px !important;}
.banner .swiper-slide{ width:100%;}

/*招标公告*/
.gonggao{ position:relative; top:-58px; height:58px; background:rgba(0,0,0,0.6); z-index:3;}
.gonggao ul li{ float:left; width:437px; margin:0 10px;}
.gonggao ul li a{ color:#fff !important;height:58px; line-height:58px; font-size:14px;width: 321px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: left; }
.gonggao ul li a:hover{ color:#234a95 !important;height:58px; line-height:58px; font-size:14px; }
.gonggao ul li a:before{ content:"•"; margin-right:10px;}
.gonggao ul li span{ font-size:12px; color:#fff; margin-left:30px;margin-left: 30px;
    line-height: 58px;}
.gonggao_tt{ width:138px; float:left;}
.gonggao_tt a{ width:138px; display:block; height:58px; line-height:58px; text-align:center; color:#fff; font-size:15px;}
.gonggao_tt a:hover{ color:#fff;}
.gonggao_tt a img{ margin-right:5px; margin-top:3px; position:relative; top:3px;}
.gonggao .bd .tempWrap{ width:900px !important;}
.gonggao .bd{ width:900px; float:left; margin-left:30px;}
.gonggao .prev,.gonggao .next{ display:block; width:10px; height:10px; background:url(../images/gg_ico.png) left top no-repeat; position:absolute; top:26px; cursor:pointer;}
.gonggao .prev{ right:50px;}
.gonggao .next{ background-position:-23px 0; right:20px;}

/*标题*/
.s_tt{ text-align:center; background:url(../images/tt_bg.png) center top no-repeat; padding-top:20px; margin-bottom:50px;}
.s_tt a{ font-size:24px; color:#424242; font-weight:100;}
.s_tt span{ display:block; font-size:12px; color:#a8a8a8; text-transform: uppercase; margin-top: 3px;}
.s_tt p{ color:#959595; font-size:14px; padding-top:10px;}
.n_position .em{ color: #054896 !important; }


/*业务介绍*/
.s_yewu{ overflow:hidden; margin-bottom:70px;}
.s_yewu ul{ margin-left:-1px;}
.s_yewu ul li{ float:left; width:25%; text-align:center; border-left:1px solid #eee; box-sizing:border-box;}
.s_yewu ul li span{ display:block; width:72px; height:72px; background:url(../images/f1_ico1.png) center no-repeat; margin:20px auto;}
.s_yewu ul li:hover span{ transform:rotateY(180deg);}
.s_yewu ul li.li_2 span{ background:url(../images/f1_ico2.png) center no-repeat;}
.s_yewu ul li.li_3 span{ background:url(../images/f1_ico3.png) center no-repeat;}
.s_yewu ul li.li_4 span{ background:url(../images/f1_ico4.png) center no-repeat;} 
.s_yewu ul li h5{ text-align: center; font-size:16px; color:#424242; line-height:30px;}
.s_yewu ul li p{ font-size:12px; color:#aaaaaa; text-transform:uppercase;}

/*解决方案*/
.s_fangan{ padding-top:60px; background:#eef0f4; padding-bottom:1px; margin-bottom:70px;}
.s_fangan .m{ position:relative;}
.s_fangan ul li{ width:372px; height:343px; background:#fff;}
.s_fangan ul li .img{ width:100%l; height:191px;}
.s_fangan ul li .txt{ padding:15px 22px;}
.s_fangan ul li h5 a{ font-size:14px; color:#222225; display:block; line-height:30px; margin-bottom:8px;}
.s_fangan ul li h5 a:hover{ color:#054896}
.s_fangan ul li p{ font-size:12px; line-height:18px; height:36px; overflow:hidden; margin-bottom:12px;}
.s_fangan ul li span{ display:block; font-size:12px; color:#5b5c5e;}
.s_fangan ul li span a{ display:inline-block; float:right;}
.swiper-fangan{ overflow:hidden;}
.s_btn{ display:block; margin:50px auto 70px; width:126px; height:36px; line-height:36px; text-align:center; border-radius:18px; border:1px solid #234a95; color:#fff; background:#234a95; }.s_btn:hover{ background:#1b3a76; color:#fff; border:1px solid #1b3a76;}
.s_fangan .swiper-button-prev{ right:-36px !important; left: auto; top:170px; background:url(../images/fangan_prev.jpg) center no-repeat;}
.s_fangan .swiper-button-next{ right:-36px !important; top:206px; background:url(../images/fangan_next.jpg) center no-repeat;}
/*客户案例*/
.s_case .m{position:relative;}
.s_case ul{ }
.s_case ul li{ height:130px; overflow:hidden; position:relative; padding: 10px; background: #fff; box-sizing: border-box;}
.s_case ul li img{ width:100%; height:100%;}
.s_case ul li h5{ position:absolute; top:0; left:0; background:rgba(35,74,149,0.9); width:100%; height:100%; line-height:130px; font-size:14px; color:#fff; text-align: center; transform:scale(0); opacity:0;}
.s_case ul li:hover h5{ transform:scale(1); opacity:1;}
.s_case .swiper-case{ overflow:hidden; }
.s_case .swiper-button-prev{ left:-50px; top:58%; background:url(../images/case_prev.png) center no-repeat;}
.s_case .swiper-button-next{ right:-50px; top:58%; background:url(../images/case_next.png) center no-repeat;}
/*新闻中心*/
.s_tt2{ float:left;  margin-bottom:50px;}
.s_tt2 a h5{ float:left; padding-top:10px; margin-right:20px; font-size:24px; color:#424242; font-weight:100; background:url(../images/tt_bg.png) left top no-repeat;}
.s_tt2 span{ display:block; font-size:12px; color:#a8a8a8; text-transform:uppercase; margin-bottom:3px;}
.s_tt2 p{ float:left; color:#959595; font-size:14px;}
.s_news{ border-top:1px solid #ddd; padding-top:60px; margin-bottom:60px;}
.s_news .hd{ float:right;}
.s_news .hd ul{}
.s_news .hd ul li{ float:left; width:100px; height:34px; line-height:34px; text-align:center;}
.s_news .hd ul li a{ display:block;}
.s_news .hd ul li.on a{ color:#fff; background:#054896;}
.s_news .bd .fl{ width:580px; overflow:hidden; position:relative;}
.s_news .bd .fl .li{}
.s_news .bd .fl .li .img{ height:212px;}
.s_news .bd .fl .li h5 a{ font-size:15px; color:#424242; line-height:45px; font-weight:600;}
.s_news .bd .fl .li span{ font-size:12px; color:#054896;}
.s_news .bd .fl .li p{ font-size:12px; color:#909090; line-height:24px; height:72px; margin-top:10px;}
.s_news .bd .fl .li .s_btn2{ width:130px; height:36px; line-height:36px; text-align:center; display:block; background:#054896; color:#fff; border-radius:3px; margin-top:30px;position: relative;
    overflow: hidden;
    z-index: 0;}
.swiper-pagination{ top:190px; background:rgba(0,0,0,0.1); height:22px;}
.swiper-pagination-bullet{ background:#fff !important; opacity:1 !important;}
.swiper-pagination-bullet-active{ background:#007aff !important;}
.s_news .bd .fr{ width:560px;}
.s_news .bd .fr .tt2{ height:68px; line-height:68px; margin-top:-18px; border-bottom:1px solid #ddd; margin-bottom:13px;}
.s_news .bd .fr .tt2>a{ font-size:22px; color:#4f4f50;line-height:69px; display:inline-block; background:url(../images/tt2_bg.jpg) left bottom no-repeat;}
.s_news .bd .fr .tt2 span.more_r a{ color:#66666c; font-size:12px;}
.s_news .bd .fr ul li{ width:560px; height:110px; margin-bottom:38px; box-sizing:border-box; border-bottom:1px solid #ebebeb;}
.s_news .bd .fr ul li:hover h5{ color:#888;}
.s_news .bd .fr ul li .rq{ width:92px; height:76px; float:left; font-family:arial; border:2px solid #ddd; text-align:center; font-size:12px; color:#303032; }
.s_news .bd .fr ul li .rq span{ display:block; color:#3c3c3c; font-size:36px; line-height:45px; padding-top:3px;}
.s_news .bd .fr ul li .txt{ float:left; width:440px; float:right; color:#5d5d5d; font-size:14px; overflow:visible; white-space:normal; line-height:24px;} 
.s_news .bd .fr ul li .txt h5{ font-size:16px; color:#393a3a;}.s_news .bd .fr ul li .txt h5:hover{ color:#054896;}.s_news .bd .fl .li h5 a:hover{ color:#054896;}
.s_news .bd .fr ul li .txt p{ font-size:12px; color:#818181; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
/*============================首页结束==============================*/


/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index: 0;}
.ny_banner {width: 1920px;height: 320px;position: relative;overflow: hidden;margin-left: 50%;left: -960px;top: 0;}
/*内页banner end*/
.ny_index{ width:100%; background:#fff; padding-bottom:60px; padding-top:30px; min-height:400px;overflow: hidden;}
.ny_nav{ height:53px; background:#fff; border:1px solid #ddd; border-radius:30px; text-align:center; overflow:hidden; margin-bottom:40px;}
.ny_nav ul{ display:inline-block;}
.ny_nav ul li{ float:left; width:131px; height:38px; line-height:38px; margin-top:7px; border-radius:19px;}

.ny_nav ul li.on{  background:#054896;}
.ny_nav ul li.on a{ color:#fff; }


/*================内容样式======================*/
.ar_article{ font-size:14px; color:#78787a; line-height:30px; text-align:justify;}
.ar_article p{font-size:14px; color:#78787a; line-height:30px; text-align:justify; padding-bottom:15px;}    
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%; margin-top:5px; margin-bottom:5px;}
.ar_article a{ color:#717173;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

/*====翻页效果====*/
.j_pages{ margin:0 auto;}
.j_pages .box{display:inherit;width:100%;text-align: center;padding-top: 25px;}
.j_pages a{padding: 0px 12px;height: 35px;line-height: 35px;display:inline-block; margin:0 2px; border:1px solid #ddd; color: #918f8f;font-size: 13px; 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:#054896;color:#fff!important;border:1px solid #054896;}
.j_pages span{background:#054896;color:#fff!important;border:1px solid #bca180}
.j_pages a:hover{background:#054896;color:#fff!important;text-decoration:none;border:1px solid #054896;}
.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_cjwt{}
.n_cjwt ul{ margin:0 -38px; width:1300px;}
.n_cjwt ul li{ width:351px; height:258px; background:#fff; margin:38px; margin-top:0; float:left;}
.n_cjwt ul li:hover{ background:#054896;}
.n_cjwt ul li .img{ height:201px;}
.n_cjwt h5{ line-height:57px; text-align:center; font-size:14px; color:#636365;}
.n_cjwt ul li:hover h5{ color:#fff;}

/*解决方案*/
.n_fangan{}
.n_fangan ul li{ height:189px; background:#fff; margin-bottom:40px;}
.n_fangan ul li .img{ width:370px; height:189px; float:left;}
.n_fangan ul li .txt{ width:760px; float:left; margin-left:35px;}
.n_fangan ul li .txt h5{ height:67px; line-height:67px;}
.n_fangan ul li .txt h5 a{ font-size:18px; color:#484848;}
.n_fangan ul li .txt h5 span{ font-size:12px; color:#7d7d7d; float:right;}
.n_fangan ul li .txt p{ font-size:14px; color:#7d7d7d; line-height:24px; height:48px; overflow:hidden;}
.n_fangan ul li .txt .n_btn{ width:141px; height:35px; line-height:35px; text-align:center; background:#5e5d63; color:#fff; display:block; margin-top:20px;}
.n_fangan ul li .txt .n_btn:hover{ background:#234a95;}

/*停产通知*/
.n_yongzhi{}
.n_yongzhi ul li{ height:84px; margin-bottom:64px;}
.n_yongzhi ul li .rq{ float:left; width:72px; height:84px; color:#fff; font-size:26px; font-family:arial; text-align:center; background:#054896; line-height:55px;}
.n_yongzhi ul li .rq span{ display:block; font-size:14px; background:#e84140; height:27px; line-height:27px;}
.n_yongzhi ul li .txt{ width:1099px;}
.n_yongzhi ul li .txt h5 a{ font-size:16px; color:#484848; margin-bottom:10px;}
.n_yongzhi ul li .txt p{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#7d7d7d;}
.n_yongzhi ul li h5:hover a{ color: #054896;}

/*资料下载*/
.n_ziliao{}
.n_ziliao ul li{ height:89px; border:1px solid #ddd; border-radius:5px; padding-top:24px; box-sizing:border-box; margin-bottom:27px;}
.n_ziliao ul li span{ display:inline-block; width:30px; height:36px; background:url(../images/n_ziliao.png) center no-repeat; float:left; margin-left:30px; margin-right:18px;}
.n_ziliao ul li .txt{ width:968px; float:left;}
.n_ziliao ul li .txt h5{ margin-top:-3px;}
.n_ziliao ul li .txt h5 a{ font-size:15px; color:#333333;}
.n_ziliao ul li .txt p{ color:#969798; font-size:12px; margin-top:3px;}
.n_ziliao ul li .n_down{ margin-right:30px; margin-top:-3px; width:47px; height:47px; border-radius:50%; background:url(../images/n_down.png) center no-repeat #636365; display:block; float:right;}
.n_ziliao ul li:hover{ background:#054896;}
.n_ziliao ul li:hover span{background:url(../images/n_ziliao2.png) center no-repeat;}
.n_ziliao ul li:hover h5 a{ color:#fff;}
.n_ziliao ul li:hover p{ color:#fff;}
.n_ziliao ul li:hover .n_down{background:url(../images/n_down.png) center no-repeat #e84140;}


/*荣誉资质*/
.n_ryzz{ }
.n_ryzz li{ width:205px; height:278px; margin:30px 22px 0; float:left; box-sizing:border-box; position:relative; overflow:hidden; }
.n_ryzz ul{ margin:-22px; width:1300px; margin-bottom:30px;}
.n_ryzz li a{ display:block;}
.n_ryzz li .pic_box{width:205px; height:278px; box-sizing:border-box; border:1px solid #e6e7e9; display:table;overflow:hidden; background: #fff;}
.n_ryzz li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_ryzz li .pic_box .txt{ position:absolute; top:0; left:0; background:rgba(205,30,8,0.8); display:block; width:100%; height:100%; transform:rotate(-270deg); transform-origin:left bottom;}
.n_ryzz li .pic_box:hover .txt{ transform:rotate(0);}
.n_ryzz li .pic_box .txt span{ color:#fff; border:1px solid #de786b; border-radius:3px; width:78px; height:24px; line-height:24px; text-align:center; display:block; margin:80px auto;}
.n_ryzz li img{ max-width: 178px;max-height:239px;display:block; margin:0 auto;}
.n_ryzz li h5{ font-size:14px; color:#fff; background:url(../images/n_ryzz_h5.png) center no-repeat rgba(35,74,149,0.85); background-position:center 157px;text-align:center; width:205px; height:278px; box-sizing:border-box; padding:20px; line-height:230px; position:absolute; top:0; left:0; opacity:0;-moz-opacity:0; -khtml-opacity: 0;filter:alpha(opacity=0);}
.n_ryzz li:hover h5{ opacity:1; -moz-opacity:1; -khtml-opacity: 1;filter:alpha(opacity=100);}

/*客户案例*/
.n_case{ }
.n_case li{ width:219px; height:131px; margin:12px; float:left; box-sizing:border-box; position:relative; overflow:hidden; }
.n_case ul{ margin:-12px; width:1300px; margin-bottom:20px;}
.n_case li a{ display:block;}
.n_case li .pic_box{ width:219px; height:131px;  box-sizing:border-box; display:table;overflow:hidden; background: #fff;}
.n_case li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_case li img{ max-width: 178px;max-height:151px;display:block; margin:0 auto;}
.n_case li h5{ font-size:14px; color:#fff; background:rgba(35,74,149,0.85); background-position:center 157px;text-align:center; width:219px; height:131px; box-sizing:border-box; padding:0 20px; line-height:130px; position:absolute; top:0; left:0; opacity:0;-moz-opacity:0; -khtml-opacity: 0;filter:alpha(opacity=0);}
.n_case li:hover h5{ opacity:1; -moz-opacity:1; -khtml-opacity: 1;filter:alpha(opacity=100);}

/*新闻中心*/
.n_newslist{}
.n_newslist ul li{ height:189px; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e5e5e5;}
.n_newslist ul li .img{ width:435px; height:189px; float:left;}
.n_newslist ul li .img a{width:435px; height:189px;display:block; overflow:hidden;    border: 1px solid #f4f4f4; text-align:center;display:table-cell;vertical-align: middle;}
.n_newslist ul li .img img{     max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;}
.n_newslist ul li .txt{ width:735px; float:left; margin-left:30px;}
.n_newslist ul li .txt h5{ }
.n_newslist ul li .txt h5 a{ font-size:18px; color:#484848;}
.n_newslist ul li .txt h5 span{ font-size:12px; color:#7d7d7d; float:right;}
.n_newslist ul li .txt p{ font-size:14px; color:#7d7d7d; line-height:24px; height:48px; overflow:hidden;}
.n_newslist ul li .txt .n_btn{ width:141px; height:35px; line-height:35px; text-align:center; background:#5e5d63; color:#fff; display:block; margin-top:20px; border:1px solid #5e5d63;}
.n_newslist ul li .txt .n_btn:hover{ background:#234a95; border:1px solid #234a95; color:#fff;}

/*在线留言*/
.n_msg{}
.n_msg form{ width:588px;}
.n_msg form p{}
.n_msg form span{ width:74px; float:left;line-height:40px; display:inline-block; min-height:40px; font-size:14px; color:#545454;}
.n_msg form input{ width:500px; height:40px; line-height:40px; border:1px solid #ddd; background:none; box-sizing:border-box; padding-left:20px; font-size:12px; color:#999999;}
.n_msg form textarea{ line-height:40px; border:1px solid #ddd; background:none; width:500px; height:120px; padding-left:20px; box-sizing:border-box; font-size:12px; color:#999999; font-family:微软雅黑；}
.n_msg form .btn{ width:130px; height:44px; line-height:44px; color:#fff; background:#234a95; padding:0; font-size:14px; margin-right:12px; cursor:pointer; border:none;}
.n_msg form .btn.re-enter{ background:#5e5e61;}
.send{}
.n_msg img{ margin:0;}
/*联系方式*/
.n_lianxi{}
.n_lianxi .tt{ margin-bottom:15px;}
.n_lianxi .tt h5{ font-size:16px; color:#054896; font-weight:600; line-height:50px;}
.n_lianxi .tt span{ font-size:14px; color:#000;}
.n_lianxi .tt p{ font-size:20px; color:#234a95; font-family:arial; font-weight:600;}
.n_lianxi .fl{}
.n_lianxi .fl p{ font-size:14px; color:#626262; line-height:30px; margin:0; padding:0;}
.n_lianxi .fl p span{ color:#d2d3d4; margin-right:10px;}
.n_lianxi .fr.ewm_box{ margin-bottom:20px;}
.n_lianxi .ewm{ width:100px; float:left; margin-left:25px; margin-top:8px;}
.n_lianxi .ewm img{ width:100px; height:100px; border:1px solid #ddd; margin:0;}
.n_lianxi .ewm p{ text-align:center; font-size:12px;}
.un_box.map {
    border: 1px solid #ddd;
    height: 345px;
    overflow: hidden;
}

/*新闻详情*/
.container{padding:50px 0;}
.n_article {margin-bottom: 20px;margin-top: 35px;}
#n_show_news .n_article{width: 850px;float: left;background-color: #f3f4f8;box-sizing: border-box;padding: 40px 30px;}
.ar_article .ar_title{}
.ar_article .ar_title{padding: 0 0 15px 0;position:relative;}
.ar_article .ar_title h1{font-size: 20px;margin-bottom: 5px;display:block;text-align: left;line-height:30px;font-weight: 100;color: #5e5e5e; width:60%;}
.ar_article .ar_title h2{box-sizing:border-box;font-size: 12px;text-align: left;display:block;height:53px; color: #999;line-height:40px;font-weight: normal; border-bottom:1px solid #eee; padding-bottom:10px; }
.ar_article .ar_article{ padding-top:20px; padding-bottom:30px; min-height:400px;}
#ar_fot{position:relative; box-sizing: border-box;width: 100%;border-top: #d9e0e6 1px dashed; border-bottom: #d9e0e6 1px dashed; padding:16px 0;    margin-top: 20px;}
#ar_fot h1{display:block; font-size: 14px;line-height: 30px;color: #676869;font-weight: normal; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#ar_fot h1 a{font-size: 14px;color: #777;font-weight:normal;}
#ar_fot h1 a:hover{ color:#234a95;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot a,#ar_fot span{}
#ar_fot span{ font-weight:600;color: #777;}
#ar_fot .shart_box a{ line-height:36px;}
#ar_fot .fl{ text-align:right}
.xq_x{ padding-bottom:40px;}
.xq_x h5{ font-weight:600; color:#333; margin-top:20px;}
.xq_x p{ color:#888; line-height:28px;}
.xq_tt1{ text-align:center; font-size:18px; color:#333; font-weight:600; line-height:30px; border-bottom:1px dashed #ddd; margin-bottom:30px; padding-bottom:10px;}
.xq_tt1 p{ font-size:12px; color:#999; font-weight:100;}

/*====分享插件====*/
.shart_box{float: right;height: 40px;margin-top: 17px; position:relative; top:-65px;}
.shart_box:hover #j_shart_s_24{ display:block;}
#j_shart_s_24 .bds_count{ font-size:12px;}
#j_shart_s_24{padding-left: 15px;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;}

/*left_list====================左侧导航*/
.left_list{ width:231px; }
.left_list h3{ height:55px; display:block; line-height:55px; text-align:left; background:#4b4b4c; font-size:18px; color:#fff; padding-left:20px; box-sizing:border-box;}
.left_list h3:before{ content:url(../images/news_xq_ico.png); margin-right:10px; margin-top:3px;}
.left_list .dl{ padding-bottom:10px;}
.left_list .dl ul{}
.left_list .dl h5.on em {
    background-position: 16px -49px;
}
.left_list .dl h5 em {
    float: right;
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/icoAdd.png) 16px 21px no-repeat;
    cursor: pointer;
}
.left_list h4{ height:85px; display:block; text-align:left; background:#054896; font-size:16px; color:#fff; padding-left:20px; box-sizing:border-box;}
.left_list h4 span{ text-transform:uppercase; display:block; padding-top:20px;}
.left_list .dl{ padding-bottom:30px; background:#fff; }
.left_list .dl ul li{ line-height:52px; height:52px; padding-left:20px; background:#fff;}
.left_list .dd:after{ content:">"; font-family:"宋体"; margin-right:5px; color:#bbb; position:absolute; top:0; right:30px;    display: inline-block; transform: rotate(90deg);}
.left_list .dd:hover:after{transform: rotate(-90deg);} 
.left_list .dd{ background:#fff; line-height:52px; height:52px; padding-left:20px; box-sizing:border-box; position:relative;}
.left_list .dd a{ display:block;font-size:14px; font-weight:100; height:51px; width:191px; border-bottom:1px solid #ecedee;}
.left_list .dd:hover a{ color: #333;}
.left_list .dd.on{ margin-top:-1px;}
.left_list .dd.on:hover{background:#cdcdcd; margin-top:-1px;}
.left_list .dd.on a{border:0;}
.dl.sideMenu ul li {
    background: #eaeaea;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    
}
.left_list .act{ background:#cdcdcd !important;margin-bottom: 0;    margin-top: 10px;}
.left_list .dd:hover{background:#cdcdcd;}
.left_list .act a{ color:#333 !important; border:0;}
.dl.sideMenu ul li a{font-size: 12.5px; display:block; color: #666;} 
.dl.sideMenu ul li.on a{color: #054896; }
.dl.sideMenu ul li:hover a{color: #054896;}
.tuijian{ background:#fff; border:1px solid #ddd; padding-bottom:15px; padding-top:20px; margin-bottom:30px;}
.tuijian h3{ height:46px; line-height:46px; padding-left:20px; color:#333; background:url(../images/list_ico.png) left center no-repeat; border-bottom:1px solid #fff; padding-left:25px; margin-left:15px; #eff2f4; font-size:14px; text-align:left; }
.tuijian h3 a{ color:#fff; font-size:14px;}
.tuijian ul li{ width:199px; position:relative; margin:0 auto; margin-bottom:5px; }
.tuijian ul li .img{ width:100%; height:83px;}
.tuijian ul li h5{ width:190px; line-height:30px; margin:0 auto; }
.tuijian ul li h5 a{ font-size:13px; text-align:center;}
.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:0 auto 15px;}
.ny_more:hover{ color:#fff; background:#234a95;}
.tj_img{ width:230px; height:100px; margin-top:15px;}


/*解决方案详细*/
.n_fangancenter li .pic_box{ width:199px; height:169px; border:1px solid #ddd;  box-sizing:border-box; display:table;overflow:hidden; background: #fff;}
.n_fangancenter li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_fangancenter li img{ max-width: 178px;max-height:151px;display:block;}

/*产品中心*/
.left_list_f1{ box-shadow:0px 5px 10px rgba(0,0,0,0.2);border-radius:8px; overflow:hidden; }
.ny_content_box{ width:921px;}
.ny_nav2{ margin-bottom:40px;}
.ny_nav2 ul{ margin:-13px;}
.ny_nav2 ul li{ float:left; height:38px; text-align:center; line-height:38px; background:#fff; border:1px solid #ddd; margin:12px; border-radius:19px; padding:0 15px;}
.ny_nav2 ul li a:hover{ color:#054896;}
.ny_nav2 ul li.on{  background:#054896; border:1px solid #054896;}
.ny_nav2 ul li.on a{ color:#fff; }

.n_pro{overflow: hidden;}
.n_pro ul{ margin:-14px;}
.n_pro ul li{ width:265px;     border: 1px solid #f4f4f4; background:#fff; float:left; margin:14px; padding:10px}
.n_pro .pic_box{ width:268px; height:260px;display:table;overflow:hidden;  }
.n_pro .pic_box a{display:table-cell;vertical-align:middle;text-align: -webkit-center;  width:268px;height:260px;}
.n_pro .pic_box img{ max-height:100%;max-width:100%;width:auto;height:auto}
.n_pro .pic_box img:hover{ transform:scale(1.1);}
.n_pro .txt{ height: 30px;
    margin: 0;
    padding: 0; text-align:center}
.n_pro .txt h5{margin: 5px;}
.n_pro .txt h5 a{ font-size:16px; color:#054896; line-height:30px; }
.n_pro .txt h5 a:hover{ color:#e84140;}
.n_pro .txt p{ font-size:13px; color:#222; line-height:18px; height:36px; overflow:hidden;}
.n_pro .txt .btn{ display:block; width:100px; height:30px; line-height:30px; text-align:center; background:#054896; color:#fff; border-radius:5px; margin-top:25px;}
.n_pro .txt .btn:hover{ background:#e84140;}

/*=====面包屑===*/
.n_position{ height:40px; line-height:20px; border-bottom:1px solid #eee; margin-bottom:30px;}
.n_position span{ display:inline-block; height:41px; font-size:16px; color:#054896; font-weight:600; background:url(../images/position_bg.png) left bottom no-repeat;}
.n_position ul{ float:left;}
.n_position ul li{ height:40px; line-height:40px; width:165px; text-align:center; float:left; display:inline-block; position:relative;}
.n_position ul li a{ display:block; position:relative; z-index:1; text-align:center;}
.n_position ul li.on{ background:#0293dd;}
.n_position ul li.on a{ color:#fff;}
.n_position ul li:hover a{ color:#fff;}
.n_position li i { position: absolute; left: 0; top: 0; display: block; height:55px; width: 0; background:#0293dd; transition:all ease 300ms; z-index:0;}
.n_position li:hover i { width: 100%;}
.n_position h3{ font-size:12px; line-height:24px; display:inline-block; float:right; color:#888;}
.n_position h3:before{ content:url(../images/mianbao.png); font-size:18px; color:#bbb; margin-right:5px;}
.n_position h3 a{ margin:0 5px; display:inline-block; color:#888;}
.n_position h3 a:hover{ color:#054896;}
.n_position h3 em{ color:#054896; margin-left:5px;}


/*产品详细页*/

.n_pro_center .box1 .pic_box{ width:360px; height:310px;display:table;overflow:hidden; float:left; background:#fff; border:3px solid #fff; }
.n_pro_center .box1 .pic_box a{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_pro_center .box1 .pic_box img{ max-width: 332px;max-height:275px;display:block;}
.n_pro_center .box1 .txt{ width:730px; float:right; margin-right:53px;}
.n_pro_center .box1 .txt h5{}
.n_pro_center .box1 .txt h5 a{ font-size:20px; color:#054896; line-height:60px; margin-top:10px;}
.n_pro_center .box1 .txt .p{ font-size:14px; color:#222; line-height:30px; height:120px; overflow:hidden;}
.n_pro_center .box1 .txt .btn{ display:block; width:100px; height:39px; line-height:39px; margin-right:15px; text-align:center; color:#444; border:1px solid #999; border-radius:5px; margin-top:25px; float:left;}
.n_pro_center .box1 .txt .btn1{ background:#234a95; color:#fff; border:1px solid #234a95;}
.n_pro_center .box2{ margin-top:60px; }
.n_pro_center .box2 .tt{ height:41px; margin-bottom:16px; }
.n_pro_center .box2 .tt .hd{}
.n_pro_center .box2 .tt .hd li{ float:left; width:126px; font-size:14px; text-align:center; line-height:41px; background:#86868b; color:#fff; margin-right:5px; cursor:pointer;}
.n_pro_center .box2 .tt .hd li.on{ background:#054896;}
.n_pro_center .box2 .tt .btn_s{}
.n_pro_center .box2 .tt .btn_s a{ width:126px; text-align:center; line-height:41px; display:inline-block; background:#fff; border:1px solid #ddd; margin-left:5px; font-size:14px; color:#4a4949;}
.n_pro_center .box2 .tt .btn_s a img{ margin-right:10px; position:relative; top:2px;}
.n_pro_center .box2 .bd{ background:#fff; border:1px solid #ddd; padding:45px 23px;}
.n_pro_center .box2 .xgfa_box ul{ margin:-21px; height:431px; overflow:hidden;}
.n_pro_center .box2 .xgfa_box ul li{ width:25%; float:left; box-sizing:border-box; padding:21px; border-bottom:1px solid #ddd;}
.n_pro_center .box2 .xgfa_box ul li .img{ width:257px; height:133px;}
.n_pro_center .box2 .xgfa_box ul li h5{ font-size:14px; color:#484848; line-height:40px; text-align:center;}

/*机器视觉详细*/
.n_jqsj_xq{}
.n_jqsj_xq .tt h3{ font-size:35px; color:#054896; font-weight:bold; font-family:arial;}
.n_jqsj_xq .tt h4{ font-size:18px; color:#2a2a2a; font-weight:600;}
.n_jqsj_xq .box2{ margin-top:35px; }
.n_jqsj_xq .box2 .hd{ margin-bottom:23px;}
.n_jqsj_xq .box2 .hd li{ float:left; width:126px; font-size:14px; text-align:center; line-height:41px; color:#fff; margin-right:5px; cursor:pointer; background:#87868c;}
.n_jqsj_xq .box2 .hd li.on{ background:#054896; color:#fff;}
.n_jqsj_xq .box2 .bd{ background:#fff; border:1px solid #ddd; padding:45px 23px;}

/*机器视觉*/
.n_jqsj{}
.n_jqsj .box1 ul{ margin:-16px;}
.n_jqsj .box1 ul li{ width:224px; height:333px; background:url(../images/sjbg.jpg) no-repeat; text-align:center; border:0px solid #e84140; float:left; margin:7px; position:relative;}
.n_jqsj .box1 ul li h5{ text-align:center; font-size:18px; color:#4d4949; padding-top:43px;}
.n_jqsj .box1 ul li .pic_box{ width:100%; height:191px;display:table;overflow:hidden; margin-top:17px;}
.n_jqsj .box1 ul li .pic_box .box{display:table-cell;vertical-align:middle;text-align: -webkit-center;}
.n_jqsj .box1 ul li .pic_box .box img{ max-width: 332px;max-height:275px;display:block; margin:0 auto;}
.n_jqsj .box1 ul li .btn{ position:absolute; width:46px; height:46px; background:#054896; line-height:46px; color:#fff; text-align:center; border-radius:50%; bottom: -10px; left:90px;}
.n_jqsj .box1 ul li.li_2,.n_jqsj .box1 ul li.li_4{ border:0px solid #054896;}
.n_jqsj .box1 ul li.li_2 .btn,.n_jqsj .box1 ul li.li_4 .btn{ background:#054896; }
.n_jqsj .box2{ background:url(../images/n_yyly_bg0.jpg) center top no-repeat; height:630px !important;}
.n_jqsj .box2 .tt{ font-size:20px; color:#282626; font-weight:bold; text-align:center; padding-top:50px; margin-bottom:70px; margin-top:60px;}
.n_jqsj .box2 .tt p{ font-size:14px; color:#767474; font-weight:100;}
.n_jqsj .box2 ul{ margin:-30px; width:990px;}
.n_jqsj .box2 ul li{ float:left; margin:20px 40px; width:114px; text-align:center; font-size:15px; color:#333; line-height:34px;}
.n_jqsj .box2 ul li:hover img{ transform:rotateY(180deg);}
.n_jqsj .box2 .btn{ width:129px; height:46px; line-height:46px; text-align:center; color:#fff; font-size:14px; background:#234a95; display:block; margin:50px auto; border-radius:5px; overflow:hidden;}

/*应用领域*/
.n_news{ }
.n_news ul{ width:1500px; margin-top:-50px;}
.n_news ul li{ width:370px; box-sizing:border-box; margin-top:30px; float:left; margin-right:46px; background:#fff;}
.n_news ul li .img{ width:370px; height:190px; overflow:hidden;padding: 20px; box-sizing: border-box;}
.n_news ul li .img img{ width:100%; height:100%;}
.n_news ul li:hover{ box-shadow:0px 10px 25px rgba(0,0,0,0.2);}
.n_news ul li:hover .img img{ transform:scale(1.1);}
.n_news ul li .txt{ padding: 0 25px;}
.n_news ul li .txt h5 a{ font-size:16px; text-align:left; margin-top: 7px; line-height: 45px;}
.n_news ul li .txt h5 a:hover{ color:#306cd1;}
.n_news .txt span{ font-size:12px; color:#aaa; margin-bottom:20px; display:inline-block; float:right;line-height:36px;}
.n_news .txt .btn{ width:104px; height:36px; line-height:36px; text-align:center; background:#5e5d63; display:inline-block; color:#fff; border-radius:3px;}
.n_news .txt .btn:hover{ color:#fff; background:#e84140;}
.n_news ul li .txt p{ font-size:12px; color:#888; line-height:24px; height:48px; overflow:hidden; margin-bottom:15px;}
/*应用领域*/.n_news{ }.n_news ul{ width:1500px;}
.n_news ul li{ width:370px; box-sizing:border-box; margin-top:30px; float:left; margin-right:46px; background:#fff;}
.n_news ul li .img{ width:370px; height:200px; overflow:hidden;}
.n_news ul li .img img{ width:100%; height:100%;}
.n_news ul li:hover{ box-shadow:0px 10px 25px rgba(0,0,0,0.2);}
.n_news ul li:hover .img img{ transform:scale(1.1);}
.n_news ul li .txt{ padding:0 10px;}
.n_news ul li .txt h5 a{ font-size:16px; text-align:left; margin-top:30px; line-height:30px;}
.n_news ul li .txt h5 a:hover{ color:#306cd1;}
.n_news .txt span{ font-size:12px; color:#aaa; margin-bottom:20px; display:inline-block; float:right;line-height:36px;}
.n_news .txt .btn{ width:104px; height:36px; line-height:36px; text-align:center; background:#5e5d63; display:inline-block; color:#fff; border-radius:3px;}
.n_news .txt .btn:hover{ color:#fff; background:#e84140;}
.n_news ul li .txt p{ font-size:12px; color:#888; line-height:24px; height:48px; overflow:hidden; margin-bottom:15px;}
.n_nav2{ position:relative;}
.n_nav2 .tempWrap{ margin:0 auto;width: 1100px !important;}
.n_nav2 ul{ }
.n_nav2 ul li{ text-align:left; margin:7px 5px; width:auto !important; padding: 0 10px;}
.n_nav2 ul li span{ width:31px; height:24px; background:url(../images/s_yy_bg1.png) no-repeat; display:inline-block; margin-top:5px; float:left;}
.n_nav2 ul li.on span{ background:url(../images/s_yy_bg2.png) no-repeat;}
.n_nav2 .li_1 span{ background-position:3px 0;}  
.n_nav2 .li_2 span{ background-position:-129px 0;}
.n_nav2 .li_3 span{ background-position:-271px 4px;}
.n_nav2 .li_4 span{ background-position:-412px 1px;}
.n_nav2 .li_5 span{ background-position:-579px 3px;}
.n_nav2 .li_6 span{ background-position:-697px 3px;}
.n_nav2 .li_7 span{ background-position:-837px 2px;}
.n_nav2 .li_8 span{ background-position:-959px 0;}
.n_nav2 .li_9 span{ background-position:-1069px 0;}
.n_nav2 .li_10 span{ background-position:-1172px 0;}
.n_nav2 .li_1.on span{ background-position:3px 0;}
.n_nav2 .li_2.on span{ background-position:-129px 0;}
.n_nav2 .li_3.on span{ background-position:-271px 4px;}
.n_nav2 .li_4.on span{ background-position:-412px 1px;}
.n_nav2 .li_5.on span{ background-position:-579px 3px;}
.n_nav2 .li_6.on span{ background-position:-697px 3px;}
.n_nav2 .li_7.on span{ background-position:-837px 2px;}
.n_nav2 .li_8.on span{ background-position:-959px 0;}
.n_nav2 .li_9.on span{ background-position:-1069px 0;}
.n_nav2 .li_10.on span{ background-position:-1172px 0;}
.n_nav2 .prev,.n_nav2 .next{ position:absolute; display:block; width:10px; height:55px; cursor:pointer;}
.n_nav2 .prev{ left:20px; background:url(../images/s_yy_pre.png) center no-repeat; top:0;}
.n_nav2 .next{ right:20px; background:url(../images/s_yy_nex.png) center no-repeat; top:0;}



a:hover
{ color:#054896;}
.img:hover img,.n_fangancenter li  .pic_box:hover img,.n_jqsj .box1 ul li:hover .pic_box .box img
{ transform:scale(1.1);}
h5, h5 a
{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.img img,.s_yewu ul li span,.s_fangan ul li .txt,.s_case ul li h5,.n_ryzz li h5,.n_case li h5,.n_fangancenter li  .pic_box img,.n_jqsj .box1 ul li .pic_box .box img,.n_jqsj .box2 ul li img,.n_pro .pic_box img
{ transition:all ease 500ms; -moz-transition:all ease 500ms; -ms-transition:all ease 500ms; -o-transition:all ease 500ms; -webkit-transition:all ease 500ms; }
.rongyu ul li .txt a
{ transition:all ease-in-out 800ms; -moz-transition:all ease-in-out 800ms; -ms-transition:all ease-in-out 800ms; -o-transition:all ease-in-out 800ms; -webkit-transition:all ease-in-out 800ms; }
.yuding_btn
{ transition:all ease 200ms; -moz-transition:all ease 200ms; -ms-transition:all ease 200ms; -o-transition:all ease 200ms; -webkit-transition:all ease 200ms; }
.btn:hover
{ box-shadow:0px 1px 2px rgba(0,0,0,0.2); opacity:0.95;}
.n_pro ul li:hover{box-shadow:0px 4px 10px rgba(0,0,0,0.2);}
.n_news ul li .txt{ padding: 0 25px;  padding-bottom: 30px;}
ul.right{ right:0; left:auto;}


.pagination {
  display: flex;
  @include list-unstyled();
  @include border-radius();
}

.page-link {
  position: relative;
  display: block;
  padding: $pagination-padding-y $pagination-padding-x;
  margin-left: -$pagination-border-width;
  line-height: $pagination-line-height;
  color: $pagination-color;
  background-color: $pagination-bg;
  border: $pagination-border-width solid $pagination-border-color;

  &:hover {
    z-index: 2;
    color: $pagination-hover-color;
    text-decoration: none;
    background-color: $pagination-hover-bg;
    border-color: $pagination-hover-border-color;
  }

  &:focus {
    z-index: 2;
    outline: $pagination-focus-outline;
    box-shadow: $pagination-focus-box-shadow;
  }

  // Opinionated: add "hand" cursor to non-disabled .page-link elements
  &:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
}

.page-item {
  &:first-child {
    .page-link {
      margin-left: 0;
      @include border-left-radius($border-radius);
    }
  }
  &:last-child {
    .page-link {
      @include border-right-radius($border-radius);
    }
  }

  &.active .page-link {
    z-index: 1;
    color: $pagination-active-color;
    background-color: $pagination-active-bg;
    border-color: $pagination-active-border-color;
  }

  &.disabled .page-link {
    color: $pagination-disabled-color;
    pointer-events: none;
    // Opinionated: remove the "hand" cursor set previously for .page-link
    cursor: auto;
    background-color: $pagination-disabled-bg;
    border-color: $pagination-disabled-border-color;
  }
}


//
// Sizing
//

.pagination-lg {
  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
}

.pagination-sm {
  @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #054896;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff !important;
	background-color: #054896;
	border-color: #054896;
}
.page-num-current:hover {
	color: #fff;
}

.pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.mt-4, .my-4 {
    margin-top: 1.5rem!important;
}