@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*案例01*/
.case01_bg{background:url(../images/case_bg01.jpg) no-repeat center 0;height: 1090px;overflow: hidden;padding: 70px 0 0;}
.case_tit{font-size: 40px;color: #313131;text-align: center;line-height: 40px;height: 130px;overflow: hidden;}
.case_tit a{color: #313131;}
.case_tit em{display: block;font-size: 26px;color: #c8c8c8;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;padding-bottom: 5px;font-weight: normal;}
.case_tit i{color: #2d408d;}
.case_tit span{display: block;font-size: 18px;color: #4b4b4b;padding-top: 5px;font-weight: normal;}
.case_t{padding: 40px 0 0;height: 85px;line-height: 50px;overflow: hidden;}
.case_t ul li{width: 205px;float: left;padding-right: 35px;}
.case_t ul li a{font-size: 16px;color: #313131;font-weight: bold;display: block;width: 200px;height: 45px;line-height: 45px;border: #313131 2px solid;border-radius: 8px;}
.case_t ul li em{display: block;float: left;width: 26px;height: 26px;line-height: 0;overflow: hidden;margin: 10px 12px 0 30px;}
.case_t ul li em img{width: 26px;height: 52px;-webkit-transition:all .5s;transition:all .5s;}
.case_t ul li a:hover,.case_t ul li.on a{background: #2d408d;color: #fff;}
.case_t ul li a:hover em img,.case_t ul li.on em img{margin-top: -26px;}
.case_t span{float: right;}
.case_t span a{font-size: 16px;color: #4b4b4b;text-transform: uppercase;}
.case_m dl{width: 1200px;height: 600px;position: relative;}
.case_m dl dt{width: 1200px;height: 600px;line-height: 0;overflow: hidden;border-radius: 20px;}
.case_m dl dt img{width: 1200px;height: 600px;border-radius: 10px;display: block;}
.case_m dl dt img,.fuw dl dt img,.cp01 p img,.ys dl dt img,.news_l dl dt img,.wd p img,.about dl dt img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_m dl dt img:hover,.fuw dl dt img:hover,.cp01 p img:hover,.ys dl dt img:hover,.news_l dl dt img:hover,.wd p img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_m dl dd{width: 220px;height: 424px;position: absolute;top: 80px;right: 30px;background: rgba(255,255,255,0.8);padding: 20px 25px 0;border-radius: 20px;}
.case_m dl dd h5{height: 70px;line-height: 70px;overflow: hidden;background:url(../images/case_line.gif) no-repeat 0 67px;}
.case_m dl dd h5 a{font-size: 22px;color: #313131;display: block;width: 220px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m dl dd h5 a:hover{color: #2d408d;}
.case_m .case_desc{font-size: 14px;color: #828282;line-height: 30px;height: 215px;overflow: hidden;}
.case_m .case_desc b{display: block;font-size: 18px;color: #313131;padding-top: 15px;}
.case_m dl dd span{display: block;padding: 35px 0 0;}
.case_m dl dd span a{display: block;font-size: 14px;color: #313131;width: 145px;text-align: center;height: 42px;line-height: 42px;border-radius: 30px;border: #333 2px solid;}
.case_m dl dd span a:hover,.ban01_tel em a:hover,.cp_r ul li em:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.case_bot{padding: 30px 0 0;}
.case_bot ul li{width: 211px;float: left;margin-left: 25px;}
.case_bot ul li em{display: block;width: 207px;height: 116px;line-height: 0;overflow: hidden;border: #f6f6f6 2px solid;border-radius: 10px;}
.case_bot ul li img{width: 207px;height: 116px;}
.case_bot ul li span{display: block;width: 209px;text-align: center;height: 50px;line-height: 50px;font-size: 14px;color: #313131;overflow: hidden;}
.case_bot ul li.on em{border: #2d408d 2px solid;}

/**/
.yin{background: #f6f6f6;padding: 0 0 50px;}
.yin_t{font-size: 38px;color: #313131;text-align: center;line-height: 40px;background:url(../images/yin_line01.gif) no-repeat center 18px;height: 90px;overflow: hidden;}
.yin_t span{display: block;font-size: 26px;font-weight: normal;padding: 10px 0 0;}
.yin .ibrand-num{overflow:hidden;margin:30px 0 0;}
.yin .ibrand-num li{float:left;width:240px;height:90px;text-align:center;color:#313131;font-size:14px;background:url(../images/yin_line02.gif) no-repeat 0 13px;}
.yin .ibrand-num li:first-child{background: none;}
.yin .ibrand-num li span{font-size:60px;line-height: 50px;padding: 0 5px;}

/*技术服务*/
.fuw{background: #e2e2e2;padding: 70px 0 80px;}
.fuw dl{width: 365px;float: left;margin-top: 25px;margin-right: 52px;}
.fuw dl dt{width: 365px;height: 260px;line-height: 0;overflow: hidden;border-radius: 10px;}
.fuw dl dt img{width: 365px;height: 260px;}
.fuw dl dd{width: 365px;padding: 30px 0 0;height: 185px;position: relative;border-bottom: #898989 1px solid;}
.fuw dl dd h5{font-size: 26px;color: #2d408d;height: 50px;line-height: 50px;overflow: hidden;}
.fuw dl dd h5 i{font-weight: normal;color: #313131;}
.fuw dl dd p{line-height: 26px;height: 78px;overflow: hidden;padding: 15px 0 0;}
.fuw dl dd em{width: 35px;height: 28px;display: block;float: left;line-height: 0;padding: 10px 15px 0 0;}
.fuw dl dd em img{width: 35px;height: 28px;}
.fuw dl dd{vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.fuw dl dd:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: -1px;
  background: #2d408d;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.fuw dl dd:hover:before, .fuw dl dd:focus:before, .fuw dl ddi:active:before {
  right: 0;
}
.fuw dl.nobor{margin-right: 0;}

/*服务流程*/
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height: 566px;overflow: hidden;padding: 60px 0 0;}
.ban01_l{width: 600px;}
.ban01_t{width: 600px;height: 220px;}
.ban01_t span{display: block;font-size: 18px;color: #fff500;height: 40px;line-height: 40px;}
.ban01_t em{font-size: 28px;color: #fff;font-weight: bold;display: block;letter-spacing: 7px;height: 40px;line-height: 40px;}
.ban01_t b{display: block;font-size: 52px;height: 70px;line-height: 70px;color: #fff;letter-spacing: 12px;}
.ban01_t i{display: block;font-size: 14px;color: #7e828a;font-family:Arial, Helvetica, sans-serif;height: 40px;line-height: 20px;width: 510px;padding: 10px 0 0;}
.ban01_tel{height: 95px;}
.ban01_tel em{display: block;float: left;width: 168px;padding:10px 40px 0 0;}
.ban01_tel em a{display: block;font-size: 18px;color: #fff;font-weight: bold;background:url(../images/ban_btn.png) no-repeat;width: 105px;height: 46px;line-height: 46px;overflow: hidden;padding-left: 63px;}
.ban01_tel p{width: 215px;float: left;font-size: 14px;color: #b4b7bc;background:url(../images/ban_tel.png) no-repeat 0 8px;padding-left: 95px;line-height: 30px;}
.ban01_tel b{display: block;font-size: 30px;color: #fff;}
.ban_pic{width: 508px;height: 178px;}
.ban_pic img{width: 508px;height: 178px;}

.liuc{padding: 20px 0 0;background:url(../images/liuc_k.png) no-repeat 0 175px;margin-right: -50px;width: 612px;}
.liuc h5{font-size: 26px;color: #fff;background:url(../images/liuc_ico00.png) no-repeat 0 11px;height: 50px;line-height: 50px;overflow: hidden;padding-left: 45px;margin-left: 80px;}
.liuc h5 em{color: #858ebb;font-size: 22px;text-transform: uppercase;font-weight: normal;padding-left: 10px;}
.liuc ul{padding: 35px 0 0;}
.liuc ul li{font-size: 18px;color: #fff;float: left;text-align: center;height: 130px;width: 198px;padding-left: 2px;}
.liuc ul li em{display: block;width: 58px;height: 46px;line-height: 0;margin: 0 auto 15px;-webkit-transition:transform .3s;transition:transform .3s;}
.liuc ul li em img{width: 58px;height: 46px;}
.liuc ul li:hover em{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}


/*产品一览*/
.chanp{background: #f6f6f6;padding: 70px 0 20px;}
.cp_l{padding: 30px 0 0;width: 835px;}
.cp01{width: 365px;height: 655px;background: #fff;margin:0 52px 0 0;border-radius: 10px;}
.cp01 p{width: 365px;height: 197px;line-height: 0;overflow: hidden;border-radius: 10px 10px 0 0;}
.cp01 p img{width: 365px;height: 197px;border-radius: 10px 10px 0 0;}
.cp01 h3{width: 300px;margin: 15px auto 0;height: 50px;line-height: 50px;overflow: hidden;border-bottom: #313131 1px solid;background:url(../images/cp_ico02.gif) no-repeat right 18px;}
.cp01 h3 a{font-size: 20px;color: #313131;display: block;background:url(../images/cp_ico01.gif) no-repeat 0 20px;padding-left: 25px;}
.cp01 h3 a:hover,.cp01 ul li a:hover{color: #2d408d;}
.cp01 ul{width: 300px;margin: 0 auto;display: block;padding: 10px 0 0;}
.cp01 ul li{height: 36px;line-height: 36px;overflow: hidden;border-bottom: #d0d0d0 1px dashed;background:url(../images/cp_ico03.gif) no-repeat 288px 14px;padding: 0 10px;}
.cp01 ul li b{padding-right: 10px;}
.cp01 ul li a{font-size: 14px;color: #313131;}
.cp01 ul li a:hover{font-weight: bold;}
.cp01 ul li.nobor{border-bottom: none;}
.cp_r{width: 365px;padding: 30px 0 0;}
.cp_r ul li{width: 365px;height: 301px;line-height: 0;position: relative;margin-bottom: 50px;}
.cp_r ul li a{width: 365px;height: 211px;position: absolute;top: 0;left: 0;display: block;line-height: 30px;text-align: center;padding: 90px 0 0;}
.cp_r ul li i{display: block;font-size: 14px;color: rgba(255,255,255,0.3);text-transform: uppercase;}
.cp_r ul li b{display: block;font-size: 20px;color: #fff;letter-spacing: 3px;}
.cp_r ul li em{display: block;font-size: 14px;color: #fff;width: 128px;text-align: center;height: 35px;line-height: 35px;margin: 15px auto 0;border-radius: 30px;border: #fff 1px solid;}

/*追求品质*/
.pinz{background:url(../images/pinz_bg.jpg) no-repeat center 0;height: 796px;overflow: hidden;padding: 90px 0 0;}
.pinz_l{width: 262px;padding: 45px 0 0;}
.pinz_l span{display: block;font-size: 18px;text-transform: uppercase;color: rgba(49,49,49,0.3);line-height: 30px;height: 60px;overflow: hidden;text-align: center;font-weight: bold;}
.pinz_l i{display: block;}
.pinz_l p{font-size: 52px;color: #313131;line-height: 66px;height: 132px;overflow: hidden;text-align: center;padding: 10px 0 0;}
.pinz_l em{display: block;color: #2d408d;}
.pinz_lb{width: 220px;margin: 0 auto;padding: 30px 0 0;}
.pinz_l b{display: block;font-size: 14px;color: #fcef50;width: 215px;height: 34px;line-height: 34px;overflow: hidden;margin-bottom: 10px;background: rgba(49,49,49,0.5);border-radius: 30px;padding-left: 5px;}
.pinz_r{width: 924px;}
.pinz_r dl{width: 208px;height: 285px;background: #fff;float: left;border-radius: 10px;padding: 50px 35px 0;margin:0 0 30px 30px;position: relative;}
.pinz_r dl dt{width: 62px;height: 62px;}
.pinz_r dl dt img{width: 62px;height: 62px;}
.pinz_r dl dd{padding: 15px 0 0;}
.pinz_r dl dd h5{font-size: 20px;color: #313131;height: 40px;line-height: 40px;overflow: hidden;}
.pinz_r dl dd p{font-size: 14px;color: #828282;line-height: 26px;padding: 10px 0 0;height: 104px;overflow: hidden;}
.pinz_r dl dd b{color: #2d408d;}
.pinz_r dl dd em{display: block;font-size: 70px;color: rgba(226,226,226,0.4);font-family: "Impact";position: absolute;top: 0;right: 5px;line-height: 70px;}
.pinz_r dl:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.2);}

/*优势*/
.ys_bg{background:url(../images/ys_bg.gif) repeat-x;height: 1170px;overflow: hidden;padding: 70px 0 0;}
.ys_t{padding: 35px 0 0;height: 105px;}
.ys_t ul li{width: 300px;float: left;background:url(../images/ys_line01.gif) no-repeat 0 10px;-webkit-transition:transform .3s;transition:transform .3s;}
.ys_t ul li em{display: block;float: left;width: 52px;height: 52px;background: #313131;border-radius: 50%;margin: 5px 15px 0 60px;line-height: 0;}
.ys_t ul li em img{width: 52px;height: 52px;}
.ys_t ul li b{display: block;float: left;font-size: 20px;color: #313131;line-height: 30px;width: 170px;}
.ys_t ul li i{display: block;}
.ys_t ul li:first-child{background: none;}
.ys_t ul li:hover em{background: #2d408d;}
.ys_t ul li:hover b{color: #2d408d;}
.ys_t ul li:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}


.ys dl{ opacity: .8;}
.ys dl dt{width: 1200px;height: 676px;line-height: 0;overflow: hidden;border-radius: 20px;}
.ys dl dt img{width: 1200px;height: 676px;border-radius: 20px;}
.ys dl dd{width: 1200px;padding: 30px 0 0;}
.ys dl dd h5{font-size: 20px;color: #fff;height: 56px;line-height: 28px;overflow: hidden;width: 110px;float: left;background:url(../images/ys_line02.gif) no-repeat right 5px;}
.ys dl dd h5 i{display: block;}
.ys dl dd p{font-size: 16px;color: #fff;height: 52px;line-height: 26px;overflow: hidden;width: 1055px;padding-left: 25px;}
.ys dl.swiper-slide-active { opacity: 1; }
.switch { display: flex; justify-content: center; align-content: flex-end; margin-top: 50px; }
.switch p{width: 26px;height: 48px;position: absolute;top: 455px;z-index: 20;}
.switch p a{display: block;width: 26px;height: 48px;}
.switch p.ys_prev{left: -80px;}
.switch p.ys_next{right: -80px;}
.switch .swiper-pagination-bullet { background: #fff; width: 16px; opacity: 1; height: 16px; margin: 0 25px 0 !important; }
.switch .swiper-pagination-bullet-active { border-radius: 50%; opacity: 1; background: #fcef50; }

/*新闻动态*/
.news{ padding: 70px 0;overflow: hidden;}
.news .case_tit,.about .case_tit{background:url(../images/news_line01.gif) no-repeat center 105px;}
.news01{width: 810px;}
.news_t{height: 60px;overflow: hidden;background:url(../images/news_line02.gif) no-repeat 0 59px;line-height: 60px;}
.news_t a{font-size: 22px;color: #121213;}
.news_t a:hover,.news_l dl dd h5 a:hover{color: #2d408d;}
.news_t em{display: block;width: 30px;height: 26px;float: left;line-height: 0;padding: 16px 10px 0 0;}
.news_t em img{width: 30px;height: 26px;}
.news_t span{float: right;display: block;padding-right: 10px;}
.news_t span a{font-size: 16px;color: #4b4b4b;font-weight: normal;text-transform: uppercase;}
.news_l{width: 370px;padding: 38px 0 0;}
.news_l dl{position: relative;}
.news_l dl dt{width: 370px;height: 278px;line-height: 0;overflow: hidden;}
.news_l dl dt img{width: 370px;height: 278px;}
.news_l dl dt p{width: 60px;height: 80px;background: #2d408d;text-align: center;position: absolute;top: -15px;right: 20px;font-size: 14px;color: #fff;font-weight: bold;line-height: 30px;z-index: 20;}
.news_l dl dt p i{display: block;font-size: 38px;padding: 10px 0 0;}
.news_l dl dd{width: 370px;padding: 10px 0 0;}
.news dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.news dl dd h5 a{font-size: 16px;color: #121213;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news_desc{font-size: 14px;color: #919191;height: 60px;line-height: 30px;overflow: hidden;border-bottom: #e6e3e3 1px solid;padding-bottom: 10px;}
.news_l dl dd span{display: block;text-align: right;padding: 10px 0 0;}
.news_l dl dd span a{font-size: 14px;color: #919191;text-transform: uppercase;}
.news_r{width: 390px;padding: 35px 0 0;}
.news_r dl{ width:390px;height: 130px;overflow: hidden;border-bottom: #e6e3e3 1px solid;padding: 10px 0 0;}
.news_r dt{float: left;width: 90px;height: 78px; font-size: 14px;color: #333;font-family:Arial, Helvetica, sans-serif;line-height: 30px;padding: 25px 0 0;font-weight: bold;}
.news_r dt b{display: block;font-size: 40px;}
.news_r dd{width: 300px;padding: 12px 0 0;float: left;}
.news_r dl:hover dd h5 a,.news_r dl:hover dt{ color: #2d408d;}
.news_r .news_desc{border-bottom: none;padding-bottom: 0;} 

/*百科问答*/
.wd{width: 330px;height: 528px;}
.wd .news_t{background: none;}
.wd p{width: 330px;height: 468px;overflow: hidden;line-height: 0;border-radius: 10px;}
.wd p img{width: 330px;height: 468px;border-radius: 10px;}
.wd_qie{width: 330px;height: 48px;position: absolute;bottom: 0;left: 0;background: rgba(0,0,0,0.6);border-radius:0 0 10px 10px;}
.wd ul li{width: 330px;height: 48px;line-height: 48px;overflow: hidden;}
.wd ul li a{display: block;height: 48px;}
.wd ul li em{display: block;width: 58px;float: left;text-align: center;height: 48px;background: rgba(45,64,141,0.8);border-radius:0 0 0 10px;font-size: 22px;color: #fff;position: relative;}
.wd ul li em:before{content: "";width: 0;height: 0;position: absolute;right: -10px;top: 13px;
border-left:10px solid rgba(45,64,141,0.8); 
border-top:10px solid transparent;
border-bottom:10px solid transparent;
}
.wd ul li span{display: block;float: left;font-size: 16px;color: #fff;width: 230px;padding-left: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd ul li:hover span{font-weight: bold;}
.wd b{width: 37px;height: 37px;display: block;line-height: 0;position: absolute;bottom: 80px;border-radius: 50%;box-shadow: 0 3px 10px 3px rgba(255,255,255,0.2);}
.wd b img{width: 37px;height: 37px;}
.wd_l{left: 20px;}
.wd_r{right: 20px;}

/*走进继保南瑞*/
.about{background: #f6f6f6;padding: 70px 0 0;height: 1080px;overflow: hidden;}
.about dl{position: relative;margin-top: 15px;height: 836px;}
.about dl dt{width: 1920px;height: 656px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: 50%;margin-left: -960px;}
.about dl dt img{width: 1920px;height: 656px;}
.about dl dd{position: absolute;bottom: 0;left: 0;width: 1200px;}
.about dl dd h5{width: 130px;float: left;background:url(../images/ab_line03.gif) no-repeat right 5px;}
.about dl dd h5 img{width: 106px;height: 116px;}
.about .ab_desc{font-size: 16px;color: #828282;line-height: 30px;height: 120px;float: left;width: 1040px;padding-left: 30px;}
.about dl dd span{display: block;line-height: 30px;position: absolute;bottom: 0;left: 150px;}
.about dl dd span a{font-size: 14px;color: #2d408d;font-weight: bold;}
.ab_l{position: absolute;top: 245px;left: 0;z-index: 20;width: 125px;}
.ab_l ul li{width: 125px;height: 125px;background:rgba(255,255,255,0.8) url(../images/ab_line01.gif) no-repeat center 120px;margin-bottom: 20px;border-radius: 20px;text-align: center;padding: 20px 0 0;}
.ab_l ul li a{display: block;font-size: 18px;color: #121213;}
.ab_l ul li em{display: block;width: 50px;height: 48px;line-height: 0;margin: 0 auto 15px;}
.ab_l ul li em img{width: 50px;height: 48px;}
.ab_l ul li a:hover{color: #2d408d;font-weight: bold;}
.ab_bot{width: 900px;height: 90px;background: #fcef50;position: absolute;top: 750px;left: 150px;border-radius: 50px;z-index: 10;}
.ab_bot .ibrand-num li{float:left;width:225px;height:80px;text-align:center;color:#313131;font-size:16px;background:url(../images/ab_line02.gif) no-repeat 0 18px;padding: 10px 0 0;}
.ab_bot .ibrand-num li:first-child{background: none;}
.ab_bot .ibrand-num li span{font-size:40px;line-height: 40px;font-weight: bold;}
.ab_bot .ibrand-num li b{display:block;font-weight: normal; padding:3px 0 0;}

/*友情链接*/
.f_link{height: 60px;line-height: 60px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}
.f_link p a:hover{color: #000;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}