/**
 * 公共
 */

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}

body {
	font-size: 16px;
	background: #FFFFFF;
}


/*字体边框等初始化*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,
img {
	border: 0;
}

img {
	display: block;
}

address,
caption,
cite,
code,
dfn,
th,
var {
	font-weight: normal;
	font-style: normal;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

a {
	text-decoration: none;
}

* {
	font-family: inherit, "Hiragino Sans GB", "Microsoft Yahei", arial, \5b8b\4f53, "Helvetica Neue", Helvetica, STHeiTi, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0;
}


/*::-webkit-scrollbar {
    width: 0px;
    background-color: #333;
}*/

::-webkit-scrollbar-corner {
	background-color: #333;
}

::-webkit-scrollbar-thumb {
	border: solid 2px #fff;
	width: 0px;
	border-radius: 4px;
	background-color: #fff;
}

input {
	outline: none;
}

button {
	cursor: pointer;
	outline: none;
}

.section-item {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: block;
	margin: 0;
	padding: 0;
}

.container {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

.float-height:before,
.float-height:after {
	display: table;
	content: " ";
	clear: both;
}


/**
 * 头部
 */

header {
	display: block;
	width: 100%;
	height: 80px;
	background: rgba(51, 51, 51, 0.2);
	z-index: 910215;
	position: relative;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

header:hover,
header.show {
	background: #FFFFFF;
	box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2);
}

.head-logo {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	width: 135px;
	position: relative;
}

.head-logo img {
	width: 135px;
}

.logo {
	display: block;
}

.logo-hover {
	display: none;
}

header:hover .logo,
header.show .logo {
	display: none;
}

header:hover .logo-hover,
header.show .logo-hover {
	display: block;
}

.navline-box {
	position: relative;
	display: none;
	float: right;
	width: 38px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 19910216;
}

.navline-bar {
	display: block;
	width: 100%;
	opacity: 1;
	height: 2px;
	margin: auto;
	margin-top: 8px;
	background: #000000;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.active.navline-box .navline-bar:nth-child(1) {
	-webkit-transform: rotateZ(-45deg) translate3d(-15px, 19px, 0px);
	-moz-transform: rotateZ(-45deg) translate3d(-15px, 19px, 0px);
	-ms-transform: rotateZ(-45deg) translate3d(-15px, 19px, 0px);
	-o-transform: rotateZ(-45deg) translate3d(-15px, 19px, 0px);
	transform: rotateZ(-45deg) translate3d(-15px, 19px, 0px);
	background: #ffffff;
}

.active.navline-box .navline-bar:nth-child(2) {
	visibility: hidden;
	opacity: 0;
	z-index: -1;
}

.active.navline-box .navline-bar:nth-child(3) {
	-webkit-transform: rotateZ(45deg) translate3d(5px, 0px, 0px);
	-moz-transform: rotateZ(45deg) translate3d(5px, 0px, 0px);
	-ms-transform: rotateZ(45deg) translate3d(5px, 0px, 0px);
	-o-transform: rotateZ(45deg) translate3d(5px, 0px, 0px);
	transform: rotateZ(45deg) translate3d(5px, 0px, 0px);
	background: #ffffff;
}

.collapse-box {
	position: relative;
	display: inline-block;
	float: right;
}

.collapse-box-bg {
	position: relative;
	display: inline-block;
	-webkit-transition: transform 0.3s ease-in-out;
	-moz-transition: transform 0.3s ease-in-out;
	-ms-transition: transform 0.3s ease-in-out;
	-o-transition: transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}

.active.collapse-box {
	-webkit-transform: translate3d(-142%, 0px, 0px);
	-moz-transform: translate3d(-142%, 0px, 0px);
	-ms-transform: translate3d(-142%, 0px, 0px);
	-o-transform: translate3d(-142%, 0px, 0px);
	transform: translate3d(-142%, 0px, 0px);
}

.nav-ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	box-sizing: border-box;
	float: left;
}

.nav-ul>li {
	display: inline-block;
	box-sizing: border-box;
	float: left;
	line-height: 79px;
}

.nav-ul>li>a {
	display: inline-block;
	box-sizing: border-box;
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 0px 35px;
}

header:hover .nav-ul>li>a,
header.show .nav-ul>li>a {
	color: #484c50;
}

