/**reset**/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
html, body{padding: 0; margin: 0; font-weight: normal; font-family: Arial,'Times New Roman','Microsoft YaHei',SimHei,PingFangSC-Regular,san-serif; line-height: 1; }
body {width: 100vw;background: #f2f2f2;font-size:14px;color: #221e1f;overflow-x:hidden;}
.font-en{font-family: Arial, sans-serif;}
a{color: #191f27;transition:all 0.25s ease 0s;text-decoration: none;}
a:hover{color: #4eb348;text-decoration: none;}
a:focus{outline: none;}
ul,ol{padding:0;list-style: none outside none;}
em,i {font-style:normal;}
img {max-width: 100%;border:0 none;}
dt,label {font-weight: 400;}
video{z-index:1;outline: 0;}
.clearfix:before,.clearfix:after{display:table;content: " "; clear: both;}
.iconfont{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../image/IEfix.png, sizingMethod=crop); zoom:1;}
/*header*/
.header {position:relative;overflow: hidden;vertical-align: bottom;}
.header .logo-header {float:left;}
.header .logo-header .text{display: none;}
.header .logo-header .logo-cn{display:inline-block;}
.header .logo-header .iconfont.font-black{color: #191919;}
.header .logo-header .iconfont.font-gray{color: #595959;}
.header .logo-header .logo-cn .iconfont{font-size: 28px;}
.header .logo-header .logo-cn .iconfont.font-black,.header .logo-header .logo-cn .iconfont.font-gray{display: block;}
.header .logo-header .logo-cn .iconfont.font-gray{margin-top:2px;}
.header .logo-header .logo-en{display:inline-block;margin-left:4px;vertical-align: bottom;}
.header .logo-header .logo-en .iconfont{font-size: 14px;}
.header .logo-header .logo-en .iconfont.font-gray{margin-left:5px;}
.header .lang{position:absolute;bottom:0;right:0;font-size: 14px;}
.header .lang .lang-cn{position:relative;padding-right:11px;margin-right:7px;}
.header .lang .lang-cn:after{position:absolute;content:"";right:0;top:2px;height:30px;border-right: 1px solid #221e1f; -webkit-transform-origin: 0 0;  -moz-transform-origin: 0 0;  -ms-transform-origin: 0 0;  -o-transform-origin: 0 0;    transform-origin: 0 0;    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);  -o-transform: scale(0.5, 0.5);  transform: scale(0.5, 0.5);  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;box-sizing: border-box;}

.header .lang .active{color: #4eb348;}
/*index*/
.body-index{text-align: center;}
.body-index .container-index{position:absolute;left:50%;top:14%;bottom:0;z-index:100;display:block;}
.body-index .header {padding-bottom:10px;}
.body-index .header .logo-header .logo-en{margin-left:20px;}
.body-index .header .logo-header .logo-cn .iconfont{font-size: 54px;}
.body-index .header .logo-header .logo-cn .iconfont.font-black{margin-bottom: 5px;}
.body-index .header .logo-header .logo-en .iconfont{font-size: 22px;}
.body-index .header .logo-header .logo-en .iconfont.font-gray{margin-left:8px;}
.body-index .header .lang{bottom:10px;font-size:18px;}
.body-index .header .lang .lang-cn{padding-right:24px;margin-right:17px;}
.body-index .header .lang .lang-cn:after{top:0;height:35px;}
.body-index .header .active{color:#191f27;}
.body-index .header .active:hover{color: #4eb348;}
.body-index .border{position:relative;z-index: 1;width:100%;height:70%;}
.body-index  .border-half:before,.body-index  .border-half:after{position:absolute;content:"";-webkit-transform-origin: 0 0;  -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;  -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);  -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}

.body-index .border .border-left:before{border-top:1px solid #f2f2f2;width: 200%;top:0;left:0;}
.body-index .border .border-left:after{border-left:1px solid #f2f2f2;height:200%;top:0;left:0;}
.body-index .border .border-right:before{border-bottom:1px solid #f2f2f2;width: 200%;bottom:-1px;left:0;}
.body-index .border .border-right:after{border-right:1px solid #f2f2f2;height:200%;top:0;right:-1px;}
.body-index .link{position:absolute;z-index:9999;top:50%;left:50%;margin-left:-37px;margin-top:-37px;width: 75px;height:75px;background: rgba(255,255,255,0)}
.body-index .link:before{border-top:1px solid #f2f2f2;width: 100%;top:50%;left:25%;}
.body-index .link:after{border-right:1px solid #f2f2f2;height:100%;right:36px;top:25%;}
.body-index .link:hover:before,.body-index .link:hover:after{border-color: #4eb348;}
.index-bg {position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;}
.index-bg .swiper-container {width: 100%;height: 100%;}
.index-bg .swiper-slide {background-repeat:no-repeat;background-position: center center;background-size: cover;}
@media (min-width: 768px) {
    .body-index .container-index{margin-left:-375px;width: 750px;}
}
@media (min-width: 992px) {
    .body-index .container-index{margin-left:-480px;width: 960px;}
}
@media (min-width: 1200px) {
    .body-index .container-index{margin-left:-535px;width: 1070px;}
}


.container{margin:0 auto;overflow: hidden;}
@media (min-width: 768px) {
    .container{width: 768px;padding:20px 20px;}
}
@media (min-width: 992px) {
    .container{width: 992px;}
    .side{float:left;width: 210px;}
    .main{float:right;width: 650px;position: relative;}
}
@media (min-width: 1200px) {
    .container{width: 1100px;padding:70px 15px 20px;}
}

.side .nav-items {margin-top:40px;}
.side .nav-items .item a{display:block;line-height: 1;margin-bottom: 8px;transition:all 0.25s ease 0s;}
.side .nav-items .item .iconfont{font-size: 45px;color: #191919;}
.side .nav-items .item-people .iconfont,.side .nav-items .item-project .iconfont{font-size: 58px;}
.side .nav-items .item-project a {margin-top: 14px;margin-bottom: 3px;}
.side .nav-items .item-people a {margin-top: 13px;margin-bottom: 5px;}
.side .nav-items .item:last-child a {margin-top: 13px;}
.side .nav-items .item a:hover .iconfont,.side .nav-items .item.active .iconfont{color: #4eb348;}
.side .nav-items .item .text{display: none;}

@media (min-width: 992px) {
    .side .nav-items {margin-top:140px;}
}


.main .content {margin-top:80px;}
.main .content .project-content .title {font-size: 16px;line-height:1.625;font-family:Arial,'Times New Roman',SimSun;}
.main .content-detail p{font-size:14px;margin:0 0;line-height:1.4;font-family:Arial,'Times New Roman',SimSun;}
/*.edui-upload-video{max-width: 100%;}*/
/*.video-wrap{ width:100%; position:relative; padding-bottom:56.65%; height: 0;background: transparent;outline: none;}*/
/*.video-wrap video{ position: absolute; top:0; left: 0; width: 100%; height: 100%;outline: none;}*/
/*.video-wrap:after{position: absolute;content: "";z-index:100;right:0;top:0;height: 100%;width: 1px;background: #f2f2f2;}*/
.video-wrap{position:relative; }
.video-wrap:after{position: absolute;content:"";z-index:100;right:0;top:0;height: 100%;width: 0.2%;background: #f2f2f2;}
.video-js{position: relative; z-index:1;width: 100%; height: 100%;outline: none;}

.main .content .item .title{margin:10px 0 0 0;line-height:1.4;font-weight: 400;font-size: 14px;}
.main .content .item a:hover .cover {opacity:0.6; filter:alpha(opacity=60);transition:all 0.25s ease 0s;}
.main .content .title-cate {font-size: 16px;font-weight:400;}
.main .content .project-items .item ,.main .content .media-items .item{float:left;width: 200px;margin:0 25px 5px 0;overflow:hidden;}
.main .content .media-items .item{margin-bottom: 40px;}
.main .content .project-items .item:nth-child(3n+0),.main .content .media-items .item:nth-child(3n+0){margin-right:0;}
.main .content .project-items .item .title{height:4em;padding-bottom:10px;margin-top:5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-box-pack:top;-webkit-box-align:top;}
.main .content .project-items .item .title p{margin:0;}
.news-items .item {margin-bottom: 40px;}
.main .content .news-items .item .title{margin:0 0 10px;line-height: 1.6;}
.main .content .news-items .item .title p{margin-bottom: 10px;}
.news-items .item .date {float:left;font-family: Arial, sans-serif;}
.news-items .item p {margin:0;}
@media (min-width:768px) {
    .content-news {padding-left:140px;}
    .news-items .item .date{margin-left:-120px;line-height: 1.6;}
}
@media (min-width:992px) {
}
@media (min-width:1200px) {
    .content-news {padding-left:140px;margin-left:-140px;width: 790px;}
}

.media-items .item{height:280px;clear: right;}
.media-items .item p{margin:5px 0;line-height: 1.4;}
.media-items .item .videoPlay{cursor: pointer;}
.media-items .item .videoPlay:hover{opacity:0.6; filter:alpha(opacity=60);transition:all 0.25s ease 0s;}
.media-items .item .media-img{position: relative;height:200px;}
.media-items .item .fa-video{position: absolute;width: 48px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px;background: url(../image/play-circle.png) no-repeat;}

.contact-content .title{margin:0;}
.top {display:block;text-align:right;}
.top .text{display:inline-block;margin:15px 5px 0 0;font-weight: 600;line-height: 14px;vertical-align: top;}
.top .text.en{font-style: italic;}
.top .triangle {width:0; height:0;border-left:9px solid transparent; border-right:9px solid transparent; border-bottom:12px solid #000;}
.top:hover .triangle{border-bottom-color: #4eb348;}

.send {position: relative;margin-top:60px;}
.send .form-group {float:left;width: 540px;}
.send .label {display: block;}
.send .input {display:block;width:100%;border:0 none;outline: none;height:30px;border-bottom: 1px solid #000;background: transparent;}
.send .btn-send {float:right;width:65px;height:48px;background-color: #d2d2d2;color: #191919;text-align: center;line-height:48px;font-size: 14px;cursor: pointer;}
.send .btn-send:hover{color:#4eb348;}
.pop {position: absolute;top:0;left:0;display: none;width: 650px;height: 48px;background-color: #d2d2d2; text-align: center;color:#191919; }
.pop #popContent {padding:0;margin:0;line-height:48px;}
.pop .close {position: absolute;right:5px;top:5px;font-size: 14px; color:#191919;cursor: pointer; }

.loading-tips{width:100%;padding:15px;text-align: center;color:#191919;background-color: #f4f4f4; clear:both;}

.foot{width:100%;padding:30px 15px 0 0;color:#191919;clear:both;}
.foot .icon-beian{margin-right:3px;vertical-align: bottom;}
.foot a{line-height: 1.2;}
/*modal*/
.modal { position: fixed; top: 30px; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch;  outline: 0;}
.modal-content { position: relative; width: 50%; margin: 30px auto; outline: 0;}
.modal-video .btn-close {position: absolute;display:block;top:-30px;right:-30px;color: #191919;font-size:36px;cursor: pointer;}
.modal-video .btn-close:hover {color: #4eb348;}