@media screen and (max-width: 1536px) {

  .radiation .radiation_cen {
    width: 805px;
    height: 750px;
  }

  .radiation .radiation_cen .d1 {
    top: 21%;
  }

  .radiation .radiation_cen .d2 {
    top: 57%;
  }

  .radiation .radiation_cen .d3 {
    top: 91%;
  }

  .radiation .radiation_cen .d5 {
    top: 21%;
  }

  .radiation .radiation_cen .d6 {
    top: 57%;
  }

  .radiation .radiation_cen .d7 {
    top: 91%;
  }

  .transition {
    height: 900px;
  }

  .transition .transition_bot {
    width: 90%;
    height: 70vw;
  }

  .transition .transition_bot>div {
    width: 90%;
  }
  
  .transition .transition_bot .transition_fou>div:nth-child(1) {
    top: 3%;
  }

  .transition .transition_bot .transition_fou>div:nth-child(2) {
    top: 42%;
  }
}

@media screen and (max-width: 1280px) {

  .product .product_shadowLayer {
    width: 90%;
  }

  .submenu .submenu_cen {
    width: 90%;
  }

  .advantage .advantage_cen {
    width: 90%;
  }

  .guild .guild_cen {
    width: 90%;
  }

  .service .service_cen {
    width: 90%;
  }

  .certification .certification_cen {
    width: 90%;
  }

  .transition .transition_bot .transition_fou>div:nth-child(2) {
    top: 42%;
  }

  .radiation {
    height: 850px;
  }

  .radiation .radiation_cen {
    width: 650px;
    height: 600px;
  }

  .radiation .radiation_cen>div{
    width: 194px;
  }

  .radiation .radiation_cen .d1 {
    left: -195px;
  }

  .radiation .radiation_cen .d2 {
    left: -195px;
  }

  .radiation .radiation_cen .d3 {
    left: -195px;
  }

  .radiation .radiation_cen .d5 {
    right: -195px;
  }

  .radiation .radiation_cen .d6 {
    right: -195px;
  }

  .radiation .radiation_cen .d7 {
    right: -195px;
  }
}

@media screen and (max-width: 1098px) {

  .transition .transition_bot .transition_fou>div:nth-child(1) {
    top: 4%;
  }

  .guild .guild_cen>div {
    height: 380px;
  }

  .guild .guild_cen>div .guild_img {
    height: 212px;
  }

  .radiation .radiation_cen {
    width: 600px;
    height: 550px;
  }

  .radiation .radiation_cen>div {
    width: 188px;
  }

  .radiation .radiation_cen .d1 {
    left: -200px;
  }

  .radiation .radiation_cen .d2 {
    left: -200px;
  }

  .radiation .radiation_cen .d3 {
    left: -200px;
  }

  .radiation .radiation_cen .d5 {
    right: -200px;
  }

  .radiation .radiation_cen .d6 {
    right: -200px;
  }

  .radiation .radiation_cen .d7 {
    right: -200px;
  }

  .submenu .submenu_cen>div:nth-child(1) .p2{
    width: auto;
  }
}

@media screen and (max-width: 960px) {

  .radiation {
    height: 600px;
  }

  .radiation .radiation_title {
    top: 50px;
  }

  .radiation .radiation_cen {
    width: 490px;
    height: 420px;
    margin-top: 0;
  }

  .radiation .radiation_cen>div {
    width: 188px;
  }

  .radiation .radiation_cen .d1 {
    top: 19%;
    left: -36%;
  }

  .radiation .radiation_cen .d2 {
    top: 56%;
    left: -36%;
  }

  .radiation .radiation_cen .d3 {
    top: 90%;
    left: -36%;
  }

  .radiation .radiation_cen .d4 {
    bottom: -50px;
  }

  .radiation .radiation_cen .d5 {
    top: 19%;
    right: -36%;
  }

  .radiation .radiation_cen .d6 {
    top: 56%;
    right: -36%;
  }

  .radiation .radiation_cen .d7 {
    top: 90%;
    right: -36%;
  }

  .service .service_cen .service_bot>div .serviceContent{
    width: 80%;
    height: auto;
  }

  .certification .certification_cen .certification_bot>div .serviceContent{
    width: 80%;
    height: auto;
  }
}

