@import url(./innerslidebar.css);

#globalnav {
  padding-top: 0px;
  background: linear-gradient(rgba(255, 255, 255, .85) 60%, rgba(255, 255, 255, 0));
}

/* ==========================================================================
   头部
   ========================================================================== */
.content {
  padding: 40px 0;
  position: relative;
  min-height: 300px;
}

.content img {
  max-width: 100%;
}

.wrapper {
  max-width: 1440px;
  /*min-width: 980px; */
  _width: 1540px;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width:1600px) {
  .wrapper {
    max-width: 1440px;
  }
}

@media only screen and (max-width:1440px) {
  .wrapper {
    max-width: 1320px;
  }
}

@media only screen and (max-width:1200px) {
  .wrapper {
    max-width: 1100px;
  }
}

@media only screen and (max-width:920px) {
  .wrapper {
    max-width: 880px;
  }
}

.sidenav {
  background-color: rgb(227, 221, 214);
}

.sub-banner {
  height: 485px;
}

.sub-banner .wrapper {
  height: 100%;
}

@media only screen and (max-width:1440px) {
  .sub-banner {
    height: 400px;
  }

}

@media only screen and (max-width:920px) {
  .sub-banner {
    height: 200px;
  }

}

@media only screen and (max-width:768px) {
  .sub-banner {
    height: 150px;
  }

}

.breadcrumb {
  color: #73797c;
  font-size: 14px;
  text-align: left;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  z-index: 991;
  padding-left: 160px;
}

.breadcrumb a {
  color: #73797c;
}

.breadcrumb a:last-child {
  color: #7f7668;
  font-weight: bold;
}

.breadcrumb .fa {
  color: #7f7668;
}



@media only screen and (max-width:920px) {
  .breadcrumb {
    display: none;
  }
}

.rightbox {
  position: fixed;
  right: 20px;
  bottom: 50px;
  width: 65px;
  z-index: 1000;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}

.rightbox .rightinco {
  margin: 15px 0;
  position: relative;
}

.rightbox .rightinco .righttitle {
  color: #122a88;
  font-size: 14px;
  line-height: 2;
}

.PhoneDown2 {
  position: absolute;
  background-color: #122a88;
  top: 0px;
  right: 65px;
  overflow: hidden;
  width: 310px;
  transition: all 1s;
  text-align: center;
  line-height: 60px;
  height: 60px;
  font-size: 20px;
  color: #fff;
  font-weight: bolder;
  z-index: 1;
}

