main{
	padding:0 0 0.5rem;
}
.img1{
	background: url(../image/aboutbg.jpg) no-repeat center;
}
.img2{
	background: url(../image/productbg.jpg) no-repeat center;
}
.img3{
	background: url(../image/casebg.jpg) no-repeat center;
}
.img4{
	background: url(../image/newsbg.jpg) no-repeat center;
}
.img5{
	background: url(../image/contactbg.jpg) no-repeat center;
}
.imgbg{
	background-size: cover;
	padding: 1.8rem 0 1.4rem;
}
.imgbg .txt {
  font-size: 0.46rem;
  height: 1.8rem;
  box-sizing: border-box;
  color: #064C9E;
  padding:0 2.5rem;
}
.imgbg .txt span{
	font-size: 0.4rem;
	color: #323232;
	font-weight: 600;
	margin-top: 0.4rem;
	display: block;
}
.imgbg .center{
	text-align: center;
}
.imgbg .right{
	text-align: right;
}
.img1 .txt,.img1 .txt span{
	color: #fff;
}
.img3 .txt,.img3 .txt span{
	color: #3470B1;
}
.img4 .txt,.img4 .txt span{
	color: #3470B1;
}
.img5 .txt,.img5 .txt span{
	color: #fff;
}
@media screen and (max-width: 750px) {
  .imgbg {
    padding: 0.5rem 0 0.5rem;
  }
  .imgbg .txt {
    font-size: 0.36rem;
    height: 1.4rem;
	padding:0 1rem;
  }
  .imgbg .txt span{
	  margin-top: 0.1rem;
  }
}
.crumb{
	padding: 0.3rem 0;
	margin-bottom: 0.4rem;
	color: #989898;
	font-size: 0.16rem;
	border-bottom: 1px solid #E3E3E3;
}
.crumb .w1720{
	position: relative;
}
.crumb img{
	vertical-align: middle;
	margin-right: 0.1rem;
	position: relative;
	bottom: 0.03rem;
}
.crumb a{
	color: #989898;
	font-size: 0.16rem;
}
.crumb .active{
	color: #37659A;
	font-weight: 500;
}
.cn1 {
  text-align: center;
  font-size: 0.46rem;
  line-height: 0.56rem;
  font-weight: 600;
  letter-spacing: 0.08rem;
}
.cn2 {
  margin-top: 0.15rem;
  text-align: center;
  font-size: 0.28rem;
  line-height: 0.38rem;
  color: #CBCBCB;
  margin-bottom: 0.5rem;
}
.pages {
  text-align: center;
  font-size: 0;
  margin-top: 0.4rem;
}
.pages a {
  text-align: center;
  display: inline-block;
  width: 0.4rem;
  margin: 0 0.1rem;
  font-size: 0.18rem;
  line-height: 0.4rem;
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #b1b1b1;
}
.pages a.active {
  border: 1px solid #004da1;
  background-color: #004da1 !important;
  color: #fff;
}
@media screen and (min-width: 751px) {
  .pages a[href$="#"]:hover, .pages a[href$=";"]:hover, .pages a[href$=".html"]:hover {
    border: 1px solid #004da1;
    background-color: #004da1 !important;
    color: #fff;
  }
}
@media screen and (max-width: 750px) {
  .pages a {
    font-size: 0.26rem;
    width: 0.6rem;
    margin: 0 0.05rem;
    line-height: 0.6rem;
  }
}
.pages a.prev {
  background-color: #ecf3f4;
  border: 1px solid #ecf3f4;
}
.pages a.next {
  background-color: #ecf3f4;
  border: 1px solid #ecf3f4;
}
.pages .page-list {
  display: inline-block;
}
.pages .pages a {
  box-shadow: 1px 1px 0.13rem rgba(163, 198, 237, 0.31);
}
@media screen and (max-width: 750px) {
  .pages {
    text-align: center;
  }
}

