
/*content*/
@media screen and (min-width: 320px){
		.content-box{line-height: 2;padding: 20px 0;border-bottom: 1px solid #DDDDDD;color: #595959;font-size: 16px;}
		.content-box div,.content-box p,.content-box span,.content-box h1,.content-box h2,.content-box h3,.content-box h4,.content-box h5,.content-box h6,.content-box b{font-family: auto!important;}
		.content-box img,.content-box * img{width: 100%;}
		.xgm-02 h3{font-weight: bold;color: #065baa;line-height: 40px;}
		.xgm-02 .row-font{padding:20px;background: #f7f7f7;}
		.row{margin: 20px -15px;}
		.row-new-font{padding: 40px 20px;background: #065baa;color: #fff;}
		.xgm-02 .row-new-box h3{color: #fff;padding-bottom: 5px;}
		.xgm-02 .row-new-box p{font-size: 16px;}
		.box{left: 0;bottom: 0;background: rgba(255,255,255,.8);}
		.c4-box h4{color: #065baa;font-size: 24px;font-weight: bold;padding-bottom: 10px;}
		.c4-box{padding: 25px;padding-bottom: 0;}
		.c4-box p{font-size: 13px;color: #595959;padding: 2px 0;}
}


@media screen and (min-width: 992px) {
		.row{margin:  0;padding: 15px 0;}
		.xgm-02 .row-font{background: none;}
		.content-box{padding: 50px 0;}
		.col-md-8{height: 286px;padding: 0;}
		.col-md-4{height: 286px;background: #f7f7f7;padding: 0;}
		.xgm-02 .col-md-6{padding: 0;}
		.xgm-02 .col-md-6{padding: 0;}
		.xgm-02 .col-md-6 .row-new-font{padding: 15px 20px;}
		.new-img img{height: 299px;}
		.row-font{height: 100%;} 
		.row-font h3{padding-top:40px; line-height: 60px;font-size: 24px;}
		
		.row-new-font{padding: 40px 20px;background: #065baa;color: #fff;}
		.xgm-02 .row-new-box h3{color: #fff;padding-bottom: 5px;}
		.xgm-02 .row-new-box p{font-size: 16px;}
		.box{position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,.8);width: 680px;}
		.c4-box h4{color: #065baa;font-size: 24px;font-weight: bold;padding-bottom: 10px;}
		.c4-box{padding: 25px;padding-bottom: 0;}
		.c4-box p{font-size: 13px;color: #595959;padding: 2px 0;}
}



@media screen and (min-width: 320px){
	.three-menu li:first-child{color: #000000;padding: 10px 25px;}
	.three-menu li{float: left;font-size: 14px;color: #555;padding: 5px 10px;}
	.three-menu li.on a{background: #065baa;color: #fff;}
	.three-menu li a{padding: 5px 15px;display: block;border-radius: 30px;}
	.three-menu li a:hover{background: #065baa;color: #fff;}
	.three-menu ul{overflow: hidden;}
	.cp-xs-list li{padding: 10px 0;}
	.cp-xs-list li div{border: 3px solid #dfdfdf;}
	.cp-xs-list li div i.pic-size{padding-bottom: 81%;}
	.cp-xs-list li div p{line-height: 50px;color: #555;text-align: center;background: #f5f5f5; padding: 0 10px;}
	.cp-r-bor{border: 1px solid #dddddd;}
	.cp-l-box{padding-top: 10px;}
	.cp-l-box h3{color: #444;font-weight: bold;font-size: 18px;line-height: 40px;}
	.cp-l-box p{font-size: 14px;padding: 10px 0;}
}


@media screen and (min-width: 992px) {
	.cp-l-box h3{font-size: 26px;line-height: 60px;}
	.cp-l-box p{color: #444;}
	.cp-l-box{padding-top: 70px;}
	.cp-xs-list{padding-top: 40px;}
	.cp-xs-list ul{overflow: hidden;margin: -15px;}
	.cp-xs-list li{float: left;width: 25%;padding: 15px;}	
	
	.cp-xs-list li:hover div{border: 3px solid #075baa;}
	.cp-xs-list li:hover p{background: #075BAA;color: #fff;}
	.cp-xs-list li i img{width: 100%;height: 100%;object-fit: contain;}
	.cp-xs-list li:hover img{transform: scale(1.4);}
	
}



@media screen and (min-width: 320px){
	
		
		.banner-txt{display: none;}
}


@media screen and (min-width: 992px) {
		
	
		.banner{position: relative;}
		.banner-bor{height: 1px;width: 45px;border-bottom: #fff 1px solid ; padding-top: 15px;}
		.banner-txt{width: 280px;height: 190px;position: absolute;top: 50%;margin-top: -95px;z-index: 3;}
		.banner-txt .banner-font{color: #fff;position: relative;z-index: 999;padding: 20px;padding-top: 40px;}
		.banner-font h3{font-weight: bold;font-size: 32px;line-height: 60px;padding-top: 10px;}
		.banner-font b{font-size: 16px;}
		.banner-bg{width: 100%;height: 100%;position: absolute;top: 0;display: block;opacity: .9;background: #1d6ab2;z-index: 2;}
		.banner-txt{display: block;}
}

@media screen and (min-width: 320px){
	
		.menu-list li:hover div a{background: #065baa;color: #fff;}		
		.menu-list li div a{display: block; width: 100%;text-align: center;border: #ddd 1px solid;margin: 10px 0;line-height: 30px;}
		.menu-list li.on div a{color: #fff;background: #065baa;text-align: center;}
}

/*menu_location*/
@media screen and (min-width: 992px) {
		.menu_location_box{overflow: hidden;padding: 30px 0;line-height: 40px;text-align: center;}
		.menu{border-bottom: 1px solid #dddddd;}
		.menu-list{float: left;}
		.menu-list li{float: left;}
		.menu-list li div{padding: 0 1px;}
		.menu-list li div a {line-height:40px;border: none; margin: auto; display: block;padding: 0 20px;height:40px;background: #eeeeee;color: #333333;}
		
	
		.location i{font-size: 20px;}
		.location{float: right;}
}
/*honner*/
@media screen and (min-width: 320px){
	
	.honner-box li{padding: 15px 0;}
	.honner-box li .honner-bor{border: 1px solid #eeeeee;text-align: center;}
	.honner-box li p{color: #333333;text-align: center;line-height: 48px;background: #f5f5f5;border-top: 2px solid #eeeeee;}
	.honner-bor img{width: auto;}
}


@media screen and (min-width: 992px) {
	
	.hooner-box ul{overflow: hidden;margin:-20px -15px;}
	.honner-box li{width: 33.333%;float: left;padding: 20px 15px;}
	
}

/*honner*/
@media screen and (min-width: 320px){
	
	.cp-xc li{height: 260px;padding: 15px 0;}

	.cp-xc-0{background:  #0195e5;height: 100%;padding: 40px;}
	.cp-xc a{color: #f8f9fb;display: block;height: 100%;font-size: 22px;}
	.cp-xc-0 p{padding: 15px 0; height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #4eb5ed;border-top: 1px solid #4eb5ed;}
}


@media screen and (min-width: 992px) {
	.cp-xc ul{margin:  -15px;}
	.cp-xc li{float: left;padding:15px;width: 33.333%;}
	.cp-xc-0{padding: 50px;}
	.cp-xc li:hover .cp-xc-0{background: #0c68c6;}
}

/*cp-01*/
@media screen and (min-width: 320px){
	
	.cp-1 li{padding: 15px 0;}
	.cp-1 li .cp-posi{position: relative;}
	.cp-1 li p{line-height: 2;background: #f5f5f5; border-bottom: 3px solid #dddddd;padding: 5px 20px;line-height: 50px;}
	
	.cp-1 li div a{display: block;}

}


@media screen and (min-width: 992px) {
	.pro-i{font-size: 33px !important;}
	.cp-1 li div a:hover .pro-swiper-bg{top: 35%;opacity: 0.7;}
	.cp-1 li div a:hover .pro-i{top: 30%;opacity: 0.7;}
	.cp-1 li div a:hover p{background: #065baa;color: #fff;}
	
	.h300{height: 300px;overflow: hidden;}
	.cp-1 ul{overflow: hidden;margin: -20px;}
	.cp-1 li{width: 33.333%;float: left;padding: 20px;}
	.cp-1 li p{font-size: 14px;text-align: center;padding: 15px 50px;}
	
}

/*info*/
@media screen and (min-width: 320px){
	.info-style{background-position: center center; background-size: cover;padding-bottom: 40%;}
	.info-swiper{padding: 20px 0;}
	
	
}


@media screen and (min-width: 992px) {
	.content-tit h3{font-weight: bold;font-style: 34px;color: #555;text-align: center;line-height: 60px;}
	.news-mess-r{width: 225px;margin: 0 auto;overflow: hidden;}
	.news-mess-fx{float: left;}
	.info-swiper{padding: 30px 0;}
	.info-swiper{width: 800px;margin: 0 auto;}
	.info-style{height: 500px;padding-bottom: 0;}
	
}


/*招贤纳士*/
@media screen and (min-width: 320px) {
	.zxns-list{ border: solid 1px #dddddd; overflow: hidden; position: relative;}
	.zxns-list ul{ padding-right: 40px; overflow: hidden;}
	.zxns-list li{overflow: hidden; -ms-text-overflow: ellipsis;
	text-overflow: ellipsis; white-space: nowrap; line-height: 40px; padding: 0 10px; width: 50%; float: left;}
	.zxns-list-dn{ display: none;}
	
	
	.zxns-list-body{ border: solid 1px #dddddd; position: relative; overflow: hidden; display: no1ne;}
	.zxns-list-body b{ color: #005ba4;}
	
		.layui-table tr{cursor: pointer;}
		.layui-table tr a{display: block;}
		.layui-table thead tr{background-color: #616161;color: #fff;cursor: initial;}
		.layui-table td,.layui-table th,.layui-table tr{}
		.layui-table tbody tr:hover{background: #f3f3f3;}
		.layui-table, .layui-table-view{margin: 0;}
		.layui-table{text-align: center;}
		.layui-table th{text-align: center;color: #ffffff;background: #999;}
		.sh-content{padding: 20px;}
	.layui-table td, .layui-table th, .layui-table-fixed-r, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row]{border-color:#dddddd ;}
	.zxns-list i{ transform: rotate(180deg); font-size: 20px;position: absolute;right: 10px;top: 0;color: #065baa;transition: all .6s;}
	
	.zxns-box{cursor: pointer;}
	.zxns-list-show{background:#065baa;color: #fff;}
	.zxns-list-show li{color: #fff;}
	.zxns-list-show  i{transform: rotate(0deg);color: #fff;}

	.zpList_02 {
		border-top: solid 1px #ddd;
		border-left: solid 1px #ddd;
	}

	.zpList_02 tr td {
		border-top: none !important;
		border-right: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		color: #555;
		font-weight: bold;
		background: #fff;
		font-size: 14px;
		font-weight: normal;
		height: 30px;
		line-height: 30px !important;
		padding: 12px 15px;
	}

}
@media screen and (min-width: 992px) {
	.layui-list-0{padding-top: 20px;}
	.layui-table td, .layui-table th{height: 48px;line-height: 48px;}
	.zxns-list-dn{ display: block;}
	.zxns-list ul{ padding-right: 56px;}
	.zxns-list li{ line-height: 70px; font-weight: bold;font-size: 20px;color: #065baa;padding-left: 20px;position: relative;}
	.zxns-list span{ line-height: 56px; width: 56px;}
	.zxns-list i{ transform: rotate(180deg); font-size: 35px;right: 30px;top: 0;color: #065baa;transition: all .6s;}
	
	.zxns-list-body{}
	.zxns-list-show{background:#065baa;color: #fff;}
	.zxns-list-show li{color: #fff;}
	.zxns-list-show  i{transform: rotate(0deg);color: #fff;}
	.sh-content{padding: 30px;}
}



/*招贤纳士*/
@media screen and (min-width: 320px) {
	.item{overflow: hidden;padding: 5px 0;}
	.item .input-class{width: 100%;}
	.item b i{color: red;}
	.submit-box{width: 100%;padding: 10px 0;}
	.submit-box input{width:50%;float:left;height:40px;line-height: 40px;border: none;}
	.sub{background:#065baa ;color: #fff;}
	.rel{background: #dcdcdc;color: #222;}
	
}
@media screen and (min-width: 992px) {
	.item .input-class{width: 90%;float: right;}
	.item b{width: 10%;float: left;text-align: right;padding-right: 10px;}
	.submit-box{width: 90%;float: right;text-align: left;padding: 30px 0;}
	.submit-box input{width: 150px;height:40px;line-height: 40px;border: none;margin-right: 10px;}
}


@media screen and (min-width: 320px) {
	.address-list ul{overflow: hidden;}
	.address-list li div{ position: relative; line-height: 70px;border-bottom: 1px solid #b2c2d6;text-align: left}
	.address-list li i{font-size: 42px;color: #065baa;float: left;margin-right: 10px;}
	
	.address-list li i.iconicon-test3{font-size: 36px;}
	
}
@media screen and (min-width: 992px) {
	.address-list ul{margin: 0 -60px;overflow: hidden;padding: 30px 0;}
	.address-list li p{font-size: 16px;}
	.address-list li{float: left;width: 50%;padding: 0 60px;}
	.address-list li div{padding-left: 80px;line-height: 70px;border-bottom: 1px solid #b2c2d6;text-align: left}
	.address-list li i{position: absolute;left: 20px; float: none;}
}


@media screen and (min-width: 320px) {
	.h3-style-box h3{color: #065baa;font-weight: bold;font-size: 22px;line-height: 60px;}
	.font-b{display: flex;justify-content: center;align-items: center;background: #00a5e6;font-size: 16px;color: #fff;}
	
	.rc .layui-table thead th{color:fff;height: 35px;line-height: 35px;}
	
	.rc .layui-table tr td{cursor: pointer;}
	.rc .layui-table tr a{display: block;}
	.rc .layui-table thead tr{background-color: #616161;color: #fff;cursor: initial;}
	.rc .layui-table td, .rc .layui-table th,.rc  .layui-table tr{border-style:none;border-width:1px;border-bottom-style: solid;border-right-style: none;border-left-style: none;border-color: #d0d2d6;}
	.rc .layui-table tbody tr:hover{background: #f3f3f3;}
	.rc .layui-table thead tr,.rc .layui-table thead th{border-bottom-style: none;}
	.rc .layui-table 
	.rc .layui-table td{height: 50px;line-height: 50px;}
	
}
@media screen and (min-width: 992px) {
	.font-b{height: 300px;font-size: 22px;
	}
	
	
}



@media screen and (min-width: 320px) {
	.bor-btm-content .tit b{ margin-right: 20px; width:28px;height: 28px;background: #065baa;color: #fff;float: left;line-height: 28px;text-align: center;border-radius: 5px;}
	
	.bor-btm-content .tit p{line-height: 28px;height: 28px;font-size: 18px; font-weight: bold; color: #065baa;}
	.bor-btm-content .tit{padding: 15px 0;}
	
	.bor-btm-content .cnt b{float: left; width: 28px;height: 28px;color: #fff;border-radius:5px ;text-align: center;background: #aaaaaa;line-height: 28px;display: block;}
	
	.bor-btm-content .cnt p{padding-left: 50px; color: #000000;font-size: 14px;}
	.bor-btm-content{border-bottom: 1px solid #dddddd;padding: 30px 0;}
	
}
@media screen and (min-width: 992px) {
	
	
	
}

@media screen and (min-width: 320px) {
	.news-top .col-md-6{padding: 0;}
	.news-top .title-info{background: #f5f5f5;height: 100%;padding: 10px;}
	.news-btn a{ text-align:center;display: block;width: 100%; height: 42px;border:2px solid #003f98;line-height: 42px;color: #003f98;}
	.news-btn a:hover{
		background: #003F98;color: #fff;
	}
	.news-pd p{color: #555;font-size: 14px;}
	.news-pd h3{line-height: 40px;font-size: 18px;font-weight: bold;color: #222;}
	.dian{width: 5px;height: 5px;background-image:url(../img/dian.jpg);left: 0px;position: absolute;top: 50%;margin-top: -2px;}
	 .new-list li{border-bottom: dashed 1px #bbbbbb ;display: block;line-height: 50px;position: relative;padding-left: 15px;padding-right: 30%;}
	 
	 .new-list li span{position: absolute;right: 0;top: 0;}
	 
	 
	
}
@media screen and (min-width: 992px) {
	
	.news-top .title-info{padding: 40px; }
	.news-top .news-pd{position: relative;height: 100%;}
	.news-btn{position: absolute; bottom: 0;text-align: center;width: 100%; }
	
	.news-btn a{display: block;width: 100%; height: 42px;border:2px solid #003f98;line-height: 42px;color: #003f98;}
	.news-btn a:hover{
		background: #003F98;color: #fff;
	}
	.news-pd h3{line-height: 60px;font-size: 30px;font-weight: bold;color: #222;}
	.news-pd p{font-size: 16px;color: #555;height: 128px;overflow: hidden;}
	.h336{height: 336px;overflow: hidden;}
	.dian{width: 5px;height: 5px;background-image:url(../img/dian.jpg);left: 0px;position: absolute;top: 50%;margin-top: -2px;}
	 .new-list li{border-bottom: dashed 1px #bbbbbb ;display: block;line-height: 50px;position: relative;padding-left: 15px;padding-right: 30%;}
	 
	 .new-list li span{position: absolute;right: 0;top: 0;}
	 
	 
	 
	 
	
}


/* 联系我们 */
@media screen and (min-width: 320px) {
	.contact-tit{color: #002487; font-size: 20px;}
	.contact-list{ padding-top: 15px; padding-bottom: 15px;}
	.contact-list ul{ margin: -10px;}
	.contact-list li{padding: 10px;}
	.contact-list dl{display: flex; align-items: center;}
	.contact-list dt{ padding-right: 10px;}
	.contact-list dt i{border: solid 1px #002487; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
	.contact-list dt i::before{ color: #002487; font-size: 20px;}
	.contact-list dd b,.contact-list dd strong{display: block; color: #000; font-size: 16px; line-height: 28px; font-weight: bold;}
	.contact-list dd span{display: block; color: #999; font-size: 14px; line-height: 28px;}
	
	.map{ height: 300px;}
	.contact-line{display: none;}
}

@media screen and (min-width: 375px) {
	
}

@media screen and (min-width: 480px) {
	
}

@media screen and (min-width: 992px) {
	.contact-tit{ font-size: 24px;}
	.contact-list{ padding-bottom: 0;}
	.contact-list ul{display: flex; flex-wrap: wrap;}
	.contact-list ul li{flex-basis: 50%;}
	
	.contact-line{display: block; margin: 30px 0; background: none; height: 0; border-bottom: dashed 1px #E3E8EC;  }
	
	
	.contact-list dd b,.contact-list dd strong{ font-size: 20px; line-height: 36px;}
	.contact-list dd span{font-size: 18px; line-height: 36px;}
}

@media screen and (min-width: 1340px) {
	.contact-tit{ font-size: 28px;}
	.contact-line{display: block; margin: 40px 0;}
	.map{ height: 410px;}
}

@media screen and (min-width: 1440px) {
	
}