*{margin: 0 auto;padding: 0}
@CHARSET "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,aside {
	margin:0;
	padding: 0;
	font-family: '微软雅黑'
}
body{
	min-width: 1350px;
}
ul{list-style: none}
input[type='number'] {  -moz-appearance:textfield;  }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;  margin: 0;
}input{outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
textarea{  outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}
select{outline: none;background: rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)  }
/*input,textarea{-webkit-appearance:none;}*/
a{text-decoration:none;outline: none}
img{
	border:none; /*去除ie浏览器border边框*/
	outline:none;
}
.bef::after{display: block;content: '';clear: both;}
img[src=""],img:not([src]){
opacity: 0;
}


body{
	width: 100%;
	height: 6946px;
	background: #effbfd url(../images/bg.jpg) no-repeat center center;
	margin: 0 auto;
	display: inline-block;
}

.max{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;

}

.dy{
	width: 1100px;
	height: 245px;
	margin: 700px auto 0;
	color: #fff;
	font-size: 24px;line-height: 1.7;
	text-align: justify;
	text-indent: 2em;
}

.w1200{
	width: 1200px;
	margin: 0 auto;
	border: 1px solid rgba(0,0,0,0);
}
.box1{
	margin-top: 120px;
	height: 700px;
	position: relative;
	text-align: justify;
	line-height: 1.7;
}

.box1 p{
	width: 820px;
	float: right;
	font-size: 18px;
color: #171616;
margin-top: 10px;
margin-right: 30px;
}
.box1 h3{
	width: 820px;
	float: right;
	font-size: 26px;
	color: #171616;
	text-align: center;margin-right: 30px;
}
.box1 a{
	width: 180px;
    height: 45px;
    display: block;
    position: absolute;
    top: 165px;
    right: 24px;
}
.imgs1{
	width: 100%;
    height: 490px;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0;
}


.imgs1 img{
	width: 330px;height: 210px;
	border-radius: 10px;
	object-fit: cover;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}
.imgs1 img:nth-child(1){
    width: 390px;height: 245px;
	margin-left: 400px;
}
.imgs1 img:nth-child(2){
    width: 390px;height: 245px;
	margin-right: 0px;
}



.box2{height: 1112px;

	margin-top: 185px;
	position: relative;
}

.box2 .img2{
    width: 671px;
    height: 470px;
    object-fit: cover;
    margin: 51px 0 380px 77px;
    border-radius: 5px;
}

.imgs2{
	width: 1200px;height: 485px;
	position: absolute;
	top: 415px;
	left: 0;
}

.imgs2 img{
	border-radius: 50%;
	width: 255px;
	height: 255px;
	object-fit: cover;
	float: left;
}
.imgs2 img:nth-child(1){
	margin: 195px 0 0 80px;
}
.imgs2 img:nth-child(2){
	margin: 150px 0 0 55px;
}
.imgs2 img:nth-child(3){
	margin: 200px 0 0 45px;
}
.imgs2 img:nth-child(4){
	margin: 0 0 0 0;
}

.box2 p{
	width: 1150px;
	margin: 0 auto;
	font-size: 18px;
	color: #171616;
	margin-top: 10px;
	line-height: 1.7;
	text-align: justify;
}
.box2 h3{
	width: 1150px;
	margin: 0 auto;
	font-size: 26px;
	color: #171616;
	text-align: center;margin-right: 30px;
}

.box2 a{
	width: 180px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 9px;
}

.box3{
	height: 680px;
	margin-top: 238px;position: relative;
}

.banner{
	width: 590px;height: 405px;
	float: right;
	margin-right: 93px;
	position: relative;
}

.banner .swiper {
	width: 100%;
	height: 370px;
	border-radius: 5px;
	overflow: hidden;
  }
  .banner .swiper img{
	width: 100%;height: 100%;
	object-fit: cover;
  }



  .banner  .swiper-pagination-bullet{
	border: 1px solid #179faa;
	background: rgba(0,0,0,0);
	opacity: 1;
  }
  .banner .swiper-pagination-bullet-active{
	background: #179faa;
  }
  .banner .swiper-pagination{
	text-align: right;
  }

  .box3>p{
	width: 670px;
	margin-left: 95px;
	font-size: 18px;
	color: #171616;
	margin-top: 10px;
	line-height: 1.7;
	text-align: justify;
}
.box3>h3{
	width: 670px;
	font-size: 26px;
	color: #171616;
	text-align: center;
	margin-left: 95px;
	clear: both;
}

.box3>a {
	width: 180px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: 19px;
    left: 340px;
}

