.pagesize1 {
  padding-top: 32px;
  padding-bottom: 25px;
  border-top: 1px solid #eaeaea;
}

.pagesize1 a {
  display: inline-block;
  width: 54px;
  margin: 0 7px;
  height: 54px;
  padding: 0;
}

.pagesize1 a.prev {
  background: url(../image/cur1.png) no-repeat center center;
  background-size: 100% auto;
}

.pagesize1 a.next {
  background: url(../image/cur2.png) no-repeat center center;
  background-size: 100% auto;
}

.pagesize1 a.prev:hover {
  background: url(../image/cur1-1.png) no-repeat center center;
  background-size: 100% auto;
}

.pagesize1 a.next:hover {
  background: url(../image/cur2-1.png) no-repeat center center;
  background-size: 100% auto;
}

.pagesize1 a.ty {
  background: url(../image/ty5.png) no-repeat center center;
  background-size: 100% auto;
}

.pagesize a.more {
  background: url(../image/icon49.png) no-repeat center center;
  ;
  background-size: 100% auto;
}

.pagesize a.more:hover {
  background: url(../image/icon49_1.png) no-repeat center center;
  ;
  background-size: 100% auto;
}


.content-article {
  padding: 40px;
  background: #f1f3f4;
}

.content-article {
  font-size: 15px;
  text-indent: 2em;
  margin-top: 10px;
  line-height: 28px;
  color: #505050;
}

.content-article .title {
  font-size: 24px;
  height: 30px;
  text-indent: 0;
  text-align: center;
  color: #020202;
  margin-bottom: 20px;
  font-family: "寰蒋闆呴粦", Arial, Helvetica, sans-serif
}

.content-article .time {
  color: #999;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
  font-size: 14px;
  margin-top: 0;
  text-indent: 0
}

.aside-contact {
  width: 62px;
  position: fixed !important;
  top: 250px;
  right: 10px;
  z-index: 999
}

.aside-contact .help-tip,
.aside-contact .mail-tip,
.aside-contact .phone-tip,
.aside-contact .register-tip {
  position: relative;
  width: 60px;
  height: 36px;
  padding: 12px 0;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  background: url(../../../static/index/aside-contact_1.png) no-repeat #fff
}

.aside-contact .phone-tip {
  background-position: -154px -2px
}

.aside-contact .mail-tip {
  background-position: -154px -64px
}

.aside-contact .help-tip {
  position: relative;
  background-position: -82px -128px
}

.aside-contact .help-tip a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px
}

.aside-contact .register-tip {
  cursor: pointer;
  background: url(../../../static/index/register-tip_1.jpg) center no-repeat #fff
}

.aside-contact .register-tip:hover {
  background: url(../../../static/index/register-tip-hover_1.jpg) center no-repeat #8db2df
}

.aside-contact .help-tip:hover .txt,
.aside-contact .mail-tip:hover .tip,
.aside-contact .mail-tip:hover .txt,
.aside-contact .phone-tip:hover .tip,
.aside-contact .phone-tip:hover .txt {
  display: block
}

.aside-contact .help-tip .txt {
  line-height: 32px
}

.aside-contact .register-tip .txt {
  display: block;
  font-size: 0
}

.aside-contact .register-tip .txt a {
  display: block;
  color: #666;
  text-indent: -999px
}

.aside-contact .register-tip:hover .txt a {
  display: block;
  color: #666
}

.aside-contact .help-tip:hover,
.aside-contact .mail-tip:hover,
.aside-contact .phone-tip:hover {
  background: #8db2df
}

.aside-contact .tip,
.aside-contact .txt {
  cursor: default;
  display: none
}

.aside-contact .tip {
  position: absolute;
  width: 135px;
  padding-right: 15px;
  height: 40px;
  line-height: 40px;
  top: 11px;
  right: 66px;
  font-size: 12px
}

.aside-contact .phone-tip:hover .tip {
  background: url(../../../static/index/aside-contact_1.png) 0 -9px no-repeat
}

.aside-contact .mail-tip:hover .tip {
  background: url(../../../static/index/aside-contact_1.png) 0 -73px no-repeat
}



.pro-advantage-mod {
  height: 470px;
  padding: 70px 0 40px;
  background: #f1f3f4
}

.pro-advantage-mod .advantage-list li {
  float: left;
  width: 458px;
  height: 140px;
  border-bottom: 1px dashed #d4d4d4
}

.pro-advantage-mod .advantage-list li .advant-item {
  width: 428px;
  padding: 30px 0
}

.pro-advantage-mod .advantage-list li .advant-item.ml30 {
  margin-left: 30px
}

.pro-advantage-mod .advantage-list li .advant-item h4 {
  padding-bottom: 5px;
  line-height: 1em;
  font-size: 20px;
  color: #0154a0
}

.pro-advantage-mod .advantage-list li p a {
  font-size: 16px;
  color: #666
}

.pro-advantage-mod .ico-advantage {
  width: 75px;
  height: 75px;
  margin-right: 16px;
  float: left;
  background: url(../../../static/index/qiye-bg.png) 70px 70px no-repeat;
  overflow: hidden
}

.pro-advantage-mod .ico-brand {
  background-position: -25px -75px
}

.pro-advantage-mod .ico-save {
  background-position: -125px -75px
}

.pro-advantage-mod .ico-stable {
  background-position: -225px -75px
}

.pro-advantage-mod .ico-flow {
  background-position: -325px -75px
}

.pro-advantage-mod .ico-easy {
  background-position: -425px -75px
}

.pro-advantage-mod .ico-server {
  background-position: -525px -75px
}

.pro-advantage-mod .ico-link {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../../../static/index/mix-icon.png) -225px -25px no-repeat;
  overflow: hidden
}

.pro-bflow-mod,
.pro-coop-mod,
.pro-func-mod,
.pro-join-mod {
  padding: 70px 0;
  background: #fff
}

.pro-func-mod {
  padding: 70px 0 10px
}

.pro-func-item {
  border-bottom: 1px dashed #d4d4d4
}

.func-item-txt {
  font-size: 16px;
  padding-top: 15px
}

.func-item-txt h4 {
  font-size: 32px;
  font-weight: 600;
  color: #0154a0
}

.func-item-txt p {
  color: #555
}

.func-item-txt a {
  display: inline-block;
  margin-top: 30px;
  margin-left: 24px;
  color: #0154a0
}

.func-item-img img {
  width: 335px
}

.pro-manage-func {
  height: 298px
}

.pro-manage-func .func-item-img {
  width: 335px;
  margin: 60px 0
}

.pro-manage-func .func-item-txt {
  width: 513px;
  margin: 65px 0 0 68px
}

.pro-efficiency-func .func-item-img {
  width: 332px;
  margin: 60px 0
}

.pro-efficiency-func .func-item-txt {
  width: 516px;
  margin: 65px 68px 0 0
}

.pro-office-func .func-item-img {
  width: 332px;
  margin: 60px 0
}

