/* CSS Document */
body{margin:0; padding:0; font-size:12px; font-family:"微软雅黑"; color:#333333;}
ul,ol,dl,dt,dd,form,h1,h2,h3,h4,h5,h6{margin:0; padding: 0;}
ul,dl{list-style:none;}
input{margin:0; padding:0;}
img{margin:0; padding:0; border:0; vertical-align:middle;}
a:link,a:visited{color:#626262; text-decoration:none;}
a:hover{text-decoration:none;}
a.pn:link,a.pn:visited{color:#333; font-size:14px;}
a.pn:hover{color:#fd0404;}
.clear{clear:both;}
/*头部开始*/
#top{width:100%; height:67px; background-color:#003756;}
.head{width:1190px; height:67px; margin:0 auto;}
.logo{width:300px; height:67px; float:left;}
.head_right{height:67px; float:right;}
.langue{height:24px; line-height:24px; text-align:right; color:#7dbce9;}
.langue a:link,.langue a:visited{color:#7dbce9; margin:0 7px;}
.langue a:hover{color:#fff;}
.nav{height:43px; float:right;}
.nav ul li{float:left;}
.nav ul li a:link,.nav ul li a:visited{display:inline-block; height:30px; margin:0 18px; font-size:14px; color:#fff; padding-top:10px;}
.nav ul li a:hover{background:url(../images/abg.gif) no-repeat bottom center;}
.nav ul li a.cur:link,.nav ul li a.cur:visited{background:url(../images/abg.gif) no-repeat bottom center;}
/*头部结束*/
#full-screen-slider { width:100%; height:370px; float:left; position:relative}
#slides { display:block; width:100%; height:370px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:47%; top:345px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px; border-radius:6px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#023a72;}
.banner_bot{width:100%; height:4px; background:url(../images/bg01.jpg) center;}
.content{width:1190px; margin:0 auto; padding-top:25px; padding-bottom:20px; overflow:hidden;}
.products{width:1190px; height:415px;}
.prod_title{ width:1180px; height:45px; padding-left:10px;}
.prod_title .name{float:left; width:104px; height:43px; padding-left:82px; padding-top:2px; font-size:17px; color:#39384a; background:url(../images/products_title.jpg) no-repeat;}
.prod_title .line{display:inline-block; width:994px; height:45px; background:url(../images/bg2.gif) no-repeat;}
.prod_cont{width:1190px; height:360px; background:url(../images/bg3.gif) no-repeat right center;}
.qunar {
	width: 1125px;
	position: relative;
	overflow: hidden;
	padding:22px 32px 34px 33px;
}
.qunar .e_pic_wrap {
	z-index: 1;
	white-space: nowrap;
	width: 1125px;
	height: 306px;
}
.qunar .e_pic_wrap li {
	position: relative;
	display: inline;
	width: 1125px;
	height: 306px;
	overflow: hidden;
	float:left;
}
.e_prevnext .prev, .e_prevnext .next {
	position: absolute;
	z-index: 30;
	display: block;
}
.e_prevnext .prev {
	top: 159px;
	left: 48px;
}
.e_prevnext .next {
	top: 159px;
	right: 47px;
}
.e_prevnext .prev a, .e_prevnext .next a {
	display: block;
	width: 25px;
	height: 32px;
	overflow: hidden;
	background: url(../images/ico_prevnext.png) no-repeat scroll 0 0;
	_background-image: url(../images/ico_prevnext_ie6.png);
}
.e_prevnext .prev a {
	background-position: 0 0;
}
.e_prevnext .prev a:hover {
	background-position: 0 -40px;
}
.e_prevnext .next a {
	background-position: 0 -80px;
}
.e_prevnext .next a:hover {
	background-position: 0 -120px;
}
.prod_bot{width:1180px; height:10px; margin-left:10px; background:url(../images/bg4.gif) repeat-x;}
.content_center{width:1190px; height:208px; margin-top:38px;}
.more{display:block; height:20px; text-align:right; margin-top:10px;}
a.detail:hover{color:#fd0404;}
.block1{width:385px; height:207px; float:left; padding-left:10px; margin-right:40px;}
.title{height:35px;}
.title img,.contact_title img{display:inline-block; float:left;}
.title span,.contact_title span{font-size:20px; color:#39384a; height:27px; padding-top:8px; display:inline-block;}
.block1 dl{margin-top:20px; height:110px;}
.block1 dl dt{width:100px; height:100px; float:left;}
.block1 dl dd{width:275px; float:right;}
.block1 dl dd p{margin:0; line-height:1.7; text-indent:2em; color:#7d7c8c;}
.block2{width:360px; height:207px; float:left;}
.block2 dl{margin-top:20px; height:110px;}
.block2 dl dt{width:100px; height:100px; float:left;}
.block2 dl dd{width:250px; float:right;}
.newsLi li{height:22px; padding-left:15px; background:url(../images/dot.gif) no-repeat left 5px;}
.newsLi li a:link,.newsLi li a:visited{color:#626262;}
.newsLi li a:hover{color:#fd0404;}
.block3{width:345px; height:207px; float:right;}
.zhichi{margin-top:20px; height:110px;}
.zhichi li{height:22px; background:url(../images/dot01.gif) no-repeat left 3px; padding-left:15px;}
.zhichi li span{float:right;}
.zhichi li a:hover{color:#fd0404;}
.content_bot{width:1190px; height:132px; margin-top:45px;}
.contact_title{height:35px; border-bottom:1px solid #7d7c8c; padding-bottom:2px; padding-left:10px;}
.content_bot ul li{width:396px; height:80px; float:left; padding-top:14px;}
.td01{height:26px; padding-left:80px;}
.foot{width:100%; height:180px; background:url(../images/footbg.gif) repeat-x;}
.foot_main{width:1190px; height:180px; margin: 0 auto;}
.foot_nav{height:33px; line-height:33px; text-align:center; color:#fff;}
.foot_nav a:link,.foot_nav a:visited{color:#fff; margin:0 10px;}
.foot_main p{color:#fff; text-align:center; _margin:0; _line-height:24px;}
a.zhzhtj:link,a.zhzhtj:visited{color:#fff;}

.side{width:245px; padding-left:20px; float:left; background:}
.side_title{height:40px; line-height:40px; padding-left:25px; font-size:16px; color:#fff; background:url(../images/side_titlebg.gif) no-repeat;}
.side_title span{font-size:14px;}
.side_down{padding-left:20px; background:url(../images/bg5.gif) repeat-y;}
.side_bottom{height:85px; background:url(../images/bg6.gif) no-repeat;}
.company{padding-top:12px; font-size:14px;}
.company span{display:inline-block; width:100%; line-height:24px; font-size:14px;}
.right{width:905px; float:right;}
.here{height:40px; line-height:40px; border-bottom:1px solid #dcdad9; text-align:right;}
.here a:hover{color:#3498db;}
.content_right{padding-top:15px;}
.news_list li{height:29px; line-height:29px; border-bottom:1px dotted #d8d8d8; padding-left:10px; background:url(../images/dian.jpg) no-repeat left center;}
.news_list li span{float:right;}
.news_list li a:link,.news_list li a:visited{color:#333; font-size:14px;}
.news_list li a:hover{color:#fd0404;}
.support_list li{height:29px; line-height:29px; border-bottom:1px dotted #d8d8d8; padding-left:15px; background:url(../images/dot01.gif) no-repeat left center;}
.support_list li span{float:right;}
.support_list li a:link,.support_list li a:visited{color:#333; font-size:14px;}
.support_list li a:hover{color:#fd0404;}
.side_list{padding-top:10px;}
.side_list li a{display:block; width:180px; line-height:30px; margin-top:5px; color:#333; font-size:14px; background:url(../images/dian.jpg) no-repeat 0 12px; padding-left:10px; border-bottom:1px dotted #dedede;}
.side_list li a:hover{color:#3498db; background:url(../images/dian.gif) no-repeat 0 12px;}
a.cur_list:link,a.cur_list:visited{color:#3498db; background:url(../images/dian.gif) no-repeat 0 12px;}
.newsTitle{font-size:16px; font-weight:bold; text-align:center; height:40px;}
.edit{height:24px; text-align:center; border-bottom:1px solid #dedede;}
.content_right p{line-height:1.9; font-size:14px;}
.content_right h2{ height:30px; font-size:16px; font-weight:bold; text-align:center;}
.prod_list li{width:223px; float:left; display:inline;}
.prod_list li a{width:190px; height:236px; display:block; margin:14px; border:1px solid #d8d8d8; padding:9px 9px 0px;}
.prod_list li a span{display:block; line-height:22px; font-size:14px;}
.prod_list li a:hover{border:1px solid #3498db; color:#3498db;}
.feedback{font-size:14px;}
.minput{width:400px; height:28px; border:1px solid #d8d8d8; border-radius:3px; box-shadow:1px 1px 5px #ccc;}
.minputDetail{width:400px; height:120px; border:1px solid #d8d8d8; padding:0; border-radius:3px; box-shadow:1px 1px 5px #ccc;}
.codeInput{width:80px; height:28px; border:1px solid #d8d8d8; border-radius:3px; box-shadow:1px 1px 5px #ccc;}
.btn{width:100px; height:35px; line-height:35px; background:url(../images/btn.gif) no-repeat; border:0; font-size:16px; color:#fff; font-family:"微软雅黑"; cursor:pointer; margin-top:5px; margin-right:20px;}
.copryright p{line-height:1.9; font-size:14px;}

.float-left {
	float: left;
}

.download {
	font-size: 14px;
	color: rgb(0, 112, 192) !important;
	margin-right: 20px;
}

.search-ico {
	font-size: 14px;
	color: #fff;
	margin-top: 12px;
	cursor: pointer;
}

.search-div {
	position: absolute;
	z-index: 999;
	background: #fff;
	width: 100%;
	max-width: 1190px;
	left: 50%;
	transform: translate(-50%, 0%);
	top: 67px;
	opacity: 0.8;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	height: 0px;
	overflow: hidden;
	transition: 0.5s
}

.search-div input {
	height: 40px;
	width: 1060px;
	border: 1px #666 solid;
	border-radius: 5px;
	padding: 0px 10px;
}

.search-button {
	font-size: 30px;
	color: #000;
	position: absolute;
	top: 22px;
	right: 20px;
}

.search-submit {
	margin-bottom: 6px;
	cursor: pointer;
}

.search-x {
	font-size: 40px;
	cursor: pointer;
}

/*手机菜单*/
.nav-mobile {
	display: none;
}

.nav-mobile-menu {
	background: #fff;
	margin-top: 47px;
	/*opacity: 0.9;*/
	overflow: hidden;
	transition: 0.5s;
}

.nav-mobile-menu-span {
	float:left;
	margin-right: 10px;
	margin-top: 8px;
}

.nav-mobile-menu-bnt {
	width: 30px;
	height: 30px;
	margin-top: 0px;
	position: absolute;
	right: 32px;
	background: #001f31;
	border-radius: 2px;
}

.nav-mobile-menu-bnt span {
	width: 16px;
	top: 9px;
	transition: all .3s;
	-webkit-transition: all .3s;
	background: #fff;
	display: block;
	height: 2px;
	border-radius: 2px;
	position: absolute;
	left: 7px;
}

.nav-mobile-menu-bnt span.nav-line2 {
	top: 14px;
	opacity: 1;
}

.nav-mobile-menu-bnt span.nav-line3 {
	top: 19px;
}

.nav-mobile-menu-bnt.open span.nav-line1 {
	top: 14px;
	transform: rotate(45deg);
}

.nav-mobile-menu-bnt.open span.nav-line2 {
	opacity: 0;
}

.nav-mobile-menu-bnt.open span.nav-line3 {
	top: 14px;
	transform: rotate(-45deg);
}

.padding-bottom-8 {
	padding-bottom: 8px;
}

@media(max-width:667px) {
	#top, .content, .head, .minput, .minputDetail, .block2, .block3 {
		width: 100%;
	}

	.content {
		padding-top: unset;
	}

	.nav-mobile {
		display: block;
		position: absolute;
		top: 20px;
		right: 0px;
		z-index: 10000;
		width: 100%;
	}

	.side {
		display: none;
	}

	.right, .foot_main {
		width: 96%;
		padding: 0px 2%;
	}

	.right img {
		width: 100% !important;
		height: unset !important;
	}

	.news_list li {
		height: unset;
		background: url(../images/dian.jpg) no-repeat left 12px;
	}

	.news_list li span {
		padding-left: 20px;
	}

	.langue, .nav-pc-menu {
		display: none;
	}

	.nav-mobile-search {
		float: right;
		margin-top: -5px;
		margin-right: 10px;
	}

	.search-button {
		font-size: 20px;
		right: 10px;
	}

	.search-x {
		font-size: 30px;
		margin-top: 5px;
	}

	.search-div input {
		width: calc(92% - 2px);
		padding: 0px 2%;
		margin-left: 2%;
	}

	.code-images img {
		width: 100px !important;
	}

	.details-title {
		display: none;
	}

	.prod_list li {
		width: 46%;
		margin-bottom: 10px;
		padding: 0px 2%;
	}

	.prod_list li a {
		width: 100%;
		margin: unset;
		padding: unset;
	}

	.prod_list li a span {
		padding: 10px;
		height: 38px;
		overflow: hidden;
	}

	.prod_list li a img {
		aspect-ratio: 1 / 1;
	}

	#full-screen-slider, #slides {
		height: 100px;
	}

	#full-screen-slider img {
		width: 100%;
	}

	#pagination {
		left: 27%;
		top: 75px;
	}

	.products {
		width: 96%;
		height: 230px;
		padding: 0 2%;
		margin-top: 20px;
	}

	.prod_title {
		width: 95%;
		padding-left: unset;
	}

	.prod_cont {
		width: 100%;
		height: 175px;
		background: none;
	}

	.qunar {
		width: 100%;
		padding: 22px 0 34px 0;
	}

	.qunar .e_pic_wrap {
		width: 100%;
		height: 150px;
	}

	.tempWrap {
		width: 1000% !important;
	}

	.e_prevnext .prev {
		top: 80px;
		left: 10px;
	}

	.e_prevnext .next {
		top: 80px;
		right: 10px;
	}

	.qunar .e_pic_wrap li {
		width: 100vw !important;
	}

	.qunar .e_pic_wrap li img {
		width: calc(100vw - 4%) !important;
		height: 150px !important;
	}

	.content_center {
		width: 96%;
		padding: 0 2%;
	}

	.block1 {
		width: 100%;
		height: unset;
		padding-left: unset;
	}

	.block1 dl dd {
		width: calc(96% - 100px);
	}
	
	.content_bot {
		clear: both;
		width: 96%;
		padding: 0 2%;
	}

	.prod_title .line {
		display: none;
	}

	.prod_bot {
		display: none;
	}

	#slides li {
		background-size: cover !important;
		background-position: center center;
	}

	img[src="https://www.skytex.com.hk/editor/dialogs/attachment/fileTypeImages/icon_pdf.gif"] {
		width: unset !important;
	}
}