dgt_www_site/css/main.min.css

@charset "UTF-8";

@font-face {
  font-family: 'SourceHanSansSC';
  src: url("SourceHanSansSC-Normal.woff2")/*tpa=http://www.chinasofti.com/r/cms/www/default/SourceHanSansSC-Normal.woff2*/ format("woff2"),
       url("SourceHanSansSC-Normal.woff")/*tpa=http://www.chinasofti.com/r/cms/www/default/SourceHanSansSC-Normal.woff*/ format("woff"),
       url("SourceHanSansSC-Normal.ttf")/*tpa=http://www.chinasofti.com/r/cms/www/default/SourceHanSansSC-Normal.ttf*/ format("truetype"),
       url("SourceHanSansSC-Normal.eot")/*tpa=http://www.chinasofti.com/r/cms/www/default/SourceHanSansSC-Normal.eot*/ format("embedded-opentype"),
       url("SourceHanSansSC-Normal.svg")/*tpa=http://www.chinasofti.com/r/cms/www/default/SourceHanSansSC-Normal.svg*/ format("svg"),
       url("SourceHanSansSC-Normal.otf")/*tpa=http://www.chinasofti.com/r/cms/www/default/SourceHanSansSC-Normal.otf*/ format("opentype");
}

@font-face {
  font-family: 'SourceHanSansSCBold';
    src:url('SourceHanSansSC-Bold.otf')/*tpa=http://www.chinasofti.com/r/cms/www/default/font/SourceHanSansSC-Bold.otf*/;
}

@font-face {
  font-family: 'SourceHanSansSCRegular';
  src: url('SourceHanSansSC-Regular.eot')/*tpa=http://www.chinasofti.com/r/cms/www/default/font/SourceHanSansSC-Regular.eot*/; /* IE9 */
    src:url('SourceHanSansSC-Regular.otf')/*tpa=http://www.chinasofti.com/r/cms/www/default/font/SourceHanSansSC-Regular.otf*/;
}

@font-face {
  font-family: 'SourceHanSansSCBold';
    src:url('SourceHanSansSC-Bold.otf')/*tpa=http://www.chinasofti.com/r/cms/www/default/font/SourceHanSansSC-Bold.otf*/;
}

@font-face {
  font-family: 'SourceHanSansSCLight';
  src: url('SourceHanSansSC-Light.eot')/*tpa=http://www.chinasofti.com/r/cms/www/default/font/SourceHanSansSC-Light.eot*/; /* IE9 */
    src:url('SourceHanSansSC-Light.otf')/*tpa=http://www.chinasofti.com/r/cms/www/default/font/SourceHanSansSC-Light.otf*/;
}

a,a:hover {
  text-decoration: none
}

a,body {
  color: #888
}

body,input {
  line-height: 15.4px
}

.u-input-text,.u-textarea {
  box-shadow: 0 0 3.5px #efefef
}

.m-pages,.u-button,.u-index-title h1,.u-keyword .keyword-more,.u-news-button,.u-tab li {
  text-align: center
}

.m-slide .ban_bd li a,html {
  -webkit-tap-highlight-color: transparent
}

.iconcaidan:before {
  content: "\e66f";
}

.iconchengshi:before {
  content: "\e601";
}

.icondianxin:before {
  content: "\e602";
}

.iconliutong:before {
  content: "\e603";
}

.iconzhengfu:before {
  content: "\e604";
}

.iconadd-user:before {
  content: "\e605";
}

.iconnengyuan:before {
  content: "\e606";
}

.iconbar-chart:before {
  content: "\e607";
}

.iconzhizao:before {
  content: "\e608";
}

.iconchat:before {
  content: "\e609";
}

.iconbaseline-keyboard_backspace-px:before {
  content: "\e60a";
}

.iconblockchain:before {
  content: "\e60b";
}

.iconjinrong:before {
  content: "\e60c";
}

.icongaokeji:before {
  content: "\e60d";
}

.iconzhinengzhizao:before {
  content: "\e60e";
}

.iconalgorithm:before {
  content: "\e60f";
}

.iconbusinessman:before {
  content: "\e610";
}

.iconcloud-computing:before {
  content: "\e611";
}

.iconbusinessmandefuben:before {
  content: "\e612";
}

.iconblockchain1:before {
  content: "\e613";
}

.iconbaseline-search-px:before {
  content: "\e614";
}

.iconcoding:before {
  content: "\e615";
}

.iconethereum:before {
  content: "\e616";
}

.iconaward:before {
  content: "\e617";
}

.icongonggong:before {
  content: "\e618";
}

.iconclock:before {
  content: "\e619";
}

.iconclick:before {
  content: "\e61a";
}

.iconcontract:before {
  content: "\e61b";
}

.iconfront:before {
  content: "\e61c";
}

.iconcoding1:before {
  content: "\e61d";
}

.icondonor:before {
  content: "\e61e";
}

.icondatabase:before {
  content: "\e61f";
}

.icongoal:before {
  content: "\e620";
}

.iconyunshang:before {
  content: "\e621";
}

.iconidea:before {
  content: "\e622";
}

.iconclipboard:before {
  content: "\e623";
}

.icondocument:before {
  content: "\e624";
}

.icondownload:before {
  content: "\e625";
}

.iconhulianwang:before {
  content: "\e626";
}

.iconatoms:before {
  content: "\e627";
}

.iconnetwork:before {
  content: "\e628";
}

.iconanalytics:before {
  content: "\e629";
}

.iconglobal:before {
  content: "\e62a";
}

.iconcertificate:before {
  content: "\e62b";
}

.iconoutline-person_add-px:before {
  content: "\e62c";
}

.iconidea1:before {
  content: "\e62d";
}

.icongear:before {
  content: "\e62e";
}

.icongroup:before {
  content: "\e62f";
}

.iconbadge:before {
  content: "\e630";
}

.iconknight:before {
  content: "\e631";
}

.iconhand:before {
  content: "\e632";
}

.iconsharp-language-px:before {
  content: "\e633";
}

.iconreplace:before {
  content: "\e634";
}

.iconscience:before {
  content: "\e635";
}

.icongold:before {
  content: "\e636";
}

.iconmaps-and-location:before {
  content: "\e637";
}

.iconsupport:before {
  content: "\e638";
}

.iconcloud-computing1:before {
  content: "\e639";
}

.iconnetwork1:before {
  content: "\e63a";
}

.iconsharp-border_color-px:before {
  content: "\e63b";
}

.iconshield:before {
  content: "\e63c";
}

.iconview:before {
  content: "\e63d";
}

.iconupload:before {
  content: "\e63e";
}

.iconlayers:before {
  content: "\e63f";
}

.iconcloud-computing2:before {
  content: "\e640";
}

.iconcommand:before {
  content: "\e641";
}

.iconworldwide:before {
  content: "\e642";
}

.iconpay-per-click:before {
  content: "\e643";
}

.iconcube:before {
  content: "\e644";
}

.iconrgb:before {
  content: "\e645";
}

.iconcredit-card:before {
  content: "\e646";
}

.iconnotepad:before {
  content: "\e647";
}

.iconsharp-email-px:before {
  content: "\e648";
}

.iconbullet:before {
  content: "\e649";
}

.iconfile:before {
  content: "\e64a";
}

.iconemail:before {
  content: "\e64b";
}

.iconsharp-message-px:before {
  content: "\e64c";
}

.iconshape:before {
  content: "\e64d";
}

.icontarget:before {
  content: "\e64e";
}

.iconsmart-city:before {
  content: "\e64f";
}

.iconuser:before {
  content: "\e650";
}

.iconhouse:before {
  content: "\e651";
}

.iconvpn:before {
  content: "\e652";
}

.iconpeople:before {
  content: "\e653";
}

.iconfile1:before {
  content: "\e654";
}

.iconsharp-expand_less-px:before {
  content: "\e655";
}

.iconsharp-people_outline-px:before {
  content: "\e656";
}

.iconinternet:before {
  content: "\e657";
}

.iconlist:before {
  content: "\e658";
}

.iconoutline-headset_mic-px:before {
  content: "\e659";
}

.iconsolidarity:before {
  content: "\e65a";
}

.iconcoding2:before {
  content: "\e65b";
}

.iconcompass:before {
  content: "\e65c";
}

.icongear1:before {
  content: "\e65d";
}

.icondocument1:before {
  content: "\e65e";
}

.icontarget1:before {
  content: "\e65f";
}

.iconnetwork2:before {
  content: "\e660";
}

.iconroundabout:before {
  content: "\e661";
}

.iconshapes:before {
  content: "\e662";
}

.iconuser1:before {
  content: "\e663";
}

.iconwhatsapp:before {
  content: "\e664";
}

.iconbaseline-keyboard_backspace-px-copy:before {
  content: "\e665";
}

.iconsharp-expand_less-px-l:before {
  content: "\e666";
}

.iconsharp-expand_less-px-b:before {
  content: "\e667";
}

.iconsharp-expand_less-px-r:before {
  content: "\e668";
}

.iconminus-sign:before {
  content: "\e669";
}

.iconwechat:before {
  content: "\e66a";
}

.iconadd:before {
  content: "\e66b";
}

.iconlist1:before {
  content: "\e66c";
}

.icontelephone:before {
  content: "\e66d";
}

.iconweibo-website-logo:before {
  content: "\e66e";
}

.iconcolse:before {
  content: "\e670";
}

.iconicon-test:before {
  content: "\e671";
}

.iconicon-test1:before {
  content: "\e672";
}

.iconicon-test2:before {
  content: "\e673";
}

.iconicon-test3:before {
  content: "\e674";
}

.iconicon-test4:before {
  content: "\e675";
}

.iconicon-test5:before {
  content: "\e676";
}

.iconicon-test6:before {
  content: "\e677";
}

.iconicon-test7:before {
  content: "\e678";
}

.iconicon-test8:before {
  content: "\e679";
}

.iconicon-test9:before {
  content: "\e67a";
}

.iconicon-test10:before {
  content: "\e67b";
}

.iconpx:before {
  content: "\e67c";
}

.iconpx1:before {
  content: "\e67d";
}

.iconpx2:before {
  content: "\e67e";
}

.iconpx3:before {
  content: "\e67f";
}

.icontubiao_touzizhe:before {
  content: "\e680";
}

.icontubiao_xinwenzhongxin:before {
  content: "\e681";
}

.icontubiao_lianxiwomen:before {
  content: "\e682";
}

.icontubiao_yuyan:before {
  content: "\e683";
}





html {
  -webkit-text-size-adjust: none
}

body {
  font: 14px "Source Han Sans CN", "SourceHanSansSC", "Microsoft YaHei",Arial,sans-serif,"\5fae\8f6f\96c5\9ed1";
  font-size: 0.140000rem;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  background: #fff;
  overflow-x: hidden;
}

body.index-body {
  background: #f2f2f2
}

body.index-body1 {
  background: #f8f8f8
}

