/*缺省值begin*/

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 微软雅黑, Microsoft YaHei, Tahoma, Geneva, sans-serif;
	color: #333333;
	position: relative;
	background: #f5f5f5;
}

a {
	text-decoration: none;
	outline: none;
	
}

a:hover {
	text-decoration: none;
	outline: none;
	
}

a:active,
a:visited {
	outline: none;
}

p,
ul,
li,
form,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
img,
div,
table,
td,
th,
input,
textarea {
	margin: 0px;
	padding: 0px;
}

h2,
h3 {
	font-size: 14px;
}

input,
textarea {
	font-family: 微软雅黑, Microsoft YaHei, Tahoma, Geneva, sans-serif;
	outline: none;
	font-size: 12px;
	color: #333333;
}

table,
td {
	border-collapse: collapse;
}

ul,
li,
dl,
dt,
dd,
ol {
	list-style: none;
}

img {
	border: 0 none;
	overflow: hidden;
}

em,
i {
	font-style: normal;
	font-weight: normal;
}

.list-clearfix:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.list-clearfix,
.clearfix {
	overflow: hidden;
	_height: 1%
}

.no-character {
	font-size: 0;
}

.fontlh {
	font: 12px/1.5 tahoma, arial, \5b8b\4f53;
}
/*“\5b8b\4f53″ 就是 “宋体”。用 unicode 表示，不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。避免产生乱码，对页面造成影响。*/

.html-data p {
	line-height: 2;
	color: #333;
}

.hidden {
	display: none
}
/*缺省值end*/

a {
	text-decoration: none;
	outline: none;
	color: #FFFFFF;
}

img {
	border: 0;
	object-fit: cover;
}

a:focus {
	outline: none;
}

i,
em {
	font-style: normal;
}

body {
	font-family: Microsoft Yahei, markpro, Verdana, Arial, Helvetica, sans-serif;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

table {
	border-collapse: collapse;
	width: 100%;
}


.fl {
	float: left;
}

.fr {
	float: right;
}

.over {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.container {
	width: 1300px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
}

#container {
	width: 100%;
	min-height: 100%;
	position: relative;
}

#main {
	padding-bottom: 240px;
}

#footer {
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: red;
}

/****************下面是common.css**********************/
#header{
	height: 70px;
	background: #0086c6;
	width: 100%;
	color: #FFFFFF;
	line-height: 70px;
	font-size: 14px
}
#header img{
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
	margin-top: -2.5px;
}
#header a{
	margin-left: 20px;
}
#header .logo-a{
	margin-left: 0;
	display: block;
	float: left;
}
#header .logo-a img{
	transition: all linear .3s;
	-ms-transition:all linear .3s;
	-moz-transition:all linear .3s;
	-o-transition:all linear .3s;
	-webkit-transition:all linear .3s;
}
#header .logo-a:hover img{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}
#header .nav-a{
	display: block;
	padding:0 15px;
	float: left;
	margin-left: 0;
	text-align: center;
	color: #FFFFFF;
	transition: all linear .3s;
	-ms-transition:all linear .3s;
	-moz-transition:all linear .3s;
	-o-transition:all linear .3s;
	-webkit-transition:all linear .3s;
}

#header .nav-search{
	padding:0 15px;
	float: left;
	margin-left: 0;
	color: #FFFFFF;
	transition: all linear .3s;
	-ms-transition:all linear .3s;
	-moz-transition:all linear .3s;
	-o-transition:all linear .3s;
	-webkit-transition:all linear .3s;
}
#header .nav-search .nav-search-input{
	height: 30px;
	width: 200px;
	border: none;
	border-radius: 10px;
	padding-left: 10px;
}
#header .nav-a:hover{
	color: #0086c6;
	background: #FFFFFF;
}
#header .nav-a.active{
	color: #0086c6;
	background: #FFFFFF;
}
#header a.shopCar-a,#header a.message-a,#header a.help-a{
	display: inline-block;
	width: 24px;
	height: 22px;
	background: url(../img/shop-car.png) no-repeat center;
	position: relative;
	vertical-align: middle;
}
#header a.shopCar-a em,#header a.message-a em{
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px 5px;
	border-radius: 100%;
	background: #fc3838;
	position: absolute;
	height: 17px;
	left: 15px;
	top: -5px;
	border:none;
	line-height: normal;
}
#header a.help-a em{
	border: none;
}
#header a.message-a{
	background: url(../img/message.png) no-repeat center;
	margin-left: 0;
}
#header a.message-a:hover{
	animation: move linear .3s;
	-ms-animation:move linear .3s;
	-moz-animation:move linear .3s;
	-o-animation:move linear .3s;
	-webkit-animation:move linear .3s;
}
#header a.help-a{
	background: url(../img/head-help.png) no-repeat center;
	transition: all linear .3s
}
#header a.help-a:hover{
	animation: move linear .3s;
	-ms-animation:move linear .3s;
	-moz-animation:move linear .3s;
	-o-animation:move linear .3s;
	-webkit-animation:move linear .3s;
}

