@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)}

#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}
.control-box {width:100%}
.control-box ul {list-style:none;position:relative}
.control-box ul li {position:absolute;top:88px;cursor:pointer;height:44px;width:44px;background:url(../images/pad_travel_arrow_right.png)}
.control-box ul li.prev {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);left:-60px;display:none}
.control-box ul li.next {right:-60px}
.bigbox {overflow:hidden}
.switcher {left:0;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between}
.content_1.content_2 {width:100%;float:left}
.box {float:left}
.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}
.display_none {display:none}
.news_content {display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:left;height:214px}
.news_content>p:first-child {font-size:20px;line-height:30px;margin-bottom:12px;font-weight:600;color:#222}
.news_content>p:first-child:hover {cursor:pointer}
.news_content>div:nth-child(2) {line-height:22px;color:#8f8f8f;-webkit-box-flex:1;flex:1;overflow:hidden;position:relative}
.news_content>div:nth-child(2):hover {cursor:pointer}
.news_content>div:nth-child(2)>p {text-align:justify}
.news_content>div:nth-child(3) {display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;font-size:12px;color:#a8a8a8;padding-top:18px}
.news_content>div>button {color:#d70110;cursor:pointer;background-color:hsla(0,0%,100%,0);border:0;font-size:12px;background:url(/static/img/aboutus/hom_arrow_news.png) no-repeat;background-position:left 38px top 5px;width:50px;font-weight:400;height:20px}
.column_news {height:150px;display:-webkit-box;display:flex;cursor:pointer}
.right_content {-webkit-box-flex:1;flex:1;padding-left:20px;height:100%}
#slogan {font-size:46px;font-weight:600;opacity:0;margin-top:30px}
#sub_slogan {opacity:0;margin-top:40px;font-size:20px}
.video_wrap {position:relative;height:100vh;width:100%;overflow:hidden}
.video_cover {background-color:#216201}
.fisrt_page {justify-content:space-around;margin-top:72px;opacity:0}
.fisrt_page,.fisrt_page>span {display:-webkit-box;display:flex}
.fisrt_page>span {-webkit-box-align:center;align-items:center}
.content {padding:80px 0}
.content>div>div {margin-top:36px}
#company_name {position:relative;font-size:24px;font-weight:600}
#company_name:after {content:"";width:70px;height:2px;background-color:#216201;position:absolute;top:45px;left:0}
#company_name:before {content:"HUALVYUANKEJI";font-size:40px;color:#f2f2f2;position:absolute;top:-25px;z-index:-1;line-height:64px;width:350px;word-break:break-all}
.post {height:320px;width:236px}
.post>div {height:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
.post>div p {position:relative;width:100px;font-size:24px;font-weight:600;color:#fff}
.post>div p:after {content:"";position:absolute;width:0;height:2px;background-color:#d70110;top:1.7em;left:50px;right:0;-webkit-transition:all .3s;transition:all .3s}
.post>div:hover p:after {width:60px;left:20px}
.tech_item {background-color:#fff;width:280px;height:400px;padding:44px 20px}
.tech_item>p:nth-child(2) {font-size:24px;margin-top:22px;font-weight:600; color:#000;}
.tech_item>p:nth-child(3) {margin-top:24px;text-align:left;line-height:22px;color:#8f8f8f}
.smart {width:236px;padding:0 10px}
.smart p{ border:1px solid #333;}
.smart p img{ width:100%;}
.smart>p:nth-child(2) {margin-top:20px;font-size:24px;font-weight:600}
button {width:147px;height:48px;background-color:#216201;color:#fff;font-size:16px;border:0;font-weight:400;font-family:PingFangSC-Regular;cursor:pointer}
button:hover {background-color:#216201;color:hsla(0,0%,100%,.8)}