/*内容样式*/
.container {width:100%;position:relative;height:auto;}
.content01{padding: 120px 0 80px; background: #eff0f4; }

.titleGin{text-align: center;font-size:46px ;color: #333333;}

.content01 .titleGin{text-align: left;font-size:32px ;margin-bottom: 50px;}
.content01 .fl .content{font-size: 14px; color: #666;line-height: 32px; width: 400px;margin-bottom: 40px;text-align: justify;}
.content01R{ width: 582px; }
.content01R .picList li{float: left;margin: 5px; border: 1px solid #a1a6ae; border-radius: 10px;overflow: hidden;}
.content01R .picList li .pic{ overflow:hidden;width:100%; height: 100%;}
.content01R .picList li .pic img{transition:all 0.6s ease-in-out;}
.content01R .picList li:hover .pic img {transform:scale(1.1);}
.content01R .picList li .title{ background: #284067; height: 50px; text-align: left; line-height: 50px;padding-left: 16px;position: relative;}
.content01R .picList li .title a{color: #fff;}
.content01R .picList li .title:before{display: block;content: "";clear: both;position: absolute;top: 25px;right: 25px; width:8px; height:14px;}
.content01R .multipleColumn{position: relative;}
.content01R .multipleColumn .prev,
.content01R .multipleColumn .next{position: absolute; bottom: -80px; text-align: center; width: 52px; height: 51px;display: none;}
.content01R .multipleColumn .prev{left: 40%; background: url(prev.png) no-repeat center top;}
.content01R .multipleColumn .next{right: 40%; background: url(next.png) no-repeat center top;}
.content01R .multipleColumn .prev:hover{background: url(prev.png) no-repeat center bottom;}
.content01R .multipleColumn .next:hover{ background: url(next.png) no-repeat center bottom;}

.content02{padding: 115px 0 140px;background: url(bg.jpg) no-repeat center; width: 1920px; position: relative; margin-left: -960px;left: 50% }
.content02 .titleGin{color: #fff;}
.content02 .content{color: #fff;font-size: 14px;line-height: 30px;padding: 70px 0 80px; width: 920px; text-align: center;margin: 0 auto;}
.content02 .bd{width: 1100px; position: relative;margin: 0 auto;}
.content02 .bd li .title{color: #fff;font-size: 14px;line-height: 40px;text-align: center;}
.content02 .bd ul{ width: 100%; }
.content02 .bd li {float: left;margin:0 35px;}
.content02 .bd li .pic{ width: 114px; height: 114px; border: 1px solid #fff; border-radius: 50%;}
.content02 .bd li .pic img{display: block; margin: 0 auto;margin-top: 28px;}
.content02 .bd li .pic .img01{ display: block;}
.content02 .bd li .pic .img02{ display: none;}
.content02 .bd li:hover .pic .img01{ display: none;}
.content02 .bd li:hover .pic .img02{ display: block;}
/*.content02 .bd li:nth-of-type(1) .pic{ background: url(ico01.png) no-repeat center; }
.content02 .bd li:nth-of-type(2) .pic{ background: url(ico02.png) no-repeat center; }
.content02 .bd li:nth-of-type(3) .pic{ background: url(ico03.png) no-repeat center; }
.content02 .bd li:nth-of-type(4) .pic{ background: url(ico04.png) no-repeat center; }
.content02 .bd li:nth-of-type(5) .pic{ background: url(ico05.png) no-repeat center; }
.content02 .bd li:nth-of-type(6) .pic{ background: url(ico06.png) no-repeat center; }
.content02 .bd li:nth-of-type(1):hover .pic{ background: url(ico01H.png) no-repeat center; }
.content02 .bd li:nth-of-type(2):hover .pic{ background: url(ico02H.png) no-repeat center; }
.content02 .bd li:nth-of-type(3):hover .pic{ background: url(ico03H.png) no-repeat center; }
.content02 .bd li:nth-of-type(4):hover .pic{ background: url(ico04H.png) no-repeat center; }
.content02 .bd li:nth-of-type(5):hover .pic{ background: url(ico05H.png) no-repeat center; }
.content02 .bd li:nth-of-type(6):hover .pic{ background: url(ico06H.png) no-repeat center; }*/
.content02 .picScroll-left{position: relative;}
.content02 .picScroll-left .prev,
.content02 .picScroll-left .next{position: absolute; bottom: 50%;margin-bottom: -8px; text-align: center; width: 24px; height: 44px;display: block;}
.content02 .picScroll-left .prev {right: 0%; background: url(prev02.png) no-repeat center;}
.content02 .picScroll-left .next {left: 0%; background: url(next02.png) no-repeat center;}
.content02 .clickMore{ width: 162px; height: 51px;cursor: pointer; border: 1px solid #fff; margin: 98px auto 0;font-size: 16px; color: #fff; line-height: 51px; text-align: center; }
.content02 .clickMore:hover {  background: #fff; color: #666; }

/*点击样式*/
.carebox{width: 100%; height: 100%; position: relative;display: none;}
.carebox .onclick{ position: fixed; z-index: 10;background:#fff;padding:30px 180px;
top: 50%;left: 50%;bottom: auto;right: auto;display: block;margin-left: -630px; margin-top: -22%;  background: #fff;}
.carebox .onclick .title{ padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #ccc;text-align: center;font-size: 24px;color: #333; }
.carebox .onclickcenter{ position: relative; width: 900px;}
.carebox .onclickcenter form{padding: 0 30px;}
.carebox .onclickcenter .btn01{ position: absolute; right: -18%; top: -24px;  width: 32px;background: url(xx01.png) no-repeat center; height: 32px;}
.carebox .onclickcenter .btn01 a{ display: block; background: none ; width: 24px;height: 24px;}
.carebox .onclickcenter .text01{border-radius: 8px;margin: 16px 22px;position: relative;overflow: hidden;float: left;}
.carebox .onclickcenter .text01 label{font-size: 14px;border-radius: 8px; color: #666666 ;display:block;color: #333;font-weight: bold;margin-bottom: 10px;}
.carebox .onclickcenter .text01 label i{color: #ff0000;padding-left: 5px;vertical-align: top;}
.carebox .onclickcenter .text01 input,
.carebox .onclickcenter .text01 select{width: 360px; padding-left: 10px;color: #999999;height: 36px; border: 1px solid #999;
	border-radius: 8px; line-height: 36px; font-size: 14px; }
.carebox .onclickcenter .text01 select{width: 372px;}
.carebox .onclickcenter .text01 {position: relative;}
.carebox .onclickcenter .text01 span.select{width: 360px;padding-left: 10px;color: #999999;height: 34px;border-radius: 8px;line-height: 36px;
font-size: 14px;display: block;position: absolute;top: 32px;right: 1px;background: url(xiala.png) no-repeat center #fff;width: 30px; }
.carebox .onclickcenter .text01 select{left:0;top:0;/*opacity:0;filter:alpha(opacity=0);*/ color:#505050;}
.carebox .onclickcenter .text01:nth-of-type(1) input{background: url(form01ico01.png) no-repeat 5% center;}
.carebox .onclickcenter .text01:nth-of-type(2) input{background: url(form01ico02.png) no-repeat 5% center;}
.carebox .onclickcenter .text01:nth-of-type(3) input{background: url(form01ico03.png) no-repeat 5% center;}
.carebox .onclickcenter .timeWj label{ width: 40%;}
.carebox .onclickcenter .timeWj input{width: 46%;}
.carebox .onclickcenter .timeWj::after{background:url(time001.png) no-repeat center;content: "";right: 5px;}
.carebox .text02 input{ width:160px; height: 51px; background: #284067; line-height: 51px;margin-left:auto;
display: block;text-align: center; font-size: 16px; color: #fff; }
.carebox .text02 input:hover{ background: #ae0304;}
.carebox .text02{padding-top: 88px;float: right}
.carebox .onclickcenter .cenzhao{width: 100%;height: 100%;background-color: #000;position: absolute;top: 0;left: 0;z-index: 2;opacity: 0.7;filter: alpha(opacity=70);display: none;}
.carebox .onclickcenter .bz{line-height: 30px;font-size: 14px; color: #666; text-align: center;margin-top: 20px;
padding-left: 5px;background: url(form01ico.png)no-repeat left center;}
.carebox .onclickcenter .bz i{color: red;  }
.cenzhao{width: 100%;height:5000px;background-color: #000;position: absolute;top: 0;left: 0;z-index: 6;opacity: 0.7;
    filter: alpha(opacity=70);display: none;}


.content03{background: #294570; position: relative;}
.content03 .box01{ width: 554px;position: relative;left: 50%; margin-left: -600px;display: inline-block; }
.content03 .box01 .titleGin{color: #fff; text-align: left;padding-bottom: 60px;padding-top: 108px;}
.content03 .box01 .content{font-size: 14px; color: #ffffff;line-height: 32px;text-align: justify;}
.content03 .box01 .p01{padding-bottom: 20px;}
.content03 .box01 .more{ width: 162px; height: 52px;cursor: pointer; border: 1px solid #fff; margin: 98px  0 50px;
font-size: 16px; color: #fff; line-height: 52px; text-align: center; display: block;}
.content03 .box01 .more:hover {  background: #fff; color: #666; }
.content03 .video{width: 45%;float:right; overflow: hidden;position: relative;}
.content03 .video:after{ width: 100%; height: 100%;position: absolute; content: "";left: 0; top: 0; background: rgba(0,0,0,0.5);
opacity: 0; z-index: 1;transition: 1;}
.content03 .video:hover:after{opacity: 1}
.content03 .video:before{content: "";z-index: 2;
left: 50%;
top: 50%;
margin: -30px 0 0 -30px;
width: 60px;
height: 60px;
transition: all .25s;
background: url(hk_new_index_icons3.png) 0 -115px;
position: absolute;transform: scale(1.5);opacity: 0}

.content03 .video:hover::before {
	opacity: 1;
    transform: scale(1);

}

.content03 .video img{height: 100%;transition:all 0.6s ease-in-out;}
.content03 .video img:hover {transform:scale(1.1);}
.content03 .xx{ position: absolute; z-index: 10;top: 0%;right: 0%;display: block;display: none;z-index: 10px;
font-size: 20px;
color: #fff;
width: 40px;
height: 40px;
background: #294570;
text-align: center;
line-height: 40px;}
.content03 .video01{ position: fixed; z-index: 10;top: 50%;left: 50%;display: block;margin-left: -320px; margin-top: -180px; display: none;z-index: 10px}

.content04 {padding: 120px 0 100px;}
.content04 .titleGin{padding-bottom: 90px;}
.content04  .ul05{padding: 10px 0;}
.content04  .ul05 li{ float: left; width: 31.3%; margin-right: 3%; overflow: hidden;}
.content04  .ul05 li:nth-of-type(3){margin-right: 0;}
.content04  .ul05 li .liOn{ padding: 0px;transition: all 0.3s ease 0s;}
.content04  .ul05 li .liOn .img{overflow: hidden; width: 373px; }
.content04  .ul05 li .liOn img{transition: all 0.6s ease-in-out; width: 100%;}
.content04  .ul05 li .liOn .font{background: #fff;padding: 16px 0;border-bottom: 5px solid #294570;}
.content04  .ul05 li:hover .liOn .font{background: #fff;}
.content04  .ul05 li .title{padding: 0 0 10px;color: #000000;font-size: 16px;position: relative;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.content04  .ul05 li .intro{color: #666;line-height: 26px;height: 78px;
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 显示的行数 **/overflow: hidden;  /** 隐藏超出的内容 **/}
.content04  .ul05 li .title,
.content04  .ul05 li .intro{ line-height: 22px; width: 300px; transition: all 0.3s ease 0s;}
.content04  .ul05 li:hover .liOn{transform: translate3d(0, -3px, 0); }
.content04  .ul05 li:hover .liOn  img{transform: scale(1.1);}

.content04 .more{ width: 162px; height: 52px;cursor: pointer; border: 1px solid #294570; margin: 98px  auto 0;
font-size: 16px; color: #294570; line-height: 52px; text-align: center; display: block;}
.content04 .more:hover {  background: #294570; color: #fff; }

.content05 {margin-bottom: 120px;}
.content05 .titleGin{padding-bottom: 62px;}
.content05 ul li{ width: 15.666%; margin-right: 1%;margin-top: 28px; float: left;}
.content05 ul li img{ width: 100%; }
.content05 ul li:nth-of-type(6){margin-right: 0;}
.content05 ul li:hover {box-shadow: 0 0px 9px rgba(0,0,0,0.1);transform: translate3d(0, -2px, 0); }