@charset "utf-8";
/* --- 公用样式 --- */
span{display:block;}
a:hover{color:#ff0000;}
.clear{clear:both;}
em,i,p,span{line-height:100%;}
input{-webkit-user-select:text !important;}
.shop em img{
opacity: .5;
}
.shop em:hover img{
opacity:1;
}
.pop-video video{
padding: 20px;
}
.buy-hides{
display: none;
background: #fff;
position: absolute;
top: 80px;
left: -17px;
width: 150%;
padding: 10px 15px;
}
.buy-hides a{
display: block;
font-size: 14px;
padding-left: 30px;
color: #333!important;
height: 40px;
line-height: 40px!important;
border-bottom: 1px solid #eee;
}
.mall{
position: relative;
}
.mall:hover .buy-hides{
display: block;
}
.buy-hides a:hover{
color: #d40000!important;
}
.home-banner .vehicle .text .urlan{
height: 42px;
line-height: 42px;
position: relative;
color: #fff;
background: #d40000;
border-radius: 5px;
overflow: hidden;
display: block;
width: 125px;
text-align: center;
}
.home-banner .vehicle .text .urlan:before {
content: "";
display: block;
width: 140%;
height: 100%;
position: absolute;
left: -156%;
top: 0;
z-index: 1;
background: #fff;
transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
transform: skewX(45deg);
-webkit-transform: skewX(45deg);
-moz-transform: skewX(45deg);
}
.home-banner .vehicle .text .urlan:hover:before {
left: -21%;
}
.home-banner .vehicle .text .urlan .load-s0 {
position: relative;
z-index: 2;
color: #fff;
font-size: 14px;
line-height: 42px;
transition: .3s ease-in-out;
}
.home-banner .vehicle .text .urlan:hover .load-s0{
color: #d40000;
}
/*1024*/
@media screen and (min-width:1024px){
/* --- 公用样式 --- */
.pc{display:block;}
.wap{display:none;}
.img{ transition:all .6s ease; overflow:hidden;}
.img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.wrap{max-width:1600px; margin:0 auto;}
/* --- 栏目 --- */
.page-column{text-align:center; margin-top:90px; margin-bottom:50px;}
.page-column h2{text-align:center; margin-bottom:16px; font-size:28px; font-weight:normal;}
.page-column h2 b{color:#ff0000;}
.page-column p{font-size:14px; color:#888;}
/* --- 分页 --- */
.page-showpage{margin-top:50px; margin-bottom:50px; text-align:center;}
.page-showpage a{display:inline-block; border:1px solid #efefef; padding:6px 15px; border-radius:4px; margin-left:2px; margin-right:2px;}
.page-showpage a.now{ background:#0D3180; color:#fff; border:1px solid #0D3180; }
/* --- 头部 - 显示 --- */
.page-header{position:fixed; left:0; top:0; width:100%; height:90px; z-index:600; transition:all .3s;}
.page-header .wrap{ display:flex; align-items:center; height:100%; transition:all .3s; position:relative; z-index:100;}
/* logo */
.page-header .logo{ margin-right:auto;}
.page-header .logo a.show{display:block;}
.page-header .logo a.hide{display:none;}
/* 在线商城 */
.page-header .mall{background:url(../images/shopping.png) no-repeat 0 center; padding-left:25px; margin-left:2rem; height:90px;}
.page-header .mall a{color:#fff; line-height:90px;}
/* 语言 */
.page-header .language { margin-left:3rem; line-height:90px;}
.page-header .language a{color:#fff;}
.page-header .language:hover a{
color: #ff0000!important;
}
/* 搜索 */
.page-header .search{margin-left:3rem;}
.page-header .search .icon{background:url(../images/search.png) no-repeat center center #272727; width:36px; height:36px; border-radius:100px; cursor:pointer;}
/* --- 头部 - 滑动 --- */
.page-header.slide{background:#fff; border-bottom:1px solid #e5e5e5;}
/* logo */
.page-header.slide .logo a.hide{ display:block;}
.page-header.slide .logo a.show{display:none;}
/* 导航 */
.page-header.slide .page-nav li .link{color: #000;}
.page-header.slide .page-nav li .link.now{ color:#ff0000;}
.page-header.slide .page-nav li .link:hover{ color:#ff0000;}
/* 在线商城 */
.page-header.slide .mall a{color:#000;}
/* 语言 */
.page-header.slide .language a{color:#000;}
/* --- 头部 - 鼠标经过 --- */
.page-header:hover{background:#fff; border-bottom:1px solid #e5e5e5;}
/* logo */
.page-header:hover .logo a.hide{ display:block;}
.page-header:hover .logo a.show{display:none;}
/* 导航 */
.page-header:hover .page-nav li .link{color: #000;}
.page-header:hover .page-nav li .link.now{ color:#ff0000;}
.page-header:hover .page-nav li .link:hover{ color:#ff0000;}
/* 在线商城 */
.page-header:hover .mall a{color:#000;}
/* 语言 */
.page-header:hover .language a{color:#000;}
/* --- 头部 - 搜索 --- */
.page-header .pop-search{display:flex; align-items:center; justify-content:center; opacity:0; height:0; overflow:hidden; transition:all .3s; position:absolute; left:0; top:0; width:100%; z-index:101;}
.page-header .pop-search .form{width:0; border:1px solid #ccc; height:40px; line-height:38px; background:#fff; display:flex; align-items:center; transition:all .3s;}
.page-header .pop-search .form form{
width: 100%;height: 40px;
}
.page-header .pop-search .form .input{width:89%; height:40px; border:none; background:none; padding-left:15px; font-size:14px;float: left;}
.page-header .pop-search .form .btn{background:url(../images/search-icon.png) no-repeat center center; width:10%; height:40px; border:none; cursor:pointer;}
.page-header .pop-search .close{margin-left:20px; background:url(../images/close.png) no-repeat; width:32px; height:32px; cursor:pointer; transition:all .3s;}
.page-header .pop-search .close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);-o-transform: rotate(180deg)}
/* --- 头部 - 产品弹出 --- */
.pop-product{ background:#fff; border-bottom:1px solid #e5e5e5; opacity:0; height:0; overflow:hidden; position:fixed; left:0; width:100%; top:80px; transition:all .3s; overflow:hidden;}
/* 搜索 */
.pop-product .search{height:64px; border-bottom:1px solid #e5e5e5; margin-bottom:40px;}
.pop-product .search .box{display:flex; align-items:center; height:100%; width:992px; margin:0 auto; position:relative;}
.pop-product .search .box form{
width: 100%;display: block;
}
.pop-product .search .box:before{content:""; background:url(../images/search-icon.png) no-repeat 0 center; height:64px; width:19px; position:absolute; left:0; top:0;}
.pop-product .search .box input{height:40px; line-height:40px; width:90%; border:none; padding-left:35px; font-size:14px;}
.pop-product .search .box input::-webkit-input-placeholder {color:#b9b9b9;}
.pop-product .search .box button{ background:#272727; color:#fff; width:80px; height:40px; border:none; border-radius:5px; margin-left:auto; font-size:16px; cursor:pointer;}
.pop-product .search .box button:active{opacity:.8;}
/* 产品分类 */
.pop-product .type{}
.pop-product .type .swiper-container{padding-bottom:80px;}
.pop-product .type .swiper-container{max-width:1022px; margin:0 auto; position:relative;}
.pop-product .type .swiper-container a{padding:0 15px; display:block; text-align:center; }
.pop-product .type .swiper-container a .pic{margin-bottom:15px; overflow:hidden; transition:all .3s; }
.pop-product .type .swiper-container a .text{font-size:14px;}
.pop-product .type .swiper-container .swiper-pagination-bullet{background:#ccc;}
.pop-product .type .swiper-container .swiper-pagination-bullet-active{background:#ff0000;}
/*
.pop-product .type .swiper-container .swiper-button-prev{left:15px; top:30%; background:url(../images/arrow-left.svg) no-repeat #FF0000 center center; width:30px; height:60px; background-size:30px 30px;}
.pop-product .type .swiper-container .swiper-button-next{right:15px; top:30%; background:url(../images/arrow-right.svg) no-repeat #FF0000 center center; width:30px; height:60px; background-size:30px 30px;} */
/* --- 头部 - 子类目弹出 --- */
.pop-subcategory{ background:#fff; border-bottom:none; opacity:0; height:0; overflow:hidden; position:fixed; left:0; width:100%; top:80px; transition:all .3s; overflow:hidden; z-index:-1;box-shadow: 0 3px 8px rgba(0,0,0,.1);}
.pop-subcategory .wrap{display:flex; align-items:center; justify-content:center; padding:50px;}
.pop-subcategory .wrap .list{width:40%;}
.pop-subcategory .wrap .list dt{font-size:24px; font-weight:bold; margin-bottom:20px;}
.pop-subcategory .wrap .list dd{
display: block;
overflow: hidden;
}
.pop-subcategory .wrap .list dd em a{
display: block;
position: relative;
z-index: 9999;}
.pop-subcategory .wrap .list dd em{width:50%; float:left; line-height:250%;}
.pop-subcategory .wrap .pic{width:60%; text-align:right;}
/* --- 导航 --- */
.page-nav li{float:left; height:90px; padding:0 30px;}
/* 显示 */
.page-nav li .link{color: #888888; transition:all .3s; line-height:90px; height:90px;}
.page-nav li .link:hover{ color:#fff;}
.page-nav li .link.now{ color:#fff;}
.page-nav li:first-child .link{ letter-spacing:3px;}
/* 产品弹出
.page-nav li:hover .pop-product{opacity:1 !important; height:auto !important; top:90px !important;}
.page-nav li:visited .pop-product{opacity:1 !important; height:auto !important; top:90px !important;}
*/
/*
.page-nav li:hover .pop-subcategory{opacity:1 !important; height:auto !important; top:90px !important; border-bottom:1px solid #efefef !important; z-index:9999 !important;}
.page-nav li:visited .pop-subcategory{opacity:1 !important; height:auto !important; top:90px !important; border-bottom:1px solid #efefef !important; z-index:9999 !important;}子类目弹出 */
/* --- banner --- */
.home-banner{
height:100%;
}
/* 智能折叠电动车 */
.home-banner .vehicle{ background-color:#222;background-image: url("../images/bannerbj.jpg");background-size: cover;
height:100%;}
.home-banner .vehicle .box{ display:flex; align-items:center; height:100%; position:relative;}
/* 文案 */
.home-banner .vehicle .text{width:60%; position:relative;}
.home-banner .vehicle .text h3{font-size:63px; color:#fff; margin-bottom:38px;}
.home-banner .vehicle .text .dep{color:#fff; font-size:32px; margin-bottom:38px; position:relative;}
.home-banner .vehicle .text .dep em{color:#ff0000;}
.home-banner .vehicle .text .eng{color:#d40000; text-transform:uppercase; font-size:30px; font-family:Arial;margin-bottom: .3rem;}
.home-banner .vehicle .text .other{position:absolute; right:11px; top:62%; height:25px; width:300px; opacity:0;}
.home-banner .vehicle .text .other .line{height:1px; background:#2A2A2A;}
.home-banner .vehicle .text .other .dot{background:#ff0000; background-color:rgba(255,0,0,0.2); width:25px; height:25px; border-radius:100px; position:absolute; top:-12px; right:-11px; animation:dot 2s ease infinite ;}
.home-banner .vehicle .text .other .dot em{background:#ed0200; width:9px; height:9px; border-radius:100px; display:block; margin:8px auto;}
/* 图片 */
.home-banner .vehicle .pic{
height: 100%;
text-align: center;
float: right;
}
.home-banner .vehicle .pic img{
height: 90%;
margin-top: 90px;max-width: max-content;}
/* --- 解决方案 --- */
.home-solution{background:#f5f5f5; overflow:hidden; padding-bottom:90px;}
/* 场景 */
.home-solution .scene {background:#fff; overflow:hidden; height:129px; margin-bottom:50px; transition:all .3s;}
.home-solution .scene li{float:left; width:25%; text-align:center; display:flex; align-items:center; justify-content:center; height:129px; font-size:18px; position:relative;}
.home-solution .scene li:after{content:""; background:#e5e5e5; height:49px; width:1px; top:40px; right:0; position:absolute;}
.home-solution .scene li:last-child:after{background:none;}
.home-solution .scene:hover{box-shadow: 10px 10px 20px #ececec;}
/* 图片 */
.home-solution .photo{ display:flex; align-items:center;}
.home-solution .photo .right{
width: 45%;margin-left:auto;overflow:hidden;
}
.home-solution .photo .left p{overflow:hidden; height: 360px; transition:all .3s;}
.home-solution .photo p:hover{box-shadow: 10px 10px 20px #ececec;}
.home-solution .photo .left{ width: 50%;}
.home-solution .photo .left p img{
width: 100%;
}
.home-solution .photo .right p img{
width: 100%;
}
.home-solution .photo .left p:nth-child(1){margin-bottom:50px;}
.home-solution .photo .right p:nth-child(1){margin-bottom:50px;}
/* --- 优点 --- */
.home-merit{overflow:hidden; padding-bottom:90px; background:url(../images/home-merit.jpg) no-repeat; background-size:cover; background-attachment: fixed;}
.home-merit li{float:left; width:33.333%; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; display:flex; align-items:center; padding:35px 50px;}
.home-merit li .pic{margin-right:20px;}
.home-merit li .text h3{font-size:18px; margin-bottom:10px;}
.home-merit li .text p{font-size:14px; color:#888; line-height:150%;}
.home-merit li:nth-child(3){border-right:none;}
.home-merit li:nth-child(4){border-bottom:none;}
.home-merit li:nth-child(5){border-bottom:none;}
.home-merit li:nth-child(6){border-bottom:none; border-right:none;}
/* --- 展示 --- */
.home-exhibition{background:#f5f5f5; padding-top:90px; padding-bottom:90px;}
/* 视频 */
.video-list{margin-bottom:10px;}
.video-list ul{display:flex; align-items:center;}
.video-list ul li{position:relative; cursor:pointer;overflow: hidden; width: 50%; height: 367px; margin: 20px;}
.video-list ul li:last-child{margin-left:auto;}
.video-list ul li .pic img{
transition: all .8s ease;
-moz-transition: all .8s ease;
-webkit-transition: all .8s ease;
-o-transition: all .8s ease;
}
.video-list ul li:hover .pic img{
transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-webkit-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
}
.video-list ul li .video-show{position:absolute; left:0; top:0; width:100%; height:100%; z-index:300;}
.video-list ul li .video-show .text{position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; align-items:center; justify-content:center;}
.video-list ul li .video-show .text i{background:url(../images/play.png) no-repeat; width:57px; height:57px; display:block; margin:0 auto; margin-bottom:20px;}
.video-list ul li .video-show .text em{color:#fff;}
/* 服务 */
.service-list ul{display:flex; align-items:center;}
.service-list ul li{width:33.333%; border-right:1px solid #e9e9e9;}
.service-list ul li a{
transition: all .4s ease;
-moz-transition: all .4s ease;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
}
.service-list ul li:hover a{
padding-left: 18px;
}
.service-list ul li a{ display:flex; align-items:center; justify-content:center;}
.service-list ul li a .icon{margin-right:15px;}
.service-list ul li a .text h3{ font-size:22px; margin-bottom:10px;}
.service-list ul li a .text p{font-size:14px; color:#888;}
.service-list ul li:last-child{
border: none;
}
/* --- 新闻中心 --- */
.home-news{ padding-top:90px; padding-bottom:90px; overflow:hidden;}
/* 切换 */
.home-news .hd{display:flex; align-items:center; border-bottom:1px solid #eee; padding-bottom:35px; margin-bottom:45px; background:url(../images/arrow.png) no-repeat right 8px; padding-right:40px; }
.home-news .hd ul{margin-left:auto;}
.home-news .hd ul li{float:left; margin-left:30px; font-size:14px; color:#888; cursor:pointer;}
.home-news .hd li.on{color:#000;}
/* 内容 */
.home-news .bd{}
.home-news .bd li{float:left; width:33.333%;}
.home-news .bd li .date{ color:#e1e1e1; font-size:28px; font-weight:bolder; margin-bottom:20px;}
.home-news .bd li .text h3{font-size:16px; margin-bottom:30px;display: block;white-space:nowrap; width: 85%;
overflow:hidden;
text-overflow:ellipsis;
}
.home-news .bd li .text p{color:#888; font-size:14px; line-height:150%; width:90%; margin-bottom:35px;}
.home-news .bd li .more{font-size:16px;}
.home-news .bd li .more a{border-bottom:1px solid #e60012; padding-bottom:5px; color:#888;}
.home-news .bd li .more a:hover{color:#000;}
/* --- 弹出 --- */
.pop-back{position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:400; display:none;}
.pop-video{ width:50%; left:0; right:0; bottom:0; top:-500%; position:fixed; margin:auto; z-index:500; height:50%;}
/* --- 底部 --- */
.page-footer{background:#000; padding-top:95px; padding-bottom:95px;}
.page-footer .wrap{ display:flex;}
/* logo */
.page-footer .logo{width:160px;}
.page-footer .logo .pic{margin-bottom:15px;}
.page-footer .logo .text{background:#fff; text-align:center; width:160px; height:34px; line-height:34px; font-weight:bold; border-radius:5px;}
/* 地图 */
.page-footer .map{margin-left:145px; display:flex;}
.page-footer .map dl{ margin-right:85px;}
.page-footer .map dl dt{color:#fff; margin-bottom:28px;}
.page-footer .map dl dd em{display:block; font-size:14px; line-height:200%;}
.page-footer .map dl dd em a{color:#888;}
.page-footer .map dl dd em a:hover{color:#fff;}
.page-footer .map.wap{display:none;}
/* 联系 */
.page-footer .contact{margin-left:auto; text-align:right;}
.page-footer .contact .tel p{font-size:14px; color:#fff; margin-bottom:10px;}
.page-footer .contact .tel p:last-child{ color:#ff0000; font-size:18px;}
.page-footer .contact .shop em.ftpo{
position: relative;
}
.erweimaft{
position: absolute;
width: 120px;
height: 0px;
background: #fff;
right: -80%;
top: 40px;
overflow: hidden;
transition: all .3s ease;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
}
.erweimaft img{
width: 100%;
}
.page-footer .contact .shop em.ftpo:hover .erweimaft{
height: 120px;
}
/* --- 版权 --- */
.page-copyright{background:#000;}
.page-copyright .box{border-top:1px solid #191919; height:68px; display:flex; align-items:center; color:#888; font-size:14px;}
.page-copyright .box .left em{margin-right:20px;}
.page-copyright .box .right{margin-left:auto;}
.page-copyright .box .right a{
color: #888;
}
/* --- 位置 --- */
.page-path{height:60px; line-height:60px; margin-top:90px; background:#eee; }
.page-path .wrap{display:flex; align-items:center;}
/* 分类 */
.page-path .type {display:flex; align-items:center;}
.page-path .type a{font-size:14px; padding: 0 20px; text-align:center; display:block; position:relative;}
.page-path .type a:after{content:""; height:13px; background:#C4C4C4; position:absolute; right:0; top:24px; width:1px;}
.page-path .type a.on{
color: #d40000;
}
/* 位置 */
.page-path .path{margin-left:auto; font-size:14px; background:url(../images/path.png) no-repeat 0 center; padding-left:20px; color:#666;}
/* --- 产品简介 --- */
.product-brief{position:relative;
/* height:700px;*/
}
.product-brief .wrap{ display:flex; align-items:center;}
.product-brief:before{content:""; width:50%; background:#fff; position:absolute; height:100%; left:0; top:0;}
/* 图片 */
.product-brief .photo{ width:50%; overflow:hidden;
/* height:700px;*/
overflow:hidden;}
.product-brief .photo .content{position:relative; z-index:500;}
/* 介绍 */
.product-brief .about{width:50%; display:flex; align-content:center;
/* height:700px; */
padding:80px;}
/* 介绍 - 名称*/
.product-brief .about .name h1{font-size:32px; margin-bottom:30px;}
/* 介绍 - 帮助*/
.product-brief .about .help{border-top:1px solid #b9b9b9; border-bottom:1px solid #b9b9b9; display:flex; align-items:center; height:48px; margin-bottom:30px;}
.product-brief .about .help a{display:block; width:25%; position:relative; text-align:center;}
.product-brief .about .help a:after{content:""; height:16px; width:1px; background:#d1d1d1; right:0; top:7px; position:absolute;}
/* 介绍 - 简介*/
.product-brief .about .brief{color:#888; line-height:23px; margin-bottom:50px;}
/* 介绍 - 参数*/
.product-brief .about .parameter{margin-bottom:25px; overflow:hidden;}
.product-brief .about .parameter p{float:left; width:50%; height:56px; line-height:56px; border-bottom:1px solid #b9b9b9;}
.product-brief .about .parameter p em{color:#888;}
/* 介绍 - 颜色*/
.product-brief .about .color{display:flex; align-items:center; margin-bottom:60px;}
.product-brief .about .color .title{color:#888; margin-right:20px;}
.product-brief .about .color .list {display:flex; align-items:center;}
.product-brief .about .color .list em{display:block; width:40px; height:40px; margin-right:10px; border:2px solid #f5f5f5;}
.product-brief .about .color .list .choice .checkbox{appearance: none; -webkit-appearance: none; outline: none; display: none;}
.product-brief .about .color .list .choice .checkbox+em{}
.product-brief .about .color .list .choice .checkbox:checked+em{ border:2px solid #ff0000; }
/* 介绍 - 购买 */
.product-brief .about .buy a{background:#000; width:250px; height:60px; text-align:center; line-height:60px; font-size:22px; color:#fff; display:block; transition:all .1s;}
/* --- 产品详细 --- */
.product-detailed{ margin-bottom:100px;}
/* 切换 */
.product-detailed .hd{ border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; height:65px; margin-top:40px; margin-bottom:100px;}
.product-detailed .hd ul {display:flex; height:65px; justify-content:center; align-items:center;}
.product-detailed .hd ul li{width:200px; position:relative; text-align:center; cursor:pointer; height:65px; line-height:65px;}
.product-detailed .hd ul li:after{content:""; width:1px; background:#d1d1d1; height:18px; position:absolute; right:0; top:20px;}
.product-detailed .hd ul li.on{color:#ff0000;}
/* 内容 - 产品说明 */
.product-detailed .bd .box{text-align:center;}
.product-detailed .bd .explain{text-align:center;}
/* --- 产品相关 --- */
/* 标题 */
.product-relevant .title{border-bottom:1px solid #d1d1d1; padding-bottom:23px; display:flex; align-items:center; margin-bottom:40px;}
.product-relevant .title h2{line-height:38px; }
.product-relevant .title .back{margin-left:auto;}
.product-relevant .title .back a{background:#ff0000; width:116px; height:38px; line-height:38px; border-radius:5px; color:#fff; display:block; text-align:center;}
/* 内容 */
.product-relevant .content{margin-bottom:100px;}
.product-relevant .content ul{display:flex; align-items:center;}
.product-relevant .content ul li{
width: 48%;
margin: 1%;
padding: 2%;
display: block;
float: left;
background: #fff;
box-shadow: 0 3px 8px rgba(0,0,0,.1);
transition: all .3s;
}
.product-relevant .content ul li .pic a{ display: flex;
align-items: center;
padding: 3% 3% 60px 3%;
justify-content: center;}
.product-relevant .content ul li .text{text-align:center;}
.product-relevant .content ul li .text h3{
font-size: 22px;
margin-bottom: 20px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
}
.product-relevant .content ul li .text p{
color: #888;
font-size: 14px;
line-height: 20px;
height: 40px;
padding: 0 15px;
}
.product-relevant .content ul li:hover{box-shadow: 10px 10px 20px #ececec;}
}
/* --- 动画 --- */
@keyframes dot
{
0% { opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes dot
{
0% { opacity:0;}
100% {opacity:1;}
}
/*1440*/
@media screen and (min-width:1400px) and (max-width:1679px) {
/* --- 公用样式 --- */
.wrap{max-width:90%; margin:0 auto;}
/* --- 导航 --- */
.page-nav li{ padding: 0 20px;}
/* --- 解决方案 --- */
/* --- 展示 --- */
/* 视频 */
.video-list ul li{position:relative; cursor:pointer; width:49%; height:367px;}
/* --- 产品相关 --- */
/* 内容 */
.product-relevant .content ul li{width:48%;}
}
/*1360*/
@media screen and (min-width:1360px) and (max-width:1399px) {
/* --- 公用样式 --- */
.wrap{max-width:1250px; margin:0 auto;}
/* --- 导航 --- */
.page-nav li{margin-right:0px;padding: 0 15px;}
/* --- 解决方案 --- */
/* 图片 */
/*
.home-solution .photo .left{width:610px;}
.home-solution .photo .right{margin-left:auto; width:610px;}
.home-solution .photo .right p:nth-child(1){margin-bottom:30px;}
*/
/* --- 展示 --- */
/* 视频 */
.video-list{margin-bottom:50px;}
.video-list ul li{position:relative; cursor:pointer; width:610px;}
/* --- 产品相关 --- */
/* 内容 */
.product-relevant .content ul li{width:48%;}
/* --- 底部 --- */
/* 地图 */
.page-footer .map{margin-left:150px;}
.page-footer .map dl{ margin-right:85px;}
}
/*1280*/
@media screen and (min-width:1280px) and (max-width:1359px) {
/* --- 公用样式 --- */
.wrap{max-width:90%; margin:0 auto;}
/* --- 导航 --- */
.page-nav li{padding: 0 15px;}
/* --- banner --- */
.home-banner .vehicle .text .other{right:150px; width:250px;}
/* 图片 */
.home-banner .vehicle .pic{
/* width:50%; */
}
/* --- 解决方案 --- */
/* 图片 */
/*
.home-solution .photo .left{width:575px;}
.home-solution .photo .right{width:575px;}
.home-solution .photo .right p:nth-child(1){margin-bottom:30px;}
*/
/* --- 展示 --- */
/* 视频 */
.video-list{margin-bottom:20px;}
.video-list ul li{position:relative; cursor:pointer; width:575px;}
/* --- 产品相关 --- */
/* 内容 */
.product-relevant .content ul li{width:48%; }
/* --- 底部 --- */
/* 地图 */
.page-footer .map{margin-left:100px;}
.page-footer .map dl{ margin-right:70px;}
.page-header .mall {
margin-left: 1rem;
}
.page-header .language {
margin-left: 2rem;
}
.page-header .search {
margin-left: 2rem;
}
}
/*1024*/
@media screen and (min-width:960px) and (max-width:1279px) {
/* --- 公用样式 --- */
.wrap{max-width:90%; margin:0 auto;}
/* --- 栏目 --- */
.page-column{text-align:center; margin-top:50px; margin-bottom:50px;}
.page-column h2{text-align:center; margin-bottom:16px; font-size:28px; font-weight:normal;}
.page-column h2 b{color:#ff0000;}
.page-column p{font-size:14px; color:#888;}
/* --- 头部 - 显示 --- */
.page-header .mall {
margin-left: 1rem;
}
.page-header .language {
margin-left: 2rem;
}
.page-header .search {
margin-left: 2rem;
}
/* --- 导航 --- */
.page-nav li{padding: 0 10px;}
/* --- banner --- */
.home-banner .vehicle .text{width:650px;}
.home-banner .vehicle .text .other{right:125px; width:200px;}
/* 图片 */
.home-banner .vehicle .pic{
/* width:50%; margin-right:-50px;*/
}
/* --- 解决方案 --- */
.home-solution{ padding-bottom:50px;}
/* 图片 */
/*
.home-solution .photo .left{width:450px;}
.home-solution .photo .right{width:450px;}
.home-solution .photo .right p:nth-child(1){margin-bottom:20px;}
*/
/* --- 优点 --- */
.home-merit{ padding-bottom:50px;}
.home-merit li{padding:35px 20px;}
/* --- 展示 --- */
.home-exhibition{background:#f5f5f5; padding-top:50px; padding-bottom:50px;}
/* 视频 */
.video-list{margin-bottom:50px;}
.video-list ul li{position:relative; cursor:pointer; width:450px; height:240px;}
/* --- 新闻中心 --- */
.home-news{ padding-top:50px; padding-bottom:50px; overflow:hidden;}
.home-news .bd li{padding-right:30px;}
.home-news .bd li h3{line-height:150%;}
/* --- 产品相关 --- */
/* 标题 */
.product-relevant .title{margin-bottom:30px;}
/* 内容 */
.product-relevant .content ul li{width:48%; }
.product-relevant .content ul li .text{padding:0 30px;}
.product-relevant .content ul li .text p{line-height:150%;}
/* --- 底部 --- */
.page-footer{padding-top:50px; padding-bottom:50px;}
/* logo */
.page-footer .logo{width:160px;}
/* 地图 */
.page-footer .map{margin-left:50px;}
.page-footer .map dl{ margin-right:30px;}
.page-footer .map dl dt{margin-bottom:15px;}
/* --- 产品简介 --- */
.product-brief{position:relative;
/* height:650px;*/
}
/* 图片 */
.product-brief .photo{ width:50%;
/* height:650px; */
overflow:hidden; display:flex; align-items:center;}
.product-brief #main{height:650px;}
/* 介绍 */
.product-brief .about{width:50%;
/* height:650px;*/
padding:40px;}
#showcase{ margin-top:100px;}
/* --- 产品详细 --- */
.product-detailed{ margin-bottom:50px;}
/* 切换 */
.product-detailed .hd{ margin-bottom:40px;}
}
@media screen and (max-width:1679px){
/* 图片 */
.home-solution .photo .left{width:55%;}
.home-solution .photo .left img{
width: auto;
height: 100%;
}
.home-solution .photo .right{margin-left:auto; width:41.6%;}
.home-solution .photo .right img{
width: 100%;
}
.home-solution .photo .left p{
height: 50%;
}
.home-solution .photo .left p:nth-child(1) {
margin-bottom: 50px;
}
.home-banner .vehicle .text .other {
position: absolute;
right: 0px;
top: 62%;
height: 25px;
width: 300px;
opacity: 0;
}
}
@media screen and (max-width:1560px){
.page-footer .map {
margin-left: 110px;
}
.page-footer .map dl {
margin-right: 70px;
}
}
@media screen and (max-width:1430px){
.page-footer .map {
margin-left: 100px;
}
.page-footer .map dl {
margin-right: 60px;
}
}
@media screen and (max-width:1400px){
.home-solution .photo .right{
width: 41.5%;
}
.home-solution .photo .left p:nth-child(1) {
margin-bottom: 30px;
}
.home-banner .vehicle .text .other {
position: absolute;
right: 0px;
top: 59%;
height: 25px;
width: 200px;
opacity: 0;
}
.home-banner .vehicle .text h3 {
font-size: 50px;
color: #fff;
margin-bottom: 38px;
}
}
@media screen and (max-width:1340px){
.page-footer .contact{
display: none;
}
.page-footer .map {
margin-left: auto;
}
}
@media screen and (max-width:1320px){
.home-banner .vehicle .text .other {
position: absolute;
right: 0px;
top: 59%;
height: 25px;
width: 100px;
opacity: 0;
}
}
@media screen and (max-width:1260px){
.cndns-right{
display: none;
}
.home-banner .vehicle .text h3 {
font-size: 50px;
color: #fff;
margin-bottom: 38px;
}
.home-banner .vehicle .text .dep {
color: #fff;
font-size: 26px;
margin-bottom: 38px;
position: relative;
}
.home-banner .vehicle .pic{
width:50%; position:absolute; right:0; top:0; height:100%; display:flex; align-items:center;
}
.home-banner .vehicle .pic img{
width: 100%;
max-width: 100%;
height: auto;
}
.home-banner .vehicle .text .other {
position: absolute;
right: 150px;
top: 59%;
height: 25px;
width: 200px;
opacity: 0;
}
}
@media screen and (max-width:1060px){
.search{
display:none;
}
}
@media screen and (max-width:768px){
.buy-hides{
top: 40px;
}
}