/* reset */
/*
  *author:Y.Ray
*/
*{margin:0; padding:0;}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li {list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0; }
table td{word-break: break-all; word-wrap:break-word;}
em, i {font-style:normal;}
a, a:visited, a:active {text-decoration:none; border:none; outline:none; color: #333; cursor: pointer;}
a,img { display:block; border:none;}
input, textarea {outline:none;}
select,input{-webkit-appearance:none;-webkit-tap-highlight-color: rgba(3, 3, 3, 0); }
select {outline: medium none;}
textarea {resize: vertical;}
body {-webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(3,3,3,0); -webkit-touch-callout:none; word-wrap:break-word; line-height:1.5;font-size: 14px;overflow-x: hidden; color: #333;}
body, button, input, select, textarea {font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, "PingFang SC", 'Noto Sans', "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
input[type="button"] {cursor: pointer;}
::-webkit-input-placeholder {color:#666;} /*placeholder 字体颜色*/
:-moz-placeholder {color:#666;} /*placeholder 字体颜色*/
::-moz-placeholder {color: #666;} /*placeholder 字体颜色*/
:-ms-input-placeholder {color: #666;} /*placeholder 字体颜色*/
.none{display:none;}
.left {float:left;}
.right {float:right;}
.clearfix::after {content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.clearfix {zoom:1;}
.clear{clear: both;}
.cont {width: 7.5rem; margin: auto;}

body .yd-hide{
  display: none;
}

.banner-bgd{
  width: 7.5rem;
  height: 6rem;
  margin: 0 auto;
  background: url('../images-yd/banner-bgd.png') no-repeat center;
  background-size: contain;
}
.banner{
  padding: .2rem 0;
  font-size: 0;
  text-align: center;
}
.banner-logo{
  width: 1.9rem;
  height: .6rem;
  margin: 0 0 .4rem .4rem;
}
.banner h2{
  box-sizing: border-box;
  padding: 1.75rem 0 0 .26rem;
  width: 6.84rem;
  height: 2.65rem;
  font-size: .24rem;
  color: #fff;
  line-height: .52rem;
  text-align: left;
  margin: 0 auto .45rem;
  background: url('../images-yd/banner-title.png') no-repeat center;
  background-size: contain;
}
.banner li{
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 1.7rem;
  height: .4rem;
  font-size: .2rem;
  color: #333;
  margin: 0 .46rem .46rem;
  text-align: center;
  line-height: .4rem;
  background-color: #fff;
  border-radius: .2rem;
}
.banner li span{
  color: #fd7313;
}
.banner li i{
  position: absolute;
  top: -.18rem;
  left: -.18rem;
  width: .38rem;
  height: .38rem;
  font-size: .2rem;
  color: #fff;
  text-align: center;
  line-height: .38rem;
  content: '';
  background-color: #fd7313;
  border-radius: .2rem;
}

/* 人数飙升 报考优势不错过 */
.advantage-bgd{
  background-color: #fff;
}
.advantage{
  padding: .7rem 0 .35rem;
  font-size: 0;
  text-align: center;
}
.article-title{
  width: 6.42rem;
  height: .9rem;
  text-align: center;
  margin: 0 auto .54rem;
  background: url('../images/article-title.png') no-repeat center .05rem;
  background-size: contain;
}
.article-title h2{
  font-size: .4rem;
  color: #333;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .1rem;
}
.article-title h3{
  font-size: .16rem;
  color: #557dfe;
  line-height: 1;
}
.article-title h2 span{
  color: #0f34c2;
}
.advantage-box{
  position: relative;
  text-align: left;
}
.advantage-box li{
  width: 7.2rem;
  height: 1.28rem;
  margin: 0 auto .24rem;
  background: url('../images-yd/advantage-box-img01.png') no-repeat center;
  background-size: contain;
  /* box-shadow: 0 0 .16rem rgba(50, 50, 50, 0.3); */
}
.advantage-box li span{
  display: inline-block;
  vertical-align: top;
  width: .7rem;
  height: .7rem;
  font-size: .22rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: .7rem;
  margin: .29rem .29rem;
}
.advantage-right{
  display: inline-block;
  vertical-align: top;
  padding: .36rem 0 0;
  width: 5.6rem;
}
.advantage-right h4{
  font-size: .24rem;
  color: #333;
  line-height: .26rem;
  font-weight: 600;
  text-align: left;
  margin-bottom: .05rem;
}
.advantage-right p{
  position: relative;
  font-size: .18rem;
  color: #333;
  text-align: left;
}
.advantage-right p strong{
  display: inline-block;
  vertical-align: top;
  font-size: .1rem;
  line-height: .3rem;
}
.advantage-right p i{
  position: absolute;
  bottom: -.68rem;
  right: -.45rem;
  width: 3rem;
  font-size: .18rem;
  color: #bcbcbc;
}
.advantage-box li:nth-of-type(1) .advantage-right,
.advantage-box li:nth-of-type(5) .advantage-right{
  padding: .27rem 0 0;
}
.advantage-box li:nth-of-type(2){
  background: url('../images-yd/advantage-box-img02.png') no-repeat center;
  background-size: contain;
}
.advantage-box li:nth-of-type(3){
  background: url('../images-yd/advantage-box-img03.png') no-repeat center;
  background-size: contain;
}
.advantage-box li:nth-of-type(4){
  background: url('../images-yd/advantage-box-img04.png') no-repeat center;
  background-size: contain;
}
.advantage-box li:nth-of-type(5){
  box-sizing: border-box;
  width: 7.35rem;
  height: 1.85rem;
  background: url('../images-yd/advantage-box-img05.png') no-repeat center;
  background-size: contain;
}
.advantage-box li:nth-of-type(5) .advantage-right{
  width: 4rem;
}
.advantage-box li:nth-of-type(5) span{
  margin: .55rem .29rem;
}
.advantage-box li:nth-of-type(5) p i{
  bottom: -.28rem;
}

/* 竞争激烈 你是否还在摆烂 */
.compete-bgd{
  margin: 0 auto;
  background: url('../images/compete-bgd.png') no-repeat center top;
}
.compete{
  padding: .35rem 0;
  font-size: 0;
  text-align: center;
}
.compete-box-img{
  width: 7.2rem;
  height: 3.33rem;
  margin: 0 auto .24rem;
}
.compete-box-img06{
  width: 7.2rem;
  height: 5.33rem;
}
.compete-bottom{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: .3rem 0 0;
  width: 7.02rem;
  height: 4.8rem;
  margin: .16rem 0 0;
  background-color: #e7f4fe;
  border-radius: .1rem;
}
.compete-bottom li{
  width: 6.54rem;
  height: 1.28rem;
  margin: 0 auto .2rem;
  background-color: #fff;
}
.compete-bottom h3{
  display: inline-block;
  vertical-align: top;
  width: .52rem;
  height: .52rem;
  margin: .38rem .2rem;
  background: url('../images/compete-bottom-img.png') no-repeat center;
  background-size: contain;
  animation: rotate 10s linear 0s infinite;
}
.compete-bottom h3 span{
  display: block;
  width: .52rem;
  height: .52rem;
  font-size: .18rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: .52rem;
  animation: rotate1 10s linear 0s infinite;
}
@-webkit-keyframes rotate{
  0%{
    -webkit-transform:rotate(0deg);
   }
   100%{
     -webkit-transform:rotate(360deg);
   }
}
@-webkit-keyframes rotate1{
  0%{
    -webkit-transform:rotate(0deg);
   }
   100%{
     -webkit-transform:rotate(-360deg);
   }
}

.compete-right{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: .25rem .2rem 0;
  width: 5.6rem;
}
.compete-right h4{
  position: relative;
  font-size: .24rem;
  color: #333;
  line-height: .26rem;
  text-align: left;
}
.compete-right h4 span{
  position: absolute;
  right: 0;
  bottom: -.35rem;
  font-size: .24rem;
  color: #b7b7b7;
}

/* 问题诸多 科学梳理聚重点 */
.question-bgd{
  background-color: #fff;
}
.question{
  padding: .35rem 0;
  font-size: 0;
  text-align: center;
}
.question-box{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: .27rem 0 0;
  width: 7.22rem;
  height: 4.19rem;
  margin: 0 .07rem .24rem;
  background: url('../images-yd/question-box-img01.png') no-repeat center;
  background-size: contain;
}
.question-box h3{
  padding-left: .2rem;
  font-size: .24rem;
  color: #333;
  line-height: .3rem;
  text-align: left;
  font-weight: 600;
  margin-bottom: .28rem;
}
.question-box p{
  box-sizing: border-box;
  padding-left: .18rem;
  width: 5.9rem;
  height: .5rem;
  font-size: .18rem;
  color: #333;
  line-height: .5rem;
  text-align: left;
  margin-left: .2rem;
}
.question-box p span{
  font-size: .2rem;
  color: #496de9;
  font-weight: 600;
  margin: 0 .1rem;
}
.question .question-link{
  width: 4.3rem;
  height: .6rem;
  font-size: .22rem;
  color: #fff;
  text-align: center;
  line-height: .6rem;
  margin: 0 auto;
  background: linear-gradient(to right, #fda813 0,#fd7313 100%);
  border-radius: .3rem;
  box-shadow: .15rem 0 .29rem rgba(50, 50, 50, 0.36);
}

/* 适时备考 合理规划有规律 */
.remark-bgd{
  margin: 0 auto;
  background: url('../images/remark-bgd.png') no-repeat center;
  background-size: cover;
}
.remark{
  padding: .5rem 0;
  font-size: 0;
  text-align: center;
}
.remark-box{
  width: 7.5rem;
  height: 6.03rem;
  margin: 0 auto .24rem;
  background: url('../images-yd/remark-box.png') no-repeat center;
  background-size: contain;
}
.remark-box h3{
  font-size: .22rem;
  color: #fff;
  line-height: .54rem;
  font-weight: 600;
  margin-bottom: .24rem;
}
.remark-box h3 span{
  margin: 0 1.04rem;
}
.remark-left{
  display: inline-block;
  vertical-align: top;
  width: 3.75rem;
}
.remark-left h4{
  position: relative;
  width: 2.68rem;
  font-size: .22rem;
  color: #333;
  text-align: right;
  font-weight: 600;
  line-height: .4rem;
  margin: 0 0 .15rem .3rem;
  background: linear-gradient(to right, transparent 0,#fdefd6 100%);
}
.remark-left h4 span{
  display: inline-block;
  vertical-align: top;
  padding: 0 .1rem;
  font-size: .24rem;
  color: #fd7313;
  margin: .09rem 0 0 .09rem;
  line-height: .22rem;
  border-left: .02rem solid #333;
}
.remark-left h4::after{
  position: absolute;
  top: 0;
  right: -.35rem;
  width: 0;
  height: 0;
  content: '';
  border-top: .2rem solid transparent;
  border-left: .35rem solid #fdefd6;
  border-bottom: .2rem solid transparent;
}
.remark-left p{
  padding: 0 .44rem 0 .5rem;
  font-size: .18rem;
  color: #333;
  text-align: right;
  margin-bottom:  .3rem;
}

.remark-right{
  display: inline-block;
  vertical-align: top;
  width: 3.75rem;
}
.remark-right h4{
  position: relative;
  width: 2.68rem;
  font-size: .22rem;
  color: #333;
  text-align: left;
  font-weight: 600;
  line-height: .4rem;
  margin: 0 0 .15rem .83rem;
  background: linear-gradient(to right, #d2e2f8 0,transparent 100%);
}
.remark-right h4 span{
  display: inline-block;
  vertical-align: top;
  padding: 0 .1rem;
  font-size: .22rem;
  color: #0f34c2;
  margin: .09rem .09rem 0 0;
  line-height: .22rem;
  border-right: .02rem solid #333;
}
.remark-right h4::before{
  position: absolute;
  top: 0;
  left: -.35rem;
  width: 0;
  height: 0;
  content: '';
  border-top: .2rem solid transparent;
  border-right: .35rem solid #d2e2f8;
  border-bottom: .2rem solid transparent;
}
.remark-right p{
  padding: 0 .4rem 0 .46rem;
  font-size: .18rem;
  color: #333;
  text-align: left;
  margin-bottom: .22rem;
}
.remark-right p:nth-of-type(1){
  margin-bottom: .58rem;
}
.remark-right p:nth-of-type(2){
  margin-bottom: .33rem;
}

/* 闭环教学 梯度复习拒盲目 */
.teach-bgd{
  background-color: #fff;
}
.teach{
  padding: .7rem 0 .35rem;
  font-size: 0;
  text-align: center;
}
.teach-box .teach-left{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: .3rem 0 0;
  width: 1rem;
  height: 2.3rem;
  margin: 0 .2rem .34rem 0;
  border-radius: 0 .2rem 0 .2rem;
  box-shadow: 0 0 .16rem rgba(50, 50, 50, 0.3);
}
.teach-left h3{
  display: inline-block;
  vertical-align: top;
  width: .3rem;
  font-size: .24rem;
  color: #333;
  line-height: .28rem;
  font-weight: 600;
  margin: 0 .04rem;
}
.teach-left p{
  display: inline-block;
  vertical-align: top;
  width: .3rem;
  font-size: .24rem;
  color: #333;
  line-height: .28rem;
}
.teach-list{
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 5.82rem;
  text-align: left;
  box-shadow: 0 0 .16rem rgba(50, 50, 50, 0.3);
  background-color: #fff;
  border-radius: .06rem;
}
.teach-middle{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: .6rem 0 0;
  width: 1.88rem;
  height: 2.3rem;
  background: linear-gradient(to bottom, #587cfa 0,#2647c0 100%);
  border-radius: .06rem 0 0 .06rem;
}
.teach-middle img{
  width: .56rem;
  height: .56rem;
  margin: 0 auto .05rem;
}
.teach-middle h3{
  font-size: .24rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.teach-list p{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  width: 3.94rem;
  padding: .23rem .21rem 0;
  font-size: .24rem;
  color: #333;
  line-height: .26rem;
  text-align: left;
}
.teach-list p span{
  color: #fd7313;
}
.teach-list em{
  display: block;
  position: absolute;
  right: 2rem;
  bottom: .2rem;
  width: 1.88rem;
  height: .42rem;
  font-size: .24rem;
  color: #fff;
  margin-right: -.94rem;
  text-align: center;
  line-height: .42rem;
  border-radius: .21rem;
  background: linear-gradient(to right, #fda813 0,#fd7313 100%);
}

/* 单独开班 定向教学凸重点 */
.point-bgd{
  margin: 0 auto;
  background: url('../images/point-bgd.png') no-repeat center bottom;
  background-size: cover;
}
.point{
  padding: .3rem 0 .5rem;
  font-size: 0;
  text-align: center;
}
.point-box li{
  display: inline-block;
  vertical-align: top;
  padding: 0 0 .06rem;
  width: 1.62rem;
  margin: 0 .08rem .32rem;
  background-color: #fff;
  box-shadow: 0 0 .16rem rgba(50, 50, 50, 0.59);
  border-radius: .1rem;
}
.point-box li h4{
  width: 1.62rem;
  height: .42rem;
  font-size: .24rem;
  color: #fff;
  line-height: .42rem;
  margin-bottom: .12rem;
  background: url('../images-yd/point-box-title01.png') no-repeat center;
  background-size: contain;
}
.point-box li:nth-of-type(2) h4,
.point-box li:nth-of-type(6) h4,
.point-box li:nth-of-type(9) h4,
.point-box li:nth-of-type(13) h4{
  background: url('../images-yd/point-box-title02.png') no-repeat center;
  background-size: contain;
}
.point-box li:nth-of-type(4) h4,
.point-box li:nth-of-type(11) h4{
  background: url('../images-yd/point-box-title03.png') no-repeat center;
  background-size: contain;
}
.point-box li h5{
  font-size: .22rem;
  color: #333;
}
.point-box li p{
  width: 1.28rem;
  height: .4rem;
  font-size: .24rem;
  color: #fd7313;
  line-height: .4rem;
  margin: .15rem auto;
  border: .02rem solid #fd7313;
  border-radius: .2rem;
}

/* 精品资料 贴合考纲匠专研 */
.database-bgd{
  background-color: #fff;
}
.database{
  padding: .7rem 0;
  font-size: 0;
  text-align: center;
}
.database-box li{
  display: inline-block;
  vertical-align: top;
  width: 3.4rem;
  height: 3.24rem;
  margin: 0 .11rem .24rem;
  background: url('../images/database-box-img.png') no-repeat center;
  background-size: contain;
}
.database-box li h3{
  font-size: .2rem;
  color: #fff;
  font-weight: 600;
  line-height: .48rem;
  margin: 0 0 .3rem;
}
.database-box li h4{
  width: 1.1rem;
  height: .32rem;
  font-size: .18rem;
  color: #333;
  line-height: .32rem;
  margin: 0 0 .08rem .43rem;
  background: #fff;
  border-radius: 0 .16rem .16rem .16rem;
}
.database-box li p{
  padding: 0 .45rem;
  font-size: .18rem;
  color: #fff;
  line-height: .26rem;
  text-align: left;
  margin-bottom: .22rem;
}
.database-box li h5{
  width: 2.08rem;
  height: .32rem;
  font-size: .18rem;
  color: #333;
  text-align: center;
  line-height: .32rem;
  margin: 0 0 .28rem .43rem;
  background-color: #fff;
  border-radius: 0 .16rem .16rem .16rem;
}
.database-box li h5 span{
  color: #fd7313;
}
.database-box li em{
  display: block;
  width: 3.06rem;
  height: .42rem;
  font-size: .18rem;
  color: #fff;
  margin: 0 auto;
  font-weight: 600;
  text-align: center;
  line-height: .42rem;
  border-radius: .21rem;
  background: linear-gradient(to right, #fda813 0,#fd7313 100%);
}

.database-ad{
  width: 7.26rem;
  height: 2.27rem;
  text-align: left;
  margin: .16rem auto;
  background: url('../images-yd/database-ad.png') no-repeat center;
  background-size: contain;
}
.database-ad h3{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 1.35rem 0 0 0;
  width: 1.5rem;
  font-size: .26rem;
  color: #333;
  text-align: center;
  font-weight: 600;
  margin: 0 0 0 .11rem;
}
.database-ad ul{
  display: inline-block;
  vertical-align: top;
  padding: .15rem 0 0;
  width: 4rem;
  text-align: left;
}
.database-ad ul li{
  display: inline-block;
  vertical-align: top;
  width: 1.6rem;
  height: .4rem;
  margin: 0 .12rem .26rem;
  background-color: #fff;
  border-radius: .2rem;
}
.database-ad ul li span{
  display: inline-block;
  vertical-align: top;
  width: .36rem;
  height: .36rem;
  font-size: .18rem;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: .36rem;
  margin: .02rem .05rem;
  background: linear-gradient(to bottom, #587cfa 0,#2647c0 100%);
  border-radius: .18rem;
}
.database-ad ul li p{
  display: inline-block;
  vertical-align: top;
  width: 1.14rem;
  height: .4rem;
  font-size: .18rem;
  color: #333;
  line-height: .4rem;
}

/* 锐师倾授 分门别类专攻坚 */
.teacher-bgd{
  background-color: #fff;
}
.teacher{
  padding: .35rem 0;
  font-size: 0;
  text-align: center;
}

.teacher-box .bd .teacher-list{
  width: 7.02rem;
  height: 4.05rem;
  text-align: left;
  margin: 0 .24rem;
  background: url('../images-yd/teacher-box.png') no-repeat center;
  background-size: contain;
}
.teacher-box img{
  display: inline-block;
  vertical-align: top;
  width: 2rem;
  height: 2.74rem;
  margin: 0 0 0 .24rem;
}
.teacher-right{
  display: inline-block;
  vertical-align: top;
  padding: .5rem 0 0;
  width: 4.78rem;
}
.teacher-right h3{
  padding-left: .4rem;
  font-size: .22rem;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  margin-bottom: .1rem;
}
.teacher-right h4{
  position: relative;
  width: 2rem;
  padding-bottom: .15rem;
  font-size: .18rem;
  color: #fff;
  text-align: left;
  margin: 0 0 .12rem .4rem;
  border-bottom: .02rem solid #fff;
}
.teacher-right h4::after{
  position: absolute;
  left: 0;
  bottom: -.03rem;
  width: 90px;
  height: .05rem;
  content: '';
  background-color: #fff;
}
.teacher-right p{
  padding: 0 .4rem;
  font-size: .18rem;
  color: #fff;
  line-height: .26rem;
  text-align: left;
  margin-bottom: .32rem;
}
.teacher-right a{
  width: 2rem;
  height: .42rem;
  font-size: .18rem;
  color: #fff;
  line-height: .42rem;
  text-align: center;
  font-weight: 600;
  margin-left: 2rem;
  background: linear-gradient(to right, #fda813 0,#fd7313 100%);
  border-radius: .21rem;
}
.teacher-box .next{
  display: inline-block;
  vertical-align: top;
  width: .4rem;
  height: .4rem;
  font-size: .32rem;
  color: #bdbec5;
  margin: .24rem .1rem;
  text-align: center;
  line-height: .34rem;
  background: linear-gradient(to right, #2953ff 0,#1b41cc 100%);
  border-radius: .2rem;
}
.teacher-box .prev{
  display: inline-block;
  vertical-align: top;
  width: .4rem;
  height: .4rem;
  font-size: .32rem;
  color: #e2e3eb;
  margin: .24rem .1rem;
  text-align: center;
  line-height: .34rem;
  background-color: #c7c7ce;
  border-radius: .2rem;
}

/* 管家服务 伴学陪读逐梦战 */
.service-bgd{
  background-color: #fff;
}
.service{
  padding: .35rem 0;
  font-size: 0;
  text-align: center;
}
.service .service-img{
  width: 6.93rem;
  height: 2.52rem;
  margin: 0 auto .5rem;
}
.service-box li{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: .06rem 0 0;
  width: 3.5rem;
  height: 1.9rem;
  margin-bottom: .1rem;
  background: url('../images-yd/service-box-img01.png') no-repeat center;
  background-size: contain;
}
.service-box li:nth-of-type(1){
  background: url('../images-yd/service-box-img01.png') no-repeat center;
  background-size: contain;
}
.service-box li:nth-of-type(2){
  background: url('../images-yd/service-box-img02.png') no-repeat center;
  background-size: contain;
}
.service-box li:nth-of-type(3){
  background: url('../images-yd/service-box-img03.png') no-repeat center;
  background-size: contain;
}
.service-box li:nth-of-type(4){
  background: url('../images-yd/service-box-img04.png') no-repeat center;
  background-size: contain;
}
.service-box li:nth-of-type(5){
  background: url('../images-yd/service-box-img05.png') no-repeat center;
  background-size: contain;
}
.service-box li:nth-of-type(6){
  background: url('../images-yd/service-box-img06.png') no-repeat center;
  background-size: contain;
}
.service-box li:nth-of-type(7){
  background: url('../images-yd/service-box-img07.png') no-repeat center;
  background-size: contain;
}
.service-box li:nth-of-type(8){
  background: url('../images-yd/service-box-img08.png') no-repeat center;
  background-size: contain;
}
.service-box li h3{
  padding-left: 1.4rem;
  height: .5rem;
  font-size: .18rem;
  color: #fff;
  font-weight: 600;
  text-align: left;
  line-height: .5rem;
  margin-bottom: .15rem;
}
.service-box li p{
  padding: .06rem .2rem;
  font-size: .18rem;
  color: #333;
  text-align: left;
}

/* 底部版权 */
.section{padding-top: .5rem;}
.title h2{font-size: .4rem;text-align: center;line-height: .6rem;}
.title h2 span{padding-right: .04rem;}
.wrap{width:94%;margin: 0 auto;}

.sec17{width: 100%; display: block; clear: both; padding-bottom: 0;}
.s14-cont{ background: #1459c1; width: 100%;}
.s14-cont ul{width: 825px; margin: 0 auto;}
.s14-cont ul li{width: 275px; float:left; display: block; position: relative; height: 451px;}
.s14-cont ul li.item1{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img02.png) no-repeat center;}
.s14-cont ul li.item2{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img03.png) no-repeat center;}
.s14-cont ul li.item3{background: url(//www.niceloo.com/zhuanti/yjxf/zsjz/images/s14-img04.png) no-repeat center;}
.s14-cont ul li .item-show{width: 100%; padding: 60% 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.s14-cont .item-img{width: 100%;margin: 0 auto;height: 80px;}
.s14-cont .item-img img{display: block;margin: auto;}
.s14-cont .item-tit{width: 100%; margin: 30px auto 0; text-align: center; font: 24px/38px "微软雅黑"; color: #fff; }
.s14-cont .info {width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(0) rotate(-180deg);-moz-transform: scale(0) rotate(-180deg);-ms-transform: scale(0) rotate(-180deg);-o-transform: scale(0) rotate(-180deg);transform: scale(0) rotate(-180deg);}
.s14-cont .info p {width: 70%; margin: 0 auto; font:20px/30px "微软雅黑"; color: #fff; text-transform: uppercase;
padding-top: 42%;text-align: justify; height: 150px;}
.s14-cont .info a {width: 70%; display: block; margin: 20% auto 0; font: 24px/50px "微软雅黑"; color: #fff; border: 1px solid #fff; text-align: center;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
.s14-cont .info a:hover {background: #fff; color: #e72d1b;}
.s14-cont ul li:hover .item-show {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-delay: 0;-moz-transition-delay: 0;transition-delay: 0;}
.s14-cont ul li:hover .info {visibility: visible; opacity: 1;-webkit-transform: scale(1) rotate(0deg);-moz-transform: scale(1) rotate(0deg);-ms-transform: scale(1) rotate(0deg);-o-transform: scale(1) rotate(0deg);transform: scale(1) rotate(0deg);-webkit-transition-delay: 0.3s;-moz-transition-delay: 0.3s;transition-delay: 0.3s;}

/*底部通用*/
.s14-cont ul{width: 100%;}
.s14-cont ul li{width: 50%;float: left;height: 5rem;}
.s14-cont .item-img{ height: auto;}
.s14-cont .item-img img{width: 24%;}
.s14-cont .item-tit{ margin-top: .4rem; font-size: .24rem;}
.s14-cont .info p{height: auto;}
.s14-cont .info a{margin: 0 auto; line-height: 30px; margin-top: .2rem;}