body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,th,td,span,a,b,i,strong{margin:0; padding:0; box-sizing: border-box;}
body {font-size:62.5%; line-height: 1.5; color: #333; background: #fff; font-family: "Microsoft YaHei","Arial";} 
html,body{width: 100%;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{border:0;display: inline-block;max-width: 100%;transition: all .3s ease-out;}
.pic img{width: 100%;}
table {border-collapse: collapse;} 
input{border: none;}
textarea{font-family: inherit;}
button{outline: none;border: none;}
a{text-decoration: none;background: none ;color: inherit;font-size: inherit;}
a:hover{color: var(--primary-color);}
ul, li, ol{ list-style: none; }
:focus{ outline:none;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
:root {--primary-color: #208c99;--vice-color: #fff;}
.wrapper{width: 92%;min-width: 1200px;max-width: 1500px;margin: 0 auto;}
.wrapper_min{width: 1200px;;margin: 0 auto;}
.pic_constant{overflow: hidden;}
.pic_constant .inner{width: 100%;position: relative;}
.pic_constant .inner::after{content: '';width: 100%;display: block;}
.pic_constant .inner img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s ease-out;}
.bgCover{background-repeat: no-repeat;background-position: center;background-size: cover;}
.txtEllipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.txtEllipsisTwo{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.txtEllipsisThree{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.txtEllipsisFour{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.swiper-pagination-bullet-active{background-color: var(--primary-color);}
.color_primary{color: var(--primary-color);}
.color_white{color: #fff;}
.color_white_t9{color: rgba(255, 255, 255, .9);}
.color_white_t8{color: rgba(255, 255, 255, .8);}
.flex_center{display: flex;justify-content: center;align-items: center;}
.flex_between{display: flex;flex-wrap: wrap;justify-content: space-between;}
.flex_align_center{display: flex;align-items: center;}
.flex{display: flex;}
.flex_wrap{display: flex;flex-wrap: wrap;}
.relative{position: relative;}
.mg_t_60{margin-top: 60px;}
.mg_t_50{margin-top: 50px;}
.mg_t_40{margin-top: 40px;}
.mg_t_30{margin-top: 30px;}
.mg_t_20{margin-top: 20px;}
.mg_t_10{margin-top: 10px;}
.mg_t_5{margin-top: 5px;}
.mg_l_5{margin-left: 5px;}
.mg_r_5{margin-right: 5px;}
.mg_b_50{margin-bottom: 50px;}
.indent{text-indent: 2em;}
.text_center{text-align: center;}
.text_right{text-align: right;}
.font_bold{font-weight: bold;}
h2{font-size: 3.6em;}
h3{font-size: 3em;}
h4{font-size: 2.4em;}
h5,.fs20{font-size: 2em;}
.fs18{font-size: 1.8em;}
.fs16{font-size: 1.6em;}
.fs15{font-size: 1.5em;}
.fs14{font-size: 1.4em;}
.fs12{font-size: 1.2em;}

.swiper-button-next:after, .swiper-button-prev:after{font-size: inherit;}
.swiper-free-mode>.swiper-wrapper {-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;}

.space{padding-top: 8vh !important;padding-bottom: 8vh !important;}

.hover_ani-push_window::before,
.hover_ani-push_window::after{content: '';position: absolute;top: 0;width: 0;height: 100%;background-color: var(--primary-color);z-index: -1;transition: inherit;}
.hover_ani-push_window::before{left: 0;}
.hover_ani-push_window::after{right: 0;}
.hover_ani-push_window:hover::before{width: 50%;left: 50%;}
.hover_ani-push_window:hover::after{width: 50%;right: 50%;}

.hover_ani-block_cross> .inner::before,
.hover_ani-block_cross> .inner::after{content: "";position: absolute;pointer-events: none;opacity: 1;z-index: 3;transform: rotate(5deg);}
.hover_ani-block_cross> .inner::before{top: 0;right: 50%;bottom: 0;left: 50%;background: rgba(255, 255, 255, 0.2);}
.hover_ani-block_cross> .inner::after{top: 50%;right: 0;bottom: 50%;left: 0;background: rgba(255, 255, 255, 0.4);}
.hover_ani-block_cross:hover> .inner:before,
.hover_ani-block_cross:hover> .inner:after{opacity: 0;transition: all 900ms linear;}
.hover_ani-block_cross:hover> .inner:before{left: 0;right: 0;}
.hover_ani-block_cross:hover> .inner:after{top: 0;bottom: 0;}

.header{width: 100%;height: 80px;position: fixed;top: 0;left: 0;z-index: 999;transition: all .3s ease-out;background-color: #fff;}
.header> .wrapper{height: 100%;display: flex; align-items: center;justify-content: space-between;}
.header .logo img{width: 190px;}
.header .nav{height: 100%;}
.header .nav> ul{height: 100%;display: flex;flex-wrap: wrap;}
.header .nav> ul> li{position: relative;margin-left: 40px;transition: all .3s ease-out;}
.header .nav> ul> li.nav_products{position: static;}
.header .nav> ul> li:first-child{margin-left: 0;}
.header .nav> ul> li.on> a{font-weight: bold;}
.header .nav> ul> li> a{font-size: 1.8em;line-height: 80px;display: block;}
.header .nav a:hover{color: var(--primary-color);}
.header .nav .arrow{display: none;}
.header .nav .children{position: absolute;top: 100%;left: 50%;z-index: -1;transform: translate(-50%, -10px);min-width:100%; opacity: 0;padding-top: 10px;visibility: hidden;transition: inherit;}
.header .nav .children ul{background: rgba(255, 255, 255, .95);padding: 10px 20px;box-shadow: 0 1px 2px #eee;transition: inherit;position: relative;}
.header .nav .children ul::after{content: '';position: absolute;top: -10px;left: calc(50% - 5px);width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent #fff transparent;}
.header .nav .children li{line-height: 36px;}
.header .nav .children li:last-child{border-bottom: 0;}
.header .nav .children li a{display: block;white-space: nowrap;font-size: 1.4em;color: #555;transition: all .3s linear;}
.header .nav .children li a:hover{color: var(--primary-color);}

.header .nav .nav_products_children .item{width: 25%;padding: 0 20px;border-right: 1px solid #eee;}
.header .nav .nav_products_children .item:last-child{border-right: 0;}
.header .nav .nav_products_children .pic{max-width: 100px;max-height: 70px;}
.header .nav .nav_products_children .list{width: calc(100% - 100px);padding-left: 20px;}
.header .nav .nav_products_children .top_title{font-size: 1.7em;font-weight: bold;margin-bottom: 6px;}
.header .nav .nav_products_children .label{padding: 5px 0 5px 15px;position: relative;font-size: 1.6em;font-weight: bold;}
.header .nav .nav_products_children .label::before{content: '';display: block;position: absolute;top: 14px;left: 0;width: 5px;height: 5px;border-radius: 100%;background-color: #ccc;}
.header .nav .nav_products_children .min{padding: 0 6px;display: flex;flex-wrap: wrap;}
.header .nav .nav_products_children .min a{padding: 2px 6px;font-size: 1.4em;color: #999; display: inline-block; }
.header .nav .nav_products_children .min a:hover{color: var(--primary-color);}

.header .right{display: flex;align-items: center;height: 100%;}
.header .lang a{font-size: 1.7em;}
.header .lang a:hover{color: var(--primary-color);}
.header .icon{cursor: pointer;}
.header .search{margin-left: 50px;width: 20px;height: 20px;background: url(../images/icon_search.png) no-repeat center/contain;cursor: pointer;}
.header .search_form{position: absolute;top: 90px;right: 0;width: 100%;margin-top: 50px;opacity: 0;visibility: hidden;font-size: 1.5em;transition: all .3s ease-out;z-index: 99;}
.header .search_form form{width: 400px;margin-left: auto;}
.header .search_form .keyword{width: calc(100% - 60px);height: 40px;background-color: #fff;border: 1px solid rgb(11 77 101 / 21%);padding: 0 10px;}
.header .search_form .submit{width: 60px;height: 40px;background-color: var(--primary-color);color: #fff;cursor: pointer;}
.header .search_form .submit:hover{opacity: .9;}
.header .search_form.toggle{margin-top: 0;opacity: 1;visibility: visible;}

.header .tel{padding: 0 8px;margin: 0 8px;border-left: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;}
.header .tel p{font-size: 1.2em;line-height: 1;}
.header .tel p:first-child{margin-bottom: 2px;font-size: 1.4em;}

.header.index{background-color: rgba(0,0,0,.4);}
.header.index .nav> ul> li> a{color: #fff;}
.header.index .nav> ul> li> a:hover{color: var(--primary-color);}
.header.index .tel{border-color: #fff;}
.header.index .tel p{color: rgba(255, 255, 255, .8);}
.header.index .tel p:first-child{color: #fff;}
.header.index .lang a{color: #fff;}
.header.index .lang a:hover{color: var(--primary-color);}
.header.index .menu_btn span{background: #fff;}

.menu_btn{width: 22px;height: 22px;cursor: pointer;display: none;position: relative;}
.menu_btn span{width: 100%;height: 2px;background: #333;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;will-change: transform;transition: .75s cubic-bezier(.19,1,.22,1);}
.menu_btn span:first-child{transform: translateY(-6px) scaleX(1);transition-delay: .4s;}
.menu_btn span:nth-child(2){transform: scaleX(1);transition-delay: 350ms;}
.menu_btn span:nth-child(3){transform: translateY(6px) scaleX(1);transition-delay: .3s;}
.menu_btn span:nth-child(4){transform: rotate(45deg) scaleX(0);transition-delay: 50ms;}
.menu_btn span:last-child{transform: rotate(-45deg) scaleX(0);transition-delay: 0s;}
.header.toggle .menu_btn span:first-child{transform: translateY(-6px) scaleX(0);transition-delay: .1s;}
.header.toggle .menu_btn span:nth-child(2){transform: scaleX(0);transition-delay: 50ms;}
.header.toggle .menu_btn span:nth-child(3){transform: translateY(6px) scaleX(0);transition-delay: 0s;}
.header.toggle .menu_btn span:nth-child(4){transform: rotate(45deg) scaleX(1);transition-delay: .3s;}
.header.toggle .menu_btn span:last-child{transform: rotate(-45deg) scaleX(1);transition-delay: 350ms;}

.footer{background-color: #303030;color: #fff;}
.footer .top{padding: 40px 0 20px;}
.footer .nav{width: 52%;display: flex;justify-content: space-between;}
.footer .nav ul:first-child{margin-left: 0;}
.footer .nav li{margin-top: 6px;font-size: 1.4em;color: rgba(255, 255, 255, .8);}
.footer .nav li:first-child{font-size: 1.6em;margin: 0 0 20px 0;color: #fff;}
.footer .contact{display: flex;align-items: flex-end;justify-content: space-between;}
.footer .left{width: 350px;}
.footer .left ul li{padding-left: 20px;color: rgba(255, 255, 255, .5);font-size: 1.4em;background-repeat: no-repeat;background-position: left 4px;background-size: 14px;margin-top: 20px;}
.footer .left ul li p:first-child{letter-spacing: 1px;margin-bottom: 3px;}
.footer .left ul li:nth-child(1){background-image: url(../images/icon_location.png);}
.footer .left ul li:nth-child(2){background-image: url(../images/icon_email.png);}
.footer .left ul li:nth-child(3){background-image: url(../images/icon_tel.png);}
.footer .tel{margin-top: 25px;}
.footer .tel p:first-child{font-size: 1.4em;color: rgba(255, 255, 255, .8);}
.footer .tel p:last-child{font-size: 2em;font-weight: bold;font-family: 'arial';}
.footer .qrcode{margin-left: 50px;}
.footer .qrcode img{max-width: 100px;}
.footer .qrcode p{text-align: center;margin-top: 5px;font-size: 1.4em;}
.footer .btm{padding: 20px 0;text-align: center;border-top: 1px solid rgba(255, 255, 255, .4);font-size: 1.4em;color: rgba(255, 255, 255, .85);line-height: 1.7;}
.footer .btm a{margin: 0 3px;}
.footer .btm a:hover{text-decoration: underline;}

.fixed_right{position: fixed;top: 50%;right: 10px;z-index: 998;transform: translateY(-50%);}
.fixed_right ul li{width: 90px;height: 80px;position: relative;background-color: #333;border-radius: 4px;margin-bottom: 5px;}
.fixed_right ul li:last-child{margin-bottom: 0;}
.fixed_right ul li .inner{width: 100%;height: 100%;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.fixed_right ul li .icon{height: 36px;}
.fixed_right ul li .cont{position: absolute;right: calc(100% + 10px);top: 50%;transform: translateY(-50%);width: max-content;background-color: #333;border-radius: 8px;padding: 20px;display: none;text-align: center;}
.fixed_right ul li .cont .qrcode{width: 100px;}
.fixed_right ul li .cont .icon{height: 24px;}
.fixed_right ul li .cont p{font-size: 1.6em;white-space: nowrap;color: #fff;line-height: 24px;}
.fixed_right ul li:hover .inner{color: var(--primary-color);}
.fixed_right ul li:hover .inner .icon{transform: scale(1.1);}
.fixed_right ul li:hover .cont{display: block;}

@media screen and (min-width: 1271px){
	.header .tel:hover p:first-child{color: var(--primary-color);}
	.header .nav> ul> li:hover .children{transform: translate(-50%, 0);opacity: 1;visibility: visible;z-index: 3;}
	.header .nav> ul> li.on::after{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background-color: var(--primary-color);}
	.header .nav> ul> li.on> a{color: var(--primary-color);}

	.header .nav> ul> li.nav_products>a{position: relative;}
	.header .nav> ul> li.nav_products>a::after{content: '';position: absolute;bottom: 0;left: calc(50% - 5px);width: 0;height: 0;border-width: 5px;border-style: solid;border-color: transparent transparent #fff transparent;opacity: 0;transition: all .3s ease-out;}
	.header .nav .nav_products_children{position: absolute;top: 80px;left: 0;padding-top: 10px;transform: translateY(-10px);opacity: 0;visibility: hidden;width: 100%;box-shadow: 0 2px 4px #eee;transition: all .3s ease-out;}
	.header .nav .nav_products_children .inner{background-color: #fff;padding: 40px 20px;}

	.header .nav> ul> li.nav_products:hover>a::after{bottom: -10px;opacity: 1;}
	.header .nav> ul> li.nav_products:hover .nav_products_children{transform: translateY(0);opacity: 1;visibility: visible;}
}

@media screen and (max-width: 1440px){
	.fixed_right{right: 0;}
	.fixed_right ul li{width: 60px;height: 60px;}
	.fixed_right ul li .icon{height: 24px;}

	.header .nav .nav_products_children .inner{padding: 30px 0;}
	.header .nav .nav_products_children .list{padding-left: 15px;}
	.header .nav .nav_products_children .label{padding: 5px 0 5px 10px;font-size: 1.4em;}
}

@media screen and (max-width: 1270px){
	.wrapper{width: 92%;min-width: 92%;max-width: 92%;}
	.wrapper_min{width: 92%;;margin: 0 auto;}
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}

	.header{padding: 0;height: 60px;box-shadow: 0 7px 32px -12px rgba(0,0,0,.2);display: flex;align-items: center;position: fixed;}
	.header .logo img{height: 30px;}
	.header .lang{margin-right: 30px;}
    .menu_btn{display: block;}
    .header .nav{position: fixed;top: 60px;left: 0;z-index: 99;width: 100%;height: 0;background-color: #fff;padding: 0 4%;transition:all .4s ease-out;}
    .header.toggle .nav{height: calc(100vh - 60px);padding: 60px 4% 50px;}
    .header .nav> ul{height: 100%;display: block;overflow-y: auto;overflow-x: hidden;}
	.header .nav> ul> li{width: 100%;margin-left: 0;border-bottom: 1px solid rgba(255,255,255,.1);position: relative;}
	.header .nav> ul> li> a{line-height: 50px;padding: 0;}
	.header .nav .arrow{width: 100%;height: 50px;position:absolute; top:0; left:0;display: flex;justify-content: flex-end;align-items: center;}
	.header .nav .arrow.rotate i{transform: rotate(180deg);}
	.header .nav .arrow i{transition:all .3s linear;color: #fff;}
	.header .nav .children{position: static;width: 100%;transform: none;margin-top: 0;padding-top: 0;opacity: 1;visibility: visible;display: none;transition: none;}
	.header .nav .children ul{background: none;box-shadow: none;padding: 0 0 10px 10px;}
	.header .nav .children ul::after{display: none;}
	.header .nav .children li a{color: #fff;}

	.header .nav> ul> li.nav_products{position: relative;}
	.header .nav .nav_products_children{display: none;}
	.header .nav .nav_products_children .item{width: 50%;flex-wrap: wrap;padding: 15px 20px;}
	.header .nav .nav_products_children .item:nth-of-type(odd){padding-left: 0;}
	.header .nav .nav_products_children .item:nth-of-type(even){padding-right: 0;}
	.header .nav .nav_products_children .pic{max-width: none;height: 70px;}
	.header .nav .nav_products_children .list{width: 100%;padding-left: 0;margin-top: 10px;}

	.header .tel{padding-right: 20px;}
	
	.header.index{background-color: var(--primary-color);}
	.header.index .nav> ul> li> a{color: #333;}
	.header .nav .children li a{color: #666;}
	.header .nav .arrow i{color: #999;}

	.footer .nav{display: none;}
	.footer .contact{width: 100%;position: relative;}
	.footer .left{width: calc(100% - 130px);}
}	

@media screen and (max-width: 768px){
	.space{padding-top: 30px !important;padding-bottom: 30px !important;}
	.mg_t_60{margin-top: 35px;}
	.mg_t_50{margin-top: 30px;}
	.mg_t_40{margin-top: 25px;}
	.mg_t_30{margin-top: 20px;}
	.mg_t_20{margin-top: 15px;}
	h2{font-size: 2.4em;}
	h3{font-size: 2.2em;}
	h4{font-size: 2em;}
	h5,.fs20{font-size: 1.8em;}

	.header .search{display: none;}
	.header.toggle .search_form{opacity: 1;visibility: visible;margin-top: 0;top: 76px;}
	.header .search_form form{width: 100%;}
	.header .search_form .keyword{background-color: rgba(0, 0, 0, .1);color: #333;border: 0;}
	.header .search_form .keyword::placeholder{color: #888;}
	.header .search_form .submit{border: 1px solid rgba(255,255,255,.3);}

	.header .tel{position: fixed;bottom: 10px;left: 50%;transform: translateX(-50%);text-align: center;z-index: 999;padding: 0;border: 0;opacity: 0;visibility: hidden;}
	.header.toggle .tel{opacity: 1;visibility: visible;transition-delay: .5s;}

	.footer .left{width: 100%;}
	.footer .left ul li{width: 100%;margin-top: 10px;}
	.footer .qrcode{margin-left: 0;position: absolute;right: 0;bottom: 0;}

	.fixed_right ul li{width: 40px;height: 40px;}
	.fixed_right ul li .icon{height: 20px;}
}