@media screen and (max-width:768px) {
  .submenu {
    height: 300px;
  }

  .advantage {
    height: 410px;
  }

  .advantage .advantage_cen .advantage_font {
    height: 100px;
    line-height: 100px;
  }

  .advantage .advantage_cen .advantage_img {
    height: 50px;
  }

  .advantage .advantage_cen .advantage_img p {
    line-height: 50px;
  }

  .advantage .advantage_cen .dominantItem {
    height: 225px;
    padding: 20px 30px;
  }

  .advantage .advantage_cen .dominantItem>div {
    height: 60px;
  }

  .guild .guild_cen>div {
    height: 300px;
  }

  .guild .guild_cen>div .guild_img {
    height: 150px;
  }

  .service .service_cen .service_font {
    height: 20px;
    line-height: 20px;
  }
  .service .service_cen .service_bot>div{
    display: block;
    height: 256px;
  }

  .service .service_cen .service_bot>div .icon {
    width: 100px;
    height: 100px;
    margin: 30px auto;
  }

  .service .service_cen .service_bot>div .icon>img {
    height: 100%;
  }
  .service .service_cen .service_bot>div .serviceContent{
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
  }



  .certification .certification_cen .certification_font {
    height: 20px;
    line-height: 20px;
  }
  .certification .certification_cen .certification_bot>div{
    display: block;
    height: 256px;
  }

  .certification .certification_cen .certification_bot>div .icon {
    width: 100px;
    height: 100px;
    margin: 30px auto;
  }

  .certification .certification_cen .certification_bot>div .icon>img {
    height: 100%;
  }
  .certification .certification_cen .certification_bot>div .serviceContent{
    margin: 0 auto;
    font-size: 20px;
    line-height: 30px;
  }


  .radiation {
    height: 400px;
  }

  .radiation .radiation_cen {
    width: 330px;
    height: 300px;
  }

  .radiation .radiation_cen .d1 {
    left: -57%;
  }

  .radiation .radiation_cen .d2 {
    left: -57%;
  }

  .radiation .radiation_cen .d3 {
    left: -57%;
  }

  .radiation .radiation_cen .d5 {
    right: -57%;
  }

  .radiation .radiation_cen .d6 {
    right: -57%;
  }

  .radiation .radiation_cen .d7 {
    right: -57%;
  }

  .transition {
    height: 500px;
  }

  .product .product_shadowLayer>div .icontitle {
    line-height: 15px;
  }

  .submenu .submenu_cen>div {
    height: 170px;
  }

  .transition .transition_bot {
    background-size: 100%;
    margin-top: 60px;
  }
  .submenu .submenu_cen>div{
    padding: 16px;
  }
  .submenu .submenu_cen>div .p1{
    line-height: normal;
  }

  .submenu .submenu_cen>div .p2{
    line-height: normal;
  }

  .submenu .submenu_cen>div .p3{
    width: 55px;
    height: 55px;
  }
}

@media screen and (max-width:640px) {
  .product {
    height: 100px;
  }

  .product .product_shadowLayer {
    height: 100px;
    top: -50px;
  }

  .product .product_shadowLayer>div .icon {
    margin: 0 5px;
    height: 25px;
  }
  .product .product_shadowLayer>div .icon>img {
    height: 100%;
  }
  
  .product .product_shadowLayer>div .icontitle {
    line-height: 10px;
  }

  .submenu .submenu_cen {
    width: 95%;
  }

  .advantage .advantage_cen {
    width: 95%;
  }

  .guild .guild_cen {
    width: 95%;
  }

  .radiation {
    height: 260px;
  }

  .radiation .radiation_title {
    top: 20px;
  }

  .radiation .radiation_cen {
    width: 200px;
    height: 180px;
    margin-top: 30px;
  }

  .radiation .radiation_cen>div {
    width: 70px;
  }

  .radiation .radiation_cen>div .p2 {
    display: none;
  }

  .radiation .radiation_cen .d1 {
    left: -74px;
    top: 20%;
  }

  .radiation .radiation_cen .d2 {
    left: -74px;
    top: 55%;
  }

  .radiation .radiation_cen .d3 {
    left: -74px;
    top: 90%;
  }

  .radiation .radiation_cen .d4 {
    bottom: -18px;
  }

  .radiation .radiation_cen .d5 {
    right: -74px;
    top: 20%;
  }

  .radiation .radiation_cen .d6 {
    right: -74px;
    top: 55%;
  }

  .radiation .radiation_cen .d7 {
    right: -74px;
    top: 90%;
  }
  #transition_title{
    top: -30px;
  }
  
  #radiation_title{
    top: 10px;
  }
  
  #service_font{
    top: 0px;
  }
}

@media screen and (max-width:480px) {

  .guild{
    margin: 30px 0;
  }

  .guild .guild_cen>div {
    height: 230px;
  }

  .guild .guild_cen>div .guild_introduce {
    padding: 6px;
  }

  .guild .guild_cen>div .guild_introduce .p1 {
    font-size: 10px;
    line-height: 24px;
  }

  .guild .guild_cen>div .guild_introduce .p2 {
    line-height: 16px;
    font-size: 8px;
  }

  .guild .guild_cen>div .guild_img {
    height: 98px;
  }

  .service{
    padding-bottom: 30px;
  }

  .service .service_cen .service_font{
    line-height: 20px;
    margin-bottom: 20px;
  }

  .service .service_cen .service_bot>div{
    height: 180px;
    margin-bottom: 10px;
    display: flex;

  }

  .service .service_cen .service_bot>div .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
  }
  .service .service_cen .service_bot>div .serviceContent{
    margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
  }


  
  .certification{
    padding-bottom: 30px;
  }

  .certification .certification_cen .certification_font{
    line-height: 20px;
    margin-bottom: 20px;
  }

  .certification .certification_cen .certification_bot>div{
    height: 180px;
    margin-bottom: 10px;
    display: flex;

  }

  .certification .certification_cen .certification_bot>div .icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
  }
  .certification .certification_cen .certification_bot>div .serviceContent{
    margin: 0 auto;
    font-size: 12px;
    line-height: 20px;
  }


  .transition {
    height: 320px;
  }

  .transition .transition_top {
    height: auto;
    margin-top: 0;
  }

  .transition .transition_top .biaoti{
    line-height: 30px;
  }

  .transition .transition_bot>div>div>p {
    font-size: 12px;
  }

  .transition .transition_bot .transition_one>div {
    white-space: normal;
  }

  .transition .transition_bot .transition_sev>div {
    white-space: normal;
  }

  .submenu .submenu_cen>div {
    height: 150px;
  }
  .submenu .submenu_cen>div{
    padding: 10px;
  }

  .submenu .submenu_cen>div .p1 {
    font-size: 8px;
  }

  .submenu .submenu_cen>div .p2 {
    font-size: 8px;
  }

  
  .submenu .submenu_cen>div .p3{
    width: 55px;
    height: 55px;
    right: 10px;
    bottom: 10px;
  }
}