* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* box-sizing: border-box; */
}
a{
  text-decoration: none; 
 
 } 
 li {
	list-style:none;
}
@media screen and (min-width: 320px) {html{font-size:50px !important;}}
@media screen and (min-width: 360px) {html{font-size:56.25px !important;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px !important;}}
@media screen and (min-width: 400px) {html{font-size:62.5px !important;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px !important;}}
@media screen and (min-width: 440px) {html{font-size:68.75px !important;}}
@media screen and (min-width: 480px) {html{font-size:75px !important;}}
@media screen and (min-width: 520px) {html{font-size:81.25px !important;}}
@media screen and (min-width: 560px) {html{font-size:87.5px !important;}}
@media screen and (min-width: 600px) {html{font-size:93.75px !important;}}
@media screen and (min-width: 640px) {html{font-size:100px !important;}}
@media screen and (min-width: 680px) {html{font-size:100px !important;}}
@media screen and (min-width: 720px) {html{font-size:100px !important;}}
@media screen and (min-width: 760px) {html{font-size:100px !important;}}
@media screen and (min-width: 800px) {html{font-size:100px !important;}}
@media screen and (min-width: 960px) {html{font-size:100px !important;}}


@media (min-width: 768px){ 
  .container {
      width: 750px;
  }
}
 
@media (min-width: 768px){
  .container {
    width: initial;
}

}

@media (min-width: 992px)
{
  .container {
    width: initial;
}
}

.px1200{
  margin: auto;
  width: 1200px;
  position: relative;
}

.knag_top{
  height: 0;
}

.pinp_kuang{

}

.pinp_kuang .top_img img{
  margin-left: -960px;
  left: 50%;
  position: relative;
  display: block;
}

.pinp_kuang .top_img{
  overflow: hidden;
  height: 370px;
  position: relative;
}

.pinp_kuang .top_img .text{
  position: absolute;
  width: 1200px;
  top:20px;
  left: 0;
  right: 0;
  z-index: 1;
  margin:0 auto;
  text-align: center;
}
.pinp_kuang .top_img .text a{
  width: 125px;
  height: 38px;
  text-align: center;
  background: #e60202;
  color: #fff;
  display: block;
  margin:30px auto;
  line-height: 38px;
  border-radius: 5px;

} 

.ziye_gbeij .ship{
  position: absolute;
  width: 800px;
  height: 450px;
  top:-300px;
  left: 0;
  right: 0;
  margin: auto;
  background: #000; 
}
.ziye_gbeij .ship video{
  width: 100%;
  height: 100%;
}

.ziye_gbeij{
  position: relative;
  background:#f3f3f3;
  padding-bottom: 50px;
} 

.ziye_gbeij .jinajie_kuang{
  text-align: justify; 
  line-height: 35px;
  color: #454545;
  padding-bottom: 50px;
  text-indent: 2em;
}
.ziye_gbeij .jinajie_kuang h2{
  text-align: center;
} 
.ziye_gbeij .jinajie_kuang img{
  max-width:1200px;
  text-align: center;
  margin: auto;
  display: block;
  padding:10px 0;
}
.ngage_ges{
  height: 210px;
}

@media (max-width: 1200px)
{ 
    html{
        max-width: 640px;
        margin: 0 auto;
    }
    
    .px1200 {
        margin: auto;
        width: 100%;
        position: relative;
    }
   
  .pinp_kuang {
        width: 100%;
        padding: .2rem 0;
    }
    .pinp_kuang .top_img .text { 
        width: 100%;
    }
    .pinp_kuang .top_img { 
        height: auto;
    }
    .ziye_gbeij .ship{
        width: 96%;
        height: 20%;
        margin: 2%;
        /* top: -2rem; */
    }
    .pinp_kuang .top_img img{
        margin-left: auto;
        left: inherit;
        display: block;
        height: 6rem;
        object-fit: cover;
        text-align: center;
        width: 100%;
    }
    .ngage_ges{
        height: 0.5rem;   
    }
    .ziye_gbeij .jinajie_kuang h2{
        font-size: .32rem;
    }
    .ziye_gbeij .jinajie_kuang img{
        max-width: 100%;
    }
    .ziye_gbeij .jinajie_kuang{
        padding: 0 .2rem;
        line-height: .4rem;
        font-size: .24rem;
    } 
    
}