@charset "utf-8";
/* CSS Document */
body { font-family:"Arial, Helvetica, sans-serif"; margin:0; padding:0; background:#ffffff;}
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img{ margin:0; padding:0; border:0; font-weight:normal; }
img{ border:none; vertical-align:middle;}
ul,li{ list-style-type: none; }
button{ vertical-align:middle; cursor:pointer;}
input, button{	vertical-align:middle; border:none;}
.clear { clear:both; overflow:hidden; height:0px;}
.blank{ display:block; height:10px; clear:both; overflow:hidden; visibility:hidden;}
.lft{ float:left;}
.rgt{ float:right;}
.clearfix{ overflow:hidden; zoom:1;}
a{ color: #333; text-decoration: none;}
.orange { color: #fa9d38;}
.w1200 { width: 1200px; margin: 0 auto;}
.w1200_top { text-align: center;}
.w1200_top h3 { font-size: 36px; padding-bottom:30px; color: #333333;}

.banner  { background: url(../images/banner.jpg) no-repeat top center; width: 100%; background-size: 100% 100%; color: #fff; text-align: center;}
.banner h2 { font-size: 103px; padding-top: 370px; box-sizing: border-box; letter-spacing: 16px}
.banner p { font-size: 46px; padding-bottom: 340px; box-sizing: border-box; letter-spacing: 20px}

.vip { padding-top: 175px; background: #fff; text-align: center;}
.vipCenter ul li { font-size: 18px; color: #5f5f5f; padding-bottom: 20px;} 
.vipCenter ul li:first-child { padding-top: 25px; padding-bottom: 50px;}
.vipCenter img { padding-top: 34px; padding-bottom: 100px;}

.double .lft { width: 520px;}
.double { background: url(../images/bg01.png) no-repeat top center; background-size:cover; width: 100%; margin-top: 70px; margin-bottom: 180px; padding-top: 100px; padding-bottom: 110px;}
.doubleLeft { font-size: 16px; color: #333333; font-size: 16px; line-height: 30px;}
.doubleLeft .two { padding:80px 0 10px 45px; font-size: 18px;}
.doubleLeft .two  span { color: #f98508; padding-left: 20px; display: inline-block;}
.doubleLeft .two img { padding: 0 20px}

.doubleRight .stage li { float: left; padding:0 35px; height: 45px; line-height: 45px; text-align: center; background: #323232; font-size: 20px; border-radius: 40px; margin-left: 45px; color: #fff; font-weight: bold;}
.doubleRight .stage li img { margin-right: 5px; vertical-align: sub;}
.doubleRight .stage .last { margin-right: 10px;}

.phase ul { float: right; text-align: center;}
.phase ul  li {  height: 40px; line-height: 40px; margin-top: 28px;}
.phase .Front li { width: 127px; color: #f97500; font-weight: bold; font-size: 18px; background: url(../images/icon04.png) no-repeat; }
.phase .two { width: 210px; font-size: 16px;  margin-left: 20px;color: #333; }
.phase .two li { border-radius: 5px; background: #fed7ac;}
.phase .three { width: 200px; }

.adopt { margin: 175px auto;}
.adopt ul { margin-top: 65px; margin-bottom:150px ;}
.adopt ul li { width: 367px; height: 257px; text-align: center; float: left; background: #f3f3f3; border-radius: 8px; margin-left: 49px;}
.adopt ul li:first-child { margin-left: 0;}
.adopt ul li p { font-size: 22px; color: #333; padding-bottom: 15px;}
.adopt ul li span { font-size: 16px; display: block; color: #737373;}
.adopt ul li img { padding-top: 40px; padding-bottom: 25px;}
.adopt ul li a { display: block;width: 367px;border-radius: 8px; height: 257px;}
.adopt ul li a:hover { background: #fff; border:1px solid #f09839;  box-shadow:1px 1px 19px 2px #dadada}
.adopt ul li .span {text-align: right; padding-top: 15px; padding-right: 20px;  font-size: 14px; color: #9a9a9a;}

.five { background: url(../images/bg.png) no-repeat top center; background-size: cover; padding-top: 135px; margin-top: 405px; }
.five ul li { background: #ffff; margin-bottom: 40px;}
.five ul .kehou { margin-left: 160px;margin-bottom: 130px; }


.pressureCenter { padding-top: 70px; padding-bottom: 180px; text-align: center;}
.pressureCenter p { font-size: 18px; color: #5f5f5f; line-height: 28px;}
.pressureCenter span { display: inline-block; font-size: 16px; color: #999; width: 240px; height: 60px; line-height: 60px; margin-top: 100px;    background: #fa9d38;
    border-radius: 35px;box-shadow: 2px 2px 4px #ccc;}
/* .pressureCenter span { display: inline-block; border: 1px solid #d9d9d9 ; font-size: 16px; color: #999; width: 217px; height: 30px; line-height: 30px; margin-top: 80px;} */
.pressureCenter span  a { color: white;}

.consult { background: url(../images/bg2.jpg) no-repeat top center;  background-size: cover;}
.consult h3 { color: #fff; padding-top: 200px;}
.consult .form  { width: 470px; margin:70px auto 0 auto;}
.consult .form p { margin-bottom: 20px;}
.consult .form input { width: 470px; height: 50px; line-height: 50px; padding:0 15px; border-radius: 8px; box-sizing: border-box; font-size: 16px;}
.consult .form button { background: #fa9d38; text-align: center; color: #fff; width: 470px; height: 50px; line-height: 50px;   border-radius: 8px;font-size: 16px;  }
.consult .zhushi { color: #fff; font-size: 16px; text-align: center; padding-bottom: 190px;}

.frontline { background: url(../images/bg3.jpg) no-repeat top center; background-size: cover;   position: relative;}
.frontline h3 { color: #fff; padding-top: 105px;}
.frontList ul { margin-top: 80px; padding-left: 30px; box-sizing: border-box; padding-bottom: 390px;}
.frontList ul li { float: left; width: 475px; color: #fff; margin-left: 80px; font-size: 16px; margin-bottom: 30px;}
.frontList ul li span { color: #fa9d38;}
.frontList ul li img { margin:  0 8px;}

.fontMain { width: 1370px; margin:  0 auto; position: relative;}
.fontMain .swiper-wrapper { width: 1245px;  margin:  0 auto;}
.fontMain .swiper-slide { width: 365px !important; height: 610px; margin:  0 25px;}
.fontMain .swiper-slide  .teacher{text-align: center;
    position: absolute;   background: #e2e2e2;;
    overflow: hidden;
    top: 0;
    left: 88px;
    width: 191px;
    height: 190px;
    border-radius: 126px;
    border: 2px solid #fa9d38;}
    .fontMain .swiper-slide  .teacher1 img{top: -30px;
        left: -75px;
        width: 350px;}
        .fontMain .swiper-slide  .teacher2 img{top: -10px;
            left: -80px;
            width: 350px;}
            .fontMain .swiper-slide  .teacher3 img{    top: -5px;
                left: -67px;
                width: 310px;}
.fontMain .swiper-slide img {    text-align: center;
    position: absolute;
    top: -10px;
    left: -80px;
    width: 350px;}
.fontcenter { position: absolute;  width: 100%; top: 470px;}
.slideCenter { background: #fff; width: 365px; height: 485px; border-radius: 8px; margin-top: 100px;  box-shadow:6px 13px 28px -10px #f1f1f1}
.slideCenter .title { color: #fc8503; font-size: 30px; text-align: center; padding-top:97px; padding-bottom: 13px;}
.slideCenter .slidemenu { width: 258px; height: 31px; margin: 0 auto; background: url(../images/lsg01.png) no-repeat; line-height: 31px; font-weight: bold; }
.slideCenter .slidemenu span { display: inline-block; width: 123px; text-align: center; font-size: 19px;}
.slideCenter .slidemenu span:first-child { color: #fff;}
.slidemain { margin-top: 20px; padding-left: 25px}
.house{padding-left:15px}
.slidemain p { font-size:16px ; color: #333333; line-height: 26px;}
.slidemain ul  { margin-top: 3px;}
.slidemain ul li { color: #777777; line-height: 32px;}
.slideCenter a { display: block;  width: 365px; height: 485px; border-radius: 8px;}
.slideCenter a:hover { background: #fa9d38; box-shadow:0px 13px 21px -9px #fa9d38; }
.slideCenter a:hover .slidemenu { background: url(../images/lsg02.png) no-repeat;}
.slideCenter a:hover .slidemenu span:first-child  {
color: #fa9d38;}
.slideCenter  a:hover .slidemain p { color: #fff;}
.slideCenter  a:hover .slidemain ul li { color: #fff;}
.slideCenter a:hover .title { color: #fff;}
.swiper-button-next {background-image: none; top:57% }
.swiper-button-prev { background-image: none;top:57%;}
.swiper-container { width: 1245px; position: static;}
.fontMain .submit  { width: 47px; height: 55px; line-height: 50px; background: rgb(112, 112, 112,0.4); text-align: center;}
.fontMain .submit  img { width: 30px;}
.lastSlide .slidemain { padding-left: 15px;}