/* Write your styles */
html{font-size:62.5%;font-family:'微软雅黑',tahoma,arial,,sans-serif;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,hr{margin:0;padding:0;font-family:'微软雅黑',tahoma,arial,,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-family:'微软雅黑',arial,tahoma,sans-serif}
li{list-style:none}
a:link,a:visited{text-decoration:none}



.am-g,.am-container{
	width:90%;
	max-width: 1600px;
}

.am-topbar{
	height: 76px;
	/*background: rgba(0,0,0,0.8);*/
	background: none;
	border: none;
}

.am-topbar img{
	max-height: 35px;
	position: relative;
	top:20px;
	margin-right: 10px;
}


@media screen  and (max-width: 1281px) {
	.am-topbar img{
		top:15px;
		left:-10px;
	}
}

@media screen  and (max-width: 981px) {


	.am-topbar img{
		max-height: 25px;
	}

	.am-topbar-nav > li > a{
		padding:0 5px;
	}
}


@media screen  and (max-width: 768px) {


	.am-topbar img{
		max-height: 25px!important;
	}

	.am-slider .am-slides img {
    height: 352px;
    display: block;
	}

}


.am-topbar-nav > li > a{
	color:#fff;
	line-height: 76px;
	outline: none;
	font-size: 16px;
	transition: all 0.2s;
}

.am-topbar-nav > li > a:hover,.am-topbar-nav > li > a:focus,.am-topbar-nav > li.am-active > a,ul.am-dropdown-content > li > a:hover{
	background: rgba(255,255,255,0.2);
	color:#fff;
}

.am-topbar-nav > li > a::after{
	display: none;
}
.am-topbar-nav > li.am-active > a, .am-topbar-nav > li.am-active > a:focus, .am-topbar-nav > li.am-active > a:hover{
	color:#fff;
}

.am-dropdown-content::after,.am-dropdown-content::before{
	display: none;
}

ul.am-dropdown-content{
	background: #89b2d2;
	border: none;
	margin: 0;
	min-width: 90px;
	padding: 0;
}

ul.am-dropdown-content > li > a{
	color:#fff;
	font-size: 14px;
}

.am-dropdown-toggle{

	min-width: 90px;
	text-align: center;
}

.am-topbar-nav > .am-dropdown:hover > .am-dropdown-content{display: block}

.book-dropdown{
	background: none;
	line-height: 76px;
	border: none;
	padding:0;
	margin: 0;
	font-family:  Times,"Times New Roman",serif;
}

.nav-form{
	padding:10px;
}
.nav-form li{
	margin-bottom: -1px;
}

.nav-form .am-selected-btn.am-btn-default{
	background: #fff!important;
	font-size: 14px;
}

.nav-form .book-btn{
	background: #A9CBE4;
	font-size: 14px;
	line-height: 2;
	color:#333;
}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}


#page-footer{
	background: rgba(0,0,0,0.5);
	padding-top: 10px;
	padding-bottom: 10px;
	position: fixed;
	bottom:0;
	width: 100%;
	z-index: 100;
}


#page-footer dl{
	float: left;
	font-size: 14px;
	margin: 0;
}


#page-footer dt{
	color:#ccc;
	font-weight: normal;
	font-size: 12px;
}

#page-footer dt:after{
	content:"";
	display: block;
	width:20px;
	height: 1px;
	background: #777;
	margin-top: 5px;
}


#page-footer dd a{
	color:#ccc;
	line-height: 22px;
	font-size: 14px;
}

#page-footer .social ul,#page-footer .social li{
	margin: 0;
	padding: 0;	
	list-style: none;
	float: right;
}

#page-footer .social h6{
	margin: 0;
	font-size: 14px;
	color:#666;
	margin-bottom: 1.6rem;
}

#page-footer .social li{
	float: left;
	margin-right: 10px;

}

#page-footer .social li a{
	background: url(../images/icons.png) no-repeat;
	width: 23px;
	height: 23px;
	display: block;
	text-indent: -9999em;
	overflow: hidden;
}

#page-footer .social li.facebook a{
	background-position:-12px -50px;
}

#page-footer .social li.instagram a{
	background-position:-210px -88px;
}

#page-footer .social li.youtube a{
	background-position:-50px -50px;
}

#page-footer .social .qrcode{
	max-height: 60px;
	margin:0 5px;
	float: right;

}

#page-footer .add{
	margin-top: 15px;
	color:#777;
	font-size: 14px;
	width:100%;
}

#page-footer .add >div{
	border-top:1px solid #333;	
	padding-top: 15px;
}

#page-footer .add >div:last-child{
	text-align: right;
}

#page-footer .add >div a{
	color:#777;
}

#page-footer .add >div a:hover{
	color: #0e90d2;
}


#index-carousel .am-slider {
	height: 100%;
	overflow-y: hidden;
	margin: 0;
}

#index-carousel .am-slider li,#banner{
	-webkit-background-size: cover;
	background-size: cover;
	height: 100%;
}

#index-carousel .am-slider img{
	max-width: 100%;
	max-height: 100%;
	opacity: 0;
}

#index-carousel .am-slider li:nth-of-type(2) .slides-content .info{
	color:#fff;

}
#index{
	padding-top: 0;
}

#video{
	position: absolute;
	width:100%;
	height: 100%;
	overflow: hidden;
	left:0;
	top:0;
	z-index: 10;
	background: #000;
}

#video video{
	width:100%;
}

#video .btn-bar{
	width:auto;
	display: inline-block;
	position: absolute;
	top:70%;
	z-index: 11;
	margin: 0 auto;
	text-align: center;
	width:100%;
}

#video .btn-bar .btn{
	border: 1px solid rgba(255,255,255,0.6);
	color:#fff;
	display: inline-block;
	border-radius: 20px;
	padding:5px 20px;
	opacity: 0.8;
	transition: all 0.5s;
	margin:0 15px;
}

#video .btn-bar .btn:last-child{
}

#video .btn-bar .btn:hover{
	background: #fff;
	opacity: 0.6;
	color:#444;
}

.slides-content{
	position: absolute;
	top:0;
	color:#fff;
	left:0%;
	width: 100%;
	height: 100%;
}

.slides-content .info{
	position: relative;
	top:34%;
	width:90%;
	max-width:1600px;
	margin: 0 auto;
	padding:0 15px;
	text-shadow: 0 0 15px rgba(0,0,0,0.1);
	text-align: center;
	text-shadow: 0 0 20px rgba(0,0,0,0.4);
}

.slides-content .info h1,.slides-content .info h2, .slides-content .info h4{
	font-weight: normal;
	margin: 0;
}

.slides-content .info h1{
	font-size: 4.8rem;
	position: relative;
	font-weight: bold;
	text-shadow: 0 0 5px #333;
}

.slides-content .info h1::before,.slides-content .info h1::after{
	display: block;
	width:30%;
	height: 1px;
	position: absolute;
	top:50%;
	background: #fff;
	content: "";
	opacity: 0.5;
}

.slides-content .info h1::after{
	right:0;
}


.slides-content .info h2{
	font-size: 2rem;
	margin-top: 3rem;
	font-weight: bold;
	text-shadow: 0 0 5px #333;
}

.slides-content .info h4{
	text-transform: capitalize;
	margin-top: 1rem;
	font-size: 2.4rem;
	font-weight: lighter;
}

.slides-content .info a{
	color:#fff;
	border: 1px solid #fff;
	padding:5px 15px;
	display: inline-block;
	background: rgba(0,0,0,0.2);
	margin-top: 3rem;
	margin-right: 1.5rem;
}

