body{
    color: #777777;
}

.w_1200 {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
}

/** index.html **/
.swiper-slide1 .bigImg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.swiper-slide1 .bigImg img {
    width: 100%;
    height: 100%;
}

.swiper-slide1 .text1 {
    position: absolute;
    left: 0;
    top: 30%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    z-index: 2;
}

.swiper-slide1 .text1 b {
    display: block;
    text-align: center;
    font-size: 84px;
    font-weight: normal;
    color: #fff;
    line-height: 106px;
;
}

.swiper-slide1 .text1 span {
    display: block;
    font-size: 36px;
    font-weight: normal;
    color: #fff;
    line-height: 54px;
}

.swiper-slide1 .text2 {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    z-index: 2;
}

.swiper-slide1 .text2 img {
    display: block;
    margin: 0 auto;
}

.swiper-slide1 .text2 span {
    display: block;
    font-size: 36px;
    font-weight: 500;
    color: #fff;
    line-height: 44px;
    padding-top: 15px;
}

.swiper-pagination1 .swiper-pagination-bullet {
    width: 52px;
    height: 6px;
    border-radius: 0;
    opacity: 1;
    background: #fff;
    cursor: pointer;
    z-index: 10;
}

.swiper-pagination1 .swiper-pagination-bullet-active {
    background: #D7000F;
}

/* .ani_text2 {
    opacity:
} */

/* realEstate.html */
.banner {
    width: 100%;
    min-width: 1200px;
    height: 530px;
}

.banner1 {
    background: url(../images/bannerImg01.jpg) center no-repeat;
}

.banner .w_1200>span {
    display: table-cell;
    vertical-align: middle;
    width: 1200px;
    height: 530px;
    font-size: 50px;
    font-weight: normal;
    color: #D7000F;
    line-height: 56px;
}

.tName {
    display: none;
    /*width: 100%;
    min-width: 1200px;
    background: #f5f5f5;
    height: 50px;
    line-height: 50px;
    text-align: center;*/
}

.tName .w_1200 {
    display: none;
    font-size: 0;
    text-align: center;
}

.tName .w_1200 span {
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    font-size: 20px;
    font-weight: normal;
    color: #000;
    padding-right: 38px;
    background: url(../images/tName_icon01.png) right center no-repeat;
    cursor: pointer;
}

.tName .w_1200 span.default {
    cursor: default;
}

.TNameNobBg .w_1200 span {
    padding-right: 0;
    background: none;
}

.internalNav {
    width: 100%;
    min-width: 1200px;
    background:rgba(234,235,237,0.8);
    display: none;
}

.internalNav.cur {
    display: block;
}

.internalNav .w_1200 {
    font-size: 0;
    line-height: 50px;
    height: 50px;
    text-align: center;
}

.internalNav .w_1200 a {
    display: inline-block;
    vertical-align: top;
    font-size: 17px;
    font-weight: 500;
    color: #595757;
    line-height: 50px;
    margin: 0 30px;
}

.internalNav .w_1200 a.cur,
.internalNav .w_1200 a:hover {
    color: #D7000F;
}


.realEstateText {
    width: 100%;
    min-width: 1200px;
}

.realEstateText .w_1200 {
    padding: 80px 200px 80px 0;
    /* background:url(../images/dc_icon01.png) right center no-repeat; */
}

.realEstateText .w_1200 h2 {
    padding: 20px 0;
    font-size: 30px;
    font-weight: 500;
    color: #777777;
    line-height: 46px;
    letter-spacing: 2px;
}

.realEstateText .w_1200 p {
    font-size: 16px;
    font-weight: 500;
    color: #777777;
    line-height: 32px;
}

/* newsList.html */
.banner2 {
    background: url(../images/bannerImg02.jpg) center no-repeat;
}

.newsListConBox .w_1200 {
    padding-bottom: 80px;
    /* border-bottom: ; */
}

.newsListConBox .newsListTitle {
    padding-top: 50px;
}

