@charset "utf-8";
* {
  -webkit-text-size-adjust: none
}
body {
  background: #fff;
  font-size: 1em;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6, input, button, textarea, select {}
#device_change {
  width: 50%;
  border: 1px solid #666;
  font-size: 3.5em;
  box-shadow: none
}
:root {
  --primary: #00a2e2;
    --blackbluecolor: #172230;
  --primary-25: rgba(255, 0, 0, 1)
}
.supah-scroll {
  /*position: fixed;*/
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  will-change: transform;
  overflow: hidden
}
/* HEADER */
#sh_hd {
  position: fixed; /*fixed*/
  z-index: 15;
  width: 100%;
  font-size: 14px;
}
/* MAIN */
#sh_section {
  overflow: hidden;
  position: relative;
  line-height: 1.8;
  color: rgba(18, 36, 55, 1);
}
/* CONTAINER */
#sh_container {
  position: relative;
  z-index: 10;
  min-width: 1200px;
  width: 100%
}
#sh_container_wrapper.sub {
  padding-top: 160px
}
#sh_content {
  overflow: hidden;
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 1400px;
  min-height: 550px;
  padding: 70px 0;
  margin: 0 auto;
  background: #fff
}
/* FOOTER */
#toTop {
  opacity: 0;
  cursor: pointer;
  position: fixed;
  right: 0px;
  bottom: 18%;
  z-index: 101;
  display: flex;
  width: 50px;
  height: 50px;
  background-color: var(--primary);
  transition: all .4s; /* 设置六边形的背景颜色 */
        border-radius: 5px;
  /*
    margin-bottom: -50px;
    border-radius: 4px;
    background: #bf1522;
    border:rgba(255,255,255,0.2) 1px solid;
        box-shadow: 4px 4px 7px rgba(0, 0, 0, .1);*/

}
#toTop svg {
  margin: auto;
  color: #fff;
  position: relative;
  left: 3px;
}
#toTop.on {
  opacity: 1;
  margin-bottom: 0
}
#sh_ft {
  min-width: 1200px;
  font-size: 15px;
  line-height: 2;
}
#sh_ft .ft_nav {
  padding: 0 90px;
  box-sizing: content-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  border-top: 1px solid rgba(255, 255, 255, .15);
  background: #172230;
  font-size: 14px;
  font-weight: 300;
}
#sh_ft .ft_nav li {
  color: #fff;
}
/*#sh_ft .ft_nav li + li:before {
  display: inline-block;
  content: "";
  width: 1px;
  height: 12px;
  margin: 0 25px;
  background: rgba(255, 255, 255, .2)
}*/
#sh_ft .ft_nav li a {
  opacity: 1;
  font-size: 16px;
  color: #fff;
  transition: all .2s
}
#sh_ft .ft_nav li a:hover {
  opacity: 0.6
}
#sh_ft .inner {
  display: block;
  background: #172230;
  padding: 50px 90px 50px 90px;
}
#sh_ft .inner .upblock {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  border-bottom: rgba(255, 255, 255, 0.1) 1px solid;
  color: #c7d2e0;
  margin-bottom: 100px;
}
#sh_ft .inner .upblock div {
  padding: 20px 0;
}
#sh_ft .inner .downblock {
  display: flex;
  justify-content: space-between;
}
#sh_ft .ft_logo {
  width: 20%
}
#sh_ft .info {
  line-height: 2.2;
  color: rgba(255, 255, 255, 1)
}
#sh_ft .level {
  display: flex;
  justify-content: space-between;
  width: 900px;
}
#sh_ft .ft_logo img {
  width: 160px;
}
#sh_ft .info .foot_logo {
  margin-bottom: 15px;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
    margin-bottom:60px;
    display: flex;
    align-items: center;
}

#sh_ft .info .foot_logo span{
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin-left: 15px;
}

#sh_ft .info p svg {
  width: 305px;
}
#sh_ft .info p svg .st0 {
  fill: #00a2e2;
}
#sh_ft .info p svg .st1 {
  fill: #fff;
}
#sh_ft .info p svg .st2 {
  font-size: 60px;
}
#sh_ft .info p svg .st3 {
  letter-spacing: -3px;
  font-weight: 600;
}
#sh_ft .info p svg .st4 {
  font-size: 23px;
  font-weight: 600;
}

#sh_ft .info .foot_des {
    line-height: 1.5; 
    color: #c7d2e0;
    width: 350px;
    font-size: 18px;
}

#sh_ft .info p{font-size: 18px; font-weight: bold;}
#sh_ft .info a{font-size: 16px;}


#sh_ft .links {
  margin: auto 0 0 auto
}
#sh_ft .links a {
  font-size: 13px;
  color: rgba(255, 255, 255, .5);
}
#sh_ft .links a + a {
  margin-left: 15px
}
/* 站点地图 */
#sh_site_map {
  position: relative;
  width: 100%;
}
#sh_site_map > div {
  float: left;
  width: 32%;
  min-height: 280px;
  margin-right: 2%
}
#sh_site_map > div:nth-of-type(3n) {
  margin-right: 0
}
#sh_site_map .sh_site_map_title {
  padding: 10px 15px;
  border-bottom: 2px solid #333;
  font-size: 17px;
  font-weight: normal;
  text-align: center;
  color: #222;
}
#sh_site_map ul {
  padding: 0 15px 15px
}
#sh_site_map .sh_site_map_box {
  min-height: 155px;
  padding: 17px 20px;
  border: 1px solid #e1e1e1;
  border-top: none;
  font-size: 14px;
  color: #333;
  line-height: 40px
}
#sh_site_map .sh_site_map_box li {
  border-bottom: 1px dotted #ccc
}
#sh_site_map .sh_site_map_box li:last-child {
  border: none
}


.nnppp{display: flex; width:60%; margin:40px auto 0;}
.nnppp li{width: 28%; margin: 1% 2.6%;}
.nnppp li a{display: block; padding:18px 10px;  text-align: center; font-size: 16px; background-color: #f2f2f2; color: #666;}

@media (max-width:1400px) {
  #sh_wrapper{width: 100%;}
  #smooth_scroll{
    width: 100%;
  }
  #sh_container{
    min-width: 100%;
    width: 100%;
  }
  #sh_section{
    min-width: 100%;
    width: 100%;
  }
  #mainVisual{min-width: 100%;}
  #inc01 .tita{
    box-sizing: border-box; width: 100%; padding: 100px 40px 60px 40px;}
    
    #inc01 .tita .companyleftblock{width: 30%;}
    #inc01 .tita .companycenterblock{width: 70%; box-sizing: border-box;}
  #inc01 .tita .companyrightblock{display: none;}
  #inc01 .tit{
    box-sizing: border-box;
  }
  #sh_ft{width: 100%; min-width: 100%;}
  #sh_ft .inner{padding: 80px 40px 120px 40px;}
  #sh_ft .level{display: none;}
  #sh_ft .ft_nav{padding: 0 40px;}
  #sh_ft .links{display: none;}

  
#sh_ft .inner .downblock{display: block;}
#sh_ft .info .foot_des{width: 100%;}
#sh_ft .inner .upblock{display: block;}

}

@media (max-width:720px) {
#sh_ft .inner .upblock{display: none;}
}