*{ 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;
}
.page{
	overflow: hidden;
	width: 100%;
	height: 100%;
	background: url(../img/banner_bg.png) top center no-repeat;
}
.banner .common{
	position: relative;
	padding-top: 116px;
	padding-bottom: 30px;
}
.banner .wenan{
	padding-left: 36px;
}
.banner .wen>img{
	width: 100%;
}
.banner .wen1{
	width: 274px;
	height: 48px;
	margin-bottom: 28px;
}
.banner .wen2{
	width: 633px;
	height: 101px;
	margin-bottom: 28px;
}
.banner .wen3{
	width: 397px;
	height: 57px;
	margin-bottom: 40px;
}
.banner .wen4{
	width: 235px;
	height: 29px;
	margin-bottom: 24px;
}
.banner .doctor{
	position: absolute;
	top: 0;
	left: 586px;
	width: 870px;
	height: 686px;
	background: url(../img/doctor.png) top center no-repeat;
}
.yuyue{
	width: 1076px;
	height: 657px;
	margin: 0 auto;
	background: url(../img/yuyue_bg.png) top center no-repeat;
}
.yuyue .common{
	padding-top: 300px;
}
.yuyue .interaction{
	width: 960px;
	margin:0 auto;
}
.yuyue .input-grp,
.yuyue .colspan{
	width: 328px;
	height: 58px;
	margin: 0 73px 25px;
	line-height: 54px;
	border-radius: 4px;
	background: #fff;
	font-size: 20px;
	color: #232323;
	font-family: "FZLTHJW";
	border:1px solid #e6e6e6;
}
.yuyue input::-webkit-input-placeholder{
     color: #232323;
}
.yuyue .input-grp>input,
.yuyue .input-grp>select,
.yuyue .colspan>input{
	color: #232323;
	font-family: "FZLTHJW";
	text-indent: 20px;
	border-radius: 4px;
	font-size: 20px;
}
.yuyue .input-grp>select,
.yuyue .input-grp>input{
	width: 100%;
	height: 100%;
}
.yuyue .colspan #message{
	width: 64.5%;
	height: 100%;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.yuyue .colspan button{
	font-size: 20px;
	background: #4676f6;
	color: #fff;
	cursor: pointer;
	border-left: 1px solid #f2f2f2;
	margin-left: -4px;
	width: 35%;
	height: 100%;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.yuyue .get_btn{
	width: 349px;
	height: 63px;
	margin-left: 67px;
	cursor: pointer;
	background: url(../img/yuyue.png) top center no-repeat;
}
.zixun_t{
	    position: relative;
	width: 100%;
	height: 86px;
	margin: 0 auto;
	background: url(../img/zixun_t.png) top center no-repeat;
}
.zixun_bg{
	width: 100%;
	height: 607px;
	margin: 0 auto;
	background: url(../img/zixun_bg.jpg) top center no-repeat;
}
.zixun_bg .common{
	padding-top: 25px;
}
.zixun_text{
	text-align: center;
	font-size: 16px;
	color: #5c5c5c;
	line-height: 20px;
	margin-bottom: 40px;
}
.zixun_text>span{
	color: #ea557e;
}
.zixun_bg .p{
	width: 92px;
	height: 120px;
	margin: 0 8px 24px 0;
}
.zixun_bg .p:hover{
	margin-top: -10px;
}
.zixun_bg .p10:hover{
	margin-bottom: 34px;
}
.zixun_bg .p>img{
	width: 100%;
	height: 100%;
}
.zixun_bg .p.p10{
	margin-right: 0px;
}
.zhunbei_t{
	width: 100%;
	height: 86px;
	margin: 0 auto;
	background: url(../img/zhunbei_t.png) top center no-repeat;
}
.zhunbei_bg{
	width: 100%;
	height: 600px;
	margin: 0 auto;
	background: url(../img/zhunbei_bg.jpg) top center no-repeat;
}
.zhunbei_bg .common{
	position: relative;
	width: 1100px;
}
.zhunbei_bg .vs{
	animation:mymove 2s infinite;
	position: absolute;
	top: 178px;
	left: 50%;
	margin-left: -36px;
	width: 143px;
	height: 264px;
	background: url(../img/img_vs.png) top center no-repeat;
}
.zhunbei_bg .zhunbei_con{
	width: 1007px;
	height: 447px;
	margin: 0 auto;
	background: url(../img/zhunbei_con.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; 
    }

}
.free_t{
	width: 100%;
	height: 88px;
	margin: 0 auto;
	background: url(../img/free_t.png) top center no-repeat;
}
.free_bg .common{
	padding-top: 14px;
	padding-bottom: 60px;
}
.free_bg .zixun_text{
	margin-bottom: 48px;
}
.free_bg .get_bg{
	display: block;
	width: 157px;
	height: 157px;
	margin:0 11px 27px 0;
	filter: drop-shadow(0 3px 24px rgba(0,0,0,.2));
	background: url(../img/get_bg.png) top center no-repeat; 
}
.free_bg .get_bg:hover{
	margin-top: -10px;
}
.free_bg .get_bg.last:hover{
	margin-bottom: 37px;
}
.free_bg .get_bg.last{
	margin-right: 0px;
}
.get_bg .p1{
	font-size: 16px;
	color: #78f4f6;
	font-family: "FZLTCHJW";
	line-height: 30px;
	padding-top: 20px;
	text-align: center;
}
.get_bg .p1>span{
	font-size: 24px;
	font-family: "FZLTCHJW";
}
.what_t{
	width: 100%;
	height: 86px;
	margin:0 auto;
	background: url(../img/what_t.png) top center no-repeat;
}
.what_con .common{
	padding: 70px 0 77px 0;
}
.what_con .j{
	width: 177px;
	height: 182px;
	margin: 0 28px 52px 0;
}
.what_con .j:hover{
	margin-top: -10px;
}
.what_con .j.j1{
	background: url(../img/j1.png) top center no-repeat;
}
.what_con .j.j2{
	background: url(../img/j2.png) top center no-repeat;
}
.what_con .j.j3{
	background: url(../img/j3.png) top center no-repeat;
}
.what_con .j.j4{
	background: url(../img/j4.png) top center no-repeat;
}
.what_con .j.j5{
	margin-right: 0px;
	background: url(../img/j5.png) top center no-repeat;
}
.what_con .free_btn{
	display: block;
	width: 519px;
	height: 63px;
	margin: 0 auto 55px;
	background: url(../img/free_btn.png) top center no-repeat;
}
.online_t{
	width: 955px;
	height: 35px;
	margin: 0 auto 34px;
	background: url(../img/online_t.png) top center no-repeat;
}
.player-box{
	position: relative;
	width: 999px;
	height: 456px;
	margin: 0 auto 45px;
	background: url(../img/video.png) top center no-repeat;
}
.player-box .mask{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.ma{
	width: 337px;
	height: 275px;
	margin-right:34px;
	background: url(../img/ma.png) top center no-repeat;
}
.pro_div{
	width: 592px;
	padding: 29px 14px 13px 23px;
	border-radius: 10px;
	background: #4676f6;
}
.pro_div .pro_t{
	font-size: 24px;
	color: #ffffff;
	line-height: 24px;
	margin-bottom: 26px;
}
.pro_div .pro{
	display: block;
	width: 64px;
	height: 26px;
	border:1px solid #fff;
	text-align: center;
	line-height: 28px;
	font-size: 16px;
	color: #fff;
	margin-right: 8px;
	margin-bottom: 18px;
}
.pro_div .pro.active{
	color: #333;
	background: #fff;
}
.bottom{
	width: 100%;
	height: 517px;
	margin:0 auto 56px;
	background: url(../img/bottom.png) top center no-repeat;
}
.m-zx-sider{
	display: none;
}
.zx-side{
	display: none!important;
}
.zx_right{
	padding: 30px 10px;
	background: #ea557e;
	position: fixed;
	top:50px;
	right: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: 30px;
	line-height: 30px;
	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: 36px;
	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:43px;
}
.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;
}
.lead{
	position: fixed;
	left: 20px;
	top: 100px;
	width: 158px;
	padding: 24px 0 12px 0;
	border-radius: 20px;
	background: #f1678d;
}
.lead .close{
	cursor: pointer;
	width: 19px;
	height: 19px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: -33px;
	background: url(../img/close.png) top center no-repeat;
}
.lead a{
	position: relative;
	text-align: center;
	display: block;
	width: 158px;
	height: 33px;
	margin: 0 auto 7px;
	line-height: 33px;
	font-size: 14px;
	color: #fff;
}
.lead a.active{
	color: #333;
	background: url(../img/lead_btn.png) top center no-repeat;
}
.lead a.last{
	border-bottom: none;
}
.lead .top{
	cursor: pointer;
	height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
}
.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;}