/*! 官网通用swiper start*/
@import url("swiper-bundle.min.css");
/*! 官网通用页头 start*/
@import url("top_nav.css");
/*! 官网通用页尾 start*/
@import url("foot_wrap.css");
/* @import url("animate.css"); */
/* CSS Document */
/* @import url(css/page_1024.css)  screen and (max-width:1024px); */
/* CSS Document_1024 常用设备*/
/* @import url(css/page_768.css) screen and (max-width:768px); */
/* CSS Document_768 常用设备*/
/* @import url(css/page_414.css) screen and (max-width:414px); */
/* CSS Document_414 常用设备*/
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,p,form,header,section,article,footer{margin:0;}
body,button,input,select,textarea{font:12px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,b{font-style:normal}

a {display: block;
	text-decoration: none;
	color: #000000;
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
}
a::after{width: 100%;height: 0px;content: "";display: flex;}
a:hover {
	text-decoration: none;
	/* text-decoration:underline; */
	transition: all .2s ease;
	-moz-transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
}
img {
	border: 0;
	transition: all 0.8s ease-out;
	-moz-transition: all .8s ease-out;
	-webkit-transition: all .8s ease-out;
	-o-transition: all .8s ease-out;
	
} 

.pager {width:100%;overflow:hidden;white-space:nowrap;padding: 0px;float:none;text-align:center; margin:20px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.pager a { background:#ddd; color:#000; font-size:14px;margin:2px;padding: 5px 15px; text-decoration:none;/* max-width: 30px; */display: inline-block;}
.pager a.current {background:#99241b; font-size:14px;margin:2px;padding:15px 15px;}
.pager a:hover {background:#99241b;font-size:14px;color:#fff;text-decoration:none;}
.hover_incase{ position:absolute; top:0; left:0; display:none;}/*index-left&right*/
.bottom_tw {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto;
    color: #596470;
    padding: 30px 0px;
}
.bottom_b p {
    width: 100%;
    max-width: 1400px !important;
    margin: 0 auto;
    color: #596470;
}


/* img:hover{transform: scale(0.98);} */
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0}
td,th,ul,ol,li{padding:0;list-style: none;margin: 0;}
/* scrollbar css */
::-webkit-scrollbar{width:5px;background-color:#fff;}
::-webkit-scrollbar-thumb{/* border:solid 2px #fff;*/width:5px;/* border-radius:4px;*/background-color:#f51201;}
::-webkit-scrollbar-corner{background-color:#fff;}
::-webkit-scrollbar:horizontal{height:9px;}
::-webkit-selection{background:#3355a9;color:#fff;}
::-moz-selection{background:#3355a9;color:#fff;}
::selection{background:#3355a9;color:#fff;}
/*****/
.maxwidth{max-width:1400px;width:100%;height:auto;margin:0 auto;padding:0;}
.width100{width:100%;height:auto;margin:0 auto;padding:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{visibility:hidden;display: block;font-size:0rem;content:"";clear: both;height: 0rem;}
.clearfix{display: block;zoom: 1;}

hr{width: 100%;height: 1px;background-color: #b28850;border: 0;margin: 20px 0;}

/*************/
.cursor,
.cursor1 {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    border-radius: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    z-index: 9999999
}

.cursor {
    width: 7px;
    height: 7px;
    background-color: #fff;
    mix-blend-mode: difference
}

.cursor1 {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    mix-blend-mode: difference
}

.cursor1.expand {
    background-color: #fff;
    border: 0;
    mix-blend-mode: difference;
    transform: translate(-50%, -50%) scale(1.6);
    -webkit-transform: translate(-50%, -50%) scale(1.6);
    -moz-transform: translate(-50%, -50%) scale(1.6);
    -ms-transform: translate(-50%, -50%) scale(1.6);
    -o-transform: translate(-50%, -50%) scale(1.6)
}

.cursor1.drag::before,
.cursor1.drag::after {
    color: #000;
    font-family: 'fonticons';
    font-size: .6rem;
    margin-top: -.6rem;
    position: absolute;
    top: 50%
}

.cursor1.drag::before {
    content: '\e801';
    left: -10px
}

.cursor1.drag::after {
    content: '\e803';
    right: -10px
}

.cursorDrag {
    cursor: none !important
}

.cursor1.explore {
    width: 100px;
    height: 100px;
    background: url("../img/click.svg") no-repeat center center;
    border: 0;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-left: -50px;
    margin-top: -50px;
    mix-blend-mode: normal
}

.cursor1.zoom {
    width: 100px;
    height: 100px;
    background: url("../img/zoom.svg") no-repeat center center;
    border: 0;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-left: -50px;
    margin-top: -50px;
    mix-blend-mode: normal
}

.cursor1.next {
    width: 100px; 
    height: 100px;
    background: url("../img/next.svg") no-repeat center center;
    border: 0;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-left: -50px;
    margin-top: -50px;
    mix-blend-mode: normal
}

.cursor1.prev {
    width: 100px;
    height: 100px;
    background: url("../img/prev.svg") no-repeat center center;
    border: 0;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-left: -50px;
    margin-top: -50px;
    mix-blend-mode: normal
}



/******新闻列表****/
.h1_title {
    text-align: center;
}



.commslist{width: 100%;height: auto;/* display: flex; */}
.commslist ul{width: auto;}
.commslist ul li{width: 100%;/* display: inline-table; */}
.commslist ul li h2{text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 26px;font-weight: 600;color: #000;height: 42px;line-height: 42px;}
.commslist ul li h2 a{color: #000;}
.commslist ul li p{font-size: 14px;color: #000;padding-top: 0px;line-height: 32px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.commslist ul li i a{color: #000;}
.commslist ul li i:hover a, .newslist ul li:hover a{color: #f00;}
.commslist ul li.a2 h2{font-size: 20px;font-weight: 500;}
.commslist ul li.a2 a{line-height: 40px;font-size: 20px;}
.commslist li.a3 img {
	    width: 100%;
	    height: 100%;
	    display: flex;
	}
.newslist li.a3 h5 {
	    position: absolute;
	    width: 90%;
	    height: auto;
	    bottom: 0;
	    padding: 0 5%;
	    background-color: rgba(0,0,0,.5);
	    line-height: 42px;
	    font-size: 18px;
	    color: #fff;
	    font-weight: 100;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	}
	/*****/
	.pages {
	  margin: 0 auto;
	  width: auto;
	  display: flex;
	}
	.pages #Pagination {
	  float: left;
	  overflow: hidden;
	}
	.pages #Pagination .pagination {
	  height: 40px;
	  text-align: center;
	  font-family: \u5b8b\u4f53,Arial;
	}
	.pages #Pagination .pagination a,
	.pages #Pagination .pagination span {
	  float: left;
	  display: inline;
	  padding: 11px 20px;
	  border: 1px solid #e6e6e6;
	  border-right: none;
	  background: #f6f6f6;
	  color: #666666;
	  font-family: \u5b8b\u4f53,Arial;
	  font-size: 14px;
	  cursor: pointer;
	}
	.pages #Pagination .pagination .current {
	  background: #c01900;
	  color: #fff;
	}
	.pages #Pagination .pagination .prev,
	.pages #Pagination .pagination .next {
	  float: left;
	  padding: 11px 13px;
	  border: 1px solid #e6e6e6;
	  background: #f6f6f6;
	  color: #666666;
	  cursor: pointer;
	}
	.pages #Pagination .pagination .prev i,
	.pages #Pagination .pagination .next i {
	  display: inline-block;
	  width: 4px;
	  height: 11px;
	  margin-right: 5px;
	  /* background: url(../images/icon.fw.png) no-repeat; */
	}
	.pages #Pagination .pagination .prev {
	  border-right: none;
	}
	.pages #Pagination .pagination .prev i {
	  background-position: -144px -1px;
	  *background-position: -144px -4px;
	}
	.pages #Pagination .pagination .next i {
	  background-position: -156px -1px;
	  *background-position: -156px -4px;
	}
	
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
	.slide{
		 /* --time: calc((var(--index) - 1) * 0.5s); */
	    -webkit-animation-name: fadeInUp;
	    animation-name: fadeInUp;
		    -webkit-animation-duration: 1s;
		    animation-duration: 1s;
		    -webkit-animation-fill-mode: both;
		    animation-fill-mode: both;
		    /* animation-delay: 0.5s; */
		/* animation-delay: var(--time); */
	}
	li:nth-child(1){animation-delay: 0.1s;}
	li:nth-child(2){animation-delay: 0.2s;}
	li:nth-child(3){animation-delay: 0.3s;}
	li:nth-child(4){animation-delay: 0.4s;}
	li:nth-child(5){animation-delay: 0.5s;}
	li:nth-child(6){animation-delay: 0.6s;}
	li:nth-child(7){animation-delay: 0.7s;}
	li:nth-child(8){animation-delay: 0.8s;}
	li:nth-child(9){animation-delay: 0.9s;}
	li:nth-child(10){animation-delay: 1s;}
	li:nth-child(11){animation-delay: 1.1s;}
	li:nth-child(12){animation-delay: 1.2s;}
	
	/***********/
	/* @keyframes fadeInUp {
	    from {
	        -webkit-transform: translate3d(0, 100%, 0);
	        transform: translate3d(0, 100%, 0);
	
	        opacity: 0;
	    }
	    to {
	        -webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	
	        opacity: 1;
	    }
	} */