*{margin:0;padding:0}
body{margin:0 auto;padding:0;background: url("images/banner.jpg?") no-repeat center top #c8f3d5;;font-size:12px;font-family:'microsoft yahei';}
body > div{margin-right:auto;margin-left:auto;}
div,form,ul,ol,li,span,p{margin:0;padding:0;border:0;}
img,a img{border:0;margin:0;padding:0; vertical-align:middle }
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:normal;}
ul,ol,li{list-style:none}
table,td,input{font-size:12px}
UL{margin:0px auto;margin /**/:0px;}

a{color: #000000;text-decoration:none}
a:hover{text-decoration:underline;}

.unline,.unline a {text-decoration:underline}


#wrap{width:100%;height:100%;position:relative;overflow:hidden;}
.logo{width:100%;height:880px;margin:0 auto;display:block;object-fit:cover;object-position: 50% 0;}
.content{max-width:1200px;width:96%;margin:auto;box-sizing:border-box;}


h2{position:relative;margin:30px auto 10px;}
h2 img{width:100%;display:block;width:120%;margin-left:-10%;}
h2 a.more{position:absolute;right:0;top:60px;bottom:0;margin:auto;width:68px;height:58px;cursor:pointer;font-size:18px;color:#195fb7;white-space:nowrap;}
h3{font-size:20px;}
h3 a{color:#254352;}


.topic,.content>div{overflow:hidden;}
#swiper1{width:48%;height:328px;float:left;}
#swiper1 img,#swiper1 a{display:block;height:100%;width:100%;object-fit:cover;object-position: 50% 0;}

#swiper1 p{position:absolute;width:100%;height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;left:0;bottom:0;background:rgba(0,0,0,0.4);color:#fff;margin:0;line-height:45px;padding:0 10px;box-sizing:border-box;}
#swiper1 p{padding-right:80px;font-size:16px;}


 #pagination1 {
    bottom: 9px;
    left: auto;
    position: absolute;
    right: 8px;
    width: auto;
    z-index: 99;
}

 #pagination1 .swiper-pagination-bullet {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 13px;
    background-color: #fff;
    margin: 0 8px;
    opacity: 1;
}

 #pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #ab1414;
    opacity: 1;
}



.topic .newsList{float:right;padding:0px 1.5% 0px 0;overflow:hidden;width:48%}
.topic .newsList div{border-bottom:1px dashed #ccc;margin-bottom:8px;padding:0 0 30px 52%;position:relative;height:160px;}
.topic .newsList>div img{position:absolute;left:0;top:0;}
.topic .newsList h2{margin:0;}

h3{width:100%	;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;line-height:26px;height:52px;font-weight:bold;font-size:22px;color:#254352;}
p{color:#444;line-height:1.6;font-size:16px;font-weight:400;}

.topic .newsList ul{padding-top:10px;}
.newsList ul li{line-height:35px;font-size:18px;font-weight:bold;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#254352;padding-left:8px;position:relative;}
.newsList ul li:before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;background:#254352;border-radius: 50%;}

.flex{display:flex;display:-webkit-flex;margin:10px -10px 0;}
.flex>div{flex:1;-webkit-flex:1;overflow:hidden;margin:0 10px;}
.flex>div img{width:100%;}
.flex>div p{text-align:center;}


.jsxx{position:relative;margin-bottom:30px; height:300px;}
#swiper2{height:300px; width:1200px;}
#swiper2 a{display:block;}
#swiper2 img{display:block;height:195px;width:100%;border-radius:5px;}
#swiper2 p{position:absolute;left:0;color:#000;padding: 10px;width:100%;box-sizing:border-box;}
.arrow_left,.arrow_right{position:absolute;width:37px;height:65px;background:blue;top:24%;bottom:0;margin:0 auto;z-index:9;cursor:pointer;}
.arrow_left{left:0;background:url(./images/prevBtn.png) no-repeat center;background-size:120% auto;}
.arrow_right{right:0%;background:url(./images/nextBtn.png) no-repeat center;background-size:120% auto;}




.blank1300 {margin:0 auto; width:100%; height:1300px; clear:both;}
.swiper3 {
    width: 1200px;
    height: 520px;
    position: relative;
}

#left3 {
    position: absolute;
    left: 0px;
    top: 41%;
    border: none;
    background: url(images/prevBtn.png) no-repeat center;
    width: 57px;
    height: 100px;
    cursor: pointer;
	z-index:11111;
}

#right3 {
    position: absolute;
    right: 0px;
    top: 41%;
    border: none;
    background: url(images/nextBtn.png) no-repeat center;
    width: 57px;
    height: 100px;
    cursor: pointer;
	z-index:11111;
}

#swiper3 {
    width: 1200px;
    height: 520px;
    position: relative;
    margin: 0 auto;
}

#swiper3 a {
    display: block;
    width: 100%;
    height: 520px;
    position: relative;
}

#swiper3 a span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50px;
    font-size: 18px;
    color: #fff;
    line-height: 50px;
    background: url(https://www.cnr.cn/hubei/zt/cyjhzyzc/images/fouce_mask.png) repeat-x;
    padding-left: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#swiper3 .swiper-slide {
    width: 920px;
    height: 520px;

    opacity: 0;
}

#swiper3 .swiper-slide img {
    width: 100%;
    height: 100%;
}

#swiper3 .swiper-slide.swiper-slide-active, #swiper3 .swiper-slide.swiper-slide-next, #swiper3 .swiper-slide.swiper-slide-prev {
    opacity: 1;
}


.play {width: 60px;height: 60px;background: url(images/play.png) no-repeat center;position: absolute;left: 47%;bottom: 47%;}