a {
 color: inherit;
 text-decoration: inherit;
 cursor: inherit;
 color: #999;
 cursor: pointer
}
a:active, a:focus {
 outline: none
}
a, div {
 -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
.pservers {
 width: 1024px;
 margin: 0 auto;
 margin-bottom: 20px;
 min-width: 1024px
}
@media only all and (max-width: 1024px) {
 .pservers {
  width: 100%;
  min-width: 0
 }
}
.pservers .nextserver {
 clear: both;
 margin-bottom: 40px;
 *margin-bottom: 15px
}
@media only all and (max-width: 1024px) {
 .pservers .nextserver {
  display: none
 }
}
.pservers .nextserver .t4 {
 font-size: 20px;
 color: #333;
 padding-bottom: 15px
}
.pservers .nextserver .nstxt {
 font-size: 16px;
 color: #595959;
 line-height: 24px;
 padding-bottom: 20px
}
.pservers .nextserver .nswb {
 background: url(../images/next_pservers.png) no-repeat;
 width: 70px;
 height: 66px;
 display: inline-block
}
@media only all and (max-width: 1024px) {
 .pageContent .pTitle4 img {
  width: 32%
 }
}
.ps_list {
 margin-bottom: 30px;
 padding-left: 80px;
 border-bottom: 1px dashed #b0b0b0
}
@media only all and (max-width: 1024px) {
 .ps_list {
  width: 770px;
  height: 410px;
  margin: 0 auto;
  padding-left: 90px;
  border-bottom: none
 }
}
@media only all and (max-width: 870px) {
 .ps_list {
  padding-left: 85px !important
 }
}
@media only all and (max-width: 768px) {
 .ps_list {
  width: 660px !important;
  height: 440px
 }
}
@media only all and (max-width: 640px) {
 .ps_list {
  width: 550px !important;
  padding-left: 40px !important
 }
}
@media only all and (max-width: 560px) {
 .ps_list {
  width: 450px !important;
  margin-left: 52px !important;
  padding-left: 0px !important
 }
}
@media only all and (max-width: 480px) {
 .ps_list {
  display: none
 }
}
.ps_list li {
 float: left;
 width: 190px;
 padding-left: 0px;
 margin-bottom: 50px;
 border-right: 1px dashed #b0b0b0;
 padding-right: 70px;
 margin-left: 70px;
}
@media only all and (max-width: 1024px) {
 .ps_list li {
  width: 190px;
  height: 240px;
  padding-right: 20px;
  margin-left: 30px;
  border-right: none
 }
}
@media only all and (max-width: 768px) {
 .ps_list li {
  width: 170px;
  height: 150px;
  margin-left: 0px
 }
}
@media only all and (max-width: 640px) {
 .ps_list li {
  width: 140px;
  height: 150px;
  margin-left: 10px;
  border-right: none;
  padding-right: 4%
 }
}
@media only all and (max-width: 560px) {
 .ps_list li {
  padding-right: 0
 }
}
.ps_list li .morebtn {
 background-color: #C2C2C2;
 width: 98px;
 height: 10px;
 padding: 7px 0 12px 0px;
 _padding-bottom: 5px;
 display: block;
 border-radius: 4px;
 margin: 0 auto;
 color: #fff
}
@media only all and (max-width: 1024px) {
 .ps_list li .morebtn {
  display: none
 }
}
.ps_list li .morebtn:hover {
 background-color: #585858
}
.ps_list li .ps_bline {
 padding-bottom: 1px;
 border-bottom: 1px #E83828 solid;
 width: 102px;
 height: 1px;
 display: block;
 margin: 0 auto;
 margin-bottom: 13px;
 position: relative;
 _margin-top: -46px
}
@media only all and (max-width: 1024px) {
 .ps_list li .ps_bline {
  border-bottom: none
 }
}
.ps_list span {
 -moz-transition: color .3s linear;
 -webkit-transition: color .3s linear;
 -o-transition: color .3s linear;
 transition: color .3s linear
}
.ps_list span:hover {
 -moz-transition: color .3s linear;
 -webkit-transition: color .3s linear;
 -o-transition: color .3s linear;
 transition: color .3s linear
}
.service-item-name {
 color: #454545;
 font-size: 17px
}
.ps_list span {
 color: #454545;
 width: 100%;
 font-size: 13px
}
.ps_list a:hover {
 color: #E83828;
 border-bottom: 1px solid #fff
}
.ps_list a span:hover {
 color: #E83828
}
.ps_list .pstxt {
 line-height: 20px;
 margin-bottom: 10px
}
.ps_list .pstxt a {
 color: #454545;
 font-size: 13px;
 _line-height: 20px
}
.ps_list .pstxt a:hover {
 color: #E83828
}
.ps_list .pstxt span {
 border: 0px;
 display: inline-block;
 text-align: center
}
@media only all and (max-width: 1024px) {
 .ps_list .pstxt {
  display: none
 }
}
@media only all and (max-width: 1024px) {
 .ps_list .pstxt a {
  font-size: 12px
 }
}
.ps_list .ps_l1, .ps_list .ps_l2, .ps_list .ps_l3, .ps_list .ps_l4, .ps_list .ps_l5, .ps_list .ps_l6 {
 background: url(../images/pageserver_list.png) no-repeat;
 _background: url(../images/pageserver_list.gif) no-repeat;
 width: 190px;
 margin: 0 0px 26px 0px;
 _margin-bottom: 0px;
 padding-top: 100px;
 height: 20px;
 display: block;
 line-height: 70px;
 cursor: pointer
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l1, .ps_list .ps_l2, .ps_list .ps_l3, .ps_list .ps_l4, .ps_list .ps_l5, .ps_list .ps_l6 {
  width: 155px
 }
}
.ps_list .ps_l1 {
 background-position: 0 0
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l1 {
  background-position: -20px 0
 }
}
.ps_list .ps_l1:hover {
 background-position: 0 -120px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l1:hover {
  background-position: -20px -120px
 }
}
.ps_list .ps_l2 {
 background-position: -190px 0
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l2 {
  background-position: -210px 0
 }
}
.ps_list .ps_l2:hover {
 background-position: -190px -120px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l2:hover {
  background-position: -210px -120px
 }
}
.ps_list .ps_l3 {
 background-position: -380px 0px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l3 {
  background-position: -400px 0px
 }
}
.ps_list .ps_l3:hover {
 background-position: -380px -120px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l3:hover {
  background-position: -400px -120px
 }
}
.ps_list .ps_l4 {
 background-position: -190px -240px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l4 {
  background-position: -210px -240px
 }
}
.ps_list .ps_l4:hover {
 background-position: -190px -360px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l4:hover {
  background-position: -210px -360px
 }
}
.ps_list .ps_l5 {
 background-position: 0 -240px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l5 {
  background-position: -20px -240px
 }
}
.ps_list .ps_l5:hover {
 background-position: 0 -360px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l5:hover {
  background-position: -20px -360px
 }
}
.ps_list .ps_l6 {
 background-position: -380px -240px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l6 {
  background-position: -400px -240px
 }
}
.ps_list .ps_l6:hover {
 background-position: -380px -360px
}
@media only all and (max-width: 640px) {
 .ps_list .ps_l6:hover {
  background-position: -400px -360px
 }
}
@media only all and (max-width: 1024px) {
 .ps_list li {
  height: 140px
 }
}
.ps_list_2 {
 overflow: hidden;
 *zoom: 1;
 margin: 50px auto;
 width: 300px;
 display: none
}
@media only all and (max-width: 480px) {
 .ps_list_2 {
  display: block
 }
}
@media only all and (max-width: 320px) {
 .ps_list_2 {
  padding-left: 20px
 }
}
.ps_list_2 li {
 width: 83px;
 float: left;
 margin-left: 15px;
 margin-bottom: 20px;
 text-align: center
}
.ps_list_2 li a {
 color: #333;
 cursor: pointer
}
@media only all and (max-width: 320px) {
 .ps_list_2 li {
  margin-left: 10px
 }
}
@media only all and (max-width: 640px) {
 .ps_list_2 img {
  width: 65%
 }
}
@media only all and (max-width: 320px) {
 .ps_list_2 img {
  width: 80%
 }
}
.ps_list_2 p {
 text-align: center;
 padding-top: 5px
}
.mproce {
 width: 100%;
 height: 463px;
 margin: 0 auto;
 display: block;
 background: url(../images/workslogon_bg.png) no-repeat center center;
 min-width: 1024px
}
@media only all and (max-width: 1024px) {
 .mproce {
  min-width: 0
 }
}
@media only all and (max-width: 640px) {
 .mproce {
  display: none
 }
}
.mproce .workslogon {
 margin: 0 auto;
 width: 770px;
 padding-left: 200px;
 *padding-left: 40px;
 padding-top: 50px
}
@media only all and (max-width: 1024px) {
 .mproce .workslogon {
  width: 600px;
  padding-left: 0
 }
}
.mproce .workslogon .wscon {
 width: 575px;
 height: 212px;
 background: url(../images/workslogon.png) no-repeat;
 position: absolute;
 z-index: 20
}
@media only all and (max-width: 1024px) {
 .mproce .workslogon .wscon {
  background-size: 94%;
  margin-left: 50px
 }
}
@media only all and (max-width: 768px) {
 .mproce .workslogon .wscon {
  background-size: 90%;
  margin-left: 40px
 }
}
.mproce .workslogon .wstxtbg {
 width: 575px;
 height: 212px;
 background: url(../images/workssologn_txt1.png) no-repeat;
 display: block;
 position: relative;
 z-index: 10
}
@media only all and (max-width: 1024px) {
 .mproce .workslogon .wstxtbg {
  width: 550px;
  background-size: 94%;
  margin-left: 50px
 }
}
@media only all and (max-width: 768px) {
 .mproce .workslogon .wstxtbg {
  background-size: 90%;
  margin-left: 40px
 }
}
.mproce .workslogon .wstitle1 {
 width: 575px;
 font-size: 48px;
 color: #fff;
 padding-bottom: 20px;
 padding-top: 25px;
 padding-left: 20px
}
@media only all and (max-width: 1024px) {
 .mproce .workslogon .wstitle1 {
  font-size: 42px;
  padding-top: 18px
 }
}
.mproce .workslogon .wstxt {
 width: 575px;
 color: #fff;
 font-size: 15px;
 line-height: 20px
}
.promanage {
 width: 100%;
 height: 495px;
 margin: 0 auto;
 display: block;
 background: url(../images/project_slobg.jpg) no-repeat center center;
 min-width: 1024px
}
@media only all and (max-width: 1024px) {
 .promanage {
  display: none
 }
}
.promanage .workpmcon {
 width: 1024px;
 margin: 0 auto;
 padding-top: 50px
}
.promanage .wspmtitle {
 font-size: 30px;
 color: #fff
}
.promanage .wspmtab {
 width: 248px;
 padding: 16px 0 30px 0px;
 padding-bottom: 30px;
 margin: 0 auto
}
.sprotab {
 width: 1024px;
 margin: 0 auto
}
.sprotab dd {
 width: 1024px
}
.sprotab dt {
 width: 1024px;
 text-align: center
}
.sprotab dt span {
 border: 1px solid #E83828;
 color: #ffffff;
 cursor: pointer;
 float: left;
 font-size: 14px;
 line-height: 27px;
 height: 28px;
 text-align: center;
 text-decoration: none;
 width: 120px
}
.sprotab dt .on, .slideBox dt .on {
 background-color: #E83828
}
.sprotab dt .active, .slideBox dt .active {
 background-color: #ffffcc
}
.sprotab dt .on, .sprotab span:hover {
 color: #fff;
 border: 1px solid #E83828
}
.pmrule {
 width: 100%;
 height: 784px;
 margin: 0 auto;
 display: block;
 min-width: 1024px
}
@media only all and (max-width: 1024px) {
 .pmrule {
  min-width: 0
 }
}
@media only all and (max-width: 640px) {
 .pmrule {
  display: none
 }
}
.pmrule .prtitle, .pmrule .prtitle2 {
 font-size: 48px;
 color: #454545;
 padding-top: 90px;
 padding-bottom: 40px
}
@media only all and (max-width: 1024px) {
 .pmrule .prtitle, .pmrule .prtitle2 {
  font-size: 45px
 }
}
.pmrule .prtitle2 {
 padding-top: 40px
}
.pmrule .prtxt {
 width: 80%;
 margin: 0 auto;
 margin-top: 25px;
 font-size: 14px;
 line-height: 24px;
 color: #454545
}
@media only all and (max-width: 768px) {
 .pmrule .prtxt {
  width: 80%;
  margin: 0 auto;
  margin-top: 25px
 }
}
@media only all and (max-width: 768px) {
 .pmrule img {
  width: 100%
 }
}
.service-item-icon {
 width: 65px;
 height: 65px;
 margin: 0 auto
}
@media only all and (max-width: 640px) {
 .service-item-icon {
  height: 50px;
  background-size: 65%
 }
}
@media only all and (max-width: 320px) {
 .service-item-icon {
  width: auto
 }
}
.service-item-name {
 color: #585858;
 font-size: 17px;
 margin-top: 8px
}
@media only all and (max-width: 640px) {
 .service-item-name {
  margin-top: 5px
 }
}
.mln a:hover .service-item-name {
 color: #e83828
}
.icon-computer {
 background-image: url('../images/computer.png?1484408217');
 background-repeat: no-repeat;
 background-position: center center;
 cursor: pointer
}
.icon-computer:hover {
 background-image: url(../images/icon-computer.gif)
}
@media only all and (max-width: 1024px) {
 .icon-computer {
  background-image: url('../images/computer.png?1484408217');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer
 }
 .icon-computer:hover {
  background-image: url('../images/computer.png?1484408217')
 }
}
.icon-click {
 background-image: url('../images/click.png?1484408217');
 background-repeat: no-repeat;
 background-position: center center;
 cursor: pointer
}
.icon-click:hover {
 background-image: url(../images/icon-click.gif)
}
@media only all and (max-width: 1024px) {
 .icon-click {
  background-image: url('../images/click.png?1484408217');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer
 }
 .icon-click:hover {
  background-image: url('../images/click.png?1484408217')
 }
}
.icon-phone {
 background-image: url('../images/phone.png?1484408217');
 background-repeat: no-repeat;
 background-position: center center;
 cursor: pointer
}
.icon-phone:hover {
 background-image: url(../images/icon-phone.gif)
}
@media only all and (max-width: 1024px) {
 .icon-phone {
  background-image: url('../images/phone.png?1484408217');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer
 }
 .icon-phone:hover {
  background-image: url('../images/phone.png?1484408217')
 }
}
.icon-cart {
 background-image: url('../images/cart.png?1484408217');
 background-repeat: no-repeat;
 background-position: center center;
 cursor: pointer
}
.icon-cart:hover {
 background-image: url(../images/icon-cart.gif)
}
@media only all and (max-width: 1024px) {
 .icon-cart {
  background-image: url('../images/cart.png?1484408217');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer
 }
 .icon-cart:hover {
  background-image: url('../images/cart.png?1484408217')
 }
}
.icon-gear {
 background-image: url('../images/gear.png?1484408217');
 background-repeat: no-repeat;
 background-position: center center;
 cursor: pointer
}
.icon-gear:hover {
 background-image: url(../images/icon-gear.gif)
}
@media only all and (max-width: 1024px) {
 .icon-gear {
  background-image: url('../images/gear.png?1484408217');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer
 }
 .icon-gear:hover {
  background-image: url('../images/gear.png?1484408217')
 }
}
.icon-terminal {
 background-image: url('../images/terminal.png?1484408217');
 background-repeat: no-repeat;
 background-position: center center;
 cursor: pointer
}
.icon-terminal:hover {
 background-image: url(../images/icon-terminal.gif)
}
@media only all and (max-width: 1024px) {
 .icon-terminal {
  background-image: url('../images/terminal.png?1484408217');
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer
 }
 .icon-terminal:hover {
  background-image: url('../images/terminal.png?1484408217')
 }
}