/*banner start*/
.bannerDiv{width:100%; overflow:hidden; position:relative;}
.bannerDiv .bannerUL{position:relative; display:block; overflow:hidden; width:100%; z-index:0;}
.bannerDiv .bannerUL  li{ zoom:1; vertical-align:middle;}
.bannerDiv .bannerUL  li a{display:block; width:100%; height:760px;}
.bannerDiv .prev, .bannerDiv .next{position:absolute; left:50%; top:50%; margin-top:-25px; margin-left: -520px; display:block; width:36px; height:51px;
	background: url("/Public/Home/images/Index/prev01.png") 0 0 no-repeat; }
.bannerDiv .prev:hover{background: url("/Public/Home/images/Index/prev02.png") 0 0 no-repeat;}
.bannerDiv .next{left: auto; right: 50%; margin-right: -520px; background: url("/Public/Home/images/Index/next01.png") 0 0 no-repeat;}
.bannerDiv .next:hover{background: url("/Public/Home/images/Index/next02.png") 0 0 no-repeat;}
.bannerDiv .hd{position: absolute; width: 100%; display: flex; justify-content: center; left: 0; bottom: 20px; overflow: hidden;}
.bannerDiv .hd li{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background-color: rgba(0,0,0,0.2);  float: left; cursor: pointer;}
.bannerDiv .hd li+li{margin-left: 10px;}
.bannerDiv .hd li.on{background-color: #ba282b;}
/*banner end*/

/*视频 start*/
.vedioDiv{overflow: hidden; margin: 50px auto;}
.vedioDiv .leftDiv{width: 230px; height: 420px; background-color: #ba282b; text-align: center; float: left;}
.vedioDiv .leftDiv img{width: 204px; margin-top: 25px;}
.vedioDiv .rightDiv{width: 950px; height: 420px; background-color: #ba282b; float: right; overflow: hidden;}
.vedioDiv .rightDiv .vedioCon{width: 556px; height: 420px; overflow: hidden; margin: -25px 20px 0 20px; float: left;}
.vedioDiv .rightDiv .wordCon{float: right; width: 320px; height: 380px; padding: 25px 20px 25px 0;}
.vedioDiv .rightDiv .wordCon .squareDiv{position: relative;}
.vedioDiv .rightDiv .wordCon .squareDiv .squareSpan{display: block; width: 120px; height: 56px; border: 2px solid #fff; text-indent: 25px; line-height: 56px; 
	font-size: 28px; color: #fff; letter-spacing: 5px;}
.vedioDiv .rightDiv .wordCon .squareDiv .lineSpan{width: 46px; height: 1px; background-color: #fff; position: absolute; left: 110px; top: 29px;}
.vedioDiv .rightDiv .wordCon .text_p{text-align: justify; color: #fff; font-size: 12px; line-height: 25px; margin-top: 25px; letter-spacing: 1px;}
.vedioDiv .rightDiv .wordCon .viewMore{display: block; width: 98px; height: 28px; border: 1px solid #fff; text-align: center; line-height: 28px; font-size: 13px; 
	color: #fff; margin-top: 75px;}
/*视频 end*/

/*港荣时光机 start*/
.timeMachine{overflow: hidden; margin-top: 100px;}
.timeMachine .titDiv{text-align: center; margin-bottom: 100px;}
.timeMachine .titDiv img{vertical-align: middle; width: 616px;}

.bannerDiv .bannerUL .timeDiv{width: 100%; height: 590px; overflow: hidden;}
.bannerDiv .bannerUL .timeDiv .timeL{width: 655px; height: 512px; overflow: hidden; float: left;}
.bannerDiv .bannerUL .timeDiv .timeL img{vertical-align: middle; width: 100%;}
.bannerDiv .bannerUL .timeDiv .timeR{width: 545px; height: 512px; overflow: hidden; float: left;}
.bannerDiv .bannerUL .timeDiv .timeR .timeT{height: 74px; overflow: hidden; position: relative;}
.bannerDiv .bannerUL .timeDiv .timeR .timeT .squareSpan{display: block; width: 120px; height: 56px; border: 2px solid #000; text-indent: 25px; line-height: 56px; 
	font-size: 28px; color: #000; letter-spacing: 5px; margin-left: 50px;}
.bannerDiv .bannerUL .timeDiv .timeR .timeT .lineSpan{width: 46px; height: 1px; background-color: #000; position: absolute; left: 160px; top: 29px;}
.bannerDiv .bannerUL .timeDiv .timeR .timeB{height: 398px; width: 445px; padding: 10px 0 10px 50px;
	background: url("/Public/Home/images/Index/bg.png") -11px 0 no-repeat;}
.bannerDiv .bannerUL .timeDiv .timeR .timeB .tit_p{font-size: 24px; color: #000; line-height: 30px; padding: 35px 0 20px 0;}
.bannerDiv .bannerUL .timeDiv .timeR .timeB .historyList{position: relative; display: block; height: 290px; overflow: hidden;}
.bannerDiv .bannerUL .timeDiv .timeR .timeB .historyList li{font-size: 16px; color: #444; line-height: 20px; padding: 20px 0;}
.timeMachine .hd{height: 26px;}
.timeMachine .hd li{width: 10px; height: 10px; border-radius: 0; background-color: #bfbfbf; transform:rotate(45deg); margin-top: 4px;}
.timeMachine .hd li + li{margin-left: 20px;}
.timeMachine .hd li.on{background-color: #b70005; }
/*港荣时光机 end*/

/*企业文化 start*/
.cultureDiv{overflow: hidden; width: 100%; height: 333px; text-align: center; color: #fff; letter-spacing: 20px; font-size: 36px; margin: 50px 0;
	background: url("/Public/Home/images/Index/culture.jpg") center 0 no-repeat;}
.cultureDiv .en_p{margin-top: 100px;}
.cultureDiv .cn_p{font-size: 60px;}
/*企业文化 end*/

/*港荣的足迹 start*/
.footPrint{overflow: hidden; margin-top: 100px;}
.footPrint .titDiv{text-align: center; margin-bottom: 50px;}
.footPrint .titDiv img{vertical-align: middle; width: 563px;}
.footPrint .mapDiv{text-align: center;}
.footPrint .mapDiv img{vertical-align: middle; max-width: 1200px;}
/*港荣的足迹 end*/

/*脚部部分隐藏 start*/
.redundantDiv{display: none;}
/*脚部部分隐藏 end*/