.newsListConBox .newsListTitle h2 {
    border-bottom: 2px solid #D7000F;
    font-size: 24px;
    font-weight: 500;
    color: #777777;
    line-height: 56px;
    letter-spacing: 2px;
    padding: 30px 0;
    font-weight: normal;
}

.newsListConBox .newsListTitle img {
    display: block;
    width: 1200px;
    padding-top: 60px;
}

.newsListConBox .newsListTitle span {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #777777;
    line-height: 26px;
    letter-spacing: 1px;
    padding: 20px 0;
}

.newsListCon .title {
    border-bottom: 2px solid #777777;
    padding: 10px 0;
}

.newsListCon .title h2 {
    font-size: 14px;
    color: #595757;
    line-height: 36px;
    overflow: hidden;
}

.newsListCon .title h2 a {
    font-size: 14px;
    color: #595757;
    line-height: 36px;
}

.newsListCon ul {
    font-size: 0;
    padding: 15px 0;
}

.newsListCon ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    width: 390px;
    padding-top: 55px;
    border-bottom: 2px solid #9B9B9B;
}

.newsListCon ul li:nth-child(3n) {
    margin-right: 0;
}

.newsListCon ul li img {
    display: block;
    width: 390px;
    height: 250px;
}

.newsListCon ul li p {
    padding: 20px 0;
    height: 52px;
    font-size: 14px;
    color: #777777;
    line-height: 26px;
}

.newsListCon ul li .time {
    overflow: hidden;
    padding-bottom: 20px;
}

.newsListCon ul li .time span {
    float: left;
    display: block;
    font-size: 12px;
    color: #595757;
    line-height: 26px;
}

.newsListCon ul li .time a {
    float: right;
    display: block;
    font-size: 12px;
    color: #595757;
    line-height: 26px;
}

/* pages */
.pages {
    text-align: center;
    padding: 40px;
    font-size: 0;
}

.pages>ul>li {
    display: inline-block;
    vertical-align: top;
}

.pages>ul>li>a {
    line-height: 20px;
    font-size: 16px;
    border-bottom: 1px solid #fff;
    margin: 0 10px;
    color: #777777;
}

.pages>ul>li.cur>a {
    color: #D7000F;
    border-bottom: 1px solid #D7000F;
}

.pages>ul>li.previous.cur>a,
.pages>ul>li.next.cur>a {
    color: #D7000F;
    border-bottom: 1px solid #D7000F;
}

/* newsDetails.html */
.newsConBox .newsCon {
    padding: 50px 0;
    /* border-bottom: ; */
}

.newsConBox .newsCon .news1 {
    font-size: 0;
    padding-top: 40px;
    padding-bottom: 50px;
}

.newsConBox .newsCon .news1>div {
    display: inline-block;
    vertical-align: top;
}

.newsConBox .newsCon .news1>.txt {
    width: 432px;
    padding-right: 48px;
}

.newsConBox .newsCon .news1>.txt h2 {
    font-size: 26px;
    color: #777777;
    line-height: 50px;
    letter-spacing: 1px;
    padding-top: 50px;
    border-top: 2px solid #777777;
    min-height: 350px;
    overflow: hidden;
    word-break: break-all;
}

.newsConBox .newsCon .news1>.txt>span {
    display: block;
    font-size: 18px;
    color: #595757;
    line-height: 44px;
}

.newsConBox .newsCon .news1>.newsImg1 {
    width: 720px;
    height: 450px;
}

.newsConBox .newsCon .news1>.newsImg1>img {
    display: block;
    width: 720px;
    height: 450px;
}

.newsConBox .newsCon .news2 {
    padding: 50px 0;
    width: 980px;
}

.newsConBox .newsCon .news2>p {
    font-size: 16px;
    color: #777777;
    line-height: 48px;
}

.newsConBox .newsCon .news2>img {
    padding: 50px 0;
    display: block;
    width: 1200px;
    height: 456px;
}


