*{
	padding:0;
	margin:0;
}

ul,li{
	list-style:none;
}

a{
	text-decoration:none;
}


body{
	min-width:1440px;
	margin:0 auto;
	background:#F5F4F0;
}


.banner{
	width:100%;
	height:1001px;
	background:url(../images/xidiaopc_01.jpg) no-repeat center center;
	position:relative;
}


.toptext{
	width:1200px;
	background:rgba(186,167,150,0.7);
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	position:absolute;
	left:50%;
	margin-left:-600px;
	bottom:0;
}

.toptext p{
	width:33.33%;
	color:#fff;
	font-size:22px;
	border-right:1px dashed #fff;
	border-bottom:1px dashed #fff;
	box-sizing:border-box;
	padding:50px 70px;
	line-height:40px;
}

.toptext p:nth-child(3n+0){
	border-right:none;
}

.toptext p:nth-child(4){
	border-bottom:none;
}
.toptext p:nth-child(5){
	border-bottom:none;
}
.toptext p:nth-child(6){
	border-bottom:none;
}



.titles{
	width:590px;
	height:90px;
	margin:0 auto;
	margin-top:100px;
	position:relative;
	text-align:center;
	margin-bottom:50px;
}

.hei{
	border:1px dashed #999999;
	color:#000;
}

.bai{
	border:1px dashed #fff;
	color:#fff;
}

.titles p{
	line-height:46px;
	text-align:center;
	font-size:18px;
}

.top-title{
	width:260px;
	height:46px;
	position:absolute;
	left:165px;
	top:-23px;
	z-index:999;
}

.bot-title{
	width:314px;
	height:46px;
	position:absolute;
	left:138px;
	bottom:-23px;
	z-index:999;
}

.titbg{
	background:#F5F4F0;
}

.titbg2{
	background:url(../images/titbg2.jpg) repeat-x left 22px;
}

.titbg3{
	background:url(../images/titbg3.jpg) repeat-x left 22px;
}

.titles h2{
	font-size:42px;
	line-height:90px;
	z-index:99;
}


.zx-btn{
	width:244px;
	height:54px;
	margin:0 auto;
}

.zx-btn a{
	width:100%;
	height:54px;
	display:block;
	line-height:54px;
	background:#CF4924;
	border-radius:30px;
	font-size:18px;
	color:#fff;
	text-align:center;
	transition:0.5s;
}

.zx-btn a:hover{
	background:#f00;
}


.three{
	width:1200px;
	margin:0 auto;
	margin-top:50px;
	display:flex;
	justify-content:space-between;
}


.three_box{
	width:340px;
	height:490px;
	border-radius:10px;
	box-shadow:0 0 10px #FF9966;
	background:#FFF;
	display:flex;
	align-items:center;
	justify-content:center;
}


.three_box_content{
	width:310px;
	height:450px;
	border-radius:10px;
	border:1px solid #CF481B;
}


.tbc_box{
	margin:0 auto;
}

.tbc_box img{
	display:block;
	margin:0 auto;
	margin-top:30px;
}


.tbc_box h2{
	width:auto;
	font-size:22px;
	margin-top:25px;
	text-align:center;
}

.tbc_box h3{
	width:140px;
	height:5px;
	border-top:1px solid #C94A29;
	position:relative;
	margin:0 auto;
	margin-top:10px;
}

.tbc_box h3:before{
	content:"";
	width:40px;
	height:3px;
	position:absolute;
	left:50px;
	top:-2px;
	background:#C94A29;
}

.tbc_box p{
	font-size:18px;
	padding:26px;
	line-height:36px;
}


/*第二版*/

.kc_beijing{
	width:100%;
	height:auto;
	background:url(../images/xidiaopc_02.jpg) repeat-y center center;
	margin-top:100px;
	overflow:hidden;
	padding-bottom: 50px;
}


.kc_box{
	width:1200px;
	margin:0 auto;
	margin-top:50px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}


.box_380{
	width:380px;
	height:380px;
	background:#fff;
	position:relative;
	margin-bottom:30px;
	overflow:hidden;
}

.box_380 p{
	width:100%;
	height:262px;
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	transition:0.5s;
}


.box_380:hover p{
	 top:-262px;
}

.box_380 img{
	display:block;
}

.box_380 span{
	width:30px;
	height:20px;
	text-align:center;
	line-height:30px;
	color:#FFF;
	position:absolute;
	left:175px;
	bottom:0px;
	background:#000 url(../images/xia.png) no-repeat center center;
	font-size:18px;
	transition:0.5s;
}

.box_380:hover span{
	bottom:-30px;
}

.box_380 dl{
	width:100%;
	height:auto;
	overflow:hidden;
	position:absolute;
	left:0;
	top:280px;
	transition:0.5s;
}

.box_380:hover dl{
	top:20px;
	height: 360px;
}


.box_380 a{
	width:120px;
	height: 40px;
	background: #F00;
	border-radius: 4px;
	box-shadow: 0 0 4px #ccc;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	bottom: -50px;
	left:130px;
	position: absolute;
	transition: all .5s;
	display: block;
	margin-top: 30px;
}


.box_380:hover a{
	bottom: 30px;
}


.box_380 dl dt{
	width:auto;
	text-align:center;
	font-size:24px;
}


