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

/*侧边*/
.cebian{ position:fixed; bottom:30%; right:0; z-index:999;}
.cebian>div{ width:72px; height:72px; position:relative; margin:5px 0; background:rgba(1, 62, 151, 1);}
.cebian>div span{ background: url(/images/fixcont.png) no-repeat; width:48px; height:48px; margin:0 auto; display:block;}
.cebian>div .one p{ font-size:12px; text-align:center; color:#fff;}
.cebian>div .two{ background:rgba(1, 62, 151, 1); width:140px; height:72px; position:absolute; right:-140px; top:0; color:#fff; text-align:center; line-height:72px; transition:1s; font-size:14px;}

.cebian>div.box_a a{ display:block;}
.cebian>div.box_a span{  background-position: 0 0;}
.cebian>div:nth-child(1) .two { width: 200px;right: -200px;}
.cebian>div:nth-child(1) .two p{    font-size: 20px; line-height: 72px;    padding: 0 20px;}

.cebian>div.box_b span{   background-position: -48px 0;}
.cebian>div.box_b .two{ background:#fff;}
.cebian>div.box_b:hover .one{ display:block;}
.cebian>div.box_b:hover .two{ right:78px; height:140px;}
.cebian>div.box_b .two img{ width:140px; height:140px;}

.cebian>div.box_c span{   background-position: -96px 0;}
.cebian>div.box_c .two{ background:#fff;}
.cebian>div.box_c:hover .one{ display:block;}
.cebian>div.box_c:hover .two{ right:78px; height:140px;}
.cebian>div.box_c .two img{ width:140px; height:140px; }

.cebian>div.box_d span{ background-position: -144px 0;}
.cebian>div.box_d:hover .one{ display:block;}

.cebian>div:hover{cursor: pointer;}
.cebian>div:hover .one{ display:none;}
.cebian>div:hover .two{ right:0;}

/*顶部导航*/
#mould78441{height: 80px; position:absolute; top:0; width:100%; z-index: 9999; background: none;  transition:1s;}
.navbars4{ width:1700px;height: 80px;}
.navbars4 .logo{ width:296px;height: 80px;}
.navbars4 ul{ height:80px;}
.navbars4 li a{ padding:0; margin-right:60px; position:relative; background:none; color:#fff;    font-size: 16px;}
.navbars4 li.active a{ background:none;}
.navbars4 li:hover a{ background:none;}
.navbars4 li:last-child a{ margin-right:0;}
.navbars4 li a:after{ content:""; display:block; width:0; height:2px; background:#fff; position:absolute; top:30px; transition:.6s;}
.navbars4 li:hover a:after{ width:100%;}
.navbars4 li.active a:after{ width:100%;}


#mould81293{ position:relative;}
#mould81293 .swiper-button-next, .swiper-button-prev{ top:56%;}
#mould81293 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:40px;}
#mould81293 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:40px;}
#mould81293 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background:#000; border-radius:4px; width:50px;    margin: 0 8px;}
#mould81293 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#fff;background:#fff; opacity:1;}

/*中英切换*/
.language{    float: right;margin-left: 60px;}
.language a{ line-height:100px; border: 1px solid #fff; padding: 6px 10px;    color: #fff;transition: 0.5s;}
.language a:hover{ color:#fff; background:#2368CF; border: 1px solid #2368CF;}




/*轮播图*/
.cp2{ position: relative;}
.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: #C30D23;width:50px; }
.cp2 .swiper-pagination-bullet { width: 50px;    border-radius: 10px;}


/*标题*/
.title{margin-bottom: 60px;}
.title-left{    float: left;}
.title-left h2{    font-size: 40px;line-height: 53px;color: #013E97;font-weight: bold;}
.title-left p{    font-size: 18px;line-height: 20px;margin-top: 10px;}
.title-right{    float: right;margin-top: 15px;}
.title-right a{    color: #013E97;border: 1px solid #013E97;line-height: 51px;display: inline-block;padding: 0 50px;transition: 0.5s;}
.title-right a:hover{background: #013E97;color: #fff;}

/*简介*/
.jj{background: #E5EAF0;padding: 90px 0;}
.about{    width: 1400px;margin: 0 auto;}
.about-left{    float: left;width: 43%;}
.about-right{float: right;width: 44%;}
.about-right h2{font-size: 30px;line-height: 40px;color: #013E97;font-weight: bold;}
.about-right p{line-height: 34px;margin: 40px 0 50px 0;}
.about-right a{    color: #013E97;border: 1px solid #013E97;line-height: 54px;display: inline-block;padding: 0 70px;transition: 0.5s;}
.about-right a:hover{background: #013E97;color: #fff;}
.addmuns1{margin-top: 60px;}
.addmuns1 ul {width: 100%;}
.addmuns1 li{    width: 20%;text-align: center;float: left;position: relative;}
.addmuns1 li:after{content: "";display: block;position: absolute;width: 1px;height: 38px;background: rgb(1,62,151,0.5);right: 0;top: 30px;}
.addmuns1 li:last-child:after{width: 0;}
.addmuns1 li p {font-size: 16px;line-height: 53px;color: #013E97;font-weight: bold;}
.addmuns1 li p span{font-size: 50px;color: #013E97;}
.addmuns1 li h2{font-size: 18px;line-height: 24px;color: #666666;margin-top: 0;}




/*产品*/
.cp{ width: 1400px;margin: 90px auto;position: relative;}
.cp .swiper-slide{background: #E5EAF0;text-align:center;transition: 0.8s;}
.cp .swiper-slide:hover{background: #013E97;}
.cp .swiper-slide:hover h2{color: #fff;}
.cp .swiper-slide:hover h3{color: #fff;border: 1px solid #fff;}
.cp .swiper-slide img{    margin: 70px 0 50px 0;}
.cp .swiper-slide h2{    font-size: 32px;line-height: 43px;color: #013E97;font-weight: bold;}
.cp .swiper-slide h3{ color: #013E97;border: 1px solid #013E97;line-height: 45px;padding: 0 40px;display: inline-block; margin: 50px 0 80px 0;}
.cp .swiper-button-prev{background:url(/images/zuo.png) no-repeat;    width: 42px;height: 84px;left: -80px;}
.cp .swiper-button-next{background:url(/images/you.png) no-repeat;    width: 42px;height: 84px;right: -80px;}




/*荣誉*/
.ry{background:url(/images/bj-ry.jpg) no-repeat;}
.honor{width: 1400px;margin: 0 auto;}
.honor li h2{ width:80px; height:80px;background:url(/images/ry.png) no-repeat;margin: 0 auto;}
.honor li:nth-child(2) h2{ background-position: -80px 0;}
.honor li:nth-child(3) h2{ background-position: -160px 0;}
.honor li:nth-child(4) h2{ background-position: -240px 0;}
.honor li{    float: left;text-align: center;width: 25%;padding: 80px 0;border-right: 1px solid rgb(1,63,151,0.1);box-sizing: border-box;transition: 0.8s;}
.honor li:first-child{border-left: 1px solid rgb(1,63,151,0.1);}
.honor li h3{font-size: 30px;line-height: 40px;color: #013E97;margin: 30px 0 15px 0;font-weight: bold;}
.honor li p{line-height: 17px;}
.honor li:hover{padding:60px 0;}
.honor li:hover p{color: #333;}


/*新闻*/
.xw{    width: 1400px;margin: 90px auto;}
.xw li{    width: 31%;margin-right: 3.5%;float: left;overflow: hidden;}
.xw li:last-child{margin-right: 0;}
.xw li h2{font-size: 20px;line-height: 27px;margin: 20px 0 30px 0;    font-weight: 600;}
.xw li:hover h2{color:#013E97}
.xw li h3{    line-height: 21px;color: #013E97;border-bottom:1px solid #013E97;padding-bottom: 10px;position: relative;width: 24%;transition: 0.8s;}
.xw li h3:after{content: "";display: block;background:url(/images/tz.png) no-repeat;width:21px;height:21px;position: absolute;right:0;top:0;}
.xw li:hover h3{width: 100%;}
/*底部*/
.footer{ background:url(/images/bj-di.jpg) no-repeat;background-repeat: round;}
.foot{ width:1400px; padding:60px 0 50px 0;}
.lianxi{ float:right;}
.lianxi h2{ color:#fff; font-size:24px; margin-bottom:20px;line-height: 33px;}
.lianxi p{ color:#fff; line-height:22px;margin-bottom: 20px;}
.foot_nav{ float:left; overflow: inherit;}
.foot_nav > ul > li{ margin-right:50px; border-left: 1px solid rgba(255,255,255,0.1); padding-left: 15px; box-sizing: border-box; position:relative; overflow: inherit;}
.foot_nav > ul > li:last-child{ margin-right:0;}
.foot_nav > ul > li:after{ position:absolute; top:0; left:-2px; content: ""; clear: both; display: block; width:3px; height:24px; background: #fff;}
.foot_nav li p{ margin-bottom:20px;    color: #fff;font-size: 18px;line-height: 25px;}
.foot_nav li a{     line-height: 32px;color: #fff;}
.footer-foot{ background:initial;    border-top: 1px solid rgb(255,255,255,0.2);}
.footer-foot .center{ width:1400px; margin:0 auto;}
.footer-foot p{ line-height:53px; float:left;    color: #fff;}
.footer-foot p:last-child{ float:right;}
.footer-foot p a {color: #fff;}





@media screen and (min-width:1440px) and (max-width:1680px){ 


 .navbars4{    width: 90%;}
  .navbars4 li a {margin-right: 50px;}

    .about,.cp,.honor,.xw,.foot,.footer-foot .center{    width: 90%;}
  .title {margin-bottom: 50px;}
  .jj {padding: 70px 0;}
  .cp,.xw{margin: 70px auto;}
  .honor li {padding: 50px 0;}
  
    .about-right a {display: none;}
  .about-right {width: 50%;}
  .about-right p {line-height: 42px;margin: 40px 0 0 0;}
  .about-bottom li h2 {font-size: 42px;line-height: 48px;}
  .cp .swiper-slide img {margin: 50px 0 30px 0;}
  .cp .swiper-slide h3 {margin: 30px 0 60px 0;}
  .cp .swiper-slide h2 {font-size: 28px;line-height: 36px;}
  .honor li h3 {font-size: 28px;line-height: 36px;}
  .foot {padding: 40px 0 30px 0;}
  
  .cp .swiper-container{width: 93%;}
  .cp .swiper-button-next{right: -30px;}
  .cp .swiper-button-prev{left: -30px;}  


  
 

 


}




@media screen and (min-width:1360px) and (max-width:1439px){ 

  .navbars4{    width: 90%;}
  .navbars4 li a {margin-right: 50px;}

    .about,.cp,.honor,.xw,.foot,.footer-foot .center{    width: 90%;}
  .title {margin-bottom: 50px;}
  .jj {padding: 70px 0;}
  .cp,.xw{margin: 70px auto;}
  .honor li {padding: 50px 0;}
    .about-right a {display: none;}
  .about-right {width: 50%;}
  .about-right p {line-height: 42px;margin: 40px 0 0 0;}
  .about-bottom li h2 {font-size: 42px;line-height: 48px;}
  .cp .swiper-slide img {margin: 50px 0 30px 0;}
  .cp .swiper-slide h3 {margin: 30px 0 60px 0;}
  .cp .swiper-slide h2 {font-size: 28px;line-height: 36px;}
  .honor li h3 {font-size: 28px;line-height: 36px;}
  .foot {padding: 40px 0 30px 0;}
  .cp .swiper-container{width: 93%;}
  .cp .swiper-button-next{right: -30px;}
  .cp .swiper-button-prev{left: -30px;}
  .foot_nav > ul > li {margin-right: 30px;}
  
}
