/*
	[Destoon B2B System] Copyright (c) 2008-2016 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/
* {word-break:break-all;word-wrap:break-word;font-family:'Microsoft Yahei',Verdana,Arial,Helvetica,sans-serif;}
body {margin:0;font-size:12px;color:#333333;background:#F5F5F5;}
input,select,textarea {font-size:12px;}
img {border:none;}
li {list-style-type:none;}
ul,form {margin:0px;padding:0px;}
a,button,input{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}

a:link,a:visited,a:active {color:#333333;text-decoration:none;}
a:hover {color:#FF6600;}
a.b:link,a.b:visited,a.b:active {color:#007AFF;text-decoration:none;}
a.b:hover {color:#FF6600;text-decoration:none;}
a.g:link,a.g:visited,a.g:active {color:#333333;text-decoration:none;}
a.g:hover {color:#FF6600;}
a.w:link,a.w:visited,a.w:active,a.w:hover {color:#FFFFFF;text-decoration:none;}

.m {margin:auto;width:1200px;clear:both;background:#FFFFFF;}
.head-fix {height:128px;clear:both;}
.top {width:100%;background:#2F3438;color:#CDCBCD;height:32px;line-height:32px;position: absolute;z-index:10;left:0;top:0;}
.top .contact {float:left;margin-top:4px;}
.top .contact li {height:24px;padding:0 24px;float:left;line-height:24px;font-weight:bold;}
.top .contact .tel {background:url('../imgal/contact-tel.png') no-repeat 0 center;}
.top .contact .qq {background:url('../imgal/contact-qq.png') no-repeat 0 center;}
.top .contact .wx {background:url('../imgal/contact-wx.png') no-repeat 0 center;}
.top .quick {float:right;}
.top a:link,.top a:visited,.top a:active,.top a:hover {color:#CDCBCD;}

.head {width:100%;background:#FFFFFF;height:80px;position: absolute;z-index:9;left:0;top:32px;border-bottom:#EEEEEE 1px solid;box-shadow:0 0 10px #DDDDDD;}
.head .logo {width:280px;float:left;}
.head .logo h1 {margin:0;}
.head .logo a {width:200px;height:80px;background:url('../imgal/logo.gif') no-repeat 0 center;text-indent:-9999px;display:block;}
.head .menu {width:914px;float:left;line-height:80px;font-size:18px;letter-spacing:2px;}
.head .user {width:160px;float:left;font-size:14px;padding-top:24px;text-align:center;letter-spacing:1px;}
a.n:link,a.n:visited,a.n:active {color:#333333;text-decoration:none;padding-right:30px;}
a.n:hover {color:#007AFF;}
a.s:link,a.s:visited,a.s:active,a.s:hover {color:#007AFF;text-decoration:none;padding-right:30px;}

a.u1:link,a.u1:visited,a.u1:active  {display:block;width:70px;height:30px;line-height:30px;float:left;border:#A7A7AA 1px solid;border-radius:6px;background:#FFFFFF;color:#333333;text-decoration:none;}
a.u1:hover  {border:#007AFF 1px solid;color:#007AFF;}
a.u2:link,a.u2:visited,a.u2:active  {display:block;width:70px;height:30px;line-height:30px;float:right;border:#007AFF 1px solid;border-radius:6px;background:#1D89FE;color:#FFFFFF;text-decoration:none;}
a.u2:hover  {background:#007AFF;}

.pos {margin:auto;width:1200px;clear:both;margin-bottom:16px;font-size:14px;color:#333333;}
.pos div {height:24px;line-height:24px;padding-left:24px;background:url('../imgal/icon-pos.png') no-repeat 0 4px;}
.pos em {font-style:normal;font-size:18px;color:#444444;padding:0 6px;}
.pos a {color:#333333;}
.pos p {text-align:right;float:right;margin:0;font-size:12px;}
.pos input {width:220px;border:#E2E5E7 1px solid;padding:3px;font-size:14px;background:#FFFFFF url('../imgal/icon-search16.png') no-repeat 200px center;outline:none;}
.pos input:hover {border:#007AFF 1px solid;}

.title {margin:0;padding:16px 0;font-size:22px;text-align:center;background:#FAFAFA;}
.info {padding:4px 10px 4px 10px;border-top:#D0D0D0 1px solid;border-bottom:#D0D0D0 1px solid;margin:0 0 10px 0;}
.content {font-size:16px;line-height:200%;width:800px;margin:0 auto;padding:32px 0;word-break:break-all;}
.content a {color:#007AFF;}
.content p {text-indent:2em;}
.content img {max-width:100%;}

.foot {width:100%;padding:16px 0;height:22px;line-height:22px;background:#2F3438;color:#CDCBCD;margin-top:16px;}
.foot a:link,.foot a:visited,.foot a:active,.foot a:hover {color:#CDCBCD;}
.foot li {float:left;}
.foot .gx {padding:0 16px;}
.foot .ga {background:url('../imgal/beian.png') no-repeat 0 center;padding-left:24px;}

.pages {padding:20px 0 20px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:3px;text-decoration:none;}
.pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFFFFF;padding:3px;text-decoration:none;}
.pages strong {background:#258CFF;padding:3px;border:#258CFF 1px solid;color:#FFFFFF;}
.pages_inp {width:30px;border:#DDDDDD 1px solid;color:#666666;padding:2px;text-align:center;}
.pages_btn {width:26px;border:#FF6600 1px solid;color:#FFFFFF;padding:1px;background:#FF6600;font-weight:bold;font-size:11px;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:3px 5px 3px 5px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}

.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666;}
.f_orange {color:#FF6600;}
.f_red {color:red;}
.f_green {color:green;}
.f_blue {color:blue;}
.f_db {color:#004B94;}
.f_p {color:#C40000;}
.px10 {font-size:10px;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.px16 {font-size:16px;}
.px18 {font-size:18px;}
.px20 {font-size:20px;}
.b5 {height:5px;font-size:1px;}
.b6 {height:6px;font-size:1px;}
.b8 {height:8px;font-size:1px;}
.b10 {height:10px;line-height:10px;font-size:1px;}
.b15 {height:15px;font-size:1px;}
.b16 {height:16px;line-height:16px;font-size:1px;}
.pd8 {padding:8px;}
.ls1 {letter-spacing:1px;}
.c_b {clear:both;}
.c_p {cursor:pointer;}
.dsn {display:none;}
.absm {vertical-align:middle;}
.inp {border:#AACCEE 1px solid;height:14px;}
.btn{background:url('../imgal/btn.gif') no-repeat;height:20px;line-height:20px;width:65px;border:none;cursor:pointer;}
.bd {border:#CAD9EA 1px solid;}
.highlight {color:red;}
.jt {color:#006699;cursor:pointer;}
.date{float:right;font-size:11px;color:#666666;}

.t1 {text-align:center;padding:32px 0;background:url('../imgal/t1.png') repeat-x 0 center;}
.t1 strong {font-size:24px;padding:0 20px;color:#666666;letter-spacing:1px;background:#FFFFFF;}

a.b1:link,a.b1:visited,a.b1:active {display:block;width:200px;height:36px;line-height:36px;text-align:center;font-size:18px;letter-spacing:1px;border:#007AFF 1px solid;border-radius:6px;background:#FFFFFF;color:#007AFF;text-decoration:none;margin:32px auto;}
a.b1:hover {background:#007AFF;color:#FFFFFF;}

a.b2:link,a.b2:visited,a.b2:active {display:block;width:120px;height:32px;line-height:32px;padding-left:24px;font-size:16px;letter-spacing:1px;background:#C40000 url('../imgal/icon-qq.png') no-repeat 16px center;color:#FFFFFF;border-radius:6px;}
a.b2:hover {background:#DF3033 url('../imgal/icon-qq.png') no-repeat 16px center;}

a.b3:link,a.b3:visited,a.b3:active {display:block;margin:6px 0;width:70px;height:32px;line-height:32px;font-size:13px;background:#FFFFFF;color:#007AFF;border:#007AFF 1px solid;border-radius:6px;text-align:center;}
a.b3:hover {background:#1D89FE;color:#FFFFFF;}

.s1 {width:160px;height:48px;line-height:48px;margin:32px auto;padding:0;font-size:16px;letter-spacing:1px;cursor:pointer;border:#007AFF 1px solid;background:#FFFFFF;color:#007AFF;border-radius:6px;}
.s1:hover {border:#0090FF 1px solid;background:#007AFF;color:#FFFFFF;}

.s2 {width:280px;height:40px;line-height:40px;padding:0;font-size:16px;letter-spacing:1px;cursor:pointer;border:#04B102 1px solid;background:#04BE02;color:#FFFFFF;border-radius:6px;}
.s2:hover {background:#04B102;}

/* home */
.sld {height:400px;background:#CCCCCC;overflow:hidden;}
.sld-0 {height:400px;background:url('../imgal/sld-0.png') no-repeat center center;}
.sld-0 h2 {font-size:36px;color:#FFFFFF;padding:120px 0 32px 250px;margin:0;display:none;}
.sld-0 p {font-size:18px;text-align:center;color:#FFFFFF;margin:0;display:none;}
.sld-0 div {width:200px;height:60px;line-height:60px;margin:32px auto;background:#007AFF;font-size:24px;letter-spacing:2px;color:#FFFFFF;text-align:center;border-radius:8px;display:none;}
.sld-0 div:hover {background:#0090FF;}

.sld-1 {height:400px;background:url('../imgal/sld-1.png') no-repeat center center;display:none;}
.sld-1 h2 {font-size:36px;color:#FFFFFF;padding:120px 0 32px 140px;margin:0;display:none;}
.sld-1 p {font-size:18px;color:#FFFFFF;margin:0;padding:0 0 0 140px;display:none;}
.sld-1 div {width:160px;height:36px;line-height:36px;margin:48px 0 0 140px;font-size:18px;letter-spacing:2px;border:#FFFFFF 1px solid;color:#FFFFFF;text-align:center;border-radius:6px;display:none;}
.sld-1 div:hover {background:#FFFFFF;color:#333333;}

.sld-2 {height:400px;background:url('../imgal/sld-2.png') no-repeat center center;display:none;}
.sld-2 h2 {font-size:36px;color:#FFFFFF;padding:80px 0 32px 80px;margin:0;display:none;}
.sld-2 p {font-size:18px;color:#FFFFFF;margin:0;padding:0 0 0 200px;}
.sld-2 div {width:160px;height:36px;line-height:36px;margin:48px 0 0 140px;font-size:18px;letter-spacing:2px;border:#FFFFFF 1px solid;color:#FFFFFF;text-align:center;border-radius:6px;display:none;}
.sld-2 div:hover {background:#FFFFFF;color:#333333;}

.sld-dot {height:6px;line-height:6px;font-size:0;overflow:hidden;z-index:2;position:relative;left:50%;top:-24px;}
.sld-dot li {width:24px;height:6px;margin-right:8px;float:left;background:#EEEEEE;cursor:pointer;}

.home-intro {height:270px;}
.home-intro ul {width:980px;margin:0 auto;}
.home-intro li {width:50%;height:130px;float:left;}
.home-intro strong {display:block;padding-top:36px;font-size:20px;color:#666666;}
.home-intro p {margin:6px 0;font-size:16px;}
.home-intro div {width:330px;height:130px;transition:all .5s ease-in-out;}
.home-intro .intro0 {margin-right:40px;padding-right:120px;background:url('../imgal/icon-intro0.png') no-repeat 358px center;text-align:right;}
.home-intro .intro2 {margin-right:40px;padding-right:120px;background:url('../imgal/icon-intro2.png') no-repeat 358px center;text-align:right;}
.home-intro .intro0:hover,.home-intro .intro2:hover {width:300px;padding-right:150px;background-position:328px center;cursor:pointer;color:#000000;}
.home-intro .intro1 {margin-left:40px;padding-left:120px;background:url('../imgal/icon-intro1.png') no-repeat 0 center;}
.home-intro .intro3 {margin-left:40px;padding-left:120px;background:url('../imgal/icon-intro3.png') no-repeat 0 center;}
.home-intro .intro1:hover,.home-intro .intro3:hover {width:300px;padding-left:150px;background-position:30px center;cursor:pointer;color:#000000;}

.home-biz {width:800px;height:266px;margin:0 auto;}
.home-biz li {width:200px;text-align:center;float:left;font-size:14px;}
.home-biz img {margin:24px 0;width:48px;height:48px;transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;}
.home-biz li:hover {cursor:pointer;color:#000000;}
.home-biz li:hover img {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}

.home-tpl {width:960px;height:320px;margin:0 auto;}
.home-tpl li {width:240px;text-align:center;float:left;}
.home-tpl img {cursor:pointer;background:#FFFFFF;border:#E2E5E7 1px solid;padding:6px;transition:all .3s ease-in-out;}
.home-tpl img:hover {width:210px;height:315px;}

.home-store {width:880px;margin:0 auto;overflow:hidden;}
.home-store li {width:176px;height:130px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.home-store img {border:#EEEEEE 1px solid;border-radius:16px;width:72px;height:72px;margin-bottom:10px;}
.home-store p {margin:6px 0 0 0;font-size:12px;}

.home-news div {width:468px;float:left;border:#EEEEEE 1px solid;background:#FFFFFF;}
.home-news .news0 {margin:0 0 20px 120px;}
.home-news .news1 {margin:0 120px 20px 20px;}
.home-news .news2 {margin:0 0 0 120px;}
.home-news .news3 {margin:0 120px 0 20px;}
.home-news strong {color:#91989E;}
.home-news p {margin:0 24px;border-bottom:#EEEEEE 1px solid;text-align:center;font-size:20px;line-height:64px;}
.home-news li {height:32px;line-height:32px;overflow:hidden;padding:0 36px 0 44px;font-size:14px;background:url('../imgal/icon-dot.png') no-repeat 32px center;}
.home-news ul {margin:16px 0;}
.home-news em {float:right;font-style:normal;font-size:12px;color:#999999;padding-left:10px;}

.home-link {text-align:center;line-height:32px;}

.info-list {width:600px;margin:0 auto;padding-bottom:32px;}
.info-list a {font-size:16px;}
.info-list li {line-height:40px;height:40px;overflow:hidden;}
.info-list em {float:right;font-style:normal;font-size:12px;color:#999999;}

.pt-box {height:380px;}
.pt-box p {text-indent:2em;margin:0 0 6px 0;}
.pt-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;}
.pt-tb td {padding:0 10px;height:48px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.pt-tb em {padding-left:16px;}
.pt-tb .f_b td {font-size:16px;font-weight:bold;}
#pt-canvas {position:absolute;z-index:1;top:200px;}

.down-box {padding:32px 0;font-size:16px;line-height:36px;text-align:center;background:#2D6D9B url('../imgal/banner-down.png') no-repeat;color:#FFFFFF;}
.down-box strong {font-size:20px;}
.down-box span {font-size:14px;color:#FFFFFF;}
.down-info {width:300px;margin:0 auto;padding:6px 0 32px 0;}
.down-info li {height:32px;line-height:32px;font-size:14px;padding-left:76px;}
.down-install {width:240px;margin:0 auto;}
.down-install li {height:48px;line-height:48px;font-size:16px;background:url('../imgal/icon-download.png') no-repeat 6px center;padding-left:42px;}
.down-upgrade {width:360px;margin:0 auto;padding-bottom:32px;}
.down-upgrade li {height:48px;line-height:48px;border:#FFFFFF 1px solid;border-bottom:#EEEEEE 1px solid;font-size:16px;background:url('../imgal/icon-upgrade.png') no-repeat 6px center;padding-left:48px;}
.down-upgrade li:hover {border:#EEEEEE 1px solid;}
.down-upgrade a {padding-left:16px;}
.down-server {padding-bottom:32px;font-size:16px;line-height:32px;text-align:center;}
.down-link {padding-bottom:32px;font-size:14px;text-align:center;}

.buy-tb-top {width:100%;position:fixed;z-index:9;top:113px;left:0;border-top:#F5F5F5 16px solid;}
.buy-tb-fix {height:176px;clear:both;}
.buy-ev {padding:16px;font-size:14px;border-left:#C40000 3px solid;color:#C40000;}
.buy-ev:hover {background:#C40000;color:#FFFFFF;}

.buy-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;}
.buy-tb tr:hover {background:#F1F1F1;}
.buy-tb tr:hover .tips {display:block;}
.buy-tb td {padding:0 10px;width:20%;height:52px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.buy-tb em {padding-left:16px;}
.buy-tb select {padding:2px;font-size:16px;}
.buy-tb .f_b {font-size:18px;font-weight:bold;}
.buy-tb .yes {background:url('../imgal/icon-yes.gif') no-repeat center center;}
.buy-tb .notice {line-height:180%;padding:0 0 0 10px;}
.buy-tb .tips {position:absolute;z-index:8;width:300px;background:url('../imgal/tips-bg.gif') no-repeat 0 bottom;overflow:hidden;margin-left:-800px;display:none;}
.buy-tb .tips div {background:url('../imgal/tips-top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;text-align:left;font-size:12px;}
.buy-tb .f_k {display:block;}
.buy-say {width:600px;margin:0 auto;}
.buy-say li {width:260px;height:32px;line-height:32px;padding-left:32px;float:left;overflow:hidden;background:url('../imgal/icon-say.png') no-repeat 0 center;}
.buy-tip {padding:0 32px;line-height:32px;}
.buy-tip em {padding:0 20px;}

.demo-box {padding-bottom:32px;font-size:14px;}
.demo-img {width:200px;height:140px;border:#EEEEEE 2px solid;border-radius:10px;padding:10px;background:#FFFFFF;transition:all .3s ease-in-out;}
.demo-img:hover {width:300px;height:210px;}
.demo-txt {width:560px;margin:0 auto;padding-bottom:32px;line-height:32px;font-size:14px;}

.case-box {padding:24px 0 24px 24px;width:1176px;overflow:hidden;}
.case-box div {width:230px;height:196px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.case-box img {border:#CCCCCC 2px solid;padding:2px;margin:0 0 10px 2px;width:200px;height:150px;;}
.case-box img:hover {border:#FF6600 2px solid;}

.case-img {width:880px;margin:0 auto; min-height:650px;}
.case-img li {width:220px;height:315px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.case-img img {border:#CCCCCC 1px solid;padding:6px;width:180px;height:250px;margin-bottom:10px; cursor:pointer;}
.case-img img:hover {border:#FF6600 1px solid;}

.case-dot {height:4px;line-height:4px;font-size:0;overflow:hidden;z-index:2;position:relative;left:50%;top:16px;}
.case-dot li {width:16px;height:4px;margin-right:6px;float:left;background:#EEEEEE;cursor:pointer;}

.store-img {width:880px;margin:0 auto;overflow:hidden;padding-bottom:20px;}
.store-list {float:left;width:400px;height:112px;overflow:hidden;border-bottom:#E2E5E7 1px solid;padding:0 20px;}
.store-list:hover {background:#FAFAFA;}
.store-list img {float:left;width:72px;height:72px;border-radius:10px;margin:20px 20px 0 0;}
.store-list ul {margin:24px 0 0 0;}
.store-list li {height:32px;line-height:32px;overflow:hidden;}
.store-list strong {font-size:16px;}
.store-txt {width:800px;margin:0 auto;padding:32px 0;line-height:32px;font-size:14px;}
.store-ico {position:absolute;z-index:8;width:120px;height:120px;margin-left:-120px;}
.store-ico img {border:#EEEEEE 1px solid;border-radius:16px;width:72px;height:72px;}

.host-ev {padding:16px;font-size:14px;border-left:#C40000 3px solid;color:#C40000;}
.host-ev:hover {background:#C40000;color:#FFFFFF;}
.host-tip {padding:32px;line-height:200%;font-size:14px;text-align:center;}
.host-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;background:#FFFFFF;}
.host-tb tr:hover {background:#F1F1F1;}
.host-tb td {padding:0 10px;width:25%;height:52px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.host-tb em {padding-left:16px;}
.host-tb .f_b {font-size:18px;font-weight:bold;}

.ssl-ev {padding:16px;font-size:14px;border-left:#C40000 3px solid;color:#C40000;}
.ssl-ev:hover {background:#C40000;color:#FFFFFF;}
.ssl-txt {padding:32px 64px;line-height:32px;font-size:16px;}
.ssl-tip {padding:32px;line-height:32px;font-size:16px;text-align:center;}
.ssl-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;background:#FFFFFF;}
.ssl-tb tr:hover {background:#F1F1F1;}
.ssl-tb td {padding:0 10px;width:16%;height:52px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.ssl-tb em {padding-left:16px;}
.ssl-tb .f_b {font-size:18px;font-weight:bold;}
.ssl-intro {padding:16px 32px;color:#666666;line-height:24px;}
.ssl-intro span {color:red;}

.doc-search {padding:48px 0;text-align:center;background:#FFFFFF url('../imgal/icon-doc.png') no-repeat 80px center;color:#999999;}
.doc-search input {width:600px;border:#E2E5E7 1px solid;padding:10px;font-size:14px;background:#FFFFFF url('../imgal/icon-search.png') no-repeat 590px center;outline:none;}
.doc-search input:hover {border:#007AFF 1px solid;}
.doc-search p {margin:16px;font-size:14px;}
.doc-search div {line-height:40px;font-size:16px;}

.fb-box {width:620px;height:360px;margin:0 auto;}
.fb-txt {width:600px;height:26px;border:#E2E5E7 1px solid;padding:10px;font-size:14px;}

.qy-box {width:600px;background:#F5F5F5;margin:16px auto;}
.qy-box input {width:522px;border:#E2E5E7 1px solid;padding:6px;font-size:14px;background:#FFFFFF url('../imgal/icon-search.png') no-repeat 506px center;outline:none;}
.qy-box input:hover {border:#007AFF 1px solid;}
.qy-box select {border:#E2E5E7 1px solid;padding:5px;font-size:14px;margin:0;}
.qy-box div {padding:32px;}
.qy-box p {margin:15px 0 0 0;color:#666666;}
.qy-authorization {margin:0 auto 15px auto;width:600px;height:400px;background:url('../imgal/authorization.gif') no-repeat;}
.qy-authorization div {padding:180px 0 0 160px;}
.qy-authorization li {font-size:14px;line-height:28px;color:#111111;}
.qy-found {margin:16px auto;width:600px;background:#55B05A;color:#FFFFFF;font-size:16px;font-weight:bold;}
.qy-found div {padding:16px 0;text-align:center;}
.qy-notfound {background:#D23D24;}

.lg-box {width:300px;margin:0 auto;}
.lg-box div {padding:10px 0;text-align:center;}
.lg-inp {width:260px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}

.rg-box {width:630px;margin:0 auto;font-size:14px;}
.rg-inp {width:260px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}
.rg-box .captcha {width:86px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}
.rg-box .tb {background:#FFFFFF;width:100%;}
.rg-box .tl {width:130px;text-align:right;padding-right:20px;letter-spacing:1px;}

.tab-head {width:900px;height:40px;padding-top:32px;margin:0 auto;border-bottom:#007AFF 1px solid;text-align:center;font-size:16px;}
.tab-head ul {width:400px;margin:0 auto;}
.tab-head li {float:left;width:120px;height:39px;line-height:36px;cursor:pointer;}
.tab-li {}
.tab-on {border:#007AFF 1px solid;border-top:#007AFF 2px solid;border-bottom:#FFFFFF;color:#007AFF;background:#FFFFFF;}
.tab-body {width:900px;margin:0 auto;padding:32px 0;font-size:14px;line-height:180%;}

#box-tips {width:100%;background:#FFFFDD;height:32px;line-height:32px;position:fixed;z-index:100;top:100px;text-align:center;font-size:14px;display:none;}
#box-tel {display:none;}
#box-wx {display:none;}
#box-side {width:58px;height:360px;position:fixed;_position:absolute;left:50%;margin-left:610px;top:180px;z-index:99;display:none;}
#box-side a {display:block;width:58px;height:60px;}
a.side-qq:link,a.side-qq:visited,a.side-qq:active {background:url('../imgal/side.png') no-repeat 0 0;}
a.side-qq:hover {background-position:-58px 0;}
a.side-tel:link,a.side-tel:visited,a.side-tel:active {background:url('../imgal/side.png') no-repeat 0 -60px;}
a.side-tel:hover {background-position:-58px -60px;}
a.side-wx:link,a.side-wx:visited,a.side-wx:active {background:url('../imgal/side.png') no-repeat 0 -120px;}
a.side-wx:hover {background-position:-58px -120px;}
a.side-mob:link,a.side-mob:visited,a.side-mob:active {background:url('../imgal/side.png') no-repeat 0 -180px;}
a.side-mob:hover {background-position:-58px -180px;}
a.side-fb:link,a.side-fb:visited,a.side-fb:active {background:url('../imgal/side.png') no-repeat 0 -240px;}
a.side-fb:hover {background-position:-58px -240px;}
a.side-top:link,a.side-top:visited,a.side-top:active {background:url('../imgal/side.png') no-repeat 0 -300px;}
a.side-top:hover {background-position:-58px -300px;}
/* show */
.htmcode {font-family:Fixedsys;font-size:12px;color:blue;}
.phpcode {font-family:Fixedsys;font-size:12px;color:#800000;}
.dstcode {font-family:Fixedsys;font-size:12px;color:green;}












.wechat {
    width: 437px;
    height: 50px;
    margin: 0 auto;
    border: 2px solid #0e84e9;
    line-height: 53px;
    color: #fff;
    cursor: pointer;
    border-radius: 53px;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.wechat-left {
    width: 280px;
    font-size: 14px;
    float: left;
    text-align: center;
    color: #666;
    height: 50px;
    border-radius: 3px 0 0 5px;
}
.wechat-left span {
    color: #0e84e9;
    font-weight: bold;
    font-size: 18px;
}
.wechat-righ {
    width: 155px;
    background: #0e84e9;
    font-size: 16px;
    height: 100%;
    position: absolute;
    right: -1px;
    top: -1px;
    text-align: center;
    border: 1px solid #0e84e9;
    border-radius: 53px;
}
.wechat-righ i {
    background: url(../imgal/wechat.png) no-repeat;
    width: 25px;
    height: 24px;
    display: inline-block;
    position: absolute;
    top: 11px;
    left: 28px;
}
.wechat-righ span {
    display: inline-block;
    position: absolute;
    left: 60px;
    top: 0;
    color: #fff;
}
.wechat:hover {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    padding: 0 50px;
}







#gallery-overlay {background-color:#000;}
#gallery-container {font: 16px/22px verdana, arial, sans-serif; margin:0px auto;}
#gallery {background:#fff url(../imgal/loading.gif) center 100px no-repeat; color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#gallery-image-container {display:none; height:100%;}
#gallery-loading {padding:8px;}
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a {background:#fff; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
#gallery-image {padding:8px; width:360px; height:523px;}
#gallery-meta {display:none; height:0px;}
#gallery-meta div {float:left;}
#gallery-info {text-align:left; width:80%;}
#gallery-close {line-height:30px; text-align:right; width:20%;}
#gallery-close a {color:#999; font-size:24px; font-weight:bold; outline-style:none; text-decoration:none;}
#gallery-close a:hover {color:#bbb;}
#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px; font-weight:bold; line-height:14px;}
#gallery-title a:visited:hover {color:#999}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}