@charset "utf-8";
/* CSS Document */



/* 鼠标动画一 */
   .Mouse1 { background-color: #4183D7; font-size: 1rem; transition: all 0.5s; }
   .Mouse1:hover { background-color: #E87E04; font-size: 1.2rem; transform: scale(1.1); }
		

/*动画效果向上*/
.animated { animation-duration:1s;animation-fill-mode: both}/*向上*/
.fadeInUp { animation-name: fadeInUp}
@keyframes fadeInUp {
  0% { opacity: 0; transform: translate3d(0, 100%, 0)}
  to { opacity: 1;transform: none}
}
.fadeInUpBig {animation-name: fadeInUpBig}
@keyframes fadeInUpBig {
  0% {opacity: 0; transform: translate3d(0, 2000px, 0)}
  to {opacity: 1; transform: none }
}

/*动画效果左右*/
.animated { animation-duration:1s;animation-fill-mode: both}/**/
.InLeft { animation-name: InLeft}
@keyframes InLeft {
  0% { opacity: 0; transform: translate3d(-100%, 0, 0)}
  to { opacity: 1;transform: none}
}
.InLerg {animation-name: InLerg}
@keyframes InLerg {
  0% {opacity: 0; transform: translate3d(100%, 0, 0)}
  to {opacity: 1; transform: none }
}


/*自动晃动效果*/
.qiuqian{
	-webkit-animation: qiuqianAnimate 1s ease infinite;
	-moz-animation: qiuqianAnimate 1s ease infinite;
	-o-animation: qiuqianAnimate 1s ease infinite;
	-ms-animation: qiuqianAnimate 1s ease infinite;
	animation: qiuqianAnimate 5s ease infinite ;
}
@-webkit-keyframes qiuqianAnimate{
	0%,100%{-webkit-transform: scale(1) rotate(0);}
	10%,30%{-webkit-transform:scale(0.9) rotate(1deg);}
	20%,40%,60%,80%{-webkit-transform: scale(1) rotate(-1deg);}
	50%,70%{-webkit-transform: scale(1) rotate(1deg);}
}

/*动画效果*/



/*鼠标效果*/
.img_fd { overflow: hidden;display:;}/*放大*/
.img_fd img {transition: all 0.5s ease-out;}
.img_fd:hover img {transform: scale(1.07);}

/*鼠标按钮效果*/
.slickButton{ border: #FFFFFF solid 1px; background: 0;  cursor: pointer; transition: background 0.5s; -webkit-transition: background 0.5s;}
.slickButton:hover{ color: black; background:#6BA5FF; background-color: #005ca1;   border-color: #005ca1; color: #FFF;} /*按钮*/
/*鼠标效果*/



/*---------------------------- 以下是banner------------------------------------- */
.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;height:25px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:1;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;overflow:hidden}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-pagination{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-align:center;-webkit-tap-highlight-color:transparent}
.owl-pagination .owl-page{display:inline-block;zoom:1}
.owl-pagination .owl-page span{position:relative;transition:.36s ease}
.owl-pagination .owl-page span{background-color:transparent;width:auto;height:auto}
.owl-pagination .owl-page{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-pagination{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.owl-pagination .owl-page:nth-of-type(1) span:after{content:"01"}
.owl-pagination .owl-page:nth-of-type(2) span:after{content:"02"}
.owl-pagination .owl-page:nth-of-type(3) span:after{content:"03"}
.owl-pagination .owl-page:nth-of-type(4) span:after{content:"04"}
.owl-pagination .owl-page:nth-of-type(5) span:after{content:"05"}
.owl-pagination .owl-page:nth-of-type(6) span:after{content:"06"}
.owl-pagination .owl-page span{border:0}
.owl-pagination .owl-page:nth-of-type(1) span:after{font-size:16px;font-family:CYJXY;color:#fff}
.owl-pagination .owl-page:nth-of-type(2) span:after{font-size:16px;font-family:CYJXY;color:#fff}
.owl-pagination .owl-page:nth-of-type(3) span:after{font-size:16px;font-family:CYJXY;color:#fff}
.owl-pagination .owl-page:nth-of-type(4) span:after{font-size:16px;font-family:CYJXY;color:#fff}
.owl-pagination .owl-page:nth-of-type(5) span:after{font-size:16px;font-family:CYJXY;color:#fff}
.owl-pagination .owl-page:nth-of-type(6) span:after{font-size:16px;font-family:CYJXY;color:#fff}
.owl-pagination{bottom:7rem}
.owl-pagination .owl-page span{background-color:transparent;width:auto;height:auto;}
.owl-pagination .owl-page span{position:relative;transition:.36s ease}
.owl-pagination .owl-page.active span:after{color:#333}
.owl-pagination .owl-page.active span{padding-right:6rem;background:0 0;}
.owl-pagination .owl-page.active span:before{width:6rem}
.owl-pagination .owl-page span:before{content:"";position:absolute;top:10px;left:31px;background-color:#333;width:0;height:1px;transition:.36s ease}
.owl-pagination .owl-page:last-of-type span:before{left:auto;right:31px}
.owl-pagination .owl-page:last-of-type.active span{padding-left:6rem;padding-right:0}
.owl-pagination .owl-page:last-of-type.active span:before{left:auto;right:31px}
.owl-pagination .owl-page{margin-right:8px}
.owl-item .item img{display:block;width:100%}

/*banner nav */
.owl-buttons { height: 0;top: 50%;-webkit-transform: translateY(calc(-50%)); -ms-transform: translateY(calc(-50%)); transform: translateY(calc(-50%)); position: absolute; width: 100%;  margin: 0;}
.owl-buttons {text-align: center;-webkit-tap-highlight-color: transparent;}
.owl-buttons .owl-prev,.owl-buttons .owl-next {  width: 36px; height: 120px;margin-left: 16px; margin-right: 16px; border-radius: 2px 0 0 2px;}
.owl-buttons .owl-prev, .owl-buttons .owl-next { height: 80px;}
.owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    background: rgba(0,0,0,.2);
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    background-image: url(/2024images/left.png);
    background-repeat: no-repeat;
    background-position: 7px 30px;
}
.owl-carousel .owl-prev:hover,.owl-carousel .owl-next:hover {
	background-color: #0b74c3;
	font-weight: bold;
}
.owl-buttons .owl-prev, .owl-buttons .owl-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-buttons .owl-next {
	position: absolute;
    right: 0;
    background: rgba(0,0,0,.2);
    padding: 0;
    border-radius: 0;
    cursor: pointer;
    background-image:url(/2024images/right.png);
    background-repeat: no-repeat;
    background-position: 7px 30px;
}
/*progress bar*/
#bar {
    width: 0%;
    max-width: 100%;
    height: 2px;
    background: #0b74c3;
    overflow: hidden;
}
#progressBar {
    width: 100%;
    background: #100E0E;
}
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;height:auto;-ms-touch-action: pan-y; margin-top:;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/2024images/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}




/*---------------------------- 以下是热点新闻------------------------------------- */


.clearfix::after { clear: both;  content: "."; display: block; visibility: hidden;}
.clearfix {}

/* 必要布局样式css */
.ato-content {   width:90%; height:auto; margin:-100px auto 0 auto; background: ; z-index: 1111; position:sticky; display: flex; flex-direction: column; justify-content: center; }
.ato-content .title_a{ text-align: center; padding: 2.5rem 0 1.5rem 0; font-size: 2rem; max-width: 1500px; width:100%; margin:0 auto; background:#fff ; color: #005ca1; position:relative;}
.ato-content .title_a a{ position:absolute; right:2.2rem;   text-align: center; font-size: .8rem;  padding: .4rem 2rem;  border: 1px solid #ccc; line-height: ; color:#005ca1;}
.ato-content .title_a a:hover { background-color: #005ca1;   border-color: #005ca1;color: #FFF;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    
}
.ato-list ul { height:auto;}
.ato-list ul li {  width:30%; height:auto;margin-top: 30px;float: left; margin:1rem .8rem;   text-align: center; background-color: #fff;display: flex; flex-direction: column; justify-content: center; align-items: center;position: relative; box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;   
}
.ato-list ul li:before { content: ''; display: block; width: 100%; height: 100%; position: absolute;top: 0; left: 0;box-shadow: 0 0px 2px rgba(0,0,0,0.24);}
.ato-list ul li div { width: 100%; margin:0; text-align: center; }
.ato-list ul li div img { width:100%; height: auto; border: none; display: block; margin: 0 auto;}

.ato-list ul li h3 { width: 90%; font-size:1.3rem; height: 4.5rem; background:; color: #444; font-weight:bold; text-align: left; padding-top: 1.5rem; line-height: 1.6rem;-webkit-box-orient: vertical; -webkit-line-clamp:2; /* 要显示的文字行数 */overflow: hidden; /* 溢出部分隐藏 */display: -webkit-box; }
.ato-list ul li p { width: 90%; text-align: left; font-size:.8rem ; color: #8e8e8e; line-height: 1.5rem; padding:; margin: 1rem auto 1.5rem auto;  height: 4.5rem; text-align: justify; background:; -webkit-box-orient: vertical; -webkit-line-clamp:3; /* 要显示的文字行数 */overflow: hidden; /* 溢出部分隐藏 */display: -webkit-box; }
.ato-list ul li i{width: 90%; background:; display: flex; justify-content: space-between; align-items: center; padding-bottom: 2rem; font-size: .8rem;}
.ato-list ul li i span{ color: #8e8e8e; }
.ato-list ul li i a { background:; text-align: center;  padding: .2rem 2rem;  border: 1px solid #ccc; line-height: ; color: #005ca1; font-size: ;text-decoration: none;    position: relative;}
.ato-list ul li i a:hover { background-color: #005ca1;color: #FFF;border-color: #005ca1;  
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;   
}

.ato-list-fl { float:;  width: 100%; display: flex; justify-content: center}
.ato-list-fl .next{ float: ;}
/*
.ato-title {width: 266px; margin-top: 130px; padding-right: 20px;}
.ato-title h2 { font-size: 24px;line-height: 33px; color: #333; padding: 0; margin: 0;font-weight: inherit;}
.ato-title p {margin-top: 10px; font-size: 14px; color: #666;line-height: 26px;}
*/

.ato-list-fl a { width: 50px;height: 50px; position: relative;  margin:1rem; border: 1px solid #ABABAB; display: block; background: #f2f2f2; overflow: hidden;}
.ato-list-fl a img { width: 22px; height: 22px; display: block; border: none; margin: 0 auto; margin-top: 12px;}
.ato-list {max-width: 1500px; width: 100%;  height:auto;margin: 0 auto; display: flex; justify-content: center }
.ato-list ul li:hover {
    top: -.5rem; box-shadow: 0 10px 12px rgba(0,0,0,0.12);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.prev:hover .ato-ope { opacity: 0;}
.ato-ope1 { opacity: 0;}
.prev:hover .ato-ope1 {  opacity: 1; position: absolute;top: 0; left: 11px;}
.prev:hover .ato-ope { opacity: 0;}
.ato-ope1 { opacity: 0;}
.prev:hover .ato-ope1 { opacity: 1; position: absolute; top: 0;left: 11px;}
.next:hover .ato-ope { opacity: 0;}
.ato-ope1 { opacity: 0;}
.next:hover .ato-ope1 {  opacity: 1; position: absolute;top: 0; left: 11px;}
.next:hover .ato-ope { opacity: 0;}
.ato-ope1 { opacity: 0;}
.next:hover .ato-ope1 { opacity: 1; position: absolute; top: 0; right: 11px;}
.ato-list-fl a:hover { background: #005ca1; border: 1px solid #005ca1;}