.c{clear: both;}
.fl{float: left;}
.fr{float: right;}
li{list-style:none;}
img{ padding: 0; border: 0; margin: 0;vertical-align: middle;}
.c-flex{display: flex;flex-wrap: wrap;align-items: center}
.imgfd{overflow: hidden; position: relative; padding-top: 75%;}
.imgfd img{ width: 100%; height: 100%; transition: all 0.5s ease;object-fit: cover;display: block; position: absolute; top: 0; left: 0;}
.imgfd:hover img{transform: scale(1.1);}
.imgfdd{overflow: hidden;}
.imgfdd img{ width: 100%; height: auto;transition: all 0.5s ease;object-fit: cover;display: block;}
.imgfdd:hover img{transform: scale(1.1);}
.center{ width: 1600px; margin: 0 auto;}
.padd65{ padding: 85px 0 0;}


.sy_about{background: #f5f5f5;}
.sy_item_tit{ margin-bottom: 30px; color: #333;}
.sy_item_tit h3{ font-size: 50px;}
.sy_item_tit h3 span{ color: #005bb3;}
.sy_item_tit p{ font-size: 18px; margin-top: 10px; color: #333;}
.sy_ab_des p{font-size: 16px; line-height: 30px}
.pro_message .sy_item_tit h3,.pro_message .sy_item_tit p{ color: #fff;}
.sy_about_txt{ width: 49%;}
.sy_about_txt .btn_box{ margin: 50px 0; text-align:left;}
.sy_about_txt .btn_box .more_btn:nth-child(2){ margin-left: 20px; border: 1px solid #aeaeae; text-align: center; padding-left: 50px;}
/*.sy_about_txt .btn_box .more_btn:nth-child(2) a{ color: #2d2d2d;}
.sy_about_txt .btn_box .more_btn:nth-child(2) a i{ font-size: 20px; margin-left: 5px;}
.sy_about_txt .btn_box .more_btn:nth-child(2):hover a{ color: #fff}*/
.sy_number .line{ margin: 0 auto;}
.sy_number dl dt{ overflow: hidden;}
.sy_number .line:last-child{ display: none;}
.sy_number dl dt{ display: flex;}
.sy_number dl dt b{ font-size: 56px; font-family: fantasy; color: #005bb3; font-weight: normal; line-height: 70px; display: inline-block;}

.sy_number dl dt p{ font-size: 14px;}
.sy_number dl dt .left{ float: left;}
.sy_number dl dt span{ float: left; text-transform: uppercase; font-size: 14px; margin-left: 5px;writing-mode:vertical-lr;}
.sy_ab_img{ width: 48%; position: relative;}
.sy_ab_img .play_btn{ position: absolute; left: 50%; bottom: 50%; margin-left: -50px; margin-bottom: -50px; cursor: pointer;}

.sy_project{text-align: center;}
.sy_proj_list ul li{ float: left; width: 24%; margin-right: 1.33%; position: relative; margin-bottom: 30px;}
.sy_proj_list ul li:nth-child(6),.sy_proj_list ul li:first-child{ width:49.33%; }
.sy_proj_list ul li:nth-child(3n){ margin-right: 0;}
.sy_proj_list ul li p{ position: absolute;width: 100%; text-align: center; color: #fff; bottom: 0; left: 0; font-size: 18px;background: linear-gradient(#0000, rgb(0 0 0 / 70%)); padding: 16px 0;}
.sy_proj_list ul li:nth-child(6) .imgfd,.sy_proj_list ul li:first-child .imgfd{padding-top: 36.4%;}




.more_btn{ display: inline-block; text-align: center; overflow: hidden;min-width: 180px; position: relative;z-index: 1; border: 1px solid #005bb3; padding: 3px 3px 3px 30px; border-radius: 27px; box-sizing: border-box;}
.more_btn i.icon-youjiantou3{ display: inline-block;width: 46px; height: 46px; border-radius: 50%; /*background: #005bb3;*/ text-align: center; line-height: 46px; color: #fff; margin-left: 15px; font-size: 18px;float: right;}
.more_btn.on,.more_btn:hover{ background:#005bb3;}
.more_btn.on i.icon-youjiantou3,.more_btn:hover i.icon-youjiantou3{ /*background: #fff;*/ color: #005bb3; }
.more_btn .abjt{background:#005bb3 url(../images/abjt1.png) no-repeat center top 12px;}
.more_btn:hover .abjt{background:#fff url(../images/abjt2.png) no-repeat center top 12px; }
.more_btn .gc{background: url(../images/gc1.png) no-repeat center top 14px; }
.more_btn:hover .gc{background: url(../images/gc2.png) no-repeat center top 14px; }


.more_btn.on:hover{ text-decoration: underline;}
.more_btn {
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.more_btn::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #37474f; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.more_btn::before {
	background: #005bb3;
}
.more_btn,
.more_btn::before {
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.more_btn:hover,.more_btn.wb:hover{ background:none;}
.more_btn:hover a,.more_btn:hover span,.more_btn.on a,.more_btn.on span {
	color: #fff;
}
.more_btn:hover::before,.more_btn.on::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.more_btn a{
	font-size: 16px;
}

.more_btn.wb{border-color:#fff;}
.more_btn a,.more_btn span{ display: block; width: 100%; line-height: 48px; color: #005bb3; text-align: center;}
.more_btn.wb a,.more_btn.wb span{ color: #fff;}
.more_btn.wb i.icon-youjiantou3{ background: #fff; color: #005bb3;}
.more_btnw{width: 233px; transition: all 0.5s ease;  display: inline-block; background: url(../images/btnbg_07.png) no-repeat center; background-size: cover;}
.more_btnw a,.more_btnw span{ display: block; width: 100%; line-height: 71px; color: #fff; text-align: center;  font-size: 18px;}
.more_btn:hover a,.more_btn:hover span,.more_btn.on a,.more_btn.on span{ color: #fff;}


@media (max-width: 1600px){
	.center{ width: 96%!important;}
	.sy_item_tit h3{ font-size: 40px;}
	.sy_about_txt .btn_box{ margin: 35px 0;}
	.padd65{ padding: 70px 0 0;}
	.sy_about_txt{ padding-bottom: 0;}
	.tab_txt .tab_icon img{ width: 46px;}
	.sy_youshi .youshi_tab ul li .tab_txt{ padding: 0 20px;}
	.map_card{ left: 2%; margin-left:0; padding:50px;}
}

@media (max-width: 1400px){
	.padd65{ padding: 65px 0 0;}
	.ny_center{ width: 96%!important;}
}

@media (max-width: 1281px){

	.sy_item_tit h3{ font-size: 34px;}
	.sy_item_tit p{ font-size: 16px;}
	.sy_about_txt .btn_box{ margin: 20px 0;}
	.sy_number dl dt b{ font-size: 70px; line-height: 60px;}
	.more_btn a, .more_btn span{ line-height: 38px;}
	.more_btn i.icon-youjiantou3{ width: 36px; height: 36px; line-height: 36px;}
	.more_btn{ padding-left: 20px; min-width: 140px;}
}
@media (max-width: 1024px){
	.padd65{ padding: 30px 0 0;}
	.sy_about_txt{ width: 100%; float: none;}
	.sy_ab_img{ width: 100%; float: none;}
	.sy_proj_list ul li{ width: 49%; margin-right: 2%;}
	.sy_proj_list ul li:nth-child(3n){ margin-right: 2%;}
	.sy_proj_list ul li:nth-child(6), .sy_proj_list ul li:first-child{ width: 100%; margin-right: 0;}
	.sy_proj_list ul li:nth-child(2n+3){ margin-right: 0;}
	.more_btn{ min-width: 120px;}
	.more_btn a, .more_btn span{ line-height: 38px;}
}
@media (max-width: 768px){
	.padd65{ padding: 20px 0 0;}
	.sy_item_tit h3{ font-size: 30px;}
}
@media (max-width: 540px){
	.sy_item_tit{ margin-bottom: 20px;}
	.sy_item_tit h3{ font-size: 26px;}
	.sy_item_tit p{ font-size: 14px;}
	.sy_number dl dt b{ font-size: 50px; line-height: 40px;}
	.sy_number dl dt span{ font-size: 12px;}
	.sy_number dl dt p{ font-size: 12px;}
	.sy_ab_img .play_btn img{ width: 60px;}
	.sy_ab_img .play_btn{ margin-bottom: -30px; margin-left: -30px;}
	.sy_proj_list ul li{ margin-bottom: 20px;}
}
@media (max-width: 450px){
	.more_btn{ min-width: 90px;}
	.more_btn a, .more_btn span{font-size: 12px; line-height: 30px;}
	.more_btn i{ margin-left: 5px;}
}