﻿.pbanner{ background:#f3f3f3 url(/productcn/images/hbg.jpg) no-repeat top center;width:100%; height:auto; position:relative; padding-bottom:50px; padding-top:20px;}
.wid1250{ max-width:1250px; margin:30px auto;position:relative;top:80px; }
.ptop{ margin-top:30px;}
.ptop img{ display:block; max-width:100%;}
.ptop img.lemar{ margin-left:60px;}
.pdom{}
.pdom img{ float:left;}
.pdom_ri{ float:left; position:relative; left:80px; top:120px;}
.describe{}
.describe h5{ width:140px; background:#8FC31F; color:#FFF; font-size:1.4rem; text-align:center; width:350px; line-height:40px; border-radius:10px; margin-bottom:10px;}
.describe p{ font-size:1.2rem; margin-top:20px;background:url(/productcn/images/lise.png) no-repeat left center; padding-left:30px;}
.martop{ margin-top:110px;}
.content{padding-top:100px;}

.wid1080{ max-width:1080px; margin:20px auto; padding-bottom:30px;}
.explain{ margin-top:80px;}
.explain_wen{ float:left; margin-top:30px;}
.explain_wen h4{font-size:1.4rem;border-radius:22px; width:165px;height:40px; border:2px solid #8FC31F;color:#8FC31F; line-height:35px; margin-bottom:20px;}
.explain_wen h4 span{border-radius:50%; background:#8FC31F; color:#FFF; width:38px; height:38px; display:block; float:left; margin-right:20px; line-height:35px;font-size:1.4rem; text-align:center; position:relative; top:-1px; left:-1px;}
.explain_wen h5{ color:#8FC31F;font-size:1.3rem; margin-bottom:20px;}
.explain_wen p{background:url(/productcn/images/lise2.png) no-repeat left 10px; padding-left:30px; font-size:1.2rem; margin-top:20px;}
.explain_ri{ float:right;}
.explain_le{ float:left;}
.posileft{ position:relative; left:150px; top:40px;}

/*新产品详情样式*/
.chanpbanner{width:100%; height:830px; position:relative; padding-bottom:10px; padding-top:0px;background:url(/productcn/images/214k.jpg) no-repeat center center;}

.stellar{width:100%; height:1000px; position:relative; padding-bottom:10px; padding-top:0px;background:url(/productcn/images/ster.jpg) no-repeat center center;}

.wid1230{max-width:1305px; margin:0px auto; padding-bottom:30px; padding-top:30px;}
.icgmb_titl{ text-align:center; margin:100px 0px;}
.icgmb{background:#f3f3f3 url(/productcn/images/4Kbg2.jpg) no-repeat center center; float:left;padding:80px; height:495px; width:433px}
.icgmbnone{ background:#FFF; border-radius:10px; width:360px; margin:0px 20px;box-shadow: 2px 2px 2px 1px #ccc;padding:0px; margin-top:80px; height:460px;}
.icgmbnone h4{ text-align:center;padding:40px; font-weight:normal;}
.icgmb h4{margin-bottom:20px;font-size:1.8rem;}
.icgmb p{font-size:1.2rem; margin-top:8px;}
.icgmb img{ display:block; margin-top:30px;}

.icgmb_dom{ max-width:1050px;margin:20px auto; padding-bottom:30px;}
.icgplain{ margin-top:80px;}
.icgplain_wen{ float:left; margin-top:10px;}
.icgplain_wen h5{ color:#333;font-size:1.8rem; margin-bottom:20px; margin-top:20px;}
.icgplain_wen p{font-size:1.2rem; margin-top:10px;}
.icgplain_ri{ float:right;}
.icgplain_le{ float:left;}
.icgleft{ position:relative; left:200px; top:10px;}


.zhineng{ width:100%; background:#f1f1f1; margin:30px auto 0 auto; padding-bottom:50px;}
.wid1050{ max-width:1050px; margin:30px auto;position:relative;top:80px;padding-bottom:120px;}
.zhititle{ text-align:center; margin:30px auto;}
.zhititle h5{font-size:2.8rem; color:#8FC31F;}
.zhititle p{font-size:1.8rem;}
.zhititle p span{color:#8FC31F;}
.zhi_conter{margin-top:70px;}
.zhi_conter h4{ font-size:1.8rem;margin-bottom:40px;}
.zhi_conter h4 span{font-size:1.2rem; font-weight:normal;}

.zhi_box{ float:left; width:48%; background:#FFF; padding:15px;}
.le2{ margin-left:4%;}
.zhi_box img{ display:block;}
.zhi_box p{ text-align:center; line-height:60px;font-size:1.2rem; padding-top:8px;}

.chanpmid{width:100%; height:918px; position:relative; padding-bottom:0px; padding-top:0px; background:url(/productcn/images/moshi.jpg) no-repeat center center;} /*更改*/
.chanduoke{width:100%; height:830px; position:relative; padding-bottom:0px; padding-top:0px; background:url(/productcn/images/214kdom.jpg) no-repeat center center;}

.adyoushi{max-width:1050px; margin:30px auto;position:relative;top:60px;padding-bottom:120px;}
.adtitle{ text-align:center; margin:30px auto;}
.adtitle h5{font-size:2.8rem;}
.adtitle p{font-size:1.8rem;}

.adyoushi_top{ margin-top:70px;}
.ad_box{ float:left;font-size:1.8rem; line-height:90px; width:39%; height:90px; border-right:2px solid #CCC; text-align:center;}
.ad_box20{width:21%;}
.ad_box h4{ float:left;color:#8FC31F;font-size:3.8rem; padding-left:20px;}
.ad_box p{ padding-top:12px;padding-right: 15px;}
.ad_box p.yingg{ position:relative; left:-12px;}
.ad_box h4.adv1{padding-left:10px;}
.ad_box h4 em{ font-weight:normal; font-style:normal; font-size:1.8rem; margin-left:10px;}
.adyoushi_dom{ text-align:center; margin-top:50px;}
.adyoushi_dom p{font-size:1.2rem;}


.chanp_cont{ max-width:1300px; margin:0 auto; position:relative;}
.chanp_meber{ position:absolute; left:5%; top:250px;}
.chanp_meber h4{font-size:4.2rem; color:#FFF; margin-bottom:20px;}
.chanp_meber img{ float:left; display:block;}
.chanp_meber p{ font-size:2.4rem; float:left; color:#a2ce4a; position:relative; bottom:8px;}

.stellar_meber{ position:absolute; left:5%; top:250px;}
.stellar_meber h4{font-size:4.8rem; color:#FFF; margin-bottom:20px; font-weight:bold;}
.stellar_meber img{ float:left; display:block;}
.stellar_meber p{ font-size:2.4rem; float:left; color:#fff; position:relative; bottom:8px;}


.quangong{width:100%; height:899px; position:relative; padding-bottom:10px; padding-top:0px;background:url(/productcn/images/stermo.jpg) no-repeat center center;}
.quangong_cont{ position:relative; left:80px;}
.wenzi h5{ font-size:3.2rem; padding-top:60px; font-weight:normal; color:#8FC31F;}
.wenzi p{ font-size:1.8rem;}

.miaos{ margin-top:60px; position:relative; top:290px; left:450px;}
.quangong .miaos p{ float:left; font-size:1.2rem; margin-left:100px;text-align: center;}
.quangong .miaos p.miaos_two{margin-left:215px;}
.quangong .miaos p.miaos_the{margin-left:200px;}


.stell3d{width:100%; height:1557px; position:relative; padding-bottom:10px; padding-top:0px;background:url(/productcn/images/3d.jpg) no-repeat center center;}
.stell3d h5{ position:relative;top:50px;left:45px;}


.shuangt{ position:relative; top:160px; left:240px;}
.shuangt p{font-size:1.6rem;}
.shuangt p.mar80{ margin-top:110px;margin-bottom:190px;}

.qxshipin{ background:#18171c; padding-bottom:50px;}
.qxshipin .shipinwid{}
.qxshipin h5{ text-align:center; padding-top:20px; padding-bottom:20px; font-size:3.8rem;}
.qxshipin p{ color:#FFF; text-align:center; padding-bottom:30px;}


.shuangg{width:100%; height:990px; position:relative; padding-bottom:10px; padding-top:0px;background:url(/productcn/images/touminh.jpg) no-repeat center center;}
.shug_boxx{ max-width:840px; margin:0 auto;}
.shug_boxx h5{ padding-top:180px; margin-bottom:40px;}
.miaos_big{ margin-top:30px;}
.miaosh{ float:left; width:50%; margin-top:40px;}
.miaosh p{ font-size:1.3rem; line-height:30px;}
.miaos_xian{ height:4px; background:#9C6; width:40px; margin-bottom:15px;}

.chanpchaix{width:100%; height:940px; position:relative; padding-bottom:10px; padding-top:0px;background:url(/productcn/images/qiang.jpg) no-repeat center center;}
.chanpchaix_conts{ max-width:1250px;margin:0 auto; position:relative; color:#FFF; padding-top:20px;}
.chanpchaix_conts h5{ margin-bottom:20px;}
.wenzi h5.white{ color:#FFF; padding-top:120px;}

.renxingh{width:100%; height:1920px; position:relative; padding-bottom:10px; padding-top:0px;background:url(/productcn/images/renxh.jpg) no-repeat center center;}

.chanpmid_conts{max-width:1300px; margin:0 auto; position:relative;}
.chanpmid_cont h4{font-size:3.2rem; margin-bottom:40px;}
.biaopei h5{font-size: 3.2rem;margin: 20px 0px;padding-top:60px;font-weight: normal;color: #8FC31F; padding-bottom:40px;}

.chanduoke_cont{ position:relative; top:260px;}
.chanduoke_cont h4{font-size:3.2rem; color:#FFF; margin-bottom:25px;}

.renleft{ position:relative; left:120px; top:70px;}
.renleft h5{ color:#8FC31F;font-size:2rem; margin:0px;}
.renleft p{ font-size:1.4rem;}

.zhuancleft{ position:relative; left:20px; top:70px;}
.zhuancleft h5{ color:#8FC31F; font-size:2rem; margin:0px;}
.zhuancleft p{ font-size:1.4rem;}


.moshi{ position:relative; left:0%;top:70px; color:#FFF;}
.moshi h4{font-size:3.2rem;}
.moshi p{font-size:2.4rem; margin-top:20px;}
.chanpmid_dongh{ position:relative; left:38%; top:250px;}

.circle { 
  background-color: none;
  border-radius: 50%;
  border:1px solid #FFF;
  position: relative;
  /*animation: blink 1s infinite;*/
  animation: blink 1.5s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 
@keyframes blink {
  0% {
    opacity: 0;
	width: 5px;
    height: 5px;
	transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
	width: 80px;
    height: 80px;
	transform: translate(-50%, -50%) scale(1.5); 
  }
}


.circlet { 
  background-color: none;
  border-radius: 50%;
  border:1px solid #FFF;
  position: relative;
  animation: blinkt 2s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 
@keyframes blinkt {
  0% {
    opacity: 0;
	width: 10px;
    height: 10px;
	transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
	width: 60px;
    height: 60px;
	transform: translate(-50%, -50%) scale(1.5); 
  }
}




@media (max-width:998px) /*手机端*/ {

.pbanner{ padding:15px;}
.ptop img.lemar{margin-left:0px;}
.pdom_ri{ top:30px; left:0px;}
.martop{ margin-top:50px; padding-bottom:20px;}


.wid1080{ padding:15px;}
.explain{margin-top:20px;}	
.posileft{ left:10px; top:10px;}
.describe p{font-size:1.1rem;}
.explain_wen p{font-size:1.1rem;}

.content{ text-align:center;padding-top:0px}
.wid1230{ padding-bottom:0px;}
.icgmb_titl{margin:30px auto; width:80%;}
.icgmb{ float:none; width:348px; height:400px;background:url(/productcn/images/4Kbgsj.jpg) no-repeat center center; margin:10px auto;padding:50px;}
.icgmb img{ margin-top:20px;}
.icgleft{left:80px;}
.icgsjleft{left:80px; bottom:30px; position:relative;}
.zhititle h5{font-size: 2.4rem;}
.zhititle p{font-size: 1.4rem;}
.zhititle{margin: 10px auto;}
.zhineng{ padding:10px;}
.zhi_box{ width:98%; float:none; margin-bottom:10px;}
.le2{ margin-left:0%;}
.adtitle h5{font-size: 2.4rem;}
.ad_box{ float:none; width:90%; border:none; margin:0 auto; text-align:left; height:auto;font-size: 1.6rem;}
.ad_box h4{font-size: 3.8rem;padding-left:10px;}
.adyoushi_dom p{font-size:1.2rem;}
.ad_box p.yingg{ left:0px;}
.adyoushi_top{ margin-top:10px;}
.adyoushi_dom{ margin-top:10px;}


.chanpbanner{ height:200px; background-size:cover;}
.chanpmid{height:200px; background-size:cover;}
.chanduoke{height:200px; background-size:cover;}

.chanpmid_dongh{ left:100%;top:40px;}
.chanp_meber{ position:absolute; left:8%; top:35px;}
.chanp_meber h4{font-size:1.4rem; color:#FFF; margin-bottom:10px;}
.chanp_meber img{ float:left; display:block; width:25%;}
.chanp_meber p{ font-size:1.1rem; float:left; color:#a2ce4a; position:relative; bottom:5px;}

.moshi{ position:absolute; left:8%;top:10px; color:#FFF;}
.moshi h4{font-size:1.4rem;}
.moshi p{font-size:1.1rem; margin-top:0px;}


.chanduoke_cont{top:50px; left:30px;}
.chanduoke_cont h4{font-size:1.3rem; margin-bottom:10px;}
.chanduoke_cont img{ width:50%;}


.stellar{ height:200px; background-size:cover;}
.stellar_meber{ top:40px;}
.stellar_meber h4{ font-size:1.4rem;}
.stellar_meber p {font-size:1.1rem;}
.quangong{height:650px; background:url(/productcn/images/stermosj.jpg) no-repeat center center; margin:10px auto;padding:10px; width:100%; background-size:100%;}
.chanpchaix{height:400px; background-size:cover;}


.miaos p{margin-left:10px; font-size:1rem !important;}
.miaos p.left180{margin-left:10px;}
.miaos{ margin-top:10px; right:0px; top:280px;}

.shuangg{height:auto; background-size:cover; padding:10px;background:url(/productcn/images/touminhsj.jpg) no-repeat top center; margin:10px auto;padding:10px; width:100%;background-size:100%;}
.shug_boxx h5{ padding-top:50px;}
.miaosh{ margin-top:10px;}
.miaosh p{ font-size:1.1rem;}
.biaopei h5{font-size:1.4rem; padding-top:40px; padding-bottom:10px;}
.icgplain{ margin-top:30px;}


.stell3d{height:auto;padding:10px; background:url(/productcn/images/3dsj.jpg) no-repeat top center; margin:10px auto;padding:10px; width:100%;background-size:100%;}
.stell3d h5{ top:-20px; left:20px;}
.shuangt{top:170px; left:20px;}
.shuangt p.mar80{ margin-top:30px;}

.icgmbnone { background:none; width:33%; height:auto; float:left; padding:10px;}
.icgmbnone h4{ font-size:1.2rem; padding:5px; margin-top:20px;font-weight: normal;}


.renxingh{height:auto; background-size:cover; padding:10px;}

.renleft{ left:30px; top:20px;}
.renleft h5{font-size:1.4rem;}
.renleft p{font-size:1.1rem;}

.zhuancleft{top:10px;left:30px;}
.zhuancleft h5{font-size:1.4rem;}
.zhuancleft p{font-size:1.1rem;}
.icgplain_ri{ position:relative; top:30px;}
.icgplain_le{ position:relative; top:10px;}


.wenzi{ padding:10px;}
.wenzi h5{font-size:1.4rem; padding-top:20px;}
.wenzi p{font-size:1.1rem;}
.wenzi h5.white{ padding-top:20px;}

@keyframes blink {
  0% {
    opacity: 0;
	width: 5px;
    height: 5px;
	transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
	width: 30px;
    height: 30px;
	transform: translate(-50%, -50%) scale(1.5); 
  }
}

@keyframes blinkt {
  0% {
    opacity: 0;
	width: 10px;
    height: 10px;
	transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
	width: 20px;
    height: 20px;
	transform: translate(-50%, -50%) scale(1.5); 
  }
}


}