@charset "utf-8";

.topArea { position:relative; }

/* Banner */
.banner-ny { position:relative; }
.banner-ny img { width:100%; height:auto; }
.banner-ny .img02 { display:none; }
 
@media all and (max-width:750px){
	.banner-ny .img01 { display:none; }
	.banner-ny .img02 { display:block; }
}
 
/* 主体 */
.container { position:relative; padding:0; }
.wrap {  margin:0 auto; }

.main { padding:70px 0; }

@media all and (max-width:1200px){
	.main { padding:60px 0; }
}
@media all and (max-width:750px){
	.main { padding:30px 0; }
}

.leftTitle { display:none; }

.menu { position:relative; margin-top:-55px; padding:40px 10px 25px; background:#fff; text-align:center; box-shadow: #f5f5f5 0px 5px 10px; z-index:99; }
.menu ul li { position:relative; display:inline-block; margin-bottom:15px; }
.menu ul li:before { position:absolute; display:block; content:""; top:50%; margin-top:-10px; right:0; width:1px; height:20px; background:#777; z-index:2; }
.menu ul li:last-child:before { display:none; }
.menu ul li a { display:inline-block; padding:0 35px; font-size:18px; color:#777; }
.menu ul li a.current,.menu ul li:hover a { color:#015bab; }

.menu01 { text-align:left; display:block!important; }
.menu01 ul li:nth-child(1) a { padding-right:0!important; }
.menu01 ul li:nth-child(1):before { display:none; }

.m-rdm { padding:40px 0 0; text-align:center; font-size:0; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:8px 20px; border:1px solid #ddd; font-size:14px; box-sizing: border-box; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #015bab; background:#015bab; color:#fff; }

@media all and (max-width:1680px){
	.menu { margin-top:-45px; padding:30px 10px 15px; }
	.menu ul li a { padding:0 25px; font-size:18px; }
}
@media all and (max-width:1200px){
	.menu { display:none; margin-top:-30px; padding:20px 10px 10px; }
	.menu ul li { margin-bottom:10px; }
	.menu ul li:before { margin-top:-7px; width:1px; height:14px; }
	.menu ul li a { padding:0 15px; font-size:14px; }
	
	.m-rdm { padding:30px 0 0; text-align:left; }
}
@media all and (max-width:750px){
	.m-rdm { padding:30px 0 0; text-align:left; }
	.m-rdm a { display:inline-block; width:49%; margin:0 2% 10px 0; height:30px; line-height:30px; text-align:center; padding:0; border:1px solid #ddd; font-size:12px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
	.m-rdm a:nth-child(2n) { margin-right:0; }
}

/* 内容模式 */
.article { line-height:2; font-size:16px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; font-size:16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article .ft ul li { height:30px; line-height:30px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.article img { max-width:100%; }

@media all and (max-width:1200px){
	.article { font-size:14px; }
	.article .bd { font-size:14px; }
}
 
/* 面包屑 */
.location { width:1280px; margin:0 auto 30px; font-size:16px; color:#333; display:none; }
.location a { color:#333; display:inline-block; padding:0 10px; }
.location a.u-home { padding-left:25px; background:url(u-home.png) no-repeat center left; }

@media all and (max-width:1680px){
	.location { width:100%; }
}
@media all and (max-width:1000px){
 
	.location { margin:0 auto 20px; font-size:12px; }
	.location a { padding:0 5px; }
}
 
 
/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.jpg) no-repeat center left; font-size:14px; line-height:20px; height:20px; clear:both; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.list li span { float:right; color:#999; font-size:12px; margin-left:15px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }


/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:auto; margin-right:20px; padding:4px; border:1px solid #e7e7e7; box-sizing: border-box; }
.pothoItem .item .pic img { width:100%; height:auto; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }

@media all and (max-width:750px){
	.pothoItem .item .pic { float:none; width:100%; height:auto; margin-right:0; margin-bottom:20px; }
}

.picnews ul li { float:left; width:31%; margin:0 3.5% 60px 0; }
.picnews ul li:nth-child(3n) { margin-right:0; }
.picnews ul li .pic { overflow:hidden; }
.picnews ul li .pic img { transition: all 0.6s; }
.picnews ul li:hover .pic img { transform: scale(1.1)!important; }
.picnews ul li .txt { margin-top:25px; }
.picnews ul li .txt .p1 { font-size:20px; color:#000; height:25px; line-height:25px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.picnews ul li .txt .p2 { font-size:14px; color:#777; margin-top:15px; }
.picnews ul li .txt .p3 { font-size:16px; color:#777; margin-top:20px; line-height:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
 
@media all and (max-width:1200px){
	
	
	.picnews ul li .txt { margin-top:20px; }
	.picnews ul li .txt .p1 { font-size:16px; }
	.picnews ul li .txt .p2 { font-size:12px; margin-top:10px; }
	.picnews ul li .txt .p3 { font-size:14px; margin-top:15px; } 
}
@media all and (max-width:750px){
	.picnews ul li { width:100%; margin:0 0 25px 0; }
	.picnews ul li:nth-child(3n) { margin-right:0; }
	.picnews ul li:nth-child(2n) { margin-right:0; }
	
	.picnews ul li .txt { margin-top:15px; }
	.picnews ul li .txt .p1 { font-size:14px; }
	.picnews ul li .txt .p2 { font-size:12px; margin-top:5px; }
	.picnews ul li .txt .p3 { font-size:12px; margin-top:10px; line-height:1.6; } 
}


/* 图片列表 */
.piList .pic-item-list { padding-bottom:10px; }
.piList .pic-item-list .pic-item { float:left; width:24%; margin:0 1.33% 30px 0; }
.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:0; }
.piList .pic-item-list .pic-item .list-pic { overflow:hidden; }
.piList .pic-item-list .pic-item .list-pic img { width:100%; height:auto; transition: all 0.6s; }
.piList .pic-item-list .pic-item dl { padding:5px; margin-top:10px; }
.piList .pic-item-list .pic-item dl dt { height:30px; font-size:20px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
 
.piList .pic-item-list .pic-item:hover .list-pic img { transform: scale(1.1)!important; }

@media all and (max-width:1680px){
	.piList .pic-item-list .pic-item dl dt { height:20px; font-size:16px; line-height:20px; }
}
@media all and (max-width:1100px){
	.piList .pic-item-list .pic-item { float:left; width:32%; margin:0 2% 2% 0; }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:0; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; }
}
@media all and (max-width:750px){
	.piList .pic-item-list .pic-item { width:49%;  }
	.piList .pic-item-list .pic-item:nth-child(4n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(3n) { margin-right:2%; }
	.piList .pic-item-list .pic-item:nth-child(2n) { margin-right:0; }
	.piList .pic-item-list .pic-item dl dt { font-size:14px; }

}
 
/* 分页 */
.page { padding-top: 20px; line-height:24px; text-align:center;padding-bottom:0; }
.page a { display:inline-block; margin:0 5px; padding:3px 11px; background:#f0f0f1; color:#4f4f4f; vertical-align:top;font-size: 14px; }
.page a:hover,.page .current { background:#015bab; color:#fff; }

@media screen and (max-width: 1024px){
	.page{padding-top: 10px}
	.page a{padding: 0 5px;margin: 0 3px;font-size: 12px}
}

/* 人才招聘 */
.hr { position:relative; padding:0 0 40px; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#1c63b3; font-weight:bold; font-size:28px; margin-bottom:30px; }
.hr-list .info { padding:5px 0; line-height:25px; font-size:14px; }
 
@media all and (max-width:750px){
	.hr-list .title { font-size:20px; margin-bottom:15px; }
	.hr-list .info { font-size:12px; }
}
 
  
/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel input {  vertical-align:middle; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:30px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:30px; line-height:30px; padding:0 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; box-sizing: border-box; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

@media all and (max-width:750px){
	.form-panel li.field label { width:65px; }
	.form-panel .text { width:calc(100% - 65px); }
	.form-panel .textarea { width:calc(100% - 65px); }
	.form-panel .code { width:100px; }
	.form-panel .submit-field { padding:0 10px 20px 65px; _padding:0 10px 20px 65px; clear:both; }
}


/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }


.rcArea01 { margin-bottom:60px; }
.rcArea01 .img02 { display:none; }
.rcArea02 .hd { font-size:30px; color:#333; text-align:center; }
.rcArea02 .bd { margin-top:25px; }
.rcArea02 .bd ul li { float:left; font-weight:normal; padding:25px 10px; font-size:16px; color:#333; box-sizing: border-box; width:19%; }

.rcArea02 .bd ul li:nth-child(1) { text-align:left; width:24%; padding-left:6%; }

.rcArea02 .bd .bd01 { background:#015bab; }
.rcArea02 .bd .bd01 ul li { font-size:20px; font-weight:bold; color:#fff; }

.rcArea02 .bd .bd02 ul li i { display:inline-block; }

.rcArea02 .bd .bd02 .aa { border-bottom:1px solid #e5e5e5; }
.rcArea02 .bd .bd02 .aa .con { position:relative; background:#f9f9f9; border-top:1px solid #e5e5e5; padding:45px 6%; display:none; }
.rcArea02 .bd .bd02 .aa .con .con01 { font-size:16px; line-height:2; padding-right:200px; }
.rcArea02 .bd .bd02 .aa .con .con02 { position:absolute; top:45px; right:80px; width:85px; height:35px; font-size:14px; text-align:center; line-height:35px; color:#fff; background:#015bab; border-radius:7px; z-index:5; cursor:pointer; }

.rcArea02 .bd .bd02 .aa.on ul { background:#f9f9f9; }
.rcArea02 .bd .bd02 .aa.on ul li { color:#015bab; font-weight:bold; }
.rcArea02 .bd .bd02 .aa.on .con { display:block; }


@media all and (max-width:900px){
	.rcArea01 { margin-bottom:30px; }
	.rcArea01 .img01 { display:none; }
	.rcArea01 .img02 { display:block; }
	.rcArea02 .hd { font-size:20px; }
	.rcArea02 .bd ul li { padding:15px 5px; font-size:12px; width:19%; }
	.rcArea02 .bd ul li:nth-child(1) { width:24%; padding-left:3%; }
 
	.rcArea02 .bd .bd01 ul li { font-size:14px; }
	.rcArea02 .bd .bd01 ul li i { padding-right:0; background:none!important; }

	.rcArea02 .bd .bd02 .aa .con { padding:30px 3%; }
	.rcArea02 .bd .bd02 .aa .con .con01 { font-size:14px; line-height:2; padding-right:0; }
	.rcArea02 .bd .bd02 .aa .con .con02 { position:relative; top:auto; right:auto; margin-top:30px; }
}
@media all and (max-width:500px){
	.rcArea02 .bd ul li { padding:10px 5px; width:22%; }

	.rcArea02 .bd ul li:nth-child(1) { width:34%; }
	.rcArea02 .bd ul li:nth-child(5) { display:none; }
}

.jobArea { position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.25); z-index:999; display:none; }
.jobArea.on { display:block; }
.jobArea .box { position:absolute; width:730px; left:50%; top:50%; transform: translate(-50%,-50%); background:#fff; padding:50px 75px 60px 75px; border-radius:8px; box-sizing: border-box; z-index:5; }
.jobArea .box .job-close { position:absolute; top:50px; right:75px; width:22px; height:22px; background:url(jb02.png) no-repeat center; z-index:5; cursor:pointer; }
.jobArea .box .p1 { font-size:24px; color:#000; }
.jobArea .box .p2 { font-size:16px; color:#000; margin-top:10px; }
.jobArea .box .p3 { margin-top:25px; }
.jobArea .box .p3 .text { border:1px solid #bdbdbd; line-height:60px; height:60px; font-size:14px; margin-bottom:25px; padding-left:20px; width:100%; box-sizing: border-box; }
.jobArea .box .p3 .fj i { display:inline-block; padding-left:25px; background:url(jb01.png) no-repeat center left; color:#bdbdbd; font-size:14px; margin:0 10px 0 20px; }
.jobArea .box .p3 .btn01 { display:block; width:190px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; background:#015bab; margin:45px auto 0; cursor:pointer; }

@media all and (max-width:900px){
	.jobArea .box { width:90%; padding:30px; }
	.jobArea .box .job-close { top:30px; right:30px; }
	.jobArea .box .p1 { font-size:20px; }
	.jobArea .box .p2 { font-size:14px;  }
	.jobArea .box .p3 { margin-top:25px; }
	.jobArea .box .p3 .text { line-height:40px; height:40px; margin-bottom:15px; padding-left:15px; }
	.jobArea .box .p3 .btn01 { width:150px; height:40px; line-height:40px; font-size:16px; margin:30px auto 0; }
}
@media all and (max-width:500px){
	.jobArea .box { width:90%; padding:30px 20px; }
	.jobArea .box .job-close { top:30px; right:20px; }
	.jobArea .box .p1 { font-size:18px; }
	.jobArea .box .p2 { font-size:14px;  }
	.jobArea .box .p3 { margin-top:10px; }
	.jobArea .box .p3 .text { line-height:40px; height:40px; margin-bottom:10px; padding-left:10px; }
	.jobArea .box .p3 .fj i { padding-left:25px; font-size:14px; margin:0 10px 0 0; }
	.jobArea .box .p3 .fj input { display:block; margin-top:10px; }
	.jobArea .box .p3 .btn01 { width:150px; height:40px; line-height:40px; font-size:16px; margin:20px auto 0; } 
}
