@media screen and (max-width: 1400px) and (min-width: 0px){
.header-logo {
    margin-top: 0px!important;
}
}
.hzdl{
    text-align: center;
    margin-top: 4%;
    margin-bottom: 2%;
    font-size: 2rem;
    font-family: Source Han Sans CN;
    font-weight: 300;
    color: rgba(51,51,51,1);
    line-height: 20px;
}
.hzdl-big{width:100%;height:auto;margin: 4% auto 0;}
.hzd2{
	text-align: center; 
	margin-top: 40px;
	font-size:16px;
	font-family:Source Han Sans CN;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:12px;
	opacity:0.8;
    margin-bottom: 2%;
}
.imgs{
	margin: 40px auto;
    width: 80%;
    padding: 0 5%;
    max-width: 540px;
}
.sdzc-nr{height:auto;margin:0 auto;width: 100%;
    max-width: 1400px;}
#hexagon {
    /*top:100px;*/
    width: 100px;
    height: 55px;
    background:linear-gradient(0deg,rgba(189,137,242,1) 0%,rgba(76,84,231,1) 100%);
    position: relative;
}
#hexagon:before {
    content: "";
    position: absolute;
    top: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 25px solid rgba(76,84,231,1) ;
}
#hexagon:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-top: 25px solid rgba(189,137,242,1) ;
}
#hexagon1 {
    top: -49px;
    width: 90%;
    padding: 0 5%;
    height: 45px;
    line-height: 45px;
    font-size:18px;
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(255,255,255,1);
    background: rgba(189,137,242,1) 
    border:1px solid rgba(255,255,255,1);
    position: relative;
}


.hzdltx{
	/*margin-top:-100px;*/
	font-size:2rem;
	font-family:Source Han Sans CN;
	font-weight:300;

	color:rgba(51,51,51,1);
}
.hzh{
	margin-top:40px;
	font-size:16px;
	font-family:Source Han Sans CN;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:12px;
	opacity:0.8;
    margin-bottom: 2%;
}
.div1{
	margin: 0 auto;
	width:86px;
	height:86px;
	background:linear-gradient(-45deg,rgba(153,120,238,1),rgba(76,84,231,1));
	border-radius:50%;

}
.size{
	font-family:Source Han Sans CN;
	font-weight:400;
	color:rgba(51,51,51,1);
	line-height:12px;
	opacity:0.8;
}