.icon-icon1,.icon-icon2 {
  background-image: url(sprite.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/sprite.png*/;
  width: 19px
}

body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,select,table,td,ul {
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

a {
  outline-style: none;
  border: 0
}

.jspVerticalBar .jspArrow:focus,.scroll-pane {
  outline: 0
}

a:hover {
  color: #004ea2
}

input,select,textarea {
  font-size: inherit;
  font-family: inherit;
  color: #888;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.7px solid #e6e6e6;
  border-radius: 0
}

input {
  border: 0;
  padding: 0  7px
}

textarea {
  padding: 3.5px;
  resize: none
}

img {
  border: 0;
  display: block
}

.hidden,.jspCap {
  display: none
}

li {
  list-style-type: none;
  vertical-align: 0
}

.visibility {
  visibility: hidden
}

.fleft {
  float: left
}

.fright {
  float: right
}

.pos-r {
  position: relative
}

.pos-a {
  position: absolute
}

.clear {
  clear: both;
  height: 0;
  line-height: 0;
  overflow: hidden;
  font-size: 0
}

.full-height {
  height: 100%
}

.animate {
  transition: all .5s ease-in-out 0s
}

@font-face {
  font-family:questrial;src:url(Questrial-Regular.ttf)/*tpa=http://www.chinasofti.com/r/cms/www/default/iconfont/Questrial-Regular.ttf*/ format("truetype")
}

.icon-icon1 {
  background-position: 0 0;
  height: 0.230000rem
}

.icon-icon2 {
  background-position: -0.570000rem 0;
  height: 15.4px
}

.jspContainer {
  overflow: hidden;
  position: relative
}

.jspPane {
  position: absolute;
/*  right: 17.5px;*/
  padding-right: 17.5px!important;
  box-sizing: border-box;
  width: 100%!important;
}
.jspPane p{
font-size: 0.22rem;
line-height: 1.6;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.030000rem;
  height: 100%
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 11px
}

.jspDrag,.jspTrack,.u-logo {
  position: relative
}

.jspHorizontalBar .jspCap {
  float: left
}

.jspTrack {
  width: 0.7px;
  background: rgba(255,255,255,.3);
  left: 0
}

.jspDrag {
  width: 0.030000rem;
  height: 14px;
  background: #fff;
  top: 0;
  left: -0.7px;
  cursor: pointer
}

.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack {
  float: left;
  height: 100%
}

.jspArrow {
  background: #50506d;
  text-indent: -200.000000rem;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d
}

.jspVerticalBar .jspArrow {
  height: 11px
}

.jspHorizontalBar .jspArrow {
  width: 11px;
  float: left;
  height: 100%
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%
}

::-webkit-input-placeholder {
  font-size: 0.140000rem;
  color: #999
}

:-moz-placeholder {
  font-size: 0.140000rem;
  color: #999
}

::-moz-placeholder {
  font-size: 0.140000rem;
  color: #999
}

:-ms-input-placeholder {
  font-size: 0.140000rem;
  color: #999
}

.f-runtion {
  text-overflow: ellipsis;
  white-space: nowrap
}

.f-in {
  max-width: 1011px;
  margin: 0 auto;
  box-sizing: border-box
}

.f-in1 {
  max-width: 1344px;
  margin: 0 auto
}

.f-infoot,.f-inhead {
  max-width: 1011px;
  margin: 0 auto;
  box-sizing: border-box
}

.f-inhead {
  padding: 0  21px
}

.f-html-hidden {
  height: 100%;
  overflow: hidden
}

.u-logo {
  width: 5.130000rem;
/*  height: 0.570000rem;*/
  float: left;
  margin-top: 56px;
  z-index: 2
}

.u-logo img {
  width: 100%;
  height: 100%
}

.u-language {
  text-decoration: underline;
  margin-left: 14px
}

.u-callout {
  position: absolute;
  height: 16.8px;
  line-height: 16.8px;
  font-size: 8.4px;
  padding: 0  3.5px;
  border-radius: 0.030000rem;
  background: #fff;
  border: 0.7px solid #636363;
  color: #fff;
  white-space: nowrap
}

.u-callout:before {
  content: "";
  position: absolute;
  top: 15.4px;
  left: 50%;
  margin-left: -0.030000rem;
  padding: 0.030000rem;
  background: inherit;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-135deg)
}

.u-tags {
  margin-top: 21px;
  margin-bottom: 21px;
  border-bottom: 0.7px solid #aaa;
  overflow: hidden;
  padding: 14px 0
}

.u-tags li {
  margin: 3.5px 10.5px 3.5px 0;
  float: left
}

.u-tags li a {
  padding: 0  10.5px;
  line-height: 21px;
  display: block;
  text-decoration: none
}

.u-tags li a:hover,.u-tags li.z-current a {
  color: #fff;
  background: #004ea2
}

.u-tab {
  background: #fff;
  font-size: 11px
}

.u-tab li {
  cursor: pointer
}

.u-tab li.z-current {
  font-weight: 700;
  color: #fff;
  background: #004ea2
}

.u-tab-content {
  margin: 0
}

.u-tab-content .tab-sub {
  position: relative
}

.u-tab-content .tab-more {
  position: absolute;
  right: 7px;
  top: -0.350000rem;
  color: #999
}

.u-tab-content .tab-more:hover {
  color: #004ea2
}

.u-title {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  margin: 42px 0  21px
}
.u-title.moreTop{
margin-top: 1.00rem;
}

.u-title b {
  font-size: 1.300000rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 14px;
  font-family: questrial;
  color: rgba(0,78,162,.05)
}

.u-title h2 {
  font-size: 25px;
  line-height: 0.350000rem;
  line-height: 1.6;
  color: #330677;
  font-weight: 600;
  /*letter-spacing: 7px;*/
}

.u-search-box {
  width: 2.660000rem;
  height: 35px;
  border: 0.7px solid #004ea2;
  border-radius: 35px;
  background: #fff;
  overflow: hidden
}

.u-search-box input {
  width: 2.040000rem;
  height: 35px;
  float: left
}

.u-search-box a {
  width: 28px;
  height: 35px;
  line-height: 35px;
  float: left;
  color: #004ea2
}

.u-search-box a i {
  font-size: 16.8px
}

.u-text-title {
  font-size: 15.4px;
  font-size: 16.8px;
  color: #666;
  border-left: 0.080000rem solid #004ea2;
  padding-left: 14px
}

.u-cases-title {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 21px
}

.u-button {
  width: 1.300000rem;
  height: 35px;
  line-height: 35px;
  margin: 42px auto 0;
  padding: 0  21px;
  color: #004ea2;
  display: block;
  font-size: 12.6px;
  border: 0.7px solid #004ea2;
  border-radius: 35px;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.u-button i {
  margin-left: 0;
  font-size: 15.4px;
  float: right
}

.u-button:hover {
  color: #fff;
  background: #004ea2;
  text-decoration: none
}

.u-news-button {
  width: 1.480000rem;
  height: 0.460000rem;
  line-height: 0.460000rem;
  font-size: 11px;
  border: 0.7px solid #aaa;
  display: block;
  border-radius: 3.5px
}

.u-news-button:hover {
  color: #fff;
  border: 0.7px solid #982420;
  background: #982420;
  text-decoration: none
}

.u-input-text {
  width: 4.200000rem;
  height: 28px;
  box-sizing: border-box;
  float: left;
  padding: 0  7px;
  font-size: 0.140000rem;
  border: 0.020000rem solid transparent
}

.u-input-text:focus {
  border: 0.020000rem solid #004ea2
}

.u-textarea {
  width: 9.500000rem;
  height: 1.450000rem;
  padding: 7px;
  box-sizing: border-box;
  border: 0.020000rem solid transparent
}

.u-textarea:focus {
  border: 0.020000rem solid #004ea2
}

.u-select {
  float: left;
  position: relative
}

.u-select:hover .select-ul {
  transform: scale(1);
  opacity: 1
}

.m-alert,.u-select .select-ul {
  opacity: 0;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.u-select .title {
  font-size: 11px;
  height: 0.450000rem;
  line-height: 0.450000rem;
  cursor: pointer
}

.u-select .title i {
  font-size: 0.140000rem;
  font-weight: 700;
  color: #999;
  margin-left: 3.5px
}

.u-select .select-ul {
  background: #fff;
  position: absolute;
  box-shadow: 0  0.030000rem 0.080000rem rgba(0,0,0,.3);
  padding: 3.5px 0;
  transform: scale(0);
  transform-origin: left top
}

.u-select .select-ul li {
  line-height: 21px;
  white-space: nowrap;
  font-size: 8.4px
}

.u-select .select-ul li a {
  padding: 0  10.5px
}

.u-select .select-ul li.z-active a {
  color: #E3281E
}

.u-select-lists {
  width: 100%;
  height: 28px;
  background: url(select.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/select.png*/ right top no-repeat #ededed;
  border: 0.7px solid #d2d2d2;
  border-radius: 3.5px;
  box-sizing: border-box;
  margin-bottom: 14px
}

.u-input-box {
  overflow: hidden;
  padding-top: 18%
}

.u-input-box ::-webkit-input-placeholder {
  font-size: 0.140000rem;
  color: #fff
}

.u-input-box :-moz-placeholder {
  font-size: 0.140000rem;
  color: #fff
}

.u-input-box ::-moz-placeholder {
  font-size: 0.140000rem;
  color: #fff
}

.u-input-box :-ms-input-placeholder {
  font-size: 0.140000rem;
  color: #fff
}

.u-input-box .u-input-text {
  width: 48%;
  height: 21px;
  background: 0 0;
  color: #fff;
  border: 0.7px solid #fff;
  margin: 0 1%;
  float: left
}

.u-input-box .u-button {
  clear: both;
  width: 112px;
  height: 0.320000rem;
  line-height: 0.320000rem;
  margin: 42px auto 0;
  color: #004ea2;
  background: #fff
}

.u-keyword {
  margin-top: 28px;
  background: #e6e6e6;
  padding: 21px 14px
}

.u-keyword .keyword-box {
  height: 1.440000rem;
  overflow: hidden
}

.u-keyword .keyword-box.z-current {
  height: auto
}

.u-keyword a {
  font-size: 11px;
  float: left;
  margin: 0.070000rem 7px;
  text-decoration: underline
}

.m-nav li>a,.m-pages a,.u-index-more,.u-index-more:hover {
  text-decoration: none
}

.m-nav li > i {
  display: none;
}

.u-keyword .keyword-more {
  width: 0.780000rem;
  height: 19.6px;
  line-height: 19.6px;
  margin: 14px auto 0;
  border: 0.7px solid #aaa;
  cursor: pointer
}

.u-keyword .keyword-more:hover {
  color: #fff;
  background: #004ea2;
  border: 0.7px solid #004ea2
}

.u-index-more {
  color: #777
}

.u-index-title {
  position: relative;
  margin: 0.450000rem 0  21px
}

.u-index-title .u-index-more {
  position: absolute;
  top: 14px;
  right: 0
}

.u-index-title h1 {
  font-size: 21px;
  line-height: 1;
  margin-bottom: 14px
}

.u-index-title .title-sub {
  color: #7d7d7d;
  text-align: center;
  position: relative
}

.u-index-title .title-sub b {
  font-weight: 400;
  background: #fff;
  padding: 0 5%;
  position: relative;
  z-index: 2;
  text-transform: uppercase
}

.u-index-title .title-sub:after,.u-index-title .title-sub:before {
  content: "";
  width: 23.43%;
  height: 0.7px;
  background: #7d7d7d;
  display: block;
  margin-top: 8.4px;
  position: absolute;
  top: 0
}

.u-index-title .title-sub:before {
  margin-left: 7.81%;
  left: 0;
  z-index: 1
}

.u-index-title .title-sub:after {
  margin-right: 7.81%;
  right: 0;
  z-index: 1
}

.m-pages {
  margin: 49px auto;
  display: table;
  color: #333
}

.m-pages a {
  min-width: 21px;
  height: 21px;
  line-height: 21px;
  float: left;
  border: 0.7px solid #aaa;
  overflow: hidden;
  font-size: 12.6px;
  font-weight: 400;
  color: #333;
  margin: 0  0.080000rem;
  background: #fff;
  border-radius: 0.030000rem;
  position: relative
}

.m-pages a[href*=javascript],.m-pages a[href*=javascript]:hover {
  color: #e5e5e5;
  border: 0.7px solid #e5e5e5;
  background: #fff
}

.m-pages a[href*=javascript] {
  cursor: default
}

.m-pages a.z-active,.m-pages a:hover {
  background: #004ea2;
  border: 0.7px solid #004ea2;
  color: #fff
}

.m-pages .next,.m-pages .prev {
  color: #333;
  background: #fff;
  border: 0.7px solid #7d7d7d
}

.m-pages .next i,.m-pages .prev i {
  font-size: 15.4px;
  font-weight: 700
}

.m-pages .next:hover,.m-pages .prev:hover {
  background: #004ea2;
  border: 0.7px solid #004ea2
}

.m-pages input {
  padding: 0  3.5px;
  width: 17.5px;
  height: 19.6px;
  line-height: 19.6px\9;
  float: left;
  border-radius: 0.030000rem;
  border: 0.7px solid #aaa;
  margin: 0  0.030000rem
}

.m-pages .page-total {
  color: #fff;
  border: 0.7px solid #d5d5d5;
  background: #d5d5d5;
  border-radius: 0.030000rem;
  margin: 0  7px;
  padding: 0  10.5px
}

.m-pages span {
  line-height: 19.6px;
  float: left;
  padding: 0  3.5px
}

.m-pages .page-go {
  width: 28px;
  height: 19.6px;
  line-height: 19.6px;
  float: left;
  border: 0.7px solid #aaa;
  background: 0 0
}

.view-more .loaded,.view-more .view-btn {
  line-height: 0.350000rem;
  height: 0.350000rem;
  text-align: center
}

.view-more {
  height: 0.350000rem;
  margin: 17.5px 0;
  color: #666
}

.view-more .view-btn {
  width: 1.300000rem;
  border: 0.7px solid #ccc;
  margin: 0 auto;
  border-radius: 0.030000rem;
  font-size: 0.140000rem;
  cursor: pointer;
  box-sizing: border-box
}

.view-more .loaded img {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px
}

.m-slide,.m-slide .index_banner {
  width: 100%
}

.m-slide .index_banner:hover .ban_hd .circle1,.view-more .z-hidden {
  display: none
}

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(-360deg)
  }
}

@keyframes spin {
  100% {
    transform: rotate(-360deg)
  }
}

.m-slide {
  height: auto;
  margin: 0 auto;
  padding-bottom: 56px;
  position: relative;
  z-index: 1
}

.ban_hd svg {
  width: 0.50rem;
  height: 0.50rem;
}

.m-slide .ban_hd {
  width: 100%;
  height: 35px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  text-align: center;
  right: 0
}


.m-slide .ban_hd .circle1 {
  display: none;
  -webkit-animation: lineMove 6.5s ease-out infinite;
  -ms-animation: lineMove 6.5s ease-out infinite;
  animation: lineMove 6.5s ease-out infinite;
}
.m-slide .index_banner .ban_hd .circle1{
  -webkit-animation: lineMove 3.5s ease-out infinite;
  -ms-animation: lineMove 3.5s ease-out infinite;
  animation: lineMove 3.5s ease-out infinite;
}

@-webkit-keyframes lineMove {
  0% {
    stroke-dasharray: 0,144
  }

  100% {
    stroke-dasharray: 144,144
  }
}
@-ms-keyframes lineMove {
  0% {
    stroke-dasharray: 0,144
  }

  100% {
    stroke-dasharray: 144,144
  }
}

@keyframes lineMove {
  0% {
    stroke-dasharray: 0,144
  }

  100% {
    stroke-dasharray: 144,144
  }
}

.m-date .date-third .m-slide .ban_hd ul li svg circle,.m-index-banner .m-slide .ban_hd ul li svg circle,.m-tahrir .tahrir-fourth .m-slide .ban_hd ul li svg circle {
  stroke: #fff
}
.m-index-banner .m-slide .ban_hd ul li svg circle{
  stroke: #004ea2;
}

.m-slide .ban_hd ul {
  display: table;
  margin: 0 auto
}

.m-slide .ban_hd ul li {
  width: 35px;
  height: 35px;
  float: left;
  margin: 0  3.5px;
  overflow: hidden;
  cursor: pointer;
  position: relative
}

.m-slide .ban_hd ul li .li-sub {
  width: 7px;
  height: 7px;
  display: block;
  background: #c7c6c6;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-indent: -99.990000rem
}


.m-slide .ban_hd ul li.on .li-sub {
  background: #004ea2
}

.m-slide .ban_hd ul li.on .circle1 {
  display: block
}

.m-slide .ban_bd {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: 0 0 14px rgba(84,84,84,.15)
}

.m-slide .ban_bd li {
  position: relative;
  width: 3.020000rem;
  height: 1.850000rem
}

.m-slide .ban_bd li a, .m-slide .ban_bd li div.success_case {
  display: block;
  margin: 35px;
  overflow: hidden
}

.m-slide .ban_bd li img {
  width: 3.290000rem;
  height: 2.140000rem;
  margin-right: 5%;
  float: left;
}

.m-slide .ban_bd li h3 {
  font-size: 19.6px;
  height: 0.352rem;
  overflow: hidden;
  line-height: 1.6;
  color: #222;
  font-weight: 400;
  margin-bottom: 35px;
}

.m-slide .ban_bd li i {
  width: 0.560000rem;
  height: 0.080000rem;
  display: inline-block;
  background: #004ea2;
  margin: 21px 0  14px;
  margin: 0px 0  14px;
  width: 0;
}

.m-slide .nextbtn,.m-slide .prevbtn {
  width: 0.550000rem;
  height: 1.850000rem;
  bottom: 0;
  cursor: pointer
}

.m-slide .ban_bd li p {
  color: #222;
  font-size: 11px;
  font-size: 0.22rem;
  line-height: 21px;
color: #818181;
line-height: 1.6;
  max-height: 63px;
  max-height: 126px;
  overflow: hidden
}

.m-slide .ban_bd li .success_case p {
  max-height: 1.500000rem;
}

.m-slide .nextbtn,.m-slide .pageState {
  line-height: 16.8px;
  position: absolute;
  z-index: 2
}

.m-slide .ban_bd li span {
  font-size: 12.6px;
  color: #004ea2;
  float: right;
  margin-top: 7px
}

.m-slide .nextbtn i,.m-slide .prevbtn i {
  font-size: 16.8px
}

.m-slide .prevbtn {
  position: absolute;
  left: -0.550000rem;
  color: #666;
  z-index: 2;
  background: url(left.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/left.png*/ left center no-repeat
}

.m-slide .prevbtn:hover {
  color: #004ea2;
  font-weight: 700
}

.m-slide .nextbtn {
  right: -0.550000rem;
  color: #666;
  background: url(right.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/right.png*/ right center no-repeat
}

.m-slide .nextbtn:hover {
  color: #004ea2;
  font-weight: 700
}

.m-slide .pageState {
  color: #999;
  padding: 0  7px;
  font-size: 12.6px;
  font-family: Arial;
  right: 0.570000rem;
  bottom: 7px
}

.m-slide .pageState span {
  font-size: 16.8px;
  color: #004ea2
}

.m-slide.slide--news {
  margin: 19.6px 0 3%;
  padding-bottom: 0
}

.m-slide.slide--news .ban_hd {
  width: auto;
  right: 2%;
  bottom: 21px
}

.m-slide.slide--news .ban_bd li a {
  margin: 0
}

.m-slide.slide--news .ban_bd li .news-img {
  width: 5.690000rem;
  height: 3.540000rem;
  float: left
}

.m-slide.slide--news .ban_bd li img {
  width: 100%;
  height: 100%;
  margin-right: 0;
  float: none
}

.m-slide.slide--news .ban_bd li .news-box {
  padding: 3% 4%;
  overflow: hidden
}

.u-mycheck label,.u-myradio label {
  padding-left: 17.5px;
  cursor: pointer;
  box-sizing: border-box
}

.m-slide.slide--news .ban_bd li .news-data {
  color: #004ea2
}

.m-slide.slide--news .ban_bd li .news-data .day {
  font-size: 28px;
  float: left;
  font-weight: 400;
  line-height: 1;
  margin-right: 7px
}

.m-slide.slide--news .ban_bd li .news-data .month, .m-slide.slide--news .ban_bd li .news-data .year {
  width: 1.000000rem;
  width: auto;
  display: block;
  font-size: 12.6px;
  font-size: 0.20rem;
  line-height: 14px;
  line-height: 1.6;
  font-weight: 300
}

.m-slide.slide--news .ban_bd li h2 {
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
  height: 0.352000rem;
  overflow: hidden;
  color: #004ea2;
  margin: 21px 0  14px;
}

.m-slide.slide--news .ban_bd li p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
  height: 74.55px;
  color: #888;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
}

.m-alert,.m-alert .alert-bg {
  width: 100%;
  height: 100%;
  left: 0
}

.m-slide.slide--news .ban_bd li span {
  font-size: 12.6px;
  color: #004ea2;
  margin-top: 28px;
  float: left
}

.u-mycheck {
  position: relative;
  color: #999
}

.u-mycheck a,.u-mycheck input[type=checkbox]:checked+label {
  color: #666
}

.u-mycheck input[type=checkbox] {
  display: none
}

.u-mycheck label {
  width: 100%;
  display: block
}

.u-mycheck label:after {
  content: "\e658";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px
}

.u-mycheck input[type=checkbox]:checked+label:after {
  content: "\e63a";
  color: #666
}

.u-myradio {
  position: relative;
  color: #999
}

.u-myradio a,.u-myradio input[type=radio]:checked+label {
  color: #666
}

.u-myradio input[type=radio] {
  display: none
}

.u-myradio label {
  width: 100%;
  display: block
}

.u-myradio label:after {
  content: "\e6da";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px
}

.u-myradio input[type=radio]:checked+label:after {
  content: "\e6aa";
  color: #666
}

.m-alert {
  color: #fff;
  position: fixed;
  top: 0;
  display: table;
  z-index: 99999;
  transform: scale(0)
}

.m-alert.z-show {
  opacity: 1;
  transform: scale(1)
}

.m-alert .alert-colse {
  color: rgba(255,255,255,.6);
  position: absolute;
  right: 7px;
  top: 7px;
  cursor: pointer
}

.m-alert .alert-colse i {
  font-size: 18.2px
}

.m-alert .alert-bg {
  position: absolute;
  top: 0;
  background: rgba(0,0,0,.8);
  z-index: 5
}

.m-alert .alert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.m-alert .alert-text-content {
  background: rgba(0,0,0,.7);
  text-align: left;
  min-width: 4.000000rem;
  padding: 35px 56px 28px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  z-index: 8;
  border-radius: 0
}

.m-alert .btns .cancel-btn,.m-alert .btns .submit-btn {
  width: 1.500000rem;
  height: 28px;
  color: #fff;
  font-size: 10.5px;
  line-height: 28px;
  margin: 7px 7px 0;
  border-radius: 0.030000rem;
  display: inline-block;
  cursor: pointer
}

.m-alert .btns {
  text-align: center
}

.m-alert .btns .cancel-btn {
  background: #9b9b9b
}

.m-alert .btns .submit-btn {
  background: #004ea2
}

.m-alert .btns .submit-btn:hover {
  background: #982420
}

.m-head {
  height: 1.580000rem;
  position: relative;
  z-index: 9999
}

.m-head .head-right {
  float: right;
  max-width: 7.600000rem;
}

.m-head .head-top {
  width: 6.800000rem;
  float: right;
  height: 0.570000rem;
  border-bottom: 0.7px solid #e1e1e1
}

.m-head .head-top .head-t-box {
  float: right;
  font-size: 11px;
  font-size: 15.4px;
  color: #222
}

.m-head .head-top .head-t-box .head-lang,.m-head .head-top .head-t-box .head-link,.m-head .head-top .head-t-box .head-link1,.m-head .head-top .head-t-box .head-search {
  width: 1.400000rem;
  height: 0.560000rem;
  line-height: 0.570000rem;
  float: left;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.m-head .head-top .head-t-box .head-link{
  width: auto;
  padding: 0 0.2rem;
}
.m-head .head-top .head-t-box .head-lang i,.m-head .head-top .head-t-box .head-link i,.m-head .head-top .head-t-box .head-link1 i,.m-head .head-top .head-t-box .head-search i {
  color: #004ea2;
  font-size: 14px;
  font-size: 15.4px;
  margin-right: 7px;
  position: relative;
/*  top: 0.020000rem;*/
}

.m-head .head-top .head-t-box .head-lang .iconsharp-people_outline-px,.m-head .head-top .head-t-box .head-link .iconsharp-people_outline-px,.m-head .head-top .head-t-box .head-link1 .iconsharp-people_outline-px,.m-head .head-top .head-t-box .head-search .iconsharp-people_outline-px {
  font-size: 16.8px
}

.m-head .head-top .head-t-box .head-lang .iconsharp-expand_less-px-r,.m-head .head-top .head-t-box .head-link .iconsharp-expand_less-px-r,.m-head .head-top .head-t-box .head-link1 .iconsharp-expand_less-px-r,.m-head .head-top .head-t-box .head-search .iconsharp-expand_less-px-r {
  color: #222;
  font-weight: 700;
  margin-left: 3.5px;
  margin-right: 0;
  display: inline-block;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-head .head-top .head-t-box .head-lang:after,.m-head .head-top .head-t-box .head-link1:after,.m-head .head-top .head-t-box .head-link:after,.m-head .head-top .head-t-box .head-search:after {
  content: "";
  height: 14px;
  border-right: 0.7px solid #e1e1e1;
  float: right;
  margin-top: 14px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: scale(1.01);
}
.m-head .head-top .head-t-box .head-link:first-child:after{
  display: none;
}

.m-head .head-top .head-t-box .head-lang {
  position: relative;
  z-index: 2;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  background: #fff
}

.m-head .head-top .head-t-box .head-lang:hover {
  height: auto;
  box-shadow: 0 0 14px rgba(175,175,175,.2)
}

.m-head .head-top .head-t-box .head-lang:hover:after {
  display: none
}

.m-head .head-top .head-t-box .head-lang:hover .iconsharp-expand_less-px-r {
  transform: rotate(90deg)
}

.m-head .head-top .head-t-box .head-lang:hover .lang-box {
  opacity: 1;
  transform: scale(1);
  box-shadow: 0  14px 14px rgba(175,175,175,.2)
}

.m-head .head-top .head-t-box .lang-box {
  background: #fff;
  line-height: 21px;
  padding: 0 0 10.5px;
  position: absolute;
  width: 100%;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  transform: scale(0);
  transform-origin: center top;
  opacity: 0
}

.m-head .head-top .head-t-box .lang-box:before {
  content: "";
  border-top: 0.7px solid #f2f2f2;
  width: 80%;
  display: block;
  margin: 0 auto 10.5px
}

.m-head .head-top .head-t-box .lang-box a:hover {
  color: #004ea2
}

.m-head .head-top .head-t-box .head-search {
  text-align: right;
  width: 0.450000rem
}

.m-head .head-top .head-t-box .head-search i {
  margin-right: 0
}

.m-head .head-top .head-t-box .head-search:after {
  border-right: 0
}

.m-head .head-top .head-t-box a {
  color: #222
}

.m-head .head--other {
  display: none
}

.m-head .head-search1 {
  width: 10.000000rem;
  height: 35px;
  margin: 0.380000rem auto 0
}

.m-head .head-search1 input {
  width: 9.300000rem;
  height: 35px;
  background: 0 0;
  border-bottom: 0.7px solid #bababa;
    font-size: 0.22rem;
}
.m-head .head-search1 input::-webkit-input-placeholder {
    font-size: 0.22rem;
}
.m-head .head-search1 input::-moz-input-placeholder {
    font-size: 0.22rem;
}
.m-head .head-search1 input::-ms-input-placeholder {
    font-size: 0.22rem;
}
.m-head .head-search1 input::-o-input-placeholder {
    font-size: 0.22rem;
}

.m-head .head-search1 input:focus {
  border-bottom: 0.7px solid #004ea2
}

.m-head .head-search1 button {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
}

.m-head .head-search1 a , .m-head .head-search1 button {
  width: 35px;
  line-height: 35px;
  color: #004ea2;
  float: right
}

.m-head .head-search1 a i , .m-head .head-search1 button i {
  font-size: 21px
}

.m-head .m-menu {
  float: right;
  height: 35px;
  line-height: 35px;
  padding: 0 2.5%;
  color: #222;
  display: none;
  position: relative;
  z-index: 1000
}

.m-head .m-menu i {
  font-size: 18.2px
}

.m-head .g-nav-bg,.m-head .g-search-bg {
  width: 100%;
  height: 0;
  background: rgba(246,247,249,.85);
  box-shadow: 0 0 14px #ccc inset;
  position: absolute;
  left: 0;
  top: 1.580000rem;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  z-index: 999;
  overflow: hidden
}

.m-head .g-nav-bg.z-current,.m-head .g-search-bg.z-current {
  height: 1.270000rem
}

.m-head .g-search-bg {
  z-index: 998
}

.m-head .moblie-search {
  display: none;
  background: #fff;
  margin: 0  14px 14px;
  border-radius: 0.350000rem;
  box-shadow: 0 0 14px rgba(175,175,175,.2);
  overflow: hidden
}

.m-head .moblie-search input {
  width: 87%;
  height: 0.350000rem;
  box-sizing: border-box
}

.m-head .moblie-search button {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
}

.m-head .moblie-search a , .m-head .moblie-search button {
  width: 10%;
  height: 0.350000rem;
  line-height: 0.350000rem;
  float: right;margin-right: 3%;
}

.m-head .moblie-search a i , .m-head .moblie-search button i {
  font-size: 14px
}


.gotop{
  width: 0.40rem;
  height: 0.40rem;
  text-align: center;
  line-height: 0.40rem;
  background-color: #004ea2;
  border-radius: 50%;
  position: fixed;
  right: 5%;
  bottom: .8rem;
  z-index: 999;
  display: none;
}
.gotop i{
  font-size: 0.2rem;
  color: #fff;
}


.m-foot {
  width: 100%;
  position: relative;
  overflow: hidden
}

.m-foot .foot-top {
  background: #1e2123;
  padding: 0.850000rem 0;
  color: #fff;
  overflow: hidden
}

.m-foot .foot-t-left {
  width: 3.600000rem;
  float: left
}

.m-foot .foot-t-left .title {
  border-bottom: 0.040000rem solid #004ea2;
  padding-bottom: 17.5px
}

.m-foot .foot-t-left .title img {
  margin: 0 auto
}

.m-foot .foot-t-left .links {
  margin: 28px 21px;
  font-size: 11px;
  line-height: 21px
}

.m-foot .foot-t-left .links a {
  color: #fff;
  letter-spacing: 0.030000rem;
  margin: 0  0.090000rem
}

.m-foot .foot-t-left .foot-icon {
  text-align: center
}

.m-foot .foot-t-left .foot-icon a {
  margin: 0  10.5px;
  display: inline-block;
  position: relative
}

.m-foot .foot-t-left .foot-icon a:hover .icon-chat {
  transform: scale(1)
}

.m-foot .foot-t-left .foot-icon .icon-chat {
  width: 66.5px;
  height: 66.5px;
  position: absolute;
  left: -0.360000rem;
  bottom: 14px;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  transform: scale(0);
  transform-origin: center bottom
}

.m-links-img li:before,.m-nav li>a:after {
  bottom: 0;
  content: ""
}

.m-foot .foot-t-left .foot-icon .icon-chat img {
  width: 100%;
  height: 100%
}

.m-foot .foot-t-left .foot-icon i {
  font-size: 14px;
  color: #fff;
  display: block
}

.m-foot .foot-copyright,.m-foot .foot-copyright a {
  color: rgba(100,107,115,.47)
}

.m-foot .foot-t-mid {
  width: 3.600000rem;
  float: left;
  margin-left: 1.820000rem;
  margin-right: 1.820000rem
}

.m-foot .foot-t-mid .title {
  border-bottom: 0.040000rem solid #2da489;
  padding-bottom: 17.5px
}

.m-foot .foot-t-mid .title img {
  margin: 0 auto
}

.m-foot .foot-t-mid .foot-ewm {
  width: 126px;
  float: left;
  margin-top: 28px
}

.m-foot .foot-t-mid .foot-ewm img {
  width: 66.5px;
  height: 66.5px;
  margin: 0 auto
}

.m-foot .foot-t-mid .foot-ewm p {
  font-size: 11px;
  text-align: center;
  letter-spacing: 0.030000rem;
  margin-top: 10.5px
}

.m-foot .foot-t-right {
  width: 3.600000rem;
  float: right
}

.m-foot .foot-t-right .title {
  border-bottom: 0.040000rem solid #6f6f6f;
  padding-bottom: 17.5px;
  text-align: center;
  font-size: 15.4px;
  height: 0.460000rem
}

.m-foot .foot-t-right .title img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px
}

.m-foot .foot-t-right .links {
  margin-top: 28px;
  text-align: center
}

.m-foot .foot-t-right .links a {
  margin: 0  0.230000rem
}

.m-foot .foot-t-right .links img {
  display: inline-block
}

.m-foot .foot-copyright {
  font-size: 0.140000rem;
  line-height: 17.5px;
  text-align: center;
  background: #1b1d1f;
  padding: 17.5px 0
}

.m-foot .foot-copyright .foot-first p {
  display: inline;
  margin: 0  10.5px
}

.m-foot .foot-copyright a:hover {
  color: rgba(100,107,115,.7)
}

.m-footer {
  background-color: #1e2123;
}

.foot-top {
  padding-bottom: 56px;
  padding-top: 0.750000rem;
  letter-spacing: -0.070000rem;
  color: #fff;
  overflow: hidden;
}

.foot-top .footer_item {
  display: inline-block;
  float: left;
  letter-spacing: 0px;
  width: 5.000000rem;
  margin-right: 1.330000rem;
}

.foot-top .footer_item h4 {
  line-height: 1;
  padding-bottom: 14px;
  position: relative;
  margin-bottom: 0.320000rem;
}

.foot-top .footer_item h4:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0.030000rem;
  width: 21px;
  background-color: #fff;
  left: 0;
}

.foot-top .footer_left h6 {
  font-size: 0.140000rem;
  margin-bottom: 10.5px;
}

.foot-top .footer_left ul li {
  margin-bottom: 21px;
}

.foot-top .footer_left ul li:last-child {
  margin-bottom: 0;
}

.foot-top .footer_left ul li .footer_item_a a {
  color: #9ba4aa;
  line-height: 21px;
  padding-right: 7px;
  position: relative;
  display: inline-block;
  margin-right: 7px;
}

.foot-top .footer_left ul li .footer_item_a a:hover {
  color: #fff;
}

.foot-top .footer_left ul li .footer_item_a a:after {
  content: '';
  position: absolute;
  top: 0.080000rem;
  right: 0;
  background-color: #9ba4aa;
  height: 0.140000rem;
  width: 0.7px;
}

.foot-top .footer_left ul li .footer_item_a a:last-child:after {
  display: none;
}

.foot-top .footer_mid h6 {
  margin-bottom: 19px;
  font-size: 11px;
  color: #9ba4aa;
}

.foot-top .footer_mid h6 a {
  color: #9ba4aa;
}

.foot-top .footer_mid h6 a:hover {
  color: #fff;
}

.foot-top .footer_mid .erweima {
  letter-spacing: -0.070000rem;
}

.foot-top .footer_mid .erweima .erweima_item {
  letter-spacing: 0px;
  display: inline-block;
  margin-right: 0.350000rem;
  margin-bottom: 14px;
}

.foot-top .footer_mid .erweima .erweima_item img {
  display: block;
  width: 56px;
  margin-bottom: 8.4px;
}

.foot-top .footer_mid .erweima .erweima_item p {
  font-size: 11px;
  line-height: 1.5;
}

.foot-top .footer_mid2 a {
  display: inline-block;
  margin-right: 21px;
  margin-bottom: 21px;
}

.foot-top .footer_mid2 a:hover {
  color: #fff;
}

.foot-top .footer_mid2 img {
  display: block;
}

.foot-top .footer_right .footer_right_t {
  margin-bottom: 0.540000rem;
}

.foot-top .footer_right .footer_right_t a {
  display: block;
  margin-bottom: 14px;
  height: 14px;
  color: #fff;
}

.foot-top .footer_right .footer_right_t a i {
  display: inline-block;
  margin-right: 15.4px;
  font-size: 12.6px;
}

.foot-top .footer_right .footer_right_b a {
  display: inline-block;
  margin-right: 21px;
  position: relative;
  color: #fff
}

.foot-top .footer_right .footer_right_b a i {
  font-size: 18.2px;
}

.foot-top .footer_right .footer_right_b a.weixin .icon-chat {
  position: absolute;
  width: 66.5px;
  height: 66.5px;
  position: absolute;
  left: -0.360000rem;
  bottom: 19.6px;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  transform: scale(0);
  transform-origin: center bottom;
}

.foot-top .footer_right .footer_right_b a.weixin:hover .icon-chat {
  transform: scale(1);
}

.foot-top .footer_item.footer_mid {
  width: 3.000000rem;
  margin-right: 1.050000rem;
}

.foot-top .footer_item.footer_mid2 {
  width: 2.250000rem;
  margin-right: 0.550000rem;
}

.foot-top .footer_item.footer_right {
  float: right;
  width: 1.220000rem;
  margin-right: 0;
}

.m-footer .foot-copyright {
  font-size: 0.140000rem;
  line-height: 17.5px;
  text-align: center;
  background: #1b1d1f;
  padding: 17.5px 0;
}

.m-footer .foot-copyright, .m-footer .foot-copyright a {
  color: rgba(100,107,115,.47);
}

.m-footer .foot-copyright .foot-first p {
  display: inline;
  margin: 0  10.5px
}

.m-footer .foot-copyright a:hover {
  color: rgba(100,107,115,.7)
}

.m-nav {
  height: 0.640000rem;
  box-sizing: border-box
}

.m-nav li {
  line-height: 1.000000rem;
  font-size: 15.4px;
  float: left;
  padding-left: 0.520000rem;
  padding-left: 0.4500000rem;
}

.m-nav li>a {
  color: #222;
  display: block;
  text-align: center;
  position: relative;
    font-size: 0.24rem;
  line-height: 1.000000rem;
}

.m-nav li.z-current .nav-title,.m-nav li.z-select .nav-title {
  color: #004ea2;
  display: block
}

.m-nav li .nav-subs,.m-nav li>a:after {
  position: absolute;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-nav li>a i {
  display: none
}

.m-nav li>a:after {
  left: 50%;
  border-bottom: 0.040000rem solid #004ea2;
  width: 0%;
  display: block;
  opacity: 0;
  border-radius: 3.5px
}

.m-nav li>a:hover {
  color: #004ea2
}

.m-nav li>a:hover:after {
  width: 100%;
  left: 0;
  opacity: 1
}

.m-nav li.z-current .nav-title:after {
  width: 100%;
  left: 0;
  opacity: 1
}

.m-nav li.z-current .nav-subs {
  height: 1.270000rem;
  opacity: 1;
  top: 1.580000rem
}

.m-nav li.z-select .nav-title:after {
  width: 100%;
  left: 0;
  opacity: 1
}

.m-nav li .nav-subs {
  width: 100%;
  top: 1.880000rem;
  left: 50%;
  transform: translateX(-50%);
  height: 0;
  overflow: hidden;
  z-index: 9999;
  opacity: 0;
  text-align: center
}

.m-nav li .nav-subs dl {
  display: table;
  margin: 0 auto
}

.m-nav li .nav-subs dd {
  height: 1.270000rem;
  line-height: 1.270000rem;
  display: table-cell;
  white-space: nowrap;
vevertical-align: middle;
}

.m-nav li .nav-subs dd a {
  font-size: 11px;
  font-size: 12.6px;
  font-size: 15.4px;
  color: #222;
  display: block;
  position: relative;
  padding: 0  0.350000rem;
  line-height: 1.270000rem;
}

.m-nav li .nav-subs dd a:hover {
  color: #004ea2;
  font-weight: 400;
  background: #fff
}

.m-crumbs,.m-crumbs a {
  color: rgba(255,255,255,.8)
}

.m-nav li .nav-subs dd:last-child {
  border-bottom: 0
}

.m-crumbs {
  float: right;
  font-size: 11px
}

.m-crumbs span {
  margin: 0  3.5px
}

.m-banner {
  width: 100%;
  height: 4.620000rem;
  position: relative;
  z-index: 1;
  overflow: hidden
}
.m-banner p{
color: #fff;
font-size: 15.4px;
}
.m-banner p .ban-link{
margin-left: .23rem;
}
.m-banner .ban-link {
  width: 119px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  margin-right: 0.380000rem;
  border: 0.7px solid #fff;
  border-radius: 35px;
  font-size: 12.6px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  margin: 0.530000rem 0.380000rem 0 0;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
}

.m-banner .ban-link:hover {
  color: #fff;
  background: #004ea2;
  border: 0.7px solid #004ea2
}

.m-banner .ban-link i {
  font-size: 14px;
  width: auto;
  height: auto;
  margin: 0 0 0  7px;
  background: 0 0
}

.m-banner .banner-img {
  width: 1344px;
  height: 4.620000rem;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}

.m-banner .banner-text {
  max-width: 14.400000rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  /*padding: 0  21px;*/
  top: 108.5px;
  box-sizing: border-box;
  text-align: left
}

.m-banner .banner-text h2, .m-banner .banner-text h3 {
  /*padding-left: 21px;
  border-left: 0.080000rem solid #fff;*/
  color: #fff
}

.m-banner .banner-text h2 {
  font-size: 33.6px;
  line-height: 1;
  letter-spacing: 7px;
  padding-bottom: 14px
}

.m-banner .banner-text h3 {
  font-size: 18.2px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.030000rem
}

.m-banner .banner-text .banner-icon {
  width: 0.470000rem;
  height: 0.470000rem;
  line-height: 0.470000rem;
  display: block;
  color: #fff;
  border: 0.7px solid #fff;
  text-align: center;
  border-radius: 50%;
  float: left;
  margin: 0.530000rem 0.380000rem 0 0;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-banner .tel-box .tel-box-sub,.m-serve li,.m-side-left li {
  border-radius: 7px;
  box-sizing: border-box
}

.m-banner .banner-text .banner-icon i {
  font-size: 16.8px;
}
.m-banner .banner-text .banner-icon img {
  display: inline-block;
    width: 0.22rem;
    vertical-align: middle;
}

.m-banner .banner-text .banner-icon:hover {
  background: rgba(255,255,255,.2);
  color: #fff;
  background: #004ea2;
  border: 0.7px solid #004ea2;
}

.m-banner .banner-tel {
  position: relative
}

.m-banner .banner-tel:hover .tel-box {
  transform: scale(1);
  opacity: 1
}

.m-banner .tel-box {
  width: 3.060000rem;
  height: 2.250000rem;
  position: absolute;
  left: 33.6px;
  top: -1.000000rem;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  transform-origin: left center;
  transform: scale(0);
  opacity: 0
}

.m-banner .tel-box .tel-box-sub {
  width: 2.960000rem;
  height: 2.250000rem;
  float: right;
  background: #004ea2;
  padding: 0.230000rem
}

.m-banner .tel-box img {
  width: 1.390000rem;
  height: 1.390000rem;
  float: left
}

.m-banner .tel-box .tel-text {
  font-size: 12.6px;
  line-height: 21px;
  padding-left: 7px;
  float: left;
  text-align: left;
  margin-top: 56px;
  letter-spacing: 0.020000rem
}

.m-banner .tel-box p {
  width: 100%;
  font-size: 12.6px;
  line-height: 21px;
  letter-spacing: 0.030000rem;
  margin-top: 10.5px
}

.m-side-left {
  width: 2.87rem;
  height: 100%;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  display: table-cell;
  background-color: #f2f2f2;
}

.m-serve li,.m-side-left li.z-active {
  background: #fff;
  box-shadow: 0 0 0.2rem rgb(175 175 175 / 20%);
}

.m-side-left.z-fixed ul {
  position: fixed;
  top: 0;
  margin-left: 0.18rem;
}

.m-side-left.jsLinksFixed {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 1000;
  margin-left: -9.600000rem
}

.m-side-left ul {
  float: right;
  margin-top: 1rem;
}

.m-side-left li {
  text-align: left;
  display: flex;
  font-size: 0.22rem;
  color: #a7aaaf;
  line-height: 0.25rem;
  padding: 0.25rem 0.75rem 0.25rem 0;
  margin-bottom: 0.3rem;
  width: 2.89rem;
  margin-right: -0.2rem;
  cursor: pointer;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
}

.m-side-left li b {
  color: #bbc0c7;
  font-weight: 500;
  display: block;
  letter-spacing: 3.5px;
}

.m-side-left li .num{
  margin-left: 20px;
}

.m-text h3,.m-text p {
  margin-bottom: 14px
}
.m-text p{
font-size: 0.22rem;
}

.g-content-soft .m-text h3, .g-content-soft .m-text p {
  margin-bottom: 0px
}

.m-side-left li.z-active {
  width: 2.890000rem;
  color: #002a57
}

.m-side-left li.z-active b {
  color: #330677;
  font-weight: 600;
}

.m-text {
  line-height: 21px;
  line-height: 1.6;
  font-size: 12.6px;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.020000rem;
font-size: 0.22rem;
}

.m-text h3 {
  font-size: 15.4px;
  font-size: 16.8px;
  color: #666;
  font-weight: 400;
  font-weight: bold
}

.m-text h5 {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 1.6;
  color: #222
}

.m-text p.p-color {
  color: #5c5c5c
}

.m-text .u-button {
  display: none
}

.m-serve ul:after {
  content: "";
  display: block;
  clear: both
}

.m-serve ul{
  display: flex;
  flex-wrap: wrap;
  /*display: inline-flex;*/
}
.m-serve li {
  width: 23.5%;
  height: 2.640000rem;
  height: auto;
  margin-right: 2%;
  float: left;
  padding: 3.5% 3%;
  text-align: center;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-serve li:last-child {
  margin-right: 0
}

.m-serve li:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.2)
}

.m-serve i {
  font-size: 35px;
  line-height: 1;
  color: #004ea2
}

.m-serve h3 {
  font-size: 15.4px;
  font-size: 16.8px;
  color: #330677;
  font-weight: 400;
  margin: 17.5px 0;
  letter-spacing: 0.020000rem;
  line-height: 1.6;
}

.m-serve p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 17.5px;
  line-height: 1.6;
  height: 0.750000rem;
  height: auto;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
}

.m-serve.serve--other ul{
  display: flex;
  flex-wrap: wrap;
  /*display: inline-flex;*/
}
.m-serve.serve--other li {
  width: 31.33%;
  height: 2.950000rem;
  height: 3.250000rem;
  height: auto;
  margin-right: 3%;
  margin-bottom: 3%
}

.m-serve.serve--other li:nth-child(3n) {
  margin-right: 0
}

.m-serve.serve--other p {
  height: 1.056000rem;
  height: auto;
}

.m-serve.serve--other1 li {
  width: 48%;
  height: 4.00000rem;
  margin-right: 4%;
  margin-bottom: 4%
}

.m-serve.serve--other1 li:nth-child(2n) {
  margin-right: 0
}

.m-serve.serve--other1 p {
  height: 1.76rem;
}

.m-serve.serve--other2 {
  width: 80%;
  margin: 0 auto
}

.m-serve.serve--other2 ul{
  display: flex;
  flex-wrap: wrap;
  /*display: inline-flex;*/
}
.m-serve.serve--other2 li {
  height: 2.500000rem;
  height: auto;
  padding: 2% 3%
}

.m-serve.serve--other2 li img {
  max-height: 0.590000rem;
  margin: 0 auto;
}

.m-serve.serve--other2 p {
  height: 0.750000rem;
  text-align: center;
  height: auto;
}

.m-serve.serve--other4 {
  width: 12.000000rem;
  margin: 0 auto
}

.m-serve.serve--other4 li {
  height: 2.750000rem
}

.m-serve.serve--other4 li:hover {
  background: #004ea2
}

.m-serve.serve--other4 li:hover h3,.m-serve.serve--other4 li:hover i {
  color: #fff
}

.m-serve.serve--other4 li:hover span {
  color: #fff;
  border: 0.7px solid #fff
}

.m-serve.serve--other4 span {
  width: 1.720000rem;
  height: 35px;
  line-height: 35px;
  font-size: 12.6px;
  color: #004ea2;
  display: block;
  margin: 21px auto 0;
  border: 0.7px solid #004ea2;
  border-radius: 35px
}

.m-serve.serve--other4 span b {
  font-weight: 400
}

.m-serve.serve--other4 span i {
  font-size: 14px;
  margin-left: 7px
}

.m-service-area ul:after {
  content: "";
  display: block;
  clear: both
}

.m-service-area li {
  width: 18.4%;
  float: left;
  margin-right: 2%;
  position: relative;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 0 7px rgba(84,84,84,.2)
}

.m-service-area li:last-child {
  margin-right: 0
}

.m-service-area li:hover {
  box-shadow: 0 0 7px rgba(0,78,162,.7)
}

.m-service-area li img {
  width: 100%
}

.m-service-area li .mark-text {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(25,25,25,.4);
  text-align: center
}

.m-service-area li .mark-text h2 {
  font-size: 15.4px;
  font-size: 16.8px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.030000rem;
  line-height: 21px;
  width: 53%;
  left: 23.5%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.m-service-area.service-area--other li {
  width: 48.5%;
  margin-right: 3%;
  box-shadow: 0 0 14px rgba(84,84,84,.5)
}

.m-service-area.service-area--other li:last-child {
  margin-right: 0
}

.m-service-area.service-area--other li:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.5)
}

.m-service-area.service-area--other li:hover .mark-text {
  background: rgba(0,78,162,.9)
}

.m-service-area.service-area--other li:hover .mark-text i {
  top: 10%;
  left: 10%;
  transform: translate(0,0);
  margin-top: 0;
    opacity: 0;
}

.m-service-area.service-area--other li:hover .mark-text h3 {
  top: 10%;
  left: 10%;
  transform: translate(0,0);
  margin-top: 0.650000rem;
    opacity: 0;
}

.m-service-area.service-area--other li:hover .mark-text .mark-txt {
  top: 53%;
  top: 15%;
  /*font-size: 0.22rem;*/
  opacity: 1;
  overflow: initial!important;
}

.m-service-area.service-area--other li .mark-text {
  color: #fff;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-service-area.service-area--other li .mark-text .mark-box {
  padding: 10%;
  width: 100%;
  height: 100%;
  position: relative;
  box-sizing: border-box
}

.m-service-area.service-area--other li .mark-text i {
  font-size: 35px;
  line-height: 1;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin-top: -14px;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-service-area.service-area--other li .mark-text h3 {
  font-size: 15.4px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.030000rem;
  line-height: 21px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin-top: 21px;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-service-area.service-area--other li .mark-text .mark-txt {
  font-size: 11px;
  line-height: 17.5px;
  font-size: 0.22rem;
  line-height: 1.6;
  /*height: 63px;*/
  text-align: justify;
  text-justify: inter-ideograph;
  overflow: auto;
  position: absolute;
  top: 70%;
  left: 10%;
  right: 10%;
  opacity: 0;
  transition: all .3s cubic-bezier(.4,0,.2,1) .2s
}

.m-links-img li:before,.m-recommend .recommend-ul li,.m-service-lists li .title {
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-service-area.service-area--other li .mark-text .mark-txt:before {
  content: "";
  width: 0.460000rem;
  height: 0.030000rem;
  background: #fff;
  display: block;
  margin-bottom: 10.5px
}

.m-recommend {
  border-top: 0.7px solid #dedada;
  margin-top: 42px;
  margin-bottom: 56px;
  padding-top: 42px
}

.m-recommend .u-title h2 {
  margin-top: -42px
}

.m-recommend .u-tab {
  font-size: 12.6px;
  color: #222;
  height: 0.340000rem;
  line-height: 21px;
  margin-top: -0.660000rem;
  margin-left: 2.000000rem;
  margin-bottom: 35px
}

.m-recommend .u-tab li {
  font-size: 0.24rem;
  float: left;
  padding: 0;
  margin: 0  14px;
  position: relative;
  letter-spacing: 0.030000rem
}

.m-recommend .u-tab li:first-child:after {
  content: "";
  height: 12px;
  border-right: 0.020000rem solid #b5b7bc;
  position: absolute;
  right: -14px;
  top: 0.080000rem
}

.m-recommend .u-tab li.z-current {
  font-weight: 400;
  color: #004ea2;
  background: 0 0;
  border-bottom: 0.040000rem solid #004ea2
}

.m-recommend .u-tab-content .tab-sub {
  height: auto;
  overflow: visible
}

.m-recommend .u-tab-content .tab-sub.z-visible {
  height: 0;
  overflow: hidden
}

.m-recommend .recommend-ul:after {
  content: "";
  display: block;
  clear: both
}

.m-recommend .recommend-ul li {
  width: 31.33%;
  margin-right: 3%;
  float: left;
  background: #fff;
  border-radius: 7px 7px 0 0;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(175,175,175,.2)
}

.m-recommend .recommend-ul li:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.4)
}

.m-recommend .recommend-ul li:hover .recommend-title {
  border-left: 3.5px solid #004ea2
}

.m-recommend .recommend-ul li:last-child {
  margin-right: 0
}

.m-recommend .recommend-ul li .recommend-img,.m-recommend .recommend-ul li .recommend-img img {
  width: 100%
}

.m-recommend .recommend-ul li .recommend-title {
  color: #222;
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 17.5px;
  line-height: 1.6;
  height: 35px;
  height: 0.704000rem;
  overflow: hidden;
  margin: 5% 8%;
  border-left: 3.5px solid #b5b7bc;
  padding-left: 3%
}

.m-links-img ul:after {
  content: "";
  display: block;
  clear: both
}

.m-links-img li {
  width: 25%;
  height: 66.5px;
  float: left;
  background: #f8f9fb;
  border: 0.7px solid #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 1
}

.m-links-img li:before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  box-shadow: 0 0 7px rgba(0,78,162,.4);
  opacity: 0
}

.m-links-img li img {
  max-width: 80%;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.m-links-img li:hover {
  z-index: 2
}

.m-links-img li:hover:before {
  opacity: 1
}

.m-service-lists {
  margin-bottom: -21px
}

.m-service-lists ul:after {
  content: "";
  display: block;
  clear: both
}

.m-service-lists li {
  width: 23.5%;
  margin-right: 2%;
  float: left
}

.m-service-lists li.service-w {
  width: 49%;
  margin-right: 0
}

.m-service-lists li.service-w dd {
  width: 50%;
  float: left
}

.m-service-lists li.service-w1 {
  margin-right: 0
}

.m-service-lists li.service-w5 {
  width: 100%;
  margin-right: 0
}

.m-service-lists li:hover .title {
  box-shadow: 0 0 14px rgba(0,78,162,.3)
}

.m-service-lists li .title {
  font-size: 15.4px;
  font-size: 16.8px;
  height: 0.840000rem;

  line-height: 0.840000rem;
  color: #004ea2;
  box-shadow: 0 0 14px rgba(84,84,84,.08);
  text-align: center;
  border-radius: 7px;
  margin-bottom: 21px
}

.m-service-lists > ul > li:nth-of-type(4n) {
  margin-right: 0;
}

.m-service-lists li dl, .m-service-lists li ul {
  margin: 0  14px 28px;
  overflow: hidden
}

.m-service-lists li dd, .m-service-lists li li {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
  position: relative;
  padding-left: 14px;
  box-sizing: border-box;
  float: none;
  width: 100%;
}

.m-service-lists li dd:before, .m-service-lists li li:before {
  content: "";
  width: 0.070000rem;
  height: 0.070000rem;
  background: #004ea2;
  position: absolute;
  top: 0.110000rem;
  left: 0;
  border-radius: 50%
}

.m-business-lists li .title,.m-solution-lists li {
  height: 0.850000rem;
  line-height: 0.850000rem;
  padding: 0 4%;
  border-radius: 7px;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  box-sizing: border-box
}

.m-solution-lists li a {
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
}

.m-solution-lists {
  position: relative;
  margin-bottom: -3%
}

.m-solution-lists .u-search-box {
  position: absolute;
  right: 0;
  top: -56px;
  box-sizing: border-box
}

.m-solution-lists ul:after {
  content: "";
  display: block;
  clear: both
}

.m-solution-lists li {
  font-size: 15.4px;
  color: #004ea2;
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 3%;
  float: left;
  background: #fff;
  box-shadow: 0 0 14px rgba(175,175,175,.2)
}


.m-solution-lists li{
  padding: 0;
}
.m-solution-lists li a {
  font-size: 15.4px;
  font-size: 16.8px;
  color: #004ea2;
    display: block;
  padding: 0 7%;
}

.m-solution-lists li:nth-child(2n) {
  margin-right: 0
}

.m-solution-lists li i {
  font-size: 0.340000rem;
  float: right
}

.m-solution-lists li:hover {
  color: #fff;
  background: #004ea2;
  box-shadow: 0 0 14px rgba(0,78,162,.4)
}

.m-solution-lists li:hover a {
  color: #fff;
}

.m-business-lists {
  margin-top: 35px
}

.m-business-lists.business-lists--other {
  max-width: 12.000000rem;
  position: relative;
  margin: 0 auto
}

.m-business-lists .u-search-box {
  position: absolute;
  right: 0;
  top: -1.100000rem;
  box-sizing: border-box
}

.m-business-lists li {
  margin-bottom: 3%
}

.m-business-lists li .title {
  font-size: 15.4px;
  font-size: 16.8px;
  color: #4c2f84;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 14px rgba(175,175,175,.2)
}

.m-business-lists li .title i {
  font-size: 15.4px;
  float: right
}

.m-business-lists li.z-current .title , .m-business-lists li:hover .title {
  color: #fff;
  background: #004ea2;
  box-shadow: 0 0 14px rgba(0,78,162,.4)
}

.m-business-lists li.z-current .bus-box {
  display: block
}

.m-business-lists li .bus-box {
  display: none;
  overflow: hidden;
  padding: 4% 3% 3%
}

.m-business-lists li .bus-links {
  padding: 3% 2% 0;
  margin-bottom: -3%;
  flex-flow: wrap;
}

.m-business-lists li.z-current .bus-box.bus-links {
  display: flex;
}

.m-business-lists li.z-current .bus-box.bus-links .m-text {
  width: 100%;
}

.m-business-lists li .bus-links a:not(.btn) {
  float: left;
  position: relative;
  font-size: 12.6px;
  font-size: 15.4px;
/*  height: 42px;*/
  line-height: 21px;
  line-height: 1.6;
  padding-left: 14px;
  padding-right: 21px;
  box-sizing: border-box;
  width: 27.33%;
  margin: 0 3% 2%;
  color: #fff
}

.m-business-lists li .bus-links a:not(.btn):before {
  content: "";
  width: 0.070000rem;
  height: 0.070000rem;
  background: #fff;
  position: absolute;
  top: 0.110000rem;
  left: 0;
  border-radius: 50%
}

.m-business-lists li .bus-links a:not(.btn) i {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 15.4px;
  color: #fff
}

.m-business-lists li .bus-p, .m-business-lists li p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
}

.m-business-lists li .bus-img {
  width: 5.080000rem;
  height: 2.540000rem;
  float: left;
  margin-right: 2%
}

.m-business-lists li p {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 7px
}

.m-business-lists li dd {
  position: relative;
  width: 31.33%;
  float: left;
  border-radius: 7px;
  margin: 1.5% 3% 1.5% 0;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(84,84,84,.5)
}

.m-business-lists li dd:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.4)
}

