/* basic */
body {font-size: .18rem;}
.main {padding: 0 .1rem}

/* btn */
.btn {width: 1.6rem;height: .6rem;line-height: .6rem;font-size: .2rem;}
.btn u {height: .1rem;box-shadow: 0 .05rem .1rem #1a70e4;}
.btn-yellow u {box-shadow: 0 .05rem .2rem #fe980e;}

/* swiper */
.swiper-pagination-bullet {width: .12rem  !important;height: .12rem  !important;}
.swiper-button-next,
.swiper-button-prev {width: .4rem !important;height: .4rem !important;}

/* head */
.head {padding: .1rem 0;z-index: 10;}
.logo {width: 1.6rem;}

.menu {float: right !imput;}
.menu span {display: block;width: .5rem;height: .5rem;}
.menu-con {position: absolute;top: .8rem;left: 0;display: none;}
.menu-con li,
.menu-con li a {font-size: .2rem;height: auto;line-height: .7rem;width: 100%;}
.menu-con li {background: rgba(0,0,0,.9);}
.menu-con li:hover,
.menu-con li.active {background: #0d55b9;}
.menu-con li:hover .menu-drop {display: flex;}
.menu-drop {position:inherit;left: 0;top: 0;box-shadow: 0;display: flex;}
.menu-drop a {background: #333;border: 0;}
.menu-drop a:hover {background: #555;}
.menu-drop i {border-width: 0 .1rem .1rem .1rem;top: -.1rem;border-color: transparent transparent #333 transparent;}

/* light */
.light {height: 4rem;}
.light .swiper-container-horizontal > .swiper-pagination-bullets {bottom: .3rem;}
.light-con {padding: 0 .5rem}
.light-con h4,
.light-con h5 {text-shadow: 0 .1rem .05rem rgba(0,0,0,.1);}
.light-con h4 {font-size: .3rem;}
.light-con h5 {font-size: .4rem;}
.light-con i {width: .5rem;height: .5rem;margin: .1rem 0;}

/* banner */
.decorate {display: none;}

/* achievement */
.achievement {display: block;padding: .2rem;border-top: .1rem #fe980e solid;margin: -.1rem 0 0;}
.achievement li {border-right: 0; border-bottom: 1px white solid;background-position: .2rem .2rem;background-size: .8rem;padding: .2rem 0;}
.achievement li h4 {font-size: .3rem;padding: 0;}
.achievement li h5 {font-size: .36rem;padding: 0;}
.achievement li h5 span {font-size: .18rem;}

/* title */
.title {padding: .4rem 0;}
.title h3 {font-size: .3rem;padding: 0 .2rem;border-left: .1rem #3280e6 solid;line-height: .3rem;}

/* journalism */
.journalism {width: 100%;margin: 0;padding: 0 0 .3rem;}
.journalism li {width: 100%;padding: 0 0 .2rem;}
.journalism li i {height: 2.2rem;}
.journalism-con {padding: .15rem;}
.journalism-con h3 {height: auto;overflow:inherit;font-size: .2rem;line-height: .36rem;padding: 0 0 .1rem}
.journalism-con p {height: auto;line-height: .3rem;}
.journalism-con span {padding: .1rem 0;}

/* documentation */
.documentation {margin: 0 0 1rem;}
.documentation i {height: 1.8rem;}
.documentation h3 {height: .45rem;line-height: .45rem;font-size: .22rem;padding: 0 0 .1rem;}
.documentation p {height: .9rem;line-height: .33rem;}
.documentation-con {padding: .15rem;}
.documentation-con u {width: 90%;height: .1rem;box-shadow: 0 .05rem .3rem #003e8e;}

.documentation li.big {width: 60%;margin: 0 0 .2rem;}
.documentation li.big i {height: 3rem;}
.documentation li.middle {width: 45%;padding: 0 .2rem 0 0;}
.documentation li.small {width: 35%;}

.documentation a.more {width: 20%;height: 1.8rem;font-size: .2rem;padding: .3rem 0;}
.documentation em {width: .6rem;height: .6rem;margin:0 auto .1rem;}

.documentation cite {width: 40%;height: 3rem;margin: 0 0 .2rem;}
.documentation cite .documentation-con {padding: .2rem;left: -38%;top: 1.25rem;}
.documentation cite span.dcs-1 {width: .4rem;height: .3rem;top: 10%;}
.documentation cite span.dcs-2 {width: .6rem;height: .4rem;top: .6rem;}

.documentation cite.dccm {width: 20%;height: 1.7rem;}
.documentation cite.dccm span.dcs-1 {width: .3rem;height: .2rem;top: 1rem;}
.documentation cite.dccm span.dcs-2 {width: .6rem;height: .4rem;left: 40%;top: .4rem;}

/* foot */
.foot {padding: .3rem 0;border-top: .05rem #fe980e solid;}
.gotop {width: .5rem;height: .4rem;border-left: .1rem #875d1e solid;right: .2rem;top: -.35rem;}
.foot-con {width: 100%;text-align: center;}
.foot-con h5 {color: white;font-size: .22rem;}
.foot-con p {text-align: center;}
.foot-sns {display: none;}

/* caption */
.caption {height: 2.4rem;padding: 1.1rem 0 0;}
.caption h2 {font-size: .4rem;text-shadow: 0 .1rem .1rem rgba(0,0,0,.1);}
.caption h2 span {padding: 0 .2rem;}

/* about */
.about-map {height: 3rem;background-position: 2rem center;background-size: 4rem auto;padding: .5rem;border-top: .1rem #f1f4f8 solid;margin: -.1rem 0 0;}
.about-map h4 {font-size: .4rem;padding: .2rem 0;}
.about-map span {font-size: .2rem;}
.about-txt {padding: 0 .2rem .5rem;}
.about-txt p {font-size: .2rem;padding: .05rem;line-height: .4rem;}

.about .achievement li {border-right: none;border-bottom: 1px #d1dde8 solid;}

/* promise */
.promise {display: block;padding: .2rem;margin: 0 0 .8rem;}
.promise li {font-size: .24rem;padding: .2rem 0;}
.promise li i {width: .6rem;height: .6rem;margin:.1rem auto .2rem;}
.promise span {width: 90%;height: .1rem;box-shadow: 0 .1rem .3rem #1a70e4;}

/* trade */
.trade {margin: 0 0 .3rem;}
.trade-nav li {margin: 0 .1rem;}
.trade-nav li a {line-height: .6rem;padding: 0 .3rem;font-size: .24rem;}

.trade-group {padding: .5rem 0;}
.trade-group p {font-size: .2rem;line-height: .4rem;padding: .05rem 0;width: 80%;}

/* item */
.item {padding: .2rem;border-top: .1rem #f1f4f8 solid;top: -.1rem;}
.item h4 {font-size: .3rem;padding: 0 0 .2rem}
.item-list {display: block; padding: .2rem 0;}
.item-list li {font-size: .2rem;padding: .1rem 0;}
.item-list i {width: .3rem;height: .3rem;margin: 0 .1rem}
.item p {padding: .2rem 0 0;font-size: .2rem;}

/* project */
.project-light {height: 3rem;margin: .3rem 0 0;}
.project-contact {margin: .5rem 0 1rem;}
.project-address {width: 100%;height: auto;padding: .2rem;}
.project-address h4 {font-size: .24rem;line-height: .5rem;padding: 0 0 .1rem;}
.project-address-info {padding: .05rem 0;margin: 0 0 .2rem;}
.project-address-con {padding: .1rem 0;}
.project-address-con li {padding: .1rem 0 .1rem .5rem;font-size: .2rem;}
.project-address-con li i {width: .5rem;height: 100%;}
.project-address a {margin: .1rem;}
.project-address a i {width: .2rem;height: .2rem;margin: 0 .05rem 0 0;}
.project-map {width:100%;height: 4rem;}

/* crumb */
.crumb {height: .7rem;padding: .2rem 0;}
.crumb a {line-height: .3rem;font-size: .2rem;}
.crumb i {width: .3rem;height: .3rem;background-size: 55% 55%;}

/* contact */
.contact-address {padding: 0 0 .4rem;}
.contact-address li {width: 100%;padding: .2rem;}
.contact-address h4 {line-height: .6rem;font-size: .26rem;}
.contact-address h5 {line-height: .6rem;font-size: .24rem;}
.contact-address span {line-height: .36rem;font-size: .2rem;padding: 0 0 0 .5rem;}
.contact-address i {width: .4rem;height: .4rem;}

.contact-message {padding: .2rem 0 .4rem;margin: 0 0 1rem;}
.contact-message input,
.contact-message textarea {border-left: .03rem #1a70e4 solid;font-size: .2rem;margin: 0 0 .2rem;}
.contact-message input {width: 100%;height: .6rem;padding: 0 .2rem;}
.contact-message textarea {width: 100%;height: 2rem;padding: .2rem;}

/* news */
.news {padding: .1rem 0 .6rem;}
/*.news-tab {display: flex;padding: .4rem 0;}
.news-tab a {width: 100%; height: .7rem;line-height: .7rem;font-size: .22rem;display: block;}
.news-tab a.active u {box-shadow: 0 .05rem .2rem #fe980e;}*/
.news-tab {padding: .4rem 0;}
.news-tab a {width: 50%; height: .7rem;line-height: .7rem;font-size: .22rem;display: block;float: left;}
.news-tab a.active u {box-shadow: 0 .05rem .2rem #fe980e;}
/* page */
.page {padding: .4rem 0;}
.page span {line-height: .6rem;padding: 0 .1rem;display: inline-block;}
.page a {display:none;width: .6rem;margin: .05rem;}
.page a.ico-arrow-black {display: inline-block;}

/* article */
.article {padding: .5rem 0 1rem;}

/* side */
.side {width: 100%;display: flex;}
.side i {display: none;}
.side a {width: 100%;height: .7rem;line-height: .7rem;font-size: .2rem;padding: 0;text-align: center;}
.side a:hover,
.side a.active {background: #1a70e4;border: 0;}

/* contant */
.contant {width: 100%;padding: .3rem .2rem;}
.contant-title h2 {font-size: .24rem;padding: 0 0 .2rem;}
.contant-title span {padding: .15rem 0;}
.contant-con img {padding: .2rem 0;}
.contant-con p {font-size: .2rem;padding: .1rem 0;}
.contant-sns {padding: .2rem 0;}
.contant-sns a {width: .6rem;height: .6rem;margin: 0 .1rem;}

/* case */
.case {padding: 0 0 .6rem;}
.case-light {height: 3rem;}
.case-light i {width:60%;height: 3rem;}
.case-light-con {width: 40%;height: 3rem;padding: .1rem .5rem 0 .2rem;}
.case-light-con h4 {font-size: .22rem;padding: .1rem 0;}
.case-light-con p {font-size: .16rem;height: 1.9rem;overflow: hidden;}

.case-list {width:100%;margin: 0;}
.case-list li {width: 50%;padding: .1rem;}
.case-list li a {height: 2.4rem;}
.case-list li span {height: .5rem;line-height: .5rem;padding: 0 .2rem;font-size: .2rem;}

/* video */
.video {padding: .4rem 0 .6rem;}
.video-list {width: 100%;margin: 0;}
.video-list li {padding: .1rem;width: 100%;}
.video-list li h4 {font-size: .22rem;}
.video-js,
.video-list li video {height: 4.94rem !important;}
.video-js .vjs-big-play-button {margin:-.1rem auto 0;}

/* recruit */
.recruit-info {padding: .5rem 0;}
.recruit-info-con {width: 80%;}
.recruit-info p {font-size: .2rem;padding: .1rem 0;}
.recruit-info i {width: 80%;}

.recruit-con {margin: 0 0 .6rem;}
.recruit-con li {font-size: .2rem;height: .6rem; line-height: .6rem;}

.recruit-txt {padding: .3rem 0 .3rem 1.2rem;}
.recruit-txt span {width: 1rem;height: calc(100% - .6rem); top: .3rem;font-size: .2rem;}

.recruit-ambient {padding: .5rem 0;margin: 0 0 1rem;}
.recruit-ambient li {width: 50% !important;height: 2rem !important;padding: .1rem;}
.recruit-ambient li.tit {display: none;}

/* sunlight */
.sunlight {margin: .3rem 0 1rem;}
.sunlight-con {}
.sunlight-group {width: 100%;padding: .1rem;}
.sunlight-group .swiper-container,
.sunlight-group .swiper-slide {height: 3rem;}
.sunlight-group p {font-size: 16px;}
.sunlight-group p {font-size: .22rem;}
.sunlight-supply {padding: .2rem .1rem;}
.sunlight-supply li {font-size: .22rem;}
.sunlight-supply li em {height: .6rem;margin: .1rem 0;}

/* standard */
/*
.standard {margin: .5rem 0 1rem;}
.standard li {float: left;padding: .1rem;width: 100% !important;height: 4rem !important;}
.standard li a span {padding: .15rem;font-size: .22rem;}
.standard li a span h4 {font-size: .26rem;}
*/
.standard {margin: .5rem 0 1rem;}
.standard li {width: 100%;padding: .2rem;}
.standard li a {height: 2.6rem;padding: 0 0 0 2.6rem;font-size: .26rem;}
.standard li a i {width: 2.4rem;height: 2.4rem;top: .1rem;left: .1rem;}

/* langage */
.langage {width: .5rem;height: .5rem;}
.langage a {width: .5rem;height: .5rem;}
.langage-con {top: .5rem;}

/* history */
.history {padding: .3rem 0;margin: 0 0 .5rem;}
.history u {width: .03rem;left: .07rem;right: auto;}
.history li {width: 100%;padding: 0 0 0 .5rem !important;margin: .2rem 0 !important;}
.history li span {width: .2rem;height: .2rem;border: .03rem #D3DAE4 solid;right: auto;left: 0 !important;margin: -.1rem 0 0;}
.history-cont {padding: .2rem;box-shadow: 0 .05rem .1rem rgba(90,114,146,.1);}
.history-cont i {border-width: .1rem .1rem .1rem 0 !important;border-color: transparent white transparent transparent !important;margin: -.1rem 0 0;left: -.1rem !important;}
.history-cont h5 {font-size: .24rem;}
.history-cont p {font-size: .2rem;}

/* link */
.link {margin: 0 0 1rem;}
.link li {width: 33.33%;padding: .05rem;}
.link li a {width: 100%;height: 1rem;}
.link li a:hover {box-shadow: 0 .1rem .2rem rgba(90,114,146,.2);}

/* team */
.team {margin: 0 0 1rem;}
.team-cont li {width: 100%;padding: .1rem;}
.team-cont li a {padding: .2rem;}
.team-cont li em {height: 3rem;margin: 0 auto .1rem;}
.team-cont li h5 {font-size: .26rem;}
.team-cont li h6 {font-size: .22rem;margin: .1rem 0;line-height: .6rem;}
.team-cont li a:hover {box-shadow: 0 0 0;}


/* journalism1 */
.journalism1 {width: 100%;margin: 0;padding: 0 0 .3rem;}
.journalism1 li {width: 100%;padding: 0 0 .2rem;}
.journalism1 li i {height: 4rem;}
.journalism1 li i img{width: 100%; height:4rem;}
.journalism-con1 {padding: .15rem;}
.journalism-con1 h3 {height: auto;overflow:inherit;font-size: .2rem;line-height: .36rem;padding: 0 0 .1rem}
.journalism-con1 p {height: auto;line-height: .3rem;}
.journalism-con1 span {padding: .1rem 0;}

/* buss */
.buss {margin: 0 0 1rem;}
.buss li {margin: .05rem;}
.buss li a {padding: .2rem 20%;}