/*初始化*/
/*========================================          标题           ==================================*/
.in-tittle h3 { font-size: 32px; color: #000; font-weight: normal; }
.dis-b { vertical-align: bottom; }
.dis-b { display: inline-block; }
.in-tittle span { font-size: 24px; color: #d8d8d8; margin-left: 20px; text-transform: uppercase; }
/* ========================================内容切割成四大块================================== */

/* ========================================    第一部分   ================================== */

/*第一部分*/
.part1 { margin-top: 50px; }
.part1 .image { float: left; margin-right: 5%; width: 37.5%; /*margin-right: 80px;*/ display: inline-block; }
.part1 .image img { width: 100%; }
.part1 .container { float: left; width: 57.5%; display: inline-block; }
/*第一部分标题*/
.part1-tittle-wrapper { margin-bottom: 2.6vw; }
.part1-tittle-wrapper .tittle {margin-top: .5vw; margin-bottom: 1.4vw; font-size: 30px; color: #00b258; }
.part1-tittle-wrapper .content { font-size: 14px; color: #777777; line-height:24px;}
.par1-content-wrapper { }
.par1-content-wrapper b { font-size: 18px; font-weight: 400; }
/*part1的3个圈*/
.par1-content-box { margin-top: 2vw; height: 5.73vw; }
.par1-content { float: left; margin-right: 6.61vw; }
.par1-content:nth-of-type(3) { margin-right: 0; }
.part1-cir { margin-right: 0.64vw; width: 5.7vw; height: 5.7vw; background: #00b258; border-radius: 50%; display: inline-block; }
.part1-cir h2 { line-height: 5.73vw; font-size: 24px; text-align: center; color: #fff; }
.par1-content span { font-size: 14px; font-weight: 600; color: #00b258; line-height: 5.73vw; }

/* ========================================    第二部分   ================================== */
.part2 { margin-top: 122px; margin-bottom: 90px; }
.part2-tittle { margin-bottom: 32px; text-align: center; }
.part2-tittle h2 { font-size: 30px; font-weight: 400; color: #00b258; text-align:left;}
.part2-adv ul li { position: relative; float: left; width: 25%; height: 5.47vw; }
.part2-adv ul li .image { float: left; /*margin-right: 20px;*/
margin-right: 1vw; width: 5.47vw; }
.part2-adv ul li .image img { width: 100%; }
.part2-adv ul li .content { position: relative; top: 50%; transform: translateY(-50%); }
.part2-adv ul li .content h3 { font-size: 18px; font-weight: 400; color: #333333; }
.part2-adv ul li .content p { font-size: 14px; color: #777777; padding-top:10px;}

/*======================================第三部分=====================================*/
.part3 { width: 100%; }
.part3 .wrapper { position: relative; width: 100%; height: 26.15vw; background: url("../images/bg.jpg") no-repeat; background-size: 100% auto; }
.part3 .box { position: absolute; top: 50%; margin-left: 4.6875vw; width: 32.8vw; transform: translateY(-50%); color: #fff; }
.part3 .box h2 { font-size: 2.5vw; }
.part3 .box p { font-size: 1.25vw; padding-top:2vw; line-height:1.5;}

/* ========================================    第四部分   ================================== */
.part4 { margin-top: 80px; color: #00b258; background: url("../images/bg2.jpg") no-repeat; background-size: 100%; }
.part4 .image { float: left; width: 21.25vw; }
.part4 .image img { width: 100%; }
.part4 .content { float: left; width: calc(100% - 21.25vw); }
.part4-tittle { margin-top: 3.96vw; text-align: center; }
.part4-tittle h2 { font-size: 48px; color: #00b258; }
.part4 .wrapper { margin-top: 3.75vw; }
.part4 ul li { float: left; width: 16.66%; text-align: center; font-size: 16px; font-weight: 700; }
.part4 ul li .icon { position: relative; width: auto; height: 3.49vw; margin: 0 auto; }
.part4 ul li .icon img { position: absolute; left: 50%; transform: translate(-50%); }
.part4 ul li .icon img:nth-of-type(1) { width: 2.656vw; }
.part4 ul li .icon img:nth-of-type(2) { width: 2.5vw; }
.part4 ul li .icon img:nth-of-type(3) { width: 2.29vw; }
.part4 ul li .icon img:nth-of-type(4) { width: 2.395vw; }
.part4 ul li .icon img:nth-of-type(5) { width: 2.55vw; }
.part4 ul li .icon img:nth-of-type(6) { width: 2.24vw; }
@media screen and (max-width: 1400px) {
	
	}
 
/* ========================================    手机端   ================================== */
@media screen and (max-width: 720px) {
/*======================  part1 ===========================*/
.part1 { margin-top: 9.3vw; }
.part1 .container{ width:100%;}
.part1 .image { display: none; }
.part1-tittle-wrapper { margin-bottom: 36px; }
.part1-tittle-wrapper .tittle { margin-bottom: 20px; /*font-size: 18px;*/
font-size: 5vw; /*font-weight: 700;*/
color: #00b258; }
.part1-tittle-wrapper .content { font-size: 12px; color: #777777; }
.par1-content-wrapper b { margin-bottom: 20px; /*font-size: 16px;*/
font-size: 4.44vw;/*font-weight: 700;*/ }
.par1-content-box { margin-top: 20px; }
.par1-content { float: left; margin-bottom: 5.55vw; width: 50%; /*line-height: 55px;*/ line-height: 15.28vw; margin-right:0; }
.part1-cir { float: left; /*width: 55px;*/
        /*height: 55px;*/
width: 15.28vw; height: 15.28vw; background: #00b258; color: #fff; text-align: center; border-radius: 50%; }
.par1-content:nth-of-type(2n) { padding-left: 10px; width: calc(50% - 10px); }
.part1-cir h2 { font-size: 15px; line-height: 15.28vw; }
.par1-content span { margin-left: 10px; font-size: 12px; color: #00b258; }
/*======================  part2 ===========================*/
.part2 { margin-top: 6vw; margin-bottom:0; }
.part2-tittle { margin-bottom: 8vw; color: #00b258; }
.part2-tittle h2 { font-size: 5vw; font-weight: 400; }
.part2-adv ul { margin-top: -6vw; }
.part2-adv ul li { float: left; padding-top: 6vw; width: 50%; height: 36vw; text-align: center; }
.part2-adv ul li .image { margin: 0 auto; width: 14.58vw; float:none; }
.part2-adv ul li .image img { margin: 0 auto; width: 100%; }
.part2-adv ul li .content { padding-top: 4vw; margin: 0 auto; width: 85%;position: inherit; top: 0; transform: none; }
.part2-adv ul li h3 { font-size: 4.44vw; font-weight: 400; color: #333333; }
.part2-adv ul li .content p { margin-top: 10px; font-size: 3.33vw; color: #777777; padding:0; line-height:1.5; }
/*======================  part3 ===========================*/
.part3 .wrapper{ background:none;}
.part3 { margin-top: 13.5vw; height:112vw;  background: url("../images/bg3.jpg") no-repeat; background-size: 100%; color: #fff; }
.part3 .box { padding-top: 9vw; margin: 0 auto; width: 80%;  position: inherit; top:0; transform: none; }
.part3 .box h2 { margin-bottom: 6vw; font-size: 5.56vw;}
.part3 .box p { font-size: 3.05vw; padding-top:0; }
/*======================  part4 ===========================*/
.part4 .content{ width:100%;}
.part4 .image { float: none; width: 100%; }
.part4 { margin-top: 7.63vw; }
.part4 .image .q-code { display: none; }
.part4 .image::before { content: ''; display: block; width: 100%; height: 65vw; background: url("../images/q-code-mob.jpg") no-repeat; background-size: 100%; }
.part4-tittle { text-align: center; }
.part4-tittle h2 { margin-bottom: 8vw; font-size: 6.7vw; color: #00b258; }
.part4 .wrapper { width: 100%; }
.part4 ul li { float: left; margin-bottom: 8vw; width: 33.33%; text-align: center; font-size: 12px; color: #00b258; }
.part4 ul li:nth-of-type(3n) { margin-right: 0.01%; }
.part4  ul li .icon { height: 10vw; }
.part4  ul li .icon img { margin: 0 auto; }
.part4 ul li .icon img:nth-of-type(1){ width: 25%;}
.part4  ul li .icon img { width: 25%; }
}