@charset "utf-8";
/* CSS Document */



.banner-box{ width: 100% ; margin: 98px 0 0 0;}
#top{width:988px; margin:auto;height:80px;}
#top .logo{float:left;width:178px;height:80px;}
#top .m{float:right;line-height:80px;width:580px;}
#top .m a{color:#333;float:left; text-decoration:none;margin-left:50px;font-size:20px;}
#top .m a:hover{ opacity:0.9;}
#top .m .a{color:#169bfd;}
ul,li{list-style:none;margin:0;padding:0}

.DB_tab25 {width:100%;height:700px;position:relative;overflow:hidden;cursor:pointer;}
.DB_tab25 .DB_bgSet{position:relative; }
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:700px;display:none;}
.DB_tab25 .DB_imgSet{position:absolute;width:1200px;left:50%;margin-left:-600px;}
.DB_tab25 .DB_imgSet li{ width: 1200px; margin: 0 auto; position: relative; height: 700px;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:430px;top:212px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:210px;top:386px}
.DB_tab25 .DB_imgSet .DB_1_3{position:absolute;left:970px;top:475px}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:430px;top:212px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:210px;top:386px}
.DB_tab25 .DB_imgSet .DB_2_3{position:absolute;left:970px;top:475px}

.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:430px;top:212px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:210px;top:386px}
.DB_tab25 .DB_imgSet .DB_3_3{position:absolute;left:970px;top:475px}

.DB_tab25 .DB_menuWrap{position:absolute;width:100%;left:0; bottom: 46px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{width:100%;text-align:center;font-size:0; }
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 5px;display:inline-block ; width: 16px; height: 16px; background: url(../images/btn_off.png) no-repeat;}
.DB_tab25 .DB_menuWrap .DB_menuSet li.select{background: url(../images/btn_on.png) no-repeat;}

.DB_tab25 .DB_prev{ width: 54px; height: 54px; background: url(../images/left.png); position:absolute;left:50px;top:-340px;cursor:pointer;display: none}
.DB_tab25 .DB_next{width: 54px; height: 54px; background: url(../images/right.png); position:absolute;right:50px;top:-340px;cursor:pointer;display: none}
.DB_tab25 .DB_prev:hover{background: url(../images/left-1.png);}
.DB_tab25 .DB_next:hover{ background: url(../images/right-1.png);}










