@charset "utf-8";
/* CSS Document */

html {
	-webkit-tap-highlight-color: transparent;/* overflow-x: hidden; */
	height: 100%;
	font-size: 388.8%;
	background-color: #ebebeb;
	margin: 0 auto;
	padding: 0
}
body {
	color: #333;
	font-size:.28em;
	line-height: 1.5;
	font-family: arial, Microsoft Yahei
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img {
	vertical-align: middle;
	border: 0
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal
}
img {
	border: none
}
input, img {
	vertical-align: middle;
}
input, select, textarea {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 0;
}
textarea:focus {
	outline: 0
}
a {
	color: #6E7D8B;
	text-decoration: none;
	outline: 0
}
a:active, a:hover, a.current {
	outline: 0
}
.c {
	text-align: center;
}
.tr {
	text-align: right;
}
.f60, input.f60, .c60 {
	color: #FF621D;
}
.f00 {
	color: #f00;
}
.c99 {
	color: #999;
}
.f12 {
font-size: .24rem;
}
.h_10px, .hr10 {
height:.1rem;
	clear: both;
	overflow: hidden;
	font-size: 0
}
.h_20px {
height:.12rem;
	clear: both;
	overflow: hidden;
	font-size: 0
}
.h_208px {
height:.2rem;
	clear: both;
	overflow: hidden;
	background:#fff;
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
	font-size: 0
}
.h_5px {
height:.09rem;
	clear: both;
	overflow: hidden;
	font-size: 0
}
.green {
	color: #99CC01
}
input, button, select, textarea {
	font-family: inherit;
	font-size: 1em;
	background:none;
font-size:height:2.3em;
inherit;
	line-height:2.3em;
	border: none;
	width:98%;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0;
	text-shadow: none;
	vertical-align: middle
}
button, input, optgroup, select, textarea {
	color: inherit;
	margin: 0;
	-webkit-writing-mode: horizontal-tb;
}
button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}
option {
	border: none;
}
#wrap, .wrap { /*overflow:hidden;*/
	margin: 0 auto; /* height: 100%;*/
	position: relative;
	width: 100%;
}
body {
	font-size:16px;
	font-family:"微软雅黑";
	background: #ebebeb !important;
}
a {
	font-family:"微软雅黑";
}
.viewport {
	max-width:640px;
	margin:auto;
	overflow:hidden
}
.clr {
	height:0;
	display:block;
	overflow:hidden;
	clear:both;
	line-height:0;
	font-size:0
}
 @media only screen and (max-width:300px) {
body {
font-size:10px!important
}
.viewport {
max-width:300px
}
}
 @media only screen and (max-width:310px) and (min-width:300px) {
body {
font-size:10px!important
}
.viewport {
max-width:300px
}
}
 @media only screen and (max-width:320px) and (min-width:310px) {
body {
font-size:10.66667px!important
}
.viewport {
max-width:320px
}
}
 @media only screen and (max-width:360px) and (min-width:320px) {
body {
font-size:10.66667px!important
}
.viewport {
max-width:360px
}
}
 @media only screen and (max-width:360px) and (min-width:350px) {
body {
font-size:12px!important
}
.viewport {
max-width:360px
}
}
 @media only screen and (max-width:640px) and (min-width:360px) {
body {
font-size:12px!important
}
.viewport {
max-width:640px
}
}
 @media only screen and (max-width:640px) and (min-width:470px) {
body {
font-size:15.66667px!important
}
.viewport {
max-width:640px
}
}
.clear {
	clear:both;
	visibility:hidden;
}
.l {
	float:left;
	display:inline
}
.r {
	float:right;
	display:inline
}
.c {
	text-align:center
}
/*dibugg a*/

.dhs {
	max-width:640px;
	min-width:320px;
	height:auto;
	margin:0 auto;
}
.dhs img {
	width:100%;
	height:auto;
	max-width: 640px;
	margin: 0 auto;
}
.topban_box {
	display:block;
	max-width: 640px;
	min-width: 320px;
	margin: 0 auto;
	overflow:hidden;
}
.topban_box img {
	width:100%;
	display:block;
}
/*header a*/

.hide-me {
	display:none;
}
header {
	display:block;
	height:55px;
	max-width:100%;
	min-width: 320px;
	margin: 0 auto;
}
header .fixed {
	position:relative;
	z-index:100;
	width:100%;
	height:55px;
	background-color:#0095b0;
}

