@charset "utf-8";
.banner{ width:1920px; left:50%; margin-left:-960px;}

@media (max-width:1200px) {
	.banner{ width:100%; left:0; margin-left:0}
}

.n_nav{ width:100%; height:58px; position:relative; margin-top:-58px; z-index:9; background:rgba(242,242,242,0.7)}
.n_nav .nr{ position:relative; height:100%}
.n_nav .s1{ width:226px; height:172px; background:#30328c; box-sizing:border-box; position:absolute; left:0; bottom:0; color:#fff;padding:40px 0 0 30px}
.n_nav .s1 h3{ font-size:35px; color:#fff; line-height:1; font-weight:normal; }
.n_nav .s1 p{ font-size:16px; margin-top:18px}
.n_nav .s2{ width:100%; box-sizing:border-box; padding:0 0 0 226px;}
.n_nav .s2 ul{ font-size:0}
.n_nav .s2 ul li{ width:160px; float:left; text-align:center}
.n_nav .s2 ul li a{ display:block; width:100%; height:58px; line-height:58px; position:relative; font-size:14px; color:#333}
.n_nav .s2 ul li a:after{ content:""; display:block; width:0; height:3px; background:#2d318a; position:absolute; left:0; bottom:0 ;transition:all 0.3s linear}
.n_nav .s2 ul li a:hover,.n_nav .s2 ul li a.on{ background:#fff; color:#2d318a}
.n_nav .s2 ul li a:hover:after,.n_nav .s2 ul li a.on:after{ width:100%;}
.n_nav .s2 ul.p_ul li{ display:inline-block; vertical-align:top; width:auto; float:none; }
.n_nav .s2 ul.p_ul li a{width:auto; padding:0 14px}
@media (max-width:1600px) {
	.n_nav .s1{ width:180px; height:140px; padding:35px 0 0 15px}
	.n_nav .s1 h3{ font-size:26px}
	.n_nav .s2{ padding:0 0 0 180px}
	.n_nav .s2 ul li{ width:180px}
	.n_nav .s2 ul.p_ul li a{ font-size:14px}
	.n_nav .s2 ul.p_ul li a{ padding:0 12px}
}
@media (max-width:1200px) {
	.n_nav{ margin:0 auto; height:auto}
	.n_nav .nr{ width:100%}
	.n_nav .s1{ display:none}
	.n_nav .s2{ padding:0}
	.n_nav .s2 ul li{ width:50%; height:auto; line-height:normal}
	.n_nav .s2 ul li a{ padding:15px 0; font-size:13px; line-height:normal; height:auto}
	.n_nav .s2 ul.p_ul li{ width:50%; height:auto; line-height:normal}
	.n_nav .s2 ul.p_ul li a{ padding:15px 0; font-size:13px; line-height:normal; height:auto}
	.n_nav .s2 ul li a:after{ height:1px; width:100%;background: #d9d9d9;}
	.n_nav .s2 ul li:nth-child(2n-1) a:before{ content:""; display:block; width:1px; height:100%; background:#d9d9d9; position:absolute; right:-0; top:0}
	.n_nav .s2 ul li a:hover,.n_nav .s2 ul li a.on{ background:#9496c1; color:#fff}
}

.container{ width:100%; background:#f9f9f9; padding:25px 0 40px;}
.container .con{ background:#fff; box-sizing:border-box; padding:40px 100px}
.container .con .about{ width:100%}
.container .con .about .pic{ width:50%; float:left}
.container .con .about .pic img{ width:100%}
.container .con .about .play{ width:50%; float:left}
.container .con .about .play img{ width:100%}
@media (max-width:1600px) {
	.container .con{ padding:30px 30px}
}
@media (max-width:1200px) {
	.container .con{ padding:3%}
	.container .con.jobcon{ padding:0}
	.container .con .about .pic{ width:100%}
	.container .con .about .play{ width:100%}
	
}

.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{ width:600px; position:absolute; left:50%; margin-left:-300px; top:50%; transform:translateY(-50%)}
.video .s1 video{ width:100%}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:750px) {
	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
}


/* 内容模式 */
.main{ padding:20px 0 0}
.article { padding:0 0 0; 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:0; }
.article .bd img{ max-width:100%}
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
.article img{ max-width:100%}


.application01{ width:100%;line-height:2; font-size:14px; word-wrap:break-word; margin-bottom:50px}
.application02{ width:100%}
.application02 .tab01{ width:100%}
.application02 .tab01 .hd02{ width:100%; border-bottom:2px solid #f7ce0d}
.application02 .tab01 .hd02 li{ width:174px; border-radius:8px 8px 0 0; background:#f1f1f1; text-align:center; font-size:16px; color:#333; padding:15px 0; float:left; cursor:pointer; margin-right:31px }
.application02 .tab01 .hd02 li:last-child{ margin-right:0}
.application02 .tab01 .hd02 li.on{ background:#f7ce0d; color:#fff}
.application02 .tab01 .bd02{ width:100%; margin-top:50px;}
.application02 .tab01 .bd02 .conx{ width:100%}
.application02 .tab01 .bd02 .conx .slideBox{ width:434px; float:left; position:relative}
.application02 .tab01 .bd02 .conx .slideBox .bd01{ width:100%}
.application02 .tab01 .bd02 .conx .slideBox .bd01 li{ width:100%}
.application02 .tab01 .bd02 .conx .slideBox .bd01 li img{ width:100%}
.application02 .tab01 .bd02 .conx .slideBox .hd01{ width:100%; text-align:center; position:absolute; left:0; bottom:13px; z-index:2; font-size:0}
.application02 .tab01 .bd02 .conx .slideBox .hd01 li{ display:inline-block; vertical-align:top; width:14px; height:14px; background:#fff; border-radius:50%; margin:0 4px; cursor:pointer}
.application02 .tab01 .bd02 .conx .slideBox .hd01 li.on{ background:#f7ce0d}
.application02 .tab01 .bd02 .conx .slideBox .prev01{ width:100px; height:100%; background:url(x11.png) 15% center no-repeat; position:absolute; z-index:2; left:0; top:0}
.application02 .tab01 .bd02 .conx .slideBox .next01{ width:100px; height:100%; background:url(x12.png) 85% center no-repeat; position:absolute; z-index:2; right:0; top:0}
.application02 .tab01 .bd02 .conx .title{ width:720px; float:right}
.application02 .tab01 .bd02 .conx .title h3{ font-size:18px; color:#333; font-weight:normal}
.application02 .tab01 .bd02 .conx .title .intro{ font-size:14px; color:#333; line-height:2; margin-top:10px}
@media (max-width:1600px) {
	.application02 .tab01 .hd02 li{ width:170px; margin-right:24px}
	.application02 .tab01 .bd02 .conx .title{ width:calc(100% - 480px)}
}
@media (max-width:1200px) {
	.application02 .tab01 .hd02{ width:100%; overflow-x:scroll}
	.application02 .tab01 .hd02 ul{ width:1140px}
}
@media (max-width:750px) {
	.application01{ margin-bottom:30px}
	.application02 .tab01 .hd02 li{ width:120px; margin-right:20px; padding:8px 0; font-size:14px}
	.application02 .tab01 .hd02 ul{ width:820px}
	.application02 .tab01 .bd02{ margin-top:25px}
	.application02 .tab01 .bd02 .conx .slideBox{ width:100%}
	.application02 .tab01 .bd02 .conx .title{ width:100%; padding-bottom:20px}
	.application02 .tab01 .bd02 .conx .title{ margin-top:10px}
	.application02 .tab01 .bd02 .conx .title .intro{ margin-top:5px}
}

/*contact*/
.contact{ width:100%}
.contact .lt{ width:400px; float:left}
.contact .lt h3{ font-size:25px; color:#ba0000}
.contact .lt h4{ font-size:20px; color:#333333; margin-top:10px}
.contact .lt .intro{ font-size:15px; color:#333}
.contact .lt .intro p{ padding:10px 0 10px 30px; margin-top:10px; position:relative}
.contact .lt .intro p:nth-child(1):after{ content:""; display:block; width:30px; height:100%; position:absolute; left:0; top:0; background:url(x14.png) center center no-repeat}
.contact .lt .intro p:nth-child(2):after{ content:""; display:block; width:30px; height:100%; position:absolute; left:0; top:0; background:url(x14.png) center center no-repeat}
.contact .lt .intro p:nth-child(3):after{ content:""; display:block; width:30px; height:100%; position:absolute; left:0; top:0; background:url(x13.png) center center no-repeat}
.contact .lt .intro p:nth-child(4):after{ content:""; display:block; width:30px; height:100%; position:absolute; left:0; top:0; background:url(x15.png) center center no-repeat}
.contact .lt .intro p:nth-child(5):after{ content:""; display:block; width:30px; height:100%; position:absolute; left:0; top:0; background:url(x16.png) center center no-repeat}
.contact .lt .intro p:nth-child(6):after{ content:""; display:block; width:30px; height:100%; position:absolute; left:0; top:0; background:url(x16_2.png) center center no-repeat}
.contact .lt .ewm{ width:126px; text-align:center; margin-top:10px}
.contact .lt .ewm img{ width:100%}
.contact .lt .ewm p{ font-size:14px; color:#333; margin-top:10px}
.contact .rt{ float:right; width:530px;}
@media (max-width:1200px) {
	.contact .lt{ width:100%}
	.contact .rt{ width:100%; margin-top:20px}
	.contact .lt h3{ font-size:20px}
	.contact .lt h4{ font-size:16px}
	.contact .lt .intro p{ padding:5px 0 5px 30px; margin-top:5px}
}

/*product*/
.product{ width:100%}
.product .item{ width:30%; margin-right:5%; margin-bottom:3.5%; float:left}
.product .item:nth-child(3n){ margin-right:0}
.product .item .pic{ width:100%; box-sizing:border-box; border:1px solid #c0bfbf}
.product .item .pic img{ width:100%}
.product .item .title{ font-size:16px; color:#333333; text-align:center; padding:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product .item .title a{ display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#333}
@media (max-width:750px) {
	.product .item{ width:48.5%; margin-right:3%; margin-bottom:2%}
	.product .item:nth-child(3n){ margin-right:2%}
	.product .item:nth-child(2n){ margin-right:0}
	.product .item .title{ font-size:14px; padding:8px}
}

/*product*/
.product2{ width:100%}
.product2 .item2{ width:18%; margin-right:2.5%; margin-bottom:2.5%; float:left; height:95px; overflow:hidden}
.product2 .item2:nth-child(5n){ margin-right:0}
.product2 .item2 .pic{ width:100%; height:100%; box-sizing:border-box; border:1px solid #c0bfbf}
.product2 .item2 .pic:hover{ border:1px solid #30328c}
.product2 .item2 .pic img{ width:100%; height:100%}
.product2 .item2 .title{ font-size:16px; color:#333333; text-align:center; padding:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.product2 .item2 .title a{ display:block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#333}
@media (max-width:750px) {
	.product2 .item2{ width:48.5%; margin-right:3%; margin-bottom:4%; height:70px; }
	.product2 .item2:nth-child(5n){ margin-right:3%}
	.product2 .item2:nth-child(2n){ margin-right:0}
	.product2 .item2 .title{ font-size:14px; padding:8px}
}

/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #30328c; background:#30328c; color:#fff; }


/* 头部新闻 */
.hotNews { margin-bottom:30px; overflow:hidden; }
.hotNews .pic { float:left; width:351px; border:1px solid #c0bfbf; box-sizing:border-box }
.hotNews .pic img { width:100%; height:196px; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 40px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:19px; line-height:30px; }
.hotNews dl dt a { color:#333; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px;  color:#666666; font-size:14px; text-align:justify }
.hotNews dl .m { font-size:14px; color:#cacaca; background:url(x19.png) left center no-repeat; padding-left:20px}
.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:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_18.gif) no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:14px; }
.list li a { display:inline-block; vertical-align:top; font-size:14px; color:#333333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; width:calc(100% - 100px)}
.list li a:hover { text-decoration:underline; }

@media (max-width:750px) {
	.hotNews{ margin-bottom:0}
	.hotNews .pic{ width:100%; height:auto}
	.hotNews .pic img { width:100%; height:auto; }
	.hotNews dl{ padding:15px 0; width:100%}
	.hotNews dl dt{ font-size:16px; margin-bottom:5px}
	.hotNews dl .i{ min-height:auto}
}
/*joinA*/
.joinA{ width:100%; margin-bottom:20px}
.joinA .s1{ width:100%; background:#ebebeb; padding:10px 0}
.joinA .s1 .a1{ width:24%; margin-left:4%; float:left}
.joinA .s1 .a2{ width:24%; float:left}
.joinA .s1 .a3{ width:24%; float:left}
.joinA .s1 .a4{ width:24%; float:left}
.joinA .s1 span{ display:inline-block; vertical-align:top; background:#fff; padding:5px 15px}
.joinA .s1 span i{ font-size:16px; color:#333333; display:inline-block; vertical-align:top; background:url(x20.png) right center no-repeat; padding-right:20px}
.joinA .s2{ width:100%; background:#fff; padding:10px 0; border-bottom:1px dashed #c9c9c9}
.joinA .s2 a{ display:block; font-size:14px; color:#333; padding:15px 0}
.joinA .s2 .a1{ width:22%; margin-left:4%; float:left; padding-left:2%}
.joinA .s2 .a2{ width:22%; float:left; padding-left:2%}
.joinA .s2 .a3{ width:22%; float:left; padding-left:2%}
.joinA .s2 .a4{ width:22%; float:left; padding-left:2%}
@media (max-width:750px) {
	.joinA .s1 .a1{ width:31.75%; margin-left:0%}
	.joinA .s1 .a2{ width:20.75%; margin-left:1%}
	.joinA .s1 .a3{ width:20.75%; margin-left:1%}
	.joinA .s1 .a4{ width:23.75%; margin-left:1%}
	.joinA .s1 span{ box-sizing:border-box; padding:5px 0; width:100%; text-align:center}
	.joinA .s1 span i{ background:none; padding:0; font-size:14px}
	.joinA .s2 a{ font-size:12px}
	.joinA .s2 .a1{ width:31.75%; margin-left:0%; padding:0; text-align:center}
	.joinA .s2 .a2{ width:20.75%; margin-left:1%; padding:0; text-align:center}
	.joinA .s2 .a3{ width:20.75%; margin-left:1%; padding:0; text-align:center}
	.joinA .s2 .a4{ width:23.75%; margin-left:1%; padding:0; text-align:center}
	
	.joinA .s1{ padding:5px; box-sizing:border-box}
	.joinA .s2{ padding:5px; box-sizing:border-box}
}


/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-top:45px;border:1px solid #d2d2d2; overflow:hidden; }
.pothoItem .item:hover{ background:#f5f5f5;border:1px solid #f5f5f5;}
.pothoItem .item .pic { float:left; width:315px; margin-right:20px;}
.pothoItem .item .pic img { width:100%; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; margin-top:15px }
.pothoItem .item dl dt { font-size:18px; line-height:32px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.pothoItem .item dl dt a{ color:#000}
.pothoItem .item:hover dl dt a{ color:#1d5099}
.pothoItem .item dl .d{ padding:5px 0}
.pothoItem .item dl .i { padding:5px 0 0; color:#797979; font-size:14px; line-height:25px; height:75px; overflow:hidden }
@media (max-width:640px) {
	.pothoItem .item{ margin-top:20px}
	.pothoItem .item .pic { float:left; width:45%; margin-right:10px;}
	.pothoItem .item dl{ margin-top:10px}
	.pothoItem .item dl dt{ font-size:15px; line-height:25px; margin-right:}
	.pothoItem .item dl .i{ padding: 0; line-height:22px; height:43px; overflow:hidden}
	.main{ padding:0}
	.container{ padding-bottom:30px}
	#dituContent{ height:300px!important}
	.BMap_omCtrl{ display:none}
	
}
@media (max-width:480px) {
	.pothoItem .item dl .i{ padding: 0; line-height:22px; height:22px; overflow:hidden}	
	.pothoItem .item dl{ margin-top:5px}
	.pothoItem .item dl .d{ padding:3px 0}
	.pothoItem .item .pic { float:left; width:40%;}
}
@media (max-width:475px) {
	.pothoItem .item .pic {width:170px;}
	.pothoItem .item .pic img { width:170px;}
	.page { padding:0 0 30px; line-height:20px;}
	.page a {margin:0 1px; padding:0 5px;}

}

@media (max-width:375px) {
	
	.pothoItem .item .pic {width:150px; margin-right:10px}
	.pothoItem .item .pic img { width:150px;}
	
}

/* 人才招聘 */
.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:#0063be; 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:#0063be; font-weight:bold; line-height:20px; font-size:16px}
.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; }


/* 人才招聘 */
.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 (max-width:1200px) {
	.form-panel li.field label{ width:60px}
	.form-panel .text{ width:calc(100% - 80px)}
	.form-panel .textarea{ width:calc(100% - 80px)}
	.form-panel .submit-field{ padding-left:60px}
}




.mab{ width:1200px; margin:0 auto; padding:100px 0}
.shzrt{ text-align:center}
.lcr{margin-top:20px;background:url(fzlc_06.jpg) repeat-y 74px top; float:left; width:100%; z-index:-1; position:relative;}
.lcr li div b{ font-size:16px; color:#6f6f6f; float:left; line-height:40px; display:inline-block; width:36px; text-align:center;}
.lcr li h3{ font-size:24px; color:#005bac; font-weight:bold; line-height:53px; float:left;margin:0 0 0 67px; display:inline;}
.lcr li h3 span{ background:#fff;border-radius:50px;behavior: url(ie-css3.htc); border:5px solid #005bac; width:18px; height:18px; float:left; margin:16px 18px 30px 0; display:inline;}
.lcr li div{ float:left;width:100%; margin:0 0 0 0;}
.lcr li div span{ background:#6f6f6f; float:left; width:12px; height:12px;border-radius:50px;behavior: url(ie-css3.htc); margin:14px 20px 0 34px; display:inline-block;}
.lcr li div p{ background:#eff5f9; padding:10px 20px 10px 33px;margin-left: 117px;line-height:26px; font-size:16px; color:#333;}
.lcr li div em{width: 0;height: 0;border-top:10px solid transparent;border-right:15px solid #eff5f9;border-bottom:10px solid transparent; float:left; margin-top:12px;}
@media (max-width:1600px) {
	.mab{ width:1200px;}
}
@media (max-width:1200px) {
	.mab{ padding:50px 0}
	.mab{ width:92%;}
}