a{
	border:none;
}
a img{border:none;}
.nav{
	height: 80px;
	width: 80%;
	/*line-height: 80px;*/
	display: block;
}
.navTitle{
	font-size: 17px;
}
.navTitle:hover{
	color:#ff6e00;
}
.nav>li{
	padding-top: 26px;
	display: inline-block;
	vertical-align: top;
}
.nav>li:nth-child(1){
	width: 300px;
}
.nav>li:nth-child(2){
	width: calc(100% - 380px);
}
/* .nav>li:nth-child(3){
	width: 15%;
} */
.subNavTitle{
	text-align: center;
}
.subNavTitle>li{
	display: inline-block;
	width: 12%;
}

.navSubPng>span{
	display: inline-block;
	cursor: pointer;
}
.navSubPng>span:nth-child(2){
	top: 4px;
    position: relative;

}
.navSubPng>.menuLogoG:hover {
	src:url(http://rocosn.com.cn/public/assets/css/images/icons/menu-r.png);
}
/*sen1*/

.coverDiv{
	/*height: calc(100% / 1 - 80px ); */
	position: relative;
	overflow: hidden;
}
.sen1{
	height: calc( 100% / 1 - 80px );
}
.sen1>.toper{
	height: 240px;
	position: relative;
}
.sen1 .redTg{
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	/*width: 100%;*/
	
	width: 0;
    height: 0;
    border-bottom-width: 200px;
    border-left-width: 380px;
    border-top-width: 100px;
    border-right-width: 200px;
    border-style: solid;
    border-color: transparent #ff6e00 #ff6e00 transparent;
}
.sen1 .redTg1{
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	/*width: 100%;*/
	
	width: 0;
    height: 0;
    border-bottom-width: 140px;
    border-left-width: 350px;
    border-top-width: 100px;
    border-right-width: 270px;
    border-style: solid;
    border-color: transparent #ff6e00 #ff6e00 transparent;
}
.sen1>.bottomer{
	height: calc(100% / 1 - 300px );
	position: relative;
	overflow:hidden;
}
.sen1 .grayTg{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	/*width: 100%;*/
	
	width: 100%;
	/* background-image: url(http://rocosn.com.cn/public/assets/images/bg/grayTang3.png); */
	background-position: right top;
	background-repeat: no-repeat;
	/*background-size:cover;
    height: 0;
    border-bottom-width: 310px;
    border-left-width: 648px;
    border-top-width: 100px;
    border-right-width: 200px;
    border-style: solid;
    border-color:  #bbb transparent transparent #bbb ;*/
}
.adv{
	padding-top: 50px;
}
.adv>li:nth-child(1),.advmove>li:nth-child(1){
	font-size: 40px;
}
.adv>li:nth-child(2),.advmove>li:nth-child(2){
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 50px;
}
.adv>li:nth-child(3)>span:nth-child(2),.advmove>li:nth-child(3)>span:nth-child(2){
	position: relative;
	top:3px;
}
.advmove{
	position: absolute;
	z-index: 2;
	top:46px;
}
.advmove>li{
	/*display: none;*/
}
.advmove>li>ul>li:nth-child(1){
	font-size: 30px;
	margin-bottom: 16px;
}
.advmove>li>ul>li:nth-child(2){
	font-size: 14px;
}
.advmove .active{
	display: block;
}
.advPic{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
}
.advPic>li{
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	height: 100%;
}
.advPic>li.active{
	display: block;
	height: inherit;
	width: inherit;
}
.advBtn{
	position: absolute;
	z-index: 4;
	width: 36px;
	right: 5%;
	top: 30px;
}
.RightB{
	display: block;
	width: 36px;
	height: 36px;
	background: url(http://rocosn.com.cn/public/assets/images/icons/hot-ar-r.png) no-repeat center;
	background-size:contain;
	cursor: pointer;
	margin-bottom: 10px;
}
.LeftB{
	display: block;
	width: 36px;
	height: 36px;
	background: url(http://rocosn.com.cn/public/assets/images/icons/hot-ar-l.png)  no-repeat 100%;
	background-size:contain;
	cursor: pointer;
}
/*sen2*/
.sen2{
	min-height: calc( 100% * 1 - 120px ); 
	height: auto;
}
.mainContainer{
	margin: 60px auto 0 auto;
	/*height: 690px;*/
	height: auto;
}
.mainContainer>span,.leftContainer>span,.minConSp>span{
	vertical-align: middle;
}
.mainContainer>span:nth-child(2),.leftContainer>span:nth-child(2),.minConSp>span:nth-child(2){
	border-right: 2px solid #ff6e00;
	width: 15px;
	margin-right: 15px;
}

/* .titlePC{
	font-size: 20px;
}
.titlePC~span{
	display: inline-block;
	height: 20px;
} */
.titlePC{
	font-size: 18px;
}
.titlePC~span{
	display: inline-block;
	height: 18px;
}
.titlePE{
	font-size: 14px;
	text-transform: uppercase;
}
.fwItem{
	margin-top: 86px;
	/*text-align: justify;*/
	display: flex;
	justify-content: space-between;
}
.fwItem>.itemP,.fwItem>.itemP1{
	display: inline-block;
	transition: 0.5s all;
}
.fwxm{
	width: 194px;
	height: 380px;
	/*background: #f00;*/
	vertical-align: top;
	background-image: url(http://rocosn.com.cn/public/assets/images/bg/fwxm-r.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 4px;

}
.fwxmmini{
	width: 194px;
	height: 161px;
	/*background: #f00;*/
	vertical-align: top;
	background-image: url(http://rocosn.com.cn/public/assets/images/bg/mini-fwxm-r.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 2px;

}
.fwxmmini2{
	width: 194px;
	height: 161px;
	/*background: #f00;*/
	vertical-align: top;
	background-image: url(http://rocosn.com.cn/public/assets/images/bg/mini-fwxm-r.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	margin: 0 2px;

}
.fwxm2{
	width: 194px;
	height: 343px;
	/*background: #f00;*/
	vertical-align: top;
	background-image: url(http://rocosn.com.cn/public/assets/images/bg/fwxm2-r.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	line-height: 1.5rem;
	margin: 0 2px;
}
.fwItem>.itemP.fwxmmini:hover{
	background-image: url(http://rocosn.com.cn/public/assets/images/bg/mini-fwxm-rf.png);
	color: #ff6e00;
	transform: translate(0,-20px);
}
.fwItem>.itemP1.fwxm2:hover{
	background-image: url(http://rocosn.com.cn/public/assets/images/bg/fwxm2-r.png);
	color: #ff6e00;
	transform: translate(0,-20px);
}
.fwItem>.itemP.fwxm:hover{
	background-image: url(http://rocosn.com.cn/public/assets/images/bg/fwxm-rf.png);
	color: #fff;
	transform: translate(0,-20px);

}
.fwItem>.itemP:hover li{
	color: #fff;
}
.fwItem>.itemP:hover .borderB1{
	border-bottom-color: #fff;
}

.fwItem>.itemP>ul,.fwItem>.itemP1>ul{
	width: 150px;
	margin: 25px auto;
	/*color: #444;*/
	color: #ff6e00;
}
.fwItem>.itemP li,.fwItem>.itemP1 li{
	text-align: center;

}

.fwItem>.itemP li>img{
	width: 40px;
}
.fwItem>.itemP li:nth-child(1){
	margin-bottom: 20px;
}
.fwItem>.itemP li:nth-child(n+3){
	font-size: 14px;
	padding-bottom: 10px;
}
.btmRH{
	margin-top: 70px;
	text-align: right;
}
.btmRH>span{
	vertical-align: middle;
}
.btmRH:hover img{
	transform: translate(2px,0);
}
/*sen3*/
.sen3{
	min-height: calc( 800px - 120px ); 
	height: auto;
}
.newItem{
	margin-top: 60px;
	text-align: justify;
}
.itemNews{
	display: inline-block;
	width: 296px;
	/* height: 276px; */
	height: 246px;
	vertical-align: top;
	/*background-color: #f00;*/
	margin-bottom: 60px;
	border-top: 5px solid #444;
	position: relative;
}
.itemNews:hover span:nth-child(1)>a:nth-child(1){
	color: #ff6e00;
}
.itemNews>span{
	display: inline-block;
	width: 100%;
}
.itemNews>span:nth-child(1){
	padding-top: 16px;
	padding-bottom: 13px;
	
	color: #444;
}
.itemNews>span:nth-child(2){
	font-size: 12px;
}
.itemNews>section{
	width: 296px;
	height: 186px;
	background-color: #ddd;
	/* margin-top: 30px; */
	display: inline-block;
}

/*sen4*/
.sen4{
	min-height: calc(100% / 1 - 120px ); 
	height: auto;
}
.itemNews.block{
	display: block;
	width: 100%;
}
.itemNews .artcileTitle{
	display: inline-block;
	width: 700px;
	vertical-align: top;
	/* margin-left: 56px; */
	margin-left: 55px;
	background-color: #fff;
}
.artcileTitle>span{
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.itemNews .rl{
	display: inline-block;
	position: absolute;
	width: 63px;
	right: 0;
	top: 20px;
	background-color: #fff;
}
.rl>span{
	display: inline-block;
	width: 100%;
	text-align: right;
	color: #444;
	top: 0;
}
.partner{
	display: inline-block;
	width: 144px;
	height: 70px;
	border:1px solid #ddd;
	margin-bottom: 20px;
}
.companyInfo{
	border-top: 5px solid #444;
	margin: 130px auto 0 auto;
	color: #444;
	padding-top: 20px;
	padding-bottom: 40px;
	position: relative;
}
.companyInfo>span{
	display: inline-block;
	padding-right: 110px;
	vertical-align: top;
	line-height: 2rem;
}
.companyInfo>span:nth-child(3){
	text-align: right;
	padding-right: 0;
	position: absolute;
	right: 90px;
}
.companyInfo>span:nth-child(4){
	width: 81px;
	height: 81px;
	background-color: #666;
	padding-right: 0;
	right: 0;
	position: absolute;
}
.subTitle{
	display: block;
	padding-bottom: 40px;
}
/*floatNav*/
.floatNav{
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
	display: none;
	height: 54px;
}
.floatNav .nav>li{
	padding-top: 15px;
}
.floatNav a{
	color:#fff;
}
.floatNav .navSubPng{
	z-index: 16;
}
.closeMenu{
	position: absolute;
    right: 10%;
    top: 30px;
}
.floatMenuBig{
	/*height: 100%;*/
	height: 0%;
	position: fixed;
	z-index: 15;
	top: 0;
    width: 100%;
    /*display: none;*/
    transition:all 0.5s;
    overflow: hidden;
}
.floatMenuBig .menuList{
	font-size: 30px;
}
.floatNav .subNavTitle a.navTitle:hover{
	color:#fff;
}
.menuList{
	/* width: 80%;
	margin: 66px auto;
	cursor: pointer; */
	width: auto;
	margin: 66px auto;
	cursor: pointer;
	text-align: left;
	display: inline-block;

}
.floatMenuBig>div>div{
	margin-bottom: 30px;
}
.menuList span{
	display: inline-block;
	padding-bottom: 6px;
}
.menuList span:hover{
	border-bottom: 2px solid #fff;
}
/* .subMenuList{
	padding-left: 46px;
	position: relative;
    top: -4px;
}
.subMenuList,.subMenuList li{
	display: inline-block;
	height: 18px;
}
.subMenuList li:nth-child(1){
	
	padding-right: 20px;
}
.subMenuList li a{
	font-size: 18px;
	padding: 0 20px;
	display:inline-block;
	height: 16px;
	border-right: 1px solid #fff;
	line-height: 16px;
}
.subMenuList li a:hover{
	text-decoration: underline;
}
.subMenuList li:last-child a{
	border-right: none;
} */
.subMenuList{
	padding-left: 46px;
	position: relative;
	   top: -4px;
   }
   .subMenuList,.subMenuList li{
	display: inline-block;
	height: 22px;
   }
   .subMenuList li:nth-child(1){
	/*border-right: 1px solid #fff;*/
	padding-right: 20px;
	border:none;
   }
   .subMenuList li:nth-child(1):after,.subMenuList li:nth-child(2):after{
	border-right: 0;
   }
   .subMenuList li{
	margin: 0 20px;
	position: relative;
	/*border-right: 1px solid #fff;*/
   }
   .subMenuList li:after{
	content: "";
	border-right: 1px solid #fff;
	height: 18px;
	position: absolute;
	top: -1px;
	   left: -20px;
   }
   .subMenuList li a{
	font-size: 18px;
	/*padding: 0 20px;*/
	display:block;
	height: 16px;
	/*border-right: 1px solid #fff;*/
	line-height: 16px;
   }
   .subMenuList li:hover{
	border-bottom: 1px solid #fff;
   }
   .subMenuList li a:hover{
	text-decoration: none;
   }
   .subMenuList li:last-child a{
	border-right: none;
   }

.subMenuList{
 padding-left: 46px;
 position: relative;
    top: -4px;
}
.subMenuList,.subMenuList li{
 display: inline-block;
 height: 22px;
}
.subMenuList li:nth-child(1){
 /*border-right: 1px solid #fff;*/
 padding-right: 20px;
 border:none;
}
.subMenuList li:nth-child(1):after,.subMenuList li:nth-child(2):after{
 border-right: 0;
}
.subMenuList li{
 margin: 0 20px;
 position: relative;
 /*border-right: 1px solid #fff;*/
}
.subMenuList li:after{
 content: "";
 border-right: 1px solid #fff;
 height: 18px;
 position: absolute;
 top: -1px;
    left: -20px;
}
.subMenuList li a{
 font-size: 18px;
 /*padding: 0 20px;*/
 display:block;
 height: 16px;
 /*border-right: 1px solid #fff;*/
 line-height: 16px;
}
.subMenuList li:hover{
 /* border-bottom: 1px solid #fff; */
}
.subMenuList li a:hover{
 text-decoration: none;
}
.subMenuList li:last-child a{
 border-right: none;
}
.leftContainer{
	/*width: 850px;*/
	width: 65%;
	display: inline-block;
	vertical-align: top;

}
.rightContainer{
	/*width: 377px;*/
	width: 25%;
	display: inline-block;
	position: relative;
	vertical-align: top;
}
.leftContainer .title{
	font-size: 30px;
	padding-top: 70px;
	display: inline-block;
}
.leftContainer .pContent{
	padding-top: 100px;
	line-height: 1.5rem;
}
.rightContainer .btnHC{
	margin-top: 60px; 
	text-align: right;
	display: inline-block;
	position: absolute;
	right: 0;
}
.rightContainer .btnHCL{
	margin-top: 60px; 
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
.rightContainer .btnHCL>span{
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.rightContainer .btnHC>span{
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.rightContainer .btnHC img{
	vertical-align: top;
	position: relative;
	top:3px;
}
.mapC{
	/*width: 850px;*/
	width: 100%;
	height: 395px;
	margin-top: 60px;
}
.coreImg{
	vertical-align: top;
	width: 108px;
	height: 190px;
	/* height: 150px;
	background-color: #999; */
	display: inline-block;
	margin-bottom: 15px;
}
.honerImg{
	vertical-align: top;
	width: 144px;
	height: 200px;
	background-color: #999;
	display: inline-block;
	margin-bottom: 26px;
}
.pTable{
	border-collapse:collapse;  
	border-spacing:0;  
}
th,td{
	padding: 0;
}
.pTable tr{
	height: 50px;
	color: #444;
}
.pTable tr>td{
	color: #444;	
	
}
.pTable tr:nth-child(odd){
	background-color: #eee;
}
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative; border:0px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display: none;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:inherit; height:auto; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */

.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
@media screen and (max-width: 1380px){
	.nav{
		width: 90%;
		/* width: 98%; */
		height: 80px;
	}
	.adv{
		padding-left:5%;
	}
	.advmove{
		padding-left: 5%;
	}
	.mainContainer,.companyInfo{
		/* width: 98%; */
		width: 90%;
	}
	.subMenuList li:nth-child(1){
	/*border-right: 1px solid #fff;*/
	padding-right: 10px;
	}
	.closeMenu{
	position: absolute;
    right: 5%;
    top: 30px;
	}
}
@media screen and  (min-width: 1381px) and (max-width: 1440px){
	.nav{
		width: 90%;
		height: 80px;
	}
	.adv{
		padding-left:5%;
	}
	.advmove{
		padding-left: 5%;
	}
	.mainContainer,.companyInfo{
		width: 90%;
	}
	.closeMenu{
	position: absolute;
    right: 5%;
    top: 30px;
	}
}
@media screen and (min-width: 1441px) and (max-width: 2880px){
	.nav{
		width: 80%;
		height: 80px;
	}
	.adv{
		padding-left:10%;
	}
	.advmove{
		padding-left: 10%;
	}
	.mainContainer,.companyInfo{
		width: 80%;
	}
	.closeMenu{
	position: absolute;
    right: 10%;
    top: 30px;
}
}
.floatMenuBigActive{
	opacity: 1;
	height: 100%;
    transition:all 0.5s;

}
.floatMenuBigActiveH{
	opacity: 1;
	height: 0%;
    transition:all 0.5s;

}
.hiddens{
	display: none;
}
/*
     FILE ARCHIVED ON 08:31:45 Mar 10, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:02:44 Sep 21, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.524
  exclusion.robots: 0.027
  exclusion.robots.policy: 0.017
  esindex: 0.01
  cdx.remote: 25.576
  LoadShardBlock: 389.834 (3)
  PetaboxLoader3.datanode: 238.74 (4)
  PetaboxLoader3.resolve: 160.624 (2)
  load_resource: 130.202
*/