.header{ height: 1.4rem; background: #fff; z-index: 10;}
.header .logo{ height: 1rem;}
.header .toplink{ margin-right: 50px; z-index: 9; top:50px;}
.header .toplink *{ font-size: 0.14rem; color:#4c4c4c; }
.header .toplink .uk-dropdown{ min-width: 120px; }

.header .menu { background: rgba(0,0,0,1); height: 40px; width: 100%;  z-index: 1;}
.header .menu a{ font-size: 0.14rem; color:#cfcfcf; }
.header .menu a:hover,.header .menu a.uk-open,.header .menu li.active>a{ color:#fff;}
.header .menu .uk-navbar-nav > li{ position: relative; margin-right:50px; }
.header .menu .uk-navbar-nav > li > a{ padding: 0 5px; min-height: 40px; line-height: 40px; }

.header .search{ padding-top:5px;}
.header .search a{ color:#5f5f5f;}
.header .search a:hover{ color:#000; }
.header .uk-search-default .uk-search-input{ background: #f8f8f8; height: 26px; line-height: 24px; border:0; border-radius: 15px; font-size: 14px; padding-left: 15px; }

.submenu{ background: #fff; width: 100%; position: absolute; }
.submenu .wrap{ width:775px; margin-left: auto; margin-right: auto; padding:30px 0;  }
.submenu .wrap dl{ margin:0; width: 195px; padding-left: 10px;}
.submenu .wrap dl dt{ margin-bottom: 10px;}
.submenu .wrap dl dd{ line-height: 2;}
.submenu .wrap dl dd a{ color:#696969;}
#menu5{ padding-left:250px;}


.banner{ z-index: 9; }
.banner .uk-dotnav>*>*{ width:18px; height: 18px; background: url(https://www.lavillosa.cn/template/xueluzi/images/bg_num.png); border:0;}
.banner .uk-dotnav>.uk-active>* {background: url(https://www.lavillosa.cn/template/xueluzi/images/bg_num_cur.png); border-color: transparent;}

.banner .uk-slidenav-previous,.banner .uk-slidenav-next{ width: 40px; height: 80px; }
.banner .uk-slidenav-previous svg,.banner .uk-slidenav-next svg{ display: none;}
.banner .uk-slidenav-previous{ background: url(../image/arrl.png) center no-repeat;}
.banner .uk-slidenav-next{ background: url(../image/arrr.png) center no-repeat; }

.banner .uk-position-center{ width: 820px; height: 350px; background: rgba(0,0,0,0.75); padding: 50px; }
.banner .uk-position-center .f28{ padding:40px 0 20px;}
.banner .uk-position-center .f16{ line-height: 2; }


.ipart1{ padding:50px 0 80px; }
.ipart1 .wrap{ max-width:300px; margin-left: auto; margin-right: auto; }
.ipart1 .wrap .tit span{ display: inline-block; padding: 5px; border-bottom:1px solid #000;}
.ipart1 .wrap .pic{ margin:20px 0;}
.ipart1 .wrap .subname{ color:#949191; margin-bottom: 10px; margin-top:5px; }
.ipart1 .wrap .desc{ color:#a3a3a3;}
.ipart1 .wrap .star{ padding: 10px 0 7px;}


.ipart2 { margin-bottom: 110px;}
.ipart2 .wrap{ max-width:300px; margin-left: auto; margin-right: auto; }
.ipart2 .wrap .tit span{ display: inline-block; padding: 5px; border-bottom:1px solid #000;}
.ipart2 .wrap .pic{ margin:20px 0;}
.ipart2 .wrap .subname{ color:#949191; margin-bottom: 10px; margin-top:5px; }
.ipart2 .wrap .desc{ color:#a3a3a3;}
.ipart2 .wrap .star{ padding: 10px 0 7px;}


.ipart3 .wrap2{height: 480px;  }
.ipart3 .wrap3{ height: 480px; max-width:300px; margin-left: auto; margin-right: auto; }
.ipart3 .wrap3 .tit span{ display: inline-block; padding: 5px; border-bottom:1px solid #000;}
.ipart3 .wrap3 .pic{ margin:20px 0;}
.ipart3 .wrap3 .subname{ color:#949191; margin-bottom: 10px; margin-top:5px; }
.ipart3 .wrap3 .desc{ color:#a3a3a3;}
.ipart3 .wrap3 .star{ padding: 10px 0 7px;}



.ipart4{ height: 720px; background: url(../image/ipic1.png) top center no-repeat; padding-top: 310px; }


.cols{ border-top:1px solid #e5e5e5; padding: 40px 0; }
.cols a{ display: inline-block; }
.cols a .f14{ margin-top:5px;}
.cols .fotstore.uk-dropdown{ min-width: 120px; }


.footer{ background: #000; color:#979797;}


.footer .tel{ }
.footer .tel .f14{ line-height: 14px;}
.footer .tel li{ margin-bottom: 5px; }

.footer .fotctn{ padding:0.5rem 0 0.6rem; }
.footer .wrap{ margin-left:30px;}
.footer .sofot{ margin-bottom:35px; width: 450px; }
.footer .sofot .f18{ padding-right:10px; }
.footer .sofot .sobtn{ position: absolute; right:1px; top:1px; border-radius:20px; background: #000; display: inline-block; width: 70px; height: 38px; line-height: 38px; text-align: center; border:0; color:#fff; cursor: pointer; z-index: 1; padding: 0; }
.footer .sofot .uk-search-default{width: 365px;}
.footer .sofot .uk-search-input{ background: #fff; border:0; border-radius: 20px; padding-left:20px; padding-right: 75px; border-radius: 50px; }


.footer .fotnav{ text-align: center; width: 450px; }
.footer .fotnav a{ display:inline-block; margin-right: 50px; position: relative; }
.footer .fotnav a::before{ position: absolute; right: -35px; top:11px; display: block; content:''; background: #808080; width: 15px; height: 1px;}
.footer .fotnav a:last-child{ margin:0; }
.footer .fotnav a:last-child::before{ display: none; }



.footer .copyright{ padding:15px 0; border-top:1px solid #272727; color:#a3a3a3; }
.footer a{ color:#fff;}
.footer a:hover{ color:#fff;}
.footer .mediaico .iconfont{ display: inline-block; width:26px; height: 26px; border:1px solid #7d7d7d; text-align: center; margin-right: 10px; }




/*内页导航*/
.inban{  height: 620px; margin-bottom: 40px; }
/* .inban h1{ background: rgba(0,0,0,.5); padding: 5px 50px; position: relative; }
.inban h1::before{ content: ''; position: absolute; left: 0; bottom:-3px; width: 100%; height: 3px; background: #000000; height: 3px;} */


.newstext{ padding:10px 0 60px; border-bottom:1px solid #e5e5e5; }
.newstext .wrap{ width: 850px; margin-left: auto; margin-right:auto; }


.crumb{ color:#b4b4b4; padding:20px 0;}
.crumb a{ color:#b4b4b4;}
.crumb a:hover{ color:#000;}



.title{margin-bottom: 40px;}
.title span{ display: inline-block; position: relative; }
.title span::after{ position: absolute; left: 50%; margin-left: -50px; bottom:-4px; display: block; content:''; height: 4px; width: 100px; background: #000000;}

.content{ line-height: 2; }

.tBody{ padding-bottom: 1rem;}


/*关于我们*/
.spart1{ height: 680px; background: url(../image/pstory1.png) center; padding-top:80px; }
.spart1 .f16{ line-height: 2.4;}

.spart2{ height: 680px; background: url(../image/pstory2.png) center; }

.spart3{ height: 680px; background: url(../image/pstory3.png) center; }

.spart4{ height: 680px; background: url(../image/pstory4.png) center; }


.history { margin-bottom: 35px;}
.history .uk-width-1-3\@s>div{ width: 100%; height: 500px; }
.history .uk-width-1-3\@s>div .f48{ margin-bottom:40px; position: relative;}
.history .uk-width-1-3\@s>div .f48::after{ position: absolute; bottom:-15px; left: 50%; margin-left: -25px; content:''; width:50px; height: 1px; background: #4a4a4a;}
.history .uk-width-1-3\@s>div .f18{ line-height: 1.8;}
.history .uk-width-2-3\@s>div{ background:url(../image/phis1.png); width: 100%; height: 500px; }
.history .uk-width-2-3\@s>div .f36{ margin-bottom:40px;}
.history .uk-width-2-3\@s>div .f18{ line-height: 2;}
.history .uk-width-2-3\@s>div .wrap{ width:750px; margin-left: auto; margin-right: auto; padding-bottom: 100px; }
.history .uk-width-2-3\@s>div .wrap .f30{  padding-bottom: 40px; position: relative; }
.history .uk-width-2-3\@s>div .wrap .f30::before{ content:''; display: block; width: 100px; height: 1px; background: #9c9c9c; position: absolute; left: 50%; margin-left: -50px; bottom:18px;}
.history .uk-width-2-3\@s>div .f16{ line-height: 2;}

.history.uk-grid{ margin-left: -35px;}
.history.uk-grid>* {padding-left: 35px!important;}

.history .desc{ padding:10px 0; min-height: 90px;}
.history.uk-child-width-1-3\@s>div{ margin-bottom:10px!important;}





.innovate .uk-width-2-3\@s>div{ background:url(../image/pinno.png); width: 100%; height: 500px; }
.innovate .uk-width-2-3\@s>div .wrap{ width: 100%; padding:10px 40px; background: #000;}
.innovate.uk-child-width-1-3\@s>div{ margin-bottom:35px!important;}
.innovate .innvate .wrap{ margin:60px; border:8px solid #fff; padding: 40px; display: none;}
.innovate .innvate .wrap .btn{ display: inline-block; padding: 5px 40px; border:1px solid #fff; color:#fff;}

/*留言*/
.gbktit{ width:800px; margin: 40px auto; }
.gbktit .iconfont{ display: block; background: #000000; width:90px; height: 90px; border-radius: 50%; text-align: center; line-height: 90px; color:#fff; font-size: 50px;}


/*联系我们*/
.contact { padding-top: 150px; padding-bottom: 150px; }
/* .contact .cats{ background: #f9f9f9; padding:50px 180px;}
.contact .cat { margin-top:15px;}
.contact .cat li{ margin-bottom: 5px; } */
.contact .cat{ line-height: 2.3; color:#000; }


/*防伪查询*/
.antifake{ padding-top:100px; padding-bottom: 100px;}
.antifake input{ font-size: 16px; width: 100%; border:1px solid #e5e5e5; padding:15px 20px; }
.antifake button{ padding:0 50px;}



/*专柜查询*/
.store{ padding-top:50px;}
.storeform label{ margin-right: 20px; cursor: pointer;}
.storeform input.uk-input{ width: 100%; padding:15px 30px; font-size: 16px; border:1px solid #e5e5e5;}
.storeform>div{ margin-bottom:20px; }
.storeform button{ height: 40px; line-height: 40px; padding: 0 50px;}
#result{ margin-top:30px;}
#result ul{ height: 510px; overflow: auto;}
#result li{ min-height: 170px; border-bottom:1px solid #e5e5e5; padding:35px 40px; position: relative; cursor: pointer;}
#result li i{ font-size: 40px; position: absolute; left: 0; top:20px; color:#000;}
#result li .f14{ line-height: 2; margin-top:10px; color:#757575;}
#amap{ height: 600px;}

#amap .findstore-infolayer {padding:15px 35px 15px 15px;  background:#fff; border:2px solid #1a8cd2; line-height:18px;}
#amap .findstore-infolayer:before {content:""; position:absolute; bottom:-13px; left:50%; margin-left:-9px;  width:18px; height:13px; background:url('../image/findstore-layerarrow.png') no-repeat center bottom;}
#amap .findstore-infolayer {position: relative;}
#amap .findstore-infolayer strong {display:block;}
#amap .findstore-infolayer-closebtn {position: absolute; right:15px; top:18px;}
#amap .amap-maptypecontrol, #amap .amap-overviewcontrol, #amap .amap-scalecontrol, #amap .amap-toolbar {z-index:1;}
#amap .amap-overlays {z-index:0;}
#amap button{ cursor: pointer; margin: 0; padding: 0; margin:0; background: none; border:0;}
#amap .findstore-infolayer{ line-height: 1.4;}


/*产品*/
.probox .protit{ background: #000; height: 80px; line-height: 80px;}
.probox .proctn{ padding:50px 0;}
.probox .promore{ background: #f8f8f8; height: 60px; line-height: 60px;}


.proside{ border-right:1px solid #e5e5e5;}
.proside .wrap{ padding:0px 30px 100px;}
.proside .wrap .tit{ border-bottom:1px solid #e5e5e5; line-height: 60px; }
.proside .wrap ul{ padding:10px 0 20px; border-bottom:1px solid #e5e5e5; }
.proside .wrap ul li{ line-height: 26px;}
.proside .wrap ul li a{ color:#696969;}
.proside .wrap ul li a:hover{ color:#000;}

.productlist .protit{ line-height: 60px; border-bottom:1px solid #e5e5e5;}
.productlist  .uk-child-width-1-4\@s>*{ margin-bottom:100px;}

.searchlist { border-top:1px solid #e5e5e5; }
.searchlist .uk-child-width-1-4\@s>*{ margin-bottom:100px;}

/*产品详情*/
.product{ border-top:1px solid #e5e5e5; padding:90px 60px 250px; }
.product .proleft{ width:45%;}
.product .proright{ width:55%;}

.product h1{ line-height: 1.2;}
.product .ptit{ height: 55px; line-height: 55px; border-bottom:1px solid #e5e5e5;}
.proslide{ padding-left:150px; position: relative; }
.proslide .thumb{ position: absolute; left: -150px; top:20px; width:120px;}
.proslide .thumb ul{}
.proslide .thumb li{ height: 120px; width: 120px; padding: 0; margin-bottom:23px;}
.proslide .thumb li a{ display: block; width: 100%; height: 100%; overflow: hidden; border:1px solid #e5e5e5; padding:2px; }
.proslide .thumb li.uk-active a::after{ border:3px solid #000; padding:0;}
.proslide .uk-thumbnav{ margin: 0;}

.stepsform{ padding: 60px 0 100px;}
.stepsform .tit i{ display: inline-block; width: 30px; height: 30px; line-height: 30px; font-style: normal;  text-align: center; border-radius: 50%; background: #000; margin-right: 10px; position: relative; top:-3px; }
.stepsform .wizard > .content{ margin: 0; min-height: auto;}
.stepsform .wizard > .content > .body{ float: none; position: static; width: 100%; height: auto; padding: 0;}
.stepsform .wizard > .content{ background: none; }
.stepsform .wizard .steps{ display: none;}
.stepsform .uk-radio{ width:24px; height: 24px;}
.stepsform .wizard > .content > .body label{ cursor: pointer;}
.stepsform .wizard > .content > .body input{ display: inline-block; border:0; background: #e5e5e5; margin-right: 5px;}
.stepsform .wizard > .content > .body input.uk-radio:checked{ background:url(../image/icon_radio.png); background-size: 100%; }
.stepsform .wizard > .content > .body ul{ padding:40px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin: 30px 0 40px; }
.stepsform .wizard > .actions a,.stepsform  .wizard > .actions a:hover,.stepsform  .wizard > .actions a:active{ height: 30px; line-height: 30px; border:0; border-radius: 0; background: #000; color:#FFF; padding: 0 40px; }



/*新闻*/
/* .newsBody{ padding-top:50px; padding-bottom: 125px;}
.newspart{ position: relative; padding-right: 290px; min-height: 500px;}
.newspart .nside{ position: absolute; right: 0; top:0;}
.newspart .nside ul{ position: absolute; width: 100px; top:0;}
.newspart .nside ul:nth-child(1){ right: 107px;}
.newspart .nside ul:nth-child(2){ right: 0px;}
.newspart .nside li{ width: 100px; height: 100px; background: #f4f4f4; margin-bottom: 7px; }
.newspart .nside li a{ display: block; width: 100%; height: 100%; background: #f4f4f4; color:#8d8d8d; text-align: center; padding-top:17px;}
.newspart .nside li a i{ font-size: 40px; display: block; height: 40px; line-height: 40px;color:#cdcdcd;}
.newspart .nside li a.cur,.newspart .nside li a:hover{ background: #000000; color:#fff;}
.newspart .nside li a.cur i,.newspart .nside li a:hover i{ color:#fff;}

.newslist{ }
.newslist li{ min-height: 222px; position: relative; background: #f9f9f9; border:1px solid #f9f9f9; margin-bottom: 20px; }
.newslist li .date{ position: absolute; right: 50px; top:50px; width: 110px; padding-left: 40px; text-align: center; }
.newslist li .date::after{ content:''; display: block; width: 1px; height: 100px; background: #e0e0e0; position: absolute; left: 0; top:5px;}
.newslist li .date .f70{ line-height: 70px;}
.newslist li .con{ display: block; min-height: 220px; padding:45px 220px 45px 350px; position: relative;  }
.newslist li .pic{ display: block; position: absolute; left:0; top:0px;}
.newslist li .tit{ margin-bottom:10px;}
.newslist li .desc{ color:#696969; line-height: 1.8;}
.newslist li:hover{  background: #fff; border-color:#000000;}
.newslist li:hover .date{ color:#000000;}
.newslist li:hover .date::after{ background: #000000;} */


.newslist-pic li{ border-bottom:1px solid #e5e5e5; padding: 100px 0; }
.newslist-pic li .date{ position: absolute; left: 0px; top:0px; text-align: center; color:#000; }
.newslist-pic li .date .f70{ line-height: 70px;}
.newslist-pic li .con{ display: block; width:1000px; margin-left: auto; margin-right: auto; }
.newslist-pic li .con .f30{ padding: 20px; }
.newslist-pic li .con .desc{ width:850px; margin-left: auto; margin-right: auto; margin-bottom: 40px; color:#696969; }


.infos{ padding-bottom: 10px; margin-bottom: 30px; border-bottom:1px solid #e4e4e4; }

.share{ margin:50px 0;}



.ranklist{ width:1000px; margin-left: auto; margin-right: auto; }
.ranklist .rank{ margin-bottom:40px; }
.ranklist .num{ font-size: 160px; color:#c9c7c7; line-height: 160px;}
.ranklist .numtit{ position: absolute; left: 120px; top:70px; display: inline-block; border-top:1px solid #000; border-bottom:1px solid #000; }
.ranklist .f48{ line-height: 1.2; margin-bottom: 30px; }
.ranklist .btn{ height: 58px; line-height: 58px; padding: 0 100px; margin-top:10px;}




/*qa*/
/* .qalist>ul{} */
.qalist>ul>li{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; position: relative; margin: 0!important; margin-bottom: 10px!important; }
.qalist .uk-accordion-title{ padding: 30px 0 30px 0px; position: relative; color:#000;}
/* .qalist .uk-accordion-title i{ position: absolute; left: 0; top:22px; color:#fff; background: #939393;  display: block; width: 40px; height: 40px; line-height: 36px; border-radius: 50%; font-size: 26px; font-style: normal; text-align: center; } */
.qalist .uk-accordion-content{ padding-left: 0px; margin: 0; padding-bottom: 40px; color:#888;}
/* .qalist li:last-child::after{ content:''; display: block; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background: url(../images/bg_dashed.png) bottom repeat-x;}  */
.qalist .uk-open{ background-image: url(https://www.lavillosa.cn/template/xueluzi/images/bg_dashed_red.png);}
.qalist .uk-open .uk-accordion-title i{ background: #e50012;}
.qalist .uk-open + li{ background-image: url(https://www.lavillosa.cn/template/xueluzi/images/bg_dashed_red.png); }
.qalist li.uk-open:last-child::after{ background-image: url(https://www.lavillosa.cn/template/xueluzi/images/bg_dashed_red.png); }


/*上下链接*/
.cother{background: #f9f9f9;}
.cother ul{ padding:15px 25px;}
.cother ul li{ padding: 0; background-size: auto; }
.cother span{ display: inline-block; }
.cother li:first-child{ padding-left: 15px; background: url(https://www.lavillosa.cn/template/xueluzi/images/icon_prev.png) left center no-repeat;}
.cother li:last-child{ padding-right: 15px; background: url(https://www.lavillosa.cn/template/xueluzi/images/icon_next.png) right center no-repeat;}


/*分页*/
.pages{ margin-top:30px;}
.pages a{ display: block; padding:0; height: 40px; line-height: 38px; width: 40px; text-align: center; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.pages a:first-child{ border-left:1px solid #e9e9e9; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.pages a:last-child{  border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.pages a span{ display: block; height: 100%; line-height: 36px;}
.pages .page-num-current, .pages a:hover{ color:#fff; background: #000000; border-color:#000000; }
.pages a:hover span{ color:#fff;}



/*新闻样式2*/
.newstop{ background: #f9f9f9; padding: 40px; margin-bottom: 40px;}
.newstop .date{ border-bottom:1px dotted #e4e4e4; padding-bottom:10px; margin-bottom: 10px; margin-top:5px; }
.newstop .desc{ color:#878787; padding-bottom: 40px;}
.newstop .more{ left: 30px;}
.newstop .more a{ border:1px solid #000000; border-radius: 5px; }


.newslist2 li{ min-height: 180px; position: relative; border-bottom:1px dotted #e4e4e4; margin-bottom: 35px; padding-bottom: 35px; }
.newslist2 li .con{ display: block; min-height: 180px; padding:5px 0px 10px 300px; position: relative;  }
.newslist2 li .pic{ display: block; position: absolute; left:0; top:0px;}
.newslist2 li .tit{ }
.newslist2 li .date{ margin-bottom:15px; }
.newslist2 li .desc{ color:#696969; line-height: 1.8;}
.newslist2 li:hover{ }



/*视频*/
.videolist li{ margin-bottom: 30px;}
.videolist li a{ display: block;}
.videolist li a .tit{ padding:10px 15px; background: #f9f9f9;}








/*子导航*/
.subnav{ margin-bottom:0.5rem;}
.subnav .uk-subnav a{ display: block; font-size: 0.16rem; color:#454545; position: relative;}
.subnav .uk-subnav .uk-active a,.subnav .uk-subnav a:hover{ color:#000000;}
.subnav .uk-subnav .uk-active a::after,.subnav .uk-subnav a:hover::after{ position: absolute; bottom:-10px; content: ''; display: block; width: 100%; height: 2px; background: #000000; }




