@charset "utf-8";
/*========css reset========*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption,input {margin:0;padding:0;border:0;outline:0;}
* { box-sizing: border-box;}
body {font-size:12px; color:#565656; font-family: Roboto,sans-serif;}
::-moz-selection {  background-color: #b3d4fc;  color: #000;  text-shadow: none;  }
::selection {  background-color: #b3d4fc;  color: #000;  text-shadow: none;  }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}
a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;outline: none;}
a {color:#1a1a1a; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: ease-in 0.3s;}

/*========快捷样式调用========*/
.bottom-gradient {  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, transparent 72px);  }
.clear {content:".";display:block;clear:both;height:0; font-size:0px;visibility:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{}



/*--------------网页端样式--------------*/
body { background-color:#fff; min-height:100%; margin: 0; padding: 0; }
a { color: #000;}
a:hover {color:#485159;}
.animated {  -webkit-animation-duration:0.5s;  animation-duration:0.5s  }
.animate { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: ease-in 0.3s;}
.page_max { max-width: 1920px; margin: 0 auto;}
.fully { width: 1200px; margin-left: auto; margin-right: auto; min-width: 1200px;}
.block_padding { padding: 50px 0;}


/*header*/
.top_box_container {  z-index: 999; height: 98px;}

.top_box_inner { position: absolute; z-index:998; left: 0; top: 0; height: 100%; width: 100%;}
.top_logo { width: 300px; height: 68px; position: absolute; left: 0; top: 10px;}


.top_menu_box { width: 800px; height: 100%; text-align: left; position: absolute; left: 400px; z-index: 997}
.top_menu { display: inline-block; height: 98px; text-align: center; position: relative; font-size: 0;}
.top_menu .top_menu_item { font-size: 16px; line-height: 1em; display: block; padding: 41px 30px;  z-index: 997;}
.top_menu_item:hover, .top_menu_item.active { color: #e30083;}


.top_submenu { background-color: #fff; width: 120%; position: absolute; top: 0; left: -10%;  -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: ease-in 0.3s; overflow: hidden; opacity: 0; height: 0; text-align: center; box-shadow: 1px 1px 1px rgba(0,0,0,0.5); z-index: 996; }
.top_submenu a { color: #333; font-size: 13px; line-height: 1; display: block; padding: 11px 15px; border-bottom: 1px solid #edebe4;}
.top_submenu a:last-child { border-bottom: none;}
.top_submenu a:hover { color: #fff; background-color: #e26cb0;}

.top_menu:hover .top_submenu{ top: 100%; opacity: 1; height: auto;}

.top_phone { position: absolute; right: 0; top: 25px; width: 200px; height: 50px;}
.top_phone p { line-height: 20px; padding: 0; margin: 0; text-align: right; font-size: 14px;}
.top_phone p.text-danger { font-size: 25px; margin-top: 6px; color: #e30083!important;}

/*index*/
/*轮播*/

.swiper {
    background-color: #F0F0F0;
    padding: 50px 0;
}
.swiper-container {
    height: 440px;
}
.swiper-slide {
    text-align: center;
}
/*组件样式覆盖*/
.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff;}

/* data-list */

.data_container {
    position: relative;
    top: -93px;
}
.data_list {
    height: 186px;
    padding: 40px 0;
    text-align: center;
    font-size: 0;
    background-color: #ffffff;
    box-shadow:10px 0 10px -10px rgb(99, 96, 96),
    -10px 0 10px -10px  rgb(99, 96, 96);
}
.data_list_items {
    padding-top:10px;
    border-right: 1px solid #e5e5e5;
    width: 25%;
    color: #aaaaaa;
    vertical-align: top;
    height: 83px;
    display: inline-block;
    box-sizing:border-box;
}
.data_list_items:last-child{
    border-right: none;
}
.data_header_title {
    font-size: 42px;
    padding: 0 0 5px 0;
    display: block;
    vertical-align: bottom;
}
.data_header_subtitle {
    font-size: 14px;
    display: block;
    vertical-align: bottom;
}
.data_list_items:hover {
    padding-top: 5px;
    color: #e30083;
}

/* 首页new */

.news_title {
    text-align: center;
}
.news_title_big {
    font-size: 50px;
    font-weight: bold;
    color: #e30083;
    vertical-align: bottom;
}
.news_title_smail {
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
}
.news_title_smail_txt{
    font-size: 22px;
    color: #333333;
    vertical-align: -20%;
    margin: 0 10px;
}
.news_title_smail_line{
    display: inline-block;
    width: 60px;
    border: 1px solid #ededed;
}
.news_content {
    padding: 50px 0;
    height: 100%;
    text-align: center;
}
.news_content_box {
    display: inline-block;
}
.news_content_box .news_content_list:nth-child(2){
    margin: 0 25px;
}
.news_content_list {
    vertical-align: top;
    display: inline-block;
    padding: 50px 40px 40px 40px;
    border: 1px solid rgba(221, 221, 221, 1);
    width: 381px;
    height: 360px;
    text-align: left;
}
.news_content_list:hover{
    border: 1px solid #8d9095;
}
.news_content_list .news_content_list_title {
    border-bottom: 1px solid rgba(221, 221, 221, 1);
    padding-bottom: 20px;
    text-align: left;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
}
.news_content_list_title a {
    color: #555555;
}
.news_content_list:hover .news_content_list_title a {
    color: #e30083;
}
.news_content_articles{
    min-height: 180px;
}

.news_content_list_cont p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-line-clamp: 7; 
    -webkit-box-orient: vertical;
    color: #adadad;
    height: 181px;
    font-size: 13px;
    line-height: 24px;
    padding: 15px 0 10px 0;
}
.news_content_list_btn {
    padding-top: 20px;
}
.news_content_list_btn a {
    display: inline-block;
    border: 1px solid #adadad;
    color: #d1d1d1;
    font-size: 13px;
    font-family: Raleway;
    padding: 5px 7px;
}

/* 首页产品 */

.products { padding-top: 40px; font-size: 0;}
.products_content {padding: 50px 0;text-align: center;}
.products_content_box {display: inline-block; background-image: url(./img/back.jpg);background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 0 0%;}
.products_content_list { vertical-align: top; display: inline-block;  min-height: 550px; border-radius: 0px; border-right: 1px solid rgba(255, 255, 255, 0.3);position: relative; box-sizing: border-box;padding: 100px 33px;}
.products_content_list:hover{
    background: rgba(0,0,0,0.3);
    padding: 90px 33px;
}
.products_content_list a span {
    color: rgb(255, 255, 255);
    font-size: 16px;
}
.products_content_img img {
    width: 230px;
    height: 230px;
}


.index_banner {}
.index_grey { background-color: #f1f9fc;}

.index_title { margin-top: 50px; margin-bottom: 50px;}
.title_en { font-size: 30px; color: #222; font-weight: bold; line-height: 32px; margin-bottom: 27px; letter-spacing: 5px; text-align: center;}
.title_text { position: relative; width: 300px; margin: 0 auto; text-align: center;}
.title_text .line { position: absolute; left: 0; top: 10px; border-top: 1px solid #e7e7e7; width: 100%; height: 1px; z-index: -1;}
.title_text span { display: inline-block; margin: -15px auto; background-color: #fff; padding: 10px 30px; text-align: center; font-size: 21px;}

.index_news_box .index_title { margin-top: 0px; margin-bottom: 20px;}
.index_news_box .title_en { font-size: 30px; color: #222; font-weight: bold; line-height: 32px; margin-bottom: 27px; letter-spacing: 5px; text-align: center;}
.index_news_box .title_text { position: relative; width: 300px; margin: 0 auto; text-align: center;}
.index_news_box .line { position: absolute; left: 0; top: 10px; border-top: 1px solid #ffffff; width: 100%; height: 1px; z-index: 0;}
.index_news_box .title_text span { background-color: #f1f9fc !important; z-index: 1; position: relative;}

.index_more {   margin-top: 20px; margin-bottom: 20px;}
.index_more a {  padding: 10px 5px; border-bottom: 1px solid #333; color: #333; font-size: 14px;}
.index_more a:hover { color: #d8362b; border-bottom: 1px solid #d8362b;}

.index_service { text-align: center;}
.service_block { width: 20%; display: inline-block;  vertical-align: top; text-align: center;padding: 20px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: ease-in 0.5s;}
.service_icon { width: 150px; height: 150px; border: 1px solid #e7e7e7; border-radius: 50%; padding: 30px; margin: 10px auto;}
.service_title { font-size: 17px; font-weight: normal;}
.service_title p { font-size: 14px;}
.service_more { padding: 15px 50px 0 50px;}
.service_block:hover .service_icon { border: 1px solid #888;}

.index_case { font-size: 0; }
.case_item { display: inline-block; vertical-align: top; width: 280px; height: 310px; text-align: left; overflow: hidden; position: relative; margin-right: 20px; margin-bottom: 20px;}
.case_item:nth-child(4n) { margin-right: 0;}
.case_item img { width: auto; min-width: 100%; height: 100%; max-height: 100%; position: absolute; left: 0; top: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: ease-in 0.3s;}
.case_item p { width: 100%; line-height: 20px; font-size: 13px; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.6); color: #fff; padding: 10px;}
.case_view { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url("icon_video_play.png") no-repeat center rgba( 0,0,0,0.6); cursor: pointer; opacity: 0;}
.case_item:hover .case_view { opacity: 1; }
.case_item:hover img { -moz-transform:scale(1.2,1.2);  -webkit-transform:scale(1.2,1.2);  -o-transform:scale(1.2,1.2); }

.index_about { padding: 50px 20px;}
.about_info { float: left; width: 650px;}
.about_title { margin-bottom: 30px;}
.about_line { display: inline-block; margin: 12px 10px 0 0; width: 35px; height: 3px; border-top: 3px solid #cacaca; vertical-align: top;}
.about_text { display: inline-block; font-size: 24px; vertical-align: top; color: #d1d4d5;}
.index_logo {height: 80px; width: 500px;}
.about_remark { margin-bottom: 30px;}
.about_remark p { line-height: 1.5em; font-size: 14px; margin-bottom: 15px;}
.index_news_box { float: right; width: 426px;}

.index_news { min-height: 260px; }
.index_news a { display: block; height: 3em; line-height: 3em; font-size: 0.9rem; border-bottom: 1px dashed #e7e7e7;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }

.index_map { float: left; width: 874px; border: 1px solid #e7e7e7; padding: 4px;}
.index_message { float: right; width: 48%;}

/* news */

.list_right_cont {padding: 0 5px 24px 0; margin-bottom: 24px;}
.list_right_img {float: left; padding-right: 30px;}
.list_right_img img{width: 160px; height: 100px;}
.right_content { color: #8c8c8c;}
.right_title a:hover {color: #e30083;}
.news_detail_title {
    font-size: 20px;
    font-weight: bold;
    color: #696969;
    margin-bottom: 10px;
}
.news_detail_time {
    color: #a3a0a0;
    font-size: 13px;
    line-height: 13px;
}
.news_detail_img img {
    width: 736px;
    height: 414px;
}
.news_detail_content{
    color: #666666;
    font-size: 14px;
}
.news_detail_content p{
    line-height:1.5em; margin:1.9em 0; letter-spacing: 1px; font-size: 16px; text-align:justify;
}

/*list*/
.list_banner {}

.list_top { height: 74px; border-bottom:1px solid #e5e5e5; padding-top: 17px;}
.list_subnav { max-width: 72%;}
.list_subnav a { display: inline-block; padding: 0 20px; height: 57px; line-height: 57px; font-size: 18px; color: #666;}
.list_subnav a.active { border-bottom: 2px solid #214194;}

.list_position { font-size: 14px; color: #888; max-width: 25%; padding-top: 28px;}
.list_position a { color: #888;}

.list_lr_position { border-bottom: 1px solid #e7e7e7; padding-bottom: 2em; margin-bottom: 2em; text-align: right;}
.list_lr_position a { color: #888;}

.list_container { padding: 30px 0;}
    .list_left { width: 248px; float: left;}
        .list_left_title { padding: 10px; font-size: 13px; background-color: #777; color: #fff;}
        .list_left_links { border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
        .list_left_links a { display: block; padding: 14px; font-size: 13px; color: #777; border-bottom: 1px solid #e7e7e7;}
        .list_left_links a:hover, .list_left_links a.active { color: #e30083}
        .list_right { width: 900px; float: right; min-height: 700px;}


.list_picnews { height: 208px; overflow: hidden; margin-bottom: 30px;}
.picnews_img { float: left; width: 328px; height: 100%;}
.picnews_img a { display: inline-block; width: 328px; height: 208px; background-color: #fff; overflow: hidden; text-align: center}
.picnews_img img { max-width: 100%; max-height: 100%;}
.picnews_info { height: 100%; padding: 20px 20px 20px 348px; }
.picnews_info h3 { font-size: 18px; color: #000; margin-bottom: 25px;}
.picnews_info p { line-height: 22px; height: 66px; overflow: hidden; text-indent: 2em; margin-bottom: 25px; color: #8c8c8c;}
.picnews_info h3:hover {  color: #e30083;}
.picnews_info aside { height: 25px; line-height: 25px; width: 100%;}
.picnews_info aside span { text-indent: 35px; display: inline-block; font-size: 14px;}
.icon_alarm { background: url("alarm9.png") no-repeat; height: 25px; color: #afafaf; margin-right: 10px;}
.icon_eye { background: url("eye88.png") no-repeat;  height: 25px; margin-right: 10px; color: #8c8c8c;}

.list_text { margin:0 auto; font-size:14px; line-height:30px; position:relative; padding:35px 55px;}
.list_text p { margin-top:14px;}
.list_text h4 a { margin-top:10px;}
.list_text img { max-width:100%;}

.list_link_text {}
.list_link_text a { font-size: 16px; line-height: 4em; border-bottom: 1px dashed #e7e7e7; display: block;}
.list_link_text a:last-child { border-bottom: none;}
.list_link_text a span { float: right; color: #777; font-size: 13px;}

/*内容页*/
.article_box {   min-height:580px; padding:30px; line-height:24px; width: 75%; min-width: 800px; margin: 30px auto 30px auto; }
.article_box_lit { width:650px;}

.article_title { text-align:center;}
.article_title { width:100%; display:block; line-height:1.5em; overflow:visible; font-size:22px; text-shadow:#aaa 1px 1px 0px, #eee 1px 2px 0}
.article_info { text-align:center;}

.article_body { padding:1em; min-height:10em; font-size:14px; margin-top: 30px;}
.article_body img { padding:4px; background:#fff; margin:1%; max-width:95%;}
.article_body p { line-height:2em; margin:1.9em 0; letter-spacing: 1px; font-size: 18px; color: #555;}

/* us */
.us {padding: 50px 0 150px 0;}
.us_left { float: left;  width: 320px;padding: 0 30px 0 0;}
.us_left_title { background-color: #999999;}
.us_left_title div {padding: 10px;font-size: 14px; color: #ffffff;}
.us_left_name { line-height: 1.5em; padding-top: 33px;}
.us_left_name .span1 {  font-size: 16px; color: rgb(0, 0, 0);}
.us_left_name .span2 { font-family: arial; font-size: 14px; color: #A9A9A9;}
.us_phone { line-height: 1.5em;padding-top: 18px;}
.us_phone span { line-height: 40px; font-size: 14px; color: #808080;}

/* product_detail */
.product_details_right {
    margin-left: 50px;
    text-align: left;
    width: 888px;
    float: left;
}
.product_details_right_cont {
    padding: 50px 30px;
    border: 1px solid rgba(221, 221, 221, 1);
}
.right_cont_top {
    background-color: transparent;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #e0e0e0;
}
.right_cont_top_title {
    font-size: 22px;
    color: #333333;
    padding: 0 10px 0 0;
    display: inline-block;
    vertical-align: bottom;
}
.right_cont_top_sub_title {
    font-size: 12px;
    color: #bababa;
    display: inline-block;
    padding: 2px;
    vertical-align: bottom;
}
.comment .span2 {
    color: rgb(169, 169, 169);
    font-size: 13px;
    letter-spacing: 1px;
}
.comment>span {
    color: #e30190;
}
.middle_left {
    width: 385px;
    padding: 20px 30px 0 0;
    float: left;
    height: 100%;
}
.middle_left_money {
    line-height: 1.5em;
    padding: 23px 0 10px 0;
}

.middle_left_money>span {
    color: rgb(105, 105, 105);
    font-size: 14px;
}
.middle_left_money .span1 {
    font-family: georgia;
    font-size: 26px;
    color: #e30190;
}
.explain {
    line-height: 1.5em;
    margin-bottom: 10px;
    padding: 34px 0 10px 0;
    border-bottom: 1px dotted rgba(216, 216, 216, 1);
}
.explain_span1 {
    color: rgb(89, 89, 89);
}
.explain_span2 {
    color: #A9A9A9;
    font-size: 12px;
}
.explain_cont span {
    font-size: 13px;
    line-height: 23px;
}
.explain_cont {
    line-height: 1.5em;
    padding-bottom: 27px;
}
.middle_rigth {
    float: left;
}
.middle_rigth img {
    width: 420px;
    height: 332px;
}
.bottom_title {
    line-height: 1.5em;
    margin-bottom: 10px;
    padding: 40px 0 10px 0;
    border-bottom: 1px dotted rgba(216, 216, 216, 1);
}
.bottom_content {
    margin-top: 30px;
}


/*footer*/
.footer_container { background: #f0f0f0; background-size: 100% auto; padding-top: 20px; min-height: 100px; padding-bottom: 20px; }
    .footer_copyright { text-align: center; }
    .footer_copyright p { color:rgb(128, 128, 128); font-size: 13px; line-height:2em;}

/*------网页端公共部分---------*/

/*message 组件*/
.message_box { width: 540px;}
.message_line { padding: 4px 0;}
.message_line h3 { line-height: 2.2em; font-size: 1.2rem;}
.message_line input { border: 1px solid #e4e4e4; background-color: #fff; height: 3em; padding:1em; font-size: 1rem; width: 100%;}
.message_line textarea { border: 1px solid #e4e4e4; background-color: #fff; height: 8em; line-height: 1.5em; padding:1em; font-size: 1rem; width: 100%;}
    .message_button { display: inline-block; color: #fff; border: 0; padding: 1em 1.8em; line-height: 1em; background-color: #00b0ff; border-radius: 6px; cursor: pointer;}

/*分页*/
.pagination {  display: inline-block;  padding-left: 0;  margin: 10px 0;  border-radius: 4px;  }
.pagination > li {  display: inline;  }
.pagination > li > a,.pagination > li > span {  position: relative;  float: left;  padding: 6px 12px;  margin-left: -1px;  line-height: 1.42857143;  color: #337ab7;  text-decoration: none;  background-color: #fff;  border: 1px solid #ddd;  }
.pagination > li:first-child > a,.pagination > li:first-child > span {  margin-left: 0;  border-top-left-radius: 4px;  border-bottom-left-radius: 4px;  }
.pagination > li:last-child > a,.pagination > li:last-child > span {  border-top-right-radius: 4px;  border-bottom-right-radius: 4px;  }
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {  z-index: 2;  color: #23527c;  background-color: #eee;  border-color: #ddd;  }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {  z-index: 3;  color: #fff;  cursor: default;  background-color: #337ab7;  border-color: #337ab7;  }
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus {  color: #777;  cursor: not-allowed;  background-color: #fff;  border-color: #ddd;  }
.pagination {text-align:center; }
.pagination li, .pagination li a { _display:inline-block; _display:inline; color:#666;}
.pagination .active a { background:#4c6185; border:1px solid #4c6185; color:#fff;}
.pagination .active a:hover, .pagination .active a:active,.pagination .active a:focus { background:#4c6185; border:1px solid #4c6185;}

/* 间距快捷设置，复制于vuetify，使用方法：ml-3  ma-5  pa-5 m/p[方向]-数值 */
.ma-auto{margin-top:auto!important;margin-right:auto!important;margin-bottom:auto!important;margin-left:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mt-auto{margin-top:auto!important}.mr-auto{margin-right:auto!important}.mb-auto{margin-bottom:auto!important}.ml-auto{margin-left:auto!important}.ma-0{margin:0 0!important}.my-0{margin-top:0!important;margin-bottom:0!important}.mx-0{margin-left:0!important;margin-right:0!important}.mt-0{margin-top:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.pa-0{padding:0 0!important}.py-0{padding-top:0!important;padding-bottom:0!important}.px-0{padding-left:0!important;padding-right:0!important}.pt-0{padding-top:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.ma-1{margin:4px 4px!important}.my-1{margin-top:4px!important;margin-bottom:4px!important}.mx-1{margin-left:4px!important;margin-right:4px!important}.mt-1{margin-top:4px!important}.mr-1{margin-right:4px!important}.mb-1{margin-bottom:4px!important}.ml-1{margin-left:4px!important}.pa-1{padding:4px 4px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.px-1{padding-left:4px!important;padding-right:4px!important}.pt-1{padding-top:4px!important}.pr-1{padding-right:4px!important}.pb-1{padding-bottom:4px!important}.pl-1{padding-left:4px!important}.ma-2{margin:8px 8px!important}.my-2{margin-top:8px!important;margin-bottom:8px!important}.mx-2{margin-left:8px!important;margin-right:8px!important}.mt-2{margin-top:8px!important}.mr-2{margin-right:8px!important}.mb-2{margin-bottom:8px!important}.ml-2{margin-left:8px!important}.pa-2{padding:8px 8px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.pt-2{padding-top:8px!important}.pr-2{padding-right:8px!important}.pb-2{padding-bottom:8px!important}.pl-2{padding-left:8px!important}.ma-3{margin:16px 16px!important}.my-3{margin-top:16px!important;margin-bottom:16px!important}.mx-3{margin-left:16px!important;margin-right:16px!important}.mt-3{margin-top:16px!important}.mr-3{margin-right:16px!important}.mb-3{margin-bottom:16px!important}.ml-3{margin-left:16px!important}.pa-3{padding:16px 16px!important}.py-3{padding-top:16px!important;padding-bottom:16px!important}.px-3{padding-left:16px!important;padding-right:16px!important}.pt-3{padding-top:16px!important}.pr-3{padding-right:16px!important}.pb-3{padding-bottom:16px!important}.pl-3{padding-left:16px!important}.ma-4{margin:24px 24px!important}.my-4{margin-top:24px!important;margin-bottom:24px!important}.mx-4{margin-left:24px!important;margin-right:24px!important}.mt-4{margin-top:24px!important}.mr-4{margin-right:24px!important}.mb-4{margin-bottom:24px!important}.ml-4{margin-left:24px!important}.pa-4{padding:24px 24px!important}.py-4{padding-top:24px!important;padding-bottom:24px!important}.px-4{padding-left:24px!important;padding-right:24px!important}.pt-4{padding-top:24px!important}.pr-4{padding-right:24px!important}.pb-4{padding-bottom:24px!important}.pl-4{padding-left:24px!important}.ma-5{margin:48px 48px!important}.my-5{margin-top:48px!important;margin-bottom:48px!important}.mx-5{margin-left:48px!important;margin-right:48px!important}.mt-5{margin-top:48px!important}.mr-5{margin-right:48px!important}.mb-5{margin-bottom:48px!important}.ml-5{margin-left:48px!important}.pa-5{padding:48px 48px!important}.py-5{padding-top:48px!important;padding-bottom:48px!important}.px-5{padding-left:48px!important;padding-right:48px!important}.pt-5{padding-top:48px!important}.pr-5{padding-right:48px!important}.pb-5{padding-bottom:48px!important}.pl-5{padding-left:48px!important}