*{ padding:0px; margin:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none;}
input.hidefocus::-moz-focus-inner {border:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input[type="text"],input[type="password"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup,b{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
legend{color:#5A5A5A;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
i,em{font-style:normal}
small{font-size:12px;display: block;}
body{ color:#333; background:#dcdcdc; font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;}
a{ color:#333; text-decoration:none}
a:hover{  text-decoration:none}
img{ vertical-align:bottom;}
.clear {clear:both;}
.clear_fix {zoom:1;}
.clear_fix:after {display:block;clear:both;content:".";visibility:hidden;height:0;font-size:0;}
.left{ float: left; }
.right{ float: right; }
.mr{
    margin: 0 1rem;
}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1514273852833'); /* IE9*/
  src: url('../font/iconfont.eot?t=1514273852833#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff?t=1514273852833') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf?t=1514273852833') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg?t=1514273852833#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-tel{ font-size:2.5rem; color:#2e2826;}
.iconhome-menu{ font-size:2.2rem; color:#2e2826;}
.iconhome-dh{ font-size:1.4rem; color:#e57f21;}
.iconhome-kf{ font-size:1.4rem; color:#c00;}
.icon{ font-size:2rem; color:#e57f21;}
.icon-qq:before { content: "\e616"; font-size:1.3rem;}
.icon-icon-site:before { content: "\e600"; }
.icon-luxian:before { content: "\e611"; }
.icon-baoming:before { content: "\e751"; }
.icon-zixun1:before { content: "\e62f"; }
.icon-touzizixun:before { content: "\e671"; }
.icon-laixiaoluxian:before { content: "\e608"; }
.icon-wentizixun-copy:before { content: "\e65f"; }
.icon-zixun2:before { content: "\e627";}
.icon-zixun:before { content: "\e62e"; }
.icon-zixun-:before { content: "\e625";}
.fhicon{ font-size:2rem; color:#fff;}
.icon-heart:before { content: "\e62b"; font-size:1.5rem;}
.icon-chakan:before { content: "\e601"; font-size:1.1rem;}
.icon-chakan-copy:before { content: "\e645"; font-size:1.2rem;}
.icon-backtop:before { height: 30px; width: 30px;}
.icon-top:before { background: rgba(0, 0, 0, 0) url("../images/top.png") no-repeat scroll 0 0 / 30px 30px; content: ""; display: inline-block;
vertical-align: top;}
@media only screen and (min-width: 240px) {
    html {
        font-size:75%;
    }
}
@media only screen and (min-width: 320px) {
    html {
        font-size:75%
    }
}
@media only screen and (min-width: 360px) {
    html {
        font-size: 84.375%
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size: 112.5%;
}
}
@media only screen and (min-width: 640px) {
    html {
        font-size:130%;
    }
}
@media only screen and (min-width: 720px) {
    html {
        font-size:140%;
    }
}
.ptys{ padding-top:5.5rem;}
.ptys2{ padding-top:4.9rem;}
/* 头部导航样式 */
.tnav{ background:#2e2826; padding:1.2rem 15px; overflow:hidden; zoom:1; max-width:640px; position: fixed; top: 0; width:100%;
z-index:999;}
.tnav .tnlf{ float:left; width:30%;}
.tnav .tnlf a{ display:block; background:#f47820; text-align:center; height:2.5rem; line-height:2.5rem; color:#fff; font-size:1.2rem;}
.tnav .tnrt{ float:right; width:66%; height:2.5rem; line-height:2.5rem; padding-left:10px; background:#e7e7e7; border-radius:1rem; color: #357413; font-size:1rem; overflow:hidden; zoom:1;}
.tnav .tnrt .zxwz{ display:block; float:left;}
.tnav .tnrt a.ts{ float:right; display:block; height:2.5rem; width:35%; background:#b04013; color:#e7e7e7; cursor: pointer; text-align:center;border-radius:1rem;} 
#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(../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:2px; font-size:12px; color:#fff;}
.xdfcenter-chatb {
	height: 100%;
	top: 0;
	margin-left: -16px;
	font-size: 16px
}
/* 微信样式 */
.topTips { height:0px; overflow:hidden; -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 { max-width:640px; margin:0 auto; font-family: "Microsoft YaHei"; 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); opacity:1; }
.tipsInner a { height:60px;text-decoration:none;display: block; position: relative; padding-left: 50px; color:#fff; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;background-color:black; font-size:16px; overflow:hidden; zoom:1;}
.tipsInner a .wxt{ float:left;}
.tipsInner a .wxt img { position:absolute; left:8px; top:50%; margin-top:-18px; width:38px; height:auto; margin-right:5px; border-radius: .3125em; opacity:1}
.tipsInner a .wxz{ float:left; line-height:25px; padding:5px 0 0 10px;}
.tipsInner a .wzbtn{ float:right; background:#fff; border-radius:5px; color:#000; padding:5px 10px; font-size:16px; margin:15px 10px 0 0px;}
.showTip { height:60px; }
.showTip .tipsInner { opacity: 1; }
.hideTip { height:0px; }
.hideTip .tipsInner { opacity: 0; }
/* 回到顶部样式 */
.backtop { background:#555; border-radius: 50%; bottom: 45px; height: 50px; opacity: 0.9; position: fixed; right: 6px; text-align: center; width: 50px; z-index: 1001; bottom:7rem;
}
.backtop .icon-backtop { display: inline-block; margin:10px auto; cursor:pointer;}
.zxanys{background:#e4512c;height:2em;font-size:1.8em;text-align:center;width:100%;line-height:2em;margin-top:10px;font-weight:bold;}
.zxanys a{color:#fff;}
/* 右边咨询样式 */
.Jmfdh{ width:65px; height:65px; background:#ccc; position:fixed; color:#ff6005; background:#00b0f0; border:1px solid #dfdfdf; border-radius:100px; font-size:16px; line-height:20px; text-align:center; z-index:999; bottom:120px; right:50px;}
.Jmfdh .Jwz{ padding:5px; position:relative;}
.Jmfdh .Jwz img{ width:100%;}
.Jmfdh .Jwz .num{ display:block; width:20px; height:20px; line-height:20px; background:#FF0000; border-radius:100px; position:absolute; top:-5px; right:0px; color:#fff; font-size:14px; text-align:center;}
/* 离线宝样式 */
.lxbclick{ position:relative; text-align:center;}
.lxbclick a{ display:block; width:10%; padding:5px 0; position:fixed; top:40%; right:0px; z-index:999; background:#00b0f0; font-size:15px; color:#fff; letter-spacing:5px; text-align:center; border-radius:0.3rem; webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; -ms-border-radius:0.3rem;}
.lxbcon{width:85%; position:fixed; border:2px solid #0b7bd2; top:35%; left:7%; display:none; background:#ffffff; box-shadow:3px 0 8px #ccc;z-index:9999; border-radius:0.3rem; webkit-border-radius:0.3rem; -moz-border-radius:0.3rem; -ms-border-radius:0.3rem;}
.lxbclose{width:100%;position:relative;}
.lxbclose span{ position:absolute; background:rgba(0, 0, 0, 0) url(http://m.xdfpr.com/templets/xdftpl/images/lxbclose.png) repeat scroll -40px 0; height:30px; right:-15px; top:-15px;width:30px; text-indent:-999em;}
.lxbclose span a{display:block;}
.lxbform{ overflow:hidden; zoom:1; padding:10px 10px 0 10px;}
.lxbform .lxbput{ width:70%; float:left;}
.lxbform .lxbput .lxbipt{ width:96%; height:2rem; line-height:2rem; font-size:1.2rem; padding:0 2%; background:#fff; border: 1px solid #ccc; border-radius:0.5rem;}
.lxbform .lxbsub{ width:29%; float:right;}
.lxbform .lxbsub .lxbtn{ width:100%; height:2rem; background:#2590e2; color:#fff; font-size:1.2rem; border:none; border-radius:0.5rem;}
.lxbtxt{ padding:5px 10px; font-size:1.2rem; line-height:2rem; color:#2d85d5;}