/* corporateResponsibility.html */
.banner3 {
    background: url(../images/bannerImg03.png) center no-repeat;
}

/* .corporateCon{padding: 50px 0;border-bottom:;} */
.corporateCon {
    padding: 50px 0;
    border-bottom: 2px solid #D7000F;
}

.corporateCon .title {
    padding: 15px 0 25px;
    border-bottom: 2px solid #D7000F;
}

.corporateCon .title h2 {
    font-size: 24px;
    color: #777777;
    line-height: 44px;
    letter-spacing: 2px;
    font-weight: normal;
}

.corporateCon .txt {
    padding: 25px 0;
}

.corporateCon .txt p {
    font-size: 14px;
    color: #777777;
    line-height: 28px;
    margin-bottom: 32px;
}


/* socialWelfare.html */
.banner4 {
    background: url(../images/bannerImg04.png) center no-repeat;
}

/* corporateCulture.html */
.banner5 {
    background: url(../images/bannerImg05.png) center no-repeat;
}

.cultureConBox .cultureCon {
    padding: 50px 0;
    border-bottom: ;
}

.cultureConBox .cultureCon .title {
    padding: 15px 0 25px;
    border-bottom: 2px solid #D7000F;
}

.cultureConBox .cultureCon .title h2 {
    font-size: 24px;
    color: #777777;
    line-height: 44px;
    letter-spacing: 2px;
    font-weight: normal;
}

.cultureConBox .cultureCon .culture {
    padding: 25px 0;
    overflow: hidden;
}

.cultureCon .culture .txt {
    width:400px;
    margin-top: 45px;
}
.cultureCon .culture .txt h3{
    font-size: 20px;
    line-height: 40px;   
}

.cultureCon .culture .txt p{
    line-height: 32px;
}


.cultureCon .culture .txt ul li {
    padding-top: 30px;
    min-height: 100px;
}

.cultureCon .culture .txt ul li i {
    float: left;
    display: block;
    width: 140px;
    font-style: normal;
    font-size: 20px;
    color: #777777;
    line-height: 36px;
}

.cultureCon .culture .txt ul li .whTxt {
    padding-left: 140px;
    padding-top: 2px;
}

.cultureCon .culture .txt ul li .whTxt span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #777777;
    line-height: 32px;
}

.cultureCon .culture .txt ul li .whTxtWidth {
    font-size: 0;
}

.cultureCon .culture .txt ul li .whTxtWidth span {
    display: inline-block;
    vertical-align: top;
    width: 40%;
}

.paddingBottom30 {
    padding-bottom: 30px;
}

.cultureCon .culture .cultureImg h2 {
    font-size: 24px;
    color: #777777;
    line-height: 44px;
    text-align: center;
    padding-bottom: 30px;
}

.cultureCon .culture .cultureImg img {
    display: block;
    width: 430px;
    height: 610px;
}

.videoCon {
    padding: 50px 0;
}

.video-js .vjs-big-play-button {
    width: 78px;
    height: 78px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -39px;
    margin-top: -39px;
    border-radius: 50%;
    outline: 0;
    z-index: 99;
}

/* enterpriseTrends.html */
.newsConBox .newsCon .news2>.qydtTxt {
    padding: 50px 0;
    font-size: 0;
}

.newsConBox .newsCon .news2>.qydtTxt>img {
    display: inline-block;
    vertical-align: top;
    width: 594px;
    height: 400px;
    margin-right: 12px;
}

.newsConBox .newsCon .news2>.qydtTxt>img:nth-child(2n) {
    margin-right: 0;
}

/* talentRecruitment.html */
.banner6 {
    background: url(../images/bannerImg06.png) center no-repeat;
}

/* .recruitmentConBox .recruitmentCon{padding:65px 0 50px;border-bottom:;} */
.recruitmentConBox .recruitmentCon .recruitmentImg {
    border-top: ;
    padding: 50px 0;
    margin-top: 80px;
}

