/* basic */
body {background: #f1f4f8;font-family:Microsoft YaHei, '\9ed1\4f53';color: #333;font-size: 14px;}
.block {width: 100%;overflow: hidden;position: relative;}
.main {width:100%;max-width: 1200px;margin: 0 auto !important;}

/* ico */
.ico-article {background-image: url(../images/ico/article.svg);}
.ico-down {background-image: url(../images/ico/down.svg);}
.ico-instagram {background-image: url(../images/ico/instagram.svg);}
.ico-more {background-image: url(../images/ico/more.svg);}
.ico-weichat {background-image: url(../images/ico/weichat.svg);}
.ico-menu {background-image: url(../images/ico/menu.svg);}

.ico-sns-weibo {background-image: url(../images/ico/sns-weibo.svg);}
.ico-sns-weichat {background-image: url(../images/ico/sns-weichat.svg);}

.ico-arrow-black {background-image: url(../images/ico/arrow-black.svg);}
.ico-arrow-white {background-image: url(../images/ico/arrow-white.svg);}

.ico-crumb-home {background-image: url(../images/ico/crumb-home.svg);}
.ico-crumb-more {background-image: url(../images/ico/crumb-more.svg);}

.ico-contact-1 {background-image: url(../images/ico/contact/1.svg);}
.ico-contact-2 {background-image: url(../images/ico/contact/2.svg);}
.ico-contact-3 {background-image: url(../images/ico/contact/3.svg);}
.ico-contact-4 {background-image: url(../images/ico/contact/4.svg);}
.ico-contact-5 {background-image: url(../images/ico/contact/5.svg);}
.ico-contact-6 {background-image: url(../images/ico/contact/6.svg);}
.ico-contact-7 {background-image: url(../images/ico/contact/7.svg);}
.ico-contact-8 {background-image: url(../images/ico/contact/8.svg);}
.ico-contact-9 {background-image: url(../images/ico/contact/9.svg);}
.ico-contact-10 {background-image: url(../images/ico/contact/10.svg);}

.ico-multiple-1 {background-image: url(../images/ico/multiple/1.svg);}
.ico-multiple-2 {background-image: url(../images/ico/multiple/2.svg);}
.ico-multiple-3 {background-image: url(../images/ico/multiple/3.svg);}
.ico-multiple-4 {background-image: url(../images/ico/multiple/4.svg);}
.ico-multiple-5 {background-image: url(../images/ico/multiple/5.svg);}
.ico-multiple-6 {background-image: url(../images/ico/multiple/6.svg);}
.ico-multiple-7 {background-image: url(../images/ico/multiple/7.svg);}
.ico-multiple-8 {background-image: url(../images/ico/multiple/8.svg);}
/*
.ico-multiple-9 {background-image: url(../images/ico/multiple/9.svg);}
.ico-multiple-10 {background-image: url(../images/ico/multiple/10.svg);}
.ico-multiple-11 {background-image: url(../images/ico/multiple/11.svg);}
*/
.ico-multiple-12 {background-image: url(../images/ico/multiple/12.svg);}
.ico-multiple-13 {background-image: url(../images/ico/multiple/13.svg);}
.ico-multiple-14 {background-image: url(../images/ico/multiple/14.svg);}
.ico-multiple-15 {background-image: url(../images/ico/multiple/15.svg);}

.ico-lang-zh {background-image: url("../images/ico/flag/zh.svg");}
.ico-lang-en {background-image: url("../images/ico/flag/en.svg");}

/* btn */
.btn {width: 140px;height: 50px;line-height: 50px;text-align:center;color: white;font-size: 16px;display: block;background-color: #1a70e4;position: relative;}
.btn:hover {transform: translateY(3px);}
.btn-yellow {background-color: #fe980e;}
.btn u {width: 90%;height: 20px;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;box-shadow: 0 5px 10px #1a70e4;}
.btn-yellow u {box-shadow: 0 5px 20px #fe980e;}

/* swiper */
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {width: 100%;height: 100%;}
.swiper-pagination-bullet {background: white  !important;border-radius: 0  !important;width: 12px  !important;height: 12px  !important;}
.swiper-pagination-bullet-active {background: #fe980e  !important;}
.swiper-button-next,
.swiper-button-prev {width: 50px !important;height: 50px !important; background:  #fe980e url(../images/ico/arrow-white.svg) center no-repeat !important;background-size: 50% 50% !important;}
.swiper-button-next {right: 0 !important;}
.swiper-button-prev {transform: rotate(180deg);left: 0 !important;}

/* head */
.head {width: 100%;position: absolute;top: 0;left: 0;padding: 30px 0;z-index: 8;}
.logo {width: 160px;}

.menu {}
.menu .btn:hover {transform: translateY(0px);}
.menu span {display: none;background-size: 65% 65%;}
.menu-con {}
.menu-con li,
.menu-con li a {width: 110px;color: white;}
.menu-con li {float: left;position: relative;cursor: pointer;background: none;}
.menu-con li:hover,
.menu-con li.active {background: rgba(0,0,0,.2);}
.menu-con li:hover .menu-drop {display: block;}
.menu-drop {position: absolute;left: 0;top: 50px;box-shadow:  0 10px 10px rgba(0,0,0,.2);display: none;}
.menu-drop a {background: #fe980e;border-bottom: 1px #febb5a solid;}
.menu-drop a:hover {background: #febb5a;}
.menu-drop a:last-child {border: 0;}
.menu-drop i {width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fe980e transparent;position: absolute;top: -10px;left: 0;right: 0;margin: auto;}

/* light */
.light {height: 680px;background-color: #1b2d43;}
.light .swiper-slide {background-size: cover;}
.light .swiper-slide span {width: 100%;height: 100%;background: rgba(0,111,255,.1);display: block;}
.light .swiper-slide .main {height: 100%;}
.light .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 40px;}

.light-con {width: 100%;}
.light-con h4,
.light-con h5 {text-shadow: 0 5px 5px rgba(0,0,0,.3);}
.light-con h4 {font-size: 60px;color: #004cad;}
.light-con h5 {font-size: 76px;color: white;font-weight: 300;}
.light-con i {width: 70px;height: 70px;display: block;margin: 20px 0;}

@media(max-width:1400px) {
	.light {height: 600px;}
	.light-con {padding: 0 70px;}
}

/* banner */
.banner {overflow:inherit;background-size: cover;}
.banner-home {background-image: url(../images/bg/home.jpg);}
.banner-banner {background-image: url(../images/bg/banner.jpg);}

.decorate {width: 100%;position: absolute;left: 0;bottom: -1px;}

/* achievement */
.achievement {display: flex;padding: 20px;border-top: 10px #fe980e solid;background: #1a70e4;margin: -10px 0 0;position: relative;z-index: 9;
background: -moz-radial-gradient(center, ellipse cover, #1a70e4 0%, #0d55b9 100%);
background: -webkit-radial-gradient(center, ellipse cover, #1a70e4 0%,#0d55b9 100%);
background: radial-gradient(ellipse at center, #1a70e4 0%,#0d55b9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a70e4', endColorstr='#0d55b9',GradientType=1 );}
.achievement li {width: 100%;border-right: 1px white solid;text-align: center;background-position: 20px top;background-size: 80px;}
.achievement li:last-child {border: 0;}
.achievement li h4 {color: white;font-size: 30px;font-weight: normal;padding: 10px 0;}
.achievement li h5 {font-size: 36px;color: #fe980e;padding: 10px 0;text-transform:none;}
.achievement li h5 span {font-size: 16px;vertical-align: top;color: #fe980e;}

/* title */
.title {padding: 40px 0;}
.title h3 {font-size: 30px;padding: 0 20px;border-left: 10px #3280e6 solid;line-height: 30px;}
.banner .title h3 {color: white;}

/* journalism */
.journalism {width: calc(100% + 30px);margin: 0 0 0 -15px;padding: 0 0 110px;}
.journalism li {width: 33.33%;float: left;padding: 15px;}
.journalism li i {width: 100%;height: 200px;background-size: cover;display: block;}
.journalism-con {background: white;padding: 15px;}
.journalism-con h3 {width: 100%;height: 50px;overflow: hidden;font-size: 21px;line-height: 50px;}
.journalism-con p {width: 100%;height: 90px;line-height: 30px;overflow: hidden;color: #999;}
.journalism-con span {color: #ccc;float: right;}
.journalism li:hover {transform: translateY(5px);}
.journalism li:hover .journalism-con {background: #fe980e;}
.journalism li:hover .journalism-con h3,
.journalism li:hover .journalism-con p,
.journalism li:hover .journalism-con span {color: white;}

/* documentation */
.documentation {margin: 0 0 50px;}
.documentation li {float: left;}
.documentation i {width: 100%;height: 220px;display: block;background-size: cover;}
.documentation h3 {width: 100%;height: 45px;line-height: 40px;font-size: 22px;padding: 0 0 10px;overflow: hidden;}
.documentation p {color: #999;width: 100%;height: 90px;overflow: hidden;}
.documentation-con {background: white;padding: 20px;}
.documentation-con u {width: 90%;height: 10px;position: absolute;left: 0;right: 0;bottom: 0;box-shadow: 0 5px 30px #003e8e;margin: auto;}

.documentation li.big {width: 50%;margin: 0 0 20px;}
.documentation li.big i {height: 360px;}
.documentation li.middle {width: 44%;padding: 0 20px 0 0;}
.documentation li.small {width: 30%;}

.documentation a.more {width: 26%;height: 220px;display: block;background: #fe980e;float: left;text-align: center;color: white;font-size: 24px;padding: 70px 0;}
.documentation em {width: 90px;height: 70px;display: block;margin:0 auto 10px;}

.documentation cite {width: 50%;height: 360px;display: block;float: left;margin: 0 0 20px;font-style: normal;position: relative;}
.documentation cite .documentation-con {background: #003e8e;padding: 30px;position: absolute;left: -15.5%;top: 185px;}
.documentation cite .documentation-con h3 {color: white;}
.documentation cite .documentation-con p {color: #94c3ff;}
.documentation cite span {display: block;position: absolute;}
.documentation cite span.dcs-1 {width: 60px;height: 40px;background:#003e8e;left: 60%;top: 10%;}
.documentation cite span.dcs-2 {width: 90px;height: 60px;background:white;left: 20%;top: 80px;}

.documentation cite.dccm {width: 26%;height: 175px;margin: 0;}
.documentation cite.dccm span.dcs-1 {width: 40px;height: 30px;left: 20%;top: 100px;}
.documentation cite.dccm span.dcs-2 {width: 90px;height: 60px;left: 50%;top: 40px;}

/* foot */
.foot {width: 100%; background-image: url(../images/bg/foot.jpg);background-size: cover;padding: 30px 0;border-top: 5px #fe980e solid;position: relative;}
.gotop {width: 50px;height: 40px;border-left: 10px #875d1e solid;position: absolute;right: 20px;top: -35px;background-color: #fe980e;transform: rotate(-90deg);background-size: 50% 50%;}
.foot-con {}
.foot-con h5 {color: white;font-size: 18px;}
.foot-con p {color: #3e5068;}

.foot-sns {}
.foot-sns a {width: 60px;height: 60px;margin: 20px;display: block;float: left;position: relative;}
.foot-sns-con {width: 140px;height: 140px;background: white;position: absolute;left: -40px;top: -160px;box-shadow: 0 5px 10px rgba(0,0,0,.1);display: none;}
.foot-sns-con i {width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color:white transparent transparent transparent;position: absolute;left: 0;right: 0;bottom: -10px;margin: auto;}
.foot-sns-con img {width: 100%;height: auto;}
.foot-sns a:hover .foot-sns-con {display: block;}

/* caption */
.caption {height: 300px;background-image: url(../images/bg/head.jpg);padding: 170px 0 0;background-size: cover;}
.caption h2 {color: white;font-size: 40px;text-shadow: 0 10px 10px rgba(0,0,0,.2);}
.caption h2 span {color: white;font-weight: 300;opacity: .2;text-transform: uppercase;padding: 0 20px;}

/* about */
.about {}
.about-map {width: 100%;height: 400px;background: #fff url(../images/map.svg) 460px center no-repeat;background-size: 700px auto;padding: 100px;border-top: 10px #f1f4f8 solid;margin: -10px 0 0;}
.about-map h4 {font-size: 42px;color: #003e8e;text-transform: uppercase;padding: 20px 0;}
.about-map span {font-size: 24px;display: block;}
.about-txt {padding: 0 20px 50px;}
.about-txt p {font-size: 16px;padding: 5px;line-height: 40px;}

.about .achievement {border: 0;margin: 0 0 50px;}
.about .achievement li {border-right: 1px #5AB0FF solid;background: none;}
.about .achievement li:last-child {border: 0;}

/* promise */
.promise {display: flex;padding: 40px;background: #1a70e4;position: relative;z-index: 9;margin: 0 0 100px;
background: -moz-radial-gradient(center, ellipse cover, #1a70e4 0%, #0d55b9 100%);
background: -webkit-radial-gradient(center, ellipse cover, #1a70e4 0%,#0d55b9 100%);
background: radial-gradient(ellipse at center, #1a70e4 0%,#0d55b9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a70e4', endColorstr='#0d55b9',GradientType=1 );}
.promise li {width: 100%; text-align: center;color: #94c3ff;font-size: 20px;}
.promise li i {width: 50px;height: 50px;display: block;margin:10px auto 20px;}
.promise span {width: 95%;height: 10px;position: absolute;left: 0;right: 0;bottom: 0;box-shadow: 0 10px 30px #1a70e4;margin: auto;}

/* trade */
.trade {margin: 0 0 30px;}
.trade-nav {text-align: center;}
.trade-nav li {display: inline-block;margin: 0 10px;}
.trade-nav li a {line-height: 60px;padding: 0 30px;font-size: 20px;font-weight: bold;display: block;border-top: 3px #f1f4f8 solid;}
.trade-nav li a.active {background: white; border-top: 3px #0067EC solid;}

.trade-group {background-color: white;overflow:hidden;display: none;padding: 50px 0;background-position: center bottom;}
.trade-group:first-child {display: block;}
.trade-group p {font-size: 16px;line-height: 40px;padding: 5px 0;width: 60%;}

/* item */
.item {padding: 30px;background: white;border-top: 10px #f1f4f8 solid;top: -10px;position: relative;}
.item h4 {font-size: 30px;border-bottom: 1px #d1dde8 solid;padding: 0 0 20px}
.item-list {border-bottom: 1px #d1dde8 solid;display: flex;padding: 20px 0;}
.item-list li {width: 100%;font-size: 16px;}
.item-list i {width: 24px;height: 24px;display: block;float: left;vertical-align: middle;background-size: 80% 80%;margin: 0 10px}
.item p {padding: 20px 0 0;font-size: 16px;}

/* project */
.project-light {height: 480px;margin: 30px 0 0;}
.project-contact {margin: 50px 0 100px;}
.project-address {width: 440px;height: 470px; background: #003e8e;padding: 20px;}
.project-address h4 {font-size: 20px;line-height: 50px; border-bottom: 1px #5e84b5 solid;padding: 0 0 10px;color: white;}
.project-address-info {padding: 5px 0;border-bottom: 1px #5e84b5 solid;margin: 0 0 20px;}
.project-address-info li {color: white;display: block;}
.project-address-con {border-bottom: 1px #5e84b5 solid;padding: 10px 0;}
.project-address-con li {width: 100%;padding: 10px 0 10px 50px;color: white;font-size: 16px;position: relative;}
.project-address-con li i {width: 50px;height: 100%;position: absolute;left: 0;top: 0;background-size: 70% 70%;}
.project-address-btn {text-align: center;}
.project-address a {margin: 6px;display: inline-block;}
.project-address a i {width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin: 0 5px 0 0;}
.project-map {width:  calc( 100% - 440px);/*height: 470px;*/}
.project-map #map {width: 100%;height: 100%;}

/* crumb */
.crumb {height: 70px;padding: 20px 0;opacity: .5;}
.crumb-con {}
.crumb a {line-height: 30px;color: #767676;display: block;float: left;font-size: 16px;}
.crumb i {width: 30px;height: 30px;background-size: 45% 45%;display: block;float: left;}

/* contact */
.contact {}
.contact-address {padding: 0 0 40px;}
.contact-address li {width: 33.3%;padding: 20px;float: left;}
.contact-address h4 {color: #1a70e4;border-bottom: 1px #d1dde8 solid;line-height: 60px;font-size: 24px;}
.contact-address h5 {line-height: 60px;font-size: 20px;}
.contact-address span {display: block;line-height: 36px;font-size: 16px;padding: 0 0 0 40px;position: relative;}
.contact-address i {width: 40px;height: 40px;background-size: 50% 50%;position: absolute;left: 0;top: 0;}
.contact-address i.caad {position:inherit;display: inline-block;vertical-align: middle;}

.contact-message {background-image: url(../images/bg/contact.jpg);background-size: cover; padding: 20px 0 40px;margin: 0 0 100px;}
.contact-message input,
.contact-message textarea {border-left: 3px #1a70e4 solid;background: white;font-size: 16px;float: right;}
.contact-message input {width: 360px;height: 50px;margin: 0 0 20px;padding: 0 20px;}
.contact-message textarea {width: calc(100% - 360px - 20px);height: 190px;margin: 0 0 20px 20px;padding: 20px;resize: none;}
.contact-message a {float: right;}

/* news */
.news {padding: 10px 0 60px;}
.news-tab {text-align: center;padding: 40px 0;}
.news-tab a {height: 60px;line-height: 60px;font-size: 18px;display: inline-block;background: none;color: #333;font-weight: bold;}
.news-tab a u {box-shadow: 0 0 0;}
.news-tab a.active {background: #fe980e;color: white;}
.news-tab a.active u {box-shadow: 0 5px 20px #fe980e;}

.news .journalism {padding: 0;}

/* page */
.page {text-align: center;padding: 40px 0;}
.page span {line-height: 50px;padding: 0 10px;display: none;}
.page a {display: inline-block;width: 50px;vertical-align: middle;font-size: 20px;margin: 5px;background-size: 40% 40%;color: #333;background-color: white;}
.page a.active {background: #fe980e;color: white;}
.page a:first-child {transform: rotate(180deg);}

/* article */
.article {padding: 50px 0 100px;}

/* side */
.side {width: 260px;background: #003e8e;}
.side i {width: 120px;height: 80px;background-size: 60% 60%;display: block;}
.side a {width: 100%;height: 70px;line-height: 70px;color: white;font-size: 18px;padding: 0 0 0 40px;display: block;}
.side a:hover,
.side a.active {background: #1a70e4;border-left: 5px #fe980e solid;}

/* contant */
.contant {background: white;width: calc(100% - 260px);padding: 30px;}
.contant-title {}
.contant-title h2 {font-size: 24px;border-bottom: 1px #ddd solid;padding: 0 0 20px;}
.contant-title span {color: #999;padding: 15px 0;display: block;}
.contant-con {}
.contant-con img {max-width: 100%;padding: 20px 0;}
.contant-con p {font-size: 16px;text-align: justify;padding: 10px 0;line-height: 250%;}
.contant-sns {text-align: center;padding: 20px 0;}
.contant-sns a {width: 50px;height: 50px;display: block;display: inline-block;margin: 0 10px;}

/* case */
.case {padding: 0 0 60px;}
.case-light {height: 370px;}
.case-light i {width: calc(100% - 440px);height: 370px;display: block;float: left;background-size: cover;}
.case-light-con {width: 440px;height: 370px; background: #003e8e;padding: 20px 60px 0 30px;}
.case-light-con h4 {font-size: 28px;color: white;padding: 20px 0;}
.case-light-con p {color: #94c3ff;font-size: 16px;text-align: justify;}

.case-list {width: calc(100% + 30px);margin: 0 0 0 -15px;}
.case-list li {width: 33.33%;padding: 15px;float: left;}
.case-list li a {width: 100%;height: 280px;background-size: cover;display: block;position: relative;}
.case-list li span {width: 100%;height: 50px;line-height: 50px;padding: 0 20px;color: white;background: rgba(31,112,226,.5);position: absolute;left: 0;bottom: 0;font-size: 18px;}
.case-list li a:hover {transform: translateY(5px);}
.case-list li a:hover span {background: #fe980e;}

/* video */
.video1 {padding: 40px 0 60px;}
.video-list {width: calc(100% + 30px);margin: 0 0 0 -15px;}
.video-list li {padding: 15px;width: 50%;float: left;}
.video-list li video {width: 100%;height: auto;background: black;}
.video-list li h4 {font-size: 18px;}
.video-list li video,
.video-js {width: 100% !important;height: 479px !important;}
.video-js .vjs-big-play-button {top: 50%;left: 0;right: 0;margin:-10px auto 0;}

/* recruit */
.recruit {}
.recruit-info {padding: 100px 0;}
.recruit-info-con {width: 60%;position: relative;z-index: 1;}
.recruit-info p {display: block;color: #84a1c3;font-size: 16px;padding: 10px 0;}
.recruit-info i {width: 60%;height: 100%;position: absolute;right: 0;bottom: 0;background-image: url(../images/bg/job.png);background-size: contain;background-position: right bottom;opacity: .6;}

.recruit-con {margin: 0 0 60px;}
.recruit-con li {font-size: 16px;height: 60px; line-height: 60px;border-top: 1px #d1dde8 solid;display: flex;cursor: pointer;}
.recruit-con li span {width: 100%;display: block; text-align: center;}
.recruit-con li h3 {color: #1a70e4;}
.recruit-con li em {color: #fe980e;font-style: normal;}
.recruit-txt {border-top: 1px #d1dde8 solid;padding: 30px 0 30px 120px;position: relative;line-height: 220%;display: none;}
.recruit-txt span {width: 100px;height: calc(100% - 60px); position: absolute;top: 30px;left: 0;text-align: center;font-size: 16px;font-weight: normal;border-right: 1px #d1dde8 solid;font-weight: bold;}

.recruit-ambient {background-image: url(../images/bg/contact.jpg);padding: 50px 0;margin: 0 0 100px;background-size: cover;}
.recruit-ambient li {width: 33.33%;padding: 10px;float: left;}
.recruit-ambient li.big {height: calc(160px + 230px);}
.recruit-ambient li.middle {width:calc(33.33% * 2 - 200px);height: 160px;}
.recruit-ambient li.small {height: 230px;}
.recruit-ambient li.tit {width: 200px;height: 160px;}
.recruit-ambient li i {width: 100%;height: 100%;display: block;background-size: cover;}
.recruit-ambient li span {width: 100%;height: 100%;line-height: 140px;background: #0d55b9;text-align: center;color:white;font-size: 26px;font-weight: bold;display: block;}

/* sunlight */
.sunlight {margin: 30px 0 100px;}
.sunlight-con {}
.sunlight-group {width: 50%;padding: 10px;overflow: hidden;}
.sunlight-group .swiper-container {width: 100%;height: 300px;}
.sunlight-group .swiper-slide {width: 100%;height: 300px;background-size: cover;}
.sunlight-group p {font-size: 16px;}
.sunlight-supply {display: flex;width: 100%;padding: 20px 10px;}
.sunlight-supply li {display: block;width: 100%;text-align: center;font-size: 16px;}
.sunlight-supply li em {width: 100%;height: 60px;background-size: contain;display: block;margin: 10px 0;}

/* standard */
/*
.standard {margin: 50px 0 100px;}
.standard li {float: left;padding: 10px;}
.standard li.sl-1 {width: 50%;height: 400px;}
.standard li.sl-2 {width: 25%;height: 400px;}
.standard li.sl-3 {width: 50%;height: 200px;}
.standard li a {width: 100%;height: 100%;display: block;position: relative;background-size: cover;}
.standard li a span {width: 100%;padding: 15px;background: rgba(31,112,226,.5);color: white;overflow: hidden;position: absolute;left: 0;bottom: 0;font-size: 16px;}
.standard li a span h4 {font-size: 20px;}
.standard li a:hover span {background: #1a70e4;}
*/
.standard {margin: 50px 0 100px;}
.standard li {width: 50%;float: left;padding: 20px;}
.standard li a {width: 100%;height: 260px;position: relative;padding: 0 0 0 260px;border: 1px #D3DAE4 solid;font-size: 20px;
	display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-box-pack: center;-ms-flex-pack: center;
/*	-webkit-justify-content: center;justify-content: center;*/
	-webkit-box-align: center;-ms-flex-align: center;
	-webkit-align-items: center;align-items: center;}
.standard li a i {width: 240px;height: 240px;background-size: cover;position: absolute;top: 10px;left: 10px;border-radius: 100%;}
.standard li a:hover {border-color: #3280e6;box-shadow: 0 10px 20px rgba(90,114,146,.2);}

/* langage */
.langage {width: 50px;height: 50px;position: relative;z-index: 99;}
.langage a {width: 50px;height: 50px;display: block;background-size: 70% 70%;}
.langage a:hover {background-color: rgba(0,0,0,.2);}
.langage-con {width: 100%;overflow: hidden;position: absolute;top: 50px;left: 0;display: none;}

/* history */
.history {width: 100%;padding: 30px 0;margin: 0 0 50px;}
.history u {width: 3px;height: 100%;position: absolute;left: 0;right: 0;top: 0;margin: auto;background: #D3DAE4;}
.history li {width: 50%;padding: 0 50px 0 0;position: relative;margin: -20px 0;}
.history li span {width: 20px;height: 20px;border-radius: 100%;border: 3px #D3DAE4 solid;background:#f0f3f7;position: absolute;top: 50%;right: -10px;margin: -10px 0 0;}
.history-cont {width: 100%;padding: 20px;position: relative;background: white;box-shadow: 0 5px 10px rgba(90,114,146,.1);transition: all .5s;cursor: pointer;}
.history-cont i {width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent white;position: absolute;top: 50%;right: -10px;margin: -10px 0 0;}
.history-cont h5 {font-size: 20px;color: #3280e6;}
.history-cont p {font-size: 16px;}

.history li:nth-child(2n) {margin: 0 0 0 50%;padding: 0 0 0 50px;}
.history li:nth-child(2n) span,
.history li:nth-child(2n) .history-cont i {right: auto;left: -10px;}
.history li:nth-child(2n) .history-cont i {border-width: 10px 10px 10px 0;border-color: transparent white transparent transparent;}

.history-cont:hover {background: #3280e6;}
.history-cont:hover h5,
.history-cont:hover p {color: white;}
.history-cont:hover i {border-color: transparent transparent transparent #3280e6;}
.history li:nth-child(2n) .history-cont:hover  i {border-color: transparent #3280e6 transparent transparent}

/* link */
.link {margin: 0 0 100px;}
.link li {width: 20%;padding: 10px;float: left;}
.link li a {width: 100%;height: 100px;border: 1px #D3DAE4 solid;background: white;cursor: default;}
.link li a img {max-height: 60%;max-width: 60%;display: block;}
.link li a:hover {border-color: #3280e6;box-shadow: 0 10px 20px rgba(90,114,146,.2);}


/* journalism1 */
.journalism1 {width: calc(100% + 30px);margin: 0 0 0 -15px;padding: 0 0 110px;}
.journalism1 li {width: 25%;float: left;padding: 15px;}
.journalism1 li i {width: 100%;height: 200px;background-size: cover;display: block;}
.journalism1 li i img{width: 100%;height: 200px;}
.journalism-con1 {background: white;padding: 15px;}
.journalism-con1 h3 {width: 100%;height: 50px;overflow: hidden;font-size: 16px;line-height: 50px;}
.journalism-con1 p {width: 100%;height: 30px;line-height: 30px;overflow: hidden;color: #999;}
.journalism-con1 span {color: #ccc;float: right;}
.journalism1 li:hover {transform: translateY(5px);}
.journalism1 li:hover .journalism-con {background: #fe980e;}
.journalism1 li:hover .journalism-con h3,
.journalism1 li:hover .journalism-con p,
.journalism1 li:hover .journalism-con span {color: white;}

/* buss */
.buss {display: flex;margin: 0 0 100px;}
.buss li {width: 100%;margin: 10px;}
.buss li a {display: block;padding: 25px 25%;background: white;}
.buss li a img {width: 100%;height: auto;}
.buss li a:hover {box-shadow: 0 10px 10px rgba(0,0,0,.05);}

/* team */
.team {margin: 0 0 100px;}
.team-cont {overflow: hidden;}
.team-cont li {width: 25%;float: left;padding: 10px;}
.team-cont li a {background: white;display: block;padding: 20px;}
.team-cont li em {width: 100%;height: 320px;background-size: cover;display: block;margin: 0 auto 25px;}
.team-cont li h5 {text-align: center;font-size: 16px;}
.team-cont li h6 {text-align: center;font-size: 14px;margin: 10px 0;background: #f1f4f8;line-height: 40px;}
.team-cont li p {text-align: center;}
.team-cont li a:hover {box-shadow: 0 10px 10px rgba(0,0,0,.05);}
.team-cont li a:hover em {opacity: .7;}