@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:15px; }
}
@media (min-width: 1600px) {
	html,body,.dropdown-menu,.navbar-brand{ font-size:16px; }
}

.container{padding: 0 8.33%; width: 100%;}
@media (max-width:767px){
	.container{padding: 0 15px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.container{padding: 0 30px;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.container{padding: 0 60px;}
}

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

.tit_box{position: relative; position: relative; display: flex; justify-content: space-between; align-items: flex-end;}
.tit_box .tabs{ display: flex; margin-bottom: 7px;}
.tit_box .tabs li{margin: 0 2rem 0 0;   }
.tit_box .tabs li a{line-height: 2.25rem; font-size: 1rem; min-width: 8.75rem; padding: 0 20px; font-size: 1rem;color: #5A5A5A; border-radius: 2.25rem; display: flex; align-items: center; border: 1px solid #C5C5C5; justify-content: center;}
.tit_box .tabs li.on a,
.tit_box .tabs li:hover a{background: #006B3F; color: #fff; border-color: #006B3F;}
.tit_box .tabs li:last-child{margin-right: 0;}
.common_tit{position: relative; line-height: 1;}
.common_tit .tit{ font-size: 2.875rem; color: #4A4A4A; font-weight: bold; margin:  0 0 1rem;}
.common_tit .tit_en{ font-size: 2.25rem;  line-height: 0.75; font-weight: bold; color: #26347F;/* text-transform: uppercase;*/}
.common_tit .tit_en em{color: #75777B; font-weight: bold;}
.common_tit.white .tit{color: #fff;}
.common_tit.white .tit_en{color: #fff;}
.common_tit.white .tit_en em{color: #fff;}
@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){
	.tit_box{display: block;}
	.tit_box .tabs{margin: 15px 0 0; display: block; overflow: hidden;}
	.tit_box .tabs li{float: left; min-width: calc(33.3% - 10px); margin: 0 10px 10px 0;}
	.tit_box .tabs li a{font-size: 13px; line-height: 26px; padding: 0 15px; width: 100%; text-align: center; display: block;}
	.common_tit{display: block;}
	.common_tit .tit_en{font-size: 26px; margin: 0;}
	.common_tit .tit{font-size: 2rem;}
	.common_tit .tit_en::after{margin: 20px 0 0;}
	.common_tit.white .tit{padding-left: 0;}
	.common_tit .tabs a{margin-bottom: 10px; font-size: 14px; line-height: 36px;}
}

.more a{position: relative; padding: 0 4.5rem; line-height: 2.5rem; border-radius: 2.5rem; font-size: 1rem; border: 1px solid rgba(0, 0, 0, 0.54); color: #000; display: inline-flex; align-items: center; justify-content: space-between; transition: .3s all;}
.more a:hover{background: #006B3F; color: #fff; border-color: #006B3F;}
@media (max-width:767px){
	.more a{min-width: 100px; font-size: 13px; line-height: 40px; height: 40px;}
	.more a::after{height: 40px;}
}

/*header*/
.header{position: fixed; width:100%; height: 6.25rem; z-index: 10; border-bottom: 1px solid rgba(255,255,255,0.11); text-align: center; font-size: 1rem;  transition: 0.5s all; top: 0;}
.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: 8.33%; top: 50%; z-index: 100; display: flex; align-items: center; transform: translateY(-50%); transition: all 0.3s;}
.header .navbar-brand .logo{height: 44px; transition: 0.5s all;}
.header .nav{position: relative;  float: right;flex: 1;height: 100%; padding: 0 3.125rem 0 0; margin: 0 3.125rem 0 0; display: flex;align-items: center;justify-content: flex-end;}
.header .nav::after{position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 1px; height: 14px; background: rgba(255,255,255,0.4);}
.header .nav>li{position: relative; float: left;height: 100%; margin: 0 4.5rem 0 0;}
.header .nav>li>.nav_tit{position: relative; display: flex; align-items: center; height: 100%; z-index: 100;}
.header .nav>li:last-child{margin-right: 0;}
.header .nav>li.home>.nav_tit{ background: url(../images/icon_home.png) no-repeat top 2.1875rem left; padding-left: 40px;}
.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: 19px 0 ; 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: #006B3F; left: 0; right: 0; width: 100%;}

.header .nav>li .subnav{ position: absolute; top: 100%; transform: translateX(-50%); left: 50%; padding: 6px 0 0; min-width: 160px; z-index: -1; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18); opacity: 0;   visibility: hidden; transition: 0.125s ease-out;}
.header .nav>li .subnav::before{content: "";position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #006b3f;}
.header .nav>li .subnav li{line-height: 24px; background: #fff;}
.header .nav>li .subnav li a{padding: 0.875rem 5px; font-size: 1rem; line-height: 24px; display: block;}
.header .nav>li:hover .subnav{opacity: 1; visibility: visible; z-index: 10; transition: 0.36s ease-in-out;}
.header .nav>li:hover .subnav li{padding: 0 20px;}
.header .nav>li .subnav li:hover{ background: #006b3f;}
.header .nav>li .subnav li:hover a{color: #fff;}


.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: #006B3F; display: block;}
.Navbar .icon-bar:nth-child(2){margin: 5px 0;}
.Nav_m{display: none;}

.header .search{position: relative; width: 13.75rem; border: 1px solid rgba(255,255,255,0.58); font-size: 12px; border-radius: 2.625rem; line-height: 2.25rem; padding: 2px 4px 2px 18px;}
.header .search form{width: 100%; display: flex; align-items: center;}
.header .search .inpt{flex: 1; color: #fff; overflow: hidden; background: none;}
.header .search .search_btn{width: 2.25rem; height: 2.25rem; border-radius: 50%; text-indent: -1000em; background: #fff url(../images/icon_search.png) no-repeat center center;}

.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: 17px 0;}
.header.fixed .navbar-brand .logo{width: auto; height: 36px;}
.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;}
.header.fixed .nav>li.home>.nav_tit{background-position: top 20px left;}
@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 .nav{padding: 0 2rem 0 0; margin: 0 2rem 0 0;}
	.header .navbar-brand{left: 30px;}
	.header .navbar-brand .logo{height: 28px;}
	.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: 26px;}
	.header .nav>li{margin: 0 0.5rem;} 
	.header .nav_box>.container{padding: 0;}
	.header .nav>li.home>.nav_tit{padding-left: 26px;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{height: 30px;}
	.header .nav>li{margin: 0 1.3rem 0 0;}
}
@media(min-width: 1200px) and (max-width: 1440px){
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{height: 30px;}
	.header .nav>li{margin: 0 15px;} 
	.header .nav>li .subnav li a{padding: 7px 5px;}
}
@media(min-width: 1440px) and (max-width: 1600px){
	.header .navbar-brand .logo,
	.header.fixed .navbar-brand .logo{height: 34px;}
	.header .nav{padding: 0 2.5rem 0 0; margin: 0 2.5rem 0 0;}
	.header .nav>li{margin: 0 2.5rem 0 0;} 
}
@media(min-width: 1600px) and (max-width: 1800px){
	.header .navbar-brand .logo{height: 40px;}
	.header .nav{padding: 0 2.5rem 0 0; margin: 0 2.5rem 0 0;}
	.header .nav>li{margin: 0 2.5rem 0 0;} 
}
@media(min-width: 1800px) and (max-width: 1900px){
    .header .nav>li{margin: 0 3.5rem 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{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: 22px;}
	.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; padding: 0; margin: 0;}
	.header .nav::after{content: none;}
	.header .nav>li{float: none; padding: 0 15px; height: auto; width: 100%; display: block; border-bottom: 1px solid rgba(0,0,0,0.1);}
	.header .nav>li>.nav_tit{line-height: 40px; padding: 0 ;  display: flex; justify-content: space-between; align-items: center;}
	.header .nav>li.home>.nav_tit{background-position: center left; padding-left: 26px;}
	.header .nav>li>.nav_tit>a{color: #333; flex: 1; line-height: 40px; padding: 5px 0; font-size: 14px;}
	.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 .search{width: calc(100% - 30px); margin: 20px 15px 0; line-height: 32px; border-color: rgba(2, 97, 61, 0.58);}
	.header .search .search_btn{width: 32px; height: 32px;}
}

/*footer*/
.footer{position: relative; background: #323232; overflow: hidden; width: 100%; z-index: 10;}
.footer .top{ padding: 3.125rem 0 0;}
.footer .logo_box{padding: 0 0 2.5rem; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.15);}
.footer .ft_logo{margin-right: 2.25rem; height: 44px;}
.footer .ft_tel{ line-height: 18px; padding-left: 30px; background-size: 18px; font-size: 1.25rem; font-family: arial; color: #fff;background: url(../images/icon_ft_tel.png) no-repeat center left;}
.footer .cont{padding: 3.25rem 0 4.875rem; display: flex; justify-content: space-between;}
.footer .ft_nav{display: flex; flex: 1; justify-content: space-between;}
.footer .ft_nav dt a{ margin: 0 0 2.5rem; font-size: 1.125rem; color: #fff; line-height: 1; display: block;}
.footer .ft_nav dd a{font-size: 14px; line-height: 32px; color: #B2B2B2; display: block;}
.footer .ft_nav dd a:hover{color: #fff;}
.footer .ft_wx{text-align: center; width: 140px;}
.footer .ft_wx .wx img{width: 128px;}
.footer .ft_wx p{font-size: 14px; color: rgba(255,255,255,0.5); line-height: 1; margin: 1rem 0 0;}
.footer .ft_add{margin: 0 14.75rem 0 14rem;}
.footer .ft_add li{flex: 1; display: flex; margin-bottom: 3rem;}
.footer .ft_add li:last-child{margin-bottom: 0;}
.footer .ft_add li .icon{ width: 50px; height: 50px; margin: 0 20px 0 0; display: flex; justify-content: center; align-items: center;}
.footer .ft_add li .info{flex: 1; max-width: 12.25rem; overflow: hidden;}
.footer .ft_add li .p1{font-size: 1rem; color: #fff; line-height: 1;}
.footer .ft_add li .p2{font-size: 14px; height: 40px; line-height: 20px; color: rgba(255,255,255,0.4); margin: 12px 0 0;}
.footer .copyright{background: #2B2A2A; color: rgba(255,255,255,0.2); overflow: hidden; }
.footer .copyright .container{height: 76px; display: flex; align-items: center; justify-content: space-between;}
.footer .copyright .fl span,
.footer .copyright .fl span a{ font-size: 14px; line-height: 1; margin-right: 2.25rem;}
.footer .copyright .fl span a{margin-right: 0;}
.footer .copyright .fr a{font-size: 14px; line-height: 1; margin-right: 5px;}
.footer .copyright a{color: rgba(255,255,255,0.2);}
.footer .copyright a:hover{color: #fff;}
@media (max-width: 1500px){
	.footer .ft_nav dt a{margin: 0 0 2rem; font-size: 14px;}
	.footer .ft_nav dd a{font-size: 12px; line-height: 28px;}
	.footer .ft_wx p{font-size: 12px;}
	.footer .copyright .fl span,
	.footer .copyright .fr li a{font-size: 12px;}
	.footer .ft_add li .p1{font-size: 14px;}
	.footer .ft_add li .p2{font-size: 12px;}
}
@media(min-width: 1600px) and (max-width: 1800px){
    .footer .ft_add{margin: 0 100px;}
    
}
@media(min-width: 1200px) and (max-width: 1600px){
    .footer .ft_add{margin: 0 80px;}
    
}
@media(min-width: 768px) and (max-width: 1200px){
    .footer .ft_add{margin: 0 40px;}
    .footer .ft_wx{margin: 0;}
}
@media (max-width: 767px){
	.footer .cont{padding: 20px 0 0;}
	.footer .top{ padding: 30px 0 15px;}
	.footer .ft_nav{display: none;}
	.footer .ft_wx{margin: 0 auto; width: 120px;}
	.footer .ft_wx .wx{margin: 0 auto; text-align: center;}
	.footer .ft_wx .wx img{width: 96px;}
	.footer .copyright{padding: 10px 0; line-height: 1.5;}
	.footer .copyright .container{display: block; height: auto;} 
	.footer .copyright .fl{width: 100%;}
	.footer .copyright .fl span{display: block; line-height: 1.5; margin: 0; text-align: center;}
	.footer .copyright .fr{ width: 100%; text-align: center;}
	.footer .copyright .fr ul{display: inline-block;}
	.share{width: 160px; overflow: hidden;}
	.footer .copyright .fr li,
	.footer .copyright .fl span a{font-size: 12px;}
	.footer .ft_add{margin: 0; flex: 1; overflow: hidden;}
	.footer .ft_logo{height: 20px;}
	.footer .ft_logo img{height: 20px;}
	.section.fp-auto-height{padding: 0;}
	.footer .ft_add li .p1{font-size: 15px;}
	.footer .ft_add li .p2{font-size: 13px;}
}


/*swiper*/
.swiper-container{vertical-align: top;}
.swiper-page{position: relative; width: 100%; height: 40px; 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: #9BB2AB; border-radius: 0;}
.swiper-page .swiper-pagination-bullet-active { background: #006B3F; width: 5.125rem;}
.swiper-button{}
.swiper-button{display: flex; justify-content: center; height: 40px;}
.swiper-button .swiper-button-next,
.swiper-button .swiper-button-prev{position: static; width: 40px; height: 40px;  background-color: #006B3F; background-size: 7px 12px; border: 1px solid #006B3F; opacity: 1; }
.swiper-button .swiper-button-disabled{background-color: transparent; border: 1px solid #D3D3D3;background-color: #D3D3D3;}
.swiper-button .swiper-button-prev{margin: 0 1rem 0 0; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");;}
.swiper-button .swiper-button-next{margin: 0 0 0 1rem; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");;}
@media (max-width: 767px){
	.swiper-page{margin: 20px 0 0; height: 4px; 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%;}
	.swiper-button{display: none;}
	.swiper-page .swiper-pagination{height: 4px;}
	.swiper-page .swiper-pagination-bullet{vertical-align: top;}
}

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

/*contact*/
.contact{display: flex; align-items: center; background: url(../images/contact_bg.jpg) no-repeat top center; background-size: cover;}
.contact .cont{display: flex; margin: 3.125rem 0 0;}
.contact .cont ul{display: inline-block; margin-right: 7.25rem; overflow: hidden;}
.contact .cont ul:last-child{margin-right: 0;}
.contact .cont li{margin-bottom: 2.5rem;}
.contact .cont li:last-child{margin-bottom: 0;}
.contact .cont li .item{display: flex; cursor: pointer;}
.contact .cont li .item .icon{width: 6.625rem; height: 6.625rem; border: 1px solid #fff; border-radius: 50%; background: url(../images/icon_contact_add.png) no-repeat top left; background-size: cover;}
.contact .cont li .item .icon_add{background-image: url(../images/icon_contact_add.png);}
.contact .cont li .item .icon_tel{background-image: url(../images/icon_contact_tel.png);}
.contact .cont li .item .icon_email{background-image: url(../images/icon_contact_email.png);}
.contact .cont li .info{font-size: 1rem; flex: 1; margin: 0 0 0 2.25rem; color: #fff; overflow: hidden;}
.contact .cont li .info a{color: #fff;}
.contact .cont li .info .tit {font-weight: bold; padding: 2rem 0 0;}
.contact .cont li .info .desc{line-height: 1.6; margin: 10px 0 0;}
.contact .mesg{margin: 2.5rem 0 0;}
.contact .mesg .tit{font-size: 1.25rem; line-height: 1; font-weight: bold; color: #fff; }
.contact .mesg ul{width: calc(71.25 + 50px); overflow: hidden;}
.contact .mesg li{float: left; width: 35.625rem; height: 48px; margin: 25px 25px 0 0; padding: 12px 1rem; display: flex; background: rgba(255,255,255,0.25); align-items: center;}
.contact .mesg .icon{height: 24px; margin: 0 12px 0 0; display: flex; align-items: center;}
.contact .mesg .inpt{background: none; flex: 1; color: #fff; font-size: 14px; line-height: 24px; overflow: hidden;}
.contact .mesg .inpt::-webkit-input-placeholder {color: rgba(255,255,255,0.41);}
.contact .mesg .inpt::-moz-input-placeholder {color: rgba(255,255,255,0.41);}
.contact .mesg .inpt::-ms-input-placeholder {color: rgba(255,255,255,0.41);}
.contact .mesg .tijiao_btn{margin: 1.75rem 0 0; background: #26347F; color: #fff; font-size: 1rem; line-height: 48px; padding: 0 5rem; display: inline-block;}
@media (max-width: 767px){
	.contact{padding: 30px 0 0 ; background: url(../images/contact_bg_m.jpg) no-repeat top center; background-size: auto 100%;}
	.contact .cont{margin: 30px 0; display: block; background: url(../images/contact_map.png) no-repeat center center; background-size: 100%;}
	.contact .cont ul{ margin: 0; display: block;}
	.contact .cont ul:last-child{margin-top: 15px;}
	.contact .cont li{margin-bottom: 15px;}
	.contact .cont li .info{font-size: 14px;}
	.contact .cont li .info .tit{padding: 10px 0 0;}
	.contact .cont li .info .desc{margin: 5px 0 0;}
	.contact .mesg .tit{font-size: 15px;}
	.contact .mesg li{width: 100%; margin: 15px 0 0;}
	.contact .mesg .inpt{font-size: 13px;}
	.contact .mesg .tijiao_btn{width: 100%; text-align: center; font-size: 13px;}
}

/* 侧板导航*/
.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: #26347F;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:#26347F; margin-right: 20px; }
.Side_nav .tips img{position: relative; z-index: 10;}
.Side_nav .tips::after { content: ''; display: block; background: #26347F; position: absolute; right: 2px; top: 22px; 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:180px; height:50px;  line-height: 30px;}
.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: #26347F;}
	.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}
}