/* CSS Document */

*{
	padding:0;
	margin:0;
}

ul,li{
	list-style:none;
}

a{
	text-decoration:none;
}

body{
	min-width:1440px;
	margin:0 auto;
}

.banner{
	width:100%;
	height:500px;
	background:url(../images/banner.jpg) no-repeat center center;
}



.titles{
	width:466px;
	height:48px;	
	margin:0 auto;
	margin-top:100px;
}

.titles h2{
	width:100%;
	line-height:48px;
	background:url(../images/dgao1_04.png) no-repeat top center;
	font-size:36px;
	text-align:center;
	color:#333;
}

.titles h3{
	width:100%;
	line-height:48px;
	font-size:36px;
	text-align:center;
	color:#333;
}

.titles h3 span{
	width:4px;
	height:36px;
	display:inline-block;
	background:#0D7E9C;
	margin:0 30px;
	vertical-align:top;
	margin-top:10px;
}


.four_box{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	margin-top:80px;
}



.fb_list{
	width:204px;
	height:auto;
	padding:20px 30px;
	transition:1s;
}



.fb_list:hover{
	box-shadow:0 0 12px #666666;
}


.fb_list h3{
	height:60px;
	line-height:60px;
	text-align:center;
	font-size:24px;
	font-weight:normal;
}

.fb_list:hover span img{
	animation:zhuan 0.5s forwards linear;
}

.fb_list p a{
	width:160px;
	height:50px;
	line-height:50px;
	border:1px solid #CCC;
	display:block;
	margin:0 auto;
	font-size:18px;
	color:#333;
	text-align:center;
	margin-top:5px;
	transition:1s;
}

.fb_list:hover p a{
	background:#0B7D97;
	color:#fff;
	border-radius:8px;
	border:none;
}



@keyframes zhuan{
   0%{
	   transform:rotate(0deg);
	   }
 100%{
	   transform:rotate(360deg);
	   }
}


.kecheng{
	width:1200px;
	margin:0 auto;
	margin-top:70px;
	display:flex;
	justify-content:space-between;
}


.kecheng_tj{
	width:356px;
	height:544px;
	background:#0B7D97;
	transition:0.5s;
}

/*背景特效*/
.kecheng_tj:hover{
	background:#0E9AB8;
}


.tj_top{
	width:250px;
	margin:0 auto;
	margin-top:70px;
	display:flex;
	justify-content:space-between;
	color:#fff;
	overflow:hidden;
}

.tj_top span.b_title{
	font-size:28px;
	font-weight:bold;
	-webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	letter-spacing: 2px;
}

/*大标题特效*/
.kecheng_tj:hover span.b_title{
	text-shadow:1px 1px 4px #000;
}

.tj_top span.b_body{
	width:46px;
	font-size:16px;
	-webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	letter-spacing: 1px;
}

.tj_top span.b_imgs{
	width:120px;
	height:170px;
	background:#fff;
	position:relative;
}

.tj_top span.b_imgs img{
	position:absolute;
	left:5px;
	bottom:0;
}


/*人像图片特效*/
.kecheng_tj:hover .tj_top span.b_imgs img{
	animation:lai 0.5s forwards linear;
}

.kecheng_tj:hover .tj_top span.b_imgs img.cg{
	animation:laile 0.5s forwards linear;
}


.tj_top span.b_imgs img.cg{
	position:absolute;
	left:-35px;
	bottom:0;
}

.tags{
	width:260px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:40px;
}

.tags span{
	width:108px;
	height:40px;
	border:1px solid #fff;
	text-align:center;
	line-height:40px;
	border-radius:8px;
	color:#fff;
	margin-bottom:20px;
	font-size:18px;
}

/*tags特效*/
.kecheng_tj:hover .tags span{
	background:#0B7D97;
}

.tjbtn{
	width:198px;
	height:46px;
	margin:0 auto;
	margin-top:30px;
}


.tjbtn a{
	width:100%;
	height:100%;
	display:block;
	border-radius:23px;
	background:#34C0E1;
	line-height:46px;
	text-align:center;
	font-size:20px;
	color:#fff;
}





@keyframes lai{
   0%{
	  left:200px;
	  bottom:0;
	   }
 100%{
	   left:5px;
	   bottom:0;
	   }
}


