@charset "utf-8";
	@import "/templets/2012xdf/style/header.css";
	/*header*/
	.banner {
	width: 1100px;
	height: 400px;
	position: relative;
	margin: 0 auto;
}
#focus {
	width: 1920px;
	height: 400px;
	overflow: hidden;
	position: absolute;
	left: -410px;
	top: 0;
}
#focus ul {
	height: 470px;
	position: absolute;
}
#focus ul li {
	float: left;
	width: 1920px;
	height: 400px;
	overflow: hidden;
	position: relative;
	/* background: #000;*/
}
#focus ul li a {
	display: block;
	width: 1920px;
	height: 470px;
}
#focus .dw {
	width: 1920px;
	height: 20px;
	position: absolute;
	bottom: 20px;
	left: 0;
	text-align: center;
}
#focus .btn {
	display: inline-block;
}
#focus .btn span.on {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #ff7a01;
}
#focus .btn span {
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	border: 1px solid #fff;
	margin-right: 10px;
	border-radius: 50%;
	cursor: pointer;
}
/* crowd  */
.crowd  a{
  display: inline-block;
width: 22%;
border: 1px solid #E4E4E4;
text-align: center;
padding: 15px 0;
}
.crowd  a:hover span{
	transform: translate(0, -100px) rotate(360deg) scale(0);
	  animation: dropVanish 1s forwards;
}
@keyframes dropVanish {
    40% {
     /* transform: translate(50px, 0) scale(.9); */
      opacity: 1;
      
    }
    60% {
     
    }
    80% {
      transform: translate(0) scale(1.2);
      opacity: 0;
    }
    100% {
      transform: translate(0) scale(1);
      opacity: 1;
    }
}
.crowd  a>span,.crowd a>b{
	display: inline-block;
	width: 100%;
}
.crowd  a>span{
	margin-top: 10px;
	font-size: 22px;
	color:#4e90de;
}
.crowd a>b{
	font-size: 16px;
	margin-top: 5px;
}
/* title_main */
.title_main {
  margin-top: 40px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  z-index: 1;
	overflow: hidden;
}
.title_main span {
  display: inline-block;
  height: 47px;
  line-height: 40px;
  padding: 0 20px;
  background: #fff;
  color: #cacaca;
  font-size: 80px;
  vertical-align: middle;
  overflow: hidden;
  
}
.title_main strong {
  padding: 0 35px;
  background: #fff;
  font-size: 36px;
  color: #4e90de;
  font-weight: normal;
  vertical-align: middle;
}
.title_main::before {
      width: 740px;
    height: 0;
    content: '';
    border: 1px solid #4e90de;
    position: absolute;
    left: 50%;
    top: 25px;
    z-index: -1;
    margin-left: -370px;
}
/* zysz */
/* zysz */
.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.rm_ms{
	height: 55px;
	line-height: 55px;
	margin-bottom: 30px;
}
.rm_ms b{
	display: inline-block;
	background: url(/images/blue_arrow.png) no-repeat;
	width: 233px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-weight: normal;
}
.rm_ms span{
	font-size: 26px;
}
 .courses-item li {
    width: 32%;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px #eaeaea;
    overflow: hidden;
	margin-bottom: 20px;
	
	position: relative;
}
 .jy_sx .courses-item li{
	 width: 24%;
 }
