.pro_text2{margin:40px 0 0;position:relative;}
.pro_text2 .tit{text-align:center;background-color: var(--active-color);}
.pro_text2 .tit h5{color: #fff;line-height: 1.4;font-size:24px;font-weight: bold;padding: 10px 0;}
 
.pro_text2:nth-child(2n+1){
  
}

.pro_text2:nth-child(2n){
 
}

.main-left{float:left;width:300px;}
.main-right{margin-left:360px;}
/*----------------------------------------*/

.main-left h3{height:50px;line-height:50px;padding:0 0 0 20px;background:var(--btn-bg);font-size:20px;color:#fff;font-weight:600;text-transform:uppercase;}
.main-left h3::after{display:none;font-family:"qico";content: "\e727";float:right;font-size:20px;font-weight:normal;margin-top:0px;margin-right:15px;-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 15px}
.sidemenu ul {border:1px solid #ededed;border-top:none}
.sidemenu ul li {margin:3px 0 0;border-bottom:1px solid #ededed}
.sidemenu ul li h5 {line-height:24px;display:block;font-size:16px;color:#333;cursor:pointer;position:relative}
.sidemenu ul li h5 a {color:#333;display:block;padding:10px 50px 10px 20px;text-transform:capitalize}
.sidemenu ul li h5 a:hover {color:var(--active-color);text-decoration:underline}
.sidemenu ul li h5 span {position:absolute;top:0;right:0;background:url(../image/i4.png) no-repeat center;width:40px;height:45px;display:block}
.sidemenu dl {display:none}
.sidemenu dl dd {line-height:40px;border-bottom:1px dashed #dcdcdc;background:#fff;padding:10px 20px}
.sidemenu dl dd:last-child {border-bottom:none}
.sidemenu dl dd a {font-size:15px;display:block;color:#666;padding-left:15px;text-transform:capitalize;background:url(../image/i10-1.png) no-repeat left 5px}
.sidemenu dl dd.active a,.sidemenu dl dd a:hover {color:var(--active-color);background-image:url(../image/i10.png);}
.sidemenu ul li.active h5 {border-bottom:1px solid #ededed}
.sidemenu ul li.active h5 a {color:var(--active-color)}
.sidemenu ul li.active span {background:url(../image/i4-1.png) no-repeat center}


.sidepro{}
.sidepro ul{margin-top:10px;}
.sidepro ul li{display:flex;align-items:center;}
.sidepro ul li+li{margin-top:15px;}
.sidepro ul li .pic{display:block;box-shadow: 0 0 10px rgba(63,62,62,0.1);border: 1px solid #e1e1e1;padding:5px;width:90px;}
.sidepro ul li h5{flex:1;margin:0 0 0 15px;font-size:16px;color:#000;}
.sidepro ul li a.hotreadmore{font-size:13px; text-align: left; color: var(--font-color2);}
.sidepro ul li .hotreadmore:hover{color: var(--font-color2-hover);}
.sidepro ul li a.hotreadmore p{margin-top: 10px;}



.pro_view{display:flex;}

.pro_img{width:460px;}
.pro_img .view{width:100%;position:relative;}
.pro_img .view .swiper-container{width:100%;}
.pro_img .view .swiper-container img{width:100%;display:block;}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,0.3);position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;z-index:10;text-align:center;}
.pro_img .view .arrow-left{left:0;}
.pro_img .view .arrow-right{right:0;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px;}

.pro_img .preview{width:100%;margin-top:10px;position:relative;text-align:center;overflow:hidden;}
.pro_img .preview .swiper-slide{cursor:pointer;padding:10px 0 2px;display:inline-block;position:relative;}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#0271B7;position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}
.pro_img .preview .swiper-slide img{width:100%;border:1px solid #ccc;padding:2px;box-sizing:border-box;}
.pro_img .preview .active-nav img{border:1px solid #0271B7;}

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


.pro_view_inner{flex:1;margin-left:40px;}
.pro_view_inner h1{color:#000;font-size:30px;line-height:1.25;font-weight:600;text-transform:capitalize;}
.pro_view_inner h2{color:#000;font-size:30px;line-height:1.25;font-weight:600;text-transform:capitalize;}
.pro_view_inner hr{height:4px;background:url(https://shopcdnpro.grainajz.com/template/33_DMK1202/images/line2.png) repeat-x;margin:20px 0;}
.pro_view_inner .pro_para{margin:15px 0 0;color:#000;font-size:18px;line-height:30px;}

.pro_view_inner .pro_para p.download{margin-top:15px;}
.pro_view_inner .pro_para p.download a:hover{font-weight: bold;color: var(--link-color-hover);}
.pro_view_inner .pro_para p.download i{font-size: 24px;margin: 0 10px;}


.pro_view_inner .btn-box{font-size:0;margin:50px 0 0;}
.pro_view_inner .btn-box a{width:200px;height:50px;line-height:50px;font-size:20px;text-align:center;color:#fff;display:inline-block;font-family:var(--font-family1);margin-right: 20px;}
.pro_view_inner .btn-box a i{font-size:22px;margin-right:8px;vertical-align:middle;}
.pro_view_inner .book{background:var(--bg-color);border-radius:35px;}
.pro_view_inner .book:hover{background:var(--btn-bg-hover);}

.pro_view_inner .pdf{background:var(--btn-bg2);margin-left:30px;}
.pro_view_inner .pdf:hover{background:var(--btn-bg2-hover);}

.pro_view_inner .pro-share{margin:20px 0 0;}

.pro_tab_box{height:60px;}
.pro_tab{height:60px;width:100%;position:relative;z-index:99;background:#fff;}
.pro_tab.scroll-top{position:fixed;top:0;width:1100px;background:#fff;z-index:99;}

.pro_tab ul{height:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;}
.pro_tab ul li{padding:0 40px;height:60px;line-height:60px;text-align:center;position:relative;font-size:24px;cursor:pointer;color:#333;text-transform:capitalize;}
.pro_tab ul li::after{content:'';width:30px;height:4px;background:var(--active-color);position:absolute;left:calc(50% - 15px);bottom:0;opacity:0;}
.pro_tab ul li.active{color:var(--active-color);}
.pro_tab ul li.active::after{opacity:1;}

.pro_text{margin:40px 0 0;position:relative;}
.pro_text .tit{text-align:center;}
.pro_text .tit h5{color:var(--active-color);line-height:1;font-size:24px;font-family:var(--font-family-second);}
.pro_text .tit h5::after{content:"";background:#F7D653;width:40px;height:4px;margin:15px auto 0;display:block;}

.pro-content{font-size:16px;line-height:26px;padding:20px 0 0;color:#333;}
.pro-content h5{font-size:18px;color:#333;font-family:var(--font-family-second);margin-bottom:10px;}
.pro-content p{margin:0 0 10px;}
.pro-content img{}
.pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-content table{width:100%;max-width:100%;margin-bottom:20px;font-size:15px;border:1px solid #D9D9D9;color:#333;text-transform:capitalize;}
.pro-content table tr > th{padding:10px 15px;vertical-align:middle;border:1px solid #D9D9D9;font-family:var(--font-family-second);}
.pro-content table tr > td{padding:10px 15px;vertical-align:middle;border:1px solid #D9D9D9;}
.pro-content table tr.firstRow > td{font-weight:bold;}
.pro-content table tr > td *{margin:0;padding:0;}
.pro-content table tr > td p{margin:0;}

.pro-content dl{}
.pro-content dl dd{background:url(https://shopcdnpro.grainajz.com/template/33_DMK1202/images/dot1.png) no-repeat left 8px;color:#333;line-height:22px;padding:0 0 0 15px;font-size:16px;}
.pro-content dl dd~dd{margin-top:10px;}

.rela-pro{padding:75px 0;}
.rela-pro h3{font-size:50px;color:var(--color-primary);line-height:1;font-family:var(--font-family-second);text-align:center;}
.rela-pro h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:15px auto 0;display:block;}

.rela-pro .list{margin:50px 0 0;position:relative;}
.rela-pro .swiper-slide .pic{display:block;width:100%;position:relative;overflow:hidden;}
.rela-pro .swiper-slide .pic > img{width:100%;display:block;transition:transform .5s;-webkit-transition:transform .5s;}
.rela-pro .swiper-slide .txt{margin-top:20px;text-align:center;}
.rela-pro .swiper-slide .txt h6{font-size:17px;color:#222;}
.rela-pro .swiper-slide .txt h6 a{display:block;line-height:22px;height:66px;overflow:hidden;}
.rela-pro .swiper-slide .txt h6 a:hover{color:var(--active-color);}

.rela-pro .swiper-slide:hover .pic > img{transform:scale(1.03);-webkit-transform: scale(1.03);}
.rela-pro .swiper-slide:hover .txt h6 a{color:var(--active-color);}

.rela-pro .swiper-pagination{position:static;width:100%;margin-top:30px;}
.rela-pro .swiper-pagination-bullet {height:12px;width:12px;margin:0 4px;background:#B5B5B5;border-radius:50%;opacity:1;}
.rela-pro .swiper-pagination-bullet-active{background:var(--active-color);}


.pro-inquiry{display:flex;align-items:center;background:#F4F4F4;}
.pro-inquiry .pic{width:45.26%;}
.pro-inquiry .right{flex:1;padding:0 110px;}
.pro-inquiry h5{font-size:48px;color:#030303;line-height:1;font-weight:600;}
.pro-inquiry p{font-size:18px;color:#000;font-weight:300;margin:20px 0 0;}

.pro-inquiry .inquirbox{margin:40px 0 0;}
.pro-inquiry .inquirbox input[type="text"],.pro-inquiry .inquirbox textarea{padding:10px 10px;font-size:16px;color:#666;}
.pro-inquiry .inquirbox .submit{margin:0 auto 0 0;width:250px;line-height:50px;border-radius:6px;}


@media screen and (max-width:1550px) {
.pro-inquiry h5{font-size:44px;}
.pro_view_inner h2{font-size:29px;}
.pro-inquiry .right{padding:0 90px;}
.pro_view_inner h1{font-size:29px;}
}


@media screen and (max-width:1441px) {

  .pro_view_inner h1{font-size:28px;}
.pro_view_inner h2{font-size:28px;}
.pro_view_inner .btn-box a {width:180px;height:45px;line-height:45px;font-size:18px;}

  .rela-pro h3{font-size:48px;}
.pro_img {width:400px;}

.pro-inquiry .right{padding:0 80px;}
.pro-inquiry .inquirbox{margin:30px 0 0;}
.pro-inquiry h5{font-size:40px;}
.pro-inquiry .inquirbox .submit{width:220px;line-height:45px;}

}


@media screen and (max-width:1367px) {

.main-left{width:280px;}
.main-right{margin-left:320px;}

.pro_img {width:360px;}
.pro_view_inner h2{font-size:26px;}
.pro_view_inner h1{font-size:26px;}
.pro_view_inner .pro_para{font-size:17px;line-height:28px;}

.rela-pro h3{font-size:44px;}
  
.pro-inquiry .right{padding:0 70px;}
.pro-inquiry h5{font-size:36px;}  
.pro-inquiry .inquirbox .submit{width:200px;line-height:42px;}

}

@media screen and (max-width:1281px){


.pro_view_inner h2{font-size:24px;}
  .rela-pro h3{font-size:40px;}
  .pro_img {width: 320px;}
  
.pro-inquiry .right{padding:0 60px;}
.pro-inquiry h5{font-size:32px;}    
.pro-inquiry .inquirbox .submit{width:180px;line-height:39px;}
  
}

@media screen and (max-width:1171px){

  .pro_view_inner h1{font-size:23px;}
  .rela-pro h3{font-size:36px;}
.pro-inquiry .pic {display:none;}
.pro-inquiry .right{padding:40px 50px;}
.pro-inquiry h5{text-align:center;} 
.pro-inquiry p{font-size:17px;text-align:center;}
.pro-inquiry .inquirbox .submit{margin:0 auto;}

}

@media screen and (max-width:992px){

.main-left{float:none;width:100%;}
.main-right{margin-left:0;}

.main-left h3{font-size:18px;padding:0 0 0 15px;}
.main-left h3::after{display:block;}
.sidemenu > ul{display:none;}
.sidemenu > ul > li h5 span{top:calc(50% - 18px);width:36px;height:36px;}
.sidemenu ul li h5 a{padding:10px 40px 10px 15px;}

.sidepro{display:none;}

.rela-pro h3{font-size:32px;}

}

@media screen and (max-width:768px) {


  .pro_view{flex-direction:column;}

  .pro_view_inner{margin:25px 0 0;}
  .pro_view_inner h2{font-size:22px;text-align:center;}
  .pro_view_inner h1{font-size:22px;text-align:center;}
  .pro_view_inner .t{margin:20px 0 0 0;}
  .pro_view_inner .t h5{float:left;color:#333;font-size:16px;}
  .pro_view_inner .t span{float:right;color:#666;font-size:16px;}

  .pro_view_inner .btn-box{margin:20px 0 0;text-align:center;}
  .pro_view_inner .btn-box a{width:150px;height:40px;line-height:40px;font-size:16px;}
  .pro_view_inner .btn-box a i{font-size:20px;margin-right:6px;}
  .pro_view_inner .pro-share{text-align:center;}

  .pro_tab_box{display:none;}

  .pro_text{margin:25px 0 0;}
  .pro_text .tit h5{font-size:22px;}
  .pro_text .tit h5::after{height:2px;}

  .pro-content img{width:100%;height:auto;}
  .pro-content{font-size:15px;line-height:24px;padding:15px 0 0;}

  .rela-pro h3{font-size:28px;}
  .rela-pro{padding:30px 0;}
  .rela-pro .list{margin:25px 0 0;}
  .rela-pro .swiper-slide .txt{margin-top:15px;}
  .rela-pro .swiper-slide .txt h6{font-size:16px;}
  .rela-pro .swiper-slide .txt h6 a{height:auto;}

  .pro_img{margin:0 auto;}

  #detail_decorate_root{width:100% !important;}
  #detail_decorate_root div[class*="magic-"],#detail_decorate_root img[class*="magic-"]{width:100% !important;height:auto !important;}
  
.pro-inquiry{display:block;}
.pro-inquiry .right{padding:20px 15px;}
.pro-inquiry h5{font-size:30px;}
.pro-inquiry p{font-size:16px;margin:15px 0 0;}
.pro-inquiry .inquirbox{margin:20px 0 0;}
.pro-inquiry .inquirbox .submit{width:160px;line-height:36px;} 
.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:10px;}

}

@media screen and (max-width:576px) {

  .pro_view_inner h2{font-size:20px;}
  .pro_view_inner h1{font-size:20px;}
  .rela-pro h3{font-size:26px;}
.pro-inquiry h5{font-size:28px;}
}

@media screen and (max-width:480px) {
  
  .pro_view_inner h2{font-size:18px;}
  .pro_view_inner h1{font-size:18px;}

  .rela-pro h3{font-size:24px;}

  .pro_img{width:100%;}
 .pro-inquiry h5{font-size:26px;} 
}