html,body{ font-size: 16px; font-weight: 300;}
body{position: relative;}

.vw100_vh100{overflow: hidden; position: relative; width: 100vw; height:100vh;}
.margin_vw_5{margin-left:5vw;margin-right:5vw;}
.section_100vh{overflow: hidden; height: 100vh; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none;  scrollbar-width: none; position: relative; }
.section_100vh::-webkit-scrollbar{display:none}
/*留言*/
.message_list {overflow-y:hidden; overflow-x: auto; display: flex;scroll-snap-type: x mandatory;cursor: grab;-webkit-overflow-scrolling: touch; user-select: none;-webkit-user-drag: none;scroll-behavior: smooth;}
.message_list::-webkit-scrollbar {display: none;}
.message_list:active {cursor: grabbing;}
.message_list .list {display: inline-block;flex: 1 0 auto; margin-right: 10px;background: #262626;padding: 30px 50px;border-radius: 10px;scroll-snap-align: start; position: relative}
.message_list .list .user{overflow: hidden; width: 100px; text-align: right; float: left;}
.message_list .list .user dl{overflow: hidden; padding: 0 20px 0 0; margin:0 20px 0 0; border-right: #383838 1px solid}
.message_list .list .user dl dt{overflow: hidden; border-radius: 50%; margin: 0 0 15px 0; background: #fff;}
.message_list .list .user dl dd{overflow: hidden; margin:5px 0  0  0; font-size: 12px; color: #46995f;}
.message_list .list .user dl dd b{overflow: hidden;font-size: 16px; font-weight: bold; color: #fff;}
.message_list .list .text{overflow: hidden;width: 300px;}
.message_list .list .text dl{overflow: hidden; height: 100%; }
.message_list .list .text dl dt{overflow: hidden; color: #b1b1b1;}
.message_list .list .text dl dd{overflow: hidden; color: #46995f; position: absolute;  right:20px; bottom:20px}

/*3d 文字*/
.ad_txt{overflow: hidden;}
.ad_txt ul{overflow: hidden;display: flex;flex-direction: column;align-items: center;justify-content: center;transform-style: preserve-3d;}
.ad_txt ul li{margin: 20px 10%; font-family: 'Songti SC', SimSun, '宋体', serif;padding: 20px 0;align-items: flex-start; text-align: center; font-weight: bold;color: #000;opacity: 0;transform-origin: center;transform: scale(1) rotateX(-85deg) translateZ(-15px);transition: transform 2s ease, color 2s ease, line-height 2s ease, opacity 2s ease; font-size: 38px;line-height: 50px;}
.ad_txt ul li.active {transform: scale(1.2) rotateX(0deg) translateZ(0);line-height: 50px;opacity: 1;color: #e8e8e8;}
/*.ad_txt ul li:hover {transform: scale(1.2) rotateX(0deg) translateZ(0);line-height: 30px;opacity: 1; color: #fff;}*/

.section_100vh_vw100{overflow: hidden; height: 100vh; width: 100vw;}
.section_100vh_vw100 .l_35{overflow: hidden; position: relative; float: left; height: 100vh; width: 35vw;}
.section_100vh_vw100 .l_35 .top{overflow: hidden; margin: 0 5vw; height: calc(70vh - 200px); overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none;  scrollbar-width: none; }
.section_100vh_vw100 .l_35 .top::-webkit-scrollbar{display:none}

.section_100vh_vw100 .l_35 .top .title{overflow: hidden; text-align: center; color: #fff;}
.section_100vh_vw100 .l_35 .top .title dl{overflow: hidden;}
.section_100vh_vw100 .l_35 .top .title dl dt{overflow: hidden;}
.section_100vh_vw100 .l_35 .top .title dl dd{overflow: hidden; font-size: 12px; color: #46995f; margin: 0 0 10px 0;}
.section_100vh_vw100 .l_35 .top .title dl dd h4{overflow: hidden;color: #fff; font-weight: bold; font-size: 20px; line-height: 30px;}
.section_100vh_vw100 .l_35 .top .title dl dd em{overflow: hidden; border-radius: 5px; padding: 5px 10px; background: rgba(70, 153, 95, 0.3); margin: 0 0 0 10px;font-style: normal; color: #fff;}
.section_100vh_vw100 .l_35 .top .title dl dd b{overflow: hidden;color: #fff; font-weight: bold; font-size: 30px; line-height: 50px;}
.section_100vh_vw100 .l_35 .top .title dl dd samp{overflow: hidden; color: #f3981c; font-size: 25px; line-height: 25px; }
.section_100vh_vw100 .l_35 .top .title dl dd:nth-child(4){color: #b1b1b1;}
.section_100vh_vw100 .l_35 .bottom{overflow: hidden; margin: 0 5vw 20px 5vw; padding: 10px 0 0 0; position: absolute; bottom:0; left: 0; right: 0;background: rgb(20,20,20);}
.section_100vh_vw100 .l_35 .bottom .key{margin: 10px 0 0 0}
.section_100vh_vw100 .l_35 .bottom .key ul li{overflow: hidden; float: none; background: #000; padding:10px 20px; border-radius: 5px; color: #fff; font-size: 16px; text-align: center; font-weight: bold;calc(100% - 20px);}

.section_100vh_vw100 .l_35 .list .form_list_50 dl dt{overflow: hidden; font-size: 12px; color: #fafafa; margin: 0 0 10px 0;}
.section_100vh_vw100 .l_35 .list .form_list_50 dl dd{overflow: hidden;}

.section_100vh_vw100 .l_35 .bottom .input_100{overflow: hidden; background: #1b1b1b; border-radius: 5px; border: rgba(27, 27, 27,1) 1px solid; width: calc(100% - 22px); color: #fff; padding: 10px;box-shadow: inset 5px 5px 10px rgba(27, 27, 27,1);transition: border 1s ease,box-shadow 1s ease; }
.section_100vh_vw100 .l_35 .bottom .input_100:hover{border: rgba(76, 141, 88,0.5) 1px solid;box-shadow: inset 5px 5px 10px rgba(76, 141, 88,0.5)}

.section_100vh_vw100 .l_35 .bottom .textarea_100{overflow: hidden; background: #1b1b1b; border-radius: 5px; border: rgba(27, 27, 27,1) 1px solid; width: calc(100% - 22px); color: #fff; padding: 10px;box-shadow: inset 5px 5px 10px rgba(27, 27, 27,1);transition: border 1s ease,box-shadow 1s ease; }
.section_100vh_vw100 .l_35 .bottom .textarea_100:hover{border: rgba(76, 141, 88,0.5) 1px solid;box-shadow: inset 5px 5px 10px rgba(76, 141, 88,0.5)}


.section_100vh_vw100 .r_65{overflow: hidden; float: right; height: 100vh; width: 65vw;overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none;  scrollbar-width: none; }
.section_100vh_vw100 .r_65::-webkit-scrollbar{display:none}
/* 内容描述 */
.content_detail{overflow: hidden; color: #7b7c7d;}
.content_detail h1,.content_detail h2,.content_detail h3 {margin: 0 0 20px 0; line-height: 30px;}
.content_detail img {width: 100% !important; height:auto !important;padding: 0;margin: 0;display:block;vertical-align:top;overflow: hidden;}
.content_detail p {margin: 20px 0 0 0; text-indent: 30px;}
.content_detail table{overflow: hidden; width: 100%; height: auto; background: #faf8f8; margin: 20px 0 0 0; font-size: 12px; font-weight: 300;}
.content_detail table tr{overflow: hidden; padding: 0; margin: 0;}
.content_detail table tr th{overflow: hidden; padding: 5px; margin: 0;}
.content_detail table .firstRow{background: #f3efef; font-weight: bold;}
.content_detail .video{overflow: hidden; width: 100%; height: auto}
.content_detail .video video{overflow: hidden; width: 100%; height: auto; background: #000}
.content_detail .voice{overflow: hidden; width: calc(100% - 20px); height: auto; margin:10px;}
.content_detail .voice voice{overflow: hidden; width: 100%; height: auto; margin:0 auto;}
.content_detail .detail{overflow: hidden; padding: 0; margin: 20px 50px; line-height: 30px;}
.content_detail .detail p{overflow: hidden; margin: 20px 0;}
.content_detail .detail ul{overflow: hidden; margin: 20px 0;}
.content_detail .detail ul li{overflow: hidden; margin: 0 0 0 30px}
.content_detail .detail .highlight{color: #e74c3c;
    font-weight: bold;}

.background_1{background: rgb(20,20,20); background: linear-gradient(135deg, rgba(20,20,20,1) 0%, rgba(21,21,21,1) 100%);}
.background_2{background: rgb(20,20,20); background: radial-gradient(circle at 100% 50%, rgba(20,20,20,1) 80%, rgba(43,60,43,1) 100%);  transition: background 0.3s ease;}


/*间隔*/
.all_height_30px{padding-top: 30px;}
.all_height_50px{padding-top: 50px;}
.all_height_100px{padding-top: 100px; }
.all_height_130px{padding-top: 130px;}
.all_height_200px{padding-top: 200px;}
.all_height_250px{padding-top: 250px;}

.animation_height_200px{padding-top: 200px;transition: padding 3s ease; animation: gradient_opacity_bottom_top_5 2s forwards;}
.animation_height_150px{padding-top: 150px;transition: padding 3s ease; animation: gradient_opacity_bottom_top_5 2s forwards;}
/* 标题 */

.title_h1{overflow: hidden; text-align: center; justify-content: center;  align-items: center; }
.title_h1 ul{overflow: hidden;}
.title_h1 ul li{overflow: hidden; color: #46995f; margin: 0 0 20px 0;}
.title_h1 ul li h1{overflow: hidden; font-size: 50px; font-weight: bold; color: #fff; line-height: 50px;}
.title_h1 ul li h4{overflow: hidden; font-size: 18px; font-weight: bold; color: #fff; line-height:20px;}
.title_h1 dl{overflow: hidden; display: inline-block; padding:5px; background:rgb(20,20,20); border: #262626 1px solid; border-radius: 10px;}
.title_h1 dl dt{overflow: hidden; float: left; padding:5px 10px; color: #fff;}
.title_h1 dl dd{overflow: hidden;float: right; padding:5px 10px; color: #fff;background: #f3981c;background: radial-gradient(circle, rgb(20,20,20) 0%, rgb(20,20,20) 100%);border-radius: 50%; transition: background 0.3s ease,border-radius 1s ease;}
.title_h1 dl:hover dd{ background: #f3981c;background: radial-gradient(circle, #f3981c 0%, #f3981c 100%); border-radius: 5px;}
/* 商标 2分类 */
.logo_describe{overflow: hidden; margin: 0 5%; }

.logo_describe dl{overflow: hidden; position: relative; padding:40px 30px 30px 30px; width:calc(50% - 62px);  float: left; font-weight: 300; text-align: center; justify-content: center;  align-items: center;}
.logo_describe dl dt{overflow: hidden;}
.logo_describe dl dt img{overflow: hidden; width: 80%;}
.logo_describe dl dd{overflow: hidden; color: #c0c0c0;}
.logo_describe dl dd b{font-size: 30px; font-weight: bold; color: #fff; line-height: 50px;}
/* 联系我们 四分类 */
.contact_us_section{overflow: hidden; margin: 0 10%;}
.contact_us_section .list{overflow: hidden; position: relative}
.contact_us_section .list:after{ content: " "; border-left:#262626 1px solid;left: 50%;  top:0; bottom:0;  position: absolute; z-index:1;}
.contact_us_section .list dl{overflow: hidden; padding:50px 8% 30px 8%; width:34%;  float: left;}
.contact_us_section .list dl dt{overflow: hidden;  width: 100%;  font-size: 12px; font-weight: bold; color: #46995f; line-height: 30px; margin: 0 0 10px 0;}
.contact_us_section .list dl dd{overflow: hidden; color: #ababab;margin: 0 0 20px 0;}
.contact_us_section .list dl dd ul{overflow: hidden;}
.contact_us_section .list dl dd ul li{overflow: hidden; padding: 15px 0; font-size: 16px; font-weight: 300;}
.contact_us_section .list dl dd ul li:nth-child(odd){float: left; width: calc(30% - 20px); color: #fafafa; margin: 0 20px 0 0 ;}
.contact_us_section .list dl dd ul li:nth-child(even){ float: right; text-align: right; width: calc(70% - 20px);color: #7e7e7e; margin: 0 0 0  20px;}
.contact_us_section .list dl dd ul li:nth-child(even):hover{color: #fafafa;}
.contact_us_section .title{overflow: hidden; margin: 30px 0 0 0;  width: 100%; text-align: center;  font-size: 25px; font-weight: bold; color: #f3981c; line-height: 30px;font-family: 'Songti SC', SimSun, '宋体', serif; }

/* 联系我们 表单 */
.contact_us_form{overflow: hidden; margin: 0 16%;}
.contact_us_form .key{overflow: hidden; margin: 30px 0 0 0;}
.contact_us_form .key ul{overflow: hidden;}
.contact_us_form .key ul li{overflow: hidden; float: right; background: #000; padding: 20px; border-radius: 10px; color: #fff; font-size: 20px; font-weight: bold;}
/* 表单 */
.form{overflow: hidden;}
.form .input_100{overflow: hidden; background: #1b1b1b; border-radius: 5px; border: rgba(27, 27, 27,1) 1px solid; width: calc(100% - 42px); color: #fff; padding: 20px;box-shadow: inset 5px 5px 10px rgba(27, 27, 27,1);transition: border 1s ease,box-shadow 1s ease; }
.form .input_100:hover{border: rgba(76, 141, 88,0.5) 1px solid;box-shadow: inset 5px 5px 10px rgba(76, 141, 88,0.5)}
.form .textarea_100{overflow: hidden; background: #1b1b1b; border-radius: 5px; border: rgba(27, 27, 27,1) 1px solid; width: calc(100% - 42px); color: #fff; padding: 20px;box-shadow: inset 5px 5px 10px rgba(27, 27, 27,1);transition: border 1s ease,box-shadow 1s ease; }
.form .textarea_100:hover{border: rgba(76, 141, 88,0.5) 1px solid;box-shadow: inset 5px 5px 10px rgba(76, 141, 88,0.5)}

.form .list{overflow: hidden;}
.form .list .form_list_50{overflow: hidden; float: left;}
.form .list .form_list_50 dl{overflow: hidden;}
.form .list .form_list_50:nth-child(odd){float: left; width: calc(50% - 10px); margin: 0 10px 20px 0 ;}
.form .list .form_list_50:nth-child(even){ float: right; width: calc(50% - 10px); margin: 0 0 20px 10px ;}
.form .list .form_list_50 dl dt{overflow: hidden; color: #fafafa; margin: 0 0 10px 0;}
.form .list .form_list_50 dl dd{overflow: hidden;}
.form .list .form_list_100{overflow: hidden;}

.contact_us_form .title{overflow: hidden;  width: 100%; text-align: center;  font-size: 25px; font-weight: bold; color: #f3981c; margin: 0 0 50px 0; line-height: 30px;font-family: 'Songti SC', SimSun, '宋体', serif; }
/* 合作下载 四分类 */
.download_section{overflow: hidden; margin: 0 5%; border-top: #262626 1px solid; border-radius: 150px;background: rgb(20,20,20); background: linear-gradient(180deg, rgba(20,20,20,1) 0%, rgba(21,21,21,0) 100%); }
.download_section dl{overflow: hidden; position: relative; padding:40px 30px 30px 30px; width:calc(25% - 62px);  float: left; font-weight: 300;}
.download_section dl dt{overflow: hidden; float: left; width: 20%; color: #fff;}
.download_section dl dt span{font-size: 30px; line-height: 30px; font-weight: 300;}
.download_section dl dd{overflow: hidden; float: right; width: 80%; color: #fff; font-size: 12px;}
.download_section dl dd b{font-size: 16px; font-weight: bold;}
/* 商务合作 四分类 */
.business_section{overflow: hidden;}
.business_section .list{overflow: hidden;}
.business_section .list .img_txt{overflow: hidden; padding:50px 30px 30px 30px; width:calc(25% - 62px);  float: left;}
.business_section .list .img_txt dl{overflow: hidden;text-align: center; opacity: 0.5; transition: opacity 1s ease;}
.business_section .list .img_txt dl dt{overflow: hidden; margin: 0 30% 30px 30%;}
.business_section .list .img_txt dl dd{overflow: hidden; color: #ababab;margin: 0 0 20px 0;}
.business_section .list .img_txt dl dd b{overflow: hidden; font-size: 35px; font-weight: bold; color: #fff; line-height: 50px;}
.business_section .list .img_txt dl:hover{ opacity: 1; }
.business_section .title{overflow: hidden;  width: 100%; text-align: center;  font-size: 25px; font-weight: bold; color: #fff; line-height: 30px;font-family: 'Songti SC', SimSun, '宋体', serif; }

/* 公司 三分类 */
.depict_section{overflow: hidden; width: 100%;}
.depict_section .img_text{overflow: hidden; padding:50px 30px 30px 30px; width:calc(30% - 62px); background:rgb(20,20,20);background: linear-gradient(135deg, rgba(20,20,20,1) 0%, rgba(20,20,20,1) 100%); border: #262626 1px solid; border-radius: 10px; float: left; transition: background 0.3s ease;}
.depict_section .img_text:hover{background: rgb(20,20,20); background: linear-gradient(135deg, rgba(20,20,20,1) 80%, rgba(43,60,43,1) 100%);}
.depict_section .img_text:nth-child(2){margin: 0 5%;}
.depict_section .img_text .text{overflow: hidden;}
.depict_section .img_text .text dl{overflow: hidden; color: #fff; height: 350px;}
.depict_section .img_text .text dl dt{overflow: hidden; font-size: 25px; margin: 0 0 20px 0; line-height: 35px;}
.depict_section .img_text .text dl dd{overflow: hidden; font-size: 14px; color: #d2d2d2}
.depict_section .img_text .img_txt{overflow: hidden; position: relative;padding: 20px 0 0 0; }
.depict_section .img_text .img_txt:after{font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1; top:0; right: 0; text-align: right; color:#fff; font-weight: 900;  content: "\e6fc"; font-size: 30px; line-height: 30px;}
.depict_section .img_text:nth-child(3) .img_txt:after{content: "\e6f9";}
.depict_section .img_text .img_txt .img{overflow: hidden; position: absolute; left: 0; top:20px;bottom:0;  z-index: 1; border-radius: 50px; width: 50px; height: 50px; background: #fff;}
.depict_section .img_text .img_txt .txt{overflow: hidden; margin: 0 0 0 70px; }
.depict_section .img_text .img_txt .txt dl{overflow: hidden; margin: 5px 0;}
.depict_section .img_text .img_txt .txt dl dt{overflow: hidden; font-size: 16px;color: #fff;}
.depict_section .img_text .img_txt .txt dl dd{overflow: hidden; font-size: 12px;color: #46995f;}
/* 首页 */
.home_product{overflow: hidden; position: relative; animation: gradient_opacity_bottom_top_5 2s forwards;}
@keyframes gradient_opacity_bottom_top_5 { 0% {opacity: 0;margin-top:5vh ;} 100% {opacity: 1;margin-top:0; } }

.home_product:after{ content: " "; border-left:#262626 1px solid;left: 50%;  top:0; bottom:0;  position: absolute; z-index:1;}
.home_product .left{overflow: hidden; float: left; width: calc(50% - 3%); padding: 50px 1.5% 0 1.5%;}
.home_product .left ul{overflow: hidden;list-style: none;}
.home_product .left ul li {opacity: 0;transition: opacity 3s ease,display 0s ease 3s;display: block;  visibility: hidden;}
.home_product .left ul li.visible {opacity: 1;visibility: visible;}


.home_product .right{overflow: hidden;  float: right; width: calc(50% - 160px); padding: 0 80px; margin: 50px 0 0 0;}
.home_product .right .title{overflow: hidden; }
.home_product .right .title dl{overflow: hidden; }
.home_product .right .title dl dt{overflow: hidden; color: #46995f; margin: 0 0 50px 0; font-size: 25px; line-height: 25px; }
.home_product .right .title dl dd{overflow: hidden; margin: 20px 0 0 0; }
.home_product .right .title dl dd h1{font-weight: bold; color: #fff; font-size: 50px; line-height: 50px; }
.home_product .right .title dl dd b{font-weight: bold; color: #fff; font-size: 30px; line-height: 30px;}

.home_product .right .download{overflow: hidden;}
.home_product .right .download ul{overflow: hidden;}
.home_product .right .download ul li{overflow: hidden; float: left;}
.home_product .right .download ul li img{overflow: hidden; height: 50px;}
.home_product .right .download ul li:nth-child(even){ float: left; margin: 0 0 0 20px;}

.home_product .right .describe{overflow: hidden;}
.home_product .right .describe ul{overflow: hidden;}
.home_product .right .describe ul li{overflow: hidden; font-size: 14px; font-weight: 300;}
.home_product .right .describe ul li:nth-child(odd){float: left; width: calc(50% - 20px); color: #fafafa; margin: 0 20px 0 0 ;}
.home_product .right .describe ul li:nth-child(even){ float: right; width: calc(50% - 20px);color: #7e7e7e; margin: 0 0 0  20px;}
.home_product .right .describe ul li:nth-child(even):hover{color: #fafafa;}


/* 头部 */
.header{position: fixed; top:0; left: 5vw; right: 5vw; z-index: 88888;}
.header_content{overflow: hidden; margin:3vh 0 0 0; animation: gradient_opacitytop_top_bottom_1 2s forwards;}
@keyframes gradient_opacitytop_top_bottom_1 { 0% {opacity: 0;  margin-top:0 ;} 100% {margin-top:3vh ; opacity: 1;} }
.header_content .logo{overflow: hidden; float: left;opacity: 1;  transition: opacity 0.3s ease; }
.header_content .logo img{overflow: hidden; height: 100px;}
.header_content .menu{overflow: hidden; float: right; background: rgba(20, 20, 20, 0.5); border: #262626 1px solid; border-radius: 10px;}
.header_content .menu ul{overflow: hidden; margin: 5px;}
.header_content .menu ul li{overflow: hidden; background: #262626; transition: background 0.3s ease; color: #fff; font-size: 20px; border-radius: 10px; padding: 20px; float: left; margin: 10px; font-weight: 300; position: relative;}
.header_content .menu ul li a{color: #fff;}
.header_content .menu ul li:hover {background: #1c1c1c;}
.header_content .menu ul li:nth-child(1){padding: 20px 48px 20px 30px;}
.header_content .menu ul li:nth-child(1):after{font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1; top:calc(50% - 10px); right: 20px; text-align: right; color:#fff; font-weight: 900;  content: "\e6a4"; }
.header_content .menu ul li:nth-child(3){padding: 20px 48px 20px 30px; background:none; border-right: #262626 1px solid;border-radius: 0; }
.header_content .menu ul li:nth-child(3):after{ content: " ";background: #262626; transition: background 0.3s ease; border-radius: 10px; left: 0; right:20px; top:0; bottom:0;  position: absolute; z-index: -1;}
.header_content .menu ul li:nth-child(3):hover:after {background: #1c1c1c;}

.header_content .menu ul li:nth-child(4){margin-left: 15px; border-radius: 50px; padding: 20px 30px 20px 80px; transition:padding 1s ease; }
.header_content .menu ul li:nth-child(4):after{font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; z-index: 1; top:5px; left: auto; bottom:5px; right:calc(100% - 60px);  color:#fff; font-weight: 300;  content: "\e671";display: flex;  justify-content: center; padding: 15px; font-size: 25px;  align-items: center; border-radius: 50%; background: #46995f; transition:right 1s ease, background 0.3s ease; }
.header_content .menu ul li:nth-child(4):hover{ padding: 20px 80px 20px 30px;}
.header_content .menu ul li:nth-child(4):hover:after {right:calc(0% + 5px)}


.footer_content{overflow: hidden;}
.footer_content .contact_us{overflow: hidden;background:#141414; border-radius: 10px;}
.footer_content .contact_us dl{overflow: hidden;width: calc(50% - 100px); padding: 50px; float: left;}
.footer_content .contact_us dl dt{overflow: hidden;}
.footer_content .contact_us dl dt img{overflow: hidden; height: 80px;}
.footer_content .contact_us dl dd{overflow: hidden; color: #b1b1b1;}
.footer_content .contact_us dl dd h1{ font-size: 30px; font-weight: 300; font-family: 'Songti SC', SimSun, '宋体', serif; line-height: 38px;}
.footer_content .contact_us ul{overflow: hidden;width: calc(35% - 101px);  border-left: #262626 1px solid; margin: 25px; padding: 25px; float: left;}
.footer_content .contact_us ul li{overflow: hidden; color: #898989; float: left; padding: 10px 0;transition:color 1s ease;}
.footer_content .contact_us ul li:hover{color: #fff;}
.footer_content .contact_us ul li:nth-child(odd){width:30%;}
.footer_content .contact_us ul li:nth-child(even){width: calc(70% - 10px); margin-left: 10px;}
.footer_content .contact_us ul li a{color: #46995f}
.footer_content .contact_us ul li:nth-child(1){ font-family: 'Songti SC', SimSun, '宋体', serif; font-weight: bold;  color: #fff;}
.footer_content .contact_us ol{overflow: hidden;width: calc(15% - 101px);  border-left: #262626 1px solid; margin: 25px; padding: 25px; float: left;}
.footer_content .contact_us ol li{overflow: hidden; text-align: center; color: #898989; padding: 10px 0;transition:color 1s ease;}
.footer_content .contact_us ol li:hover{color: #fff;}

.footer{position: fixed; bottom:10px; left:5vw; right: 5vw; z-index: 100;}
.footer .copyright, .footer_content .copyright{text-align: center; font-size: 12px; font-weight: 300;color: #7e7e7e;}
.footer .copyright a,.footer_content .copyright a{color: #7e7e7e;}

/*层*/
.window {position: fixed; top:0; left: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; z-index:8888; display: none; opacity: 0; transition: opacity 1s ease;}
.on_block{ display: block; opacity: 1;visibility: visible;}

.whole_w0_h0{overflow: hidden; width: 100vw; height: 100vh; position: relative;}
.whole_w5_h5{overflow: hidden; width: 90vw; height: 90vh; margin: 5vh 5vw; position: relative;}
.whole_w35_t25{overflow: hidden; width:30vw; height: auto; margin: 25vh 35vw 0 35vw; position: relative;}
.whole_w45_h45{overflow: hidden; width: 10vw; height: 10vh; margin: 45vh 45vw; position: relative; display: flex;justify-content: center;align-items: center; border: 1px solid #000; border-radius: 20px; background: rgba(0, 0, 0, 0.8); padding: 10px; color: #fff !important; text-align: center;}

.top_menu{overflow: hidden; position: relative;  margin: 0 5vw; }
.top_menu .menu{overflow: hidden; padding: 30px 20px; position: absolute; z-index: 2; top:0; left: 0; right: 0;}
.top_menu .menu dl{overflow: hidden; color: #000; width: calc(33.33% - 60px); float: left; border-radius: 10px; margin: 10px; padding: 30px 20px;transition: opacity 0.5s ease, margin 0.5s ease; position: relative;}
.top_menu .menu dl dt{overflow: hidden; font-size: 20px; margin: 0 0 10px 0;}
.top_menu .menu dl dt img{overflow: hidden; height: 50px; float: right}
.top_menu .menu dl dd{overflow: hidden; font-size: 14px; }
.top_menu .menu dl dd samp{font-size: 20px; font-weight: bold}
.top_menu .menu dl dd i{opacity:0.5}
.top_menu .menu a .icon-gouwucheman{font-size: 30px; line-height: 30px;}
.top_menu .menu a:nth-child(1) .icon-gouwucheman{color: rgb(190, 132, 80); z-index: 1; position: absolute; top:10px; left: 10px; transition: color 1s ease;}
.top_menu .menu a:nth-child(2) .icon-gouwucheman{color: rgb(57, 119, 182); z-index: 1; position: absolute; top:10px; left: 10px; transition: color 1s ease;}
.top_menu .menu a:nth-child(3) .icon-gouwucheman{color: rgb(63, 173, 92); z-index: 1; position: absolute; top:10px; left: 10px; transition: color 1s ease;}
.top_menu .menu a:hover .icon-gouwucheman{color:rgb(255, 255, 255);}

.top_menu .menu a:nth-child(1) dl{background: rgb(210, 149, 95); animation: gradient_opacity_bottom_top_1 0.4s forwards;}
.top_menu .menu a:nth-child(2) dl{background: rgb(74, 143, 203);animation: gradient_opacity_bottom_top_2 0.8s forwards;}
.top_menu .menu a:nth-child(3) dl{background: rgb(86, 197, 116);animation: gradient_opacity_bottom_top_3 1.2s forwards;}
.top_menu .vague{overflow: hidden; height: 240px; backdrop-filter: blur(3px); visibility: visible; transition: border 2s ease;border: rgba(38, 38, 38,0) 1px solid; border-radius: 10px;}
.on_block .vague{ border: rgba(38, 38, 38,1) 1px solid; animation: gradient_opacity_1 2s forwards;}
@keyframes gradient_opacity_bottom_top_1 { 0% {opacity: 0;} 100% {opacity: 1;} }
@keyframes gradient_opacity_bottom_top_2 { 0% {opacity: 0; margin-top:20px ;} 100% {margin-top: 10px ; opacity: 1;} }
@keyframes gradient_opacity_bottom_top_3 { 0% {opacity: 0;  margin-top:30px ;} 100% {margin-top: 10px ; opacity: 1;} }