.courses-item li .item_btn h3{
	font-size: 18px;
	font-weight: normal;
}
.courses-item li .item_btn{
	padding: 16px 10px;
}
.courses-item li .item_btn a{
	display: inline-block;
	width: 146px;
	height: 32px;
	line-height: 32px;
	border-radius: 32px;
	-webkit-border-radius: 32px;
	color: #fff;
	background-color: #4e90de;
	text-align: center;
}
.jy_sx .courses-item li .item_btn a{
	width: 102px;
}
 .courses-item li span{
	 background: red;
	position: absolute;
	top: 6px;
	left: -18px;
	width: 70px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	animation: changecl 1.6s linear infinite;
	-webkit-animation: changecl 1.6s linear infinite;
 }
 .courses-item li:nth-of-type(3n){
	 margin-right: 0;
 }
 .courses-item li>a {
    position: relative;
    display: block;
    width: 100%;
   /* height: 244px; */
    overflow: hidden;
}
 .courses-item li a div {
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 245px;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
}
 .courses-item li a div h3 {
    width: 100%;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    color: #ffcc50;
    margin-top: 70px;
}
 .courses-item li a div p {
    width: 100%;
    font-size: 16px;
    text-align: center;
    color: #fff;
    letter-spacing: 5px;
}
 .courses-text h4 {
    padding: 20px 15px 10px;
    font-size: 20px;
    color: #333;
}
 .courses-text h4 strong {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 2px;
    text-align: center;
    line-height: 30px;
    margin-left: 3px;
    vertical-align: text-top;
	background-color: #e1e9ff;
    color: #014bc6;
}
 .courses-text p {
    padding: 0 20px 10px;
    font-size: 16px;
    line-height: 30px;
}
.courses-item li a div {
    background: rgba(0, 0, 0, .6);
    position: absolute;
    top: 245px;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.courses-item li:hover a div {
    top: 0;
}
.zysz_btn{
	width: 100%;
	text-align: center;
}
.zysz_btn a{
	display: inline-block;
	width: 30%;
	height: 30px;
	line-height: 30px;
	border-radius: 100px;
	background-color: #4e90de;
	color: #fff;
	margin: 0 10px;
	cursor: pointer;
}
.zysz_btn a:nth-of-type(2){
	background-color: #e70000;
}
/*  hot_zy*/

.hot_zy {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 250px;
	height: 470px;
}
.hot_zy_type {
	position: relative;
	height: 400px;
}
.hot_zy_bg {
	width: 100%;
	height: 400px;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ff7a01;
	z-index: -1;
	opacity: .8;
	filter: alpha(opacity=80);
}
.hot_zy_type li {
	padding: 0 14px;
	font-size: 15px;
	height: 58px;
}
.hot_zy_type li a {
	color: #FFF;
}
.hot_zy_type li .bb {
	height: 58px;
	text-align: left;
	width: 154px;
	float: left;
}

.hot_zy_type li strong {
	height: 20px;
	line-height: 20px;
	display: block;
	padding-top: 10px;
	font-size: 16px;
	font-weight: normal;
}
.hot_zy_type li u {
	text-decoration: none;
	clear: both;
	float: left;
	font-size: 12px;
	text-align: left;
}
.hot_zy_type li small {
	float: left;
	margin-left: 20px;
	font-size: 12px;
}
.hot_zy_type li small b {
	font-weight: normal;
}
.hot_zy_type li a .icon {
	width: 58px;
	height: 58px;
	float: left;
	line-height: 58px;
	text-align: center;
}
.hot_zy_type li a: hover .icon {
	color: #f00;
}
.hot_zy_type li a .icon-chushimao,.hot_zy_type li a .icon-shouyezhuyetubiao09 {
	font-size: 40px;
}
.hot_zy_type li a .icon-caipin {
	font-size: 36px;
}
.hot_zy_type li a .icon-caipin1,.hot_zy_type li a .icon-pengrenguoju,.hot_zy_type li a .icon-canpinhuihuoguo,.hot_zy_type li a .icon-pengren, .hot_zy_type li a .icon-tubiaozhizuomobanhuoguo-,.hot_zy_type li a .icon-dangao {
	font-size: 35px;
}
.hot_zy_type li a .icon-gengduo1 {
	font-size: 33px;
}
/* video */
.video{
/*
	width: 492px;
	height: 342px;
*/
	float: left;
	position: relative;
}
.video_name{
	margin-bottom: 20px;
}
.video_name h5{
	display: block;
    font-size: 29px;
    color: #3d2212;
    font-weight: 700;
    text-align: center;
    margin-top: 20px;
}
.video_name p{
	font-size: 20px;
    margin-top: 3px;
    color: #3d2212;
    display: block;
    text-align: center;
}
.video .videolist {
	display: inline-block;
	width: 100%;
	height: 330px;
	position: relative;
	-webkit-transition: all 2s ;
	transition: all 2s;;
	overflow: hidden;
}
.video .videolist:hover span{
	font-size: 18px;  
	   
}
.video .videolist img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor: pointer;
}
.video .videolist span{
	position: absolute;
	background: url(/images/video.png) no-repeat 10px center rgba(0,0,0,.5);
	display: inline-block;
	height: 50px;
	line-height: 50px;
	padding-left: 50px;
	display: inline-block;
	left: 0;
	bottom: 0;
	width: 422px;
	padding: 0 10px;
	color: #fff;
	padding-left: 60px;
}
.videoed { 
	display:none; 
	width:50px; 
	height:50px; 
	position: absolute;
	left:45%;
	top:45%; 
	z-index:99;
	border-radius:100%; 
}
.videos{
	display:none;
	 border: 1px solid #080808; 
	 position:fixed; 
	 left:50%;
	 top:50%; 
	 margin-left:-420px;
	 margin-top:-260px; 
	 z-index:100;
	width:840px; 
	height:460px;
}
.vclose { 
	position:absolute;
	right:1%; 
	top:1%;
	border-radius:100%;
	cursor: pointer; 
}
.ys_right{
	width: 100%;
/*	padding-left: 1%;*/
}
.ys_right li{
	width: 32.5%;
	margin-bottom: 20px;
}
.ys_right li img{
	transition:all linear .3s;
	border-radius:10px; 
	-webkit-border-radius:10px; 
	max-width: 100%;
}
.ys_right li img:hover{transform: scale(.96);}
.ys_right li  span{
	text-align: center;
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	font-size: 18px;
	transition: all 0.6s;
}
.video .videolist img{
	transition: all 0.6s;
		border-radius:10px; 
	-webkit-border-radius:10px; 
}
.video .videolist:hover img{
	transform: scale(1.1);
/*	content: url("/images/jgsool.jpg");*/
}
.xdf_index{
	margin-top: 30px;
}
/* advitise */
.advitise{
/*	display: none;*/
	margin: 20px auto;
}
.advitise img{
	max-width: 100%;
}
/* hj */
.hj a{
	position: relative;
	display: inline-block;
	width: 32%;
	overflow: hidden;
	color: #333;
}
.hj a:hover{
	background: rgba(0,0,0,.5);
}
.hj a img{
	-webkit-transition:  -webkit-transform 0.35s;
	transition:  transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}
