@import url(reset.css);
.box { width: 100%; min-width: 1200px; overflow: hidden; margin: 0 auto; }

.content { width: 1200px; margin: 0 auto; overflow: hidden; }

img { display: block; margin: 0 auto; }

a { text-align: center; display: block; }

a:hover { text-decoration: underline; }
.banner img{width: 100%;}
.nav { display: flex; justify-content: space-around; }
.nav li { margin: 52px 0 52px 0; width: 108px; height: 40px; text-align: center; line-height: 40px; }
.nav li a { font-size: 16px; color: #6f6f6f; }
.nav li:first-child, .nav li:last-child { background: #148bcc; }
.nav li:first-child a, .nav li:last-child a { color: #fff; }
.nav li:last-child { width: 144px; }

.mian-h3 { margin: 40px auto; }

.mian1 h3 { margin: 50px auto; }
.mian1 ul { display: flex; justify-content: space-around; padding-bottom: 65px; }

.mian1-box { background: url(../yysimg/m16.jpg) no-repeat bottom center; }

.mian2 { padding-bottom: 50px; }

.mian2-lt { width: 407px; }

.mian2k { width: 100%; background: url(../yysimg/m30.jpg) no-repeat center top; min-height: 248px; }
.mian2k h4 { font-size: 30px; color: #FFF; text-align: center; font-weight: normal; position: relative; padding-top: 48px; }
.mian2k h4::before { position: absolute; display: block; content: ""; width: 46px; height: 3px; background: #FFF; transform: translate(-50%, -50%); top: 148px; left: 50%; }
.mian2k span { display: block; font-weight: bold; margin-bottom: 25px; }
.mian2k a { width: 184px; height: 42px; color: #47a587; margin: 50px auto; background: #FFF; line-height: 42px; border-radius: 10px; font-size: 20px; }

.mian2-rt { width: 784px; }
.mian2-rt ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.mian2-rt ul li { width: 188px; height: 234px; }
.mian2-rt ul li:nth-child(2n) { background: #4fa77d; }
.mian2-rt ul img, .mian2-rt ul span, .mian2-rt ul a { display: block; }
.mian2-rt ul img { margin: 56px auto 20px; }
.mian2-rt ul span, .mian2-rt ul a { color: #FFF; text-align: center; }
.mian2-rt ul span { font-size: 20px; }
.mian2-rt ul a { margin: 20px auto auto; font-size: 16px; border-radius: 20px; border: solid 1px #FFF; width: 113px; }
.mian2-rt ul a:hover { text-decoration: underline; }
.mian2-rt ul li:nth-child(2n+1) { background: #299eb1; }
.mian2-rt ul li:nth-child(5), .mian2-rt ul li:nth-child(6), .mian2-rt ul li:nth-child(7), .mian2-rt ul li:nth-child(8) { margin-top: 7px; }

.mian2-box2 { width: 100%; height: 99px; background: -webkit-linear-gradient(left, #56a977 40%, #40a493 60%, #299eb0 100%); background: -ms-linear-gradient(left, #56a977 40%, #40a493 60%, #299eb0 100%); background: -moz-linear-gradient(left, #56a977 40%, #40a493 60%, #299eb0 100%); position: relative; margin-top: 8px; }
.mian2-box2 h4 { width: 284px; display: block; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }
.mian2-box2 a, .mian2-box2 img { display: inline-block; float: left; }
.mian2-box2 a { width: 212px; height: 51px; border: solid 2px #FFF; color: #FFF; font-size: 20px; text-align: center; line-height: 51px; }

.mian3 { background: url(../yysimg/m36.jpg) no-repeat center top; padding-top: 50px; }

.mian3-h3 { margin: 35px 0 25px 0; }

.mian3-h4 { text-align: center; }
.mian3-h4 span { font-size: 23px; height: 56px; color: #FFF; background: -webkit-linear-gradient(left, #56a977 20%, #40a493 40%, #299eb0 100%); background: -ms-linear-gradient(left, #56a977 20%, #40a493 40%, #299eb0 100%); background: -moz-linear-gradient(left, #56a977 20%, #40a493 40%, #299eb0 100%); line-height: 56px; font-weight: normal; padding: 0 88px; display: inline-block; margin: 20px auto; text-align: center; border-radius: 5px; letter-spacing: 2px; }

.mian3-ul { display: flex; justify-content: center; flex-wrap: wrap; }
.mian3-ul li { width: 332px; border: solid 1px #c0c0bf; border-radius: 15px; box-shadow: 0 5px 0 0 #dbe7de; margin: 30px 35px 25px 30px; overflow: hidden; }
.mian3-ul span, .mian3-ul h3, .mian3-ul p, .mian3-ul a { display: block; margin: 15px auto; }
.mian3-ul h3, .mian3-ul a { text-align: center; }
.mian3-ul h3 { font-size: 23px; background: -webkit-linear-gradient(left, #56a977 40%, #40a493 60%, #299eb0 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.mian3-ul span { width: 309px; height: 190px; transition: 1s; overflow: hidden; }
.mian3-ul img { transition: 1s; }
.mian3-ul img:hover { transition: 1s; transform: scale(1.1); }
.mian3-ul p { padding: 0 25px; font-size: 16px; color: #666666; }
.mian3-ul a { background: #17b27a; border-radius: 15px; width: 154px; height: 34px; color: #FFF; line-height: 34px; }

.mian4 { margin-top: 40px; }

.mian4-ul { position: relative; margin: 60px auto; background: url(../yysimg/m42.jpg) no-repeat center top; min-height: 392px; }
.mian4-ul li { position: absolute; width: 184px; min-height: 237px; }
.mian4-ul li h3 { font-size: 20px; text-align: center; color: #FFF; width: 156px; border-bottom: solid 1px #FFFF; margin: 20px  auto 5px; padding-bottom: 10px; }
.mian4-ul li p { font-size: 16px; text-align: center; color: #FFF; margin: 10px auto; }
.mian4-ul li a { width: 122px; height: 32px; background: #f6f911; color: #49be7d; display: block; padding: 0 15px; border-radius: 15px; font-size: 16px; line-height: 32px; transition: 0.5s; position: absolute; top: 190px; left: 16px; }
.mian4-ul li a:hover { transition: 0.5s; color: #2e9ea2; }
.mian4-ul li:first-child { left: 15px; top: 120px; }
.mian4-ul li:nth-child(2) { top: 150px; left: 268px; }
.mian4-ul li:nth-child(3) { top: 116px; left: 509px; }
.mian4-ul li:nth-child(4) { top: 155px; left: 764px; }
.mian4-ul li:nth-child(5) { left: 1011px; top: 116px; }

.mian5-box { padding-bottom: 30px; margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.mian5-box img { margin: 15px auto; width: 269px; height: 133px; transition: 2s; cursor: pointer; }
.mian5-box img:hover { animation: Parallaxs 2s; -moz-animation: Parallaxs 2s; -webkit-animation: Parallaxs 2s; -o-animation: Parallaxs 2s; width: 269px; height: 133px; }

@-webkit-keyframes Parallaxs { from { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
  to { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } }
.mian6 { background: url(../yysimg/m62.jpg) no-repeat center top; padding: 30px 0 50px 0; margin-top: 30px; position: 2; }

.mian6-ul { display: flex; margin-top: 50px; justify-content: space-between; }
.mian6-ul li { width: 270px; position: relative; }
.mian6-ul li .mian6-li { background: #FFF; height: 347px; margin-top: 116px; }
.mian6-ul .mian6-div { width: 100%; height: 347px; transition: 0.8s; cursor: pointer; }
.mian6-ul .mian6-img { position: absolute; top: 0; left: 42px; z-index: 3; }
.mian6-ul h3 { text-align: center; font-size: 23px; color: #333333; padding-top: 90px; margin-bottom: 10px; }
.mian6-ul span { color: #333; display: block; padding: 5px 20px 0 40px; background: url(../yysimg/m61.jpg) no-repeat 20px 12px; }
.mian6-ul a { background: -webkit-linear-gradient(left, #56a977 40%, #40a493 60%, #299eb0 100%); height: 34px; display: block; color: #FFF; line-height: 34px; margin-top: 15px; }
.mian6-ul a img { display: inline-block; margin: 6px 5px 0 70px; float: left; }
.mian6-ul a small { display: inline-block; font-size: 16px; float: left; }
.mian6-ul a small:hover { text-decoration: underline; }
.mian6-ul .mian6-li:hover { transform: scale(1.1); transition: 0.8s; }

.mian7 .mian3-h3 { margin-top: 120px; }
.mian7 .zj-more { width: 400px; height: 70px; display: block; background: #f2a73d; color: #f2a73d; text-align: center; border-radius: 50px; color: #fff; text-align: center; line-height: 70px; font-size: 28px; transition: 0.5s; margin: 20px auto auto; font-weight: bold; }
.mian7 .zj-more:hover { text-decoration: underline; transition: 0.5s; }
.mian7 h4 { font-size: 28px; color: #949494; font-weight: normal; text-align: center; margin: 40px auto; }
.mian7 h4 small { color: #229baf; font-size: 28px; }
.mian7 .mian7-ul { display: flex; justify-content: center; margin-top: 70px; }
.mian7 .mian7-ul li { margin-left: 90px; }
.mian7 .mian7-ul li:first-child { margin-left: 20px; }

.mian8 { margin: 90px  auto  70px; }
.mian8 p { text-align: center; margin: 15px auto; font-size: 16px; color: #333; }
.mian8 ul { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 45px; }
.mian8 ul li { margin: 15px 45px; }
.mian8 ul img { background: #eeeeee; padding: 16px 27px; }
.mian8 ul span { text-align: center; display: block; font-size: 23px; color: #333333; margin: 15px auto; }

.mian9 { background: #148bcc; }
.mian9 span { width: 100px; height: 100px; border: solid 2px #FFF; border-radius: 50%; position: relative; color: #FFF; margin: 45px 28px  24px; }
.mian9 span small { display: block; font-size: 25px; position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }
.mian9 p { width: 749px; color: #FFF; font-size: 16px; margin: 60px 28px 0 0; }
.mian9 i { color: #eff125; }
.mian9 a { width: 184px; height: 44px; background: #FFF; border-radius: 8px; font-size: 20px; color: #148bcc; margin: 80px 44px 0 0; line-height: 44px; }

.mian10 { margin: 40px auto; }
.mian10 ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.mian10 li { border: dashed 1px #666; border-radius: 25px; width: 568px; height: 58px; margin: 15px auto; }
.mian10 p, .mian10 font { display: inline-block; margin: 15px 25px 0 25px; }
.mian10 p { font-size: 16px; float: left; color: #333333; transition: 0.5s; }
.mian10 p:hover { transition: 0.5s; color: #1ab281; }
.mian10 font { float: right; font-size: 23px; color: #1ab281; }

.mian11 .mian3-h3 { margin-bottom: 0; }

.mian12 { margin-top: 30px; padding-bottom: 50px; }
.mian12 .mian12-box { margin: 40px auto auto; display: flex; justify-content: space-between; }
.mian12 .mian12-box a { margin: 0 20px auto; }

.foot { background: #2c2c2c; padding-bottom: 30px; }
.foot .foot-box { width: 1000px; margin: 30px auto; display: flex; justify-content: center; border-bottom: solid 1px #FFF; padding-bottom: 5px; }
.foot .foot-box a { color: #FFF; margin: 0 40px 0 20px; font-size: 18px; }
.foot p { text-align: center; font-size: 18px; color: #fff; margin: 10px auto auto; }

.mian13 { background: url(../yysimg/m14.jpg) no-repeat center top; padding-bottom: 30px; }
.mian13 p { width: 1104px; margin: 10px auto; color: #FFF; font-size: 16px; }
.mian13 .mian13-box { width: 970px; min-height: 410px; background: #FFF; margin: 40px auto 20px; border-radius: 15px; }
.mian13 .mian13-box h4, .mian13 .mian13-box small { text-align: center; font-size: 30px; color: #333; }
.mian13 .mian13-box h4 { padding: 55px 0 20px 0; font-weight: normal; }
.mian13 .mian13-box small { color: #4ea582; }
.mian13 form { display: block; width: 70%; margin: 20px auto; display: flex; flex-wrap: wrap; justify-content: center; }
.mian13 form div { width: 40%; margin: 15px auto; }
.mian13 form label, .mian13 form span { font-size: 18px; color: #333; }
.mian13 #btn { width: 400px; height: 42px; background: -webkit-linear-gradient(left, #56a977 40%, #40a493 60%, #299eb0 100%); color: #FFF; font-size: 23px; line-height: 42px; text-align: center; display: block; border-radius: 25px; border: none; margin: 25px auto; outline: none; }
.mian13 .radio-inline { display: inline-block; width: 80px; }
.mian13 input[type='radio'] { width: 15px; height: 15px; }
.mian13 input[type='text'] { width: 164px; height: 32px; border-radius: 15px; border: solid 1px #d2d2d2; outline: none; text-indent: 10px; }

/*# sourceMappingURL=css.css.map */