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

{

/*导航*/

.sy_nav_box{

	width: 100%;

	height: 8vh;

	position: fixed;

	top: 0;

	z-index: 1000;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_nav_box:hover{

    background: #FFFFFF;

-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

}

.sy_nav_box_hei{

    background: #FFFFFF;

}

.sy_nav_boxon{

    background: #FFFFFF;

-moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

}

.sy_nav_back{

    width: 100%;

    height: 8vh;

}



.sy_nav{

	width: 100%;

	height: 100%;

	margin: 0 auto;

	display: flex;

	flex-direction: row;

	justify-content: space-between;

	align-items: center;

	position: static;

}



.sy_nav_logo{

	width: auto;

	height: 100%;

	position: relative;

    padding-left: 3%;

}

.sy_nav_logo>a{

	width: auto;

	height: 100%;

	margin: 0 auto;

	display: inline-flex;

	flex-direction: column;

	justify-content: center;

}



.sy_nav_logo img{

	width: auto;

	height: 2rem;

	margin: 0 auto;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_nav_main{

	width: 0%;

	height: auto;

	display: flex;

	flex-direction: column;

	justify-content: flex-end;

	align-items: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	position: absolute;

    top: 8vh;

    right: 0;

    opacity: 0;

    background: #FFFFFF;

    padding: 1.5rem 0;

}

    .sy_nav_mainon{

        width: 100%;

        opacity: 1;

    }



.sy_nav_meun{

	width: auto;

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: flex-end;

	position: relative;

	background-image: url("../images/nav_back.svg");

	background-position: center bottom;

	background-repeat: no-repeat;

	background-size: 100% auto;

}

.sy_nav_meun_tiem{

	width: auto;

	height: 100%;

    margin:0.5rem 0;

	position: relative;

}



.sy_nav_meun_tiem>a{

	height: 100%;

	position: relative;

	font-size: 1.25rem;

	color: #333333;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	display: flex;

	flex-direction: column;

	justify-content: center;

    text-align: center;

}

.sy_nav_box_hei .sy_nav_meun_tiem>a{

	color: #333333;

}

.sy_nav_boxon .sy_nav_meun_tiem>a{

	color: #333333;

}

.sy_nav_box:hover .sy_nav_meun_tiem>a{

	color: #333333;

}

.sy_nav_meun_tiem:hover>a{

	color: #333333;

}

.sy_nav_meun_tiemon>a{

	color: var(--OneColor);

}

.sy_nav_boxon .sy_nav_meun_tiem:hover>a{

	color: var(--OneColor);

}

.sy_nav_boxon .sy_nav_meun_tiemon>a{

	color: var(--OneColor);

}

.sy_nav_box_hei .sy_nav_meun_tiem:hover>a{

	color: var(--OneColor);

}

.sy_nav_box_hei .sy_nav_meun_tiemon>a{

	color: var(--OneColor);

}

.sy_nav_box:hover .sy_nav_meun_tiem:hover>a{

	color: var(--OneColor);

}

.sy_nav_box:hover .sy_nav_meun_tiemon>a{

	color: var(--OneColor);

}





.sy_nav_down{

	position: relative;

	width: 100%;

	height: 0;

	overflow: hidden;

	background: #FFFFFF;

	top: 0;

	left: 0;

	opacity: 0;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	padding: 0rem 0;

	-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);

    -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);

    box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.0);

}

.sy_nav_meun_tiem:hover .sy_nav_down{

	height: auto;

	opacity: 1;

	padding: 1rem 0;

}

