/*-----------------------------------等保页面---------------------------*/
/*banner*/
.pc-banner{background:url(../images/pc-banner.jpg) no-repeat center top/auto 100%;height:450px;}

 .pc-banner .top-btn{
	margin-top:30px;
}
.pc-banner .top-btn a{
	color:#fff;
	display:inline-block;
	padding:6px 20px;
	font-size:14px;
	border:1px solid rgba(255,255,255,0.8);
	border-radius: 4px;
	margin-right:10px;
	transition: all ease 0.3s;
}
.mobile-banner{background:url(../images/mobile-banner.jpg) no-repeat center center/100% auto;height:450px;}
.pc-banner .banner-text{
	padding-top:148px;
	width:510px;
}
.pc-banner .banner-text h3{
	color:#fff;
	font-size:30px;
	margin-bottom:30px;
}
.pc-banner .banner-text p{
	color:#fff;
	font-size:14px;
	text-align: justify;
	line-height:24px;
}
.pc-banner .top-btn a:hover{
	background: #37aaa5;
}

/*定位菜单*/
.flex-nav{
	background: #032855;
	height:62px;
}
.flex-nav ul{
	width:100%;
	letter-spacing: -8px;
}
.flex-nav ul li{
	display:inline-block;
	width:25%;
	text-align: center;
	letter-spacing: normal;
}
.flex-nav ul li a{
	color:#fff;
	font-size:16px;
	display:inline-block;
	width:100%;
	padding-top:20px;
	height:62px;
	padding-bottom:20px;
}
.flex-nav ul li a:hover{
	background: #37aaa5;
}
.flex-nav ul li.active a{
	background: #37aaa5;
}
.flex-nav ul li a.active{
	background: #37aaa5;
}
.box-active {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}


/*等保密评公共*/
.sec{
	padding:60px 0;
}
.sec .title{
	text-align: center;
	margin-bottom:50px;
}
.sec .title-text{
	font-size:30px;
	color:#181818;
	text-align: center;
	position: relative;
	display:inline-block;
}
.sec .title-text:before{
	content: '';
	display:inline-block;
	width:60px;
	height:3px;
	background:#032855;
	left:0;
	top:45px;
	position: absolute;
}
.sec .title-text:after{
	content: '';
	display:inline-block;
	width:60px;
	height:3px;
	background:#37aaa5;
	right:0;
	top:45px;
	position: absolute;
}

.part1 .what span{
	display:inline-block;
	font-size:18px;
	color:#181818;
	position: relative;
	margin-bottom:15px;
}
.part1 .what span:after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:8px;
	background: rgba(55,170,165,0.2);
	z-index: -99;
	}
.part1 .what p{
	font-size:16px;
	color:#666;
	line-height: 26px;
}
.part1 .item{
	padding:30px 15px;
	border:1px solid #ededed;
	margin-top:30px;
	min-height:264px;
}
.part1 .item span{
	font-size:16px;
	font-weight:bold;
	color:#333;
	display:inline-block;
	margin-bottom:20px;
}
.part1 .item p{
	font-size:14px;
	color:#666;
	line-height: 24px;
	text-align: justify;
}
.part1 .item a{
	font-size:14px;
	color:#37aaa5;
	text-decoration: underline;
	display:inline-block;
	margin-top:20px;
}

.part2{
	background: #f7f9fc;
}
.part2 .main{
	background: url(../images/db_03.png) no-repeat right top;
	padding-right:490px;
	padding-bottom:80px;
	padding-top:20px;
}
.part2 .main p{
	font-size:16px;
	color:#333;
	margin-bottom:40px;
	line-height: 24px;
}