#banner{
	position: relative;
	margin-top: -1px;
}

#banner .slides-content {
	-webkit-background-size: cover;
	background-size: cover;
	opacity: 1;
	overflow: hidden;
	position: absolute;
	z-index: 3;
}

#banner .slides-content-bg{
  width:100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  left:0;
  top:0;
  background: #000;
  opacity: 0;
}

#banner .slides-content #b-img{
	width:100%;
	position: absolute;
	left:0;
	top:0;
}



#banner .slides-content .banner-logo{
	width:auto;
	display: block;
	margin: 0 auto 35px;
	max-width: 300px;
}


#banner .slides-content .info{
	text-align: center;
	font-size: 16px;
	z-index: 10;
	top:150px;
	opacity: 0;
}


#index-carousel .am-slider-default .am-direction-nav a{
	color:rgba(255,255,255,0);
	top:38%;
}

#index-carousel .am-slider-default:hover  .am-direction-nav a,#index-carousel .am-slider-default .am-direction-nav a:hover{
	color:rgba(255,255,255,1);
}



 .am-slider-default .am-direction-nav a::before{
  color:inherit;
  content:"\f104";
  font-size: 48px!important;

}


#mobile-banner{
	display: none;
}


/*---------------------------------内页样式---------------------------------*/

#sort-header{
	background: #333;
}

#sort-header img{
	max-height: 30px;
	position: relative;
	top:15px;
}


#sort-footer{
	background: #d3d3d3;
	font-size: 14px;
	padding:5px 0;
}

#sort-footer div a, #sort-footer div a:visited{
	color: #333;
}
#sort-footer div a:hover{
	color: #0e90d2;
}


.head-v3{position:relative;z-index:100;min-width:1000px}
.head-v3 .navigation-inner{margin:0 auto;position:relative}
.navigation-up{height:60px;background:#333}
.navigation-up .navigation-v3{float:right;}
.navigation-up .navigation-v3 ul{float:left}
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#fff}
.navigation-up .navigation-v3 .nav-up-selected{background:#5c5c5c}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#5c5c5c}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 20px;color:#fff;display:inline-block;height:60px;font-family:"microsoft yahei"}

.navigation-up .navigation-v3 li:last-child{display: none;}

.navigation-down{position:absolute;top:60px;left:0px;width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#5c5c5c;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;position:relative;width:100%;max-width:1600px;}
.navigation-down .menu-1 dt{font:normal 16px "microsoft yahei";color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 a{color:#fff;font:normal 14px/30px "microsoft yahei";display: inline-block;padding: 10px 15px;}
.navigation-down .menu-1 a:hover{color:#60aff6}

.navigation-down  .inner-list{text-align: center;}

.navigation-down  .m25 a:first-child{margin-left: 8vw;}
.navigation-down  .m27 a:first-child{margin-left:38vw;}


#case-detail {
	position: relative;
}

#case-detail .detail{
	position: absolute;
	bottom:0;
	width:100%;
	background: rgba(0,0,0,0.7);
	width:100%;
	padding:15px 0;
	color:#f0f0f0;
	display: none;
}

#case-detail .am-g{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
#case-detail .detail p{
	text-align: justify;
	line-height: 26px;
}

#case-detail .detail .item p:nth-of-type(2){
	display: none;
}

#case-detail .item{
	width:25%;
}

#case-detail .info{
	width: 72%;
	border-left:1px solid #eee;
	padding-left: 25px;
	margin-left:3%;
}


#case-detail .case-slider{
	position: relative;
	overflow-y: hidden;
	margin: 1rem auto 3rem;
	max-height:100%;
	max-width: 1200px;
}

#case-detail .case-slider img{
	height: 710px;
	max-width: 100%;
	/*object-fit: cover;*/
	margin: 0 auto;
	display: block;
}

 #case-detail .case-slider .am-slider-default{
 	margin: 0;

 }
#case-detail .title{
	text-align: center;
	color:#333;
	width:100%;
}

#case-detail .title h1{
	font-size: 3.2rem;
	margin:2rem 0 0;
}


.am-slider-default{
	box-shadow: none;
}


#case-detail .title h2,#case-detail .title h2 span{

}

#case-detail .title h2{
	display: inline-block;
	width:auto;
	padding:15px;
/*	border-radius: 30px;
	background: rgba(255,255,255,0.3);*/
}

#case-detail .title h2 span{
	
	color:#999;
	/*border-radius: 20px;
	padding:8px 45px;
	background: #fff;*/
}

#case-detail .am-slider-default .am-direction-nav a{
	top:45%;
	color:#fff;
	background-color: #333;
}

#case-detail .am-slider .am-slides > li{
	display: flex!important;
	align-items: center!important;
	justify-content: center!important;
}



@media screen  and (max-width: 1599px) {

	.am-g,.am-container{
		width:90%;
		max-width: 90%;
}

.navigation-down .menu-1 a{
	padding:10px 5px;
}

.am-topbar img,#sort-header img{
	max-height: 25px;
}

.navigation-up .navigation-v3 li h2 a{
	padding:0 10px;
}


}

@media screen  and (max-width: 1281px) {

	.navigation-inner{
		width:100%!important;
		max-width: 100%!important;
		padding:0;
}



.navigation-up .navigation-v3 li h2 a,.am-topbar-nav > li > a{
	font-size: 14px;
	padding:0 10px;
}

#video .btn-bar{
	top:50%;
}


}




	#sort-footer .am-u-md-5,
	#sort-footer .am-u-md-7{
		width:100%;
	}

	#sort-footer .am-text-right{
		text-align: left!important;
		word-break:break-all ;
	}

}

#page-footer dd a{
	font-size: 16px;
}
#page-footer .add{
	display: none;
}

#page-footer .qrcode{
	display: none;
}
.navigation-down  .in2 a:first-child{margin-left: 8vw;}
.navigation-down  .in3 a:first-child{margin-left: 25vw;}

}


#mobile-header{
	display: none;
}

@media screen  and (max-width: 1361px){
	.navigation-down  .in1{text-align: left;}
	.navigation-down  .in1 a:first-child{margin-left: 8vw;}
	.navigation-down  .in2 a:first-child{margin-left: -7vw;}
	.navigation-down  .in3 a:first-child{margin-left: 25vw;}
}

@media screen and (max-width: 1279px){
	.navigation-down  .in1{text-align: left;}
	.navigation-down  .in2 a:first-child{margin-left: -7vw;}

}

@media screen and (max-width:1025px){
		.am-topbar .am-container{
		width:100%;
		max-width: 100%;
		padding-left:15px;

	}
	#video{
		display: none;
	}

	.navigation-up .navigation-v3 li h2 a{padding:0 8px;}

	.main .title{
		margin:2rem auto;
	}
}


@media screen and (max-width: 1023px){


	.head-v3{
		min-width:860px;
	}

	.navigation-up .navigation-v3 li h2 a{
		padding:0 10px;
	}

	#banner,#sort-header{
		display: none!important;
	}
	
	#mobile-header{
		display: block!important;
		width:100%!important;
	}

	#mobile-header button{
		display: inline-block!important;
		color:#444!important;
		background: #f0f0f0!important;
	}




}



