.gg{z-index:999; top:350px; position:absolute; margin-left:30px;}
.cj{ height:120px;}

.sq  .title { text-align:center}
.sq  .title h3{ 

    box-sizing: border-box;
    font-size: 32px;
    font-weight: bold;
    color: #3ca6ab;}
	
.sq  .title p{ 

    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    color: #333;}
.sq ul{ width:100%; padding:10px; list-style:none; overflow:hidden; }

.sq ul li{ width:24%; float:left; padding-left:0.8%;}
.sq ul li:nth-child(4n){  padding-right:0;}
.sq ul li img { width:71px; height:71px; display:block;  margin:10px auto;}
.sq ul li span { font-size:16px; text-align:center; line-height:30px; width:100%;display:block}

.sq ul li p{ font-size:14px; width:75%;margin:10px auto; height:70px;}



.sq .ct dl { width:33.2%; float:left; }

.sq .ct dl dt img { width:390px; height:auto; display:block;  margin:10px auto;}
.sq .ct dl dd span { font-size:16px; text-align:left; font-weight:bold; color:#000; line-height:30px; width:100%;display:block}

.sq .ct dl dd p{ font-size:14px;  height:70px;text-align:left;}



.about{ background:url(../images/t01d9f76155ee95c19b.jpg) no-repeat center; height:320px; width:100%; padding:40px;}

.about .cont{ width:800px; height:240px; background:rgb(25, 213, 195); margin:0 auto; border-radius:20px; padding:30px; color:#FFF;}


.about .cont h3{ font-size:20px; font-weight:400; padding-bottom:20px;}

.about .cont p{ font-size:14px; font-weight:400; line-height:28px;}

.news  { margin-top:60px;}
.news  .title { text-align:center}
.news  .title h3{ 

    box-sizing: border-box;
    font-size: 32px;
    font-weight: bold;
    color: #3ca6ab;}
	
.news  .title p{ 

    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    color: #333;}
	
.news  .let{ width:240px; float:left;}
.news  .let h3{ margin-left:18px;margin-bottom: 18px; font-size:20px; color:#000; font-weight:bold;}	

.news  .let ul{ width:100%; overflow:hidden; }

.news  .let ul li{ border-bottom:2px #000 solid; padding:10px;   position: relative;}
.news  .let ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10;
  width: 2px;
  height: 100%;
  height:25px;
  background-color: #000;
}
.news  .let ul  .on { background: #000; color:#fff;}
.news  .let ul  .on a {color:#fff;}

.news  .rgt { width:936px; float:right; margin-bottom:100px;}
.news .rgt  .contt{ width:936px; display:none;position: relative;}
 .news .rgt   .on{ width:936px; display:block;}
 
 .news .rgt  .on  h3{ border-bottom:1px solid  #CCC; font-size:14px; line-height:30px; padding-left:15px; padding-bottom:10px;}
 
 .news .rgt  .on  h3::before {
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 2px;
  height: 100%;
  height:20px;
  background-color: #000;
}

.news .rgt  .contt ul{ width:100%; list-style:none; padding:30px 0;}

.news .rgt  .contt ul li { width:23%; float:left; margin-right:1.5%; padding-bottom:20px;}

.news .rgt  .contt ul li:nth-child(4n) { margin-right:0%;}


.news .rgt  .contt ul li img  { width:216px; height:162px;}

.news .rgt  .contt ul li div{ background:#f9fafc; height:60px;width:216px; text-align:center;}

.news .rgt  .contt ul li span  { width:100%;  display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;font-size:14px; height:30px; line-height:30px;}
	
.news .rgt  .contt ul li p{ font-size:12px;}

.hzhb { margin:30px auto;}
.hzhb  .title { text-align:center}
.hzhb  .title h3{ 

    box-sizing: border-box;
    font-size: 32px;
    font-weight: bold;
    color: #3ca6ab;}
	
.hzhb  .title p{ 

    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    color: #333;}
	
.hzhb .content{ padding:30px;}
.hzhb .content ul{ overflow:hidden; width:100%; list-style:none;}
.hzhb .content ul li{ float:left; width:18%; margin-right:1%; margin-bottom:10px;}
.hzhb .content ul li img{ width: auto; height:100px;}
.hzhb .content ul li:hover{ cursor:pointer;}
.hzhb .content ul li:nth-child(5n){  margin-right:0%;}

.banner img { width:100%; height:auto;}

.abtconts img { max-width:600px; font-size:14px; line-height:25px;}
.ny{ width:80%; margin:0 auto}
.ny h3{ font-size:20px; color:#000; font-weight:bold; margin-top:30px}
.ny ul{ width:100%; list-style:none; margin:30px auto;}
.ny ul li { height:220px;}
.ny ul li img { float:left; width:200px; height: auto; display:block; text-align:right;}
.ny ul li span{ float:right; text-align: center; font-size:18px; width:75%; margin-top:80px;}


.viwcont  h3{color: #222;
    font-size: 22px;
    font-weight: 500;
    line-height: 26px; margin:30px auto; text-align:left;}
.viwcont  h2{color: #8590a6;
   font-size: 14px;
    line-height: 22px;
    margin-top: 12px;}
	.viwcont .gsmc {    background: #f9fafc;
    border-radius: 4px;
    color: #555;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-top: 22px;
    padding: 20px;
	width:100%}
	
.viwcont  .viwct{ font-size:14px; line-height:30px;}
@media screen and (max-width:767px){
	header .topbox {
  
    height: 70px;
}
	
	.gg{ width:100%; position:relative; margin-left:0; top:0;}
	.gg img{ width:100%; }
	.cj{ display:none}
	.sq ul li{ width:32%; float:left; margin-right:0.8%}
.sq ul li:nth-child(3n){  margin-right:0;}
.sq ul li p{ font-size:14px; width:95%;margin:10px auto; height:150px;}
.sq .ct dl { width:48%; float:left; margin-right:2%; }
.sq .ct dl:nth-child(2n){ margin-right:0%; }
.sq .ct dl dt img { width:100%; height:auto; display:block;  margin:10px auto;}
.sq .ct dl dd span { font-size:16px; text-align:left; font-weight:bold; color:#000; line-height:30px; width:100%;display:block}

.sq .ct dl dd p{ font-size:14px;  height:70px;text-align:left;}

.about{ background:url(../images/t01d9f76155ee95c19b.jpg) no-repeat center; height:375px; width:100%; padding:10px;}

.about .cont{ width:95%; height:340px; background:rgb(25, 213, 195); margin:0 auto; border-radius:20px; padding:30px; color:#FFF;}
.news  { margin-top:20px;}
.news .let { display:none}
.news  .rgt { width:100%; float:none;}
.news .rgt .on {
    width:100%; 
    display: block;
}
.news .rgt  .contt ul li { width:48%; float:left; margin-right:2%; padding-bottom:20px;}

.news .rgt  .contt ul li:nth-child(2n) { margin-right:0%;}

	
.hzhb .content{ padding:10px;}
.hzhb .content ul{ overflow:hidden; width:100%; list-style:none;}
.hzhb .content ul li{ float:left; width:23%; margin-right:1%; margin-bottom:10px;}
.hzhb .content ul li img{ width: auto; height:60px;}
.hzhb .content ul li:hover{ cursor:pointer;}
.hzhb .content ul li:nth-child(4n){  margin-right:0%;}
.ny ul li span {
    float: right;
    text-align: center;
    font-size: 16px;
    width: 50%;
    margin-top: 20px;
}
}
.foot{ background:#535353; color:#ffffff; font-size:16px; height:223px; text-align:center;}

.foot h3{ font-size:24px; color:#19d4c4; text-align:center; padding:20px 0; font-weight:bold;}

.foot h2{ margin-bottom:40px;}

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