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-word;}
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{color: #fff;font-size: 14px;}
.menu_fr_tx a{color:#fff}
.menu_fr_ym{padding-right:0}
.menu_fr_ym a{color:#999999}
.menu_fr_tx{display: flex;align-items: center;}
.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_tx{
    color: #999;
}
.menu_top .menu_fr_lx a{
    color: #999;
}
.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.16rem;margin-right:0.25rem;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:50%;background: rgba(255,255,255,.5);transform: translate(-50%, 0);width: 200px;top:90px; z-index:2; background: rgba(255,255,255,.5);}
.nav .sub li{text-align:center; padding:5px 8px; margin-bottom:-1px;height: auto;line-height: 25px;  }
.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:35% !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: flex;justify-content: center}
.index_pro .swiper-slide-active .switch{display: block}
.index_pro .swiper-slide-active .pro-box .title{font-size: 0.3rem;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.30rem;background:#f5f5f5;font-size:0.20rem;margin-bottom:0.05rem;padding: 20px 0 20px 0.5rem;}
.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.30rem;font-size: 0.20rem;height:0.77rem;display: flex;align-items: center;justify-content: center}
.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;justify-content: space-between}
.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.20rem}
.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;    word-break: break-word;}
.about_item{width:17rem;margin:0px auto;}
.about_item a{padding:0 0.4rem;}
.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.3rem;padding-bottom:0.4rem;}
.about_content p{font-size:0.18rem;padding-bottom:0.2rem;line-height: 0.3rem;text-indent: 0.4rem ; word-break: break-word;}
.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;}


/* 海的优势 */
.equi{text-align: center;background:#f9f9f9;border:1px solid #eeeeee}
.equi img{width:100%;}
.equi p{line-height: 0.5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.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}
.gylys_fl{
    width: 200px;
}
.gylys_fr{
    flex: 1;
}
/* 经销中心 */
.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;margin-bottom: 50px;}
.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: 2.9rem;}
.contact_form label{width:2.7rem;display: inline-block;font-size: 18px;float: left;position: absolute;left: 0;top: 0;text-align: right}
.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:1rem;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:1280px) and (max-width:1355px){
    .nav h3 a{
        margin-right: 0.16rem;
    }
    .logo {
        width: 3.0rem;
        padding-right: 0.5rem;
    }
}

@media screen and (min-width:1200px) and (max-width:1279px){
    .nav h3 a{
        font-size: 0.14rem;
        margin-right: 0.06rem;
    }
    .logo {
        width: 3.0rem;
        padding-right: 0.5rem;
    }
}*/


@media screen and (min-width:1201px){
    .layui-container{
        width:17rem;
    }
}

@media screen and (min-width:992px) and (max-width:1199px){
.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}
.contact_form{
    padding-left: 250px;
}
.contact_form label{
font-size: 16px;
width: 230px;
}
.contact_form #captcha{width:50% !important}
.contact h3{
    margin-bottom: 30px;
}
}
@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.6rem;}
.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.5rem}
.about_item i{height: 0.8rem;top: 0.2rem;display: none}
.about_item a{padding:0 0.6rem;font-size:0.7rem;display: block;  text-align: center;}
.about_item a.on{
    display: block;
}
.about_content p{font-size: 0.7rem;line-height: 1.4rem}
.about_content h3{font-size: 0.9rem;  word-break: break-word;}
.contact{padding-bottom: 1rem}
.contact h3{font-size:0.8rem;margin-bottom: 20px;}
.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: 0;display: flex;flex-direction: column;}
    .contact_form label{width:100%;font-size: 0.6rem;line-height: 1.5rem;position: inherit;text-align: left}
    .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_content video{
        width: 100% !important;
        height: auto !important;
    }
    .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: 1rem;font-size:0.7rem;padding: 5px 10px;}
    .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;text-align: center}
    .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%;padding: 10px 0}
    .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:70% !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;}