.m-business-lists li dd:hover .mark-box {
  background: rgba(0,78,162,.9)
}

.m-business-lists li dd:nth-child(3n) {
  margin-right: 0
}

.m-business-lists li dd img {
  width: 100%
}

.m-business-lists li .mark-box {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(25,25,25,.6);
  text-align: center;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-product-lists li,.m-tab-lists .u-tab li.z-current {
  background: #fff;
  box-shadow: 0 0 14px rgba(175,175,175,.2)
}

.m-business-lists li .bus-mark {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%)
}

.m-business-lists li .bus-mark i {
  font-size: 35px;
  line-height: 1;
  display: block
}

.m-business-lists li .bus-mark h3 {
  font-size: 15.4px;
  font-weight: 400;
  letter-spacing: 0.030000rem;
  line-height: 21px;
  white-space: nowrap;
  margin-top: 7px
}

.m-text-lists li {
  border-left: 7px solid #004ea2;
  margin-bottom: 0.350000rem;
  padding-left: 0.130000rem;
  /*margin-left: 17.5px;*/
}

.m-text-lists li h3 {
  font-size: 15.4px;
  font-size: 16.8px;
  line-height: 1.3;
  line-height: 1.6;
  font-weight: 400;
  margin-bottom: 10.5px;
  color: #004ea2
}

