html,
body {
position: relative;
height: 100%;
}
#warper {
background: #FFF;
}
a {
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
a:hover {
text-decoration: none;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
em {
font-style: normal;
}
ol,ul{list-style:none}
li{display:list-item}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
}
body {
background: #eee;
font-family: 微软雅黑,Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
margin: 0;
padding: 0;
/*overflow-x: hidden;*/
position: relative;
height: 100%;
}
#warper{
max-width: 1920px;
margin: 0 auto;
position: relative;
/*overflow-x: hidden;*/
height: 100%;
}
.mySwiper-header {
width: 100%;
height: 100%;
}
.mySwiper-header .header-bg {
/*background-image: url('../images/banner.jpg');*/
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mySwiper-header .swiper-pagination-header .swiper-pagination-bullet {
width: 30px !important;
height: 6px;
border-radius: 3px;
}
.mySwiper-header .swiper-pagination-header .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #D40000;
}
.bg-white {
background: #FFF;
}
.container-fluid,.container {
padding: 0 !important;
}
.em-container-header {
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
width: 100%;
background: rgba(255,255,255,0.5);
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-container-header:hover,.em-container-header.active {
background: rgba(255,255,255,0.9);
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
box-shadow: 0px 2px 10px #DDD;
}
.em-container-header::before,.em-container-header::after,.em-container-header .em-menu-list::before,.em-container-header .em-menu-list::after {
content: none;
}
.em-container-header .em-menu-list {
display: flex;
align-items: center;
justify-content: space-between;
}
.em-container-header .em-menu-list .em-logo {
width: 224px;
height: 58px;
}
.em-container-header .em-menu-list .em-logo a img {
width: 224px;
height: 58px;
}
.em-container-header .em-menu-list .navs {
display: flex;
align-items: center;
justify-content: flex-start;
height: 80px;
}
.em-container-header .em-menu-list .navs .navs-li {
position: relative;
}
.em-container-header .em-menu-list .navs .navs-li a{
color: #333;
padding: 0 25px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
position: relative;
font-size: 16px;
}
.em-container-header:hover .em-menu-list .navs .navs-li a,.em-container-header.active .em-menu-list .navs .navs-li a {
color: #666;
}
.em-container-header .em-menu-list .navs .navs-li:hover a,.em-container-header .em-menu-list .navs .navs-li.actives a{
color: #D40000;
webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-container-header:hover .em-menu-list .navs .navs-li .line, .em-container-header.active .em-menu-list .navs .navs-li .line {
width: 0;
height: 2px;
background: none;
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-container-header .em-menu-list .navs .navs-li:hover .line {
background: #D40000;
width: 100%;
left: 0;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-container-header .em-menu-list .navs .em{
background: rgba(255,255,255,0.2);
width: 1px;
height: 12px;
}
.em-container-header .em-menu-list .navs .shares-text {
font-size: 16px;
color: #FFF;
font-weight: normal;
margin-top: 2px;
cursor: pointer;
}
.em-container-header:hover .em-menu-list .navs .shares-text, .em-container-header.active .em-menu-list .navs .shares-text{
color: #666;
}
.em-home-about {
background-image: url('../images/about_bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
}
.em-home-about .em-about {
padding: 120px 0 !important;
width: 1200px !important;
}
.em-home-about .em-about .em-about-title {
display: flex;
align-items: center;
justify-content: center;
font-size: 38px;
margin-bottom: 50px;
color: #333;
letter-spacing: 0px;
}
.em-home-about .em-about .em-about-title em {
color: #D40000;
}
.em-home-about .em-about .em-about-text{
font-size: 18px;
color: #333;
letter-spacing: 0px;
line-height: 40px;
text-indent: 1em;
/*background: rgba(255,255,255,0.7);*/
/*padding: 40px 20px;*/
/*border-radius: 5px;*/
/*box-shadow: 3px 3px 5px #eee;*/
}
.em-home-case {
background-image: url('../images/case_bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.em-home-case .em-case {
padding: 100px 0 !important;
}
.em-home-case .em-case .em-case-title {
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
color: #333;
letter-spacing: 4px;
}
.em-home-case .em-case .em-case-cate {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.em-home-case .em-case .em-case-cate .em-case-cate-list {
display: flex;
align-items: center;
justify-content: center;
margin: 50px 0 30px;
}
.em-home-case .em-case .em-case-cate .em-case-cate-list a {
font-size: 16px;
color: #666;
}
.em-home-case .em-case .em-case-cate .em-case-cate-list a:hover {
color: #D40000;
}
.em-home-case .em-case .em-case-cate .em-case-cate-list em {
width: 1px;
height: 12px;
background: #888;
margin: 0 12px;
}
.mores {
font-size: 16px;
padding: 10px 20px;
background: #D40000;
color: #FFF;
margin-bottom: 30px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.mores:hover {
background: #860808;
color:#FFF ;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-case .em-case .em-case-list .row .col-md-6 {
padding: 10px;
}
.em-home-case .em-case .em-case-list .lis {
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.em-home-case .em-case .em-case-list .lis img {
width: 100%;
transition: all 1s;
height: 480px;
}
.em-home-case .em-case .em-case-list .lis img.smalls {
width: 100%;
transition: all 1s;
height: 300px;
}
.em-home-case .em-case .em-case-list .lis:hover img {
transform: scale(1.1);
}
.em-home-case .em-case .em-case-list .lis .name {
position: absolute;
left: 0;
bottom: 15px;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 18px;
color: #FFF;
}
.em-home-case .em-case .em-case-list .lis .name span {
padding-left: 20px;
display: flex;
}
.em-home-case .em-case .em-case-list .lis .name em {
width: 0px;
height: 1px;
background: #FFF;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-case .em-case .em-case-list .lis:hover .name em {
width: 50px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-news {
background-image: url('../images/news_bg.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.em-home-news .em-news {
padding: 100px 0 !important;
}
.em-home-news .em-news .em-news-title {
display: flex;
align-items: center;
justify-content: center;
font-size: 36px;
color: #333;
letter-spacing: 4px;
}
.em-home-news .em-news .em-news-cate {
display: flex;
align-items: center;
justify-content: center;
margin: 40px 0 60px;
}
.em-home-news .em-news .em-news-list {
position: relative;
}
.em-home-news .em-news .em-news-list .mySwiper-news {
width: 100%;
overflow: hidden;
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-wrapper .swiper-slide {
padding: 10px;
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-wrapper .swiper-slide a {
width: 100%;
position: relative;
overflow: hidden;
display: inline-block;
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-wrapper .swiper-slide a img {
width: 100%;
transition:all 0.5s;
height: 310px;
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-wrapper .swiper-slide a:hover img {
transform: scale(1.1);
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-wrapper .swiper-slide a .info {
position: absolute;
left: 0;
bottom: 0;
padding: 20px 15px;
background: rgba(0,0,0,0.5);
width: 100%;
color: #FFF;
font-size: 16px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-wrapper .swiper-slide a:hover .info {
background: #D40000;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-pagination-news {
bottom: -80px !important;
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-pagination-news .swiper-pagination-bullet{
width: 30px !important;
height: 6px !important;
border-radius: 3px !important;
}
.em-home-news .em-news .em-news-list .mySwiper-news .swiper-pagination-news .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #D40000 !important;
}
.em-home-footer {
overflow: hidden;
background-color: #404040;
position: relative;
z-index: 2
}
.em-home-footer .em-footer .footer-info {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 20px 0 10px !important;
}
.em-home-footer .em-footer .footer-info::before,.em-home-footer .em-footer .footer-info::after,.em-home-footer .em-footer .footer-copyright .ua__container::before,.em-home-footer .em-footer .footer-copyright .ua__container::after {
content: none;
}
.em-home-footer .em-footer .footer-info .footer-left {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.em-home-footer .em-footer .footer-info .footer-left .qrcode {
width: 117px;
height: 119px;
margin-bottom: 10px;
}
.em-home-footer .em-footer .footer-info .footer-left .footer_logo {
width: 172px;
height: 47px;
}
.em-home-footer .em-footer .footer-info .footer_nav {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.em-home-footer .em-footer .footer-info .footer_nav .footer_nav_list {
padding-left: 40px;
}
.em-home-footer .em-footer .footer-info .footer_nav .footer_nav_list .footer_nav_list_title {
font-size: 16px;
color: #FFF;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-footer .em-footer .footer-info .footer_nav .footer_nav_list .footer_nav_list_title:hover {
color: #D40000;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-footer .em-footer .footer-info .footer_nav .footer_nav_list .footer_nav_list_li {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.em-home-footer .em-footer .footer-info .footer_nav .footer_nav_list .footer_nav_list_li .footer_nav_list_li_s {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;
margin-right: 20px;
}
.em-home-footer .em-footer .footer-info .footer_nav .footer_nav_list .footer_nav_list_li .footer_nav_list_li_s .footer_nav_list_li_s_a {
color: #999;
font-size: 14px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
height: 28px;
line-height: 28px;
}
.em-home-footer .em-footer .footer-info .footer_nav .footer_nav_list .footer_nav_list_li .footer_nav_list_li_s .footer_nav_list_li_s_a:hover {
color: #D40000;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-footer .em-footer .footer-copyright {
border-top: 1px solid #555;
}
.em-home-footer .em-footer .footer-copyright .ua__container {
display: flex;
align-items: center;
justify-content: flex-start;
color: #666;
font-size: 14px;
padding: 10px 0 !important;
}
.sideline {
position: fixed;
right: 50px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 90;
border-radius: 15px;
background: rgba(0,0,0,0.2);
padding: 15px 10px;
}
.sideline_item {
display: block;
position: relative;
width: 16px;
height: 30px;
outline: 0;
background: none;
border: none;
margin: 0;
padding: 0
}
.sideline_item i {
display: block;
width: 12px;
height: 12px;
line-height: 12px;
/*background: #fff;*/
border: 1px solid #FFF;
border-radius: 100%;
position: absolute;
right: 0;
top: 50%;
/*border-radius: 2px;*/
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.sideline .active i {
border:1px solid #D40000;
background: #D40000;
}
.sideline .active i:after {
content: "";
width: 23px;
height: 23px;
left: -7px;
top: -6px;
position: absolute;
border-radius: 50%;
background: rgba(222,16,20,0.24);
}
@-webkit-keyframes rightan
{
from{bottom: 8%;opacity: 0;}
to{bottom: 4%;opacity: 1;}
}
.downarr{
-webkit-animation: rightan 1s infinite;
-webkit-animation-fill-mode: both;
color:#fff;
width:45px;
height:45px;
line-height:45px;
position:absolute;
bottom:50px;
left:50%;
margin-left:-17px;
z-index:999;
text-align:center;
}
.mySwiper-header .banner-info {
/*width: 1400px;*/
/*height: 280px;*/
/*margin: 0 auto 0;*/
position: absolute;
left:9%;
bottom: 50%;
}
.mySwiper-header .banner-info .name {
font-size: 48px;
color: #FFF;
text-align: left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 4px;
margin-bottom: 50px;
}
.mySwiper-header .banner-info .tag {
font-size: 24px;
color: #FFF;
text-align: left;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 1px;
}
.mySwiper-header .banner-info .mb20 {
margin-bottom: 15px;
}
.mySwiper-header .banner-info .shares {
font-size: 20px;
background: #D40000;
font-weight: normal;
color: #FFF;
display: inline-block;
text-align: left;
float: left;
font-family: 'PingFangSC-Regular', 'noah-regular', "Arial", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
padding: 10px 15px;
margin-top: 30px;
}
.mySwiper-header .banner-info .shares em {
font-style: normal;
letter-spacing: 2px;
}
.bnrWave{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 3;
}
.bnrWave .wave1,
.bnrWave .wave2{
display: block;
position: absolute;
bottom: 0px;
height: 100px;
left: 0;
width: 100%;
background: url(../images/bannerBg.png) repeat-x -600px -25px;
z-index: 99;
}
.bnrWave .wave1{
background-position: 0 -300px;
z-index: 2;
}
.mobile-header{display:block;position:fixed;left:0;top:0;width:100%;height:4.8rem;background-color:#fff;z-index:999;padding:1rem 1rem 0;*zoom:1}
.mobile-header:after{content:"\200B";display:block;height:0;clear:both}
.mobile-header.black{border-bottom:.5px solid #b2b2b2}
.mobile-header .logo{width:10rem;height:3rem;background:url("../images/moblogo.png") no-repeat center center;background-size:contain;float:left}
.mobile-header .menu{position:absolute;right:0;top:0;width:3rem;height:3rem}
.mobile-header .menu:before{content:"";display:block;width:2rem;height:1.6rem;background:url("../images/menu-open-icon.png") no-repeat center center;background-size:cover;margin-top:1.6rem;margin-left:8px}
.mobile-side-menu{display:block;position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;overflow:hidden;visibility:hidden;opacity:0;display:none;transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease}
.mobile-side-menu.show{visibility:visible;opacity:1}
.mobile-side-menu.show .inner{-webkit-transform:translateX(0);transform:translateX(0)}
.mobile-side-menu .left{width:20%;position:absolute;left:0;top:0;height:100%;background-color:rgba(0,0,0,.5)}
.mobile-side-menu .inner{transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-webkit-transform:translateX(50px);transform:translateX(50px);width:80%;height:100%;overflow:auto;position:absolute;right:0;top:0;background-color:#fff;padding:0 25px 25px}
.mobile-side-menu .inner .close{width:19px;height:19px;float:right;background:url("../images/menu-close-icon.png") no-repeat center center;background-size:cover;margin:20px 0 15px 10px}
.mobile-side-menu .inner .shadow{position:absolute;left:0;top:0;width:0;height:100%;-webkit-box-shadow:0 0 100px 10px #000;box-shadow:0 0 100px 10px #000;display:none}
.mobile-side-menu .inner .nav{font-size:15px;color:#6c707a}
.mobile-side-menu .inner .nav>li{border-bottom:1px solid #999}
.mobile-side-menu .inner .nav li.active{border-bottom-color:#d70c1f}
.mobile-side-menu .inner .nav li.active>a{background-color:#d70c1f;color:#fff}
.mobile-side-menu .inner .nav li.sub{position:relative}
.mobile-side-menu .inner .nav li.sub>i{position:absolute;right:0;top:0;height:50px;width:50px}
.mobile-side-menu .inner .nav li.sub>i:before{content:"";display:block;width:11px;height:6px;background:url("../images/menu-arrow-down.png") no-repeat center center;background-size:cover;position:absolute;right:15px;top:22px}
.mobile-side-menu .inner .nav li.active.sub{border-bottom-color:#fff}
.mobile-side-menu .inner .nav li.expand{border-bottom-color:#fff}
.mobile-side-menu .inner .nav li.expand.sub>i:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.mobile-side-menu .inner .nav li.expand>ul{display:block}
.mobile-side-menu .inner .nav li a{padding:15px 20px;display:block}
.mobile-side-menu .inner .nav li>ul{display:none;background-color:#f2f2f2}
.mobile-side-menu .inner .nav li>ul li{border-bottom:0}
.mobile-side-menu .inner .nav li>ul li a{padding-left:40px}
.mobile-side-menu .inner .nav li>ul li.active{border-bottom-color:#d70c1f}
.mobile-side-menu .inner .nav li>ul li.active>a{background-color:#d70c1f;color:#fff}
.mySwiper-mobile-banner {
width: 100%;
height: 500px;
overflow: hidden;
position: relative;
}
.mySwiper-mobile-banner .swiper-slide-mobile-banner {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mySwiper-mobile-banner .swiper-pagination-mobile-banner .swiper-pagination-bullet {
width: 1rem;
border-radius: 0.1rem;
height: 0.3rem;
}
.mySwiper-mobile-banner .swiper-pagination-mobile-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #D40000;
}
.categorylist {
display: inline-block;
width:100%;
padding: 1rem;
}
.categorylist .title {
display: flex;
align-items: center;
justify-content: space-between;
width:100%;
padding:0.5rem 1rem;
background: #d70c1f;
border-radius: 0.1rem;
}
.categorylist .title em {
color: #FFF;
font-size:1rem;
}
.categorylist .title img {
width:1rem;
height:0.4rem;
}
.categorylist .nav-sides {
display: none;
overflow: hidden;
width: 100%;
}
.categorylist .nav-sides .nav-side {
display: block;
height: 2.4rem;
line-height:2.4rem;
cursor: pointer;
background: #eee;
color: #707070;
font-size: 0.9rem;
text-align: center;
border-bottom: 0.1rem solid #F6F6F6;
}
.categorylist .nav-sides .nav-side a {
display: block;
color: #707070;
text-decoration: none;
}
.categorylist .nav-sides .nav-side:hover a,.categorylist .nav-sides .nav-side a.on {
color: #0260D2;
}
/** about **/
.em-page-about {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
}
.em-page-about .banner {
width: 100%;
}
.em-page-about .text {
position: absolute;
left: calc((100% - 1580px) / 2);
bottom: 10px;
z-index:1;
color: #FFF;
}
.em-page-about .text .tit {
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.em-page-about .text .tit .h1 {
font-size: 18px;
margin-top: 0px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.em-page-about .text .tit .h1 .icon {
background: url(../images/menu_right.png) left bottom no-repeat;
width: 56px;
height: 10px;
margin-top: 9px;
margin-right: 10px;
}
.em-page-about .text .tit .h2 {
font-size: 24px;
padding-left: 5px;
margin-top: 0px;
}
.em-page-about .text .span {
font-size: 24px;
margin-top: 10px;
}
.em-page-menu {
/*background: #FFF url('../images/red_bg.png') left repeat-y;*/
background: #FFF;
box-shadow: 0 2px 5px #cccccc;
margin-bottom: 10px;
}
.em-page-menu .menus {
display: flex;
align-items: center;
justify-content: space-between;
}
.em-page-menu::before,.em-page-menu::after,.em-page-menu .menus::before,.em-page-menu .menus::after {
content: none;
}
.em-page-menu .menus .l {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0px 0;
}
.em-page-menu .menus .l .module-name {
width: 250px;
display: flex;
align-items: flex-end;
justify-content: flex-start;
}
.em-page-menu .menus .l .module-name .icon {
background: url('../images/menu_right.png') left bottom no-repeat;
width: 56px;
height: 10px;
margin-bottom: 6px;
margin-right: 10px;
}
.em-page-menu .menus .l .module-name .name {
font-size: 28px;
color: #FFF;
}
.em-page-menu .menus .l .menus-list {
background: #FFF;
height: 60px;
display: flex;
align-items: center;
justify-content: flex-end;
padding-left: 20px;
}
.em-page-menu .menus .l .menus-list.menus-list-min {
height: 2px;
}
.em-page-menu .menus .l .menus-list a {
padding: 0 25px;
font-size: 16px;
font-family:"微软雅黑";
color: #555;
}
.em-page-menu .menus .l .menus-list a:hover,.em-page-menu .menus .l .menus-list a.active {
color: #D40000;
}
.em-page-menu .menus .l .menus-list em {
width: 1px;
height: 12px;
background: #ddd;
}
.em-page-menu .menus .r {
display: flex;
align-items: center;
justify-content: flex-start;
color: #888;
}
.em-page-menu .menus .r .glyphicon {
font-size: 12px;
}
.em-page-menu .menus .r span {
padding: 0 5px 0 0;
}
.em-page-menu .menus .r span.active {
color: #D40000;
}
.em-page-content {
background: #FFF url('../images/bg.png') right bottom no-repeat;
}
.em-page-content .contents .h6 {
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
color: #333;
margin: 60px 0 50px;
}
.em-page-content .contents .h6s {
margin: 60px 0 0px;
}
.em-page-content .contents .h8 {
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #888;
margin: 10px 0 50px;
border-bottom: 1px solid #EEE;
padding-bottom: 20px;
}
.em-page-content .contents .context {
padding:0px 0 200px;
min-height: 300px;
letter-spacing: 0px;
line-height: 30px;
}
.em-page-content .contents .context img {
max-width: 100% !important;
}
/* 作品展示 */
.module-name {
align-items: center !important;
height: 60px;
}
.works_show_tab {
flex-wrap: wrap;
/* width: 928px; */
width: 58%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: flex-start;
}
.works_show .tab_item {
position: relative;
width: 96px;
height: 41px;
line-height: 41px;
text-align: center;
font-size: 14px;
color: #3d3d3d;
margin-right: 7px;
margin-bottom: 25px;
background-color: #efefef;
border-bottom: 1px solid #cfcfcf;
cursor: pointer;
}
.works_show .tab_item:hover,
.works_show .tab_item.active {
transition: .5s;
color: #fff;
background-color: #e2000b;
}
.works_show .tab_item.active::after {
position: absolute;
bottom: -6px;
left: 50%;
margin-left: -6px;
content: '';
width: 0;
height: 0;
border-left: 6px solid transparent;
border-top: 6px solid #e1010b;
border-right: 6px solid transparent;
}
.works_show .works_show_con {
margin-top: 56px;
}
.em-home-case .em-case .em-case-list .row .col-md-4 {
padding: 10px;
}
.search_box {
align-items: center;
height: 60px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.search_box>p {
font-size: 14px;
color: #d10d0e;
font-weight: bold;
padding-left: 22px;
background-image: url('../images/mobile-search-2.png');
background-size: 16px;
background-repeat: no-repeat;
background-position: left center;
}
.search_box>input {
width: 222px;
height: 30px;
border: 1px solid #e1e1e1;
padding: 0 12px;
margin: 0 12px 0 10px;
outline: none;
}
.search_box>button {
width: 69px;
height: 29px;
font-size: 14px;
line-height: 29px;
color: #fff;
text-align: center;
background-color: #d40000;
border-radius: 5px;
border: 0 none;
transition: all .5s;
}
.search_box>button:hover {
transition: all .5s;
opacity: .7;
}
.pagenav {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding-top: 20px;
}
/* 详情 */
.works_detail.em-page-content {
background: #fff;
}
.works_detail .detail_tit {
font-size: 28px;
line-height: 80px;
color: #272727;
padding-left: 24px;
border-bottom: 1px solid #e6e6e6;
}
.works_detail .detail_txt {
font-size: 16px;
line-height: 38px;
color: #595959;
margin: 62px 0 0 0;
padding: 0 6px;
text-indent: 2em;
}
.works_detail .img_wrp {
padding: 0;
}
.works_detail .img_wrp:first-of-type {
margin-top: 50px;
}
.works_detail .works_detail_box {
padding: 40px 0 140px;
border-bottom: 1px solid #cecece;
position: relative;
}
.works_detail .works_detail_pages {
text-align: center;
padding: 40px 0;
font-size: 15px;
}
.works_detail .works_detail_pages .lif {
display: flex;
align-items: center;
justify-content: flex-start;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.works_detail .works_detail_pages .lir {
display: flex;
align-items: center;
justify-content: flex-end;
}
.works_detail .works_detail_pages .lif span ,.works_detail .works_detail_pages .lir span {
width: 100px;
}
.works_detail .works_detail_pages a {
text-decoration: none;
color: #1a1a1a;
display: flex;
align-items: center;
justify-content: flex-start;
width: calc(100% - 100px);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.works_detail_btn {
margin: 30px 0;
display: flex;
align-items: center;
justify-content: center;
}
.works_detail_btn button {
width: 92px;
height: 32px;
border-radius: 3px;
font-size: 14px;
color: #fff;
background-color: #d60107;
transition: all .15s;
border: 0 none;
}
.works_detail_btn button:hover {
transition: all .15s;
opacity: .7;
}
.works_detail_fixed {
position: absolute;
top: 60px;
left: 80px;
width: 132px;
height: auto;
text-align: center;
border-radius: 86px;
padding: 40px 20px 40px 20px;
border: 1px solid #d8d8d8;
box-shadow: 4px 4px 4px #bdbdbd;
background-color: #fff;
z-index: 3;
}
.works_detail_fixed .fixed_tit {
font-size: 16px;
font-weight: bold;
color: #d20001;
margin-bottom: 16px;
}
.works_detail_fixed .fixed_item {
font-size: 15px;
line-height: 36px;
border-bottom: 1px solid #ededed;
color: #424242;
cursor: pointer;
display: inline-block;
width: 100%;
}
.works_detail_fixed .fixed_item:hover, .works_detail_fixed .fixed_item.active {
color: #db2122;
}
.news {
}
.expert_bt {
margin-bottom: 60px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
font-size: 24px;
}
.expert_bt em {
position: absolute;
width: 110px;
left: calc((100% - 110px) / 2);
bottom: -10px;
background: #C30D23;
height: 2px;
}
.news .expert_item {
display: flex;
align-items: flex-start;
justify-content: flex-start;
background: #EEE url('../images/expert.png') 92% 92% no-repeat;
padding: 20px;
margin-bottom: 20px;
transition: all .6s;
}
.news .expert_item .expert_img {
width: 136px;
height: 180px;
margin-right: 20px;
overflow: hidden;
}
.news .expert_item .expert_img img {
width: 136px;
height: 180px;
transition: all .6s;
transform: scale(1.0);
}
.news .expert_item .expert_info {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;
width:calc(100% - 156px);
}
.news .expert_item .expert_info .expert_info_tit {
color: #C30D23;
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
transition: all .6s;
}
.news .expert_item .expert_info .expert_info_tag {
color: #666;
font-size: 14px;
margin-top: 10px;
transition: all .6s;
}
.news .expert_item:hover {
background: #C30D23 url('../images/expert.png') 92% 92% no-repeat;
transition: all .6s;
}
.news .expert_item:hover .expert_img img{
transition: all .6s;
transform: scale(1.1);
}
.news .expert_item:hover .expert_info .expert_info_tit,.news .expert_item:hover .expert_info .expert_info_tag {
color: #FFF;
transition: all .6s;
}
.contents-expert {
margin-top: 80px;
margin-bottom: 80px;
}
.contents-expert .expert-detail-left {
border-right: 1px solid #EEE;
padding: 20px 60px;
min-height: 640px;
position: relative;
}
.contents-expert .expert-detail-left .zline {
position: absolute;
width: 2px;
height: 130px;
background: #F00;
right: -1px;
top: 175px;
}
.contents-expert .expert-detail-left .touxiang {
width: 100%;
height: 264px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.contents-expert .expert-detail-left .touxiang img {
width: 200px;
height: 264px;
}
.contents-expert .expert-detail-left .tags {
border-bottom: 1px solid #DDD;
padding: 15px 15px;
color: #666;
}
.contents-expert .expert-detail-right {
width: 100%;
padding-left: 30px;
}
.contents-expert .expert-detail-right .h6 {
border-bottom: 1px solid #DDD;
padding: 0 10px 10px 0px;
font-size: 22px;
color: #000;
font-weight: normal;
display:flex;
align-items: center;
justify-content: space-between;
}
.contents-expert .expert-detail-right .h6 .returns {
font-size: 15px;
color: #999;
cursor: pointer;
}
.contents-expert .expert-detail-right .h6 .returns:hover {
color: #C30D23;
}
.contents-expert .expert-detail-right .context {
line-height: 36px;
}
.news .news_item {
cursor: pointer;
transition: all .6s;
margin-bottom: 22px;
display: flex;
}
.news .news_item:hover .news_info {
transition: all .6s;
margin-left: 2px;
background-color: #d40000;
box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
}
.news .news_item:hover .news_info_tit, .news .news_item:hover .news_info_time, .news .news_item:hover .news_info_txt {
transition: all .6s;
color: #fff !important;
}
.news .news_item:hover img {
transition: all .6s;
transform: scale(1.1);
}
.news .news_item .img_wrp {
width: 22%;
/* height: 202px; */
overflow: hidden;
}
.news .news_item .img_wrp img {
display: block;
width: 100%;
height: 207px;
transition: all .6s;
}
.news .news_item .news_info {
flex-direction: column;
width: 78%;
/* height: 202px; */
padding: 2% 2% 2% 3%;
background-color: #f2f2f2;
transition: all .6s;
}
.news .news_item .news_info .news_info_tit {
font-size: 22px;
line-height: 22px;
color: #4c4c4c;
}
.news .news_item .news_info .news_info_time {
font-size: 12px;
line-height: 12px;
color: #4b4b4b;
margin: 18px 0 10px;
}
.news .news_item .news_info .news_info_txt {
font-size: 14px;
line-height: 28px;
color: #4c4c4c;
}
.jiandang .jiandang_box {
height: auto;
margin-bottom: 10%;
}
.jiandang .jiandang_box .info-left {
background: #F6F6F6;
padding-left: 0;
padding-right: 0;
}
.jiandang .jiandang_box .info-left .info-title {
background: #d70000;
color: #FFF;
width: 100%;
font-size: 26px;
text-align: center;
line-height: 80px;
}
.jiandang .jiandang_box .info-left .info-list {
padding: 0px 20px 30px;
}
.jiandang .jiandang_box .info-left .info-list .info-li {
height: auto;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.jiandang .jiandang_box .info-left .info-list .info-li.h60 {
height:62px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-lis {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #E8E8E8;
height: 60px;
line-height: 60px;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-lis a {
font-size: 18px;
line-height: 60px;
height: 60px;
color: #666666;
margin-top: 10px;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-lis .info-active,.jiandang .jiandang_box .info-left .info-list .info-li .info-lis:hover a {
color: #d70000;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-lis .info-icon {
width: 20px;
height: 20px;
cursor: pointer;
margin-top: 7px;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-lis .icon-jian {
background:url('../images/jian.png') center no-repeat;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-lis .icon-jia {
background:url('../images/jia.png') center no-repeat;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-liss {
color: #666666;
width: calc(100% - 40px);
border-bottom: 1px solid #E8E8E8;
display: inline-block;
height: 40px;
line-height: 40px;
margin:10px 0 0 20px;
font-size: 16px;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-active,.jiandang .jiandang_box .info-left .info-list .info-li .info-liss:hover {
color: #d70000;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-min-width {
color: #666666;
width: calc(100% - 40px);
border-bottom: 1px solid #E8E8E8;
height: 40px;
line-height: 40px;
margin:0px 0 0 20px;
font-size: 16px;
padding-bottom: 8px;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-min-width a{
font-size: 16px;
line-height: 40px;
height: 40px;
color: #666666;
margin-top: 10px;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-li-min {
height: auto;
overflow: hidden;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.jiandang .jiandang_box .info-left .info-list .info-li .info-li-min.h40 {
height:49px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.jiandang .jiandang_box .img_wrp {
padding: 8px;
border: 1px solid #ededed;
box-shadow: 4px 4px 4px #bdbdbd;
}
.jiandang .jiandang_box .img_wrp img {
display: block;
width: 100%;
height: 100%;
}
.jiandang .jiandang_list {
padding: 0 50px;
}
.jiandang .jiandang_list li {
position: relative;
padding-left: 14px;
line-height: 52px;
color: #333534;
border-bottom: 1px solid #eeeeee;
cursor: pointer;
*zoom: 1;
}
.jiandang .jiandang_list li::after {
content: '';
display: block;
clear: both;
}
.jiandang .jiandang_list li:hover, .jiandang .jiandang_list li.active {
color: #d60201;
}
.jiandang .jiandang_list li::before {
position: absolute;
left: 0;
top: 50%;
width: 6px;
height: 6px;
margin-top: -3px;
content: '';
background-color: #e82335;
border-radius: 50%;
}
.jiandang .jiandang_list li a {
color: #333;
}
.jiandang .jiandang_list li a:hover {
color: #D40000;
}
.jiandang .jiandang_list_txt {
float: left;
max-width: 84%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size:16px;
}
.jiandang .jiandang_list_time {
float: right;
color: #828282 !important;
font-size:14px;
}
.context .contact .contact-row {
background: #F3F3F3;
padding: 50px 50px;
border: 1px solid #DDD;
display: flex;
align-items: center;
justify-items: flex-start;
}
.context .contact .contact-row .left {
display: flex;
flex-flow: column;
}
.context .contact .contact-row .left div {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 10px 20px;
font-size: 16px;
}
.context .contact .contact-row .left .company {
font-size: 24px;
color: #D40000;
}
.context .contact .contact-row .left .en-company {
font-size: 30px;
margin-top: -20px;
color: #999;
font-weight: normal;
font-family: "Microsoft Himalaya"
}
.context .contact .contact-row .right {
display: flex;
align-items: center;
justify-content: center;
}
.context .contact .contact-map {
border: 1px solid #DDD;
margin-top: 20px;
}
/* jobs style*/
.em-page-jobs {
margin-top: -8px;
background-image: url('../images/join_us_bak.jpg');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.join_us {
padding: 520px 0 !important;
}
.join_us_item {
width: 280px;
height: 280px;
color: #323232;
margin: 0 auto;
background: linear-gradient(to bottom, #fff, #ebebeb);
box-shadow: 4px 4px 10px #bdbdbd;
border-radius: 8px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.join_us_item:hover, .join_us_item.active {
background: #D40000;
color: #fff;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.join_us_item .img_wrp {
width: 128px;
height: 110px;
margin-bottom: 10px;
}
.join_us_item .img_wrp.img_wrp_0 {
background: url('../images/job_1.png') center no-repeat;
}
.join_us_item:hover .img_wrp.img_wrp_0 {
background: url('../images/job_1_1.png') center no-repeat !important;
}
.join_us_item .img_wrp.img_wrp_1 {
background: url('../images/job_2.png') center no-repeat;
}
.join_us_item:hover .img_wrp.img_wrp_1 {
background: url('../images/job_2_1.png') center no-repeat;
}
.join_us_item .img_wrp.img_wrp_2 {
background: url('../images/job_3.png') center no-repeat;
}
.join_us_item:hover .img_wrp.img_wrp_2 {
background: url('../images/job_3_1.png') center no-repeat;
}
.join_us_item>p {
font-size: 30px;
line-height: 30px;
text-align: center;
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flaicenter {
align-items: center;
}
.fljccenter {
justify-content: center;
}
.flallcecnter {
align-items: center;
justify-content: center;
}
.ohidden {
overflow: hidden;
}
/* 招聘板块 */
.ml60 {
margin-left: 60px;
}
.mt14 {
margin-bottom: 14px;
}
.mt30 {
margin-bottom: 30px;
}
.recruit .flallcecnter {
display: flex;
align-items: center;
justify-content: center;
}
.recruit .tab_item {
width: 164px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 16px;
color: #474747;
border: 1px solid #c8c8c8;
cursor: pointer;
}
.recruit .tab_item:first-child {
margin-right: 42px;
}
.recruit .tab_item:hover,
.recruit .tab_item.active {
transition: .5s;
color: #fff;
background-color: #d40000;
}
.recruit .tab_con_item {
flex-wrap: wrap;
margin-top: 40px;
}
.recruit .gw_item {
/* width: 458px; */
/* width: 32.666666%; */
height: 175px;
color: #525252;
background: #FFF;
border-radius: 8px;
margin-right: 1%;
margin-bottom: 40px;
box-shadow: 4px 4px 4px #bdbdbd;
cursor: pointer;
transition: all .5s;
display: block;
}
.recruit .gw_item:nth-child(3n) {
margin-right: 0;
}
.recruit .gw_item:hover {
transition: all .5s;
background: #0195ED;
}
.recruit .gw_item:hover p {
color: #fff;
}
.recruit .gw_item_tit {
font-size: 18px;
line-height: 50px;
color: #1b1b1b;
margin: 13px 26px 0 28px;
border-bottom: 1px solid #f0f0f0;
}
.recruit .gw_item_txt {
font-size: 14px;
line-height: 26px;
margin: 0 0 7px 42px;
}
.recruit .gw_item_txt1 {
margin-top: 18px;
}
.recruit .call_us_box {
width: 98%;
min-height: 112px;
margin: 30px auto 12px;
padding-bottom: 8px;
background-color: #014a8f;
}
.recruit .call_us_box a {
color: #fff;
text-decoration: none;
}
.recruit .call_us_box a:hover {
transition: all .5s;
color: #d40000;
}
.recruit .call_us_box .left-box {
font-size: 18px;
line-height: 34px;
color: #fff;
padding: 26px 0 0 6%;
}
.recruit .call_us_box .right-box {
padding: 20px 65px 0 0;
}
.recruit .call_us_box .right-box img {
width: 96px;
height: 96px;
}
.recruit .call_us_box .right-box p {
width: 96px;
font-size: 16px;
color: #fff;
text-align: center;
margin-top: 10px;
}
.recruit .recruit_bot {
width: 98%;
height: 394px;
margin: 30px auto 24px;
}
.recruit .recruit_bot img {
display: block;
width: 100%;
margin: 0 auto;
transition: all 0.3s;
}
.recruit .recruit_bot img:hover {
transition: all 0.5s;
transform: scale(1.1);
}
.recruit .recruit_bot .recruit_bot1 {
height: 394px;
}
.recruit .recruit_bot .recruit_bot2 {
height: 205px;
}
.recruit .recruit_bot .recruit_bot3 {
height: 182px;
/*margin-top: 7px;*/
}
.recruit .recruit_bot .recruit_bot4 {
height: 394px;
}
.ohiddens {
display: flex;
width: 100%;
}
.modal {
width: 100%;
min-height: 800px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal-dialog {
width: 76%;
margin: 0 auto;
}
.modal-header {
font-size: 18px;
line-height: 18px;
margin: 56px 56px 0 78px;
padding: 0;
}
.modal-title {
font-weight: bold;
margin: 0 0 10px 10px;
}
.modal-header .close {
font-size: 24px;
transform: scale(2);
font-weight: lighter;
}
.modal-body {
margin: 15px 20px 45px 5.4%;
}
.modal .moadl_tit {
font-size: 16px;
line-height: 32px;
color: #292929;
font-weight: bold;
}
.modal-body ul li {
font-size: 16px;
line-height: 32px;
color: #464646;
}
.context-list {
padding-bottom: 40px;
}
.context-list .row .list a .image {
width: 100%;
height: 310px;
border: 1px solid #DDD;
padding: 5px;
overflow: hidden;
}
.context-list .row .list a .image img {
width: 100%;
height: 296px;
transition: all .6s;
transform: scale(1);
}
.context-list .row .list a:hover .image img {
transition: all .6s;
transform: scale(1.1);
}
.context-list .row .list a .name {
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
padding: 10px 0;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #333;
width: 100%;
}
.context-list .row .list a:hover .name {
color: #D40000;
}
.timeline-row {
padding: 100px 0;
}
.main-timeline{
position: relative;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.main-timeline:before{
content: "";
width: 3px;
height: 100%;
background: #D40000;
position: absolute;
top: 0;
left: 50%;
}
.main-timeline .timeline{
margin-bottom: 50px;
position: relative;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after{
content: "";
display: block;
width: 100%;
clear: both;
}
.main-timeline .timeline-icon{
width: 40px;
height: 40px;
border-radius: 50%;
background: #FFFFFF;
overflow: hidden;
margin-left: -19px;
position: absolute;
top: 0;
left: 50%;
text-align: center;
border: 1px solid #D40000;
display: flex;
align-items: center;
justify-content: center;
}
.main-timeline .timeline-icon span{
width: 10px;
height:10px;
background: #D40000;
border-radius: 50%;
}
.main-timeline .timeline-content{
width: 48%;
padding: 20px;
border-radius: 5px;
background: #fff;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.main-timeline .title{
font-size: 24px;
font-weight: bold;
color: #333;
padding: 10px;
border-radius: 3px 3px 0 0;
margin: -20px -10px 10px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.main-timeline .description{
font-size: 14px;
color: #726f77;
display: flex;
align-items: center;
justify-content: flex-end;
line-height: 28px;
}
.main-timeline .right{
float: right;
}
.main-timeline .right .title,.main-timeline .right .description {
justify-content: flex-start !important;
}
.wh-boxs {
display: flex;
align-items: center;
justify-content: space-between;
padding: 40px 100px 100px;
}
.wh-boxs .wh-box {
background: #F8F9FB;
width: 220px;
height: 250px;
padding: 30px 20px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-flow: column;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
border-radius: 5px;
}
.wh-boxs .wh-box .icon {
width: 90px;
height: 90px;
background-position: 0 0;
background-repeat: no-repeat;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.wh-boxs .wh-box:hover {
background: #FF6666;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.wh-boxs .wh-box:hover .icon {
background-position: 0 -90px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.wh-boxs .wh-box .icon.icon-1 {
background-image: url("../images/qywh_ico01.png");
}
.wh-boxs .wh-box .icon.icon-2 {
background-image: url("../images/qywh_ico02.png");
}
.wh-boxs .wh-box .icon.icon-3 {
background-image: url("../images/qywh_ico03.png");
}
.wh-boxs .wh-box .icon.icon-4 {
background-image: url("../images/qywh_ico04.png");
}
.wh-boxs .wh-box .icon.icon-5 {
background-image: url("../images/qywh_ico05.png");
}
.wh-boxs .wh-box .name {
padding: 25px 0 15px;
font-size: 18px;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.wh-boxs .wh-box .tag {
color: #F8F9FB;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.wh-boxs .wh-box:hover .name,wh-boxs .wh-box:hover .tag {
color: #fff;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.gshj {
background-image: url("../images/ban8.jpg");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.em-home-news.gshj .em-news {
padding: 30px 0 60px!important;
}
.em-home-news.gshj .em-news .em-news-list .mySwiper-news .swiper-pagination-news {
bottom: -40px !important;
}
.gs-info {
border: 1px solid #EEE;
}
.gs-info .line {
border-bottom: 1px solid #EEE;
display: flex;
align-items: center;
justify-content: flex-start;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.gs-info .line:hover {
background: #EDF5FA;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.gs-info .line div {
padding: 10px 10px;
font-size: 14px;
}
.gs-info .line div.l1 {
width: 240px;
border-left: 1px solid #EEE;
}
.gs-info .line div.l1:first-of-type{
border-left: none;
}
.gs-info .line div.l2 {
width: calc((100% - 480px) / 2);
border-left: 1px solid #EEE;
}
.gs-info .line div.l3 {
width: calc(100% - 240px);
border-left: 1px solid #EEE;
}
.ln {
display: flex;
align-items: center;
margin-top: 60px;
}
.ln.ln-last {
justify-content: flex-start;
}
.ln.ln-next {
justify-content: flex-end;
}
.ln span {
color: #888;
}
.footer-copyright-b {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 20px;
}
.footer-copyright-b::before,.footer-copyright-b::after {
content : normal;
}
.footer-copyright-b .jishu {
color: #666;
}
.footer-copyright-b .jishu a {
color: #666;
}
.footer-copyright-b .jishu a:hover {
color: #D40000;
}
#backtotop {
position: fixed;
right: 5px;
bottom: 20px;
z-index: 99999999;
background: rgba(0,0,0,0.5);
font-size: 12px;
padding: 10px 10px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
#backtotop img {
width:24px;
height: 24px;
}
.dropdown-menu {
min-width:115px !important;
top: calc(100% - 3px) !important;
border-radius: 0 !important;
background-color: rgba(255,255,255,0.8);
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
background-image: none;
background: none;
}
.em-container-header .em-menu-list .navs .navs-li .dropdown-menu a {
height: 40px !important;
color: #666;
font-size: 14px;
}
.em-container-header .em-menu-list .navs .navs-li .dropdown-menu a:hover {
color: #D40000;
}
.inv-box {
width: 100%;
}
.inv-box .line {
display: flex;
align-items: center;
justify-content: space-between;
}
.inv-box .ibox {
box-shadow: 2px 2px 2px #DDD;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box .ibox:hover{
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box .inv-box-1 {
width: 400px;
height: 400px;
background: #D9D9D9;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box .inv-box-1:hover {
background: #C5C5C5;
}
.inv-box .inv-box-1 .name {
font-size: 28px;
color: #666;
}
.inv-box .inv-box-1 .en {
font-size: 20px;
margin-top: 10px;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.inv-box .inv-box-2 {
width: 740px;
height: 400px;
background: #BC0138;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box .inv-box-2 .name {
padding: 3px 40px;
border: 1px solid #EEE;
color: #EEE;
font-size: 18px;
margin-top: 20px;
}
.inv-box .inv-box-2 .icons {
width: 156px;
height: 111px;
}
.inv-box .inv-box-2:hover {
background: #A00533;
}
.inv-box .inv-box-3 {
width: 400px;
height: 400px;
background: #B4864A;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box .inv-box-3 .name {
padding: 3px 40px;
border: 1px solid #EEE;
color: #EEE;
font-size: 18px;
margin-top: 20px;
}
.inv-box .inv-box-3 .icons {
width: 156px;
height: 111px;
}
.inv-box .inv-box-3:hover {
background: #9C7542;
}
.inv-box .lines {
margin-top: 20px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.inv-box .lines .lines-left .lines-left-list {
display: flex;
align-items: center;
justify-content: space-between;
width: 1160px;
}
.inv-box .lines .lines-left .lines-left-list:nth-child(2){
margin-top: 20px;
}
.inv-box .inv-box-4 {
width: 740px;
height: 400px;
background-image: url('../images/inv_bg_4.jpg');
background-position: center;
background-size: cover;
cursor: pointer;
position: relative;
}
.inv-box .inv-box-4 .icons {
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.6);
width: 740px;
height: 400px;
z-index:1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box .inv-box-4:hover .icons {
background: rgba(0,0,0,0.7);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box .inv-box-4 .name {
z-index:2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box .inv-box-4 .name span {
padding: 3px 40px;
border: 1px solid #EEE;
color: #EEE;
font-size: 18px;
margin-top: 20px;
}
.inv-box .inv-box-5 {
width: 400px;
height: 400px;
background: #245BAD;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box .inv-box-5:hover {
background: #1E4784;
}
.inv-box .inv-box-5 .name {
padding: 3px 40px;
border: 1px solid #EEE;
color: #EEE;
font-size: 18px;
margin-top: 20px;
}
.inv-box .inv-box-5 .icons {
width: 156px;
height: 111px;
}
.inv-box .inv-box-6 {
width: 740px;
height: 400px;
background: #999C63;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box .inv-box-6:hover {
background: #848756;
}
.inv-box .inv-box-6 .name {
padding: 3px 40px;
border: 1px solid #EEE;
color: #EEE;
font-size: 18px;
margin-top: 20px;
}
.inv-box .inv-box-6 .icons {
width: 156px;
height: 111px;
}
.inv-box .inv-box-7 {
width: 400px;
height: 400px;
background-image: url('../images/inv_bg_7.jpg');
background-position: center;
background-size: cover;
cursor: pointer;
position: relative;
}
.inv-box .inv-box-7 .icons {
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.6);
width: 400px;
height: 400px;
z-index:1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box .inv-box-7:hover .icons {
background: rgba(0,0,0,0.7);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box .inv-box-7 .name {
z-index:2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box .inv-box-7 .name span {
padding: 3px 40px;
border: 1px solid #EEE;
color: #EEE;
font-size: 18px;
margin-top: 20px;
}
.inv-box .inv-box-8 {
width: 400px;
height: 820px;
background-image: url('../images/inv_bg_8.jpg');
background-position: center;
background-size: cover;
cursor: pointer;
position: relative;
}
.inv-box .inv-box-8 .icons {
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.6);
width: 400px;
height: 820px;
z-index:1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box .inv-box-8:hover .icons {
background: rgba(0,0,0,0.7);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box .inv-box-8 .name {
z-index:2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box .inv-box-8 .name span {
padding: 3px 40px;
border: 1px solid #EEE;
color: #EEE;
font-size: 18px;
}
.inv-box .inv-box-8 .name p {
padding: 3px 40px;
color: #EEE;
font-size: 20px;
margin-top: 10px;
}
.pagenav {
display: flex;
align-items: center;
justify-content: center;
}
.pagenav .pagination > li > a,
.pagenav .pagination > li > span {
border-color: #eee;
color: #666;
}
.pagenav .pagination > li > a:hover,
.pagenav .pagination > li > span:hover,
.pagenav .pagination > li > a:focus,
.pagenav .pagination > li > span:focus {
background: #d70c1f;
color: #fff;
}
.pagenav .pagination > .active > a,
.pagenav .pagination > .active > span,
.pagenav .pagination > .active > a:hover,
.pagenav .pagination > .active > span:hover,
.pagenav .pagination > .active > a:focus,
.pagenav .pagination > .active > span:focus {
background: #d70c1f;
color: #fff;
}
@media (max-width: 768px) and (max-width: 992px) {
.inv-box-m {
width: 100%;
}
.inv-box-m .line {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem;
}
.inv-box-m .line .ibox {
width: 10.2rem;
height: 10rem;
}
.inv-box-m .inv-box-1 {
background: #D9D9D9;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box-m .inv-box-1 .name {
font-size: 1.4rem;
color: #666;
}
.inv-box-m .inv-box-1 .en {
font-size: 0.6rem;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.inv-box-m .inv-box-2 {
background: #BC0138;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box-m .inv-box-2 .icons {
width: 6rem;
height: 3.8rem;
}
.inv-box-m .inv-box-2 .name {
font-size: 1rem;
color: #EEE;
}
.inv-box-m .inv-box-3 {
background: #B4864A;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box-m .inv-box-3 .icons {
width: 6rem;
height: 3.8rem;
}
.inv-box-m .inv-box-3 .name {
font-size: 1rem;
color: #EEE;
}
.inv-box-m .inv-box-4 {
background-image: url('../images/inv_bg_4.jpg');
background-position: center;
background-size: cover;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
position: relative;
}
.inv-box-m .inv-box-4 .icons {
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.6);
width: 100%;
height: 100%;
z-index:1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box-m .inv-box-4 .name {
z-index:2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box-m .inv-box-4 .name span {
padding: 0.1rem 1.2rem;
color: #EEE;
font-size: 1rem;
}
.inv-box-m .inv-box-5 {
background: #245BAD;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box-m .inv-box-5 .icons {
width: 6rem;
height: 3.8rem;
}
.inv-box-m .inv-box-5 .name {
font-size: 1rem;
color: #EEE;
}
.inv-box-m .inv-box-6 {
background: #999C63;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box-m .inv-box-6 .icons {
width: 6rem;
height: 4rem;
}
.inv-box-m .inv-box-6 .name {
font-size: 1rem;
color: #EEE;
}
.inv-box-m .inv-box-7 {
background-image: url('../images/inv_bg_7.jpg');
background-position: center;
background-size: cover;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
position: relative;
}
.inv-box-m .inv-box-7 .icons {
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.6);
width: 100%;
height: 100%;
z-index:1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box-m .inv-box-7 .name {
z-index:2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box-m .inv-box-7 .name span {
padding: 0.1rem 1.2rem;
color: #EEE;
font-size: 1rem;
}
.inv-box-m .inv-box-8 {
background-image: url('../images/inv_bg_8.jpg');
background-position: center;
background-size: cover;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
position: relative;
}
.inv-box-m .inv-box-8 .icons {
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,0.6);
width: 100%;
height: 100%;
z-index:1;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s
}
.inv-box-m .inv-box-8 .name {
z-index:2;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
}
.inv-box-m .inv-box-8 .name span {
color: #EEE;
font-size: 1rem;
}
.inv-box-m .inv-box-8 .name p {
color: #EEE;
font-size: 0.8rem;
}
.ln {
margin-top: 0px;
margin-bottom: 1rem;
}
.ln.ln-next {
justify-content: flex-start;
}
.em-home-about {
background: #FFF;
height: auto !important;
min-height: auto !important;
}
.em-home-about .em-about{
padding: 2rem 1rem !important;
width: 100% !important;
}
.em-home-about .em-about .em-about-title {
font-size: 1.6rem;
margin: 2rem 0 1rem;
}
.em-home-about .em-about .em-about-text{
font-size: 1rem;
line-height: 1.5rem;
color: #888;
}
.em-home-case .em-case {
padding: 2rem 1rem !important;
}
.em-home-case .em-case .em-case-title{
font-size: 1.6rem;
margin: 2rem 0 1rem;
}
.mores {
font-size: 0.8rem;
}
.em-home-news .em-news {
padding: 2rem 1rem !important;
}
.em-home-news .em-news .em-news-cate{
margin: 1rem 0 0;
}
.em-home-news .em-news .em-news-list .em-news-list-li .em-news-list-lis a {
width: 100%;
position: relative;
overflow: hidden;
display: inline-block;
margin-bottom: 0.5rem;
}
.em-home-news .em-news .em-news-list .em-news-list-li .em-news-list-lis a img {
width: 100%;
}
.em-home-news .em-news .em-news-list .em-news-list-li .em-news-list-lis a .info {
position: absolute;
left: 0;
bottom: 0;
padding: 1rem;
background: rgba(0,0,0,0.5);
width: 100%;
color: #FFF;
font-size: 0.8rem;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
.em-home-footer {
padding: 1rem 0 0;
}
.em-footer-mobile {
padding: 1rem 1rem 0;
}
.em-footer-mobile .footer-left {
display: flex;
align-items: center;
justify-content: center;
flex-flow: column;
margin-bottom: 1rem;
}
.em-footer-mobile .footer-left .footer_logo {
margin-bottom: 1rem;
}
.em-footer-mobile .footer-left p {
margin-bottom: 0.5rem;
line-height: 0.8rem;
color: #eee;
}
.em-page-content .contents .h6 {
margin: 2rem 0 2rem;
}
.em-page-content .contents .context {
padding:1rem;
min-height: 20rem;
}
.works_detail .works_detail_box {
padding: 40px 0 40px;
}
.works_detail .works_detail_pages {
text-align: center;
padding: 1rem 0;
font-size: 0.9rem;
}
.works_detail .works_detail_pages .lif {
justify-content: flex-start;
padding: 0.5rem 1.5rem;
}
.works_detail .works_detail_pages .lir {
justify-content: flex-start;
padding: 0.5rem 1.5rem;
}
.works_detail .works_detail_pages .lif span ,.works_detail .works_detail_pages .lir span {
width: 6rem;
}
.news .news_item .news_info .news_info_tit {
font-size: 1rem;
}
.news .news_item .news_info .news_info_time {
margin: 0.5rem 0 0.5rem;
}
.em-page-content .contents .h6.h6-m {
padding: 0 1rem ;
margin: 1rem 0;
font-size: 1.2rem;
}
.context .contact .contact-row {
background: #FFF;
padding: 1rem 0;
border: none;
display: inline-block;
}
.context .contact .contact-row .left {
display: flex;
flex-flow: column;
}
.context .contact .contact-row .left div {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 0.5rem 0.5rem;
font-size: 1rem;
}
.context .contact .contact-row .left .company {
font-size: 1.2rem;
}
.context .contact .contact-row .left .en-company {
font-size: 1.2rem;
margin-top: -1rem;
color: #999;
font-weight: normal;
font-family: "Microsoft Himalaya"
}
.context .contact .contact-row .right {
display: flex;
align-items: center;
justify-content: center;
}
.context .contact .contact-map {
border: 1px solid #DDD;
margin-top: 20px;
}
.em-page-jobs {
background: #FFF;
}
.join_us {
padding: 3rem 0 !important;
}
.join_us_item {
margin-bottom: 2rem;
}
.modal-dialog {
width: 100%;
}
.ml60 {
margin-left: 0 !important;
}
.em-home-case .em-case .em-case-list .lis img {
height: 15rem;
}
.em-home-case .em-case .em-case-list .lis img.smalls {
height: 15rem;
}
.news .news_item .img_wrp {
width: 25%;
}
.news .news_item .news_info {
width: 75%;
}
.news .news_item .img_wrp img {
height: 4rem;
}
.news .news_item .news_info .news_info_tit {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.timeline-row {
padding: 2rem;
}
.main-timeline{ margin-left: 20px; }
.main-timeline:before{ left: 0; }
.main-timeline .timeline-content{
width: calc(100% - 40px);
float: right;
padding: 20px 0;
}
.main-timeline .timeline-content .title,.main-timeline .timeline-content .description {
display: flex;
align-items: center;
justify-content: flex-start;
}
.main-timeline .timeline-icon{
left: 0;
}
.jiandang .jiandang_list {
padding: 0 1rem;
}
.jiandang .jiandang_list li::before {
top: 25px;
}
.jiandang .jiandang_list ul li a {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-flow: column;
}
.jiandang .jiandang_list_txt {
width: 100%;
max-width: 100%;
}
.jiandang .jiandang_list ul li a .jiandang_list_time {
margin-top: -28px;
}
.mrow .list .image {
height: 5.8rem !important;
}
.mrow .list .image img {
height: 5rem !important;
}
.mrow .list .name {
display: flex;
align-items: center;
justify-content: flex-start !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%;
}
.gs-info .line {
display:inline-block;
cursor: pointer;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
width: 100%;
border-bottom: none;
}
.gs-info .line div {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 12px;
width: 100%;
}
.gs-info .line div.l1 {
width: 100%;
border:none;
border-bottom: 1px solid #EEE;
color: #888;
}
.gs-info .line div.l2 {
width: 100%;
border:none;
border-bottom: 1px solid #EEE;
color: #000;
}
.gs-info .line div.l3 {
width: 100%;
border:none;
border-bottom: 1px solid #EEE;
}
.em-page-about .banner {
width: 100%;
height: 12rem;
margin-top: 4.8rem;
}
.context-list .row .list {
padding: 1rem;
/*margin-right: 15px;*/
/*margin-left: 15px;*/
}
.context-list .row .list a .image {
height: 10.8rem;
}
.context-list .row .list a .image img {
height: 10rem;
}
.contents-expert {
margin-top: 0rem;
margin-bottom: 2rem;
width: 100%;
overflow: hidden;
}
.contents-expert .expert-detail-left {
border-right: 1px solid #EEE;
padding: 1rem;
min-height: auto;
position: relative;
}
.contents-expert .expert-detail-left .tname {
font-size: 1.3rem;
color: #000;
font-weight: normal;
border-bottom: 1px solid #EEE;
text-align: center;
padding-bottom: 0.5rem;
margin-bottom: 2em;
}
.contents-expert .expert-detail-left .zline {
position: absolute;
width: 2px;
height: 150px;
background: #F00;
right: -1px;
top: 175px;
display: none;
}
.contents-expert .expert-detail-left .touxiang {
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
}
.contents-expert .expert-detail-left .touxiang img {
width: 100%;
height: auto;
}
.contents-expert .expert-detail-left .tags {
border-bottom: 1px solid #DDD;
padding: 15px 15px;
color: #666;
}
.contents-expert .expert-detail-right {
width: 100%;
padding-left: 30px;
}
.contents-expert .expert-detail-right .h6 {
border-bottom: 1px solid #DDD;
padding: 0 10px 10px 10px;
font-size: 18px;
color: #000;
font-weight: bold;
display: none;
}
.contents-expert .expert-detail-right .context {
line-height: 36px;
}
}
.edu-mode {
display: flex;
align-items: center;
justify-content: space-between;
margin: 30px 0 60px;
}
.edu-mode .edu-mode-box {
width: calc(50% - 25px);
}
.edu-mode .edu-mode-box .tit {
display: flex;
align-items: center;
justify-content: space-between;
height: 47px;
line-height: 47px;
border-bottom: 3px solid #e91a2e;
}
.edu-mode .edu-mode-box .tit .text {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 18px;
color: #fff;
padding: 0 46px 0 29px;
background: url(../images/edu_3.png) right center no-repeat;
font-weight: normal;
}
.edu-mode .edu-mode-box .tit .text em {
width: 26px;
height: 26px;
background: url('../images/edu_1.png') center no-repeat;
margin-right: 13px;
}
.edu-mode .edu-mode-box .tit .more {
width: 20px;
height: 18px;
background: url(../images/edu_2.png) center no-repeat;
}
.edu-mode .edu-mode-box .lists {
padding: 0 20px;
height: 312px;
box-shadow: 0 5px 20px #ddd;
background: #fff;
display: inline-block;
width: 100%;
}
.edu-mode .edu-mode-box .lists .top-info {
border-bottom: 1px solid #e8e8e8;
margin-bottom: 21px;
padding: 16px 0;
display: inline-block;
width: 100%;
}
.edu-mode .edu-mode-box .lists .top-info .t {
line-height: 36px;
font-size: 16px;
text-overflow: ellipsis;
white-space: nowrap;
*white-space: nowrap;
overflow: hidden;
width: 100%;
display: inline-block;
color: #333;
}
.edu-mode .edu-mode-box .lists .top-info:hover .t{
color: #e91a2e;
}
.edu-mode .edu-mode-box .lists .top-info .intro {
overflow: hidden;
word-break: normal;
text-align: justify;
text-overflow: ellipsis;
height: 44px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size: 14px;
color: #999;
}
.edu-mode .edu-mode-box .lists .list-info {
display: inline-block;
width: 100%;
}
.edu-mode .edu-mode-box .lists .list-info .li {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.edu-mode .edu-mode-box .lists .list-info .li a {
width: calc(100% - 100px);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
font-size: 16px;
color: #333;
line-height: 32px;
height: 32px;
}
.edu-mode .edu-mode-box .lists .list-info .li .time {
width: 80px;
color: #999;
font-size: 14px;
}
@media (min-width: 1600px){
.containerss {
width: 1400px;
}
}