@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: #FFF;}
body > div{ max-width: 1920px; margin: auto;}


.green{ background:#232323;}
.greenTxt{ color:#232323;}




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


.top .logo{ width: 320px; height: 100px; line-height: 100px; text-align: left; float: left;}
    .top .logo img{ width: auto; }

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

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

.topNav dd.lan > a{ height: 30px; line-height: 30px; background-color: #74b7d6; color: #FFF; border-radius: 15px; padding: 0 15px; margin: 35px 0;}

.topNavFlowNav{ position: absolute; top: 90px; width: 140px; left: 50%; margin-left: -70px; background-color: #FFF; display: none; border-top: 1px solid #FFF; box-shadow: 0 0 5px rgba(0,0,0,0.25);}
.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: 12px; padding: 10px 15px; display: block;}
.topNavFlowNav a:hover{ color: #FFF !important; background-color: #74b7d6;}
    

.topInfo{ height: 60px; background-color: #74b7d6; line-height: 60px;}
.topInfo__add, .topInfo__phone{ color: #FFF; font-size: 14px; line-height: 60px; margin-right: 10px;}
.topInfo__add .iconfont, .topInfo__phone .iconfont{ margin: 0 10px;}

.topSearch{ width: 230px; line-height: 60px; float: right; position: relative;}
.topSearch__input{ width: 200px; height: 24px; border-radius: 24px; background-color: #FFF; padding: 0 15px; border: 0; outline: none;}
.topSearch__submit{ width: 30px; height: 60px; overflow: hidden; line-height: 60px; border: 0; background-color: transparent; position: absolute; right: 0; top: 0;}
.topSearch__icon{ width: 30px; height: 60px; line-height: 60px; overflow: hidden; float: right; color: #FFF; text-align: center;}

.topHeight{ height: 160px;}

.top.fixed{ border-top: 3px solid #74b7d6;}

.indexBanner{
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    padding-bottom: 80px;
    background-color: #74b7d6;
}
    .indexBanner__swiper{
        width: 100%;
        /* height: 800px; */
        overflow: visible !important;
        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%);
            max-width: 100%;
        }
    .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: #74b7d6;
        }
        
        .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;
        }
        .indexBanner .swiper-container-horizontal>.swiper-pagination-bullets,.indexBanner  .swiper-pagination-custom, .swiper-pagination-fraction{
            bottom: -45px;
        }
        .indexBanner .swiper-pagination-bullet-active{
            background: #FFF;
        }

.indexContent{
    background-image: url(../images/indexAboutBg.png);
    background-position: 90% -100px;
    background-repeat: no-repeat;
    padding: 50px 0 50px;
}
    .indexAbout{ position: relative;}
        .indexAboutImg{ margin: 40px 0 0 40px; position: relative; float: right;}
        .indexAboutImg img{ width: 380px; height: 380px; z-index: 2; position: relative;}
        .indexAboutImg::before{ content: ""; position: absolute; width: 380px; height: 380px; background-color: #f2f2f2; margin: 30px 0 0 -30px; z-index: 1;}

        .indexAboutContent{ width: 100%; padding: 0 0 40px;}
        .indexAboutContent__title{ font-size: 30px; line-height: 80px; color: #333; margin: 0; text-align: center;}
        .indexAboutContent__info{ font-size: 14px; line-height: 24px; color: #666; margin: 0;}
        .indexAboutContent__capital{ font-size: 18px; color: #666; margin-top: 30px;}
        .indexAboutContent__capital span{ font-size: 30px; color: #74b7d6;}

        .indexAboutLink{ display: block; width: 120px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #999; border-radius: 20px; border: 1px solid #CCC; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; position: absolute; right: 0; top: 85px;}
        .indexAboutLink:hover{ border: 1px solid #333; color: #333; text-decoration: none;}


.indexTitle{ text-align: center;}
    .indexTitle h5{ font-size: 36px; line-height: 70px; text-transform: uppercase; font-weight: 500;}
    .indexTitle i{ width: 250px; height: 1px; display: block; margin: 0 auto; background-color: #000; background-color: rgba(0,0,0,0.25); text-align: center;}
    .indexTitle i::after{ content: " "; width: 50px; height: 3px; display: block; margin: 0 auto; background-color: #000;}

.indexType{ height: 460px; background: url(../images/indexProType.jpg) center top no-repeat; padding: 40px 0;}

.indexType__title h5{ color: #FFF;}
.indexType__title i{ background-color: #FFF; background-color: rgba(255,255,255,0.25);}
.indexType__title i::after{ background-color: #FFF;}

.indexProType{ height: 270px; margin-top: 100px;}
    .indexProType__wrapper{ display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: flex-start;}
        .indexProType__slide{ height: 270px;; text-align: center; width: 25%; border-right: 1px dotted #649dca; border-right: 1px dotted rgba(255,255,255,0.15);}
        .indexProType__slide:last-child{ border: 0;}
            .indexProType__icon{ height: 100px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
                .indexProType__icon a{ text-decoration: none;}
                .indexProType__icon .iconfont{ font-size: 120px; color: #FFF; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
            .indexProType__title{ font-size: 18px; color: #FFF; line-height: 30px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
            a.indexProType__link{ width: 46px; height: 24px; display: block; text-align: center; line-height: 24px; border-radius: 12px; border: 1px solid #FFF; text-decoration: none; margin: 0 auto; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
            .indexProType__link .iconfont{ display: block; transform: rotate(90deg); font-size: 10px; color: #FFF;}
        
            .indexProType__slide:hover .indexProType__icon{ height: 60px; }
            .indexProType__slide:hover .indexProType__icon .iconfont{ font-size: 80px;}
            .indexProType__slide:hover .indexProType__title{ font-size: 24px; line-height: 50px;}
            .indexProType__slide:hover a.indexProType__link{ width: 46px; height: 46px; line-height: 46px; border-radius: 23px;}



.indexPro{ background:#f0f3f8 url(../images/indexProBg.jpg) center top no-repeat; padding: 40px 0;}

.indexProItem{ width: 230px; height: 310px; overflow: hidden; border-radius: 5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .indexProItem__img{ width: 230px; height: 230px; overflow: hidden; display: block; background-color: #74b7d6;}
        .indexProItem__img img{ width: 100%; height: 100%; display: block; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .indexProItem__title{ width: 100%; height: 80px; line-height: 20px; overflow: hidden; margin: 0; padding: 10px 10px 0; font-size: 14px; color: #999; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
    .indexProItem__info{ width: 100%; line-height: 18px; overflow: hidden; margin: 0; padding: 0px 10px; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: #a3a3a3;}

    .indexProItem .indexProItem__title,
    .indexProItem .indexProItem__info{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
        .indexProItem:hover .indexProItem__title,
        .indexProItem:hover .indexProItem__info{ color: #53a5ff;}
    
.indexProItem:hover{ background-color: #74b7d6;}
.indexProItem:hover .indexProItem__img img{ opacity: 0.75;}
.indexProItem:hover .indexProItem__title{ color: #FFF;}


.indexPro__title{ margin-bottom: 40px;}

.indexNews{ padding: 40px 0;}

.indexNewsList{ margin-top: 70px;}
.indexNewsListFirst{ width: 440px; height: 375px; border: 1px solid #e7e7e7; background: #FFF; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; float: left;}
    .indexNewsListFirst__link{ width: 440px; height: 220px; overflow: hidden; display: block; position: relative; margin-bottom: 20px;}
        .indexNewsListFirst__img{ width: 100%; height: 100%;}
        .indexNewsListFirst__uptime{ height: 30px; line-height: 30px; display: block; background-color: #74b7d6; background-color: rgba(116,183,214,0.9); padding: 0 20px; position: absolute; right: 0; bottom: 0; color: #FFF; font-weight: normal;}

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

    
    .indexNewsListFirst:hover{ box-shadow: 0 0 5px #000; box-shadow: 0 0 15px rgba(0,0,0,0.25);}




    .indexNewsContent{ width: 720px; float:right; }
    .indexNewsContent ul{ margin:0; padding:0;}
    .indexNewsContent li{ width:720px; 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;}
    .indexNewsContent li:nth-of-type(even){ float:right;}
    .indexNewsContent a{ width:100%; overflow:hidden; display:block;}
    .indexNewsContent dl{ width:100%; height:115px; overflow:hidden; margin:10px 10px 0; padding-top:15px; border-bottom:1px dotted #CCC;}
    .indexNewsContent dt{ float:left; width:80px; text-align:center;}
    .indexNewsContent dd{ width:610px; float:left;}
    .indexNewsContent 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;}
    .indexNewsContent 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;}
    
    .indexNewsContent dt{ margin-right:10px; height:66px;}
    .indexNewsContent 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;}
    .indexNewsContent 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;}
    .indexNewsContent 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;}
    .indexNewsContent 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;}
    
    .indexNewsContent li:hover{ background:#74b7d6;}
    .indexNewsContent li:hover *{ color:#FFF;}
    .indexNewsContent li:hover dt *{ color:#FFF;}
    .indexNewsContent li:hover dt .newsListDate{ border-right:1px solid #FFF;}


    .foot{
        padding: 40px 30px;
        background-color: #74b7d6;
        min-width: 1200px;
    }
        .footNav{
            width: 1000px;
            display: table-cell;
            vertical-align: top;
        }
        .footNavList{
            width: 100%;
            display: flex;
            flex-flow: row nowrap;
            list-style: none;
            text-align: left;
            justify-content: space-between;
        }
            .footNavItem h5{
                font-size: 18px;
                line-height: 44px;
                margin: 0;
                font-weight: bold;
            }
            .footNavItem h5 a{
                color: #FFF;
                font-size: 18px;
            }
            .footNavItem p{
                font-size: 14px;
                line-height: 24px;
                margin: 0;
            }
            .footNavItem p a, .footNavItem p  span{
                font-size: 14px;
                color: #FFF;
                display: inline-block;
                transition:all 0.5s;
                -moz-transition:all 0.5s;
                -webkit-transition:all 0.5s;
                -o-transition:all 0.5s;
            }
            .footNavItem .iconfont{
                font-size: 14px;
                color: #FFF;
                margin-right: 5px;
                float: left;
            }
            
            .footNavItem p a:hover{
                text-decoration: underline;
            }
        .footExtension{
            display: table-cell;
            width: 88px;
            text-align: center;
            float: right;
        }
            .footExtension img{
                width: 88px;
                height: auto;
            }
            .footExtension p{
                width: 88px;
                text-align: center;
                letter-spacing:8px;
                color: #FFF;
                line-height: 30px;
                margin: 0 auto;
            }
        .footAbout{
            display: table-cell;
            vertical-align: top;
        }
        .footAbout img{
            margin-bottom: 20px;
        }
    .copyright{
        height: 50px;
        line-height: 50px;
        background-color: #4d9bbf;
        padding: 0 30px;
        min-width: 1200px;
    }
        .copyright p{
            font-size: 12px;
            color: #FFF;
            margin: 0;
        }
        .copyright a{
            color: #FFF;
        }
 

.server{ position:fixed; right:20px; top:200px; z-index:99999;}
    .server ul{ list-style:none; margin:0; padding:0;}
        .server li{ width:40px; height:40px; line-height: 40px; margin-bottom:1px; position:relative; text-align: center;}
        .server li a{ width:40px; height:40px; display: block; text-decoration: none; position: relative; z-index: 2; background-color:#74b7d6; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
        .server li a .iconfont{ font-size: 18px; color: #FFF;}
        .server li p{ height: 40px; overflow: hidden; line-height: 40px; color: #FFF; margin: 0; padding: 0 22px 0 15px; background-color:#4d9bbf; position: absolute; z-index: 1; right: 0; top: 0; display: none;}
        .server li p::after{ content: "　　"; width: 40px; height: 40px; display: inline;}
                .server li:hover a{ background-color: #4d9bbf;}


.banner{
    width: 100%;
    min-width: 1200px;
    text-align: center;
}
.banner img{
    width: 100%;
}

.content{ margin: 40px 0;}



.indexAlbum{ position: relative; width: 100%; height: 300px; line-height: 300px; background-color: #f1f1f1; padding: 50px 0 50px 120px;}

.indexAlbum__title{ width: 120px; height: 300px; background-color: #74b7d6; position: absolute; left: 0; top: 0;}
.indexAlbum__title h5{ width: 120px; height: 300px; padding: 50px 45px; overflow: hidden; font-size: 24px; color: #FFF; line-height: 50px; margin: 0; text-align: center; font-weight: 100;}

.AlbumList.swiper-container { width: 100%;  height: 100%;}
    .AlbumList .swiper-slide { width: 300px; height: 200px; position: relative;}
    .AlbumList__img{ width: 300px; height: 200px; overflow: hidden;}
    .AlbumList__img img{ display: block;  width: 300px; height: 200px;}
    .AlbumList__title{ width: 300px; height: 50px; overflow: hidden; line-height: 50px; background-color: #000; background-color: rgba(0,0,0,0.45); position: absolute; left: 0; bottom: 0; padding: 0 30px; font-size: 18px; color: #FFF; margin: 0;}


.partnerBox{ margin: 0 auto 50px; padding: 40px 0; background: url(../images/indexPartnerImg.jpg) center top no-repeat;}
.partnerBoxType__title h5{ color: #333; margin: 30px auto;}



.contentNav {
    width: 260px;
  }
  .contentNav__hd {
    height: 60px;
    line-height: 60px;
    border-bottom: solid 1px #ecebeb;
  }
  .contentNav__title {
    color: #000;
    text-transform: uppercase;
    text-indent: 5px;
    line-height: 60px;
    margin: 0;
    padding: 0;
  }
  .contentNav__bd {
    margin: 15px 0;
  }
  .contentNav__List {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .contentNav__Item {
    width: 100%;
  }
  .contentNav__link {
    height: 40px;
    line-height: 40px;
    margin: 5px auto;
    padding: 0 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
    font-size: 14px;
    color: #555;
    display: block;
  }
  .contentNav__link i{
    font-size: 14px;
    color: #555;
    margin-right: 10px;
  }
  .contentNav__link--active,.contentNav__link:hover {
    color: #74b7d6;
    background-color: #74b7d6;
    color: #FFF;
    text-decoration: none;
  }
  .contentNav__link--active i,.contentNav__link:hover i{
    color: #FFF;
  }

  .flowNav {
    height: 0;
    width: 100%;
    overflow: hidden;
    margin: 5px 0 15px;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
  }
  .flowNav__Item {
    margin: 5px auto;
    padding-left: 20px;
    line-height: 20px;
  }
  .flowNav__link {
    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: block;
    padding-left: 20px;
  }
  .flowNav__link i{
      width: 10px;
      margin-right: 10px;
      font-size: 12px;
      position: relative;
      margin-left: -20px;
  }
  .flowNav__link--active,.flowNav__link:hover{
    color: #74b7d6;
    text-decoration: none;
  }
  .flowNav__num {
    font-size: 12px;
    color: #000;
    float: right;
  }
  .contentNav__Item.active .flowNav ,.contentNav__Item:hover .flowNav {
    height: auto;
    margin: 5px 0 15px;
  }


  .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{ width: 220px; height: 40px; line-height: 40px; display: block; overflow: hidden; border-radius: 5px;}

  .searchSelect__link {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    padding: 0 5px;
    margin: 0 5px;
    display: inline-block;
  }
  .searchSelect__link .searchSelect__fa {
    color: #CCC;
  }
  .searchSelect__link:hover {
    color: #74b7d6;
    text-decoration: none;
  }
  .searchSelect__link:hover .searchSelect__fa {
    color: #74b7d6;
  }

  .topMinNav{ height: 80px; line-height: 80px; text-align: center; 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: 100%; 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{ background-color: #74b7d6;}
        .topMinNav__item.active a,.topMinNav__item:hover a{ color: #FFF;}

        .newsRecommended .indexNewsList{ margin-top: 0;}


.newsList{ width: 1200px; float:right; }
.newsList ul{ margin:0; padding:0;}
.newsList li{ width:1200px; 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;}
.newsList li:nth-of-type(even){ float:right;}
.newsList a{ width:100%; overflow:hidden; display:block;}
.newsList dl{ width:100%; height:115px; overflow:hidden; margin:10px 10px 0; padding-top:15px; border-bottom:1px dotted #CCC;}
.newsList dt{ float:left; width:80px; text-align:center;}
.newsList dd{ width:1090px; float:left;}
.newsList 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;}
.newsList 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;}

.newsList dt{ margin-right:10px; height:66px;}
.newsList 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;}
.newsList 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;}
.newsList 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;}
.newsList 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;}

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

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


.pageBox{ text-align:center; margin:30px auto; clear:both}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background:#74b7d6; color:#FFF; border:1px solid #74b7d6;}
.pagination>li>a, .pagination>li>span{ color:#333;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{ color:#74b7d6;}

.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;}



.rczpBox { width:100%;}
.rczpBox .zp_search{ overflow:hidden; margin-bottom:30px; margin-top:60px;}
.rczpBox .zp_search select{ display:block; float:left; width:348px; height:33px; line-height:33px; border:1px solid #cecece; margin-right:20px; font-size:12px; color:#999; padding-left:10px;}
.rczpBox .zp_search .sbox{ overflow:hidden; width:458px; height:33px; background-color:#fff; border:1px solid #cecece;float:right}
.rczpBox .zp_search input{ display:block; font-size:12px; color:#999; line-height:33px;  float:left; width:370px; height:33px; border:none; outline:none; line-height:33px; margin-left:10px;}
.rczpBox .zp_search i{ display:block; width:60px; height:33px; float:right; cursor:pointer;}
.rczpBox .zpList{ width:100%; padding-top:20px;}
.rczpBox .zpList li{ width:100%; overflow:hidden; margin-bottom:20px; box-shadow:0 0 5px #CCC;}
.rczpBox .zpList li .tkBox{}
.rczpBox .zpList li .h5{ cursor:pointer; padding-left:20px;  line-height:50px; height:50px; background:url(../images/zhaopin02.png) no-repeat 1080px center;background-color:#FFF; margin:0;}
.rczpBox .zpList li .h5 span{font-size:16px; color:#333; font-weight:bold; display:block; width:80%; white-space:nowrap; overflow:hidden; float:left; text-overflow:ellipsis}
.rczpBox .zpList li .h5 em{ font-size:14px; color:#666;display:block; width:200px; float:left}


.rczpBox .zpList li:hover .h5 span,.rczpBox .zpList li.cur .h5 span,
.rczpBox .zpList li:hover .h5 em,.rczpBox .zpList li.cur .h5 em{ color:#fff}
.rczpBox .zpList li:hover .h5,.rczpBox .zpList li.cur .h5{background-color:#74b7d6;}

.rczpBox .zpList .zwjs{ overflow:hidden; width:100%; display:none; background-color:#fff; padding-top:30px;}
.rczpBox .zpList .zwjs h4{ font-size:20px; color:#333; margin-bottom:20px;}
.rczpBox .zpList .zwjs table{ overflow:hidden; width:100%; margin-bottom:40px;}
.rczpBox .zpList .zwjs tr{ overflow:hidden; height:40px; font-size:12px; color:#777; width:100%; text-align:center; border-bottom:1px solid #e7e7e7}
.rczpBox .zpList .zwjs .trh{ overflow:hidden; background-color:#f0f0f0;}
.rczpBox .zpList .zwjs td{ border-right:1px solid #e7e7e7}
.rczpBox .zpList .zwjs td.last{ border:none}
.rczpBox .zpList .zwjs .rzzg{ overflow:hidden; width:1080px; margin:0 auto; padding-bottom:30px; border-bottom:1px solid #e7e7e7; margin-bottom:25px;}
.rczpBox .zpList .zwjs .rzzg h6{ font-size:14px; color:#555; margin-bottom:15px;}
.rczpBox .zpList .zwjs .rzzg p{ font-size:14px; color:#777; line-height:30px;}
.rczpBox .zpList .zwjs > span{ display:block; margin-bottom:70px; font-size:12px; color:#555; margin-left:60px;}
.rczpBox .zpList .zwjs > span em{ color:#555;}
.rczpBox .zpList .zwjs b{ display:block; cursor:pointer; font-weight: normal; font-size:20px; color:#fff; width:180px; height:40px; text-align:center; line-height:40px; background-color:#CCC; margin-left:60px; margin-bottom:40px;}


.joinBox .rczpBox .zpList li .h5 span,.joinBox .rczpBox .zpList li .h5 em{ color:#fff}
.joinBox .rczpBox .zpList li .h5 em{ font-style: normal;}
.joinBox .rczpBox .zpList li .h5 em i{ font-style: normal; font-size: 12px;}
.joinBox .rczpBox .zpList li .h5 > i{ width: 80px; color: #FFF; transform: rotateZ(180deg); display: block; float: right; text-align: right;}
.joinBox .rczpBox .zpList li .h5{background-color:#74b7d6;}
.joinBox .rczpBox .zpList li .h5 span{ width:150px;}
.joinBox .rczpBox .zpList li:first-child .zwjs{ display:block;}

.contactList{ display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; text-align: left;}
.contactList i.iconfont{ font-size: 48px; color: #74b7d6; line-height: 60px;}
.contactList h5{ font-size: 24px; color: #74b7d6; margin: 0; line-height: 60px;}
.contactList p{ font-size: 14px; color: #666; line-height: 24px; margin: 0;}
.contactList p a{ font-size: 14px; color: #666;}


.feedbackImg{ float: right;}

.feedbackForm{ width: 660px; margin: 50px auto;}
    .feedbackForm__title{ line-height: 50px; font-size: 30px; color: #666; margin: 0;}
    .feedbackForm__title::after{ content: " "; display: inline-block; width: 480px; height: 6px; float: right; margin: 22px 0; background-color: #EEE; border-radius: 3px;}

.feedbackTable{ width: 100%; margin: 30px auto; }
    .feedbackTable__title{ width: 120px; text-align: right; font-size: 16px; color: #333;}
    .feedbackTable__title em{ color: red;}
    .feedbackTable td{ line-height: 60px; vertical-align: top;}
        .feedbackTable__input{ width: 100%; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 20px; color: #333; border: 1px solid #e8e8e8; background-color: #f7f7f7; outline: none;}
        .feedbackTable__textarea{ width: 100%; height: 120px; line-height: 24px; border-radius: 20px; padding:15px; color: #333; border: 1px solid #e8e8e8; background-color: #f7f7f7; outline: none; margin-top: 10px;}
        .feedbackTable__img{ margin-left: 20px; width: 120px; height: 30px;}

        .feedbackTable__submit{ width: 120px; height: 40px; border-radius: 20px; text-align: center; line-height: 40px; color: #FFF; border: 0; background-color: #74b7d6; margin: 10px 20px 10px 0; outline: none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
        .feedbackTable__reset{ width: 120px; height: 40px; border-radius: 20px; text-align: center; line-height: 40px; color: #333; border: 1px solid #e8e8e8; background-color: #f7f7f7; outline: none; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
        .feedbackTable__submit:hover{ background-color: #4d9bbf;}
        .feedbackTable__reset:hover{ background-color: #EEE;}


.box {
    margin-bottom: 20px;
    float: left;
    width: 270px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.45);
}
.box img {
    max-width: 100%
}
.caseView #masonry{
    margin: 0 -15px;
}
.caseView .container-fluid {
    padding: 15px;
}
.caseView .box {
    width: 110px;
}
.caseView .masonry__titleBox, .caseView .masonry__titleBox h5, .caseView .masonry__titleBox p{ display: block; font-size: 14px; margin: 0;}

.masonry__titleBox{
    display: table;
    width: 100%;
    padding: 15px 10px;
}
.masonry__titleBox h5{
    display: table-cell;
    text-align: left;
    font-size: 18px;
}
.masonry__titleBox h5 span{
    display: inline-block;
    font-size: 14px;
}
.masonry__titleBox p{
    display: table-cell;
    width: 76px;
    text-align: right;
}
.masonry__titleBox a{
    display: block;
    width: 64px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #CCC;
    color: #999;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
}

.caseView{ padding: 10px 0;}
.caseViewLeft{ width: 750px; float: left;}
.caseImg{ width: 750px; background-color: #FFF; box-shadow: 0 0 10px rgba(0,0,0,0.45); text-align: center; padding: 10px;}
.caseImg img{ max-width: 730px; height: auto;}

.caseContent h5{ line-height: 80px; font-size: 30px; color: #000; font-weight: normal; border-bottom: 1px solid #CCC; margin: 20px auto;}

.caseViewRight{ width: 360px; float: right;}
.caseViewRight__title{ width: 100%; display: table; border-bottom: 1px solid #CCC; margin-bottom: 10px; padding-bottom: 20px;} 
.caseViewRight__title h5{ display: table-cell; text-align: left; font-size: 30px;}
.caseViewRight__title span{ display: inline-block; font-size: 14px;}
.caseViewRight__title p{display: table-cell; width: 76px; text-align: right; vertical-align: bottom;}
.caseViewRight__title a{ display: block; width: 64px; height: 28px; line-height: 28px; border: 1px solid #CCC; color: #999; text-align: center; font-size: 12px; margin-left: 10px;}

.caseViewRight__minTitle{ font-size: 14px; color: #999; line-height: 30px; display: block;}

.caseViewRight__moreCase{display: block; width: 64px; height: 28px; line-height: 28px; color: #999; text-align: center; font-size: 12px; margin-left: 10px; float: right;}
.caseViewRight__moreCase:hover{color: #500b0f;}

.caseView #masonry.caseViewRightContainer{ width: 360px; margin: 0;}