@charset "utf-8";
.w-83 { width: 83%; margin: 0 auto; }
.c-767676 { color: #767676; }
.c-c9c9c9 { color: #c9c9c9; }
.b-c00000, #load_more_button { background: #c00000; }
.c-c00000 { color: #c00000; }
.c-6e6e6e { color: #6e6e6e; }
.c-ce3636 { color: #ce3636; }
.c-838383 { color: #838383; }
.c-d4d4d4 { color: #d4d4d4; }
.ten:before, .ten:after { width: 100%; height: 3px; position: absolute; z-index: 0; background: #c00000; left: 0; top: 50%; content: ''; }
.ten:before { transform: translate(0, -50%) rotate(90deg); }
.ten:after { transform: translate(0, -50%); }
/*menu-box*/

.menu-box { height: 5vw; width: 100%; padding-left: 8.5vw; position: relative; z-index: 3; left: 0; top: 0; background: #fff; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); }
.menu-box .M { height: 100%; background: #fff; line-height: 5vw; width: 88%; text-align: right; }
/*--menu-box end-----------------*/



/*主导航菜单 2018.08.30*/

.MenuList_f1 { display: inline-block; vertical-align: top; }
.MenuList_f1>ul { font-size: 0; display: block; }
.MenuList_f1>ul>li { position: static; text-align: left; overflow: hidden; }
.MenuList_f1>ul>li a { display: block; text-transform: capitalize; }
.MenuList_f1>ul>li a span { display: inline-block; vertical-align: middle; line-height: 1.5; }
.MenuList_f1>ul>li>:first-child { transition: 0.5s ease 0s; font-weight: normal; display: block; position: relative; z-index: 1; font-size: 14px; color: #333; }
.MenuList_f1>ul>li>:first-child a { padding: 0 1.5vw; }
.MenuList_f1>ul>li>:first-child.on { }
.MenuList_f1>ul>li ul li a { transition: 0.5s ease 0s; font-weight: normal; 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: 15%; background: #f2f2f2; height: 100%; width: 70%; position: absolute; border-top: 6px solid #c00000; box-sizing: border-box; opacity: 0; }
.MenuList_f1>ul>li>:first-child.on:after { width: 100%; left: 0; opacity: 1; }
/*汉堡菜单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: #c80000; 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; display: block; }
.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; }
.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) rotateZ(-45deg); }
body.on .menu-i .menu-icon:before { transform: translate(-50%, 0) rotateZ(45deg); }
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: #c00000; 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; margin: 0 auto; height: 100%; }
.logo { width: 12%; height: 100%; }
.logo img, .logo a { width: 100%; }
/*--logo end------------------------------------------*/

.about-list-img figure{background-size:contain !important;}

/*language*/

.language-box { height: 100%; }
.language { transition: 0.5s ease 0s; border-left: 1px solid #e8e8e8; padding: 0 2vw; position: relative; z-index: 1; background: #fff; }
.language:after { vertical-align: middle; border-top-color: #666; border-width: 6px 5px 0 5px; margin-left: 10px; transform: rotate(-90deg); transition: 0.5s ease 0s; }
.language-box li a { line-height: normal; background: rgba(255,255,255,0.96); padding: 1vw 0; transition: 0.5s ease 0s; }
/*--language 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: '>'; font-family: "宋体", "SimSun"; position: absolute; z-index: 0; top: 50%; transform: translateY(-50%) rotate(0deg); color: #666; display: none }
.MenuList_f1>ul>li>:first-child.on a:before { transform: translateY(-50%) rotate(90deg); color: #fff; }
/*search-click*/

.search-click { width: 8.5vw; background: #c00000; }
.search-click img { width: 14%; }
.menu-search { transition: 0.5s ease 0s; text-align: right; transform-origin: top; transform: scale(1, 0); opacity: 0; position: absolute; right: 0; line-height: normal; z-index: 0; }
.menu-search form { display: inline-block; vertical-align: top; text-align: left; background: rgba(255,255,255,0.96); padding: 0.6vw 1vw; border-radius: 0 0 0 4px; }
.menu-search div { transition: 0.3s ease 0s; border: 1px solid #ddd; border-radius: 999px; padding: 0.6vw 1vw; background: #f5f5f5; }
.menu-search button { background: none; width: 14px; }
.menu-search input { background: none; margin-left: 10px; width: 12vw; }
/*location-box*/

.location-box .L { width: calc(100% - 342px); }
.location-box .L, .location-box .R { padding: 20px 0; }
.PosList_a1 img { width: 16px; margin-right: 10px; }
.PosList_a1 a:hover { text-decoration: underline; }
/*page-search*/

.page-search { background: #f2f2f2; border-radius: 999px; padding: 3px; }
.page-search button { width: 36px; height: 36px; border-radius: 50%; }
.page-search button img { width: 44%; transition: 0.5s ease 0s; }
.page-search button:hover img { transform: rotate(90deg); }
.page-search button:active { transform: scale(0.8); }
.page-search input { background: #f2f2f2; width: 300px; padding: 0 20px; }
/*page-box*/

.page-title-box { border-bottom: 1px solid #d7d7d7; margin-bottom: 2vw; }
.page-title-box .R { right: 0; bottom: 0; }
.page-box { background: url(../images/public/bg.jpg) repeat top center; background-size: 100% auto; padding: 2vw 0 5.5vw; }
.page-title img { width: 1.5vw; margin-right: 0.6vw; }
/*nav*/

.nav a { padding: 0 1vw 1vw; transition: 0.5s ease 0s; }
.nav a.on { color: #d00000; }
.nav-slide { background: #d00000; width: 0; height: 4px; bottom: 0; z-index: -1; }
/*pro-nav*/

.page-product .L { width: 20%; }
.page-product .R { width: 80%; padding-left: 2vw; }
.pro-nav { border-radius: 8px; overflow: hidden; box-shadow: 0 8px 13px 0 rgba(0,0,0,0.07); width: 100%; }
.pro-nav dd, .pro-nav dt a { padding: 15px 20px; }
.pro-nav dd.on .ten:before { display: block; }
.pro-nav dt .arrow { margin-right: 15px; }
.pro-nav dt .arrow:before { width: 10px; height: 10px; border-color: #aaa; transform: rotate(0deg); transition: 0.5s ease 0s; }
.pro-nav dd span { width: calc(100% - 24px); }
.pro-nav dt span{ width:calc(100% - 25px);}
.pro-nav .ten { width: 14px; height: 14px; margin-right: 10px; }
.pro-nav .ten:before, .pro-nav .ten:after { background: #fff; }
/*pro-title*/

.pro-list-box { margin-top: 1.5vw; }
.pro-title i { width: 38px; height: 38px; border-radius: 50%; box-shadow: 0 8px 13px 0 rgba(0,0,0,0.07); margin-right: 1vw; line-height: 38px; }
.pro-title strong { max-width: calc(100% - 38px - 1vw); }
.pro-title i:before { content: ''; position: absolute; left: 50%; top: 50%; border-radius: 50%; width: 26%; height: 26%; transform: translate(-50%, -50%); z-index: 0; background: #d00000; }
.pro-title i:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; border-radius: 50%; box-sizing: border-box; border-style: solid; border-color: transparent #d10000 #d10000 transparent; border-width: 2px; transform: rotate(-45deg); transition: 0.5s ease 0s; }
.pro-title:hover i:after { transform: rotate(45deg); }
.pro-line { background: url(../images/public/bg1.png) repeat left center #ededed; background-size: 14px 100%; height: 15px; margin-top: 1vw; }
.pro-img { border-top: 6px solid #d00000; border-bottom: 6px solid #d00000; border-left: 1px dashed #bfbfbf; border-right: 1px dashed #bfbfbf; width: 22.5%; }
.pro-list { width: 77.5%; padding-right: 2.5vw; }
.pro-img li { height: 9vw; padding: 2vw; overflow: hidden; }
.pro-img li img { transition: 0.8s linear 0s; }
.pro-list dt { margin-top: 1vw; }
.pro-list dl:not(:first-child) { margin-top: 1.5vw; }
.pro-list table { border-bottom: 2px solid #666; }
.pro-list th, .pro-list td { padding: 10px 1vw; word-break: break-word; }
.pro-list th:first-child { text-align: left; }
.pro-list tr:not(:last-child) td { border-bottom: 1px solid #ccc; }
.pro-list td:not(:first-child) { text-align: center; }
.service-list:not(:first-child){ margin-top:3vw;}
/*footer*/

.footer { background: #333; }
.footer .T { padding: 1vw 0; }
.footer .B { border-top: 1px solid #434343; padding: 20px 0; }
.MenuList_f2 a { font-weight: normal; color: #d4d4d4; padding-bottom: 2px; position: relative; z-index: 0; }
.MenuList_f2 a:after { content: ''; display: block; width: 0; margin-left: 50%; height: 2px; background: #d4d4d4; transition: 0.5s ease 0s; }
.MenuList_f2 a:hover:after { width: 100%; margin-left: 0; }
.logo1 { width: 12%; }
.MenuList_f2 { width: 88%; }
.MenuList_f2 li { padding-left: 2.5vw; position: relative; z-index: 0; }
.MenuList_f2 li:not(:last-child) { padding-right: 2.5vw; }
.MenuList_f2 li:not(:last-child):after { content: '/'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1; font-size: 14px; color: #d4d4d4; }
.gotop div { width: 50px; height: 50px; border-radius: 50%; }
.gotop i:before { border-color: #fff; width: 10px; height: 10px; transform: rotate(135deg); }
.beian { width: calc(100% - 50px); padding-right: 20px; }
.gotop span { margin-top: 10px; }
.gotop:hover div { -webkit-animation: fengJump 2.5s infinite; -moz-animation: fengJump 2.5s infinite; -ms-animation: fengJump 2.5s infinite; -o-animation: fengJump 2.5s infinite; animation: fengJump 2.5s infinite; }
.pro-nav dd .ten:before, .pro-nav dt, .MenuList_f2 li:first-child { display: none; }
 @keyframes fengJump { 0% {
 transform: translateY(0);
}
 20% {
 transform: translateY(0);
}
 40% {
 transform: translateY(-6px);
}
 50% {
 transform: translateY(0);
}
 60% {
 transform: translateY(-3px);
}
 80% {
 transform: translateY(0);
}
 100% {
 transform: translateY(0);
}
}
body.on .menu-box { position: fixed; left: 0; top: 0; z-index: 10; width: 100%; }
/*honor*/

.honor [class*="PhotoList"] li { background: #fff; position: relative; z-index: 0; }
.honor [class*="PhotoList"] li a { background: none; padding: 2vw; height: 22vw; text-align: center; }
.honor [class*="PhotoList"] li span { transition: 0.5s ease 0s; background: none; border: none; color: #666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; padding: 0 10px; margin-bottom: 1.5vw; line-height: 1.5; max-height: 48px; }
.honor [class*="PhotoList"] li:after { content: ''; position: absolute; width: 0; height: 2px; background: #c00000; left: 50%; bottom: 0; z-index: -1; transition: 0.5s ease 0s; opacity: 0; }
.honor [class*="PhotoList"] img { box-shadow: 0 0.5vw 1.5vw 0 rgba(0,0,0,0.1); transform: translate(0) scale(1); margin-left: 0; height: auto; max-width: 100%; max-height: 100%; }
/*page*/

.page { text-align: right; }
.page span, .page a { background: none; border-radius: 4px; border-color: #ccc; }
.page span:first-child, .page a:first-child, .page span:last-child, .page a:last-child { border: 0; }
.about-bg:before { content: ''; background: url(../images/public/about_bg.png) no-repeat top center; background-size: 100% auto; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
/*page-about*/

.page-about .B { margin-top: 8vw; }
.about-text p, .about-list-text p { margin-top: 1.5vw; line-height: 1.7; }
.about-msg { margin-top: 4.5vw; }
.about-msg span { margin-left: 5px; }
.about-msg li:not(:last-child) { margin-right: 3vw; }
.about-list-text { width: 58%; padding: 4vw; }
.about-list-img { width: 40%; top: 0; }
.about-list li { background: #fff; min-height: 23vw; overflow: hidden; }
.about-list li:not(:first-child) { margin-top: 2.5vw; }
.about-list li:nth-child(odd) .about-list-img { right: 1%; }
.about-list li:nth-child(even) .about-list-img { left: 1%; }
.about-list li:nth-child(even) .about-list-text { margin-left: auto; }
/*news*/

.page-news { margin-top: 5vw; }
.news-list time { flex-shrink: 0; }
.page-news .B { margin-top: 3.5vw; }
.news-text-box { margin-left: 1.5vw; padding-left: 1.5vw; border-left: 1px solid #ccc; }
.news-text-box p { line-height: 1.6; max-height: 64px; transition: 0.5s ease 0s; }
.news-text-box span { line-height: 1.7; max-height: 48px; margin-top: 1vw; }
.news-text-box em { margin-top: 2vw; }
.news-list time>* { font-style: italic; }
.NewsDetail_a1 #nc[class*="nf"] { background: none; padding-bottom: 2vw; }
/*page-job*/

.page-job>ul>li { border-radius: 6px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.08); width: 48%; padding: 2vw; border-top: 4px solid #c41111; margin-bottom: 4%; }
.job-title { padding-bottom: 0.8vw; border-bottom: 1px solid #e3e3e3; }
.job-msg, .job-list { margin-top: 1vw; }
.job-msg li { margin: 3px 3vw 3px 0; }
.job-content { margin-top: 5px; line-height: 1.7; }
.job-contact { margin-top: 2vw; padding-top: 1vw; border-top: 1px solid #e3e3e3; }
/*page-contact*/

.page-contact { border-radius: 8px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.18); }
.page-contact .R { background: url('../images/public/contact.jpg') no-repeat center; background-size: cover; }
.page-contact .L { padding: 4vw 2vw; }
.page-contact dl { margin-top: 2.5vw; line-height: 1.6; }
.page-contact dt { margin-top: 1vw; }
/*page-technology*/

.page-technology ul { margin-top: 2vw; }
.page-technology li { width: 48%; margin: 0.8vw 0; }
.page-technology li:nth-child(2n+2) { margin-left: 4%; }
.page-technology .pro-title strong { font-weight: normal; }
.search-box:hover .menu-search { transform: scale(1); opacity: 1; }
.page-technology .pro-title i:before { display: none; }
 @media screen and (min-width: 801px ) {
.page-contact .L { width: 42%; }
.page-technology .L { width: 48%; padding-right: 2vw; margin-top: 2.5vw; }
.page-technology .R { width: 52%; }
.page-contact .R { width: 58%; position: absolute; z-index: 0; right: 0; top: 0; height: 100%; }
.page-job>ul>li:nth-child(2n+2) { margin-left: 4%; }
.news-list li { width: 29%; margin-bottom: 2vw; }
 .news-list li:not(:nth-child(3n+1)) {
margin-left:6.5%;
}
.language-box ul { border-top: 1px solid #e8e8e8; position: absolute; left: 0; width: 100%; z-index: 0; transition: 0.5s ease 0s; transform-origin: top; transform: translateY(-100%); opacity: 0; }
.MenuList_f1, .MenuList_f1>ul, .MenuList_f1>ul>li, .MenuList_f1>ul>li>:first-child, .MenuList_f1>ul>li>:first-child a, .language, .search-box, .search-click { height: 100%; }
.language-box:hover ul { transform: translate(0); opacity: 1; }
.language-box li a:hover, .pro-nav dt a:hover span, .honor [class*="PhotoList"] li:hover span, .news-list li a:hover p { color: #c00000; }
.news-list li a:hover em { text-decoration: underline; }
.language-box:hover .language:after { transform: rotate(0deg); }
.pro-img li:hover img { transform: scale(1.1); }
.pro-nav dt a:hover .arrow:before { transform: rotate(45deg); border-color: #c00000; }
.pro-nav.fix { position: fixed; top: 0; z-index: 0; width:calc(100% * 0.84 *0.2);
}
.pro-nav.fix-down { position: absolute; bottom: 0; top: auto; left: 0; width: 20%; }
.page-title-box>div { padding-bottom: 1vw; }
.pro-nav dd.on+dt { display: block; }
.honor [class*="PhotoList"] li:hover:after { left: 0; width: 100%; opacity: 1; }
.honor [class*="PhotoList"] li:hover img { transform: translate(0, -10px) scale(1); }
/*.about-list-img figure:before { content: ''; position: absolute; z-index: 0; border-style: solid; border-width: 3vw; }
.about-list li:nth-child(3n+1) .about-list-img figure:before { border-color: transparent transparent #fff #fff; left: -1px; bottom: -1px; }
.about-list li:nth-child(3n+2) .about-list-img figure:before { border-color: #fff #fff transparent transparent; top: -1px; right: -1px; }
.about-list li:nth-child(3n+3) .about-list-img figure:before { border-color: #fff transparent transparent #fff; top: -1px; left: -1px; }*/
.about-list li:nth-child(odd) { border-left: 8px solid #c00000; }
.about-list li:nth-child(even) { border-right: 8px solid #c00000; }
}
 @media screen and (min-width: 1101px ) {
.page-about .T { width: 47%; }
.page-contact { width: 75%; margin: 0 auto; }
.MenuList_f1>ul>li { text-align: centr; display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li ul li { display: inline-block; vertical-align: top; }
.MenuList_f1>ul>li>:nth-child(2) { text-align: center; transition: 0.5s ease 0s; transform-origin: top; opacity: 0; transform: scale(1, 0); overflow: hidden; background: #f2f2f2; left: 0; z-index: 2; position: absolute; width: 100%; padding: 1.2vw; line-height: normal; }
.MenuList_f1>ul>li ul li:not(:first-child) { margin-left: 3vw; }
.MenuList_f1, .MenuList_f1>ul { }
.MenuList_f1>ul>li { }
/*.MenuList_f1>ul>li:hover>:first-child { color: #fff; }*/

.MenuList_f1>ul>li ul li a:hover { color: #c00000; }
.MenuList_f1>ul>li:hover>:nth-child(2) { transform: scale(1); opacity: 1; }
/*.MenuList_f1>ul>li:hover>:first-child:after { height: 100%; left: 0; }*/

/*导航定位使用的类*/

.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; }
#pro-img { }
.pro-img li:not(:first-child) { border-top: 1px solid #e9e9e9; }
}