.hj a:hover img{
	
	-webkit-transform: scale(1);
	transform: scale(1);
}
.hj a span{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	box-sizing: border-box;
	background: rgba(0,0,0,.2);
	display: none;
}
.hj a span strong{
	font-size: 30px;
}
.hj a span::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	opacity: 0;
}
.hj a:hover span::before{
	opacity: 1;
}
.hj a{
	text-align: center;
	margin-bottom: 20px;
	cursor: pointer;
}
.hj a span{
	padding: 30% 0 20px 0;
	color: #fff;
}
.hj a:hover span{
	display: block;
}
/* consult_btn */
.consult_btn{
	width: 100%;
	text-align: center;
	margin: 30px 0;
	clear: both;
}
.consult_btn a{
	display: inline-block;
	width: 30%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #4e90de;
	color: #fff;
	border-radius: 10px;
	font-size: 24px;
}
.consult_btn a:hover{
	box-shadow: 0 8px 10px rgba(0,0,0,0.2);
}
/*---- Question ----*/
	.clear {
	clear: both;
	overflow: hidden;
}
.w_12 {
	width: 1200px;
	margin: auto;
}
.index_hr {
	height: 50px;
	margin-top: 20px;
	text-align: center;
	padding-bottom: 20px;
}
.index_hr h2 {
	font-size: 30px;
}
.index_hr h3 {
	font-size: 30px;
	color: #d4d4d4;
}
.clear .row ul {
	display: block;
	padding: 5px 0px 20px 0px;
	margin-top: 0px;
	border-radius: 5px;
	background: #fff;
}
.clear .row ul li {
	width: 260px;
	height: 60px;
	line-height: 70px;
	text-align: left;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-left: 30px;
	margin-top: 25px;
	float: left;
}
.clear .row ul li a {
	line-height: 60px;
	font-size: 18px;
	width: 260px;
	height: 70px;
	display: block;
	text-indent: 5px;
}
.clear .row ul li:hover {
	border: 1px solid #4e90de;
  color: #4e90de;
}
.clear .row ul li:hover a {
	color: #4e90de;
}
.clear .row ul li a img {
	float: left;
	border-radius: 35px;
	width: 15%;
	margin: 8px;
}