header .fixed .wrap {
	margin: 0 auto;
	width:100%;
}
header .fixed .wrap.float h1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	font-size:20px;
	line-height:50px;
	color:#fff;
	text-align:center
}
header .fixed .wrap.float .left-icon {
	float: left;
	display: inline-block;
	height: 45px;
	line-height: 45px;
}
header .fixed .wrap.float .left-icon img {
	position: relative;
	top: 1px;
	padding-left: 6px;
	width: 222px;
	height: 44px;
}
header .fixed .wrap.float .right-icon {
	float:right
}
header .fixed .wrap.float:before, header .fixed .wrap.float:after {
	content:" ";
	display:table
}
header .fixed .wrap.float:after {
	clear:both
}
header .more {
	background:url(../images/genduoa.png)
}
.header-home .icon {
	color:#666;
}
.header-home .fixed {
	background-color:#f7f7f7;
}
header .icons {
	width:51px;
	padding-top:46px;
	display: inline-block;
	font-size: 12px;
	color: white;
	text-align: center;
	background-size:38px 38px;
	background-position: center 4px;
	background-repeat: no-repeat;
}
header .more-fn {
	position:absolute;
	top:55px;
	right:4px;
	width:210px;
	padding:10px;
	opacity:.9;
	background: rgba(0, 0, 0, 0.58);
	box-sizing: border-box;
}
header .more-fn .icon {
	width:55px;
	margin:5px 0;
}
header .more-fn em {
	position:absolute;
	top:-9px;
	right:10px;
	width:0;
	height:0;
	border-style:solid;
	border-color:#2BB8AA #00A3B7 #5A5A5A #00A3B7;
	border-width:0 6px 10px 6px;
	display:block;
}
.clear {
	clear: both;
}
.hide-me {
	display:none;
}
header .fixed {
	position:relative;
	z-index:100;
	width:100%;
	height:55px;
	background-color:#2783da;
}
header h2 {
	color: #FFF;
	display: inline-block;
	font-size:18px;
	font-weight: 500;
	line-height:55px;
	margin: 0;
	padding: 0;
	margin-left:2em;
	background: #2783da;
}
header .fixed .wrap {
	margin: 0 auto;
	width:100%;
}
header .fixed .wrap.float h1 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin:0;
	padding:0;
	font-size:20px;
	line-height:55px;
	color:#fff;
	text-align:center
}
header .fixed .wrap.float .left-icon {
	float:left;
	display: inline-block;
	height: 41px;
	line-height: 40px;
}
header .fixed .wrap.float .right-icon {
	float:right
}
header .fixed .wrap.float:before, header .fixed .wrap.float:after {
	content:" ";
	display:table
}
header .fixed .wrap.float:after {
	clear:both
}
header .more {
	background: url(../images/genduoa.png)
}
.header-home .icon {
	color:#666;
}
.header-home .fixed {
	background-color:#f7f7f7;
}
header .icon {
	width:50px;
	padding-top: 46px;
	display: inline-block;
	font-size: 12px;
	color: white;
	text-align: center;
	background-size: 36px 36px;
	background-position: center 5px;
	background-repeat: no-repeat;
}
header .more-fn {
	position:absolute;
	top:60px;
	right:4px;
	width:210px;
	padding:10px;
	opacity:.9;
	background:#333;
	box-sizing: border-box;
}
header .more-fn .icon {
	width:60px;
	margin:5px 0;
}
header .more-fn em {
	position:absolute;
	top:-9px;
	right:10px;
	width:0;
	height:0;
	border-style:solid;
	border-color:#587eac #587eac #333 #587eac;
	border-width:0 6px 10px 6px;
	display:block;
}
header .back {
	background: url(../images/fh.png) no-repeat scroll center center / 28px 28px #2270b9;
	display: inline-block;
	float: left;
	height:55px;
	margin-right: -1em;
	overflow: hidden;
	text-indent: -10086px;
	width:38px;
}
/*
header .my {
	background: url(../images/souyea.png) no-repeat scroll center center / 36px 36px #2783da;
	margin-top: 0.23em;
}
*/
/*电话gif*/

.hdm {
	display:block;
	margin:6px auto;
}
.hdm img {
	width:100%;
}
/*tel a*/

.Teldhs {
	background:#0c97ee;
	text-align:center;
	position:relative;
	height:55px;
	margin: 0 auto;
	vertical-align:middle;
	color:#FFF;
	min-width:320px;
	max-width: 640px;
	margin: 6px auto;
}
.Teldhs .yaoyi {
	width:15%;
	height:3.4em;
	float:left;
}
.Teldhs .dianhuab {
	width:73%;
	height:auto;
	float:left;
	line-height:54px;
}
.Teldhs .dianhuab .ft_025 {
	font-size:0.25rem;
}
.Teldhs .dianjb {
	width:25%;
	height:30px;
	margin:1em 0 0.8em 0;
	float:left;
	background:#ffe400;
	border-radius:3px;
	line-height: 30px;
}
.Teldhs .dianjb span {
	line-height:1.5em;
}
.Teldhs img {
	width:0.7rem;
	margin:0.3em;
}
.Teldhs a {
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	color:#FFF;
	line-height:55px;
	display:block;
	font-size:0.8em;
}
.Teldhs .dianjb span a {
	display:inline-block;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	color:#F00;
	line-height:0.47rem;
	display:block;
	font-size:0.28rem;
}
/*tel e*/

