html{
	background:#fff;
	overflow:auto;
	zoom:1;
}
*{
	padding:0;
	margin:0;
	outline:none;
}
ol,li,ul,dl,dt,dd{
	list-style:none;
}
img{
	border:0;
}
a{
	text-decoration:none;
	color:inherit;
}
i{
	font-style:normal;
}

a:link,
a:active,
a:visited,
a:hover {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;  
}

h1, h2, h3, h4, h5, h6 { 
	font-size:inherit;
	font-weight:lighter;
}
button,submit {
	cursor:pointer;
}
table {
	border-collapse:collapse; 
	border-spacing:0;
}
b,em,i{
	display:inline-block;
	font-weight:normal;
	font-style:normal;
}

::-webkit-input-placeholder { 
  color: #acacac;
}
::-moz-placeholder { 
  color: #acacac;
}
:-ms-input-placeholder { 
  color: #acacac;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	font-size:13px;
}

body{
	font-size:14px;
	font-family:"微软雅黑",Microsoft YaHei;
	min-width:1300px;
}

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

header{
	width:100%;
	max-width:1920px;
	min-width:1300px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
	background: rgba(0,0,0,0);
	padding:15px 0;
}
#header.active{
    background:rgba(20,173,167,1)!important;
	transition:background .5s;
	 
	-moz-transition:background .5s;
	 
	-webkit-transition:background .5s;
	 
	-o-transition:background .5s;
}
.header-wrap {
	width:1600px;
	margin:auto;
}
.header-wrap .logo {
    display: block;
    position: relative;
    margin-top: 10px;
    width: auto;
    height: 55px;
    float: left;
    z-index: 5;
}

.header-wrap .logo img {
    display: block;
    width: auto;
    height: 100%;
    transition: 0.5s;
}

.header-wrap .logo img.hide {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
}

.header-right {
    float: right;
}

.navs {
    float: left;
}

.navs > li {
    position: relative;
    float: left;
    margin-left: 35px;
}

.navs > li:first-child {
    margin-left: 0;
}

.navs > li > a {
    display: block;
    position: relative;
    color: #fff;
    padding: 30px 0;
    min-width: 56px;
    font-size: 16px;
    line-height: 1;
    text-align: center;
}

.navs > li > a:before {
    content: "";
    width: 0;
    height: 4px;
    background: #f99725;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.4s;
    z-index: -1;
}

.navs > li > a:hover,
.navs > li > a.active {
    color: #fff;
}

.navs > li > a:hover:before,
.navs > li > a.active:before {
    width: 100%;
    right: auto;
    left: 0;
}

.navs > li > a:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
}

.navs .subnav {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 140px;
    margin-left: -70px;
    background-color: #676767;
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 14px;
    padding: 15px 0;
    display: none;
    margin-top: 15px;
}

.navs .subnav .item {
    padding: 5px 0;
}

.navs .subnav a {
    display: block;
    line-height: 1.5;
    padding: 4px 10px;
	color:#fff;
    text-align: center;
}

.header-eq {
    float: left;
    margin-left: 20px;
    margin-top: 14px;
}

.header-eq a {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    color: #fff;
    font-size: 20px;
	background:url(../image/ss.png) no-repeat center center;
    transition: 0.5s;
}
.header-eq a:hover {
    background-color: #CB9B6B;
}

.header .tel{
	float:left;
	border:1px solid #fff;
	height:30px;
	line-height:30px;
	background:url(../image/tel.png) no-repeat left 10px center;
	padding:3px 10px;
	border-radius:20px;
	text-indent:35px;
	font-size:18px;
	color:#fff;
	margin:18px 0 0 20px;
	font-weight:bold;
}

.proHead{
	background:#fff;
}
.proHead .navs > li > a{
	color:#282828!important;
}
.proHead .header-eq a{
	background:url(../image/ss2.png) no-repeat center center!important;
}
.proHead .tel{
	background:url(../image/tel2.png) no-repeat left 10px center!important;
	color:#02909c;
	border-color:#02909c;
}




.search{
	float:right;
	height:31px;
	margin:30px 0;
	position:relative;
}
#input_search_btn_psh{
	width:50px;
	height:100%;
	float:left;
	background:#0b540f url(../image/ss.png) no-repeat center center;
	border:0;
	position:relative;
	z-index:100;
}
#input_search_text_psh{
	width:168px;
	height:100%;
	float:left;
	background:#eee;
	border:0;
	line-height:28px;
	z-index:99;
	transition:.5s;
	padding:0 10px;
}



main{
	width:100%;
	height:auto;
	float:left;
	max-width:1920px;
	min-width:1300px;
}
.min{
	width:1600px;
	height:auto;
	margin:auto;
	
}


#scrollTop{
	width:100%;
	position:absolute;
	left:0;
	bottom:40%;
}

