@charset "UTF-8";




 
/* main {
  padding-top: calc(220px + 0rem);
  overflow: hidden;
} */
  
/*网站banner*/
.banner{ height: 700px;




}

						.focusBox {
							position: relative;
							width: 100%;
							height: 700px;
							overflow: hidden;
						}
						.focusBox .pic li {
							position: relative;
						}

						.focusBox .pic {
							position: relative;
							z-index: 0;
						}

						.focusBox .pic img {
					width: 100%;
					height: 700px;
							display: block;
						}
						
	
						.focusBox .hd {
							width: 100%;
							position: absolute;
							bottom: 10px;
							text-align: center;
							font-size: 0;
							z-index: 1;
							
						
						}

						.focusBox .hd li {
							margin: 0 5px;
						
							height: 3px;
							overflow: hidden;
							width:30px;
							cursor: pointer;
							display: inline-block;
							*display: inline;
							zoom: 1;
						
								background: #004EA1;
						}

						.focusBox .hd .on {
							background: #f2f2f2;
						
						}

						.focusBox .prev,
						.focusBox .next {
							width: 60px;
							height: 90px;
							margin: -60px 0 0;
							display: none;
							background: url(../images/ad_ctr.png) no-repeat 0 0;
							position: absolute;
							top: 50%;
							z-index: 10;
							cursor: pointer;
							text-indent: -9999px;
							filter: alpha(opacity=20);
							opacity: 0.2;
						}

						.focusBox .prev {
							left: 0;
						}

						.focusBox .next {
							background-position: 0 -90px;
							right: 0;
						}

						.focusBox .prev:hover,
						.focusBox .next:hover {
							filter: alpha(opacity=50) !important;
							opacity: 0.5 !important;
						}



/* 导航跟随下降样式 */
header.on {
  transform: translateY(-170px);
}

header.on2 {
  transform: translateY(-100%);
}




.index_title {
  display: flex;
  align-items: center;
  
    
     width: 1400px;
     margin: 0 auto;

  
}

.index_title .topic {
  flex: 1;
  
  
  
}

.index_title .topic b {
  font-size: 40px;
  color: #0264db;
  font-weight: bold;
  display: block;
}

.index_title .topic div {
  font-size: 20px;
  color: #555555;
  margin-top: 10px;
}

.index_title a {
  width: 8rem;
  height: 2.75rem;
  border-radius: 1.5rem;
  border: 1px solid #0264DB;
  font-size: .9rem;
  color: #0264DB;
  margin-left: 1rem;
  position: relative;
  overflow: hidden;
  transition: ease-out .36s;
}

.index_title a div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.index_title a img {
  width: .8rem;
  margin-left: .7rem;
  transition: ease-out .36s;
}

.index_title a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 130%;
  top: 0%;
  bottom: 0%;
  left: -20%;
  right: 0%;
  background: #0264db;
  transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(45deg, 0deg);
  transform-style: preserve-3d;
  pointer-events: none;
  transition: transform .36s linear;
}

.index_title a:hover {
  color: #fff;
}

.index_title a:hover img {
  filter: brightness(0) invert(1);
}

