/* header.css */
@font-face{font-family:shuzifont;font-display:swap;src:url('../font/OPTIAKROGROTESK.ttf');}
.header{position:fixed;top:0;left:0;z-index:1000; width:100%;}
.header .contain{ margin: 0 6%; padding:15px 0;position:relative;}
.header .logo{display:block;width:96px;height:35px;float:left;position:relative;z-index:50}
.header .logo img{  height: 35px;}
.header .logo .logoh{ display: none;}
.nav{left:0; padding-left: 20%; position:absolute;top:0;width:100%;}
.navMenu .navItem{float:left;height:65px;margin-right:45px;cursor:pointer}
.navMenu .navItem.term_of_use{display:none}
.navMenu .navItem .link{display:block; color:#fff; font-weight: bold; font-size: 16px; text-transform: uppercase; line-height:80px; height:100%; position:relative; z-index:20; overflow:hidden;}
.navMenu .navItem .link:after{content:'';display:block; opacity: 0; position:absolute;bottom:0;left:-100%;width:100%;height:2px;background-color:#ccc;transition:all .36s cubic-bezier(.785,.135,.15,.86);-webkit-transition:all .36s cubic-bezier(.785,.135,.15,.86);-moz-transition:all .36s cubic-bezier(.785,.135,.15,.86);-ms-transition:all .36s cubic-bezier(.785,.135,.15,.86);-o-transition:all .36s cubic-bezier(.785,.135,.15,.86)}
.navMenu .navItem .link:hover{ color: #d0121b;}
.navMenu .navItem .link:hover::after{opacity:1;}
.navMenu .navItem:last-child{margin-right:0}
.navMenu .navItem.active .link:after,.navMenu .navItem.current .link:after,.navMenu .navItem:hover .link:after{left:0}
.lang{position:absolute;top:0;right:6%;height:75px; line-height: 75px; }
.lang a{ padding: 0 0 0 18px;font-weight: bold; color: #fff; font-size: 12px;}
.lang a:hover{ color: #d0121b;}
.subMenu{display:none;position:absolute;top:100%;left:0;width:100%;}
.subMenu .subNav{padding:80px 6%;background-color:#fff; position: relative; border-top: 1px solid #f1f1f1;}
.navMenu li:nth-child(3):hover .subMenu::after{background: Rgba(0, 0, 0, 0.45);}
/* .subMenu::after{ position: fixed; height: 100vh; content: ''; width: 106%; background: Rgba(0,0,0,0); z-index: -1;top:70px; left: -6%;transition:all .5s; }  */
.subnav-f{ float: left; width:100%;}
.subnav-f li:nth-child(1){ float: none; font-size: 14px; padding-bottom:10px; font-weight: bold;}
.subnav-f li{ float: left; position: relative; margin-right:15px;}
.subnav-f li::after{position: absolute; right:0; top: 4px; content: ''; height: 15px; width: 1px; background: #ccc;}
.subnav-f li:nth-child(1)::after{ height: 0;}
.subnav-f li:nth-child(5)::after{ height: 0;}

.subNav .subnav-f:nth-child(2){ border-left: 1px solid #f1f1f1; padding-left: 25px;}
.subMenu_alone .mouseItem{margin:0 30px}
.subMenu .mouseItem a{font-size:14px;color:#555;margin-top:20px;text-align:center; padding-right: 15px; font-size: 12px;}
.subMenu .mouseItem a:hover{color:#d0121b}
.topid{ background: #f8f8f8;transition: all .36s}
.topid .navItem .link{ color: #333; font-weight: 500;}
.topid .logo .logoh{ display: block;}
.topid .logo .logob{ display: none;}
.topid .lang a{ color: #666;font-weight: 500;}
.hide-page-header{opacity: 0;filter:alpha(opacity=0);visibility: hidden;transition: opacity 700ms linear,visibility 700ms step-end;}
.topid2{ background: #f8f8f8;transition: all .36s}
.topid2 .navItem .link{ color: #333; font-weight: 500;}
.topid2 .logo .logoh{ display: block;}
.topid2 .logo .logob{ display: none;}
.topid2 .lang a{ color: #666;font-weight: 500;}
.cplb ul li{ float: left; width: calc(100%/4 - 5.8%); margin-right: 7%; position: relative; overflow: hidden; transition:0.5s; padding-bottom:65px;}
.cplb ul li:nth-child(4n){ margin-right: 0;}
.cplb ul li .swiper-slide img{ width: 100%;}
.cplb ul li .cpxtw{ opacity: 0;filter: alpha(opacity:0); transition:0.5s; visibility: hidden;top: -50px;}
.cplb ul li:hover .cpxtw{ opacity: 1; filter: alpha(opacity:100);visibility: visible; top:0;z-index: 10;}
.cprx{position: absolute; top: 0; left: 0; z-index: 10;}
.cprx img{ width: 80px;}
.cprx p{ display: none;}
.cprx i{ display: block;}
.cpdt{ padding-bottom:5px;}
.cpdt .swiper-slide{position: relative;}
.cpxt .swiper-slide{position: relative; cursor: pointer;}
.cpdt .swiper-slide div{ font-size: 14px; line-height: 14px; padding: 14px 0 10px;}
.cpdt .swiper-slide div span{ font-size: 12px; color: #666; padding-left: 18px;}
.cpxtw{ position: relative; padding: 0 30px 0 25px;}
.cpxt i{ padding-top: 10px; display: block; font-size: 12px;}
.cpxtw .swiper-button-next{ background: none; right: 0; margin-top:-10px;}
.cpxtw .swiper-button-prev{ background: none; left: 0;margin-top:-10px;}
.cpdt a{ border-bottom: 1px solid #f1f1f1; display: block;}
.cplb h1{ font-size: 22px; font-weight: 500; border-bottom: 1px solid #f4f4f4; padding-bottom: 10px; margin-bottom:8vh;}

.index_banner{ position: relative;}
.index_banner .swi_index_banner .swiper-slide{position: relative;}
.index_banner .swi_index_banner .swiper-slide img{ width: 100%;}
.index_banner .swi_index_banner .swiper-pagination{z-index: 20; width: inherit;left:50%; bottom: calc(1rem + 1vw);transform: translateX(-50%);}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet{ opacity:0.7; ilter:alpha(opacity=70);background: inherit;width: inherit; height: inherit;float: left;display: block;color: #fff; font-size:14px;line-height: 23px;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet:after{width:0px;height:1px;display: block;content: '';background: rgba(255,255,255,0.3); float: right; margin: 0 3px;transform: translateY(11px);-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet-active:after{width:50px;}
.index_banner .swi_index_banner .swiper-pagination .swiper-pagination-bullet-active{opacity:1; ilter:alpha(opacity=100);}
.banner_t{ position: absolute; top: 0; z-index: 10; background: url("../images/toum.png") top center repeat-x; background-image: linear-gradient(Rgba(0, 0, 0, 0.3), Rgba(0,0,0,0)); height:200px; width: 100%;}
.banner-z{ position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); left: 8%; font-size: calc(20px + 2.2vw); color: #fff; text-transform: uppercase; line-height: calc(20px + 2.3vw);}
.banner-z span{ display: block; padding-left: 3vw;}
.banner-z p{ font-size: 20px; padding-top: 10px; position: relative;font-weight: 500;}
.banner-z p::after{content: ''; position: absolute; z-index: 2; width: 198px; height: 1px; background: Rgba(255,255,255,0.2); bottom: 9px;left:0;}
.banner-z2{ position: absolute; z-index: 2; top: 50%; transform: translateY(-50%); left: 8%; font-size: calc(20px + 2vw); color: #fff; text-transform: uppercase;}
.banner-z2 p{ font-size: 20px; position: relative;font-weight: bold;}
.banner-z2 span{ display: block;}

.nybanner .swiper-slide img{ width: 100%;}
.banner-textny{ position: absolute; top: 47%; left: 10%; width: 100%; color: #fff; font-weight: bold;}
.banner-textny div{ text-transform: uppercase; font-size: calc(20px + 1vw);}
.banner-textny p{ font-size: 18px; color: Rgba(255,255,255,0.8);}
.info-lx{ padding: 10vh 0 0;}
.info-lx-nr{ text-align: center; width: 100%;}
.info-lx-nr .al-bt{ text-align: left; font-size: 18px;}
.info-lx-nr .lysm{ text-align: left; padding: 5px 0 0;}
.cont_nr{padding-top:25px;}
.cont_nr li{ float:left; width:calc(100%/3 - 2%); margin-right:2%; text-align:center; background:#fff; font-size: 12px;min-height: 247px;}
.cont_nr li:last-of-type{ margin-right: 0;}
.cont_nr li:hover{background:#d0121b; color: #fff;}
.cont_nr li:hover i{color: #fff;opacity: 1;filter:alpha(opacity=100);}
.cont_nr li:hover .cont_ms{ color: #fff;}
.cont_nr li i{font-size: 50px; opacity: 0.3;filter:alpha(opacity=30);}
.cont_nr li{ display:block;padding:50px 0;}
.cont_bt{ font-size:14px; font-weight:500; padding-bottom:10px; padding-top:8px; color:#000;}
.cont_ms{ font-size:14px; color:#000; line-height:20px; padding: 0 15px;}
#dituContent{ width:100%; height:500px;}
#GBookAdd{ position: relative;}
#GBookAdd .wenben{ width: 32%; float: left; margin-right: 1.9%; color: #000;margin-bottom: 22px;}
#GBookAdd .wenben .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .wenben .text{ width: calc(100% - 20px); height: 48px;line-height: 48px; padding: 0 10px; border-bottom: 1px solid #f4f4f4; background: inherit; color: #000;font-size: 14px;}
#GBookAdd .wenben:nth-of-type(3){margin-right: 0;}
#GBookAdd .neirong{margin-top: 30px; margin-bottom:20px;}
#GBookAdd .neirong .cmessage{ width: calc(100% - 22px); padding: 10px; min-height: 150px; border-bottom: 1px solid #f4f4f4; background: inherit;color: #000; font-family: Microsoft Yahei;font-size: 14px;}
#GBookAdd .neirong .titles_p{font-size: 14px; margin-bottom: 10px;}
#GBookAdd .submit{ width: 200px;height: 42px; display: block; background: #ccc; color: #fff;margin: 0 auto; font-size: 14px;border-radius:5px;}
#GBookAdd .submit:hover{ background:#d0121b; cursor:pointer;}
.lysm{ padding-top: 50px; color: #000; padding-bottom: 20px;}
.al-bt{ font-size: 20px; color: #666; text-align: center;}
.al-bt p{ font-size: 36px; color: #333;text-transform: uppercase;}
.s-bt{ font-size:26px; line-height:31px; color: #333; text-align: center; text-transform: uppercase;}
.s-bt p{ font-size: 14px; color: #666; padding: 0 6%; text-transform: none; line-height: 18px;}
.jj-3 .s-bt p{padding:0;}
.s-1{ margin: 2vh auto;}
.s-1-1{ margin-top:5.5vh; position: relative;overflow: hidden;border-radius: 6px;}
.s-1-1 img{ width: 100%;border-radius: 6px;transition: 0.58s; }
.s-1-2{display: flex; justify-content: space-between; margin-top: 30px;}
.s-1-2 li{ position: relative;overflow: hidden;border-radius: 6px;}
.s-1-2 img{ width: 100%;border-radius: 6px; transition: 0.58s; overflow: hidden;}
.s-1-1-z{ position: absolute; top: 50%; transform: translateY(-50%); left:5vw; font-size:calc(20px + 0.2vw); color: #fff;transition: 0.58s;text-transform: uppercase;}
.s-1-1-z p{ font-size: 13px; color: #fff; position: relative; padding-left: 40px;}
.s-1-1-z p::after{ position: absolute; width: 15px; background: #d0121b; padding-left: 15px; left: 0; height: 2px; top: 50%; transform: translateY(-50%); content: '';}
.s-1-2 li:nth-child(1){ margin-right: 20px;}
.s-1-1:hover .s-1-1-z{ top: 46%;}
.s-1-1:hover img{ transform: scale(1.03);}
.s-1-2 li:hover .s-1-1-z{ top: 46%;}
.s-1-2 li:hover img{ transform: scale(1.03);}
.s-1-1 a{ position: absolute;left: 5vw; bottom: 5%; color: Rgba(255,255,255,0);transition: 0.58s;}
.s-1-1:hover a{color: Rgba(255,255,255,1);bottom: 10%; }
.s-1-1 a:hover{color: #d0121b;}
.s-2{position: relative;}
.s-2-t{position: relative; margin-top: 5vh;}
.s-2-t img{ width: 100%;}
.s-4-nr-d{ position: absolute; z-index:9; width: 100%; height: 100%; top: 0; left: 0;}
.s-4-nr-d li{ position: relative;}
.s-4-nr-d li .item {font-size: 0;}
.s-4-nr-d li .item i{display: inline-block;vertical-align: middle;margin-right: 10px; width:5px;height:5px;background: #d0121b;border-radius: 10px;position: relative;z-index: 3;}
.s-4-nr-d li .item i::after {content: '';display: block;width: 20px;height: 20px;border-radius: 100px;background: #d0121b;opacity: .7;z-index: 1;position: absolute; left: 50%;top: 50%;margin: -10px 0 0 -10px;}
.s-4-nr-d li .item h6{color: #d0121b;font-weight: normal;margin: 0;font-size: 12px;display: inline-block;vertical-align: middle;}
.dt-usa {top: 49%;left:52%;}
.dt-usa i::after {-webkit-animation: place100 3000ms infinite;animation: place100 3000ms infinite;}
.dt-jnd {top: 38%;left:12%;}
.dt-jnd i::after {-webkit-animation: place100 4000ms infinite;animation: place100 4000ms infinite;}
.s-4-nr-d li a:hover{color: #d0121b;}
.cplj{ position: absolute; bottom: 10%;transition: 0.58s; width: 250px; text-align: center; z-index: 100; left: 50%; transform: translateX(-50%); padding: 10px 0; background: Rgba(0,0,0,0.5); border-radius: 10px; color: #fff;}
.cplj:hover{ background: #d0121b; color: #fff;}
.cplj i{ padding-left: 25px;transition: 0.58s;}
.cplj:hover i{ padding-left: 8px;}
@keyframes place100{0%{width: 0px;height: 0px;margin: 0px;} 100%{width: 40px;height: 40px;margin: -20px 0 0 -20px;opacity: 0;}}
.tsmor{ position: absolute; z-index: 10; bottom:10vh; right:10%; background: #f1f1f1; width: 280px; height: 45px; line-height: 45px; padding: 0 25px;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.tsmor p{ float: left; font-size: 12px;}
.tsmor i{ float: right;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.tsmor:hover{ background: #d0121b; color: #fff;-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}
.tsmor:hover i{ transform: translateX(-20px);-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.tsmor:hover p{ color: #fff;}
.shou_s{ position: relative;}
.shou_s .tsmor{ top: 75vh;}
.news-inner-list {display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; padding-bottom: 10vh;}
.news-inner-list li{float: left;position:relative;margin-bottom:56px;width: 32%; margin-right: 2%;padding-bottom: 162px;overflow: hidden;}
.news-inner-list li:nth-child(3n){margin-right: 0;}
.news-inner-list li figure{position: relative; display: block; padding-bottom: 60%; height: 0; overflow: hidden; line-height: 1; transition: 0.58s;}
.news-inner-list li figure img{position: absolute; left: 0; top: 0; width: 100%; height: auto; transition: 0.58s;}
.news-inner-list li figure b{position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -27px; display: block; line-height: 1; font-size: 54px; font-weight: normal; transition: 0.4s; z-index: 3; color: #fff;}
.news-inner-list li a:hover figure{transform: translateY(-100%); opacity: 0;}
.news-inner-list li a:hover figure img{transform: scale(1.05);}
.news-inner-list li a:hover .news-inner-text{padding-top: 54px; margin-top: 0; top: 0%;}
.news-inner-list li a:hover .news-inner-text p{opacity: 1; visibility: visible;}
.news-inner-text{position: absolute; left: 0; top: 100%; margin-top: -162px; box-sizing: border-box; width: 100%; height: 100%; padding: 35px 44px 43px; transition: 0.58s; background: #f9f9f9;}
.news-inner-text time{display: block; margin-bottom: 14px; line-height: 1; color: #999999; font-size: 14px;}
.news-inner-text strong{display: block; line-height: 1.4; color: #2c3441; font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: 0.56s;}
.news-inner-text p{margin-top: 35px; color: #666666; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; opacity: 0; visibility: hidden; transition: 0.68s;}
.news-inner-text span{margin-top: 124px; display: inline-block; color: #2c3441; font-size: 14px; line-height: 32px; font-weight: bold;}
.news-inner-text span i{display: inline-block; margin-right: 8px; width: 32px; height: 32px; border-radius: 50%; text-align: center; line-height: 32px; background: #d0121b; font-size: 18px; color: #fff; font-weight: bold; transition: 0.38s;}
.nybt{ font-size: 26px; padding: 10vh 0 25px;}
.footer1{ position: relative; }
.footer1 img{ width: 100%; }
.footer1-z{ position: absolute; z-index: 1; top:24%; left:40%; font-size: calc(18px + 1.2vw); text-align: center; font-weight: 100;}
.footer1-z p{ font-size: 16px; text-transform: uppercase;}
footer{ padding: 5vh 0; background: #000;}
footer dl dt{ width:350px; float: left; color: #fff; font-size: 16px;}
footer dl dt p{ color: #666; font-size: 12px; padding-top: 10px; line-height: 18px;}
footer dl dt p a{ color: #666;}
footer dl dt p a:hover{ color: #fff;}
footer dl dd{ float: right; display: flex; color: #999;}
footer dl dd a{color: #999;}
footer dl dd li:nth-child(1){ padding-right: 50px;}
footer dl dd li:nth-child(2) {margin-left: auto}
footer dl dd li:nth-child(1) p{ border-bottom: 1px solid #1a1a1a; padding: 0 5px 5px; margin-bottom: 4.3px;}
footer dl dd li:nth-child(2) p{ padding-bottom: 10px;font-size: 12px;}
footer dl dd li:nth-child(2) span{ font-weight: 800;}
footer dl dd li i{font-style:normal;font-size: 12px;line-height: 18px; display: block;}

.cqxqxgt{position: relative;}
.cqxqxgt img{ width: 100%;}
.cpxqdtgd img{ width: 100%; height: 100vh; object-fit: cover;}
.cqxqxgt .cpxqjs-bt{ position: absolute; bottom:6%; z-index: 10; left:6%; text-transform: uppercase;}
.cqxqxgt .cpxqjs-bt h1{ font-size: 15px; font-weight: 500; color: #fff; font-size: 12px;}
.cqxqxgt .cpxqjs-bt .font_y{ color: #fff;font-size: calc(20px + 0.5vw); line-height: calc(20px + 1vw); font-weight: 500 !important;}
.cpxqdtgd img{ width: 100%; height: 100vh; object-fit: cover;}
.scroller_set{width:30px;height:55px;position:absolute;margin:0 auto; cursor: pointer; display: block; right:6%; bottom:6%; z-index: 10;}
.scroller_shape{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #fff;border-radius:50px;-webkit-border-radius:50px;overflow:hidden;text-align:center}
.scroller_shape>svg{position:absolute;bottom:10px;width:100%;left:50%;margin-left:-5px}
.scroller-c1,.scroller-c2{animation-duration:1.5s;animation-name:scrolldown;animation-iteration-count:infinite;fill:rgba(255,255,255,.9)}
.scroller-c2{animation-delay:.75s}@-moz-keyframes scrolldown{0%{opacity:0;transform:translate(0,-8px)}50%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,8px)}}@-webkit-keyframes scrolldown{0%{opacity:0;transform:translate(0,-8px)}50%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,8px)}}@-o-keyframes scrolldown{0%{opacity:0;transform:translate(0,-8px)}50%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,8px)}}@keyframes scrolldown{0%{opacity:0;transform:translate(0,-8px)}50%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,8px)}}
.cqxqjs{ position: relative; display: flex;}
.cqxqjs-l{ width: 50%; padding: 0 65px 0 0;}
.sidebar{ width: 50%; position: relative; border-left: 1px solid #f4f4f4;padding: 65px 0 65px 65px;}
.sidebar .cpxqjs-bt{ border-bottom: 1px dashed #f4f4f4; margin-bottom: 10px;}
.sidebar .cpxqjs-bt h1{  float: left; line-height: 55px;}
.sidebar .cpxqjs-bt span{padding-left: 20px;color: #666; line-height: 55px;}
.cpxqjs-xz{ padding-top: 40px;}
.cpxqjs-xz p{ font-size: 17px; border-bottom: 1px dashed #f4f4f4; padding-bottom: 10px; margin-bottom: 10px; font-weight: 500;}
.cpxqjs-xz a{ display: block; padding: 5px 0; font-size: 12px; color: #666;}
.cpxqjs-xz a:hover{color: #d0121b;}
.cpxqjs-xgcp{ background: #f4f4f4; padding-bottom: 7vh;}
.cpxqjs-xgcp-b{ font-size: 22px; }
.cpxqxggd{ padding-top: 30px;}
.cpxqxggd .swiper-slide{ background: #fff;transition: 0.6s;}
.cpxqxggd .swiper-slide p{ text-align: center; padding: 11px 0 20px;}
.cpxqxggd{ padding-bottom: 40px;}
.swiper-pagination-bullet-active{ background: #d0121b;}
.cpxqxggd .swiper-slide:hover{ transform: translateY(-10px); box-shadow: 0px 6px 25px rgba(0, 0, 0, 0.08);}
.cpxqxtgd .swiper-slide img{ margin: 0 auto;}
.cpxqxtgd .swiper-pagination{ text-align: left;}
.s-3{padding: 70px 0; background: #000 url("../images/xd.jpg") center; background-size: cover;}
.s-3 ul li{ float: left; width: calc(100%/4); text-align: center; color: #fff;}
.s-3 ul li i{ font-size: 36px;}
.s-3 ul li p{ font-size: 12px; color: #ccc;}
.shuzi_box ul{ padding-top: 2vw; display: flex;}
.shuzi_box ul li{margin: 0 85px 0 0; padding-bottom:35px; position: relative;}
.shuzi_box ul li b{position: relative;}
.shuzi_box ul li b i{ font-size: 60px;font-weight: bold; color: #fff; text-align: center; display: inline-block; padding-right: 5px;}
.shuzi_box ul li b span{ font-size: 14px;color: #000; font-weight: 400;position: absolute;bottom: 0; padding-left:5px;width: 34px;}
.shuzi_box ul li p{ font-size: 12px;color: #666; display:block; padding-left: 3px; }
.shuzi_box ul li .Line{ font-family: 'shuzifont'; font-size:calc(20px + 1.7vw); line-height: calc(20px + 1.9vw); font-style:normal;font-weight: 100;letter-spacing:-4px; color: #000;}
.shuzi_box ul li:nth-child(4){ margin-right: 0;}
.jj-1{ padding: 6vh 0;}
.jj-1-l{ float: right; width: 50%; padding-top: 10vh;}
.jj-1-l h1{ padding-top: 5vh; padding-bottom: 15px;}
.jj-2{ background: #f4f4f4 url("../images/jzgbj.jpg") center no-repeat; background-size: cover;}
.jj-2 .s-bt{ padding-bottom: 3vh; text-transform: uppercase;}
.jj-2 dl{position: relative;}
.jj-2 dl dt{ width: 50%; float: left;}
.qyjzg{ position: absolute; top: 50%; left: 10%; transform: translateY(-50%);}
.jj-2 dl dd{ float: right; width: 50%;}
.jj-2 dl dd img{ width: 100%;}
.jj-2 ul{display: flex; justify-content: space-between;flex-wrap: wrap;}
.jj-2 ul li{ width: 30%; background: #fff; border-left: 3px solid #d0101b; border-radius:0 0 20px 0; padding: 10px 20px 10px 30px; margin-bottom: 10px; box-shadow: 0px 0 5px Rgba(40, 40, 40, 0.1);transition: 0.5s;}
.jj-2 ul li:hover{background: #d0101b; color: #fff;}
.jj-2 ul li h3{ text-transform: uppercase;}
.jj-2-xxt{ padding-top: 5vh; }
.jj-2-xxt img{margin: 0 auto; max-width: 100%;}
.jj-1-r{ float: left; width: 30%; position: relative;}
.jj-1-r img{ width: 100%;}
#lcwz{ padding: 35vh 0 15vh; }
.brand_history hgroup{ color:#fff; text-align: center; position: absolute; z-index: 10; top: 15vh; width: 100%;}
.brand_history hgroup>h1{  font-size:calc(20px + 0.9vw); font-weight: 500;}
.brand_history hgroup>h2{ font-size:14px; padding:0.1rem 0 0.05rem 0; font-weight: 500;}
.parallax-bg {position: absolute;left: 0;top: 0;width: 130%;height: 100%;-webkit-background-size: cover;background-size: cover;background-position: center; background-image: url("../images/dcd.jpg");}
#lcwz .swiper-slide .nian{float: left; width: 200px; background: #d0121b; color: #fff; height: 178px; text-align: center; line-height: 178px;font-size: 60px; font-weight: bold;position: relative; display: none;}
#lcwz .swiper-slide .nian:before{position: absolute;top: 100%;left: 0;z-index: -1;border-top: 35px solid #6c0005;border-left: 50px solid transparent;content: '';}
#lcwz .swiper-slide .font{width: 100%; background-color: #fff; padding: 52.3px 42px;}
#lcwz .swiper-slide .font h3{font-size: 28px;padding-bottom: 10px; color: #000;}
#lcns .swiper-slide{ color: #fff; cursor: pointer;}
#lcns .swiper-slide-thumb-active{ color: #d0121b; font-weight: bold;}
#lcwz .swiper-wrapper{ padding: 0 10%;}
#lcwz .swiper-slide .text{margin-left: 12.5%;}
.licheng_nian{ margin-top: 15vh; background: url("../images/i31.png") center bottom no-repeat;}
#lcwz .swiper-button-next,#lcwz .swiper-button-prev{ background: none;}
#lcwz .swiper-button-next:after,#lcwz .swiper-button-prev:after{display: none;}
#lcwz .swiper-button i{ font-size: 28px; color: #fff;}
.licheng_nian .swiper-wrapper{ padding: 0 !important; padding-left: 7% !important; text-align: center;}
#threesixty{overflow:hidden;height:69vh; position: relative;}
#threesixty_images{display:none}
#threesixty img{position:absolute;top:0;height:auto}
.current-image{visibility:visible;width:100%}
.previous-image{visibility:hidden;width:0}
#spinner{position:absolute;left:53%;top:45%;width:90px;height:90px; transform: translate(-50%,-50%); display:none}
#spinner span{position:absolute;top:50%;width:100%;color:#333;font:.8em Arial,Verdana,sans;text-align:center;line-height:.6em;margin-top:-.3em}
.icon_huadong{ position: absolute; top: 40%; left: 50%;transform: translate(-50%,-50%);z-index: 99;opacity: 0; background: #000; border-radius: 50%; width: 70px; height: 70px; text-align: center; line-height: 80px;}
.icon_huadong i{color: #fff;font-size: 3rem; font-size:40px; text-align: center;}
.moveup_animation{animation: moveup 4s 2 linear;animation-fill-mode: forwards;}
@keyframes moveup {
0% {transform: translateX(-50%);opacity: 0;filter:alpha(opacity=0);}
25% {transform: translateX(-20%);}
50% {transform: translateX(-50%);opacity: 1;filter:alpha(opacity=100);}
75% {transform: translateX(-20%);}
100% {transform: translateX(-50%);opacity: 0;filter:alpha(opacity=0);}
}
.s-4{ padding: 11.5vh 0 8.5vh;}
.s-4 ul{ padding-top: 6vh;}
.s-4 ul li{ float: left; width: calc(100%/5 - 6.41%); margin-right: 8%; margin-bottom: 30px;transition: 0.38s;}
.s-4 ul li:nth-child(5n){ margin-right: 0;}
.s-4 ul li a img{ width: 100%;}
.s-4 ul li a p{ text-align: center; font-size: 12px; color: #666;}
.s-4 ul li:hover{transform: translateY(-12px);}
.cpxmfl{padding-bottom: 5vh;}
.cpxmfl a{ float: left; margin-right:4%; font-size: 16px;padding-bottom: 10px; color: #666;}
.cpxmfl a.on {border-bottom: 2px solid #d0121b;font-size: 16px; color: #d0121b; }
.cpxqjw-nr{ padding-bottom: 10vh;}
.cpxqjw-nr-t img{ max-width: 100%; display: block; margin: 0 auto;}
.cpxqjw-nr .cpxqjs-xgcp-b{ padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; margin-bottom: 20px;}
.info-lx-nr{ background: url("../images/lxwmbj.jpg") center; background-size: cover; padding:10vh 0; margin-top: 8vh;}
.fzlc-l{ float: left; width: 40%; position: relative;}
.fzlc-l-t img{width: 100%;}
.fzlc-r{ width: 40%; float:right; border-left: 1px solid #f1f1f1;padding: 30px 0;}
.jj-3{position: relative; display: flex; justify-content: space-between;}
.fzlcnr-l{ float: left; width: 100px; position: relative; padding-left: 30px; color: #d0101b; padding-top: 16px;}
.fzlcnr-l::after{ position: absolute; top: 48%; height:16px; width: 16px; border-radius: 50%; border: 1px solid Rgba(208,16,27,0.5); background: #fff; content:''; left: -10px;}
.fzlcnr-l::before{ position: absolute; top: 16px; height:1px; width: 65px;  background: Rgba(208, 16, 27, 0.5); content:''; left: 8px;}
.fzlcnr-r{ float: right; width: calc(100% - 100px);}
.fzlc-l .sidebar{ width: 100%; border: 0;}
.fzlc-r li{ margin-bottom: 50px;}
.fzlc-r li:last-child{ margin-bottom: 0;}
.jj-3 .s-bt{ text-align: left; padding-bottom: 25px; text-transform: uppercase;}
.fzlcnr-r h3{ font-size: 20px; padding-bottom: 4px;text-transform: uppercase;}
.jj-3 .sidebar{ border: none; width: 40%;padding: 0;}
.xmal a{ position: relative;float: left; width: calc(100%/4 - 19px); margin-right: 25px;overflow: hidden; transition: 0.4s; padding-top: 0; margin-bottom: 20px;}
.xmal a:nth-child(4n){ margin-right: 0;}
.xmal a::after{ position: absolute; content: ''; height: 100%; width: 100%; background: rgba(2,151,65,0); z-index: 10; top: 0;transition: all 0.3s ease;}
.xmal a:hover::after{ background: rgba(234,85,4,0.8); }
.xmal a i{ position: absolute; top: 50%; transform: translateY(50%); width: 100%; text-align: center; z-index: 100; color: Rgba(255,255,255,0); font-size:45px;transition: all 0.5s ease;}
.xmal a:hover i{ transform: translateY(-50%); color:#fff;}
.xmal a img{width: 100%;}
.xmal h1{ padding-bottom: 25px; font-size: 26px; font-weight: 500; text-transform: uppercase;}
.xmal a p{ padding: 15px;}
.xwxqt{ padding-top: 120px; padding-bottom: 8vh;}
.xwxqt-t h1{ text-align: center; padding-bottom: 12px; border-bottom: 1px solid #f4f4f4; margin-bottom: 25px;}
.xwxqt-nr img,.xwxqt-nr video{max-width: 100%; margin: 0 auto; display: block;}
.mzgssj{background: #f4f4f4; padding: 8vh 0;}
.mzgssj .swiper-slide img{ width: 100%;}

@media (max-width:1440px) {
    #lcwz .swiper-slide .text{margin-left: 3%;}
    #threesixty{height: 555px;}
    .jj-1-l{ width: 55%;}
    .shuzi_box ul li .Line{font-size: 35px; line-height: 40px;}
    .shuzi_box ul li p{ text-align: center;}
}

@media (max-width:1360px) {
    #threesixty{height: 513px;}
}
@media (max-width:1200px) {
    .scroller_set{ display: none;}
    .cont_ms{ font-size: 12px;}
}
@media (max-width:1100px) {
    .jj-1-r{ width: 33%;}
    .shuzi_box ul li{ margin-right: 45px;}
}

@media (max-width:1024px){
	.sjcd{ float:left;margin-right: 0.5rem; color:#fff;}
	.top_box{ display: none;}
	#top .nav{display: none;}	
	#top{ min-width:inherit; transform: translateY(0%);background:#fff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 100;width: 100%; padding: 14px 5%;box-shadow: 0px 0px 75px 0px rgb(0 0 0 / 7%);}
	#top .logo{float: left;}
	#top .logo a{display: block; float: left;}
	#top .logo a h1{ font-size: 1.3rem;}
	#top .logo img{ height:30px; width:auto;}
	#top .menu{float: right;}
	#top .menu em{font-style:normal;padding-right: 13px;padding-top: 6px;display: block;float: left;}
	#top .menu span{ width: 2rem;height: 2rem; float:right;padding-top: 8px;}
	#top .menu span i{ width: 100%;height:2px; display: block;background: #333; margin-bottom: 6px;}
	#top .menu .menu2 i:nth-of-type(1){transform:rotate(-45deg) translateY(10px);}
	#top .menu .menu2 i:nth-of-type(3){transform:rotate(45deg) translateY(-12px);}
	#top .menu .menu2 i:nth-of-type(2){transform:translateX(-40px);opacity: 0;filter:alpha(opacity=0); width: 0;}
    .top .nav{margin-left: 4%;}
	.top_hidden{ transform: translateY(-100%); opacity: 0;filter:alpha(opacity=0);}
    .hback{ width: 100%; height: 100%;background: rgba(0,0,0,0.8); display: block; position: fixed; top: 0;left: 0;z-index: 0;opacity:0;filter:alpha(opacity=0); visibility: hidden;}
    .caidan{width: 50%; max-width: 400px; height: 100%;background: #fff; position: fixed; top: 0; right:0; z-index: 101; transform: translateX(100%); visibility: hidden; display: block;}
    .caidan .caidan_nav{ padding: 59px 0% 0; height: calc(100% - 40px);overflow-y: scroll;}
    .caidan .caidan_nav ul>.menu_list_box_item{border-bottom: 1px solid rgba(0,0,0,0.1);}
    .caidan .caidan_nav ul>.menu_list_box_item:nth-child(1){border-top: 1px solid rgba(0,0,0,0.1); padding-top: 20px;}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; }
    .caidan .caidan_nav ul>.menu_list_box_item .sjcd1{ padding: 0 10%;display: block; font-size:1rem;height:3rem;line-height:3rem; width: 60%;float: left;}
    .caidan .caidan_nav ul>.menu_list_box_item .sjcd2{width: 40%; float: right;}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1:hover{}
    .caidan .caidan_nav ul>.menu_list_box_item .caidan_1 i{float: right; opacity: 0.6;filter:alpha(opacity=60);font-size: 20px;pointer-events:none}
    .caidan .caidan_nav ul>.menu_list_box_item:hover .caidan_1 i{transform: rotate(90deg);}
    .caidan.caidan_oppen{ transform: translateX(0%);z-index: 66; visibility: visible;}
    .caidan_hidden{transform: translateX(100%);}
    .caidan .caidan_nav ul .caidan_2box{width: 100%; padding:4% 0 4% 10%; display: none; background: #f6f6f6;}
    .caidan .caidan_nav ul .caidan_2box li{height: 30px;line-height: 30px; border-top: 1px solid rgba(0,0,0,0.05);}
    .caidan .caidan_nav ul .caidan_2box li:nth-of-type(1){border-top: 0;}
    .caidan .caidan_nav ul .caidan_2box li:hover a{transform:translateX(10px);}
    .caidan .caidan_nav ul .caidan_2box li a{ font-size: 12px; display: block;}
    .zbsjdh{ padding: 20px 8% 0;}
    .zbsjdh a{ width: 49.5%;float: left;background:#f6f6f6;text-align: center;line-height: 36px;height: 36px;margin-right: 1%; color: #333;}
    .zbsjdh a:nth-child(2){ margin-right: 0;}
    .banner_t{ height: 150px;}
    .jj-1-l{ padding-top: 10px;}
    .jj-1-l h1{ font-size: 24px;}
    #threesixty{ height: 437px;}
    
}

@media (max-width:790px) {
    .cpxqdtgd img{height: auto; width: 100%;}
    .cqxqxgt{ padding-top: 60px; display: none;}
    .info-lx{ padding: 5vh 0 0;}
    .banner_t{ height: 100px;}
    .cqxqjs-l{ width: 100%; padding: 0;}
    .sidebar{ width: 100%;border-left:none; padding: 25px 0 0;}
    .cqxqjs{ display: block;padding-top: 73px;}
    .cpxqjs-xz a{ padding: 2px 0;}
    .cpxqjs-xz p{ margin-bottom: 15px;}
    .cpxqjs-xgcp{ padding-bottom: 28px;}
    .cpxqxggd{padding-top: 15px;}
    .s-3 ul li{ font-size: 12px;}
    .s-3 ul li i{ line-height: 40px;}
    .s-bt{ font-size: 22px; line-height: 28px;}
    .s-1-1{ margin-top: 18px;border-radius: 0;margin-bottom: 18px;}
    .s-1-1 img,.s-1-2 li,.s-1-2 li img{ border-radius: 0;}
    .s-1-2{ display: inline; justify-content: inherit;}
    .s-1-2 li:nth-child(1){ margin-right: 0;margin-bottom: 6px;}
    .s-1-1-z{ font-size: 18px;}
    .s-1-1 .s-1-1-z{ top: 60%;}
    .s-1-1-z p{ font-size: 12px;}
    .jj-1-l{ width: 100%;padding-top: 0;}
    .cont_nr li i{ line-height: 51px; font-size: 45px;}
    #lcwz .swiper-slide .nian{ width: 150px; font-size: 45px; height: 148px; line-height: 148px;}
    #lcwz .swiper-slide .font{width: calc(100% - 150px); padding: 27px 42px;}
    .licheng_nian{ margin-top: 7vh;}
    #lcwz{padding: 28vh 0 10vh;}
    .jj-2 dl dt{ width: 100%;}
    .jj-2 dl dd{ width: 100%;}
    .qyjzg{ position: static; transform: none; padding: 45px 0; text-align: center;}
    .jj-2 .s-bt{ padding-bottom: 12px;text-align: center;}
    .jj-1-l h1{ padding: 25px 0 10px;font-size: 21px;}
    .shuzi_box ul li p{ text-align: left;}
    .jj-1-r{ width: 60%; margin-left: 20%;}
    #threesixty {height: 595px;}
    .brand_history hgroup{ top: 12vh;}
    .shou_s .tsmor{ top: auto;}
    .tsmor{width: 200px;height: 30px;padding: 0 20px;line-height: 30px;}
    .s-4 ul{ padding-top: 20px;}
    .s-4{ padding: 48px 0 26px;}
    .safety-star{ margin-top: 18px;}
    #lcwz .swiper-wrapper{ padding: 0 5%;}
    .info-lx-nr{ padding: 5vh 0;}
    .xmal a{ position: relative;float: left; width: calc(100%/3 - 19px); margin-right: 25px;overflow: hidden; transition: 0.4s; padding-top: 0; margin-bottom: 20px;}
    .xmal a:nth-child(4n){ margin-right: 25px;}
    .xmal a:nth-child(3n){ margin-right: 0;}
    .jj-2 ul li{ width: 48%; padding: 18px 10px;font-size: 12px;}
    .s-bt p{ font-size: 12px; line-height: 16px; padding-bottom: 10px;}
    .xmal h1,.nybt{font-size: 22px;line-height: 28px;}
    .news-inner-list{ padding-bottom: 5vh;}
    .nybt{ padding-top: 5vh;}
    .news-inner-list li{width: 48%; margin-right: 2%;padding-bottom: 162px;overflow: hidden;}
    .news-inner-list li:nth-child(3n){margin-right:2%;;}
    .news-inner-list li:nth-child(2n){margin-right: 0;}
    .news-inner-text{ padding: 30px;}
    .mzgssj{padding: 5vh 0;}
    .cprx img{ width: 50px;}

}

@media (max-width:640px) {
    .caidan{width: 70%;}
    footer dl dt{ width: 100%;}
    footer dl dt p{ padding-top: 5px;}
    footer{ padding: 20px 0;}
    #GBookAdd .wenben{ width: 100%; margin-right: 0;margin-bottom: 10px;}
    .lysm{ padding: 30px 0 10px;}
    .cont_nr{ padding-top: 15px;}
    .cont_nr li{ padding: 15px; min-height: auto; width: 100%; margin-bottom: 10px;}
    .al-bt p{ font-size: 26px;}
    .al-bt{ font-size: 18px;}
    .banner-textny div{ font-size: 20px;}
    .banner-textny{ left: 5%;top: 42%;}
    .index_banner,.nybanner{ padding-top: 58px;}
    .cplb ul li{ width: calc(100%/2 - 5px); margin-right: 10px;padding-bottom: 25px;}
    .cplb ul li:nth-child(2n){ margin-right: 0;}
    .cplb h1{ margin-bottom: 30px;}
    #lcwz .swiper-slide .nian{ display: none;}
    #lcwz .swiper-slide .font{ width: 100%;padding: 27px;}
    #lcwz .swiper-slide .font h3{ color: #d0101b;font-size: 24px;}
    .licheng_nian{ margin-top: 4vh;}
    .shuzi_box ul{ display: inline;}
    .shuzi_box ul li{ margin: 0 5px;width: calc(100%/2 - 10px);float: left;padding-bottom: 20px;}
    .shuzi_box ul li .Line{ letter-spacing: -2px;}
    #threesixty {height: 326px;}
    .s-4 ul li{ float: left; width: calc(100%/4 - 4.5%); margin-right: 6%; margin-bottom: 16px;}
    .s-4 ul li:nth-child(5n){ margin-right: 6%;}
    .s-4 ul li:nth-child(4n){ margin-right: 0;}
    .s-4 ul li:nth-child(9){display: none;}
    .s-4 ul li:nth-child(10){display: none;}
    .xmal a{ position: relative;float: left; width: calc(100%/2 - 19px); margin-right: 25px;overflow: hidden; transition: 0.4s; padding-top: 0; margin-bottom: 20px;}
    .xmal a:nth-child(3n){ margin-right: 25px;}
    .xmal a:nth-child(2n){ margin-right: 0;}
    .jj-2-xxt img{ max-width: 80%;}
    .jj-3{ display: inline;}
    .jj-3 .sidebar{ width: 100%; padding-top: 66px;}
    .fzlc-r{ width: 100%; padding:35px 6% 66px;}
    .jj-3 .sidebar p{ padding: 0;}
    .jj-3 .sidebar .s-bt{ padding-left: 6%;}
    .fzlc-r li{border-bottom: 1px solid #f4f4f4; margin-bottom: 25px; padding-bottom: 12px;}
    .fzlc-r li:last-child{ margin-bottom: 0; padding-bottom: 0; border: 0;}
    .fzlcnr-l{ width: 70px;}
    .fzlcnr-l::after{ left: 0;}
    .fzlcnr-l::before{ width: 45px;}
    .fzlcnr-r{ width: calc(100% - 70px);}
    .s-3{ padding: 45px 0;}
    .fzlcnr-r h3{ font-size: 18px; font-weight: 500;}
    .jj-2{ padding: 66px 0;}
    .news-inner-list li{ width: 100%; margin-right: 0;}
    .news-inner-text{ padding: 20px;}
    .news-inner-text span{ margin-top: 56px;}


    

}