*{ margin:0; padding:0; border:0; border:none;font-family: "FZLTHJW";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}

::-webkit-input-placeholder {color:#cccccc;}
:-moz-placeholder {color:#cccccc;}
::-moz-placeholder {color:#cccccc;}
:-ms-input-placeholder {color:#cccccc;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1000px;margin: 0 auto;}
.right{
    float: right;
} 
.left {
    float: left;
}
.zx-side{
	display: none!important;
}
.zx{
	cursor: pointer;
}
body{
	min-width: 1200px;
}
.copyRight,.offcnCopy{ background:#444546;    min-width: 1200px; }
.offcnCopy{padding:45px 0 50px 0; line-height:32px; color:#ccc; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#ccc;}
.offcnCopy a:hover{color:#e00;}


.header{ padding:25px 0;}
.header.common{
	width: 1200px;
}
.headererjicon_left{ width:390px; height:50px;}
.headererjicon_left a{ width:190px; height:45px; display:block; float:left;}
.headererjicon_left span,
.headererjicon_left .x_a
{ width: auto;color:#333; height:30px; line-height:30px; font-size:18px; padding-left:7px; margin-left:10px; border-left:1px solid #e7e7e7; display:block; float:left; margin-top:9px;}
.headererjicon_right{ color:#d72900; font-size:22px; line-height:50px; background:url(//statics.eoffcn.com/statics/images/eduoffcn/newerji/newphone.jpg) no-repeat left 16px; font-family:"Microsoft Yahei"; padding-left:25px;}
.ksrk_item{position:relative;float:left;margin:6px 10px 0 0;height:36px;z-index:998;background: url(//statics.eoffcn.com/statics/images/index/oindex_ico_1.gif) 0 -216px no-repeat;padding-left:40px;}
.ksrk_itemt{ background: url(//statics.eoffcn.com/statics/images/index/oindex_ico_1.gif) 0 -262px no-repeat;}
.ksrk_item a{ float:left; height:30px; font:normal 16px "Microsoft Yahei"; padding:7px 15px 0 5px; color:#777; border:1px solid #fff; overflow:hidden;}
.headererjicon_middle{ padding-right:100px;}
.ksrk_items i{ background: url(//statics.eoffcn.com/statics/images/index/oindex_ico_2.png) -52px -256px no-repeat;}

.page{
	background: #fafafa;
	padding-bottom: 50px;
}
.banner{
	width: 100%;
	height: 570px;
	margin: 0 auto;
	background: url(../img/banner.png) top center no-repeat;
}
.feature_div{
	margin:-50px auto 30px;
}
.feature_div .feature{
	width: 225px;
	height: 100px;
	margin-right: 33px;
	border-radius: 10px;
	box-shadow: 0 5px 10px rgba(225,46,37,0.1);
	background: #fff;
}
.feature_div .f_icon{
	margin-top: 26px;
}
.feature_div .f_icon>img{
	width: 100%;
	height: 100%;
}
.feature_div .f_icon1{
	width: 43px;
	height: 45px;
	margin-left: 25px;
}
.feature_div .f_icon2{
	width: 47px;
	height: 43px;
	margin-left: 24px;
}
.feature_div .f_icon3{
	width: 33px;
	height: 43px;
	margin-left: 30px;
}
.feature_div .f_icon4{
	width: 39px;
	height: 44px;
	margin-left: 26px;
}
.feature_div .f_con{
	margin-top: 20px;
	width: 148px;
	line-height: 30px;
	font-size: 20px;
	color: #333333;
}
.feature_div .f_con>span{
	font-family: "FZLTCHJW";
}
.feature_div .feature.last{
	margin-right: 0px;
}
.content .btn_all{
	width: 100%;
	height: 60px;
	margin-bottom: 52px;
	border-bottom: 1px solid #e6e6e6;
}
.content .btn.active{
	font-family: "FZLTCHJW";
	border-bottom: 4px solid #e12e25;
}
.content .btn{
	cursor: pointer;
	height: 56px;
	line-height: 56px;
	padding: 0 22px;
	font-size: 20px;
	color: #333333;
	text-align: center;
}
.content .special{
	display: none;
}
.content .special.show{
	display: block;
}
.content .special_l{
	width: 572px;
	margin-bottom: 30px;
}
.content .spe_top{
	height: 24px;
	margin-bottom: 20px;
}
.content .spe_top>span,
.content .spe_top>a{
	line-height: 24px;
}
.content .span1{
	font-size: 22px;
	color: #333333;
	font-family: "FZLTCHJW";
	padding: 0 0px 0 10px;
	border-left: 4px solid #e12e25;
}
.content .span2{
	margin-left:10px;
}
.content .span2,
.content .span3{
	color: #666666;
	font-size: 14px;
}
.content .video_div{
	display: block;
	cursor: pointer;
	position: relative;
	width: 275px;
	margin:0 20px 10px 0;
}
.content .video_time{
	position: absolute;
	top: 132px;
	right: 10px;
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	font-family: "FZLTCHJW";
}
.content .video_div:nth-child(2n+1){
	margin-right: 0px;
}

.content .video_div img{
	width: 275px;
	height: 155px;
	border-radius: 5px;
}
.content .v_t{
	display: inline-block;
	padding:4px 0 7px;
	line-height: 22px;
	font-size: 16px;
	color: #333333;
}
.content .active .v_shadow,
.content .active .v_icon{
	display: block;
}
.content .active .v_t{
	color: #e12e25;
	font-family: "FZLTCHJW";
}
.content .v_shadow{
	display: none;
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 155px;
	background: #333;
	opacity: 0.5;
	border-radius: 5px;
}
.content .v_icon{
	display: none;
	cursor: pointer;
	position: absolute;
	z-index: 2;
	top: 48px;
	left: 50%;
	margin-left:-29px;
	width: 58px;
	height: 58px;
	background: url(../img/v_video.png) top center no-repeat;
}
.content .tj,
.content .els{
	width: 400px;
}
.content .tj_top,
.content .els_top{
	height: 24px;
	font-size: 22px;
	color: #333333;
	font-family: "FZLTCHJW";
	line-height: 24px;
	padding-left: 10px;
	border-left: 4px solid #e12e25; 
    margin-bottom: 20px;
}
.content .swiper-container{
	padding-bottom: 22px;
}
.content .swiper-slide,
.content .swiper-slide>a{
	display: block;
	width: 400px;
	height: 355px;
	border-radius: 5px;
}
.content .swiper-slide a>img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.content .swiper-pagination{
	bottom: -4px!important;
}
.content .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	border-radius: 6px;
}
.content .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 48px;
	background: #e12e25
}
.content .els_ad{
	display: block;
	width: 400px;
	height: 180px;
	border-radius: 5px;
	margin:0 auto 20px;
}
.content .els_ad>img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.page .tg_footer{
	display: block;
	width: 1000px;
	height: 110px;
	margin:0 auto;
	border-radius: 5px;
}
.page .tg_footer>img{
	width: 100%;
	height: 100%;
}
.page .bottom{
	position: fixed;
	bottom: 0;
	z-index: 10;
}
.page .bottom a{
	display: block;
	width: 100%;
	height: 110px;
}
.page .bottom a>img{
	width: 100%;
	height: 100%;
}