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


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




.top{ width:100%; min-width: 1200px;  height:80px; padding: 0 20px; background-color: #FFF; background-color: rgba(255, 255, 255, 90%); z-index: 99;}

.top .container{}

.top .logo{
    line-height: 80px;
}
    .top .logo img{
        width: auto;
        height: 40px;
    }

.topLink{ line-height: 80px;}
.topLink p{ margin: 0;}

.topNavBox{ width: 100%; min-width: 1200px; height:50px; background-image: url(../images/bg.jpg); background-position: left top; background-repeat: repeat; position: relative; z-index: 99;}

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

.topNav dl{ width:100%; margin:0; padding:0;}
.topNav dd{ width:14.28%; height:50px; line-height:50px; float:left; position: relative; display: block;}
.topNav dd a{ width:100%; height:50px; overflow:hidden; line-height:50px; font-size:16px; text-align:center; color:#FFF; 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; position: relative;}
.topNav dd:hover > a, .topNav dd.active > a{ background:#500b0f; color: #FFF;}
.topNav dd i{ display: block; width: 12px; height: 12px; text-indent: -1000em; background-image: url(../images/zhaopin02.png); background-position: center center; background-repeat: no-repeat; background-size: contain; font-style: normal; position: absolute; top: 19px; right: 20px; transform: rotate(0deg); transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.topNav dd:hover .topNavFlowNav, .topNav dt:hover .topNavFlowNav{ display: block;}
.topNav dd:hover i{ transform: rotate(90deg);}

.topNavFlowNav{ position: absolute; top: 50px; width: 120px; left: 50%; margin-left: -60px; background-color: #FFF; display: none; border-top: 1px solid #FFF;box-shadow: 0 8px 15px #999; box-shadow: 0 8px 15px 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: 50px; font-size: 14px;}
.topNavFlowNav a:hover{ color: #FFF !important; background-color: #500b0f;}
    


.indexBanner{
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    padding: 20px 0;
}
    .indexBanner__swiper{
        width: 100%;
        height: 480px;
        overflow: hidden;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        background-image: url(../images/bg.jpg);
        box-shadow: 0 8px 15px #999;
        box-shadow: 0 8px 15px rgba(0,0,0,0.25);
    }
    .indexBanner .swiper-button-prev,
    .indexBanner .swiper-button-next{
        width: 45px;
        height: 45px;
        overflow: hidden;
        display: block;
        border-radius: 45px;
        position: absolute;
        bottom: 40px;
        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{
            width: 100%;
            float: left;
            display: table;
            text-align: center;
        }
        .indexBannerItem__img img{
            max-width: 100%;
            max-height: 100%;
        }
        .indexBannerItem__info{
            width: 50%;
            float: right;
            height: 480px;
            display: inline-block;
            vertical-align: middle;
        }
        .indexBannerItem__info h5{
            line-height: 30px;
            font-size: 24px;
            color: #FFF;
            margin: 180px 0 10px;
        }
        .indexBannerItem__info p{
            line-height: 30px;
            font-size: 16px;
            color: #FFF;
            margin: 0;
        }
        .indexBannerItem__info a{
            display: inline-block;
            height: 30px;
            line-height: 28px;
            font-size: 12px;
            color: #FFF;
            padding: 0 20px;
            border: 1px solid #FFF;
            border-radius: 20px;
            margin: 20px 0 0;
        }
    .indexBanner .swiper-button-prev{
        bottom: 40px;
        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: #500b0f;
        }
        
        .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;
        }

.indexContent{
    margin-bottom: 30px;
    padding: 0;
}



.indexGuide__list{ width: 940px; height: 180px; float: left; background-color: #FFF; box-shadow: 0 8px 15px #999; box-shadow: 0 8px 15px rgba(0,0,0,0.25);}
.indexGuide__list dt{ width: 140px; height: 180px; float: left; background-color: #500b0f; margin-right: 40px;}
.indexGuide__list dd{ width: 180px; height: 180px; float: left; text-align: center;}
.indexGuide__list dd a{ display: block; padding: 40px 0 0;}
.indexGuide__list dd a *{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexGuide__list dd a:hover{ text-decoration: none;}
.indexGuide__list dd i{ font-size: 48px; color: #500b0f; display: block; margin-bottom: 10px;}
.indexGuide__list dd span{ font-size: 16px; color: #500b0f; display: block;}
.indexGuide__list dd a:hover i{ font-size: 60px;}
.indexGuide__list dd a:hover span{ font-size: 12px;}

.indexGuide__ad{ width: 240px; height: 180px; overflow: hidden; float: right; background-color: #FFF; box-shadow: 0 8px 15px #999; box-shadow: 0 8px 15px rgba(0,0,0,0.25);}
.indexGuide__ad img{ width: 240px; height: 180px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.indexGuide__ad:hover img{ transform: scale(1.1,1.1);}


.indexAd{ margin: 0 auto 30px;}
.indexAd img{ max-width: 1200px; background-color: #FFF; box-shadow: 0 8px 15px #999; box-shadow: 0 8px 15px rgba(0,0,0,0.25);}



.indexabout{ float:left; width:840px; margin-right:20px}
.indexabout h3{ text-align:left; font-weight:400; font-size:18px; }
.indexabout h3 a{ color: #333;}

.indexaboutimg{ float:left; height:140px; width:195px;box-shadow: 0 0 5px #999; margin-top:10px;}
.indexaboutword{ height:140px; margin-left:220px; margin-top:5px;}
.indexaboutword p{ text-align:left; color:#666; font-family:"微软雅黑";}
.indexaboutword p span{ font-size:18px; line-height:50px; color:#333; font-weight:bold;}

.indexnews{ float:left; width:330px; overflow:hidden;}
.indexnews h3{ text-align:left; font-weight:400; font-size:18px; }
.indexnews h3 a{ color: #333;}
.indexnews ul { margin-top:5px;}
.indexnews ul li {width:330px; height:30px; line-height:30px; padding-left:2px;color:#555; }
.indexnews ul li a span{ float:right; color:#c3c3c3; font-size:10px;line-height:30px}
.indexnews ul li a p{font-size:14px; line-height:30px; margin-bottom:0; color:#333;}
  
.foot{ padding:40px 0 50px; background:#f9f9f9;}
.foot .container > div{ margin:0; padding:0;}
.foot p{ font-size:14px; text-align:left; color:#333; line-height:24px; margin:0; padding:0;}

.footMinNav{ height:60px; line-height:60px; background:#3c3c3c;}
.footMinNav p{ height:60px; line-height:60px; margin:0; padding:0; color:#FFF; font-size:12px; text-transform:uppercase;}
.footMinNav a{ color:#FFF; font-size:12px; text-transform:uppercase;}

.footTop{}
.footTop a.arrowUp{ width:50px; height:50px; border-radius:5px; background:#898989; display:block; float:right;}
.footTop a.arrowUp img{ overflow:hidden; margin:18px 10px;}

.footCopyright{ height:60px; line-height:60px; background:#3c3c3c;}
.footCopyright p{ color:#FFF; margin:0; padding:0; text-align:left; text-transform:uppercase;}
.footCopyright span{ float:right; color:#FFF; text-transform:uppercase;}
.footCopyright a{ color:#FFF; text-decoration:none;}
.footCopyright a:hover{ text-decoration:underline;}

.content{ margin: 50px auto 80px;}


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


.newsList{ height:auto; margin:inherit;}
.newsList{ width:1060px; position:relative; margin:20px auto;}
.newsList ul{ list-style:none; margin:0; padding:0;}
.newsList li{ width:100%; height:320px; margin-bottom:20px; background:#FFF; box-shadow: 0 0 5px #999; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; z-index:888;}
.newsList li.active{ opacity:1; z-index:999;}
.newsList li a{ display:block; width: 100%; height: 100%;}
.newsImgBox{ width:520px; height:320px; overflow:hidden; display:block; float:left; position:relative; background:#000;}
.newsImgBox img{ width:520px; height:320px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.newsImgBox img:hover{ opacity:0.5;}
.newsImgBox p{ width:108px; height:80px; overflow:hidden; background:rgba(0,0,0,0.25); position:absolute; z-index:999; left:0; bottom:0; margin:0; padding:0;}
.newsImgBox p span{ font-size:26px; margin:10px 0px 6px; height:35px; text-align:center; color:#FFF; display:block;}
.newsImgBox p b{ font-size:14px; color:#FFF; height:20px; text-align:center; display:block;}
.newsInfo{ width:540px; padding:0 45px; text-align:left; float:right; position:relative;}
.newsInfo h5{ height:50px; line-height:30px; font-size:18px; margin:50px 0px 24px; color:#000;}
.newsInfo i{width:200px;height:1px;background:#c6c6c6;margin:0 0 20px;display:block;}
.newsInfo p{font-size:14px;line-height:30px; height: 96px; overflow: hidden; color:#555;}
.newsInfo span{ width:145px; height:45px; overflow:hidden; text-align:center; line-height:45px; font-size:18px; border:1px solid #555; color:#555; display:block; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.newsList li a:hover .newsInfo span{ background:#500b0f; border:1px solid #500b0f; color:#FFF;}

.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:#500b0f; color:#FFF; border:1px solid #500b0f;}
.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:#500b0f;}

.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:#500b0f;}

.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{background-color:#500b0f;}
.joinBox .rczpBox .zpList li .h5 span{ width:150px;}
.joinBox .rczpBox .zpList li:first-child .zwjs{ display:block;}



.proTypeList{ width: 100%; text-align: center; margin: 10px 0 50px}
.proTypeList li{ display: inline-block; line-height: 30px; text-align: center;}
.proTypeList li a{ display: inline-block; line-height: 30px; text-align: center; width: 120px; border: 1px solid #CCC; color: #999;}
.proTypeList li a:hover, .proTypeList li a.active{ background-color: #500b0f; border: 1px solid #500b0f; color: #FFF; text-decoration: none;}