.add_after:after,.add_after:before{-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;content: ''}


/*左右浮动*/
.fl{float: left;}
.fr{float: right;}
.w_1366{max-width: 1366px;width: 94%;margin: auto;position: relative;}
.menua{display: none;float: right;}
.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz16{font-size: 16px;}
.fz17{font-size: 17px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.fz24{font-size: 24px;}
.fz26{font-size: 26px;}
.fz30{font-size: 30px;}
.fz36{font-size: 36px;}
.fz38{font-size: 38px;}
.fz40{font-size: 40px;}
.fz46{font-size: 46px;}
.fz48{font-size: 48px;}
/*常用过渡*/
.tran300{-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.tran400{-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;transition: 0.4s;}
.tran500{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

@-webkit-keyframes mouse_ani {
  0%{-webkit-transform: translateY(0);}
  50%{-webkit-transform: translateY(10px); opacity: 1;}  
  100%{-webkit-transform: translateY(0); }  
}
@keyframes mouse_ani { 
  0% {transform: translateY(0); }
  50% {transform: translateY(10px); opacity: 1; } 
  100%{-webkit-transform: translateY(0); }  
}




.section_two{position: relative;overflow: hidden;}
.small_div{width: 100%;position: absolute;bottom: 0;background:url(/images/samll_bg.png) left center repeat-x;z-index: 2;}
.small_box{position: relative;overflow: hidden;width: 96%;float: left;}
.small_box .swiper-slide a{position: relative;padding: 20px 0 9px;}
.small_box .swiper-slide a:after{width: 100%;height: 0;background: rgba(0,64,152,0.5);top: 0;left: 0;position: absolute;}
.small_box .swiper-slide a:hover:after,.small_box .swiper-slide.swiper-slide-thumb-active a:after{height: 100%;}
.small_box .swiper-slide a,.small_box .swiper-slide a *{display: block;}
.small_box .swiper-slide a *{position: relative;z-index: 3;}
.small_box .swiper-slide a span.img{margin: auto;width: 80px;height: 80px;background-image: url(/images/ico2.png);background-repeat: no-repeat;-webkit-background-size: 1040px;background-size: 1040px;}
.small_box .swiper-slide a span.txt{text-align: center;color: #fff;line-height: 60px;}
.small_box .swiper-slide a.small_ico1 span.img{background-position: 0 0;}
.small_box .swiper-slide a.small_ico2 span.img{background-position: -80px 0;}
.small_box .swiper-slide a.small_ico3 span.img{background-position: -160px 0;}
.small_box .swiper-slide a.small_ico4 span.img{background-position: -240px 0;}
.small_box .swiper-slide a.small_ico5 span.img{background-position: -320px 0;}
.small_box .swiper-slide a.small_ico6 span.img{background-position: -400px 0;}
.small_box .swiper-slide a.small_ico7 span.img{background-position: -480px 0;}
.small_box .swiper-slide a.small_ico8 span.img{background-position: -560px 0;}
.small_box .swiper-slide a.small_ico9 span.img{background-position: -640px 0;}
.small_box .swiper-slide a.small_ico10 span.img{background-position: -720px 0;}
.small_box .swiper-slide a.small_ico11 span.img{background-position: -800px 0;}
.small_box .swiper-slide a.small_ico12 span.img{background-position: -880px 0;}
.small_div .next-btn,.small_div .prev-btn{position: absolute;z-index: 3;background-image: url(/images/ico3.png);width: 35px;height: 80px;background-repeat: no-repeat;-webkit-background-size: 85px;background-size: 85px;top: 50px;cursor: pointer;}
.small_div .next-btn:focus,.small_div .prev-btn:focus{border:none;}
.small_div .next-btn{background-position: right 0;right:0;}
.small_div .prev-btn{background-position: left 0;right:40px;}
.small_div .swiper-button-disabled{opacity: 0;filter: alpha(opacity=0);}
.small_box .swiper-slide a:hover span.img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.Img_box{position: relative;overflow: hidden;}
.Img_box .swiper-slide{height: 799px;position: relative;}
.Img_box .swiper-slide .img{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-position: center;}
.Img_box h4,.section_four h4{margin-top: 140px;line-height: 114px;position: relative;}
.Img_box h4:after,.Img_box h4:before,.section_four h4:after,.section_four h4:before{position: absolute;bottom: 0;left: 0;height: 1px;}
.Img_box h4:before,.section_four h4:before{width: 160px;background: rgba(255,255,255,0.5);}
.Img_box h4:after,.section_four h4:after{width: 80px;background: #fff;-webkit-animation: scrolldown 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1); animation: scrolldown 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1);}
.Img_box h4 a{color: #fff;}
.Img_box p{ margin: 36px 0 30px;line-height: 28px;color: #fff;width: 43.2%;}
.Img_box a.more_details,.section_four a.more_details{background-color:inherit;border:1px solid #fff; padding:15px; color:#FFF}
.Img_box .swiper-slide .w_1366{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(100px);transform: translateY(100px);-webkit-transition:all 1s ease 0.5s; transition:all 1s ease 0.5s;}
.Img_box .swiper-slide.swiper-slide-active .w_1366{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);transform: translateY(0);}
@-webkit-keyframes scrolldown { 0% { width: 0; }
  55% { width: 80px; }
  100% { width: 0;  }
}
@keyframes scrolldown { 0% { width: 0; }
  55% { width: 80px; }
  100% { width: 0;  }
}
@-webkit-keyframes scrollDown { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  55% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  70% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  85% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }
@keyframes scrollDown { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  55% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  70% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
  85% { -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 0 0; transform-origin: 0 0; }
  100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } }
.sec_3_swiper{float: left;width:45.8%;position: relative;overflow: hidden; }
.sec_3_swiper .swiper-slide {overflow: hidden;}
.sec_3_swiper .swiper-slide .img *,.sec_3_swiper .swiper-slide .txt .text *{display: block;}
.sec_3_swiper .swiper-slide .img span{background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;padding-bottom: 400px;}
.sec_3_swiper .swiper-slide .txt .fl{position: relative;width: 12.6%;text-align: center;}
.sec_3_swiper .swiper-slide .txt .fl:before{content:'';width: 1px;height: 50px;background: #b3c6e0;position: absolute;right: 0;bottom: 50%;margin-bottom: -25px;}
.sec_3_swiper .swiper-slide .txt .fl:after{content:'';width: 1px;height: 25px;background: #004098;position: absolute;right: 0;bottom: 50%;margin-bottom: -25px;-webkit-animation: scrollDown 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1); animation: scrollDown 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1);}
.sec_3_swiper .swiper-slide .txt .fl *{display: block;font-family: 'Conv_Charter';color: #004098;}
.sec_3_swiper .swiper-slide .txt .fl span{font-size: 42px;line-height: 40px;position: relative;top: -2px}
.sec_3_swiper .swiper-slide .txt .fl i{font-size: 12px;}
.sec_3_swiper .swiper-slide .txt {padding: 20px 0 15px;background: #f7f9fc;position: relative;}
.sec_3_swiper .swiper-slide .txt:before{width: 100%;position: absolute;height: 0;background: #ececec;top: 0;left: 0}
.sec_3_swiper .swiper-slide .txt .text{position: relative;z-index: 3;padding-left: 14.9%;padding-right: 3.2%;}
.sec_3_swiper .swiper-slide .txt .text *{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.sec_3_swiper .swiper-slide .txt .text span{font-weight: bold;color: #333;line-height: 28px}
.sec_3_swiper .swiper-slide .txt .text i{margin-top: 7px;color: #666;line-height: 26px;}
.sec_3_swiper .swiper-button-prev{left: -80px;}
.sec_3_swiper .swiper-button-next{right: -80px;}
.sec_3_swiper:hover .swiper-button-prev{left: 10px}
.sec_3_swiper:hover .swiper-button-next{right: 10px}
.sec_3_swiper:hover .swiper-slide .txt:before{height: 100%;}

.sec_3_fr{width: 50%;}
.sec_3_fr dl{position: relative;padding: 33px 2.9% 40px 3.6%;width:93.5%;float: left;  }
.sec_3_fr dl .fl{width: 84%}
.sec_3_fr dl .fl *{display: block;}
.sec_3_fr dl .fl a {position: relative;padding-left: 3%;}
.sec_3_fr dl .fl a span{position: relative;width: 84%;color: #333;line-height: 35px;}
.sec_3_fr dl .fl a:before{position: absolute;left: 0;top: 15px;width: 5px;height: 5px;background: #004098;border-radius: 5px;}
.sec_3_fr dl .fl a i{padding-top: 6px;color: #666;line-height: 28px;height: 56px;overflow: hidden;}
.sec_3_fr dl .fr span{line-height: 35px;display: block;color: #999999;font-family: 'Conv_Charter';}
.sec_3_fr dl .fr i{position: relative;margin-top: 40px;float: right;display: inline-block;width: 22px;height: 16px;background: url(/nuferci/web/images/ico4.png) right center no-repeat;-webkit-background-size: 60px;background-size: 60px;}
.sec_3_fr dl .fr i:after{width: 1px;height: 17px;background: #d8d8d8;content: '';position: absolute;left: -48px;top: 50%;margin-top: -8px;}
.sec_3_fr dl:after{height: 1px;background: #d8d8d8;width: 93.5%;position: absolute;left: 3.6%;top: 0}
.sec_3_fr dl:first-child:after{display: none;}
.sec_3_fr dl:hover{background: #f7f9fc;}
.sec_3_fr dl:hover:after{background: #f7f9fc;}
.sec_3_fr dl:hover .fl a span{-webkit-transform: translateX(5px);transform: translateX(5px);}
.sec_3_fr dl:hover .fl a span,.sec_3_fr dl:hover .fr a span{color: #004098;}
.section_three{padding: 51px 0 45px;}
.section_three .index_title{margin-bottom: 28px;}

.section_four{background: url(/nuferci/web/images/img7.jpg) center center no-repeat;padding-bottom: 378px;}
.section_four h4 a{color: #fff;}
.section_four p{line-height: 32px;margin: 36px 0 30px;color: #fff;width: 43.2%;}
.section_four ul{position: absolute;right: 0; top: 300px;width: 336px;}
.section_four ul li{color: #fff;float: left;width: 168px;position: relative;background: rgba(99,123,173,.25);padding: 19px 0;}
.section_four ul li.li2,.section_four ul li.li3{background: rgba(255,255,255,0.15);}


.section_four ul li.li2:after,.section_four ul li.li3:after{border:1px solid #fff;width: 100%;height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;content: '';position: absolute;left: 0;top: 0}
.section_four ul li span{margin: 0 20px;display: block;}
.section_four ul li span.img{width: 54px;height: 54px;background-image: url(/nuferci/web/images/ico5.png);background-repeat: no-repeat;-webkit-background-size: 54px;background-size: 54px;}
.section_four ul li.li1 span.img{background-position: 0 0;}
.section_four ul li.li2 span.img{background-position: 0 -54px;}
.section_four ul li.li3 span.img{background-position: 0 -108px;}
.section_four ul li.li4 span.img{background-position: 0 -162px;}
.section_four ul li span.title{line-height: 28px;}
.section_four ul li span.en{line-height: 20px;opacity: 0.8;filter: alpha(opacity=80);font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.section_four ul li span.add{margin-top: 7px;position: relative;width: 18px;height: 18px;}
.section_four ul li span.add:before{width: 18px;height: 1px;background: #fff;position: absolute;left: 0;top: 50%}
.section_four ul li span.add:after{width: 1px;height: 18px;background: #fff;position: absolute;left: 50%;top: 0}
.video_btn img{width: 100%;}
.video_btn{width: 41px;display: inline-block;float: left;margin: 40px 0 0 30px;}
.video_btn:hover img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.section_four a.more_details{float: left;}
.section_four h4{margin-top: 57px;}
.section_four:hover ul li span.add{-webkit-animation: addrotate 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1); animation: addrotate 4s infinite cubic-bezier(0.645, 0.045, 0.355, 1);}
@-webkit-keyframes addrotate { 
  from{-webkit-transform:rotateZ(0deg)}
  to{-webkit-transform:rotateZ(-360deg)}}
@keyframes addrotate { 
  from{transform:rotateZ(0deg)}
  to{transform:rotateZ(-360deg)}
}
@-webkit-keyframes addrotate2 { 
  from{-webkit-transform:rotateZ(0deg)}
  to{-webkit-transform:rotateZ(360deg)}}
@keyframes addrotate2 { 
  from{transform:rotateZ(0deg)}
  to{transform:rotateZ(360deg)}
}
.section_four ul li:hover span.img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}

}
@keyframes phone_rotate { 
  0%{transform: rotate(0deg);}
  50%{transform: rotate(40deg);}  
  100%{transform: rotate(0deg);}  
}
@-webkit-keyframes round_rotate {
  0%{-webkit-transform: rotate(0deg);}
  50%{-webkit-transform: rotate(-20deg);}  
  100%{-webkit-transform: rotate(0deg);}  
}
@keyframes round_rotate { 
  0%{transform: rotate(0deg);}
  50%{transform: rotate(-20deg);}  
  100%{transform: rotate(0deg);}  
}


@media screen and (max-width:1400px){
  .location .w_1366 a{font-size: 16px;margin: 0 20px}
  .n_nav a{font-size: 14px;}
}
@media screen and (max-width:1366px){
.sec_1_tabswiper .swiper-slide .fr ul li{margin-left: 10px;}
.sec_1_tabswiper .swiper-slide .fr{width: 42%;}
.header .fr_top a{margin-left: 19px;}
.company_one .fl .txt{height: 170px;}
}

@media screen and (max-width:1230px){
  .menua{display: inline-block;}
  .pc_nav,.header .fr_top,.banner .banner-pagination,.copyright .fr,.head-v3,.list_job ul li .problem span.span5,.list_job .title span.span5{display: none;}
  .header .fl h1{padding-top: 0;}
  .banner{height: calc(100vh - 85px);}
  .banner .swiper-slide .txt1 img{height: 100px;}
  .sec_3_fr dl .fl{width: calc(100% - 85px)}
  .small_box .swiper-slide a span.txt{font-size: 16px;}
  .section_four{-webkit-background-size: cover;  background-size: cover;}
  .footer ul{margin-left: 5%;}
  .company_one .fr{float: left;}
  .company_one .fl{width: 100%;}
  .com_map_div{position: inherit;height: auto;width: 100%;-webkit-box-sizing: border-box;  box-sizing: border-box;right: auto;top: auto;padding: 30px 15px;}
  .location{display: none;}
  .n_banner{-webkit-background-size: cover;  background-size: cover;}
  .honer_ul li{width: 31%;}
  .cont_pro_three .fl{padding-left: 0;width: 42%;}
  .cont_pro_six .gallery-thumbs{left: 3%;margin-left: 0;}
  .cont_pro_six .gallery-top .swiper-slide .txt{left: 10%;margin-left: 0;}
  .cont_pro_six .gallery-thumbs .swiper-slide a{padding-bottom: 40%;}
  .cont_pro_six .gallery-top .swiper-slide .img{padding-bottom: 60%;}
  .cont_pro_six .gallery-top .swiper-slide.swiper-slide-active .txt{top: 50%;-webkit-transform: translateY(-70%);  transform: translateY(-70%);}
  .pro_five_swiper .swiper-slide .img,.pro_seven_swiper .swiper-slide span.img{padding-bottom: 73%;}
  .ser_div input[type=text], .ser_div textarea,.add_div .fr{width: calc(100% - 90px);}
  .add_div .fr input[type=text]{width: 100%;}
  .check_btn label{margin-left: 90px;}
  .yzm_div input[type=text]{width: calc(100% - 169px);}
  .yzm_div img{width: 80px;}
  .yzm_div a{display: none;}
  .down_tit .span3, .list_down ul li .span3,.down_tit .span2, .list_down ul li .span2{display: none;}
  .down_tit .span1, .list_down ul li .span1{width: 54%;}
  .down_tit .span1 i, .list_down ul li .span1 i{padding-left: 30px;}
/*  .case_location{display: block;}
  .case_location.location .w_1366 a{margin: 0 10px;}
*/
.list_advan dl dd .txt{margin-top: 6%;}
.list_advan dl dd{width: 46%;padding-left:4%;padding-bottom: 25px;}
.list_advan dl dd h5{padding-bottom: 25px;margin-bottom: 15px;}
.zhuanli_ul li{width: 23%;}
.app_ul li h5{float: left;width: 100%;}
}
@media screen and (max-width:1002px){
  .menua img{height: 30px;}
  .header .fl h1 img{height: 56px;}

.cont_box img, .cont_box iframe, .cont_box table{height: auto !important;width: auto !important;}

}
@media screen and (max-width:991px){ 
  .mouse {display: none;}
  .banner .swiper-slide .txt1 img{height: 60px;}
  .banner .swiper-slide .txt1{width: 72%;left:14%;max-width:270px;-webkit-transform: translateY(-37%);  transform: translateY(-37%); }
  .swiper-num{right: 10px;}
  .banner{height: 45vh;}
  .section_one{-webkit-background-size: cover;  background-size: cover;}
  .sec_1_tabswiper,.section_four ul{margin: 20px auto;}
  .sec_1_tabswiper .swiper-slide .fl,.sec_1_tabswiper .swiper-slide .fr{width: 90%;margin: 0 5%;float: left;}
  .sec_1_tabswiper .swiper-slide .fl a span,.section_one .tabs ul li a span.img,.cont_pro_three .fr span{padding-bottom: 50%;}
  .section_one,.cont_pro_two ul,.cont_news{padding-top: 20px;}
  .cont_pro_two ul{display: block;}
  .sec_1_tabswiper .swiper-slide .fr h5 a{text-align: center;line-height: 53px;}
  .section_one .tabs{background: none;}
  .sec_1_tabswiper .swiper-slide .fr p{margin: 10px 0;}
  .section_one .tabs ul li a{padding: 10px 0;}
  .section_one .tabs ul li a:after{margin-left: -20px;}
  .more_details{margin: 20px auto 0;display: block;}
  .fz24{font-size: 18px;}
  .fz16,#tab li{font-size: 14px;}
  .fz18{font-size: 16px;}
  .fz26{font-size: 20px;}
  .fz36{font-size: 24px;}
  .fz38{font-size: 26px;}
  .fz30{font-size: 20px;}
  .fz40{font-size: 30px;}
  .fz46{font-size: 36px;}
  .fz48{font-size: 38px;}
  .sec_1_tabswiper .swiper-slide .fr ul li span{width: 30px;height: 30px;-webkit-background-size: 28px;  background-size: 28px;display: block;margin: auto;float: none;}
  .sec_1_tabswiper .swiper-slide .fr ul li.icon2 span{background-position: 1px -27px;}
  .sec_1_tabswiper .swiper-slide .fr ul li.icon3 span{background-position: 1px -55px;}
  .sec_1_tabswiper .swiper-slide .fr ul li i{line-height: 30px;padding-left: 0;text-align: center;width: 100%;display: block;}
  .sec_1_tabswiper .swiper-slide .fr ul li{width: 33.3%;margin-left: 0;}
  .section_one .tabs ul li a span.txt i:after, .section_one .tabs ul li a span.txt i:before,.Img_box h4:after,.sec_3_fr dl .fr i:after,.page a,.list_job .title span.span2,.list_job ul li .problem span.span2{display: none;}
  .Img_box h4,.section_four h4{text-align: center;line-height: 70px;margin-top: 40px;}
  .Img_box h4:before{left: 50%;margin-left: -80px;}
  .Img_box p,.footer ul li{width: 100%;text-align: center;}
  .Img_box .swiper-slide{height: auto;padding-bottom: 170px;-webkit-background-size: cover;  background-size: cover;}
  .small_box .swiper-slide a span.txt{line-height: 30px;font-size: 14px}
  .small_box .swiper-slide a span.img{width: 60px;height: 60px;-webkit-background-size: 800px;  background-size: 800px;}
  .small_box .swiper-slide a.small_ico2 span.img{background-position: -62px 0;}
  .small_box .swiper-slide a.small_ico3 span.img{background-position: -124px 0;}
  .small_box .swiper-slide a.small_ico4 span.img{background-position: -186px 0;}
  .small_box .swiper-slide a.small_ico5 span.img{background-position: -248px 0;}
  .small_box .swiper-slide a.small_ico6 span.img{background-position: -310px 0;}
  .small_box .swiper-slide a.small_ico7 span.img{background-position: -372px 0;}
  .small_box .swiper-slide a.small_ico8 span.img{background-position: -434px 0;}
  .small_box .swiper-slide a.small_ico9 span.img{background-position: -496px 0;}
  .small_box .swiper-slide a.small_ico10 span.img{background-position: -558px 0;}
  .small_box .swiper-slide a.small_ico11 span.img{background-position: -620px 0;}
  .small_box .swiper-slide a.small_ico12 span.img{background-position: -682px 0;}
  .small_box .swiper-slide a{padding-top: 10px;}
  .small_div .next-btn, .small_div .prev-btn{top: 15px}
  .small_box,.sec_3_swiper,.sec_3_fr,.section_four p,.cont_pro_three .fl,.list_advan dl dt{width: 100%;}
  .small_div .prev-btn{right: auto;left: 0}
  .Img_box .swiper-slide .img:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);content: ''}