.navbar-hover-line {
	position: relative;
	display: block;
	width: 0%;
	margin: auto;
	margin-top: -15px;
	margin-left: -15px;
	height: 2px;
	background: #fff;
	border-radius: 18px;
	-webkit-transition: all 0.3s cubic-bezier(0.76, 0.07, 0.13, 0.97);
	-moz-transition: all 0.3s cubic-bezier(0.76, 0.07, 0.13, 0.97);
	-ms-transition: all 0.3s cubic-bezier(0.76, 0.07, 0.13, 0.97);
	-o-transition: all 0.3s cubic-bezier(0.76, 0.07, 0.13, 0.97);
	transition: all 0.3s cubic-bezier(0.76, 0.07, 0.13, 0.97);
}

.navbar-hover-line.active {
	width: calc(100% + 30px);
	width: -moz-calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
}

header:hover .navbar-hover-line,
header.show .navbar-hover-line {
	background: #FB5C5E;
}

.nav-ul>li:hover .navbar-hover-line {
	width: calc(100% + 30px);
	width: -moz-calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
}

.nav-ul .dropdown {
	position: relative;
}

.nav-ul .dropdown-body:after {
	position: absolute;
	display: block;
	content: "";
	background: transparent;
	line-height: 0;
	top: 2px;
	left: 73%;
	margin-left: 0px;
	width: 0;
	z-index: -1;
	height: 0;
	border-top: 10px solid transparent;
	border-left: 10px solid #ffffff;
}
.nav-ul .dropdown-body.long:after {
	top: 0px;
}


.nav-ul .dropdown-body:before {
	position: absolute;
	display: block;
	content: "";
	line-height: 0;
	top: 2px;
	z-index: -1;
	left: 73%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #ffffff;
}
.nav-ul .dropdown-body.long:before {
	top: 0px;
}

.nav-ul .dropdown-body {
	visibility: hidden;
	opacity: 0;
	display: block;
	position: absolute;
	list-style: none;
	width: 215%;
	padding-top: 12px;
	margin-top: -10px;
	margin-left: -107%;
	background: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.nav-ul .dropdown-body.long {
	width: 130%;
	margin-left: -13px;
}

.show.navbar .nav-ul .dropdown-body {
	margin-top: -10px;
	box-shadow: 0px 10px 30px -2px rgba(0, 0, 0, 0.2);
}

.dropdown:hover .dropdown-body {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translate3d(0px, 10px, 0px);
	-moz-transform: translate3d(0px, 10px, 0px);
	-ms-transform: translate3d(0px, 10px, 0px);
	-o-transform: translate3d(0px, 10px, 0px);
	transform: translate3d(0px, 10px, 0px);
}

.nav-ul .dropdown-body>li {
	color: #4e4e4e;
	background: #ffffff;
	display: block;
	text-align: center;
}

.nav-ul .dropdown-body>li:first-child {
	border-radius: 5px 5px 0px 0px;
}

.nav-ul .dropdown-body>li:last-child {
	border-radius: 0px 0px 5px 5px;
}

.nav-ul .dropdown-body>li>a {
	color: #4e4e4e;
	text-decoration: none;
	display: block;
	font-size: 16px;
	width: 100%;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.dropdown-body-item {
	border-bottom: 1px solid #eeeeee;
}

.dropdown-body-item:last-child {
	border-bottom: 0px;
}

.nav-ul .dropdown-body>li>a:hover {
	border-radius: 5px;
	background: #e4e4e4;
}

.dropdown-body li {
	line-height: 50px;
}

@media screen and (max-width: 1155px) {
	.nav-ul>li>a {
		padding: 0px 10px;
	}
}

@media screen and (max-width: 960px) {
	header {
		background: #FFFFFF;
		box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.2);
		height: 60px;
	}
	.head-up {
		display: none;
	}
	.head-logo {
		margin-top: 10px;
		margin-left: 20px;
		width: auto;
	}
	.logo {
		display: none;
	}
	.logo-hover {
		display: block;
	}
	.navline-box {
		width: 30px;
		margin-top: 10px;
		margin-right: 20px;
		display: inline-block;
	}
	.active.navline-box {
		position: fixed;
		right: 0;
		-webkit-transform: translate3d(-10%, -13px, 0px);
		-moz-transform: translate3d(-10%, -13px, 0px);
		-ms-transform: translate3d(-10%, -13px, 0px);
		-o-transform: translate3d(-10%, -13px, 0px);
		transform: translate3d(-10%, -13px, 0px);
	}
	.collapse-box {
		z-index: 19910215;
		position: fixed;
		top: 0px;
		bottom: 0px;
		right: -50%;
		width: 35%;
		background-color: #FB5C5E;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.collapse-box-bg {
		background: rgba(0, 0, 0, 0);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		-webkit-transition-delay: 0.2s;
		-moz-transition-delay: 0.2s;
		-ms-transition-delay: 0.2s;
		-o-transition-delay: 0.2s;
		transition-delay: 0.2s;
	}
	.show.collapse-box-bg {
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: rgba(0, 0, 0, 0.3);
		z-index: 19910215;
	}
	.nav-ul {
		width: 100%;
		display: block;
		margin-top: 60px;
	}
	.nav-ul>li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #FFFFFF;
	}
	.nav-ul>li:first-child {
		border-top: 1px solid #FFFFFF;
	}
	.nav-ul>li>a {
		display: block;
		width: 100%;
		font-size: 16px;
		text-align: center;
	}
	header:hover .nav-ul>li>a,
	header.show .nav-ul>li>a {
		color: #FFFFFF;
	}
	.navbar-hover-line {
		display: none;
	}
	.nav-ul .dropdown-body {
		margin-top: -80px;
		right: 110%;
	}
	.nav-ul .dropdown-body:before,
	.nav-ul .dropdown-body:after {
		top: 35px;
		left: auto;
		right: -10px;
		margin-left: 0px;
		border: 0px;
	}
	.nav-ul .dropdown-body:before {
		border-top: 10px solid transparent;
		border-left: 10px solid #FB5C5E;
		margin-top: -5px;
	}
	.nav-ul .dropdown-body:after {
		border-bottom: 10px solid transparent;
		border-left: 10px solid #FB5C5E;
		margin-top: 5px;
	}
	.nav-ul .dropdown-body>li>a {
		color: #FFF;
		background: #FB5C5E;
	}
	.dropdown-body li {
		line-height: 60px;
	}
}