.bka-bj{ width: 100% ; background-color: #fff ; overflow: hidden;}
.bka-box{ width: 1200px; margin: 0 auto ; padding: 50px 0 51px 0}

.gab-box{ width: 100% ; height: 282px ;}
.gg{ width: 592px ; height: 282px; float: left; position: relative; overflow: hidden;}
.gg .tp{ width: 592px ; height: 282px;transition: all 1.1s;}
.gg .dw{ position: absolute; left: 56px ; top: 65px; z-index: 2; }
.gg .dw h3{ width: 442px; height: 26px; line-height: 26px; font-size: 24px; color: #fff ; font-weight: bold; border-left: 3px solid #fff; padding-left: 18px; white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.gg .dw p{ width: 460px; height: 44px ; line-height: 22px; font-size: 16px; color: #bec9d4 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 27px 0 43px 0;   overflow: hidden;}
.gg i{width: 592px ; height: 282px;display: block; background: rgba(0, 0, 0, 0.3) ; position: absolute; left: 0; top: 0; z-index: 1;}
.gg:hover i{ display: none} 
.gg:hover .tp{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }

.gaa-box{ width: 100% ; height: 530px; margin-bottom: 15px; overflow: hidden;}
.slideBox{ width:593px; height:530px;float: left; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
.slideBox .bd img{ width:593px; height:530px;  display:block;  }
.slideBox .bd .dw{ position: absolute; left: 56px ; top: 331px; z-index: 2; }
.slideBox .bd .dw h3{ width: 442px; height: 26px; line-height: 26px; font-size: 24px; color: #fff ; font-weight: bold; border-left: 3px solid #fff; padding-left: 18px; white-space:nowrap;  text-overflow:ellipsis; overflow: hidden;}
.slideBox .bd .dw p{ width: 460px; height: 44px ; line-height: 22px; font-size: 16px; color: #bec9d4 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 27px 0 43px 0;   overflow: hidden;}
.slideBox .bd i{ width: 100% ; height: 342px; background: url(../images/jb.png) no-repeat ; position: absolute; left: 0; bottom: 0; z-index: 1;}

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;  display: none  }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.slideBox:hover .prev{ display: block}
.slideBox:hover .next{ display: block}

.dr-box{ width: 594px; float: right; height: 530px; overflow: hidden; }


.slideBox2{ width:594px; height:258px;float: left; overflow:hidden; position:relative;  }
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox2 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox2 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#f00; color:#fff; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; position: relative; }
.slideBox2 .bd img{width:594px; height:258px; display:block;  }
.slideBox2 .bd .dw{ width: 288px;  position: absolute;right: 25px;top: 55px;}
.slideBox2 .bd .dw h3{ width: 100% ; height:56px ; line-height: 28px ; font-size: 24px; color: #26313a ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;}
.slideBox2 .bd .dw p{ width: 100% ; height:40px ; line-height: 20px ; font-size: 16px; color: #797d81 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 18px 0 16px 0;  overflow: hidden;}
.slideBox2 .bd .dw h4{ width: 96px; height: 27px ; line-height: 27px; border: solid 1px #9b9fa3 ; color: #343536; text-align: center ; font-size: 16px; }

.slideBox2:hover .bd .dw h3{ color: #28577f ;}
.slideBox2:hover .bd .dw h4{ background-color: #28577f;color: #fffe9d;}


.slide3{ margin: 14px 0 0 0}
.slide3 .bd .dw{ width: 178px;  position: absolute;left: 55px;top: 60px; overflow: hidden;}
.slide3 .bd .dw h3{ height: 32px; line-height: 32px; font-size: 30px; color: #26313a;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden; }
.slide3 .bd .dw p{ margin: 14px 0 40px 0}
.slide3 .bd .dw h4{ background: none;}


.bkb-bj{ width: 100% ; background-color: #f7f7f7 ; height: 876px;}
.bkb-box{ width: 1200px; margin: 0 auto ;}
.titi2{ width: 100% ; text-align: center; padding: 44px 0 0 0 }
.titi2 h3{ font-size: 30px; color: #28577f ;line-height: 32px ; margin-bottom: 6px;}
.titi2 h4{ font-size: 18px; color: #9a9a9a ;line-height: 20px;}

.cha-box{ width: 100% ; height: 34px; margin: 30px 0 33px  0; position: relative; }
.cha-box h3{ width: 133px ; height: 34px ; line-height: 34px ; font-size: 18px; color: #26313a;float: left;}
.cha-box .subm{ width: 178px ; height: 34px ; background: url(../images/sou.jpg) no-repeat; position: absolute;right: 0; top: 0 ;cursor: pointer;}


.nav3{float: left; width: 261px; border: solid 1px #797e82 ; margin: 0 20px 0 0}
.nav3 p{ color: #9b9fa3}
.nav3 .set {background:url(../images/down2.png) no-repeat ; background-position:238px 12px;}
.nav3 .select {background:url(../images/up1.png) no-repeat ; background-position:238px 12px ;}
.nav3 .new{width: 274px; background-color: #28577f ; max-height: 160px;border: solid 1px #28577f;}
.nav3 ul li a{ width: 264px;}
.nav3 ul li a:hover{color: #3a688f}

.bj{border: solid 1px #28577f ;}

.cping{ width: 1200px ; overflow: hidden; }
.cping ul{ width: 1250px;}
.cping ul li{ width: 282px; height: 310px ; float: left; margin: 0 16px 33px 0 ; padding: 3px; }
.cping ul li a{ width: 100% ; height: 100% ; display: block}
.cping ul li a .cpb{ width: 282px ; height: 192px ; position: relative; background-color: #fff; overflow: hidden;}
.cping ul li a .cpb img{ width: 282px ; height: 192px ; }
.cping ul li a .cpb .cp1{ transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.cping ul li a .cpb .cp2{ opacity: 0; filter:alpha(opacity=0); position: absolute; left: 0; top: 0;transition: all 0.3s ease-out 0s; }
.cping ul li a h3{ width: 255px ; height: 20px ; line-height: 20px; font-size: 18px; color: #28577f ; padding-left: 15px; white-space:nowrap;  text-overflow:ellipsis; margin: 15px 0 12px 0; overflow: hidden;}
.cping ul li a h4{ width: 255px ; height: 20px ; line-height: 20px;  font-size: 14px; color: #868686 ;padding-left: 15px; white-space:nowrap;  text-overflow:ellipsis; margin-bottom: 1px; overflow: hidden;}
.cping ul li a h4 span{ font-weight: bold}

.cping ul li:hover a .cp1{ opacity: 0;  }
.cping ul li:hover a .cp2{ opacity: 1; filter:alpha(opacity=100); transform: scale(1.05); -webkit-filter:alpha(opacity=100); }
.cping ul li:hover{background: -webkit-linear-gradient(left,#2f5f86,#4c7faa)}
.cping ul li:hover a h3{color: #fffe9d}
.cping ul li:hover a h4{color: #dbeeff }


.bkc-bj{ width: 100% ; height: 713px ; background: url(../images/bj3.jpg) repeat-x center center; overflow: hidden;}
.bkc-box{ width: 1170px ; padding: 0 15px; margin: 0 auto; margin-top: 46px; position: relative; overflow: hidden;}
.qha{ width: 100% ; text-align: right ; margin: 72px 0 44px 0}
.qha span{ width: 94px; height: 25px ; border: solid 1px #9b9fa3 ; font-size: 16px; color: #343536 ; text-align: center ; display: inline-block; margin-left: 11px;}
.qha a{ width: 94px; height: 25px ; border: solid 1px #9b9fa3 ; font-size: 16px; color: #343536 ; text-align: center ; display: inline-block; margin-left: 11px;}
.qha span.on{border: solid 1px #28577f; background-color: #28577f ; color: #fffe9d ;}
.qhb{ width: 100% ; height: 450px ;}
.qhb-l{ width: 540px; height: 450px ;float: left; background: url(../images/lfb.jpg) no-repeat; position: relative; overflow: hidden;}
.qhb-r{ width: 567px; height: 450px ;float: right ; overflow: hidden;}

.qhb-r .news{ width: 567px; height: 449px; float: right; border-top: solid 1px #c7c8cc ; }
.qhb-r .news ul{ width: 100% ;}
.qhb-r .news ul li{ width: 100% ;height: 111px; border-bottom: solid 1px #c7c8cc ;  }
.qhb-r .news ul li a{ width: 100%; height: 111px; display: block ;background: url(../images/jt1.png) no-repeat 503px 70px; position: relative;overflow: hidden; }
.qhb-r .news ul li a h3{ width: 448px; height: 44px; line-height: 22px; font-size: 18px;color: #343536 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 16px 0 0 0; padding-left: 13px; overflow: hidden;}
.qhb-r .news ul li a p{ width: 448px; height: 40px; line-height: 20px; font-size: 14px; padding-left: 13px; color: #9a9a9a ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin: 6px 0 0 0;overflow: hidden;}
.qhb-r .news ul li a h4{ font-size: 18px; color: #999; position: absolute;right: 18px; top: 32px}
.qhb-r .news ul li:hover{ background-color: #fff ; box-shadow: #dfdfdf 0 0 12px 2px }
.qhb-r .news ul li:hover a{border: none}
.qhb-r .news ul li a:hover h3{color: #9f0b0b}

.titi{ position: absolute; left: 15px;top: 55px;}
.titi h3{ font-size: 30px; color: #28577f ;line-height: 32px ; margin-bottom: 5px;}
.titi h4{ font-size: 18px; color: #9a9a9a ;line-height: 20px;}



.bkd-bj{ width: 100% ; height: 560px ; background: url(../images/bj4.jpg) repeat-x top center; overflow: hidden;}
.bkd-box{ width: 1200px; height: 560px ;  margin: 0 auto; position: relative; overflow: hidden;}
.jus{ width: 100% ; height: 454px; background: url(../images/xian1.jpg) no-repeat right center; margin: 65px 0 0 0}
.jus ul{ width: 100% ;}
.jus ul li{ width: 273px ; height: 454px; padding-left: 27px; float: left; background: url(../images/xian1.jpg) no-repeat left center;}
.jus ul li .wm1{ display: block}
.jus ul li .wm2{ display: none ; animation:xuan 1s 1; -webkit-animation:xuan 1s 1; }
.jus ul li .ww{  position: absolute; top: 193px;}
.jus ul li h4{ height: 26px ; line-height: 26px; font-size: 24px; color: #e9e9e9; text-transform:uppercase; margin:246px 0 0 0  }
.jus ul li .fw{ width: 100% ; height: 20px; margin: 26px 0 0 0; position: relative; overflow: hidden; }
.jus ul li .fw h5{ width: 80px; float: left;background-color: #fff ; height: 20px;line-height: 20px; font-size: 18px; color: #666; margin-left: -29px; position: relative; padding-left: 29px; z-index: 99;}
.jus ul li .fw .jt{ position: absolute; left: 0; top: 3px; display: none}
.jus ul li:hover .wm2{display: block;}
.jus ul li:hover .wm1{display: none}
.jus ul li:hover{background-image:url("../images/xian2.jpg"),url("../images/xian2.jpg");
    background-repeat: no-repeat, no-repeat;  
    background-position: left center, right center }

.tit{ width: 442px ; height: 90px; line-height: 90px; background-color: #28577f ; padding-right: 26px; text-align: right; position: absolute; right: 0; top: 0; z-index: 99;}
.tit span{ font-size: 18px; color: #82aacd ; padding-right: 35px;}
.tit h3{ font-size: 30px; color: #fff ;display: inline-block;}
.xx{border: none !important}

.lbc{ width: 427px; margin: 0 auto ; padding: 31px 0 0 0;}
.lbc h3{ width: 100% ; height: 32px; line-height: 32px; font-size: 26px; color: #fff }
.lbc h4{ width: 100% ; height: 22px; line-height: 22px; font-size: 20px; font-weight: bold ; color: #fff ;white-space:nowrap;  text-overflow:ellipsis; overflow: hidden; margin: 18px 0 18px 0}
.lbc p{ width: 100% ; height: 40px; line-height: 20px; font-size: 16px; color: #90b6d6 ; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.lbc .img-box{ width: 427px ; height: 241px ; margin: 18px 0 0 0; overflow: hidden;}
.lbc .img-box img{ width: 427px ; height: 241px ;transition: all 1.1s;}
.lbc .img-box img:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



/* 2020.10.15 */
.slideBox .bd li{ overflow: hidden;}
.slideBox .bd img{transition: all 1.1s;}
.slideBox:hover .bd img { transform: scale(1.05);}


.slideBox2 .bd img{transition: all 1.1s;}
.slideBox2 .bd li:hover img{ transform: scale(1.05);}



 @keyframes xuan{
 0%{
     -webkit-transform:rotate(0deg);
  }

    100%{  
      -webkit-transform:rotate(360deg);
    }
 }