.pro-office-func .func-item-txt {
  width: 516px;
  margin: 65px 0 0 68px
}

.pro-cost-func .func-item-img {
  width: 332px;
  margin: 60px 0
}

.pro-cost-func .func-item-txt {
  width: 516px;
  margin: 65px 68px 0 0
}

.pro-custom-mod,
.pro-version-mod {
  padding: 70px 0;
  background: #f1f3f4
}

.pro-custom-mod .custom-type-list {
  margin-top: 15px
}

.pro-custom-mod .custom-type-list li {
  float: left;
  margin-right: 25px
}

.pro-custom-mod .custom-type-list li img {
  display: block;
  width: 210px
}

.pro-campus-func .func-item-img,
.pro-court-func .func-item-img {
  width: 332px;
  margin: 66px 0
}

.pro-campus-func .func-item-txt,
.pro-court-func .func-item-txt {
  width: 516px;
  margin: 65px 0 0 68px
}

.pro-securities-func .func-item-img {
  width: 332px;
  margin: 66px 0
}

.pro-securities-func .func-item-txt {
  width: 516px;
  margin: 65px 68px 0 0
}

.enterprise-app .pro-func-item {
  padding: 100px 0;
  border-bottom: 1px solid #d4d4d4
}

.enterprise-app .func-item-img img {
  width: 300px;
  margin: 0
}

.enterprise-app .func-item-img.fl {
  width: 300px;
  margin: 0;
  padding-right: 35px
}

.enterprise-app .func-item-txt.fl {
  width: 537px;
  margin-left: 44px
}

.enterprise-app .func-item-img.fr {
  width: 300px;
  margin: 0;
  padding-left: 35px
}

.enterprise-app .func-item-txt.fr {
  width: 537px;
  margin-right: 44px
}

.pro-offer-mod {
  padding: 70px 0;
  background: #f1f3f4
}

.g-pro-body .table-common {
  width: 100%;
  margin-top: 30px;
  background: #fff;
  color: #666;
  font-size: 14px;
  text-align: center
}

.g-pro-body .table-common thead tr {
  height: 46px;
  background: #70a4d4;
  color: #fff
}

.g-pro-body .table-common tr td {
  width: 458px;
  padding: 10px 0
}

.g-pro-body .hover-table tbody tr {
  border-bottom: 1px solid #F5F4F4
}

.g-pro-body .hover-table tbody tr:hover {
  background: #e5f0f7
}

.g-pro-body .table-common tr.checkTheNum {
  height: 40px;
  line-height: 40px;
  background: #0154a0;
  color: #fff
}

.g-pro-body .table-common tr.checkTheNum td {
  padding: 0
}

.g-pro-body .table-common tr.checkTheNum:hover {
  background: #0154a0
}

.g-pro-body .table-common tr.checkTheNum .ipt-txt {
  height: 24px;
  border: 1px solid #0154a0;
  padding: 0 7px;
  margin: 0 10px;
  font-size: 12px
}

.g-pro-body .table-common tr.checkTheNum .w-tb-btn {
  background: #3dbd82
}

.g-pro-body .table-common tr.checkTheNum .w-tb-btn:hover {
  background: #1CC779
}

.w-tb-btn {
  display: inline-block;
  width: 60px;
  height: 27px;
  color: #fff;
  background: #3dbd82;
  border: none;
  cursor: pointer
}

.w-tb-btn:hover {
  background: #1CC779
}

.g-pro-body .table-common caption h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #000
}

.g-pro-body .table-common caption p {
  font-weight: 600
}

.g-pro-body .table-keyAccount {
  text-align: left;
  margin-top: 20px
}

.table-keyAccount tbody tr td {
  width: 50px
}

.g-pro-body .table-keyAccount span {
  display: inline-block;
  height: 24px
}

.g-pro-body .table-keyAccount .label {
  width: 72px
}

.table-keyAccount tbody tr td .inputd .normal {
  width: 276px;
  height: 20px;
  border: 1px solid #e2e2e2
}

.table-keyAccount tbody tr td .inputd .normal-1 {
  width: 73px
}

.table-keyAccount tbody tr td .inputd .normal-2 {
  width: 196px
}

.table-keyAccount tbody tr td .inputd select {
  border: 1px solid #e2e2e2;
  width: 136px
}

.table-keyAccount tbody tr td .tips {
  width: 90px;
  color: #999;
  font-weight: 400;
  text-align: left;
  font-size: 12px
}

.f-query .ex-arrow,
.f-query table,
.f-query table th {
  text-align: center
}

.table-keyAccount .w-tb-btn {
  height: 38px;
  width: 80px
}

.f-query {
  padding: 20px;
  font-size: 14px;
  background: #fff
}

.f-query table td,
.f-query table th {
  padding: 10px 0;
  color: #666
}

.f-query table {
  width: 100%;
  border-bottom: 1px solid #ddddde
}

.f-query table th {
  width: 292px
}

.f-query table tr.price-info td {
  font-size: 16px;
  color: #0154a0
}

.f-query .query-tips {
  color: #666;
  font-weight: 600;
  margin-top: 10px
}

.engineerCard-corp,
.engineerCard-name,
.engineerCard-serial {
  text-align: right;
  color: #000;
  position: absolute
}

.f-query .ex-arrow-btn {
  cursor: pointer;
  display: inline-block;
  padding-top: 25px;
  margin-top: 2px;
  color: #c3c1c1;
  background: url(../../../static/index/qiye-bg.png) -257px -14px no-repeat
}

.pro-dealer-query-mod {
  padding: 70px 0 50px;
  background: #f1f3f4;
  font-size: 16px;
  color: #666
}

.dispic-join-dealer h4,
.pro-dealer-query-mod h4 {
  color: #0154a0;
  font-size: 18px;
  font-weight: 600;
  line-height: 2.5em
}

.pro-dealer-query-mod .song-txt {
  font-size: 14px;
  line-height: 30px
}

.pro-coop-mod,
.pro-join-mod {
  font-size: 16px;
  color: #666
}

.pro-coop-mod .song-txt,
.pro-join-mod .song-txt {
  font-size: 14px;
  line-height: 30px
}

.pro-coop-mod .song-txt {
  padding-top: 15px
}

.content-dstrib {
  margin-top: 45px
}

.tab-box .hd {
  height: 30px;
  line-height: 30px;
  background: #f4f4f4;
  padding: 0 10px 0 20px;
  border-bottom: 1px solid #ddd
}

.tab-box .hd a {
  display: inline-block;
  padding: 0 15px;
  cursor: pointer;
  color: #666
}

.tab-box .hd a.on {
  height: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-bottom: 2px solid #fff;
  color: #0154a0
}

.con-join-dstrib-left {
  width: 600px;
  float: left
}

.con-join-dstrib-right {
  width: 315px;
  float: left
}

.w-query-dstrib {
  margin-top: 24px
}

