/**
 * importer.less
 *
 * By default, new Sails projects are configured to compile this file
 * from LESS to CSS.  Unlike CSS files, LESS files are not compiled and
 * included automatically unless they are imported below.
 *
 * The LESS files imported below are compiled and included in the order
 * they are listed.  Mixins, variables, etc. should be imported first
 * so that they can be accessed by subsequent LESS stylesheets.
 *
 * (Just like the rest of the asset pipeline bundled in Sails, you can
 * always omit, customize, or replace this behavior with SASS, SCSS,
 * or any other Grunt tasks you like.)
 */
@import 'cssReset/cssReset.css';
@media (max-width: 750px) {
  body {
    width: 7.5rem!important;
    overflow-x: hidden;
    font-family: "Microsoft YaHei", sans-serif;
  }
  img {
    width: 100%;
  }
  .bg-container {
    display: none;
  }
  .bg-container-small {
    width: 7.5rem;
  }
  .bg-container-small .bg-small {
    width: 7.5rem;
  }
  .generic-title {
    width: 7rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .generic-title h2 {
    font-size: 0.36rem;
    color: #28a0f0;
    text-align: center;
    margin-top: 0.36rem;
  }
  .generic-title .generic-title-text {
    width: 6.4rem;
    margin-left: auto;
    margin-right: auto;
    height: 0.24rem;
    margin-top: 0.18rem;
    display: flex;
    display: -webkit-flex;
  }
  .generic-title .generic-title-text .generic-title-line {
    -webkit-flex: 1;
    flex: 1;
    border-top: 0.01rem solid #959595;
    margin-top: 0.12rem;
  }
  .generic-title .generic-title-text p {
    font-size: 0.18rem;
    color: #959595;
    position: relative;
    display: block;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
  }
  .triangle {
    border-top: 0.03rem solid transparent;
    border-left: 0.06rem solid #28a0f0;
    border-right: 0.03rem solid transparent;
    border-bottom: 0.03rem solid transparent;
    width: 0.01rem;
    height: 0.01rem;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    -moz-transform: rotate(90deg);
    margin: 0.1rem auto 0.3rem;
  }
  .generic-title-2 {
    width: 7.5rem;
    text-align: center;
  }
  .generic-title-2 h2 {
    font-size: 0.36rem;
    color: #28a0f0;
    text-align: center;
    margin-top: 0.5rem;
  }
  .generic-title-2 .generic-title-2-text {
    width: 6.29rem;
    height: 0.05rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.25rem;
  }
  .generic-title-2 .generic-title-2-text .generic-title-2-line {
    float: left;
    width: 3rem;
    border-top: 0.01rem solid #959595;
    margin-top: 0.02rem;
  }
  .generic-title-2 .generic-title-2-text .generic-title-2-circle {
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background-color: #b4b4b4;
    margin: 0.0rem 0.12rem 0 0.12rem;
    float: left;
  }
}
@media (min-width: 751px) and (max-width: 1600px) {
  body {
    font-family: "Microsoft YaHei", sans-serif;
  }
  img {
    width: 100%;
  }
  .bg-container-small {
    display: none;
  }
  .bg-container {
    width: 16rem;
  }
  .bg-container .bg {
    width: 16rem;
  }
  .triangle {
    border-top: 0.06rem solid transparent;
    border-left: 0.12rem solid #28a0f0;
    border-right: 0.06rem solid transparent;
    border-bottom: 0.06rem solid transparent;
    width: 0.01rem;
    height: 0.01rem;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    -moz-transform: rotate(90deg);
    margin: 0.11rem auto 0.45rem;
  }
  .generic-title {
    text-align: center;
    width: 16rem;
  }
  .generic-title h2 {
    font-size: 0.52rem;
    color: #28a0f0;
    text-align: center;
    margin-top: 0.85rem;
  }
  .generic-title .generic-title-text {
    width: 13.66rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    display: -webkit-flex;
    height: 0.24rem;
    margin-top: 0.35rem;
  }
  .generic-title .generic-title-text .generic-title-line {
    -webkit-flex: 1;
    flex: 1;
    border-top: 0.01rem solid #959595;
    margin-top: 0.12rem;
  }
  .generic-title .generic-title-text p {
    font-size: 0.24rem;
    color: #959595;
    display: block;
    float: left;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .generic-title-2 {
    width: 16rem;
    height: 1rem;
    text-align: center;
  }
  .generic-title-2 h2 {
    font-size: 0.54rem;
    color: #28a0f0;
    text-align: center;
    margin-top: 0.6rem;
  }
  .generic-title-2 .generic-title-2-text {
    width: 10.34rem;
    margin-left: auto;
    margin-right: auto;
  }
  .generic-title-2 .generic-title-2-text .generic-title-2-line {
    float: left;
    width: 5rem;
    border-top: 0.01rem solid #959595;
    margin-top: 0.35rem;
    display: table;
  }
  .generic-title-2 .generic-title-2-text .generic-title-2-circle {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 50%;
    background-color: #b4b4b4;
    margin: 0.3rem 0.12rem 0 0.12rem;
    float: left;
  }
}
@media (min-width: 1601px) {
  body {
    font-family: "Microsoft YaHei", sans-serif;
  }
  img {
    width: 100%;
  }
  .bg-container {
    display: none;
  }
  .bg-container-small {
    display: none;
  }
  .triangle {
    border-top: 6px solid transparent;
    border-left: 12px solid #28a0f0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    width: 1px;
    height: 1px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    /* Safari and Chrome */
    -o-transform: rotate(90deg);
    /* Opera */
    -moz-transform: rotate(90deg);
    margin: 11px auto 45px;
  }
  .generic-title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1600px;
  }
  .generic-title h2 {
    font-size: 52px;
    color: #28a0f0;
    text-align: center;
    margin-top: 85px;
  }
  .generic-title .generic-title-text {
    display: flex;
    display: -webkit-flex;
    width: 1366px;
    margin-left: auto;
    margin-right: auto;
    height: 24px;
    margin-top: 35px;
  }
  .generic-title .generic-title-text .generic-title-line {
    -webkit-flex: 1;
    flex: 1;
    width: 130px;
    border-top: 1px solid #959595;
    margin-top: 12px;
  }
  .generic-title .generic-title-text p {
    font-size: 24px;
    color: #959595;
    display: block;
    float: left;
    margin-left: 25px;
    margin-right: 25px;
  }
  .generic-title-2 {
    width: 1600px;
    height: 100px;
    text-align: center;
  }
  .generic-title-2 h2 {
    font-size: 54px;
    color: #28a0f0;
    text-align: center;
    margin-top: 60px;
  }
  .generic-title-2 .generic-title-2-text {
    width: 1034px;
    margin-left: auto;
    margin-right: auto;
  }
  .generic-title-2 .generic-title-2-text .generic-title-2-line {
    float: left;
    width: 500px;
    border-top: 1px solid #959595;
    margin-top: 35px;
    display: table;
  }
  .generic-title-2 .generic-title-2-text .generic-title-2-circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #b4b4b4;
    margin: 30px 12px 0 12px;
    float: left;
  }
}
@media (max-width: 750px) {
  html {
    font-size: 100px;
  }
  body {
    width: 7.5rem!important;
    overflow-x: hidden;
  }
  .home-container {
    margin-top: 0.9rem;
    width: 7.5rem;
    /*home-banner-begin*/
    /*home-banner-end*/
    /*home-environment begin*/
    /*home-environment end*/
    /*home-products-begin*/
    /*home-products-end*/
    /*home-function-begin*/
    /*home-function-end*/
    /* home-cooperation begin */
    /* home-cooperation end */
  }
  .home-container .home-banner {
    width: 7.5rem;
  }
  .home-container .home-banner .home-banner-container {
    display: none;
  }
  .home-container .home-environment {
    width: 7.5rem;
    height: 4.6rem;
    position: relative;
  }
  .home-container .home-environment .home-environment-container {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside {
    width: 7.5rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside h2 {
    font-size: 0.36rem;
    color: #203554;
    text-align: center;
    margin-top: 0.3rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics {
    width: 6.56rem;
    margin: 0.3rem auto 0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic {
    border: 0.01rem solid #ccd5df;
    width: 2.1rem;
    float: left;
    margin-top: 0.16rem;
    height: 2.66rem;
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 2.1rem 1.71rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic .home-environment-words {
    margin-top: 1.71rem;
    border-top: 0.01rem solid #ccd5df;
    width: 2.1rem;
    height: 0.94rem;
    display: table;
    background-color: #fff;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic .home-environment-words p {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.12rem;
    text-align: center;
    padding: 0 0.2rem;
    color: #666;
    line-height: 0.24rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover {
    border: 0.01rem solid #28a0f0;
    box-shadow: 0 0 0.1rem #28a0f0;
    width: 2.1rem;
    float: left;
    margin-top: 0rem;
    height: 2.98rem;
    background-color: #28a0f0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover .home-environment-words {
    margin-top: 2.03rem;
    border-top: 0.01rem solid #28a0f0;
    background-color: #fff;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover .home-environment-words p {
    display: table-cell;
    font-size: 0.12rem;
    text-align: center;
    padding: 0 0.2rem;
    color: #333;
    line-height: 0.24rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-1 {
    background-image: url("../images/home/home-environment-pic-1-dark.png");
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-2 {
    background-image: url("../images/home/home-environment-pic-2-dark.png");
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-3 {
    background-image: url("../images/home/home-environment-pic-3-dark.png");
  }
  .home-container .home-products {
    width: 7.5rem;
    position: relative;
  }
  .home-container .home-products .home-products-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.5rem;
  }
  .home-container .home-products .home-products-container .home-products-pics-container {
    width: 6.6rem;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic {
    width: 2rem;
    float: left;
    margin-left: 0.1rem;
    margin-right: 0.1rem;
    text-align: center;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic img {
    width: 100%;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic h3 {
    font-size: 0.28rem;
    margin-top: 0.25rem;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic .home-products-pic-line {
    width: 0.2rem;
    border-top: 0.02rem solid #28a0f0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.15rem;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic p {
    font-size: 0.2rem;
    color: #797979;
    margin-top: 0.18rem;
    line-height: 0.3rem;
  }
  .home-container .home-products .home-products-container .home-products-btn {
    width: 4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.2rem;
    display: block;
    background: #28a0f0 ;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 0.4rem;
    color: #ffffff;
    font-size: 0.32rem;
    padding: 0.2rem 0.2rem;
    text-decoration: none;
    text-align: center;
    border: 0;
  }
  .home-container .home-products .home-products-container .home-products-btn a {
    text-decoration: none;
    color: #fff;
  }
  .home-container .home-products .home-products-container .home-products-btn:hover {
    background: #28a0f0;
    text-decoration: none;
  }
  .home-container .home-function {
    width: 7.5rem;
    height: 5.8rem;
  }
  .home-container .home-function .home-function-container {
    width: 7.5rem;
    position: relative;
  }
  .home-container .home-function .home-function-container .home-function-inside {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-function .home-function-container .home-function-inside #home-function-title {
    display: none;
  }
  .home-container .home-function .home-function-container .home-function-inside h2 {
    font-size: 0.36rem;
    margin-top: 0.36rem;
    text-align: center;
    color: #28a0f0;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics {
    width: 7rem;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic {
    float: left;
    margin: 0.22rem 0.04rem 0;
    margin-top: 0.22rem;
    width: 1.67rem;
    height: 2.07rem;
    perspective: 1800px;
    -webkit-perspective: 1800px;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card {
    width: 1.67rem;
    height: 2.07rem;
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform 1s;
    -webkit-transition: transform 1s;
    transition: -webkit-transform 1s;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 1.67rem;
    height: 2.07rem;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: relative;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front img {
    width: 1.67rem;
    height: 2.07rem;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front p {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: block;
    background: rgba(127, 127, 127, 0.7);
    width: 1.67rem;
    height: 0.35rem;
    line-height: 0.35rem;
    text-align: center;
    font-size: 0.18rem;
    bottom: 0;
    color: #fff;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 1.67rem;
    height: 2.07rem;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    background-color: #28a0f0;
    display: table;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 1.67rem;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words {
    margin-left: auto;
    margin-right: auto;
    width: 1.5rem;
    color: #fff;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words h4 {
    font-size: 0.24rem;
    text-align: center;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words p {
    font-size: 0.18rem;
    text-align: center;
    margin-top: 0.06rem;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card-hover {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  .home-container .home-cooperation {
    width: 7.5rem;
    position: relative;
  }
  .home-container .home-cooperation .home-cooperation-container {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside {
    width: 7.5rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-line {
    width: 0.1rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics {
    width: 6.4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: -0.2rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic {
    float: left;
    width: 1.1rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic img {
    width: 1.1rem;
    height: 1.1rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic p {
    text-align: center;
    font-size: 0.2rem;
    margin-top: 0.26rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-line {
    width: 0.19rem;
    float: left;
    margin: 0.38rem 0.68rem 0;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-line img {
    width: 0.19rem;
  }
}
@media (min-width: 751px) and (max-width: 1600px) {
  html {
    font-size: 100px;
  }
  body {
    width: 13.66rem;
    overflow-x: hidden;
  }
  .right-15 {
    margin-right: 0.15rem;
  }
  .home-container {
    width: 16rem;
    /*home-banner-begin*/
    /*home-banner-end*/
    /*home-environment begin*/
    /*home-environment end*/
    /*home-products-begin*/
    /*home-products-end*/
    /*home-function-begin*/
    /*home-function-end*/
    /* home-cooperation begin */
    /* home-cooperation end */
  }
  .home-container .home-banner {
    width: 16rem;
  }
  .home-container .home-banner .home-banner-container {
    width: 16rem;
  }
  .home-container .home-banner .home-banner-container .home-banner-pic {
    width: 16rem;
  }
  .home-container .home-environment {
    width: 16rem;
    height: 7.7rem;
    position: relative;
  }
  .home-container .home-environment .home-environment-container {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside {
    width: 16rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside h2 {
    font-size: 0.54rem;
    color: #203554;
    text-align: center;
    margin-top: 0.6rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics {
    width: 11.68rem;
    margin: 0.3rem auto 0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic {
    border: 0.01rem solid #ccd5df;
    width: 3.8rem;
    float: left;
    margin-top: 0.3rem;
    height: 4.3rem;
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 3.8rem 3.1rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic .home-environment-words {
    margin-top: 3.11rem;
    border-top: 0.01rem solid #ccd5df;
    width: 3.8rem;
    height: 1.2rem;
    display: table;
    background-color: #fff;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic .home-environment-words p {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.18rem;
    text-align: center;
    padding: 0 0.4rem;
    color: #666;
    line-height: 0.24rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover {
    border: 0.01rem solid #28a0f0;
    box-shadow: 0 0 0.1rem #28a0f0;
    width: 3.8rem;
    float: left;
    margin-top: 0rem;
    height: 4.9rem;
    background-color: #28a0f0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover .home-environment-words {
    margin-top: 3.71rem;
    border-top: 0.01rem solid #28a0f0;
    background-color: #fff;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover .home-environment-words p {
    display: table-cell;
    font-size: 0.18rem;
    text-align: center;
    padding: 0 0.4rem;
    color: #333;
    line-height: 0.24rem;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-1 {
    background-image: url("../images/home/home-environment-pic-1-dark.png");
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-2 {
    background-image: url("../images/home/home-environment-pic-2-dark.png");
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-3 {
    background-image: url("../images/home/home-environment-pic-3-dark.png");
  }
  .home-container .home-products {
    width: 16rem;
    position: relative;
  }
  .home-container .home-products .home-products-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 16rem;
  }
  .home-container .home-products .home-products-container .home-products-pics-container {
    width: 12.36rem;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic {
    width: 3.8rem;
    float: left;
    margin-left: 0.16rem;
    margin-right: 0.16rem;
    text-align: center;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic img {
    width: 100%;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic h3 {
    font-size: 0.32rem;
    margin-top: 0.3rem;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic .home-products-pic-line {
    width: 0.35rem;
    border-top: 0.01rem solid #28a0f0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.24rem;
  }
  .home-container .home-products .home-products-container .home-products-pics-container .home-products-pic p {
    font-size: 0.18rem;
    color: #797979;
    margin-top: 0.2rem;
  }
  .home-container .home-products .home-products-container .home-products-btn {
    width: 4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.7rem;
    display: block;
    background: #28a0f0 ;
    background-image: -webkit-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -moz-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -ms-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -o-linear-gradient(top, #28a0f0, #2980b9);
    background-image: linear-gradient(to bottom, #28a0f0, #2980b9);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 0.4rem;
    color: #ffffff;
    font-size: 0.3rem;
    padding: 0.2rem 0.2rem;
    text-decoration: none;
    text-align: center;
    border: 0;
  }
  .home-container .home-products .home-products-container .home-products-btn a {
    text-decoration: none;
    color: #fff;
  }
  .home-container .home-products .home-products-container .home-products-btn:hover {
    background: #28a0f0;
    background-image: -webkit-linear-gradient(top, #28a0f0, #3498db);
    background-image: -moz-linear-gradient(top, #28a0f0, #3498db);
    background-image: -ms-linear-gradient(top, #28a0f0, #3498db);
    background-image: -o-linear-gradient(top, #28a0f0, #3498db);
    background-image: linear-gradient(to bottom, #28a0f0, #3498db);
    text-decoration: none;
  }
  .home-container .home-function {
    width: 16rem;
    height: 12.4rem;
  }
  .home-container .home-function .home-function-container {
    width: 16rem;
    position: relative;
  }
  .home-container .home-function .home-function-container .home-function-inside {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-function .home-function-container .home-function-inside #home-function-title-small {
    display: none;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics {
    width: 13.65rem;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic {
    float: left;
    margin-top: 0.22rem;
    width: 3.3rem;
    height: 4.1rem;
    perspective: 1800px;
    -webkit-perspective: 1800px;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card {
    width: 3.3rem;
    height: 4.1rem;
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform 1s;
    -webkit-transition: transform 1s;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 3.3rem;
    height: 4.1rem;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: relative;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front img {
    width: 3.3rem;
    height: 4.1rem;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front p {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: block;
    background: rgba(127, 127, 127, 0.7);
    width: 3.3rem;
    height: 0.7rem;
    line-height: 0.7rem;
    text-align: center;
    font-size: 0.24rem;
    bottom: 0;
    color: #fff;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 3.3rem;
    height: 4.1rem;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    background-color: #28a0f0;
    display: table;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 3.3rem;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words {
    margin-left: auto;
    margin-right: auto;
    width: 2.6rem;
    color: #fff;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words h4 {
    font-size: 0.36rem;
    text-align: center;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words p {
    font-size: 0.24rem;
    text-align: center;
    line-height: 0.46rem;
    margin-top: 0.29rem;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card:hover {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  .home-container .home-cooperation {
    width: 16rem;
    position: relative;
  }
  .home-container .home-cooperation .home-cooperation-container {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside {
    width: 16rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics {
    width: 12rem;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic {
    float: left;
    width: 2rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic img {
    width: 2rem;
    height: 2rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic p {
    text-align: center;
    font-size: 0.18rem;
    margin-top: 0.26rem;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-line {
    width: 0.36rem;
    float: left;
    margin: 0.38rem 1.32rem 0;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-line img {
    width: 0.36rem;
  }
}
@media (min-width: 1601px) {
  .right-15 {
    margin-right: 15px;
  }
  .home-container {
    width: 100%;
    /*home-banner-begin*/
    /*home-banner-end*/
    /*home-environment begin*/
    /*home-environment end*/
    /*home-products-begin*/
    /*home-products-end*/
    /*home-function-begin*/
    /*home-function-end*/
    /* home-cooperation begin */
    /* home-cooperation end */
  }
  .home-container .home-banner {
    background: url("../images/home/home-banner-bg-large.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 700px;
  }
  .home-container .home-banner .home-banner-container {
    display: none;
  }
  .home-container .home-environment {
    background-image: url("../images/home/home-environment-bg-large.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 770px;
  }
  .home-container .home-environment .home-environment-container {
    width: 1600px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside h2 {
    font-size: 54px;
    color: #203554;
    text-align: center;
    margin-top: 60px;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics {
    width: 1168px;
    margin: 30px auto 0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic {
    border: 1px solid #ccd5df;
    width: 380px;
    float: left;
    margin-top: 30px;
    height: 430px;
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 380px 310px;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic .home-environment-words {
    margin-top: 311px;
    border-top: 1px solid #ccd5df;
    width: 380px;
    height: 120px;
    display: table;
    background-color: #fff;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic .home-environment-words p {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    padding: 0 40px;
    color: #666;
    line-height: 24px;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover {
    border: 1px solid #28a0f0;
    box-shadow: 0 0 10px #28a0f0;
    width: 380px;
    float: left;
    margin-top: 0px;
    height: 490px;
    background-color: #28a0f0;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover .home-environment-words {
    margin-top: 371px;
    border-top: 1px solid #28a0f0;
    background-color: #fff;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics .home-environment-pic-hover .home-environment-words p {
    display: table-cell;
    font-size: 18px;
    text-align: center;
    padding: 0 40px;
    color: #333;
    line-height: 24px;
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-1 {
    background-image: url("../images/home/home-environment-pic-1-dark.png");
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-2 {
    background-image: url("../images/home/home-environment-pic-2-dark.png");
  }
  .home-container .home-environment .home-environment-container .home-environment-inside .home-environment-pics #home-environment-pic-3 {
    background-image: url("../images/home/home-environment-pic-3-dark.png");
  }
  .home-container .home-products {
    background: url("../images/home/home-products-bg-large.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 850px;
  }
  .home-container .home-products .home-products-container {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .home-container .home-products .home-products-container .home-products-inside {
    position: absolute;
  }
  .home-container .home-products .home-products-container .home-products-inside .home-products-pics-container {
    width: 1236px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-products .home-products-container .home-products-inside .home-products-pics-container .home-products-pic {
    width: 380px;
    float: left;
    margin-left: 16px;
    margin-right: 16px;
    text-align: center;
  }
  .home-container .home-products .home-products-container .home-products-inside .home-products-pics-container .home-products-pic img {
    width: 100%;
  }
  .home-container .home-products .home-products-container .home-products-inside .home-products-pics-container .home-products-pic h3 {
    font-size: 32px;
    margin-top: 30px;
  }
  .home-container .home-products .home-products-container .home-products-inside .home-products-pics-container .home-products-pic .home-products-pic-line {
    width: 35px;
    border-top: 1px solid #28a0f0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
  }
  .home-container .home-products .home-products-container .home-products-inside .home-products-pics-container .home-products-pic p {
    font-size: 18px;
    color: #797979;
    margin-top: 20px;
  }
  .home-container .home-products .home-products-container .home-products-btn {
    width: 400px;
    display: block;
    background: #28a0f0 ;
    background-image: -webkit-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -moz-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -ms-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -o-linear-gradient(top, #28a0f0, #2980b9);
    background-image: linear-gradient(to bottom, #28a0f0, #2980b9);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 40px;
    color: #ffffff;
    font-size: 30px;
    padding: 20px 20px;
    text-decoration: none;
    text-align: center;
    border: 0;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 708px;
  }
  .home-container .home-products .home-products-container .home-products-btn a {
    text-decoration: none;
    color: #fff;
  }
  .home-container .home-products .home-products-container .home-products-btn:hover {
    background: #28a0f0;
    background-image: -webkit-linear-gradient(top, #28a0f0, #3498db);
    background-image: -moz-linear-gradient(top, #28a0f0, #3498db);
    background-image: -ms-linear-gradient(top, #28a0f0, #3498db);
    background-image: -o-linear-gradient(top, #28a0f0, #3498db);
    background-image: linear-gradient(to bottom, #28a0f0, #3498db);
    text-decoration: none;
  }
  .home-container .home-function {
    width: 1600px;
    height: 1240px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-function .home-function-container {
    width: 1600px;
    position: relative;
  }
  .home-container .home-function .home-function-container .home-function-inside {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-function .home-function-container .home-function-inside #home-function-title-small {
    display: none;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics {
    width: 1365px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic {
    float: left;
    margin-top: 22px;
    width: 330px;
    height: 410px;
    perspective: 1800px;
    -webkit-perspective: 1800px;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card {
    width: 330px;
    height: 410px;
    position: relative;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transition: transform 1s;
    -webkit-transition: transform 1s;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 330px;
    height: 410px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    position: relative;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front img {
    width: 330px;
    height: 410px;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-front p {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: block;
    background: rgba(127, 127, 127, 0.7);
    width: 330px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
    bottom: 0;
    color: #fff;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back {
    top: 0;
    left: 0;
    position: absolute;
    display: block;
    width: 330px;
    height: 410px;
    backface-visibility: hidden;
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    background-color: #28a0f0;
    display: table;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 330px;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words {
    margin-left: auto;
    margin-right: auto;
    width: 260px;
    color: #fff;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words h4 {
    font-size: 36px;
    text-align: center;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card .home-function-card-back .home-function-card-words-wrapper .home-function-card-words p {
    font-size: 24px;
    text-align: center;
    line-height: 46px;
    margin-top: 29px;
  }
  .home-container .home-function .home-function-container .home-function-inside .home-function-pics .home-function-pic .home-function-card:hover {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
  }
  .home-container .home-cooperation {
    background: url("../images/home/home-cooperation-bg-large.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 600px;
  }
  .home-container .home-cooperation .home-cooperation-container {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic {
    float: left;
    width: 200px;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic img {
    width: 200px;
    height: 200px;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-pic p {
    text-align: center;
    font-size: 18px;
    margin-top: 26px;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-line {
    width: 36px;
    float: left;
    margin: 38px 132px 0;
  }
  .home-container .home-cooperation .home-cooperation-container .home-cooperation-inside .home-cooperation-pics .home-cooperation-line img {
    width: 36px;
  }
}
/*html {
	font-size: 100px;
}*/
/*@media (max-width: 749px) {

}*/
/*
前提条件：
	1.现有的设计稿宽度为1920px
	2.目前的实现可视宽度（定位宽度）为1366px
需求：
	1.现在需要在不定可视宽度，可能是1366px也有可能是1600px
	2.在将现在屏幕缩放小于1366px时等比缩放修改成小于1600px等比缩放
解决方案：
	1.使用less语法写计算
具体：
	以1600px为例，将1366px缩放变成1600缩放，则整体宽度差距为1600-1366=234px，一半即为117px，则样式上可视容器的宽度增加234px，所有的左（或右）定位+117px。
 */
/*
fullWidthChangePx = 1600-1366 = 234px;
halfWidthChangePx = (1600-1366)/2 = 117px;
 */
@media (max-width: 750px) {
  html {
    font-size: 100px;
  }
  body {
    width: 7.5rem;
    overflow-x: hidden;
  }
  .product-container {
    margin-top: 0.9rem;
    width: 7.5rem;
    /*product-banner*/
    /*product-share*/
    /*product-safe*/
    /* product-firecontrol */
    /*project-serviceobj*/
    /*product-business*/
  }
  .product-container .product-banner {
    position: relative;
    width: 7.5rem;
    height: 4rem;
  }
  .product-container .product-banner .product-bg-container {
    display: none;
  }
  .product-container .product-banner .banner-QRcode-container {
    display: none;
  }
  .product-container .product-share {
    text-align: center;
    width: 7.5rem;
    height: 4.2rem;
  }
  .product-container .product-share h2 {
    font-size: 0.36rem;
    color: #28a0f0;
    text-align: center;
    margin-top: 0.45rem;
  }
  .product-container .product-share .product-share-text {
    display: flex;
    height: 0.18rem;
    width: 7rem;
    margin: 0.2rem auto 0;
  }
  .product-container .product-share .product-share-text .product-share-line {
    flex: 1;
    border-top: 0.01rem solid #959595;
    margin-top: 0.09rem;
  }
  .product-container .product-share .product-share-text p {
    font-size: 0.18rem;
    color: #959595;
    display: block;
    float: left;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .product-container .product-share #product-share-triangle {
    margin: -12px auto 0.3rem;
  }
  .product-container .product-share #product-share-container {
    width: 6.9rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-share #product-share-container .product-share-content {
    width: 2rem;
    float: left;
  }
  .product-container .product-share #product-share-container .product-share-content img {
    width: 1.37rem;
    height: 1.37rem;
    margin: 0 auto;
  }
  .product-container .product-share #product-share-container .product-share-content p {
    font-size: 0.2rem;
    margin-top: 0.26rem;
    text-align: center;
  }
  .product-container .product-share #product-share-container #product-share-content2 {
    margin-left: 0.45rem;
    margin-right: 0.45rem;
  }
  .product-container .product-safe {
    position: relative;
    width: 7.5rem;
    height: 6.5rem;
  }
  .product-container .product-safe .product-bg-container {
    display: none;
  }
  .product-container .product-safe #product-safe-phone {
    position: absolute;
    width: 2.76rem;
    height: 5.66rem;
    left: 0.55rem;
    top: 0.42rem;
  }
  .product-container .product-safe .product-safe-details {
    width: 3.3rem;
    position: absolute;
    top: 1.6rem;
    left: 3.9rem;
    color: #fff;
  }
  .product-container .product-safe .product-safe-details h2 {
    font-size: 0.36rem;
  }
  .product-container .product-safe .product-safe-details h3 {
    font-size: 0.3rem;
    font-weight: lighter;
    margin-top: 0.16rem;
  }
  .product-container .product-safe .product-safe-details p {
    font-size: 0.24rem;
    line-height: 0.3rem;
    font-weight: lighter;
    margin-top: 0.33rem;
  }
  .product-container .product-safe .product-safe-details .product-safe-icons {
    margin-top: 0.43rem;
  }
  .product-container .product-safe .product-safe-details .product-safe-icons .product-safe-icon {
    width: 0.75rem;
    float: left;
    margin-right: 0.2rem;
  }
  .product-container .product-safe .product-safe-details .product-safe-icons .product-safe-icon img {
    height: 0.5rem;
    width: 0.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-safe .product-safe-details .product-safe-icons .product-safe-icon p {
    font-size: 0.18rem;
    margin-top: 0.19rem;
    display: block;
    text-align: center;
  }
  .product-container .product-firecontrol {
    position: relative;
    width: 7.5rem;
    height: 6.5rem;
  }
  .product-container .product-firecontrol #product-firecontrol-phone {
    position: absolute;
    width: 2.76rem;
    left: 4.19rem;
    top: 0.42rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details {
    width: 3.3rem;
    position: absolute;
    top: 1.6rem;
    left: 0.3rem;
    color: #666666;
    text-align: right;
  }
  .product-container .product-firecontrol .product-firecontrol-details h2 {
    font-size: 0.36rem;
    color: #28a0f0;
  }
  .product-container .product-firecontrol .product-firecontrol-details h3 {
    font-size: 0.3rem;
    font-weight: lighter;
    margin-top: 0.16rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details p {
    font-size: 0.24rem;
    line-height: 0.3rem;
    font-weight: lighter;
    margin-top: 0.33rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons {
    margin-top: 0.43rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon {
    width: 0.75rem;
    float: right;
    margin-left: 0.2rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon img {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    height: 0.48rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon p {
    font-size: 0.18rem;
    margin-top: 0.19rem;
    display: block;
    text-align: center;
  }
  .product-container .product-serviceobj {
    text-align: center;
    width: 7.5rem;
    height: 8.02rem;
    position: relative;
    color: #fff;
  }
  .product-container .product-serviceobj .product-bg-container {
    display: none;
  }
  .product-container .product-serviceobj .product-serviceobj-inside {
    width: 7.5rem;
    position: absolute;
  }
  .product-container .product-serviceobj .product-serviceobj-inside #product-serviceobj-generic-title h2 {
    color: #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-inside #product-serviceobj-generic-title p {
    color: #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-inside #product-serviceobj-generic-title .generic-title-line {
    border-top: 0.01rem solid #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-inside #product-serviceobj-triangle {
    border-left: 0.06rem solid #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons {
    width: 6.4rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon {
    text-align: center;
    width: 2.8rem;
    float: left;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon img {
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon h3 {
    font-size: 0.24rem;
    margin-top: 0.25rem;
    width: 2.8rem;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon p {
    font-size: 0.18rem;
    width: 2.8rem;
    margin: 0.24rem auto auto;
    line-height: 0.26rem;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon-right-small {
    margin-left: 0.8rem;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon-top {
    margin-top: 0.6rem;
  }
  .product-container .product-business {
    text-align: center;
    width: 7.5rem;
    height: 3.88rem;
    position: relative;
    color: #fff;
  }
  .product-container .product-business .product-bg-container {
    display: none;
  }
  .product-container .product-business .product-business-inside {
    width: 7.5rem;
    position: absolute;
    color: #959595;
    /*
				以下是原计划的轮播样式
				 */
    /*
				.product-business-swiper-container {
					width: 13.66rem + @fullWidthChangeRem;
					height: 4.05rem;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					.product-business-swiper-wrapper {
						margin-left: auto;
						margin-right: auto;
						width: 13.06rem;
						height: 4.05rem;
						.product-business-swiper-slide {
							width: 13.06rem;
							.product-business-icons {
								border-right: 0.01rem solid #dddddd;
								border-bottom: 0.01rem solid #dddddd;
								width: 13.06rem;
								height: 4.05rem;
								table {
									tr {
										td {
											width: 2.6rem;
											height: 1rem;
											border-left: 0.01rem solid #dddddd;
											border-top: 0.01rem solid #dddddd;
											img {
												width: 2.6rem;
												height: 1rem;
											}
										}
									}
								}
							}
						}
					}
					.product-business-swiper-button-prev {
						width: 0.98rem;
						height: 0.73rem;
						position: absolute;
						top: 50%;
						margin-top: -0.36rem;
						left: -1rem + @halfWidthChangeRem;
						z-index: 1000;
					}
					.product-business-swiper-button-next {
						width: 0.98rem;
						height: 0.73rem;
						position: absolute;
						top: 50%;
						margin-top: -0.36rem;
						right: -1rem + @halfWidthChangeRem;
						z-index: 1000;
					}
				}
				*/
  }
  .product-container .product-business .product-business-inside .product-business-icons table {
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    -webkit-border-left: 1px solid #dddddd;
    -webkit-border-bottom: 1px solid #dddddd;
  }
  .product-container .product-business .product-business-inside .product-business-icons table tr td {
    width: 1.56rem;
    height: 0.6rem;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    -webkit-border-right: 1px solid #dddddd;
    -webkit-border-top: 1px solid #dddddd;
  }
  .product-container .product-business .product-business-inside .product-business-icons table tr td img {
    width: 1.56rem;
    height: 0.6rem;
  }
  .product-container .product-business .product-business-inside .product-business-icons .product-business-hidden {
    display: none;
  }
}
@media (min-width: 751px) and (max-width: 1600px) {
  html {
    font-size: 100px;
  }
  body {
    width: 16rem;
    overflow-x: hidden;
  }
  .product-container {
    width: 16rem;
    /*product-banner*/
    /*product-share*/
    /*product-safe*/
    /* product-firecontrol */
    /*project-serviceobj*/
    /*product-business*/
  }
  .product-container .product-banner {
    position: relative;
    width: 16rem;
    height: 7rem;
  }
  .product-container .product-banner #banner-QRcode-1 {
    width: 1.75rem;
    position: absolute;
    left: 1.26rem;
    top: 2.88rem;
  }
  .product-container .product-banner #banner-QRcode-2 {
    z-index: 1000;
    width: 1.75rem;
    position: absolute;
    left: 3.87rem;
    top: 2.88rem;
  }
  .product-container .product-share {
    text-align: center;
    width: 16rem;
    height: 7.1rem;
  }
  .product-container .product-share #product-share-container {
    width: 10.22rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-share #product-share-container .product-share-content {
    margin-top: 0.8rem;
    width: 1.9rem;
    float: left;
  }
  .product-container .product-share #product-share-container .product-share-content img {
    width: 100%;
  }
  .product-container .product-share #product-share-container .product-share-content p {
    font-size: 0.18rem;
    margin-top: 0.28rem;
    text-align: center;
  }
  .product-container .product-share #product-share-container #product-share-content2 {
    margin-left: 2.26rem;
    margin-right: 2.26rem;
  }
  .product-container .product-safe {
    position: relative;
    width: 16rem;
    height: 7.76rem;
  }
  .product-container .product-safe #product-safe-phone {
    position: absolute;
    width: 3.37rem;
    left: 2.19rem;
    top: 0.45rem;
  }
  .product-container .product-safe .product-safe-details {
    width: 5.62rem;
    position: absolute;
    top: 2.02rem;
    left: 7.57rem;
    color: #fff;
  }
  .product-container .product-safe .product-safe-details h2 {
    font-size: 0.54rem;
  }
  .product-container .product-safe .product-safe-details h3 {
    font-size: 0.5rem;
    font-weight: lighter;
    margin-top: 0.33rem;
  }
  .product-container .product-safe .product-safe-details p {
    font-size: 0.3rem;
    line-height: 0.4rem;
    font-weight: lighter;
    margin-top: 0.39rem;
  }
  .product-container .product-safe .product-safe-details .product-safe-icons {
    margin-top: 0.43rem;
  }
  .product-container .product-safe .product-safe-details .product-safe-icons .product-safe-icon {
    width: 1.2rem;
    float: left;
    margin-right: 0.62rem;
  }
  .product-container .product-safe .product-safe-details .product-safe-icons .product-safe-icon img {
    height: 0.5rem;
    width: 0.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-safe .product-safe-details .product-safe-icons .product-safe-icon p {
    font-size: 0.18rem;
    margin-top: 0.19rem;
    display: block;
    text-align: center;
  }
  .product-container .product-firecontrol {
    position: relative;
    width: 16rem;
    height: 8.16rem;
  }
  .product-container .product-firecontrol #product-firecontrol-phone {
    position: absolute;
    width: 3.35rem;
    left: 10.77rem;
    top: 0.66rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details {
    width: 6.3rem;
    position: absolute;
    top: 2.02rem;
    left: 2.07rem;
    color: #666666;
    text-align: right;
  }
  .product-container .product-firecontrol .product-firecontrol-details h2 {
    font-size: 0.54rem;
    color: #28a0f0;
  }
  .product-container .product-firecontrol .product-firecontrol-details h3 {
    font-size: 0.5rem;
    font-weight: lighter;
    margin-top: 0.33rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details p {
    font-size: 0.3rem;
    line-height: 0.4rem;
    font-weight: lighter;
    margin-top: 0.39rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons {
    margin-top: 0.43rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon {
    width: 0.72rem;
    float: right;
    margin-left: 0.62rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon img {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    height: 0.48rem;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon p {
    font-size: 0.18rem;
    margin-top: 0.19rem;
    display: block;
    text-align: center;
  }
  .product-container .product-serviceobj {
    text-align: center;
    width: 16rem;
    height: 7.8rem;
    position: relative;
    color: #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-inside {
    width: 16rem;
    position: absolute;
  }
  .product-container .product-serviceobj .product-serviceobj-inside #product-serviceobj-generic-title h2,
  .product-container .product-serviceobj .product-serviceobj-inside #product-serviceobj-generic-title p {
    color: #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-inside #product-serviceobj-generic-title .generic-title-line {
    border-top: 1px solid #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-inside #product-serviceobj-generic-title #product-serviceobj-triangle {
    border-left: 0.12rem solid #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons {
    width: 13.66rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon {
    text-align: center;
    width: 2.64rem;
    float: left;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon img {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon h3 {
    font-size: 0.24rem;
    margin-top: 0.25rem;
    width: 2.64rem;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon p {
    font-size: 0.18rem;
    width: 2.24rem;
    margin: 0.24rem auto auto;
    line-height: 0.26rem;
  }
  .product-container .product-serviceobj .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon-right {
    margin-left: 1.03rem;
  }
  .product-container .product-business {
    text-align: center;
    width: 16rem;
    height: 7.7rem;
    position: relative;
    color: #fff;
  }
  .product-container .product-business .product-business-inside {
    width: 16rem;
    position: absolute;
    color: #959595;
    /*
				以下是原计划的轮播样式
				 */
    /*
				.product-business-swiper-container {
					width: 13.66rem + @fullWidthChangeRem;
					height: 4.05rem;
					margin-left: auto;
					margin-right: auto;
					position: relative;
					.product-business-swiper-wrapper {
						margin-left: auto;
						margin-right: auto;
						width: 13.06rem;
						height: 4.05rem;
						.product-business-swiper-slide {
							width: 13.06rem;
							.product-business-icons {
								border-right: 0.01rem solid #dddddd;
								border-bottom: 0.01rem solid #dddddd;
								width: 13.06rem;
								height: 4.05rem;
								table {
									tr {
										td {
											width: 2.6rem;
											height: 1rem;
											border-left: 0.01rem solid #dddddd;
											border-top: 0.01rem solid #dddddd;
											img {
												width: 2.6rem;
												height: 1rem;
											}
										}
									}
								}
							}
						}
					}
					.product-business-swiper-button-prev {
						width: 0.98rem;
						height: 0.73rem;
						position: absolute;
						top: 50%;
						margin-top: -0.36rem;
						left: -1rem + @halfWidthChangeRem;
						z-index: 1000;
					}
					.product-business-swiper-button-next {
						width: 0.98rem;
						height: 0.73rem;
						position: absolute;
						top: 50%;
						margin-top: -0.36rem;
						right: -1rem + @halfWidthChangeRem;
						z-index: 1000;
					}
				}
				*/
  }
  .product-container .product-business .product-business-inside .product-business-icons table {
    margin-left: auto;
    margin-right: auto;
    border-left: 0.01rem solid #dddddd;
    border-bottom: 0.01rem solid #dddddd;
    -webkit-border-left: 0.01rem solid #dddddd;
    -webkit-border-bottom: 0.01rem solid #dddddd;
  }
  .product-container .product-business .product-business-inside .product-business-icons table tr td {
    width: 2.6rem;
    height: 1rem;
    border-right: 0.01rem solid #dddddd;
    border-top: 0.01rem solid #dddddd;
    -webkit-border-right: 0.01rem solid #dddddd;
    -webkit-border-top: 0.01rem solid #dddddd;
  }
  .product-container .product-business .product-business-inside .product-business-icons table tr td img {
    width: 2.6rem;
    height: 1rem;
  }
}
@media (min-width: 1601px) {
  .product-container {
    width: 100%;
    /*product-banner*/
    /*product-share*/
    /*product-safe*/
    /*product-firecontrol*/
    /*product-serviceobj*/
    /*product-business*/
  }
  .product-container .product-banner {
    background: url("../images/product/product-banner-bg-large.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 700px;
  }
  .product-container .product-bg-container {
    display: none;
  }
  .product-container .banner-QRcode-container {
    width: 1600px;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .product-container .banner-QRcode-container .banner-QRcode {
    width: 175px;
    position: absolute;
    top: 288px;
  }
  .product-container .banner-QRcode-container #banner-QRcode-1 {
    left: 126px;
  }
  .product-container .banner-QRcode-container #banner-QRcode-2 {
    left: 387px;
  }
  .product-container .product-share {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 1600px;
    height: 710px;
  }
  .product-container .product-share #product-share-container {
    width: 1022px;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-share #product-share-container .product-share-content {
    margin-top: 80px;
    width: 190px;
    float: left;
  }
  .product-container .product-share #product-share-container .product-share-content img {
    width: 100%;
  }
  .product-container .product-share #product-share-container .product-share-content p {
    font-size: 18px;
    margin-top: 28px;
    text-align: center;
  }
  .product-container .product-share #product-share-container #product-share-content2 {
    margin-left: 226px;
    margin-right: 226px;
  }
  .product-container .product-safe {
    background: url("../images/product/product-safe-bg-large.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 776px;
  }
  .product-container .product-bg-container {
    display: none;
  }
  .product-container .product-safe-details-container {
    width: 1600px;
    height: 776px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .product-container .product-safe-details-container #product-safe-phone {
    width: 337px;
    position: absolute;
    left: 219px;
    top: 45px;
  }
  .product-container .product-safe-details-container .product-safe-details {
    color: #fff;
    width: 562px;
    position: absolute;
    top: 202px;
    left: 757px;
  }
  .product-container .product-safe-details-container .product-safe-details h2 {
    font-size: 54px;
  }
  .product-container .product-safe-details-container .product-safe-details h3 {
    font-size: 50px;
    font-weight: lighter;
    margin-top: 33px;
  }
  .product-container .product-safe-details-container .product-safe-details p {
    font-size: 30px;
    line-height: 40px;
    font-weight: lighter;
    margin-top: 39px;
  }
  .product-container .product-safe-details-container .product-safe-details .product-safe-icons {
    margin-top: 43px;
  }
  .product-container .product-safe-details-container .product-safe-details .product-safe-icons .product-safe-icon {
    width: 72px;
    float: left;
    margin-right: 62px;
  }
  .product-container .product-safe-details-container .product-safe-details .product-safe-icons .product-safe-icon img {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-safe-details-container .product-safe-details .product-safe-icons .product-safe-icon p {
    font-size: 18px;
    margin-top: 19px;
    display: block;
    text-align: center;
  }
  .product-container .product-firecontrol {
    width: 1600px;
    height: 816px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .product-container .product-firecontrol #product-firecontrol-phone {
    width: 335px;
    position: absolute;
    top: 66px;
    left: 1077px;
  }
  .product-container .product-firecontrol .product-firecontrol-details {
    width: 630px;
    position: absolute;
    top: 202px;
    left: 207px;
    color: #666666;
    text-align: right;
  }
  .product-container .product-firecontrol .product-firecontrol-details h2 {
    font-size: 54px;
    color: #28a0f0;
  }
  .product-container .product-firecontrol .product-firecontrol-details h3 {
    font-size: 50px;
    font-weight: lighter;
    margin-top: 33px;
  }
  .product-container .product-firecontrol .product-firecontrol-details p {
    font-size: 30px;
    line-height: 40px;
    font-weight: lighter;
    margin-top: 39px;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons {
    margin-top: 43px;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon {
    width: 72px;
    float: right;
    margin-left: 62px;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon img {
    width: 50px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-firecontrol .product-firecontrol-details .product-firecontrol-icons .product-firecontrol-icon p {
    font-size: 18px;
    margin-top: 19px;
    display: block;
    text-align: center;
  }
  .product-container .product-serviceobj {
    background: url("../images/product/product-serviceobj-bg-large.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 780px;
    text-align: center;
    color: #fff;
  }
  .product-container .product-serviceobj .product-bg-container {
    display: none;
  }
  .product-container .product-serviceobj .product-serviceobj-container {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside {
    position: absolute;
    top: 80px;
    width: 1600px;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside #product-serviceobj-generic-title h2,
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside #product-serviceobj-generic-title p {
    color: #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside #product-serviceobj-generic-title .generic-title-line {
    border-top: 1px solid #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside #product-serviceobj-generic-title #product-serviceobj-triangle {
    border-left: 12px solid #fff;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside .product-serviceobj-icons {
    width: 1366px;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon {
    text-align: center;
    width: 264px;
    float: left;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon img {
    width: 130px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon h3 {
    font-size: 24px;
    margin-top: 25px;
    width: 264px;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon p {
    font-size: 18px;
    width: 224px;
    margin: 24px auto auto;
    line-height: 26px;
  }
  .product-container .product-serviceobj .product-serviceobj-container .product-serviceobj-inside .product-serviceobj-icons .product-serviceobj-icon-right {
    margin-left: 103px;
  }
  .product-container .product-business {
    background: url("../images/product/product-business-bg-large.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 770px;
    text-align: center;
    color: #fff;
  }
  .product-container .product-business .product-bg-container {
    display: none;
  }
  .product-container .product-business .product-business-container {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .product-container .product-business .product-business-container .product-business-inside {
    position: absolute;
    width: 1600px;
    color: #959595;
    /*原计划的轮播图样式*/
    /*
					.product-business-swiper-container {
						width: 1366px + @fullWidthChangePx;
						height: 405px;
						margin-left: auto;
						margin-right: auto;
						position: relative;
						.product-business-swiper-wrapper {
							margin-left: auto;
							margin-right: auto;
							width: 1306px;
							height: 405px;
							.product-business-swiper-slide {
								.product-business-icons {
									border-right: 1px solid #dddddd;
									border-bottom: 1px solid #dddddd;
									width: 1306px;
									height: 405px;
									table {
										tr {
											td {
												width: 260px;
												height: 100px;
												border-left: 1px solid #dddddd;
												border-top: 1px solid #dddddd;
												img {
													width: 100%;
												}
											}
										}
									}
								}
							}
						}
						.product-business-swiper-button-prev {
							position: absolute;
							top: 50%;
							margin-top: -36px;
							left: -100px + @halfWidthChangePx;
							z-index: 1000;
						}
						.product-business-swiper-button-next {
							position: absolute;
							top: 50%;
							margin-top: -36px;
							right: -100px + @halfWidthChangePx;
							z-index: 1000;
						}
					}
					*/
  }
  .product-container .product-business .product-business-container .product-business-inside .product-business-icons {
    margin-left: auto;
    margin-right: auto;
  }
  .product-container .product-business .product-business-container .product-business-inside .product-business-icons table {
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    -webkit-border-left: 1px solid #dddddd;
    -webkit-border-bottom: 1px solid #dddddd;
  }
  .product-container .product-business .product-business-container .product-business-inside .product-business-icons table tr td {
    width: 260px;
    height: 100px;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    -webkit-border-right: 1px solid #dddddd;
    -webkit-border-top: 1px solid #dddddd;
  }
  .product-container .product-business .product-business-container .product-business-inside .product-business-icons table tr td img {
    width: 260px;
    height: 100px;
  }
}
@media (max-width: 750px) {
  html {
    font-size: 100px;
  }
  body {
    width: 7.5rem!important;
    overflow-x: hidden;
  }
  /* joinus-job begin*/
  .job {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 1;
  }
  .job .job-container {
    width: 6.5rem;
    background: #ffffff;
    top: 20%;
    left: 50%;
    margin-left: -3.25rem;
    border-radius: 0.1rem;
    position: relative;
    z-index: 1000;
  }
  .job .job-container .job-close {
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
  }
  .job .job-container .job-title {
    width: 6rem;
    height: 0.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-title h3 {
    font-size: 0.2rem;
    color: #28a0f0;
    float: left;
    margin-top: 0.3rem;
  }
  .job .job-container .job-title .job-name {
    margin-left: 0.5rem;
  }
  .job .job-container .job-duty {
    padding-top: 0.2rem;
    width: 6rem;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-duty h3 {
    font-size: 0.2rem;
    color: #000;
  }
  .job .job-container .job-duty ul {
    margin-top: 0.16rem;
  }
  .job .job-container .job-duty ul li {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .job .job-container .job-requirements {
    width: 6rem;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-requirements h3 {
    margin-top: 0.2rem;
    font-size: 0.2rem;
    color: #000;
  }
  .job .job-container .job-requirements ul {
    margin-top: 0.2rem;
  }
  .job .job-container .job-requirements ul li {
    font-size: 0.2rem;
    line-height: 0.3rem;
  }
  .job .job-container .job-resume {
    width: 6rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.2rem;
  }
  .job .job-container .job-resume p {
    margin-top: 0.2rem;
    font-size: 0.18rem;
    color: #28a0f0;
    text-align: center;
    line-height: 0.3rem;
  }
  .job .job-container .job-resume p a {
    text-decoration: none;
    font-size: 0.2rem;
    font-weight: bold;
    color: #28a0f0;
  }
  /* joinus-job end*/
  .joinus-container {
    margin-top: 0.9rem;
    width: 7.5rem;
    /* joinus-banner-1 begin*/
    /* joinus-banner-1 end*/
    /* joinus-banner-2 begin*/
    /* joinus-banner-2 end*/
    /* joinus-jobs begin*/
    /* joinus-jobs end*/
  }
  .joinus-container .joinus-banner-1 {
    width: 7.5rem;
    height: 4rem;
  }
  .joinus-container .joinus-banner-1 .joinus-banner-1-container {
    display: none;
  }
  .joinus-container .joinus-banner-2 {
    width: 7.5rem;
  }
  .joinus-container .joinus-banner-2 #joinus-banner-2-bg {
    display: none;
  }
  .joinus-container .joinus-jobs {
    width: 7.5rem;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container {
    width: 7rem;
    margin: 0.4rem auto 0.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table th {
    width: 1.5rem;
    background-color: #f0f0f0;
    font-size: 0.24rem;
    height: 0.55rem;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td {
    width: 1.4rem;
    height: 0.94rem;
    vertical-align: middle;
    font-size: 0.24rem;
    text-align: center;
    color: #a3a3a3;
    border-bottom: 0.01rem dashed #eeeeee;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn {
    width: 1.2rem;
    background: #28a0f0 ;
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 0.06rem;
    color: #ffffff;
    font-size: 0.2rem;
    padding: 0.09rem 0;
    text-decoration: none;
    border: 0;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn:hover {
    background: #28a0f0;
    text-decoration: none;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn:focus {
    outline: none;
  }
  .joinus-container .joinus-jobs p {
    text-align: center;
    color: #6c6c6c;
    font-size: 0.2rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 751px) and (max-width: 1600px) {
  html {
    font-size: 100px;
  }
  body {
    width: 16rem;
    overflow-x: hidden;
  }
  /* joinus-job begin*/
  .job {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 1;
  }
  .job .job-container {
    width: 8rem;
    background: #ffffff;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -4rem;
    border-radius: 0.1rem;
    position: relative;
  }
  .job .job-container .job-close {
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
  }
  .job .job-container .job-title {
    width: 7.5rem;
    height: 0.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-title h3 {
    font-size: 0.2rem;
    color: #28a0f0;
    float: left;
    margin-top: 0.3rem;
  }
  .job .job-container .job-title .job-name {
    margin-left: 0.5rem;
  }
  .job .job-container .job-duty {
    padding-top: 0.2rem;
    width: 7.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-duty h3 {
    font-size: 0.18rem;
    color: #000;
  }
  .job .job-container .job-duty ul {
    margin-top: 0.16rem;
  }
  .job .job-container .job-duty ul li p {
    font-size: 0.14rem;
    line-height: 0.3rem;
  }
  .job .job-container .job-requirements {
    width: 7.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-requirements h3 {
    margin-top: 0.2rem;
    font-size: 0.18rem;
    color: #000;
  }
  .job .job-container .job-requirements ul {
    margin-top: 0.16rem;
  }
  .job .job-container .job-requirements ul li p {
    font-size: 0.14rem;
    line-height: 0.3rem;
  }
  .job .job-container .job-resume {
    width: 7.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0.2rem;
  }
  .job .job-container .job-resume p {
    margin-top: 0.2rem;
    font-size: 0.18rem;
    color: #28a0f0;
    text-align: center;
    line-height: 0.3rem;
  }
  .job .job-container .job-resume p a {
    text-decoration: none;
    font-size: 0.2rem;
    font-weight: bold;
    color: #28a0f0;
  }
  /* joinus-job end*/
  .joinus-container {
    width: 16rem;
    /* joinus-banner-1 begin*/
    /* joinus-banner-1 end*/
    /* joinus-banner-2 begin*/
    /* joinus-banner-2 end*/
    /* joinus-jobs begin*/
    /* joinus-jobs end*/
  }
  .joinus-container .joinus-banner-1 {
    width: 16rem;
    height: 7rem;
  }
  .joinus-container .joinus-banner-1 .joinus-banner-1-container {
    width: 16rem;
  }
  .joinus-container .joinus-banner-1 .joinus-banner-1-container .joinus-banner-1-pic {
    width: 100%;
  }
  .joinus-container .joinus-banner-2 {
    width: 16rem;
  }
  .joinus-container .joinus-banner-2 img {
    width: 100%;
  }
  .joinus-container .joinus-jobs {
    width: 16rem;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container {
    width: 12rem;
    margin: 0.4rem auto 0.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table th {
    width: 2.4rem;
    background-color: #f0f0f0;
    font-size: 0.18rem;
    height: 0.55rem;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td {
    width: 2.4rem;
    height: 0.94rem;
    vertical-align: middle;
    font-size: 0.18rem;
    text-align: center;
    color: #a3a3a3;
    border-bottom: 0.01rem dashed #eeeeee;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn {
    background: #28a0f0 ;
    background-image: -webkit-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -moz-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -ms-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -o-linear-gradient(top, #28a0f0, #2980b9);
    background-image: linear-gradient(to bottom, #28a0f0, #2980b9);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 0.06rem;
    color: #ffffff;
    font-size: 0.2rem;
    padding: 0.09rem 0.28rem;
    text-decoration: none;
    border: 0;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn:hover {
    background: #28a0f0;
    background-image: -webkit-linear-gradient(top, #28a0f0, #3498db);
    background-image: -moz-linear-gradient(top, #28a0f0, #3498db);
    background-image: -ms-linear-gradient(top, #28a0f0, #3498db);
    background-image: -o-linear-gradient(top, #28a0f0, #3498db);
    background-image: linear-gradient(to bottom, #28a0f0, #3498db);
    text-decoration: none;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn:focus {
    outline: none;
  }
  .joinus-container .joinus-jobs p {
    text-align: center;
    color: #6c6c6c;
    font-size: 0.2rem;
    margin-bottom: 0.5rem;
  }
}
@media (min-width: 1601px) {
  /* joinus-job begin*/
  .job {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 1;
  }
  .job .job-container {
    width: 800px;
    background: #ffffff;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -400px;
    border-radius: 10px;
    position: relative;
  }
  .job .job-container .job-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .job .job-container .job-title {
    width: 750px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-title h3 {
    font-size: 20px;
    color: #28a0f0;
    float: left;
    margin-top: 30px;
  }
  .job .job-container .job-title .job-name {
    margin-left: 50px;
  }
  .job .job-container .job-duty {
    padding-top: 20px;
    width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-duty h3 {
    font-size: 18px;
    color: #000;
  }
  .job .job-container .job-duty ul {
    margin-top: 16px;
  }
  .job .job-container .job-duty ul li p {
    font-size: 14px;
    line-height: 30px;
  }
  .job .job-container .job-requirements {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
  .job .job-container .job-requirements h3 {
    margin-top: 20px;
    font-size: 18px;
    color: #000;
  }
  .job .job-container .job-requirements ul {
    margin-top: 16px;
  }
  .job .job-container .job-requirements ul li p {
    font-size: 14px;
    line-height: 30px;
  }
  .job .job-container .job-resume {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
  }
  .job .job-container .job-resume p {
    margin-top: 20px;
    font-size: 18px;
    color: #28a0f0;
    text-align: center;
    line-height: 30px;
  }
  .job .job-container .job-resume p a {
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #28a0f0;
  }
  /* joinus-job end*/
  .joinus-container {
    width: 100%;
    /* joinus-banner-1 begin*/
    /* joinus-banner-1 end*/
    /* joinus-banner-2 begin*/
    /* joinus-banner-2 end*/
    /* joinus-jobs begin*/
    /* joinus-jobs end*/
  }
  .joinus-container .joinus-banner-1 {
    background-image: url(../images/joinus/joinus-banner-1-bg-large.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 700px;
  }
  .joinus-container .joinus-banner-1 .joinus-banner-1-container {
    display: none;
  }
  .joinus-container .joinus-banner-2 {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
  .joinus-container .joinus-banner-2 img {
    width: 100%;
  }
  .joinus-container .joinus-jobs {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container {
    width: 1200px;
    margin: 40px auto 50px;
    margin-left: auto;
    margin-right: auto;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table th {
    width: 240px;
    background-color: #f0f0f0;
    font-size: 18px;
    height: 55px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td {
    width: 240px;
    height: 94px;
    vertical-align: middle;
    font-size: 18px;
    text-align: center;
    color: #a3a3a3;
    border-bottom: 1px dashed #eeeeee;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn {
    background: #28a0f0 ;
    background-image: -webkit-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -moz-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -ms-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -o-linear-gradient(top, #28a0f0, #2980b9);
    background-image: linear-gradient(to bottom, #28a0f0, #2980b9);
    -webkit-border-radius: 6;
    -moz-border-radius: 6;
    border-radius: 6px;
    color: #ffffff;
    font-size: 20px;
    padding: 9px 28px;
    text-decoration: none;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn:hover {
    background: #28a0f0;
    background-image: -webkit-linear-gradient(top, #28a0f0, #3498db);
    background-image: -moz-linear-gradient(top, #28a0f0, #3498db);
    background-image: -ms-linear-gradient(top, #28a0f0, #3498db);
    background-image: -o-linear-gradient(top, #28a0f0, #3498db);
    background-image: linear-gradient(to bottom, #28a0f0, #3498db);
    text-decoration: none;
  }
  .joinus-container .joinus-jobs .joinus-jobs-container table td .joinus-btn:focus {
    outline: none;
  }
  .joinus-container .joinus-jobs p {
    text-align: center;
    color: #6c6c6c;
    font-size: 20px;
    margin-bottom: 50px;
  }
}
@media (max-width: 750px) {
  html {
    font-size: 100px;
  }
  body {
    width: 7.5rem!important;
    overflow-x: hidden;
    font-family: "Microsoft YaHei", sans-serif;
  }
  .aboutus-container {
    margin-top: 0.9rem;
    width: 7.5rem;
    /* aboutus-banner-begin */
    /* aboutus-banner-end */
    /* aboutus-profile-begin */
    /* aboutus-profile-end */
    /* aboutus-position-begin */
    /* aboutus-position-end */
    /* aboutus-contactus-begin */
    /* aboutus-contactus-end */
  }
  .aboutus-container .aboutus-banner {
    width: 7.5rem;
  }
  .aboutus-container .aboutus-banner .aboutus-banner-container {
    display: none;
  }
  .aboutus-container .aboutus-profile {
    width: 7.5rem;
    height: 7.0rem;
    position: relative;
  }
  .aboutus-container .aboutus-profile .bg-container {
    display: none;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside {
    overflow: hidden;
    width: 7.5rem;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words {
    width: 6.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.36rem;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words p {
    display: block;
    font-size: 0.18rem;
    line-height: 0.4rem;
    font-family: "Microsoft YaHei", "SimHei", "Microsoft JhengHei", sans-serif;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words #aboutus-profile-words-2 {
    margin-top: 0.15rem;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-photo {
    width: 6.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.45rem;
    margin-bottom: 0.45rem;
  }
  .aboutus-container .aboutus-position {
    width: 7.5rem;
    height: 5.26rem;
    position: relative;
  }
  .aboutus-container .aboutus-position .aboutus-position-container {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .generic-title-2 .generic-title-2-line {
    border-top: 0.01rem solid #000;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .generic-title-2 .generic-title-2-circle {
    background-color: #000;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents {
    width: 7.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.55rem;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content {
    width: 2rem;
    float: left;
    text-align: center;
    margin: 0 0.2rem;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content img {
    width: 1.37rem;
    margin-left: auto;
    margin-right: auto;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content h4 {
    font-size: 0.24rem;
    margin-top: 0.2rem;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content .aboutus-position-line {
    border-top: 0.01rem solid #28a0f0;
    width: 0.26rem;
    margin: 0.2rem auto;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content p {
    font-size: 0.20rem;
    line-height: 0.3rem;
    font-family: "Microsoft YaHei", sans-serif;
  }
  .aboutus-container .aboutus-contactus {
    width: 7.5rem;
    height: 5.6rem;
    position: relative;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside {
    width: 7.5rem;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.3rem;
    font-size: 0.20rem;
    height: 0.2rem;
    text-align: center;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text img {
    display: inline-block;
    height: 0.26rem;
    width: 0.26rem;
    margin-right: 0.15rem;
    vertical-align: middle;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text p {
    color: #55524e;
    display: inline-block;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-map {
    width: 5.8rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.3rem;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-map img {
    width: 100%;
  }
}
@media (min-width: 751px) and (max-width: 1600px) {
  html {
    font-size: 100px;
  }
  body {
    width: 16rem;
    overflow-x: hidden;
  }
  .aboutus-container {
    width: 16rem;
    /* aboutus-banner-begin */
    /* aboutus-banner-end */
    /* aboutus-profile-begin */
    /* aboutus-profile-end */
    /* aboutus-position-begin */
    /* aboutus-position-end */
    /* aboutus-contactus-begin */
    /* aboutus-contactus-end */
  }
  .aboutus-container .aboutus-banner {
    width: 16rem;
  }
  .aboutus-container .aboutus-banner .aboutus-banner-container {
    width: 16rem;
  }
  .aboutus-container .aboutus-banner .aboutus-banner-container .aboutus-banner-pic {
    width: 16rem;
  }
  .aboutus-container .aboutus-profile {
    width: 16rem;
    position: relative;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside {
    width: 16rem;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words {
    width: 10.8rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.25rem;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words p {
    display: block;
    font-size: 0.18rem;
    line-height: 0.36rem;
    margin-top: 0.22rem;
    font-family: "Microsoft YaHei", "SimHei", "Microsoft JhengHei", sans-serif;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-photo {
    width: 10.64rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.3rem;
  }
  .aboutus-container .aboutus-position {
    width: 16rem;
    height: 7.72rem;
    position: relative;
  }
  .aboutus-container .aboutus-position .aboutus-position-container {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .generic-title-2 .generic-title-2-line {
    border-top: 0.01rem solid #000;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .generic-title-2 .generic-title-2-circle {
    background-color: #000;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents {
    width: 10.80rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.15rem;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content {
    width: 2.8rem;
    float: left;
    margin-left: 0.4rem;
    margin-right: 0.4rem;
    text-align: center;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content img {
    width: 1.9rem;
    margin-left: auto;
    margin-right: auto;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content h4 {
    font-size: 0.32rem;
    margin-top: 0.5rem;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content .aboutus-position-line {
    border-top: 0.03rem solid #28a0f0;
    width: 0.35rem;
    margin: 0.2rem auto;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content p {
    font-size: 0.18rem;
    line-height: 0.3rem;
  }
  .aboutus-container .aboutus-contactus {
    width: 16rem;
    height: 9.36rem;
    position: relative;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside {
    width: 16rem;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.35rem;
    font-size: 0.24rem;
    height: 0.26rem;
    text-align: center;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text img {
    display: inline-block;
    height: 0.26rem;
    width: 0.26rem;
    margin-right: 0.15rem;
    vertical-align: middle;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text p {
    color: #55524e;
    display: inline-block;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-map {
    width: 10.68rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-map img {
    width: 100%;
  }
}
@media (min-width: 1601px) {
  .aboutus-container {
    width: 100%;
    /*aboutus-banner-begin*/
    /*aboutus-banner-end*/
    /* aboutus-profile-begin */
    /* aboutus-profile-end */
    /* aboutus-profile-begin */
    /* aboutus-profile-end */
    /* aboutus-position-begin */
    /* aboutus-position-end */
    /* aboutus-contactus-begin */
    /* aboutus-contactus-end */
  }
  .aboutus-container .aboutus-banner {
    background: url("../images/aboutus/aboutus-banner-bg-large.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 700px;
  }
  .aboutus-container .aboutus-banner .aboutus-banner-container {
    display: none;
  }
  .aboutus-container .aboutus-profile {
    background-image: url("../images/aboutus/aboutus-profile-bg.png");
    width: 1600px;
    height: 870px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside {
    width: 1600px;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words p {
    display: block;
    font-size: 18px;
    line-height: 36px;
    margin-top: 22px;
    font-family: "Microsoft YaHei", "SimHei", "Microsoft JhengHei", sans-serif;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-photo {
    width: 1064px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
  .aboutus-container .aboutus-profile {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside {
    width: 1600px;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-words p {
    display: block;
    font-size: 18px;
    line-height: 36px;
    margin-top: 22px;
    font-family: "Microsoft YaHei", "SimHei", "Microsoft JhengHei", sans-serif;
  }
  .aboutus-container .aboutus-profile .aboutus-profile-container .aboutus-profile-inside .aboutus-profile-photo {
    width: 1064px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
  }
  .aboutus-container .aboutus-position {
    height: 772px;
    background-image: url("../images/aboutus/aboutus-position-bg-large.png");
    background-position: center;
    background-repeat: no-repeat;
  }
  .aboutus-container .aboutus-position .aboutus-position-container {
    width: 1600px;
    height: 772px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside {
    width: 1600px;
    height: 772px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .generic-title-2 .generic-title-2-line {
    border-top: 1px solid #000;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .generic-title-2 .generic-title-2-circle {
    background-color: #000;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 115px;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content {
    width: 280px;
    float: left;
    margin-left: 40px;
    margin-right: 40px;
    text-align: center;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content img {
    width: 190px;
    margin-left: auto;
    margin-right: auto;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content h4 {
    font-size: 32px;
    margin-top: 50px;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content .aboutus-position-line {
    border-top: 3px solid #28a0f0;
    width: 35px;
    margin: 20px auto;
  }
  .aboutus-container .aboutus-position .aboutus-position-container .aboutus-position-inside .aboutus-position-contents .aboutus-position-content p {
    font-size: 18px;
    line-height: 30px;
  }
  .aboutus-container .aboutus-contactus {
    background-image: url("../images/aboutus/aboutus-contactus-bg-large.png");
    background-position: center;
    background-repeat: no-repeat;
    height: 936px;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text {
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    font-size: 24px;
    height: 26px;
    text-align: center;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text img {
    display: inline-block;
    height: 26px;
    width: 26px;
    margin-right: 15px;
    vertical-align: middle;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-text p {
    color: #55524e;
    display: inline-block;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-map {
    width: 1068px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
  .aboutus-container .aboutus-contactus .aboutus-contactus-container .aboutus-contactus-inside .aboutus-contactus-map img {
    width: 100%;
  }
}
.color-red {
  color: red;
}
@media (max-width: 750px) {
  html {
    font-size: 100px;
  }
  body {
    width: 7.5rem!important;
    overflow-x: hidden;
  }
  /* 弹出框 begin*/
  .cooperation-success {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 1000;
  }
  .cooperation-success .cooperation-success-container {
    width: 6rem;
    height: 3.5rem;
    background: #fff;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -3rem;
    border-radius: 0.1rem;
    position: relative;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-right {
    position: absolute;
    width: 0.62rem;
    height: 0.5rem;
    top: 0.9rem;
    left: 1.65rem;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-close {
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    right: 0.2rem;
    top: 0.2rem;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words {
    width: 4rem;
    margin: 0.4rem auto;
    padding-top: 1rem;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words h3 {
    text-align: center;
    font-size: 0.36rem;
    font-weight: bold;
    color: #28a0f0;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words p {
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0.28rem;
    line-height: 0.32rem;
  }
  /* 弹出框 end*/
  .cooperation-container {
    margin-top: 0.9rem;
    width: 7.5rem;
    /* cooperation-banner begin */
    /* cooperation-banner end */
    /* cooperation-advantage begin */
    /* cooperation-advantage end */
    /* cooperation-enterprise begin */
    /* cooperation-enterprise end */
  }
  .cooperation-container .cooperation-banner {
    width: 7.5rem;
    height: 6.42rem;
    position: relative;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside {
    width: 7.5rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside h2 {
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    margin-top: 0.45rem;
    margin-bottom: 0.1rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form {
    width: 5rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #company-name {
    color: red;
    font-size: 0.18rem;
    position: absolute;
    top: 0.62rem;
    left: 0.2rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #contact-name {
    color: red;
    font-size: 0.18rem;
    position: absolute;
    top: 1.97rem;
    left: 0.2rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #contact-tel {
    color: red;
    font-size: 0.18rem;
    position: absolute;
    top: 3.32rem;
    left: 0.2rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .input-title {
    font-size: 0.26rem;
    color: #fff;
    position: absolute;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .input-title span {
    font-size: 0.2rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-company-name-title {
    top: -0.42rem;
    left: 0.2rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-contact-name-title {
    top: 0.93rem;
    left: 0.2rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-contact-tel-title {
    top: 2.28rem;
    left: 0.2rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 4.64rem;
    height: 0.6rem;
    background-color: transparent;
    border: 0.01rem solid #adb2bb;
    margin-top: 0.75rem;
    color: #fff;
    font-size: 0.18rem;
    padding-left: 0.36rem;
    border-radius: 0.05rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input:focus {
    outline: none;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input[name="color"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.45rem;
    display: block;
    background: #28a0f0 ;
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 0.05rem;
    color: #ffffff;
    font-size: 0.32rem;
    padding: 0.1rem 0.4rem;
    text-decoration: none;
    border: 0;
    width: 4.6rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn:hover {
    background: #28a0f0;
    text-decoration: none;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn:focus {
    outline: none;
  }
  .cooperation-container .cooperation-advantage {
    width: 7.5rem;
    height: 10rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container {
    width: 7.5rem;
    position: relative;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons {
    width: 6.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon {
    text-align: left;
    width: 6.5rem;
    height: 1.3rem;
    margin-top: 0.3rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon img {
    width: 1.3rem;
    margin-left: auto;
    margin-right: auto;
    float: left;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-line-2 {
    border-right: 0.01rem solid #28a0f0;
    height: 1.04rem;
    float: left;
    margin: 0.13rem 0.3rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-icon-words {
    width: 4.5rem;
    float: left;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-icon-words h3 {
    font-size: 0.24rem;
    color: #333;
    margin-top: 0.05rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-icon-words .cooperation-advantage-line {
    display: none;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-icon-words p {
    font-size: 0.2rem;
    color: #666;
    line-height: 0.36rem;
    margin-top: 0.2rem;
  }
  .cooperation-container .cooperation-enterprise {
    width: 7.5rem;
    position: relative;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container {
    width: 7.5rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside {
    width: 7.5rem;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside h2 {
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    margin-top: 0.6rem;
    margin-bottom: 0.35rem;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside img {
    width: 6.08rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 751px) and (max-width: 1600px) {
  html {
    font-size: 100px;
  }
  body {
    width: 13.66rem;
    overflow-x: hidden;
  }
  /* 弹出框 begin*/
  .cooperation-success {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 1000;
  }
  .cooperation-success .cooperation-success-container {
    width: 6rem;
    height: 3.5rem;
    background: #fff;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -3rem;
    border-radius: 0.1rem;
    position: relative;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-right {
    position: absolute;
    width: 0.31rem;
    height: 0.25rem;
    top: 1rem;
    left: 2.15rem;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-close {
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    right: 0.2rem;
    top: 0.2rem;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words {
    width: 4rem;
    margin: 0.4rem auto;
    padding-top: 1rem;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words h3 {
    text-align: center;
    font-size: 0.24rem;
    font-weight: bold;
    color: #28a0f0;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words p {
    text-align: center;
    margin-top: 0.5rem;
    font-size: 0.18rem;
    line-height: 0.32rem;
  }
  /* 弹出框 end*/
  .cooperation-container {
    width: 16rem;
    /* cooperation-banner begin */
    /* cooperation-banner end */
    /* cooperation-advantage begin */
    /* cooperation-advantage end */
    /* cooperation-enterprise begin */
    /* cooperation-enterprise end */
  }
  .cooperation-container .cooperation-banner {
    width: 16rem;
    position: relative;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside {
    width: 16rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside h2 {
    text-align: center;
    font-size: 0.54rem;
    color: #fff;
    margin-top: 0.8rem;
    margin-bottom: 0.1rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form {
    width: 16rem;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #company-name {
    color: red;
    font-size: 0.18rem;
    position: absolute;
    top: 0.2rem;
    left: 11.6rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #contact-name {
    color: red;
    font-size: 0.18rem;
    position: absolute;
    top: 1.45rem;
    left: 11.6rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #contact-tel {
    color: red;
    font-size: 0.18rem;
    position: absolute;
    top: 2.7rem;
    left: 11.6rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .input-title {
    font-size: 0.26rem;
    color: #fff;
    position: absolute;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .input-title span {
    font-size: 0.2rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-company-name-title {
    top: -0.42rem;
    left: 4.7rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-contact-name-title {
    top: 0.83rem;
    left: 4.7rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-contact-tel-title {
    top: 2.08rem;
    left: 4.7rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 6.64rem;
    height: 0.6rem;
    background-color: transparent;
    border: 0.01rem solid #adb2bb;
    margin-top: 0.65rem;
    color: #fff;
    font-size: 0.18rem;
    padding-left: 0.36rem;
    border-radius: 0.05rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input:focus {
    outline: none;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input[name="color"]:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
    display: block;
    background: #28a0f0 ;
    background-image: -webkit-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -moz-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -ms-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -o-linear-gradient(top, #28a0f0, #2980b9);
    background-image: linear-gradient(to bottom, #28a0f0, #2980b9);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 0.05rem;
    color: #ffffff;
    font-size: 0.25rem;
    padding: 0.13rem 0.2rem;
    text-decoration: none;
    border: 0;
    width: 6.6rem;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn:hover {
    background: #28a0f0;
    background-image: -webkit-linear-gradient(top, #28a0f0, #3498db);
    background-image: -moz-linear-gradient(top, #28a0f0, #3498db);
    background-image: -ms-linear-gradient(top, #28a0f0, #3498db);
    background-image: -o-linear-gradient(top, #28a0f0, #3498db);
    background-image: linear-gradient(to bottom, #28a0f0, #3498db);
    text-decoration: none;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn:focus {
    outline: none;
  }
  .cooperation-container .cooperation-advantage {
    width: 16rem;
    height: 7.9rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container {
    width: 16rem;
    position: relative;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons {
    width: 13.4rem;
    height: 5.36rem;
    margin-left: auto;
    margin-right: auto;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .right-35 {
    margin-right: 0.35rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon {
    text-align: center;
    width: 2.4rem;
    float: left;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-img {
    margin-top: 0.84rem;
    width: 1.3rem;
    height: 1.3rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.4rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-img img {
    width: 1.3rem;
    height: 1.3rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-img:hover {
    width: 1.54rem;
    height: 1.54rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.29rem;
    margin-top: 0.71rem;
    border-radius: 50%;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-img:hover img {
    width: 1.36rem;
    height: 1.36rem;
    margin: 0.09rem auto;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-1:hover {
    border: 0.01rem solid #ffcc00;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-2:hover {
    border: 0.01rem solid #08c553;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-3:hover {
    border: 0.01rem solid #ff5f53;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-4:hover {
    border: 0.01rem solid #31beff;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-5:hover {
    border: 0.01rem solid #b64da6;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon h3 {
    font-size: 0.24rem;
    color: #333;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-line {
    width: 0.35rem;
    border-top: 0.03rem solid #28a0f0;
    margin: 0.42rem auto 0.25rem;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon p {
    font-size: 0.18rem;
    color: #666;
    line-height: 0.36rem;
  }
  .cooperation-container .cooperation-enterprise {
    width: 16rem;
    position: relative;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container {
    width: 16rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside {
    width: 16rem;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside h2 {
    text-align: center;
    font-size: 0.54rem;
    color: #fff;
    margin-top: 0.75rem;
    margin-bottom: 0.68rem;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside img {
    width: 9.02rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1601px) {
  /* 弹出框 begin*/
  .cooperation-success {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    z-index: 1000;
  }
  .cooperation-success .cooperation-success-container {
    width: 600px;
    height: 350px;
    background: #fff;
    position: fixed;
    top: 30%;
    left: 50%;
    margin-left: -300px;
    border-radius: 10px;
    position: relative;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-right {
    position: absolute;
    width: 31px;
    height: 25px;
    top: 100px;
    left: 215px;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words {
    width: 400px;
    margin: 40px auto;
    padding-top: 100px;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words h3 {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #28a0f0;
  }
  .cooperation-success .cooperation-success-container .cooperation-success-words p {
    text-align: center;
    margin-top: 50px;
    font-size: 18px;
    line-height: 32px;
  }
  /* 弹出框 end*/
  .cooperation-container {
    width: 100%;
    /* cooperation-banner begin */
    /* cooperation-banner end */
    /* cooperation-advantage begin */
    /* cooperation-advantage end */
    /* cooperation-enterprise begin */
    /* cooperation-enterprise end */
  }
  .cooperation-container .cooperation-banner {
    background-image: url(../images/cooperation/cooperation-banner-bg-large.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 700px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside h2 {
    text-align: center;
    font-size: 54px;
    color: #fff;
    margin-top: 80px;
    margin-bottom: 10px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #company-name {
    color: red;
    font-size: 18px;
    position: absolute;
    top: 20px;
    left: 1160px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #contact-name {
    color: red;
    font-size: 18px;
    position: absolute;
    top: 145px;
    left: 1160px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #contact-tel {
    color: red;
    font-size: 18px;
    position: absolute;
    top: 270px;
    left: 1160px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .input-title {
    font-size: 26px;
    color: #fff;
    position: absolute;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .input-title span {
    font-size: 20px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-company-name-title {
    top: -42px;
    left: 470px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-contact-name-title {
    top: 83px;
    left: 470px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form #input-contact-tel-title {
    top: 208px;
    left: 470px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 664px;
    height: 60px;
    background-color: transparent;
    border: 1px solid #adb2bb;
    margin-top: 65px;
    color: #fff;
    font-size: 18px;
    padding-left: 36px;
    border-radius: 5px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input:focus {
    outline: none;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    display: block;
    background: #28a0f0 ;
    background-image: -webkit-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -moz-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -ms-linear-gradient(top, #28a0f0, #2980b9);
    background-image: -o-linear-gradient(top, #28a0f0, #2980b9);
    background-image: linear-gradient(to bottom, #28a0f0, #2980b9);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 25px;
    padding: 13px 20px;
    text-decoration: none;
    border: 0;
    width: 660px;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn:hover {
    background: #28a0f0;
    background-image: -webkit-linear-gradient(top, #28a0f0, #3498db);
    background-image: -moz-linear-gradient(top, #28a0f0, #3498db);
    background-image: -ms-linear-gradient(top, #28a0f0, #3498db);
    background-image: -o-linear-gradient(top, #28a0f0, #3498db);
    background-image: linear-gradient(to bottom, #28a0f0, #3498db);
    text-decoration: none;
  }
  .cooperation-container .cooperation-banner .cooperation-banner-container .cooperation-banner-inside .cooperation-form .cooperation-btn:focus {
    outline: none;
  }
  .cooperation-container .cooperation-advantage {
    width: 1600px;
    height: 790px;
    margin-left: auto;
    margin-right: auto;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container {
    width: 1600px;
    position: relative;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons {
    width: 1340px;
    height: 536px;
    margin-left: auto;
    margin-right: auto;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .right-35 {
    margin-right: 35px;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon {
    text-align: center;
    width: 240px;
    float: left;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-img {
    margin-top: 84px;
    width: 130px;
    height: 130px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-img img {
    width: 130px;
    height: 130px;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-img:hover {
    width: 154px;
    height: 154px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 29px;
    margin-top: 71px;
    border-radius: 50%;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-img:hover img {
    width: 136px;
    height: 136px;
    margin: 9px auto;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-1:hover {
    border: 1px solid #ffcc00;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-2:hover {
    border: 1px solid #08c553;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-3:hover {
    border: 1px solid #ff5f53;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-4:hover {
    border: 1px solid #31beff;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon #cooperation-advantage-img-5:hover {
    border: 1px solid #b64da6;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon h3 {
    font-size: 24px;
    color: #333;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon .cooperation-advantage-line {
    width: 35px;
    border-top: 3px solid #28a0f0;
    margin: 42px auto 25px;
  }
  .cooperation-container .cooperation-advantage .cooperation-advantage-container .cooperation-advantage-inside .cooperation-advantage-icons .cooperation-advantage-icon p {
    font-size: 18px;
    color: #666;
    line-height: 36px;
  }
  .cooperation-container .cooperation-enterprise {
    background-image: url(../images/cooperation/cooperation-enterprise-bg-large.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 733px;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container {
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside {
    width: 1600px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside h2 {
    text-align: center;
    font-size: 54px;
    color: #fff;
    margin-top: 75px;
    margin-bottom: 68px;
  }
  .cooperation-container .cooperation-enterprise .cooperation-enterprise-container .cooperation-enterprise-inside img {
    width: 902px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 750px) {
  body {
    width: 7.5rem!important;
    overflow-x: hidden;
    font-size: 100px;
  }
  footer {
    width: 7.5rem;
    /* foot-map begin */
    /* foot-map end */
  }
  footer .foot-map-container {
    display: none;
  }
  footer .foot-contactus-container {
    display: none;
  }
  footer .foot-wap-container {
    width: 7.5rem;
    background-color: #000;
    height: 3rem;
    position: relative;
  }
  footer .foot-wap-container .foot-wap-inside {
    width: 7.5rem;
    height: 3rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  footer .foot-wap-container .foot-wap-inside .foot-wap-qr-container {
    overflow: hidden;
    width: 3rem;
    margin: 0 auto;
  }
  footer .foot-wap-container .foot-wap-inside .foot-wap-qr-container img {
    width: 1.2rem;
    height: 1.2rem;
    float: left;
    margin: 0.3rem 0.15rem;
  }
  footer .foot-wap-container .foot-wap-inside #foot-wap-tel {
    display: block;
    text-align: center;
    font-size: 0.24rem;
    color: #28a0f0;
  }
  footer .foot-wap-container .foot-wap-inside #foot-wap-name {
    font-size: 0.2rem;
    color: #929292;
    margin-top: 0.2rem;
    text-align: center;
  }
}
@media (min-width: 751px) and (max-width: 1600px) {
  footer {
    width: 16rem;
    /* foot-map begin */
    /* foot-map end */
    /* foot-contactus begin */
    /* foot-contactus end */
  }
  footer .foot-wap-container {
    display: none;
  }
  footer .foot-map-container {
    width: 16rem;
    background-color: #333;
  }
  footer .foot-map-container .foot-map-inside {
    width: 12.2rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
  footer .foot-map-container .foot-map-inside .foot-map {
    width: 3rem;
    float: left;
    margin-bottom: 0.6rem;
  }
  footer .foot-map-container .foot-map-inside .foot-map img {
    width: 0.44rem;
    height: 0.44rem;
    float: left;
    margin-top: 0.6rem;
    margin-left: 0.55rem;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link {
    width: 1.2rem;
    float: left;
    margin-left: 0.2rem;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link h3 {
    font-size: 0.16rem;
    color: #fff;
    margin-top: 0.65rem;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link ul {
    margin-top: 0.22rem;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link ul li {
    font-size: 0.12rem;
    color: #929292;
    margin-bottom: 0.14rem;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link ul li a {
    text-decoration: none;
    color: #929292;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link ul li a:hover {
    color: #fff;
  }
  footer .foot-map-container .foot-map-inside .foot-line {
    height: 1.8rem;
    border-left: 0.01rem solid #8e8e8e;
    float: left;
    margin-top: 0.7rem;
  }
  footer .foot-contactus-container {
    width: 16rem;
    background-color: #141414;
  }
  footer .foot-contactus-container .foot-contactus-inside {
    width: 12rem;
    height: 3rem;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-qr-container {
    display: table-cell;
    vertical-align: middle;
    width: 3rem;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-qr-container img {
    width: 1.2rem;
    float: left;
    margin-right: 0.1rem;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-tel-container {
    width: 4rem;
    margin-left: 1rem;
    display: table-cell;
    vertical-align: middle;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-tel-container .foot-tel {
    text-align: left;
    padding-left: 1rem;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-tel-container .foot-tel h4 {
    font-size: 0.24rem;
    color: #fff;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-tel-container .foot-tel p {
    font-size: 0.36rem;
    margin-top: 0.26rem;
    color: #28a0f0;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-address-container {
    width: 4rem;
    display: table-cell;
    vertical-align: middle;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-address-container .foot-address {
    text-align: right;
    color: #fff;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-address-container .foot-address h4 {
    font-size: 0.18rem;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-address-container .foot-address p {
    font-size: 0.12rem;
    margin-top: 0.22rem;
  }
}
@media (min-width: 1601px) {
  footer {
    /* foot-map begin */
    /* foot-map end */
    /* foot-contactus begin */
    /* foot-contactus end */
  }
  footer .foot-wap-container {
    display: none;
  }
  footer .foot-map-container {
    width: 100%;
    background-color: #333;
  }
  footer .foot-map-container .foot-map-inside {
    width: 1220px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
  footer .foot-map-container .foot-map-inside .foot-map {
    width: 300px;
    float: left;
    margin-bottom: 60px;
  }
  footer .foot-map-container .foot-map-inside .foot-map img {
    width: 44px;
    height: 44px;
    float: left;
    margin-top: 60px;
    margin-left: 55px;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link {
    width: 120px;
    float: left;
    margin-left: 20px;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link h3 {
    font-size: 16px;
    color: #fff;
    margin-top: 65px;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link ul {
    margin-top: 22px;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link ul li {
    font-size: 12px;
    color: #929292;
    margin-bottom: 14px;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link ul li a {
    text-decoration: none;
    color: #929292;
  }
  footer .foot-map-container .foot-map-inside .foot-map .foot-map-link ul li a:hover {
    color: #fff;
  }
  footer .foot-map-container .foot-map-inside .foot-line {
    height: 180px;
    border-left: 1px solid #8e8e8e;
    float: left;
    margin-top: 70px;
  }
  footer .foot-contactus-container {
    background-color: #141414;
  }
  footer .foot-contactus-container .foot-contactus-inside {
    width: 1220px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    display: table;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-qr-container {
    display: table-cell;
    vertical-align: middle;
    width: 300px;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-qr-container img {
    width: 120px;
    float: left;
    margin-right: 10px;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-tel-container {
    width: 400px;
    margin-left: 100px;
    display: table-cell;
    vertical-align: middle;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-tel-container .foot-tel {
    text-align: left;
    padding-left: 100px;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-tel-container .foot-tel h4 {
    font-size: 24px;
    color: #fff;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-tel-container .foot-tel p {
    font-size: 36px;
    margin-top: 26px;
    color: #28a0f0;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-address-container {
    width: 400px;
    display: table-cell;
    vertical-align: middle;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-address-container .foot-address {
    text-align: right;
    color: #fff;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-address-container .foot-address h4 {
    font-size: 18px;
  }
  footer .foot-contactus-container .foot-contactus-inside .foot-address-container .foot-address p {
    font-size: 12px;
    margin-top: 22px;
  }
}
@media (max-width: 750px) {
  body {
    width: 7.5rem!important;
    overflow-x: hidden;
    font-size: 100px;
  }
  header {
    width: 7.5rem;
  }
  header .head-container {
    display: none;
  }
  header .navbar-default {
    background: transparent;
  }
  header .sf8cloud-nav {
    border: none;
    width: 7.5rem;
  }
  header .sf8cloud-nav .container {
    margin: 0;
    padding: 0;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header {
    margin: 0;
    width: 7.5rem;
    background-color: #fff;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header button {
    border: 0;
    padding: 0;
    width: 3rem;
    height: 0.9rem;
    background-color: #fff;
    float: right;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header button img {
    width: 0.48rem;
    height: 0.48rem;
    float: right;
    margin-right: 0.2rem;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header .navbar-toggle {
    margin: 0;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header button:hover,
  header .sf8cloud-nav .sf8cloud-navbar-header button:visited,
  header .sf8cloud-nav .sf8cloud-navbar-header button:active,
  header .sf8cloud-nav .sf8cloud-navbar-header button:link {
    background-color: #fff!important;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header .navbar-logo {
    padding: 0;
    display: block;
    height: 0.56rem;
    width: 2.08rem;
    margin-top: 0.17rem;
    margin-left: 0.21rem;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header .navbar-logo img {
    height: 0.56rem;
    width: 2.08rem;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header .dropdown-menu {
    min-width: 100px;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header .open {
    background-color: none!important;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header .open a {
    color: #000;
  }
  header .sf8cloud-nav .sf8cloud-navbar-header .open a:hover {
    color: #28a0f0;
  }
  header .sf8cloud-nav .sf8-collapse {
    max-height: 4.5rem;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: rgba(241, 241, 241, 0.7) !important;
  }
  header .sf8cloud-nav .sf8-collapse .sf8cloud-nav-ul {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(241, 241, 241, 0.7);
  }
  header .sf8cloud-nav .sf8-collapse .sf8cloud-nav-ul li {
    width: 100%;
    height: 0.88rem;
    background-color: rgba(241, 241, 241, 0.7);
    text-align: center;
  }
  header .sf8cloud-nav .sf8-collapse .sf8cloud-nav-ul li a {
    font-size: 0.28rem;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
    color: #000;
    line-height: 0.88rem;
  }
  header .sf8cloud-nav .sf8-collapse .sf8cloud-nav-ul li a:hover {
    color: #28a0f0;
  }
  header .sf8cloud-nav .sf8-collapse .sf8cloud-nav-ul .header-wap-link-hover a {
    color: #28a0f0;
  }
  header .sf8cloud-nav .sf8-collapse .sf8cloud-nav-ul .nav-top {
    border-top: 0.01rem solid #d2d2d2;
  }
}
@media (min-width: 751px) and (max-width: 1600px) {
  header {
    width: 16rem;
    height: 0.9rem;
    background-color: #fff;
  }
  header .sf8cloud-nav {
    display: none;
  }
  header .head-container {
    width: 13.66rem;
    margin-left: auto;
    margin-right: auto;
    height: 0.9rem;
    /* nav begin */
    /* nav end*/
  }
  header .head-container .head-inside {
    width: 13.66rem;
    height: 0.9rem;
    display: table;
  }
  header .head-container .head-inside #logo {
    width: 2.08rem;
    height: 0.56rem;
    display: table-cell;
    vertical-align: middle;
  }
  header .head-container nav {
    height: 0.9rem;
    float: right;
    display: table;
  }
  header .head-container nav ul {
    height: 0.36rem;
    display: table-cell;
    vertical-align: middle;
  }
  header .head-container nav ul li {
    display: block;
    float: right;
    height: 0.36rem;
    margin-right: 0.3rem;
  }
  header .head-container nav ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 0.18rem;
    line-height: 0.36rem;
    height: 0.36rem;
    padding: 0 0.25rem;
    background-color: #fff;
    float: left;
    position: relative;
  }
  header .head-container nav ul li #nav-triangle {
    display: block;
    position: absolute;
    right: -0.06rem;
    top: 50%;
    margin-top: -0.05rem;
    border-top: 0.06rem solid transparent;
    border-left: 0.06rem solid #fff;
    border-right: 0rem solid transparent;
    border-bottom: 0.06rem solid transparent;
    width: 0rem;
    height: 0rem;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari and Chrome */
    -o-transform: rotate(0deg);
    /* Opera */
    -moz-transform: rotate(0deg);
  }
  header .head-container nav ul li a:hover {
    color: #fff;
    background-color: #28a0f0;
  }
  header .head-container nav ul li a:hover #nav-triangle {
    border-left: 0.06rem solid #28a0f0;
  }
  header .head-container nav ul .header-link-hover a {
    color: #fff;
    background-color: #28a0f0;
  }
  header .head-container nav ul .header-link-hover a #nav-triangle {
    border-left: 0.06rem solid #28a0f0;
  }
}
@media (min-width: 1601px) {
  header {
    width: 100%;
    height: 90px;
    background-color: #fff;
  }
  header .sf8cloud-nav {
    display: none;
  }
  header .head-container {
    width: 1366px;
    margin-left: auto;
    margin-right: auto;
    height: 90px;
    /* nav begin */
    /* nav end*/
  }
  header .head-container .head-inside {
    width: 1366px;
    height: 90px;
    display: table;
  }
  header .head-container .head-inside #logo {
    width: 208px;
    height: 56px;
    display: table-cell;
    vertical-align: middle;
  }
  header .head-container nav {
    height: 90px;
    float: right;
    display: table;
  }
  header .head-container nav ul {
    height: 36px;
    display: table-cell;
    vertical-align: middle;
  }
  header .head-container nav ul li {
    display: block;
    float: right;
    height: 36px;
    margin-right: 30px;
  }
  header .head-container nav ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    line-height: 36px;
    height: 36px;
    padding: 0 25px;
    background-color: #fff;
    float: left;
    position: relative;
  }
  header .head-container nav ul li #nav-triangle {
    display: block;
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -6px;
    border-top: 6px solid transparent;
    border-left: 6px solid #fff;
    border-right: 0px solid transparent;
    border-bottom: 6px solid transparent;
    width: 0px;
    height: 0px;
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    /* IE 9 */
    -webkit-transform: rotate(0deg);
    /* Safari and Chrome */
    -o-transform: rotate(0deg);
    /* Opera */
    -moz-transform: rotate(0deg);
  }
  header .head-container nav ul li a:hover {
    color: #fff;
    background-color: #28a0f0;
  }
  header .head-container nav ul li a:hover #nav-triangle {
    border-left: 6px solid #28a0f0;
  }
  header .head-container nav ul .header-link-hover a {
    color: #fff;
    background-color: #28a0f0;
  }
  header .head-container nav ul .header-link-hover a #nav-triangle {
    border-left: 6px solid #28a0f0;
  }
}