@charset "utf-8";
.header{height: 698px}

/* Banner */
.banner { position:relative; width:100%; overflow:hidden; z-index:3; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important; height:auto!important; }

/* 主体 */
.wrap { position:relative; width:1200px; min-height:460px; _height:460px; margin:0 auto;  }
.wrap .sidebar { float:left; width:21.25%;padding: 60px 0 }
.wrap .main { float:right; width:76.25%; padding:60px 0; }/*915px*/
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { position:relative; height:72px; padding:24px 0 0; }
.leftTitle i,.leftTitle s { display:block; padding-left:8px; }
.leftTitle i { font-size:20px; line-height:28px; }
.leftTitle s { color:#9a9a9a; font:12px/16px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu { background: #efefef}
.menu dl dt {  }
.menu dl dt a { display:block;padding: 14px 0; color:#333; font-size:18px; text-align:center; border-bottom: 1px solid #fff}
.menu dl dt a:hover,.menu dl dt .current {  background:#104bbd; color:#fff; text-decoration:none; }
/*.menu dl dd { padding:5px 0 5px 55px; border-bottom:1px solid #eee; background:url(o_ico_18.gif) no-repeat 45px 13px; font-size:14px; text-align:left; }
.menu dl dd a:hover,.menu dl dd .current { color:#104bbd; text-decoration:none; }
*/
/* 面包屑 */
.location { position:relative; height:46px; border-bottom:1px solid #eaeaea; line-height:46px; }
.location h3 { float:left; height:44px; color:#000; font-weight:100; font-size:17px; display:none; }
.breadcrumbs { width:1200px; margin:0 auto; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(o_ico_04.gif) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background:url(o_ico_03.gif) no-repeat 0 center; }

/* 内容模式 */
.article { padding:20px 0 40px; line-height:2; font-size:14px; 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; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.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:7px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_11.gif) no-repeat 2px 13px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:3%; padding:0 0 3%; border-bottom:1px solid #e8e8e8; overflow:hidden; }
.pothoItem .item .pic { float:left; width:25%; height:auto;  }
.pothoItem .item .pic img { width:100%; height:auto; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; width: 42%;float: left;margin-left: 3.75%}
.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; }
.pothoItem .item .date{float: right;color: #666;margin-top: 2%}
.pothoItem .item .date i{display: block;font-size: 30px;line-height: 38px}
.pothoItem .item .date s{display: block;font-size: 14px}
/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; width:100px; height:100px; margin:0 auto; text-align:center; }
.pic-item-list dl {  line-height:26px; text-align:center; }
.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list { width:100%; margin:0; padding:0; }
.piList .pic-item {;position:relative; width:31.7%; margin:0 2.45% 23px 0; padding:0; display:inline;box-sizing: border-box;border: 1px solid #ccc }
.piList .pic-item:nth-child(3n){margin-right: 0}
.piList .list-pic { display:block; width:100%; height:auto; margin-bottom:0; padding:0; border:0; position: relative;z-index: 4 }
.piList .list-pic img { width:100%; height:auto;display: block; }
.piList dl { line-height:20px; position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);z-index: 6;opacity: 0;transition: all 0.3s ease 0s}
.piList dl dt a{font-size: 24px;color: #fff;line-height: 85px;border-bottom: 1px solid #fff;display: inline-block;padding: 0 5px;margin-top: 25%}
.piList dl dd a{font-size: 14px;color: #fff;margin-top: 16%;display: block;}
.piList .pic-item:hover dl{opacity: 1;}
/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 12px;padding-bottom: 5px; height: 13px;line-height: 13px; color:#333; vertical-align:top;transition: none }
.page .current { background: url(page_on.png) no-repeat center bottom;}
.page a.prev_page{width: 7px;background: url(page_prev.png);padding: 0}
.page a.next_page{width: 7px;background: url(page_next.png);padding: 0}
/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 35px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#104bbd; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#3A7FCA; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.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:#104bbd; font-size:14px; 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 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:24px; 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:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.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 screen and (max-width: 750px){
	.form-panel li.field label{width: 20%}
	.form-panel .textarea,.form-panel .text{width: 70%}
}


/* 产品详细页 */
.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 { 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; }


/* 网站地图 */
.webmap{padding:10px 0px 15px}
.webmap dl{overflow:hidden;zoom:1;height:32px; margin-bottom:5px;}
.webmap dt{width:15%;float:left;}
.webmap dd{float:left;width:85%;}
.webmap dt a{display:block;line-height:32px;background:#ccc;color:#000;text-align:center}
.webmap dd a{margin:0 5px 5px;background:#eee;display:block;line-height:32px;width:143px;float:left;text-align:center}
.webmap a:hover{background:#343434;text-decoration:none;color:#fff}

/*产品中心综合页*/
.pro_center{background: url(pro_bg_1.png) no-repeat;background-size: cover;position: relative;}
.pro_center .g-in{height: 600px;overflow: hidden;position: absolute;top: 50%;margin-top: -300px;left: 0;right: 0}
.pro_center .pic{float: left;margin-left: 1.6%;width:46.8% }
.pro_center .text{float: right;margin-right: 3.4%;width: 38.3%;margin-top: 7%}
.pro_center .text i{display: block;font-size: 36px;color: #333}
.pro_center .text s{display: block;font-size: 14px;color: #333;margin-top: 6%}
.pro_center .text a.m{display: block;width: 210px;height: 35px;border: 1px solid #454c51;text-align: center;line-height: 35px;color: #454c51;font-size: 14px;margin-top: 8%}
.pro_center .text a.m:hover{color:#fff;background: #454c51;border-color: #454c51 }
.pro_center:nth-child(1){background-image: url(pro_bg_1.png);}
.pro_center:nth-child(2){background-image: url(pro_bg_2.png);}
.pro_center:nth-child(3){background-image: url(pro_bg_3.png);}
.pro_center:nth-child(4){background-image: url(pro_bg_4.png);}
.pro_center:nth-child(5){background-image: url(pro_bg_5.png);}
.pro_center:nth-child(6){background-image: url(pro_bg_6.png);}
.pro_center:nth-child(2n) .text i,.pro_center:nth-child(2n) .text s{color: #fff}
.pro_center:nth-child(2n) .text a.m{border-color: #fff;color: #fff}
.pro_center:nth-child(2n) .text a.m:hover{background: #fff;border-color: #fff;color: #454c51}

/*新闻中心*/
.container.updown{}
.container.updown .sidebar{width: 100%;float: none;border-bottom: 1px solid #e8e8e8}
.container.updown .main{width: 100%;float: none}
.container.updown .menu {text-align: center;background: none;}
.container.updown .menu dt{display: inline-block;width: auto}
.container.updown .menu dt a{display: block;width: auto;font-size: 24px;color: #333;padding: 0 22px;border: 0;border-right: 1px solid #333;line-height: 24px;}
.container.updown .menu dt:last-child a{border-right: 0}
.container.updown .menu dl dt a:hover,.container.updown .menu dl dt .current{color: #104bbd;background: none}
.container.updown .pothoItem .item dl dt{margin: 5% 0 3% 0}

/*加入我们*/
.find_job{text-align: center;}
.find_job h3{font-size: 24px;font-weight: normal;}
.find_job .aword{font-size: 14px;color: #666;line-height: 26px;margin-top: 2%}
.job_table {margin-top: 5%;margin-bottom: 5%}
.job_table table{width: 100%}
.job_table th{width: 12%;background: #2a5baf;font-size: 16px;color: #fff;font-weight: bold;padding: 2% 0}
.job_table th.thjobname{width:auto;text-align: left;padding-left: 1%}
.job_table td{font-size: 14px;padding: 3% 0}
.job_table .jobname{text-align: left;padding-left: 1.5%}
.job_table .jobitem:nth-child(2n-1){background: #f7f7f7}
/*加入我们 地图*/
.job_map{margin-top: 4%;position: relative;height: 617px;background: url(job_map.jpg) no-repeat center center}
.job_map .map_background{width: 45%;height: 260px;background: #2551a7;position: absolute;left: 0;top: 50%;margin-top: -130px;z-index: 4}
.job_map .map_contact{height:260px;overflow: hidden;min-height: 260px;position: absolute;left: 0;right: 0;top: 50%;margin: 0 auto;margin-top: -130px;width: 1200px;z-index: 6;color: #fff}
.job_map .map_contact h4{color: #fff;font-size: 24px;line-height: 100px;font-weight: normal;padding-top: 1%}
.job_map .map_contact .map_text{font-size: 14px;color: #fff;}
.job_map .map_contact .map_text p{color: #fff;line-height: 28px}



@media screen and (max-width: 1200px){
	/*.wrapper{background: #efefef}*/
	.wrap{width: 96%;padding:2% 0;min-height: auto}
}



@media screen and (max-width: 1000px){
	.pro_center .text{margin-top: 6%}
	.pro_center .text i{font-size: 32px}
	.pro_center .text s{margin-top: 2%}
	.pro_center .text a.m{margin-top: 6%}

	.wrap .sidebar{padding: 5% 0}
	.container.updown .sidebar{padding: 4% 0}
	.container.updown .main{padding-top: 2%}
}

@media screen and (max-width: 750px){
	.pro_center{padding-bottom: 12%}
	.pro_center .pic{float: none;margin: 0 auto;width: 68.8%}
	.pro_center .text{float: none;margin: 0 auto;width: 65%;text-align: center;}
	.pro_center .text i{font-size: 30px}
	.pro_center .text s{margin-top: 6%;font-size: 12px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
	.pro_center .text a.m{margin: 0 auto;margin-top: 12%;width: 180px}

	.wrap .sidebar{float: none;width: 100%;padding: 5% 0;}
	.menu{background: #fff}
	.menu dl dt{float: left;float: left;}
	.menu dl dt a{display: block;font-size: 14px;padding: 8px 10px}
	.wrap .main{width: 100%;padding: 5% 0}
	.piList .pic-item{width: 48%;margin: 0 1%;margin-bottom: 3%;padding-bottom: 3%}
	.piList dl{position: relative;opacity: 1;background: none}
	.piList dl dt a{margin-top: 0;line-height:36px;color: #333;font-size: 18px}
	.piList dl dd{display: none}

	.pothoItem .item .date{display: none}
	.pothoItem .item .pic{width: 35%}
	.pothoItem .item dl{width: 60%;}
	.container.updown .pothoItem .item dl dt{margin:0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;  }
	.pothoItem .item dl .i{padding: 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

	
	.job_table th{width: 25%}
	.job_map .map_background{width: 90%}
	.job_map .map_contact{width: auto;left: 2%;right: 10%;margin-top: -120px}
	.job_map .map_contact h4{line-height: inherit;padding: 6% 0;}
	

}

@media screen and (max-width: 450px){
	.piList .pic-item{width: 100%;}

	.pothoItem .item .pic{float: none;width: 100%}
	.pothoItem .item dl {float: none;width: 100%;margin: 0}
	.container.updown .menu dt a{font-size: 20px;padding: 0 10px}
}

@media screen and (max-width: 375px){
	.job_map .map_contact h4{font-size: 18px}
}