@media screen and (max-width:1023px)and (min-width:300px)
{
/* 导航栏 */
.sj_nav{
	width: 100%;
	height: 9vh;
	background: #FFFFFF;
	position:sticky;
	top: 0px;
	font-size: 1.125rem;
	z-index: 500;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_nav_index{
	background: none;
	position: fixed;
	top: 0;
}
.sj_nav_index_of{
	background: #FFFFFF;
}
.sj_nav_box{
	width: 100%;
	height: auto;
	margin: 0px auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}
.sj_nav_boxpon{
	overflow: visible;
}
.sj_nav_logo{
	width: auto;
	height: 9vh;
	padding-left: 5%;
}
.sj_nav_logo a{
	width: auto;
	height: 100%;
	display:inline-flex;
	flex-direction: column;
	justify-content: center;
}
.sj_nav_logo img{
	width: auto;
	height: 53%;
}
.sj_nav_menu{
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: auto;
	background: #FFFFFF;
	left: 0;
	top: 8vh;
	padding: 1rem 2rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	padding-bottom: 4rem;
	transform: translateX(100%);
}
.sj_nav_boxpon .sj_nav_menu{
	transform: translateX(0%);
}
.sj_nav_menu_item{
	width: auto;
	height: 100%;
	padding: 0px 1.5rem;
	display:inline-flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.sj_nav_menu_item_product{
	position: static;
}
.sj_nav_menu_item>a{
	color: #000000;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	padding: 2rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.sj_nav_index .sj_nav_menu_item>a{
	color: #000000;
}
.sj_nav_index_of .sj_nav_menu_item>a{
	color: #000000;
}
.sj_nav_menu_item:hover>a{
	color: var(--OneColor);
}
.sj_nav_menu_down{
	width: 150%;
	height: auto;
	background: rgba(255,255,255,1);
	position: absolute;
	top: 100%;
	left: -25%;
	height: 0px;
	opacity: 0;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.sj_nav_menu_down>a{
	display: block;
	padding: 0.4rem 0.8rem;
	line-height: 130%;
	color: var(--FontOneColor);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	position: relative;
}
.sj_nav_menu_down>a:after{
	position: absolute;
	content: '';
	width: calc(100% - 2rem);
	height: 1px;
	background: var(--OneColor);
	bottom: 0;
	left: 0.8rem;
	transform: scaleX(0);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_nav_menu_down>a:hover{
	color: var(--OneColor);
}
.sj_nav_menu_down>a:hover:after{
	transform: scaleX(1);
}
.sj_nav_menu_down>a:first-child{
	margin-top: 1rem;
}
.sj_nav_menu_down>a:last-child{
	margin-bottom: 1rem;
}
.sj_nav_menu_item:hover .sj_nav_menu_down{
	height: auto;
	opacity: 1;
}


.sj_nav_menu_down_product{
	width: 100%;
	height: auto;
	background: #f6f6f6;
	position: relative;
	top: 100%;
	left: 0%;
	height: 0px;
	opacity: 1;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_nav_menu_item:hover .sj_nav_menu_down_product{
	height: auto;
	opacity: 1;
	padding: 3rem 0;
}
.sj_nav_menu_down_producton{
	height: auto;
	opacity: 1;
	padding: 3rem 0;
}
.sj_nmdp_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sj_nmdp_left{
	width: 100%;
	height: auto;
	display: none;
}
.sj_nmdp_right{
	width: 100%;
	height: auto;
	text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-top: 1rem;
	padding: 1rem;
}
.sj_nmdp_right span{
	display: inline-block;
	padding: 1rem 1rem;
	color: #dadada;
}
.sj_nmdp_right a{
	display: inline-block;
	color: #000000;
	padding: 1rem 0rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_nmdp_right a:hover{
	color: var(--OneColor);
}

.sj_nav_right{
	width: auto;
	height: 9vh;
	padding-right: 5%;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sj_nav_right_box{
	width: auto;
	height: auto;
	right: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.sj_nav_seach{
	width: auto;
	height: 22px;
	margin-right: 2rem;
	padding-top: 2px;
	position: relative;
}
.sj_nav_seach svg{
	width: auto;
	height: 100%;
	fill:var(--OneColor); 
	cursor: pointer;
}
.sj_nav_index .sj_nav_seach>svg{
	fill: #FFFFFF;
}
.sj_nav_index_of .sj_nav_seach>svg{
	fill: var(--OneColor); 
}
.sj_nav_seach_box{
	width: 0rem;
	height: 5vh;
	background: #FFFFFF;
	position: absolute;
	left: 0rem;
	top: -1vh;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border: 0px var(--OneColor) solid;
	overflow: hidden;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_nav_seach_boxon{
	width: 20rem;
	height: 5vh;
	background: #FFFFFF;
	position: absolute;
	left: -17rem;
	top: -1vh;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	border: 2px var(--OneColor) solid;
	overflow: hidden;
}
.sj_nav_seach_box_text{
	height: 100%;
	width: 100%;
}
.sj_nav_seach_box_text input{
	height: 100%;
	width: 100%;
	border: none;
	padding: 0 0.5rem;
}
.sj_nav_seach_box_btn{
	width: auto;
	height: 100%;
	padding: 0 1rem;
}
.sj_nav_seach_box_btn svg{
	width: auto;
	height: 60%;
	margin-top: 30%;
	fill: var(--OneColor);
}


.sj_menubtn{
	width: 25px;
	position: relative;
}
/* nav-icon-5 */
.nav-icon-5{  width: 32px; z-index: 20;  height: 20px; position: relative;  cursor: pointer;}
.nav-icon-5 span{  
	background-color:var(--OneColor); 
	font-size: 0px;  
	position: absolute;  
	transition: 0.3s cubic-bezier(.8, .5, .2, 1.4);  
	width:100%;  
	height: 2px; 
	overflow: hidden;
	transition-duration: 500ms;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sj_nav_index .nav-icon-5 span{
	background-color: #FFFFFF;
}
.sj_nav_index_of .nav-icon-5 span{
	background-color: var(--OneColor); 
}
.nav-icon-5 span:nth-child(1){  top:2px;  left: 0px;}
.nav-icon-5 span:nth-child(2){  top:10px;  left: 0px;  opacity:1;}
.nav-icon-5 span:nth-child(3){  width: 60%;  bottom:0px;  left: 0px;}
.sj_menubtn:hover span:nth-child(3){
	width: 100%;
}
.nav-icon-5.open span:nth-child(1){  transform: rotate(45deg);  top: 10px;}
.nav-icon-5.open span:nth-child(2){  opacity:0;}
.nav-icon-5.open span:nth-child(3){width: 100%;  transform: rotate(-45deg);  top: 10px;}



/*nbanner*/
.sj_nbanner_con{
	width: 80%;
	display: none;
}
.sj_nbanner_ltitle{
	font-size: 1.75rem;
}

.sj_nbanner_title{
	font-size: 2.75rem;
}

.sj_nbanner2_title{
	font-size: 2.125rem;
}
.sj_nbanner2_line{
	width: 3rem;
	height: 2px;
	background: #FFFFFF;
	margin: 1.5rem 0;
}
.sj_nbanner3_line{
	width: 3rem;
	height: 4px;
	background: #FFFFFF;
	margin: 2.5rem 0;
}
.sj_nbanner2_ltitle{
	position: relative;
	font-size: 1.25rem;
	color: #FFFFFF;
}



/*nmenu*/

.sj_nmenu a{
	margin: 0 1rem;
}


/*footer*/

.sj_footer{
	width: 96%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: 5rem;
	padding-bottom: 3rem;
}
.sj_footer_left{
	width: 100%;
	height: auto;
	text-align: center;
}
.sj_footer_left_logo img{
	height: 3rem;
	width: auto;
}
.sj_footer_left_contact{
	padding-top: 2rem;
}

.sj_footer_left_contact_sw{
	padding-top: 1rem;
}



.sj_footer_codebox{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 2rem;
}
.sj_footer_code{
	position: relative;
	cursor: pointer;
	margin-left: 1rem;
	margin-right: 1rem;
}

.sj_footer_right{
	display: none;
}

.sj_footer_copy{
	width: 94%;
	padding: 1.5rem 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}
.sj_footer_copy_left{
	line-height: 180%;
}

/*newslist*/
.sj_newsbox{
	width: 100%;
	height: auto;
	/*background: #fcfcfc;*/
	/*padding-bottom: 10vh;*/
}
.sj_news{
	width: 94%;
}
.sj_news_con{
	padding: 2rem 0px;
}
.sj_news_con a{
	display: block;
	width: 100%;
	height: 9rem;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.sj_news_con_left{
	width: 6rem;
	height: 100%;
	text-align: left;
	border-right: 1px #ededed solid;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sj_news_con_left_day{
	font-size: 3.75rem;
}
.sj_news_con_left_year{
	padding-left: 0.2rem;
}
.sj_news_con_left_arrow span{
	display: block;
	width: 3rem;
	height: 3rem;
	border: 1px #d2d2d2 solid;
	border-radius: 50%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-left: 0.2rem;
}

.sj_news_con_left_arrow_svg{
	width: 1.2rem;
}

.sj_news_con_right{
	width: calc(100% - 8rem);
}
.sj_news_con_right_title{
	font-size: 1.25rem;
}
.sj_news_con a:hover .sj_news_con_right_title{
	color: var(--OneColor);
}
.sj_news_con_right_des{
	font-size: 1rem;
}

.sj_news_con_more{
	height: 4rem;
	line-height: 4rem;
}
.sj_news_con_more a{
	font-size: 1.25rem;
}



/*新闻详情*/

.sj_nshow{
	width: 94%;
}
.sj_nshow_title{
	width: 100%;
	height: auto;
	font-size: 1.75rem;
}
.sj_nshow_title:before{
	height: 80%;
	top: 10%;
	
}
.sj_nshow_des{
	padding-left: 0rem;
}
/*加入我们*/
.sj_joinbox{
	width: 94%;
}

.sj_join{
	width: 100%;
	height: 5rem;
	margin-bottom: 1rem;
}
.sj_joinon{
	height: auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_join_top{
	height: 5rem;
	line-height: 5rem;
	padding: 0 1.5rem;
}
.sj_join_top_title{
	font-size: 1.25rem;
}

.sj_join_top_ico span{
	width:2.5rem;
	height:2.5rem;
	border:2px #FFFFFF solid;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 1.25rem;
}

.sj_join_con{
	width: 100%;
	height: auto;
	background: #f5f5f5;
	padding: 2rem;
	line-height: 180%;
}
.sj_join_con_btn{
	width: 100%;
	height: auto;
	margin-top: 2rem;
	padding: 2rem 0px;
	padding-bottom: 1rem;
	border-top: 1px #dcdcdc solid;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}

.sj_join_con_btn_text{
	height: auto;
	line-height: 2rem;
	font-size: 1.125rem;
	margin-top: 1rem;
}


/*委托服务*/
.sj_wtbox{
	width: 100%;
	height: auto;
	/*background: #f6f6f6;
	padding-top: 5vh;*/
	padding-bottom: 0vh;
	overflow: hidden;
}
.sj_wt{
	width: 94%;
	height: auto;
	margin: 0 auto;
	position: relative;
}
.sj_wt_left{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 10;
}
.sj_wt_left_count{
	font-size: 15rem;
	color: var(--OneColor);
	font-family: gb;
	text-align: center;
	padding-right: 0%;
}
.sj_wt_left_con{
	width: 100%;
	height: auto;
	background: var(--OneColor);
	margin-top: -7rem;
	padding: 3rem 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 10%;
}
.sj_wt_left_con_itme{
	font-size: 1.125rem;
	font-family: opm;
	color: #FFFFFF;
	line-height: 190%;
	position: relative;
	padding-left: 1rem;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_wt_left_con_itme:before{
	position: absolute;
	content: '';
	width: 5px;
	height: 5px;
	background: #FFFFFF;
	border-radius: 50%;
	left: 0rem;
	top: calc(50% - 3px);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_wt_left_con_itmeon{
	font-size: 1.25rem;
	line-height: 180%;
	padding-left: 3rem;
}
.sj_wt_left_con_itmeon:before{
	width: 4rem;
	height: 2px;
	background: #FFFFFF;
	border-radius: 0%;
	left: -2rem;
	top: calc(50% - 1px);
}

.sj_wt_right{
	width: 100%;
    height: 40vh;
    position: relative;
    right: 0;
    bottom: auto;
    z-index: 5;
    background: #FFFFFF;
}
.sj_wt_sw_img img{
	width:100%;
	height: auto;
}
.sj_wt_back{
	position: relative;
	z-index: 0;
	width: 100%;
	height: auto;
	bottom: auto;
	margin-top: 2rem;
	left: 0;
}
.sj_wt_back img{
	width: 100%;
	height: auto;
}

/*联系我们*/
.sj_ct{
	width: 94%;
	height: auto;
	margin: auto;
	margin-bottom: 5vh;
	-moz-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.08);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sj_ct_left{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 1rem;
	padding-top: 3rem;
}
.sj_ct_left_title{
	font-size: 1.875rem;
	font-family: opb;
	text-align: center;
}
.sj_ct_left_tel{
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 2rem;
}
.sj_ct_left_tel span{
	display: inline-block;
}
.sj_ct_left_tel_ico img{
	height: 2.5rem;
}
.sj_ct_left_tel_title{
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.375rem;
	color: rgba(0,0,0,0.7);
	padding-left: 0rem;
}
.sj_ct_left_tel_tel{
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 1.625rem;
	color: var(--OneColor);
	font-family: gb;
}
.sj_ct_left_line{
	width: 95%;
	height: 1px;
	background: #e5e5e5;
	margin: 1.5rem auto;
}
.sj_ct_left_con{
	width: 95%;
	height: auto;
	margin: 0 auto;
	font-size: 1.25rem;
	color: rgba(0,0,0,0.7);
	line-height: 190%;
}
.sj_ct_right{
	width: 100%;
	height: auto;
	margin-top: 2rem;
}
.sj_ct_right img{
	width:100%;
	height:auto;
}

.sj_ct_ad_menu{
	width: 94%;
	height: 5rem;
	line-height: 5rem;
	font-size: 1.375rem;
	border-bottom: 2px var(--OneColor) solid;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.sj_ct_ad{
	width: 94%;
	height: auto;
	margin: 0 auto;
}
.sj_ct_ad_sw{
	width: 100%;
	height: 100%;
	margin-top: 3rem;
}
.sj_ct_ad_sw .swiper-slide{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: visible;
}
.sj_ct_ad_sw_img{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.sj_ct_ad_sw_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.sj_ct_ad_sw_con{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 5;
	display: flex;
	flex-direction: column;
	justify-content:center;
	padding-left: 2rem;
	padding-right: 2rem;
}
.sj_ct_ad_sw_con_title{
	color: #FFFFFF;
	font-size: 1.625rem;
	margin-top: 2rem;
}
.sj_ct_ad_sw_con_con{
	font-size: 1.125rem;
	line-height: 180%;
	padding-top: 1rem;
}
.sj_ct_me_box{
	width: 100%;
	height: auto;
	background-image: url("../images/ct_back.jpg");
	background-position: center bottom;
	background-size: 100% 10vh;
	background-repeat: no-repeat;
	padding-bottom: 5vh;
}
.sj_ct_me{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding: 4rem 2rem;
	background: #FFFFFF;
	-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
    box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
	padding-bottom: 2rem;
}
.sj_ct_me_title{
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 1.875rem;
	font-family: opm;
}
.sj_ct_me_con{
	width: 100%;
	height: auto;
	padding: 0 1rem;
	padding-top: 2rem;
}
.sj_ct_me_con_1{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sj_ct_me_con_1_item{
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}

.sj_ct_me_con_2{
	margin-top: 0%;
}


.sj_ct_me_con_btn a{
	font-size: 1.25rem;
}


/*产品展示*/
.sj_pro_search_box{
	position: relative;
	width: 73vw;
    width: var(--mainwidth);
	height: 10rem;
	margin: 0 auto;
	margin-top: -5rem;
	background:#FFFFFF;
	z-index: 10;
	-moz-box-shadow: 0px 0px 15px 3px rgba(6,113,192,0.3);
    -webkit-box-shadow: 0px 0px 15px 3px rgba(6,113,192,0.3);
    box-shadow: 0px 0px 15px 3px rgba(0,0,0,0.1);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 3rem;
}
.sj_pro_search{
	width: 100%;
	height: 4rem;
	padding: 0 1.5rem;
	background: #f7f7f7;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}
.sj_pro_search input{
	height: 3rem;
	line-height: 3rem;
	width: 40rem;
	margin-top: 0.5rem;
	background: none;
	border: none;
}
.sj_pro_search img{
	height: 24px;
	width: auto;
	margin-top: calc(2rem - 12px);
}
.sj_pro_search_key{
	padding-top: 1rem;
}
.sj_pro_search_key a{
	display: inline-block;
	height: 1.8rem;
	line-height: 1.8rem;
	border: 1px #dddddd solid;
	border-radius: 30px;
	color: #000000;
	padding: 0 1rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	margin-right: 0.5rem;
}
.sj_pro_search_key a:hover{
	border: 1px var(--OneColor) solid;
	color: #FFFFFF;
	background: var(--OneColor);
}


.sj_pro_type{
	width: 94%;
	height: auto;
	margin: 0 auto;
	padding-top: 3vh;
}
.sj_pro_type a{
	display: inline-block;
	width: 32%;
	height: 3rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1.25rem;
	margin-right: 2%;
	margin-top: 2%;
}
.sj_pro_type a:nth-child(6n){
	margin-right: 2%;
}
.sj_pro_type a:nth-child(3n){
	margin-right: 0%;
}


.sj_pro_list{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	/*padding-top: 4vh;*/
}
.sj_pro_list a{
	display: block;
	width: 49%;
}
.sj_pro_list a:nth-child(3n){
	margin-right: 2%;
}
.sj_pro_list a:nth-child(2n){
	margin-right: 0%;
}

.sj_pro{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 0.5rem 1.5rem;
}
.sj_pro_img{
	width: 100%;
	height: calc(((94vw * 0.49) - 3rem) * 274 / 210);
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sj_pro_con{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1rem 0;
}
.sj_pro_con_title{
	font-size: 1.5rem;
	font-family: opb;
	color: #000000;
}
.sj_pro_con_ltitle{
	font-size: 1.25rem;
	color: var(--OneColor);
	padding-top: 1rem;
	font-family: opb;
}
.sj_pro_con_btn{
	margin-top: 1rem;
}
.sj_pro_more{
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 5rem;
	padding-bottom: 0;
}
.sj_pro_more{
	width: 100%;
	height: 4rem;
}
.sj_pro_more a{
	display: inline-block;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	background: var(--OneColor);
	border-radius: 50%;
	text-align: center;
	font-size: 1.25rem;
}

/*产品详情*/
.sj_map{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: auto;
	padding: 1.5rem 0;
	line-height: 2rem;
	border-bottom: 1px #dedddd solid;
}
.sj_map_left{
	font-size: 1.125rem;	
}
.sj_map_right{
	display: none;
}
.sj_spro_jj{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/*padding-top: 8vh;*/
}
#model_view_box10{
	background-color: #f6f6f6;
}
.sj_spro_jj_left{
	width: 50%;
	height: calc(73vw * 0.5 * 460 / 700);
	height: calc(var(--mainwidth) * 0.5 * 460 / 700);
	background-color: #FFFFFF;
	background-image:url("../images/spro_back.jpg");
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	background-size: 70% auto;
}
.sj_spro_jj_left img{
	max-width: 100%;
	height: 90%;
	margin: 0px auto;
	margin-top: 5%;
}
.sj_spro_jj_right{
	width: 45%;
	height: auto;
}
.sj_spro_jj_right_title{
	font-size: 1.75rem;
	font-family: opb;
	padding-bottom: 2rem;
	border-bottom: 1px #dedddd solid;
}
.sj_spro_jj_right_con{
	width: 80%;
	padding-top: 2rem;
}
.sj_spro_jj_right_con>div{
	width: 100%;
	height: auto;
	margin-bottom: 0.7rem;
	color: #4a4a4a;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.brand{
	width: 100%;
	height: auto;overflow: hidden;
	margin-bottom: 2rem;
}
.sj_spro_jj_right_con_tt{
	width: 3.5rem;
	font-size: 18px;
	font-weight: bold;
}
.sj_spro_jj_right_con_sp{
	width: calc(100% - 3.5rem);
	/*color: var(--OneColor);*/
	color:#000;
	font-family: opm;
	font-size: 18px;
}
.sj_spro_jj_right_con_sp2{
	font-size: 1rem;
	font-family: opr;
}
.sj_spro_jj_right_link{
	padding-top: 3rem;
}
.sj_spro_jj_right_link1{
	display: inline-block;
	height: 2.6rem;
	line-height: 2.7rem;
	color: #FFFFFF;
	background: var(--OneColor);
	border-radius: 50px;
	padding: 0 1rem;
	padding-right: 3rem;
	background-image: url("../images/arrow-bai.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 1rem) center;
	background-size: 1rem auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_spro_jj_right_link1:hover{
	transform: translateY(-3px);
	-moz-box-shadow: 0px 0px 15px 3px rgba(6,113,192,0.3);
    -webkit-box-shadow: 0px 0px 15px 3px rgba(6,113,192,0.3);
    box-shadow: 0px 0px 15px 3px rgba(6,113,192,0.3);
}
.sj_spro_jj_right_link2{
	display: inline-block;
	height: 2.6rem;
	line-height: 2.6rem;
	color: var(--OneColor);
	border:2px var(--OneColor) solid;
	border-radius: 50px;
	padding: 0 1rem;
	padding-left: 3rem;
	background-image: url("../images/fujian.svg");
	background-repeat: no-repeat;
	background-position: 1rem center;
	background-size: 1.3rem auto;
	margin-left: 10px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_spro_jj_right_link2:hover{
	transform: translateY(-3px);
	background: var(--OneColor);
	color: #FFFFFF;
	background-image: url("../images/fujian_bai.svg");
	background-repeat: no-repeat;
	background-position: 1rem center;
	background-size: 1.3rem auto;
	-moz-box-shadow: 0px 0px 15px 3px rgba(6,113,192,0.3);
    -webkit-box-shadow: 0px 0px 15px 3px rgba(6,113,192,0.3);
    box-shadow: 0px 0px 15px 3px rgba(6,113,192,0.3);
}


.sj_spro_jj2{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/*padding-top: 8vh;*/
}

.sj_spro_jj2_left{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	/*background-image:url("../images/spro_back.jpg");*/
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	background-size: 70% auto;
}

.sj_sproj2_sw{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 5rem;
}
.sj_sproj2_sw .swiper-slide{
	width: 100%;
	height: calc(94vw * 460 / 700);
	display: flex;
	align-items: center;
	justify-content: center;
}
.sj_sproj2_sw .swiper-slide img{
	width: auto;
	height: 100%;
	max-width: 100%;
}
.sj_sproj2_sw_btn{
	position: absolute;
	width: 3rem;
	height: 3rem;
	background: var(--OneColor);
	border-radius: 50%;
	top: auto;
	bottom: 0;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_sproj2_sw_btn:hover{
	background:#1b66cf ;
}
.sj_sproj2_sw_btn svg{
	width: 1rem;
	height: 1rem;
	fill:#ffffff;
	margin-top: 1rem;
	
}
.sj_sproj2_sw_left{
	left: calc(50% - 3.5rem);
}
.sj_sproj2_sw_right{
	right: calc(50% - 3.5rem);
}
.sj_sproj2_sw_left svg{
	transform: rotate(180deg);
}
.sj_spro_jj2_right{
	width: 100%;
	height: auto;
}
.sj_spro_jj2_right_title{
	font-size: 1.5rem;
	font-family: opb;
	padding-bottom: 1.5rem;
	padding-top: 2rem;
	border-bottom: 1px #dedddd solid;
	text-align: center;
}
.sj_spro_jj2_right_con{
	width: 100%;
	padding-top: 2rem;
	font-size: 1.142rem;
    line-height: 1.75rem;
	padding-left: 0;
}
	.sj_spro_jj2_right_con ul{ padding-left: 15px;}	
	

.sj_spro_jj2_right_link{
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.sj_spro_box{
	width: 73vw;
    width: var(--mainwidth);
	height: auto;
	background: #ffffff;
	padding: 2rem 0;
	margin: 0 auto;
	margin-top: 8vh;
}
.sj_spro_menu{
	width: 100%;
	height: 6rem;
	line-height: 6rem;
	border-bottom: 1px #dedddd solid;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.sj_spro_menu span{
	padding: 0 6rem;
	font-size: 1.375rem;
	position: relative;
	cursor: pointer;
}
.sj_spro_menu span.sj_spro_menu_son{
	color: var(--OneColor);
}
.sj_spro_menu span:after{
	position: absolute;
	content: '';
	width: 1px;
	height: 1.4rem;
	background: #cccccc;
	left: 0;
	top: calc(50% - 0.7rem);
}
.sj_spro_menu span:first-child:after{
	opacity: 0;
}

.sj_spro_con{
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 3rem 0;
	padding-bottom: 1rem;
}
.sj_spro_con_sw_title{
	font-size: 2.125rem;
	color: var(--OneColor);
	font-family: opm;
}
.sj_spro_con_sw_line{
	width: 4.5rem;
	height: 3px;
	background: var(--OneColor);
	margin: 3rem 0;
}
.sj_spro_con_sw_con img{
	max-width: 100%;
}
.sj_spro_con_sw_con{
	color: rgba(0,0,0,0.7);
	line-height: 200%;
}
.sj_spro_con_sw_con a{
	color: rgba(0,0,0,0.7);
}

.sj_spro_tj_box{
	width: 94%;
	height: auto;
	padding: 2rem 0;
	margin: 0 auto;
}
.sj_spro_tj_title{
	font-size: 1.75rem;
	margin-bottom: 1rem;
}
.sj_spro_tj{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.sj_spro_tj a{
	display: block;
	width: 49%;
	height: auto;
	background: #FFFFFF;
	margin-right: 2%;
	margin-top: 2%;
}
.sj_spro_tj a:nth-child(3n){
	margin-right: 2%;
}
.sj_spro_tj a:nth-child(2n){
	margin-right: 0%;
}
.sj_spro_tj_con{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.sj_spro_tj_con_back{
	position: absolute;
	right: 1.5rem;
	top: 1.5rem;
	z-index: 0;
}
.sj_spro_tj_con_img{
	width: 100%;
	height: calc(94vw * 0.49 * 450 / 455);
	text-align: center;
	position: relative;
	z-index: 10;
}
.sj_spro_tj_con_img img{
	width:auto;
	height: 100%;
	max-width: 90%;
	margin: 0 auto;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sj_spro_tj_con_title{
	font-size: 1.3rem;
	font-family: opb;
	text-align: center;
	color: #000000;
	padding: 1rem;
}


/*关于我们*/
.sj_about_menu{
	width: 100%;
	height: auto;
	line-height: 3rem;
	background: #f6f6f6;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1rem 0;
}
.sj_about_menu span{
	font-size: 1.25rem;
	font-family: opb;
	padding: 0 1rem;
	position: relative;
}
.sj_about_about_title{
	width: 94%;
	height: auto;
	/*padding-top: 8vh;*/
	margin: 0 auto;
	font-size: 2.375rem;
	text-align: center;
}
.sj_about_about{
	width: 94%;
	height:auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 2rem;
	position: relative;
}
.sj_about_about:after{
	position: absolute;
	content: '';
	width: 60px;
	height: 4px;
	background: var(--OneColor);
	right: 0;
	bottom: 0;
}
.sj_about_about_left{
	width: 100%;
	height: 100%;
	padding-left: 28px;
	position: relative;
}

.sj_about_about_left_img{
	width: 100%;
	height: calc((94vw - 28px) * 406 / 590);
	position: relative;
	z-index: 5;
}

.sj_about_about_right{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	font-size: 1.125rem;
	line-height: 170%;
	overflow: auto;
	padding-top: 2rem;
}

.sj_about_ry_box{
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 2rem;
}
.sj_about_ry_back{
	position: absolute;
	width: 100%;
	height: 30%;
	background: var(--OneColor);
	bottom: 0;
	left: 0;
	z-index: 0;
}
.sj_about_ry{
	width: 94%;
	height:auto;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	z-index: 5;
}
.sj_about_ry_img1{
	width: 100%;
	height: auto;
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08);
	overflow: hidden;
}
.sj_about_ry_img2{
	width: 32%;
	height: auto;
	margin-left: 2%;
	height: calc(94vw * 0.32 * 395 / 270);
	-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.08);
	overflow: hidden;
	margin-top: 2%;
}
.sj_about_ry_img2:nth-child(2){
	margin-left: 0;
}
	
.sj_about_hz_title{
	width: 94%;
	height:auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/*padding-top: 10vh;*/
}
.sj_about_hz_title_left{
	height: 5rem;
	line-height: 5rem;
	font-size: 2.375rem;
	text-align: center;
}
.sj_about_hz_title_right span{
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	margin-left: 3rem;
	margin: 0 1rem;
	font-size: 1.375rem;
	font-family: opm;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sj_about_hz_box{
	width: 94%;
	height:auto;
	margin: 0 auto;
	margin-top: 2rem;
	position: relative;
	overflow: hidden;
	padding: 25px 0;
	padding-left: 28px;
	/*margin-bottom: 10vh;*/
}
.sj_about_hz_box:after{
	position: absolute;
	content: '';
	width: 331px;
	height:74px;
	transform: scale(0.8);
	background-image: url("../images/about_back.png");
	background-size: cover;
	right: -130px;
	top: 0;
	z-index: 0;
}
.sj_about_hz_back{
	position: absolute;
	height: 100%;
	width: 25%;
	background: var(--OneColor);
	left: 0;
	top: 0;
	z-index: 0;
}
.sj_about_hz_sw{
	position: relative;
	width: 100%;
	height: auto;
	background: #FFFFFF;
	-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.08);
	padding: 24px;
}

.sj_about_hz_sw .swiper-slide{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sj_about_hz_sw_img{
	width: 100%;
	height: calc((94vw - 28px) * 354 / 483);
	overflow: hidden;
}

.sj_about_hz_sw_con{
	width: 100%;
	height: 40vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sj_about_hz_sw_con_title{
	width: 100%;
	height: 3rem;
	font-size: 2rem;
	color: var(--OneColor);
	font-family: opm;
	margin-top: 2rem;
	margin-bottom: 0.5rem;
}


/*首页*/

.sj_banner_sw_conbox{
	width: 80%;
	height: auto;
	position: relative;
	z-index: 5;
	margin: 0 auto;
}
.sj_banner_sw_con_title{
	color: var(--OneColor);
	font-size: 3.75rem;
	font-family: opb;
}
.sj_banner_sw_con_ltitle{
	color: var(--OneColor);
	font-size: 2.375rem;
	font-family: opb;
	margin-top: 1rem;
}
.sj_banner_sw_con_link a{
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	background: var(--OneColor);
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 0 2rem;
	font-size: 1.25rem;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sj_banner_pagination_ncount,.sj_banner_pagination_tallcount{
	font-size: 1.25rem;
	color: #FFFFFF;
	position: absolute;
	left: 10vw;
	z-index: 10;
	bottom: 2.3rem;
}
.sj_banner_pagination_tallcount{
	left: calc(10vw + 19rem);
}

.sj_banner .swiper-pagination-progressbar{
	position: absolute;
	left: calc(10vw + 2rem);
	bottom: 3rem;
	width: 15rem;
	height:2px; 
	z-index: 10;
	background: #5d5d5d;
	cursor: pointer;  
	-webkit-transition: all 0.4s ease-in-out;
}
.sj_id_about_box{
	width: 100%;
	height: auto;
	padding: 5vh 0;
	/*background-image: url("../images/index_about.jpg");*/
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: right center;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.sj_id_about_box:before{
	position: absolute;
	content: '';
	width: 20vh;
	height: 20vh;
	border: 35px #ccdcf0 solid;
	border-radius: 50%;
	bottom: -10vh;
	left: -10vh;
}

.sj_id_about{
	width: 70%;
	height: auto;
	margin: 0 auto;
}
.sj_id_about_title_box{
	width: auto;
	height: auto;
	position: relative;
}
.sj_id_about_title_box:before{
	position: absolute;
	content: '';
	width: 4rem;
	height: 4rem;
	border: 35px #ccdcf0 solid;
	border-radius: 50%;
	top: -2rem;
	left: -6rem;
}
.sj_id_atb_en span{
	font-size: 1.875rem;
	color: var(--OneColor);
	text-transform: uppercase;
	font-family: opb;
	position: relative;
}
.sj_id_atb_en span:before{
	position: absolute;
	content: '';
	width: 80px;
	height: 2px;
	background:var(--OneColor);
	left: 110%;
	top: 50%;
}
.sj_id_atb_cn{
	font-size:2.5rem;
	font-family: opl;
	position: relative;
	padding-top: 1rem;
}
.sj_id_about_ltitle{
	color: #303030;
	font-size: 2.125rem;
	font-family: opb;
	padding-top: 2rem;
}
.sj_id_about_con{
	width: 100%;
	height: auto;
	padding-top: 2rem;
	font-size: 1.25rem;
	line-height: 160%;
}
.sj_id_about_link_box{
	padding-top: 4rem;
}
.sj_id_about_link_box a{
	display: block;
	width: 50px;
	height: 50px;
	border: 1px #ababab dotted;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	margin-left: 35px;
	position: relative;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_about_link_box a:hover{
	animation:sjilbaamm 0.5s 0.5s 1 forwards;
	-webkit-animation:sjilbaamm 0.5s 0.5s 1 forwards; /* Safari and Chrome */
}

@keyframes sjilbaamm
{
    to {
		border: 1px var(--OneColor) dotted;
		-moz-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
		-webkit-box-shadow: 0px 4px 35px 0 rgba(0,0,0,0.08);
		box-shadow: 0px 4px 35px 0 rgba(0,114,198,0.2);
	}
}
 
@-webkit-keyframes sjilbaamm /* Safari 与 Chrome */
{
    to {border: 1px var(--OneColor) dotted;}
}
.sj_id_about_link_box a:before{
	position: absolute;
	content: '';
	width: 63px;
	height: 2px;
	background: rgba(171,171,171,0.8);
	border-radius: 10px;
	left: -35px;
	top: 23px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_about_link_box a:after{
	position: absolute;
	content: '';
	width: 0px;
	height: 2px;
	background: var(--OneColor);
	border-radius: 10px;
	left: -35px;
	top: 23px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_about_link_box a:hover:after{
	width: 68px;
}
.sj_id_about_link_box a svg{
	width: 14px;
	height: auto;
	margin: 0 auto;
	fill:#ababab;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_about_link_box a:hover svg{
	animation:svgamm 0.5s 0.5s 1 forwards;
	-webkit-animation:svgamm 0.5s 0.5s 1 forwards; /* Safari and Chrome */
}
@keyframes svgamm
{
    to {fill:var(--OneColor);}
}
 
@-webkit-keyframes svgamm /* Safari 与 Chrome */
{
    to {fill:var(--OneColor);}
}

.sj_id_pro{
	width: 94%;
}
.sj_id_ptb_en span{
	font-size: 1.875rem;
	color: var(--OneColor);
	text-transform: uppercase;
	font-family: opb;
	position: relative;
}

.sj_id_ptb_cn{
	font-size: 2.5rem;
}
.sj_id_pro_con{
	width: 100%;
	height: auto;
	position: relative;
	padding-top: 2rem;
}
.sj_id_pcl_sw{
	width: 100%;
	height: auto;
}
.sj_id_pcl_sw .swiper-slide{
	position: relative;
	padding-top: 6rem;
	padding-bottom: 0;
}
.sj_id_pro_con_left{
	width: 100%;
	height: calc(94vw * 568 / 870);
}

.sj_id_pcl_sw_menu{
	width: 100%;
	height: 4.5rem;
	line-height: 4.5rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	position: relative;
	left: 0;
	bottom: 0;
	z-index: 10;
	margin-top: 2rem;
}
.sj_id_pclsm_box{
	width: auto;
	height: 100%;
	padding: 0 2rem;
	color: rgba(255,255,255,0.7);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	font-size: 1.25rem;
	background: var(--OneColor);
}
.sj_id_pclsm_box svg{
	fill:rgba(255,255,255,0.7);
	height: 0.8rem;
	width: auto;
	cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_pclsm_box svg:hover{
	fill:rgba(255,255,255,1);
	transform: scale(1.1);
}
.sj_id_pclsm_box_left svg{
	transform: rotate(180deg);
}
.sj_id_pclsm_box_left svg:hover{
	fill:rgba(255,255,255,1);
	transform:scale(1.1) rotate(180deg);
}
.sj_id_pclsm_box_mid{
	padding: 0 2rem;
}

.sj_id_pro_con_back{
	font-size:10rem;
	color: var(--OneColor);
	font-family: db;
	position: absolute;
	top: -3rem;
	right: 0;
	z-index: 0;
}
.sj_id_pro_con_right{
	width: 100%;
	height: auto;
	position: relative;
	background: #FFFFFF;
	bottom: 0;
	right: 0;
	z-index: 5;
	padding: 0 2rem;
	padding-top: 3rem;
}
.sj_id_pro_con_right_title{
	font-size: 2.5rem;
	font-family: opl;
}
.sj_id_pro_con_right_con{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	padding-top: 1rem;
	min-height: 25rem;
}
.sj_id_pro_con_right_con a{
	width: 48%;
	height: auto;
	display: inline-block;
	font-size: 1.125rem;
	color: var(--OneColor);
	padding: 0.8rem 0;
	position: relative;
	padding-left: 10px;
	margin-right: 4%;
}
.sj_id_pro_con_right_con a:nth-child(2n){
	margin-right: 0;
}
.sj_id_pro_con_right_con a:before{
	position: absolute;
	content: '';
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: var(--OneColor);
	left: 0;
	top: 1.5rem;
}
.sj_id_pro_con_right_con a:after{
	position: absolute;
	content: '';
	width: 0%;
	height: 1px;
	border-radius: 50%;
	background: var(--OneColor);
	left: 0;
	bottom: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_pro_con_right_con a:hover:after{
	width: 100%;
}
.sj_id_pro_con_right_jia{
	width: 100%;
	height: auto;
	text-align: right;
	padding-top: 1rem;
	transform: translateX(2rem);
}
.sj_id_pro_con_right_jia a{
	display: inline-block;
	width: 4rem;
	height: 4rem;
	text-align: center;
	font-size: 3rem;
	background: var(--OneColor);
	color: #FFFFFF;
	font-family: opl;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.sj_id_news_title_box{
	width: 94%;
	height: auto;
	/*padding-top: 10vh;*/
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sj_id_news_title_right{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	text-align: left;
	padding-top: 3rem;
}
.sj_id_news_title_right a{
	display: inline-block;
	margin-left: 3rem;
	margin-left: 0;
	margin-right: 2rem;
	font-size: 1.25rem;
	color: var(--FontOneColor);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}


.sj_id_news{
	width: 94%;
	padding-bottom: 0vh;
}
.sj_id_news_sw{
	width: 100%;
	height: auto;
}
.sj_id_news_sw .swiper-slide{
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.sj_id_news_con{
	width: 100%;
	height: auto;
	margin-right: 0%;
	margin-top: 2.5rem;
}
.sj_id_news_con:nth-child(2n){
	margin-right: 0%;
}
.sj_id_news_con a{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.sj_id_news_con_left{
	width: 6rem;
	height: auto;
	padding-right: 0.5rem;
}
.sj_id_news_con_left_ri{
	color: rgba(0,0,0,0.7);
	font-size: 3.75rem;
	font-family: arial;
	font-weight: bold;
	text-align: right;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sj_id_news_con_left_motn{
	color: rgba(0,0,0,0.5);
	text-align: right;
	padding-right: 0.1rem;
}
.sj_id_news_con_right{
	width: calc(100% - 7rem);
	height: auto;
	border-left: 1px #e5e5e5 solid;
	padding-left: 2rem;
	position: relative;
}

.sj_id_news_con_right_title{
	font-size: 1.25rem;
	font-family: opb;
	color: rgba(0,0,0,0.7);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_news_con:hover .sj_id_news_con_right_title{
	color: rgba(0,0,0,1);
}
.sj_id_news_con_right_des{
	color: rgba(0,0,0,0.6);
	margin-top: 1rem;
	line-height: 180%;
	 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.sj_id_news_con_right_link{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-top: 1rem;
	position: relative;
}
.sj_id_news_con_right_linka{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	width: auto;
	overflow: hidden;
	padding: 0px 10px;
	height: 35px;
	line-height: 36px;
	background:var(--OneColor);
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 10;
}
.sj_id_news_con_right_linkaa{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	border-radius: 5px;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
	width: auto;
	overflow: hidden;
	padding: 0px 10px;
	height: 35px;
	line-height: 36px;
	left: 0;
	top: 0;
	transform: translateX(-68px);
	z-index: 5;
}
.sj_id_news_con:hover .sj_id_news_con_right_linkaa{
	transform: translateX(0px);
}

.sj_id_news_con_right_linka_left{
	width: 50px;
	font-size: 16px;
	color: #FFFFFF;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}

.sj_id_news_con_right_linka_right{
	width: 15px;
	height: auto;
	text-align: right;
	padding-top: 2px;
}
.sj_id_news_con_right_linka svg{
	width: 15px;
	height: 15px;
	fill:#ffffff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_news_con_right_linkaa svg{
	width: 15px;
	height: 15px;
	fill:#7f7f7f;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.sj_id_hz_box{
	width: 100%;
/*	height: calc(100vw * 701 / 1920);*/
/*	background-image: url("../images/index_hz_back.jpg");*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.sj_id_hz{
	width: 94%;
	height: auto;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.sj_id_hz_left{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.sj_id_hl_cn{
	font-size: 2.5rem;
	font-family: opl;
	position: relative;
	padding-top: 1rem;
	color: #FFFFFF;
}
.sj_id_hl_con{
	padding-top: 3rem;
	color: #FFFFFF;
	font-size: 1.312rem;
	line-height: 180%;
	font-family: opl;
}
.sj_id_hl_btn{
	width: 100%;
	height: auto;
	padding-top: 3rem;
}
.sj_id_hl_btn a{
	display: inline-block;
	width: auto;
	height: 3.5rem;
	line-height: 3.5rem;
	padding: 0 3rem;
	background: rgba(255,255,255,0.1);
	color: #FFFFFF;
	font-size: 1.312rem;
	position: relative;
}
.sj_id_hz_right{
	width: 100%;
	height: 100%;
	border-left: 1px rgba(255,255,255,0.1) solid;
	border-right: 1px rgba(255,255,255,0.1) solid;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 4rem;
}
.sj_id_hz_item{
	width: 100%;
	height: auto;
	text-align: center;
	padding: 2rem 0;
}
.sj_id_hz_item img{
	margin: 0 auto;
	max-width:80%;
	max-height: 50px;
}
}