.part2 .main li{
	font-size:14px;
	color:#666;
	line-height: 30px;
	position: relative;
	padding-left:15px;
}
.part2 .main li:before{
	content:'';
	display:inline-block;
	width:4px;
	height:4px;
	background:#37aaa5;
	position: absolute;
	left:0;
	top:13px;
}
.part3.sec{
	padding-bottom:0;
}
.part3 .summary{
	font-size:16px;
	color:#666;
	line-height: 26px;
	margin-bottom:40px;
}
.part3 .table2{
	display: flex;
    justify-content: space-between
}
.part3.sec .title{
	margin-bottom:25px;
}
.part3 .table2 .content-one{
	width:11%;
}
.part3 .table2 .title-small{
	background: #37aaa5;
	color:#fff;
	text-align: center;
	line-height: 44px;
	font-size:16px;
} 
.part3 .table2 .content-two .title-small{
	
	border-right:1px solid #fff;
	
	border-left:1px solid #fff;
}
.part3 .table2 .content-four .title-small{
		border-left:1px solid #fff;
}
.part3 .table2  .cont{
		display: flex;
}
.part3 .table2  .cont span{
	font-size:16px;
	color:#181818;
	display:inline-block;
	margin-left:12px;

}
.part3 .table2  .cont .cir{
	width:24px;
	text-align: center;
}
.part3 .table2  .cont .cir i{
	width:10px;
	height:10px;
	background:#37aaa5;
	border-radius: 5px;
	display:inline-block;
}

.part3 .table2 .line{
	width: 24px;
    display: flex;
    justify-content: center;
}
.part3 .table2 .big-box{
	margin-top:60px;
}
.part3 .table2 .line .line-one{
	width:1px;
	height:95px;
	background:#ededed;
}
.part3 .table2 .content-two{
	width:37%;
}
.part3 .table2 .item{
	height:120px;
	padding:20px;
	display: flex;
	align-items: center;
	border:1px solid #ededed;
	font-size:14px;
	color:#666;
	text-align: justify;
	line-height: 21px;
}
.part3 .table2 .item:not(:last-child){
	border-bottom:none;
}
.part3 .table2 .item:first-child{
	border-top:none;
}
.part3 .table2 .content-three{
	width:36%;
}
.part3 .table2 .content-four{
	width:16%;
}
.part3 .table2 .content-three .item{
	color:#181818;
	background: rgba(55,170,165,.08);
	border-left:none;
	border-right:none;
}

.part4 .item{
	padding:25px;
	background: #fff;
	box-shadow: 0 0 6px rgba(225,225,225,0.6);
	margin-bottom:20px;
	padding-left:70px;
}
.part4 .item.icon1{
	background: url(../images/db_10.png) no-repeat 25px 30px;
}
.part4 .item.icon2{
	background: url(../images/db_07.png) no-repeat 25px 30px;
}
.part4 .item.icon3{
	background: url(../images/db_14.png) no-repeat 25px 30px;
}
.part4 .item.icon4{
	background: url(../images/db_17.png) no-repeat 25px 30px;
}
.part4 .item a{
	display:inline-block;
	font-size:16px;
	color:#333;
	margin-bottom:20px;
}
.part4 .item p{
	font-size:14px;
	color:#666;
	text-align: justify;
}

