@charset "utf-8";
/* CSS Document */
.index-title { position:relative; }
.index-title h2 { height:37px; line-height:37px; font-size:24px; color:#00B2A0; margin:0 0 21px; }
.index-title h2 a { float:right; color:#999; font-size:14px; }
.index-title small { font-size:12px; text-align: center; color:#FFF; display: block; padding:10px 5%; line-height: 1.8em;}
@media (min-width:1000px){
	.index-title h2 { font-size:28px; }
  .index-title small { font-size:14px; padding:10px 10%;}
}
@media (min-width:1280px){
	.index-title h2 { font-size:34px; }
  .index-title small { font-size:16px; padding:10px 20%;}
}

.index-news { background:url(http://hvsen.host2.cn/cms/public/home/bg1.jpg) center top no-repeat; background-size:100% 100%; padding:50px 0; }
.index-news-top { padding-left:0; padding-right:0; }
/* .index-news-top .swiper-pagination { width:20%; left:auto; right:10px; botom:25px; text-align: right; }
.index-news-top .swiper-pagination-bullet { background:#FFF; width:12px; height:12px; }
.index-news-top .swiper-pagination-bullet-active { background:#FFF; } */
.index-news-top .swiper-button-next { margin-top:0; top:0; right:0; left:auto; width:60px; height:100%; }
.index-news-top .swiper-button-prev { margin-top:0; top:0; left:0; width:60px; height:100%; }
.index-news-top .swiper-button-next i,.index-news-top .swiper-button-prev i  { margin:160px auto 0; display:block; width:37px; height:37px; background-color:rgba(255,255,255,0.5); background-repeat: no-repeat; background-position: center center; background-size: auto 50%; border-radius:18px; outline:none; }
.index-news-top .swiper-button-next i  { background-image:url('http://hvsen.host2.cn/cms/public/home/iconright.png'); }
.index-news-top .swiper-button-prev i { background-image:url('http://hvsen.host2.cn/cms/public/home/iconleft.png'); }
.indexCompanyNewsLeftImg { height:280px; position:relative; }
.indexCompanyNewsLeftImg img { width:100%; height:280px; }
.indexCompanyNewsLeftImg h4 { height:50px; line-height:50px; overflow: hidden; font-size:14px; color:#FFF; padding:0 80px; text-align: center; }
.index-news-top-titlebox { background-image:linear-gradient(to bottom,rgba(51,51,51,0) 0px,rgba(51,51,51,1) 100%);
background-repeat:repeat-x; position:absolute; width:100%; height:50px; left:0px; bottom:0px; z-index: 10;  }

.index-news-list { padding-left:50px; padding-right:50px; }
.index-news-list dl { height:auto; overflow:hidden; margin:0 0 24px; }
.index-news-list dl dt { line-height:1.5em; margin-bottom:5px; font-size:14px; max-height:1.5em; overflow: hidden; }
.index-news-list dl dt a { transition-duration: 0.3s; transition-property:color; }
.index-news-list dl dt a:hover { color:#00B2A0; }
.index-news-list dl dd { height:3.6em; line-height:1.8em; overflow:hidden; font-size:12px; }
.index-news-list dl dd a { color:#858585; }
.index-news-list dl dd a:hover {  }

.index-news-price-box { background:#F7F7F7; padding:10px; }
.index-news-price-box iframe { height:250px; }
@media (min-width:1000px){
  .indexCompanyNewsLeftImg h4 { font-size:18px; }
	.index-news-list dl dt { font-size:16px; }
  .index-news-list dl dd { font-size:14px; }
}
@media (min-width:1280px){
  .indexCompanyNewsLeftImg { height:380px; }
  .indexCompanyNewsLeftImg img { height:380px; }
  .index-news-list dl dt { font-size:18px; max-height:3em;}
  .index-news-price-box iframe { height:350px; }
}


.index-products { background:url(http://hvsen.host2.cn/cms/public/home/bg-product.jpg) center top no-repeat; background-size:100% 100%; padding:50px 0 0; }
.index-products .index-title h2 { color:#FFF; text-align: center; }
.index-prod-box { border-top:1px solid rgba(255,255,255,0.2); margin-top:50px; }
.index-prod-box ul { display:flex; justify-content:space-between; flex-wrap:wrap; }
  .index-prod-box li { width:33.333333%; height:200px; position: relative; border-right:1px solid rgba(255,255,255,0.2); }
  .index-prod-box li:last-child { border-right:none; }
  .index-prod-box li a { display:block; width:100%; height:100%; position: relative; }
  .index-prod-imgbox { position:absolute; left:0px; top:0px; width:100%; height:100%; }
    .index-prod-imgbox img { display:block; opacity:0; position:absolute; left:0px; top:0px; width:100%; height:100%; transition-duration:0.3s; transition-property:opacity; }
    .index-prod-imgbox-mask { display:block; position:absolute; opacity:0; left:0px; top:0px; width:100%; height:100%; background-image:linear-gradient(to bottom,rgba(27,118,109,0.1) 0px,rgba(27,118,109,100) 90%); background-repeat:repeat-x; transition-duration:0.3s; transition-property:opacity; }
  .index-prod-box li a:hover .index-prod-imgbox-mask { display:block; opacity:1; }
  .index-prod-box li a:hover .index-prod-imgbox img { display:block; opacity:1; }
  .index-prod-t { display:flex; position: absolute; opacity:0.7; bottom:50px; left:0; padding:0 30px; width:100%; transition-duration: 0.3s,0.3s; transition-property:bottom,opacity; }
  .index-prod-t span { display: block; padding:0 20px 0 0; font-size:20px; color:#FFF; opacity:0.8; font-weight:500; text-align: left; line-height: 2em; white-space:nowrap; transition-property:opacity; transition-duration: 0.3s; }
  .index-prod-t:after { content:''; display: inline-block; width:100%; margin-top:20px; height:1px; background:#FFF; }
	.index-prod-box li a:hover .index-prod-t { bottom:30px; opacity:1; }
	.index-prod-box li a:hover .index-prod-t span { opacity:1; }
  @media (min-width:1000px){
    .index-prod-box ul { flex-wrap:nowrap; }
    .index-prod-box li { width:16.6666667%; height:200px; }
  }
  @media (min-width:1480px){
  	.index-prod-box li { height:260px; }
    .index-prod-t { padding:0 55px; }
    .index-prod-t span { font-size:24px; }
    .index-prod-t:after { margin-top:24px; }
  }

.index-row3 { background:url(http://hvsen.host2.cn/cms/public/home/bg3.jpg) center top no-repeat; background-size:100% 100%; padding:70px 0 0; }
.index-row3 .container-box { display:flex; justify-content:space-between; flex-wrap:wrap; }
.index-row3-block  { width:50%; padding-top:0; padding-bottom:60px; }
.index-row3-block:nth-child(odd) { padding-left:10px;  padding-right:25px; }
.index-row3-block:nth-child(even) { padding-right:10px;  padding-left:25px; }
  .index-row3-box { width:100%; min-height:400px; background:#FFF; box-shadow: 3px 3px 5px 2px rgba(187, 187, 187, 0.4); padding:20px 30px; }

.chuansheng-icons { position:absolute; top:0; right:0; width:50%; list-style-type:none; margin: 0; padding:0; display: flex; justify-content: flex-end; }
  .chuansheng-icons li { width:32px; height:32px; border:1px solid #DDD; border-radius: 16px; margin-top:5px; margin-left:25px; position:relative; cursor: pointer; }
  .chuansheng-icons li i { display:block; width:30px; height:30px; border-radius: 15px; position: absolute; left:0; top:0; }
  .chuansheng-icons li .i-weixin { background:url(http://hvsen.host2.cn/cms/public/home/icon-weixin.gif) center center no-repeat; }
  .chuansheng-icons li .i-shipin { background:url(http://hvsen.host2.cn/cms/public/home/icon-shiping.gif) center center no-repeat; }
  .chuansheng-icons li .i-kuaishou { background:url(http://hvsen.host2.cn/cms/public/home/icon-kuaishou.gif) center center no-repeat; }
  .chuansheng-icons li .i-douyin { background:url(http://hvsen.host2.cn/cms/public/home/icon-douyin.gif) center center no-repeat; }
  .i-qrcode { display:none; position:absolute; left:-40px; top:40px; width:110px; height: 110px; border:1px solid #EEE; background:#FFF; box-shadow: 3px 3px 5px 2px rgba(187, 187, 187, 0.4); }
    .i-qrcode img { width:100%; height:100%; }
  .chuansheng-icons li:hover .i-qrcode { display:block; }

.index-row3-list { list-style-type:none; margin: 0; padding:0; }
  .index-row3-list li { list-style-type:none; }
  .index-row3-list li a { display: block; width:100%; font-size:16px; line-height: 2.5em; }
  .index-row3-list li a h3 { font-size:16px; line-height: 2.5em; height:2.5em; overflow: hidden; }
  .index-row3-list li a span { font-size:12px; float:right; margin-left:30px; color:#858585; }

.index-shijie ul { list-style-type:none; margin: 0; padding:0 0 7px; }
.index-shijie li { list-style-type:none; }
.index-shijie li:nth-child(odd) { padding-left:0; }
.index-shijie li:nth-child(even) { padding-right:0; }
.index-shijie li:hover a { }
  .index-shijie li h3 { height:44px; line-height:44px; font-size:18px; color:#000; font-weight:500; margin:0; overflow:hidden; }
  .index-shijie li img { width:100%; height:200px; }
  .index-shijie .index-item-view { width:120px; height: 30px; line-height: 30px; text-align: center; color:#FFF; background:#00B2A0; }
  .index-shijie li:hover .index-item-view { background:#1D7670; }

.index-wenhui ul { list-style-type:none; margin: 0; padding:0 0 7px; }
.index-wenhui li { list-style-type:none; }
.index-wenhui li a { display: flex; align-items: center; justify-content: flex-start; }
  .index-wenhui li h3 { width:80%; padding-left:30px; height:44px; line-height:44px; font-size:18px; color:#000; font-weight:500; margin:0; overflow:hidden; }
  .index-wenhui li img { width:120px; height:160px; border:1px solid #EEE; }
  .index-wenhui .index-item-view { text-align:right; }
  .index-wenhui .index-item-view i { display:block; width:47px; height: 47px; line-height: 47px; border-radius:25px; text-align: center; color:#FFF; background:rgba(0,178,160,0.2) url(http://hvsen.host2.cn/cms/public/home/icon3.png) center center no-repeat; transition:ease-in-out 0.5s; }
.index-xinyu .index-row3-box,.index-wenhui .index-row3-box { min-height:280px; }