.main{padding-top:80px;padding-bottom:60px;}

.main-right{margin-left:340px;}

.main-left{float:left;width:260px;}
.main-left h3{display:none;font-size:20px;color:#fff;height:50px;line-height:50px;padding:0 0 0 20px;background:#00988c;position:relative;}
.main-left h3::after{display:block;font-family:"qico";content: "\e727";position:absolute;top:6px;right:6px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.main-left h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu{margin:0 0 20px;}
.sidemenu > ul{}
.sidemenu > ul > li{border-bottom:1px solid #e2e2e2;}
.sidemenu > ul > li h5{line-height:22px;display:block;padding:12px 0 12px 0;font-size:15px;color:#212121;cursor:pointer;position:relative;}
.sidemenu > ul > li h5 a{display:block;margin-right:40px;box-sizing:border-box;font-size:18px;font-weight:600;}
.sidemenu > ul > li h5 a:hover{color:#336D4A;text-decoration:underline;}
.sidemenu > ul > li h5 span{position:absolute;right:0;top:0;background:url("../images/i4.png") no-repeat center;width:40px;height:45px;display:block;}

.sidemenu > ul > li ul{display:none;}
.sidemenu > ul > li ul li{line-height:18px;border-bottom:1px dashed #DCDCDC;background:#fff;padding:8px 13px;}
.sidemenu > ul > li ul li:last-child{border-bottom:none;}
.sidemenu > ul > li ul li a{padding-left:15px;font-size:13px;color:#484848;display:block;}
.sidemenu > ul > li ul li.active a,.sidemenu > ul > li ul li a:hover{color:#336D4A;background:url("../images/dot3.png") no-repeat left 9px;}

.sidemenu > ul > li.active h5{color:#336D4A;border-bottom:1px solid #e2e2e2;}
.sidemenu > ul > li.active span{background:url("../images/i4-1.png") no-repeat center;}
                              
.tit .swiper-button-prev::after,.tit .swiper-button-next::after{content:none;}

.pro_view{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}

.pro_img{width:435px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.pro_img .view{width:343px;position:relative;}
.pro_img .view .swiper{width:100%;}
.pro_img .view .swiper img{width:100%;display:block;}

.pro_img .preview{width:80px;height:343px;position:relative;text-align:center;overflow:hidden;box-sizing:border-box;}
.pro_img .preview .swiper{width:100%;height:100%;text-align:center;}
.pro_img .preview .swiper-wrapper{height:100%;}
.pro_img .preview .swiper-slide{cursor:pointer;width:80px !important;display:inline-block;box-sizing:border-box;position:relative;}
.pro_img .preview .swiper-slide::after{display:none;content:'';/* background:rgba(0,152,140,0.5); */position:absolute;left:0;right:0;top:0;bottom:0;}
.pro_img .preview .swiper-slide img{width:100%;box-sizing:border-box;}

/* .pro_img .preview .swiper-slide.active-nav.swiper-slide-active::after{display:block;} */

.pro_img .preview .arrow-left,.pro_img .preview .arrow-right{background:rgba(0,152,140,0.75);position:absolute;left:0;right:0;width:80px;height:15px;z-index:10;text-align:center;}
.pro_img .preview .arrow-left{top:0;}
.pro_img .preview .arrow-right{bottom:0;}
.pro_img .preview .arrow-left i,.pro_img .preview .arrow-right i{color:#fff;font-size:12px;line-height:15px;}


.pro_view_inner{-webkit-flex:1;flex:1;margin-left:35px;}
.pro_view_inner h1{color:#212121;font-size:18px;letter-spacing:2px;/* text-transform:uppercase; */}
.pro_view_inner hr{height:1px;background:#EFEFEF;margin:40px 0 0;}
.pro_view_inner .pro-share{margin:40px 0 0;}
.pro_view_inner a.book{width:155px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#fff;display:block;background:#00988c;margin:40px 0 0;}

.pro_tab_box{height:60px;margin-top:30px;}
.pro_tab{height:60px;width:100%;box-sizing:border-box;z-index:99;background:#00988c;}
.pro_tab.scroll-top{position:fixed;top:0px;left:calc((nWidth - 1200) / 2);z-index:100;}

.pro_tab ul{height:60px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;position:relative;}
.pro_tab ul li{padding:0 5px;box-sizing:border-box;height:40px;line-height:20px;text-align:center;position:relative;box-sizing:border-box;font-size:16px;cursor:pointer;color:#fff;position:relative;text-transform:uppercase;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex: auto;flex: auto;}
.pro_tab ul li:not(:last-child)::after{content:'';width:1px;background:#fff;position:absolute;right:0;top:10px;bottom:10px;}
.pro_tab ul li.active{text-decoration:underline;}

.pro_text{margin:35px 0 0;position:relative;}
.pro_text .pro-scroll{padding:18px 0 25px;border-top:1px solid #EFEFEF;}
.pro_text .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.pro_text .tit h5{width:217px;height:42px;line-height:42px;text-align:center;font-size:14px;color:#fff;background:#00988c;text-transform:uppercase;}

.pro-content{padding:25px 0 0;line-height:30px;font-size:16px;color:#333;}
.pro-content p~p{margin-top:10px;}
.pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-content table {width:100%;font-size:14px;color:#212121;border-collapse: collapse;}
.pro-content table th{padding:10px 20px;border:1px solid #E4EAF2;background-color:#F8FAFC;}
.pro-content table td{padding:10px 20px;border:1px solid #E4EAF2;background-color:#ffffff;}
.pro-content table tr td:nth-child(2n+1){background-color:#F8FAFC;}
.pro-video a.v{width:100%;display:block;overflow:hidden;box-sizing:border-box;position:relative;}
.pro-video a.v::after{content:'';background:url("../images/v2.png") no-repeat right 40px bottom 30px;width:100%;height:100%;position:absolute;right:0;bottom:0;display:block;}
.pro-video a.v img{width:100%;display:block;transition:all 0.3s ease 0s;}
.pro-video a.v:hover img{transform: scale(1.04);}
.pro-video a.v:hover::after{background-color:rgba(0,0,0,0.28);}

.pro-choose em{color:#336d4a;margin-right: 8px;}
.pro-choose p{font-size:16px;}

.pro-quality-page .swiper-button-prev,.pro-quality-page .swiper-button-next{position:static;display:inline-block;width:39px;height:39px;background:#477B5C;border-radius:50%;margin:0;text-align:center;}
.pro-quality-page .swiper-button-prev,.pro-quality-page .swiper-container-rtl .swiper-button-next{margin-left:12px;}
.pro-quality-page .swiper-button-prev i,.pro-quality-page .swiper-button-next i{color:#fff;font-size:23px;line-height:39px;}
.pro-quality-page .swiper-button-prev:hover,.pro-quality-page .swiper-button-next:hover{background:#336D4A;}

.pro-quality .list{position:relative;}
.pro-quality .swiper-slide{position:relative;overflow:hidden;}
.pro-quality .swiper-slide img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.pro-quality .swiper-slide .t{position:absolute;z-index:2;left:0;right:0;bottom:0;width:100%;padding:0 30px;box-sizing:border-box;background:rgba(51,109,74,0.75);cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column;-webkit-flex-direction:column;text-align:center;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.pro-quality .swiper-slide .t h5{line-height:44px;color:#fff;font-size:16px;text-transform:uppercase;}
.pro-quality .swiper-slide .t p{color:#fff;font-size:14px;line-height:23px;margin:20px 0 0;display:none;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.pro-quality .swiper-slide:hover .t{height:100%;}
.pro-quality .swiper-slide:hover .t p{display:block;}

.pro-quality .swiper-pagination{display:none;position:static;width:100%;margin-top:20px;}
.pro-quality .swiper-pagination-bullet {height:8px;width:8px;margin:0 3px;background:#ccc;border-radius:10px;opacity:1;box-sizing:border-box;}
.pro-quality .swiper-pagination-bullet-active{width:12px;background:#336D4A;}

.pro-certificate-page .swiper-button-prev,.pro-certificate-page .swiper-button-next{position:static;display:inline-block;width:39px;height:39px;background:#477B5C;border-radius:50%;margin:0;text-align:center;}
.pro-certificate-page .swiper-button-prev,.pro-certificate-page .swiper-container-rtl .swiper-button-next{margin-left:12px;}
.pro-certificate-page .swiper-button-prev i,.pro-certificate-page .swiper-button-next i{color:#fff;font-size:23px;line-height:39px;}
.pro-certificate-page .swiper-button-prev:hover,.pro-certificate-page .swiper-button-next:hover{background:#336D4A;}

.pro-certificate .list{position:relative;}
.pro-certificate .swiper-slide{position:relative;overflow:hidden;}
.pro-certificate .swiper-slide img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.pro-certificate .swiper-slide .t{position:absolute;z-index:2;left:0;right:0;bottom:0;width:100%;padding:0 30px;box-sizing:border-box;background:rgba(51,109,74,0.75);cursor:pointer;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-direction:column;-webkit-flex-direction:column;text-align:center;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.pro-certificate .swiper-slide .t h5{line-height:44px;color:#fff;font-size:16px;text-transform:uppercase;}
.pro-certificate .swiper-slide .t p{color:#fff;font-size:14px;line-height:23px;margin:20px 0 0;display:none;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}

.pro-certificate .swiper-slide:hover .t{height:100%;}
.pro-certificate .swiper-slide:hover .t p{display:block;}

.pro-certificate .swiper-pagination{display:none;position:static;width:100%;margin-top:20px;}
.pro-certificate .swiper-pagination-bullet {height:8px;width:8px;margin:0 3px;background:#ccc;border-radius:10px;opacity:1;box-sizing:border-box;}
.pro-certificate .swiper-pagination-bullet-active{width:12px;background:#336D4A;}

.pro-other-page .swiper-button-prev,.pro-other-page .swiper-button-next{position:static;display:inline-block;width:39px;height:39px;background:#00988c;border-radius:50%;margin:0;text-align:center;}
.pro-other-page .swiper-button-prev,.pro-other-page .swiper-container-rtl .swiper-button-next{margin-left:12px;}
.pro-other-page .swiper-button-prev i,.pro-other-page .swiper-button-next i{color:#fff;font-size:23px;line-height:39px;}
.pro-other-page .swiper-button-prev:hover,.pro-other-page .swiper-button-next:hover{background:#e9c8a7;}

.pro-other .list{position:relative;}
.pro-other .swiper-slide{position:relative;overflow:hidden;}
.pro-other .swiper-slide img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.pro-other .swiper-slide p{color:#212121;font-size:14px;margin:10px 0 0;text-align:center;text-transform:uppercase;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.pro-other .swiper-slide:hover .t{height:100%;}
.pro-other .swiper-slide:hover .t p{display:block;}

.pro-other .swiper-pagination{display:none;position:static;width:100%;margin-top:20px;}
.pro-other .swiper-pagination-bullet {height:8px;width:8px;margin:0 3px;background:#ccc;border-radius:10px;opacity:1;box-sizing:border-box;}
.pro-other .swiper-pagination-bullet-active{width:12px;background:#00988c;}

.pro-inquiry{margin:20px 0 0;border-radius:10px;padding:40px 80px 10px;box-shadow:0 0 68px 0 rgba(222,222,229,0.75);}
.pro-inquiry h4{font-size:24px;color:#212121;text-align:center;margin-bottom:25px;}
.pro-inquiry .inquirbox input[type="text"],.pro-inquiry .inquirbox textarea{padding:10px 0;border-bottom:2px solid rgba(33,33,33,0.5);}
.pro-inquiry p{text-align: center;}
.pro-inquiry .inquirbox input[type="text"]:focus,.pro-inquiry .inquirbox textarea:focus{border-bottom:2px solid #336D4A;}
.pro-inquiry .inquirbox input.submit{width:145px;height:40px;line-height:25px;margin:0 auto;}
.inquirbox .row{margin-bottom:20px;}
.inquirbox input[type="text"],.inquirbox textarea{padding:10px 10px;font-size:16px;border:none;width:100%;line-height:22px;text-align:left;color:#333;box-sizing:border-box;}
.inquirbox textarea{max-width:100%;width:100%;resize:none;}
.inquirbox input[type="text"]:focus,.inquirbox textarea:focus{outline:0;}
.inquirbox .red{color:#f00;}
.inquirbox .yzm { width:70%; margin-right:10px;}
.inquirbox img {cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}
.inquirbox input.submit{display:block;color:#fff;font-size:16px;width:220px;height:48px;line-height:48px;letter-spacing:1px;background:#00988c;text-align:center;cursor:pointer;}

@media(max-width:1280px){
.pro_view { flex-direction: column; justify-content: center;align-items: center;}
.pro_view_inner {flex: auto;margin-left: 0;margin-top: 20px;}
}

@media screen and (max-width:992px){
  .main{padding-top:25px;padding-bottom:30px;}
  
  .main-right{margin-left:0;}

  .main-left{float:none;width:100%;}
  .main-left h3{display:block;}

  .sidemenu > ul{display:none;}

  .pro_view{-webkit-flex-direction:column;flex-direction:column;}

  .pro_img{width:100%;-webkit-flex-direction:column;flex-direction:column;}
  .pro_img .view{width:343px;position:relative;margin:0 auto;}
  .pro_img .view .swiper{width:100%;}
  .pro_img .view .swiper img{width:100%;display:block;}

  .pro_img .preview{width:343px;height:auto;position:relative;text-align:center;overflow:hidden;box-sizing:border-box;margin:10px auto 0;}
  .pro_img .preview .swiper{width:100%;height:100%;text-align:center;}
  .pro_img .preview .swiper-wrapper{height:100%;}
  .pro_img .preview .swiper-slide{cursor:pointer;width:50px;display:inline-block;box-sizing:border-box;position:relative;}
  .pro_img .preview .swiper-slide::after{display:none;content:'';background:rgba(51,109,74,0.5);position:absolute;left:0;right:0;top:0;bottom:0;}
  .pro_img .preview .swiper-slide img{width:100%;box-sizing:border-box;}

  /* .pro_img .preview .swiper-slide.active-nav::after{display:block;} */

  .pro_img .preview .arrow-left,.pro_img .preview .arrow-right{background:rgba(0,152,140,0.75);position:absolute;left:0;right:0;width:30px;height:30px;z-index:10;text-align:center;}
  .pro_img .preview .arrow-left{top:calc(50% - 15px);}
  .pro_img .preview .arrow-right{bottom:auto;top:calc(50% - 15px);left:auto;right:0;}
  .pro_img .preview .arrow-left i,.pro_img .preview .arrow-right i{color:#fff;font-size:12px;line-height:30px;display:inline-block;transform:rotate(-90deg);}


  .pro_view_inner{margin:25px 0 0;}
  .pro_view_inner h1{text-align:center;}
  .pro_view_inner hr{margin:20px 0 0;}
  .pro_view_inner .pro-share{margin:20px 0 0;text-align:center;}
  .pro_view_inner a.book{margin:20px auto 0;}

  .pro_tab_box{display:none;}

  .pro_text{margin:30px 0 0;}
  .pro_text .pro-scroll{padding:0 0 20px;}
  .pro_text .tit{-webkit-align-items:center;align-items:center;}
  .pro_text .tit h5{width:auto;display:inline-block;padding:0 15px;height:40px;line-height:40px;}

  .pro-content{line-height:24px;font-size:14px;padding:15px 0 0;}
  .pro-content table{font-size:14px;}
  .pro-content table th{padding:7px 10px;}
  .pro-content table td{padding:7px 10px;}

  .pro-quality-page .swiper-button-prev,.pro-quality-page .swiper-button-next{width:24px;height:24px;}
  .pro-quality-page .swiper-button-prev,.pro-quality-page .swiper-container-rtl .swiper-button-next{margin-left:5px;}
  .pro-quality-page .swiper-button-prev i,.pro-quality-page .swiper-button-next i{font-size:18px;line-height:24px;}

  .pro-quality .swiper-slide .t{position:static;padding:0 10px;}
  .pro-quality .swiper-slide .t h5{line-height:40px;font-size:15px;}
  .pro-quality .swiper-slide .t p{display:none;}
  .pro-quality .swiper-slide:hover .t{height:100%;}
  .pro-quality .swiper-slide:hover .t p{display:none;}

  .pro-quality .swiper-pagination{display:block;}

  .pro-other-page .swiper-button-prev,.pro-other-page .swiper-button-next{display:none;}
  .pro-other .swiper-pagination{display:block;}

  .pro-inquiry{padding:20px 15px 10px;box-shadow:0 0 15px 0 rgba(222,222,229,0.75);}
  .pro-inquiry h4{font-size:20px;margin-bottom:20px;}
  .inquirbox .row{margin-bottom:0;}
  .inquirbox .row > div{margin-bottom:10px;}
  .inquirbox input.submit{font-size:15px;width:160px;height:40px !important;line-height:40px;padding:0;}
}

@media screen and (max-width:450px) {
  .pro_img .view,.pro_img .preview{width:100%;}
}