@charset "utf-8";
/* CSS Document */

/* 框架样式 */
body {/* -webkit-user-select: none;-webkit-text-size-adjust: none; */}
.wrap {cursor: default;min-width: 1190px;}
.wrap .w {min-width:980px;max-width: 980px;margin: 0 auto;}
.rm {overflow: hidden;zoom: 1;}
.om {overflow: visible;zoom: 1;}
.xm {overflow-x: auto;overflow-y: hidden;}
.ym {overflow-y: auto;overflow-x: hidden;}

/* 等待图片 */
.load {background: url(../../Images/Site/serverice/loading.gif) 50% 50% no-repeat;}

/* 盒模型 */
.fbox {display: box;display: -webkit-box;display: -moz-box;}
.flex1 {-moz-box-flex: 1;box-flex: 1;-webkit-box-flex: 1;}

/* 显示方式逆转 */
.ret {-webkit-box-direction: reverse;-moz-box-direction: reverse;box-direction: reverse;}

/* 容器左右排列子集(配合box-align属性) */
.pjustify {-webkit-box-pack: justify;-moz-box-pack: justify;box-pack: justify;}/* 在每个子元素之间分割多余的空间（首个子元素前和最后一个子元素后没有多余的空间）。 */
.pstart {-webkit-box-pack: start;-moz-box-pack: start;box-pack: start;}/* 对于正常方向的框，首个子元素的左边缘被放在左侧（最后的子元素后是所有剩余的空间） */
.pend {-webkit-box-pack: end;-moz-box-pack: end;box-pack: end;}/* 对于正常方向的框，最后子元素的右边缘被放在右侧（首个子元素前是所有剩余的空间）。 */
.pcenter {-webkit-box-pack: center;-moz-box-pack: center;box-pack: center;}/* 均等地分割多余空间，其中一半空间被置于首个子元素前，另一半被置于最后一个子元素后 */

/* 容器垂直排列子集 */
.bstart {-webkit-box-align: start;-moz-box-align: start;box-align: start;}
.bend {-webkit-box-align: end;-moz-box-align: end;box-align: end;}
.bcenter {-webkit-box-align: center;-moz-box-align: center;box-align: center;}
.bline {-webkit-box-align: baseline;-moz-box-align: baseline;box-align: baseline;}/* 基于基线 */
.bstretch {-webkit-box-align: stretch;-moz-box-align: stretch;box-align: stretch;}/* 拉撑子元素 */

/* 盒模型排列方式 */
.ver {-webkit-box-orient: vertical;-moz-box-orient: vertical;box-orient: vertical;} /* 纵向排列 */
.hor {-webkit-box-orient: horizontal;-moz-box-orient: horizontal;box-orient: horizontal;}/* 横向排列 */

/* 圆 */
.rader {border-radius: 50%;-moz-border-radius: 50px;-webkit-border-radius: 50%;}

/* 删除线 */
.through {text-decoration: line-through;}

/* 动画 */
.an {-webkit-transition: all .2s 0s linear;-moz-transition: all .2s 0s linear;transition: all .2s 0s linear;}

