@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin: 0;padding: 0;-moz-transition: all .3s;}
body{background: #fff;color: #323232;font-size: 14px; font-family: PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
td,th,caption{font-size: 14px;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
a{color: #323232;text-decoration: none;}
a:link{color: #323232;}
a:visited{color: #323232;}
a:hover,a:active,a:focus{text-decoration: none;}
img{border: none;vertical-align: top}
ol,ul,li{list-style: none;}
input,textarea,select,button{font: 14px PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', 微软雅黑, STXihei, 华文细黑, Georgia, 'Times New Roman', serif;}
input{border: 0;outline: none;}
table{border-collapse: collapse;border-spacing: 0;}
dt,dd{font-weight: normal;}
p{word-wrap: break-word}
a{blr: expression(this.onFocus=this.blur());}
a:focus{outline: none;}
a.hidefocus{outline: none}
.clearfix{*zoom: 1;clear: both; zoom: 1;}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;font-size: 0px;}
*:focus{outline: none;}
button:focus {outline:none!important;;}
table{border-collapse: collapse;border-spacing: 0}


.fl{float: left;}
.fr{float: right;}
img{max-width: 100%; vertical-align: top;}
.picfocus{overflow: hidden;}
.picfocus img{-webkit-transition: 0.36s ease;-moz-transition: 0.36s ease;-o-transition: 0.36s ease;-ms-transition: 0.36s ease;}
.item:hover .picfocus img,
.picfocus:hover img,
a:hover .picfocus img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
div{border: none}
.table{display: table;table-layout: fixed;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;width: 100%;height: 100%;z-index: 9999;}
body{transition: 0.5s ease all;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}
:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}



*{padding:0;margin:0;list-style: none; box-sizing: border-box;}

@media (max-width: 767px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:10px; }
}
@media (min-width: 768px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:12px; }
}
@media (min-width: 1200px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:13px; }
}
@media (min-width: 1360px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:14px; }
}
@media (min-width: 1440px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:14px; }
}
@media (min-width: 1600px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:16px; }
}