/*---------------------------------------密评页面----------------------------------------------------------------------------*/
.pc-mpbanner{background:url(../images/mp-pcbanner.jpg) no-repeat center top/auto 100% #0E074A;height:535px;}

 .pc-mpbanner .top-btn{
	margin-top:30px;
}
.pc-mpbanner .top-btn a{
	color:#fff;
	display:inline-block;
	padding:6px 20px;
	font-size:14px;
	border:1px solid rgba(255,255,255,0.8);
	border-radius: 4px;
	margin-right:10px;
	transition: all ease 0.3s;
}
.mobile-mpbanner{background:url(../images/mobile-mpbanner.jpg) no-repeat center center/100% auto;height:450px;}
.pc-mpbanner .banner-text{
	padding-top:220px;
	width:510px;
}
.pc-mpbanner .banner-text h3{
	color:#fff;
	font-size:30px;
	margin-bottom:30px;
}
.pc-mpbanner .banner-text p{
	color:#fff;
	font-size:14px;
	text-align: justify;
	line-height:24px;
}
.pc-mpbanner .top-btn a:hover{
	background: #363a95;
}
/*定位菜单*/
.flex-nav.mp-nav{
	background: #252475;
	height:62px;
}
.flex-nav.mp-nav ul{
	width:100%;
	letter-spacing: -8px;
}
.flex-nav.mp-nav ul li{
	display:inline-block;
	width:20%;
	text-align: center;
	letter-spacing: normal;
}
.flex-nav.mp-nav ul li a{
	color:#fff;
	font-size:16px;
	display:inline-block;
	width:100%;
	padding-top:20px;
	height:62px;
	padding-bottom:20px;
}
.flex-nav.mp-nav ul li a:hover{
	background: #37aaa5;
}
.flex-nav.mp-nav ul li.active a{
	background: #37aaa5;
}
.flex-nav.mp-nav ul li a.active{
	background: #37aaa5;
}
.box-active {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/*简介*/
.sec.mp-part1 .title-text{
	font-size:30px;
	color:#181818;
	text-align: center;
	position: relative;
	display:inline-block;
}
.mp-main .sec .title-text:before,.mp-main .sec .title-text:after{
	display: none;
}
.mp-part1 .item:not(:last-child){
	margin-bottom:40px;
}

.mp-part1 .item span{
	display:inline-block;
	font-size:18px;
	color:#181818;
	position: relative;
	margin-bottom:15px;
}
.mp-part1 .item span:after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:8px;
	background: rgba(55,170,165,0.2);
	z-index: -99;
	}
.mp-part1 .item p{
	font-size:16px;
	color:#666;
	line-height: 26px;
	text-align: justify;
}
.mp-part1 .item .info{
	background: #f9f8fd;
	padding:30px 25px;
	border-radius: 6px;
	margin-top:20px;
}
.mp-part1 .item .info h6{
	font-size: 16px;
	color:#333;
	margin-bottom:30px;
}
.mp-part1 .item .info li{
	font-size:14px;
	color:#666;
	line-height: 24px;
	display:inline-block;
	width:40%;
	padding-left:15px;
	position: relative;
}
.mp-part1 .item .info li:before{
	content: '';
	display: inline-block;
	position: absolute;
	left:0;
	top:10px;
	width:6px;
	height:6px;
	background: #37aaa5;
	transform: rotate(45deg);
}
.mp-part2.sec{
	padding-top:0;
}

.mp-part2 .swiper-container{
	padding-bottom:60px;
}
.mp-part2 .swiper-pagination-bullet {
    width: 14px;
    height: 4px;
    display: inline-block;
    border-radius: 2px;
}
.swiper-pagination-bullet-active{
	background: #37aaa5;
}
.mp-part2  .swiper-slide{
	
    background-color: #fff;
    border:1px solid #ddd;
   
    box-shadow: 0px 0px 10px rgba(221,221,221,0.7);

}
.mp-part2 .swiper-button-prev,.mp-part2 .swiper-button-next,{
	background: none;
}
.mp-part2 .swiper-button-next,.mp-part2 .swiper-button-prev{
	background: #f7f7f7;
	border:1px solid #ddd;
	width:30px;
	height:30px;
	top:96%;
	color:#999;
	text-align: center;
	line-height: 30px;
}
.mp-part2 .swiper-button-prev{
	right:35px;
	left:auto;
}
.mp-part2 .swiper-button-next{
	right:0;
}
.mp-part2  .swiper-slide .item-img{
	width:100%;
	height:150px;
	overflow: hidden;
}
.mp-part2  .swiper-slide .item-text{
	padding:20px 10px;
	text-align: left;
	height:250px;
}
.mp-part2  .swiper-slide .item-title{
	height:51px;
	margin-bottom:20px;
}
.mp-part2  .swiper-slide .item-title h4{
	font-size:16px;
	color:#333;
	font-weight:bold;
	margin-bottom:15px;
}
.mp-part2  .swiper-slide .item-title span{
	display:block;
	font-size:12px;
	color:#666;
}
.mp-part2  .swiper-slide .item-text .item-cont p{
	font-size:14px;
	color:#666;
	line-height: 24px;
	text-align: justify;
}
.mp-part2  .swiper-slide h4.small-size{
	font-size:15px;
}
.mp-part3{
	background: #f9f8fd;
}
.mp-part3 .item{
	text-align: center;
	padding:15px;
	margin: 25px 0;
}
.mp-part3 .item span{
	display:block;
	font-size:16px;
	color:#333;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}
.mp-part3 .item p{
	font-size:14px;
	color:#666;
	line-height: 24px;
}
.mp-part4.sec .title {
    margin-bottom: 25px;
}
.mp-part4 .summary{
	margin-bottom:40px;
	font-size:16px;
	color:#666;
	line-height: 26px;
	text-align: justify;
}
.mp-part4 .table2{
	display: flex;
    justify-content: space-between
}
.mp-part4.sec .title{
	margin-bottom:25px;
}
.mp-part4 .table2 .content-one{
	width:21%;
}
.mp-part4 .table2 .title-small{
	background: #37aaa5;
	color:#fff;
	text-align: center;
	line-height: 44px;
	font-size:16px;
} 
.mp-part4 .table2 .content-two .title-small{
	
	border-right:1px solid #fff;
	
	border-left:1px solid #fff;
}
.mp-part4 .table2 .content-four .title-small{
		border-left:1px solid #fff;
}
.mp-part4 .table2  .cont{
		display: flex;
		align-items: center;
		height:200px;
}
.mp-part4 .table2  .cont span{
	font-size:16px;
	color:#37aaa5;
	display:inline-block;
	margin-left:12px;
	font-weight:bold;
}
.mp-part4 .table2 .cont ul li{
	background:rgba(55,170,165,.1);
	border:1px solid rgba(55,170,165,1);
	font-size:14px;
	color:#666;
	width:106px;
	margin-left:15px;
	margin-bottom:10px;
	border-radius: 4px;
	text-align: center;
	padding:10px 20px;
}
.mp-part4 .table2 .cont ul li.small-size{
	font-size:12px;
	color:#666;
	padding:10px 10px;
}
.mp-part4 .table2  .cont .cir{
	width:24px;
	text-align: center;
}
.mp-part4 .table2  .cont .cir i{
	width:15px;
	height:15px;
	background:#37aaa5;
	border-radius: 8px;
	display:inline-block;
}

.mp-part4 .table2 .line{
	width: 24px;
    display: flex;
    justify-content: center;
}
.mp-part4 .table2 .big-box{
	position: relative;
}
.mp-part4 .table2 .line{
	width: 1px;
    height: 68%;
    position: absolute;
    left: 4.5%;
    border-left: 1px dashed #37aaa5;
    top: 94px;
}
.mp-part4 .table2 .content-two{
	width:40%;
}
.mp-part4 .table2 .item{
	height:200px;
	padding:20px;
	display: flex;
	align-items: center;
	border:1px solid #ededed;
	font-size:14px;
	color:#666;
	text-align: justify;
	line-height: 21px;
}
.mp-part4 .table2 .item:not(:last-child){
	border-bottom:none;
}
.mp-part4 .table2 .item:first-child{
	border-top:none;
}
.mp-part4 .table2 .content-three{
	width:39%;
}

.mp-part4 .table2 .content-three .item{
	color:#181818;
	background: rgba(55,170,165,.08);
	border-left:none;
	border-right:none;
	
}
.mp-part5{
	background: #f9f8fd;
}
.mp-part5.sec .title {
    margin-bottom: 110px;
}
.mp-part5 .item-box{
	margin-bottom:60px;
	border:1px solid #ddd;
}
.mp-part5 .item-box li{
	float:left;
	width:23%;
	border-right:1px solid #ddd;
	padding:50px 15px 60px;
	position: relative;
	background: #fff;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
}
.mp-part5 .item-box li:last-child{
	border-right: none;
}

.mp-part5 .item-box .item-title{
	text-align: center;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.mp-part5 .item-box .item-title .title-text{
	font-size:16px;
	font-weight:bold;
	color:#333;
	margin-top:45px;
	margin-bottom:30px;
	display: block;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.mp-part5 .item-box .item-title span{
	font-size:14px;
	color:#666;
	display:block;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
    height:40px;
}
.mp-part5 .item-box .item-text{
	display:none;
   opacity: 0;
    -webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;
    transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;
    transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s;
    transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s;
}
.mp-part5 .item-box .item-text p{
	text-align: justify;
	font-size:14px;
	color:#666;
	line-height: 24px;
	opacity: 0;
	margin-top:30px;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
/*.mp-part5 .item-box .item:after{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
   background: #fff;
   z-index:-1;
    -webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;
}*/
.mp-part5 .item-box .item.active{
	width:31%;
	border-right:none;
}
.mp-part5 .item-box .item.active>div{
	    z-index: 1;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
	width:100%;
    border:1px solid #37aaa5;
    padding:20px;
    min-height: 398px;
}
.mp-part5 .item-box .item.active .item-text{
	opacity: 1;
	display: block;
}
.mp-part5 .item-box .item.active .item-text p{
	opacity: 1;
}
.mp-part5 .item-box .item.active .title-text{
	margin-top:30px;
	margin-bottom:20px;
}
.mp-part5 .item-box .item.active .item-title span{
	height: auto;
}
.mp-part5 .item-box .item.active .item-title .title-text{
	color:#37aaa5;
}
.mp-part5 .item-box .item.active>div{
	position: absolute;
	top:-45px;
	left:0;
}
@media only screen and (max-width:1002px ) {
	.mp-part5 .item-box li{
		width:20%;
	}
	.mp-part5 .item-box .item.active{
		width:40%;
	}
	.mp-part4 .table2 .item{
		padding:10px;
		height:240px;
	}
	.mp-part4 .table2 .cont ul li{
		width:72px;
		padding:10px;
		font-size:12px;
	}
	.mp-part4 .table2 .cont{
		padding-right:10px;
		height:240px;
	}
}
@media screen and (max-width: 750px){
.mobile-mpbanner{
    height: 225px;
    margin-top:110px;
}
	.mp-part4 .table2 .content-one, .mp-part4 .table2 .content-two, .mp-part4 .table2 .content-three{
    float: left;
    }
    .mp-part4 .table2 .item {
    height: 260px;
    padding: 10px;
    font-size: 12px;
    color: #666;
    line-height: 16px;
	}
	.mp-part4 .table2 .content-one{
		width:50px;
	}
	.mp-part4 .table2 .cont ul li{
		padding:4px 10px;
		font-size:12px;
		margin-left:5px;
		width:96px;
	}
	.mp-part4 .table2 .content-two,.mp-part4 .table2 .content-three,.mp-part4 .table2 .content-one{
		width:50%;
	}
	.mp-part4 .table2 .cont{
		padding-right:10px;
		height:260px;
	}
	.mp-part4 .table2 .line{
		top:124px;
	}
	.mp-part4 .table2{
		margin-bottom:15px;
	}
	.mp-part4 .summary{
		font-size:14px;
		line-height: 21px;
	}
	.mp-part1 .item p{
		font-size:14px;
		line-height: 21px;
	}
}
@media only screen and (max-width:520px ) {
	.mp-part1 .item .info li{
		width:100%;
	}
	.mp-part5 .item-box{
		border:none;
	}
	.mp-part5 .item-box li{
		width:100%;
		margin-bottom:15px;
		background: none;
		padding:0;
		border-right:none;
	}
	.mp-part5 .item-box .item-text{
		display:block;
		opacity: 1;
	}
	.mp-part5 .item-box .item-text p{
		opacity: 1;
	}
	.mp-part5 .item-box .item.active{
		width:100%;
	}
	.mp-part5 .item-box .item.active>div{
		position: relative;
		top:0;
	}
	.mp-part5 .item-box .item>div {
    z-index: 1;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 13%);
    width: 100%;
    border: 1px solid #37aaa5;
    padding: 20px;
    min-height: 398px;}
    .flex-nav.mp-nav ul li a{
    	font-size:14px;
    }
    .mp-part5.sec .title,.sec .title{
    	margin-bottom:30px;
    }
    .sec{
    	padding:30px 0;
    }
    .sec .title-text{
    	font-size:24px;
    }

}

@media only screen and (max-width: 1200px) {

.part2 .tab-content .tab-pane.tab1 .items-main .items {
    display: inline-block;
    width: 170px;
    margin-right: 10px;
}
.part2 .tab-content .tab-pane .items-main .items h4{
	font-size:14px;
}
.part2 .tab-content .tab-pane .items-main .items p{
	font-size:12px;
}
}
@media only screen and (min-width: 320px) and (max-width: 750px) {
	
	.part1 .content {
    padding: 0;
}
.sec h3.title{
	margin: 0 auto 30px;
	font-size:26px;
}
.part1 .yl-img{
	height:270px;
}
.part2 .nav-tabs span{
	font-size:16px;
}
.part2 .tab-content .tab-pane p.summary{
	font-size:14px;
}
.part2 .tab-content .tab-pane.tab1 .items-main .items{
	width:100%;
	min-height: 280px;
}
.part2 .tab-content .tab-pane .items-main .items h4 {
    font-size: 16px;
}
.part2 .tab-content .tab-pane .items-main .items p {
    font-size: 14px;
}
.part2 .tab-content .tab-pane .items-main .items{
	min-height:280px;
}
.part3 .items{
	margin-bottom:15px;
}
.part4 .items span{
	font-size:32px;
}
.part5 ul li{
	height:auto;
}
.part5 ul li a{
	height:26px;
	border-radius: 4px;
	overflow: hidden;
}
.part5 ul li a img{
	vertical-align: middle;
}

	.mobile-banner{
	height:225px;
 		}
}


@media only screen and (max-width: 750px) {
	.part3 .table2{
		margin-bottom:20px;
	}
	.part2 .main{
		background:none;
    padding:0;
	}
	.part3 .table2 .content-one,.part3 .table2 .content-two,.part3 .table2 .content-three,.part3 .table2 .content-four{
		float:left;
	}
	.part3 .table2 .content-two,.part3 .table2 .content-three,.part3 .table2 .content-four{
		width:80%;
	}
	.part3 .table2 .content-one{
		width:20%;
	}
	.part3 .table2 .cont span{
		font-size:12px;
		margin-left:0
	}
	.part3 .table2 .line{
		width:14px;
	}
	.part3 .table2 .cont .cir{
		width:14px;
	}
	.part3 .table2 .item{
		font-size:12px;
	}
	.part3 .table2 .title-small{
		font-size:14px;
	}
}


/*-----------------------------------------------    微软徽标认证             ------------------------------------------------------------------------------------------*/

.pc-hbbanner{background:url(../../Products/images/wrhb-banner.jpg) no-repeat center top/auto 100% #0D46C9;height:535px;}
.pc-hbbanner .banner-text{
	padding-top:240px;
	width:600px;
}
.pc-hbbanner .banner-text h3{
	color:#fff;
	font-size:34px;
	margin-bottom:30px;
}
.pc-hbbanner .banner-text p{
	color:#fff;
	font-size:24px;
	text-align: justify;
	line-height:24px;
}
.pc-hbbanner .top-btn{
	margin-top:30px;
}
.pc-hbbanner .top-btn a{
	color:#fff;
	display:inline-block;
	padding:6px 20px;
	font-size:14px;
	border:1px solid rgba(255,255,255,0.8);
	border-radius: 4px;
	margin-right:10px;
	transition: all ease 0.3s;
}
.pc-hbbanner .top-btn a:hover{
	background: #2496ea;
}
.mobile-banner{background:url(../../Products/images/mobile-hbbanner.jpg) no-repeat center center/100% auto;height:450px;}

/*公共*/
.sec1{
	padding:60px 0;
}
.sec1 .title{
	text-align: center;
	margin-bottom:50px;
}
.sec1 .title-text{
	font-size:30px;
	color:#181818;
	text-align: center;
	position: relative;
	display:inline-block;
}
.sec1 .title-text span{
	color:#37aaa5;
}


/*1*/

.hb-part1.sec1 .main{
	background: url(../../Products/images/hb_03.png) no-repeat right top;
	padding-right:490px;
	padding-bottom:22px;
	padding-top:20px;
}
.hb-part1.sec1 .main p{
	font-size:16px;
	color:#333;
	margin-bottom:40px;
	line-height: 30px;
	text-align: justify;

}
.hb-part1.sec1 .main p span{
	font-weight:bold;
	color:#37aaa5;
}

.hb-part1.sec1 .main li{
	font-size:14px;
	color:#666;
	line-height: 30px;
	position: relative;
	padding-left:15px;
}
.hb-part1.sec1 .main li:before{
	content:'';
	display:inline-block;
	width:4px;
	height:4px;
	background:#37aaa5;
	position: absolute;
	left:0;
	top:13px;
}
.hb-part2,.hb-part4,.hb-part6{
	background: #f7f9fc;
}
.hb-part2 .item{
	padding:20px 15px;
	background: #fff;
	border:1px solid #ededed;
	margin-bottom:20px;
	
}
.hb-part2 .item .icon{
	background: url(../../Products/images/hbicon.png) no-repeat;
	width:40px;
	height:40px;
	display:inline-block;
	float:left;
	margin-right:10px;
}
.hb-part2 .item .text{
	float:left;
}
.hb-part2 .icon.icon1{
	background-position:0 0;
}
.hb-part2 .icon.icon2{
	background-position:0 -40px;
}
.hb-part2 .icon.icon3{
	background-position:0 -80px;
}
.hb-part2 .icon.icon4{
	background-position:0 -120px;
}
.hb-part2 .icon.icon5{
	background-position:0 -160px;
}
.hb-part2 .icon.icon6{
	background-position:0 -200px;
}
.hb-part2 .icon.icon7{
	background-position:0 -240px;
}
.hb-part2 .icon.icon8{
	background-position:0 -280px;
}
.hb-part2 .item a{
	display:inline-block;
	font-size:16px;
	color:#181818;
	font-weight:bold;
	margin-bottom:6px;
}
.hb-part2 .item p{
	font-size:14px;
	color:#666;
	text-align: justify;
}

.hb-part3.sec{
	padding-bottom:0;
}
.hb-part3 .summary{
	font-size:16px;
	color:#666;
	line-height: 26px;
	margin-bottom:40px;
}
.hb-part3 table tr,.hb-part3 table th{
	text-align: center;
}
.hb-part3 .table>tbody>tr>td,.hb-part3 .table>tbody>tr>th,.hb-part3 .table>tfoot>tr>td,.hb-part3 .table>tfoot>tr>th,.hb-part3 .table>thead>tr>td,.hb-part3 .table>thead>tr>th{
	padding:12px;
	font-size:16px;
	color:#666;
	line-height: 24px;
	vertical-align: middle;
}
.hb-part3 .table>tbody>tr>td{
	text-align: left;
	padding-left:40px;
}
.hb-part3 .table>tbody>tr>td.hb_row{
	text-align: center;
}
.hb-part3 .table>tbody>tr>td a.hb_btn{
	padding:6px 30px;
	background:#37aaa5;
	color:#fff;
	display: inline-block;
}
.hb-part3 .table>tbody>tr>td ul li{
	position: relative;
	font-size:16px;
}
.hb-part3 .table>tbody>tr>td ul li:before{
	content: '';
	width:4px;
	height:4px;
	border-radius: 4px;
	background:#666;
	position: absolute;
	left:-10px;
	top:10px;
}
.hb-part3 .table>tbody>tr>td ul li.green:before{
		background:#37aaa5;
}
.hb-part3 .table>tbody>tr>th{
	color:#000;
}
.hb-part3 .table>tbody>tr>th.title-1{
	background: #37aaa5;
	color:#fff;
}
.hb-part3 .table>tbody>tr>th.title-2{
	background: rgba(55,170,165,0.7);
	color:#fff;
}
.hb-part3 .table>tbody>tr.bac{
	background:rgba(55,170,165,.04);
}
.hb-part3 .table>tbody>tr span{
	color:#37aaa5;
}
.hb-part4{
	background: url(../../Products/images/hb_07.png) no-repeat #f7f9fc center bottom;
}
.hb-part4 .shebei{
	text-align: center;
}
.hb-part4 .shebei li{
	display:inline-block;
	margin:25px 20px;
}
.hb-part4 .shebei li span{
	display:inline-block;
	padding:10px 15px;
	color:#666;
	font-size:16px;
	background:#fff;
	box-shadow: 0px 0px 8px 0px rgba(55,170,165,0.2);
	border-radius: 8px 15px 0 8px;
}

.hb-part5 .lc-sec li{
	display: inline-block;
	padding:30px 0;
	text-align: center;
	border: 1px dashed #ddd;
	width:22%;
	
	position: relative;
}
.hb-part5 .lc-sec li.arrow{
	width:4%;
	border: none;
	padding:0;
}
.hb-part5 .lc-sec .arrow span{
	width:30px;
	height:32px;
	display: inline-block;
	margin-bottom:215px;
	background: url(../images/hb_arrow.png) no-repeat;
}

.hb-part5 .lc-sec li:after{
	content: '';
	display: block;
	position: absolute;
	
}
.hb-part5 .lc-sec li:last-child{
	width:48%;
	margin-right:0;
}
.hb-part5 .lc-sec li .tit{font-size:16px;color:#37aaa5;display: inline-block;margin-bottom: 30px;}
.hb-part5 .lc-sec li .step{
	
	
	position: relative;
}



.hb-part5 .lc-sec .step .text{
		padding-top:30px;
	border-top:1px solid #e2e5e9;
}
.hb-part5 .lc-sec .step .text .text-local{
		min-height: 63px;
		font-size:14px;
		line-height: 21px;
		margin-bottom:45px;
		padding:0 20px;
}
.hb-part5 .lc-sec .step .text a{
	color:#fff;
	font-size:16px;
	padding:5px 30px;
	border:1px solid #37aaa5;
	background: #37aaa5;
}
.hb-part5 .lc-sec .step .text a:hover{
	color:#fff;
	background: #37aaa5;
}
.hb-part5 .lc-sec .step .text-box{
	height: auto;
	background: #37aaa5;
	padding:30px 10px;
}
.hb-part5 .lc-sec li .step3 .s{
	background: #37aaa5;
}
.hb-part5 .lc-sec .step.step3 .text-box{
	float:left;
	width:29%;
}
.hb-part5 .lc-sec .step.step3 .text-box.arrow{
	width:6%;
	padding:20px 0;
}
.hb-part5 .lc-sec .step.step3 .text-box span{
	display: block;
}
.hb-part5 .lc-sec .step .text-box span{
	color:#fff;
	font-size:24px;
	font-style: italic;
	display:inline-block;
	margin-bottom: 20px;
}
.hb-part5 .lc-sec .step .text-box p{
	font-size:16px;
	color:#fff;
	font-weight: bold;
	display: block;
	text-align: center;
}
.hb-part5 .lc-sec .step.step3 .arrow.text-box{
	margin-bottom:0;
}
.hb-part5 .lc-sec .step.step3 .arrow.text-box span{
	margin-bottom: 0;
	margin-top:25px;
}


.hb-part6 .newsList{
	border-bottom: 1px solid #e1e1e1;
    margin-bottom: 15px;
}
.hb-part6 .newsList p{
	color: #333;
    font-size: 16px;
    width: 80%;
    float: left;
    padding-left: 15px;
    padding-bottom: 15px;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.hb-part6 .newsList p:before{
	position: absolute;
    left: 0;
    top: 12px;
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #e1e1e1;
}
.hb-part6 .newsList span{
	color: #999;
    font-size: 14px;
    width: 15%;
    float: right;
}
@media only screen and (max-width: 768px) {
	.hb-part1.sec1 .main{
		padding:0;
		background: none;
	}
	.hb-part4 .shebei li span{
		font-size:14px;
	}
	.hb-part4 .shebei li{
		margin:5px;
	}
	.hb-part4 .shebei{
		text-align: left;
	}
	.hb-part2 .item .text{
		width:84%;
	}
	.hb-part5 .lc-sec li:not(:first-child){
		margin-left:0;
	}
	
	
	.hb-part5 .lc-sec .step .text-box p{
		
		font-size:16px;
		line-height: 28px;
	}
}
@media only screen and (min-width: 320px) and (max-width: 750px){
.mobile-banner {
    height: 225px;
    margin-top:110px;
}
}
@media only screen and (max-width: 960px) {
	.hb-part5 .lc-sec li{
		width:100%;
	}
	.hb-part5 .lc-sec li:last-child{
		width:100%;
	}
	.hb-part5 .lc-sec .arrow span{
		margin-bottom:10px;
		margin-top:10px;
	}
	.hb-part5 .lc-sec .arrow span{
		transform: rotate(90deg);
	}
	.hb-part5 .lc-sec li.arrow{
		width:100%;
	}
	.hb-part5 .lc-sec .step.step3 .text-box{
		width:100%;
		float:none;
	}
	.hb-part5 .lc-sec .step.step3 .text-box.arrow{
		width:100%;
	}
	.hb-part5 .lc-sec .step.step3 .text-box span{
		display: inline-block;
	}
	.hb-part5 .lc-sec .step .text-box .arrow span{
		margin-bottom:0;
	}
}