/* 整体样式 */
*{ padding:0px; margin:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1508204492118'); /* IE9*/
  src: url('../font/iconfont.eot?t=1508204492118#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1508204492118') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1508204492118') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1508204492118#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconhome-dh{ font-size:20px; color:#e57f21;}
.iconhome-kf{ font-size:20px; color:#c00;}
.icon{ font-size:2rem; color:#e57f21;}
.icon-qq:before { content: "\e616"; font-size:1.3rem;}
.fhicon{ font-size:26px; color:#fff;}
.icon-top{ font-size:20px; color:#fff;}

.wrap{ width:100%; max-width:640px; margin:0 auto;}
.contitle{ background:#fff; border-bottom:1px solid #e1e1e1; padding:10px 10px 12px 10px; overflow:hidden; zoom:1; position:relative;}
.contitle .title{ float:left; overflow:hidden; zoom:1;}
.contitle .title em{ display:block; float:left; width:4px; height:25px; margin-top:2px;}
.contitle .title .bt{ display:block; float:left; padding-left:8px;}
.contitle .title h2{ font-weight:normal; font-size:20px; }
.contitle .title .mod1{ background:#fa7a49;}
.contitle .title .mod2{ background:#f6b62d;}
.contitle .title .mod3{ background:#a3cb5c;}
.contitle .consult{ float:right; padding:5px 0 0 0; position:absolute; right:10px;}
.contitle .consult a{ font-size:16px; padding:4px 5px 4px 5px; border-radius:100px; webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; border:1px solid #e57f21; text-align:center; color:#e57f21;}
.contitle .consult .ys{ border:1px solid #c00; color:#c00;}
.crumb{ padding:10px 10px 0 10px; background:#fff;}

/* 头部样式 */
header .column{ background:#ec7a00; padding:10px; overflow:hidden; zoom:1;}
header .column .reticon{ display:block; float:left;}
header .column .title{ display:block; float:left; text-align:center; height:30px; line-height:30px; width:80%;}
header .column .title h1{ font-size:20px; color:#fff; font-weight:normal;}
header .column .menuicon{ display:block; float:right;}
header menu{ padding:10px 0 10px 0;}
header menu ul{ overflow:hidden; zoom:1;}
header menu ul li{ float:left; display:inline; width:25%; padding:10px 0 10px 0; text-align:center; background:#fc9820; border-left:1px solid #fff;}
header menu ul li:first-child{ border-left: medium none;}
header menu ul li a{ font-size:16px; color:#fff;}

/* 预约报名样式 */
.baoming{ padding-top:10px;}
.baoming .form{ background:#fff; padding-bottom:10px;}
.baoming .pbom{ padding-bottom:0px;}
.baoming .form ul li{ padding:12px 15px 0 15px;}
.baoming .form ul li .ipt,.baoming .form ul li .sel{ width:100%; height:42px; line-height:42px; outline: medium none; border:1px solid #dcdcdc; font-size:16px; padding-left:42px; color:#989898;}
.baoming .form ul li .pl{ padding-left:40px;}
.baoming .form ul li .bmbtn{ width:100%; height:40px; line-height:40px; background: #ec7a00; border-radius:5px; webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border: 1px solid #e77800; box-shadow: 0 1px 0 #f8ab45 inset; cursor: pointer; display: block; font-size:22px; font-weight:bold; text-align: center; color:#fff;}
.baoming .form ul li .usericon{ background:url(http://m.xdfpr.com/templets/xdftpl/images/user_icon.png) no-repeat 10px center; background-size:8%;}
.baoming .form ul li .telicon{ background:url(http://m.xdfpr.com/templets/xdftpl/images/tel_icon.png) no-repeat 10px center; background-size:8%;}
.baoming .form ul li .qqicon{ background:url(http://m.xdfpr.com/templets/xdftpl/images/qq_icon.png) no-repeat 10px center; background-size:8%;}
.baoming .form ul li .zyicon{ background:url(http://m.xdfpr.com/templets/xdftpl/images/zy_icon.png) no-repeat 10px center; background-size:8%;}
@media only screen and (min-width:720px) {
    .baoming .form ul li .usericon,.baoming .form ul li .telicon,.baoming .form ul li .qqicon,.baoming .form ul li .zyicon{ background-size:35px 35px;}
}

/* 底部样式 */
footer{ background:#ec7a00; margin:10px 0 95px 0;}
footer .dbnav{ text-align:center; color:#fff; padding-top:20px;}
footer .dbnav a{ font-size:16px; color:#fff;}
footer .other{ text-align:center; padding-bottom:20px;}
footer .other p{ font-size:16px; color:#fff; padding-top:10px;} 
footer .other a{ color:#fff;}

/* 底部导航样式 */
.footMenu { background: #fff ; bottom: 0; height:70px; margin: 0 auto; max-width: 640px; position: fixed; width: 100%; z-index: 999;}
.footMenu ul li { float: left; display:inline; width: 17%;}
.footMenu ul li a { display: block; height:55px; font-size:16px; padding-top:5px;}
.footMenu ul li a dt { margin: 0 auto; text-align: center;}
.footMenu ul li a dt img { display: block; margin: 0 auto;}
.footMenu ul li a dd { color: #ee7800; font-size:16px; height:20px; line-height:20px; text-align: center;}
.footMenu ul li:nth-child(3) a dd { margin-top:5px;}
.footMenu ul li.footMenu_m { height:60px; position: relative; width: 32%;}
.footMenu ul li.footMenu_m a { background: rgba(0, 0, 0, 0) url("http://m.xdfpr.com/templets/xdftpl/images/footbg.png") no-repeat center 0 / auto 100%; height:55px; left: 0; padding-top:10px;
 position: absolute; top: -10px; width: 100%;}
.footMenu ul li .num{ display:block; width:20px; height:20px; line-height:20px; position:absolute; background:url(http://m.xdfpr.com/templets/xdftpl/images/random.gif) no-repeat; right:28%; font-size:14px; text-align:center; color:#fff;}

/* 弹窗样式 */
#view-3d {
    width: 275px;
    height: 261px;
    position: fixed;
    z-index: 999999;
    margin-left: -137.5px;
    margin-top: -130px;
    left: 50%;
    top: 50%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective: 500px;
    transform: translateZ(2000px);
    -webkit-transform: translateZ(2000px);
    -moz-transform: translateZ(2000px);
}
	.xdfcenterbox {
	width: 275px;
	height: 261px;
	opacity: 0;
	background-color: #fff;
	position: absolute;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 0 20px rgba(10,2,4,.75);
	-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);
	transform-origin: center top;
	-webkit-transform-origin: center top;
	-moz-transform-origin: center top;
	transform: translateZ(999px);
	-webkit-transform: translateZ(999px);
	-moz-transform: translateZ(999px)
}

.CenterBoxShow {
	animation: cshow 2s forwards linear;
	-webkit-animation: cshow 2s forwards linear;
	-moz-animation: cshow 2s forwards linear
}

@keyframes cshow {
	0% {
		transform: rotateX(80deg);
		-webkit-transform: rotateX(80deg);
		-moz-transform: rotateX(80deg)
	}

	20% {
		opacity: 1
	}

	70% {
		transform: rotateX(-30deg);
		-webkit-transform: rotateX(-30deg);
		-moz-transform: rotateX(-30deg);
		opacity: 1
	}

	100% {
		transform: rotateX(0);
		-webkit-transform: rotateX(0);
		-moz-transform: rotateX(0);
		opacity: 1
	}
}

@-moz-keyframes cshow {
	0% {
		transform: rotateX(80deg);
		-webkit-transform: rotateX(80deg);
		-moz-transform: rotateX(80deg)
	}

	20% {
		opacity: 1
	}

	70% {
		transform: rotateX(-30deg);
		-webkit-transform: rotateX(-30deg);
		-moz-transform: rotateX(-30deg);
		opacity: 1
	}

	100% {
		transform: rotateX(0);
		-webkit-transform: rotateX(0);
		-moz-transform: rotateX(0);
		opacity: 1
	}
}

@-webkit-keyframes cshow {
	0% {
		transform: rotateX(80deg);
		-webkit-transform: rotateX(80deg);
		-moz-transform: rotateX(80deg)
	}

	20% {
		opacity: 1
	}

	70% {
		transform: rotateX(-30deg);
		-webkit-transform: rotateX(-30deg);
		-moz-transform: rotateX(-30deg);
		opacity: 1
	}

	100% {
		transform: rotateX(0);
		-webkit-transform: rotateX(0);
		-moz-transform: rotateX(0);
		opacity: 1
	}
}

.xdfcenterbox-close {
	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: 28px
}

.xdfcenterbox .xdfcenter-ftitle {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	font-weight: 200
}

.xdfcenterbox .xdfcenter-telval {
	width: 227px;
	height: 33px;
	border: 1px solid #6a7380;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	margin: 20px auto 8px
}

.xdfcenterbox .xdf-telval {
	width:156px;
	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;
	margin-left:11px;
}

.xdfcenterbox .xdf-telval {
    background-color: #fff;
    border: 0 none;
    border-radius: 15px 0 0 15px;
    color: #6a7380;
    float: left;
    font-size: 14px;
    height: 31px;
    line-height: 31px;
    outline: 0 none;
    padding-left: 13px;
    width: 156px;
}

.xdfcenterbox .xdf-innerc {
	width: 230px;
	margin: 0 auto;
	font-size:12px;
	line-height:18px;
}

.xdfcenterbox .xdfcenter-chat {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 58px;
	line-height: 58px;
	border-radius: 0 0 15px 15px;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px
}

.xdfcenter-swt,.xdfcenter-tel {
	display: block;
	position: relative;
	width: 50%;
	height: 58px;
	float: left
}

.xdfcenter-tel {
	background-color: #26c540;
	border-radius: 0 0 0 15px;
	-webkit-border-radius: 0 0 0 15px;
	-moz-border-radius: 0 0 0 15px
}

.xdfcenter-swt {
	background-color: #ff6005;
	border-radius: 0 0 15px 0;
	-webkit-border-radius: 0 0 15px 0;
	-moz-border-radius: 0 0 15px 0
}

.xdfcenter-tel em,.xdfcenter-tel i {
	display: block;
	position: absolute;
	left: 50%;
	color: #fff;
	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: -16px;
	font-size: 16px
}
.xdfcenter-chata,.xdfcenter-chatb,.xdfcenter-swt em,.xdfcenter-swt i {
	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%;
	position:relative;
	margin-left: -50px;
	width: 27px;
	height: 24px;
	margin-top: -12px;
	background: url(http://m.xdfpr.com/templets/xdftpl/images/footer-chat.gif) no-repeat;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%
}

.xdfcenter-chata .sz{ display:block; position:absolute; top:-22px; right:5px; font-size:12px; color:#fff;}

.xdfcenter-chatb {
	height: 100%;
	top: 0;
	margin-left: -16px;
	font-size: 16px
}

/* 微信样式 */
.topTips {height:0px;overflow:hidden; font-size:0.9em;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: fixed; left:0; top: 0; width: 100%; z-index: 100;-webkit-perspective: 600px; perspective: 600px; z-index:999999;}
.tipsInner {font-family: "Microsoft YaHei"; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);/* background: #fff;-webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; -webkit-transform: rotateX(90deg); transform: rotateX(90deg);*/ opacity: 1; }
.tipsInner a { height:60px;text-decoration:none;display: block; position: relative; padding-left: 50px; color: #FFFFFF; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;background-color:black;}
.tipsInner img { position: absolute; left: 8px; top: 50%; margin-top: -18px; width: 38px; height: auto; margin-right: 5px; border-radius: .3125em;opacity: 1}
.tipsInner dl {height: 40px; margin:0; padding:8px 5px;  text-align:left;}
 .tipsInner dt { font-weight: bold;line-height:2.1em; }
.tipsInner dd { margin:0; line-height: 1.2em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:1.2rem;}
.showTip { height:60px; }
.showTip .tipsInner { opacity: 1; }
.hideTip { height:0px; }
.hideTip .tipsInner { opacity: 0; }

/* 回到顶部样式 */
.backtop { background:#555; display:none; border-radius: 50%; bottom: 45px; height: 50px; opacity: 0.9; position: fixed; right: 6px; text-align: center; width: 50px; z-index: 1001; bottom:7rem; padding-top:10px;
}
.backtop .icon-backtop { display: inline-block; margin:10px auto; cursor:pointer;}
.backtop .icontop{ display:block;}
.backtop img{ width:60%; display:initial;}