* {
margin: 0;
padding: 0;
box-sizing: border-box
}

ul,
ol {
list-style: none;
}

a {
text-decoration: none
}


.yang{margin: 90px 0;}

.yw_r h4{ font-size: 24px; color: #333333; padding-bottom: 25px;}
.yw_r p{ font-size: 16px; color: #858585; line-height:30px;}
.yang_yewu a,.yang_yewu span{ display: block; position: relative;}
.yang_yewu a:hover h4{ color: #f39600;}
.yw_r{ padding-top: 25%;}

.yang_yewu a img{transition:1s;
	-webkit-transition:1s;
	-moz-transition:1s;}
.yang_yewu a:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.yang_kh_1{ margin: 0 auto; max-width:600px;}
.classes-wrap4 li{ float:left; border:2px solid #1c2b87; border-radius: 50px; margin-right:12px;; background:#fff; width: 185px; text-align: center;}
.classes-wrap4 li:last-child{ margin-right:0;}
.classes-wrap4 li a{ font-size:20px; color:#666666; height:40px; line-height:40px;font-weight: 400;}
.classes-wrap4 li.active, .classes-wrap4 li:hover{ background:#1c2b87;border:2px solid #1c2b87;}
.classes-wrap4 li.active a,.classes-wrap4 li:hover a{color:#fff;}
.list-wrap4{display: none;}
.list-wrap4.active{display: block;}

.yew_1{ padding-top: 65px;}
.yew_1 p{ font-size: 18px; color: #848484; text-align: center; line-height: 30px; padding-top: 8px;}

.yew_2{ position: relative;}
.yew_2 p {
    font-size: 20px;
	color: #666666;
	padding-top: 20px;
	text-align: center;
	padding-bottom: 10px;
}
.yew_2 a{ display: block;}
.yew_2 span {
display: block;

text-align: center;
display: flex;
align-items: center;
justify-content: center;
 padding: 20px 20px 20px 20px;
}
.yew_2 span img{ max-height: 235px; max-width: 100%;-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));}

.yew_2 ul li:hover p{
	color: #1c2b87;	
}