@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,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;;}

.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
}
/*字体css*/
/* @font-face {font-family: "numLight";
  src: url(fonts/FZDHTJW.TTF)
} */



*{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{width: 1280px; margin: 0 auto;}
@media (max-width:767px){
	.container{padding: 0 15px; width: 100%;}
}
@media (min-width: 768px) and (max-width: 991px){
	.container{padding: 0 15px; width: 100%;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.container{padding: 0 30px; width: 100%;}
}


.common_tit{position: relative; text-align: center;}
.common_tit .tit{position: relative; padding: 0.625rem 0 0; z-index: 2; font-size: 2.25rem; color: #0C0B0B; font-weight: bold; }
.common_tit .tit::after{content: ''; width: 40px; height: 4px; display: block; margin: 6px auto 0; border-radius: 4px; background: #00855B;}
.common_tit .tit_en{position: absolute; width: 100%; text-align: center; font-size: 3.75rem; font-weight: bold; color: rgba(12, 11, 11, 0.05); text-transform: uppercase;}
.common_tit .tit_sub{font-size: 14px; color: #707070; margin: 10px 0 0;}
.common_tit.white .tit{color: #fff;}
.common_tit.white .tit_en{color: rgba(255, 255, 255, 0.2);}
.common_tit.white .tit_sub{color: #fff;}
.common_tit.white .tit::after{background: #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){
	.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;}
}

.header{background: #fff; position: relative; z-index: 1000;}
.header .container{height: 5.625rem; display: flex; align-items: center; justify-content: space-between;}
.header .logo{ height: 100%; padding-top: 1.125rem; padding-bottom: 1.125rem;}
.header .logo img{height: 100%; width: auto;}
.header .login_right a{line-height: 42px; font-size: 1.25rem; padding: 0 1.625rem;; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; }
.header .login_right a:last-child{margin-right: 0;}
.header .login_right a img{margin-right: 12px}
.header .login_right #reg{background: #16AD7D; color: #fff;}

.search{ margin: 0 2rem 0 0 ; height: 100%; display: flex; align-items: center;display: none;}
.search .search-icon{width: 30px; height: 30px; font-size: 1rem; line-height: 24px; float: none; background: url(../images/icon_search.png) no-repeat center left; vertical-align: middle;   color: #fff; border: none; background-size: 100% auto;}
.search .search_block{width: 100%;position: relative;}
.search .search_block .search_box{width: 300px; position: absolute; bottom: -4.25rem; right: 0; z-index: 10; visibility: hidden;background: rgba(0, 0, 0, 0.5);overflow: hidden;opacity: 0;-webkit-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-o-transform: translateY(-20px);transform: translateY(-20px);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-0-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.search .search_block .search_box .inpt{background: none;border: none;outline: none;resize: none;-webkit-appearance: none; padding: 8px 20px; line-height: 24px;width: 90%;height: 40px;box-sizing: border-box;font-size: 1rem;color: #fff !important;float: left;}
.search .search_block .search_box .inpt::-webkit-input-placeholder{color: #fff;font-size: 14px;}
.search .search_block .search_box a{display: inline-block;position: absolute;z-index: 10;right: 15px;top: 0;bottom: 0; width: 24px;height: 40px;text-indent: -1000em;cursor: pointer;}
.search .search_block .search_box.show{visibility: visible;opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);}
.search .search_block .search_btn{position: absolute; background: url(../images/icon_search.png) no-repeat center center; background-size: 100% auto;}

.nav_box_right{display: flex; align-items: center; }

.header .nav_box{height: 100%; margin: 0 0 0 3.875rem; flex: 1; display: flex; align-items: center; justify-content: space-between;}
.header .nav_box>.container{height: 100%; display: flex; align-items: center; justify-content: space-between;}
.header .nav{/* position: relative; float: right;*/ flex: 1; height: 100%; display: flex;align-items: center;}
.header .nav>li{position: relative; float: left; height: 100%; margin: 0 4.875rem 0 0 ; }
.header .nav>li>.nav_tit{font-weight: bold; position: relative; display: flex; align-items: center; height: 100%; z-index: 100;}
.header .nav>li:last-child{margin-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: #666; font-size: 1.25rem; line-height: 1;  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: 5px; border-radius: 5px; background: transparent;}
 */
.header .nav>li>.nav_tit>.caret{ display: inline-block; width: 0; height: 0; margin-left: 10px; vertical-align: middle; border-top: 4px dashed #999; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header .nav>li.on>.nav_tit>.caret{border-top: 4px dashed #16AD7D;}
.header .nav>li:hover .nav_tit>a::after,
.header .nav>li.on>.nav_tit>a::after{background: #0B308E; left: 0; right: 0; width: 100%;}
.header .nav>li:hover .nav_tit>a,
.header .nav>li.on>.nav_tit>a{color: #16AD7D;}
.header .nav>li .subnav{ position: absolute; top: 100%; transform: translateX(-50%); left: 50%; min-width: 160px;  z-index: -1; box-shadow: 0px 0px 20px 1px rgba(39,96,73,0.06); border-radius: 0 0 10px 10px; opacity: 0; overflow: hidden; visibility: hidden; transition: 0.125s ease-out;}
.header .nav>li .subnav li{line-height: 24px; background: #fff;}
.header .nav>li .subnav li a{padding: 0.875rem 1.625rem; font-size: 1rem; color: #000; line-height: 24px; display: block;}
.header .nav>li .subnav li a .icon{width: 22px; height: 24px; margin-right: 1.25rem; background: url(../images/icon_zhengji.png) no-repeat center center;}
.header .nav>li .subnav li a .icon_zhengji{background-image: url(../images/icon_zhengji.png);}
.header .nav>li .subnav li a:hover .icon_zhengji{background-image: url(../images/icon_zhengji_on.png);}

.header .nav>li .subnav li a .icon_plane{background-image: url(../images/icon_zplane.png);}
.header .nav>li .subnav li a:hover .icon_plane{background-image: url(../images/icon_plane_on.png);}

.header .nav>li:hover .subnav{opacity: 1; visibility: visible; z-index: 10; transition: 0.36s ease-in-out;}
.header .nav>li .subnav li:hover a{color: #00A26F;}


@media (max-width: 767px){
	.header {top: 0; height: 50px; background: #fff; text-align: left; z-index: 10000;}
	.header .container{height: 100%;}
	.header .logo{padding: 12px 0; height: 50px;}
	.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;}
	
	.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{flex: 1; line-height: 40px; font-size: 14px; 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:0 30px;}
	.Navbar {display: block;float: right; width: 24px; height: 16px; margin: 17px 10px 0 0; position: absolute; right: 5px; top: 0; transition: all 0.5s ease; cursor: pointer;}
	.Navbar .icon-bar { width: 24px; height: 2px; background: #009B6A; display: block;}
	.Navbar .icon-bar:nth-child(2){margin: 5px 0;}
	.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;}
	.login_right{ position: absolute; top: 15px; right: 15px;}
}


.footer{padding: 2.5rem 0 ; background: #4D515A; color: #fff;}
.footer .container{display: flex; justify-content: space-between;}
.footer .tit{font-size: 1.425rem;}
.footer .add{}
.footer .add .tit{margin-bottom: 2.25rem;}
.footer .add p{display: flex; align-items: center;line-height: 50px}
.footer .add img{margin: 0 8px 0 0;}
.footer .wx{width: 18rem;  text-align: center; display: flex;}
.footer .wx .item{flex: 1; margin: 0 2rem 0 0;}
.footer .wx .item:last-child{margin: 0;}
.footer .wx .tit{margin-bottom: 1.375rem;}
.footer .ft_nav{margin: 0 6.875rem 0 0; display: flex; width:240px; text-align:center; justify-content: space-between;}
.footer .ft_nav dt{ margin: 0 0 1.5rem; font-size: 1.425rem; color: #fff; line-height: 1; display: block;}
.footer .ft_nav dd a{font-size: 1rem; line-height: 3.125; color: rgba(255,255,255,0.7); display: block;}
.footer .ft_nav dd a:hover{color: #fff;}
@media (max-width:767px){
	.footer .container{display: block;}
    .footer .tit{font-size: 16px;}
	.footer .add p{align-items: flex-start; line-height: 24px; font-size: 13px; margin-bottom: 10px;}
	.footer .add p img{width: 24px; }
	.footer .wx{width: 100%;justify-content: center;}
    .footer .wx .item{flex: initial;}
	.footer .wx img{width: 90px;}
	.footer .wx .tit{ margin: 0 0 10px 0;}
	.footer .ft_nav{justify-content: center;display: block;text-align: left;width: 100%;}
	.footer .ft_nav dl{padding: 10px 0 ; }
	.footer .ft_nav dt{width: 100%;font-size: 16px;margin: 0 0 10px;}
	.footer .ft_nav dd {display: inline-block; margin: 0 15px 0 0;}
	.footer .ft_nav dd:last-child{margin: 0;}
	.footer .ft_nav dd a{font-size: 13px;line-height: 2; }
}

.layer_mesg{display: none;}
.layui-mesg{ border-radius: 1rem!important; overflow: hidden;}
.layer_msg_box .form_box{width: 400px; padding:  1.375rem 0 0;  background: #fff;}
.layer_msg_box .form_box .tit{font-size: 1.375rem; text-align: center; font-weight: bold;}
.layer_msg_box .form_box form{padding: 0 20px;}
.layer_msg_box .form_box .item{margin-bottom: 28px; margin: 1rem 0 0;}
.layer_msg_box .form_box .item label{font-size: 1rem; color: #0C0C0C; display: block;}
.layer_msg_box .form_box .inpt{padding: 14px 12px; margin: 6px 0 0; width: 100%; resize: none; font-weight: lighter; border: 1px solid #F1F1F1; border-radius: 0.5rem;}
.layer_msg_box .form_box .btn{}
.layer_msg_box .form_box .tit{font-size: 1.375rem; font-weight: bold;}
.layui-mesg .layui-layer-btn{padding: 0 20px 36px!important;}
.layui-mesg .layui-layer-btn0{ cursor: pointer; width: 100%; background: linear-gradient(131deg, #00E39C 0%, #00855B 100%); margin: 1rem 0 0; padding: 0.8125rem 0; font-size: 1.125rem; height: auto; border-radius: 0.5rem; text-align: center; border: none; color: #fff;}
.layui-layer-setwin .layui-layer-close2{top: 0!important; right: 0!important; }
.layui-layer-setwin .layui-layer-close2:hover{}
@media (max-width:767px){
	.layer_msg_box .form_box{width: 100%;}
	.layer_msg_box .form_box .tit{font-size: 15px;}
	.layer_msg_box .form_box .item label{font-size: 13px;}
	.layer_msg_box .form_box .btn{font-size: 15px;}
}
