@charset "utf-8";

/*单页头部开始*/
.bodyCon08{background-color: rgba(244,244,244,1.00);
}
.bodyCon08 .students{
    margin: 0 auto;
    width: 1200px;
    height: 420px;
    position: relative;
    
}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:1200px;height:370px; margin:0 auto;position:absolute;bottom:40px;}
#four_flash .flashBg{width:1050px;height:370px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:370px; position:absolute;top:15; left:0; text-align:center;}
#four_flash .flashBg ul.mobile li{border:1px solid #d2d4db;float:left;width:297px;height:340px;margin-left:26px;padding-top:40px;color:#6C6E85;transition:all 1s ease 0s; text-align:center;}
#four_flash .flashBg ul.mobile li:hover{
    border: 1px solid rgba(122,122,122,0.80);
    color: #2384d5;text-align:center;
    -webkit-box-shadow: 0px 0px 5px 10px rgba(0,0,0,1.00);
    box-shadow: 0px 0px 10px 10px rgba(0,0,0,.5);
}
#four_flash .flashBg ul.mobile li img{width:160px;height:160px;display:block; margin:0 auto;border:2px solid #b82625; border-radius:82px;}
#four_flash .flashBg ul.mobile li dd{font-size:20px; font-weight:bold; width:250px;line-height:60px;text-align:center;border-bottom:1px solid #6C6E85; margin-left:18px;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:260px; line-height:24px;margin-top:10px; margin-left:18px;}
#four_flash .flashBg ul.mobile li a{display:block;background:url(../images/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}

#four_flash .flashBg ul.mobile li a:hover{background:url(../images/jiantou2.png);}

#four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;}
#four_flash .but_left:hover{background:url(../images/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../images/qianxr1.png) no-repeat;}


<!--toul-->
.ser2 {
	padding: 75px 0px 0px;
}
.ser2 h2 {
	margin-bottom: 55px;
}


.ser2 ul {
	background: url("../images/ser_bg.png") no-repeat center 65px; padding: 0px 40px; height: 420px;
}
.ser2 li {
	width: 280px; height: 88px; text-align: center; margin-bottom: 64px; float: left; position: relative;
}
.ser2 li span {
	margin: 13px auto 17px; width: 72px; height: 72px; display: block; position: relative;
}
.ser2 li span em {
	background: rgb(237, 237, 237); border-radius: 50%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; transition: all 0.35s ease-out; transform: translateX(0) rotate(0deg); -webkit-transform: translateX(0) rotate(0deg); -webkit-transition: all 0.35s ease-out;
}
.ser2 li span i {
	background: rgb(0, 96, 183); border-radius: 50%; left: 0px; top: 0px; width: 100%; height: 100%; visibility: hidden; position: absolute; opacity: 1; transition: all 0.1s ease 0.2s; transform: scale(0.5); -webkit-transform: scale(0.5); -webkit-transition: all 0.1s ease 0.2s;
}
.ser2 li:hover span em {
	visibility: hidden; opacity: 0; transform: translateX(100%) rotate(180deg); -webkit-transform: translateX(100%) rotate(180deg);
}
.ser2 li.cur span em {
	visibility: hidden; opacity: 0; transform: translateX(100%) rotate(180deg); -webkit-transform: translateX(100%) rotate(180deg);
}
.ser2 li:hover span i {
	visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1);
}
.ser2 li.cur span i {
	visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1);
}
.ser2 li b {
	color: rgb(51, 51, 51); line-height: 16px; font-size: 16px; display: block;
}
.ser2 li:hover b {
	color: rgb(0, 96, 183);
}
.ser2 li.cur b {
	color: rgb(0, 96, 183);
}
.ser2 li:hover::after {
	background: url("../images/san4.png") no-repeat; left: 50%; top: 104px; width: 13px; height: 8px; margin-left: -7px; position: absolute; content: "";
}
.ser2 li.cur::after {
	background: url("../images/san4.png") no-repeat; left: 50%; top: 104px; width: 13px; height: 8px; margin-left: -7px; position: absolute; content: "";
}
.ser2 .tel {
	color: rgb(51, 51, 51); line-height: 14px; padding-top: 18px; font-size: 14px;
}
.ser2 .tel strong {
	color: rgb(51, 51, 51); line-height: 30px; font-size: 24px; display: block;
}
.ser2 .tel .zx {
	background: rgb(255, 255, 255); margin: 4px auto 0px; border-radius: 17px; width: 95px; height: 35px; text-align: center; color: rgb(51, 51, 51); line-height: 35px; font-size: 14px; display: block;
}
.ser2 li.bt:hover::after {
	background: url("../images/san5.png") no-repeat; top: 0px;
}
.ser2 li.cur.bt::after {
	background: url("../images/san5.png") no-repeat; top: 0px;
}
.ser_con {
	position: relative;
}
.ser_bd {
	left: 0px; top: 137px; width: 100%; position: absolute !important; z-index: 10;
}
.ser_bd p {
	text-align: center; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}


.content {
	margin: 0px auto; width: 1200px; height:500px; font-family: "Microsoft Yahei"; padding-top:50px
}

.tit {
	text-align: center; line-height: 0; font-size: 0px; font-weight: normal;
}
.tit span {
	color: rgb(51, 51, 51); line-height: 48px; font-size: 48px; display: inline-block; position: relative;
}
.tit span::before {
	background: url("../images/tit1.png") no-repeat; left: -145px; top: 26px; width: 133px; height: 9px; position: absolute; content: "";
}
.tit span::after {
	background: url("../images/tit2.png") no-repeat; top: 26px; width: 133px; height: 9px; right: -145px; position: absolute; content: "";
}
.tit i {
	color: rgb(102, 102, 102); line-height: 20px; padding-top: 18px; font-size: 20px; font-weight: bold; display: block;
}
.tit em {
	color: rgb(167, 167, 167); text-transform: uppercase; line-height: 30px; font-family: Arial; font-size: 14px; display: block;
}