/* ====首页====== */

body{ background-color:#00584F;}

/** header **/

.header{ position:relative; z-index:100;}

.top{ padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, .1);}

.top .wp{ display: flex; justify-content: space-between;align-items: center; }

.wel{}

.wel .icon{ height: 26px;}

.wel .val{font-size: 16px;}

.toplink{}
.toplink a{ display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; margin-left: 7px; width: 30px; height: 30px; background-color: rgba(0, 0, 0, .4); text-align: center; line-height: 30px; font-size: 16px; color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.toplink a .icon{ width: 18px;}
.toplink a:hover{ background-color:  #FF6600;}



.loarea{ height:104px; padding: 24px 0; position:relative; z-index:3;  border-bottom: 1px solid rgba(255, 255, 255, .1);}

.loarea .wp{ display: flex; justify-content: space-between;  align-items: center;}

.logo{ width:340px;height:104px; display:flex; align-items: center;}

.logo .tp{ height:104px; width:auto;}



.search_language{margin-left: auto;  display: flex; align-items: center; justify-content: space-between;}

.search{ width: 430px; height: 46px; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .4); border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; }

.search .text{ -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-left: 20px; font-size: 14px;}

.search .tj{ width: 60px; height: 46px; color: #fff; transition: .3s; opacity: .8; text-align: center; line-height: 42px; font-size: 24px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

.search .tj:hover{ color: #FF6600; opacity: 1;}



.language{ color: #fff; background:url(../images/icon/icon_lan_bg.png) center center/100% 100% no-repeat; margin-left: 30px;position: relative; overflow: hidden; display: inline-flex; align-items: center;}

.language .icon{ font-size: 18px; margin-right: 8px; }

.language a{ display: inline-block; color: #fff; }

.language a:hover,.act_lan{}

.language .cutline{ opacity: .5; margin: 0 10px;}



/*PC导航 begin*/

.nav{  z-index:5; border-bottom: 1px solid rgba(255, 255, 255, .2); background-color: rgba(0, 0, 0, .4); }

.navul{ font-size:0; text-align: center; display: flex; align-items: center; justify-content: center;}

.navul li{ display:inline-block; font-size:14px;position:relative;}

.navul li>a{  padding:0 1.5em ; text-align:center; display:inline-block; line-height: 60px; height:60px; position: relative;}

.navul li>a .val{ position: relative; display: inline-block; z-index: 2;}

.navul li>a .val::before{ line-height: 1;}

.navul li>a::after{ content: ""; display: block; width: 100%; height: 0; background-color:#FF6600 ; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; z-index: 1; }

.navul li:hover>a,.act_nav{ color:#fff !important;}

.navul li:hover>a::after,.act_nav::after{  height:100% !important;}



.chooseLan{ margin: 40px 0 0 40px; padding: 3px 8px; width: 80px; position: relative; cursor: pointer; background-color: #FF6600;}

.curLan{ color: #fff;  }

.curLan .iconCountry{ font-size: 16px; margin-right: 5px;}

.curLan .arr{ font-size: 16px; margin-left: 0px;}



.curLan .val{ font-size: 14px; text-transform: uppercase; }

.lanLay{ padding-top: 4px; position: absolute; left: 0px; top: 32px; display: none; width: 100%; }

.lanul{  border-top: 2px solid #FF6600; background-color: #fff;}

.lanul li{ }

.lanul li a{ display:block;padding: 5px 25px;  font-size: 12px; }

.lanul .icon{ margin-right: 10px;height: 12px; }

.lanul .val{font-size: 12px;}

.lanul a:hover{ color: #FF6600; background-color: #fafafa;}

.chooseLan:hover .lanLay{ display: block;}



/*PC导航end*/

.subnav{ position:absolute; display: none;  }

.subnavNormal{left:0%; top:60px; width:150px;padding-top: 0px;}

.subnav:after{ content: ''; display: block; width: 0; height: 0; position: absolute; top: -16px; left: 50%; margin-left: -6px; display: none;}

.subnav>.nr{background:#01463E; padding:10px 0; border: 1px solid RGBA(255, 255, 255, .2); }

.subnav .nr a{text-align:left; padding: 6px 20px; font-size:14px; display:block;  color:#fff; text-align:left; }

.subnav .nr a:hover{ color: #fff !important; background-color: #f60; }



/*手机导航按钮及下拉菜单begin*/

.menubtn{ position:absolute; width:24px; height:24px;top:12px; right:2%; cursor:pointer; display:none;}

.menubtn i{ display:block; width:21px; height:3px; background-color:#fff; position:absolute; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; border-radius: 2px;}

.menubtn i:nth-child(1){ top:4px; -webkit-transform-origin:left bottom; -moz-transform-origin:left bottom; -ms-transform-origin:left bottom; -o-transform-origin:left bottom; transform-origin:left bottom;}

.menubtn i:nth-child(2){ top:11px;}

.menubtn i:nth-child(3){ top:18px; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top;}

.menubtn.on i:nth-child(1){ -webkit-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -o-transform:rotate(40deg); transform:rotate(40deg);}

.menubtn.on i:nth-child(2){ opacity:0;}

.menubtn.on i:nth-child(3){ -webkit-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -o-transform:rotate(-40deg); transform:rotate(-40deg);}

/*小导航*/

.inav{ width:400px; max-width: 80%; height: 100vh; overflow-y: auto; background-color:rgba(0, 0, 0, .9); position:fixed;  z-index:999; top:0px; left:-100%;  z-index:99; overflow-y: auto; display: none; }

.navlogo{ padding: 30px;}

.navlogo .tp{ max-width: 66%;}

.inav ul{ margin: 0 30px;}

.inavul li{border-bottom:1px solid #363636;}

.inavul li>a{ display:block; text-align:left;  font-size:14px; color:#fff; padding:15px 30px 15px 15px; position: relative;}

.inavul li>a .iconfont{ position: absolute; right: 0; top: 12px; font-size: 18px; }

.act_inav{ border-color: #FF6600 !important; color:#FF6600 !important;}

.act_inav .iconfont{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.inavul .nr{ display: none; padding:5px 30px 5px 40px;}

.inavul .nr a{display:inline-block; text-align:left; padding: 4px 0; margin-right: 10px;  font-size:13px; color:#ddd;}

/*手机导航按钮及下拉菜单end*/

/*banner begin*/

.banner{ position:relative; z-index:3; }

.banner .swiper-slide{position:relative; overflow:hidden;}

.banimg{ width:100%; height:auto; display:block;}

.banner .swiper-pagination{ bottom:24px !important;}

.banner .swiper-pagination-bullet{width:18px;height:18px;padding: 0;background-color:transparent; border:1px solid #ef9b35; font-size: 0;line-height: 0;outline:none;cursor: pointer; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; margin:0 11px !important;}

.banner .swiper-pagination-bullet-active{background-color:#ef9b35;}

.banner .swiper-button-prev,.banner .swiper-button-next{ display: none;}

/* .banner .swiper-button-prev{ left:2%;}

.banner .swiper-button-next{ right:2%;} 



.banner .swiper-button-prev::after,.banner .swiper-button-next::after{ display: none;}

 .banner .swiper-button-prev,.banner .swiper-button-next{filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4;width:80px;  height:150px; line-height: 150px; top:50%; margin-top:-75px; color: #fff;}

.banner .swiper-button-prev .iconfont,.banner .swiper-button-next .iconfont{ font-size: 80px; font-weight: bold;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;} */

/*banner end*/

.homeIntro .wp{ padding: 48px 0;}

.homeIntro .tit{ font-size: 30px;}

.homeIntro .nr{ margin-top: 14px;}

.h_tit{  padding: 24px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} 

.h_tit .tit{ font-size: 30px;}

.h_tit .opa{ text-align: right;  }

.h_tit .opa .sbtn{ font-size:14px; padding: 0.2em 1em; margin-left: 36px; }

.h_new{ }

.h_new .wrap{ padding: 58px 0; display: flex; justify-content: space-between; flex-wrap: wrap; }

.h_new .h_tit{ padding-top: 0;}

.hnewSlide{ width: 48%;}

.hnewSlide .tp{ width: 100%; object-fit: cover;}

.h_new .lists{ width: 48%;}

.hnItem{ margin-bottom: 34px;}

.hnItem:nth-last-child(1){ margin-bottom: 0;}

.hnItem a{ display: flex;}

.hnItem .tparea{ width: 150px; margin-right: 15px; font-size: 0; overflow: hidden;}

.hnItem .tparea .tp{ width: 100%;  object-fit: cover; aspect-ratio: 150/95;}

.hnItem .des{ flex: 1; min-width: 0;}

.hnItem .des .tit{ font-size:16px; color: #FFCC00; }

.hnItem .des .nr{ margin-top: 5px;}

.hnItem a:hover .des{}

.hnItem a:hover .des .tit{ color: #faf600;}

.hnItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.h_stock{ padding-bottom: 12px;}

.h_stock .wrap{display: flex;  flex-wrap: wrap;  }

.hstockItem{ width: 23.5%; margin:0 2% 44px 0;}

.hstockItem:nth-child(4n){ margin-right: 0;}

.hstockItem a{ display: block; border: 1px solid transparent;}

.hstockItem .tparea{ font-size: 0; overflow: hidden;}

.hstockItem .tparea .tp{ width: 100%; object-fit: cover; aspect-ratio: 374/250;}

.hstockItem .des{  padding: 0 12px; text-align: center; background-color: #014840;}

.hstockItem .des .tit{ font-size:18px; color: #FFCC00; padding-top: 15px; }

.hstockItem .des .nr{ font-size: 12px; margin-top: 2px;}

.hstockItem .des .tags{ display: flex; justify-content: space-between; padding: 10px 0;}

.hstockItem .des .tags .tag{ width: 30%; text-align: center;}

.hstockItem .des .tags .tag .tp{ height: 50px;}

.hstockItem .des .tags .tag .name{ font-size: 14px; margin-top: -3px;}

.hstockItem .des .info{ border-top: 1px dashed #1B5B53; text-align: left; padding: 15px 6px;}

.hstockItem .des .info .add{ font-size: 12px;}

.hstockItem .des .info .add .icon{ height: 15px; margin-right: 5px;}

.hstockItem .des .info .price1{ font-size: 20px; font-weight: bold; margin-top: 5px;}

.hstockItem .des .info .price2{ font-size: 12px; margin-top: 5px;}

.hstockItem a:hover{ border-color: #666;}

.hstockItem a:hover .des .tit{ color: #faf600;}

.hstockItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.h_act_video{}

.h_act_video .wp{ padding: 4px 0 60px; display: flex;  flex-wrap: wrap; justify-content: space-between;}

.h_act{ width: 48.5%;}

.h_video{ width: 48.5%;}



.hactItem{ padding: 15px 20px; margin-bottom: 12px; background-color: #014840; border: 1px solid #346D66; display: flex; flex-wrap: wrap; align-items: center;}

.hactItem:nth-last-child(1){ margin-bottom: 0;}

.hactItem .des{ flex: 1; min-width: 0;}

.hactItem .des .tit{ font-size: 16px; color: #FFCC00;}

.hactItem .des .nr{}

.hactItem .add{ width: 30%; margin-left: 4%;}



.h_video .wrap{ position: relative;}

.hvSlide{}

.hvSlide .tp{ width: 100%;}

.h_video .wrap .playShade{z-index: 10; display: flex; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .2); align-items: center

    ; justify-content: center;}

.h_video .wrap .playShade .icon{ width: 72px;}



.h_latest{ padding-bottom: 40px;}

.h_latest .wrap{ display: flex; flex-wrap: wrap;}

.hlatestItem{ width: 23.5%; margin: 0 2% 2% 0;}

.hlatestItem:nth-child(4n){ margin-right: 0;}

.hlatestItem a{ display: block; position: relative;}

.hlatestItem a .tparea{ width: 100%; font-size: 0; overflow: hidden;}

.hlatestItem a .tparea .tp{ width: 100%;  object-fit: cover; aspect-ratio: 1;}

.hlatestItem a .shade{  display: flex; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, .6); align-items: center

    ; justify-content: center; opacity: 0;}
.hlatestItem a .shade .icon{ height: 50px;}
.hlatestItem a .shade .iconfont{ font-size: 80px;}

.hlatestItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.hlatestItem a:hover .shade{ opacity: 1;}



.footer{padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .2);}

.fcoo{ display: flex; justify-content: center;align-items: flex-start; padding: 40px 0;}

.fcoo a{display: block; font-size: 0; width: 16.66%; text-align: center;}

.fcoo a .tp{ height: 98px;}

.fcoo a:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }



.f_t{ padding:0px 0 35px; display: flex; flex-wrap: wrap; justify-content: space-between;}

.flPart{width: 320px; margin-right: 40px;}

.flogo{ }

.flogo .tp{ max-height:110px;}

.fadd{ margin-top: 10px;}

.fadd .list{line-height: 1.5; color: rgba(255, 255, 255, .5);}

.fnav{ display: flex; flex: 1; min-width: 0; justify-content: space-between;}

.fnav a:hover{ color: #ddd;}

.fnavItem{ flex: 1;}

.fnavItem:nth-last-child(1){ flex:1.5; }

.fnavItem:nth-last-child(2){ flex:1.5; }

.fnavItem .tit{ font-weight: bold;} 

.fnavItem .nr{ margin-top: 10px;} 

.fnavItem .nr a{ line-height: 1.3; display: block; padding: 4px 0;} 

.fnav a:hover{ color: #ddd !important;}

.fnavItem .supp{ margin-top: 15px;}

.fnavItem .supp .tp{ height: 90px;}

.fnavItem .subscribe{ margin-top: 20px;}

.subscribe .desc{}

.subscribe .tparea{ margin-top: 5px; display: flex; justify-content: space-between;}

.subscribe .tparea .tp{width: 49%; height: 60px; object-fit: cover;}

.subscribe .mandiv{ margin-top: 30px;}

.subscribe .mandiv .sbtn{ display: inline-block; font-size: 16px; padding: 0.4em 1.5em;}



.f_b .wp{ font-size: 16px; border-top: 1px solid #3B3737; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 20px 0; color: #999;}

.copyright{ font-size: 12px; color: rgba(255, 255, 255, .5); padding: 20px 0; border-top: 1px solid rgba(255, 255, 255, .1); }

.copyright a{ color: rgba(255, 255, 255, .5);}

.copyright a:hover{ color: #fff;}



/* 02-1 销售 所有库存 */

.i_main{  min-height:400px;}

.location{ padding: 15px 0;}

.location a{ font-size:14px; }

.location a::before{font-size:16px;  margin-right: 5px;vertical-align: baseline;}

.location a:hover{ color:#FF6600;}

.act_loca{ color:#FF6600 !important;}

.location i{ margin:0 6px; font-style:normal;}



.storeIntro{ padding: 15px 0;}

.storeIntro .tit{ font-size: 30px; font-weight: bold;border-bottom: 1px solid rgba(255, 102, 0, .5); padding-bottom:25px; margin-bottom: 22px;}

.storeIntro .tit .time{ margin-left: 10px; font-size: 14px; font-weight: normal;}

.storeIntro .tit2{ font-size: 16px;  font-weight: normal; margin-bottom: 6px;}

.storeIntro .tit2 .mc{ font-size: 20px; font-weight: bold; margin-left: 14px;}

.storeIntro .nr{}



.stock{ padding:30px 0 70px;}

.stock .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 10px;}

.turnpage{ margin:0 auto;font-size:0; text-align:center; }



.turnpage a,.turnpage span{  display:inline-block; padding:4px 11px; font-size:14px; margin:0 3px;border:1px solid #fff; border-radius:2px ; -webkit-border-radius:2px ; -moz-border-radius:2px ; -ms-border-radius:2px ; -o-border-radius:2px ; font-weight: bold; }

.turnpage .point{ padding:4px 9px;}

.turnpage a:hover,.current{ background-color:#f60 !important; border-color: #f60 !important; }

/* 02-2-1 销售 展厅与销售部门 */

.i_ban{ font-size: 0; position: relative; overflow: hidden; }

.i_ban .tp{ width: 100%;}

.interleavedList{ padding: 35px 0 45px;}

.interleavedItem{padding: 35px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}

.interleavedItem .tparea{ width: 50%; overflow: hidden;}

.interleavedItem .tparea .tp{ width: 100%;}

.interleavedItem .des{ width: 47%;}

.interleavedItem .des .tit{ font-size: 34px; line-height: 1.4;}

.interleavedItem .des .nr{ margin-top: 25px;}

.interleavedItem .des .nr .wz{}

.interleavedItem .des .mandiv{ margin-top: 40px;}

.interleavedItem .des .mandiv .sbtn{ font-size: 16px; padding: 0.3em 1em;}

.interleavedItem:nth-child(2n+1){flex-direction: row-reverse; }



.i_tit{ padding: 40px 0; text-align: center;}

.i_tit .tit{ font-size: 34px;}

.i_tit .info{ width: 780px; max-width: 100%; margin: 20px auto 0;}

.ourExbition{ padding-bottom: 30px; margin-top: -20px; }

.ourExbition .wrap{ display: flex; flex-wrap: wrap; }

.exbGalleryItem{ width:  32%; margin: 0 2% 2% 0; }

.exbGalleryItem:nth-child(3n){ margin-right: 0;}

.exbGalleryItem a{ display: block;}

.exbGalleryItem .tparea{overflow: hidden;}

.exbGalleryItem .tparea .tp{ width: 100%;  object-fit: cover; aspect-ratio: 516/336;}

.exbGalleryItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



.streamer{ font-size: 0;}

.streamer .tp{ width: 100%;}

/* 02-2-2 销售 展厅与销售部门 我们的团队 */

.team{ padding: 54px 0 0;}

.team .row{ display: flex; justify-content: space-between;  flex-wrap: wrap;}

.team .row .streamer{ width: 48.5%;}

.team .row .streamer .tp{ object-fit: cover; width: 100% ; object-fit: cover; aspect-ratio: 777/616;}

.team .streamer{ margin-bottom: 54px;}



.team .wrap{ display: flex; flex-wrap: wrap; padding: 10px 0 ;}

.teamItem{margin-bottom: 46px; width: 48.5%; margin:0 3% 46px 0 ;}
.teamItem:nth-child(2n+1){ margin-right: 0;}
.team .wrap .teamItem:nth-child(1){ width: 100%;}


.teamItem a{display: flex; flex-wrap: wrap; justify-content: space-between; }

.teamItem .tparea{ width: 202px; margin-right: 20px; overflow: hidden; border: 1px solid #fff;}

.teamItem .tparea .tp{ width: 100%; object-fit: cover; aspect-ratio:202/222; }

.teamItem .des{  flex: 1; min-width: 0;}

.teamItem .des .tit{ font-size: 20px; color: #FFCC00;}

.teamItem .des .pos{ margin-top: 5px;}

.teamItem .des .nr{ margin-top:20px;}

.teamItem .des .nr .wz{}

.teamItem a:hover .tparea { border-color: #faf600; }

.teamItem a:hover .tparea .tp{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.teamItem a:hover .des .tit{ color: #faf600;}



/* 02-3 销售 麦库尔汽车 */

.galleryItem2{ width:  32%; margin: 0 2% 2% 0; display: flex; flex-wrap: wrap;}

.galleryItem2:nth-child(3n){ margin-right: 0;}

.galleryItem2 a{ display: block;}

.galleryItem2 .tparea{overflow: hidden;}

.galleryItem2 .tparea .tp{ width: 100%;  object-fit: cover; aspect-ratio: 512/337;}

.galleryItem2 .des{ padding: 20px 0; text-align: center;}

.galleryItem2 .des .tit{ font-size: 20px;}

.galleryItem2 .des .nr{ margin-top: 10px;}

.galleryItem2 a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.galleryItem2 a:hover .des .tit{ color: #faf600;}

.galleryItem2 a:hover .des .nr{}



/* 04-1 服务 */

/* 09 关于我们 */

.about .interleavedList .interleavedItem:nth-child(2n){ flex-direction: row-reverse;}

.about .interleavedList .interleavedItem:nth-child(2n+1){flex-direction: row;}

.about .team,.about .team .i_tit{ padding-top: 0;}



/* 02-5-1 销售 通缉车辆 */

.wantedCar{ padding: 35px 0 75px;}

.wantedCar .wrap{ padding-bottom: 30px;}

.wantedCarItem{ margin-bottom: 30px;}

.wantedCarItem a{ display: flex; background-color: #014B43; padding: 25px 28px; border: 1px solid rgba(255, 255, 255, .2); border-width: 1px 0;} 

.wantedCarItem .tparea{overflow: hidden; width: 360px; margin-right: 32px;}

.wantedCarItem .tparea .tp{ width: 100%; object-fit: cover; aspect-ratio: 3/2;}

.wantedCarItem .des{ padding: 20px 0; flex: 1; min-width: 0; display: flex; flex-direction: column;}

.wantedCarItem .des .tit{ font-size: 18px; color: #FFCC00;}

.wantedCarItem .des .nr{ margin-top: 10px; }

.wantedCarItem .des .mandiv{ margin-top: 15px; margin-top: auto;}

.wantedCarItem .des .mandiv .sbtn{ font-size: 16px; padding: 0.4em 1em; }

.wantedCarItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.wantedCarItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.wantedCarItem a:hover .des .tit{ color: #faf600;}

.wantedCarItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



/* 07-1  新闻 最新消息 */

.news{ padding: 65px 0 75px;}

.news .wrap{ padding-bottom: 30px;}

.newsItem{ margin-bottom: 30px;}

.newsItem a{ display: flex; background-color: #014B43; padding: 25px 28px; border: 1px solid rgba(255, 255, 255, .2); border-width: 1px 0;} 

.newsItem .tparea{overflow: hidden; width: 360px; margin-right: 32px;}

.newsItem .tparea .tp{ width: 100%;  object-fit: cover; aspect-ratio: 3/2;}

.newsItem .des{ padding: 20px 0; flex: 1; min-width: 0; display: flex; flex-direction: column;}

.newsItem .des .tit{ font-size: 18px; color: #FFCC00;}

.newsItem .des .time{  margin-top: 5px; }

.newsItem .des .nr{ margin-top: 14px; }

.newsItem .des .mandiv{ margin-top: 15px; margin-top: auto;}

.newsItem .des .mandiv .sbtn{ font-size: 16px; padding: 0.4em 1em; }

.newsItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.newsItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.newsItem a:hover .des .tit{ color: #faf600;}

.newsItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



/* 07-4  新闻 在线新闻 */

.newsOnline{ padding: 55px 0 75px;}

.newsOnline .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 25px;}

.newsOnlineItem{ width: 32%;margin: 0 2% 50px 0; box-shadow: 0px 9px 4px 0px rgba(0,60,54,0.65);}

.newsOnlineItem:nth-child(3n){ margin-right: 0;}

.newsOnlineItem a{ display: block;} 

.newsOnlineItem .tparea{overflow: hidden;}

.newsOnlineItem .tparea .tp{ width: 100%; object-fit: cover; aspect-ratio: 512/341;}

.newsOnlineItem .des{ padding:26px 35px; text-align: center;}

.newsOnlineItem .des .tit{ font-size: 18px; color: #FFCC00;}

.newsOnlineItem .des .source{  margin-top: 8px; }

.newsOnlineItem .des .mandiv{ margin-top: 12px;  }

.newsOnlineItem .des .mandiv .sbtn{ font-size: 14px; padding: 0.4em 1em; }

.newsOnlineItem .des .mandiv .sbtn::before{ font-size: 16px; margin-right: 5px;}

.newsOnlineItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.newsOnlineItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.newsOnlineItem a:hover .des .tit{ color: #faf600;}

.newsOnlineItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.newsOnlineItem a:hover .des .mandiv  .sbtn::before{ margin-right: 3px;}



/* 12-1 其他术语 */

.otherTerms{  padding: 0px 10px 80px;}

.otherTerms .list a{ display: block; position: relative; padding: 5px 0 5px 16px;}

.otherTerms .list a::after{ content: ""; display: block; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; left: 0; top: 13px;  }

.otherTerms .list a:hover{ color: #faf600;}

.otherTerms .list a:hover::after{ background-color: #faf600;}



/* 12-2 其他术语 详情 */

.otherTermsDetail{ padding: 0px 0px 40px;}



/* 03-1 修复 */

.repair{ padding: 35px 0 75px;}

.repair .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 25px;}

.repairItem{ width: 32%;margin: 0 2% 50px 0;background-color:  #014B43;}

.repairItem:nth-child(3n){ margin-right: 0;}

.repairItem a{ display: block;} 

.repairItem .tparea{overflow: hidden;}

.repairItem .tparea .tp{ width: 100%;}

.repairItem .des{ padding:26px 35px; text-align: center;}

.repairItem .des .tit{ font-size: 18px; color: #FFCC00;}

.repairItem .des .nr{  margin-top: 10px; }

.repairItem .des .mandiv{ margin-top: 12px;  }

.repairItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.repairItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.repairItem a:hover .des .tit{ color: #faf600;}



.morea{ text-decoration: underline;}

.morea:hover{ color: #faf600;}

/* 05-1 要件 */

.component{ padding: 35px 0 75px;}

.component .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 25px;}

.componentItem{ width: 32%;margin: 0 2% 45px 0;background-color:  #014840;}

.componentItem:nth-child(3n){ margin-right: 0;}

.componentItem a{ display: block;} 

.componentItem .tparea{overflow: hidden;}

.componentItem .tparea .tp{ width: 100%; object-fit: cover; aspect-ratio: 512/338;}

.componentItem .des{ padding:20px 35px; text-align: center;}

.componentItem .des .tit{ font-size:20px; color: #FFCC00;}

.componentItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.componentItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.componentItem a:hover .des .tit{ color: #faf600;}



/* 05-2 要件  零件列表 */

.i_tit2{ padding: 5px 0;}

.i_tit2 .tit{ font-size: 30px; font-weight: bold;}



.i_tit3{ padding: 0.5em 1.8em; background-color: #01463E; border: 1px solid rgba(255, 255, 255, .2); border-width: 1px 0;}

.i_tit3 .mc{ font-size: 24px; font-weight: bold;}

.cPart{ margin-top: 30px;}

.cPart .wrap{ margin-top: 40px; display: flex; flex-wrap: wrap;}

.cItem{ width: 32%;margin: 0 2% 50px 0; box-shadow: 0px 9px 4px 0px rgba(0,60,54,0.65);}

.cItem:nth-child(3n){ margin-right: 0;}

.cItem a{ display: block;} 

.cItem .tparea{overflow: hidden;}

.cItem .tparea .tp{ width: 100%; object-fit: cover; aspect-ratio: 512/338}

.cItem .des{ padding:26px 35px; text-align: center;}

.cItem .des .tit{ font-size: 18px;}

.cItem .des .tit .mc{ text-decoration: underline;}

.cItem .des .nr{  margin-top: 8px; }

.cItem .des .mandiv{ margin-top: 12px;  }

.cItem .des .mandiv .sbtn{ font-size: 14px; padding: 0.4em 1em; }

.cItem .des .mandiv .sbtn::before{ font-size: 16px; margin-right: 5px;}

.cItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.cItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.cItem a:hover .des .tit{ color: #FF6600;}

.cItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.cItem a:hover .des .mandiv  .sbtn::before{ margin-right: 3px;}



/* 06  赛车 2025年比赛日历 */

.game{ padding: 0px 0 80px;}

.chooseYear{ text-align: right; padding: 25px 0;}

.chooseYear .select{ width: 110px; height: 34px; line-height: 34px; margin-left: 20px; background-color: #fff; } 

.game .wrap{  padding-bottom: 40px;}    

.gameItem{ margin-bottom: 40px;background-color: #014B43; display: flex; flex-wrap: wrap;  align-items: flex-start; padding: 34px 40px; border: 1px solid rgba(255, 255, 255, .2); border-width: 1px 0;}

.gameItem .date{ text-align: center; line-height: 1.2; padding: 14px 0; width: 120px; background: url(../images/icon_time_bg.png) center center/cover no-repeat; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;  margin-right: 20px;}

.gameItem .date .month{ font-size: 20px;}

.gameItem .date .month .num{ font-size: 38px;}

.gameItem .date .year{ margin-top: 5px;}

.gameItem .listView{ flex: 1; min-width: 0;}

.gameIist{ margin-bottom: 6px;}

.gameIist a{ padding: 15px 0; display: block; border-bottom: 1px dashed rgba(255, 255, 255, .4);}

.gameIist .tit{ font-size:18px; color: #FFCC00;}

.gameIist .info{ margin-top: 4px;}

.gameIist .info .time{}

.gameIist .info .add{ margin-left: 40px; padding: 0.2em 0.8em; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; background-color: rgba(0, 0, 0, .6); display: inline-block; }

.gameIist a:hover{ border-color: #fff;}

.gameIist a:hover .tit{ color: #faf600;}



/* 08  视频 所有视频 */

.videos{ padding: 10px 0 80px;}

.videos .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 30px;}

.videosItem{ width: 32%;margin: 0 2% 50px 0; box-shadow: 0px 9px 4px 0px rgba(0,60,54,0.65);}

.videosItem:nth-child(3n){ margin-right: 0;}

.videosItem a{ display: block;} 

.videosItem .tparea{overflow: hidden; position: relative;}

.videosItem .tparea .tp{ width: 100%; object-fit: cover; aspect-ratio: 512/341;}

.videosItem .tparea .shade{ background: rgba(0, 0, 0, .6); position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; align-items: center; justify-content: center; opacity: 0;}

.videosItem .tparea .shade .icon{ height: 38px;}

.videosItem .des{ padding:26px 35px; text-align: center;}

.videosItem .des .tit{ font-size: 18px;}

.videosItem .des .tit .mc{ text-decoration: underline;}

.videosItem .des .nr{  margin-top: 8px; color: rgba(255, 255, 255, .6);}

.videosItem a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.videosItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.videosItem a:hover .des .tit{ color: #FF6600;}

.videosItem a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.videosItem a:hover .tparea .shade{ opacity: 1;}

/* 07-2  新闻 最新消息 详情 */

.newDel{ padding: 20px 0 80px;}

.artHeader{ font-size: 30px; font-weight: bold; text-align: center; border-bottom: 1px solid RGBA(255, 102, 0, .4); padding: 25px 0;}

.artBody{ margin-top: 36px; padding: 34px 30px; background-color: #01463E;}

.artBody .nr{}

.artBody .nr .tp{ margin: 0 0 25px; width: 100%;}

.artBody .nr .wz{ line-height: 1.6;}

.timePlan{ margin-top: 35px; background-color: #00584F    ; border: 1px solid rgba(255, 255, 255, .2);  padding: 18px 22px;}

.timePlan .list{ position: relative; padding-left: 18px;}

.timePlan .list::before{ content: ""; display: inline-block; width: 8px; height: 2px; background-color: #fff; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; margin-right: 10px; position: absolute; left: 0; top: 10px; }

.delGallary{ margin-top: 35px; display: flex; flex-wrap: wrap;}

.delGallary .tparea{ border:3px solid transparent; overflow: hidden; font-size: 0; box-sizing: border-box; width: 23.5%; margin: 0 2% 2% 0;}

.delGallary .tparea:nth-child(4n){ margin-right: 0;}

.delGallary .tparea .tp{ width: 100%;}

.delGallary .tparea:hover{ border-color: #f60;}

.delGallary .tparea:hover .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }



/* 07-3  新闻 新闻 */

.news2{ padding: 55px 0 75px;}

.news2 .wrap{ display: flex; flex-wrap: wrap; padding-bottom: 25px;}

.news2Item{ width: 23.5%;margin: 0 2% 50px 0; box-shadow: 0px 9px 4px 0px rgba(0,60,54,0.65);}

.news2Item:nth-child(4n){ margin-right: 0;}

.news2Item a{ display: block;} 

.news2Item .tparea{overflow: hidden;}

.news2Item .tparea .tp{ width: 100%;  object-fit: cover; aspect-ratio: 376/460;}

.news2Item .des{ padding:26px 35px; text-align: center;}

.news2Item .des .tit{ font-size: 18px; color: #FFCC00;}

.news2Item .des .source{  margin-top: 8px; }

.news2Item .des .mandiv{ margin-top: 12px;  }

.news2Item .des .mandiv .sbtn{ font-size: 14px; padding: 0.4em 1em; }

.news2Item .des .mandiv .sbtn::before{ font-size: 16px; margin-right: 5px;}

.news2Item a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.news2Item a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.news2Item a:hover .des .tit{ color: #faf600;}

.news2Item a:hover .tparea .tp{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.news2Item a:hover .des .mandiv  .sbtn::before{ margin-right: 3px;}



/* 10-1  设施 储存设施 */

.speedAdvan{ display: flex; flex-wrap: wrap; margin-top: 30px;}

.speedItem{ width: 32%; margin: 0 2% 2% 0; text-align: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background-color: rgba(0, 0, 0, .4); color: #f60; line-height: 1.3; padding: 15px 0;}

.speedItem:nth-child(3n){ margin-right: 0;}

.speedItem .p1{ font-size: 24px;}

.speedItem .p2{ margin-top: 4px; font-size: 12px;}



.facilitiesLists{}

.facilitiesLists .list{ position: relative; padding:4px 0 4px 16px; }

.facilitiesLists .list::before{ content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #fff; opacity: .8; position: absolute; left: 0; top: 14px;}



.server{ padding: 20px 0 40px;}

.server .info,.server .wrap{ width: 960px; margin: 0 auto; max-width: 100%;}

.server .info{ padding: 40px 0; font-size: 20px; text-align: center;}

.server .wrap{ display: flex; flex-wrap: wrap; justify-content: center;}

.serverItem{ width: 16.66%; margin-bottom: 20px; text-align: center;}

.serverItem .tparea{ width: 76px; height: 76px; display: flex; align-items: center; justify-content: center; margin: 0 auto; background-color: rgba(0, 0, 0, .4); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.serverItem .tparea .tp{ max-width: 48px; max-height: 48px;}

.serverItem .des{ margin-top: 20px;}

.serverItem .des .tit{}



.facilities{ padding-bottom: 20px;}

.facilities .wrap{ display: flex; flex-wrap: wrap;}

.facilities .galleryItem2{ margin-bottom: 50px; box-shadow: 1px 7px 4px 0px rgba(0,65,59,0.65);}



/* 10-2  设施 索取存储报价 */

.commonForm{ margin-top: 20px; border-top: 1px dashed rgba(196, 132, 132, 0.2);}

.commonForm{ padding: 35px 0  20px; border-bottom: 1px dashed rgba(255, 255, 255, .2);}

.commonForm .row{}

.commonForm .row.col2{ display: flex; flex-wrap: wrap;}

.commonForm .row.col2 .formItem{ width: 48%; margin: 0 4% 14px 0;}

.commonForm .row.col2 .formItem:nth-child(2n){ margin-right: 0;}

.formItem{ display: flex; flex-wrap: wrap;}

.formItem .attrmc{ width: 180px; font-size: 16px; padding-top: 5px; line-height: 1.4; display: inline-block; margin-right: 30px; width: 150px;}

.formItem .attrval{ flex: 1; min-width: 0;  position: relative; padding-right: 20px; box-sizing:border-box;}

.formItem .attrval.col2{ display: flex; flex-wrap: wrap;}

.formItem .attrval .formList{ width: 45%; margin: 0 10% 14px 0; position: relative; padding-right: 20px; box-sizing:border-box;}

.formItem .attrval .formList:nth-child(2n){ margin-right: 0;}

.formItem .text{ display: block; border: 1px solid #45857F; background-color: #01463E; height: 40px; line-height: 40px; padding: 0 15px; font-size: 14px; width: 100%; color: #fff;}

.formItem .select{ display: block; border: 1px solid #45857F; background-color: #01463E; height: 40px; line-height: 40px; padding: 0 15px; font-size: 14px; width: 100%; color: #fff;}

.formItem .required{ position: absolute; right: 0; top: 10px; color: #FF6600; }

.i_tit4{}

.i_tit4 .tit{ font-size: 24px; font-weight: bold;}

.i_tit4 .subtit{ font-size: 14px; margin-top: 5px; }

.formConfirm{}

.formConfirm .opa .sbtn{ font-size: 20px; min-width: 10em; font-weight: bold; padding: .4em 1.8em;}

.formConfirm .agree{ color: rgba(255, 255, 255, .5);}

.formConfirm .agree a{ color: #fff; text-decoration: underline;}

.formConfirm .agree a:hover{ color: #f60;}



/* 02-2-3 销售 展厅与销售部门 表单 */

.textdiv{ box-sizing: border-box; position: relative;}

.textdiv .file{position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0;}

.textdiv .uploadIcon{ position: absolute; right: 10px; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; font-size: 18px; font-weight: bold; }



/* 05-4 要件 出售您的要件(SOR) */

.cfPart2{ padding: 15px 36px  20px; margin-bottom: 26px;  background-color: #01463E;}

.cfPart2:nth-last-child(1){ margin-bottom: 0;}

.i_tit5{ border-bottom: 1px solid rgba(255, 255, 255, .2);}

.i_tit5 .tit{ font-size: 20px; font-weight: bold; padding: 15px 0;}

.cfPart2 .i_tit5{ margin-bottom: 25px;}

.formItemTextarea{ display: block;}

.formItemTextarea .attrmc{ width: 100%; margin-right: 0; margin-bottom: 12px;}

.formItemTextarea .textarea{ height: 90px;display: block; border: 1px solid #45857F; line-height: 1.6; padding: 10px 15px; font-size: 14px; width: 100%; color: #fff;}

.cfPart2 .text,.cfPart2 .textarea,.cfPart2 .select{  background-color: #012B26;}

/* 02-5-2 销售 通缉车辆 详情 */

.cfPart3{ padding: 35px 36px  20px; margin-bottom: 26px;  background-color: #01463E;}

.cfPart3:nth-last-child(1){ margin-bottom: 0;}

.cfPart3 .formItem{ margin-bottom: 14px;}

.cfPart3 .text,.cfPart3 .textarea,.cfPart3 .select{  background-color: #012B26;}

.cfPart3 .attrmc .tip{ margin-top: 5px; font-size: 12px;}

.cfPart3 .attrmc{ width: 240px;}

.cfPart3 .textarea{ height: 90px;display: block; border: 1px solid #45857F; line-height: 1.6; padding: 10px 15px; font-size: 14px; width: 100%; color: #fff;}

.cfPart3 .agree2{}

.cfPart3 .agree2 .list{ margin-bottom: 4px; font-size: 14px;}

.cfPart3 .agree2 .list input{ margin-right: 5px;}

/* 04-2 服务 预订服务 */

.kilo{ display: flex; align-items: center;}

.kilo .text{ flex: 1;}

.kilo .unitRadioGroup{ width: 150px; display: flex;}

.kilo .unitRadioGroup .list{ margin-left: 10px;}

.kilo .unitRadioGroup .list input{ margin-right: 5px;}



.serverRequirement{ display: flex; flex-wrap: wrap;}

.requireItem{ width: 23.5%; box-sizing: border-box; cursor: pointer; position: relative; padding: 14px 20px; display: flex; align-items: center; margin: 0 2% 2px 0; border: 1px solid transparent;}

.requireItem:nth-child(4n){ margin-right: 0;}

.requireItem .tparea{ width: 64px; height: 64px; background-color: #000; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.requireItem .tparea .tp{ width: 48px;}

.requireItem .val{ font-size: 14px;}

.requireItem .icon{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  opacity: 0;}

.act_require{ background-color: #00584F; border-color: rgba(255, 255, 255, .2) !important;}

.act_require .icon{ opacity: 1 !important;}



.cfPart2 .textarea{ height: 90px;display: block; border: 1px solid #45857F; line-height: 1.6; padding: 10px 15px; font-size: 14px; width: 100%; color: #fff;}

.agree3{ color: rgba(255, 255, 255, .5); padding: 0 35px;}

.agree3 input{ margin-right: 8px;}

.agree3 a{ color: #fff; text-decoration: underline;}

.agree3 a:hover{ color: #f60;}



/* 11 联系 */

.contact{ padding: 58px 0 66px; display: flex; flex-wrap: wrap;}

.contactPart{ width: 32%; margin: 0 2% 0 0; background-color: #01463E; padding: 20px 20px 50px; box-sizing: border-box;}

.contactPart:nth-child(3){ margin-right:0 ;}

.con_tit{ font-size: 20px; color: #FFCC00; padding: 15px 0;}  



.con_row{ margin-bottom: 15px;}

.con_row1 .wrap{}

.con_row1 .wrap .nr1{}

.con_row1 .wrap .nr1 .list{}

.con_row1 .wrap .limit{ margin-top: 30px;}

.con_row1 .wrap .tip{ margin-top: 10px; font-size: 12px; color: rgba(255, 255, 255, .5);}

.con_row2 .wrap{}



.con_row3 .wrap{}

.con_row3 .wrap .item{ margin-bottom: 15px;}

.con_row3 .wrap .item .p1{}

.con_row3 .wrap .item .p2{color: rgba(255, 255, 255, .5);}



.find{}

.find .item{ display: flex;align-items: flex-start;  margin-bottom: 20px;}

.find .item .tparea{ margin-right: 10px; width: 34px; height: 34px; background-color: #000; display: inline-flex; align-items: center; justify-content: center;}

.find .item .tparea .tp{ width: 20px;}

.find .item .des{ flex: 1; min-width: 0;}

.find .item .des .p1{ font-size: 18px; color: #FFCC00;}

.find .item .des .p2{ margin-top: 5px;}

.find .tip,.find .download{ padding-left: 44px;}

.find .tip{ margin-top: 30px; color: rgba(255, 255, 255, .6);}

.find .download{ margin-top: 40px;}

.find .download a{ text-decoration: underline;}

.find .download a:hover{ color: #FFCC00;}



.conForm{}

.conForm .tip{ font-size: 12px; color: rgba(255, 255, 255, .7); margin-bottom: 20px;}

.conForm .attrval{ padding-right: 0;}

.conForm .formItem{ display: block;margin-bottom: 20px;}

.conForm .formItem .attrmc{ width: 100%;  padding: 4px 0; margin-bottom: 10px;  font-weight: bold;}

.conForm .formItem .required{ right: 10px; }

.conForm .col2{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.conForm .col2 .formItem{ width: 48%;}

.conForm .col2 .item{width: 48%;}

.conForm .col3{ display: flex; flex-wrap: wrap; justify-content: space-between;}

.conForm .col3 .formItem{ width: 32%;}

.conForm .col3 .item{width: 32%; position: relative;}

.conForm  .col2_tel .item:nth-child:nth-child(1){ width: 30%; margin-right: 4%;}

.conForm  .col2_tel .item:nth-child:nth-child(2){ width: 66%;}

.conForm .text,.conForm .select{ height: 32px; line-height: 32px;}

.conForm .textarea{height: 90px;display: block; border: 1px solid #45857F; line-height: 1.6; padding: 10px 15px; font-size: 14px; width: 100%; color: #fff;}

.conForm .agree4 input{ margin-right: 5px;}

.conForm .formConfirm .sbtn{ font-size: 16px; padding: 0.5em 2em;}



/* 05-3 要件  零件列表 详情 */

.shareBtn{ font-weight: normal; cursor: pointer; background-color: #01463E; border: 1px solid rgba(255, 255, 255, .2); font-size: 14px; padding: 0.4em 1em;}

.shareBtn::before{ margin-right: 5px;}

.shareBtn:hover{ background-color: rgba(0, 0, 0, .6);}



.d_main{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 0 80px;}

.d_l{ width: 54%;}

.d_r{ width: 42%;}



.gallery{ display: flex; flex-wrap: wrap;}

.galleryItem{ width: 100%;}

.galleryItem a{ display: block; font-size: 0; overflow: hidden;}

.galleryItem a .tp{ width: 100%; aspect-ratio: 70/46;}

.galleryItem a:hover .tp{ opacity: .8; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.gallery.col1 .galleryItem { margin-right: 0; margin-bottom: 2%;}

.gallery.col2 .galleryItem { width: 49%; margin: 0 2%  10px 0;}

.gallery.col2 .galleryItem:nth-child(2n){ margin-right: 0;}

.gallery.col4 .galleryItem { width: 23.5%; margin: 0 2% 10px 0}

.gallery.col4 .galleryItem:nth-child(4n){ margin-right: 0;}



.delIntro{}

.delIntro .book{ display: flex; align-items: center; justify-content: space-between;}

.delIntro .book .sbtn:nth-child(1){ font-size: 20px; padding: 0.3em 1em; background-color: #01463E;}

.delIntro .tip{ font-size: 14px; margin-top: 15px;}

.down{ padding: 20px; background-color: #01463E; margin-top: 15px;}

.down .tit{color: #FFCC00; font-size: 20px; font-weight: bold;}

.down .wrap{ margin-top: 15px;}

.down .wrap a{ display: flex; align-items: center;}

.down .wrap a .icon{ width: 36px;}

.down .wrap a .circle{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #fff; margin-left: 6px;}

.down .wrap a .mc{ border-bottom: 1px solid #fff; font-size: 16px; margin-left: 6px;}

.down .wrap a .info{ margin-left: 6px; font-size: 14px; color: rgba(255, 255, 255, .5);}



.dForm{padding: 10px 30px 20px; background-color: #01463E;}

.d_tit{ padding: 10px 0;}

.d_tit .tit{ font-size: 20px; font-weight: bold;}

.d_tit .subtit{ font-size: 14px; margin-top: 5px;}

.dForm .formItem{ margin-bottom: 10px;}

.dForm .text,.dForm .select{ background-color: #012B26; height: 32px; line-height: 23px;}

.dForm .attrval{ padding-right: 0;}

.dForm .required{ right: 10px;}

.dForm .mc{ margin-right: 10px; line-height: 32px;}

.dForm .row2{ display: flex; justify-content: space-between;}

.dForm .row2 .formItem{ width: 48%;}

.dForm .col3{ display: flex; justify-content: space-between;}

.dForm .col3 .box{ width: 30%;}

.dForm .formItem .tel{ display: flex; justify-content: space-between;}

.dForm .formItem .tel .select{ width: 40%;}

.dForm .formItem .tel .text{ width: 56%;}

.dForm .formItem2{ display: block;}

.dForm .textarea{height: 90px;display: block; border: 1px solid #45857F; line-height: 1.6; padding: 10px 15px; font-size: 14px; width: 100%; color: #fff; background-color: #012B26; }

.dForm .submc{ font-size: 12px; margin-top: -2px; margin-bottom: 10px;}



.delIntro{}

.delIntro .title{ font-size: 28px; font-weight: bold;}

.delIntro .intro{ margin-top: 20px;padding: 25px 30px; background-color: #01463E;}



/* 02-4 产品详情 */

.delIntro .tags{ margin-top: 20px;  display: flex; justify-content: space-between; padding: 20px 10px;background-color: #01463E; }

.delIntro .tags .tag{ width: 30%; text-align: center;}

.delIntro .tags .tag .tp{ height: 50px;}

.delIntro .tags .tag .tit{ color: rgba(255, 255, 255, .6); font-size: 14px; margin-top: -2px;}

.delIntro .tags .tag .name{ font-size: 16px; margin-top: 0px;}



.country{padding: 20px 10px;background-color: #01463E; margin-top: 25px; text-align: center;}

.country .pos{ margin-left: 60px;}

.country .icon{ height: 15px; margin-right: 6px;}

.deltab{ margin-top: 25px;}

.del_tit{ display: flex; }

.del_tit .list{  width: 33.33%; padding: 18px 0; display: inline-block; cursor: pointer; text-align: center;}

.del_tit .list .icon{ margin-right: 6px; height: 22px;}

.del_tit .list .val{ font-size: 16px;}

.actItab{ background-color: #f60 !important; }

.deltab .del_con{ padding: 25px 30px;background-color: #01463E;}

.delbox{ display: none;}

.tip2{ margin-bottom: 20px; padding: 20px 15px;background-color: #012B26; border: 1px solid rgba(255, 255, 255, .2); }

.tip2 .list{ position: relative; padding-left: 20px;}

.tip2 .list::before{ content: ""; display: block; width: 10px; height: 2px; background-color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



.delFile{ display: flex; justify-content: space-between; margin-top: 25px;}

.delFile a{ min-width:180px; padding: 15px 15px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;background-color: #01463E ;}

.delFile a .icon{margin-right: 10px; height: 36px;}

.delFile a .des{ flex: 1; min-width: 0;}

.delFile a .des .p1{ font-size: 16px;}

.delFile a .des .p2{ font-size: 14px;opacity: .6;}

.delFile a:hover{ background-color: #012B26;}


/* 图片上传 */
   .preview-area {
            margin-top: 10px;
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .preview-item {
            position: relative;
            width: 80px;
            height: 80px;
            border: 1px solid #eee;
            border-radius: 4px;
        }
        .preview-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px;
        }
        .delete-btn {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 24px;
            height: 24px; line-height: 24px;
            background: rgba(255,0,0,0.7);
            color: white;
            border: none;
            border-radius: 50%;
            font-size: 14px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
        }
        .delete-btn:hover {
            background: rgba(255,0,0,1);
            transform: scale(1.1);
        }
        .file-input-label{ background: none; color: #f00;}

        .viewer-toolbar{ width: 300px !important;}
.viewer-toolbar>li{ width: 32px !important; height: 32px !important; display: inline-flex; align-items: center;
    justify-content: center; vertical-align: middle; float: none !important;}
.viewer-toolbar>li.viewer-flip-horizontal{ display: none;}
.viewer-toolbar>li.viewer-flip-vertical{ display: none;}

















.banIntro{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.banIntro .lmmc{ font-size: 36px; color: #fff;}

.hlatestItem a .shade,.newsOnlineItem .des .mandiv .sbtn::before,.videosItem .tparea .shade{ transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }

/* #FF6600 */