html,body{
	width: 100%;
	height: auto;
}
.fl a {
    color:red;
}
.con{
	max-width: 1280px;
	height: auto;
	margin: 0 auto;
}
.header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	border-bottom: 1px solid #d1d3d4;
}

.pc-null{
	width: 100%;
	height: 101px;
}
/*PC导航*/
.header-main{
	width: 100%;
	height: 100px;
}
.logo{
	height: 100%;
}
.logo>a{
	display: block;
	height: 54px;
	margin-top: 23px;
}
.logo>a img{
	height: 100%;
}
.nav-main{
	padding-right: 40px;
	position: relative;
}
.nav-main::after{
	content: "";
	width: 1px;
	height: 30px;
	background-color: #d8d8d7;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.pc-right{
	padding-left: 40px;
}
.nav-main>ul>li{
	margin-right: 45px;
	height: 100px;
	position: relative;
}
.nav-main>ul>li>a{
	display: block;
	height: 100%;
	line-height: 100px;
	color: #3e3a39;
	font-size: 16px;
	position: relative;
	-webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}

.nav-main>ul>li>a::after{
	content: "";
	width: 0;
	height: 2px;
	background-color: #e50014;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
}
.nav-main>ul>.active>a::after,.nav-main>ul>li:hover>a::after{
	width: 100%;
}
.nav-main>ul>.active>a,.nav-main>ul>li:hover>a{
	color: #e50014;
}
.nav-main>ul>li:last-child{
	margin-right: 0;
}
.pc-right>ul>li{
	margin-left: 30px;
	position: relative;
}
.pc-right>ul>li:first-child{
	margin-left: 0;
}
.pc-right>ul>li>a{
	display: block;
	height: 100px;
	line-height: 100px;
}
.open-down{
	display: none;
	width: 660px;
	border: 1px solid #d1d3d4;
	background-color: #fff;
	position: absolute;
	top: 100%;
	left: 0;
	transform: translateX(-50%);
	z-index: 100;
}
.open-main{
	width: 100%;
	height: auto;
	padding: 38px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.open-left{
	width: 270px;
	padding-right: 40px;
	border-right: 1px solid #e3e5e5;
}
.open-right{
	width: calc(100% - 270px);
	padding-left: 40px;
}
.open-text h3{
	font-size: 18px;
}
.open-text p{
	opacity: 0.8;
}
.open-right>ul>li{
	margin-bottom: 20px;
}
.open-right>ul>li>a{
	color: #333;
}
.open-right>ul>.on>a,.open-right>ul>li>a:hover{
	color: #e50014;
}

.nav-product{
	width: 100%;
	display: none;
	border: 1px solid #d1d3d4;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
	padding: 30px 0;
}
.open-list{
	width: 16.666666%;
}
.open-list h4{
	font-size: 16px;
	padding-bottom: 20px;
}
.open-list>ul>li{
	padding-bottom: 15px;
}
.open-list>ul>li>a{
	color: #737373;
}
.open-list>ul>.on>a,.open-list>ul>li>a:hover{
	color: #e50014;
}






.nav-product ul{
	margin: 0 -10px;
}

.nav-product ul>li{
	width: 16.666666%;
	padding: 10px;
}
.nav-product ul>li>a{
	display: block;
	width: 100%;
	height: auto;
	font-size: 16px;
	color: #171717;
}
.nav-product-img{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.nav-product-img img{
	width: 100%;
}
.nav-product ul>li>a:hover .nav-product-img img{
	transform: scale(1.1);
}
.nav-product ul>li>a:hover{
	color: #e50014;
}
.nav-product-text{
	padding: 20px 0;
}



.language-down{
	display: none;
	width: 200px;
	height: auto;
	position: absolute;
	top: 100%;
	right: -50px  ;
	background-color: #f1f2f2;
	z-index: 100;
}
.language-down::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f1f2f2;
	position: absolute;
	top: -10px;
	right: 50px;
}
.language-down>li{
	padding: 0 20px;
}
.language-down>li>a{
	display: block;
	color: #3e3a39;
	font-size: 16px;
	border-bottom: 1px solid #fff;
	padding: 15px 0;
}
.language-down>li>a>span{
	margin-right: 5px;
}

.search-icon-btn.search-on>a::after{
	content: "";
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #f1f2f2;
	position: absolute;
	bottom: 0;
	right: 0;
}

.search-down{
	display: none;
	width: 100%;
	padding: 20px 0;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 100;
}
.search-down-input{
	width: 100%;
	height: auto;
	position: relative;
	padding: 25px 0;
	border-bottom: 1px solid #a8a9a9;
}
.search-down-btn{
	width: auto;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	line-height: 50px;
	color: #999a9a;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
}
.search-down-btn span{
	margin-left: 5px;
}
.search-down-icon{
	width: 20px;
	height: 24px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.search-down-input input{
	font-size: 18px;
	color: #333;
	width: 100%;
	height: 50px;
	padding: 0 50px;
}
.search-down-input input::-webkit-input-placeholder{
  color:#858585;
  font-size: 30px;
}
.search-down-input input::-moz-placeholder{   /* Mozilla Firefox 19+ */
  color:#858585;
  font-size: 30px;
}
.search-down-input input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
  color:#858585;
  font-size: 30px;
}
.search-down-input input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
  color:#858585;
  font-size: 30px;
}
.search-down-main{
	padding: 20px 0;
}
.search-down-text{
	padding: 20px 0;
}
.search-down-text a{
	color: #858585;
	font-size: 14px;
	margin-right: 30px;
	padding: 5px 0;
}
.search-down-text a:last-child{
	margin-right: 0;
}
/*.........end...........*/