.m-text-lists li p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
}

.m-tab-lists .u-tab {
  width: 37%;
  float: left;
  font-size: 15.4px;
  font-size: 16.8px;
  margin-right: 3%
}

.m-tab-lists .u-tab li {
  color: #004ea2;
  text-align: left;
  height: 49px;
  line-height: 49px;
  border-radius: 7px;
  padding-left: 5%;
  overflow-y: hidden;
  position: relative;
  padding-left: 0.550000rem;
}

.m-tab-lists .u-tab li.z-current {
  font-weight: 400
}

.m-tab-lists .u-tab li.z-current i {
  width: 0.350000rem;
  opacity: 1
}

.m-tab-lists .u-tab li i {
  font-style: normal;
  float: left;
  /*width: 0;
  opacity: 0;*/
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  position: absolute;
  left: 14px;
  top: 0;
}

.m-tab-lists .u-tab-content {
  width: 60%;
  float: left
}

.m-tab-lists .u-tab-content img {
  width: 100%;
  border-radius: 7px;
  margin-bottom: 10.5px
}

.m-tab-lists .u-tab-content p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 21px
}

.m-service-all ul {
  margin: 35px 0;
  overflow: hidden
}

.m-service-all li {
  width: 20%;
  float: left;
  text-align: center;
  position: relative
}

.m-service-all li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 1.040000rem;
  transform: translateY(-50%);
  border-left: 0.7px solid rgba(142,178,214,.27);-webkit-transform: scale(1.01) translateY(-50%);
}

.m-service-all li img {
  display: block;
  max-height: 33.6px;
  margin: 0 auto;
}

.m-service-all li:last-child:after {
  display: none
}

.m-service-all i {
  font-size: 35px;
  line-height: 1;
  color: #004ea2
}

.m-service-all h3 {
  font-size: 15.4px;
  font-size: 16.8px;
  color: #004ea2;
  font-weight: 400;
  margin: 17.5px 0  7px;
  letter-spacing: 0.020000rem
}

.m-service-all.service-all--other {
  overflow: hidden
}

.m-service-all.service-all--other li {
  width: 25%
}

.m-service-all.service-all--other p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
  margin: 17.5px 10% 7px;
  text-align: justify;
  text-justify: inter-ideograph;
}

.m-product-lists:last-child {
  margin-bottom: 21px
}

.m-product-lists .u-text-title,.m-service-all.service-all--other1 ul {
  margin: 21px 0  21px;
}

.m-service-all.service-all--other1 li:after {
  height: 1.730000rem
}

.m-service-all.service-all--other1 p {
  text-align: center
}

.m-product-lists .m-text {
  margin-bottom: 21px;
}

.m-product-lists .m-text h3 {
  color: #666;
  font-size: 16.8px;
  line-height: 1.6;
}

.m-product-lists ul:after {
  content: "";
  display: block;
  clear: both
}

.m-product-lists li {
  width: 15.7%;
  margin-right: 7px!important;
  margin-bottom: 7px;
  /* float: left; */
  padding: 2% 1%;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  display: inline-block;
}

.m-product-lists li img {
  display: block;
  max-height: 35px;
  margin: 0 auto;
}

.m-location h3,.m-location ul {
  padding-left: 5.600000rem
}

.m-product-lists li:nth-child(3n) {
  /*margin-right: 0!important;*/
}

.m-product-lists li:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.2)
}

.m-product-lists i {
  font-size: 35px;
  line-height: 1;
  color: #004ea2
}

.m-product-lists h3 {
  font-size: 11px;
  color: #004ea2;
  font-weight: 400;
  margin: 11px 0 0;
  /* letter-spacing: 0.020000rem; */
  width: 100%;
}
.m-product-lists li h3 {
font-size: 15.4px;
line-height: 1.6;
}

.m-location {
  overflow: hidden
}

.m-location img {
  width: 4.690000rem;
  height: 4.010000rem;
  /*  float: left;*/
  width: 50%;
  height: auto;
  margin: 0 auto;
}

.m-location ul {
  display: none;
}

.m-location h3 {
  padding-left: 0;
  text-align: center;
  font-size: 15.4px;
  font-size: 16.8px;
  line-height: 1.3;
  font-weight: 400;
  color: #fff;
  /*margin-top: 56px;*/
  margin-bottom: 28px;
}

.m-location li {
/*  overflow: hidden;*/
  width: 33.33%;
  height: 49px;
  font-size: 12.6px;
  color: #fff;
  float: left;
  position: relative;
  margin-bottom: 14px
}

.m-location li div {
  height: 49px;
  float: left;
  margin-right: 14px;
  display: flex;
  align-items: center;
}

.m-location li div img {
  width: 28px;
  height: auto;
  vertical-align: middle;
  display: inherit;
  float: none;
}

.m-location li i {
  font-size: 28px;
  line-height: 49px;
  float: left;
  margin-right: 14px
}

.m-location li b {
  display: block;
  font-weight: 400;
  position: relative;
  top: 50%;
  line-height: 15.4px;
  transform: translateY(-60%)
}

.m-news .page {
  margin: 17.5px 0
}

.m-news-list ul:after {
  content: "";
  display: block;
  clear: both
}

.m-news-list li {
  width: 31.33%;
  margin-right: 3%;
  float: left;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(175,175,175,.2)
}

.m-news-list li:last-child {
  margin-right: 0
}

.m-news-list li:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.4)
}

.m-news-list li .news-img {
  width: 100%;
  height: 0;
  padding-bottom: 40%;
  overflow: hidden
}

.m-news-list li img {
  width: 100%
}

.m-news-list li .news-box {
  padding: 8% 8% 6%;
  overflow: hidden
}

.m-news-list li .news-time {
  font-size: 11px;
  font-size: 14px;
  margin-bottom: 3.5px;
  color: #004ea2;
}

.m-news-list li h2 {
  font-size: 15.4px;
  font-size: 16.8px;
  font-weight: 400;
  color: #222;
  height: 42px;
  height: 54px;
  line-height: 21px;
  line-height: 1.6;
  overflow: hidden;
  margin-bottom: 7px
}

.m-news-list li p {
  color: #888;
  line-height: 17.5px;
  line-height: 1.6;
  font-size: 11px;
  font-size: 15.4px;
  height: 49.28px;
  overflow: hidden;
}

.m-news ul{
margin-bottom: 0.15rem;
}
.m-news li .news-data,.m-news li h2 {
  color: #004ea2
}

.m-news-list li span {
  color: #004ea2;
  font-size: 12.6px;
  font-size: 14px;
  float: right;
  margin-top: 7px
}

.m-news-list .u-button {
  margin: 28px auto 0
}

.m-news ul:after {
  content: "";
  clear: both;
  display: block
}

.m-news li {
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-news li:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.5)
}

.m-news li:nth-child(4n) {
  margin-right: 0
}

.m-news li .news-img {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 51%;
  padding-bottom: 60.31%;
    position: relative;
}

.m-news li .news-img img {
  
  max-width: 100%;
  /* min-width: 100%;width: 100%; */
  /* max-width: 100%; */
  min-height: 100%;
  position: absolute;
}

.m-news li .news-box {
  padding: 8%;
  overflow: hidden
}

.m-news li .news-data .day {
  font-size: 28px;
  float: left;
  font-weight: 400;
  line-height: 1;
  margin-right: 7px
}

.m-news li .news-data .month, .m-news li .news-data .year {
/*  width: 1.000000rem;*/
  display: block;
  font-size: 12.6px;
  font-size: 0.20rem;
  line-height: 14px;
  line-height: 1.6;
  font-weight: 300;
}

.m-news li h2 {
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
  height: 0.704000rem;
  overflow: hidden;
  font-weight: 400;
  margin: 14px 0
}

.m-news li p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
  height: 63px;
  height: 74.55px;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #888
}

.m-news li span {
  font-size: 12.6px;
  color: #004ea2;
  margin-top: 7px;
  float: right
}

.m-train {
  margin-top: 42px;
  padding-bottom: 21px;
}

.m-train .train-top {
  margin: 28px 0  1.200000rem
}

.m-train .train-top ul{
  display: flex;
  justify-content: space-between;
}
.m-train .train-top ul:after {
  /*content: "";
  display: block;
  clear: both*/
}

.m-train .train-map .moblie-select,.m-train .train-tabs .u-tab li:last-child:after {
  display: none
}

.m-train .train-top li {
  width: 48%;
  float: left;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-train .train-top li:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.5)
}

.m-train .train-top li:last-child {
  float: right
}

.m-train .train-top li .train-top-h4 {
  position: relative;
}

.m-train .train-top li .train-top-h4 h4 {
  position: absolute;
  left: 0.550000rem;
  color: #fff;
  font-size: 19.6px;
  font-weight: normal;
  line-height: 1;
  top: 54%;
  transform: translateY(-50%);
}

.m-train .train-top li img {
  width: 100%
}

.m-train .train-top li .train-text-box {
  padding: 5% 8%;
  height: 2.100000rem;
  height: 2.5rem;
  font-size: 12.6px;
  font-size: 0.22rem;
  line-height: 21px;
  line-height: 1.6;
  height: auto;
}
.m-train .train-top li .train-text-box p{
  margin-bottom: .20rem;
}
.m-train .train-top li .train-text-box p:last-child{
  margin-bottom: 0;
}

.m-train .train-tabs {
  background: #f1f3f7
}

