/*首页*/
.banner-sec {display: flex; height: 700px;}
.banner-sec .img-box {width: 70%; position: relative;}
.banner-sec .img-box img {object-fit: cover;}
.banner-sec .img-box .word-part {position: absolute; top: 180px; left: 20%; color: #CDF72B; font-size: 60px; font-weight: bold; letter-spacing: 5px;}
.banner-sec .img-box .word-part .word-icon {display: block; width: 80px; height: 80px;}
.banner-sec .green-box {width: 30%; background-color: #CDF72B; position: relative;}
.banner-sec .green-box .video-part {height: 520px; position: absolute; top: 120px; left: -300px; cursor: pointer;}
.banner-sec .green-box .video-part img {object-fit: contain;}

/*简介*/
.info-sec {padding-top: 60px; padding-bottom: 60px; background: url('/static/shihe/home/bg1.jpg') no-repeat right; background-size: contain;}
.info-sec .word-part h5 {color: #fff; font-size: 3em; margin-bottom: 25px;}
.info-sec .word-part p {color: #aaa; line-height: 28px; margin-bottom: 3em;}
.info-sec .img-part {display: flex; justify-content: center; width: 100%; flex-wrap: wrap;}
.info-sec .img-part img {width: 30%; margin-right: 3%}
.info-sec .img-part img:last-child {margin-right: 0;}
.info-sec .bg-box  {position: absolute; right: 0; width: 30%;}

/*产品*/
.product-sec {padding-top: 60px; overflow: hidden;}
.product-sec .title-box {text-align: center;}
.product-sec .title-box h5 {color: #fff; font-size: 3em; margin-bottom: 25px;}
.product-sec .title-box p {color: #aaa; line-height: 28px;}
/*产品特性*/
#pro-fea {position: relative;}
#pro-fea .word-box {background-color: #CDF72B; padding: 60px 0 120px; width: 100%;}
#pro-fea .word-box .title-part {color: #000; font-size: 3em; font-weight: bold; text-align: center; margin-bottom: 70px; margin-top: 20px;}
#pro-fea .word-box .content-part {margin-top: 2em;}
#pro-fea .word-box .content-part h5 {color: #000; font-size: 2em; font-weight: bold; margin-bottom: 1em;}
#pro-fea .word-box .content-part p {color: #000; margin-bottom: 2em; font-size: 16px; line-height: 30px;}
/*#pro-fea .word-box .img-part {position: absolute; top: 13em; left: 0;}*/
#pro-fea .word-box .img-part {padding: 0 30px;}
#pro-fea .word-box .img-part img {width: 100%;}
#pro-fea .word-box .icon-part {display: flex;}
#pro-fea .word-box .icon-part a:hover {text-decoration: none;}
#pro-fea .word-box .icon-part img {width: 5em; margin: 10px 2em;}
#pro-fea .word-box .icon-part b {text-align: center; display: block; width: 100%; color: #000;}

/*核心技术*/
.tech-sec {padding: 80px 15px;}
.tech-sec .title-box {text-align: center; color: #fff; margin-bottom: 40px;}
.tech-sec .title-box h4 {font-size: 3em;}
.tech-sec .title-box span {font-size: 16px; color: #aaa; padding: 15px 0 20px; display: block;}
.tech-sec .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: #CDF72B; border: 1px solid #CDF72B; color: #000}
.tech-sec .nav-tabs {border-bottom: 1px solid #CDF72B;}
.tech-sec .nav-tabs > li > a {color: #fff;}
.tech-sec .nav-tabs > li > a:hover {background-color: #CDF72B; border-color: #CDF72B;}
.tech-sec .tab-pane {border-left: 1px solid #CDF72B; border-right: 1px solid #CDF72B; border-bottom: 1px solid #CDF72B;}
.tech-sec .tab-pane .container {padding: 20px 40px;}
.tech-sec .tab-pane .word-box h5 {font-size: 26px; color: #CDF72B; margin: 20px 0;}
.tech-sec .tab-pane .word-box p {color: #aaa; line-height: 30px}
.tech-sec .tab-pane .btn-box a {display: inline-block; padding: 10px 20px; background-color: #CDF72B; color: #000; margin: 20px 0;}
.tech-sec .tab-pane .btn-box a:hover {text-decoration: none;}

/*查看更多*/
.link-sec {padding: 0px 0 60px;}
.link-sec .title-box {padding: 0 60px; text-align: center;}
.link-sec .title-box>b {font-size: 40px; color: #fff; display: block; margin-top: -50px;}
.link-sec .title-box>a {display: inline-block; padding: 10px 20px; background-color: #CDF72B; color: #000; margin: 20px 0;}
.link-sec .title-box a:hover {text-decoration: none;}
.link-sec .link-box {padding: 40px 0; overflow: hidden;}
.link-sec .link-box .link-part {display: block; margin-bottom: 30px; margin-right: 30px; position: relative; width: 360px; height: 230px; padding-left: 0; padding-right: 0; overflow: hidden;}
.link-sec .link-box .link-part:nth-child(3n) {margin-right: 0px;}
.link-sec .link-box .link-part img {object-fit: cover;}
.link-sec .link-box .link-part .title-block {width: 360px; height: 230px; padding: 40px 20px; background-color: #CDF72B; position: absolute; top: 230px; transition: all .3s ease-in-out;}
.link-sec .link-box .link-part:hover .title-block {top: 0;}
.link-sec .link-box .link-part .title-block>b {display: block; text-align: center; color: #000; padding: 10px 10px 20px; font-size: 20px;}
.link-sec .link-box .link-part .title-block .link-btn {margin: 0 60px; padding: 15px; border: 2px solid #000; border-radius: 5px; text-align: center; color: #000; font-size: 16px;}

@media (min-width: 768px) {
	
}
@media (max-width: 767px) {
	/*首页*/
	.banner-sec {display: block; padding-top: 62px; height: auto; max-height: 700px;}
	.banner-sec .img-box {width: 100%; position: relative; height: 500px;}
	.banner-sec .img-box .word-part {top: 50px; left: 42%; font-size: 30px;}
	.banner-sec .img-box .word-part .word-icon {display: none;}
	.banner-sec .green-box {width: 100%; background-color: #CDF72B; position: relative;}
	.banner-sec .green-box .video-part {height: 280px; position: absolute; top: -320px; left: 20%;}

	/*简介*/
	.info-sec {padding-top: 40px;}
	.info-sec .word-part h5 {font-size: 2em;}

	/*产品*/
	.product-sec {padding-top: 40px;}
	.product-sec .title-box h5 {font-size: 2em;}
	/*产品特性*/
	#pro-fea {position: relative;}
	#pro-fea .mword-box {background-color: #CDF72B; padding: 40px 20px; width: 100%;}
	#pro-fea .mword-box .title-part {color: #000; font-size: 2em; font-weight: bold; margin-bottom: 1em;}
	#pro-fea .mword-box .icon-part {display: flex; justify-content: center;}
	#pro-fea .mword-box .icon-part a:hover {text-decoration: none;}
	#pro-fea .mword-box .icon-part img {width: 4em; margin: 10px 1em;}
	#pro-fea .mword-box .icon-part b {text-align: center; display: block; width: 100%; color: #000;}
	#pro-fea .mword-box .content-part {margin-top: 3em;}
	#pro-fea .mword-box .content-part h5 {color: #000; font-size: 1.5em; font-weight: bold; margin-bottom: 1em;}
	#pro-fea .mword-box .content-part p {color: #000; margin-bottom: 3em;}
	#pro-fea .mword-box .img-part {}
	#pro-fea .mword-box .img-part img {width: 100%;}

	/*核心技术*/
	.tech-sec {padding: 40px 15px;}
	.tech-sec .title-box {margin-bottom: 20px;}
	.tech-sec .title-box h4 {font-size: 2em;}
	.tech-sec .title-box span {padding: 5px 0 5px;}
	.tech-sec .tab-pane .container {padding: 10px 25px;}
	.tech-sec .tab-pane .word-box h5 {font-size: 20px;}
	.tech-sec .tab-pane .word-box p {line-height: 26px;}
	.tech-sec .tab-pane .btn-box a {padding: 5px 20px; margin: 10px 0;}

	/*查看更多*/
	.link-sec {padding: 0px 0 40px;}
	.link-sec .title-box {padding: 0 15px; text-align: center;}
	.link-sec .title-box>b {font-size: 20px; margin-top: 10px;}
	.link-sec .title-box>a {margin: 10px 0; padding: 5px 20px;}
	.link-sec .link-box {padding: 40px 0 0; overflow: hidden;}
	.link-sec .link-box .link-part {margin-right: 0; padding-left: 0px; padding-right: 0px; margin: 0 auto 20px;}
	.link-sec .link-box .link-part:nth-child(3n) {margin-right: auto;}
	
}