/*base val*/
/**templace*/
.red {
  color: red;
}
.fontSize14 {
  font-size: 14px;
}
.fontSize16 {
  font-size: 16px;
}
.fontSize18 {
  font-size: 18px;
}
.fontSize20 {
  font-size: 20px;
}
.fontSize22 {
  font-size: 22px;
}
.fontSize28 {
  font-size: 28px;
}
.fontSize30 {
  font-size: 30px;
}
.fontSize36 {
  font-size: 36px;
}
.fontSize48 {
  font-size: 48px;
}
.fontSize60 {
  font-size: 60px;
}
.fontSize80 {
  font-size: 80px;
}
.fontSize90 {
  font-size: 90px;
}
.fontSize32 {
  font-size: 32px;
}
.fontSize40 {
  font-size: 40px;
}
.fontSize24 {
  font-size: 24px;
}
.fontSize26 {
  font-size: 26px;
}
.b {
  font-weight: bold;
}
.box-s-box {
  box-sizing: border-box;
}
.imgMax100 img {
  max-width: 100%;
}
.marginCenter {
  margin: 0 auto;
}
.flexColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.flexColumnCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flexColumnStart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.flexRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flexRowStart {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.flexRowStartCenter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.flexRowCenter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.flexRowSpaceBetween {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.flexRowTopSpaceBetween {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/*extend*/
/*instance*/
.w50 {
  width: 50%;
}
.wc90 {
  width: 90%;
  margin: 0 auto;
}
.mtop20 {
  margin-top: 20px;
}
.margin20 {
  margin: 20px;
}
.mbottom20 {
  margin-bottom: 20px;
}
.padding5 {
  padding: 5px;
}
.padding10 {
  padding: 10px;
}
.padding15 {
  padding: 15px;
}
.padding20 {
  padding: 20px;
}
.margin5 {
  margin: 5px;
}
.margin10 {
  margin: 10px;
}
.margin15 {
  margin: 15px;
}
.margin20 {
  margin: 20px;
}
.displayNone {
  display: none !important;
}
.displayBlock {
  display: block !important;
}
.cursor {
  cursor: pointer;
}
/*Mixins*/
html {
  font-size: 14px;
}
body {
  font-family: Microsoft Yahei,PingFang SC,Hiragino Sans GB,tahoma,arial;
  line-height: 1.5;
  color: #000;
  background-color: #f0f0f0;
  font-size: 12px;
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: #333333;
  height: 100%;
  padding: 0px;
  margin: 0px;
}
* {
  margin: 0;
  padding: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
a {
  text-decoration: none;
}
.w1900 {
  min-width: 1900px;
  width: 100%;
}
.w1900no100 {
  min-width: 1900px;
}
.marginCenter {
  margin: 0 auto;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.displayNone {
  display: none !important;
}
a {
  cursor: pointer;
}
.a {
  cursor: pointer;
}
.overflowHid {
  overflow: hidden;
}
.txtLeft {
  text-align: left;
}
.textCenter {
  text-align: center;
}
.txtCenter {
  text-align: center;
}
.txtRight {
  text-align: right;
}
.bgCenter {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.bgWidthCenter {
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.bgWidthCenterTop {
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
}
.bgCenterNormal {
  background-position: center center;
  background-repeat: no-repeat;
}
.bgVl00 {
  background-size: auto 100%;
}
.cursor {
  cursor: pointer;
}
.lineHeight100 {
  line-height: 100%;
}
.lineHeight120 {
  line-height: 120%;
}
.lineHeight150 {
  line-height: 150%;
}
.lineHeight200 {
  line-height: 200%;
}
.lineHeight250 {
  line-height: 250%;
}
.lineHeight300 {
  line-height: 300%;
}
.w1593 {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  box-sizing: border-box;
}
.centerWidth {
  min-width: 1280px;
  max-width: 1600px;
  margin: 0 auto;
  box-sizing: border-box;
}
.padding1Box {
  padding: 1%;
  box-sizing: border-box;
}
.centerWidth2 {
  min-width: 1280px;
  max-width: 1650px;
  margin: 0 auto;
}
.nav {
  min-width: 1280px;
  max-width: 1600px;
  margin: 0 auto;
  box-sizing: border-box;
  height: 120px;
}
/*首页logo*/
.nav #logo {
  display: block;
  padding-left: 2%;
  width: 240px;
  box-sizing: border-box;
 /* margin-left: -5%;*/
}
.nav #logo img {
  max-width: 120%;
}

/*手机端导航*/
.smallMenu {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0px;
  left: 0px;
  z-index: 10;
}
.smallMenu .menuContainer {
  width: 50%;
  height: 100%;
  float: right;
  background-color: #fff;
}


.smallMenu .menuContainer .menuList {
/*  padding: 8% 0%;*/
  box-sizing: border-box;
    position:relative;
            top:-100%;
}
.smallMenu .menuContainer .menuList li {
  border-width: 0px;
  /*border-bottom: 1px #999 dashed;*/
 /* margin-top: 5%;*/
/*  box-shadow: 0 1px 1px 1px #ddd;*/

}
.smallMenu .menuContainer .mnav_top{
        height: 60px;
}
.smallMenu .menuContainer .mnav_top .mnav_back{
        line-height: 60px;
margin: 26px 40px;
}


.smallMenu .menuContaine .mnav_top .mnav_back {

        font-size: 20px;
    font-weight: bold;
    color: #333f47;
    margin-right: 25px;
}
.smallMenu .menuContainer .mnav_top .mnav_back span{
    display: inline-block;
      position: absolute;
  
    font-size: 20px;
/*    font-weight: bold;*/
    color: #333f47;
  /*      margin-left: 5%;*/
          top: 15px;
}

.smallMenu .menuContainer .mnav_top .mnav_back  img{
width:40px;

}

.smallMenu .menuContainer .menuList li dl dd a{
    width:200px;

}

.smallMenu .menuContainer .menuList li{position:relative; margin:20px 0;}
.smallMenu .menuContainer .menuList li {display:block; /*padding:0 45px;*/ position:relative; font-size:19px; color:#333f47; font-weight:bold;}
.smallMenu .menuContainer .menuList li  i{display:block; width:20px; height:20px;  background-size:contain; position:absolute; right:45px; top:5px;}
.smallMenu .menuContainer .menuList li  i{
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        /* transform: rotate(270deg); */
        }
.smallMenu .menuContainer .menuList li dl dd{
        margin: 0 -32%;
}
.smallMenu .menuContainer .menuList li dl{background:#f7f7f7; padding:20px 60px; display:none;      margin: 0 10% 0 16%;}
.smallMenu .menuContainer .menuList li dl dd a{display:block; font-size:15px; color:#525252; line-height:35px;}
.smallMenu .menuContainer .menuList li.cur  i{-webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);}

.smallMenu .menuContainer .toshow{right:0;}


    .m_third_nav{display:block;}
    .m_third_nav .content{height:47px; overflow:hidden; border-bottom:2px solid #e5e5e5; text-align:center;}
    .m_third_nav ul {width:100%; overflow-x:auto; overflow-y:hidden; white-space:nowrap; height:60px;}
    .m_third_nav ul li{display:inline-block; font-size:15px; color:#949494; margin:0 4px; line-height:47px;}
    .m_third_nav ul li a{display:inline-block; position:relative; padding:16px 8px; line-height:1;}
    .m_third_nav ul li.on{font-weight:bold; color:#333f47;}
    .m_third_nav ul li.on a:after{content:''; width:102%; height:2px; background:#333f47; border-radius:3px; position:absolute; left:0; bottom:0}

.smallMenu .menuContainer .menuList li i{
    display: block;
    width: 20px;
    height: 20px;
    background: url("/static/images/widgets_single_nav_14_mnav_jt.png") no-repeat;
    background-size: contain;
    position: absolute;
    right: 45px;
    top: 5px;


    }





.smallMenu .menuContainer .menuList li a:hover{
  
  color: rgba(195, 13, 35, 1);
}
.smallMenu .menuContainer .menuList li a {
  font-size: 17px;
  color: #000;
      line-height: 250%;
      position: relative;
    left: 100px;
    padding: 0 4% 0 0;
    display:block;
    width:80px
}


.smallMenu .menuContainer .menuList li  .subs a{
  font-size: 16px;

}


.navContainer {
  width: 100%;
  margin: 0 auto;
  /*border-bottom: 1px solid #999;*/
}
.menu li {
  font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
  width: 130px;
  font-size: 20px;
  line-height: 120px;
  text-align: center;
}
/*    .menu li:nth-child(4) {
        position: absolute;
       
       
    }
 

    .menu li:nth-child(5) {
        position: absolute;
      
    }*/

.menu li a {
  color: #1A1A1A;
}
.menu li div {
  display: none !important;
  position: absolute;
  top: 80px;
  width: 140px;
  line-height: 38px;
  background: rgba(195, 13, 35, 0.8);
      margin-left: -5px;


}
.menu li div a {
  display: block;
  text-align: center;
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  padding: 9px 5px;
  transition: all 0.3s;
}
.menu li:hover div {
  display: block !important;
}
#openNav {
  display: none;
  position: fixed;
  right: 2%;
  top: 44px;
  width: 30px;
  height: 30px;
  transition: background 0.3s;
  z-index: 101;
  cursor: pointer;
}
#openNav i {
  display: block;
  top: 15px;
}
#openNav i,
#openNav i::before,
#openNav i::after {
  content: '';
  border-radius: 3px;
  background: #d9092b;
  position: absolute;
  height: 3px;
  left: 0px;
  width: 100%;
  transition: transform 0.3s;
}

#openNav i::before {
  top: 8px;
  width: 80%;
}
#openNav i::after {
  top: -8px;
  width: 100%;
}
#openNav::after {
  content: '';
  display: block;
  background: #d9092b;
  width: 3px;
  height: 3px;
  position: absolute;
  border-radius: 4px;
  right: 0px;
  bottom: 4px;
}

#openNav.open i {
  background: none;
}
#openNav.open i::before,
#openNav.open i::after {
  top: 0px;
}
#openNav.open i::before {
/*  width: 100%;
  transform: rotate(45deg);*/
    opacity:0
}
#openNav.open i::after {
/*  transform: rotate(-45deg);*/
  opacity:0
}
#openNav.open::after {
  opacity: 0;
}
.mainHeader {
  width: 100%;
  height: 1080px;
  background-size: 1920px 1080px;
  background-position: center top;
  background-repeat: no-repeat;
}
/*子页顶部导航*/
.mainHeader .navContainer {
  border-bottom: 0px;
/*  position:fixed; top:0px; left:0px; z-index:999px;*/

/*  background-color:#fff;*/

}



.mainHeader #logo {
  display: block;
  padding-left: 2%;
  width: 196px;
  box-sizing: border-box;
}
.mainHeader #logo img {
  max-width: 150%;
}
.mainHeader .menu li a {
  color: #1A1A1A;
}
.mainHeader .menu li span a{
  color: #FFF;
}
.mainHeader .txtContaner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
    color:#c30d23;
/*  color: #fff;*/
opacity:.8;
}
.mainHeader .txtContaner .MainTxt {
  text-align: center;
  font-size: 80px;
  font-weight: bold;
  line-height: 120%;
  position: relative;
  top: -10%;
}
.mainHeader .txtContaner .SubTxt {
  text-align: center;
  font-size: 40px;
  line-height: 100%;
  position: relative;
  top: -10%;
 /* color:#fff;*/

}
.News_Sub .txtContaner .MainTxt {


  text-align: center;

    font-size: 80px;
    font-weight: bold;
    line-height: 120%;
    position: relative;
    top: -10%;
}



.News_Sub .txtContaner .SubTxt {

      text-align: center;
    font-size: 40px;
    line-height: 100%;
    position: relative;
    top: -10%;
    opacity: 1 !important;

}
.Communist .txtContaner {
  color: #c30d23;
}
.Communist .txtContaner .MainTxt {
  text-align: center;
  font-size: 80px;
  font-weight: bold;
  line-height: 120%;
  position: relative;
  top: -10%;
}
.Communist .txtContaner .SubTxt {
  text-align: center;
  font-size: 40px;
  line-height: 100%;
  position: relative;
  top: -10%;
}
a.white {
  color: #fff;
}
#banner {
  width: 100%;
  height: 1080px;
}
#banner #bannerItem1Txt {
  position: absolute;
  top: 40%;
  left: 40%;
  width: 60%;
}
#banner .bannerItem {
  height: 1080px;
  width: 100% !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.navContainer {
  position: absolute;
  z-index: 10;

}
.mainHeader .navContainer.fixed {
    background: #fff;
    /*   // box-shadow: 0 0 15px rgba(0,0,0,.2);*/
}


.subMenu_locationnew.fixed {
    max-width: 3000px;
    top:12%;
}
@media(max-width:848px) {
    .subMenu_locationnew.fixed {
        top: 11%;
    }

    .mainHeader .navContainer.fixed {
        height: 110px;
        left:0;
    }
}
@media(max-width:414px){
    .subMenu_locationnew.fixed {
        top: 11%;
    }
}
@media(max-width:390px) {
    .subMenu_locationnew.fixed {
        top: 11%;
    }
}


.subMenu_locationnew {
    position: relative;
    padding: 25px 3%;
    line-height: 60px;
    box-shadow: 0 5px 10px 1px #ddd;
    background-color: #fff;
    margin-top: -6%;
    z-index: 1;
    margin: auto;
    min-width: 1280px;
    max-width: 1593px;
    margin: 0 auto;
    width: 100%;
    margin-top: -85px;
    box-sizing: border-box;
  /*  background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.2);*/
}
.subMenu ul li {
  display: inline-block;
  font-size: 16px;
  margin-right: 0;
}
.subMenu ul li a {
  color: #666666;
  display: inline-block;
  margin: 0 18px;
  position: relative;
}
.subMenu ul li a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  display: block;
  width: 0;
  left: 50%;
  height: 4px;
  background-color: #d43030;
  transition: all 0.4s;
}
.subMenu ul li.active a {
  color: #023894;
}
.subMenu ul li.active a:before,
.subMenu ul li a:hover:before {
  width: 100%;
  left: 0;
}
/*.subMenu_locationnew .subMenu {
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}*/

.topAbout {
  padding: 5px;
  text-align: left;
  min-width: 1280px;
  max-width: 1650px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: 44px;
  box-sizing: border-box;
  padding: 1%;
}
.topAbout .topAboutLeft {
  width: 40%;
}
.topAbout .topAboutLeft .topAboutLeftTitle {
  color: #c30d23;
  font-size: 48px;
  font-weight: bold;
}
.topAbout .topAboutLeft .topAboutLeftTitle2 {
  color: #000;
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 20px;
}
.topAbout .topAboutLeft .txt {
  color: #444444;
  line-height: 200%;
  margin-bottom: 20px;
  font-size: 14px;

    text-align:justify;
  text-justify:inter-ideograph;
  word-break:break-all;
}
.topAbout .topAboutLeft .topAboutLeftBtn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.topAbout .topAboutLeft .topAboutLeftBtn .ind_more01 {
  width: 177px;
  height: 79px;
  background: #e00909;
  color: #fff;
  font-size: 22px;
  letter-spacing: 6px;
  line-height: 79px;
  text-align: center;
}
.topAbout .topAboutLeft .topAboutLeftBtn .ind_more02 {
  width: 77px;
  height: 79px;
  background: #850404;
  border-radius: 0px 20px 20px 0px;
  color: #fff;
  font-size: 24px;
  line-height: 76px;
  text-align: center;
}
.topAbout .topAboutLeft .topAboutLeftBtn .ind_more02 i {
  font-size: 48px;
}
.topAbout .topAboutLeft .video_play {
  width: 100%;
  height: 356px;
}
.topAbout .topAboutLeft .video_play video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.topAbout .topAboutLeft .videoTxt {
  font-size: 22px;
  line-height: 250%;
  text-align: center;
}
.topAbout .topAboutRight {
  width: 55%;
}
.topAbout .topAboutRight .photo {
  text-align: center;
}
.topAbout .topAboutRight .photo img {
  max-width: 100%;

  	/*transform: scale(1);  
	transition: all 1s ease 0s;  */
	-webkit-transform: scale(1);  
	-webkit-transition: all 1s ease 0s;  

}

.topAbout .topAboutRight .photo:hover img {
/*transform: scale(1.1);  
	transition: all 1s ease 0s;  */
	-webkit-transform: scale(1.1);  
	-webkit-transition: all 1s ease 0s;  


    }


.topAbout .topAboutRight .photo img {
  border-radius: 25px;
}
.topAbout .topAboutRight .num ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.topAbout .topAboutRight .num ul li {
  margin-top: 2%;
  text-align: center;
  width: 25%;
  font-size: 22px;
}
.topAbout .topAboutRight .num ul li b {
  font-size: 82px;
  font-family: Arial;
  color: #cc0e24;
  font-weight: bold;
}
.topAbout .topAboutRight .num ul li em {
  font-size: 90px;
  color: #cc0e24;
  font-weight: bold;
  font-style: normal;
  font-family: SimHei;
}
.topAbout .topAboutRight .num ul li span {
  display: block;
  color: #948d8d;
  padding-bottom: 24px;
  margin-top: 3%;
  font-size: 22px;
  text-align: center;
}
.topAbout .topAboutRight .numen ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.topAbout .topAboutRight .numen ul li {
  margin-top: 2%;
  text-align: center;
  width: 25%;
  font-size: 22px;
}
.topAbout .topAboutRight .numen ul li b {
  font-size: 62px;
  font-family: Arial;
  color: #cc0e24;
  font-weight: bold;
}
.topAbout .topAboutRight .numen ul li em {
  font-size: 70px;
  color: #cc0e24;
  font-weight: bold;
  font-style: normal;
  font-family: SimHei;
}
.topAbout .topAboutRight .numen ul li span {
  display: block;
  color: #948d8d;
  padding-bottom: 24px;
  margin-top: 3%;
  font-size: 22px;
  text-align: center;
}
/*
.topAbout .topAboutRight .photo #enlarge-div
                {
                    position: relative;
                    top: -100%;
                    left: -8%;
                    background: rgba(0, 0, 0, 0.7);
                    z-index: 2;
                    width: 116%;
                    height: 102%;
                    display: none;
                }

.topAbout .topAboutRight .photo #enlarge-div:hover
                {
                    cursor: zoom-out;
                }

.topAbout .topAboutRight .photo #enlarge-div #inner-div
                {
                    width: 80%;
                    height: 85%;
                    margin: 0 auto;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                }

.topAbout .topAboutRight .photo #inner-div #big-img
                {
                    max-width: 100%;
                    max-height: 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translateY(-50%) translateX(-50%);
                }
*/




