@charset "utf-8";
@font-face{font-family: 'SuzukiPRORegular';src: url('../fonts/SuzukiPRORegular.ttf');}
@font-face{font-family: 'SuzukiPROBold';src: url('../fonts/SuzukiPROBold.otf');}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,video {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;font-family:  'SuzukiPRORegular','SimHei',Arial, "Microsoft YaHei", Sans-Serif;color: #000;}
body {font-size: 14px;line-height: 1.8;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none;transition: opacity 0.3s;}
.fl {float: left;}
.fr {float: right;}
.clear:after {display: block; clear:both; content:""; visibility:hidden; height:0;}
.clear {/* 触发 hasLayout */zoom: 1;}
.sp-only{display: none;}
.inner{width: 1200px;margin: 0 auto;}
img {vertical-align:top;}
header{position: relative;background: #fff;}
header .inner{width: 75vw;position: relative;padding-left: 13vw;padding-right: 10.42vw;box-sizing: border-box;}
.logo{position: absolute;top: 50%;left: 0;width: 12.5vw;z-index: 2;transform: translateY(-50%);}
.logo img{  width: 100%;}
.head-tel{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 10.42vw;}
.head-tel a{display: block;font-size: 0;}
.head-tel a img{width: 100%;}
.nav{text-align: center;width: 50vw;margin: 0 auto;font-size: 0;}
.nav ul{display: inline-block;}
.nav li{padding: 12px 1.6vw;position: relative;}
.nav li.has-sub{position: relative;}
.nav li.has-sub:after{content: '';width: 1.73vw;height: 14px;background: url(../img/menu-more.svg) no-repeat center center;background-size: auto 10px;position: absolute;right: 0;top: 30px;transform: rotate(90deg);}
.nav li>a{display: block;font-size: 18px;line-height: 30px;padding: 10px 0.26vw;position: relative;transition: all 0.3s;font-weight: 600;}
.nav li>a.sp-only{display: none;}
.nav li>a:after{content: '';position: absolute;width: 0;height: 4px;background: #d0021b;bottom: -4px;left: 50%;transform: translateX(-50%);transition: all 0.3s;}
.nav li.active>a:after{width: 100%;}
.nav li:hover>a:after{width: 100%;}
.nav-menu-sub{position: fixed;top: 74px;left: 0;width: 100vw;font-size: 0;padding: 64px 0 40px;background: url(../img/sub-menu-bg.jpg) no-repeat top center;background-size: cover;z-index: 1;display: none;}
.nav-menu-sub .sub-inner{border-bottom: 1px solid #a8aaaa;position: relative;}
.nav-menu-sub .sub-inner:before{content: '';position: absolute;top: 0;right: 36%;width: 1px;height: 100%;background: #a8aaaa;}
.nav-menu-sub .inner{padding: 0;}
.nav-menu-4, .nav-menu-2{display: inline-block;    position: relative;}
.nav-menu-4{width: 47vw;}
.nav-menu-2{width: 27vw;}
.nav-menu-sub .swiper-button-next {background: url(../img/icon_news_right.png) no-repeat center center;background-size: 15px;right: 0;width:27px;height: 44px;}
.nav-menu-sub .swiper-button-prev {background: url(../img/icon_news_left.png) no-repeat center center;background-size: 15px;left: 0;width:27px;height: 44px;}
.nav-menu-list2 .swiper-button-next, .nav-menu-list3  .swiper-button-next {right: -5px;}
.nav-menu-list2 .swiper-button-prev, .nav-menu-list3  .swiper-button-prev{left: -5px;}
.nav-menu-sub .swiper-button-disabled{display: none;}
.nav-menu-sub .swiper-slide-active { background: transparent;border-left: none;}
.nav-menu-list{margin: 34px;font-size: 0;}
.nav-menu-list2, .nav-menu-list3 {margin: 34px 22px;padding: 0 12px;overflow: hidden;}
.nav-menu-sub h3{font-size: 18px;line-height: 44px;font-weight: 400;border: 1px solid #A8AAAA;width: 142px;margin: 0 auto;border-radius: 23px;}
.nav-menu-sub h3.long{width: 260px;}
.nav-menu-img{width: 6.77vw;height: 5.73vw;background-image: url(../img/ou2.png);background-repeat: no-repeat;background-size: 100% auto;margin: 0 auto;}
.nav-menu-img-1{background-position: 0 0;}
.nav-menu-img-2{background-position: 0 11%;}
.nav-menu-img-3{background-position: 0 22.3%;}
.nav-menu-img-4{background-position: 0 33.5%;}
.nav-menu-img-5{background-image: url(../img/ou_200ap.png);background-position: 0 -5px;}
.nav-menu-img-6{background-position: 0 44.5%;}
.nav-menu-img-7{background-image: url(../img/ou_175ap.png);background-position: 0 -5px;}
.nav-menu-img-8{background-image: url(../img/ou_150.png);background-position: 0 -5px;}
.nav-menu-img-9{background-position: 0 56%;}
.nav-menu-img-10{background-image: url(../img/ou_100b.png);background-position: 0 -5px;}
.nav-menu-img-11{background-image: url(../img/ou_60av.png);background-position: 0 -5px;}
.nav-menu-img-12{background-image: url(../img/ou_60a.png);background-position: 0 -5px;}
.nav-menu-img-13{background-image: url(../img/ou_50a.png);background-position: 0 -5px;}
.nav-menu-img-14{background-image: url(../img/ou_30a.png);background-position: 0 -5px;}
.nav-menu-img-15{background-image: url(../img/ou_20a.png);background-position: 0 -5px;}
.nav-menu-img-16{background-image: url(../img/ou_9.9a.png);background-position: 0 -5px;}
.nav-menu-img-17{background-image: url(../img/ou_5a.png);background-position: 0 -5px;}
.nav-menu-img-18{background-image: url(../img/ou_2.5a.png);background-position: 0 -5px;}
.nav-menu-img-21{background-position: 0 78%;}
.nav-menu-img-22{background-position: 0 89%;}
.nav-menu-img-23{background-position: 0 100%;}
.nav-menu-img-31{background-image: url(../img/ou_31.png);background-position: 0 -5px;}
.nav-menu-img-trialreport{background-image: url(../img/ou_trialreport.jpg);background-position: 0 -5px;}
.nav-menu-img-140b{background-image: url(../img/ou_df140b-115b-100c.png);background-position: 0 -5px;}
.nav-menu-item{display: inline-block;border-left: 1px solid #a8aaaa;width: 7vw;vertical-align: top;box-sizing: border-box;}
.nav-menu-img-df350a{ background-image: url(../img/menu350a.png); background-size: auto 90%; background-position: center;}
.nav-motor-list .nav-menu-item{width: 50%;border-left: none;}
.nav-menu-2 .nav-menu-item:first-child{border-left: none;}
.nav-menu-2-motor .nav-motor-list .nav-menu-item{width: 100%;}
.nav-menu-img-motor-1{background-image: url(../img/mo-650.png);background-position: 0 -5px;}
.nav-menu-img-motor-2{background-image: url(../img/mo-1050.png);background-position: 0 -5px;}
.nav-menu-img-motor-3{background-image: url(../img/mo-1050de.png);background-position: 0 -5px;}
.nav-menu-img-motor-4{background-image: url(../img/mo-800de.png);background-position: 0 -5px;}
.nav-menu-img-motor-6{background-image: url(../img/mo-800.png);background-position: 0 -5px;}
.nav-menu-img-motor-7{background-image: url(../img/mo-gsx8r.png);background-position: 0 -5px;}
.nav-menu-img-motor-5{background-image: url(../img/mo-gsx8s.png);background-position: 0 -5px;}
.nav-menu-img-motor-21{background-image: url(../img/mo-coming.png);background-position: 0 -5px;}
.nav-menu-sub-motor .nav-menu-img{width: 13vw;height: 8.3vw;}
.nav-menu-item p{font-size: 14px;line-height: 1;height: 2em;padding: 20px 0.4vw 0;word-break: break-all;}
.nav-menu-sub-motor .nav-menu-item p{padding: 0 0.4vw;height: auto;}
.nav-menu-sub-motor .nav-menu-item p span{display: block; color: #b3b4b6;font-size: 16px; line-height: 1.5;}
.look-more{text-align: right;padding-top: 20px;}
.look-more a{font-size: 18px;line-height: 30px;}

.home-inner{width: 75vw;margin: 0 auto;}
.kv .swiper-button-next {background: rgba(255,255,255,0.3) url(../img/icon_news_right.png) no-repeat center center;background-size: 20px;right: 4vw;width: 50px;height: 50px;}
.kv .swiper-button-prev {background: rgba(255,255,255,0.3) url(../img/icon_news_left.png) no-repeat center center;background-size: 20px;left: 4vw;width: 50px;height: 50px;}
.kv-item{position: relative;}
/**.kv-item a{display: block;overflow: hidden;height: 100%;width: 100%;}
.kv-item a>img{height: 100%;position: relative;left: 50%;transform: translateX(-50%);}**/
.kv-content{padding: 25px;background: rgba(0,51,76,0.59);position: absolute;right: 6.77vw;top: 50%;transform: translateY(-50%);}
.kv-text{border: 1px solid #fff;padding: 30px 60px 30px 30px;}
.kv-text h2,.kv-text h4,.kv-text p{color: #fff;}
.kv-text h2{font-size: 64px;line-height: 1;font-weight: 400;}
.kv-text h4{font-size: 36px;line-height: 1;font-weight: 400;padding-bottom: 40px;}
.kv-text p{font-size: 30px;line-height: 40px;}
.kv .swiper-pagination-bullet{width: 6vw;height: 6px;background: #fff;border-radius: 0;}
.kv.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 1.3vw;}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 66px;font-size: 0;}
.kv .swiper-pagination-bullet-active{background: #093a5a;}
.mask{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.45);transition: all 0.3s;}
.home-marine{background: url(../img/home-marine-bg.jpg) no-repeat center center;background-size: cover;padding: 70px 0 100px;}
.home-title-ch{text-align: center;color: #fff;font-size: 48px;line-height: 58px;padding-bottom: 25px;font-weight: 400;}
.home-title-en{text-align: center;color: #fff;font-size: 24px;line-height: 34px;padding-bottom: 25px;font-weight: 400;}
.home-marine-content{display: table;width: 100%;}
.home-marine-content>div{display: table-cell;position: relative;width: 50%;}
.home-marine-img{    background: rgba(13,60,93,1);}
.home-marine-img img{width: 100%;transition: all 0.3s;}
.home-marine-img p{position: absolute;width: 80%;left: 10%;color: #fff;border: 2px solid rgba(255,255,255,0.5);background: rgba(13,60,93,0.5);bottom: 40px;font-size: 36px;line-height: 46px;padding: 10px 0;text-align: center;z-index: 1;}
.home-motor{background: url(../img/motor-back.jpg) no-repeat center center;background-size: cover;}

.bg-black{background: #000;}
.bg-blue{background: #003145;}
.home-title{line-height: 26px;padding-left: 20px;position: relative;margin-bottom: 25px;font-weight: 600;}
.home-title .ch{font-size: 24px;margin-right: 8px;color: #252525;}
.home-title .en{font-size: 24px;color: #252525;}
.home-title-white,.home-title-white .ch,.home-title-white .en{color: #fff;}
.home-title:before{content: '';width: 6px;height: 26px;background: #ED1C24;position: absolute;top: 0;left: 0;}
.home-title-index{padding-left: 270px;}
.home-title-index:before{left: 255px;}
.home-news{background: url(../img/home-news-bg.jpg) no-repeat center center;background-size: cover;padding: 70px 0 90px;overflow: hidden;}
.home-title-ch-white,.home-title-en-white{color: #000;}
.home-news-tab{text-align: center;font-size: 0;}
.home-news-tab span{display: inline-block;width: 11vw;height: 54px;line-height: 54px;font-size: 24px;transition: background 0.5s;cursor: pointer;margin: 20px 10px 75px;}
.home-news-tab span.active{color: #fff;background: #c3d5e3;}
.home-news-tab span:hover{color: #fff;background: #c3d5e3;}
.news-list {height: 360px;}
.home-news .swiper-container {}
.news-item {width: 320px;position: relative;overflow: hidden;-moz-user-select: none;-khtml-user-select: none;user-select: none;height: 100%;}
.item-content {padding: 25px 50px 50px;margin: 0;overflow: hidden;position: relative;}
.news-item.swiper-slide-active {background: none;}
.news-item > img {position: absolute;width: auto;height: auto;min-width: 100%;min-height: 100%;max-width: inherit;opacity: 0;transition: all 0.3s;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.news-item .item-top {position: relative;}
.news-item .item-top span {font-size: 16px;line-height: 26px;transition: all 0.3s;display: inline-block;color: #6e7077;}
.news-type {float: right;}
.news-item .news-tit {font-size: 18px;color: #363840;line-height: 28px;padding: 19px 0 30px;transition: all 0.3s;font-weight: bold;}
.news-item .news-cont {font-size: 14px;line-height: 24px;transition: all 0.3s;max-height: 264px;overflow: hidden;color: #6e7077;}
.news-item:hover {background: #000;}
.news-item:hover > img {opacity: 0.3;}
.news-item:hover .item-top span,.news-item:hover .news-tit,.news-item:hover .news-cont {color: #fff;}
.swiper-slide-active {background: #000;}
.swiper-scrollbar {height: 0;border-radius: 0;border-bottom: 2px solid #e6e6e6;background: none;margin-top: 88px;margin-bottom: 50px;position: relative;}
.swiper-scrollbar.swiper-scrollbar-horizontal{position: relative;}
.swiper-scrollbar-drag {position: absolute;height: 6px;border-radius: 3px;background: #356281;-webkit-box-shadow: 0 10px 40px rgba(80, 75, 59, 0.2);box-shadow: 0 10px 40px rgba(80, 75, 59, 0.2);cursor: pointer;top: 3px;}
.home-news .swiper-button-prev{background: url(../img/icon_news_left.png) no-repeat center center;background-size: 20px;left: -4vw;}
.home-news .swiper-button-next{background: url(../img/icon_news_right.png) no-repeat center center;background-size: 20px;right: -4vw;}
.news-list-box{position: relative;}
.home-news-more{text-align: center;}
.home-news-more a{background: #00334c;color: #fff;display: inline-block;width: 248px;height: 54px;line-height: 54px;font-size: 24px;}
.video{padding: 50px 0 40px;}
.home-video{background: #f6f8fc;padding: 100px 0 60px;}
.video-item{padding: 0 10px;}
.video-box .slick-prev{left: -47px;z-index: 11;margin-top: -22px;width: 35px;height: 45px;background-size: auto 35px;}
.video-box .slick-next{right: -47px;z-index: 11;margin-top: -22px;width: 35px;height: 45px;background-size: auto 35px;}
.video-box .slick-dots{bottom: -40px;font-size: 0;width: 100%;text-align: center;left: 0;transform: none;}
.video-box {overflow: hidden;position: relative;padding-bottom: 40px;}
.video-list {width: 23.61vw;
width: 25vw;margin: 0 auto;}
.video-box .slick-list{overflow: inherit;}
.video-box:before{content: '';height: calc(100% - 40px);width: calc(50% - 20px - 12.5vw);position: absolute;left: 10px;top: 0;background: rgba(0,51,76,0.5);z-index: 10;}
.video-box:after{content: '';height: calc(100% - 40px);width: calc(50% - 20px - 12.5vw);position: absolute;right: 10px;top: 0;background: rgba(0,51,76,0.5);z-index: 10;}
.video-box .slick-prev{left: -45px;z-index: 11;background-color: rgba(0,0,0,0.7);}
.video-box .slick-next{right: -45px;z-index: 11;background-color: rgba(0,0,0,0.7);}
.videolist img{width: 100%;transition: all 0.5s;}
.videolist:hover img{opacity: 0.8;}
.videolist i{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: 60px;height: 60px;background: url(../img/video-icon.png) no-repeat center center;background-size: cover;z-index: 1;}
.videolist {position: relative;}
.videoed {display: none;width: 50px;height: 50px;position: absolute;left: 45%;top: 45%;z-index: 99;border-radius: 100%;}
.videos {display: none;position: fixed;left: 20%;top: 50%;transform: translateY(-50%);z-index: 11112;width: 60%;height: auto;}
.vclose {position: absolute;right: -26px;top: -26px;border-radius: 100%;cursor: pointer;}
.videos-mask {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.9);display: none;z-index: 11111;cursor: pointer;}
.video .videolist i{display: none;width: 60px;height: 60px;}
.video .slick-active .videolist i{display: block;}
.video .slick-dots li{background: #b9c5cf;margin: 0 10px;}
.video .slick-dots .slick-active{background: #00334c;}
.c-video {position: relative;}
.c-video video {width: 100%;}
.c-video img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 80px; height: 80px; visibility: visible; opacity: 1; -webkit-transition: opacity .5s cubic-bezier(0,0,.25,1) 0s; transition: opacity .5s cubic-bezier(0,0,.25,1) 0s; cursor: pointer;}
.c-video img.is-hidden {opacity: 0; visibility: hidden; -webkit-transition: opacity .5s cubic-bezier(0,0,.25,1) 0s; transition: opacity .5s cubic-bezier(0,0,.25,1) 0s}
.c-video img.banner{width: 100%;height: auto;position: inherit;cursor: default;}
.c-video__txt {text-align: center; margin-bottom: 60px;}
footer{text-align: center;border-top: 10px solid #00334c;}
.footer-nav ul{display: inline-block;padding: 38px 0;}
.footer-nav li a{color: #fff;display: block;padding: 0 25px;font-size: 14px;line-height: 1;border-right: 1px solid #fff;}
.footer-nav li:last-child a{border: none;}
.footer-icon a{display: inline-block;margin: 0 8px;width: 30px;height: 30px;}
.footer-icon a.wechat-link{width: 30px;height: 30px;background: url(../img/icon_wechat.png) no-repeat;background-size: cover;position: relative;}
.footer-icon a.wechat-link:hover{background: url(../img/icon_wechat_on.png) no-repeat;background-size: cover;}
.footer-icon a.wechat-link img{display: none!important;position: absolute;top: -175px;left: -63px;}
.footer-icon a.wechat-link:hover img{display: block!important;transition: all .3s linear;}
.footer-icon a.suzuki-icon{width: 30px;height: 30px;background: url(../img/icon_suzuki.png) no-repeat;background-size: cover;}
.footer-icon a.suzuki-icon:hover{background: url(../img/icon_suzuki_on.png) no-repeat;background-size: cover;}
.copyright {padding: 20px 0 25px;}
.copyright p{color: #fff;font-size: 14px;line-height: 18px;}
.copyright p a{color: #fff;display: inline-block;font-size: 14px;line-height: 18px;margin: 0 8px;}

.marine-kv{min-height: 400px;overflow: hidden;}
.product-kv img{width: 100%;}
.moto-content{padding-top: 90px;}
.moto-item{margin-bottom: 40px;}
.item-bg{position: relative;overflow: hidden;}
.item-bg i{width: 100%;height: 100%;background: rgba(0,0,0,.56);position: absolute;left: 0;top: 0;transition: all 0.5s;opacity: 1;}
.item-bg a>img{width: 100%;transition: all 0.5s;}
.item-bg-content{position: absolute;top: 80%;transform: translateY(-50%);left: 40px;}
.item-bg-content h3{color: #fff;font-size: 20px;line-height: 30px;margin-bottom: 10px;text-shadow: 0 0 5px rgba(0,0,0,0.8);}
.item-bg-content p,.item-bg-content p span{color: #fff;font-size: 14px;line-height: 24px;text-shadow: 0 0 5px rgba(0,0,0,0.8);}
.item-cont{position: relative;}
.item-cont-text{padding-left: 40px;}
.item-cont-text h3{margin-top: 20px;font-size: 18px;line-height: 24px;margin-left: 6px;}
.item-cont-text h3 span{    margin: 3px;    display: inline-block;    padding: 0 10px;    color: #fff;    position: relative;}
.item-cont-text h3 span:before{    content: '';    position: absolute;    transform: skewX(-15deg);    width: 100%;    height: 100%;    z-index: -1;    left: 0;    top: 0;}
.item-cont-text h3 span:first-child{    margin-left: 0;}
.item-cont-text h3 span:first-child:before{     background: #004ea1;}
.item-cont-text h3 span:nth-child(2):before{     background: #e50213;}
.item-cont-text h3 span.black:before{     background: #000;}
.item-cont-text p{margin-bottom: 12px;font-size: 18px;line-height: 26px;color: #9b9b9b;text-transform: uppercase;}
.item-cont-text a{font-size: 12px;line-height: 32px;color: #fff;background: #ed1c24;display: block;width: 140px;text-align: center;}
.item-cont-img{position: absolute;right: 40px;bottom: 0;transition: all 0.5s;}
.moto-item:hover .item-cont-img{right: 0;}
.distributor{text-align: center;}
.distributor .inner{border: 1px solid rgba(61,66,71,0.95);padding: 40px 0 55px;}
.distributor-box{text-align: center;}
.distributor h2{text-align: center;font-size: 36px;line-height: 46px;margin-bottom: 15px;}
.distributor p{color: #9b9b9b;text-align: center;font-size: 14px;line-height: 24px;margin-bottom: 15px;}
.distributor select{border: 1px solid #9b9b9b;width: 38%;height: 40px;font-size: 14px;line-height: 40px;padding: 0 25px;color: #9b9b9b;background: #fff;    border-radius: 0;display: inline-block;vertical-align: middle;}
.distributor select option{color: #4a4a4a;}
.distributor button{display: inline-block;border: none;background: #00334c;margin-left: 8px;width: 38%;height: 40px;font-size: 14px;line-height: 40px;color: #fff;padding: 0;display: inline-block;vertical-align: middle;}
.moto-distributor .inner{background: rgba(61,66,71,0.95);border: none;}
.moto-distributor h2,.moto-distributor p{color: #fff;}
.moto-distributor select{border: none;}
.spare-parts{margin: 0 0 110px;}
.spare-parts .inner{display: table;border-top: 1px dashed #979797;padding-top: 110px;}
.spare-parts-text{width: 255px;display: table-cell;vertical-align: middle;padding-left: 40px;}
.spare-parts-text h3{font-size: 24px;line-height: 34px;margin-bottom: 12px;}
.spare-parts-text p{font-size: 14px;line-height: 24px;}
.spare-parts-text a{font-size: 12px;line-height: 32px;color: #fff;background: #ed1c24;display: block;width: 140px;text-align: center;margin-top: 40px;}
.spare-parts-img{display: table-cell;padding-left: 50px;vertical-align: middle;}
.spare-parts-img img{width:  calc(25% - 14px);    margin-left: 14px;    box-shadow: 0 0 7px rgba(0,0,0,0.8);    float: left;}

/*新闻页*/
.news-warp{}
 .kv-container {height: 500px;position: relative;overflow: hidden;width: 100%;}
.kv-container .kv.blur { /* top: -43px;right: -43px;bottom: -43px;left: -43px;-webkit-filter: blur(43px);filter: blur(43px);position: absolute;background-position: center;background-repeat: no-repeat;background-size: cover; */}
.kv-container .kv.blur img{width: 100%;}
.kv-container .mask.slash {top: 100px;background: -webkit-linear-gradient(top, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 244, 244, 0)), to(#f4f4f4));background: linear-gradient(to bottom, rgba(244, 244, 244, 0) 0%, #f4f4f4 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4f4f4', endColorstr='#f4f4f4', GradientType=0);position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.news-f1{margin-bottom: 15px;margin-top: -250px;position: relative;}
.f1-content{background: #fff;border: 2px solid #fff;border-radius: 4px;display: table;transition: all 0.5s;width: 100%;box-sizing: border-box;position: relative;z-index: 8;}
.f1-content:hover{box-shadow: 0 0 15px rgba(0,0,0,0.8);}
.f1-content-hover {display: table;width: 100%;}
.f1-text{display: table-cell;width: 52%;box-sizing: border-box;padding: 40px 50px 70px;}
.f1-img{display: table-cell;width: 48%;overflow: hidden;position: relative;}
.f1-img.sp-only{display: none;}
.f1-img-box{background-repeat: no-repeat;background-size: cover;background-position: center bottom;transition: all 0.5s;height: 100%;width: 100%;position: absolute;     top: 0;    left: 0;}
.f1-content:hover .f1-img-box{opacity: 0.8;}
.f1-content p span{display: inline-block;font-size: 16px;line-height: 26px;padding-bottom: 30px;color: #666464;}
.f1-content p span.news-type{float: left;}
.f1-content h3{font-size: 24px;line-height: 30px;padding-bottom: 30px;color: #000;}
.f1-text>p{font-size: 14px;line-height: 24px;color: #666464;padding-bottom: 40px;}
.f1-content a{font-size: 14px;line-height: 25px;color: #666464;display: block;text-decoration: underline;font-weight: bold;}
.news-f2{display: table;width: 100%;}
.news-s ,.news-t{display: table-cell;}
.news-s{width: 66.6666%;padding-right: 14px;transition: all 0.5s;}
.news-s:hover{/*box-shadow: 0 0 15px rgba(0,0,0,0.8);*/}
.news-s .f1-content{box-shadow: none;border: 1px solid #d9d9d9;}
.news-s:hover .f1-content{box-shadow: 0 0 15px rgba(0,0,0,0.8);}
.news-s .f1-content h3{padding-bottom: 20px;}
.news-s a{margin-top: 60px;}
.news-t{width: 33.3333%;border-radius: 4px;overflow: hidden;position: relative;transition: all 0.5s;}
.news-t:hover{box-shadow: 0 0 15px rgba(0,0,0,0.8);}
.news-t-box{background-repeat: no-repeat;background-size: cover;background-position: center bottom;position: absolute;width: 100%;height: 100%;transition: all 0.5s;    top: 0;left: 0;}
.news-t:hover .news-t-box{opacity: 0.8;}
.hot-tips{border: 1px solid #d9d9d9;border-radius: 4px;padding: 27px 33px;margin: 17px 0;}
.hot-tips p{font-size: 16px;line-height: 26px;font-weight: bold;}
.hot-tips span{display: inline-block;padding: 0 10px;}
.hot-tips .tag-head{padding: 0;}
.news-content-list , .news-product-list{margin: 0 -7px;font-size: 0;}
.news-content-item , .news-product-item{display: inline-block;width: calc(33.3333% - 14px);box-sizing: border-box;margin: 0 7px 14px;border: 1px solid #d9d9d9;border-radius: 4px;padding: 15px 25px;background: #fff;transition: all 0.5s;    vertical-align: top;}
.news-content-item{height: 340px;position: relative;}
.news-content-item:hover, .news-product-item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.8);}
.item-type-date{padding-bottom: 20px;}
.item-type-date span{font-size: 16px;line-height: 26px;font-weight: bold;}
.item-type-date span.news-type{float: none;}
.news-content-item h4{font-size: 18px;line-height: 28px;padding: 0 0 10px;
margin: 9px 0;color: #000;max-height: 84px;overflow: hidden;}
.news-content-item .desc{font-size: 14px;line-height: 24px;    margin: 9px 0;color: #9b9b9b;font-weight: bold;max-height: 144px;overflow: hidden;}
.news-content-item a{font-size: 14px;line-height: 24px;font-weight: bold;text-decoration: underline;position: absolute;bottom: 20px;left: 25px;}
.news-product-item{margin-bottom: 30px;}
.news-product-item a{display: block;font-size: 16px;line-height: 26px;font-weight: bold;text-align: center;padding: 15px 0;}
.marine{position: relative;}
.marine-content{padding: 40px;background: #fff;font-size: 0;}
.marine-title{position: relative;vertical-align: top;padding-top: 20px;text-align: center;}
.marine .marine-title{width: 160px;display: inline-block;}
.marine-title:before{content: '';position: absolute;width: 40px;height: 6px;background: #ed1c24;left: 50%;margin-left: -20px;top: 0;}
.marine-title h4{font-size: 36px;line-height: 46px;color: #252525;margin-bottom: 10px;}
.marine-title h5{font-size: 20px;line-height: 30px;color: #252525;}
.marine-product-list{padding-top: 30px;}
.marine-product-content{padding-top: 80px;}
.marine-item-list{font-size: 0;padding: 80px 0;}
#marine-2 .marine-item-list{padding-bottom: 0;}
.marine-product-item h3{background: #f4f4f4;position: relative;font-size: 24px;line-height: 30px;padding: 10px 0 10px 40px;margin-bottom: 20px;cursor: pointer;}
.marine-product-item h3 small{font-size: 14px;line-height: 20px;display: inline-block;}
.marine-product-item h3:before{content: '';position: absolute;width: 7px;height: 100%;background: #00334C;left: 0;top: 0;}
.marine-product-item h3 i{background: url(../img/moto/icon-add.png) no-repeat center center;width: 40px;height: 100%;background-size: 20px;position: absolute;right: 40px;top: 0;}
.marine-product-item.active h3 i{background: url(../img/moto/icon-jian.png) no-repeat center center;}
.marine-item-content{display: none;}
#marine-2 .marine-item-list{text-align: center;}
.marine-product-item.active .marine-item-content{display: block;}
.marine-item{display: inline-block;width: 25%;padding: 20px;box-sizing: border-box;vertical-align: top;position: relative;}
#marine-2 .marine-item{width: 40%;}
.marine-item-desc{text-align: left;padding: 0 40px;}
.new-tips{width: 50px;height: 50px;background: #e1261d;color: #fff;line-height: 50px;border-radius: 50px;text-align: center;position: absolute;left: 0;top: 0;font-size: 20px;text-transform: uppercase;}
.marine-item img{width: 100%;}
.marine-item h2{font-size: 18px;line-height: 20px;padding: 8px 0;text-align: center;margin: 0 15px;border-top: 1px solid #000;border-bottom: 1px solid #000;font-weight: 600;margin-top: 25px;}
.marine-item p{font-size: 14px;line-height: 24px;text-align: center;margin: 10px 15px;}
.marine-item-link{position: absolute;left: 0;top: 0;width: 100%;z-index: 4;height: 100%;}
.marine-item-more{position: absolute;left: 0;top: 0;width: 100%;background: #f4f4f4;z-index: 3;min-height: 100%;display: none;    padding: 20px 0; box-sizing: border-box;}
.marine-item-more h5{font-size: 15px;line-height: 26px;font-weight: 600;}
.marine-item-more .col-6>div{min-height: 68px;}
.marine-item-more img{width: 32px;margin: 1px;}
.marine-item-featured{padding-bottom: 20px;font-size: 0;}
#marine-2, #marine-4{padding-top: 150px;margin-top: -70px;}
.marine-item-featured .col-6{width: calc(50% - 20px);display: inline-block;box-sizing: border-box;padding: 10px;margin: 10px;position: relative;vertical-align: top;text-align: left;min-height: 114px;}
.marine-item-featured .col-6:nth-child(1):after{content: '';position: absolute;height: 100%;width: 1px;background: #000;right: -10px;top: 0;}
.marine-item-featured .col-6:nth-child(2):after{content: '';position: absolute;height: 1px;width: 100%;background: #000;left: 0;bottom: -10px;}
.marine-item-featured .col-6:nth-child(3):after{content: '';position: absolute;height: 1px;width: 100%;background: #000;left: 0;top: -10px;}
.marine-item-featured .col-6:nth-child(4):after{content: '';position: absolute;height: 100%;width: 1px;background: #000;left: -10px;top: 0;}
.marine-item-featured .col-6.noafter:after{display: none;}
.marine-history-tab{border-top: 2px solid #000;border-bottom: 2px solid #000;font-size: 0;margin: 35px 0;}
.marine-history-tab>div{display: inline-block;text-align: center;        flex-shrink: 1;}
.marine-history-tab span{font-size: 24px;line-height: 34px;padding: 20px 10px 15px;display: inline-block;cursor: pointer;position: relative;}
.marine-history-tab span:after{content: '';width: 0;height: 5px;background: #d0021b;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);transition: all 0.3s;}
.marine-history-tab>div.active span:after{width: 100%;}
@media screen and (min-width: 980px) {
	.news-item:hover{background: #000;}
	.news-item:hove> img {opacity: 0.3;}
	.news-item:hove .item-top span,.news-item:hove .news-tit,.news-item:hove .news-cont {color: #fff;}
}
@media screen and (min-width: 750px) {
	.marine-history-tab>div:hover span:after{width: 100%;}
	.marine-item:hover .marine-item-more{display: block;}
	.home-marine-img:hover img{	opacity: 0.6;}
}
.history{margin-top: 80px;overflow: hidden;}
.history-item{display: none;}
.history-img{width: 36%;text-align: center;}
.history-img img{max-width: 100%;}
.history-text{width: 60%;padding-left: 4%;}
.history-text h5{font-size: 20px;line-height: 30px;padding: 10px 25px;color: #fff;margin-bottom: 20px;background: #00334c;}
.history-text p{font-size: 16px;line-height: 26px;margin-bottom: 15px;}
.history-item-content-2020{background: url(../img/marine/2020-bg.jpg) no-repeat center center;background-size: auto 100%;text-align: center;padding: 30px 0 100px;}
.history-item-content-2020 h3{color: #00334C;font-size: 36px;line-height: 40px;padding-bottom: 15px;font-weight: 600;}
.history-item-content-2020 h4{font-size: 20px;line-height: 30px;padding-bottom: 10px;font-weight: 600;}
.history-item-content-2020 p{padding-bottom: 20px;font-size: 14px;line-height: 20px;}
.technology{padding: 80px 0;}
.technology-content{display: table;width: 100%;padding-top: 35px;}
.technology-text, .technology-img{display: table-cell;width: 50%;vertical-align: middle;}
.technology-text{padding-right: 50px;}
.technology-text p{font-size: 14px;line-height: 24px;}
.technology-img img{width: 100%;}
.marine-spare-parts{padding: 80px 0;}
.marine-spare-list{font-size: 0;padding-top: 35px;}
.marine-spare-list .col-3{width: 25%;position: relative;display: inline-block;font-size: 0;}
.marine-spare-list img{width: 100%;display: inline-block;}
.marine-spare-list a{display:block;	position: relative;}
.marine-spare-list a>p{font-size: 18px;padding: 10px 0;line-height: 30px;background: #fff;opacity: 0.7;position: absolute;width: 100%;bottom: 0;left: 0;text-align: center;}
.marine-spare-list a .mask{opacity: 0;transition: all 0.5s;}
.marine-spare-list a:hover .mask{opacity: 1;}
.marine-spare-list a:hover>p{display: none;}
.marine-spare-list a .mask div {position: absolute;width: 100%;box-sizing: border-box;top: 50%;transform: translateY(-50%);left: 0;text-align: center;}
.marine-spare-list a .mask div p {font-size: 14px;line-height: 24px;text-align: center;color: #fff;}
.marine-spare-list a .mask div span {font-size: 12px;line-height: 24px;text-align: center;color: #fff;display: inline-block;background: rgb(13,60,93);width: 60px;margin-top: 5px;}
.shanghai-moto{padding-top: 40px;}
.shanghai-title h2{text-align: center;padding-top: 13px;position: relative;font-size: 24px;line-height: 34px;padding-bottom: 30px;color: #252525;}
.shanghai-title h2:before{content: '';position: absolute;width: 50px;height: 6px;background: #ED1C24;top: 0;left: calc(50% - 25px);}
.shanghai-moto .item-bg img{width:100%;}
.shanghai-service{}
.shanghai-service .inner{box-sizing: border-box;padding: 50px 90px;}
.service-title{padding-bottom: 40px;}
.service-title h2{text-align: center;font-size: 24px;line-height: 34px;color: #252525;}
.shanghai-service .service-title h2{color: #fff;}
.service-title h2.ch{padding-bottom: 10px;}
.service-title h2.en{font-size: 18px;line-height: 28px;text-transform: uppercase;color: #9b9b9b;font-weight: normal;}
.service-list{font-size: 0;text-align: center;margin: 0 -7px;}
.service-item{position: relative;width: calc(33.33333% - 14px);display: inline-block;text-align: left;margin: 0 7px;}
.service-item>div{position: relative;}
.shanghai-store .service-list{margin: 0;}
.shanghai-store .service-item{width: auto;margin: 0 60px;display: inline-block;text-align: left;    vertical-align: top;}
.service-item img{width: 100%;}
.service-item h5{color: #fff;position: absolute;left: 20px;top: 20px;font-size: 14px;line-height: 18px;padding-top: 6px;text-shadow: 0 0 3px rgba(0,0,0,0.5);}
.service-item h5:before{content: '';position: absolute;left: 0;top: 0;width: 35px;height: 3px;background: #ED1C24;}
.service-item p{color: #fff;position: absolute;left: 0;bottom: 0;font-size: 14px;line-height: 20px;padding: 10px;width: 100%;box-sizing: border-box;background: rgba(0,0,0,0.5);}
.service-item h4{color: #fff;font-size: 24px;line-height: 34px;text-align: center;padding: 30px 0 40px;position: relative;}
.service-item h4 span{font-size: 12px;line-height: 22px;display: block;color: #fff;text-transform: uppercase;padding-top: 10px;}
.service-item h4:after{content: '';width: 40px;height: 6px;position: absolute;background: #ED1C24;left: calc(50% - 20px);bottom: 20px;}
.shanghai-store{padding: 50px 0 50px;}
.service-title .sub-title{font-size: 14px;color: #9b9b9b;font-weight: normal;line-height: 24px;}
.shanghai-store .service-item h6{color: #000;font-size: 20px;line-height: 30px;margin-bottom: 5px;color: #252525;}
.shanghai-store .service-item h6.has-icon{padding-left: 26px;position: relative;margin-bottom: 15px;}
.has-icon img{height: 20px;width: auto;margin: 5px 12px 0 0;}
.has-icon:before{content: '';position: absolute;width: 9px;height: 20px;background: #ED1C24;left: 0;top: 5px;}
.shanghai-store .service-item p{position: relative;background: none;color: #000;padding: 0;font-size: 14px;line-height: 24px;}
.shanghai-post-sale-img img{width: 100%;}
.post-sale-content{margin: 40px -30px;font-size: 0;}
.customer{width: 50%;box-sizing: border-box;padding: 0 30px;display: table;display: inline-block;}
.customer-img, .customer-text{display: table-cell;width: 50%;}
.customer-img img{width: 100%;}
.customer-text{padding-left: 30px;}
.customer-text h3{position: relative;font-size: 16px;line-height: 30px;}
.customer-text h3:before{content: '';position: absolute;width: 9px;height: 20px;background: #ED1C24;left: -18px;top: 5px;}
.customer-text p{font-size: 14px;line-height: 24px;}
.product-slick{position: relative;padding-bottom: 25px;}
.product-slick .swiper-button-next{right: calc(50% - 560px);background: url(../img/arrow-right.png) no-repeat center center;background-size: cover;cursor: pointer;}
.product-slick .swiper-button-prev{left: calc(50% - 560px);background: url(../img/arrow-left.png) no-repeat center center;background-size: cover;cursor: pointer;}
.news-detail-warp{padding-top: 52px;background-color: #f7f7f7;}
.news-detail-warp .kv-container {height: 675px;margin-bottom: -675px;position: relative;overflow: hidden;width: 100%;}
.kv-container .mask.darken{background-color: rgba(0, 0, 0, 0.44);}
.news-detail-warp .kv-container img{width: 100%;}
.post-container{position: relative;margin-top: -392px;padding-bottom: 40px;z-index: 8;}
#article {font-size: 14px;line-height: 1.8;margin-top: 30px;margin-bottom: 30px;}
#article .meta {margin: 8px;margin-bottom: 20px;padding: 0 4.5%;}
#article .meta .tag-box.tag1 {background-color: #00334C;    display: inline-block;font-size: 14px;line-height: 1.8;letter-spacing: 2px;color: #fff;padding: 12px 16px;}
#article .meta h1.title {margin: 16px 0;font-size: 32px;color: #fff;text-shadow: 0 0 60px rgba(0, 0, 0, 0.75);letter-spacing: 0.2em;text-align: justify;font-weight: bold;line-height: 1.3;}
#article .meta .date {font-size: 16px;color: #fff;opacity: .5;}
#article .body-card {margin: 8px;background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 19px 76px 10px rgba(0, 0, 0, 0.08);box-shadow: 0 19px 76px 10px rgba(0, 0, 0, 0.08);overflow: hidden;}
#article .body-card .card-head {position: relative;background-color: #eee;padding: 18px 4.5%;padding-right: 128px;}
#article .body-card .card-head .breadcrumb {font-size: 15px;letter-spacing: 1px;color: #666;max-width: 100%;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
#article .body-card .card-head .breadcrumb li::after {content: '>';display: inline;}
#article .body-card .card-head .breadcrumb li:last-child::after {content: '';}
#article .body-card .card-head .breadcrumb li {display: inline !important;}
#article .body-card .card-content {font-size: 14px;padding: 25px 4.5%;}
#article .body-card .card-content p {margin-bottom: 1em;text-align: justify;font-size: 16px;line-height: 26px;}
#article .body-card .card-content {font-size: 16px;line-height: 26px;}
#article .body-card .card-content p img,#article .body-card .card-content img{max-width: 100%;display: block;margin: 0 auto;}
.post-list-title {font-size: 14px;color: #aaa;letter-spacing: 2px;font-weight: bold;margin: 8px;padding: 10px 28px 0;}
.post-container .post-card, .post-container{font-size: 0;}
.post-container .post-card, .post-container .link-card {display: inline-block;vertical-align: top;width: calc(33.333333% - 16px);height: 320px;overflow: hidden;-webkit-transition: all .4s;transition: all .4s;border: 1px solid;border-color: #eee;margin: 8px;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: #fff;border-radius: 3px;}
.post-container .post-card .text {position: relative;line-height: 1.8;-webkit-box-sizing: border-box;box-sizing: border-box;display: block;vertical-align: top;padding: 70px 28px 48px;height: 100%;}
.post-container .post-card .text .title {text-align: justify;color: #000;font-weight: bold;overflow: hidden;font-size: 17px;line-height: 1.3333;max-height: 4em;margin-bottom: .75em;display: block;vertical-align: top;}
.post-container .post-card .text .excerpt {text-align: justify;color: #888;font-size: 13px;line-height: 1.8;max-height: 9em;overflow: hidden;display: block;vertical-align: top;}
.post-container .post-card .text .tag {position: absolute;left: 20px;top: 20px;display: block;vertical-align: top;font-weight: bold;display: block;vertical-align: top;font-size: 14px;color: #999;}
.post-container .post-card .text .date {position: absolute;right: 20px;top: 20px;color: #999;font-size: 14px;text-align: right;display: block;vertical-align: top;}
.post-container .post-card .text a.go {position: absolute;left: 20px;bottom: 20px;color: #666;text-decoration: underline;font-size: 14px;letter-spacing: 2px;-webkit-transition: color 0.2s;transition: color 0.2s;}
.post-container .link-card {height: auto;line-height: 1.8;letter-spacing: 2px;font-weight: bold;text-align: center;color: #666;font-size: 15px;padding: 20px;}
.pc_br{display: block;}

/*关于我们*/
.about-kv{}
.about-kv img{width: 100%;}
.about-content{padding: 50px 0 90px;}
.about-introduce{padding-bottom: 100px;}
.about-introduce p{font-size: 16px;line-height: 32px;}
.about-address-content{display: table;width: 100%;}
.about-address-content>div{display: table-cell;width: 50%;}
.about-address-content h5,.about-address-content p{font-size: 16px;line-height: 32px;}
.news-content-more{display: block;background: #fff;margin: 0 7px;border: 1px solid #d9d9d9;transition: all 0.5s;}
.news-content-more a{display: block;font-size: 18px;line-height: 28px;padding: 21px 0;color: #000;font-weight: bold;text-align: center;}
.news-content-more:hover{background: #e3e3e3;}
.news-content-list{margin-bottom: 14px;}
.news-product-item {margin-bottom: 14px;padding: 0;}
.news-product-item h4{font-size: 18px;line-height: 28px;padding: 21px 0;color: #000;}
.news-video-text{padding: 15px 34px;}
.news-video-text p{font-size: 12px;line-height: 20px;font-weight: bold;color: #9b9b9b;}
.news-product-list{padding-bottom: 14px;}
.moto-detail-title{font-size: 32px;line-height: 42px;padding: 20px 10px;background: #fff;}
.moto-detail-list ul{border-top: 1px solid #979797;margin-bottom: 60px;}
.moto-detail-item{border-bottom: 1px solid #979797;}
.moto-detail-content{display: none;}
.moto-detail-item h4{font-size: 20px;line-height: 30px;padding: 10px;font-weight: normal;cursor: pointer;position: relative;padding-right: 50px;background: #fff;}
.moto-detail-item h4:after{content: '';width: 24px;height: 24px;position: absolute;top: 13px;right: 20px;background: url(../img/moto/icon-add.png) no-repeat center center;background-size: 60%;}
.moto-detail-item.active h4:after{background: url(../img/moto/icon-jian.png) no-repeat center center;background-size: 60%;}
.moto-detail-item li{border-bottom: 1px solid #979797;padding-bottom: 45px;}
.moto-con-1{position: relative;}
.moto-con-1>img{width: 100%;}
.moto-con-text{position: absolute;top: 40px;width: 38%;right: 20%;}
.moto-con-text h3 {color: #FFFF00;font-size: 40px;line-height: 50px;padding-bottom: 15px;font-weight: 700;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.moto-con-text p {color: #FFFFFF;font-size: 15px;font-weight: 400;}
.moto-con-fixed-bg{background: url(../img/moto/moto-con-fixed-bg.jpg) repeat-y center top;background-size: cover;position: relative;background-attachment: fixed;padding: 60px;}
.moto-con-fixed-bg i{background: rgba(0,0,0,0.8);position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 0;}
.moto-con-2{position: relative;z-index: 1;}
.moto-con-2 h5{color: #FFFF00;font-size: 26px;line-height: 36px;margin-bottom: 10px;}
.moto-con-2 p {color: #FFFFFF;font-size: 15px;line-height: 25px;margin-bottom: 50px;}
.moto-con-2 p span{display: block;color: #FFFFFF;font-size: 12px;line-height: 22px;}
.moto-con-2-1-img{display: table;width: 100%;}
.moto-con-2-1-img>div{display: table-cell;}
.moto-con-2-1-left{position: relative;padding-right: 2%;width: 69%;}
.moto-con-2-1-left img{border: 1px solid #fff;width: 100%;box-sizing: border-box;}
.moto-con-2-1-right{position: relative;}
.moto-con-2-1-right img{width: 100%;}
.moto-con-2-1-rb{position: relative;}
.moto-con-2-1-left span, .moto-con-2-1-rb span{position: absolute;top: 10px;left: 10px;color: #FFF;font-size: 15px;line-height: 25px;}
.moto-con-2-1-rb{position: absolute;bottom: 0;width: 100%;}
.moto-con-2-1-rb img{border: 1px solid #fff;box-sizing: border-box;}
.moto-con-2-2{padding: 60px 0 20px;width: 100%;box-sizing: border-box;display: table;}
.moto-con-2-2>div{display: table-cell;vertical-align: top;}
.moto-con-2-2-left{width: 45%;padding-right: 2%;}
.moto-con-2-2-rt{position: relative;margin-bottom: 15px;}
.moto-con-2-2-rt img{width: 100%;border: 1px solid #fff;}
.moto-con-2-2-rt span {position: absolute;bottom: 10px;left: 30px;color: #FFF;font-size: 15px;line-height: 25px;}
.moto-con-2-2-rt span small{font-size: 12px;line-height: 20px;display: block;color: #fff;}
.moto-con-2-3-1{padding: 60px 0 20px;width: 100%;box-sizing: border-box;display: table;}
.moto-con-2-3-1>div{display: table-cell;}
.moto-con-2 h5 img{vertical-align: bottom;}
.moto-con-2-3-left{width: 65%;padding-right: 2%;}
.moto-con-2-3-right img{width: 100%;}
.moto-con-2-3-right{text-align: right;}
.moto-con-2-3-right>div{display: inline-block;position: relative;}
.moto-con-2-3-right span{position: absolute;bottom: 10px;left: 10px;color: #000;}
.moto-con-2-3-1-right span{position: absolute;top: 10px;left: 10px;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.moto-con-text-2{left: 60px;}
.moto-con-text-2_2{left: 60px;top: 100px;}
.padd-t-60{padding-top: 60px;}
.moto-con2-rt img{border: none;}
.moto-con2-rt p{color: #fff;text-align: right;}
.moto-con2-left{width: 60%;}
.moto-con2-img{width: calc(50% - 10px);margin-bottom: 20px;position: relative;}
.moto-con2-img img{width: 100%;border: 1px solid #fff;box-sizing: border-box;}
.moto-con2-left-2{padding-right: 5%;}
.moto-con2-img span{position: absolute;bottom: 10px;left: 10px;}
.color-f{color: #fff;}
.moto-con2-img .moto-con2-img2{top: 10px;}
.moto-con2-img .moto-con2-img1{right: 10px;left: auto;}
.moto-con-2 p.color-b{color: #000;}
.moto-con-text-3{left: auto;right: 60px;}
.padd-t-20{padding-top: 20px;}
.moto-con3-left{width: 75%;padding-right: 5%;}
.moto-con3-1{padding-top: 0;}
.moto-con2-img .moto-con2-img3{left: 10px;}
.recruit-box{font-size: 0;}
.recruit-box>div{display: inline-block;font-size: 14px;vertical-align: top;}
.recruit-box p{font-size: 14px;line-height: 24px;}
.recruit-left{width: 35%;margin-right: 5%;}
.recruit-right{width: 60%;}
.recruit-img img{width: 100%;}
.recruit-img{margin-bottom: 10px;}
.recruit-title{border-bottom: 1px solid #ddd;}
.recruit-title h4{background: #004ea2;color: #fff;display: inline-block;font-weight: normal;padding: 0 10px;height: 36px;line-height: 36px;border: 1px solid #ddd;border-bottom: 1px solid transparent;}
.recruit-item{margin-top: 40px;}
.recruit-item h5{height: 26px;padding: 15px 9px;border-bottom: 1px solid #c1c1c1;line-height: 26px;cursor: pointer;font-size: 20px;font-weight: normal;position: relative;}
.recruit-item h5:after{content: '';width: 17px;height: 10px;position: absolute;right: 9px;top: 23px;background: url(../img/qa.jpg) no-repeat left center;background-size: cover;}
.recruit-item.active h5:after{background: url(../img/qa_on.jpg) no-repeat left center;background-size: cover;}
.recruit-content{padding: 9px;border-bottom: 1px solid #c1c1c1;display: none;}
.recruit-item.active .recruit-content{display: block;}
.recruit-item p{font-size: 16px;line-height: 32px;}
p.has-tips{position: relative;padding-left: 1.5em;}
p.has-tips span.p-tips{position: absolute;top: 0;left: 0;}
p.has-tips2{position: relative;padding-left: 3em;}
p.has-tips2 span.p-tips2{position: absolute;top: 0;left: 1.5em;}
.recruit-item p.content-title{font-size: 18px;margin-bottom: 10px;font-weight: 600;}
.recruit-btn a{width: 120px;display: inline-block;height: 32px;line-height: 32px;color: #004ea2;border: 1px solid #004ea2;font-size: 14px;text-align: center;margin-right: 18px;border-radius: 21px;margin-bottom: 20px;margin-top: 20px;}
.recruit-btn a:hover{background: #004ea2;color: #fff;}
.about-introduce p.big-p{font-size: 18px;}
.agency-desc{margin-bottom: 80px;font-size: 16px;line-height: 32px;}
.agency-tab{margin-bottom: 30px;}
.agency-tab li{padding: 0 30px;font-size: 26px;line-height: 50px;position: relative;cursor: pointer;}
.agency-tab li:after{content: '';width: 1px;height: 30px;background: #D8D8D8;right: 0;position: absolute;top: 5px;}
.agency-tab li:first-child{padding-left: 0;}
.agency-tab li span{display: inline-block;border-bottom: 4px solid transparent;transition: all 0.5s;}
.agency-tab li.active span{border-bottom: 4px solid #ED1C24;}
.agency-tab li:hover span{border-bottom: 4px solid #ED1C24;}
.agency-box{display: none;}
.agency-box h5{font-size: 18px;line-height: 32px;padding-left: 12px;margin-bottom: 10px;position: relative;font-weight: 600;color: #252525;}
.agency-box h5:before {content: '';width: 5px;height: 18px;background: #ED1C24;position: absolute;top: 7px;left: 0;}
.agency-text{margin-bottom: 30px;}
.agency-text p{padding-left: 20px;margin-bottom: 5px;}
.agency-text ul{padding-left: 20px;}
.agency-text li{position: relative;margin-bottom: 6px;border: 1px solid #D8D8D8;padding: 8px;padding-left: 86px;}
.agency-text li span{position: absolute;left: 8px;top: 8px;}
.agency-btn{margin: 20px 0 50px 20px;}
.agency-btn a{width: 100px;color: #fff;background: #ED1C24;display: inline-block;line-height: 30px;text-align: center;}
.agency-contact{font-size: 0;}
.agency-contact>div{display: inline-block;width: 25%;box-sizing: border-box;vertical-align: top;}
.agency-contact p{font-size: 13px;line-height: 20px;margin-top: 20px;padding-left: 0;padding-right: 20px;}
.service-form h5{border-bottom: 1px solid #949BA2;margin-top: 15px;padding-bottom: 15px;color: #252525;font-size: 22px;line-height: 36px;padding-left: 18px;margin-bottom: 10px;position: relative;}
.service-form h5:before{content: '';width: 5px;height: 18px;background: #ED1C24;position: absolute;top: 9px;left: 0;}
.service-form form{/**width: 750px;**/width: 360px;margin: 0 auto;padding-top: 30px;}
.service-form form>div{font-size: 0;}
.service-form form p{padding: 0;font-size: 14px;line-height: 18px;color: #949ba2;}
.service-form form input{padding: 0 10px;color: #949ba2;border: 1px solid #949ba2;height: 32px;font-size: 16px;margin-right: 20px;}
.service-id{width: 218px;}
.service-yz{width: 168px;}
.service-form form img{height: 34px;margin-right: 20px;}
.service-form form button{color: #fff;border: 1px solid #33557d;height: 34px;padding: 0;width: 100px;background: #4573a8;border-radius: 3px;font-size: 16px;}
.serivce-content-1{padding: 30px 0 120px;}
.serivce-content-1 .service-search-btn{text-align: center;}
.serivce-content-1 .service-search-btn a{text-align: center;display: inline-block;font-size: 24px;line-height: 34px;width: 430px;padding: 18px 0;color: #fff;margin: 0 14px;}
.serivce-content-1 .service-search-btn a.red-btn{background: #d0021b;}
.serivce-content-1 .service-search-btn a.blue-btn{background: #2f5363;}
.serivce-text-box{padding-bottom: 50px;}
.serivce-text-box h5{margin-bottom: 30px;font-size: 22px;line-height: 36px;padding-left: 18px;}
.service-text .big-p{font-size: 18px;line-height: 28px;font-weight: 600;margin-bottom: 10px;}
.service-text p{margin-bottom: 10px;color: #9B9B9B;font-size: 16px;line-height: 26px;}
.service-text .big-p{color: #000;}
.indent-p{text-indent: 1.5em;}
.serivce-text-box .recruit-right img{width: 100%;}
.service-table{width: 100%;box-shadow: 1px 1px 3px #cdcdcd;}
.service-table tr th{background: #004ea2;color: #fff;font-size: 18px;font-weight: 700;}
.service-table td,.service-table th{border: 1px solid #ddd;padding: 8px;line-height: 26px;text-align: center;vertical-align: top;font-size: 16px;}
.service-table td a{text-decoration: underline;}
.agency-box .serivce-text-box:last-child{padding-bottom: 0;}
.recruit-box>div.service-row{font-size: 0;}
.serivce-item{width: calc(33.33333% - 40px);display: inline-block;padding-right: 60px;vertical-align: top;}
.serivce-item:last-child{padding-right: 0;}
.shop-content{padding: 120px 0 80px;}
.shop-fifter form{}
.shop-fifter form>div{display: inline-block;width: 300px;box-sizing: border-box;padding-right: 30px;}
.shop-fifter form select{width: 100%;height: 40px;padding: 5px;}
.shop-fifter form button{height: 40px;width: 100%;background: #00334c;color: #fff;border: none;}
.shop-text{padding: 50px 0;margin: 0 -20px;display: flex;flex-wrap: wrap;}
.shop-text h4{font-size: 20px;line-height: 30px;padding: 10px 20px;width: 100%;}
.shop-text > a { display: inline-block;width: calc(33.33333% - 40px);vertical-align: top;border-bottom: 1px solid #949BA2;margin: 0 20px 20px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all  0.5s ease;}
.shop-text > a p {position: relative;padding-left: 40px;}
.shop-text > a p:last-child {padding-bottom: 20px;}
.shop-text > a p .shop-sm-title {position: absolute;left: 0;top: 0;}
.shop-text > a:hover {background-color: #F8F8F8;}
.shop-map{position: relative; /**   width: 100%; **/ height: 700px;}
.shop-map .shop-map-img{width: 100%;}
.shop-map .shop-icon{position: absolute;}
.shop-map .shop-icon-1{top: 30%;left: 39.5%;}
.shop-map .shop-icon-2{top: 55%;left: 63%;}
.link_row{margin: 0 -15px;font-size: 0;}
.link_box {display: inline-block;padding: 30px 20px;box-sizing: border-box;border-bottom: 1px solid #eee;width: calc(33.3333% - 20px);margin: 0 10px;transition: background-color .3s;-moz-transition: background-color .3s;-o-transition: background-color .3s;-webkit-transition: background-color .3s;}
.link_box span {display: inline-block;}
.link_box span:first-child {font-size: 20px;color: #004ea2;min-width: 110px;}
.link_box span:last-child {padding-left: 18px;font-size: 16px;color: #999;}
.link_box:hover {background: url(../img/link_bg.png) no-repeat #004ea2 95%;}
.link_box:hover span {color: #fff!important;}
.outboard-text{padding: 50px 0;}
.outboard-text h2{text-align: center;font-size: 48px;line-height: 60px;padding-bottom: 20px;}
.outboard-text p{width: 800px;margin: 0 auto;font-size: 16px;line-height: 26px;}
.outboard-text p.text-center{text-align: center;}
.outboard-btn{width: 150px;margin: 0 auto;display: block;text-align: center;background: #ED1C24;color: #fff;line-height: 30px;margin-top: 30px;}
.outboard-img-list{font-size: 0;}
.outboard-img-list a{display: inline-block;width: 33.3333%;position: relative;}
.outboard-img-list a img{width: 100%;}
.outboard-img-list a>p{position: absolute;background: rgba(0,0,0,0.5);color: #fff;font-size: 14px;line-height: 24px;padding: 5px;width: 100%;box-sizing: border-box;bottom: 0;left: 0;text-align: center;}
.outboard-img-list a .mask{ opacity: 0;transition: all 0.5s;}
.outboard-img-list a:hover .mask{ opacity: 1;}
.outboard-img-list a:hover>p{ display: none;}
.outboard-img-list a .mask div{position: absolute;width: 100%;box-sizing: border-box;top: 50%;transform: translateY(-50%);left: 0;text-align: center;}
.outboard-img-list a .mask div p{font-size: 14px;line-height: 24px;text-align: center;color: #fff;}
.outboard-img-list a .mask div span{    font-size: 12px;line-height: 24px;text-align: center;color: #fff;display: inline-block;background: rgb(13,60,93);width: 60px;margin-top: 5px;}
.outboard-banner{padding: 50px 0 80px;}
.outboard-banner a{display: block;}
.outboard-banner a img{width: 100%;}
.moto-con-text-4{left: 60px;top: auto;bottom: 60px;}
.moto-con-4-2 .moto-con-2-2-right{padding-right: 5%;}
.moto-con-4-2 .moto-con-2-2-left{padding-right: 0;width: 63%;}
.moto-con-2-l,.moto-con-2-m,.moto-con-2-r{width: 31%;}
.moto-con-2-l,.moto-con-2-m{padding-right: 3.5%;width: 34.5%;}
.moto-con-2 p small{font-size: 12px;color: #fff;}
.moto-con-5 h5{font-size: 40px;line-height: 50px;padding-bottom: 15px;font-weight: 700;}
.moto-con-5-rt span{color: #000;}
.moto-con-5-rt span small{color: #000;}
.moto-con5-left{width: 69.9%;padding-right: 2%;}
.pj-list{font-size: 0;margin: 0 -5px;}
.pj-item{display: inline-block;width: 25%;box-sizing: border-box;padding: 0 5px;vertical-align: top;}
.pj-item .moto-con-2-2-rt{height: 160px; overflow: hidden;border: 1px solid #fff;margin-bottom: 10px;}
.pj-item .moto-con-2-2-rt img{border: none;}
.pj-item .moto-con-2-2-rt-href{height: 75px;}
.video-content{background: #000;padding: 80px 60px 120px;}
.video-content h3{color: #FFFF00;font-size: 40px;line-height: 50px;padding-bottom: 15px;font-weight: 700;text-align: center;}
.moto-con-6{text-align: center;font-size: 0;margin: 0 -20px;}
.moto-con-6>div{display: inline-block;padding: 0 20px;width: 50%;box-sizing: border-box;}
.moto-con-7 h3{color: #FFFF00;font-size: 30px;line-height: 50px;padding-bottom: 25px;font-weight: 700;text-align: center;}
.moto-con-7 h3.color-fff{color: #FFF;}
.moto-con-8{font-size: 0;}
.moto-table{display: inline-block;width: 50%;box-sizing: border-box;vertical-align: top;}
.moto-table_box{position: relative;}
.moto-table_box::before{content: '';width: 1px;height: 100%;background-color: #fff;left: 50%;position: absolute;top: 0;}
.moto-table:first-child{/* border-right: 1px solid #fff; */padding-right: 20px;}
.moto-table:last-child{padding-left: 20px;}
.moto-table th,.moto-table td{color: #fff;font-size: 16px;line-height: 26px;}
.moto-table tr td:first-child{width: 40%;}
.moto-con-8-2{padding-top: 80px;}
.moto-con-8-logo{text-align: center;padding-bottom: 30px;}
.moto-con-8-logo img{height: 20px;}
.moto-con-8-list{font-size: 0;margin: 0 -30px;}
.moto-con-8-item{display: inline-block;width: 33.3333%;padding: 0 30px;box-sizing: border-box;}
.moto-con-8-item img{width: 100%;}
.moto-con-8-item p{text-align: center;margin-top: 10px;}
.moto-copyright{padding: 20px 40px;}
.moto-copyright img{height: 17px;margin-right: 20px;}
.moto-copyright span{color: #fff;display: block;line-height: 17px;}
.sitemap_row{}
.sitemap_row .link_box{width: calc(25% - 20px);text-align: center;}
.marine-detail-kv {position: relative;}
.marine-detail-kv i{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;}
.u-lineup-ttl .ttl-area.bg01{color: #fff;position: relative;}
.u-lineup-ttl .ttl-area.bg01 .inner{position: absolute;top: 50%;left: calc(50% - 600px);transform: translateY(-50%);}
.ttl-bg-box{position: relative;}
.ttl-bg-box img{width: 100%;}
.ttl-bg-box:before{content: '';position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);left: 0;top: 0;}
.u-lineup-ttl .ttl-lead{width: 1200px;margin: 60px auto 0;padding-right: 530px;min-height: 120px;font-size: 23px;line-height: 30px;box-sizing: border-box;}
.u-lineup-ttl .ttl-area .ttl-sub{font-size: 36px;line-height: 46px;padding-left: 20px;position: relative;}
.u-lineup-ttl .ttl-area .ttl-sub p{color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.5);line-height: 1.2;font-weight: 700;}
.u-lineup-ttl .ttl-area .ttl-sub .sub-txts{font-size: 16px;}
.u-lineup-ttl .ttl-area .ttl-sub:before{content: '';display: inline-block;position: absolute;top: 0;left: 0;width: 5px;bottom: 2px;background: #fff;}
.u-lineup-ttl .ttl-area .ttl-img{position: absolute;right: calc(50% - 600px);top: min(-70%,-100px);width: 70%;}
.u-lineup-ttl .ttl-area .ttl-img img{width: 100%;}
.u-lineup-ttl .ttl-area .ttl-main{position: relative;z-index: 11;}
.u-lineup-ttl .ttl-area .ttl-main h1{font-size: 40px;line-height: 1;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.5);margin-top: 20px;}
.marine-tab{}
.marine-tab .inner{font-size: 0;background: #003145;border-bottom: 3px solid #e1261c;padding: 0 100px;box-sizing: border-box;}
.marine-tab a{display: inline-block;color: #fff;font-size: 15px;line-height: 21px;width: 33.33333%;padding: 18px 0;text-align: center;}
.marine-tab-4 a{width: 25%;}
.marine-tab a.active{background: #e1261c;}
.marine-content-img{margin-bottom: 50px;}
.marine-content-img img{width: 100%;}
.m-c-b{padding-top: 114px;margin-top: -64px;}
.marine-content-1{padding-top: 64px;}
.m-c-b .inner{border-bottom: 1px solid #979797;}
.marine-content-1 .inner{border-bottom: none;}
.marine-content-text{padding-bottom: 40px;}
.marine-content-text h4{font-size: 24px;line-height: 34px;padding-bottom: 10px;color: #003145;}
.marine-content-detail h4{font-size: 20px;line-height: 30px;}
.marine-content-text p{font-size: 14px;line-height: 24px;padding-bottom: 10px;}
.marine-content-text  p img{ max-width: 100%;}
.marine-content-text p.marine-content-tips{ padding-left: 20px; position: relative;}
.marine-content-tips span{position: absolute;left: 0;top: 0;}
.marine-content-text p.marine-content-tips-little{padding-bottom: 0;}
.u-lineup-techlist {display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 50px;}
.u-lineup-techlist dl {width: 280px;padding-bottom: 0;border-bottom: none;border-right: 1px solid #a0a0a0;}
.u-lineup-techlist dl dt {font-size: 20px;font-weight: 700;}
.u-lineup-techlist dl dd ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;margin-top: 2px;-ms-flex-wrap: wrap;    flex-wrap: wrap;}
.u-lineup-techlist dl dd ul li {width: 70px;margin-top: 5px;margin-right: 5px; font-size: 10px; line-height: 1.4;}
.u-lineup-techlist dl dd ul li a {outline: none;display: block;transition: all 0.3s;text-align: center;}
.u-lineup-techlist dl dd ul li a:hover{opacity: 0.5;}
.u-lineup-techlist dl dd ul li a img{max-width: 100%;}
.u-lineup-techlist dl.techlist-s {width: 202px;}
.u-lineup-techlist dl + dl {margin-left: 30px;}
.u-lineup-techlist dl:last-child {border-right: none;padding-right: 0;}
.u-lineup-techlist dl {width: 280px;padding-bottom: 0;border-bottom: none;}
.marine-content-list{font-size: 0;padding-bottom: 70px;}
.marine-content-list ul{width: 360px;display: inline-block;vertical-align: top;}
.marine-content-list ul li{font-size: 16px;line-height: 26px;padding: 12px 24px;position: relative;transition: all 0.3s;cursor: pointer;}
.marine-content-list ul li.active{color: #0388e5;}
.marine-content-list ul li:hover{color: #0388e5;}
.marine-content-list ul li:before{content: '';height: 100%;width: 7px;position: absolute;top: 0;left: 0;background: #f2f2f2;}
.marine-content-list ul li:nth-child(2n+1){background: #f4f4f4;}
.marine-content-list ul li:nth-child(2n+1):before{background: #003145;}
.marine-content-detail{width: 610px;display: inline-block;vertical-align: top;padding-left: 30px;}
.m-c-t-img{margin-top: 30px;text-align: center;}
.m-c-t-img img{max-width: 100%;}
.m-c{display: none;}
.m-c:first-child{display: block;}
.m-c-box{padding: 20px 30px;border: 1px solid #a0a0a0;margin-top: 30px;}
.m-c-box .m-c-t-img{text-align: left;}
.marine-content-3{padding-bottom: 50px;}
.m-tbl-def {margin-top: 25px;width: 100%;border: 1px solid #003145;}
.m-tbl-def tr:nth-child(odd) {background: #d2d2d2;}
.m-tbl-def tr th {text-align: left;font-weight: normal;}
.m-tbl-def tr th, .m-tbl-def tr td {border: 1px solid #003145;padding: 10px;vertical-align: middle;font-size: 16px;line-height: 26px;}
.m-tbl-def tr th.bd-l, .m-tbl-def tr td.bd-l {border-left: 2px solid #003145;}
ol.m-list-asterisk {margin-top: 25px;counter-reset: ast-num;overflow: hidden;}
ol.m-list-asterisk li {position: relative;padding-left: 1.5em;font-size: 14px;line-height: 24px;}
ol.m-list-asterisk li:before {counter-increment: ast-num;content: '*' counter(ast-num) ':';position: absolute;top: 0;left: 0;}
.m-txt-p {font-size: 14px;line-height: 24px;}
.marine-content-3 .inner{border-bottom: none;}
.moto-choose{padding: 30px 0;}
.moto-tab{position: relative;}
.moto-type{font-size: 0;}
.moto-type span{display: inline-block;width: 120px;margin-right: 20px;cursor: pointer;border: 1px solid transparent;opacity: 0.5;transition: all 0.3s;}
.moto-type span.active{border: 1px solid #979797;opacity: 1;}
.moto-type span:hover{border: 1px solid #979797;opacity: 1;}
.moto-type span img{width: 100%;}
.moto-color{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.moto-color p{display: inline-block;line-height: 20px;vertical-align: middle;}
.moto-color span{width: 20px;height: 20px;display: inline-block;vertical-align: middle;    cursor: pointer;border: 1px solid #979797;}
.color-silvery{background: #f0f1f3;}
.color-yellow{background: #e6d131;}
.color-black{background: #000;}
.color-blue{background: #18306a;}
.color-orange{background: #e96947;}
.color-white{background: #fff;}
.color-red{background: #cb0b3d;}
.color-gary{background: #c5c5c5;}
.color-green{background: #617975;}
.color-lightblue{background: #0182c8;}
.marine-detail-inner{width: 1000px;margin: 0 auto;}
.moto-choose-img{width: 900px;margin: 0 auto;}
.moto-choose-img img{width: 100%;}
.moto-choose-title{text-align: center;position: relative;margin-top: 20px;}
.moto-choose-title span{display: inline-block;font-size: 30px;line-height: 40px;padding: 0 40px;background: #fff;}
.moto-choose-title:before{content: '';width: 100%;height: 2px;background: #979797;position: absolute;left: 0;top: 19px;z-index: -1;}
.moto-detail-slick{width: 700px;margin: 0 auto;}
.moto-detail-slick-nav{padding: 0 130px;margin: 30px 0 120px;}
.moto-detail-slick-nav img{margin: 0 8px;cursor: pointer;}
.moto-detail-slick-nav .slick-prev{background-image: url(../img/moto/icon-left-moto.png);background-color: transparent;background-size: auto 30px;left: 50px;}
.moto-detail-slick-nav .slick-next{background-image: url(../img/moto/icon-right-moto.png);background-color: transparent;background-size: auto 30px;right: 50px;}
.kv-list a img.sp-only{display: none;}
.marine-content-tips{padding-left: 1.5em;position: relative;}
.marine-content-tips span{position: absolute;left: 0;top: 0;}
.m-box-select {max-width : 400px;border : 1px solid #003145;position : relative;font-size : 16px;}
.m-box-select:before {content : '';display : inline-block;position : absolute;right : 0;top : 0;bottom : 0;width : 42px;background : #003145;z-index : 1;}
.m-box-select:after {content : '';display : inline-block;width : 10px;height : 10px;border-top : 2px solid #fff;border-right : 2px solid #fff;-webkit-transform : rotate(135deg);    -ms-transform : rotate(135deg);        transform : rotate(135deg);position : absolute;right : 15px;top : 50%;margin-top : -8px;z-index : 1;}
.m-box-select select {-webkit-appearance : none;   -moz-appearance : none;        appearance : none;width : 100%;border : none;padding : 10px 60px 10px 10px;font-family : Microsoft YaHei;color : #003145;background : transparent;outline : none;cursor : pointer;}
.m-box-select select::-ms-expand {display : none;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.25em;}
.marine-content-text-i-t{display: table;width: 100%;}
.marine-content-text-i-t-t{display: table-cell;width: 60%;padding-right: 30px;}
.marine-content-text-i-t-i{display: table-cell;}
.marine-content-text-i-t-i img{width: 100%;}
.marine-mask{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.9);left: 0;top: 0;display: none;z-index: 111111;}
.marine-pop{position: fixed;width: 600px;height: 400px;background: #fff;left: calc(50% - 300px);top: calc(50% - 200px);padding: 20px 25px;box-sizing: border-box;overflow-y: auto;display: none;z-index: 111112;}
.outboard-pop{width: 1000px;height: 600px;left: calc(50% - 500px);top: calc(50% - 300px);}
.outboard-pop-content>img{display: block;width: 100%;}
.m-txt-tech {font-size: 16px;background: #f4f4f4;padding: 7px 10px 7px 70px;position: relative;min-height: 65px;padding-top: 10px;font-weight: bold;line-height: 20px;box-sizing: border-box;}
.m-txt-tech .tech-img {width: 50px;position: absolute;top: 50%;margin-top: -25px;left: 10px;}
.m-txt-tech .tech-desc {display: block;font-size: 14px;margin-top: 6px;}
.m-txt-h4 {font-size: 15px;margin-top: 15px;font-weight: bold;line-height: 25px;}
.m-txt-p {margin-top: 10px;font-size: 14px;line-height: 24px;}
.m-list-def {margin-top: 10px;}
.m-list-def li {margin-top: 3px;position: relative;padding-left: 15px;line-height: 19px;}
.m-list-def li:before {content: '';display: inline-block;width: 9px;height: 9px;background: #1b1b1b;position: absolute;top: 0.3em;left: 0;}
.marine-pop .m-tbl-def{margin-top: 15px;}
.tac {text-align: center !important;}
.marine-pop .m-tbl-def tr th, .marine-pop .m-tbl-def tr td{width: auto;font-size: 14px;line-height: 24px;}
.m-box-figure {margin: 15px 0 0;text-align: center;}
.m-box-figure img{max-width: 100%;}
.m-box-figure-325 img{max-width: 100%;}
.u-technology-include{display: none;}
#cboxClose {position: fixed;text-indent: -9999px;width: 30px;height: 30px; top: calc(50% - 235px); right: calc(50% - 300px); overflow: hidden; z-index: 111112; background: transparent; border: none; cursor: pointer;display: none;}
#cboxClose:before {content: '';display: inline-block;position: absolute;width: 1px;height: 42px;background: #fff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: -6px;left: 14px;}
#cboxClose:after {content: '';display: inline-block;position: absolute;width: 1px;height: 42px;background: #fff;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: -6px;left: 14px;}
#cboxClose.cboxClose-pop{ right: calc(50% - 500px);   top: calc(50% - 335px);}

.m-box-figure figcaption {margin-top: 5px;text-align: left;}
.page-top{position: fixed;width: 100%;left: 0;top: 0;z-index: 1111;transition: top 0.4s;}
.warp{padding-top: 74px;min-height: calc(100vh - 228px - 74px);}
.w50p{width: 50% !important;}
.w25p{width: 25% !important;}
.env_info_pub-result{padding-top: 30px;}
.shanghai-map {    padding-bottom: 100px;}
.shanghai-map img{max-width: 100%;}
.moto-model-tab{text-align: center;font-size: 0;padding-bottom: 30px;}
.moto-model-tab>div{display: inline-block;vertical-align: top;padding: 10px 0;margin: 0 20px;}
.moto-model-tab>div p{ font-size: 30px;line-height: 1;font-weight: 600;}
.moto-model-tab>div span{ font-size: 12px;line-height: 1;display: block;}
.moto-model-tab>div.invalid p{ color: #c1c1c1;}
.moto-model-tab>div.invalid span{ color: #c1c1c1;}
.moto-model-tab>div.effective{ cursor: pointer;}
.moto-model-tab>div.active{ border-bottom: 3px solid #E1261C;}
.right-fixed{position: fixed; top: 16px;right: 0;z-index: 1111;}
.right-fixed a{display:block;}
.right-fixed a img{width: 15vw;max-width: 130px;}
.recall-result th:nth-child(3){min-width: 100px;}
.banner {margin-bottom: 5px;}
.banner img{width: 100%;}
.agency-text{margin-bottom: 50px;}
.recall-result-btn-box{    border-top: 1px solid #eee;}
.recall-result-btn-box .serivce-content-1 {padding: 50px 0 0;}
.marine-more-btn{text-align: center;}
.marine-more-btn a{font-size: 12px;line-height: 32px;color: #fff;background: #ed1c24;display: inline-block;width: 140px;    margin: 20px 0;}
.outboard-about {padding: 60px 0;}
.outboard-about h1{text-align: center;}
.outboard-about h2{font-size: 24px;line-height: 30px;margin: 40px 100px 60px;margin-top: 40px;}
.outboard-about-box .imgBox{width: 300px;}
.outboard-about-box .imgBox img{max-width: 100%;}
.outboard-about-box .textBox{width: calc(100% - 320px);margin-left: 20px;}
.outboard-about-box .textBox p{font-size: 14px;line-height: 24px;margin-top: 8px;}
.outboard-about .btnArea{text-align: center;}
.outboard-about .btnArea a{width: 150px;text-align: center;background: #2f5363;color: #fff;line-height: 30px;margin-top: 30px;display: inline-block;}
.service-link-btn a{width: 280px;text-align: center;background: #ED1C24;color: #fff;font-size: 24px;line-height: 70px;margin-top: 30px;display: inline-block;}
.moto-detail-content-1050{background: url(../img/moto/dl1050/moto-con-fixed-bg-1050.jpg) repeat-y center top;background-size: cover;background-attachment: fixed;}
.moto-detail-content-1050 .moto-con-fixed-bg {background:none;/**background: url(../img/moto/dl1050/moto-con-fixed-bg-1050.jpg) repeat-y center top;background-size: cover;background-attachment: fixed;**/  padding: 0;position: relative;}
.moto-detail-content-1050 .moto-con-fixed-bg i{background: rgba(255,255,255,0.8);}
.moto-con-title{position: absolute;top:0;left: 0;}
.moto-detail-content-dl1050rr{background: url(../img/moto/vstrom1050de/cover.jpg) repeat-y center top;background-size: cover;background-attachment: fixed;}

.moto-con-title img{height: 56px;}
.moto-con-title h2{color: #004ea2;font-size: 30px;line-height: 60px;padding-left: 40px;font-weight: 700;position: absolute;top:0;left: 0;}
.moto-con-text-1050-1{right: 60px;top: 50px;width: 35%;}
.moto-con-text-1050-1 h3 {color: #fff;font-size: 30px;line-height: 40px;padding-bottom: 10px;font-weight: 700;text-shadow: 0 0 5px rgba(0,0,0,0.5);}
.dl1050-img-box img{max-width: 100%;}
.dl1050-img-box-big img{width: 100%;}
.moto-con-1050-img-1 .dl1050-img-box{border-top: 1px solid #bbbdc0;}
.moto-con-text-1050-2{position: relative;box-sizing: border-box;padding: 60px;top: 0;right: 0;width: 100%;}
.moto-con-text-1050-2 h3{color: #544635;text-shadow: none;font-size: 26px;line-height: 36px;}
.moto-con-text-1050-2 p{color: #000000;}
.moto-con-text-1050-3 h3{color: #E93400;}
.moto-con-title-2{position: relative;}
.moto-con-white{position:relative;}
.moto-con-1050-img{position:relative;}
.moto-con-1050-img-2 h3{color: #544635;font-size: 40px;line-height: 50px;padding-left: 60px;}
.moto-con-1050-img-2 h3 span{color: #E93400;}
.moto-con-1050-4{padding: 0 60px 40px;width: 100%;box-sizing: border-box;display: table;}
.moto-con-1050-4>div {display: table-cell;vertical-align: top;}
.moto-con-1050-4-left{width: 40%;padding-right: 20px;}
.moto-con-1050-4-right{width: 60%;}
.moto-con-white-text{padding-top: 60px;}
.moto-con-1050-4-text h3{padding-bottom: 15px;}
.moto-con-1050-4-text h3 span{font-size: 26px;line-height: 36px;color: #544635;}
.moto-con-1050-4-text h3 .moto-con-1050-num{color: #fff;background: #E93400;display: inline-block;width: 30px;text-align: center;font-size: 20px;line-height: 26px;vertical-align: top;margin: 5px 5px 0 0;}
.moto-con-1050-4-text h3 img{display: inline-block;height: 26px;margin: 5px 0 0 5px;}
.moto-con-1050-4-text p{font-size: 14px;line-height: 24px;color: #000;}
.moto-con-2-2-1050{padding: 0 60px 60px;}
.moto-con-2-2-1050 h5{font-size: 26px;line-height: 36px;color: #544635;font-weight: 700;}
.moto-con-2-2-1050 h5 img{margin: 5px 0 0 5px;}
.moto-con-2-2-1050 p{font-size: 14px;line-height: 24px;}
.moto-con-eng{padding: 0 60px 80px;width: 100%;box-sizing: border-box;display: table;}
.moto-con-eng>div {display: table-cell;vertical-align: top;}
.moto-con-eng-l{width: 52%;padding-right: 4%;}
.moto-con-eng-r{width: 48%;}
.moto-con-pro-1{position: absolute;left: -100px;top: 20px;width: 54%;transform: matrix(0.9976,0.0698,-0.0698,0.9976,13,-21);}
.moto-con-pro-1 img{width: 100%;}
.moto-pro-eng-con{position: absolute;left: 0;bottom: 0;}
.moto-pro-eng-con .moto-con-text-1050-2{padding: 0;}
.moto-pro-eng-con h2,.moto-pro-eng-con h3,.moto-pro-eng-con p{color: #fff;}
.moto-pro-eng-con h2{font-size: 40px;line-height: 50px;padding-bottom: 10px;}
.moto-pro-eng-con h3{font-size: 26px;line-height: 36px;padding-bottom: 10px;}
.moto-pro-eng-con p{font-size: 14px;line-height: 24px;padding-bottom: 10px;margin-bottom: 0;}
.moto-pro-eng-con .right{text-align: right;}
.moto-con-fixed-bg-2-list{padding-top: 60px;}
.moto-detail-content-1050 .moto-con-fixed-bg-2 i{background: rgba(0,0,0,0.8);}
.moto-con-2-2-1050-2 h5,.moto-con-2-2-1050-2 p{color: #fff;position: relative;}
.moto-con-2-2-1050-2 .moto-con-2-2-rt{height: 180px;overflow: hidden;}
.moto-con-2-2-1050-2 .moto-con-2-2-rt img{position: relative;top: 50%;transform: translateY(-50%);}
.moto-con-1050-img-3{padding: 60px 0;}
.moto-con-white .moto-con-5{padding-top: 15px;}
.moto-con-1050-5{padding: 40px 0;}
.moto-con-1050-5-left {width: 50%;padding-right: 20px;}
.moto-con-1050-5-right {width: 50%;}
.moto-con-1050-5>div {vertical-align: middle;}
.moto-con-text-1050-2 .moto-con-5 h5{color: #544635;font-size: 26px;line-height: 36px;}
.moto-con-text-1050-2 .moto-con-5 p{font-size: 14px;line-height: 24px;}
.moto-con-text-1050-2 .moto-con-5 small{display: block;font-size: 12px;line-height: 16px;}
.moto-con-bg-zong{background: #544635;}
.moto-con-text-1050-4{padding-bottom: 0;}
.moto-con-text-1050-4 h3{color:#fff;}
.moto-con-text-1050-4 h3 img{height: 26px;margin: 5px 0 0 5px;}
.moto-con-text-1050-4 p{color:#fff;}
.moto-con-white .moto-con-5-1{padding-top: 0;}
.moto-1050-tips small{display: block;font-size: 12px;line-height: 16px;padding: 0 60px 60px;color: #fff;}
.moto-con-2-1050 .moto-con-text{top: 50%;right: 60px;transform: translateY(-50%);}
.moto-con-2-1050 .moto-con-text p{margin-bottom: 20px;}
.moto-con-2-1050 .moto-con-text h3{text-shadow: none;color: #fff;}
.moto-detail-content-1050 .moto-con-7{padding: 60px;}
.moto-detail-content-1050 .moto-con-7 h3{color: #544635;}
.moto-detail-content-1050 .moto-table:first-child{border-right: 1px solid #8c8c8c;}
.moto-detail-content-1050 .moto-table th, .moto-detail-content-1050 .moto-table td{color: #000;}
.moto-detail-content-1050 .moto-con-8-item p{color: #000;}
.moto-con-1050-4-text-posi{position: relative;}
.moto-con-1050-4-right-posi-img{transform: matrix(0.9744,-0.225,0.225,0.9744,-11,16);position: absolute;bottom: 30px;right: 40%;}
.moto-con-1050-4-right-posi-img-3{transform: translateX(-50%);left: 50%;bottom: 0;}
.moto-item-coming .item-bg-content{width: 90%; left: 5%;top: 60px; transform: translateY(0);}
.moto-item-coming .item-bg-content img{width: 100%;}
.moto-item-coming .item-cont-text h3{margin-left:0;}
.moto-item-coming .item-cont-text{padding-bottom: 25px;}
.moto-list{padding-top: 60px;}
.motor-sport .moto-list{font-size:0;margin: 0 -10px;}
.motor-sport .moto-item{display: inline-block; width: 50%;box-sizing: border-box; vertical-align: top;padding: 0 10px;}
.motor-sport .item-cont-img{position: relative; text-align: center; margin-top: -30px;right:0;}
@media screen and (min-width: 1270px){
	.moto-item:hover .item-bg a>img{transform: scale(1.05);}
	.motor-sport .moto-item:hover .item-cont-img{transform: translateX(60px);}
	.moto-item:hover .item-bg i{opacity: 0;}
}
.motor-sport .item-bg i{background: rgba(0,0,0,.68);}
.motor-sport .item-bg-content{transform: translateY(0);}
.motor-sport .item-bg-content img{height: 42px;}
.motor-sport .item-bg-content-1050 img{ height: 45px; display:block;}
.motor-sport .item-bg-content-1050 img:first-child{margin-bottom: 30px;}
.small-1000{display: none;}
.motor-link {padding-top: 74px;margin-top: -74px;}
.motor-kv .swiper-wrapper{height:auto;}
.motor-kv .kv-item{height: auto;}
.motor-kv .kv-item a{height: auto;}
.motor-kv .kv-item>img,.motor-kv .kv-item a>img{height: auto;width:100%;}
.swiper-wrapper{display: -ms-flex; /* 兼容IE */}
.moto-con-text-sv650-1{right: 60px;width: 220px;}
.moto-con-text-sv650-1 h3{text-align: right;}
.moto-con-fixed-bg-sv650 {background: url(../img/moto/sv650/moto-con-fixed-bg-sv650.jpg) repeat-y center top;background-size: cover;position: relative;background-attachment: fixed;padding: 60px;}
.moto-con-fixed-bg-sv650 i{background: rgba(0,0,0,0.8);position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 0;}
.text-center{text-align:center;}
.moto-detail-content-sv650 .mar-b-0{margin-bottom: 0;}
.moto-detail-content-sv650 .moto-con-text h3,.moto-detail-content-sv650 .moto-con-text p{color: #000; text-shadow:none;}
.moto-con-text-sv650-2{right:60px;bottom:60px;top: auto; width: 48%;}
.moto-con-text-sv650-2 h3{text-align: right;}
.moto-detail-content-sv650 .moto-con-text-sv650-2 p{text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;}
.moto-detail-content-sv650 .moto-con-2 h5{color:#fff;}
.moto-detail-content-sv650 .moto-con-text-sv650-3 h3{color:#fff;font-size: 80px; letter-spacing: -7px; line-height: 112px;font-weight: normal;}
.moto-con-text-sv650-3 h3 span{    font-size: 30px; color: #fff; line-height: 1; vertical-align: bottom; margin-left: 8px;}
#u11670{ z-index: -1; position: relative; left: 0; top: 0;margin-top: -120px;}
.moto-con-text-sv650-3{padding: 0;}
.moto-con-sv650-4{padding-bottom: 0;}
.moto-con-text-sv650-3 .moto-con3-left{vertical-align: top;}
.moto-con-text-sv650-3 .moto-con3-left p{width:70%;}
.moto-con-text-sv650-3 .moto-con-2-2-right{vertical-align: bottom;}
.moto-con-text-sv650-4 .moto-con-2-2-right{vertical-align: top;}
.moto-con-text-sv650-4{width:460px;}
.moto-detail-content-sv650 .moto-con-text-sv650-4 p{text-shadow: 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;}
.moto-con-sv650-5{width: 100%; box-sizing: border-box; display: table;}
.moto-con-sv650-5>div{ display: table-cell; vertical-align: top; width: 50%; position: relative;}
.moto-con-sv650-5-l{ left: -30px;}
.moto-con-sv650-5-l img{width: 100%;}
.moto-con-sv650-5-text{top: 0; left: 0; width: 100%; position: relative;}
.moto-con-sv650-5 .moto-con-sv650-5-text h3,.moto-con-sv650-5 .moto-con-sv650-5-text p{color: #fff;}
.moto-con-sv650-5-2{font-size: 0;  padding: 60px 40px 0;  z-index: 1;  position: relative;}
.moto-con-sv650-5-2>div{ display: inline-block; width: 50%; box-sizing: border-box; vertical-align: top;}
.moto-con-sv650-5-2-l{padding-right: 20px;}
.moto-con-sv650-5-2-r{padding-left: 20px;}
.moto-con-sv650-5-2 h5{ color: #fff; font-size: 26px; line-height: 36px; margin-bottom: 10px;}
.moto-con-sv650-5-2 p{ color: #FFFFFF; font-size: 15px; line-height: 25px; margin-bottom: 50px;}
.moto-con-sv650-5-2 .moto-con2-rt{margin-bottom: 15px;height: 270px;overflow: hidden;}
.moto-con-sv650-5-2 .moto-con2-rt img{width: 100%;}
.moto-con-sv650-6 .moto-con-2-2{padding: 0;}
.moto-detail-content-sv650 .moto-con-text-sv650-5.moto-con-text h3,.moto-detail-content-sv650 .moto-con-text-sv650-5.moto-con-text p{color: #fff;text-shadow: none;}
.moto-con-sv650-6-2img img:first-child{display: inline-block; width: 60%; box-sizing: border-box;}
.moto-con-sv650-6-2img img:last-child{display: inline-block; width: 38%; vertical-align: bottom;  margin-left: 2%;  box-sizing: border-box;}
.moto-con-text-sv650-6 {left: auto; right: 60px; width: 130px;bottom: 20px;}
.moto-con-text-sv650-6 p{margin: 0; line-height: 1.2;}
.moto-con-text-sv650-6-2 {left: auto; right: 60px;}
.moto-detail-content-sv650 .moto-table td{color: #fff;}
.moto-con1-img img{max-width: 100%;}
.moto-con-2-2>div.pc-only{display: table-cell;}
.moto-con-2-2>div.sp-only{display: none;}
.moto-con-8-list{text-align: center;}
.moto-con-fixed-bg-sv650x {background: url(../img/moto/sv650x/moto-con-fixed-bg-sv650x.jpg) repeat-y center top;background-size: cover;position: relative;background-attachment: fixed;padding: 60px;}
.moto-con-fixed-bg-sv650x i{ background: rgba(0,0,0,0.8);position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 0;}
.moto-detail-content-sv650x .moto-con-text .color-fff{color: #fff;}
.moto-detail-content-sv650-2 .moto-con-text-2{width: 190px;}
.moto-detail-content-sv650-2 .moto-con-text-3{width: calc(100% - 450px);}
.moto-detail-content-sv650x .moto-con-text p.color-fff{text-shadow: 0px 0px 4px rgba(0,0,0,0.5),0px 0px 4px rgba(0,0,0,0.5), 0px 0px 8px #000000;}
.moto-detail-content-sv650-2 .moto-con-sv650x-1{margin: -60px;}
.moto-detail-content-sv650-2 .moto-con-sv650x-2{margin-top: -150px;}
.img-tips{color: #fff; display: block; text-align: right; font-size: 12px; line-height: 20px; padding-bottom: 20px;}
.moto-detail-content-sv650-3 .moto-con-sv650-5{position: relative}
.moto-detail-content-sv650-3 .moto-con-sv650-5>div{display: block;}
.moto-detail-content-sv650-3 .moto-con-sv650x-5-l{position: absolute; right: 0; left: auto;top: 0;width: 60%;}
.moto-detail-content-sv650-3 .moto-con-2 h3{margin-bottom: 20px;}
.moto-detail-content-sv650-3 .moto-con-2 p{margin-bottom: 20px;}
.moto-detail-content-sv650-3 .moto-con-2 h3.sv650x-title{margin-bottom: 0;padding-bottom: 0;}
.moto-con-sv650x-5-2c{padding: 40px 40px 0;}
.nav-menu-4-motor{width: 37vw;}
.nav-menu-2-motor{width: 37vw;}
.nav-menu-2-motor .nav-motor-list .nav-menu-item{width: 50%;}
.nav-menu-sub-motor .sub-inner:before{right:50%;}
.nav-menu-sub-motor .nav-menu-item p{padding: 8px 0.4vw 0;}
.nav-menu-img-motor-21{background-image: url(../img/mo-sv650.png); background-position: 0 -5px;}
.nav-menu-img-motor-22{background-image: url(../img/mo-sv650x.png); background-position: 0 -5px;}
.moto-price{ text-align: right; position: absolute; right: 0; bottom: 10px;}
.moto-price p{font-size: 20px;line-height:1;}
.moto-color{top: 10px;transform: translateY(0); }

/****0201****/
.shanghai-moto .moto-item{display: flex; justify-content: space-between;}
.shanghai-moto .moto-item-l{ width: 55%;position: relative;}
.shanghai-moto .moto-item-l .item-bg{width: 100%; height: 100%;}
.shanghai-moto .item-bg img {width: 100%; height: 100%;object-fit: cover;}
.shanghai-moto .moto-item-r{width: 43%;}
.shanghai-moto .moto-item-r .item-cont{display: flex; flex-wrap: wrap; justify-content: center;}
.shanghai-moto .moto-item-r .item-cont-text{padding-left: 0;}
.shanghai-moto .moto-item-r .item-cont-img{position: relative;right: 0;width: 100%;text-align: center;}
.shanghai-moto .moto-item-r .item-cont-img-moto img{width: 60%;transition: all 0.5s;}
.shanghai-title{margin-bottom: 50px;}
.moto-list{ padding-top: 30px;}


/**20210317**/
.opt-ifm-list{display: flex; padding: 20px 0 40px;flex-wrap: wrap;gap: 30px 24px;}
.opt-ifm-item{width: calc(33.33333% - 16px);}
.opt-ifm-box{position: relative;}
.opt-ifm-box>img{width: 100%;}
.opt-ifm-box>i{width: 100%;height: 100%;background: rgba(0,0,0,.48);position: absolute;left: 0;top: 0;transition: all 0.5s;opacity: 1;}
.opt-ifm-box>p{position: absolute;bottom: 0;left: 0;width: 100%;}
.opt-ifm-box>p span{display: inline-block;background: rgba(49,49,49);width: 50%;color: #fff;padding: 0 5%;font-weight: bold;font-size: 16px;line-height: 30px;letter-spacing: 1px;position: relative;transition: all 0.5s;}
.opt-ifm-box>p span:after{content: ''; position: absolute; border-top: 21px solid rgba(49,49,49);border-left: 21px solid transparent; border-right: 21px solid transparent;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg);top: 12px;right: -28px;transition: all 0.5s;}
.opt-ifm-link{text-align: center;margin-top: 20px;}
.opt-ifm-link a{font-size: 12px;line-height: 32px;color: #fff;background: #ed1c24;display: inline-block;width: 140px;text-align: center;}
.opt-ifm-item:hover .opt-ifm-box>i{opacity:0;}
.opt-ifm-item:hover .opt-ifm-box>p span{background: #ed1c24;}
.opt-ifm-item:hover .opt-ifm-box>p span:after{ border-top: 20px solid  #ed1c24;}
.pdf-mask{display: none;position: fixed;left: 20%;top: 50%;transform: translateY(-50%);z-index: 11112;width: 60%;height: auto;}
.pdfclose {position: absolute;right: 5%;top: 5%;border-radius: 100%;cursor: pointer;}
.pdf-show {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.9);display: none;z-index: 11111;cursor: pointer;}
.pdf-show iframe{width: 80%;height: 80%;left: 10%;top: 10%;position: absolute;}
.genuine-img{padding-top: 35px}
.genuine-img img,.marine-outboard-content img{width:100%;}
.nav-menu-4-n {width: calc(48vw - 80px);}
.nav-menu-2-n {width: calc(18vw + 40px); margin: 0 1.5vw;position: relative;}
.nav-menu-2-n:before{content: '';position: absolute;top: 0;left: 0;width: 1px; height: 100%;background: #a8aaaa;}
.nav-menu-2-n:after{ content: '';position: absolute;top: 0;right: 0;width: 1px; height: 100%;background: #a8aaaa;}
.nav-menu-3{width: calc(8vw + 40px);}
.nav-menu-3 .nav-menu-item:first-child { border-left: none;}
.nav-menu-marine .nav-menu-item{width: 6vw;}
.nav-menu-marine .nav-menu-list{margin: 34px 20px;overflow: hidden;}
.nav-menu-sub .sub-inner.nav-menu-marine:before{display:none;}
.vstrom650-title{padding: 0 60px 30px; position: relative;}
.vstrom650-title h5{ font-size: 20px; color: #FFFF00; line-height: 30px;}
.vstrom650-title h3{ font-size: 30px; color: #fff; line-height: 40px;}
.vstrom650-box .moto-con-2-l, .vstrom650-box .moto-con-2-m, .vstrom650-box .moto-con-2-r{position: relative;}
.vstrom650-text{position: relative;}
.flag-img{position: absolute; right: 0; top: 0;}
.flag-img img{height: 25px;}
.vstrom650-box .moto-con-2-2-1050-2 h5{ font-size: 18px; line-height: 25px;padding-right: 40px; padding-bottom: 20px;}
.vstrom650-box .moto-con-2-2-1050-2 p{margin-bottom: 0;}
.vstrom650-box .moto-con-2-2-rt{margin: 0 0 15px;}
.vstrom650-box .moto-con-2-2-1050-2 p img{height: 16px; position: relative; top: 3px;}
.moto-con-2-2-1050.moto-con-2-2-1050-3{display: flex;flex-wrap: wrap;margin: 0 -15px;width: calc(100% + 30px);}
.moto-con-2-2-1050.moto-con-2-2-1050-3>div{width: calc(33.3333% - 30px);padding: 0 15px;position: relative;margin-bottom: 30px;display: block;}
.vstrom650-box-title{padding: 0 60px;}
.title-tips{padding-left: 2em;position:relative;}
.title-tips-span{position:absolute;left:0;top:0;color: #fff;}
.news-img-box{ display: flex; text-align: center; justify-content: space-between;align-items: center;}

/****0628****/
.nav-menu-4-n {width: calc(39vw - 164px);}
.nav-menu-4-n:before{content: '';position: absolute;top: 0;left: -20px;width: 1px; height: 100%;background: #a8aaaa;}
.nav-menu-5 {width: calc(6vw + 40px);margin-right: 46px;}
.nav-menu-2-n {margin: 0 20px; width: calc(21vw + 40px);}
.nav-menu-marine .nav-menu-item { width: 7vw;}
.nav-menu-item p{padding: 20px 0.2vw 0;}
.nav-menu-sub h3{max-width:100%;}
.nav-menu-img-41 {background-image: url(../img/ou_41.jpg);background-position: 0 -5px;}
.nav-menu-img-31,.nav-menu-img-41,.nav-menu-img-trialreport{width: 6vw; margin: 0 auto;}

/****0704****/
.kv-item{width: 75vw; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';-webkit-transition: all 0.3s ease;transition: all 0.3s ease;}
.swiper-slide-active{opacity: 1;}
.kv-item a,.kv-item a>img{width: 100%;}
/***0708****/
.kv{position: relative;overflow: hidden;}
.kv .swiper-container{position: static;z-index: 9;}
.kv:before,.kv:after {content: '';height: 100%;width: 12.5vw;position: absolute;top: 0;background: rgba(255,255,255,0.8);z-index: 8;    /***max-width: calc(50vw - 600px + 8px);***/}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display: none;}
body {--scrollbar-width: calc(100vw - 100%);}
.kv{max-width: calc(100vw - var(--scrollbar-width)); }
.kv:before{left: calc(var(--scrollbar-width)/2 - var(--scrollbar-width));}
.kv:after{right: calc(var(--scrollbar-width)/2 - var(--scrollbar-width));}
/******0831***/
.news-img-box-content{background-color: rgb(242, 246, 255);padding: 20px;margin-bottom: 20px;border-radius: 7px; box-shadow: rgb(169 187 223 / 45%) 4px 4px 8px;}
#article .body-card .card-content .news-img-box-content>p{margin-bottom: 0;}
#article .body-card .card-content .news-img-box2{margin: -10px;flex-wrap: wrap;}
#article .body-card .card-content .news-img-box2 >*{ margin: 10px;width: calc(50% - 20px);}
/*****221124****/
.marine-content-box__2{ display: flex; justify-content: space-between; }
.marine-content-box__2-item{width: 45%;text-align: center;}
.marine-content-box__2-i img{max-width: 100%;}
.marine-item-more .marine-item-featured{display: flex; flex-wrap: wrap;}
.details-flexbox{display: flex; align-items: center;margin-bottom: 30px;justify-content: center;}
.details-flexbox-l{width: 300px;margin-right: 40px;}
.details-flexbox-r{width: 220px;}
/*****230411****/
.dl1050rr-textBox>img{max-width: 100%;}
.dl1050rr-text-color-b img+p{margin-top: 20px;}
.dl1050rr-text-color-b p{color: #000;}
.moto-con-fixed-bg.moto-con-fixed-bg-wh-op {background:none;padding: 0;position: relative;}
.moto-con-fixed-bg.moto-con-fixed-bg-wh-op i{  background: rgba(255,255,255,0.8);}
.moto-con-title h2.small{ font-size: 30px;}
.moto-con-text-dl1050rr-1{ width: 45%;}
.moto-con-text-dl1050rr-2{padding: 0 60px 60px;}
.moto-con-text-dl1050rr-2 .moto-con-1050-5{padding:0;}
.moto-con-text-dl1050rr-2 .moto-con-1050-5+.moto-con-1050-5{padding-top: 40px;}
.moto-detail-list ul.moto-dl1050rr-tipsList{ border-top: none; margin-bottom: 0;}
.moto-dl1050rr-tipsList li{padding-left: 1.5em;position: relative;border-bottom: none; padding-bottom: 0; font-size: 16px; line-height: 1.3;}
.moto-dl1050rr-tipsList li+li{margin-top: 30px;}
.moto-dl1050rr-tipsList li>span{position: absolute;left: 0;top: 0;}
.moto-dl1050rr-listBox{ display: flex; flex-wrap: wrap;justify-content: space-between; margin: 0 -10px 40px ;}
.moto-dl1050rr-item{ width: calc(50% - 20px); margin: 40px 10px 0;}
.moto-dl1050rr-img{}
.moto-dl1050rr-img img{width: 100%;}
.moto-dl1050rr-text{margin-top: 16px;}
.moto-dl1050rr-text p{margin-bottom: 0;}
.dl1050rr-text-02{left: 5%;  width: 90%;  text-align: center;}
.dl1050rr-text-02 h3,.dl1050rr-text-02 p{color: #fff;}
.dl1050rr-text-02 p{margin-bottom: 20px;}
.moto-con-btmText-l {max-width: calc(100% - 120px); left: 60px; bottom: 20px; top: auto; right: auto;width: auto;}
.moto-con-btmText-r {max-width: calc(100% - 120px); right: 60px; bottom: 20px; top: auto; left: auto;width: auto;}
.moto-con-text.moto-con-btmText-b p,.moto-con-text.moto-con-btmText-b small{color: #000;}
.moto-con-text.moto-con-btmText-w p,.moto-con-text.moto-con-btmText-w small{color: #fff;}
/*****230504****/
.moto-detail-content-gsx8s{background: url(../img/moto/gsx-8s/cover.jpg) repeat-y center top;background-size: cover;background-attachment: fixed;}
.gsx--1{ top: 100px;}
/*****230725****/
/** .nav-menu-4-motor{width: 44.4vw;}
.nav-menu-2-motor{width: 29.6vw;}
.nav-menu-sub-motor .sub-inner:before { right: 40.1%;}**/
.nav-menu-2-motor .nav-motor-list .nav-menu-item{width:calc(100%/3);}
.nav-menu-sub-motor .nav-menu-img { width: 10vw; height: 6.5vw;}
.w-75{width: 75vw;margin: 10px auto 0;}
.moto-con-vstrom800de .moto-con-2-2-rt{height: 220px;}
.moto-choose-img p{text-align: center;margin-top: 5px;}
.moto-con-fixed-bg-gsx-8s{background-image: url(../img/moto/gsx-8s/0728outro_image-1.jpg);}
/********240626**********/
.moto-con-text-l_c{  left: 60px; right: auto; top: 50%; transform: translateY(-50%);}
.moto-detail-content-vstrom800{background-image: url(../img/moto/v-strom800/vstorm800-cover.jpg);}
.moto-detail-content-gsx-8r { background: none;}
.gsx-8r-bgbox{padding-top: 1px; background: url(../img/moto/gsx-8r/bg.jpg) repeat-y center top; background-size: cover;background-attachment: fixed;}
.gsx-8r-bgbox .moto-detail-list ul{margin-bottom: 0; padding-bottom: 60px;}
.color-fff{color: #fff;}
.gsx-8r-bgbox .moto-tab{padding-bottom: 20px;}
.gsx-8r-bgbox  .moto-price{bottom: 30px;}
.gsx-8r-bgbox  .slick-prev,.gsx-8r-bgbox  .slick-next{filter: invert(1);}
.gsx-8r-bgbox .moto-detail-item h4{background: transparent;color: #fff;}
.gsx-8r-bgbox .moto-detail-item h4:after{filter: invert(1);}
.moto-model-tab>div p img{max-width: 50%;}
.gsx_txt_big{width: calc(200% + 30px);}
.kv-item{position: relative;}
.kv-item-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); text-align: center;}
.kv-item-txt img{max-width: 80%;}
.kv-item-txt h2{font-size: 60px;line-height: 1.5;color: #fff;text-shadow: 0 0 5px rgba(0,0,0,0.8);}
.news_add_cont{ margin-bottom: 20px;}
.news_add_cont.f1-content p span{padding-bottom: 0;}
.stealth_df150a_warp {background: url(../img/marine/stealth/bg_stealth_df150a.jpg); background-size: cover;}
.stealth_df150a_warp .u-lineup-ttl .ttl-lead,.stealth_df150a_warp .home-title .ch,.stealth_df150a_warp  .marine-content-text p,.stealth_df150a_warp  .marine-content-text h4 ,.stealth_df150a_warp .m-tbl-def tr:nth-child(even) th, .stealth_df150a_warp .m-tbl-def tr:nth-child(even) td,.stealth_df150a_warp .u-lineup-techlist dl dt,.stealth_df150a_warp .u-lineup-techlist dl dd ul li a ,.stealth_df150a_warp .u-lineup-techlist dl dd ul li sup{color: #fff;}
.stealth_df150a_warp .m-tbl-def tr:nth-child(odd){background: #fff;}
.stealth_df150a_warp .m-box-select:before{background: #fff;}
.stealth_df150a_warp .m-box-select:after{border-color: #003145;}
/****.stealth_df150a_warp .m-box-select{border-color: #fff;}*****/
.stealth_df150a_warp .m-box-select select {background-color: #fff;}
.nav-menu-5{width: calc(8vw + 40px);}
.nav-menu-4-n{width: calc(45vw - 164px);}
.nav-menu-marine .nav-menu-item{width: 9vw;}
.nav-menu-img-Sdf200a { background-image: url(../img/menuS200a.png);background-size: contain; background-position: center;}
.nav-menu-img-S140a{ background-image: url(../img/menuS150a.png);background-size: contain; background-position: center;}
.nav-menu-img-S140b115b { background-image: url(../img/menuS140b-115b.png);background-size: contain; background-position: center;}

/* 铃木船外机试航性能报告 */
.trial-report-content{padding: 120px 0;}
.trial-report-content img{max-width: 100%;}
.trial-report-ttl{text-align: center;margin-bottom: 100px;}
.trial-report-ttl h2{font-size: 36px;line-height: 1.5;}
.trial-report-ttl2{background-color: #0066CC;padding: 4px 14px;margin-bottom: 25px;}
.trial-report-ttl2 h3{font-size: 20px;line-height: 1.5;color: #fff;}
.trial_dflex{display: flex;gap: 60px;}
.dflex_col{width: calc(50% - 30px);}
.trial-report-dl {border-top: 1px solid #000; margin-bottom: 70px;}
.trial-report-dl dl{display: flex;border-bottom: 1px solid #000;}
.trial-report-dl dt,.trial-report-dl dd{font-size: 26px;line-height: 1.5;font-weight: normal;text-align: center;padding: 10px 0;}
.trial-report-dl dt{width: 40%;}
.trial-report-dl dd{width: 60%;}
.trial_list li{padding-left: 1em;font-size: 16px;line-height: 1.5;position: relative;}
.trial_list li span{width: 4px;height: 4px;background-color: #06c;border-radius: 50%;position: absolute;left: calc(.5em - 2px);top: 10px;}
.test-report{padding: 70px;}
.trial_dflex2{display: flex;justify-content: space-around;}
.dflex_col2{width: calc(100%/3);}
.dflex_col2+.dflex_col2{border-left: 3px solid #0066CC;}
.dflex_col2 h3{font-size: 26px;line-height: 1.5;text-align: center;font-weight: normal;}
.mt_60{margin-top: 60px;}
.trial-table{width: 100%;}
.trial-table th,.trial-table td{text-align: center;padding: 2px 0;width: 25%;}
.trial-table th{font-size: 16px; line-height: 1.5;padding: 0 0 10px;}
.trial-table tr:nth-child(even){background-color: #D2D2D2;}
.trial-table .table_spic{font-weight: 600;color: #f00;}
.marine_bnr{margin-top: 60px;text-align: center;}
.marine_bnr img{width: 60%;}

.nav-marine_1{margin: 0;width: calc(8vw + 40px);margin-right: 20px;}
.nav-marine_2{margin: 0;width: calc(33vw - 60px);padding: 0 20px;box-sizing: border-box;}
.nav-marine_3{margin: 0;width: calc(26vw - 60px);padding: 0 20px;box-sizing: border-box;}
.nav-marine_4{margin: 0;width: calc(8vw + 40px);margin-left: 20px;}
.nav-marine_3 .nav-menu-list{display: flex; justify-content: center;}
.mt_100{margin-top: 100px;}
.full-img img{width: 100%;}
.trial-report-item+.trial-report-item{margin-top: 60px;}
.trial-report-item_ttl{margin-bottom: 30px;}
.trial-report-item_ttl h3{font-size: 26px;line-height: 1.5;}
.trial-report-item_cont{border-top: 1px solid #333;}
.trial-report-item_item{border-bottom: 1px solid #333;}
.trial-report-item_item a{display: block;}
.trial-report-item_item ul{display: flex;padding: 20px;flex-wrap: wrap;justify-content: center;}
.trial-report-item_item li {box-sizing: border-box;gap: 10px 0;}
.trial-report-item_item li:nth-child(1){width: 240px;}
.trial-report-item_item li:nth-child(2){width: 200px;}
.trial-report-item_item li:nth-child(3){width: 240px;}
.trial-report-item_item li:nth-child(4){width: 200px;}
@media screen and (max-width: 756px){
	.marine_bnr img{width: 100%;}
	.trial-report-item+.trial-report-item{margin-top: 40px;}
}