<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import "font_1490376_7wnp5fzdv42.css";
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,button,input,textarea,th,td{font-weight:normal;margin:0;padding:0}body,button,input,select,textarea,h1,h2,h3,h4,h5,h6,i{font:normal 14px Arial, "Microsoft YaHei", "寰蒋闆呴粦", PingFang SC, Source Han Sans SC, Noto Sans CJK SC, Helvetica, STHeiTi, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}
ul,ol,li{list-style:none}
a{text-decoration:none;color:#333}
a:hover{text-decoration:none}
img{vertical-align:top;border:0}
button,input,textarea{font-size:100%;vertical-align:middle;outline:none;border-radius:0;-webkit-appearance:none}
table{border-spacing:0;border-collapse:collapse}
div,a{-webkit-tap-highlight-color:rgba(255,255,255,0)}
html{font-size:100px}
.fl{ float:left;}
.fr{ float:right;}
@media screen and (min-width: 320px){html{font-size:85.33333px}}
@media screen and (min-width: 360px){html{font-size:96px}}
@media screen and (min-width: 375px){html{font-size:100px}}
@media screen and (min-width: 480px){html{font-size:128px}}
@media screen and (min-width: 640px){html{font-size:170.66667px}}
@media screen and (min-width: 750px){html{font-size:200px}}
.clearfloat:after{font-size:0;display:block;visibility:hidden;clear:both;height:0;content:' '}
.clearfloat{*zoom:1}
.clearboth{clear:both}
.checkBrowser{font-size:14px;line-height:40px;position:fixed;z-index:99999;top:0;left:50%;width:700px;height:40px;margin-left:-360px;padding:0 10px;color:#fff;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:#e6212a}
.checkBrowser a{font-size:16px;line-height:20px;position:absolute;top:10px;right:5px;display:block;width:20px;height:20px;cursor:pointer;text-align:center;color:#333;border-radius:50%;background-color:#fff}
@font-face{font-family:'Helvetica Neue LT Pro';src:url("../font/HelveticaNeueLTPro-ThEx.eot");src:local("鈽�"),url("../font/HelveticaNeueLTPro-ThEx.woff") format("woff"),url("../font/HelveticaNeueLTPro-ThEx.ttf") format("truetype"),url("../font/HelveticaNeueLTPro-ThEx.svg") format("svg");font-weight:normal;font-style:normal}body{background-color:#f5f5f5}
.wp1440{max-width:1440px;margin:0 auto}
@media screen and (max-width: 1540px){.wp1440{max-width:100%;padding:0 50px}}
@media screen and (max-width: 1200px){.wp1440{padding:0 30px}}
@media screen and (max-width: 750px){.wp1440{padding:0 .1rem}}
.wp1200{max-width:1200px;margin:0 auto}
@media screen and (max-width: 1300px){.wp1200{padding:0 50px}}
@media screen and (max-width: 1200px){.wp1200{padding:0 30px}}
@media screen and (max-width: 750px){.wp1200{padding:0 .1rem}}
.inside-banner{position:relative;width:100%;height:690px;background-position:center center;background-repeat:no-repeat;background-size:cover}
.inside-banner-mobile{width:100%;height:250px;background-position:center center;background-repeat:no-repeat;background-size:cover;display:none}
@media screen and (max-width: 750px){.inside-banner{display:none}
.inside-banner-mobile{display:block}}
.join-banner{position:relative;width:100%;height:0;padding-bottom:37.5%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.join-banner-mobile{width:100%;height:0;padding-bottom:53.33333%;background-position:center center;background-repeat:no-repeat;background-size:cover;display:none}
@media screen and (max-width: 750px){.join-banner{display:none}
.join-banner-mobile{display:block}}
.swiper-wrapperee{ display:none;}
.inside-menu{position:relative;height:70px;line-height:70px;background-color:#fff;border-bottom:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.inside-menu.no-init .swiper-wrapper{display:block;text-align:center;width:100%}
.inside-menu .swiper-wrapper{font-size:0}
.inside-menu .swiper-slide{position:relative;display:inline-block;vertical-align:top;margin:0 10px;padding:0 1.5%;width:auto;font-size:16px;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.inside-menu .swiper-slide:after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#c70f29;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.inside-menu .swiper-slide.on,.inside-menu .swiper-slide:hover{color:#c70f29}
.inside-menu .swiper-slide.on:after,.inside-menu .swiper-slide:hover:after{width:100%}
@media screen and (max-width: 1200px){.inside-menu{height:60px;line-height:60px}
.inside-menu .swiper-slide:after{height:2px}}
@media screen and (max-width: 750px){
.inside-menu{line-height:46px; width:100%; display:none;}
.swiper-wrapperee{ width:100%; background:#c70f29; line-height:35px; display:block;}
.swiper-wrapperee .swiper-slide{ width:33%; color:#fff; display:inline-block; text-align:center; border-bottom:1px solid #fff; border-right:1px solid #fff;}
.swiper-wrapperee .swiper-slide:nth-child(3n){width:33%; color:#fff; display:inline-block; text-align:center; border-bottom:1px solid #fff; border-right:none;}
}
.paged{font-size:0;text-align:center}
.paged a,.paged .p_info,.paged .current{display:inline-block;vertical-align:top;margin:16px 8px 0;padding:0 15px;height:38px;line-height:38px;font-size:13px;text-align:center;color:#8b8b8b;background-color:#fff;border:1px solid #c8cace;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
@media screen and (max-width: 1200px){.paged a,.paged .p_info,.paged .current{margin:12px 6px 0}}
@media screen and (max-width: 750px){.paged a,.paged .p_info,.paged .current{margin:6px 3px 0;padding:0 11px;height:30px;line-height:30px;font-size:12px}}
.paged .current,.paged a:hover{color:#fff;background:#c70f29;border-color:#c70f29}
.article-swiper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);-ms-touch-action:none;touch-action:none;z-index:8888}
.article-swiper .swiper-pagination{bottom:1em;color:#fff}
.article-swiper .swiper-slide img{display:block;max-width:95%;max-height:-moz-calc(100% - 6em);max-height:calc(100% - 6em)}
.article-swiper .swiper-slide p{position:absolute;top:1em;left:0;width:100%;text-align:center;font-size:16px;color:#fff;z-index:22}
.header{position:fixed;top:0;left:0;width:100%;height:100px;line-height:100px;background-color:#fff;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.06);box-shadow:0 2px 6px rgba(0,0,0,0.06);z-index:8888}
.header-block{height:100px}
.header .wp1440{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.header .logo img{width:auto; position: absolute; top:0;}
.header-right{font-size:0}
.header-nav{display:inline-block;vertical-align:top; position:relative; top:0; right:0;}
.header-nav li{position:relative;display:inline-block;vertical-align:top;margin-right:120px;}
.header-nav li:hover .nav-a{color:#c70f29}
.header-nav li:hover .nav-sub{display:block}
.header-nav .nav-a{display:block;font-size:16px;color:#333;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.header-nav .nav-a.on{color:#c70f29}
.header-nav .nav-sub{display:none;position:absolute;top:100%;left:50%;min-width:120px;text-align:center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:rgba(255,255,255,0.9);z-index:8}
.header-nav .nav-sub a{display:block;padding:0 15px;line-height:50px;font-size:15px;color:#555;white-space:nowrap;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.header-nav .nav-sub a:not(:first-child){border-top:1px solid rgba(0,0,0,0.06)}
.header-nav .nav-sub a:hover{color:#fff;background-color:#c70f29}
.header-search{position:relative;display:inline-block;vertical-align:top}
.header-search .search-icon{display:inline-block;vertical-align:middle;width:34px;height:34px;line-height:34px;text-align:center;color:#fff;background-color:#323232;border-radius:50%;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s; margin-top:30px;}
.header-search .search-icon:hover{background-color:#c70f29}
.header-search .search-form{display:none;position:absolute;right:0;top:100%;width:240px;background-color:rgba(255,255,255,0.9);border:1px solid rgba(0,0,0,0.08);border-radius:40px;overflow:hidden;z-index:6}
.header-search .search-form form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.header-search .search-form input,.header-search .search-form button{display:block;line-height:40px;height:40px;border:none;background:none;outline:none}
.header-search .search-form .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.header-search .search-form .input input{width:100%;padding-left:18px;font-size:15px;color:#555;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.header-search .search-form button{padding:0 13px;color:#323232;font-size:18px;font-weight:600;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.header-search .search-form button:hover{color:#c70f29}
@media screen and (max-width: 1440px){.header-nav li{margin-right:52px}}
@media screen and (max-width: 1200px){.header{height:90px;line-height:90px}
.header-block{height:90px}
.header .logo img{max-height:90px}
.header-nav li{margin-right:42px}
.header-nav .nav-a{font-size:15px}
.header-nav .nav-sub{min-width:100px}
.header-nav .nav-sub a{line-height:36px;font-size:14px}
.header-search .search-icon{width:30px;height:30px;line-height:30px;font-size:14px}
.header-search .search-form{width:220px}
.header-search .search-form input,.header-search .search-form button{line-height:36px;height:36px}
.header-search .search-form .input input{padding-left:15px;font-size:14px}
.header-search .search-form button{font-size:17px}}
@media screen and (max-width: 1024px){.header{display:none}
.header-block{height:.5rem}}
.mobile-header{position:fixed;top:0;left:0;display:none;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:100%;padding:0 30px;height:.5rem;line-height:.5rem;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.08);box-shadow:0 2px 4px rgba(0,0,0,0.08);background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:8888}
.mobile-header .logo img{width:auto;max-height:40px}
.mobile-header-right{font-size:0}
.mobile-header-right li{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;margin-left:.18rem;color:#323232}
.mobile-header-right .icon{margin-right:.05rem;line-height:.48rem;font-size:.17rem}
.mobile-header-right p{font-size:.14rem}
.mobile-header-search{display:none;position:absolute;top:100%;left:0;padding:.2rem;width:100%;background-color:#f5f5f5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.06);box-shadow:0 2px 6px rgba(0,0,0,0.06)}
.mobile-header-search form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#fff;border-radius:.35rem}
.mobile-header-search input,.mobile-header-search button{height:.35rem;line-height:.35rem;outline:none;border:none;background:none}
.mobile-header-search .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.mobile-header-search input{display:block;width:100%;padding-left:.15rem;font-size:.13rem;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobile-header-search button{width:.42rem;font-size:.17rem;color:#333;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.mobile-header-search button:hover{color:#c70f29}
@media screen and (max-width: 1024px){.mobile-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}}
@media screen and (max-width: 750px){.mobile-header{padding:0 .1rem}}
.nav-mobile{position:fixed;top:.5rem;left:0;bottom:0;width:2.1rem;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);background-color:#fff;overflow:hidden;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;-o-transition:transform .5s ease;-moz-transition:transform .5s ease, -moz-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease, -webkit-transform .5s ease, -moz-transform .5s ease;z-index:6}
.nav-mobile.anim{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.nav-mobile-con{display:none;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:8889;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;-moz-transition:transform .4s ease, -moz-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease}
.nav-mobile-con .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1}
.nav-mobile-top{position:fixed;top:0;left:0;width:100%;padding-left:.15rem;height:.5rem;line-height:.5rem;font-size:.13rem;color:#fff;background-color:#323232;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:6}
.nav-mobile-top i{display:inline-block;vertical-align:middle;margin:-4px .075rem 0 0;font-size:.15rem}
.nav-mobile-wp{position:relative;padding:0 .15rem}
.nav-mobile-wp&gt;li{border-bottom:1px solid #d9d9d9}
.nav-mobile-title{position:relative}
.nav-mobile-title&gt;a{position:relative;display:block;width:100%;line-height:.49rem;font-size:.13rem;color:#333;z-index:2;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.nav-mobile-title.open .nav-mobile-child-btn i{color:#c70f29;}
.nav-mobile-title.open .nav-mobile-child-btn i:before{content:'\e62f';}
.nav-mobile-title.open a{color:#c70f29}
.nav-mobile-child-btn{position:absolute;top:20px;left:0;width:100%;height:100%;padding-right:.04rem;text-align:right;line-height:.49rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:1}
.nav-mobile-child-btn i{font-size:.1rem;color:#999;font-family:"iconfont";-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.nav-mobile-child-btn i:before{content:"\e60e"; margin-top:30px;}
.nav-mobile-child-btn+a{display:inline-block;width:auto}
.nav-mobile .sub{display:none;border-top:1px solid #d9d9d9}
.nav-mobile .sub li{position:relative;overflow:hidden}
.nav-mobile .sub li:not(:last-child) a{border-bottom:1px solid #d9d9d9}
.nav-mobile .sub li a{display:block;padding:0 .13rem;line-height:.49rem;height:.49rem;font-size:.13rem;color:#999;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.footer{padding:20px 0 0px;background-color:#fff;}
.footer .wp1440{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.footer-captcha{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:20px;text-align:center}
.footer-captcha li{margin-left:30px;width:128px}
.footer-captcha .img{border:1px solid #e5e5e5}
.footer-captcha .img img{width:100%;height:auto}
.footer-captcha p{margin-top:6px;line-height:1.4;font-size:14px;color:#333}

.footer-contact{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.footer-contact{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.footer-contact .tel{margin-bottom:6px;font-size:16px;color:#333}
.footer-contact .tel-num{display:inline-block;vertical-align:middle;font-size:28px;font-weight:600; font-style:normal;}
.footer-contact .p{line-height:30px;color:#333}
.footer-contact .p span,.footer-contact .p a{display:inline-block;vertical-align:top}
.footer-contact .p a{-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.footer-contact .p a:hover{color:#c70f29;text-decoration:underline}
.footer-share.bdshare-button-style0-16{margin-top:8px;font-size:0}
.footer-share.bdshare-button-style0-16 a{float:none;display:inline-block;vertical-align:top;margin:0 15px 0 0;padding:0;width:45px;height:45px;line-height:45px;text-align:center;font-size:20px;color:#7c7c7c;background:#e5e5e5;border-radius:50%;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.footer-share.bdshare-button-style0-16 a:hover{opacity:1;color:#fff;background:#323232}
@media screen and (max-width: 1200px){
.footer{padding:55px 0 50px}
.footer-captcha li{width:118px}
.footer-captcha p{font-size:13px}
.footer-captcha{width:118px}
.footer-contact .tel{font-size:15px}
.footer-contact .tel-num{font-size:24px}
.footer-share.bdshare-button-style0-16{margin-top:6px}
.footer-share.bdshare-button-style0-16 a{margin-right:10px;width:40px;height:40px;line-height:40px;font-size:18px}}
@media screen and (max-width: 1024px){.footer{padding-top:50px}.footer-captcha li{width:108px;margin-left:20px}.footer-captcha p{font-size:12px}}
@media screen and (max-width: 750px){
.footer{padding:.7rem 0}
.footer .wp1440{display:block;padding:0 .rem}
.footer-captcha{-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:20px 0 0; width:100%;}
.footer-captcha li{margin:0 .15rem;width:120px}
.footer-captcha p{font-size:10px}
.footer-contact{text-align:center}
.footer-contact .tel{margin-bottom:12px;font-size:14px}
.footer-contact .tel-num{font-size:20px}
.footer-contact .p{font-size:13px;line-height:25px}
.footer-share.bdshare-button-style0-16{margin-top:12px}
.footer-share.bdshare-button-style0-16 a{margin:0 5px;padding:0;width:32px;height:32px;line-height:32px;font-size:14px}}

.index-banner{position:relative;width:100%;padding-bottom:44.79167%}
.index-banner-box{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.index-banner-box .img-pc,.index-banner-box .img-mobile{width:100%;height:100%;background:#fff none no-repeat center center;background-size:cover}
.index-banner-box .img-mobile{display:none}
.index-banner .banner-prev,.index-banner .banner-next{position:absolute;top:50%;font-size:45px;color:#fff;outline:none;cursor:pointer;z-index:999}
.index-banner .banner-prev:hover,.index-banner .banner-next:hover{color:#c70f29}
.index-banner .banner-prev{right:60px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.index-banner .banner-next{left:60px;-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
@media screen and (max-width: 1540px){.index-banner .banner-prev,.index-banner .banner-next{font-size:36px}
.index-banner .banner-prev{right:40px}
.index-banner .banner-next{left:40px}}
@media screen and (max-width: 1200px){.index-banner .banner-prev,.index-banner .banner-next{font-size:30px}
.index-banner .banner-prev{right:26px}
.index-banner .banner-next{left:26px}}
@media screen and (max-width: 750px){.index-banner{padding-bottom:60%}
.index-banner-box .img-pc{display:none}
.index-banner-box .img-mobile{display:block}
.index-banner .banner-prev,.index-banner .banner-next{font-size:.23rem}
.index-banner .banner-prev{right:.075rem}
.index-banner .banner-next{left:.075rem}}
.index-title .en{line-height:1;font-size:42px;text-transform:uppercase;font-family:'Helvetica Neue LT Pro'}
.index-title h2{margin-top:3px;font-size:28px;font-weight:300}
@media screen and (max-width: 1440px){.index-title .en{font-size:38px}
.index-title h2{font-size:26px}}
@media screen and (max-width: 1200px){.index-title .en{font-size:36px}
.index-title h2{font-size:24px}}
@media screen and (max-width: 1024px){.index-title .en{font-size:30px}
.index-title h2{font-size:22px}}
@media screen and (max-width: 750px){.index-title .en{font-size:24px}
.index-title h2{margin-top:1px;font-size:19px}}
.index-info .index-title{margin-bottom:45px}
.index-info .p{margin-bottom:20px;max-height:140px;line-height:35px;font-size:14px;color:#000;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-word}
.index-info .more{width:35px;height:35px;line-height:35px;text-align:center;font-size:12px;color:#fff;background-color:#c70f29;border-radius:50%;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
@media screen and (max-width: 1200px){.index-info .index-title{margin-bottom:36px}
.index-info .p{max-height:120px;line-height:30px}
.index-info .more{width:30px;height:30px;line-height:30px}}
@media screen and (max-width: 1024px){.index-info .index-title{margin-bottom:24px}
.index-info .p{max-height:90px;-webkit-line-clamp:3}}
@media screen and (max-width: 750px){.index-info .index-title{margin-bottom:12px}
.index-info .p{margin-bottom:15px;max-height:112px;line-height:28px;-webkit-line-clamp:4}
.index-info .more{width:28px;height:28px;line-height:28px;font-size:11px}}
.index-product{padding:100px 0;background-color:#fff}
.index-product-recommond{background-color:#f5f5f5}
.index-product-recommond a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-height:485px}
.index-product-recommond a:hover .img-box{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.index-product-recommond a:hover .index-title{color:#c70f29}
.index-product-recommond a:hover .more{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.index-product-recommond .img{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden}
.index-product-recommond .img-box{height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.index-product-recommond .index-title{color:#000;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.index-product-recommond .index-info{padding:82px 90px;width:380px}
.index-product-recommond .index-info .p{color:#878787}
.index-product-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -11px}
.index-product-list li{padding:0 11px;margin-top:22px;width:33.33333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.index-product-list a{position:relative;display:block;width:100%;height:0;padding-bottom:100%;overflow:hidden; border:1px solid #eee;}
.index-product-list a&gt;img{position:absolute;top:0;left:0;width:100%;height:100%}
.index-product-list a:hover .title{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.index-product-list a:hover .mask{opacity:1;visibility:visible}
.index-product-list a:hover .mask p,.index-product-list a:hover .mask .icon{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.index-product-list .title{position:absolute;left:0;bottom:0;width:100%;padding:20px 20px 0;line-height:45px;font-size:18px;color:#fff;background:-webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.7)), to(transparent));background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.7), transparent);background:-moz-linear-gradient(bottom, rgba(0,0,0,0.7), transparent);background:-o-linear-gradient(bottom, rgba(0,0,0,0.7), transparent);background:linear-gradient(0deg, rgba(0,0,0,0.7), transparent);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;z-index:2;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-product-list .mask{position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background:rgba(0,0,0,0.8);-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;opacity:0;visibility:hidden;z-index:6}
.index-product-list .mask p,.index-product-list .mask .icon{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.index-product-list .mask p{position:relative;width:100%;padding:28px .15rem 20px;font-size:18px;color:#fff;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index-product-list .mask p:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-11px;width:22px;height:2px;background-color:#c70f29}
.index-product-list .icon{width:60px;height:60px;line-height:60px;text-align:center}
.index-product-list .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
@media screen and (max-width: 1440px){.index-product-recommond a{min-height:450px}
.index-product-recommond .index-info{padding:70px;width:320px}
.index-product-list .mask p{padding:22px .15rem 16px}
.index-product-list .icon{width:56px;height:56px;line-height:56px}}
@media screen and (max-width: 1200px){.index-product{padding:.4rem 0}
.index-product-recommond a{min-height:400px}
.index-product-recommond .index-info{padding:70px 60px;width:300px}
.index-product-list .title{font-size:16px}
.index-product-list .title .en{font-size:13px}
.index-product-list .mask p{font-size:16px}
.index-product-list .icon{width:50px;height:50px;line-height:50px}}
@media screen and (max-width: 1024px){.index-product-recommond a{min-height:300px}
.index-product-recommond .index-info{padding:50px;width:240px}
.index-product-list .title{padding-top:50px;line-height:36px;font-size:15px}
.index-product-list .title .en{font-size:12px}
.index-product-list .mask p{padding-top:16px;padding-bottom:12px;font-size:15px}
.index-product-list .mask p:after{margin-left:-9px;width:18px;height:1px}
.index-product-list .icon{width:40px;height:40px;line-height:40px}}
@media screen and (max-width: 750px){
.index-product{ height:1050px;}
.index-product-recommond a{display:block;min-height:0}
.index-product-recommond .img{position:relative;width:100%;height:0;padding-bottom:56.29291%}
.index-product-recommond .img-box{position:absolute;top:0;left:0;width:100%}
.index-product-recommond .index-info{padding:.3rem .33rem;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index-product-list{display:block;margin:0; padding-bottom:50px;}
.index-product-list li{padding:0;margin-top:.1rem;width:49%; float:left; margin-right:1%;}
.index-product-list li:nth-child(2n){float:right; margin-right:0px;}

.index-product-list .title{padding:40px .15rem 0;}
}
.index-about{ clear:both;}
.index-about a{position:relative;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#323232}
.index-about a:hover .img-box{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
.index-about a:hover .index-title{color:#c70f29}
.index-about a:hover .more{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.index-about .index-info{padding:150px 105px 0px -moz-calc((100vw - 1200px) / 2);padding:150px 105px 0px calc((100vw - 1200px) / 2);width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index-about .index-info .p{color:#adadad}
.index-about .index-title{color:#fff}
.index-about .img{width:50%;min-height:560px;overflow:hidden}
.index-about .img-box{height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all .5s;-o-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.index-about-icon{position:absolute;left:50%;bottom:60px;margin-left:-600px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;width:1200px;background-color:#fff;z-index:8}
.index-about-icon li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;position:relative;min-width:0;padding:22px 30px 20px;text-align:center}
.index-about-icon li:not(:first-child):before{content:'';position:absolute;left:0;top:50%;margin-top:-15px;width:1px;height:30px;background-color:#e0e0e0;z-index:2}
.index-about-icon li:hover .icon img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.index-about-icon .icon{margin:0 auto;width:50px;height:50px;line-height:50px}
.index-about-icon .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-about-icon p{margin-top:12px;line-height:1.4;font-size:14px;color:#000}
@media screen and (max-width: 1440px){.index-about .index-info{padding-top:120px;padding-bottom:360px}
.index-about .img{min-height:560px}}
@media screen and (max-width: 1300px){.index-about .index-info{padding-left:80px}
.index-about-icon{left:80px;right:80px;margin-left:0;width:auto}
.index-about-icon .icon{width:50px;height:50px;line-height:50px}}
@media screen and (max-width: 1200px){.index-about .index-info{padding:90px 80px 300px 60px}
.index-about .img{min-height:680px}
.index-about-icon{left:60px;right:60px}
.index-about-icon li{padding:20px .1rem}
.index-about-icon .icon{width:45px;height:45px;line-height:45px}}
@media screen and (max-width: 1024px){.index-about .index-info{padding:80px 60px 240px 50px}
.index-about .img{min-height:500px}
.index-about-icon{left:50px;right:50px;bottom:50px}
.index-about-icon li{padding-top:18px;padding-bottom:18px}
.index-about-icon .icon{width:40px;height:40px;line-height:40px}
.index-about-icon p{margin-top:10px;font-size:12px}}
@media screen and (max-width: 750px){
.index-about{ clear:both;}
.index-about a{display:block}
.index-about .index-info{padding:.4rem .43rem -moz-calc(86px + .3rem);padding:.4rem .43rem calc(86px + .3rem);width:100%}
.index-about .img{position:relative;width:100%;height:0;min-height:0;padding-bottom:58.33333%}
.index-about .img-box{position:absolute;top:0;left:0;width:100%}
.index-about-icon{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;left:.15rem;right:.15rem;bottom:-moz-calc(100vw * (560 / 960));bottom:calc(100vw * (560 / 960));padding-bottom:12px;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%)}
.index-about-icon li{-webkit-box-flex:0;-webkit-flex:0 0 50%;-moz-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;margin-top:12px;padding-top:0;padding-bottom:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.index-about-icon li:not(:first-child):before{top:15px;margin-top:0;height:20px}
.index-about-icon li:hover .icon img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}
.index-about-icon .icon{width:34px;height:34px;line-height:34px}}
.index-more{margin:0 auto;width:180px;height:40px;line-height:40px;text-align:center;font-size:14px;border-radius:40px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.index-more i{display:inline-block;vertical-align:middle;margin-top:-4px;font-size:20px}
@media screen and (max-width: 1200px){.index-more{width:160px;height:36px;line-height:36px}}
@media screen and (max-width: 1024px){.index-more{width:140px;height:32px;line-height:32px;font-size:13px}
.index-more i{font-size:18px}}
@media screen and (max-width: 750px){.index-more{width:100px;height:26px;line-height:26px;font-size:11px}
.index-more i{font-size:16px}}
.inside-page{padding:60px 0 100px}
@media screen and (max-width: 1200px){.inside-page{padding-bottom:.4rem}}
@media screen and (max-width: 750px){.inside-page{padding-top:.35rem}}
.product-category{margin-bottom:.25rem;padding:0 40px;background-color:#fff;border:1px solid #e5e5e5}
.product-category .item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:30px 0 18px;line-height:30px}
.product-category .item:not(:last-child){border-bottom:1px dashed #e3e3e3}
.product-category .item-title{font-size:16px;color:#333;font-weight:600}
.product-category .item-list{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:0}
.product-category .item-list a{display:inline-block;vertical-align:top;margin:0 0 12px 12px;padding:0 16px;font-size:14px;color:#999;border-radius:4px;overflow:hidden;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.product-category .item-list a.on,.product-category .item-list a:hover{color:#fff;background-color:#c70f29}
@media screen and (max-width: 1200px){.product-category{padding:0 .15rem}}
@media screen and (max-width: 1024px){.product-category .item{padding:24px 0 14px;line-height:28px}
.product-category .item-title{font-size:15px}
.product-category .item-list a{margin:0 0 10px 10px;padding:0 14px}}
@media screen and (max-width: 750px){.product-category .item{padding:16px 0 8px;line-height:24px}
.product-category .item-list a{margin:0 0 8px 8px;padding:0 10px;font-size:13px}}
/*******************************************/
.product-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -22px}
.product-list li{margin-bottom:44px;padding:0 22px;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-list li a{display:block;background-color:#fff}
.product-list li a:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.product-list li a:hover .img:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.product-list li a:hover .more{color:#fff;background-color:#c70f29;border-color:#c70f29}
.product-list li .img{position:relative;width:100%;height:0;padding-bottom:100%;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);overflow:hidden}
.product-list li .img img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;z-index:1}
.product-list li .img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(231,121,25,0.6);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;transform-origin:center;z-index:2;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:transform .4s;-moz-transition:transform .4s, -moz-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s, -moz-transform .4s}
.product-list li .info{padding:25px 28px}
.product-list li h3{height:21.6px;line-height:1.2;font-size:18px;color:#030303;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis; float:left;}
.product-list li .more{width:25px;height:25px;line-height:23px;text-align:center;color:#4c4c4c;border:1px solid #4c4c4c;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s; margin-top:10px;}
@media screen and (max-width: 1200px){.product-list{margin:0 -20px 5px}
.product-list li{margin-bottom:40px;padding:0 20px}
.product-list li h3{height:20.4px;font-size:17px}}
@media screen and (max-width: 1024px){.product-list{margin:0 -15px 15px}
.product-list li{margin-bottom:30px;padding:0 15px}
.product-list li .info{padding:20px}
.product-list li h3{height:19.2px;font-size:16px}
.product-list li .more{width:22px;height:22px;line-height:20px;font-size:14px}}
@media screen and (max-width: 750px){.product-list{margin:0 -.05rem .15rem}
.product-list li{margin-bottom:.1rem;width:50%;padding:0 .05rem}
.product-list li .info{padding:.125rem .15rem}
.product-list li .p{margin:6px 0;height:44px;line-height:22px;font-size:13px}
.product-list li .more{width:18px;height:18px;line-height:16px;font-size:13px}}

.product-detail{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:40px 40px 20px;background-color:#fff;border:1px solid #e5e5e5}
.product-detail-left{width:750px; border-right:1px solid #eee;}
.product-detail-right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0px 0 0px 30px}
.product-detail-right .title{padding-right:8px; padding-left:15px;line-height:40px;font-size:20px;color:#333; background:#eee;}
.product-detail-right .content{position:relative;margin:20px 0 30px;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:14px;line-height:22px;color:#999;overflow:hidden}
.product-detail-right .content p{margin-bottom:11px}
.product-detail-right .content img{max-width:100%;height:auto !important}
.product-detail-right .content p{margin-bottom:15px}
.product-detail-right .content-scroller{position:absolute;top:0;left:0;width:100%;height:100%}
.product-detail-right .content-scroller h6 { margin-top: 20px;}
.product-detail-right .content-scroller h6 a { display: block; width:150px; height: 45px; background: #E21A22; font-size: 16px; color: #fff; text-align: center; line-height: 45px; }
.product-detail-right .content-scroller h6 a i { font-size: 20px; margin-right: 10px; }
.product-detail-right .content-scroller h6 a:hover { background: #CE272D; }
.product-detail-right .content .wp{padding-right:8px; min-height:550px;}
@media screen and (max-width: 1300px){.product-detail-left{width:700px}
.product-detail-right{padding:30px 0 30px 50px}}
@media screen and (max-width: 1200px){.product-detail{padding:30px 30px 20px}
.product-detail-left{width:600px}
.product-detail-right{padding:20px 0 20px 45px}
.product-detail-right .title{font-size:24px}
.product-detail-right .content{margin:20px 0 30px}
.product-detail-right .content p{margin-bottom:12px}}
@media screen and (max-width: 1024px){.product-detail{display:block;padding:.15rem}
.product-detail-left{width:100%}
.product-detail-right{padding:30px 0 10px}
.product-detail-right .title{padding-right:0}
.product-detail-right .content{margin-bottom:24px}
.product-detail-right .content .wp{padding-right:0}
}
@media screen and (max-width: 750px){.product-detail-right{padding:15px 0 10px}
.product-detail-right .title{font-size:20px}
.product-detail-right .content{margin:12px 0}
}


.bold-black{font-size:14px;color:#333;font-weight:600}
.product-gallery{width:100%;height: auto;overflow:hidden}
.product-gallery-box{;top:0;left:0;width:100%;}
.product-gallery .swiper-slide a{display:block}
.product-gallery .swiper-slide img{width:100%;}


.product-content{margin-top:30px;background-color:#fff;border:1px solid #e5e5e5}
.product-content-title{padding-left:.2rem;line-height:78px;font-size:20px;color:#fff;font-weight:600;background-color:#c70f29;border-bottom:1px solid #e5e5e5}
@media screen and (max-width: 1200px){.product-content-title{line-height:68px}}
@media screen and (max-width: 1024px){.product-content-title{line-height:60px;font-size:18px}}
@media screen and (max-width: 750px){.product-content{margin-top:20px}
.product-content-title{line-height:42px;font-size:16px}}
.product-article{padding:48px 50px 50px;font-size:14px;line-height:30px;color:#333;overflow:hidden; text-align:center;}
.product-article p{margin-bottom:15px}
.product-article img{max-width:100%;height:auto !important}
.product-article ul{list-style:disc}
.product-article ul li{list-style:disc}
.product-article ol{list-style:decimal}
.product-article ol li{list-style:decimal}
.product-article p{margin-bottom:0}
.product-article-title{margin-bottom:22px;padding-left:10px;line-height:1;font-size:20px;color:#000;font-weight:600;border-left:4px solid #c70f29}
@media screen and (max-width: 1200px){.product-article{padding:40px}
.product-article-title{font-size:18px}}
@media screen and (max-width: 750px){.product-article{padding:.25rem .15rem;line-height:28px}
.product-article-title{margin-bottom:14px;padding-left:8px;font-size:16px;border-left-width:3px}}
.product-textbox .product-article-title{margin-bottom:20px}
@media screen and (max-width: 1200px){.product-textbox .product-article-title{margin-bottom:18px}}
@media screen and (max-width: 750px){.product-textbox .product-article-title{margin-bottom:10px}}
.product-article-box+.product-article-box{margin-top:45px}
@media screen and (max-width: 1200px){.product-article-box+.product-article-box{margin-top:40px}}
@media screen and (max-width: 750px){.product-article-box+.product-article-box{margin-top:25px}}
.product-color-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-20px -10px 0;text-align:center}
.product-color-list li{margin-top:20px;padding:0 10px;width:20%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-color-list .img{position:relative;width:100%;height:0;padding-bottom:138.23529%}
.product-color-list .img img{position:absolute;top:0;left:0;width:100%;height:100% !important}
.product-color-list p{margin:10px 0 0;line-height:1.4;font-size:16px}
@media screen and (max-width: 1200px){.product-color-list p{font-size:15px}}
@media screen and (max-width: 1024px){.product-color-list{margin:-12px -6px 0}
.product-color-list li{margin-top:12px;padding:0 6px}
.product-color-list p{margin-top:8px;font-size:14px}}
@media screen and (max-width: 750px){.product-color-list{margin:-.1rem -.05rem 0}
.product-color-list li{margin-top:.125rem;padding:0 .05rem;width:33.33333%}
.product-color-list p{margin-top:6px;font-size:12px}}
.product-structure{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.product-structure-left{width:47.35883%}
.product-structure-right{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin-left:60px}
.product-structure-right .box{min-height:414px;background-color:#f5f5f5}
.product-structure-right .info{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:20px 0 24px}
.product-structure-right .info ul{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:0 32px}
.product-structure-right .info li{list-style:none !important}
.product-structure .img img{width:100%}
@media screen and (max-width: 1300px){.product-structure-right .box{min-height:auto}}
@media screen and (max-width: 1200px){.product-structure-right{margin-left:40px}
.product-structure-right .info{padding:20px 10px;font-size:13px}
.product-structure-right .info ul{padding:0 15px}}
@media screen and (max-width: 1024px){.product-structure{display:block}
.product-structure-left{width:100%}
.product-structure-right{margin:40px 0 0}}
@media screen and (max-width: 750px){.product-structure-right{margin-top:25px}
.product-structure-right .info{display:block;padding:.175rem .25rem .2rem}
.product-structure-right .info ul{padding:0}}
.product-match-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-32px -12px 0;text-align:center}
.product-match-list li{margin-top:32px;padding:0 12px;width:33.33333%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-match-list .img{position:relative;width:100%;height:0;padding-bottom:100%}
.product-match-list .img img{position:absolute;top:0;left:0;width:100%;height:100% !important}
.product-match-list p{margin:14px 0 0;line-height:1.4;color:#000}
@media screen and (max-width: 1200px){.product-match-list{margin-top:-24px}
.product-match-list li{margin-top:24px}
.product-match-list p{margin-top:10px}}
@media screen and (max-width: 1024px){.product-match-list{margin:-20px -8px 0}
.product-match-list li{margin-top:20px;padding:0 8px}
.product-match-list p{font-size:13px}}
@media screen and (max-width: 750px){.product-match-list{margin:-.15rem -.05rem 0}
.product-match-list li{margin-top:.15rem;padding:0 .05rem;width:50%}
.product-match-list p{margin-top:8px;font-size:12px}}
.product-device .product-article-title{margin-bottom:14px}
.product-device p{color:#999}
.product-device-img{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-36px -30px 0}
.product-device-img li{margin-top:60px;padding:0 30px;width:50%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.product-device-img img{width:100%}
@media screen and (max-width: 1200px){.product-device-img{margin:-16px -20px 0}
.product-device-img li{margin-top:40px;padding:0 20px}}
@media screen and (max-width: 1024px){.product-device-img{margin:-10px -15px 0}
.product-device-img li{margin-top:.15rem;padding:0 15px}}
@media screen and (max-width: 750px){.product-device .product-article-title{margin-bottom:10px}
.product-device-img{display:block;margin:.2rem 0 0}
.product-device-img li{padding:0;width:100%}}
.backlist-btn{display:block;margin-top:20px;height:60px;line-height:60px;text-align:center;font-size:14px;color:#333;background-color:#fff;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.backlist-btn i{display:inline-block;vertical-align:middle;margin:-3px .09rem 0 0;font-size:14px}
.backlist-btn:hover{color:#fff;background-color:#c70f29}
@media screen and (max-width: 1024px){.backlist-btn{height:50px;line-height:50px}}
@media screen and (max-width: 750px){.backlist-btn{height:42px;line-height:42px}}
.panorama-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -22px}
.panorama-list li{margin-bottom:44px;padding:0 22px;width:33.33333%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden}
.panorama-list li a{display:block;background-color:#fff}
.panorama-list li a:hover .img-mask{opacity:1}
.panorama-list li a:hover .img-mask .icon,.panorama-list li a:hover .img-mask p{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.panorama-list li a:hover h3{color:#c70f29}
.panorama-list li .img{position:relative;width:100%;height:0;padding-bottom:60.54054%;overflow:hidden}
.panorama-list li .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.panorama-list li .img-mask{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;background-color:rgba(0,0,0,0.6);opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:2}
.panorama-list li .img-mask .icon{width:55px;height:55px;line-height:55px;font-size:30px;color:#c70f29;border:2px solid #c70f29;border-radius:50%}
.panorama-list li .img-mask p{margin-top:10px;font-size:14px;color:#fff}
.panorama-list li .img-mask .icon,.panorama-list li .img-mask p{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .3s .2s;-o-transition:all .3s .2s;-moz-transition:all .3s .2s;transition:all .3s .2s}
.panorama-list li h3{padding:0 28px;height:75px;line-height:75px;font-size:18px;color:#030303;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
@media screen and (max-width: 1200px){.panorama-list{margin:0 -15px 10px}
.panorama-list li{margin-bottom:30px;padding:0 15px}
.panorama-list li .img-mask .icon{width:50px;height:50px;line-height:50px;font-size:26px}
.panorama-list li .img-mask p{margin-top:8px;font-size:13px}
.panorama-list li h3{height:64px;line-height:64px;font-size:16px}}
@media screen and (max-width: 1024px){.panorama-list li .img-mask .icon{width:40px;height:40px;line-height:40px;font-size:22px}
.panorama-list li .img-mask p{margin-top:6px;font-size:12px}
.panorama-list li h3{padding:0 .1rem;height:52px;line-height:52px;font-size:15px}}
@media screen and (max-width: 750px){.panorama-list{margin:0 -.05rem .15rem}
.panorama-list li{margin-bottom:.1rem;padding:0 .05rem;width:50%}
.panorama-list li a:hover .img-mask p{-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)}
.panorama-list li .img-mask .icon{width:32px;height:32px;line-height:32px;font-size:18px}
.panorama-list li .img-mask p{margin-top:4px}
.panorama-list li h3{height:42px;line-height:42px;font-size:14px}}
.honor-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -8px 20px}
.honor-list li{margin-bottom:22px;padding:0 8px;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.honor-list .box{display:block;padding:6px 6px 24px;height:100%;background-color:#fff;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.honor-list .box:hover h3{color:#c70f29}
.honor-list .box-img{position:relative;height:0;padding-top:74.07407%;background-color:#f5f5f3}
.honor-list .box-img img{position:absolute;top:50%;left:50%;max-width:92%;max-height:92%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.honor-list .box-info{padding:36px 36px 0}
.honor-list h3{margin-bottom:10px;padding-bottom:12px;height:18px;line-height:1.2;font-size:15px;color:#000;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;border-bottom:1px dashed #bcbcbc;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.honor-list .p{height:48px;font-size:12px;line-height:24px;color:#777;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
@media screen and (max-width: 1200px){.honor-list li{width:33.33333%}}
@media screen and (max-width: 1024px){.honor-list li{margin-bottom:16px}
.honor-list .box{padding-bottom:12px}
.honor-list .box-info{padding:20px 20px 0}}
@media screen and (max-width: 750px){.honor-list{margin:0 -.05rem .15rem}
.honor-list li{margin-bottom:.1rem;padding:0 .05rem;width:50%}
.honor-list .box{padding:4px 4px 10px}
.honor-list .box-info{padding:12px 8px 0}
.honor-list h3{padding-bottom:8px;margin-bottom:6px;height:16.8px;font-size:14px}
.honor-list .p{height:22px;line-height:22px;display:block;white-space:nowrap}}
.honor-popup{display:none}
.honor-popup.show{display:block}
.honor-popup.show .honor-popup-box,.honor-popup.show .honor-popup-mask{opacity:1}
.honor-popup-box{position:fixed;top:0;left:0;bottom:0;right:0;display:table;margin:auto;table-layout:fixed;width:700px;padding:50px;background-color:#fff;z-index:9001;opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.honor-popup-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);z-index:9000;opacity:0;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.honor-popup .box-img{position:relative;height:0;padding-top:70.27027%;background:#f5f5f3}
.honor-popup .box-img-wp{position:absolute;top:0;left:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}
.honor-popup .box-img img{max-width:92%;max-height:92%}
.honor-popup .title{padding-bottom:18px;margin:24px 0 14px;font-size:20px;color:#333;border-bottom:1px dashed #bcbcbc}
.honor-popup .p{font-size:14px;line-height:24px;color:#777}
.honor-popup-close{position:absolute;top:10px;right:-52px;width:52px;height:52px;line-height:52px;text-align:center;font-size:22px;color:#fff;background-color:#323232;z-index:1;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.honor-popup-close:hover{background-color:#c70f29}
@media screen and (max-width: 1440px){.honor-popup-box{width:600px;padding:40px}}
@media screen and (max-width: 1024px){.honor-popup-box{width:500px;padding:.15rem}
.honor-popup .title{padding-bottom:15px;margin:20px 0 12px;font-size:18px}
.honor-popup-close{right:-45px;width:45px;height:45px;line-height:45px;font-size:18px}}
@media screen and (max-width: 750px){.honor-popup-box{padding-bottom:.2rem;width:86%}
.honor-popup .title{padding-bottom:10px;margin:15px 0 8px;font-size:16px}
.honor-popup .p{font-size:12px;line-height:20px}
.honor-popup-close{top:auto;bottom:-60px;right:50%;margin-right:-18px;width:36px;height:36px;line-height:36px;font-size:12px;border-radius:50%}
.honor-popup-close:after{content:'';position:absolute;bottom:100%;left:50%;width:1px;height:24px;background-color:#fff}}
.news-list{padding-bottom:25px}
.news-list li{margin-bottom:20px}
.news-list li a{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.news-list li a:hover .time{background-color:#c70f29}
.news-list li a:hover h3{color:#c70f29}
.news-list li a:hover h3:before{width:5%;background-color:#c70f29}
.news-list li a:hover h3:after{width:94%}
.news-list li .time{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:90px;height:112px;color:#fff;background-color:#4e4e4e;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.news-list li .day{line-height:1;font-size:45px}
.news-list li .year{font-size:18px}
.news-list li .box{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;min-width:0;padding:32px 40px 32px 32px;background-color:#fff}
.news-list li .img{margin-right:40px;width:282px;height:158px}
.news-list li .img img{width:100%;height:100%}
.news-list li .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0}
.news-list li h3{position:relative;margin-bottom:15px;padding:18px 0 12px;font-size:18px;color:#333;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.news-list li h3:before,.news-list li h3:after{content:'';position:absolute;bottom:0;width:50%;height:1px;background-color:#ededed;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}
.news-list li h3:before{left:0}
.news-list li h3:after{right:0}
.news-list li .p{height:90px;line-height:30px;font-size:14px;color:#999;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}
.news-list li .mobile-time{display:none;font-size:12px;color:#999}
@media screen and (max-width: 1024px){.news-list{padding-bottom:25px}
.news-list li{margin-bottom:20px}
.news-list li .time{width:72px;height:84px}
.news-list li .day{font-size:38px}
.news-list li .year{font-size:15px}
.news-list li .box{padding:.1rem .15rem .1rem .1rem}
.news-list li .img{margin-right:20px;width:240px;height:134px}
.news-list li h3{margin-bottom:10px;padding-top:8px;font-size:17px}
.news-list li .p{height:84px;line-height:28px}}
@media screen and (max-width: 750px){.news-list{padding-bottom:.1rem}
.news-list li{margin-bottom:.15rem}
.news-list li .time{display:none}
.news-list li .img{margin-right:.1rem;width:140px;height:78px}
.news-list li .img+.info{padding-bottom:0}
.news-list li .info{padding:5px 0}
.news-list li h3{margin-bottom:6px;padding:0;max-height:44px;line-height:22px;font-size:15px;white-space:normal;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.news-list li h3:before,.news-list li h3:after{display:none}
.news-list li .p{display:none}
.news-list li .mobile-time{display:block}}
.news-detail{padding:65px 60px;background-color:#fff}
.news-detail-top{padding-bottom:38px;margin-bottom:32px;text-align:center;border-bottom:1px dashed #d8d8d8}
.news-detail-top h2{line-height:1.4;font-size:30px;color:#333}
.news-detail-top p{margin-top:8px;font-size:14px;color:#333}
.news-detail-top p span{display:inline-block;vertical-align:top;margin:0 .06rem}
@media screen and (max-width: 1200px){.news-detail{padding:50px}
.news-detail-top{padding-bottom:30px;margin-bottom:24px}
.news-detail-top h2{font-size:26px}
.news-detail-top p{font-size:13px}}
@media screen and (max-width: 1024px){.news-detail{padding:40px}
.news-detail-top{padding-bottom:26px;margin-bottom:18px}
.news-detail-top h2{font-size:24px}
.news-detail-top p{font-size:12px}}
@media screen and (max-width: 750px){.news-detail{padding:.25rem .15rem .2rem}
.news-detail-top{padding-bottom:18px;margin-bottom:12px}
.news-detail-top h2{font-size:18px}
.news-detail-top p{margin-top:6px}}
.news-article{font-size:14px;line-height:30px;color:#333}
.news-article p{margin-bottom:15px}
.news-article img{max-width:100%;height:auto !important}
.news-article ul{list-style:disc}
.news-article ul li{list-style:disc}
.news-article ol{list-style:decimal}
.news-article ol li{list-style:decimal}
.news-article p{margin-bottom:20px}
@media screen and (max-width: 1024px){.news-article p{margin-bottom:15px}}
@media screen and (max-width: 750px){.news-article{line-height:28px}
.news-article p{margin-bottom:10px}}
.news-paged{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-top:20px;height:60px;line-height:60px;text-align:center;background-color:#fff}
.news-paged a{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;font-size:14px;color:#333;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.news-paged a:hover{color:#fff;background-color:#c70f29}
.news-paged a:not(:first-child){border-left:1px solid #dcdcdc}
.news-paged i{display:inline-block;vertical-align:middle;margin-top:-5px}
.news-paged .prev i,.news-paged .backlist i{margin-right:.075rem}
.news-paged .next i{margin-left:.075rem}
@media screen and (max-width: 1200px){.news-paged{height:52px;line-height:52px}}
@media screen and (max-width: 750px){.news-paged{margin-top:15px;height:42px;line-height:42px}
.news-paged a{font-size:13px}
.news-paged i{margin-top:0;font-size:14px}}
.contact-box{padding:34px;background-color:#fff}
@media screen and (max-width: 1200px){.contact-box{padding:30px}}
@media screen and (max-width: 750px){.contact-box{padding:.17rem .1rem .1rem}}
.contact-map{width:100%; line-height:30px;}
.contact-map .map-box{width:100%;height:100%}
.contact-map .map-box img{width:100%;height:100%}
.color-orange{color:#c70f29;font-family:"Microsoft YaHei"}
.about-title{margin-bottom:20px;text-align:center;line-height:1.3;font-size:40px;color:#333;font-weight:600; text-transform:uppercase;}
.about-title-sub{line-height:1.4;font-weight:600;font-size:30px;color:#333}
@media screen and (max-width: 1200px){.about-title{font-size:36px}
.about-title-sub{font-size:26px}}
@media screen and (max-width: 1024px){.about-title{margin-bottom:16px;font-size:30px}
.about-title-sub{font-size:22px}}
@media screen and (max-width: 750px){.about-title{margin-bottom:14px;font-size:20px}
.about-title-sub{font-size:16px}}
.about-box{padding-top:25px}
@media screen and (max-width: 1024px){.about-box{padding-top:20px}}
@media screen and (max-width: 750px){.about-box{padding-top:15px}}
.about-box1{padding-bottom:12px}
.about-box1 .about-title{margin-bottom:0;text-align:left}
.about-box1 .p{margin-top:20px}
@media screen and (max-width: 1024px){.about-box1{padding-bottom:8px}
.about-box1 .p{margin-top:15px}}
@media screen and (max-width: 750px){.about-box1{padding-bottom:5px}
.about-box1 .p{margin-top:10px}}
.about-part-box{padding:30px 0 70px}
.about-part-box:last-child{padding-bottom:0}
.about-part-box .img{padding-top:10px;text-align:center}
@media screen and (max-width: 1024px){.about-part-box{padding:25px 0 50px}
.about-part-box .img{padding-top:6px}}
@media screen and (max-width: 750px){.about-part-box{padding:15px 0 30px}}
.join-title{margin-bottom:32px;text-align:center;line-height:1.3;font-size:35px;color:#000;font-weight:600}
@media screen and (max-width: 1200px){.join-title{font-size:32px}}
@media screen and (max-width: 1024px){.join-title{margin-bottom:26px;font-size:28px}}
@media screen and (max-width: 750px){.join-title{margin-bottom:15px;font-size:20px}}
.bg-white{background-color:#fff}
.join-page .news-article{padding:95px 0 100px}
@media screen and (max-width: 1200px){.join-page .news-article{padding:85px 0 90px}}
@media screen and (max-width: 1024px){.join-page .news-article{padding:.325rem 0 .35rem}}
.join-trend-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}
.join-trend-list li{margin-top:30px;padding:0 15px;width:33.33333%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-trend-list .box{padding:68px 40px 30px;height:100%;text-align:center;background-color:#f8f8f8;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-trend-list .icon{height:90px;line-height:90px}
.join-trend-list .icon img{display:inline-block;vertical-align:middle;max-height:100%}
.join-trend-list p{margin-bottom:0}
.join-trend-list .title{margin:54px 0 22px;line-height:1.2;font-size:28px;color:#333}
.join-trend-list .title p{font-size:16px;color:#666}
.join-trend-list .p{position:relative;padding-bottom:26px;line-height:24px;color:#999}
.join-trend-list .p:after{content:'';position:absolute;bottom:0;left:50%;margin-left:-12px;width:24px;height:2px;background-color:#c70f29}
@media screen and (max-width: 1200px){.join-trend-list .box{padding:52px 30px 24px}
.join-trend-list .icon{height:80px;line-height:80px}
.join-trend-list .title{margin:40px 0 16px;font-size:24px}
.join-trend-list .title p{font-size:15px}
.join-trend-list .p{padding-bottom:20px}}
@media screen and (max-width: 1024px){.join-trend-list{margin:0 -10px}
.join-trend-list li{margin-top:20px;padding:0 10px}
.join-trend-list .box{padding:40px 20px 20px}
.join-trend-list .icon{height:62px;line-height:62px}
.join-trend-list .title{margin:30px 0 12px;font-size:22px}
.join-trend-list .title p{font-size:14px}
.join-trend-list .p{padding-bottom:16px;line-height:22px;font-size:12px}}
@media screen and (max-width: 750px){.join-trend-list{display:block;margin:0}
.join-trend-list li{margin-top:.1rem;padding:0;width:100%}
.join-trend-list .box{padding:.25rem .15rem .225rem}
.join-trend-list .icon{height:50px;line-height:50px}
.join-trend-list .title{margin:16px 0 7px;font-size:18px}
.join-trend-list .title p{font-size:13px}
.join-trend-list .p{padding-bottom:12px}}
.join-brand-part{padding:30px 0 60px}
.join-brand-part:last-child{padding-bottom:0}
@media screen and (max-width: 1024px){.join-brand-part{padding:.1rem 0 .25rem}}
.join-strength-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -15px}
.join-strength-list:first-child{margin-top:-15px}
.join-strength-list:last-child{margin-bottom:-15px}
.join-strength-list-two li{width:50%}
.join-strength-list-two .img{padding-bottom:75%}
.join-strength-list-three li{width:33.33333%}
.join-strength-list-three .img{padding-bottom:74.28571%}
.join-strength-list li{padding:15px;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-strength-list .box{padding:30px 30px 35px;height:100%;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-strength-list .img{position:relative;width:100%;height:0}
.join-strength-list .img img{position:absolute;top:0;left:0;width:100%;height:100% !important}
.join-strength-list .info{padding:22px 6px 0}
.join-strength-list .title{line-height:1.4;font-size:20px;color:#000}
.join-strength-list p{margin:8px 0 0;line-height:28px;font-size:14px;color:#999}
@media screen and (max-width: 1024px){.join-strength-list{margin:0 -10px}
.join-strength-list:first-child{margin-top:-10px}
.join-strength-list:last-child{margin-bottom:-10px}
.join-strength-list li{padding:10px}
.join-strength-list .box{padding:.1rem .1rem .12rem}
.join-strength-list .info{padding:16px 0 0}
.join-strength-list .title{font-size:18px}
.join-strength-list p{line-height:24px;font-size:13px}}
@media screen and (max-width: 750px){.join-strength-list{display:block;margin:0}
.join-strength-list:first-child{margin-top:0}
.join-strength-list:last-child{margin-bottom:0}
.join-strength-list:not(:first-child){margin-top:.1rem}
.join-strength-list li{width:100%;padding:0}
.join-strength-list li:not(:first-child){margin-top:.1rem}
.join-strength-list .info{padding:14px 0 0}
.join-strength-list .title{font-size:17px}
.join-strength-list p{margin-top:6px}}
.join-mode-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding:30px 65px 30px 30px;background-color:#fff;border:1px solid #e5e5e5}
.join-mode-box .img{width:400px}
.join-mode-box .img img{width:100%}
.join-mode-box .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:45px 0 0 65px;line-height:28px;color:#999}
@media screen and (max-width: 1024px){.join-mode-box{padding:.1rem 32px 20px .1rem}
.join-mode-box .img{width:300px}
.join-mode-box .info{padding:10px 0 0 32px}}
@media screen and (max-width: 750px){.join-mode-box{display:block;padding-right:.1rem;padding-bottom:.15rem}
.join-mode-box .img{width:100%}
.join-mode-box .info{padding:10px 0 0}}
.join-brand-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-bottom:60px}
.join-brand-box li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;list-style:none !important}
.join-brand-box li+li .join-brand-part{padding-left:15px}
.join-brand-box li+li .about-part-title{background-color:#d36b0f}
.join-brand-box li:first-child .join-brand-part{padding-right:15px}
.join-brand-box .box{padding:30px 30px 35px;background-color:#fff;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-brand-box .img{position:relative;width:100%;height:0;padding-bottom:74.28571%}
.join-brand-box .img img{position:absolute;top:0;left:0;width:100%;height:100% !important}
.join-brand-box p{margin-bottom:0;padding:22px 6px 0;line-height:28px;font-size:14px;color:#999}
@media screen and (max-width: 1024px){.join-brand-box{padding-bottom:.25rem}
.join-brand-box li+li .join-brand-part{padding-left:10px}
.join-brand-box li:first-child .join-brand-part{padding-right:10px}
.join-brand-box .box{padding:.1rem .1rem .12rem}
.join-brand-box p{padding:16px 0 0}}
@media screen and (max-width: 750px){.join-brand-box{display:block}
.join-brand-box li+li{margin-top:.25rem}
.join-brand-box li+li .join-brand-part{padding-left:0}
.join-brand-box li+li .about-part-title{background-color:#c70f29}
.join-brand-box li:first-child .join-brand-part{padding-right:0}
.join-brand-box p{padding-top:10px}}
.join-system{padding:48px 30px;background-color:#fff;border:1px solid #e5e5e5}
.join-system p{margin-bottom:0;line-height:28px;color:#999}
.join-system-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -.05rem}
.join-system-list li{padding:.1rem .05rem 0;width:25%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-system-list .box{padding:50px 30px 45px;height:100%;text-align:center;background-color:#f5f5f5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-system-list .img{margin:0 auto;width:120px;height:120px;border-radius:50%;overflow:hidden}
.join-system-list .img img{width:100%;height:100%}
.join-system-list .title{margin:25px 0 4px;line-height:1.3;font-size:18px;color:#333;font-weight:600}
.join-system-list p{margin-bottom:0;line-height:24px;color:#999}
@media screen and (max-width: 1200px){.join-system-list .box{padding:40px 24px 36px}}
@media screen and (max-width: 1024px){.join-system{padding:.125rem .1rem .1rem}
.join-system-list .box{padding:30px 20px 25px}
.join-system-list .img{width:100px;height:100px}
.join-system-list .title{margin-top:18px;font-size:16px}
.join-system-list p{line-height:22px;font-size:13px}}
@media screen and (max-width: 750px){.join-system-list li{width:50%}
.join-system-list .box{padding:.2rem .15rem .175rem}
.join-system-list .img{width:90px;height:90px}
.join-system-list .title{margin-top:15px;font-size:15px}
.join-system-list p{font-size:12px}}
.join-data-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:-30px -15px 0}
.join-data-list li{padding:30px 15px 0;width:25%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-data-list .box{height:100%;background-color:#f5f5f5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-data-list .img{position:relative;width:100%;height:0;padding-bottom:74.00722%;overflow:hidden}
.join-data-list .img img{position:absolute;top:0;left:0;width:100%;height:100%}
.join-data-list p{margin-bottom:0;padding:18px 15px;line-height:28px;color:#666}
@media screen and (max-width: 1024px){.join-data-list{margin:-.1rem -.05rem 0}
.join-data-list li{padding:.1rem .05rem 0}
.join-data-list p{padding:15px;font-size:13px;line-height:24px}}
@media screen and (max-width: 750px){.join-data-list li{width:50%}
.join-data-list p{padding:12px}}
.join-support-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5}
.join-support-list li{padding:32px 20px 23px;width:20%;text-align:center;background-color:#f9f9f9;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-support-list .icon{margin:0 auto;width:90px;height:90px;border-radius:50%;overflow:hidden}
.join-support-list .icon img{width:100%;height:100% !important}
.join-support-list .title{margin:16px 0 3px;line-height:1.2;font-size:16px;color:#333}
.join-support-list p{margin-bottom:0}
.join-support-list .en{line-height:1.2;color:#999}
.join-support-list .more{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px}
@media screen and (max-width: 1200px){.join-support-list .icon{width:80px;height:80px}}
@media screen and (max-width: 1024px){.join-support-list li{padding:24px 20px 20px}
.join-support-list .icon{width:66px;height:66px}
.join-support-list .title{margin-top:13px;font-size:15px}
.join-support-list .en{font-size:12px}}
@media screen and (max-width: 750px){.join-support-list li{padding:.2rem .1rem .15rem;width:33.33333%}
.join-support-list .icon{width:52px;height:52px}
.join-support-list .title{margin-top:10px}
.join-support-list .more{display:none}}
.join-store{margin-bottom:-25px}
.join-store-title{margin-bottom:-70px}
.join-store-box{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.join-store-left{position:relative;margin-right:10px;width:79.16667%;height:0;padding-bottom:59.33333%;overflow:hidden}
.join-store-gallery{position:absolute;top:0;left:0;width:100%;height:100%}
.join-store-gallery img{width:100%;height:100%}
.join-store-gallery p{position:absolute;bottom:0;left:0;width:100%;padding:20px 30px;line-height:1.5;font-size:16px;color:#fff;background-color:rgba(0,0,0,0.5);z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-store-thumbs{position:relative;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:75px 0}
.join-store-thumbs-box{position:absolute;top:75px;bottom:75px;width:100%;z-index:2;overflow:hidden}
.join-store-thumbs .swiper-slide{position:relative}
.join-store-thumbs .swiper-slide:after{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border:3px solid transparent;z-index:2;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.join-store-thumbs .swiper-slide-thumb-active:after{border-color:#c70f29}
.join-store-thumbs .img{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center}
.join-store-prev,.join-store-next{position:absolute;left:0;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:60px;color:#fff;outline:none;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.join-store-prev:hover,.join-store-next:hover{opacity:.8}
.join-store-prev i,.join-store-next i{font-size:30px}
.join-store-prev{top:0;background-color:#878787}
.join-store-prev i{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.join-store-next{bottom:0;background-color:#c70f29}
.join-store-next i{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
@media screen and (max-width: 1200px){.join-store-title{margin-bottom:-60px}}
@media screen and (max-width: 1024px){.join-store{margin-bottom:-.05rem}
.join-store-title{margin-bottom:-.225rem}
.join-store-gallery p{padding:16px .1rem;font-size:15px}
.join-store-thumbs{padding:60px 0}
.join-store-thumbs-box{top:60px;bottom:60px}
.join-store-prev,.join-store-next{height:50px}
.join-store-prev i,.join-store-next i{font-size:26px}}
@media screen and (max-width: 750px){.join-store-box{display:block}
.join-store-left{width:100%;padding-bottom:74.94737%}
.join-store-gallery p{padding-top:12px;padding-bottom:12px;font-size:14px}
.join-store-thumbs{padding:10px 30px 0}
.join-store-thumbs-box{position:relative;top:0;bottom:0}
.join-store-thumbs .swiper-slide .img{width:100%;height:0;padding-bottom:74.94737%}
.join-store-thumbs .swiper-slide:after{border-width:2px}
.join-store-prev,.join-store-next{width:24px;bottom:0;height:auto}
.join-store-prev i,.join-store-next i{font-size:18px}
.join-store-prev{top:10px}
.join-store-prev i{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
.join-store-next{top:10px;right:0;left:auto}
.join-store-next i{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}
.join-case-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 .15rem;background-color:#f5f5f5}
.join-case-list li{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-top:.15rem;padding-bottom:.15rem;width:50%;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-case-list li:nth-child(n+3){border-top:1px dashed #d0d0d0}
.join-case-list li:nth-child(odd){padding-right:30px}
.join-case-list li:nth-child(even){padding-left:30px}
.join-case-list .img{width:260px;height:195px}
.join-case-list .img img{width:100%;height:100% !important}
.join-case-list .info{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;padding:15px 0 0 20px}
.join-case-list .title{margin-bottom:10px;line-height:1.4;font-size:14px;font-weight:600;color:#333}
.join-case-list p{margin-bottom:0;font-size:12px;line-height:24px;color:#999}
@media screen and (max-width: 1200px){.join-case-list .img{width:210px;height:158px}
.join-case-list .info{padding-top:6px}}
@media screen and (max-width: 1024px){.join-case-list{display:block}
.join-case-list li{width:100%}
.join-case-list li:nth-child(2){border-top:1px dashed #d0d0d0}
.join-case-list li:nth-child(odd){padding-right:0}
.join-case-list li:nth-child(even){padding-left:0}}
@media screen and (max-width: 750px){.join-case-list li{display:block}
.join-case-list .img{position:relative;width:100%;height:0;padding-bottom:75%}
.join-case-list .img img{position:absolute;top:0;left:0}
.join-case-list .info{padding:12px 0 0}
.join-case-list .title{margin-bottom:5px}}
.join-process{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#fff;border:1px solid #e5e5e5}
.join-process li{position:relative;padding:28px 25px 16px;width:16.66667%;text-align:center;list-style:none !important;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-process li:not(:nth-child(6n)):after{content:'';position:absolute;right:-25px;top:63px;width:50px;height:10px;background:url(../images/join_icon17.jpg) center center no-repeat;background-size:contain;z-index:2}
.join-process .icon{margin:0 auto;width:80px;height:80px;border-radius:50%;overflow:hidden}
.join-process .icon img{width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-process .title{margin:15px 0 3px;line-height:1.4;font-size:16px;color:#c70f29;font-weight:600}
.join-process p{margin-bottom:0;line-height:24px;font-size:14px;color:#666;font-weight:600}
@media screen and (max-width: 1200px){.join-process li{padding:25px 20px 15px}
.join-process li:not(:nth-child(6n)):after{right:-20px;top:56px;width:40px;height:8px}
.join-process .icon{width:70px;height:70px}
.join-process .title{font-size:15px}
.join-process p{line-height:22px;font-size:13px}}
@media screen and (max-width: 1024px){.join-process li{padding:20px 12px 15px}
.join-process li:not(:nth-child(6n)):after{right:-15px;top:47px;width:30px;height:6px}
.join-process .icon{width:60px;height:60px}
.join-process .title{font-size:14px}
.join-process p{font-size:12px}}
@media screen and (max-width: 750px){.join-process{padding:.1rem 0}
.join-process li{width:33.33333%;padding:.1rem}
.join-process li:not(:nth-child(6n)):after{right:-10px;top:-moz-calc(24px + .1rem);top:calc(24px + .1rem);width:20px;height:4px}
.join-process li:nth-child(3n):after{display:none}
.join-process .icon{width:52px;height:52px}
.join-process .title{margin-top:12px}}
.join-bottom{padding:95px 0 100px}
.join-bottom .news-article{padding:0 0 30px}
@media screen and (max-width: 1200px){.join-bottom{padding:85px 0 90px}}
@media screen and (max-width: 1024px){.join-bottom{padding:.325rem 0 .35rem}
.join-bottom .news-article{padding-bottom:20px}}
.join-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;background-color:#fff}
.join-form-main{padding:55px 50px 85px 40px;width:665px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-form-main .title{margin-bottom:18px;text-align:center;font-size:26px;color:#333;font-weight:600}
.join-form-main .p{margin-bottom:20px;text-align:center;line-height:28px;font-size:14px;color:#999}
.join-form-main input,.join-form-main button,.join-form-main textarea{display:block;outline:none;border:none}
.join-form-main textarea{overflow:auto;resize:none}
.join-form-main input,.join-form-main textarea{width:100%;font-size:14px;color:#333;background:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.join-form-main .input-box{margin-bottom:.1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.join-form-main .input-text{line-height:50px;width:85px;text-align:right;color:#333}
.join-form-main .input-text em{color:#f00;font-style:normal}
.join-form-main .input,.join-form-main .textarea{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:4px}
.join-form-main .input input{padding:0 15px;height:48px;line-height:48px}
.join-form-main .textarea textarea{padding:12px 15px;line-height:24px}
.join-form-main .submit-btn{padding:10px 0 0 90px}
.join-form-main .submit-btn button{width:170px;height:40px;line-height:40px;text-align:center;color:#fff;background-color:#c70f29;border-radius:4px;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.join-form-main .submit-btn button:hover{opacity:.8}
.join-form-img{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;background-size:cover;background-repeat:no-repeat;background-position:center}
@media screen and (max-width: 1200px){.join-form-main{width:600px}}
@media screen and (max-width: 1024px){.join-form{display:block;border:1px solid #e5e5e5}
.join-form-main{padding:45px 40px 70px;margin:0 auto;width:100%;max-width:600px;border:none}
.join-form-img{display:none}}
@media screen and (max-width: 750px){.join-form-main{padding:.25rem .15rem .3rem}
.join-form-main .title{margin-bottom:12px;font-size:22px}
.join-form-main .p{margin-bottom:15px;line-height:24px}
.join-form-main .input-text{line-height:42px;width:75px;font-size:13px}
.join-form-main .input input{padding:0 10px;height:40px;line-height:40px}
.join-form-main .textarea textarea{padding:8px 10px;line-height:24px}
.join-form-main .submit-btn{padding:5px 0 0 75px}
.join-form-main .submit-btn button{width:150px}}
.tips-page{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.4rem .1rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.uweb-search-form{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:.2rem;line-height:42px}
.uweb-search-form .text{color:#555}
.uweb-search-form .input{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;margin:0 20px 0 10px;min-width:0;background-color:#fff}
.uweb-search-form .input input{display:block;width:100%;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.uweb-search-form button,.uweb-search-form input{height:42px;line-height:42px;border:none;outline:none}
.uweb-search-form button{width:160px;text-align:center;color:#fff;background-color:#c70f29;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.uweb-search-form button:hover{opacity:.8}
@media screen and (max-width: 1024px){.uweb-search-form button{width:130px}}
@media screen and (max-width: 750px){.uweb-search-form{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.uweb-search-form .input{margin-right:0}
.uweb-search-form button{margin-top:.1rem;width:100%}}
.uweb-search-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -12px 20px;font-size:0}
.uweb-search-list li{margin-bottom:24px;padding:0 12px;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.uweb-search-list li a{display:block;padding:25px 40px 30px;height:100%;background-color:#fff;border:1px solid #e9e9e9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.uweb-search-list li a:hover{border-color:#c70f29}
.uweb-search-list li a:hover .text{color:#c70f29}
.uweb-search-list li a:hover .btn{background:#c70f29}
.uweb-search-list li .text{max-height:44px;line-height:22px;font-size:16px;font-weight:bold;color:#666;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.uweb-search-list li .time{margin-top:5px;font-size:14px;font-family:"Arial";color:#999}
.uweb-search-list li .btn{margin-top:20px;width:95px;height:28px;text-align:center;line-height:28px;font-size:14px;color:#fff;background:#999;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
@media screen and (max-width: 1024px){.uweb-search-list li a{padding:25px 30px}}
@media screen and (max-width: 750px){.uweb-search-list{display:block;margin:0 0 .2rem}
.uweb-search-list li{margin-bottom:.1rem;padding:0;width:100%}
.uweb-search-list li a{padding:.2rem}
.uweb-search-list li .text{max-height:40px;line-height:20px;font-size:15px}
.uweb-search-list li .time{font-size:12px}
.uweb-search-list li .btn{margin-top:13px;width:80px;height:24px;line-height:24px;font-size:12px}}

.box3{padding-top:70px; padding-bottom:150px;text-align: center;background: url('../images/box3_bg.jpg') center center no-repeat; background-size: cover; overflow: hidden;}
.box3 .page_tit3 h5,.box3 .page_tit3 h2{color: #d4a66b;}
.box3 .page_tit3 h6{color: rgba(255,255,255,0.4);}
.box3_con{margin-top: 60px; display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.box3_con li{width: 25%; height: 300px;}
.box3_con li:nth-of-type(2n-1){margin-right:25%;}
.box3_con li:nth-of-type(2n){order:2; margin-left: 25%;}
.box3_con li a{position: relative; display: block; width: 100%; height: 100%; padding: 35px 0; border: 1px solid #d4a66b;}
.box3_con li a::after{transition: 0.4s; z-index: 1; position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
.box3_con li a .box3_words{transition:0.4s; z-index:3; pointer-events:none;position:relative; transform: translateY(-35%); height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center;}
.box3_con li a .box3_words h5{font-size: 14px; font-weight: 100; font-family: "Arial"; color: rgba(255,255,255,0.4); line-height: 24px; text-transform: uppercase;}
.box3_con li a .box3_words h4,.box3_con li a .box3_words h3 strong,.box3_con li a .box3_words h3 b{font-size: 24px; font-weight: 100; color: #fff; line-height: 28px;}
.box3_con li a .box3_words hr{margin: 20px auto 0 auto; width: 30px; height: 5px; border: none; background-color: #d4a66b;}
.box3_con li a .box3_pic{transition: 0.4s; z-index: 2; pointer-events: none; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); width: 250px;}
.box3_con li a .box3_pic img{width: 100%; object-fit: contain;}
.box3_con li:hover a .box3_words{transform: translateY(0);}
.box3_con li:hover a .box3_pic{z-index: 1; bottom: 50%; transform: translateX(-50%) translateY(50%);}
@media only screen and (min-width: 0) and (max-width: 1023px){
	.box3{padding-top:50px; padding-bottom: 100px;}
	.box3_con{ display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
	.box3_con li{width: 49%; margin-top: 8%; height:200px; margin-bottom:30px;}
	.box3_con li:nth-of-type(-n+2){margin-top: 0;}
	.box3_con li:nth-of-type(2n-1){margin-right: 2%;}
	.box3_con li:nth-of-type(2n){margin-left: 0; margin-right: 0;}
	.box3_con li:nth-of-type(1){order: 1;}
	.box3_con li:nth-of-type(2){order: 2;}
	.box3_con li:nth-of-type(3){order: 3;}
	.box3_con li:nth-of-type(4){order: 4;}
	.box3_con li a{;}
	.box3_con li a .box3_words{transform: translateY(0); height: auto; justify-content: flex-start;}
	.box3_con li a .box3_words h5{margin-top: 2px; font-size: 14px;}
	.box3_con li a .box3_words h4,.box3_con li a .box3_words h3 strong,.box3_con li a .box3_words h3 b{font-size: 16px;}
	.box3_con li a .box3_words hr{font-size: 16px; margin: .10rem auto 0 auto; width: 1.5em; height: 3px;}
	.box3_con li a .box3_pic{position: relative; left: 0; bottom: 0; transform: translateX(0); width: 100%; height: 1rem;}
	.box3_con li a .box3_pic img{position: absolute; left: 0; bottom: 0; transform: translateY(25%);}
	.box3_con li:hover a .box3_pic{z-index: 2; bottom: 0; transform: translateX(0);}
}
.page_tit3{text-align: center;}
.page_tit3 i{display: block; margin: 0 auto 10px; width: 68px; height: 18px; background:url(../images/page_tit3_bg1.png) center top no-repeat; background-size: contain;}
.page_tit3 h5,.page_tit3 h2{font-size: 30px; font-weight: normal; color: #c29470;}
.page_tit3 h6{font-size: 18px; padding: 5px 0; color: #3d3d3d; text-transform: uppercase;}
.page_tit3 em{display: block; margin: 10px auto 0; width: 68px; height: 3px; background: url(../images/page_tit3_bg2.png) center top no-repeat; background-size: contain;}
@media only screen and (min-width: 0) and (max-width: 1023px){
	.page_tit3 i{display: block; margin: 0 auto .15rem; width: 1.1rem; min-width: 40px;}
	.page_tit3 h5,.page_tit3 h2{font-size:18px;}
	.page_tit3 h6{font-size:16px;}
	.page_tit3 em{display: block; margin: .15rem auto 0; width: 1.1rem; min-width: 40px;}
}
.fixed{ display:none;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  .fixed{position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 50; display: flex; justify-content: center; align-items: center; background: #c70f29;}
  .fixed li{float: left; width: 25%; height:50px; line-height:50px; text-align: center; border-right: 1px solid #fff; letter-spacing: 1px; position: relative;}
  .fixed li:last-child{border: none;}
  .fixed li a{width: 100%; height: 100%; display: flex; justify-content: space-around; flex-direction: column; align-items: center;}
  .fixed li a span{font-size:15px; color: #fff; line-height: 100%;}
  .fixed li img{width:20px; height: 20px; object-fit: contain}}
</pre></body></html>