body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;} body{font-family: Microsoft Yahei,-apple-system-font,Helvetica Neue,sans-serif;font-size:0.18rem;color:#666666;word-break:break-all;} table{border-collapse:collapse;border-spacing:0;} img{border:0;vertical-align:top;} option{padding-left:5px;*padding:0;} ul, li{list-style:none;} a{color:#424242;text-decoration:none;} .fl{float:left;display:inline;} .fr{float:right;display:inline;} .clear{ clear:both} h1,h2,h3,h4,h5,h6{font-weight:normal} * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .pad_a{padding:0.5rem 0} .pad_b{padding:0 0 0.1rem 0} .pad_c{padding: 15px} .pad_d{padding:1rem 0 0 0 } .pad_e{padding:0.72rem 0 } .pad_f{padding:0.65rem 0 } .pad_g{padding:0 0 0 0.2rem } .mar_a{margin:0.7rem 0 0.4rem 0} .bak_a{background:#f5f5f5} .width_a{width:17rem;margin:0px auto;padding:0.6rem 0.4rem;overflow: hidden;} .copry_foot{border-top:1px solid #ddd} .banner{width:100%;height:100%;position: relative;} .banner img{width:100%} #vivo-head .vivo-search{height:80px; width:100%; background:#202223; position:relative; z-index: 9999; display:none;} .vivo-search .search-box{width:700px; height:40px; position:absolute; top:20px; left:50%; margin-left:-350px; background:#666; -webkit-box-shadow:0 1px 2px rgb(0,0,0); -moz-box-shadow:0 1px 2px rgb(0,0,0); -ms-box-shadow:0 1px 2px rgb(0,0,0); box-shadow:0 1px 2px rgb(0,0,0); position: relative; z-index: 9999;} .vivo-search .search-box input{width:550px; height:40px; padding:10px 20px; font-size:14px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle;} .vivo-search .search-box button{width:150px; height:40px; overflow:hidden; text-align:center; font-size:14px; color:#fff; border:none; overflow:hidden; vertical-align:middle; background:#008cd6; outline:none; cursor:pointer; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out;} .vivo-search .search-box button:hover{background:#0074b2;} .vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; box-shadow:0 1px 2px rgba(0,0,0,.3) inset;} .vivo-search .search-box a.close{width:24px; height:24px; position:absolute; top:8px; right:-40px; background:url(../img/vivo-head-ico.png) -86px 0 no-repeat; _background-image:url(../img/vivo-head-ico.gif);} .vivo-search .search-box a.close:hover{background-position:-86px -25px;} .menu{width:100%;z-index:999;} .menu_fix{position:fixed;background:rgba(0,0,0,0.25)} .headere{width:18rem;margin:0px auto;position:relative;display: flex;height:90px;align-items: center;justify-content: space-between;} .logo{width:3.2rem; padding-right:0.7rem;} .logo img{max-width: 100%;} .menu_fr_lx{padding-top:0px;} .menu_fr_lx a{font-size:0.16rem;padding:0 0.2rem;} .menu_fr_lx a:first-child{} .menu_fr_tx{} .menu_fr_tx a{color:#fff} .menu_fr_ym{padding-right:0} .menu_fr_ym a{color:#999999} .menu_fr_tx{display: flex;} .search-user::before{content: "";height:12px;width:1px;background:#fff;display: inline-block;position: relative;margin-top:5px} .nav_bar{position:relative; z-index:999; color:#333;flex:1} .nav{position:relative; margin:0 auto; font-size:14px;} .navv a{color:#fff;} .menu_top .navv a{color:#001426} .menu_top .menu_fr_lx a:first-child{color:#999999} .menu_top .search-user::before{background:#999999} .nav h3{font-size:100%; font-weight:normal;} .nav h3 a{display:block; text-align:center; font-size:0.18rem;margin-right:0.6rem;width: 100%;} .nav .m{float:left; position:relative; z-index:2;height: 90px;line-height: 90px;} .nav .s{float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px;} .nav .sub{display:none; position:absolute; left:-3px; top:90px; z-index:2; width:128px; background: rgba(255,255,255,.5);} .nav .sub li{text-align:center; padding:0 8px; margin-bottom:-1px;height: 43px;line-height: 43px; } .nav .sub li a{display:block; color:#666;border-bottom:2px dotted #E6E4E3;} .nav .sub li:last-of-type a{border: none} .nav .sub li:hover{background: #004F97} .nav .sub li:hover a{color:#fff !important;border-bottom:none} .on{color:#3B9EEE;} .on a{color:#3B9EEE !important;font-weight: bold;} .nav li.m.on::before{content: '';height:4px; width:40px; background:#3B9EEE; position:absolute; left:50%; top:62px; overflow:hidden;border-radius: 5px;margin-left: -20px} .actve::after{content: "";width:0.3rem;height:0.03rem;background:#3B9EEE;display: block;margin: 0 auto;bottom:0rem;} .top_mbx{width:100%;background:rgba(0,82,149,0.6);line-height: 0.5rem;text-align: left;color:#fff;padding:0 1.1rem;position: absolute;top:0;z-index: 99;font-size:0.14rem} .top_mbx a{color:#fff} .top_mbx i{font-size:12px;padding:0 0.1rem} .top_mbx span{color:#b6eeff} .rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;} .rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;} .rslides li:first-child{position:relative;display:block;float:left;} .rslides img{display:block;height:auto;float:left;width:100%;border:0;} .callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;} .callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;} .callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;} .callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;} .callbacks_container{position:relative;width:100%;max-width:100%;text-align:center;} .callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;} .callbacks li{position:absolute;width:100%;left:0;top:0;} .callbacks img{display:block;position:relative;z-index:1;height:auto;width:100%;border:0;} .callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;} .callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../img/themes.gif") no-repeat left top;margin-top:-30px;display:none;} .callbacks_container:hover .callbacks_nav{display:block;} .callbacks_nav:active{opacity:1.0;} .callbacks_nav.next{left:auto;background-position:right top;right:0;} @media screen and (max-width:600px){ .callbacks_nav{top:47%;} } .inner{ --swiper-theme-color: #ff6600;--swiper-pagination-color: #fff;} .aboutlb{--swiper-theme-color: #ff6600;--swiper-pagination-color: #fff;} .inner .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} .index_pro .swiper-slide { display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;transition: 300ms;transform: scale(0.8);} .index_pro .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);} .index_pro .swiper-button-prev:after{display: none;} .index_pro .swiper-button-next:after{display: none;} .index_pro .swiper-button-prev{width: 44px;height: 44px;background: url('../img/arrows_pre_gray.png') no-repeat;bottom: 15px;} .index_pro .swiper-button-next{width: 44px;height: 44px;background:url('../img/arrows_next_gray.png') no-repeat;bottom: 15px;} .index_pro .swiper-button-prev:hover{background:url('../img/arrows_pre.png') no-repeat;} .index_pro .swiper-button-next:hover{background:url('../img/arrows_next.png') no-repeat;} .index_pro .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:35% !important} .index_pro .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:30% !important} .index_pro .swiper-slide-active{font-weight: bold;} .index_pro .swiper-slide-prev{transform: scale(0.65);} .index_pro .swiper-slide-next{transform: scale(0.65);} /*首页产品*/ .index_pro .img-line{display: block} .index_pro .img-list{display: none} .index_pro .switch{display: none} .index_pro .pro-box .title{text-align: center;font-size: 0.3rem;color: #999999} .index_pro .swiper-slide-active .img-line{display: none} .index_pro .swiper-slide-active .img-list{display: block} .index_pro .swiper-slide-active .switch{display: block} .index_pro .swiper-slide-active .pro-box .title{font-size: 0.5rem;color: #333333} .index_pro .pro-box .img-list img{display: none} .index_pro .pro-box .img-list img:first-of-type{display: block} .index_pro .pro-box .switch ul{padding-bottom: 5px;text-align: center;display: flex;justify-content: center;} .index_pro .pro-box .switch ul li{display: block;border-radius: 5rem;float: left;margin-left: 0.2rem;border: 1px solid #fff;transform:scale(0.9);cursor: pointer} .index_pro .pro-box .switch ul li:first-of-type{margin-left: 0} .index_pro .pro-box .switch ul li i{width: 0.24rem;height: 0.24rem;border-radius: 5rem;display: block;margin: 3px} .index_pro .pro-box .switch ul li.on{transform:scale(1.1)} .inner_tit{width:17rem;margin:0px auto;height:100%;overflow: hidden;padding:0.6rem 0} .inner_tit p{font-size: 0.4rem;color:#005295;font-weight: bold;} .inner_tit span{font-size: 0.24rem;color:#005295;font-family: Arial;} .inner_pro{width:17rem;margin:0px auto;height:100%;overflow: hidden;} .innertabItem{width:3.3rem;margin:0px auto;display: none;} .innertabItem ul{overflow: hidden} .innertabItem li{float: left;} .proon{display: block;} .innertabItem li{position: relative;margin:0px 0.1rem} .index_black{width:0.24rem;height:0.24rem;border-radius: 50%;background:#333333;display: block;} .index_black::after{content: "";width: 0.24rem;height: 0.24rem;background: #333333;border-radius: 50%;top: 50%;left: 50%;position: absolute;border:3px solid #fff;transform: translate(-50%, -50%);} .index_blue{width:0.24rem;height:0.24rem;border-radius: 50%;background:#027ced;display: block;} .index_blue::after{content: "";width: 0.16rem;height: 0.16rem;background: #027ced;border-radius: 50%;top: 50%;left: 50%;position: absolute;border:3px solid #fff;transform: translate(-50%, -50%);} .index_red{width:0.24rem;height:0.24rem;border-radius: 50%;background:#bb0a00;display: block;} .index_red::after{content: "";width: 0.16rem;height: 0.16rem;background: #bb0a00;border-radius: 50%;top: 50%;left: 50%;position: absolute;border:3px solid #fff;transform: translate(-50%, -50%);} .index_gray{width:0.24rem;height:0.24rem;border-radius: 50%;background:#adadad;display: block;} .index_gray::after{content: "";width: 0.16rem;height: 0.16rem;background: #adadad;border-radius: 50%;top: 50%;left: 50%;position: absolute;border:3px solid #fff;transform: translate(-50%, -50%);} .index_white{width:0.24rem;height:0.24rem;border-radius: 50%;background:#adadad;display: block;} .index_white::after{content: "";width: 0.16rem;height: 0.16rem;background: #fff;border-radius: 50%;top: 50%;left: 50%;position: absolute;border:3px solid #fff;transform: translate(-50%, -50%);} .inner_pro_item{text-align:center;font-size:0.16rem;padding:0.6rem 0} .inner_pro_item a:hover{color:#005295;font-weight:bold} .inner_pro_item a::after{content: "";height:12px;width:1px;background:#999999;display: inline-block;position: relative;left:0.3rem} .inner_pro_item a:last-child::after{display: none;} .inner_pro_item a{color:#a1a1a1;padding:0 0.3rem} .inner_about{text-align:center;background: url(../img/inner_about.jpg)no-repeat center top;} .inner_about h3{font-size:0.3rem;color:#005295;padding:0.7rem 0 0.2rem 0} .inner_about span{font-size:0.48rem;color:#005295;font-weight:bold;padding-bottom:0.7rem;display: block;} .inner_about p{font-size:0.16rem;color:#333;width:60%;margin:0px auto;line-height:0.32rem;padding:0 0.5rem} .inner_about a{display:inline-block;padding:0.14rem 0.45rem;border:1px solid #005295;margin:0.8rem 0 1rem 0;color:#005295;font-size: 0.16rem;font-weight: bold;} .inner_about a i{margin-left:0.10rem} .inner_foot{width:17rem;margin:0px auto;position:relative;height:100%;overflow:hidden;padding:0.3rem 0} .inner_foot_fl{float:left;width:3rem;} .inner_foot_fl img{width:100%;padding-bottom:0.24rem} .inner_foot_fl span{font-size:0.16rem} .inner_foot_fl h3{color:#005295;font-size:0.4rem;font-weight:bold;padding:0.04rem 0 0.3rem 0;font-family: Arial, Helvetica, sans-serif;} .inner_foot_fl h3 a{color:#005295;} .inner_foot_fr{width:13rem;float:right} .inner_foot_fr_fl{} .inner_foot_fr_fl ul{display: flex;} .inner_foot_fr_fl li{flex:1} .inner_foot_fr_fl p{font-size:0.18rem;font-weight:bold;color:#000;padding-bottom:0.2rem} .inner_foot_fr_fl a{display:block;color:#707070;padding-bottom:0.15rem;font-size:0.14rem} .inner_foot_fr_fl a:hover{color:#005295} .inner_foot_fr_fr{float:right} .inner_foot_fr_fr {align-items: bottom;} .inner_foot_fr_fr li{float:left;text-align: center;font-size:0.14rem;margin-right:0.2rem} .inner_foot_fr_fr li img{padding:5px;border:1px solid #cccccc;width: 110px;} .inner_foot_fr_fr span{} .copyright{text-align: center;border-top:1px solid #dfdfdf;padding:0.3rem 0;font-size:0.14rem} .copyright span:first-child{padding-left:0.1rem;display: inline-block;} .copyright span{padding-left:0.4rem;display: inline-block;} /* 产品列表 */ .pro_item{} .pro_item h3{background:#005295;border-bottom:0.08rem solid #00a0ba;line-height:0.77rem;text-align: center;font-size:0.32rem;color:#fff} .pro_item ul li{line-height: 0.87rem;background:#f5f5f5;padding-left:0.5rem;font-size:0.24rem;margin-bottom:0.05rem;} .pro_item ul li i{margin-right:0.35rem} .pro_item ul li a.on,.pro_item ul li:hover a{color:#005295;font-weight:bold;} .pro_item_on{color:#005295;font-size:0.3rem;font-weight: bold;border-bottom:1px solid #ddd;padding-bottom:0.3rem;margin-bottom:0.3rem} .pro_nov{background: #f5f5f5;text-align: center;width:100%} .pro_nov img{width: 60%;/*mix-blend-mode: multiply;*/} .pro_nov_div{line-height:0.77rem;font-size: 0.24rem;height:0.77rem} .pro_nov a{display: block;} .pro_nov a:hover img{animation-name: pulse;animation-duration: 3s;} .pro_nov a:hover .pro_nov_div{background:#005295 url(../img/mark.jpg)135px 20px no-repeat;color:#fff;position: relative;} .pro_nov a:hover em{float:left;margin-left:0.1rem} .pro_nov a:hover i{margin-right:0.1rem;float:right;display: inline-block;} .pro_nov em{font-style: normal;} .pro_nov i{display: none;} .prolb{padding-bottom: 20px} .prolb .swiper-slide{background:none !important;text-align: center;} .prolb .swiper-pagination{bottom:15px !important} .prolb .swiper-pagination .swiper-pagination-bullet{display: inline-block!important;width: 30px;height: 3px;border-radius: 0} .prolb .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #005295;} .bottom_so{text-align: center;position: relative;} .bottom_so img{width:100%} .bottom_tit{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);margin: 0 auto;} .bottom_tit h3{font-size:0.24rem;color:#fff;font-weight: 700;padding:0.2rem 0} .bottom_tit p{font-size:0.24rem;color:#fff;padding:0.2rem 0} .bottom_tit_so{border-radius: 5px;background:#fff;border:none;font-size:0.18rem;width:4.15rem;padding:0.15rem 0 0.15rem 0.2rem} .bottom_tit_soan{border-radius: 5px;background:#004f97;border:none;color:#fff;font-size:0.18rem;padding:0.15rem 0.2rem} /* 产品详情 */ .pro_view_tit{text-align: left;width:100%;padding-left:0.5rem;font-size: 16px;} .pro_view_tit h3{font-size:0.3rem;color:#005295;font-weight: bold;padding-bottom:0.48rem} .pro_view_tit h3::after{content: "";width:0.5rem;height:0.03rem;background:#005295;display: block;position: relative;top:0.15rem} .pro_view_tit p{font-size:0.18rem;color:#666;padding-bottom:0.12rem} .pro_view_tit table {border:1px solid #ddd; border-collapse:collapse;width: 100%} .pro_view_tit tr,.pro_view_tit td{border:1px solid #ddd;padding: 2px 10px;} .pro_view_contact{padding-top:25px;} .pro_view_contact a{display: inline-block;padding:0.18rem 0.50rem;background:#fafafa;margin-right:0.4rem} .pro_view_contact a:hover{background:#004f97;color:#fff} .pro_view_item{width:100%} .pro_view_con{text-align: left;width:100%;padding-top:35px;} .pro_view_con h3{font-size:0.24rem;color:#005295;border-bottom:1px solid #ddd;padding-bottom: 0.15rem;font-weight: bold;} .pro_view_con h3::after{content: "";width:0.5rem;height:0.03rem;background:#005295;display: block;top:0.15rem;position: relative;} .pro_con{width:100%;font-weight: normal;font-size: 0.18rem;padding:0.2rem 0;text-align: left;} .pro_con p{line-height: 0.45rem;} .pro_view_rela{text-align: left;width:100%;padding:0rem 0 0.5rem 0} .pro_view_rela h3{font-size:0.24rem;color:#005295;border-bottom:1px solid #ddd;padding-bottom: 0.15rem;font-weight: bold;} .pro_view_rela h3::after{content: "";width:0.5rem;height:0.03rem;background:#005295;display: block;top:0.15rem;position: relative;} .relapro .swiper-wrapper{padding-bottom: 60px} .viewpro{position: relative;} .anliu{position: relative;display: flex;justify-content:center;align-items: center;border-top:1px solid #ddd;padding:0.3rem 0} .anliu a{display:block;height:100%} .anliu img{display: block;} .viewpro .swiper-button-prev:after{display: none;} .viewpro .swiper-button-next:after{display: none;} .viewpro_pre{width: 54px;height: 30px;background: url('../img/pro_pre.png') no-repeat;bottom: 15px;} .viewpro_next{width: 54px;height: 30px;background:url('../img/pro_next.png') no-repeat;bottom: 15px;} .viewpro_pre:hover{background:url('../img/pro_pre_hover.png') no-repeat;} .viewpro_next:hover{background:url('../img/pro_next_hover.png') no-repeat;} .viewpro .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:35% !important} .viewpro .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:30% !important} .ge{padding:0 0.1rem} /* 关于我们 */ .about{width:17rem;height: 100%;margin: 0 auto 50px;overflow: hidden;} .aboutlb .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} .aboutlb .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .about_tit{background:#f5f5f5;line-height: 0.9rem;border-bottom:1px solid #dddddd;font-size:0.24rem} .about_top{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);z-index: 99;text-align: center;color:#fff;display: blcok;} .about_top h3{font-size: 0.4rem;padding-bottom:0.2rem;font-weight: bold;} .about_top p{font-size: 0.18rem;padding-bottom:0.1rem} .about_item{width:17rem;margin:0px auto;} .about_item a{padding:0 1.1rem;} .about_item i{display: inline-block;width: 1px;height: 0.2rem;background: #dddddd;position: relative;top: 0.02rem;} .about_item .on{border-bottom:3px solid #004f97;color:#004f97;display: inline-block;font-weight: 700;} .about_content{padding:0.7rem 0 0.8rem 0;width:17rem;margin:0px auto;height:100%;overflow: hidden;} .about_content h3{color:#004f97;font-weight: 700;font-size: 0.4rem;padding-bottom:0.4rem;} .about_content p{font-size:0.18rem;padding-bottom:0.2rem;line-height: 0.3rem;text-indent: 0.4rem ;} .about_cz{text-align: center;padding-bottom:0.6rem;font-size: 13px;} .about_cz span{color:#004f97;font-size: 0.7rem;font-weight: bold;} .about_cz i{font-style: normal;} /* 太阳集团城2003优势 */ .equi{text-align: center;background:#f9f9f9;border:1px solid #eeeeee} .equi img{width:100%;} .equi p{line-height: 0.5rem;} .equi .img-box{position: relative;overflow: hidden} .equi .img-box .img{background-size: 80%;background-repeat: no-repeat;background-position: center;width:100%;height: 2.8rem} .equi .img-box .bg{display:none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: rgb(0 0 0 / 72%);align-items: center;justify-content: center;} .equi .img-box .bg img{width: initial;} .equi .img-box:hover .bg{display: flex;} .equi .img-box:hover .img{animation-name: pulse;animation-duration: 3s;} .gylys{display: flex;align-items: center;display: -webkit-box;display: -webkit-flex;} .gylys img{max-width:100%;} .gylys div:first-child{margin-right:0.3rem} /* 经销中心 */ .jx_gl{width:17rem;margin:0px auto;height:100%;overflow: hidden;padding:0.6rem 0;text-align: center;} .jx_gl h3{color:#004f97;font-weight: bold;font-size:0.4rem;margin-bottom:0.5rem;} .jx_gl img{max-width: 100%;;} .subNavBox{width:100%;} .subNav{cursor:pointer;color:#004F97;background:url(../img/jiantou1.png) no-repeat;background-position:95% 50%;line-height: 0.6rem;font-weight: bold} .subNav:hover{color:#277fc2;} .currentDd{color:#666666;font-weight: initial} .currentDt{background-image:url(../img/jiantou.png);line-height: 0.6rem;} .navContent{display: block;} .navContent li a{display:block;text-align:left;line-height: 0.6rem;color:#333;padding-left: 0.2rem;} .navContent li a:hover{color:#fff;background-color:#277fc2} .js_list a{display: flex;align-items: center;display: -webkit-box;display: -webkit-flex;background:#f5f5f5;padding:20px} .js_list_fl{ flex-grow: 1;} .js_list_fl h3{color:#000;padding-bottom:0.1rem;font-size:0.18rem} .js_list_fl p{font-size:0.14rem;color:#666} .js_list_fr{ flex-grow: 1;text-align: right;font-size:0.4rem !important} .js_list_fr i{font-size:0.4rem !important} .js_list a:hover .js_list_fl h3{color:#004f97;} .js_list a:hover .js_list_fr i{color:#004f97 !important;} /* 新闻 */ .news_top{width:17rem;margin:0px auto;height:100%;overflow: hidden;padding-top: 40px;} .news_top .swiper .swiper-slide .img{width: 100%;height: 5rem;background-size: cover;background-position: center} .quickView {width:17rem;margin:0px auto;background: #fff;padding:0.3rem 0} .quickView .gallery {position: relative;overflow: hidden;text-align: center;} .quickView .gallery .preview {float: left;display: block;position: relative;width:14rem;height:5rem;overflow: hidden;} .quickView .gallery .preview img {} .quickView .gallery ul.thumbs {width:2.9rem;float: left;background: #fff;margin: 0;list-style: none;padding: 0 0 0 0.1rem;display: flex;align-items: center;justify-content: center;} .quickView .gallery ul.thumbs li {cursor: pointer;height:1.5rem;overflow: hidden;margin-bottom:0.17rem} .quickView .gallery ul.thumbs li.empty {cursor: default;} .quickView .gallery ul.thumbs li.empty .thumb {background: #eee;} .quickView .gallery ul.thumbs li .thumb {background-color: #fff;display: block;width: 100%;} .quickView .gallery ul.thumbs li .thumb img {cursor: pointer;transition: all 0.1s;-moz-transition: all 0.1s;-webkit-transition: all 0.1s;-ms-transition: all 0.1s;-o-transition: all 0.1s;width:100%} .quickView .gallery ul.thumbs li:first-child {padding-top: 0 !important;} .quickView ul.quickNav {list-style: none;margin: 0;padding: 3px;background: #7f7f7f;background: rgba(0,0,0,0.4);border-radius: 3px;position: absolute;bottom: 20px;left: 0;} .quickView ul.quickNav li {float: left;margin: 0;padding: 0 0 0 3px;cursor: pointer;} .quickView ul.quickNav li:first-child {padding: 0;} .quickView ul.quickNav li .thumb {display: block;background-color: #fff;} .quickView ul.quickNav li .thumb img {display: none;} .quickView ul.quickNav li.active .thumb {} .quickView.project .padding {} .quickView.project .preview img {width: 100%;} .quickView.project .gallery ul.thumbs li .thumb img {opacity: 0.6;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);} .quickView.project.play .gallery ul.thumbs li.active .thumb img, .quickView.project .gallery ul.thumbs li:hover .thumb img {opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);} .index_plist{width:auto !important;display: table;float:none !important;margin:0px auto !important} .index_plist li{float:left !important;height:auto !important;margin:0.15rem;position: relative;} .index_plist img{max-width: 100% !important;} .quickView .gallery .index_view{display: inline !important;float:none !important} .news_list{background:#f5f5f5;padding:20px 30px 8px} .news_list span{color:#999;display: block;line-height: 0.3rem;font-size:0.13rem;font-weight: bold;} .news_list h3{color:#333;font-size:0.2rem;margin-bottom: 0.1rem;height: 0.55rem;word-break: break-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;} .news_list p{color:#777;font-size:0.16rem;line-height: 0.3rem;margin-bottom:0.3rem;height: 0.95rem;text-indent: 1em;word-break: break-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;} .news_list div{padding-bottom:0.2rem} .news_list div em{font-style: normal;margin-right:0.1rem;display: none;font-size:0.14rem;font-weight: bold;} .news_list:hover{background:#fff;box-shadow: 0px 0px 20px rgba(153,153,153,0.2);} .news_list a:hover span{color:#004f97} .news_list a:hover h3{color:#004f97} .news_list a:hover em{display: inline-block;color:#004f97} .news_list a:hover i{color:#004f97} .tabItemb{margin-bottom:0.3rem} .tabItemb img{width:100%;height:1.46rem} .tabItemb .img{width:100%;height:1.46rem;background-position: center;background-size: cover;} .swiperac img{width:100%} .tabb{display: block;} .newslistpagination { position: absolute; text-align: right; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; } .newslistpagination .swiper-pagination-bullet{border-radius:3px} .newslistpagination .swiper-pagination-bullet { width: 30px; height: 6px; text-align: center; line-height: 20px; font-size: 12px; color: #000; opacity: 1; background: #fff; } .newslistpagination .swiper-pagination-bullet-active { color: #fff; background: #004a9f;width:50px } .news_view{width:17rem;margin:0px auto;height:100%;overflow: hidden;padding:0.6rem 0;} .news_view_tit{text-align: center;} .news_view_tit h3{font-size:0.3rem;color:#004f97;font-weight: bold;padding:0.2rem 0} .news_view_tit span{border-right:1px solid #ddd;padding:0 0.1rem;font-size:0.16rem} .news_view_tit span i{font-size:0.12rem} .news_view_tit span:last-child{border:none} .news_content{width:17rem;margin:0px auto;height:100%;overflow: hidden;padding:0.6rem 0;} .news_content img{max-width: 100%;} .pre_news{width:17rem;margin:0px auto;height:100%;overflow: hidden;padding:0.45rem 0 0.15rem 0;border-top:1px dashed #e9e9e9} .pre_news p{color:#616161;font-size:0.18rem;padding-bottom:0.15rem} .pre_news p a{color:#a7a7a8} .pre_news .left{float: left} .pre_news .right{float: right} .pre_news .right a{width: 160px;height: 44px;line-height: 44px;background: #004F97;border-radius: 4px;text-align: center; color: #fff; display: flex; align-items: center; justify-content: center;} .pre_news .right a img{margin-left: 20px} .related{width:17rem;margin:0px auto;height:100%;overflow: hidden;border-bottom:1px solid #eeeeee;} .related span{font-size:0.24rem;color:#004f97;border-bottom:2px solid #004f97;display: inline-block;padding:0.18rem 0 0.16rem 0;font-weight: bold;} .relatedlist{width:17rem;margin:0px auto;height:100%;padding:0.3rem 0} .relatedlist .swiper{padding-bottom: 60px} /* 联系 */ .contact{} .contact h3{color:#005295;font-size:0.3rem;font-weight: bold;} .contact span{color:#999;font-size:0.16rem;padding:0.1rem 0 0.65rem 0;display: inline-block;} .contact span::after{width:0.25rem;content: "";height:2px;background:#80a9c8;display: block;top:0.35rem;position: relative;} .contact p{color:#666666;font-size:0.18rem !important;padding:0.10rem 0;display: inline-block;width:100%;/*padding-left: 0.4rem;*/ position: relative;} .contact i{font-size:0.24rem !important;width:0.4rem;display: inline-block;position: absolute;left: 0} .contact_us{margin:0px auto;width:5rem} .contact_us dd{float:left;} .contact_us i{font-size:0.8rem !important;color:#e6e6e6} .contact_us span{color:#004f97;font-size: 0.4rem;font-weight: bold;display: inline-block;font-family: Arial;margin-top:0.1rem} .contact_us dt{float:left;margin-left:0.2rem;} .contact_form_tit{text-align: center;} .contact_form_tit h3{color:#001426;font-size:0.3rem} .contact_form_tit span{background:#004f97;height:3px;width:44px;display: inline-block;} .contact_form{vertical-align:middle;line-height: 0.5rem;position: relative;overflow: hidden;padding-left: 1.5rem;} .contact_form label{width:1.7rem;display: inline-block;font-size: 18px;float: left;position: absolute;left: 0;top: 0;} .contact_form label span{color:#ff0000} .contact_form input{width:100%;border:1px solid #ddd;height:0.6rem;padding-left:0.1rem;font-size: 14px;float: left} .contact_form textarea{width:100%;border:1px solid #ddd;padding:0.1rem;font-size: 14px;} .contact_form button{height:0.62rem;border:none;width:1.8rem;background:#005295;color:#fff;margin-left: 20px;cursor: pointer} .contact_form .pad_g img{height: 0.6rem;} .contact_form .download{display: block;float: left;font-size: 15px;color: #0086f1;text-decoration: underline;padding-left: 10px;line-height:30px;} .contact_form .upload{border: none} .contact-btn{display: none} /* 客服 */ #jump{position:fixed;top:200px;right:30px;z-index:400;} *html #jump{position:absolute;top:expression(documentElement.scrollTop + "px");margin:200px 0 0 0;} #jump li{width:0.48rem;height:0.48rem;;overflow:hidden;text-align: center;margin-bottom:0.05rem;background:#393e41;line-height: 0.48rem;border-radius: 0.05rem;} #top,#share,#reply,#sina,#ceping,#weixin{display:block;overflow:hidden;cursor:pointer;} #top{background:#393e41;} #jump li a i{color:#fff;font-size:0.24rem} #share{background:#393e41;} #reply{background:#393e41;} #sina{background:#393e41;} #weixin{background:#393e41;} #jump li a:hover{background:#004F97;} #EWM{position:absolute;left:-150px;display:none;} #EWM img{width:150px;height:150px;} #dh{top:1.59rem;position:absolute;right:0.45rem;display:none;background:#004F97;width:2rem;border-radius: 0.05rem 0 0 0.05rem;line-height:0.48rem;color:#fff;height: 0.48rem;} /* 发展历程 */ .his_top{text-align:center;padding:0.8rem 0 0.7rem 0} .his_top h3{color:#333333;font-size:0.4rem;padding-bottom:0.2rem} .his_top p{color:#999999;font-size:0.16rem} .time_line::after{height:1px;width:100%;;display:block;background:#ddd;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .time_line .swiper-slide {float: left;width: 211px;position: relative;margin-top:500px;padding-bottom: 0;padding-left: 0;z-index: 2;margin-right:0;height: 600px} .time_line .swiper-slide:nth-child(2n) {border-bottom:1px solid #ddd;height: 0} .time_line .swiper-slide:nth-child(2n+1) {border-top:1px solid #ddd} .time_line .swiper-slide:nth-child(2n) .layui-timeline{position: absolute;left: 0;bottom: 10px;} .time_line .swiper-slide:nth-child(2n+1) .layui-timeline-content{padding-top: 60px} .time_line .swiper-slide .layui-timeline{position: relative} .time_line .swiper-slide .layui-timeline .layui-timeline-item:before{left: 6px} .time_line ul li dl dt {font-size: 0.24rem;color: #005295;position: relative;margin-bottom: 0;padding-top: 20px;} .time_line ul li:after {content: '';width: 8px;height: 8px;border-radius: 100%;background: #005295;position: absolute;left: -2px;top: -9px;border: 4px solid #ccdcea;} .swiper-slide:nth-child(2n) ul li:after{top: 100%;margin-top: 2px;} .time_line ul:after {content: '';background:#005295;width: 9px;height: 9px;border-radius: 100%;position: absolute;left: 7px;bottom: 0;} .swiper-slide:nth-child(2n) ul:after{top: 0;} .time_line ul li dl dd {color: #606060;font-size: 0.16rem;line-height: 1.8;position: relative;overflow: hidden;} .time_line ul li dl dd img{width:100%;display: none;margin-top: 20px} .time_line .swiper-button-prev:after{display: none;} .time_line .swiper-button-next:after{display: none;} .time_line .swiper-button-prev{width: 42px;height: 42px;background: url('../img/his_l_pre.png') no-repeat;} .time_line .swiper-button-next{width: 42px;height: 42px;background:url('../img/his_r_next.png') no-repeat;} .time_line .swiper-button-prev:hover{background:url('../img/his_l_pre_hover.png') no-repeat;} .time_line .swiper-button-next:hover{background:url('../img/his_r_next_hover.png') no-repeat;} .time_line .swiper-slide .layui-timeline-item:hover .layui-timeline-title{font-size: 0.3rem;font-weight: bold;animation-name: layui-timeline-title;animation-duration: 1s;position: relative} .time_line .swiper-slide .layui-timeline-item:hover .txt{animation-name: layui-timeline-txt;animation-duration: 1s;} .time_line .swiper-slide .layui-timeline-item:hover img{display: initial;animation-name: layui-timeline-img;animation-duration: 1s;position: relative} @keyframes layui-timeline-title { from {margin-bottom: -20px;opacity: 0} to {margin-bottom: 0;opacity: 1} } @keyframes layui-timeline-txt { from {margin-bottom: -30px;opacity: 0} to {margin-bottom:0;opacity: 1} } @keyframes layui-timeline-img { from {margin-bottom: -80px;opacity: 0} to {margin-bottom: 0;opacity: 1} } .time-line{width:100%;margin:20px auto;position: relative;} .time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../img/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;z-index: 999;} .time-line .left-btn{left:0;top:50%;} .time-line .right-btn{right:0;top:50%;transform: rotate(180deg);} .time-line .right-btn:hover{background: url(../img/arrow-hover.png) no-repeat;transform: rotate(180deg);} .time-line .left-btn:hover{background: url(../img/arrow-hover.png) no-repeat;} .time-line .time-box{width: 17rem;margin: 0 auto;overflow: hidden;} .time-line .time-box ul{overflow: hidden;position: relative;height: 500px;} .time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;} .time-line .time-box li{width:210px;float: left;padding: 10px;box-sizing: border-box;position: relative; cursor: pointer;} .time-line .time-box li:nth-child(2n){} .time-line .time-box li:nth-child(2n):before{bottom: auto;top: -10px;transform: rotate(-225deg);} .time-line .time-box li:nth-child(2n):after{bottom: auto;top:-46px;} .time-line .time-box li:hover,.time-line .time-box li.active{} .time-line .time-box li:hover:before,.time-line .time-box li.active:before{} .time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../img/point-hover.png) no-repeat;} .item:nth-child(2n+1) { position: relative; width: 150px; height: 550px; display: inline-block; margin-left: 20px; background: url(../img/his_01.png)0px 245px no-repeat; } .item:nth-child(2n) { position: relative; width: 150px; height: 550px; display: inline-block; margin-left: 20px; background: url(../img/his_02.png)0px 27px no-repeat; } .content_his{width:330px} .top .content_his { padding-top: 5px; top: 10px; padding-bottom: 13px; padding-left: 13px; position: absolute; } .botto{} .botto .content_his { bottom: 30%; padding-top: 10px; padding-bottom: 5px; position: absolute; left:0.4rem } /* .time-line .left-btn,.time-line .right-btn{width: 30px;height: 30px;background: url(../img/arrow.png) no-repeat;position: absolute;margin-top:-15px;cursor: pointer;} .time-line .left-btn{left:0;top:50%;} .time-line .right-btn{right:0;top:50%;transform: rotate(180deg);} .time-line .right-btn:hover{background: url(../img/arrow-hover.png) no-repeat;transform: rotate(180deg);} .time-line .left-btn:hover{background: url(../img/arrow-hover.png) no-repeat;} .time-line .time-box{width: 17rem;margin: 0 auto;overflow: hidden;} .time-line .time-box ul{overflow: hidden;position: relative;height: 255px;} .time-line .time-box ul:after{content: "";background: #d2d2d2;height: 1px;width: 100%;position: absolute;left:0;top:50%;} .time-line .time-box li:nth-child(2n){ } .time-line .time-box li:before{} .time-line .time-box li:after{content: "";width: 15px;height: 15px;background: url(../img/point.png) no-repeat;position: absolute;left:0%;margin-left:-6px;bottom: 0; bottom: -48px; z-index: 1;} .time-line .time-box li:nth-child(2n):before{} .time-line .time-box li:nth-child(2n):after{} .time-line .time-box li:hover,.time-line .time-box li.active{} .time-line .time-box li:hover:before,.time-line .time-box li.active:before{border-color: #1b96ff;background: #1b96ff;} .time-line .time-box li:hover:after,.time-line .time-box li.active:after{background: url(../img/point-hover.png) no-repeat;} */ .bd_t3{font-size:0.48rem;font-weight:bold;color:#004A9F} .tab{} .tabItem{} .tabItem{width:100%;height:100%;overflow: hidden;display: flex} .active{background:#f5f5f5} .bd_t3{padding-bottom:0.5rem;font-family:Arial} .datem{color: #004a9f;width:0.6rem;font-size:0.2rem} .datecon{border-left:1px solid #004A9F;padding-left:0.4rem;position: relative;padding-bottom:0.45rem;flex: 1;} .datecon:before{content:"";height:6px;width:6px;background:#004A9F;border-radius:3px;display:block;position: absolute;left:-3px} .datecon h3{color:#333;padding-bottom:0.25rem;font-size:0.18rem} .datecon p{color:#666666;padding-bottom:0.1rem;font-size:0.16rem} .honor{text-align:center;} .honor span{background:#f9f9f9;border:1px solid #e7e7e7;display:block;padding:0.2rem} .honor p{padding:0.3rem 0} .honor span img{ height: 378px; max-width: 100%; margin: 0 auto; display: block; } .honyear{font-size:0.24rem;color:#005295;position: relative;padding:0.3rem 0} .honyear::after{height:1px;width:100%;content:"";display:block;background:#ddd;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .gallery-thumbs{width:13rem;margin:0px auto} .gallery-thumbs .swiper-slide{text-align: center;} .gallery-thumbs .swiper-slide span{z-index: 2;background:#fff;text-align: center;padding:0 0.1rem;font-family:Arial;font-weight:bold;font-size:0.24rem} .swiper-slide-thumb-active span{font-size: 0.28rem !important;} .honyear .swiper-slide{cursor: pointer} .honyear .swiper-button-prev:after{display: none;} .honyear .swiper-button-next:after{display: none;} .honyear .swiper-button-prev{width: 42px;height: 42px;background: url('../img/his_l_pre.png') no-repeat;} .honyear .swiper-button-next{width: 42px;height: 42px;background:url('../img/his_r_next.png') no-repeat;} .honyear .swiper-button-prev:hover{background:url('../img/his_l_pre_hover.png') no-repeat;} .honyear .swiper-button-next:hover{background:url('../img/his_r_next_hover.png') no-repeat;} .gallery-top{width:17rem;margin:0px auto;padding:0.7rem 0 0 0 } .swiper1 .swiper-wrapper{display:inline-block} /* 分页 */ .pagination{display:flex;padding:0.5rem 0px;margin: 0px auto;justify-content: center;width: 100%;} .pagination a{display:block;float:left;margin-right:8px;padding:2px 12px;min-height:0.32rem;background:#efefef;text-decoration:none;color:#808080;font-size:0.14rem;line-height:0.32rem;} .pagination a:hover{color:#ffffff;background: #005295;} .pagination a.cur{background:#dfdfdf;color:#333333;} .pagination p{padding:0px;margin:0px;float:left;cursor:pointer;padding:2px 12px;font-size:0.14rem;min-height:0.32rem;line-height:0.32rem;color:#bbb;background:#efefef;margin-right:8px;} .pagination p.pageRemark{border-style:none;background:none;margin-right:0px;padding:4px 0px;color:#666;} .pagination p.pageRemark b{color:red;} .pagination p.pageEllipsis{border-style:none;background:none;padding:4px 0px;color:#808080;} .innerpagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; } .aboutpagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; } .newspagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10; bottom:0px !important } @media screen and (min-width:1201px){ .layui-container{width:17rem} } @media screen and (min-width:992px) and (max-width:1200px){ .headere{height:50px} .about_content p{font-size: 0.3rem;line-height: 0.6rem} } @media screen and (min-width:768px) and (max-width:991px){ .headere{height:50px} .about_content p{font-size: 0.4rem;line-height: 0.6rem} .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0% !important} .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0% !important} .about_content p{font-size:0.18rem;} .tabb{display: flex;} .news_top{width:100%} .tabItemb{margin:0.2rem} } @media screen and (max-width:767px){ .layui-col-space15{margin: 0 !important;} .banner{overflow: hidden} .banner img { width:180% !important; margin-left: -40%; } .inner .swiper-slide img{height: auto !important;margin: initial} .about{margin-bottom: 30px} .aboutlb .swiper-slide{overflow: hidden} .aboutlb .swiper-slide img{width: 180%;height: initial} .inner_tit span{font-size: 13px} .vivo-search .search-box{width: 100%;left: 0;margin-left: 0;background: none;box-shadow:none} .vivo-search .search-box form{width: 100%;padding: 0 100px 0 20px} .vivo-search .search-box input{width: 100%} .vivo-search .search-box button{width: 50px;position: absolute} .vivo-search .search-box a.close{display: inline-block;position:absolute;opacity: 1 !important;right: 15px} .index_black{width:0.8rem;height:0.8rem} .index_blue{width:0.8rem;height:0.8rem} .index_red{width:0.8rem;height:0.8rem} .index_gray{width:0.8rem;height:0.8rem} .index_white{width:0.8rem;height:0.8rem} .menu_fr_lx a{font-size:0.8rem;margin:0rem 1rem} .top_mbx{line-height:1.8rem;font-size: 13px;} .about_cz span{font-size:1.5rem} .inner_tit p{font-size:1rem;} .index_pro .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:5% !important} .index_pro .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:5% !important} .logo{width:7rem} .headere{ height: 50px; z-index: 9899; width: calc(100vw - 50px); left: 0; margin: initial; padding-left: 10px;} .inner_about h3{font-size: 0.9rem;} .inner_about span{font-size: 1.02rem;} .inner_about p{width:100%;line-height: 1.4rem;text-align: left;font-size: 0.7rem;} .inner_about a{padding:0.5rem 1rem;font-size: 15px} .about_tit{line-height: 1.8rem} .about_item i{height: 0.8rem;top: 0.2rem;} .about_item a{padding:0 0.6rem;font-size:0.7rem} .about_content p{font-size: 0.7rem;line-height: 1.4rem} .about_content h3{font-size: 1rem;} .contact{padding-bottom: 1rem} .contact h3{font-size:0.8rem;margin-bottom: 30px;} .contact span{padding:0.5rem 0 0.8rem 0;font-size: 12px} .contact p{font-size: 0.7rem !important;/*padding-left: 1.3rem;*/} .contact i{width:0.8rem;font-size: 0.8rem !important;top: 0.2rem} .contact_form{padding-left: 4.2rem} .contact_form label{width:6rem;font-size: 0.6rem;line-height: 1.5rem;} .contact_form input{height:1.6rem} .contact_form button{width:100%;height:1.6rem} .currentDt{line-height:2rem;font-size:0.8rem} .navContent li a{line-height: 2rem;font-size: 13px} .js_list_fl p{line-height:1rem} .news_list h3{line-height: 1.2rem;font-size: 0.8rem;height: inherit;margin-bottom: 0.3rem;} .news_list span{padding: 0.5rem 0;font-size: 12px;} .news_list p{line-height:1rem;font-size: 0.65rem;height: 3rem;margin-bottom: 0.5rem;} .news_content{font-size: 12px} .news_view_tit span{font-size: 12px} .pre_news p,.pre_news a{font-size: 12px} .pro_view_tit{line-height:2rem} .pro_view_tit h3{font-size:1rem;} .pro_view_tit p{line-height:1.2rem;font-size: 0.8rem;} .pro_con{line-height: 1rem;font-size:0.8rem;padding-top: 1rem} .pro_view_item{padding-left: 0.5rem} .bd_c4l{width:100%;padding-left:0} .bd_t3 {font-size: 1rem;} .datem{width:4rem} .bd_c4l ul li::before{left:1.5rem;} .tabs .datem{font-size: 0.8rem} .tabs .datecon{margin-left: 0.5rem} .datecon:before{left:-0.6rem;top:10px;display: none} .swiper-container-horizontal.swiperab {padding-bottom: 1.5rem} .pad_a{padding:0 15px} .pad_b{padding:0 15px} .about_top{display:none} .pad_d{padding:1rem 15px 0 15px} .pad_e{padding: 1rem 15px;} .contact_us{width:100%} .contact_us i {font-size: 1.8rem !important;} .contact_us p{font-size:0.7rem} .contact_us span{font-size:1rem} .equi p {line-height: 2rem;font-size:0.7rem} .pagination a{line-height:26px;font-size: 12px} .pagination p{line-height:1.4rem} .time_line .swiper-slide{padding:0;margin: 0;border:none !important;height: auto} .time_line .swiper-slide:nth-child(2n) .layui-timeline{top:0} .time_line .swiper-slide .layui-timeline-item:before{display: none} .time_line ul li:after{display: none} .time_line ul:after{display: none} .time_line .swiper-slide:nth-child(2n+1) .layui-timeline-content{padding-top: 25px} .his_top h3 {font-size: 1rem;} .time_line .swiper-slide .layui-timeline .layui-timeline-title{font-size: 1rem !important;font-weight: bold;} .time_line .swiper-slide .layui-timeline dd{font-size: 0.7rem;line-height: 1.5;padding:5px 0 0 0} .time_line .swiper-slide .layui-timeline img{display: initial;} .his_top{padding: 1.5rem 0} .honyear::after{display: none} .layui-timeline-content{padding:25px} .gallery-thumbs .swiper-slide span{font-size:1rem !important} .datecon h3{font-size:0.8rem;padding-bottom: 0.4rem;} .datecon p{font-size:0.7rem} .gallery-top{width:100%} .tabb{display: flex;} .news_top{width:100%} .tabItemb{margin:0.2rem;width: 100%} .tabItemb .img{height: 3.46rem} /*产品列表菜单*/ .pro_item h3{font-size: 0.8rem;line-height: 1.8rem;border-bottom-width: 0.25rem;} .pro_item ul li{font-size: 0.8rem;line-height: 2rem} .pro_item_on{padding: 0 0 10px 10px;font-size: 0.8rem;} .pro_view_con h3{font-size:1rem} .pro_view_rela h3{font-size:1rem} .pro_con p{line-height:2rem} .pro_nov_div{font-size:0.8rem;line-height:2rem;height:2rem} .pro_nov a .pro_nov_div{background:#005295 url(../img/mark.jpg)200px 20px no-repeat;color:#fff;position: relative;} .pro_view_contact a{padding: 0.2rem 1.8rem;font-size:0.8rem;} .anliu{padding: 1rem 0} .equi .img-box .img{height: 5rem} .gylys{flex-direction: column;} .gylys div{width: 100%;margin: 0 !important;} .gylys div:last-of-type{line-height: 1.5rem;font-size: 0.7rem} .gylys div img{width: 100%} .about_item{width:100%} .copry_foot{margin-bottom: 20px;} .copry_foot .layui-hide-xs{display: block !important} .copry_foot .foot-logo{width: 100% !important} .copry_foot .foot-logo .inner_foot_fl{width: 100%;text-align: center;padding: 20px 0;} .copry_foot .foot-logo .inner_foot_fl h3{font-size:20px} .copry_foot .foot-logo .inner_foot_fl img{width: 50%} .copry_foot .foot-logo .inner_foot_fl span{width: 100%;display: inline-block;font-size: 13px} .copry_foot .foot-menu{display: none} .copry_foot .foot-img{width: 100%} .copry_foot .foot-img .inner_foot_fr_fr{width: 100%} .copry_foot .foot-img .inner_foot_fr_fr ul{display: flex;justify-content:center} .copry_foot .foot-img .inner_foot_fr_fr li img{width: 60%;margin-bottom: 10px} .copry_foot .foot-img .inner_foot_fr_fr li{width: 50%;margin: 0;font-size: 13px} .copyright{padding: 0.8rem 0;font-size: 12px} .jx_gl h3{font-size: 0.8rem} .subNavBox .subNav{font-size: 0.8rem;line-height: 2rem;} .subNavBox .navContent li a:hover{background: none;color: #333} .js_list_fl h3{font-size: 0.8rem} .js_list_fl p{font-size: 0.6rem} .js_list_fr i{font-size: 30px !important} .news_top .swiper .swiper-slide .img{height: 7.5rem} .news_top .swiper-tab{padding-top: 0;} .news_view_tit h3{font-size: 0.8rem} .news_view_tit p{padding-top: 0.1rem} .related span{font-size: 0.8rem} .relatedlist .swiper{padding-bottom: 1rem} .pre_news .right{margin-top: 1rem} .pre_news .right a{height: 35px;width: 120px;} .pre_news .right a img{height: 50%;} #allmap{height: 12rem !important;} .contact_form_tit h3{font-size: 0.8rem} .contact_form #captcha{width:50% !important} .contact_form .pad_g img{height: 1.5rem} .feedback_submit_1{display: none} .contact-btn{display: block;margin-bottom: 1.5rem;} .contact-btn .contact_form{padding: 0} .contact-btn .feedback_submit_1{display: block;width: 50%;margin: 0 auto;font-size: 12px;} /*首页产品*/ .index_pro{padding-top: 1rem} .index_pro .pro-box .switch{padding-bottom: 1.2rem} .index_pro .pro-box .switch ul li i{width:0.9rem;height: 0.9rem;} .index_pro .swiper-slide-active .pro-box .title{font-size: 1.2rem;} .index_pro .swiper-slide-active .pro-box .img-list img{width: 70%} .his_top p{font-size: 12px} .honor p{font-size: 13px} .swiperab .swiper-wrapper{padding-bottom: 30px} .contact_form_tit{padding: 10px 0 20px;} } .header{} .dl-menuwrapper {width: 100%;float: right;position: absolute;top:0;right:0;padding-top: 45px;z-index: 999;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;} .dl-menuwrapper:first-child {} .dl-menuwrapper button {border: none;width: 50px;height: 50px;text-indent: -900em;overflow: hidden;position: absolute;top:0;right:0;cursor: pointer;outline: none;background: none} .dl-menuwrapper .btn {display: block; position:absolute;width: 24px;height: 24px;right:20px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);} .dl-menuwrapper .btn span {display: block;width: 100%;height: 2px;background: #FFFFFF;position: absolute;left: 0;top: 50%; margin-top: -1px; -webkit-transition: .4s;transition: .4s; border-radius: 2px;} .menu_top .dl-menuwrapper .btn span {background: #999999} .dl-menuwrapper .btn .line1 {-webkit-transform: translateY(-8px);transform: translateY(-8px);} .dl-menuwrapper .btn .line3 { -webkit-transform: translateY(8px);transform: translateY(8px);} .dl-menuwrapper .btn.dl-active .line1 {-webkit-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);-webkit-transition: .4s;transition: .4s;} .dl-menuwrapper .btn.dl-active .line2 {opacity: 0;-webkit-transition: .4s;transition: .4s;} .dl-menuwrapper .btn.dl-active .line3 {-webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg);-webkit-transition: .4s;transition: .4s;} .dl-menuwrapper ul {background: #005295;} .dl-menuwrapper ul {padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;} .dl-menuwrapper li {position: relative;} .dl-menuwrapper li a {display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;border-top: 1px solid #fff;border-bottom:1px solid #f5f5f5;outline: none;} .no-touch .dl-menuwrapper li a:hover {background: rgba(255,248,213,0.1);} .dl-menuwrapper li.dl-back > a {padding-left: 35px;background: rgba(0,0,0,0.1);} .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {content:'';position: absolute;top: 1px;line-height: 50px;speak: none;-webkit-font-smoothing: antialiased;background: url(../img/r.png) no-repeat right;width: 50px;height: 50px;background-size: 18px;} .dl-menuwrapper li.dl-back:after {left: 10px;color: rgba(255,255,255,0.8);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);} .dl-menuwrapper li > a:after {right: 10px;color: rgba(255,255,255,0.8);} .dl-menuwrapper .dl-menu {margin: 5px 0 0 0;position: absolute;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;} .dl-menuwrapper .dl-menu.dl-menu-toggle {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;} .dl-menuwrapper .dl-menu.dl-menuopen {opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);} .dl-menuwrapper li .dl-submenu {display: none;} .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a {display: none;} .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {display: block;} .dl-menuwrapper > .dl-submenu {position: absolute;width: 100%;top: 50px;left: 0;margin: 0;} .dl-menu.dl-animate-out-1 {-webkit-animation: MenuAnimOut1 0.4s;-moz-animation: MenuAnimOut1 0.4s;animation: MenuAnimOut1 0.4s;} .dl-menu.dl-animate-out-2 {-webkit-animation: MenuAnimOut2 0.3s ease-in-out;-moz-animation: MenuAnimOut2 0.3s ease-in-out;animation: MenuAnimOut2 0.3s ease-in-out;} .dl-menu.dl-animate-out-3 {-webkit-animation: MenuAnimOut3 0.4s ease;-moz-animation: MenuAnimOut3 0.4s ease;animation: MenuAnimOut3 0.4s ease;} .dl-menu.dl-animate-out-4 {-webkit-animation: MenuAnimOut4 0.4s ease;-moz-animation: MenuAnimOut4 0.4s ease;animation: MenuAnimOut4 0.4s ease;} .dl-menu.dl-animate-out-5 {-webkit-animation: MenuAnimOut5 0.4s ease;-moz-animation: MenuAnimOut5 0.4s ease;animation: MenuAnimOut5 0.4s ease;} @-webkit-keyframes MenuAnimOut1 { 50% {-webkit-transform: translateZ(-250px) rotateY(30deg);} 75% {-webkit-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;} 100% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;} } @-webkit-keyframes MenuAnimOut2 { 100% {-webkit-transform: translateX(-100%);opacity: 0;} } @-webkit-keyframes MenuAnimOut3 { 100% {-webkit-transform: translateZ(300px);opacity: 0;} } @-webkit-keyframes MenuAnimOut4 { 100% {-webkit-transform: translateZ(-300px);opacity: 0;} } @-webkit-keyframes MenuAnimOut5 { 100% {-webkit-transform: translateY(40%);opacity: 0;} } @-moz-keyframes MenuAnimOut1 { 50% {-moz-transform: translateZ(-250px) rotateY(30deg);} 75% {-moz-transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;} 100% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;} } @-moz-keyframes MenuAnimOut2 { 100% {-moz-transform: translateX(-100%);opacity: 0;} } @-moz-keyframes MenuAnimOut3 { 100% {-moz-transform: translateZ(300px);opacity: 0;} } @-moz-keyframes MenuAnimOut4 { 100% {-moz-transform: translateZ(-300px);opacity: 0;} } @-moz-keyframes MenuAnimOut5 { 100% {-moz-transform: translateY(40%);opacity: 0;} } @keyframes MenuAnimOut1 { 50% {transform: translateZ(-250px) rotateY(30deg);} 75% {transform: translateZ(-372.5px) rotateY(15deg);opacity: .5;} 100% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;} } @keyframes MenuAnimOut2 { 100% {transform: translateX(-100%);opacity: 0;} } @keyframes MenuAnimOut3 { 100% {transform: translateZ(300px);opacity: 0;} } @keyframes MenuAnimOut4 { 100% {transform: translateZ(-300px);opacity: 0;} } @keyframes MenuAnimOut5 { 100% {transform: translateY(40%);opacity: 0;} } .dl-menu.dl-animate-in-1 {-webkit-animation: MenuAnimIn1 0.3s;-moz-animation: MenuAnimIn1 0.3s;animation: MenuAnimIn1 0.3s;} .dl-menu.dl-animate-in-2 {-webkit-animation: MenuAnimIn2 0.3s ease-in-out;-moz-animation: MenuAnimIn2 0.3s ease-in-out;animation: MenuAnimIn2 0.3s ease-in-out;} .dl-menu.dl-animate-in-3 {-webkit-animation: MenuAnimIn3 0.4s ease;-moz-animation: MenuAnimIn3 0.4s ease;animation: MenuAnimIn3 0.4s ease;} .dl-menu.dl-animate-in-4 {-webkit-animation: MenuAnimIn4 0.4s ease;-moz-animation: MenuAnimIn4 0.4s ease;animation: MenuAnimIn4 0.4s ease;} .dl-menu.dl-animate-in-5 {-webkit-animation: MenuAnimIn5 0.4s ease;-moz-animation: MenuAnimIn5 0.4s ease;animation: MenuAnimIn5 0.4s ease;} @-webkit-keyframes MenuAnimIn1 { 0% {-webkit-transform: translateZ(-500px) rotateY(0deg);opacity: 0;} 20% {-webkit-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;} 100% {-webkit-transform: translateZ(0px) rotateY(0deg);opacity: 1;} } @-webkit-keyframes MenuAnimIn2 { 0% {-webkit-transform: translateX(-100%);opacity: 0;} 100% {-webkit-transform: translateX(0px);opacity: 1;} } @-webkit-keyframes MenuAnimIn3 { 0% {-webkit-transform: translateZ(300px);opacity: 0;} 100% {-webkit-transform: translateZ(0px);opacity: 1;} } @-webkit-keyframes MenuAnimIn4 { 0% {-webkit-transform: translateZ(-300px);opacity: 0;} 100% {-webkit-transform: translateZ(0px);opacity: 1;} } @-webkit-keyframes MenuAnimIn5 { 0% {-webkit-transform: translateY(40%);opacity: 0;} 100% {-webkit-transform: translateY(0);opacity: 1;} } @-moz-keyframes MenuAnimIn1 { 0% {-moz-transform: translateZ(-500px) rotateY(0deg);opacity: 0;} 20% {-moz-transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;} 100% {-moz-transform: translateZ(0px) rotateY(0deg);opacity: 1;} } @-moz-keyframes MenuAnimIn2 { 0% {-moz-transform: translateX(-100%);opacity: 0;} 100% {-moz-transform: translateX(0px);opacity: 1;} } @-moz-keyframes MenuAnimIn3 { 0% {-moz-transform: translateZ(300px);opacity: 0;} 100% {-moz-transform: translateZ(0px);opacity: 1;} } @-moz-keyframes MenuAnimIn4 { 0% {-moz-transform: translateZ(-300px);opacity: 0;} 100% {-moz-transform: translateZ(0px);opacity: 1;} } @-moz-keyframes MenuAnimIn5 { 0% {-moz-transform: translateY(40%);opacity: 0;} 100% {-moz-transform: translateY(0);opacity: 1;} } @keyframes MenuAnimIn1 { 0% {transform: translateZ(-500px) rotateY(0deg);opacity: 0;} 20% {transform: translateZ(-250px) rotateY(30deg);opacity: 0.5;} 100% {transform: translateZ(0px) rotateY(0deg);opacity: 1;} } @keyframes MenuAnimIn2 { 0% {transform: translateX(-100%);opacity: 0;} 100% {transform: translateX(0px);opacity: 1;} } @keyframes MenuAnimIn3 { 0% {transform: translateZ(300px);opacity: 0;} 100% {transform: translateZ(0px);opacity: 1;} } @keyframes MenuAnimIn4 { 0% {transform: translateZ(-300px);opacity: 0;} 100% {transform: translateZ(0px);opacity: 1;} } @keyframes MenuAnimIn5 { 0% {transform: translateY(40%);opacity: 0;} 100% {transform: translateY(0);opacity: 1;} } .dl-menuwrapper > .dl-submenu.dl-animate-in-1 {-webkit-animation: SubMenuAnimIn1 0.4s ease;-moz-animation: SubMenuAnimIn1 0.4s ease;animation: SubMenuAnimIn1 0.4s ease;} .dl-menuwrapper > .dl-submenu.dl-animate-in-2 {-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;animation: SubMenuAnimIn2 0.3s ease-in-out;} .dl-menuwrapper > .dl-submenu.dl-animate-in-3 {-webkit-animation: SubMenuAnimIn3 0.4s ease;-moz-animation: SubMenuAnimIn3 0.4s ease;animation: SubMenuAnimIn3 0.4s ease;} .dl-menuwrapper > .dl-submenu.dl-animate-in-4 {-webkit-animation: SubMenuAnimIn4 0.4s ease;-moz-animation: SubMenuAnimIn4 0.4s ease;animation: SubMenuAnimIn4 0.4s ease;} .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {-webkit-animation: SubMenuAnimIn5 0.4s ease;-moz-animation: SubMenuAnimIn5 0.4s ease;animation: SubMenuAnimIn5 0.4s ease;} @-webkit-keyframes SubMenuAnimIn1 { 0% {-webkit-transform: translateX(50%);opacity: 0;} 100% {-webkit-transform: translateX(0px);opacity: 1;} } @-webkit-keyframes SubMenuAnimIn2 { 0% {-webkit-transform: translateX(100%);opacity: 0;} 100% {-webkit-transform: translateX(0px);opacity: 1;} } @-webkit-keyframes SubMenuAnimIn3 { 0% {-webkit-transform: translateZ(-300px);opacity: 0;} 100% {-webkit-transform: translateZ(0px);opacity: 1;} } @-webkit-keyframes SubMenuAnimIn4 { 0% {-webkit-transform: translateZ(300px);opacity: 0;} 100% {-webkit-transform: translateZ(0px);opacity: 1;} } @-webkit-keyframes SubMenuAnimIn5 { 0% {-webkit-transform: translateZ(-200px);opacity: 0;} 100% {-webkit-transform: translateZ(0);opacity: 1;} } @-moz-keyframes SubMenuAnimIn1 { 0% {-moz-transform: translateX(50%);opacity: 0;} 100% {-moz-transform: translateX(0px);opacity: 1;} } @-moz-keyframes SubMenuAnimIn2 { 0% {-moz-transform: translateX(100%);opacity: 0;} 100% {-moz-transform: translateX(0px);opacity: 1;} } @-moz-keyframes SubMenuAnimIn3 { 0% {-moz-transform: translateZ(-300px);opacity: 0;} 100% {-moz-transform: translateZ(0px);opacity: 1;} } @-moz-keyframes SubMenuAnimIn4 { 0% {-moz-transform: translateZ(300px);opacity: 0;} 100% {-moz-transform: translateZ(0px);opacity: 1;} } @-moz-keyframes SubMenuAnimIn5 { 0% {-moz-transform: translateZ(-200px);opacity: 0;} 100% {-moz-transform: translateZ(0);opacity: 1;} } @keyframes SubMenuAnimIn1 { 0% {transform: translateX(50%);opacity: 0;} 100% {transform: translateX(0px);opacity: 1;} } @keyframes SubMenuAnimIn2 { 0% {transform: translateX(100%);opacity: 0;} 100% {transform: translateX(0px);opacity: 1;} } @keyframes SubMenuAnimIn3 { 0% {transform: translateZ(-300px);opacity: 0;} 100% {transform: translateZ(0px);opacity: 1;} } @keyframes SubMenuAnimIn4 { 0% {transform: translateZ(300px);opacity: 0;} 100% {transform: translateZ(0px);opacity: 1;} } @keyframes SubMenuAnimIn5 { 0% {transform: translateZ(-200px);opacity: 0;} 100% {transform: translateZ(0);opacity: 1;} } .dl-menuwrapper > .dl-submenu.dl-animate-out-1 {-webkit-animation: SubMenuAnimOut1 0.4s ease;-moz-animation: SubMenuAnimOut1 0.4s ease;animation: SubMenuAnimOut1 0.4s ease;} .dl-menuwrapper > .dl-submenu.dl-animate-out-2 {-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;animation: SubMenuAnimOut2 0.3s ease-in-out;} .dl-menuwrapper > .dl-submenu.dl-animate-out-3 {-webkit-animation: SubMenuAnimOut3 0.4s ease;-moz-animation: SubMenuAnimOut3 0.4s ease;animation: SubMenuAnimOut3 0.4s ease;} .dl-menuwrapper > .dl-submenu.dl-animate-out-4 {-webkit-animation: SubMenuAnimOut4 0.4s ease;-moz-animation: SubMenuAnimOut4 0.4s ease;animation: SubMenuAnimOut4 0.4s ease;} .dl-menuwrapper > .dl-submenu.dl-animate-out-5 {-webkit-animation: SubMenuAnimOut5 0.4s ease;-moz-animation: SubMenuAnimOut5 0.4s ease;animation: SubMenuAnimOut5 0.4s ease;} @-webkit-keyframes SubMenuAnimOut1 { 0% {-webkit-transform: translateX(0%);opacity: 1;} 100% {-webkit-transform: translateX(50%);opacity: 0;} } @-webkit-keyframes SubMenuAnimOut2 { 0% {-webkit-transform: translateX(0%);opacity: 1;} 100% {-webkit-transform: translateX(100%);opacity: 0;} } @-webkit-keyframes SubMenuAnimOut3 { 0% {-webkit-transform: translateZ(0px);opacity: 1;} 100% {-webkit-transform: translateZ(-300px);opacity: 0;} } @-webkit-keyframes SubMenuAnimOut4 { 0% {-webkit-transform: translateZ(0px);opacity: 1;} 100% {-webkit-transform: translateZ(300px);opacity: 0;} } @-webkit-keyframes SubMenuAnimOut5 { 0% {-webkit-transform: translateZ(0);opacity: 1;} 100% {-webkit-transform: translateZ(-200px);opacity: 0;} } @-moz-keyframes SubMenuAnimOut1 { 0% {-moz-transform: translateX(0%);opacity: 1;} 100% {-moz-transform: translateX(50%);opacity: 0;} } @-moz-keyframes SubMenuAnimOut2 { 0% {-moz-transform: translateX(0%);opacity: 1;} 100% {-moz-transform: translateX(100%);opacity: 0;} } @-moz-keyframes SubMenuAnimOut3 { 0% {-moz-transform: translateZ(0px);opacity: 1;} 100% {-moz-transform: translateZ(-300px);opacity: 0;} } @-moz-keyframes SubMenuAnimOut4 { 0% {-moz-transform: translateZ(0px);opacity: 1;} 100% {-moz-transform: translateZ(300px);opacity: 0;} } @-moz-keyframes SubMenuAnimOut5 { 0% {-moz-transform: translateZ(0);opacity: 1;} 100% {-moz-transform: translateZ(-200px);opacity: 0;} } @keyframes SubMenuAnimOut1 { 0% {transform: translateX(0%);opacity: 1;} 100% {transform: translateX(50%);opacity: 0;} } @keyframes SubMenuAnimOut2 { 0% {transform: translateX(0%);opacity: 1;} 100% {transform: translateX(100%);opacity: 0;} } @keyframes SubMenuAnimOut3 { 0% {transform: translateZ(0px);opacity: 1;} 100% {transform: translateZ(-300px);opacity: 0;} } @keyframes SubMenuAnimOut4 { 0% {transform: translateZ(0px);opacity: 1;} 100% {transform: translateZ(300px);opacity: 0;} } @keyframes SubMenuAnimOut5 { 0% {transform: translateZ(0);opacity: 1;} 100% {transform: translateZ(-200px);opacity: 0;} } .no-js .dl-menuwrapper .dl-menu {position: relative;opacity: 1;-webkit-transform: none;-moz-transform: none;transform: none;} .no-js .dl-menuwrapper li .dl-submenu {display: block;} .no-js .dl-menuwrapper li.dl-back {display: none;} .no-js .dl-menuwrapper li > a:not(:only-child) {background: rgba(0,0,0,0.1);} .no-js .dl-menuwrapper li > a:not(:only-child):after {content: '';} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1 !important;}