.con-join-dstrib-right .ipt-txt {
  width: 212px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  padding-left: 14px;
  border: 1px solid #DDD
}

.con-join-dstrib-right .w-tb-btn {
  width: 80px;
  height: 32px
}

.con-join-dstrib-right .txt-info {
  margin: 6px 0 0 12px;
  font-size: 12px;
  color: #959595
}

.con-join-dstrib-right .search-result {
  margin-top: 10px;
  border: 1px solid #ddd;
  background: #fff
}

.search-result-head {
  height: 36px;
  line-height: 36px;
  margin: 1px;
  background: #C4DBE9;
  text-indent: 20px;
  color: #fff;
  font-weight: 700
}

.search-result-body {
  padding: 20px
}

.search-result-body table tr td.wd1 {
  width: 85px;
  font-weight: 700;
  vertical-align: top
}

.engineerCard,
.engineerCard-level0,
.engineerCard-level1 {
  background: url(../../../static/index/ChuJi.png)
}

.engineerCard-level2 {
  background: url(../../../static/index/ZhongJi.png)
}

.engineerCard-level3 {
  background: url(../../../static/index/GaoJi.png)
}

.engineerCard-level4 {
  background: url(../../../static/index/ZiShen.png)
}

.engineerCard-level5 {
  background: url(../../../static/index/FiveStar.png)
}

.engineerCard-level6 {
  background: url(../../../static/index/SixStar.png)
}

.engineerCard-levelg1 {
  background: url(../../../static/index/ChuJiGW.png)
}

.engineerCard-levelg2 {
  background: url(../../../static/index/ZhongJiGW.png)
}

.engineerCard-levelg3 {
  background: url(../../../static/index/GaoJiGW.png)
}

.engineerCard-levelg4 {
  background: url(../../../static/index/ZiShenGW.png)
}

.engineerCard-levelg5 {
  background: url(../../../static/index/FiveStar.png)
}

.engineerCard-levelg6 {
  background: url(../../../static/index/SixStarGW.png)
}

.engineerCard {
  width: 295px;
  height: 465px;
  font-size: 12px;
  overflow: hidden;
  position: relative;
  margin: 20px auto
}

.engineerCard-avatar {
  position: absolute;
  width: 130px;
  height: auto;
  overflow: hidden;
  right: 20px;
  top: 110px;
  visibility: hidden
}

.engineerCard-name {
  width: 205px;
  top: 285px;
  right: 64px;
  font-size: 22px
}

.engineerCard-corp {
  width: 295px;
  bottom: 43px;
  right: 25px;
  height: 35px;
  line-height: 35px;
  font-size: 16px
}

.engineerCard-serial {
  width: 128px;
  line-height: normal;
  top: 40px;
  right: 20px
}

.engineerCard-level2 .engineerCard-name {
  color: #a81b23
}

.engineerCard-level1 .engineerCard-name {
  color: #2e358f
}

.engineerCard-level0 .engineerCard-name {
  color: #558a3a
}

.content-join-dstrib h4 {
  line-height: 2.5em
}

.content-join-dstrib h4,
.content-join-dstrib h5 {
  font-weight: 600
}

.join-contact .join-Line,
.join-contact .join-email {
  padding: 0 32px 0 43px;
  margin: 25px 0;
  font-size: 16px;
  line-height: 80px;
  color: #fff;
  background: #5091CB;
  float: left;
  vertical-align: middle
}

.content-coop-dstrib .join-email {
  padding-left: 0;
  padding-right: 0;
  width: 916px;
  text-align: center
}

.join-contact .join-Line strong,
.join-contact .join-email strong {
  font-size: 22px;
  font-weight: 500;
  margin: 0 15px
}

.join-contact .join-Line .join-phone {
  display: inline-block;
  height: 58px;
  width: 166px;
  margin-left: 15px;
  margin-top: -14px;
  vertical-align: middle
}

.join-contact .join-Line .join-phone strong {
  display: block;
  margin: 5px 0;
  line-height: 25px
}

.join-contact .join-email {
  margin-left: 5px
}

.join-contact .ico-email,
.join-contact .ico-phone {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-top: -10px
}

.join-contact .ico-phone {
  background-position: -24px -172px
}

.join-contact .ico-email {
  background-position: -99px -172px
}

.content-join-dealer ul {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #c3c1c1
}

.content-join-dealer ul li {
  float: left;
  width: 160px;
  text-align: center;
  margin-right: 29px
}

.gallery-wrap,
.gallery-wrap li {
  width: 100%;
  min-width: 1080px;
  height: 379px
}

.customer-gallery {
  min-width: 1080px
}

.gallery-wrap {
  position: relative;
  overflow: hidden
}

.gallery-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  background: center 0 no-repeat;
  opacity: 0;
  filter: alpha(opacity=0)
}

.thumbnails-wrap {
  width: 1080px;
  height: 110px;
  margin: 0 auto
}

.thumbnails {
  position: relative;
  width: 1000px;
  height: 110px;
  overflow: hidden
}

.thumbnails ul {
  position: absolute;
  width: 10000px;
  left: 0;
  top: 0
}

.thumbnails li {
  margin: 12px 5px;
  border: 1px solid #ddd;
  float: left;
  font-size: 0
}

.thumbnails li.active {
  box-shadow: 0 0 10px rgba(1, 84, 160, .46);
  border: 1px solid #B3D5F5
}

.thumbnails li img {
  cursor: pointer
}

.thumbnails-wrap .left-arrow,
.thumbnails-wrap .right-arrow {
  display: inline-block;
  width: 40px;
  height: 110px;
  float: left;
  background-image: url(../../../static/index/gal-arrow.gif);
  background-repeat: no-repeat
}

.thumbnails-wrap .left-arrow {
  background-position: 2px
}

.thumbnails-wrap .left-arrow:hover {
  background-position: -48px
}

.thumbnails-wrap .right-arrow {
  background-position: -98px
}

.thumbnails-wrap .right-arrow:hover {
  background-position: -148px
}

.pro-case-list-mod {
  background: #fff;
  padding: 30px 0 70px
}

.pro-case-list-mod .mod-title {
  color: #666;
  line-height: 2.5em;
  font-weight: 400;
  font-size: 18px
}

.customer-list li {
  POSITION: relative;
  width: 230px;
  height: 73px;
  line-height: 73px;
  border: 1px dashed #ddd;
  text-align: center;
  float: left;
  overflow: hidden;
  margin: -1px 0 0 -1px;
  padding: 20px 15px;
}

.customer-list li img {
  vertical-align: middle
}

.g-help-body {
  background: #f1f3f4
}

.g-help-body .g-wrap {
  border-bottom: 1px solid #fff
}

.help-search-bar {
  text-align: right;
  padding: 15px 0
}

.help-search-bar .question-txt {
  width: 480px;
  height: 28px;
  padding-left: 10px;
  border: 1px solid #e4ebee
}