.ia_hbzs {
	background-color: #f8fbff;
	padding-bottom: 10px;
	margin-top: 10px;
}
.ia_hbzs h2 {
	width: 593px;
	margin: auto;
	font-size: 50px;
	padding: 11px 0;
	font-style: italic;
}

.xbyb_b {
	width: 1200px;
	height: 125px;
	background: #71a6e5;
	margin: 0 auto;
	margin-top: 10px;
}
.xbyb_b h2 {
	font-size: 30px;
	text-align: center;
	line-height: 57px;
	height: 57px;
	font-weight: normal;
	color: #fff;
}
.xbyb_b ul {
	width: 1200px;
	margin: auto;
	padding: 0 70px;
}
.xbyb_b ul li {
	float: left;
	width: 292px }
.xbyb_b ul li select {
	width: 275px;
	height: 36px;
	background-color: #F6F6F6;
	font-size: 14px;
	border: none;
}
.xbyb_b ul li input {
	width: 275px;
	height: 36px;
	background: #fff;
	border-radius: 3px;
	border: 0;
	text-indent: 10px;
	font-size: 18px;
}
.xbyb_b ul li.xbyb_tj input {
	width: 152px;
	background: #fff;
	color: #110f10;
	font-size: 18px;
	cursor: pointer;
	text-align: center;
}
.xbyb_b ul li.xbyb_tj {
	width: 155px }
.hnoticeb {
	padding: 10px 0;
	border: 1px solid #f0f0f0;
}
.hnotices {
	line-height: 25px;
}
.hnotices a {
	padding-left: 60px;
	font-size: 14px;
	color: #333333;
}
.hnotices a span {
	color: #ff0000;
}
.tempWrap {
	position: relative;
}
.hnotices a i {
	left: 0;
	width: 74px;
	height: 54px;
	background: url(../fonts/1.svg);
	background-position: -142px 445px;
	position: absolute;
	top: -8px;
}
/*news*/
	.tab2 {
	width: 1200px;
	text-align: left;
}
.tab2 .hd {
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 350px;
	position: relative;
	margin-bottom: 40px;
}
.tab2 .hd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
	width: 100px;
	height: 39px;
	margin: 0 20px;
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 39px;
	margin: 0 15px;
	border: 1px solid #4e90de;
}
.tab2 .hd ul li.on {
	height: 39px;
	color: #fff;
	border: 1px solid;
	background: #4e90de;
}
.tab2 .bd ul {
/*	padding: 15px;*/
	zoom: 1;
}
.tab2 .bd ul .news_list{
	width: 48%;
	float: left;
	padding-bottom: 20px;
}
.tab2 .bd ul .news_list:nth-of-type(2){
	
	float: right;
}
.tab2 .bd li .date {
	float: right;
	color: #999;
}
.tab2 .bd ul .news_list .p1{
	color: #333;
    font-size: 16px;
    padding: 0;
    text-align: left;
}
.news_list_content{
	margin-top: 10px;
}
.tab2 .bd ul .news_list .p2{
	color: #999;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    padding-top: 5px

}
.newsl {
	overflow: hidden;
    width: 518px;
    float: left;
    position: relative;
    text-align: center;
    margin-right: 20px;
    padding: 10px 2px;
    box-shadow: 2px 3px 5px #00000070;
}
.newsl img{
	transition:all linear 0.3s;
}
.newsl img:hover{
	transform: scale(1.05);
}
.news_icon {
/*
	width: 96px;
	height: 96px;
	background: url(/index/img/1.svg);
	background-position: 104px 96px;
	position: absolute;
	top: -9px;
	margin-left: 20px;
*/
}

/*
.newsl img {
	width: 500px;
	height: 333px;
}
*/

