*{ margin:0; padding:0; list-style-type:none; }
body {font-weight:normal; background-color:#ffffff;font:14px/1.5 "Microsoft Yahei","微软雅黑",Helvetica,Arial,sans-serif; -webkit-tap-highlight-color: transparent; overflow-x: hidden;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,tbody,thead,tfoot,tr,td,th,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,em,h6,b,p { font-weight:normal; font-style:normal; }
article,aside,dialog,footer,header,section,footer,nav,figure,menu,hgroup { display:block; margin:0; padding:0; }
img,hr { border:none; -ms-interpolation-mode:bicubic; }
img {max-width: 100%; vertical-align:middle; }
a { text-decoration:none; color:#333; cursor:pointer; }
ul,li { list-style:none outside none; }
i,em {font-style: normal;}
table { border-collapse:collapse; }
input,select { -webkit-appearance:none; appearance:none; }
input,select,textarea{border:none;outline:0;font-family:"Microsoft Yahei";background:0 0;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#888}
input:-moz-placeholder,textarea:-moz-placeholder{color:#888}
input::-moz-placeholder,textarea::-moz-placeholder{color:#888}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#888}
select::-ms-expand { display:none; }
input[type=radio]::-ms-check,input[type=checkbox]::-ms-check { display:none; }

@font-face{
	font-family: 'PoiretOne';
	src : url('../css/PoiretOne-Regular.ttf');
}



:focus{ outline:none; }
.clear { clear:both; }
.fl { float:left !important; }
.fr { float:right !important; }
.clearfix:after{content:'';display:block;clear:both;height:0;visibility:hidden}
.clearfix {*zoom:1;}
.text-center {text-align: center;}
.bsBox,.bsBox div {box-sizing: content-box;}


.header .navbar {width: 100%;background-color: #ffffff;padding: 1rem;}
.header .navbar .navbar-nav>li {position:relative;}
.header .navbar .navbar-nav>li+li {margin-left: 30px;}
.header .navbar .navbar-nav>li a {color: #333;font-size: 16px;line-height: 45px;}
.header .navbar .navbar-nav>li a:hover {color: #455797;}
.header .navbar .navbar-nav>li.active>a {color: #455797;font-weight: bold;}
.navbar-right .search-form {margin-bottom: 5px;}
.navbar-right .search-form .lang {margin-right: 10px;}
.navbar-right .search-form .lang a {display: inline-block;padding: 0 10px;height: 16px;line-height: 16px;}
.navbar-right .search-form .lang a+a {border-left: 2px solid #f5f5f5}
.navbar-right .search-form .lang a:hover,.navbar-right .search-form .lang a.active {color: #465797}
.navbar-right .search-form input {width: 200px;height: 28px;border:1px solid #ccc;border-radius: 200px;padding: 0 15px}

.header .navbar .navbar-toggler span{width: 30px;height: 2px;background: #333;display: block;position: relative;transition: all .2s linear;}
.header .navbar .navbar-toggler span:before,.header .navbar .navbar-toggler span:after{content: "";position: absolute;height: 2px;background: #333;display: block;left: 0;width: 100%;transition: all .2s linear;}
.header .navbar .navbar-toggler span:before{top: -8px;}
.header .navbar .navbar-toggler span:after{top: 8px;}
.header .navbar .navbar-toggler.ontrue span{-moz-animation: buttonAnimation 0.3s ease forwards;-webkit-animation: buttonAnimation 0.3s ease forwards;animation: buttonAnimation 0.3s ease forwards;}
.header .navbar .navbar-toggler.ontrue span:before{-moz-animation: buttonAnimationBefore 0.3s ease forwards;-webkit-animation: buttonAnimationBefore 0.3s ease forwards;animation: buttonAnimationBefore 0.3s ease forwards; }
.header .navbar .navbar-toggler.ontrue span:after{-moz-animation: buttonAnimationAfter 0.3s ease forwards;-webkit-animation: buttonAnimationAfter 0.3s ease forwards;animation: buttonAnimationAfter 0.3s ease forwards;}

.header .navbar .navbar-nav li .dropdown-menu {width: 8rem;padding: 0;margin:0;border-radius: 0px;left: 50%;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
.header .navbar .navbar-nav li .dropdown-menu li {width: 100%;}
.header .navbar .navbar-nav li .dropdown-menu li a {display: block;padding: 10px;text-align: center;line-height: 1.5;font-size: 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.header .navbar .navbar-nav li .dropdown-menu li:hover a {background-color: #465797;color: #fff;}
.header .navbar .navbar-nav li#nav_2 .dropdown-menu {width: 12em}


.banner {width: 100%;height: 820px;}
.swiper-banner {height: 100%;}
.swiper-banner .swiper-slide {background-repeat: no-repeat;background-position: center;background-size: auto 100%}
.swiper-banner .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #fff;opacity: 1;}
.swiper-banner .swiper-pagination-bullet-active {background-color: #3455fc;}

.swiper-pro .swiper-slide {background-color: #f5f5f5;padding: 30px 10px;overflow: hidden;}
.swiper-pro .swiper-slide:nth-child(2n) {background-color: #ffffff}
.swiper-pro .swiper-slide a img {display: block;max-width: 450px;width: 100%;margin:auto;transition: all 0.6s ease-in-out;}
.swiper-pro .swiper-slide a:hover img {transform: scale(1.1); -webkit-transform:scale(1.1);}
.swiper-pro .swiper-slide a .name {display: block;margin-top: 20px;text-align: center;font-size: 28px;line-height: 120%;}
.swiper-pro .swiper-slide a:hover .name {color: #465797;}

.swiper-pro .swiper-button-next, .swiper-pro .swiper-button-prev {color: #fff;top: 0;bottom: 0;margin:auto;z-index: 19;background-color: #e3e3e3;height: 170px;width: 35px;}
.swiper-pro .swiper-button-next:hover, .swiper-pro .swiper-button-prev:hover {background-color: #465797}
.swiper-pro .swiper-button-next.swiper-button-disabled, .swiper-pro .swiper-button-prev.swiper-button-disabled {background-color: #e3e3e3;}
.swiper-pro .swiper-button-next:after, .swiper-pro .swiper-button-prev:after {font-size: 24px;}
.swiper-pro .swiper-button-prev {left: 0;border-radius: 0 12px 12px 0;}
.swiper-pro .swiper-button-next {right: 0;border-radius: 12px 0 0 12px;}

.about-fluid .title {padding-left: 30px;position: relative;margin-bottom: 60px;}
.about-fluid .title:before {position: absolute;left: 0;top: 4px;content: '';display: block;width: 9px;height: 14px;background:url(../images/tit-doc.png) no-repeat;background-size:100%;}
.about-fluid .title h4 {font-size: 38px;font-weight: bold;line-height: 1;margin-bottom: 10px;}
.about-fluid .title p {font-size: 18px;}
.about-fluid {padding: 90px 0px;}
.about-fluid .about-floor .about-inner {position: relative;padding-left: 100px;padding-bottom: 100px;}
.about-fluid .about-floor .about-inner:after {content: '';display: block;position: absolute;left: 0px;top: 0px;width: 1000%;height: 100%;z-index: -1;
background-image: linear-gradient(#04a2b9, #1a72be, #2d46c3);}
.about-fluid .about-floor .about-inner .inner-desc .text {padding: 0px 40px;color: #fff;font-size: 18px;line-height: 1.75;text-align: left;}
.about-fluid .about-floor .about-inner .inner-desc .text p {text-indent: 2em;word-break:break-all;margin-bottom: 40px;}
.about-fluid .about-floor .about-inner .inner-desc .text a {color: #fff;background:url(../images/more-white.png) no-repeat right center;padding-right: 40px;}
.about-fluid .about-floor .about-inner .inner-desc .img {margin-top: -60px;}
.about-fluid .about-floor .about-inner ul {padding: 150px 0px 20px;}
.about-fluid .about-floor .about-inner ul li {width: 285px;border:1px solid #fff;margin-right: -1px;}
.about-fluid .about-floor .about-inner ul li a {display: block;color: #fff;font-size: 16px;line-height: 78px;text-align: center;background:url(../images/more-white.png) no-repeat 85% center;}
.about-fluid .about-floor .about-inner ul li:hover {background-color: #fff;}
.about-fluid .about-floor .about-inner ul li:hover a {color: #465797;background:url(../images/more-blue.png) no-repeat 85% center;}
.about-fluid .about-floor .about-number {margin-top: 100px;}
.about-fluid .about-floor .about-number ul li {text-align: center;min-width: 200px;}
.about-fluid .about-floor .about-number ul li span {font-size: 64px;color: #465797;font-family: 'PoiretOne';}
.about-fluid .about-floor .about-number ul li p {font-size: 16px;}

.solution-fluid {height: 650px;background-image: url(../images/solution-bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.solution-fluid .container {height: 100%}
.solution-inner {background-color: rgba(44,73,198,.95);max-width: 500px;height: 100%;}
.solution-inner .title {color: #fff;font-size: 36px;padding: 30px;}
.solution-inner .solution-navbar {position: relative;}
.solution-inner .solution-navbar ul {position: relative;z-index: 1}
.solution-inner .solution-navbar ul li {display: flex;align-items: center;height: 60px;line-height: 60px;color: #fff;font-size: 18px;padding-left: 70px;padding-right: 15px;cursor: pointer;}
.solution-inner .solution-navbar ul li .ico {width: 30px;height: 30px;margin-right: 15px;}
.solution-inner .solution-navbar ul li .ico img {display: block;}
.solution-inner .solution-navbar ul li span {flex:1;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.solution-inner .solution-navbar ul li a {opacity: 0;color: #fff;font-size: 14px;width: 70px;height: 30px;line-height: 28px;margin-left: 40px;border:1px solid #fff;border-radius: 6px;display: inline-block;text-align: center;transition: all 0.8s ease-in-out;}
.solution-inner .solution-navbar ul li:hover,.solution-inner .solution-navbar ul li.cur {font-size: 24px;}
.solution-inner .solution-navbar ul li:hover a,.solution-inner .solution-navbar ul li.cur a {opacity: 1}
.solution-inner .solution-navbar ul li a:hover {background-color: #fff;color: #465797;}
.solution-inner .move-bg{ display:none;position:absolute;left:0;top:0;z-index: 0; width:100%; height:60px; background:#000;opacity: 0.15;}

.services-fluid {margin-top:45px;}
.services-floor {position: relative;padding:150px 0px;}
.services-floor:after {content: '';display: block;position: absolute;right: 0px;top: 0px;width: 1920px;height: 790px;z-index: -1;
background-image: url(../images/services-bg.jpg);background-repeat: no-repeat;background-position: right center;}


.services-floor .services-nav li {width: 540px;height: 100px;border:1px solid #fff;margin-top: -1px;padding:20px 40px;display: flex;}
.services-floor .services-nav li a {width: 100%;color: #fff;display: flex;align-items:center;background:url(../images/more-white.png) no-repeat right center;}
.services-floor .services-nav li a em {width: 200px;}
.services-floor .services-nav li a span {display: flex;align-items: center;}
.services-floor .services-nav li a span:before {content: '';display: block;width: 42px;height: 1px;background-color: #fff;margin-right: 10px;}
.services-floor .inner-desc {padding:0px 180px 0 0;}
.services-floor .inner-desc .title {padding-left: 30px;position: relative;margin-bottom: 40px;color: #fff;}
.services-floor .inner-desc .title:before {position: absolute;left: 0;top: 4px;content: '';display: block;width: 9px;height: 14px;background:url(../images/tit-doc.png) no-repeat;background-size:100%;}
.services-floor .inner-desc .title h4 {font-size: 38px;font-weight: bold;line-height: 1;margin-bottom: 10px;}
.services-floor .inner-desc .title p {font-size: 18px;}
.services-floor .inner-desc .text {padding-left: 30px;}
.services-floor .inner-desc .text p {font-size: 18px;color: #fff;line-height: 1.75}

.news-floor {background-color: #fff;padding:100px;}
.news-floor .title {position: relative;margin-bottom: 60px;}
.news-floor .title:before {position: absolute;left: -30px;top: 4px;content: '';display: block;width: 9px;height: 14px;background:url(../images/tit-doc.png) no-repeat;background-size:100%;}
.news-floor .title h4 {font-size: 38px;font-weight: bold;line-height: 1;margin-bottom: 10px;}
.news-floor .title p {font-size: 18px;}
.news-floor .title a.more {display: flex;align-items: center;justify-content:space-between;width: 230px;height: 78px;line-height: 78px;padding:0px 30px;color: #fff;font-size: 16px;background-color: #465797;margin-top: 70px;}
.news-floor .title a.more:after {content: '';display: inline-block;width: 14px;height: 7px;background:url(../images/more-white.png) no-repeat right center;}
.news-floor .title a.more:hover {background-color: #fff;border:1px solid #465797;color: #465797;}
.news-floor .title a.more:hover:after {background:url(../images/more-blue.png) no-repeat right center;}

.news-wrap {margin-left: 135px;}
.news-wrap .item {padding:30px 15px;width: 635px;max-width: 100%;border-bottom: 1px solid #e9ebf3;}
.news-wrap .item:first-of-type {border-top: 1px solid #e9ebf3;}
.news-wrap .item .date {margin-bottom: 15px;}
.news-wrap .item .date .text-gray {color: #c1c4cb;font-size: 16px;font-weight: bold;margin-right: 20px}
.news-wrap .item .date .tag {font-size: 13px;width: 100px;height: 22px;line-height: 20px;padding:0 10px;border:1px solid #dee2e5;background-color: #e9edef}
.news-wrap .item p {font-size: 16px;line-height: 1.75;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;}
.news-wrap .item a:hover p {color: #465797;}

.footer-contact {padding: 80px 0px;}
.footer-contact .foot-logo span {color: #465797;font-size: 18px;}
.footer-contact .foot-btn a.more {display: flex;align-items: center;justify-content:space-between;width: 230px;height: 78px;line-height: 78px;padding:0px 30px;font-size: 16px;background-color: #fff;border:1px solid #465797;color: #465797;}
.footer-contact .foot-btn a.more:after {content: '';display: inline-block;width: 14px;height: 7px;background:url(../images/more-blue.png) no-repeat right center;}
.footer-contact .foot-btn a.more:hover {background-color: #465797;color: #fff;}
.footer-contact .foot-btn a.more:hover:after {background:url(../images/more-white.png) no-repeat right center;}

.footer-list {display: flex;flex-wrap: wrap;}
.footer-list dl {flex:1;}
.footer-list dl+dl {margin-left: 70px;}
.footer-list dl dt {height: 30px;border-bottom: 1px solid #e9ebf3;margin-bottom: 7px;}
.footer-list dl dt a{font-size: 16px;}
.footer-list dl dt .Footer-navarr {float: right;display: block;width: 20px;height: 16px;background:url(../images/more-blue.png) no-repeat center;}
.footer-list dl dd {margin-bottom: 7px;}
.footer-list dl a:hover {color: #465797;}
.footer-list dl .lang {margin-top: 20px;}
.footer-list dl .lang a {display: inline-block;height: 16px;line-height: 16px;}
.footer-list dl .lang a+a {border-left: 2px solid #f5f5f5;margin-left: 10px;padding-left: 10px;}
.footer-inner {padding: 20px 0px 40px;}
.footer-inner .BackTo {margin-left: 50px;}
.footer-inner .BackTo a {display: block;width: 70px;height: 70px;background-color: #3450c5;background-image: url(../images/back-ico.png);background-repeat: no-repeat;background-position: center;}
.copyright {background-color: #3450c5;padding:30px 15px;text-align: center;color: #fff;}
.copyright a {color: #fff;}

/*内页banner*/
.banner-inner {width: 100%;height: 380px;}
.banner-inner .inner-img {height: 100%;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}

.navigation-inner {width: 100%;background-color: #3450c5;min-height: 80px;}
.navigation-inner .container>.flex {min-height: 80px;}
.inner-nav li {display: inline-block;vertical-align: top;}
.inner-nav li a {font-size: 15px;display: flex;flex-direction: column;align-items: center;justify-content:center;min-width: 80px;height: 80px;color: #fff;;padding:0px 10px;}
.inner-nav li a:hover,.inner-nav li.active a {background-color: #fff;color: #333;}
.inner-nav li a:after {content: '';display: block;width: 12px;height:0px;background: url(../images/inner-nav-ico.png) no-repeat center;background-size: 100%;}
.inner-nav li a:hover:after,.inner-nav li.active a:after {height: 12px;margin-top: 5px;}

.location {height: 40px;line-height: 40px;text-align: right;flex:1;}
.location:before {content: '';display: inline-block;vertical-align: middle;margin:0px 5px 0px 0px;width: 12px;height: 12px;border:2px solid #fff;border-radius: 20px;}
.location a {color: #fff;}
.location a+a:before {content: '-';margin:0px 6px 0px 2px;}

.pages {text-align: center;padding-top: 40px;}
.pages a {color: #666;display: inline-block;vertical-align: top;width: 42px;height: 42px;line-height: 40px;border:1px solid #e3e3e3;border-radius: 50%;margin:0 3px;}
.pages a:hover {color: #3450c5;border-color:#3450c5;}
.pages a.active,.pages a.cur,.pages a.on {color: #fff;border-color: #3450c5;background:#3450c5;}

/*产品*/
.product-inner,.technology-inner,.news-inner,.contact-inner,.pro-inner {padding:60px 0;}

.ny_left .top_com {width: 100%;height: 60px;padding: 14px 40px;background: #3450c5 url(../images/arr.jpg) no-repeat 20px 26px;}
.ny_left .top_com span {color: #fff; font-size: 20px; font-weight: bold; }
.ny_left .nav_left {width: 100%; border: 1px solid #e6e6e6; border-width: 0 1px; }
.ny_left .nav_left li {border-bottom: 1px solid #e6e6e6; padding: 0px 20px; }
.ny_left .nav_left li a {display: block;padding: 12px 20px 12px 0px;font-size: 15px;background: url(../images/li_san.png) right center no-repeat;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.ny_left .nav_left li:hover a,.ny_left .nav_left li.active a{color:#3450c5; font-weight:bold; background:url(../images/li_san2.png) right center no-repeat;}

.product-inner .item {margin-bottom:30px;}
.product-inner .item .img {width: 100%;overflow: hidden;}
.product-inner .item .img img {width: 100%;transition: all 0.6s ease-in-out;}
.product-inner .item:hover .img img {transform: scale(1.1); -webkit-transform:scale(1.1);}
.product-inner .item .name {padding: 15px;text-align: center;}
.product-inner .item .name h4 {font-size: 18px;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all}
.product-inner .item .name p {font-size: 14px;}
.product-inner .item:hover .name {color: #fff;background-color: #3450c5;}

.swiper-detail {padding-bottom: 60px;}
.swiper-detail .gallery-top {width: 650px;}
.swiper-detail .gallery-top .swiper-slide {text-align: center;}
.swiper-detail .swiper-info {margin-left: 50px;display: flex;flex-direction: column;}
.swiper-detail .swiper-info .info-inner h1 {font-size: 30px;font-weight: bold;}
.swiper-detail .swiper-info .info-inner h1:before {content: '';display: block;float: left;width: 12px;height: 25px;background:#3450c5;margin:10px 15px 0px 0px;}
.swiper-detail .swiper-info .info-inner .desc {padding:50px 0px;font-size: 16px;line-height: 1.75;}
.gallery-thumbs {order: 1;width: 100%;}
.gallery-thumbs .swiper-slide {cursor: pointer;}
.gallery-thumbs .swiper-slide-thumb-active {border:2px solid #f08400;border-radius: 4px;overflow: hidden;}

.products-detail .head {border-bottom: 1px solid #3450c5;display: flex;align-items: center;}
.products-detail .head ul {margin-right: 20px;}
.products-detail .head ul li {color: #fff;font-size: 16px;background-color: #3450c5;height: 42px;line-height: 42px;width: 160px;text-align: center;border-radius: 3px 3px 0px 0px;}
.products-detail .head h2 {color: #f08400;font-style: italic;font-weight: bold;}
.products-detail .detail {padding:30px 0px;}
.products-detail .detail p {font-size: 18px;line-height: 1.75;}

/*技术支持*/
.technology-inner .item-inner {padding:40px 0px;}
.technology-inner .item-inner:hover {background-color: #f7f7f7}
.technology-inner .item-inner .name {margin-bottom: 20px;}
.technology-inner .item-inner .name h4 {font-size: 18px;font-weight: bold;}
.technology-inner .item-inner .name .date {float: right;color: #999;font-size: 14px;background:url(../images/date-ico.png) no-repeat left center;padding-left: 20px;}
.technology-inner .item-inner .desc {color: #666;font-size: 16px;padding:0px 20px;line-height:1.75;display: -webkit-box;-webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;}

.news-inner .item-inner {padding:40px 0px;}
.news-inner .item-inner:hover {background-color: #f7f7f7}
.news-inner .item-inner .inner {display: flex;align-items: center;width: 100%}
.news-inner .item-inner .inner .img {width: 295px;margin-right: 35px;overflow: hidden;}
.news-inner .item-inner .inner .img img {width: 100%;transition: all 0.6s ease-in-out;}
.news-inner .item-inner .inner .img:hover img {transform: scale(1.1); -webkit-transform:scale(1.1);}
.news-inner .item-inner .inner .text {flex:1;overflow: hidden;}
.news-inner .item-inner .inner .text .name {display: flex;align-items: center;justify-content:space-between;}
.news-inner .item-inner .inner .text .name h4 {font-size: 18px;font-weight: bold;flex: 1;max-width: 600px;margin-right: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.news-inner .item-inner .inner .text .name .date {float: right;color: #999;font-size: 14px;background:url(../images/date-ico.png) no-repeat left center;padding-left: 20px;}
.news-inner .item-inner .inner .text .info {padding:10px 0px;color: #999;}
.news-inner .item-inner .inner .text .desc {color: #999;font-size: 14px;height: 64px;display: -webkit-box;-webkit-line-clamp:3; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;}
.news-inner .item-inner .name h4 a:hover {color: #3450c5}

.news-detail .news-content {flex:1;}
.news-detail .news-content h1 {font-weight: bold;}
.news-detail .news-content .info {padding:15px 0px;border-bottom: 1px solid #e3e3e3;}
.news-detail .news-content .info span.view {color: #666;background: url(../images/view-icon.png) no-repeat left center;padding-left: 30px;}
.news-detail .news-content .desc {padding:30px 0px 0;}
.news-detail .news-content .desc p {color: #666;font-size: 15px;line-height: 2;text-indent: 2em;text-align: justify;}

.news-right {background-color: #f4f4f4;padding: 30px 15px;margin-left: 70px;}
.news-right .news-info .date {margin-bottom: 40px;}
.news-right .news-info .date .md {font-size: 32px;color:#2371dc;font-weight: bold;}
.news-right .news-info .date .md:after {content:'';display: block;width: 20px;height: 2px;background-color: #2371dc;}
.news-right .news-info .date .y {font-size: 18px;}
.news-right .news-info .news-tag span {display: block;color: #666;}
.news-right .latest-news {margin-top: 50px;}
.news-right .latest-news .h {font-size: 18px;color: #666666;font-weight: bold;text-align: center;padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px solid #ccc;}
.news-right .latest-news .item {margin-bottom: 30px;}
.news-right .latest-news .item .img img {width: 100%;}
.news-right .latest-news .item p {margin-top: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.news-right .latest-news .item a:hover p {color: #2371dc;}
.news-right .latest-news .more a {display: block;width: 80%;margin:auto;line-height: 30px;border-bottom: 1px solid #2371dc;background:url(../images/more-ico.png) no-repeat right bottom;}
.news-right .latest-news .more a:hover {color: #2371dc;}

.news-page {display: flex;justify-content: space-between;margin-top: 60px;}
.news-page a {width: 240px;height: 45px;color: #999;background-color: #f0f1f9;border-radius: 45px;display: flex;justify-content: center;align-items: center;}
.news-page a:hover {background-color: #3450c5;color: #fff;}
.news-page a i {display: block;width: 20px;height: 20px;margin:0 5px;background-image: url(../images/news-page.png);background-repeat: no-repeat;}
.news-page a.prev i {background-position: 0px 0px;}
.news-page a.list i {background-position: 0px -20px;}
.news-page a.next i {background-position: 0px -40px;}
.news-page a.prev:hover i {background-position: -20px 0px;}
.news-page a.list:hover i {background-position: -20px -20px;}
.news-page a.next:hover i {background-position: -20px -40px;}

.share {padding-top: 30px;}
.share .bshare-custom a {width: 40px;height: 40px;background: url(../images/share-ico.png) no-repeat;}
.share .bshare-custom a.bshare-sinaminiblog {background-position: 0px 0px;}
.share .bshare-custom a.bshare-weixin {background-position: -49px 0px;}
.share .bshare-custom a.bshare-qqim {background-position: -98px 0px;}
.bsBox {box-sizing: content-box;}

/*关于我们*/
.about-inner {text-align: center;}
.about-inner .title {display: inline-block;text-align: center;}
.about-inner .title {margin-bottom: 60px;}
.about-inner .title h4:before {position: absolute;left: -30px;top: 4px;content: '';display: block;width: 9px;height: 14px;background:url(../images/tit-doc.png) no-repeat;background-size:100%;}
.about-inner .title h4 {font-size: 38px;font-weight: bold;line-height: 1;margin-bottom: 10px;position: relative;display: inline-block;}
.about-inner .title p {font-size: 18px;}

.about-inner .inner-floor {text-align: center;padding:60px 0px;}
.about-inner .inner-floor .introduction {text-align: left;align-items:center;}
.about-inner .inner-floor .introduction .text {flex:1;margin-right: 60px;}
.about-inner .inner-floor .introduction .text h4 {font-size: 36px;font-weight: bold;position: relative;margin-bottom: 30px;}
.about-inner .inner-floor .introduction .text h4:before {content: 'ABOUT US';display: block;position: absolute;left: 0;top: 50%;transform:translate(0,-50%);;z-index: -1;color: #f7f7f7;font-size: 82px;font-weight: bold;line-height: 1;}
.about-inner .inner-floor .introduction .text p {color: #666;line-height: 1.75;text-align: justify;margin-bottom: 3px;}

.service .item {background-color: #f5f5f5;min-height: 400px;padding:30px 60px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.service .item:hover {background-color: #3450c5;}
.service .item .ico {width: 65px;height: 65px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.service .item:nth-child(1) .ico {background-image: url(../images/about-icon1.png);}
.service .item:nth-child(2) .ico {background-image: url(../images/about-icon2.png);}
.service .item:nth-child(3) .ico {background-image: url(../images/about-icon3.png);}
.service .item h4 {color: #666;font-size: 24px;margin:15px 0px;}
.service .item .hr {width: 40px;height: 3px;background-color: #3450c5;}
.service .item p {color: #666;font-size: 16px;margin-top: 25px;}
.service .item:nth-child(1):hover .ico {background-image: url(../images/about-icon1hover.png);}
.service .item:nth-child(2):hover .ico {background-image: url(../images/about-icon2hover.png);}
.service .item:nth-child(3):hover .ico {background-image: url(../images/about-icon3hover.png);}
.service .item:hover h4,.service .item:hover p {color: #fff;}
.service .item:hover .hr {background-color: #fff;}
.service .item:after {
    content: "";
    border: 1px #fff solid;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin:auto;
    transition: .6s;
    opacity: 0;
}
.service .item:hover:after {
	width: 92%;
	height: 92%;
	opacity: 1;
}

#certify{position:relative;width:100%;margin:0 auto;}
#certify .swiper-container{padding-bottom:60px}
#certify .swiper-slide{width:620px;background:#fff;box-shadow:0 4px 12px #999}
#certify .swiper-slide img{display:block}
#certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
#certify .swiper-pagination{width:100%;bottom:20px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;background-color:#dfdfdf;width:10px;height:10px;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#3450c5}

.culture-inner {text-align: left;}
.culture-inner .item {margin-bottom: 30px;width: 50%;}
.culture-inner .item img {width: 100%;}
.culture-inner .item .text {display: flex;align-items: center;margin-top: 25px;}
.culture-inner .item .text .icon {margin-right: 20px;}
.culture-inner .item .text .name h4 {font-size: 18px;font-weight: bold;}
.culture-inner .item .text .name p {color: #999;}

.strategy-inner .item {width: 50%;display: flex;justify-content: center;align-items: center;}
.strategy-inner .item .text {padding:30px 100px;}
.strategy-inner .item .text h4 {font-size: 36px;font-weight: bold;}
.strategy-inner .item .text .hr {display: inline-block;width: 55px;height: 5px;background-color: #3450c5;}
.strategy-inner .item .text p {color: #666;font-size: 18px;line-height: 1.75;}
.strategy-inner .item .img {width: 100%;height: 100%;}
.strategy-inner .item .img img {width: 100%;height: 100%;object-fit: cover;}
.strategy-inner .item:nth-child(1) .text {text-align: right;}
.strategy-inner .item:nth-child(3) .text {text-align: left;}
.strategy-inner .item:nth-child(3) {order: 1;}
    
.honor-inner ul li {margin-bottom: 30px;}
.honor-inner ul li a {display: block;border: 1px solid #dcdcdc;-webkit-transition: all .5s;transition: all .5s;position: relative;}
.honor-inner ul li a img {display: block;width: 100%}
.honor-inner ul li p {font-size: 16px;border-top: 1px solid #dcdcdc;padding: 10px;text-align: center;}
.honor-inner ul li a:hover {box-shadow: 1px 2px 8px #ccc;}
.honor-inner ul li .mark {opacity: 0;visibility: hidden;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(52,80,197,0.85);display: flex;flex-direction: column;align-items: center;justify-content: center;transition: all .8s;}
.honor-inner ul li .mark em {display: block;width: 45px;height: 45px;background:url(../images/more-icon.png) no-repeat center;background-size: 100%;margin-bottom: 10px;}
.honor-inner ul li .mark i {color: #fff;}
.honor-inner ul li:hover .mark {opacity: 1;visibility: visible;}

.join_list .thead {background:#f4f4f4;}
.join_list .thead div {flex:3;padding:20px 40px;font-size: 16px;font-weight: bold;}
.join_list .thead .operate {width: 60px;text-align: center;flex:1;}
.join_list .link {border-bottom: 1px solid #e3e3e3;cursor: pointer;}
.join_list .link span {flex:3;padding:15px 40px;}
.join_list .link .icon {width: 60px;text-align: center;flex:1;padding:15px 40px;transition: .6s;}
.join_list .link .icon:after {content: 'next';font-family: swiper-icons;font-weight: bold;}
.join_list .open .link .icon {transform: rotate(90deg);color: #3450c5;}
.join_list .submenu {padding:20px 40px;border-bottom: 1px solid #e3e3e3;color: #666;line-height: 1.75;display: none;}
.join_list .submenu a {float: right;width: 145px;height: 44px;line-height: 44px;background-color: #3450c5;color: #fff;font-size: 16px;text-align: center;border-radius: 200px;}


/*联系我们*/
.contact-info {max-width: 960px;margin:40px auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact-info dl {max-width: 33%;flex-basis: 33%;margin: 20px 0px;padding-right: 20px;}
.contact-info dl dt {color: #0149a1;font-size: 18px;display: inline-block;border-bottom: 1px solid #0149a1;margin-bottom: 10px;}
.contact-info dl dd {color: #666;line-height: 1.75;}
.contact-message {max-width: 960px;margin:60px auto;}
.contact-message .form-group input,.contact-message .form-group textarea {width: 100%;padding:5px;height: 40px;color: #666;font-size: 15px;border-bottom: 1px solid #d7d7d7;}
.contact-message .form-group textarea {height: 120px;}
.contact-message .btn {width: 200px;height: 45px;background-color: #3450c5;border-radius: 200px;margin:40px auto 0;display: block;}
.contact-inner .map,.contact-inner .map iframe {width: 100%;height: 600px;}

/**悬浮框**/
.sidebar{position:fixed;right: 0;top:50%;width:50px;margin-top: -166px;z-index:1001;}
.sidebar ul li{background: #3450c5;width:50px;height:50px;line-height: 50px;margin:2px 0;transition: width 0.6s;-moz-transition: width 0.6s;-webkit-transition: width 0.6s;-o-transition: width 0.6s;float: right;position:relative;}
.sidebar ul li:hover{background:#3450c5;width:250px;}
.sidebar ul li:last-child:hover{padding-right: 0;width:50px;}
.sidebar ul li a{color:#fff;font-size: 16px;display: block;white-space:nowrap;}
.sidebar ul li span{display: inline-block;width:50px;height:50px;vertical-align: top;}
.sidebar ul li .switch{background: url(/Public/home/images/sidebar06.png) center center no-repeat;}
.sidebar ul li .tel{background: url(/Public/home/images/sidebar01.png) center center no-repeat;}
.sidebar ul li .qq{background: url(/Public/home/images/sidebar02.png) center center no-repeat;}
.sidebar ul li .mail{background: url(/Public/home/images/sidebar03.png) center center no-repeat;}
.sidebar ul li .return_top{background: url(/Public/home/images/sidebar04.png) center center no-repeat;}
.sidebar ul li .ewm{background: url(/Public/home/images/sidebar05.png) center center no-repeat;}
.sidebar ul li.float_ewm:hover{width:50px;}
.sidebar ul li .ewm2{position:absolute;right:70px;bottom:-60px;width:140px;padding:10px;background:#3450c5;display:none;}
.sidebar ul li .ewm2:after{content:"";width:16px;height:16px;background:#3450c5;position:absolute;right:-8px;top:50%;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);margin-top:-8px;}
.sidebar ul li .ewm2 img{width:120px;height:120px;}
.sidebar ul li .ewm2 p{font-size:12px;line-height:20px;color:#fff;margin-top:5px;text-align:center;}
.sidebar ul li.float_ewm:hover .ewm2{display:block;}
.sidebar ul li#switch{width:50px;}

@media (min-width: 576px) {
 
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (max-width: 1360px) {
}


@media (max-width: 1600px) {
	
}


@media (max-width: 1199px) {
	.banner {height: 500px;}

	.about-fluid {padding:50px 0px;}
	.about-fluid .title {margin-bottom: 30px;}
	.about-fluid .about-floor .about-inner {padding-left: 30px;padding-bottom: 30px;}
	.about-fluid .about-floor .about-inner .inner-desc .img {width: 400px;margin-top: 0}

	.news-wrap {margin-left: 60px;} 

	.swiper-detail .gallery-top {width: 500px;}

	.strategy-inner .item .text {padding:30px;}
}

@media (max-width: 992px) {
	.header .navbar {padding:10px;position:fixed;left: 0;top: 0;z-index: 199;box-shadow: 1px 2px 2px rgba(0,0,0,.1);}

	.header .navbar .logo {height: 45px;}
	.header .navbar .logo img {height: 100%;}
	.header .navbar .navbar-right {display: flex;align-items: center;}
	.header .navbar .navbar-right form {display: none;}
	.navbar-right .search-form {margin-bottom: 0}
	.header .navbar .navbar-collapse {display: none;position:absolute;left: 0;top: 100%;z-index: 9;width: 100%;background-color: #fff;padding: 5px 15px;}
	.header .navbar .navbar-nav li+li {margin-left: 0;}
	.header .navbar .navbar-nav li a {display: block;line-height: 35px;}

	.header .navbar .navbar-nav li .dropdown-menu {position: static;-webkit-transform: translate(0,0);transform: translate(0,0);width: 100%;border: 0;}
	.header .navbar .navbar-nav li .dropdown-menu li a {text-align: left;line-height: 30px;font-size: 14px;padding: 0 10px;}

	.banner,.banner-inner {margin-top: 65px;}

	.about-fluid .about-floor .about-inner .inner-desc {flex-direction: column;}
	.about-fluid .about-floor .about-inner .inner-desc .text {padding:30px 0px;}
	.about-fluid .about-floor .about-inner .inner-desc .img {width: 100%;}

	.about-fluid .about-floor .about-number {margin-top: 50px;}
	.about-fluid .about-floor .about-inner ul {padding:60px 0px 0px;}

	.solution-inner .title {padding:30px 30px 10px;}
	.solution-inner .solution-navbar ul li {padding: 0px 30px;}

	.services-floor {flex-direction: column;padding:50px 15px 50px 0px;}
	.services-floor .services-nav {width: 100%}
	.services-floor .inner-desc {padding:60px 0px 0px;}

	.news-floor {padding:30px;flex-direction: column;}
	.news-wrap {width: 100%;margin-left: 0;}
	.news-floor .title {margin-left: 30px;}
	.news-floor .title a.more {margin-top: 30px;width: 150px;height: 45px;padding: 0 20px;}
	.news-wrap .item {padding:15px 0px;}

	.footer-contact {padding: 60px 0px;}
	.contact-floor .foot-btn {text-align: right;width: 100%}
	.contact-floor .foot-btn a {float: right;}

	.Footer-navwords {display: none;padding-top: 10px;}
	.footer-list dl dt {height: 30px;}
	.footer-list dl dt .Footer-navarr {width: 30px;height: 30px;background: url('../images/icon-dd1.png') no-repeat center center /14px auto;}
	.Footer-navclick i.ontrue {transform: rotate(180deg);}
	.footer-list dl dt {margin-bottom: 0}
	
	.ny_left {margin-bottom: 40px;}

	.swiper-detail {padding-bottom: 30px;}
	.swiper-detail .gallery-top {width: 350px;} 

	.swiper-detail .swiper-info {margin-left: 30px;}
	.swiper-detail .swiper-info .info-inner .desc {font-size: 14px;padding:20px 0px 30px;}
	.products-detail .detail p {font-size: 16px;}

	.about-inner .inner-floor .introduction .text {width: 100%;margin:0;}
	.about-inner .inner-floor .introduction .img {width: 100%;margin-top: 20px;}
	.service .item {padding:20px;}

	.strategy-inner .item .text h4 {font-size: 30px;}
	.strategy-inner .item .text p {font-size: 16px;}

}


@media (max-width: 768px) {
	.banner {height: 400px;}
	.swiper-banner .swiper-slide {background-size: cover;}
	.swiper-pro .swiper-button-next, .swiper-pro .swiper-button-prev  {height: 70px;width: 30px;}
	.swiper-pro .swiper-button-next:after, .swiper-pro .swiper-button-prev:after {font-size: 18px;}

	.about-fluid .title h4,.news-floor .title h4,.solution-inner .title,.services-floor .inner-desc .title h4 {font-size: 28px}
	.about-fluid .title p,.news-floor .title p,.services-floor .inner-desc .title p {font-size: 14px;}

	.swiper-pro .swiper-slide a .name {font-size: 18px;margin-top: 20px;display: -webkit-box;-webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;}
	.swiper-pro .swiper-slide {padding:15px 10px;}
	.about-fluid .about-floor .about-number ul li {min-width: auto;width: 50%;}

	.services-floor .services-nav li {max-width: 540px;width: 100%;padding:20px;}
	
	
	.footer-contact {padding: 30px 0px;}
	.footer-contact .foot-logo {height: 45px;}
	.footer-contact .foot-logo img {height: 100%;}
	.footer-contact .foot-btn a.more {width: 150px;height: 45px;padding:0px 20px;}
	.footer-list {flex-direction: column;}
	.footer-list dl+dl {margin:20px 0px 0px;}


	.swiper-detail .gallery-top {width: 100%;}
	.swiper-detail .swiper-info {width: 100%;margin-left: 0px;margin-top:20px;flex:auto;}
	.gallery-thumbs {order:0;}
	.swiper-detail .swiper-info .info-inner {margin-top: 30px;}
	.swiper-detail .swiper-info .info-inner h1 {font-size: 24px;}
	.swiper-detail .swiper-info .info-inner h1:before {width: 6px;height: 20px;margin: 8px 10px 0px 0px;}
	
	.products-detail .head ul li {width: 100px;}
	.products-detail .head h2 {font-size: 15px;}

	.navigation-inner,.navigation-inner .container>.flex {background-color: #fff;min-height: auto}
	.inner-nav {display: flex;padding:15px 0px;width: 100%;flex-wrap: wrap;}
	.inner-nav li {flex:30%;max-width: 30%;margin:1.5%;}
	.inner-nav li a {color: #333;border:1px solid #dcdcdc;height: 40px;line-height: 38px;text-align: center;border-radius: 50px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
	.inner-nav li a:after {display: none;}
	.inner-nav li.active a {border-color: #3450c5;background-color: #3450c5;color: #fff;}

	.location {width: 100%;padding:15px 0px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
	.location a {color: #333;}
	.location:before {border-color: #999;}

	.product-inner, .technology-inner, .news-inner, .contact-inner, .pro-inner {padding:30px 0px;}
	

	.news-inner .item-inner {padding: 20px 0px;}
	.news-inner .item-inner .inner .img {width: 160px;margin-right: 15px;}
	.news-inner .item-inner .inner .text .info {padding:5px 0px;}
	.news-inner .item-inner .inner .text .desc {height: 30px;-webkit-line-clamp:1;}
	.news-right {display: none;}


	.about-inner .title {margin-bottom: 20px;}
	.about-inner .title h4 {font-size: 28px;}
	.about-inner .title p {font-size: 14px;}
	.about-inner .inner-floor .introduction .text h4 {font-size: 32px;}
	.about-inner .inner-floor .introduction .text h4:before {font-size: 72px;}

	.culture-inner .item {width: 100%}
	
	.strategy-inner .item .text {padding:10px 30px;}
	.strategy-inner .item .text h4 {font-size: 24px;}
	.strategy-inner .item .text p {font-size: 14px;}
	
	.join_list .thead div {padding: 10px;}
	.join_list .link span {padding: 10px;flex: inherit;}
	.join_list .link span:nth-child(1) {flex:1;}
	.join_list .link .icon,.join_list .thead .operate {display: none;}
	.join_list .submenu {padding:15px 10px;}
	.join_list .submenu a {width: 125px;height: 35px;line-height: 35px;font-size: 14px;}

	.ny_left .top_com {width: 100%;height: 40px;line-height: 40px;padding: 0px 30px;background: #3450c5 url(../images/arr.jpg) no-repeat 20px center;}
	.ny_left .top_com span {color: #fff; font-size: 18px; font-weight: bold; }
	.ny_left .nav_left li a {font-size: 14px;padding: 10px 18px 10px 0px;}
}

@media (max-width: 576px) {
	.sidebar {display: none;}
	.navbar-right .search-form .lang {display: none;}
	.header .navbar .navbar-toggler {padding:0.25rem 0rem;}

	.banner {height: 210px;}
	.swiper-banner .swiper-pagination-bullet {width: 8px;height: 8px;}

	.banner-inner {height: 150px;}
	
	.about-fluid .title,.news-floor .title,.services-floor .inner-desc .title {margin-bottom: 20px;}
	.about-fluid .title h4,.news-floor .title h4,.solution-inner .title,.services-floor .inner-desc .title h4 {font-size: 24px}
	.about-fluid .title p,.news-floor .title p,.services-floor .inner-desc .title p {font-size: 14px;}
	
	.about-fluid .about-floor .about-inner .inner-desc .text {font-size: 15px;}
	.about-fluid .about-floor .about-inner {padding-left: 15px;}
	.about-fluid .about-floor .about-number ul {align-items: self-start !important;}
	.about-fluid .about-floor .about-number ul li span {font-size: 40px;}
	.about-fluid .about-floor .about-number ul li p {font-size: 14px;}

	.about-fluid .about-floor .about-inner ul li a {line-height: 60px;padding:0px 10px;text-align: left;}
	
	.solution-inner {margin-left: -15px;margin-right: -15px;}
	.solution-inner .solution-navbar ul li {padding:0 15px 0 30px;font-size: 16px;}
	.solution-inner .solution-navbar ul li a {margin-left: 10px;width: 60px;}
	.solution-inner .solution-navbar ul li:hover,.solution-inner .solution-navbar ul li.cur {font-size: 18px;}

	.services-floor .services-nav li a {padding-right: 25px;}
	.services-floor .services-nav li a em {width: 140px;}

	.swiper-pro .swiper-slide a .name {font-size: 16px;}

	.news-floor .title a.more {margin-top: 20px;}
	.news-wrap {padding-top: 30px;}

	.news-inner .item-inner {padding: 10px 0px;} 
	.news-inner .item-inner .inner .img {width: 140px;}
	.news-inner .item-inner .inner .text .name h4 {margin: 0}
	.news-inner .item-inner .inner .text .name .date {display: none;}

	.pages a {width: 32px;height: 32px;line-height: 32px;font-size: 13px;}

	.contact-floor {flex-direction: column;align-items: self-end !important;}
	.contact-floor .foot-btn {margin:20px 0px 0px;}

	
	.navigation-inner .container {padding:0;}

	.product-inner, .technology-inner, .news-inner, .contact-inner {padding:40px 0px;}
	.about-inner .inner-floor {padding:40px 0px;}

	.contact-info {margin:auto;}
	.contact-info dl {flex-basis: 50%;max-width: 50%;margin-bottom: 15px;}
	.contact-info dl:nth-child(1) {max-width: 100%;flex-basis: 100%;}
	.contact-message {margin:40px auto;}
	.contact-inner .map,.contact-inner .map iframe {width: 100%;height: 350px;}

	#certify .swiper-slide {width: 300px;}


	.location {padding:0 15px;background: #f5f5f5}

	.technology-inner .item-inner {padding:20px 0px;}
	.technology-inner .item-inner .name {margin-bottom: 10px;}
	.technology-inner .item-inner .name h4 {margin-bottom: 5px;}
	.technology-inner .item-inner .name .date {float: none;}
	.technology-inner .item-inner .desc {padding:0;font-size: 14px;}

	.news-detail .news-content {padding:0 15px;}
	.news-detail .news-content h1 {font-size: 20px;}

	.about-inner .inner-floor .introduction .text h4 {font-size: 24px;}
	.about-inner .inner-floor .introduction .text h4:before {font-size: 54px;}

	.service .item {min-height: auto;padding:30px;}
	.service .item h4 {font-size: 20px;}
	.service .item p {font-size: 14px;margin-top: 15px;}
	
	.strategy-inner .item:nth-child(3) {order: 0;}
	.strategy-inner .item {width: 100%;}
	.strategy-inner .item .text {padding:30px;text-align: center !important;}
}

/*  -- flex弹性布局 -- */

.flex {
	display: flex;
}
.basis-xs {
	flex-basis: 20%;
}

.basis-sm {
	flex-basis: 40%;
}

.basis-df {
	flex-basis: 50%;
}

.basis-lg {
	flex-basis: 60%;
}

.basis-xl {
	flex-basis: 80%;
}
.flex-direction {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-start {
	align-items: flex-start;
}

.align-end {
	align-items: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.self-start {
	align-self: flex-start;
}

.self-center {
	align-self: flex-center;
}

.self-end {
	align-self: flex-end;
}

.self-stretch {
	align-self: stretch;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-end {
	justify-content: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.justify-around {
	justify-content: space-around;
}
.flex-sub {
	flex: 1;
	overflow: hidden;
}


#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}



@-moz-keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@-webkit-keyframes buttonAnimationBefore {
    0% {-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); }
}
@keyframes buttonAnimationBefore {
    0% {-moz-transform: translateY(0px) rotate(0);-ms-transform: translateY(0px) rotate(0);-webkit-transform: translateY(0px) rotate(0);transform: translateY(0px) rotate(0); }
    50% {-moz-transform: translateY(8px) rotate(0);-ms-transform: translateY(8px) rotate(0);-webkit-transform: translateY(8px) rotate(0);transform: translateY(8px) rotate(0); }
    100% {-moz-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-webkit-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg); } }
@-moz-keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-webkit-keyframes buttonAnimationAfter {
    0% {-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@keyframes buttonAnimationAfter {
    0% {-moz-transform: translateY(0) rotate(0);-ms-transform: translateY(0) rotate(0);-webkit-transform: translateY(0) rotate(0);transform: translateY(0) rotate(0); }
    50% {-moz-transform: translateY(-8px) rotate(0);-ms-transform: translateY(-8px) rotate(0);-webkit-transform: translateY(-8px) rotate(0);transform: translateY(-8px) rotate(0); }
    100% {-moz-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-webkit-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg); }
}
@-moz-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}
@keyframes buttonAnimation {
    0% {background: transparent; }
    50% {background: rgba(255, 255, 255, 0); }
    100% {background: rgba(255, 255, 255, 0); }
}