/*手机导航*/
.app-null{
	display: none;
	width: 100%;
	height: 60px;
}
.app-nav{
	display: none;
	width: 100%;
	padding: 10px 15px;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	border-bottom: 1px solid #d1d3d4;
}
.app-logo,.app-btn{
	height: 100%;
}
.app-logo>a{
	display: block;
	height: 100%;
}
.app-logo>a>img{
	max-height: 100%;
}
.app-btn>span{
	display: block;
	margin-top: 10px;
}
.app-main{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.bg{
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: -10;
}
.app-nav-box{
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	right: -100%;
	z-index: 10;
	overflow: hidden;
	background-color: #fff;
}
.app-nac-top{
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left: 15px;
}
.app-nac-top>a{
	color: #333;
}
.app{
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}
.close{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 20px;
	right: 15px;
}
.app-list>ul>li>a{
	display: block;
	width: 100%;
	padding: 10px 15px;
	border-bottom: 1px solid #d1d3d4;
	color: #000;
}
.app-list>ul>.on>a,
.app-down>.on>a{
	color: #e50014;
}
.app-down{
	display: none;
	padding: 5px 0;
	border-bottom: 1px solid #d1d3d4;
}
.app-down>li>a{
	display: block;
	color: #333;
	padding: 5px 30px;
}
/*.......end.......*/


/*banner*/
.banner{
	position: relative;
}
.banner img{
	width: 100%;
}
.banner-text{
    max-width: 1280px;
	color: #fff;
	position: absolute;
	bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
}
.banner-text h2{
	font-size: 58px;
	padding: 10px 0 20px;
}
.banner-text p:first-child{
	font-size: 14px;
}
.banner-text p:last-child{
	font-size: 16px;
}
.banner-main{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.banner-main .con{
	height: 100%;
	position: relative;
}
.banner-details{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	color: #fff;
}
.banner-details p{
	font-size: 16px;
}
.banner-details p:first-child{
	font-size: 14px;
	color: #e50014;
}
.banner-details h2{
	font-size: 58px;
	padding-bottom: 10px;
}
.banner-btn{
	margin-top: 70px;
}
.banner-btn>a{
	display: block;
	width: 205px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background-color: #e50014;
	letter-spacing: 2px;
}
.banner-btn>a>span{
	display: inline-block;
	line-height: 1px;
}
.btn-icon{
	width: 26px;
	height: 14px;
	background: url(https://web.archive.org/web/20220205233038im_/http://hdlrope.com/images/right1.png) center no-repeat;
	background-size: 100%;
	margin-left: 38px;
}
.banner-bot {
    width: 100%;
    height: 150px;
    background: url(https://web.archive.org/web/20220205233038im_/http://hdlrope.com/images/bannerbg1.jpg) no-repeat;
    background-position: right bottom;
    background-size: auto 100%;
    position: absolute;
    bottom: -70px;
    right: 0;
}
.banner-bot>.con{
	height: 100%;
	position: relative;
}
.banner-bot-text{
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #fff;
	/*padding-left: 185px;*/
    text-align:center;
}
.banner-bot-text p{
	font-size: 22px;
	margin-bottom: 20px;
}
.banner-bot-text h3{
	font-size: 38px;
	margin: 0;
}


/*底部*/
.footer{
	padding: 70px 0;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.footer-logo>a{
	display: block;
}
.footer-logo{
	margin-bottom: 35px;
}
.footer-else>a{
	margin-right: 15px;
}
.footer-nav>ul>li{
	margin-right: 120px;
	color: #fff;
}
.footer-nav>ul>li:last-child{
	margin-right: 0;
}
.footer-nav-title{
	font-size: 16px;
	padding-bottom: 25px;
}
.footer-nav>ul>li>ul>li{
	padding-bottom: 15px;
}
.footer-nav a{
	font-size: 14px;
	color: #ffffff;
	opacity: 0.8;
}
.footer-nav a:hover{
	opacity: 1;
}
.footer-bot{
	padding: 30px 0;
	color: #fff;
}
.footer-bot-right a{
	color: #fff;
	padding: 0 15px;
}
.footer-bot-right a:last-child{
	padding-right: 0;
}
.footer-bot-right a:first-child{
	border-right: 1px solid #fff;
}
/*手机底部*/
.app-bot{
	display: none;
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 10px 15px;
	border-top: 1px solid #d1d3d4;
}
.app-bot img{
	max-height: 100%;
	max-width: 100%;
}
.app-bot a{
	display: block;
	height: 100%;
}
.app-cont{
	width: 50%;
	height: 100%;
	padding: 0 15px;
}

/*路径导航*/
.way{
	padding: 30px 0;
}
.way>ul>li{
	padding-right: 20px;
	position: relative;
}
.way>ul>li:last-child{
	padding-right: 0;
}
.way>ul>li::after{
	content: "";
	width: 5px;
	height: 1px;
	background-color: #818181;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 7.5px;
}
.way>ul>li:last-child::after{
	display: none;
}
.way>ul>li>a{
	color: #818181;
}
.way>ul>li>span{
	color: #e50014;
}

/*
     FILE ARCHIVED ON 23:30:38 Feb 05, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:41:58 Sep 26, 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.523
  exclusion.robots: 0.019
  exclusion.robots.policy: 0.012
  esindex: 0.009
  cdx.remote: 26.751
  LoadShardBlock: 163.581 (3)
  PetaboxLoader3.datanode: 210.713 (4)
  PetaboxLoader3.resolve: 117.452 (2)
  load_resource: 173.164
*/