@charset "utf-8";
/* CSS Document */


/* product_detail */
.flex{ display: flex;}
.show_h{ height: 100px;}
.col_loca{ padding-left: 0;}
.show_pro1{position: relative;}.show_pro1 .txt{width: 52%;}
.show_pro1 .txt h1{font-family: 'mulibl';padding-bottom: 30px;border-bottom: 1px solid #e9e9e9;position: relative;font-size: 30px;}
.show_pro1 .txt h1::after{content: '';position: absolute;bottom: -1px;left: 0;width: 140px;height: 4px;background: #167e1d;z-index: 1;}
.show_pro1 .txt .adv dt{display: -webkit-box;position: relative;width: 100%;margin-top: 20px;}
.show_pro1 .txt .adv dt b,.show_pro1 .txt .why b{display: block;font-size: 18px;}
.show_pro1 .txt .adv dt .hz{margin-left: 16px;}
.show_pro1 .txt .adv{width: 100%;overflow: hidden;}
.show_pro1 .txt .fus{display: flex;height: 30px;line-height: 30px;}
.show_pro1 .txt .fus i{display: block;margin-right: 10px;}
.show_pro1 .txt .link{margin: 35px 0;}
.show_pro1 .txt .why{margin: 20px 0 30px;}
.show_pro1 .txt .why h5{padding-left:20px;margin-top: 18px;width: 100%;font-size: 15px;line-height: 24px;color: #666;position: relative;}
.show_pro1 .txt .why h5::after{position: absolute;top: 9px;left: 0;content: '';width: 6px;height: 6px;border-radius: 100%;background: #666;}
.show_pro1 .pic{width: 43.75%;overflow: hidden;position: relative;}
.show_pro1 .mySwiper2{border: 1px solid #dedede;border-radius: 18px;margin-bottom: 20px;}
.show_pro1 .mySwiper .swiper-slide{border-radius: 6px;cursor: pointer;border: 1px solid #dedede; overflow:hidden;}
.show_pro1 .mySwiper .swiper-slide img{display: block;}
.show_pro1 .mySwiper .swiper-slide-thumb-active{border-color: #167e1d;}
/*.show_pro1 .mySwiper{padding: 0 35px;}*/
.show_pro1 .pic span.iconfont{font-size: 40px;color: #999;}
.show_pro1 .pic span.iconfont:hover{color: #167e1d;}
.show_pro1 .mySwiper .swiper-slide img{ width: 100%;}
.mainfl{width: 28.75%;}.mainfr{width: 67.25%;}
.cont_dw{ position:sticky; top:160px; z-index:7; padding-bottom:500px;}
.info_cont{ margin-top: 50px; padding:30px; box-shadow:0 0 12px rgba(0,0,0,.1); background:#fff;}
.info_cont .bt{font-size: 32px;margin-bottom: 30px;}
.show_pro2 .bd_item{ padding-top: 50px;}
.show_pro2 .bd_item .tit{ font-size: 30px; text-align: center;color:#167e1d;}
.show_pro2 .bd_item.item1 .tit{ text-align: left; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.show_pro2 .word h5{color: #167e1d;font-size: 22px;display: block;margin-bottom: 10px;}
.show_pro2 .word{font-size: 16px;color: #666; padding:50px 0 0;}
.show_pro2 .word td{padding-top: 5px;}
.show_pro2 .word img{ max-width: 100%;}
.show_pro2 .page_btn{ margin-top: 50px;}
.info_cont .box{width: 40%;}.info_cont .feed{width: 56%;}
.info_cont dt{width: 38%;padding: 25px 0;border: 2px solid #d0d0d0;border-radius: 12px;text-align: center;color: #167e1d;float: left;}
.info_cont dt:first-child{margin-right: 5%;}
.info_cont dt span{font-size: 50px;}
.info_cont dt b{display: block;font-size: 18px;margin: 10px 0;color: #333;}
.info_cont dt a{color: #167e1d;}
.info_cont dt.yx:hover{border-color: #167e1d;color: #167e1d;}
.info_cont b.b1{font-size: 24px;display: block;margin-bottom: 12px;}
.info_cont p.p1{color: #666;max-width: 550px;line-height: 24px;}
.info_cont .hezi{margin-top: 8%;width: 100%;}
.info_cont p.p2{max-width: 590px;line-height: 30px;}
.info_cont p.p2 a{color: #167e1d;font-family: 'mulib';}.info_cont p.p2 a:hover,.info_cont .feed .sub:hover{text-decoration: underline;}
.info_cont .feed .inp{height: 48px;line-height: 48px;outline:2px solid #167e1d;width: 100%;margin-bottom: 20px;line-height: 48px;font-size: 14px;text-indent: 20px;}
.info_cont .feed .inp:focus,.info_cont .feed textarea:focus{outline:2px solid #de0000;}
.theform .input:focus{border:2px solid #de0000;}
.info_cont .feed textarea{height: 120px;outline:2px solid #167e1d;width: 100%;text-indent: 20px;padding-top: 10px;display: block;}
.info_cont .feed .sub{width: 100%;background: #167e1d;text-align: center;color: #fff;height: 48px;line-height: 48px;font-size: 18px;margin: 20px 0 10px;cursor: pointer;}
.info_cont .feed i{color: #666;}
@media (max-width: 1024px){
    .mainfl{display:none;}
    .mainfr{width: 100%; float:none;}
    .show_h{display:none;}
}
@media (max-width: 768px){
    .show_pro1 .pic{ width: 100%; float: none;}
    .show_pro1 .txt{ width: 100%; float: none; margin-top:30px;}
    .show_pro2{ padding: 30px 2%;}
    .show_pro2 .tab-hd li{ font-size: 20px; padding-bottom: 10px;}
}
@media (max-width: 540px){
    .show_pro1 .txt h1{ font-size: 22px; padding-bottom: 20px;}
    .show_pro1 .txt .link{ margin:0;}
    .col_loca{ padding: 15px 2%;}
    .show_pro1 .txt .adv dt b, .show_pro1 .txt .why b{ font-size: 16px;}
    .show_pro2 .bd_item{ padding-top: 20px;}
    .show_pro2{ padding: 10px 2%;}
    .show_pro2 .bd_item .tit{font-size: 22px;}
    .show_pro2 .word{padding-top: 20px;}
    .cont_dw{ display: none;}
}