.index_title{
	width:100%;
	height:auto;
	float:left;
}
.index_title .span{
	height:40px;
	line-height:40px;
	float:left;
	background:url(../image/b.png) no-repeat left center;
}
.index_title span{
	float:left;
	font-size:24px;
	color:#505050;
	font-weight:bold;
	position:relative;
	margin-left:60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.index_title em{
	height:auto;
	float:left;
	margin-left:10px;
	line-height:50px;
	text-align:center;
	color:#ababab;
}



@-webkit-keyframes spin { from { -webkit-transform: translate(50%, 284.5px) rotate(0turn) translate(-50%, -284.5px) translate(50%, 50%) rotate(1turn) translate(-50%, -50%); transform: translate(50%, 284.5px) rotate(0turn) translate(-50%, -284.5px) translate(50%, 50%) rotate(1turn) translate(-50%, -50%); }
    to { -webkit-transform: translate(50%, 284.5px) rotate(1turn) translate(-50%, -284.5px) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); transform: translate(50%, 284.5px) rotate(1turn) translate(-50%, -284.5px) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); } }
  @keyframes spin { from { -webkit-transform: translate(50%, 254.5px) rotate(0turn) translate(-50%, -254.5px) translate(50%, 50%) rotate(1turn) translate(-50%, -50%); transform: translate(50%, 284.5px) rotate(0turn) translate(-50%, -284.5px) translate(50%, 50%) rotate(1turn) translate(-50%, -50%); }
    to { -webkit-transform: translate(50%, 284.5px) rotate(1turn) translate(-50%, -284.5px) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); transform: translate(50%, 284.5px) rotate(1turn) translate(-50%, -284.5px) translate(50%, 50%) rotate(0turn) translate(-50%, -50%); } }


@keyframes aline {
  from {
    bottom: 100%;
  }
  to {
    bottom: -100%;
  }
}
@keyframes aline1 {
  from {
    left: -100%;
  }
  to {
    left: 100%;
  }
}

footer{
	width:100%;
	height:auto;
	float:left;
	max-width:1920px;
	min-width:1300px;
	position:relative;
	background:#f4f4f4;
	border-top:8px solid #14ada7;
	padding:50px 0 40px 0;
}

.foot{
	width:1600px;
	height:auto;
	margin:0 auto;
}
.foot_left{
	width:350px;
	height:auto;
	float:left;
}
.foot_left .logo2{
	width:100%;
	float:left;
	margin-bottom:20px;
}
.foot_left .logo2 img{
	max-width:100%;
}
.foot_left dl{
	width:100%;
	height:auto;
	float:left;
}
.foot_left dl dt{
	width:100%;
	height:40px;
	float:left;
	line-height:40px;
	color:#626262;
	font-size:18px;
}
.foot_left dl dd{
	width:100%;
	height:30px;
	float:left;
	line-height:30px;
	color:#626262;
	font-size:14px;
}
.foot_right{
	width:850px;
	height:auto;
	float:right;
}
.foot_right dl{
	width:100%;
	height:auto;
	margin-top:10px;
	float:left;
}
.foot_right dl dd{
	width:130px;
	height:auto;
	float:left;
	margin-left:50px;
	transition:all .5s;
}
.foot_right dl dd:first-child{
	margin-left:0;
}
.foot_right dl dd img{
	width:100%;
	height:130px;
	float:left;
}
.foot_right dl dd span{
	width:100%;
	height:30px;
	float:left;
	line-height:30px;
	text-align:center;
	color:#949494;
}
.foot_right dl dd:hover{
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);
}


.foot_right p{
	width:100%;
	height:30px;
	float:left;
	line-height:30px;
	color:#626262;
	margin-top:30px;
	font-size:14px;
}
.foot_right p a:hover{
	text-decoration:underline;
}





#page{
	width:100%;
	float:left;
	margin:40px 0 10px 0;
	
	
	display: flex;
	justify-content: center;
	align-items: center;
}
#page a{
	display:block;
	float:left;
	margin-right:10px;
	padding:0 10px;
	height:24px;
	border:1px #ccc solid;
	background:#fff;
	text-decoration:none;
	color:#6d6d6d;
	font-size:12px;
	line-height:24px;
}
#page a:hover{
	color:#17a7a1;
	border:1px #ccc solid;
}
#page a.cur{
	border-color:#17a7a1;
	background:#17a7a1;
	color:#fff;
}
#page p{
	float:left;
	padding:0 10px;
	font-size:12px;
	height:24px;
	line-height:24px;
	color:#6d6d6d;
	border:1px #ccc solid;
	background:#fcfcfc;
	margin-right:8px;

}
#page p.pageRemark{
	border-style:none;
	background:none;
	margin-right:10px;
	padding:0;
	color:#666;
}
#page p.pageRemark b{
	color:#218e76;
    font-weight: normal;
    margin: 0 2px;
}
#page p.pageEllipsis{
	border-style:none;
	background:none;
	padding:4px 0px;
	color:#808080;
}






@media only screen and (max-width: 1460px) {
	.navs > li{
		margin-left:20px;
	}
	.header-wrap,.min,.foot{
		width:1300px;
	}
	.index_five{
		height:230px!important;
	}
	
}