.dhm {
	margin:6px auto;
	display:block;
}
.dhm img {
	width:100%;
	display:block;
	max-width:640px;
	margin:0 auto;
}

/*tel a

.Teldhs{background:#00a3b7;text-align:center; position:relative; height:55px; margin: 0 auto;vertical-align:middle;color:#FFF;min-width:320px;max-width: 640px; margin:10px auto;}

.Teldhs .yaoyi{width:17%; height:3.4em; float:left;}

.Teldhs .dianhuab{width:50%; height:3.4em;float:left; line-height:54px;}

.Teldhs .dianjb{ width:25%; height:1.8em; margin:0.8em 0 0.8em 0.6em;float:left; background:#ffff00;border-radius:3px;}

.Teldhs .dianjb span{ line-height:1.5em;}

.Teldhs img{ width:2.8em;margin:0.3em;}

.Teldhs a {  display:inline-block; line-height:18px; vertical-align:middle; text-align:center; color:#FFF; line-height:2.2em; display:block;font-size:0.43rem;}

.Teldhs .dianjb span a{  display:inline-block; line-height:1.8px; vertical-align:middle; text-align:center; color:#F00; line-height:1.5em; display:block;font-size:1.2em;}

/*tel e*/

/*小图标 a*/

@font-face {
 font-family: 'iconfont';  /* project id 295487 */
 src: url('//at.alicdn.com/t/font_295487_dl9q4bwhz2.eot');
 src: url('../fonts/font_295487_dl9q4bwhz2.eot') format('embedded-opentype'),  url('../fonts/font_295487_dl9q4bwhz2.woff') format('woff'),  url('../fonts/font_295487_dl9q4bwhz2.ttf') format('truetype'),  url('../fonts/font_295487_dl9q4bwhz2.svg') format('svg');
}
.iconfontlogo {
	font-family:"iconfont";
	font-size:220px;
	display:block;
	font-style:normal;
	color:#FFF;
}
.iconfontyao {
	font-family:"iconfont";
	font-size:42px;
	display:block;
	margin-top:-0.1em;
	font-style:normal;
	color:#FFF;
	margin-left: 0.2em;
}
.iconfontdh {
	font-family:"iconfont";
	font-size:1.9em;
	margin-left:-1.2em;
	display:block;
	margin-top:-0.15em;
	font-style:normal;
	display:block;
	color:#F00;
}
.iconfont01 {
	font-family:"iconfont";
	font-size:36px;
	display:block;
	font-style:normal;
	color:#FFF;
}
.iconfontzmt {
	font-family:"iconfont";
	font-size:2.8em;
	display:block;
	font-style:normal;
	float:left;
	color: #06F;
}
.iconfontzmt01 {
	color:#F8792A;
}
.iconfontzmt02 {
	color:#3BBC03;
}
.iconfontzmt03 {
	color:#4BA7FE;
}
.iconfont {
	font-family:"iconfont";
	font-size:6em;
	display:block;
	margin-top:-0.26em;
	color: #FFF;
	font-style:normal;
}
.iconfont2 {
	font-family:"iconfont";
	font-size:4.7em;
	display:block;
	margin-top:-0.1em;
	color: #FFF;
	font-style:normal;
}
.iconfont3 {
	font-family:"iconfont";
	font-size:5.5em;
	display:block;
	margin-top:-0.27em;
	color: #FFF;
	font-style:normal;
}
.iconfont5 {
	font-family:"iconfont";
	font-size:1.9em;
	margin-left: -1.05em;
	margin-top: -0.2em;
	display:block;
	color: #F00;
	font-style:normal;
}
.iconfontdb {
	font-family:"iconfont";
	font-size:2.5em;
	display:block;
	padding-left:0;
	font-style:normal;
	color:#FFF;
	width: auto;
height: .5rem;
	float: left;
}
.iconfontdb233 {
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);/*IE*/
	filter:FlipH;
	padding-right:0.12rem;
}
.dianzixunbox {
	background-image:-webkit-gradient(linear, left top, left bottom, from(#e60012), to(#e60012));
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-name:breathe;
	-webkit-animation-duration:2700ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
}
 @-webkit-keyframes breathe {
 0% {
box-shadow:0 1px 2px rgba(251, 65, 65, 1);
}
 100% {
opacity: 1;
background:#0c97ee;
}
}
.iconfontdb3 {
	font-family:"iconfont";
	font-size:1.8em;
	display:block;
	font-style:normal;
	color:#FFF;
padding-left: .08rem;
	padding-top: 0.001em;
	width: auto;
height: .5rem;
	float: left;
}
/*小图标 a*/

/*标题 */

.con_title {
	padding: 12px 10px 12px 10px;
	line-height: 0.5rem;
	background: #fff;
	border-bottom: 1px solid #e1e1e1;
	overflow:hidden;
}
.con_title span {
	float: left;
	font-size:1.4em;
	color: #333;
	display: block;
}
.con_title span em {
	background-size: 100% auto;
width:.06rem;
height:.46rem;
	float: left;
	margin-right: 0.1rem;
	margin-top: 0.03rem;
}
.con_title span em.modular1 {
	background:#0c97ee;
}
.con_title span em.modular2 {
	background:#00a3b7;
}
.con_title span em.modular3 {
	background:#00a3b7;
}
.con_title span em.modular4 {
	background: #6cc8c7;
}
.con_title span em.modular5 {
	background: #62a8ea;
}
.con_title span em.modular6 {
	background: #ff6a6a;
}
.con_title span em.modular7 {
	background:#00a3b7;
}
.con_title a {
	float: right;
	color: #818181;
	font-size: 0.24rem
}
.con_title a.phone {
	border-radius: 100px;
	float: right;
padding:0.02rem .1rem;
	color:#e37510
}
.con_title a.phone img {
	background:url(../images/dh.gif) no-repeat;
	background-size: 100% auto;
width:.42rem;
height:.36rem;
}
.con_title a.online {
	border-radius: 100px;
	float: right;
padding:0.02rem .1rem;
	color:#E37510
}
.con_title a.online img {
	background:url(../images/online.gif) no-repeat;
	background-size: 100% auto;
width:.42rem;
height:.36rem;
}
.con_title a.phone .iconfontdh {
	background:url(../images/dh.gif) no-repeat;
	background-size: 100% auto;
width:.42rem;
height:.36rem;
}
.con_title a.online {
	border-radius: 100px;
	float: right;
padding:0.02rem .1rem;
	color:#E37510
}
.con_title a.online .iconfontdh {
	background:url(../images/online.gif) no-repeat;
	background-size: 100% auto;
width:.42rem;
height:.36rem;
}
.con_title span.online {
	border-radius: 100px;
	float: right;
padding:0.02rem .1rem;
	color:#E37510;
}
/*报名*/

.container {
	margin-top: 5px;
	background:#FFF;
	padding-bottom:0.01em;
	min-width: 320px;
	max-width: 640px;
	margin: 0 auto;
}
.bmbtn {
	background: #0c97ee;
	border-radius: 4px;
	margin: 16px auto 0 auto;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
height:.7rem;
 line-height:.7rem;
	text-align: center;
	width:92%;
*width:98%;
font-size:.35rem;
}
#baoming {
padding:0 .2rem .2rem .2rem;
	background-color: #FFF;
	float: left
}
#baoming ul li {
	width: 100%;
	float: left;
line-height:.7rem;
margin-top:.2rem
}
.name {
	width: 15%;
	text-align: right;
	float: left;
	color: #646464
}
#baoming #user_name, #baoming #shouji, #main #user_email, #baoming #hukou, #baoming #zy, #baoming #email, #baoming #qq {
	width: 100%;