@media screen and (max-width: 980px){

	#mobile-header{
		display: block;
		background: #333;
		width:100%;
		padding:8px 15px;
	}
	
	#mobile-header img{
		max-height: 25px;
	}

	#mobile-header .am-topbar-btn{
		margin-top: 0;
	}

	.admin-sidebar-list img{
		max-width: 95%;
	}

	#mobile-banner{
		position: relative;
		z-index: 15;
		color:#333;
		max-height: 350px;
		overflow: hidden;
		display: block;
	}

	#mobile-banner .mb-img{
		max-width: 100%;
		height: auto;
		position: relative;
		z-index:0;
	}

	#mobile-banner .mbc{
		  width:100%;
		  height: 100%;
		  background: rgba(0,0,0,0.5);
		  color:#fff;
		  position: absolute;
		  left:0;
		  top:0;
		  text-align: center;
		  z-index: 3
	}

	#mobile-banner .mbc img{
		display: block;
		margin: 0 auto;
		max-width: 240px;
		margin-bottom: 25px;
	}
	
	#mobile-banner .mbc .info{
		position: relative;
		top:120px;

	}

	#sort-footer .am-text-right{
		text-align: left!important;
		word-break:break-all ;
	}

}

@media screen and (max-width: 767px){
		#mobile-banner .mbc .info{
			position: relative;
			top:40px;
			font-size: 14px;

		}

		#mobile-banner .mbc img{
			max-width: 45%;
			margin-bottom: 10px;
		}

		.slides-content .info h1::before,.slides-content .info h1::after{
			width:15%;
		}
}


.am-slider-default .am-direction-nav a.am-next::before{
	content:"\f105";
}

#index-carousel .am-control-nav, .am-control-nav{
	display: none;
}



.owl-carousel .item{
	padding:0 1.5rem;
}

@media screen and (max-width: 768px){
		body,html{
			width:100%;
			overflow-x: hidden;
			position: relative;
		}
		/*.am-topbar{
			max-height: 55px;
			overflow: hidden;
		}*/

		.am-topbar img{
			max-height: 38px;
			margin: 0;
			top:20px;
		}

		#index-carousel .am-slider-default .am-direction-nav a::before{
		  font-size: 24px!important;

		}

		#page-footer{
			padding-top:20px;
			padding-bottom:20px;
		}

		#page-footer .am-u-md-10{
			width:100%;
		}


		#page-footer .am-u-md-2{
			display: none;
		}

		#page-footer .social {
			padding-left: 15px;
		}

		#page-footer .add > div{
			border-top: none;
			text-align: left!important;
		}

		
}

@media screen and (max-width: 640px){
	.am-topbar img{
		top:5px;
	}
	
	#index{
		padding-top: 0;
	}
	
	.slides-content .info {
		top:30%;
	}

	.slides-content .info h1{
		font-size: 2.4rem;
	}

	.slides-content .info h2{
		font-size: 1.4rem;
	}

	.slides-content .info h4{
		text-transform: capitalize;
		margin-top: 1rem;
		font-size: 1.2rem;
		font-weight: lighter;
	}
	
	.am-g,.am-container{
		width:95%;
	}

}

.am-offcanvas-bar{
	width:150px;
}

#mobile-nav{
	font-size: 14px;
	text-align: center;
	line-height: 40px;	
	background: #A9CBE4;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	width:100%;
	position: fixed;
	top:55px;
	z-index: 100;
}

#mobile-nav .sub01{
	padding:0;
	flex:1;
}

#mobile-nav .am-btn{
	background: #A9CBE4;
	padding:0;
	border: none;
	width:100%!important;
	height: 40px;
	font-size: 14px;
}

#mobile-nav .am-dropdown{
	width:100%!important;
}

#mobile-nav  ul.am-dropdown-content{
	width:100%;
	max-width:100%;
	background: #fff;
}

#mobile-nav  ul.am-dropdown-content li,#mobile-nav  ul.am-dropdown-content li a{
	width:100%;
	color:#89B2D2;
	box-shadow: none;
	text-align: center;
	line-height: 35px;
}

#mobile-nav  ul.am-dropdown-content{
	min-width: 360px;

}

#mobile-nav  ul.am-dropdown-content li{
	width:50%;
	float: left;
	text-align: center;
}

#mobile-nav ul.mobile-form li{
	width:100%;
	margin-bottom: 10px;
}

#mobile-nav .am-selected-btn{
	border: 1px solid #ccc;
	padding:0 5px;
}

#mobile-nav .am-selected-icon{
	position: relative;
	right:15px;
}

.am-offcanvas-content{
	padding:10px;
}


.am-offcanvas-content .am-panel{
	background: none;
	border: none!important;
}

.am-offcanvas-content .am-panel .am-list>li{
	background: none;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444
}

.am-offcanvas-content .am-panel  a{
	font-size: 14px;
	background: none;	
}

#collapase-nav-1 .am-form {
	margin:30px 0;
}

#collapase-nav-1 .am-input-group-btn > .am-btn,#collapase-nav-1 .am-form-field{
	background: #fff!important;
	border: none!important;
}


.am-offcanvas-content li{
	
	border-bottom: 1px solid #666!important;

}

.am-offcanvas-content li:first-child{
	border: none!important;
}

.am-offcanvas-content  li a{
	font-size: 16px;
	line-height: 2;
}


.am-list > li{
	background: none;
	border: none;	

}

.am-list > li a{
	font-size: 14px;
}



.main .title{
	font-size: 24px;
	margin:5rem auto 3rem;
}

.main .en-t{
	opacity: 0.5;
	font-family: Verdana;
	display: block;
}

#about-us{
	background: url(../images/a-bg.jpg) no-repeat left bottom;
}
#about-us-slider{
	margin: 0;
}

#about-us .en-t{
	display: inline-block;
}

#about-us .am-control-nav{
	display: none;
}

#about-us .company-profile{
	width:50%;
	float: left;
}

#about-us .company-profile .title,#about-us .company-profile .info{
	width:68%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 4rem;
}

#about-us .company-profile .info{
	margin-top: 3rem;
}

#about-us .company-profile p{
   margin:20px 0;
   text-align: justify;
   line-height: 26px;
   font-size: 15px;
}



#about-us .am-slider-default .am-direction-nav a::before{
	background: rgba(0,0,0,0.5);
	color:#fff;
	font-size: 22px!important;
}

#about-us .am-slider-default .am-direction-nav .am-prev{
	left:0;
}

#about-us .am-slider-default .am-direction-nav .am-next{
	right:0;
}

#about-us .about-us-slider{
	width:50%;
}

@media screen  and (max-width: 1919px) {
	#about-us .company-profile{
		width:55%;
	}
	#about-us .about-us-slider{
		width:45%;
	}

	#about-us .company-profile .title,
	#about-us .company-profile .info{
		width:80%;
	}


	
}


@media screen  and (max-width: 1439px) {
	#about-us .company-profile,#about-us .about-us-slider{
		width:100%;
		max-width: 1600px;

	}

	#about-us .company-profile{
			margin-bottom: 5rem;
		}

	#about-us .about-us-slider{
		max-height: 550px;
		overflow-y: hidden;
	}

	#about-us .company-profile .title,#about-us .company-profile .info{
		margin-top: 3rem;
	}

	
}

@media screen  and (max-width: 979px){
	#about-us .company-profile .title,
	#about-us .company-profile .info{
		width:95%;
		margin: 2rem auto;
	}

	#about-us .en-t{
		display: block;
		font-size: 12px;
	}

}


#history .history-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width:100%;
	margin-bottom: 5rem;
	padding-top: 3rem;
}

#history .history-list .item{
	flex:1;	
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
}


#history .title,#main-business .title,#aptitude-honor .title{ 
	   	
	padding-top:2rem;
}

#history .info{ 
	   	
	max-height:60rem;
}

#history  .date{
	text-align: center;
	margin:2rem 0;
	font-size: 2.4rem;
}



#history img{
	max-height: 110px;
}

#history dt,#history dd{
	margin: 0;
}