.EmailDown2 {
  position: absolute;
  background-color: #122a88;
  top: 50%;
  transform: translateY(-50%);
  right: 65px;
  overflow: hidden;
  width: 310px;
  transition: all 1s;
  height: 150px;
  font-size: 20px;
  color: #fff;
  font-weight: bolder;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.weimaDown2 {
  position: absolute;
  background-color: #122a88;
  bottom: -35px;
  right: 65px;
  overflow: hidden;
  width: 150px;
  transition: all 1s;
  height: 150px;
  font-size: 20px;
  color: #fff;
  font-weight: bolder;
  z-index: 1;
  box-sizing: border-box;
  padding: 20px;
}

.weimaDown2 img {
  max-width: 100%;
}

.active2,
.active3,
.active4 {
  display: none;
}

@media only screen and (max-width:768px) {
  .rightbox {
    display: none;
  }
}










/* ==========================================================================
   关于我们
   ========================================================================== */
.inner-tit {
  margin-top: 20px;
}

.inner-tit .abtitle {
  font-size: 32px;
  color: rgb(51, 51, 51);
  font-weight: bold;
  text-align: center;
}

.inner-tit .abtitle2 {
  font-size: 18px;
  text-align: center;
  color: rgb(119, 119, 119);
  text-transform: uppercase;
  margin-bottom: 50px;
}

.aboutcontent {
  font-size: 18px;
  color: rgb(85, 85, 85);
  text-transform: uppercase;
  line-height: 2;
  text-indent: 2em;
}

.aboutcontent p {
  margin: 30px 0;
}

.trend {
  text-align: center;
  margin-top: 50px;
}



@media only screen and (max-width:1440px) {
  .aboutcontent {
    font-size: 16px;
  }
}

@media only screen and (max-width:1280px) {
  .aboutcontent {
    line-height: 1.5;
  }
}

@media only screen and (max-width:920px) {
  .inner-tit .abtitle {
    font-size: 28px;

  }

  .inner-tit .abtitle2 {
    font-size: 16px;

  }

}

@media only screen and (max-width:768px) {
  .inner-tit .abtitle {
    font-size: 24px;

  }

  .inner-tit .abtitle2 {
    font-size: 14px;

  }

  .aboutcontent {
    font-size: 14px;
  }

  .aboutcontent p {
    margin: 20px 0;
  }

}



/* ==========================================================================
   全球供应链 globalsupply 
   ========================================================================== */

.supply .citybox .cityname {
  color: #122a88;
}

.textlist2 {
  display: none;
}


.gslist {
  margin-left: -25px;
  margin-top: 80px;
}

.gslist li {
  width: calc(25% - 25px);
  margin-left: 25px;
  float: left;
  margin-bottom: 20px;
}

.gsbox .pic {
  overflow: hidden;
  position: relative;
  height: auto;
  border-radius: 12px;
  cursor: pointer;
}

.gsbox .bgimg {
  width: 100%;
}

.gsbox .upimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.gsbox .pic:hover .upimg {
  transform: scale(1.1);
}

.gsboxname {
  font-size: 16px;
  font-family: "Noto Sans S Chinese";
  color: rgb(127, 118, 104);
  text-align: center;
  text-transform: uppercase;
  padding: 15px 0;
  font-weight: 500;
}


@media only screen and (max-width: 1280px) {
  .gslist li {
    width: calc(33.33% - 25px);
  }
}


@media only screen and (max-width: 920px) {
  .supply .textlist {
    margin-left: 55px;
  }

  .supply .citybox {
    display: block;
  }

  .supply .citybox .country,
  .pulse1,
  .pulse2,
  .pulse3,
  .download {
    display: none;
  }

  .supply .dotted {
    width: 10px;
    height: 10px;
    background-color: rgb(255, 126, 0);
    border-radius: 50%;
  }

  .textlist2 {
    display: block;
    margin-left: -50px;
    margin-top: 50px;
  }

  .textlist2 li {
    width: calc(50% - 50px);
    float: left;
    text-align: center;
    margin-left: 50px;
    margin-bottom: 10px;
  }

  .textlist2 li .title3 {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    line-height: 2.5em;
    border: 1px solid #ccac83;
    border-radius: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .gslist li {
    width: calc(50% - 25px);
  }

  .gslist {
    margin-top: 40px;
  }

  .gsboxname {
    font-size: 14px;
    height: 50px;
    padding: 15px 0 0;
  }
}






/* ==========================================================================
   联系我们contact
   ========================================================================== */
.contactbox {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 50px;
}

.contactbox .right,
.contactbox .left {
  width: calc(50% - 15px);
}


.contactbox .right {
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  margin-top: 30px;
  display: flex;
  padding: 50px 100px;
  box-sizing: border-box;
  align-items: flex-start;
}

.left_top {
  margin-top: 30px;
  display: flex;
  padding: 50px 100px;
  align-items: center;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.ltbox {
  margin-left: 100px;

}

.ltbox .lt_title {
  font-size: 26px;
  font-family: "Noto Sans S Chinese";
  color: rgb(51, 51, 51);
  line-height: 2;
  font-weight: 500;
}

.ltbox .lt_mode {
  font-size: 24px;
  font-family: "Noto Sans S Chinese";
  color: rgb(51, 51, 51);
  /*font-weight: bold;*/
}

.ltbox .lt_mode2 {
  font-size: 20px;
  font-family: "Noto Sans S Chinese";
  color: rgb(85, 85, 85);
  font-weight: 400;
}

.rightmain .ltbox {
  margin-bottom: 30px;
}


.contactmain {
  background: url(../images/contact01.png) center no-repeat;
  background-size: cover;
  /* height: 590px; */
  padding: 80px 0;
}

.contactmain .wrapper {
  max-width: 1400px;
}

.cm_left {
  float: left;
  width: 50%;
  font-size: 36px;
  font-family: "Noto Sans S Chinese";
  color: rgb(51, 51, 51);
  font-weight: bold;
  line-height: 1.617;
}

.cm_text {
  font-size: 16px;
  font-family: "Noto Sans S Chinese";
  color: rgb(85, 85, 85);
  line-height: 1.944;
  margin-left: 50px;
  font-weight: 500;
}

.cm_right {
  float: right;
  width: calc(50% - 10px);
}

.red {
  color: red;
  margin-left: 3px;
}

.cmflex .layui-form-item {
  clear: none;
}

.cmflex .layui-input {
  width: 265px;
}

.leftflex {
  float: left;
}

.rightflex {
  float: right;
}

.cm_right .bg {
  background-color: #fff;
}

.cm_right .layui-form-label {
  text-align: left;
  width: auto;
}

.cm_right .layui-input-block {
  margin-left: 70px;
}

.cm_right .btn .layui-input-block {
  margin-left: 0px;
}


.cm_right .layui-btn {
  background-color: #122B88;
  padding: 0 30px;
}

.cm_right .layui-textarea,
.cm_right .layui-input {
  border-width: 0px;
}

.cm_right .layui-textarea {
  padding: 10px;
}



@media only screen and (max-width: 1440px) {
  .ltbox {
    margin-left: 40px;
  }

  .left_top {
    padding: 40px 80px;
  }

  .ltbox .lt_mode {
    font-size: 36px;
  }

  .ltbox .lt_title {
    font-size: 24px;
  }

  .rightmain .ltbox {
    margin-bottom: 15px;
  }

  .cmflex .layui-input {
    width: 245px;
  }
}

@media only screen and (max-width: 1280px) {
  .ltbox .lt_mode2 {
    font-size: 18px;
  }

  .cmflex .layui-input {
    width: 220px;
  }

  .ltbox .lt_mode {
    font-size: 30px;
  }
}

@media only screen and (max-width: 1080px) {
  .cmflex .layui-input {
    width: 180px;
  }

  .cm_text {
    margin-left: 15px;
  }

  .cm_left {
    font-size: 28px;
  }
}

@media only screen and (max-width: 920px) {
  .left_top {
    padding: 40px 10px;
  }

  .contactbox .right {
    padding: 40px 10px;
  }

  .ltbox {
    margin-left: 20px;
  }

  .cm_left {
    width: 100%;
    margin-bottom: 30px;
  }

  .cm_right {
    width: 100%;
  }

  .cmflex .layui-input {
    width: 340px;
  }
}

@media only screen and (max-width: 868px) {
  .cmflex .layui-input {
    width: 280px;
  }
}

@media only screen and (max-width: 768px) {
  .contactbox {
    flex-direction: column;

  }

  .contactbox .right,
  .contactbox .left {
    width: 100%;
  }

  .left_top {
    padding: 50px 100px;
  }

  .contactbox .right {
    padding: 50px 100px;
  }

  .ltbox {
    margin-left: 60px;
  }

  .cmflex .layui-input {
    width: 240px;
  }
}

@media only screen and (max-width: 680px) {
  .cmflex .layui-input {
    width: 200px;
  }
}

@media only screen and (max-width: 600px) {
  .left_top {
    padding: 40px;
  }

  .contactbox .right {
    padding: 40px;
  }

  .ltbox .lt_mode2 {
    font-size: 16px;
  }

  .cmflex .layui-input {
    width: 180px;
  }
}

@media only screen and (max-width: 550px) {
  .cmflex .layui-input {
    width: 150px;
  }
}

@media only screen and (max-width: 500px) {
  .left_top {
    padding: 20px;
  }

  .contactbox .right {
    padding: 20px;
  }

  .ltbox {
    margin-left: 20px;
  }

  .contactbox .right {
    flex-direction: column;
  }

  .rightmain .ltbox {
    margin-left: 0px;
  }

  .ltbox .lt_mode {
    font-size: 26px;
  }

  .leftflex {
    float: none;
  }

  .rightflex {
    float: none;
  }
}







/* ==========================================================================
   Empty空页面
   ========================================================================== */
.eplist {
  margin-left: -30px;
  margin-top: 80px;
  margin-bottom: 60px;
}

.eplist li {
  width: calc(50% - 30px);
  margin-left: 30px;
  float: left;
  margin-bottom: 30px;
}

.epbox {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
}

.epbox .pic {
  overflow: hidden;
  position: relative;
  height: auto;
  cursor: pointer;
}

.epbox .bgimg {
  width: 100%;
}

.epbox .upimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.epbox .pic:hover .upimg {
  transform: scale(1.08);
}

.epintroduce {
  padding: 30px;
}

.epintroduce .eptitle {
  font-size: 24px;
  font-family: "Noto Sans S Chinese";
  color: rgb(127, 118, 104);
}

.epintroduce p {
  font-size: 16px;
  font-family: "Noto Sans S Chinese";
  color: rgb(51, 51, 51);
  line-height: 2;
}


.abtitle3 {
  font-size: 16px;
  font-family: "Noto Sans S Chinese";
  color: rgb(119, 119, 119);
  line-height: 2;
  font-weight: 400;
  text-align: center;
}



.eplist2 {
  margin-left: -30px;
  margin-top: 80px;
  margin-bottom: 60px;
  text-align: center;
}

.eplist2 li {
  width: calc(25% - 30px);
  margin-left: 30px;
  float: left;
  margin-bottom: 30px;
}


.epbox2 {
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  padding: 55px 0;
  cursor: pointer;
}

.epbox2 .eptitle2 {
  font-size: 18px;
  font-family: "Noto Sans S Chinese";
  color: rgb(51, 51, 51);
  line-height: 3;
  font-weight: 400;
}

.epbox2 img {
  max-width: 100%;
  transition: all 1s;

}

.epbox2:hover img {
  transform: rotateY(360deg);
}

.epbox2 .eparea {
  font-size: 18px;
  font-family: "Noto Sans S Chinese";
  color: rgb(119, 119, 119);
  line-height: 1.778;
  padding: 0 40px;
  height: 100px;
}

.abtitle4 {
  font-size: 16px;
  font-family: "Noto Sans S Chinese";
  color: rgb(119, 119, 119);
  line-height: 2;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
}

.epimg {
  margin-top: 50px;
}

.epimg img {
  max-width: 100%;
}



@media only screen and (max-width: 1280px) {
  .epbox2 {
    padding: 55px 0 0;
  }

  .epbox2 .eparea {
    height: 200px;
  }
}

@media only screen and (max-width: 920px) {
  .epbox2 {
    padding: 55px 0 0;
  }

  .epbox2 .eparea {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 768px) {
  .eplist2 li {
    width: calc(50% - 30px);
  }

  .epintroduce {
    padding: 20px;
  }

  .eplist,
  .eplist2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .abtitle4 {
    font-size: 14px;
  }

  .epintroduce .eptitle {
    font-size: 20px;
  }

  .epintroduce p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .eplist li {
    width: 100%;
    margin-left: 0;
  }

  .eplist {
    margin-left: 0;
  }


}








/* ==========================================================================
   pro产品
   ========================================================================== */
.prolist {
  margin-left: -25px;
  margin-top: 40px;
  margin-bottom: 60px;
}

.prolist li {
  width: calc(25% - 25px);
  margin-left: 25px;
  float: left;
  margin-bottom: 25px;
}

.probox {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 12px;
  padding: 40px;
}

.probox .pic {
  overflow: hidden;
  position: relative;
  height: auto;
  cursor: pointer;
}

.probox .bgimg {
  width: 100%;
}

.probox .upimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: all 1s;
}

.probox .pic:hover .upimg {
  transform: scale(1.08);
}

.probox .protitle {
  text-align: center;
  font-size: 18px;
  font-family: "Noto Sans S Chinese";
  color: rgb(127, 118, 104);
  font-weight: 400;
  height: 80px;
  margin-top: 30px;
}

@media only screen and (max-width:1280px) {
  .prolist li {
    width: calc(33.33% - 25px);
  }
}

@media only screen and (max-width:920px) {
  .prolist li {
    width: calc(50% - 25px);
  }
}

@media only screen and (max-width:768px) {
  .probox {
    padding: 10px;
  }

  .prolist {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width:500px) {
  .probox .protitle {
    font-size: 14px;
    margin-top: 15px;
  }
}






/* ==========================================================================
   资源
   ========================================================================== */
.videolist {
  margin-left: -25px;
  margin-top: 80px;
  margin-bottom: 60px;
}

.videolist li {
  width: calc(25% - 25px);
  margin-left: 25px;
  float: left;
  margin-bottom: 25px;
}


.videobox .pic {
  overflow: hidden;
  position: relative;
  height: auto;
  cursor: pointer;
  border-radius: 12px;
}

.videobox .bgimg {
  width: 100%;
}

.videobox .upimg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.videobox .item-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .3s ease-out;
  opacity: 0;
  background: #122a88;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  filter: alpha(opacity=0);
}

.videobox:hover .item-mask {
  opacity: .5;
  background: #122a88;
  filter: alpha(opacity=50);
}


.videobox .btn-link__hover_i {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 71px;
  height: 71px;
  margin: -35.5px 0 0 -35.5px;
  background: url(../images/play-circle.png) no-repeat;
  transform: scale(2);
  backface-visibility: hidden;
  transition: all .25s ease-out;
}

.videobox:hover .btn-link__hover_i {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}

.videobox .videotitle {
  text-align: center;
  font-size: 16px;
  font-family: "Noto Sans S Chinese";
  color: rgb(127, 118, 104);
  font-weight: 400;
  height: 80px;
  margin-top: 30px;
}

.videobox:hover .videotitle {
  color: #122a88;
}



@media only screen and (max-width:1280px) {
  .videolist li {
    width: calc(33.33% - 25px);
  }
}

@media only screen and (max-width:920px) {
  .videolist li {
    width: calc(50% - 25px);
  }
}

@media only screen and (max-width:768px) {
  .videolist {
    margin-top: 30px;
    margin-bottom: 0px;
  }
}

@media only screen and (max-width:500px) {
  .videobox .videotitle {
    font-size: 14px;
    margin-top: 15px;
    height: 40px;
  }
}







/* ==========================================================================
   Sidebar
   ========================================================================== */
.newstitle2 {
  text-align: center;
  font-size: 30px;
  font-family: "Noto Sans S Chinese";
  color: rgb(51, 51, 51);
  font-weight: bold;
  margin-bottom: 20px;
}


.inner_cont {
  font-size: 16px;
  color: #454545;
  width: calc(100% - 320px);
  float: right;
}

.inner_cont img {
  max-width: 100%;
}

.inner_left {
  width: 260px;
  float: left;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.siderbar {
  padding: 40px 20px;
}

.siderbar .title {
  color: #fff;
  height: 40px;
  padding: 0 20px;
  position: relative;
  background: #0a3980;
  display: none;
}

.siderbar .title h3 {
  font-size: 14px;
  line-height: 40px;
}

.siderbar .title .btn_jt {
  display: block;
  height: 40px;
  width: 50px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  line-height: 40px;
}

.siderbar .title .inco01 {
  height: 40px;
  width: 50px;
  display: block;
  background: url(../images/inco14.png) center no-repeat;
}

.siderbar .title .cur .inco01 {
  height: 40px;
  width: 50px;
  display: block;
  background: url(../images/inco13.png) center no-repeat;
}


.siderbar .sunnav li {
  font-size: 22px;
  text-indent: 30px;
  position: relative;
  margin-bottom: 10px;
  border-bottom: 1px solid #e3ddd6;
}


.siderbar .sunnav li a {
  width: 100%;
  display: block;
  height: 60px;
  line-height: 60px;
  color: rgb(119, 119, 119)
}

.siderbar .sunnav li a:hover {
  color: rgb(51, 51, 51);
}

.siderbar .sunnav li.active a {
  color: rgb(51, 51, 51);
  font-weight: bold;
}

.siderbar .sunnav li.active {
  background: #e3ddd6;
}

.siderbar .sunnav li i {
  text-indent: 0;
}


@media only screen and (max-width: 1300px) {
  .siderbar .sunnav li {
    font-size: 18px;
  }

}

@media only screen and (max-width: 1000px) {
  .inner_left {
    float: none;
    width: 100%;
    margin-top: 0px;
  }

  .inner_cont {
    width: 100%;
    float: none;
  }

  .content {
    padding: 20px 0;
  }

  .siderbar {
    padding: 0;
  }
}

@media only screen and (max-width: 1000px) {
  .siderbar .sunnav {
    display: none;
    margin-top: 10px;
  }

  .siderbar .title {
    display: block;
  }

  .siderbar .sunnav li a {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }

}






/* ==========================================================================
   新闻列表
   ========================================================================== */
.newslist {
  position: relative;
}

.newslist:before {
  content: "";
  display: block;
  top: 0;
  left: 145px;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #dfe4eb;
}

.newslist li {
  position: relative;
}

.newslist li:before {
  content: "";
  display: block;
  top: 30px;
  left: 139px;
  position: absolute;
  width: 13px;
  height: 13px;
  background: #17376d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.newslist li .date {
  width: 115px;
  height: 70px;
  float: left;
  line-height: 70px;
  text-align: center;
  border-bottom: 1px solid #dfe4eb;
  font-size: 14px;
  color: #555555;
}

.newslist li .txt {
  width: calc(100% - 180px);
  height: 70px;
  float: right;
  line-height: 70px;
  border-bottom: 1px solid #dfe4eb;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newslist li a {
  padding-left: 10px;
}

@media only screen and (max-width:1200px) {
  .newslist li .txt {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1000px) {
  .newstitle2 {
    display: none;
  }
}

@media only screen and (max-width:768px) {
  .newslist li a {
    font-size: 12px;
  }

  .newslist li .date {
    width: 80px;
    height: 40px;
    float: left;
    line-height: 40px;
    font-size: 12px;
  }

  .newslist li .txt {
    width: calc(100% - 120px);
    height: 40px;
    float: right;
    line-height: 40px;
    font-size: 12px;
  }

  .newslist:before {
    left: 100px;
  }

  .newslist li:before {
    left: 96px;
    width: 9px;
    height: 9px;
    top: 18px;
  }
}







/* ==========================================================================
   新闻详情页
   ========================================================================== */
.innernews .newsdetails {
  width: calc(100% - 380px);
  float: left;
}

.newtitle {
  text-align: center;
}


.newtitle h1 {
  font-size: 30px;
  font-weight: bold;
}

.newsdetails .byline {
  color: #999;
  margin-top: 10px;
}

.newsdetails .byline span {
  margin-right: 20px;
  display: inline-block;
  line-height: 20px;
  height: 20px;
}


.newsh_cn {
  padding: 20px 0;
}

.newsh_cn p {
  font-size: 16px;
  /* text-indent: 2em; */
}

.toolbar {
  border-top: 1px solid #e9eff3;
  margin-top: 30px;
  padding: 30px;
  font-size: 16px;
}

.toolbar .row01 {
  width: calc(100% - 220px);
  float: left;
  color: #333;
}

.toolbar .row01 a {
  color: #333;
  margin-left: 10px;
}

.toolbar .row01 p:hover a {
  text-decoration: underline;
}

.fhshare {
  width: 200px;
  float: right;
  height: 45px;
  font-size: 16px;
  margin-top: 10px;
}

.fhshare a {
  line-height: 45px;
  color: #1f3586;
  margin-right: 20px;
}

.fhshare a .fa {
  margin-right: 10px;
}



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

  .newtitle h1 {
    font-size: 24px;
  }

  .newsh_cn p {
    font-size: 14px !important;
  }

  .toolbar {
    font-size: 14px;
  }
}

@media only screen and (max-width:920px) {
  .innernews .newsdetails {
    width: 100%;
  }

  .innernews .right {
    display: none;
  }

  .newtitle h1 {
    font-size: 18px;
  }

  .newsdetails .tag {
    font-size: 14px;
  }

  .newtitle {
    margin-bottom: 10px;
  }

  .fhshare {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-top: 0;
  }
}


@media only screen and (max-width:768px) {
  .newtitle h1 {
    font-size: 16px;
  }

  .innernews {
    padding-top: 0 !important;
  }

  .newsh_cn {
    padding: 0;
  }

  .newsh_cn p {
    font-size: 12px !important;
  }

  .fhshare,
  .toolbar .row01 {
    width: 100%;
    float: none;
    font-size: 12px;
  }
}














/* ==========================================================================
   Empty空页面
   ========================================================================== */
.empty {
  max-width: 1280px;
  _width: 1280px;
  padding: 0 10px;
  margin-left: auto;
  margin-right: auto;
}

.empty-title {
  text-align: center;
  font-size: 30px;
  color: #000;
  font-weight: 500;
  margin-top: 30px;
  margin-bottom: 40px;
}

.empty-main {
  padding: 10px 0;
}


/* ==========================================================================
   Pagination
   ========================================================================== */
#Lb_pager {
  margin-top: 30px;
  margin-bottom: 20px;
  text-align: center;
  font-family: microsoft yahei;
}

#Lb_pager .pages a {
  display: inline-block;
  margin: 0 3px;
  padding: 0 13px;
  color: #333;
  cursor: pointer;
  line-height: 30px;
  height: 30px;
  border: 1px solid #cbcbcb;
  border-radius: 5px;
}

#Lb_pager .pages .pgnext {
  padding: 0 15px;
}

#Lb_pager .pages .lastpage,
#Lb_pager .pages .homepage {
  color: #fff;
  cursor: pointer;
  background-color: #122a88;

}

#Lb_pager .pages .pgcurrent {
  color: #fff;
  cursor: default;
  background-color: #122a88;
}

#Lb_pager .pages .pgempty {
  cursor: not-allowed;
}

#Lb_pager .pages .total {
  font-size: 16px;
  color: rgb(95, 95, 95);
  margin: 0 25px;
}

#Lb_pager .pages .page-jump {
  padding: 0 20px;
  margin: 0 10px;
}

#Lb_pager .pages a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #122a88;
}

.dinwei {
  position: absolute;
  top: 100px;
  transform: translateX(-50%);
  left: 50%;
  z-index: 1;
}

@media only screen and (max-width:920px) {
  .dinwei{
    top: 5px;
  }
}
@media only screen and (max-width:768px) {
  .dinwei{
    top: 0px;
  }
}