height:.7rem;
	text-indent: 5px;
	border: 1px solid #dcdcdc;
	outline: none;
	color: #666;
}
.sex {
	margin-right: 15px
}
.baomingb {
	width:100%;
	height:2.2em;
	margin-top:2.6%;
	font-size:1.2em;
	line-height:2.2em;
}
.baomwzk {
	width:30%;
	height:2.3em;
	float:left;
	margin-left:2%;
	border-radius:3px;
	text-align:center;
	border: 1px solid #CCC;
}
.baomwzkr {
	width:63%;
	color:#9F9F9F;
	padding-left:2%;
	height:2.3em;
	float:left;
	margin-left:1%;
	border-radius:3px;
	background:#fff;
	border:1px solid #CCC;
}
.baomwzkr .email {
	padding-top:05em;
}
.ywbyh {
	width:95%;
	height:2.7em;
	background:#eeeeee;
	font-size:1.1em;
	color:#F00;
	line-height:2.7em;
	text-align:center;
	margin: 0 auto;
	border-radius: 3px;
}
/*底部 a*/

.footer {
    text-align: center;
    font-size: 1.1em;
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    background: #FFF;
    clear: both;
    height: 10em;
    margin-bottom: 1em;
    padding-top: 10px;
}
.di { width:100%; max-width:640px; margin:0 auto; margin-bottom: 5em; padding-bottom: 5em;}
.di img { width:100%;}
.footer p {
	color: #888;
}
.footer p a {
	color: #666;
}
.bottom_adr {
background:url(../images/bottom_adr.gif)left .35rem;
	background-size: 100% auto;
width:.35rem;
height:.35rem;
	display: inline-block;
	color: #ee7800
}
.bottom_qq {
	background-size: 100% auto;
width:.35rem;
height:.35rem;
	display: inline-block;
	color: #ee7800
}
/*底部 e*/

