.header{position: relative;z-index: 10;}

.bread_bg{background: #f6f6f6;width: 100%;height: 5rem;line-height:5rem;position: relative;z-index: 9}
.bread_bg ul{padding-left:5%;}
.bread_bg ul li{float: left;}
.bread_bg ul li a{color: #595757;font-size: 1.6rem;}
.bread_bg .back{font-size: 1.6rem;line-height: 5rem;padding-right:5%;float: right;}
.bread_bg .back a{color: #595757;}
.bread_bg .back img{padding-left: 1rem; float:left;padding-top:1.2rem}

.about_zz{position: fixed;background: url('../image/bgs.jpg') no-repeat;width: 100%;height: 100%;top:0;}
.about_bg{height:10rem;}

.main_nr{width: 100%;background: #fff;position: relative;z-index: 9}
.main_content{width: 90%;padding: 8% 0;}
.main_content .title{ text-align: center;}
.main_content .title .cn_title{font-size: 2.2rem;color: #285fbf;}
.main_content .title .en_title{text-transform:Uppercase;font-size: 1.4rem;font-family: Arial;color: #285fbf;padding-top: 0.5rem;}
.main_content .content{padding: 5% 0;font-size: 1.6rem;line-height: 2.7rem; text-align:justify;}
.main_content .content img{max-width:100%;}

.bgs_bg{background: url('../image/bgs_bg.jpg') no-repeat;position: relative;background-size: 100% 100%}
.bgs_bg .bgs_content{width: 77%;text-align: center;padding: 8% 0;}
.bgs_bg .bgs_content .bg_title{font-size:2.5rem;color: #004dba;font-weight: bold;padding-top: 2%;}
.bgs_bg .bgs_content .en_title{color: #004dba;text-transform:Uppercase;padding-top:1%;font-family: Arial;font-size:1.6rem;}
.bgs_bg .bgs_content .cn_title{color: #004dba;font-size: 2rem;padding: 5% 0;}
.bgs_bg .bgs_content .bgs_line{background: url('../image/bgs_line.png') no-repeat;width: 100%;padding: 5% 0; text-align: center;background-position: center;height: 5rem;}

.ys_pic{padding-bottom:2.5rem;}
.ys_pic .container img{padding: 1rem;}
.ys_pic .container p{padding: 1rem;}

.main_bg{background: url('../image/view_bg.png') 100% 35% no-repeat;width:100%;}
.gd_line{border:1px solid #676767;margin-top: 4%;}
.content ul li{width: 100%;overflow: hidden;background: #f7f8f8; line-height: 3em;text-overflow:ellipsis;white-space:nowrap;padding:0 3%}
.content ul li a{color: #686769;}
.content ul li a:focus{background:none}

.sevice{width:100%;background: #f7f8f8;}
.sevice li{width: 100%;padding:5% 1%;height: 100%;display: inline-flex;}
.sevice .title{width:60%;text-align: center;}
.sevice .title a,.sevice .title p{font-size:2rem;color: #555657;padding-left: 5%}
.sevice .title a{font-weight: bold;}
.sevice .content{width: 40%;padding:1% 6%; border-left: 1px solid #b1b1b2;line-height: 2.5rem;font-size: 1.6rem;text-align:justify;} 
.sevice .more a{color: #285fbf;font-weight:bold;}
.sevice .more{padding-top: 3%;}


.job table{width: 100%;}
.job table th,.job table td{border:5px solid #fff;}
.job tr{line-height: 2rem;}
.job th{background: #cbbc7e;color: #fff;width: 20%;text-align: center;font-size: 1.4rem;padding: 0 1%;}
.job td{background: #e6e6e6;text-align: center;font-size: 1.2rem;height: 3rem}
.job .detail_con td{padding:3% 5%;text-align:left;font-size: 1.2rem;}
.job a,.job a:hover{color: #000;text-decoration: none;}
.down{text-align: center;width: 100%;padding-top:2%;}
.down a{padding:1% 3%;background: #0650b7;color: #fff;}
.down a:hover{color:#fff}

.line{border: 1px solid #ababab;margin-top:4%;}

@media (min-width: 768px) {
	.about_bg{height:15rem;}
	.main_content{width: 80%;padding: 3% 0;}
	.main_content .title .cn_title{font-size: 3rem}
	.main_content .content{padding: 2% 0;font-size: 1.6rem;line-height: 2.7rem; text-align:justify;}
	.bread_bg .back{font-size: 1.6rem;line-height: 5rem;}
	.bread_bg .back img{padding-top:1.3rem;}
	.bgs_bg{background: url('../image/bgs_bg.jpg') no-repeat;position: relative;background-size: 100% 100%}
	.bgs_bg .bgs_content{width: 77%;text-align: center;padding: 4% 0;}
	.bgs_bg .bgs_content .bg_title{font-size:3rem;color: #004dba;font-weight: bold;padding-top: 2%;}
	.bgs_bg .bgs_content .en_title{color: #004dba;text-transform:Uppercase;padding-top:1%;font-family: Arial;font-size:1.6rem;}
	.bgs_bg .bgs_content .cn_title{color: #004dba;font-size: 2.5rem;padding: 2% 0;}
	.bgs_bg .bgs_content .bgs_line{background: url('../image/bgs_line.png') no-repeat;width: 100%;padding-top: 5%; text-align: center;background-position: center;}
	
	
	.gd_line{border:1px solid #676767;margin-top: 4%;}
	.content ul li{width: 100%;overflow: hidden;background: #f7f8f8; line-height: 3em;text-overflow:ellipsis;white-space:nowrap;padding:0 3%}
	.content ul li a{color: #686769;font-size:1.6rem;}

	
	.sevice{width:100%;background: #f7f8f8;}
	.sevice li{width: 100%;padding:1% 8%;height: 100%;display: inline-flex;}
	.sevice .title{width:20%;text-align: left;}
	.sevice .title a,.sevice .title p{font-size:2rem;color: #555657;padding-left: 5%}
	.sevice .title a{font-weight: bold;}
	.sevice .content{width: 80%;padding:1% 6%;border-left: 1px solid #b1b1b2; line-height:2.5rem;font-size: 1.6rem;text-align:justify;} 
	.sevice .more a{color: #285fbf;font-weight:bold;}
	.sevice .more{padding-top: 3%;}

	
	.job table{width: 100%;}
	.job table th,.job table td{border:5px solid #fff;}
	.job tr{line-height: 2vw;}
	.job th{background: #cbbc7e;color: #fff;width: 20%;text-align: center;font-size: 1.3vw;padding: 0 1%;}
	.job td{background: #e6e6e6;text-align: center;font-size: 1.1vw;height: 3vw}
	.job .detail_con td{padding:3% 5%;text-align:left;font-size: 1.1vw;}
	.job a,.job a:hover{color: #000;text-decoration: none;}
	.down{text-align: center;width: 100%;padding-top:2%;}
	.down a{padding:1% 3%;background: #0650b7;color: #fff;}
	.down a:hover{color:#fff}
}
@media (min-width: 1200px) {
	.about_bg{height:25rem;}
	.bread_bg ul li a{color: #595757;font-size: 1.8rem;}
	.main_content .title .cn_title{font-size: 3rem}
	.main_content .content{padding: 2% 0;font-size: 1.6rem;line-height: 2.7rem; text-align:justify;}
	.bread_bg .back{font-size: 1.8rem;line-height: 5rem;float: right;}
	
	.line{border: 1px solid #ababab;margin-top:4%;}

	
	.ys_pic{ margin: 1% 0 5% 0; }
	.ys_pic ul li{float: left;}
	
	.gd_lists{border-top:1px solid #676767;border-bottom:1px solid #676767;padding: 3% 0;}
	.content ul li{background: #f7f8f8; line-height: 3em;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow: hidden;padding:0 3%}
	.content ul li a{color: #686769;}

	
	
	.sevice{width:100%;background: #f7f8f8;}
	.sevice li{width: 100%;padding:1% 8%;height: 100%;display: inline-flex;}
	.sevice .title{width:20%;text-align: left;}
	.sevice .title a,.sevice .title p{font-size:2rem;color: #555657;padding-left: 3%;padding-bottom: 2%;}
	.sevice .title a{font-weight: bold;}
	.sevice .content{width: 80%;padding:1% 6%;border-left: 1px solid #b1b1b2; line-height:2.5rem;font-size: 1.6rem;text-align:justify;} 
	.sevice .more a{color: #285fbf;font-weight:bold;}
	.sevice .more{padding-top: 3%;}
	
	
	.job table{width: 100%;}
	.job table th,.job table td{border:5px solid #fff;}
	.job tr{line-height: 2vw;}
	.job th{background: #cbbc7e;color: #fff;width: 20%;text-align: center;font-size: 1.3vw;padding: 0 1%;}
	.job td{background: #e6e6e6;text-align: center;font-size: 1.1vw;height: 3vw}
	.job .detail_con td{padding:3% 5%;text-align:left;font-size: 1.1vw;}
	.job a,.job a:hover{color: #000;text-decoration: none;}
	.down{text-align: center;width: 100%;padding-top:2%;}
	.down a{padding:1% 3%;background: #0650b7;color: #fff;}
	.down a:hover{color:#fff}
}