@charset "utf-8";







.inbanner {width: 100%;position: relative;}

.inbanner > img {position: relative;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;z-index: 0;}

.inbanner .cer {position: relative;height: 100%;}

@media screen and (max-width: 1023px) {

  .inbanner {height: 720px;}

}

@media screen and (max-width: 750px) {

  .inbanner {height: 480px;}

}

 

.btt1 img{-webkit-animation: move ease-in-out 2s infinite;animation: move ease-in-out 2s infinite;}



.js-qiecon {position: absolute;left: 200%;top: 0;z-index: -20;opacity: 0;width: 100%;}

.js-qiecon.on {position: static;left: 0;top: 0;z-index: 1;opacity: 1;}

.pianyi {padding-top: 80px;margin-top: -80px;}

.js-qiecon-wrap1{position: relative;width: 100%;overflow: hidden;}

 

.baninfo {height: 70px;position: relative;z-index: 2;background-color: #f1f1f1;}

.baninfo .cer8 {height: 100%;}

.erji {float: left;font-size: 0;white-space: nowrap;text-align: center;max-width: 100%;line-height: 70px;height: 70px;}

.erji a {display: inline-block;height: 100%;color: #333;font-size: 13px;line-height: 70px;vertical-align: top;background: #f1f1f1; padding:0 5px;}

.erji a:after {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;display: none;width: 0;height: 1px;background-color: #009de2;-webkit-transition: 0.3s;transition: 0.3s;}

.erji a:hover {background-color: #2778be;color: #fff;}

.erji a.on {background-color: #2778be;color: #fff;font-weight: bold;}

.erji a:hover:after {left: 0;width: 100%;-webkit-transition: width 0.3s;transition: width 0.3s;}



.tree {float: right;height: 100%;font-size: 13px;line-height: 70px;color: #666;padding-left: 30px;background: url(ft1.png) 0 no-repeat;}

.tree a {display: inline-block;height: 100%;color: #666;}

.tree a:hover,.tree a.leaf {color: #2778be;}

.tree i {display: inline-block;width: 12px;height: 100%;vertical-align: middle;text-align: center;}

@media screen and (max-width: 1280px) {

  .tree {display: none;}

  .erji {float: none;overflow: auto;}

} 

 

.rongyumain {padding: 100px 0 90px;}

.rongyumain h2.btitle {font-size: 36px;color: #333;line-height: 54px;font-weight: bold;text-align: center;height: 54px;overflow: hidden;}

.rongyumain .intro {margin: 20px auto 0;font-size: 16px;color: #555;line-height: 32px;max-width: 1200px;text-align: center;}



.rylist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin: 60px auto 0;}

.rylist li {float: left;width: 33.33%;margin-bottom: 50px;}

.rylist li .lin {padding: 0 30px;}

.rylist li a {display: block;position: relative;border: 1px solid #e7e7e7;}

.rylist li .pic {width: 100%;height: 310px;overflow: hidden;position: relative;font-size: 0;text-align: center;line-height: 310px;}

.rylist li img {max-width: 90%;max-height: 95%;}

.rylist li h3 {padding: 0 30px;position: relative;overflow: hidden;}

.rylist li h3 span {position: relative;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 40px;white-space: nowrap;padding: 15px 30px 15px 0;

  background: url(glass2.png) right no-repeat;border-top: 1px solid #ebebeb;}

.rylist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;

  background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));background-image: linear-gradient(to right, #255ba9, #1fb4b8);

}

.rylist li h3 span,.rylist li h3:before {-webkit-transition: .5s;transition: .5s;}

.rylist li:hover h3 span {color: #fff;background-image: url(glass2h.png);border-top-color: transparent;}

.rylist li:hover h3:before {width: 100%;left: 0;-webkit-transition: width .5s;transition: width .5s;}

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

  .rylist {padding: 0 0 40px;}

  .rylist li .lin {padding: 0 20px;}

}

@media screen and (max-width: 1100px) {

  .rylist {padding: 0 0 30px;}

  .rylist li .lin {padding: 0 15px;}

  .rylist li {width: 50%;}

  .rylist li h3 {padding: 0 20px;}

}

@media screen and (max-width: 640px) {

  .rongyumain {padding: 80px 0 80px;}

  .rylist li {width: 100%;}

}



.prolist {overflow: hidden;padding: 0 0 50px;max-width: 1500px;margin:0 auto;}

.prolist li {float: left;width: 31.33%;margin-bottom: 50px; margin-right:3%;}

.prolist li:nth-child(3n) {margin-right:0;}

.prolist li a {display: block;position: relative;border: 1px solid #e7e7e7;}

.prolist li .pic {width: 100%;overflow: hidden;position: relative;font-size: 0;text-align: center;}

.prolist li img {width: 100%;height: 100%;}

.prolist li h3 {padding: 0 30px;position: relative;overflow: hidden;}

.prolist li h3 span {position: relative;z-index: 3;display: block;height: 40px;overflow: hidden;font-size: 16px;color: #333;line-height: 40px;white-space: nowrap;padding: 15px 30px 15px 0;

  background: url(glass2.png) right no-repeat;border-top: 1px solid #ebebeb;}

.prolist li h3:before {content: '';position: absolute;left: 100%;bottom: 0;z-index: 0;width: 0;height: 100%;

  background-image: -webkit-gradient(linear, left top, right top, from(#255ba9), to(#1fb4b8));background-image: linear-gradient(to right, #255ba9, #1fb4b8);

}

.prolist li h3 span,.prolist li h3:before {-webkit-transition: .5s;transition: .5s;}

.prolist li:hover h3 span {color: #fff;background-image: url(glass2h.png);border-top-color: transparent;}

.prolist li:hover h3:before {width: 100%;left: 0;-webkit-transition: width .5s;transition: width .5s;}

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

  .prolist {padding: 0 0 40px;}

}

@media screen and (max-width: 1100px) {

  .prolist {padding: 0 0 30px;}

  .prolist li {width: 50%;}

  .prolist li h3 {padding: 0 20px;}

}

@media screen and (max-width: 640px) {

  .rongyumain {padding: 80px 0 80px;}

  .prolist li {width: 100%;}

}



 

.abone {padding: 60px 0;}

.abt {width: 100%;position: relative;}

 

.abtother {width:100%;position: relative;z-index: 1; text-align:justify; line-height:30px; min-height:350px; padding-bottom:50px;}

.abcate1 .en { width:60px; height:2px; background:#666; margin-top:10px;}

.abcate1 .cn {font-size: 32px;color: #333;line-height: 42px;font-weight: bold;margin-top: 10px;}

.abtother .abtcon {font-size: 16px;color: #333;line-height: 34px;margin-top: 56px;}



@media screen and (max-width: 1100px) {

  .abtother {float: none;width: 100%;margin-top: 50px;}

  .abcate1 {text-align: center;}

}

@media screen and (max-width: 750px) {

  .abone {padding: 100px 0;}

  .abcate1 .en {font-size: 36px;}

  .abcate1 .cn {font-size: 26px;}

}

 

.guolist {overflow: hidden;font-size: 0;text-align: center;}

.guolist li {display: inline-block;width: 210px;max-width: 33.33%;}

.guolist li a {display: block;}

.guolist h3 {font-size: 42px;color: #fff;height: 56px;line-height: 56px;-webkit-transition: 0.3s;transition: 0.3s;}

.guolist .txt {font-size: 14px;color: #fff;line-height: 22px;}

@media screen and (max-width: 750px) {

  .guolist h3 {font-size: 30px;}

} 



.pintailist {max-width: 1340px;margin: 24px auto 0;font-size: 0;}

.pintailist li {display: inline-block;width: 20%;position: relative;top: 0;-webkit-transition: .4s;transition: .4s;}

.pintailist li a {display: block;padding: 40px 0 35px;text-align: center;}

.pintailist .pic {width: 100%;height: 123px;font-size: 0;position: relative;}

.pintailist img {max-width: 100%;max-height: 100%;position: relative;z-index: 1;vertical-align: top;}

.pintailist .txt {font-size: 18px;color: #333;line-height: 26px;padding: 0 10px;height: 52px;overflow: hidden;}

.pintailist li:hover {top: -10px;}

@media screen and (max-width: 1300px) {

  .pintailist li {width: 33.33%;}

}

@media screen and (max-width: 840px) {

  .pintailist li {width: 50%;}

}

 



.fabout {height: 800px;position: relative;background: url(faboutbg.jpg) right no-repeat;}

.faboutleft {position: absolute;left: 50%;top: 182px;z-index: 1;margin-left: -800px;width: 760px;max-width: 100%;}

.faboutleft h2 {font-size: 42px;color: #fff;font-weight: bold;line-height: 60px;position: relative;z-index: 2;}

.faboutleft .contxt {margin: 30px 0 44px;font-size: 14px;line-height: 30px;color: #fff;max-height: 210px;overflow: hidden; text-align:justify;}

.guolist5 {overflow: hidden;font-size: 0;}

.guolist5 li {display: inline-block;width: 190px;max-width: 50%;}

.guolist5 li a {display: block;color: #fff;}

.guolist5 h3 {font-size: 42px;height: 48px;line-height: 48px;}

.guolist5 .txt {font-size: 14px;line-height: 28px;}

@media screen and (max-width: 1660px) {

  .faboutleft {left: 5%;margin-left: 0;max-width: 80%;padding: 20px;background-color: rgba(0, 0, 0, 0.3);top: 152px;}

}

@media screen and (max-width: 1200px) {

  .faboutleft {background-color: rgba(0, 0, 0, 0.6);}

}

@media screen and (max-width: 750px) {

  .faboutleft h2 {font-size: 30px;line-height: 50px;}

  .guolist5 h3 {font-size: 30px;}

}









.fcro {position: relative;background: #ffffff url('fcrobg.jpg') bottom no-repeat;}

.swfcroout {position: relative;max-width: 1600px;margin: 0 auto;}

#swfcro {height: 882px;overflow: visible;}

#swfcro .swiper-slide {width: 1316px;}

#swfcro .swiper-slide .swiperinner {display: block;width: 100%;padding: 146px 0 102px;border-right: 1px solid rgba(45, 112, 180, 0.15);opacity: 0.3;-webkit-transition: .3s;transition: .3s;}

#swfcro .swiper-slide.swiper-slide-active .swiperinner {opacity: 1;}

#swfcro .wz {float: left;width: 37%;height: 100%;}

#swfcro .picout {float: right;position: relative;width: 486px;height: 486px;margin-right: 100px;overflow: hidden;padding: 64px;}

#swfcro .picout:before {content: "";position: absolute;left: 0;top: 0;z-index: 0;width: 100%;height: 100%;opacity: 0.2;

  background: url('yuanpan2.png') center / cover no-repeat;-webkit-animation: rotate360 20s linear 0s infinite;animation: rotate360 20s linear 0s infinite;

}

#swfcro .pic {width: 100%;height: 100%;border-radius: 50%;font-size: 0;overflow: hidden;}

#swfcro .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: .4s;transition: .4s;}

#swfcro .pic img:hover {-webkit-transform: scale(1.01);transform: scale(1.01);}

#swfcro h3 {font-size: 42px;color: #333;line-height: 58px;height: 58px;font-weight: bold;position: relative;margin-top: 58px;white-space: nowrap;}

#swfcro h3:before {content: '';position: absolute;left: 0;top: -22px;z-index: 0;width: 110px;height: 103px;background: url('friicon.png') center no-repeat;}

#swfcro h3 a {color: #333;}

#swfcro h4 { width:80px; height:3px; background:#333; margin-top:15px;}

#swfcro .txt {font-size: 14px;color: #666;line-height: 30px;min-height: 72px;max-height: 244px;overflow: hidden;margin-top: 34px; text-align:justify;}

#swfcro label {display: block;font-size: 16px;color: #333;line-height: 34px;height: 34px;position: relative;}

#swfcro label:before {content: '';position: absolute;left: 82px;top: 16px;z-index: 0;width: 30px;height: 2px;background-color: #2d70b4;}

#swfcro dl {margin-top: 36px;}

#swfcro dd {font-size: 16px;padding: 5px 0;}

#swfcro dd a {padding-left: 26px;color: #555;line-height: 30px;display: block;position: relative;}

#swfcro dd a:before {content: '';position: absolute;left: 0;top: 10px;z-index: 0;border-radius: 50%;width: 8px;height: 8px;background-color: transparent;-webkit-transition: .3s;transition: .3s;border: 1px solid #c1c1c1;}

#swfcro dd a:after {content: '';position: absolute;left: 6px;top: 50%;z-index: 0;width: 0;height: 1px;background-color: #0061ae;-webkit-transition: .3s;transition: .3s;}

#swfcro h3:hover a,#swfcro h4:hover,#swfcro dd:hover a {color: #2d70b4;}

#swfcro dd:hover a {padding-left: 52px;}

#swfcro dd:hover a:before {border-color: #2d70b4;}

#swfcro dd:hover a:after {width: 32px;}

.swfcroout .sw-next,.swfcroout .sw-prev {position: absolute;top: 50%;width: 50px;height: 50px;z-index: 10;cursor: pointer;font-size: 0;text-align: center;border-radius: 50%;}

.swfcroout .sw-prev {left: 1316px;background: #001cb8 url('jtl-fcro.png') center no-repeat;margin-left: -25px;margin-top: -60px;}

.swfcroout .sw-next {left: 1316px;background: #001cb8 url('jtr-fcro.png') center no-repeat;margin-left: -25px;margin-top: 10px;}

.swfcroout .sw-prev:hover,.swfcroout .sw-next:hover {background-color: rgba(0, 0, 0, 0.5);}

.swfcroout .sw-next:before,.swfcroout .sw-prev:before {content: "";position: absolute;left: 0;top: 0;z-index: 2;width: 100%;height: 100%;border-radius: 50%;

  background-color: rgba(56, 186, 177, 0.1);-webkit-animation: circlepulse 1.5s ease 0s infinite;animation: circlepulse 1.5s ease 0s infinite;}

.swfcroout .sw-next,.swfcroout .sw-prev {-webkit-animation: pin02 3s ease-in-out 0s infinite;animation: pin02 3s ease-in-out 0s infinite;}

@-webkit-keyframes pin02 {

  0% {

    -webkit-box-shadow: 0px 0px 0 0px rgba(0, 28, 184, 0.2);

            box-shadow: 0px 0px 0 0px rgba(0, 28, 184, 0.2);

  }

  50% {

    -webkit-box-shadow: 0px 0px 0 20px rgba(0, 28, 184, 0.2);

            box-shadow: 0px 0px 0 20px rgba(0, 28, 184, 0.2);

  }

  100% {

    -webkit-box-shadow: 0px 0px 0 0px rgba(0, 28, 184, 0.2);

            box-shadow: 0px 0px 0 0px rgba(0, 28, 184, 0.2);

  }

}

#swfcro .swiper-pagination {left: 26px;bottom: 20px;}

#swfcro .swiper-pagination-bullet {margin: 0 13px;opacity: 1;border: 1px solid #fff;background-color: transparent;outline: 0 none;-webkit-transition: 0.4s;transition: 0.4s;}

#swfcro .swiper-pagination-bullet-active {background-color: #fff;}

@media screen and (max-width: 1400px) {

  #swfcro {overflow: hidden;}

  #swfcro .swiper-slide {width: 100%;}

  #swfcro .swiper-slide .swiperinner {border-right: 0 none;}

  #swfcro .picout {margin-right: 30px;}

  #swfcro .wz {width: 40%;}

  .swfcroout .sw-next {left: auto;margin-left: 0;right: 0;margin-top: -25px;}

  .swfcroout .sw-prev {left: 0;margin-left: 0;margin-top: -25px;}

}

@media screen and (max-width: 1200px) {

  #swfcro .picout {width: 400px;height: 400px;}

  #swfcro h3 {font-size: 36px;margin-top: 20px;}

}

@media screen and (max-width: 1023px) {

  #swfcro {height: auto;}

  #swfcro .swiper-slide .swiperinner {padding: 50px 0 90px;}

  #swfcro .picout {float: none;width: 486px;height: 486px;margin: 0 auto;}

  #swfcro .wz {float: none;width: 600px;max-width: 100%;margin: 0 auto;}

  .swfcroout .sw-next,.swfcroout .sw-prev {top: 45%;}

}

@media screen and (max-width: 700px) {

  #swfcro .picout {width: 400px;height: 400px;}

  #swfcro h3 {font-size: 30px;line-height: 50px;height: 50px;}

  .swfcroout .sw-next,.swfcroout .sw-prev {top: 40%;}

}

@media screen and (max-width: 600px) {

  #swfcro .picout {width: 300px;height: 300px;padding: 40px;}

  .swfcroout .sw-next,.swfcroout .sw-prev {top: 35%;}

}







.fpintai {padding: 86px 0 66px;background: #0061ae url(fpintaibg.jpg) center 0 no-repeat;}

.fpintai .intro {font-size: 16px;color: #d7e8f6;line-height: 28px;text-align: center;margin: 34px auto 70px;max-width: 870px;}

.fcate1 {color: #fff;text-align: center;}

.fcate1 .cn {font-size: 42px;line-height: 56px;font-weight: bold;}

.fcate1 .en {font-size: 20px;line-height: 28px;font-family: 'Century';}

@media screen and (max-width: 750px) {

  .fcate1 .cn {font-size: 32px;}

}

.fpintailist {font-size: 0;text-align: center;}

.fpintailist li {display: inline-block;width: 250px;max-width: 100%;position: relative;}

.fpintailist li .lin {padding: 0 15px;}

.fpintailist li a {display: block;border-radius: 0 40px;padding: 14px 0;}

.fpintailist .pic {height: 60px;line-height: 60px;font-size: 0;margin: 0 auto 6px;}

.fpintailist img {max-width: 100%;max-height: 100%;}

.fpintailist h3 {font-size: 16px;color: #c0dbf3;line-height: 26px;height: 26px;overflow: hidden;}

.fpintailist .arr {height: 12px;background: url(jtd-ftai.png) center no-repeat;margin-top: 18px;}

.fpintailist li:hover a,.fpintailist li.on a {background-color: #001cb8;}

.fpintailist li:hover h3,.fpintailist li.on h3 {color: #fff;}

@media screen and (max-width: 1400px) {

  .fpintailist li {width: 14.2%;}

  .fpintailist li .lin {padding: 0 20px;}

}

@media screen and (max-width: 1023px) {

  .fpintailist li {width: 25%;max-width: none;margin-bottom: 10px;}

}

@media screen and (max-width: 750px) {

  .fpintailist li {width: 33.3%;}

}

@media screen and (max-width: 640px) {

  .fpintailist li .lin {padding: 0 10px;}

}

.friout {padding: 90px 0;}

.fri {padding-left: 280px;position: relative;white-space: nowrap;font-size: 0;}

.fri dd {display: inline-block;width: 206px;height: 100px;text-align: center;line-height: 100px;}

.fri dd .inn {padding: 0 23px;}

.fri dd img {max-width: 90%;max-height: 90%;}

.fcate3 {position: absolute;left: 0;top: 0;z-index: 0;width: 160px;height: 100px;}

.fcate3 .cn {font-size: 38px;color: #333;line-height: 48px;font-weight: bold;padding-top: 20px;position: relative;z-index: 1;}

.fcate3 .cn a {color: #333;}

.fcate3 .en {font-size: 14px;color: #999;line-height: 28px;font-family: 'arial';text-transform: uppercase;margin-top: 4px;}

@media screen and (max-width: 1700px) {

  .fri {white-space: normal;}

}

@media screen and (max-width: 1200px) {

  .fri {padding-left: 180px;}

  .fri dd .inn {padding: 0 15px;}

}

@media screen and (max-width: 900px) {

  .friout {padding: 60px 0 70px;}

  .fri {padding-left: 0;padding-top: 120px;}

  .fcate3 {left: 50%;margin-left: -80px;text-align: center;}

  .fri dd {width: 25%;}

  .fri dd .inn {padding: 0 10px;}

}



@media screen and (max-width: 750px) {

  .fri dd {width: 33%;}

  .fcate3 .cn {font-size: 30px;  }

}

.ftechbg {background-color: #1164a7;}

.ftech {background-color: #fff;padding: 90px 0;position: relative;}

.ftech:before {content: '';position: absolute;left: 0;top: 0;z-index: 0;width: 24px;height: 100%;background-color: #1164a7;}

.swftechout {position: relative;max-width: 1400px;margin: 0 auto;}

#swftech {height: 500px;overflow: hidden;}

#swftech .swiper-slide {overflow: hidden;}

#swftech .swiper-slide a {display: block;width: 100%;height: 100%;overflow: hidden;}

#swftech .wz {float: right;width: 47.5%;height: 100%;overflow: hidden;}

#swftech .pic {float: left;width: 48.6%;height: 100%;overflow: hidden;position: relative;}

#swftech .pic img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: .4s;transition: .4s;border-radius: 0 60px;}

#swftech .pic img:hover {-webkit-transform: scale(1.01);transform: scale(1.01);}

#swftech h3 {font-size: 30px;color: #2778be;line-height: 50px;height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin-top: 18px;}

#swftech .txt {font-size: 16px;color: #777;line-height: 29px;height: 120px;overflow: hidden; text-align:justify;}

#swftech label {display:block;width:164px;height:48px;background:#2778be;margin-top:58px;font-size:16px;color:#fff;line-height:48px;text-align:center;border-radius:24px;cursor:pointer;-webkit-transition:.4s;transition: .4s;}

#swftech label:hover {opacity: 0.8;}

#swftech .hx {width: 60px;height: 2px;background-color: #2778be;margin: 15px 0 25px;}

#swftech .date {font-size: 70px;color: #eae9e9;line-height: 80px;height: 80px;overflow: hidden;}

#swftech .swiper-pagination {left: 26px;bottom: 20px;}

#swftech .swiper-pagination-bullet {margin: 0 13px;opacity: 1;border: 1px solid #fff;background-color: transparent;outline: 0 none;-webkit-transition: 0.4s;transition: 0.4s;}

#swftech .swiper-pagination-bullet-active {background-color: #fff;}

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

  .ftech:before {display: none;}

  #swftech .txt {height: 128px;}

  #swftech label {margin-top: 40px;}

}

@media screen and (max-width: 1200px) {

  .ftech {padding: 110px 0 130px;}

  #swftech .pic {width: 48%;}

  #swftech .wz {width: 46%;}

}

@media screen and (max-width: 1023px) {

  #swftech {height: auto;}

  #swftech .pic {float: none;width: 100%;height: auto;text-align: center;}

  #swftech .pic img {width: auto;height: 400px;max-width: 100%;border-radius: 0 30px;}

  #swftech .wz {float: none;width: 600px;max-width: 100%;margin: 40px auto 0;}

  #swftech .date {display: none;}

  #swftech .hx {margin: 22px auto;}

  #swftech label {margin: 20px auto 0;}

  #swftech h3 {font-size: 26px;text-align: center;margin-top: 0;}

  .ftech {padding: 80px 0 90px;}

}

.fbtl {position: relative;height: 84px;}

.fcate2 {float: left;position: relative;}

.fcate2 .cn {font-size: 38px;color: #333;line-height: 50px;font-weight: bold;position: relative;z-index: 1;}

.fcate2 .cn a {color: #333;}

.fcate2 .en {font-size: 14px;color: #999;line-height: 34px;font-family: 'Arial';height: 34px;text-transform: uppercase;}

.ferji {float: right;height: 34px;margin-top: 50px;font-size: 0;white-space: nowrap;}

.ferji a {display: inline-block;margin-left: 6px;overflow: hidden;border-radius: 17px;background-color: #fff;width: 82px;height: 34px;font-size: 14px;color: #333;line-height: 34px;text-align: center;}

.ferji a:hover,.ferji a.on {color: #fff;background-color: #004080;}

.fnewsout {padding: 138px 0 122px;background: url(fnewsbg.jpg) bottom no-repeat;}

.fnewsleft {float: left;width: 50%;}



.swiper5out {position: relative;margin-top: 54px;}

.sw5 {height: 434px;}

.sw5 .swiper-slide {width: 380px;}

.sw5 .swiper-slide a {display: block;position: relative;width: 100%;height: 100%;}

.sw5 .swiper-slide .pic {width: 100%;height: 237px;overflow: hidden;font-size: 0;}

.sw5 .swiper-slide img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.4s;transition: 0.4s;}

.sw5 .swiper-slide img:hover {-webkit-transform: scale(1.04);transform: scale(1.04);}

.sw5 .swiper-slide .wz {width: 100%;padding-top: 21px;}

.sw5 .swiper-slide h3 {font-size: 22px;color: #222;line-height: 36px;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}

.sw5 .swiper-slide .txt {font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;margin: 30px 0 36px;}

.sw5 .swiper-slide label {font-size: 16px;color: #666;line-height: 26px;font-family: 'FuturaBTBook';display: block;cursor: pointer;height: 26px;}

.sw5 .swiper-slide:hover h3 {color: #2778be;}

.sw5 .swiper-slide:hover label {color: #2778be;}

.sw5 .swiper-slide h3,.sw5 .swiper-slide label {-webkit-transition: .4s;transition: .4s;}

.swiper5out .swiper-button-prev,.swiper5out .swiper-button-next {width: 40px;height: 40px;-webkit-transition: 0.4s;transition: 0.4s;outline: 0 none;border-radius: 50%;margin-top: -20px;}

.swiper5out .swiper-button-next {right: 0;background: rgba(0, 0, 0, 0.5) url(gt-ev.png) center no-repeat;}

.swiper5out .swiper-button-prev {left: 0;background: rgba(0, 0, 0, 0.5) url(lt-ev.png) center no-repeat;}

.swiper5out .swiper-button-prev:hover,.swiper5out .swiper-button-next:hover {background-color: #2778be;}

.swiper5out .swiper-pagination {bottom: 0;}

.swiper5out .swiper-pagination-bullet {margin: 0 5px;opacity: 1;background-color: #fff;outline: 0 none;-webkit-transition: 0.4s;transition: 0.4s;}

.swiper5out .swiper-pagination-bullet-active {background-color: #2778be;}



.fhot {float: right;width: 46.875%;margin-top: 26px;}

.fhot a {display: block;position: relative;width: 100%;}

.fhot .pic {width: 100%;height: 567px;overflow: hidden;font-size: 0;position: relative;z-index: 0;}

.fhot img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-webkit-transition: 0.4s;transition: 0.4s;}

.fhot img:hover {-webkit-transform: scale(1.04);transform: scale(1.04);}

.fhot .wz {width: 70%;position: relative;z-index: 2;margin-left: 40%;margin-top: -180px;}

.fhot .wzone {padding: 60px 40px 40px 40px;background-color: #2778be;border-top-left-radius: 40px;position: relative;overflow: hidden;}

.fhot .wzone:before {content: '';position: absolute;left: 420px;top: -58px;z-index: 0;width: 199px;height: 186px;background: url(fnewsicon.png) center no-repeat;}

.fhot h3 {font-size: 22px;color: #fff;line-height: 36px;height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;margin-top: 10px;}

.fhot .date {height: 52px;line-height: 52px;}

.fhot .date span {font-family: 'FuturaBTBook';color: #fff;}

.fhot .date .day {font-size: 52px;}

.fhot .date .year {font-size: 16px;margin-left: 10px;}

.fhot .wztwo {padding: 0 40px;background-color: #1164ac;height: 52px;}

.fhot label {font-size: 16px;color: #fff;line-height: 52px;font-family: 'FuturaBTBook';display: block;cursor: pointer;height: 100%;}

@media screen and (max-width: 1400px) {

  .fnewsleft {float: none;width: 100%;}

  .fhot {display: none;}

}

@media screen and (max-width: 750px) {

  .sw5 .swiper-slide {z-index: 1;width: 300px;}

}

.fside {position: fixed;z-index: 50;right: 1px;top: 50%;margin-top: -160px;width: 100px;-webkit-box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);}

.fside.zk {right: -100px;}

.fside i {width: 11px;height: 68px;position: absolute;right: 100%;top: 50%;margin-top: -34px;z-index: 10;background: #38b9b0 url(sandao.png) center no-repeat;cursor: pointer;border-radius: 9px 0 0 9px;}

.fside label {display: block;width: 100%;height: 55px;border-radius: 6px 6px 0 0;background: #001cb8 url(ssdlogo.png) center no-repeat;}

.fside a {display: block;width: 100%;position: relative;border-bottom: 1px solid #e4e4e4;text-align: center;background-color: #fff;padding-top: 17px;padding-bottom: 10px;}

.fside a .pic {width:30px;height:30px;font-size:0;background-position:center;background-repeat:no-repeat;border-radius:50%;border:1px solid #001cb8;background:#001cb8;margin:0 auto;-webkit-transition:0.3s;transition:0.3s;}

.fside a > p {margin-top: 7px;font-size: 14px;line-height: 20px;color: #576c87;height: 20px;}

.fside a:hover > .pic {background-color: #fff;}

.fside a:hover > p {color: #001cb8;} 

.fside a .pic.sd1 {background-image: url(ssd1.png);}

.fside a .pic.sd2 {background-image: url(ssd2.png);}

.fside a .pic.sd3 {background-image: url(ssd3.png);}

.fside a:hover .pic.sd1 {background-image: url(ssd1h.png);}

.fside a:hover .pic.sd2 {background-image: url(ssd2h.png);}

.fside a:hover .pic.sd3 {background-image: url(ssd3h.png);}

@media screen and (max-width: 1023px) {

  .fside {display: none;}

}

.fu {position: fixed;width: 100%;height: 100%;z-index: 150;top: 0;left: 0;display: none;}