.help-search-bar .w-tb-btn {
  height: 30px;
  width: 60px;
  margin-right: 5px
}

.help-search-bar a {
  color: #666;
  text-decoration: underline;
  vertical-align: bottom
}

.g-help-wrap {
  margin-bottom: 80px
}

.help-content,
.help-leftNav {
  float: left
}

.help-leftNav {
  width: 199px;
  border-right: 1px solid #f1f3f4;
  text-align: right;
  background: #fdfdfd
}

.help-leftNav-list li {
  border-bottom: 1px solid #f1f3f4
}

.help-leftNav-list li a {
  display: block;
  padding-right: 28px;
  color: #666
}

.help-leftNav-list li a:hover {
  background: #fff
}

.help-leftNav-list li h4 a {
  line-height: 26px;
  padding: 14px 28px 14px 0;
  font-size: 16px
}

.help-leftNav-list li.curr h4,
.help-leftNav-list li:hover h4 {
  color: #2a61a1;
  border-left: 3px solid #2a61a1
}

.help-leftNav-list li.curr h4 a,
.help-leftNav-list li:hover h4 a {
  background: #fff;
  color: #2a61a1
}

.help-leftNav-list li dl {
  padding-bottom: 12px
}

.help-leftNav-list li dd {
  font-size: 14px;
  margin-bottom: 5px
}

.help-leftNav-list li dd a {
  line-height: 17px;
  height: 17px;
  padding: 4px 28px 4px 0
}

.help-leftNav-list li dd.on a,
.help-leftNav-list li dd:hover a {
  background: #fff;
  color: #2a61a1
}

.help-leftNav-list li dd a .ico-state {
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-left: 8px;
  vertical-align: middle;
  background: url(../../../static/index/qiye-bg.png) -175px -24px no-repeat;
  overflow: hidden
}

.help-leftNav-list li dd.on .ico-state,
.help-leftNav-list li dd:hover .ico-state {
  color: #2a61a1;
  background: url(../../../static/index/qiye-bg.png) -200px -25px no-repeat
}

.help-content {
  width: 810px;
  min-height: 690px;
  padding: 20px 35px 35px;
  font-size: 14px;
  color: #666;
  background: #fff
}

.help-content h3 {
  font-size: 21px;
  color: #333;
  background: #fff
}

.help-content ol {
  list-style-position: inside
}

.question-list li {
  margin: 15px 0
}

.question-list li .icon-seq {
  display: inline-block;
  width: 20px;
  height: 19px;
  font-size: 12px;
  line-height: 19px;
  padding: 0 6px 0 0;
  margin-right: 5px;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  background: url(../../../static/index/qiye-bg.png) -325px -23px
}

.question-list li a {
  line-height: 19px;
  vertical-align: middle;
  color: #666
}

.help-content #pager {
  margin-top: 20px;
  line-height: 28px
}

.help-content #pager a,
.help-content #pager span.current {
  display: inline-block;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  text-align: center
}

.help-content #pager a {
  color: #666;
  text-decoration: none
}

.client-protocol-tips,
.help-search-result .item h2 a:hover,
.mod-blocks a:hover {
  text-decoration: underline
}

.help-content #pager span.current {
  font-weight: 700;
  color: #fff;
  background-color: #2e6ab1
}

.help-content #pager em {
  font-size: 12px;
  width: 1px;
  height: 10px;
  background: #666;
  line-height: 10px;
  display: inline-block
}

.gray-tips {
  padding: 0 1em;
  line-height: 45px;
  margin: 15px 0;
  color: #666;
  background: #f1f3f4
}

.network-test-wrap p {
  margin: 20px 0
}

.network-test-wrap .w-tb-btn {
  display: block;
  margin: 0 auto;
  height: 36px;
  line-height: 36px;
  width: 130px;
  text-align: center
}

.manual-item {
  width: 685px;
  margin-top: 25px;
  border-bottom: 1px dashed #b7c7cf
}

.manual-item .dwn-w {
  width: 124px
}

.manual-item .dwn-w .w-tb-btn {
  height: 36px;
  line-height: 36px;
  width: 122px
}

.manual-item .manal-pic {
  width: 535px;
  margin-left: 25px;
  margin-bottom: 27px
}

.content-client-set,
.content-dns-set {
  padding-left: 60px;
  background: url(../../../static/index/set-step.jpg) no-repeat
}

.content-client-set .client-account {
  width: 156px;
  margin-right: 0
}

.content-client-set #client-end,
.content-client-set #protocol-type {
  display: inline-block
}

.content-client-set .set-step,
.content-dns-set .set-step {
  position: relative
}

.content-client-set .step,
.content-dns-set .step {
  width: 64px;
  height: 25px;
  left: -68px;
  line-height: 25px;
  padding-right: 6px;
  text-indent: -9999px;
  font-weight: 700;
  color: #000;
  float: left;
  margin: 10px 0;
  display: inline;
  position: absolute
}

.must-fill-point,
.must-fill-tips span {
  text-align: right;
  font-family: Simsun;
  color: red
}

.content-client-set .step-cont,
.content-dns-set .step-cont {
  line-height: 25px;
  margin: 10px 0
}

.content-client-set .btn-submit,
.content-dns-set .btn-submit {
  line-height: 27px;
  margin: 25px 0 0
}

.must-fill-tips span {
  height: 25px;
  line-height: 25px;
  padding-right: 6px
}

#mobile-client {
  display: none
}

.content-help-client,
.content-help-dns {
  padding: 20px 0 0
}

.record {
  padding: 3px 0;
  overflow: hidden;
  zoom: 1
}

.dns-domain-name {
  width: 260px
}

.must-fill-frame {
  height: 23px;
  vertical-align: middle;
  line-height: 23px;
  margin: 0 8px 0 0;
  padding: 0 0 0 3px;
  border: 1px solid #96a5ae
}

.dns-domain-server {
  width: 265px
}

.must-fill-point {
  height: 25px;
  line-height: 25px;
  padding-right: 6px
}

.client-protocol-tips {
  color: #2a61a1
}

.btn-submit,
.must-fill-tips {
  float: left;
  display: inline
}

.btn-submit {
  line-height: 27px;
  margin: 25px 0 0 55px
}

.must-fill-tips {
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
  color: #666;
  margin-top: 25px
}

.dns-tips {
  margin-top: 40px
}

.dns-tips p {
  font-size: 14px;
  line-height: 2em
}

.content-help-client .title,
.content-help-dns .title {
  font-size: 14px;
  height: 30px;
  font-weight: 700;
  border-bottom: 1px solid #E5E5E5;
  text-indent: 0
}

.content-help-client .step,
.content-help-dns .step {
  width: 68px;
  height: 25px;
  line-height: 25px;
  padding-right: 6px;
  text-align: center;
  font-weight: 700;
  float: left;
  margin: 10px 0;
  display: inline;
  overflow: hidden
}

