@charset "utf-8";

/* CSS Document */

/*引导页*/
.h-logo{ height:1rem;display: flex; float:right; margin:1.46rem 1.46rem 1rem 0;}
.home {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    overflow: hidden;
}
.bg-img {
    position: absolute;
    width: 100%;
    height: 100%;
     background:url(../images/bl.jpg) no-repeat;
    background-size: 100% 100%;
    -webkit-animation-name: scaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 8s;
    -webkit-animation-fill-mode: forwards; z-index:1;
}	
.home-box{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:2;}
.ydy-banquan{ position:absolute; bottom:0; right:1.52rem; z-index:2; color:#333; opacity:0.9; font-size:0.18rem; z-index:9;display: flex;justify-content: center;align-items: center;}
@keyframes scaleDraw {
	/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0% {
	-webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
	/*开始为原始大小*/
}

100% {
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
}

.h-box,.hom-ewm { padding-right:1.46rem; float:right}
.h-box dl{ width:2.3rem; height:2.3rem; float:left;  transition-duration:.5s; margin-left:0.25rem; }
.h-box dl a{ display:block; width:100%; height:100%; transition-duration:.5s; padding:0.35rem 0.22rem; background:#fff; box-sizing:border-box; position:relative;}
.h-box dl dt{ transition-duration:.5s;}
.h-box dl dd{ position:relative;transition-duration:.5s;padding-top:0.48rem; top:0; }
.h-box dl dd h1{ font-size:0.26rem; }
.h-box dl dd p{ font-size:0.14rem; line-height:1; color:#333; opacity:0.5; text-transform:uppercase;}
.h-box dl a .po-img{ position:absolute; bottom:0.35rem; right:0.15rem; z-index:2; opacity:0; transition-duration:.5s; transform:translateY(30px)}
.h-box dl:hover dt{ display:none;}
.h-box dl:hover a{ background:#0ea5af;}
.h-box dl:hover a .po-img{ opacity:1; transform:translateY(0px)}
.h-box dl:hover dd,.h-box dl:hover dd p{ color:#fff;}
.h-box dl:hover dd{ padding-top:0;}

.hsfq{ position:absolute; left:0.2rem; bottom:0.35rem;display: flex;  transition-duration:.5s;}
.hsfq span{ width:4px; height:0; background:#fe75a8; margin-right:7px; transition-duration:.5s; opacity:0; position:absolute; bottom:0; left:0;}
.h-box dl .hsfq span:nth-child(2){ left:11px; transition-duration:.7s}
.h-box dl .hsfq span:nth-child(3){ left:22px; transition-duration:.9s}
.h-box dl:hover .hsfq span{ opacity:1;}
.h-box dl:hover .hsfq span:nth-child(1){ height:17px;}
.h-box dl:hover .hsfq span:nth-child(2){ height:32px;}
.h-box dl:hover .hsfq span:nth-child(3){ height:23px;}

.hom-ewm {
    display: flex; margin-top:0.47rem;
}

.hom-ewm li {
display: flex;justify-content: center;align-items: center;
    position: relative;
    cursor: pointer; background:rgba(255,255,255,0.85); height:0.6rem; border-radius:10px; padding:0 0.16rem; margin-right:0.1rem; transition-duration:.5s;
}
.hom-ewm li:hover{ border-radius:0;}
 

.hom-ewm li .pic img { vertical-align:middle;}
 
.hom-ewm li .txt {
    width: 100%;
    text-align: center;
    font-size: 0.18rem;
     color:#0ea5af;font-family: "SourceHanSansCN-bold"; font-weight:bold;
}

.hom-ewm li .ewm {
    width: 102px;
    height: 102px;
    position: absolute;
    top: -50px;
    transition-duration: 1s;
    left: 0px; opacity:0; transform:translateY(150px);
    z-index: 2;
}

.hom-ewm li:hover .ewm {
    opacity:1; transform:translateY(120px);
}
/*引导页*/
 





.mySwiper11{ height:100%; width:100%}
.mySwiper11 .swiper-pagination-bullet{ background:#fff; opacity:1; width:14px; height:14px; border-radius:50%;}
.mySwiper11 .swiper-pagination-bullet-active{ border-radius:30px; width:40px }
.mySwiper11 .swiper-pagination-bullet:focus {
           outline: none;
    }
.mySwiper11 .swiper-slide{ overflow:hidden;}
.mySwiper11 .swiper-slide .banner-img{  display:block;width:100%; animation: changeScale 1 2.5s; height:100%;object-fit: cover;}
.mySwiper11 .swiper-pagination{ text-align:center; padding-right:20px;}
.mySwiper11 .swiper-horizontal>.swiper-pagination-bullets,.mySwiper11 .swiper-pagination-bullets.swiper-pagination-horizontal{ bottom:30px;}
.mySwiper11 .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.mySwiper11 .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}









.slideBox {
    /* width:100%; */
    position: relative;
    margin: 0 auto;
    background: #000;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    overflow: hidden
}

.slideBox .bd li {
    vertical-align: middle;
    position: relative;
}

.b-img {
    width: 100%;
    display: block;
    animation: changeScale 1 2.5s;
}

.s-img {
    display: none;
}

.slideBox .hd {
    overflow: hidden;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 40px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    color: #fff;
    width: 100%;
    text-align: center;
}

.slideBox .hd ul li {
    display: inline-block;
    margin: 0 6px;
    width: 0.14rem;
    height: 0.14rem;
    background: #ffffff;
    border-radius: 100%;
    cursor: pointer;
    transition-duration: .5s;
}

.slideBox .hd ul li.on { width:0.4rem; border-radius:30px;}

.banner-txt{ width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); }
 
.in-gg{ background:#fff;  height:0.68rem; border-radius:10px; position:relative; top:-0.31rem; padding:0 0.23rem; border-bottom:3px solid #26aeb7;display: flex; align-items: center; z-index:2}
.gg-ti{ background:url(../images/gg.png) no-repeat left center; font-size:0.24rem;   padding-left:0.35rem;}

		.txtScroll-top{ overflow:hidden; position:relative;   }
		.txtScroll-top .infoList{ height:0.68rem; overflow:hidden }
		.txtScroll-top .infoList li{   font-size:0.2rem;  line-height:0.68rem; overflow:hidden  }
		.txtScroll-top .infoList li a{ width:4rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
		.txtScroll-top .infoList li .date{ color:#999; font-size:0.18rem; padding-left:20px;  }

.ck-more{  transition-duration:.5s; position:absolute; right:0.16rem; color:#0ea5af; font-size:0.18rem;}
.ck-more:hover{ font-weight:bold;}
.home-zn{ padding:0.1rem 0 0.7rem 0;display: flex;justify-content: space-between;}
.home-zn dl{ width:2.59rem; height:2.59rem; border-radius:50%; background:#0ea5af;display: flex;justify-content: center;align-items: center; text-align:center; position:relative; transition-duration:.5s;}
.home-zn dl a{ color:#fff; position:relative; z-index:2; display:block; width:100%;  }
.home-zn dl dt{ margin-bottom:0.3rem;}
.home-zn dl dd p{ font-size:0.26rem; line-height:1}
.home-zn dl dd span{ font-size:0.16rem; opacity:0.5;}
.home-zn dl:hover dt img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}
.dw-img{ position:absolute; top:0; left:0; width:100%; z-index:1;}
.home-zn dl:nth-child(2){ background:#30d3de}
.home-zn dl:nth-child(3){ background:#21bdce}
.home-zn dl:nth-child(4){ background:#6dbec7}
.home-zn dl:hover{ background:#e54f7c}
.home-ksdh{ background:url(../images/ksbg.jpg) no-repeat center; padding:0.65rem 0;}
.home-ti{margin-bottom:0.17rem; position:relative;display: flex;justify-content: space-between;align-items: center;}
.home-ti h1{ font-size:0.32rem; }
.home-ti a{ color:#198693; font-size:0.18rem; border:1px solid #198693; display:block; line-height:0.32rem; width:1.14rem; text-align:center; border-radius:20px; transition-duration:.5s}
.home-ti a:hover{ color:#fff; background:#198693}
.home-ksdh .home-ti{ display:block;}
.home-ksdh .home-ti h1{ color:#fff; text-align:center;}
.ks-Menubox{ width:2.93rem; height:4.52rem; background:url(../images/bg.jpg) no-repeat center; float:left;}
.ks-Menubox ul li{ text-align:center; color:#fff; cursor:pointer; position:relative; font-size:0.24rem; line-height:1.1rem;}
.ks-Menubox ul li.hover{ font-weight:bold;font-family: "SourceHanSansCN-bold";}
.ks-Menubox ul li:after{ content:""; position:absolute; right:0;width: 0; 
 height: 0;
 border-width: 14px;
 border-style: solid;
 border-color: transparent #ffffff transparent transparent; top:50%; transform:translateY(-50%); opacity:0; transition-duration:.5s;}
.ks-Menubox ul li.hover:after{ opacity:1;}
.ks-Contentbox{ background:#fff;width: calc(100% - 2.93rem);width: -webkit-calc(100% - 2.93rem); float:left; height:4.52rem; padding:0.4rem;}
.ks-CbContainer li{ width:23.5%; float:left; border:1px solid #d6d6d6; margin-bottom:0.24rem; margin-right:1.5%; height:0.9rem;}
.ks-CbContainer li:nth-child(4n){ margin-right:0;}
.ks-CbContainer li a{ display:block; text-align:center; width:100%; height:100%; display: flex;justify-content: center;align-items: center; transition-duration:.5s;}
.ks-CbContainer li h1{ font-weight:normal; font-size:0.18rem;}
.ks-CbContainer li p{ font-size:0.15rem; opacity:0.6; line-height:1.2}
.ks-CbContainer li span{ display:block; width:27px; height:1px; background:#ff0000; margin:5px auto 0; transition-duration:.5s;}
.ks-CbContainer li a:hover{ color:#fff; background:#0ea5af}
.ks-CbContainer li a:hover span{ width:50px; background:#fff;}

.two-Menubox ul{ background:#f2f2f2;display: flex; margin-bottom:0.25rem;}
.two-Menubox ul dd{ width:25%; height: 0.38rem;display: flex;justify-content: center;align-items: center; color:#0ea5af; border-right:1px solid #d0d0d0; cursor:pointer; font-size:0.18rem;}
.two-Menubox ul dd.hover{ color:#fff; background:#0ea5af;}
.two-CbContainer{ height:3.2rem; overflow:auto;}

.home-new{ padding:0.8rem 0; position:relative;}
.news-Menubox{ position:absolute; left:1.6rem; top:0.1rem;}
.news-Menubox ul li{ float:left; cursor:pointer; font-size:0.19rem; padding:0 0.05rem; margin-right:0.1rem;}
.news-Menubox ul li.hover{ color:#fff; background:#198693; border-radius:5px;}
.new-le{ width:48.5%; position:relative; overflow:hidden; height:4.2rem;}
.new-le img,.mySwiper3 .swiper-slide a img{ width:100%; height:100%; display:block; transition-duration:.5s;}
.new-le:hover img,.mySwiper3 .swiper-slide a:hover img{ transform:scale(1.1)}
.new-le p{ position:absolute; width:100%; left:0%; color:#fff; font-size:0.18rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; bottom:0; background:rgba(0,0,0,0.5); padding:0.05rem 0.15rem}
.new-ri{ width:48%;}
.new-ri dl a{display: flex; align-items: center; margin-bottom:0.32rem;}
.new-ri dl dt{ width:0.72rem; height:0.58rem; border-radius:10px; color:#fff; background:#0ea5af; text-align: center;}
.new-ri dl dt h1{ font-weight:normal; font-size:0.26rem; line-height:1; padding-top:0.1rem;}
.new-ri dl dt p{ font-size:0.14rem; line-height:1;}
.new-ri dl dd{width: calc(100% - 0.72rem);width: -webkit-calc(100% - 0.72rem); padding-left:0.15rem; font-size:0.2rem; line-height:1.2}
.new-ri dl:hover dt{ background:#e54f7c}
.new-ri dl:hover dd{ color:#e54f7c}
.yd-dw{ position:absolute; left:0.15rem; bottom:1.3rem;}
.yd-dw1{ position:absolute; right:0.7rem; top:0.8rem; z-index:1;}
.mySwiper3 .swiper-slide a{ display:block; overflow:hidden; border-radius:10px;}
 .home-link{ padding:0.53rem 0 0.38rem 0;}
 .home-link .home-ti h1{ font-size:0.24rem;}
.txtMarquee-left{ position:relative;  }
		 
		.txtMarquee-left .bd{ }
		.txtMarquee-left .bd .tempWrap{ width:100% !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
		.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.txtMarquee-left .bd ul li{ margin-right:10px;  float:left; height:0.44rem; line-height:0.44rem;   text-align:left; _display:inline; width:auto !important; background:#f5f5f5; padding:0 0.2rem; border:1px solid #d1d1d1;border-radius:10px;  }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */

		.txtMarquee-left .bd ul li a{  display:block; font-size:0.17rem;  }
.bg-img{background: url(../images/b1.jpg) no-repeat; background-size: cover;}

.home-ztjy{ display:none;}



@media only screen and (max-width: 1500px) {
.h-box dl dt img{ width:45px;}	 
.h-box dl a .po-img{ width:60px;}
	}
@media only screen and (max-width: 1440px) {
	 
	}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {
	.h-box dl{ height:2.5rem}
	.h-box dl dd{ padding-top:0.38rem}
	.hom-ewm li:hover .ewm { transform:translateY(100px);}
	.home-zn dl dt img{ width:50px}
	.gg-ti{background-size: 20px 19px;}
	.new-ri dl dt{ height:0.68rem;}
	}

@media only screen and (max-height: 920px) {}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 760px) {
	.slideBox,.banner{ margin-top:60px;}
	.slideBox .hd{ bottom:10px;}
    .slideBox .bd .mobile-banner,.slideBox .bd .s-img{display: block;}
.slideBox .bd .pc-banner,.slideBox .bd .b-img,.txtScroll-top .infoList li .date,.dw-img{display: none;}
.h-box, .hom-ewm{ padding:0 10px;}
.h-box dl{ width:48%; height:auto; margin-left:1%; margin-bottom:10px; border-radius:10px; overflow:hidden;}
.h-box dl a{}
.h-box dl dt img{ width:33px;}
.h-box dl dd{ padding-top:0;}
.h-box dl dd h1,.home-zn dl dd p,.new-ri dl dt h1{ font-size:16px;}
.h-box dl dd p,.hom-ewm li .txt,.ck-more,.ks-CbContainer li p{ font-size:12px;}
.hom-ewm li .pic img{ width:20px}
.ydy-banquan{ font-size:12px; padding:0;left:0; bottom:0px; text-align:center; width:100%; display:block}
.ydy-banquan a{display:block}
.ydy-banquan a img{ width:40px}
.in-gg{ height:50px;}
.gg-ti{ font-size:16px;background-size: 16px 15px;}
.txtScroll-top{ width:55%;}
.txtScroll-top .infoList li,.home-zn dl dd span,.ks-CbContainer li h1,.new-le p,.new-ri dl dd,.new-ri dl dt p,.txtMarquee-left .bd ul li a{ font-size:14px;}
.home-zn{ display:block;}
.home-zn dl dt{ margin-bottom:0;}
.home-zn dl dt img{ width:30px;}
.home-zn dl{ border-radius:0; float:left; width:49%; margin:0 0.5% 10px; height:auto; padding:10px 0;}
.home-zn:after,.ks-Menubox ul:after,.news-Menubox ul:after{ content:""; clear:both; display:block}
.home-ksdh,.home-new{ padding:30px 0; background-size:cover;}
.home-ti h1{ font-size:20px;}
.ks-Menubox,.ks-Contentbox,.new-le,.new-ri{ width:100%; float:none; background-size:cover; height:auto;}
.ks-Menubox ul li{ float:left; width:20%; font-size:14px;}
.ks-Menubox ul li:after{ border-width: 5px;border-color:  transparent transparent #ffffff transparent; top:auto; transform:none; bottom:0; margin-left:-2.5px; left:50%;}
.ks-CbContainer li{ width:49%; margin-right:1%; margin-bottom:10px;display: flex;
    justify-content: center;
    align-items: center; height:1.2rem}
.ks-CbContainer li a{ padding-top:0; height:auto}
.ks-CbContainer li span{ margin:0 auto;}
.news-Menubox{ position:relative; left:0; top:0; margin-bottom:15px;}
.news-Menubox ul li{ font-size:16px; width:25%; line-height:27px; text-align: center;}
.home-ti a{ font-size:12px; width:90px; line-height:22px; margin-top:6px;}
.new-ri{ margin-top:15px;}
.new-ri dl dt{ width:60px; height:40px;}
  .home-link .home-ti h1{ font-size:18px;}
  .banner-txt img{ width:50%;}
 .h-box dl:hover dt{ display:block;}
.h-box dl:hover a{ background:#fff;}
.h-box dl:hover a .po-img,.h-box dl:hover .hsfq span{ opacity:0;}
.h-box dl:hover dd,.h-box dl:hover dd p{ color:#333;}
 
.h-box dl:hover dd{ padding-top:0;}
.bg-img{background: url(../images/b1-1.jpg) no-repeat !important;-webkit-animation-name: none;}
.h-box{ padding-top:14%;}
.b-img {
  
    display: none;;
  
}

.s-img {
    display: block
}
}