﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}

/*顶部导航*/
#mould76384{ width:100%;height:100px; z-index: 9999; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); transition:1s;position: fixed;}
.navbars4{ width:1360px; height:auto;}
.navbars4 .logo{ width:270px; }
.navbars4 ul{ height:100px;}
.navbars4 li{ position:relative;}
.navbars4 li >a{ padding:0; margin-right:60px; position:relative; background:none;}
.navbars4 li.active >a{ background:none; color:#013E97;}
.navbars4 li:hover >a{ background:none; color:#013E97;}
.navbars4 li:last-child >a{ margin-right:0;}
.navbars4 li >a:after{ content:""; display:block; width:0; height:2px; background:#013E97; position:absolute; top:30px; transition:.6s;}
.navbars4 li:hover >a:after{ width:100%;}
.navbars4 li.active >a:after{ width:100%;}
.navbars4 li .sub-dhmenu{ position:absolute; left:-200px; top:100px; background:rgba(0,0,0,0.8); width:1920px; line-height:60px; padding-left:60px; display:none;}
.navbars4 li .sub-dhmenu{ left:-78px;}
.navbars4 li:nth-child(3) .sub-dhmenu {left: -420px;}
.navbars4 li:hover .sub-dhmenu{ display:block;}
.navbars4 li .sub-dhmenu a{ background:none; font-size: 15px; color:#fff;}
.navbars4 li .sub-dhmenu a:hover{ color:#006eff;}


/*轮播图*/
.cp2{ position: relative;}
.cp2 .swiper-slide img {height: 100vh;}
.cp2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{    right: 50px!important;}
.cp2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{    left: 50px!important;}
.cp2 .swiper-pagination-bullet-active {opacity: 1;background: #fff;width:50px; }
.cp2 .swiper-pagination-bullet { width: 50px;    border-radius: 10px;}

/*标题*/
.title{margin-bottom: 50px;}
.title h2{font-size: 50px;line-height: 70px;position: relative;}
.title h2:after{content: "";display: block;position: absolute;width:16px;height:16px;    background: #003E97;left: 245px;bottom: 15px;}
.title p{font-size: 18px;line-height: 25px;color: #666666;}



.title-a .title{   float: left;}
.title-a .tiaozhuan{   float: right;    margin-top: 26px;}

/*跳转*/
.tiaozhuan a div{    border: 1px solid #003E97;width: 159px;height: 43px;background: #003E97;    position: relative;overflow: hidden;z-index: 0;  }
.tiaozhuan a div:after{content: "";display: block;background:#fff;width:70px; height:43px;    right: -20px; position: absolute; top: 0;transform: skew(-30deg,0deg);    z-index: -1;transition: 0.5s;}
.tiaozhuan a div span{background:url(/images/about-button.png) no-repeat; display: block; width:22px; height:22px;      float: right;margin-right: 12px;margin-top: 12px;transition: 0.5s;background-position: -22px 0; }
.tiaozhuan a div h5{color: #fff;line-height: 43px;margin-left: 22px;float: left;}
.tiaozhuan a div:hover:after { width: 0px;}
.tiaozhuan a div:hover span{background-position: 0 0;}


/*简介*/
.gy{background:url(/images/bj-gy.jpg) no-repeat; background-size:cover;     padding: 80px 0;}
.about{width: 1360px;margin: 0 auto;}
.about-left{    float: left;}
.about-right    {float: right;width: 44%;}
.about-right > p{line-height: 30px;    margin-bottom: 50px;}



/*新闻*/
    

.newlist002 .newslist li:last-child{margin-bottom: 0;}

.tz{    position: absolute;right: 0;top: 22px;}
.newlist002 .newslist li .tz h2{width:47px; height:47px;background:url(/images/tz.png) no-repeat;transition: 0.5s;}
.newlist002 .newslist li:hover .tz h2{background-position: -47px; 0 }
.newlist002 {width: 1360px;margin: 0 auto;    padding: 80px 0;}
.newlist002 .newslist li .info {width: 78%;margin-left: 11%;}
.newlist002 .newslist {    width: 100%;}
.newlist002 .newslist li {    width: 100%;    padding: 0 0 40px 0;border: 0;height: initial;margin: 0;margin-bottom: 40px;    border-bottom: 1px solid #DDDDDD;}
.newlist002 .newslist .date .month {font-size: 18px;padding-top: 0;line-height: 25px;color: #999999;}
.newlist002 .newslist .date .day {font-size: 50px;line-height: 63px;color: #999999;}
.newlist002 .newslist li .info .p {font-size: 16px;color: #333;line-height: 26px;height: initial;overflow: hidden;margin-top: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newlist002 .newslist li .info .title {font-size: 20px;margin: 0 0 10px 0;color: #333;line-height: 28px;font-weight: 550;}
.newlist002 .newslist li:hover .info .title {color: #003E97;}
.newlist002 .newslist .date {position: inherit;right: 0;top: 0;margin-top: 0;float: left;border-right: 1px solid #CCCCCC;padding-right: 40px;}
.newlist002 .newslist li:hover .date span{ color: #003E97;}
.newlist002 .newslist li:hover .date .month{ color: #003E97;}
.newlist002 .newslist li:hover{background: #fff;    border-bottom: 1px solid #003E97;box-shadow:initial;}
.newlist002 .newslist li:hover .gd{ color: #fff;background:#003E97;border:0;}

/*产品*/
.product_a .title-a{width: 1360px;margin: 0 auto;}
.product_a{ width:100%; background:url(/images/bj-jd.jpg) no-repeat; background-size:cover; padding:80px 0;}
.product_a>img{ display:block; margin:0 auto 48px auto;}
.product_a .swiper-container{ padding-bottom:50px;}
.product_a .swiper-slide{ overflow:hidden; position:relative;    border: 2px solid #013E97;box-sizing: border-box;}
.product_a .swiper-slide p{ position:absolute; bottom:0; left:0; width:100%; color:#fff; background:#013E97; text-align:center; line-height:49px; font-size:18px;}
.product_a .swiper-pagination-bullet{     width: 30px;border-radius: 0;opacity: 1;margin: 0 10px!important;height: 5px;background:  rgb(0,0,0,0.1);}
.product_a .swiper-pagination-bullet-active{ background:#013E97;}


/*主要业务*/
.zy {padding: 80px 0;}
.zy .title-a{width: 1360px;margin: 0 auto;}
.nr ul{height: 100%;}
.nr ul p{    color: #fff;font-size: 20px;line-height: 28px;margin-top: 20px;}
.nr li{float: left;border-right: 1px solid rgb(255,255,255,0.2);box-sizing: border-box;width: 14.28%;    text-align: center;height: 100%;background: rgb(1,62,151,0.3);}
.nr li:hover{background: rgb(1,62,151,0.9);}
.zy .nr li a{display: inline-block;width: 100%;height: 100%;}
.nr{background:url(/images/zy.jpg) no-repeat;    width: 100%;height: 600px;}
.zy .nr li h2{ background:url(/images/zy.png) no-repeat;width:60px; height: 60px;display: block;    margin: 0 auto;    margin-top: 245px;}
.zy .nr li:nth-child(2) h2{background-position: -60px 0;}
.zy .nr li:nth-child(3) h2{background-position: -120px 0;}
.zy .nr li:nth-child(4) h2{background-position: -180px 0;}
.zy .nr li:nth-child(5) h2{background-position: -240px 0;}
.zy .nr li:nth-child(6) h2{background-position: -300px 0;}
.zy .nr li:nth-child(7) h2{background-position: -360px 0;}
.zy .nr li:nth-child(8) h2{background-position: -420px 0;}
.slider1 {
    position: relative;
  width: 100%;}

/*员工风采*/
.width_1400 .title-a{width: 1360px;margin: 0 auto;}
.width_1400{background:url(/images/bj-yg.jpg) no-repeat;background-size:cover;    padding: 80px 0 60px 0;}
#mould69741{ width:1360px;}
#mould69741 .swiper-container{ overflow: hidden;}
#mould69741 .swiper-slide{ height: auto!important; background:none!important; width: 590px;box-shadow: inherit;}
#mould69741 .swiper-button-next,#mould69741 .swiper-button-prev{ top:46%;}
#mould69741 .swiper-button-prev,#mould69741 .swiper-button-next{ background: url(/images/wm_button_icon.png) no-repeat; background-size:100%;}
#mould69741 .swiper-button-next{ background-position: 0 -93px;}
#mould69741 .swiper-slide img{ transform: scale(1.1); border:2px solid #013E97;}
#mould69741 .swiper-slide-active img{ transform: scale(1.3);}
#mould69741 .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%;}
#mould69741 .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%;}
.width_1400 .swiper-container{ padding-bottom:70px;}
.width_1400 .swiper-slide{ overflow:hidden; position:relative;    border: 2px solid #013E97;box-sizing: border-box;}
.width_1400 .swiper-slide p{ position:absolute; bottom:0; left:0; width:100%; color:#fff; background:#013E97; text-align:center; line-height:49px; font-size:18px;}
.width_1400 .swiper-pagination-bullet{   border:0!important;  width: 30px!important;border-radius: 0!important;opacity: 1!important;margin: 0 10px!important;height: 5px!important;background: rgb(0,0,0,0.1)!important;}
.width_1400 .swiper-pagination-bullet-active{ background:#013E97!important;}



/*底部*/
.lj{    width: 1360px;margin: 0 auto;padding: 30px 0;    border-bottom: 1px solid rgb(255,255,255,0.1);}
.lj p{    color: #fff;}
.lj p a{     color: #fff;margin: 0 10px;}


.footer{ background: #013E97;}
.foot{ width:1360px; padding:50px 0;}
.lianxi{ float:right; width:25%;}
.lianxi hr{    width: 90px;height: 2px;background: rgb(255,255,255,0.2);border: 0;margin: 20px 0;}
.lianxi h2{ color:#fff; font-size:22px;   line-height: 33px;}
.lianxi p{ color:#fff; line-height:36px;}
.foot_nav{ float:left;  overflow: inherit;}
.foot_nav > ul > li{     margin-right: 60px;}
.foot_nav > ul > li:last-child{ margin-right:0;}

.foot_nav li p{margin-bottom: 15px;font-size: 18px;color: #fff;font-weight: 550;line-height: 25px;}
.foot_nav li a{ line-height: 40px;color: #fff;}

.footer-foot{    background: #00327B;}
.footer-foot .center{ width:1360px; margin:0 auto;}
.footer-foot p{ line-height:48px; float:left;    color: #fff;}
.footer-foot p a {color: #fff;}
.footer-foot p:last-child{ float:right;}



@media screen and (min-width:1440px) and (max-width:1680px){ 
.navbars4 {width: 92%;}
  
.about ,.newlist002,.product_a .title-a,.zy .title-a,#mould69741,.width_1400 .title-a,.lj,.foot,.footer-foot .center{width: 93%;}

  .nr {height: 425px;}
  .zy .nr li h2 {margin-top: 160px;}
  
  .title {margin-bottom: 40px;}
  .gy,.newlist002,.product_a,.zy{padding: 60px 0;}
  .width_1400 {padding: 60px 0 40px 0;}
  #mould69741 .swiper-slide {width: 560px;}
    .navbars4 li:last-child .sub-dhmenu {left: -190px;}

.navbars4 li:nth-child(3) .sub-dhmenu {left: -490px;}

}




@media screen and (min-width:1360px) and (max-width:1439px){ 
.navbars4 {width: 92%;}
  
.about ,.newlist002,.product_a .title-a,.zy .title-a,#mould69741,.width_1400 .title-a,.lj,.foot,.footer-foot .center{width: 93%;}

  .nr {height: 425px;}
  .zy .nr li h2 {margin-top: 160px;}
  
  .title {margin-bottom: 40px;}
  .gy,.newlist002,.product_a,.zy{padding: 60px 0;}
  .width_1400 {padding: 60px 0 40px 0;}
  #mould69741 .swiper-slide {width: 560px;}
.navbars4 li:nth-child(3) .sub-dhmenu {left: -490px;}
      .navbars4 li:last-child .sub-dhmenu {left: -190px;}


}