.content-help-client .step-cont,
.content-help-dns .step-cont {
  position: relative;
  float: left;
  width: 714px;
  display: inline;
  line-height: 25px;
  margin: 10px 0
}

.step-image {
  display: block;
  margin: 5px 0 10px;
  position: relative
}

.content-help-client .step-cont img,
.content-help-dns .step-cont img,
.content-help-other-solution .hos-a img {
  border: 2px solid #D5E6EE;
  padding: 7px;
  display: block
}

.step-text {
  position: absolute;
  font-size: 12px;
  font-family: Arial, sans-serif;
  color: red;
  padding-left: 6px;
  overflow: hidden
}

.q-answer {
  margin-top: 12px
}

.icon-ans,
.icon-q {
  width: 22px;
  height: 28px;
  margin: 6px 10px 0 0;
  float: left;
  text-indent: -999px;
  overflow: hidden;
  background: url(../../../static/index/qiye-bg.png) -375px -25px no-repeat
}

.icon-ans {
  background-position: -425px -25px
}

.ans-txt,
.q-txt {
  width: 776px;
  float: left
}

.ans-txt {
  padding: 5px 0;
  line-height: 25px
}

.ans-txt p img {
  border: 2px solid #D5E6EE;
  padding: 7px;
  display: block;
  margin: 5px 0
}

.back-btn {
  width: 72px;
  height: 36px;
  line-height: 36px;
  margin: 30px 0 0 32px;
  font-size: 16px
}

.popMask,
.popup {
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0
}

.help-search-result {
  border-bottom: 1px solid #fff
}

.help-content .nodata {
  color: #ccc;
  font-size: 20px;
  text-align: center;
  padding: 70px 0
}

.help-search-result .item h2 {
  font-size: 16px
}

.help-search-result .item h2 a {
  color: #0154a0
}

.help-search-result .item {
  margin: 25px 0
}

.help-search-result .summary {
  color: #666
}

.popup {
  z-index: 2000
}

.popMask {
  display: block;
  background-color: #000;
  -moz-opacity: .6;
  filter: alpha(opacity=60);
  opacity: .6
}

.popMain {
  position: absolute;
  overflow: hidden;
  font-size: 12px;
  border: 1px solid #537695;
  left: 50%;
  width: 384px;
  margin-left: -194px;
  background-color: #fff
}

.popTitle {
  color: #000;
  height: 44px
}

.popTitle .text {
  margin-left: 12px;
  line-height: 44px;
  font-size: 16px;
  color: #0154a0
}

.popTitle .close {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 30px;
  height: 30px;
  overflow: hidden;
  font-size: 12px;
  text-indent: -9999px;
  background: url(../../../static/index/popup-r-close.png) center no-repeat;
  display: inline-block;
  z-index: 99;
  float: right;
  outline: 0
}

.popContent {
  background: #fff;
  overflow: auto;
  color: #666;
  padding: 0 40px 40px
}

.mod-blocks ul li,
.mod-blocks ul li a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.popContent .info_icon {
  width: 110px;
  height: 110px;
  margin: 0 auto;
  background: center no-repeat
}

.popContent .info_icon_suc {
  background-image: url(../../../static/index/popup-suc.png)
}

.popContent .info_icon_info {
  background-image: url(../../../static/index/popup-info.png)
}

.popContent .info_icon_warn {
  background-image: url(../../../static/index/popup-warn.png)
}

.popContent .info_icon_fail {
  background-image: url(../../../static/index/popup-fail.png)
}

.popContent .layer_msg {
  font-size: 24px
}

.popContent .layer_msg.msg {
  font-size: 14px
}

.popContent .layer_msg p {
  padding: 10px 0;
  margin: 0;
  font-size: 14px
}

.advantage {
  padding: 70px 0 160px
}

.advantage-idx-list li {
  width: 350px;
  height: 330px;
  float: left;
  text-align: center
}

.advantage-idx-list li .advantage-pic {
  font-size: 0
}

.advantage-idx-list li .advantage-pic img {
  width: 182px;
  height: 182px;
  margin-bottom: 20px;
}

.advantage-idx-list li .advantage-txt {
  font-size: 22px;
  line-height: 42px;
  color: #333333;
  margin: 20px 0;
}

.inquiry-price {
  padding: 50px 0;
  color: #666;
  font-size: 24px;
  text-align: center
}

.inquiry-price .des {
  border-bottom: 1px solid #dce6ec
}

.inquiry-price .min-price {
  font-size: 46px;
  color: #025bc9;
  font-weight: 700
}

.inquiry-price-wrap img {
  width: 45px;
  height: 55px
}

.inquiry-price-con {
  display: inline-block;
  width: 360px;
  padding-left: 50px;
  padding-top: 25px;
  text-align: left;
  background: url(../../../static/index/calculator.png) 0 30px no-repeat
}

.err-inquiry-msg {
  display: none;
  font-size: 16px
}

.inquiry-price .input-w .inquiry-price-input {
  width: 174px;
  height: 28px;
  margin-right: 5px
}

.inquiry-price .reference-pri {
  font-size: 16px
}

#max-price,
#min-price {
  color: #025bc9
}

.mod-blocks {
  padding: 30px 0 30px
}

.mod-blocks-contact,
.mod-blocks-news,
.mod-blocks-question {
  float: left;
  height: 300px
}

.mod-blocks-question {
  width: 220px;
  margin-right: 20px;
}

.mod-blocks .tit {
  padding-bottom: 6px;
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 28px;
  color: #14a1e5;
  background: url(../../../static/index/line.jpg) bottom left no-repeat;
}

.mod-blocks ul li {
  font-size: 14px
}

.mod-blocks-question ul li {
  width: 220px;
  height: 26px;
  line-height: 26px;
}

.mod-blocks ul li a {
  display: inline-block;
  width: 220px;
  color: grey
}

.mod-blocks ul li a i.ico-new {
  width: 19px;
  height: 19px;
  margin-left: 2px;
  background-position: -250px -23px
}

.mod-blocks-news {
  width: 220px;
  padding: 0 30px;
}

.mod-blocks-news ul {
  width: 220px
}

.mod-blocks-news ul li {
  width: 220px;
  height: 26px;
  line-height: 26px;
}

.mod-blocks-news p.more {
  padding-right: 0
}

.mod-blocks .more {
  padding-right: 35px;
  font-size: 12px;
  line-height: 28px;
  text-align: right
}

.mod-blocks .more a {
  color: #0154a0
}

.mod-blocks-contact {
  width: 368px;
  padding-left: 50px
}

.mod-links {
  padding: 50px 0
}

.mod-links .tit {
  font-size: 14px;
  line-height: 28px;
  color: #666;
  font-weight: 700
}

.mod-links ul li {
  display: inline-block;
  margin-right: 15px;
  float: left
}

.mod-links p {
  line-height: 26px
}

.mod-links a {
  font-size: 12px;
  color: grey
}