.index_title a:hover::before {
  transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

.index2 {
  background: url(../images/index2_bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  padding: 20px 0 20px 0;
}

.index2 .product_ul {
  padding-top: 30px;
  
  
   
     width: 1400px;
     margin: 0 auto;

  
}



.index2 .product_ul li:nth-child(2) {
  animation-delay: .1s;
}

.index2 .product_ul li:nth-child(3) {
  animation-delay: .2s;
}

.index2 .product_ul li:nth-child(4) {
  animation-delay: .3s;
}





.product_ul {
  display: flex;
  flex-wrap: wrap;
}

.product_ul li {
  width: 23.5%;
  margin-right: 1.81%;
  border: 1px solid  #0264DB;
  border-radius: 5px;
  background: #fff;
}

.product_ul li:nth-child(4n+4) {
  margin-right: 0;
}

.product_ul a {
  background: #fff;
  position: relative;
  transition: ease-out .36s;
}

.product_ul a .card {
  position: relative;
  padding: 5% ;
}

.product_ul a .img {
  width: 300px;
  height: 300px;
  margin: 0 auto;
}

.product_ul a .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.product_ul a h3 {
  margin-top: 1.5rem;
  font-size: 20px;
  color: #333333;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: ease-out .36s;
}

.product_ul a .text {
  font-size: 18px;
  line-height: 150%;
  height: 55px;
  color: #666666;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: ease-out .36s;
  margin-top: 1rem;
}

.product_ul a .icon {
  width: 3.5rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  background: #F8830E;
  margin: 1.6rem auto 0 auto;
  transition: ease-out .36s;
}



.product_ul a:hover {
  transform: translateY(-0.5rem);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25);
}

.product_ul a:hover h3,
.product_ul a:hover .text {
 color: #004EA1;
}

.product_ul a:hover .icon {
  background: #0264DB;
}

.product_ul a:hover::before {
  width: 100%;
  height: 100%;
  opacity: 1;
}







.indexsec02 {
	

	
	padding: 100px 0;
	background:#F1F6FA url("../images/img07.jpg") no-repeat center center;
	background-size: cover;
	



}

.indexsec02 .comWidth{

	width: 1400px;
	height:500px;
	margin: 0px auto ;

	
}

.indexsec02 .headline{ 

	margin-bottom: 100px;
	margin-top: -20px;
	text-align: center;
}
.indexsec02 .headline .cn {
	font-size: 38px;
	
}
.indexsec02 .slidebox {
	padding: 0 100px;
	position: relative;
}
.indexsec02 .slidebox a {
	display: block;
	border-radius: 10px;
	background-color: #fff;
	padding: 30px;
}
.indexsec02 .slidebox .time {
	font-size: 18px;
	margin-bottom: 10px;
}
.indexsec02 .slidebox .photo {
	width:310px;
	height:173px
}
.indexsec02 .slidebox .photo img {
	width: 100%;
	height: 100%;
}
.indexsec02 .slidebox h3 {
	font-size: 18px;
	color: rgba(11, 79, 168, 1);
	margin: 10px 0;
}
.indexsec02 .slidebox p {
	color: #666;
}
.indexsec02 .swiper-button-next:after,
.indexsec02 .swiper-button-prev:after {
	color: #fff;
	font-size: 70px;

margin-top:-200px;
}
.indexsec02 .swiper-slide {
	transform: scale(0.9);
	-webkit-transition: all .5s;transition: all .5s;
}
.indexsec02 .swiper-slide-active,
.indexsec02 .swiper-slide-duplicate-active {
    transform: scale(1);
}
.indexsec02 .swiper-slide a:hover h3 {
	color: rgb(245, 121, 42);
}


.indexsec03 {
	
	
	border-top:1px solid #317DC4;
	
}

.indexsec03 .comWidth{

	width: 1400px;
	height:900px;
	margin: 100px auto;


}
.indexsec03 .comWidth .headline .cn{

	font-size: 38px;
	font-weight: bold;
	color: #0264DB;
}

.indexsec03 .comWidth .headline .en{

	font-size: 30px;
}
.indexsec03 .imgbox {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 60px;
}
.indexsec03 .imgbox .lbox {
	width: 54.1%;

}
.indexsec03 .imgbox .lbox h3 {
	font-size: 20px;
	color: #F8830E;
	margin: 20px 0;
}

.indexsec03 .imgbox .lbox .txt {
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.8;
}
.indexsec03 .imgbox .lbox .about_link a {
	width: 200px;
	padding: 10px 0;
	display: inline-block;
	color: #fff;
	font-size: 20px;
	background-color: rgba(245, 121, 42, 1);
	border-radius: 30px;
	text-align: center;
}
.indexsec03 .imgbox .lbox .about_link a:hover {
	background-color: rgba(11, 79, 168, 1);
}
.indexsec03 .imgbox .rbox {
	width: 40.9%;
}
.indexsec03 .imgbox .rbox img {
	width: 100%;
	box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.2);
}



.indexsec03 .slidebox .swiper-slide {
   
   overflow:hidden;
   height:380px;
}

.indexsec03 .slidebox p {
	text-align: center;
	font-size: 18px;
	margin-top: 10px;
	
	
}
.indexsec03 .slidebox .photo {
	height: 340px;
	width: 98%;
   overflow:hidden;
	justify-content: center;
	align-items: center;
	border: 2px solid #1D7DD7;
	border-radius: 5px;
}
.indexsec03 .slidebox .photo img {
  width:100%;
	
}
















