*{ 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;}