.m-train .train-tabs .u-tab {
  height: 0.840000rem;
  position: relative;
  top: -0.420000rem;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-train .train-tabs .u-tab li {
  width: 25%;
  float: left;
  font-size: 15.4px;
  font-size: 16.8px;
  height: 0.840000rem;
  line-height: 0.840000rem;
  color: #004ea2;
  box-sizing: border-box
}

.m-train .train-tabs .u-tab li:after {
  content: "";
  height: 28px;
  border-right: 0.7px solid #e0eaf4;
  float: right;
  margin-top: 0.210000rem
}

.m-train .train-tabs .u-tab li.z-current {
  background: 0 0;
  font-weight: 400;
  border-bottom: 0.080000rem solid #004ea2
}

.m-train .train-tabs .train-tabs-text {
  line-height: 21px;
  line-height: 1.6;
  font-size: 12.6px;
  font-size: 15.4px;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.020000rem;
  overflow: hidden;
  padding-bottom: 42px
}

.m-train .train-tabs .train-tabs-text .text-box {
  overflow: hidden
}

.m-train .train-tabs .train-tabs-text .text-box .u-button {
  float: right;
  margin-top: 21px
}

.m-train .train-tabs .train-tabs-text .train-btn {
  display: none;
  margin: 14px auto 0;
  color: #999;
  border: 0
}

.m-train .train-tabs .train-tabs-text .train-btn:hover {
  background: 0 0
}

.m-train .train-map .f-in {
  height: 10.770000rem;
  position: relative
}

.m-train .train-map .map-title {
  font-size: 21px;
  position: absolute;
  left: 0;
  top: 0.750000rem;
  line-height: 1;
  letter-spacing: 7px;
  color: #004ea2;
  z-index: 5
}

.m-train .train-map .map-text {
  font-size: 12.6px;
  font-size: 16.8px;
  line-height: 21px;
  line-height: 1.6;
  position: absolute;
  left: 0;
  bottom: 28px;
  bottom: 2.87rem;
  border-left: 0.080000rem solid #004ea2;
  padding-left: 14px;
}

.m-train .train-map .pc-map {
  width: 12.000000rem;
  height: 9.720000rem;

  width: 9.87rem;
  height: 10.18rem;

  margin: 28px 0  0.650000rem;
  float: right;
  position: relative;
  z-index: 3;
  background: url(map.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/map.png*/ no-repeat;
background-size: cover;
}

.m-train .train-map .moblie-select .select-box {
  margin: 28px 0  14px;
  border-radius: 7px;
  overflow: hidden;
  background: url(select.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/select.png*/ right center no-repeat;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-train .train-map .moblie-select select {
  width: 100%;
  height: 35px;
  color: #222;
  background: 0 0;
  border: 0;
  font-size: 11px;
  padding: 0  14px;
  box-sizing: border-box
}

.m-train .train-map .map-tag {
  width: 19.6px;
  height: 19.6px;
  padding-left: 8.4px;
  position: absolute;
  z-index: 5
}

.m-train .train-map .map-tag i {
  width: 0.140000rem;
  height: 0.140000rem;
  display: block;
  border: 0.060000rem solid #fff;
  background: #8eb2d6;
  border-radius: 50%;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-about .about-honor .m-about-slide .slide-sub-box .slide-bg:before,.m-about .about-title li:last-child:after {
  display: none
}

.m-train .train-map .map-tag:hover {
  z-index: 6
}

.m-train .train-map .map-tag:hover i {
  width: 14px;
  height: 14px;
  background: #004ea2
}

.m-train .train-map .map-tag:hover .map-lists {
  transform: scale(1);
  opacity: 1
}

.m-train .train-map .map-lists {
  width: 5.380000rem;
  position: absolute;
  right: 28px;
  top: 0;
  background: #fff;
  border-radius: 7px;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  transform: scale(0);
  opacity: 0;
  transform-origin: right top
}

.m-train .train-map .map-lists li {
  padding: 5% 8%;
  border-bottom: 0.7px solid #dde8f3;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-train .train-map .map-lists li:last-child {
  border-bottom: 0
}

.m-train .train-map .map-lists h3 {
  font-size: 16.8px;
  font-weight: 400;
  color: #004ea2;
  letter-spacing: 0.080000rem;
  margin-bottom: 7px
}

.m-train .train-map .map-lists p {
  font-size: 15.4px;
  line-height: 1.6;
  margin: 3.5px 0
}
.m-train .train-map .map-lists p a{
  font-size: 15.4px;
  line-height: 1.6;
}

.m-train .train-map .map-abs {
  left: 7.830000rem;
  top: 1.330000rem;
}

.m-train .train-map .map-abs1 {
  left: 7.770000rem;
  top: 1.730000rem;
}

.m-train .train-map .map-abs2 {
  left: 7.530000rem;
  top: 2.290000rem;
}

.m-train .train-map .map-abs3 {
  left: 7.30000rem;
  top: 2.770000rem;
}

.m-train .train-map .map-abs4 {
  left: 6.50000rem;
  top: 2.680000rem;
}

.m-train .train-map .map-abs5 {
  left: 6.70000rem;
  top: 2.900000rem;
}

.m-train .train-map .map-abs6 {
  left: 5.86rem;
  top: 3.29rem;
}

.m-train .train-map .map-abs7 {
  left: 5.31rem;
  top: 3.95rem;
}

.m-train .train-map .map-abs8 {
  left: 5.00rem;
  top: 4.9rem;
}

.m-train .train-map .map-abs9 {
  left: 6.15rem;
  top: 4.6rem;
}

.m-train .train-map .map-abs10 {left: 7.160000rem;top: 4.20000rem;}

.m-train .train-map .map-abs11 {
  left: 7.410000rem;
  top: 4.690000rem;
}

.m-train .train-map .map-abs12 {
  left: 5.05rem;
  top: 5.5rem;
}

.m-train .train-map .map-abs13 {
  left: 6.26rem;
  top: 6.1rem;
}

.m-train .train-map .map-abs14 {
  left: 7.0rem;
  top: 5.6rem;
}

.m-about.z-fixed {
  padding-top: 0.450000rem
}

.m-about.z-fixed .about-title {
  position: fixed;
  top: 0;
  /*width: 1011px;*/
  width: 100%;
  margin-bottom: 0
}

.m-about .about-title {
  height: 35px;
  position: relative;
  z-index: 9;
  top: 0px;
  background: #fff;
  border-radius: 7px;
  /*margin-bottom: -0.420000rem;*/
  color: #004ea2;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-about .about-title li {
  width: 16.66%;
  float: left;
  font-size: 15.4px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box
}

.m-about .about-title li:after {
  content: "";
  height: 14px;
  border-right: 0.7px solid #e0eaf4;
  float: right;
  margin-top: 10.5px
}

.m-about .about-title li.z-active {
  background: 0 0;
  font-weight: 400;
  border-bottom: 0.020000rem solid #004ea2
}

.m-about .about-honor {
  background: #f1f3f7;
  overflow: hidden
}

.m-about .about-honor .u-title {
  margin-top: 42px
}

.m-about .about-honor .m-about-slide .slide-sub-box {
  box-shadow: 0 0 0 #ccc
}

.m-about .about-honor .m-about-slide .slide-sub-box .slide-bg {
  height: 35px;
  top: 0.370000rem;
  border-radius: 35px
}

.m-about .about-honor .m-about-slide .slide-sub-box li.z-current {
  /*font-size: 16.8px*/
}

.m-about .about-honor .m-about-slide .about-sub {
  border-bottom: 0.7px solid #a8c1dd
}

.m-about .about-honor .m-about-slide .about-cont {
  background: #fff;
  box-shadow: 0 0 14px rgba(84,84,84,.08);
  border-radius: 7px;
  margin: 42px 0  49px;
  padding: 28px 0
}

.m-about .about-honor .m-about-slide .about-cont .about-cont-sub {
  margin: 0  0.450000rem
}

.m-about-slide .about-sub {
  position: relative
}

.m-about-slide .slide-left,.m-about-slide .slide-right {
  width: 1.24rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
  color: #004ea2;
  /* border: 0.7px solid #004ea2; */
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer
}

.m-about-slide .slide-left:hover,.m-about-slide .slide-right:hover {
  color: #fff;
  background: #004ea2
}

.m-about-slide .slide-left i,.m-about-slide .slide-right i {
  font-size: 16.8px;
  color: inherit
}

.m-about-slide .slide-right {
  left: auto;
  right: 0
}

.m-about-slide .slide-sub-box {
  margin: 0 1.24rem;
  margin-top: 0.5rem;
  height: 1rem;
  line-height: 1rem;
  position: relative;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-about-slide .slide-sub-box .slide-all {
  width: 100%;
  height: 112px;
  position: relative;
  overflow: hidden
}

.m-about-slide .slide-sub-box .slide-bg {
  background: #4e2b87;
  width: 210px;
  height: 0.9rem;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s cubic-bezier(.4,0,.2,1) .1s;
  box-shadow: 0  3.5px 14px rgba(0,78,162,.5);
  z-index: 1
}

.m-about-slide .slide-sub-box .slide-bg:before {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  padding: 7px;
  background: inherit;
  border: 0;
  transform: rotate(-135deg);
  margin-left: -7px
}

.m-about-slide .slide-sub-box ul {
  position: relative;
  z-index: 2;
    display: flex;
}

.m-about-slide .slide-sub-box li {
  width: 210px;
  float: left;
  font-size: 15.4px;
  color: #004ea2;
  text-align: center;
  position: relative;
  transition: all .3s cubic-bezier(.4,0,.2,1) .1s;
  cursor: pointer;
}

.m-about-slide .slide-sub-box li.z-current {
  color: #fff
}

.m-about-slide .about-cont {
  background: url(../imgs/kehubg.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/img50.jpg*/ center bottom no-repeat #f5f6f7;
  padding: 49px 0;
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 21px;
  line-height: 1.6;
}

.m-about-slide .about-cont .about-cont-sub {
  margin: 0  0.970000rem 0  0.770000rem
}

.m-about-slide .about-cont li {
  margin-bottom: 21px;
  padding-left: 14px;
  position: relative
}

.m-about-slide .about-cont li:before {
  content: "";
  width: 0.080000rem;
  height: 11px;
  background: #004ea2;
  display: block;
  position: absolute;
  left: 7px;
  top: 0.070000rem;
  opacity: 0;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-about-slide .about-cont li:hover {
  color: #004ea2
}

.m-about-slide .about-cont li:hover:before {
  opacity: 1;
  left: 0
}

.m-tahrir.z-fixed {
  padding-top: 0.450000rem
}

.m-tahrir.z-fixed .tahrir-title {
  position: fixed;
  top: 0;
  /*width: 1011px;*/
  width: 100%;
  margin-bottom: 0
}

.m-tahrir .tahrir-title {
  height: 35px;
  position: relative;
  z-index: 9;
  top: 0;
  background: #fff;
  border-radius: 7px;
  /*margin-bottom: -0.420000rem;*/
  color: #004ea2;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-index .index-first .first-molibe .m-slide .ban_bd,.m-index .index-third .m-slide .ban_bd {
  box-shadow: 0 0 0 rgba(84,84,84,.1)
}

.m-tahrir .tahrir-title ul{
  letter-spacing: -7px;
  text-align: center;
}
.m-tahrir .tahrir-title li {
  width: 14.28%;
  /*float: left;*/
  display: inline-block;
  letter-spacing: 0;
  font-size: 15.4px;
  line-height: 35px;
  height: 35px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box
}

.m-tahrir .tahrir-title li:after {
  content: "";
  height: 14px;
  border-right: 0.7px solid #e0eaf4;
  float: right;
  margin-top: 10.5px
}

.m-tahrir .tahrir-title li:last-child:after {
  display: none
}

.m-tahrir .tahrir-title li.z-active {
  background: 0 0;
  font-weight: 400;
  border-bottom: 0.020000rem solid #004ea2
}

.m-tahrir .u-title {
  text-align: center;
  margin: 0.850000rem auto 0.650000rem
}

.m-tahrir .u-title:after {
  content: "";
  width: 35px;
  height: 0.080000rem;
  display: block;
  margin: 21px auto 0;
  background: #004ea2
}

.m-tahrir .title--other h2 {
  color: #fff
}

.m-tahrir .title--other:after {
  background: #fff
}

.m-tahrir .tahrir-first {
  overflow: hidden
}

.m-tahrir .tahrir-first .first-left {
  width: 4.000000rem;
  float: left
}

.m-tahrir .tahrir-first .first-left p {
  font-size: 12.6px;
  font-size: 16.8px;
  line-height: 21px;
  line-height: 1.6;
}

.m-tahrir .tahrir-first .u-title {
  text-align: left;
  margin-bottom: 14px;
  margin-top: 0
}

.m-tahrir .tahrir-first .u-title:after {
  margin: 21px 0 0
}

.m-tahrir .tahrir-first .first-right {
  margin-top: 0.850000rem;
  padding-left: 4.500000rem
}

.m-tahrir .tahrir-first .first-right li {
  width: 22%;
  height: 112px;
  float: left;
  padding-bottom: 0.350000rem;
  margin-bottom: 21px;
  margin-left: 3%;
  position: relative
}

.m-tahrir .tahrir-first .first-right li:before {
  content: "";
  width: 80%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 0.7px solid #e5e5e5
}

.m-tahrir .tahrir-first .first-right li:after {
  content: "";
  height: 80%;
  position: absolute;
  right: 0;
  top: 0;
  border-right: 0.7px solid #e5e5e5
}

.m-tahrir .tahrir-first .first-right li:last-child:after,.m-tahrir .tahrir-first .first-right li:last-child:before,.m-tahrir .tahrir-first .first-right li:nth-child(4):after,.m-tahrir .tahrir-first .first-right li:nth-child(5):before,.m-tahrir .tahrir-first .first-right li:nth-child(6):before {
  display: none
}

.m-tahrir .tahrir-first .first-right .first-img {
  height: 28px
}
.m-tahrir .tahrir-first .first-right .first-img img{
height: 100%;
width: auto;
}

.m-tahrir .tahrir-first .first-right .num {
  font-size: 33.6px;
  line-height: 35px;
  margin: 0;
  color: #004ea2
}

.m-tahrir .tahrir-first .first-right .num sup {
  font-size: 21px;
  height: 21px
}

.m-tahrir .tahrir-first .first-right p {
  font-size: 12.6px;
  font-size: 16.8px;
  color: #004ea2;
  line-height: 1.6;
}

.m-tahrir .tahrir-second {
  min-height: 7.810000rem;
  padding-bottom: 0.50rem;
  overflow: hidden;
  background: url(img61.jpg)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/img61.jpg*/ center top no-repeat
}

.m-tahrir .tahrir-second .second-box {
  color: #cdcfd5
}

.m-tahrir .tahrir-second h3 {
  font-size: 15.4px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 10.5px;
  margin-top: 21px
}

.m-tahrir .tahrir-second p {
  line-height: 0.320000rem;
  line-height: 1.6;
  font-size: 12.6px;
  font-size: 15.4px
}

.m-tahrir .tahrir-second p strong {
  color: #fff
}

.m-tahrir .tahrir-second .second-p {
  overflow: hidden
}

.m-tahrir .tahrir-second .second-p p {
  float: left;
  margin-right: 10.5px
}

.m-tahrir .tahrir-fourth {
  height: 6.970000rem;
  overflow: hidden;
  background: url(img65.jpg)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/img65.jpg*/ center bottom no-repeat
}

.m-tahrir .tahrir-fourth .m-slide {
  padding-bottom: 1.200000rem
}

.m-tahrir .tahrir-fourth .m-slide .ban_hd ul li.on .li-sub {
  background: #fff
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li {
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li a {
  margin: 0  14px;
  background: #fff;
  border-radius: 7px
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li .ban-img {
  width: 55%;
  float: left;
  height: auto;
  position: relative
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li .ban-img h3 {
  width: 100%;
  height: 0.720000rem;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 0;
  background: rgba(0,0,0,.6);
  color: #fff;
  padding: 0  14px;
  box-sizing: border-box;
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li .ban-img b {
  font-size: 15.4px;
  height: 0.720000rem;
  display: block;
  overflow: hidden;
  line-height: 0.720000rem;
  font-weight: 400
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li img {
  width: 100%;
  height: auto;
  margin-right: 0
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li .text {
  width: 45%;
  overflow: hidden;
  font-size: 11px;
  line-height: 15.4px;
  padding: 4% 5% 0;
  box-sizing: border-box;
  float: left
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li p {
  color: #888;
  /*max-height: none*/
}

.m-tahrir .tahrir-fiveth {
  width: 12.000000rem;
  margin: 0 auto 28px
}

.m-tahrir .tahrir-sixth {
  height: 5.230000rem;
  overflow: hidden;
  background: url(img56.jpg)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/img56.jpg*/ center top no-repeat
}

.m-tahrir .tahrir-sixth .sixth-box {
  width: 12.000000rem;
  margin: 0 auto
}

.m-tahrir .tahrir-sixth .sixth-box li {
  float: left;
  color: #fff;
  font-size: 12.6px;
  width: 32%;
  margin-right: 2%;
  height: 0.660000rem;
  position: relative;
  margin-bottom: 42px
}

.m-tahrir .tahrir-sixth .sixth-box li:nth-child(3n) {
  margin-right: 0
}

.m-tahrir .tahrir-sixth .sixth-box li img {
  width: 1.350000rem;
  width: 0.560000rem;
  height: 0.560000rem;
  float: left;
  margin-right: 21px;
  margin-top: 3.5px
}

.m-tahrir .tahrir-sixth .sixth-box li .sixth-text {
  letter-spacing: 0.030000rem;
  position: absolute;
  left: 115.5px;
  left: 0.760000rem;
  font-size: 16.8px;
  line-height: 1.6;
/*  top: 50%;
  transform: translateY(-50%);*/
}

.m-tahrir .tahrir-seventh {
  overflow: hidden;
  margin-bottom: 42px
}

.m-tahrir .tahrir-seventh .seventh-box {
  width: 12.000000rem;
  margin: 0 auto
}

.m-tahrir .tahrir-seventh li {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-left: 6%
}

.m-tahrir .tahrir-seventh li:first-child {
  border-right: 0.7px solid #e5e5e5
}

.m-tahrir .tahrir-seventh h3 {
  font-size: 19.6px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.030000rem;
  color: #004ea2;
  margin-bottom: 0.350000rem;
}

.m-tahrir .tahrir-seventh h3:after {
  content: "";
  width: 0.080000rem;
  height: 0.080000rem;
  display: block;
  background: #004ea2;
  margin: 0.350000rem 0;
  display: none;
}

.m-tahrir .tahrir-seventh p {
  font-size: 12.6px;
  font-size: 16.8px;
  line-height: 21px;
  line-height: 1.6;
}

.m-index .u-title {
  text-align: center;
  position: relative;
  color: #222;
  margin: 0.650000rem 0  28px
}

.m-index .u-title .title-link {
  width: 119px;
  height: 35px;
  line-height: 35px;
  display: block;
  position: absolute;
  right: 0;
  top: -7px;
  border: 0.7px solid #004ea2;
  border-radius: 35px;
  font-size: 12.6px;
  color: #004ea2;
  font-weight: 400;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-index .u-title .title-link:hover {
  color: #fff;
  background: #004ea2
}

.m-index .u-title .title-link i {
  font-size: 14px;
  margin-left: 7px
}

.m-index .index-first .first-pc {
  overflow: hidden;
  margin: 63px auto 28px
}

.m-index .index-first .first-box {
  width: 1010px;
  position: relative
}

.m-index .index-first .first-box img {
  width: 100%
}

.m-index .index-first .first-box .first-icon1, .m-index .index-first .first-box .first-icon2 {
  width: 325px;
  float: left;
  margin-right: 12px
}

.m-index .index-first .first-box .first-icons2 {
  width: 325px;
  float: left;
}

.m-index .index-first .first-box .first-icon3 {
  width: 495.6px;
  float: left
}

.m-index .index-first .first-box .first-icon4 {
  width: 660px;
  float: left;
  margin: 12px 12px 0 0;
}

.m-index .index-first .first-box .first-icon5 {
  width: 242.2px;
  float: left;
  margin: 12px 0 0
}

.m-index .index-first .first-box .first-icon6 {
  width: 242.2px;
  float: left;
  margin: 14px 12.6px 0 0
}

.m-index .index-first .first-box .first-icon7 {
  width: 242.2px;
  float: left;
  margin: 14px 0 0
}

.m-index .index-first .first-box .first-icon8 {
  width: 242.2px;
  float: left;
  margin: -242.2px 12.6px 0 0
}

.m-index .index-first .first-box .first-icon9 {
  width: 495.6px;
  float: left;
  margin: -242.2px 12.6px 0  254.8px
}

.m-index .index-first .first-sub {
  position: relative;
  display: block;
  border-radius: 7px;
  overflow: hidden
}

.m-index .index-first .first-sub:hover .first-bg {
  background: rgba(0,78,162,.9)
}

.m-index .index-first .first-sub:hover .first-text .first-icon {
  left: 0;
  transform: translate(0,-50%);
  margin-top: -63px
}

.m-index .index-first .first-sub:hover .first-text h2 {
  left: 0;
  transform: translate(0,-50%);
  margin-top: -63px;
  margin-left: 56px
}

.m-index .index-first .first-sub:hover .first-text .first-p {
  opacity: 1;
  margin-top: -21px
}

.m-index .index-first .first-sub .first-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(111, 111, 111, 0.38);
  z-index: 1;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
}

.m-index .index-first .first-sub .first-text,.m-index .index-first .first-sub .first-text .first-icon,.m-index .index-first .first-sub .first-text h2 {
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s
}

.m-index .index-first .first-sub .first-text {
  width: 80%;
  z-index: 2;
  color: #fff
}

.m-index .index-first .first-sub .first-text .first-icon {
  margin-top: -21px
}

.m-index .index-first .first-sub .first-text .first-icon i {
  font-size: 42px;
  line-height: 1
}

.m-index .index-first .first-sub .first-text .first-icon img {
  display: inline-block;
  max-height: 35px;
  width: auto;
}

.m-index .index-first .first-sub .first-text h2 {
  font-size: 18.2px;
  font-weight: 400;
  text-align: center;
  margin-top: 21px
}

.m-index .index-first .first-sub .first-text .first-p {
  width: 100%;
  height: 112px;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  margin-top: 0;
  position: absolute;
  opacity: 0
}

.m-index .index-first .first-sub .first-text p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 1.6;
  max-height: 74.55px;
  overflow: hidden;
}

.m-index .index-first .first-sub .first-text span {
  width: 115.5px;
  height: 33.6px;
  line-height: 33.6px;
  text-align: center;
  border: 1px solid #fff;
  display: block;
  font-size: 12.6px;
  float: right;
  margin-top: 14px;
  border-radius: 33.6px;
transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
}
.m-index .index-first .first-sub .first-text span:hover{
  background-color: #fff;
  color: #004ea2;
}

.m-index .index-first .first-sub .first-text span i {
  font-size: 14px;
  margin-left: 7px
}

.m-index .index-first .first-molibe {
  margin: 21px 0 0;
  display: none
}

.m-index .index-first .first-molibe .m-slide .ban_bd li a {
  width: 31.33%;
  margin: 0 1% 2%;
  height: 0;
  float: left;
  padding-bottom: 31.33%
}

.m-index .index-first .first-molibe .m-slide .ban_bd li img {
  margin-bottom: 0
}

.m-index .index-first .first-molibe .m-slide .ban_bd li i {
  width: auto;
  height: auto;
  margin: 0;
  background: 0 0;
  font-size: 0.360000rem
}

.m-index .index-first .first-molibe .first-sub:hover .first-text .first-icon {
  left: 50%;
  transform: translate(-50%,-50%);
  margin-top: -7px
}

.m-index .index-first .first-molibe .first-sub:hover .first-text h2 {
  left: 50%;
  transform: translate(-50%,-50%);
  margin-top: 17.5px;
  margin-left: 0
}

.m-index .index-first .first-molibe .first-sub .first-text {
  width: 100%
}

.m-index .index-first .first-molibe .first-sub .first-text .first-icon {
  margin-top: -7px
}

.m-index .index-first .first-molibe .first-sub .first-text h2 {
  width: 100%;
  font-size: 0.140000rem;
  margin-top: 17.5px
}

.m-index .index-second .m-about-slide .slide-sub-box {
  line-height: normal
}

.m-index .index-second .m-about-slide .slide-sub-box li {
  height: 1.240000rem
}

.m-index .index-second .m-about-slide .slide-sub-box li i {
  font-size: 28px;
  display: block;
  margin: 17.5px 0  7px
}

.m-index .index-second .m-about-slide .slide-sub-box li .changeImg {
  text-align: center;
  height: 0.440000rem;
  position: relative;
  margin: 17.5px 0  7px;
}

.m-index .index-second .m-about-slide .slide-sub-box li .changeImg img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-height: 100%;
  opacity: 1;
  transition: all .3s cubic-bezier(.4,0,.2,1) .1s;
}

.m-index .index-second .m-about-slide .slide-sub-box li .changeImg img.changeDown {
  opacity: 0
}

.m-index .index-second .m-about-slide .slide-sub-box li.z-current .changeImg img.changeUp {
  opacity: 1;
}

.m-index .index-second .m-about-slide .slide-sub-box li.z-current .changeImg img.changeDown {
  opacity: 1;
}

.m-index .index-second .m-about-slide .slide-sub-box li h5 {
  font-size: 12.6px;
  font-size: 16.8px;
  font-weight: 400
}

.m-index .index-second .m-about-slide .about-cont {
  background: 0 0;
  padding: 0
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub {
  height: 5.790000rem;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin: 0;
  padding: 1.300000rem 0 0;
  box-sizing: border-box;
  color: #fff;
  text-align: center;

    position: relative;
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title {
  margin-bottom: 21px
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title i, .m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title img {
  font-size: 35px;
  margin-right: 21px;
  max-height: 35px;
  display: inline-block;
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title h5 {
  font-size: 0.360000rem;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: -3.5px
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .about-p {
  /*height: 1.200000rem;*/
  overflow: hidden
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub p {
  font-size: 15.4px;
  line-height: 1.6;
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .about-link {
  width: 119px;
  height: 35px;
  line-height: 35px;
  display: block;
  border: 0.7px solid #fff;
  border-radius: 35px;
  font-size: 12.6px;
  text-align: center;
  color: #fff;
  font-weight: 400;
  margin: 28px auto 0;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;

    position: absolute;
    bottom: 35px;
    left: 50%;
    margin-left: -59.5px;
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .about-link:hover {
  color: #fff;
  background: #004ea2;
  border: 0.7px solid #004ea2
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .about-link i {
  font-size: 14px;
  width: auto;
  height: auto;
  margin: 0 0 0  7px;
  background: 0 0
}

.m-index .index-third {
  padding-bottom: 42px
}

.m-index .index-third .m-slide {
  width: 1046.5px;
  margin-left: -21px;
  padding-bottom: 56px
}

.m-index .index-third .m-slide .ban_bd li {
  width: 33.33%;
  height: auto;
  overflow: hidden;
  float: left
}

.m-index .index-third .m-slide .ban_bd li a {
  margin: 14px 21px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-index .index-third .m-slide .ban_bd li a:hover {
  box-shadow: 0 0 14px rgba(0,78,162,.5)
}

.m-index .index-third .m-slide .ban_bd li .ban-img {
  width: 100%;
  height: auto;
  height: 173px;
  overflow: hidden;
  position: relative
}

.m-index .index-third .m-slide .ban_bd li img {
  width: 100%;
  height: auto;
  margin-right: 0
}

.m-index .index-third .m-slide .ban_bd li h3 {
  width: 100%;
  font-size: 16.8px;
  line-height: 1.6;
  height: 54px;
  overflow: hidden;
  margin-bottom: 10.5px;
  box-sizing: border-box;
  background: none;
  text-indent: inherit;
}

.m-index .index-third .m-slide .ban_bd li .text {
  width: 100%;
  overflow: hidden;
  font-size: 11px;
  line-height: 15.4px;
  padding: 7% 8%;
  box-sizing: border-box;
  float: left
}

.text-overflow{
  overflow:hidden; 
  text-overflow:ellipsis;
  display:-webkit-box; 
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4; 
}

.m-index .index-third .m-slide .ban_bd li p {
  color: #888;
  /*line-height: 17.5px;*/
  font-size: 15.4px;
  line-height: 1.6;
  height: 98.5px;
  overflow: hidden;
  max-height: none
}

.m-index .index-fourth {
  background: #f6f7f9;
  overflow: hidden;
  padding-bottom: 56px
}

.m-index .index-fourth li {
  width: 50%;
  float: left;
  margin-top: 3.5px;
}
.m-index .index-fourth li:nth-of-type(1), .m-index .index-fourth li:nth-of-type(2) {
  margin-top: 0;
}

.m-index .index-fourth li:nth-child(3) .fourth-text,.m-index .index-fourth li:nth-child(4) .fourth-text {
  float: left
}

.m-index .index-fourth li:nth-child(3) .fourth-text:before,.m-index .index-fourth li:nth-child(4) .fourth-text:before {
  left: auto;
  right: -7px
}

.m-index .index-fourth li:nth-child(3) .fourth-img,.m-index .index-fourth li:nth-child(4) .fourth-img {
  float: right
}

.m-index .index-fourth li .fourth-img {
  width: 50%;
  height: 0;
  overflow: hidden;
  float: left;
  padding-bottom: 30.1754%;
}

.m-index .index-fourth li img {
  width: 100%
}

.m-index .index-fourth li .fourth-text {
  width: 50%;
  float: left;
  padding: 4% 5% 0;
  box-sizing: border-box;
  position: relative;
}

.m-index .index-fourth li .fourth-text:before {
  content: "";
  position: absolute;
  top: 35px;
  left: -7px;
  padding: 7px;
  background: #fff;
  border: 0;
  border-right: 0;
  border-bottom: 0;
  transform: rotate(-135deg)
}

.m-index .index-fourth li .fourth-text h2 {
  font-size: 16.8px;
  line-height: 1.6;
  height: 26.88px;
  /*text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;*/
  color: #222;
  font-weight: 400;
  margin: 7px 0  7px;
}

.m-index .index-fourth li .fourth-text p {
  font-size: 11px;
  font-size: 15.4px;
  color: #888;
  height: 35px;
  overflow: hidden;
  line-height: 17.5px;
  line-height: 1.6;
  height: 49.28px;
}

.m-index .index-fourth li .fourth-date {
  float: left;
  color: #004ea2;
  /* margin-top: 10.5px; */
}

.m-index .index-fourth li .fourth-date b {
  font-size: 0.360000rem;
  font-size: 0.20rem;
  line-height: 1;
  font-weight: 400;
  display: block
}

.m-index .index-fourth li .fourth-date span {
  font-size: 16.8px;
  font-weight: 700
}

.m-index .index-fourth li .fourth-more {
  float: right;
  font-size: 12.6px;
  /* margin-top: 10.5px; */
  color: #004ea2;
}

.m-index .index-fourth .fourth-box {
  overflow: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 0 14px rgba(84,84,84,.1)
}

.m-team {
  margin-bottom: 21px
}

.m-team ul:after {
  content: "";
  display: block;
  clear: both
}

.m-team li {
  width: 31.33%;
  height: 4.080000rem;
  padding: 0;
  margin-right: 3%;
  margin-bottom: 42px;
  float: left;
  border-radius: 7px;
  box-sizing: border-box;
  text-align: center;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  position: relative
}

.m-team li:nth-child(3n) {
  margin-right: 0
}

.m-team li:hover:after {
  box-shadow: 0 0 14px rgba(0,78,162,.2)
}

.m-team li:hover .team-box {
  height: 100%;
  transform: scale(1);
  opacity: 1
}

.m-team li:after {
  content: "";
  width: 100%;
  height: 2.440000rem;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  border-radius: 7px;
  box-shadow: 0 0 14px rgba(175,175,175,.2)
}

.m-team li img {
  width: 2.100000rem;
  height: 2.100000rem;
  margin: 42px auto 28px;
  border-radius: 50%;
  position: relative;
  z-index: 2
}

.m-team h3 {
  font-size: 16.8px;
  color: #004ea2;
  font-weight: 400;
  margin: 17.5px 0  7px;
  letter-spacing: 0.020000rem
}

.m-team .team-p {
  font-size: 12.6px;
  font-size: 15.4px;
  line-height: 17.5px;
  height: 17.5px;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
  text-align: center
}

.m-team .team-box {
  border-radius: 7px;
  background: rgba(0,78,162,.95);
  width: 100%;
  height: 2.440000rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  padding: 10%;
  color: #fff;
  box-sizing: border-box;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  transform: scale(0);
  opacity: 0
}

.m-team .team-box h3 {
  text-align: left;
  color: #fff;
  margin-top: 0
}

.m-team .team-box .team-p {
  color: #5da3ef;
  text-align: left;
  margin-bottom: 0.350000rem;
font-size: 0.20rem;
}

.m-team .scroll-pane {
  height: 2.300000rem;
  font-size: 12.6px;
  line-height: 0.290000rem;
  text-align: justify;
  text-justify: inter-ideograph;
}

.m-date.z-fixed {
  padding-top: 42px
}

.m-date.z-fixed .date-title {
  position: fixed;
  top: 0;
  width: 100%;
/*  width: 1011px;*/
  margin-bottom: 0
}

.m-date .date-title {
  height: 35px;
  position: relative;
  z-index: 9;
  top: -0.420000rem;
  top: 0;
  background: #fff;
  border-radius: 7px;
  /*margin-bottom: -0.420000rem;*/
  color: #004ea2;
  overflow: hidden;
  box-shadow: 0 0 14px rgba(84,84,84,.08)
}

.m-date .date-title li {
  width: 16.66%;
  float: left;
  font-size: 15.4px;
  font-size: 16.8px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  box-sizing: border-box
}

.m-date .date-title li:after {
  content: "";
  height: 14px;
  border-right: 0.7px solid #e0eaf4;
  float: right;
  margin-top: 10.5px
}

.m-date .date-title li:last-child:after {
  display: none
}

.m-date .date-title li.z-active {
  background: 0 0;
  font-weight: 400;
  border-bottom: 0.020000rem solid #004ea2
}

.m-date .date-text {
  margin-top: 49px;
  margin-bottom: 42px
}

.m-date .u-title {
  text-align: center;
  margin: 0.720000rem auto 35px;
  /*margin: 0.720000rem auto 14px;*/
}

.m-date .u-title:after {
  content: "";
  width: 35px;
  height: 0.080000rem;
  display: block;
  margin: 17.5px auto 0;
  background: #004ea2
}

.m-date .title--other h2 {
  color: #fff
}

.m-date .title--other:after {
  background: #fff
}

.m-date .date-first {
  height: 6.720000rem;
  height: auto;
  padding-bottom: 35px;
  overflow: hidden;
  background: url(img81.jpg)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/img81.jpg*/ center top no-repeat;
  background-size: cover;
}

.m-date .service-list--other {
  margin: 35px auto;
/*  max-width: 12.000000rem*/
}

.m-date .date-second {
  width: 100%;
  max-width: 1344px;
  margin: 0 auto;
  overflow: hidden;
  background: url(img82.jpg)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/img82.jpg*/ center top no-repeat;
  background-size: cover;
  padding-bottom: 35px
}

.m-date .date-third {
  height: 6.300000rem;
  overflow: hidden;
  background: url(img65.jpg)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/img65.jpg*/ center bottom no-repeat
}

.m-date .date-third .m-slide {
  padding-bottom: 1.200000rem
}

.m-date .date-third .m-slide .ban_hd ul li.on .li-sub {
  background: #fff
}

.m-date .date-third .m-slide .ban_bd li {
  width: 50%;
  height: auto;
  overflow: hidden;
  float: left
}

.m-date .date-third .m-slide .ban_bd li a {
  margin: 0  14px;
  background: #fff;
  border-radius: 7px
}

.m-date .date-third .m-slide .ban_bd li .ban-img {
  width: 55%;
  float: left;
  height: auto;
  position: relative
}

.m-date .date-third .m-slide .ban_bd li .ban-img h3 {
  width: 100%;
  height: 0.720000rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,.6);
  color: #fff;
  padding: 0  14px;
  box-sizing: border-box;
margin-bottom: 0;
}

.m-date .date-third .m-slide .ban_bd li .ban-img b {
  font-size: 15.4px;
  height: 0.720000rem;
  display: block;
  overflow: hidden;
  line-height: 0.720000rem;
  font-weight: 400
}

.m-date .date-third .m-slide .ban_bd li img {
  width: 100%;
  height: auto;
  margin-right: 0
}

.m-date .date-third .m-slide .ban_bd li .text {
  width: 45%;
  overflow: hidden;
  font-size: 11px;
  line-height: 15.4px;
  padding: 4% 5% 0;
  box-sizing: border-box;
  float: left
}

.m-date .date-third .m-slide .ban_bd li p {
  color: #888;
  /*max-height: none*/
}

.m-date .m-recommend {
  margin-top: 0;
  border-top: 0
}

.m-date .m-recommend .u-title {
  text-align: left;
  margin: 42px 0  21px
}

.m-date .m-recommend .u-title:after {
  display: none
}

.m-fixed-box {
  width: 0.680000rem;
  height: 3.400000rem;
  height: 2.720000rem;
  background: #004ea2;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99998;
  border-radius: 7px 0 0 7px
}

.m-fixed-box li {
  height: 0.680000rem;
  line-height: 0.680000rem;
  text-align: center;
  color: #fff;
  cursor: pointer
}

.m-fixed-box li:after {
  content: "";
  width: 0.360000rem;
  height: 1px;
  display: block;
  margin: 0 auto;
  background: rgba(255,255,255,.3)
}

.m-fixed-box li:last-child:after {
  display: none
}

.m-fixed-box a {
  color: #fff
}

.m-fixed-box i {
  font-size: 21px;
  display: block
}

.m-fixed-box .jsTel {
  position: relative
}

.m-fixed-box .jsTel:hover .tel-box , .m-fixed-box .jsTel .tel-box.on {
  transform: scale(1);
  opacity: 1
}

.q_pinfo {
  padding: 0.130000rem 12.6px;
  line-height: 21px;
  color: #fff;
  opacity: 0;
  transform: scale(0);
  transition: all .3s;
  position: absolute;
  right: 0.740000rem;
  white-space: nowrap;
  box-sizing: border-box;
}

.m-fixed-box .q_pinfo {
  top: 0px;
/* top: 0.580000rem; */
  min-width: 2.100000rem;
  transform-origin: right top;
  background: url(q_con01.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/q_con01.png*/ no-repeat left bottom #2056ad;
}

#contact_qrcode {
  display: inline-block
}

.m-fixed-box li:hover .q_pinfo, .m-fixed-box li .q_pinfo.on {
  opacity: 1;
  transform: scale(1);
}

.m-fixed-box .q_pinfo p {
}

.m-fixed-box .tel-box {
  width: 3.060000rem;
  height: 2.250000rem;
  position: absolute;
  right: 0.680000rem;
  top: 0;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  transform-origin: right top;
  transform: scale(0);
  opacity: 0
}

.m-fixed-box .tel-box .tel-box-sub {
  width: 2.960000rem;
  height: 2.250000rem;
  background: #004ea2;
  border-radius: 7px;
  padding: 0.230000rem;
  box-sizing: border-box;
  box-shadow: 0 0 14px rgba(0,78,162,.5)
}

.m-fixed-box .tel-box img {
  width: 1.390000rem;
  height: 1.390000rem;
  float: left
}

.m-fixed-box .tel-box .tel-text {
  font-size: 12.6px;
  line-height: 21px;
  padding-left: 7px;
  float: left;
  text-align: left;
  margin-top: 56px;
  letter-spacing: 0.020000rem
}

.m-fixed-box .tel-box p {
  width: 100%;
  font-size: 12.6px;
  line-height: 21px;
  letter-spacing: 0.030000rem;
  margin-top: 10.5px
}

.m-form {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999
}

.m-form .form-bg {
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8)
}

.m-form .form-box {
  width: 12.000000rem;
  width: 11.400000rem;
  background: url(bg.png)/*tpa=http://www.chinasofti.com/r/cms/www/default/images/bg.png*/;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 7px;
  padding: 0.550000rem 0.620000rem;
  padding: 17.5px 0.320000rem;
  box-sizing: border-box;
  color: #222
}

.m-form .form-box .video-js {
  margin: 0 auto;
width: 100%;
}

.m-form .form-video {
  padding: 0
}

.m-form .form-video .form-video-sub,.m-form .form-video .form-video-sub img {
  width: 100%;
  background-color: #000;
}

.m-form .form-colse {
  width: 35px;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 0;
  top: -35px;
  top: 0;
  text-align: center;
  z-index: 9;
  color: #fff;
  cursor: pointer
}

.m-form .form-colse i {
  font-size: 21px;
  /*float: right;*/
color: #004ea2;
}

.m-form .title {
  font-size: 15.4px;
  margin-bottom: 0.350000rem;
  margin-bottom: 14px
}

.m-form .title:before {
  content: "";
  width: 0.080000rem;
  height: 14px;
  background: #004ea2;
  float: left;
  margin-right: 0.080000rem
}

.m-form li {
  margin-bottom: 14px;
  float: left
}

.m-form li span {
  width: 1.100000rem;
  float: left;
  line-height: 28px;
  font-size: 11px;
  text-align: right;
  padding-right: 17.5px;
  box-sizing: border-box
}

.m-form li:after {
  content: "";
  display: block;
  clear: both
}

.m-form .form-yzm {
  margin-left: 1.760000rem
}

.m-form .form-yzm .u-input-text {
  width: 1.900000rem;
  height: 0.550000rem;
  margin-right: 10.5px;
  margin-top: 0.020000rem
}

.m-form .form-yzm .form-ewm {
  width: 1.380000rem;
  height: 0.550000rem;
  float: left;
  margin-top: 0.020000rem
}

.m-form .form-yzm .form-ewm img {
  width: 100%;
  height: 100%
}

.m-form .form-yzm a {
  width: 3.370000rem;
  height: 0.590000rem;
  line-height: 0.590000rem;
  text-align: center;
  float: left;
  font-size: 12.6px;
  color: #fff;
  background: #004ea2;
  border-radius: 7px;
  margin-left: 33.6px
}

.landscape {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  color: #fff;
  background: #666;
  z-index: 999999;
  display: none
}

.landscape .landscape-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center
}

@-webkit-keyframes twinkling {
  10%,100% {
    transform: rotate(90deg)
  }

  40%,70% {
    transform: rotate(0)
  }
}

.landscape .landscape-icon {
  background-image: url(data:image/png;
  base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAADaCAMAAABU68ovAAAAXVBMVEUAAAD29vb////x8fH////////x8fH5+fn29vby8vL////5+fn39/f6+vr////x8fH////////+/v7////09PT////x8fH39/f////////////////////x8fH///+WLTLGAAAAHXRSTlMAIpML+gb4ZhHWn1c2gvHBvq1uKJcC6k8b187lQ9yhhboAAAQYSURBVHja7d3blpowFIDhTUIAOchZDkre/zE7ycySrbUUpsRN2/1fzO18KzEqxEVgTiZNfgmmtxRc8iaR8HNe8x4BtjQePKayYCIoyBSgvNNE1AkNSHqZyLqk97EgUCCHBzZ5mkg7ScvIJuIyOyXBRFxgpqWZyGsAZLB1KjsJi8nutHU4JCRbFRH8tmirI9k8Jx2sqNs8K/m0LQkrktO2crgcgXGB4AiTEsB0hJfo9MGgX7CGcYiYwQxmMOOvZwRhBG8tCoMXjBDeXvWCEcHbi14wgCBmMIMZzGAGM5jxETNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxA8cMHDNwzMAxY6E2rUQxnH2tz9cirlJFwFBJedaPnUv0M7++egPDE8iAJcIDmxwH5wwv9vUviw2kLbVO3TJU5uul/EyB0FoLp4x60PdGUd3qPurrWyjGGTc05u+1dcgI7/+tCCPARWGhH7o5Y7RCf+bH9ctXLp6v2BVDxfqz0oPXeSVaNtINo/1SXDv4dck8IIkbhtC2ol+iouEonTBCbYvVMnXOjxww6s/RFrBUpXHh/gw1rHj5d/qhYn9Gpk2FWh6xRBRX5Oj3Znh2Sq49/L6+y8pB26q9GbE2dbA2mVbx6I+7MfBglLCttm73ZQi7AD3iL4HqjFYJHSPRppqaUaJ3ATpGa+ckpGak2hRRMyqjGMkvl+xyFeSMwjAqcsZgGDdyhl0oNTnDN4yenJGZFGxNChP5/Y3efh6SM2rDOJMzboYxkDMqwyjIGcIw6F+io2FU1IxIm1JqRmgXSkvNKNCXeTpGrU0JNSO2c6LIGPgCS8AuDHz9ta0SXWDtxoDRH+MqlbC2Dt2G2JFRadtQZt2qq/orGowdGb2euxYiqWEpVWhTBnszoNAPdStuQwxqf0aocdWKW4Z+DfszIh 0.080000remJqbuCE4YAC+4bm0evtipjpgJHeFnyyt1Ku2xa0bhjxr27p75rECNwyI9ZwvXkHq+7aTaMEV44YYy/spfgjgjNHaWW+GeUhGEX7tLlVinIFDDSgnOwhi1V6bU0b6tVS9eAERe863g4dRrtiHdc6o+nn5vtyVVgR79Cqt4uL6gfHPQyGqtP2vf7HADGbcYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JiBYwaOGThm4JjhtOM+J/AgT008yDMkN/dPP9hzS8zAMQN3OEYeekp5YU7KOKXwVXqiY+QS7smcinGKABWdiBgpPJTSMHJ4KidhhPBUSMLw4CmPhKHgKUXCkHsygum71ftNSgCX6bsl8FQyfbcL5EdYsDk0R3j7aiA5wpt5AjKg/2gLJEBD/0Hf2OOf/vRrj6z/7GtP4B3nMKyjHA12kIPSjnJs3FEO0TvKkYJHOWCR+rjJH0Vn6fI5PjNbAAAAAElFTkSuQmCC);display: inline-block;
  width: 35px;
  height: 0.810000rem;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -webkit-animation: twinkling infinite 1.5s ease-in-out;
  animation: twinkling infinite 1.5s ease-in-out;
  background-size: 35px;
  margin-bottom: 7px
}

@media screen and (max-width: 116.8px) and (min-aspect-ratio:12 / 7) {
  .landscape {
    display: block
  }
}

.g-content {
  width: 100%;
  min-width: 12.000000rem;
  position: relative;
  overflow: hidden
}

.g-content .g-content-in {
  width: 19.2rem;
  position: relative;
  left: 50%;
  margin-left: -9.6rem;
  display: table;
}

.g-content .g-public-content {
  max-width: 1011px;
  margin: 0 auto
}

.g-content .g-content-right {
  vertical-align: top;
  display: table-cell;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  width: 16.330000rem
}

.g-content .g-content-right .g-right-in {
  width: 15.5rem;
  padding-left: 0.840000rem;
  box-sizing: border-box;
  padding-top: 42px
}

.g-content--other {
  width: 100%
}

.mask-bg {
  -webkit-filter: blur( 3.5px);
  -moz-filter: blur( 3.5px);
  -o-filter: blur( 3.5px);
  -ms-filter: blur( 3.5px);
  filter: blur( 3.5px)
}

@media (max-width: 750px) {

  .m-index-banner .m-slide .ban_bd li .slide-text .ban-link.videoPlay{
    display: none;
  }

  .gotop{
    display: block;
  }


  .m-form .form-box{
    width: 90%;
  }
  .m-form .form-box .myvideo-dimensions{
    width: 100%;
  }

  .m-about-slide .slide-sub-box ul{
    display: block;
  }



  .m-head .moblie-search {
    display: block;
  }

  .m-head .m-nav,.m-head .m-nav li .nav-subs {
    opacity: 0;
    transition: all .3s cubic-bezier(.4,0,.2,1) 0s
  }

  .m-user-slide {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 42px;
    position: relative;
    z-index: 1
  }

  .m-user-slide .user-banner {
    width: 100%;
    border-radius: 7px;
    overflow: hidden;
    box-shadow: 0 0 14px rgba(175,175,175,.2)
  }

  .m-user-slide .user-banner:hover .user-li .circle1 {
    display: none
  }

  .m-user-slide .user-li {
    width: 100%;
    height: 35px;
    position: absolute;
    z-index: 1;
    bottom: 0;
    text-align: center;
    right: 0;
    /*transform: scale(.5);*/

  }
  .m-user-slide .user-li .circle1 {
    display: none;
    -webkit-animation: lineMove 6.5s ease-out infinite;
    animation: lineMove 6.5s ease-out infinite
  }@  -webkit-keyframes lineMove {
    0%{stroke-dasharray: 0,144
  }

  100% {
    stroke-dasharray: 144,144
  }

  .foot-top .w1440.foot-top .footer_item, .foot-top .footer_item.footer_mid, .foot-top .footer_item.footer_mid2, .foot-top .footer_item.footer_right {
    width: 100%;
    margin-right: 0;
    float: none;
    box-sizing: border-box;
  }

  .foot-top {
    padding: 0;
  }

  .foot-top .footer_item h4 {
    line-height: 0.740000rem;
    height: 0.740000rem;
    border-bottom: 0.7px solid #004ea2;
    color: #c3c3c3;
    padding-bottom: 0;
    text-align: center;
    margin-bottom: 0;
  }

  .foot-top .footer_item h4:after {
    display: none;
  }

  .foot-top .hidden_con {
    padding: 0.320000rem 0.450000rem;
    background-color: #37393b;
  }

  .foot-top .footer_left h6 {
    margin-bottom: 7px;
  }

  .foot-top .footer_left ul li {
    margin-bottom: 14px;
  }

  .foot-top .footer_item.footer_mid {
  }

  .foot-top .footer_mid2 .hidden_con {
    text-align: center;
    letter-spacing: -0.070000rem;
  }

  .foot-top .footer_mid2 .hidden_con a {
    letter-spacing: 0;
    width: 30%;
    margin: 1.5%;
  }

  .foot-top .footer_mid2 .hidden_con a img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
  }

  .foot-top .footer_item.footer_right {
    padding: 0.360000rem 0.450000rem;
  }

  .foot-top .footer_right .footer_right_t {
    letter-spacing: -0.070000rem;
    text-align: center;
    margin-bottom: 21px;
  }











  .foot-top .footer_right .footer_right_t a {
    display: inline-block;
    letter-spacing: 0;
    position: relative;
    margin-right: 7px;
    padding-right: 7px;
    margin-bottom: 0;
  }

  .foot-top .footer_right .footer_right_t a:last-child {
    margin-right: 0;
    padding-right: 0;
  }

  .foot-top .footer_right .footer_right_t a:last-child:after {
    display: none;
  }

  .foot-top .footer_right .footer_right_t a:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 0.7px;
    right: 0;
    top: 0;
    background-color: #fff;
  }

  .foot-top .footer_right .footer_right_t a i {
    display: none;
  }

  .foot-top .footer_right .footer_right_b {
    text-align: center;
  }

  .foot-top .footer_right .footer_right_b a:last-child {
    margin-right: 0;
  }
}

@keyframes lineMove {
  0% {
    stroke-dasharray: 0,144
  }

  100% {
    stroke-dasharray: 144,144
  }
}

.m-user-slide .user-li ul {
  display: table;
  margin: 0 auto
}

.m-user-slide .user-li ul li {
  width: 35px;
  height: 35px;
  float: left;
  margin: 0  3.5px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0 0 rgba(84,84,84,.1);
  margin: 0;
}

.f-in,.g-content .g-public-content {
  padding: 0  14px;
  box-sizing: border-box
}
.g-content .f-in{
  /*padding: 0;*/
}


.m-user-slide .user-li ul li, .m-user-slide .user-li ul li svg{
  width: 0.25rem;
  height: 0.25rem;
}
.m-user-slide .user-li ul li .li-sub {
  width: 0.05rem;
  height: 0.05rem;
  display: block;
  background: #c7c6c6;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-indent: -99.990000rem;
}

.m-user-slide .user-li ul li.on .li-sub {
  background: #004ea2
}

.m-user-slide .user-li ul li.on .circle1 {
  display: block
}

.m-user-slide .user-box {
  position: relative;
  z-index: 0
}

body {
  min-width: 100%
}

.m-fixed-box {
  display: none
}

.g-content .g-content-in,.g-content .g-content-right {
  display: block;
  width: 100%
}

.f-in {
  max-width: none;
  width: 100%
}

.z-index {
  height: 100%;
  overflow: hidden
}

.g-content {
  min-width: auto
}

.g-content .g-content-in {
  left: 0;
  margin-left: 0
}

.g-content .g-public-content {
  width: 100%
}

.g-content .g-content-right .g-right-in {
  width: 100%;
  padding: 35px 14px 0
}

.u-title {
  margin: 21px 0  14px
}

.u-title b {
  font-size: 49px
}

.u-title h2 {
  font-size: 16.8px;
  letter-spacing: 3.5px
}

.m-banner {
  height: 2.170000rem
}

.m-banner .banner-img {
  /*width: 9.000000rem;*/
  height: 2.170000rem;
  width: auto;
}

.m-banner .banner-text {
  padding: 0  14px;
  top: 35px;
  width: 100%;
  box-sizing: border-box;
}

.m-banner .banner-text h2 {
  font-size: 0.2460000rem;
  padding-left: 0;
  padding-bottom: 7px;
  letter-spacing: 3.5px;
  border-left-width: 0.040000rem
}

.m-banner .banner-text h3 {
  font-size: 11px;
  padding-left: 0;
  letter-spacing: 0;
  border-left-width: 0.040000rem
}

.m-banner .banner-text .banner-icon {
  width: 21px;
  height: 21px;
  line-height: 21px;
  margin: 17.5px 14px 0 0;
}

.m-banner .banner-text .banner-icon i {
  font-size: 12.6px
}

.m-banner .tel-box {
  display: none
}
.m-banner .ban-link{
  width: 1.000000rem;
  height: 21px;
  line-height: 19.6px;
  font-size: 0.140000rem;
  margin: 17.5px 14px 0 0;
}

.m-text {
  font-size: 0.140000rem;
  /*line-height: 17.5px;*/
  margin-bottom: 0;
}
.m-text p{
  font-size: 9.8px;
}

.m-text h3 {
  font-size: 11px
}

.m-text h5 {
  font-size: 0.140000rem
}

.m-text .text-box {
  margin-bottom: 14px;
  height: 1.34rem;
  overflow: hidden;
}

.m-text .u-button {
  margin-top: 0;
  display: block
}

.m-serve.serve--other4 li span b,.m-text.text-box-open .u-button {
  display: none
}

.m-text.text-box-open .text-box {
  height: auto
}

.m-serve li {
  width: 49%;
  height: 2.400000rem;
  margin-bottom: 2%;
  padding: 10% 3%
}

.m-serve li:nth-child(2n) {
  margin-right: 0
}

.m-serve h3 {
  font-size: 11px;
  margin: 10.5px 0
}

.m-serve.serve--other li,.m-serve.serve--other1 li {
  margin-right: 0;
  margin-bottom: 5%;
  padding: 10% 5%;
  height: auto;
  width: 100%
}

.m-serve p {
  font-size: 0.140000rem;
}

.m-serve.serve--other p {
  height: auto;
  font-size: 9.8px;
}

.m-serve.serve--other1 p {
  height: auto
}

.m-serve.serve--other2,.m-serve.serve--other4 {
  width: 100%
}

.m-serve.serve--other4 ul{
  display: flex;
  flex-wrap: wrap;
}
.m-serve.serve--other4 li {
  width: 31.33%;
  /*height: 1.400000rem;*/
  padding: 5% 0;
  margin-right: 3%;
  margin-bottom: 3%;
  height: auto;
}

.m-serve.serve--other4 li i {
  font-size: 21px;
}

.m-serve.serve--other4 li span {
  width: 100%;
  height: 17.5px;
  line-height: 17.5px;
  margin-top: 0;
  border: 0
}

.m-serve.serve--other4 li span i {
  font-size: 16.8px;
  margin-left: 0
}

.m-serve.serve--other4 li:hover span {
  border: 0
}

.m-serve.serve--other4 h3 {
  font-size: 11px;
  /*height: 15.4px;*/
  /*overflow: hidden;*/
  letter-spacing: 0;
  margin-bottom: 7px
}

.m-service-area {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch
}

.m-service-area ul {
  width: 1e7px;
}

.m-service-area ul:after {
  clear: none;
  display: none
}

.m-service-area li {
  width: 1.500000rem;
  margin: 0  10.5px 0 0
}

.m-service-area li .mark-text h2 {
  font-size: 11px;
  letter-spacing: 0
}

.m-service-area.service-area--other {
  overflow: visible
}

.m-service-area.service-area--other ul {
  width: 100%
}

.m-service-area.service-area--other ul:after {
  content: "";
  display: block;
  clear: both
}

.m-service-area.service-area--other li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10.5px
}

.m-service-area.service-area--other li:hover .mark-text h3 {
  margin-top: 0.350000rem
}

.m-service-area.service-area--other li:hover .mark-text .mark-txt {
  top: 20%;
}

.m-service-area.service-area--other li .mark-text .mark-box {
  padding: 5%
}

.m-service-area.service-area--other li .mark-text i {
  font-size: 21px;
  margin-top: -7px
}

.m-service-area.service-area--other li .mark-text h3 {
  font-size: 12.6px;
  letter-spacing: 0
}

.m-service-area.service-area--other li .mark-text .mark-txt, .m-service-area.service-area--other li:hover .mark-text .mark-txt {
  font-size: 0.140000rem
}

.m-service-area.service-area--other li .mark-text .mark-txt:before {
  margin-bottom: 7px
}

.u-logo {
  margin-top: 0.140000rem;
  width: 2.400000rem;
  height: 15.4px
}

.m-head {
  height: 35px
}

.m-head .head-top {
  display: none
}

.m-head .head--other {
  display: block;
  float: none;
  width: 100%;
  height: 21px;
  padding: 0  14px;
  border: 0;
  box-sizing: border-box;
  margin: 14px 0
}

.m-head .head--other .head-t-box {
  font-size: 0.130000rem;
  float: none
}

.m-head .head--other .head-t-box .head-lang,.m-head .head--other .head-t-box .head-link,.m-head .head--other .head-t-box .head-link1 {
  width: 33.33%;
  height: 21px;
  line-height: 21px;padding: 0;
}

.m-head .head--other .head-t-box .head-lang:after,.m-head .head--other .head-t-box .head-link1:after,.m-head .head--other .head-t-box .head-link:after {
  margin-top: 7px
}

.m-head .head--other .head-t-box .head-lang i,.m-head .head--other .head-t-box .head-link i,.m-head .head--other .head-t-box .head-link1 i {
  top: 0.030000rem
}

.m-head .head--other .head-t-box .head-lang {
  background: #f8f9fb
}

.m-head .head--other .head-t-box .head-lang:after {
  border-right: 0
}

.m-head .head--other .head-t-box .lang-box {
  line-height: 15.4px;
  background: #f8f9fb;
  padding-bottom: 3.5px
}

.m-head .head--other .head-t-box .lang-box:before {
  margin-bottom: 3.5px
}

.m-head .f-inhead {
  width: 100%;
  padding: 0  14px
}

.m-head .g-nav-bg {
  display: none
}

.m-head .m-menu {
  display: block
}

.m-head .m-nav {
  position: fixed;
  left: 0;
  top: -14px;
  width: 100%;
  height: 100vh;
  float: none;
  z-index: 999;
  transform: scale(0);
  transform-origin: center top;
  padding-top: 35px;
  box-sizing: border-box
}

.m-head .m-nav .nav-box {
  overflow-y: auto;
  height: 100%;
  background: #f8f9fb;
  -webkit-overflow-scrolling: touch
}

.m-head .m-nav ul {
  float: none;
  line-height: 35px;
  padding: 0  14px
}

.m-head .m-nav li {
  width: 100%;
  line-height: 42px;
  padding: 0;
  float: none;
  text-align: left;
  border-bottom: 0.7px solid #eee
}

.m-foot .foot-t-left .title,.m-foot .foot-t-mid .title,.m-foot .foot-t-right .title {
  border-bottom-width: 0.7px;
  padding: 10.5px 0
}

.m-head .m-nav li a {
  display: block;
  text-align: left;
  padding: 0 7px;
  line-height: 0.6rem;
  font-size: 0.20rem;
}

.m-head .m-nav li a:after {
  display: none
}

.m-head .m-nav li a i {
  float: right;
  font-size: 11px;
  font-weight: 700;
  vertical-align: middle;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  padding: 0  7px
}

.m-head .m-nav li .nav-subs {
  width: 100%;
  position: static;
  height: 0;
  top: 0;
  display: block;
  margin: 0 auto;
  transform: translateX(0);
  text-align: center;
  border-top: 0.020000rem solid #004ea2
}

.m-head .m-nav li .nav-subs dl {
  display: block
}

.m-head .m-nav li .nav-subs dd {
  float: left;
  width: 100%;
  display: block;
  height: 0.350000rem;
  line-height: 0.350000rem;
  margin: 0 auto;
  padding: 0  7px;
}

.m-head .m-nav li .nav-subs dd a {
  font-size: 11px;
  padding: 0;
  line-height: 0.350000rem;
}

.m-head .m-nav li .nav-subs dd a:hover {
  background: 0 0
}

.m-head .m-nav li.z-current {
  height: auto;
  display: block
}

.m-head .m-nav li.z-current .nav-subs {
  height: auto;
  opacity: 1;
  padding: 7px 0
}

.m-head .m-nav.z-nav-current {
  top: 0;
  transform: scale(1);
  opacity: 1
}

.m-foot .foot-top {
  padding: 0
}

.m-foot .foot-box {
  height: 0;
  background: #37393b;
  padding: 0;
  overflow: hidden
}

.m-foot .foot-box.z-open {
  height: auto;
  padding: 17.5px 0;
  overflow: visible
}

.m-foot .foot-t-left .title img,.m-foot .foot-t-mid .title img {
  height: 0.350000rem
}

.m-foot .foot-t-left {
  width: 100%;
  float: none
}

.m-foot .foot-t-left .links {
  display: none
}

.m-foot .foot-t-mid {
  width: 100%;
  float: none;
  margin: 0
}

.m-foot .foot-t-mid .foot-ewm {
  width: 50%;
  margin-top: 0
}

.m-foot .foot-t-mid .foot-box {
  overflow: hidden
}

.m-foot .foot-t-right {
  width: 100%;
  float: none
}

.m-foot .foot-t-right .title {
  height: 21px;
  font-size: 12.6px
}

.m-foot .foot-t-right .title img {
  height: 21px;
  margin-right: 7px
}

.m-foot .foot-t-right .links {
  margin-top: 0;
  overflow: hidden
}

.m-foot .foot-t-right .links a {
  width: 31.33%;
  float: left;
  margin: 0 1%
}

.m-foot .foot-copyright {
  font-size: 8.4px;
  padding: 10.5px 0;
  line-height: 14px
}

.m-foot .foot-copyright .foot-first p {
  display: block
}

.m-recommend .u-title:after,.m-side-left {
  display: none
}

.m-recommend {
  margin: 21px 0;
  padding-top: 21px
}

.m-recommend .u-title {
  margin-bottom: 14px;
  text-align: left
}

.m-recommend .u-title h2 {
  margin-top: -28px
}

.m-recommend .u-tab {
  /*width: 1.640000rem;*/
  margin: 0 auto 14px
}
.m-recommend .u-tab li{
  font-size: 11.2px;
}

.m-recommend .recommend-ul li {
  width: 100%;
  margin-right: 0;
  float: none;
  overflow: hidden;
  margin-bottom: 14px
}
.m-recommend .recommend-ul li a{
  display: block;
}
.m-recommend .recommend-ul li:hover{
  box-shadow: none;
}
.m-recommend .recommend-ul li{
  box-shadow: none;
}

.m-recommend .recommend-ul li .recommend-title {
  font-size: 9.8px;
  margin: 5%;
  height: auto;
}

.m-links-img li {
  width: 33.33%;
  height: 35px
}


.m-service-lists ul{
  display: flex;
  flex-wrap: wrap;
}
.m-service-lists li {
  width: 49%
}

.m-service-lists li.service-w {
  width: 100%
}

.m-service-lists li:nth-child(2n-1) {
  margin-right: 0
}

.m-service-lists li:nth-child(1) {
  margin-right: 2%
}

.m-service-lists li:nth-child(2) {
  margin-right: 0
}

.m-service-lists li .title {
  font-size: 11px;
  line-height: 35px;
  height: 35px;
  margin-bottom: 14px
}

.m-service-lists li dl, .m-service-lists li ul {
  margin: 0  7px 21px;
  overflow: hidden
}
.m-service-lists li dl ul{
  margin-bottom: 0;
}

.m-business-lists li .bus-dl,.m-service-all.service-all--other1 {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch
}

.m-service-lists li dl dd, .m-service-lists li ul li {
  font-size: 0.140000rem;
  /*line-height: 17.5px;*/
  padding-left: 7px
}

.m-service-lists li dl dd:before, .m-service-lists li ul li:before {
  width: 3.5px;
  height: 3.5px;
  top: 7px
}

.m-service-lists.service-list--other {
  margin-bottom: -7px
}

.m-service-lists.service-list--other li {
  margin-right: 2%
}

.m-service-lists.service-list--other li:nth-child(2n) {
  margin-right: 0
}

.m-slide {
  padding-bottom: 42px
}

.m-slide .ban_hd {
  transform: scale(.5)
}

.m-slide .ban_bd li a {
  margin: 10.5px
}

.m-slide .ban_bd li img {
  width: 100%;
  height: auto;
  float: none;
  margin-right: 0;
  /*margin-bottom: 10.5px;*/
  margin-bottom: 0;
}

.m-slide .ban_bd li h3 {
  font-size: 11.2px;
  height: auto;
  margin-bottom: 0.15rem;
}

.m-slide .ban_bd li i {
  height: 0.040000rem;
  margin: 10.5px 0  7px
}

.m-slide .ban_bd li p {
  font-size: 9.8px;
  max-height: none
}

.m-slide .ban_bd li span {
  font-size: 0.12rem
}


.g-content .m-qualification ul li .qua_img{
  margin-bottom: 0.15rem;
}
.g-content .m-qualification ul li p{
  font-size: 9.8px;
}


.m-slide.slide--news {
  margin: 28px 0 3%
}

.m-slide.slide--news .ban_hd {
  right: -14px;
  bottom: 7px;
  left: 0;
}

.m-slide.slide--news .ban_bd li .news-img {
  width: 100%;
  height: auto
}

.m-slide.slide--news .ban_bd li h2 {
  font-size: 11px;
  margin: 10.5px 0  7px;
  height: auto;
}

.m-slide.slide--news .ban_bd li p {
  font-size: 0.140000rem;
  height: auto;
}

.m-slide.slide--news .ban_bd li span {
  font-size: 0.140000rem;
  margin-top: 7px;
  margin-bottom: 7px
}

.m-solution-lists .u-search-box {
  top: 0;
  position: static;
  width: 100%;
  height: 0.350000rem;
  margin-bottom: 17.5px
}

.m-solution-lists .u-search-box input {
  height: 0.350000rem
}

.m-solution-lists .u-search-box a {
  float: right;
  height: 0.350000rem;
  line-height: 0.350000rem
}

.m-solution-lists li {
  width: 100%;
  margin-right: 0;
  font-size: 11px;
  height: 35px;
  line-height: 35px
}
.m-solution-lists li a{
  font-size: 11.2px;
}
.m-solution-lists li i {
  font-size: 19.6px
}

.m-business-lists {
  margin-top: 21px
}

.m-business-lists .u-search-box {
  top: 0;
  position: static;
  width: 100%;
  height: 0.350000rem;
  margin-bottom: 17.5px
}

.m-business-lists .u-search-box input {
  height: 0.350000rem
}

.m-business-lists .u-search-box a {
  float: right;
  height: 0.350000rem;
  line-height: 0.350000rem
}

.m-business-lists li .title {
  font-size: 11px;
  height: 35px;
  line-height: 35px;
  padding: 0 5%
}

.m-business-lists li .bus-p,.m-business-lists li p {
  font-size: 0.140000rem;
}
.m-business-lists li .bus-mark h3{
  font-size: 11.2px;
  white-space: inherit;
  line-height: 1.6;
}
.m-business-lists li .title i {
  font-size: 12.6px
}

.m-business-lists li .bus-img {
  width: 100%;
  height: auto;
  margin-bottom: 10.5px;
  margin-right: 0
}

.m-business-lists li dd {
  width: 2.000000rem;
  margin: 10.5px 0.080000rem;
  box-shadow: 0 0 0 rgba(84,84,84,.5)
}

.m-business-lists li .bus-links {
  padding: 5%
}

.m-business-lists li .bus-links a:not(.btn) {
  float: none;
  width: 100%;
  display: block;
  font-size: 0.140000rem;
  height: auto;
  margin: 0 0 2%;
  padding-left: 10.5px
}

.m-service-all li:nth-child(3n):after,.m-service-all.service-all--other li:nth-child(2n):after {
  display: none
}

.m-business-lists li .bus-links a:not(.btn) i,.m-text-lists li h3 {
  font-size: 11px;
}

.m-business-lists li .bus-links a:not(.btn):before {
  width: 3.5px;
  height: 3.5px;
  top: 7px
}

.m-text-lists li {
  margin-left: 0;
  margin-bottom: 14px;
  border-width: 3.5px
}

.m-text-lists li p {
  font-size: 0.140000rem;
  /*line-height: 17.5px;*/
}

.m-service-all ul {
  margin: 21px 0 0
}

.m-service-all li {
  width: 33.33%;
  margin-bottom: 14px
}

.m-service-all li i {
  font-size: 28px
}

.m-service-all li h3 {
  font-size: 0.140000rem;
  margin: 10.5px 0;
}
.m-about .m-service-all li h3 {
  font-size: 11.2px;
}

.m-service-all.service-all--other li {
  width: 50%;
  margin-bottom: 14px
}

.m-service-all.service-all--other li:nth-child(3n):after,.m-service-all.service-all--other1 li:nth-child(2):after {
  display: inline-block
}

.m-service-all.service-all--other p {
  font-size: 11px;
  /*line-height: 17.5px;*/
}
.m-about .m-service-all.service-all--other p {
  font-size: 9.8px;
}

.m-service-all.service-all--other1 ul {
  margin: 7px 0  14px
}

.m-service-all.service-all--other1 li {
  width: 126px;
}
.m-about .m-service-all.service-all--other1 ul{
  display: flex;
  flex-wrap: wrap;
}
.m-about .m-service-all.service-all--other1 li{
  width: 50%;
}
.m-about .m-service-all.service-all--other1 li:nth-of-type(2n):after{
  display: none;
}

.m-location img,.m-tab-lists .u-tab,.m-tab-lists .u-tab-content {
  width: 100%;
  float: none
}

.m-tab-lists .u-tab {
  margin-right: 0;
  font-size: 12.6px;
  margin-bottom: 14px
}

.m-tab-lists .u-tab li {
  height: 35px;
  line-height: 35px;
  font-style: 11.2px;
}

.m-tab-lists .u-tab-content p {
  font-size: 0.140000rem;
  /*line-height: 17.5px;*/
}

.u-text-title {
  font-size: 12.6px;
  border-width: 0.040000rem;
  padding-left: 10.5px
}

.m-about .about-title li.z-active,.m-train .train-tabs .u-tab li.z-current {
  border-bottom: 0.040000rem solid #004ea2
}

.m-tahrir .tahrir-first .first-right li:after,.m-tahrir .tahrir-seventh li:first-child {
  border-right: 0
}

.m-product-lists .m-text {
  margin-bottom: 14px
}

.m-product-lists .u-text-title {
  margin: 17.5px 0  14px
}

.m-product-lists li {
}
.m-product-lists li:nth-of-type(3n){
  margin-right: 0;
}

.m-location h3,.m-location ul {
  padding-left: 0
}

.m-product-lists i {
  font-size: 28px
}

.m-product-lists h3 {
  font-size: 11px;
  letter-spacing: 0;
  margin: 10.5px 0
}

.m-product-lists .m-text h3 {
  font-size: 11.2px;
}

.m-product-lists li img{
  max-height: 0.35rem;
}
.m-product-lists li h3{
  font-size: 9.8px;
}

.m-product-lists ul{
  letter-spacing: -7px;
}
.m-product-lists li {
  letter-spacing: 0;
  width: auto;
  height: auto;
  padding: 4% 5%;
  width: 32%;
  margin-right: 2%!important;
  height: 1.300000rem;
  padding: 5% 3%;
  box-sizing: border-box;
}

.m-product-lists h3 {
  margin-bottom: 0;
}

.m-location img {
  height: auto
}

.m-location h3 {
  margin-top: 10.5px;
  font-size: 11px;
  text-align: center;
  margin-bottom: 28px;
}

.m-location li {
  width: 50%;
  height: 0.450000rem;
  line-height: 14px;
  margin-right: 0;
  font-size: 0.140000rem
}

.m-location li i {
  font-size: 21px;
  margin-right: 7px;
  line-height: 0.450000rem
}

.u-button {
  width: 1.150000rem;
    padding: 0  12.6px;
    height: 0.32rem;
    line-height: 0.32rem;
  font-size: 9.8px;
}

.m-news-list li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 0;
  box-shadow: 0 0 0 rgba(84,84,84,.08)
}
.m-news-list li:hover{
  box-shadow: none;
}

.m-news-list li .news-box {
  padding: 4%
}

.m-news-list li .news-time{
  font-size: 0.12rem;
}
.m-news-list li h2 {
  font-size: 11px;
  height: auto;
}

.m-news-list li p {
  font-size: 0.140000rem;
  height: auto;
}

.m-news-list li span {
  font-size: 0.140000rem;
  margin-top: 0
}

.m-news-list .u-button {
  display: none;
  margin: 14px auto 0
}

.m-news li {
  width: 49%
}

.m-news li:nth-child(2n) {
  margin-right: 0
}

.m-news li .news-data {
  overflow: hidden
}

.m-about .about-title,.m-tahrir .tahrir-title {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden
}

.m-news li .news-data .day {
  font-size: 0.140000rem;
  margin-right: 3.5px
}

.m-slide.slide--news .ban_bd li .news-data .month, .m-slide.slide--news .ban_bd li .news-data .year{
  font-size: 0.12rem;
}



.m-news li .news-data .month, .m-news li .news-data .year {
  width: auto;
  font-size: 8.4px;
  line-height: 1;
  font-weight: 400;
  float: left;
  margin-right: 3.5px
}

.m-news li h2 {
  font-size: 11px;
  font-weight: 700;
  line-height: 15.4px;
  height: 0.440000rem;
  margin: 7px 0
}

.m-news li p,.m-news li span {
  font-size: 0.140000rem
}

.m-news li p {
  height: 0.880000rem
}

.m-train {
  margin-top: 28px
}

.m-train .train-top {
  margin: 21px 0  35px
}

.m-train .train-top li {
  width: 100%;
  margin-bottom: 4%
}
.m-train .train-top li .train-top-h4 h4{
  font-size: 0.20rem;
}
.m-train .train-top li .train-text-box {
  font-size: 0.140000rem;
  height: auto;
}

.m-train .train-tabs .u-tab {
  height: 35px;
  top: -17.5px;
  margin: 0  -14px;
  border-radius: 0
}

.m-train .train-tabs .u-tab li {
  font-size: 11px;
  height: 35px;
  line-height: 35px
}

.m-train .train-tabs .u-tab li:after {
  height: 14px;
  margin-top: 10.5px
}

.m-train .train-tabs .train-tabs-text {
  font-size: 0.14000rem;
  padding-bottom: 28px;
}

.m-train .train-tabs .train-tabs-text.text-box-open .text-box {
  height: auto
}

.m-train .train-tabs .train-tabs-text.text-box-open .train-btn {
  display: none
}

.m-train .train-map .moblie-select,.m-train .train-tabs .train-tabs-text .train-btn {
  display: block
}

.m-train .train-tabs .train-tabs-text .text-box {
  height: 1.344000rem;
}

.m-train .train-map .f-in {
  height: auto
}

.m-train .train-map .map-title {
  position: static;
  font-size: 15.4px;
  text-align: center;
  margin: 28px 0  17.5px
}

.m-train .train-map .map-text {
  font-size: 0.140000rem;
  position: static;
  border-left: 0;
  padding-left: 0;
  text-align: left;
}
.m-train .train-map .moblie-select select{
}

.m-train .train-map .map-lists {
  position: static;
  transform: scale(1);
  opacity: 1;
  width: 100%;
  margin-bottom: 28px
}

.m-train .train-map .map-lists li {
  padding: 5%
}

.m-train .train-map .map-lists h3 {
  font-size: 11px;
  letter-spacing: 0.030000rem
}

.m-train .train-map .map-lists p, .m-train .train-map .map-lists p a {
  font-size: 0.140000rem
}

.m-about-slide .slide-left,.m-about-slide .slide-right,.m-about-slide .slide-sub-box .slide-bg,.m-train .train-map .pc-map {
  display: none
}

.m-about.z-fixed {
  padding-top: 0.450000rem
}

.m-about.z-fixed .about-title {
  position: fixed;
  top: 0;
  width: 100%;
  margin-bottom: 0
}

.m-about .about-title {
  /*margin: 0  -14px -17.5px;*/
  height: 35px;
  /*top: -17.5px;*/
  border-radius: 0
}

.m-about .about-title li {
  width: 1.000000rem;
  height: 35px;
  line-height: 35px;
  font-size: 11px
}

.m-about .about-title li:after {
  height: 14px;
  margin-top: 10.5px
}

.m-about .about-honor .u-title {
  margin-top: 21px
}

.m-about .about-honor .m-about-slide .about-sub {
  margin: 0  -14px
}

.m-about .about-honor .m-about-slide .slide-sub-box {
  margin: 0
}

.m-about .about-honor .m-about-slide .about-cont {
  margin: 28px 0;
  padding: 14px 0
}

.m-about .about-honor .m-about-slide .about-cont .about-cont-sub {
  margin: 0
}

.m-about-slide .slide-sub-box {
  margin: 0  -14px;
  height: 35px;
  line-height: 35px
}

.m-about-slide .slide-sub-box .slide-all {
  height: 56px;
  overflow-x: auto;
  overflow-y: hidden
}

.m-about-slide .slide-sub-box li {
  width: 56px;
  font-size: 11px;
  transition: all 0s cubic-bezier(.4,0,.2,1) 0s
}

.m-about-slide .slide-sub-box li:before {
  content: "";
  position: absolute;
  bottom: -0.060000rem;
  left: 50%;
  padding: 0.060000rem;
  background: inherit;
  border: 0;
  transform: rotate(-135deg);
  margin-left: -0.060000rem
}

.m-about-slide .slide-sub-box li.z-current {
  background: #004ea2
}
.m-about-slide .slide-sub-box li{
  min-width: inherit;
}

.m-about-slide .about-cont {
  padding: 0.350000rem 0;
  font-size: 0.140000rem;
  /*line-height: 17.5px;*/
}

.m-about-slide .about-cont .about-cont-sub {
  margin: 0;
  height: 5.6rem;
  overflow: auto;
}
.m-about-slide .about-cont .about-cont-sub ul{
  width: 100%!important;
}

.m-about-slide .about-cont li {
  margin-bottom: 10.5px;
  text-align: justify;
  text-justify: inter-ideograph;
  padding-left: 10.5px
}

.m-about-slide .about-cont li:before {
  display: none;
  width: 0.040000rem;
  top: 3.5px
}

.m-tahrir.z-fixed {
  padding-top: 0.450000rem
}

.m-tahrir.z-fixed .tahrir-title {
  position: fixed;
  top: 0;
  width: 100%;
  margin-bottom: 0
}

.m-tahrir .tahrir-title {
  /*margin: 0  -14px -17.5px;*/
  height: 35px;
  /*top: -17.5px;*/
  border-radius: 0
}

.m-tahrir .tahrir-title li {
  width: 1.000000rem;
  height: 35px;
  line-height: 35px;
  font-size: 11px
}

.m-tahrir .tahrir-title li:after {
  height: 14px;
  margin-top: 10.5px
}

.m-tahrir .tahrir-title li.z-active {
  border-bottom: 0.040000rem solid #004ea2
}

.m-tahrir .u-title {
  margin: 21px auto 14px
}

.m-tahrir .u-title:after {
  height: 0.040000rem;
  margin: 10.5px auto 0
}

.m-tahrir .tahrir-first .u-title {
  margin-top: 21px
}

.m-tahrir .tahrir-first .u-title:after {
  margin-top: 10.5px
}

.m-tahrir .tahrir-first .first-left {
  width: 100%;
  float: none
}

.m-tahrir .tahrir-first .first-left p {
  font-size: 11px;
  /*line-height: 17.5px;*/
}

.m-tahrir .tahrir-first .first-right {
  padding-left: 0;
  margin-top: 21px
}

.m-tahrir .tahrir-first .first-right .first-img {
  transform: scale(.8);
  transform-origin: left center
}

.m-tahrir .tahrir-first .first-right li {
  width: 31.33%;
  height: auto;
  margin-left: 2%;
  margin-bottom: 14px;
  padding-bottom: 0
}

.m-tahrir .tahrir-fiveth,.m-tahrir .tahrir-fourth .m-slide .ban_bd li .text,.m-tahrir .tahrir-sixth .sixth-box {
  width: 100%
}

.m-tahrir .tahrir-first .first-right li:before {
  border-bottom: 0
}

.m-tahrir .tahrir-first .first-right .num {
  font-size: 14px;
  line-height: 0.350000rem;
}

.m-tahrir .tahrir-first .first-right .num sup {
  font-size: 14px
}

.m-tahrir .tahrir-first .first-right p {
  font-size: 8.4px
}

.m-tahrir .tahrir-second {
  height: auto;
  padding-bottom: 28px;
  background-size: cover
}

.m-tahrir .tahrir-second h3 {
  font-size: 12.6px;
  margin-top: 14px
}

.m-tahrir .tahrir-second p {
  /*line-height: 17.5px;*/
  font-size: 0.140000rem;
  text-align: justify;
  text-justify: inter-ideograph;
}
.m-tahrir .tahrir-second p strong, .m-tahrir .tahrir-second div p strong{
  font-size: 11.2px;
  margin-top: 0.15rem;
  display: inline-block;
}
.m-tahrir .tahrir-second p:first-child strong{
  /*margin-top: 0;*/
}

.m-tahrir .tahrir-third {
  padding-bottom: 21px
}

.m-tahrir .tahrir-fourth {
  height: auto;
  background-size: cover;
  padding-bottom: 21px
}

.m-tahrir .tahrir-fourth .m-slide {
  padding-bottom: 35px
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd {
  border-radius: 0
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li a {
  margin: 0;
  background: 0 0;
  border-radius: 0
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li .ban-img {
  width: 100%;
  float: none;
  border-radius: 7px;
  overflow: hidden
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li .ban-img b {
  font-size: 11px;
}



.m-tahrir .tahrir-fourth .m-slide .ban_bd li .text p {
  height: auto;
  color: #fff
}

.m-tahrir .tahrir-fourth .m-slide .ban_bd li span {
  font-size: 0.140000rem;
  color: #fff
}

.m-tahrir .tahrir-sixth {
  height: auto;
  padding-bottom: 14px
}

.m-tahrir .tahrir-sixth .sixth-box li {
  width: 80%;
  font-size: 11px;
  height: auto;
  margin: 0 auto 14px;
  float: none
}

.m-tahrir .tahrir-sixth .sixth-box li:nth-child(3n) {
  margin-right: auto
}

.m-tahrir .tahrir-sixth .sixth-box li img {
  width: 0.350000rem;
  /*height: 17.5px;*/
  height: auto;
  margin-right: 10.5px
}

.m-tahrir .tahrir-sixth .sixth-box li .sixth-text {
  position: static;
  transform: translateY(0);
  padding-left: 0.550000rem;
  letter-spacing: 0;
  font-size: 9.8px;
}

.m-tahrir .tahrir-seventh {
  margin-bottom: 21px
}

.m-tahrir .tahrir-seventh .seventh-box {
  width: 100%
}

.m-tahrir .tahrir-seventh li {
  width: 100%;
  padding-left: 0;
  float: none
}

.m-tahrir .tahrir-seventh li:first-child:after {
  content: "";
  width: 1.500000rem;
  display: block;
  margin: 14px auto;
  border-bottom: 0.7px solid #e5e5e5
}

.m-index .index-first .first-pc,.m-index .u-title .title-link {
  display: none
}

.m-tahrir .tahrir-seventh h3 {
  font-size: 11px;
  text-align: center;
  margin-bottom: 0.15rem;
}

.m-tahrir .tahrir-seventh h3:after {
  width: 0.040000rem;
  height: 0.040000rem;
  margin: 10.5px auto
}

.m-tahrir .tahrir-seventh p {
  font-size: 0.140000rem;
  text-align: center;
}

.m-index .u-title {
  margin: 28px 0  14px
}

.m-index .index-second .m-about-slide .slide-sub-box {
  height: 56px
}

.m-index .index-second .m-about-slide .slide-sub-box .slide-all {
  height: 1.000000rem
}

.m-index .index-second .m-about-slide .slide-sub-box li {
  height: 56px;
  min-width: auto;
}

.m-index .index-second .m-about-slide .slide-sub-box li i {
  font-size: 16.8px;
  margin-top: 10.5px
}

.m-index .index-second .m-about-slide .slide-sub-box li h5 {
  font-size: 11px;
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub {
  height: 3.500000rem;
  background-size: cover;
  padding-top: 21px;
}
.m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title{
  display: none;
}
.m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title i {
  font-size: 0.340000rem;
  margin-right: 14px
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title h5 {
  font-size: 11.2px;
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .about-p {
  height: auto;
  max-height: inherit;
  text-align: left;
}


.m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title i, .m-index .index-second .m-about-slide .about-cont .about-cont-sub .tab-title img{
  max-height: 0.3rem;
}
.m-index .index-second .m-about-slide .about-cont .about-cont-sub p {
  font-size: 9.8px;
  line-height: 1.6;
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .about-link {
  width: 1.000000rem;
  height: 0.350000rem;
  line-height: 0.350000rem;
  font-size: 0.140000rem;
  margin-top: 14px
}

.m-index .index-second .m-about-slide .about-cont .about-cont-sub .about-link i {
  font-size: 0.140000rem;
  margin-left: 3.5px
}

.m-index .index-first {
  margin-bottom: -21px
}

.m-index .index-first .first-molibe {
  display: block
}

.m-index .index-third {
  padding-bottom: 14px
}

.m-index .index-third .m-slide {
  width: 100%;
  margin-left: 0;
  padding-bottom: 42px
}

.m-index .index-third .m-slide .ban_bd {
  box-shadow: 0 0 14px rgba(84,84,84,.1)
}

.m-index .index-third .m-slide .ban_bd li a {
  margin: 0
}

.m-index .index-third .m-slide .ban_bd li img {
  margin-bottom: 0
}

.m-index .index-fourth {
  padding-bottom: 28px
}

.m-index .index-fourth .fourth-box {
  background: 0 0;
  margin: 0  -14px;
  border-radius: 0;
  box-shadow: 0 0 0 rgba(84,84,84,.1)
}

.m-index .index-fourth li {
  width: 100%;
  float: none;
  background: #fff;
  overflow: hidden
}

.m-index .index-fourth li:nth-child(2n) {
  display: none
}

.m-index .index-fourth li .fourth-date b {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3.5px
}

.m-index .index-fourth li .fourth-date span {
  font-size: 11px;
  display: block;
  line-height: 12.6px
}

.m-index .index-fourth li .fourth-more {
  font-size: 8.4px;
  margin-top: 0;
  line-height: 1;
}

.m-index .index-fourth li .fourth-text{
  padding-top: 2%;
}
.m-index .index-fourth li .fourth-text h2 {
  font-size: 11px;
  line-height: 1.6;
  height: auto;
  margin: 3.5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.m-index .index-fourth li .fourth-text p {
  font-size: 0.140000rem;
  line-height: 1.3;
  height: auto;
}

.m-index-banner {
  height: auto
}

.m-index-banner .m-slide {
  width: 100%;
  height: auto;
  position: relative
}

.m-index-banner .m-slide .ban_hd {
  margin-left: 0;
  width: 100%;
  left: auto;
  top: auto;
  bottom: 0;
  transform: translate(0,0) scale(.5)
}

.m-index-banner .m-slide .ban_hd ul {
  display: table
}

.m-index-banner .m-slide .ban_bd li .pc-img,.m-team .team-box .team-p,.m-team .team-box h3,.m-team li:after {
  display: none
}

.m-index-banner .m-slide .ban_hd ul li {
  float: left
}

.m-index-banner .m-slide .ban_bd li {
  height: auto
}

.m-index-banner .m-slide .ban_bd li img {
  height: auto;
  margin-bottom: 0
}
.m-index-banner .m-slide .ban_bd li img.moblie-img{
  display: block;
}

.m-index-banner .m-slide .ban_bd li .slide-text {
  padding-left: 0;
  width: 80%;
  bottom: 0.350000rem;
  top: auto;
  left: 10%;
  transform: translateY(0);
}

.m-index-banner .m-slide .ban_bd li .slide-text h3 {
  font-size: 0.20rem;
  height: auto;
}

.m-index-banner .m-slide .ban_bd li .slide-text p {
  font-size: 9.8px;
  display: none;
}

.m-index-banner .m-slide .ban_bd li .slide-text img {
  width: 80%;
  margin-left: 14px
}

.m-index-banner .m-slide .ban_bd li .slide-text .ban-link {
  width: 1.000000rem;
  height: 21px;
  line-height: 21px;
  font-size: 0.140000rem;
  margin: 7px 0 0 0;


  background-color: transparent;
  box-shadow: none;
}

.m-index-banner .m-slide .ban_bd li .slide-text .ban-link i {
  font-size: 0.140000rem;
  margin-left: 3.5px
}

.g-content .m-serve.consulting-serve.serve--other .user-li ul, .m-user-slide .user-li ul{
  display: block;
  text-align: center;
}
.m-serve .m-user-slide li, .m-user-slide .user-li .user-box ul li {
  padding: 17.5px 10.5px;
  margin-bottom: 0;
  box-shadow: 0 0 0 rgba(175,175,175,.2);
  float: none;
  height: auto;
  float: none;
  display: inline-block;
}
.m-user-slide .user-li > ul li{
  padding: 0;    float: none;    display: inline-block;
}
.m-serve .m-user-slide p{
  height: auto;
  text-align: center;
}

.m-team li {
  width: 100%;
  height: auto;
  margin-right: 0;
  margin-bottom: 0
}

.m-team li img {
  width: 1.500000rem;
  height: 1.500000rem;
  margin: 21px auto 14px
}

.m-team h3 {
  font-size: 14px
}

.m-date .date-third .m-slide .ban_bd li .ban-img b,.m-team .scroll-pane,.m-team .team-p {
  font-size: 11px
}
.m-date .date-third .m-slide .ban_bd li .ban-img h3{
  height: 0.50rem;
}
.m-date .date-third .m-slide .ban_bd li .ban-img b{
  height: 0.50rem;
  line-height: 0.50rem;
}

.m-team .team-box {
  position: static;
  height: auto;
  background: 0 0;
  transform: scale(1);
  opacity: 1;
  color: #888;
  bottom: auto;
  padding: 14px 14px 21px
}

.m-team .scroll-pane {
  height: auto;
  max-height: 2.500000rem;
  font-size: 9.8px;
  overflow: hidden
}

.m-date.z-fixed {
  padding-top: 0.450000rem
}

.m-date.z-fixed .date-title {
  position: fixed;
  top: 0;
  width: 100%;
  margin-bottom: 0
}

.m-index .index-third .m-slide .ban_bd li h3{
  font-size: 11.2px;
  height: auto;
}
.m-index .index-third .m-slide .ban_bd li p{
  font-size: 9.8px;
  height: auto;
}

.m-date.z-fixed{
  padding-top: 0;
}
.m-date .date-title {
  /*margin: 0  -14px -17.5px;*/
  height: 35px;
  /*top: -17.5px;*/
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  border-radius: 0;
  display: none;
}

.m-date .date-title li {
  width: 1.000000rem;
  height: 35px;
  line-height: 35px;
  font-size: 11px
}

.m-date .date-title li:after {
  height: 14px;
  margin-top: 10.5px
}

.m-date .date-title li.z-active {
  border-bottom: 0.7px solid #004ea2
}

.m-date .u-title {
  margin: 21px auto 14px
}

.m-date .u-title:after {
  height: 0.040000rem;
  margin: 10.5px auto 0
}

.m-date .date-text {
  margin-top: 21px;
  margin-bottom: 21px
}

.m-date .date-first {
  height: auto;
  background-size: cover;
  padding-bottom: 14px
}
.m-software .date-first{
  height: auto;
}

.m-date .date-second,.m-date .date-third {
  padding-bottom: 21px
}

.m-date .date-third {
  height: auto;
  background-size: cover;
  margin-top: 21px
}

.m-date .date-third .m-slide {
  padding-bottom: 35px
}

.m-date .date-third .m-slide .ban_bd {
  border-radius: 0
}

.m-date .date-third .m-slide .ban_bd li a {
  margin: 0;
  background: 0 0;
  border-radius: 0
}

.m-date .date-third .m-slide .ban_bd li .ban-img {
  width: 100%;
  float: none;
  border-radius: 7px;
  overflow: hidden
}

.m-date .date-third .m-slide .ban_bd li .text {
  width: 100%
}

.m-date .date-third .m-slide .ban_bd li .text p {
  height: auto;
  color: #fff
}

.m-date .date-third .m-slide .ban_bd li span {
  font-size: 0.140000rem;
  color: #fff
}

.m-date .m-recommend .u-title {
  margin: 21px auto 14px
}

.m-index .index-first .first-sub .first-text .first-icon img {
  max-height: 0.3200000rem;
}

.m-index .index-second .m-about-slide .slide-sub-box li .changeImg {
  height: 0.24rem;
  margin: 0.15rem 0  0.05rem;
}

.m-index .index-fourth li .fourth-date {
  /*float: none;*/
}

.m-index .index-fourth li .fourth-date b {
  letter-spacing: 0;
  font-size: 9.8px;
  font-weight: normal;
}

.m-head .m-nav li {
  position: relative;

}

.m-head .m-nav li > i {
  float: right;
  font-size: 11px;
  font-weight: 700;
  vertical-align: middle;
  height: 42px;
  line-height: 42px;
  display: inline-block;
  padding: 0 7px;
  position: absolute;
  right: 0px;
  top: 0;
  color: #222;
  display: block;
}

.g-content .service-area-4.m-service-area-4 ul li .mark-text i {
  font-size: 0.4rem;
  font-size: 0.24rem;
}


.g-content .service-area-4.m-service-area-4 ul li .mark-text h3{
  font-size: 11.2px;
}

}

@media (max-width: 3.200000rem) {
  .m-service-area.service-area--other li:hover .mark-text p {
    top: 52%
  }

  .m-service-area.service-area--other li .mark-text p {
    height: 42px
  }
}

footer {
  display: block;
  background: #004ea1;
  width: 100%;
  height: auto;
}

.footer-content {
  max-width: 14.400000rem;
  margin: 0 auto;
  box-sizing: border-box;
}

.footer-content .top {
  box-sizing: border-box;
  padding: .58rem 0;
  display: table;
  justify-content: space-between;
}

.footer-content .top .items {
  width: 33%;
  height: auto;
  position: relative;
  display: table-cell;
padding-left: .74rem;
}

.footer-content .top .items:before, .footer-content .top .items:last-child:after {
  content: '';
  position: absolute;
  height: 5.3rem;
  width: 0.7px;
  background-color: #9ba4aa;
  opacity: 0.1;
  left: 0;
  top: 0;
}

.footer-content .top .items:last-child:after {
  left: auto;
  right: 0;
}

.footer-content .top .items .title {
  width: 100%;
  font-size: .26rem;
  color: #fff;
  /*font-family: "SourceHanSansSCRegular";*/
  line-height: 1;
}

.footer-content .top .items .small-title {
  width: 100%;
  margin-top: .52rem;
  margin-top: .72rem;
  margin-bottom: .2rem;
  line-height: 1;
  font-size: .22rem;
  color: #fff;
  /*font-family: "SourceHanSansSC";*/
    padding-left: 15px;
    position: relative;
}
.footer-content .top .items .small-title:first-child{
  margin-top: .52rem;
}
.footer-content .top .items .small-title:after{
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    left: 0px;
    top: 50%;
    margin-top: -2.5px;
    border-radius: 50%;
}
.footer-content .top .items .small-title a{
  font-size: .22rem;
  color: #fff;
  /*font-family: "SourceHanSansSC";*/
}
.footer-content .top .items .small-title a:hover{
  color: #fff;
}

.footer-content .top .items .content {
  width: 80%;
  height: auto;
}

.footer-content .top .items .content p a:last-child {
  border-right: 0;
}

.footer-content .top .items .content p {
  margin-bottom: .16rem;
}

.footer-content .top .items .content p:last-child {
  margin-bottom: .16rem;
}

.footer-content .top .items .content a {
  font-size: .20rem;
  color: #fff;
  /*line-height: .14rem;*/
  margin-bottom: 0.1rem;
  position: relative;
  /*font-family: "SourceHanSansSCLight";*/
  display: inline-block;
  margin-right: .1rem;
  box-sizing: border-box;
  padding-right: .1rem;
}
.footer-content .top .items .content a.focuson{
  position: relative;
  display: block;
  margin-bottom: 0.52rem;
}
.footer-content .top .items .content a.focuson img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.1rem;
}
.footer-content .top .items .content a.focuson span{
  vertical-align: middle;
}
.footer-content .top .items .content a.focuson:after{
  display: none;
}
.footer-content .top .items .content a.focuson .erweima {
  width: 66.5px;
  position: absolute;
  transform: translate(-20%, -50%);
  opacity: 0;
  right: 100%;
  top: 50%;
  visibility: hidden;
  margin-right: 0rem;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
}
.footer-content .top .items .content a.focuson:hover .erweima {
  transform: translate(0, -50%);
  opacity: 1;
  visibility: inherit;
}

.footer-content .top .items .content a:after {
  content: '';
  position: absolute;
  width: 0.7px;
  height: 9.8px;
  right: 0px;
  top: 50%;
  margin-top: -0.06rem;
  background-color: #9ba4aa;
    -webkit-transform: scale(1.01);
}

.footer-content .top .items .content a:last-child:after {
  display: none;
}

.footer-content .top .items .content a.guanzhu {
  position: relative;
}

.footer-content .top .items .content a.guanzhu img {
  opacity: 0;
  transform: scale(0);
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
  transform-origin: center bottom;
  position: absolute;
  top: 100%;
  width: 56px;display: block;
}

.footer-content .top .items .content a.guanzhu:hover img {
  transform: scale(1);
  opacity: 1;
}

.footer-content .top .items .content a:hover {
  color: #fff;
}

.footer-content .top .items .small-title.active {
  color: #9ba4aa;
padding-left: 0;
}
.footer-content .top .items .small-title.active:after{
display: none;
}

.margin-top-48 {
  margin-top: .48rem!important;
}

.footer-content .bottom {
  box-sizing: border-box;
  padding: .58rem .74rem;
  background-color: #151719;
  /*display: flex;*/
  align-items: center;
  justify-content: space-between;
overflow: hidden;

}

.footer-content .bottom .left {
  width: 100%;
  /*display: flex;*/
  align-items: center;
  float: left;
}

.footer-content .bottom .left a {
  /* display: flex; */
  align-items: center;
  margin-right: 1.00rem;
  display: inline-block;
}

.footer-content .bottom .left a:last-child {
  margin-right: 0;
}

.footer-content .bottom .right a {
  /* display: flex; */
  align-items: center;
  margin-right: 1.14rem;
}

.footer-content .bottom .right a {
  position: relative;
}
.footer-content .bottom .right a:last-child{
margin-right: 0;
}
.footer-content .bottom .right a .erweima {
  width: 66.5px;
  position: absolute;
  transform: translate(-20%, -50%);
  opacity: 0;
  right: 100%;
  top: 50%;
  visibility: hidden;
  transition: all .3s cubic-bezier(.4,0,.2,1) 0s;
}

.footer-content .bottom .right a:hover .erweima {
  transform: translate(0, -50%);
  opacity: 1;
  visibility: inherit;
}

.footer-content .bottom .right {
  max-width: 40%;
  /*display: flex;*/
  align-items: center;
  float: right;
  justify-content: flex-end;
}

.bottom-1 {
  width: 100%;
  height: auto;
  background-color: #151719;
}

.footer-content .bottom .left a img,.footer-content .bottom .right a img {
  width: auto;
  height: auto;
  margin-right: .1rem;
  display: inline-block;
  vertical-align: middle;
}

.footer-content .top .items .content p a:hover {
  color: #fff;
}

.footer-content .bottom .left a span, .footer-content .bottom .right a span {
  color: #fff;
  font-size: .20rem;
  /*font-family: "SourceHanSansSC";*/
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.end {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border-top: 0.7px solid #292c30;
  padding: .23rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.end span {
  opacity: 0.5;
}

.guanzhu {
  position: relative;
}

.app {
  position: relative;
}

.guanzhu img {
  position: absolute;
  left: -0.02rem;
  top: .2rem;
}

.app img {
  position: absolute;
  left: -0.02rem;
  top: .2rem;
}

.end span {
  color: #b2b4b7;
}

.end span:nth-child(2) {
  margin: 0 .2rem;
}

.end span a {
  color: #b2b4b7;
}

.end span a:hover {
  color: rgba(100,107,115,.7);
}

@media (max-width: 750px) {
  .m-serve ul{
    display: block;
  }



  .footer-content .top{
    padding: 0;
  }
  .footer-content .top{
    display: block;
  }
  .footer-content .top .items{
    width: 100%;
    display: block;padding-left: 0;
  }
  .footer-content .top .items .title{
    text-align: center;
    font-size: 9.8px;
    height: 0.73rem;
    line-height: 0.73rem;
    border-bottom: 1px solid #004ea2;
    border-bottom: 1px solid #307ae8;
    color: #c3c3c3;
  }
/*  .footer-content .top .items:nth-of-type(2) .title{
    border-color: #2da489;
  }
  .footer-content .top .items:nth-of-type(3) .title{
    border-color: #6f6f6f;
  }*/
  .footer-content .top .items .foot_item{
    padding: 0.30rem 0.45rem;
    background-color: #37393b;
    display: none;
  }
  .footer-content .top .items .small-title{
    margin-top: 0;
    margin-bottom: 0.15rem;
    font-size: 11.2px;
  }
        .footer-content .top .items .small-title a{font-size: 11.2px;}
  .footer-content .top .items .content{
    width: 100%;
  }
  .footer-content .top .items .content a{
    font-size: 0.12rem;
  }
  .margin-top-48{
    margin-top: 0;
  }

  .footer-content .top .items .content a.guanzhu{
    text-align: center;
  }
  .footer-content .top .items .content a.guanzhu img{
    opacity: 1;
    transform: scale(1);
    position: static;
    margin-bottom: 0.05rem;
  }
  .footer-content .top .items .content a.guanzhu:after{
    display: none;
  }
  .footer-content .top .items .content{
    margin-bottom: 0.20rem;
  }

  .footer-content .top .items .small-title.active{
    text-align: center;
    letter-spacing: -7px;
  }
  .footer-content .top .items .small-title.active a{
    margin: 0 0.05rem;
    display: inline-block;
    max-width: 50%;
    letter-spacing: 0px;
  }
  .footer-content .top .items .small-title.active a img{
    display: none;
  }
  .footer-content .top .items .small-title.active a img.erweima{
    display: block;
    max-width: 70%;
    margin: 0 auto 10px;
    transform: translate(0, 0);
    opacity: 1;
    visibility: inherit;
    position: static;
  }
  .footer-content .top .items .content a.focuson:hover .erweima{
    transform: translate(0, 0);
  }
  .footer-content .top .items .content a.focuson span{
    display: block;
  }


  .footer-content .bottom{
    padding: 0.35rem 0;
    text-align: center;
    display: block;
  }
  .footer-content .bottom .left{
    width: 100%;
    display: block;
    margin-bottom: 0.25rem;float: none;
  }
  .footer-content .bottom .left a{
    display: inline-block;
    margin-right: 0;
    font-size: 0.12rem;
    padding-right: 0.10rem;
    position: relative;
    margin: 0 0.05rem;
  }
  .footer-content .bottom .left a span, .footer-content .bottom .right a span{
    font-size: 0.12rem;
  }
  .footer-content .bottom .left a:after{
    content: '';
    position: absolute;
    right: 0;
    width: 0.7px;
    height: 9.8px;
    right: 0px;
    top: 50%;
    margin-top: -0.06rem;
    background-color: #9ba4aa;
  }
  .footer-content .bottom .left a:last-child:after{
    display: none;
  }
  .footer-content .bottom .left a img{
    display: none;
  }

  .footer-content .bottom .right{
    width: 100%;
    display: block;float: none;max-width: 100%;
  }
  .footer-content .bottom .right a{
    display: inline-block;
    margin: 0 0.20rem;
  }
  .footer-content .bottom .right a span{
    display: none;
  }

  .end{
    display: block;
    text-align: center;
  }
  .end span{
    font-size: 0.12rem;
    display: block;
  }

}

#udesk_btn > a{
  max-width: 165px
}