@charset "utf-8";
.advantage {
	text-align: center;
	color: #fff;
	padding: 55px 0px 30px 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/breadcumb01.jpg);
	margin-top: 20px;
	background-attachment: fixed;
}
.advantage_head p {
	text-transform: uppercase;
	font-family: Arsenal,sans-serif;
	font-size: 30px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}
.advantage_head h2 {
	font-size: 16px;
	margin-top:10px;
	color:#FFF;
}
.advantage_list {
	margin-top: 25px;
}
.advantage_col {
	margin-top: 30px;
	margin-bottom: 50px;
	text-align: left;
}
.advantage_col h4 {
	text-align: left;
	padding-top: 8px;
	color:#FFF;
}
.advantage_col h4 a {
	color: #fff;
}
.advantage_col h4 a:hover {
	color: #ffc000;
	text-decoration: none;
}
.advantage_col span {
	display: inline-block;
	text-align: left;
	border-top: 1px solid #eaeaea;
	padding-top: 9px;
}
.advantage_col img {
	max-width: 100px;
	-webkit-transition: -webkit-transform 1.2s ease-out;
	-moz-transition: -moz-transform 1.2s ease-out;
	-o-transition: -o-transform 1.2s ease-out;
	-ms-transition: -ms-transform 1.2s ease-out;
}
.advantage_col img:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
.gallery_main{ padding-top:60px;}

.am-pd{ padding:80px 0; overflow:hidden;}
.am-pb{ padding-bottom:80px; overflow:hidden;}

.am-title .line{ width:0; height:3px; background:#0066cc;transition:all 1s linear;}
.am-title .line.animated{ width:97px;}
.am-title .en{font-family:Bahnschrift,Arial, Helvetica, sans-serif; line-height:1; margin-top:20px; margin-bottom:10px; text-transform:uppercase; font-size:38px; font-weight:700; letter-spacing:-2px;}
.am-title .cn{ font-size:32px; color:#666; line-height:1;}
.am-title.w .line{background:#fff;}
.am-title.w .en{ color:#fff;}
.am-title.w .cn{ color:#fff;}

.hm-prolist{ margin-top:30px;}
.hm-prolist ul{ margin:0 -13px; padding-left:33.333%; position:relative;}
.hm-prolist ul li{ padding:13px; float:left; width:50%;}
.hm-prolist ul li a{ display:block; overflow:hidden; border-radius:10px; position:relative;}
.hm-prolist ul li a .img{ position:relative; background-position:center; background-size:cover; background-repeat:no-repeat; padding:45% 0; transition:all .3s linear;}
.hm-prolist ul li a .img:before{ content:''; display:block; width:100%; height:100%; background:rgba(0,102,204,.3); position:absolute; left:0; top:0;}
.hm-prolist ul li:first-child{ position:absolute; left:0; top:0; height:100%; width:32.666%;}
.hm-prolist ul li:first-child a{ height:100%;}
.hm-prolist ul li:first-child a .img{ height:100%;}
.hm-prolist ul li a:hover .img{ transform:scale(1.08)}
.hm-prolist ul li a .txt{ position:absolute; width:100%; padding:25px; left:0; bottom:0; z-index:99; color:#fff;}
.hm-prolist ul li a .txt .cn{ font-size:30px; font-weight:bold;}
.hm-prolist ul li a .txt .en{ font-size:20px; font-weight: lighter; font-style:italic;}
.hm-prolist ul li a .txt i{ display:block; width:46px; height:46px; border-radius:50%; border:2px solid #fff;position:absolute; right:20px; top:50%; transform:translateY(-50%)}
.hm-prolist ul li a .txt i:before{ content:""; display:block; width:26%; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -15%;    transform: rotate(40deg);transform-origin: right;}
.hm-prolist ul li a .txt i:hover:before{animation: rota .6s ease 1 forwards;}
.hm-prolist ul li a .txt i:after{ content:""; display:block; width:26%; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -15%;    transform: rotate(-40deg);transform-origin: right;}
.hm-prolist ul li a .txt i:hover:after{animation: rotaf .6s ease 1 forwards;}
.am-container{max-width: 1500px;}


.fp_box_3 {
	padding-top: 40px;
	background-color:#f8f8f8;
	padding-bottom:20px;
}

.fp_box_3 h2 {
	font-size: 36px;
	font-weight: normal;
	color: rgb(158, 158, 158);
	line-height: 28px;
	margin-bottom: 5px;
	font-family: SYN !important;
	position: relative;
	display: inline-block;
	padding-bottom: 20px;
	border-bottom: 5px solid #ccc;
	margin: 30px 0;
}

.fp_box_3 p {
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 30px;
	color: #666;
}

.fp_box_3 .left {
	width: 49.5%;
	float: left;
	height: 550px;
	position: relative;
}

.fp_box_3 .left img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.fp_box_3 .left span {
	display: block;
	padding: 20px;
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	font-size: 22px;
	background: rgba(0, 0, 0, 0.4) url(../images/more.png) no-repeat center;
	background-size: 40px;
	background-position-x: 80%;
}

.fp_box_3 span:hover {
	background-color: #f95201;
}

.fp_box_3 .rii {
	float: right;
	width: 49.5%;
}

.fp_box_3 .rii ul li {
	width: 49%;
	float: left;
	height: 265px;
	position: relative;
	margin-bottom: 20px;
}

.fp_box_3 .rii ul li:nth-child(2n) {
	float: right;
}

.fp_box_3 .rii ul li img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}

.fp_box_3 .rii ul li span {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	font-size: 14px;
	padding: 10px;
	color: #fff;
	background: rgba(0, 0, 0, 0.4);
	background-size: 20px;

}

.fp_box_3 .rii ul li:hover span {
	background-color: #f95201;
}


.main {
	width: 1500px;
	margin: 0 auto;
}

@media only screen and (max-width: 750px) {
	.main {
		width: 100%;
		padding: 0 15px;
	}
	
	.fp_box_3 .left {
		width: 100%;
		float: left;
		height: auto;
		position: relative;
	}
.fp_box_3 .rii {

	width: 100%;
}

.fp_box_3 .rii ul li {
	width: 49%;
	float: left;
	height: 265px;
	position: relative;
	margin-bottom: 20px;
}
	
	
	}