@charset "UTF-8";
/* CSS Document */
body{font-size:14px;}
.f-l{float:left;}
.f-r{float:right;}
.font-title{font-size:2rem;}
.text-center{text-align:center;}
.am-container{max-width:1150px;}
.banner-box{ position:relative; width: 100%; float: left; min-height: 750px; max-height: 750px;background-color: rgba(17, 56, 141, 0.5); overflow: hidden;}
.banner-bg{ position:absolute; width: 100%; height: 730px;}
.banner-a{width:100px; height: 50px; line-height: 50px; border-radius: 5px; color: #3470a1; text-align: center;display:block; background: #fff;}
.banner-text{max-width: 1150px; margin: 0 auto; padding-top:260px;}
.about{max-width:1150px; text-align: center; margin: 0 auto; padding-top: 4rem; clear: both;}
.about p{ line-height:2.5;}
ul,li{list-style-type:none;padding: 0; margin: 0;}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/iconfont.woff2') format('woff2'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'),
url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.line{border-bottom: #e7e7e7 solid 1px;max-width: 1150px; margin: 0 auto; clear: both; position:relative;}
.line span{position:absolute; top:-20px; color: #e2c257; font-size:2.5rem;}
.pro{max-width:1150px; margin: 0 auto; margin-top: 5rem;}
.pro li{padding:0 1rem;}
.pro-icon{ text-align: center;}
.pro-icon span{font-size:8rem;}
.team{max-width:1150px; margin: 0 auto;}
.title{text-align: center;font-size: 3rem;}
.team-img{border-radius:100px;}
.team-box{ padding: 0 1rem;}
.team-box .am-g{background:#f5f5f5; padding: 1.2rem 0 0 0;}
.team-box .am-g .am-u-sm-8{padding-left: 2rem;}
.bg-blue{ background: #1f2431; padding-top: 2rem; float: left;width: 100%;}
.bg-blue2{background: #0c111c; color: #4d8db9; text-align: center;line-height: 5;}
.text-blue{color:#65befc;}
.bg-blue input{ }
.line2{ border-bottom: #2d445a solid 1px; padding: 2rem 0;}
.bg-blue textarea{background: #272d3e; border:none;}
.btn{background: #4d8db9; color: #fff; border: #4d8db9 solid 1px; width: 10rem; height: 3rem; ;}
.footer{color:#525c7a; padding-bottom: 2rem;}
.footer .am-form-label,.footer .am-u-sm-8{text-align:left;}
input.txt{background: #1f2431; border:none;}
.footer-box2{background: #272d3e; padding: 1rem; line-height: 1;}
.line3{border:#4d8db9 solid 1px;width: 2rem; height: 0;display: block; float: left;}
.footer-box2 p{padding:0; float:left;line-height: 1.5; width: 100%; margin: 0 0 1.5rem 0; color: #4d8db9;}
.blue-box{width:100%; background: #4d8db9; color: #fff; padding: 2rem 0; text-align: center; float: left;margin-top: 3rem;}
@media screen and (max-width: 640px) { 
.am-nav{ display:block;}
.am-topbar-nav{display:none;} 
li.footer-box2.am-u-lg-3.am-u-md-4.am-u-sm-12{float: left;width: 100%;}
div.banner-text{padding-left: 4rem;}
.about{padding: 1rem 1rem 1rem 0;}
.banner-box{ position:relative; width: 100%; float: left; min-height: 650px; max-height: 650px;background-color: rgba(17, 56, 141, 0.5); overflow: hidden;}
	.ml-lunbo{display: block;}
	#certify{display:none;}
	.blue-box{display:none;}
} 

@media screen and (min-width: 800px) { 
	.am-menu{display:none;}
	.ml-lunbo{display:none;}
	
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.am-menu-toggle{
display: block;
width: 100px;
height: 50px;
background: #3368a0;
margin-top: 50px;
border-radius: 5px;
}
ul.am-menu-nav.am-avg-sm-1.am-collapsing{margin-top: 5.6rem;
width: 50%;
float: right;
left: auto;
right: 0;}
ul.am-menu-nav.am-avg-sm-1.am-collapse.am-in{
margin-top: 5.6rem;
width: 50%;
float: right;
left: auto;
right: 0;
}
.banner{height: 200px; background:url(../images/cases-banner.jpg);margin-top: 8rem;}
.row{max-width:1150px;margin:0 auto;}
.row .am-thumbnails li{ padding:2rem; }
.row .am-thumbnails li:hover{background: #e9f4fb;-moz-box-shadow:2px 2px 5px #9dceeb; -webkit-box-shadow:2px 2px 5px #9dceeb; box-shadow:2px 2px 5px #9dceeb;}
.am-pagination{padding: 1rem 0;}
.am-pagination-select .am-pagination-select{top:1rem;}

/*轮播*/
#certify {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background:url(../images/bj.jpg);
	overflow: hidden;
	height: 900px;
}

#certify .swiper-container {
	padding-bottom: 10px;
	max-width: 1150px;
	margin-top: -200px;
}

#certify  .swiper-slide img{
	display:block;
}
.case-text{display: block;
width: 100%;}
#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
.container{max-width: 1150px; margin: 0 auto;}
.case-text{position:absolute;width:50%; text-align: left;height: 200px; left: 30%; bottom: 0; line-height: 1.2;}
#certify  .swiper-slide{position:relative; height: 900px; width: 720px;}
.team-img{position: absolute;top:0;}
.am-nav li a{color:#fff;}
.am-nav li a:hover{color: #4f95ff;}
#videobanner{position: absolute;object-fit: cover;

	width:100%; height: 100%;
right: 0;
left: 0;
top:0;
bottom: 0;
z-index: -10;}
header.am-topbar.am-topbar-fixed-top{background-color: rgba(51, 73, 112, 0.7);}
.case-p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}