@charset "utf-8";

/* CSS Document */



body{ font-size:14px; color:#666; background:#fff; font-family:'微软雅黑'; line-height:24px;}



a { color:#666; font-size:14px; text-decoration:none; }



a:hover { text-decoration:none;}







/***************index css********************/

.top{ width:100%; margin: 0 auto; background:#fff; overflow:hidden;position: relative; padding-top:8px; padding-bottom:8px;}

.top .logo{ width:100%;display: block; width:40%; max-width:120px; margin-left:10px;}

.top .logo img{ width:100%;display: block}



.top .ment{ position:absolute; z-index:999; width:23px; height:18px; top:50%; margin-top:-9px; right:8px; cursor:pointer; background:url(../images/ment-ico.png) no-repeat; display:block}

.top .mentx{ background:url(../images/ment-icox.png) no-repeat}



.nav-bgm{ width:100%; height:0; position:relative; overflow:visible;}

#navm{ width:100%; height:auto; background:#fff; overflow-y:auto;  padding-bottom:10px;  padding-top:20px; display:none; z-index:9999; position:absolute; left:0; top:0}

#navm dl{ width:96%; margin:0 auto; overflow:hidden;}

#navm dl dt{ width:100%; overflow:hidden; border-bottom:1px solid rgba(0,0,0,0.3); height:40px; color:#333; text-indent:4px;}

#navm dl dt a{ display:block; width:100%; height:40px; line-height:40px; color:#333; font-size:16px; text-transform:uppercase; text-indent:4px;}

#navm dl dd{width:100%; overflow:hidden; border-bottom:1px solid rgba(255,255,255,0.3); height:auto; border-top:1px solid rgba(255,255,255,0.3); padding-top:8px; padding-bottom:8px; display:none}

#navm dl dd ul.ul1{ display:block}

#navm dl dd ul{ display:block}

#navm dl dd ul li{ width:100%; height:auto; overflow:hidden;}

#navm dl dd ul li a{ width:100%; display:block;  line-height:36px; color:#333; font-size:14px; text-transform:uppercase; text-indent:20px;}

#navm dl dd ul li ul li a{ text-indent:34px; border-bottom:1px dashed rgba(255,255,255,0.3); font-size:14px;}

#navm dl dd ul li ul li ul li a{ text-indent:34px; font-size:14px;}





.flash{ width:100%; height:auto; margin:0 auto;}

.flash div{overflow: visible}

.flash img{width: 100%; display: block}

.flash .swiper-container .swiper-wrapper .swiper-slide{overflow: hidden}



.flashn{ width:100%; height:200px; background-image:url(../images/banner-pro.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}



/******************************** index *********************************/



ul.proul li{ width: calc(50% - 20px); height: auto; float: left; margin-left:10px; margin-right: 10px; overflow: hidden; margin-bottom:20px; border:1px solid #dbdbdb; box-sizing:border-box}

ul.proul li img{display: block; width: 100%;}

ul.proul li .name{width: 100%; height: 30px;text-align: center; line-height: 30px; overflow: hidden; }





/******************************** index *********************************/



.titles{ width:100%; text-align:center;; }

.titles span{ display:block; height:28px; line-height:28px; color:#bbbbbb; font-size:16px; font-weight: bold}

.titles em{ display:block; height:20px; line-height:20px; color:#900001;font-weight: bold; font-size:14px; text-transform:uppercase}



.mores{ display:block; width:148px; height:36px; border:1px solid #cccccc; margin: 0 auto; text-align:center; line-height:36px; color:#333; margin-top:20px; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}

.mores:hover{background: #900000;color: #fff;}



.about{ width:94%; height:auto; margin:0 auto; margin-top:30px;}

.about .txt{width: 100%; margin-top: 20px;}









.pro{ width:100%; height:auto; background: url(../images/pro_bg.jpg) no-repeat center top; margin:0 auto; margin-top: 30px;}

.pro .bg{width: 98%; margin: 30px auto;}

.pro .txt{ width:100%; height:auto; margin-top:20px;}











.new{width: 94%; height: auto; margin: 30px auto;}

.new .txt{margin-top: 20px;}

.new dl{width: 100%; height: 108px; border-bottom: 1px solid #ddd; margin-bottom: 10px; overflow: hidden;}

.new dl dt{width: 88px; height: 88px; float: left; overflow:hidden;}

.new dl dt img{width: 88px; height: 88px; object-fit: cover; }

.new dl dd{float: right; width: calc(100% - 105px);}

.new dl dd .name{font-size: 14px; line-height: 24px; color: #404040; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.new dl dd .memo{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 12px; line-height: 24px;}

.new dl dd .time{ color: #888; line-height: 20px; padding-top: 5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.new .more{width: 100%; height: 30px; line-height: 38px; color: #666; font-size: 14px; margin-top: 15px; text-align:center;}

.new img{ width:100%; display:block}













/****************************** ny *************************************/





.ny_side{ width:100%; height:auto; margin-top:20px; min-height:200px;}

.ny_side img{ max-width:100%; display:block}



.aboutn{ width:100%; margin-top:30px;}

.aboutn .txt{ width:100%; margin-top:20px; min-height:150px}

.aboutn .txt img{ width:100%; display:block}





.prosd{ width:100%; height:auto;}

.prosd .tu{ width:100%;}

.prosd .tu img{ display:block; width:100%}

.prosd .txt{ width:100%; height:auto; margin-top:20px}

.prosd .txt img{ width:100%; display:block}





.jobsn{width: 94%; height: auto; margin: 30px auto;}

.jobsn .left{width: 100%; height: auto;}

.jobsn .left .list{width: 100%; height:auto; border-bottom: 1px solid #900000; background: #f5f7fa;}

.jobsn .left .list ul li{width:auto; cursor: pointer; float: left; line-height: 42px; padding-left: 10px; padding-right: 10px; color: #666; font-weight: bold;}

.jobsn .left .list ul li.dz{ background: #900000; color: #fff;}

.jobsn .left .list ul li.dz:hover{  color: #fff;}

.jobsn .left .list ul li:hover{  color: #900000;}

.jobsn .left .txt{width: 100%; margin: 0 auto; margin-top: 20px;}

.jobsn .left .txt .box{display: none;}

.jobsn .left .txt dl{width: 100%; height: auto; overflow: hidden; margin-bottom: 15px;}

.jobsn .left .txt dl dt{ font-weight: bold; line-height: 28px;}

.jobsn .left .txt dl dd{line-height: 28px; padding-top: 5px;}







.ny_news_list{ width:100%; margin:5px auto auto;}

.ny_news_list li{ float:left; width:200px; height:120px; margin:auto 25px 45px; display:inline;}

.ny_news_list li a img{ width:200px; height:120px;}

.ny_news_list li a:hover h4{ color:#0088cc; text-decoration:underline;}

.ny_news_list li a span{ color:#999; font-size:12px;}

.ny_news_list li a h4{ color:#666; font-size:14px; line-height:20px}





a.job_a{ display:block; width:100px; height:28px; background:#aaa; text-align:center; line-height:30px; font-size:14px; color:#fff;}

a:hover.job_a{ display:block; width:100px; height:28px; background:#0088cc; text-align:center; line-height:30px; font-size:14px; color:#fff;}



ul.feedback li{ width:100%; overflow:hidden; margin-bottom:10px; margin-top:15px;}

ul.feedback li .name{ width:90px; height:32px; float:left; line-height:32px;}

ul.feedback li .nr{ width:calc(100% - 110px); float:left; }

ul.feedback li .nr .inp{ width:90%; border:1px solid #ccc; height:30px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:12px; max-width:500px;}

ul.feedback li .nr .tex{ width:90%; border:1px solid #ccc; height:90px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:12px;max-width:500px;}

ul.feedback li .nr .btn{ width:162px; height:30px; display:block; text-align:center; line-height:30px; background:#c0392f; overflow:hidden; color:#fff; }





.ypzs{width: 100%; height: auto; margin: 0 auto;}

.ypzs .yplist{width: 100%; height: auto; border-bottom: 1px solid #900001;}

.ypzs .yplist ul li{ height: auto; width: 100%; height:auto;  margin-bottom: 30px; }

.ypzs .yplist ul li img{ display: block; width: 100%;}



.ypzs .yplist ul li .name{ width: 100%; margin-top: 15px; line-height: 32px; align-items: center; position: relative;}

.ypzs .yplist ul li .name::before{width: 3px; height: 18px; background: #900001; content: "";}

.ypzs .yplist ul li .name span{ height: 32px; line-height: 16px; display: flex; margin-left: 10px; color: #900001; font-size: 16px;}

.ypzs .yplist ul li .name em{ height: 26px; background: #900001;line-height: 26px; padding-left: 5px; padding-right: 5px; box-sizing: border-box; color: #fff; margin-left: 10px; font-size: 12px;}



.ypzs .nrbox{width: 100%; height: auto; margin-top: 40px;}

.ypzs .nrbox .bt{line-height: 38px; font-size: 28px; color: #900001;}

.ypzs .nrbox .txt{width:100%; margin-top: 20px;}



.ypzs .nrbox .zc{width: 100%; height: auto; box-sizing: border-box; background: #FBF5F5;  padding: 0 10px; padding-top: 15px; position: relative;}

.ypzs .nrbox .zc ul li{width: 100%; border-bottom: 1px solid #efdcdc; height:auto; box-sizing: border-box; position: relative; padding-bottom: 15px; margin-bottom: 15px; overflow: hidden;}

.ypzs .nrbox .zc ul li:last-child{border: none;}

.ypzs .nrbox .zc ul li dl{width: 100%; display: flex; align-items: center;}

.ypzs .nrbox .zc ul li dt{float: left; max-width: 30px;}

.ypzs .nrbox .zc ul li dt img{width: 100%; display: block;}

.ypzs .nrbox .zc ul li dd{float: left; width: calc(100% - 70px); margin-left: 15px;}

.ypzs .nrbox .zc ul li dd .name{ line-height: 20px; color: #900001; font-size: 18px;}

.ypzs .nrbox .zc ul li dd .memo{width: 100%; padding-top: 10px;

    font-size: 14px;

    color: #C47778;

    line-height: 20px;}



    .ypzs .nrbox .hzhb{width: 100%; height: auto;}

    .ypzs .nrbox .hzhb .lx{ width: 100%; margin-top: 20px;}

    .ypzs .nrbox .hzhb .lx .p1{color: #666;  font-size: 14px; color: #333; line-height: 20px; }

    .ypzs .nrbox .hzhb .lx .p2{color: #900001; padding-top: 2px; font-size: 18px;  line-height: 24px; font-weight: bold;}

    .ypzs .nrbox .hzhb .lx .p3{width: 100%; height: 38px; background: #f5f5f5; margin-top: 15px;  line-height: 38px; box-sizing: border-box; padding-left: 10px; padding-right: 10px;}

    .ypzs .nrbox .hzhb .lx .p3 span{float: right;}



    .ypzs .nrbox .hzhb .left{ width: 100%;}

    .ypzs .nrbox .hzhb .left .box{ float: left; margin-left: 5px; margin-right: 5px; width: calc(50% - 10px); margin-bottom: 10px;}

    .ypzs .nrbox .hzhb .left .box img{ display: block; width: 100%;}





.honorn{width: 100%; margin: 0 auto; border-top: 1px solid #900001; margin-top: 15px; padding-top: 60px;}
.honorn .list{display: flex; flex-wrap: wrap; justify-content:center; align-items: center;}
.honorn .list a{height: 40px; display: block; text-align: center; overflow: hidden; margin-left: 10px; margin-bottom: 10px; box-sizing: border-box; margin-right: 10px; border: 2px solid #d7d7d7; line-height: 38px; width: calc(50% - 20px); color: #444444; font-size: 16px; font-weight: bold;}
.honorn .list a:hover{ border: 2px solid #900000; background: #900000; color: #fff;}
.honorn .list a.cur{ border: 2px solid #900000; background: #900000; color: #fff;}
.honorn .txt{width: 100%; margin-top: 27px; height: 300px; position: relative;}
.honorn .btnBox{width: 50%; height: 100%; position: absolute; z-index: 999; left: 25%; top: 0;} 
.honorn .btnBox .leftBtn{width: 16px; height: 28px; background:url(../images/left_btn.png) no-repeat; cursor: pointer; position: absolute; left: 0; top: 50%; margin-top: -14px;}
.honorn .btnBox .rightBtn{width: 16px; height: 28px; background:url(../images/right_btn.png) no-repeat; cursor: pointer; position: absolute; right: 0; top: 50%; margin-top: -14px;}

.honorn .txt div{overflow: visible;}
.honorn .txt .swiper-wrapper{ align-items: center; }

.honorn .txt .swiper-slide .box{width: 100%; height:auto; border: 1px solid #ccc; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; }
.honorn .txt .swiper-slide .box img{width: 100%; height: 100%; display: block; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}


.honorn .txt  .swiper-slide {

    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    /* transition: 300ms; */
    /* transform: scale(0.8); */
  }

.honorn .txt  .swiper-slide-active .box{
    transform: scale(1.6);


  }


    .linkdi{width: 100%; height: auto; border-top: 2px solid #e4e4e4; padding-top: 10px; padding-bottom: 10px;}
.linkdi .bg{width: 94%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
.linkdi .bg .bt{float: left; width: 80px; }
.linkdi .bg .txt{ width: calc(100% - 80px); display: flex; flex-wrap: wrap;}
.linkdi .bg .txt a{ height: 37px; margin-right: 10px;}
.linkdi .bg .txt a img{display: block; height: 37px;}


.rdBox{width: 100%; height: auto; padding-bottom: 60px;}
.rdBox .txtbox{ padding-top: 35px; min-height: 200px;}

.titlen{ width:100%; text-align:left;; }
.titlen span{ display:block; height:30px; line-height:30px; color:#cccccc; font-size:20px; font-weight: bold}
.titlen em{ display:block; height:34px; line-height:34px; color:#900001;font-weight: bold; font-size:24px; text-transform:uppercase}


.rdBox  .eqpt{width: 100%; height: auto; position: relative; margin-top: 20px;}
.rdBox  .eqpt .btn_left{width: 15px; height: 17px; position: absolute; z-index: 99; background: url(../images/rd_left.jpg) no-repeat; left: 0; top: 50%; margin-top: -8px; cursor: pointer;}
.rdBox  .eqpt .btn_right{width: 15px; height: 17px;position: absolute;  z-index: 99; background: url(../images/rd_right.jpg) no-repeat; right: 0; top: 50%; margin-top: -8px;cursor: pointer;}
.rdBox  .eqpt .gd{width: calc(100% - 85px); margin: 0 auto;}
.rdBox  .eqpt .gd div{overflow: visible; text-align: center;}
.rdBox  .eqpt .gd .name{ text-align: center; line-height: 30px; padding-top: 10px; color: #696969; font-size: 15.5px;}
.rdBox .titlen{border-bottom: 1px solid #900001; padding-bottom: 20px; text-align: center;}

.rdBox .object{width: 100%; height: auto; box-sizing:border-box; border: 1px solid #e6e6e6;}
.rdBox .object dl{width: 100%; height: auto;}
.rdBox .object dl dt{width: 100%; height: 58px; display: flex; justify-content: space-around; border-bottom: 1px solid #e6e6e6; align-items: center; }
.rdBox .object dl dt .name{height: 58px; line-height: 58px; color: #920909; font-size: 18px; margin-left: 15px; font-size: 18px; overflow: hidden; width: calc(100% - 70px);} 
.rdBox .object dl dt::after{margin-right:15px; content: "+"; font-size: 35px; font-weight: bold; height: 58px; line-height: 58px; color: #696969;}
.rdBox .object dl.cur dt::after{color: #920909; content: "-";}
.rdBox .object dl dd{width: 100%; box-sizing: border-box; padding: 15px; min-height: 100px; display: none; border-bottom: 1px solid #e6e6e6;}
.rdBox .object dl.cur dd{display: block;}
.rdBox .object dl:last-child(1){border-bottom:none}