@charset "utf-8";
body,button,dd,div,h1,h2,h3,input,label,legend,li,ol,p,textarea,ul {margin:0;padding:0;box-sizing:border-box}
a {text-decoration:none}
ol,ul {list-style:none}
img {border:0}
input::-ms-clear {display:none!important}
input:focus::-webkit-contacts-auto-fill-button {opacity:0}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-variant:normal}
a:focus,button,input,select,textarea {outline:none}
html {min-width:1180px}
body {width:100%;height:100%;color:#222;line-height:1.6;font-family:PingFang SC,Microsoft YaHei;font-size:14px;min-width:1300px;font-weight:400}
.content {width:100%}
.content>div {width:1180px;margin:0 auto;text-align:center}
.content>div .title {font-size:36px;color:#222;font-weight:600}
.content>div .sub_title {margin-top:12px;font-size:16px;color:#222;font-weight:200}
.transform_1_1 {overflow:hidden}
.transform_1_1>div,.transform_1_1>img {-webkit-transition:.2s cubic-bezier(.4,0,0,1);transition:.2s cubic-bezier(.4,0,0,1)}
.transform_1_1>div:hover,.transform_1_1>img:hover {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.up10 {-webkit-transition:.4s cubic-bezier(.3,0,0,1);transition:.4s cubic-bezier(.3,0,0,1)}
.up10:hover {transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px)}
.tab_nav {height:80px;display:-webkit-box;display:flex}
.under_line {position:absolute;height:1px;width:100%;background-color:#222;top:26px;left:0}
.tab_nav>div {width:295px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;font-size:16px;cursor:pointer;font-weight:200; text-align:center; line-height:18px;}
.tab_nav>div.active {background-color:#216201;color:#fff;cursor:default}
.tab_nav>div.active a{ color:#fff;}
.tab_nav>div a{ color:#000; display:block;}
#mask {position:fixed;height:100vh;width:100vw;background-color:hsla(0,0%,100%,.15);display:none}

#aboutus,#serve {cursor:default}
.sub_menu_container {position:absolute;top:0;z-index:-1;width:100%;min-width:1300px;left:0;font-size:14px;display:none;padding-top:80px;height:334px;overflow:hidden;background-color:#0c1236}
.sub_menu_container>div>div div {height:141px;width:180px}
.sub_menu_container>div>div p {color:hsla(0,0%,100%,.7);font-weight:400}
.sub_menu_container>div>div.active p,.sub_menu_container>div>div:hover p {color:#fff}
.sub_menu {width:1140px;margin:0 auto;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;padding-top:24px}
.sub_menu>div {width:180px;text-align:center;color:#fff;font-size:16px;position:relative}
.sub_menu>div:after {content:"";position:absolute;height:142px;width:100%;background-color:rgba(0,0,0,.1);top:0;left:0}
.sub_menu>div:hover a {color:#fff}
.sub_menu>div.active:after,.sub_menu>div:hover:after {content:"";height:0;width:0}
.sub_menu>div:nth-child(2),.sub_menu>div:nth-child(3) {margin-left:48px}
.sub_menu>div p {margin-top:24px}

.card_info_one_row {text-align:center;padding:44px 20px;width:280px;}
.bg{background-color:#f7f7f7}
.card_info_one_row .text {margin-top:24px;color:#8f8f8f}
.font_weight_light {font-weight:200}
.font_weight_bold {font-weight:600}
.font_weight_500 {font-weight:500}
.font_weight_regular {font-weight:400}
.color_8F {color:#8f8f8f}
.font_size_24 {font-size:24px}
.align_left {text-align:left}
.flex_space_between {display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between}
.marginTop36 {margin-top:36px!important}
.text_white {color:#fff!important}

.fuwu{ position:relative;}
.clear{ clear:both;}
.fuwu_left{ float:left; width:620px;position:absolute; top:-110px;}
.fuwu_right{ float:right; width:530px;}
.fuwu_right dl{ text-align:left; background:#fff; height:60px; line-height:60px; padding-left:20px; font-size:16px;}