@font-face {
    font-family: 'enfont';   /*字体名称*/
    src: url('../fonts/lato-light.ttf');       /*字体源文件*/
  }
*, ::before, ::after {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
body,html{width: 100%;height: 100%;font-size: 14px; color: #333;font-family: 'Microsoft Yahei', sans-serif;}
ul, ol ,li {list-style: none; margin: 0}
a {text-decoration: none;background: transparent;color: #333;}
input, textarea {outline: none;resize: none;}
img { vertical-align: middle;border-style: none;}
.clearfix::before, .clearfix::after{content: "";display: table; clear: both; } 
.fl{float: left;}
.fr{float: right;}
/*public*/
.phoneNumber{
    background-color: #323232;
    height: 30px;
    font-size: 14px;
    color: rgba(255,255,255,0.8);
    border-bottom:1px solid rgba(255,255,255,.1);
    line-height: 30px;
}
.topNav{height: 100px;background: #323232;}
.logo{height: 100px;}
.logo img{
    position: relative;
     top: 50%; 
     transform: translate(0,-50%);
     max-width: 100%;
}
.navList ul li{
    float: left;
    height:100px;
    line-height:100px;
    position: relative;
}
.navList ul li a{
    color:rgba(255,255,255,0.8);
    font-size:16px;
}
.navList ul li a.active{color: #F1D723;}
.navList ul li a:hover{color: #F1D723;}
.navList ul li a span{
    margin: 0 27px;
    color:rgba(255,255,255,0.3);
}
.navList ul li:last-child a>span,.bottomNavList ul li:last-child a>span{display: none;}
/*menu*/
.menu{
    line-height: 112px;
    text-align: center;
    display: inline;
    cursor: pointer;
    display: none;
}

.menu span {
position: relative;
display: inline-block;
width: 35px;
height: 3px;
background-color: #ffffff;
border-radius: 2px;
vertical-align: middle;
-webkit-transition-duration: .3s, .3s;
-moz-transition-duration: .3s, .3s;
-ms-transition-duration: .3s, .3s;
-o-transition-duration: .3s, .3s;
transition-duration: .3s, .3s;
-webkit-transition-delay: .3s, 0s;
-moz-transition-delay: .3s, 0s;
-ms-transition-delay: .3s, 0s;
-o-transition-delay: .3s, 0s;
transition-delay: .3s, 0s;
margin-top: -2px;
z-index: 9999;
}

.menu span:after,  .menu span:before {
content: "";
position: absolute;
display: inline-block;
width: 35px;
height: 3px;
left: 0;
border-radius: 2px;
background-color: #ffffff;
-webkit-transition-duration: .3s, .3s;
-moz-transition-duration: .3s, .3s;
-ms-transition-duration: .3s, .3s;
-o-transition-duration: .3s, .3s;
transition-duration: .3s, .3s;
-webkit-transition-delay: .3s, 0s;
-moz-transition-delay: .3s, 0s;
-ms-transition-delay: .3s, 0s;
-o-transition-delay: .3s, 0s;
transition-delay: .3s, 0s;
}
.menu span:before {
top: 10px;
-webkit-transition-property: top, transform;
-moz-transition-property: top, transform;
-ms-transition-property: top, transform;
-o-transition-property: top, transform;
transition-property: top, transform;
}
.menu span:after {
bottom: 10px;
-webkit-transition-property: bottom, transform;
-moz-transition-property: bottom, transform;
-ms-transition-property: bottom, transform;
-o-transition-property: bottom, transform;
transition-property: bottom, transform;
}
.menu.active span {
background-color: transparent;
-webkit-transition-delay: 0s, 0s;
-moz-transition-delay: 0s, 0s;
-ms-transition-delay: 0s, 0s;
-o-transition-delay: 0s, 0s;
transition-delay: 0s, 0s;
}

.menu.active span:after{
bottom: 0;
-webkit-transition-delay: 0s, .3s;
-moz-transition-delay: 0s, .3s;
-ms-transition-delay: 0s, .3s;
-o-transition-delay: 0s, .3s;
transition-delay: 0s, .3s;
}
.menu.active span:before{
top: 0;
-webkit-transition-delay: 0s, .3s;
-moz-transition-delay: 0s, .3s;
-ms-transition-delay: 0s, .3s;
-o-transition-delay: 0s, .3s;
transition-delay: 0s, .3s;
}

.menu.active span:before {
top: 0;
background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.menu.active span:after {
bottom: 0;
background: #ffffff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
} 
/*menu end*/
/*topNav end*/
 .swiper-container,
.swiper-wrapper,
 .swiper-slide{
    width:100%!important;
    height: 100%!important;
}
.idxbg_pic,.idxcase_pic{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-position: center center; */
    position: relative;
}
.idxbg img{width: 100%;}
.idx_banner .swiper-pagination{
    left: 50%;
    transform: translate(-50%,0);
}
.idx_banner .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:rgba(255,255,255,0.5);
}
.idx_banner  .swiper-pagination-bullet-active{
    background:#F1D723;
}
/*idx_banner end*/
.idx_about{
    background-image: url(../images/idxaboutbg.jpg);
    padding:  2.8vw 0;
    margin-bottom: 2.75vw;
    background-size: cover;
    background-repeat: no-repeat;
}
.idxtitle{margin-bottom: 15px;}
.idxtitle_cn{
    font-size:30px;
    font-family:MicrosoftYaHeiLight;
    font-weight:400;
    color:#646464;
    line-height: 1;
}
.idxtitle_en{
    font-size:20px;
    font-family:Helvetica-Light;
    font-weight:100;
    color:#969696;
}
.idxline{
    width:58px;
    height:4px;
    background:#F1D723;
    margin: 1.75vw 0 2.8vw 0;
}
.idxtitle_more a{
    color: #646464;
    font-size: 16px;
}
.idxtitle_more a:hover{color: #f1d723;}
/*idx_about end*/
.idx_product{margin-bottom: 2.5vw;}
.idxpro_con{display: flex; flex-wrap: nowrap;}
.mb_idxpro{display: none;}
.mb_idxpro_slide img{width: 100%;}
.mb_idxpro_slide:last-child{display: none;}
.mb_idxproPic{display: none;position: relative;}
.mb_idxproImg{position: relative;}
.mb_idxproImg_name{   
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0,-50%);
    font-size:14px;
    font-family:MicrosoftYaHeiLight;
    font-weight:400;
    color:#ffffff;
}
.mb_idxproImg_line{
    width:6px;
    height:20px;
    background:#ffffff;
    position: absolute;
    top: 0;
    right: 30px;
}
.mb_idxproPic_box{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #ffffff;
}
.mb_idxproPicNameEn{
    font-size:14px;
    font-family:ArialMT;
    font-weight:400;
    margin: 15px 0;
}
.mb_idxproPicName{
    font-size:18px;
    font-family:MicrosoftYaHei;
    font-weight:400;
}
.mb_idxproPicMore{
    display: block;
    width:200px;
    height:51px;
    background:rgba(0,0,0,0.7);
    text-align: center;
    line-height: 51px;
    color: #ffffff;
}
.mb_idxproImg_line.active{background: #F1D723;}
.picSlide{float: left; overflow: hidden;display: flex; flex-wrap: nowrap;}
.picSlide:last-child{display: none;}
/* .picClick,.picSlide_img{display: inline-block;overflow: hidden;} */
.picSlide:first-child .picSlide_img{
    display: block;
    width: auto;
}

.picSlide_img{
    width: 0%;
    height: 100%;
    overflow: hidden;
    display: none;
    position: relative;
}
.picClick{
    position: relative;
     cursor: pointer;
     border-left: 1px solid #ffffff;
}
.picSlide_img img{transition: .8s;}
.picSlide_img:hover img{transform: scale(1.1)!important;}
.picSlideBox{
    width: 10vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    color: #ffffff;
    text-align: center;
    transition: .6s;
    transition-delay: 200ms;
}
.picSlideBox_name{
    font-size:24px;
}
.picSlideBox_enname{
    font-size:14px;
    font-family:ArialMT;
    font-weight:400;
    margin: 1vw 0 1.5vw 0;
}
.picSlideBox_more{
    display: block;
    width:100%;
    height:51px;
    background:rgba(0,0,0,0.7);
    color: #ffffff;
    line-height: 51px;
}

.picClickBox div:first-child{
    color: #ffffff;
    text-align: center;
    margin-bottom: 37px;
    font-size:20px;
}
.picClickBox{
    position: absolute;
    top: 36px;
    left: 50%;
    transform: translate(-50%,0);
}
.picClickBox_name{
    width:20px;
    font-size:20px;
    font-family:MicrosoftYaHeiLight;
    font-weight:400;
    color: #ffffff;
    line-height:36px;
}
.picClickBox_sline{
    width:40px;
    height:6px;
    background:#ffffff;
    position: absolute;
    right: 0;
    bottom: 70px;
}
.picClickBox_sline.active{background: #F1D723;}
.picClick:hover .picClickBox div{color: #F1D723;}
.picClick:hover .picClickBox_sline{background: #F1D723;}
.picSlide_img:hover .picSlideBox_more{background: #F1D723!important;}
.picSlide_img:hover .picSlideBox{
    transform:translate(-50%,-60%)!important;
}
.idxab_con{
    line-height: 30px;
}
/*idx_product end*/
.idx_case{margin-bottom: 3vw;}
.idxcase_view_pic{position: relative; overflow: hidden;}
.idxcase_view{margin-bottom: 15px;}
.idxcase_view img{
    width: 100%;
}
.beforeBlack{
    width: 100%;
    height: 100%;
    padding: 0 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    background: rgba(0,0,0,0.5);
    transition: .8s;
}
.idxcase_view a:hover .beforeBlack{
    opacity: 0;
}
.idxcase_view_pic img{transition: .8s;}
.idxcase_view a:hover .idxcase_view_pic img{
    transform: scale(1.1);
}
.blackBox{
    width: 60%;
    height: 60%;
    background: rgba(0,0,0,0.6);
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.blackBox_cn{
    font-size:20px;
    font-family:MicrosoftYaHeiLight;
    font-weight:400;
    color:#ffffff;
    padding: 2vw 0 0.75vw 0;
}
.blackBox_en{
    font-size:14px;
    font-family:"enfont";
    font-weight:300;
    color:rgba(255,255,255,0.6);
}
.idxcase_con{margin-bottom: 2vw;}

.idxcase_fade{height: 36.5vw;}
.idxcase_blackbox{
    width:560px;
    height:250px;
    background:rgba(0,0,0,0.6);
    position: absolute;
    right: 80px;
    bottom: 85px;;
    z-index: 999;
    padding: 2vw;
}
.idxcase_title{
    font-size:20px;
    font-weight:400;
    color:#ffffff;
}
.idxcase_txt{
    height: 70px;
    font-size:14px;
    font-weight:200;
    color:#ffffff;
    margin: 2vw 0;
    overflow: hidden;
    line-height: 24px;
}
.idx_case .swiper-pagination{
    bottom: 130px;
    right: 496px;
}
.idx_case .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:rgba(255,255,255,0.5);
}
.idx_case .swiper-pagination-bullet-active{
    background:#ffffff;
}
/*idx_case end*/
.idx_news{margin-bottom: 4vw;}
.idxnews_view a{
    display: block;
    width: 80%;
 
}
.idxnewtitle-a:nth-of-type(3n) a{ margin-left: auto;}
.idxnewtitle-a:nth-of-type(3n-1) a{margin: auto;}
.idxnews_view:nth-of-type(2) a{margin: auto;}
.idxnews_view:nth-of-type(3) a{margin-left: auto;}
.idxnews_view .second{
    margin: auto;
}
.idxnews_view .last{
    margin: 0 0 0 auto;
}
.time_month{
    font-size:24px;
    font-family:enfont;
    font-weight:300;
    color:#505050;
}
.time_year{
    font-size:14px;
    font-family:enfont;
    font-weight:100;
    color:#505050;
}
.idxnews_view_pic{overflow: hidden; margin-top: 30px;}
.idxnews_view_pic img{width: 100%;transition: .8s;}
.idxnews_view_txt{
    font-size:16px;
    color:#646464;
    line-height:30px;
    margin: 2vw 0;
}
.idxnews_view_line{
    width:100%;
    height:1px;
    background:rgba(0,0,0,0.3);
}
.idxnews_con{
    margin-bottom: 2.7vw;
}
.idx_news .more ,.sub_content .more{
    display: block;
    width:150px;
    height:40px;
    border:1px solid rgba(0,0,0,0.5);
    font-size:14px;
    font-family:ArialMT;
    font-weight:100;
    color:#323232;
    text-align: center;
    line-height: 40px;
    margin: auto;
    transition: .3s;
}
.idx_news .more:hover ,.sub_content .more:hover{
    background: #F1D723;
    color: #ffffff;
    border: 0;
}
.idxnews_view a:hover .idxnews_view_pic img{transform: scale(1.1);}
.idxnews_view a:hover .idxnews_view_txt{color: #F1D723;}
.idxnews_view a:hover .idxnews_view_line{background: #F1D723;}
.idxnews_view a:hover .idxnews_title{color: #F1D723;}
.idx_link,.idx_partner{margin: 50px 0;}
.idx_link .idxline{margin: 1.75vw 0;}
.linkView a{margin-right: 20px; font-size: 14px;}
.linkView a:hover{color: #F1D723;}
.idxnews_title{
    margin: 30px 0;
}
/*idx_news end*/
.footer{
    background-image: url(../images/footerbg.jpg);
    padding: 2vw 0 3.1vw 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.companyName{
    font-size:16px;
    font-weight:300;
    color:#646464;
}
.footer_line{
    width:60px;
    height:4px;
    background:#F1D723;
    margin: 1.5vw 0;
}
.idx_adress{
    font-size:13px;
    font-weight:200;
    color:#787878;
    line-height:30px;
}
.footerLink a{
    display: inline-block;
    font-size:16px;
    font-weight:200;
    color:#787878;
    margin-right: 54px;
    margin-bottom: 20px;
}
.footerLink a:hover{
    color: #F1D723;
}
.bottomNavList,.copyright,.bottomMedia{float: right;}
.bottomNavList ul li{
    float: left;
}
.bottomNavList ul li a{
    font-size:14px;
    font-weight:200;
    color:rgba(64,64,64,0.8);
}
.bottomNavList ul li a span{
    margin: 0 27px;
    color:rgba(64,64,64,0.8);
}
.bottomMedia{
    margin: 2vw 0 2.6vw 0;
}
.bottomMedia span{
    display: inline-block;
    width:36px;
    height:36px;
    background:rgba(0,0,0,0.3);
    border-radius:50%;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    margin-left: 14px;
    position: relative;
}
.wxpic{
    position: absolute;
    top: -338px;
    right: 53px;
    display: none;
}
.wbpic{
    position: absolute;
    top: -191px;
    right: -10px;
    display: none;
}
.wbpic img{
    width: 180px;
    height: 180px;
}
.copyright{color: #969696; font-size: 13px;margin-bottom: 10px;}
.bottomMedia span:hover{background:#F1D723; }
.bottomNavList ul li a:hover{color: #F1D723;}
.copyright a:hover{color: #F1D723;}
.bottomNav{text-align: right;}
/*footer end*/
.subnav_slidDown{
    width: 100%;
    background-color: #323232;
    padding: 20px 0;
    position: absolute;
    z-index: 99;
    border-top: 1px solid #646464; 
    box-shadow: 0 10px 10px rgba(0,0,0,.15);
    display: none;
    text-align: center;
    top: 100px;
    left: -38px;
}
.subnav_slidDown .slidDown_item li {
    margin-bottom: 10px;
    float: none;
    height: auto;
    line-height: normal;
    position: static;
}
.subnav_slidDown .slidDown_item li a{
    color: rgba(255,255,255,0.8);
    font-size: 14px;
}
.slidDown_item li a:hover{
    color: #F1D723;
}
.p_wwBRf170k .subnav_slidDown{display: none!important;}
/*idx_partner*/
.partnerItem {
    margin-bottom: 20px;
}
.partnerItem_pic{
    width: 100%;
    height: 100%;
    overflow: hidden;
    border: 1px solid #d7d7d7;
}
.partnerItem_pic img{
    transition: .8s;
    max-width: 100%;
}
.partnerView{
    margin: 30px 0;
}

.page{text-align: center;width: 100%;margin: 30px 0;}
.page a{
    display: inline-block;
    border: 1px solid #cccccc;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
.page .current{ border: 0;}
.page a:hover{
    background-color: #f1d723;
    color: #ffffff;
    border: 0;
}
/*-----------------------index end----------------------*/
.rightbar{
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99;
}
.rightbar_number{
    background-color: rgba(50,50,50,.6);
}
.rightbar_number>div{
    font-size: 18px;
    width: 10px;
    color: #ffffff;
    line-height: 22px;
    margin: auto;
    word-wrap: break-word;
    word-break: normal;
    padding: 10px 0;
}
.rightbar_icon{
    background-color: rgba(50,50,50,.6);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.rightbar_ewm{
    position: fixed;
    right: 0;
}
.rightbar_ewmbox{
    position: absolute;
    left: -322px;
    top: -300px;
    background-color: #ffffff;
    display: none;
}
.rightbar_phone{
    background-color: rgba(50,50,50,.6);
    width:50px;
    height:50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}
.rightbar_icon:hover{background: rgba(241,215,35,0.6);}
.rightbar_phone{transition: 1s  cubic-bezier(.46,1,.23,1.52);white-space: nowrap;}
.rightbar_phone span{display: none; color: #ffffff; margin-left: 10px;}
.rightbar_phone:hover{width: 150px;}
.rightbar_phone:hover span{display: inline-block;}

/*-----------------------rightbar end----------------------*/
.position{position: relative;}

.searchIcon{
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
    transform: translate(0,-50%);
}
.search{
    width: 100%;
    height:40%;
    background: #ffffff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 1px 8px #cccccc;
    display: none;
}
.search .s_ceng {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent;
    width: 70%;
    z-index: 99;
    font-size: 20px;
    transform: translate(-50%,-50%);
}
.search .gb {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../images/close.png) no-repeat center;
    position: absolute;
    top: 5%;
    right: 1%;
    cursor: pointer;
}
.search .s_ceng input {
	float: left;
	width: 100%;
	text-indent: 15px;
    outline: none;
    border: 0;
    border-bottom: 1px solid #cccccc;
    font-size: 16px;
}
.search .s_ceng .keyword{padding: 10px 2px;}
.search .s_ceng .s {
    outline: none;
    position: absolute;
    border: 0;
    height: 90%;
    width: 5%;
    background: url(../images/search2.png) #fff center center no-repeat;
    cursor: pointer;
    right: 0;
}
/*-----------------------search end----------------------*/
.sub_content{
    margin: 4.7vw 0;
}
/* .subTopNav{
    background-image: url(../images/subnavtopbg.jpg)
} */
.sub_title{
    font-size: 30px;
    font-family: MicrosoftYaHeiLight;
    font-weight: 200;
    color: #646464;
    line-height: 1;
}
.sub_title>span{
    font-size: 20px;
    font-family: Helvetica-Light;
    font-weight: 100;
    color: #969696;
}
.subnav{
   margin: 3vw 0 2vw 0;
}
.mb_subnav{
    display: none;
}
.mb_subnav_img{
    display: inline-block;
    background-size: cover;
    width: 16px;
    height: 16px;
}
.subnav ul li {float: left;}
.subnav ul li a{
    display: block;
    width:160px;
    height:44px;
    text-align: center;
    line-height: 44px;
}
.subnav ul li a:hover{
    background: #4f4f4f;
    color: #ffffff;
}
.years_list{
    width: 100%;
    height: 49px;
    border-top: 1px solid #000000; 
    border-bottom: 1px solid #000000; 
}
.years_list ul li{float: left;line-height: 49px;}
.years_list ul li a{
    font-size:14px;
    font-weight:400;
    color:#000000;
    margin: 0 30px;
}
.years_list ul li a:hover{color: #F1D723;}
.about_honor_view{margin-bottom: 4vw;}
.about_honor_view a{display: flex; flex-wrap: nowrap; width: 100%;}
.abouthnv_pic{flex: 0 0 30%;max-width: 16.25%;}
.abouthnv_pic img{
    width: 100%;
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
}
.abouthnv_con{flex: 0 0 68%;max-width: 68%;    margin: 0 0  0 6.5%;}
.abouthnv_title{
    font-size:24px;
    font-family:Helvetica-Light;
    font-weight:300;
    color:#010101;
    margin: 3.5vw 0 2vw;
}
.about_honor_view a:hover .abouthnv_title{color: #F1D723;}
.abouthnv_txt{
    font-size:14px;
    font-weight:400;
    color:#646464;
    line-height: 30px;
}
.about_honor_list{
    margin: 3.5vw 0;
}
/*about_honor end*/
.abdown_slide .swiper-slide{
    width: 17.5%!important;
    margin-right: 50px;
}
.abdown_slide .swiper-container{padding-top: 20px;}
.slideBox{
    padding: 12px;
    background: #F5F5F5;
    cursor: pointer;
    transition: .8s;
    position: relative;
}
.xz{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    
}
.xz img{
    transform: translateY(-30px);
    transition: .8s;
    opacity: 0;
}
.slideBox:hover  .xz img{ 
    transform: translateY(0);
    opacity: 1;
}
.abdown_slide .swiper-slide:hover .slideBox{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-10px,0);
    -webkit-transform:translate3d(0,-10px,0);
}
.abdown_slide .swiper-slide img{width: 100%;}
.abdown_slideCtrl{
    text-align: center;
    margin-top:1.5vw; 
}
.abdown_prev,.abdown_next{
    font-size: 36px;
    cursor: pointer;
}
.abdown_prev:hover,.abdown_next:hover{color: #F1D723;}
.slide_title{text-align: center; margin: 16px 0;}
/*about_download end*/
.ablcView{position: relative;padding: 80px 0;}
.ablcView::after{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #969696;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 9;
    background: #ffffff;
}
.ablcView::before{
    content: "";
    width: 1px;
    height: 100%;
    background: #cccccc;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.ablcCon{width: 60%;}
.ablcCon_title{
    text-align: center;
    font-size: 40px;
}
.ablcCon_txt{
    text-align: center;
    font-size: 16px;
    color: #969696;
    margin: 50px 0;
}
.ablcItem{
    position: relative;
    margin: 30px 0 80px 0;
}
.ablcItem_years:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    z-index: 9;
    background-image: url(../images/ablcpic1.png);
}
.ablcItem_con{
    width: 100%;
    margin-left: 54%;
    text-align: left;
}
.ablcItem_txt{
    width: 400px;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
    background: #323232;
    padding: 10px;
    margin-right: 191px;
    text-align: right;
}
.ablcItem_years{
    font-size: 40px;
}
.ablcView .ablcItem:nth-of-type(2n) .ablcItem_con{
    margin-left: 34%;
    text-align: right;
}
.ablcView .ablcItem:nth-of-type(2n) .ablcItem_con .ablcItem_txt{margin: 0;}
/*about_lc end*/
.location{
    height: 50px;
    line-height: 50px;
    border-bottom:1px solid #E6E6E6;
}
.location a{
    font-size: 16px;
    color:#646464;
}
.location a:hover{
    color: #f1d723;
}
.abxn_pic img{max-width: 100%;}
/*about_xn*/
.abxnCon{
    margin-top: 8vw;
}
.abxnConHead_title{
    font-size: 26px;
    font-weight: 400;
    color: #323232;
    text-align: center;
    margin: 20px 0;
    font-family: MicrosoftYaHeiLight;
}
.abxnCon_head{
    text-align: center;
}
.abxnCon_head img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 84%;
}
.abxnConItem{
    margin-bottom: 30px;
}
.abxnConHead_txt{
    width: 80%;
    font-size:16px;
    color:#787878;
    line-height:30px;
    margin: auto;
    text-align: left;
}
.abxnConHead_txt span{
    font-size:16px;
    color:#323232;
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
                        
}
.abxnConCenter_Item{
    margin-bottom: 50px;
}
.abxnConCenter{
    margin: 0 0 6vw 0;
}
.abxnConCenter_h1{
    font-size:28px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#323232;
    text-align: center;
}
.abxnConCenter_pic{
    text-align: center;
}
.abxnConCenter_pic img{width: 84%}
.abxnConCenter_title{
    font-size:26px;
    font-weight:400;
    color:#323232;
    text-align: center;
    font-family: MicrosoftYaHeiLight;
}
.abxnConCenter_txt{
    width: 80%;
    font-size:16px;
    color:#787878;
    line-height:30px;
    text-align: left;
    margin:36px auto 2.5vw auto;
}
.abxnImg{
    text-align: center;
    height: 117px;
    margin-bottom: 20px;
}
.abxnImg img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);

}
.abxnTxt{
    font-size:16px;
    color:#323232;
    text-align: center;
}
.abxnBottom_title{
    font-size:28px;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:#323232;
    text-align: center;
    margin-bottom: 3.5vw;
}
.abxnBottom_pic{
    margin-bottom: 30px;
}

.abxnBottom_pic img{
    max-width: 100%;
    transition: .6s;
}
.abxnBottom_pic:hover img{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    transform: translate3d(0,-6px,0);
    -webkit-transform:translate3d(0,-6px,0);
}
/*-----------------------about end----------------------*/
.case_view_pic{position: relative; overflow: hidden;}
.case_view_pic img{width: 100%;transition: .8s;}
.case_view a:hover .case_view_pic img{transform:scale(1.1);}
.case_view_blackBox{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    height:60px;
    background:rgba(0,0,0,0.8);
    color: #ffffff;
    opacity: 0;
    transition: .8s;
}
.blackBox_name{
    font-size:20px;
    font-weight:400;
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
    text-align: center;
}
.case_view{
    margin-bottom: 40px;
} 
.case_view a:hover .case_view_blackBox{opacity: 1;}
.preview{margin-top: 30px;}
.preview .swiper-container,.preview .swiper-wrapper{
    width: auto!important;
}
.preview .swiper-slide{
    width: auto!important;
    cursor: pointer;
    position: relative;
}
.preview .swiper-slide:hover .fog{
    opacity: 0;
}
.fog{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    transition: .5s;
}
.preview .active-nav img {
    padding: 0;
    border: 1px solid #f1d723;
}
.preview .active-nav .fog{
   opacity: 0;
}
.translucent{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background-color: rgba(0,0,0,0.7);
}
.bigPic{
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}
.bigPic .swiper-slide img{width: 100%;}

/*case_view*/
.case_slide{cursor: pointer;}
.case_slide .swiper-pagination{
    bottom: 30px;
    right: auto;
 
}
.case_slide .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:rgba(255,255,255,0.5);
    margin-right: 4px;
}
.case_slide .swiper-pagination-bullet-active{
    background:#ffffff;
}
.casedet_title{
    font-size:24px;
    font-weight:400;
    color:#000000;
    margin: 2.5vw 0;
}
.relevant_view_name{
    font-size:14px;
    color:#505050;
    margin: 1vw 0;
}
.relevant_view_pic{overflow: hidden;}
.relevant_view_pic img{max-width: 100%;transition: .5s;}
.relevant_view:hover .relevant_view_pic img{transform: scale(1.1);}
.casedet_back{
float: right;
}
.casedet_back span{
    font-size:12px;
    font-weight:400;
    color:#323232;
}
.casedet_back:hover span{color: #F1D723;}
/*-----------------------case end----------------------*/

.acbg img{width: 100%;}
.ac_pic img{width: 100%;}
.ac_slide{height: 36.5vw;}
.ac_submitPic img{width: 100%;    margin-bottom: 10px;}
.ac_form{
    background-image: url(../images/ac4_07.jpg);
    padding: 3vw 0;
}
.acform_title{
    font-size:36px;
    font-family:MicrosoftYaHeiLight;
    font-weight: 100;
    color:#ffffff;
    text-align: center;
    padding-bottom: 3vw;
}
.onefloat label{display: block;text-align: center;}
.vcode{
    display: block;
    margin: 0 auto 1.3vw auto;
    width: 80%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    background:  transparent;
    padding: 10px 0;
    color: #ffffff;
}
.onefloat input {
    width: 80%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    background:  transparent;
    padding: 10px 0;
    color: #ffffff;
}
.onefloat input::-webkit-input-placeholder{color: #ffffff;}
.onefloat input::-moz-placeholder{color: #ffffff;}
.onefloat input:-moz-placeholder{color: #ffffff;}
.onefloat input:-ms-input-placeholder{color: #ffffff;}
.submit{
    width:200px;
    height:50px;
    background:#F1D723;
    line-height: 50px;
    text-align: center;
    border: 0;
}
.onefloat .phone{padding: 2.5vw 0;}
.submitCenter{text-align: center;}
.vcodeCenter{width: 80%;margin: auto;}
.acm{margin-bottom: 3vw;}
.ac_slide .swiper-pagination{
    left: 50%;
    transform: translate(0,-50%);
}
.ac_slide .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:rgba(255,255,255,0.5);
}
.ac_slide  .swiper-pagination-bullet-active{
    background:#ffffff;
}
/*-----------------------ac end----------------------*/
.news_list{margin-top: 4.8vw;}
.news_view a{display: flex; flex-wrap: nowrap;}
.news_view{margin-bottom: 3vw;}
.newsv_pic{overflow: hidden;}
.newsv_pic img{width: 100%;transition: .8s;}
.newsv_pic{flex: 0 0 32.5%;max-width: 32.5%;}
.newsv_con{
    flex: 0 0 63%;
    max-width: 63%;
    margin-left: 4.3%;
    padding: 1vw 0 2vw 0;

}
.newsv_con .time{
    font-size:16px;
    font-family:enfont;
    font-weight:200;
    color:#505050;
}
.newsv_con .title{
    font-size:18px;
    font-weight:400;
    color:#505050;
    margin: 1.5vw 0;
}
.newsv_con .txt{
    font-size:14px;
    font-weight:400;
    color:#646464;
    line-height:30px;
}
.newsv_con_more{
    font-size:14px;
    font-family:enfont;
    font-weight:200;
    color:#787878;
    margin-top: 2vw;
}
.news_view a:hover .newsv_pic img{transform: scale(1.1);}
.news_view a:hover .title{color: #F1D723;}
.news_view a:hover .newsv_con_more{color: #F1D723;}
.news_detail_go{width: 100%; margin: 20px 0;}
.purl a,.nurl a{
    display: block;
    width: 284px;
    height: 40px;
    border: 1px solid rgba(0,0,0,0.5);
    font-size: 14px;
    font-family: ArialMT;
    font-weight: 100;
    color: #323232;
    text-align: center;
    line-height: 40px;
    margin: auto;
    transition: .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.purl a:hover ,.nurl a:hover{
    background: #F1D723;
    color: #ffffff;
    border: 0;
}
/*news end*/
.newsdet_title{
    font-size:24px;
    font-weight:400;
    color:#505050;
}
.newsdet_time{
    font-size:20px;
    font-family:enfont;
    font-weight:200;
    color:#505050;
    margin: 2vw 0 4vw 0;
}
.newsdet_back{
    display: block;
    text-align: right;
   
}
.newsdet_back span{
    font-size:12px;
    font-weight:400;
    color:#323232;
}
.newsdet_back:hover span{color: #F1D723;}
.newsdet_body{margin-bottom: 10px; line-height: 24px; color: rgb(100, 100, 100);}
.newsdet_body img{max-width: 100%;}
/*-----------------------news end----------------------*/
.proview_pic {overflow: hidden;position: relative;}
.proview_pic>img{width: 100%;transition: .5s;}
.pro_view a:hover .proview_pic>img{transform: scale(1.1);}
.pro_view a:hover .proview_name{color: #F1D723;}
.proview_name{
    font-size:14px;
    font-weight:200;
    color:#505050;
    margin-top: 1vw;
}
.pro_view{margin-bottom: 3vw;}
/*product_view*/
.product_slide{height: 39vw;}
.provbg{
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}
.product_slide .swiper-pagination{
    left: 50%;
    transform: translate(0,-50%);
}
.product_slide .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:rgba(255,255,255,0.5);
}
.product_slide  .swiper-pagination-bullet-active{
    background:#ffffff;
}
.prov_body_title{
    font-size:24px;
    font-weight:400;
    color:#000000;
    margin: 4vw 0  1.5vw 0;
}
.prov_body_simg img{max-width: 100%;margin-bottom: 20px;}
.prov_con{overflow: hidden;}
.problack{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    opacity: 0;
    transition: .5s;
}
.prov_body{
    line-height: 24px;
    color: rgb(100, 100, 100);
}
.pro_view a:hover .problack{
    opacity: 1;
}
.problack img{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: .8s;
}
.pro_view a:hover .problack img{
    top: 50%;
    opacity: 1;
}
/*-----------------------product end----------------------*/
.vrpic{position: relative;}
.vrpic>img{width: 100%;}
.vr_blackbox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:300px;
    height:300px;
    background:rgba(0,0,0,0.8);
    z-index: 99;
    padding: 3vw 0 4vw 0;
    cursor: pointer;
}
.vrclick{
    font-size:18px;
    color:#ffffff;
    text-align: center;
    margin-top: 3.5vw;
}
.blackbox_pic{text-align: center;}
.blackbox_pic img{
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
}
.vr_blackbox a:hover .vrclick{
color: #F1D723;
}
/*-----------------------exhibitionVR end----------------------*/
.video_view{margin-bottom: 3vw; cursor: pointer;}
.video_view_pic{position: relative;overflow: hidden;}
.video_view_pic img{max-width: 100%; transition: .8s;}
.video_view_pic:hover .videoPic{transform: scale(1.1);}
.videoStar{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
}
.video_view_name{
    font-size:16px;
    color:#010101;
    margin: 1vw 0;
}
.video_view_txt{
    font-size:14px;
    line-height: 20px;
    color:#010101;
}
.mongolia{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0,0,0,0.9);
}
.bg_video{
    width: 70%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    display: none;
}
.vd_close{
    display: block;
	width: 16px;
	height: 16px;
	background: url(../images/close.png) no-repeat center;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 100;
}
/*-----------------------video end----------------------*/
.contact_mapbox{display: flex;margin: 4vw 0;}
.mapbox_adress{
    flex: 0 0 25%;
    max-width: 25%;
    background: #323232;
    padding: 4vw 2.2vw 3vw 2.2vw;
}
.map{
    flex: 0 0 75%;
    max-width: 75%;
}
.headAdress{
    font-size:15px;
    font-weight:400;
    color:#E6E6E6;
    line-height:36px;
}
.mapbox_line{
    width:100%;
    height:1px;
    border:1px dashed rgba(255,255,255,0.2);
    margin: 2vw 0;
}
.adressHK{
    font-size:14px;
    font-weight:400;
    color:#E6E6E6;
    line-height:36px;
}
.mapbox_adress .idxtitle_cn{color:#E6E6E6;}
.massagebox_title{
    font-size:30px;
    font-family:MicrosoftYaHeiLight;
    font-weight:200;
    color:#000000;
    margin: 4.3vw 0;
}
.massagebox_label label{
    display: inline-block;
    width: 49%;
    margin-bottom: 2vw;
} 
.massagebox_vcode,.massagebox_submit{
    width: 50%;
    margin-bottom: 2vw;
}
.massagebox_submit{
    margin-top: .7vw;
}
.massagebox_label input{
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    background: transparent;
    padding: 14px 0;
    width: 90%;
}
.massagebox_submit .tj{
    width:200px;
    height:50px;
    background:rgba(241,215,35,1);
    border: 0;
    cursor: pointer;
}
.massagebox_vcode input{
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    background: transparent;
    padding: 14px 0;
    width: 40%;
}
.contact_massagebox{overflow: hidden;}
.pagelink a{
    display: block;
    margin-top: 20px;
}
.pagelink a:hover{
    color: #F1D723;
}
.pagebg img{width: 100%;}
.ewm img{
    width: 46%;
    max-width: 100%;
    margin-right: 15px;
}
.ewm div{
    width: 46%;
    display: inline-block;
    text-align: center;
}
/*-----------------------contact end----------------------*/
.zoom_top form{display: flex;}
.zoom_content{display: flex; flex-wrap: nowrap;}
.zoom_left{
    flex: 0 0 71%;
    max-width: 71%;
    background:#F8F8F8;
    text-align: center;
}
.zoom_left_pic{
    width: 824px;
    margin: auto;
    position: relative;
    background-image: url(../images/excnmap.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.zoom_left_pic img{
max-width: 100%;
}
.zoom_right{
    flex: 0 0 29%;
    max-width: 29%;
    background:#323232;
    padding: 2vw; 
    height: 675px;
    overflow-y: auto;
    overflow-x: hidden;
}
.zoom_right::-webkit-scrollbar {
    width: 4px;    
    background:#ffffff;
}
.zoom_right::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0,0,0,0.2);
}
.zoom_right::-webkit-scrollbar-track {

    border-radius: 0;
    background: rgba(0,0,0,0.1);
 }
.distpicker{width: 100%;}
.distpicker select{
    width: 49%;
    background-color: transparent;
    border: 1px solid #cccccc;
    color: #000000;
    padding: 10px 0;
    font-size: 14px;
    margin-bottom: 25px;
}
.distpicker select option{color: #000000;}
.zoomSearchBox{position: relative;    width: 50%;}
#zoomCity{margin-left: 6px;}
.mapSearch{
    width: 100%;
    text-indent: 15px;
    outline: none;
    border: 1px solid #cccccc;
    font-size: 16px;
    background-color: transparent;
    padding: 10px 0;
}
.mapSearchSubmit{
    position: absolute;
    top: 0;
    right: 16px;
    border: 0;
    height: 40px;
    width: 40px;
    background: url(../images/search2.png) center center no-repeat;
    cursor: pointer;
}

#top2{display: none;}
.notMsg{
    width: 100%;
    font-size: 16px;
    text-align: center;
    display: none;
    color: #ffffff;
}
.zoom_view{
    margin-bottom: 2.5vw; cursor: pointer;
    transition: .6s;
}
.zoom_view:hover .zoom_view_name{
    color: #F1D723;
}
.zoom_view_name{
    font-size:16px;
    font-weight:400;
    color: #ffffff;
}
.zoom_view_adress{
    font-size:14px;
    font-weight:200;
    color:#C8C8C8;
    line-height:25px;
    text-align: left;
    margin-top: 10px;
}
.mapSpot{
    position: absolute;
}
.mapSpot_simg .simg{overflow: hidden;}
.simg img{transition: .6s;}
.mapSpot a:hover .simg img{
    transform: scale(1.1);
}
.mapSpot a:hover .mapSpot_simg_name{
    color: #F1D723;
}

.mapSpot_pic{
    background-image: url(../images/exdbx.png);
    background-repeat: no-repeat;
    width: 300px;
    height: 375px;
    display: none;
    position: absolute;
    right: -24px;
    bottom: 11px;
    z-index: 99;
    cursor: pointer;
}

.blackSpot{
    width:10px;
    height:10px;
    background:#636363;
    border-radius:50%;
    cursor: pointer;
}
.mapSpot_simg{
    padding: 1vw;
    color: #646464;
}
.mapSpot_simg_name{
    font-size:16px;
    font-weight:400;
    color:#000000;
    margin: 10px 0;
    text-align: left;
}
.mapSpot_simg>.zoom_view_adress{color: #646464;font-size: 12px;margin-top: 0;}
.shenzhen .mapSpot_pic{display: block;}
.shenzhen .blackSpot{
    background:#f1d723;
}
/*-----------------------zoom end----------------------*/
.beijing{
    top: 39.5%;
    right: 29%;
}
.shenyang{
    top: 35%;
    right: 19%;
}
.guangzhou{
    bottom: 18.5%;
    right: 29.5%;
}
.guangzhou2{
    bottom: 20%;
    right: 30%;
}
.dongguan{
    bottom: 19.2%;
    right: 28.8%;
}
.huizhou{
    bottom: 19.9%;
    right: 27.2%;
}
.shenzhen{
    bottom: 18.5%;
    right: 27.5%;
}
.shenzhen2{
    bottom: 18.5%;
    right: 27.5%;
}
.jinan{
    top: 48%;
    right: 26%;
}
.fuzhou{
    bottom: 25%;
    right: 21%;
}
.xiamen{
    bottom: 23%;
    right: 22%;
}
.wenzhou{
    bottom: 35%;
    right: 18%;
}
.taizhou{
    bottom: 32%;
    right: 20%;
}
.tiantai{
    bottom: 33%;
    right: 18.5%;
}
.ningbo{
    bottom: 60%;
    right: 18.5%;
}
.xian{
    top: 50%;
    right: 39%;
}
.xuhui{
    bottom: 39%;
    right: 18%;
}
.suzhou{
    bottom: 43%;
    right: 21%;
}
.changcun{
    top: 26%;
    right: 18%;
}
.dalian{
    top: 40%;
    right: 21%;
}
.yantai{
    top: 45%;
    right: 21%;
}
.tangshan{
    top: 44%;
    right: 30%;
}
.shijiazhuang{
    top: 40%;
    right: 31%;
}
.hunan{
    bottom: 31%;
    right: 32%;
}
.jiaxing{
	top: 60.5%;
    right: 19.5%;
}
.shaoxing {
	top: 62.5%;
	right: 21%;
}
.hangzhou {
	top: 61.5%;
	right: 21.5%;
}
.chengdu {
	top: 62.5%;
	right: 47%;
}
.quzhou {
	bottom: 34%;
	right: 21.5%;
}
.linyi {
	top: 50%;
	right: 25%;
}
.zhengzhou {
	top: 53%;
	right: 31%;
}
/*-----------------------position end----------------------*/
.webmap_item li{
    width: 100%; 
    border: 1px solid #323232;
    margin-bottom: 10px;
}
.webmap_item li a{
    font-size: 14px;
    margin-left: 20px;
    
}
.webmap_item li a:hover{
    color: #f1d723;
}
.webmap_item li a:first-child{
    display: inline-block;
    width: 80px;
    height: 40px;
    background: #323232;
    text-align: center;
    line-height: 40px;
    margin-left: 0;
    color: #ffffff;
}
/*-----------------------position end----------------------*/


/*@media*/
@media (min-width: 769px){
    .pc_subnav{display: block!important;}
}
@media (min-width: 992px){
    .idxcase_con .col-lg-3,.abxnConCenter_imgbox .col-lg-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .partnerView .col-lg-2{
        padding-right: 9.5px;
        padding-left: 9.5px;
    }
}
@media (min-width:993px){.navList{display: block!important;}}
@media (min-width:1200px){
    .news_detail .container{max-width: 1200px;}
    .abxnCon .container{max-width: 1310px;}
}
@media (min-width:2000px){
    .container{max-width: 90%!important;}
}
@media (max-width:1500px){
    .picClick img{
        width: 100%;
        height: 100%;
    }
}
@media  (max-width: 1200px){
    .topNav .container{max-width: 100%;}
    .zoom_left_pic{width: 660px; height: 550px;}
    .picClick img{width: 100%;height: 100%;}
    .blackBox_en{font-size: 12px;}
    .blackBox_cn{font-size: 18px;}
    .ablcCon{width: 100%;}
    .ablcItem_years:before{
        position: static;
        transform: none;
        text-align: center;
        margin:15px auto;
    }
    .ablcView .ablcItem:nth-of-type(2n) .ablcItem_con{margin-left: 0;}
    .ablcItem_con{margin-left: 0;}
    .ablcItem_years,.ablcItem_txt{float: none;text-align: center; margin-bottom: 15px;}
    .ablcItem_txt{width: 100%;}
    .case_view_blackBox{opacity: 1;}
    .blackBox_name{font-size: 16px;}
}
@media  (max-width: 992px){
    .menu{display: block;line-height: 70px;}
    .navList{
        width: 100%;
        height: 100%;
        background: #323232;
        position: fixed;
        left: 0;
        display: none;
        z-index: 999;
    }
    .navList ul{ width: 100%;clear: both; margin-top: 70px; }
    .navList ul li{
        clear: both;
        width: 100%;
        margin: 0;
        padding: 5px 15px;
        height: auto;
    }
    .navList ul li a{
        display: block;
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #666666;
        line-height: 50px;
    }
    .logo{width: 75%;height: 70px;}
    .topNav{ height: 70px;}
    .mapbox_adress{
        flex: 0 0 33%;
        max-width: 33%;
    }
    .map{
        flex: 0 0 67%;
        max-width: 67%;
    }
    .idxtitle_cn{font-size: 18px;}
    .massagebox_vcode, .massagebox_submit{    width: 100%;}
    .massagebox_submit{text-align: center;}
    .news_view a{flex-wrap: wrap;}
    .newsv_pic,.newsv_con{
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0; 
    }
    .vr_blackbox{
        width: 90px;
        height: 90px;
    }
    .blackbox_pic img{ width: 50%;}
    .vrclick{ font-size: 14px;margin-top: 10px;}
    .idxcase_blackbox{
        width: 300px;
        height: 200px;
        right: 30px;
        bottom: 30px;
    }
    .idx_case .swiper-pagination{
        bottom: 50px;
        right: 280px;
    }
    .idxnews_view .second,.idxnews_view .last{margin: 0;}
    .idxnews_view a{width: 100%;}
    .idxnews_view{margin-bottom: 15px;}
    .idxpro_con{display: none;}
    .mb_idxpro{display: block;}
    .bottomMedia,.copyright{
        float: none;
        text-align: center;
  
    }
    .bottomNavList{display: none;}
    .idx_contact{text-align: center;}
    .footer_line{margin: 1.5vw auto;}
    .idx_about{
        padding: 30px 0 7vw 0;
        margin-bottom: 30px;
    }
    .idx_product,.idx_case,.idx_news{
        margin-bottom: 30px;
    }
    .abouthnv_pic{
        max-width: 100%;
    }
    .navList ul li a span{display: none;}
    .subnav_slidDown{display: none!important;}
    .zoom_left,.zoom_right{flex: 0 0 100%;max-width: 100%;}
    .zoom_content{flex-wrap: wrap;}
    .zoom_top form{display: block;}
    .distpicker select,.zoomSearchBox{
        width: 100%;
    }
    .zoom_left{
        margin: 15px 0;
    }
    #zoomCity{
        margin-left: 0;
    }
    #top1{
        display: none;
    }
    #top2{display: block;
        width: 100%;
    margin: 15px 0;
    }
}
@media  (max-width: 768px){
    .mb_subnav{
        display: block;
        border-bottom: 1px solid;
        border-top: 1px solid;
        padding: 10px 0;
    }
    .pc_subnav{
        position: absolute;
        background: #ffffff;
        z-index: 100;
        width: 100%;
        height: 100%;
        display: none;
        left: 0;
    }
    .subnav ul li{
        float: none;
    }
    .subnav ul li a{ width: 100%;}
    .subnav{margin: 20px 0;}
    .abdown_slide .swiper-slide {
        width: 50%!important;
        margin-right: 20px;
    }
    .abouthnv_title{font-size: 16px;}
    .ablc_time{font-size: 14px;}
    .ablc_time span{font-size: 24px;}
    .contact_mapbox{flex-wrap: wrap;}
    .mapbox_adress{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .map{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .newsv_con .title{font-size: 15px;}
    .newsv_con .txt{font-size: 12px;}
    .idxline{margin: 25px 0;}
    .footer_line{    margin: 14px auto;}
    .footer{    padding: 30px 0;}
    .about_honor_view a{flex-wrap: wrap;}
    .abouthnv_pic {
        flex: 0 0 100%;
    }
    .abouthnv_con{
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
    }
    .newsv_con .time{
        margin-top: 10px;
    }
    .zoom_left_pic{
        width: 100%;
        height: auto;
    }
    .mapSpot{
        position: static;
    }
    .mapSpot_pic{
    position: static; 
        right: auto; 
     bottom: auto;
     margin: 30px auto;
     max-width: 100%;
     height: auto;
    }
    .blackSpot{display: none;}
    .zoom_left_pic{background-image: none;}
    .mapSpot:first-child .mapSpot_pic{
        display: block;
    }
    .zoom_left{height: 368px;}
  
}
@media  (max-width: 767px){
    .ablc_item{flex-wrap: wrap;}
    .ablc_item_point{display: none;}
    .ablc_item_year{flex: 0 0 100%;}
    .ablc_item_txt{flex: 0 0 100%;}
    .years_list ul li{
        float: none;
        display: inline-block;
    }
    .years_list{
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }
}
@media (max-width:640px){
    .idxtitle_cn{font-size: 25px;}
    .massagebox_label label{width: 100%;}
    .idxcase_blackbox,.idx_case .swiper-pagination{display: none;}
    .casedet_back{display: none;}
    .newsv_con .txt{display: none;}
    .newsv_con_more{display: none;}
    .mapbox_adress{padding: 4vw 20px 3vw 20px;}
    .location a{font-size: 12px;}

}
@media (max-width:500px){
    .years_list ul li a{margin: 0px 19px;}
    .newsdet_time{font-size: 14px;}
    .newsdet_title{font-size: 20px;}
    .blackBox_cn{font-size: 12px;}
    .sub_content .more{margin: 25px auto;}
    .newsv_con .title{margin: 10px 0;}
    .blackBox_cn{padding: 4vw 0 1vw 0;}
    .purl,.nurl{
        float: none;
        margin: 15px 0;
    }
}
/*keyframes*/
@-webkit-keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } 
}
@keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); }
    50% {
      -webkit-transform: translate(0, 10px);
              transform: translate(0, 10px); }
    100% {
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0); } 
}

/*responsive boots*/
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container-fluid {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}

@media (min-width: 576px) {.container {max-width: 540px;}}
@media (min-width: 768px) {.container {max-width: 720px;}}
@media (min-width: 992px) {.container { max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1630px;}}
            
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.col {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%}
.col-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto; max-width: 100%;}
.col-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
.col-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
.col-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%;max-width: 33.333333%;}
.col-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.col-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
.col-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.col-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
.col-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
.col-12 { -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-sm-0 {
        margin-left: 0
    }
    .offset-sm-1 {
        margin-left: 8.333333%
    }
    .offset-sm-2 {
        margin-left: 16.666667%
    }
    .offset-sm-3 {
        margin-left: 25%
    }
    .offset-sm-4 {
        margin-left: 33.333333%
    }
    .offset-sm-5 {
        margin-left: 41.666667%
    }
    .offset-sm-6 {
        margin-left: 50%
    }
    .offset-sm-7 {
        margin-left: 58.333333%
    }
    .offset-sm-8 {
        margin-left: 66.666667%
    }
    .offset-sm-9 {
        margin-left: 75%
    }
    .offset-sm-10 {
        margin-left: 83.333333%
    }
    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-md-0 {
        margin-left: 0
    }
    .offset-md-1 {
        margin-left: 8.333333%
    }
    .offset-md-2 {
        margin-left: 16.666667%
    }
    .offset-md-3 {
        margin-left: 25%
    }
    .offset-md-4 {
        margin-left: 33.333333%
    }
    .offset-md-5 {
        margin-left: 41.666667%
    }
    .offset-md-6 {
        margin-left: 50%
    }
    .offset-md-7 {
        margin-left: 58.333333%
    }
    .offset-md-8 {
        margin-left: 66.666667%
    }
    .offset-md-9 {
        margin-left: 75%
    }
    .offset-md-10 {
        margin-left: 83.333333%
    }
    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-lg-0 {
        margin-left: 0
    }
    .offset-lg-1 {
        margin-left: 8.333333%
    }
    .offset-lg-2 {
        margin-left: 16.666667%
    }
    .offset-lg-3 {
        margin-left: 25%
    }
    .offset-lg-4 {
        margin-left: 33.333333%
    }
    .offset-lg-5 {
        margin-left: 41.666667%
    }
    .offset-lg-6 {
        margin-left: 50%
    }
    .offset-lg-7 {
        margin-left: 58.333333%
    }
    .offset-lg-8 {
        margin-left: 66.666667%
    }
    .offset-lg-9 {
        margin-left: 75%
    }
    .offset-lg-10 {
        margin-left: 83.333333%
    }
    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }
    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }
    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }
    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }
    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }
    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }
    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }
    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }
    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }
    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }
    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }
    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }
    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }
    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }
    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }
    .offset-xl-0 {
        margin-left: 0
    }
    .offset-xl-1 {
        margin-left: 8.333333%
    }
    .offset-xl-2 {
        margin-left: 16.666667%
    }
    .offset-xl-3 {
        margin-left: 25%
    }
    .offset-xl-4 {
        margin-left: 33.333333%
    }
    .offset-xl-5 {
        margin-left: 41.666667%
    }
    .offset-xl-6 {
        margin-left: 50%
    }
    .offset-xl-7 {
        margin-left: 58.333333%
    }
    .offset-xl-8 {
        margin-left: 66.666667%
    }
    .offset-xl-9 {
        margin-left: 75%
    }
    .offset-xl-10 {
        margin-left: 83.333333%
    }
    .offset-xl-11 {
        margin-left: 91.666667%
    }
}