@charset "utf-8";
/* CSS Document */
/**
Time : 2017-2
Author : jj
**/
/* Generated by wjdhcms 3.0 */

/*============================首页开始==============================*/
/*banner*/
.bn_box{ height:595px; 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:-45px; height:45px; 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:45px; line-height:45px; font-size:12px;width: 321px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    float: left; }
.gonggao ul li a:hover{ color:#234a95 !important;height:45px; line-height:45px; 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: 45px;}
.gonggao_tt{ width:138px; float:left;}
.gonggao_tt a{ width:138px; display:block; height:45px; line-height:45px; text-align:center; color:#fff; font-size:14px;}
.gonggao_tt a:hover{ color:#fff;}
.gonggao_tt a img{ margin-right:5px; position:relative; top:0;}
.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: 18px;cursor:pointer;}
.gonggao .prev{right: 38px;}
.gonggao .next{ background-position:-23px 0; right:20px;}

/*标题*/
.s_tt{ text-align:center;margin-bottom:50px; position: relative; padding-top: 10px; z-index: 1;}
.s_tt a{ font-size:30px; color:#424242; font-weight:bold;}
.s_tt span{ display:block; font-size:18px; color:#ebebeb; text-transform: uppercase; position: absolute;top: 0; width: 100%; text-align: center; z-index: -1;}
 
/*业务介绍*/
.s_yewu{ overflow:hidden; margin-bottom:50px;}
.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:50px; padding-bottom:1px; border-bottom: 1px solid #e5e5e5; padding-bottom: 50px; }
.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; overflow: hidden; 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; padding-top: 50px; padding-bottom: 50px;}
.s_case ul{ }
.s_case ul li{ overflow:hidden; position:relative; padding: 10px;box-sizing: border-box;}
.s_case ul li>a{ display: block; position: relative; border: 1px solid #e4e4e4; overflow: hidden; background: #fff; height:130px; line-height: 130px; text-align: center; }
.s_case ul li img{ width:auto; height:auto; display: inline-block; vertical-align: middle;}
 
.s_case .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-13px; transform:translate(0,0); opacity:1;
	display:block; width: 26px; height: 26px; background-size:20px !important;}
.s_case .slick-prev{ left:-66px;background:url(../images/pro_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.s_case .slick-next{ right:-66px; background:url(../images/pro_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}
.case_nav li.slick-current a{ border: 1px solid #054896;}
.case_for{ margin-top: 10px;}
.case_for *{ box-sizing: border-box;}
.case_for ul{}
.case_for ul li{ overflow: hidden;}
.case_for .left{ float: left; width: 50%; height: 490px;}
.case_for .right{ float: right; width: 50%; padding-left: 55px;}
.case_for .s_btn{ margin: 0; margin-top: 48px;}
.case_for .txt{ padding-top: 32px;}
.case_for .txt .tt{ margin-bottom: 20px;}
.case_for .txt .tt h3{ font-size: 20px; color: #000000; margin-bottom: 24px;}
.case_for .txt .tt i{ display: block; width: 24px; height: 2px; background: #054896;}
.case_for .con{ font-size: 14px; color: #8d8d8d; line-height: 30px;}

#s_fuwu{ width: 100%; overflow: hidden; background: #054896; padding-top: 50px; padding-bottom: 50px;}
#s_fuwu *{ box-sizing: border-box;}
#s_fuwu .s_tt a{ color: #fff;}
#s_fuwu .s_tt span{ color: #91a3c5;}
#s_fuwu .conbox{ overflow: hidden;}
#s_fuwu ul{ }
#s_fuwu ul li{ width: 50%; float: left;  margin-top: -1px; margin-left: -1px; padding-top: 50px; padding-bottom: 50px;}
#s_fuwu ul li:nth-child(2) .box,#s_fuwu ul li:nth-child(4) .box{ float: right;}
#s_fuwu ul li:nth-child(2) .txt,#s_fuwu ul li:nth-child(4) .txt{ width: 437px;}
#s_fuwu ul li:nth-child(1) .box,#s_fuwu ul li:nth-child(3) .box{ padding-left: 30px;}
#s_fuwu ul li:nth-child(1){border-right: 1px solid #1e5ba1;border-bottom: 1px solid #1e5ba1; padding-top: 0;}
#s_fuwu ul li:nth-child(2){border-bottom: 1px solid #1e5ba1; padding-top: 0;}
#s_fuwu ul li:nth-child(3){border-right: 1px solid #1e5ba1; padding-bottom: 0;}
#s_fuwu ul li:nth-child(4){ padding-bottom: 0;}
#s_fuwu ul li .ico{ display: block; width: 87px; height: 87px; line-height: 87px; margin-top: 5px; text-align: center; float: left; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#s_fuwu ul li .ico img{ display: inline-block; vertical-align: middle;}
#s_fuwu ul li .txt{ padding-left: 29px; float: left; color: #fff;}
#s_fuwu ul li .txt h4{ font-size: 20px; font-weight: bold; margin-bottom: 20px;}
#s_fuwu ul li .con{}
#s_fuwu ul li .item{ float: left; margin-right: 30px;}
#s_fuwu ul li .item h5{ font-size: 16px; color: #fff; font-weight: bold;}
#s_fuwu ul li .item p{ font-size: 14px; color: #a5b3cf;}


/*新闻中心*/
.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{ padding-top:50px; margin-bottom:50px;}
.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;}

#s_shuzi{ width: 100%; overflow: hidden; background: #eef0f4; padding-top: 50px; padding-bottom: 50px;}
#s_shuzi .s_tt{ font-size: 30px; color: #424242; font-weight: bold;}
#s_shuzi .s_tt span{ font-size: 18px; color: #dadbdd; font-weight: normal;}
#s_shuzi *{ box-sizing: border-box;}
#s_shuzi ul{}
#s_shuzi ul li{ width: 20%; float: left; text-align: center;}
#s_shuzi ul li+li{ border-left: 1px solid #d6d8db;}
#s_shuzi ul li span{ font-size: 40px; color: #054896; font-family: BarlowCondensed-Bold; }
#s_shuzi ul li font{ font-size: 10px; color: #2f2f2f;}
#s_shuzi ul li p{ font-size: 18px; color: #2f2f2f; margin-bottom: 30px;}
#s_shuzi ul li .ico{ width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto;}
img{ vertical-align: middle;}

#s_about{ padding: 50px 0 0; border-bottom: 1px solid #dddddd; background: url(../images/s_about_bg.jpg) center bottom no-repeat;}
#s_about .con{ text-align: center; font-size: .875rem; line-height: 1.5rem;}
/*============================首页结束==============================*/


/*内页banner*/
.bn-box {width: 100%;overflow-x: hidden;position: relative;z-index: 0; margin-top: 99px;}
.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;}
.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; margin-bottom:10px;}    
.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%;  }
.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;}
.ar_article em{ font-style: italic;}
/*====翻页效果====*/
.j_pages{ margin:0 auto;}
.j_pages .box{display:inherit;width:100%;text-align: center;padding-top:40px;}
.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 .txt{ width:735px; float:left; margin-left:30px;}
.n_newslist ul li .txt h5{ height:67px; line-height:67px;}
.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{ margin-bottom: 10px;}
.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; 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;}
.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%; }
.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{}
.n_pro ul{ margin:-10px;}
.n_pro ul li{ width:25%; float:left; padding:10px;box-sizing: border-box;}
.n_pro .pic_box{ height:150px; overflow:hidden; width:100%; border:1px solid #ddd; text-align:center;}
.n_pro .pic_box a{ display:block; line-height:150px;}
.n_pro .pic_box img{ max-width: 150px;max-height:150px;display: inline-block;}
.n_pro .pic_box img:hover{ transform:scale(1.1);}
.n_pro .txt{ text-align:center;}
.n_pro .txt h5{}
.n_pro .txt h5 a{ font-size:14px; color:#333; line-height:60px; }
.n_pro .txt h5 a:hover{ color:#054896;}
.n_pro .txt p{ display:none; font-size:13px; color:#222; line-height:18px; height:36px; overflow:hidden;}
.n_pro .txt .btn{ display:block; display:none; 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:calc(100% - 420px); float:right; padding-left:53px; font-size:14px; color:#222; line-height:30px;}
.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; font-size: 13px; width:90px; height:32px; line-height:32px; margin-right:15px; text-align:center; color:#444; border:1px solid #999; border-radius:5px; margin-top:0; float:left;}
.n_pro_center .box1 .txt .btn{ float: none; box-shadow: none !important; line-height: inherit; height: auto; width: auto; text-align: left; border: 0;}
.n_pro_center .box1 .txt .btn:hover{ color: #054896;}
.n_pro_center .box1 .txt .btn+.btn{ margin-top: 10px;}
.n_pro_center .btn_zixun{ margin-top: 0;}
.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_news ul li .txt{ padding: 0 25px;  padding-bottom: 30px;}
ul.right{ right:0; left:auto;}

.n_case2{ padding-bottom: 65px;}
.n_case2 *{ box-sizing:  border-box;}
.n_case2 ul{ margin: 0 -23px; margin-top: -33px;}
.n_case2 ul li{ width: 33.333%; float: left; padding: 0 23px; margin-top: 33px;}
.n_case2 ul li .img{ width: 100%; position: relative; height: 282px;}
.n_case2 ul li .img img{ width: 100%; height: 100%; display: block;}
.n_case2 ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 110px;  background: rgba(5, 73, 150, 0.83); text-align: center; opacity: 0;visibility:hidden ; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_case2 ul li .mask h5{ font-size: 16px; color: #fff; text-align: center; }
.n_case2 ul li .mask p{ font-size: 14px; color: rgba(255,255,255,0.5); }
.n_case2 ul li .mask span{ font-size: 22px; color: #fff; font-weight: lighter;}
.n_case2 ul li .txt{ text-align: center; padding-top: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_case2 ul li .txt h5{ font-size: 16px; color: #2c2c2c;}
.n_case2 ul li .txt p{ font-size: 14px; color: #ababab;}
.n_case2 ul li .box{transform:translateY(30px); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); }
.n_case2 ul li:hover .mask{ opacity: 1; visibility: visible;}
.n_case2 ul li:hover .box{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.n_case2 ul li:hover .txt{ opacity: 0; visibility:hidden ; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }

 
#n_join{ width: 100%; height: 100%; overflow: hidden; padding-bottom: 66px; }
#n_join #list_slide{  position:relative; }
#n_join #list_slide dl{ position: relative; border-bottom: 1px solid #dfe0e1; margin-bottom: 0; z-index: 1;}
#n_join #list_slide dt{ position:relative; cursor:pointer; height:4.0625rem; transition:.5s;  }
#n_join #list_slide .on dt b{ color:#054896; font-size: 18px; background: url(../images/n_join_on.png) left center no-repeat; }
#n_join #list_slide dt h3{  color:#505050; font-size:1rem; line-height:4.0625rem; overflow:hidden; display:flex; justify-content: space-between; }
#n_join #list_slide dt h3 b{ display:block; float:left; font-weight:normal; font-size: 18px; color: #000000;  min-width: 20%; background: url(../images/n_join.png) left center no-repeat; padding-left: 39px; }
#n_join #list_slide dt h3 span{ font-size:14px; color: #6e6e6e; float: left; }
#n_join #list_slide dd{ display:none; line-height:32px; padding: 35px; border: 1px solid #e5e5e5; border-bottom: 0; }
#n_join #list_slide dd p{  margin-bottom:0;}
#n_join #list_slide dd p:last-child{ padding-bottom:0;}
#n_join #list_slide dd .content{ }
#n_join #list_slide dd .content { color:#6e6e6e; line-height: 30px; font-size: 14px;  }
#n_join #list_slide dd .content p{  color:#6e6e6e; line-height: 30px; font-size: 14px;   }
#n_join #list_slide dt h3 span.span04{ background: url(../images/n_join_ico01.png) right center no-repeat; padding-right: 26px;}
#n_join #list_slide .on dt h3 span.span04{ background: url(../images/n_join_ico02.png) right center no-repeat; }
#n_join #list_slide .btn_toudi{ width:100px; height:35px; display:block; text-align:center; line-height:35px; color:#fff; font-size:13px; border-radius:3px; background:#0e4da1; margin-bottom:20px;}
#n_join #list_slide .btn_toudi:hover{ }

.pro_tuijian{ margin-top: 42px;}
.pro_tuijian .tt{ display: block; overflow: hidden; margin-bottom: 38px; line-height: 30px;}
.pro_tuijian .tt i{ display: inline-block; width: 3px; height: 16px; background: #054896; vertical-align: middle; margin-right: 10px; position: relative; top: -2px;}
.pro_tuijian .tt b{ font-size: 16px; color: #2c2c2c; margin-right: 8px;}
.pro_tuijian .tt span{ font-size: 16px; color: #bcbcbc; font-family: arial;}
.pro_tuijian .tt a{ font-size: 16px; color: #bcbcbc; font-family: arial;}
.pro_tuijian .tt a:hover{color:#054896; }
.pro_tuijian *{ box-sizing: border-box;}
.pro_tuijian ul{ zoom:1; margin: 0 -10px;   }
.pro_tuijian ul li{ padding:0 10px; width: 25%; float:left; overflow:hidden; text-align:center;  }
.pro_tuijian ul li .pic{ text-align:center;width:100%; height:215px; line-height: 215px; border:1px solid #ccc; text-align: center; overflow: hidden; }
.pro_tuijian ul li .pic img{ display:inline-block; max-width: 100%; max-height: 100%; vertical-align: middle; }
.pro_tuijian ul li .pic a:hover img{ border-color:#999;  }
.pro_tuijian ul li .title{ line-height:24px; padding-top: 20px; font-size: 14px; color: #2c2c2c;}
.pro_tuijian ul li:hover .pic{ border:1px solid #054896;}
.pro_tuijian .slick-arrow{ width: 26px; height: 26px; top: 50%; margin-top: -13px;}
.pro_tuijian .slick-prev{ left: -50px; background: url(../images/pro_left.png) center no-repeat;}
.pro_tuijian .slick-next{ right: -50px; background: url(../images/pro_right.png) center no-repeat;}

.drop2{ position: absolute; top: 99px; background: #fff; left: 0; width: 100%; display: none; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.drop2 *{ box-sizing: border-box;}
.outBox{ width: 1200px;}
.drop2 .hd{ float: left; width: 300px;}
.drop2 .hd ul{}
.drop2 .hd ul li{ height: 60px; line-height: 60px; padding: 0 40px; background: #f7f7f7 url(../images/nav_arr.png) 230px center no-repeat; border-bottom: 1px solid #dedede;}
.drop2 .hd ul li .ico{ float: left; margin-right: 10px;}
.drop2 .hd ul li .ico img{}
.drop2 .hd ul li .ico .img01{}
.drop2 .hd ul li .ico .img02{ display: none;}
.drop2 .hd ul li h5{ font-size: 15px; color: #525252;}
.drop2 .hd ul li.on{ background: #013b96 url(../images/nav_arr_on.png) 230px center no-repeat;}
.drop2 .hd ul li.on .ico .img01{ display: none;}
.drop2 .hd ul li.on .ico .img02{ display: inline-block;}
.drop2 .hd ul li.on h5{ color: #fff;}
.drop2 .bd{ max-width: 930px; float: left;}
.drop2 .inHd{ width: 350px; float: left; padding-left: 70px; padding-top: 20px;}
.drop2 .inHd li{ font-size: 14px; color: #7d7d7d; line-height: 54px; }
.drop2 .inHd li:before{ content: ""; display: inline-block; width: 7px; height: 7px; background: #7d7d7d; margin-right: 18px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.drop2 .inHd li.on{ color: #013b96;}
.drop2 .inHd li.on:before{background: #013b96;}
.drop2 .inBd{ max-width: 650px; float: left; padding-top: 30px;}
.drop2 .inBd li{ float: left; margin-bottom: 30px;}
.drop2 .inBd li h5{ font-size: 16px; color: #0f0f0f; margin-bottom: 12px; font-weight: bold;}
.drop2 .inBd li h5 .hot{ display: inline-block; width: 22px; height: 11px; background: url(../images/hot.png) center no-repeat; margin-left: 8px;}
.drop2 .inBd li .img{ width:360px; border: 1px solid #eee; height: 280px;}



.online_q {  position: fixed; right: 2rem; bottom: 10%; z-index: 997; transition:.5s; -webkit-transition:.5s;}
.online_q .btn2{width:72px; height:72px; cursor:pointer; position:relative; margin-bottom:5px; }
.online_q .btn2 a{  font-size:12px; color:#fff;}
.online_q .btn2 span{display:block; float:left; text-align: center; width:100%; height:100%; line-height: 72px; background: #234a95; position:relative; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; }
.online_q .btn2:hover span{ }
.online_q .open{ position:absolute; background:#eee; top:50%; right:100px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic{ width:140px; height:140px; top:50%; margin-top:-70px; }
.online_q .open.pic img{ width:120px; height:120px; margin-top:10px; margin-right:10px;}
.online_q .open.txtbox{  width:160px; height:100px; right:100px; box-sizing: border-box; top:50%; margin-top:-50px; background:#eee; padding-top:18px; padding-left: 20px; text-align:left; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.txtbox h5{ font-size: 14px; color: #666;  }
.online_q .open.txtbox p{ font-size: 24px; line-height: 30px; font-family: BarlowCondensed-Bold; color: #013b96;}
.online_q .btn2:hover .open{ opacity:1; right:85px;visibility:visible;}
.online_q .open:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #eee; position:absolute; right:-15px; top:50%; margin-top:-10px;}
#gotop{ padding:0; transition:.5s; overflow:hidden;}
#gotop.hide{height:0; overflow:hidden; display:block !important;}
.btn_zixun{ display: block; width: 200px; height: 45px; line-height: 45px; font-size: 16px; margin-top: 20px; background:#013b96; border-radius: 5px; color: #fff; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.btn_zixun:hover{ background: #083b8f; color: #fff;}
@media (max-width:1440px)

{
  .m{ width: 1100px;}
  .logo{ width: 190px;}
  .nav ul li{ width: 120px;}
  .slideGroup .parBd ul li{ width: 255px;}
  .online_q{ right: 0;}
  #s_fuwu ul li .txt{ padding-left: 10px;}
  #s_fuwu ul li .ico{ width: 80px; height: 80px; line-height: 80px;}
  #s_fuwu ul li .txt h4{ font-size: 18px;}
  #s_fuwu ul li .item{ margin-right: 15px;}
  .s_tt a{ font-size: 26px;}
  .s_news .bd .fl{ width: 49%;}
  .s_news .bd .fr{ width: 47%;}
  .s_news .bd .fr ul li .txt{ width: 400px;}
  .s_news .bd .fr ul li{ width: 100%;}
  .foot .foot_nav{ width: 750px;}
  .foot .foot_nav ul li{ width: 106px;}
  .ny_content_box{ width: 834px;}

  .n_fangan ul li .txt{ width: 692px;}
  .n_newslist ul li .txt{ width: 627px;}
  .n_cjwt ul li{ margin: 17px;}
  .n_ryzz li{margin: 30px 11px 0;}
  .n_msg .fr{ width: 450px;}
  .n_msg form p {
    margin-bottom: 10px;
}
}
.top .fr span {
    height: 32px;
    display: inline-block;
    vertical-align: top;
}
.top img{ vertical-align:top;}
.top_ico {
    display: inline-block;
    vertical-align: top;
    height: 32px;
}

.bg-case_next {
    width: 18px; height: 36px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -530px -311px;
}
.bg-case_prev {
    width: 18px; height: 36px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -530px -367px;
}
.bg-down {
    width: 22px; height: 22px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -381px -400px;
}
.bg-foot_tel {
    width: 24px; height: 24px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -530px -465px;
}
.bg-gg_ico {
    width: 28px; height: 9px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -156px -465px;
}
.bg-gotop {
    width: 49px; height: 42px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -400px -336px;
}
.bg-pf_qq {
    width: 48px; height: 46px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -400px -140px;
}
.bg-pf_wx {
    width: 48px; height: 45px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -10px -400px;
}
.bg-pro_xq_ico1 {
    width: 18px; height: 17px;
    background: url('../images/css_sprites.png') -118px -465px;
}
.bg-r_qq {
    width: 48px; height: 46px;
    background: url('../images/css_sprites.png') -400px -206px;
}
.bg-r_top {
    width: 49px; height: 42px;
    background: url('../images/css_sprites.png') -146px -400px;
}
.bg-r_wx {
    width: 48px; height: 45px;
    background: url('../images/css_sprites.png') -78px -400px;
}
.bg-s_fuwu_ico01 {
    width: 34px; height: 34px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -215px -400px;
}
.bg-s_fuwu_ico02 {
    width: 29px; height: 31px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -530px -166px;
}
.bg-s_fuwu_ico03 {
    width: 37px; height: 37px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -468px -206px;
}
.bg-s_fuwu_ico04 {
    width: 33px; height: 33px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -10px -465px;
}
.bg-s_shuzi_ico01 {
    width: 34px; height: 34px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -269px -400px;
}
.bg-s_shuzi_ico02 {
    width: 35px; height: 30px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -63px -465px;
}
.bg-top_fdj {
    width: 15px; height: 15px;
    background: url('../images/css_sprites.png') -49px -518px;
}
.bg-top_QQ {
    width: 32px; height: 32px;display: inline-block;
    background: url('../images/css_sprites.png') -530px -10px;    margin-right: 10px;
    margin-left: 0px;
}
.bg-top_sc {
    width: 32px; height: 32px;
    background: url('../images/css_sprites.png') -530px -62px;
}
.bg-top_tel {
    width: 17px; height: 19px; display: inline-block;
    background: url('../images/css_sprites.png') -465px -400px;
}
.bg-top_wx {
    width: 32px; height: 32px;
    background: url('../images/css_sprites.png') -530px -114px;
}
.bg-up {
    width: 22px; height: 22px;
    background: url('../images/css_sprites.png') -423px -400px;
}
.bg-yyly_ico1 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -10px -10px;
}
.bg-yyly_ico2 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -140px -10px;
}
.bg-yyly_ico3 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -10px -140px;
}
.bg-yyly_ico4 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -140px -140px;
}
.bg-yyly_ico5 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -270px -10px;
}
.bg-yyly_ico6 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -270px -140px;
}

.bg-yyly_ico7 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -10px -270px;
}

.bg-yyly_ico8 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -140px -270px;
}

.bg-yyly_ico9 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -270px -270px;
}

.bg-yyly_ico10 {
    width: 110px; height: 110px;
    background: url('../images/css_sprites.png') -400px -10px;
}

.bg-zhaobiao {
    width: 19px; height: 15px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -10px -518px;
}

.bg-zx_ico {
    width: 27px; height: 22px;
    background: url('../images/css_sprites.png') -530px -423px;
}

.bg-zx_ico1 {
    width: 39px; height: 39px;
    background: url('../images/css_sprites.png') -468px -140px;
}

.bg-zx_ico2 {
    width: 37px; height: 33px;
    background: url('../images/css_sprites.png') -469px -336px;
}

.bg-zx_ico3 {
    width: 39px; height: 32px;
    background: url('../images/css_sprites.png') -470px -272px;
}

.bg-pf_tel {
    width: 50px; height: 44px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -400px -272px;
}

.bg-s_shuzi_ico03 {
    width: 29px; height: 27px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -530px -264px;
}

.bg-s_shuzi_ico04 {
    width: 31px; height: 27px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -530px -217px;
}


.bg-s_shuzi_ico05 {
    width: 38px; height: 29px; display: inline-block; vertical-align: middle;
    background: url('../images/css_sprites.png') -323px -400px;
}