@charset "UTF-8";
.hyoushi{ display:block; background:url(../../images/programme/ysbg1.jpg) center no-repeat; background-size:100%; background-attachment:fixed; padding:4% 0;}
.hyoushi .hyoushi_title{  font-size: 32px; color: #fff; text-align:center; line-height: 36px; font-weight:700;}
.hyoushi_body{ margin-top:3%;}
.hyoushi_body li{ float:left; width:25%; color:#fff; text-align:center;}
.hyoushi_body li img{ display:block; margin:0 auto 20px; max-width:120px;}
.hyoushi_body li span{ font-size:24px; font-weight:700; line-height:50px;}
.hyoushi_body li p{ font-size:18px;}

.hfuwu{ display:block; background:url(../../images/programme/bg1.jpg) center bottom no-repeat; background-size:100%; padding:4% 0; border-bottom:1px #eee solid;}
.hfuwu_con{ float:left; width: calc(50% - 40px);}
.hfuwu_con h2{ font-size: 32px; color: #000033; line-height: 36px; font-weight:700; }
.hfuwu_con em{ line-height:110px; color:#128f99; font-size:24px; font-weight:100; font-style:normal;}
.hfuwu_con p{ font-size:16px; line-height:32px;}
.hfuwu_img{ float:right; width:50%;}
.hfuwu_img img{ display:block; width:100%;}

.habout{ display:block; background:url(../../images/programme/abbg1.jpg) center bottom no-repeat; background-size:100%; background-attachment:fixed; border-bottom:1px #eee solid; color:#fff; text-align:center; overflow:hidden;}
.habouts{ background-color:rgba(0,0,0,0.35); padding:4% 0 17%; position:relative;}
.habout em{ font-size: 32px; line-height:60px; font-weight:700;}
.habout span{ display:block; font-size:24px; line-height:60px;}
.habout p{ font-size:16px; line-height:32px; max-width:1000px; margin:0 auto; position:relative; z-index:10;}
.habouts img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80%;
    margin: auto;
	animation: rotoImg 30s linear 0s infinite;
    z-index: 1;
    width:50%;
}
@keyframes rotoImg{
from{
	transform: rotate(0deg);
}
to{
	transform: rotate(360deg);
} 
}

.hproduct_tit{ display:block; padding:1% 0 2%; text-align:center;}
.hproduct_tit span{ font-size:32px; line-height:70px; font-weight:700; position:relative; display:inline-block; color:#222;}
.hproduct_tit span i{ color:#128f99; font-style:normal;}
.hproduct_tit span:before{ position:absolute; width:80px; height:3px; background:#ddd; content:""; left:50%; bottom:0; margin-left:-40px;}
.hotpro{ padding:20px 0; background:url(../../images/programme/bg.jpg) center no-repeat; background-attachment:fixed; background-size:100%;}
.hotpro li{ border:5px #128f99 solid; border-radius:20px; padding:20px 30px; background:#fff; margin:40px 0px; box-shadow:0px 0px 12px #999;}
.hotpro li:nth-child(2n){}
.hotpro li:nth-child(2n+1){}
.hotpro li .hotpros_img{ width:40%;}
.hotpro li .hotpros_imgs{ width: calc(21% - 30px); margin:0 15px;}
.hotpro li .hotpros_con{ width:39%;}
.hotpro li:nth-child(2n) .hotpros_img{ float:left;}
.hotpro li:nth-child(2n) .hotpros_imgs{ float:left;}
.hotpro li:nth-child(2n) .hotpros_con{ float:right;}
.hotpro li:nth-child(2n+1) .hotpros_img{ float:right;}
.hotpro li:nth-child(2n+1) .hotpros_imgs{ float:right;}
.hotpro li:nth-child(2n+1) .hotpros_con{ float:left;}
.hotpros_img img{ display:block; width:100%; border-radius:10px;}
.hotpros_imgs img{ display:block; width:100%; border-radius:10px; margin-bottom:15px;}
.hotpros_con div{ padding:5% 8%; display:block;}
.hotpros_con div em{ font-size:24px; line-height:60px; font-weight:700; font-style:normal; color:#128f99;}
.hotpros_con div p{ font-size:16px; color:#555; line-height:28px; margin:15px 0 35px;}
.hotpros_con div a{ display:inline-block; border:1px #888 solid; color:#888; padding:10px 35px; transition:.5s; border-top-left-radius:10px; border-bottom-right-radius:10px;}
.hotpro li:hover .hotpros_con div a{ background:#128f99; border:1px #128f99 solid; color:#fff;}

.led-ys-d {
	position: relative;
	z-index: 9;
	top: -60px;
	padding-bottom: 30px;
}
.led-ys {
	padding: 20px 10px 20px 20px;
	position: relative;
	z-index: 1;
	box-shadow: 0px 5px 20px 0px #dddddd3b;
	transition: .5s;
	overflow: hidden;
	border-radius:30px;
}
.led-ys::before {
	background-color: rgba(18,143,153,0.2);
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 200px;
	content: "";
	z-index: -1;
	border-radius: 0 0 200px 0;
	transition: .5s;
}
.led-ys-in {
	text-align: center;
}
.led-out {
	background-color: #FFFFFF;
	transition: background 1s;
	border-radius: 30px 30px 30px 30px;
	box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
}
.led-ys-in i {
	width: 80px;
	display: inline-block;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-size: 25px;
	border-radius: 50%;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.led-ys-in i img{ display:block; width:90%; margin:0 auto;}
.led-ys-title {
	padding: 0 10px;
	overflow: hidden;
}
.led-ys-title h3 {
	font-size: 20px;
	line-height: 1.6;
	font-weight: 400;
	padding: 0;
	-webkit-transition: .5s;
	transition: .5s;
	margin: 10px 0 15px;
}
@media screen and (max-width:1560px){
.led-ys-title h3{ font-size:15px;}
}
.led-ys-desc p {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	-webkit-transition: .5s;
	transition: .5s;
}
.led-out:hover {
	cursor: default;
}
.led-ys:hover::before {
	width: 100%;
	height: 100%;
	border-radius: 0px;
	background: #128f99;
	border-radius: 25px;
}
.led-ys:hover .led-ys-title h3 {
	color: #FFFFFF;
}
.led-ys:hover .led-ys-desc p {
	color: #FFFFFF;
}
.screen {
	overflow: hidden;
	padding-bottom: 25px;
}
.display-pc {
	display: block;
}
@media only screen and (min-width:960px){
.col-md-3 { width: 23%; margin-left: 1%; margin-right: 1%; float: left; }
}
@media only screen and (max-width:960px) and (min-width:560px){
.col-md-3 { width: calc(50% - 20px); float: left; margin:0 10px 20px;}
}
@media only screen and (max-width:560px){
.col-md-3 { margin-bottom:20px;}
}

.ys_tit { height:100px; text-align:center; box-shadow:0px 0px 12px #aaa; border-radius:10px; overflow:hidden; margin-top:4%;}
.ys_tit span { font-size:18px; float:left; width:20%; line-height:100px; background:#fff; cursor: hand; cursor: pointer; transition:.5s;}
.ys_tit span.hover { background:#128f99; cursor: hand; color:#fff;}
.ys_body_con{ line-height:28px; float:left; width:48%; color:#666;}
.ys_body_con span{ display:block; font-size:28px; line-height:80px; color:#333; font-weight:700;}
.ys_body_con p{}
.ys_body_img{ float:right; width:48%;}
.ys_body_img img{ display:block; width:100%; border-top-left-radius:25px; border-bottom-right-radius:25px;}


.wenzi {
	position: absolute;
	top:35%;
	color: white;
	width: 100%; transform: translateY(-50%);
}
.wenzi img{ display:block; margin:0 auto;}

.product_bg{ height: 764px; margin-top:33px;}
.product_top{ width:395px; height:640px; padding:12px;box-sizing: border-box;background:#eee; float:left; }
.product_top li{display:block; width:50%;height:122px; padding:20px 10px; box-sizing: border-box; float:left;position: relative;cursor: pointer;box-sizing: border-box; border:1px #eee solid;background:#fff;}
.product_top li.on{background:#128f99;}
.product_top li i{ float:left; width:80px; height:80px; overflow:hidden; border-radius:50%; margin-right:10px; border:2px #fff solid;}
.product_top li i img{ height:100%;}
.product_top li span{ line-height:80px; font-size:16px; font-weight:100; color:#666; transition:.5s;}
.product_top li.on span{ color:#fff;}
    
.product_body{ width: calc(100% - 395px); float:right;}
.product_body dl{height:640px;position: relative; overflow:hidden;}
.product_body dl ul{ position:relative;}
.product_body dl ul img{ display:block; width:100%;}
.product_body dl ul div{ position:absolute; z-index:10; bottom:10%; left:15%; width:70%; background-color:rgba(255,252,255,0.85); padding:25px; border-radius:10px;}
.product_body dl ul div img{ height:150px; width:auto; float:left; margin-right:20px;}
.product_body dl ul div em{ font-size:18px; font-weight:700; font-style:normal; line-height:45px;}
.product_body dl ul div p{ line-height:25px;}
.product_body dl ul div a{ background:#999; display:inline-block; padding:8px 25px; margin-top:8px; color:#fff; border-top-left-radius:10px; border-bottom-right-radius:10px;}
.product_body dl ul div:hover a{ background:#128f99;}