﻿@charset "utf-8";
.baTool{position: absolute;left: 0;right: 0;bottom: 0;z-index: 5}
.baTool .wps{width: 52%;position: relative;padding: 0 0 0 .5rem}
.baTool .wps:before{background: #fff;content: '';position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 0;transform: skewX(-30deg);transform-origin: left bottom}
.baTool .wps:after{background: #fff;content: '';position: absolute;left:100%;top: 0;bottom: 0;z-index: 0;width: calc((100vw - 14.4rem) / 2 + 100%)}
.baTool .baTools{position: relative;z-index: 3;width: 1.4rem;color: #888;}
.baTool .baTools a{position: absolute;font-size: .24rem;color:#1249a3;z-index: 5 }
.baTool .baTools a.prev{left: 0;top: 50%;transform: translateY(-50%);}
.baTool .baTools a.next{right: .2rem;top: .1rem;}
.baTool .baTools .swiper-pagination-current{font-family: 'imp';font-size: .32rem;color: #1249a3}
.baTool .baTools .swiper-pagination{line-height: .7rem;padding-top: .1rem}
.baTool .batit{position: relative;z-index: 3;width: calc(100% - 1.4rem);font-size: .2rem;font-weight: bold;}
.baTool .batit li a{line-height: .8rem;}

.fancybox-video{object-fit: cover}
.intit {margin-bottom: .35rem}
.intit span{font-size: .36rem;}
.intit a{position: absolute;right: 0;top: .06rem;width: 1.4rem;height: .38rem;border: 1px solid #ddd;border-radius: .3rem;line-height: .36rem;text-align: center;font-size: .15rem;transition: .3s;color: #666}
.intit a:hover{background:#0858a9;border-color: #0858a9;color: #fff }
.intit a:hover:after{color: #fff }
.intit a:after{content: "\e62a";font-family: swiper-icons!important;font-size: .2rem;margin-left: 3px;vertical-align: -2px;color: #888}

.more a{position: absolute;right: 0;top: .06rem;width: 1.4rem;height: .38rem;border: 1px solid #ddd;border-radius: .3rem;line-height: .36rem;text-align: center;font-size: .15rem;transition: .3s;color: #666}
.more a:hover{background:#0858a9;border-color: #0858a9;color: #fff }
.more a:hover:after{color: #fff }
.more a:after{content: "\e62a";font-family: swiper-icons!important;font-size: .2rem;margin-left: 3px;vertical-align: -2px;color: #888}

.swiper-container .pgba{text-align: center;margin-top: .2rem}
.swiper-container .pgba span{width: 10px;height: 10px;background: #000;opacity: .2;margin: 0 5px}
.swiper-container .pgba span.swiper-pagination-bullet-active{background: #0858a9;opacity: 1}

.list2 li{padding: .2rem 0;position: relative;}
.list2 li a{display: flex;justify-content: space-between}
.list2 li .time{width: .62rem;height: .62rem;border: 1px solid #6da1cc;text-align: center;}
.list2 li .time span{display: block;line-height: .33rem;background: #005daa;font-size: .22rem;font-family: 'sys'}
.list2 li .time em{display: block;line-height: .29rem;font-size: .12rem;color: #005daa}
.list2 li .txt{width: calc(100% - .8rem)}
.list2 li .txt h4{font-size: .18rem;line-height: 1.6em;position: relative;top: 50%;transform: translateY(-50%);max-height: .56rem}
.list2 li:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #adc9e0;z-index: 0}
.list2 li:after{content: '';position: absolute;right: 0;bottom: 0;width: 0;height: 1px;background: #005daa;z-index: 2;transition: .5s;}
.list2 li:hover:after{width: 100%;right: auto;left: 0}


.homea{padding: .6rem 0;background: #f8f8f8}
.homea .aleft{width: 65%}
.homea .aright{width: 30%}
.homea .aright .list2 li:first-child{padding-top: 0}
.homea .aright .list2 li .time span{color: #fff}
.homea .aleft .slide-a .pic{height: 2.85rem}
.homea .aleft .slide-a .txt{background: #fff;padding:.15rem .2rem}
.homea .aleft .slide-a .txt h4{font-size: .18rem;line-height: 1.5em;text-align: justify;height: .54rem}
.homea .aleft .slide-a .txt .time{font-family: 'sys';color: #999999;text-align: right;margin-top: .1rem}
.homea .aleft .list1{margin-top: .25rem}
.homea .aleft .list1 li{line-height: .42rem;position: relative;font-size: .18rem;padding-left: .26rem}
.homea .aleft .list1 li:before{content: '';width: 10px;height: 10px;background: #005daa;position: absolute;left: 0;top: 50%;transform:translateY(-50%) rotate(-45deg);}
.homeb{background: url(../images/bbg.jpg) no-repeat center;background-size: cover;padding: .5rem 0 .7rem}
.homeb .intit{color: #fff}
.homeb .intit a{color: #fff}
.homeb .intit a:after{color: #fff}
.homeb .bleft{width: 48%}
.homeb .bright{width: 48%}
.homeb .bleft .list2 li .time{border: 1px solid rgba(255,255,255,.8)}
.homeb .bleft .list2 li .time span{background: #fff;color:#005daa }
.homeb .bleft .list2 li .time em{color:rgba(255,255,255,.6) }
.homeb .bleft .list2 li .txt h4{color:rgba(255,255,255,1) }
.homeb .bleft .list2 li .txt p{color:rgba(255,255,255,.6);font-size: .14rem;margin-top: .1rem }
.homeb .bleft .list2 li:before{background: rgba(255,255,255,.2)}
.homeb .bleft .list2 li:after{background: rgba(255,255,255,1)}

.homeb .bright .pic{height: 4.05rem}
.homeb .bright .txts{margin-right: 1.2rem;margin-left: .35rem;background: #fff;border-top: 2px solid #ef9437;height: 1.65rem;margin-top: -.6rem;position: relative;z-index: 4;padding:.2rem .25rem}
.homeb .bright .txts li{display: none}
.homeb .bright .txts li h4{font-size: .2rem;line-height: 1.4em;}
.homeb .bright .txts li h4 a{height: .56rem;display: block\0;}
.homeb .bright .txts li p{margin-top: .1rem;color: #888;margin-bottom: .1rem}
.homeb .bright .txts li time{color: #888;font-family: 'sys'}
.homeb .bright .sbtn{position: absolute;right: 0;bottom: .3rem;width: 1rem;display: flex;justify-content: space-between}
.homeb .bright .sbtn a{display: block;width: .45rem ;height: .45rem;;border: 1px solid #439cca;border-radius: 50%;text-align: center;line-height: .43rem;color: #fff;transition: .3s}
.homeb .bright .sbtn a:hover{background: #fff;border-color: #fff;color: #0968c1}
.homec{background: #f3f5f8;padding: .5rem 0}
.homec .cleft{width: 45%}
.homec .cright{width: 55%}
.homec .cleft .pic{height: 4.9rem;position: relative;}
.homec .cleft .pic:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 30%;background: url(../images/picmask.png) repeat-x bottom center;background-size: 101% 100%}
.homec .cleft .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 5;color: #fff;padding:.2rem .3rem;font-size: .18rem}
.homec .cleft .txt h4{line-height: 1.4em}
.homec .cleft .sbtn a{position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;color: #fff;font-size: .35rem}
.homec .cleft .sbtn a.prev{left: .2rem}
.homec .cleft .sbtn a.next{right: .2rem}
.homec .cright ul{width: 50%}
.homec .cright ul li a{display: block;position: relative;height: 100%}
.homec .cright ul li .txt{padding: .3rem;height: 100%;}
.homec .cright ul li .txt h4{font-size: .18rem;line-height: 1.6em;margin-bottom: .15rem;height: .56rem}
.homec .cright ul li .txt p{font-size: .14rem;line-height: 1.6em;color: #888}
.homec .cright ul li .txt .time{position: absolute;bottom: .3rem;left: 0;right: 0;padding: 0 .15rem}
.homec .cright ul li .txt .time:after{content: '';height: 1px;background: rgba(255,255,255,.4);position: absolute;left: 0;right: 0;top: 55%;z-index: 0}
.homec .cright ul li .txt .time time{color: #fff;display: inline-block;padding: 0 .1rem;position: relative;z-index: 3}
.homec .cright ul li .txt .time time span{font-size: .2rem;font-weight: bold;margin-right: 5px;}
.homec .cright ul.listc1 li{height: 2.45rem;background: #fff}
.homec .cright ul.listc1 li:nth-child(1){background: url(../images/cslog.png)#ef9437 no-repeat right bottom;}
.homec .cright ul.listc1 li:nth-child(1) a{color: #fff}
.homec .cright ul.listc1 li:nth-child(1) p{color: rgba(255,255,255,.8);}
.homec .cright ul.listc1 li:nth-child(2) .txt .time time{color: #0062bf}
.homec .cright ul.listc1 li:nth-child(2) .txt .time:after{background: #eee}
.homec .cright ul.listc1 li:nth-child(1) .time time{background: #ef9437}
.homec .cright ul.listc1 li:nth-child(2) .time time{background: #fff}
.homec .cright ul.listc2 li .pic{height: 2.45rem}
.homec .cright ul.listc2 li .txt{height: 2.45rem;background: #0055ab}
.homec .cright ul.listc2 li a{color: #fff}
.homec .cright ul.listc2 li a p{color: rgba(255,255,255,.8);}
.homec .cright ul.listc2 li  .time time{background:#0055ab }


.homed{background: url(../images/dbg.jpg) no-repeat center;background-size: cover;padding: .55rem 0}
.homed .intit{color: #fff}
.homed .intit a{color: #fff}
.homed .intit a:after{color: #fff}
.homed  .sbtn a{color: #fff;font-size: .4rem;position: absolute;top: 40%;transform: translateY(-50%);z-index: 5}
.homed  .sbtn a.prev{left: -.6rem}
.homed  .sbtn a.next{right: -.6rem}
.homed  .slide-d .swiper-slide a{display: block;position: relative;height: 3.8rem}
.homed  .slide-d .swiper-slide a:after{content: '';position: absolute;left: 0;right: 0;top: 0;height: 0;background: #017dd8;z-index: 0}
.homed .item{color: #fff;padding: .3rem ;border: 1px solid #fff;border-left: 0;border-right: 0;height: 3.2rem;position: relative;z-index: 3}
.homed .item .info{display: flex;justify-content: space-between;line-height: .36rem}
.homed .item .info .col{height: .36rem;padding: 0 .4rem 0 .3rem;line-height: .34rem;background: #fff;border-radius: 0 .3rem .3rem .2rem;color: #004894;border: 1px solid #fff}
.homed .item .info time {color: rgba(255,255,255,.8);}
.homed .item .info time span{font-weight: bold;font-size: .24rem;color: #fff;margin-right: 3px}
.homed .item h4{font-size: .18rem;line-height: 1.8em;margin-bottom: .2rem;margin-top: .15rem;height: .64rem}
.homed .item p{line-height: 1.8em;color: rgba(255,255,255,.8);height: .84rem}
.homed .item  .arr{text-align: right;margin-top: .2rem }
.homed .item  .arr span{display: inline-block;width: .5rem;height: .5rem;text-align: center;border-radius: 50%;background: #fff;line-height: .5rem;color: #004894;opacity: 0;visibility: hidden; transform: translateX(-.2rem)}
.homee{background: #fff;padding: .5rem 0;}
.homee .swiper-slide img{ width: 100%}

.homed  .slide-d .swiper-slide a:hover .item{border-bottom: 0;border-top-color: #017dd8}

.homed  .slide-d .swiper-slide a:hover .item .info .col{background: transparent;color: #fff}
.homed  .slide-d .swiper-slide a:hover:after{height: 100%;transition: .5s}
.homed  .slide-d .swiper-slide a:hover .item .arr span{opacity: 1;visibility: inherit;transition: .5s .3s;transform: translateX(0)}

.homef{background: url(../images/ftbg.jpg) no-repeat center;background-size: cover}
.homefs .fleft{width: 33%;padding-top: .6rem}
.homefs .fleft {}
.homefs .fleft .intit{color: #fff;margin-bottom: 0}
.homefs .fleft ul {width: 100%}
.homefs .fleft ul li a{color: #fff}
.homefs .fleft ul li{text-align: center;margin-top: .4rem}
.homefs .fleft ul li i{width: 1.01rem;height: 1.17rem;background: url(../images/lbx.png) no-repeat center;background-size: 100% 100%;display:block;margin: 0 auto .1rem;padding-top: .3rem}
.homefs .fleft ul li i img{width: .5rem;margin: 0 auto}
.homefs .fleft ul li:hover i img{transform: rotateY(360deg);transition: .8s}
.homefs .fright{width: 60.5%}
.homefs .fright .videoItem{width: calc((100vw - 14.4rem) / 2 + 100%)}
.homefs .fright .videoItem video{object-fit:fill;}
.homefs .fright .videoItem a{display: block;position: relative;}
.homefs .fright .videoItem a:after{content: "\e630";font-family: swiper-icons!important;position: absolute;width: .86rem;height: .86rem;background: rgba(0,0,0,.4);text-align: center;line-height: .86rem;border-radius: 50%;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);z-index: 3;border: 2px solid rgba(255,255,255,.6);color: #fff;font-size: .32rem}

@media (min-width: 1940px){
.homefs .fright .videoItem{width: calc(100% + 1rem)}  
}


@media (max-width: 1024px){
	.banner .baTool{position: static;background: #fff}
	.baTool .wps:before{display: none;}
	.baTool .wps:after{display: none;}
	.baTool .wps{width: 100%;padding-left: 0}
	.baTool .baTools .swiper-pagination{line-height: .6rem}
	.baTool .batit li a{line-height: .7rem;}
	.homefs .fleft {width: 100%;margin-bottom: .4rem}
	.homefs .fright {width: 100%}
	.homefs .fright .videoItem{width: 100%}
	.homefs .fleft ul {width: 46%}
	.homed .slide-d{width: calc(100% - .8rem);margin: 0 auto}
	.homed .sbtn a.next{right: -.3rem}
	.homed .sbtn a.prev{left: -.3rem}

	.homec .cleft{width: 100%;margin-bottom: .3rem}
	.homec .cright{width: 100%}
	.homec .cleft .pic{height: 55vw}
	.homec .more{text-align: center;padding-top: .3rem}
	.homec .more a{position: static;display: inline-block;}
}

@media (max-width: 900px){
.homefs .fleft ul {width: 47.5%}
.homed .item p{font-size: .16rem;height: auto}

.homeb .bleft{width: 100%;margin-bottom: .5rem}
.homeb .bright{width: 100%}
.list2 li:first-child{padding-top: 0}
.homeb .bright .pic{height: 50vw}

.homea .aleft{width: 100%;margin-bottom: .5rem}
.homea .aright{width: 100%}
.homea .aleft .slide-a .pic{height: 30vw}
}

@media (max-width: 750px){
.homefs .fleft ul {width: 100%}
}

@media (max-width: 640px){
.intit{text-align:left;}
.intit span{font-size: .32rem}
.intit a{top: 0}
.homec .intit{text-align:center;}
.homefs .fleft{padding-top: .4rem}
.baTool .batit{font-size: .18rem}
.baTool .baTools .swiper-pagination-current{font-size: .28rem}
.homed .sbtn a.next{right: -.1rem}
.homed .sbtn a.prev{left: -.1rem}

.homec .cright ul{width: 100%}
.homec .cright ul li .txt h4{height: auto}
.homeb .bright .txts{margin-left: .2rem}
.homea .aleft .slide-a .pic{height: 50vw}
.homea{padding-top: .4rem}
}