@charset "utf-8";
.content{ max-width: 1550px; height: auto; margin: 0 auto; box-sizing: border-box;}
img {max-width: 100%;}
.page-down {width: 30px;height: 30px;background: #999;position: fixed;bottom: 30px;right: 30px;text-align: center;line-height: 30px;font-size: 18px;color: #fff;cursor: pointer;display: none;z-index: 999;}
.page-down:hover {background: #b7ff6c;}
.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: 1200px; }
.tishi{ text-align: center; color: #999; width: 100%; font-size: 20px; }
.tupian{ width: 100%; background: #fff; }
.oneh{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.webshow{ display: block; }
.wapshow{ display: none; }

.middle_holder { display: inline-block; font-size: 0; width: 0; height: 85px;vertical-align: middle;}
.middle {display: inline-block;vertical-align: middle; width: 100%;}
.nav_handle { position: absolute; right: 60px; top: 0; width: 27px; padding: 0 0 0 10px; cursor: pointer; }
.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: #ccc; 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); }

.webbanner{ display: block; }
.wapbanner{ display: none; }

.Bottomerkg{ height: 61px; display: none; }
.Bottomer{ display: none; position:fixed; bottom:0; width:100%; background:#c10d10; z-index: 9999; box-shadow: 0 0 10px rgba(0,0,0,.2); }
.Bottomer .BottomList li{width:25%; float:left; display:inline-block;  text-align:center;position:relative;padding:10px 0px;}
.Bottomer .BottomList li img{ vertical-align:middle;height: 20px;}
.Bottomer .BottomList li span{color:#fff; display: block;margin-top: 5px;}
.Bottomer .BottomList li p{ color:#D5A334; margin:0; position:absolute; right:20px; top:10px;}

.customerxf{ position: fixed; right: 50px; bottom: 140px; display: none; z-index: 5; }
.customerxf .li{ margin-top: 10px; width: 40px; height: 40px; background: #f0f0f0; line-height: 35px; border-radius: 50%; font-size: 22px; color: #ccc; text-align: center; }
.customerxf .li img{ height: 20px; vertical-align: middle; }
.customerxf .li.fhtop:hover{ background: #ccc; color: #fff; }

.banner .pagination{ z-index: 9; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; bottom: 20px;  opacity: 0; transition: all .5s; }
.banner .pagination .swiper-pagination-bullet{ cursor: pointer; width: 12px; height: 12px; display: inline-block; margin: 0 4px; border-radius: 8px; box-sizing: border-box; background: rgba(255,255,255,.6); opacity: 1; }
.banner .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #c10d10; width: 20px; }
.banner .banner-left{ transition: all .5s; opacity: 0; position: absolute; font-size: 25px; color: #333; left: 35px; top: 50%; width: 45px; height: 45px; line-height: 45px; margin-top: 0; border-radius: 50%; background: rgba(255,255,255,.7); box-shadow: 0 0 10px rgba(0,0,0,.1); z-index: 9; text-align: center; cursor: pointer; margin-top: -22px; }
.banner .banner-left i{ position: relative; top: -1px; left: -1px; }
.banner .banner-right{ transition: all .5s; opacity: 0; position: absolute; font-size: 25px; color: #333; right: 35px; top: 50%; width: 45px; height: 45px; line-height: 45px; margin-top: 0; border-radius: 50%; background: rgba(255,255,255,.7); box-shadow: 0 0 10px rgba(0,0,0,.1); z-index: 9; text-align: center; cursor: pointer; margin-top: -22px; }
.banner .banner-right i{ position: relative; top: -1px; right: -1px; }
.banner .banner-left:hover,.banner .banner-right:hover{ background: #c10d10; color: #fff; }
.banner:hover .banner-left,.banner:hover .banner-right{ opacity: 1; }
.banner:hover .pagination{ opacity: 1; }

.videoimg{ position:relative; width:100%; height:1650px; overflow: hidden; }
.videoimg .image-container{ width: 100%; height:100vh; position:fixed; top:0; left: 0; background:url(../images/banner01.jpg) no-repeat center #191919; z-index: 1; }
.videoimg .image-container .link{ display: none; z-index: 8; position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 70px 0 25px; }
.videoimg .image-container .link .list{ padding-bottom: 49.5081%; position: relative; width: 1630px; margin: 0 auto; }
.videoimg .image-container .link .list a{ display: block; padding-bottom: 9%; width: 16%; margin: 2%; float: left; }

.header{ position: fixed; z-index: 9; left: 0; top: 0; padding: 0 60px; width: 100%; box-sizing: border-box; background: #191919; text-align: center; transition: all .5s; min-width: 1200px; }
.header .logo{ display: inline-block; line-height: 85px; overflow: hidden; position: relative; }
.header .logo img{ height: 40px; transition: all .5s; opacity: 0; }
.header .logo img.hlogo{ position: absolute; left: 0; top: 50%; margin-top: -20px; opacity: 0; }
.header .inmuen{ display: none; height: calc(100vh - 85px); }
.header .inmuen ul li{ font-size: 27px; color: #cacaca; margin-top: 15px; font-weight: bold; }
.header .inmuen ul li.erjili{ font-size: 25px; font-weight: 100; margin-top: 0; line-height: 35px; }
.header .inmuen ul li.erjili:hover,.header .inmuen ul li.erjili.on{ color: #c10d10; }
.header .searchann{ color: #ccc; font-size: 18px; line-height: 85px; padding: 0 10px; position: absolute; top: 0; right: 100px; }
.header .searchann:hover{ color: #fff; }
.header.on .logo img.blogo{ opacity: 1; }
.header.nyheader .logo img.blogo{ opacity: 1; }
.header.bai{ background: #fff; }
.header.bai .logo img.hlogo{ opacity: 1; }
.header.bai .nav_handle b i{ background: #444; }
.header.bai .nav_handle.on b i{ background: #c10d10; }
.header.bai .searchann{ color: #444; }
.header.bai .searchann:hover{ color: #c10d10; }
.header.header_on{ box-shadow: 0 0 15px rgba(0,0,0,.1); }

.infgkuai{ position: relative; z-index: 2; background: linear-gradient(to top, rgba(25,25,25,1), rgba(25,25,25,.8), rgba(25,25,25,0)); height: 700px; }

.inpro{ position: relative; z-index: 2; background: #fff; padding: 4px 0; }
.inpro ul{ width: calc(100% + 8px); position: relative; left: -4px; display: flex; flex-wrap: wrap; }
.inpro ul li{ display: block; width: calc(33.3333% - 8px); margin: 4px; position: relative; overflow: hidden; }
.inpro ul li .pic{ overflow: hidden; }
.inpro ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; filter: grayscale(100%); }
.inpro ul li .fgc{ position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 35px; background: rgba(25,25,25,0); left: 0; top: 0; transition: all .5s; opacity: 0; }
.inpro ul li .tit{ font-size: 25px; line-height: 40px; color: #fff; transform: translateY(70px); transition: all .5s; }
.inpro ul li:hover .pic img{ filter: inherit; }
.inpro ul li:hover .fgc{ opacity: 1; }
.inpro ul li:hover .fgc .tit{ transform: translateY(0px); }
.inpro ul li:nth-child(1),.inpro ul li:nth-child(7),.inpro ul li:nth-child(11),.inpro ul li:nth-child(17),.inpro ul li:nth-child(21),.inpro ul li:nth-child(27),.inpro ul li:nth-child(31),.inpro ul li:nth-child(37){ width: calc(66.666666% - 8px); }

.footer{ line-height: 100px; background: #e5e5e5; position: relative; z-index: 2; padding: 0 60px; }
.footer a{ font-size: 20px; color: #5f5f5f; }
.footer .fr .li{ display: inline-block; vertical-align: middle; margin-left: 25px; position: relative; }
.footer .fr .li .xf{ display: none; background: #fff; padding: 20px; position: absolute; right: 0; bottom: 100%; width: 100px; border: 1px solid #eee; line-height: initial; }
.footer .fr .li .xf .tit{ font-size: 22px; font-weight: bold; margin-bottom: 5px; }
.footer .fr .li .xf:before{ content: ""; display: block; width: 16px; height: 16px; background: #fff; transform: rotate(45deg); right: 13px; bottom: -8px; position: absolute; }
.footer .fr .li .xf a{ margin-right: 10px; font-size: 18px; }
.footer .fr .li:hover .xf{ display: block; }

.insearchmain{ position: fixed; width: 100%; height: 100%; background: #191919; z-index: 10; left: 0; top: -100%; opacity: 0; transition: all .5s; }
.insearchmain .close{ display: block; width: 80px; line-height: 80px; text-align: center; font-size: 18px; color: #cacaca; right: 0; top: 0; position: absolute; }
.insearchmain .close:hover{ color: #c10d10; }
.insearchmain .lmtit{ font-size: 50px; color: #cacaca; margin-bottom: 50px; }
.insearchmain .kk{ position: relative; padding-right: 100px; }
.insearchmain .kk .text{ height: 60px; width: 100%; font-size: 25px; text-align: center; border-bottom: 2px solid #666; color: #999; }
.insearchmain .kk .text:focus{ border-color: #cacaca; color: #cacaca; }
.insearchmain .kk .sub{ position: absolute; height: 60px; width: 100px; outline: none; cursor: pointer; right: 0; top: 0; font-size: 30px; color: #999; }
.insearchmain .kk .sub:hover{ color: #c10d10; }
.insearchmain.on{ opacity: 1; top: 0; }

.nyaboutbanner{ padding-bottom: 49.479% }

.nyabout{ padding: 110px 0 30px; }
.nyabout .lmtit{ font-size: 30px; color: #1f1e1c; border-bottom: 1px solid #1f1e1c; }
.nyabout .wz{ padding: 15px 0; font-size: 20px; line-height: 38px; color: #838383; margin-bottom: 40px; }

.nyaboutshij ul li{ display: block; position: relative; min-height: 700px; padding-left: 790px; background: #1f1a17; margin-bottom: 20px; }
.nyaboutshij ul li .pic{ width: 790px; position: absolute; left: 0; top: 0; background: none; overflow: hidden; }
.nyaboutshij ul li .pic img{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .5s; }
.nyaboutshij ul li .wz{ padding: 30px 70px; }
.nyaboutshij ul li .wz .ico{ line-height: 130px; text-align: center; }
.nyaboutshij ul li .wz .ico img{ max-height: 130px; }
.nyaboutshij ul li .wz .cntit{ font-size: 45px; color: #feffff; font-weight: bold; margin: 15px 0; line-height: 70px; }
.nyaboutshij ul li .wz .entit{ font-size: 25px; color: #feffff; line-height: 40px; }
.nyaboutshij ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nyaboutshij ul li:nth-child(even){ padding-left: initial; padding-right: 790px; }
.nyaboutshij ul li:nth-child(even) .pic{ left: initial; right: 0; }

.nypro{ padding: 140px 0; }
.nypro ul{ width: calc(100% + 8px); position: relative; left: -4px; display: flex; flex-wrap: wrap; }
.nypro ul li{ display: block; width: calc(33.3333% - 8px); margin: 4px; position: relative; overflow: hidden; }
.nypro ul li .pic{ overflow: hidden; }
.nypro ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; filter: grayscale(100%); }
.nypro ul li .fgc{ position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 35px; left: 0; top: 0; transition: all .5s; opacity: 0; }
.nypro ul li .tit{ font-size: 25px; line-height: 40px; color: #fff; transform: translateY(70px); transition: all .5s; }
.nypro ul li:hover .pic img{ filter: grayscale(0%); }
.nypro ul li:hover .fgc{ opacity: 1; }
.nypro ul li:hover .fgc .tit{ transform: translateY(0px); }

.feny{ padding-top: 50px; text-align: center; }
.feny a{ display: inline-block; margin: 3px; background: #f5f5f5; font-size: 16px; color: #333; padding: 0 15px; line-height: 40px; }
.feny a:hover,.feny a.on{ background: #c10d10; color: #fff; }

.showpro{ padding: 140px 0 40px; }
.showpro .tit{ margin-top: 20px; font-size: 30px; font-weight: bold; color: #272121; margin-bottom: 10px; }
.showpro .jj{ font-size: 14px; line-height: 25px; color: #666; margin-bottom: 10px; }
.showpro .wz{ font-size: 25px; line-height: 40px; color: #2b2a28; }
.showpro .wz p{ margin-bottom: 10px; }
.showpro .wz table{ width:100%; table-layout:fixed; }
.showpro .wz table tr td:nth-child(1){ padding-right: 10px; }
.showpro .wz table tr td:nth-child(2){ padding-left: 10px; }

.repro{ margin-bottom: 4px; }
.repro .lmtit{ font-size: 30px; color: #1f1e1c; border-bottom: 1px solid #1f1e1c; margin-bottom: 25px; }
.repro .list ul{ width: calc(100% + 8px); position: relative; left: -4px; display: flex; flex-wrap: wrap; }
.repro .list ul li{ display: block; width: calc(33.3333% - 8px); margin: 4px; position: relative; overflow: hidden; }
.repro .list ul li .pic{ overflow: hidden; }
.repro .list ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; filter: grayscale(100%); }
.repro .list ul li .fgc{ position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 35px;left: 0; top: 0; transition: all .5s; opacity: 0; }
.repro .list ul li .tit{ font-size: 25px; line-height: 40px; color: #fff; transform: translateY(70px); transition: all .5s; }
.repro .list ul li:hover .pic img{ filter: grayscale(0); }
.repro .list ul li:hover .fgc{ opacity: 1; }
.repro .list ul li:hover .fgc .tit{ transform: translateY(0px); }

.nynews{ padding: 140px 0; }
.nynews ul{ width: calc(100% + 8px); position: relative; left: -4px; display: flex; flex-wrap: wrap; }
.nynews ul li{ display: block; width: calc(50% - 8px); margin: 4px; position: relative; overflow: hidden; }
.nynews ul li .pic{ overflow: hidden; position: relative; }
.nynews ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; }
.nynews ul li .tit{ position: relative; margin: 10px 0; padding-right: 200px; padding-left: 10px; font-size: 20px; line-height: 30px; }
.nynews ul li .date{ position: absolute; right: 10px; top: 0; }
.nynews ul li:hover .pic img{ transform: scale(1.1,1.1); }

.nyvideo{ padding: 140px 0; }
.nyvideo ul{ width: calc(100% + 8px); position: relative; left: -4px; display: flex; flex-wrap: wrap; }
.nyvideo ul li{ display: block; width: calc(33.3333% - 8px); margin: 4px; position: relative; overflow: hidden; }
.nyvideo ul li .pic{ overflow: hidden; }
.nyvideo ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; }
.nyvideo ul li .fgc{ position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 35px; background: rgba(25,25,25,.8); left: 0; top: 0; transition: all .5s; opacity: 0; }
.nyvideo ul li .tit{ font-size: 25px; line-height: 40px; color: #fff; transform: translateY(70px); transition: all .5s; }
.nyvideo ul li .ico{ position: absolute; width: 100%; height: 100%; right: 0; bottom: 0; transition: all .5s; z-index: 1; }
.nyvideo ul li .ico img{ transition: all .5s; }
.nyvideo ul li:hover .pic img{ filter: blur(10px); }
.nyvideo ul li:hover .fgc{ opacity: 1; }
.nyvideo ul li:hover .fgc .tit{ transform: translateY(0px); }
.nyvideo ul li:hover .ico{ width: 120px; height: 120px; box-sizing: border-box; }
.nyvideo ul li:hover .ico img{ width: 50px; height: 50px; }

.showvideo{ padding: 140px 0 40px; }
.showvideo video{ width: 100%; height: auto; margin-bottom: 15px; }
.showvideo .wz{ font-size: 25px; line-height: 40px; color: #2b2a28; }
.showvideo .wz p{ margin-bottom: 10px; }
.showvideo .wz p{ margin-bottom: 10px; }
.showvideo .wz table{ width:100%; table-layout:fixed; }
.showvideo .wz table tr td:nth-child(1){ padding-right: 10px; }
.showvideo .wz table tr td:nth-child(2){ padding-left: 10px; }

.revideo{ margin-bottom: 140px; }
.revideo .lmtit{ font-size: 30px; color: #1f1e1c; border-bottom: 1px solid #1f1e1c; margin-bottom: 25px; }
.revideo .list ul{ width: calc(100% + 8px); position: relative; left: -4px; display: flex; flex-wrap: wrap; }
.revideo .list ul li{ display: block; width: calc(33.3333% - 8px); margin: 4px; position: relative; overflow: hidden; }
.revideo .list ul li .pic{ overflow: hidden; }
.revideo .list ul li .pic img{ transition: all .5s; position: absolute; width: 100%; height: 100%; }
.revideo .list ul li .fgc{ position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 35px; background: rgba(25,25,25,.8); left: 0; top: 0; transition: all .5s; opacity: 0; }
.revideo .list ul li .tit{ font-size: 25px; line-height: 40px; color: #fff; transform: translateY(70px); transition: all .5s; }
.revideo .list ul li .ico{ position: absolute; width: 100%; height: 100%; right: 0; bottom: 0; transition: all .5s; z-index: 1; }
.revideo .list ul li .ico img{ transition: all .5s; }.revideo .list ul li:hover .pic img{ filter: blur(10px); }
.revideo .list ul li:hover .fgc{ opacity: 1; }
.revideo .list ul li:hover .fgc .tit{ transform: translateY(0px); }
.revideo .list ul li:hover .ico{ width: 120px; height: 120px; box-sizing: border-box; }
.revideo .list ul li:hover .ico img{ width: 50px; height: 50px; }

.nymess{ padding: 140px 0; max-width: 680px; margin: 0 auto; }
.nymess .lmtit{ font-size: 45px; font-weight: 500; color: #c10d10; text-align: center; margin-bottom: 70px; }
.nymess .text{ height: 85px; border-radius: 15px; background: #efefef; outline: none; padding: 0 15px; font-size: 35px; color: #333; width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 15px; }
.nymess .textarea{ padding: 10px 15px; outline: none; border: 0; border-radius: 15px; background: #efefef; font-size: 35px; color: #333;  width: 100%; text-align: center; box-sizing: border-box; line-height: 50px; height: 320px; margin-bottom: 15px; }
.nymess .sub{ width: 240px; border-radius: 15px; height: 85px; font-size: 35px; background: #c10d10; color: #fff; outline: none; transition: all .5s; }
.nymess .sub:hover{ background: #191919; }

.nypape{ padding: 140px 0; }
.nypape .lmtit{ font-size: 45px; font-weight: 500; color: #c10d10; text-align: center; margin-bottom: 70px; }
.nypape .nr{ text-align: center; min-height: 400px; }
.nypape .nr .wz{ text-align: left; display: inline-block; }
.nypape .nr .wz{ font-size: 25px; line-height: 40px; color: #2b2a28; }
.nypape .nr .wz p{ margin-bottom: 10px; }