.index3 .swiper .swiper-slide:hover div img {
  transform: scale(1.1);
  

}

.index4 {
  padding: 7.3rem 0;
  position: relative;
  color: #fff;
  text-align: center;
  overflow: hidden;
  
  
  
}

.index4::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 79, 176, 0.8);
}

.index4 .img_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/index4_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.index4 .container {
  position: relative;
  z-index: 1;
  
  
   
     width: 1400px;
     margin: 0 auto;

  
}

.index4 .t1 {
  font-size: 2rem;
  font-weight: 500;
  overflow: hidden;
}

.index4 .t2 {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 2.5rem auto 0 auto;
  max-width: 50rem;
}

.index4 .t3 {
  font-size: 2rem;
  font-weight: 300;
  margin-top: 2.5rem;
  overflow: hidden;
}

.news_ul {
  display: flex;
  flex-wrap: wrap;
}

.news_ul li {
  width: 31.5%;
  margin-right: 2.375%;
  
  background: #fff;
  
  border: 1px solid #0264db;
}

.news_ul li:nth-child(3n+3) {
  margin-right: 0;
}

.news_ul a {
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
  background: #fff;
  transition: all .36s;
}

.news_ul a .img {
  padding-bottom: 68.08%;
  position: relative;
  overflow: hidden;
}

.news_ul a .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.news_ul a .img::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.2);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -90%, 0);
  transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -90%, 0);
}

.news_ul a .card {
  padding: 5.31% 5.31% 6.38% 5.3%;
}

.news_ul a .card h3 {
  font-size: 1.2rem;
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: ease-out .36s;
}

.news_ul a .card .text {
  font-size: .9rem;
  color: #777777;
  line-height: 1.3rem;
  height: 3.9rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .9rem;
}

.news_ul a .card .line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}

.news_ul a .card .line span {
  font-size: .9rem;
  color: #777777;
  transition: ease-out .36s;
}

.news_ul a .card .line div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.35rem;
  height: 2.35rem;
  border: 1px dashed #0264db;
  border-radius: 50%;
  position: relative;
  transition: ease-out .36s;
}

.news_ul a .card .line div::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: linear-gradient(180deg, #0299f0 0%, #0056bf 100%);
  width: 0;
  height: 0;
  transition: ease-out .36s;
}

.news_ul a .card .line div img {
  width: .8rem;
  transition: ease-out .36s;
  position: relative;
}

.news_ul a:hover {
  transform: scale(0.96);
  box-shadow: 0 0 10px rgba(0, 44, 128, 0.15);
  -webkit-transform: scale(0.96);
  -moz-transform: scale(0.96);
  -ms-transform: scale(0.96);
  -o-transform: scale(0.96);
}

.news_ul a:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.news_ul a:hover .img::after {
  -webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 90%, 0);
  transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 90%, 0);
}

.news_ul a:hover .card h3 {
  color: #0264db;
}

.news_ul a:hover .card .line span {
  color: #0264db;
}

.news_ul a:hover .card .line div {
  border: 1px dashed rgba(2, 100, 219, 0);
}

.news_ul a:hover .card .line div::before {
  width: 100%;
  height: 100%;
}

.news_ul a:hover .card .line div img {
  filter: brightness(0) invert(1);
}

.index5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.index5 .news_ul {
  padding-top: 3rem;
  
  
 
     width: 1400px;
     margin: 0 auto;

  
}

.index5 .news_ul li:nth-child(2) {
  animation-delay: .1s;
}

.index5 .news_ul li:nth-child(3) {
  animation-delay: .2s;
}


/* #endregion */
/* #region  内页*/
/* #endregion */


/*友情链接*/
.link{  width: 1400px;margin: 0 auto;height: 100px; }


.link p{font-size: 18px;line-height: 24px;margin-bottom: 20px;}
.link p span{color:var(--colour1);font-family: "Times New Roman",Times,serif;}
.link ul li{float: left;line-height: 19px;margin-right: 30px;}
.link ul li a{color:#666;}
.link ul li a:hover{color:var(--colour1);}