*{ 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} .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:1rem; 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;} #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(../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;}