/*字体控制器*/
@font-face
{
	font-family: eng_med;
	src: url('/fonts/AlibabaSans-Medium.otf');
}
@font-face
{
	font-family: eng_reg;
	src: url('/fonts/AlibabaSans-Regular.otf');
}

.newpage {}
.facad { position: relative; }
.facad img { width: 100% }
.facad .floater { position: absolute; left: 0; top: 0; width: 100%; }
.facad .floater .pop { width: 50%; margin: 9% 0 0 13%}
.facad .floater .pop h1 {    
	text-align: center;    
	font-size: 34px;
	font-weight: 700;
	font-style: normal;
	color: #225175;
	margin-bottom: 55px;
}
.facad .floater .pop ul { display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center; }
.facad .floater .pop ul li {}
.facad .floater .pop ul li:first-child { margin-right: 15px; } 
.facad .floater .pop ul li a {color: rgb(34, 77, 119);    border: rgb(34, 77, 119) 1px solid;  padding: 8px 30px; font-size: 18px;}
.facad .floater .pop ul li a:hover {border-color: rgb(34, 77, 119);    background-color: rgb(34, 77, 119); color: #fff}

.fourthpoper { background: #224d77fe; }
.fourthpoper ul { padding: 50px 0; display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: center; }
.fourthpoper li { flex: 1;text-align: center;  border-right: 1px solid rgba(109,153,186,0.2);}
.fourthpoper li .cc { display: table;margin: 0 auto }
.fourthpoper li .cc i { color: #fff; line-height: 1;font-size:40px; display: inline; }
.fourthpoper li .cc h1 { 
	font-size: 40px;
	font-weight: normal;
	font-style: normal;
	color: #97d6ed;
	padding: 0 0 0 15px;
	padding: 0 0 0 15px;
	display: inline;
}
.fourthpoper li p { color: #fff; line-height: 2; font-size: 20px; }
.fourthpoper li:last-child { border-right: none }

.ramps { background-image: url(/images2/Stamps.jpg); }
.ramps .title { text-align: center; padding: 40px 0 30px 0; margin-bottom: 30px;}
.ramps .title h1 {
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	color: #1d3658;
}
.ramps .title p {	color: rgb(153, 153, 153)}


.ramps .products { display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: flex-start;align-items:stretch; padding-bottom: 80px;  }
.ramps .products .item { flex: 1;text-align: center; margin-right: 30px; border-right: 1px solid #dfdfdf ; padding-right: 30px;}
.ramps .products .item a { display: block; color: rgb(153, 153, 153) }
.ramps .products .item a:hover { display: block; color: #1d3658 }
.ramps .products .item:last-child { margin-right: 0; border: none; padding: 0 }
.ramps .products .item .ico { height: 120px; width: 120px; border-radius: 50%; overflow: hidden; background-size: cover; margin: 0 auto 15px auto}
.ramps .products .item .tts {}
.ramps .products .item .tts h1 { font-size: 18px; text-align: center; font-weight: 700 ; line-height: 2}
.ramps .products .item .tts p { font-size: 14px; line-height: 1.2; text-align: left; }


.sliderindex {}
.sliderindex ul { display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: stretch; }
.sliderindex li {flex: 1; background-size: cover; }
.sliderindex li dd,.sliderindex li dt {padding-top: 65px; padding-bottom: 95px;}
.sliderindex li dd { text-align: right;  padding-left: 30%; padding-right: 15%; }
.sliderindex li dt { text-align: left;padding-left: 15%; padding-right: 30%; color: #fff; }

.sliderindex li dd h1,.sliderindex li dt h1 { font-size: 30px; line-height: 2; margin-bottom: 8px; }
.sliderindex li dd p,.sliderindex li dt p { font-size: 16px; line-height: 1.3; font-weight: 100;}

.sliderindex li a { display: table; border: 1px solid #fff; padding: 8px 15px; font-size: 14px; line-height: 1.55; color: #fff; }
.sliderindex li a:hover {  background: #fff; color: #000 }

.sliderindex li dd a { margin: 25px 0 0 auto } 
.sliderindex li dt a { margin:  25px auto 0 0} 
/**/
.lineshower { display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: stretch;margin-bottom: 1px }
.lineshower .item { height: 188px; background-size: cover; flex: 1;  margin-right: 1px;background-position: center; }
.lineshower .item:last-child { margin-right: 0 }
/**/
.lineshower2 { display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: stretch; margin-bottom: 1px }
.lineshower2 .item { height: 195px; background-size: cover; flex: 1; margin-right: 1px ;background-position: center;}
.lineshower2 .item:last-child { margin-right: 0 }
/**/
.facilities {  }
.facilities .title { text-align: center; padding: 40px 0 30px 0; margin-bottom: 30px;}
.facilities .title h1 {
	font-size: 26px;
	font-weight: normal;
	font-style: normal;
	color: #1d3658;
}
.facilities .title p {
	color: rgb(153, 153, 153)
}

.facilities_contianer { background: #1d3658; position: relative; height: 740px;}
.facilities_contianer .left { margin-right: 1px; flex: 1 }
.facilities_contianer .right { flex: 1 }

.facilities_contianer .item { margin-bottom: 1px }
.facilities_contianer .item .arimg { background-repeat: no-repeat;background-size: cover; }
.facilities_contianer .item a { background: #f8f8f8; display: block; padding: 15px; }
.facilities_contianer .item a .tt h1 { color: rgb(153, 153, 153); font-size: 14px; line-height: 1.5}
.facilities_contianer .item a .tt h2 { color: rgb(153, 153, 153); font-size: 18px; line-height: 2.2; font-weight: bold}
.facilities_contianer .item a .tt p { color: rgb(153, 153, 153); font-size: 14px; margin-bottom: 8px;}
.facilities_contianer .item a:hover { background: #1d3658;  }
.facilities_contianer .item a:hover .tt h2,.facilities_contianer .item a:hover .tt p { color: #fff }

.facilities_contianer .gallies {position: absolute; z-index: 1; left: 0;top: 0; padding: 10px; width: 100%; display: flex;flex-flow: row;flex-wrap: nowrap;justify-content: center;align-items: stretch;}
.facilities_contianer .gallies .aa { opacity: 0.5 ; cursor: pointer;  }
.facilities_contianer .gallies .aa:hover { opacity: 1 }
.facilities_contianer .gallies .item1 { flex: 1;margin-right: 1px }
.facilities_contianer .gallies .item1 .aa { height: 238px; width: 100%;background-size: cover; margin-bottom: 1px }
.facilities_contianer .gallies .item2 { flex: 1 }
.facilities_contianer .gallies .item2 .aa { height: 238px; width: 100%;background-size: cover; margin-bottom: 1px }