@keyframes laile{
   0%{
	  left:200px;
	  bottom:0;
	   }
 100%{
	   left:-35px;
	   bottom:0;
	   }
}


.zhuanye_box{
	width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:50px;
	background:#EFEFEF;
	display:flex;
	justify-content:center;
	padding:20px 0;
}


.zylists{
	width:560px;
	height:auto;
	margin-top:20px;
}



.line{
	width:0px;
	height:700px;
	border-left:1px solid #fff;
	border-right:1px solid #D9D9D9;
	margin-right:20px;
	margin-left:20px;
}


.zylist_box{
	width:100%;
	padding:10px 0;
	display:flex;
	justify-content:center;
	margin-bottom:30px;
	border-radius:10px;
	transition:0.5s;
}


.zylist_box:hover{
	background:#FFF;
	box-shadow:0 0 8px #666666;
}

.zylist_box p{
	width:286px;
	margin-left:10px;
}

.zylist_box p img{
	display:block;
	border-radius:10px;
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
}

.zylist_box dl{
	width:248px;
	margin-left:20px;
}

.zylist_box dl dt{
	line-height:30px;
	font-size:24px;
}

.zylist_box:hover dl dt{
	font-weight:bold;
}

.zylist_box dl dd{
	line-height:40px;
	font-size:20px;
}

.zylist_box dl dd i{
	margin-right:5px;
}

.zylist_box dl a{
	width:160px;
	height:44px;
	display:block;
	color:#fff;
	background:#0B7D97;
	border-radius:22px;
	text-align:center;
	line-height:44px;
	font-size:18px;
	margin-top:10px;
}


.zylist_box:hover dl a{
	background:#FC1C37;
}



.zixun{
	width:620px;
	height:52px;
	display:flex;
	margin:60px auto;
	justify-content:space-between;
	font-size:20px;
	text-align:center;
}


.zixun a.left_btn{
	width:250px;
	height:52px;
	line-height:52px;
	background:#0B7D97;
	color:#fff;
	transition:0.5s;
}


.zixun a.left_btn:hover{
	width:320px;
	font-weight:bold;
}

.zixun a.right_btn{
	width:250px;
	height:52px;
	line-height:52px;
	border:2px solid #0B7D97;
	box-sizing:border-box;
	color:#0B7D97;
	transition:0.5s;
}


.zixun a.right_btn:hover{
	width:320px;
	font-weight:bold;
}


.jiaoxueyz{
	width:100%;
	height:535px;
	background:url(../images/dgao1_47.jpg) no-repeat;
	overflow:hidden;
	margin-top:100px;
}


.yzbox{
	width:1200px;
	margin:0 auto;
	margin-top:55px;
	display:flex;
	justify-content:space-between;
}


.lan{
	width:560px;
	height:240px;
	background:rgba(11,125,151,0.8);
	margin-top:30px;
	color:#fff;
}

.lan h3{
	font-size:28px;
	line-height:100px;
	padding-left:30px;
}

.lan p{
	padding:0 100px 0 30px;
	font-size:20px;
	line-height:30px;
}

.bai{
	width:640px;
	height:300px;
	background:rgba(255,255,255,0.8);
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	align-content:flex-start;
}


.bai_box{
	width:250px;
	height:80px;
	margin:0 20px;
	margin-top:45px;
	display:flex;
	justify-content:space-between;
}

.bai_box p{
	width:80px;
	height:80px;
	display:flex;
	background:#107F9D;
	border-radius:50%;
	justify-content:center;
	align-items:center;
}

.bai_box dl{
	width:150px;
	display:inline-block;
	vertical-align:top;
	padding-left:10px;
	margin-top:8px;
}

.bai_box dl dt{
	font-size:22px;
	font-weight:bold;
}

.bai_box dl dd{
	font-size:20px;
	margin-top:6px;
	color:#333;
}


.zuopin{
	width:1200px;
	height:auto;
	margin:0 auto;
	margin-top:80px;
}


.tagicon{
	width:780px;
	height:110px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
}


.tagicon span{
	width:200px;
	height:46px;
	display:inline-block;
	line-height:46px;
	text-align:center;
	color:#fff;
	font-size:20px;
	background:#0B7D97;
	cursor:pointer;
	border-radius:6px;
}