.mod-links .about-w,
.mod-links .fri-link-w,
.mod-links .help-w,
.mod-links .intro-w,
.mod-links .partner-w {
  float: left;
  padding: 0 20px 0 9px
}

.mod-links .intro-w {
  width: 288px;
  padding-left: 0
}

.mod-links .partner-w {
  width: 142px
}

.mod-links .help-w {
  width: 235px
}

.mod-links .about-w {
  width: 130px
}

.mod-links .fri-link-w {
  width: 166px;
  padding-right: 0
}

.aside-contact {
  width: 62px;
  position: fixed !important;
  top: 250px;
  right: 10px;
  z-index: 999
}

.aside-contact .help-tip,
.aside-contact .mail-tip,
.aside-contact .phone-tip,
.aside-contact .register-tip {
  position: relative;
  width: 60px;
  height: 36px;
  padding: 12px 0;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  background: url(../../../static/index/aside-contact.png) no-repeat #fff
}

.aside-contact .phone-tip {
  background-position: -154px -2px
}

.aside-contact .mail-tip {
  background-position: -154px -64px
}

.aside-contact .help-tip {
  position: relative;
  background-position: -82px -128px
}

.aside-contact .help-tip a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 60px;
  height: 60px
}

.aside-contact .register-tip {
  cursor: pointer;
  background: url(../../../static/index/register-tip.jpg) center no-repeat #fff
}

.aside-contact .register-tip:hover {
  background: url(../../../static/index/register-tip-hover.jpg) center no-repeat #8db2df
}

.aside-contact .help-tip:hover .txt,
.aside-contact .mail-tip:hover .tip,
.aside-contact .mail-tip:hover .txt,
.aside-contact .phone-tip:hover .tip,
.aside-contact .phone-tip:hover .txt {
  display: block
}

.aside-contact .help-tip .txt {
  line-height: 32px
}

.aside-contact .register-tip .txt {
  display: block;
  font-size: 0
}

.aside-contact .register-tip .txt a {
  display: block;
  color: #666;
  text-indent: -999px
}

.aside-contact .register-tip:hover .txt a {
  display: block;
  color: #666
}

.aside-contact .help-tip:hover,
.aside-contact .mail-tip:hover,
.aside-contact .phone-tip:hover {
  background: #8db2df
}

.aside-contact .tip,
.aside-contact .txt {
  cursor: default;
  display: none
}

.aside-contact .tip {
  position: absolute;
  width: 135px;
  padding-right: 15px;
  height: 40px;
  line-height: 40px;
  top: 11px;
  right: 66px;
  font-size: 12px
}

.aside-contact .phone-tip:hover .tip {
  background: url(../../../static/index/aside-contact.png) 0 -9px no-repeat
}

.aside-contact .mail-tip:hover .tip {
  background: url(../../../static/index/aside-contact.png) 0 -73px no-repeat
}

@media screen and (max-width:1080px) {
  .g-content .g-main {
    margin: 0 auto
  }

  .g-content .g-sidebar {
    display: none
  }
}

.g-wrap ul.advantage-idx-list li p {
  padding: 5px 20px;
  height: 170px;
  color: #333;
  overflow: hidden;
  text-align: left !important;
}

.newsname {
  width: 100%;
}

.gwrapul {}

.gwrapul li {
  display: block;
  padding: 0px 0 30px 0;
  font-size: 14px;
  background-color: #FFFFFF;
  width: 250px;
  margin-left: 90px;
  float: left;
}

.gwrapul .jsimg {
  height: 105px;
}

.gwrapul b {
  display: block;
  font-size: 16px;
  font-weight: 100;
}

.gwrapul .jsline {
  border-bottom: #CCCCCC solid 1px;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.gwrapul .jscontent {
  width: 200px;
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
  line-height: 50px;
}

.newsname li {
  width: 49.9%;
  overflow: hidden;
  background: #a8cde5;
  text-align: center;
  line-height: 4em;
  float: left;
  margin-bottom: 20px;
}

.g-about-banner {
  height: 350px;
  background: url(../../../static/index/safe-banner_1.jpg) center no-repeat #025bc9;
}

.navleft {
  float: left;
  width: 200px;
  margin-top: 30px;
  font-size: 14px;
}

.navright {
  float: right;
  width: 830px;
}

.navleft p {
  background-color: #0b5fa6;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  color: #FFFFFF;
  font-size: 18px;
}

.navleft ul li a:link {
  height: 36px;
  line-height: 36px;
  border: #efefef solid 1px;
  padding-left: 30px;
  margin-bottom: 10px;
  display: block;
}

.navleft ul li a:visited {
  height: 36px;
  line-height: 36px;
  border: #efefef solid 1px;
  padding-left: 30px;
  margin-bottom: 10px;
  display: block;
}

.navleft ul li a:hover {
  height: 36px;
  line-height: 36px;
  border: #0b5fa6 solid 1px;
  color: #0b5fa6;
  padding-left: 30px;
  margin-bottom: 10px;
  display: block;
}

.navleft ul li .m_hover {
  border: #0b5fa6 solid 1px;
  color: #ffffff;
  display: block;
  background-color: #0b5fa6;
}

.newsname li:nth-of-type(1) {
  border-right: 1px solid #fff;
}

.newsname li.on {
  background: #82b7da;
}

.newsname li.on a,
.newsname li a {
  display: block;
  color: #fff;
  font-size: 16px;
}

.usefn-detail-box {
  display: block;
}

.usefn-detail-box li {
  float: left;
  width: 45%;
  display: block;
  margin-right: 5%;
  text-indent: 0;
  height: 100px;
  line-height: 22px;
}

.usefn-detail-box li b {
  font-size: 14px;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}


.newslistul {}

.newslistul li {
  border-bottom: #CCCCCC dotted 1px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  height: 120px;
}

.newslistul li dl {}

.newslistul li dl dt {
  float: left;
}

.newslistul .dtimg {
  width: 150px;
}

.newslistul .dtimg img {
  width: 150px;
  height: 100px;
}

.newslistul .dtwid {
  width: 880px;
  float: right;
  display: block;
  font-size: 14px;
}

.newslistul .dtwid b {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 100;
}

.newslistxw {}

.newslistxw li {
  border-bottom: #CCCCCC dotted 1px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  height: 120px;
}

.newslistxw li b {
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 100;
}

.newslistxw li b a {
  color: #0154a0
}

.content_r h1 {
  font-size: 16px;
  line-height: 2em;
  border-bottom: 2px solid #d7e1e5;
}

.content_r .ys_detile {
  margin: 40px 0;
  width: 100%;
}

.content_r .ys_detile td {
  padding-bottom: 40px;
}

.content_r .ys_detile td p {
  font-size: 16px;
  color: #595959;
}

.content_r .ys_detile td i {
  font-size: 16px;
  font-size: 12px;
  color: #8b8b8b;
  display: block;
  margin-top: 10px;
  width: 255px;
  line-height: 1.5em;
}

