@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: #c31218;}
.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: 14px; width: 100%; }

.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: #c31218;}
.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(0,0,0,.2); }
.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: 40px; 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: 18px; 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: #c31218; 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; top: -2px; }
.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; top: -2px; }
.banner .banner-left:hover,.banner .banner-right:hover{ background: #c31218; 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; }
.header .logo{ padding: 20px 0; float: left; }
.header .lang{ float: right; line-height: 96px; font-size: 16px; color: #333; }
.header .lang img{ vertical-align: middle; margin-right: 10px; position: relative; top: -2px; }
.header .inmuen{ float: right; margin-right: 30px; }
.header .inmuen ul li{ display: block; float: left; padding: 0 30px; }
.header .inmuen ul li > a{ line-height: 96px; font-size: 16px; color: #333; }
.header .inmuen ul li:hover > a,.header .inmuen ul li.on > a{ color: #c31218; }
.header .inmuen ul li .erji{ width: 100%; background: rgba(255,255,255,.8); position: absolute; left: 0; top: 100%; padding: 50px 0; display: none; border-top: 1px solid #eee; }
.header .inmuen ul li .erji .content{ display: flex; flex-wrap: wrap; width: 102%; left: -1%; position: relative; }
.header .inmuen ul li .erji .li{ width: 14.6666%; margin: 1%; transition: all .5s; }
.header .inmuen ul li .erji .li:hover{ transform: translateY(-10px); }
.header .inmuen ul li .erji .li .tit{ text-align: center; font-size: 14px; line-height: 25px; margin-top: 5px; }
.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); }

.inpro{ padding: 75px 0; }
.inpro .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.inpro .lmxian{ width: 100px; height: 5px; background: #c31218; margin: 20px auto 25px; }
.inpro .lmjj{ font-size: 16px; line-height: 25px; color: #333; 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: #c31218; 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; 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: 25px; }
.inabout .nr .wz .tit{ font-size: 24px; font-weight: bold; color: #c31218; margin-bottom: 15px; }
.inabout .nr .wz .jj{ font-size: 14px; line-height: 30px; color: #666; margin-bottom: 40px; }
.inabout .nr .wz .more{ display: block; width: 150px; line-height: 40px; background: #c31218; font-size: 16px; color: #fff; text-align: center; }
.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; }
.inshuju ul li .sz span{ font-size: 48px; font-weight: bold; }
.inshuju ul li .jj{ font-size: 16px; color: #333; text-align: center; }
.inshuju ul li:hover{ background: #c31218; }
.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: #c31218; margin: 20px auto 45px; }
.innews .nr{ display: flex; flex-wrap: wrap; width: 102%; position: relative; left: -1%;}
.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: #c31218; }
.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: #666; }
.innews .nr .list .slist ul li:hover .tit,.innews .nr .list .slist ul li:hover .date{ color: #c31218; }
.innews .nr .list .slist ul li:hover:before{ background: #c31218; }
.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 .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: #c31218; 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: #1b1b1b; }
.footer .shang{ padding-bottom: 30px; border-bottom: 1px solid #3e3e3e; padding-top: 50px; }
.footer .shang .content{ display: flex; flex-wrap: wrap; }
.footer .shang .fnav{ width: 70%; padding: 0 30px; 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: #c31218; }
.footer .shang .fcon{ width: 30%; box-sizing: border-box; padding-left: 50px; border-left: 1px solid #3e3e3e; }
.footer .shang .fcon .phone{ font-size: 18px; color: #fff; margin-bottom: 20px; }
.footer .shang .fcon .phone span{ font-size: 24px; font-weight: bold; }
.footer .shang .fcon .tit{ font-size: 18px; color: #fff; margin-bottom: 15px; }
.footer .shang .fcon .jj{ font-size: 14px; color: #e1e1e1; 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: #c31218; }
.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{ padding-bottom: 36.45%; }

.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: 75px; font-size: 16px; color: #333; padding: 0 20px; border-bottom: 3px solid #f7f7f7; }
.nynav ul li:hover a,.nynav ul li.on a{ color: #c31218; border-bottom: 3px solid #c31218; }
.nynavkg{ height: 78px; display: none; }
.nynav.xf{ position: fixed; width: 100%; left: 0; top: 96px; z-index: 98; }

.nyaboutdingw{ position: relative; top: -96px; }
.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: #c31218; 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: #c31218; font-size: 16px; color: #fff; text-align: center; }
.nyabout .nr .wz .more:hover{ background: #333; }

.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; }

.nyshengc{ padding: 55px 0; }
.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 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: 76%; }
.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(-10px); }
.nyshengc .bd ul li:hover .tit{ color: #c31218; }
.nyshengc .hd{ text-align: center; margin-top: 30px; }
.nyshengc .hd ul li{ display: inline-block; width: 50px; height: 5px; background: #484848; margin: 0 3px; cursor: pointer; }
.nyshengc .hd ul li.on{ background: #c31218; }

.nyhonor{ padding: 55px 0; }
.nyhonor .content{ overflow: hidden; }
.nyhonor .lmtit{ font-size: 42px; color: #333; font-weight: bold; text-align: center; }
.nyhonor .lmxian{ width: 100px; height: 5px; background: #333; margin: 20px auto 40px; }
.nyhonor .nyhonornr .swiper-slide{ transform: scale(0.8); transition: all .5s; }
.nyhonor .nyhonornr .swiper-slide a{ display: block; padding: 0 15px; }
.nyhonor .nyhonornr .swiper-slide .pic{ padding-bottom: 140%; }
.nyhonor .nyhonornr .swiper-slide.swiper-slide-next,.nyhonor .nyhonornr .swiper-slide.swiper-slide-prev{ transform: scale(.9); }
.nyhonor .nyhonornr .swiper-slide.swiper-slide-active{ transform: scale(1); }
.nyhonor .nyhonornr .swiper-slide .tit{ line-height: 40px; height: 40px; padding: 0 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; border: 2px solid #b4682d; border-top: 0; }
.nyhonor .nyhonornr .swiper-slide:hover .tit{ background: #c31218; color: #fff; border-color: #c31218; }
.nyhonor .nyhonornr .pagination{ text-align: center; margin-top: 50px; }
.nyhonor .nyhonornr .pagination .swiper-pagination-bullet{ display: inline-block; width: 50px; height: 5px; background: #484848; margin: 0 3px; cursor: pointer; border-radius: 0; opacity: 1; }
.nyhonor .nyhonornr .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #c31218; }

.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: #c31218;}
.thumbs-year.active{color: #c31218;font-size: 38px;}
.thumbs-year.active::before{background: #c31218;border: 1px solid #c31218;transform: scale(1.5);}
.thumbs-year.active::after{background: #c31218;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: #c31218; 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: #c31218; color: #fff; }

.nyfengc{ background: #efefef; }

.nypronavjj{ padding: 35px 0; }
.nypronavjj .nr{ border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.2); }
.nypronavjj .nr .wz{ width: 50%; float: left; box-sizing: border-box; padding: 55px 35px; }
.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: 30px; }
.nypronavjj .nr .pic{ width: 50%; float: left; height: 365px; }

.nyprolist{ padding: 45px 0; background: #f7f7f7; }
.nyprolist .lmtit{ font-size: 30px; font-weight: bold; color: #333; margin-bottom: 25px; }
.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 #dedede; }
.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: #c31218; }
.nyprolist .list ul li:hover .tit{ color: #c31218; }

.feny{ text-align: center; margin-top: 30px; }
.feny a{ display: inline-block; margin: 0 5px; }
.feny a.on{ color: #c31218; }

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

.box{ width: 500px; position: absolute; left: 20px; top: 20px; 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, .tb-s310 a {height:425px; width:500px;}
.tb-s310, .tb-s310 img {max-height:425px; max-width:500px;}
div.zoomDiv {z-index:999; position:absolute; width:500px; height:425px; 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 { margin-top: 15px; padding: 0 25px; position: relative; }
.picScroll-left .hd .prev { width:20px; height:90px; font-size:18px; text-align:center; line-height:90px; color:#666; overflow:hidden; cursor:pointer; position:absolute; top: 0;  z-index:9; left: 0; background: #fff; }
.picScroll-left .hd .next { width:20px; height:90px; font-size:18px; text-align:center; line-height:90px; color:#666; overflow:hidden; cursor:pointer; position:absolute; top: 0; z-index:9; right: 0; background: #fff; }
.picScroll-left .hd .prev:hover { color:#fff; background: #c31218; }
.picScroll-left .hd .next:hover { color:#fff; background: #c31218; }
.picScroll-left .bd{ display: block; position: relative; width: calc(100% + 10px); left: -5px; }
.picScroll-left .bd ul li { display: block; width: 25%; float: left; cursor: pointer; }
.picScroll-left .bd ul li a{ display: block; padding: 0 5px; }
.picScroll-left .bd ul li a img{ border: 1px solid #eee; box-sizing: border-box; }
.picScroll-left .bd ul li.tb-selected a img{ border: 1px solid #c31218; }

.showinfo{ padding: 40px 0; }
.showinfo .nr{ position: relative; padding: 20px 20px 40px 560px; background: #f7f7f7; min-height: 535px; }
.showinfo .nr .lmtit{ padding: 15px 0; font-size: 24px; color: #333; font-weight: bold; border-bottom: 1px dashed #ddd; }
.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: #c31218; border-top: 1px dashed #ddd; border-bottom: 1px dashed #ddd; }

.showprodetail .detail .hd{ padding: 5px 0 0; background: #c31218; }
.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: 45px; font-size: 16px; color: #fff; }
.showprodetail .detail .hd ul li.on span{ background: #fff; color: #c31218; }
.showprodetail .detail .bd ul .wz{ font-size: 16px; line-height: 30px; color: #333; padding: 20px 0 0; }
.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: #c31218; }
.showprodetail .detail .bd ul .list .li:hover .tit{ color: #c31218; }

.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: #c31218; }
.repro .list ul li:hover .tit{ color: #c31218; }

.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: #c31218; border-color: #c31218; }
.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(#c31218 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: #c31218; transition: all .5s; text-align: center; overflow: hidden; }
.nynews .list ul li:hover{ background: #f7f7f7; }
.nynews .list ul li:hover .pic{ height: 195px; }
.nynews .list ul li:hover .more{ height: 45px; line-height: 45px; }
.nynews .list ul li:nth-child(1){ width: 100%; margin-bottom: 30px; padding: 25px 25px 25px 790px; border: 0; background: #f7f7f7; min-height: 400px; }
.nynews .list ul li:nth-child(1) .pic{ width: 750px; height: 400px; position: absolute; left: 0; top: 0; }
.nynews .list ul li:nth-child(1) .bdate{ display: block; }
.nynews .list ul li:nth-child(1) .bdate .bdatenr{ display: inline-block; border-bottom: 2px solid #c31218; padding: 15px 0 15px 65px; position: relative; }
.nynews .list ul li:nth-child(1) .bdate .bdatenr .day{ font-size: 48px; font-weight: bold; color: #bfbfbf; position: absolute; left: 0; line-height: 50px; top: 50%; margin-top: -25px; }
.nynews .list ul li:nth-child(1) .bdate .bdatenr .qit{ line-height: 18px; font-size: 14px; color: #bfbfbf; }
.nynews .list ul li:nth-child(1) .tit{ font-size: 24px; font-weight: bold; margin: 15px 0 25px; }
.nynews .list ul li:nth-child(1) .date{ display: none; }
.nynews .list ul li:nth-child(1) .jj{ padding-top: 0; border: 0; margin-bottom: 50px; }
.nynews .list ul li:nth-child(1) .more{ position: static; width: 150px; line-height: 50px; background: #c31218; height: 50px; }
.nynews .list ul li:nth-child(1):hover{ background: #c31218; }
.nynews .list ul li:nth-child(1):hover .bdate .bdatenr .day,.nynews .list ul li:nth-child(1):hover .bdate .bdatenr .qit{ color: #fff; }
.nynews .list ul li:nth-child(1):hover .bdate .bdatenr{ border-color: #fff; }
.nynews .list ul li:nth-child(1):hover .tit{ color: #fff; }
.nynews .list ul li:nth-child(1):hover .jj{ color: #fff; }
.nynews .list ul li:nth-child(1):hover .more{ background: #fff; color: #c31218; }

.shownews{ padding: 50px 0; }
.shownews .left{ width: calc(100% - 350px); 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 #ddd; text-align: center; color: #999; }
.shownews .left .wz{ font-size: 16px; line-height: 30px; color: #333; padding: 30px 0; }
.shownews .left .pre{ padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.shownews .left .pre a{ display: block; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; }
.shownews .left .pre a:hover{ color: #c31218; }
.shownews .renews{ width: 330px; float: right; }
.shownews .renews .lmtit{ font-size: 18px; color: #c31218; 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: 170px; margin-bottom: 5px; }
.shownews .renews .list ul li .tit{ height: 40px; line-height: 40px; padding-right: 100px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }
.shownews .renews .list ul li .tit .date{ position: absolute; right: 0; top: 0; font-size: 14px; color: #999; }
.shownews .renews .list ul li:hover{ background: #c31218; }
.shownews .renews .list ul li:hover .tit{ color: #fff; }
.shownews .renews .list ul li:hover .tit .date{ color: #fff; }
.shownews .renews .ann{ display: block; line-height: 50px; font-size: 14px; color: #fff; background: #c31218; text-align: center; }
.shownews .renews .ann:hover{ background: #333; }

.nycontact{ background: #c31218; position: relative; }
.nycontact .pic{ width: 50%; height: 100%; right: 50%; position: absolute; }
.nycontact .wz{ padding: 50px 0 50px 60px; float: right; width: 50%; box-sizing: border-box; }
.nycontact .wz .lmtit{ font-size: 30px; font-weight: bold; color: #fff; }
.nycontact .wz .lmxian{ width: 100px; height: 5px; background: #fff; margin: 15px 0 35px; }
.nycontact .wz .jj{ font-size: 16px; color: #fff; line-height: 30px; }

.nycontactlist{ padding: 50px 0; }
.nycontactlist .lmtit{ font-size: 30px; font-weight: bold; color: #333; }
.nycontactlist .list ul{ display: flex; flex-wrap: wrap; position: relative; width: 101%; left: -.5%; }
.nycontactlist .list ul li{ display: block; width: 32.3333%; margin: 35px .5% 0; }
.nycontactlist .list ul li .tit{ font-size: 18px; color: #333; font-weight: bold; }
.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: #c31218; display: block; position: absolute; left: 0; top: 0; }
.nycontactlist .list ul li .wz{ font-size: 16px; line-height: 30px; color: #666; }

.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: #c31218; }
.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: #c31218; 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: #c31218; }
.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: 20px; 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: 14px; color: #fff; line-height: 25px; }
.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: #c31218; }
.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: #c31218; font-size: 16px; color: #fff; display: block; text-align: center; margin-top: 30px; }
.nyjoinlist .li .wznr .ann:hover{ background: #333; }