#history  .dot{
	border-bottom: 2px solid #ddd;
	display: block;
	width:100%;
	height: 30px;
	position: relative;
}

#history  .dot:after{
	content:"";
	display: block;
	width:16px;
	height: 16px;
	border-radius: 50%;
	background: #ddd;
	position: absolute;
	bottom:-8px;
	margin-left: -8px;
	left:50%;
	border:2px solid #fff;
}



#history dl{
	margin:inherit;
	display: inline;
	width:80px;
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ 
	writing-mode:vertical-lr;
	writing-mode:tb-lr;
}

#history .title .en-t{
	display: block;
}


#history .info  dt span{
	padding:0px;

}

#history .info  dt{
    font-weight: normal;
    color:#333;
    font-size: 18px;
}

#history .info  dd{
	color:#777;
	font-size: 15px;
}





@media screen and (max-width:1599px) {

	#history{
		max-width: 90%;
		margin: 0 auto;
	}

	#history img{
		max-height: 80px;
	}
	
}


@media screen and (max-width:1023px) {
	#history{
		width:100%;
	}

	#history .date{
		margin:2rem;
	}

	#history .history-list{
		flex-direction: column;;
	}

	#history .history-list .item{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: row;
		margin-bottom:2rem;
	}
	
	#history img{
		max-height: 150px;
		max-width: 120px;
	}

	#history .dot{
		transform: rotate(90deg);
		width:2%;
		border: none;
	}

	#history dl{
		width:auto;
		writing-mode:  horizontal-tb;
	}
	
	#history .info  dt span{
		padding:0;
	}

	#history .img{
		display: block;
		width:18%;
	}

	#history .date{
		width:10%;
	}

	#history .info{
		width:70%;
	}

	#history{
		position: relative;
	}

	#history:before{
		content:"";
		position: absolute;
		top:5%;
		left:17.3%;
		height:95%;
		background: #ddd;
		width:1px;
		display: block;
	}

	#history .title,#main-business .title,#aptitude-honor .title{ 
		   	
		padding-top:0rem;
	}

	
}

@media screen and (max-width:769px) {
	#history:before,#history .dot{
		display: none;
	}
}

@media screen and (max-width:641px){
	#history .history-list .item{
		flex-direction: column;
	}

	#history .img,#history .date,#history .info{
		width:100%;
	}

	#history img{
		margin: 0 auto;
		display: inline-block;
	}

	#history .img{
		text-align: center;
		margin-top: 2rem;
	}
}

#organizational{
	background: url(../images/o-bg.jpg) no-repeat center top;
	margin-top: 30px;
	padding-top: 20px;
}

#organizational .en-t{
	display: block;
}

#organizational img{
	margin:6rem auto;
}

@media screen and (max-width:1439px) {
	#organizational {
		width:100%;
		max-width: 100%;
	}

	#organizational img{
		margin:2rem auto;
	}
	
}

@media screen and (max-width:768px) {


	#organizational img{
		max-width: 95%;
	}
	
}

#aptitude-honor{
	background: url(../images/ah-bg.jpg) no-repeat right bottom;
	-webkit-background-size: cover;
	background-size: cover;
	padding-bottom: 3rem;

}

#aptitude-honor .am-gallery-bordered .am-gallery-item{
	margin:10px;
	padding:1rem;
	background: #fff;
}



.container{position:relative;width:100%;max-width:1630px;margin:3rem auto 0;
	-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;	}
/* filters */
#filters{margin:1%;padding:0;list-style:none;text-align: center;}
#filters li{display: inline-block;}
#filters li span{display:block;padding:5px 20px;text-decoration:none;color:#666;cursor:pointer;}
#filters li span.active{background:#e95a44;color:#fff;}
#filters li span.active a{color:#fff;}
#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;width:23%;*width:22%;margin:1%;display:none;float:left;overflow:hidden;}
#portfoliolist{	min-height: 760px;}
.portfolio-wrapper{overflow:hidden;position:relative!important;background:#666;cursor:pointer;max-height: 200px}
.portfolio img{max-width:100%;position:relative;width:100%;}
.portfolio .label{position:absolute;width:100%;height:30px;bottom:-30px;left:0;display: flex; align-items: center;justify-content: center;}
.portfolio .label-bg{background:rgba(0,0,0,0.5);width:100%;height:100%;position:absolute;top:0;left:0;}
.portfolio .label-text{color:#fff!important;position:relative;z-index:500;padding:0px 8px;}
.portfolio .label-text a{color:#fff!important;font-size: 14px;}
.portfolio .text-category{display:block;font-size:12px;opacity: 0.5;margin-top: 3px;}


@media screen and (min-width: 1280px) {
	.portfolio-wrapper{
		max-height: 175px;  /* 155px */
	}
	
	.portfolio-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*transition: all 1s;
    transform: scale(1.1);*/
}
}

/* #Tablet (Portrait) */
@media only screen and (min-width:768px) and (max-width:959px){
	.container{
		width:768px;
	}
}

@media screen and (max-width:1279px){
	#filters {display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
}
	#filters li{display: inline-block;width:20%!important;}

	#sort-footer .add{	
		width:100%!important;
		max-width: 100%!important;
	}

	.portfolio .label-text a{
		font-size: 12px;
	}
}

@media screen and (max-width:981px){
	#filters li span{
		font-size: 14px;
		padding: 0;
		text-align: center;
		padding:10px 0;
	}
}



/*  #Mobile (Portrait) - Note:Design for a width of 320px */
@media only screen and (max-width:767px){
	.container{
		width:95%;
	}

	.portfolio-wrapper{
		min-height: 200px
	}
	
	
	#portfoliolist .portfolio{
		width:98%;
		margin:1%;
	}

	#filters{
		display: none;
	}

	.portfolio .label{
		bottom:0px;
	}




}


/* #Mobile (Landscape) - Note:Design for a width of 480px */
@media only screen and (min-width:480px) and (max-width:767px){
	.container{
		width:70%;
	}
}

/* #Clearing */

/* Self Clearing Goodness */
.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix:before,.clearfix:after,.row:before,.row:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.row:after,.clearfix:after{clear:both;}
.row,.clearfix{zoom:1;}


#team-banner,#hr-banner{
	position: relative;
	background: url(../images/team-banner.jpg) no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
	padding:2rem 0;
}

#hr-banner{
	background: url(../images/hr-banner.jpg) no-repeat 50% 0;
	min-height: 360px;
}


#team-banner .info,#hr-banner .info{
	z-index: 1;
	color:#fff;
	width:100%;
	text-align: center;
}

#team-banner .title,#hr-banner .title{
	
	font-size: 2.4rem;
}

#team-banner .icon-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	max-width: 980px;
	margin: 5rem auto;
}

#team-banner .icon-list .item{
	
	text-align: center;
	width:20%;
}

#team-banner .icon-list .iconfont{
	font-size: 7.2rem;
}

#team-banner .icon-list h2{
	font-size: 3.6rem;
	line-height: 2;
}

#team-list .item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin:3rem 0;
}

#team-list .item .img,#team-list .item .info{
	padding:15px;
	width:50%;
}

#team-list .item .info p{
	margin:3rem 0;
	text-align: justify;
	width:95%;
}

#team-list .item .info h2{
	font-size: 3.6rem;
}

#team-list .item .info small{
	opacity: 0.5
}

#team-list .item img{
	max-width: 95%;
}

#team-list .item .img,#team-list .item .info{
	position: relative;
}

#team-list .item .lt{
	position: absolute;
	right:0;
	top:0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
	width:20px;
}

#team-list .item .lt:before,#team-list .item .lt:after{
	content:"";
	display: block;
	height:35%;
	width:1px;
	background: #ccc;
	position: absolute;	
	left:0%;

}

#team-list .item .lt:before{
	top:15px;
}

#team-list .item .lt:after{
	bottom:15px;
}

#team-list .item .lt span{
	writing-mode: vertical-lr;
	position: relative;
	color:#ccc;
}

#team-list .item2{
	flex-direction: row-reverse;

}

#team-list .item2 .lt{
	left:-20px;
}



@media screen and (max-width: 981px){

	#team-banner .icon-list{
		margin:3rem 0;
	}
	
	#team-list .item .info h2{
		font-size: 2.4rem;
	}


	#team-list .item{
		align-items:flex-start;
	}

	#team-list .item .img,#team-list .item .info{
		padding:0px;
	}

	#team-list .item .img img{
		width:100%;
		max-width: 100%;
	}



	#team-list .item .info p{
		font-size: 14px;
		margin: 1.5rem 0;
	}

	#team-list .item .lt{
		display: none;
	}

	#team-list .item2{
		flex-direction: row;
	}


}

@media screen and (max-width: 769px){

	#team-banner,#hr-banner{
		padding:1rem 0;
	}

	#team-banner .icon-list{
		margin:1.5rem 0;
		width:100%;
		max-width: 100%;
	}

	#team-banner .icon-list {
		display: none;
	}

	#team-list .item{
		display: block;
	}

	#team-list .item .img,#team-list .item .info{
		width:100%;
		padding:0;
	}

	#team-list .item .img{
		margin-bottom: 2rem;
	}

	#team-list .item .info p{
		width: 100%;
	}

}


#team-detail{
	padding:3rem 0;
}

#team-detail .d1,#team-detail .d2{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
}

#team-detail .d1 .info,#team-detail .d3 .info{
	width:25%;
	padding:25px;
	border: 1px solid #eee;
	border-bottom: none;
	border-right: none;
}

#team-detail .info h2{
	font-size: 3.6rem;
	line-height: 2;
}

#team-detail .info p{
	text-align: justify;
}

#team-detail .d1 .slider{
	width:75%;
}

#team-detail .am-slider{
	margin: 0;
	border: none;
	box-shadow: none;
}

#team-detail .img{
	width:25%;
}

#team-detail .info,#team-detail .icon-list{
	width:37.5%;
}

#team-detail .d2{
	background: #5c5c5c;
	align-items: center;
	max-height: 460px;
	overflow-y: hidden;
}

#team-detail .d2 .info{
	background: #5c5c5c;
	color:#fff;
	padding:25px;
}

#team-detail .icon-list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
}

#team-detail .icon-list .item{
	width:50%;
	text-align: center;
	color:#fff;
	height:230px;
	background: #f0f0f0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color:#555;
	border: 1px solid #fff;
	border-bottom: none;
	border-right: none;
}

#team-detail .icon-list .item .iconfont{
	font-size: 4.2rem;
}

#team-detail .icon-list .item h2{
	font-size: 2.6rem;
}

#team-detail .d3{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-bottom: 1px solid #eee;
}



#team-detail .d3 .case-list{
 width:75%;
 border-right:1px solid #eee;
}

#team-detail .d3 .img{
	width: 100%;
}

#team-detail .d3 dl{
	font-size: 15px;
	padding:3rem 15px;	
	border-left:1px solid #eee;
}

#team-detail .d3 dd{
	font-size: 14px;
}

#team-detail #owl-demo img{
	max-width: 100%;
}

#team-detail .owl-carousel .item{
	padding:0;
}



@media screen and (max-width:1601px){
  #team-detail .d2 .icon-list .item{
  	max-height: 220px;
  }

  .owl-theme .owl-controls .owl-buttons{
  	top:-351px;
  }


  .owl-theme .owl-controls .owl-buttons  .owl-next{	
  	bottom:-322px;
  }
}

@media screen and (max-width:1441px){
  #team-detail .d2 .icon-list .item{
  	max-height: 199px;
  }
}

@media screen and (max-width:1281px){
  #team-detail .d2 .icon-list .item{
  	max-height: 176px;
  }

  #team-detail p{
  	font-size: 14px;
  }
}

@media screen and (max-width:1025px){
	#team-detail .d1,#team-detail .d2,#team-detail .d3{
		flex-wrap: wrap;
	}	

	#team-detail .d1 .info,
	#team-detail .d1 .slider,
	#team-detail .d3 .info,
	#team-detail .d3 .case-list{
		width:100%;
	}

	#team-detail .d1 .info,
	#team-detail .d3 .info{
		border-right: 1px solid #eee;
	}

	#team-detail .d1 {
		flex-direction: column-reverse;
	}

	#team-detail .d2{
		max-height: none;
	}

	#team-detail .d2 .img,
	#team-detail .d2 .info{
		width:50%;
	}

	#team-detail .d2 .icon-list{
		width:100%;
	}

	#team-detail .d2 .icon-list .item{
		width:25%;
		max-height: none;
		height:180px;
	}

	#team-detail .owl-pagination{
		display:block;		
	}

	#team-detail .owl-theme .owl-controls{
		border-left: 1px solid #eee;
		border-right: 1px solid #eee;
		padding-top: 20px;
	}

	#team-detail .owl-theme .owl-controls .owl-buttons{
		display: none;
	}

	#team-detail .d3 dl{
		border: none;
		background: #f0f0f0;
	}

	#case-detail .case-slider img{
		height: 300px;
		max-width: 100%;
		/*object-fit: cover;*/
		margin: 0 auto;
		display: block;
	}

}


@media screen and (max-width:641px){
		#team-detail .d2 .img,
		#team-detail .d2 .info{
			width:100%;
		}

		#team-detail .d2 .icon-list .item{
			width:50%;
		}

	#case-detail .case-slider img{
		height: 300px;
		max-width: 100%;
		/*object-fit: cover;*/
		margin: 0 auto;
		display: block;
	}

}


@media screen and (max-width:1441px){
	#case-detail .item{
		width:25%;
	}

	#case-detail .info{
		width: 75%;
	}

	#case-detail .detail{
		position: relative;
		padding:15px 0;
	}

}

@media screen and (max-width:1025px){
	#case-detail .item{
		width:100%;
	}

	#case-detail .info{
		width: 100%;
		border: none;
		padding: 0;
		margin:0;
		margin-top: 20px;
	}

	#case-detail .detail{
		width:100%;
		max-width: 100%;
		padding:1.5rem;
		margin-top: 0;
		background: #fff;
		color:#444;
	}

	#case-detail .am-slider-default{
		height: auto!important;
	}
}

@media screen and (max-width:769px){
	#case-detail .am-slider{
		margin: 0;
	}
	#case-detail .detail{
		padding:1.5rem 0;
	}

	#case-detail .title{
		color:#444;
		position: relative;
		bottom:0px;
		width:100%;
		padding: 1rem 0;
		background: #f0f0f0;
	}

	#case-detail .title h1{
		font-size: 1.6rem;
		margin: 0 1.5rem;
	}
	
	#case-detail .title h2,#case-detail .title h2 span{
		padding:0.5rem 1.5rem;
		margin-top: 1rem;
	}
}

#main-business{
	background: url(../images/mb-bg.jpg) no-repeat right bottom;
}

#main-business .line{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#main-business .mb-title{
	width:12%;
	position: relative;
}

#main-business .square{
	width:150px;
	height:150px;
	background: #cdcdcd;
}

#main-business .d2 .square{
	opacity: 0.5
}