/*脚部*/
#isFooter {}
.left{float:left;}
.right{float:right;}
.footer{width: 100%;overflow: hidden;background: #323232; border-top:5px solid #6dba46;}
.footer .w{width: 1440px;margin:0 auto;overflow: hidden;}
.footer .w1{padding:70px 0 65px 0;}
.footer .w1 dl{overflow: hidden;}
.footer .w1 dt{font-size: 18px;color:#ffffff;line-height: 18px;margin-bottom:14px;}
.footer .w1 a{display: block;color:#959595;line-height: 26px;transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.footer .w1 .left{margin-right:100px;}
.footer .w1 .right{width: 430px;}
.footer .w1 .right .erweima{ float: left; width: 140px;}
.footer .w1 .right .txt{ float: right;  width: 260px; color:#ffffff; }
.footer .w1 .right .txt h1{ font-size: 18px; padding-bottom: 10px; line-height: 20px;}
.footer .w1 .right .txt .adr{ color:#959595; font-size: 12px;  line-height: 24px;}
.footer .w1 .right span{display: block;color:#ffffff;font-size: 14px;margin-top: 10px;text-align: center;}
.selectlink{ color: #c3c3c3; font-size: 14px; height: 36px; line-height: 36px; margin-top: 15px; background: #313131; width: 208px;}
.footer .last{background: #323232; border-top:1px solid #6f6f6f;padding:16px 0;overflow: hidden;}
.footer .w2 .left{color:#ffffff;line-height:14px;font-size:12px;}
.footer .w2 .right{overflow: hidden;}
.footer .w2 .right a{display: block;float: left;color:#FFFFFF;line-height:14px;font-size:12px;}
.footer .w2 .right span{display: block;float: left;color:#808080;line-height:14px;font-size:12px;padding:0 7px;}


.footer .w1 a:hover{padding-left:3px;  color: #FFFFFF;}
.footer .w1 .right .txt .youqing {  height: 100px;   font-size: 14px;  line-height: 36px; margin-top: 15px; width: 208px;}
.footer .w1 .right .txt .youqing .yq-yi{ text-indent:1em;display: block; height: 36px; line-height: 36px;border:1px solid #838383; color: #c3c3c3; background: url("../img/jiantou.png") right 10px center no-repeat;  }
.footer .w1 .right .txt .youqing:hover .yq-er{ display: block; }
.footer .w1 .right .txt .youqing .yq-er { display: none; }
.footer .w1 .right .txt .yq-er a{  text-indent:1em; display: block;   line-height: 36px; color: #c3c3c3;}
.footer .w1 .right .txt .youqing a:hover{padding-left:0px;}

.mo-footer{ font-size:20px;color:#ffffff; text-align: center; display: none;}
.mo-footer .tel{  padding: 22px 0 22px 100px; display: inline-block;  text-align: left;  background: #ffffff; background: url("../img/tel.jpg") left center no-repeat; line-height: 30px; color:#407611; font-size: 22px;  }
.mo-footer .tel font{ color:#407611; font-size: 22px; font-weight: bold;}
.mo-footer .bottom{background:#407611; padding-top: 30px;}
.mo-footer .bottom .top{ border-bottom:1px solid #3d5e33;font-size: 24px; color: #ffffff; display: block; line-height: 14px;  background: url("../img/motop.png") no-repeat top center;padding-top:36px; padding-bottom: 36px;}
.mo-footer .bottom p{ line-height: 76px; font-size: 22px; font-weight: 200; color: #FFFFFF; }

/*首页友情链接*/
.cp-footer-link{ margin-top:16px;position:relative;overflow: hidden;width:237px;height:38px ;}
.cp-footer-linkbox{position: absolute;width:100%; top:0;left:0;  }
.cp-footer-linkbox a:nth-of-type(1){  border:1px solid #838383; height: 36px;  background: url("../img/jiantou.png") right 10px center no-repeat;}
.cp-footer-linkbox a{display:block;text-indent:1em;font-size:14px;color:#666666;line-height:36px !important;height:36px;}
.cp-footer-link:hover{overflow: visible;  height:100px ;}
.cp-footer-linkbox a:hover{ color: #FFFFFF !important; padding-left: 0px !important; }

@media screen and (max-width: 1460px) {
	.footer .w {
		width: 95%;
	}
}

@media screen and (max-width: 1279px) {
	.footer{ display:none;}
	.mo-footer{display: block;}
}

/**
 * 栏目顶部图
 */
.banner-images {
	width: 100%;
}

.banner-images>img {
	width: 100%;
}

/**
 * 栏目
 */
.column {
	width: 100%;
}
.column > ul {
	text-align: center;
	padding-top: 20px;
}
.column > ul > li {
	display: inline-block;
	border-left: 1px solid #999999;
}
.column > ul > li:nth-child(1) {
	border: none;
}
.column > ul > li > a {
	color: #999;
	font-size: 18px;
	padding: 0 50px;
}
@media screen and (max-width: 800px) {
	.column > ul > li > a {
		padding: 0 10px;
	}
}
@media screen and (max-width: 450px) {
	.column > ul > li {
		border: none;
	}
}

/**
 * 面包屑导航
 */
.breadcrumb {
	float: right;
	font-size: 12px;
	color: #999999;
}

.breadcrumb>a {
	padding: 0;
	margin: 0;
	color: #999;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
}

.breadcrumb>i {
	font-size: 12px;
	color: #999;
	font-weight: 400;
}

@media screen and (max-width: 1200px) {
	.breadcrumb {
		padding-left: 10px;
	}
}

/**
 * 分页
 */
.pages {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.pages a,
.pages span {
	display: inline-block;
	padding: 15px 30px;
	color: #999999;
	background: #EEEEEE;
	border-radius: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.pages a:hover,
.pages span:hover,
.pages a.act,
.pages span.act {
	color: #fff;
	background: #EB4335;
	border-color: #252525;
	display: inline-block;
	text-decoration: none;
}
@media (max-width: 1440px) {
	.pages a,
	.pages span {
		padding: 10px 20px;
	}
}
@media (max-width: 1050px) {
	.pages a,
	.pages span {
		padding: 5px 15px;
	}
}
@media (max-width: 770px) {
	.pages {
		padding-top: 4%;
		padding-bottom: 3%;
		text-align: left;
	}
}