.topAbout .topAboutRight .num ul li:after {
  content: '';
}
.domains {
  background-size: 100% 100%;
  background-position: center center;
  background-image: url('/static/images/domainsBG.png');
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  background-color: rgba(26, 26, 26, 0.7);
  background-blend-mode: multiply;
}
.domains .domainsTitle {
  padding-top: 2%;
  margin-bottom: 2%;
}
.domains .domainsTitle img {
  display: block;
  margin: 0 auto;
}
.domains .contentContainer {
  min-width: 1280px;
  max-width: 1650px;
  margin: 0 auto;
  height: 70%;
}
.domains .contentContainer .domainsImgs {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.domains .contentContainer .domainsImgs .domainsImgsItem:first-child {
  border-radius: 35% 0px 0px 35%;

}
.domains .contentContainer .domainsImgs .domainsImgsItem:last-child {
  border-radius: 0px 35% 35% 0px;
  
}

.domains .contentContainer .domainsImgs .domainsImgsItem {
  display: flex;
  background-size: 100% 100%;
  background-position: center top;
  background-repeat: no-repeat;
  height: 100%;
  width: 24%;
  margin-right: 2px;
  transition-property: background-color;
  transition-duration: 1s;
  background-color: rgba(26, 26, 26, 0.7);
  background-blend-mode: multiply;


	-webkit-transform: scale(1);  
	-webkit-transition: all 1s ease 0s;  
    cursor: zoom-in;  
	transition: all 0.6s; 

}

                .domains .contentContainer #enlarge-div
                {
                    position: relative;
                    top: -100%;
                    left: -8%;
                    background: rgba(0, 0, 0, 0.7);
                    z-index: 2;
                    width: 116%;
                    height: 102%;
                    display: none;
                }

                .domains .contentContainer #enlarge-div:hover
                {
                    cursor: zoom-out;
                }

                .domains .contentContainer #enlarge-div #inner-div
                {
                    width: 80%;
                    height: 85%;
                    margin: 0 auto;
                    position: relative;
                    top: 50%;
                    transform: translateY(-50%);
                }

                .domains .contentContainer #enlarge-div #inner-div #big-img
                {
                    max-width: 100%;
                    max-height: 100%;
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    transform: translateY(-50%) translateX(-50%);
                }


         

.domains .contentContainer .domainsImgs .domainsImgsItem:hover{

	-webkit-transform: scale(1.4);  
	-webkit-transition: all 1s ease 0s;  


}

.domains .contentContainer .domainsImgs .domainsImgsItem .domainTxt {
  text-align: center;
  font-size: 30px;
  color: white;
  margin: 0 auto;
  align-self: center;
  background: linear-gradient(to top, red 0%, red 20%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 71%, #c30d23 71%, #c30d23 100%);
  letter-spacing: 3px;
}
.domains .contentContainer .domainsImgs .domainsImgsItem:hover {
  background-color: rgba(26, 26, 26, 0.1);
}
.news {
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}
.news .newsTitle {
  padding-top: 2%;
  margin-bottom: 2%;
}
.news .newsTitle img {
  display: block;
  margin: 0 auto;
}
.news .newsTitle .newAnniu {
 display:none;
}

.news .contentContainer {
  min-width: 1280px;
  max-width: 1650px;
  margin: 0 auto;
  height: 75%;
}
.news .contentContainer ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.news .contentContainer ul li {
  width: 24%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(26, 26, 26, 0.5);
  background-blend-mode: multiply;
  transition: 0.3s ease;
  height: 100%;
  color: white;
  position: relative;

	-webkit-transform: scale(1);  
	-webkit-transition: all 1s ease 0s;  

}
.news .contentContainer ul li .text:hover{

	-webkit-transform: scale(0.9);  
	-webkit-transition: all 1s ease 0s;  
    margin-top:-3%;
    font-size:16px

}

.news .contentContainer ul li .newsItem {
  margin: 55px 12% 0px;
}
.news .contentContainer ul li .title {
  margin-bottom: 30%;
  font-size: 30px;
}

.news .contentContainer ul li .text:hover {
  -webkit-box-orient:vertical;
 display:block;
}

.news .contentContainer ul li .text {
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:6;
 overflow:hidden;
  font-size: 20px;
  text-align:justify;
  text-justify:inter-ideograph;
  word-break:break-all;
}
.news .contentContainer ul li .a1 {
  line-height: 34px;
  position: absolute;
  bottom: 64px;
  right: 12%;
  background-color: #b3051a;
  width: 100px;
  height: 36px;
  color: white;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
 /* font-weight:700;*/
}

/*.news .contentContainer ul li .a1:hover {
  line-height: 34px;
  position: absolute;
  bottom: 64px;
  right: 12%;
  background-color: #FFF;
  width: 100px;
  height: 36px;
  color: #070c0c;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
}*/




.news .contentContainer ul li:hover {
  background-color: rgba(26, 26, 26, 0.1);
}
.maps {
  background-image: url('/static/images/20221230ditu.png');
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000008;
  height: 100%;
  text-align: center;
}
.maps .mapsTitle {
  padding-top: 2%;
  margin-bottom: 2%;
  color: white;
}
.maps .mapsTitle .newsTitle1 {
  font-size: 48px;
}
.maps .mapsTitle .newsTitle2 {
  font-size: 24px;
}
.footer {
  min-width: 1280px;
  max-width: 1920px;
  margin: 0 auto;
  box-sizing: border-box;
/*  padding: 20px 20px;*/
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  

    margin-top: 2%;
    background-color: #b3051a;
    border-radius: 0px 0px 0px 0px;
   background-repeat: no-repeat;

}
.footer .footerLeft {
  width: 50%;

 margin-left: 6%;
 color:#fff;
 font-size:16px;
}
.footer .footerLeft .photos img{
  width: 180px;
    margin-left: -1%;
          margin-top: 3%; 
}
.footer .footerLeft .companyName {
  font-size: 26px;
  font-weight: bold;
  line-height: 250%;
}
.footer .footerLeft .txt {
  line-height: 250%;
}




.footer .footerRight {
 width: 50%;

margin-left: 50%;
    margin-top: -20%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}


.footer .footerRight  ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

}
.footer .footerRight ul li {
     width: 10%;
    font-size: 16px;
    line-height: 200%;

}



.footer .footerRight ul li a {
  color: #fff;
}
.footer .footerRight ul li span {
  color: #919191;
  padding-left: 5px;
}


.footer  .mid #links{float:right;text-align:center;width:178px;border:1px solid rgba(255,255,255,0.7);background-color:rgba(255,255,255,0.1);height:38px;line-height:38px;border-radius:40px 0 40px 0;position:relative;font-size:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.footer  .mid #links span{display:block;position:relative;padding-right:25px;color:#fff;}
.footer  .mid #links span:after{border-top:6px solid rgba(255,255,255,0.7);border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:25px;}
.footer  .mid #links .list{overflow:hidden;border-radius:0 40px 0 40px;position:absolute;left:-1px;bottom:110%;width:100%;border:1px solid rgba(255,255,255,0.7);background-color:#fff;display:none;padding:7px 0;}
.footer  .mid #links  .list ul{max-height:11em;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.footer  .mid #links .list li{line-height:2.2em;}
.footer  .mid #links .list ul li a{display:block;overflow:hidden;padding-right:25px;color:#333;}





  /*social*/
.footer  .mid #social{float:right;padding:9px 25px;}
.footer  .mid #social ul{font-size:0;line-height:normal;text-align:center;}
.footer  .mid #social li{display:inline-block;position:relative;margin:0 25px;}
.footer  .mid #social a{display:block;overflow:hidden;width:22px;height:22px;background:no-repeat center center;background-size:contain;text-indent:-99999em;opacity:.7;}
.footer  .mid #social a:hover{opacity:1;}
.footer  .mid #social .wx{background-image:url(../images/icon_wx.png);}
.footer  .mid #social .wb{background-image:url(../images/icon_wb.png);}
.footer  .mid #social .qr{position:absolute;left:50%;bottom:100%;margin-bottom:5px;background-color:#fff;border:1px solid #eee;padding:3px;width:100px;transform:translateX(-50%);display:none;}
.footer  .mid #social .qr:after{background-color:#fff;width:6px;height:6px;border-right:1px solid #eee;border-bottom:1px solid #eee;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;}
.footer  .mid #social img{display:block;width:100%;height:auto;}

.footer  .mid {
        float: right;
    margin-left: 65%;
    margin-top: -6%;

}





.copyRight {
  background-color: #b3051a;
  color: white;
  text-align: center;
  line-height: 300%;
  padding-bottom: 20px;
  margin-bottom: 1px;
  box-sizing: border-box;
      margin-top: -2%;
    /*      padding-left: 50%;*/
    font-size: 18px;

    max-width: 1920px;
    margin: -2% auto;
}
.copyRight .cra{
color:#fff;

}
    .about {
  padding: 1%;
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  box-sizing: border-box;
}
.about .one {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5%;
}
.about .one .left {
  width: 46%;
  padding: 5px;
  background-image: url("/static/images/qilubeijingtu20221217.png");
  background-repeat: no-repeat;
  background-position-x: -20px;
}
.about .one .left .title001 {
  font-size: 48px;
  font-weight: 700;
  color: #c30d23;
  font-weight: bold;
  margin-top: 28%;
}
.about .one .left .text002 {
  font-size: 24px;
  padding-top: 20px;
  color: #454444;
  font-weight: bold;
  padding-bottom: 62px;
}
.about .one .left .text003 {
  font-size: 18px;
  padding-top: 10%;
  color: #454444;
  line-height: 35px;
  font-weight: 400;

      text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;


}
.about .one .left .text003 span {
  color: #c30d23;
  font-weight: bold;
}
.about .one .right {
  width: 50%;
}
.about .one .right img {
  max-width: 100%;
}
.about .one .right img {
  border-radius: 20px;
}
.about .two,
.about .four {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5%;
}
.about .two .left,
.about .four .left {
  width: 52%;
}
.about .two .left img,
.about .four .left img {
  max-width: 100%;
}
.about .two .left img,
.about .four .left img {
  border-radius: 20px;
}
.about .two .right,
.about .four .right {
  padding: 5px;
  width: 42%;
}
.about .two .right .title,
.about .four .right .title {
  margin-top: 51px;
  font-size: 38px;
}
.about .two .right .text,
.about .four .right .text {
  margin-top: 7%;
  font-size: 18px;
/*  color: #000000;*/
  line-height: 200%;

      text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
}
.about .three {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5%;
}
.about .three .right {
  width: 52%;
}
.about .three .right img {
  max-width: 100%;
}
.about .three .right img {
  border-radius: 20px;
}
.about .three .left {
  padding: 5px;
  width: 42%;
}
.about .three .left .title {
  margin-top: 51px;
  font-size: 38px;
}
.about .three .left .text {
  margin-top: 7%;
  font-size: 18px;
/*  color: #000000;*/
  line-height: 200%;

      text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
}
.about .img {
  max-width: 400px;
}
.about .img img {
  max-width: 100%;
}
.about .ditu {
  margin-top: 5%;
}
.about .ditu img {
  max-width: 100%;
}
.ChairmanMessage {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: black;
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  padding: 1%;
  box-sizing: border-box;
  margin-top: 5%;
}
.ChairmanMessage .title1 {
  font-weight: 700;
  font-size: 48px;
  color: #c30d23;
  padding-bottom: 54px;
  width: 100%;
}
.ChairmanMessage .left {
  padding: 4px;
  width: 62%;
  font-size: 18px;
}
.ChairmanMessage .right {
  width: 36%;
}
.ChairmanMessage .right img {
  max-width: 100%;
}
.ChairmanMessage .right img {
  margin-top: 13px;
  border-radius: 20px;
  -webkit-filter: blur(3px);
  /* Chrome, Safari, Opera */
  filter: blur(3px);
}
.ChairmanMessage .imgs {
  text-align: center;
  width: 100%;
  padding-left: 20%;
  margin-top: -10%;
}
.ChairmanMessage .imgs img {
  width: 30%;
  transform: rotate(6.764201deg);
}
.CorporateCulture {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 5%;
  margin-bottom: 5%;
}
.CorporateCulture ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.CorporateCulture ul li {
  width: 30%;
  margin-right: 3%;
  height: 304px;
  padding: 3% 4%;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  border-radius: 0px 25px 25px 0px;
  margin: 1% 1%;
  background-blend-mode: color-dodge;
  background-color: rgba(255, 255, 255, 0.5);
}
.CorporateCulture ul li .title {
  font-size: 36px;
  color: #d43030;
  text-align: left;
/*  line-height: 300%;*/
    line-height:150%;
}

.CorporateCulture ul li .text {
  font-size: 18px;
  color: #333333;
  line-height: 1.8;
  margin-top: 5%;
}
.CorporateCulture ul li:hover {
  background-blend-mode: normal;
  background-color: #023894;
}
.CorporateCulture ul li:hover .title,
.CorporateCulture ul li:hover .text {
  color: #fff;
}
.CorporateCulture ul li:nth-child(1) {
  background-image: url("/static/images/qywh1001.png");
  background-repeat: no-repeat;
}
.CorporateCulture ul li:nth-child(2) {
  background-image: url("/static/images/qywh1002.png");
  background-repeat: no-repeat;
}
.CorporateCulture ul li:nth-child(3) {
  background-image: url("/static/images/qywh1003.png");
  background-repeat: no-repeat;
}
.CorporateCulture ul li:nth-child(4) {
  background-image: url("/static/images/qywh1004.png");
  background-repeat: no-repeat;
}
.CorporateCulture ul li:nth-child(5) {
  background-image: url("/static/images/qywh1005.png");
  background-repeat: no-repeat;
}
.CorporateCulture ul li:nth-child(6) {
  background-image: url("/static/images/qywh1006.png");
  background-repeat: no-repeat;
}
.CorporateHonor {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  margin-top: 5%;
  padding: 1%;
  box-sizing: border-box;
}
.CorporateHonor .wenzi p {
  font-size: 48px;
  color: #c40000;
  font-weight: 700;
}
.CorporateHonor .wenzi span {
  font-size: 24px;
  color: #e69797;
  line-height: 100%;
}
.CorporateHonor .list {
  padding-top: 4%;
}
.CorporateHonor .list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.CorporateHonor .list ul li {
  width: 31.5%;
  margin-bottom: 4%;
  transition: 0.3s ease;
}
.CorporateHonor .list ul li .img img {
  max-width: 100%;
}
.CorporateHonor .list ul li .dbwenzi {
  background-color: #ffffff;
}
.CorporateHonor .list ul li .dbwenzi p {
  font-size: 24px;
  color: #a6a6a6;
  text-align: center;
  padding-top: 0px;
}
.CorporateHonor .list ul li .dbwenzi h4 {
  font-size: 36px;
  color: #000000;
  text-align: center;
  font-weight: 100;
}
.CorporateHonor .list ul li .dbwenzi span {
  font-size: 10px;
  color: #a6a6a6;
  text-align: center;
}

 .SocialResponsibility
        {
            min-width: 1280px;
            max-width: 1593px;
            margin: 0 auto;
            margin-top: 5%;
            padding: 1%;
            box-sizing: border-box;
        }

        .SocialResponsibility .wenzi .title
        {
            color: #c40000;
            font-size: 48px;
            padding-bottom: 36px;
            font-weight: 700;
            text-align: center;
        }

        .SocialResponsibility .wenzi .text
        {
            color: #000;
            font-size: 21px;
            line-height: 35px;
            font-weight: 100;
        }

        .SocialResponsibility .list
        {
            position: relative;
        }

        .SocialResponsibility .list .centerimg
        {
            position: absolute;
            z-index: 1;
            left: 62.9%;
            top: 53%;
            transform: translate(-50%, -50%);
        }

        .SocialResponsibility .list .centerimg img
        {
            width: 30%
        }

        .SocialResponsibility .list ul
        {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .SocialResponsibility .list ul li
        {
            width: 50%;
            margin-right: 0%;
            margin-bottom: 0;
              background-color: rgba(26, 26, 26, 0.5);
            transition: 0.3s ease;
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat;
            color: #fff;
               line-height: 100%;
           height: 469px;
            font-size: 36px;
            text-align: center;
            background-blend-mode: multiply;


        }

            .SocialResponsibility .list ul li.subhover {
                background: linear-gradient(to right,#099f79,#005196);
                opacity: 0.9;
                transition: 0.3s ease;
            }






.SocialResponsibility .list ul li .tit {
    text-align: center;
    background-blend-mode: multiply;
    opacity: 1;
    text-align:center;
    margin:28% 0;
}
    .SocialResponsibility .wenzi #text1 {
        margin-top: 2%;
    }

        .SocialResponsibility .list ul li .text
        {
            text-align: left;
            width: 60%;
            color: #fff;
            opacity: 0;
            margin: 20% 20%;
      
        }
        .SocialResponsibility .list ul li .text .text-title
        {
       font-size:20px;
            position:relative;
         
        }
        .SocialResponsibility .list ul li .text .text-concant
        {
            
            font-size: 14px;
            position: relative;
            font-size: 14px;
            line-height:100%;
        }
        .SocialResponsibility .list ul li .text .text-line
        {
            width: 10%;
            height: 1px;
            background-color: rgba(255,255,255,.4);
         margin-top:1%;
 }



            .SocialResponsibility .list ul li .text.subhover {
                display: block;
                opacity: 1;
            }


            .SocialResponsibility .list ul li .tit.subhover {
                display: none;
            }


.SocialResponsibility .list li:nth-child(1)
        {
            
            background-image: url("/static/images/xhky20221215.png");
            background-repeat: no-repeat;
        }

.SocialResponsibility .list li:nth-child(2)
        {
            background-image: url("/static/images/xsky20221216001.png");
            background-repeat: no-repeat;
        }

.SocialResponsibility .list li:nth-child(3)
        {
            background-image: url("/static/images/xsky20221216003.png");
            background-repeat: no-repeat;
        }
.SocialResponsibility .list li:nth-child(4)
        {
            background-image: url("/static/images/xsky20221216002.png");
            background-repeat: no-repeat;
        }
@media (max-width: 1400px){
    .SocialResponsibility .list ul li .tit{
        margin: 32% 0;
    }
   
}
@media (max-width: 1279px){
    .SocialResponsibility .list ul li .tit{
        margin: 34% 0;
    }
    .SocialResponsibility .list ul li .text{
        margin: 24% 20%;
    }
}
@media (max-width: 1200px){
    .SocialResponsibility .list ul li .tit{
        margin: 38% 0;
    }
   
}
@media (max-width: 1100px){
    .SocialResponsibility .list ul li .tit{
        margin: 42% 0;
    }
   
}
@media (max-width: 1000px){
    .SocialResponsibility .list ul li .tit{
        margin: 46% 0;
    }
   
}
@media (max-width: 900px){
    .SocialResponsibility .list ul li .tit{
        margin: 51% 0;
    }
   
}
.ContactUsRow2 {
  background-color: #fdf3f4;
}



/*联系我们 *//*联系方式*/
        .ContactUsContent
        {
            min-width: 1280px;
            max-width: 1593px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            padding-top: 2%;
            padding-bottom: 2%;
            padding: 1%;
            box-sizing: border-box;
            margin-bottom: 2%;
            background-color:#fff;
            margin-top:-5%;

            border: 2px solid #fff;
            border-radius: 20px;
        }

        .ContactUsContent .left
        {
            width: 46%;
            margin-top:2%;
    margin:3% 0 0 4%;
        }

       

        .ContactUsContent .left .companyName
        {
            color: #284a94;
            font-size: 36px;
        }

        .ContactUsContent .left .msg
        {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            margin-left:2%;

        }

        .ContactUsContent .left .msg .Img
        {
            width: 60px;
            /* height: 160px;*/
            height: 100px;
            display: flex;
            align-items: center;
        }

        .ContactUsContent .left .msg .msgContent
        {
            width: 80%;
        }

        .ContactUsContent .left .msg .msgContent .title
        {
            font-size: 24px;
            color: #000;
        }

        .ContactUsContent .left .msg .msgContent .sub
        {
            font-size: 18px;
            color: #bcb9ba;
        }

/**/
        .ContactUsContent .right
        {
            width: 46%;
             margin:3% 0 0 4%;
        }

     

        .ContactUsContent .right .companyName
        {
            color: #284a94;
            font-size: 36px;
        }

        .ContactUsContent .right .msg
        {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
                margin-left:2%;
        }

        .ContactUsContent .right .msg .Img
        {
            width: 60px;
            /* height: 160px;*/
            height: 100px;
            display: flex;
            align-items: center;
        }

        .ContactUsContent .right .msg .msgContent
        {
            width: 80%;
        }

        .ContactUsContent .right .msg .msgContent .title
        {
            font-size: 24px;
            color: #000;
        }

        .ContactUsContent .right .msg .msgContent .sub
        {
            font-size: 18px;
            color: #bcb9ba;
        }
        /*公司列表*/

        .ContactUsCompany
        {
     /*       min-width: 1280px;*/
            max-width: 1593px;
            margin: 0 auto;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            padding-top: 2%;
            padding-bottom: 2%;
            padding: 1%;
            box-sizing: border-box;
            margin-bottom: 0%;
            background-color: #fff;
        }
        .ContactUsCompany .company
        {
            width: 43%;
            height: 150px;
            display: block;
            margin-bottom: 2%;
            padding:1% 1%;
            margin:2% 5%;
     
     
        }
        .ContactUsCompany .company:nth-child(n){
            margin-right:0%;

        }
         .ContactUsCompany .company:nth-child(2n){
                   margin-right:0%;

        }
        .ContactUsCompany .company:nth-child(2)
        {
            background-color: rgba(240, 240, 240, 1);
        }
        .ContactUsCompany .company:nth-child(3)
        {
            background-color: rgba(240, 240, 240, 1);
        }
       .ContactUsCompany .company:nth-child(6)
        {
            background-color: rgba(240, 240, 240, 1);
        }


        .ContactUsCompany .company .companyName
        {
            font-size: 24px;
            color: #000;
            margin-bottom: 2%;
        }
            .ContactUsCompany .company .msg{
          display: flex;
    flex-wrap: wrap;
    align-items: center

            }

        .ContactUsCompany .company .msg .content
        {
            width:100%;
            font-size: 18px;
            color: #000;
            padding-bottom:2%;
        }
/*地图*/
        .ditu
        {
      
            max-width: 1593px;
            margin: 0 auto;
          
            padding-top: 2%;
            padding-bottom: 2%;
            padding: 1%;
            box-sizing: border-box;
            margin-bottom: 2%;
            background-color: #fff;
        }
        .ditu .title{
            text-align:left;
            font-size:48px;
            margin-bottom:2%;
        }
           .ditu #dituContent
        {
            width: 100%;
            height: 550px;
            border: #ccc solid 1px;
        }

  .ditu img{
      width:100%
  }




/**/


.bizContent,
.CoalsectorContent,
.ThefarmectorContent,
.NonferrousmetalplateContent,
.OthercommoditysectorsContent {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  padding: 1%;
  box-sizing: border-box;
  padding-top: 2%;
  padding-bottom: 2%;
}
.bizContent .row1,
.CoalsectorContent .row1,
.ThefarmectorContent .row1,
.NonferrousmetalplateContent .row1,
.OthercommoditysectorsContent .row1 {
  background-image: url("/static/images/bizContentBG.png");
  background-repeat: no-repeat;
  display: flex;
  flex-direction: row-reverse;
}
.bizContent .row1 .ContentTxt,
.CoalsectorContent .row1 .ContentTxt,
.ThefarmectorContent .row1 .ContentTxt,
.NonferrousmetalplateContent .row1 .ContentTxt,
.OthercommoditysectorsContent .row1 .ContentTxt {
  margin-top: 5%;
  box-shadow: 0px 0px 14px 3px #ccc;
  background-color: #fff;
  padding: 6%;
  box-sizing: border-box;
  width: 940px;
}
.bizContent .row1 .ContentTxt .title,
.CoalsectorContent .row1 .ContentTxt .title,
.ThefarmectorContent .row1 .ContentTxt .title,
.NonferrousmetalplateContent .row1 .ContentTxt .title,
.OthercommoditysectorsContent .row1 .ContentTxt .title {
  color: #c30d23;
  font-size: 48px;
  font-weight: bold;
}
.bizContent .row1 .ContentTxt .txt,
.CoalsectorContent .row1 .ContentTxt .txt,
.ThefarmectorContent .row1 .ContentTxt .txt,
.NonferrousmetalplateContent .row1 .ContentTxt .txt,
.OthercommoditysectorsContent .row1 .ContentTxt .txt {
  font-size: 18px;
  line-height: 250%;

      text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
}
.NonferrousmetalplateContent .row1 .ContentTxt .txt .redbig1,
.CoalsectorContent .row1 .ContentTxt .txt .redbig1,
.ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .redbig1,
.OthercommoditysectorsContent .row1 .ContentTxt .txt .redbig1{
     color: #d43030;
    font-size: 24px;

}
.ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .redbig2,
.CoalsectorContent .row1 .ContentTxt .txt .redbig2{
    color: #d43030;
    font-size: 28px;
    font-weight: bold;


}
.OthercommoditysectorsContent .row1 .ContentTxt .txt .txtbb{
    font-weight: bold;
    color: #000;

}





.bizContent .row1 .ContentTxt .txt span,
.CoalsectorContent .row1 .ContentTxt .txt span,
.ThefarmectorContent .row1 .ContentTxt .txt span,
.NonferrousmetalplateContent .row1 .ContentTxt .txt span,
.OthercommoditysectorsContent .row1 .ContentTxt .txt span {
  color: #d43030;
  font-weight: bold;
}
.bizContent .row1 .ContentTxt .txt .txtB,
.CoalsectorContent .row1 .ContentTxt .txt .txtB,
.ThefarmectorContent .row1 .ContentTxt .txt .txtB,
.NonferrousmetalplateContent .row1 .ContentTxt .txt .txtB,
.OthercommoditysectorsContent .row1 .ContentTxt .txt .txtB {
  font-weight: bold;
  color: #000;
}
.bizContent .row1 .ContentTxt .txt .h80,
.CoalsectorContent .row1 .ContentTxt .txt .h80,
.ThefarmectorContent .row1 .ContentTxt .txt .h80,
.NonferrousmetalplateContent .row1 .ContentTxt .txt .h80,
.OthercommoditysectorsContent .row1 .ContentTxt .txt .h80 {
  height: 80px;
}





.bizContent .row2,
.CoalsectorContent .row2,
.ThefarmectorContent .row2,
.NonferrousmetalplateContent .row2,
.OthercommoditysectorsContent .row2 {
  margin-top: 4%;
  margin-bottom: 4%;
}
.bizContent .row2 ul,
.CoalsectorContent .row2 ul,
.ThefarmectorContent .row2 ul,
.NonferrousmetalplateContent .row2 ul,
.OthercommoditysectorsContent .row2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bizContent .row2 ul li,
.CoalsectorContent .row2 ul li,
.ThefarmectorContent .row2 ul li,
.NonferrousmetalplateContent .row2 ul li,
.OthercommoditysectorsContent .row2 ul li {
  text-align: center;
  width: 33%;
  font-size: 48px;
  color: #c30d23;
  font-weight: bold;
  letter-spacing: 5px;
}
.bizContent .row2 ul li .sub,
.CoalsectorContent .row2 ul li .sub,
.ThefarmectorContent .row2 ul li .sub,
.NonferrousmetalplateContent .row2 ul li .sub,
.OthercommoditysectorsContent .row2 ul li .sub {
  display: block;
  color: #919191;
  font-size: 24px;
  font-weight: normal;
}
.bizContent .row3,
.CoalsectorContent .row3,
.ThefarmectorContent .row3,
.NonferrousmetalplateContent .row3,
.OthercommoditysectorsContent .row3 {
  text-align: center;
}
.bizContent .row3 .title,
.CoalsectorContent .row3 .title,
.ThefarmectorContent .row3 .title,
.NonferrousmetalplateContent .row3 .title,
.OthercommoditysectorsContent .row3 .title {
  font-size: 30px;
  letter-spacing: 3px;
}
.bizContent .row3 .title span,
.CoalsectorContent .row3 .title span,
.ThefarmectorContent .row3 .title span,
.NonferrousmetalplateContent .row3 .title span,
.OthercommoditysectorsContent .row3 .title span {
  color: #d43030;
  font-size: 40px;
}
.bizContent .row3 img,
.CoalsectorContent .row3 img,
.ThefarmectorContent .row3 img,
.NonferrousmetalplateContent .row3 img,
.OthercommoditysectorsContent .row3 img {
  max-width: 100%;
}
.CoalsectorContent .row1 {
  background-image: url("/static/images/CoalsectorContentBG.png");
  background-repeat: no-repeat;
}
.CoalsectorContent .row4 {
  text-align: center;
     /* margin-top: 4%;*/
}
.CoalsectorContent .row4 .title {
  padding-top: 2%;
  padding-bottom: 2%;
}
.CoalsectorContent .row4 .title span {
  font-size: 30px;
  letter-spacing: 3px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 71%, #c30d23 71%, #c30d23 100%);
}
.CoalsectorContent .row4 img {
  max-width: 100%;
}
.ThefarmectorContent .row1 {
  background-image: url("/static/images/ThefarmectorContentBG1.png");
  background-repeat: no-repeat;
}
.ThefarmectorContent .ThefarmectorRow2 {
  height: 700px;
  overflow: hidden;
  position: relative;
  background-image: url("/static/images/2022.png");
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.ThefarmectorContent .ThefarmectorRow2 div {
  position: absolute;
  text-align: center;
  width: 33%;
  font-size: 48px;
  color: #c30d23;
  font-weight: bold;
  letter-spacing: 5px;
  transform: translate(-50%, -50%);
}
.ThefarmectorContent .ThefarmectorRow2 div .sub {
  display: block;
  color: #919191;
  font-size: 24px;
  font-weight: normal;
}
.ThefarmectorContent .ThefarmectorRow2 .divCenter {
  font-size: 60px;
  top: 45%;
  left: 50%;
}
.ThefarmectorContent .ThefarmectorRow2 .div1 {
  top: 10%;
  left: 50%;
}
.ThefarmectorContent .ThefarmectorRow2 .div2 {
  top: 30%;
  left: 20%;
}
.ThefarmectorContent .ThefarmectorRow2 .div3 {
  top: 30%;
  left: 80%;
}
.ThefarmectorContent .ThefarmectorRow2 .div4 {
  top: 70%;
  left: 30%;
}
.ThefarmectorContent .ThefarmectorRow2 .div5 {
  top: 70%;
  left: 70%;
}
.ThefarmectorContent .ContentTxtLeft {
  background-image: url("/static/images/bizContentBG.png");
  background-repeat: no-repeat;
  display: flex;
  background-position: right top;
}
.ThefarmectorContent .ContentTxtLeft .ContentTxt {
  margin-top: 5%;
  box-shadow: 0px 0px 14px 3px #ccc;
  background-color: #fff;
  padding: 6%;
  box-sizing: border-box;
  width: 940px;
}
.ThefarmectorContent .ContentTxtLeft .ContentTxt .title {
  color: #c30d23;
  font-size: 48px;
  font-weight: bold;
}
.ThefarmectorContent .ContentTxtLeft .ContentTxt .txt {
  font-size: 18px;
  line-height: 250%;

      text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
}
.ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .redBig1 {
  color: #d43030;
  font-size: 24px;
}
.ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .redBig2 {
  color: #d43030;
  font-size: 28px;
  font-weight: bold;
}
.ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .h80 {
  height: 80px;
}
    .ThefarmectorContent .ContentTxtLefts {
        background-image: url("/static/images/bizContentBGS.png");
        background-repeat: no-repeat;
        display: flex;
        background-position: right top;
    }

        .ThefarmectorContent .ContentTxtLefts .ContentTxt {
            margin-top: 5%;
            box-shadow: 0px 0px 14px 3px #ccc;
            background-color: #fff;
            padding: 6%;
            box-sizing: border-box;
            width: 940px;
        }

            .ThefarmectorContent .ContentTxtLefts .ContentTxt .title {
                color: #c30d23;
                font-size: 48px;
                font-weight: bold;
            }

            .ThefarmectorContent .ContentTxtLefts .ContentTxt .txt {
                font-size: 18px;
                line-height: 250%;
                text-align: justify;
                text-justify: inter-ideograph;
                word-break: break-all;
            }

                .ThefarmectorContent .ContentTxtLefts .ContentTxt .txt .redBig1 {
                    color: #d43030;
                    font-size: 24px;
                }

                .ThefarmectorContent .ContentTxtLefts .ContentTxt .txt .redBig2 {
                    color: #d43030;
                    font-size: 28px;
                    font-weight: bold;
                }

                .ThefarmectorContent .ContentTxtLefts .ContentTxt .txt .h80 {
                    height: 80px;
                }




.ThefarmectorContent .ThefarmectorRow4 {
  text-align: center;
  height:600px;
}
.ThefarmectorContent .ThefarmectorRow4 .title {
  padding-top: 2%;
  padding-bottom: 2%;
}
.ThefarmectorContent .ThefarmectorRow4 .title .title1 {
  font-size: 30px;
  letter-spacing: 3px;
  line-height: 120%;
  display: block;
}
.ThefarmectorContent .ThefarmectorRow4 .title .title2 {
  font-size: 18px;
  letter-spacing: 3px;
  line-height: 100%;
  display: block;
}



.CoalsectorContent .row4 .contents{
    height:600px;
/*    background-image:url("/static/images/tiekuangshibeijing001.png")*/
}
.CoalsectorContent .row4 .contents .content{
   /* width:80%;*/
    /*margin: 1% 10%;*/

}
.CoalsectorContent .row4 .contents .content .imgs{
     width:25%;
    float:left;
    height:180px;

    	display: flex;
				/*!*flex-direction: column;*!可写可不写*/
				justify-content: center;
				align-items: center;
            /*    box-shadow: 10px 10px 20px 1px pink; */
                background-color:#fff;
               /* margin:0 1% 0 0;*/
}
/*.CoalsectorContent .row4 .contents .content .imgs:nth-child(4n){
    margin-right:0%;
}*/
.CoalsectorContent .row4 .contents .content .imgs:nth-child(2),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(4),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(5),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(7),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(10),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(12){

    background-color:rgba(240, 240, 240, 1);
}



.CoalsectorContent .row4 .contents .content .imgs img{
       width: 30%;
         -webkit-transform: scale(1);  
	-webkit-transition: all 1s ease 0s; 
}

.CoalsectorContent .row4 .contents .content .imgs img:hover{
     -webkit-transform: scale(1.3);  
	-webkit-transition: all 1s ease 0s;  
}




.ThefarmectorContent .ThefarmectorRow4 .content {
    margin-bottom:4%;

}

.ThefarmectorContent .ThefarmectorRow4 .content .imgs{
    width:25%;
    float:left;
    height:180px;

    	display: flex;
				/*!*flex-direction: column;*!可写可不写*/
				justify-content: center;
				align-items: center;
}
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(2),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(4),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(5),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(7),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(10),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(12){

    background-color:rgba(240, 240, 240, 1);
}
.ThefarmectorContent .ThefarmectorRow4 .content .imgs img{
   width: 50%;
   
   /* padding: 7% 0;*/
    -webkit-transform: scale(1);  
	-webkit-transition: all 1s ease 0s;  
}

.ThefarmectorContent .ThefarmectorRow4 .content .imgs img:hover{
  
    -webkit-transform: scale(1.3);  
	-webkit-transition: all 1s ease 0s;  
}




.ThefarmectorContent .ThefarmectorRow4 img {
  max-width: 100%;
}
.NonferrousmetalplateContent .row1 {
  background-image: url("/static/images/NonferrousmetalplateBG.png");
  background-repeat: no-repeat;
}
.OthercommoditysectorsContent .row1 {
  background-image: url("/static/images/OthercommoditysectorsBG.png");
  background-repeat: no-repeat;
}
.newsContent {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  padding: 1%;
  box-sizing: border-box;
  padding-top: 2%;
  padding-bottom: 2%;
}
.newsContent .newsList .listItem:first-child {
  margin-bottom: 6%;
}
.newsContent .newsList .listItem:first-child .left {
  width: 45%;
}
.newsContent .newsList .listItem:first-child .right {
  width: 50%;
}
.newsContent .newsList .listItem:first-child .right .innerUL {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.newsContent .newsList .listItem:first-child .right .innerUL .time {
  line-height: 300%;
}
.newsContent .newsList .listItem:first-child .right .innerUL .more {
  font-size: 18px;
  line-height: 200%;
  padding: 5px 15px;
}
.newsContent .newsList .listItem:first-child .right .innerUL .more span {
  font-size: 24px;
}
.newsContent .newsList .listItem {
  margin-top: 4%;
  margin-bottom: 4%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.newsContent .newsList .listItem .left {
  width: 30%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.7s;
}
.newsContent .newsList .listItem .left:hover {
  background-size: 120% auto;
}
.newsContent .newsList .listItem .right {
  width: 68%;
}
.newsContent .newsList .listItem .right .heightSpace {
  height: 180px;
}
.newsContent .newsList .listItem .right .title {
  width: 90%;
  font-size: 28px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 300%;
}
.newsContent .newsList .listItem .right .des {
  color: #333;
  font-size: 18px;
  width: 90%;
  display: -webkit-box;
  /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
  -webkit-line-clamp: 3;
  /*设置多少行*/
  -webkit-box-orient: vertical;
  /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
  overflow: hidden;
  /*文本会被修剪，并且剩余的部分不可见*/
  text-overflow: ellipsis;
  /*显示省略号来代表被修剪的文本*/
  line-height: 200%;
}
.newsContent .newsList .listItem .right .innerUL {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.newsContent .newsList .listItem .right .innerUL .time {
  color: #aaa;
  font-size: 16px;
}
.newsContent .newsList .listItem .right .innerUL .more {
  color: #fff;
  background-color: #c30d23;
  line-height: 200%;
  border-top-right-radius: 10px;
  padding: 5px 15px;
}
.newsContent .newsList .listItem .right .innerUL .more span {
  font-size: 20px;
  position: relative;
  top: 4px;
}
.ContentDetails img {
  max-width: 100%;
  height: auto !important;
}
.IndustryTrendsContent {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 1%;
  box-sizing: border-box;
  padding-top: 2%;
  padding-bottom: 2%;
}
.IndustryTrendsContent .leftContent {
  width: 18%;
}
.IndustryTrendsContent .leftContent .menuList {
  background-color: #ccc;
  box-shadow: 0px 0px 5px 0px #ccc;
}
.IndustryTrendsContent .leftContent .menuList a {
  color: #444444;
  display: block;
  letter-spacing: 1px;
  margin: 1px;
  background-color: #fff;
  line-height: 300%;
  font-size: 20px;
  text-align: center;
}
.IndustryTrendsContent .leftContent .navOnes {
  color: #444444;
  display: block;
  letter-spacing: 1px;
  margin: 1px;
  background-color: #fff;
  line-height: 300%;
  font-size: 20px;
  text-align: center;

      background-color: #fff;
    box-shadow: 0px 0px 5px 0px #ccc;
    display:none;
}

.IndustryTrendsContent .leftContent .menuList a.active,
.IndustryTrendsContent .leftContent .menuList a:hover {
  color: #fff;
  background-color: #c30d23;
}
.IndustryTrendsContent .rightContent {
  width: 80%;
}
.IndustryTrendsContent .rightContent .newsList .listItem {
  margin-bottom: 4%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.IndustryTrendsContent .rightContent .newsList .listItem .left {
  width: 40%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.7s;
}
.IndustryTrendsContent .rightContent .newsList .listItem .left:hover {
  background-size: 120% auto;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right {
  width: 58%;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .heightSpace {
  height: 100px;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .title {
  width: 90%;
  font-size: 28px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 300%;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .des {
  color: #333;
  font-size: 18px;
  width: 90%;
  display: -webkit-box;
  /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
  -webkit-line-clamp: 3;
  /*设置多少行*/
  -webkit-box-orient: vertical;
  /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
  overflow: hidden;
  /*文本会被修剪，并且剩余的部分不可见*/
  text-overflow: ellipsis;
  /*显示省略号来代表被修剪的文本*/
  line-height: 200%;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .innerUL {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .innerUL .time {
  color: #aaa;
  font-size: 16px;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .innerUL .more {
  color: #fff;
  background-color: #c30d23;
  line-height: 200%;
  border-top-right-radius: 10px;
  padding: 5px 15px;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .innerUL .more span {
  font-size: 20px;
  position: relative;
  top: 4px;
}
.CommunistDynamicsContent {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  padding: 1%;
  box-sizing: border-box;
  padding-top: 2%;
  padding-bottom: 2%;
}
.CommunistDynamicsContent .topImg img {
  max-width: 100%;
}
.CommunistDynamicsContent .newsList .listItem {
  margin-top: 4%;
  margin-bottom: 4%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.CommunistDynamicsContent .newsList .listItem .left {
  width: 40%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all 0.7s;
}
.CommunistDynamicsContent .newsList .listItem .left:hover {
  background-size: 120% auto;
}
.CommunistDynamicsContent .newsList .listItem .right {
  width: 57%;
}
.CommunistDynamicsContent .newsList .listItem .right .heightSpace {
  height: 80px;
}
.CommunistDynamicsContent .newsList .listItem .right .title {
  width: 90%;
  font-size: 28px;
  color: #333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 300%;
}
.CommunistDynamicsContent .newsList .listItem .right .des {
  color: #333;
  font-size: 18px;
  width: 90%;
  display: -webkit-box;
  /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
  -webkit-line-clamp: 3;
  /*设置多少行*/
  -webkit-box-orient: vertical;
  /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
  overflow: hidden;
  /*文本会被修剪，并且剩余的部分不可见*/
  text-overflow: ellipsis;
  /*显示省略号来代表被修剪的文本*/
  line-height: 200%;
}
.CommunistDynamicsContent .newsList .listItem .right .time {
  color: #aaa;
  font-size: 20px;
  line-height: 300%;
}
.CommunistDynamicsContent .newsList .listItem .right .more {
  color: #fff;
  background-color: #c30d23;
  line-height: 200%;
  display: inline-block;
  border-top-right-radius: 10px;
  padding: 5px 15px;
}
.CommunistDynamicsContent .newsList .listItem .right .more span {
  font-size: 20px;
  position: relative;
  top: 4px;
}
.CommunistContent {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  padding: 1%;
  box-sizing: border-box;
  padding-top: 2%;
}
.CommunistContent .title {
  color: #c30d23;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  padding-bottom: 2%;
}
.CommunistContent .row1 {
  margin-top: 1%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.CommunistContent .row1 .left {
  width: 50%;
}
.CommunistContent .row1 .left .title1 {
  color: #c30d23;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  font-size: 32px;
  /*改*/
  line-height: 150%;

}
.CommunistContent .row1 .left .title1 .l {
  width: 15%;
}
.CommunistContent .row1 .left .title1 .r {
  width: 85%;
      text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
}
.CommunistContent .row1 .left .content {
  color: #444444;
  font-size: 24px;
  line-height: 200%;

      text-align: justify;
    text-justify: inter-ideograph;
    word-break: break-all;
}
.CommunistContent .row1 .right {
  width: 45%;
}
.CommunistContent .row1 .right img {
  max-width: 100%;
}
.CommunistContent .row2 {
  flex-direction: row-reverse;
}
.JobContent {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 2%;
  text-align: center;
}
.JobContent .title {
  font-size: 35px;
  color: #333;
  padding-bottom: 10px;
  position: relative;
}
.JobContent .title:after {
  width: 90px;
  height: 6px;
  background: #c30d23;
  content: '';
  position: absolute;
  left: 49%;
  bottom: 4px;
  margin-left: -30px;
}
.JobContent .row1 {
  padding-bottom: 1%;
}
.JobContent .row1 .Content1 {
  font-size: 16px;
  line-height: 200%;
}
.JobContent .row1 .Content2 {
  font-size: 16px;
  line-height: 200%;
  /*margin-bottom: 1%;*/
}
.JobContent .row1 .img img {
  max-width: 100%;
}
.maxImg1593 {
  width: 100%;
}
.maxImg1593 img {
  width: 100%;
  max-width: 1593px;
  padding-bottom:2%;
}
.maxImg961 {
  width: 100%;
}
.maxImg961 img {
  width: 100%;
  max-width: 961px;
}
.JobRow1BG {
  width: 100%;
  background-image: url("/static/images/JobRow1BG.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 150px;
  background-color: #a10e0e;
}
.JobRow2BG img {
  width: 100%;
}
.bgWhite {
/*  background-color: #fff;*/
}
.LookingfortalentContent {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  margin-top: 2%;
  margin-bottom: 2%;
  padding: 1%;
  box-sizing: border-box;
}
.LookingfortalentContent .listTitle ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.LookingfortalentContent .listTitle ul li {
  background-color: #a10e0e;
  color: #fff;
  font-size: 22px;
  line-height: 300%;
  box-sizing: border-box;
  width: 25%;
  padding-left: 2%;
}
.LookingfortalentContent .listItem {
  margin-top: 5px;
  background-color: #fff;
  border-radius: 10px;
}
.LookingfortalentContent .listItem ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  cursor: pointer;
}
.LookingfortalentContent .listItem ul li {
  box-sizing: border-box;
  font-size: 22px;
  line-height: 300%;
  width: 25%;
  padding-left: 2%;
}
.LookingfortalentContent .listItem ul li.personNum {
  width: 20%;
}
.LookingfortalentContent .listItem ul li.lastCol {
  width: 5%;
}
.LookingfortalentContent .listItem ul li.lastCol:after {
  content: '▼';
}
.LookingfortalentContent .listItem.active ul li.lastCol {
  transform: rotate(180deg);
}
.LookingfortalentContent .listItem.active .listItemContent {
  display: block;
}
.LookingfortalentContent .listItem .listItemContent {
  transition: all 0.3s;
  display: none;
  position: relative;
  box-sizing: border-box;
  padding: 2%;
  line-height: 200%;
  font-size: 18px;
}
.LookingfortalentContent .listItem .listItemContent .subTitle {
  background-color: #a10e0e;
  color: #fff;
  font-size: 24px;
  position: relative;
  display: inline-block;
  line-height: 250%;
  padding: 10px 16px;
  letter-spacing: 2px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  left: -6%;
}
@media all and (max-width: 1700px) {
  .LookingfortalentContent .listItem .listItemContent .subTitle {
    left: -1%;
  }
}
.LookingfortalentContent .listItem .listItemContent .title {
  color: #c30d23;
  font-size: 22px;
  text-align: left;
  margin-top: 1%;
}
.LookingfortalentContent .listItem .listItemContent .applyJob {
  position: absolute;
  right: 3%;
  bottom: 3%;
  border: solid 2px #c30d23;
  color: #c30d23;
  padding: 10px 14px;
  font-size: 22px;
  letter-spacing: 6px;
}
.LookingfortalentBottom {
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 2%;
  padding-bottom: 2%;
  padding-left: 1%;
}
.jobPadding {
  margin-top: 2%;
  margin-bottom: 2%;
}
.Pages {
  text-align: center;
  padding: 4% 0;
  line-height: 48px;
  min-width: 1280px;
  max-width: 1593px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 2%;
  padding-bottom: 2%;
}
.Pages .p_cur,
.Pages .p_count {
  display: none;
}
.Pages em {
  font-style: normal;
}
.Pages a,
.Pages input.i_text,
.Pages .i_button {
  border: solid 1px #eeeeee;
  padding: 0px 20px;
  display: inline-block;
  margin: 0 4px;
  line-height: 48px;
}
.Pages .i_button,
.Pages input.i_text {
  width: 50px;
  display: inline-block;
}
.Pages .i_button {
  cursor: pointer;
  width: auto;
  text-align: center;
}
.Pages .p_page a {
  color: #333333;
}
.Pages .p_page .p_jump .f1 b {
  color: #333333;
}
.Pages .p_page b {
  color: #333333;
}
.Pages a.a_cur {
  color: #fff;
  border-color: #850404;
  background-color: #c30d23;
}
.Pages a.a_prev,
.Pages a.a_next {
  font-size: 0;
  line-height: 0;
}
.Pages a.a_prev:before,
.Pages a.a_next:before {
  font-size: 18px;
  display: inline-block;
  line-height: 48px;
  font-family: SimSun;
}
.Pages a.a_prev:before {
  content: '<';
}
.Pages a.a_next:before {
  content: '>';
}
#swiperPaginationAll {
  right: 44px;
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 20px 0;
  display: block;
}
#swiperPaginationAll .swiper-pagination-bullet-active {
  background-color: rgba(0, 0, 0, 0);
  background-image: url(/static/images/swiperDot.png);
  width: 20px;
  height: 20px;
  left: -6px;
  position: relative;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.swiperAll {
  width: 100%;
  height: 100%;
}
#page1 {
  height: 1080px;
}
/*#page2 {
  height: 980px;
}
#page3 {
  height: 980px;
}
#page5 {
  height: 980px;*/
/*}*/
#page6 {
  height: 320px;
}
@media all and (max-width: 1400px) {
  .w1593 {
    min-width: 1280px;
    max-width: 1593px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .centerWidth {
    min-width: 1280px;
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .centerWidth2 {
    min-width: 1280px;
    max-width: 1650px;
    margin: 0 auto;
  }
  #banner {
    width: 100%;
    height: 100vh;
  }
  #banner #bannerItem1Txt {
    position: absolute;
    top: 40%;
    left: 40%;
    width: 60%;
  }
  #banner .bannerItem {
    height: 720px;
    width: 100% !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .topAbout {
    padding: 5px;
    text-align: left;
    min-width: 1280px;
    max-width: 1650px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 4px;
    box-sizing: border-box;
    padding: 1%;
    min-width: 1%;
  }
  .topAbout .topAboutLeft {
    width: 40%;
  }
  .topAbout .topAboutLeft .topAboutLeftTitle {
    color: #c30d23;
    font-size: 48px;
    font-weight: bold;
  }
  .topAbout .topAboutLeft .topAboutLeftTitle2 {
    color: #000;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 20px;
  }
  .topAbout .topAboutLeft .txt {
    color: #444444;
    line-height: 200%;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .topAbout .topAboutLeft .txt:nth-child(3) {
   
    margin-bottom: 0px;
  
  }
  .topAbout .topAboutLeft .topAboutLeftBtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .topAbout .topAboutLeft .topAboutLeftBtn .ind_more01 {
    width: 120px;
    height: 48px;
    background: #e00909;
    color: #fff;
    font-size: 18px;
    letter-spacing: 6px;
    line-height: 48px;
    text-align: center;
  }
  .topAbout .topAboutLeft .topAboutLeftBtn .ind_more02 {
    width: 60px;
    height: 48px;
    background: #850404;
    border-radius: 0px 20px 20px 0px;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    text-align: center;
  }
  .topAbout .topAboutLeft .topAboutLeftBtn .ind_more02 i {
    font-size: 48px;
  }
  .topAbout .topAboutLeft .video_play {
    width: 100%;
    height: 256px;
  }
  .topAbout .topAboutLeft .video_play video {
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
  .topAbout .topAboutLeft .videoTxt {
    font-size: 22px;
    line-height: 250%;
    text-align: center;
  }
  .topAbout .topAboutRight {
    width: 55%;
  }
  .topAbout .topAboutRight .photo {
    text-align: center;
  }
  .topAbout .topAboutRight .photo img {
    max-width: 100%;
  }
  .topAbout .topAboutRight .photo img {
    border-radius: 25px;
  }
  .topAbout .topAboutRight .num ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .topAbout .topAboutRight .num ul li {
    margin-top: 2%;
    text-align: center;
    width: 25%;
    font-size: 22px;
  }
  .topAbout .topAboutRight .num ul li b {
    font-size: 60px;
    font-family: Arial;
    color: #cc0e24;
    font-weight: bold;
  }
  .topAbout .topAboutRight .num ul li em {
    font-size: 70px;
    color: #cc0e24;
    font-weight: bold;
    font-style: normal;
    font-family: SimHei;
  }
  .topAbout .topAboutRight .num ul li span {
    display: block;
    color: #948d8d;
    padding-bottom: 24px;
    margin-top: 3%;
    font-size: 18px;
    text-align: center;
  }

  .topAbout .topAboutRight .numen ul li b {
  font-size: 42px;

}
.topAbout .topAboutRight .numen ul li em {
  font-size: 50px;

}
.topAbout .topAboutRight .numen ul li span {

  font-size: 20px;
 
}


  .topAbout .topAboutRight .num ul li:after {
    content: '';
  }
  .domains {
    background-size: 100% 100%;
    background-position: center center;
    background-image: url('/static/images/domainsBG.png');
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-color: rgba(26, 26, 26, 0.7);
    background-blend-mode: multiply;
  }
  .domains .domainsTitle {
    padding-top: 1%;
    margin-bottom: 1%;
  }
  .domains .domainsTitle img {
    display: block;
    margin: 0 auto;
    width: 192px;
  }
  .domains .contentContainer {
    min-width: 1280px;
    max-width: 1650px;
    margin: 0 auto;
    height: 75%;
  }
  .domains .contentContainer .domainsImgs {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .news {
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
  }
  .news .newsTitle {
    padding-top: 1%;
    margin-bottom: 1%;
  }
  .news .newsTitle img {
    display: block;
    margin: 0 auto;
    width: 192px;
  }
  .news .contentContainer {
    min-width: 1280px;
    max-width: 1650px;
    margin: 0 auto;
    height: 80%;
    min-width: 1%;
  }
  .news .contentContainer ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .mainHeader {
    width: 100%;
    height: 720px;
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
  }
  .mainHeader .navContainer {
    border-bottom: 0px;
  }
  .mainHeader .menu li a {
    color: #1A1A1A;
  }
   .mainHeader .menu li span a {
    color: #fff;
  }
  .mainHeader .txtContaner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
   /* color: #fff;*/
  }
  .mainHeader .txtContaner .MainTxt {
    text-align: center;
    font-size: 80px;
    font-weight: bold;
    line-height: 120%;
    position: relative;
    top: -10%;
  }
  .mainHeader .txtContaner .SubTxt {
    text-align: center;
    font-size: 30px;
    line-height: 100%;
    position: relative;
    top: -10%;
  }
  .News_Sub .txtContaner .MainTxt {
  /*  text-align: center;
    font-size: 32px;
    font-weight: bold;
    line-height: 100%;
    position: relative;
    top: -5%;*/

      text-align: center;
    font-size: 80px;
    font-weight: bold;
    line-height: 120%;
    position: relative;
    top: -10%;
  }
  .News_Sub .txtContaner .SubTxt {
    /*text-align: center;
    font-size: 90px;
    line-height: 120%;
    position: relative;
    top: -15%;
    opacity: 0.5 !important;*/


        text-align: center;
    font-size: 30px;
    line-height: 100%;
    position: relative;
    top: -10%;
       opacity: 1 !important;


  }
  .subMenu_locationnew {
    position: relative;
    padding: 25px 3%;
    line-height: 60px;
    box-shadow: 0 5px 10px 1px #ddd;
    background-color: #fff;
    margin-top: -6%;
    z-index: 1;
    margin: auto;
    min-width: 1280px;
    max-width: 1593px;
    margin: 0 auto;
    min-width: 1%;
    width: 100%;
    margin-top: -85px;
    box-sizing: border-box;
  }
  .subMenu ul li {
    display: inline-block;
    font-size: 16px;
    margin-right: 0;
  }
  .subMenu ul li a {
    color: #666666;
    display: inline-block;
    margin: 0 18px;
    position: relative;
  }
  .subMenu ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    display: block;
    width: 0;
    left: 50%;
    height: 4px;
    background-color: #d43030;
    transition: all 0.4s;
  }
  .subMenu ul li.active a {
    color: #023894;
  }
  .subMenu ul li.active a:before,
  .subMenu ul li a:hover:before {
    width: 100%;
    left: 0;
  }
  .about {
    padding: 1%;
    min-width: 1280px;
    max-width: 1593px;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .about .one {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5%;
  }
  .about .one .left {
    width: 46%;
    padding: 5px;
    background-image: url("/static/images/qilubeijingtu20221217.png");
    background-repeat: no-repeat;
    background-position-x: -20px;
    background-size:100% auto;
  }
  .about .one .left .title001 {
    font-size: 48px;
    font-weight: 700;
    color: #c30d23;
    font-weight: bold;
    margin-top: 18%;
  }
  .about .one .left .text002 {
    font-size: 24px;
    padding-top: 20px;
    color: #454444;
    font-weight: bold;
    padding-bottom: 62px;
  }
  .about .one .left .text003 {
    font-size: 18px;
    padding-top: 10%;
    color: #454444;
    line-height: 35px;
    font-weight: 400;
  }
  .about .one .left .text003 span {
    color: #c30d23;
    font-weight: bold;
  }
  .about .one .right {
    width: 50%;
  }
  .about .one .right img {
    max-width: 100%;
  }
  .about .one .right img {
    border-radius: 20px;
  }
  .about .two,
  .about .four {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5%;
  }
  .about .two .left,
  .about .four .left {
    width: 52%;
  }
  .about .two .left img,
  .about .four .left img {
    max-width: 100%;
  }
  .about .two .left img,
  .about .four .left img {
    border-radius: 20px;
  }
  .about .two .right,
  .about .four .right {
    padding: 5px;
    width: 42%;
  }
  .about .two .right .title,
  .about .four .right .title {
    margin-top: 51px;
    font-size: 36px;
  }
  .about .two .right .text,
  .about .four .right .text {
    margin-top: 7%;
    font-size: 18px;
    color: #000000;
    line-height: 200%;
  }
  .about .three {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 5%;
  }
  .about .three .right {
    width: 52%;
  }
  .about .three .right img {
    max-width: 100%;
  }
  .about .three .right img {
    border-radius: 20px;
  }
  .about .three .left {
    padding: 5px;
    width: 42%;
  }
  .about .three .left .title {
    margin-top: 51px;
    font-size: 36px;
  }
  .about .three .left .text {
    margin-top: 7%;
    font-size: 18px;
    color: #000000;
    line-height: 200%;
  }
  #page1 {
    height: 980px;
  }
  #page2 {
    height: 720px;
  }
  #page3 {
    height: 720px;
  }
  #page5 {
    height: 720px;
  }
  #page6 {
    height: 310px;
  }
}
@media all and (max-width: 1279px) {
  .nav {
    min-width: 1%;
    width: 100%;
  }
  #openNav {
    display: block;
  }
/**/

/**/
  .menu li {
    display: none;
  }
  .menu li.smallShow {
    color: #000;
    display: block;
    margin-right: 50%;
  }
  .menu li.smallShow a {
    color: #000 !important;
  }
  .menu li.smallShow .icon-xiangxiajiantoushixin:before {
    content: "\e864";
  }
  .menu li.smallShow i {
    position: relative;
    left: -95%;
    font-size: 24px;
  }
  .mainHeader .txtContaner .MainTxt {
    font-size: 60px;
  }
  .mainHeader .txtContaner .SubTxt {
    font-size: 18px;
  }
  .JobRow1BG {
    background-size: 80% auto;
  }
  .CorporateCulture ul li .title {
    font-size: 22px;
  }
  .domains .contentContainer {
    min-width: 1%;
  }
  .CommunistDynamicsContent,
  .CommunistContent,
  .ContactUsContent,
  .SocialResponsibility,
  .CorporateHonor,
  .ChairmanMessage,
  .about,
  .newsContent,
  .sIndustryTrendsContent,
  .Pages,
  .LookingfortalentContent,
  .LookingfortalentBottom,
  .CorporateCulture,
  .footer,
  .JobContent,
  .bizContent,
  .CoalsectorContent,
  .ThefarmectorContent,
  .NonferrousmetalplateContent,
  .OthercommoditysectorsContent {
    min-width: 1%;
    width: 100%;
  }
  .Pages .p_jump {
    display: none;
  }
  #page1 {
    height: 720px;
  }
}
@media all and (max-width: 848px) {
  #swiperPaginationAll {
    display: none !important;
  }
  .mainHeader {
    height: 390px;
  }
  .about .two .left,
  .about .four .left,
  .about .one .left,
  .about .three .left {
    width: 100%;
  }

  .about .one .left{
      background-size: 100% auto;

  }
  .about .two .right,
  .about .four .right,
  .about .one .right,
  .about .three .right {
    width: 100%;
  }
  .menu li {
    line-height: 80px;
  }
  #openNav {
    top: 24px;
  }
  .nav {
    height: 80px;
  }
  .nav #logo {
    width: 25%;
  }
  .navContainer {
    position: absolute;
    z-index: 10;
    left: 1%;
    width: 98%;
  }
  .smallMenu .menuContainer {
    width: 65%;
    height: 100%;
  }
  .smallMenu .menuContainer .menuList {
    padding: 5.4% 0%;
    box-sizing: border-box;

}  
  
    .smallMenu .menuContainer .menuList::-webkit-scrollbar{
         display: none;

            width: 0;

            height: 0;
    }



   /* .smallMenu .menuContainer .menuList  li .subs {
        width:100%;

    }*/
   .smallMenu .menuContainer .menuList li a {

    line-height:200%;

}
  .smallMenu .menuContainer .menuList li a {
  font-size: 17px;
  position: relative;
    left: 55px;
}
.smallMenu .menuContainer .menuList li .subs a{
  font-size: 15px;
  padding: 0 1% 0 0;
}
.smallMenu .menuContainer .menuList li {
   /* margin-bottom:10px;*/

}

.mainHeader .txtContaner .MainTxt{
    width:auto;
    font-size: 45px;
}

  .footer {
   display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
  /*  background-image: url(../images/2023021211005.png);*/
    background-repeat: no-repeat;
    background-position-x: 40%;
    background-position-y: 18%;
    background-size: 25%;
    margin-top: 6%;
    background-color: rgba(179, 5, 26, 1);
    border-radius: 0px 0px 0px 0px;
    /*    box-sizing: border-box;*/
      width:auto;
  }
  .footer .footerLeft {
 
      width: 100%;
    margin-top: 33%;
    margin-left: 0%;
        color: #fff;
        margin-bottom:4%;
        width:auto;
  }
 .footer .mid {
   display:none;
}
 .footer .footerLeft .photos img {
   
 /*   margin-top: -15%;*/
}
 .footer .footerLeft .txt:nth-child(3){
     background-image: url(../images/smallTuBiao009.png);
    background-repeat: no-repeat;
    background-position-y: 42%;
 }

 .footer .footerLeft .txt{
      padding-left: 30px;

    font-size: 18px;
 }

  .footer .footerLeft .txt:nth-child(2){
  
background-image: url(../images/smallTuBiao008.png);
    background-repeat: no-repeat;
    background-position-y: 42%;

 }

    .footer .footerLeft .txt:nth-child(5){
  background-image: url(../images/smallTuBiao0010.png);
    background-repeat: no-repeat;
    background-position-y: 42%;


 }
      .footer .footerLeft .txt:nth-child(4){
  
          background-image: url(../images/smallTuBiao0010.png);
    background-repeat: no-repeat;
    background-position-y: 42%;

 }


  .footer .footerLeft .companyName {
    font-size: 18px;
padding-right: 9%;
 position: relative;
    left: 16%;
    display:none
  }
 
  .footer .footerRight {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
   /* border-bottom: solid #ccc 1px;*/
  }
  .footer .footerRight ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    display:none;

  }
  .footer .footerRight ul li {
    width: 25%;
  }
  .footer .footerRight ul li span {
    display: none;
  }
  .footer .footerRight img {
    position: absolute;
  
  width: 20%;
    margin-top: 83%;
    margin-left: 0%;
	border:dashed 5px blue;
	border-right:solid 12px rgba(209, 207, 207, 1);

	border-top: solid 12px rgba(209, 207, 207, 1);
    border-bottom: solid 12px rgba(209, 207, 207, 1);
    border-left:  solid 12px rgba(209, 207, 207, 1);

    display:none


  }
  

.copyRight {
     background-color: #FFF;
    color: rgba(56, 56, 56, 1);
    text-align: center;
    line-height: 300%;
    padding-bottom: 20px;
    margin-bottom: 1px;
    box-sizing: border-box;
    border-radius: 0px 100px 0px 0px;
    margin-top: -5%;
    display:block;
    font-size:14px;
    }
    .copyRight .cra{
        color:black;

    }
        #banner {
    width: 100%;
    height: 100vh;
  }
  #banner #bannerItem1Txt {
    position: absolute;
    top: 40%;
    left: 3%;
    width: 100%;
  }
  #banner .bannerItem {
    height: 100vh;
    width: 100% !important;
    background-repeat: no-repeat;
    background-size: auto 100% ;
    background-position: center top;
  }
  .topAbout {
    width: 100%;
    margin-top: 0px;
    box-sizing: border-box;
    padding: 1%;
  }
  .topAbout .topAboutLeft {
    width: 100%;
    margin:0 2%;
  }
  .topAbout .topAboutLeft .topAboutLeftTitle {
    color: #c30d23;
    font-size: 32px;
    font-weight: bold;
  }
  .topAbout .topAboutLeft .topAboutLeftTitle2 {
    color: #000;
    font-weight: bold;
    line-height: 150%;
    margin-bottom: 10px;
    font-size:20px
  }
  .topAbout .topAboutLeft .txt {
    color: #444444;
    line-height: 150%;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .topAbout .topAboutLeft .video_play {
  width: 80%;
    align-content: center;
    margin: 0 10%;
  }
  .topAbout .topAboutLeft .video_play video {
    width: 100%;
    height: 100%;
    object-fit: fill;
  }
  .topAbout .topAboutLeft .videoTxt {
    font-size: 22px;
    line-height: 250%;
    text-align: center;
    display: none !important;
  }
  .topAbout .topAboutRight {
    width: 100%;
  }
  .topAbout .topAboutRight .photo {
    display: none !important;
  }
  .topAbout .topAboutRight .num ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .topAbout .topAboutRight .num ul li {
    margin-top: 2%;
    text-align: center;
    width: 50%;
    font-size: 22px;
  }
  .topAbout .topAboutRight .num ul li b {
    font-size: 36px;
    font-family: Arial;
    color: #cc0e24;
    font-weight: bold;
  }
  .topAbout .topAboutRight .num ul li em {
    font-size: 42px;
    color: #cc0e24;
    font-weight: bold;
    font-style: normal;
    font-family: SimHei;
  }
  .topAbout .topAboutRight .num ul li span {
    display: block;
    color: #948d8d;
    padding-bottom: 18px;
    margin-top: 3%;
    font-size: 18px;
    text-align: center;
  }
    .topAbout .topAboutRight .numen ul li b {
  font-size: 42px;

}
.topAbout .topAboutRight .numen ul li em {
  font-size: 50px;

}
.topAbout .topAboutRight .numen ul li span {

  font-size: 20px;
 
}
.topAbout .topAboutRight .numen ul li{

    margin-top: 2%;
    text-align: center;
    width: 50%;
 
}
  .topAbout .topAboutRight .num ul li:after {
    content: '';
  }
  .domains {
    background-size: auto 100% ;
    background-position: center top;
    height: 100%;
    width: 100%;
    background-color: rgba(26, 26, 26, 0.7);
    background-blend-mode: multiply;
  }
  .domains .domainsTitle {
    padding-top: 2%;
    margin-bottom: 2%;
  }
  .domains .domainsTitle img {
    display: block;
  margin: 0 6% 6% 5%;
    width: 30%;
  }
  .domains .domainsTitle img:nth-child(2){
      display:none;

  }
  .domains .contentContainer {
    height: 70%;
  }
  .domains .contentContainer .domainsImgs {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .domains .contentContainer .domainsImgs .domainsImgsItem:first-child {
    border-radius: 10% 0px 0px 10%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .domains .contentContainer .domainsImgs .domainsImgsItem:nth-child(2) {
    border-radius: 0px 10% 10% 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .domains .contentContainer .domainsImgs .domainsImgsItem:nth-child(3) {
    border-radius: 10% 0px 0px 10%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .domains .contentContainer .domainsImgs .domainsImgsItem:last-child {
    border-radius: 0px 10% 10% 0px;
       background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .domains .contentContainer .domainsImgs .domainsImgsItem {
    display: flex;
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    height: 50%;
    width: 45%;
    margin-right: 1%;
    margin-bottom: 1%;
    transition-property: background-color;
    transition-duration: 1s;
    background: none;
    background-blend-mode: multiply;
  }
  .domains .contentContainer .domainsImgs .domainsImgsItem .domainTxt {
    text-align: center;
    font-size: 18px;
    color: white;
    margin: 0 auto;
    align-self: center;
    background: none;
    letter-spacing: 3px;
  }
  .news {
    height: 100%;
    width: 100%;
  }
  .news .newsTitle {
    padding-top: 2%;
    margin-bottom: 5%;
  }
  .news .newsTitle img {
    display: inline;
   /* margin: 0 auto;*/
  /*  margin: 0 6% 6% 5%;*/
    width: 30%;
    margin-left:2%;
  }
    .news .newsTitle img:nth-child(2){
        display:none;
    }

  .news .contentContainer {
    height: 80%;

}
  
.news .newsTitle .newAnniu{
display:inline;
margin-left:45%;
}
.news .newsTitle .newAnniu .jt001 {
width:10%;
display:inline;
}
.news .newsTitle .newAnniu .jt002 {
    width:10%;
  display:inline;
}



  .news .contentContainer ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 50%;
/*    overflow:hidden;*/
/*flex-flow: row;*/
    width: 100%;
    position:relative;

/*page4*/
  }
  .news .contentContainer ul:hover li {
      -webkit-animation-play-state:paused;

  }
/*    .news .contentContainer ul li:nth-child(3) {display:none}
        .news .contentContainer ul li:nth-child(4) {display:none}*/
  .news .contentContainer ul li {
    width: 45%;
    margin-right: 2%;
    margin-bottom: 2%;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(26, 26, 26, 0.2);
    background-blend-mode: multiply;
    transition: 0.3s ease;
    height: 100%;
    color: white;
    position: relative;
   /* animation:move 10s infinite linear;
   */

    /*-webkit-animation-name: move;
-webkit-animation-duration: 10s;*/
/*animation-timing-function: cubic-bezier(0, 2.04, 0, 0.99);*/
/*-webkit-animation-delay: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction:normal;*/
  }

  .news .contentContainer ul li .newsItem {
    margin: 10% 12% 0px;
  }
  .news .contentContainer ul li .title {
    margin-bottom: 10%;
    font-size: 22px;
  }
  .news .contentContainer ul li .text {
    display: -webkit-box;
    /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 5;
    /*设置多少行*/
    -webkit-box-orient: vertical;
    /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
    overflow: hidden;
    /*文本会被修剪，并且剩余的部分不可见*/
  }

  .news .contentContainer ul li .text:hover{
    
	-webkit-transform: scale(0.9);  
	-webkit-transition: all 1s ease 0s;  
    margin-top:-5%;
    font-size:20px;
}





  .news .contentContainer ul li .a1 {
    line-height: 34px;
    position: absolute;
    bottom: 4%;
    right: 4%;
    background-color: #b3051a;
    width: 100px;
    height: 36px;
    color: white;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
  }
  .news .contentContainer ul li:hover {
    background-color: rgba(26, 26, 26, 0.1);
  }
  .maps {
    background-image: url('/static/images/20221230ditu.png');
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
 /*   background-size: auto 100%;*/
    background-color: #000008;
    height: 80%;
    text-align: center;
    margin-top:20%;
  }
  .maps .mapsTitle {
    padding-top: 1%;
    margin-bottom: 1%;
    color: rgba(179, 5, 26, 1);
        position: relative;
    top: -20%;
 line-height:240%



  }
  .maps .mapsTitle .newsTitle1 {
    font-size: 32px;
  }

  .maps .mapsTitle .newsTitle2 {
    font-size: 18px;
  }
  .ChairmanMessage .title1 {
    padding-bottom: 44px;
  }
  .ChairmanMessage .left {
    padding: 4px;
    width: 100%;
    font-size: 18px;
  }
  .ChairmanMessage .right {
    width: 100%;
  }
  .ChairmanMessage .imgs img {
    width: 70%;
    transform: rotate(6.764201deg);
  }
  .CorporateCulture ul li {
    width: 45%;
  }
  .CorporateHonor {
    margin-top: 5%;
  }
  .CorporateHonor .wenzi p {
    font-size: 32px;
    color: #c40000;
    font-weight: 700;
  }
  .CorporateHonor .wenzi span {
    font-size: 18px;
    color: #e69797;
    line-height: 100%;
  }


  .CorporateHonor .list {
    padding-top: 4%;
  }
  .CorporateHonor .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .CorporateHonor .list ul li {
    width: 45%;
    margin-bottom: 4%;
  }
  .CorporateHonor .list ul li .dbwenzi {
    background-color: #ffffff;
  }
  .CorporateHonor .list ul li .dbwenzi p {
    font-size: 16px;
  }
  .CorporateHonor .list ul li .dbwenzi h4 {
    font-size: 18px;
  }
  .CorporateHonor .list ul li .dbwenzi span {
    font-size: 10px;
  }
  .SocialResponsibility .wenzi .title {
    color: #c40000;
    font-size: 32px;
    padding-bottom: 18px;
    font-weight: 700;
    text-align: left;
  }
  .SocialResponsibility .wenzi .text {
    color: #000;
    font-size: 18px;
    line-height: 150%;
    font-weight: 100;
  }
  .SocialResponsibility .list {
    position: relative;
  }
  .SocialResponsibility .list .centerimg {
    position: absolute;
    z-index: 1;
   left: 61.3%;
    top: 52%;
    transform: translate(-50%, -50%);
  }


  .SocialResponsibility .list .centerimg img{
      width:40%;
  }
 

 .SocialResponsibility .list ul li .tit
        {
          font-size:27px;
            margin:54% 0;
        }


        .SocialResponsibility .list ul li .text
        {
            text-align: left;
            width: 60%;
            color: #fff;
            opacity: 0;
            margin: 20% 20%;
        }
        .SocialResponsibility .list ul li .text .text-title
        {
       font-size:18px;
            position:relative;
         
        }
        .SocialResponsibility .list ul li .text .text-concant
        {
            
            font-size: 14px;
            position: relative;
            font-size: 14px;
            line-height:100%;
        }
        .SocialResponsibility .list ul li .text .text-line
        {
         
         margin-top:3%;
 }
@media (max-width: 760px){

    .SocialResponsibility .list ul li{
        line-height:250%;
    }
    .SocialResponsibility .list ul li .tit{
        margin:30% 0;
    }
    .SocialResponsibility .list .centerimg img{
        display:none;
    }


    .SocialResponsibility .list ul li{
           

     width:100%;
  
    }
     .SocialResponsibility .list ul li:hover{
           font-size:14px;
         display:inline-block;

     }

}


@media (max-width: 560px){

    .SocialResponsibility .list ul li{
   height:400px;
    }
 

}
  .bizContent .row1 .ContentTxt,
  .CoalsectorContent .row1 .ContentTxt,
  .ThefarmectorContent .row1 .ContentTxt,
  .NonferrousmetalplateContent .row1 .ContentTxt,
  .OthercommoditysectorsContent .row1 .ContentTxt {
    margin-top: 5%;
    box-shadow: 0px 0px 14px 3px #ccc;
    background-color: #fff;
    padding: 6%;
    box-sizing: border-box;
    width: 95%;
  }
  .bizContent .row1 .ContentTxt .title,
  .CoalsectorContent .row1 .ContentTxt .title,
  .ThefarmectorContent .row1 .ContentTxt .title,
  .NonferrousmetalplateContent .row1 .ContentTxt .title,
  .OthercommoditysectorsContent .row1 .ContentTxt .title {
    color: #c30d23;
    font-size: 32px;
    font-weight: bold;
  }
  .bizContent .row1 .ContentTxt .txt,
  .CoalsectorContent .row1 .ContentTxt .txt,
  .ThefarmectorContent .row1 .ContentTxt .txt,
  .NonferrousmetalplateContent .row1 .ContentTxt .txt,
  .OthercommoditysectorsContent .row1 .ContentTxt .txt {
    font-size: 18px;
    line-height: 150%;
  }

  .bizContent .row1 .ContentTxt .txt span,
  .CoalsectorContent .row1 .ContentTxt .txt span,
  .ThefarmectorContent .row1 .ContentTxt .txt span,
  .NonferrousmetalplateContent .row1 .ContentTxt .txt span,
  .OthercommoditysectorsContent .row1 .ContentTxt .txt span {
    color: #d43030;
    font-weight: bold;
  }
  .bizContent .row1 .ContentTxt .txt .txtB,
  .CoalsectorContent .row1 .ContentTxt .txt .txtB,
  .ThefarmectorContent .row1 .ContentTxt .txt .txtB,
  .NonferrousmetalplateContent .row1 .ContentTxt .txt .txtB,
  .OthercommoditysectorsContent .row1 .ContentTxt .txt .txtB {
    font-weight: bold;
    color: #000;
  }
  .bizContent .row1 .ContentTxt .txt .h80,
  .CoalsectorContent .row1 .ContentTxt .txt .h80,
  .ThefarmectorContent .row1 .ContentTxt .txt .h80,
  .NonferrousmetalplateContent .row1 .ContentTxt .txt .h80,
  .OthercommoditysectorsContent .row1 .ContentTxt .txt .h80 {
    height: 80px;
  }
  .bizContent .row2,
  .CoalsectorContent .row2,
  .ThefarmectorContent .row2,
  .NonferrousmetalplateContent .row2,
  .OthercommoditysectorsContent .row2 {
    margin-top: 4%;
    margin-bottom: 8%;
  }
  .bizContent .row2 ul,
  .CoalsectorContent .row2 ul,
  .ThefarmectorContent .row2 ul,
  .NonferrousmetalplateContent .row2 ul,
  .OthercommoditysectorsContent .row2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .bizContent .row2 ul li,
  .CoalsectorContent .row2 ul li,
  .ThefarmectorContent .row2 ul li,
  .NonferrousmetalplateContent .row2 ul li,
  .OthercommoditysectorsContent .row2 ul li {
    text-align: center;
    width: 33%;
    font-size: 24px;
    color: #c30d23;
    font-weight: bold;
    letter-spacing: 5px;
  }

  .NonferrousmetalplateContent .row1 .ContentTxt .txt .redbig1,
.CoalsectorContent .row1 .ContentTxt .txt .redbig1,
.ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .redbig1,
.OthercommoditysectorsContent .row1 .ContentTxt .txt .redbig1{
     color: #d43030;
    font-size: 14px;

}
.ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .redbig2,
.CoalsectorContent .row1 .ContentTxt .txt .redbig2{
    color: #d43030;
    font-size: 18px;
    font-weight: bold;


}
.OthercommoditysectorsContent .row1 .ContentTxt .txt .txtbb{
    font-weight: bold;
    color: #000;

}

  .bizContent .row2 ul li .sub,
  .CoalsectorContent .row2 ul li .sub,
  .ThefarmectorContent .row2 ul li .sub,
  .NonferrousmetalplateContent .row2 ul li .sub,
  .OthercommoditysectorsContent .row2 ul li .sub {
    display: block;
    color: #919191;
    font-size: 18px;
    font-weight: normal;
  }
  .bizContent .row3,
  .CoalsectorContent .row3,
  .ThefarmectorContent .row3,
  .NonferrousmetalplateContent .row3,
  .OthercommoditysectorsContent .row3 {
    text-align: center;
  }
  .bizContent .row3 .title,
  .CoalsectorContent .row3 .title,
  .ThefarmectorContent .row3 .title,
  .NonferrousmetalplateContent .row3 .title,
  .OthercommoditysectorsContent .row3 .title {
    font-size: 18px;
    letter-spacing: 3px;
  }
  .bizContent .row3 .title span,
  .CoalsectorContent .row3 .title span,
  .ThefarmectorContent .row3 .title span,
  .NonferrousmetalplateContent .row3 .title span,
  .OthercommoditysectorsContent .row3 .title span {
    color: #d43030;
    font-size: 24px;
  }
  .bizContent .row3 img,
  .CoalsectorContent .row3 img,
  .ThefarmectorContent .row3 img,
  .NonferrousmetalplateContent .row3 img,
  .OthercommoditysectorsContent .row3 img {
    max-width: 100%;
  }
  .CoalsectorContent .row4 {
    text-align: center;
        margin-top: 4%;
  }
  .CoalsectorContent .row4 .title {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .CoalsectorContent .row4 .title span {
    font-size: 24px;
    letter-spacing: 3px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 71%, #c30d23 71%, #c30d23 100%);
  }
  .CoalsectorContent .row4 img {
    max-width: 100%;
  }
  .ThefarmectorContent .ThefarmectorRow2 {
    height: 100vh;
  }
  .ThefarmectorContent .ThefarmectorRow2 div {
    font-size: 24px;
  }
  .ThefarmectorContent .ThefarmectorRow2 div .sub {
    display: block;
    color: #919191;
    font-size: 18px;
    font-weight: normal;
  }
  .ThefarmectorContent .ContentTxtLeft .ContentTxt {
    margin-top: 5%;
    box-shadow: 0px 0px 14px 3px #ccc;
    background-color: #fff;
    padding: 6%;
    box-sizing: border-box;
    width: 940px;
  }
  .ThefarmectorContent .ContentTxtLeft .ContentTxt .title {
    font-size: 24px;
  }
  .ThefarmectorContent .ContentTxtLeft .ContentTxt .txt {
    font-size: 16px;
    line-height: 250%;
  }
  .ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .redBig1 {
    color: #d43030;
    font-size: 14px;
  }
  .ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .redBig2 {
    color: #d43030;
    font-size: 18px;
    font-weight: bold;
  }
  .ThefarmectorContent .ContentTxtLeft .ContentTxt .txt .h80 {
    height: 80px;
  }
  .ThefarmectorContent .ThefarmectorRow4 {
    text-align: center;
        margin-top: 4%;
  }
  .ThefarmectorContent .ThefarmectorRow4 .title {
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .ThefarmectorContent .ThefarmectorRow4 .title .title1 {
    font-size: 24px;
  }
  .ThefarmectorContent .ThefarmectorRow4 .title .title2 {
    font-size: 16px;
  }
  .ThefarmectorContent .ThefarmectorRow4 img {
    max-width: 100%;
  }
  .newsContent .newsList .listItem:first-child {
    margin-bottom: 6%;
  }
  .newsContent .newsList .listItem:first-child .left {
    width: 45%;
  }
  .newsContent .newsList .listItem:first-child .right {
    width: 50%;
  }
  .newsContent .newsList .listItem:first-child .right .innerUL {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .newsContent .newsList .listItem:first-child .right .innerUL .time {
    line-height: 300%;
  }
  .newsContent .newsList .listItem:first-child .right .innerUL .more {
    font-size: 18px;
    line-height: 200%;
    padding: 5px 15px;
  }
  .newsContent .newsList .listItem:first-child .right .innerUL .more span {
    font-size: 18px;
  }
  .newsContent .newsList .listItem {
    margin-top: 4%;
    margin-bottom: 4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .newsContent .newsList .listItem .left {
    width: 30%;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.7s;
  }
  .newsContent .newsList .listItem .left:hover {
    background-size: 120% auto;
  }
  .newsContent .newsList .listItem .right {
    width: 68%;
  }
  .newsContent .newsList .listItem .right .heightSpace {
    height: 10px;
  }
    .newsContent .newsList .listItem .right .title {
        width: 90%;
        font-size: 18px;
        font-weight: bold;
        line-height: 250%;
        -webkit-line-clamp: 1;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        /* width: 100px
; */
       
    }
  .newsContent .newsList .listItem .right .des {
    color: #333;
    font-size: 16px;
    width: 90%;
    display: -webkit-box;
    /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 3;
    /*设置多少行*/
    -webkit-box-orient: vertical;
    /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
    overflow: hidden;
    /*文本会被修剪，并且剩余的部分不可见*/
    text-overflow: ellipsis;
    /*显示省略号来代表被修剪的文本*/
    line-height: 150%;
  }
  .newsContent .newsList .listItem .right .innerUL {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .newsContent .newsList .listItem .right .innerUL .time {
    color: #aaa;
    font-size: 14px;
  }
  .newsContent .newsList .listItem .right .innerUL .more {
    color: #fff;
    background-color: #c30d23;
    line-height: 200%;
    border-top-right-radius: 10px;
    padding: 5px 15px;
  }
  .newsContent .newsList .listItem .right .innerUL .more span {
    font-size: 18px;
    position: relative;
    top: 4px;
  }
  .IndustryTrendsContent {
    min-width: 1%;
  }
  .IndustryTrendsContent .leftContent {
    width: 100%;
    margin: 0% 2% 2% 2%;
  }
  .IndustryTrendsContent .leftContent .menuList {
   /* background-color: #ccc;*/
     background-color: #fff;
    box-shadow: 0px 0px 0px 0px #ccc;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:1%;

    display:none;
  }
  .IndustryTrendsContent .leftContent .navOnes{
   display:block;
   font-size:16px;
  /* width:49%*/

  background-color:#c30d23;
  color:#fff;
  }



  .IndustryTrendsContent .leftContent .menuList a {
    line-height: 300%;
    font-size: 14px;
/*    width: 49%;*/
   /* width: 100%;*/
    border:1px solid #ccc;
  }
  .IndustryTrendsContent .rightContent {
    width: 100%;
  }
  .IndustryTrendsContent .rightContent .newsList .listItem .right {
    width: 58%;
  }
  .IndustryTrendsContent .rightContent .newsList .listItem .right .heightSpace {
    height: 10px;
  }
    .IndustryTrendsContent .rightContent .newsList .listItem .right .title {
        width: 90%;
        font-size: 20px;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 300%;
        font-weight: bold;
        -webkit-line-clamp: 1;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
    }
  .IndustryTrendsContent .rightContent .newsList .listItem .right .des {
    color: #333;
    font-size: 18px;
    width: 90%;
    line-height: 100%;
  }
  .IndustryTrendsContent .rightContent .newsList .listItem .right .innerUL {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .IndustryTrendsContent .rightContent .newsList .listItem .right .innerUL .time {
    color: #aaa;
    font-size: 16px;
  }
  .IndustryTrendsContent .rightContent .newsList .listItem .right .innerUL .more span {
    font-size: 16px;
  }
  .CommunistContent .title {
    color: #c30d23;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 2%;
  }
  .CommunistContent .row1 {
    margin-top: 1%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  .CommunistContent .row1 .left {
    width: 100%;
  }
  .CommunistContent .row1 .left .title1 {
    color: #c30d23;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 18px;
    line-height: 250%;
  }
  .CommunistContent .row1 .left .title1 .l {
    width: 15%;
  }
  .CommunistContent .row1 .left .title1 .r {
    width: 85%;
  }
  .CommunistContent .row1 .left .content {
    color: #444444;
    font-size: 14px;
    line-height: 200%;
  }
  .CommunistContent .row1 .right {
    width: 100%;
  }
  .CommunistContent .row1 .right img {
    max-width: 100%;
  }
  .CommunistContent .row2 {
    flex-direction: row-reverse;
  }
  .CommunistDynamicsContent .topImg img {
    max-width: 100%;
  }
  .CommunistDynamicsContent .newsList .listItem {
    margin-top: 4%;
    margin-bottom: 4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .CommunistDynamicsContent .newsList .listItem .left {
    width: 40%;
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 0.7s;
    background-size: auto 80%;
  }
  .CommunistDynamicsContent .newsList .listItem .left:hover {
    background-size: 120% auto;
  }
  .CommunistDynamicsContent .newsList .listItem .right {
    width: 57%;
  }
  .CommunistDynamicsContent .newsList .listItem .right .heightSpace {
    height: 10px;
  }
    .CommunistDynamicsContent .newsList .listItem .right .title {
        width: 90%;
        font-size: 24px;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 300%;
        -webkit-line-clamp: 1;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
    }
  .CommunistDynamicsContent .newsList .listItem .right .des {
    color: #333;
    font-size: 16px;
    width: 90%;
    display: -webkit-box;
    /*必须结合的属性,将对象作为弹性伸缩盒子模型显示*/
    -webkit-line-clamp: 3;
    /*设置多少行*/
    -webkit-box-orient: vertical;
    /*必须结合的属性,设置或检索伸缩盒对象的子元素的排列方式*/
    overflow: hidden;
    /*文本会被修剪，并且剩余的部分不可见*/
    text-overflow: ellipsis;
    /*显示省略号来代表被修剪的文本*/
    line-height: 200%;
  }
  .CommunistDynamicsContent .newsList .listItem .right .time {
    color: #aaa;
    font-size: 16px;
    line-height: 300%;
  }
  .CommunistDynamicsContent .newsList .listItem .right .more {
    color: #fff;
    background-color: #c30d23;
    line-height: 200%;
    display: inline-block;
    border-top-right-radius: 10px;
    padding: 5px 15px;
  }
  .CommunistDynamicsContent .newsList .listItem .right .more span {
    font-size: 16px;
    position: relative;
    top: 4px;
  }
  .JobContent .title {
    font-size: 24px;
  }
  .JobContent .title:after {
    width: 80px;
    height: 6px;
    background: #c30d23;
    content: '';
    position: absolute;
    left: 49%;
    bottom: 4px;
    margin-left: -30px;
  }
  .JobContent .row1 {
    padding-bottom: 2%;
  }
  .JobContent .row1 .Content1 {
    font-size: 14px;
    line-height: 200%;
    margin: 0 4%;

  }
  .JobContent .row1 .Content2 {
    font-size: 14px;
    line-height: 200%;
     margin: 0 2%;
    /* margin-bottom:2%;*/
/*     font-weight: 100;*/
  }
  .JobContent .row1 .img img {
    max-width: 100%;
  }
  .LookingfortalentContent .listTitle ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .LookingfortalentContent .listTitle ul li {
    font-size: 16px;
  }
  .LookingfortalentContent .listItem {
    margin-top: 5px;
    background-color: #fff;
    border-radius: 10px;
  }
  .LookingfortalentContent .listItem ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    cursor: pointer;
  }
  .LookingfortalentContent .listItem ul li {
    font-size: 14px;
  }
  .LookingfortalentContent .listItem .listItemContent {
    transition: all 0.3s;
    display: none;
    position: relative;
    box-sizing: border-box;
    padding: 2%;
    line-height: 200%;
    font-size: 16px;
  }
  .LookingfortalentContent .listItem .listItemContent .subTitle {
    background-color: #a10e0e;
    color: #fff;
    font-size: 14px;
    position: relative;
    display: inline-block;
    line-height: 250%;
    padding: 10px 16px;
    letter-spacing: 2px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    left: -6%;
  }
  .LookingfortalentContent .listItem .listItemContent .title {
    color: #c30d23;
    font-size: 18px;
    text-align: left;
    margin-top: 1%;
  }
  .LookingfortalentContent .listItem .listItemContent .applyJob {
    /*position: absolute;
    right: 3%;
    bottom: 3%;*/
    border: solid 2px #c30d23;
    color: #c30d23;
    padding: 10px 14px;
    font-size: 16px;
    letter-spacing: 6px;
    position:relative;
    width: fit-content;
        margin-left: 3%;
  }
/*
  .ContactUsContent .left {
    width: 100%;
  }
  .ContactUsContent .left .companyNameLine {
height: 5px;
    width: 20%;
    margin-top: 1%;
    margin-bottom: 3%;
  }
  .ContactUsContent .left .companyName {
    color: #c30d23;
    font-size: 28px;
  }
  .ContactUsContent .left .msg {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
        margin: 20px 0;
  }
  .ContactUsContent .left .msg .Img {
    width: 12%;
    height: 12%;
    display: flex;
    align-items: center;
  }
  .ContactUsContent .left .msg .Img img {
    max-width: 100%;
  }
  .ContactUsContent .left .msg .msgContent {
    width: 80%;
  }
  .ContactUsContent .left .msg .msgContent .title {
    font-size: 20px;
    color: #000;
  }
  .ContactUsContent .left .msg .msgContent .sub {
    font-size: 18px;
    color: #bcb9ba;
  }
  .ContactUsContent .right {
    width: 100%;
  }
  .ContactUsContent .right img {
    max-width: 90%;
    margin: 0 5%;
  }*/



  .JobRow1BG {
    height: 30vh;
  }
  .Pages a.a_prev,
  .Pages a.a_next,
  .Pages .a_first,
  .Pages .a_end {
    display: none !important;
  }
  #page1 {
  /*  height: 100vh;*/
   height: 1000px;
  }
  #page2 {
    height: 880px;
  }
  #page3 {
/*    height: 100vh;*/
   height: 1000px;
  }
  #page4 {
   /* height: 100vh;*/
   height: 1000px;
  }
   #page6 {
    height: 350px;
  }
}
@media all and (max-width: 848px) and all and (max-width: 1700px) {
  .LookingfortalentContent .listItem .listItemContent .subTitle {
    left: -1%;
  }
}

@media (max-width: 848px){

    .Pages a, .Pages input.i_text, .Pages .i_button{

        border: solid 1px #eeeeee;
    padding: 0px 15px;
    display: inline-block;
    margin: 0 4px;
    line-height: 30px;
    }
}

@media (max-width: 560px){
.footer {
    
  background-size: 38%;
    background-position-x: 20%;
    background-position-y: 11%;
}
}

@media (max-width: 640px){
.footer {
    
  background-size: 34%;
      background-position-x: 20%;
    background-position-y: 11%;
    margin-top:4%;
}
}


@media (max-width: 1200px){
  .footer .footerRight {
    width: 50%;
    margin-left: 50%;
    margin-top: -33%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
  .footer .mid {
    float: right;
    margin-left: 57%;
    margin-top: -10%;

}
  .footer .footerRight ul li {
    width: 22%;
   
}

}
@media (max-width: 1400px){
    .footer .footerRight {
 
    margin-top: -17%;
 
}
.footer .footerRight ul li {
    width: 21%;

}
.footer .mid {
  
    margin-left: 59%;
 
}
}
@media (max-width: 960px){
    .footer .footerRight ul li {
    width: 9%;
   
}


.footer .footerRight {
  
    margin-top: -38%;
    
}


.footer .mid {
  
    margin-left: 50%;

}

}
@media (max-width: 1100px){
.footer .footerRight ul li {
    width: 21%;
}
.footer .footerRight {
    margin-top: -32%;
}
}

@media (max-width: 640px){
#page6 {
    height: 330px;
    }

}
@media (max-width: 560px){
    #page6 {
    height: 320px;
    }
    #page2{
    height: 860px;
    }
    .copyRight{

    border-radius: 0px 0px 0px 0px;
   
}
    .footer {

    margin-top: 0%;
}
    .footer .footerLeft {
   
    margin-bottom: 5%;
}

    .about .two .right .title, .about .four .right .title{

        margin-top: 15px;
    font-size: 28px;
    }

    .about .two .right .text, .about .four .right .text{
            margin-top: 4%;
    font-size: 15px;
    }
    .about .img img{
        max-width: 63%;
    }
    .about .three .left .title{
        margin-top: 15px;
    font-size: 28px;
    }
    .about .three .left .text{
            margin-top: 4%;
    font-size: 15px;
    }
    .about .one .left .text003{

        font-size: 15px;
   padding-top: 4%;
    margin-bottom: 1%;
    }
    .about .one .left .text002{
        font-size: 20px;
    padding-top: 10px;

    padding-bottom: 22px;
    }
    .about .one .left .title001{

        font-size: 36px;
    margin-top: 10%;
    }
    .about .one .right img{
max-width: 90%;
    margin: 0 5%;

    }
    .about .two .left img, .about .four .left img{
        max-width: 90%;
    margin: 0 5%;


    }
    .about .three .right img{
         max-width: 90%;
    margin: 0 5%;
    }
    .about .one .left{

        background-size: 100% auto;
    }
        .topAbout .topAboutRight .numen ul li b {
  font-size: 36px;

}
.topAbout .topAboutRight .numen ul li em {
  font-size: 40px;

}
.topAbout .topAboutRight .numen ul li span {

  font-size: 14px;
 
}
}
@media (max-width: 460px){
    #page6 {
    height: 300px;
    }
/*   #page2 {
    height: 1024px;
    }*/
  
}

@media (max-width: 360px){
    
     #page5 {
    height: 420px;
    }
  
}

@media (max-width: 860px){
.smallMenu .menuContainer .menuList li a{
    padding: 0 2% 0 0;
}
}
@media (max-width: 710px){
    .smallMenu .menuContainer .menuList li .subs{
        width:90%;
    }

}

@media (max-width: 510px){
    .smallMenu .menuContainer .menuList li .subs{
        width:80%;
    }

}

/*齐鲁全球定位 国家*/
.maps .map_list{ color:#fff;max-width:1593px; margin:0 auto; position: relative; min-height:650px;  margin-bottom:90px; background-size:contain;}
.maps .map_list li{ line-height:40px; cursor: pointer; position:absolute; padding:0 10px; background-color:#08151d; border:solid 1px #08151d; }
.maps .map_list li img{ margin-right:3px; vertical-align: middle; }
.maps .map_list li:after{
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-10px;
	content:'';
	display:block;
	width: 0;
	height: 0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:12px solid #08151d;
}
.maps .map_list li:before{
    content: "";
    position: absolute;
    top: 38px;
    left: 46%;
    width: 40px;
    height: 41px;
    margin-left: -17px;
    background: url(../images/icon_xia.png) center no-repeat;
    background-size: contain;
}
.maps .map_tab{ display:none; position: absolute; top:0; text-align:center; width:100%; height:100%; z-index:4;}


/*#08151d*/



.maps .map_list{
animation:mymove 6s infinite;
	-webkit-animation:mymove 6s infinite; /*Safari and Chrome*/
    
animation-iteration-count:1;
      }
     @keyframes mymove
{
	from {left:-100%;}
	to {left:0;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
	from {left:-100%;}
	to {left:0;}
}


.maps .color_bg{ background-color:rgba(0, 0, 0, 0.4); position: absolute; top:0; left:0; width:100%; height:100%; text-align: center;  z-index:3; display:none}
.maps .map_tab .tab_wenb{ border:solid 1px #6ae1f3; background-color:rgba(0, 58, 158, 0.9); position: relative; width:220px; padding:35px 35px 50px; margin-top:10%; z-index:3; display:inline-block; transform: translateY(50%);}
.maps map_tab .tab_wenb li{ display:none; }
.maps map_tab .tab_wenb li .tit{ color:#fff; font-size:24px;  padding-bottom:15px; display:block;}
.maps map_tab .tab_wenb li p{ margin:0; color:rgba(255,255,255, 0.5); font-size:14px; line-height:30px; max-height:210px; overflow-y:auto}
.maps map_tab .tab_wenb li p::-webkit-scrollbar { width : 5px;  height: 1px;}
.maps map_tab .tab_wenb li p::-webkit-scrollbar-thumb { border-radius: 10px;  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: rgba(2,56,148,0.5);}
.maps map_tab .tab_wenb li p::-webkit-scrollbar-track {  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed;}
.maps map_tab .tab_wenb .close_icon{ cursor:pointer; position:absolute; left:50%; margin-left:-32px; margin-top:18px; width:65px; height:65px; background:url(../images/close_icon.png) center no-repeat;}

@media (max-width: 1400px){
    .maps .map_list{ 
  margin-top: -16%;
      max-width: 1200px;

}

    .maps .map_list .ol1, .maps .map_list  .ol14{

        margin-top:6%;
    }
  /*   .maps .map_list  .ol14{

        margin-top:7%;
    }*/
      .maps .map_list .ol6{

        margin-left:-2.5%;
    }
        .maps .map_list .ol2{

        margin-left:2%;
    }
            .maps .map_list .ol3{

        margin-left:-1%;
    }
      .maps .map_list .ol10{

        margin-left:3.5%;
    }
}
@media (max-width: 1279px){
    .maps .map_list{ 
  margin-top: -18%;
      max-width: 1100px;

}
      .maps .map_list .ol13{

        margin-left:-1%;
    }
        .maps .map_list .ol10{

        margin-left:4.5%;
    }
             .maps .map_list .ol12{

        margin-left:-2%;
    }
                     .maps .map_list .ol7{

        margin-left:-2%;
    }
}





@media (max-width: 848px){
.maps .map_list{ 
    padding:0 2%;  
    min-height: 150px;
    margin-top: -4%;

}
 .maps .map_list .ol1, .maps .map_list  .ol14{

        margin-top:0%;
    }
.maps .map_list li:before,
.maps .map_list li:after{
    display:none; }
.maps .map_list li{
    position:inherit; display:inline-block; margin:3px -2px;}
.maps .map_list li.ol1,
.maps .map_list li.ol2,
.maps .map_list li.ol3,
.maps .map_list li.ol4,
.maps .map_list li.ol5,
.maps .map_list li.ol6,
.maps .map_list li.ol7,
.maps .map_list li.ol8,
.maps .map_list li.ol10,
.maps .map_list li.ol11,
.maps .map_list li.ol12,
.maps .map_list li.ol13,
.maps .map_list li.ol14,
.maps .map_list li.ol9  
{ top:auto!important; 
  left:auto!important; 
  right:auto!important;
  margin: 2px -2px;
}

	#ind_item3 .tab_wenb{transform: translateY(-20%);}



    


    }

@media (max-width: 460px){
    .maps .map_list{
        padding: 0 4%;
            margin-top: -17%;
    }
    .maps .map_list li{
        margin: 2px -2px;
    }
}
@media (max-width: 560px){
    .maps .map_list{
        padding: 0 3%;
            margin-top: -12%;
    }
     .maps .map_list li{
        margin: 3px -2px;
    }
}

@media (max-width: 640px){
    .maps .map_list{
    
            margin-top: -12%;
    }
   
}





@media (max-width: 320px){
    .maps .map_list li{
  display:none;
    }

}






@media (max-width: 560px){
    .news .contentContainer ul li .text
  .news .contentContainer ul li .text:hover{
    
	
    font-size:14px;
}



}


@media (max-width: 848px){

    .CorporateCulture ul li .text{

          display:-webkit-box  ;
     -webkit-line-clamp:3 ;
     -webkit-box-orient:vertical ;
     width:100%;
     overflow:hidden;
     text-overflow:ellipsis;
    }
     .CorporateCulture ul li .text:hover{
         font-size:16px;
         display:inline-block;
     }


     .CorporateCulture ul li .title{
         margin:10% 0;

     }
}
@media (max-width: 560px){




     .CorporateCulture ul li .title{
             font-size:20px;
             line-height:150%;
margin: 20% 0;
     }

.ThefarmectorContent .ThefarmectorRow4 .content .imgs{
   width:50%;
}
.ThefarmectorContent .ThefarmectorRow4{
    height:1120px
}
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(2),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(3),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(6),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(11)
{
    background-color: rgba(240, 240, 240, 1);
}
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(4),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(5),
.ThefarmectorContent .ThefarmectorRow4 .content .imgs:nth-child(12){
    background-color:#fff;
}
.CoalsectorContent .row4 .contents .content .imgs{
    width:50%;
}
.CoalsectorContent .row4  .contents{
    height:1120px
}
.CoalsectorContent .row4 .contents .content .imgs:nth-child(2),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(3),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(6),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(11)
{
    background-color: rgba(240, 240, 240, 1);
}
.CoalsectorContent .row4 .contents .content .imgs:nth-child(4),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(5),
.CoalsectorContent .row4 .contents .content .imgs:nth-child(12){
    background-color:#fff;
}

}
@media (max-width: 720px){
.footer {
    margin-top: 4%;
}

.domains .domainsTitle img{
    width:35%;
}
.news .newsTitle img{
    width:35%;
}
.news .newsTitle .newAnniu{
    margin-left: 40%;
}
}
@media (max-width: 640px){
.footer {
    margin-top: 4%;
}

.domains .domainsTitle img{
    width:40%;
}
.news .newsTitle img{
    width:40%;
}

.newsContent .newsList .listItem .right .des{

    -webkit-line-clamp: 2;
}

.newsContent .newsList .listItem .right .des:first-child{

    -webkit-line-clamp: 2;
}
.news .newsTitle .newAnniu{
    margin-left: 35%;
}

}
@media (max-width: 560px){
.footer {
    margin-top: 5%;
}

.domains .domainsTitle img{
    width:30%;
}
.news .newsTitle img{
    width:30%;
}
.maps .mapsTitle .newsTitle1{
    font-size:25px;
}
.footer .footerLeft .txt{
    font-size:15px;
}
.footer .footerLeft .photos img{

    width: 160px;
}
.maps .mapsTitle .newsTitle2{
     font-size:15px;
}
.newsContent .newsList .listItem .right .des{

    -webkit-line-clamp: 1;
}
.newsContent .newsList .listItem .right .innerUL .more{

    padding: 3px 6px;
}

.newsContent .newsList .listItem .right .des:first-child{

    -webkit-line-clamp: 1;
}
.newsContent .newsList .listItem:first-child .right .innerUL .more{

    padding: 2px 3px;
}

.news .newsTitle .newAnniu{
    margin-left: 44%;
}
.news .newsTitle .newAnniu .jt002 {
    width: 10%;

}
.news .newsTitle .newAnniu .jt001 {
    width: 10%;

}

.IndustryTrendsContent .rightContent .newsList .listItem .right .des{
    -webkit-line-clamp:1;
}

  .maps .mapsTitle{
    top:-14%;
}
   .maps{
      height:82%;
  }


   .IndustryTrendsContent .rightContent .newsList .listItem .right .innerUL .more{

       padding: 2px 3px;

   }

   .CommunistDynamicsContent .newsList .listItem .right .more{
        padding: 2px 3px;

   }
   .CommunistDynamicsContent .newsList .listItem .right .des{
         -webkit-line-clamp: 1;
   }

   .CorporateCulture ul li{
       width:100%;
   }
   .CorporateCulture ul li .title{

    margin: 10% 0;
   }
   .CorporateCulture ul li .text {


}

   .SocialResponsibility .list .centerimg{

       display:none;
   }

   #banner #bannerItem1Txt{
       left:3%
   }

   .smallMenu .menuContainer {
    width: 85%;
    height: 100%;
}


   .news .contentContainer ul li .text{
           -webkit-line-clamp: 3;
       font-size: 17px;
   }
   .news .contentContainer ul li .title{
       margin-bottom: 30%;
         font-size: 20px;
   }
     .news .contentContainer ul li .text:hover{
         margin-top:-15%;
         font-size:15px;
     }
     .topAbout .topAboutRight .num ul li span{
         font-size:14px;
     }
     .topAbout .topAboutRight .num ul li em{
           font-size:36px;

     }
     .topAbout .topAboutRight .num ul li b{
                 font-size:30px;
     }

   /* .about .two .right .img img{

    max-width: 60%;
    }*/
}
@media (max-width: 460px){
.footer {
    margin-top: 6%;
}

.domains .domainsTitle img{
    width:30%;
}
.news .newsTitle img{
    width:30%;
}

.bizContent .row2 ul li, 
.CoalsectorContent .row2 ul li,
.ThefarmectorContent .row2 ul li, 
.NonferrousmetalplateContent .row2 ul li,
.OthercommoditysectorsContent .row2 ul li{

    font-size: 15px;
    font-weight:600;
}
.bizContent .row2 ul li .sub, 
.CoalsectorContent .row2 ul li .sub, 
.ThefarmectorContent .row2 ul li .sub, 
.NonferrousmetalplateContent .row2 ul li .sub,
.OthercommoditysectorsContent .row2 ul li .sub{
    font-size: 14px;

}
.bizContent .row3 .title,
.CoalsectorContent .row3 .title, 
.ThefarmectorContent .row3 .title, 
.NonferrousmetalplateContent .row3 .title,
.OthercommoditysectorsContent .row3 .title{
        font-size: 15px;

}


.newsContent .newsList .listItem .right .heightSpace{

    height:2px
}
.newsContent .newsList .listItem .right .title{
    font-size:16px;
}
.newsContent .newsList .listItem .right .des{
    font-size:14px;
}
/*.newsContent .newsList .listItem .right .innerUL .more{
   padding: 0px 3px;
    font-size: 5px;
}*/
/*.newsContent .newsList .listItem:first-child .right .innerUL .more{
     padding: 0px 0px 0 3px;

}*/
.newsContent .newsList .listItem .right .title:first-child{
    font-size:16px;
}
.newsContent .newsList .listItem .right .des:first-child{
    font-size:14px;
}
/*.newsContent .newsList .listItem:first-child.right .innerUL .more{
    padding: 0px 0px 0 4px;
    font-size: 5px;
}*/
.news .newsTitle .newAnniu{
    margin-left: 40%;
}
.news .newsTitle .newAnniu .jt002 {
    width: 12%;

}
.news .newsTitle .newAnniu .jt001 {
    width: 12%;

}
.maps .mapsTitle .newsTitle1{
    font-size: 25px;
}
.maps .mapsTitle .newsTitle2{
      font-size: 15px;
}
        .topAbout .topAboutRight .numen ul li b {
  font-size: 28px;

}
.topAbout .topAboutRight .numen ul li em {
  font-size: 30px;

}

.footer .footerLeft .txt{
    font-size: 15px;

}



.footer .footerLeft .photos img{

    width: 160px;
    margin-left: -1%;
    margin-top: 3%;
}


.LookingfortalentContent .listItem .listItemContent .applyJob{

    padding: 0px 0px;
    font-size:10px;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .title{
    font-size:16px;
}
.IndustryTrendsContent .rightContent .newsList .listItem .right .des{
       font-size:14px;
}

.CommunistDynamicsContent .newsList .listItem .right .more{
 
    font-size: 5px;
}

.JobContent .row1 .Content1 {
   
    line-height: 200%;
    margin: 0 2%;

  }
  .JobContent .row1 .Content2 {
   
    line-height: 180%;
     margin: 0 2%;
     
  }
  .maps .mapsTitle{
    top:-14%;
}

  .maps{
      height:85%;
  }
}

@media (max-width: 424px){
   
     .IndustryTrendsContent .leftContent .menuList{
         margin:0 2%;
     }
     .IndustryTrendsContent .leftContent .navOnes{
            margin:0 2%;
     }
}


@media (max-width: 1279px){
.SocialResponsibility .list ul li{

    font-size: 27px;
}

}

.smallMenu .menuContainer .menuList li dl{

    margin:0 55px;
}
.smallMenu .menuContainer .menuList li dl dd{
    margin: 0 -100px;
}

.about .three .right img{

}

@media (max-width: 848px){
.about .three{
    display:flex;
}
.about .three .left{
        order: 2;

}


}




/*底部导航*/

#toTop {
  
  display: none;
    
  text-decoration: none;
 
   position: fixed;
 
   bottom: 20px;
    
   right: 2%;
  
   overflow: hidden;
 
   z-index: 999;

   width: 32px;

   height: 32px;
    
   border: none;
    
   text-indent: 100%;
    
   background: url(../images/up-arrow.png) no-repeat 0px 0px;

}
#toTopHover 
{
   
 width: 32px;
    
 height: 32px;
    
 display: block;
    
 overflow: hidden;
    
 float: right;
    
 opacity: 0;
    
 -moz-opacity: 0;
    
 filter: alpha(opacity=0);

}
@media (max-width: 1279px){

     
  
       .ditu #dituContent
        {
       
            width: 100%;
    
            border: #ccc solid 1px;
        }

}

@media (max-width: 848px){


      .ContactUsContent .left
        {
            width: 100%;
    
        }
     .ContactUsContent .right
        {
            width: 100%;
    
        }
      .ContactUsCompany .company{
           width: 100%;
      }
      .ditu #dituContent
        {
            width: 400px;
               height: 550px;
                  border: #ccc solid 1px;
        }
    .ContactUsContent{
        margin-top:0%;
    }
    .ContactUsContent .left{
        margin:2% 2%;

    }
    .ContactUsContent .right{
        margin:2% 2%;

    }
    .ContactUsContent .left .companyName {
    color: #284a94;
    font-size: 28px;
}
        .ContactUsContent .right .companyName {
    color: #284a94;
    font-size: 28px;
}
        .ContactUsContent .left .msg .msgContent .title {
    font-size: 20px;
    color: #000;
}
        .ContactUsContent .right .msg .msgContent .title {
    font-size: 20px;
    color: #000;
}




    .ContactUsContent .left .msg .Img {
    width: 60px;
 
    height: 60px;
   
}
    .ContactUsContent .right .msg .Img {
    width: 60px;

    height: 60px;
   
}
    .ditu #dituContent
        {
            width: 100%;
          height:400px;
            border: #ccc solid 1px;
        }
      .ContactUsCompany .company:nth-child(3)
        {
            background-color: #FFF;
        }
        .ContactUsCompany .company:nth-child(4)
        {
            background-color: rgba(240, 240, 240, 1);
        }
       .ContactUsCompany .company:nth-child(6)
        {
            background-color: rgba(240, 240, 240, 1);
        }

       .ContactUsContent .right .msg {
 
    margin-left: 4%;}
       .ContactUsContent .left .msg {
 
    margin-left: 4%;}
       .ditu .title{
           font-size:36px;
       }

}
@media (max-width: 640px){
    .CommunistDynamicsContent .newsList .listItem .right .title{
        font-size:18px;
    }
    .CommunistDynamicsContent .newsList .listItem .right .des{
        font-size:14px;
    }
}
@media (max-width: 560px){
    .ditu #dituContent
        {
        
                height:300px;
            border: #ccc solid 1px;
        }
}
/*手机版分辨率首页中的新闻资讯*/
@media (max-width: 414px) {
    .news .contentContainer ul li {
        width: 46%;
        margin-right: 2%;
        margin-bottom: 2%;
        background-size: 100% auto;
        background-position: center center;
        background-repeat: no-repeat;
        background-color: rgba(26, 26, 26, 0.2);
        background-blend-mode: multiply;
        transition: 0.3s ease;
        height: 88%;
        color: white;
        position: relative;
    }
}
/*手机版分辨率414底部*/
@media(max-width:414px) {
    .footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        /* background-image: url(../images/2023021211005.png); */
        background-repeat: no-repeat;
        background-position-x: 40%;
        background-position-y: 18%;
        background-size: 25%;
        margin-top: 2%;
        background-color: rgba(179, 5, 26, 1);
        border-radius: 0px 0px 0px 0px;
        /* box-sizing: border-box; */
        width: auto;
    }
}
/**/
@media(max-width:414px) {
    .copyRight {
        background-color: #FFF;
        color: rgba(56, 56, 56, 1);
        text-align: center;
        line-height: 332%;
        padding-bottom: 20px;
        margin-bottom: 1px;
        box-sizing: border-box;
        border-radius: 0px 100px 0px 0px;
        margin-top: -5%;
        display: block;
        font-size: 14px;
    }
        .copyRight a {

            color:black;
        }

}

@media(max-width:414px) {
    .copyRight {
        border-radius: 0px 0px 0px 0px;
    }
}


/*手机版分辨率390底部*/
@media(max-width:390px) {
    .footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        /* background-image: url(../images/2023021211005.png); */
        background-repeat: no-repeat;
        background-position-x: 40%;
        background-position-y: 18%;
        background-size: 25%;
        margin-top: 2%;
        background-color: rgba(179, 5, 26, 1);
        border-radius: 0px 0px 0px 0px;
        /* box-sizing: border-box; */
        width: auto;
    }
}
/*手机版底部白色分辨率*/
@media(max-width:390px) {
    .copyRight {
        background-color: #FFF;
        color: rgba(56, 56, 56, 1);
        text-align: center;
        line-height: 348%;
        padding-bottom: 20px;
        margin-bottom: 1px;
        box-sizing: border-box;
        border-radius: 0px 100px 0px 0px;
        margin-top: -5%;
        display: block;
        font-size: 14px;
    }
}

@media(max-width:390px) {
    .copyRight {
        border-radius: 0px 0px 0px 0px;
    }
}
/*手机版下面的第二个导航栏*/
@media(max-width:390px) {
    .subMenu_locationnew {
        position: relative;
        padding: 25px 3%;
        line-height: 40px;
        box-shadow: 0 5px 10px 1px #ddd;
        background-color: #fff;
        margin-top: -6%;
        z-index: 1;
        margin: auto;
        min-width: 1280px;
        max-width: 1593px;
        margin: 0 auto;
        min-width: 1%;
        width: 100%;
        margin-top: -85px;
    }
}
/*手机版下面的第二个导航栏*/
@media(max-width:414px) {
    .subMenu_locationnew {
        position: relative;
        padding: 25px 3%;
        line-height: 40px;
        box-shadow: 0 5px 10px 1px #ddd;
        background-color: #fff;
        margin-top: -6%;
        z-index: 1;
        margin: auto;
        min-width: 1280px;
        max-width: 1593px;
        margin: 0 auto;
        min-width: 1%;
        width: 100%;
        margin-top: -85px;
    }
}






/*手机版分辨率社会责任的背景图1*/
@media(max-width:414px){
    .SocialResponsibility .list li:nth-child(1) {
        background-image: url(/static/images/xhky20221215.png);
        background-repeat: no-repeat;
        margin-bottom: 200px;
        height: 245px;
    }
}
/*手机版分辨率社会责任的背景图2*/
@media(max-width:414px){
    .SocialResponsibility .list li:nth-child(2) {
        background-image: url(/static/images/xsky20221216001.png);
        background-repeat: no-repeat;
        margin-bottom: 200px;
        height: 245px;
    }
}
/*手机版分辨率414下的社会责任的背景图3*/
@media(max-width:414px){
    .SocialResponsibility .list li:nth-child(3) {
        background-image: url(/static/images/xsky20221216003.png);
        background-repeat: no-repeat;
        margin-bottom: 173px;
        height: 245px;
    }
}
/*手机版分辨率社会责任的背景图4*/
@media(max-width:414px){
    .SocialResponsibility .list li:nth-child(4) {
        background-image: url(/static/images/xsky20221216002.png);
        background-repeat: no-repeat;
        margin-bottom: 200px;
        height: 245px;
    }
}
/*手机版下的社会责任背景图上面的文字隐藏*/
@media(max-width:414px){
    .SocialResponsibility .list ul li .tit {
         display: none;
    }
}
@media(max-width:414px) {
    .SocialResponsibility .list ul li .text {
        width: 94%;
        color: black;
        opacity: 1;
        margin: 20% 20%;
        line-height: 20px;
        margin-top: 62%;
        margin-left: 3%;
    }
    }

    @media(max-width:414px) {
        .SocialResponsibility .list ul li .text .text-concant {
            position: relative;
            font-size: 13px;
            padding: 0;
            line-height: 23px;
            color: #666;
        }
    }

    @media(max-width:414px) {
        .SocialResponsibility .list ul li .text .text-line {
            width: 15%;
            height: 1px;
            background-color: black;
            margin-top: 7%;
            margin-bottom: 9px;
        }
    }
    @media(max-width:414px){
        .SocialResponsibility .list ul li .text .text-title {
            font-size: 17px;
            position: relative;
        }
    }

/*手机版社会责任的分辨率的背景图1*/
@media(max-width:390px) {
    .SocialResponsibility .list li:nth-child(1) {
        background-image: url(/static/images/xhky20221215.png);
        background-repeat: no-repeat;
        margin-bottom: 200px;
        height: 245px;
    }
}
/*手机版分辨率社会责任的背景图2*/
@media(max-width:390px) {
    .SocialResponsibility .list li:nth-child(2) {
        background-image: url(/static/images/xsky20221216001.png);
        background-repeat: no-repeat;
        margin-bottom: 200px;
        height: 245px;
    }
}
/*手机版分辨率社会责任的背景图3*/
@media(max-width:390px) {
    .SocialResponsibility .list li:nth-child(3) {
        background-image: url(/static/images/xsky20221216003.png);
        background-repeat: no-repeat;
        margin-bottom: 200px;
        height: 245px;
    }
}
/*手机版分辨率社会责任的背景图4*/
@media(max-width:390px) {
    .SocialResponsibility .list li:nth-child(4) {
        background-image: url(/static/images/xsky20221216002.png);
        background-repeat: no-repeat;
        margin-bottom: 200px;
        height: 245px;
    }
}
/*手机版下的社会责任背景图上面的文字隐藏*/
@media(max-width:390px) {
    .SocialResponsibility .list ul li .tit {
        display: none;
    }
}

@media(max-width:390px) {
    .SocialResponsibility .list ul li .text {
        width: 94%;
        color: black;
        opacity: 1;
        margin: 20% 20%;
        line-height: 20px;
        margin-top: 65%;
        margin-left: 3%;
    }
}

@media(max-width:390px) {
    .SocialResponsibility .list ul li .text .text-concant {
        position: relative;
        font-size: 16px;
        padding: 0;
        line-height: 12px;
    }
}

@media(max-width:390px) {
    .SocialResponsibility .list ul li .text .text-line {
        width: 15%;
        height: 1px;
        background-color: black;
        margin-top: 5%;
        margin-bottom: 12px;
    }
}

@media(max-width:390px) {
    .SocialResponsibility .list ul li .text .text-title {
        font-size: 18px;
        position: relative;
    }
}
@media(max-width:390px) {
    .footer .footerLeft {
        width: 100%;
        margin-top: 30%;
        margin-left: 0%;
        color: #fff;
        margin-bottom: 2%;
        width: auto;
    }
}
@media(max-width:848px) {
    .SocialResponsibility .wenzi #text1 {
        margin-top: 10%;
    }
}
@media(max-width:414px) {
    .SocialResponsibility .wenzi #text1 {
       margin-top:3%;
    }
}
@media(max-width:390px) {
    .SocialResponsibility .wenzi #text1 {
        margin-top: 3%;
    }
}


@media(max-width:414px){
    .menu li.smallShow .icon-xiangxiajiantoushixin:before {
        content: "\e864";
    }
}
@media(max-width:414px) {
    .menu li.smallShow a {
        color: #000 !important;
        margin-right: -38px;
    }
}
@media(max-width:414px) {
    .ContactUsCompany .company .msg {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
}
@media(max-width:414px){
    .ContactUsCompany .company .msg .content {
        width: 100%;
        font-size: 18px;
        color: #000;
        padding-bottom: 2%;
        line-height: 22px;

        
    }
}
@media(max-width:414px){
    .ContactUsCompany .company .companyName {
        font-size: 24px;
        color: #000;
        margin-bottom: 1%;
    }

}
@media(max-width:414px){
    .footer .footerLeft {
        width: 100%;
        margin-top: 30%;
        margin-left: 0%;
        color: #fff;
        margin-bottom: 2%;
        width: auto;
    }
}
@media(max-width:414px){
    .ContactUsContent .left .msg .msgContent .title {
        font-size: 18px;
        line-height: 38px;
        color: #000;
    }
}
@media(max-width:414px){
    .ContactUsContent .right .msg .msgContent .title {
        font-size: 18px;
        color: #000;
    }
}
@media(max-width:414px){
    .ContactUsContent .left .msg .Img {
        width: 60px;
        height: 60px;
    }
}
@media(max-width:414px){
    .ContactUsContent .left .companyName {
        color: #284a94;
        font-size: 23px;
    }
}
@media(max-width:414px){
    .ContactUsContent .right .companyName {
        color: #284a94;
        font-size: 23px;
    }
}


@media(max-width:390px){
    .ContactUsContent .left .msg .msgContent .title {
        font-size: 18px;
        line-height: 38px;
        color: #000;
    }
}
@media(max-width:390px){
    .ContactUsContent .right .msg .msgContent .title {
        font-size: 18px;
        color: #000;
    }
}
@media(max-width:390px){
    .ContactUsContent .left .msg .Img {
        width: 60px;
        height: 60px;
    }
}
@media(max-width:390px){
    .ContactUsContent .left .companyName {
        color: #284a94;
        font-size: 23px;
    }
}
@media(max-width:390px){
    .ContactUsContent .right .companyName {
        color: #284a94;
        font-size: 23px;
    }
}

@media(max-width:414px){
    .ContactUsCompany {
        /* min-width: 1280px; */
        max-width: 1593px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 2%;
        padding-bottom: 2%;
        padding: 1%;
        box-sizing: border-box;
        margin-bottom: 0%;
        background-color: #fff;
    }
}

@media(max-widrh:390px){
    .ContactUsCompany {
        /* min-width: 1280px; */
        max-width: 1593px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding-top: 2%;
        padding-bottom: 2%;
        padding: 1%;
        box-sizing: border-box;
        margin-bottom: 0%;
        background-color: #fff;
    }
}
@media(max-width:390px) {
    .ContactUsCompany .company .msg .content {
        width: 100%;
        font-size: 18px;
        color: #000;
        padding-bottom: 2%;
        line-height: 20px;
    }
}
@media(max-width:452px) {
    .footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        /* background-image: url(../images/2023021211005.png); */
        background-repeat: no-repeat;
        background-position-x: 40%;
        background-position-y: 18%;
        background-size: 25%;
        margin-top: 2%;
        background-color: rgba(179, 5, 26, 1);
        border-radius: 0px 0px 0px 0px;
        /* box-sizing: border-box; */
        width: auto;
    }
}
@media(max-width:540px) {
    .footer {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        /* background-image: url(../images/2023021211005.png); */
        background-repeat: no-repeat;
        background-position-x: 40%;
        background-position-y: 18%;
        background-size: 25%;
        margin-top: 2%;
        background-color: rgba(179, 5, 26, 1);
        border-radius: 0px 0px 0px 0px;
        /* box-sizing: border-box; */
        width: auto;
    }
}
@media(max-width:290px) {
    .ContactUsCompany .company .msg .content {
        width: 100%;
        font-size: 18px;
        color: #000;
        padding-bottom: 2%;
        line-height: 20px;
    }
}
@media(max-width:457px) {
    .ContactUsCompany .company .msg .content {
        width: 100%;
        font-size: 18px;
        color: #000;
        padding-bottom: 2%;
        line-height: 20px;
    }
}
@media(max-width:316px) {
    .ContactUsCompany .company .msg .content {
        width: 100%;
        font-size: 18px;
        color: #000;
        padding-bottom: 2%;
        line-height: 18px;
    }
}
@media (max-width: 1141px) {
    .footer .footerRight {
        margin-top: -22%;
    }
}
@media (max-width: 831px) {
    .copyRight {
        border-radius: 0px 0px 0px 0px;
    }
}
@media (max-width: 840px) {
    .copyRight {
        border-radius: 0px 0px 0px 0px;
    }
}
@media (max-width: 794px) {
    .copyRight {
        border-radius: 0px 0px 0px 0px;
    }
}
@media (max-width: 848px) {
    .nav {
        height: 80px;
        
    }
}
@media (max-width: 861px) {
    .nav {
        height: 109px;
    }
}
@media (max-width: 360px) {
    .SocialResponsibility .list ul li .text {
        width: 94%;
        color: black;
        opacity: 1;
        margin: 20% 20%;
        line-height: 20px;
        margin-top: 69%;
        margin-left: 3%;
    }
}
@media (max-width: 360px) {
    .SocialResponsibility .list ul li .text .text-title {
        font-size: 18px;
        position: relative;
    }
}
@media (max-width: 360px) {
    .SocialResponsibility .list ul li .text .text-concant {
        position: relative;
        font-size: 16px;
        padding: 0;
        line-height: 12px;
    }
}
@media (max-width: 360px) {
    .SocialResponsibility .list ul li .text .text-line {
        width: 15%;
        height: 1px;
        background-color: black;
        margin-top: 6%;
        margin-bottom: 12px;
    }
}
/*社会责任手机版的在338分下分辨率*/

@media (max-width: 338px) {
    .SocialResponsibility .list ul li .text {
        width: 94%;
        color: black;
        opacity: 1;
        margin: 20% 20%;
        line-height: 14px;
        margin-top: 77%;
        margin-left: 3%;
    }
    }

@media (max-width: 338px) {
    .SocialResponsibility .list ul li .text .text-title {
        font-size: 18px;
        position: relative;
    }
}

@media (max-width: 338px) {
    .SocialResponsibility .list ul li .text .text-concant {
        position: relative;
        font-size: 16px;
        padding: 0;
        line-height: 13px;
    }
}

@media (max-width: 338px) {
    .SocialResponsibility .list ul li .text .text-line {
        width: 15%;
        height: 1px;
        background-color: black;
        margin-top: 6%;
        margin-bottom: 12px;
    }
}

/*社会责任在手机版在300分辨率的下的效果*/

@media (max-width: 300px) {
    .SocialResponsibility .list ul li .text {
        width: 94%;
        color: black;
        opacity: 1;
        margin: 20% 20%;
        line-height: 14px;
        margin-top: 84%;
        margin-left: 3%;
    }
}

@media (max-width: 300px) {
    .SocialResponsibility .list ul li .text .text-title {
        font-size: 18px;
        position: relative;
    }
}

@media (max-width: 300px) {
    .SocialResponsibility .list ul li .text .text-concant {
        position: relative;
        font-size: 16px;
        padding: 0;
        line-height: 13px;
    }
}

@media (max-width: 300px) {
    .SocialResponsibility .list ul li .text .text-line {
        width: 15%;
        height: 1px;
        background-color: black;
        margin-top: 6%;
        margin-bottom: 12px;
    }
}

/*社会责任在手机版在342分辨率的下的效果*/

@media (max-width: 342px) {
    .SocialResponsibility .list ul li .text {
        width: 94%;
        color: black;
        opacity: 1;
        margin: 20% 20%;
        line-height: 14px;
        margin-top: 84%;
        margin-left: 3%;
    }
}

@media (max-width: 342px) {
    .SocialResponsibility .list ul li .text .text-title {
        font-size: 18px;
        position: relative;
    }
}

@media (max-width: 342px) {
    .SocialResponsibility .list ul li .text .text-concant {
        position: relative;
        font-size: 16px;
        padding: 0;
        line-height: 13px;
    }
}

@media (max-width: 342px) {
    .SocialResponsibility .list ul li .text .text-line {
        width: 15%;
        height: 1px;
        background-color: black;
        margin-top: 6%;
        margin-bottom: 12px;
    }
}
/*社会责任在手机版在366分辨率的下的效果*/

@media (max-width: 366px) {
    .SocialResponsibility .list ul li .text {
        width: 94%;
        color: black;
        opacity: 1;
        margin: 20% 20%;
        line-height: 14px;
        margin-top: 75%;
        margin-left: 3%;
    }
}

@media (max-width: 366px) {
    .SocialResponsibility .list ul li .text .text-title {
        font-size: 18px;
        position: relative;
    }
}

@media (max-width: 366px) {
    .SocialResponsibility .list ul li .text .text-concant {
        position: relative;
        font-size: 16px;
        padding: 0;
        line-height: 20px;
    }
    }

@media (max-width: 366px) {
    .SocialResponsibility .list ul li .text .text-line {
        width: 15%;
        height: 1px;
        background-color: black;
        margin-top: 6%;
        margin-bottom: 12px;
    }
}