#main-business .d3 .square{
	opacity: 0.2
}


#main-business .mb-title .info{
	position: absolute;
	top:10%;
	left:25%;
	background: #fff;
	padding:15px 10px;
	width:80px;
}

#main-business .mb-title .info dl{
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	display: block;
}

#main-business .mb-title .info dt,#main-business .mb-title .info dd{
	margin: 0;
}

#main-business .mb-title .info dt{
	font-size: 2.4rem;
	letter-spacing: 5px;
	font-weight: normal;
}

#main-business .mb-title .info dd{
	font-size: 1.4rem;
	opacity: 0.5
}



#main-business .list{
	width:88%;
	padding: 3rem 0;
}

#main-business .list .img,#main-business .list .name{
	max-width: 90%;
	margin: 0 auto;
}

#main-business .list .img{
	max-height: 150px;
	overflow: hidden;
	display: block;
}

#main-business .list .name{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	min-height: 70px;
}

#main-business .list  li{
	margin-bottom: 1.5rem;
}

#main-business .list img{
	max-width: 100%;
}



@media screen and (max-width:1441px){
	#main-business .square{
		width:100px;
		height:100px;
		background: #cdcdcd;
	}

}

@media screen and (max-width:1025px){
	#main-business .square{
		width:80px;
		height:80px;
		background: #cdcdcd;
	}

	#main-business .mb-title .info{
		top:5%;
		left:10%;
	}
}

@media screen and (max-width:769px){
	#main-business .square{
		width:80px;
		height:80px;
		background: #cdcdcd;
		display: none;
	}

	#main-business .mb-title,
	#main-business .list,
	#main-business .list .img,
	#main-business .list img, 
	#main-business .list .name,
	#main-business .mb-title .info{
		width:100%;
		margin: 0 auto;
	}

	#main-business .mb-title .info{		
		position: relative;
		padding: 0;
		left:0;
		top:0;
		background: #f0f0f0;
		padding: 0.5rem 1.5rem;
	}

	#main-business .mb-title .info dl{
		-webkit-writing-mode:  horizontal-tb;
		-ms-writing-mode:  horizontal-tb;
		writing-mode:  horizontal-tb;
		width:100%;
	}

	#main-business .main{
		max-width: 100%;
		width:100%;
	}

	#main-business  .list li{
		margin-bottom: 0;
		padding:0 1.5rem;
	}
}
#sort-header #news{
	background: #5c5c5c;
}

#news{
	background: #eee;
}

#news .main{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#news .main .list{
	width:80%;
	float:left;
}

#news .main .am-list-news,#news .main .news-detail{
	padding: 1.5rem 25px;
	margin:3rem 0;
	background: #fff;
	width:98%;
}

#news .main .news-detail p.am-margin-top{
	margin-top: 30px;
	border-top:1px solid #eee;
	padding: 20px 0;
}

#news .main .am-list-news-hd{
	border-bottom: 1px solid #ddd;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
}

#news .main .am-list-news-hd a{
	color:#333;
}

#news .main .sidebar{
	width:20%;
	float:left;
}

#news .list .date span{
	background: #0E90D2;
	color:#fff;
	display: inline-block;
	border-radius: 20px;
	padding:3px 8px;
	font-size: 14px;
	font-family: Arial;
}



#news .list img{
	max-width: 80%;
	margin: 0 auto;
}

#news .list video{
	max-width: 100%;
	margin-left: -2em;
}

#news .list  .am-list li{
	border-bottom: 1px solid #eee;
	padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
	width:100%!important;
	max-width: 100%!important
}

#news .am-list-item-hd a{
	font-size: 1.6rem;
	color:#444;
}

#news .am-list-item-text{
	font-size: 1.6rem;
	line-height: 1.65;
	max-height: 4.8rem
}

#news .am-list-main{
	padding: 0 1.5rem;
}

#news .sidebar{
	padding:25px 0;
}

#news  .news-title{
	background: url(../images/news-title-bg.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color:#fff;
	padding:10px 15px;
}


#news .column{
	background: #fff;
}

#news .column a{
	display: block;
	line-height: 50px;
	color:#333;
	border-bottom: 1px solid #eee;
	text-indent:1rem;
	transition: all 0.2s;
}

#news .column a:before{
	font: normal normal normal 1.6rem/1 "FontAwesome", sans-serif;
	content:"\f105";
	display: inline-block;
	line-height: 50px;
	margin-right: 1rem;
}

#news .column a:hover{
	background: #999;
	color:#fff;
}

#news .hotnews{
	background: #fff;
	padding:15px;
	margin-top: 2rem;
}

#news .hotnews .item{
	background: #f0f0f0;
}

#news .hotnews dl{
	margin:0 1.5rem 1.5rem;
	color:#444;
	font-size: 1.4rem;
	padding-bottom: 2rem;
	padding-top: 1.5rem;
}
#news .hotnews dd{
	text-align: justify;
}

#news .hotnews .date{
	margin-bottom: 1.5rem;
	opacity: 0.5
}

.am-text-lg{ 
	display: block;
  text-overflow: ellipsis; /*显示省略符号来代表被修剪的文本，也可以自定义*/
  overflow: hidden; /*//溢出内容隐藏*/
  white-space:nowrap; /*//强制文本在一行内显示*/
}




@media screen and (max-width:1441px) {
	#news .list .date{
		width:100%!important;
		margin-bottom: 1.5rem;
	}

	#news .list .date span{
		border-radius: 0;
	}
	
	#news .list img{
		max-width: 100%;
	}
}

@media screen and (max-width:1025px) {
	#news .hotnews{
		display: none;
	}

	#news .main{
		width:100%;
		max-width:98%;
	}

	#news .main .list{
		width:79%;
		 box-sizing:border-box;
	}

	#news .main .sidebar{
		width:20%;
		overflow: hidden;
	}
}

@media screen and (max-width:768px) {
	#news .main .list, #news .main .sidebar{
		width:100%;
	}

	#news .main{
		flex-direction: column-reverse;
	}

	#news .main .sidebar ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	#news .main  .sidebar li{
		width:50%;
	}

	#news .main .am-list-news, #news .main .news-detail{
		margin: 0;
		padding:1.5rem;
	}

	#news .am-list-thumb,#news .am-list-main{
		padding: 0 ;
	}

	#news .am-list-main{
		padding: 0 0 0 1.5rem;
	}

	#news .am-list-news-default .am-list-item-thumb-left .am-list-thumb, 
	#news .am-list-news-default .am-list-item-thumb-right .am-list-thumb{
		max-height: 240px;
		margin-bottom: 1.5rem;
	}
}


#news .news-detail .title{
	margin:1.5rem 0;
	border-bottom: 1px solid #eee;
	padding-bottom: 1.5rem;
}

#news .news-detail .title small{
	font-size: 14px;
	opacity: 0.5
}

#news .news-detail .content img{
	display: block;
	max-width: 100%!importnat;
	margin: 1.5rem auto;
}


.contactx{
	margin-bottom:5rem;
	display: block!important;
}

.contactx .item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin:2rem 0;
}

.contactx .item .iconfont{
	font-size: 3.6rem;
	margin:0 1.5rem 0 0;
}

.contactx .item dl,.contactx .item dt,.contactx .item dd{
	margin: 0;
}

.contactx .map{
	border: 1px solid #eee;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

@media screen and (max-width: 1025px) {
	.contactx .am-form-label{
		text-align: left;
		margin-bottom: 1.5rem;
	}

	.contact-list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}
	
	.contact-list .item{
		width:50%;
	}
}

