@charset "utf-8";
html{ scroll-behavior: smooth; }
.content{ max-width: 1400px; height: auto; margin: 0 auto; box-sizing: border-box;}
img {max-width: 100%;}
.table{ display:table; width:100%; height:100%;}
.table .cell{ display:table-cell; text-align:center; vertical-align:middle;}
.smallest-screen {position: fixed;z-index: 999999;width: 100%;height: 100%;background: url(../images/displaynone.png) no-repeat center #666;display: none;}
@media only screen and (max-width : 319px) {
.smallest-screen {display: block;} /*判断屏幕小于319px隐藏显示网站*/
}
.white{ color:#fff !important;}
.webmain{ overflow:hidden; min-width: 1400px; }
.tishi{ text-align: center; color: #999; font-size: 14px; width: 100%; }
.oneh{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webshow{ display: block !important; }
.wapshow{ display: none !important; }

.textline1{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.textline2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.textline3{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.textline4{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.textline5{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.middle_holder {display: inline-block;font-size: 0;width: 0;height: 50px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { position: relative; width: 27px; cursor: pointer; display: inline-block; margin-right: 10px; vertical-align: middle; top: -2px; }
.nav_handle b { width: 27px; height: 10px; position: relative; }
.nav_handle b i { display: block; position: absolute; left: 0; right: 0; height: 2px; background-color: #fff; top: 0; -webkit-transform-origin: 29% 50%; transform-origin: 29% 50%;  transition: all .3s ease; -webkit-transition: all .3s ease; }
.nav_handle b .l_2 { top: auto; bottom: 0; }
.nav_handle.on b i{transform: rotate(45deg); background: #fff;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ position: relative; overflow: hidden; text-align: center; }
.banner img { width: 1920px; height: 100vh; max-width: initial; }
.banner .swiper-slide .index_video{ width: 100%; height: 100vh; object-fit: cover; z-index: 7; }
.banner .swiper-slide .fgc{ position: absolute; box-sizing: border-box; width: 100%; left: 0; top: 0; height: 100%; z-index: 8; color: #fff; background: rgba(0,0,0,.5); }
.banner .swiper-slide .fgc .wznr{ position: absolute; width: 100%; padding: 0 40px; box-sizing: border-box; left: 0; bottom: 85px; }
.banner .swiper-slide .fgc .stit{ text-align: left; font-size: 12px; opacity: 0; transition: .6s ease .3s; transform: translateY(50px);margin-bottom: 10px; }
.banner .swiper-slide .fgc .tit{ text-align: left; font-size: 50px; line-height: 50px; font-weight: 500; transition: .6s ease .6s; transform: translateY(50px); opacity: 0; margin-bottom: 10px; }
.banner .swiper-slide .fgc .jj{ text-align: left; font-size: 16px; transition: .6s ease .9s; transform: translateY(50px); opacity: 0; margin-bottom: 25px; }
.banner .swiper-slide .fgc .ann{ text-align: left; transition: .6s ease 1.2s; transform: translateY(50px); opacity: 0;}
.banner .swiper-slide .fgc .ann a{ display: inline-block; width: 100px; line-height: 30px; border: 1px solid #fff; border-radius: 15px; text-align: center; font-size: 12px; color: #fff; }
.banner .swiper-slide .fgc .ann a:hover{ background: #fff; color: #000; }
.banner .swiper-slide.swiper-slide-active .fgc .stit{ opacity: 1; transform: translateY(0); }
.banner .swiper-slide.swiper-slide-active .fgc .tit{ opacity: 1; transform: translateY(0); }
.banner .swiper-slide.swiper-slide-active .fgc .jj{ opacity: 1; transform: translateY(0); }
.banner .swiper-slide.swiper-slide-active .fgc .ann{ opacity: 1; transform: translateY(0); }
.banner .banner-left{ display: none; opacity: 0; display: block; position: absolute; font-size: 30px; color: #fff; left: 40px; top: 50%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; z-index: 7; transition: all .5s; }
.banner .banner-right{ display: none; opacity: 0; display: block; position: absolute; font-size: 30px; color: #fff; right: 40px; top: 50%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; z-index: 7; transition: all .5s; }
.banner .banner-left:hover,.banner .banner-right:hover{ opacity: 1; color: #000; }
.banner:hover .banner-left,.banner:hover .banner-right{ opacity: .8; }
.banner .pagination{ z-index: 9; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 25px !important; }
.banner .pagination .swiper-pagination-bullet{ font-size: 14px; color: #fff; width: auto !important; border: 0; line-height: 30px; height: auto; background: none !important; opacity: 1; transition: all .5s; position: relative; margin: 0 20px !important; }
.banner .pagination .swiper-pagination-bullet:before{ content: ""; transition: all .5s; display: block; width: 0; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff; width: 30px; padding-left: 25px; color: #fff; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ width: 15px; }

.y-kefu-box { position: fixed; right: 0; top: 50%; margin-top: -160px; z-index: 9999; font-size: 13px;}
.y-kefu-box a{ text-decoration:none;}
.y-kefu-box img { display: block; width: 100%; height: auto; }
.y-kefu-box01 .icon { display: block; background: url("../images/20201222180437_1862520880.png") no-repeat; margin: 0 auto 6px;}
.y-kefu-box01 { width: 54px; color: #666; text-align: center; }
.y-kefu-box01 .kf-close-btn { width: 27px; height: 27px; background-position: -5px -115px; position: relative; cursor: pointer;}
.y-kefu-box01 .kf-close-btn:before { content: ''; display: block; width: 1px; height: 12px; position: absolute; bottom: -12px; left: 13px; z-index: 1;  background-color: #A71717; }
.y-kefu-box01 .show-status>a, .y-kefu-box01 .show-status>div { display: block; width: 52px; padding: 8px 0 5px; background-color: #fff; border-left: solid 1px #efefef; border-top: solid 1px #efefef; border-right: solid 1px #efefef; position: relative;}
.y-kefu-box01 .show-status { position: relative; }
.y-kefu-box01 .show-status .kf-zixun { background-color: #A71717; border-color: #A71717; color: #fff; margin: 10px 0 7px;}
.y-kefu-box01 .kf-zixun { border-radius: 2px; }
.y-kefu-box01 .kf-zixun i { width: 21px; height: 22px; background-position: -5px -5px; }
.y-kefu-box01 .kf-mobile { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.y-kefu-box01 .kf-mobile>i { width: 18px; height: 20px; background-position: -5px -32px; }
.y-kefu-box01 .kf-mobile:hover>i { background-position: -30px -32px; }
.y-kefu-box01 .kf-weChat>i { width: 22px; height: 20px; background-position: -5px -55px; }
.y-kefu-box01 .kf-weChat:hover>i {background-position: -30px -55px; }
.y-kefu-box01 .kf-email { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.y-kefu-box01 .kf-email>i { width: 18px; height: 18px; background-position: -5px -80px; }
.y-kefu-box01 .kf-email:hover>i { background-position: -30px -80px; }
.y-kefu-box01 .back-top i { width: 13px; height: 13px; background-position: -5px -98px; }
.y-kefu-box01 .back-top:hover i { background-position: -30px -98px; }
.y-kefu-box01 .kf-email, .y-kefu-box01 .back-top  { border-bottom: solid 1px #efefef;}
.y-kefu-box01 .back-top { margin-top: 10px; border-radius: 2px; left: 55px;}
.y-kefu-box01 .hver:hover { background-color: #A71717; border-color: #A71717;}
.y-kefu-box01 .hver:hover>p { color: #fff; }
.y-kefu-box01 .kf-mobile:hover > i{ color: #fff; }
.y-kefu-box01 .mobile-infos, .y-kefu-box01 .y-ewm-box, .y-kefu-box01 .y-email-infos { background-color: #fff; border: solid 1px #efefef; position: absolute; right: 90px; z-index: 2; border-radius: 2px; display: none;} 
.y-kefu-box01 .mobile-infos { width: 260px; text-align: left; top: 0;}
.y-kefu-box01 .mobile-infos>div { padding: 20px 0 20px 45px; position: relative; }
.y-kefu-box01 .mobile-infos>div i { width: 15px; height: 15px; background-position: -52px -32px; position: absolute; top: 22px; left: 20px; z-index: 2; }
.y-kefu-box01 .mobile-infos .online1 { border-bottom: solid 1px #efefef; }
.y-kefu-box01 .mobile-infos span { color:#b9b9b9; }
.y-kefu-box01 .mobile-infos p { color: #A71717; font-size: 18px; }
.y-kefu-box .right { width: 12px; height: 12px; position: absolute; right: -12px; top: 24px;}
.y-kefu-box .right-arrow1,.y-kefu-box .right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px white solid; overflow: hidden;}
.y-kefu-box .right-arrow1 { left: 1px; border-left: 6px #efefef solid;}
.y-kefu-box .right-arrow2 { border-left: 6px white solid;}
.y-kefu-box01 .y-ewm-box { width: 151px; height: 178px; top: -60px;}
.y-kefu-box01 .y-ewm-box>div { width: 151px; height: 178px; }
.y-kefu-box01 .y-ewm-box img { width: 130px; height: 130px; margin: 6px auto 9px; }
.y-kefu-box01 .y-ewm-box .y-ewm-img1 { width: 150px; border-right: solid 1px #efefef; }
.y-kefu-box01 .y-ewm-box .right { top: 84px; }
.y-kefu-box01 .y-email-infos { padding: 28px 20px 28px 45px; color:#b9b9b9; text-align: left; bottom: 0; }
.y-kefu-box01 .y-email-infos p { color: #A71717; font-size: 16px; }
.y-kefu-box01 .y-email-infos>i { width: 18px; height: 13px; background-position: -52px -80px; position: absolute; left: 15px; top: 30px; }
.y-kefu-box01 .y-email-infos .right { top: 55px; }
.y-kefu-box01 .hide-status { width: 54px; height: 65px; background-color:#A71717;position: absolute; top: 37px; left: 55px; z-index: 9;}
.y-kefu-box01 .hide-status .kf-zixun { padding: 10px 0 7px; color: #fff; cursor: pointer; }

/*.header{ position: fixed; width: 100%; z-index: 99; left: 0; top: 0; transition: all .5s; min-width: 1200px; }
.header:before{ content: ""; display: block; width: 100%; height: 100%; background-color: #00000080; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); position: absolute; z-index: -1 }
.header .logo{ padding: 22px 0; overflow: hidden; float: left;  }
.header .logo img{ height: 16px; filter: drop-shadow(#fff 200px 0); transform: translateX(-200px); }
.header .tright{ float: right; }
.header .tright .lang{ position: relative; margin-left: 5px; float: left; }
.header .tright .lang .ann{ width: 40px; line-height: 63px; text-align: center; cursor: pointer; }
.header .tright .lang .ann svg{ fill: #fff; height: 18px; width: auto; display: inline-block; vertical-align: middle; }
.header .tright .lang:hover .ann svg{ fill: #A71717; }
.header .tright .lang .erji{ display: none; width: 130px; position: absolute; top: 100%; background: #fff; right: 0; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 10px 0; }
.header .tright .lang .erji:before{ content: ""; display: block; position: absolute; background: #fff; top: 0; right: 14px; transform: translateY(-50%) rotate(45deg); box-shadow: -2px -2px 4px rgba(0,0,0,.1); width: 11px; height: 11px; }
.header .tright .lang .erji a{ display: block; color: #333; padding: 0 15px; font-size: 14px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.header .tright .lang .erji a:hover{ background: #f5f5f5; }
.header .tright .lang:hover .erji{ display: block; }
.header .tright .searchann{ position: relative; cursor: pointer; text-align: center; float: left; }
.header .tright .searchann .kai{ transition: all .5s; opacity: 1; width: 40px; line-height: 63px; text-align: center; position: relative; z-index: 8; }
.header .tright .searchann .guan{ position: absolute; left: 0; top: 0; width: 40px; line-height: 63px; text-align: center; transition: all .5s; opacity: 0; z-index: 7; }
.header .tright .searchann svg{ fill: #fff; height: 19px; width: auto; display: inline-block; vertical-align: middle; }
.header .tright .searchann:hover svg{ fill: #A71717; }
.header .tright .user{ float: left; margin-left: 15px; padding: 11px 0; position: relative; }
.header .tright .user .ann{ width: 40px; line-height: 40px; border-radius: 50%; background: rgba(255,255,255,.2); text-align: center; cursor: pointer; }
.header .tright .user .ann svg{ fill: #fff; height: 20px; width: auto; display: inline-block; vertical-align: middle; position: relative; top: -2px; }
.header .tright .user:hover .ann{ background: #A71717; }
.header .tright .user .erji{ display: none; width: 130px; position: absolute; top: 100%; background: #fff; right: 0; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 10px 0; }
.header .tright .user .erji:before{ content: ""; display: block; position: absolute; background: #fff; top: 0; right: 14px; transform: translateY(-50%) rotate(45deg); box-shadow: -2px -2px 4px rgba(0,0,0,.1); width: 11px; height: 11px; }
.header .tright .user .erji a{ display: block; color: #333; padding: 0 15px; font-size: 14px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.header .tright .user .erji a:hover{ background: #f5f5f5; }
.header .tright .user .erji .xian{ width: 100%; height: 1px; background: #eee; margin: 5px 0; }
.header .tright .user:hover .erji{ display: block; }
.header .inmuen{ margin-left: 200px; float: left; }
.header .inmuen > ul > li{ display: block; float: left; }
.header .inmuen > ul > li > a{ display: block; padding: 0 25px; line-height: 63px; font-size: 14px; color: #fff; position: relative; }
.header .inmuen > ul > li:nth-child(2):hover > a:before,.header .inmuen > ul > li:nth-child(3):hover > a:before{  content: ""; display: block; position: absolute; background: #fff; bottom: -5.5px; left: 50%; margin-left: -5.5px; transform: rotate(45deg); width: 11px; height: 11px; }
.header .inmuen > ul > li .erji{ display: none; position: absolute; left: 0; top: 99%; background: #fff; width: 100%; padding: 30px 0; }
.header .inmuen > ul > li .erji .nr{ padding-right: 565px; position: relative; min-height: 145px; }
.header .inmuen > ul > li .erji .nr .pic{ position: absolute; width: 530px; height: 150px; right: 0; top: 0; }
.header .inmuen > ul > li .erji ul{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); position: relative; left: -10px; }
.header .inmuen > ul > li .erji ul li{ display: block; width: calc(50% - 20px); margin: 0 10px; padding: 0 55px 0 20px; border-bottom: 1px solid #eee; box-sizing: border-box; font-size: 14px; position: relative; line-height: 75px; height: 75px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header .inmuen > ul > li .erji ul li a{ display: block; }
.header .inmuen > ul > li .erji ul li .spic{ position: absolute; width: 70px; height: 70px; left: 15px; top: 3px; }
.header .inmuen > ul > li .erji ul li .ico{ width: 25px; line-height: 25px; height: 25px; background: #f1f1f1; border-radius: 50%; position: absolute; right: 20px; top: 50%; margin-top: -13px; text-align: center; font-size: 16px; color: #999; }
.header .inmuen > ul > li .erji ul li:hover{ background: #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.header .inmuen > ul > li .erji ul li:hover .ico{ background: #fff; }
.header .inmuen > ul > li:hover .erji{ display: block; }
.header .inmuen > ul > li:hover > a,.header .inmuen > ul > li.on > a{ color: #ccc; }

.searchmain{ position: fixed; width: 100%; background: #fff; left: 0; top: 64px; z-index: 99; transition: all .5s; overflow: hidden; height: 0; box-shadow: 0 4px 4px rgba(0,0,0,.05); }
.searchmain .content{ position: relative; padding: 30px 0 40px; }
.searchmain .close{ width: 40px; line-height: 40px; text-align: center; font-size: 20px; position: absolute; right: 0; top: 0; }
.searchmain .kk{ max-width: 750px; margin: 0 auto; padding-right: 50px; position: relative; }
.searchmain .kk .text{ width: 100%; border-bottom: 2px solid #111; height: 50px; font-size: 16px; }
.searchmain .kk .text:focus{ border-bottom: 2px solid #A71717; }
.searchmain .kk .sub{ position: absolute; right: 0; top: 0; height: 50px; width: 50px; font-size: 25px; outline: none; }
.searchmain .kk .sub:hover{ color: #A71717; }*/

.header{ position: fixed; width: 100%; min-width: 1400px; background: rgba(0,0,0,.8); left: 0; top: 0; z-index: 99; padding: 0 40px; box-sizing: border-box; }
.header .logo{ position: absolute; height: 20px; overflow: hidden; padding: 20px 0; left: 50%; top: 0; margin-left: -57px; }
.header .logo img{ height: 16px; filter: drop-shadow(#fff 200px 0); transform: translateX(-200px); }
.header .left{ cursor: pointer; float: left; line-height: 60px; font-size: 12px; color: #fff; }
.header .right{ float: right; }
.header .right .searchann{ position: relative; cursor: pointer; text-align: center; float: left;  }
.header .right .searchann .kai{ transition: all .5s; opacity: 1; padding: 0 12px; line-height: 60px; text-align: center; position: relative; z-index: 8; }
.header .right .searchann .guan{ position: absolute; left: 0; top: 0; padding: 0 12px; line-height: 60px; text-align: center; transition: all .5s; opacity: 0; z-index: 7; }
.header .right .searchann svg{ fill: #fff; height: 14px; width: auto; display: inline-block; vertical-align: middle; }
.header .right .searchann:hover svg{ fill: #fff; }
.header .right .li{ float: left; padding: 0 12px; line-height: 60px; font-size: 12px; color: #fff; text-transform: uppercase;}
.header .right .li svg{ width: auto; height: 14px; fill: #fff; display: inline-block; vertical-align: middle; margin-left: 5px; }
.header .right .lang{ position: relative; padding: 0 12px; float: left; }
.header .right .lang .ann{ line-height: 60px; text-align: center; cursor: pointer; color: #fff; text-transform: uppercase; }
.header .right .lang .erji{ display: none; width: 130px; position: absolute; top: 100%; background: #fff; right: 0; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 10px 0; }
.header .right .lang .erji:before{ content: ""; display: block; position: absolute; background: #fff; top: 0; right: 34px; transform: translateY(-50%) rotate(45deg); box-shadow: -2px -2px 4px rgba(0,0,0,.1); width: 11px; height: 11px; }
.header .right .lang .erji a{ display: block; color: #333; padding: 0 15px; font-size: 14px; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.header .right .lang .erji a:hover{ background: #f5f5f5; }
.header .right .lang:hover .erji{ display: block; }

.searchmain{ position: fixed; width: 100%; background: #fff; left: 0; top: 60px; z-index: 99; transition: all .5s; overflow: hidden; height: 0; box-shadow: 0 4px 4px rgba(0,0,0,.05); }
.searchmain .content{ position: relative; padding: 30px 0 40px; }
.searchmain .close{ width: 40px; line-height: 40px; text-align: center; font-size: 20px; position: absolute; right: 0; top: 0; }
.searchmain .kk{ max-width: 750px; margin: 0 auto; padding-right: 50px; position: relative; }
.searchmain .kk .text{ width: 100%; border-bottom: 2px solid #111; height: 50px; font-size: 16px; }
.searchmain .kk .text:focus{ border-bottom: 2px solid #000; }
.searchmain .kk .sub{ position: absolute; right: 0; top: 0; height: 50px; width: 50px; font-size: 25px; outline: none; }
.searchmain .kk .sub:hover{ color: #000; }

.inmuen{ position: fixed; width: 100%; padding: 70px 40px; box-sizing: border-box; max-width: 800px; height: 100%; left: -100%; top: 0; z-index: 98; background: rgba(0,0,0,.8); transition: all .5s; opacity: 0; }
.inmuen.on{ opacity: 1; left: 0; }
.inmuen .top{ padding: 30px 0; }
.inmuen .top ul li{ display: block; line-height: 40px; font-size: 20px; color: #fff; font-weight: 500; text-transform: uppercase; }
.inmuen .top ul li:hover{ opacity: .9; }
.inmuen .mid{ padding: 25px 0; border-top: 1px solid #7c7c7c; }
.inmuen .mid ul li{ display: block; width: 50%; float: left; line-height: 24px; font-size: 12px; color: #fff; }
.inmuen .mid ul li:hover{ opacity: .9; }
.inmuen .fenx{ position: absolute; width: 100%; box-sizing: border-box; padding: 0 40px; line-height: 25px; bottom: 55px; left: 0; }
.inmuen .fenx > a{ display: inline-block; width: 20px; line-height: 20px; border: 1px solid #fff; text-align: center; border-radius: 3px; margin-right: 5px; }
.inmuen .fenx > a svg{ width: 15px; height: 15px; fill: #fff; display: inline-block; vertical-align: middle; }
.inmuen .fenx > a:hover{ background: #fff; }
.inmuen .fenx > a:hover svg{ fill: #000; }
.inmuen .fenx .lang{ float: right; }
.inmuen .fenx .lang a{ font-size: 12px; color: #fff; margin-left: 10px; }
.inmuen .fenx .lang a:hover{ opacity: .9; }

.footer{ background: #000000; padding: 120px 0; }
.footer .fmess{ margin-bottom: 60px; }
.footer .fmess .lwz{ width: 30%; max-width: 390px; float: left; }
.footer .fmess .lwz .tit{ font-size: 20px; font-weight: bold; color: #fff; margin-bottom: 15px; }
.footer .fmess .lwz .jj{ color: #a1a1a1; font-size: 14px; line-height: 25px; }
.footer .fmess .rmess{ width: 60%; max-width: 700px; float: right; }
.footer .fmess .rmess .text{ width: 48%; margin-right: 4%; font-size: 16px; height: 45px; border: 1px solid #fff; color: #fff; border-radius: 5px; padding: 0 15px; box-sizing: border-box; float: left; }
.footer .fmess .rmess .sub{ width: 48%; height: 45px; float: left; font-size: 16px; background: #d6a461; color: #fff; border-radius: 5px; }
.footer .fmess .rmess .sub:hover{ opacity: .9; }
.footer .fnav{ float: left; width: 280px; padding-right: 30px; box-sizing: border-box; }
.footer .fnav .tit{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px; }
.footer .fnav a{ display: block; height: 30px; line-height: 30px; color: #a1a1a1; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.footer .fnav a i{ margin-right: 5px; }
.footer .fnav a:hover{ color: #fff; }
.footer .right{ float: right; max-width: 400px; }
.footer .right .fenx{ margin-bottom: 20px; }
.footer .right .fenx a{ display: inline-block; width: 20px; line-height: 20px; border: 1px solid #fff; text-align: center; border-radius: 3px; margin-right: 5px; }
.footer .right .fenx a svg{ width: 15px; height: 15px; fill: #fff; display: inline-block; vertical-align: middle; }
.footer .right .banq{ color: #fff; }

.aboutindex{ height: 100vh; position: relative; }
.aboutindex video{ position: absolute; width: 100%; height: 100%; object-fit: cover; z-index: 94; }
.aboutindex .fgc{ position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,.4); z-index: 95; }
.aboutindex .fgc .nr{ position: absolute; left: 0; bottom: 90px; padding: 0 40px 0 760px; width: 100%; box-sizing: border-box; min-height: 90px; }
.aboutindex .fgc .nr .lmtit{ max-width: 600px; position: absolute; left: 40px; top: 0; }
.aboutindex .fgc .nr .lmtit .b{ font-size: 60px; font-weight: 500; color: #fff; line-height: 60px; margin-bottom: 10px; }
.aboutindex .fgc .nr .lmtit .s{ font-size: 14px; color: #fff; }
.aboutindex .fgc .nr .list ul li{ display: block; width: 50%; float: left; line-height: 30px; color: #fff; font-size: 18px; font-weight: 500; }
.aboutindex .fgc .nr .list ul li svg{ fill: #fff; width: 18px; height: auto; display: inline-block; vertical-align: middle; margin-left: 75px; }
.aboutindex .fgc .nr .list ul li:hover{ opacity: .9; }

.pages{ text-align: center; padding-top: 30px; }
.pages a{ display: inline-block; line-height: 30px; font-size: 12px; color: #666; padding: 0 12px; background: #fff; border-radius: 5px; }
.pages a:hover,.pages a.on{ background: #d6a461; color: #fff; border-radius: 5px; }

.showpro img{ display: block; width: 100%; height: auto; }

.nyrecruit { padding:40px 0; }
.nyrecruit .lmtit { line-height: 30px; color: #666; background: #F2F2F2; font-size: 16px; display: flex; flex-wrap: wrap; font-weight: bold; text-align: center; border: 1px solid #E3E3E3; }
.nyrecruit .lmtit span { display: block; float: left; box-sizing: border-box; padding: 15px; }
.nyrecruit .lmtit span.span1 { width: 23%; }
.nyrecruit .lmtit span.span2 {width: 8%;}
.nyrecruit ul li { display: block; line-height: 24px; font-size: 16px; color: #333; cursor: pointer; display: flex; flex-wrap: wrap; border: 1px solid #E3E3E3; border-top: 0; }
.nyrecruit ul li span { display: block; float: left; padding: 18px 15px; box-sizing: border-box; text-align: center; }
.nyrecruit ul li span.span1 { width: 23%; }
.nyrecruit ul li span.span2 { width: 8%; padding: 10px; }
.nyrecruit ul li em { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 24px; color: #333; float: right; }
.nyrecruit ul li.on { background: #fff; border-bottom: 1px solid #eee; }
.nyrecruit ul .erji { display: none; padding: 20px; margin-top: -1px; background-color: #fff; border: 1px solid #E3E3E3; border-top: 0; }
.nyrecruit ul .erji .wz { box-sizing: border-box; font-size: 14px; color: #666; line-height: 25px; }
.nyrecruit ul .erji .wz .tit { font-size: 16px; font-weight: bold; color: #4a4a4a; margin-bottom: 10px; }
.nyrecruit ul .erji .ann { display: block; width: 150px; height: 40px; line-height: 40px; background: #026cb6; font-size: 14px; color: #fff; text-align: center; margin-top: 15px; transition: all .5s; }
.nyrecruit ul .erji .ann:hover { background: #025692; }

.nynews{ padding: 40px 0; }
.nynews ul{ display: flex; flex-wrap: wrap; width: 102%; position: relative; left: -1%; }
.nynews ul li{ display: block; width: 31.333%; margin: 1%;; background: #fff; }
.nynews ul li .pic{ padding-bottom: 60%; transition: all .5s; margin-bottom: 10px; }
.nynews ul li .tit{ position: relative; height: 40px; line-height: 40px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 100px; }
.nynews ul li .date{ position: absolute; right: 0; top: 0; font-size: 12px; color: #999; }
.nynews ul li:hover .pic{ opacity: .8; }
.nynews ul li:hover .tit{ color: #A71717; }

.nynews1{ padding: 140px 0 100px; }
.nynews1 .lmtit{ text-align: center; color: #fff; font-size: 40px; line-height: 40px; margin-bottom: 10px; }
.nynews1 .lmjj{ font-size: 14px; color: #a1a1a1; text-align: center; margin-bottom: 10px; }
.nynews1 ul{ margin-bottom: 15px; }
.nynews1 ul li{ display: block; border-bottom: 1px solid #2f2f2f; padding: 30px 0 30px 320px; position: relative; }
.nynews1 ul li .pic{ position: absolute; width: 300px; height: calc(100% - 60px); left: 0; top: 30px; }
.nynews1 ul li .tit{ position: relative; height: 40px; line-height: 40px; font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.nynews1 ul li .jj{ font-size: 14px; line-height: 25px; height: 50px; margin-bottom: 15px; color: #999; }
.nynews1 ul li .date{ font-size: 14px; color: #999; }
.nynews1 ul li .date span{ margin-left: 10px; background: #eee; color: #000; display: inline-block; line-height: 30px; padding: 0 15px; font-size: 12px; border-radius: 15px; }

.shownews{ padding: 185px 0 100px; }
.shownews .tit{ font-size: 25px; text-align: center; font-weight: 500; color: #fff; }
.shownews .date{ font-size: 14px; color: #a1a1a1; text-align: center; padding: 10px 0 20px; border-bottom: 1px solid #2f2f2f; }
.shownews .wz{ padding: 30px 0; font-size: 16px; line-height: 30px; color: #fff; }
.shownews .wz video{ width: 100%; height: auto; display: block; }
.shownews .pre{ padding: 20px; border: 1px solid #2f2f2f; display: flex; flex-wrap: wrap; }
.shownews .pre .li{ color: #a1a1a1; width: 50%; font-size: 14px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; }
.shownews .pre .li:nth-child(2){ text-align: right; }
.shownews .pre .li a{ color: #a1a1a1; }
.shownews .pre .li a:hover{ color: #fff; text-decoration: underline; }

.nybanner{ height: 450px; position: relative; }

.dfwpic{ position: relative; width: 800px; margin: 0 auto; }
.dfwpic .zoom{ width: 800px; height: 800px; line-height: 800px; }
.dfwpic .zoom .zoomImg{ background: #171717; }
.dfwpic .zoom .jqzoom{ max-width: 800px; max-height: 800px; display: inline-block; vertical-align: middle; }
.dfwpic .dtlist{ position: absolute; width: 100%; box-sizing: border-box; padding: 0 20px; left: 0; bottom: 25px; text-align: center; }
.dfwpic .dtlist .li{ display: inline-block; background: #ccc; width: 8px; height: 8px; border-radius: 50%; margin: 0 2px; overflow: hidden; vertical-align: middle; position: relative; cursor: pointer; transition: all .5s; }
.dfwpic .dtlist .li img{ display: none; }
.dfwpic .dtlist .li.on{ background: #d6a461; }
.dfwpic:hover .dtlist .li:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; transition: all .5s; }
.dfwpic:hover .dtlist .li.on:before{ opacity: 0; }
.dfwpic:hover .dtlist .li{ width: 45px; height: 45px; line-height: 45px; border-radius: 5px; background: #fff; }
.dfwpic:hover .dtlist .li img{ display: inline-block; vertical-align: middle; }

.inlmtit{ font-size: 30px; color: #333; text-align: center; margin: 0 auto; font-weight: 500; }
.inlmjj{ font-size: 14px; color: #666; text-align: center; margin: 0 auto; }
.inlmxian{ height: 1px; position: relative; max-width: 470px; background: #eee; margin: 15px auto 0; }
.inlmxian span{ display: block; height: 3px; background: #A71717; width: 50px; margin: 0 auto; position: relative; top: -1px; }

.nyweizhi{ position: fixed; width: 100%; left: 0; top: 60px; background: rgba(0,0,0,.5); color: #fff; line-height: 22px; padding: 7px 40px; box-sizing: border-box; z-index: 98; }
.nyweizhi a{ color: #fff; }
.nyweizhi a:hover{ color: #fff; opacity: .9; }
.nyweizhi span{ padding: 0 5px; }

.nyabout .diyi{ height: 100vh; position: relative; }
.nyabout .diyi .fgc{ position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,.4); }
.nyabout .diyi .fgc .wz{ position: absolute; max-width: 920px; left: 40px; bottom: 85px; }
.nyabout .diyi .fgc .wz .tit{ font-size: 60px; color: #fff; font-weight: 500; margin-bottom: 65px; }
.nyabout .diyi .fgc .wz .ico{ width: 45px; height: 45px; line-height: 47px; font-size: 18px; color: #fff; border-radius: 50%; background: rgba(255,255,255,.2); text-align: center; }

.nyabout .dier{ height: 100vh; position: relative; }
.nyabout .dier .fgc{ position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,.4); }
.nyabout .dier .fgc .wz{ position: absolute; max-width: 920px; left: 40px; bottom: 85px; }
.nyabout .dier .fgc .wz .tit{ font-size: 30px; color: #fff; font-weight: 500; margin-bottom: 5px; }
.nyabout .dier .fgc .wz .stit{ font-size: 14px; color: #fff; margin-bottom: 30px; }
.nyabout .dier .fgc .wz .jj{ font-size: 16px; color: #fff; }

.nyprolist{ padding: 90px 40px 100px; background: #171717; }
.nyprolist .lmtit{ text-align: center; color: #fff; font-size: 40px; line-height: 40px; margin-bottom: 10px; }
.nyprolist .lmjj{ font-size: 14px; color: #a1a1a1; text-align: center; margin-bottom: 60px; }
.nyprolist .list ul{ display: flex; flex-wrap: wrap; position: relative; border-left: 1px solid rgba(47,47,47,.5); border-top: 1px solid rgba(47,47,47,.5); }
.nyprolist .list ul li{ transition: all .5s; display: block; width: 25%; border-right: 1px solid rgba(47,47,47,.5); border-bottom: 1px solid rgba(47,47,47,.5); box-sizing: border-box; }
.nyprolist .list ul li .pic{ margin: 20px 50px; padding-bottom: 80%; transition: all .5s; }
.nyprolist .list ul li:hover .pic{ transform: scale(1.05,1.05); }
.nyprolist .list ul li .xian{ width: 15px; height: 2px; background: #d1d1d1; margin: 0 auto; }
.nyprolist .list ul li .tit{ font-size: 16px; color: #fff; text-align: center; margin: 10px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 50px; }
.nyprolist .list ul li .jj{ color: #a1a1a1; font-size: 12px; text-align: center; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 50px; }
.nyprolist .list ul li:hover{ background: rgba(255,255,255,.1); }

.nyrepro{ padding: 90px 40px; background: #fff; }
.nyrepro .lmtit{ font-size: 30px; color: #000; position: relative; line-height: 35px; margin-bottom: 50px; }
.nyrepro .swipernext{ position: absolute; cursor: pointer; line-height: 35px; right: 0; top: 0; color: #d6a461; font-size: 18px; }
.nyrepro .swiperprev{ position: absolute; cursor: pointer; line-height: 35px; right: 40px; top: 0; color: #d6a461; font-size: 18px; }
.nyrepro .nyreprolist{ border-left: 1px solid rgba(213,213,213,.5); overflow: hidden; }
.nyrepro .nyreprolist .li{ transition: all .5s; border: 1px solid rgba(213,213,213,.5); border-left: 0; position: relative; }
.nyrepro .nyreprolist .li .pic{ margin: 20px 50px; padding-bottom: 80%; transition: all .5s; }
.nyrepro .nyreprolist .li:hover .pic{ transform: scale(1.05,1.05); }
.nyrepro .nyreprolist .li .new{ width: 40px; line-height: 20px; background: #d6a461; font-size: 12px; color: #fff; position: absolute; left: 15px; top: 0; text-align: center; }
.nyrepro .nyreprolist .li .fenl{ font-size: 12px; color: #000; text-align: center; }
.nyrepro .nyreprolist .li .tit{ font-size: 16px; font-weight: 500; color: #000; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 50px; }
.nyrepro .nyreprolist .li .xian{ width: 15px; height: 2px; background: #000; margin: 20px auto; }
.nyrepro .nyreprolist .li .stit{ font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 50px; text-align: center; margin-bottom: 40px; }
.nyrepro .nyreprolist .li:hover{ background: rgba(0,0,0,.1); }
.nyrepro .more{ width: 350px; line-height: 45px; font-size: 12px; color: #000; margin: 50px auto 0; display: block; border: 1px solid #747474; text-align: center; transition: all .5s; }
.nyrepro .more:hover{ background: #000; color: #fff; }

.nyprolist1{ padding: 130px 40px 100px; background: #171717; }
.nyprolist1 .lmtit{ text-align: center; color: #fff; font-size: 40px; line-height: 40px; margin-bottom: 10px; }
.nyprolist1 .lmjj{ font-size: 14px; color: #a1a1a1; text-align: center; margin-bottom: 60px; }
.nyprolist1 .list ul{ display: flex; flex-wrap: wrap; position: relative; border-left: 1px solid rgba(47,47,47,.5); border-top: 1px solid rgba(47,47,47,.5); }
.nyprolist1 .list ul li{ transition: all .5s; display: block; width: 25%; box-sizing: border-box; }
.nyprolist1 .list ul li .li{ transition: all .5s; border: 1px solid rgba(47,47,47,.5); border-left: 0; border-top: 0; position: relative; padding-top: 1px; }
.nyprolist1 .list ul li .li .pic{ margin: 20px 50px; padding-bottom: 80%; transition: all .5s; }
.nyprolist1 .list ul li .li:hover .pic{ transform: scale(1.05,1.05); }
.nyprolist1 .list ul li .li .new{ width: 40px; line-height: 20px; background: #d6a461; font-size: 12px; color: #fff; position: absolute; left: 15px; top: 0; text-align: center; }
.nyprolist1 .list ul li .li .fenl{ font-size: 12px; color: #fff; text-align: center; }
.nyprolist1 .list ul li .li .tit{ font-size: 16px; font-weight: 500; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 50px; }
.nyprolist1 .list ul li .li .xian{ width: 15px; height: 2px; background: #fff; margin: 20px auto; }
.nyprolist1 .list ul li .li .stit{ font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 50px; text-align: center; margin-bottom: 40px; }
.nyprolist1 .list ul li .li:hover{ background: rgba(255,255,255,.1); }
.nyprolist1 .more{ width: 350px; line-height: 45px; font-size: 12px; color: #fff; margin: 50px auto 0; display: block; border: 1px solid #747474; text-align: center; transition: all .5s; }
.nyprolist1 .more:hover{ background: #fff; color: #000; }

.nyprobanner{ position: relative; height: 100vh; }
.nyprobanner .fgc{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.4); left: 0; top: 0; z-index: 96; }
.nyprobanner video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; z-index: 95; }
.nyprobanner .wz{ position: absolute; max-width: 920px; left: 40px; bottom: 85px;  }
.nyprobanner .wz .lmtit{ font-size: 50px; font-weight: 500; color: #fff; }
.nyprobanner .wz .lmjj{ font-size: 16px; color: #fff; margin-bottom: 65px; }
.nyprobanner .wz .ico{ width: 45px; height: 45px; line-height: 47px; font-size: 18px; color: #fff; border-radius: 50%; background: rgba(255,255,255,.2); text-align: center; }

.showproinfo{ padding: 90px 40px; position: relative; }
.showproinfo .wznr{ width: 320px; position: absolute; left: 40px; top: 90px; z-index: 95px; }
.showproinfo .wznr .new{ width: 40px; line-height: 20px; background: #d6a461; color: #fff; font-size: 12px; text-align: center; margin-bottom: 100px; }
.showproinfo .wznr .fenl{ font-size: 14px; color: #fff; margin-bottom: 10px; }
.showproinfo .wznr .tit{ font-size: 30px; font-weight: 500; color: #fff; line-height: 35px; margin-bottom: 25px; }
.showproinfo .wznr .stit{ font-size: 14px; color: #d6a461; margin-bottom: 100px; }
.showproinfo .wznr .btit{ font-size: 30px; font-weight: 500; color: #fff; margin-bottom: 0; }
.showproinfo .wznr .sstit{ font-size: 14px; color: #fff; margin-bottom: 100px; }
.showproinfo .wznr .price{ position: relative; padding-right: 90px; font-size: 18px; color: #fff; line-height: 30px; }
.showproinfo .wznr .price a{ position: absolute; width: 30px; line-height: 30px; display: block; }
.showproinfo .wznr .price a svg{ width: 20px; height: auto; fill: #fff; }
.showproinfo .wznr .price a:nth-child(1){ right: 50px; top: 0; }
.showproinfo .wznr .price a:nth-child(2){ right: 0; top: 0; }
.showproinfo .wznr .colorfl{ margin-top: 100px; }
.showproinfo .wznr .colorfl ul li{ display: inline-block; width: 60px; height: 60px; border-radius: 5px; border: 1px solid #6e6e6e; position: relative; margin-right: 15px; margin-bottom: 15px; overflow: hidden; cursor: pointer; }
.showproinfo .wznr .colorfl ul li .pic{ position: absolute; width: 100%; height: 100%; }

.showprodetail img{ width: 100%; height: auto; }

.nyshop{ padding: 140px 40px 100px; }
.nyshop .lmtit{ font-size: 65px; font-weight: 500; text-align: center; color: #fff; margin-bottom: 20px; }
.nyshop .slmtit{ font-size: 35px; color: #fff; margin-bottom: 10px; text-align: center; }
.nyshop .lmjj{ font-size: 16px; color: #fff; margin-bottom: 100px; text-align: center; }
.nyshop .list ul{ display: flex; flex-wrap: wrap; }
.nyshop .list ul li{ display: block; width: 20%; box-sizing: border-box; padding: 15px; box-sizing: border-box; }
.nyshop .list ul li a{ display: block; margin: 0 auto; }
.nyshop .list ul li .pic{ padding-bottom: 70%; }
.nyshop .list ul li .wz{ background: #fff; padding: 15px 20px; }
.nyshop .list ul li .wz .tit{ font-size: 14px; color: #000; font-weight: 500; }
.nyshop .list ul li .wz .ico{ width: 25px; height: 25px; border: 1px solid #000; border-radius: 4px; overflow: hidden; line-height: 25px; text-align: center; overflow: hidden; margin: 15px 0; }
.nyshop .list ul li .wz .ico img{ max-width: 18px; max-height: 18px; filter: drop-shadow(#000 80px 0); transform: translateX(-80px); }
.nyshop .list ul li .wz .ann{ line-height: 25px; border: 1px solid #000; font-size: 12px; color: #000; text-align: center; transition: all .5s; }
.nyshop .list ul li:hover .wz .ann{ background: #000; color: #fff; }

.nyrec{ padding: 100px 0; }
.nyrec .lmtit{ text-align: center; color: #fff; font-size: 40px; line-height: 40px; margin-bottom: 10px; }
.nyrec .lmjj{ font-size: 14px; color: #a1a1a1; text-align: center; margin-bottom: 60px; }
.nyrec ul{ display: block; padding-bottom: 20px; }
.nyrec ul li{ cursor: pointer; display: block; padding: 20px; border: 1px solid #2f2f2f; margin-bottom: 15px; border-radius: 10px; overflow: hidden; position: relative; }
.nyrec ul li .tit{ height: 30px; line-height: 30px; font-size: 18px; color: #fff; padding-right: 100px; box-sizing: border-box; position: relative; }
.nyrec ul li .tit span{ display: block; position: absolute; right: 0; top: 0; font-size: 14px; color: #a1a1a1; }
.nyrec ul li .jj2{ display: none; font-size: 16px; color: #fff; line-height: 30px; margin-bottom: 10px; margin-top: 20px; }
.nyrec ul li:hover,.nyrec ul li.on{ background: rgba(255,255,255,.1);; border-color: #d6a461 }
.nyrec ul li:hover:before,.nyrec ul li.on:before{ content: ""; display: block; width: 5px; height: 100%; background: #d6a461; position: absolute; left: 0; top: 0; }
.nyrec ul li.on .jj2{ display: block; }
.nyrec ul li.on .ann{ display: block; }

.nypage{ padding: 100px 0; }
.nypage .lmtit{ text-align: center; color: #fff; font-size: 40px; line-height: 50px; margin-bottom: 10px; }
.nypage .lmxian{ width: 50px; height: 3px; background: #fff; border-radius: 2px; margin: 20px auto; }
.nypage .wz{ font-size: 16px; line-height: 30px; color: #fff; }
.nypage .wz img{ margin: 5px 0; }
.nypage .wz strong,.nypage .wz b{ font-weight: bold; }

.nyreg{ padding: 140px 0 100px; }
.nyreg .nr{ background: rgba(255,255,255,.1); width: 100%; max-width: 530px; box-sizing: border-box; padding: 40px 45px; box-shadow: 0 0 15px rgba(0,0,0,.0.5); margin: 0 auto; }
.nyreg .nr .logo{ overflow: hidden; }
.nyreg .nr .logo img{ max-height: 40px; filter: drop-shadow(#fff 200px 0); transform: translateX(-200px);}
.nyreg .nr .lmtit{ font-size: 30px; color: #fff; font-weight: 400; margin: 5px 0 25px; }
.nyreg .nr .list .li{ margin-bottom: 15px; }
.nyreg .nr .list .li .tit{ font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 10px; }
.nyreg .nr .list .li .text{ height: 40px; border: 1px solid #a1a1a1; width: 100%; border-radius: 5px; padding: 0 15px; box-sizing: border-box; font-size: 14px; color: #fff; transition: all .5s; }
.nyreg .nr .list .li .text:focus{ border: 1px solid #d6a461; box-shadow: 0 0 5px rgba(0,112,213,.5); }
.nyreg .nr #slider{ margin: 20px 0 15px; }
.nyreg .nr .tis1{ font-size: 14px; color: #666; margin-bottom: 30px; }
.nyreg .nr .tis1 a{ margin: 0 5px; color: #222; }
.nyreg .nr .tis1 input{ position: relative; top: -1px; }
.nyreg .nr .tis1 a:hover{ color: #0070d5; text-decoration: underline; }
.nyreg .nr .sub{ display: block; line-height: 45px; border-radius: 5px; background: #fff; font-size: 16px; color: #000; text-align: center; margin-bottom: 30px; }
.nyreg .nr .sub:hover{ opacity: .9; }
.nyreg .nr .tis2{ text-align: center; font-size: 14px; color: #a1a1a1; }
.nyreg .nr .tis2 a{ color: #fff; margin-left: 5px; }
.nyreg .nr .tis2 a:hover{ text-decoration: underline; }
.nyreg .nr .xian{ margin: 20px 0; height: 1px; background: #2f2f2f; }
.nyreg .nr .tis3{ text-align: center; font-size: 14px; color: #999; }
.nyreg .nr .tis3 a{ color: #fff; margin-left: 5px; }
.nyreg .nr .tis3 a:hover{ text-decoration: underline; }

.nylogin .nr #slider{ margin: 20px 0 30px; }

.nymess{ padding: 100px 0; }
.nymess .content{ max-width: 1200px; }
.nymess .lmtit{ font-size: 40px; color: #fff; margin-bottom: 80px; }
.nymess .list{ position: relative; width: 102%; left: -1%; }
.nymess .list .text{ width: 100%; height: 40px; border-bottom: 2px solid #3f3f3f; color: #fff; padding: 0; font-size: 20px; color: #fff; box-sizing: border-box; }
.nymess .list .text::placeholder,.nymess .list textarea::placeholder{ color: #fff; }
.nymess .list .text:focus,.nymess .list textarea:focus{ border-color: #fff; }
.nymess .list textarea{ padding: 5px 0; border: 0; border-bottom: 2px solid #3f3f3f; background: none; color: #fff; line-height: 30px; font-size: 20px; box-sizing: border-box; width: 100%; height: 42px; outline: none; }
.nymess .list .li1{ width: 48%; margin: 0 1% 25px; float: left; }
.nymess .list .li2{ width: 98%; margin: 0 1% 25px; }
.nymess .list .li3{ width: 31.3333%; margin: 0 1% 20px; float: left; padding-right: 100px; box-sizing: border-box; position: relative; }
.nymess .list .li3 img{ width: 90px; height: 50px; position: absolute; right: 0; top: 0; }
.nymess .list .sub{ float: right; width: 100px; height: 50px; font-size: 16px; color: #fff; margin-right: 1%; outline: none; border: 2px solid #3f3f3f; line-height: 46px; border-radius: 25px; margin-top: 40px; }
.nymess .list .sub svg{ fill: #fff; width: 16px; height: auto; vertical-align: middle; margin-left: 5px; position: relative; top: -2px; }
.nymess .list .sub:hover{ background: #fff; color: #000; }
.nymess .list .sub:hover svg{ fill: #000; }
.nymess .wznr{ font-size: 16px; color: #fff; line-height: 30px; margin-top: 30px; }
.nymess .wznr h3{ font-size: 30px; line-height: 35px; margin-bottom: 10px; }

.nydown{ padding: 140px 0 100px; }
.nydown .lmtit{ text-align: center; color: #fff; font-size: 40px; line-height: 40px; margin-bottom: 10px; }
.nydown .lmjj{ font-size: 14px; color: #a1a1a1; text-align: center; margin-bottom: 60px; }
.nydown ul{ display: flex; flex-wrap: wrap; position: relative; width: 102%; left: -1%; }
.nydown ul li{ display: block; border: 1px solid #2f2f2f; transition: all .5s; position: relative; padding: 30px 90px 30px 20px; position: relative; box-sizing: border-box; width: 48%; margin: 1%; }
.nydown ul li .tit{ font-size: 18px; height: 30px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; }
.nydown ul li .date{ font-size: 14px; color: #a1a1a1; }
.nydown ul li a{ display: block; width: 50px; line-height: 50px; text-align: center; background: #2f2f2f; color: #fff; font-size: 25px; border-radius: 50%; right: 20px; top: 50%; margin-top: -25px; position: absolute; transition: all .5s; }
.nydown ul li:hover{ background: rgba(255,255,255,.1); }

.nymd{ padding: 140px 40px 100px; }
.nymd .lmtit{ font-size: 55px; font-weight: bold; color: #fff; line-height: 60px; padding-bottom: 10px; border-bottom: 1px solid #707070; margin-bottom: 30px; }
.nymd .list ul{ display: flex; flex-wrap: wrap; width: 102%; position: relative; left: -1%; }
.nymd .list ul li{ display: block; width: 31.333%; margin: 0 1% 100px; }
.nymd .list ul li .li{ position: relative; padding-left: 200px; min-height: 130px; max-width: 170px; }
.nymd .list ul li .li .pic{ width: 180px; height: 130px; position: absolute; left: 0; top: 0; }
.nymd .list ul li .li .tit{ font-size: 25px; font-weight: bold; color: #fff; }
.nymd .list ul li .li .xian{ width: 30px; height: 1px; background: #626262; margin: 10px 0 15px; }
.nymd .list ul li .li .stit{ font-size: 16px; color: #fff; font-weight: 500; margin-bottom: 10px; }
.nymd .list ul li .li .jj{ color: #fff; }

.showmd{ padding: 60px 40px 10px; position: relative; }
.showmd .fh{ line-height: 40px; margin-bottom: 30px; }
.showmd .fh a{ font-size: 12px; color: #fff; }
.showmd .tit{ font-size: 35px; color: #fff; }
.showmd .jj{ font-size: 14px; color: #fff; margin-top: 5px; }
.showmd .ann{ display: block; margin-top: 60px; font-size: 12px; color: #fff; }
.showmd .ann svg{ fill: #fff; width: 16px; height: auto; display: inline-block; vertical-align: middle; margin-left: 5px; }
.showmd .lx{ margin: 15px 0; }
.showmd .lx a{ display: inline-block; width: 26px; line-height: 26px; border: 1px solid #fff; font-size: 14px; color: #fff; border: 1px solid #fff; text-align: center; border-radius: 50%; margin-right: 10px; }
.showmd .lx a:hover{ background: #fff; color: #000; }
.showmd .yingy{ position: absolute; right: 40px; bottom: 15px; }
.showmd .yingy .btit{ font-size: 16px; color: #fff; margin-bottom: 10px; }
.showmd .yingy .bjj{ font-size: 12px; color: #ccc; }
.showmdnr img{ width: 100%; height: auto; }