.banner{
	width: 100%;
	padding: 0 .2rem;
	height: 4.06rem;
	padding-top: 1.26rem;
	color: #fff;
	background: url(../img/safety_tips/banner.jpg) no-repeat;
	background-size:cover ;
	text-align: center;
}
.banner h5{
	font-size: .42rem;
	color: #fff;
	font-weight: normal;
}
.banner p{
	margin-top: .22rem;
	font-size: .18rem;
	color: #fff;
}
/* hb_yj */
.hb_yj h3{
	font-size: .32rem;
	font-weight: normal;
	text-align: center;
	margin-bottom: 0.4rem;
	padding-bottom: .5rem;
}
.hb_yj{
	padding-top: .5rem;
	position: relative;
	
}
.hb_yj::before{
	left: 50%;
	top: 50%;
	width: 5.02rem;
	height: 5.11rem;
	margin-left: -2.51rem;
	margin-top: -2.555rem;
	position: absolute;
	content: '';
	display: block;
	background: url(../img/hj_policy/hj_logo.jpg) no-repeat center;
	background-size: 5.02rem 5.11rem;
}
/*  hb_yj*/
.hb_yj .hb_ul_li{
	width: 34%;
	padding: .6rem;
	border: 1px solid #e1e1e1;
}
.hb_yj .hb_ul_li:nth-of-type(1){
	margin-bottom: .9rem;
}
.hb_yj .hb_ul_li:nth-of-type(2){
	margin-bottom: .9rem;
}
.hb_yj h5{
	font-size: .3rem;
	margin-bottom: .2rem;
	color: #0b82db;
}
.hb_yj .hb_ul_li li{
	background: url(../img/tuih/green_arrow.jpg) no-repeat left .05rem;
	background-size: .2rem;
	padding-left: .3rem;
	margin-bottom: .2rem;
}
.hb_yj .hb_ul:nth-of-type(1) .hb_ul_li:nth-of-type(1) ul li{
	background-image: url(../img/tuih/blue_arrow.jpg);
}
.hb_yj .hb_ul:nth-of-type(1) .hb_ul_li:nth-of-type(1) h5{
	color: #39a6f7;
}
/* quality_policy */
.quality_policy{
	padding-top: .7rem;
	background-color: #f9f9f9;
}
.quality_policy .web_title h2{
	font-size: .36rem;
	position: relative;
	font-weight: normal;
	text-align: center;
}
.quality_policy .web_title p{
	text-align: center;
	margin-top: .4rem;
	font-size: .16rem;
}
.quality_policy .web_title h2::before{
	content: '';
	display: inline-block;
	position: absolute;
	width: .28rem;
	height: 3px;
	left: 50%;
	margin-left: -.14rem;
	background-color: #00aced;
	bottom: -.1rem;
}
.policy_list{
	margin-top: 0.45rem;
}
.policy_list li{
	width: 30%;
	height: 2.75rem;
	background-color: #f9f9f9;
	padding-top: .4rem;
}
.policy_list li .policy_img{
	text-align: center;
}
.policy_list li .policy_img img{
	width: 30%;
}
.policy_list li p{
	padding: 0 .2rem;
	font-size: .16rem;
	text-align: center;
}
/*  poli_ul*/
.poli_ul{
	margin-top: .36rem;
}
.poli_ul .dl_div{
	width: 24%;
	padding: .2rem;
	background-color: #e0e0e0;
}
.poli_ul .dl_div dl{
	background: rgba(255,255,255,.3);
	padding: 0 .2rem;
	padding-top: .56rem;
	height: 4rem;
}

.poli_ul .dl_div dl dt{
	text-align: center;
	font-size: .48rem;
	height: 1.4rem;
	color: #39a6f7;
}
.poli_ul .dl_div dl dd p{
	margin-bottom: .12rem;
}
.poli_ul .dl_div:nth-of-type(1) dl dt{
	color: #27cfe9;
}
/* dr_hb */
.dr_hb{
	background-color: #f9f9f9;
	padding-top: .45rem;
	padding-bottom: .45rem;
}
.dr_hb .hb_dr{
	padding: .5rem;
	background-color: #fff;
	
}
.hb_dr_left h5{
	font-size: .3rem;
	color: #00aeef;
	margin-bottom: .2rem;
}
.hb_dr_left p{
	font-size: .16rem;
	color: #333333;
	margin-bottom: .1rem;
}
.hb_dr_left .bottom a{
	color: #4fc9f8;
}
.hb_dr_right{
	width: 2.7rem;
	height: .5rem;
	background-color: #00aced;
}
.hb_dr_right a{
	display: inline-block;
	width: 100%;
	height: .5rem;
	line-height: .5rem;
	color: #fff;
	padding: 0 .2rem;
	background: url(../img/hj_policy/down.png) no-repeat 95% center;
	background-size: .32rem .34rem;
}
.zz_ul li{
	width: 16%;
	background-color: #109ad1;
	padding: .26rem;
	height: 2.2rem;
	
	background: url(../img/hj_policy/icon_1.png) no-repeat  #109ad1 90% 95%;
background-size:.76rem .69rem;
}
.zz_ul li:nth-of-type(2){
	background-image: url(../img/hj_policy/icon_2.png);
}
.zz_ul li:nth-of-type(3){
	background-image: url(../img/hj_policy/icon_3.png);
}
.zz_ul li:nth-of-type(4){
	background-image: url(../img/hj_policy/icon_4.png);
}
.zz_ul li:nth-of-type(5){
	background-image: url(../img/hj_policy/icon_5.png);
}

.zz_ul li:nth-of-type(6){
	background-image: url(../img/hj_policy/icon_6.png);
}
.zz_ul li p{
	color: #fff;
	font-size: .16rem;
}
.zz_hb h6{
	font-size: .3rem;
	font-weight: normal;
	text-align: center;
	padding: .5rem 0;
}
.zz_ul{
	padding: .5rem;
}
.no_papaer{
	padding: .38rem;
	background-color: #f9f9f9;
}
.no_papaer h5{
	font-size: .4rem;
	color: #00aeef;
	font-weight: normal;
	margin-bottom: .1rem;
}
.no_papaer p{
	color: #333;
	font-size: .16rem;
	line-height: 1.5;
}
@media screen and (max-width:768px) {
	.banner{
		
		background-image: url(../img/safety_tips/mobile_banner.jpg);
	}
	.contact_btn a {
	    width: 1.06rem;
	    height: .65rem;
	    line-height: .65rem;
	    font-size: .2rem;
	    background-color: #00a587;
	    color: #fff;
	    margin-top: 10px;
		display: block;
	}
	.hb_yj .hb_ul_li{
		width: 45%;
	}
	.hb_yj::before{
		display: none;
	}
	.hb_yj .hb_ul_li{
		padding: .3rem;
	}
	.poli_ul .dl_div{
		width: 48%;
	}
	.dr_hb .hb_dr>*{
		width: 48%;
	}
	.hb_dr_right{
		height: .6rem;
	}
	.zz_ul li{
		width: 32%;
		margin-bottom: .2rem;
	}
}