@keyframes move{
	from{transform: rotateY(90deg);}
	to{transform: rotateY(-90deg);}
}
@-ms-keyframes move{
	from{transform: rotateY(90deg);}
	to{transform: rotateY(-90deg);}
}
@-moz-keyframes move{
	from{transform: rotateY(90deg);}
	to{transform: rotateY(-90deg);}
}
@-o-keyframes move{
	from{transform: rotateY(90deg);}
	to{transform: rotateY(-90deg);}
}
@-webkit-keyframes move{
	from{transform: rotateY(90deg);}
	to{transform: rotateY(-90deg);}
}

#header a.login-a{
	padding-right: 5px;
	border-right: 1px solid #FFFFFF;
	padding-top: 0;
	padding-bottom: 0;
	margin-left: 20px;
	color: #ddd;
	transition: all linear .2s;
	-ms-transition:all linear .2s;
	-moz-transition:all linear .2s;
	-o-transition:all linear .2s;
	-webkit-transition:all linear .2s;
}
#header a.register-a{
	margin-left: 0;
	color:#ddd;
	transition: all linear .2s;
	-ms-transition:all linear .2s;
	-moz-transition:all linear .2s;
	-o-transition:all linear .2s;
	-webkit-transition:all linear .2s;
}
#header a.login-a:hover,#header a.register-a:hover{
	color:#fff;
}

#footer{
	background: #444547;
	color: #FFFFFF;
	font-size: 16px;
}
#footer p.titlep{
	margin-bottom: 18px;
	background: none;
}
#footer span{
	opacity: 0.8;
	font-size: 14px;
	margin-right: 60px;
}
#footer .fr{
	text-align: center;
}
#footer .fr img{
	margin-top: 70px;
}

.mask{
	position: fixed;
	width: 100%;
	height: 100%;
	background: #666666;
	opacity: 0.5;
	left: 0;
	top: 0;
	display: none;
	z-index:1000;
}
/**********面包屑导航**************/
.bread-title{
	height: 55px;
	line-height: 55px;
	color: #333333;
	font-size: 12px;
}
.bread-title a{
	color: #999999;
}

/*************已登陆*************/
#header .per-name{
	display: inline-block;
	float: right;
	position: relative;
	margin-left: 20px;
	width: auto;
	color: #FFFFFF;
	cursor: pointer
}
#header .per-name .hover-on{
	position: absolute;
	left: -8px;
	z-index: -1;
	transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transition: all linear .3s;
	-ms-transition:all linear .3s;
	-moz-transition:all linear .3s;
	-o-transition:all linear .3s;
	-webkit-transition:all linear .3s;
}
#header .per-name em{
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top:-5px;
	margin-top:0!important;
	border-bottom: #000 solid 10px;
    border-left: transparent solid 5px;
    border-right: transparent solid 5px;
}

#header .per-name:hover .hover-on{
	z-index: 9999;
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
}
#header .per-name a{
	width: 80px;
	height: 30px;
	background: #000000;
	color: #FFFFFF;
	display: block;
	line-height: 30px;
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #FFFFFF;
	margin-left: 0;
	border-radius: 5px 5px 0 0 ;
}
#header .per-name .hover-on .loginOut{
	border-bottom: none;
	border-radius: 0 0 5px 5px;
}