/*底部悬浮框 A */

.com-client {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 800;
	background:#f3f5f4;
	font-size:1.2em;
}
.com-client span {
	display: block;
}
.com-client .dianzx {
	width:96%;
	height:3em;
	border-radius:3px;
	margin:1.5% auto;
	text-align:center;
	padding-right:3%;
	line-height:3em;
	color:#FFF;
	background:#0c97ee;
	font-size:0.9em;
}
.com-client .dianzxs {
	width:96%;
	height:3em;
	border-radius:3px;
	margin:1.5% auto;
	line-height:3em;
	text-align:center;
	color:#FFF;
	background:#0c97ee;
	background-image:url(../images/zxzxd.png);
	background-repeat:no-repeat;
background-size:.57rem .57rem;
background-position:.12rem .07rem;
}
.com-client sapn {
	margin-left:2.6em;
}
.com-client .dianyybm {
	width:2.3em;
	height:1.3em;
	background: #F00;
	margin-top:-1.6em;
	margin-left:1.2em;
	display:block;
	z-index:801;
	line-height:0.8em;
	font-size:0.8em;
	padding:0.25em 0.2em 0.1em 0.1em;
	border-radius:8px;
	margin-top:-4.3em;
}
.com-client .dianzzx {
	width:96%;
	height:3em;
	border-radius:3px;
	margin:1.5% auto;
	text-align:center;
	line-height:3em;
	color:#FFF;
	background:#0c97ee;
	padding-right: 3%;
}
.user-info {
	width: 100%;
	float: left
}
.user-info li {
	width:33%;
	text-align: center;
	float: left;
	display: inline;
	padding:0.3em 0;
	box-sizing: border-box
}
.user-info li img {
	padding-left:0.5em;
	width: auto;
height:.5rem;
	float:left;
margin-top:.07rem;
}
/*底部悬浮框 E */

/*底部悬浮框 E */

.yaoyiyao {
	bottom:50px;
	height: 63px;
	width: 100%;
	min-width:188px;
	max-width: 730px;
	margin: 0 auto;
	position: fixed;
	z-index: 1000;
	text-align: center;
	margin-top: 10em;
}
.yaoyiyao img {
	width:auto;
	height:56px;
}
/*手机漂浮框*/

