*{ 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, .left {
    float: left;
}
.zx{
	cursor: pointer;
}
body{
	min-width: 1200px;
}
.copyRight,.offcnCopy{ background:#444546;    min-width: 1200px; }
.offcnCopy{padding:45px 0 70px 0; line-height:32px; color:#ccc; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#ccc;}
.offcnCopy a:hover{color:#e00;}

div.header{width: 100%;height: 47px;background: #fff;}
div.header .common{ font-size:16px;}
div.header .common a{ color:#333;}
div.header .logo{display: inline-block;width: 112px;height: 33px;background: url('http://statics.eoffcn.com/statics/images/index/netLogo.png'); vertical-align:-6px;}
div.header .tel{width: 301px;height: 33px;margin-left: 470px; display:inline-block;background: url('//statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}
div.header .common a{float: none; text-decoration: none;margin-top: 3px}
div.header .tel{margin-top: 0;}



.shadow{
	display: none;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0.6;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
.popup{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -161px;
	margin-top: -92px;
	width: 322px;
	padding-top: 42px;
	padding-bottom:32px;
	background:#fff;
	border-radius: 4px;
	z-index: 101;
}
.popup .close{
	position: absolute;
	top: 11px;
	right: 16px;
	font-size: 20px;
	cursor: pointer;
}
.popup .title{
	font-size: 14px;
	text-align: center;
	color: #444546;
	line-height: 14px;
	margin-bottom: 26px;
}
.popup .input-grp{
	width: 256px;
	margin: 0 auto;
}
.popup .phone{
	display: block;
	width: 160px;
	height: 22px;
	border: 1px solid #cecece;
	border-radius: 4px;
	font-size: 16px;
	text-indent: 10px;
	    margin-right: 8px;
}
.popup .get{
	cursor: pointer;
	width: 85px;
	height: 24px;
	background: #0b43ab;
	text-align: center;
	line-height: 24px;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
}
.popup .content{
	text-align: center;
	font-size: 14px;
	color: #444546;
	line-height: 20px;
	margin-bottom: 26px;
}
.popup .zixun{
	width:115px;
	height: 24px;
	margin: 0 auto;
	background: #0b43ab;
	text-align: center;
	line-height: 24px;
	border-radius: 4px;
	font-size: 14px;
	color: #fff;
}
.zx_right{
	padding: 30px 10px;
	background-image: linear-gradient(#f7ba2c, #f98d28);
	position: fixed;
	top:100px;
	left:10px;
	width: 135px;
}
.zx_tit{
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
}
.zx_right a{
	color: #6e6e6e;
}
.zx_right ul li{
	width: 135px;
	margin: 0 auto;
	color: #5f5f5f;
	background: #fff;
	height: 36px;
	line-height: 36px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	transition: all 0.2s;
}
.zx_right ul li:hover{
	background: url(../img/zx_hover.png) no-repeat center;
	width: 189px;
	height: 46px;
	margin-left: -27px;
	font-size: 17px;
	text-align: center;
	line-height: 36px;
}
.zx_right ul li:hover a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height:52px;
}
.zx_right .weixin{
	width: 134px;
	height: 133px;
	margin: 0 auto;
}
.zx_right .weixin>img{
	width: 100%;
	height: 100%;
}
.zx_close{
	position: absolute;
	top:-30px;
	left: 70px;
	cursor: pointer;
}
.banner{
	width: 100%;
	height: 450px;
	margin: 0 auto;
	background: url(../img/banner.png) top center no-repeat;
}
.bianhua{
	width: 1000px;
	height: 480px;
	margin: 0px auto 88px;
	background: url(../img/b_bg.png) top center no-repeat;
	filter: drop-shadow(0 3px 32px rgba(0,82,161,0.25));
}
.bianhua .common{
	width: 984px;
	padding-top: 161px;
}
.bianhua a{
	display: block;
	margin: 0 44px;
	float: left;
}
.bianhua a:hover{
	margin-top: -10px;
}
.bianhua .b1{
	width: 237px;
	height: 298px;
	background: url(../img/b1.png) top center no-repeat;
}
.bianhua .b2{
	width: 232px;
	height: 294px;
	background: url(../img/b2.png) top center no-repeat;
}
.bianhua .b3{
	width: 237px;
	height: 298px;
	background: url(../img/b3.png) top center no-repeat;
}
.zhai_bg{
	width: 100%;
	height: 581px;
	margin: 0 auto;
	background: url(../img/zhai_bg.png) top center no-repeat;

}
.zhai_bg .common{
	padding-top: 198px;
}
.zhai_bg .z{
	width: 314px;
	height: 306px;
	margin-right: 29px;
}
.zhai_bg .z:hover{
	margin-top: -10px;
}
.zhai_bg .z.z1{
	background: url(../img/z1.png) top center no-repeat;
}
.zhai_bg .z.z2{
	background: url(../img/z2.png) top center no-repeat;
}
.zhai_bg .z.z3{
	margin-right: 0px;
	background: url(../img/z3.png) top center no-repeat;
}

.gg{
	position: relative;
	
	cursor: pointer;
	width: 1020px;
	height: 175px;
	margin: -86px auto 30px;
	background: url(../img/gg.png) top center no-repeat;
}
.gg .gg_btn{
	animation: mymove 3s infinite;
	position: absolute;
	right: 44px;
	top: 45px;
	width: 91px;
	height: 91px;
	background: url(../img/gg_btn.png) top center no-repeat;
}
@keyframes mymove
{
    0%{
    transform: scale(1);  /*开始为原始大小*/
    /*opacity: 1;*/
    }
    25%{
        transform: scale(1.2); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.2);
        /*opacity: 0; */
    }

}
.gg .common{
	padding-top: 106px;
}
.gg .time{
	width: 512px;
	height: 28px;
	border-radius: 14px;
	background: #d72715;
	text-align: center;
	line-height: 28px;
	font-size: 18px;
	color: #fff;
	margin-left: 170px;
}
.package{
	background: #edebeb;
}
.package .common{
	padding-top: 66px;
	padding-bottom: 62px;
}
.package .p_title{
	width: 674px;
	height: 31px;
	margin: 0 auto 50px;
	background: url(../img/p_title.png) top center no-repeat;
}
.package .p_card{
	cursor: pointer;
	width: 314px;
	height: 206px;
	margin-right: 29px;
	box-shadow: 0 3px 32px rgba(0,82,161,0.25)
}
.package .p_card:hover{
	margin-top: -10px;
}
.package .p_card .tip{
	padding-top: 19px;
	text-align: center;
	font-size: 20px;
	font-family: "FZLTCHJW";
	margin-bottom: 19px;
	color: #fff;
}
.package .p_card.free_bg1 .tip{
	text-shadow: 0 2px #0a6d4c
}
.package .p_card.free_bg2 .tip{
	text-shadow: 0 2px #0b3a91
}
.package .p_card.free_bg3 .tip{
	text-shadow: 0 2px #c90b40
}
.package .p_card .title{
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-family: "FZLTCHJW";
	margin-bottom: 18px;
}
.package .p_card .con{
	display: table;
	text-align: center;
	margin: 0 auto 20px;
	padding: 0 12px;
	height: 24px;
	line-height: 24px;
	border-radius: 13px;
}
.package .p_card .free_btn{
	display: block;
	width: 181px;
	height: 38px;
	margin: 0 auto;
}
.package .p_card.free_bg1 .free_btn{
	background: url(../img/free_btn.png) top center no-repeat;
}
.package .p_card.free_bg2 .free_btn{
	background: url(../img/free_btn2.png) top center no-repeat;
}
.package .p_card.free_bg3 .free_btn{
	background: url(../img/free_btn3.png) top center no-repeat;
}
.package .p_card.free_bg1 .con{
	color: #0a6d4c;
	border:1px solid #06744e;
}
.package .p_card.free_bg2 .con{
	color: #0b3a91;
	border:1px solid #0b3a91;
}
.package .p_card.free_bg3 .con{
	color: #c90b40;
	border:1px solid #c90b40;
}
.package .p_card.free_bg1 .title>span{
	color: #06744e;
	font-family: "FZLTCHJW"
}
.package .p_card.free_bg2 .title>span{
	color: #0b3a91;
	font-family: "FZLTCHJW"
}
.package .p_card.free_bg3 .title>span{
	color: #c90b40;
	font-family: "FZLTCHJW"
}
.package .p_card.free_bg1{
	background: url(../img/free_bg1.png) top center no-repeat;
}
.package .p_card.free_bg2{
	background: url(../img/free_bg2.png) top center no-repeat;
}
.package .p_card.free_bg3{
	margin-right: 0px;
	background: url(../img/free_bg3.png) top center no-repeat;
}
.ke{
	background: #0b3a91;
	padding: 70px 0 30px;
}
.ke .ke_t{
	width: 674px;
	height: 72px;
	margin: 0 auto 50px;
	background: url(../img/ke_title.png) top center no-repeat;
}
.ke .card{
	width: 315px;
	background: #fff;
	border-radius: 5px;
	padding: 30px 0 28px;
	margin-right: 27px;
	margin-bottom: 48px;
}
.ke .card.card3{
	margin-right: 0px;
}
.ke .card .title{
	text-align: center;
	font-size: 20px;
	color: #113f94;
	font-family: "FZLTCHJW";
	margin-bottom: 20px;
}
.ke .card .con{
	text-align: center;
	line-height: 24px;
	font-size: 16px;
	color: #333333;
	margin-bottom: 24px;
}
.ke .card .mon{
	display: table;
	margin:0 auto;
}
.ke .card .te,
.ke .card .money{
	position: relative;
	font-size: 24px;
	color: #1460ed;
	font-family: "FZLTCHJW";
}
.ke .card .money{
	    margin-top: -4px;
}
.ke .card .money>span{
	position: relative;
	z-index: 2;
	font-weight: bold;
	font-family: "Microsoft Yahei";
}
.ke .card .money .des{
	width: 96px;
	position: absolute;
	font-size: 12px;
	color: #1460ed;
	right: 0;
	top: -12px;
}
.ke .card .money .line{
	position: absolute;
	width: 100%;
	height: 10px;
	border-radius: 5px;
	background: #fbe534;
	bottom: 3px;
}
.ke .card .how{
	width: 100%;
	font-size: 12px;
	color: #808181;
	text-align: center;
	height: 30px;
}
.ke .card a{
	display: block;
	width: 118px;
	height: 33px;
}
.ke .card .buy{
	margin-left: 22px;
	background: url(../img/buy.png) top center no-repeat;
}
.ke .card .zixun{
	margin-right: 22px;
	background: url(../img/zixun.png) top center no-repeat;
}
.pro_div .common{
	padding: 80px 0 55px; 
}
.pro_div .pro_t{
	width: 820px;
	height: 72px;
	margin: 0 auto 42px;
	background: url(../img/tx_title.png) top center no-repeat;
}
.pro_div .pro.active{
	background: #0b3a91
}
.pro_div .pro{
	width: 216px;
	padding: 12px 6px 4px 6px;
	border:1px solid #0b3a91;
	border-radius: 5px;
	background: #fff;
	margin-right: 26px;
	margin-bottom: 26px;
}
.pro_div .pro.pro4{
	margin-right: 0px;
}
.pro_div .pro.active .pro_name{
	color: #fff;
}
.pro_div .pro .pro_name{
	text-align: center;
	font-size: 20px;
	color: #0b3a91;
	font-family: "FZLTCHJW";
	line-height: 30px;
	margin-bottom: 16px;
}
.pro_div .pro a{
	display: block;
	width: 96px;
	height: 28px;
	margin: 0 6px 18px; 
	border-radius: 14px;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	color: #ffffff;
	background: #0b3a91
}
.pro_div .pro.active a{
	background: #fff;
	color: #0b3a91;
}