.recruitmentConBox .recruitmentCon .recruitmentImg img {
    display: block;
    width: 1200px;
}

.recruitmentText {
    overflow: hidden;
    min-height: 490px;
}

.recruitmentText .left {
    width: 260px;
    border-top: 2px solid #777777;
    padding-top: 22px;
}

.recruitmentText .left h2 {
    font-size: 18px;
    color: #777777;
    line-height: 40px;
    font-weight: normal;
}

.recruitmentText .right {
    width: 894px;
    border-top: 2px solid #777777;
    padding-top: 22px;
    font-size: 0;
}

.recruitmentText .right dl {
    display: inline-block;
    vertical-align: top;
    width: 440px;
    box-sizing: border-box;
}

.recruitmentText .right dl:nth-child(odd) {
    padding-right: 20px;
}

.recruitmentText .right dl:nth-child(even) {
    padding-left: 20px;
}

.recruitmentText .right dl dt,
.recruitmentText .right dl dd {
    font-size: 14px;
    color: #777777;
    line-height: 24px;
    margin-bottom: 15px;
}

.recruitmentConBox .recruitmentCon .mailbox {
    height: 36px;
    font-size: 14px;
    color: #777777;
    line-height: 36px;
}

/* contactUs.html */
.contactUs {
    padding-bottom: 50px;
}

.contactUs ul li {
    font-size: 14px;
    color: #777777;
    line-height: 40px;
}

.txtImg {
    padding-bottom: 25px;
}

.txtImg img {
    display: block;
    margin: 0 auto;
    padding: 25px;
    box-sizing: border-box;
}

/* aboutBGD.html */
.banner7 {
    background: url(../images/bannerImg07.png) center no-repeat;
}

/* chairmanMessage.html */
.banner8 {
    background: url(../images/dszjy.png) center no-repeat;
}

/* singleIndustry.html */
.banner9 {
    background: url(../images/bannerImg09.png) center no-repeat;
}

.recruitmentCon .title {
    overflow: hidden;
    padding-bottom: 30px;
    width: 30%;
    float: left;
}

.recruitmentCon .title h2 {
    font-size: 24px;
    color: #777777;
    line-height: 40px;
    padding-bottom: 30px;
    background: url(../images/br_02.jpg) left bottom no-repeat;
    font-weight: normal;
}

.recruitmentCon .title a {
    display: block;
    width: 200px;
    height: 42px;
    border: 1px solid #D7000F;
    font-size: 16px;
    color: #D7000F;
    line-height: 42px;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    margin-top: 50px;
    clear: left;
}

.recruitmentCon .rightcont{
	float: right;
	width: 70%;
}


.recruitmentCon .txt p {
    font-size: 14px;
    color: #777777;

    line-height: 24px;
    margin-bottom: 36px;
}

/* singleProperty.html */
.recruitmentCon .title span {
    display: block;
    font-size: 14px;
    color: #606060;
    line-height: 30px;
    padding-top: 20px;
}

.recruitmentCon .txt2 {
    padding-bottom: 80px;
}

.recruitmentCon .txt2 h2 {
    font-size: 20px;
    color: #777777;
    line-height: 40px;
    font-weight: normal;
}

.recruitmentCon .txt2 p {
    font-size: 16px;
    color: #777777;
    line-height: 40px;
    font-weight: 500;
}

.recruitmentCon .txt2 .txtImg2,
.recruitmentCon .txt2 .txtImgCon3 {
    padding: 30px 0;
    overflow: hidden;
}

.recruitmentCon .txt2 .txtImg2 img {
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
}

.recruitmentCon .txt2 .txtImgCon3 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.recruitmentCon .txt2 .txtImg3 img {
    box-sizing: border-box;
}

.recruitmentCon .txt2 .txtImg2 span,
.recruitmentCon .txt2 .txtImg3 span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #595757;
    line-height: 26px;
    padding: 20px 0;
}

/* developmentHistory.html */
.banner10 {
    background: url(../images/bannerImg10.png) center no-repeat;
}

