/*xzyz*/
.zyfzwt{display:inline-block;vertical-align:top;width:100%;box-sizing:border-box;padding:50px 0px 50px 0px;text-align:center;border-radius:10px;}
.zyfzwt .swiper-container{width:100%;height:auto;}
.rhyd{display:inline-block;vertical-align:top;width:100%;box-sizing:border-box;padding:20px 0px 20px 0px;text-align:center;border-radius:10px;}
.rhyd .swiper-container{width:100%;height:auto;}
.vshare{display:inline-block;vertical-align:top;width:100%;box-sizing:border-box;padding:50px 0px 50px 0px;text-align:center;border-radius:10px;}
.vshare .swiper-container{width:100%;height:auto;}
.zxstd{display:inline-block;vertical-align:top;width:100%;box-sizing:border-box;padding:50px 0px 50px 0px;text-align:center;border-radius:10px;}
.zxstd .swiper-container{width:100%;height:auto;}
.zl2parent {width:100%; margin:0px 0px 0px 0px;padding:40px 0px 40px 0px;text-align:center; border-radius:7px;}
.zl2wz {font-size:12px;color:#a6a6a6;}


/*xlzx*/
.wxshare{display:inline-block;vertical-align:top;width:100%;box-sizing:border-box;padding:50px 0px 50px 0px;text-align:center;border-radius:10px;}
.wxshare .swiper-container{width:100%;height:auto;}
.xlzxwt{display:inline-block;vertical-align:top;width:100%;box-sizing:border-box;padding:50px 0px 50px 0px;text-align:center;border-radius:10px;}
.xlzxwt .swiper-container{width:100%;height:auto;}


/*zxtd*/
.hkzxtd{ width:100vw;height:350px;margin:auto;overflow:hidden;}
.zxtdul{width:2000px;height:160px;margin-top:10px;
animation-name: zxsmove;
animation-delay: 2s;
animation-duration: 15s;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-direction: alternate;
transition: transform 2s ease 1s;
  }  
@keyframes zxsmove{
	from{transform: translateX(0px);}
	to{transform: translateX(-1460px);}
}
.zxtdul li{float:left;list-style:none;margin:5px 5px;}  
.zxtdul img{border-radius: 50%;width:100px;height:100px;}  
.anniulva{width: 120px;height: 120px;background-color: green;border-radius: 50%;}  

/*sygd */     
#outer{width: 340px;height: 112px;background-color: white; margin:10px auto;overflow: hidden;position: relative;}
#imglist{list-style: none; position: absolute;left: 0px;}
#imglist li{float:left;margin: 0px 4px;}
#imglist li img{border-radius: 20px;height: 112px;width: 162px;}
.hklogoa{font-size:0px;color: transparent;}

/*index-sltp
#outer{width: 100%;height: 160px;background-color: white; margin:50px auto;overflow: hidden;position: relative;}
#imglist{list-style: none; position: absolute;left: 0px;}
#imglist li{float:left;margin: 0px 5px;}
#imglist li img{border-radius: 45px;height: 160px;width: 230px;}*/






/*tqkf*/  
.tqkf{position:fixed; bottom:24px;z-index: 999;margin-left:22px;}	

/*hkliuyan*/  
			.liuyanhk{width: 70px;height: 20px;background-color: lightskyblue;border-radius:10% ;text-align: center;margin: auto;
			}
			.liuyanhk a{text-decoration: none;color: red;font-size: 14px;font-weight: 700;
			animation-name: lychange;
			animation-duration: 2s;
			animation-iteration-count: infinite;
			transition: all .7s;
			}
			@keyframes lychange{
				0%{color: red;}
				30%{color: yellow;}
				100%{color: fuchsia;}
			}


/*wxzspjy*/  
			.wxzhk{width: 130px;height: 25px;background-color: lightskyblue;border-radius:10% ;text-align: center;margin: 15px auto;}
			.wxzhk a{text-decoration: none;color: green;font-size: 17px;font-weight: 700;
			animation-name: wxzspchange;
			animation-duration: 3s;
			animation-iteration-count: infinite;
			transition: all .7s;
			}
			@keyframes wxzspchange{
				0%{color: green;}
				30%{color: yellow;}
				100%{color: red;}
			}


/*--微信服务号二维码弹出层--*/ 

	.wxfwh-layer{width: 6rem; height: 6.5rem; position: fixed; top: 50%; left: 50%; margin-left: -3rem; margin-top: -3.25rem; box-shadow: 0 0 0.2rem rgba(0,0,0,.4); text-align: center; background: #fff; padding: 0.6rem 0.75rem 0; z-index: 9999999999999; border-radius: 0.2rem; display: none; }
	.wxfwh-layer img.wxfwh{width: 4.5rem; height: 4.5rem;}
	.wxfwh-layer p{color: #d24678; line-height: 2; font-size: 0.24rem;}
	.wxfwh-layer .close-btn{width: 0.4rem; height: 0.4rem; position: absolute; top: 0.2rem; right: 0.2rem; z-index: 999; cursor: pointer; }

/*--老师个人微信-二维码弹出层--*/ 

	.wxfwh-layer2{width: 6rem; height: 6.5rem; position: fixed; top: 50%; left: 50%; margin-left: -3rem; margin-top: -3.25rem; box-shadow: 0 0 0.2rem rgba(0,0,0,.4); text-align: center; background: #fff; padding: 0.6rem 0.75rem 0; z-index: 9999999999999; border-radius: 0.2rem; display: none; }
	.wxfwh-layer2 img.wxfwh{width: 4.5rem; height: 4.5rem;}
	.wxfwh-layer2 p{color: #d24678; line-height: 2; font-size: 0.24rem;}
	.wxfwh-layer2 .close-btn2{width: 0.4rem; height: 0.4rem; position: absolute; bottom: 0.2rem; right: 0.2rem; z-index: 9999999999999; cursor: pointer; }


/*wxzsp*/ 
.wxzvideo {
width: 300px;margin: 30px auto;
border: dotted 1px green;background-color: lightgray;
text-align: center;
padding-bottom: 5px;
			animation-name: spchange;
			animation-duration: 3s;
			animation-iteration-count: infinite;
			transition: all 2s;
			}
			@keyframes spchange{
				0%{color: red;}
				30%{color: goldenrod;}
				100%{color: fuchsia;}	
				}		
.wxzvideoo{width: 298px;margin-top: 0px;margin-bottom: 5px;}
.wxzvideo p{font-size: 25px;font-weight: 700;line-height: 25px;}     





/*zh网文章格式*/ 
.wztm{color:white;font-weight:700;font-size: 22px;background-color: darkviolet;width: 100%;border- radius: 15px 15px 0 0;}
.wznr{color:dodgerblue;font-size: 15px;background-color: #;border: double 1px darkviolet;text-align: center;border-radius: 16px;}
.wznr b{color:red;font-weight:700;font-size: 15px;}
.wznr img{width:50%; h eight:10%;border-radius:100px;opacity:0.8;}
.wznr p{color:pink;font-size: 12px;}
.wzps{border:1px dotted pink;width:85%;margin:50px auto -15px;border-radius:10px;}
.wzps a{color:pink;font-size: 12px;}

/* WHY */
.hkwhy{
    display: inline-block;
    font-size: 1em;
    padding: 1em 1em;
    background-color: #ff0081;
    color: #fff;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    position: absolute;top: 15px;right: 46px;
    box-s hadow: 0 2px 25px rgba(255, 0, 130, 0.5);
     -webkit-tr ansform:rotate(6deg) skew(0deg) scale(1.0) translate(1px,0px);z-index: 99999;
    }
    
.hkwhy2{
    display: inline-block;
    font-size: em;
    padding: 1em 1em;
    background-color: #1E90FF;
    color: yellow;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    position: absolute;top: 15px;right: 16px;
    box-s hadow: 0 2px 25px rgba(255, 0, 130, 0.5);
    -webkit-tr ansform:rotate(-6deg) skew(0deg) scale(1.0) translate(-1px,0px);z-index: 99999;
    }    
    
    
    
    

	
/*eighgt reason*/
.reason{
    background: url(Public/image/reason-bg.jpg) no-repeat center;
    height: 693px;
    padding-top: 58px;
}
.reason-title{
    background: url(Public/image/reason-title.png) no-repeat center ;
    font-size: 40px;
    color: #2c2c2c;
    line-height: 1;
    text-align: center;
}
.reason-con{
    background: url(Public/image/reason-con.png) no-repeat 0 bottom;
    width: 1053px;
    height: 551px;
    margin: 60px auto 0;
    
}
.reason-list{
    width: 810px;
    margin: 0 0 0 90px;
}
.reason-num{
    background: #5b5ac7;
    width: 55px;
    height: 55px;
    border-radius: 100%;
    margin: 0 auto;
}
.reason-num i {
    background: url(Public/image/reason-no.png) no-repeat 0 0;
    width: 55px;
    height: 55px;
    display: block;
}
.reason-p {
    height: 74px;
    font-size: 16px;
    color: #626262;
    line-height: 26px;
    text-align: center;
    margin: 34px 0 0 0;
}
.reason-btn {
    /*filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3c4a65, endcolorstr=#51617f, gradientType=0);*/
    /*-ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3c4a65, endcolorstr=#51617f, gradientType=0);*/
    background: #3c4a65;
    background: -moz-linear-gradient(top, #3c4a65, #51617f);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3c4a65), to(#51617f));
    background: -o-linear-gradient(top, #3c4a65, #51617f);
    width: 104px;
    height: 40px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 18px auto 0;
}
.reason-list>ul>li:nth-child(1), .reason-list>ul>li:nth-child(5) {
    margin-left: 0;}
.reason-list>ul>li {
    width: 170px;
    float: left;
    margin-left: 42px;
}
.reason-list>ul>li:nth-child(5), .reason-list>ul>li:nth-child(6), .reason-list>ul>li:nth-child(7), .reason-list>ul>li:nth-child(8) {
    margin-top: 38px;}
.reason-num i.reason-no2 {
    background-position: 0 -55px;
}
.reason-num i.reason-no3 {
    background-position: 0 -110px;
}
.reason-num i.reason-no4 {
    background-position: 0 -165px;
}
.reason-num i.reason-no5 {
    background-position: 0 -220px;
}
.reason-num i.reason-no6 {
    background-position: 0 -275px;
}
.reason-num i.reason-no7 {
    background-position: 0 -330px;
}
.reason-num i.reason-no8 {
    background-position: 0 -385px;
}
.reason-p {
    height: 74px;
    font-size: 16px;
    color: #626262;
    line-height: 26px;
    text-align: center;
    margin: 34px 0 0 0;
}
.reason-btn:hover{
    background: red;
}

	


.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;