@media screen and (max-width: 768px){
	.contactx .item{
		width:100%;
		margin: 0;
		margin-top:1rem;

	}

	#dituContent{
		height:360px!important;
	}

	.contactx .am-form{
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}

	.contactx .am-form-group{
		margin-bottom: 0;
	}

	.contactx .am-btn{
		margin-top: 1.5rem;
	}
}


#hr-content  .am-g{
	margin:5rem auto;
}

#hr-content .title h2{
	position: relative;
	text-align: center;
	margin-bottom: 3rem;
}


#hr-content .title h2 span{
	font-size: 2.4rem;
	background: #fff;
	padding:0 100px;
	display: inline-block;
	position: relative;
	z-index: 10;
}


#hr-content .title span:before,
#hr-content .title span:after{
	content:"";
	display: block;
	position: absolute;
	width:40%;
	height:1px;
	background: #999;
	top:50%;
}

#hr-content .title span:before{
	left:-20%;
}

#hr-content .title span:after{
	right:-20%;
}

#hr-content .job-list a{
	color:#444;
	line-height: 2;
	display: block;
}

#hr-content .job-list span{
	opacity: 0.6
}

#hr-content .content{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#hr-content .content .c01{
	width:40%;
	position: relative;
}

#hr-content .content .c01 .info{
	position: absolute;
	bottom:20px;
	width:100%;
	color:#fff;
	padding:25px;
}

#hr-content .content .c01 .info h2{
	font-size: 2.4rem;
	margin-bottom: 1rem;
}

#hr-content .content .c02{
	width:60%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
}

#hr-content .content .s01,#hr-content .content .s02{
	flex:1;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

#hr-content .content .s1 .item{
	flex:1;
}

#hr-content .content .s2 .i01{
	flex:1;
}
#hr-content .content .s2 .i02{
	flex:2;
}

#hr-content .content img{
	max-width: 100%;
}

#hr-content .hr-news{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#hr-content .hr-news img{
	margin-bottom: 1.5rem;
}

#hr-content .hr-news .pic{
	max-height:200px;
	overflow: hidden;
	display: block;
	margin-bottom: 20px;
}

#hr-content .hr-news .top-news,#hr-content .hr-news .news-list{
	width: 40%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

#hr-content .hr-news .news-list{
	width:60%;
}

#hr-content .hr-news .top-news .item,#hr-content .hr-news .news-list .item{
	width:50%;
	padding:0rem 2rem 2rem 0;
}

#hr-content .hr-news  a{
	color:#333;
}

#hr-content .hr-news  dd{
	font-size: 14px;
	color:#666;
}
#hr-content .hr-news .am-btn{
	border-radius: 20px;
	color:#fff;
	margin-top: 1rem;
	font-size: 14px;
}

@media screen and (max-width: 1281px) {
	#hr-content .hr-news{
		max-width:100%;
	}
}

@media screen and (max-width: 1025px) {
	#hr-content .hr-news{
		max-width:100%;
	}
	#hr-content .hr-news .top-news, #hr-content .hr-news .news-list{
		width:100%;
	}
}





@media screen and (max-width: 981px) {
	#hr-content .content .c01,
	#hr-content .content .c02,
	#hr-content .content .s01 .item,
	#hr-content .content .s02 .item,
	#hr-content .hr-news .top-news,
	#hr-content .hr-news .news-list,
	#hr-content .hr-news .top-news .item, 
	#hr-content .hr-news .news-list .item{
		width:100%;
	}

	#hr-content .content .c01 img{
      width:100%;
	}

	#hr-content .content .c02{
		display: none;
	}
	#hr-content .hr-news .top-news .item, 
	#hr-content .hr-news .news-list .item{
		margin: 0;
		padding: 0;
		margin-bottom: 2rem;
	}

	#hr-content .hr-news .top-news .item{
		width:50%;
		padding: 0 15px;
	}
	#hr-content .content .s01,#hr-content .content .s02{
		flex-wrap: wrap;
	}

	#hr-content .content .s01 img,#hr-content .content .s01 img{
		width:100%;
	}

	#hr-content .content p{
		font-size: 14px;
	}

	#hr-content .content .c01 .info{
		padding-bottom: 0;
	}

	#hr-content  .am-g:last-child{
		margin:5rem auto 0;
	}

	#hr-banner{
		min-height: 200px;
	}

	#hr-content .hr-news .news-list{
		padding:15px;
	}
}


@media screen and (max-width: 640px) {
		#hr-content .hr-news .top-news .item{
			width:100%;
		}

}



#bim-info{
	margin:5rem auto;
}

#bim-info h2{
	margin-bottom: 1rem;
	font-size: 2.4rem;
}

#bim-info h4{
	opacity: 0.5;
	margin-bottom: 1rem;
}

#bim-info .sub-info{
	margin-top: 3rem;
}

#bim-info .sub-info li{
	background: #f0f0f0;
	font-size: 14px;
	text-align: center;
	line-height: 36px;
	border: 1px solid #fff;
}

#bim-info .sub-info li:nth-of-type(2),
#bim-info .sub-info li:nth-of-type(4),
#bim-info .sub-info li:nth-of-type(5),
#bim-info .sub-info li:nth-of-type(7){
	background: #e0e0e0;
}


#bim-team{
	background: #f0f0f0;
	margin:10rem 0 5rem;
}

#bim-team .info{
	position: relative;
}

#bim-team .info h2{
	position: absolute;
	top:-50px;
	height:50px;
	background: #f0f0f0;
	width:100%;
	font-size: 2.4rem;
}

#bim-team .info p{
	background: #fff;
	padding:1.5rem;
	line-height: 2.6rem;
	position: relative;
	margin-bottom: 4rem;
}

#bim-team .info p:before{
	content:"BIM设计与研究中心";
	display: block;
	width:100%;
	background: #f0f0f0;
	font-size: 2.4rem;
	height:5rem;
	line-height: 5rem;
	font-weight: bold;
	text-indent: 1.5rem;
	position: absolute;
	top:-5rem;
	left:0;
}

#bim-team .list dl{
	text-align: center;
	padding:1.5rem;
	position: relative;
	top:5rem;
}

#bim-team .list dt{
	border-bottom:5px solid #8fc87b;
	line-height: 3;
	font-size: 1.8rem;
}

#bim-team .list dl dd:first-of-type{
	border-top:1px solid #8fc87b;
	margin-top: 5px;
	padding-top: 1.5rem;
}


#bim-case .item{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 3rem 0;
}

#bim-case .item .info{
	width:25%;
}

#bim-case .item  .img01{
	width:48.2%;
	padding:0 25px;
}

#bim-case .item  .img02{
	width:31.8%;
}

#bim-case h2{
	margin-bottom: 2rem;
	font-size: 1.8rem;
	line-height: 1.65;
}

#bim-case .item .info span{
	display: block;
}

@media screen and (max-width:1281px){
	#bim-info .sub-info li{
		width:50%;
	}
}

@media screen and (max-width:1279px){
	#bim-info .info,
	#bim-info .img,
	#bim-team .info,
	#bim-team .list,
	#bim-case .item .info{
		width:100%;
	}

	#bim-info .am-g,
	#bim-team .am-g,
	#bim-case{
		width:100%;
		max-width:100%;
	}

	#bim-case{
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
	
	#bim-team .list dl{
		top:0;
		margin-bottom: 2rem;
	}

	#bim-team .list dd{
		font-size: 14px;
	}

	#bim-info img{
		margin-top: 3rem;
	}

	#bim-team .info p{
		margin-bottom: 1rem;
	}

	#bim-case .item{
		flex-wrap: wrap;
	}

	#bim-case .item .info{
		margin-bottom: 1.5rem;
	}

	#bim-case .item .img01{
		width:60%;
		padding: 0;
	}

	#bim-case .item .img02{
		width:40%;
	}

	#bim-case .item .info span{
		display: inline-block;
		margin-left: 5px;
	}
}