.box_380 dl dt em{
	width:30px;
	height:30px;
	display: inline-block;
	font-style: normal;
	text-align:center;
	line-height:30px;
	color:#FFF;
	background:#cf250b;
	font-size:18px;
	margin-right: 8px;
	font-weight: bold;
}



.box_380 dl dd{
	height:30px;
	line-height:30px;
	padding:0 20px;
	font-size:15px;
	margin-top:10px;
	color:#666;
	transition:0.5s;
}


.box_380:hover dl dd{
	height:150px;
	line-height:30px;
}



.jieduan{
	width:1200px;
	margin:0 auto;
	margin-top:50px;
	display:flex;
	justify-content:space-between;
}

.nav-list{
	width:260px;
}

.nav-list p{
	width:260px;
	height:58px;
	line-height:58px;
	background:#999999;
	text-align:center;
	font-size:18px;
	border-radius:0 29px 29px 0;
	margin-top:40px;
	color:#FFF;
	cursor:pointer;
}


.nav-list p:hover{
	background:#CF4924;
}

.nav-list p.mover{
	background:#CF4924;
}



.box-warp{
	width:860px;
	height:324px;
	background:#fff;
	display:none;
}

.box-warp img{
	display:block;
}

.box-warp span{
	display:inline-block;
	vertical-align:top;
}


.box-warp ul{
	display:inline-block;
	padding:60px 0 0 50px;
}


.box-warp ul li{
	line-height:50px;
	font-size:18px;
}


/*名师*/

.mingshi{
	width:1200px;
	margin:0 auto;
	margin-top:50px;
	display:flex;
	justify-content:space-between;
}

.namelist{
	width:480px;
}

.namelist ul{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.namelist ul li{
	width:230px;
	height:230px;
	background:#fff;
	margin-bottom:16px;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	cursor:pointer;
}


.namelist ul li.seover{
	border:4px solid #B94B3A;
	box-sizing:border-box;
}

.namebox{
	text-align:center;
}

.namebox h3{
	font-size:24px;
	margin-bottom:6px;
}

.namebox p{
	font-size:20px;
	color:#666;
}

.infolist{
	width:700px;
	height:474px;
	overflow:hidden;
	background:#EFEBE2;
	position:relative;
}

.infolist ul li{
	width:100%;
	height:100%;
	display:none;
}

.infolist a{
	width:156px;
	height:40px;
	display:block;
	position:absolute;
	right:90px;
	bottom:10px;
	border-radius:20px;
	background:#CF4924;
	line-height:40px;
	text-align:center;
	color:#fff;
	font-size:18px;
	z-index:9999;
	transition:0.5s;
}

.infolist a:hover{
	background:#F00;
}

.msimg{
	width:346px;
	font-size:0;
	display:inline-block;
}

.msimg img{
	display:block;
}

.mstexts{
	width:300px;
	display:inline-block;
	margin-right:10px;
	vertical-align:top;
	padding-left:20px;
}

.mstexts h3{
	font-weight:normal;
	font-size:24px;
	margin:30px 0 10px 0;
}

.mstexts p{
	color:#666;
	line-height:32px;
}


.onezx{
	width:260px;
	height:58px;
	margin:0 auto;
	margin-top:50px;
}

.onezx a{
	width:100%;
	height:100%;
	display:block;
	background:#CF4924;
	border-radius:29px;
	line-height:58px;
	text-align:center;
	font-size:20px;
	color:#FFF;
	transition:0.5s;
}

.onezx a:hover{
	background:#F00;
}


.jiuyebz{
	width:1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

.jiuyebz dl{
	width:280px;
	
}

.jiuyebz dl dt img{
	width:100%;
	display: block;
}

.jiuyebz dl dd{
	line-height: 40px;
	text-align: center;
}


/*合作单位*/

.units{
	width:1200px;
	margin:0 auto;
}

.units ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}

.units ul li{
	width:392px;
	height:260px;
	position:relative;
	overflow:hidden;
}

.units ul li img{
	transition:0.5s;
}

.units ul li img:hover{
	transform:scale(1.1);
}

.units ul li span{
	width:100%;
	height:40px;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0,0,0,0.6);
	line-height:40px;
	text-align:center;
	color:#fff;
}



.zixuns{
	width:550px;
	margin:0 auto;
	margin-top:50px;
	display:flex;
	justify-content:space-between;
}

.zixuns a{
	width:250px;
	height:54px;
	display:block;
	border-radius:27px;
	background:#CF4924;
	line-height:54px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	transition:0.5s;
}

.zixuns a:hover{
	width:280px;
	background:#F00;
}


.products{
	width:100%;
	height:880px;
	background:url(../images/xidiaopc_02-02.jpg) no-repeat;
	margin-top:100px;
	overflow:hidden;
}


.huanjing{
	width:1200px;
	margin:0 auto;
}

.huanjing p{
	font-size:24px;
	color:#666;
	margin-bottom:30px;
}

.huanjing ul{
	width:100%;
	display:flex;
	justify-content:space-between;
}


.huanjing ul li.limg{
	width:796px;
}

.huanjing ul li img{
	display:block;
	margin-bottom:12px;
}

.huanjing ul li.rimg{
	width:392px;
}









