html,body{overflow: hidden; height: 100%; width: 100%; font-size: 18px; font-family: "微软雅黑", sans-serif; font-weight: 400;}

.section90{overflow: hidden; width: 100vw; height: 90vh; position: relative;}
.section90_scroll{overflow: hidden; width: 100vw; height: 90vh;overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none; position: relative;}
.section90_scroll::-webkit-scrollbar{display:none}

header{overflow: hidden; position: fixed; z-index: 10; top:0; left: 0; width:299px; height: calc(100vh - 300px); padding: 0 0 300px 0; border-right: 1px rgba(0, 0, 0, 0.01) solid; background: #f7f7f7;}
footer{overflow: hidden; position: fixed; z-index: 11; bottom:0; left: 0; width:299px; max-height: 300px; min-height: 300px; border-right: 1px rgba(0, 0, 0, 0.01) solid; background: #f7f7f7;}
article{overflow: hidden; width:calc(100vw - 300px); height: 100vh; margin: 0 0 0 300px; position: relative;}
/* 头部 */
header .logo{overflow: hidden; height: 200px;}
header .logo .img{overflow: hidden; margin: 20px 0 0 40px;}
header .logo .img img{display: block; width: 70%; vertical-align: middle; margin: 0; padding: 0; border: none; }
header .logo .txt{overflow: hidden; margin: 0 0 0 50px;}
header .logo .txt dl{overflow: hidden; margin: 0 10px;}
header .logo .txt dl dt{overflow: hidden; font-weight: bold; font-family: "arial black";  font-size: 0.4cm; line-height: 0.5cm}
header .logo .txt dl dt b{ font-weight: bold; font-family: "arial black";  font-size:1.2cm; line-height: 1.4cm}
header .logo .txt dl dd{overflow: hidden;text-transform:uppercase; font-size: 0.2cm;font-weight: 300; text-overflow: ellipsis; white-space: nowrap;}
header .logo .txt dl dd b{font-weight: bold; font-family: "arial black";  font-size: 0.6cm; line-height: 0.7cm}
header .logo .lang{overflow: hidden; margin: 20px 0 0 50px;}
header .logo .lang dl{overflow: hidden; margin: 0 10px 0 0; float: left; position: relative; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 5px;}
header .logo .lang dl dt{overflow: hidden; width: 10px; height: 10px;position: absolute;  z-index: 1; left: 5px; top:5px;}
header .logo .lang dl dd{overflow: hidden; margin: 0 10px 0 20px; white-space: nowrap; text-align: center; font-size: 0.5em; font-weight: 300; line-height: 20px;}

header nav{overflow: hidden; height: calc(100vh - 500px);overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
header nav::-webkit-scrollbar{display:none}
header nav dl{overflow: hidden; margin: 0 0 0 50px; color: #000; padding: 10px 0; border-bottom: rgba(0, 0, 0, 0.05) 1px solid;}
header nav dl dt{overflow: hidden; font-size:1.167em; line-height: 1.667em}
header nav dl dd{overflow: hidden; font-size: 0.667em; line-height: 1.000em;font-weight: 300; padding: 5px 0 0 0;}
header nav .on{ padding: 10px 0 10px 10px; background: rgba(255,255,255,0); background: radial-gradient(circle at 100% 80%, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 20%);}
header nav .on dt{font-size:1.333em; font-weight: bold; font-family: "arial black"; }
header nav dl:last-child{border-bottom:none;}
/* 底部 */
footer .contactus{overflow: hidden;}
footer .contactus dl{overflow: hidden; line-height: 1.667em; margin: 0 0 0 50px; padding:0 10px 0 0; }
footer .contactus dl dt{overflow: hidden; font-size:0.833em; line-height: 1.667em; margin: 0 0 15px 0; font-weight: bold;text-transform:uppercase; font-family: "arial black";}
footer .contactus dl dd{overflow: hidden; font-size: 0.667em; font-weight: 300; line-height: 1.500em;}
footer .contactus dl dd b{font-size: 0.833em; font-weight: 900;text-transform:uppercase;}
footer .contactus ul{overflow: hidden; line-height: 1.667em; margin: 10px 0 0 50px;}
footer .contactus ul li{overflow: hidden;font-size: 0.667em; font-weight: 300; padding:0 10px 0 0;  text-overflow: ellipsis; white-space: nowrap;}
footer .contactus ul li b{font-weight: 900;}
footer .contactus ul li span{font-size:1em; font-weight: 300; line-height: 1.667em;}

footer .copyright{overflow: hidden; margin: 0 0 0 50px; padding:10px 10px 0 0; }
footer .copyright dl{overflow: hidden; line-height: 1.667em;}
footer .copyright dl dt{overflow: hidden; font-size: 0.667em; font-weight: 300; line-height: 1.500em;}
footer .copyright dl dd{overflow: hidden; font-size: 0.500em; font-weight: 300; line-height: 1.500em;}
/* 二维码 */
.all_qrcode{overflow: hidden; position: fixed; z-index: 20; bottom:10px; right: 10px; width:100px; background: #f7f7f7;}
.all_qrcode dl{overflow: hidden; text-align: center;}
.all_qrcode dl dt{overflow: hidden; padding: 10px;}
.all_qrcode dl dd{overflow: hidden; font-size:0.5em; line-height: 1.667em; margin: 0 0 10px 0; font-weight: 300;}
/* 主配色 */
.home_copyright{overflow: hidden; position: fixed; z-index: 100; bottom:0; left: 0; top: 0;}
.home_copyright .txt{overflow: hidden; position: relative; height: 100vh; text-align: center; width:15px; font-weight: 400; background: #000;}
.home_copyright .txt dl{overflow: hidden; margin: 20px 0 0 0;}
.home_copyright .txt dl dt{overflow: hidden;color: rgba(255, 255, 255, 0.9); font-size: 0.5em; line-height: 1.667em;}
.home_copyright .txt dl dd{overflow: hidden;position: absolute; z-index: 1; bottom: 1%; left: 0; font-size: 0.5em; line-height: 1.667em; writing-mode: vertical-rl; text-orientation: mixed;color: rgba(255, 255, 255, 0.7);}
/* 背景动画 */
@keyframes jumbo {from {background-position: 50% 50%, 50% 50%;}to {  background-position: 350% 50%, 350% 50%;}}
.jumbo {
    --stripes: repeating-linear-gradient(100deg,#fff 0%,#fff 7%,transparent 10%,  transparent 12%,#fff 16%);
    --stripesDark: repeating-linear-gradient(100deg, #000 0%, #000 7%, transparent 10%, transparent 12%, #000 16%);
    --rainbow: repeating-linear-gradient(100deg, #60a5fa 10%, #e879f9 15%, #60a5fa 20%, #5eead4 25%, #60a5fa 30%);
    background-image: var(--stripes), var(--rainbow);
    background-size: 300%, 200%;
    background-position: 50% 50%, 50% 50%;
    filter: blur(10px) invert(100%);
    mask-image: radial-gradient(ellipse at 100% 0%, black 40%, transparent 70%);
    pointer-events: none;
}
.jumbo::after {content: "";position: absolute;inset: 0;background-image: var(--stripes), var(--rainbow);background-size: 200%, 100%;animation: jumbo 60s linear infinite;background-attachment: fixed;mix-blend-mode: difference;}
/* 背景动画框架 */
.top_animation{overflow: hidden; width: 100%; position: absolute; z-index: 1; left: 0; right: 0; top:0;}
.top_animation dl{overflow: hidden; position: relative;}
.top_animation dl dt{overflow: hidden;}
.top_animation dl dt .jumbo { height: 30vh;}
.top_animation dl dd{overflow: hidden; position: absolute; height: 30vh; width: 100%; z-index: 1; left: 0; right: 0; top:0; bottom:0;background: rgb(255,255,255); background: linear-gradient(10deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);}
/* 背景视频 */
.top_video{overflow: hidden; width: 100%; height: 20vh; position: absolute; z-index: 10; left: 0; right: 0; top:0;}
.top_video .video_txt{overflow: hidden;position: relative; height: 20vh;}
.top_video .video_txt video{overflow: hidden; width: 100%; height:auto;}
.top_video .video_txt .img_url {width: 100%;height: auto;overflow: hidden; margin: 0; padding: 0;}
.top_video .video_txt .txt{overflow: hidden; width: 60%; height: 15vh; position: absolute; z-index: 10; left: 20%; right: 20%; top:5vh;}
.top_video .video_txt .txt dl{overflow: hidden; position: relative; line-height:2em; text-align: center;}
.top_video .video_txt .txt dl dt{overflow: hidden; font-weight: bold; font-size: 1.667em;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7), -1px -1px 0 rgba(255, 255, 255, 0.7), 1px -1px 0 rgba(255, 255, 255, 0.7), -1px 1px 0 rgba(255, 255, 255, 0.7);}
.top_video .video_txt .txt dl dd{overflow: hidden; font-weight: 300; font-size:1.000em;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5), -1px -1px 0 rgba(255, 255, 255, 0.5), 1px -1px 0 rgba(255, 255, 255, 0.5), -1px 1px 0 rgba(255, 255, 255, 0.5);}
.top_video .video_txt .class{ width: 100%; height: 5vh; overflow-y:hidden; overflow-x: auto; display: flex; background: rgba(255, 255, 255, 0.2); position: absolute; z-index: 15; left: 0; right: 0; bottom:0;}
.top_video .video_txt .class::-webkit-scrollbar{display:none}
.top_video .video_txt .class a{ flex: 1 0 auto; color: #000;}
.top_video .video_txt .class dl{overflow: hidden; text-align: center; border-right: rgba(255, 255, 255, 0.1) 1px solid;}
.top_video .video_txt .class dl dt{overflow: hidden; height: 4.5vh; line-height:4.5vh;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3), -1px -1px 0 rgba(255, 255, 255, 0.3), 1px -1px 0 rgba(255, 255, 255, 0.3), -1px 1px 0 rgba(255, 255, 255, 0.3); font-size:0.833em; }
.top_video .video_txt .class dl dd{overflow: hidden; height: 0.5vh; background: rgba(255, 255, 255, 0); margin: 0 30%;}
.top_video .video_txt .class .on dd{background: rgba(255, 255, 255, 0.9);}
.top_video .video_txt .class a:last-child dl{border-right:none;}

/* 视频 */
.top_map_20vh{overflow: hidden; width: 100%; height: 20vh; position: absolute; z-index: 10; left: 0; right: 0; top:0;}
.top_map_100vh{overflow: hidden; width: 100%; height: 20vh; position: absolute; z-index: 10; left: 0; right: 0; top:0;}
.left_map_100vh{overflow: hidden; width: 100%; height: 100vh;}

.height_vh100{overflow: hidden; height:100vh; margin: 0;  position: absolute; z-index: 10; left: 0; right: 0; bottom:0;}
.height_vh80{overflow: hidden; height:80vh; margin: 20vh 0 0 0;  position: absolute; z-index: 10; left: 0; right: 0; bottom:0;}
.height_vh75{overflow: hidden; height:75vh;}

.height_vh75_scroll{ height:75vh; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.height_vh75_scroll::-webkit-scrollbar{display:none}
.height_vh80_scroll{ height:80vh; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.height_vh80_scroll::-webkit-scrollbar{display:none}
.height_vh90_scroll{ height:90vh; padding: 0 30px; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.height_vh90_scroll::-webkit-scrollbar{display:none}
.height_vh100_scroll{ height:100vh; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.height_vh100_scroll::-webkit-scrollbar{display:none;}

/* 布局 */
.all_vh100_100vw{overflow: hidden; height:100vh; width: 100vw; margin: 0;  position: absolute; z-index: 10; left: 0; right: 0; bottom:0;}
.all_vh10{overflow: hidden; height:10vh;}
.left_vh100_30{ height:100vh; width: 30%; float: left; }
.right_vh100_70{ height:100vh; width: 70%; float: right; }

.left_vh100_20{ height:100vh; width: 20%; float: left; }
.right_vh100_80{ height:100vh; width: 80%; float: right; }

.left_vh100_15{ height:100vh; width: 15%; float: left; overflow: hidden; }
.right_vh100_85{ height:100vh; width: 85%; float: right; }

.left_vh100_45{ height:100vh; width: 45%; float: left; overflow: hidden; }
.right_vh100_40{ height:100vh; width: 40%; float: right; overflow: hidden; }

.left_vh100_30_scroll{ height:100vh; width: 30%; float: left;  overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.left_vh100_30_scroll::-webkit-scrollbar{display:none}
.right_vh100_70_scroll{ height:100vh; width: 70%; float: right; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.right_vh100_70_scroll::-webkit-scrollbar{display:none}

.left_vh100_20_scroll{ height:100vh; width: 20%; float: left;  overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.left_vh100_20_scroll::-webkit-scrollbar{display:none}
.right_vh100_80_scroll{ height:100vh; width: 80%; float: right; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.right_vh100_80_scroll::-webkit-scrollbar{display:none}


.left_vh100_15_scroll{ height:100vh; width: 15%; float: left;  overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.left_vh100_15_scroll::-webkit-scrollbar{display:none}
.right_vh100_70_scroll{ height:100vh; width: 70%; float: right; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.right_vh100_70_scroll::-webkit-scrollbar{display:none}
.right_vh100_85_scroll{ height:100vh; width: 85%; float: right; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.right_vh100_85_scroll::-webkit-scrollbar{display:none}

.right_vh90_scroll{ height:90vh; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.right_vh90_scroll::-webkit-scrollbar{display:none}

/* 导航视频——图片 */
.navigation_video_img{overflow: hidden; position: relative; z-index: 1; height: 100vh;}
.navigation_video_img .img{overflow: hidden; height: 100vh;}
.navigation_video_img .video{overflow: hidden; height: 100vh;}
.navigation_video_img .txt{overflow: hidden; position: absolute; z-index: 1; left: 0; right: 0; top:10vh;}
.navigation_video_img .txt dl{overflow: hidden; margin: 0 20px; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.2), 1px -1px 0 rgba(255, 255, 255, 0.2), -1px 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.2); position: relative}
.navigation_video_img .txt dl:after {content: ""; position: absolute; top:0; left: 0; height: 2px; width: 30%; z-index: 1;}
.navigation_video_img .txt dl dt{overflow: hidden; margin: 20px 0 10px 0; font-weight: 300; font-size:1.333em; }
.navigation_video_img .txt dl dt b{overflow: hidden; font-weight: bold; font-family: "arial black";}
.navigation_video_img .txt dl dd{overflow: hidden; font-size: 12px; color: rgba(0, 0, 0, 0.3);}
.navigation_video_img .txt dl dd span{overflow: hidden; font-size: 12px;}
.navigation_video_img .txt dl dd a{color: rgba(0, 0, 0, 0.3);}

.navigation_video_img .txt ul{overflow: hidden; margin: 50px 10% 10px 20px; background:  rgba(0, 0, 0, 0.1);}
.navigation_video_img .txt ul li{overflow: hidden; color: rgba(0, 0, 0, 0.5); border-bottom: rgba(0, 0, 0, 0.03) 1px solid;  border-left: rgba(0, 0, 0, 0.03) 1px solid;  border-right: rgba(0, 0, 0, 0.03) 1px solid; padding: 20px 20px 20px 10px; position: relative }
.navigation_video_img .txt ul li:after {content: "\e6a0"; position: absolute; right: 10px; top:calc(50% - 10px); z-index: 1; color:#c8c7cc; font-family: "iconfont" !important; font-size: 20px; line-height: 20px; font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.navigation_video_img .txt ul li span{overflow: hidden; font-size: 12px;}
.navigation_video_img .txt ul li a{color: rgba(0, 0, 0, 0.3);}
.navigation_video_img .txt ul .on{color: #0d0d0d;}
.navigation_video_img .txt ul .on:after{color: #0d0d0d;}

.navigation_video_img .description{overflow: hidden; position: absolute; z-index: 1; left: 0; right: 0; bottom:5vh;}
.navigation_video_img .description p{ margin: 0 20px; }
/* 新闻导航 */
.news_all{overflow: hidden;  position: relative; z-index: 1; height: 100vh; border-right: rgba(0, 0, 0, 0.03) 1px solid;}
.news_all .news_list{overflow: hidden;  margin: 10vh 0 0 0 ;}
.news_all .news_list dl{overflow: hidden; margin: 0 30px; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.2), 1px -1px 0 rgba(255, 255, 255, 0.2), -1px 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 0 rgba(255, 255, 255, 0.2); position: relative}
.news_all .news_list dl:after {content: ""; position: absolute; top:0; left: 0; height: 2px; width: 20%; z-index: 1;}
.news_all .news_list dl dt{overflow: hidden; margin: 20px 0 0 0; padding: 0 0 50px 0; border-bottom: rgba(0, 0, 0, 0.03) 1px solid; font-weight: 300; font-size:1.2em; }
.news_all .news_list dl dt b{overflow: hidden; font-weight: bold; font-family: "arial black";}
.news_all .news_list dl dd{overflow: hidden; color: rgba(0, 0, 0, 0.3); border-bottom: rgba(0, 0, 0, 0.03) 1px solid;  border-left: rgba(0, 0, 0, 0.03) 1px solid;  border-right: rgba(0, 0, 0, 0.03) 1px solid; padding: 20px; position: relative }
.news_all .news_list dl dd:after {content: "\e6a0"; position: absolute; right: 10px; top:calc(50% - 10px); z-index: 1; color:#c8c7cc; font-family: "iconfont" !important; font-size: 20px; line-height: 20px; font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.news_all .news_list dl dd span{overflow: hidden; font-size: 12px;}
.news_all .news_list dl dd a{color: rgba(0, 0, 0, 0.3);}
.news_all .news_list dl .on{color: #0d0d0d;}
.news_all .news_list dl .on:after{color: #0d0d0d;}

/* 新闻列表 */
.all_body{overflow: hidden;  position: relative; z-index: 1; height: 100vh; border-right: rgba(0, 0, 0, 0.03) 1px solid;}
.all_body .title{overflow: hidden; text-align: right; margin: 50px 30px 20px 30px;}
.all_body .title dl{overflow: hidden;}
.all_body .title dl dt{overflow: hidden;letter-spacing: 5px; font-size:2.5em; line-height:1.2em; font-weight: bold; font-family: "arial black"; }
.all_body .title dl dd{overflow: hidden; font-weight: 300; padding: 0 10px; font-size:0.6em;color: rgba(0, 0, 0, 0.7);}
.all_body .title dl dd span{font-size:0.8em; font-weight: 300;}
.all_body .content{margin: 10px 30px;}
.all_body .description{overflow: hidden; background:rgba(0, 0, 0, 0.03); margin: 10px 30px; padding: 20px; font-weight: 300;}
/* 导航——列表 */
.navigation_list{overflow: hidden; position: relative;}
.navigation_list .navigation_top{overflow: hidden; position: absolute; z-index: 1; left: 0; right: 0; top:10vh;}
.navigation_list .navigation_top dl{overflow: hidden; margin: 0 20px; text-shadow: -1px -1px 0 rgba(255, 255, 255, 1), 1px -1px 0 rgba(255, 255, 255, 1), -1px 1px 0 rgba(255, 255, 255, 1), 1px 1px 0 rgba(255, 255, 255, 1); position: relative}
.navigation_list .navigation_top dl:after {content: ""; position: absolute; top:0; left: 0; height: 2px; width: 30%; z-index: 1; background: #00a31b;}
.navigation_list .navigation_top dl dt{overflow: hidden; margin: 20px 0 10px 0; font-weight: 300; font-size:1.333em; }
.navigation_list .navigation_top dl dt b{overflow: hidden; font-weight: bold; font-family: "arial black";}
.navigation_list .navigation_top dl dd{overflow: hidden; font-size: 12px; color: rgba(0, 0, 0, 0.3);}
.navigation_list .navigation_top dl dd span{overflow: hidden; font-size: 12px;}
.navigation_list .navigation_top dl dd a{color: rgba(0, 0, 0, 0.3);}
.navigation_list .list{overflow: hidden; position: absolute; z-index: 1; left: 0; right: 0; bottom:0;}
/* 联系我迷 */
.contact{overflow: hidden; margin: 10vh 10% 0 10%; width: 70%;}
.contact h1{overflow: hidden;font-weight: bold; font-size: 2.5em; line-height:1.5em; margin: 0 0 10px 0;}
.contact h4{overflow: hidden; font-weight: 300; font-size: 1.2em; color: rgba(0, 0, 0, 0.3); margin: 0 0 30px 0;}
.contact .dl_dt_dd{overflow: hidden;}
.contact .dl_dt_dd dl{overflow: hidden; font-weight: 300; margin: 30px 0 10px 0; line-height: 30px;}
.contact .dl_dt_dd dl dt{overflow: hidden;color: rgba(0, 0, 0, 0.6);  font-size: 16px; margin: 0 0 20px 0;}
.contact .dl_dt_dd dl dt span{overflow: hidden;color: rgba(0, 0, 0, 0.6); font-size: 16px;}
.contact .dl_dt_dd dl dd{overflow: hidden; font-size: 25px; font-weight: 400; margin: 0 0 50px 0;}
.contact .qr_code{overflow: hidden;}
.contact .qr_code dl{overflow: hidden; width: calc(20% - 10px); margin: 10px 10px 10px 0; float: left;}
.contact .qr_code dl dt{overflow: hidden; margin: 0 0 10px 0;}
.contact .qr_code dl dd{overflow: hidden;}
.contact .qr_code dl dd span{overflow: hidden;}

/* 搜索 */
.navigation{overflow: hidden; width:calc(100% - 20px); height:calc(5vh - 20px); margin: 10px;}
.navigation .guide{overflow: hidden; float: left; width: 50%; line-height: 4vh; font-size: 12px; font-weight: 300;}
.navigation .guide a{overflow: hidden; color: rgba(0, 0, 0, 0.3); }
.navigation .guide .icon-right ,.navigation .guide .icon-shouyefill{color: rgba(0, 0, 0, 0.3); font-size: 12px; font-weight: 300;}
.navigation .guide span{font-size: 12px; font-weight: 300;}
.navigation .search{overflow: hidden; float: right; width: 50%;}
.navigation .search dl{overflow: hidden; position: relative; background: #f7f7f7 ; padding: 10px 0; height:calc(5vh - 40px); border-radius: 5vh;}
.navigation .search dl dt{overflow: hidden; float: left; width: 90%;}
.navigation .search dl dt input{overflow: hidden; border: none; font-size: 16px; font-weight: 300; padding:0 10px; margin: 0; background: none;  width: 100%;}
.navigation .search dl dd{overflow: hidden; position: absolute; z-index: 1; right:20px; top:5px;}
.navigation .search dl dd span{font-size: 25px; color: #000; line-height: 30px; }
/* 产品列表 */
.list_img_txt{overflow: hidden;border-top:  1px rgba(0, 0, 0, 0.03) solid;}
.list_img_txt .list{overflow: hidden; float: left; width: calc(33.3% - 1px); border-bottom:  1px rgba(0, 0, 0, 0.03) solid; border-right: 1px rgba(0, 0, 0, 0.03) solid; display: inline-block; position: relative;}
.list_img_txt .list .img{overflow: hidden; width: 80%; padding: 10%;}
.list_img_txt .list .txt{overflow: hidden;}
.list_img_txt .list .txt dl{overflow: hidden; padding: 10px; line-height: 1.2em; font-weight: 300;}
.list_img_txt .list .txt dl dt{overflow: hidden; margin: 0 0 5px 0; font-size:1em;height: 40px;}
.list_img_txt .list .txt dl dd{overflow: hidden; font-size:0.8em;}
.list_img_txt .list .txt dl dd span{font-size:0.9em; font-weight: 300;}
.list_img_txt .list .brand_img{overflow: hidden; position: absolute; width: 38px; height: 38px; z-index: 1; top:10px; left: 10px; border: rgba(0, 0, 0, 0.03) 1px solid; border-radius: 5px;}
.list_img_txt .list:nth-child(3n){width: 33.3%; border-right:none;}
.list_img_txt .list:hover .img{animation:myfirst 2s;}
/* 产品内容 */
.product_left{overflow: hidden;  position: relative; z-index: 1; height: 100vh; border-right: rgba(0, 0, 0, 0.03) 1px solid;}
.product_top{overflow: hidden;  height: 50vh; position: relative; }
.product_top .product_url{overflow: hidden; position: absolute; z-index: 1; left: 10%; right:10%; top:25%; bottom: 10%}
.product_top .product_title{overflow: hidden; position: absolute; z-index: 20; left: 10%; top:10vh;}
.product_top .product_title ul{overflow: hidden; font-weight: 300;}
.product_top .product_title ul li{overflow: hidden; margin: 0 0 10px 0;}
.product_top .product_title ul li samp{overflow: hidden;text-transform: uppercase;font-weight: bold; font-family: "arial black"; font-size: 3em; line-height: 1em;}
.product_top .product_title ul li b{overflow: hidden;text-transform: uppercase;font-weight: bold; font-family: "arial black";}

.product_top  .consult{overflow: hidden; position: absolute; z-index: 2;  right:3%;  top: 20%}
.product_top  .consult dl{overflow: hidden; float: left; text-align: center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 1), -1px -1px 0 rgba(255, 255, 255, 1), 1px -1px 0 rgba(255, 255, 255, 1), -1px 1px 0 rgba(255, 255, 255, 1); margin: 0 0 0 30px;}
.product_top  .consult dl dt{height: 40px; margin: 0 0 5px 0;}
.product_top  .consult dl dt svg{overflow: hidden; margin: 0; padding: 0;}
.product_top  .consult dl dt span{font-size:40px; font-weight: 300; line-height: 40px;}
.product_top  .consult dl dd{overflow: hidden; font-size: 14px; font-weight: bold;}

.product_bottom{ height: 50vh; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.product_bottom::-webkit-scrollbar{display:none}
.product_bottom h1{font-size:1.5em; margin: 50px 30px 10px 30px; line-height: 1em;}
.product_bottom h1 span{font-size:0.8em; font-weight: 300;}
.product_bottom .content{margin: 10px 30px 10px 30px;}

/*首页广告*/
.ad_all{overflow: hidden; width:100%; height: 100%; position: relative;}
.ad_all .background_img{position: absolute; z-index: 1; bottom:0; left: 0; right: 0; }
.ad_all .ad_product_img{position: absolute; z-index: 10; top:10%; left: 20%; right: 20%; }
.ad_all .ad_brand{position: absolute; z-index: 20; top:3%; left: 5%; width: 10%;}
.ad_all .ad_brand img{width: 100%; }

.ad_all .backdrop_all{position: absolute;z-index: 5; bottom:0; left: 0; right: 0; top:0 ;}
.ad_all .backdrop_all .backdrop_model{overflow: hidden; width: 100%; height: 100%;display: flex;justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */white-space: nowrap;position: relative; line-height:17em;}
.ad_all .backdrop_all .backdrop_model p {text-transform: uppercase;font-weight: bold; font-family: "arial black"; font-size: 17em; color: rgba(255, 255, 255, 0.08); display: inline-block; position: absolute; white-space: nowrap;}

.ad_all .ad_title{position: absolute; z-index: 20; top:3%; right: 5%; width: 30%;}
.ad_all .ad_title .img{width: 60%; margin: 0 0 0 40%;}
.ad_all .ad_title .text{overflow: hidden;margin: 0 0 30px 0;}
.ad_all .ad_title .text dl{text-align: right;}
.ad_all .ad_title .text dl dt{font-weight: 400; line-height: 1.5em; font-size: 1.2em; margin: 0 0 10px 0;}
.ad_all .ad_title .text dl dd{font-weight: 300; line-height: 0.7em; font-size:0.7em; color: rgba(255, 255, 255, 0.5)}
.ad_all .ad_title .txt{overflow: hidden;margin: 80px 0 0 0;}
.ad_all .ad_title .txt dl{text-align: right;}
.ad_all .ad_title .txt dl dt{font-weight: bold; line-height: 1em; font-size: 2.5em; margin: 0 0 10px 0;text-transform: uppercase; font-family: "arial black";}
.ad_all .ad_title .txt dl dd{font-weight: 300; line-height: 1em; font-size:1em; color: rgba(255, 255, 255, 0.5)}

.ad_product_list{position: absolute; z-index: 30; bottom:3%; left: 5%; width: 40%;}
.ad_product_list dl{border:#0d0d0d dashed 1px; float: left; width:  calc(33.3% - 42px); background: rgba(255, 255, 255, 0.03); border-radius: 10px; margin: 0 20px 0 0; padding: 10px;}
.ad_product_list dl dt{overflow: hidden;}
.ad_product_list dl dd{overflow: hidden; font-weight: 300; margin: 0 0 10px 0}
.ad_product_list dl dd b{overflow: hidden; font-size: 20px;}

.argument{ position: relative; z-index: 1; height: 100vh; overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none;}
.argument::-webkit-scrollbar{display:none}
.argument h1{font-size:1.5em; margin: 10vh 30px 10px 30px; line-height: 1em;}
.argument h1 span{font-size:0.8em; font-weight: 300;}

.argument .table{overflow: hidden; margin: 10px 30px 0 30px; font-size: 16px; font-weight: 300; color: rgba(0, 0, 0, 0.6); border-right: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; border-bottom:1px solid #f7f7f7;}
.argument .table .tr{overflow: hidden; padding:5px 10px; border-top: 1px solid #f7f7f7;}

.argument .table .th{overflow: hidden; border-top: 1px solid #f7f7f7;}
.argument .table .th dl{overflow: hidden;}
.argument .table .th dl dt{overflow: hidden; width: calc(30% - 20px); float: left; padding:5px 10px;text-overflow: ellipsis; white-space: nowrap;}
.argument .table .th dl dd{overflow: hidden; width: calc(70% - 1px); float: left; border-left: 1px solid #f7f7f7;}
.argument .table .th dl dd p{padding:5px 10px;}
.argument .table .th dl dd ul{overflow: hidden;}
.argument .table .th dl dd ul li{overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: calc(50% - 20px); border-top: 1px solid #f7f7f7;  float: left;padding:5px 10px;}
.argument .table .th dl dd ul li:nth-child(odd){}
.argument .table .th dl dd ul li:nth-child(even){width: calc(50% - 21px); padding:5px 10px; border-left: 1px solid #f7f7f7;}
.argument .table .th dl dd ul li:nth-child(1){border-top:none;}
.argument .table .th dl dd ul li:nth-child(2){border-top:none;}

.argument .table .td{overflow: hidden;}


.backdrop_text{overflow: hidden; width: 100%; height: 100%;display: flex;justify-content: flex-end; /* 水平居中 */ align-items: flex-end; /* 垂直居中 */white-space: nowrap;position: relative; line-height:17em; }
.backdrop_text p {text-transform: uppercase;font-weight: bold; font-family: "arial black"; font-size: 17em; color: rgba(0, 0, 0, 0.03); display: inline-block; position: absolute; white-space: nowrap;}



.height_vh100 .product_content_txt{overflow: hidden; position: absolute; z-index: 2; height: 20%; left: 20%; right:20%; bottom: 0}
.height_vh100 .product_content_txt dl{overflow: hidden; text-align: center;}
.height_vh100 .product_content_txt dl dt{font-weight: 300; margin: 50px 0 20px 0;}
.height_vh100 .product_content_txt dl dd{font-weight: 300;}
.height_vh100 .product_content_txt dl dd span{font-size:2em; font-weight: 300;}

.height_vh100 .product_content_txt dl dd .icon-unfold { display: inline-block;animation: moveUpDown 2s ease-in-out infinite;}
@keyframes moveUpDown {
    0% {transform: translateY(0);}
    50% {transform: translateY(-10px); /* 上移10px */}
    100% {transform: translateY(0);}
}


/* 新闻列表 */
.list_txt{overflow: hidden; border-top:  1px rgba(0, 0, 0, 0.03) solid; column-count: 3; column-gap: 0;}
.list_txt .list{overflow: hidden; display: inline-block; padding: 20px; border-bottom:  1px rgba(0, 0, 0, 0.03) solid; border-right: 1px rgba(0, 0, 0, 0.03) solid; position: relative; width: calc(100% - 41px);}
.list_txt .list dl{padding: 10px;}
.list_txt .list dl dt{ font-size: 18px; margin: 0 0 10px 0; color: rgba(0, 0, 0, 0.8);}
.list_txt .list dl dd{ font-weight: 300; margin: 10px 0 0 0;font-size: 16px;color: rgba(0, 0, 0, 0.7)}
.list_txt .list dl dd span{}
.list_txt .list dl dd .icon-riqi{font-size: 12px;color: rgba(0, 0, 0, 0.5)}
.list_txt .list ul{overflow: hidden; font-weight: 300; margin: 10px 0 0 0; padding: 10px 0 0 0;border-top:  1px rgba(0, 0, 0, 0.03) solid;}
.list_txt .list ul li{width: 50%; float: left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.list_txt .list ul li span{font-size: 12px;color: rgba(0, 0, 0, 0.5)}
.list_txt .list ul li .icon-right{color: rgba(0, 0, 0, 0.4)}
.list_txt .list ul li:nth-child(odd){}
.list_txt .list ul li:nth-child(even){text-align: right;}

@keyframes myfirst { 0%   {padding: 10%;width: 80%;} 100% {padding: 5%;width: 90%;} }
/* 内容 左右 */
.left_vw_70{overflow: hidden; width: calc(70% - 15%); margin:0 5% 0 10%; float: left;}
.left_vw_70 .title{overflow: hidden; text-align: right; margin: 50px 0 20px 0;}
.left_vw_70 .title dl{overflow: hidden;}
.left_vw_70 .title dl dt{overflow: hidden;letter-spacing: 5px; font-size:2.5em; line-height:1.2em; font-weight: bold; font-family: "arial black"; }
.left_vw_70 .title dl dd{overflow: hidden; font-weight: 300; padding: 0 10px; font-size:0.6em;color: rgba(0, 0, 0, 0.7);}
.left_vw_70 .title dl dd span{font-size:0.8em; font-weight: 300;}

.left_vw_70 .description{overflow: hidden; background:rgba(0, 0, 0, 0.03); margin: 10px; padding: 10px; font-weight: 300;}

.content{overflow: hidden; font-size: 16px; line-height: 25px; color: rgba(0, 0, 0, 0.8); padding: 10px;}
.content h1,.left_vw_70 .content h2,.left_vw_70 .content h3 {text-align: center; margin: 0 0 20px 0;}
.content img {width:100%; height:auto;padding: 0;margin: 0; display:block;vertical-align:top;overflow: hidden;}
.content p {margin: 10px 0 0 0;text-indent: 30px; padding:0;}
.content table{overflow: hidden; width: 100%; height: auto; background: #faf8f8; margin: 20px 0 0 0; font-size: 12px; font-weight: 300;}
.content b{color: rgba(0, 0, 0, 1); }
.content h1{color: rgba(0, 0, 0, 1);}
.content table tr{overflow: hidden; padding: 0; margin: 0;}
.content table tr th{overflow: hidden; padding: 5px; margin: 0;}
.content table .firstRow{background:rgba(0, 0, 0, 0.01); font-weight: bold;}
.content .video{overflow: hidden; width: 100%; height: auto}
.content .video video{overflow: hidden; width: 100%; height: auto; background: #000}
.content video{overflow: hidden; width: 100%; height: auto; background: #000; margin: 0; padding: 0;}
.content .voice{overflow: hidden; width: calc(100% - 20px); height: auto; margin:10px;}
.content .voice voice{overflow: hidden; width: 100%; height: auto; margin:0 auto;}
.content  voice{overflow: hidden; width: 100%; height: auto; margin:0 auto; padding: 0;}


/* 联系 左右 */
.left_vw_70_5{overflow: hidden; width: calc(70% - 60px); margin:50px 30px 0 30px; float: left;}
.left_vw_70_5 .left_30{overflow: hidden; width:30%; float: left;}
.left_vw_70_5 .left_30 dl{}
.left_vw_70_5 .left_30 dl dt{font-size: 1.5em; margin: 0 0 20px 0;}
.left_vw_70_5 .left_30 dl dt b{font-weight: bold; font-family: "arial black";}
.left_vw_70_5 .left_30 dl dd{font-weight: 300;}
.left_vw_70_5 .left_70{overflow: hidden; width: calc(70% - 21px); margin: 0 0 0 10px; padding:0 0 0 10px; border-left: rgba(0, 0, 0, 0.03)  1px solid; float: left;}
.left_vw_70_5 .left_70 h1{overflow: hidden;font-weight: bold; font-size: 1.5em; line-height:1em; margin: 0 0 10px 0;}
.left_vw_70_5 .left_70 h4{overflow: hidden; font-weight: 300; font-size: 0.8em; color: rgba(0, 0, 0, 0.3); margin: 0 0 30px 0;}
.left_vw_70_5 .left_70 .contact_us{overflow: hidden;}
.left_vw_70_5 .left_70 .contact_us dl{overflow: hidden; font-weight: 300; margin: 10px 0; line-height: 30px;}
.left_vw_70_5 .left_70 .contact_us dl dt{overflow: hidden; width:30%; float: left;color: rgba(0, 0, 0, 0.6);}
.left_vw_70_5 .left_70 .contact_us dl dt span{overflow: hidden;color: rgba(0, 0, 0, 0.6);}
.left_vw_70_5 .left_70 .contact_us dl dd{overflow: hidden; width: calc(70% - 20px); margin: 0 0 0 10px; padding:0 0 0 10px; float: left;}

.left_vw_70_5 .left_70 .qr_code{overflow: hidden;}
.left_vw_70_5 .left_70 .qr_code dl{overflow: hidden; width: calc(33.3% - 10px); margin: 10px 10px 10px 0; float: left;}
.left_vw_70_5 .left_70 .qr_code dl dt{overflow: hidden; margin: 0 0 10px 0;}
.left_vw_70_5 .left_70 .qr_code dl dd{overflow: hidden;}
.left_vw_70_5 .left_70 .qr_code dl dd span{overflow: hidden;}

.right_vw_30{overflow: hidden; width: 30%; float: right;}


/*分页*/
.page_list{overflow: hidden; width: calc(100% - 120px); border-top:rgba(0, 0, 0, 0.03) 1px solid; line-height: 10vh;}
.page_list ul{overflow: hidden;}
.page_list ul li{overflow: hidden; text-align: center; float: left; width: calc(8.32% - 1px); border-right:  rgba(0, 0, 0, 0.03) 1px solid; color: rgba(0, 0, 0, 0.3)}
.page_list ul .on{font-weight: bold; color: rgba(0, 0, 0,1)}

/*聊天*/
.sms{overflow: hidden; border-left: rgba(0, 0, 0, 0.08) 1px solid;}
.sms .sms_list{overflow: hidden; padding: 10px 0 0 0; height: calc(100vh - 35vh); overflow-y: scroll; overflow-x: scroll; -ms-overflow-style: none; overflow: -moz-scrollbars-none; position: relative;}
.sms .sms_list::-webkit-scrollbar{display:none}
.sms .sms_list .list{overflow: hidden; position: relative; padding:10px 10px 0 10px;}
.sms .sms_list .list .txt{overflow: hidden; margin: 0 55px; text-shadow:none;}
.sms .sms_list .list .txt .name{overflow: hidden; color: #9da1bb; font-weight: 300;  font-size: 12px; }
.sms .sms_list .list .txt .substance{overflow: hidden; border-radius: 5px; padding: 10px; font-size: 14px; line-height: 20px;}
.sms .sms_list .list .txt .substance p{overflow: hidden; padding: 0 0 10px 0;}
.sms .sms_list .list .txt .substance .pid{overflow: hidden;  background: #fff; position: relative; padding: 5px;}
.sms .sms_list .list .txt .substance .pid .pic{overflow: hidden; width: 40px; height: 40px; z-index: 1; position: absolute; top:5px; left: 5px;}
.sms .sms_list .list .txt .substance .pid .word{overflow: hidden;margin: 0 0 0 50px;}
.sms .sms_list .list .txt .substance .pid .word dl{overflow: hidden;}
.sms .sms_list .list .txt .substance .pid .word dl dt{overflow: hidden;text-overflow:ellipsis; white-space: nowrap; color:#323232;}
.sms .sms_list .list .txt .substance .pid .word dl dd{overflow: hidden;color: #939393; text-overflow:ellipsis; white-space: nowrap;}
.sms .sms_list .list .txt .substance .pid .word dl dd span{font-size: 14px; color:#C3C3C3;}
.sms .sms_list .list .txt .substance .mid{overflow: hidden;  background: #fff; position: relative; padding: 5px;}
.sms .sms_list .list .txt .substance .mid .pic{overflow: hidden; width: 60px; height: 60px; z-index: 1; position: absolute; top:5px; left: 5px;}
.sms .sms_list .list .txt .substance .mid .word{overflow: hidden;margin: 0 0 0 70px;}
.sms .sms_list .list .txt .substance .mid .word dl{overflow: hidden;}
.sms .sms_list .list .txt .substance .mid .word dl dt{overflow: hidden;text-overflow:ellipsis; white-space: nowrap; color:#323232;}
.sms .sms_list .list .txt .substance .mid .word dl dd{overflow: hidden;color:#939393; text-overflow:ellipsis; white-space: nowrap; float: left ; width: 50%;}
.sms .sms_list .list .txt .substance .mid .word dl dd span{font-size: 14px; color:#C3C3C3;}
.sms .sms_list .left .txt .substance{background:#e7e4fb; color: #323232;}
.sms .sms_list .left .txt .substance .sms_login{overflow: hidden; margin: 10px 0 0 0; font-size: 12px; color: #ff0000;}
.sms .sms_list .list .txt .substance .sms_login span{font-size: 12px; font-weight: 300; color:#ff0000;}

.sms .sms_list .right .txt .substance{background: #a3a7d5; color: #fff;}
.sms .sms_list .list .txt .substance img{overflow: hidden; width: 100%;}
.sms .sms_list .list .txt .substance .video{overflow: hidden; width: 100%;}
.sms .sms_list .list .txt .substance .voice{overflow: hidden; width: 100%;}
.sms .sms_list .list .txt .chart{overflow: hidden; border-radius: 5px; padding: 10px; font-size: 14px; line-height: 20px;}
.sms .sms_list .left .txt .chart{background: #E6E6E6}
.sms .sms_list .right .txt .chart{background: #a3a7d5}
.sms .sms_list .list .triangle{position: absolute; z-index: 1; top:20px; width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
.sms .sms_list .left .triangle{border-right: 8px solid #e7e4fb; left: 57px;}
.sms .sms_list .right .triangle{border-left: 8px solid #a3a7d5; right: 57px;}
.sms .sms_list .list .img{overflow: hidden; width: 35px; height: 35px; border-radius: 3px; position: absolute; z-index: 1; top:12px;}
.sms .sms_list .left .img{ left: 10px;}
.sms .sms_list .right .img{ right:10px;}

.sms .push_sms {overflow: hidden; height: 59px; border-top: rgba(214, 214, 249, 0.8)  1px solid;}
.sms .push_sms dl{overflow: hidden; margin: 10px 120px 10px 10px;}
.sms .push_sms dl dt{overflow: hidden; float: left; width: 80%;}
.sms .push_sms dl dt input{overflow: hidden; float: left; width:calc( 100% - 30px); line-height: 20px; margin: 0 10px 0 0; padding: 9px; border-radius: 5px; border: #dedeef 1px solid;}
.sms .push_sms dl dd{overflow: hidden; float: right; width: 20%;text-shadow: 0 1px 0 #5761b0; color: #fff; background: #5761b0; border-radius: 5px; text-align: center; text-overflow:ellipsis; white-space: nowrap; font-weight: bold; padding: 10px 0;}


/*弹窗*/
.window_l_300px{position: fixed; color: #121212; top:0; left: 300px; right: 0; bottom: 0; width: calc(100vw - 300px); height: 100vh; z-index:88888; display: none;}

.whole_vh100_m_l_300px{overflow: hidden; height:100vh; position: absolute;width:  calc(87vw - 300px);background: #fff; z-index: 1; top:0; right: 0; bottom:0; }
.whole_vh100_m_l_300px .product_content{overflow: hidden; height:90vh;}
.whole_vh100_m_l_300px .product_content .content_left{overflow: hidden; float: left;width:  calc(67vw - 300px);}
.whole_vh100_m_l_300px .product_content .content_right{overflow: hidden; float: right; width: 20vw;}

.whole_vh100_m_l_300px .product_content .height_vh90_scroll h1{font-size:1.5em; margin: 50px 10px 10px 10px; line-height: 1em;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll h1 span{font-size:0.8em; font-weight: 300;}


.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table{overflow: hidden; margin: 10px 0 0 0; font-size: 16px; font-weight: 300; color: rgba(0, 0, 0, 0.6); border-right: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; border-bottom:1px solid #f7f7f7;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .tr{overflow: hidden; padding:5px 10px; border-top: 1px solid #f7f7f7;}

.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th{overflow: hidden; border-top: 1px solid #f7f7f7;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl{overflow: hidden;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dt{overflow: hidden; width: calc(30% - 20px); float: left; padding:5px 10px;text-overflow: ellipsis; white-space: nowrap;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dd{overflow: hidden; width: calc(70% - 1px); float: left; border-left: 1px solid #f7f7f7;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dd p{padding:5px 10px;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dd ul{overflow: hidden;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dd ul li{overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width: calc(50% - 20px); border-top: 1px solid #f7f7f7;  float: left;padding:5px 10px;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dd ul li:nth-child(odd){}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dd ul li:nth-child(even){width: calc(50% - 21px); padding:5px 10px; border-left: 1px solid #f7f7f7;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dd ul li:nth-child(1){border-top:none;}
.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .th dl dd ul li:nth-child(2){border-top:none;}

.whole_vh100_m_l_300px .product_content .height_vh90_scroll .table .td{overflow: hidden;}

.whole_vh100_m_l_300px .product_content .content_right .sms .sms_list{height: calc(90vh - 79px);}
.whole_vh100_m_l_300px .product_content .content_right .sms .push_sms dl{margin: 10px 10px 10px 10px;}

.whole_vh100_m_l_300px .product_content_bottom{overflow: hidden; height:calc(10vh - 1px);border-top: rgba(0, 0, 0, 0.03) 1px solid;}
.whole_vh100_m_l_300px .product_content_bottom dl{overflow: hidden; text-align: center;}
.whole_vh100_m_l_300px .product_content_bottom dl dt{font-weight: 300; margin: 30px 0 20px 0;}
.whole_vh100_m_l_300px .product_content_bottom dl dd{font-weight: 300;}
.whole_vh100_m_l_300px .product_content_bottom dl dd span{font-size:2em; font-weight: 300;}
.whole_vh100_m_l_300px .product_content_bottom dl dd .icon-fold { display: inline-block;animation: moveUpDown 2s ease-in-out infinite;}

/* 3d模型 */
.three_content{overflow: hidden; height: 90vh; width: calc(67vw - 300px); position: relative;}

.process_3d{overflow: hidden; padding: 0; margin: 0; display: none; position: absolute; top: 40%; left: 0; right:0; z-index: 1; border-radius: 10px; color: #fff; text-align: center;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%, rgba(2255,255,255,0) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.65) 0%,rgba(255,255,255,0) 100%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.65) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00ffffff',GradientType=1 );
}
.process_3d dl{overflow: hidden; padding: 20px 10px; text-shadow: 0 1px 0 #000;}
.process_3d dl dt{overflow: hidden; font-weight: bold; margin: 0 0 10px 0; font-size: 16px; text-overflow:ellipsis; white-space: nowrap;}
.process_3d dl dd{overflow: hidden; font-size: 10px; color: #ccc;}
.process_3d dl dd b{overflow: hidden; font-size: 12px; color: #83ff49}

.three_content .canvas{overflow: hidden; width:calc(67vw - 300px); height:90vh; display: flex; justify-content: center; align-items: center;}
.three_content #info{ width:calc(67vw - 300px);  height:90vh; margin: 0; padding: 0;}
.three_content #character_canvas {width:calc(67vw - 300px); height: 90vh; margin: 0; padding: 0;}
.three_content #container {width:calc(67vw - 300px); height: 90vh; margin: 0; padding: 0;}
/*3D 加载*/
.whole_vh100_m_l_300px .product_title{overflow: hidden; position: absolute; z-index: 20; left: 5%; top:10vh;}
.whole_vh100_m_l_300px .product_title ul{overflow: hidden; font-weight: 300;}
.whole_vh100_m_l_300px .product_title ul li{overflow: hidden; margin: 0 0 10px 0;}
.whole_vh100_m_l_300px .product_title ul li samp{overflow: hidden;text-transform: uppercase;font-weight: bold; font-family: "arial black"; font-size: 3em; line-height: 1em;}
.whole_vh100_m_l_300px .product_title ul li b{overflow: hidden;text-transform: uppercase;font-weight: bold; font-family: "arial black";}