/* 在线客服Bar */
.wrap .bar {height: 87px;}
.wrap .bar .room {height: 100%;position: relative;}
.wrap .bar .room .logo {height: 30px;position: relative;min-width: 100px;max-width: 400px;top: 50%;margin-top: -15px;float: left;}
.wrap .bar .room .logo a {height: 30px;min-width: 100px;max-width: 400px;text-align: center;display: table-cell;vertical-align: middle;*display: block;*font-size: 30px;*font-family: 'Arial';font-size: 0;line-height: 30px;}
.wrap .bar .room .logo a img {max-width: 100%;max-height: 100%;}
.wrap .bar .room .search {height: 34px;width: 387px;float: right;position: relative;top: 50%;margin-top: -17px;}
.wrap .bar .room .search input[type=text] {padding: 9px 5px;width: 347px;border: none;background: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.wrap .bar .room .search a.btn {width: 22px;height: 22px;float: right;margin: 6px 6px 0 0;_display: inline;}

/* 在线客服底部 */
.foots {margin-top: 30px;}
.foots .room {padding: 30px 0 30px 0;}
.foots .room .license {width: 500px;float: left;font-size: 14px;font-family: 'Microsoft YaHei';line-height: 24px;}
.foots .room .nav {padding-left: 20px;}
.foots .room .nav .navbox {height: 14px;}
.foots .room .nav .navbox ul {margin-left: -11px;}
.foots .room .nav .navbox ul li {height: 14px;line-height: 14px;float: left;font-size: 14px;font-family: 'Microsoft YaHei';border-left-style: solid;border-left-width: 1px;padding: 0 10px;}
.foots .room .nav .showlicense {height: 50px;margin-top: 20px;float: right;}
.foots .room .nav .showlicense ul li {height: 50px;width: 60px;float: left;margin-left: 10px;_display: inline;}
.foots .room .nav .showlicense ul li a {height: 50px;width: 60px;display: block;background: url(../../Images/Site/serverice/copyright.png) 0 0 no-repeat;}

/* 在线客服返回顶部及在线解答 */
.flowbox {position: fixed;right: 50px;z-index: 9999;bottom: 50px;}
.flowbox .flow {width: 60px;}
.flowbox .flow ul {margin-top: -10px;}
.flowbox .flow ul li {width: 60px;height: 60px;float: left;margin-top: 10px;}
.flowbox .flow ul li a {width: 60px;height: 60px;display: block;background: url(../../Images/Site/serverice/goback.png) 0 0 no-repeat;}
.flowbox .flow ul li.f1 a {background-position: 0 0;}
.flowbox .gotop {width: 60px;height: 60px;margin-top: 10px;}
.flowbox .gotop a.gotopbtn {width: 60px;height: 60px;display: none;background: url(../../Images/Site/serverice/goback.png) 0 -65px no-repeat;line-height: 99;filter:alpha(opacity=0);-moz-opacity:0.0;-khtml-opacity: 0.0;opacity: 0.0;-webkit-transition: opacity 0.2s linear 0.0s;-moz-transition: opacity 0.2s linear 0.0s;transition: opacity 0.2s linear 0.0s;}
.flowbox .show a.gotopbtn {display: block;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0;}

/* 在线客服在线提问弹出层 */
.question {width: 650px;height: 570px;position: absolute;top: 0;left: 0;z-index: 9999;padding: 5px;cursor: default;display: none;}
.question .room {width: 650px;height: 570px;}
.question .room .tips {padding: 20px;position: relative;}
.question .room .tips p.name {height: 30px;line-height: 30px;font-size: 20px;font-family: 'Microsoft YaHei';}
.question .room .tips p.title {line-height: 20px;font-size: 16px;font-family: 'Microsoft YaHei';text-indent: 2em;}
.question .room .tips i.ico {width: 12px;height: 12px;position: absolute;top: 10px;right: 10px;cursor: pointer;}
.question .room .area {padding: 20px;}
.question .room .area .title {height: 20px;}
.question .room .area .title i.ico {width: 19px;height: 17px;float: left;margin-top: 2px;}
.question .room .area .title p.name {height: 20px;line-height: 20px;font-size: 16px;font-family: 'Microsoft YaHei';padding-left: 5px;}
.question .room .area .listbox {margin-top: 10px;padding: 0 40px;}
.question .room .area .listbox ul {margin-top: -10px;font-size: 0;}
.question .room .area .listbox ul li {padding: 0;margin-top: 10px;font-size: 0;}
.question .room .area .listbox ul li.h {width: 50%;display: inline-block;}
.question .room .area .listbox ul li p.name {height: 36px;float: left;line-height: 36px;font-size: 14px;font-family: 'Microsoft YaHei';padding-right: 5px;width: 65px;text-align: right;}
.question .room .area .listbox ul li .inputbox {font-size: 0;}
.question .room .area .listbox ul li .inputbox input[type=text] {padding: 10px 5px;width: 448px;}
.question .room .area .listbox ul li .inputbox select {height: 36px;}
.question .room .area .listbox ul li .inputbox textarea {width: 448px;}
.question .room .area .listbox ul li.h .inputbox input[type=text] {width: 183px;}
.question .room .area .listbox ul li.h .inputbox select {width: 195px;}
.question .room .area .button {height: 47px;margin-top: 10px ;text-align: center;}
.question .room .area .button a.btn {width: 250px;height: 47px;display: inline-block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 16px;font-family: 'Microsoft YaHei';line-height: 47px;text-decoration: none;}

/* 通用头部 */
.wrap .header {height: 80px;}
.wrap .header .room {height: 100%;position: relative;}
.wrap .header .room .logo {height: 40px;position: absolute;top: 50%;margin-top: -20px;min-width: 100px;max-width: 400px;}
.wrap .header .room .logo a {height: 40px;text-align: center;display: table-cell;vertical-align: middle;*display: block;*font-size: 40px;*font-family: 'Arial';font-size: 0;line-height: 40px;}
.wrap .header .room .logo a img {max-width: 100%;max-height: 100%;}
.wrap .header .room .m_r {position: absolute;top: 50%;right: 0;margin-top: -25px;}
.wrap .header .room .m_r ul li {height: 22px;margin: 2px 0;}
.wrap .header .room .m_r ul li i.ico {width: 16px;height: 17px;float: left;margin: 3px 2px 0 0;_display: inline;}
.wrap .header .room .m_r ul li p.name {height: 22px;line-height: 22px;font-size: 12px;font-weight: 700;}

/* 导航条 */
.wrap .menu {height: 40px;border-bottom-style: solid;border-bottom-width: 1px;}
.wrap .menu .room {height: 40px;}
.wrap .menu .room ul {margin-left: -10px;float: left;}
.wrap .menu .room ul li {height: 33px;float: left;padding-top: 7px;margin-left: 10px;}
.wrap .menu .room ul li a {height: 26px;line-height: 26px;padding: 0 15px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;display: block;font-size: 16px;font-family: 'Microsoft YaHei';text-decoration: none;}
.wrap .menu .room .social {height: 35px;margin-top: 5px;float: right;}
.wrap .menu .room .social ul {margin: auto;float: none;overflow: visible;}
.wrap .menu .room .social ul li {height: 35px;padding: 0;position: relative;overflow: visible;}
.wrap .menu .room .social ul li .title {height: 35px;width: 35px;cursor: pointer;}
.wrap .menu .room .social ul li .title i.ico {width: 23px;height: 19px;display: block;margin: 8px auto 0 auto;}
.wrap .menu .room .social ul li .extend {position: absolute;top: 35px;right: 0;z-index: 9999;border-style: solid;border-width: 1px;display: none;}
.wrap .menu .room .social ul li.hover .extend {display: block;}
.wrap .menu .room .social ul li .code {width: 344px;height: 364px;}
.wrap .menu .room .social ul li .weibo {width: 250px;}
.wrap .menu .room .social ul li .code p.tips {height: 20px;line-height: 20px;text-align: center;font-size: 12px;display: block;}
.wrap .menu .room .social ul li .weibo .dev {padding: 15px;border-bottom-style: solid;border-bottom-width: 1px;}
.wrap .menu .room .social ul li .weibo .dev .pic {width: 50px;height: 50px;float: left;margin: 0 5px 0 0;_display: inline;}
.wrap .menu .room .social ul li .weibo .dev .pic a {height: 50px;width: 50px;text-align: center;display: table-cell;vertical-align: middle;*display: block;*font-size: 50px;*font-family: 'Arial';font-size: 0;line-height: 50px;padding: 0;text-decoration: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.wrap .menu .room .social ul li .weibo .dev .pic a img {max-width: 100%;max-height: 100%;}
.wrap .menu .room .social ul li .weibo .dev dl.info {display: block;}
.wrap .menu .room .social ul li .weibo .dev dl.info dt {height: 16px;}
.wrap .menu .room .social ul li .weibo .dev dl.info dt a.name {height: 16px;float: left;line-height: 16px;font-size: 14px;font-family: 'SimSun';padding: 0;}
.wrap .menu .room .social ul li .weibo .dev dl.info dt span.level {width: 16px;height: 16px;float: left;background: url(../images/icon_user.png) 0 0 no-repeat;margin: 0 4px 0 2px;_display: inline;}
.wrap .menu .room .social ul li .weibo .dev dl.info dt span.level0 {background-position: 0 -59px;}
.wrap .menu .room .social ul li .weibo .dev dl.info dt span.adv {height: 16px;line-height: 16px;float: left;font-size: 12px;}
.wrap .menu .room .social ul li .weibo .dev dl.info dd {height: 30px;}
.wrap .menu .room .social ul li .weibo .dev dl.info dd {margin-top: 4px;}
.wrap .menu .room .social ul li .weibo .dev dl.info dd a.btn {height: 28px;display: block;float: left;padding: 0 5px;border-style: solid;border-width: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;font-family: 'SimSun';}
.wrap .menu .room .social ul li .weibo .dev dl.info dd a.btn i.ico {width: 8px;height: 8px;float: left;background: url(../images/icon_user.png) 0 -118px;margin: 11px 2px 0 0;_display: inline;}
.wrap .menu .room .social ul li .weibo .dev dl.info dd a.btn em {height: 28px;line-height: 28px;font-size: 12px;display: block;}


/* 响应式布局 */
@media only screen and (min-width: 1200px){

}
@media only screen and (min-width: 960px) and (max-width: 1199px){

}
@media only screen and (min-width: 768px) and (max-width: 959px){

}
@media only screen and (min-width: 480px) and (max-width: 767px){

}
@media only screen and (min-width: 350px) and (max-width: 479px){

}
@media only screen and (max-width: 349px){

}