*, ::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*/
html{overflow-x: hidden;}
.top{
    background-image: url(../images/indextopbg.jpg);
    position: relative;
    z-index: 9999;
    width: 100%;
}
.logo{height: 120px;}
.logo img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
}
.topContact_phone,.topContact_ewm{display: inline-block;vertical-align: middle; height: 120px;}
.topContact_flex{
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.topContact_txt{margin: 0 16px;}
.topContact_txt div:first-child{
    font-size:14px;
    font-weight:400;
    color:#323232;
}
.topContact_txt div:last-child{
    font-size:24px;
    font-family:Arial;
    font-weight:bold;
    color:#DA251D;
}
.topContact_ewm img{
   width: 80px;
   height: 80px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.nav{ 
    background-color: #323232;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.navbar ul{display: flex;}
.navbar ul li{
    flex: 1;
    flex-wrap: nowrap;
    border-left: 1px solid rgba(238,238,238,.15);
}
.navbar ul li:last-child{border-right: 1px solid rgba(238,238,238,.15);}
.navbar ul li a{
    display: block;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    width: 100%;
    height: 100%;
    line-height: 46px;
}
.navbar ul li:hover{background-color: #DA251D;}
.navbar ul li.active{background-color: #DA251D;}
.idxbanner .swiper-slide img{width: 100%;}
.idxbanner .swiper-pagination{width: 100%;}
.idxbanner .swiper-pagination-bullet-active{background: #DA251D;}
/*menu*/
.navMark{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    display: none;
}
.pusher,.subpusher{
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    overflow: hidden;
}
.nav.menuOpen{
    right: 0;
}
.pusher.menuOpen,.subpusher.menuOpen{
    transform: translateX(-26%);
    -webkit-transform: translateX(-26%);
    transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.menu{
    line-height: 120px;
    text-align: center;
    display: inline;
    cursor: pointer;
    display: none;
    position: relative;
    z-index: 999999;
}

.menu span {
position: relative;
display: inline-block;
width: 35px;
height: 3px;
background-color: #D60500;
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: #D60500;
-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: #D60500;
-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: #D60500;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/*idxpro*/
.idxproduct{width: 100%;padding: 30px 0 60px 0;}
.searchbar{margin-bottom: 30px;}
.hotsearch{
    font-size:14px;
    font-weight:400;
    color:#DA251D;
    line-height: 36px;
}
.hotsearch a{color: #646464;margin: 15px;}
.hotsearch a:hover{color: #DA251D;}
.search form{position: relative;}
.search input{
    width:100%;
    height:36px;
    border:1px solid #B7B7B7;
    border-radius:18px;
    text-indent: 15px;
    font-size: 14px;
}
.search .submitbtn{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background: url(../images/search.png);
    width: 16px;
    height: 16px;
    border: 0;
    cursor: pointer;
}
.idxproleft_head,.idxproleft_bottom{
    padding: 30px 19px;
    background-color: #DA251D;
}
.idxproleft_title{
    font-size:30px;
    font-weight:400;
    color:#ffffff;
}
.idxproleft_titleEn{
    font-size:16px;
    font-family:HelveticaNeueLTPro;
    font-weight:normal;
    color:#ffffff;
    line-height:36px;
}
.idxproleft_list{
    background-color: #F5F4F7;
}
.idxproleft_list ul li a{
    display: block;
    width: 100%;
    height: 49px;
    line-height: 49px;
    font-weight:400;
    color: #505050;
    padding: 0 19px;
}
.idxproleft_list ul li a:hover{background: #DA251D; color: #ffffff;}
.idxproleft_list ul li a span{
    font-size: 16px;
    font-family: NSimSun;
    font-weight: bold;
}
.idxproleft_bottom{border-radius: 10px;}
.idxproleft_line{
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ffffff;
    margin: 30px 0 20px 0;
}
.idxproleft_contact{
    font-size:14px;
    font-weight:400;
    color:#ffffff;
    line-height:30px;
}
.idxproleft_adress{line-height: 20px;}
.idxproleft_bottom .topContact_txt div{
    font-size:14px;
    font-weight:400;
    color:#ffffff;
    
}
.idxproleft_bottom .topContact_txt div:last-child{
    font-size: 20px;
    line-height:26px;
}
.idxproleft_flex{display: flex;flex-wrap: nowrap;}
.hotpro{
    background-image: url(../images/idxpropic1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    padding:24px 20px 20px 20px;
    display: flex;
    flex-wrap: nowrap;
}
.hotpro_pic img{max-width: 100%;}
.hotpro_con{
    margin-left: 40px;
    flex: 1;
    padding-top: 25px;
}
.hotpro_name{
    font-size:24px;
    font-weight:400;
    color:#323232;
}
.hotpro_line{
    width:50px;
    height:2px;
    background:rgba(50,50,50,.3);
    margin-top: 20px;
}
.hotpro_text{
    font-size:14px;
    font-weight:400;
    color:#323232;
    line-height:24px;
    margin: 20px 0;
}
.hotpro_contact{
    display: flex;
}
.hotpro_gobtn{
   display: block; 
   width:180px;
   height:44px;
   background:#DA251D;
   border-radius:22px;
   line-height: 44px;
   text-align: center;
   color: #ffffff;
   margin-right: 20px;
}
.idxpro_view{margin-top: 27px;}
.idxproItem_pic{overflow: hidden;}
.idxproItem_pic img{max-width: 100%; transition: .6s;}
.idxproItem_name{
    font-size:14px;
    font-weight:400;
    color:#787878;
    text-align: center;
    margin: 19px 0;
}
.idxpro_item a:hover .idxproItem_pic img{transform: scale(1.1);}
/*idxquestion*/
.idxquestion{
    width: 100%;
    background: url(../images/idxbg1_02.jpg);
    text-align: center;
    padding: 71px 0 59px 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.idxquestion_title{
    font-size:24px;
    font-weight:400;
    color:#505050;
}
.idxquestion_title2{
    font-size:36px;
    font-weight:bold;
    color:#505050;
    margin: 15px 0 59px 0;
}

.idxquestion_pic img{max-width: 100%;}
.idxquestion_txt{
    font-size:16px;
    line-height:30px;
    color: #505050;
}
.idxquestion_txt span{
    font-weight:bold;
    color:#DA251D;
}
/*idxquality*/
.idxquality{
    padding: 69px 0 90px 0;
}
.idxquality_title{
    font-size:36px;
    font-weight:bold;
    color:#505050;
    text-align: center;
}
.idxquality_titleEn{
    font-size:18px;
    font-family:Lato;
    font-weight:300;
    color:#969696;
    text-align: center;
    margin: 20px 0 41px 0;
}
.idxquality_item{margin-bottom: 40px;}
.quality_title{
    font-size:18px;
    font-weight:bold;
    color:#DA251D;
    margin-bottom: 23px;
}
.quality_txt{
    font-size:14px;
    font-weight:400;
    color:#646464;
    line-height:24px;
}
.idxquality_item a{
    display: block;
    width: 100%;
    height: 100%;
    background: #F8F8F8;
}
.quality_con{
    padding: 30px 20px;
}
.quality_pic{overflow: hidden;}
.quality_pic img{width: 100%;transition: .6s;}
.idxquality_item a:hover .quality_pic img{
    transform: scale(1.1);
}
/*idxpicbox*/
.idxpic{position: relative;}
.idxpic>img{width: 100%;}
.picbox{
    background: url(../images/idxpic4.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 56%;
    height: 100%;
    position: absolute;
    right: 0;
    top:0;
    padding: 2.3vw 0;
}
.picbox_title{
    font-size:2.6vw;
    font-weight:bold;
    color:#ffffff;
    margin-left: 140px;
}
.picbox_title2{
    font-size:2.1vw;
    font-weight:400;
    color:#ffffff;
    margin: 1.1vw 0 1.1vw 120px;
}
.picbox_txt{
    font-size:1vw;
    font-weight:400;
    color:#ffffff;
    margin-bottom: 2vw;
    margin-left: 100px;
}
.picbox .idxproleft_flex{margin-left: 80px;}
.picbox .topContact_txt div{color: #ffffff;}
/*idxtec*/
.idxtec{
    width: 100%;
    background: url(../images/indexbg3_02.jpg);
    padding-top: 67px;
}
.idxtec_title{
    font-size:30px;
    font-weight:bold;
    color:#323232;
    text-align: center;
}
.idxtec_title2{
    font-size:46px;
    font-weight:bold;
    color:#DA251D;
    margin: 26px 0 19px 0;
    text-align: center;
} 
.idxtec_titleEn{
    font-size:18px;
    font-family:Lato;
    font-weight:300;
    color:#939393;
    text-align: center;
}
.idxtec_item{margin: 60px 0;}
.idxtec_item img{max-width: 100%;}
.idxtec_item:last-child{margin: 0;}
.idxtec_left,.idxtec_right{display: flex;}
.rightcon_flex{
    display: flex;
    flex-wrap: nowrap;
}
.topcon_title div:first-child{
    font-size:22px;
    font-weight:400;
    color:#505050;
}
.topcon_title div:last-child{
    font-size:30px;
    font-weight:bold;
    color:#DA251D;
    margin: 11px 0;
}
.idxtec_txtEn{
    font-size:18px;
    font-family:Lato;
    font-weight:300;
    color:#505050;
}
.idxtec_txt{
    font-size:15px;
    font-weight:400;
    color:#505050;
    line-height:24px;
    margin: 22px 0;
}

.idxtec_txtli ul li{
    list-style:disc;
    list-style-position:inside;
    color:#DA251D;
    line-height: 28px;
}
.idxtec_txtli ul li span{
    font-size:15px;
    font-weight:400;
    color: #505050;
}
.idxtec_pic{text-align: center;}
.leftnum{margin-right: 20px;}
.leftnum>img{max-width: none;}
/*idxcase*/
.idxcase{
    width: 100%;
    background: url(../images/indexbg2_02.jpg);
    padding: 66px 0 83px 0;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.idxcase_title{
    font-size:28px;
    font-weight:bold;
    color:#ffffff;
}
.idxcase_titleEn{
    font-size:18px;
    font-family:Lato;
    font-weight:300;
    color:rgba(255,255,255,.8);
    margin: 28px 0 52px 0;
}
.caseSwiper,.idxabSwiper{position: relative;}
.caseSwiper .swiper-slide{cursor: pointer;}
.idxcaseItem_pic img{max-width: 100%;}
.idxcaseItem_name{
    font-size:14px;
    font-weight:400;
    color:#ffffff;
    margin: 15px 0;
}
.casePrev,.caseNext,.abPrev,.abNext{
    width:40px;
    height:40px;
    background:rgba(0,0,0,.5);
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #ffffff;
    font-family: NSimSun;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
}
.casePrev,.abPrev{left: -4vw;}
.caseNext,.abNext{right: -4vw;}
.casePrev:hover,.caseNext:hover{background:#ffffff; color: #000000;}
.abPrev:hover,.abNext:hover{background:#DA251D;}
/*idxab*/
.idxab{
    width: 100%;
    background: #F8F8F8;
    padding: 58px 0;
    text-align: center;
}
.idxab_title{
    font-size:30px;
    font-weight:bold;
    color:#323232;
}
.idxab_titleEn{
    font-size:18px;
    font-family:Lato;
    font-weight:300;
    color:#969696;
    margin: 28px 0 57px 0;
}
.idxabright_title{
    font-size:30px;
    font-weight:bold;
    color:#DA251D;
    text-align: left;
}
.idxabright_txt{
    font-size:14px;
    font-weight:400;
    color:#787878;
    line-height:24px;
    margin: 36px 0; 
    text-align: left;
}
.idxabright_number{
    display: flex;
    flex-wrap: nowrap;
    text-align: center;
}
.idxabLeft img{width: 100%;}
.number_box{
    width: 25%;
}
.number{
    font-size:46px;
    font-family:Bebas;
    font-weight:400;
    color:#DA251C;
    margin-bottom: 15px;
}
.number_txt{
    font-size:14px;
    font-weight:400;
    color:#787878;
}
.idxabView{margin-bottom: 40px;}
.idxabItem_name{
    font-size:14px;
    color:#505050;
    margin-top: 15px;
}
.idxabSwiper .swiper-slide{cursor: pointer;}
/*idxnews*/
.idxnews{margin: 78px 0;}
.idxnews_top{margin-bottom: 56px;}
.idxnews_top ul li{
    float: left;
    margin-right: 30px;
    font-size:20px;
    font-weight:bold;
    color:#969696;
    cursor: pointer;
}
.idxnews_top ul li.active{color: #DA251D;}
.idxnews_top div{
    font-size:20px;
    font-weight:bold;
    color:#646464;
}
.idxnewsmore{
    display: block;
    height: 100%;
    line-height: 26.5px;
    font-size:14px;
    font-weight:400;
    color:#787878;
}
.idxnewsView{display: none;}
.gs{display: block;}
.idxnewsItem a{
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 30px;
    border-bottom: 1px dashed #DCDCDC;
    margin-bottom: 30px;
}
.idxnewsItem a:hover{border-bottom: 1px dashed #DA251D;}
.idxnewsItem a:hover .idxnewsItem_date{background: #DA251D;}
.idxnewsItem a:hover .idxnewsItem_title{color: #DA251D;}
.idxnewsItem_date{
    background: #B2B2B2;
    padding: 11px 15px;
    width: 15%;
    text-align: center;
    margin-right: 40px;
    color: #ffffff;
    font-size: 12px;
    font-family:HelveticaNeueLTPro;
    line-height: 20px;
}
.idxnewsItem_day{
    font-size:24px;
    font-weight:normal;
}
.idxnewsItem_con{
    width: 72%;
}
.idxnewsItem_title{
    font-size:16px;
    font-weight:400;
    color:#505050;
    margin-bottom: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.idxnewsItem_txt{
    font-size:12px;
    font-weight:400;
    color:#787878;
    line-height:24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
   overflow: hidden;
}
.idxnewsrightpic{
    margin-bottom: 29px;
}
.idxnewsrightpic img{max-width: 100%;}
.idxnewsrightitem a{
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px dashed #DCDCDC;
    margin-bottom: 15px;
}
.idxnewsrightitem a:hover{color: #DA251D;}
/*rightbar*/
.rightbar{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 998;
    transition: .6s;
}
.rightbarclose{
    width: 42px;
    height: 26px;
    border-radius: 100px 100px 0 0;
    background: #4C4C4C;
    text-align: center;
    line-height: 26px;
    font-size:16px;
    /* font-family:NSimSun; */
    font-weight:400;
    color: #FEFEFE;
    margin: auto;
    cursor: pointer;
}
.rightbarbox{
    width:160px;
    background:#DA251D;
    border-radius:3px;
    color: #ffffff;
    text-align: center;
    padding: 15px 10px;
    transition: .6s;
}
.rightbar_title{
    font-size:16px;
    font-weight:bold;
}
.rightbar_titleEn{
    font-size:12px;
    font-family:Arial;
    font-weight:400;
    margin: 10px 0 16px 0;
}
.kf{
    display: block;
	font-size: 13px;
    width:100%;
    height:30px;
    background:#ffffff;
    border-radius:3px;
    text-align: center;
    line-height: 30px;
}
.kf img{margin-right: 8px;}
.rightbar_ewm{margin: 15px 0;}
.rightbar_ewm img{width: 100%;}
.rightbar_phonenum{ 
    font-size:18px;
    font-family:Bebas;
    font-weight:400;
    line-height:30px;
}
.rightbar_phonetxt{line-height:30px;}
/*bottom*/
.bottomcontact{
    background: #DA251D;
    color: #FFFFFF;
    padding: 30px 0;
}
.bottomcontact_item{
    display: flex;
    border-left: 1px solid rgba(255, 255, 255, .2);
}
.bottomcontact_item:last-child{
    border-right: 1px solid rgba(255, 255, 255, .2);
}
.bottomcontact_pic{margin:0 40px;}
.bottomcontact_pic img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.bottomcontact_txt{
    font-size:14px;
    font-family:Arial;
    font-weight:400;
    color:#ffffff;
    line-height:28px;
}
.bottomblackbox{
    background: #3C3C3C;
    padding-bottom: 55px;
}
.bottomlink{
    padding: 33px 40px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    color: #B4B4B4;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}
.bottomlink a{
    color: #B4B4B4;
    margin-right: 30px;
}
.bottomlink a:last-child{ margin-right: 0;}
.bottomlink a:hover{color:#DA251D;}
.bottomnav{
    margin:50px  0  37px 0; 
    padding: 0 10vw;
    text-align: center;
}
.bottomnav  a{
    font-weight:400;
    color:#D3D3D3;
}
.bottomnav  a:hover{color:#DA251D;}
.bottomnav  a span{
    color: #787878;
    margin: 0 39px;
}
.bottomnav a:last-child span{display: none;}
.copyright{
    font-size:12px;
    font-weight:400;
    color:#969696;
    line-height:30px;
    text-align: center;
}
.copyright a{color:#969696;}
.copyright a:hover{color:#DA251D;}
.pageCon{margin-bottom: 26px;}
.pageCon img{max-width: 100%;}
.page a:hover{color: #DA251D;}
/*--------------------------------index end------------------------------*/
/*--------------------------------about------------------------------*/
.subbanner img{
    width: 100%;
}
.subbannerBox{position: relative;}
.subbanner_con{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99;
    text-align: center;
    width: 80%;
}
.subbanner_title{
    font-size:60px;
    font-family:MicrosoftYaHeiLight;
    font-weight:400;
    color:#ffffff;
    margin-bottom: 50px;
}
.subbanner_txt{
    font-size:18px;
    font-weight:400;
    color:#ffffff;
    
}
.subcontent{
    width: 100%;
    padding: 70px 0;
    overflow: hidden;
}
.abtitle{
    font-size: 24px;
    color: #505050;
    margin-bottom: 40px;
    text-align: left;
}
.abry{margin: 80px 0;text-align: center;}
.abryCtrl{display: flex;margin-top: 30px;}
.abryPrev,.abryNext{
    width:40px;
    height:40px;
    background:rgba(0,0,0,.5);
    cursor: pointer;
    color: #ffffff;
    font-family: NSimSun;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50%;
    margin: auto;
}
.abryPrev:hover,.abryNext:hover{background:#DA251D;}
.abimg{overflow: hidden;}
.abimg img{max-width: 100%;transition: .6s;}

.abpic_item{cursor: pointer;}
.abpic_item:hover .abimg img{transform: scale(1.1);}
.abpic_name{
    color: #aaaaaa;
    text-align: center;
    padding: 15px 0;
}
.abrySwiper .swiper-slide{cursor: pointer;}
/*--------------------------------about end------------------------------*/
/*--------------------------------news------------------------------*/
.newsItem{overflow: hidden;}
.newsItem a{
    display: flex;
    padding: 40px 30px;
    width: 100%;
}
.newsItem_pic{overflow: hidden;}
.newsItem_pic img{width: 100%;transition: .6s;}
.newsItem_con{
    width: 80%;
    position: relative;
}
.newsItem_move{
    display: flex;
    transition: 1.5s;
}
.newsItem_con::after{
    content: "";
    width:0;
    height:2px;
    background:#DA251D;
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    left: 0;
    right: 0;
    transition: .6s;
}
.newsItem_date{
    font-family: Bebas;
    color: #b4b4b4;
    margin: 30px 0 30px 38px;
}
.newsItem_day{
    font-size: 36px;
    line-height:40px;
}
.newsItem_txt{
    width: 60%;
    margin: 17px 5vw 0 4vw;
}
.newsItem_title{
    font-size: 18px;
    color: #323232;
    margin-bottom: 15px;
}
.newsItem_word{
    font-weight:400;
    line-height:28px;
    color: #a0a0a0;
}
.newsgobtn{
    display: block;
    width:42px;
    height:42px;
    border:1px solid rgba(224,224,224,0.5);
    line-height: 42px;
    text-align: center;
    margin: auto 0;
    font-family: NSimSun;
    color: #A9A9A9;
    font-size: 16px;
    font-weight: bold;
    transition: .8s;
}
.newsItem a:hover .newsItem_pic img{transform: scale(1.1);}
.newsItem a:hover .newsItem_title{color: #DA251D;}
.newsItem a:hover  .newsgobtn{
    background: #DA251D;
     color: #ffffff;
    border: 0;
}
.newsItem a:hover .newsItem_con::after{width: 50px;}
.newsItem a:hover .newsItem_move{transform: translateX(40px);}
.newsItem a:hover{background: #F6F6F6;}
.newsv_title{
    font-size: 24px;
    color: #323232;
    text-align: center;
}
.newsv_date{
    font-size: 16px;
    color: #505050;
    text-align: center;
    margin: 24px 0 36px;
}
.newsvBody{
    color: #787878;
    line-height: 30px;
    margin-bottom: 40px;
}
.purl a:hover,.nurl a:hover{color: #DA251D;}
.pages{text-align: center;}
.pages a{
    cursor: pointer;
    padding: 0px 10px;
    height: 30px;
    color: #b4b4b4;
    line-height: 30px;
    border: 1px solid #b4b4b4;
}
.pages a.current{
    color: #fff;
    background-color: #DA251D;
    border: 1px solid #DA251D;
}
.pages a:hover{
    color: #fff;
    background-color: #DA251D;
    border: 1px solid #DA251D;
}
/*--------------------------------news end------------------------------*/
/*--------------------------------product------------------------------*/
.proNavBg{
    padding: 30px 20px;
    background: #DA251D;
    margin-bottom: 10px;
    color: #ffffff;
}
.proNavBg_title{
    font-size: 24px;
    line-height: 30px;
}
.proNavBg_titleEn{
    font-family: HelveticaNeueLTPro;
    font-size: 16px;
    line-height: 40px;
}
.proItem_name{
    color: #505050;
    text-align: center;
    margin: 15px 0;
}
.prophone{
    background-color:  #F5F4F7;
    padding: 20px;
    color: #787878;
}
.prophone .idxproleft_flex{
    padding-bottom: 30px;
    border-bottom: 1px dashed #DCDBDE;
    margin-bottom: 25px;
}
.prophone_txt{line-height: 30px;}
.proView_title{
    font-size: 24px;
    color: #323232;

}
.proItem img{max-width: 100%;}
.proView_txt{
    color: #646464;
    line-height: 30px;
    margin: 40px 0 70px 0;
}
.proView_left{margin-bottom: 15px;}
.proView_left img{max-width: 100%;}
.proList{
    position: relative;
    z-index: 1;
}
.proNav{margin-bottom: 15px; z-index: 99;}
/*--------------------------------product end------------------------------*/
/*--------------------------------case------------------------------*/
.caseItem{margin-bottom: 20px;}
.caseItem_pic{position: relative;overflow: hidden;}
.caseItem_pic img{max-width: 100%;transition: .6s;}
.caseItem_con{
    position: absolute;
    bottom: -120px;
    width: 100%;
    height: 120px;
    background: rgba(218,37,29,.8);
    color: #ffffff;
    padding: 30px;
    transition: .8s;
}
.caseItem_name{
    font-size: 16px;
    margin-bottom: 30px;
}
.caseItem a:hover .caseItem_con{bottom:0;}
.caseItem a:hover .caseItem_pic img{transform: scale(1.1);}
/*--------------------------------case end------------------------------*/
/*--------------------------------solution ------------------------------*/
.solutionItem{margin-bottom: 30px;}
.solutionItem_pic{position: relative;overflow: hidden;}
.solutionItem_pic img{max-width: 100%; transition: .6s;}
.solutionItem_con{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    padding: 60px 40px;
}
.solutionItem_name{
    font-size: 24px;
}
.solutionItem_txt{margin: 25px 0 60px 0;}
.solutionItem_line{
    width: 100%;
    height: 5px;
    background: #DA251D;
}
.solutionItem a:hover .solutionItem_pic img{transform: scale(1.1);}
.solutionItem a:hover .solutionItem_name{color: #DA251D;}
.solutionItem a:hover .solutionItem_more{color: #DA251D;}
/*--------------------------------solution end------------------------------*/
/*--------------subnav---------------*/
.subnav{
    background-color: #ffffff;
    padding: 30px 0;
    border-bottom:1px solid #B2BED3;
}
 .mb_subnav{
     display: none;
 }
 .mb_subnav_img{
     display: inline-block;
     background-size: cover;
     width: 16px;
     height: 16px;
 }
 .pc_subnav  li {
     margin: auto;
 }
 .pc_subnav  li a{
     display: block;
     width:160px;
     height:40px;
     text-align: center;
     line-height: 40px;
     border-radius: 5px;
     color: #323232;
 }
 .pc_subnav  li a:hover{
     background: #DA251D;
     color: #ffffff;
 }
 .proSubNav{padding: 0;}
 /*specialnav*/
 .proCon{margin-bottom: 5vw;}
 .product .pc_subnav  li {
     float: none; 
     margin-bottom: 10px;
}
 .product .pc_subnav  li a{
     display: block;
     width:100%;
     height:60px;
     text-align: left;
     line-height: 60px;
     color: #646464;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     border-radius: 0;
     padding: 0 30px;
     background-color:  #F5F4F7;

 }
 .product .pc_subnav  li a span{
     font-size:16px;
     font-family:NSimSun;
     font-weight:bold;
 }
 .product .pc_subnav  li:hover a{color: #ffffff;border: 0;background: #DA251D;}


 @media (min-width: 769px){
    .pc_subnav{display: flex!important;}
    .product .pc_subnav{display: block!important;}
}
 @media  (max-width: 768px){
    .subnav{padding: 0;}
    .mb_subnav{
        display: block;
        border-bottom: 1px solid #cccccc;
        border-top: 1px solid #cccccc;
        padding: 10px 15px;
    }
    .pc_subnav{
        position: absolute;
        background: #ffffff;
        z-index: 100;
        width: 100%;
        height: 100%;
        display: none;
        left: 0;
        
    }
    .proNav .pc_subnav{
        top: -24px;
        height: 100vh;
    }
    .pc_subnav  li{
        float: none;
    }
    .pc_subnav  li a{ width: 100%;}
    .idxTecSwiper .swiper-slide{width: 100%!important;}
    .proView_nav ul li{width: 86px;}
    .product{padding:30px 0;}
    
}
/*--------------subnav end---------------*/
/*--------------translucent---------------*/
.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%);
}
/*---------------translucent end---------------*/
/*---------------moblieBottomNav ---------------*/
.moblieBottomNav{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 999;
    background: #DA251D;
    text-align: center;
    flex-wrap: nowrap;
}
.moblieItem{flex: 1;}
.moblieItem a{
    display: block;
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding: 5px 10px;
}
/*---------------moblieBottomNav end---------------*/
/*@media*/ 
.top .none{display: none;}
@media (min-width:993px){.nav{display: block!important;}}
@media (min-width: 1200px){
    .pusher .container{max-width: 1230px;}
}
@media (max-width:1200px){
    .number{font-size: 36px;}
    .newsItem_day{font-size: 24px;}
    .hotpro_line{margin-top: 10px;}
    .hotpro_text{margin: 5px 0;}        
    .topContact_txt div:last-child{    font-size: 16px;}
    .hotpro_con{padding-top: 0;}
    .hotpro_pic{width: 33%;}
}
@media (max-width:1024px){
    .casePrev,.abPrev,.caseNext,.abNext{display: none;}
}
@media (max-width:992px){
    .menu{display: block;}
    .nav{
        display: block;
        background-color: #323232;
        position: fixed;
        top: 110px;
        right: -100%;
        width: 100%;
        height: 100%;
        z-index: 9999;
    }
    .navbar ul{display: block;}
    .navbar ul li{
        border-left: 0;
        transform: translateX(306px);
        transition: .6s;
    }
    .navbar ul li.in{
        transform: translateX(0);
    }
    .navbar ul li:last-child{border-right: 0;}
    .topContact{
        float: none;
        height: auto;
        display: flex;
        flex-wrap: nowrap;
        padding-top: 120px;
        display: none;
    }
    .idxbanner,.subbanner{
        padding-top: 120px;
    }
    .logoArea{
        float: none;
        position: fixed;
        left: 0;
        width: 100%;
        background-image: url(../images/indextopbg.jpg);
        z-index: 999;
    }
    .top .none{display: block;}
    .topContact_phone{width: 80%;}
    .topContact_ewm{text-align: right;width: 20%;}
    .topContact_txt div:last-child{font-size: 18px;}
    .idxabright_number{margin-bottom: 30px; }
    .bottomcontact_item{margin-bottom: 15px;}
    .newsItem a{flex-wrap: wrap;}
    .newsItem_con,.newsItem_pic{width: 100%;}
    .newsItem_con::after{display: none;}
    .topContact_txt div:last-child{font-size: 16px;}
    .picbox{display: none;}
    .searchbar{display: none;}
    .idxproView_left{display: none;}
    .bottomnav{display: none;}
    .bottomlink{display: none;}
    .copyright{padding:30px 0;}
    .bottomblackbox{padding: 0;}
    .subbanner_title{font-size: 30px;margin-bottom: 20px;}
    .subbanner_txt{font-size: 14px;}
}
@media  (max-width:768px){
    .subbanner img{
        height: 360px;
        object-fit: cover;
    }
    .idxbanner .swiper-slide img{
        height: 360px;
        object-fit: cover;
    }
}
@media  (max-width:767px){
    .bottom{display: none;}
    .logo{width: 80%;}
    .newsItem_move{flex-wrap: wrap;}
    .newsItem_date{ margin: 15px 0; width: 100%; }
    .newsItem_txt{width: 100%;margin: 0;}
    .hotpro{display: none;}
    .idxtec_right img,.idxtec_left img{object-fit: contain;}
}
@media (max-width: 575px){
    .logo{height: 15vw;}
    .menu{line-height: 15vw;}
    .topContact_phone, .topContact_ewm{height: 23vw;}
    .idxbanner,.subbanner{padding-top: 15%;}
    .nav{top: 15vw;}
    .subbanner img{
        height: 180px;
        object-fit: cover;
    }
    .idxbanner .swiper-slide img{
        height: 180px;
        object-fit: cover;
    }
    .caseSwiper .swiper-slide,.idxabSwiper .swiper-slide{width: 100%!important;}
}
@media (max-width: 520px){
    .idxnewsItem_date{width: auto;margin-right:18px;}
    .moblieBottomNav{display: flex;}
    .idxproduct,.idxquestion,.idxquality,.idxab,.idxcase{padding: 30px 0;}
    .idxtec{padding-top: 30px;}
    .idxnews{margin: 30px 0 75px 0;}
    .idxquestion_title2{
        font-size: 28px;
        margin: 15px 0 30px 0;
    }
    .idxquality_title{font-size: 28px;}
    .idxquality_titleEn{margin: 20px 0;}
    .topcon_title div:last-child{    font-size: 20px;}
    .proNavBg,.prophone{display: none;}
    .idxabright_title{font-size: 20px;}
    .abtitle{    margin-bottom: 15px;}
    .subcontent{    padding: 30px 0 80px 0;}
    .idxabright_txt{    margin: 20px 0;}
    .abry{margin: 30px 0;}
    .newsItem_title{    font-size: 14px;}
    .newsItem_word{font-size: 12px;}
    .proView_txt{margin: 40px 0;}
}
@media (max-width: 450px){
    .number{font-size: 20px; margin-bottom: 5px;}
    .number_txt{font-size: 12px;}
    .bottomlink a{display: block;margin-top: 10px;}
    .newsItem a{padding: 20px 0 0 0;}
    .idxtec_title2{font-size: 18px;}
    .idxtec_title{font-size: 22px;}
    .rightbar{display: none;}
    .idxtec_left, .idxtec_right{
        flex-wrap: wrap;
    }
    .leftnum{width: 100%; margin-bottom: 15px; text-align: center; }
    .rightcon{width: 100%;}
    .newsgobtn{display: none;}
}
/*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: 1430px;}}
            
.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%
    }
}

@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%
    }
}

@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%
    }
}

@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%
    }
}