@media (max-width: 1200px) {
  .clear{
    clear: both;
}
.w{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.ban{overflow: hidden;height: 521px;background: url(../gssl/ban.jpg) no-repeat center center;}
.about{

margin: 0 auto;

padding: 3% 0 0px;
}
.ott{

color: #ff750f;

text-align: center;

font-size: 3rem;

font-weight: 600;

letter-spacing: 0.5rem;

line-height: 3rem;
}
.ott-n{
  
color: #fff;
  
text-align: center;
  
font-size: 3rem;
  
line-height: 4rem;
}
.about1{
  
height: 250px;
  
background: #fff;
  
overflow: hidden;
  
margin-top: 40px;
}
.about1-fl{

display: block;

float: left;

width: 50%;
}
.about1-fl img{

max-width: 100%;
}
.about1-fr{display: block;width: 50%;float: right;padding: 2% 1% 3% 2%;text-indent: 2rem;}
.about1-fr a b{

font-size: 3rem;

line-height: 4rem;

color: black;
}
.about1-fr a b font{

color: #ff750f;

font-size: 48px;
}
.about1-fr a p{

font-size: 1.5rem;

line-height: 2.5rem;

color: black;
}
.about2{height: 10%;margin-top: -10px;}
.about2 ul{

}
.about2 ul li{

height: 1%;

width: 33.3%;

background: #324e96;

padding: 1% 1% 1% 1%;
}
.about2 ul li img{

display: block;

float: left;

width: 76px;

padding-top: 1%;
}
.con{display: block;float: right;width: 70%;padding-top: 1%;}
.con b{

color: #fff;

font-size: 24px;

line-height: 50px;
}
.con p{
  
font-size: 14px;
  
color: #fff;
}
.t1{

margin-top: 3%;

overflow: hidden;
}
.t1 p{

text-align: center;

color: #ff750f;

font-size: 3rem;

font-weight: 600;

text-transform: uppercase;
}
.t1 b{

font-size: 3rem;

line-height: 3rem;

text-align: center;

display: block;

margin-bottom: 1%;
}
.t1 span{
  
width: 6%;
  
height: 2px;
  
background: #1e3377;
  
display: block;
  
margin: 0 auto;
}
/* video */

.vid{
  margin-top: 2%;
  overflow: hidden;
  max-width: 100% !important;
}s
video{
  width: 100%;
  height: 100%;
  object-fit: fill;
  }
  video:focus {
  outline:none;
  }
  /*  */
  .cp {

overflow: hidden;

padding: 1% 0 1%;
}
  .cp1{

}
  .cp1-l{

width: 57%;

display: block;

float: left;

margin-right: 1%;

position: relative;
}
.cp1-l span{

display: block;

padding: 0px 1% 0px;

color: #fff;

text-align: center;

/* border-left: 50px solid transparent; */

/* border-bottom: 30px solid #f07f2b; */

position: absolute;

bottom: 0px;

right: 0px;

font-size: 2rem;

background: #f07f2b;
}
  .cp img{
    
max-width: 100%;
  }
  .cp1-r{

width: 41%;

display: block;

float: right;

position: relative;
}
.cp1-r span{
  
display: block;
  
padding: 0px 1% 0px;
  
color: #fff;
  
text-align: center;
  
/* border-left: 50px solid transparent; */
  
/* border-bottom: 30px solid #f07f2b; */
  
position: absolute;
  
bottom: 0px;
  
right: 0px;
  
font-size: 2rem;
  
background: #f07f2b;
}
.cp2{

/* padding: 1% 0 1%; */

overflow: hidden;
}
.cp2 li{

display: block;

float: left;

width: 33%;

position: relative;
}
.cp2 li img{

}
.cp2 ul li:nth-child(3n){
  margin-right: -1%;
}
.cp2 li span{
  display: block;
  color: #fff;
  text-align: center;
  /* border-left: 50px solid transparent; */
  /* border-bottom: 30px solid #f07f2b; */
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 2rem;
  background: #f07f2b;
  padding: 0px 1% 0px;
}
.cp3{

padding: 1% 0 1%;

overflow: hidden;
}
.cp3 li{

display: block;

float: left;

width: 50%;

position: relative;

margin-right: 1%;
}
.cp3 ul li:nth-child(2n){
  margin-right: -1%;
}
.cp3 li img{

}
.cp3 li span{

display: block;

color: #fff;

text-align: center;

/* border-left: 50px solid transparent; */

/* border-bottom: 30px solid #f07f2b; */

position: absolute;

bottom: 0px;

right: 0px;

font-size: 2rem;

background: #f07f2b;

padding: 0px 1% 0px;
}
/*  */
.Ingenuity{

margin-top: 1%;

overflow: hidden;
}
.Ingenuity-l{

display: block;

float: left;

width: 57%;

margin-right: 1%;

overflow: hidden;
}
.Ingenuity-l img{

max-width: 100%;
}
.Ingenuity-l p{

background: #1e3377;

color: #fff;

margin-top: 1%;

width: 100%;
}
.Ingenuity-l p b{

border-right: 1px solid #fff;

padding-right: 1%;

font-size: 2rem;

line-height: 4rem;

width: 22%;

display: inline-block;
}
.Ingenuity-l p span{

font-size: 1.5rem;

margin-left: 1%;

line-height: 2rem;

width: 72%;

float: right;

margin-right: 2%;
}
.Ingenuity-r{padding-right: 0px;overflow: hidden;}
.Ingenuity-r img{
    max-width: 100%;
}
.Ingenuity-r p{
  background: #1e3377;
  padding: 8% 0 0 1%;
  color: #fff;
  margin-bottom: 1%;
}
.Ingenuity-r p b{
  float: left;
  border-right: 1px solid #fff;
  font-size: 2rem;
  line-height: 4rem;
  display: inline-block;
  width: 44%;
}
.Ingenuity-r p span{
  font-size: 1.5rem;
  margin-left: 1%;
  line-height: 2rem;
  display: block;
  float: right;
  width: 50%;
}
/*  honor*/
.honor{
  background: url(../gssl/honor.jpg) no-repeat center center;
  overflow: hidden;
  margin-bottom: 2%;
}
.honor ul{

margin-top: 2%;
}
.honor ul li{

width: 32%;

display: block;

float: left;

margin-right: 2%;

margin-top: 2%;
}
.honor ul li img{
  
max-width: 100%;
}
.honor ul li:nth-child(3n){
  margin-right: 0px;
}

}
/*  */
@media (max-width: 767px) {
  .h-12w{
    display: none;
  }
  .ban{overflow: hidden;height: 12%;background: url(../gssl/ban.jpg) no-repeat center center;}
.about{

margin: 0 auto;

padding: 0% 0 0px;
}
.ott{

color: #ff750f;

text-align: center;

font-size: 3rem;

font-weight: 600;

letter-spacing: 0.5rem;

line-height: 3rem;

display: none;
}
.ott-n{
  
line-height: 3rem;
  
color: #fff;
  
text-align: center;
  
font-size: 3rem;
  
line-height: 4rem;
  
display: none;
}
.about1{
  
background: #fff;
  
margin-top: 0%;
  
height: 160px;
}
.about1-fl{

display: block;

float: left;

width: 50%;
}
.about1-fl img{

max-width: 100%;
}
.about1-fr{display: block;width: 50%;float: right;padding: 1% 1%  2%;text-indent: 2rem;}
.about1-fr a b{

font-size: 1.5rem;

line-height: 3rem;

color: black;
}
.about1-fr a b font{

color: #ff750f;

font-size: 1.2rem;
}
.about1-fr a p{

font-size: 1rem;

line-height: 1.5rem;

color: black;
}
.about2{margin-top: -12%;}
.about2 ul{

}
.about2 ul li{

width: 33.3%;

background: #324e96;

padding: 1% 1% 1% 1%;
}
.about2 ul li img{

display: block;

float: left;

width: 20%;

padding-top: 6%;
}
.con{display: block;float: right;width: 70%;padding-top: 1%;}
.con b{

color: #fff;

font-size: 1rem;

line-height: 0;
}
.con p{
  
font-size: 0.2rem;
  
color: #fff;
}
.t1{

margin-top: 3%;

overflow: hidden;
}
.t1 p{

text-align: center;

color: #ff750f;

font-size: 1.5rem;

font-weight: 600;

text-transform: uppercase;
}
.t1 b{

font-size: 2rem;

line-height: 2rem;

text-align: center;

display: block;

margin-bottom: 1%;
}
.t1 span{
  
width: 6%;
  
height: 2px;
  
background: #1e3377;
  
display: block;
  
margin: 0 auto;
}
/* video */

.vid{
  margin-top: 2%;
  overflow: hidden;
  max-width: 100% !important;
}s
video{
  width: 100%;
  height: 100%;
  object-fit: fill;
  }
  video:focus {
  outline:none;
  }
  /*  */
  .cp {

overflow: hidden;

padding: 1% 0 1%;
}
  .cp1{

}
  .cp1-l{

width: 57%;

display: block;

float: left;

margin-right: 1%;

position: relative;
}
.cp1-l span{

display: block;

padding: 0px 1% 0px;

color: #fff;

text-align: center;

/* border-left: 50px solid transparent; */

/* border-bottom: 30px solid #f07f2b; */

position: absolute;

bottom: 0px;

right: 0px;

font-size: 1rem;

background: #f07f2b;
}
  .cp img{
    
max-width: 100%;
  }
  .cp1-r{

width: 41%;

display: block;

float: right;

position: relative;
}
.cp1-r span{
  
display: block;
  
padding: 0px 1% 0px;
  
color: #fff;
  
text-align: center;
  
/* border-left: 50px solid transparent; */
  
/* border-bottom: 30px solid #f07f2b; */
  
position: absolute;
  
bottom: 0px;
  
right: 0px;
  
font-size: 1rem;
  
background: #f07f2b;
}
.cp2{

/* padding: 1% 0 1%; */

overflow: hidden;
}
.cp2 li{

display: block;

float: left;

width: 32%;

position: relative;
}
.cp2 li img{

}
.cp2 ul li:nth-child(3n){
  margin-right: -1%;
}
.cp2 li span{
  display: block;
  color: #fff;
  text-align: center;
  /* border-left: 50px solid transparent; */
  /* border-bottom: 30px solid #f07f2b; */
  position: absolute;
  bottom: 0px;
  right: 0px;
  font-size: 1rem;
  background: #f07f2b;
  padding: 0px 1% 0px;
}
.cp3{

padding: 1% 0 1%;

overflow: hidden;
}
.cp3 li{

display: block;

float: left;

width: 50%;

position: relative;

margin-right: 1%;
}
.cp3 ul li:nth-child(2n){
  margin-right: -1%;
}
.cp3 li img{

}
.cp3 li span{

display: block;

color: #fff;

text-align: center;

/* border-left: 50px solid transparent; */

/* border-bottom: 30px solid #f07f2b; */

position: absolute;

bottom: 0px;

right: 0px;

font-size: 1rem;

background: #f07f2b;

padding: 0px 1% 0px;
}
/*  */
.Ingenuity{

margin-top: 1%;

overflow: hidden;
}
.Ingenuity-l{

display: block;

float: left;

width: 57%;

margin-right: 1%;

overflow: hidden;

height: 20%;
}
.Ingenuity-l img{

max-width: 100%;
}
.Ingenuity-l p{

background: #1e3377;

color: #fff;

margin-top: 1%;

width: 100%;
}
.Ingenuity-l p b{

border-right: 1px solid #fff;

padding-right: 1%;

font-size: 1.5rem;

line-height: 2rem;

width: 22%;

display: inline-block;
}
.Ingenuity-l p span{

font-size: 1rem;

margin-left: 1%;

line-height: 2.2rem;

width: 72%;

float: right;

margin-right: 2%;
}
.Ingenuity-r{padding-right: 0px;overflow: hidden;}
.Ingenuity-r img{
    max-width: 100%;
}
.Ingenuity-r p{
  background: #1e3377;
  padding: 8% 0 0 1%;
  color: #fff;
  margin-bottom: 1%;
}
.Ingenuity-r p b{
  float: left;
  border-right: 1px solid #fff;
  font-size: 1.5rem;
  line-height: 2rem;
  display: inline-block;
  width: 44%;
}
.Ingenuity-r p span{
  font-size: 1rem;
  margin-left: 1%;
  line-height: 1.5rem;
  display: block;
  float: right;
  width: 50%;
}
/*  honor*/
.honor{
  background: url(../gssl/honor.jpg) no-repeat center center;
  overflow: hidden;
  margin-bottom: 2%;
  height: 500px;
}
.honor ul{

margin-top: 2%;
}
.honor ul li{

width: 48%;

display: block;

float: left;

margin-top: 2%;

margin-left: 1%;

margin-right: 0%;
}
.honor ul li img{
  
max-width: 100%;
}
.honor ul li:nth-child(2n){
}

}