@charset "utf-8";
/* css document */
p{line-height:26px; font-size:16px; padding:0; text-indent:0; text-align: justify;}
body{margin:0; padding:0; font-size:14px; overflow: auto;  background-color:#f3f3f3; min-width:1260px; background-position:center top; font-family:"microsoft yahei"; color:#000;  position:relative;}
a{color:#000; text-decoration:none;}
html {  
    scroll-behavior: smooth;  
  }
.allbox{ max-width: 2560px; height:5000px; min-width:1260px; margin:0 auto;  overflow: auto;}


.isie{width:100%; height:200px; float:left; line-height:100px; text-align:center; color:red; font-size:14px; background:#ece5cb; display:none}

.topbg{width:100%; max-width: 2560px; min-width: 1200px;  height:400px; z-index:11; position:relative; overflow:hidden; background-color:#003bb8;}
.topimg{width:100%;   background:url(/uploads/image/h2images/top.jpg) no-repeat;  height:400px; margin:0 auto 0 auto;  background-position:center;}
.sticky{width:100%; height:100px;  top:0;  position: -webkit-sticky; /* safari */  
    position: sticky; background-color:#eeeeee; z-index: 99999; border-bottom:1px solid #bdbdbd}

.navbox{width:1200px; height:100px; margin:0 auto; display:flex; justify-content: space-between;   }

.navlinks {
    width: calc(1200px / 7);
    height: 100px;
    position: relative;
    cursor: pointer;
    text-align: center;
    line-height: 100px;
    font-size:18px;
}

.navlinks img {
    height:100px;
    position:absolute;
    z-index:200;
    display: block;
    top:0;
    left:50%;
    margin-left:-50px;
    opacity: 0;
}

.navlinks a{ width:100%; height:100px; color:#353535; z-index:260; position:absolute;  display:block;  font-weight: bold; }
.navlinks a:hover{background:#c2d9ec}
.linksbg{font-weight: bold;}
.breadcrumb{width:100%; height:100px; line-height: 100px; font-size: 18px; color:#666}
.breadcrumb a{ color:#4b8ce0;  font-weight: bold; }

.conbox{width:1200px;   }
.bgbox{width:100%; min-height:400px; display: flex; justify-content: center;  overflow:hidden;}
.bgbox:nth-child(1){height:600px; background:#fff}
.bgbox:nth-child(2){background:url(/uploads/image/h2images/bg2.png) no-repeat; height:600px; background-size: 2560px; background-position-x: center;background-position-y:-500px}
.bgbox:nth-child(3){height:600px; background:#fff}
.bgbox:nth-child(4){background:url(/uploads/image/h2images/bg.png) no-repeat; height:850px; background-size: 2560px; background-position-x: center;background-position-y:-500px}

.bgbox:nth-child(5){background:#fff; height:400px; background-size: 2560px; }
.bgbox:nth-child(6){min-height: 300px;}
.cardbox{width:1100px; overflow: hidden;  float:left; margin:50px 0 0 50px; border-radius: 20px; background: rgba(255, 255, 255, 0.5);  backdrop-filter: blur(10px); position: relative; box-shadow:0 0 25px -15px #000; position: relative;}
.titlebox{width:70px; height:500px;  float:left; background:#39a3fa; font-size:30px; color:#fff;writing-mode:vertical-lr;  text-orientation: upright; display: flex;flex-direction: row;  align-items: center; letter-spacing:5px; padding-top:20px; box-sizing: border-box;  }



.textbox{width:950px; margin:40px 0 0 110px; }

.littitle{width:100%; height:40px; font-size:20px; font-weight: bold; position: relative; margin:20px 0 ;}
.littitle_b{width:50px; height:6px; border-radius:3px; background: #39a3fa; position:absolute; bottom:0px; }
.subtitle{font-size:26px; font-weight: bold;  margin-bottom:20px;}

.textbox a{color:#db0000; font-weight: bold; font-size: 20px;}

.regbox{width:250px; height:300px;  position:absolute; right:200px; top:250px; background: url(/uploads/image/h2images/reg.png) no-repeat;}
.regbox:hover{box-shadow:0 0 20px -15px #003bb8; cursor: pointer;}
.regbox a{width:250px; height:300px; display: block;}
.cardbox2{width:1100px;  height:500px; float:left; margin:50px 0 0 50px; position: relative; }

.titlebox2{width:300px; height:520px;  float:left;  border-radius: 20px; }
.tbb1{ background: url(/uploads/image/h2images/city.png) no-repeat; background-size: 300px; }
.tbb2{ background: url(/uploads/image/h2images/pp.png) no-repeat; background-size: 300px; height:300px}
.textbox2{width:770px; float:right;}
.orgcontainer{ float:left;  border-radius: 20px; margin-bottom:5px; padding:5px 20px; box-sizing: border-box; }

.logocontainer{width:100%; display: flex;}
.logobox{margin:0 10px 10px 0}
.logobox img{height:60px;}

.titleheight{height:750px;}

.abt{width:100%; height:50px; line-height:80px; font-size:16px; font-weight: bold;}
.rcodesbox{width:100%; height:250px; display:flex; justify-content: space-between; align-items: center;}
.rcodes{width:200px; height:160px; display: flex;  align-items: center; flex-direction: column;}
.rcodes img{width:100px; }
.rcodes p{text-align:center; color:#666}
.copyright{width:100%; height:100px; background:#f2f2f2; text-align:center; line-height:100px; color:#666; }
.bdtop{border-top:1px solid #dbdbdb;}


.textbox ul{list-style: none; width:100%; }
.textbox ul li{width:1100%; float:left; }
.textbox ul li a{width:90%; height:30px; line-height: 30px; overflow: hidden; float:left; font-size:16px; color:#000; font-weight:normal;}
.textbox ul li a:hover{color:#db0000; font-weight: bold;}
.textbox ul span{width:10%; height:26px; overflow: hidden; float:right}