@charset "utf-8";
/* CSS Document */


.ptb10{ padding:10px 0;}
.ptb20{ padding:20px 0;}

.plr30{ padding:0 30px;}

.mtb10{ margin:10px auto;}
.mtb20{ margin:20px auto;}
.mtb30{ margin:30px auto;}
.mtb40{ margin:40px auto;}

.mlr30{ margin:0 30px;}

.mAll30{ margin:30px;}

.fontsize12{ font-size:12px;}
.fontsize14{ font-size:14px;}
.fontsize16{ font-size:16px;}
.fontsize18{ font-size:18px;}
.fontsize24{ font-size:24px;}
.fontsize32{ font-size:32px;}

.bShadow59{ box-shadow:0 0 5px #999;}

ul{ list-style:none; margin:0; padding:0;}

body{ font-family:"思源黑体", "微软雅黑", "宋体", Helvetica, Arial, sans-serif; line-height:1.5em; background: #f4f4f4;}
body > div{ max-width: 1920px; margin: auto;}

.topHight{ width: 100%; height: 120px;}

.top{ width:100%;  height:100px; position: fixed; left: 50%; transform: translateX(-50%); padding: 0; background-color: #FFF; background-color: rgba(255, 255, 255, 75%); z-index: 99; box-shadow: 0 0 5px #999; box-shadow: 0 0 5px rgba(0,0,0,0.25); transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.top .logo{ width: 500px; height: 80px; line-height: 80px; margin: 5px auto;}
    .top .logo img{ width: auto; height: 80px; }
    .top .logo span{ font-size: 24px;  margin-left: 20px; color: #000;}
    .top a{ text-decoration: none;}

.topSub{ height: 40px; line-height: 40px; overflow: hidden; background-color: #c30100; color: #FFF; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.topSub__text{ float: left; color: #FFF; margin: 0;}
.topSub__text a{ color: #FFF; font-size: 12px;}
.searchForm{ float: right; width: 200px; height: 26px; line-height: 26px; border-radius: 3px; background-color: rgba(0,0,0,0.55); margin: 7px auto;}
.searchForm__text{ width: 160px; height: 26px; line-height: 26px; color: #FFF; float: left; text-indent: 1em; border: none; background-color: transparent;}
.searchForm__submit{ position: relative; display: block; float: right;}
.searchForm__submit input{ position: relative; z-index: 9; width: 40px; height: 26px; line-height: 26px; color: #c30100; background-color: transparent; border: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; height: 26px; line-height: 26px;}
.searchForm__submit::before{ position: absolute; left: 0; top: 0; z-index: 1; width: 40px; height: 26px; line-height: 26px; color: #c30100; background-color: #FFF; border: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; text-align: center;}

.topNav{ height:60px; float:left;}
.topNav a{ display:block;}
.topNav a:hover{ text-decoration: none;}

.topNav dl{ width:100%; margin:0; padding:0;}
.topNav dd{ height:96px; line-height:60px; margin: 0 20px; float:left; position: relative;}
.topNav dd > a{ width:100%; height:96px; overflow:hidden; line-height:96px; font-size:16px; text-align:center; color:#333; font-weight: 600; background:none; transition:background 0.5s, color 0.5s; -moz-transition:background 0.5s, color 0.5s; -webkit-transition:background 0.5s, color 0.5s; -o-transition:background 0.5s, color 0.5s;}
.topNav dd:hover > a, .topNav dd.active > a{ border-bottom: 4px solid #c30100; color: #c30100;}
.topNav dd:hover .topNavFlowNav, .topNav dt:hover .topNavFlowNav{ display: block;}

.topNavFlowNav{ position: absolute; top: 96px; left: 50%; width: 120px; overflow: hidden; margin-left: -60px; background-color: #FFF; background-color: rgba(255, 255, 255, 75%); display: none; /* border-top: 1px solid #FFF; */ box-shadow: 0 3px 5px rgba(0,0,0,0.25); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
/* .topNavFlowNav::before{ content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #FFF; position: absolute; top: -4px; left: 50%; margin-left: -2px;} */
.topNavFlowNav a{ color: #333 !important; text-align: center; line-height: 18px; font-size: 14px; padding: 10px 15px; display: block;}
.topNavFlowNav a:last-child{ padding-bottom: 15px;}
.topNavFlowNav a:hover{ color: #FFF !important; background-color: #c30100;}

/* .top{ height: 84px;} */
.top.top--fix{ background-color: #FFF;}
.top .topSub{ height: 4px;}

.indexBanner{
    position: relative;
    width: 100%;
    min-width: 1200px;
    height: 820px;
    overflow: hidden;
}
    .indexBanner__swiper{
        width: 100%;
        /* height: 800px; */
        overflow: hidden;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
    }
    .indexBanner .swiper-button-prev,
    .indexBanner .swiper-button-next{
        width: 45px;
        height: 45px;
        overflow: hidden;
        display: block;
        border-radius: 45px;
        position: absolute;
        bottom: 30px;
        right: 110px;
        left: auto;
        top: auto;
        background-color: #FFF;
        background-image: none;
        transition:all 0.5s;
        -moz-transition:all 0.5s;
        -webkit-transition:all 0.5s;
        -o-transition:all 0.5s;
    }
        .indexBanner .swiper-button-prev::before,
        .indexBanner .swiper-button-next::before{
            content: "";
            width: 16px;
            height: 2px;
            overflow: hidden;
            border-radius: 3px;
            background-color: #000;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: rotate(45deg) translate(-50%, -50%);
            z-index: 7;
            display: block;
        }
        .indexBanner .swiper-button-prev::after,
        .indexBanner .swiper-button-next::after{
            content: "";
            width: 16px;
            height: 2px;
            overflow: hidden;
            border-radius: 3px;
            background-color: #000;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: rotate(-45deg) translate(-40%, -50%);
            z-index: 6;
            display: block;
        }
        
        .indexBanner .swiper-button-prev::before,
        .indexBanner .swiper-button-prev::after,
        .indexBanner .swiper-button-next::before,
        .indexBanner .swiper-button-next::after{
            transition:all 0.5s;
            -moz-transition:all 0.5s;
            -webkit-transition:all 0.5s;
            -o-transition:all 0.5s;
        }
        .indexBannerItem{
            overflow: hidden;
            position: relative;
        }
        .indexBannerItem img{
            position: relative;
            left: 50%;
            transform: translateX(-50%);
        }
    .indexBanner .swiper-button-prev{
        right: 170px;
        left: auto;
        top: auto;
        transform: scaleX(-1);
        background-color: #000;
    }
        .indexBanner .swiper-button-prev::before,
        .indexBanner .swiper-button-prev::after{
            background-color: #FFF;
        }
    
        .indexBanner .swiper-button-prev:hover,
        .indexBanner .swiper-button-next:hover{
            background-color: #f76d00;
        }
        
        .indexBanner .swiper-button-prev:hover::before,
        .indexBanner .swiper-button-prev:hover::after,
        .indexBanner .swiper-button-next:hover::before,
        .indexBanner .swiper-button-next:hover::after{
            background-color: #FFF;
        }
        .indexBanner .swiper-button-next.swiper-button-disabled,
        .indexBanner .swiper-button-prev.swiper-button-disabled{
            pointer-events: auto;
        }
.signinSection{ width: 360px; height: 450px; background-color: #c30100; background-color: rgba(155,1,3,0.75); padding: 50px 40px; position: absolute; left: 50%; top: 0; margin-left: -570px; z-index: 5;}
.signinSection__item{ border-bottom: 1px solid rgba(255, 255, 255, 15%); margin-bottom: 30px;}
.signinSection__item:last-child{ border: none; margin-bottom: 0;}
    .signinSection__Button{ display: flex; width: 100%; height: 50px; line-height: 50px; justify-content: center; background-color: #FFF; border-radius: 10px; color: #666; font-size: 22px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .signinSection__Button i{ display: inline-block; height: 50px; line-height: 50px; font-size: 32px; margin-right: 20px;}
    .signinSection__Button em{ display: inline-block; height: 50px; line-height: 50px; font-size: 22px; font-style: normal;}
    .signinSection__Button:hover{ opacity: 0.95; color: #666; text-decoration: none; box-shadow: 0 0 15px rgba(0,0,0,0.45);}

    .signinSection__linkList{ width: 100%; line-height: 50px; display: flex; justify-content: space-around;}
    .signinSection__linkItem{ font-size: 16px; color: #FFF;}
    .signinSection__linkItem a{ color: #FFF;}

.signinSection__item--mobile .signinSection__Button{ background-color: #ffcf4d; color: #c30100;}

.announcement{ width: 100%; height: 60px; line-height: 60px; background-color: #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.25);}
.announcement .container{ position: relative;}
.announcement__Title{ position: absolute; left: 15px; top: 0; z-index: 9; width: 155px; display: flex; justify-content: center; color: #c30100; font-size: 18px; padding-right: 15px; background: url(../images/announcementTips.png) right center no-repeat;}
.announcement__Title .iconfont{ font-size: 32px;}
.announcement #wrap a{ color: #666;}

#wrap { width: 1000px; margin: 0 0 0 140px; white-space: nowrap; overflow: hidden;}
#wrap div { display: inline-block; font-size: 16px; color: #666;}

.card{ background-color: #FFF; box-shadow: 0 0 5px rgba(0,0,0,0.25);}

.indexMainAbout{
    position: relative;
    width: 100%;
    height: 440px;
    background-color: #dfeff6;
    z-index: 5;
}
    .indexCompany{
        position: relative;
        margin-top: -60px;
        background-color: #FFF;
    }
    .indexCompany::before{
        content: "";
        position: absolute;
        top: 50%;
        left: 320px;
        width: 146px;
        height: 144px;
        background: url(../images/mogen/indexAboutLogo.png) center center no-repeat;
        z-index: 5;
        opacity: 0.15;
        transform: translateY(-50%);
    }
    .indexCompany__info{
        padding: 30px 70px 30px 480px;
    }

.indexMainNews{ margin: 0 auto 40px; position: relative; z-index: 6;}
.indexMainNews__video{ position: relative; float: left; width: 370px; height: 390px; padding: 20px;}

.indexMainNews .card{ display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 30px;}
.indexMainNews .card > div{ position: relative;}

.indexCompany__img{ float: left; margin-right: 30px;}
.indexCompany__info{ font-size: 14px; line-height: 30px; color: #666;}

    .indexCompany__title{
        font-weight: 100;
        color: #000;
        line-height: 60px;
    }
    .indexCompany__title em{
        font-weight: bold;
        color: #000;
        font-style: normal;
    }

.indexMainNews__title{ position: absolute; width: calc(100% + 60px); height: 60px; line-height: 60px; padding: 0 30px; margin: -90px -30px 0; background-color: rgba(255, 255, 255, 80%);}
.indexCompany .indexMainNews__title{ border-top-left-radius: 10px;}
.mainNews .indexMainNews__title{ border-top-right-radius: 10px;}
.indexMainNews__title h5{ margin: 0; line-height: 60px; font-size: 18px; color: #c30100;}


.mainNews .indexMainNews__title{ width: 100%; margin: -90px 0 0 30px;}
.indexMainNews__more{ float: right; width: 20px; height: 20px; line-height: 16px; text-align: center; margin: 20px 0; font-size: 12px; color: #c30100; border-radius: 20px; border: 1px solid #c30100;}


.mainNews__tapsList{ display: block; width: 470px; height: 50px; line-height: 50px; padding: 0 30px; border-bottom: 1px solid #e5e5e5; float: right;}
.mainNews__tapsItem{ position: relative; width: 95px; float: left; text-align: center;}
.mainNews__tapsItem a{ position: relative; z-index: 5; font-size: 16px; color: #999;}
.mainNews__tapsItem:hover a{ color: #c30100; text-decoration: none;}
.mainNews__tapsItem:visited a{ color: #c30100; text-decoration: none;}
.mainNews__more a{ display: block; float: right; width: 30px; height: 30px; line-height: 30px; margin: 10px auto; border: 1px solid #CCC; border-radius: 15px; color: #d0d0d0; font-size: 19px; text-align: center; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.mainNews__more a:hover{ color: #333; border-color: #333; text-decoration: none;}

.mainNews__tapsItem--active::before{ content: ""; position: absolute; top: -5px; z-index: 1; display: block; width: 95px; height: 71px; background: url(../images/mainNewsTitle.png) left top no-repeat;}
.mainNews__tapsItem--active a, .mainNews__tapsItem--active:hover a, .mainNews__tapsItem--active a:hover{ color: #FFF;}

.mainNews__contentList.swiper-container{ width: 370px; margin: 0 0 0 30px; float: right; background: url(../images/mainNewsBg.png) left center no-repeat; padding-left: 20px;}

.mainImgNews{ display: none; width: 340px; float: left; padding-right: 60px; background: url(../images/mainNewsBg.png) right center no-repeat;}
    .mainImgNews__link{ position: relative; display: block;}
        .mainImgNews__img{ width: 280px; height: 210px;}
        .mainImgNews__title{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; background-color: #000; background-color: rgba(0,0,0,0.75); color: #FFF; font-style: normal;}
        .mainImgNews__summary{ display: block; height: 48px; overflow: hidden; font-size: 14px; line-height: 24px; margin: 15px auto; color: #666;}

.mainNews__minList{ width: 100%; height: 216px; overflow: hidden; float: left;}
    .mainNews__minItem{ height: 36px; line-height: 36px;}
        .mainNews__minLink{ display: block; font-size: 12px; color: #333; border-bottom: 1px dotted #f1f1f1;}
        .mainNews__minLink:hover{ color: #c30100; text-decoration: none;}
        .mainNews__minTitle{ font-size: 14px;}
        .mainNews__minTitle::before{ font-size: 6px; color: #c30100;}
        .mainNews__minTime{ float: right; font-size: 12px; color: #999; font-style: normal;}
    .mainNews__minMore{ width: 460px; float: right; display: flex; justify-content: space-around; margin: 20px auto 0;}
        .mainNews__minButton{ display: block; height: 30px; line-height: 30px; padding: 0 20px; background-color: #c30100; color: #FFF; font-size: 14px; border-radius: 3px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
        .mainNews__minButton:hover{ background-color: #590203; color: #FFF; text-decoration: none;}

.indexDynamic{  box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.indexDynamic .container{ position: relative;}
    .indexDynamic__titleBox{ position: absolute; left: 0; width: calc(50vw - 500px); height: 220px; margin-left: calc(570px - 50vw); background: #c30100;}
    .indexDynamic__titleBox::before{ content: ""; position: absolute; right: 70px; top: 0; width: 60px; height: 220px; background: url(../images/dynamicTitle.jpg) center center no-repeat;}
    .indexDynamic__title{ position: relative; width: 70px; line-height: 40px; margin: 0; padding: 23px; font-size: 24px; color: #FFF; float: right;}
    .indexDynamic__title::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF;}

.indexDynamic__list{ width: 350px; float: right; display: block; margin: 35px auto;}
.indexDynamic__list:last-child{ margin-left: auto;}
    .indexDynamic__item{ font-size: 16px; line-height: 36px;}
    .indexDynamic__link{ display: block; width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
    .indexDynamic__link:hover{ color: #c30100;}

    .indexDynamic__link--more{ width: 160px; text-align: center; border-radius: 18px; border: 1px solid #c30100; color: #c30100; background-color: #FFF; text-decoration: none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .indexDynamic__link--more:hover{ background-color: #c30100; color: #FFF; text-decoration: none;}

    .DynamicMainImg{ position: relative; width: 600px; margin: 25px 0 25px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; float: right;}
    .DynamicMainImg__link{ width: 420px; height: 220px; overflow: hidden; display: block; position: relative;}
        .DynamicMainImg__img{ width: 100%; height: 100%;}
        .DynamicMainImg__title{ width: 100%; height: 30px; line-height: 30px; display: block; background-color: #c30100; background-color: rgba(155,1,3,0.9); padding: 0 20px; position: absolute; right: 0; bottom: 0; color: #FFF; font-weight: normal;}

    .indexDynamic__moreBtn{ position: absolute; width: 160px; height: 160px; left: 100%; top: 50%; margin-left: -130px; transform: rotate(90deg) translateX(-50%);}
 
    .indexDynamicInfo{ background: #FFF url(../images/mogen/indexRDbg.jpg) left top no-repeat;}
        .indexDynamicInfo__content{ width: 600px; height: 300px; overflow: hidden; margin: 25px 0; padding-left: 50px;}
        .indexDynamicInfo__title{ font-size: 36px; line-height: 70px; color: #FFF;}
        .indexDynamicInfo__txt{ font-size: 14px; line-height: 30px; color: #FFF;}
    
.dj__swiper .swiper-slide{ position: relative; display: block; width: auto; max-width: 480px; height: 300px;}
.dj__swiper .swiper-button-next{ right: 0 !important;}
.dj__swiper img{ display: block; width: auto; height: 100%;}

.dj__swiper__title{ position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px; color: #FFF; background-color: rgba(0, 0, 0, 0.45); text-indent: 1em;}

.indexPro{ padding: 50px 0;}
.indexPro .swiper-slide{ padding: 20px 0; width: 340px;}
.indexProItem{ width: 340px; height: 400px; background-color: #FFF; border-radius: 5px; background-color: #FFF; box-shadow: 0 0 15px rgba(0,0,0,0.25); padding: 10px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .indexProItem img{ width: 320px; height: 320px;}
    .indexProItem__title{ height: 60px; line-height: 60px; text-align: center; font-size: 16px; color: #333; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .indexProItem__link:hover{ text-decoration: none;}

    .indexProItem:hover{ background-color: #00a0e9; }
    .indexProItem:hover .indexProItem__title{ color: #FFF;}

.indexNews{ position: relative; margin-bottom: 20px; padding: 30px 0;}
.indexNews .container{ position: relative; padding: 0;}
.indexDynamic__container{ padding:  0 15px;}
.indexNews__title{ height: 70px; line-height: 70px; font-size: 18px; font-weight: bold; margin: 0; color: #00a0e9; text-transform: uppercase;}
.indexNews__title::after{ content: ""; display: inline-block; width: 120px; height: 2px; background-color: #e2e2e2;}
.indexNews__title span{ width: 240px; height: 70px; line-height: 70px; margin: 0; font-weight: 100; color: #CCC;}
.indexNews__title a{ display: block; width: 120px; height: 32px; overflow: hidden; line-height: 32px; text-align: center; margin: 16px 0; float: right; border: 1px solid #999; color: #cccccc; border-radius: 32px;}
    
.indexNews__list{ display: flex; justify-content: space-between;}
    .indexNews__item{ width: 100%;}
    
    .indexNews__titleBox{ height: 70px; line-height: 70px; border-bottom: 1px solid #f1f1f1;}
    .indexNews__title{ height: 70px; line-height: 70px;}
    .indexNews__moreLink{ float: right; color: #999; background-color: transparent; opacity: 0.45; transition: all 0.5s; margin: 18px auto; border: none;}

    .indexNewsMainNews{ padding: 20px; border-bottom: 1px solid #EEE; background-color: #FFF;}
    .indexNewsMainNews__thumbnail{ width: 100%; height: auto; overflow: hidden;}
    .indexNewsMainNews__Title{ display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px auto; font-size: 16px; color: #333;}
    .indexNewsMainNews__link{ display: block; width: 100%; text-align: right; line-height: 30px; font-size: 12px; color: #666;}
    .indexNewsMainNews__time{ float: left; color: #999; font-style: normal;}
    .indexNewsMainNews a:hover{ color: #c30100; text-decoration: none;}

    .indexNewsList{ display: block; padding: 20px; background-color: #FFF;}
    .indexNewsList__item{ width: 100%; height: 30px; line-height: 30px;}
        .indexNewsList__time{ display: block; float: right; width: 70px; line-height: 30px; overflow: hidden; text-align: right; font-size: 12px; font-style: normal; color: #999;}
        .indexNewsList__link{ display: block; float: left; width: 250px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333;}
        .indexNewsList__link:hover{ color: #c30100;}


        .indexNews__list {
            display: flex;
            flex-flow: row nowrap;
            justify-content: space-between;
            margin: 30px auto 50px;
            padding: 0;
        }
        
        .indexNews__item {
            width: 340px;
            overflow: hidden;
            text-align: left;
            display: block;
            padding: 10px;
            border-radius: 5px;
        }
        
        /* .indexNews__item:hover{ box-shadow: 0 0 5px #999; box-shadow: 0 0 5px rgba(0,0,0,0.25);} */
        .indexNews__img {
            width: 320px;
            height: 120px;
            overflow: hidden;
        }
        
        .indexNewsItem__title {
            width: 320px;
            height: 60px;
            overflow: hidden;
            line-height: 60px;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 18px;
            color: #333;
            margin: 0;
        }
        
        .indexNewsItem__summary {
            height: 48px;
            overflow: hidden;
            font-size: 14px;
            color: #999;
            line-height: 24px;
        }
        
        .indexNews__link:hover {
            text-decoration: none;
        }
        
        .indexNews__btn {
            display: block;
            width: 200px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            margin: 0 auto;
            border: 1px solid #000;
            background-color: #FFF;
            color: #000;
            border-radius: 50px;
            opacity: 0.25;
            transition: all 0.5s;
            -moz-transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
        }
        
        .indexNews__icon {
            font-size: 30px;
        }
        
        .indexNews__btn:hover {
            text-decoration: none;
            border-color: #002d69;
            background-color: #002d69;
            color: #FFF;
            opacity: 1;
        }

.linkBox{ height: 120px; background-color: #FFF; padding: 15px 0;}
    .linkBox__linkBox{ width: 50%; float: left;}
        .linkBox__imgBox{ float: left;}
            .linkBox__imgLink{ float: left; margin-right: 15px;}
                .linkBox__img{ width: 70px; height: 70px; display: block;}
                .linkBox__imgTitle{ display: block; width: 70px; height: 24px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666; text-align: center;}
        .linkBox__moreLink{ float: left;}
            .linkBox__moreLinkTitle{ line-height: 30px; margin-top: 15px; color: #333;}
            .linkBox__moreLinkSelect{ width: 210px; height: 30px; line-height: 30px; border: 1px solid #DDD; border-radius: 5px; text-indent: 1em;}
    .linkBox__contact{ position: relative; width: 50%; float: right; text-align: right; padding: 15px 0;}
        .linkBox__logo--only{ display: block; position: absolute; top: 50%; right: 300px; transform: translateY(-50%);}
        .linkBox__hotline, .linkBox__contactline{ clear: both; width: 280px; float: right; font-size: 16px; color: #333;}
        .linkBox__hotlinePhone{ font-size: 36px; color: #c30100;}
        .linkBox__contactlinePhone{ font-size: 23px;}


        .foot {
            background-color: #FFF;
            padding-top: 40px;
            box-shadow: 0 0 5px rgba(0,0,0,0.25);
        }
        
        .footInfo {
            display: flex;
            flex-flow: row nowrap;
            justify-content: flex-start;
        }
        
        .footInfo__img {
            display: block;
            width: auto;
            padding: 0 30px;
            position: relative;
        }
        
        .footInfo__img:first-child {
            padding-left: 0;
        }
        
        .footInfo__info {
            line-height: 24px;
        }
        
        .footInfo__info span {
            display: block;
            color: #999;
        }
        
        .footExtension img {
            width: 80px;
            height: 80px;
        }
        
        .copyright {
            line-height: 60px;
            margin-top: 20px;
            border-top: 1px solid #EEE;
            color: #999;
        }
        
        .copyright p {
            margin: 0;
        }
        
        .arrowUp {
            cursor: pointer;
        }


.indexWorkItem{ width: 360px; overflow: hidden;; background-color: #FFF; }
.indexWorkItem__title{ font-size: 30px; color: #000; margin: 0; line-height: 60px; padding: 0 15px;}
.indexWorkItem__info{ font-size: 16px; color: #666; margin: 0; line-height: 36px; margin-bottom: 15px; padding: 0 15px;}

.swiper-button-prev, .swiper-button-next{ padding: 20px !important; background-size: 35px 35px !important;}
.swiper-button-prev{ left: -100px !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23CCCCCC'%2F%3E%3C%2Fsvg%3E") !important;}
.swiper-button-next{ right: -100px !important; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23CCCCCC'%2F%3E%3C%2Fsvg%3E") !important;}

.banner{ position: relative; width: 100%; min-width: 1200px; overflow: hidden;}
.banner .container{ height: 400px;}
.banner img{ position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: auto; height: 400px;}

.content{ margin: 50px auto;}
    .content img{ max-width: 100%;}
    .contentMain{ width: 100%; min-height: 520px; float: left;}

    .contentNav{ position: relative; width: 240px; border-radius: 5px; overflow: hidden; background-color: #FFF; box-shadow: 0 0 5px rgba(0,0,0,0.25); float: right;}
        .contentNav::before{ position: absolute; bottom: 60px; right: -100px; opacity: 0.15; font-size: 200px; color: #c30100;}

        .contentNav__title{ height: 60px; line-height: 60px; margin: 0; padding: 0 30px; box-shadow: 0 0 5px rgba(0,0,0,0.1);}

        .contentNav__list{ margin: 20px 30px 30px;}
            .contentNav__item{ height: 36px; line-height: 36px; font-size: 14px; border-bottom: 1px dotted #DDD;}
            .contentNav__link{ position: relative; display: block; width: 100%; height: 36px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #666; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
            .contentNav__linkText{ position: relative; z-index: 2; font-style: normal;}
            .contentNav__link::before{ position: relative; z-index: 2; font-size: 12px;}
            .contentNav__link .iconfont{ font-size: 12px; margin-left: 10px;}
            
            .contentNav__link:hover, .contentNav__link--active{ color: #FFF; text-decoration: none; background-color: #c30100;}
            /* .contentNav__link:hover::after{ opacity: 1;} */

            .affix{ position: fixed; top: 100px; left: 50%; margin-left: 330px;}

            
  .content__bd {
    width: 920px;
  }
  .content__title {
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #CCC;
    margin-bottom: 30px;
  }
  .content__h1{ font-size: 30px; line-height: 60px;}
  .content__title b {
    float: right;
    font-size: 24px;
    color: #c40000;
    display: block;
    margin-left: 20px;
  }
  .content__title span {
    font-size: 16px;
    color: #999;
  }
  .content__title em {
    float: right;
    width: 30px;
    height: 30px;
    overflow: hidden;
    border: solid 1px #999;
    border-radius: 30px;
    background: #FFF;
    color: #999;
    display: block;
    text-align: center;
    line-height: 28px;
    margin: 10px 0 10px 20px;
    font-style: normal;
    cursor: pointer;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .content__h1 {
    margin: 0;
    padding: 0;
  }
  .content__info {
    margin: 30px 0;
  }
  .proListBody--content {
    width: 920px;
  }
  .proListBody__li{ width: 270px; padding: 10px; border-radius: 5px; box-shadow: 0 0 5px #CCC; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);  text-align: center; float: left; margin: 0 15px 30px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }

  .proListBody__li:hover{ box-shadow: 0 0 15px #74b7d6; box-shadow: 0 0 15px rgba(0, 0, 0, 0.45);}
  .proListBody__li a{ text-decoration: none;}
  .proListBody__li img{ width: 250px; height: 250px;}
  .proListBody__li p{ font-size: 14px; height: 40px; color: #666; line-height: 40px; margin: 0; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

  .proTitle h1{ font-size: 30px; line-height: 50px; color: #74b7d6;}
  .proTitle::after{ content: ""; display: block; width: 220px; height: 2px; background-color: #74b7d6;}

  .proInfo{ margin: 30px 0;}

  .proViewContent{ width: 900px;}
  
  .proViewInfo{ background-color: #74b7d6; border-radius: 5px;}

  .proViewInfoDiv{ width: 270px; padding: 10px; border-radius: 5px; box-shadow: 0 0 5px #CCC; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); background-color: #FFF;  text-align: center; float: left;  transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; }

  .proViewInfoDiv a{ text-decoration: none;}
  .proViewInfoDiv img{ width: 250px; height: 250px;}
  .proViewInfoDiv p{ font-size: 14px; color: #666; line-height: 24px; margin: 0; padding: 0 15px;}

.proViewInfoOrder{ width: 220px; margin: 15px auto 30px;}
.proViewInfoOrder h5{ font-size: 16px; color: #FFF; line-height: 40px;}
.proViewInfoOrder a{ display: inline-block; border-radius: 40px; border: 1px solid #FFF; color: #FFF; overflow: hidden; padding: 0 20px; position: relative; transform: translate(12px, 12px);}

            
.newsMainBox{ overflow: hidden; border-radius: 5px; background-color: #FFF; box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.newsMainImg{ width: 450px; height: 375px; padding-right: 30px; background: #FFF url(../images/mainNewsBg.png) right center no-repeat; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; float: left;}
    .newsMainImg__link{ width: 420px; height: 220px; overflow: hidden; display: block; position: relative;}
        .newsMainImg__img{ width: 100%; height: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px;}
        .newsMainImg__uptime{ height: 30px; line-height: 30px; display: block; background-color: #c30100; background-color: rgba(155,1,3,0.9); padding: 0 20px; position: absolute; right: 0; bottom: 0; color: #FFF; font-weight: normal;}

    .newsMainImg__title{ height: 30px; overflow: hidden; line-height: 30px; padding: 0 20px; font-size: 16px; color: #c30100; text-overflow: ellipsis; white-space: nowrap;}
    .newsMainImg__summary{ height: 72px; overflow: hidden; font-size: 14px; line-height: 24px; color: #999; padding: 0 20px; font-weight: normal;}






    .newsMainItem{ width:650px; overflow:hidden; display:block; background:#FFF; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .newsMainItem li:nth-of-type(even){ float:right;}
    .newsMainItem a{ width:100%; overflow:hidden; display:block;}
    .newsMainItem dl{ width:100%; height:115px; overflow:hidden; margin:10px 0 0; padding-top:15px; border-bottom:1px dotted #CCC;}
    .newsMainItem dt{ float:left; width:80px; text-align:center;}
    .newsMainItem dd{ width:560px; float:left;}
    .newsMainItem dd h3{ font-size:16px; color:#000; height:30px; line-height:24px; margin:0; padding:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .newsMainItem dd p{ font-size:12px; line-height:18px; height:36px; overflow:hidden; color:#666; margin:0; padding:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    
    .newsMainItem dt{ margin-right:10px; height:66px;}
    .newsMainItem dt .newsListDate{ width:80px; height:100%; overflow:hidden; float:left; border-right:1px solid #CCC; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .newsMainItem dt .newsListDate span{ font-size:30px; color:#999; line-height:40px; margin:0; padding:0; width:64px; text-align:center; display:block; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .newsMainItem dt .newsListDate p{ font-size:14px; color:#999; line-height:22px; margin:5px 0; padding:0; width:64px; text-align:center; display:block; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .newsMainItem dt .newsListDate b{ font-size:14px; color:#999; line-height:16px; margin:0; padding:0; width:64px; text-align:center; display:block; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    
    .newsMainItem:hover h3{ color:#c30100;}

.newsMainBox__list{ width: 100%;}
    .newsMainBox__item{ width: 100%; background-color: transparent;}
    .newsMainBox__item dd{ width: 1040px; float: right;}



    .topMinNav{ height: 80px; line-height: 80px; text-align: center; background-color: #FFF; box-shadow: 0 0 5px #CCC; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);}
    .topMinNav__list{ display: flex; flex-flow: row nowrap; justify-content: space-between;}
        .topMinNav__item{ width: 90%; text-align: center; line-height: 80px; border-right: 1px solid #EEE; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
        .topMinNav__item:last-child{ border-right: none;}
        .topMinNav__item a{ width: 100%; height: 100%; display: block; color: #666; font-size: 16px; text-decoration: none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
        .topMinNav__item.active,.topMinNav__item:hover{}
        .topMinNav__item.active a,.topMinNav__item:hover a{ background-color: #c30100; color: #FFF;}
    .topProMinNav__list .topMinNav__item a{ font-size: 14px;}

.pageBox{ text-align: center; margin-top: 50px;}
    .pagination>.active>a,
    .pagination>.active>a:focus,
    .pagination>.active>a:hover,
    .pagination>.active>span,
    .pagination>.active>span:focus,
    .pagination>.active>span:hover{
        background-color: #c30100; border-color: #c30100;
    }
    .pagination>li>a,
    .pagination>li>span{
        color: #c30100;
    }

    
.newView{ margin:0; padding: 30px; border-radius: 5px;}
.newView__title{ text-align:center; border-bottom:1px dotted #CCC;}
.newView__title h3{ color:#000; line-height: 36px;}
.newView__title p{ font-size:12px; line-height: 20px; color:#999;}

.newView__info{ line-height:2em; min-height:520px; height:auto; _height:520px; overflow:auto; margin:30px 0 0;}

.backMainBox{ margin-bottom:60px;}
.backBox{ width:100%; overflow:hidden; clear:both; border-top:1px dotted #CCC; padding-top: 30px;}
.backBox p{ width:50%; overflow:hidden; float:left; font-size:12px; color:#666; margin:0;}
.backBox a{ font-size:12px; color:#666; text-align:left;}
.backBox a:hover{ text-decoration:underline;}
.backBox p.ProBreak{ width: 102px; float:right;}
.ProBreak a{ display: block; width: 100px; height: 24px; border: 1px solid #CCC; font-size: 12px; text-align: center; line-height: 24px; color: #999; margin: 0; border-radius: 3px;}

.pageError{ width: 80vw; height: 80vh; overflow: hidden; background: #FFF url(../images/404.jpg) center center no-repeat; background-size: contain;}
    .pageError__info{ position: absolute; top: 60%; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #c30100; text-align: center;}


.workBox{ display: flex; flex-flow: row wrap; justify-content: space-between;}
.workBox__item{ width: 25%; padding: 0 5px; text-align: center;}
.workBox .indexWorkItem{ width: 100%; box-shadow: 0 0 5px rgba(0,0,0,0.25); border-radius: 0 0 5px 5px;}

.sclist{

	-moz-column-count:3;
	/* Firefox */
        -webkit-column-count:3;
	/* Safari 和 Chrome */
        column-count:3;
	-moz-column-gap:1em;
	-webkit-column-gap:1em;
	column-gap:1em;
}
.scItem {
    position: relative;
	height:auto;
	padding:1em;
	margin-top:1em;
	-moz-page-break-inside:avoid;
	-webkit-column-break-inside:avoid;
	break-inside:avoid;
    background:#FFF;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}