@font-face { font-family: 'Medium'; src: url('font/HelveticaNeue-Medium-11.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'CondensedBold'; src: url('font/HelveticaNeue-CondensedBold-05.ttf'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Neue'; src: url('font/HelveticaNeue-01.ttf'); font-weight: normal; font-style: normal; }
html{font-size: 0.52vw;}
body { font-family: Neue,arial; color: #000; font-size: 1.4rem; margin: 0 }
dd,dl, p { padding: 0; margin: 0; }
h1,h2,h3, h4 { font-weight: normal; margin: 0; }
ul { list-style: none; margin: 0; padding: 0; }
table { width: 100%; border-collapse: collapse; }
* { box-sizing:border-box}
a { color:inherit;text-decoration:none}
input, select, textarea { font-family: Neue,arial; }
.main-bd {width:80vw;margin:0 auto; }
.pro-main {width:143rem;margin:0 auto; }
.clear { zoom:1}
.clear:after { content:'';display:block;clear:both}
.body-gry{background: #f3f3f3;}

/*头部*/
.h-icon { display: inline-block; vertical-align: middle; background: url(/Content/Img/head_ico.png) }
#head { position: fixed; top: 0; z-index: 2; left: 0; right: 0; }
.main-home{width: 84vw;margin:0 auto;display: flex;}
.head-user { height: 30px; background: #101820 }
.user-bd { line-height: 30px; font-size: 1.8rem; font-family: Medium; }
.user-bd:after{display: inline-block;width: 1px;height: 100%;vertical-align: middle;content: '';}
.user-bd .u-login i { width: 31px;height: 31px;background-position: -52px -6px; margin-top: -4px; margin-right: 4px; }
.user-bd .split-line { display: inline-block; height: 18px; width: 1px;margin: 0 11px; vertical-align: middle; margin-top: -4px }
.lang-ico { width: 31px; height: 32px; margin-top: -4px;background-position: -5px -8px; }
.user-bd > dl { display: inline-block; margin-left: 5px ;position:relative}
.user-bd > dl dt:after { display: inline-block; border-top: 5.5px solid #fff; border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; content: ''; margin-left: 7px; vertical-align: middle; margin-top: 1px;display:none }
.user-bd dd { position: absolute; background: #fff; padding: 2rem 3rem; z-index: 3; left: -4.5rem; top: 30px; display: none;box-shadow: 0px 8px 24px 0px rgba(0, 0, 0 ,0.15);}
.user-bd dl:hover dd{display:block }
.user-bd > dl dt {cursor:pointer }
.user-bd dd li { border-top: 1px solid #fff; line-height: 4rem;font-size: 1.6rem; padding-top: 2px; cursor: pointer }
.user-bd dd li:first-child {border:0 }
.user-bd dd li:hover { color: #00c4b3 }
.menu-bd { height: 12rem; position:relative;background: #fff;}
.menu-bd .logo { padding-top: 1.2vw; float: left; }
.menu-bd .logo img{height: 3.8vw;}
.menu-bd .menu-first { flex: 1; text-align: center;}
.menu-bd .menu-first li { display: inline-block; margin: 0 0.6vw; cursor: pointer; position: relative;height: 12rem; }
.menu-bd .menu-first li > a {font-size: 2.4rem;line-height: 6rem;display: block;font-family: Medium;padding: 0 1.8rem;padding-top: 3rem;}
.menu-first li.select > a::after { content: '';display: block;width: 100%;height: 0.4rem;
background: linear-gradient(90deg,#3f519f 0%, #7e559e 14%, #d74893 27%, #ec5f75 41%, #f5a270 56%, #fccd6b 69%, #72c1a5 84%, #5fc1cb 100%);}
.head-search { float: right; margin-top: 20px; border: 1px solid transparent; position: relative; padding: 3px 0; padding-right: 22px; border-radius: 4px }
.head-search.inpt-show { border-color: #ddd }
.head-search i { width: 24px; height: 24px; background-position: -80px -2px; position: absolute; right: 60px; top: 0px; transform: scale(1); cursor: pointer; transition: all .3s }
.head-search input { border: 0; background: transparent; outline: none; text-indent: 5px; color: #fff; width: 130px; opacity: 0 }
.head-search.inpt-show input { opacity: 1 }
.head-search.inpt-show i { right: 0; transform: scale(.8) }
.menu-second { position:absolute;background:#fff;top:12rem;left:50%;z-index: 2;padding: 0 3.3rem;font-size: 2rem;padding-bottom: 3rem;box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.15);
transform: translateX(-50%);display: none; }
.menu-bd .menu-first li:hover .menu-second { display: block; }
.menu-second a { display: block; line-height: 2.4rem; padding-top: 3rem; white-space: nowrap; text-align: left; }
.menu-second  a:hover { color: #3e519f }
.pro-type{position: fixed;left: 0;top: 0;right: 0;height: 100%;background: #fff;z-index: 4;overflow-y: auto;top: -100%;transition: all .3s;}
.pro-type .con{width: 133.2rem;margin: 0 auto;}
.pro-type h2{font-size: 4.4rem;font-family: CondensedBold;font-weight: 700;line-height: 7.4rem;padding-top: 3rem;padding-bottom: 1rem;}
.pro-type h2 label{float: right;}
.pro-type h2 label img{width: 8rem;vertical-align:middle}
.pro-type ul{margin-right: -3.5rem;padding-bottom: 4rem;}
.pro-type li{padding-top: 2rem;float: left;margin-right: 3.98rem;}
.pro-type li img{width: 30rem;height: 30rem;}
.pro-type li p{font-size: 2.4rem;line-height: 7rem;}
.pro-type li a{display: block;}
.pro-type li p::after{content: '';float: right;border-bottom: 0.2rem solid rgba(0,0,0,0.50);border-right: 0.2rem solid rgba(0,0,0,0.50);
  transform: rotate(-45deg);width: 1.2rem;height: 1.2rem;margin-top: 2.6rem;margin-right: 0.8rem;}
.pro-type .close{position: absolute;top: 4rem;left: 4rem;}
.pro-type .close img{width: 3rem;cursor: pointer;}
.proMenuMore { cursor:pointer}
.pro-type-more { position: fixed; top: 66rem; left: 4rem;display:none; animation: myanimation2 linear 1.5s infinite alternate; }
.pro-type-more img { cursor: pointer;height:6.4rem }
@keyframes myanimation2 {
    0% { opacity: .5; top: 66rem; }
    50% { opacity: 1; top: 62rem; }
    100% { opacity: .5; top: 66rem; }
}
/*搜索下拉*/
.search-ico { vertical-align: middle; margin-left: 3rem; cursor: pointer }
.search-box { position: fixed; left: 0; top: -28rem; right: 0; height: 27rem; background: #fff; z-index: 5;transition: all .3s; }
.search-box.open {top:0 }
.search-box h3 { text-align: right; padding-top: 3.5rem; padding-right: 6rem; color: #7d7d7d; font-size: 2rem; padding-bottom: 2rem; }
.search-box h3 img { width: 3.5rem; vertical-align: middle; opacity: .7; margin-right: 1rem}
.search-box h3 label { display:inline-block;cursor:pointer}
.seach-com { width: 86rem; margin: 0 auto; border-bottom: 1px solid #bebebe; padding: 1rem 0; transition: .3s .2s; margin-top: -10rem;opacity:0;transform:scale(.2) }
.seach-com>* {vertical-align:middle }
.seach-com img { width: 3rem;}
.seach-com select { border:0;font-size:2rem;color:#333;margin-left:.8rem;padding-right:1.2rem}
.seach-com select:focus-visible {outline:none }
.seach-com > i { border-bottom: 1px solid #333; border-right: 1px solid #333; width: 1.5rem; height: 1.5rem; float: right; transform: rotate(-45deg); margin-right: .5rem; cursor: pointer; margin-top: 1rem; opacity: .6 }
.seach-com > i:hover { opacity:1}
.seach-com input { font-size: 2rem; margin-left: 5rem; width: 53rem; height: 3.6rem; border: 0; outline: none; }
.seach-com input::placeholder { color: #bdbdbd; font-size: 1.8rem }
.seach-com input.fr::placeholder { font-size:1.6rem }
.search-box.open .seach-com { margin-top: 0; opacity: 1; transform: scale(1) }
.search-link { cursor:pointer}
/*首页*/
.banner { position: relative; }
.banner > img { width: 100%; vertical-align: middle;}
.banner .word{position: absolute;left: 7.5vw;top:11vw}
.banner .word dt{font-family:CondensedBold ;font-size: 6.2rem;line-height: 8rem;padding-bottom:2.5rem ;}
.banner .word dd{font-size: 2rem;line-height: 2.8rem;}
.check-btn{display: inline-block;background: #000;width: 22rem;height: 6rem;border-radius: 8px;color: #fff;text-align: center;line-height: 6rem;margin-top: 6rem;font-family: 'Medium';}
.check-btn:after{display: inline-block;content: '';border-left: 0.8rem solid #fff;border-top: 0.5rem  solid transparent;border-bottom: 0.5rem solid transparent;margin-left: 1.4rem;}
.pro-view{background: url(/Content/Img/home/pro_bg.jpg) no-repeat left bottom;background-size: 100% 100%;margin-top: 21rem;}
.pro-view .pro li{display: inline-block;text-align: center;background: #fff;width: 34rem;height: 39rem;padding-top: 2rem;overflow: hidden;transition: padding .3s;position: relative;margin: 0 1.5rem;margin-bottom: 4rem;}
.pro-view .pro li>img{width: 30rem;height: 30rem;transition: all .3s;}
.pro-view .pro li h4{font-size: 2rem;padding-top: 1.6rem;}
.pro-view .pro li:hover{padding-top: 0;}
.pro-view .pro li:hover>img{width: 34rem;height: 39rem;}
.pro-view .pro li:hover h4{display: none;}
.pro-view .pro li dl{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.6);display: none;color: #fff;}
.pro-view .pro li dl dt{font-family: CondensedBold;font-size: 3.2rem;padding-top: 12rem;padding-bottom: 8.2rem;}
.pro-view .pro li:hover dl{display: block;}
.pro-view .pro li dl dd img{width: 6rem;}
.pv-main>h3{font-family: CondensedBold;font-size: 4.8rem;padding-left:4rem;padding-right: 3rem;}
.pv-main{display: flex;position: relative;top: -10rem;}
.pv-main .img img{width: 53.5rem;}
.pv-main .img{padding-top: 2.2rem;}
.pro-view .btn{text-align: right;position: relative;top: -12rem;padding-right: 3.3rem;}
.pview-bottom{height: 1.6rem;background-image: linear-gradient(to right, #3f519f , #e44c88,#fcc46b,#5fc1cb);}
.narrative{background: url(/Content/Img/home/bg01.jpg);background-size: 100% 100%;padding-bottom: 14rem;}
.narrative h2{text-align: center;font-family: CondensedBold;font-size: 4.8rem;padding-top: 19rem;padding-bottom: 11rem;}
.narrative ul{width: 143rem;margin: 0 auto;}
.narrative ul li{display: inline-block;width: 70rem;padding-bottom:4rem;background: #f7f7f7;box-shadow: 0 3px 5px rgba(0,0,0,.1);}
.narrative ul li img{width: 100%;}
.narrative ul li:first-child{margin-right: 2.3rem;}
.home-narr{padding-left: 7rem;padding-right: 5rem;}
.home-narr dt{padding-top: 3.2rem;padding-bottom: 2.8rem;font-family: CondensedBold;font-size: 2.4rem;}
.home-narr dd{line-height: 3rem;font-size: 1.8rem;color: #333;height:21rem}
.home-narr .btn{padding-top: 5.5rem;font-size: 1.8rem;text-align: right;height:auto}
.home-narr .btn a:before{display: inline-block;content: '';border-bottom: 2px solid #333;border-right: 2px solid #333;transform: rotate(-45deg);width: 1rem;height: 1rem;margin-right: 1.4rem;}
.narrative ul .li3 { margin-top: 3rem; width: 100%; background: url(/Content/Img/home/narr03.jpg) #fff no-repeat right top; background-size: auto 100%; }
.narrative ul .li3 .home-narr{width: 58%;}
.home-support{background: url(/Content/Img/home/bg02.jpg);background-size: 100% 100%;}
.home-support h2{font-family: CondensedBold;font-size: 4.8rem;text-align: center;padding-top: 13rem;padding-bottom: 2.5rem;}
.home-support .pview-bottom{height:0.6rem}
.home-support ul{text-align: center;padding-top: 6rem;padding-bottom: 21rem;}
.home-support li{display: inline-block;width: 30rem;height: 30rem;background: #fff;margin: 0 2rem;font-size: 2rem;}
.home-support li label{display: block;padding-top: 8.5rem;height: 17.2rem;}
.home-support li label:after{content: '';display: inline-block;height: 100%;vertical-align: middle;}
.home-support li label img{vertical-align: middle;}
.home-support li p { font-size: 2rem; line-height: 3rem;padding-top:2rem }
.play-div { position:relative}
.play-div label { position:absolute;left:0;right:0;text-align:center;top:-14.5rem}
.narrative ul li .play-div label img { width: 10rem;cursor:pointer }
/*尾部*/
footer { background: #000; color: #bfbfbf; font-size: 1.4rem; padding-top: 5.5rem; }
footer .top{display: flex;}
footer .top label{text-align: right;flex: 1;}
.f-main{width: 158rem;margin: 0 auto;}
footer .top dl{padding-right: 13rem;min-width: 22rem;}
footer .top dt{font-family: Medium;font-size: 1.6rem;color: #fff;padding-bottom: 1.6rem;}
footer .top dd{line-height: 3.4rem;}
.copyright{color: #bfbfbf;padding-top: 12rem;padding-bottom: 3.5rem;}
.copyright label{float: right;}
.copyright label img { margin-left: 1.5rem; width: 3.6rem; vertical-align: middle; }
.copyright>a{margin: 0 0.6rem;}
/*brand*/
.brand-word{position: absolute;left: 0;top: 20rem;right: 0;}
.brand-word dl{width: 98rem;margin: 0 auto;}
.brand-word dt{display: flex;}
.brand-word dt label{font-size: 7.2rem;font-family: CondensedBold;line-height:11rem ;border-bottom: 0.2rem solid #5f5f5f;margin-left: 5rem;}
.brand-word dt img{width:12.5rem ;}
.brand-word dd{padding-top:4rem ;font-size: 2rem;line-height: 3.6rem;}
.bra-con2{display: flex;align-items: center;background: url(/Content/Img/brand/bg2_right.jpg) no-repeat bottom right;background-size: 55.3rem 66.4rem;}
.bra-con2>img{height: 80rem;}
.bra-con2>p{width: 79rem;padding-left: 8rem;font-size: 2rem;line-height: 3.8rem;}
.brand-word2{position: absolute;left: 0;top: 0;width: 50%;padding: 15rem;font-size: 2rem;line-height: 3.6rem;}
.brand-word2 p{margin-bottom: 1em;}
.brand-word3{left: auto;right: 0;}
.brand-word4-bd{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;align-items: center;justify-content:center;}
.brand-word4{background: rgba(255,255,255,.5);width: 118rem;font-size: 2rem;line-height: 3.6rem;padding: 7rem 8.5rem;}
.brand-word4 p{margin-bottom: 1em;}
.brand-word4 label{display: block;padding-top: 4rem;text-align:center}
.brand-word4 label span { font-size: 4.8rem; font-family: CondensedBold; padding-bottom: 4rem; display: block; line-height: 5.6rem; }
.brand-word4 label img{width: 53.5rem;}
.application-banner{display: flex;margin-bottom: 13rem;}
.application-banner>img{width: 128.9rem;}
.application-banner dl{background: #000;flex: 1;color: #fff;padding: 0 6rem}
.application-banner dl dt{font-family: CondensedBold;font-size: 9.6rem;line-height: 22.8rem;padding-bottom: 0.8rem;}
.application-banner dl dd{font-size: 1.6rem;line-height: 3rem;}
.application-banner dl .d1{padding-right: 4rem;}
.application-banner dl dd img{width: 100%;margin-top: 4rem;}
.application-img{padding-bottom: 9rem;position: relative;}
.application-img img{width: 100%;}
.application-img h2{position: absolute;left: 0;top: 4rem;line-height: 9.8rem;background: #000;font-size: 4.8rem;font-family: CondensedBold;
  color: #fff;padding: 0 7.5rem;}
.application-img .i3{left: 29.1rem;top: 10rem;}
.application-img .i4{left: auto;top: 5.9rem;right: 0;}
/*产品*/
.pro-body{display: flex;background: #f3f3f3}
.pro-body .pro-menu{width: 49rem;padding: 0 4rem;box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.05);background: #fff; }
.pro-body .pro-list{flex: 1;padding: 3rem 5.9rem;}
.crumb{padding-top: 3rem;padding-bottom: 2.5rem;font-size: 2rem;}
.crumb img{vertical-align: middle;width: 2.4rem;margin: 0 0.4rem;}
.crumb span{color: #3e519f;}
.pro-menu h2{margin-bottom: 3.5rem;border-bottom: 1px solid rgba(0,0,0,.25);}
.pro-menu dl{padding-bottom: 4.2rem;}
.pro-menu dl dt{font-size: 2rem;font-weight: 500;line-height: 2.5rem;}
.pro-menu dl dd{padding-top: 2rem;font-size: 2rem;color: rgba(0,0,0,0.50);line-height: 2.4rem;}
.pro-menu dl dd input{vertical-align: middle;margin-right: 1.5rem;margin-top: -1px;}
.pro-menu dl dd label{float: right;color: rgba(0,0,0,0.25);}
.mb-pro{box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.05); }
.pager{text-align: right;}
.pager a{display: inline-block;width: 3.2rem;height: 3.2rem;background: #fff;border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.3rem;text-align: center;line-height: 3rem;margin-left: 0.4rem;}
.pager a.select { background: #3e519f;color:#fff }
.pager select { border: 1px solid rgba(0,0,0,0.15); margin-left: 1.4rem; height: 3.2rem; vertical-align: middle; padding: 0 0.8rem; } 
.pro-list ul { margin: 0 -1.5rem; padding-top: 1rem; padding-bottom: 3rem; }
.pro-list li { float: left; width: 30rem; height: 42.5rem; background: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.05); margin: 1.5rem 1.5rem; border: 0.1rem solid #fff; }
.pro-list li img{width: 100%;height: 29.8rem;}
.pro-list li h3{font-size: 2rem;font-weight: 500;line-height: 2.5rem;padding-top: 1.6rem;padding-left: 2rem;}
.pro-list li h4 { font-size: 1.7rem; padding-top: 1.2rem; padding-left: 2rem; color: #777; }
.pro-list li:hover { border-color: #3e519f; box-shadow: 0px 8px 16px 0px rgba(62,81,159,0.20); }
/*产品详情*/
.pro-detail{display: flex;}
.pro-detail .img{width: 54rem;}
.pro-detail .img .big{width: 80rem;height: 80rem;}
.pro-detail .middle{width: 10rem;margin-right: 2rem;}
.pro-detail .right{flex: 1;padding-left: 4rem;}
.pro-detail h1{font-size: 5.6rem;font-weight: 500;line-height: 6.9rem;margin-bottom: 3.2rem;}
.pro-btn{display: block;width: 43.8rem;line-height: 6.4rem;background: #000;font-size: 2rem;color: #fff;padding-left: 11rem;margin-bottom: 2rem;}
.pb2 { color: #3e519f; background: none; padding-left: 0; margin-bottom: 0; text-transform: uppercase; }
.pro-btn img{width: 2.4rem;vertical-align: middle;margin-top: -0.4rem;margin-right: 1.6rem;}
.pro-btn:hover{opacity: 0.9;}
.parameter{padding-top: 2rem;}
.parameter li{font-size: 1.8rem;line-height: 2.4rem;padding-bottom: 2rem;}
.parameter li::before{content: '';display: inline-block;width: 0.8rem;height: 0.8rem;background: #3e519f;border-radius: 50%;vertical-align: middle;
    margin-top: -0.4rem;margin-right: 1.6rem;}
.parameter li span{display: inline-block;width: 15rem;}
.specifications,.download{padding-top: 8.2rem;}
.specifications h1,.download h1{font-size: 2.4rem;font-weight: 500;line-height: 2.9rem;margin-bottom: 2.6rem;}
.spec-list{max-height: 50rem;overflow: hidden;transition: all .3s;}
.specifications ul{padding-bottom:8rem}
.specifications li{float: left;width: 50%;line-height: 5.6rem;background: #fff;padding-left: 2rem;margin-bottom: 0.4rem;display: flex;}
.specifications li label{display: inline-block;width: 51rem;}
.specifications li:nth-child(even){border-left: 1rem solid #f3f3f3;}
.specifications li:nth-child(odd){border-right: 1rem solid #f3f3f3;}
.specifications li span{flex: 1;position: relative;}
.specifications li span div{position: absolute;white-space: nowrap;background: #000;color: #fff;z-index: 3;
  padding: 0 3rem;left: 50%; transform: translateX(-50%);box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.15);border-radius: 0.5rem;display: none;}
.specifications li span div::before{position: absolute;content: '';border-bottom: 0.9rem solid #000;
  border-left: 0.9rem solid transparent;border-right: 0.9rem solid transparent;left: 49%;top: -0.9rem;}
  .specifications li span:hover div{display: block;}
.specifications li:nth-child(2n) span div { left: auto; transform: none; right: 0; }
.specifications li:nth-child(2n) span div::before { left: 60%; }
.download { padding-bottom: 8rem; }
.download ul{display: flex;justify-content: space-between;}
.download ul li { width: 27rem; min-height: 40rem; background: #fff; text-align: center; padding-top: 5.2rem; }
.download ul li img{width: 9rem;}
.download ul li h2{margin-bottom: 4.5rem;font-size: 2rem;line-height: 2.4rem;padding-top: 1rem;}
.download ul li a{display: block;height: 3.6rem;font-size: 1.6rem;color: #3e519f;line-height: 1.8rem;margin-bottom: 2rem;overflow:hidden}
.more{text-align: center;position: relative;}
.more img{width: 3.6rem;cursor: pointer;transition:all .3s}
.more img:hover{opacity: .8;}
.more h3 { padding-bottom: 1rem; color: #666; }
.more .fold {display:none }
.more label { position: absolute; left: 0; right: 0; top: -12rem; height: 12rem; background: linear-gradient(180deg,rgba(243,243,243,0.00), rgba(243,243,243,0.80) 54%, #f3f3f3); }
.more.hide{}
.more.hide .sm { display: none }
.more.hide .fold {display:block }
.more.hide img { transform: rotate( 180deg ); }
.pro-view-img{text-align: center;background: #fff;}
.pro-view-img img{width: 100%;height: 54rem;vertical-align: middle;}
.pro-thumbs-img img{width: 100%;vertical-align: middle;}
.gallery-thumbs{}
.swiper-slide-thumb-active .pro-thumbs-img{border:1px solid #3E519F;}
.gallery-thumbs{height: 54rem;}
.flex-pdetail { position: fixed; top: 0; height: 12rem; line-height: 12rem; background: #fff; left: 0; right: 0; z-index: 2; box-shadow: 0px 8px 24px 0px rgba(0,0,0,0.05); }
.flex-pdetail .left { float: left; font-size: 2rem;font-weight: 500; }
.flex-pdetail .left img { width: 8rem; height: 8rem; vertical-align: middle; margin-right: 2.8rem }
.flex-pdetail .right { float: right }
.flex-pdetail .pro-btn {width:18rem;height:4.8rem;line-height:4.8rem;padding-left:3rem ;font-size:1.6rem;display:inline-block}
.flex-pdetail .pro-btn img {width:1.6rem;margin-right:1rem }
.flex-pdetail .right .a { font-size: 1.6rem;font-weight: 500;color: #3e519f;cursor:pointer;margin-right:6rem }
/*culture*/
.culture-word { position: absolute; top: 18rem; left: 24rem; color: #fff; width: 68.3rem; }
.culture-word.cw2{width: 85.5rem;}
.culture-word dt{font-size: 7.2rem;line-height: 8.5rem;}
.culture-word dt label{display: inline-block;}
.culture-word dt label::after{display: block;content: '';width: 100%;height: 0.4rem;margin: 3rem 0;
background: linear-gradient(90deg,#3f519f 0%, #7e559e 14%, #d74893 27%, #ec5f75 41%, #f5a270 56%, #fccd6b 69%, #72c1a5 84%, #5fc1cb 100%);}
.culture-word dd{font-size: 2rem;line-height: 4rem;}
/*support*/
.supp-nav{background: #fff;}
.supp-nav ul{display: flex;}
.supp-nav li{flex: 1;text-align: center;font-size: 2.4rem;font-weight: 500;line-height: 2.9rem;padding: 3.2rem 0;cursor: pointer;}
.supp-nav li label{display: inline-block;cursor: pointer;}
.supp-nav li::after{content: "";display: inline-block;height: 100%;vertical-align: middle;}
.supp-nav li.select{background: #000;color: #fff;}
.download-title{font-size: 4.8rem; font-weight: 500;line-height: 5.8rem;text-align: center;margin-bottom: 6.2rem;}
.download-title img{height: 5.8rem;vertical-align: middle;margin-top: -0.4rem; margin-right: 2rem;}
.download-swiper{padding-top: 10rem;padding-bottom: 16rem;}

.download-list{font-size: 1.8rem;}
.download-list li { float: left; width: 50%; line-height: 1.8rem; background: #fff; padding: 2.3rem 3rem; margin-bottom: 1rem; padding-top: 3rem; }
.download-list li a{}
.download-list li span { display: inline-block; width: calc(100% - 10rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.download-list li:nth-child(even) { border-left: 0.6rem solid #f3f3f3; }
.download-list li:nth-child(odd){border-right: 0.6rem solid #f3f3f3;}
.download-list li img{height: 2rem;vertical-align: middle;margin-top:-0.6rem;margin-right:0.7rem}
.download-type2 { display: flex; flex-wrap: wrap; font-size: 2rem;font-weight: 700; color: #3e519f;padding-bottom:2.4rem }
.download-type2 li{ padding:0 2.2rem}
.download-type2 li label{cursor:pointer;padding-bottom:0.4rem}
.download-type2 li.select label { border-bottom: 0.4rem solid #3e519f; border-radius: 0.2rem;}
.send-from label { display: block; font-size: 2.4rem; font-weight: 500; line-height: 2.9rem; padding-bottom: 2rem; }
.send-from > span { display: block;padding-bottom: 3rem;}
.send-from  input[type=text],
.send-from  select,
.send-from  textarea { border: 1px solid #979797; height: 6.4rem; width: 100% ;border-radius: 0.5rem;font-size: 2.4rem; font-weight: 500;padding-left: 1rem;}
.send-from  textarea { height: 32rem }
.send { text-align: center; padding-top: 3rem }
.send input { background: #3E519F; color: #fff; width: 43.8rem; height: 6.4rem; border: 0;cursor: pointer;opacity: 1;
  font-size: 2.4rem;font-weight: 500; }
.send input:hover { opacity: .9 }
/*where*/
.where-brand-word{position: absolute;width: 143.6rem;left: 24.2rem;top: 20.5rem;background: #fff;display: flex;padding: 8.6rem 10.1rem 10.2rem 8.8rem;}
.where-brand-word dt{margin-right: 8.1rem;width: 20.6rem;}
.where-brand-word dt img{width: 100%;}
.where-brand-word dd{flex: 1;font-size: 2rem;line-height: 4rem;}
.where-map-word{position: absolute;left: 12rem;top:21.5rem}
.where-map-word dt{font-size: 3.6rem; font-family: CondensedBold;font-weight: 700;color: #fff;line-height: 4.4rem;}
.where-map-word select{margin-top: 2rem;width: 46.3rem; height: 6.4rem;font-size: 2rem;padding-left: 2rem;}
/*news*/
.news-first{display: flex;background: #fff;}
.news-first>label{width: 72rem;height: 53rem;}
.news-first>label img{width: 100%;height: 100%;}
.news-first dl{padding: 0 6rem;flex:1;position:relative}
.news-first dl dt{font-size: 4rem;font-weight: 500;line-height: 4.9rem;padding-top: 2rem;}
.news-first dl dd{font-size: 2rem;}
.news-first dl .d1{color: #7f7f7f;line-height: 2.4rem;padding-top: 6rem;}
.news-first dl .d2{line-height: 2.4rem;padding-top: 2rem;height: 25rem;}
.news-first dl .d3 { position: absolute; bottom: 2rem; }
.news-first dl .d3 a { color: #3e519f; line-height: 2.4rem; }
.news-list{padding: 4rem 0;font-size: 2rem;}
.news-list li{background: #fff;margin-bottom: 0.8rem;line-height: 7.5rem;padding: 0 3rem;}
.news-list li label{float: right;color: #7f7f7f;}
.news-detail{padding-bottom: 12rem;}
.news-detail .img{width: 100%;}
.news-detail h2{font-size: 4.8rem;font-weight: 500;line-height: 5.8rem;padding-top: 6rem;}
.news-detail h4{font-size: 2rem;text-align: center; color: #7f7f7f;line-height: 2.4rem;padding-top: 3.2rem;padding-bottom: 3.5rem;}
.news-detail p{font-size: 2rem;line-height: 4rem;padding-bottom: 1em;}
/*视频播放*/
#vStart { background: url(Img/Index/wwa_01.jpg); height: 498px; height: 498px; cursor: pointer; text-align: center }
.video-view { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: 9; display: none }
.video-view .close { text-align: right; padding-top: 12px; padding-right: 15px }
.video-view .close img { cursor: pointer; opacity: .8 }
.video-view.play { display: block }
.video-view video { transform: scale(.3); transition: all .3s }
.video-view.play video { transform: scale(1) }
.video-view .close img:hover { opacity: 1 }
#vStart img { width: 70px; height: 70px; margin-top: 210px }
/*yinsi*/
.privacy-statement { background: #00c4b3; height: 100%; padding: 65px 72px; color: #333 }
.privacy-statement dt { font-size: 30px; font-family: 'acuminprosemicondblod'; text-align: center; padding-bottom: 22px }
.privacy-statement dd { font-size: 24px; line-height: 1.7em; }
.privacy-statement .d3 { text-align: center; padding-top: 30px }

.main1180 { width: 1180px; margin: 0 auto; }
.brand-story { padding-bottom: 60px }
.brand-story h2 { text-align: center; font-size: 60px; padding-top: 65px; font-family: CondensedBold }
.brand-story h3 { text-align: center }
.brand-story h3:after { content: ''; display: inline-block; width: 70px; height: 3px; background: #3E519F }