.box4{
	height: 920px;
	margin-top: 150px;
	position: relative;
}

.box4>p{
	width: 740px;
	margin-left: 20px;
	font-size: 18px;
	color: #171616;
	margin-top: 10px;
	line-height: 1.7;
	text-align: justify;
}
.box4>h3{
	width: 740px;
	margin-left: 20px;
	font-size: 26px;
	color: #171616;
	text-align: center;
	clear: both;
}
.box4>a {
	width: 180px;
    height: 45px;
    display: block;
    position: absolute;
    top: 200px;
    left: 300px;
}

#certify {
	position: relative;
	width: 1200px;
	height: 640px;
	margin-top: 140px;
}

#certify  .swiper-slide {
	width: 760px;
	height: 485px;position: relative;
}
#certify  .swiper-slide::before{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	border-radius: 10px;
	content: '';
	z-index: 1;
}
#certify  .swiper-slide img{
	display:block;
	width: 100%;height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
#certify  .swiper-slide-next img,
#certify  .swiper-slide-next::before{
	transform: rotate(8deg);
}
#certify  .swiper-slide-prev img,
#certify  .swiper-slide-prev::before
{
	transform: rotate(-8deg);
}
#certify  .swiper-slide-active::before{
	display: none;
}
#certify  .swiper-slide-active img{
	height: 430px;
}


.certify_left,
.certify_right{
	width: 46px;height: 46px;
	background: url(../images/bth.png) no-repeat;
	float: left;
	cursor: pointer;
}

.certify_left{
	transform: rotate(180deg);
}
.certify_icon{
	height: 46px;
	float: left;
	margin:  0 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.certify_icon .swiper-pagination-bullet{
	background: #a2e0cd;
	width: 8px;height: 8px;
	margin: 0 7px;
	opacity:1;
	transition: all .3s;
}
.certify_icon .swiper-pagination-bullet-active{
	width: 12px;height: 12px;
}
.certify{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}


.box5{
	width: 100%;
	margin-top: 160px;
}

.box5_img1{
	width: calc(50% + 160px);
	height: 240px;
	float: right;
}
.box5_img1{
	display: flex;
	margin-bottom: 85px;
}
.box5_img1 img:nth-child(1){
	width: 35.5%;height: 100%;object-fit: cover;
	margin-right: 10px;
}

.box5_img1 img:nth-child(2){
	height: 100%;object-fit: cover;
	flex: 1;
}
.box5_img1 img{border-radius: 5px;}
.box5_img2 img{border-radius: 5px;}
.box5_img2{
	width: calc(50% + 600px);
	clear: both;
	display: flex;
	height: 340px;
}

.box5_img2 img:nth-child(1){
	width: 23.5%;height: 240px;object-fit: cover;
	margin-right: 10px;
}

.box5_img2 img:nth-child(2){
	width: 23.5%;object-fit: cover;
	height: 240px;
}

.box5_txts{
	margin-left: 20px;flex: 1;
}

.box5_txts>p{
	width: 100%;
	font-size: 18px;
	color: #171616;
	margin-top: 10px;
	line-height: 1.7;
	text-align: justify;
}
.box5_txts>h3{
	width: 100%;
	font-size: 26px;
	color: #171616;
	text-align: center;
	clear: both;
}

.box5_txts>a {
    width: 186px;
	height: 52px;
	display: block;
	background: url(../images/xq.png) no-repeat;
	float: right;margin-top: 30px;
}


.box6{
	height: 910px;
}

.box6_img1{
	width: 765px;height: 480px;
	object-fit: cover;
	border-radius: 10px;
}
.box6_imgs{
	width: 100%;
	height: 112px;
	margin: 42px 0;
}
.box6_imgs img{
	width: 112px;height: 112px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid rgba(0,0,0,0);
	margin-left: 75px;
	margin-right: 105px;cursor: pointer;
}
.box6_imgs img:last-child{margin-right: 0;}
.box6_imgs img.active{
	border: 4px solid #f7e685;
}

.box6>p{
	width: 100%;
	font-size: 18px;
	color: #171616;
	margin-top: 10px;
	line-height: 1.7;
	text-align: justify;
}
.box6>h3{
	width: 100%;
	font-size: 26px;
	color: #171616;
	text-align: center;
	clear: both;
}
.box6{position: relative;}
.box6>a {
    width: 180px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 520px;
}
footer{
	width: 100%;
	text-align: center;
	color: #050505;
	margin-top: 75px;
}

body{
	min-width: 1400px;
}