* {
  margin: 0;
  padding: 0;
}
body {
  //min-width: 1420px;
  font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif,"arial","sans-serif" !important;
  background-color: #FFF;
}
ul,
li {
  list-style: none;
}

a {
  cursor: pointer;
  text-decoration: none;
}

@media (min-width: 991px) {

  #nav {
    height: 70px;
    background: #FFF;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    border-bottom: 1px solid #ccc;
    position: fixed;
  }

  .menu {
    width: 200px;
  }

  .inav {
    width: 1200px;
    height: 70px;
    font-size: 14px;
    margin: 0 auto;
    padding-left: 300px;
    box-sizing: border-box;
    background: url("../static/images/logo.png") no-repeat left;
  }

  .inav dl {
    float: right;
  }

  .inav dl dt {
    float: left;
    transition: all ease 0.5s;
    margin: 0 0 0 50px;
  }

  .inav dl dt  a {
    height: 70px;
    width: 100%;
    box-sizing: border-box;
    line-height: 70px;
    //text-align: center;
    color: #333;
    display: inline-block;
    transition: all ease 0.5s;
    border-bottom: 1px solid #FFF;
  }

  .inav dl dt  a:hover {
    color: #4883c1;
    //border-bottom: 1px solid #4883c1;
    transform: rotate(0deg) scale(1.1);
  }

  .inav dl dt  a:hover:after {
    transition: all 0.3s ease;
    opacity: 1;
    width: 100%;
    transform: translateY(-3px);
  }

  .inav dl dt  a:after {
    opacity: 0;
    border-top: 2px solid #4883c1;
    content: '';
    display: block;
    position: relative;
    z-index: -1;
    margin: auto;
    width: 0px;
  }

  #prd_bas {
    width: 100%;
    position: fixed;
    margin: 70px 0 0 0;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.15)
  }

  #prd_bas>div {
    width: 1200px;
    height: 50px;
    margin: 0 auto;
    background: #FFF;
  }

  .prd_nam {
    font-size: 18px;
    font-weight: bold;
    float: left;
    line-height: 50px;
  }
  a.prd_buy {
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    width: 100px;
    height: 30px;
    background: #4883c1;
    float: right;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
    transition: all ease 1s;
  }
  a:hover.prd_buy {
    display: inline-block;
    transition: all ease 0.5s;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    background: #579663;
  }

  #fullpage {
    position: relative;
    top: 120px;
  }

  .section {
    height: 1080px;
    position: relative;
  }

  .section .page-content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%;
  }

  #fullpage .page1 {
    background: url("../static/images/bg_01.jpg") no-repeat center;
    background-size: cover !important;
    //padding-top: 56%;
  }

  .page2, .page4, .page5, .page7, .page9, .eleventh, .thirteenth {
    //background: url("../static/images/bg_02_02.png");
    //background-size: 100%;
    //padding-top: 60%;
  }

  .page3, .page6, .page8, .tenth, .twelveth, .fourteenth {
    background: #FFF;
  }


  /*============= common =============*/

  #contact {
    position: absolute;
    top: 50%;
    left: 30%;
    width: 100%;
    text-align: left;
    z-index: 100;
    color: #c1ae6b;
  }

  .content {
    padding-top: 100px;
    text-align: center;
  }

  .contact_title {
    color: #c1ae6b;
    font-size: 24px;
    font-weight: bold;
  }

  .title_1 {
    font-size: 60px;
    text-align: left;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url("../static/images/title_bg.jpg");
    background-size: cover;
    background-clip: text;
    background-origin: 50% 50%;
    -webkit-background-clip: text;
    color: #000;
  /*  color: transparent;*/
  /*  margin: 0 0 80px 0;*/
    position: relative;
    line-height:150px;
  }

  .title_2 {
    font-size: 36px;
    color: #FFF;
    text-align: left;
    line-height: 2.2;
  }

  .title_3 {
    font-size: 18px;
    color: #FFF;
    line-height: 2;
    text-align: left;
  }

  .title_3 em {
    font-style: normal;
    margin: 0 50px;
  }

  /*==========================*/

  .page1 .page-content {
    padding: 0 0 0 450px;
    box-sizing: border-box;
  }

  .page1 .content .text-h {
  }

  .page1 .content {
    padding-top: 200px;
  }

  .page1 .content ul li img {
    display: block;
    margin: 0 auto;
  }

  .page1 .content ul li .text {
    padding-top: 5px;
  }
  .page1 ul li .text{
    margin-top:15px;
  }
  .page1 .content ul li {
    width: 160px;
    display: inline-block;
    text-align: center;
  }

  .page1 .title_1 {
    background-image: url("../static/images/title_bg2.jpg");
  }

  .page1 .title_1 em {
    font-style: normal;
    font-size: 90px;
    display: block;
  /*  text-indent: -12px;*/
  }

  .page1 .title_2 {
    margin: 0 100px 20px 0;
  }

  .page1 .title_3 {
    padding: 0 0 0 0;
  }

  .page2 {
    position: relative;
  }

  .page2 .title_1 {
    //color: #0071b6;
  }

  .page2 .title_2>div {
    width: 50%;
    color: #333;
    background: url("../static/images/icon_screen2_1.png") no-repeat 0% 50%;
    text-indent: 100px;
    float: left;
    margin: 0 0 20px 0;
  }

  .page2 .title_2>div:nth-of-type(2) {
    background: url("../static/images/icon_screen2_2.png") no-repeat 0% 50%;
  }

  .page2 .title_3 {
    width: 50%;
    color: #333;
    float: left;
    height: 200px;
    padding: 0 80px 0 102px;
    box-sizing: border-box;
  }

  .page2 .title_4>div {
    width: 360px;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    height: 320px;
    background: url("../static/images/product_screen2.png") no-repeat -5% 0%;
    float: left;
    margin: 50px 0 0 0;
    padding: 280px 0 0 0;
    box-sizing: border-box;
  }

  .page2 .title_4>div a {
    color: #579663;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
    display: block;
    text-decoration: underline;
  }

  .page2 .title_4>div:nth-of-type(2) {
    width: 400px;
    background: url("../static/images/product_screen2.png") no-repeat 48% 0%;
  }

  .page2 .title_4>div:nth-of-type(3) {
    width: 440px;
    background: url("../static/images/product_screen2.png") no-repeat 107% 0%;
  }

  .page3 {
    background: #eef5f6;
    height: 1600px;
  }

  .page3 .title_2>div {
    width: 50%;
    color: #333;
    background: url("../static/images/icon_screen3_1.png") no-repeat 0% 7px;
    text-indent: 100px;
    float: left;
    margin: 0 0 20px 0;
  }

  .page3 .title_2 .prod {
    width: 550px;
    height: 244px;
    background: url("../static/images/product_screen3_1.png") no-repeat 50% 50%;
    margin: 20px 0;
    background-size: 100%;
    box-shadow: 0 10px 60px rgba(0,0,0,0.2);
    border-radius: 30px;
    text-indent: 0;
  }

  .page3 .title_2>div:nth-of-type(2) {
    background: url("../static/images/icon_screen3_2.png") no-repeat 50px 7px;
    padding: 0px 0 0 50px;
    box-sizing: border-box;
  }

  .page3 .title_2>div:nth-of-type(2) .prod {
    background: url("../static/images/product_screen3_2.png") no-repeat 50% 50%;
    background-size: 100%;
  }

  .page3 .title_2>div:nth-of-type(3) {
    width: 100%;
    background: url("../static/images/icon_screen3_3.png") no-repeat 0% 7px;
  }

  .page3 .title_2>div:nth-of-type(3) .prod {
    width: 1200px;
    height: 308px;
    background: url("../static/images/product_screen3_3.png") no-repeat 50% 50%;
    background-size: 100%;
    padding: 200px 10px 0 10px;
    box-sizing: border-box;
  }

  .page3 .title_2>div:nth-of-type(3) .prod a {
    border: solid 1px #fff;
    font-size: 14px;
    color: #fff;
    margin: 0px 138px;
    padding: 10px 20px;
    border-radius: 20px;
  }

  .page3 .title_2>div:nth-of-type(4) {
    width: 100%;
    background: url("../static/images/icon_screen3_4.png") no-repeat 0% 7px;
  }

  .page3 .title_2>div:nth-of-type(4) .prod {
    width: 1200px;
    height: 268px;
    background: url("../static/images/product_screen3_4.png") no-repeat 50% 50%;
    background-size: 100%;
    padding: 200px 10px 0 10px;
    box-sizing: border-box;
  }

  .page4 .title_1 {
    text-align: center;
    display: inline-block;
  }

  .page4 .title_2 {
    color: #333;
    width: 50%;
    float: left;
    text-align: center;
  }

  .page4 .title_3 {
    color: #333;
    width: 50%;
    float: left;
    text-align: center;
    padding: 0 30px;
    box-sizing: border-box;
  }

  .page4 .prod {
    width: 1200px;
    height: 476px;
    float: left;
    background: url("../static/images/product_screen4.png") no-repeat 50% 50%;
    background-size: 100%;
    padding: 200px 10px 0 10px;
    margin: 77px 0 0 0;
    box-sizing: border-box;
    box-shadow: 0 10px 60px rgba(0,0,0,0.2);
    border-radius: 30px 30px 0 0;
  }

  .page5 {
    background: #eef5f6;
  }

  .page5 .title_1 {
    text-align: center;
    display: inline-block;
  }

  .page5 .title_2 {
    color: #333;
  }

  .page5 .title_3 {
    color: #333;
    text-align: center;
    width: 70%;
    margin: 0 auto;
  }

  .page5 .prod>div {
    width: 370px;
    height: 518px;
    float: left;
    background: url("../static/images/product_screen5_1.png") no-repeat 50% 50%;
    padding: 30px 10px 0 10px;
    margin: 77px 30px 0 0;
    box-sizing: border-box;
    box-shadow: 0 10px 60px rgba(0,0,0,0.2);
    border-radius: 30px;
    color: #338a8f;
    font-size: 20px;
    font-weight: bold;
  }

  .page5 .prod>div:nth-of-type(2) {
    background: url("../static/images/product_screen5_2.png") no-repeat 50% 50%;
    position: relative;
    left: 15px;
    color: #6b7422;
  }

  .page5 .prod>div:nth-of-type(3) {
    background: url("../static/images/product_screen5_3.png") no-repeat 50% 50%;
    position: relative;
    left: 30px;
    color: #363967;
  }

  .page6 {
    background: url("../static/images/bg_06.jpg") no-repeat 50% 50%;
    background-size: cover;
  }

  .page6 .title_1 {
    text-align: center;
    display: inline-block;
  }

  .page6 .title_2 {
    color: #333;
  }

  .page6 .title_3 {
    color: #333;
    text-align: center;
    width: 70%;
    margin: 0 auto;
  }

  .page7 {
    background: url("../static/images/bg_07.jpg") no-repeat 50% 50%;
    background-size: cover;
  }

  .page7 .page-content {
    box-sizing: border-box;
    width: 1200px;
  }

  .page7 .content {
    position: absolute;
    right: 30px;
    width: 450px;
  }

  .page7 .title_1 {
    text-align: left;
  }

  .page7 .title_2 {
    color: #333;
  }

  .page7 .title_3 {
    color: #333;
    text-align: left;
    margin: 0 auto;
  }

  .page8 {
  }

  .page8 .title_1 {
    text-align: center;
    display: inline-block;
  }

  .page8 .title_3 {
  }

  .page8 .title_3>div {
    color: #333;
    width: 550px;
    text-align: center;
    float: left;
  }

  .page8 .title_3 em {
    height: 150px;
    display: block;
  }

  .page8 .title_3 .prod {
    width: 100%;
    height: 420px;
    background: url("../static/images/product_screen8_1.png") no-repeat 50% 50%;
    background-size: 100%;
    box-sizing: border-box;
    box-shadow: 0 10px 60px rgba(0,0,0,0.2);
    border-radius: 30px;
    padding: 300px 0 0 0;
    transition: all ease 0.5s;
  }

  .page8 .title_3 .prod:hover {
    transform: translateY(-10px);
    transition: all ease 1s;
    box-shadow: 0 10px 60px rgba(0,0,0,0.2);
  }

  .page8 .title_3 .prod a {
    border: solid 1px #43b4ba;
    font-size: 18px;
    color: #43b4ba;
    margin: 0px 138px;
    padding: 10px 20px;
    border-radius: 30px;
    position: relative;
    top: 160px;
    transition: all ease 0.5s;
  }

  .page8 .title_3 .prod a:hover {
    transition: all ease 1s;
    border: solid 1px #333;
    color: #333;
  }

  .page8 .title_3>div:nth-of-type(2) {
    position: relative;
    left: 100px;
  }

  .page8 .title_3>div:nth-of-type(2) .prod {
    background: url("../static/images/product_screen8_2.png") no-repeat 50% 50%;
    background-size: 100%;
    transition: all ease 0.5s;
  }

  .page8 .title_3>div:nth-of-type(2) .prod:hover {
    transform: translateY(-10px);
    transition: all ease 1s;
    box-shadow: 0 10px 60px rgba(0,0,0,0.2);
  }


  .page8 .title_3>div:nth-of-type(2) .prod a {
    border: solid 1px #adb352;
    font-size: 18px;
    color: #adb352;
    margin: 0px 138px;
    padding: 10px 20px;
    border-radius: 30px;
    position: relative;
    top: 160px;
    transition: all ease 0.5s;
  }

  .page8 .title_3>div:nth-of-type(2) .prod a:hover {
    transition: all ease 1s;
    border: solid 1px #333;
    color: #333;
  }

  .page9 {
    background: #eef5f6;
    height: 2200px;
  }

  .page9 .title_1 {
    text-align: center;
    display: inline-block;
  }

  .page9 .title_3>a {
    width: 200px;
    height: 200px;
    float: left;
    background: #fff;
    box-sizing: border-box;
    border-radius: 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    margin: 0 20px 100px;
    text-align: center;
    color: #333;
    transition: all ease 1s;
    line-height: 480px;
    font-size: 14px;
  }

  .page9 .title_3>a:hover {
    text-decoration: underline;
    transform: translateY(-10px);
    transition: all ease 0.5s;
    box-shadow: 0 10px 50px rgba(0,0,0,0.2);
    color: #4883c1;
  }

  
  }
  .page9 .title_3>a:nth-of-type(1) {
    background: url("../static/images/product_01.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(2) {
    background: url("../static/images/product_02.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(3) {
    background: url("../static/images/product_03.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(4) {
    background: url("../static/images/product_04.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(5) {
    background: url("../static/images/product_05.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(6) {
    background: url("../static/images/product_06.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(7) {
    background: url("../static/images/product_07.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(8) {
    background: url("../static/images/product_08.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(9) {
    background: url("../static/images/product_09.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(10) {
    background: url("../static/images/product_10.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(11) {
    background: url("../static/images/product_11.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(12) {
    background: url("../static/images/product_12.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(13) {
    background: url("../static/images/product_13.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(14) {
    background: url("../static/images/product_14.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(15) {
    background: url("../static/images/product_15.png") no-repeat center, #fff;
    background-size: cover;
  }
  .page9 .title_3>a:nth-of-type(16) {
    background: url("../static/images/product_16.png") no-repeat center, #fff;
    background-size: cover;
  }
  .page9 .title_3>a:nth-of-type(17) {
    background: url("../static/images/product_17.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(18) {
    background: url("../static/images/product_18.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(19) {
    background: url("../static/images/product_19.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(20) {
    background: url("../static/images/product_20.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(21) {
    background: url("../static/images/product_21.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(22) {
    background: url("../static/images/product_22.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(23) {
    background: url("../static/images/product_23.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(24) {
    background: url("../static/images/product_24.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(25) {
    background: url("../static/images/product_25.png") no-repeat center, #fff;
    background-size: cover;
  }
  
  .page9 .title_3>a:nth-of-type(26) {
    background: url("../static/images/product_26.png") no-repeat center, #fff;
    background-size: cover;
  }  
  .page9 .title_3>a:nth-of-type(27) {
    background: url("../static/images/product_27.png") no-repeat center, #fff;
    background-size: cover;
  } 
  .page9 .title_3>a:nth-of-type(28) {
    background: url("../static/images/product_28.png") no-repeat center, #fff;
    background-size: cover;
  } 
.page9 .title_3>a:nth-of-type(29) {
    background: url("../static/images/product_29.png") no-repeat center, #fff;
    background-size: cover;
  } 
  
  .contactus {
    background: url("../static/images/contactus.jpg") no-repeat center;
    background-size: cover;
  }

  .contactus .content {
    width: 100%;
    text-align: center;
  }

  .contactus .title_1 {
    color: #c1ae6b;
    font-size:60px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
  }

  .contactus .title_2 {
    padding: 0;
    position: relative;
    left: 100px;
  }

  .contactus .title_2 li {
    color: #FFF;
    font-size: 16px;
    display: inline-block;
    line-height: 2.2;
    text-align: left;
    vertical-align: top;
    width: 550px;
    margin-top: 30px;
    padding: 0 30px 0 0;
  }

  .contactus .title_2 li em {
    color: #c1ae6b;
    font-size: 24px;
    font-style: normal;
    display: block;
    text-align: left;
    position: relative;
    left: -20px;
    border-left: 2px solid #84714f;
    padding-left: 20px;
    line-height: 1.5;
  }

  .contactus a {
    color: #FFF;
    text-decoration: underline;
  }

  .contactus .title_3 {
    width: 100%;
    position: absolute;
    bottom: 60px;
    text-align: center;
  }

  .contactus .title_3 img {
    margin: 0 auto;
    position: relative;
    left: -20px;
  }

  .player video {
    padding-top: 30px;
  }
}




/*=================== mobile ===================*/

@media (max-width: 991px) {

  /*============= common =============*/

  .content {
    text-align: center;
    display: table-cell;
    vertical-align: top;
    padding-top: 20vw;
  }

  .contact_title {
    color: #c1ae6b;
    font-size: 24px;
    font-weight: bold;
  }

  .title_1 {
    font-size: 10vw;
    text-align: center;
    font-weight: 800;
    color: #000;
    margin: 0 1vw 6vw;
    position: relative;
    display: inline-block;
	line-height: 1.4;
  }

  .title_2 {
    font-size: 6vw;
    color: #000;
    text-align: center;
    font-weight: 400;
    line-height: 1.5;
  }

  .title_3 {
    font-size: 3.5vw;
    width: 90%;
    color: #000;
    line-height: 1.5;
    text-align: center;
    margin: 0 auto 0;
    font-weight: 400;
    display: none;
  }

  .title_3 em {
    font-style: normal;
  }

  #page2_pic_01 img, #page2_pic_02 img {
    display: none;
  }

  .section {
    width: 100%;
    height: calc(100vw * 1.4666666666666666);
    border-radius: 8vw;
    margin-bottom: 5vw;
  }
  .section .page-content {
    margin: 0 auto;
    position: relative;
    height: 100%;
    display: table;
  }
  .page1 {
    background: url("../static/images/001.jpg") no-repeat center;
    background-color: #ccc;
    background-size: 100%;
  }
  .page1.section {
    height: 170vw;
  }
  .page1 .title_1 em {
    font-style: normal;
    display: block;
    font-weight: 900;
    font-size: 10vw;
    margin-bottom: 3vw;
  /*  text-indent: -12px;*/
  }
  .page1 .title_1 {
    font-size: 6vw;
    font-weight: 400;
  }
  .page1 .title_3 {
  }
  .page2 {
    background: url("../static/images/002.jpg") no-repeat center;
    background-size: 100%;
  }

  .page2 .title_4>div {
    width: 33vw;
    height: 38vw;
    color: #333;
    font-size: 3.5vw;
    background: url("../static/images/product_screen2.png") no-repeat -4% 0% /100vw;
    float: left;
    margin: 10vw 0 0 0;
    padding: 24vw 0 0 0;
    box-sizing: border-box;
  }

  .page2 .title_4>div a {
    color: #579663;
    font-size: 3vw;
    line-height: 1.5;
    font-weight: normal;
    display: block;
    text-decoration: underline;
  }

  .page2 .title_4>div:nth-of-type(2) {
    width: 33vw;
    background: url("../static/images/product_screen2.png") no-repeat 48% 0% /100vw;
  }

  .page2 .title_4>div:nth-of-type(3) {
    width: 33vw;
    background: url("../static/images/product_screen2.png") no-repeat 103% 0% /100vw;
  }

  .page3 .title_2>div {
    color: #333;
    margin: 0 0 20px 0;
  }

  .page3 {
    background: url("../static/images/003.jpg") no-repeat center;
    background-size: 100%;
    height: auto;
  }
  .page3 .content {
  }

  .page3 .title_2 .prod {
    width: 100vw;
    height: 40vw;
    background: url("../static/images/product_screen3_1.png") no-repeat 50% 50%;
    background-size: 100%;
    border-radius: 7vw;
    text-indent: 0;
  }

  .page3 .title_2>div:nth-of-type(2) {
    box-sizing: border-box;
  }

  .page3 .title_2>div:nth-of-type(2) .prod {
    background: url("../static/images/product_screen3_2.png") no-repeat 50% 50%;
    background-size: 105%;
  }

  .page3 .title_2>div:nth-of-type(3) {
    width: 100%;
  }

  .page3 .title_2>div:nth-of-type(3) .prod {
    width: 100vw;
    background: url("../static/images/product_screen3_3s.png") no-repeat 50% 50%;
    background-size: 100%;
    box-sizing: border-box;
    padding-top: 29vw;
  }

  .page3 .title_2>div:nth-of-type(3) .prod a {
    border: solid 1px #fff;
    font-size: 3vw;
    color: #fff;
    margin: 0px 6vw;
    border-radius: 3vw;
    padding: 0 2vw;
  }

  .page3 .title_2>div:nth-of-type(4) {
    width: 100%;
  }

  .page3 .title_2>div:nth-of-type(4) .prod {
    width: 100vw;
    background: url("../static/images/product_screen3_4s.png") no-repeat 50% 50%;
    background-size: 100%;
    box-sizing: border-box;
  }
  .page4 {
    background: url("../static/images/004.jpg") no-repeat center;
    background-size: 100%;
  }
  .page4 .title_2 {
    display: none;
  }

  .page5 {
    background: url("../static/images/005.jpg") no-repeat center;
    background-size: 100%;
  }
  .page5 .prod {
    display: none;
  }
  .page5 .title_3 {
    display: block;
  }
  .page6 {
    background: url("../static/images/006.jpg") no-repeat center;
    background-size: 100%;
  }
  .page6 .title_3 {
    display: block;
  }
  .page7 {
    background: url("../static/images/007.jpg") no-repeat center;
    background-size: 100%;
    height: auto;
  }
  .page7 .title_3 {
    display: block;
    text-align: left;
    margin-top: 90vw;
    margin-bottom: 6vw;
  }
  .page8 {
    background: url("../static/images/008.jpg") no-repeat center;
    background-size: 100%;
    height: auto;
  }

  .page8 .title_3 {
    display: block;
  }

  .page8 .title_3>div {
    color: #333;
    text-align: center;
    float: left;
    margin-bottom: 20vw;
  }

  .page8 .title_3 em {
    display: block;
    margin-bottom: 3vw;
  }

  .page8 .title_3 .prod {
    width: 100%;
    height: 68vw;
    background: url("../static/images/product_screen8_1.png") no-repeat 50% 50%;
    background-size: 100%;
    border-radius: 6vw;
  }

  .page8 .title_3 .prod:hover {
    transform: translateY(-10px);
    transition: all ease 1s;
    box-shadow: 0 10px 60px rgba(0,0,0,0.2);
  }

  .page8 .title_3 .prod a {
    border: solid 1px #43b4ba;
    font-size: 4vw;
    color: #43b4ba;
    padding: 1vw 3vw;
    border-radius: 4vw;
    position: relative;
    top: 72vw;
  }

  .page8 .title_3>div:nth-of-type(2) {
    position: relative;
    margin-bottom: 2vw;
  }

  .page8 .title_3>div:nth-of-type(2) .prod {
    background: url("../static/images/product_screen8_2.png") no-repeat 50% 50%;
    background-size: 100%;
  }

  .page9 {
    height: auto;
  }

  .page9 .title_3 {
    display: block;
    margin-top: 0;
  }

  .page9 .title_3>a {
    width: 26vw;
    height: 26vw;
    float: left;
    background: #fff;
    box-sizing: border-box;
    border-radius: 4vw;
    margin: 0 2vw 12vw;
    padding-top: 26vw;
    text-align: center;
    color: #333;
    line-height: 1.5;
    font-size: 3vw;
    box-shadow: 0 0 2vw rgba(0,0,0,0.1);
  }

  .page9 .title_3>a:nth-of-type(1) {
    background: url("../static/images/product_01.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(2) {
    background: url("../static/images/product_02.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(3) {
    background: url("../static/images/product_03.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(4) {
    background: url("../static/images/product_04.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(5) {
    background: url("../static/images/product_05.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(6) {
    background: url("../static/images/product_06.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(7) {
    background: url("../static/images/product_07.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(8) {
    background: url("../static/images/product_08.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(9) {
    background: url("../static/images/product_09.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(10) {
    background: url("../static/images/product_10.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(11) {
    background: url("../static/images/product_11.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(12) {
    background: url("../static/images/product_12.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(13) {
    background: url("../static/images/product_13.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(14) {
    background: url("../static/images/product_14.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(15) {
    background: url("../static/images/product_15.png") no-repeat center, #fff;
    background-size: cover;
  }
  .page9 .title_3>a:nth-of-type(16) {
    background: url("../static/images/product_16.png") no-repeat center, #fff;
    background-size: cover;
  }
  .page9 .title_3>a:nth-of-type(17) {
    background: url("../static/images/product_17.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(18) {
    background: url("../static/images/product_18.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(19) {
    background: url("../static/images/product_19.png") no-repeat center, #fff;
    background-size: cover;
  }

  .page9 .title_3>a:nth-of-type(20) {
    background: url("../static/images/product_20.png") no-repeat center, #fff;
    background-size: cover;
  }
  
  .page9 .title_3>a:nth-of-type(21) {
    background: url("../static/images/product_21.png") no-repeat center, #fff;
    background-size: cover;
  }
  
  .page9 .title_3>a:nth-of-type(22) {
    background: url("../static/images/product_22.png") no-repeat center, #fff;
    background-size: cover;
  }
  
  .page9 .title_3>a:nth-of-type(23) {
    background: url("../static/images/product_23.png") no-repeat center, #fff;
    background-size: cover;
  }
  
  .page9 .title_3>a:nth-of-type(24) {
    background: url("../static/images/product_24.png") no-repeat center, #fff;
    background-size: cover;
  }
  
  .page9 .title_3>a:nth-of-type(25) {
    background: url("../static/images/product_25.png") no-repeat center, #fff;
    background-size: cover;
  }
  
  .page9 .title_3>a:nth-of-type(26) {
    background: url("../static/images/product_26.png") no-repeat center, #fff;
    background-size: cover;
  }
    

  .contactus {
    display: none;
  }


  #anzhuang img {
    height: 96vw;
    object-fit: cover;
  }

  #ckggs {
    font-size: 3.5vw;
    display: block;
    margin-bottom: 6vw;
    color: #333;
    text-decoration: underline;
  }
}