@media screen and (max-width:769px){
	#bim-team .list dl{
		margin-bottom: 1rem;
	}
	#bim-case .item .img01,#bim-case .item .img02{
		width:100%;
		margin-bottom: 1rem;
	}

}

#award-winning-project .img-list>div{
	padding:0px;
}

#award-winning-project .img-list img{
	width:100%;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
}

#award-winning-project dl{
	margin:30px 10px 30px 0;
}

#award-winning-project dt{
	font-size: 32px;
	font-weight: bold;
}

#award-winning-project dd{
	font-size: 15px;
	line-height: 2;
}

.navigation-down-inner .am-g{
	width:100%;
}

@media screen and (max-width: 1025px){
	#award-winning-project .list .am-u-md-3{
		width:100%;
	}

	#award-winning-project  .list dl{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}

	#award-winning-project  .list  dt{
		width:100%;
	}

	#award-winning-project  .list  dd{
		width:50%;
	}

}

@media screen and (max-width: 769px){
	#award-winning-project .am-u-md-3{
		width:100%;
	}


	#award-winning-project  .list  dd{
		width:100%;
	}
}

#center01{
	position: relative;
	padding:30px 0;
	width:100%;
	overflow: hidden;
}

#center01 .hand{
	position: absolute;
	bottom:-5vh;
	right:-3vh;
	display: none!important
}

#center01 .info{
	margin:30px 0;
}

#center01 .title,
#center02 .title,
#center03 .title,
#center04 .title{
	font-size: 30px;
	margin-bottom: 10px;
}

#center01 .gray-info{
	padding:20px 0;
	background: #f0f0f0;
	position: relative;
}

#center01 .gray-info:before{
	content:"";
	display: block;
	height:100%;
	width:20vw;
	background: #f0f0f0;
	left:-20vw;
	top:0;
	position: absolute;
}

#center01 .gray-info .item{
	margin-bottom: 20px;
}

#center01 .gray-info h2{
	margin-bottom: 10px;
}


#center02{
	background: url(../img/bim002.jpg) no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
	margin:3rem auto;
	padding-bottom: 5rem;
}

#center02 .info{
	color:#fff;
	padding-top:50px;
	padding-bottom:30px;
}

#center02 #green{
	background: #fff;
}

#center02 #green .item{
	position: relative;
	top:20px;
	left:20px;
	line-height: 2;
}

#center02 #green .item dt + dd{
	margin-top: 0;
}

#center02 #green .it2 dd{
	width:50%;
	float: left;
	display: block;
}

#center02 #green .it2 dd:last-child{
	width:100%;
}


#center03 {
	padding-top:30px;
}

#center03 .info{
	width:90%;
}


#center03 .title{
	position: relative;
	height:60px;
}

#center03 .title img{
	position: absolute;
	right:1px;
	bottom:-20vh;
	width:45%;
}



#center03 .video{
	position: relative;
	z-index: 10;
	margin-bottom: 10px;
}

#center03 p{
	margin-bottom: 10px;
}

#center04{
	background: url(../img/bim017.jpg) no-repeat 50% 0;
	-webkit-background-size: cover;
	background-size: cover;
	padding:5rem 0;
}

#center04 .pic-list{
	margin:5rem auto 3rem;
}

#center04 .item{
	margin-bottom: 20px;
}

#center04  img{
	margin-bottom: 15px;
}

@media screen and (max-width:1440px) {
	
	#center02 #green .item{
		top:10px;
		left:10px;
	}
	#center02 dd{
		font-size: 14px;
	}
}


@media screen and (max-width:1280px) {
	#center02 #green .item{
		top:0px;
		left:10px;
	}

	#center02 dd{
		font-size: 13px;
	}
}

@media screen and (max-width:981px) {
	#center02 #green .item{
		top:30px;
		left:30px;
	}

	#center02 dd{
		font-size: 16px;
	}

	#center02 #green img{
		width:100%;
	}

	#center02 #green .bim004{
		float:right;
	}

	#center02 #green .bim005{
		display: none;
	}

	#center02 #green .list{
		border-bottom:1px solid #eee;
	}
}

@media screen and (max-width:769px) {
	#center02 #green .item{
		top:10px;
		left:10px;
		margin-bottom:30px;
	}

	#center02 dd{
		font-size: 14px;
	}

	#center03 .info{
		width:100%;
	}

	#center03 .title{
		height:40px;
	}
	
	#center03 .title img{
		display: none;
	}

	#center03{
		padding-bottom: 3rem;
	}

	#center04 .item{
		padding:0!important;
	}

	#center01 .am-g{
		width:100%;
		padding-left:0;
		padding-right:0;
	}

	#center01 .gray-info:after{
		content:"";
		display: block;
		height:100%;
		width:20vw;
		background: #f0f0f0;
		right:-20vw;
		top:0;
		position: absolute;
	}

}


.team-list2{
  width:100%!important;
  max-width: 1600px!important;
}

.team-list2 .am-slider{
  margin-bottom: 50px;
}

.team-leader{
  border:1px solid #eee;
  padding:0 10px 20px;
  position: relative;
  margin:50px auto;
  width:90%;
  color:#444;
  min-height: 280px;
}

.team-leader .pic{
  width:150px;
  height: 150px;
  border-radius: 50%;
  margin:0 auto -50px;
  position: relative;
  top:-75px;
  border:10px solid #fff;
  display: block;
  background:#f2f2f2;
}

.team-leader h2{
  text-align: center;
  font-size: 2.4rem;
}

.team-leader p{
  width:92%;
  margin:15px auto 0;
}
.single{
  margin: 0;
  width:100%;
  min-height: auto;
  margin-top: -15px;
  margin-bottom:20px;
  min-height: 160px;
}

.single h2{
  text-align: left;
}

.single p{
  width:100%
}

.single .pic{
  top:0;
  display: inline-block;
  margin:10px;
  float:left;
}

.single .leader-info{
  margin-top:10px;
}

@media screen and (max-width: 1439px) {

  .team-list2  .am-g{
    width:100%;
    margin:0 auto;
  }
  
}

@media screen and (max-width:768px) {


  .single{
    display: block;
  }

  .single .pic{
  margin:0 auto -50px;
  position: relative;
  top:-75px;
  display: block;
  float:none;
  }

  .single h2{
    text-align: center;
  }

  .team-leader{
    margin-top: 30px;
    min-height: auto;
  }

  .team-leader .pic{
    width:100px!important;
    height: 100px!important;
    top:-50px!important;
  }
  
}


@media screen and (max-width:979px) {

	#reserach,#reserach .am-g,#reserach .am-u-md6{
		width:100%!important;
		max-width: 100%;
		margin:0;
		padding-bottom: 15px;
	}

	#reserach .am-g{}
	
}
.am-pagination {
	text-align: center;
}

.am-pagination  .num,.am-pagination  .current{
	display: inline-block;
	width:30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #eee;
	margin:0 5px;
}

.job-list .hr-ti{
  background-image: linear-gradient( 135deg, #375088 10%, #5d84dc 100%);padding:10px;color:#fff
}
.job-list .info{
  border:1px solid #eee;padding:0px 15px 15px; 
  margin-bottom: 30px;
  background: #fdfdfd;
}
@media screen and (min-width:1025px) {
  .job-list .info{
    min-height: 240px;
  }
  
}