#header .per-name span.lable{
	color: #FFFFFF;
	font-size: 10px;
	border-radius: 15px;
	background: #83d587;
	padding:0 7px;
	margin-left: 5px;
}
/**********分页**************/
.pagination,
.news_pagination,
.technology_pagination,
.guide_pagination{
	text-align: center;
}
.pagination li,
.news_pagination li,
.technology_pagination li,
.guide_pagination li{
	display: inline-block;
	margin: 0 5px;
	background: #fff !important;
}
.pagination a,
.pagination span,
.news_pagination a,
.news_pagination span,
.technology_pagination a,
.technology_pagination span,
.guide_pagination a,
.guide_pagination span{
	display: inline-block;
	width: 26px;
	height:26px;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	color: #666;
	border-radius: 13px;
}
.pagination .active span,
.news_pagination .active span,
.technology_pagination .active span,
.guide_pagination .active span{
	color: #fff;
	background-color: #0086c6;
}
.pagination .prev,
.pagination .next,
.news_pagination .prev,
.news_pagination .next,
.technology_pagination .prev,
.technology_pagination .next,
.guide_pagination .prev,
.guide_pagination .next{
	width: 58px;
	margin: 0 20px;
	color: #0086c6;
	border:1px solid #0086c6;
}

.pagination .disabled span,
.news_pagination .disabled span,
.technology_pagination .disabled span,
.guide_pagination .disabled span{
	width: 58px;
	margin: 0 20px;
	color: #999;
	border:1px solid #ccc;
}
.pagination li{
	border:none !important;
}
button{
	border: none;
}
.right-poup{
	position: fixed;
	top: 150px;
	right: 10px;
	z-index: 99;
}
.right-poup li{
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #f0f0f0;
	margin-bottom: 2px;
	cursor: pointer;
}
.right-poup li.go-top{
	background-image: url(../img/go-top.png);
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.right-poup li.go-top span,.right-poup li.tel span{
	display: none;
}
.right-poup li.go-top:hover{
	background-image: none;
	background-color:#0086c6;
	color: #FFFFFF;
}
.right-poup li.wx span{
	color: #999999;
	display: block;
	width: 50%;
	margin: 10px auto;
	font-size: 12px;
	text-align: center;
	padding-top:10px;
}

.right-poup li.wx:hover,.right-poup li.tel:hover{
	background-image: none;
	background-color:#0086c6;
	color: #FFFFFF;
}

.right-poup li.tel:hover span{
	color: #FFFFFF;
	display: block;
	width: 50%;
	margin: 9px auto;
	font-size: 12px;
	text-align: center;
}
.right-poup li.wx:hover span{
	color: #FFFFFF;
}
.right-poup li.go-top:hover span{
	display: block;
	width: 50%;
	margin: 9px auto;
	font-size: 12px;
	text-align: center;
}
.right-poup li.tel{
	background-image: url(../img/tel.png);
	background-position: center;
	background-repeat: no-repeat;
}
.right-poup li.wx .poup-wx{
	position: absolute;
	top: 0;
	opacity: 0;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	width: 130px;
	padding:10px 0;
	transform: translateX(60px);
	-ms-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-o-transform: translateX(60px);
	-webkit-transform: translateX(60px);
	transition: opacity,transform linear .3s;
	-ms-transition:opacity,transform linear .3s;
	-moz-transition:opacity,transform linear .3s;
	-o-transition:opacity,transform linear .3s;
	-webkit-transition:opacity,transform linear .3s;
}
.right-poup li.tel .poup-tel{
	position: absolute;
	top: 0;
	border: 1px solid #DDDDDD;
	background: #FFFFFF;
	width: 130px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #666666;
	opacity:0;
	font-size: 12px;
	transform: translateX(60px);
	-ms-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-o-transform: translateX(60px);
	-webkit-transform: translateX(60px);
	transition: opacity,transform linear .3s;
	-ms-transition:opacity,transform linear .3s;
	-moz-transition:opacity,transform linear .3s;
	-o-transition:opacity,transform linear .3s;
	-webkit-transition:opacity,transform linear .3s;
}
.right-poup li.tel:hover .poup-tel{
	z-index: 110;
	opacity: 1;
	transform: translateX(-140px);
	-ms-transform: translateX(-140px);
	-moz-transform: translateX(-140px);
	-o-transform: translateX(-140px);
	-webkit-transform: translateX(-140px);
}
.right-poup li.wx:hover .poup-wx{
	z-index: 110;
	opacity: 1;
	transform: translateX(-140px);
	-ms-transform: translateX(-140px);
	-moz-transform: translateX(-140px);
	-o-transform: translateX(-140px);
	-webkit-transform: translateX(-140px);
}
.right-poup li.wx .poup-wx .poup-wx-title{
	text-align: center;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	margin: 0 auto;
}
.right-poup li.wx .poup-wx img{
	display: block;
	margin: 0 auto;
}


/*修改头部*/
.header-nav-right{height:70px;}