.searchcon {
  width: 1104px;
  margin: auto;
}

.rightsearch {
  background: url(../../../static/index/cal.jpg) no-repeat left bottom 6px;
  font-size: 14px;
  padding-top: 50px;
  width: 430px;
  text-align: right;
  height: 50px;
  line-height: 50px;
  margin-left: 600px;
}

.rightsearch input {
  width: 80px;
}

.btn-wrap ul li {
  float: left;
  padding: 5px 10px;
  background-color: #666;
  display: block;
  margin-left: 3px;
  color: #FFFFFF;
}

.btn-wrap .thisclass {
  background-color: #1788DB;
  padding: 5px 10px;
  display: block;
  color: #FFFFFF;
}

.btn-wrap ul li a:link {
  color: #FFFFFF;
}

.btn-wrap ul li a:visited {
  color: #FFFFFF;
}

.btn-wrap ul li a:hover {
  color: #FF0000;
}

.floatdemo {
  position: absolute;
  left: 55%;
  top: 200px;
  z-index: 9998;
  background: #fff;
  margin-left: 150px;
  width: 260px;
  height: 440px;
  padding: 10px 30px
}

.floatdemo h2 {
  font-size: 22px;
  margin-bottom: 20px
}

.floatdemo .inputform .form-group {
  margin-bottom: 10px;
}

.floatdemo .inputform .form-button {
  padding-left: 0
}

.floatdemo .inputform .form-group .form-label {
  width: 22%;
  text-align: left;
  float: left;
  margin-top: 10px;
}

.floatdemo .inputform .form-group .form-label label {
  padding-top: 10px
}

.floatdemo .inputform .form-group .form-label em {
  display: none
}

.floatdemo .inputform .form-group .form-control {
  margin-left: 23%
}

.floatdemo .inputform .form-group .form-control input {
  border: 1px solid #eee;
  padding: 10px 5px;
  width: 200px !important;
}

.floatdemo .inputform .form-button input {
  width: 260px;
  margin-top: 20px;
  height: 36px
}

.introduce_integrate {
  top: 255px;
  height: 660px;
  width: 1000px;
  position: relative;
  left: 50%;
  margin-left: -500px;
  font-family: "SCHeiti", "Helvetica", "lucida Grande", BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei"
}

.introduce_mng_func {
  top: 0px;
  height: 1025px;
  margin-top: 290px
}

.introduce_integrate {
  top: 0;
  padding-left: 60px;
  margin-top: 30px;
  height: 670px;
  padding-left: 60px
}

.introduce_mail_func_title {
  margin-bottom: 40px;
  font-size: 24px;
  color: #000
}

.introduce_func_item {
  width: 170px;
  height: 170px;
  border: 1px solid #E0E0E0;
  float: left;
  margin-right: 37px;
  margin-bottom: 37px;
  -mz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}

.introduce_func_item:hover {
  border: 1px solid #2C8DE1
}

.introduce_integrate_item {
  width: 260px;
  height: 260px;
  border: 1px solid #E0E0E0;
  float: left;
  margin-right: 50px;
  margin-bottom: 50px;
  -mz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box
}

.introduce_integrate_item:hover {
  border: 1px solid #2C8DE1
}

.introduce_func_item_last,
.introduce_integrate_item_last {
  margin-right: 0px
}

.intro_title,
.intro_hover_title {
  color: #000;
  font-size: 16px;
  font-weight: 200;
  text-align: center;
  line-height: 1;
  margin-bottom: 18px;
  margin-top: -5px
}

.intro_hover_title {
  color: #252525
}

.intro_integrate_title {
  color: #000;
  font-size: 18px;
  text-align: center;
  line-height: 1;
  margin-bottom: 12px;
  font-weight: 200
}

.integrate_icon_1 {
  background-position: 0 0;
  height: 80px;
  width: 188px
}

.integrate_icon_2 {
  background-position: 0 -90px;
  height: 80px;
  width: 188px
}

.integrate_icon_3 {
  background-position: 0 -180px;
  height: 80px;
  width: 188px
}

.integrate_icon_4 {
  background-position: 0 -270px;
  height: 80px;
  width: 188px
}

.integrate_icon_5 {
  background-position: 0 -360px;
  height: 80px;
  width: 188px
}

.integrate_icon_6 {
  background-position: 0 -450px;
  height: 80px;
  width: 188px
}

.integrate_icon {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 0;
  background-repeat: no-repeat;
  background-image: url('../../../static/index/xtb12.png');
  background-size: 188px 530px;
  margin: 50px 36px 20px;
}

.intro_sub_title_m15,
.intro_sub_title_m14,
.intro_sub_title_m12,
.intro_sub_title_m7,
.intro_sub_title_m13,
.intro_integrate_sub_title_m15 {
  color: #757575;
  font-size: 14px;
  text-align: left;
  margin: 0 15px;
  line-height: 18px;
  font-weight: 200
}

.intro_sub_title_m14 {
  margin: 0 14px
}

.intro_sub_title_m12 {
  margin: 0 12px
}

.intro_sub_title_m7 {
  margin: 0 6px
}

.intro_sub_title_m13 {
  margin: 0 13px
}

.intro_integrate_sub_title_m15 {
  font-size: 14px
}

.mail_func_icon,
.manage_func_icon {
  margin: 0px 63px 19px
}

.text_c {
  text-align: center
}

.container {
  margin: 0 auto;
  width: 1170px;
}

.p_t50 {
  padding-top: 50px
}

.row {
  *zoom: 1;
  margin-left: -30px;
}

.m_t50 {
  margin-top: 50px;
}

white_bar {
  background: #fff;
  box-shadow: 0 1px 3px #c5c5c5;
  overflow: hidden;
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.grid_4 {
  width: 370px;
}

[class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}

.p_b10 {
  padding-bottom: 10px;
}

.m_b20 {
  margin-bottom: 20px;
}

.pic_news .hot_pic {
  height: 204px;
  overflow: hidden;
}

.gray {
  background: #e7e7e7;
}

img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  height: auto;
  max-width: 100%;
  width: auto\9;
}

.p_lr10 {
  padding: 0 10px;
}

.m_t10 {
  margin-top: 10px;
}

h4 {
  font-size: 16px;
}

.p_lr10 {
  padding: 0 10px;
}

.m_t15 {
  margin-top: 15px;
}

.lh_22 {
  line-height: 22px;
}

.red {
  color: #1566a5;
}