.container{padding: 0 13.54%; width: 100%; max-width: 1920px; margin: 0 auto;}
@media (max-width:767px){
	.container{padding: 0 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.container{padding: 0 15px;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.container{padding: 0 9%;}
}

@font-face {font-family: "Roman";
  src: url(fonts/SQUARE721-BT-BOLD.TTF)
}

.tit_box{position: relative; }
.tit_box .tabs{position: absolute; right: 0; top: 50%; transform: translateY(-60%); display: flex; margin-bottom: 1.25rem;}
.tit_box .tabs li{margin: 0 1.75rem 0 0; line-height: 2.25rem; font-size: 1rem; min-width: 8.75rem; color: #5A5A5A; border-radius: 2.25rem; display: flex; align-items: center; border: 1px solid #C5C5C5; }
.tit_box .tabs li a{padding: 0 2rem; font-size: 1rem;}
.tit_box .tabs li.on,
.tit_box .tabs li:hover{background: #26BB9F; border-color: #26BB9F;}
.tit_box .tabs li.on a,
.tit_box .tabs li:hover a{color: #fff;}
.tit_box .tabs li:last-child{margin-right: 0;}
.common_tit{position: relative; line-height: 1;}
.common_tit .tit_box{position: relative;}
.common_tit .tit{ font-size: 2.25rem; color: #4A4A4A; font-weight: bold;}
.common_tit .tit_en{ font-size: 2.75rem; margin: 1rem 0 0; font-weight: bold; color: #26BB9F; text-transform: uppercase;}
.common_tit .tit_en em{color: #34544C; font-weight: bold;}
.common_tit.white .tit{color: #fff;}
.common_tit.white .tit_en{color: #fff;}
.common_tit.white .tit_en em{color: #26BB9F;}
@media (min-width: 768px) and (max-width: 991px){
	.common_tit .tit_en{font-size: 3rem;}
	.common_tit .tit{font-size: 2rem; margin: 10px 0 0;}
}
@media (max-width:767px){
	.common_tit{display: block;}
	.common_tit .tit_en{font-size: 26px; }
	.common_tit .tit{font-size: 2rem;}
	.common_tit .tit_en::after{margin: 20px 0 0;}
	.common_tit.white{padding: 0 15px;}
	.common_tit.white .tit{padding-left: 0;}
	.common_tit .tabs a{margin-bottom: 10px; font-size: 14px; line-height: 36px;}
	.tit_box .tabs li{line-height: 16px;  border-radius: 5rem;}
	.tit_box .tabs li a{font-size: 13px; padding: 5px 2rem;}
}

/*.more a{position: relative; padding: 0 10px 0 1.5625rem; border-radius: 2.5rem; display: inline-flex; align-items: center; justify-content: space-between; font-size: 1rem; background: #22b599; height: 2.5rem;  color: #fff; transition: .3s all;}
.more a::after { content: "";  width: 1.5rem; height: 1.5rem; margin: 0 0 0 1.5rem; border-radius: 50%; background: #fff url(../images/more_arrow.png) no-repeat center center; }*/
.more_link{ font-size: 14px; line-height: 1; text-transform: uppercase;}
.more_link::after { content: "";  width: 22px; height: 14px; margin: 0 0 0 10px; background: url(../images/icon_more.png) no-repeat center left; vertical-align: top; display: inline-block;}

.more a{line-height: 2.5rem; font-size: 1rem; color: #25ba9e; width: 10.875rem; border-radius: 2.5rem; display: flex; align-items: center; justify-content: center; border: 1px solid #25ba9e; transition: all 0.3s;}
.more a:hover{background: #22B599; border-color: #22B599; color: #fff;}
.more a .icon{margin: 0 12px 0 0;display: flex; align-items: center; width: 26px; height: 24px; background: url(../images/icon_btn_more_green.png) no-repeat top left;}
.more a:hover .icon{background: url(../images/icon_btn_more.png)}
@media (max-width:767px){
    .more a{line-height: 36px; width: 140px; font-size: 14px;}
}

/*header*/
.header{position: fixed; width:100%; height: 7.5rem; z-index: 10; border-bottom: 1px solid rgba(255,255,255,0.11); text-align: center; font-size: 1rem;  transition: 0.5s all; }
.header .nav_box{height: 100%;}
.header .nav_box>.container{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header .navbar-brand{ position: absolute; left: 13.54%; top: 50%; z-index: 100; display: flex; align-items: center; transform: translateY(-50%); transition: all 0.3s;}
.header .navbar-brand .logo{height: 58px; transition: 0.5s all;}
.header .nav{/* position: relative; */ float: right;flex: 1;height: 100%; padding: 0 2rem 0 0; display: flex;align-items: center;justify-content: flex-end;}
.header .nav>li{/* position: relative; */float: left;height: 100%;}
.header .nav>li>.nav_tit{position: relative; display: flex; align-items: center; padding: 0 1.3rem 0 0; height: 100%; z-index: 100;}
.header .nav>li:last-child>.nav_tit{padding-right: 0;}
.header .nav>li>.nav_tit::after{content: ""; display: none; position: absolute; left: 50%; bottom: -11px; transform: translateX(-50%);  width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 5px solid transparent; }
.header .nav>li>.nav_tit>a{position: relative; color: #fff; font-size: 1rem; line-height: 1; padding: 10px 0 19px; display: flex; align-items: center; }
.header .nav>li>.nav_tit>a::after{content: ''; position: absolute; left: 50%; right: 50%; bottom: 0; width: 0; transition: all 0.3s; height: 4px; border-radius: 4px; background: transparent;}
.header .nav>li>.nav_tit>.caret{ position: absolute; top: 50%; display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 4px dashed #fff; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header .nav>li:hover .nav_tit>a::after,
.header .nav>li.on>.nav_tit>a::after{background: #26BB9F; left: 0; right: 0; width: 100%;}
.header .nav>li .subnav{position: absolute;left: 0;right: 0;top: 7.5rem; max-height: 570px; padding: 3.625rem 0 3.125rem; opacity: 0; visibility: hidden; background: #fff; text-align: left; background: url(../images/drop_bg.jpg) no-repeat top center; z-index: -1;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); transition: 0.125s ease-out;}
.header .nav>li .subnav .container{height: 100%;}
.header .nav>li .subnav .grid{ display: flex; flex-flow: row wrap; height: 100%; overflow-y: auto; max-height: 465px;}
.header .nav>li .subnav .column-item{width: 33.3333%; padding: 0 0 4.5rem; border-right: 1px solid rgba(0,0,0,0.06); position: relative;  display: -webkit-box; display: flex;}
.header .nav>li .subnav .column-item:nth-child(3n-1){justify-content: center;}
.header .nav>li .subnav .column-item:nth-child(3n){justify-content: flex-end; padding: 0 2.25rem 0 0; border: none;}
.header .nav>li .subnav .column-item:nth-last-child(1),
.header .nav>li .subnav .column-item:nth-last-child(2),
.header .nav>li .subnav .column-item:nth-last-child(3){padding-bottom: 0;}
.header .nav>li .subnav .column-item .product-img{width: 8.75rem; height: 8.75rem; margin-right: 4.125rem; display: inline-block; -webkit-box-pack: center;-moz-justify-content: center;justify-content: center;-webkit-box-align: center;-moz-align-items: center;align-items: center;}
.header .nav>li .subnav .column-item .product-img a{display: block;}
.header .nav>li .subnav .column-item .product-img img{width: 100%;height: auto;}
.header .nav>li .subnav .column-item .product-link{display: inline-block;max-width: 208px;}
.header .nav>li .subnav .column-item .title{color: #0F0F0F;line-height: 1; font-size: 1.125rem; font-weight: bold; display: block;}
.header .nav>li .subnav .column-item ul{margin: 1rem 0 0; display: inline-block;}
.header .nav>li .subnav .column-item ul li.nav-item{padding: 0;width: 100%; font-size: 1rem; line-height: 2; }
.header .nav>li .subnav .column-item ul li.nav-item a{color: #60626D; cursor: pointer;display: inline-block;word-break: break-word;}
.header .nav>li .subnav .column-item ul li:last-child a {margin-bottom: 0;}
.header .nav>li .subnav .column-item a:hover{color: #26BB9F;}
.header .nav>li .subnav .column-item ul li.nav-item a:hover{color: #26BB9F;}

.header .nav>li .subnav .grid::-webkit-scrollbar {width: 10px;}/* 设置滚动条的样式 */
.header .nav>li .subnav .grid::-webkit-scrollbar-track {background-color: #DCDCDC;	border-radius: 10px;}/* 滚动槽 */
.header .nav>li .subnav .grid::-webkit-scrollbar-thumb { width: 6px; border-radius:6px; background:#fff;}/* 滚动条滑块 */
.header .nav>li .subnav .grid::-webkit-scrollbar-thumb:window-inactive {width: 6px; background:#fff;}

.header .nav>li.nav-item2{position: relative;}
.header .nav>li.nav-item2 .subnav{padding: 0; min-width: 120px; left: 50%; transform: translateX(-50%);}
.header .nav>li.nav-item2 .subnav a{ line-height: 50px; padding: 0 15px; display: block; text-align: center;}
.header .nav>li.nav-item2 .subnav a:hover{color: #26BB9F;}

.header .nav>li:hover .subnav{opacity: 1; visibility: visible; z-index: 10; transition: 0.36s ease-in-out;}
.Navbar {display: none;float: right; width: 24px; height: 16px; margin: 17px 10px 0 0; position: relative; transition: all 0.5s ease; cursor: pointer;}
.Navbar .icon-bar { width: 24px; height: 2px; background: #26BB9F; display: block;}
.Navbar .icon-bar:nth-child(2){margin: 5px 0;}
.Nav_m{display: none;}

.header .tel{position: relative; display: flex; align-items: center; color: #26BB9F; font-size: 1.25rem; height: 25px; line-height: 25px;}
.header .tel::before{content: '';  height: 14px; width: 1px; margin-right: 2rem; background-color: rgba(38, 187, 159, 0.4); }
.header .tel span{ padding: 0 0 0 2.25rem; background: url(../images/icon_nav_tel.png) no-repeat center left; background-size: 25px auto;font-family: Roman; font-weight: bold;}
.header.fixed{position: fixed; top: 0; z-index: 9999; background: rgba(0,0,0,0.3); height: 70px; line-height: 70px; box-shadow: 0 2px 6px rgb(0, 0, 0 , 0.1); backdrop-filter: saturate(180%) blur(20px);}
.header.fixed .nav_box{padding: 0;}
.header.fixed .navbar-brand{height: 70px; padding: 10px 0;}
.header.fixed .navbar-brand .logo{width: auto; height: 46px;}
.header.fixed .navbar-brand .slogan{width: auto; height: 20px;}
.header.fixed .top{height:0; visible:hidden; opacity: 0;}
.header.fixed .nav>li .subnav{top: 70px;}

@media (min-width: 992px) { 
    .header.hide{top: -7.5rem; display: none;}  
    .header.show{top: 0;}
}
@media (min-width: 768px) and (max-width: 991px){
	.header{padding: 0 30px;}
	.header .container .box{padding: 0 15px;}
	.header.fixed{ height: 6.25rem; line-height: 6.1875rem;}
	.header .navbar-brand,
	.header.fixed .navbar-brand{ height: 6.25rem; padding: 1.8875rem 0;}
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{height: 2.475rem;}
	.header .nav_box{padding-right: 1rem;}
	.header .nav>li>.nav_tit{padding: 0 0.5rem;} 
}
@media(min-width: 992px) and (max-width: 1199px){
	.header .nav>li>.nav_tit{padding: 0 0.5rem;} 
}
@media(min-width: 1200px) and (max-width: 1440px){
    .header .navbar-brand .logo{height: 32px;}
	.header .nav{padding: 0 1rem 0 0;} 
    .header .nav>li>.nav_tit{padding: 0 1rem 0 0;}
    .header .tel::before{margin-right: 1rem;}
}
@media(min-width: 1440px) and (max-width: 1600px){
    .header .navbar-brand .logo{height: 40px;}
    .header .nav{padding: 0 1rem 0 0;}
    .header .nav>li>.nav_tit{padding: 0 1rem 0 0;}
    .header .tel::before{margin-right: 1rem;}
}
@media(min-width: 1600px) and (max-width: 1800px){
    .header .navbar-brand .logo{height: 46px;}
    .header .nav{padding: 0 1.5rem 0 0;}
    .header .tel::before{margin-right: 1.5rem;}
    .header .nav>li>.nav_tit{padding: 0 1.25rem 0 0;}
}
@media (max-width: 767px){
	.header {top: 0; height: 50px; background: #fff; text-align: left; z-index: 10000;}
	.header .top{padding: 0; height: 50px;}
	.header.fixed .top{display: flex; height: 50px; visible:visible; opacity: 1;}
	.header.fixed{background: rgba(0,0,0,0.3); height: 50px; line-height: 49px;}
	.header.fixed .navbar-brand .slogan{width: 18.3125rem; height: auto;}
	.header .container .box{padding: 0;}
	.header .navbar-brand,
	.header.fixed .navbar-brand{padding: 12px 0; left: 10px; height: 50px; padding: 12px 0;}
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{width: auto; height: 26px;}
	.header .navbar-brand .logo_pc{display: none;}
	.header .navbar-brand .logo_m{display: block;}
	.Navbar{display: block; position: absolute; right: 5px; top: 0;}
	.header .nav_box{display: block; width: 80%; height: 100vh; padding: 0; overflow: hidden; position: fixed; top: 0; right: -80%; z-index: 1099; background: #f2f2f4; -webkit-transition: all 0.3s; transition: all 0.3s;}
	.header .nav_box .container{display: block; padding: 0;}
	.header .nav{float: none; display: block; height: auto; margin: 0;}
	.header .nav::after{content: none;}
	.header .nav>li{float: none; height: auto; width: 100%; display: block; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.header .nav>li>.nav_tit{line-height: 40px; display: flex; justify-content: space-between; align-items: center;}
	.header .nav>li>.nav_tit>a{color: #333; flex: 1; line-height: 40px; font-size: 13px; padding: 0 15px;}
	.header .nav>li.on>.nav_tit::after{content: none;}
	.header .nav>li>.nav_tit>.caret{border-top-color: #333; position: static; margin-left: 30px;}
	.header .closeNav{width: 24px; height: 24px; position: relative; margin: 17px 0 20px 20px; cursor: pointer;}	
	.header .closeNav span{position: absolute; left: 0; top: 11px; width: 20px; height: 2px; background: #666;}
	.header .closeNav span.line1{transform: rotate(45deg);}
	.header .closeNav span.line2{transform: rotate(135deg);}
	.header .nav>li>a{justify-content: space-between; align-items: center; display: flex; width: 100%; line-height: 40px; color: #fff; font-size: 14px; font-weight: 600; padding: 0 20px; border-bottom: 1px solid rgba(255,255,255,0.1);}
	.header .nav_box.active{right: 0;}
	.header .nav>li .subnav{display: none; position: static; margin: 0; padding: 20px 0 15px; border-radius: 0; box-shadow: none; border: none; background: none; }
	.header .nav>li.on .subnav{display: block; transform: translateX(0); opacity: 1; visibility: visible;}
	.header .nav>li .subnav .container{display: block; padding: 0 2.625rem;}
	.header .nav>li .subnav .container .column .tit{font-size: 15px;}
	.header .nav>li .subnav .container .column ul{overflow: hidden;}
	.header .nav>li .subnav .container .column li{float: left; width: 50%; display: block;}
	.header .nav>li .subnav .container .column li::after{content: none;}
	.header .nav>li .subnav .container .column .cate_menu_plan li{width: 33.3%;}
	.header .nav>li:hover>.nav_tit>a, 
	.header .nav>li.on>.nav_tit>a, 
	.header .nav>li>.nav_tit>a:hover{color: #333;}
	.header .nav>li .subnav li a{color: #333; font-size: 13px; display: block;}
	.header .nav>li .subnav::before{content: none;}
	.header .nav>li .subnav .container .column_detail{display: none;}
	.mHeadMask{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 1009; display: none;}
	.header .tel{margin: 15px 0 0; padding: 0 15px;}
	.header .tel::before{content: none;}
	.header .tel span{padding-left: 30px;}
	.header .nav>li.nav-item2 .subnav{display: block; opacity: 1; transform: translateX(0); visibility: initial;border-top: 1px solid rgba(0,0,0,0.1);}
	.header .nav>li.nav-item2 .subnav a{text-align: left;}
}

/*footer*/
.footer{width: 100%; color: #fff; background: url(../images/foot_bg.png) no-repeat top center; background-size: cover;}
.footer a{color: #fff;}
.footer a:hover{color: #26BB9F;}
.footer .top{ padding: 6.25rem 0 5.375rem; display: flex; justify-content: space-between; align-items: flex-end;}
.footer .ft_logo{display: inline-block;}
.footer .ft_nav{flex: 1;overflow: hidden;}
.footer .ft_nav_ul ul{ margin: 3.875rem 0 0; overflow: hidden;}
.footer .ft_nav_ul li{ float: left; margin: 0 1.5rem 0 0;}
.footer .ft_nav_ul li:last-child{margin-right: 0;}
.footer .ft_nav_ul li a{ font-size: 1rem; line-height: 1; display: block;}
.footer .ft_mesg{margin: 0 8.5rem 0 0; max-width: 30.28%; line-height: 1;}
.footer .ft_mesg dt{font-size: 1.25rem; font-weight: bold; margin-bottom: 1.875rem;}
.footer .ft_mesg dd{font-size: 1rem; line-height: 1.5; margin-bottom: 1.625rem;}
.footer .ft_mesg dd:last-child{margin-bottom: 0;}
.footer .ft_wx {width: 8.5rem; text-align: center; }
.footer .ft_wx p{font-size: 14px; margin: 1rem 0 0; line-height: 1;}
.footer .copyright{color: #838383; display: flex; justify-content: space-between; line-height: 1; padding: 2.75rem 0; font-size: 1rem; border-top: 1px solid rgba(229, 229, 229, 0.1); } 
.footer .copyright a{color: #838383;}
.footer .copyright a:hover{color: #fff;}

@media(min-width: 1200px) and (max-width: 1600px){
    .footer .ft_nav_ul li{margin: 0 2.5rem 0 0;}
    .footer .ft_mesg{margin: 0 5rem 0 0;}
}
@media (max-width: 767px){
	.footer .top{display: block; padding: 20px 0;}
	.footer .ft_nav{display: none;}
	.footer .ft_mesg{margin: 0; text-align: center; max-width: none;}
	.footer .ft_mesg .p2{margin: 15px 0 10px;}
	.footer .ft_wx{width: 96px; margin: 15px auto 0;}
	.footer .ft_wx p{font-size: 12px;}
	.footer .copyright{display: block; text-align: center; font-size: 12px; line-height: 20px; padding: 10px 0;}
	.footer .copyright span{display: block;}
	.footer .ft_mesg dt{font-size: 15px;}
	.footer .ft_mesg dd{font-size: 13px;}
}


/*swiper*/
.swiper-container{vertical-align: top;}
.swiper-page{position: relative; width: 100%; height: 17px; margin: 3.5rem 0 0; display: flex; justify-content: space-between; align-items: center;}
.swiper-page .swiper-pagination{position: static;}
.swiper-page .swiper-pagination-bullet {opacity: 1; width: 1.75rem; height: 4px; margin: 0 2px; background: #070575; border-radius: 0;}
.swiper-page .swiper-pagination-bullet-active { background: #EB0201; width: 5.125rem;}
/* .swiper-button{display: flex; justify-content: center; height: 17px;}
.swiper-button .swiper-button-next,
.swiper-button .swiper-button-prev{position: static; width: 24px; height: 17px; margin: 0; background-color: transparent; background-size: 24px 17px; opacity: 1; }
.swiper-button .swiper-button-prev{ background: url(../images/swiper_prev.png) no-repeat top left;}
.swiper-button .swiper-button-next{margin: 0 0 0 1rem; background: url(../images/swiper_next.png) no-repeat top left;}
.swiper-button .swiper-button-prev.swiper-button-disabled{background-image: url(../images/swiper_prev_dis.png);}
.swiper-button .swiper-button-next.swiper-button-disabled{background-image: url(../images/swiper_next_dis.png);} */
@media (max-width: 767px){
	.swiper-page{margin: 20px 0 0;}
	.swiper-page .swiper-pagination-bullet:nth-child(1) { left: 15%;}
	.swiper-page .swiper-pagination-bullet:nth-child(2) { left: 35%;}
	.swiper-page .swiper-pagination-bullet:nth-child(3) { left: 55%;}
}

@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}

.contact_box{height: 248px; display: flex; align-items: center; background: url(../images/contact_box.png) no-repeat top center;}
.contact_box .container{ display: flex; justify-content: space-between; }
.contact_box .tips{width: auto; font-size: 1.75rem; line-height: 1.5; margin: 34px 0 0; color: #6A717F; font-weight: bold;}
.contact_box .tips_pc{display: block;}
.contact_box .tips_m{display: none;}
.contact_box .mesg{flex: 1; overflow: hidden; margin: 0 0 0 4.85%;}
.contact_box .mesg ul{ margin: 0 -5px;overflow: hidden;}
.contact_box .mesg li{float: left; width: 33.3%; margin: 0 0 12px ; padding: 0 5px;}
.contact_box .mesg li .item{height: 38px; padding: 0 10px; border-radius: 4px; display: flex; background: #fff; align-items: center;}
.contact_box .mesg .icon{height: 12px; margin: 0 12px 0 0; display: flex; align-items: center;}
.contact_box .mesg .inpt{border: none; background: none; flex: 1; color: #333; font-size: 14px; line-height: 24px; overflow: hidden;}
.contact_box .mesg .inpt::-webkit-input-placeholder {color: #838383;}
.contact_box .mesg .inpt::-moz-input-placeholder {color: #838383;}
.contact_box .mesg .inpt::-ms-input-placeholder {color: #838383;}
.contact_box .mesg .li_lg{width: 100%; }
.contact_box .mesg .li_lg .item{height: 70px;}
.contact_box .mesg .li_lg .inpt{height: 100%; padding: 7px 0; resize: none;}
.contact_box .mesg .tijiao_btn{ float: right; border-radius: 38px; border: 1px solid #26BB9F; color: #26BB9F; font-size: 1rem; line-height: 38px; padding: 0 4.875rem; display: inline-block;}
.contact_box .mesg .tijiao_btn:hover{background: #26BB9F; color: #fff;}
@media (max-width: 767px) {
	.contact_box{padding: 30px 0; height: auto; background: #f4f4f4;}
    .contact_box .container{display: block;}
	.contact_box .tips{margin: 0; font-size: 16px;}
	.contact_box .tips_pc{display: none;}
	.contact_box .tips_m{display: block;}
	.contact_box .mesg{margin: 20px 0 0;}
	.contact_box .mesg li{width: 100%;}
    .contact_box .mesg .li_lg{width: 100%;}
	.contact_box .mesg .inpt{font-size: 13px;}
	.contact_box .mesg .tijiao_btn{font-size: 13px; width: 100%; padding: 0; text-align: center; background: #26BB9F; color: #fff;}
}

/* 侧板导航*/
.Side_nav{position: fixed;right: 0px;top: 50%;width: 50px; -moz-transform: translate(0,- 50%);transform: translate(0,-50%); z-index: 1000000;}
.Side_nav ul{padding: 0;margin: 0;}
.Side_nav li{position:relative;width: 50px;height: 50px;transition: all 0.3s;z-index:3;}
.Side_nav li:last-child{margin-bottom: 0;}
.Side_nav li a{position: relative;width: 50px;height: 50px; display: block; background: #F3F3F3; text-align: center;z-index: 100;overflow: hidden;}
.Side_nav li a:after{content:"";position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(0,0,0,0.08);}
.Side_nav li:last-child a:after{content: none;}
.Side_nav li .icon{height: 22px; margin: 14px 0; display: block;background: url(../images/icon_side_tel.png) no-repeat center center;}
.Side_nav li a:before{content: "";width: 0;height: 50px;background: #777;position: absolute;top: 0;left: 0;transition: all 0.6s;z-index: -1;}
.Side_nav li a p{font-size: 12px; color: #fff; line-height: 16px;}
.Side_nav li:hover a:before{width: 50px;}
#gotop{display: none;}
.Side_nav .tips {display: none; position: absolute; top: 0; background: #777; margin-right: 20px; }
.Side_nav .tips img{position: relative; z-index: 10;}
.Side_nav .tips::after { content: ''; display: block; background: #777; position: absolute; right: 2px; top: 30px; height: 20px; width: 20px;  -webkit-transform: rotate(45deg) translateY(-50%);  transform: rotate(45deg) translateY(-50%);}
.Side_nav li:hover .tips { display: block; right: 100%; width: 140px; height: 50px; padding: 10px; overflow: initial; line-height: 44px; color: #fff;}
.Side_nav li:hover .tips_tel{width: 248px; height: 151px; top: -9px; line-height: 24px;}
.Side_nav li:hover .tips_tel .p3{margin-top: 10px;}
.Side_nav li:hover .tips_code{width: 170px;height: 202px;}
.Side_nav li:hover .tips_code p{line-height: 1;margin-bottom: 15px; text-align: center;}
.Side_nav li .icon_code{background-image: url(../images/icon_side_code.png);}
.Side_nav li .icon_return{background-image: url(../images/icon_side_return.png);}
.Side_nav li .icon_mesg{background-image: url(../images/icon_side_mesg.png);}
.Side_nav li:hover .icon_code{background-image: url(../images/icon_side_code_hover.png);}
.Side_nav li:hover .icon_return{background-image: url(../images/icon_side_return_hover.png);}
.Side_nav li:hover .icon_mesg{background-image: url(../images/icon_side_mesg_hover.png);}
.Side_nav li:hover .icon_tel{background-image: url(../images/icon_side_tel_hover.png);}
@media (max-width:1199px){
	.Side_nav{bottom: 50px; top: auto; transform: translateY(0);}
	.Side_nav li{display: none; margin-bottom: 4px;}
	.Side_nav li.msg{display: block;}
	#gotop{display: none!important;}
	.Side_nav li a:after{content: none;}
	.Side_nav li a{border-radius: 50%; background: #26BB9F;}
	.Side_nav li .icon{}
	.Side_nav li .icon_mesg{background-image: url(../images/icon_side_mesg_hover.png);}
    .Side_nav li .icon_return{background-image: url(../images/icon_side_return_hover.png);}
}
@media (max-width: 767px){
    .Side_nav li.msg{display:none}
}

.mesg_alert{width: 320px;  background: #fff; /* width: 454px; height: 691px;padding: 53px 32px 0; background: url(../images/mesg_alert.png) no-repeat top center;*/ display: none; position: fixed; right: 70px; bottom: 0; z-index: 1000;     box-shadow: 0 2px 6px rgba(0,0,0,.3);}
.mesg_alert .tit{display: none; font-size: 24px; color: #575757; text-align: center; font-weight: bold; line-height: 1;}
.mesg_alert .close{position: absolute; cursor: pointer; top: 20px; right: 23px; width: 22px; height: 22px; transition: all 0.3s; background: url(../images/icon_mesg_close.png) no-repeat top left;  z-index: 10; background-size: cover;}
.mesg_alert .cont{position: relative; background: #fff; /*margin: 25px 0 0; */padding: 24px 30px; background: #fff;}
.mesg_alert .cont .title{position: relative; line-height: 1; margin-bottom: 17px; font-size: 18px; font-weight:bold; padding: 0 0 23px; color: #000; border-bottom: 1px solid #E4E4E4;}
.mesg_alert .cont .title::after{content: ''; position: absolute; bottom: 0; left: 0; width: 57px; height: 1px; display: block; background: #B1B1B1;}
.mesg_alert .cont li{margin: 0 0 12px ;}
.mesg_alert .cont li .item{height: 38px; padding: 0 10px; border-radius: 4px; display: flex; background: #F4F4F4; border: 1px solid #DFDFDF; align-items: center;}
.mesg_alert .cont li .item_area{height: 80px;}
.mesg_alert .cont .icon{height: 12px; margin: 0 12px 0 0; display: flex; align-items: center;}
.mesg_alert .cont .inpt{background: none; flex: 1; border: none; color: #333; font-size: 14px; line-height: 24px; overflow: hidden;}
.mesg_alert .cont .inpt_lg{height: 100%; padding: 7px 0; resize: none;}
.mesg_alert .cont .inpt::-webkit-input-placeholder {color: #838383;}
.mesg_alert .cont .inpt::-moz-input-placeholder {color: #838383;}
.mesg_alert .cont .inpt::-ms-input-placeholder {color: #838383;}
.mesg_alert .cont .tijiao_btn{border-radius: 4px; font-size: 14px; line-height: 38px; width: 100%; color: #fff; text-align: center; background: #26BB9F; display: block;}
.mesg_alert .close:hover{background-image: url(../images/icon_mesg_close_hover.png);}
@media (max-width:1199px){
	.mesg_alert{width: 80%;right: auto; left: 50%; top: 50%; transform: translate(-50%,-50%); height: auto;  padding: 25px 15px; background: #ebebeb; transform: translate(-50%,calc(-50% + 25px));}
	.mesg_alert .tit{font-size: 18px;}
	.mesg_alert .close{top: 20px; right: 15px;}
	.mesg_alert .cont{ margin: 20px 0 0; padding: 12px 15px;}
	.mesg_alert .cont .title{font-size: 15px; margin-bottom: 12px; padding: 0 0 14px;}
	.mesg_alert .cont li{margin: 0 0 10px;}
	.mesg_alert .cont li .item{height: 38px;}
	.mesg_alert .cont li .item_area{height: 80px;}
	.mesg_alert .cont .tijiao_btn{line-height: 38px;}
}
.layer-msg-myskin{bottom: 220px!important; top: auto!important; left: auto!important; right: 120px!important; width: 220px!important; }
.en{color: #fff; padding: 10px;}
.en a{color: #fff; padding: 5px;}