.tagicon span.oncheck{
	color:#FFF9D4;
	font-weight:bold;
	box-shadow:0 2px 6px #666666;
}

.tagicon span i{
	margin-right:10px;
}

.tagicon span i img{
	display:inline;
}

.zpimgs{
	width:1200px;
	height:582px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

.zpimgs ul{
	width:100%;
	position:absolute;
	left:1200px;
	top:0;
	display:flex;
	justify-content:space-between;
}

.zpimgs ul li.w590{
	width:590px;
}

.zpimgs ul li.w288{
	width:288px;
}

.zpimgs ul li img{
	display:block;
	margin-bottom:20px;
}


.zpimgs ul li dl{
	width:100%;
	display:flex;
	justify-content:space-between;
}



.mingshi{
	width:100%;
	height:1200px;
	background:url(../images/bj.jpg) no-repeat;
	margin-top:100px;
	overflow:hidden;
}


.ms_box{
	width:1066px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:60px;
}


.ms_box dl{
	width:508px;
	margin-bottom:80px;
}


.ms_box dl dt{
	width:508px;
	height:590px;
	border-radius:10px;
	box-shadow:0 0 10px #999;
	background:#fff;
	text-align:center;
}

.ms_box dl dt img{
	margin:0 auto;
}

.ms_box dl dd{
	width:100%;
	margin:0 auto;
	font-size:30px;
	text-align:center;
	margin-top:20px;
}

.ms_box dl dd span{
	display:inline-block;
	background:#fff;
	color:#4D8EA0;
	font-size:24px;
	margin-left:20px;
	padding:6px 20px;
	border-radius:10px;
}


.wenda{
	width:1200px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:30px;
}

.dabox{
	width:286px;
}

.dabox dl{
	width:286px;
	height:110px;
	margin:0 auto;
	line-height:110px;
	text-align:center;
	font-size:24px;
	box-shadow:0 0 8px #999999;
	position:relative;
	margin-top:50px;
	transition:0.6s;
}

.dabox:hover dl{
	box-shadow:0 0 0 #fff;
}

.dabox dl dt{
	width:100%;
	height:110px;
	background:#fff;
	color:#000;
	transition:0.6s;
}


.dabox:hover dl dt{
	background:#0B7D97;
	color:#FFF;
}

.dabox dl dd{
	width:160px;
	height:46px;
	background:#0B7D97;
	border-radius:23px;
	line-height:46px;
	text-align:center;
	color:#fff;
	font-size:20px;
	position:absolute;
	left:63px;
	bottom:-23px;
	transition:0.5s;
}



.dabox:hover dl dd{
	background:#fff;
	box-shadow:0 0 6px #666666;
	color:#000;
}


.uform{
	width:1200px;
	margin:0 auto;
	margin-top:30px;
}


.uform h3{
	font-size:30px;
	color:#000;
	margin-top:50px;
	overflow:hidden;
}

.uform h3 i{
	display:inline-block;
	margin-top:90px;
	margin-right:10px;
	vertical-align:top;
	margin-top:3px;
}

.zhuanye-list{
	width:100%;
	height:80px;
	line-height:80px;
	font-size:24px;
	color:#000;
	display:flex;
	justify-content:space-between;
}

.zhuanye-list label{
	width:200px;
	position:relative;
}


input[type=checkbox], input[type=radio]{
	/*-webkit-appearance: none;
     -moz-appearance: none;
      -ms-appearance: none;
    appearance: none;*/
	width:24px;
	height:24px;
	border:none;
	line-height:80px;
	border:1px solid #fff;
	display:inline-block;
	vertical-align:top;
	margin-top:30px;
	margin-right:10px;
	color:#F00;
}


.check{
	width:31px;
	height:30px;
	position:absolute;
	left:0;
	top:24px;
	background:url(../images/ico2.png) no-repeat;
}



input[type=text]{
	width:390px;
	height:60px;
	border:none;
	background:#EEEEEE;
	border-radius:8px;
	text-indent:10px;
	font-size:18px;
}


.tijiao{
	width:390px;
	height:60px;
	border:none;
	background:#0B7D97;
	border-radius:8px;
	text-align:center;
	font-size:20px;
	color:#fff;
	cursor:pointer;
}