.zindex{    clear: both;
	width:100%;
	height:45rem;
	    padding-top: 60px;
	background: rgb(243,241,253);
  padding-bottom: 2%;
}
.sdzc{
	text-align: center;
	font-size:2rem;
	font-family:Source Han Sans CN;
	font-weight:300;
  	width: 100%;
    height: auto;
	color:rgba(51,51,51,1);
	line-height:100px;
}
.sdzc2{
	font-size:16px;
	font-family:Source Han Sans CN;
	font-weight:300;
	color:rgba(51,51,51,1);
	line-height:12px;
	opacity:0.8;
    margin: 0% 0 2% 0;
    margin-bottom: 1rem;
}
.zc1{
    margin-top:40px;
	float: left;
  	margin-left: 15%;
    width: 22%;
    height:auto;
	background: #fff;
    box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.zc11{
	width:90px;
	height:auto;
	margin-top:80px;
	background:linear-gradient(-45deg,rgba(76,204,231,1) 0%,rgba(30,86,245,1) 100%);
	border-radius:44px;
}
.zc2{
	margin-top:40px;
	margin-left:2%;
	float: left;
	width: 22%;
    height: auto;
	background: #fff;
	box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.zc3{
	margin-top:40px;
	margin-left:2%;
	float: left;
	width: 22%;
    height:auto;
	background: #fff;
	box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}
.bg img{width:100%;height:auto;}
.hzdl-a{text-align:center;overflow: hidden;margin-top:40px;}
.hzdl-b{position:relative;width:22rem;height:auto;margin:0% auto 2%;}
.hzdl-c{text-align: center;margin-top:40px;width: 100%;height:400px;}
.hzdl-d{float:left;width: 25.5%;height:auto;margin-left: 23.3%;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.08);/*padding: 2% 0;*/}
.hzdl-e{float: left;margin-top: 2rem;}
.hzdl-e1{float:left;margin-left: 20px;margin-top: 2rem;}
.hzdl-none{float:none;clear:both;}
.hzdl-d img,.hzdl-f img{margin-top:34px;}

.div2{font-size:22px;width:100%;margin-top:29px;color:rgba(51,51,51,1);font-family:Source Han Sans CN;font-weight:400;color:rgba(51,51,51,1);opacity:0.8;}
.size2{
	margin: 0 auto;
	min-height:86px;
  	height:auto;
	/*background:linear-gradient(-45deg,rgba(153,120,238,1),rgba(76,84,231,1));*/
	border-radius:50%;
	font-size:14px;
	width:50%;
	margin-top:72px;
	line-height:22px;
  	color:#333333;
  	opacity:0.8;
    padding-bottom: 110px;
	/*overflow:hidden;*/
}
.size22{
	margin: 0 auto;
	min-height:86px;
  	height:auto;
	/*background:linear-gradient(-45deg,rgba(153,120,238,1),rgba(76,84,231,1));*/
	border-radius:50%;
	font-size:14px;
	width:62%;
	margin-top:28px;
	line-height:22px;
  	color:#333333;
  	opacity:0.8;
    padding-bottom: 32px;
	/*overflow:hidden;*/
}
.hzdl-f{float:left;width:25.5%;height:auto;margin-left: 2%;box-shadow:0px 2px 8px 0px rgba(0, 0, 0, 0.08);/*padding: 2% 0;*/}
.hzdll-g{font-size:22px;width:100%;margin-top:59px;color:rgba(51,51,51,1);font-family:Source Han Sans CN;font-weight:400;color:rgba(51,51,51,1);opacity:0.8;}
.center-div{margin:0 auto;width:100%;height:auto;}
#pageOuter{clear:both;}
@media screen and (max-width:800px) {
  .hzdl-d,.hzdl-f{    
    width: 46%;
    margin: 0 2%;
  	min-height: 26rem;
}
  .sdzc-nr{width:100%;height:auto;margin:0 auto;}
  .zc1,.zc2,.zc3{ width: 31.33%;margin:2% 1%;}
    .size22 {width: 100%;
    box-sizing: border-box;
    padding: 0 30px;min-height: 0;
    padding-bottom: 40px;}
    .hzdl-c {
    margin:0px auto 20px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
    float: left;
    height: auto;}
    .hzdl-big {margin: 40px auto 0;}
    .imgs {
    margin: 40px auto 0;
    width: 100%;
    padding: 0 20px;
    max-width: 540px;
    box-sizing: border-box;}
}

@media screen and (max-width:500px) {
	.zc1,.zc2,.zc3{ width:90%;margin:2% 5%;float:left;}
  .hzdl-b{width:260px;
    margin: 0 auto;}
  .hzdl-e,.hzdl-e1{width:80px;float:left;}
  #hexagon1 {    line-height: 58px;}
  #hexagon:before{border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 25px solid rgba(76,84,231,1);}
  #hexagon:after{border-left: 40px solid transparent;
    border-right: 40px solid transparent;
       border-top: 25px solid rgba(189,137,242,1);}
  #hexagon{    height: 40px;
width: 80px;}
  .hzdl-e1{    margin-left: 10px;}
  /*.sdzc-nr{height: 52rem;}*/
  .zindex{height:auto;}
  .zc11 {
    margin-top: 20px;}
  .hzdll-g {
    margin-top: 15px;}
  .size2 {
    margin-top: 18px;    width: 70%;
    padding-bottom: 0px;
}
  .zindex {
    padding-top: 15px;}
}
@media screen and (min-width:800px) and (max-width:1200px){
  .zindex {padding-bottom: 7%;}
}
@media screen and (min-width:0px) and (max-width:1400px) {
  /*.bg2 {
    padding-top: 51px;}*/
}
@media screen and (max-width: 500px) and (min-width: 0px){
.fazx2 {
  display: none;}
}

@media screen and (max-width: 1400px) and (min-width: 0px){
.sdzc-nr{width:100%;box-sizing:border-box;padding:0 5%;    float: left;}
.zc1,.zc2,.zc3{margin-left:0;box-sizing:border-box;padding:0 20px;width:31.33%;margin:1%;}
}
@media screen and (max-width: 1000px) and (min-width: 0px){
.zc1,.zc2,.zc3{margin-left:0;box-sizing:border-box;padding:0 20px;width:98%;margin:1%;}
.zindex {
    clear: both;
    width: 100%;
    height: auto;
    float: left;}
    .zc11{margin-top:40px;width: 50px;}
    .hzdll-g{margin-top:20px;}
.size2 {min-height: 0px;margin-top: 20px;padding-bottom: 40px;}
}
@media screen and (max-width:750px) and (min-width: 0px){

.hzdl-d, .hzdl-f {
    width: 100%;min-height:0;
    padding: 0 10px;
     margin: 20px 0 0px;
    box-sizing: border-box;
}
.zindex{padding-top:0;}
    .sdzc-nr,.hzdl-c{padding: 0 20px;}
    .zc1, .zc2, .zc3 {margin-bottom: 20px;}
    .sdzc {float: left;}
    .sdzc2 {float: left;width: 100%;}

   
}