@charset "utf-8";
.BMap_omCtrl { display: none !important; }
.banner img { width: 100%; }
.c-007bd2 { color: #007bd2; }
.c-7e { color: #7e7e7e; }
.c-003a63 { color: #003a63; }
.c-b10000 { color: #b10000; }
.c-100f39 { color: #100f39; }
.b-b10000 { background: #b10000; }
.c-f05d38 { color: #f05d38; }
.c-9f9191 { color: #9f9191; }
.c-13 { color: #131313; }
.c-ab { color: #ababab; }
.c-eba7a7 { color: #eba7a7; }
.red { color: red; }
.green { color: green; }
.w-85 { width: 85%; margin: 0 auto; }
.jb, .i2 .img:before { background: #b10000; background: -webkit-linear-gradient(0deg, #b10000, #f05e38); }
.a1 { padding: 1vw 3.5vw; transform-origin: bottom; }
.page-box { padding: 5.5vw 0 6.5vw; }
.map img{display:initial;}
/*title1*/
.title1 span { margin-left: 1.5vw; margin-top: 5px; }
/*menu-box*/
.menu-box { background: #b10000; }
.public-page { z-index: 0; }
.public-page>.box { z-index: 1; }
.menu-box .B { line-height: 1; margin-top: 15vh; }
.menu-box .B span { width: 1px; height: 16px; background: #e24961; margin: 0 10px; }
/*--menu-box end-----------------*/

/*主导航菜单 2018.08.30*/
.MenuList_f1>ul { font-size: 0; display: block; }
.MenuList_f1>ul>li a { display: block; text-transform: capitalize; position: relative; z-index: 0; overflow: hidden; font-weight: normal; }
.MenuList_f1>ul>li a span { display: inline-block; vertical-align: middle; line-height: 1.5; }
.MenuList_f1>ul>li>:first-child { font-weight: normal; display: block; position: relative; z-index: 1; font-size: 16px; color: #fff; transition: 0.5s ease 0s; }
.MenuList_f1>ul>li>:first-child.on { }
.MenuList_f1>ul>li ul li a { overflow: hidden; color: #666; font-size: 14px; }
/*.MenuList_f1>ul>li>:first-child:after { transition: 0.5s ease 0s; content: ''; z-index: -1; bottom: 0; left: 0; background: #ed1b24; height: 0; width: 100%; position: absolute; }
.MenuList_f1>ul>li>:first-child.on:after { height: 100%; left: 0; }*/
/*汉堡菜单PC*/
.menu-icon { display: inline-block; vertical-align: middle; width: 100%; background: none; position: relative; z-index: 0; }
.menu-icon span, .menu-icon:before, .menu-icon:after { transition: 0.5s ease 0s; display: inline-block; height: 4px; background: url(/images/public/017.png) no-repeat center; background-size: 100% 100%; content: ''; width: 40px; vertical-align: middle; }
.menu-icon:before, .menu-icon:after { position: absolute; left: 50%; top: 50%; margin-top: -2px; }
.menu-icon:before { transform: translate(-50%, -14px); }
.menu-icon:after { transform: translate(-50%, 14px); }
.menu-icon span { position: relative; margin: 0 auto; z-index: 0; }
.menu-i { display: none; transition: 0.5s ease 0.5s; opacity: 1; top: 0; right: 0; overflow: hidden; width: 100px; height: 100px; margin-left: 0; text-align: center; position: absolute; z-index: 1; cursor: pointer; outline: none; font-size: 0; background: #b10000; }
.menu-i:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; width: 0; }
body.on .menu-i .menu-icon:after { transform: translate(-50%, 0); }
body.on .menu-i .menu-icon:before { transform: translate(-50%, 0); }
body.on .menu-i .menu-icon span { background: transparent; }
body.on [id*='public-bg'] { display: block; }
/*menu-slide 用slide注意效果遮挡*/
.menu-slide { z-index: 0; position: absolute; background: #ed1b24; height: 3px; bottom: 0; transition: 0.5s cubic-bezier(0.21, 0.8, 0.31, 1.21) 0s; }
.MenuList_f1.slide-menu { position: relative; z-index: 1; }
/*---导航end------------------------------------------------------------------------------------------------------------------------*/
/*logo*/
.menu-w { font-size: 0; }
.logo { width: 125%; background: #fff; padding: 2vw 1vw; }
.logo img, .logo a { width: 100%; }
/*--logo end------------------------------------------*/

/*f_type:true*/
.MenuList_f1.swiper>ul>li { position: static; }
/*f_type:true*/
.MenuList_f1.swiper>ul { display: flex; display: -ms-flexbox;/*IE10*/ }
.MenuList_f1>ul>li>:first-child.icon a:before { transition: 0.5s ease 0s; content: ''; position: absolute; z-index: 0; top: 50%; transform: translateY(-50%) rotate(45deg); display: none; border-right: 2px solid #666; border-top: 2px solid #666; width: 2vw; height: 2vw; }
.MenuList_f1>ul>li>:first-child.on a:before { transform: translateY(-50%) rotate(135deg); }
/*nav*/
.NavList_a1 a { font-size: 16px; color: #b10000; height: 100%; padding: 1vw 1.5vw; transition: 0.5s ease 0s; }
.NavList_a1 a.on { font-size: 20px; }
/*photo*/
.PhotoList_k2 img { position: absolute; top: 50%; left: 50%; height: auto; max-width: 100%; max-height: 100%; margin-left: 0; transform: translate(-50%, -50%) scale(1); }
.rid35 [class*="PhotoList"] li { background: none; }
.PhotoList_k2 li a { position: relative; z-index: 0; padding: 37% 0px; height: auto; }
.rid35 [class*="PhotoList"] li span { padding: 0; font-size: 1.25vw; color: #4a0d0d; text-align: left; background: none !important; border: 0; margin-top: 1vw; }
/*NewsList_a2 ul*/
.NewsList_a2 ul { /*display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;*/ }
.NewsList_a2 .newimg { position: relative; z-index: 0; width: 24%; overflow: hidden; padding: 9% 0; }
.NewsList_a2 .newnr { width: 76%; padding: 0 1.5vw; }
.NewsList_a2 li img { transition: 0.8s linear 0s; position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; z-index: 0; }
.NewsList_a2 li a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; position: relative; z-index: 0; background: #f5f5f5; transition: 0.5s ease 0s; }
.NewsList_a2 li a:before, .rid42 [class*="PhotoList"] li:before, .ProductList_b1 li a:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #cb2741; opacity: 0; transition: 0.5s ease 0s; z-index: -1; }
.NewsList_a2 li+li { margin-top: 1.5vw; }
.NewsList_a2 .newnr>b { transition:0.5s ease 0s; }
.NewsList_a2 .newnr p { line-height: 1.5; margin-top: 1vw; max-height: 48px; transition:0.5s ease 0s; }
.NewsList_a2 .data { margin-top: 1vw; transition:0.5s ease 0s; }
.NewsList_a2 b { font-weight: normal; }
.NewsList_a2 .data b:before { content: '-'; }
.NewsDetail_a1 .time { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; -o-flex-direction: row-reverse; flex-direction: row-reverse; -moz-justify-content: flex-end; -ms-justify-content: flex-end; -o-justify-content: flex-end; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 1.5vw; padding-bottom: 10px; border-bottom: 1px solid #666; }
.NewsDetail_a1 .detail {
    padding: 3vw;
    background: #fff;
    box-shadow: 0 2px 14px 0 #bdbdbd;
}
/*footer*/
.footer .text { background: #fff3f3; padding: 1.5vw 0; }
.beian img { display: inline; }
.beian>*+* { margin-left: 10px; }
.footer .icon-text { margin-top: 1vw; }
.footer .icon-text img { height: 18px; margin-right: 10px; }
.footer .section p { margin-top: 10px; }
.footer .ewm { margin-left: 2vw; }
.footer .ewm img { width: 5.5vw; min-width: 80px; margin-right: 10px; }
.beian { padding: 5px 0; }
.video-box { position: fixed; left: 0; top: 0; z-index: 6; display: none; }
video { background: #000; }
.video-box .box { width: 45%; }
.video-box .close { width: 50px; height: 50px; margin-left: auto; transition: 0.5s ease 0s; }
.video-box .close:before, .video-box .close:after { content: ''; width: 30px; height: 1px; background: #fff; position: absolute; left: 50%; top: 50%; }
.video-box .close:before { transform: translate(-50%, -50%) rotate(45deg); }
.video-box .close:after { transform: translate(-50%, -50%) rotate(-45deg); }
/*banner-title*/
.banner-title { z-index: 1; }
/*i-history*/
.point { width: 20px; height: 20px; border: 1px solid #b10000; border-radius: 50%; }
.point:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; width: 8px; height: 8px; border-radius: 50%; background: #b10000; }
.i-history time { width: 5vw; padding-right: 1vw; }
.i-history .point { margin-right: 2.5vw; background: #fff; }
.i-history .text { padding: 2vw 0; }

.i-history .text:before { content: ''; width: 1px; height: 100%; background: #b10000; position: absolute; left: calc(5vw + 10px); top: 0; z-index: -1; }
/*rid34*/
.rid34 dl { line-height: 2; }
.about-video { background: url(/images/public/13.jpg) no-repeat center; background-size: cover; padding: 2vw 6.5vw; margin-top: 3.5vw; }
.about-video .L p { line-height: 1; }
.about-video .L>:not(:first-child) { margin-left: 1.5vw; }
.about-video .R img.pos-a { width: 3vw; }
.video-click img.w-100 { transition: 0.8s linear 0s; }
/*title2*/
.title2 { margin-bottom: 3vw; }
.title2 .L { border-left: 2vw solid #b10000; padding-left: 1.5vw; }
.title2 .R span { padding: 0.8vw 1.5vw 0.8vw 8vw; }
.title2 .R { min-width: 22vw; }
.title2 .R:before, .title2 .R:after { text-transform: uppercase; font-size: 2vw; font-weight: bold; position: absolute; z-index: 0; top: 50%; }
.title2 .R:before { content: 'gui'; color: #b10000; transform: translate(-100%, -50%); left: -5px; }
.title2 .R:after { content: 'he'; color: #fff; transform: translate(0, -50%); left: 5px; }
/*rid35*/
.rid35 img { max-width: 100%; margin: 0 auto; }
/*rid36*/
.rid36 .text>div+div { margin-top: 2vw; }
/*photo*/
[class*="PhotoList"] li { background: none !important; position: relative; z-index: 0; }
[class*="PhotoList"] li a { position: relative; z-index: 0; height: auto; padding: 50% 0; transition: 0.5s ease 0s; }
[class*="PhotoList"] img { position: absolute; z-index: 0; margin-left: 0; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); height: auto; max-height: 80%; max-width: 80%; }
[class*="PhotoList"] li span { padding: 0; border: none; background: none !important; color: #b10000 !important; margin-top: 10px; }
.rid38 [class*="PhotoList"] img { width: 100%; height: 100%; max-height: none; max-width: none; object-fit: cover; }
.rid38 [class*="PhotoList"] li a,.rid48 [class*="PhotoList"] li a{ padding: 37.5% 0; }
.rid38 [class*="PhotoList"] li span { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 100%; color: #fff !important; margin-top: 0; opacity: 0; padding: 0 10px; }
.rid38 [class*="PhotoList"] li:before,.rid48 [class*="PhotoList"] li a:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: #b10000; opacity: 0; transition: 0.5s ease 0s; }
.rid38 [class*="PhotoList"] li span:before,.rid48 [class*="PhotoList"] li a:before { content: ''; width: 40px; height: 40px; background: url(/images/public/151.png) no-repeat center; background-size: cover; display: block; margin: 0 auto 5px; }
/*rid46*/
.rid46 .section>p{line-height:1.7;}
.rid46 .section img{max-width:100%; margin:2.5vw auto 0;}
table{margin-top:1.5vw; line-height:1.7;}
table th{ color:#fff; background:#e60012; font-weight:normal; padding:10px;}
.table span{ margin-top:1vw;}
table td{padding:5px 10px;}
table th+th,table td+td{border-left:1px solid #fff;}
table{ border:1px solid #e60012;}
table tr:not(:first-child):nth-child(odd){ background:#dcdddd;}
/*rid48*/
.rid48 [class*="PhotoList"] img{ max-height:100%; max-width:100%;}
.rid38 [class*="PhotoList"] li a:before{margin:0;}
.rid48 [class*="PhotoList"] li a:before{position:absolute; left:50%; top:50%; z-index:2; transform:translate(-50%,-50%); opacity:0; transition:0.5s ease 0s;}
[class*="ResTitle"] br, .NewsList_a2 li i, .mob-lan, .banner-title em, .ResTitle_a2 em, .ResTitle_a3 em { display: none; }
.table ul{margin-top:1vw;}
.table{border-bottom:1px solid #b10000; padding-bottom:1.5vw;}
.table+.table{margin-top:1.5vw;}
/*rid49*/
.rid49 [class*="PhotoList"] li a{padding:24% 0; background:#fff !important; box-shadow:0 2px 14px 0 #bdbdbd}
/*contact*/
.i7 .T .text span { height: 100%; line-height: 2; }
.i7 .T .text i { height: 18px; width: 18px; margin-right: 10px;  }
.i7 .T .text i img { max-height: 100%; max-width: 100%; }
.i7 .T .text em { line-height: 2; }
.i7 .T .text span+span { margin-left: 1vw; }
.i7 .T li+li { margin-top: 5px; }
.rid50 .ewm>img{width:7.5vw; min-width:100px; margin-right:1vw;}
.rid50 .ewm .text img{ height:20px; margin-right:5px;}
.rid50 .go{height:9vw; line-height:9vw;}

/*kefu*/
.kefu{position:fixed; z-index:2; top:4.5vw; right:0vw; border:1px solid #cecece; padding:0.7vw 1vw 0.5vw; border-radius:5px;}
.kefu img{ width:2.5vw; margin:0 auto;}
.kefu p{ margin-top:5px;}
.kefu .point{width:6px; height:6px; background:#dc0000; border-radius:50%; z-index:0; right:0; top:0;display:none;}
.friend-link{padding:0.8vw 1.5vw; }
.friend-link a{margin:5px 0 5px 10px;}
 @media screen and (min-width: 801px ) {
 .table li{width:49%; margin-top:5px;}
.table li:nth-child(even){ margin-left:2%;}
.rid50 .i7{margin-top:2.5vw;}
.rid36 .i-history span {
    width: calc(100% - 8.5vw - 20px);
}

.MenuList_f1>ul>li+li { margin-top: 1vh; }
.menu-box { width: 13%; position: fixed; height: 100%; z-index: 1; left: 0; top: 0; }
.menu-box .M { margin-top: 9vh; padding-right: 2.5vw; }
.MenuList_f1>ul>li>:first-child a { padding: 10px 3vw; }
.public-page { width: 87%; margin-left: auto; }
.MenuList_f1>ul>li>:first-child.on { background: url(/images/public/menu_on.jpg) no-repeat left top; background-size: 100% 100%; }
.i3 .click a.active strong { color: #fff; }
.i3 .click a.active strong { background: #b10000; background: -webkit-linear-gradient(0deg, #b10000, #f05e38); }
.nav { padding-left: 7.5%; }
.NavList_a1 { padding: 0 6.5vw 0 0; background: #fff; transform: translateY(-50%); }
.nav:before { content: ''; position: absolute; right: 0; top: 0; z-index: -1; width: 94%; background: #b10000; height: 2.5vw; }
.NavList_a1 ul, .NavList_a1 a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }
.NavList_a1 a { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; -o-align-items: flex-end; align-items: flex-end; }
.rid34 dl .img { width: 47%; margin-bottom: 1vw; }
.rid34 dl .text { width: 46%; }
.rid34 dl:nth-child(odd) .img { margin-left: 7%; }
.rid34 dl:nth-child(even) .img { margin-right: 7%; }
.rid34 dl .point { margin-right: 10px; }
.rid34 dl li+li { margin-top: 1vw; }
.rid34 dl ul { margin-top: 10px; }
.rid34 dl ul span { line-height: 20px; max-width: calc(100% - 30px); }
.rid34 .dl, .rid34 dl+dl { margin-top: 3vw; }
.about-video .L { width: 51%; }
.about-video .R { width: 49%; }
.about-video .L p+p { margin-top: 10px; }
.about-video .L span { margin-top: 2vw; }
.rid50 .T ul{margin-right:8vw;}
.map_a1{height:23vw; margin-top:3vw;}

}
@media screen and (min-width: 1101px ) {
.MenuList_f1>ul>li ul li { display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li>:nth-child(2) { transition: 0.5s ease 0s; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; background: #fff; background: rgba(255,255,255,0.96); left: 0; z-index: 2; position: absolute; width: 100%; padding: 1.5vw 0; line-height: normal; }
.MenuList_f1>ul>li ul li:not(:first-child) { margin-left: 3vw; }
.MenuList_f1>ul>li { position: static; }
.MenuList_f1>ul>li ul li a:hover { color: #ed1b24; }
/*导航定位使用的类*/
.menu-fix { opacity: 1; position: fixed; left: 0; top: 0; z-index: 1; transition: 0.5s ease 0s; }
.menu-fix.menu-fix-down { opacity: 0; top: -120px; }
.menu-box .B a:hover { text-decoration: underline; }
.PhotoList_k2 li:hover img, [class*="PhotoList"] li:hover img { transform: translate(-50%, -50%) scale(1.1); }
.NewsList_a2 li a:hover img, .video-click:hover img.w-100 { transform: scale(1.1); }
.video-box .close:hover { transform: rotate(360deg); }
.a1:hover { transform: scale(0.95); }
.NavList_a1 a:not([class*="on"]):hover { background: #eee; }
.rid34 dl:nth-child(odd) { padding-left: 6.5vw; }
.rid34 dl:nth-child(even) { padding-right: 6.5vw; }
.pb-padding { padding: 0 6.5vw; }
.rid36 .text span { max-width: 100%; }
[class*="PhotoList"] li a:hover,.NewsList_a2 li a:hover { background: #ffdddd; }
.rid48 [class*="PhotoList"] li a:hover{background:#f5f5f5;}
.rid38 [class*="PhotoList"] li:hover:before,.rid48 [class*="PhotoList"] li:hover a:after { opacity: 0.53; }
.NewsList_a2 li a:hover .newnr>b,.NewsList_a2 li a:hover .newnr p,.NewsList_a2 li a:hover .data{ color:#b10000;}
.rid38 [class*="PhotoList"] li:hover span,.rid48 [class*="PhotoList"] li:hover a:before  { opacity: 1; }
}