﻿*{ 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('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg') 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:0.8rem; overflow:hidden; zoom:1;}
.tnav .tnrt .zxwz{ display:block; float:left;}
.tnav .tnrt a.ts{ float:right; display:block; height:2.5rem; width:44%; background:#b04013; color:#e7e7e7; cursor: pointer; text-align:center;border-radius:1rem;} 
/* ΢����ʽ */
.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(../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;}
/* ������ʽ */
#view-3d{ width:275px; height:275px; display:none; position: fixed; z-index: 999999; margin-left:-140px; 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:100%;height:100%;opacity: 0;background-color: #fff;position: absolute;background:#fff;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 .vform{ overflow:hidden; zoom:1; padding:10px 15px 0 15px;}
.xdfcenterbox .vform .test{ display:block; float:left; width:70%;}
.xdfcenterbox .vform .test .tput{ width:100%; height:28px; line-height:28px; border:1px solid #8a23cb; background:none; padding:0 10px; border-top-left-radius:100px; border-bottom-left-radius:100px; webkit-border-top-left-radius:100px; webkit-border-bottom-left-radius:100px; -moz-border-top-left-radius:100px; -moz-border-bottom-left-radius:100px; -ms-border-top-left-radius:100px; -ms-border-bottom-left-radius:100px; -o-border-top-left-radius:100px; -o-border-bottom-left-radius:100px; font-size:15px;}
.xdfcenterbox .vform .sub{ display:block; float:right; width:30%;}
.xdfcenterbox .vform .sub .sbtn{ width:100%; height:28px; background:#8a23cb; border:none; font-size:15px; color:#fff; border-top-right-radius:100px; border-bottom-right-radius:100px; webkit-border-top-right-radius:100px; webkit-border-bottom-right-radius:100px; -moz-border-top-right-radius:100px; -moz-border-bottom-right-radius:100px; -ms-border-top-right-radius:100px; -ms-border-bottom-right-radius:100px; -o-border-top-right-radius:100px; -o-border-bottom-right-radius:100px;}
.xdfcenterbox .vwz{ display:block; font-size:13px; line-height:20px; color:#2b2b2b; padding:15px 10px 0 15px;}
.xdfcenterbox .vzx ul li{ display:inline; float:left; width:50%; padding:5px 0 0 17px;}
.xdfcenterbox .vzx ul li a{ padding:3px 10px 3px 35px; background:url(../images/tcicon1.jpg) no-repeat 10px center; background-color:#8a23cb; font-size:14px; color:#fff; border-radius:100px; webkit-border-radius:100px; -moz-border-radius:100px; -ms-border-radius:100px; -o-border-radius:100px;}
.xdfcenterbox .vzx ul li:nth-child(2) a{ background:url(../images/tcicon2.jpg) no-repeat 10px center; background-color:#ff7101;}
.footzx{ margin:0 auto; max-width:640px; position:fixed; width:100%; z-index:999; bottom: 0;}
.footzx ul{ overflow:hidden; zoom:1;}
.footzx ul li{ display:inline; float:left; width:33.3%;}
.footzx ul li a{ display:block; padding:0.7rem 0 1rem; text-align:center; font-size:1.3rem; font-weight:bold; color:#fff; background:#3dcefd;}
.footzx ul li:nth-child(1),.footzx ul li:nth-child(2){ border-right:1px solid #fff;}
.footzx ul li i{ position:relative; top:0.2rem; padding-right:0.5rem;}
.footzx ul li img{ width:25%;}
.footzx ul li:nth-child(2) i{ padding-right:0.5rem;}
.footzx ul li:nth-child(2) a{ background:#e4512c;}
.footzx ul li:nth-child(3) a{ background:#9ac166; color:#fff;}
.footzx ul li:nth-child(2) img{ width:24.5%;}
.footzx ul li:nth-child(3) img{ width:26.3%;}
/* ������Ч */
@-webkit-keyframes shake {
	0% {
		-webkit-transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		-webkit-transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		-webkit-transform: rotate(2deg) translate3d(0,0,0)
	}
}

@-moz-keyframes shake {
	0% {
		transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		transform: rotate(2deg) translate3d(0,0,0)
	}
}

@-ms-keyframes shake {
	0% {
		transform: rotate(2deg) translate3d(0,0,0)
	}

	50% {
		transform: rotate(-2deg) translate3d(0,0,0)
	}

	100% {
		transform: rotate(2deg) translate3d(0,0,0)
	}
}
.redbao{ display:none;}
.redcon{ width: 300px; height: 345px; border-radius: 15px; position: fixed; top:50%; left: 50%; overflow: hidden; margin-left: -150px; margin-top: -172px; transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; z-index:99999;}
.red img{ width:100%; height: auto;}
.red.shake{ animation:shake .2s infinite linear; -webkit-animation:shake .2s infinite linear;}
.windows{ width:300px; padding:20px 0; position: absolute; top: 50%; margin-top: -100px; left: 50%; margin-left: -150px; border-radius: 15px; background: #ec0000; display: none; z-index:999999;}
.text{ text-align: center; font-size: 18px; font-family: "΢���ź�"; vertical-align:middle; color:#fff;}
.windows .wbm ul li{ vertical-align:top; padding:10px 5% 0 5%;}
.windows .wbm ul li .iput{ width:100%; height:2rem; padding:0 10px; border:none;}
.windows .wbm ul li .sub{ width:100%; height:2rem; background:#b72323; border:none; color:#fff;}
.close{ width: 30px; height: 30px; position: absolute; right: -10px; top: -10px; background: #c7c7c7; border-radius: 50%; cursor: pointer; text-align: center; transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; -o-transition:all 0.5s linear;}
.close:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg);}
.close img{ padding-top: 5px;}
.opacity{ position: absolute; top: 0; left: 0; right: 0; bottom:0; background: #000; opacity:0.5; filter:alpha(opacity=50); z-index: 10; width: 100%; height: 100%; display: none;}
.rbclick a{ display:block; width:3rem; height:3rem; position:fixed; right:3rem; top:10rem; z-index:99999;}
@-webkit-keyframes lighteffect {
	from {
		left: -20%;
	}
	to {
		left: 120%;
	}
}

@keyframes lighteffect {
	from {
		left: -20%;
	}
	to {
		left: 120%;
	}
}
header .head{ overflow:hidden; zoom:1; padding:0.7rem 10px 1.5rem 10px; margin: 0 auto;  width: 100%; max-width: 640px; background: #FFFFFF; position: fixed; top: 0;z-index:100; height:4.8rem;}
header .head .logo{ float:left; width:90%;}
header .head .logo h1 img{ width:100%;}
header .head .tels{ display:block; float:right; width:9%; padding:0.4rem 10px 0 0;}
header .head .tels img{ width:100%;}
header .head .hmenu{ display:block; float:right; width:6%; padding:0.4rem 0 0 0;}
header .head .hmenu img{ width:100%;}
header .head .logo:first-child{position: relative;overflow:hidden;}
header .head .logo:first-child:before {
	content: "";
	position: absolute;
	width: 20%;
	height: 90%;
	top: 5%;
	left: -10%;
	overflow: hidden;
	/*border-bottom-right-radius: 20px;*/
	background: -moz-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, .1)), color-stop(50%, rgba(255, 255, 255, .4)), color-stop(100%, rgba(255, 255, 255, .1)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .1) 100%);
	-webkit-transform: skewX(45deg);
	-moz-transform: skewX(45deg);
	-ms-transform: skewX(45deg);
	transform: skewX(45deg);
	-webkit-animation: lighteffect 2s infinite both;
	animation: lighteffect 2s infinite both;
}
.hslmenu{ position:fixed; z-index:102; width:60%; height:100%; right:-60%;box-shadow: 1px 5px 12px -4px #2b2b2b;}
.hslmenubg{position:fixed; z-index:101; width:100%; height:100%; right:0; background-color:rgba(0,0,0,.2); display:none;}
.hslmenu0{ background-color:#fff; height:100%;}
.hslmenu ul{ height:100%;}
.hslmenu ul li{ height:4rem; line-height:4rem; border-bottom:1px solid #eee; padding:0 1rem;}
.hslmenu1{ background-color:#fa4f01; padding:1rem; position:relative;}
.hslmenu1 h2{ color:#fff; font-size:1.6rem;}
.hslmenu1 p{ color:#fff; font-size:1.2rem;}
.hslmenu1 i{ display:block; font-size:2.4rem; color:#fff; position:absolute; right:1rem; height:3rem; line-height:3rem; width:3rem; text-align:center; top:1.8rem;}
.hslmenu ul li a{ display:block; height:4rem; font-size:1.3rem; color:#333;}
.hslmenu ul li a i{ font-size:1.3rem; padding-right:1rem;}
.bottomnav{ margin: 0 auto;  width:100%; max-width:640px; position:fixed; padding:0.3rem 0 0.7rem 0; bottom:0px; background-color:#ff6600;z-index:99;}
.bottomnav span{ position:relative; display:block; width:25%; float:left; text-align:center;}
.bottomnav .hslqhbbox{background-color:#ff6600;}
.bottomnav span:nth-child(n+4){ background-image:none}
.bottomnav a{color:#fff;}
.bottomnav img{ width:20%;}
.bottomnav span:before{
	content:"";
	position:absolute;
	display:block;
	width:1px;
	height:80%;
	top:20%;
	right:0;
	background-color:#fff;opacity:.3;
}

.bottomnav .hslfont{ display:block; text-align:center; padding-top:5px; line-height:normal; font-size:1.6rem;}
.bottomnav b{ display:block; text-align:center; height:20px; line-height:normal; font-weight:normal; font-size:1.2rem;}
.hslsjzx{ position:relative; background-color:#ff6600;}
.hslsjzx #hslsjzx{ position:absolute; display:block; width:2.4rem; height:2.4rem; border-radius:2.4rem; background-color:#f88a01;text-align:center; color:#fff; font-size:1.2rem; top:-1.2rem; right:0.6rem; line-height:2.4rem;}
.bottomnav a{ font-size:1.4rem;}
.gonggao{ padding:4.6rem 0 0 0; text-align:center; font-size:1rem;}
.gonggao img{ width:100%;}
.gonggao .zys{ color:#ff6600; font-weight:bold; font-size:1.5rem;} 
.baoming{ padding-top:10px; background:#fff;}
.baoming .btcon{ overflow:hidden; zoom:1; border-bottom:1px solid #ccc; padding:5px 10px 15px 10px; }
.baoming .btcon .btz{ display:block; float:left; width:60%; font-size:1.3rem; font-weight:bold;}
.baoming .btcon .btz i{ position:relative; padding-right:10px;}
.btcon .btz i img{ width:1.7%;}
.baoming .form{ background:#fff; padding-bottom:1rem;}
.baoming .form ul li{ padding:1rem 1rem 0 1rem;}
.baoming .form ul li input,.baoming .form ul li select{ background:url(../images/bmicon.png) no-repeat; background-size:8rem 13rem;}
.baoming .form ul li .usericon{ background-position:0.5rem 0.3rem;}
.baoming .form ul li .zyicon{ background-position:0.5rem -2.5rem;}
.baoming .form ul li .telicon{ background-position:0.5rem -5.3rem;}
.baoming .form ul li .qqicon{ background-position:0.5rem -8rem;}
.baoming .form ul li .ipt,.baoming .form ul li .sel{ width:100%; height:3rem; line-height:3rem; outline: medium none; border:1px solid #dcdcdc; font-size:1.2rem; padding-left:3rem; color:#989898;}
.baoming .form ul li .pl{ padding-left:2.8rem;}
.baoming .form ul li .bmbtn{ width:100%; height:3rem; line-height:3rem; background: #ff6600; 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:1.3rem; text-align: center; color:#fff;}
footer{ background:#ff6600; margin:10px 0 7rem 0;}
footer .dbnav{ text-align:center; color:#fff; padding-top:20px;}
footer .dbnav a{ font-size:1.2rem; color:#fff;}
footer .other{ text-align:center; padding-bottom:20px;}
footer .other p{ font-size:1.2rem; color:#fff; padding-top:10px;} 
footer .other a{ color:#fff;}