@import url("responsive2.0.css");

.header .top_w{position: fixed;z-index: 100; left: 0;top: 0;width: 100%; background:rgba(255,255,255,0.15); transition: 0.5s}
.header.show .top_w{background:rgba(0,0,0,0.4);}
.header .logo{max-width: 120px}
.header .logo img{filter: brightness(0) invert(1);}
.header menu li span,
.header menu li span a{display: block;}
.header menu li span a{color: #181818}
.header menu li .sub{display: none}
.header menu li .sub a{display: block;line-height: 34px;}
.header menu li .sub dl{padding: 30px 0}
.header menu li .sub dt{padding:0; text-align: left}
.header menu li .sub dt aside{position: relative}
.header menu li .sub dt aside:before{content: '';position: absolute; left: -14px; top: 0; bottom: 0; margin: auto; width: 4px; height: 4px; border-radius: 10px; margin: auto; background: #333;}
.header menu li .sub dt aside:hover a,
.header menu li .sub dt:hover aside a{color: #0b10b6}
.header menu li .sub dt aside:hover:before,
.header menu li .sub dt:hover aside:before{ background: #0b10b6;}
.header menu li .sub .hierarchy{padding: 10px 0}
.header menu li .sub ol a:not(:hover){opacity: 0.8}

.header menu li aside{position: relative}
.header .top-search{display: block; padding: 0;}
.header .top-search a{display: block;width: 30px; height: 30px; cursor: pointer; background: no-repeat center center url(../images/search.svg);}
.header .top-search .box{}
.header .top-search .box .text{width:200px;display: block;color: #fff; background: none; border: 0; transition: 0.5s; color: #fff;border-radius: 30px;background: rgba(255,255,255,0.5);}
.header .top-search .box .text.focus{color: #000;}
.header .top-search .box .btn{position: absolute;left: 0; top:5px;}
.header .open-search.on:after,
.header .open-search.on:before{background-color: #2025bb;}

.header menu li#m21 .sub .hierarchy #topcm6{ display: none;}

@media (min-width:1025px) {
.header menu li{line-height: 40px}
.header menu li span{position: relative;z-index: 10;padding: 25px 0}
.header menu li span a{padding: 0px 10px;color: #fff;  transition: 0.5s}
.header menu li.aon span a{border-radius:5px; background:rgba(255,255,255,0.4);}
.header menu li .sub{position: absolute;background:rgba(248,248,248,0.95);left: 0;width: 100%; z-index: -1}
.header menu li .sub ol a{display:inline-block;color: #333; padding: 0px 10px; border-radius: 10px;}
.header menu li .sub ol a:hover{background: #0b10b6; color: #fff;}
.header menu li .sub dl{ justify-content: center}
.header menu li .sub dt:not(:last-child) aside{padding-right:1rem}
.header menu li:hover span:before{left: -12px; opacity: 1}
.header menu li#m21 .sub:before{left: 0;bottom: 0;width: 50%;height: 100%;background:rgba(224,224,224,0.9);content: "";position: absolute;z-index: -2;}
.header .top-search{padding-left:30px; margin-left: 2vw}
.header .top-search a.open-search{display: none}
.header .top-search .text:not(:hover){width:80px;background:none}
}
@media (min-width:1200px) {
.header menu li span a{padding: 0px 20px;}
}
@media (min-width:1400px) {
.header menu li span a{padding: 0px 30px;}
}
@media (max-width:1024px) {
.header .logo{padding: 5px 0;max-width:85px;}
.header .top-search .box{position: absolute;display: none;right: 0; padding-left: 30px;}
.header menu{position: fixed; left: -100%;top:56px;height: calc(100vh - 56px); background-color: #fff;opacity: 0;transition: 0.5s;box-shadow: 0 5px 5px rgba(0,0,0,0.1); width:65vw; max-width: 300px;}
.menu-show .header menu{left: 0; opacity: 1;}
.header menu ul{padding: 20px 0; height: 100%; overflow: auto; display: block}
.header menu li{border-bottom: 1px dotted #c6c6c6;}
.header menu li span{line-height: 3; padding-left:1em;}
.header menu li.has-sub span .op:before, 
.header menu li.has-sub span .op:after{background-color: #2025bb;}
.header menu li .sub dl{display: block;padding:0 0 0 1em;}
.header menu li .sub dt aside{padding:7px 0 7px 14px;border-bottom: solid 1px #eee}
.header menu li .sub a{line-height: 22px;}
.header menu li .sub dt aside:before{left: 0; background: #181818}
.header menu li .sub .hierarchy{display: none; padding: 0 0 0 14px}
.header menu li .sub ol{padding: 5px 0;border-bottom: solid 1px #eee}

.header menu li .has-multi aside .op-multi{right: 5px; bottom: 0; margin: auto; width:34px; height:34px;}
.header menu li .has-multi aside .op-multi:before{display: none}
.header menu li .has-multi aside .op-multi:after{width:8px; height: 8px;left: 0;right: 0; top: 0; bottom: 0; margin: auto; transform: rotate(45deg); border-bottom: solid 1px #181818; border-right: solid 1px #181818; background:none}
.header menu li .has-multi aside .op-multi.click:after{transform: rotate(175deg)}

.open-menu {margin-left: 20px; width:34px;height:24px; display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;transition: 0.3s;}
.open-menu span {display: block;transition: 0.3s;height: 2px;background-color: #fff;}
.menu-show  .open-menu{border-radius: 50%; background-color: #2025bb;padding: 8px; height:34px; }
.menu-show  .open-menu span{background-color: #fff; height: 1px;}
}
@media (max-width:640px) {
.header .logo{max-width:60px;}
}

.footer {padding-top:5%; color: #fff; background: #010136; line-height: 2.5}
.footer a{color:  #fff}
.footer a:hover{color:  #8a8ad3}
.footer .left{width: 25%;line-height: 1.8;}
.footer .left .logo{ margin-bottom: .2rem;}
.footer .left .logo img{max-height: 0.8rem;}
.footer .left .share{ margin-top:0.2rem;}
.footer .left .share .tit{margin-bottom:0.1rem;}
.footer .left .share li{float:left;position:relative;}
.footer .left .share li figure{position:absolute;left:0;bottom:100%;width:120px;padding:5px;background:#fff;color:#333;margin-bottom:10px;border-radius:5px;display:none;}
.footer .left .share li figure img{display:block;width:100%;}
.footer .left .share li figure:before{position:absolute;content:'';border:5px solid transparent;left:20px;top:100%;border-top-color:#fff;}
.footer .left .share li:not(:last-child){margin-right:calc(5 / 16 * 1em);}
.footer .left .share li a{display:block;width:0.4rem;height:0.4rem;background-position:center center;background-repeat:no-repeat;border-radius:50%;cursor:pointer;background-size:0.2rem auto;background-color:rgba(255, 255, 255, 0.2);}
.footer .left .share li a:hover{background-color:#0b10b6;}

.footer .column{width:47%}
.footer .nav .item{padding-right: 0.12rem;}
.footer .nav .item dt{position: relative;padding-bottom: 0.17rem;}
.footer .nav .item dt i{font-size: 16px;position: absolute;right: 0;top: 0;width: 100%;text-align: right;display: none;z-index: 3;}
.footer .nav .item dd a{opacity: 0.6;}
.footer .nav .item dd a:hover{opacity: 1;}
.footer .contact{width:3rem}
.footer .contact .tit{padding-bottom: 0.17rem;}
.footer .contact .code li{text-align: center; max-width: 1.3rem;float:left;margin-right:0.2rem;}
.footer .contact .code li img{ border-radius: 4px;display: block; width:1.3rem;}
.footer .contact .code li aside {color: rgba(255, 255, 255, 0.5);margin-top: 10px;text-align: center;}
.footer .contact .code li aside img{width:auto;margin:0 auto;}
.footer .icp{display: inline-block}
.copyright{text-align: center; border-top: solid 1px #181848; padding: 0.1rem 0 0; margin-top: 2%;flex-direction: row-reverse;}
.copyright .fl{float:left}
.copyright nav{margin-left:1%}
.copyright nav a{margin-left:0.10rem;}
@media (max-width:1024px) {
.footer .column{width:60%}
.footer .column li{width:33%}
.footer .column ul{justify-content: flex-start}
.footer .contact{width: 100%; border-top: solid 1px #181848; padding-top: 2%; margin-top: 2%}
}
@media (max-width:768px) {
.footer .left{width: 100%;padding: 2% 0}
.footer .column{width:100%; display: none;}
.footer .contact{line-height: 22px;text-align: center;}
.footer .contact ul{ display: table; margin: 0 auto;}
.footer .contact p{width: 100%; padding-top: 2%}
.copyright{flex-direction: column;line-height: 1.6;}
}

.banner{position: relative}
.banner img{width: 100%}
.banner .wap{display: none}
.banner video{position: absolute; width: 100%; height: 100%; z-index: 5; top: 0; object-fit: fill;-o-object-fit: fill}
.banner .txt{position: absolute; top: 34%; width: 100%; text-align: center;}
.banner .txt aside{font-size: calc(72/var(--winvw)); color: #fff; padding-bottom: 3%}
.banner .txt:after{content: ''; width: 60px; height: 60px;margin: auto;display: block;border-radius: 100%; background:#0b10b6 url(../images/jt.png) no-repeat center center;animation:tiao 1.2s linear infinite}
.banner .slick-dots{position: absolute; bottom: 6%; right: 8%;width: auto}
.banner .slick-dots span{font-size: .2rem}
.banner .slick-dots .slick-active span{font-size: .24rem; color: #ea5520}
@media (max-width:1024px) {
.banner .wap{display:block}
.banner .pc{display: none}
.banner .txt aside{padding-bottom: 0}
.banner .txt aside{font-size: calc(40/var(--winvw)); }
}
@media (max-width:640px) {
.banner .txt:after{width: 40px; height:40px;}
}

@keyframes tiao{
0% {transform: translateY(0) ;}
25% {transform: translateY(5px);}
50% {transform: translateY(10px)}
75% {ransform: translateY(5px) ;}
100% {transform: translateY(0) ;}
}

.location{line-height:40px; padding:20px 0; margin-bottom:4%; background: #fff}
.location a:first-child{padding-left: 27px; background: url("../images/location.png") no-repeat left;background-size: 17px }
.location span{color: #999999; display: inline-block}
@media(max-width:1024px){
.location{font-size: 14px; line-height: 30px;}
}

.bg{ border-radius: 0 0 20px 20px; padding-bottom: .3rem; margin-bottom: -20px;position: relative}
.bg_gray{background: #f5f5f5;}
.bg_white{background: #fff;}

.mainbox .main{width:76%}
.mainbox .menu{width:22%; padding-bottom: 3% }
.menu dl{padding:6% 10%;border-radius: 10px; background: #f5f5f5}
.menu dt{display: none; color: #0b10b6}
.menu li{}
.menu li b{display: block; line-height:26px;padding: 20px 0; position: relative; border-bottom: solid 1px #e6e6e6}
.menu li b:after{content: '';position: absolute;right: 0; top: 0;width: 13px; height: 100%; background: url("../images/menu_icon.svg") no-repeat center center; transition: 0.5s}
.menu li a{display: block}
.menu li.aon b a{color: #0b10b6}
.menu li .sub span{display: block; position: relative; padding:5px 0 5px 25px;}
.menu li .sub span:after{content: '';position: absolute;border: solid 3px #f5f5f5; width: 15px; height: 15px; background: #f5f5f5; border-radius: 100px;box-shadow: 0 0 0 1px #0b10b6; left: 0; top: 12px}
.menu li .sub span:not(.aon) a{color: #666666}
.menu li .sub span a:hover,
.menu li .sub span.aon a{color: #0b10b6}
.menu li .sub span.aon:after{background: #0b10b6; border-color: #fff}
.menu li.have_sub.aon b:after{transform: rotate(90deg)}

.menu li .sub span#menu6{ display: none;}
@media(min-width:1024px){
.mainbox .menu#lmSupport{width: 100%}
.menu#lmSupport{padding-bottom: 4%}
.menu#lmSupport dl{background: none; padding: 0; background: none}
.menu#lmSupport ul{display: flex;}
.menu#lmSupport li{}
.menu#lmSupport li:not(:last-child){margin-right: 1vw}
.menu#lmSupport li b{border: solid 1px #64676b;border-radius: 30px;font-weight: normal; padding: 10px 0}
.menu#lmSupport li b a{padding: 0 2vw; color: #64676b}
.menu#lmSupport li b:after{display: none}
.menu#lmSupport li.aon b{border-color: #0b10b6;}
.menu#lmSupport li.aon b a{color: #0b10b6}
.menu dd{display:block!important}
/*.menu#lmOutdoor li.aon b a{color: #111111}*/
}
@media(max-width:1024px){
.mainbox .main{width: 100%}
.mainbox .menu{width: 100%}
.menu{padding-bottom: 5%}
.menu dl{padding: 2%; position: relative}
.menu dt{display:block; position: relative}
.menu dt:after{content: ''; position: absolute; width: 30px; height: 100%; top: 0; right: 0;background: url("../images/menu.png") no-repeat center center}
.menu dd{display: none;background: #fff;left: 0; border-radius: 15px;padding: 3%; position: absolute;width: 100%; opacity: 0.95; z-index: 10; border: solid 5px #f5f5f5}
.menu dd ul{max-height:300px;overflow-y: auto; overflow-x: hidden;}
.menu dd .sub{padding: 0px 10px;}
.menu li b{padding: 10px 0}
}


.sub_menu{border-top: solid 1px #ebebeb; transition: 0.5s}
.sub_menu ul{margin-top: -1px;padding:30px 0;transition: 0.5s}
.sub_menu li{margin-left: 2.5vw;position: relative}
.sub_menu li a{display: block;line-height: 40px;cursor: pointer}
.sub_menu li:before{content: '';position: absolute; width:0;left: 0; right: 0; margin: auto; top: -30px; z-index: 10; height: 4px; background: #ea5620; transition: 0.5s}
.sub_menu li:hover:before,
.sub_menu li.aon:before{width: 100%;}
.sub_menu li.aon a{color: #ea5620}
@media(max-width:768px){
.sub_menu ul{padding:20px 0; justify-content: space-between;}
.sub_menu li:before{top:-20px}
}

.support_list li{width: 48.5%; margin-bottom: 2%; background: #f8f8f8;}
.support_list a{height: 1.2rem; }
.support_list .icon{width: 15%;padding: 0 3.658%}
.support_list h4{flex: 1}
@media(max-width:768px){
.support_list li{width: 100%}
.support_list a{height: .8rem; }
}

.editor_about{position: relative; z-index: 2; text-align: justify}
.editor_about .pic2{padding:5% 0}
.editor_about .pic3 img{position: absolute;bottom:-.3rem; z-index: -1}
.editor_about .txt1{padding-top:6%}
.editor_about .txt2{padding:8% 0 14% 20%}
.editor_about .title{font-size: calc(75/var(--winvw)); color: #2e328b; line-height: 1.2}

.Ques{ padding-bottom: .2rem}

.form_group {padding-bottom: 3%}
.form_group .group{width: 100%;padding-bottom: .15rem}
.form_group .group.min{width: 48.5%}
.form_group .biaoti{font-weight: bold; line-height: 35px;}
.form_group .biaoti span{/* display: none; */ color: #ff0000; font-weight: normal}
.form_group .text{width: 100%;border-radius: 2px; border: solid 1px #0b10b6; padding: 0px 20px;line-height: 48px; height: 48px;}
.form_group textarea.text{height: 100px;}
.form_group .text::placeholder{color: #cccccc}
.form_group .btn{width: 200px; height: 60px; background: #0b10b6; color: #fff; cursor: pointer; border-radius: 30px; border: none;transition: 0.5s }
.form_group .btn:hover{background: #010136}
.form_group .tip{color: #64676b;}
.form_group .trip{ line-height: 1.6;}
.form_group .trip p{ margin: 0;}
@media(max-width:640px){
.form_group .group.min{width:100%}
.form_group .group{padding-bottom: .1rem}
}

.search_list li{position: relative; border-bottom: solid 1px #e5e5e5;padding: 1% }
.search_list li span{margin-right: 20px;color: #999999;}
.search_list li time{color: #999999;float: right; padding-right: 40px;}
.search_list li:after{content: '';width:37px; height:37px;position: absolute; right: 0; border-radius: 100px; transition: 0.5s; background: #0b10b6 url(../images/jt2.png) no-repeat center center}
.search_list li:hover:after{transform: rotate(45deg)}


.photo_list h3{border-bottom: solid 1px #111111; padding-bottom: 2%; margin-bottom: 3%}
.photo_list ul{padding-bottom: 3%}
.photo_list ul:after{content: '';}
.photo_list ul:after,
.photo_list li{width:31.547%}
.photo_list li {margin-bottom: 2.5%}
.photo_list .pic{background: #f5f5f5 url(../images/pro_line.png) no-repeat center 90%;border-radius: 15px;padding:15%}
.photo_list .pic figure{padding-bottom:83%}
.photo_list .pic figure img{width: 90%; height: 90%}
.photo_list .txt{text-align: center; padding: .1rem 0}
.photo_list .txt h4{line-height: 40px;padding: .1rem 0;font-weight: bold}
.photo_list .txt p{color: #666666}
@media(max-width:1200px){
.photo_list ul:after{display: none}
.photo_list li{width:49%}
}

.news_list li{background: #ffffff; border-radius: 15px;overflow: hidden;line-height: 28px; }
.news_list li .txt{}
.news_list li p{color: #64676b; height: 84px;margin: .25rem 0;}
.news_list li time{color: #64676b;display: block; line-height: 37px; position: relative}
.news_list ol.ul li{padding: 2.5%}
.news_list ol.ul .pic{width:45.767%; order: 2}
.news_list ol.ul .pic figure{border-radius: 20px;padding-bottom:65.144%}
.news_list ol.ul .txt{width:52%;padding: 4%}
.news_list ol.ul .txt h4{line-height: 1.35}
.news_list ol.ul time{margin-bottom: .3rem}
.news_list ol.ul .more{width: 120px; line-height: 40px; color: #fff; display: block; text-align: center;border-radius:6px; background: #0b10b6}
.news_list ul.ul:after{content: '';}
.news_list ul.ul:after,
.news_list ul.ul li{width:31.6775%}
.news_list ul.ul li {margin-top: 2.5%}
.news_list ul.ul li .pic figure {padding-bottom:56.276%}
.news_list ul.ul li .txt{padding:8%}
.news_list ul.ul li .txt h4{height: 56px;}
.news_list ul.ul li time{display: block;}
.news_list ul.ul li time:after{content: ''; position: absolute; right: 0; top: 0; width: 37px; height: 37px; background:#0b10b6  url(../images/jt2.png) no-repeat center center; border-radius: 100%; transition: 0.5s}
.news_list ul.ul li:hover time:after{transform: rotate(45deg)}
@media(max-width:1024px){
.news_list ul.ul:after{display: none}
.news_list ul.ul li .txt{padding:4%}
.news_list ul.ul li{width:49%}
}
@media(max-width:768px){
.news_list ol.ul .pic,
.news_list ol.ul .txt{width:100%}
.news_list ol.ul .pic{order: 0}
.news_list ol.ul .txt{padding: 4% 0}
.news_list ol.ul .txt p{height: auto}
.news_list ol.ul time{margin-bottom: .1rem}
}

.news_detail {border-radius: 20px; background: #fff; padding: 4%}
.news_detail .title{text-align: center; color: #181818}
.news_detail .title p{padding: 2% 0; opacity: 0.8}
.news_detail .title p span{display: inline-block}
.news_detail .title p span:not(:last-child){padding-right: 20px;}
.news_detail .article{text-align: justify; padding: 3% 0; border-top: solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5}
.mainbox .main .news_detail{padding: 0}

.product_detail{padding-bottom: 3%}
.product_detail .inbox{padding-bottom: 3%}
.product_detail .photo{width:44.133%}
.product_detail .pic_big{background: #f5f5f5; border-radius: 20px;}
.product_detail .pic_big figure{ margin:3%;padding-bottom:100%;}
.product_detail .pic_small {margin-top:10px;padding: 0 45px;}
.product_detail .pic_small .item{padding:0 5px;}
.product_detail .pic_small figure{padding-bottom:100%; background: #f5f5f5;transition: 0.5s;border: solid 2px #f5f5f5; cursor: pointer}
.product_detail .pic_small figure img{transform: scale(0.94);}
.product_detail .pic_small .slick-arrow{width: 40px; height: 100%; border-radius: 0; }
.product_detail .pic_small .slick-arrow:not(:hover){background: #f5f5f5; border-color: #f5f5f5}
.product_detail .pic_small .slick-arrow:not(:hover):before{filter: grayscale(100%) brightness(500%); }
.product_detail .pic_small .slick-current figure{border-color:#0b10b6}
.product_detail .detail{width:52%}
.product_detail .title{padding: 2% 0}
.product_detail .desc{color: #666666; text-align: justify}
@media(max-width:1200px){
.product_detail .photo,
.product_detail .detail{width:100%}
}

.prev_next {padding: 4% 0; line-height:36px;}
.prev_next .back{padding-bottom: 1%}
.prev_next .back a{color: #fff;display:inline-block; border-radius: 30px; padding: 0px 40px;background: #0b10b6;}
.prev_next p.dot{ opacity: 0.8}

.product_btn {padding: 4% 0;display: table;margin: 0 auto; text-align: center; }
.product_btn a{display: inline-block;color: #fff;border-radius: 50px;margin: 0 5px;text-align: center;line-height: 3;padding: 0 0.4rem;cursor: pointer;background: #0b10b6;}

@media(max-width:640px){
.product_btn a{padding: 0 0.25rem;}
}


.Pages{padding:6% 0}
.Pages span:not(.p_page),
.Pages a.a_first,
.Pages a.a_end{display: none}
.Pages .p_page{display: flex; justify-content: center}
.Pages .num{display: flex;font-style: normal; padding: 0px 20px;}
.Pages a{width:50px;height: 50px;line-height: 50px; margin: 0px 5px; text-align: center; border: solid 1px #0b10b6; border-radius: 5px;display: block; color: #0b10b6;font-size: .24rem}
.Pages a.a_cur{background: #0b10b6; color: #fff;}
.Pages a.a_prev,
.Pages a.a_next{text-indent: 100px;overflow: hidden;position: relative}
.Pages a.a_prev:before,
.Pages a.a_next:before{content: ''; position: absolute; width: 100%; height: 100%; left: 0;background: url(../images/page.png) no-repeat center center}
.Pages a.a_next{transform:rotate(180deg)}
.Pages a.no{cursor: default;opacity: 0.5}
@media(max-width:768px){
.Pages a{width:36px;height:36px;line-height:36px;}
.Pages .num{padding: 0}
}


/*xx index*/
.ind_title {padding-bottom:4%}
.ind_title h2{color: #0b10b6}

.ind_product {padding:6% 0; }
.ind_product .ul{position: relative; align-items: flex-start}
.ind_product .ul li{ float: left; width:24.38%;margin-right: 1.242%;position: relative;}
.ind_product .ul li figure{border-radius: 15px; padding-bottom:84.109%}
.ind_product .ul li figure:before{content: '';position: absolute; width: 100%; height:60%;bottom: 0; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9)); z-index: 2; transition: 0.5s}
.ind_product .ul li:nth-child(1){width:48.758%;}
.ind_product .ul li:nth-child(1) figure{padding-bottom:86.625%;}

.ind_product .ul li .txt{position: absolute; width: 100%; bottom: 0; z-index: 5; padding: 5%; color: #fff}
.ind_product .ul li p{line-height: 1.556}
.ind_product .ul li h4 b{max-width: 80%}
.ind_product .ul li h4 i{display:block;width: 37px; height: 37px; margin-left: 20px; background:#0b10b6  url(../images/jt2.png) no-repeat center center; border-radius: 100%; transition: 0.5s}
.ind_product .ul li:hover  h4 i{transform: rotate(45deg)}
.ind_product .ul li:hover figure:before{background: linear-gradient(rgba(32,37,187,0),rgba(32,37,187,1));} 
@media(min-width:768px){
/* .ind_product .ul li:nth-child(3){position: absolute; right: 0; bottom: 0} */
.ind_product .ul li:nth-child(3), 
.ind_product .ul li:nth-child(5){margin-right: 0%;}
.ind_product .ul li:nth-child(2), 
.ind_product .ul li:nth-child(3) {margin-bottom: 1.242%;}
}
@media(max-width:768px){
.ind_product .ul li{width:49.379%}
.ind_product .ul li:nth-child(3), 
.ind_product .ul li:nth-child(5){margin-right: 0%;}
.ind_product .ul li figure{padding-bottom:90%}
.ind_product .ul li:nth-child(1){width:100%;margin-bottom: 2%}
.ind_product .ul li:nth-child(1) figure{padding-bottom:60%;}
.ind_product .ul li h4 i{display: none}
.ind_product .ul li h4 b{max-width: 100%}
.ind_product .ul li:not(:nth-child(1)) p{-webkit-line-clamp:2}
}

.ind_news{background: #f5f5f5;padding:6% 0; border-radius: 0 0 .3rem .3rem; margin-bottom: -.3rem; position: relative}
.ind_news .news_list ul.ul{margin-left: -.2rem; margin-right: -.2rem}
.ind_news .news_list ul.ul li{margin: 0 .2rem}
@media(max-width:1024px){
.ind_news .news_list ul.ul{margin-left: -.1rem; margin-right: -.1rem}
.ind_news .news_list ul.ul li{margin: 0 .1rem}
}
/*xx index*/


.video_list {}
.video_list li {width: 31.6775%;margin-bottom: 2.5%; cursor: pointer;background: #f5f5f5; border-radius: 15px; overflow: hidden; line-height: 1.6;} 
.video_list li .pic figure {padding-bottom: 70.276%;}
.video_list li .pic::after{position: absolute;left: 0;top: 0;width: 100%;height:100%;border-radius: 10px 10px 0 0;z-index: 2;background: rgba(0,0,0,0.3);content: "";transition: all 0.5s;}
.video_list li .play{display: block;width: calc(45 / 16 * 1em); height: calc(45 / 16 * 1em); border-radius: 50%; background: #666 url(../images/play.png) no-repeat center center; background-size: 1em auto; position: relative; z-index: 4;z-index: 5;position: absolute;left: calc(12 / 16 * 1em);bottom: calc(12 / 16 * 1em);transition: all 0.5s;}
.video_list li:hover .play{transform: scale(1.1);background-color: #0b10b6;}
.video_list li .txt{padding: 5%;}
.video_list li .txt .tit{line-height: 1.75}
.video_list li:hover .pic::after{background: rgba(0,0,0,0.1);}

.video_list .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.video_list .video_files video{width:100%; height:100%; background-color:#000;}
.video_list .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #0b10b6;cursor: pointer;}
.video_list .video_files .close::before,
.video_list .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.video_list .video_files .close::before{ transform:rotate(45deg);}
.video_list .video_files .close::after{ transform:rotate(-45deg);}



@media(max-width:640px){
.video_list li{ width: 100%;}
}


.Dealer_group {padding-bottom: 3%}
.Dealer_group .info{width: 50%; text-align: justify}
.Dealer_group .form{width: 42%}
.Dealer_group .group{width: 100%;padding-bottom: .15rem}
.Dealer_group .biaoti{font-weight: bold; line-height: 35px;}
.Dealer_group .biaoti span{ color: #ff0000; font-weight: normal}
.Dealer_group .text,
.Dealer_group select{width: 100%;border-radius: 2px; border: solid 1px #0b10b6; padding: 0px 20px;line-height: 48px; height: 48px;}
.Dealer_group textarea.text{height: 100px;}
.Dealer_group .text::placeholder{color: #cccccc}
.Dealer_group .btn{width: 200px; height: 60px; background: #0b10b6; color: #fff; cursor: pointer; border-radius: 30px; border: none;transition: 0.5s }
.Dealer_group .btn:hover{background: #010136}
@media(max-width:640px){
.Dealer_group .info,
.Dealer_group .form{width:100%}
.Dealer_group .group{padding-bottom: .1rem}
}


.Request_group {padding-bottom: 3%}
.Request_group .group.min {width: 48.5%;}
.Request_group .group{width: 100%;padding-bottom: .15rem}
.Request_group .biaoti{font-weight: bold; line-height: 35px;}
.Request_group .biaoti span{ color: #ff0000; font-weight: normal}
.Request_group .text,
.Request_group select{width: 100%;border-radius: 2px; border: solid 1px #0b10b6; padding: 0px 20px;line-height: 48px; height: 48px;}
.Request_group textarea.text{height: 100px;}
.Request_group .text::placeholder{color: #cccccc}
.Request_group .btn{width: 200px; height: 60px; background: #0b10b6; color: #fff; cursor: pointer; border-radius: 30px; border: none;transition: 0.5s }
.Request_group .btn:hover{background: #010136}
.Request_group .trip{ line-height: 1.6;text-align: justify}
.Request_group .trip p{ margin: 0;}
@media(max-width:640px){
.Request_group .group.min{width:100%}
.Request_group .group{padding-bottom: .1rem}
}


.WBuy li {width: 49%;margin-bottom: 2%;border-radius: 15px;background: #f8f8f8;padding: 1.5%;}
.WBuy li .pic{width: 37%;}
.WBuy li .txt{width: 58%;}
.WBuy li .pic figure {padding-bottom:84.276%;}
.WBuy li .desc{color: #64676b; line-height: 1.6;margin-bottom: .1rem;}
.WBuy li .desc p{ margin: 0;}
.WBuy li .email a{color: #0b10b6;display: block;word-break: break-word;}
.WBuy li .email a:before {display: inline-block;vertical-align: top;content: '';background-image: url(../images/icon-email.svg);background-size: contain;background-position: center;background-repeat: no-repeat;width: 1.3888em;height: 2em;margin-right: 0.08rem;}
@media(max-width:768px){
.WBuy li{width: 100%;padding: 5%;}
.WBuy li .pic,
.WBuy li .txt{width: 100%;}
.WBuy li .pic figure{padding-bottom: 49.276%;}
.WBuy.img-mid figure img{object-fit: contain; -o-object-fit: contain;}
}

.slid_top {position: fixed;height: 0.45rem;width: 0.45rem; border-radius: 50px; right: 1%;bottom: 10%;z-index: 500;background: url(../images/top.svg) no-repeat center center #0b10b6;background-size: 0.18rem auto;display: none;}