/* @font-face{
     font-family: 'sy'; 
     src: url('../fonts/思源黑体.ttf');
} */
@font-face {
  font-family: 'iconfont';  /* project id 1778242 */
  src: url('//at.alicdn.com/t/font_1778242_8bfgj0uvfye.eot');
  src: url('//at.alicdn.com/t/font_1778242_8bfgj0uvfye.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1778242_8bfgj0uvfye.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1778242_8bfgj0uvfye.woff') format('woff'),
  url('//at.alicdn.com/t/font_1778242_8bfgj0uvfye.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1778242_8bfgj0uvfye.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:40px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
*{
	padding: 0px;
	margin: 0px;
	font-family: 'sy';
}
a{
	color: inherit!important;
}
a:hover{
	color: #ea5a5a;
}
ul{
	list-style: none;
	margin: 0px;
}
[class*=am-u-]{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.img{
	max-width: 100%;
}
.body{
	width: 100%;
	display: inline-block;
	position: relative;
	float: left;
}
.scale{
	display: inline-block;
	overflow: hidden;
	position: relative;
	float: initial;
	width: 100%;
}
.abo{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	transition: 0.4s;
}
.scale:hover .abo {
	transform: scale(1.2);
}
.am-container{
	max-width: 1200px;
}
.header{
	width: 100%;
	display: inline-block;	
	float: left;
	padding: 20px 0px;
}
.am-accordion-basic .am-accordion-title{
	color: white;
}
.am-accordion-basic .am-active .am-accordion-title{
	color: #ea5a5a;
}
.flex-box{
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	  flex-direction: row;
	            flex-wrap: wrap;
}
.img-box{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100%;
}
.logo{
	width: 100%;
	background-image: url(../img/logo.png);
	padding: 30px 0px ;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
}
#topnav{
	background-color: white;
}
.topnav123{
	max-width: 1400px;margin:auto;background-color: white;
}
.nav-top{
	display: inline-block;
	width: 100%;
}
.nav-top ul{
	width: 100%;
	padding: 0px ;
	margin: 0px;
	display: inline-flex;
	justify-content: space-around;
	float: left;
}
.nav-top li{
	margin: auto;
	float: left;
	padding: 25px 0px;
	font-family: 'sy';
	font-size: 16px;
	font-weight: 600;
	position: relative;
	text-align: center;
}
.nav-top li::after{
	 content: "";
	    border-color: transparent #272727;
	    border-style: solid;
	    border-width:  0.25em  0  0.25em    0.35em ;
	    display:inline-block;
	    height: 0;
	    width: 0;
	    left: 0.25em;
	    top: 0em;
	    position: relative;
		transform: rotate(90deg);
		transition: 0.6s;
}
.nav-top li:hover{
	color: #ea5a5a;
}
#now-nav{
	color: #C60810!important;
	z-index: 999;
}

.nav-top li:hover::after{
	transform: rotate(-90deg);
	border-color: transparent #ea5a5a;
}
#now-nav::after{
	border-color: transparent #C60810!important;
	transform: rotate(-90deg);
}
.phone-number{
	width: 100%;
	padding: 26px 0px;
	text-align: center;
	background-color: #ea5a5a;
	color: white;font-size: 22px;
	line-height: 25px;
}
.line{
	position: absolute;
	width: 140%;
	height: 2px;
	background-color: #C60810;
	bottom: 0px;
	left: -20%;
	z-index: 999;
	opacity: 0;
}
#now-nav .line{
	opacity: 1;
}
/* new */
.index-about{
	padding: 140px 0px;
}

