@media only screen and (min-width: 1320px) {
  .kd {
    width: 1320px;
    margin: 0 auto;
  }
  .ap_nav {
    display: none;
  }
  .w31 {
    width: 31%;
  }
  .w65 {
    width: 65%;
  }
  .w31n {
    width: 31%;
  }
  .w65n {
    width: 65%;
  }
  .pd {
    padding: 35px 0;
  }
  .pc_no {
    display: none;
  }
  .banner {
    height: 100vh;
  }
  #simplemodal-container {
    width: 575px;
    padding: 12px;
  }
  .banner .flex-control-nav {
    left: 520px;
  }
  .abt1 {
    height: 608px;
    /* padding: 40px 0; */
  }
  .abt3 {
    height: 568px;
    /* padding: 40px 0; */
  }
  .abt3 .solid_line_box {
    text-align: left;
  }
  .solid_line_box {
    width: 100%;
    margin-top: 40px;
    text-align: right;
  }
  .solid_line {
    width: 35px;
    height: 2px;
    background-color: #fff;
    display: inline-block;
  }

/*  .abt1nr2 ul li:nth-child(1),
  .abt1nr2 ul li:nth-child(3),
  .abt1nr2 ul li:nth-child(5) {
    float: left;
    margin-right: 120px;
  }

  .abt1nr2 ul li:nth-child(2),
  .abt1nr2 ul li:nth-child(4),
  .abt1nr2 ul li:nth-child(6) {
    float: right;
  }*/
  .abt1nr2 ul li:nth-child(3),
  .abt1nr2 ul li:nth-child(5) {
    clear: both;
  }

  .abt4 .abt1nr2 ul li {
    float: right;
    margin-right: 0;
  }
  .abt4 .abt1nr2 ul li:nth-child(2) {
    clear: both;
  }
  .abt3 .abt1nr,
  .abt5 .abt1nr {
    text-align: left;
  }
  .abt1nr {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .about .abt1nr {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .abt3nr {
    width: 600px;
    text-align: right;
  }
  .abt2 {
    height: 720px;
    padding: 40px 0;
  }
  .in_newslftoppic img {
    width: 375px;
    height: 250px;
  }
  .in_newslftoprt {
    width: 420px;
  }
  .in_newslf {
    width: 820px;
  }
  .in_vdic img {
    width: 400px;
    height: 250px;
  }
  .in_newsrt {
    width: 400px;
  }
  .in_newsrtls ul li {
    padding-top: 60px;
  }
  .in_lxrt h3 {
    font-size: 60px;
  }
  .in_lxrt {
    width: 670px;
  }
  .inlxfs_rt {
    width: 670px;
  }
  .inlxfs_rt h4,
  .inlxfs_lf h4 {
    line-height: 50px;
  }
  .ft_link ul li {
    /* float: left; */
    width: 50%;
  }
  .ft_link ul li:nth-child(1) {
    width: calc(50% - 1px);
    border-right: 1px solid #4d4d4d;
  }
  .ft_link ul li a:hover h3,
  .ft_link ul li a:hover h4 {
    opacity: 1;
  }
  .ft_link ul li img {
    opacity: 0;
    transition: all 800ms;
    -webkit-transition: all 800ms;
    -moz-transition: all 800ms;
    -o-transition: all 800ms;
  }
  .ft_link ul li a:hover img {
    opacity: 1;
  }
  .ft_link ul li a:hover h5 {
    opacity: 1;
  }
  .ft_nr ul li {
    /* float: left; */
    /* width: calc(25% - 50px); */
  }
  .ft_nr ul li:nth-child(1),
  .ft_nr ul li:nth-child(2),
  .ft_nr ul li:nth-child(3) {
    /* border-right: 1px solid #4d4d4d; */
    width: calc(25% - 51px);
  }
  .ft_nr ul {
    /* padding: 40px 0 0 50px; */
    /* height: 58px; */
  }
  .abt_bn {
    height: 500px;
  }
  .about .abt_bn {
    height: 585px;
  }
  .abt_bn h3 {
    padding-top: 250px;
  }
  .abt_bn h4 {
    padding-top: 40px;
    max-width: 1120px;
    margin: 0 auto;
  }
  .ct_bn {
    height: 500px;
  }
  .ct_bn h3 {
    padding-top: 250px;
  }
  .ct_bn h4 {
    padding-top: 40px;
    max-width: 1120px;
    margin: 0 auto;
  }
  .pro_bn {
    height: 500px;
  }
  .pro_bn h3 {
    padding-top: 250px;
  }
  .pro_bn h4 {
    padding-top: 40px;
    max-width: 1120px;
    margin: 0 auto;
  }
  .zj_tcwz {
    width: 400px;
    padding: 30px;
    margin: auto;
    top: 50%;
    margin-top: -200px;
    left: 0;
    right: 0;
  }
  .abt_zjls ul li {
    float: left;
    width: 221px;
    overflow: hidden;
    padding-top: 60px;
    padding-left: 50px;
  }
  .zj_pic img {
    width: 221px;
    height: 294px;
  }
  .abt_zjls ul {
    margin-left: -50px;
  }
  .abt4 .abt_bt i {
    position: absolute;
    right: 0;
    top: 85px;
  }
  .abt4ls ul li {
    width: 300px;
    height: 205px;
    margin-left: 40px;
    margin-top: 40px;
  }
  .abt4ls ul {
    margin-left: -40px;
  }
  .pro1 ul li a h3 {
    font-size: 28px;
  }
  .pro1 ul li {
    float: left;
    width: 597px;
    margin-left: 126px;
  }
  .pro1 ul {
    margin-left: -126px;
  }
  .pro1 .kd {
    border-bottom: 10px solid #fff;
  }
  .pro_hd {
    height: 120px;
  }
  .pro2 ul li a h3 {
    font-size: 28px;
  }
  .pro2 ul li {
    float: left;
    width: 30.333%;
    margin-left: 3%;
  }
  .pro2 ul {
    margin-left: -3%;
  }
  .pro2 ul li img {
    width: 100%;
  }
  .pro2 ul {
    border-bottom: 10px solid #f9f9f9;
    padding: 0 3%;
  }
  .pro3 ul li a h3 {
    font-size: 28px;
  }
  .pro3 .kd {
    border-bottom: 10px solid #fff;
  }
  .nei_bn {
    height: 380px;
  }
  .nei_nav {
    position: absolute;
    top: 315px;
    left: 0;
    right: 0;
    height: 65px;
  }
  .nei_nav h1 {
    float: left;
  }
  .nei_nav h4 a {
    padding: 0 35px;
  }
  .nei_nav h4 {
    float: right;
  }
  .news_top .fl {
    margin-right: 20px;
  }
  .join_txt {
    width: 500px;
  }
  .join_sb {
    width: 200px;
  }
  .news_ss {
    width: 740px;
  }
  .news_lf {
    width: 930px;
  }
  .news_rt {
    width: 300px;
  }
  .news_lfls ul li img {
    display: block;
    width: 440px;
    height: 293px;
    float: left;
  }
  .news_lfls ul li span {
    width: 450px;
  }
  .news_lsnr {
    float: left;
    width: 695px;
  }
  .news_toplf {
    width: 870px;
    float: left;
  }
  .news_topnr {
    padding: 55px 35px;
    float: left;
    width: 700px;
  }
  .news_topnr img {
    width: 326px;
    height: 215px;
    float: left;
  }
  .news_nrtoprt {
    float: right;
    width: 350px;
  }
  .news_lsdate {
    float: left;
    padding: 0 30px;
    margin-top: 30px;
  }
  .news_lswz {
    float: left;
    padding: 0 30px;
    border-left: 1px solid #dcdcdc;
    width: 710px;
    margin-top: 30px;
  }
  .news_lspic {
    float: right;
  }
  .news_lspic img {
    width: 270px;
    height: 178px;
  }
  .news_rt {
    width: 377px;
    float: right;
  }
  .news_neinr {
    padding: 55px 35px;
  }
  .bdsharebuttonboxnp {
    position: static !important;
  }
  .ct_lx {
    padding-top: 85px;
  }
  .ly_tcbg {
    width: 500px;
    margin: -120px auto 0;
  }
}
/** iPad **/
@media only screen and (min-width: 760px) and (max-width: 1320px) {
  .product_list {
    justify-content: center;
  }
  .index_abt4 .abtnrrt {
    text-align: right;
  }
  .index_abt4 ul {
    width: 35%;
    float: right;
    text-align: right;
  }
  .index_abt4 ul li {
    background: url(img/abt_dui.png) no-repeat right center;
    background-size: 22px 22px;
    padding-right: 30px;
  }
  .about .abt2nr {
    flex-wrap: wrap;
  }
  .about .abt2nr ul {
    width: 80%;
    padding-left: 110px;
    margin-bottom: 20px;
  }
  .about .abt2nr img {
    width: 80%;
    margin: 0 auto;
  }
  .abt_zjls p:nth-child(1) {
    color: #0095ff;
    font-size: 25px;
    margin-bottom: 20px;
  }
  .abt_zjls > div {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .abt_zjls {
    flex-wrap: wrap;
  }
  .abt_zjls img {
    width: 100%;
  }
  .ap_no {
    display: none;
  }
  .ap_pd {
    padding: 0 4%;
  }
  .fl,
  .fr {
    float: none;
  }
  .ap_ct {
    text-align: center;
  }
  .w65 {
    width: 60%;
    margin: 0 2.5%;
  }
  .w31 {
    width: 30%;
    margin: 0 2.5%;
  }
  .w31n {
    display: none;
  }
  .w65n {
    width: 90%;
    margin: 0 5%;
  }
  .logo2 {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1000;
  }
  .logo2 img {
    display: block;
    height: 35px;
  }
  .ap_nav {
    display: block;
  }
  .sz60 {
    font-size: 60%;
  }
  .sz80 {
    font-size: 80%;
  }
  .banner {
    height: 100vh;
  }
  .banner .text {
    font-size: 40px;
    line-height: 80px;
  }
  .in_1height {
    padding-bottom: 30px;
  }
  #simplemodal-container {
    width: 575px;
    padding: 12px;
  }
  .banner .flex-control-nav {
    right: 50px;
  }
  .bn_down {
    width: 100%;
  }
  .bn_donwjt {
    width: 50%;
  }
  .in_bt {
    font-size: 48px;
  }
  .in_bt span {
    font-size: 24px;
    top: 20px;
  }
  .in_pd {
    padding: 60px 20px;
  }
  .abtnrrt .abt_bt i {
    left: 0;
    right: auto;
  }
  .in_newslftoppic img {
    width: 334px;
    height: 250px;
    margin: 0 auto;
  }
  .in_newslftoprt h3,
  .in_newslftoprt h4,
  .in_newslftoprt h5 {
    text-align: center;
  }
  .in_newslftoprt h6 {
    margin: 0 auto;
  }
  .in_newsls ul li {
    padding-top: 40px;
  }
  .in_vdic img {
    margin: 0 auto;
  }
  .in_lx {
    padding: 0 20px 60px;
  }
  .ft_link ul {
    flex-wrap: wrap;
  }
  .ft_link ul li {
    width: 100%;
  }
  .ft_link ul li a h3,
  .ft_link ul li a h4,
  .ft_link ul li a h5 {
    opacity: 1;
  }
  .ft_nr ul li {
    padding-bottom: 40px;
  }
  .abt_bn {
    height: 500px;
  }

  .abt_bn h3 {
    padding-top: 190px;
    font-size: 32px;
  }
  .abt_bn h4 {
    padding-top: 50px;
    max-width: 1120px;
    font-size: 18px;
    margin: 0 20px;
  }
  .abt_zjls ul li {
    float: left;
    width: 30.333%;
    overflow: hidden;
    padding-top: 60px;
    padding-left: 3%;
  }
  .zj_pic img {
    width: 100%;
  }
  .abt_zjls ul {
    margin-left: -3%;
  }
  .zj_tcwz {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    padding: 20px;
  }
  .abt4ls ul li {
    width: 30.33%;
    margin-left: 3%;
    margin-top: 40px;
  }
  .abt4ls ul {
    margin-left: -3%;
  }
  .abt4 .abt_bt i {
    position: absolute;
    left: 0;
    top: 85px;
  }
  .pro_hd {
    height: 80px;
  }
  .pro1 ul li:nth-child(2) {
    padding-top: 40px;
  }
  .pro1 ul li img {
    max-width: 100%;
  }
  .pro2 ul li:nth-child(2),
  .pro2 ul li:nth-child(3) {
    padding-top: 40px;
  }
  .pro2 ul li img {
    max-width: 100%;
  }
  .nei_bn {
    height: 200px;
  }
  .nei_nav h1 {
    width: 100%;
  }
  .nei_nav h4 a {
    width: 33.333%;
  }
  .news_top {
    padding: 40px 20px;
  }
  .news_top h3 {
    padding-bottom: 10px;
  }
  .join_txt {
    width: calc(70% - 12px);
    float: left;
  }
  .join_sb {
    width: 200px;
    width: 30%;
    float: right;
  }
  .news_lfls ul li h3 {
    padding: 25px 0 15px;
  }
  .news_lfls ul li a h4 {
    margin-bottom: 15px;
  }
  .news_rtbt {
    padding-top: 40px;
  }
  .news_pd {
    padding: 0 20px;
  }
  .ct_bn {
    height: 450px;
  }
  .ct_bn h3 {
    padding-top: 190px;
    font-size: 32px;
  }
  .ct_bn h4 {
    padding-top: 50px;
    max-width: 1120px;
    font-size: 18px;
    margin: 0 20px;
  }
  .ct_lx {
    padding-top: 60px;
  }
  .pro_bn {
    height: 450px;
  }
  .pro_bn h3 {
    padding-top: 190px;
    font-size: 32px;
  }
  .pro_bn h4 {
    padding-top: 50px;
    max-width: 1120px;
    font-size: 18px;
    margin: 0 20px;
  }
  .ly_tcbg {
    margin: -100px 20px 0;
  }
}
/** iPhone **/
@media only screen and (max-width: 760px) {
  .product_item {
    width: 100%;
  }
  .index_abt1nr2 ul li {
    margin-top: 30px;
  }
  .abt_zjls p:nth-child(3) {
    padding: 10px;
  }
  .about .abt_bt {
    font-size: 16px;
  }
  .about .abt2nr {
    flex-wrap: wrap;
    margin-top: 0;
  }
  .about .abt2nr ul {
    width: 80%;
    padding-left: 80px;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .about .abt2nr img {
    width: 80%;
    margin: 0 auto;
  }
  .abt_zjls p:nth-child(1) {
    color: #0095ff;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .abt_zjls > div {
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .abt_zjls {
    flex-wrap: wrap;
  }
  .abt_zjls img {
    width: 100%;
  }
  .product_list {
    justify-content: center;
  }
  .product_desc_img img {
    width: 100%;
  }
  .product_desc_img > img:nth-child(1) {
    margin-bottom: 20px;
  }
  .ap_no {
    display: none;
  }
  .ap_pd {
    padding: 0 4%;
  }
  .ap_nav {
    display: block;
  }
  .fl,
  .fr {
    float: none;
  }
  .ap_ct {
    text-align: center;
  }
  .pd {
    padding: 25px 4%;
  }
  .sz60 {
    font-size: 60%;
  }
  .sz80 {
    font-size: 80%;
  }
  .w31 {
    width: 90%;
    padding: 0 5%;
  }
  .w65 {
    width: 90%;
    padding: 0 5%;
  }
  .w65n {
    width: 90%;
    margin: 0 5%;
  }
  .logo2 {
    position: absolute;
    top: 15px;
    left: 20px;
    z-index: 1000;
  }
  .logo2 img {
    display: block;
    height: 35px;
  }
  .head_wai {
  }
  .banner {
    height: 50vh;
  }
  .in_1height {
    padding-bottom: 30px;
  }
  #simplemodal-container {
    width: 90%;
    padding: 2%;
  }
  .banner .text {
    font-size: 20px;
    top: 60%;
    line-height: 40px;
  }
  .banner .flex-control-nav {
    right: 50%;
    margin-right: -30px;
    bottom: 20px;
  }
  .banner .flex-control-nav li {
    width: 10px;
    height: 10px;
    margin-right: 10px;
  }
  .banner .flex-control-nav li a {
    border: none;
    background: #fff;
    width: 10px;
    height: 10px;
  }
  .banner .flex-control-nav li a.flex-active {
    background: #0095ff;
    border: none;
  }
  .bn_down {
    height: 0;
    overflow: hidden;
  }
  .in_bt {
    font-size: 32px;
  }
  .in_bt span {
    font-size: 18px;
    top: 15px;
  }
  .in_pd {
    padding: 40px 20px;
  }
  .abtnrrt .abt_bt i {
    left: 0;
    right: auto;
  }
  .abt_bt {
    font-size: 27px;
    padding-bottom: 50px;
  }
  .abt1nr,
  .abt3nr {
    font-size: 20px;
    line-height: 48px;
  }
  .about .abt1nr {
    font-size: 18px;
    line-height: 48px;
  }
  .abt1nr2 ul li {
    font-size: 20px;
  }
  .abt1nr2 ul li span {
    font-size: 16px;
  }
  .abt2nr h3 {
    font-size: 20px;
  }
  .abt2nr h4 {
    font-size: 16px;
  }
  .in_newslftoppic img {
    width: 100%;
  }
  .in_newslftoprt h3 {
    font-size: 16px;
  }
  .in_newslf,
  .in_newsrt {
    padding-top: 30px;
  }
  .in_newslftoprt h3,
  .in_newslftoprt h4,
  .in_newslftoprt h5 {
    text-align: center;
  }
  .in_newslftoprt h6 {
    margin: 0 auto;
  }
  .in_newsls ul li {
    padding-top: 40px;
  }
  .in_newslsrt h3 {
    font-size: 16px;
  }
  .in_vdic img {
    width: 100%;
  }
  .in_lx {
    padding: 0 20px 40px;
  }
  .inlxfs_lf h4 {
    font-size: 32px;
  }
  .ft_link ul,
  .ft-right {
    flex-wrap: wrap;
  }
  .ft_link ul li {
    width: 100%;
  }
  .ft-right-flex-colunm {
    height: auto;
    margin-bottom: 20px;
    line-height: 25px;
    font-size: 16px;
  }
  .ft_link ul li a h3,
  .ft_link ul li a h4,
  .ft_link ul li a h5 {
    opacity: 1;
  }
  .ft_link ul li a h3 {
    top: 30px;
    left: 20px;
    font-size: 24px;
  }
  .ft_link ul li a h4 {
    top: 80px;
    left: 20px;
    font-size: 12px;
  }
  .ft_link ul li a h5 {
    top: 40px;
    right: 20px;
  }
  .ft_nr ul li {
    padding-bottom: 40px;
  }
  .abt_bn {
    height: 340px;
  }
  .abt_bn h3 {
    padding-top: 130px;
    font-size: 18px;
  }
  .abt_bn h4 {
    padding-top: 30px;
    max-width: 1120px;
    font-size: 14px;
    margin: 0 20px;
    line-height: 26px;
  }
  .zj_tcwz {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    padding: 20px;
  }
  .abt_zjls ul li {
    float: left;
    width: 47%;
    overflow: hidden;
    padding-top: 60px;
    padding-left: 3%;
  }
  .zj_pic img {
    width: 100%;
  }
  .abt_zjls ul {
    margin-left: -3%;
  }
  .abt0_bt {
    font-size: 32px;
  }
  .abt0_bt i {
    top: 65px;
  }
  .abt4 .abt_bt {
    font-size: 32px;
  }
  .abt4 .abt_bt i {
    position: absolute;
    left: 0;
    top: 65px;
  }
  .abt4ls ul li {
    width: 47%;
    margin-left: 3%;
    margin-top: 20px;
  }
  .abt4ls ul {
    margin-left: -3%;
  }
  .pro_hd {
    height: 70px;
  }
  .pro1 ul li:nth-child(2) {
    padding-top: 40px;
  }
  .pro1 ul li img {
    max-width: 100%;
  }
  .pro2 ul li:nth-child(2),
  .pro2 ul li:nth-child(3) {
    padding-top: 40px;
  }
  .pro2 ul li img {
    max-width: 100%;
  }
  .nei_bn {
    height: 200px;
  }
  .nei_nav h1 {
    width: 100%;
  }
  .nei_nav h4 a {
    width: 50%;
    line-height: 40px;
    height: 40px;
  }
  .news_top {
    padding: 40px 20px;
  }
  .join_txt {
    width: calc(70% - 12px);
    float: left;
  }
  .join_sb {
    width: 200px;
    width: 30%;
    float: right;
  }
  .news_top h3 {
    padding-bottom: 10px;
  }
  .news_lfls ul li img {
    width: 100%;
  }
  .news_rtbt {
    padding-top: 40px;
  }
  .news_pd {
    padding: 0 20px;
  }
  .ct_bn {
    height: 300px;
  }
  .ct_bn h3 {
    padding-top: 130px;
    font-size: 18px;
  }
  .ct_bn h4 {
    padding-top: 30px;
    max-width: 1120px;
    font-size: 14px;
    margin: 0 20px;
    line-height: 26px;
  }
  .ct_lx {
    padding-top: 40px;
  }
  .pro_bn {
    height: 300px;
  }
  .pro_bn h3 {
    padding-top: 130px;
    font-size: 18px;
  }
  .pro_bn h4 {
    padding-top: 30px;
    max-width: 1120px;
    font-size: 14px;
    margin: 0 20px;
    line-height: 26px;
  }
  .ly_tcbg {
    margin: -100px 20px 0;
  }
}