@media(min-width:1920px) {
	html {
		font-size: calc(100vw/19.2)
	}
    body {
        max-width: 1920px;
        margin: auto;
    }
	.auto-container {
		max-width: 1400px;
	}
	.head{
	    max-width: 1920px;
	    padding: 0 .3rem;
	}
	.footer .foot_head .foot_cate_item_box{
		width: 5rem;
	}
}

@media(min-width:2560px) {

	html {
		font-size: calc(100vw/25.6)
	}
}
@media(min-width:2860px) {

	html {
		font-size: calc(100vw/28.6)
	}
}
@media(min-width:3840px) {

	html {
		font-size: calc(100vw/38.4)
	}
}
@media(max-width:1400px) {
	:root {
		--font-size-f-14: .12rem;
		--font-size-f-16: .14rem;
		--font-size-f-18: .16rem;
		--font-size-f-20: .18rem;
		--font-size-f-22: .20rem;
		--font-size-f-24: .22rem;
		--font-size-f-26: .24rem;
		--font-size-f-28: .26rem;
		--font-size-f-30: .28rem;
		--font-size-f-32: .30rem;
		--font-size-f-34: .32rem;
		--font-size-f-36: .34rem;
		--font-size-f-38: .36rem;
		--font-size-f-40: .38rem;
		--font-size-f-42: .40rem;
		--font-size-f-44: .42rem;
		--font-size-f-46: .44rem;
		--font-size-f-48: .46rem;
		--font-size-f-50: .48rem
	}
	html {
		font-size: calc(100vw/14)
	}
	.head {
		padding: 0 .5rem
	}
	.head nav {
		min-height: .7rem
	}
	.head .nav_logo {
		width: 31%
	}
	.head .navbar_box {
		width: 50%
	}
	.head.c-style2 .navbar_box {
		width: 48%
	}
	.head.c-style2 .navbar_right {
		width: 15%
	}
	.head .nav_item {
		width: max-content
	}
	.head .nav_item .item .dropdown_link a {
		margin-right: .3rem
	}
	.head .nav_item .item .dropdown_menu {
		top: .71rem
	}
	.head .nav_item .item .submen_list {
		width: 100%;
		padding: .2rem
	}
	.head .nav_item .item .submen_list .submen_head .head_icon img {
		max-width: .2rem
	}
	.head .nav_item .item .submen_list .head_children a {
		line-height: initial
	}
	.head .navbar_right .navbar_group .icosearch {
		height: .7rem
	}
	.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box a,.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box p {
		font-size: var(--font-size-f-20)
	}
	.footer .foot_head .foot_cantact_box .foot_links .links_title p {
		font-size: var(--font-size-f-18)
	}
	.footer .foot_head .foot_cate_item_box .item .foot_cate_item_list a {
		font-size: var(--font-size-f-20)
	}
	.foot_bottom .foot_bottom_head {
		width: 80%
	}
	.foot_bottom .foot_bottom_head p,.foot_bottom .foot_bottom_head p a {
		font-size: var(--font-size-f-20)
	}
	.foot_bottom .foot_bottom_bottom {
		font-size: var(--font-size-f-20)
	}
	.foot_bottom .auto-container,.footer .auto-container {
		width: 90%
	}
	.additional_features {
		right: 0
	}
	.additional_features li a {
		width: .45rem;
		height: .45rem
	}
}
@media(max-width:1080px) {
	:root {
		--font-size-f-14: .18rem;
		--font-size-f-16: .20rem;
		--font-size-f-18: .22rem;
		--font-size-f-20: .24rem;
		--font-size-f-22: .26rem;
		--font-size-f-24: .27rem;
		--font-size-f-26: .30rem;
		--font-size-f-28: .32rem;
		--font-size-f-30: .34rem;
		--font-size-f-32: .36rem;
		--font-size-f-34: .38rem;
		--font-size-f-36: .40rem;
		--font-size-f-38: .42rem;
		--font-size-f-40: .44rem;
		--font-size-f-42: .46rem;
		--font-size-f-44: .48rem;
		--font-size-f-46: .50rem;
		--font-size-f-48: .52rem;
		--font-size-f-50: .54rem
	}
	html {
		font-size: calc(100vw/10.8)
	}
	.auto-container {
		max-width: 95%
	}
	.swiper-pagination-bullet {
		background: var(--color);
		border-color: var(--color)
	}
	.head {
		padding: 0;
		top: 0
	}
	.head nav {
		max-width: 100%;
		padding-right: .2rem;
		border-radius: 0
	}
	.head .nav_logo {
		width: 100%
	}
	.head .nav_logo .logo_icon {
		padding: .05rem;
		margin-left: .1rem
	}
	.head .nav_logo .slogan {
		display: none
	}
	.head .navbar_box {
		display: none;
		background: #fff;
		top: .71rem;
		position: absolute;
		max-height: 7rem;
		overflow: auto;
		width: 100%
	}
	.head .nav_item {
		width: 100%;
		flex-wrap: wrap;
		justify-content: flex-start;
		padding: .3rem 0
	}
	.head .nav_item .item {
		display: block;
		width: 100%;
		position: relative
	}
	.head .nav_item .item .dropdown_link {
		padding-left: .3rem
	}
	.head .nav_item .item .dropdown_link.children {
		position: relative
	}
	.head .nav_item .item .dropdown_link a {
		position: unset;
		line-height: .4rem;
		margin-right: 0;
		padding-bottom: .1rem;
		padding-top: .1rem
	}
	.head .nav_item .item.active .dropdown_link a:before,.head .nav_item .item:hover .dropdown_link a:before {
		display: none
	}
	.head .nav_item .item .dropdown_link .iconfont,.head .nav_item .item .submen_list .submen_head .iconfont {
		width: .3rem;
		height: .3rem;
		display: inline-block;
		position: absolute;
		top: 0;
		right: .3rem;
		bottom: 0;
		margin: auto
	}
	.head .nav_item .item .dropdown_link .iconfont:before,.head .nav_item .item .submen_list .submen_head .iconfont:before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		content: '';
		width: .1rem;
		height: .1rem;
		border-right: .03rem solid var(--color);
		border-bottom: .03rem solid var(--color);
		transform: rotate(45deg)
	}
	.head .nav_item .item:hover .dropdown_link a:before {
		opacity: 0
	}
	.head .nav_item .item .dropdown_link.children:after {
		display: none
	}
	.head .nav_item .item .dropdown_link.open .iconfont:before,.head .nav_item .item .submen_list .submen_head.open .iconfont:before {
		border-left: .03rem solid var(--color);
		border-top: .03rem solid var(--color);
		border-right: 0;
		border-bottom: 0
	}
	.head .nav_item .item .dropdown_menu {
		display: none;
		position: unset;
		width: 100%;
		opacity: 1;
		visibility: unset
	}
	.head .nav_item .item .submen_list {
		padding: 0;
		margin-top: 0;
		margin-bottom: .1rem;
		visibility: unset
	}
	.head .nav_item .item .submen_list li {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		padding-left: .3rem;
		margin-bottom: 0
	}
	.head .nav_item .item .submen_list .submen_head {
		position: relative
	}
	.head .nav_item .item .submen_list .submen_head .head_icon {
		display: none
	}
	.head .nav_item .item .submen_list .submen_head a {
		margin-top: 0;
		line-height: .4rem;
		font-size: var(--font-size-f-16)
	}
	.head .nav_item .item .submen_list .head_children a {
		display: inline-block;
		width: 100%;
		padding-left: .2rem;
		font-size: var(--font-size-f-16);
		font-family: fradm;
		line-height: .4rem
	}
	.head .navbar_right,.head.c-style2 .navbar_right {
		width: auto
	}
	.head .navbar_right .c_switch {
		display: block;
		width: .32rem;
		margin-left: .15rem;
		margin-top: .25rem
	}
	.head .navbar_right .c_switch i {
		background: var(--color)
	}
	.head .navbar_right .c_switch.open i:nth-child(1) {
		top: .12rem;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.head .navbar_right .c_switch.open i:nth-child(2) {
		opacity: 0
	}
	.head .navbar_right .c_switch.open i:nth-child(3) {
		bottom: .06rem;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
	.head .navbar_right .c_switch i {
		position: relative;
		display: block;
		height: .03rem;
		-webkit-transition: all .3s;
		transition: all .3s
	}
	.head .navbar_right .c_switch i:nth-child(1) {
		top: 0
	}
	.head .navbar_right .c_switch i:nth-child(3) {
		bottom: 0
	}
	.head .navbar_right .c_switch i:nth-child(2) {
		margin: .06rem 0
	}
	.head .navbar_right .navbar_group .langage_box .langage_txt,.head .navbar_right .navbar_group>a {
		font-size: var(--font-size-f-14)
	}
	.head .navbar_right .navbar_group>a {
		margin-left: .2rem
	}
	.head .navbar_right .navbar_group .icosearch {
		margin-left: .15rem;
		border-radius: 0
	}
	.head .open .navbar_right .search_con2 {
		right: 0;
		top: 15%;
		width: 63%
	}
	.head .navbar_right .search_con2 .search_input {
		width: 2.7rem
	}
	.head .navbar_right .navbar_group .icosearch img {
		max-width: .18rem;
		vertical-align: middle;
		margin-top: -.05rem
	}
	.swiper-button-next img,.swiper-button-prev img {
		max-width: .15rem
	}
	.footer {
		flex-direction: column-reverse;
		padding: 0 .2rem;
		padding-top: .4rem;
		background-image: none
	}
	.foot_bottom .auto-container,.footer .auto-container {
		width: 100%;
		flex-direction: column
	}
	.footer .left {
		width: 100%;
		margin-bottom: .3rem
	}
	.footer .foot_head {
		flex-direction: column;
		padding-left: 0
	}
	.footer .foot_head .foot_cantact_box {
		max-width: 100%
	}
	.footer .foot_head .foot_cantact_box .foot_share {
		padding-bottom: .3rem
	}
	.footer .foot_head .foot_cate_item_box {
		width: 100%;
		display: none
	}
	.footer .foot_head .foot_cantact_box .foot_links {
		width: 100%
	}
	.footer .foot_bottom {
		padding-left: 0;
		padding-top: .3rem
	}
	.footer .foot_bottom .foot_bottom_head {
		flex-direction: column
	}
	.footer .foot_bottom .foot_bottom_head p {
		margin-bottom: .1rem
	}
	.footer .foot_bottom .foot_bottom_head p:last-child {
		margin-left: 0
	}
	.footer .foot_bottom .foot_bottom_bottom {
		margin-top: .1rem
	}
	.footer .right {
		width: 100%;
		padding: 0;
		margin-top: 0;
		margin-bottom: .4rem
	}
	.footer .foot_form {
		padding: .2rem
	}
	.footer .foot_form .foot_form_title {
		text-align: center
	}
	.additional_features {
		right: .05rem;
		top: 45%;
	}
	.additional_features li a {
		width: .45rem;
		height: .45rem;
		border-radius: .45rem;
		line-height: .4rem
	}
	.effect3_label>span,.index_news .index_news_box .left .index_news_top_item .news_more_btn span {
		font-size: var(--font-size-f-14)
	}
	.footer .foot_head .foot_cantact_box .foot_cantact .item .icon_box img {
		max-width: .32rem
	}
	.footer .foot_head .foot_cantact_box .foot_share a img {
		max-width: .34rem
	}
	.foot_bottom {
		height: auto;
		line-height: inherit;
		padding: .2rem 0
	}
	.foot_bottom .foot_bottom_bottom,.foot_bottom .foot_bottom_head {
		width: 100%
	}
	.foot_bottom .foot_bottom_bottom {
		text-align: left
	}
	#videomodal .modal-dialog .modal-body iframe {
		height: 4.5rem!important
	}
}
@media(max-width:768px) {
	html {
		font-size: calc(100vw/5)
	}
	:root {
		--font-size-f-14: 16px;
		--font-size-f-16: 18px;
		--font-size-f-18: 20px;
		--font-size-f-20: 22px;
		--font-size-f-22: 24px;
		--font-size-f-24: 26px;
		--font-size-f-26: 28px;
		--font-size-f-28: 30px;
		--font-size-f-30: 32px;
		--font-size-f-32: 34px;
		--font-size-f-34: 36px;
		--font-size-f-36: 38px;
		--font-size-f-38: 40px;
		--font-size-f-40: 42px;
		--font-size-f-42: 44px;
		--font-size-f-44: 46px;
		--font-size-f-46: 48px;
		--font-size-f-48: 50px;
		--font-size-f-50: 52px
	}
	.head.c-style2 .navbar_box {
		width: 100%
	}
	.footer .foot_head .foot_cantact_box .foot_cantact .foot_cantact_title {
		line-height: initial;
		max-width: 100%
	}
	.footer .foot_head .foot_cantact_box .foot_cantact .item .icon_box img {
		vertical-align: middle
	}
	.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box a,.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box p {
		font-size: var(--font-size-f-18)
	}
	.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box a {
		font-size: var(--font-size-f-18)
	}
	.footer .foot_head .foot_cantact_box .foot_cantact .item .text_box p {
		line-height: initial
	}
	.foot_bottom {
		max-width: 100%;
		overflow: hidden;
		font-size: var(--font-size-f-18)
	}
	.foot_bottom .foot_bottom_head p:last-child {
		margin-left: 0
	}
	.footer .foot_form .foot_form_title {
		line-height: initial
	}
	.foot_bottom .foot_bottom_head p, .foot_bottom .foot_bottom_head p a,
	.foot_bottom .foot_bottom_bottom{
		font-size: var(--font-size-f-16);
		line-height: normal;
		text-align: center;
	}
	.foot_bottom .foot_bottom_head p{
    width: 100%;
    margin-left: 0;
    
}
}