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

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

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

a:hover {  text-decoration:none;}


/***************index css********************/
.top{ width:100%; height:auto; background: #000000; position: relative;  z-index:9999}
.top .bg{ width:94%; margin: 0 auto; position: relative; }
.top .bg .logo{ float: left; max-width:210px;  width: 40%; padding-top:10px; padding-bottom:10px;}
.top .bg .logo img{ width:100%;}
.top .bg .ment{ z-index:999; width:23px; height:18px; top:50%; margin-top:-9px; position: absolute; right:5px; cursor:pointer; background:url(../images/ment-ico.png) no-repeat; display:block}
.top .bg .mentx{ background:url(../images/ment-icox.png) no-repeat}


.nav-bgm{width: 100%; height: 100%; position: fixed; z-index: 99999; background: rgba(0,0,0,0.8); left: -100%; top: 0}
.nav-bgm .xx{ width: 23px; height: 18px; position: absolute; z-index: 99; top: 20px; right: 10px;background:url(../images/ment-icox.png) no-repeat center; cursor: pointer}

#navm{ width: calc(100% - 43px); background: #fff; height: 100%; overflow-y: auto; box-sizing: border-box; padding-top: 50px;}
#navm dl{ width:96%; margin:0 auto; overflow:hidden;}
#navm dl dt{ width:100%; overflow:hidden; border-bottom:1px solid #ccc; 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 #ccc; height:auto; border-top:1px solid #ccc; 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 #ccc; 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; position: relative}
.flash .swiper-container .swiper-pagination{bottom: 5px;}
.flash .swiper-container .swiper-pagination-bullet{ width: 10px; height: 2px; background: #fff; border-radius: 0; margin: 0 3px; opacity:0.5}
.flash .swiper-container .swiper-pagination-bullet-active{background: #2e5981;opacity:1}
.flash img{ width: 100%; display: block; height:200px; object-fit: cover;}
.flash div{ overflow: visible}
.flash .left_b{width:30px; height: 30px; background: url(../images/b_left.png) no-repeat  center; background-size:30px 30px; position: absolute; left: 15px; top: 50%; margin-top: -15px; cursor: pointer; z-index: 99}
.flash .right_b{width:30px; height: 30px; background: url(../images/b_right.png) no-repeat center; background-size:30px 30px;position: absolute; right: 15px; top: 50%; margin-top: -15px; cursor: pointer; z-index: 99}

/******************************** index *********************************/
.pro{ width:94%; height:auto; position:relative;  z-index:9999; margin:30px auto; margin-top:30px;}
.pro  .name{ width:100%; height:31px; margin:0 auto; color:#333; font-size:20px; line-height:31px;}
.pro  .name b{ height:31px; float:left}
.pro  .name i{ height:20px; width:1px; background:#c9c9c9; margin-top:5px; margin-left:12px; float:left}
.pro  .name em{ float:left; margin-left:8px; font-size:14px;}
.pro  .name .page{ float:right; width:70px; height:31px;}
.pro  .name .page .prev{ float:left;}
.pro  .name .page .next{ float:right;}

.pro .bg{ width:100%; height:auto; margin:0 auto; margin-top:25px;}
.pro .bg div{ overflow:visible}
.pro .box{ width:100%; border:1px solid #eeeded; overflow:hidden; box-sizing:border-box}
.pro .box .tu{ width:100%; height:auto;}
.pro .box .tu img{ display:block; width:100%;}
.pro .box .name{ width:100%; height:32px; border-top:2px solid #e60012; line-height:32px; text-align:center; color:#666666; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.titles{ width:100%; text-align:center;}
.titles .name{ color:#e60012; font-size:24px; height:30px; line-height:30px;}
.titles .zs{ width:100%; height:auto; color:#999999}
.titles .zs span{ width:145px; margin:0 auto; border-bottom:1px solid #bbbabc; height:26px; line-height:26px; text-align:center; font-size:14px; text-transform:uppercase; display:block; font-family:Arial, Helvetica, sans-serif}
.titles .zs em{ display:block; text-align:center; font-size:12px; line-height:20px;}

.about{ width:100%; height:auto; background:url(../images/about_bg.jpg) no-repeat center #000000;}
.about .bg{ width:94%; height:auto; margin:25px auto;}
.about .bg  .txt{ width:100%; margin-top:20px; line-height:24px;}
.about .bg .tu{ width:100%;}
.about .bg .tu img{ display:block; width:100%; margin-top:15px;}
.about .bg .more{ width:107px; height:45px; background:#8e8e8e; border-radius:3px; display:block; text-align:center; line-height:45px; color:#fff; font-size:14px; margin:0 auto; overflow:hidden; margin-top:20px;}



.new{width: 94%; margin:30px auto; position:relative}
.new .bg{ width:100%; height:auto; margin-top:25px; position:relative}
.new .bg div{ overflow:visible}
.new .box{ width:100%; height:auto; padding-bottom:10px; float: left; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.new .box .tu{ width:100%; height:auto;}
.new .box .tu img{ display:block; width:100%;}
.new .box .name{ width:100%; height:26px;  line-height:26px; text-align:left; color:#666666; font-size:14px; font-weight:bold; padding-top:3px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .box .memo{ width:100%; height:auto; line-height:20px; padding-top:5px; color:#999}


/****************************** ny *************************************/
/****************************** about *************************************/
.mbx{width: 100%; height: 45px; border-bottom: 1px solid #d6d6d6; margin-top: 5px; overflow:visible; position:relative; z-index:999}
.mbx .bg{width: 94%; margin: 0 auto; overflow:visible}
.mbx .bg .left{float: left; width:auto; height: 45px; line-height: 45px; vertical-align: middle; color: #999999; overflow:visible}


.ny_side{width: 94%; margin: 30px auto; min-height: 300px;}
.ny_side img{ width:100%;}


.prolistn{width: 100%; height: auto; position: relative; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px }
.prolistn ul{ display:flex; flex-wrap:wrap;}
.prolistn ul li{width: calc(50% - 26px); float: left; margin-left: 13px; margin-right: 13px; margin-bottom: 20px;}
.prolistn ul li .tu{width: 100%; box-sizing: border-box; padding: 10px; border: 1px solid #e7e7e7; border-radius: 3px;}
.prolistn ul li .tu .img{width: 100%;}
.prolistn ul li .tu img{ width: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; border-radius: 3px;}
/**.prolistn ul li:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}**/
.prolistn ul li .name{width: 100%; text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 30px; line-height: 30px; padding-top: 8px; color: #333}



ul.proul li{width: calc(50% - 10px); float: left; margin-left: 5px; margin-right: 5px; margin-bottom: 15px; box-sizing:border-box; border:1px solid #eeeded}
ul.proul li .tu{ width: 100%; box-sizing: border-box;}
ul.proul li .tu img{ display:block; width:100%;}
ul.proul .name{ width:100%; height:38px; border-top:2px solid #e60012; line-height:38px; text-align:center; color:#666666; font-size:16px;}



ul.newsul li{ width:94%; height:auto; padding-bottom:10px; box-shadow:0 0 5px rgba(0,0,0,0.1); margin-bottom:20px;}
ul.newsul li .tu{width: 100%; height:auto;}
ul.newsul li img{width: 100%; display:block}
ul.newsul li .name{width: 94%; margin:0 auto; height: 30px; line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #333333; font-size: 16px; margin-top: 15px;}
ul.newsul li .memo{width: 94%; margin:0 auto; height:auto; line-height: 24px; overflow: hidden; margin-top: 5px; color: #999999}
ul.newsul li .more{ display:block; width:94%; height:30px; line-height:30px; margin:0 auto; color:#ff0000; padding-top:10px}

.ny_news_list{ width:750px; margin:5px auto auto;}
.ny_news_list li{  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}
.ny_news_list li td{ border:1px solid #ccc; box-sizing:border-box; padding:5px;}


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

.jobsn{width: 94%; max-width: 1200px; margin: 0 auto; margin-top:50px;}
.jobsn dl{width: 100%; height: auto; box-sizing:border-box; border:1px solid #ccc; border-radius:4px; overflow:hidden; opacity:0}
.jobsn dl dt{width: 100%; height: 42px;  line-height: 42px;cursor: pointer; text-indent: 20px; position: relative; background:#f1f1f1}
.jobsn dl dt::after{width: 30px; height: 30px; position: absolute; right: 20px; top: 6px; content: "+"; font-weight: bold; font-size: 30px; text-indent:0; line-height:30px;}
.jobsn dl dd{width: 100%; box-sizing: border-box; padding: 20px; display: none; overflow: hidden; border-top: 1px solid #ccc;}
.jobsn dl dd ul.list{width: 100%; height:auto; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.jobsn dl dd ul.list li{ width: calc(25% - 15px); margin-right: 15px; overflow: hidden; height: 36px; line-height: 36px; float: left;}
.jobsn dl dd .box{width: 100%; margin-top: 20px;}
.jobsn dl dd .box .name{width: 100%; font-size: 20px; line-height: 30px;}
.jobsn dl dd .box .memo{width: 100%; font-size: 14px; line-height: 30px; padding-top: 10px;}
.jobsn dl dt.cur::after{width: 30px; height: 30px; position: absolute; right: 20px; top: 6px; content: "-"; font-weight: bold; font-size: 30px;}


/****jobs***/
.jobsn2{width: 100%; height: auto; background: #f5f5f5; position: relative; box-sizing: border-box; padding:50px; box-sizing: border-box;}
.jobsn2 .bg{ width:94%; max-width: 1200px; margin: 0 auto; margin-top: 50px;  display: flex; flex-wrap: wrap;}
.jobsn2 .bg .box{width: calc(33.3% - 30px); margin-left:15px; margin-right:15px; min-height: 278px; margin-bottom: 30px; padding: 25px; color: #9a9a9a; font-size: 12px; cursor:pointer;
   overflow: hidden; background: #fff; border-radius: 5px; box-sizing: border-box; border-bottom: 5px solid #f93630;}
.jobsn2 .bg .box .name{font-size: 20px; color: #333333; line-height: 30px;}
.jobsn2 .bg .box:hover{background-image: url(../images/jobs_bg.png); background-position:center; background-repeat:no-repeat; background-size:cover; color: #fff; border-bottom: 5px solid #a80000;/*标准语法，必须放在最后*/}
.jobsn2 .bg .box:hover .name{color: #fff;}
.jobsn2 .bg .zy{width: 100%; display: flex; justify-content: space-between; margin: 20px auto;flex-wrap: wrap; }
.jobsn2 .bg .zy span{ display:block; background: url(../images/jobs_ico.png) no-repeat left center; padding-left: 18px; height: 24px; line-height:24px; margin-bottom:5px; }
.jobsn2 .bg .memo{width: 100%; line-height: 24px; min-height: 72px;}
.jobsn2 .bg .more{width: 52px; height: 31px; background: url(../images/jobs_more.png) no-repeat; display: block; margin-top: 15px; cursor: pointer;}
.jobsn2 .bg .box:hover .zy span{ background: url(../images/jobs_icoh.png) no-repeat left center;}
.jobsn2 .bg .box:hover .more{ background: url(../images/jobs_moreh.png) no-repeat left center;}
.jobsn2 .bg .box .nr{ display:none;}

#mask{ width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; display:none}
.maskJ{width:100%; height:100%;background:rgba(0,0,0,0.3); display: flex; justify-content:center;align-items: center;}
.maskJ .nr{ width:94%; position:relative; background:#fff; background:#fff; border-radius:6px; max-width:1200px; height:90%; max-height:670px; box-sizing:border-box; padding:20px 40px}
.maskJ .nr .close{ width:35px; height:35px; position:absolute; z-index:99; top:5px; right:5px; cursor:pointer; background-image:url(../images/close_xx.png); background-repeat:no-repeat; background-position:0 0;}
.maskJ .nr .close:hover{ background-position:0 -35px;}
.maskJ .nr .bt{ width:100%; height:68px; border-bottom:1px solid #e5e5e5; line-height:68px; display:flex;justify-content: space-between;flex-wrap: wrap}
.maskJ .nr .bt .name{ color:#333; font-size:20px; text-indent:15px; line-height:34px;}
.maskJ .nr .zy{display: flex; justify-content: flex-end;align-items: center; flex-wrap: wrap;}
.maskJ .nr .zy span{ display:block; background: url(../images/jobs_ico.png) no-repeat left center; padding-left: 18px; height: 24px; line-height:24px; margin-left:15px;}
.maskJ .nr .txt{ width:100%; height:calc(100% - 210px); margin-top:30px; overflow-y:auto}
.maskJ .nr .bottom{ width:calc(100% - 80px); height:100px; border-top:1px solid #e5e5e5; display:flex;justify-content: space-between;flex-wrap: wrap; align-items: center; color:#666; position:absolute; z-index:9; left:40px; bottom:0}
.maskJ .nr .bottom .btn{ background-color: #f60; border-radius: 4px; color: #fff; cursor: pointer; display: block; float: left;font-size: 18px; height: 45px; line-height: 45px; text-align: center; width: 200px;}
.maskJ .nr .bottom .email{ float:right}


/***prosd***/
.prosd{width:100%; margin:0 auto;}
.prosd .left{ width:100%; height:auto;}
.prosd .left img{ display:block; width:100%;}

.prosd .right{ width:100%; height:auto; margin-top:15px; display:none}
.prosd .right .name{ font-size:18px; line-height:24px; color:#333;}
.prosd .right .jg{ color:#e60012; font-size:24px;}

.prosd .right dl{ width:100%;border-bottom:1px solid #ccc; padding-bottom:10px; margin-top:10px; overflow:hidden; height:30px; line-height:30px;}
.prosd .right dl dt{ float:left; line-height:30px; width:60px; color:#666666}
.prosd .right dl dd{ float:left; width:calc(100% - 70px); line-height:30px;}
.prosd .right dl dd .inp{ box-sizing:border-box; border:1px solid #eeeeee; height:30px; width:50px; line-height:30px; text-align:center;}
.prosd .right dl dd .btn{ background:#e60012; width:120px; height:30px; border:none; border-radius:3px; text-align:center; line-height:30px; overflow:hidden; cursor:pointer; text-align:center; font-size:14px; display:block; color:#fff}
.prosd .pro-txt{ width:100%; margin-top:15px; min-height:200px;}


.hzppn{width: 100%; height: auto; position: relative; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px }
.hzppn ul{ display:flex; flex-wrap:wrap;}
.hzppn ul li{ max-width: 170px; width: calc(16.6% - 20px); border:2px solid #5a5a5a; border-radius:6px; float: left; margin-left:10px; margin-right: 10px; margin-bottom: 15px; }
.hzppn ul li .tu{width: 100%; box-sizing: border-box;}
.hzppn ul li .tu .img{width: 100%;}
.hzppn ul li .tu img{ width: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; border-radius: 3px;}
.hzppn ul li:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}


.fkn{ width:100%; height:auto; margin:0 auto; margin-top:0px;}
.fkn .left{ float:none; width:100%; color:#666666}
.fkn .left .bt{ font-size:30px; height:48px; line-height:48px;}
.fkn .left .memo{ font-size:14px; height:auto; line-height:24px; margin-top:10px;}

.fkn .right{ float:none; display:none; width:513px; margin-top:75px;}
.fkn .right img{ width:100%; display:block}

ul.feedback{ margin-top:20px;}
ul.feedback li{ width:100%; overflow:hidden; margin-bottom:25px;}
ul.feedback li .name{ width:90px; float:left; height:32px; line-height:32px; display:block}
ul.feedback li .nr{ width:calc(100% - 100px); float:left}
ul.feedback li .nr .inp{ width:100%; box-sizing:border-box; max-width:237px; border:1px solid #dbdbdb; height:32px; display:block; background:#fff; line-height:30px; text-indent:10px; font-size:14px; float:left; }
ul.feedback li .nr .tex{ width:100%; box-sizing:border-box; border:1px solid #dbdbdb; height:150px; display:block; background:#fff; line-height:32px;  font-size:14px; padding:10px}
ul.feedback li .nr .btn{ width:120px; cursor:pointer; height:32px; display:block; text-align:center; line-height:32px; background:#cc0000; overflow:hidden; color:#fff; border:none}
ul.feedback li .nr .yzm{ float:left; margin-left:3px;}
ul.feedback li .nr .yzm img{ height:30px; border:1px solid #dbdbdb;}


.ny_news_list{ width:100%; }
.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;}