.index-about-left{
	height: 620px;
	margin-bottom: 20px;
}
.index-about-right{
	padding-left: 5%;
	max-width: 700px;
	margin-right: auto;
	margin-bottom: 20px;
}
.iar-line{
	height: 0.5px;
	width: 100%;
	padding-left: 5px;
}
.iar-line-in{
	width: 70%;height: 100%;background-color: #DDDDDD;
}
.tiny-title{
	text-transform: uppercase;
	font-size: 13px;
	color: #969696;
	letter-spacing: 2px;
	margin-top: 5px;
}
.index-about-right-title{
	margin-top: 30px;
}
.index-about-right-title h1{
	font-size: 30px;
	line-height: 48px;
	font-weight: bold;
	color: #42403E;
	margin: 0px;
}
.iar-titleline{
	display: inline-block;
	width: 60px;
	height: 3px;
	background-color: #2A4390;
	margin: 10px 0px; 
}
.index-about-right-content p{
	text-indent: 2em;
	font-size: 15px;
	color: #42403E;
	line-height: 30px;
	
	letter-spacing: 0.3px;
}
.index-about-right-content{
	margin-bottom: 20px;
}
.btn-more{
	display: inline-block;
	text-align: center;
	padding: 10px 30px;
	border-top: 1px solid #2A4390;
	border-bottom: 1px solid #2A4390;
	transition: 0.4s;
	position: relative;
	left: 0px;	
}
.btn-more-white{
	display: inline-block;
	text-align: center;
	padding: 10px 30px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	transition: 0.4s;
	position: relative;
	left: 0px;	
	color: white;
}
.btn-more-white:hover{
	background-color: white;
	color: #2A4390 ;
	left:20px;
}
.btn-more:hover{
	color: white;
	background-color: #2A4390;
	left:20px;
}
.service-line{
	 position: absolute;
	width: 300px;
	height: 1px;
	background-color: white;
	left: -310px;top: 28px;
}
/* index-service */
.index-service .img-box{
	padding: 60px 0px;
}
.sic{
	background-color: white;
	border-radius: 50%;
	padding: 25px;
}
.service1{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
}
.sic{
	overflow: hidden;
	transition: 0.4s;
}
.sic img{
		
	 filter: drop-shadow(105px 0 white); 
}
.service1:hover img{transform: translate(-105px, 0);-webkit-transform: translate(-105px, 0);-ms-transform: translate(-105px, 0);-o-transform: translate(-105px, 0);}
.service1:hover .sic{background-color: #4CA2E7;}
.service1:hover h5{color: #4CA2E7!important;}
.service1 h5{
	transition: 0.4s;
	font-size: 18px;
	color: white;
	margin: 0px;
	margin-left: 20px;
	letter-spacing: 1px;
}
/* al */
.al{
	padding: 80px 0px;
}
.als{
	padding-top:30px;
	padding-bottom: 30px;
}
.al1{
	/* border:1px solid #DCDDDD;
	border-radius:10px ;
	padding: 10px; */
	margin-bottom: 20px;
}
.alsic{
	border:1px solid #DCDDDD;
	border-radius:10px ;
	padding: 10px;
	overflow: hidden;
}
.alsic img{
	width: 100%;
	transition: 0.4s;
}
.altitle{
	display: flex;align-items: center;
	font-size: 14px;
	color: #7D7D7D;
	padding: 15px 0px;
	justify-content: space-between;
}
.altleft{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.altleft-title{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.alt-line{
	display: inline-block;height: 2px;
	width: 15px;
	background-color: #2A4390;
	margin: 0px 10px;
}
.al1:hover .alsic img{
	transform: scale(1.2);
}
.al1:hover .altitle{
	color: :																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																																															;;
}
.box{
	overflow: hidden;
}
/* ad */
.ad{
	height: 260px;
}
/* hz */
.hz{
	padding: 70px 0px;
	background-image: url(../img/hzbac_03.png);
}
.hz1{
	width: 17%;
	height: 85px;
	margin-bottom: 35px;
}
.hzs{
	padding: 50px 0px;
}
/* news */
.index-news{
	padding: 70px 0px;
}
.index-newses{
	padding: 30px 0px;
}
.index-news1{
	float: left;
}
.index-news1:nth-child(1){
	justify-content: center;
	width: 48%;
	margin-right: 1%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-image: url(../img/index_17.jpg);
	height: 380px;
}
.index-news1:nth-child(1) .body{
	justify-content: center;
}
.index-news1:nth-child(1) h1{
	text-align: center;
	color: white;
	font-size: 24px;
	line-height: 36px;
}
.index-news1:nth-child(2){
	width: 25%;
	height: 380px;
	margin-right: 1%;
	border: 0px;
}
.index-news1 img{
	max-width: 100%;
}
.index-news1{
	width: 25%;
	height: 125.6px;
	border-bottom: 1px solid #DCDCDC;
	transition: 0.4s;
}
.index-news1 h3{
	font-size: 15px;
	color: #42403E;
	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: 0.4s;
}
.index-news1 .newscontent{
	max-width: 90%;
	margin: auto;
	padding: 15px 0px;
}
.index-news-img{
	width: 100%;
	display: none;
}
.index-news1:nth-child(2) .index-news-img{
	display: block;
}
.index-news1:hover .index-news1 h3{
	color: #2A4390;
}
.newscontents{
	display: none;
	padding-bottom: 15px;
	  border-bottom: 2px solid #DCDCDC;
}
.index-news1:nth-child(2) .newscontents{
	display: block;
}
.newscontents p{
	font-size: 12px;
	line-height: 24px;
	color: #7D7D7D;
	text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
	  margin: 0px;
}
.newsdate{
	font-size: 12px;
	line-height: 24px;
	color: #C0C0BF;
	transition: 0.4s;
}
.newsdate img{
	margin-right: 2px;
	position: relative;
	top: -1px;
}
.index-news1:hover{
	background-color: #3E82B8;
}
.index-news1:nth-child(2):hover{
	background-color: transparent;
}

.index-news1:hover h3,.index-news1:hover .newsdate{
	color: white;
}
.index-news1:nth-child(2):hover h3,.index-news1:nth-child(2):hover .newsdate{
	color: #2A4390;
}
/* foooter */
.footer{
	background-color: #42403E;
	padding: 30px 0px;
}
.footer ul .now{
	color: #4CA2E7!important;
}
.footer ul li{
	float: left;
	color: #A8A8A8;
	font-size: 16px;
}
.messagebox{
	font-size: 14px; 
	color: #A8A8A8;
	padding-right: 30px;
	margin-bottom: 20px;
}

.wx1{
	text-align: center;
	font-size: 14px;
	color: #A8A8A8;
}
.wx1 img{
	margin-bottom: 15px;
	max-width: 125px;
}

.about2{
	background-color: #E9ECF4;
	padding-top: 50px;
}
.ryzz{
	padding-top: 70px;
}
.ry-content{
	padding-top: 35px;
	padding-bottom: 40px;
}
.ry-content p{
	margin: 0px;
	line-height: 36px;
	font-size: 18px;
	color: #42403E;
}
.ry-right{
	background-color: #31478D;
	height: 90%;
	width: 100%;
	padding: 70px 6% 30px 6%;
	position: absolute;left: 0px;
	top: 0px;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 50px;
}
.swiper-about img{
	max-width: 100%;
}
.about1{
	padding-top: 30px;
}
.about3{
	padding-top: 50px;
	padding-bottom: 50px;
}
.about-banner {
	height: 480px;
}
.swiper-pagination-bullet{
	background: white;
	opacity: 1;
}
.swiper-pagination-bullet-active{
	background-color: #3E82B8;
}
.swiper-about2{
	padding: 80px 0px;
}
.swiper-about2 .swiper-button-prev{
	left: 45%;
	top: 100%;
}
.swiper-about2 .swiper-button-next{
	right: 45%;
	top: 100%;
}
.swiper-about2 .swiper-button-prev:after,.swiper-about2 .swiper-button-next:after{
	content: '';
}
/* service */
.service2{
	padding: 50px 0px;
	background-image: url(../img/service_03.png);
}
.service-lc{
	padding: 50px 0px;
}
.service-lc .service1{
	display: inline-table;
	text-align: center;
	margin: 0px;
}
.service-lc .service1 h5{
	margin: 0px;
	color: #42403E;
}
.service-lc a{
	text-align: center;
}
.service-lc .sic{
	margin-bottom: 30px;
}
.service1-2{
	text-align: center;
	color: #4CA2E7;
	font-size: 18px;
	margin: 10px 0px;
	font-weight: bold;
}
.service-pro{
	padding: 90px 0px 160px 0px;
	background-image: url(../img/fwxmbac.png);
}
.service-pro .swiper-button-prev{
	left: 45%;
	top: 90%;
}
.service-pro .swiper-button-next{
	right: 45%;
	top: 90%;
}
.service-pro .swiper-button-prev:after,.service-pro .swiper-button-next:after{
	content: '';
}
.service-pro1{
	background-color: rgba(51,73,114,0.2);
	height: 450px;
	width: 80%;
	margin: auto;
	margin-top: 25px;
	text-align: center;
	padding: 30px 0px;
}
.service-pro1 .ser-title{
	font-size: 30px;
	margin: 20px 0px;
	color: white!important;
}
.ser-border-line{
	width: 60px ;
	margin: auto;
	height: 3px;
	background-color: #3E82B8;
	margin-bottom: 60px;
}
.ser-content {
	color: white;
	text-align: left;
}
.ser-content ul{
	padding: 0px;
	width: 80%;
	margin: auto;
}
.ser-content ul li{
	list-style: disc;
}
.swiper-slide-active .service-pro1{
	width: 100%;
	height: 490px;
	margin-top: 0px;
	background-image: linear-gradient(45deg, #334972 , #404A55 ,#8B9095 );
	 background-image: linear-gradient(45deg,rgba(51,73,114,0.5),rgba(64,74,85,0.5),rgba(139,144,149,0.5));
}
.swiper-service-pro .swiper-slide-active img{
	width: 155px;
}
/* products */
.product{
	padding: 50px 0px 100px 0px;
}
.products{
	padding: 50px 0px;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.product1{
	width: 100%;
	transition: 0.4s;
}
.product1 .img-box{
	height: 220px;
	background-size: 100%;
	transition: 0.4s;
	margin-bottom: 20px;
}
.product1:hover .img-box{
	background-size: 120%;
}
.product1:hover{
	background-color: #2A4390;
	box-shadow: 1px  1px 30px rgba(42,67,144,0.5) ;
}
.product1:hover .product1-title,.product1:hover .product1-address,.product1:hover .product1-content{
	color: white;
}
.product1-contents{
	width: 100%;
	padding: 0px 20px;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.product1-title{
	font-size: 16px;
	color: #2A4390;
	margin-bottom: 8px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.product1-title h3{
	margin: 0px;
}
.product1-address{
	font-size: 12px;
	color: #3E82B8;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 8px;
}
.product1-content{
	font-size: 14px;
	line-height: 24px;
	height: 72px;
	color: #898989;
	 overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 3;
	    -webkit-box-orient: vertical;
}
.promain-title{
	font-size: 14px;
	padding: 15px 0px;
	color: #42589C;
	border-bottom: 1px solid #DCDCDC;
}
.promain{
	padding: 50px 0px;
}
.pro-main-img{
	margin-bottom: 50px;
}
.pro-main-title{
	letter-spacing: 1px; 
	
}
.pro-main-title h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.pro-main-address{
	font-size: 14px;
	color: #6E6E6E;
	margin-bottom: 20px;
}
.pro-main-line{
	width: 30px;height: 2px ;
	background-color: #000000;
	display: inline-block;
	margin-right: 5px;
}
.pro-main-address1{
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
}
.pro-main-address1 h3{
	font-size: 14px;
	margin: 0px;
	color: #080404;
}
.pro-main-content{
	margin-bottom: 20px;
}
.pro-main-content  p{
	text-indent: 2em;
	font-size:14px;
	color: #080404;
	line-height: 30px;
	margin: 0px;
}
.more-pros{
	padding: 30px 0px;
}
.more-pro-title{
	padding-top: 15px;
	margin-bottom: 30px;
	font-size: 12px;
	color: #7E7E7E;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: left;
}
.more-pros .am-u-md-6{
	text-align: center;
}
/* news */
.news{
	padding: 50px 0px;
}

.newss{
	padding: 40px 0px;
}
.news1{
	border-top: 1px solid #DCDCDC;
	padding-top: 30px ;
	margin-bottom: 40px;
	width: 30%;
	transition: 0.4s;
	display: inline-block;
}
.news1:hover{
	border-top:1px solid #294189;
}
.news1:hover .news-title h3{
	color: #294189;
}
.news1:hover .more-news{
	color: #294189;
}
.page{
	margin: 20px 0px;
}
.pagination{
	text-align: right;
}
.pagination ul{
	display: inline-block;
}
.pagination li{
	font-size: 14px!important;
	float: left;
	
}
.pagination a{
	padding: 4px 8px;
	border: 1px solid #898989;
	margin-right: 5px;
	transition: 0.4s;
}
.current,.pagination a:hover{
	background-color: #2A4390;
	color: white!important;
}
.news-title h3{
	font-size: 16px;
	color: #42403E;
	margin: 0px;
	margin-bottom: 10px;
	transition: 0.4s;
}
.news-content p{
	overflow: hidden;
	   text-overflow: ellipsis;
	   display: -webkit-box;
	   -webkit-line-clamp: 2;
	   -webkit-box-orient: vertical;
	   color: #B2B2B2;
	   font-size: 14px;
	   line-height: 28px;
	   margin-bottom: 20px;
}
.more-news{
	color: #B2B2B2;
	font-size: 12px;
	text-transform: uppercase;
	transition: 0.4s;
}
.news1 .img-box{
	/* display: none; */
	height: 135px;	
	margin-bottom: 20px ;
}
.news1:nth-child(odd)  .img-box{
	display: block;
}
.newss{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	flex-wrap: wrap;
	
}
.newsmain{
	padding: 50px 0px;
}
.newsmain-titles{
	text-align: center;
}
.newsmain-title{
	font-size: 24px;
	letter-spacing: 1px;
}
.newsmain-date{
	margin-bottom: 40px;
	font-size: 14px;
	color: #6E6E6E;
}
.newsmain img{
	margin-bottom: 30px;
}
.newsmain-content p{
	color: #6E6E6E;
	font-size: 14px;
	margin: 0px;
	text-indent: 2em;
	letter-spacing: 1px;
	line-height: 30px;
}
.contants{
	padding: 40px 0px;
}
.contant-title{
	font-size: 18px;
	color: #0F0F0F;
	letter-spacing: 1px;
}
.contant1{
	padding-bottom: 30px;
}
.contants1{
	
	max-width: 280px;
	margin: auto;
}
.contants1 .flex-box{
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.contants1 .flex-box img{
	margin-right: 5px;
	margin-top: 3px;
}
.contant-mes{
	font-size: 14px;
	line-height: 30px;
	color: #42403E;
}
.bah{
	text-align: center;
	color: #A8A8A8;
}
@media screen and (max-width: 640px){
	.about1{
		padding: 30px 0px;
	}
	.index-about-left{
		height: 200px;
	}
	.index-news1:nth-child(1) h1{
		width: 90%;
		margin: auto;
	}
	.index-news{
		padding: 30px 0px;
	}
	.index-news1{
		width: 100%!important;
		margin-bottom: 20px;
	}
	.hz{
		padding: 30px 0px;
	}
	.hz1{
		width: 45%;
	}
	.news1{
		width: 90%;
		margin: auto;
		margin-bottom: 20px;
	}
	.news1 .img-box{
		display: block;
	}
	.contant1{
		border: 0px!important;
		margin-bottom: 20px;
	}
	.service-pro .swiper-button-prev{
		left: 30%;
		top: 100%;
	}
	.service-pro .swiper-button-next{
		right: 30%;
		top: 100%;
	}
	.swiper-about2 .swiper-button-prev{
		left: 30%;
		top: 100%;
	}
	.swiper-about2 .swiper-button-next{
		right: 30%;
		top: 100%;
	}
	.about-banner{
		height: 300px;
	}
	.btn-more-white{
		padding: 10px 2px;
	}
	.btn-more{
		padding: 10px 2px;
	}
	.index-service .img-box{
		padding: 30px 0px;
	}
	.service1{
		padding: 20px;
	}
	.index-about-right{
		padding-left: 2%;
	}
	.am-container{
		padding: 0px;
	}
	.index-about{
		padding: 30px 0px;
	}
	.al{
		padding: 30px 0px;
	}
	.header{
		padding: 10px 0px;
	}
	.logo{
		width: 80%;
		text-align: left;
		display: inline-block;
	}

	.nav-top{
		display: none;
	}
	
}
@media screen and (max-width: 640px){
	
}