.c {
	text-align: center;
}
#view-3d {
	display:none;
	width: 275px;
	height: 200px;
	position: fixed;
	z-index: 999999;
	margin-left: -137.5px;
	left: 50%;
	top: 50%;
	margin-top: -140px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	perspective: 500px;
	webkit-transform: translateZ(2000px);
	-moz-transform: translateZ(2000px);
	transform: translateZ(2000px);
}
#view-3d * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.xdfcenterbox {
	width: 275px;
	height: 200px;
	opacity: 0;
	background-color: #fff;
	position: absolute;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 20px rgba(10, 2, 4, .75);
	-moz-box-shadow: 0 0 20px rgba(10, 2, 4, .75);
	-ms-box-shadow: 0 0 20px rgba(10, 2, 4, .75);
	box-shadow: 0 0 20px rgba(10, 2, 4, .75);
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: translateZ(999px);
	-moz-transform: translateZ(999px);
	transform: translateZ(999px);
}
.CenterBoxShow {
	animation: cshow 2s forwards linear;
	-webkit-animation: cshow 2s forwards linear;
	-moz-animation: cshow 2s forwards linear
}
.kstf {
	overflow: hidden;
	margin: 0 auto;
}
 @keyframes cshow {
 0% {
 -webkit-transform: rotateX(80deg);
 -moz-transform: rotateX(80deg);
 transform: rotateX(80deg);
}
 20% {
 opacity: 1
}
 70% {
 -webkit-transform: rotateX(-30deg);
 -moz-transform: rotateX(-30deg);
 transform: rotateX(-30deg);
 opacity: 1
}
 100% {
 -webkit-transform: rotateX(0);
 -moz-transform: rotateX(0);
 transform: rotateX(0);
 opacity: 1
}
}
 @-moz-keyframes cshow {
 0% {
 -webkit-transform: rotateX(80deg);
 -moz-transform: rotateX(80deg);
transform: rotateX(80deg);
}
 20% {
 opacity: 1
}
 70% {
 -webkit-transform: rotateX(-30deg);
 -moz-transform: rotateX(-30deg);
 transform: rotateX(-30deg);
opacity: 1;
}
 100% {
 -webkit-transform: rotateX(0);
 -moz-transform: rotateX(0);
transform: rotateX(0);
 opacity: 1
}
}
 @-webkit-keyframes cshow {
 0% {
 -webkit-transform: rotateX(80deg);
 -moz-transform: rotateX(80deg);
transform: rotateX(80deg);
}
 20% {
 opacity: 1
}
 70% {
 -webkit-transform: rotateX(-30deg);
 -moz-transform: rotateX(-30deg);
transform: rotateX(-30deg);
 opacity: 1
}
 100% {
 -webkit-transform: rotateX(0);
 -moz-transform: rotateX(0);
transform: rotateX(0);
 opacity: 1
}
}
.xdfcenterbox-close {
	cursor: pointer;
	position: absolute;
	top: -14px;
	right: -14px
}
.xdfcenterbox .xdfcenter-title {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.5;
	font-family: "Microsoft YaHei";
	margin-top:12px
}
.xdfcenterbox .xdfcenter-ftitle {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 200
}
.xdfcenterbox .xdfcenter-telval {
	width:240px;
	height: 32px;
	border: 1px solid #6a7380;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	margin: 15px auto 8px
}
.xdfcenterbox .xdf-telval {
	width:225px;
	height: 30px;
	line-height: 30px;
	background-color: #FFF;
	font-size: 14px;
	color: #6a7380;
	-moz-border-radius: 15px 0 0 15px;
	-webkit-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;
	padding-left: 13px;
	float: left;
	outline: 0;
	border: 0
}
.xdfcenterbox .xdf-telbtn {
	width: 58px;
	height: 32px;
	line-height: 30px;
	color: #fff;
	background-color: #6a7380;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 0 14px 14px 0;
	-webkit-border-radius: 0 14px 14px 0;
	border-radius: 0 14px 14px 0;
	float: left;
	border: 0;
	cursor: pointer;
}
.xdfcenterbox .xdf-innerc {
	width: 228px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 1.4
}
.xdfcenterbox .xdfcenter-chat {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 48px;
	line-height: 58px;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
}
.xdfcenter-swt, .xdfcenter-tel {
	display: block;
	position: relative;
	width: 50%;
	height: 48px;
	float: left;
	cursor: pointer;
	font-size:18px;
}
.xdfcenter-tel {
	color:#fff;
	background-color: #26c540;
	display: block;
	-webkit-border-radius: 0 0 0 15px;
	-moz-border-radius: 0 0 0 15px;
	border-radius: 0 0 0 15px;
}
.xdfcenter-swt {
	background-color: #ff6005;
	-webkit-border-radius: 0 0 15px 0;
	-moz-border-radius: 0 0 15px 0;
	border-radius: 0 0 15px 0;
}
.xdfcenter-tel em, .xdfcenter-swt em {
	line-height: 48px;
	display: block;
	position: absolute;
	left: 50%;
	color: #fff;
	font-style: normal;
	text-decoration: none
}
.xdfcenter-tel i, .xdfcenter-swt i {
	display: block;
	position: absolute;
	left: 10px;
	top:0;
	color: #fff;
	font-size: 0.5rem;
	overflow: hidden;
	height: 48px;
	line-height: 48px;
	font-style: normal;
	text-decoration: none
}
.xdf-telpic {
	top: 50%;
	margin-left: -50px;
	margin-top: -13px;
	width: 27px;
	height: 27px;
	background: url(../images/footer-tel.png) no-repeat;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}
.xdfcenter-tel em {
	height: 100%;
	top: 0;
	margin-left: -32px;
	font-size: 16px
}
.xdfcenter-chata, .xdfcenter-chatb {
	display: block;
	position: absolute;
	left: 50%;
	color: #fff;
	font-style: normal;
	text-decoration: none
}
.xdfcenter-nub {
	top: 15px;
	width: 14px;
	height: 14px;
	margin-left: -34px;
	line-height: 13px;
	text-align: center;
	font-size: 9px;
	background-color: #e60012;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .8);
	box-shadow: 0 0 3px rgba(0, 0, 0, .8);
	z-index: 3;
	font-style: normal
}
.xdfcenter-chata {
	top: 50%;
	margin-left: -50px;
	width: 27px;
	height: 24px;
	margin-top: -12px;
	background: url(../images/footer-chat.png) no-repeat;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}
.xdfcenter-chatb {
	height: 100%;
	top: 0;
	margin-left: -32px;
	font-size: 16px
}
.menushow-top {
	display:block;
	position:fixed;
	-moz-transform:translate3d(0, -50%, 0);
	-webkit-transform:translate3d(0, -50%, 0);
	transform:translate3d(0, -50%, 0);
	bottom:18%;
	right:0;
	background:#eee;
	z-index:999;
}
.menushow-top>div {
	display:block;
 padding:.7rem;
	margin:0;
}
 .menushow-top>:nth-child(1) {
 background:#ff4837;
}
 .menushow-top>:nth-child(1) span {
 color:#fff;
}
.menushow-top>div>span {
	display:inline;
	font-size:1.6rem;
	line-height:1;
	margin:0;
}
#LRfloater3 {
	display: none;
}
/*首页测试报名banner*/