.newsl ul {
	width: 575px;
}
.newsl li {
    float: left;
    background: #f6f6f6;
    color: #999999;
    padding: 10px 10px;
    margin-left: 9px;
    text-align: left;
}
.newsl li dl {
	float: left;
	width: 100%;
}
.newsl li dl dt {
	    width: 103px;
    float: left;
    text-align: center;
    margin-right:10px;
    margin-top: 20px;
}
.newsl li dl dt img{
	max-width: 100%;
}
.newsl li dl dt span {
	font-size: 48px;
	width: 100%;
	float: left;
}
.newsl li dl dd {
	width: 368px;
	float: left;
}
.newsl li dl dd p.p1 {
	color: #333;
	font-size: 16px;
	padding: 15px 0 8px 0;
	border-bottom: 1px solid #e5e5e5;
}
.newsl li dl dd p.p2 {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	padding-top: 5px;
}
.newsr {
	width: 615px;
	float: left;
	position: relative;
}
.newsr li {
	width: 100%;
	    float: left;
    color: #999999;
/*    padding: 20px 0px;*/
    border-bottom: 1px solid #999;
/*    margin-left: 30px;*/
}
.newsr li dl {
	float: left;
	width: 95%;
}
.newsr li dl dt {
	width: 30%; 
    float: left;
    text-align: center;
    /* border-right: 1px solid #e5e5e5; */
	margin: 5px 20px 5px 0;
	overflow: hidden;
}
.newsr li dl dt img{
	max-width: 100%;
}
.newsr li dl dt span {
	font-size: 48px;
	width: 100%;
	float: left;
	font-weight: bold;
	line-height: 50px;
}
.newsr li dl dd {
/*	width: 410px;*/
	float: right;
	width: 65%;
padding-top: 20px;
}
.newsr li dl dd p.p1 {
	color: #333;
	font-size: 16px;
	padding: 0;
	text-align: left;
}
.newsr li dl dd p.p2 {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	text-align: left;
	padding-top: 5px;
}
.newsr .last {
	border-bottom: none;
	padding-top: 20px;
}
.indexmore {
	text-align: center;
	padding-top: 28px;
	padding-bottom: 28px;
}
.indexmore a.btn1 {
	background: #4e90de;
	color: #fff;
	margin-left: 60px;
}
.indexmore a {
	display: inline-block;
	width: 166px;
	height: 42px;
	line-height: 42px;
	margin: 0 auto;
	border: 1px solid #4e90de;
	border-radius: 25px;
	font-size: 14px;
	color: #666;
}
.cnzz {
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
}

/* 新闻动画 */
.newsr li dl dt img{transition: all linear 0.3s;}
.newsr li dl dt img:hover{transform:scale(1.1)}
/* ms */
.hmaster_right{
		padding: 10px 50px;
    width: 235px;
   /* height: 430px; */
    float: right;
    background: #f2f2f0;
	padding-bottom:40px;
	}
	.hmaster_right .more{
		width: 172px;
		height: 37px;
		border: 1px solid #4e90de;
		line-height: 37px;
		color: #fff;
		text-align: center;
		font-size: 18px;
		margin-left: 26px;
		margin-top: 20px;
		display: block;
		color: #4e90de;
	}
	.hmaster_right>*{
		color: #fff;
	}
	.hmaster_right h3{
	font-size: 22px;
    color: #4e90de;
    font-weight: 500;
    height: 80px;
    line-height: 80px;
   /* padding-left: 44px; */
	}
	.hmaster_right ul{
		/* width: 360px; */
		overflow: hidden;
		
	}
	.hmaster_right ul li{
		/* width: 255px;
		height: 44px; */
		background: #FFFFFF;
		color: #333;
		line-height: 34px;
		font-size: 20px;
		margin-top: 20px;
		cursor: pointer;
		border: 1px solid #4e90de;
	}
	.hmaster_right ul li:hover{
		background-color: #4e90de;
		color: #fff;
		border: 1px solid #4e90de;
	}
	.hmaster_right ul li.active{
		background-color: #4e90de;
	}
.hmaster_right ul li.active{
		color: #fff;
	}
	.hmaster_left{
		float:left;	
		
	}
	.hmaster{
		margin-top: 20px;
	}