.sy_nav_down_item{

	text-align: center;

	position: relative;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_nav_down_item>a{

	display: inline-block;

	height: 2.5rem;

	line-height: 2.5rem;

	position: relative;

	font-size: 1rem;

	color:#949494;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	

}

.sy_nav_down_item:hover>a{

	color:var(--OneColor);

	font-size: 1rem;

}

.sy_nav_line{

    display: none;

}

.sy_nav_search{

	width: auto;

	height: 2.3rem;

	border-radius: 2.3rem;

    padding: 0;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

    position: relative;

    margin-top: 1rem;

    margin-bottom: 1rem;

}





.sy_nav_search_main{

	position: relative;

	top: 0;

	right: 0;

	width: auto;

	height: 100%;

	background: #f5f5f5;

    border-radius: 3rem;

    padding-left: 1rem;

    padding-right: 0.5rem;

	display: flex;

	flex-direction: row;

	justify-content: space-between;

	align-items: center;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_nav_search_main_input_input{

	width: 10rem;

	height: 100%;

	border: none;

    background: none;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_nav_search_main_input_input::placeholder{

    color: rgba(0,0,0,0.7);

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_nav_search_main_input_input:focus{

    width: 10rem;

}



.sy_nav_search_main_input_input:-internal-autofill-selected{

	background-color: transparent;

}



.sy_nav_search_main_btn{

	display: inline-block;

	width: 1.6rem;

	height: 1.6rem;

	font-size: 0;

}

.sy_nav_search_main_btn>svg{

	width: 1.6rem;

	height: 1.6rem;

	fill:rgba(0,0,0,0.7);

	cursor: pointer;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}





.menubtn{

	width: 25px;

	position: absolute;

	right: 3vw;

	top: 0;

	z-index: 10;

	display: block;

}

/* nav-icon-5 */

.nav-icon-5{  width: 25px; z-index: 20;  height: 20px; position: relative;  cursor: pointer;}

.nav-icon-5 span{  background-color:#990004;  position: absolute;  border-radius:3px;  transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  width:100%;  height: 3px;  transition-duration: 500ms}

.sy_nav_box_hei .nav-icon-5 span{

	background-color: #990004;

}

.sy_nav_boxon .nav-icon-5 span{

    background-color: #990004;

}



    

.nav-icon-5 span:nth-child(1){  top:0px;  left: 0px;}

.nav-icon-5 span:nth-child(2){  top:8px;  left: 0px;  opacity:1;}

.nav-icon-5 span:nth-child(3){  bottom:0px;  left: 0px;}

.nav-icon-5:not(.open):hover span:nth-child(1){  transform: rotate(0deg) scaleY(1.1);}

.nav-icon-5:not(.open):hover span:nth-child(2){  transform: rotate(0deg) scaleY(1.1);}

.nav-icon-5:not(.open):hover span:nth-child(3){  transform: rotate(0deg) scaleY(1.1);}

.nav-icon-5.open span:nth-child(1){transform: rotate(45deg);  top: 8px;}

.nav-icon-5.open span:nth-child(2){opacity:0;}

.nav-icon-5.open span:nth-child(3){transform: rotate(-45deg);  top: 8px;}



/*footer*/

.sy_footer_top{

	width: 3rem;

    height: 3rem;

	z-index: 99;

	position: fixed;

	bottom: 4rem;

	right: 2%;

	opacity: 0;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_footer_top_xian{ opacity: 1;}

.sy_footer_top span{

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 100%;

    height: 100%;

    background:#282828;

    border-radius: 50%;

    -moz-box-shadow: 0px 0px 15px 0 rgba(255,255,255,0.3);

    -webkit-box-shadow: 0px 0px 15px 0 rgba(255,255,255,0.3);

    box-shadow: 0px 0px 15px 0 rgba(255,255,255,0.3);

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_footer_top span:hover{

    background: var(--OneColor);

}

.sy_footer_top span svg{

    width:1.25rem;

    height:1.25rem;

    fill:#ffffff;

    margin: 0 auto;

	    -webkit-animation: xiashang 2s infinite;

	transform: translateY(2px);

}

@keyframes xiashang

{

    0% {

		transform: translateY(2px);

	}

	50% {

		transform: translateY(-2px);

	}

	100% {

		transform: translateY(2px);

	}

}







.sy_footer{

	width: 94%;

	height: auto;

	margin: 0 auto;

	display: flex;

	flex-direction: row;

	justify-content: space-between;

	padding-top: 3rem;

}

.sy_footer_left_logo img{

	width: auto;

	height: 2rem;

}

.sy_footer_left_tel{

	width: auto;

	height: auto;

	display: flex;

	flex-direction: row;

	justify-content: flex-start;

    align-items: center;

    padding-top: 1rem;

}

.sy_footer_left_tel_ico svg{

    width: 2.3rem;

    height: 2.3rem;

    fill:var(--OneColor);

}

.sy_footer_left_tel_title{

	font-size: 1.5rem;

	color: var(--OneColor);

    padding-left: 0.5rem;

}



.sy_footer_right{

    width: 50%;

    height: auto;

}

.sy_footer_right_top{

    width: auto;

    height: auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    align-items: center;

}

.sy_footer_right_top_title{

    padding-right: 1rem;

    font-size: 1.25rem;

    color: #333333;

}

.sy_footer_right_bottom{

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    padding-top: 1rem;

}

.sy_footer_right_bottom_sw{

    width: 90px;

    height: 90px;

    margin: 0;

    padding: 0;

}

.sy_footer_right_bottom_sw img{

    width: 90px;

    height: 90px;

}



.sy_footer_line{

	width: 100%;

	height: 1px;

	margin: 0 auto;

	text-align: center;

    font-size: 0;

    background: #DBDBDB;

    margin-top: 1rem;

}



.sy_footer_menu{

	width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

}

.sy_footer_menu_item{

    width: 20%;

    height: auto;

}

.sy_footer_menu_item_t{

    display: block;

    font-size: 1.25rem;

    color: #333333;

    margin-top: 2rem;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_footer_menu_item_t:hover{

    color: var(--OneColor);

}

.sy_footer_menu_item_l{

    display: block;

    font-size: 1rem;

    color: #666666;

    margin-top: 0.5rem;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}



.sy_footer_copy{

	width: 94%;

	height: auto;

	margin: 0 auto;

    text-align: center;

	padding: 3rem 0;

    padding-top: 2rem;

	color: #999999;

	font-size: 1rem;

	position: relative;

}

.sy_footer_copy a{

	color: #999999;

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_footer_copy a:hover{

	color: #000000;

}





/*搜索结果页*/

.sy_sc_box{

    width: 94%;

	height: auto;

    padding: 0.7rem 0;

    border-bottom: 1px solid #333333;

	margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    margin-top: 1rem;

}

.sy_sc_box_left{

    width: calc(100% - 2rem);

    height: 2rem;

    line-height: 2rem;

}

.sy_sc_box_left input{

    width: 100%;

    height: 100%;

    border: none;

    font-size: 1.25rem;

}

.sy_sc_box_right svg{

    width: 1.5rem;

    height: 1.5rem;

    margin-top: 0.3rem;

}

.sy_sc_bottom{

    width: 94%;

	height: auto;

	margin: 0 auto;

    text-align: left;

    font-size: 1rem;

    padding-top: 0.7rem;

    color: #333333;

    font-family: phl;

}



.sy_sc_type{

    width: 94%;

	height: auto;

	margin: 0 auto;

    text-align: left;

    font-size: 1.125rem;

    padding-top: 1.5rem;

    color: #333333;

    text-align: center;

}

.sy_sc_type a{

    font-size: 1.25rem;

    color: #333333;

	padding-right: 10px;

    padding-left: 10px;

}

.sy_sc_type .sy_sc_type_a{

   color: var(--OneColor);;

}





.sy_sc_list{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap: wrap;

}

.sy_sc_item{

    display: block;

    width: 49.2%;

    height: auto;

    margin-right: 1.6%;

    margin-top: 1rem;

}

.sy_sc_item:nth-of-type(4n){

    margin-right: 1.6%;

}

.sy_sc_item:nth-of-type(2n){

    margin-right: 0;

}

.sy_sc_item_img{

    width: 100%;

    height: calc(94vw * 0.492 * 239 / 396);

    font-size: 0;

    overflow: hidden;

}

.sy_sc_item_title{

    color: #333333;

    font-size: 1.125rem;

    padding-top: 0.5rem;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_sc_item:hover .sy_sc_item_title{

    color: var(--OneColor);

}



.sy_sc_more{

    width: 86vw;

    width: var(--mainwidth);

	height: auto;

	margin: 0 auto;

    text-align: center;

    margin-top: 4rem;

}

.sy_sc_more a{

    display: inline-flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.sy_sc_more span{

    font-size: 1.375rem;

    color: #666666;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_sc_more a:hover span{

    color: var(--OneColor);

}

.sy_sc_more svg{

    width: 1.1rem;

    height: 1.1rem;

    margin-top: 0.5rem;

    margin-right: 0.3rem;

    fill:#666666;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_sc_more a:hover  svg{

    fill: var(--OneColor);

    transform: rotate(180deg);

}



/*首页*/

.sy_id_banner{
    height: calc(100vw * 900 / 1920);
}

.sy_id_banner_img_item img{

    position: absolute;

    right: 0;

    top: 0;

    width:100vw;
    height: calc(100vw * 900 / 1920);

	object-fit: cover;

	object-position: center;

    transform: scale(1.3);

}


.sy_id_banner_pagination{

    bottom: 1.5rem;

}



.sy_id_banner_san{

	position: absolute;

	width: 100%;

	height: auto;

	bottom: 3.8rem;

	z-index: 2;

	-webkit-animation: shangxia 2s infinite;

}

.sy_id_banner_san_1,.sy_id_banner_san_2{

	width: 100%;

	height: auto;

	font-size: 0px;

	overflow: hidden;

	text-align: center;

}

.sy_id_banner_san_1 img{ height: 0.5rem;}

.sy_id_banner_san_2{ margin-top: 0rem;}

.sy_id_banner_san_2 img{ height: 0.75rem;}



@keyframes shangxia

{

    0% {

		transform: translateY(0);

	}

	50% {

		transform: translateY(5px);

	}

	100% {

		transform: translateY(0);

	}

}



.sy_id_banner_img_item img{

    position: absolute;

    right: 0;

    top: 0;

    width:100vw;

	height: 100%;

	object-fit: cover;

	object-position: center;

    transform: scale(1.3);

}

.sy_id_ser{

    width: 100%;

    height: auto;

    flex-wrap: wrap;

}

.sy_id_ser_item{

    width: 50%;

    height: auto;

    position: relative;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_id_ser_item:hover{

    width: 50%;

}

.sy_id_ser_item_top{

    display: none;

}

.sy_id_ser_item_con{

    width: 100%;

    height: calc(100vw * 500 / 1920);

    position: relative;

    overflow: hidden;

}

.sy_id_ser_item_img{

    width: 50vw;

    height: 100%;

    position: absolute;

    z-index: 0;

    left: 0;

    top: 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_id_ser_item_img img{

    width: 100%;
    height: 100%;
	object-fit: cover;
	object-position: center;
}
.sy_id_ser_item_back{

    font-size: 1.25rem;

}



.sy_id_item_box{

     width: 100%;

	margin: 0 auto;

    height: auto;

    padding-top: 1.5rem;

}

.sy_id_title{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}

.sy_id_title_left{

    font-size: 1.875rem;

    color: #333333;

    text-align: left;

	font-weight: bold;

}



.sy_id_title_right a span{

    font-size: 1.25rem;

}

.sy_id_sm{

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: 1rem;

}

.sy_id_sm_item{

    position: relative;

    display: block;

    width: 49.6%;

    height: calc(49.5vw * 445 / 955);

    overflow: hidden;

    margin-top: 0.8%;

}

.sy_id_sm_item_title{

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 5;

    font-size: 1.25rem;

    color: #FFFFFF;

    font-weight: bold;

    padding-top: 1rem;

	padding-left: 3vw;

}





.sy_id_yw{

    margin-top: 1rem;

}

.sy_id_yw_item{

    position: relative;

    display: block;

    width: 49.6%;

    height: calc(49.6vw * 330 / 472.5);

    overflow: hidden;

    margin-top: 0.8%;

    margin-right: 0.8%;

}

.sy_id_yw_item:nth-of-type(4n){

    margin-right: 0.8%;

}

.sy_id_yw_item:nth-of-type(2n){

    margin-right: 0;

}

.sy_id_yw_item_title{

    font-size: 1.25rem;

}

.sy_id_yw_item:hover .sy_id_yw_item_title{

    background: rgba(153, 0, 4, 0.7);

    font-size: 1.5rem;

}





.sy_id_zyk{

    margin-top: 1rem;

}

.sy_id_zyk_item{

    position: relative;

    display: block;

    width: 49.6%;

    height: calc(49.6vw * 550 / 955);

    overflow: hidden;

    margin-top: 0.8%;

}



.sy_id_zyk_item_title{

    font-size: 1.75rem;

}



.sy_id_ab_box{

    width: 100%;

    height: auto;

    background-image: url("../images/id_ab_back.jpg");

    background-size: cover;

    background-position: center;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin-top: 1rem;

    padding: 3rem 0;

}

.sy_id_ab{

    width: 94%;

    justify-content: center;

}

.sy_id_ab_item{

    width: 33%;

    height: auto;

    text-align: center;

    margin: 1rem 0;

}

.sy_id_ab_item_count{

    font-size: 3.25rem;

    color: #FFFFFF;

    font-family: phm;

}

.sy_id_ab_item_count span{

    position: relative;

}

.sy_id_ab_item_count span.sy_id_ab_item_count_j{

    padding-right: 2.3rem;

}

.sy_id_ab_item_count span:after{

    position: absolute;

    content: attr(at);

    right: 0;

    top: 0;

    

}

.sy_id_ab_item_title{

    font-size: 1.125rem;

    color: #D9843B;

}



/*主营业务索引*/

.sy_nbanner{

    width: 100%;

    height: calc(100vw * 800 / 1920);

    position: relative;

}

.sy_nbanner_text{

    font-size: 2.75rem;

}

.sy_nbanner_title{

    position: absolute;

    width: 100%;

    height: 3rem;

    z-index: 5;

    left: 0;

    bottom: 0;

    background: linear-gradient(to top,rgba(0,0,0,0.46) 0%,rgba(0,0,0,0.2) 54.86%,rgba(0,0,0,0) 100%);

    padding-left: 3vw;

    font-size: 1.75rem;

    color: #FFFFFF;

}

.sy_nbanner_menu{

    position: absolute;

    width: 100%;

    height: auto;

    z-index: 15;

    left: 0;

    bottom: 0;

    padding-left: 0vw;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap: wrap;

    padding-bottom: 0.5rem;

	padding-top: 2rem;

   

	 background: linear-gradient(to top,rgba(0,0,0,0.46) 0%,rgba(0,0,0,0.2) 54.86%,rgba(0,0,0,0) 100%);

}

.sy_nbanner_menu a{

    width: 25%;

    font-size: 1.125rem;

    color: #FFFFFF;

    margin-right: 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

    cursor: pointer;

    margin-top: 0.2rem;

    text-align: center;

}


.sy_nbanner_menu2{

    position: absolute;

    width: 100%;

    height: 5rem;

    z-index: 15;

    left: 0;

    bottom: 0rem;

    padding-left: 0vw;

    display: flex;

    flex-direction: column;

    justify-content: center;

   

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

    padding-bottom: 1rem;

	padding-top: 0.5rem;

   background: linear-gradient(to top,rgba(0,0,0,0.46) 0%,rgba(0,0,0,0.2) 54.86%,rgba(0,0,0,0) 100%);

}

.sy_nbanner_menu2on{

    background: #FFFFFF;

    position: fixed;

    top: 8vh;

    padding-bottom: 0rem;

	padding-top: 0;

    -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

    box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

}

.sy_nbanner_menu2_l{

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap: wrap;

    align-items: center;

    width: 100%;

    height: auto;

}

@keyframes synmenu2amit

{

    to {

        transform: translateY(0rem);

        opacity: 1;

    }

}

.sy_nbanner_menu2_item{

    width: 33.33%;

    margin-right: 0;

    position: relative;

    padding-bottom: 0rem;

    margin: 0.2rem 0;

}

.sy_nbanner_menu2on .sy_nbanner_menu2_item{

    padding-bottom: 1;

}

.sy_nbanner_menu2_item>a{

    font-size: 1.125rem;

    color: #fff;

    display: flex;

    flex-direction: row;

    justify-content: center;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}







.sy_nbanner_menu2_down{

    position: absolute;

    width: 9rem;

    top: 100%;

    left: calc(50% - 4.5rem);

    height: 0;

    padding:0;

    background: rgba(255,255,255,1);

    text-align: center;

    overflow: hidden;

    opacity: 0;

    z-index: 5;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	border: 1px solid rgba(232, 232, 232, 1);

}

.sy_nbanner_menu2_item:hover .sy_nbanner_menu2_down{

    height: auto;

    opacity: 1;

    padding: 0.5rem 0;

}

.sy_nbanner_menu2on .sy_nbanner_menu2_item:hover .sy_nbanner_menu2_down{

    background: rgba(255,255,255,1);

    height: auto;

    opacity: 1;

    padding: 1rem 0;

}

.sy_nbanner_menu2_down>a{

    display: block;

    font-size: 1rem;

    color: #666666;

    margin: 0.5rem 0;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_nbanner_menu2_down>a:hover{

    color: var(--OneColor);

}

    

    

    

.sy_yw_item{

    width: 100%;

    height: auto;

    clear: both;

}

.sy_yw_item_img{

    float: none;

    width: 100%;

    height: calc(100vw * 540 / 960);

    font-size: 0;

    overflow: hidden;

}

.sy_yw_item2 .sy_yw_item_img{

    float: none;

}



.sy_id_item_box_yewu{

	width: 100%;

	margin: 0 auto;

}

.sy_id_item_box_yewu .sy_yw_item_con{

	padding: 1.5rem 2.5rem;

}

 



.sy_yw_item_con{

    float: right;

    width: 100%;

    height: auto;

    background: #F6F6F6;

    padding: 1.5rem 2.5rem;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

	position: relative;

	   

}

.sy_yw_item2 .sy_yw_item_con{

    float: none;

}

.sy_yw_item_con_title{

    font-size: 2.25rem;

}



.sy_yw_item_con_ltitle{

    font-size: 1.25rem;

}



.sy_yw_item_con_des{

    font-size: 1.125rem;

    line-height: 150%;

    color: #444444;

    margin-top: 1rem;

}



.sy_yw_item_con_tag{

    font-size: 1.2rem;

    color: var(--OneColor);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

    margin-top: 1rem;

    line-height: 160%;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap: wrap;

}



/*项目案例*/

.sy_case{

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

}

.sy_case_item{

    width: 50%;

    height: calc(50vw * 500 / 960);

    position: relative;

    margin-top: 1rem;

    overflow: hidden;

}

.sy_case_item_con{

    position: absolute;

    width: 100%;

    height: 3.5rem;

    line-height: 3.5rem;

    left: 0;

    bottom: 0;

    z-index: 5;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_case_item_con_text{

    padding-left: 3vw;

    font-size: 1.125rem;

    color: #FFFFFF;
	line-height: 1.5rem;

}

.sy_case_item_con_ico{

    width: auto;

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding-right: 1vw;

    -webkit-transition: all 0.5s 0.5s;

    -moz-transition: all 0.5s 0.5s;

    transition: all 0.5s 0.5s;

    opacity: 0;

}

.sy_case_item:hover .sy_case_item_con_ico{

    opacity: 1;

}

.sy_case_item_con_ico img{

    width: 2rem;

    height: 2rem;

}



/*案例详情*/

.scase_jj{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    padding-top: 3rem;

}

.scase_jj_1{

    width: 100%;

}

.scase_jj_1_title{

    font-size: 1.875rem;

    font-family: phs;

    color: #333333;

}

.scase_jj_1_ltitle{

    font-size: 1.5rem;

    font-family: phs;

    color: #333333;

    margin-top: 1rem;

}

.scase_jj_1_des{

    font-size: 1.125rem;

    color: #333333;

    line-height: 150%;

    margin-top: 0.5rem;

}



.scase_jj_2_title{

    font-size: 1.5rem;

    font-family: phs;

    color: #333333;

    margin-top: 2rem;

}

.scase_jj_2_con{

    font-size: 1.125rem;

    color: #333333;

    line-height: 140%;

    margin-top: 0.5rem;

}

.scase_img{

    width: 94%;

	height: auto;

	margin: 0 auto;

    padding-top: 1rem;

}

.scase_img img{

    margin-top: 1rem;

    width: 100%;

    height: auto;

    cursor: pointer;

}

.scase_menu{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

    margin-top: 2rem;

}

.scase_menu a{

    font-size: 1.5rem;

    color: #333333;

    height: 4rem;

    line-height: 4rem;

}



.scase_tj_box{

    width: 94%;

	height: auto;

	margin: 0 auto;

    margin-top: 2rem;

}

.scase_tj_box_title{

    font-size: 1.875rem;

}

.scase_tj{

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap: wrap;

}

.scase_tj_item{

    width: 49.6%;

    height: auto;

    margin-right: 0.8%;

    margin-top: 1rem;

    overflow: hidden;

}

.scase_tj_item:nth-of-type(4n){

    margin-right: 0.8%;

}

.scase_tj_item:nth-of-type(2n){

    margin-right: 0;

}

.scase_tj_item_img{

    width: 100%;

    height: calc(94vw * 0.496 * 226 / 401);

    font-size: 0;

    overflow: hidden;

}

.scase_tj_item_title{

    font-size: 1.25rem;

    margin-top: 0.5rem;

}



.scase_img_sw_box{

    position: fixed;

    width: 100%;

    height: 100vh;

    background: rgba(0,0,0,0.9);

    left: 0;

    top: 0;

    display: flex;

    flex-direction: column;

    justify-content: center;

    z-index: -1;

    opacity: 0;

    transform: scale(0);

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.scase_img_sw{

    width: 95%;

    height: auto;

    margin: 0 auto;

}

.scase_img_sw img{

    width:100%;

	height: auto;

	object-fit: cover;

	object-position: center;

}

.scase_img_pagination{

    width: 95%;

    margin: 0 auto;

    height: 2rem;

    line-height: 2rem;

    font-size: 1.125rem;

    color: #FFFFFF;

}

.scase_img_pagination .swiper-pagination-current{

	color: var(--OneColor);

}



.scase_img_btn{

    position: absolute;

    width: 3rem;

    height: 3rem;

    top: calc(50% - 1.5rem);

    z-index: 10;

    background: rgba(0,0,0,0.6);

    border-radius: 50%;

    cursor: pointer;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.scase_img_btn_left{

    left: 0.5rem;

}

.scase_img_btn_right{

    right: 0.5rem;

}

.scase_img_btn svg{

    width: 1rem;

    height: 1rem;

    fill:#ffffff;

    margin: 1rem;

}

.scase_img_close{

    position: absolute;

    width: 3rem;

    height: 3rem;

    top: 0.5rem;

    right: 0.5rem;

}

.scase_img_close svg{

    width: 1rem;

    height: 1rem;

    fill:#ffffff;

    margin: 1rem;

}



    /*关于*/

.sy_ab_jj_box{

    width: 94%;

	height: auto;

	margin: 0 auto;

    padding-top: 3rem;

}

.sy_ab_jj_title{

    text-align: center;

    font-size: 1.875rem;

}

.sy_ab_jj{

    width: 100%;

    height: auto;

    padding-top: 1.5rem;

}

.sy_ab_jj_item{

    width: 100%;

    height: auto;

    clear: both;

}

.sy_ab_jj_item_img{

    width: 100%;

    height: calc(94vw * 480 / 832);

    float: none;

    overflow: hidden;

}

.sy_ab_jj_item2 .sy_ab_jj_item_img{

    float: left;

}

.sy_ab_jj_item_img img{

    width:100%;

	height: 100%;

	object-fit: cover;

	object-position: center;

}

.sy_ab_jj_item_con{

    width: 100%;

    height: 100%;

    float: none;

    overflow: hidden;

    background-image: url("../images/ab_jj_back.png");

    background-size: cover;

    background-position: center;

    padding: 1.5rem;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.sy_ab_jj_item2 .sy_ab_jj_item_con{

    float: none;

}

.sy_ab_jj_item_con_text{

    width: 100%;

    height: auto;

    max-height: 100%;

    overflow: auto;

    font-size: 1.125rem;

    color: #666666;

    line-height: 150%;

}

.sy_ab_jj_item_tag{

    margin-top: 1.5rem;

    font-size: 1.5rem;

    color: var(--OneColor);

}



.sy_ab_line{

    width: 94%;

	height: 1px;

    background: #D4D4D4;

	margin: 2rem auto;

    

}



.sy_ab_jg_bbox{

    width: 100%;

    height: auto;

    background-image: url("../images/ab_lc_back.png");

    background-position: bottom center;

    background-size: 100% auto;

    background-repeat: no-repeat;

    padding-bottom: 1rem;

    overflow: hidden;

}

.sy_ab_jg_box{

    width: 94%;

	height: auto;

	margin: 0 auto;

}

.sy_ab_jj_text{

    width: 100%;

    height: auto;

    margin: 0 auto;

    font-size: 1.125rem;

    color: #333333;

    line-height: 150%;

    margin-top: 1rem;

}

.sy_ab_jj_img{

    width: 100%;

    height: auto;

    margin: 0 auto;

    margin-top: 1rem;

}

.sy_ab_zz_box{

    width: 94%;

	height: auto;

	margin: 0 auto;

}

.sy_ab_zz{

    width: 100%;

    height: auto;

    margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap:wrap;

    margin-top: 1rem;

}

.sy_ab_zz_item{

    width: 50%;

    height: auto;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin-top: 1.5rem;

}

.sy_ab_zz_item>div{

    width: 80%;

    height: auto;

    margin: 0 auto;

    max-height: 100%;

    text-align: center;

}

.sy_ab_zz_item>div img{

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    margin: 0 auto;

}



.sy_ab_fen{

    width: 100%;

    height: 3rem;

}

.sy_ab_fen2{

    width: 100%;

    height: 3rem;

}

.sy_ab_fen3{

    width: 100%;

    height: 3rem;

}

.sy_ln_dx{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.sy_ln_dx_img{

    width: 100%;

    height: auto;

    text-align: center;

    margin-top: 1rem;

}

.sy_ln_dx_img img{

    width: 100%;

    height: auto;

}

.sy_ln_dx_con{

    width: 100%;

    height: auto;

}

.sy_ln_dx_con_title{

    font-size: 1.875rem;

    font-family: phs;

    color: #333333;

    margin-top: 1rem;

}

.sy_ln_dx_con_ltitle{

    font-size: 1.5rem;

    font-family: phs;

    color: var(--OneColor);

    margin-top: 1rem;

}

.sy_ln_dx_con_ltitle2{

    font-size: 1.5rem;

    font-family: phs;

    color: var(--OneColor);

}

.sy_ln_dx_con_con{

    font-size: 1.125rem;

    color: #666666;

    margin-top: 1rem;

    line-height: 150%;

}

.sy_ln_dx_con_tag{

    margin-top: 1.5rem;

}

.sy_ln_dx_con_tag span{

    display: block;

    height: 2.5rem;

    line-height: 2.5rem;

    color: #333333;

    font-size: 1.25rem;

    font-family: phs;

    position: relative;

    padding-left: 1.3rem;

}

.sy_ln_dx_con_tag span:after{

    position: absolute;

    content: '';

    width: 0.8rem;

    height: 0.8rem;

    left: 0;

    top: calc(50% - 0.4rem);

    background: var(--OneColor);

    border-radius: 50%;

}



.sy_ln_dx_con_tag2{

    margin-top: 1.5rem;

}

/*.sy_ln_dx_con_tag2 span{

    display: block;

    height: auto;

    line-height: 130%;

    margin-top: 0.75rem;

    color: #666666;

    font-size: 1.25rem;

    position: relative;

    padding-left: 1.3rem;

}

.sy_ln_dx_con_tag2 span:after{

    position: absolute;

    content: '';

    width: 0.6rem;

    height: 0.6rem;

    left: 0;

    top: 0.55rem;

    background: var(--OneColor);

    border-radius: 50%;

}*/



.sy_ln_dx_con_tag3{
	 height: auto;
}

/*.sy_ln_dx_con_tag3 span{

    display: block;

    height: auto;

    line-height: 130%;

    margin-top: 0.75rem;

    color: #666666;

    font-size: 1.25rem;

    position: relative;

    padding-left: 1.1rem;

}

.sy_ln_dx_con_tag3 span:after{

    position: absolute;

    content: '';

    width: 0.6rem;

    height: 0.6rem;

    left: 0;

    top: 0.6rem;

    background: var(--OneColor);

    border-radius: 50%;

}
*/
.sy_xs_qy{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.sy_xs_qy_con{

    width: 100%;

    height: auto;

}

.sy_xs_qy_con_title{

    font-size: 1.875rem;

    font-family: phs;

    color: #333333;

}

.sy_xs_qy_con_con{

    font-size: 1.125rem;

    color: #333333;

    margin-top: 1rem;

    line-height: 200%;

}

.sy_xs_qy_con_ltitle{

    font-size: 1.25rem;

    font-family: phs;

    color: var(--OneColor);

    margin-top: 1rem;

}

.sy_xs_qy_img{

    width: 100%;

    height: auto;

	display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

}

.sy_xs_qy_img a{

    width: 30%;

    height: auto;

    margin-right: 0%;

    margin-top: 2rem;

}



.sy_xs_kt_box{

    width: 94%;

	height: auto;

	margin: 0 auto;

}

.sy_xs_kt{

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

.sy_xs_kt_left{

    width: 100%;

    height: auto;

}

.sy_xs_kt_right{

    width: 100%;

    height: auto;

}

.sy_xs_kt_img{

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    margin-top: 1rem;

}

.sy_xs_kt_img img{

    width: 32.8%;

    height: auto;

}

.sy_xs_sc{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin-top: 2rem;

}

.sy_xs_sc_img{

    width: 100%;

    height: auto;

    margin-top: 1rem;

}

.sy_xs_sc_img img{

    width: 100%;

    height: auto;

    display: inline-flex;

    flex-direction: column;

    justify-content: center;

}

.sy_xs_sc_con{

    width: 100%;

    height: auto;

    display: inline-flex;

    flex-direction: column;

    justify-content: center;

}



/*历史沿革*/

.sy_lc_box{

    width: 94%;

    height: auto;

    margin: 0 auto;

    position: relative;

    padding-bottom: 2rem;

}

.sy_lc_box:after{

    position: absolute;

    content: '';

    width: 1rem;

    height: 1rem;

    background:#FFFFFF;

    border: 0.3rem solid var(--OneColor);

    border-radius: 50%;

    right: calc(50% - 0.8rem);

    bottom: 0;

    z-index: 10;

}

.sy_lc_box:before{

    position: absolute;

    content: '';

    background: #BFBFBF;

    width: 1px;

    height: 100%;

    left: 50%;

    top: 0;

}

.sy_lc_item{

    width: 100%;

    height: auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

}

.sy_lc_item2{

    justify-content: flex-end;

}

.sy_lc_item_l{

    width: 50%;

    padding: 0 1.5rem;

}



.sy_lc_item_title{

    text-align: right;

    position: relative;

    margin-top: 0rem;

}

.sy_lc_item2 .sy_lc_item_title{

    text-align: left;

}

.sy_lc_item_title:after{

    position: absolute;

    content: '';

    width: 0.8rem;

    height: 0.8rem;

    background:var(--OneColor);

    border: 0.3rem solid #FFFFFF;

    -moz-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

    -webkit-box-shadow: 0px 0px 35px 0 rgba(0,0,0,0.08);

    box-shadow: 0px 0px 7px 0 rgba(0,0,0,0.3);

    border-radius: 50%;

    right: -2.2rem;

    top: calc(50% - 0.8rem);

    z-index: 10;

}

.sy_lc_item2 .sy_lc_item_title:after{

    left: -2.2rem;

    right: auto;

}

.sy_lc_item_con{

    text-align: right;

    color: #666666;

    font-size: 0.875rem;

    line-height: 150%;

    margin-top: 1rem;

    padding-bottom: 1rem;

}

.sy_lc_item2 .sy_lc_item_con{

    text-align: left;

}



.sy_lc_item_title_c{

    font-size: 2.187rem;

    font-family: phe;

    color: var(--OneColor);

}

.sy_lc_item_title_z{

    font-size: 1.25rem;

    font-family: phs;

    color: var(--OneColor);

    padding-left: 0.3rem;

}



/*团队*/

.sy_td{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap: wrap;

}

.sy_td_item{

    width: 49.6%;

    height: calc(94vw * 0.496 * 377 / 317);

    margin-right:0.8%;

    margin-top:0.8%;

    position: relative;

    overflow: hidden;

}

.sy_td_item:nth-of-type(5n){

    margin-right: 0.8%;

}

.sy_td_item:nth-of-type(2n){

    margin-right: 0;

}

.sy_td_hy{

    width: 94%;

	height: auto;

	margin: 0 auto;

    margin-top: 1.5rem;

}



/*合作伙伴*/

.sy_hb_title{

    width: 100%;

    height: auto;

    text-align: center;

}

.sy_hb_title span{

    display: inline-block;

    width: auto;

    height: auto;

    font-size: 1.875rem;

    color: #333333;

    position: relative;

    font-family: phs;

    padding-bottom: 1rem;

}

.sy_hb_title span:after{

    position: absolute;

    content: '';

    width: 40%;

    height: 0.25rem;

    background: var(--OneColor);

    bottom: 0;

    left: 30%;

}

.sy_hb{

    width: 94%;

	height: auto;

	margin: 0 auto;

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    flex-wrap: wrap;

    margin-top: 1rem;

}

.sy_hb_item{

    width: 33.33%;

    height: auto;

    display: flex;

    flex-direction: column;

    justify-content: center;

    margin-top: 1rem;

}

.sy_hb_item>div{

    width: 77%;

    height: auto;

    margin: 0 auto;

    text-align: center;

}

.sy_hb_item>div img{

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 5.2rem;

}



/*加入我们*/

.sy_join_jj{

    width: 94%;

	height: auto;

	margin: 0 auto;

    color: #333333;

    font-size: 1.125rem;

    line-height: 150%;

    margin-top: 1.5rem;

}

.sy_join_fl{

    width: 94%;

	height: auto;

	margin: 0 auto;

    margin-top: 2rem;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

}

.sy_join_fl_item_l{

    width: 23%;

    height: calc(86vw * 0.23 * 290 / 335);

    margin-top: 2.667%;

}

.sy_join_fl_item{

    width: 100%;

    height: 100%;

    border: 1px solid #CFCFCF;

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_join_fl_item_l:hover .sy_join_fl_item{

    border: 1px solid var(--OneColor);

}

.sy_join_fl_item_l:hover .sy_join_fl_item_ico{

    transform: translateY(-5px);

}

.sy_join_fl_item_l:hover .sy_join_fl_item_title{

    transform: translateY(-5px);

}

.sy_join_fl_item_ico{

	-webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_join_fl_item_ico svg{

    width: 20%;

    height: auto;

    fill:#999999;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_join_fl_item_l:hover .sy_join_fl_item_ico svg{

    fill: var(--OneColor);

}

.sy_join_fl_item_title{

    font-size: 1rem;

    color: #333333;

    padding-top: 0rem;

    margin-top: 0.2rem;

    line-height: 100%;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}



.sy_join_list{

    width: 94%;

	height: auto;

	margin: 0 auto;

    margin-top: 1rem;

}

.sy_join_item{

    width: 100%;

    height: 4.5rem;

    line-height: 4.5rem;

    padding: 0 0.5rem;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    border-bottom: 1px solid #CFCFCF;

    font-size: 1.125rem;

    color: #333333;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_join_item:hover{

    color: var(--OneColor);

}

.sy_join_item_1{

    width: 46%;

    text-align: left;

}

.sy_join_item_2{

    width: 30%;

    text-align: center;

}

.sy_join_item_3{

    width: 24%;

    text-align: right;

    background-image: url("../images/join_ico.svg");

    background-repeat: no-repeat;

    background-position: right center;

    background-size: 1.8rem;

    padding-right: 2rem;

}



/*资料库*/

.sy_zlk_title{

    width: 94%;

	height: auto;

	margin: 0 auto;

    border-bottom: 1px solid #CFCFCF;

    color: #333333;

    font-size: 1.875rem;

    font-family: phs;

    padding-bottom: 1rem;

}



.sy_zlk{

    width: 94%;

	height: auto;

	margin: 0 auto;

    position: relative;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin-top: 2rem;

}

.sy_zlk:after{

    display: none;

}

.sy_zlk_left{

    width: 100%;

    height: auto;

    padding-bottom: 1rem;

    border-bottom: 1px solid rgba(0,0,0,0.1);

}

.sy_zlk_leftl{

    width: 100%;

    height: auto;

    position: relative;

    top: 0;

    padding-top: 1rem;

    padding-left: 0rem;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    flex-wrap: wrap;

}

.sy_zlk_leftl>a{

    display: block;

    width: 50%;

    height: 2.5rem;

    line-height: 2.5rem;

    font-size: 1.25rem;

    color: #333333;

    position: relative;

    padding-left: 0rem;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

    cursor: pointer;

    text-align: center;

}

.sy_zlk_leftl>a:hover{

    color: #000000;

}

.sy_zlk_leftl>a:after{

    display: none;

}

.sy_zlk_leftl>a.sy_zlk_leftl_aon{

    color: var(--OneColor);

}

.sy_zlk_leftl>a.sy_zlk_leftl_aon:after{

    width: 1.5rem;

}

.sy_zlk_right{

    width: 100%;

    height: auto;

}

.sy_zlk_right_title{

    font-size: 1.5rem;

    color: #333333;

    font-family: phs;

    padding-top: 2rem;

    text-align: left;

}

.sy_zlk_right_con{

    width: auto;

    height: auto;

    padding-top: 1rem;

    padding-bottom: 2rem;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

}

    .sy_zlk_right_con>div{

        

    margin-top: 0.7rem;

    }

.sy_zlk_right_con>div>a{

    width: auto;

    font-size: 1rem;

    color: #333333;

    line-height: 130%;

    -webkit-transition: all 0.5s;

    -moz-transition: all 0.5s;

    transition: all 0.5s;

}

.sy_zlk_right_con>div>a:hover{

    color: var(--OneColor);

}

}