.csbmgif img {
	width:100%;
	max-width:640px;
	height:auto;
	display:block;
	margin:0 auto;
}
.innum {
	width:1.5em;
	height:1.5em;
	border-radius:1.5em;
	background-color:#fff;
	position:absolute;
	top:0.2em;
	right:0.2em;
	line-height:1.5em;
	text-align:center;
	color:#ff0000;
	font-size:0.8em;
}
.formbox {
	background:#ffc45c;
	padding:1.2em 0 0 0;
}
.formboxt1 {
	font-size:1.5em;
	font-weight:bold;
	color:#353535;
	text-align:center;
}
.formboxt2 {
	font-size:1.2em;
	color:#003e7b;
	text-align:center;
}
.formbox3 {
	width:90%;
	height:auto;
	margin:0 auto;
}
.formbox3 .forminput {
	width:100%;
	height:3em;
	line-height:3em;
	margin-bottom:1em;
	border:1px solid #000;
}
.formbox3 .forminput p {
	width:27%;
	float:left;
	font-size:1.3em;
	color:#000;
	text-align:center;
}
.formbox3 .forminput p i {
	margin-right:2em;
}
.formbox3 .forminput input {
	width:72%;
	height:100%;
	color:#fff;
	border:0 none;
	float:right;
	font-size:1.2em;
	outline:none;
	font-family:'微软雅黑';
	text-indent:1em;
}
.formbox3 .forminput select {
	width:72%;
	height:100%;
	color:#fff;
	border:0 none;
	float:right;
	font-size:1.2em;
	outline:none;
	font-family:'微软雅黑';
	text-indent:1em;
}
.formbox3 .forminput option {
	width:72%;
	height:100%;
	color:#000;
	border:0 none;
	float:right;
	font-size:1.2em;
	outline:none;
	font-family:'微软雅黑';
	text-indent:1em;
}
.formbox3 .bmbtn22 {
	width:50%;
	height:2em;
	line-height:2em;
	color:#fff;
	text-align:center;
	border:0 none;
	border-radius:0.5em;
	background:#f70930;
	font-size:1.5em;
	outline:none;
	margin:0 auto;
	display:block;
	cursor:pointer;
	font-family:'微软雅黑';
}
.zxbox a {
	width: 80%;
	height: 2em;
	line-height: 2em;
	text-align: center;
	background: #f00;
	font-size: 1.3em;
	color: #fff;
	display: block;
	margin: 0 auto;
	border-radius: 0.3em;
}
.sp_con {
	color: #f00;
}
/* 表单*/
.sdxhmo_btm_form {
	width:96%;
	background:#FFF;
	margin:3% auto;
	border:1px solid #E1E1E1;
	font-size:18px;
	padding:1% 0;
	text-align:center
}
.sdxhmo_btm_form div {
	border-left:.5em solid #018bd1;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
	padding:0 2%
}
.sdxhmo_btm_form p {
	margin:0.8em 0 0;
	font-size:1.3em
}
.sdxhmo_btm_form p span {
	color:#f60a31
}
.sdxhmo_btm_form a {
	color:#333;
	text-decoration:none
}
.sdxhmo_btm_form .sdxhmo_btm_form_title {
	font-size:1.2em;
	line-height:1.6em
}
.sdxhmo_btm_form input, .sdxhmo_btm_form select {
	width:94%;
	padding-left:1em;
	border:1px solid #ccc;
	border-radius:3px;
	line-height:2.5em;
	color:#888;
	margin:1em auto;
	text-indent:0;
	display:block;
	height:2.5em;
	box-sizing:border-box
}
.sdxhmo_btm_form select {
	display:none
}
.sdxhmo_btm_form [type="submit"] {
	width:12em;
	height:auto;
	background:#3496E1;
	color:#FFF;
	cursor:pointer;
	font-size:1.2em;
	line-height:2em;
	border:0;
	padding:0;
}
@media screen and (max-width:452px)and (min-width:360px) {
.sdxhmo_btm_form {
font-size:14px
}
}
@media screen and (max-width:359px)and (min-width:320px) {
.sdxhmo_btm_form {
font-size:12px
}
}
.sdxhmo_btm_declare {
	margin:3% auto;
	width:96%;
	color:#3f4041;
	font-size:18px;
	text-align:center
}
.sdxhmo_btm_declare ul {
	width:22em;
	padding:0;
	margin:0 auto;
	display:flex;
	justify-content:space-between
}
.sdxhmo_btm_declare li {
	list-style:none
}
.sdxhmo_btm_declare a {
	text-decoration:none;
	color:inherit;
	line-height:1.6em;
}
.sdxhmo_btm_declare p {
	font-size:1em;
	line-height:1.6em;
	margin:0.25em 0 0
}
.sdxhmo_btm_declare img {
	display:inline-block;
	vertical-align:middle;
}
.sdxhmo_btm_declare .sdxhmo_btm_red {
	color:#f60420
}
@media screen and (max-width:359px)and (min-width:320px) {
.sdxhmo_btm_declare {
font-size:12px
}
}
@media screen and (max-width:452px)and (min-width:360px) {
.sdxhmo_btm_declare {
font-size:14px
}
}
.csbmgif img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.rownav {
	margin: auto;
	display:flex;
	background-color: #F1F1F1;
	width:100%;
	max-width:640px;
}
.nav2 {
	width:100%;
	padding: 0;
	margin: auto;
}
.zxtop {
	height:50px;
	width: 20%;
	text-align: center;
	line-height:50px
}
/*.zxtop:nth-child(1) a {color: #E60012;border-bottom: 2px solid #E60012;}*/
.zxtop a {
	color: #444;
	font-size: 18px;
	display: inline-block;
}
.xzhb {
	position:  fixed;
	left:  0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index:9999;
}
.xzhb_box {
	width:  100%;
	background: rgba(0, 0, 0, 0.6);
	position:  relative;
	height: 100%;
	padding-top: 100px;
}
.xzhb_bg {
	width: 80%;
	position:  relative;
	margin: 0 auto;
}
.xzhb_img {
}
.xzhb_img img {
	width: 100%;
}
.xzhb_form {
	position:  absolute;
	bottom: 8%;
	left: 7%;
	width: 100%;
}
.xzhb_form form {
	width: 100%;
}
.input_dhb {
}
.input_dhb dd input {
	border: 1px solid #fff;
	background: #f0f0f0;
	border-radius: 6px;
	height: 35px;
	width: 86%;
	line-height: 35px;
	text-indent: 16px;
	letter-spacing:  1px;
	font-size: 14px;
	color: #333;
}
.form_hb p {
	font-size: 12px;
	letter-spacing:  1px;
	color: #3c3c3c;
	margin: 12px 0 20px;
}
.hbtab_sub {
}
.hbtab_sub a {
}
.hbtab_sub a img {
	width: 86%;
}
.hbgb {
	cursor: pointer;
	position:  absolute;
	bottom: -40px;
	width: 45px;
	left:  50%;
	transform: translateX(-50%);
}
.hbgb img {
	width: 100%;
}
@-webkit-keyframes swing {
 10% {
 transform: rotate(10deg);
}
 20% {
 transform: rotate(-10deg);
}
 30% {
 transform: rotate(5deg);
}
 40% {
 transform: rotate(-5deg);
}
 50%, 100% {
 transform: rotate(0deg);
}
}
@-moz-keyframes swing {
 10% {
 transform: rotate(10deg);
}
 20% {
 transform: rotate(-10deg);
}
 30% {
 transform: rotate(5deg);
}
 40% {
 transform: rotate(-5deg);
}
 50%, 100% {
 transform: rotate(0deg);
}
}
@-o-keyframes swing {
 10% {
 transform: rotate(10deg);
}
 20% {
 transform: rotate(-10deg);
}
 30% {
 transform: rotate(5deg);
}
 40% {
 transform: rotate(-5deg);
}
 50%, 100% {
 transform: rotate(0deg);
}
}
@keyframes swing {
 10% {
 transform: rotate(10deg);
}
 20% {
 transform: rotate(-10deg);
}
 30% {
 transform: rotate(5deg);
}
 40% {
 transform: rotate(-5deg);
}
 50%, 100% {
 transform: rotate(0deg);
}
}
.hb_icon {
	position:  fixed;
	width: 60px;
	right:  0;
	top: 55%;
	z-index:9999;
	-webkit-transform-origin: bottom center;
	-moz-transform-origin: bottom center;
	-o-transform-origin: bottom center;
	transform-origin: bottom center;
	animation: swing 1.5s linear infinite;
	-moz-animation: swing 1.5s linear infinite; /* Firefox */
	-webkit-animation: swing 1.5s linear infinite; /* Safari and Chrome */
	-o-animation: swing 1.5s linear infinite; /* Opera */
}
.hb_icon img {
	width: 100%;
}
.hb_icon:hover {
}
.hbsubmit {
	border: 1px solid #fff;
	background:#fff301;
	border-radius: 6px;
	height: 35px;
	width: 86%;
	line-height: 35px;
	text-indent: 16px;
	letter-spacing: 1px;
	font-size: 14px;
	color: #333;
	border:0;
}