.f_zoom_honer {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 999999;
  display: none;
}

.f_zoom_honer .close_icon {
  position: absolute;
  z-index: 10;
  width: 25px;
  height: 25px;
  background: url(../image/close-btn2-1.png) no-repeat center;
  background-size: 25px;
  cursor: pointer;
  top: 1rem;
  right: -40px;
}

.f_zoom_honer .f-zoom-box {
  width: calc(100% - 100px);
  height: calc(100% - 80px);
  margin: 40px auto;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.f_zoom_honer .f-zoom-box .imgbox {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  position: relative;
}

.f_zoom_honer .f-zoom-box img {
  max-width: 100%;
  max-height: 100%;
}

@media screen and (min-width: 951px) {
  body {
    padding-top: 100px;
  }
}
header .hd-r nav .item .lv1box .lv1 {
  color: #333;
}

.inner {
  min-height: 50vh;
}

.inner-banner {
  padding: 2.2rem 0 2.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.inner-banner .txt {
  font-size: 0.4rem;
  line-height: 0.8rem;
  color: #fff;
  text-shadow: 1.8px -0.6px 5px rgba(0, 0, 0, 0.4);
  height: 0.8rem;
}
@media screen and (max-width: 750px) {
  .inner-banner {
    padding: 1.3rem 0 1.7rem;
  }
  .inner-banner .txt {
    font-size: 0.36rem;
    line-height: 0.6rem;
    height: 0.6rem;
  }
}

.inner-nav {
  border-bottom: 1px solid #c4c7cf;
}
.inner-nav .rfnav {
  float: left;
  overflow: hidden;
}
.inner-nav .rfnav a {
  position: relative;
  float: left;
  text-align: center;
  padding: 0 0.32rem;
  font-size: 16px;
  line-height: 0.9rem;
  color: #000;
}
.inner-nav .rfnav a.active {
  font-size: 18px;
  color: #fff;
  background: #004da1;
}
@media screen and (min-width: 751px) {
  .inner-nav .rfnav a:hover {
    color: #fff;
    background: #004da1;
  }
}
.inner-nav .crumb {
  float: right;
  overflow: hidden;
  font-size: 16px;
  line-height: 0.9rem;
  color: #666;
}
.inner-nav .crumb .home {
  width: 40px;
  height: 0.9rem;
  background: url(../image/home.png) no-repeat left center;
}
.inner-nav .crumb a {
  float: left;
  color: #666;
}
.inner-nav .crumb a:last-child {
  color: #004da1;
}
@media screen and (min-width: 751px) {
  .inner-nav .crumb a:hover {
    color: #004da1;
  }
}
.inner-nav .crumb span {
  float: left;
  margin: 0 10px;
}
@media screen and (max-width: 1100px) {
  .inner-nav .crumb {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .inner-nav .w1550 {
    width: 100%;
    padding: 0;
  }
  .inner-nav .rfnav {
    width: 100%;
  }
  .inner-nav .rfnav a {
    padding: 0 0.2rem;
    min-width: 25%;
    box-sizing: border-box;
  }
  .inner-nav .rfnav a.active {
    font-size: 15px;
  }
}

.inner-title {
  letter-spacing: 0.05rem;
  text-align: center;
  font-size: 0.46rem;
  line-height: 0.56rem;
  color: #000;
}
@media screen and (max-width: 750px) {
  .inner-title {
    font-size: 0.36rem;
    line-height: 0.46rem;
  }
}

.bottom{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0.6rem 0;
	font-size: 0.18rem;
	flex-wrap: wrap;
}
.bottom span{
margin-bottom: 0.2rem;
}
.bottom a{
	margin-bottom: 0.2rem;
	color: #989898;
}

.addlink {
  transform: translateY(-100px);
}
@media screen and (max-width: 950px) {
  .addlink {
    transform: translateY(-61px);
  }
}


.about .box1 .content{
	display: flex;
	margin-top: 0.7rem;
}
.about .box1 .content .left {
  width: 53%;
  box-sizing: border-box;
  padding:0 0.6rem 0 1.75rem;
  position: relative;
}
.about .box1 .content .left .en {
  position: absolute;
  top: 0;
  left: 1.75rem;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1rem;
  color: #004da1;
  opacity: 0.16;
  letter-spacing: 0.4rem;
}
@media screen and (max-width:1669px){
	.about .box1 .content .left .en{
		font-size: 1rem;
	}
}
.about .box1 .content .left .tit {
  margin: 1.5rem 0 0.1rem;
  font-size: 0.34rem;
  line-height: 0.44rem;
  color: #064C9E;
}
.about .box1 .content .left .titen{
	font-size: 0.26rem;
	color: #656565;
	margin-bottom: 0.4rem;
}
.about .box1 .content .left .txt{
	line-height: 2;
	letter-spacing: 0.02rem;
	font-size: 0.17rem;
}
.about .box1 .content .right {
  width: 47%;
  position: relative;
}
.about .box1 .content .right img{
	height: 100%;
}
.about .box1 .content .right span{
	display: block;
	position: absolute;
	bottom: -0.25rem;
	right: -0.5rem;
	width: 100%;
	height: 100%;
	background: #E0E9F4;
	z-index: -1;
	border-radius: 10px;
}
.about .box2{
	background: #F9FBFF;
	padding: 0.6rem 0;
	margin-top: 0.7rem;
}
.about .box2 ul{
	display: flex;
}
.about .box2 ul li{
	width: calc(((100% - 6.37rem) / 3) - 0.2rem);
	box-shadow: 4px 4px 5px #C6C6C6;
	margin-right: 0.2rem;
	box-sizing: border-box;
	padding: 0.5rem 0.6rem;
	background: #fff;
	transition: all 0.5s; 
	cursor: pointer;
}
.about .box2 ul li:last-child{
	margin-right: 0;
}
.about .box2 ul li.active{
	background: url(../image/about1.jpg) no-repeat center;
	width: 6.37rem;
	background-size: cover;
}
.about .box2 ul li .txt{
	height: 2.22rem;
	color: #fff;
	border-top: 1px solid #fff;
	position: relative;
	padding: 0.4rem 0 0 0.1rem;
	box-sizing: border-box;
	letter-spacing: 0.01rem;
	line-height: 1.8;
	opacity: 0;
}
.about .box2 ul li.active .txt{
	opacity: 1;
}
.about .box2 ul li .txt::before{
	content: "";
	position: absolute;
	width: 0.5rem;
	height: 0.08rem;
	background: #fff;
	left: 0.1rem;
	top: -0.04rem;
}
.about .box2 ul li .tit{
	text-align: center;
	font-size: 0.22rem;
	font-weight: 600;
	margin-bottom: 0.2rem;
}
.about .box2 ul li.active .tit{
	color: #fff;
}
.about .box2 ul li .icon{
	text-align: center;
}
.about .box2 ul li.active .icon{
	display: none;
}
.about .box2 ul li span{
	background: #EBF3FE;
	display: inline-block;
	border-radius: 50%;
	width: 0.8rem;
	height: 0.8rem;
	padding: 0.2rem;
	box-sizing: border-box;
	margin: 0 auto;
}
.about .box3{
	padding: 0.6rem 0;
}
.about .box3 .swiperbox{
	position: relative;
}
.about .box3 .swiper{
	margin-top: 0.5rem;
}
.about .box3 .swiper .swiper-slide a{
	width: 100%;
	height: 100%;
}
.about .box3 .swiper .swiper-slide a img{
	height: 3.27rem;
	width: 100%;
}
.about .box3 .swiper .swiper-slide a p{
	padding: 0.25rem 0.3rem;
	text-align: center;
	background: #DFE4EA;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.about .box3 .swiper .swiper-slide:hover a p{
	background: #5C8CC0;
	color: #fff;
}
.about .box3 .swpbtn {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  z-index: 16;
  text-align: center;
  cursor: pointer;
}
.about .box3 .swpbtn img{
	width: 0.4rem;
}
.about .box3 .prevbtn {
  left: -0.6rem;
}
.about .box3 .nextbtn {
  right:-0.6rem;
}
.swiper-button-disabled{
	opacity: .45;
	pointer-events: none;
}
.about .box4{
	padding: 0.6rem 0;
}
.about .box4 ul{
	display: flex;
	flex-wrap: wrap;
}
.about .box4 li{
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 4.22rem;
}
.about .box4 li p{
	font-size: 0.26rem;
	color: #fff;
}
.about .box4 li a{
	color: #295B92;
	background: #fff;
	border-radius: 30px;
	opacity: 0;
	transition: all 0.4s;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.about .box4 li:hover a{
	height: auto;
	padding: 0.12rem 0.5rem;
	opacity: 1;
	margin-top: 0.35rem;
}
@media screen and (max-width:1170px){
	.about .box3 .prevbtn {
	  left: -0.4rem;
	}
	.about .box3 .nextbtn {
	  right:-0.4rem;
	}
}
@media screen and (max-width:750px){
	.about .box1 .content{
		flex-wrap: wrap;
	}
	.about .box1 .content .left,.about .box1 .content .right{
		width: 100%;
	}
	.about .box1 .content .left{
		padding: 0.2rem;
	}
	.about .box1 .content .left .en{
		left: 0.2rem;
	}
	.about .box1 .content .left .tit{
		margin-top: 0.5rem;
	}
	
	.about .box2 ul{
		flex-wrap: wrap;
	}
	.about .box2 ul li,.about .box2 ul li.active{
		width: 100%;
		margin-right: 0;
		background: url(../image/about1.jpg) no-repeat center;
		background-size: cover;
		margin-bottom: 0.2rem;
	}
	.about .box2 ul li .tit{
		color: #fff;
		font-size: 0.32rem;
	}
	.about .box2 ul li .txt{
		height: 2.52rem;
		opacity: 1;
	}
	.about .box2 ul li .icon{
		display: none;
	}
	
	.about .box3 .nextbtn{
		right: -0.2rem;
	}
	.about .box3 .prevbtn{
		left: -0.2rem;
	}
	
	.about .box4 li{
		width: 100%;
	}
	.about .box4 li a{
		height: auto;
		padding: 0.12rem 0.5rem;
		opacity: 1;
		margin-top: 0.35rem
	}
}

.about-det .tit{
	font-size: 0.22rem;
	font-weight: 600;
	margin-bottom: 0.4rem;
	text-align: center;
}
.about-det .txtbox{
	padding: 0.3rem 0;
	/* border-top: 1px solid #CBCBCB; */
	border-bottom: 1px solid #CBCBCB;
	line-height: 2;
}
.about-det .txtbox .img{
	text-align: center;
}
@media screen and (max-width:750px){
	.about-det .tit{
		font-size: 0.36rem;
		text-align: center;
	}
}


.product{
	padding: 0.2rem 0;
}
.product .left{
	/* width: 30%; */
}
.product .left ul .lv1box{
	background: #F5F5F7;
	width: 4rem;
	color: #323232;
	font-size: 0.18rem;
	border-bottom: 2px solid #fff;
}
.product .left ul .lv1box .lv1{
	position: relative;
	padding: 0.2rem 0.3rem;
	box-sizing: border-box;
	font-size: 0.18rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.product .left ul .lv1box .lv1 .txt{
	font-size: 0.22rem;
	position: relative;
	width: 50%;
	padding-left: 0.1rem;
	letter-spacing: 0.02rem;
}
.product .left ul .lv1box .lv1 .txt span{
	position: absolute;
	top: -0.3rem;
	left: -0.15rem;
	font-size: 0.46rem;
	color: rgba(6, 76, 158, 0.18);
	font-weight: 600;
}
.product .left ul .lv1box .lv1 .img{
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product .left ul .lv1box .lv1 .img img{
	width: 70%;
}
.product .left ul .lv1box .active{
	background: #3470B1;
	color: #fff;
}
.product .left ul .lv1box .active .txt span{
	color: rgba(255, 255, 255, 0.18);
}
.product .left ul .lv1box .lv2{
	background: #EDF4FC;
	padding: 0.3rem 0;
	display: none;
}
.product .left ul .lv1box:first-child .lv2{
	display: block;
}
.product .left ul .lv1box .lv2 a{
	display: block;
	padding-left: 0.6rem;
	position: relative;
	margin-bottom: 0.25rem;
	position: relative;
	color: #323232;
}
.product .left ul .lv1box .lv2 a:last-child{
	margin-bottom: 0;
}
.product .left ul .lv1box .lv2 a::before{
	position: absolute;
	content: "";
	left: 0.4rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0.1rem;
	height: 0.1rem;
	background: #989898;
	border-radius: 50%;
}
.product .left ul .lv1box .lv2 .actives,.product .left ul .lv1box .lv2 a:hover{
	color: #3470B1;
	text-decoration: underline;
}
.product .left ul .lv1box .lv2 .actives::before,.product .left ul .lv1box .lv2 a:hover::before{
	background: #3470B1;
}
.product .right{
	margin-left: 0.3rem;
	width: calc(100% - 4.3rem);
}
.product .right ul{
	display: flex;
	flex-wrap: wrap;
}
.product .right ul li{
	margin: 0 0.15rem 0.3rem;
	width: calc(33.33% - 0.3rem);
	border: 2px solid #ECECEC;
	box-sizing: border-box;
	height: 4rem;
}
.product .right ul li .img{
	height: 3.5rem;
	padding: 0.4rem;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.product .right ul li p{
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 0.3rem;
}
.product .right ul li:hover{
	border-color: #064C9E;
}
.product .right ul li:hover .img img{
	transform: scale(1.1);
}
.product .right ul li:hover p{
	color: #3470B1;
}
@media screen and (max-width:750px){
	.product .flex{
		flex-wrap: wrap;
	}
	.product .left,.product .right{
		width: 100%;
		margin-bottom: 0.2rem;
		margin-left: 0;
	}
	.product .left ul .lv1box{
		width: 100%;
	}
	.product .left ul .lv1box .lv1 .txt{
		font-size: 0.32rem;
	}
	.product .left ul .lv1box .lv1 .txt span{
		font-size: 0.6rem;
		top: -0.4rem;
	}
	.product .left ul .lv1box .lv2 a{
		font-size: 0.28rem;
	}
	.product .right ul li{
		width: calc(50% - 0.3rem);
	}
}


.product-det .flex{
	display: flex;
	justify-content: space-between;
}
.product-det .flex .left{
	/* display: flex; */
	width: 38%;
	
}
.product-det .flex .left .swiperbox{
	position: relative;
	border: 1px solid rgba(0, 0, 0, 0.15);
	width: 100%;
	height: 4.4rem;
}
.product-det .swiperbox .swiper{
	height: 100%;
}
.product-det .swiperbox .swiper-slide{
	text-align: center;
	box-sizing: border-box;
	padding: 0.32rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-det .flex .left div .fangda{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0.55rem;
	cursor: pointer;
	z-index: 1;
}
.product-det .flex .right{
	width: calc(62% - 0.4rem);
	margin-left: 0.4rem;
	color: #4B5968;
}
.product-det .flex .right .chanpindet{
	height: 2.15rem;
}
.product-det .flex .right p{
	font-size: 0.36rem;
	font-weight: 600;
	margin-bottom: 0.3rem;
}
.product-det .flex .right .txt{
	font-size: 0.16rem;
	font-weight: 400;
	opacity: 0.8;
	color: #1F1F1F;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.product-det .imgbox .swiper{
	height: 100%;
}
.product-det .imgbox .swiper-slide{
	text-align: center;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.2rem;
}
.product-det .imgbox .swiper-slide-thumb-active{
	border: 1px solid #0071BD;
}
.product-det .imgbox{
	position: relative;
	height: 2.25rem;
}
.product-det .imgbox .cont{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.product-det .imgbox .cont .swiper-button{
	background-color: #3470B1;
	height: 0.3rem;
	width: 0.6rem;
	/* padding: 0 0.2rem; */
	top: 50%;
	transform: translateY(-50%);
	margin-top: 0;
	color: #fff;
}
.swiper-button-next:after,.swiper-button-prev:after{
	font-size: 0.18rem;
	line-height: 0.3rem;
}
.swiper-button-prev{
	left: -0.3rem;
}
.swiper-button-next{
	right: -0.3rem;
}
..product-det .swiperbox .swiper-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0 !important;
}
..product-det .swiperbox .swiper-slide.swiper-slide-active{
	opacity: 1 !important;
}
.product-det .pro-tab{
	margin-top: 1rem;
}
.product-det .pro-tab .tab_head{
	display: flex;
	margin-bottom: 0.5rem;
}
.product-det .pro-tab .tab_head a{
	display: block;
	margin-right: 0.4rem;
	width: calc(25% - 0.3rem);
	text-align: center;
	padding: 0.2rem 0;
	background: #F1F1F1;
	font-size: 0.18rem;
	color: #4B5968;
	cursor: pointer;
}
.product-det .pro-tab .tab_head a:last-child{
	margin-right: 0;
	width: 25%;
}
.product-det .pro-tab .tab_head .active{
	background: #2A5B93;
	color: #fff;
}
.product-det .pro-tab .item{
	display: none;
}
.product-det .pro-tab .item.active{
	display: block;
}
@media screen and (max-width:750px){
	.product-det .flex{
		flex-wrap: wrap;
	}
	.product-det .flex .left,.product-det .flex .right{
		width: 100%;
		margin-left: 0;
	}
	.product-det .flex .right .imgbox{
		padding: 0 0.05rem;
		margin-top: 0.2rem;
	}
	.product-det .imgbox .swiper{
		overflow: initial;
	}
}

.case ul li{
	border-bottom: 1px solid #E1E1E1;
	height: 3.66rem;
	padding: 0.3rem 0;
	box-sizing: border-box;
}
.case ul li:hover{
	transform: scale(1.03);
}
.case ul li a{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}
.case ul li .img{
	width: 5.92rem;
	margin-right: 0.8rem;
	height: 100%;
}
.case ul li .content{
	width: calc(100% - 6.72rem);
	padding: 0.1rem 0;
}
.case ul li .content .tit{
	font-size: 0.2rem;
	margin-bottom: 0.3rem;
	font-weight: 600;
}
.case ul li .content .txt{
	line-height: 1.5;
	margin-bottom: 1rem;
	overflow: hidden;             /*超出内容隐藏*/
	text-overflow: ellipsis;      /*超出内容为省略号*/
	display: -webkit-box;         /*内容不换行*/
	-webkit-line-clamp: 3;        /*超出几行*/
	-webkit-box-orient: vertical; /*从上到下垂直排列子元素*/

}
.case ul li .content span{
	color: #2A5B93;
	border: 1px solid #B0BDD0;
	padding: 0.1rem 0.2rem;
}
@media screen and (max-width:750px){
	.case ul li{
		height: auto;
	}
	.case ul li .img,.case ul li .content{
		width: 100%;
		margin-right: 0;
	}
	.case ul li .content .tit{
		font-size: 0.3rem;
	}
	.case ul li .content .txt{
		margin-bottom: 0.5rem;
	}
}

.case-det .tit{
	font-size: 0.22rem;
	font-weight: 600;
	margin-bottom: 0.2rem;
	text-align: center;
}
.case-det .date{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 5rem;
	margin: 0 auto;
	color: #989898;
	font-size: 0.16rem;
	margin-bottom: 0.2rem;
}
.case-det .txtbox{
	padding: 0.3rem 0;
	border-top: 1px solid #CBCBCB;
	border-bottom: 1px solid #CBCBCB;
	line-height: 2;
}
.case-det .txtbox .img{
	text-align: center;
}
@media screen and (max-width:750px){
	.case-det .tit{
		font-size: 0.36rem;
	}
}



.quality {
  background: url(/assets/css/img/quality_banner.jpg) no-repeat center;
  background-size: cover;
  padding: 2.5rem 0 2.97rem;
}
.quality .title {
  text-align: center;
  text-shadow: 0 1px 0.05rem rgba(0, 0, 0, 0.4);
  font-size: 0.6rem;
  line-height: 0.7rem;
  color: #fff;
}
.quality .det {
  margin-top: 0.4rem;
  text-align: center;
  font-size: 0.3rem;
  line-height: 0.4rem;
  color: #fff;
}
.quality .link {
  margin: 1.1rem auto 0;
  padding: 0.05rem 0.05rem 0.05rem 0.55rem;
  width: 8.1rem;
  box-sizing: border-box;
  background: #fff;
  border-radius: 0.45rem;
  overflow: hidden;
}
.quality .link input {
  float: left;
  width: 5rem;
  font-size: 0.26rem;
  line-height: 0.8rem;
}
.quality .link a {
  float: right;
  text-align: center;
  width: 1.6rem;
  font-size: 0.28rem;
  line-height: 0.8rem;
  color: #fff;
  border-radius: 0.4rem;
  background: #0754a8;
}
@media screen and (min-width: 751px) {
  .quality .link a:hover {
    background: #ffb33f;
  }
}
@media screen and (max-width: 750px) {
  .quality {
    padding: 1.8rem 0 2rem;
  }
  .quality .title {
    font-size: 0.42rem;
    line-height: 0.46rem;
  }
  .quality .det {
    margin-top: 0.2rem;
    font-size: 0.32rem;
    line-height: 0.42rem;
  }
  .quality .link {
    margin-top: 0.6rem;
    width: 7rem;
  }
  .quality .link input {
    width: 4rem;
    font-size: 0.28rem;
  }
}

.news{
	padding: 0.2rem 0 0.6rem;
}
.news .tab{
	display: flex;
	justify-content: center;
	margin-bottom: 0.5rem;
}
.news .tab a{
	padding: 0.15rem 0.35rem;
	background: #E6EDF5;
	margin: 0 0.2rem;
}
.news .tab .active,.news .tab a:hover{
	background: #3470B1;
	color: #fff;
}
.news .tabul{
	display: flex;
	flex-wrap: wrap;
}
.news .tabul li{
	margin-right: 0.3rem;
	width: calc(33.333% - 0.2rem);
}
.news .tabul li:last-child{
	margin-right: 0;
}
.news .tabul li .imgbox {
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.news .tabul li .imgbox .img {
	background: url(../image/index6.jpg) no-repeat center;
  height: 2.95rem;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: 0.2rem;
}
.news .tabul li .date{
	padding: 0 0.18rem;
	margin: 0.2rem 0 0.1rem;
	color: #989898;
}
.news .tabul li .txtbox {
  padding: 0.08rem 0.34rem 0.38rem 0.18rem;
  min-height: 1.15rem;
  /* box-shadow: 0 1px 0.24rem rgba(0, 0, 0, 0.06); */
}
.news .tabul li .txtbox .tit {
  font-size: 18px;
  line-height: 20px;
}
.news .tabul li .txtbox .det {
  margin-top: 0.23rem;
  font-size: 16px;
  line-height: 1.875;
  color: #666;
}
@media screen and (max-width: 1373px) {
  .news .tabul li .txtbox .tit {
    font-size: 16px;
    line-height: 18px;
  }
  .news .tabul li .txtbox .det {
    font-size: 14px;
  }
}
.news .list li{
	border-bottom: 1px solid #F1F1F1;
	padding: 0.3rem 0;
}
.news .list li a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.news .list li .txtbox{
	padding: 0 0.18rem;
}
.news .list li .txtbox .date{
	color: #989898;
	font-size: 0.16rem;
	margin-bottom: 0.2rem;
}
.news .list li .txtbox .tit{
	margin-bottom: 0.2rem;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news .list li:hover .txtbox .tit{
	color: #064D9F;
}
.news .list li .txtbox .det{
	font-size: 0.14rem;
}
.news .list li span{
	background: #E3E4E1;
	padding: 0.1rem 0.3rem;
}
.news .list li:hover span{
	background: #3470B1;
	color: #fff;
}
@media screen and (max-width:750px){
	.news .tabul li{
		width: calc(50% - 0.2rem);
		margin: 0 0.1rem 0.2rem;
	}
	.news .list li span{
		width: 2rem;
		box-sizing: border-box;
		text-align: center;
		padding: 0.1rem 0;
	}
	.news .list li .txtbox{
		width: calc(100% - 2rem);
	}
	.news .tabul li .txtbox{
		padding: 0;
		padding-left: 0.18rem;
	}
}


.contact .box1{
	background: url(../image/index7.jpg) no-repeat center;
	height: 9.4rem;
	background-size:cover;
	box-sizing: border-box;
	padding: 0.8rem 0 0.4rem;
}
.contact .nav{
	margin-top: 0.4rem;
	display: flex;
}
.contact .nav li{
	width: calc(100% / 3);
	text-align: center;
}
.contact .nav li span{
	border: 2px solid #064D9F;
	border-radius: 50%;
	display: flex;
	margin: 0 auto;
	width: 1rem;
	height: 1rem;
	align-items: center;
	justify-content: center;
}
.contact .nav li span img{
	width: 0.4rem;
}
.contact .nav li .p1{
	color: #064C9E;
	font-size: 0.22rem;
	margin-top: 0.1rem;
}
.contact .nav li .p2{
	font-size: 0.18rem;
}
.contact form{
	width: 73%;
	margin: 0 auto;
	margin-top: 0.6rem;
}
.contact form .flex{
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.25rem;
}
.contact input{
	width: 48%;
	border-bottom: 1px solid #9EA7B2;
	padding: 0.2rem;
	font-size: 0.18rem;
}
.contact textarea{
	width: 100%;
	border: none;
	border-bottom: 1px solid #9EA7B2;
	padding: 0.2rem;
	font-size: 0.18rem;
	resize: none;
}
.contact input:focus,.contact textarea:focus{
	background: none;
}
.contact .btn{
	margin-top: 1.2rem;
	text-align: center;
}
.contact .btn a{
	color: #fff;
	background: #064C9E;
	padding: 0.2rem 0.9rem;
	border-radius: 4px;
}
.contact .box2{
	margin-top: 0.5rem;
}
@media screen and (max-width:1669px){
	.contact .btn{
		margin-top: 1rem;
	}
}
@media screen and (max-width:750px){
	.contact .box1{
		height: 9.8rem;
	}
	.contact .nav li span{
		width: 0.6rem;
		height: 0.6rem;
	}
	.contact .nav li span img{
		width: 0.3rem;
	}
	.contact .nav li .p1{
		font-size: 0.28rem;
	}
	.contact .nav li .p2{
		font-size: 0.26rem;
	}
	.contact form{
		width: 92%;
	}
}