.m_l10 {
  margin-left: 230px;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.grid_11 {
  width: 755px;
}

[class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}

.button3 {
  display: inline-block;
  /* padding: 8px 26px; */
  /* margin: 15px 0 0; */
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  /* background: #1566a5; */
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.page-news-list li {
  padding: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

.white_bar {
  background: #fff;
  box-shadow: 0 1px 3px #c5c5c5;
  overflow: hidden;
}

.page-news-list a {
  font-size: 14px
}

.data {
  width: 60px;
  height: 60px;
  display: block;
  background: #CCC;
  color: #333;
  text-align: center;
  line-height: 60px
}

.month {
  display: block;
  width: 60px;
  text-align: center
}

.page-news-list li a {
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  display: block;
  overflow: hidden
}

.page-news-list li p {
  padding-top: 10px;
  color: #777
}

.page-news-list li:hover {
  background: #1566a5;
}

.page-news-list li:hover p,
.page-news-list li:hover .month {
  color: #fff
}

.page-news-list li:hover .data {
  background: #FFF
}

.page-news-list li:hover a {
  color: #fff;
  text-decoration: underline
}

.data {
  width: 60px;
  height: 60px;
  display: block;
  background: #CCC;
  color: #333;
  text-align: center;
  line-height: 60px;
}

.m_r14 {
  margin-right: 14px;
}

.f36 {
  font-size: 36px;
}

.month {
  display: block;
  width: 60px;
  text-align: center;
}

.m_t5 {
  margin-top: 5px;
}

.lh_22 {
  line-height: 22px;
}

.m_b50 {
  margin-bottom: 50px;
}

.m_t50 {
  margin-top: 30px;
}

.text_c {
  text-align: center;
}

.f16 {
  font-size: 16px;
}

.button1 {
  margin: 0 auto;
  padding: 13px 36px;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  background: #1566a5;
  display: inline-block;
}

.row {
  *zoom: 1;
  margin-left: -30px;
}

.l {
  float: left;
}

.banner_buy_exmail_custom {
  background-image: url("../../../static/index/dibu15.png");
  background-repeat: no-repeat;
  background-size: 1440px 300px;
  background-position: 50% 50%;
  height: 300px;
  min-width: 990px;
}

.index_product_buy_bg {
  margin: 0 auto;
  position: relative;
}

.index_product_buy_bg {
  margin: 0 auto;
  position: relative;
}

.index_product_buy_opt {
  height: 107px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  font-weight: lighter;
}

.index_product_buy_opt_txt {
  font-family: "STHeitiSC-Light", BlinkMacSystemFont, "Helvetica", "lucida Grande", "PingFang SC", "SCHeiti", "Microsoft YaHei";
  font-size: 30px;
  color: #000;
  letter-spacing: 0;
  height: 30px;
  line-height: 30px;
  margin-bottom: 40px;
}

.index_product_buy_opt_btn {
  height: 37px;
}

.index_product_buy_opt_btn {
  height: 37px;
}

.index_product_buy_opt_btn a {
  width: 144px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-family: "STHeitiSC-Light", BlinkMacSystemFont, "Helvetica", "lucida Grande", "PingFang SC", "SCHeiti", "Microsoft YaHei";
  font-size: 14px;
}

.index_product_buy_btn_white {
  border: 1px solid #2A8AE2;
  color: #2A8AE2;
  margin-right: 30px;
}

.index_product_buy_btn_blue {
  border: 1px solid #2A8AE2;
  background-color: #2A8AE2;
  color: #FFFFFF;
}
















// Carousel
// --------------------------------------------------


// Wrapper for the slide container and indicators
.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;

  >.item {
    display: none;
    position: relative;
    .transition(.6s ease-in-out left);

    // Account for jankitude on images
    >img,
    >a>img {
      &:extend(.img-responsive);
      line-height: 1;
    }

    // WebKit CSS3 transforms for supported devices
    @media all and (transform-3d),
    (-webkit-transform-3d) {
      .transition-transform(~'0.6s ease-in-out');
      .backface-visibility(~'hidden');
      .perspective(1000px);

      &.next,
      &.active.right {
        .translate3d(100%, 0, 0);
        left: 0;
      }

      &.prev,
      &.active.left {
        .translate3d(-100%, 0, 0);
        left: 0;
      }

      &.next.left,
      &.prev.right,
      &.active {
        .translate3d(0, 0, 0);
        left: 0;
      }
    }
  }

  >.active,
  >.next,
  >.prev {
    display: block;
  }

  >.active {
    left: 0;
  }

  >.next,
  >.prev {
    position: absolute;
    top: 0;
    width: 100%;
  }

  >.next {
    left: 100%;
  }

  >.prev {
    left: -100%;
  }

  >.next.left,
  >.prev.right {
    left: 0;
  }

  >.active.left {
    left: -100%;
  }

  >.active.right {
    left: 100%;
  }

}

// Left/right controls for nav
// ---------------------------

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: @carousel-control-width;
  .opacity(@carousel-control-opacity);
  font-size: @carousel-control-font-size;
  color: @carousel-control-color;
  text-align: center;
  text-shadow: @carousel-text-shadow;
  background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug
  // We can't have this transition here because WebKit cancels the carousel
  // animation if you trip this while in the middle of another animation.

  // Set gradients for backgrounds
  &.left {
    #gradient>.horizontal(@start-color: rgba(0, 0, 0, .5); @end-color: rgba(0, 0, 0, .0001));
  }

  &.right {
    left: auto;
    right: 0;
    #gradient>.horizontal(@start-color: rgba(0, 0, 0, .0001); @end-color: rgba(0, 0, 0, .5));
  }

  // Hover/focus state
  &:hover,
  &:focus {
    outline: 0;
    color: @carousel-control-color;
    text-decoration: none;
    .opacity(.9);
  }

  // Toggles
  .icon-prev,
  .icon-next,
  .glyphicon-chevron-left,
  .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    z-index: 5;
    display: inline-block;
  }

  .icon-prev,
  .glyphicon-chevron-left {
    left: 50%;
    margin-left: -10px;
  }

  .icon-next,
  .glyphicon-chevron-right {
    right: 50%;
    margin-right: -10px;
  }

  .icon-prev,
  .icon-next {
    width: 20px;
    height: 20px;
    line-height: 1;
    font-family: serif;
  }


  .icon-prev {
    &:before {
      content: '\2039'; // SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
    }
  }

  .icon-next {
    &:before {
      content: '\203a'; // SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
    }
  }
}

// Optional indicator pips
//
// Add an unordered list with the following class and add a list item for each
// slide your carousel holds.

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;

  li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid @carousel-indicator-border-color;
    border-radius: 10px;
    cursor: pointer;

    // IE8-9 hack for event handling
    //
    // Internet Explorer 8-9 does not support clicks on elements without a set
    // `background-color`. We cannot use `filter` since that's not viewed as a
    // background color by the browser. Thus, a hack is needed.
    // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
    //
    // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we
    // set alpha transparency for the best results possible.
    background-color: #000 \9; // IE8
    background-color: rgba(0, 0, 0, 0); // IE9
  }

  .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: @carousel-indicator-active-bg;
  }
}

// Optional captions
// -----------------------------
// Hidden by default for smaller viewports
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: @carousel-caption-color;
  text-align: center;
  text-shadow: @carousel-text-shadow;

  & .btn {
    text-shadow: none; // No shadow for button elements in carousel-caption
  }
}