/* CSS Document */
@font-face {
  font-family: "DIN-bold";
  src: url("../fonts/DIN-BOLD.ttf") format("truetype");
}
@font-face {
  font-family: "DIN";
  src: url("../fonts/DIN-MEDIUM.ttf") format("truetype");
}
@font-face {
  font-family: "DIN-LIGHT";
  src: url("../fonts/DIN-LIGHT.ttf") format("truetype");
}
@font-face {
  font-family: "fzch";
  src: url("../fonts/方正粗活意简体.TTF") format("truetype");
}

*{ touch-action: pan-y; } 
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;font-family: "Arial","Microsoft Yahei"; list-style:none;}
body { overflow-x: hidden; line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}


.warp{ max-width:1440px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}


/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:40px;}
div.fy a { margin:2px 2px;padding:8px 12px;color:#727171;font-size:1.4em; display:inline; background:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
div.fy a:hover{color:#fff; background:#dc001f;box-shadow: 0 0 5px rgba(0,0,0,0.1); }
div.fy a:active{ color:#fff; background:#dc001f; box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
div.fy span.current{ margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em; background:#dc001f;box-shadow: 0 0 5px rgba(0,0,0,0.1);  }
div.fy span.disabled{ margin:2px 2px;padding:8px 12px; color:#727171; font-size:1.4em; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.1); }


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 30px;	right: 25px; z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background:#fff; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;} 


/*header*/
.header a,.header{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header{ display: flex; position:absolute; width: 100%; z-index: 9; padding: 7px 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: space-between; align-items: center;}
.header .menu{ display: flex;}
.header .menu a{ font-size: 1.4em; color: #fff; line-height: 1.5; margin: 0 30px; font-family: "DIN-LIGHT"; font-weight: 100;}
.header .menu .md{ z-index: 4; display: none; position: absolute; top:100%; left: 0; width: 100%; text-align: center; padding: 16px 0;  background: #070707; border-top:1px solid #333;}
.header .lun p{font-size: 1.4em; color: #fff; line-height: 1.5; font-family: "DIN-LIGHT"; font-weight: 100;}
.header .lun p a{font-size: 1em; color: #fff;}
.header a:hover{ text-decoration: underline;}
.header:hover{ background: #070707;}
.st .header{ background: #070707; position: relative;}


/*footer*/
.footer a,.ban-footer .bfs img,.footer .fs img{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ban-footer{ position: absolute; bottom:0; left: 0; display: flex; padding: 20px 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: space-between; align-items: center; width: 100%; align-items: center; z-index: 9;} 
.ban-footer .bfs img{ opacity: 0.5; margin-left: 16px;}
.ban-footer .bfs span:hover img{ opacity: 1;}
.ban-footer .bft p{ font-size: 1.4em; color: #fff; line-height: 1.5; text-align: right; font-family: "DIN-LIGHT"; font-weight: 100;}
.ban-footer .bft p a{ font-size: 1em; color: #fff;}
.ban-footer .bft p a:hover{ text-decoration: underline;}

.footer{ background: #1b1b1b; padding: 110px 0 130px 0;}
.footer .warp{ display: flex; color: #fff; justify-content: space-between; align-content: center;}
.footer .ft img{ margin-bottom: 20px;}
.footer .ft p{ font-size: 1.4em; color: #fff; line-height: 1.5; font-family: "DIN-LIGHT"; font-weight: 100;}
.footer .ft p a{ font-size: 1em; color: #fff;}
.footer .ft p a:hover{ text-decoration: underline;}
.footer .fs h3{ font-size: 1.8em; font-family: "DIN-LIGHT"; margin-bottom: 20px; font-weight: 100;}
.footer .fs img{ opacity: 0.5; margin-right: 16px;}
.footer .fs img:hover{ opacity: 1;}

.footer .fsr h3{ font-size: 1.8em; font-family: "DIN-LIGHT"; margin-bottom: 20px; font-weight: 100;} 

.footer input{ font-size: 1.4em; outline:none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#fff; padding: 12px 10px; width: 100%; }
.footer form{ display: flex; background: #262626;}
.footer .fc-input{ width:calc(100% - 40px); background: #262626;}
.footer .fc-input::-webkit-input-placeholder{ color:#eee;}
.footer .fc-input:-moz-placeholder{ color:#eee;}
.footer .fc-input::-moz-placeholder{ color:#eee;}
.footer .fc-input:-ms-input-placeholder{ color:#eee;}
.footer .fc-btn{ width: 40px; border:none; line-height:24px; cursor:pointer; background:url(../images/sreach.png) center center no-repeat; background-size: 60%;}

.bottomlist{ background:#dc001f; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}


/*banner*/
.banner,.banner .lv4-bg .box>div{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.banner{ position: relative;}
.banner .swiper-slide{ position: relative; height: 100vh; display: flex; align-items: center; text-align: center;}
.banner .swiper-slide .img{ transition:ease-out 3s all;-moz-transition: ease-out 3s all; -webkit-transition:ease-out 3s all; -o-transition: ease-out 3s all;}
.banner .swiper-slide .txt{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.banner .swiper-slide .img{ position: absolute; top:0; left: 0; transform: scale(1.2); width: 100%;}
.banner .swiper-slide .img img{ width: 100%; height: 100vh; object-fit: cover; display: block;}
.banner .swiper-slide.swiper-slide-active .img{ transform: scale(1);}
.banner .swiper-slide.swiper-slide-active .txt{ transform: translateY(0px);  opacity: 1;}
.banner .swiper-slide .txt{ transform: translateY(-45px); position: relative; z-index: 2; width: 100%;  opacity: 0;}

.banner .lv4{ position: relative; height: 100vh;}
.banner .lv4 .btns span,.banner .lv4 .btns span h3,.banner .lv4-bg .box,.banner .lv4-bg .box .txt{transition:ease-out 0.3s all;-moz-transition: ease-out 0.3s all; -webkit-transition:ease-out 0.3s all; -o-transition: ease-out 0.3s all;}
.banner .lv4 .btns{ z-index: 2; position: absolute; top:0; right: 0; width:100%; height: 100%; display: flex;}
.banner .lv4 .btns span{ border-right: 1px solid rgba(255,255,255,0.3); padding: 0 40px; cursor: pointer; position: relative; width: 20%; display: flex; align-items: center;  height: 100vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner .lv4 .btns span:last-child{ border: none;}
.banner .lv4 .btns span .t1{ width: 100%;}
.banner .lv4 .btns span .t1 div{ display: block; width: 16px; height: 3px; background: #fff;}
.banner .lv4 .btns span h3{ font-size: 3.6em; color: #fff; text-transform: uppercase; margin: 20px 0;}
.banner .lv4 .btns span p{ font-size: 3em; color: #fff; text-transform: uppercase;    font-family: "DIN"; }
.banner .lv4 .btns span p{ font-size: 3em; color: #fff; text-transform: uppercase;   font-family: "DIN";}

.banner .lv4 .btns span.hover{  background: rgba(0,0,0,0.15);}
.banner .lv4-bg .box{ overflow: hidden; height: 100vh; width: 100%; position: absolute; top:0; left: 0; opacity: 0;}
.banner .lv4-bg .box:first-child{ opacity: 1; position:static; }
.banner .lv4-bg .box:first-child.hover .txt{ transform: translateX(0px);}
.banner .lv4-bg .box.hover{ opacity: 1;}
.banner .lv4-bg .box.hover .txt{ transform: translateX(0px);}
.banner .lv4-bg .box>div{height: 100vh; transform: scale(1.2);}
.banner .lv4-bg .box.hover>div{ transform: scale(1);}
.banner .lv4-bg .lv4-1{ background: url(../images/banner03.jpg) center bottom no-repeat ; background-size: cover !important;}
.banner .lv4-bg .lv4-2{ background: url(../images/banner02.jpg) center bottom no-repeat ; background-size: cover !important;}
.banner .lv4-bg .lv4-3{ background: url(../images/banner01.jpg) center bottom no-repeat ; background-size: cover !important;}
.banner .lv4-bg .lv4-4{ background: url(../images/banner04.jpg) center bottom no-repeat ; background-size: cover !important;}
.banner .lv4-bg .lv4-5{ background: url(../images/banner05.jpg) center bottom no-repeat ; background-size: cover !important;}

.banner-slider{ text-align: center; display: none;}
.banner-slider .t1,.banner-slider a{ display: block; width:  100%;}
.banner-slider .t1{ padding-top: 60vh;}
.banner-slider h3{ text-shadow: 1px 1px 5px rgba(0,0,0,0.5); font-size: 2.4em; color: #fff; text-transform: uppercase; margin: 10px 0;  font-family: "DIN";}
.banner-slider p{ text-shadow: 1px 1px 5px rgba(0,0,0,0.5); font-size: 2.4em; color: #fff; text-transform: uppercase;  font-family: "DIN"; }
.banner-slider.swiper{
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
  }

/*banners*/
.banners{ display: flex; align-items: center;  height: 800px; background-size: cover !important; text-align: center; justify-content: center;}
.banners p{ font-size: 3em; color: #fff; font-weight: 800;text-transform: uppercase; margin-top: -10px;}
.banners h3{ font-size: 3em; font-weight: bold; text-transform: uppercase; color: #fff; margin-top: 20px;}
.about{ background-attachment: fixed; background: url(../images/banners/about-banner.jpg) center center no-repeat;}
.news{ background: url(../images/banners/news-banner.jpg) center center no-repeat;}
.service{ background: url(../images/banners/service-banner.jpg) center center no-repeat;}
.network{ background: url(../images/banners/network-banner.jpg) center center no-repeat;}

/*tits*/
.tits h3{ font-size: 3em; font-weight: bold; color: #333; line-height: 1; text-transform:uppercase; position: relative; padding-left: 15px; font-style: italic; }
.tits h3:after{ position: absolute; top:0; left: 0; 
   width: 20px; background: #cc0202; height: 90%;  content: ""; clip-path: polygon(100% 0%, 0% 0%, 0% 100%,0 100%);}
.tits p{ font-size: 1.4em; color: #333; line-height: 1.5; margin-top: 35px;}


/*about*/
.ab1{ padding: 90px 0 150px 0;}
.ab1 .txts{display: flex; justify-content: space-between;}
.ab1 .txt1{ width: 50%;}
.ab1 .txt1 .t{ margin-top: 30px;}
.ab1 .txt1 .t p{ font-size: 1.6em; line-height: 1.5;}
.ab1 .txt1 .t img{ max-width: 98%; margin-top: 100px;}
.ab1 .txt2{ width: 48%;}
.ab1 .txt2 .t{ padding: 40px 0; width: fit-content; margin: 0 auto; position:  relative; text-align: center;}
.ab1 .txt2 .t:after,.ab1 .txt2 .t:before{ position: absolute; content: ""; width: 120px; height: 1px; background: #dadada;}
.ab1 .txt2 .t:after{ top:0; right:0;}
.ab1 .txt2 .t:before{ bottom:0; left: 0;}
.ab1 .txt2 .t h3{ font-size: 10.6em; font-weight: bold; color: #e8e8e8;}
.ab1 .txt2 .t h4{ font-size: 10.6em; color: #040404; margin-top: -60px; font-family: "fzch"; position: relative;}
.ab1 .txt2 .t h4:before{ position: absolute; bottom: 0; left: calc(50% - 80px); width: 160px;  height: 12px; content: "";  background: rgba(0,0,0,0.5); border-radius: 50%; filter: blur(5px);}
.ab1 .txt2 .t h4 span{ font-size: 1em; color: #cc0202;font-family: "fzch";}
.ab1 .txt2 .t2{ margin-top: 20vh;}
.ab1 .txt2 .t2 p{font-size: 1.6em; line-height: 1.5;}

.ab2 .imgs .swiper-slide *,.ab6 .txt .tits a{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.ab2{ padding: 130px 0 170px 0; background: url(../images/about/ab2-bg.jpg) center right no-repeat; background-size: cover !important; background-attachment:fixed; }
.ab2 .tits h3{ color: #fff;}
.ab2 .tits p{ font-size: 1.6em; color: #fff;  line-height: 1.5; max-width: 720px;}
.ab2 .imgs{ margin-top: 40px;}
.ab2 .imgs .abe-slider{ padding-left: calc(50% - 700px);}
.ab2 .imgs .img{ background: #000;}
.ab2 .imgs .img img{ opacity: 0.2; width: auto; max-height: 340px;}
.ab2 .imgs .swiper-slide{ overflow: hidden; width: fit-content;}
.ab2 .imgs .txt{ padding:12px 20px 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab2 .imgs .txt p{ font-size: 1.8em; color: #fff; line-height: 2; text-transform: uppercase; opacity: 0; transform: translateZ(40px)translateX(40px);}
.ab2 .swiper-slide{ overflow: hidden; }
.ab2 .swiper-slide:hover .txt{ top:100%;}
.ab2 .swiper{
    --swiper-navigation-color: #cc0202;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
  }
.ab2 .imgs .swiper-slide:hover .txt p{opacity: 1; transform: translateZ(0px)translateX(0px);}
.ab2 .imgs .swiper-slide:hover .img img{ opacity: 1;} 
.ab3{ padding: 140px 0 160px 0; }
.ab3 .warp{ display: flex; justify-content: space-between; align-items: center;}
.ab3 .history{ width: 45%; border-right:2px solid #e3e3e3; position: relative; }
.ab3 .history:after{ position: absolute; bottom: 0; right:0; content: ""; width: 100%; height: 100%; background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,white 100%); z-index: 2;}
.ab3 .history .abh-slider{ height: 500px; text-align: right;}
.ab3 .history .swiper-slide{ position: relative; padding-right: 20%; display: flex; align-items: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; justify-content: flex-end; flex-wrap: wrap; align-content: center;}
.ab3 .history .swiper-slide:after,
.ab3 .history .swiper-slide:before{ position: absolute; content: ""; }
.ab3 .history .swiper-slide:after{ width: calc(20% - 40px);  height: 1px; background:#e3e3e3; right:0;}
.ab3 .history .swiper-slide:nth-child(2n-1):after{ width: calc(35% - 40px);}
.ab3 .history .swiper-slide:before{ width: 20px; height: 20px; background: #000; border-radius: 50%; top:calc(50% - 10px); right:calc(20% - 40px); z-index: 1;}
.ab3 .history .swiper-slide:nth-child(2n-1):before{ right:calc(35% - 40px);}
.ab3 .history .swiper-slide:nth-child(2n-1){ padding-right: 35%;}
.ab3 .history .swiper-slide h3{ font-size: 3em; color: #333; font-weight: 800; width: 100%; line-height: 1.5;}
.ab3 .history .swiper-slide p{font-size: 1.6em; color: #333;  line-height: 1.5;}
.ab3 .txt{width: 50%;}
.ab3 .txt .tits p{ font-size: 1.6em; color: #333;  line-height: 1.5; max-width: 720px;}
.ab3 .txt img{ margin-top: 60px; max-width: 100%;}
.ab4{ padding: 130px 0 160px 0; background: url(../images/about/ab4-bg.jpg) center center no-repeat; background-size: cover !important; background-attachment: fixed;}
.ab4 .tits h3{ color: #fff;}
.ab4 .tits p{ font-size: 1.6em; color: #bcbcbc;  line-height: 1.5; max-width: 720px;}
.ab4 .img img{ max-width: 100%;}
.ab5{ overflow: hidden; padding: 130px 0 160px 0; background: url(../images/about/ab5-bg.png) center center no-repeat; background-size: contain !important;}
.ab5 .txt1{ margin-bottom: 25vh; display: flex; justify-content: space-between;}
.ab5 .txt1 .tits{ width: 45%;}
.ab5 .txt1 .img{ width: 45%; text-align: right;}
.ab5 .txt1 .img img{ max-width: 100%;}
.ab5 .txt1 p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.ab5 .txt2 .t p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.ab5 .txt2 img{ margin-top: 40px;}
.ab6{ overflow: hidden; background: #eaeaea; padding: 50px 0;}
.ab6 .txt{ display: flex; align-items:center; justify-content: space-between;}
.ab6 .txt .tits{ width: 45%;}
.ab6 .txt .tits p{ font-size: 1.6em; color: #333; line-height: 1.5;}
.ab6 .txt .tits a{ font-size: 1.6em; color: #fff; font-family: "DIN-LIGHT";  font-weight: 100; background: #af0e15; padding: 8px 25px; display: inline-block; margin-top: 30px;}
.ab6 .txt .tits a:hover{ box-shadow: 2px 2px 6px rgba(0,0,0,0.4);}
.ab6 .txt .img{ display: flex; width: 40%; justify-content: center;}
.ab6 .txt .img>div{ margin: 0 20px;}

/*service*/
.service-t .stxt .imgs .txt{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.service-t>div{ padding: 90px 0; overflow: hidden;}
.service-t>div:nth-child(2n){ background: #eaeaea;}
.service-t .stxt .warp{ position: relative;}
.service-t .stxt .warp:after{ position: absolute; top:-90px; left: 20px; width: 1px; height: 85px;  content: ""; background: #000;}
.service-t .stit h3{ font-weight: bold; font-size: 2.4em; color: #333; line-height: 1.5;}
.service-t .stit h3 span{ font-weight: 800; font-size: 1em;} 
.service-t .stxt1 .warp{ display: flex;}
.service-t .stxt1 .stit p{ font-size: 1.6em; line-height: 1.5; color: #333; padding-left: 45px; max-width: 50%;}
.service-t .stxt1 .img{width: 70%;}
.service-t .stxt1 .img img{ max-width: 100%;}
.service-t .stxt2 .txt{ padding-left: 45px;}
.service-t .stxt2 .txt p{font-size: 1.6em; color: #333; line-height: 1.5; margin: 30px 0; font-weight: bold;}
.service-t .stxt2 .txt img{ max-width: 100%;}
.service-t .stxt .imgs{ margin-top: 40px;}
.service-t .stxt .imgs .ser-slider{ padding-left: calc(50% - 660px);}
.service-t .stxt .imgs .img img{ width: 100%;}
.service-t .stxt .imgs .txt{ position: absolute; top:0%; left: 0; width: 100%; height: 100%; content: "" ; background: rgba(0,0,0,0.8); display: flex; align-items: center; text-align: center; justify-content: center; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.service-t .stxt .imgs .txt p{ font-size: 1.8em; color: #fff; line-height: 2; }
.service-t .stxt .swiper-slide{ overflow: hidden; }
.service-t .stxt .swiper-slide:hover .txt{ top:100%;}
.service-t .swiper{
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
  }
/*network*/
.network-t{ padding: 80px 0;}
.network-t .img img{ max-width: 100%; margin-top: 80px;}
/*aftersale*/
.aftersale{ padding: 90px 0;}
.aftersale .dot{ background: #e8e8e8; display: flex; align-items: center; margin: 60px 0; overflow: hidden;}
.aftersale .dot:nth-child(2n-1) .img{ order: 2;}
.aftersale .dot>*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.aftersale .dot .img{ width: 58%; border: 1px solid #bdbdbd;}
.aftersale .dot .img img{ width: 100%;}
.aftersale .dot .txt{ padding: 40px 5%; width: 42%;}
.aftersale .dot .txt h3{ font-size: 2.4em; color: #333; line-height: 1.5; font-weight: bold; margin-bottom: 20px;}
.aftersale .dot .txt p{ font-size: 1.4em; color: #333; line-height: 1.5;}


/*news*/
.news-t .dots .dot .img img,.news-t .dots .dot .txt img{ transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.news-t{ padding: 90px 0;}
.news-t .dots{ width: 100%; display: flex; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.news-t .dots .dot{ width: calc(33.33% - 70px); margin:  20px 35px;}
.news-t .dots .dot .img{ overflow: hidden;}
.news-t .dots .dot .img img{ width: 100%;}
.news-t .dots .dot .txt{ padding: 30px;}
.news-t .dots .dot .txt h3{ font-size: 1.6em; color: #000; font-weight: bold; line-height: 20px; height: 40px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2; text-transform: uppercase;}
.news-t .dots .dot .txt p{ font-size: 1.4em; line-height: 20px; height: 60px; margin: 20px 0; color: #888; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3; }
.news-t .dots .dot .txt h4{ font-size: 1.4em; color: #000; line-height: 1.5;}
.news-t .dots .dot .txt img{ margin: 0 0 -3px 5px;}
.news-t .dots .dot:hover .img img{ transform: scale(1.1);}
.news-t .dots .dot:hover .txt img{ margin: 0 0 -3px 15px;}

/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.newsshow{ padding:80px 0;}
.newsshow .boxs{ background:#f5f5f5; }
.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#727171; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#a5001b !important; color:#fff !important;}

/*contact*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}
#container{ height:890px; opacity: 0.4;}

.map{ background: #000; position: relative;}
.map .mds{ display: flex; position: absolute; bottom: 70px; right:5%;}
.map .mds .md1{ width: 410px;}
.map .mds .md2{ width: 490px;}
.map .mds .md{ background: #fff; padding: 30px 40px; margin-left:30px;}
.map .mds .md h3{ font-size: 2.4em; font-weight: bold; color: #000; line-height: 1.5;}
.map .mds .md p{ font-size: 1.6em; color: #888; line-height: 1.2;  margin-top: 14px;}
.map .mds .md p a{color: #888; font-size: 1em;}
.map .mds .md p a:hover{ text-decoration: underline;}
.map .mds .md span{ background: #1c1c1c; display: inline-block; padding: 10px; margin-top: 45px;}
.map .mds .md2 p{ margin-top: 6px;}
.map .mds .md form{ margin-top: 20px;}
.map .mds .md input,.map .mds .md textarea{ font-size: 1.4em; outline:none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; padding: 10px 20px; width: 100%; background: #fff; border:1px solid #e5e5e5; margin-bottom: 8px; border-radius: 5px; font-family: "Arial","Microsoft Yahei";}

.map .mds .md .fc-btn{transition:ease-out 0.8s all;-moz-transition: ease-out 0.8s all; -webkit-transition:ease-out 0.8s all; -o-transition: ease-out 0.8s all;}
.map .mds .md .fc-input::-webkit-input-placeholder{ color:#888;}
.map .mds .md .fc-input:-moz-placeholder{ color:#888;}
.map .mds .md .fc-input::-moz-placeholder{ color:#888;}
.map .mds .md .fc-input:-ms-input-placeholder{ color:#888;}
.map .mds .md .fc-btn{ margin-top: 20px; border:none; padding:10px 40px; width: auto; font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background: #af0e15;}
.map .mds .md .fc-btn:hover{ background: #000;}

/*honor&product*/
.ls .lsl a,.ls .lsboxs .lsbbox .lsb img{ transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ls{ display: flex}
.ls .lsl{ width: 300px; padding: 120px 0; border-right: 1px solid #d9d9d9;} 
.ls .lsl h3{ font-size: 2.4em; color: #333; text-transform: uppercase; margin: 0 0 50px 0; padding: 0 10px;}
.ls .lsl a{ padding: 10px; display: block;}
.ls .lsl a:hover,.ls .lsl a.lock{  border-bottom: 1px solid #c7c7c7;}
.ls .lsboxs{ padding: 90px 0; width: calc(100% - 300px);}
.ls .lsboxs .lsbbox{ padding: 0 30px; display: flex; flex-wrap: wrap;}
.ls .lsboxs .lsbbox .lsb{ width: calc(33.33% - 80px); margin: 25px 40px; }
.ls .lsboxs .lsbbox .lsb img{ width: 100%;}
.ls .lsboxs .lsbbox .lsb:hover img{ transform: scale(1.1);}

.product .ls .lsboxs .lsbbox .lsb{ width: calc(50% - 60px); margin: 25px 30px; }
.product .ls .lsboxs .lsbbox .lsb img{ transform: scale(0.9);}
.product .ls .lsboxs .lsbbox .lsb:hover img{transform: scale(1);}
.product .ls .lsboxs .lsbbox .lsb .txt p{ text-align: center; font-size: 2em; color: #333; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; }


/*productshow*/
.pdot .psm .color  .swiper-slide img,.pdot .psm .color  .swiper-slide{transition:ease-out 0.6s all;-moz-transition: ease-out 0.6s all; -webkit-transition:ease-out 0.6s all; -o-transition: ease-out 0.6s all;}
.productshow .pdot{  background-size: cover !important; position: relative; display: flex; flex-wrap: wrap;}
.pdot img{ max-width: 100%;}
.pdot .pst{ width: calc(100% - 480px); display: flex;  flex-wrap: wrap; padding-top: 140px; align-items: flex-end;}
.pdot .pst .swiper-wrapper{ transition: 1s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.4s; }
.pdot .pst .txt{ height: 100%; z-index: 2; order: 2; color: #fff; width: 480px; margin-left: -240px; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pdot .pst .txt h3{ font-size: 8.8em; font-family: "DIN"; letter-spacing: -6px;}
.pdot .pst .txt h4{ font-size: 2.8em; text-transform: uppercase; font-family: "DIN"; letter-spacing: -2px; margin: 5px 0 10px 0;}
.pdot .pst .txt p{ font-size: 1.6em; line-height: 2;  font-family: "DIN-light";}
.pdot .pst .imgs{ padding: 40px 0; width: calc(100% - 240px);}
.pdot .psm{ width: 480px; background: rgba(51,51,51,0.8);}
.pdot .psm .data{ padding: 40px 60px; margin-top: 90px; color: #fff; border-top:1px solid #525252; border-bottom:1px solid #525252;}
.pdot .psm .data>a{ font-size: 1.6em; display: inline-block; color: #fff; margin-top: 20px;}
.pdot .psm .data>a:hover{ text-decoration: underline;}
.pdot .psm .data>h3{ font-size: 3.6em; font-family: "DIN"; text-transform: uppercase; margin-bottom: 30px;}
.pdot .psm .dn{ display: flex; flex-wrap: wrap;}
.pdot .psm .dn .n{ width: 50%; margin-top: 20px;}
.pdot .psm .dn .n h4{ font-size: 1.2em; text-transform: uppercase;  font-family: "DIN";}
.pdot .psm .dn .n h4 span{ font-size: 64px; font-family: "DIN";}
.pdot .psm .dn .n .ar{ font-size: 30px; font-family: "Arial","Microsoft Yahei";}
.pdot .psm .dn .n p{ font-size: 1.4em; text-transform: uppercase; font-family: "DIN"; margin-top: 5px;}
.pdot .psm .color .tit h3{ padding: 24px 60px; font-size: 2.4em; font-family: "DIN-bold"; text-transform: uppercase; color: #fff;}
.pdot .psm .color .ci{ background: #333;}
.pdot .psm .color .ci img{ max-height: 100%; }
.pdot .psm .color .gallery-thumbs{  height: 380px; text-align: center;}
.pdot .psm .color .swiper-slide{ padding: 10px 0; background: rgba(0,0,0,0.5);}
.pdot .psm .color  .swiper-slide img{ opacity: 0.5;}
.pdot .psm .color  .swiper-slide-thumb-active{background: rgba(0,0,0,0);}
.pdot .psm .color  .swiper-slide-thumb-active img{ opacity: 1;}

.productshow .pban .dot{  padding: 40px 0; color: #000; text-align: center; display: flex; width: 100%; align-items: flex-end; justify-content: center;}
.productshow .pban .dot .d{ max-width: 220px; margin: 0 2%;}
.productshow .pban .dot .d p{ font-size: 2.4em; font-family: "DIN"; text-transform: uppercase;  height: 50px; line-height: 25px; margin-top: 10px;}


/*.pshows .lv4{ position: relative; height: 100vh;}
.lv4 .btns span,.lv4 .btns span h3,.lv4-bg .box,.lv4-bg .box .txt{transition:ease-out 0.6s all;-moz-transition: ease-out 0.6s all; -webkit-transition:ease-out 0.6s all; -o-transition: ease-out 0.6s all;}
.pshows .lv4 .btns{ z-index: 2; position: absolute; top:0; right: 0; width:329px; text-align: right;}
.pshows .lv4 .btns span{ margin: 0 0 0 auto; cursor: pointer; position: relative; width: 260px; display: flex; align-items: center; text-align: center; height: 20vh; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pshows .lv4 .btns span h3{ font-size: 2.4em; color: #fff; text-transform: uppercase; width: 100%; height: 100%; line-height: 20vh; background: rgba(25,25,25,0.8);}
.pshows .lv4 .btns span.hover h3{background: rgba(0,0,0,0.65);}
.pshows .lv4 .btns span.hover{ width: 329px; border: 1px solid #fff;}
.pshows .lv4-bg .box{ height: 100vh; width: 100%; position: absolute; top:0; left: 0; opacity: 0;}
.pshows .lv4-bg .box:first-child{ opacity: 1; position:static; }
.pshows .lv4-bg .box:first-child.hover .txt{ transform: translateX(0px);}
.pshows .lv4-bg .box.hover{ opacity: 1;}
.pshows .lv4-bg .box.hover .txt{ transform: translateX(0px);}
.pshows .box .txt{position: absolute; color: #fff;}
.pshows .box .txt>h3{font-size: 3.6em; font-family: "DIN"; text-transform: uppercase; text-shadow: 2px 2px 6px rgba(0,0,0,0.7);}
.pshows .box .txt>h4{ font-size: 2.4em; font-family: "DIN-LIGHT"; font-weight: 100; line-height: 1.5; margin: 10px 0; text-shadow: 2px 2px 6px rgba(0,0,0,0.7);}
.pshows .box .txt>p{ font-size: 1.8em; font-family: "DIN-LIGHT"; line-height: 2; font-weight: 100; text-shadow: 2px 2px 6px rgba(0,0,0,0.7);}

.pshows .lv4-1 .txt{ position: absolute; top:42%; left: 52%; color: #fff; max-width: 600px;}
.pshows .lv4-1.hover .txt{ left: 42%;}
.pshows .lv4-2 .txt{  text-align: center; width: 56%; left: 20%; top:20%; }
.pshows .lv4-2 .txt .t h3{ font-size: 3.6em; font-family: "DIN-LIGHT"; text-transform: uppercase; margin-bottom: 30px;}
.pshows .lv4-2 .txt .t p{ font-size: 1.6em; line-height: 1.5;}
.pshows .lv4-2 .dot{ margin-top: 50px; display: flex; justify-content: space-around;}
.pshows .lv4-2 .dot .dt{ display: flex; align-items: flex-end;}
.pshows .lv4-2 .dot .dt h3{ font-size: 10.6em; font-family: "DIN-LIGHT"; line-height: 1; font-weight: 100;}
.pshows .lv4-2 .dot .dt h4{ font-size: 1.8em; margin:0 0 10px 10px;  font-family: "DIN-LIGHT"; font-weight: 100; text-transform: uppercase;}
.pshows .lv4-2 .dot p{ font-size: 2.4em;  font-family: "DIN-LIGHT"; text-transform: uppercase; font-weight: 100;}
.pshows .lv4-2.hover .txt{ top: 10%;}
.pshows .lv4-3 .txt{ width: 30%; right: 26%; bottom:20%; }
.pshows .lv4-3 .txt h3{ margin-bottom: 20px;  }
.pshows .lv4-3.hover .txt{ right: 16%;}
.pshows .lv4-4 .txt{ top:34%; left: 10%; max-width: 40%;}
.pshows .lv4-4.hover .txt{ top:24%;}
.pshows .lv4-5 .txt{ bottom:24%; left: 5%; max-width: 40%;}
.pshows .lv4-5.hover .txt{ bottom:18%;}*/

.productshow .pd .pdb{ display: flex; background: #e2e2e2; align-items: center; overflow: hidden;}
.productshow .pd .pdb:nth-child(2n) .img{ order: 2;}
.productshow .pd .pdb .img{ width: 50%;}
.productshow .pd .pdb .img img{ max-width: 100%;}
.productshow .pd .pdb .txt{ width: 50%; padding: 20px 6%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.productshow .pd .pdb .txt h3{ font-size: 3.6em; color: #333; line-height: 1; margin-bottom: 20px;  font-family: "DIN";  text-transform: uppercase; }
.productshow .pd .pdb .txt p{ font-size: 1.6em; color: #333; line-height: 1.5;  font-family: "DIN-LIGHT";}
.pnum{ overflow: hidden; padding: 110px 0; background: url(../images/product/pbnum.jpg) center center no-repeat; background-size: cover !important; background-attachment: fixed;}
.pnum .tit{ text-align: center; color: #fff; max-width: 600px; margin: 0 auto;}
.pnum .tit h3{ font-size: 4.8em; font-family: "DIN"; text-transform: uppercase; margin-bottom: 30px; font-weight: 100;}
.pnum .tit p{ font-size: 1.6em; line-height: 1.5;}
.pnum .pbox{ max-width: 1100px; margin: 70px auto 0 auto;}
.pnum .pbox .pns{ display: flex; align-items: center; margin: 50px 0;}
.pnum .pbox .pns .t{ width: calc(100% - 220px);}
.pnum .pbox .pns .t h3{ font-size: 3em; color: #ff2204; text-transform: uppercase; font-family: "DIN"; letter-spacing: -2px;}
.pnum .pbox .pns .t span{ display: inline-block; width: 100%; height: 15px; background-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,#ffb503 50%,#ff2700 100%); margin-top:20px;}
.pnum .pbox .pns .pn{ color: #ff2204; display: flex; padding-left: 20px; width: 220px;}
.pnum .pbox .pns .pn h4{ font-size: 7.2em; font-family: "DIN";}
.pnum .pbox .pns .pn p{ font-size: 2.4em; text-transform: uppercase;  font-family: "DIN"; padding: 10px 0 0 5px;}
.pnum .pbox .pns2 .t h3{ color: #8a898f;}
.pnum .pbox .pns2 .t span{ width: 4%; background-image:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(255,255,255,0.3) 100%); }
.pnum .pbox .pns2 .pn{color: #b0b0b1;}
.pnum .pln{ display: flex; color: #b0b0b1; justify-content: space-between; width: calc(100% - 150px); text-align: center; margin-top: -280px; padding: 0 15px;}
.pnum .pln span{ width: 1px; height: 280px; background: #b0b0b1; display: inline-block; opacity: 0.5; margin-bottom: 30px;}
.pnum .pln .t{ display: flex;}
.pnum .pln .t h3{ font-size: 3em; font-family: "DIN";}
.pnum .pln .t p{font-size: 1.4em; font-family: "DIN"; margin-top: 5px; text-transform: uppercase; margin-left: 4px;}

.pimgs{ padding: 80px 0 65px 0; background: url(../images/product/pimg-bg.jpg) center center no-repeat; background-size: cover !important;}
.pimgs .tit{ text-align: center; color: #fff;}
.pimgs .tit h3{ font-size: 4.8em; font-family: "DIN"; text-transform: uppercase; letter-spacing: -2px;}
.pimgs .imgs{ margin: 80px 0 40px 0;}
.pimgs .imgs img{ width: 100%;}
.pimgs .swiper{ 
    --swiper-navigation-color: #cc0202;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
 }
.pimgs .pcolor{ display: flex; margin-top: 20px; justify-content: center;}
.pimgs .pcolor h3{ font-size: 2.4em; font-family: "DIN"; color: #fff; text-transform: uppercase;} 
.pimgs .pcolor span{ display: inline-block; width: 24px; height: 24px; border-radius: 50%; margin: 0 20px;}
.ptxts{ padding: 110px 0 120px 0;}
.ptxts .tit{margin-bottom: 60px;}
.ptxts .tit h3{ font-size: 4.8em; font-family: "DIN"; text-transform: uppercase; letter-spacing: -2px; text-align: center;}
.ptxts .table tr{ border-bottom: 1px solid #4c4c4c; }
.ptxts .table tr td{ font-size: 1.8em; font-family: "DIN-light"; line-height: 1.5; padding: 20px 5%; color: #333; vertical-align:middle;}

.pvideo{ padding: 25vh 0; background-size:cover !important; }
.pvideo .img{ position: relative; width: fit-content; margin: 0 auto; text-align: center; color: #fff; cursor: pointer;}
.pvideo .img h3{ font-size: 9.4em; font-family: "DIN-bold"; opacity: 0.1;}
.pvideo .img h4{ font-size: 5em; font-family: "DIN-bold"; opacity: 0.1; }
.pvideo .img:after{ position: absolute; top:calc(50% - 45px); left:calc(50% - 45px); content: ""; background: url(../images/product/play.png) center center no-repeat; background-size: contain !important; width: 90px; height: 90px;  opacity: 0.5;  transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.pvideo .img img{ max-width: 100%;}
.pvideo .img:hover:after{ opacity: 1;}



/*160*/
/*.p160 .pban{ background: url(../images/product/160/banner.jpg) center top no-repeat #262626; }
.p160 .pshows .p1{ background: url(../images/product/160/ps1.jpg) center bottom no-repeat ; background-size: cover !important;}
.p160 .pshows .p2{ background: url(../images/product/160/ps2.jpg) center bottom no-repeat ; background-size: cover !important;}
.p160 .pshows .p3{ background: url(../images/product/160/ps3.jpg) center bottom no-repeat ; background-size: cover !important;}
.p160 .pshows .p4{ background: url(../images/product/160/ps4.jpg) center bottom no-repeat ; background-size: cover !important;}
.p160 .pshows .p5{ background: url(../images/product/160/ps5.jpg) center bottom no-repeat ; background-size: cover !important;}

.p160 .pshows .lv4-1{ background: url(../images/product/160/p1.jpg) center bottom no-repeat ; background-size: cover !important;}
.p160 .pshows .lv4-2{ background: url(../images/product/160/p2.jpg)  center bottom no-repeat ; background-size: cover !important;}
.p160 .pshows .lv4-3{ background: url(../images/product/160/p3.jpg) center bottom no-repeat ; background-size: cover !important;}
.p160 .pshows .lv4-4{ background: url(../images/product/160/p4.jpg) center bottom no-repeat ; background-size: cover !important;}
.p160 .pshows .lv4-5{ background: url(../images/product/160/p5.jpg) center bottom no-repeat ; background-size: cover !important;}*/


/*download*/
.download {
    padding: 80px 0;
}

    .download .tit h3 {
        text-align: center;
        font-size: 3.6em;
        color: #011e3c;
        font-weight: bold;
        margin-bottom: 26px;
    }

    .download .d-tip, .download .dload .dld {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .download .d-tip {
        background: #3d3d3d;
    }

        .download .d-tip p {
            font-size: 16px;
            font-weight: bold;
            border-right: 1px solid #fff;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            .download .d-tip p:last-child {
                border: none;
            }

        .download .d-tip p, .download .d-tip a,
        .download .dload a {
            color: #fff;
        }

    .download .dload p {
        color: #333;
    }

    .download .d-tip p, .download .dload p {
        line-height: 1.5;
        padding: 12px 6px;
        width: 120px;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .download .d-tip p.d2, .download .dload p.d2 {
            width: calc(100% - 550px);
            word-break: break-all;
        }

        .download .d-tip p.d5, .download .dload p.d5 {
            width: 190px;
        }

        .download .dload p.d2 {
            text-align: left;
        }

    .download .dload .dld:nth-child(2n-1) {
        background: #eee;
    }

    .download .dload p {
        font-size: 14px;
    }

    .download .dload a {
        font-size: 14px;
        background: #e60012;
        border-radius: 40px;
        padding: 6px 30px;
        display: inline-block;
    }

@media screen and (max-width: 1024px) {
    .download .tit h3 {
        font-size: 2.8em;
    }

    .download .d-tip p, .download .dload p {
        padding: 6px;
    }

    .download .dload a {
        padding: 4px 10px;
    }

    .download .d-tip p.d5, .download .dload p.d5 {
        width: 120px;
    }

    .download .d-tip p.d2, .download .dload p.d2 {
        width: calc(100% - 480px);
    }

    .download {
        padding: 60px 0;
    }
}

@media screen and (max-width: 850px) {
    .download .tit h3 {
        font-size: 2.4em;
    }

    .download .d-tip p.d1, .download .dload p.d1 {
        display: none;
    }

    .download .d-tip p.d2, .download .dload p.d2 {
        width: calc(100% - 360px);
    }

    .download {
        padding: 40px 0;
    }
}

@media screen and (max-width: 650px) {
    .download .tit h3 {
        font-size: 2em;
    }

    .download .d-tip p, .download .dload p {
        width: 100px;
    }

    .download .d-tip p {
        font-size: 14px;
    }

    .download .d-tip, .download .dload .dld {
        flex-wrap: wrap;
    }

        .download .d-tip p.d2, .download .dload p.d2 {
            width: calc(100% - 320px);
            width: 100%;
            border-bottom: 1px solid #ddd;
        }
}