@charset "utf-8";
.content{ max-width: 1400px; 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: #e50012;}
.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: #333; font-size: 16px; width: 100%; padding: 20px 0; }

.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 { display: none; position: relative; width: 31px; padding: 0 0 0 10px; cursor: pointer; float: right; }
.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: #333; 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: #e50012;}
.nav_handle.on b .l_2 { transform: rotate(-45deg); }

.banner{ overflow: hidden; text-align: center; position: relative; }
.banner .swiper-slide{ position: relative; }
.banner .swiper-slide .index_video{ position: absolute; z-index: 7; left: 0; top: 0; width: 100%; height: 100%; object-fit:cover; }
.banner .swiper-slide .hsfgc{ position: absolute; width: 100%; height: 100%; z-index: 8; left: 0; top: 0; background: rgba(255,255,255,.4); }
.banner .swiper-slide .hsfgc .lmtit{ font-size: 48px; font-weight: bold; color: #232323; }
.banner .swiper-slide .hsfgc .lmjj{ font-size: 48px; color: #fff; line-height: 106px; background: url(../images/index_01.png) no-repeat center; font-weight: bold; position: relative; width: 1200px; margin: 0 auto; }
.banner .swiper-slide .fgc{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.1); box-sizing: border-box; z-index: 9; }
.banner .swiper-slide .fgc .lmtit{ font-size: 48px; color: #fff; font-weight: bold; text-shadow: 3px 3px 3px rgba(0,0,0,.6); }
.banner .swiper-slide .fgc .lmxian{ width: 170px; height: 5px; background: #fff; margin: 15px auto; }
.banner .swiper-slide .fgc .lmjj{ font-size: 24px; color: #fff; text-shadow: 3px 3px 3px rgba(0,0,0,.6); }
.banner .swiper-slide .fgc.textleft .cell{ text-align: left; }
.banner .swiper-slide .fgc.textleft .lmxian{ margin: 15px 0; }
.banner .pagination{ z-index: 9; text-align: center; line-height: 30px; height: 30px; width: 100%; position: absolute; left: 0; }
.banner .pagination .swiper-pagination-bullet{ cursor: pointer; width: 10px; height: 10px; display: inline-block; margin: 0 5px; box-sizing: border-box; border-radius: 5px; background: rgba(255,255,255,.4); opacity: 1; }
.banner .pagination .swiper-pagination-bullet-active{ background: #e50012; width: 15px; }
.banner .banner-left{ z-index: 8; transition: all .5s; position: absolute; font-size: 18px; color: #fff; left: 35px; top: 50%; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; border-radius: 50%; background: rgba(255,255,255,.4); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.banner .banner-left i{ position: relative; left: -1px; }
.banner .banner-right{ z-index: 8; transition: all .5s; position: absolute; font-size: 18px; color: #fff; right: 35px; top: 50%; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; border-radius: 50%; background: rgba(255,255,255,.4); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.banner .banner-right i{ position: relative; right: -1px; }
.banner .banner-left:hover,.banner .banner-right:hover{ background: #e50012; color: #fff; }
.banner.webbanner{ display: block; }
.banner.wapbanner{ display: none; }

.header{ position: fixed; width: 100%; background: rgba(255,255,255,.6); left: 0; top: 0; z-index: 99; transition: all .5s; min-width: 1200px; }
.header .content { max-width: 1680px; }
.header .logo{ padding: 20px 0; float: left; }
.header .logo img{ height: 60px; }
.header .lang{ float: right; line-height: 100px; font-size: 16px; color: #333; }
.header .inmuen{ float: right; padding-right: 16px; margin-right: 56px; border-right: 1px solid #ffffff; }
.header .inmuen ul li{ display: block; float: left; padding: 0 44px; }
.header .inmuen ul li > a{ line-height: 100px; font-size: 16px; color: #333; }
.header .inmuen ul li:hover > a,.header .inmuen ul li.on > a{ color: #e50012; }
.header .inmuen ul li .erji{ width: 100%; background: rgba(255,255,255,.7); position: absolute; left: 0; top: 100%; padding: 23px 0; display: none; border-top: 1px solid #eee; }
.header .inmuen ul li .erji .content{ width: 102%; left: -1%; position: relative; text-align: center; }
.header .inmuen ul li .erji .li{ display: inline-block; transition: all .5s; margin: 4px 28px; }
.header .inmuen ul li .erji .li .tit{ text-align: center; font-size: 14px; line-height: 25px; padding-left: 12px; color: #333; position: relative; }
.header .inmuen ul li .erji .li .tit::after { display: block; width: 5px; height: 5px; margin-top: -2.5px; top: 50%; left: 0; content: ''; background-color: #333; position: absolute; }
.header .inmuen ul li .erji .li:hover .tit { color: #e50012; }
.header .inmuen ul li .erji .li:hover .tit::after { background-color: #e50012; }
.header .inmuen ul li:hover .erji{ display: block; }
.header:hover{ background: #fff; }
.header.header_on{ background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.1); }
.header:hover .inmuen, .header.header_on .inmuen { border-right-color: #eee; }

.inpro{ padding: 75px 0; }
.inpro .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.inpro .lmxian{ width: 100px; height: 5px; background: #e50012; margin: 20px auto 25px; }
.inpro .lmjj{ font-size: 16px; line-height: 25px; color: #666666; margin-top: 10px; text-align: center; }
.inpro .list{ position: relative; width: calc(100% + 20px); left: -10px; margin-top: 20px; }
.inpro .list .slist{ width: 33.3333%; float: left; padding: 0 10px; box-sizing: border-box; }
.inpro .list .slist:nth-child(2){ float: right; }
.inpro .list .slist .li{ padding-bottom: 65.9%; position: relative; margin-top: 20px; overflow: hidden; }
.inpro .list .slist .li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 7; transition: all .5s; }
.inpro .list .slist .li .fgc{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 8; background: rgba(0,0,0,.3); padding: 20px; box-sizing: border-box; transition: all .5s; }
.inpro .list .slist .li .fgc .wz{ position: absolute; left: 20px; bottom: 20px; transition: all .5s; }
.inpro .list .slist .li .fgc .wz .en{ font-size: 16px; color: #fff; text-transform: uppercase; }
.inpro .list .slist .li .fgc .wz .cn{ font-size: 18px; font-weight: bold; color: #fff; }
.inpro .list .slist .li:hover .pic{ transform: scale(1.1,1.1); }
.inpro .list .slist .li:hover .fgc .wz{ bottom: 40px; }
.inpro .list .slist .li:hover .fgc{ background: rgba(0,0,0,.5); }
.inpro .list .slist:nth-child(3) .li{ padding-bottom: 136%; }

.inabout{ position: relative; padding: 75px 0 0; }
.inabout:before{ content: ""; display: block; width: 100%; height: 570px; background: #e50012; position: absolute; left: 0; top: 0; z-index: 8; }
.inabout .content{ position: relative; z-index: 9; }
.inabout .lmtit{ font-size: 42px; color: #fff; font-weight: bold; text-align: center; }
.inabout .lmxian{ width: 100px; height: 5px; background: #fff; margin: 20px auto 25px; }
.inabout .lmjj{ font-size: 16px; line-height: 25px; color: #fff; margin-top: 10px; text-align: center; }
.inabout .nr{ position: relative; background: #efefef; min-height: 490px; padding-left: 700px; margin-top: 30px; overflow: hidden; }
.inabout .nr .pic{ width: 700px; height: 490px; position: absolute; left: 0; top: 0; }
.inabout .nr .wz{ padding: 50px 25px; }
.inabout .nr .wz .tit{ font-size: 24px; font-weight: bold; color: #e50012; margin-bottom: 25px; }
.inabout .nr .wz .jj{ font-size: 14px; line-height: 24px; color: #666; margin-bottom: 60px; }
.inabout .nr .wz .more{ display: block; width: 150px; line-height: 40px; background: #e50012; font-size: 16px; color: #fff; text-align: center; border-radius: 20px; }
.inabout .nr .wz .more:hover{ background: #333; }

.inshuju{ padding: 40px 0 0; }
.inshuju ul{ display: flex; flex-wrap: wrap; position: relative; width: calc(100% + 10px); left: -5px; }
.inshuju ul li{ display: block; width: calc(25% - 10px); margin: 0 5px; padding: 10px 10px 20px; box-sizing: border-box; background: #efefef; }
.inshuju ul li .sz{ font-size: 18px; color: #333; text-align: center; margin-top: 10px; }
.inshuju ul li .sz span{ font-size: 36px; font-weight: bold; }
.inshuju ul li .jj{ font-size: 16px; color: #666666; text-align: center; }
.inshuju ul li:hover{ background: #e50012; }
.inshuju ul li:hover .sz,.inshuju ul li:hover .jj{ color: #fff; }

.innews{ padding: 75px 0; }
.innews .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.innews .lmxian{ width: 100px; height: 5px; background: #e50012; margin: 20px auto 45px; }
.innews .lmjj{ font-size: 16px; line-height: 25px; color: #666666; margin-top: 10px; text-align: center; }
.innews .nr{ display: flex; flex-wrap: wrap; width: 102%; position: relative; left: -1%; margin-top: 26px;}
.innews .nr .list{ width: 31.3333%; margin: 0 1%; box-sizing: border-box; padding: 35px 20px; border: 1px solid #e0e0e0; }
.innews .nr .list .slmtit{ font-size: 24px; color: #333; font-weight: 500; line-height: 35px; }
.innews .nr .list .slmtit a{ float: right; font-size: 14px; font-weight: 300; color: #666; }
.innews .nr .list .slmtit a:hover{ color: #e50012; }
.innews .nr .list .slist ul li{ display: block; position: relative; padding-right: 90px; overflow: hidden; padding-left: 15px; }
.innews .nr .list .slist ul li:before{ content: ""; display: block; width: 10px; height: 10px; background: #e0e0e0; left: -5px; top: 50%; margin-top: -5px; position: absolute; transform: rotate(45deg); }
.innews .nr .list .slist ul li .tit{ font-size: 16px; color: #333; height: 35px; line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.innews .nr .list .slist ul li .date{ position: absolute; right: 0; top: 0; line-height: 35px; color: #9b9b9b; font-size: 14px; }
.innews .nr .list .slist ul li:hover .tit,.innews .nr .list .slist ul li:hover .date{ color: #e50012; }
.innews .nr .list .slist ul li:hover:before{ background: #e50012; }
.innews .nr .list .slist ul li .jj{ display: none; }
.innews .nr .list .slist ul li .pic{ display: none; }
.innews .nr .list:nth-child(1) .slist ul a:nth-child(1) li:before,.innews .nr .list:nth-child(2) .slist ul a:nth-child(1) li:before{ display: none; }
.innews .nr .list:nth-child(1) .slist ul a:nth-child(1) li,.innews .nr .list:nth-child(2) .slist ul a:nth-child(1) li{ padding: 15px 0; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px; }
.innews .nr .list:nth-child(1) .slist ul a:nth-child(1) li .pic,.innews .nr .list:nth-child(2) .slist ul a:nth-child(1) li .pic{ padding-bottom: 60%; display: block; margin-bottom: 5px; }
.innews .nr .list:nth-child(1) .slist ul a:nth-child(1) li .tit,.innews .nr .list:nth-child(2) .slist ul a:nth-child(1) li .tit { font-size: 18px; }
.innews .nr .list:nth-child(1) .slist ul a:nth-child(1) li .date,.innews .nr .list:nth-child(2) .slist ul a:nth-child(1) li .date{ position: static; line-height: initial; }
.innews .nr .list:nth-child(3) .slist ul li{ padding: 0; padding: 10px 0; border-bottom: 1px solid #e0e0e0; overflow: initial; }
.innews .nr .list:nth-child(3) .slist ul li:before{ content: ""; display: block; width: calc(100% + 40px); background: #e50012; left: -20px; bottom: 0; height: 0; transition: all .5s; transform: initial; margin: initial; top: initial; z-index: -1; }
.innews .nr .list:nth-child(3) .slist ul li .tit{ transition: all .5s; }
.innews .nr .list:nth-child(3) .slist ul li .date{ display: none; }
.innews .nr .list:nth-child(3) .slist ul li .jj{ font-size: 14px; color: #666; line-height: 25px; display: -webkit-box; transition: all .5s; }
.innews .nr .list:nth-child(3) .slist ul li:hover:before{ height: 100%; }
.innews .nr .list:nth-child(3) .slist ul li:hover .tit,.innews .nr .list:nth-child(3) .slist ul li:hover .jj{ color: #fff; }

.footer{ background: #333; }
.footer .shang{ padding-bottom: 30px; border-bottom: 1px solid #858585; padding-top: 50px; }
.footer .shang .content{ display: flex; flex-wrap: wrap; }
.footer .shang .fnav{ width: 70%; padding-right: 70px; box-sizing: border-box; }
.footer .shang .fnav ul{ display: flex; flex-wrap: wrap; }
.footer .shang .fnav ul li{ display: block; width: 20%; }
.footer .shang .fnav ul li .tit{ font-size: 18px; color: #fff; margin-bottom: 25px; }
.footer .shang .fnav ul li a{ font-size: 14px; color: #e1e1e1; display: block; padding: 7px 0; }
.footer .shang .fnav ul li a:hover{ color: #e50012; }
.footer .shang .fnav ul li.mess { width: 40%; }
.footer .mess .list{ position: relative; width: 102%; left: -1%; }
.footer .mess .list .text{ width: 100%; height: 35px; border: 1px solid #7a7a7a; background: #7a7a7a; color: #333; padding: 0 10px; font-size: 14px; color: #fff; box-sizing: border-box; }
.footer .mess .list .text:focus,.footer .mess .list textarea:focus{ border-color: #e50012; }
.footer .mess .list .text::placeholder, .footer .mess .list textarea::placeholder { color: #fff; }
.footer .mess .list textarea{ padding: 5px 10px; border: 1px solid #7a7a7a; background: #7a7a7a; color: #fff; line-height: 25px; font-size: 14px; box-sizing: border-box; width: 100%; height: 97px; }
.footer .mess .list .li2{ width: 98%; margin: 0 1% 6px; }
.footer .mess .sub{ float: right; width: 98%; height: 40px; background: #e50012; font-size: 16px; color: #fff; margin-right: 1%; outline: none; }
.footer .mess .sub:hover{ background: #c31218; }
.footer .shang .fcon{ width: 30%; box-sizing: border-box; padding-left: 50px; border-left: 1px solid #858585; }
.footer .shang .fcon .phone{ font-size: 18px; color: #fff; margin-bottom: 20px; }
.footer .shang .fcon .phone span{ font-size: 30px; font-weight: bold; }
.footer .shang .fcon .tit{ font-size: 18px; color: #fff; margin-bottom: 15px; }
.footer .shang .fcon .jj{ font-size: 14px; color: #fff; line-height: 25px; }
.footer .banq{ padding: 15px 0; }
.footer .banq .content{ position: relative; }
.footer .banq .wz{ padding: 30px 425px 30px 0; position: relative; min-height: 75px; font-size: 14px; line-height: 30px; color: #e1e1e1; }
.footer .banq .wz a{ color: #fff; }
.footer .banq .wz a:hover{ text-decoration: underline; color: #e50012; }
.footer .banq .ewm{ position: absolute; right: 0; top: 0; z-index:6; }
.footer .banq .ewm ul{ display: flex; flex-wrap: wrap; }
.footer .banq .ewm ul li{ display: block; margin-left: 25px; width: 100px; }
.footer .banq .ewm ul li .tit{ line-height: 30px; text-align: center; font-size: 14px; color: #e1e1e1; }

.nybanner{ height: 700px; }

.nynav{ background: #f7f7f7; border-bottom: 1px solid #dedede; }
.nynav ul{ white-space: nowrap; overflow-x: auto; }
.nynav ul li{ display: inline-block; margin-right: 40px; }
.nynav ul li:nth-last-child(1){ margin-right: 0; }
.nynav ul li a{display: block;line-height: 77px;font-size: 16px;color: #333;padding: 0 20px;border-bottom: 3px solid #f7f7f7;}
.nynav ul li:hover a,.nynav ul li.on a{ color: #e50012; border-bottom: 3px solid #e50012; }
.nynavkg{ height: 78px; display: none; }
.nynav.xf{ position: fixed; width: 100%; left: 0; top: 100px; z-index: 98; }

.nyaboutdingw{ position: relative; top: -180px; }
.invideo{ padding: 50px 0; }
.invideo .lmtit{ text-align: center; font-size: 42px; color: #333333; font-weight: bold; }
.invideo .btit{ font-size: 30px; font-weight: bold; color: #e40007; }
.invideo .wz{ font-size: 14px; color: #666; line-height: 25px; margin-top: 20px; }
.invideo .video{ max-width: 1200px; margin: 15px auto; }
.invideo .video video{ object-fit: cover; }

.inshuju.nyshuju{ padding-top: 0; padding-bottom: 50px; }

.nyabout{ padding: 55px 0 0; }
.nyabout .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.nyabout .lmxian{ width: 100px; height: 5px; background: #333; margin: 20px auto 25px; }
.nyabout .nr{ position: relative; background: #efefef; min-height: 490px; padding-left: 700px; margin-top: 30px; }
.nyabout .nr .pic{ width: 700px; height: 490px; position: absolute; left: 0; top: 0; }
.nyabout .nr .wz{ padding: 25px; }
.nyabout .nr .wz .tit{ font-size: 24px; font-weight: bold; color: #e50012; margin-bottom: 15px; }
.nyabout .nr .wz .jj{ font-size: 14px; line-height: 30px; color: #666; margin-bottom: 40px; }
.nyabout .nr .wz .more{ display: block; width: 150px; line-height: 40px; background: #e50012; font-size: 16px; color: #fff; text-align: center; }
.nyabout .nr .wz .more:hover{ background: #333; }

.nyshengc{ padding: 50px 0; background-color: #f2f2f2; }
.nyshengc .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.nyshengc .lmxian{ width: 100px; height: 5px; background: #333; margin: 20px auto 40px; }
.nyshengc .bd { margin-top: 20px; }
.nyshengc .bd ul{ position: relative; width: 101%; left: -.5%; }
.nyshengc .bd ul:after{ content: ""; display: block; width: 100%; clear: both; }
.nyshengc .bd ul li{ display: block; width: 24%; margin: .5%; float: left; transition: all .5s; }
.nyshengc .bd ul li .pic{padding-bottom: 70.17%;}
.nyshengc .bd ul li .tit{ font-size: 16px; color: #333; height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 45px; text-align: center; color: #333; }
.nyshengc .bd ul li:hover{ transform: translateY(-5px); }
.nyshengc .bd ul li:hover .tit{ color: #e50012; }

.nyqiyyj{ padding: 55px 0 0; }
.nyqiyyj .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.nyqiyyj .lmxian{ width: 100px; height: 5px; background: #333; margin: 20px auto 25px; }
.nyqiyyj .list{ margin-top: 15px; }
.nyqiyyj .list ul{ display: flex; flex-wrap: wrap; position: relative; width: calc(100% + 6px); left: -3px; }
.nyqiyyj .list ul li{ display: block; width: calc(25% - 6px); margin: 0 3px; position: relative; transition: all .5s; }
.nyqiyyj .list ul li .pic{ height: 600px; }
.nyqiyyj .list ul li .tit{ width: 100%; font-size: 18px; color: #fff; z-index: 9; left: 0; bottom: 35px; position: absolute; text-align: center; }
.nyqiyyj .list ul li .fgc{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); left: 0; top: 0; transition: all .5s; }
.nyqiyyj .list ul li .fgc .jj{ transition: all .5s; font-size: 18px; line-height: 30px; color: #fff; opacity: 0; }
.nyqiyyj .list ul li.on{ width: calc(50% - 6px); }
.nyqiyyj .list ul li.on .fgc{ background: rgba(0,0,0,.4); }
.nyqiyyj .list ul li.on .fgc .jj{ opacity: 1; }

.nyhonor{ padding: 55px 0; background: url(../images/index_02.jpg) no-repeat center; background-size: cover; }
.nyhonor .nr{ position: relative; padding-left: 300px; }
.nyhonor .lmtit{ font-size: 42px; font-weight: bold; color: #fff; position: absolute; left: 0; top: 0; }
.nyhonor .slmtit{ font-size: 60px; font-family: '隶书'; color: #fdda85; margin-bottom: 15px; }
.nyhonor .list{ padding: 30px; border-radius: 20px; background: rgba(255,255,255,.3); }
.nyhonor .list .bd ul li{ display: block; width: 23%; margin: 1%; float: left; }
.nyhonor .list .bd ul li .tupian{ background: #fff; }
.nyhonor .list .bd ul li .tit{ font-size: 16px; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; text-align: center; margin-top: 5px; }
.nyhonor .list .hd{ text-align: center; margin-top: 30px; }
.nyhonor .list .hd ul li{ display: inline-block; width: 60px; height: 4px; background: #fff; margin: 0 5px; cursor: pointer; }
.nyhonor .list .hd ul li.on{ background: #e40007; }

.nypar{ padding: 50px 0; }
.nypar .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.nypar .list { margin-top: 20px; }
.nypar .list ul{ display: block; position: relative; width: 101%; left: -.5%; }
.nypar .list ul li{ display: block; width: 15.6666%; margin: .5%; float: left; box-sizing: border-box; border: 1px solid #e5e5e5; overflow: hidden; }
.nypar .list ul li:hover{ border-color: #e50012; }

.inhistory{ padding: 55px 0; }
.inhistory .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.inhistory .lmxian{ width: 100px; height: 5px; background: #333; margin: 20px auto 0; }
.thumbs, .gallery{width: 100%;position: relative;padding: 0 50px;user-select: none;}
.thumbs::after{content: "";position: absolute;width: calc(100% - 100px);height: 1px;background: #ddd;bottom: 14px;left: 0;right: 0;margin: 0 auto;}
.thumbs-year{width: 100%;position: relative;display: flex;transition: all .4s ease;line-height: 1;align-items: flex-end;justify-content: center;height: 80px;padding-bottom: 38px;font-size: 20px;color: #777; font-weight: 500; color: #333;}
.thumbs-year::before{content: "";position: absolute;right: 0;left: 0;margin: 0 auto;border-radius: 50%;}
.thumbs-year::before{width: 13px;height: 13px;background: #ebebeb;bottom: 8px;transition: all .4s ease;}
.thumbs-year:hover{color: #e50012;}
.thumbs-year.active{color: #e50012;font-size: 38px;}
.thumbs-year.active::before{background: #e50012;border: 1px solid #e50012;transform: scale(1.5);}
.thumbs-year.active::after{background: #e50012;transform: scale(2);}
.gallery{margin-top: 50px;}
.gallery-more{ display: flex; flex-wrap: wrap; }
.gallery-more .pic{ width: 50%; padding-bottom: 20%; }
.gallery-more .wz{ width: 50%; background: #e50012; box-sizing: border-box; padding: 35px; text-align: center; }
.gallery-more .wz .sz{ font-size: 72px; color: #fff; font-weight: bold; }
.gallery-more .wz .jj{ font-size: 16px; color: #fff; line-height: 30px; }
.thumbs-prev, .thumbs-next{position: absolute;width: 30px;height: 30px; border: 1px solid #ccc; border-radius: 50%; line-height: 28px; text-align: center; font-size: 16px; color: #333; cursor: pointer;}
.thumbs-prev{left: 0; top: 50%; margin-top: 28px; }
.thumbs-next{right: 0; top: 50%; margin-top: 28px; }
.thumbs-prev:hover, .thumbs-next:hover{ background: #e50012; color: #fff; }

.nyfengc{ background: #efefef; }

.nypronavjj{ padding: 35px 0; }
.nypronavjj .nr{ box-shadow: 0 0 5px rgba(0,0,0,.2); border: 1px solid #e2e2e2; padding: 16px; }
.nypronavjj .nr .wz{ width: 44%; float: left; box-sizing: border-box; padding: 55px 28px; }
.nypronavjj .nr .wz .tit{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 20px; }
.nypronavjj .nr .wz .jj{ font-size: 16px; color: #666; line-height: 36px; }
.nypronavjj .nr .wz .jj li { padding-left: 14px; position: relative; }
.nypronavjj .nr .wz .jj li::after { content: ''; display: block; width: 5px; height: 5px; background-color: #666666; position: absolute; top: 50%; margin-top: -2.5px; left: 0; }
.nypronavjj .nr .wz .jj li.on a { color: #e50012; }
.nypronavjj .nr .pic{ width: 56%; float: left; height: 370px; }
.nypronavjj .nr .wz .jj li:hover::after,.nypronavjj .nr .wz .jj li.on::after{ background: #e50012; }

.nyprolist{ padding: 45px 0; background: #f7f7f7; }
.nyprolist .lmtit{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 25px; }
.nyprolist .lmtit span { margin-left: 20px; padding-left: 16px; border-left: 2px solid #333333; font-size: 24px; font-weight: normal; }
.nyprolist .list ul{ display: flex; flex-wrap: wrap; width: 101%; position: relative; left: -.5%; }
.nyprolist .list ul li{ display: block; width: 24%; margin: .5%; }
.nyprolist .list ul li .pic{ background: #fff; border: 1px solid #e2e2e2; }
.nyprolist .list ul li .pic img{ transition: all .5s; }
.nyprolist .list ul li .tit{ height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; text-align: center; }
.nyprolist .list ul li:hover .pic img{ transform: scale(1.1,1.1); }
.nyprolist .list ul li:hover .pic{ border-color: #e50012; }
.nyprolist .list ul li:hover .tit{ color: #e50012; }

.feny{ text-align: center; margin-top: 30px; font-size: 16px; color: #666666; }
.feny a{ display: inline-block; margin: 0 5px; color: #666666; }
.feny a.on{ color: #e50012; }
.feny span:nth-child(2) { display: none; }
.feny .prev { margin-right: 10px }
.feny .next { margin-left: 10px }

.weizhi{ background: #f7f7f7; border-bottom: 1px solid #d7d7d7; }
.weizhi .nr{ padding: 20px 160px 20px 0; position: relative; font-size: 14px; line-height: 40px; color: #666; }
.weizhi .nr::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100px; height: 3px; background-color: #e50012; }
.weizhi .nr i{ font-size: 18px; }
.weizhi .nr a{ color: #666; }
.weizhi .nr a:hover{ color: #e50012; }
.weizhi .nr .ann{ display: block; width: 120px; line-height: 40px; text-align: center; background: #e50012; position: absolute; right: 0; top: 50%; margin-top: -20px; font-size: 16px; color: #fff; }
.weizhi .nr .ann:hover{ background: #333; color: #fff; }

.box{ width: 658px; position: absolute; left: 0; top: 0; box-sizing: border-box; }
.tb-pic a{display:table-cell; text-align:center; vertical-align:middle; cursor:pointer;}
.tb-pic a img {vertical-align:middle;}
.tb-s310 { border: 1px solid #e2e2e2; box-sizing: border-box; }
.tb-s310, .tb-s310 a {height:522px; width:522px;}
.tb-s310, .tb-s310 img {max-height:522px; max-width:522px;}
div.zoomDiv {z-index:999; position:absolute; width:522px; height:522px; display:none;text-align:center; overflow:hidden; margin-left:-9px; background:#fff;}
div.zoomDiv img{ max-width:inherit; max-height:inherit;}
div.zoomMask {position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1;}
.picScroll-left { width: 125px; position: absolute; right: 0; top: 0; padding-top: 30px; padding-bottom: 30px; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ width:100%; height:20px; font-size:16px; text-align:center; line-height:20px; color:#666; background: #f7f7f7; border: 1px solid #e2e2e2; border-radius: 2px;}
.picScroll-left .hd .prev{ position: absolute; left: 0; top: 0; }
.picScroll-left .hd .next{ position: absolute; left: 0; bottom: 0; }
.picScroll-left .hd .prev:hover { color:#fff; background: #e50012; }
.picScroll-left .hd .next:hover { color:#fff; background: #e50012; }
.picScroll-left .bd{  }
.picScroll-left .bd ul li{ display: block; width: 100%; cursor: pointer; padding: 13px 0; }
.picScroll-left .bd ul li a img{ border: 1px solid #eee; box-sizing: border-box; max-width: 125px; max-height: 125px; }
.picScroll-left .bd ul li.tb-selected a img{ border: 1px solid #e50012; }

.showinfo{ padding: 40px 0; }
.showinfo .nr{position: relative;padding: 20px 20px 40px 710px;min-height: 522px; box-sizing: border-box;}
.showinfo .nr .lmtit{ padding: 0 0 15px; font-size: 24px; color: #333; font-weight: bold; border-bottom: 1px dashed #8a8a8a; }
.showinfo .nr .jj{ font-size: 14px; line-height: 25px; padding: 20px 0; color: #666; }
.showinfo .nr .jj b{ font-size: 16px; color: #333; }
.showinfo .nr .slmtit{ padding: 10px; background: #fff; font-size: 24px; font-weight: bold; color: #e50012; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }
.showinfo .nr .contact { background-color: #333333; color: #fff;  position: relative; padding-right: 340px; margin-top: 20px; }
.showinfo .nr .phone { font-size: 16px; line-height: 70px; padding: 0 20px 0 30px; height: 70px; box-sizing: border-box; overflow: hidden; }
.showinfo .nr .phone span { font-size: 30px; }
.showinfo .nr .ann { width: 170px; font-size: 16px; color: #fff; display: block; line-height: 70px; text-align: center; position: absolute; }
.showinfo .nr .ann svg{ fill: #fff; width: 30px; height: 20px; vertical-align: middle; margin-right: 5px; }
.showinfo .nr .ann.ann1{ right: 0; top: 0; background: #ff6a00; }
.showinfo .nr .ann.ann2{ right: 170px; top: 0; background: #111; }
.showinfo .nr .ann:hover{ opacity: .9; }

.showprodetail .detail .hd{ background: #e30007; }
.showprodetail .detail .hd ul li{ display: inline-block; padding: 0 20px; position: relative; cursor: pointer; }
.showprodetail .detail .hd ul li:before{ content: ""; display: block; width: 1px; height: 17px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -9px; }
.showprodetail .detail .hd ul li:nth-last-child(1):before{ display: none; }
.showprodetail .detail .hd ul li span{ display: block; padding: 0 15px; line-height: 55px; font-size: 18px; color: #f5f5f5; }
.showprodetail .detail .hd ul li.on span{ background: #fff; color: #e50012; }
.showprodetail .detail .bd ul .wz{ font-size: 16px; line-height: 30px; color: #666; padding: 36px 0 0; }
.showprodetail .detail .bd ul .wz h3 { font-size: 18px; color: #333333; font-weight: bold; margin: 10px 0; }
.showprodetail .detail .bd ul .wz table { max-width: 100%; height: auto; width: 100%; }
.showprodetail .detail .bd ul .wz video{ max-width: 800px; height: auto; width: 100%; display: block; margin: 0 auto; }
.showprodetail .detail .bd ul .wz td { padding: 6px 10px; }
.showprodetail .detail .bd ul .list{ display: flex; flex-wrap: wrap; position: relative; width: 101%; left: -.5%; margin-top: 15px; }
.showprodetail .detail .bd ul .list .li{ width: 24%; margin: .5%; }
.showprodetail .detail .bd ul .list .li .pic{ border: 1px solid #ddd; overflow: hidden; }
.showprodetail .detail .bd ul .list .li .tit{ font-size: 16px; color: #333; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: 5px; }
.showprodetail .detail .bd ul .list .li:hover .pic{ border-color: #e50012; }
.showprodetail .detail .bd ul .list .li:hover .tit{ color: #e50012; }
.showprodetail .pre{ padding: 20px 0; border-top: 1px dashed #d9d9d9; border-bottom: 1px dashed #d9d9d9; margin-top: 48px; }
.showprodetail .pre a{display: block;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;color: #666;width: 50%;box-sizing: border-box;}
.showprodetail .pre a span { color: #333; }
.showprodetail .pre a.left { text-align: left; padding-right: 10px; float: left; }
.showprodetail .pre a.right { text-align: right; padding-left: 10px; float: right; }
.showprodetail .pre a:hover, .showprodetail .pre a:hover span{ color: #e50012; }

.repro{ padding: 50px 0; }
.repro .lmtit{ font-size: 24px; color: #333; font-weight: bold; }
.repro .list ul{ display: flex; flex-wrap: wrap; position: relative; width: 101%; left: -.5%; margin-top: 15px; }
.repro .list ul li{ width: 24%; margin: .5%; }
.repro .list ul li .pic{ border: 1px solid #ddd; overflow: hidden; }
.repro .list ul li .tit{ font-size: 16px; color: #333; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: 5px; }
.repro .list ul li:hover .pic{ border-color: #e50012; }
.repro .list ul li:hover .tit{ color: #e50012; }

.nycoopnav{ padding: 50px 0; }
.nycoopnav ul{ display: flex; flex-wrap: wrap; position: relative; width: 101%; left: -.5%; }
.nycoopnav ul li{ display: block; width: 32.33333%; margin: .5%; box-sizing: border-box; padding: 10px; border: 1px solid #ddd; transition: all .5s; }
.nycoopnav ul li .pic{ overflow: hidden; }
.nycoopnav ul li .pic img{ transition: all .5s; }
.nycoopnav ul li .tit{ font-size: 16px; color: #333; text-align: center; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nycoopnav ul li:hover{ background: #e50012; border-color: #e50012; }
.nycoopnav ul li:hover .tit{ color: #fff; }
.nycoopnav ul li:hover .pic img{ transform: scale(1.1,1.1); }

.nycooplist{ padding: 50px 0; }
.nycooplist .list ul li{ display: block; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
.nycooplist .list ul li .pic{ width: 50%; height: 280px; float: left; transition: all .5s; }
.nycooplist .list ul li .wz{ width: 50%; box-sizing: border-box; padding: 30px 50px; float: left; transition: all .5s; }
.nycooplist .list ul li .tit{ text-align: center; font-size: 24px; color: #333; font-weight: bold; }
.nycooplist .list ul li .xian{ width: 200px; height: 3px; margin: 15px auto; background: linear-gradient(to right, #fff, #dd787c, #fff); }
.nycooplist .list ul li .jj{ font-size: 14px; color: #666; line-height: 25px; }
.nycooplist .list ul li:nth-child(even) .pic{ float: right; }
.nycooplist .list ul li:hover .pic{ width: 40%; }
.nycooplist .list ul li:hover .wz{ width: 60%; }

.nypage{ padding: 50px 0; font-size: 16px; color: #333; line-height: 30px; }
.nypage img{ margin: 10px 0; }

.nydown{ padding: 50px 0; }
.nydown .list{ margin-bottom: 40px; }
.nydown .list ul li{ display: block; border-bottom: 1px solid #ddd; position: relative; }
.nydown .list ul li .tit{ height: 70px; line-height: 70px; font-size: 14px; color: #666; padding-right: 70px; padding-left: 10px; }
.nydown .list ul li .tit:before{ content: ""; display: inline-block; width: 7px; height: 7px; vertical-align: middle; background: #333; margin-right: 14px; position: relative; top: -1px; }
.nydown .list ul li .ann{ width: 70px; position: absolute; right: 0; top: 0; overflow: hidden; line-height: 70px; text-align: center; }
.nydown .list ul li:hover{ background: #f7f7f7; border-color: #f7f7f7; }
.nydown .list ul li:hover .ann img{ filter: drop-shadow(#e50012 1000px 0); transform: translateX(-1000px); }

.nynews{ padding: 50px 0; }
.nynews .list{ margin-bottom: 30px; }
.nynews .list ul{ display: flex; flex-wrap: wrap; position: relative; width: 101%; left: -.5%; }
.nynews .list ul li{ display: block; width: 32.33333%; margin: .5%; box-sizing: border-box; padding: 20px; border: 1px solid #ddd; position: relative; transition: all .5s; }
.nynews .list ul li .pic{ height: 240px; margin-bottom: 10px; transition: all .5s; }
.nynews .list ul li .bdate{ display: none; }
.nynews .list ul li .tit{ font-size: 18px; color: #333; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nynews .list ul li .date{ font-size: 14px; color: #999; margin: 10px 0; }
.nynews .list ul li .jj{ font-size: 14px; line-height: 25px; color: #666; padding-top: 10px; border-top: 1px solid #ddd; }
.nynews .list ul li .more{ width: 100%; position: absolute; bottom: 0; left: 0; height: 0px; line-height: 0px; font-size: 16px; color: #fff; background: #e50012; transition: all .5s; text-align: center; overflow: hidden; }
.nynews .list ul li:hover{ padding-bottom: 50px; }
.nynews .list ul li:hover .pic{ height: 210px; }
.nynews .list ul li:hover .more{ height: 45px; line-height: 45px; }

.shownews{ padding: 50px 0; }
.shownews .left{width: calc(100% - 380px);float: left;}
.shownews .left .lmtit{ font-size: 24px; color: #333; font-weight: bold; text-align: center; }
.shownews .left .date{ font-size: 14px; color: #666; padding: 10px 0 20px; border-bottom: 1px dashed #d9d9d9; text-align: center; }
.shownews .left .wz{ font-size: 14px; line-height: 30px; color: #666; padding: 30px 0; }
.shownews .left .pre{ padding: 20px 0; border-top: 1px dashed #d9d9d9; border-bottom: 1px dashed #d9d9d9; }
.shownews .left .pre a{ display: block; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; width: 50%; box-sizing: border-box; }
.shownews .left .pre a span { color: #333; }
.shownews .left .pre a.left { text-align: left; padding-right: 10px; float: left; }
.shownews .left .pre a.right { text-align: right; padding-left: 10px; float: right; }
.shownews .left .pre a:hover, .shownews .left .pre a:hover span{ color: #e50012; }
.shownews .renews{ width: 330px; float: right; }
.shownews .renews .lmtit{ font-size: 16px; color: #333; font-weight: bold; margin-bottom: 10px; }
.shownews .renews .list ul li{ display: block; margin-bottom: 20px; padding: 15px; background: #f7f7f7; }
.shownews .renews .list ul li .pic{ height: 180px; margin-bottom: 5px; }
.shownews .renews .list ul li .tit{ height: 40px; line-height: 40px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.shownews .renews .list ul li .tit .date{ font-size: 14px; color: #9b9b9b; }
.shownews .renews .list ul li:hover{ background: #e50012; }
.shownews .renews .list ul li:hover .tit{ color: #fff; }
.shownews .renews .list ul li:hover .date{ color: #fff; }

.nycontact{ position: relative; margin-top: 20px; }
.nycontact .nr { background-color: #e50012; position: relative; }
.nycontact .nr > .pic{ width: 50%; height: 100%; right: 50%; position: absolute; }
.nycontact .wz{ padding: 30px 14px 50px 40px; float: right; width: 50%; box-sizing: border-box; }
.nycontact .wz .lmtit{ font-size: 24px; font-weight: bold; color: #fff; }
.nycontact .wz .lmxian{ width: 100px; height: 5px; background: #fff; margin: 15px 0 35px; }
.nycontact .wz .phone{ font-size: 18px; color: #fff; margin-bottom: 20px; margin-top: 6px; }
.nycontact .wz .phone span{ font-size: 30px; font-weight: bold; }
.nycontact .wz .jj{font-size: 14px;color: #fff;line-height: 24px;position: relative;padding-right: 260px;}
.nycontact .wz .ewm{ position: absolute; right: 0; top: 10px; z-index:6; }
.nycontact .wz .ewm ul{ display: flex; flex-wrap: wrap; }
.nycontact .wz .ewm ul li{ display: block; margin-left: 14px; width: 100px; }
.nycontact .wz .ewm ul li .tit{ line-height: 30px; text-align: center; font-size: 16px; color: #fff; margin-top: 8px; }

.nycontactlist{ padding: 0 0 46px; }
.nycontactlist .lmtit{ font-size: 30px; font-weight: bold; color: #333; }
.nycontactlist .list ul{ display: flex; flex-wrap: wrap; position: relative; width: 103%; left: -1.5%; }
.nycontactlist .list ul li{ display: block; width: 30.3333%; margin: 30px 1.5% 0; }
.nycontactlist .list ul li .pic img { width: 100%; height: auto; }
.nycontactlist .list ul li .tit{ font-size: 24px; color: #666666; margin-top: 10px; }
.nycontactlist .list ul li .xian{ width: 100%; height: 1px; background: #ddd; margin: 15px 0; position: relative; }
.nycontactlist .list ul li .xian span{ width: 50px; height: 2px; background: #e50012; display: block; position: absolute; left: 0; top: 0; }
.nycontactlist .list ul li .jj { font-size: 18px; color: #ffffff; background-color: #e50012; border-radius: 19px; line-height: 38px; height: 38px; overflow: hidden; padding: 0 34px; margin-top: 14px; display: inline-block; }
.nycontactlist .list ul li .wz{ font-size: 16px; line-height: 30px; color: #666666; margin-top: 12px; }
.nycontactlist .list ul li .wz p { display: block; padding-left: 28px; background: url(../images/icon1.png) no-repeat 6px center; width: 50%; box-sizing: border-box; float: left; overflow: hidden; height: 30px; padding-right: 20px; }

.nymess{ padding: 50px 0; background: #f7f7f7; }
.nymess .lmtit{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 5px; }
.nymess .lmjj{ font-size: 16px; color: #666; margin-bottom: 20px; }
.nymess .list{ position: relative; width: 102%; left: -1%; }
.nymess .list .text{ width: 100%; height: 50px; border: 1px solid #cbcbcb; background: #fff; color: #333; padding: 0 20px; font-size: 16px; color: #333; box-sizing: border-box; }
.nymess .list .text:focus,.nymess .list textarea:focus{ border-color: #e50012; }
.nymess .list textarea{ padding: 10px 20px; border: 1px solid #cbcbcb; background: #fff; color: #333; line-height: 25px; font-size: 16px; box-sizing: border-box; width: 100%; height: 97px; }
.nymess .list .li1{ width: 31.3333%; margin: 0 1% 20px; float: left; }
.nymess .list .li2{ width: 98%; margin: 0 1% 20px; }
.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: 200px; height: 50px; background: #e50012; font-size: 16px; color: #fff; margin-right: 1%; outline: none; }
.nymess .list .sub:hover{ background: #333; }

.nyjoinjj{ padding: 50px 0; }
.nyjoinjj .lmtit{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 5px; }
.nyjoinjj .lmjj{ font-size: 16px; color: #666; margin-bottom: 20px; line-height: 25px; }
.nyjoinjj .nyjoinjjnr{ position: relative; }
.nyjoinjj .nyjoinjjnr .bd ul{ background: #e50012; }
.nyjoinjj .nyjoinjjnr .bd ul li .wz{ width: 40%; float: left; padding: 40px 30px; box-sizing: border-box; }
.nyjoinjj .nyjoinjjnr .bd ul li .wz .tit{ font-size: 24px; font-weight: bold; color: #fff; }
.nyjoinjj .nyjoinjjnr .bd ul li .wz .xian{ width: 200px; height: 1px; background: #fff; margin: 15px 0 25px; }
.nyjoinjj .nyjoinjjnr .bd ul li .wz .jj{ font-size: 16px; color: #fff; line-height: 30px; }
.nyjoinjj .nyjoinjjnr .bd ul li .pic{ width: 60%; float: left; height: 400px; }
.nyjoinjj .nyjoinjjnr .prev,.nyjoinjj .nyjoinjjnr .next{ display: block; width: 40px; line-height: 40px; border: 1px solid #fff; font-size: 18px; color: #fff; position: absolute; text-align: center; }
.nyjoinjj .nyjoinjjnr .prev{ left: 30px; bottom: 30px; }
.nyjoinjj .nyjoinjjnr .next{ left: 90px; bottom: 30px; }
.nyjoinjj .nyjoinjjnr .prev i{ position: relative; top: -2px; }
.nyjoinjj .nyjoinjjnr .next i{ position: relative; top: -2px; }
.nyjoinjj .nyjoinjjnr .prev:hover,.nyjoinjj .nyjoinjjnr .next:hover{ background: #fff; color: #e50012; }
.nyjoinjj .nyjoinjjnr .hd{ position: absolute; right: calc(60% + 30px); line-height: 40px; bottom: 30px; }
.nyjoinjj .nyjoinjjnr .hd ul li{ display: inline-block; width: 12px; height: 12px; background: rgba(255,255,255,.5); border-radius: 50%; margin: 0 3px; cursor: pointer; }
.nyjoinjj .nyjoinjjnr .hd ul li.on{ background: #fff; }

.nyjoinlist{ padding:0 0 50px; }
.nyjoinlist .lmtit{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 30px; }
.nyjoinlist .li.on{ background: #f7f7f7; }
.nyjoinlist .li .titwz{padding:30px 0;position:relative;padding-left:550px;min-height:80px;cursor:pointer}
.nyjoinlist .li .titwz .tit{width:435px;border-right:1px solid #f1f1f1;position:absolute;left:0;top:30px;padding-left:85px}
.nyjoinlist .li .titwz .tit .ico{width:30px;line-height:30px;height:30px;border-radius:50%;border:1px solid #eaeaea;text-align:center;font-size:20px;position:absolute;left:25px;top:50%;margin-top:-16px}
.nyjoinlist .li .titwz .tit .stit{font-size:18px;height:40px;line-height:40px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nyjoinlist .li .titwz .tit .sjj{font-size:16px;height:40px;line-height:40px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nyjoinlist .li .titwz .titli{width:33.3333%;float:left;text-align:center;line-height:80px}
.nyjoinlist .li .titwz .titli span{display:inline-block;padding:0 35px;font-size:16px;color:#666;line-height:35px;border:1px solid #e9e9e9;border-radius:18px;background: #fff;}
.nyjoinlist .li .xian{height:1px;background:#f1f1f1}
.nyjoinlist .li .wznr{display:none;padding:30px;font-size:16px;line-height:30px;color:#666}
.nyjoinlist .li .wznr .ann{ width: 150px; line-height: 50px; background: #e50012; font-size: 16px; color: #fff; display: block; text-align: center; margin-top: 30px; }
.nyjoinlist .li .wznr .ann:hover{ background: #333; }

.nyzhanh{ padding: 55px 0 0; }
.nyzhanh .lmtit{ font-size: 42px; font-weight: bold; color: #333; margin-bottom: 20px; text-align: center; }
.nyzhanh .nr{ position: relative; margin-left: -8px; margin-right: -8px; }
.nyzhanh .nr .left{ width: 50%; float: left; }
.nyzhanh .nr .left .hd ul{ display: flex; flex-wrap: wrap; }
.nyzhanh .nr .left .hd ul li{ display: block; width: calc(50% - 16px); margin: 8px; cursor: pointer; border: 2px solid #eee; box-sizing: border-box; }
.nyzhanh .nr .left .hd ul li .pic .img{ height: 240px; }
.nyzhanh .nr .left .hd ul li.on{ border-color: #e50012; }
.nyzhanh .nr .left .sxp{ line-height: 60px; background: #fafafa; text-align: right; width: calc(100% - 16px); margin: -8px 8px 0; }
.nyzhanh .nr .left .sxp a{ display: inline-block; padding: 0 20px; font-size: 25px; color: #666; cursor: pointer; }
.nyzhanh .nr .left .sxp a:hover{ color: #e50012; }
.nyzhanh .nr .right{ width: 50%; float: right; padding: 8px; box-sizing: border-box;}
.nyzhanh .nr .right .bd .li .pic .img{ height: 502px; }
.nyzhanh .nr .right .bd .li .tit{ padding: 0 30px; line-height: 65px; height: 65px; background: #e50012; font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }