/* 产品中心 - 石英晶体 - 开始 */
.center-pannel {
  width: 100%;
  height: 100%;
  margin-bottom: 95px;
}

.center-pannel-text {
  width: 100%;
  height: 113px;
  margin: 36px 0;
  padding: 30px 25px;
  background: #f5f5f5;
}

.company_intro .center-pannel {
    text-indent: 0;
}

.center-pannel .center-pannel-table {
    margin-top: 10px;
    margin-bottom: 50px;
}

.company_intro .square span:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    background: #1D7BF4;
    margin-right: 10px;
}

.center-pannel .check-btn {
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25%;
}

    .center-pannel .check-btn button {
        width: 167px;
        height: 44px;
        background: #B5B5B5;
        border-radius: 5px;
        font-size: 16px;
        color: #FFFFFF;
        border: none;
    }

    .center-pannel .check-btn .btnactive {
        background: #1D7BF4;
    }

        .table {
            width: 100%;
        }
.trhead {
}
.trhead th,
td {
  height: 88px;
  width: 12.4%;
  background: #1d7bf4;
  border: 1px solid #e5e5e5;
  color: #fff;
  font-size: 18px;
}

.table td {
  color: #676767;
  background: #fff;
  text-align: center;
}
/* 产品中心 - 石英晶体 - 结束 */

/* 技术中心 - 产品原理 - 开始 */
.theory {
  padding-top: 70px;
  margin-bottom: 90px;
}
.skill_pannel {
  display: none;
}

.skill_pannel:first-of-type {
  display: block;
}
.theory_list_title {
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f1f1f1;
  padding: 30px 22px;
}

.theory_list_title img {
  margin-right: 10px;
}

.skill_pannel > ul {
  display: block !important;
}

/* .skill_pannel ul li {
  display: none;
} */

.skill_style .company_intro_head {
  border-bottom: 1px solid #f1f1f1;
}

.skill_style .skill_nav > ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.skill_style .skill_nav > ul li {
  margin: 20px 30px 0;
  height: 35px;
  display: inline-block;
  font-size: 18px;
  color: #666;
}

.skill_style .skill_nav .active {
  color: #1d7bf4;
}
.masterwork {
  position: relative;
}
    .masterwork .clickOpen {
        position: absolute;
        right: 2%;
        top: 50%;
        text-align: center;
        font-size: 20px;
        margin-top: -10px;
    }
    .masterwork .clickOpenicon {
        position: absolute;
        right: 2%;
        top: 50%;
        text-align: center;
        font-size: 20px;
        margin-top: -10px;
    }

.masterwork > .xiala {
  display: none;
}

.active {
  display: block;
}

.theory_body_img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15px;
}

.theory_list_title {
  border-bottom: 1px solid #d8d8d8;
}

.theory_body_text {
  text-indent: 2em;
  margin-top: 30px;
}
/* 技术中心 - 产品原理 - 结束 */

/* 技术中心 - 应用与技术支持 - 开始 */
.use_art {
  margin-bottom: 200px;
}

.use_art_box {
  width: 100%;
  height: 196px;
  border: 1px solid #f1f1f1;
  box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 28px;
  margin-bottom: 60px;
  padding: 0 35px;
}

.use_art_top {
  display: flex;
  align-items: center;
  height: 43%;
}

.use_art_top span {
  width: 100%;
  height: 100%;
  line-height: 90px;
  display: inline-block;
  margin-left: 30px;
  font-size: 18px;
  color: #1d7bf4;
  border-bottom: 1px dashed #9f9da2;
}

.use_art_bottom {
  height: 53%;
  text-indent: 1em;
  display: flex;
  padding-top: 25px;
  margin-left: 16px;
}

.use_art_bottom span {
  margin-left: 30px;
  font-size: 18px;
  color: #666;
  display: inline-block;
  height: 100%;
  text-indent: 0;
}

.use_art_bottom img {
  width: 29px;
  height: 29px;
}

/* 技术中心 - 应用与技术支持 - 结束 */

/* 技术中心 - 研究和发展 - 开始 */
.develop {
  margin-top: 115px;
  margin-bottom: 137px;
}
.develop .table td {
  color: #333;
}
.develop .trhead th {
  font-weight: 400 !important;
}

.develop .table td:last-of-type {
  color: #1d7bf4;
}
/* 技术中心 - 研究和发展 - 结束 */

/* 品质保证 - 品质方针 - 开始 */

.quality_big_box .quality_pannel {
  display: none;
}

.quality_big_box .quality_pannel:first-of-type {
  display: block;
}

.quality1 {
  height: 500px;
}

.quality1 p {
  color: #666;
  line-height: 35px;
}
/* 品质保证 - 品质方针 - 结束 */

/* 品质保证 - 体系认证 - 开始 */
.quality_head {
  text-align: center;
  font-size: 30px;
  color: #333;
}

.quality_body {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.quality_box {
    width: 23%;
    margin-right: 2%;
    margin-top: 6%;
}

.quality_box:nth-child(4),
.quality_box:nth-child(4n) {
  margin-right: 0;
}

.quality_box img {
  width: 100%;
  border: 10px solid #6d5539;
}

.quality_box span {
  height: auto;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0px;
}

.quality_head_img {
  margin-top: 70px;
  margin-bottom: 70px;
}

/* 品质保证 - 体系认证 - 结束 */

/* 品质保证 - 环境体系 - 开始  */
.quality_body2 {
  justify-content: center;
}

.quality_body2 ul {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

.quality_body2 li {
  width: 12%;
  height: 60px;
  border: 2px solid #1d7bf4;
  border-radius: 30px;
  color: #1d7bf4;
  font-size: 18px;
  text-align: center;
  line-height: 60px;
  margin-right: 5%;
  margin-bottom: 2%;
}

.quality_body2 li:nth-child(6),
.quality_body2 li:nth-child(6n) {
  margin-right: 0;
}
.quality_body3 {
  margin-bottom: 150px;
}
/* 品质保证 - 环境体系 - 结束  */

/* 品质保证 - 绿色产品政策 - 开始 */
.green_policy_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.green_policy_text {
  color: #666;
  line-height: 30px;
  margin-bottom: 70px;
}
/* 品质保证 - 绿色产品政策 - 结束 */

/* 市场营销 - 应用范围 - 开始 */
.marketing_pannel {
  display: none;
}
.marketing_box .marketing_pannel:first-of-type {
  display: block;
}

.marketing {
  padding-top: 30px;
}
.tab-menu ul {
  display: flex;
}

.tab-menu ul li {
  width: 10%;
  margin-right: 1%;
  height: 55px;
  background: #ebebeb;
  text-align: center;
  line-height: 55px;
  font-size: 18px;
  color: #1d7bf4;
}

.tab-menu ul .active {
  background: #1d7bf4;
  color: #fff;
}

.tab-con .tab-demo1 {
  display: none;
}

.tab-con .tab-demo1:first-of-type {
  display: block;
}

.marketing_demo {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3%;
}

.marketing_demo .tab-box {
  width: 28.6%;
  margin-right: 7%;
  margin-bottom: 3%;
}

.marketing_demo .tab-box img {
  width: 100%;
  margin-bottom: 4%;
}

.marketing_demo .tab-box:nth-child(3),
.marketing_demo .tab-box:nth-child(3n) {
  margin-right: 0;
}
/* 市场营销 - 应用范围 - 结束 */

/* 市场营销 - 营销网络 - 开始 */
.marketing_map {
  display: flex;
  align-items: center;
}
/* 市场营销 - 营销网络 - 结束 */

/* 市场营销 - 在线订购 - 开始 */
.order {
  margin-top: 33px;
}

.formClass {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 3%;
  padding: 0 5%;
}

.formClass input {
  width: 86%;
  height: 100%;
  border: 1px solid #dfdfdf;
  border-radius: 56px;
  padding-left: 20px;
  font-size: 18px;
  margin-left: 20px;
}

.formClass label {
  width: 21%;
  text-align: right;
}

.formClass .row {
  width: 45%;
  margin-right: 5%;
  height: 56px;
  display: flex;
  align-items: center;
  font-size: 18px;
  margin-bottom: 15px;
}

.formClass .row:nth-child(2),
.formClass .row:nth-child(2n) {
  margin-right: 0;
}

.textarea {
  width: 100% !important;
  height: 240px !important;
}

.textarea label {
  width: 8%;
  margin-right: 2%;
}

.textarea textarea {
  width: 86%;
  height: 100%;
  border-radius: 28px;
  border: 1px solid #dfdfdf;
  padding: 20px;
  font-size: 18px;
}

.formBtn {
  justify-content: center;
  width: 100% !important;
  margin-top: 30px;
}

.formBtn button {
  width: 160px;
  height: 56px;
  background: #097cf2;
  border-radius: 28px;
  border: none;
  color: #fff;
  font-size: 18px;
}

.formBtn button:last-of-type {
  margin-left: 25px;
  background: #f0f0f0;
  color: #333;
}

/* 市场营销 - 在线订购 - 结束 */
.my_product_center {
    width: 100%;
    overflow: hidden;
}
@media screen and (max-width: 1024px) {
    .center-pannel .check-btn {
        padding: 0 6%;
    }

        .center-pannel .check-btn button {
            width: auto;
            padding: 0 3vw;
            font-size: 1.4vw;
        }

    .trhead th, td {
        font-size: 1.4vw;
    }

    .theory {
        padding-top: 4vh;
        margin-bottom: 4vh;
    }

        .theory .quality_head {
            font-size: 3rem;
        }

    .quality_body {
        text-indent: 0;
    }

    .quality_body2 img {
        width: 100%;
    }
        .quality_box {
        width: 23%;
        margin-right: 2%;
        margin-top: 6%;
    }

            .quality_body .quality_box span {
                font-size: 1.5vw;
                margin-top: 1vh;

            }

    .quality_head_img {
        margin: 7vh 0;
    }

    .sill_body .quality_head_img {
        width: 100%;
        margin: 0 !important;
    }

    .contact_us1_fl ul {
        padding: 5%;
    }

        .contact_us1_fl ul li {
            font-size: 1.4vw;
        }

    .contact_us1_fr img {
        width: 100%;
        height: 100%;
    }

    .center-pannel-table>img {
        width: 100%;
    }

/* 联系我们 */
    .formClass .row {
        width: 100%;
        font-size: 1.8vw;
    }
    .formBtn button {
        font-size: 1.8vw;
        width: 25%;
        height: 100%;
    }
        .quality_head {
        font-size: 3vw;
    }
        .formClass label, .textarea label {
        width: 29%;
    }

        .formClass input, .textarea textarea {
            font-size: 1.8vw;
        }
    .formClass .row:nth-child(2), .formClass .row:nth-child(2n) {
         margin-right: 5%; 
    }
 }

@media screen and (max-width: 768px) {
    .center-pannel .check-btn {
        padding: 0 0;
    }

    .trhead th, td {
        width: auto;
        font-size: 1.4vw;
        padding: 0 2vw;
    }

    .center-pannel-table {
        overflow: auto;
    }

    .quality_body .quality_box {
        width: 48%;
    }

        .quality_body .quality_box span {
            font-size: 1.5vw;
        }
    }

@media screen and (max-width: 414px) {
    .contact_us1 {
        display: block;
    }
    .contact_us1_fl, .contact_us1_fr {
        width: 100%;
        margin: 0;
    }

    .contact_us1_fr {
        height:27vh;
    }
    .textarea textarea {
        font-size: 1.8vw;
    }
    .formBtn button {
        font-size: 1.8vw;
        height: 63%;
    }
}