.casesCon {
    overflow: hidden;
    padding: 50px 0;
}

.casesCon .left {
    width: 712px;
    height: 442px;
}

.casesCon .left img {
    display: block;
    width: 712px;
    height: 442px;
}

.casesCon .right {
    width: 435px;
    position: relative;
    height: 442px;
}

.casesCon .right h2 {
    font-size: 24px;
    color: #777777;
    line-height: 40px;
    letter-spacing: 0px;
    margin-bottom: 10px;

}

.casesCon .right .d_txt {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.casesCon .right .d_txt p {
    font-size: 16px;
    color: #777777;
    line-height: 36px;
}

.yearsTab {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.yearsTab ul {
    font-size: 0;
    display: flex;
    padding-bottom: 80px;
}

.yearsTab ul li {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    flex: 1;
    font-size: 24px;
    color: #8D8C8C;
    line-height: 40px;
    letter-spacing: 1px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    border-top: 2px solid rgba(215, 0, 15, 0);
}

.yearsTab ul li.cur {
    color: #777777;
    border-top: 2px solid rgba(215, 0, 15);;
    font-weight: normal;
}

.courseTitle {
    font-size: 24px;
    font-weight: normal;
    color: #777777;
    line-height: 40px;
    border-bottom: 2px solid #777777;
    padding-bottom: 20px;
}

.yearsTabList .yearsTabListCon {
    font-size: 0;
}

.yearsTabList .yearsTabListCon>div {
    display: inline-block;
    vertical-align: top;
    padding: 30px 0;
}

.yearsTabList .yearsTabListCon .d_txt1 {
    width: 200px;
}

.yearsTabList .yearsTabListCon .d_txt1 span {
    display: block;
    font-size: 22px;
    color: #777777;
    line-height: 30px
}

.yearsTabList .yearsTabListCon .d_txt2 {
    width: 100px;
}

.yearsTabList .yearsTabListCon .d_txt2 span {
    display: block;
    font-size: 14px;
    color: #595757;
    line-height: 34px;
}

.yearsTabList .yearsTabListCon .d_txt3 {
    width: 800px;
   
}

.yearsTabList .yearsTabListCon .d_txt3 span {
    display: block;
    font-size: 14px;
    color: #595757;
    line-height: 34px;
}

/* diversifiedIndustries.html */
.d_title {
    padding-bottom: 25px;
    margin-top: 65px;
}

.d_title h2 {
    font-size: 24px;
    color: #777777;
    line-height: 44px;
    letter-spacing: 2px;
}

.industryAdvImg ul {
    width: 1200px;
    height: 734px;
    overflow: hidden;
}

.industryAdvText .serialNumber {
    font-size: 30px;
    color: #77726F;
    line-height: 48px;
    padding: 30px 0;
}

.industryAdvText .serialNumber span {
    display: inline-block;
    vertical-align: top;
    font-size: 40px;
    color: #D6100F;
    line-height: 48px;
}

.industryAdvText .serialNumber i {
    display: inline-block;
    vertical-align: top;
    font-style: normal;
    font-size: 26px;
    color: #77726F;
    line-height: 48px;
}

.industryDot {
    padding: 30px 0;
}

.industryDot ul {
    width: 100%;
    display: flex;
    font-size: 0;
    height: 6px;
}

.industryDot ul li {
    background: #E8E8E8;
    flex: 1;
    height: 6px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.industryDot ul li.cur {
    background: #D7000F;
}


.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

/* //新增导航页面
 */
.navbar{
    height: 80px;
    width: 100%;
    background-color: #D7000F;
    color: #fff;
    position: fixed;
    z-index: 999;
}
.navbar .container{
    width: 100%;
    margin: auto;
    line-height: 80px;
    height: 80px;
    position:relative;
    z-index:9;
    padding: 0 30px;
    box-sizing: border-box;
}
.navbar  .fixshadow{
    width: 100%;
    height: 50px;
    background: #fff;
    display: none;
    background: rgba(255,255,255,0.9);
}
.navbar .container .nav_i{
    width: 1050px;
}
.navbar .container .nav_i>li{
    width: 150px;
}
.navbar #logo{
    width: 94px;
    height: 50px;
    float: left;
    margin: 15px 10px;
}
.navbar ul >li{
    float: left;
    font-size: 16px;
    width: 10%;
    text-align: center;
    position: relative;
}
.navbar ul >li .childrenList{
    display: none;
}
/*.navbar ul >li:hover .childrenList{*/
/*    opacity: 1;*/
/*    display: block;*/
/*}*/
.navbar ul >li:nth-child(4):hover .childrenList{
	opacity: 0;
}
.navbar ul >li .children{
    position: absolute;
    width: auto;
    z-index: 999;
    height: 50px;
    line-height: 50px;
    display: flex;
    display: -webkit-flex;
}
.navbar ul >li .children >li{
    flex: 0 0 40%;
    display: inline-block;
}
.navbar ul >li .children >li a{
    color: #777777;
    display: block;
    font-size: 14px;
}
.navbar ul >li> a{
    color: #fff;
    display: block;
}
.navbar ul >li.active:after{
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 10%;
    height: 2px;
    background-color: #fff;
}
.navbar ul >li.current:after{
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    width: 80%;
    left: 10%;
    height: 0px;
    background-color: #fff;
}

.inline-btn {
    border: 1px solid #D7000F;
    width: 200px;
    height: 34px;
    line-height: 34px;
    color: #D7000F;
    display: inline-block;
    text-align: center;
}
.grid {overflow: hidden;}
.grid .item{
    width: 100%;
    height: 451px;
    box-sizing: border-box;
    background-color: #fff;
    color: #777777;
    display: flex;
    flex-direction: row;
}
.grid .item img{
    /* flex: 0 0 50%; */
    width: 50%;
}
.grid .item  .slideRight{
    /* flex: 0 0 50%; */
    width: 50%;
    height: 451px;
    padding: 50px 40px;
}
.grid .item .title{
    font-size: 24px;
}
.grid .item .shorttitle{
    font-size: 14px;
}
.grid .item .lines{
    height: 2px;width:60px;background:#D7000F;margin-bottom: 30px;margin-top: 30px;
}

.grid .item .inline-btn{
    margin-top: 50px;
    letter-spacing: 6px;
}
.grid .item:hover{
    background:#D7000F;
}

.grid .item:hover .slideRight{
    color: #fff;
}

.grid .item:hover .lines{
    background:#fff;
}

.grid .item:hover .inline-btn{
    color:#fff;
    border: 1px solid #fff;
}


.slide{
    position: relative;
    width: 100%;
    height: 450px;
    background-image: url(../images/dycy.png);
    background-repeat: no-repeat;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.slide:nth-child(2){
    position: relative;
    width: 100%;
    height: 450px;
    background-image: url(../images/dycy_advImg01%20-%20副本.png);
    background-repeat: no-repeat;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.slideItem{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 0;
    font-size: 24px;
}

.flex{
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 50px;
}
.flex .item{
    flex: 0 0 30%;
    margin-left: 5%;
    margin-bottom: 50px;
}
.flex .item:first-child,.flex .item:nth-child(4),.flex .item:nth-child(7){
    margin-left: 0;
}
.flex .item img{
    border: none;
}
.flex .bottom{
    margin: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24px;
}

.subNav {
    height:69px;
    width:100%;
    line-height:69px;
    background: rgba(255, 255, 255, 0.7);
    display:none;
    position:relative;
    z-index:2;
}
.subNav .item{
    width:1000px;
    margin:auto;
    overflow:hidden;
    padding-left: 4.3%;
}
.subNav a{
    color:#777777;
    font-size:14px;
    display:block;
    float:left;
    width:110px;
    text-align:center;
}

.navbar ul >li .children >li a:hover{
    color: #D7000F;
}