/*内容样式*/
.container{ width: 100%; position: relative; background: url(bg01.jpg) no-repeat bottom center;}
.con01{position: absolute; top: -30px;z-index: 2;left: 50%; margin-left: -600px;}
.con01>.g-in{height: 60px; line-height: 60px;border-radius: 40px;overflow: hidden; background: #fff;box-shadow: 0 0px 20px rgba(0,0,0,0.1);}
.con01 .topScroll{width: 450px;padding-left: 86px;background: url(a03.png) no-repeat 40px center;}
.con01 .topScroll .bd li{font-size:14px;color: #333;line-height: 60px;position: relative;}
.con01 .topScroll .bd li a{display: block;max-width: 320px;color:#333; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.con01 .topScroll .bd li span{position: absolute;right: 0;top: 0;}
.con01 .tianq{width: 230px;margin-right:70px;}
.con01 .tianq iframe{ padding-top: 18px;}
.con01 .hot{width: 140px;border-top-right-radius:40px;border-bottom-right-radius:40px;background: #02795e; text-align: center; }
.con01 .hot .font{font-size: 14px;width: 32px;color: #ffffff;margin: 12px 15px 0;line-height: 18px;}
.con01 .hot .line{height: 30px;width: 1px;background:  #f19f9f;margin-top: 17px;}
.con01 .hot .fire{font-size: 14px;color: #ffde00;padding-left: 24px;margin-left: 15px;background: url(a05.png) no-repeat left center;}

.con01 .hot a { position: relative; display: inline-block; padding-right: 21px; font-size: 16px; color: #fff; }
.con01 .hot a::after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 0; height: 0; border-left: 8px solid #fff; border-bottom: transparent solid 8px; border-top: transparent solid 8px;  }

.con023 { position: relative; width: 100%; background-color: #e8f6f3; overflow: hidden; }
.con023 img { position: relative; left: 50%; width:1920px; margin-left:-960px; }
.con02{padding: 90px 0 60px;width: 1920px; position: relative; margin-left: -960px;left: 50%; background: url(a_bg.jpg)no-repeat center;}
.con02 .hd li {width: 25%;float: left;position: relative;}
.con02 .hd{position: relative;padding-bottom: 28px;margin-bottom: 50px;}
.con02 .hd:after{display: block;content: "";clear: both;position: absolute;bottom:0%;left: 50%; width:1920px;
height:2px;margin-left:-960px ;background: url(b_line.png)no-repeat center;}
.con02 .hd li a{width: 168px; height: 94px;display: block;margin:0 auto;}
.con02 .hd li:after{display: block;content: "";clear: both;position: absolute;bottom: -40%;left: 50%;width:22px;height:22px;background: url(b_a.png) no-repeat center;}
.con02 .hd li.li1:after{margin-left: -6px;}
.con02 .hd li.li2:after{margin-left: -13px;}
.con02 .hd li.li3:after{margin-left: -26px;}
.con02 .hd li.li4:after{margin-left: -34px;}
.con02 .hd li.on:after{ background: url(b_on.png) no-repeat center;}
.con02 .hd li.li1 a{background: url(zz01.png) no-repeat  center;}
.con02 .hd li.li2 a{background: url(zz02.png) no-repeat  center;}
.con02 .hd li.li3 a{background: url(zz03.png) no-repeat  center;}
.con02 .hd li.li4 a{background: url(zz04.png) no-repeat  center;}
.con02 .hd li.li1:hover a,
.con02 .hd li.li1.on a{background: url(zz01H.png) no-repeat  center;}
.con02 .hd li.li2:hover a,
.con02 .hd li.li2.on a{background: url(zz02H.png) no-repeat  center;}
.con02 .hd li.li3:hover a,
.con02 .hd li.li3.on a{background: url(zz03H.png) no-repeat  center;}
.con02 .hd li.li4:hover a,
.con02 .hd li.li4.on a{background: url(zz04H.png) no-repeat  center;}
.con02 .bd li{float: left;position: relative;margin-right: 12px;margin-bottom: 12px;}
.con02 .bd li.li3,
.con02 .bd li.li7{margin-right:0px;}
.con02 .bd li .title{width: 75%;padding:0 5% 0 20%;font-size: 16px;color: #ffffff;position: relative;line-height: 44px;height: 44px;transition: all 1s ease-in-out;position: absolute;bottom: 0;left: 0;z-index: 2;background: linear-gradient(to top , rgba(0,0,0,0.5),rgba(0,0,0,0.0) );}
.con02 .bd li .title:after{background: url(b05.png)no-repeat center;display: block;content: "";clear: both;position: absolute;top: 10px;left: 20px;width:24px;height:26px;}
.con02 .bd li.li1 .title:after{background: url(b05.png)no-repeat center;display: block;content: "";clear: both;position: absolute;top: 10px;left: 20px;width:24px;height:26px;}
.con02 .bd li.li1 .title{width: 85%;background: linear-gradient(to top , rgba(0,0,0,0.5),rgba(0,0,0,0.0) );padding:0 5% 0 10%;}
.con02 .bd li .productFont{width: 100%;height: 100%;position: absolute;background: rgba(0 ,0 , 0, 0.7);top: 0;left: 0;transition: all 0.6s ease-in-out;opacity: 0;text-align: center;}
.con02 .bd li .productFont i{position: relative;top: 26px;padding-left: 53px;display: block;/* text-align: right; *//* width: 78%; */}
.con02 .bd li .productFont s{width: auto;height: 62px;font-size: 16px;color: #fff;background: url(eyes.png) no-repeat left center;display: inline-block;margin: 56px auto 0;}

.con02C .bd {position: relative;padding-top: 78px;}
.con02 .bd li:hover .productFont{ width: 80%; height: 80%; left: 10%; top: 10%;opacity: 1;}
.con02 .bd li:hover .productFont s{ margin: 56px auto 0;}
.con02 .bd li:hover .title{opacity: 0;}
.con02 .bd li.li1 .img{ width:592px;height:290px;overflow: hidden;}
.con02 .bd li .img{ width:290px;height:290px;overflow: hidden;}
.con02 .bd li img{transition: all 0.6s ease-in-out;}
.con02 .bd li:hover img{transform: scale(1.1);}
.con02 .jp-btn {
	position:absolute;
	display:block;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:38px;
	line-height:38px;
	border:1px solid #064839;
	font-size:14px;
	color:#064839;
	background-color:transparent;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	transition:all .3s;
	z-index:0;
	text-align: center;
	width: 158px;
	border-radius: 40px;
	left: 50%;
	top: 0;
	margin-left: -80px;
	}
.con02 .jp-btn::before {background:#064839;border-radius: 40px;}
.con02 .jp-btn::before,
.con02 .jp-btn::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;}
.con02 .jp-btn::after {background:#fff;-webkit-transition:all .3s;border-radius: 40px;-moz-transition:all .3s;transition:all .3s;}
.con02 .jp-btn:hover {color: #fff;}
.con02 .jp-btn:hover:after { height: 0;left: 50%;top: 50%;width: 0;}
.con02 .bd .ba2 .li6,
.con02 .bd .ba2 .li7,
.con02 .bd .ba3 .li6,
.con02 .bd .ba3 .li7 { display: none; }
.con02 .bd li img { width: 290px; height: 290px; }
.con02 .bd li.li1 img { width: 592px; height: 290px; }

.con02 .bd .ba2 li.li1 .img,
.con02 .bd .ba3 li.li1 .img,
.con02 .bd .ba2 li.li1 img,
.con02 .bd .ba3 li.li1 img { height: 592px; }

.con02 .bd .ba2 li.li5,
.con02 .bd .ba3 li.li5{margin-right:0px;}


.con03{padding: 70px 0 52px;width: 1920px; position: relative;text-align: center; margin-left: -960px;left: 50%; background: url(b_bg.png)no-repeat center;}
.con03 .title{font-size: 24px; color: #ffffff;}
.con03 .content{font-size: 14px; color: #ffffff;margin: 36px 0 32px;line-height: 30px}
.con03 .jp-btn {position:relative;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;
	box-sizing:border-box;height:38px;line-height:38px;border:1px solid #fff;font-size:14px;color:#fff;
background-color:transparent;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;
text-align: center;margin: 0px auto 30px;width: 158px;border-radius: 40px;}
.con03 .jp-btn::before {background:#fff;border-radius: 40px;}
.con03 .jp-btn::before,
.con03 .jp-btn::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;}
.con03 .jp-btn::after {background:#083c35;-webkit-transition:all .3s;border-radius: 40px;-moz-transition:all .3s;transition:all .3s;}
.con03 .jp-btn:hover {color: #083c35;}
.con03 .jp-btn:hover:after { height: 0;left: 50%;top: 50%;width: 0;}

.con04{padding: 72px 0 0px;width: 1920px; position: relative;text-align: center; margin-left: -960px;left: 50%; background: url(c_bg.png)no-repeat center;}
.con04 .titleGin img{display: block;margin: 0 auto; width:168px; height:94px;}
.con04 .titleGin p{font-size: 16px; color: #333333;text-align: center;margin-bottom: 34px;}
.con04 .bd li {position: relative;}
.con04 .bd li .font{position: absolute;height: 360px;width: 360px; z-index: 2;top: 0; right: 0;background: rgba(8,60,53,0.9);}
.con04 .bd li .font .title a{width: 80%;display: block;padding: 48px 10% 20px; border-bottom: 1px solid #719187;font-size: 18px; color: #ffffff;
text-align: center;}
.con04 .bd li .font .content{padding: 30px;text-align: justify;font-size: 14px; color: #fff;line-height: 30px;}
.con04 .bd li .font .jp-btn {width: 160px;border-radius: 40px;height: 36px;line-height: 36px;text-align: center;font-size: 14px; color: #fff;
border: 1px solid #fff;display: block;margin: 0 auto;}
.con04 .bd li .font .jp-btn:hover{background:rgba(8,60,53,1); }
.con04 .bd li .img{ width:1200px; height:360px;overflow: hidden;}
.con04 .bd li img{transition: all 1.6s ease-in-out;}
/*.con04 .bd li :hover img{transform: scale(1.05);}*/
.con04 .hd{width: 1198px;height: 118px;border: 1px solid #d2d2d2;background: #fff;position: relative;overflow: hidden;top: 0; }
.con04 .hd .ul{width: 998px;border-left: 1px solid #d2d2d2;margin: 0 auto;}
.con04 .hd .ul li{width: 198px; float: left;border-right: 1px solid #d2d2d2;font-size: 60px;color: #bebebe;
text-align: center;line-height: 118px;position: relative;cursor: pointer;}
.con04 .hd .ul li.on{color: #2a6321;}
.con04 .hd .ul li.on:after{background: #2a6321;display: block;content: "";clear: both;position: absolute;bottom: 0%;left: 0%; 
width:100%; height:3px;}
.con04 .hd .sprev,
.con04 .hd .snext{width: 99px;height: 118px;position: absolute;top: 0;}
.con04 .hd .sprev{left: 0;background: url(c_prev.png)no-repeat center; }
.con04 .hd .snext{right: 0;background: url(c_next.png)no-repeat center; }

.con05{padding: 80px 0 0px;}
.con05 .picscroll{width: 1920px; position: relative;text-align: center; margin-left: -960px;left: 50%;
background: url(BG.jpg)no-repeat center;}
.con05 .titleGin img{display: block;margin: 0 auto; width:168px; height:94px;margin-bottom: 34px;}
.con05 .hd{text-align: center;margin-bottom: 40px;}
.con05 .hd ul{display: inline-block;}
.con05 .hd ul li{float: left;margin: 0 7px;}
.con05 .hd ul li a{width:126px; height: 40px;background: url(d_aon.png)no-repeat center;color: #333333;font-size: 16px;
text-align: center;line-height: 36px;display: block;}
.con05 .hd ul li.on a{background: url(d_on.png)no-repeat center;color: #fff; }
.con05 .picscroll{display: none;}
.con05 .picscroll>.g-in{position: relative;}
.con05 .picscroll li{width: 600px;float: left;position: relative;}
.con05 .picscroll li .font{position: absolute;height:100%;width: 300px; z-index: 2;top: 0; right: 0;background: rgba(255,255,225,0.9);}
.con05 .picscroll li .font .content{padding: 30px;text-align: justify;font-size: 16px; color: #333;line-height: 30px;margin-top: 76px;}
.con05 .picscroll li .font .jp-btn {width: 160px;border-radius: 40px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;
color: #333;border: 1px solid #333;display: block;margin: 0 auto;}
.con05 .picscroll li .font .jp-btn:hover{background:rgba(255,255,225,1); }
.con05 .prev,
.con05 .next{width: 42px;height: 80px;position: absolute;top: 0;top: 50%;margin-top: -21px;display: block;z-index: 5;}
.con05 .prev{left: 0;background: url(d_prev.png)no-repeat center; }
.con05 .next{right: 0;background: url(d_next.png)no-repeat center; }
.con05 .prev:hover{left: 0;background: url(d_prevH.png)no-repeat center; }
.con05 .next:hover{right: 0;background: url(d_nextH.png)no-repeat center; }