﻿@charset "utf-8"; 
@media screen and (min-width:1101px){.pro-detail-content .pro-intro article img {height:auto!Important;}
.pro-detail-content .pro-review .pro-preview-right {padding-right:0;padding-left:40px;}
.pro-detail-content .pro-review,.pro-detail-content .pro-intro,.pro-detail-content .productsTags,.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form {margin-left:calc(50% - 500px);margin-right:calc(50% - 500px);}
.pro-detail-content .pro-detail-title,.pro-detail-content .pro-page-switch {padding:0 calc(50% - 500px);}
.pro-detail-content .pro-page-switch a,.pro-detail-content .pro-page-switch .page-next,.pro-detail-content .pro-page-switch .page-prev {font-size:16px;}}
.pro-detail-content .pro-intro article {padding-right:0;}
.abouts-content{max-width:1150px;padding:0;margin:0 auto}
.abouts-content p{line-height:28px}
@media (min-width:769px){header nav ul li{position:relative}
header nav ul .submenu{flex-direction:column;width:auto;right:initial;left:0;height:auto}
header nav ul .submenu li a,header nav ul .submenu li a{white-space:nowrap;line-height:2}
header nav ul .submenu li:after{display:none}
header nav ul li a{justify-content:flex-start}}
.abouts-content .abouts-title{margin-top:20px}
footer .footer-container>ul {background:#cf000d}
footer .footer-container>ul>li .content .content-text, footer .footer-container>ul>li .content .content-text a,footer .footer-container .bottom-info .intro .intro-text,footer .footer-container .bottom-info .nav ul li a,footer .footer-container .bottom-info .cate ul li a,footer .footer-container .right-text{color:#fff}
footer .footer-container,footer .footer-container .bottom-info{background:#830008}
footer .footer-container .bottom-info .code img{opacity:1}
header .header-top{background:#cf000d}
header .header-top .top-right .search-input input{background:#cf000d;color:#fff}
header .header-top .top-right .search-input{border-color:#fff}
header .header-top .top-right .search-input input::-webkit-input-placeholder{color:#fff;}
header .header-top .top-right .search-input input:-moz-placeholder{color:#fff;opacity:1;}
header .header-top .top-right .search-input input::-moz-placeholder{color:#fff;opacity:1;}
header .header-top .top-right .search-input input:-ms-input-placeholder{color:#fff;}
header .header-top .top-right .search-input .icon-search,header .header-top .top-info,header .header-top .top-info a{color:#fff}
.home-container .part-title:after{display:none}
.home-container .partners ul li {box-sizing:border-box;flex:inherit;max-width:inherit;min-width:inherit;width:20%;border:1px solid #eee!Important;overflow:hidden;position:relative;height:auto}
.home-container .partners ul li img {width:86%;height:86%;position:absolute;top:7%;left:7%;object-fit:contain;}
@media screen and (max-width:768px){.home-container .partners ul li{padding-bottom:30%;width:50%}}
.partner-border td{border:1px solid #eee;}
.partner-border tr:nth-child(3n+2) td{border-top:none}
.partner-border tr:nth-child(3n+1) td{border-bottom:none;padding-bottom: 10px;}
.about-year{width:100%}
.about-year ul{margin:0 auto;max-width:1200px;list-style:none;padding:0;display:flex;flex-direction:column;position:relative}
.about-year ul::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background-color:#bc101c}
.about-year ul li{display:flex;width:100%;justify-content:flex-end;position:relative;padding:20px 0;align-items:center}
.about-year ul li div{width:50%}
.about-year ul li .year{position:absolute;left:50%;transform:translateX(-50%);background:#bc101c;width:auto;color:#fff;padding:4px 6px;border-radius:6px}
.about-year ul li .text{padding:0 60px;box-sizing:border-box}
.about-year ul li:nth-child(2n+2){justify-content:flex-start}
.about-year ul li:nth-child(2n+2) .text{text-align:right}
.about-year-title {display:flex;}
.about-year-title p{width:50%;padding:20px 40px;color:#bc101c;font-weight:600;font-size:20px;}
.about-year-title p:nth-child(1){text-align:right;}
header .header-top .top-right #xyz{width:150px}
.top-right>a{color:#fff;vertical-align:middle}
.top-right>a img{margin-right:5px;vertical-align:middle}
@media (min-width:769px){header .header-top .top-right #xyz .xyz12 ul li a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-right:20px;box-sizing:border-box;}
header .header-top .top-right #xyz .xyz12 span {right:0;}}