/*通用*/
:root {
  --bodyFonts: Open Sans,PingFang SC,Microsoft YaHei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,Arial,"sans-serif";
  --mainColor: #baa57b;
  --lightMainColor:#cfbe9d;
  --lightBlueColor: #75d7ef;
  --bodyColor: #666;
  --whiteColor: #ffffff;
  --blackColor: #000;
  --titleColor: #333;
  --e9Color:#e9e9e9;
  --fontSize: 16px;
  --transition: 0.3s;
}

@font-face {
  font-family: "iconfont"; /* Project id 4197447 */
  src: url('../fonts/iconfont.woff2?t=1691130904934') format('woff2'),
       url('../fonts/iconfont.woff?t=1691130904934') format('woff'),
       url('../fonts/iconfont.ttf?t=1691130904934') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-yanjing:before {
  content: "\e661";
}

.icon-arrow-right:before {
  content: "\e622";
}

.icon-shijian:before {
  content: "\e662";
}

.icon-youjiantou:before {
  content: "\e623";
}

*{margin:0; padding:0;}
*, ::after, ::before {-webkit-box-sizing:border-box;box-sizing:border-box;}
html{}
body{margin:0;color:var(--bodyColor); position: relative;font-family:var(--bodyFonts); font-size: var(--fontSize);word-break: break-word;background-color: var(--whiteColor)}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;line-height: 1.5}
h1,h2,h3,h4,h5,h6{font-weight: 600;}
a{text-decoration:none;text-shadow:none;font-weight:normal;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;color:var(--bodyColor);text-decoration:none;line-height: 1.5}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none;}
img{border:none; display: block;max-width: 100%;}
span{margin:0; padding:0; cursor: auto;}
span:focus,div:focus {outline: none;}
button{border:none;background-color: transparent;cursor: pointer;}
input{background-color: transparent;border:none;}
.flex{display:-webkit-box;display: -ms-flexbox;display:flex;flex-wrap:wrap;align-items:flex-start;}
.flexC{display:-webkit-box;display: -ms-flexbox;display:flex;align-items:center; flex-wrap:wrap;}
.fl-bet{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;}
.fl-cen{-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;}
.fl-end{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:flex-end;}
.overF{overflow: hidden;}
.blur .content{-webkit-filter: blur(3px);filter: blur(3px);}
.marL{margin-left: auto}
.text-center{text-align: center;}
.text-right{text-align: right;}
.br4{border-radius: 4px;}
.br6{border-radius: 6px;}
.br8{border-radius: 8px;}
.br10{border-radius: 10px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-60{margin-top: 60px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-90{margin-top: 90px;}
.mt-100{margin-top: 100px;}
.mt-110{margin-top: 110px;}
.pt-30{padding-top: 30px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pb-30{padding-bottom: 30px;}
.pb-80{padding-bottom: 80px;}
.position-relative{position: relative;}
.ward{}
.inner-ward{margin:0 auto;}
.rotate180{transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.triangle{width: 0;height: 0;border-top: 8px solid var(--whiteColor);border-right: 6px solid transparent;border-left: 6px solid transparent;transition: all var(--transition);}

/*修改input默认颜色文字*/
input:-moz-placeholder,  
textarea:-moz-placeholder {  
    color: #aaa;  
}  
input:-ms-input-placeholder,  
textarea:-ms-input-placeholder {  
    color: #aaa;  
}  
input::-webkit-input-placeholder,  
textarea::-webkit-input-placeholder {  
    color: #aaa;  
}

/*修改默认滚动条样式*/
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: rgba(0,0,0,0.2);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
  border-radius: 10px;
  background: #ededed;
}

.text-h3{
  color: var(--titleColor);
}
.text-p{
  color: var(--bodyColor);
}

/*inner-ban*/
.inner-ban{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*内容导航*/
.con-nav{
    position: relative;
}
.con-nav ul{
    margin:0 auto;
    background-color: var(--mainColor);
}
.con-nav ul li .con-nav-a{
    display: block;
    color: var(--whiteColor);
    transition: all .5s ease-out;
}
.con-nav ul li.active .con-nav-a{
    background-color: var(--lightMainColor);
}

/*沉香简介*/
.desc-div-block{

}
.DescOne .box-l{
    
}
.DescOne .Desc-tit{
    position: absolute;
    left: 0;
    top: 0;
}
.Desc-tit h2{
    color: var(--mainColor);
}
.Desc-tit p{
    color: var(--bodyColor);
    text-transform: uppercase;
}
.DescOne .box-l {

}
.DescOne .box-l h3{
    color: var(--titleColor);
    font-weight: 500;
}
.DescOne .box-l p{
    font-size: var(--fontSize);
}
.DescOne .box-r{
    flex: :1;
    -ms-flex:1;
    -webkit-flex:1;
}
.DescOne .box-r .imgB{
   overflow: hidden;
}
.DescOne .box-r .imgB img{
   width: 100%;
}

.DescTwo{
    background-color:var(--e9Color); 
}
.DescTwo .box-l{
    overflow: hidden;
    flex: :1;
    -ms-flex:1;
    -webkit-flex:1;
}
.DescTwo .box-l img{
    width: 100%;
}
.DescTwo .box-r{
}
.DescTwo .box-r h3{
    color: var(--titleColor);
    font-weight: 500;
}
.DescTwo .box-r .text-p-wrap{
}
.DescTwo .box-r .text-p-wrap p{
    color: var(--bodyColor);
}

.DescThree{
    background-color: var(--whiteColor);
}
.DescThree .inner-ward{
    flex-direction: row-reverse;
}

/*市场现状*/
.marketSituation{
    background-image: url(../images/marketSituation-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.marketSituation .box-l{
}
.marketSituation .box-l ul li{
    background-color: var(--whiteColor);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    transition: all .3s;
}
.marketSituation .box-l ul li h4{
    color: var(--mainColor);
}
.marketSituation .box-l ul li h4 span{
}
.marketSituation .box-l ul li p{
    color: var(--bodyColor);
}

.marketSituation .box-l img{
    width: 100%;
    height: auto;
}

.marketSituation .box-r{
    flex: :1;
    -ms-flex:1;
    -webkit-flex:1;
}
.marketSituation .box-r .box-r1{
    height: 450px;
    overflow-x: auto;
    margin-top: 15px;
}
.marketSituation .box-r h3{
    color: var(--titleColor);
}
.marketSituation .box-r p{
    color: var(--bodyColor);
}

/*耀江企业概况*/
.num-div-block{
  box-shadow: 0 0 15px 0 rgba(0,0,0,.1)
}
/*.num-div-block .inner-ward{
  width: 100%;
}*/
.num-div-block .inner-ward .num-item{
}
.num-div-block .inner-ward .num-item .num-item-top{
  color: var(--mainColor);
}
.num-div-block .inner-ward .num-item .num-item-top span{
  font-weight: 600;
}
.num-div-block .inner-ward .num-item p{
  color: #999;
}

/*产业转型*/
.swiper-div-block{
}
.companyProfile-ban{

}
.companyProfile-ban .inner-item{
  background-color: var(--mainColor);
}
.companyProfile-ban .inner-item .imgB{
}
.companyProfile-ban .inner-item .y-line{
  background-color: var(--whiteColor);
}
.companyProfile-ban .inner-item .inner-item-text{

}
.companyProfile-ban .inner-item .inner-item-text .text-en{
  color: rgba(153,129,81,.75);
  text-transform: uppercase;
  line-height: 1;
}
.companyProfile-ban .inner-item .inner-item-text h3{
  color: rgba(255,255,255,.75);
}
.companyProfile-ban .inner-item .inner-item-text p{
  color: rgba(255,255,255,.75);
}

/*良种繁育技术*/
.techniques-space{
}

.techniques-lis .techniquesUl li{
}
.techniques-lis .techniquesUl li:last-child{
  margin-bottom: 0;
}

.techniques-lis .techniquesUl li .time{
}
.techniques-lis .techniquesUl li .time h3{
  color: var(--titleColor);
  font-weight: 500;
  transition: all .5s;
}
.techniques-lis .techniquesUl li .time .x-line{
  background-color: #afafaf;
}
.techniques-lis .techniquesUl li .time span{
  color: var(--bodyColor);
  transition: all .5s;
}
.techniques-lis .techniquesUl li .imgB{
  overflow:hidden;
}
.techniques-lis .techniquesUl li .imgB img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.techniques-lis .techniquesUl li .textP{
  flex:1;
  -ms-flex:1;
  -webkit-flex:1;
  color: var(--titleColor);
  transition: all .5s;
}
.iconfont-wrap span{
  cursor: pointer;
  transition: all .5s;
}


/*技术详情*/
.details-space{
}
.details-div-block{

}
.details-div-block .det-l{
}
.details-div-block .det-l .det-l-tit{

}
.details-div-block .det-l .det-l-tit h2{
  color: var(--titleColor);
  font-weight: 500;
}
.details-div-block .det-l .det-l-tit .det-l-tips{

}
.details-div-block .det-l .det-l-tit .det-l-tips .tips-item{
  color: #999;
}
.details-div-block .det-l .det-l-tit .det-l-tips .tips-item span{

}
.details-div-block .det-l .det-con{
  color: var(--titleColor);
}

.details-div-block .det-r{
  flex:1;
  -ms-flex:1;
  -webkit-flex:1;
}
.details-div-block .det-r .det-r-tit{

}
.details-div-block .det-r .det-r-tit h2{
  color: var(--mainColor);
}
.details-div-block .det-r .det-r-tit p{
  color: var(--bodyColor);
  text-transform: uppercase;
}
.hot-list{

}
.hot-list li{

}
.hot-list li a{
  display: block;
}
.hot-list li a .imgB{
  overflow: hidden;
}
.hot-list li a .imgB img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hot-list li a p{
  color: var(--titleColor);
}
.hot-list li a .jt-wrap{

  text-align: center;
  transition: all .5s;
}
.hot-list li a .jt-wrap span{
  color: #b9b9b9;
  cursor: pointer;
}

.UAD{

}
.UAD a{
  color: #999;
}
.UAD a span{
  color: var(--titleColor);
  flex:1;
  -ms-flex:1;
  -webkit-flex:1;
  overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
  cursor: pointer;
}

.back-wrap{

}
.back-a{
  display: block;
  width: 100%;
  text-align: center;
  color: var(--mainColor);
  transition: all .5s;
}


/*page*/
.wap-pagination{
  display: none;
}
.news-pagination {
    color: rgba(0,0,0,.65);
}
.news-pagination .pagination-go, .news-pagination ul {
    cursor: pointer;
}
.news-pagination li {
    cursor: pointer;
}
.news-pagination li .current, .news-pagination li .ellipse, .news-pagination li a {
    display: block;
}
.news-pagination li .current, .news-pagination li .ellipse {
    text-align: center;
    border-radius: 50%;
    transition: all .3s ease;
}
.news-pagination li .current {
    background: var(--mainColor);
    color: var(--whiteColor);
}
.news-pagination .pagination-go input, .news-pagination li a {
    text-align: center;
    border-radius: 50%;
    color: rgba(0,0,0,.65);
    transition: all .3s ease;
}
.news-pagination li .current, .news-pagination li .ellipse, .news-pagination li a {
    display: block;
}
.news-pagination li .current, .news-pagination li .ellipse {
    text-align: center;
    border-radius: 50%;
    transition: all .3s ease;
}
.news-pagination li .ellipse {
    color: rgba(0,0,0,.65);
}

.news-pagination .pagination-go {
    position: relative;
}
.news-pagination .pagination-go a{
    display: block;
}
.news-pagination .pagination-go a span{
    cursor: pointer;
    color: #999;
    transition: all .3s;
}

.base-ban .imgB img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*十二法*/
.TreeTransplantation-con p{
  color: var(--titleColor);
}

/*产品*/
.product-lis{

}
.product-lis ul li{
  box-shadow: 0 0 15px 0 rgba(0,0,0,.15);
}
.product-lis ul li:nth-child(3n){
}
.product-lis ul li .item-a{
  display: block;
}
.product-lis ul li .item-a .imgB img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover';
}
.product-lis ul li .item-a .imgB{
  overflow:hidden;
}
.product-lis ul li .item-a .textP{
}
.product-lis ul li .item-a .textP p{
  color: var(--titleColor);
  text-align: center;
}
.product-lis ul li:hover{
  border:2px solid var(--mainColor);
  box-shadow: none;
}

/*市场营销*/
.marketing-div-block .det-l .det-l-tit h2{
  color: var(--mainColor);

}

/*产品详情*/
.productShow{
}
.productShow-l{

}
.productShow-l-t{

}
.productShow-l-t h2{

  color: var(--mainColor);
}
.productShow-l-t p{

  color: var(--bodyColor);
}
.productShow-l-tips{

}
.productShow-l-tips .tips-wrap{
  
}
.productShow-l-tips .tips-wrap h3{
  color: var(--bodyColor);
  font-weight: 500;
}

.productShow-l-tips .decsP{

}
.productShow-l-tips .decsP p{
  color: var(--bodyColor);
}
.advice-wrap{
  border:1px solid var(--mainColor);
}
.advice-a{
  height: 100%;
  background-color: var(--mainColor);
  color: var(--whiteColor);
}


.productShow-r{
  width: 46%;
}

#gallery .swiper-slide .imgB{
  border:1px solid #bfbfbf;
  overflow:hidden;
}
#gallery .swiper-slide .imgB img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#thumbs{
}
#thumbs .swiper-slide .imgB{
  border:1px solid #bfbfbf;
  overflow:hidden;
}
#thumbs .swiper-slide .imgB img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-tab{
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.product-tab-wrap{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.product-tab-wrap.fixed{
  position: fixed;
  top: 60px;
  bottom: auto;
  z-index: 2022;
}

.product-tab-a{
  color: var(--whiteColor);
  background-color: #484848;
}
.product-tab-a.active{
 background-color: var(--whiteColor);
 color: var(--bodyColor);
}

.pruduct-desc{

}
.pruduct-desc-item{

}
.pruduct-desc-t{
  color: var(--bodyColor);
  position: relative;
  display: inline-block;
}
.pruduct-desc-t:before{
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  border-top:1px solid #000;
}
.pruduct-desc-lis{
}
.pruduct-desc-lis dl{
}
.pruduct-desc-lis dd{
  color: var(--bodyColor);
}
.pruduct-desc-lis .y-line{
  border-left:1px solid #b0b0b0;
}
.pruduct-video-item{
}

.video-container{
  position: relative;
  width: 100%;
}
.video-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*header*/
.header{width:100%;z-index:2023; position:sticky; top:0; left:0;right:0; margin:0 auto; background:#FFF;}
.logo img{display: block;}
.MenuU li{ position: relative}
.MenuU li:first-child{margin-left:0;}
.MenuA{color:var(--titleColor);position: relative; display: block;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#c59959; width:0; transform: translate(-50%,0);left:50%; bottom:0;}
.MenuU li .on:before,.MenuU li .menuO:before,.MenuU li .MenuA:hover:before{ transition:0.5s;}
.MenuF{ background-color:#fff; box-shadow:0 2px 10px rgba(0,0,0,0.05); position: absolute;transform: translate(-50%,0);left:50%;top:100%; display:none; background-image: url("../images/MenuU.png"); background-position: bottom center;background-repeat: no-repeat; background-size: auto 100%; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
.MenuF li{position:relative;width:100%; margin:0;}
.MenuFa{ color:var(--bodyColor);border-bottom:1px solid rgba(0,0,0,0.04);text-align: center; display: block;}
.MenuFa p{position: relative}
.MenuF a:hover{}

/*footer*/
footer { color:var(--whiteColor);background-color:#4e4c4c; background-image: url("../images/ftback.png"); background-position: bottom center;background-repeat: no-repeat;}
.ftlog{wdisplay: block;}
.ftlog img{width:100%; display:block;}
.ftMI{display: block; overflow: hidden;}
.ftM img{width:100%; display: block;}
.ftM p{text-align: center;color:var(--whiteColor); width:100%;}
.ftNava{ display: block;color:#ccc;}
.ftNR{color:#ccc;}
.ftNRP{width:100%; flex:1;}
.ftC{text-align:center;color:var(--whiteColor);}
.ftC a{color:var(--whiteColor);}

@media  screen and ( min-width:1680px){
.ward{width:1400px; margin:0 auto;}
/*header*/
.headK{height:82px; width:1400px; margin:0 auto;}
.logo{width:150px;}
.hd_nav{ display: none;}
.Menu{ display: block;}
.MenuU li{ margin-left:44px;}
.MenuU li:first-child{}
.MenuA{ line-height:82px;height:82px;font-size:18px; }
.MenuA:before{height:2px;}
.MenuU li .on:before,.MenuU li .menuO:before,.MenuU li .MenuA:hover:before{ width:212px;}
.MenuF{ width:212px; padding:1px 8px 15px;}
.MenuF li{}
.MenuFa{font-size:14px; line-height:35px; }
.MenuFa p{line-height:30px;}
.MenuF a:hover{color:#c59959;}
/*footer*/
footer {background-size:auto 318px;}
.ftDK{ padding:70px 0 15px;}
.ftlog{width:228px;margin-top:30px;}
.ftM{width:139px;}
.ftMI{width:139px;}
.ftM p{font-size: 18px;line-height:30px; margin-top:15px;}
.ftNav{}
.ftNava{ font-size:14px;line-height:33px;}
.ftNR{width:340px;font-size:14px;line-height:33px;}
.ftNRD{}
.ftNRH{ width: 82px;}
.ftC{line-height:20px;font-size:12px; padding:10px 0;}
footer a:hover{text-decoration:underline; color:#FFF;}
}

@media screen and (max-width:1679px ) and ( min-width:1440px){
.ward{width:1280px; margin:0 auto;}
/*header*/
.headK{height:78px; width:1280px; margin:0 auto;}
.logo{width:140px;}
.hd_nav{ display: none;}
.Menu{ display: block;}
.MenuU li{ margin-left:38px;}
.MenuU li:first-child{}
.MenuA{ line-height:78px;height:78px;font-size:17px;}
.MenuA:before{height:2px; }
.MenuU li .on:before,.MenuU li .menuO:before,.MenuU li .MenuA:hover:before{width:198px;}
.MenuF{ width:198px; padding:1px 7px 13px; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
.MenuF li{}
.MenuFa{font-size:13px; line-height:33px; }
.MenuFa p{line-height:30px;}
.MenuF a:hover{color:#c59959;}
/*footer*/
footer {background-size:auto 285px;}
.ftDK{ padding:62px 0 15px;}
.ftlog{width:200px;margin-top:25px;}
.ftM{width:125px;}
.ftMI{width:125px;}
.ftM p{font-size: 16px;line-height:30px; margin-top:10px;}
.ftNav{}
.ftNava{ font-size:13px;line-height:30px;}
.ftNR{width:320px;font-size:13px;line-height:30px;}
.ftNRD{}
.ftNRH{ width:75px;}
.ftC{line-height:20px;font-size:12px; padding:10px 0;}
footer a:hover{text-decoration:underline; color:#FFF;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.ward{width:1080px; margin:0 auto;}
/*header*/
.headK{height:72px; width:1080px; margin:0 auto;}
.logo{width:130px;}
.hd_nav{ display: none;}
.Menu{ display: block;}
.MenuU li{ margin-left:30px;}
.MenuU li:first-child{}
.MenuA{ line-height:72px;height:72px;font-size:15px;}
.MenuA:before{height:2px; }
.MenuU li .on:before,.MenuU li .menuO:before,.MenuU li .MenuA:hover:before{width:188px;}
.MenuF{width:188px; padding:1px 6px 12px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.MenuF li{}
.MenuFa{font-size:12px; line-height:30px;}
.MenuFa p{line-height:30px;}
.MenuF a:hover{color:#c59959;}
/*footer*/
footer {background-size:auto 240px;}
.ftDK{ padding:50px 0 10px;}
.ftlog{width:170px;margin-top:20px;}
.ftM{width:106px;}
.ftMI{width:106px;}
.ftM p{font-size: 15px;line-height:26px; margin-top:10px;}
.ftNav{}
.ftNava{ font-size:12px;line-height:26px;}
.ftNR{width:280px;font-size:12px;line-height:26px;}
.ftNRD{}
.ftNRH{ width:70px;}
.ftC{line-height:20px;font-size:12px; padding:6px 0;}
footer a:hover{text-decoration:underline; color:#FFF;}

}
@media screen and (max-width:1279px ) and ( min-width:1080px){
.ward{width:1000px; margin:0 auto;}
/*header*/
.headK{height:64px; width:1000px; margin:0 auto;}
.logo{width:120px;}
.hd_nav{ display: none;}
.Menu{ display: block;}
.MenuU li{ margin-left:26px;}
.MenuU li:first-child{}
.MenuA{ line-height:64px;height:64px;font-size:14px;}
.MenuA:before{height:2px; }
.MenuU li .on:before,.MenuU li .menuO:before,.MenuU li .MenuA:hover:before{ width:188px;}
.MenuF{ width:188px; padding:1px 6px 12px;border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.MenuF li{}
.MenuFa{font-size:12px; line-height:30px;}
.MenuFa p{line-height:30px;}
.MenuF a:hover{color:#c59959;}
/*footer*/
footer {background-size:auto 240px;}
.ftDK{ padding:50px 0 10px;}
.ftlog{width:170px;margin-top:20px;}
.ftM{width:106px;}
.ftMI{width:106px;}
.ftM p{font-size: 15px;line-height:26px; margin-top:10px;}
.ftNav{}
.ftNava{ font-size:12px;line-height:26px;}
.ftNR{width:280px;font-size:12px;line-height:26px;}
.ftNRD{}
.ftNRH{ width:70px;}
.ftC{line-height:20px;font-size:12px; padding:6px 0;}
footer a:hover{text-decoration:underline; color:#FFF;}
}
@media screen and (max-width:1079px ) and ( min-width:960px){
.ward{width:860px; margin:0 auto;}
/*header*/
.headK{height:58px; width:860px; margin:0 auto;}
.logo{display: block;width:110px;}
.hd_nav{ display: none;}
.Menu{ display: block;}
.MenuU li{ margin-left:20px;}
.MenuU li:first-child{}
.MenuA{ line-height:58px;height:58px;font-size:13px;}
.MenuA:before{height:2px; }
.MenuU li .on:before,.MenuU li .menuO:before,.MenuU li .MenuA:hover:before{width:120px;}
.MenuF{ width:120px; padding:1px 5px 10px;border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.MenuF li{}
.MenuFa{font-size:12px; line-height:26px;}
.MenuFa p{line-height:26px;}
.MenuF a:hover{color:#c59959;}
/*footer*/
footer {background-size:auto 200px;}
.ftDK{ padding:36px 0 5px;}
.ftlog{width:150px;margin-top:15px;}
.ftM{width:90px;}
.ftMI{width:90px;}
.ftM p{font-size: 14px;line-height:20px; margin-top:8px;}
.ftNav{}
.ftNava{ font-size:12px;line-height:24px;}
.ftNR{width:240px;font-size:12px;line-height:24px;}
.ftNRD{}
.ftNRH{ width:70px;}
.ftC{line-height:20px;font-size:12px; padding:6px 0;}
footer a:hover{text-decoration:underline; color:#FFF;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
.ward{width:600px; margin:0 auto;}
/*header*/
.headK{height:58px; width:100%;padding:0 4%}
.logo{display: block;width:110px;}
.hd_nav{width:30px;height:30px; position:relative; z-index:999;}
.hd_nav i{top:50%;margin-top:-1px;position:absolute;display:inline-block;height:3px;width:30px;border-radius:2px;background:#c59959;}
.hd_nav:before{margin-top: -10px;}
.hd_nav:after{margin-top:10px;}
.hd_nav:before,.hd_nav:after{content: '';position:absolute;top:50%;display:inline-block;height:3px;width:30px;border-radius:2rem;background:#c59959;transition:0.2s;}
.hd_nav.active i{display:none;}
.hd_nav.active:before{transform: rotate(45deg);}
.hd_nav.active:after{transform: rotate(-45deg);}
.hd_nav.active:before,.hd_nav.active:after{margin-top:0;background:#ffffff;}

.Menu{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.8);z-index:997;display:none;}
.MenuU{padding-top:60px;}
.MenuU li{width:100%; position: relative}
.MenuA{ line-height:60px;font-size:16px; color:#FFF; position: relative; display: block; font-weight:700; padding:0 4%;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#c59959; width:2px; height:0; left:0;top:50%;transform: translate(0,-50%);}
.MenuU li .on,.MenuU li .menuO{ color:#c59959;}
.MenuU li .on:before,.MenuU li .menuO:before{ transition:0.5s;  height:100%;}
.MenuF{ background:rgba(197,153,89,0.2);width:100%; padding:0; display:none;position: static;transform: none;box-shadow: none;border-radius: 0;}
.MenuFa{ display: block; color:#FFF; font-size:14px; line-height:42px;height:42px;padding:0 5%;border-bottom:1px solid rgba(255,255,255,0.1)}
/*footer*/
footer {background-size:auto 100%;}
.ftDK{ padding:25px 0 5px;}
.ftlog{width:150px;margin:0 auto 10px;}
.ftM{width:90px;}
.ftMI{width:90px;}
.ftM p{font-size: 12px;line-height:20px; margin-top:4px;}
.ftNav{ width:100%;display:flex;align-items:center; flex-wrap:wrap;}
.ftNava{ font-size:12px;line-height:22px; margin-right: 10px;}
.ftNR{width:400px;font-size:12px;line-height:24px; margin-top:15px;}
.ftNRD{}
.ftNRH{ width:70px;}
.ftC{line-height:20px;font-size:12px; padding:6px 0;}
}
@media only screen and (max-width:639px){
/*header*/
.headK{height:0.44rem; width:100%;padding:0 4%}
.logo{display: block;width:0.8rem;}
/*header*/
.hd_nav{width:0.22rem;height:0.2rem; position:relative; z-index:999;}
.hd_nav i{top:50%;margin-top:-0.01rem;position:absolute;display:inline-block;height:0.02rem;width:100%;border-radius:2px;background:#c59959;}
.hd_nav:before{margin-top:-0.07rem;}
.hd_nav:after{margin-top:0.05rem;}
.hd_nav:before,.hd_nav:after{content: '';position:absolute;display:inline-block;height:3px;width:100%;border-radius:2rem;background:#c59959;transition:0.2s; top:50%}
.hd_nav.active i{display:none;}
.hd_nav.active:before{transform: rotate(45deg);}
.hd_nav.active:after{transform: rotate(-45deg);}
.hd_nav.active:before,.hd_nav.active:after{margin-top:0;background:#ffffff;}
.headR{ width:60%}
.Menu{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0, 0, 0, 0.9);z-index:997;display:none;}
.MenuU{padding-top:0.44rem;display: block;height: 100vh;overflow: auto;}
.MenuU li{width:100%; position: relative}
.MenuA{ line-height:0.44rem;font-size:0.14rem; color:#FFF; position: relative; display: block; font-weight:700; padding:0 5%;}
.MenuA:before{display:block;content:'';position: absolute;transition:0.5s; background:#c59959; width:0.03rem; height:0; left:0;top:50%;transform: translate(0,-50%);}
.MenuU li .on,.MenuU li .menuO{ color:#c59959;}
.MenuU li .on:before,.MenuU li .menuO:before{ transition:0.5s;  height:100%;}
.MenuF{ background:rgba(197,153,89,0.2);width:100%; padding:0; display:none;position: static;transform: none;box-shadow: none;border-radius: 0;}
.MenuFa{ color:#FFF; font-size:0.13rem; line-height:0.4rem;height:0.4rem;padding:0 6.5%;border-bottom:0.01rem solid rgba(255,255,255,0.1); display: block;}
.MenuFa p{line-height:0.2rem; position: relative}
/*footer*/
footer {background-size:auto 100%; background-position: bottom right; width:100%; padding:0 4%;}
.ftDK{padding: 0.3rem 0 0.2rem;}
.ftlog{width:1rem;margin: 0 auto 0.2rem;}
.ftM{width:0.7rem;margin: .3rem auto 0;}
.ftMI{width:100%;}
.ftM p{font-size:0.11rem;line-height:0.18rem; margin-top:0.05rem;}
.ftNav{ width:100%;display:flex;align-items:center; flex-wrap:wrap;margin-top: .1rem;}
.ftNava{font-size: 0.12rem;line-height:0.2rem;margin-right: 0.1rem;}
.ftNR{width:100%;font-size: 0.12rem;line-height: 0.2rem;margin-top: 0.2rem;}
.ftNRD{}
.ftNRH{min-width: 0.5rem;margin-right: .1rem;}
.ftC{line-height:0.16rem;font-size:0.1rem; padding:0.05rem 0;}
}


/*****************
-------首页------
*****************/
/* banner */
.banner{position: relative;width:100%; overflow: hidden;height: auto !important;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide{position:relative; background-repeat:no-repeat;background-position:bottom center;background-size:cover;}
.banner .swiper-pagination-bullet{border-radius:50%;border:none;background:#FFF;opacity:1;position:relative;}
.banner .swiper-pagination-bullet-active:before{display:block;content:'';position: absolute; width:16px; height:16px;left:50%;transform: translate(-50%,-50%);top:50%;border-radius:50%;}
/*耀江沉香产业园*/
.Indabo{background-image: url("../images/back01.jpg"); background-size: cover;background-position: center;background-repeat: no-repeat; background-color:#f7f7f7;overflow: hidden;}
.IndaboK{position:relative;}
.IndaboW{ color:var(--mainColor);}
.IndaboW h3{position: relative;}
.IndaboW h3:before{display:block;content:'';position: absolute; background:#ad986d; left:0;bottom:0;}
.IndaboWp{text-align: justify;}
.IndaboN{overflow: hidden;height: auto !important;}
.IndaboN .swiper-wrapper{height: auto !important;}
.IndaboN .swiper-slide{position: relative; overflow: hidden;}
.IndaboI{align-content:center; width:100%;}
.IndaboI img{width:100%; display: block;height: 100%;object-fit: cover;}
.IndaboP{ padding:0 32px 32px;position: absolute; z-index:2; width:100%;left:0;transition:0.5s; color:var(--whiteColor); background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.15))}
.IndaboPH{ font-size:24px; width:100%; line-height:64px; position: relative;}
.IndaboPH:before{display:block;content:'';position:absolute;transition:0.5s;width:0;height:1px;left:0;bottom:0;background:#FFF;}
.IndaboPD h3{font-weight: 700;}
.IndaboPD p{display:-webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.IndaboE:hover .IndaboP{bottom:0;}
.IndaboE:hover .IndaboPH:before{transition:0.5s; width:100%;}
.abonext,.aboprev{top:auto;margin:0;z-index: 99; background:#bbb;}
.abonext:after,.aboprev:after {color:#FFF;}
.abonext{right:0;}
.aboprev{ left:auto;}
/*title*/
.IndTit{width:100%; text-align: center;}
.IndTit h3{color:var(--titleColor); font-weight:700;position: relative; z-index:1}
.IndTit h3:before{display:block;content:'';position: absolute; background-image: url("../images/title01.png"); background-position: bottom center;background-repeat: no-repeat; background-size:100%;bottom:0;height:100%; z-index:-1}
.IndTit p{color:#ccc;width:100%;text-transform: uppercase;}
/*产业布局*/
.Indlay{ background-image: url("../images/back02.jpg");background-size: cover; background-position: bottom center;background-repeat: no-repeat; background-color:#fcfcfc; overflow:hidden;}
.IndlayK{position: relative;z-index:1;}
.IndlayK:before{display:block;content:'';position: absolute;top:0; height:100%; background-image: url("../images/Indlay.jpg"); background-position:top right;background-repeat: no-repeat; background-size:100%; z-index:-1}
.IndlayB{position: relative;}
.IndlayTit{position:absolute; z-index:9;}
.IndlayTit .swiper-wrapper{height:50px;}
.IndlayTit .swiper-slide{width:20%; position:absolute; display:none;}
.IndlayTit .swiper-slide-thumb-active{display:flex;}
.IndlayTit .swiper-slide p{color:var(--whiteColor); position: relative;}
.IndlayTit .swiper-slide-thumb-active p:before{ display:none;content:'';position: absolute;left:50%;transform: translate(-50%,0);bottom:0;background-image: url("../images/IndlayJ1.png"); background-position: center;background-repeat: no-repeat; background-size:100%;}
.IndlayTU{position: relative;width:100%; overflow: hidden;height: auto !important;}
.IndlayTU .swiper-wrapper{height: auto !important;}
.IndlayTU .swiper-slide{ position:100%; position: relative;}
.IndlayTUI{ width:100%;}
.IndlayTUI img{width:100%; display: block;}
.IndlayTN{position:absolute;}
.IndlayTNP{color:var(--whiteColor);background:rgba(13,43,2,0.8);}
.IndlayTNf a{position: relative;background-color: rgba(255,255,255,.66);border-radius: 50%;}
.IndlayTNf a span{color: var(--bodyColor);position: absolute;left: 0;right: 0;margin:0 auto;top: 50%;transform: translate(0,-50%);text-align: center;cursor: pointer;}
.IndlayTNf i{ width:100%; flex: 1; height:1px; background:rgba(255,255,255,0.7); display: block;}
.laynext,.layprev{transform: translate(0,-50%);top:50%;margin:0;z-index: 99;}
.laynext:after, .layprev:after {color:#baa57b;}
.laynext{right:0}
.layprev{left:0}  
/*计数*/
.Indnum{box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.IndnumH{align-items:baseline; color:var(--mainColor);}
.IndnumH span{font-weight:700;}
.IndnumN p{color:var(--bodyColor);}
/*产品中心*/
.IndcenK{align-items:stretch;}
.Indcena{ display: block; position: relative; overflow: hidden; width:49.7%;}
.Indcena img{width:100%;height: 100%;object-fit: cover; display: block;}
.IndcenP{left:0;width:100%; z-index:1; color:#f0faff; position: absolute;}
/*新闻资讯*/
.IndNew{ background:#f7f7f7;}
.IndNewK{background:#FFF; box-shadow:0 5px 10px rgba(0,0,0,0.05);}
.IndNewI{display: block; overflow: hidden;}
.IndNewI img{width:100%; display: block;height: 100%;object-fit: cover;}
.IndNewa{display: block;}
.IndNewD{ color:var(--bodyColor);}
.IndNewP{background-image: url("../images/jiao.png"); background-position:right center;background-repeat: no-repeat;background-size:0;}
.IndNewP h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color:var(--titleColor);}
/*视频集锦*/
.IndVid{background-image: url("../images/back03.jpg"); background-position:center;background-repeat: no-repeat;background-size:cover;}
.IndVid .IndTit h3,.IndlayK .IndTit h3,.IndVid .IndTit p,.IndlayK .IndTit p{color:var(--whiteColor);}
.IndVidK{align-items:stretch;}
.IndVidI{display: block; position: relative; background:#000;}
.IndVidI video{width:100%; height:100%;object-fit:fill; position: absolute; top:0;left:0;right:0; margin:0 auto}
.IndVidT{background-image: url("../images/ndVidB.jpg"); background-position:top center;background-repeat: no-repeat;background-size:100%;align-content:center}
.IndVida{ color:var(--whiteColor); display: block;}
.IndVidT li .on{text-decoration:underline;}
.play-wrap{position: absolute;width: 100%;height: 100%;left: 0;right: 0;z-index: 2;}
.play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);border-radius: 50%;background-color: var(--mainColor)}
.play-btn i {position: absolute;left: 0;right: 0;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);content: '';margin: 0 auto;width: 0;height: 0;border-style: solid;border-color: transparent transparent transparent var(--whiteColor);}
@media  screen and ( min-width:1680px){
/* banner */
.banner .swiper-slide{height:789px;}
.banner .swiper-pagination-bullet{width:10px;height:10px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.banner .swiper-pagination-bullet-active:before{;border:1px solid #FFF;padding:4px; }
.banner .swiper-pagination-bullets {bottom:30px;}
/*title*/
.IndTit h3{font-size: 36px; line-height:46px; padding-right:15px;}
.IndTit h3:before{width:80px;right:-55px;}
.IndTit p{font-size:22px; line-height:32px; margin-top:6px;}
/*耀江沉香产业园*/
.Indabo{padding:72px 0 116px}
.IndaboK{height:610px;}
.IndaboW{width:384px; padding-top: 50px;}
.IndaboW h3{ line-height:80px; font-size: 36px;}
.IndaboW h3:before{width: 80px; height: 2px;}
.IndaboWp{font-size:16px; line-height:26px; margin-top:26px;}
.IndaboN{position:absolute;top:0;left:435px;width:1288px;}
.IndaboI{height:610px;}
.IndaboP{ padding:0 32px 32px;bottom:-200px;}
.IndaboPH{ font-size:24px;line-height:64px;}
.IndaboPD{ margin-top: 42px;}
.IndaboPD h3{ font-size:24px; line-height:30px; margin-bottom:12px;}
.IndaboPD p{ font-size:16px; line-height:25px; height:100px;-webkit-line-clamp:4;}
.IndaboE:hover .IndaboP{bottom:0;}
.IndaboE:hover .IndaboPH:before{transition:0.5s; width:100%;}
.abonext,.aboprev{bottom:-32px;width:54px; height:54px;}
.abonext:after,.aboprev:after {font-size:20px;}
.abonext:hover,.aboprev:hover{background:#dec593;}
.abonext:hover:after,.aboprev:hover:after{color:#FFF;}
.aboprev{right:-130px}
.abonext{right: -195px;}

/*产业布局*/
.Indlay{}
.IndlayK{padding:65px 0;}
.IndlayK:before{right:200px; width:1457px;}
.IndlayB{ margin-top:30px;}
.IndlayTit{width:850px;left:115px;top:110px;}
.IndlayTit .swiper-slide{width:20%;}
.IndlayTit .swiper-slide p{ font-size: 20px; line-height:35px; height:52px;}
.IndlayTit .swiper-slide-thumb-active p{ font-size:26px;}
.IndlayTit .swiper-slide-thumb-active p:before{width: 21px; height: 11px;}
.IndlayTN{top:175px; left:85px;}
.IndlayTNP{width:640px; padding:20px 33px;font-size: 14px;line-height:25px;}
.IndlayTNf{ padding:25px 30px 0;}
.IndlayTNf a{width:37px;height: 37px;margin-right: 14px}
.IndlayTNf a span{font-size: 20px;}
.laynext,.layprev{width:50px; height:120px;}
.laynext:after, .layprev:after {font-size:28px;}
.laynext:hover,.layprev:hover{ background:#baa57b;}
.laynext:hover:after,.layprev:hover:after{color:#FFF;}
/*计数*/
.IndnumK{padding:60px 0 30px;}
.IndnumN{}
.IndnumH{ font-size: 28px;line-height:60px;}
.IndnumH span{ font-size: 60px;}
.IndnumN p{ font-size:20px; line-height:30px;}
/*产品中心*/
.Indcen{padding-top: 90px}
.IndcenK{ padding-top:90px;}
.IndcenP{bottom:18px;}
.IndcenP p{ border:1px solid #FFF;padding:0 23px; font-size:25px; line-height:46px;}
.Indcenw{width:45.3%;height: 688px;}
.Indcenw .IndcenP p{ padding:0 27px; font-size:30px; line-height:52px;}
.IndcenL{width:54.4%;align-content:space-between}
.IndcenL .Indcena{height: 341px;}
/*新闻资讯*/
.IndNew{padding:90px 0 130px;}
.IndNewK{ margin-top:55px;}
.IndNewI{ width: 700px; height: 434px;}
.IndNewN{width:100%; flex:1; padding:0 55px;}
.IndNewa{ border-bottom:1px solid #eaeaea; padding:13px 0; }
.IndNewD{font-size: 14px; line-height:30px;}
.IndNewP h3{ font-size: 18px; line-height:36px;height:36px;width: 85%;}
.IndNewa:hover .IndNewP h3{ color:#baa57b;}
.IndNewa:hover .IndNewP{background-size:21px;}
/*视频集锦*/
.IndVid{height:1024px; padding-top: 110px;}
.IndVidK{ padding-top:90px;}
.IndVidI{width:1121px; height: 628px;}
.IndVidT{ width:279px;}
.IndVidT li{width:100%; height: 60px;}
.IndVida{ font-size: 16px;}
.play-btn {width: 100px;height: 100px;}
.play-btn i {border-width: 20px 0 20px 25px;}

}

@media  screen and ( min-width:1921px){
.banner .swiper-slide{height: 1089px;}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
/* banner */
.banner .swiper-slide{height:720px;}
.banner .swiper-pagination-bullet{width:10px;height:10px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px;}
.banner .swiper-pagination-bullet-active:before{;border:1px solid #FFF;padding:4px; }
.banner .swiper-pagination-bullets {bottom:30px;}
/*title*/
.IndTit h3{font-size: 32px; line-height:42px; padding-right:13px;}
.IndTit h3:before{width:74px;right:-52px;}
.IndTit p{font-size:20px; line-height:28px; margin-top:5px;}
/*耀江沉香产业园*/
.Indabo{padding:60px 0 100px}
.IndaboK{height:505px;}
.IndaboW{width:320px; padding-top:40px;}
.IndaboW h3{ line-height:70px; font-size: 32px;}
.IndaboW h3:before{width: 70px; height: 2px;}
.IndaboWp{font-size:14px; line-height:24px; margin-top:20px;}
.IndaboN{position:absolute;top:0;left:390px;width:1060px;}
.IndaboI{height:505px;}
.IndaboP{ padding:0 28px 28px;bottom:-180px;}
.IndaboPH{ font-size:22px;line-height:60px;}
.IndaboPD{ margin-top:38px;}
.IndaboPD h3{ font-size:22px; line-height:30px; margin-bottom:12px;}
.IndaboPD p{ font-size:15px; line-height:24px; height:96px;-webkit-line-clamp:4;}
.IndaboE:hover .IndaboP{bottom:0;}
.IndaboE:hover .IndaboPH:before{transition:0.5s; width:100%;}
.abonext,.aboprev{bottom:-28px;width:48px; height:48px;}
.abonext:after,.aboprev:after {font-size:18px;}
.abonext:hover,.aboprev:hover{background:#dec593;}
.abonext:hover:after,.aboprev:hover:after{color:#FFF;}
.aboprev{right:5px}  
.abonext{right: -50px;}
/*产业布局*/
.Indlay{}
.IndlayK{padding:55px 0;}
.IndlayK:before{right:180px; width:1300px;}
.IndlayB{ margin-top:26px;}
.IndlayTit{width:750px;left:100px;top:95px;}
.IndlayTit .swiper-slide{width:20%;}
.IndlayTit .swiper-slide p{ font-size:18px; line-height:30px; height:46px;}
.IndlayTit .swiper-slide-thumb-active p{ font-size:23px;}
.IndlayTit .swiper-slide-thumb-active p:before{width:19px; height: 10px;}
.IndlayTN{top:160px; left:76px;}
.IndlayTNP{width:600px; padding:18px 30px;font-size: 13px;line-height:24px;}
.IndlayTNf{ padding:22px 26px 0;}
.IndlayTNf a{width:33px;height: 33px;margin-right: 10px}
.IndlayTNf a span{font-size: 18px;}
.laynext,.layprev{width:42px; height:100px;}
.laynext:after, .layprev:after {font-size:24px;}
.laynext:hover,.layprev:hover{ background:#baa57b;}
.laynext:hover:after,.layprev:hover:after{color:#FFF;}
/*计数*/
.IndnumK{padding:55px 0 28px;}
.IndnumN{}
.IndnumH{ font-size: 25px;line-height:54px;}
.IndnumH span{ font-size:54px;etter-spacing:-2px;}
.IndnumN p{ font-size:18px; line-height:28px;}
/*产品中心*/
.Indcen{padding-top:80px}
.IndcenK{ padding-top:80px;}
.IndcenP{bottom:16px;}
.IndcenP p{ border:1px solid #FFF;padding:0 20px; font-size:22px; line-height:42px;}
.Indcenw{width:45.3%;height: 516px;}
.Indcenw .IndcenP p{ padding:0 24px; font-size:26px; line-height:48px;}
.IndcenL{width:54.4%;align-content:space-between}
.IndcenL .Indcena{height: 256px;}
/*新闻资讯*/
.IndNew{padding:78px 0 110px;}
.IndNewK{ margin-top:45px;}
.IndNewI{ width:640px; height:396px;}
.IndNewN{width:100%; flex:1; padding:0 50px;}
.IndNewa{ border-bottom:1px solid #eaeaea; padding:11px 0; }
.IndNewD{font-size: 13px; line-height:28px;}
.IndNewP h3{ font-size: 17px; line-height:32px;height:32px;width: 85%;}
.IndNewa:hover .IndNewP h3{ color:#baa57b;}
.IndNewa:hover .IndNewP{background-size:19px;}
/*视频集锦*/
.IndVid{height:924px; padding-top:95px;}
.IndVidK{ padding-top:70px;}
.IndVidI{width:1025px; height:574px;}
.IndVidT{ width:255px;}
.IndVidT li{width:100%; height:55px;}
.IndVida{ font-size: 15px;}
.play-btn {width: 90px;height: 90px;}
.play-btn i {border-width: 18px 0 18px 23px;}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
/* banner */
.banner .swiper-slide{height:600px;}
.banner .swiper-pagination-bullet{width:8px;height:8px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}
.banner .swiper-pagination-bullet-active:before{;border:1px solid #FFF;padding:3px; }
.banner .swiper-pagination-bullets {bottom:26px;}
/*title*/
.IndTit h3{font-size:28px; line-height:38px; padding-right:11px;}
.IndTit h3:before{width:66px;right:-50px;}
.IndTit p{font-size:18px; line-height:25px; margin-top:4px;}
/*耀江沉香产业园*/
.Indabo{background-size: auto 680px; padding:50px 0 90px}
.IndaboK{height:442px;}
.IndaboW{width:290px;padding-top:25px;}
.IndaboW h3{ line-height:60px; font-size:28px;}
.IndaboW h3:before{width:60px; height: 2px;}
.IndaboWp{font-size:12px; line-height:22px; margin-top:16px;}
.IndaboN{position:absolute;top:0;left:350px;width:920px;}
.IndaboI{height:442px;}
.IndaboP{ padding:0 25px 25px;bottom:-165px;}
.IndaboPH{ font-size:20px;line-height:54px;}
.IndaboPD{ margin-top:28px;}
.IndaboPD h3{ font-size:20px; line-height:28px; margin-bottom:10px;}
.IndaboPD p{ font-size:14px; line-height:23px; height:92px;-webkit-line-clamp:4;}
.IndaboE:hover .IndaboP{bottom:0;}
.IndaboE:hover .IndaboPH:before{transition:0.5s; width:100%;}
.abonext,.aboprev{bottom:-22px;width:42px; height:42px;}
.abonext:after,.aboprev:after {font-size:16px;}
.abonext:hover,.aboprev:hover{background:#dec593;}
.abonext:hover:after,.aboprev:hover:after{color:#FFF;}
.aboprev{right:46px}
/*产业布局*/
.Indlay{background-size: auto 700px;}
.IndlayK{padding:45px 0 50px;}
.IndlayK:before{right:150px; width:1150px;}
.IndlayB{ margin-top:22px;}
.IndlayTit{width:625px;left:90px;top:70px;}
.IndlayTit .swiper-slide{width:20%;}
.IndlayTit .swiper-slide p{ font-size:16px; line-height:30px; height:46px;}
.IndlayTit .swiper-slide-thumb-active p{ font-size:20px;}
.IndlayTit .swiper-slide-thumb-active p:before{width:19px; height: 10px;}
.IndlayTN{top:130px; left:66px;}
.IndlayTNP{width:550px; padding:16px 26px;font-size: 12px;line-height:23px;}
.IndlayTNf{ padding:18px 22px 0;}
.IndlayTNf a{width:29px;height: 29px;margin-right: 8px}
.IndlayTNf a span{font-size: 16px;}
.laynext,.layprev{width:36px; height:80px;}
.laynext:after, .layprev:after {font-size:20px;}
.laynext:hover,.layprev:hover{ background:#baa57b;}
.laynext:hover:after,.layprev:hover:after{color:#FFF;}
/*计数*/
.IndnumK{padding:46px 0 26px;}
.IndnumN{}
.IndnumH{ font-size: 22px;line-height:46px;}
.IndnumH span{ font-size:46px;etter-spacing:-2px;}
.IndnumN p{ font-size:16px; line-height:25px;}
/*产品中心*/
.Indcen{padding-top:65px}
.IndcenK{ padding-top:65px;}
.IndcenP{bottom:14px;}
.IndcenP p{ border:1px solid #FFF;padding:0 17px; font-size:19px; line-height:38px;}
.Indcenw{width:45.3%;height: 488px;}
.Indcenw .IndcenP p{ padding:0 20px; font-size:22px; line-height:44px;}
.IndcenL{width:54.4%;align-content:space-between}
.IndcenL .Indcena{height: 242px;}
/*新闻资讯*/
.IndNew{padding:64px 0 95px;}
.IndNewK{ margin-top:45px;}
.IndNewI{ width:540px; height:334px;}
.IndNewN{width:100%; flex:1; padding:0 44px;}
.IndNewa{ border-bottom:1px solid #eaeaea; padding:10px 0; }
.IndNewD{font-size: 13px; line-height:25px;}
.IndNewP h3{ font-size: 16px; line-height:28px;height:28px;width: 85%;}
.IndNewa:hover .IndNewP h3{ color:#baa57b;}
.IndNewa:hover .IndNewP{background-size:18px;}
/*视频集锦*/
.IndVid{height:780px; padding-top:80px;}
.IndVidK{ padding-top:55px;}
.IndVidI{width:865px; height:484px;}
.IndVidT{ width:215px;}
.IndVidT li{width:100%; height:50px;}
.IndVida{ font-size: 14px;}
.play-btn {width: 80px;height: 80px;}
.play-btn i {border-width: 16px 0 16px 21px;}
}
@media screen and (max-width:1279px ) and ( min-width:1080px){
/* banner */
.banner .swiper-slide{height:550px;}
.banner .swiper-pagination-bullet{width:8px;height:8px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 7px;}
.banner .swiper-pagination-bullet-active:before{;border:1px solid #FFF;padding:3px; }
.banner .swiper-pagination-bullets {bottom:26px;}
/*title*/
.IndTit h3{font-size:24px; line-height:34px; padding-right:8px;}
.IndTit h3:before{width:58px;right:-42px;}
.IndTit p{font-size:16px; line-height:22px; margin-top:4px;}
/*耀江沉香产业园*/
.Indabo{background-size: auto 620px; padding:45px 0 80px}
.IndaboK{height:432px;}
.IndaboW{width:280px;padding-top:20px;}
.IndaboW h3{ line-height:60px; font-size:24px;}
.IndaboW h3:before{width:60px; height: 2px;}
.IndaboWp{font-size:12px; line-height:22px; margin-top:16px;}
.IndaboN{position:absolute;top:0;left:330px;width:900px;}
.IndaboI{height:432px;}
.IndaboP{ padding:0 25px 25px;bottom:-165px;}
.IndaboPH{ font-size:20px;line-height:54px;}
.IndaboPD{ margin-top:28px;}
.IndaboPD h3{ font-size:20px; line-height:28px; margin-bottom:10px;}
.IndaboPD p{ font-size:14px; line-height:23px; height:92px;-webkit-line-clamp:4;}
.IndaboE:hover .IndaboP{bottom:0;}
.IndaboE:hover .IndaboPH:before{transition:0.5s; width:100%;}
.abonext,.aboprev{bottom:-22px;width:42px; height:42px;}
.abonext:after,.aboprev:after {font-size:16px;}
.abonext:hover,.aboprev:hover{background:#dec593;}
.abonext:hover:after,.aboprev:hover:after{color:#FFF;}
.aboprev{right:46px}
/*产业布局*/
.Indlay{background-size: auto 620px;}
.IndlayK{padding:36px 0 45px;}
.IndlayK:before{right:120px; width:1015px;}
.IndlayB{ margin-top:18px;}
.IndlayTit{width:550px;left:70px;top:55px;}
.IndlayTit .swiper-slide{width:20%;}
.IndlayTit .swiper-slide p{ font-size:15px; line-height:25px; height:40px;}
.IndlayTit .swiper-slide-thumb-active p{ font-size:18px;}
.IndlayTit .swiper-slide-thumb-active p:before{width:17px; height:9px;}
.IndlayTN{top:110px; left:66px;}
.IndlayTNP{width:500px; padding:16px 26px;font-size: 12px;line-height:23px;}
.IndlayTNf{ padding:15px 20px 0;}
.IndlayTNf a{width:25px;height: 25px;margin-right: 6px}
.IndlayTNf a span{font-size: 14px;}
.laynext,.layprev{width:30px; height:70px;}
.laynext:after, .layprev:after {font-size:18px;}
.laynext:hover,.layprev:hover{ background:#baa57b;}
.laynext:hover:after,.layprev:hover:after{color:#FFF;}
/*计数*/
.IndnumK{padding:40px 0 24px;}
.IndnumN{}
.IndnumH{ font-size: 20px;line-height:38px;}
.IndnumH span{ font-size:38px;etter-spacing:-2px;}
.IndnumN p{ font-size:15px; line-height:22px;}
/*产品中心*/
.Indcen{padding-top:50px}
.IndcenK{ padding-top:50px;}
.IndcenP{bottom:14px;}
.IndcenP p{ border:1px solid #FFF;padding:0 15px; font-size:16px; line-height:32px;}
.Indcenw{width:45.3%;height: 440px;}
.Indcenw .IndcenP p{ padding:0 18px; font-size:19px; line-height:38px;}
.IndcenL{width:54.4%;align-content:space-between}
.IndcenL .Indcena{height: 218px;}
/*新闻资讯*/
.IndNew{padding:55px 0 85px;}
.IndNewK{ margin-top:45px;}
.IndNewI{ width:500px; height:310px;}
.IndNewN{width:100%; flex:1; padding:0 40px;}
.IndNewa{ border-bottom:1px solid #eaeaea; padding:9px 0; }
.IndNewD{font-size: 13px; line-height:22px;}
.IndNewP h3{ font-size: 16px; line-height:26px;height:26px;width: 85%;}
.IndNewa:hover .IndNewP h3{ color:#baa57b;}
.IndNewa:hover .IndNewP{background-size:18px;}
/*视频集锦*/
.IndVid{height:710px; padding-top:70px;}
.IndVidK{ padding-top:45px;}
.IndVidI{width:799px; height:447px;}
.IndVidT{ width:201px;}
.IndVidT li{width:100%; height:45px;}
.IndVida{ font-size: 13px;}
.play-btn {width: 70px;height: 70px;}
.play-btn i {border-width: 14px 0 14px 19px;}
}
@media screen and (max-width:1079px ) and ( min-width:960px){
/* banner */
.banner .swiper-slide{height:470px;}
.banner .swiper-pagination-bullet{width:6px;height:6px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.banner .swiper-pagination-bullet-active:before{;border:1px solid #FFF;padding:2px; }
.banner .swiper-pagination-bullets {bottom:20px;}
/*title*/
.IndTit h3{font-size:24px; line-height:34px; padding-right:8px;}
.IndTit h3:before{width:58px;right:-42px;}
.IndTit p{font-size:16px; line-height:22px; margin-top:4px;}
/*耀江沉香产业园*/
.Indabo{background-size: auto 480px; padding:40px 0 75px}
.IndaboK{height:368px;}
.IndaboW{width:280px;padding-top:0;}
.IndaboW h3{ line-height:54px; font-size:20px;}
.IndaboW h3:before{width:54px; height: 2px;}
.IndaboWp{font-size:12px; line-height:20px; margin-top:14px;}
.IndaboN{position:absolute;top:0;left:320px;width:760px;}
.IndaboI{height:368px;}
.IndaboP{ padding:0 20px 20px;bottom:-150px;}
.IndaboPH{ font-size:18px;line-height:50px;}
.IndaboPD{ margin-top:22px;}
.IndaboPD h3{ font-size:18px; line-height:25px; margin-bottom:4px;}
.IndaboPD p{ font-size:12px; line-height:22px; height:88px;-webkit-line-clamp:4;}
.IndaboE:hover .IndaboP{bottom:0;}
.IndaboE:hover .IndaboPH:before{transition:0.5s; width:100%;}
.abonext,.aboprev{bottom:-20px;width:36px; height:36px;}
.abonext:after,.aboprev:after {font-size:14px;}
.abonext:hover,.aboprev:hover{background:#dec593;}
.abonext:hover:after,.aboprev:hover:after{color:#FFF;}
.aboprev{right:39px}  
/*产业布局*/
.Indlay{background-size: auto 550px;}
.IndlayK{padding:30px 0 40px;}
.IndlayK:before{right:100px; width:865px;}
.IndlayB{ margin-top:18px;}
.IndlayTit{width:500px;left:60px;top:40px;}
.IndlayTit .swiper-slide{width:20%;}
.IndlayTit .swiper-slide p{ font-size:15px; line-height:20px; height:40px;}
.IndlayTit .swiper-slide-thumb-active p{ font-size:18px;}
.IndlayTit .swiper-slide-thumb-active p:before{width:17px; height:9px;}
.IndlayTN{top:90px; left:50px;}
.IndlayTNP{width:500px; padding:16px 26px;font-size: 12px;line-height:23px;}
.IndlayTNf{ padding:13px 16px 0;}
.IndlayTNf a{width:23px;height: 23px;margin-right: 4px}
.IndlayTNf a span{font-size: 14px;}
.laynext,.layprev{width:26px; height:60px;}
.laynext:after, .layprev:after {font-size:16px;}
.laynext:hover,.layprev:hover{ background:#baa57b;}
.laynext:hover:after,.layprev:hover:after{color:#FFF;}
/*计数*/
.IndnumK{padding:32px 0 22px;}
.IndnumN{}
.IndnumH{ font-size:18px;line-height:32px;}
.IndnumH span{ font-size:32px;etter-spacing:-2px;}
.IndnumN p{ font-size:14px; line-height:20px;}
/*产品中心*/
.Indcen{padding-top:36px}
.IndcenK{ padding-top:36px;}
.IndcenP{bottom:12px;}
.IndcenP p{ border:1px solid #FFF;padding:0 11px; font-size:14px; line-height:28px;}
.Indcenw{width:45.3%;height: 370px;}
.Indcenw .IndcenP p{ padding:0 15px; font-size:16px; line-height:34px;}
.IndcenL{width:54.4%;align-content:space-between}
.IndcenL .Indcena{height: 183px;}
/*新闻资讯*/
.IndNew{padding:45px 0 75px;}
.IndNewK{ margin-top:35px;}
.IndNewI{ width:430px; height:266px;}
.IndNewN{width:100%; flex:1; padding:0 36px;}
.IndNewa{ border-bottom:1px solid #eaeaea; padding:6px 0; }
.IndNewD{font-size: 12px; line-height:20px;}
.IndNewP h3{ font-size: 14px; line-height:24px;height:24px;width: 85%;}
.IndNewa:hover .IndNewP h3{ color:#baa57b;}
.IndNewa:hover .IndNewP{background-size:16px;}
/*视频集锦*/
.IndVid{height:610px; padding-top:60px;}
.IndVidK{ padding-top:35px;}
.IndVidI{width:688px; height:385px;}
.IndVidT{ width:172px;}
.IndVidT li{width:100%; height:40px;}
.IndVida{ font-size: 13px;}
.play-btn {width: 60px;height: 60px;}
.play-btn i {border-width: 12px 0 12px 17px;}
}
@media screen and (max-width:959px ) and ( min-width:640px){
/* banner */
.banner .swiper-slide{height:470px;}
.banner .swiper-pagination-bullet{width:6px;height:6px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.banner .swiper-pagination-bullet-active:before{;border:1px solid #FFF;padding:2px; }
.banner .swiper-pagination-bullets {bottom:20px;}
/*title*/
.IndTit h3{font-size:20px; line-height:28px; padding-right:6px;}
.IndTit h3:before{width:48px;right:-36px;}
.IndTit p{font-size:14px; line-height:18px; margin-top:4px;}
/*耀江沉香产业园*/
.Indabo{background-size: auto 400px; padding:30px 0 60px}
.IndaboK{}
.IndaboW{width:100%; margin-bottom:28px;}
.IndaboW h3{ line-height:54px; font-size:20px;}
.IndaboW h3:before{width:54px; height: 2px;}
.IndaboWp{font-size:12px; line-height:20px; margin-top:14px;}
.IndaboN{width:100%;}
.IndaboI{height:292px;}
.IndaboP{ padding:0 15px 20px;bottom:0;}
.IndaboPH{ font-size:15px;line-height:44px;}
.IndaboPH:before{width:100%;}
.IndaboPD{ margin-top:15px;}
.IndaboPD h3{ font-size:14px; line-height:20px; margin-bottom:4px;}
.IndaboPD p{ font-size:12px; line-height:20px; height:80px;-webkit-line-clamp:4;}
.abonext,.aboprev{bottom:-16px;width:30px; height:30px;;}
.abonext:after,.aboprev:after {font-size:12px;}
.aboprev{right:33px}
/*产业布局*/
.Indlay{background-size: auto 450px;}
.IndlayK{padding:26px 0 36px;}
.IndlayK:before{right:80px; width:695px;}
.IndlayB{ margin-top:13px;}
.IndlayTit{width:450px;left:50px;top:25px;}
.IndlayTit .swiper-slide{width:20%;}
.IndlayTit .swiper-slide p{ font-size:14px; line-height:20px; height:30px;}
.IndlayTit .swiper-slide-thumb-active p{ font-size:16px;}
.IndlayTit .swiper-slide-thumb-active p:before{width:15px; height:8px;}
.IndlayTN{top:65px; left:30px;}
.IndlayTNP{width:540px; padding:12px 20px;font-size: 12px;line-height:20px;}
.IndlayTNf{ padding:10px 12px 0;}
.IndlayTNf a{width:23px;height: 23px;margin-right: 4px}
.IndlayTNf a span{font-size: 14px;}
.laynext,.layprev{width:26px; height:60px;}
.laynext:after, .layprev:after {font-size:16px;}
/*计数*/
.IndnumK{padding:32px 0 10px;}
.IndnumN{ width: 50%; margin-bottom:20px; text-align: center;}
.IndnumH{ font-size:18px;line-height:32px;justify-content:center; width:100%;}
.IndnumH span{ font-size:32px;etter-spacing:-2px;}
.IndnumN p{ font-size:14px; line-height:20px;}
/*产品中心*/
.Indcen{padding-top:25px}
.IndcenK{ padding-top:25px;}
.IndcenP{bottom:10px;}
.IndcenP p{ border:1px solid #FFF;padding:0 9px; font-size:12px; line-height:24px;}
.Indcenw{width:45.3%;height: 320px;}
.Indcenw .IndcenP p{ padding:0 12px; font-size:14px; line-height:30px;}
.IndcenL{width:54.4%;align-content:space-between}
.IndcenL .Indcena{height: 159px;}
/*新闻资讯*/
.IndNew{padding:35px 0 60px;}
.IndNewK{ margin-top:25px;}
.IndNewI{ width:100%; height:300px;}
.IndNewN{width:100%; flex:1; padding:15px 36px 20px;}
.IndNewa{ border-bottom:1px solid #eaeaea; padding:10px 0; }
.IndNewD{font-size: 12px; line-height:20px;}
.IndNewP h3{ font-size: 14px; line-height:24px;height:24px;width:100%;}
/*视频集锦*/
.IndVid{height:500px; padding-top:50px;}
.IndVidK{ padding-top:35px;}
.IndVidI{width:478px; height:267px;}
.IndVidT{ width:122px;}
.IndVidT li{width:100%; height:32px;}
.IndVida{ font-size: 12px;}
.play-btn {width: 50px;height: 50px;}
.play-btn i {border-width: 10px 0 10px 15px;}
}
@media only screen and (max-width:639px){
/* banner */
.banner .swiper-slide{height:1.7rem;}
.banner .swiper-pagination-bullet{width:0.04rem;height:0.04rem;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.03rem;}
.banner .swiper-pagination-bullet-active:before{;border:0.01rem solid #FFF;padding:0.02rem;width: 12px;height: 12px;}
.banner .swiper-pagination-bullets {bottom:0.1rem;}
/*title*/
.IndTit h3{font-size:0.15rem; line-height:0.2rem; padding-right:0.05rem;}
.IndTit h3:before{width:0.3rem;right:-0.2rem;}
.IndTit p{font-size:0.12rem; line-height:0.15rem; margin-top:0.03rem;}
/*耀江沉香产业园*/
.Indabo{background-size: auto 2.5rem; background-position: bottom left; padding:0.2rem 4% 0.4rem}
.IndaboK{}
.IndaboW{width:100%; margin-bottom:0.18rem;}
.IndaboW h3{ line-height:0.4rem; font-size:0.15rem;}
.IndaboW h3:before{width:0.4rem; height: 0.02rem;}
.IndaboWp{font-size:0.12rem; line-height:0.2rem; margin-top:0.1rem;}
.IndaboN{width:100%;}
.IndaboI{height: 2.96rem}
.IndaboP{ padding:0 0.1rem 0.2rem;bottom:0;}
.IndaboPH{ font-size:0.14rem;line-height:1.5;padding:.1rem 0;}
.IndaboPH:before{width:100%;}
.IndaboPD{ margin-top:0.12rem;}
.IndaboPD h3{ font-size:0.13rem; line-height:0.2rem; margin-bottom:0.02rem;}
.IndaboPD p{ font-size:0.12rem; line-height:0.15rem; height:0.75rem;-webkit-line-clamp:5;}
.abonext,.aboprev{bottom:-0.1rem;width:0.22rem; height:0.22rem;;}
.abonext:after,.aboprev:after {font-size:.11rem;}
.aboprev{right:0.24rem} 
/*产业布局*/
.Indlay{background-size: auto 100%; background-position: bottom right;}
.IndlayK{padding:0.25rem 0 0.3rem;}
.IndlayK:before{right:20%; width:90%;background-size: cover;height: 70%;background-position: left top;}
.IndlayB{ margin:0.15rem auto 0; width:92%;}
.IndlayTit{width:90%;left:5%;top:0.3rem;}
.IndlayTit .swiper-slide{width:20%;justify-content:center;}
.IndlayTit .swiper-slide p{ font-size:0.12rem; line-height:0.16rem; height:0.22rem;}
.IndlayTit .swiper-slide-thumb-active p{ font-size:0.13rem;}
.IndlayTit .swiper-slide-thumb-active p:before{width:0.1rem; height:0.05rem;}
.IndlayTN{top:0.6rem; left:4%; width:100%;}
.IndlayTNP{width:92%; padding:0.15rem 4%;font-size:0.11rem;line-height:0.15rem;}
.IndlayTNP p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:11;overflow: hidden;}
.IndlayTNf{ padding:10px 12px 0; }
.IndlayTNf a{width:.3rem;height: .3rem;margin-right: 4px}
.IndlayTNf a span{font-size: .14rem;}
.IndlayTNf i{flex: 0 auto;width: 75%}
.laynext,.layprev{width:0.16rem; height:0.5rem;}
.laynext:after, .layprev:after {font-size:0.11rem;}
.IndlayTU{height:auto;}
.IndlayTU .swiper-wrapper {height: 100% !important;}
.IndlayTUI{height: 100%;}
.IndlayTUI img {width: 100%;height: 100%;object-fit: cover;}
/*计数*/
.IndnumK{padding:0.4rem 4% 0.05rem;align-items: flex-start;}
.IndnumN{ width: 50%; margin-bottom:0.2rem; text-align: center;padding: 0 0.05rem;}
.IndnumH{ font-size:0.13rem;line-height:0.2rem;justify-content:center; width:100%;}
.IndnumH span{ font-size:0.22rem;}
.IndnumN p{ font-size:0.12rem; line-height:0.18rem;margin-top: .05rem}
/*产品中心*/
.Indcen{padding-top:0.25rem}
.IndcenK{ padding-top:0.2rem;}
.Indcena{ margin-bottom:0.02rem;}
.IndcenP{bottom:0.08rem;}
.IndcenP p{ border:0.01rem solid #FFF;padding:0 0.08rem; font-size:0.1rem; line-height:0.2rem;}
.Indcenw{width:100%;height: 2.54rem;}
.Indcenw .IndcenP p{ padding:0 0.1rem; font-size:0.11rem; line-height:0.24rem;}
.IndcenL{width:100%;align-content:space-between}
.IndcenL .Indcena{height: 1.1rem;}
/*新闻资讯*/
.IndNew{padding:0.25rem 0 0.35rem;}
.IndNewK{ margin-top:0.15rem;}
.IndNewI{ width:100%;}
.IndNewN{width:100%; flex:1; padding:0.06rem 5% 0.15rem;}
.IndNewa{ border-bottom:0.01rem solid #eaeaea; padding:0.08rem 0; }
.IndNewD{font-size:0.1rem; line-height:0.18rem;}
.IndNewP h3{ font-size:0.12rem; line-height:0.22rem;height:0.22rem;width:100%;}
/*视频集锦*/
.IndVid{padding:0.3rem 4% 0.3rem;}
.IndVidK{ padding-top:0.2rem;flex-direction: column-reverse;}
.IndVidI{width:100%; padding-bottom: 56.25%;}
.IndVidT{ width:100%; padding:0.1rem 0}
.IndVidT li{ height:0.3rem; margin:0 0.06rem}
.IndVida{ font-size:0.11rem;}
.play-btn {width: .4rem;height: .4rem;}
.play-btn i {border-width: 10px 0 10px 15px;}
}











@keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes loader {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}









@-webkit-keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw2 {
0% { -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0); }
50% {-webkit-transform: translate3d(8px, -5px, -10px);transform: translate3d(8px, -5px, -10px); }
75% {-webkit-transform: translate3d(-2px, -10px, 0);transform: translate3d(-2px, -10px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw3 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0); }
50% {-webkit-transform: translate3d(-5px, 10px, 0);transform: translate3d(-5px, 10px, 0); }
75% {-webkit-transform: translate3d(8px, 5px, 0);transform: translate3d(8px, 5px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} 
}
@keyframes i1cw3 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0); }
50% {-webkit-transform: translate3d(-5px, 10px, 0);transform: translate3d(-5px, 10px, 0); }
75% {-webkit-transform: translate3d(8px, 5px, 0);transform: translate3d(8px, 5px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@-webkit-keyframes i1cw4 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(2px, 0, 0);transform: translate3d(2px, 0, 0); }
50% {-webkit-transform: translate3d(-15px, 5px, 0);transform: translate3d(-15px, 5px, 0); }
75% {-webkit-transform: translate3d(10px, 2px, 0);transform: translate3d(10px, 2px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}
@keyframes i1cw4 {
0% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
25% {-webkit-transform: translate3d(6px, 0, 0);transform: translate3d(6px, 0, 0); }
50% {-webkit-transform: translate3d(-15px, 5px, 0);transform: translate3d(-15px, 5px, 0); }
75% {-webkit-transform: translate3d(10px, 2px, 0);transform: translate3d(10px, 2px, 0); }
100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); } 
}



.enlarge img{transition:all 0.3s;}
.enlarge:hover img{-ms-transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.IndChangeTabRight {-webkit-animation-name: changeTabRight__1s_Xw;animation-name: changeTabRight__1s_Xw;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}
@-webkit-keyframes changeTabRight__1s_Xw
{
	0%{opacity:0;visibility: hidden;}
	to{opacity:1;visibility: visible;}
}
@keyframes changeTabRight__1s_Xw
{
	0%{opacity:0;visibility: hidden;}
	to{opacity:1;visibility: visible;}
}

/*出的各分辨率媒体查询换算：*/
html {font-size: 625%;}


@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}



/*
display:flex;justify-content:space-between;align-items:center; flex-wrap:wrap;align-content:center
|flex-start|flex-end|center|space-between|space-around

overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;

transition:0.5s;
.IndEnvT:before,.IndEnvT:after{display:block;content:'';position: absolute;}
*/